fix: test cases and implementation errors

Author: soup-in-boots

.mocharc.cjs

@@ -1,4 +1,4 @@
 module.exports = {
     extensions: ['js', 'jsx'],
-    require: ['./setup-tests.js', 'global-jsdom/register'],
+    require: ['./setup-tests.js'],
 };

babel.config.js

@@ -1,13 +1,13 @@
 module.exports = function (api) {
     console.log('babel.config.js');
+    api.cache(true);
     return {
-        sourceMaps: api.env('production') ? false : 'both',
+        exclude: ['node_modules'],
         presets: [
             [
                 '@babel/preset-env',
                 {
                     targets: { browsers: ['last 2 Chrome versions'] },
-                    modules: 'commonjs',
                 },
             ],
             ['@babel/preset-react', { runtime: 'automatic' }],

example/package.json

@@ -1,76 +1,72 @@
 {
-  "name": "@forml/example",
-  "version": "2.0.0-next.10",
-  "description": "",
-  "main": "lib/index.js",
-  "private": true,
-  "scripts": {
-    "start": "webpack serve --config webpack.config.js",
-    "build": "webpack --config webpack.config.js"
-  },
-  "publishConfig": {
-    "access": "restricted"
-  },
-  "author": "",
-  "license": "ISC",
-  "devDependencies": {
-    "@babel/cli": "^7.26.4",
-    "@babel/core": "^7.26.9",
-    "@babel/plugin-transform-runtime": "^7.26.9",
-    "@babel/preset-env": "^7.26.9",
-    "@babel/preset-react": "^7.26.3",
-    "@csstools/postcss-sass": "^5.1.1",
-    "@forml/context": "file:../packages/context",
-    "@forml/core": "file:../packages/core",
-    "@forml/decorator-barebones": "file:../packages/decorator-barebones",
-    "@forml/decorator-bootstrap": "file:../packages/decorator-bootstrap",
-    "@forml/decorator-mui": "file:../packages/decorator-mui",
-    "@forml/decorator-pdf": "file:../packages/decorator-pdf",
-    "@forml/hooks": "file:../packages/hooks",
-    "@mantine/colors-generator": "^7.17.1",
-    "@webpack-cli/serve": "^3.0.1",
-    "babel-loader": "^9.2.1",
-    "classnames": "^2.5.1",
-    "css-loader": "^7.1.2",
-    "file-loader": "^6.2.0",
-    "fontsource-roboto": "^4.0.0",
-    "luxon": "^3.5.0",
-    "material-icons": "^1.13.14",
-    "objectpath": "^2.0.0",
-    "postcss": "^8.5.3",
-    "react": "^19.0.0",
-    "react-dnd": "^16.0.1",
-    "react-dnd-html5-backend": "^16.0.1",
-    "react-dom": "^19.0.0",
-    "sass": "^1.85.1",
-    "sass-loader": "^16.0.5",
-    "source-map-loader": "^5.0.0",
-    "stream-browserify": "^3.0.0",
-    "style-loader": "^4.0.0",
-    "util": "^0.12.5",
-    "webpack": "^5.98.0",
-    "webpack-bundle-analyzer": "^4.10.2",
-    "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.0"
-  },
-  "dependencies": {
-    "@babel/runtime": "^7.26.9",
-    "@date-io/moment": "^3.2.0",
-    "@forml/decorator-mantine": "file:../packages/decorator-mantine",
-    "@monaco-editor/react": "^4.7.0",
-    "@react-pdf/pdfkit": "^4.0.2",
-    "html-webpack-plugin": "^5.6.3",
-    "moment": "^2.30.1",
-    "monaco-editor": "^0.52.2",
-    "monaco-editor-webpack-plugin": "^7.1.0",
-    "object-hash": "^3.0.0",
-    "postcss-loader": "^8.1.1",
-    "prismjs": "^1.29.0",
-    "shortid": "^2.2.17"
-  },
-  "gitHead": "0aa86885c552f78150b346d1a64714d8993fcfe4",
-  "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  }
+    "name": "@forml/example",
+    "version": "2.0.0-next.10",
+    "description": "",
+    "main": "lib/index.js",
+    "private": true,
+    "scripts": {
+        "start": "webpack serve --config webpack.config.js",
+        "build": "webpack --config webpack.config.js"
+    },
+    "publishConfig": {
+        "access": "restricted"
+    },
+    "author": "",
+    "license": "ISC",
+    "devDependencies": {
+        "@babel/core": "^7.26.9",
+        "@babel/preset-env": "^7.26.9",
+        "@babel/preset-react": "^7.26.3",
+        "@csstools/postcss-sass": "^5.1.1",
+        "@forml/context": "file:../packages/context",
+        "@forml/core": "file:../packages/core",
+        "@forml/decorator-barebones": "file:../packages/decorator-barebones",
+        "@forml/decorator-bootstrap": "file:../packages/decorator-bootstrap",
+        "@forml/decorator-mui": "file:../packages/decorator-mui",
+        "@forml/decorator-pdf": "file:../packages/decorator-pdf",
+        "@forml/hooks": "file:../packages/hooks",
+        "@mantine/colors-generator": "^7.17.1",
+        "@webpack-cli/serve": "^3.0.1",
+        "babel-loader": "^9.2.1",
+        "classnames": "^2.5.1",
+        "css-loader": "^7.1.2",
+        "file-loader": "^6.2.0",
+        "luxon": "^3.5.0",
+        "material-icons": "^1.13.14",
+        "objectpath": "^2.0.0",
+        "postcss": "^8.5.3",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
+        "sass": "^1.85.1",
+        "sass-loader": "^16.0.5",
+        "source-map-loader": "^5.0.0",
+        "stream-browserify": "^3.0.0",
+        "style-loader": "^4.0.0",
+        "util": "^0.12.5",
+        "webpack": "^5.98.0",
+        "webpack-bundle-analyzer": "^4.10.2",
+        "webpack-cli": "^6.0.1",
+        "webpack-dev-server": "^5.2.0"
+    },
+    "dependencies": {
+        "@babel/runtime": "^7.26.9",
+        "@date-io/moment": "^3.2.0",
+        "@fontsource/roboto": "^5.2.5",
+        "@forml/decorator-mantine": "file:../packages/decorator-mantine",
+        "@monaco-editor/react": "^4.7.0",
+        "@react-pdf/pdfkit": "^4.0.2",
+        "html-webpack-plugin": "^5.6.3",
+        "moment": "^2.30.1",
+        "monaco-editor": "^0.52.2",
+        "monaco-editor-webpack-plugin": "^7.1.0",
+        "object-hash": "^3.0.0",
+        "postcss-loader": "^8.1.1",
+        "prismjs": "^1.29.0",
+        "shortid": "^2.2.17"
+    },
+    "gitHead": "0aa86885c552f78150b346d1a64714d8993fcfe4",
+    "peerDependencies": {
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1"
+    }
 }

example/src/samples.js

@@ -4,7 +4,7 @@ import { createStore, useStore } from 'zustand';
 import { useShallow } from 'zustand/react/shallow';
 const log = debug('forml:example:samples');
 
-const DEFAULT_SAMPLE = './array-basic.js';
+const DEFAULT_SAMPLE = './kitchenSink.js';
 const DEFAULT_DECORATOR = 'Mantine (Filled)';
 
 function importAll(context) {