@nolwenture/formik-jsonschema-form 2.0.2 → 3.0.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nolwenture/formik-jsonschema-form",
-  "version": "2.0.2",
+  "version": "3.0.0-beta.1",
   "description": "Formik form generation from json schema",
   "author": "anttivikman <antti.vikman@nolwenture.com>",
   "contributors": [
@@ -16,8 +16,69 @@
   "types": "./dist/types/index.d.ts",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "module": "./dist/esm/index.js",
+      "default": "./dist/cjs/index.js"
+    },
+    "./raw": {
+      "types": "./dist/types/v3/raw/index.d.ts",
+      "module": "./dist/esm/v3/raw/index.js",
+      "default": "./dist/cjs/v3/raw/index.js"
+    },
+    "./react": {
+      "types": "./dist/types/v3/react/index.d.ts",
+      "module": "./dist/esm/v3/react/index.js",
+      "default": "./dist/cjs/v3/react/index.js"
+    },
+    "./react/ejs": {
+      "types": "./dist/types/v3/react/ejs/index.d.ts",
+      "module": "./dist/esm/v3/react/ejs/index.js",
+      "default": "./dist/cjs/v3/react/ejs/index.js"
+    },
+    "./document": {
+      "types": "./dist/types/v3/document/index.d.ts",
+      "module": "./dist/esm/v3/document/index.js",
+      "default": "./dist/cjs/v3/document/index.js"
+    },
+    "./dist/types": {
+      "types": "./dist/types/index.d.ts"
+    },
+    "./dist/types/common/types": {
+      "types": "./dist/types/common/types/index.d.ts"
+    },
+    "./dist/types/*": {
+      "types": "./dist/types/*.d.ts"
+    },
+    "./styles.css": "./styles.css",
+    "./package.json": "./package.json"
+  },
+  "typesVersions": {
+    "*": {
+      "raw": [
+        "dist/types/v3/raw/index.d.ts"
+      ],
+      "react": [
+        "dist/types/v3/react/index.d.ts"
+      ],
+      "react/ejs": [
+        "dist/types/v3/react/ejs/index.d.ts"
+      ],
+      "document": [
+        "dist/types/v3/document/index.d.ts"
+      ]
+    }
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "bin": {
+    "fjsf-v3-codemod": "./dist/cjs/v3/codemod/cli.js"
+  },
   "files": [
     "dist",
+    "styles.css",
     "package.json",
     "LICENSE"
   ],
@@ -36,32 +97,49 @@
   "scripts": {
     "build:cjs": "./node_modules/.bin/tsc -p tsconfig.cjs.json",
     "build:esm": "./node_modules/.bin/tsc -p tsconfig.esm.json",
-    "build": "npm run clean  && npm run build:cjs && npm run build:esm",
+    "build": "npm run clean  && npm run build:cjs && npm run build:esm && npm run build:codemod",
+    "build:codemod": "./node_modules/.bin/tsc -p tsconfig.codemod.json",
     "watch:cjs": "./node_modules/.bin/tsc -p tsconfig.cjs.json --watch",
     "watch:esm": "./node_modules/.bin/tsc -p tsconfig.esm.json --watch",
     "watch": "npm-run-all --parallel watch:cjs watch:esm",
     "clean": "rimraf dist",
     "test": "jest",
     "storybook": "storybook dev -p 6006",
-    "test-storybook": "test-storybook"
+    "test-storybook": "test-storybook",
+    "typecheck": "tsc -p tsconfig.typecheck.json",
+    "test:ci": "jest --ci --coverage --maxWorkers=2",
+    "depcheck": "depcheck",
+    "test:v3": "jest --selectProjects v3 v3-dom --maxWorkers=2 --reporters=default --reporters=./src/testing/impl/sliceReporter.js",
+    "lint:boundary": "eslint src/v3",
+    "goldens": "UPDATE_CORPUS_GOLDENS=1 jest --selectProjects v2 --maxWorkers=2 src/__corpus__",
+    "styles": "UPDATE_STYLES=1 jest --selectProjects v2 --maxWorkers=1 src/v3/__styles__/generate",
+    "test:styles": "jest -c jest.chromium.config.js --maxWorkers=1"
   },
   "peerDependencies": {
+    "ejs-browser": "^3.2.2",
     "formik": "^2.4.5",
-    "react": "^18.2.0",
-    "styled-components": "^6.1.8",
-    "typescript": "^5.7.3",
+    "react": "^18.2.0 || ^19.0.0",
     "yup": "^1.4.0"
   },
+  "peerDependenciesMeta": {
+    "ejs-browser": {
+      "optional": true
+    },
+    "formik": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    }
+  },
   "dependencies": {
-    "dompurify": "^3.2.2",
-    "ejs-browser": "^3.2.2",
-    "json-schema": "^0.4.0"
+    "@types/json-schema": "^7.0.15",
+    "dompurify": "^3.4.17"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.25.4",
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.24.1",
-    "@nolwenture/component-library": "^1.1.0",
     "@storybook/addon-essentials": "^8.5.0",
     "@storybook/addon-interactions": "^8.5.0",
     "@storybook/addon-links": "^8.5.0",
@@ -70,8 +148,9 @@
     "@storybook/react-webpack5": "^8.5.0",
     "@storybook/test": "^8.5.0",
     "@storybook/test-runner": "^0.21.0",
+    "@testing-library/dom": "^10.4.2",
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^14.2.2",
+    "@testing-library/react": "^16.3.3",
     "@testing-library/user-event": "^14.5.2",
     "@types/dompurify": "^3.2.0",
     "@types/ejs": "^3.1.5",
@@ -79,13 +158,20 @@
     "@types/node": "^20.12.2",
     "@types/react": "^18.2.73",
     "@types/styled-components": "^5.1.34",
+    "@typescript-eslint/parser": "^8.72.1",
     "babel-plugin-named-exports-order": "^0.0.2",
+    "depcheck": "^1.4.7",
+    "ejs-browser": "^3.2.2",
+    "eslint": "^9.39.5",
     "formik": "^2.4.5",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "jsdom": "^20.0.3",
+    "playwright": "^1.50.0",
     "polished": "^4.3.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-icons": "^5.3.0",
     "rimraf": "^6.0.1",
     "storybook": "^8.5.0",
     "styled-components": "^6.1.8",

package/styles.css

@@ -0,0 +1,187 @@
+.fjsf-CommonFieldWrapper{display:flex;flex-direction:column;}.fjsf-CommonFieldWrapper input{background-color:var(--fjsf-color-background-input);border-radius:var(--fjsf-border-radius-none);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);padding:var(--fjsf-spacing-s);}.fjsf-CommonFieldWrapper input ::placeholder{color:var(--fjsf-color-text-muted);}.fjsf-CommonFieldWrapper input:read-only{border:none;background-color:transparent;padding:0;}.fjsf-CommonFieldWrapper input:read-only::placeholder{color:var(--fjsf-color-text-default);}.fjsf-CommonFieldWrapper input:read-only:focus,.fjsf-CommonFieldWrapper input:read-only:focus-visible{border:none;stroke:none;box-shadow:none;}.fjsf-CommonFieldWrapper input:disabled{background-color:var(--fjsf-color-background-input);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);padding:var(--fjsf-spacing-s);}.fjsf-CommonFieldWrapper input:disabled::placeholder{color:var(--fjsf-color-text-muted);}.fjsf-CommonFieldWrapper input:disabled:focus,.fjsf-CommonFieldWrapper input:disabled:focus-visible{border:none;stroke:none;box-shadow:none;}.fjsf-CommonFieldWrapper input:focus,.fjsf-CommonFieldWrapper input:focus-visible{outline:var(--fjsf-focus-default-outline);outline-offset:var(--fjsf-focus-default-outline-offset);box-shadow:var(--fjsf-focus-default-box-shadow);}.fjsf-CommonFieldWrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--fjsf-color-background-input);border-radius:var(--fjsf-border-radius-none);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);color:var(--fjsf-color-text-default);cursor:pointer;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);font-weight:var(--fjsf-typography-weight-normal);outline:none;padding:var(--fjsf-spacing-s) var(--fjsf-spacing-xxxxl) var(--fjsf-spacing-s) var(--fjsf-spacing-m);width:100%;background-image:var(--fjsf-select-arrow);background-position:right var(--fjsf-spacing-m) top 50%;background-repeat:no-repeat;background-size:var(--fjsf-spacing-l);}.fjsf-CommonFieldWrapper select[readonly]{background-image:none;border:none;background-color:transparent;padding:0;}.fjsf-CommonFieldWrapper select:focus{outline:var(--fjsf-focus-default-outline);outline-offset:var(--fjsf-focus-default-outline-offset);box-shadow:var(--fjsf-focus-default-box-shadow);}.fjsf-CommonFieldWrapper select:disabled{background-color:var(--fjsf-color-background-input);background-image:var(--fjsf-select-arrow);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);padding:var(--fjsf-spacing-s) var(--fjsf-spacing-xxxxl) var(--fjsf-spacing-s) var(--fjsf-spacing-m);}.fjsf-CommonFieldWrapper select[multiple]{appearance:auto;background-image:none;overflow:auto;}.fjsf-CommonFieldWrapper textarea{background-color:var(--fjsf-color-background-input);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);padding:var(--fjsf-spacing-s);}.fjsf-CommonFieldWrapper textarea:read-only{border:none;background-color:transparent;padding:0;min-height:unset;resize:none;field-sizing:content;}.fjsf-CommonFieldWrapper textarea:read-only::placeholder{color:var(--fjsf-color-text-default);}.fjsf-CommonFieldWrapper textarea:disabled{background-color:var(--fjsf-color-background-input);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);min-height:5rem;padding:var(--fjsf-spacing-s);}.fjsf-CommonFieldWrapper textarea:disabled::placeholder{color:var(--fjsf-color-text-muted);}
+.fjsf-CommonCheckboxStyles input[type="checkbox"]{margin-left:0;-webkit-appearance:none;appearance:none;background-color:var(--fjsf-color-background-input);border-radius:var(--fjsf-border-radius-none);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);color:var(--fjsf-on-input);cursor:pointer;display:grid;font:inherit;height:var(--fjsf-spacing-l);margin:0;place-content:center;width:var(--fjsf-spacing-l);}.fjsf-CommonCheckboxStyles input[type="checkbox"]:before{background-color:CanvasText;content:"";width:var(--fjsf-spacing-m);height:var(--fjsf-spacing-m);transform:scale(0);transition:0.12s transform ease-in-out;transform-origin:center;clip-path:polygon(
+        34.469% 100%,
+        1.486% 62.13%,
+        1.486% 62.13%,
+        0.951% 61.408%,
+        0.535% 60.618%,
+        0.238% 59.777%,
+        0.059% 58.903%,
+        0% 58.011%,
+        0.059% 57.119%,
+        0.238% 56.244%,
+        0.535% 55.403%,
+        0.951% 54.613%,
+        1.486% 53.891%,
+        8.662% 45.652%,
+        8.662% 45.652%,
+        9.291% 45.037%,
+        9.979% 44.56%,
+        10.712% 44.218%,
+        11.474% 44.013%,
+        12.25% 43.945%,
+        13.027% 44.013%,
+        13.789% 44.218%,
+        14.521% 44.56%,
+        15.209% 45.037%,
+        15.838% 45.652%,
+        38.057% 71.162%,
+        85.648% 16.521%,
+        85.648% 16.521%,
+        86.277% 15.907%,
+        86.965% 15.429%,
+        87.697% 15.088%,
+        88.459% 14.883%,
+        89.236% 14.815%,
+        90.013% 14.883%,
+        90.775% 15.088%,
+        91.507% 15.429%,
+        92.195% 15.907%,
+        92.824% 16.521%,
+        100% 24.761%,
+        100% 24.761%,
+        100.535% 25.483%,
+        100.951% 26.273%,
+        101.248% 27.114%,
+        101.427% 27.989%,
+        101.486% 28.88%,
+        101.427% 29.772%,
+        101.248% 30.647%,
+        100.951% 31.488%,
+        100.535% 32.278%,
+        100% 33%,
+        41.645% 100%,
+        41.645% 100%,
+        41.016% 100.614%,
+        40.328% 101.092%,
+        39.596% 101.433%,
+        38.834% 101.638%,
+        38.057% 101.706%,
+        37.281% 101.638%,
+        36.519% 101.433%,
+        35.786% 101.092%,
+        35.098% 100.614%,
+        34.469% 100%
+      );}.fjsf-CommonCheckboxStyles input[type="checkbox"]:focus{outline:var(--fjsf-focus-default-outline);outline-offset:var(--fjsf-focus-default-outline-offset);box-shadow:var(--fjsf-focus-default-box-shadow);}.fjsf-CommonCheckboxStyles input[type="checkbox"]:checked{background-color:var(--fjsf-color-intent-default-none);}.fjsf-CommonCheckboxStyles input[type="checkbox"]:checked:before{transform:scale(1);}.fjsf-CommonCheckboxStyles input[type="checkbox"][readonly]{background:transparent;}.fjsf-CommonCheckboxStyles input[type="checkbox"]:disabled{background-color:var(--fjsf-color-background-input);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);}
+.fjsf-IconWrapper{display:flex;}
+.fjsf-ObjectFieldItem{color:var(--fjsf-color-text-default);display:flex;}
+.fjsf-ObjectFieldItemButtons{align-items:flex-start;display:flex;gap:var(--fjsf-spacing-s);margin:var(--fjsf-spacing-s);}
+.fjsf-ObjectFieldButton{line-height:1;padding:var(--fjsf-spacing-s) var(--fjsf-spacing-m);justify-content:center;}
+.fjsf-ObjectFieldSectionWrapper{display:flex;flex-direction:column;gap:var(--fjsf-spacing-m);padding:var(--fjsf-spacing-s) var(--fjsf-spacing-l) var(--fjsf-spacing-s) var(--fjsf-spacing-s);}
+.fjsf-ObjectFieldSectionTitle{display:flex;gap:var(--fjsf-spacing-s);float:left;width:100%;margin:0;justify-content:space-between;}
+.fjsf-ObjectFieldSectionChildrenWrapper{display:flex;flex-direction:column;gap:var(--fjsf-spacing-m);}
+.fjsf-ArrayFieldItem{padding:var(--fjsf-spacing-l);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);margin-bottom:var(--fjsf-spacing-s);}
+.fjsf-BooleanFieldWrapper{align-items:center;color:var(--fjsf-color-text-default);cursor:pointer;display:flex;font-family:var(--fjsf-typography-font-family-base);gap:var(--fjsf-spacing-s);}.fjsf-BooleanFieldWrapper:has(input[readonly]){pointer-events:none;cursor:pointer;}
+.fjsf-Row{display:flex;flex-direction:row;font-family:var(--fjsf-typography-font-family-base);position:relative;}
+.fjsf-DisplayInput{display:flex;flex-grow:1;padding-right:var(--fjsf-spacing-xxxl)!important;}.fjsf-DisplayInput:disabled{background-color:transparent;border:none;}.fjsf-DisplayInput:read-only:focus,.fjsf-DisplayInput:read-only:focus-visible{border:none;stroke:none;box-shadow:none;}
+.fjsf-HiddenNative{position:absolute;opacity:0;pointer-events:none;width:0;height:0;}
+.fjsf-PickerButton{position:absolute;right:0;top:0;height:100%;left:auto;border:none;background:inherit;cursor:pointer;font:inherit;}.fjsf-PickerButton:focus,.fjsf-PickerButton:focus-visible{outline:var(--fjsf-focus-default-outline);outline-offset:var(--fjsf-focus-default-outline-offset);box-shadow:var(--fjsf-focus-default-box-shadow);}.fjsf-PickerButton:disabled{cursor:not-allowed;opacity:0.6;}.fjsf-PickerButton svg{display:flex;color:var(--fjsf-color-intent-default-primary);}
+.fjsf-FileUploadFieldFileUploadButton{background-color:var(--fjsf-color-intent-default-none);color:var(--fjsf-on-intent-none);padding:var(--fjsf-spacing-s) var(--fjsf-spacing-xl);border:none;border-radius:var(--fjsf-border-radius-none);cursor:pointer;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);}
+.fjsf-FileUploadFieldHiddenFileInput{display:none;}
+.fjsf-FileUploadFieldProgressBarContainer{width:7.5rem;height:var(--fjsf-spacing-xl);border-radius:var(--fjsf-stroke-width-thick);background-color:var(--fjsf-color-background-input);position:relative;margin-left:var(--fjsf-spacing-s);}
+.fjsf-FileUploadFieldProgressBar{width:var(--fjsf-progress);height:100%;background-color:var(--fjsf-color-palette-neutral-500);border-radius:var(--fjsf-stroke-width-thick);transition:width 0.2s ease;}
+.fjsf-FileUploadFieldProgressText{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--fjsf-color-palette-neutral-200);font-family:var(--fjsf-typography-font-family-base);font-weight:var(--fjsf-typography-weight-bold);}
+.fjsf-FileUploadFieldFileItemContainer{margin-bottom:var(--fjsf-spacing-s);display:flex;align-items:center;}
+.fjsf-FileUploadFieldRemoveButton{margin-left:var(--fjsf-spacing-s);background-color:transparent;border:none;cursor:pointer;}
+.fjsf-FileUploadFieldFileInfoText{margin-left:var(--fjsf-spacing-s);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);color:var(--fjsf-color-text-default);}
+.fjsf-FileUploadFieldContainer{align-items:center;background-color:var(--fjsf-color-background-input);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);display:flex;flex-direction:column;gap:var(--fjsf-spacing-m);justify-content:center;padding:var(--fjsf-spacing-xxl);margin:var(--fjsf-spacing-s) 0 var(--fjsf-spacing-l) 0;position:relative;transition:0.3s filter ease;}.fjsf-FileUploadFieldContainer:hover{filter:brightness(110%);}:where([data-fjsf-readonly="true"]) > .fjsf-FileUploadFieldContainer{align-items:center;background-color:transparent;border:none;display:flex;flex-direction:column;gap:var(--fjsf-spacing-m);justify-content:center;padding:0;margin:var(--fjsf-spacing-s) 0 var(--fjsf-spacing-l) 0;position:relative;transition:0.3s filter ease;}:where([data-fjsf-readonly="true"]) > .fjsf-FileUploadFieldContainer:hover{filter:none;}
+.fjsf-HiddenFileInput{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:1;}
+.fjsf-UploadIcon{color:var(--fjsf-color-palette-neutral-500);height:auto;width:5rem;}
+.fjsf-InfoText{font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);margin:0;}
+.fjsf-Divider{background:linear-gradient(
+    180deg,
+    transparent calc(50% - 2px),
+    var(--fjsf-color-palette-neutral-500) calc(50%),
+    transparent 50%
+  );color:var(--fjsf-color-palette-neutral-500);display:flex;flex-direction:row;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-large);gap:var(--fjsf-spacing-m);justify-content:center;margin:0;text-transform:uppercase;width:70%;}
+.fjsf-DividerText{background-color:var(--fjsf-color-background-input);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-large);margin:0;padding:0 var(--fjsf-spacing-m);text-transform:uppercase;}
+.fjsf-FileInfoText{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);margin-bottom:0;text-align:center;}
+.fjsf-FileInfoTextMinimized{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);margin:0;text-align:center;}
+.fjsf-FileUploadButton{z-index:2;}
+.fjsf-FileUploadText{z-index:2;color:var(--fjsf-color-intent-default-primary);text-decoration:underline;}.fjsf-FileUploadText:hover{color:var(--fjsf-primary-dark);}
+.fjsf-FileItemContainer{display:flex;flex-direction:column;font-family:var(--fjsf-typography-font-family-base);margin:var(--fjsf-spacing-m) 0;width:100%;}
+.fjsf-UploadedFileItemContainer{align-items:flex-start;background-color:var(--fjsf-color-background-default);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);display:flex;flex-direction:row;font-family:var(--fjsf-typography-font-family-base);gap:var(--fjsf-spacing-m);justify-content:space-between;margin:0;min-width:0;padding:var(--fjsf-spacing-m) var(--fjsf-spacing-l);width:100%;}:where([data-fjsf-readonly="true"] > .fjsf-FileUploadFieldContainer) .fjsf-UploadedFileItemContainer{align-items:center;background-color:transparent;border:none;display:flex;flex-direction:row;font-family:var(--fjsf-typography-font-family-base);gap:var(--fjsf-spacing-m);justify-content:space-between;margin:0;min-width:0;padding:0;width:100%;}
+.fjsf-UploadedFileInfoContainer{align-items:flex-start;display:flex;gap:var(--fjsf-spacing-xs);flex:1;min-width:0;}:where([data-fjsf-readonly="true"] > .fjsf-FileUploadFieldContainer) .fjsf-UploadedFileInfoContainer{align-items:center;display:flex;gap:var(--fjsf-spacing-xs);flex:1;min-width:0;}
+.fjsf-UploadedFileWrapper{display:flex;justify-content:left;width:100%;z-index:2;}
+.fjsf-FileTypeIcon{align-items:center;display:flex;}.fjsf-FileTypeIcon svg{color:var(--fjsf-color-intent-default-primary);}
+.fjsf-UploadingFileName{color:var(--fjsf-color-text-default);display:flex;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);margin-bottom:0;min-width:0;overflow-wrap:anywhere;word-break:break-word;}
+.fjsf-UploadedFileName{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);margin-bottom:0;min-width:0;overflow-wrap:anywhere;word-break:break-word;}
+.fjsf-FileSize{color:var(--fjsf-color-text-muted);}
+.fjsf-RemoveButton{background-color:transparent;border:none;cursor:pointer;padding:0;}
+.fjsf-RemoveButtonIcon{color:var(--fjsf-color-intent-default-danger);font-size:1;height:auto;margin-top:var(--fjsf-spacing-xs);transition:0.3s color ease;width:1rem;}.fjsf-RemoveButtonIcon:hover{color:var(--fjsf-color-palette-danger-700);}
+.fjsf-ProgressBarContainer{background-color:var(--fjsf-color-palette-neutral-300);height:var(--fjsf-spacing-s);margin-top:var(--fjsf-spacing-xs);width:100%;}
+.fjsf-ProgressBar{background-color:var(--fjsf-color-palette-primary-600);border-radius:var(--fjsf-stroke-width-thick);height:100%;transition:width 0.2s ease;width:0;width:var(--fjsf-progress);}
+.fjsf-DragOverlay{align-items:center;background-color:var(--fjsf-color-overlay-80);border:4px dashed var(--fjsf-color-intent-default-none);bottom:0;color:var(--fjsf-color-palette-primary-100);display:flex;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-h1);font-weight:var(--fjsf-typography-weight-bold);justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3;}
+.fjsf-FieldWrapper{display:flex;flex-direction:column;gap:var(--fjsf-spacing-xs);color:var(--fjsf-color-text-default);opacity:1;pointer-events:auto;}.fjsf-FieldWrapper:where([aria-disabled="true"]){display:flex;flex-direction:column;gap:var(--fjsf-spacing-xs);color:var(--fjsf-color-text-default);opacity:0.6;pointer-events:none;}
+.fjsf-FieldTitleInfoWrapper{display:flex;flex-direction:row;flex-wrap:wrap;}
+.fjsf-FieldTitle{font-size:var(--fjsf-typography-size-base);font-family:var(--fjsf-typography-font-family-base);font-weight:var(--fjsf-typography-weight-medium);margin-right:var(--fjsf-spacing-s);color:var(--fjsf-color-text-default);}
+.fjsf-FieldDescription{color:var(--fjsf-color-text-default);margin:0;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);font-weight:var(--fjsf-typography-weight-normal);}:where([data-fjsf-readonly="true"]) > .fjsf-FieldDescription{color:var(--fjsf-color-text-default);margin:0;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);font-weight:var(--fjsf-typography-weight-bold);}
+.fjsf-FieldHelp{color:var(--fjsf-color-text-default);margin:0;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);}
+.fjsf-SelectFieldInput[readonly]{pointer-events:none;}
+.fjsf-RadioFieldContainer{color:var(--fjsf-color-text-default);display:flex;flex-direction:column;font-family:var(--fjsf-typography-font-family-base);gap:var(--fjsf-spacing-s);}.fjsf-RadioFieldContainer:has(input[readonly]){flex-direction:column;gap:var(--fjsf-spacing-xxs);}.fjsf-RadioFieldContainer input[type="radio"]{-webkit-appearance:none;appearance:none;background-color:var(--fjsf-color-background-input);border-radius:var(--fjsf-border-radius-circle);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);color:var(--fjsf-on-input);cursor:pointer;display:grid;font:inherit;height:var(--fjsf-spacing-l);margin:0;place-content:center;width:var(--fjsf-spacing-l);}.fjsf-RadioFieldContainer input[type="radio"]:before{background-color:CanvasText;border-radius:var(--fjsf-border-radius-circle);content:"";display:inline-block;height:var(--fjsf-spacing-s);transform:scale(0);transition:0.12s transform ease-in-out;width:var(--fjsf-spacing-s);}.fjsf-RadioFieldContainer input[type="radio"]:focus{outline:var(--fjsf-focus-default-outline);outline-offset:var(--fjsf-focus-default-outline-offset);box-shadow:var(--fjsf-focus-default-box-shadow);}.fjsf-RadioFieldContainer input[type="radio"]:checked{background-color:var(--fjsf-color-intent-default-none);}.fjsf-RadioFieldContainer input[type="radio"]:checked:before{transform:scale(1);}.fjsf-RadioFieldContainer input[type="radio"][readonly]{background-color:transparent;}
+.fjsf-RadioFieldElement{display:inline-flex;align-items:center;}.fjsf-RadioFieldElement:has(input[readonly]){pointer-events:none;}
+.fjsf-RadioFieldLabel{margin-left:var(--fjsf-spacing-xs);line-height:var(--fjsf-typography-line-height-small);}
+.fjsf-MultipleChoiceFieldContainer{font-family:var(--fjsf-typography-font-family-base);flex-wrap:wrap;justify-content:start;flex-direction:column;gap:var(--fjsf-spacing-s);margin-top:var(--fjsf-spacing-s);}.fjsf-MultipleChoiceFieldContainer:has(input[readonly]){flex-direction:column;gap:var(--fjsf-spacing-s);}
+.fjsf-SearchableMultiTagSelectFieldContainer{display:flex;flex-direction:column;font-family:var(--fjsf-typography-font-family-base);}
+.fjsf-SearchableMultiTagSelectFieldSearchContainer{display:flex;flex-direction:column;}
+.fjsf-SearchableMultiTagSelectFieldBadgeContainer{font-family:var(--fjsf-typography-font-family-base);margin:var(--fjsf-spacing-xs) 0;display:inline-flex;gap:var(--fjsf-stroke-width-thin);}
+.fjsf-SearchableMultiTagSelectFieldBadge{color:var(--fjsf-color-background-input);background:var(--fjsf-color-text-default);padding:0 var(--fjsf-spacing-s);border-radius:var(--fjsf-border-radius-none);display:flex;margin-right:var(--fjsf-spacing-xs);gap:var(--fjsf-spacing-s);}
+.fjsf-SearchableMultiTagSelectFieldBadgeCloseElement{background:transparent;color:var(--fjsf-color-background-input);border:none;cursor:pointer;margin:0;padding:0;font-size:var(--fjsf-typography-size-small);align-self:center;font-family:var(--fjsf-typography-font-family-base);}
+.fjsf-SearchableMultiTagSelectFieldOptionList{width:100%;padding:unset;margin:unset;border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);border-radius:var(--fjsf-border-radius-none);position:absolute;background:var(--fjsf-color-background-default);top:100%;z-index:1000;}
+.fjsf-SearchableMultiTagSelectFieldOptionListItem{cursor:pointer;list-style-type:none;padding:var(--fjsf-spacing-xxs) var(--fjsf-spacing-xs);height:var(--fjsf-spacing-xl);}.fjsf-SearchableMultiTagSelectFieldOptionListItem:hover{background:var(--fjsf-color-background-input);}
+.fjsf-SearchableMultiTagSelectFieldOptionListWithoutItem{cursor:default;color:var(--fjsf-color-background-default);list-style-type:none;padding:var(--fjsf-spacing-xxs) var(--fjsf-spacing-xs);height:var(--fjsf-spacing-xl);}
+.fjsf-SearchableSelectFieldDropdownContainer{overflow-y:auto;overflow-x:auto;max-height:6rem;white-space:nowrap;}
+.fjsf-SearchableSelectFieldListOption{cursor:default;}
+.fjsf-SearchableSelectFieldListExpand{text-decoration:underline;}.fjsf-SearchableSelectFieldListExpand:hover{background:none;}
+.fjsf-SearchableSelectFieldNotFound{cursor:default;}.fjsf-SearchableSelectFieldNotFound:hover{background:none;}
+.fjsf-SearchableSelectFieldInputElement{width:100%;padding-right:var(--fjsf-spacing-xxl);text-overflow:ellipsis;}
+.fjsf-SearchableSelectFieldClearButton{background-color:var(--fjsf-color-palette-neutral-500);border-radius:var(--fjsf-border-radius-circle);bottom:0;color:var(--fjsf-on-neutral-500);cursor:pointer;font-size:var(--fjsf-typography-size-small);height:1rem;line-height:1rem;margin:auto;min-width:1rem;position:absolute;right:var(--fjsf-spacing-xs);text-align:center;top:0;}
+.fjsf-SearchableSelectFieldInputContainer{display:flex;}
+.fjsf-TextAreaFieldInput{background-color:var(--fjsf-color-background-input);color:var(--fjsf-color-text-default);display:inline-block;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);min-height:5rem;padding:var(--fjsf-spacing-s);}
+.fjsf-ToggleFieldToggle{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;height:1rem;background:var(--fjsf-color-intent-default-none);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);-webkit-transition:0.4s;transition:0.4s;border-radius:var(--fjsf-border-radius-circle);}.fjsf-ToggleFieldToggle:before{position:absolute;content:"";height:0.9rem;width:0.9rem;background:var(--fjsf-color-background-default);-webkit-transition:0.4s;transition:0.4s;border-radius:var(--fjsf-border-radius-circle);top:0.05rem;left:0.13rem;}
+.fjsf-ToggleFieldLabel{position:relative;display:inline-block;width:2rem;}.fjsf-ToggleFieldLabel:has(input[readonly]){pointer-events:none;}
+.fjsf-ToggleFieldInputElement{opacity:0;width:0;height:0;}.fjsf-ToggleFieldInputElement:focus+.fjsf-ToggleFieldToggle{outline:var(--fjsf-focus-default-outline);outline-offset:var(--fjsf-focus-default-outline-offset);box-shadow:var(--fjsf-focus-default-box-shadow);}.fjsf-ToggleFieldInputElement:checked+.fjsf-ToggleFieldToggle:before{transform:translateX(0.75rem);}
+.fjsf-ObjectFieldTemplateWrapper{display:flex;flex-direction:column;gap:var(--fjsf-spacing-m);color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);margin-inline:0;margin-bottom:var(--fjsf-spacing-xs);}.fjsf-ObjectFieldTemplateWrapper:has(input[disabled]),.fjsf-ObjectFieldTemplateWrapper:has(option[disabled]),.fjsf-ObjectFieldTemplateWrapper:has(select[disabled]),.fjsf-ObjectFieldTemplateWrapper:has(textarea[disabled]){border-color:var(--fjsf-border-muted);}.fjsf-ObjectFieldTemplateWrapper:has(input[disabled]) legend,.fjsf-ObjectFieldTemplateWrapper:has(option[disabled]) legend,.fjsf-ObjectFieldTemplateWrapper:has(select[disabled]) legend,.fjsf-ObjectFieldTemplateWrapper:has(textarea[disabled]) legend{color:var(--fjsf-text-muted);}.fjsf-ObjectFieldTemplateWrapper:has(input[disabled]) legend+p,.fjsf-ObjectFieldTemplateWrapper:has(option[disabled]) legend+p,.fjsf-ObjectFieldTemplateWrapper:has(select[disabled]) legend+p,.fjsf-ObjectFieldTemplateWrapper:has(textarea[disabled]) legend+p{color:var(--fjsf-text-muted);}
+.fjsf-ObjectFieldTemplateTitle{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);}
+.fjsf-ObjectFieldTitleInfoWrapper{display:flex;flex-direction:row;flex-wrap:wrap;}
+.fjsf-CollapsibleObjectFieldTemplateTitle{display:flex;align-items:center;gap:var(--fjsf-spacing-s);}
+.fjsf-CollapsibleObjectFieldTemplateToggle{display:flex;flex-direction:column;}
+.fjsf-ErrorText{color:var(--fjsf-color-intent-default-danger);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);margin-top:var(--fjsf-spacing-xs);}
+.fjsf-FieldInfoBoxElement{font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);margin:0;min-width:max-content;opacity:0;position:absolute;transition:opacity 0.5s;visibility:hidden;word-wrap:break-word;z-index:1080;top:auto;bottom:140%;left:50%;right:50%;transform:translate(
+    -50%,
+    0
+  );}.fjsf-FieldInfoBoxElement:where([data-fjsf-info-position="right"]){font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);margin:0;min-width:max-content;opacity:0;position:absolute;transition:opacity 0.5s;visibility:hidden;word-wrap:break-word;z-index:1080;top:50%;bottom:50%;left:100%;right:auto;transform:translate(
+    0,
+    -50%
+  );}.fjsf-FieldInfoBoxElement:where([data-fjsf-info-position="bottom"]){font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);margin:0;min-width:max-content;opacity:0;position:absolute;transition:opacity 0.5s;visibility:hidden;word-wrap:break-word;z-index:1080;top:140%;bottom:auto;left:50%;right:50%;transform:translate(
+    -50%,
+    0
+  );}.fjsf-FieldInfoBoxElement:where([data-fjsf-info-position="left"]){font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);margin:0;min-width:max-content;opacity:0;position:absolute;transition:opacity 0.5s;visibility:hidden;word-wrap:break-word;z-index:1080;top:50%;bottom:50%;left:auto;right:100%;transform:translate(
+    0,
+    -50%
+  );}
+.fjsf-FieldInfoBoxArrowElement{top:100%;left:50%;bottom:unset;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-top-color:var(--fjsf-color-intent-default-warning);border-bottom-color:transparent;border-right-color:transparent;border-left-color:transparent;border-width:5px;margin-left:-5px;}.fjsf-FieldInfoBoxArrowElement:where([data-fjsf-info-position="right"]){top:40%;left:-2%;bottom:unset;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-top-color:transparent;border-bottom-color:transparent;border-right-color:var(--fjsf-color-intent-default-warning);border-left-color:transparent;border-width:5px;margin-left:-5px;}.fjsf-FieldInfoBoxArrowElement:where([data-fjsf-info-position="bottom"]){top:unset;left:50%;bottom:100%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-top-color:transparent;border-bottom-color:var(--fjsf-color-intent-default-warning);border-right-color:transparent;border-left-color:transparent;border-width:5px;margin-left:-5px;}.fjsf-FieldInfoBoxArrowElement:where([data-fjsf-info-position="left"]){top:40%;left:102.5%;bottom:unset;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;border-left-color:var(--fjsf-color-intent-default-warning);border-width:5px;margin-left:-5px;}
+.fjsf-FieldInfoBoxInnerElement{background:var(--fjsf-color-intent-default-warning);border-radius:var(--fjsf-border-radius-none);border:none;color:var(--fjsf-color-text-default);cursor:default;font-size:var(--fjsf-typography-size-small);line-height:var(--fjsf-typography-line-height-small);max-width:30ch;padding:var(--fjsf-spacing-s) var(--fjsf-spacing-m);text-align:left;white-space:pre-wrap;}
+.fjsf-InlineFieldInfoBoxInnerElement{background:var(--fjsf-color-intent-default-warning);border-radius:var(--fjsf-border-radius-none);border:none;color:var(--fjsf-color-text-default);cursor:default;font-size:var(--fjsf-typography-size-small);line-height:var(--fjsf-typography-line-height-small);padding:var(--fjsf-spacing-s) var(--fjsf-spacing-m);text-align:left;white-space:pre-wrap;}
+.fjsf-FieldInfoContainer{background:none;border-radius:var(--fjsf-border-radius-circle);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);color:var(--fjsf-color-text-default);cursor:pointer;font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);margin:0 var(--fjsf-spacing-s) 0 calc(-1 * var(--fjsf-spacing-xs));outline:none;padding:0 var(--fjsf-spacing-s);position:relative;text-decoration:unset;width:fit-content;}.fjsf-FieldInfoContainer:active,.fjsf-FieldInfoContainer:focus{color:var(--fjsf-on-text);background:var(--fjsf-color-text-default);}.fjsf-FieldInfoContainer:active .fjsf-FieldInfoBoxElement,.fjsf-FieldInfoContainer:focus .fjsf-FieldInfoBoxElement{opacity:1;visibility:visible;}
+.fjsf-InlineFieldInfoWrapper{display:flex;margin:var(--fjsf-spacing-m) 0;width:100%;}
+.fjsf-Form{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);}.fjsf-Form :focus{outline:var(--fjsf-focus-default-outline);outline-offset:var(--fjsf-focus-default-outline-offset);box-shadow:var(--fjsf-focus-default-box-shadow);}
+.fjsf-RequiredIndicator ::before{content:"*";}
+.fjsf-view-FieldWrapper{color:var(--fjsf-color-text-default);display:flex;flex-direction:column;font-family:var(--fjsf-typography-font-family-base);gap:var(--fjsf-spacing-s);width:min(100%, 70rem);}
+.fjsf-view-FieldTitle{color:var(--fjsf-color-text-default);display:inline-block;font-family:var(--fjsf-typography-font-family-heading);font-size:var(--fjsf-typography-size-base);font-weight:var(--fjsf-typography-weight-bold);width:100%;}
+.fjsf-view-FieldDescription{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-weight:var(--fjsf-typography-weight-normal);font-style:italic;font-size:var(--fjsf-typography-size-small);}
+.fjsf-view-StringFieldValue{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);font-weight:var(--fjsf-typography-weight-normal);padding-left:var(--fjsf-spacing-l);white-space:pre-line;}
+.fjsf-view-TextAreaValue{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);font-weight:var(--fjsf-typography-weight-normal);padding-left:var(--fjsf-spacing-l);white-space:pre-line;}
+.fjsf-view-ArrayFieldItem{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);font-weight:var(--fjsf-typography-weight-normal);background-color:var(--fjsf-color-background-default);padding:var(--fjsf-spacing-l);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);}
+.fjsf-view-EJSFieldValue{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);font-weight:var(--fjsf-typography-weight-normal);padding-left:var(--fjsf-spacing-l);width:100%;}
+.fjsf-view-NotSelected{display:flex;align-items:start;}
+.fjsf-view-Selected{display:flex;align-items:start;}
+.fjsf-view-SelectedBox{color:var(--fjsf-color-text-default);background:var(--fjsf-color-background-default);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);display:flex;justify-content:center;align-items:start;min-width:1rem;min-height:1rem;}
+.fjsf-view-NotSelectedBox{background:var(--fjsf-color-background-default);border:var(--fjsf-stroke-width-thin) solid var(--fjsf-color-border-default);border-radius:var(--fjsf-border-radius-none);display:inline-flex;min-width:1rem;min-height:1rem;}
+.fjsf-view-SelectedIcon{color:var(--fjsf-color-text-default);width:0.75rem;}
+.fjsf-view-BooleanFieldWrapper{font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-small);padding-left:var(--fjsf-spacing-l);-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;}
+.fjsf-view-MultipleChoiceFieldWrapper{font-size:var(--fjsf-typography-size-small);padding-left:var(--fjsf-spacing-l);-webkit-column-break-inside:auto;page-break-inside:auto;break-inside:auto;}.fjsf-view-MultipleChoiceFieldWrapper label{align-items:start;}
+.fjsf-view-Form{display:flex;flex-direction:column;gap:var(--fjsf-spacing-s);}
+.fjsf-view-ObjectFieldTemplateWrapper{display:flex;flex-direction:column;gap:var(--fjsf-spacing-l);}@media print{.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level="1"],.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level="2"]{display:block;break-inside:auto;page-break-inside:auto;}.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level="1"]>div,.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level="2"]>div{margin-bottom:1rem;}.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level="1"]>div:last-child,.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level="2"]>div:last-child{margin-bottom:0;}}
+.fjsf-view-ObjectFieldTemplateTitle{color:var(--fjsf-color-text-default);font-family:var(--fjsf-typography-font-family-base);font-size:var(--fjsf-typography-size-base);font-weight:var(--fjsf-typography-weight-medium);page-break-after:avoid;break-after:avoid;}.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level]>.fjsf-view-ObjectFieldTemplateTitle{font-size:var(--fjsf-typography-size-base);}.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level="0"]>.fjsf-view-ObjectFieldTemplateTitle{font-family:var(--fjsf-typography-font-family-heading);font-size:var(--fjsf-typography-size-h2);font-weight:var(--fjsf-typography-weight-bold);max-width:85%;}.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level="1"]>.fjsf-view-ObjectFieldTemplateTitle{font-size:var(--fjsf-typography-size-h3);font-weight:var(--fjsf-typography-weight-medium);margin-top:var(--fjsf-spacing-m);}.fjsf-view-ObjectFieldTemplateWrapper[data-fjsf-level="2"]>.fjsf-view-ObjectFieldTemplateTitle{font-size:var(--fjsf-typography-size-h4);font-weight:var(--fjsf-typography-weight-medium);}
+.fjsf-view-FormWrapper{font-family:var(--fjsf-typography-font-family-base);}

package/dist/cjs/Form/Form.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const formik_1 = require("formik");
-const FormRegistry_1 = require("./FormRegistry");
-const components_1 = require("./components");
-const fields_1 = require("./fields");
-const templates_1 = require("./templates");
-const Form = (props) => {
-    const { isSubmitting } = (0, formik_1.useFormikContext)();
-    const { schema, uiSchema = {}, className, children, fields = {}, templates = {}, components = {}, formContext = {}, formOptions = {}, formLocalization = {}, useItemsAsAdditionalItems = false, hideUnmarkedAdditionalProperties = false, onAdditionalPropertyOrderChange, hideSubmit = false, } = props;
-    const schemaDefinitions = schema.definitions;
-    const uiSchemaDefinitions = uiSchema?.definitions;
-    const registry = {
-        fields: {
-            ...fields_1.fields,
-            ...fields,
-        },
-        templates: { ...templates_1.templates, ...templates },
-        components: {
-            ...components_1.components,
-            ...components,
-        },
-        definitions: schemaDefinitions,
-        uiSchemaDefinitions,
-        formContext,
-        formOptions,
-        formLocalization,
-        useItemsAsAdditionalItems,
-        hideUnmarkedAdditionalProperties,
-        onAdditionalPropertyOrderChange,
-    };
-    const { Form: FormEl, FormButton, FormButtonWrapper } = registry.components;
-    const SchemaField = registry.fields.SchemaField;
-    return ((0, jsx_runtime_1.jsx)(FormRegistry_1.FormRegistry.Provider, { value: registry, children: (0, jsx_runtime_1.jsxs)(FormEl, { className: className, children: [(0, jsx_runtime_1.jsx)(SchemaField, { name: "", schema: schema, uiSchema: uiSchema }), children ? (children) : ((0, jsx_runtime_1.jsx)(FormButtonWrapper, { children: !hideSubmit && ((0, jsx_runtime_1.jsx)(FormButton, { type: "submit", disabled: isSubmitting, children: "Send" })) }))] }) }));
-};
-exports.Form = Form;

package/dist/cjs/Form/components/Clickable.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Clickable = exports.ClickableEl = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = require("styled-components");
-exports.ClickableEl = styled_components_1.styled.button `
-`;
-const Clickable = ({ children, onClick, onMouseUp = () => { }, onMouseDown = () => { }, innerRef = () => { }, className, ariaLabel, ariaExpanded = false, ariaControls, id, }) => {
-    return ((0, jsx_runtime_1.jsx)(exports.ClickableEl, { type: "button", onClick: onClick, onMouseUp: onMouseUp, onMouseDown: onMouseDown, ref: (r) => innerRef(r), className: className, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, "aria-controls": ariaControls, id: id, children: children }));
-};
-exports.Clickable = Clickable;

package/dist/cjs/Form/components/ErrorMessage.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorMessage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const formik_1 = require("formik");
-const ErrorText = styled_components_1.default.div `
-  color: ${(props) => props.theme.color.intent.default.danger};
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.base};
-  margin-top: ${(props) => props.theme.spacing.xs};
-`;
-const ErrorMessage = ({ name }) => {
-    const [, meta] = (0, formik_1.useField)(name);
-    if (!meta.touched || !meta.error) {
-        return null;
-    }
-    return (0, jsx_runtime_1.jsx)(ErrorText, { children: meta.error });
-};
-exports.ErrorMessage = ErrorMessage;

package/dist/cjs/Form/components/FieldInfo.js

@@ -1,144 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldInfo = exports.InlineFieldInfoWrapper = exports.FieldInfoLabel = exports.FieldInfoContainer = exports.InlineFieldInfoBoxInnerElement = exports.FieldInfoBoxInnerElement = exports.FieldInfoBoxArrowElement = exports.FieldInfoBoxElement = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = require("styled-components");
-const polished_1 = require("polished");
-const FormRegistry_1 = require("../FormRegistry");
-exports.FieldInfoBoxElement = styled_components_1.styled.div `
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  margin: 0;
-  min-width: max-content;
-  opacity: 0;
-  position: absolute;
-  transition: opacity 0.5s;
-  visibility: hidden;
-  word-wrap: break-word;
-  z-index: 1080;
-
-  top: ${({ position }) => position === "bottom" ? "140%" : position === "top" ? "auto" : "50%"};
-  bottom: ${({ position }) => position === "top"
-    ? "140%"
-    : position === "right" || position === "left"
-        ? "50%"
-        : "auto"};
-  left: ${({ position }) => position === "right"
-    ? "100%"
-    : position === "bottom" || position === "top"
-        ? "50%"
-        : "auto"};
-  right: ${({ position }) => position === "left"
-    ? "100%"
-    : position === "bottom" || position === "top"
-        ? "50%"
-        : "auto"};
-  transform: translate(
-    ${({ position }) => position === "bottom" || position === "top" ? "-50%" : "0"},
-    ${({ position }) => position === "right" || position === "left" ? "-50%" : "0"}
-  );
-`;
-exports.FieldInfoBoxArrowElement = styled_components_1.styled.div `
-  top: ${({ position }) => position === "top"
-    ? "100%"
-    : position === "right" || position === "left"
-        ? "40%"
-        : "unset"};
-  left: ${({ position }) => position === "top" || position === "bottom"
-    ? "50%"
-    : position === "right"
-        ? "-2%"
-        : "102.5%"};
-  bottom: ${({ position }) => (position === "bottom" ? "100%" : "unset")};
-  border: solid transparent;
-  content: "";
-  height: 0;
-  width: 0;
-  position: absolute;
-  pointer-events: none;
-  border-top-color: ${({ position, theme }) => position === "top" ? theme.color.intent.default.warning : "transparent"};
-  border-bottom-color: ${({ position, theme }) => position === "bottom" ? theme.color.intent.default.warning : "transparent"};
-  border-right-color: ${({ position, theme }) => position === "right" ? theme.color.intent.default.warning : "transparent"};
-  border-left-color: ${({ position, theme }) => position === "left" ? theme.color.intent.default.warning : "transparent"};
-  border-width: 5px;
-  margin-left: -5px;
-`;
-exports.FieldInfoBoxInnerElement = styled_components_1.styled.div `
-    background: ${(props) => props.theme.color.intent.default.warning};
-    border-radius: ${(props) => props.theme.borderRadius.none};
-    border: none;
-    color: ${(props) => props.theme.color.text.default};
-    cursor: default;
-    font-size: ${(props) => props.theme.typography.size.small};
-    line-height: ${(props) => props.theme.typography.lineHeight.small};
-    max-width: 30ch;
-    padding: ${(props) => `${props.theme.spacing.s} ${props.theme.spacing.m}`};
-    text-align: left;
-    white-space: pre-wrap;
-`;
-exports.InlineFieldInfoBoxInnerElement = styled_components_1.styled.div `
-    background: ${(props) => props.theme.color.intent.default.warning};
-    border-radius: ${(props) => props.theme.borderRadius.none};
-    border: none;
-    color: ${(props) => props.theme.color.text.default};
-    cursor: default;
-    font-size: ${(props) => props.theme.typography.size.small};
-    line-height: ${(props) => props.theme.typography.lineHeight.small};
-    padding: ${(props) => `${props.theme.spacing.s} ${props.theme.spacing.m}`};
-    text-align: left;
-    white-space: pre-wrap;
-`;
-exports.FieldInfoContainer = styled_components_1.styled.a `
-  background: none;
-  border-radius: ${(props) => props.theme.borderRadius.circle};
-  border: ${(props) => `${props.theme.strokeWidth.thin} solid ${props.theme.color.border.default}`};
-  color: ${(props) => props.theme.color.text.default};
-  cursor: pointer;
-  font-family: ${(props) => props.theme.typography.fontFamily.base};
-  font-size: ${(props) => props.theme.typography.size.small};
-  margin: ${(props) => `0 ${props.theme.spacing.s} 0 -${props.theme.spacing.xs}`};
-  outline: none;
-  padding: ${(props) => `0 ${props.theme.spacing.s}`};
-  position: relative;
-  text-decoration: unset;
-  width: fit-content;
-
-  &:active,
-  &:focus {
-    color: ${(props) => (0, polished_1.readableColor)(props.theme.color.text.default)};
-    background: ${(props) => props.theme.color.text.default};
-    ${exports.FieldInfoBoxElement} {
-      opacity: 1;
-      visibility: visible;
-    }
-  }
-`;
-exports.FieldInfoLabel = styled_components_1.styled.span ``;
-exports.InlineFieldInfoWrapper = styled_components_1.styled.div `
-  display: flex;
-  margin: ${(props) => `${props.theme.spacing.m} 0`};
-  width: 100%;
-`;
-const FieldInfo = ({ label, content, position, display: displayProp, className, }) => {
-    const { formOptions } = (0, react_1.useContext)(FormRegistry_1.FormRegistry);
-    const [isInlineVisible, setIsInlineVisible] = (0, react_1.useState)(false);
-    const config = {
-        display: "tooltip",
-        ...(formOptions?.components?.FieldInfo ?? {}),
-        ...(displayProp && { display: displayProp }),
-    };
-    const handleToggle = (e) => {
-        e.preventDefault();
-        if (config.display === "inline") {
-            setIsInlineVisible((prev) => !prev);
-        }
-    };
-    if (config.display === "inline") {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.FieldInfoContainer, { href: "#", onClick: handleToggle, className: className, children: (0, jsx_runtime_1.jsx)(exports.FieldInfoLabel, { children: label ?? "i" }) }), isInlineVisible && ((0, jsx_runtime_1.jsx)(exports.InlineFieldInfoWrapper, { children: (0, jsx_runtime_1.jsx)(exports.InlineFieldInfoBoxInnerElement, { children: content }) }))] }));
-    }
-    else {
-        return ((0, jsx_runtime_1.jsxs)(exports.FieldInfoContainer, { href: "#", onClick: (e) => e.preventDefault(), className: className, children: [(0, jsx_runtime_1.jsx)(exports.FieldInfoLabel, { children: label ?? "i" }), (0, jsx_runtime_1.jsxs)(exports.FieldInfoBoxElement, { position: position ?? "top", role: "tooltip", children: [(0, jsx_runtime_1.jsx)(exports.FieldInfoBoxArrowElement, { position: position ?? "top" }), (0, jsx_runtime_1.jsx)(exports.FieldInfoBoxInnerElement, { children: content })] })] }));
-    }
-};
-exports.FieldInfo = FieldInfo;