@tsed/react-formio 3.0.0-alpha.12 → 3.0.0-alpha.13

package/dist/organisms/form/access/FormAccess.schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormAccess.schema.js","sources":["../../../../src/organisms/form/access/FormAccess.schema.ts"],"sourcesContent":["import type { ComponentType, FormType } from \"../../../interfaces\";\n\nexport function getRoleComponent({ label, key, description, choices, data }: any): ComponentType {\n  return {\n    label,\n    key,\n    description,\n    type: \"select\",\n    labelPosition: \"top\",\n    widget: \"choicesjs\",\n    placeholder: \"Select roles...\",\n    tooltip: \"\",\n    multiple: true,\n    dataSrc: \"values\",\n    defaultValue: \"\",\n    data: {\n      values: choices\n    },\n    template: \"<span>{{ item.label }}</span>\",\n    searchEnabled: true,\n    selectThreshold: 0,\n    validate: {\n      required: false,\n      custom: \"\",\n      customPrivate: false\n    },\n    values: data\n  };\n}\n\nfunction toDescription(description: string, hr = true): string {\n  return '<span class=\"text-sm\">' + description + \"</span> \" + (hr ? '<hr class=\"mt-6 mb-5 border-gray-200 mx-20\"/>' : \"\");\n}\n\nexport function getSubmissionPermissionForm({ choices }: any): FormType {\n  return {\n    description: \"<strong>Elevated permissions allow users to access and modify other user's entities. Assign with caution.</strong>\",\n    components: [\n      getRoleComponent({\n        key: \"create_own\",\n        label: '<h4 class=\"text-gray-800\">Create Own Submissions</h4>',\n        description: toDescription(\n          \"The Create Own Submissions permission will allow a user with one of the Roles to create a Submission. Upon creating the Submission, the user will be defined as its owner.\"\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"create_all\",\n        label: '<h4 class=\"text-gray-800\">Create All Submissions</h4>',\n        description: toDescription(\n          '<strong class=\"text-yellow-600\">Elevated Permission:</strong> The Create All Submissions permission will allow a user with one of the Roles to create a new Submission and assign ownership of that Submission to another user.'\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"read_own\",\n        label: '<h4 class=\"text-gray-800\">Read Own Submissions</h4>',\n        description: toDescription(\n          \"The Read Own Submissions permission will allow a user with one of the Roles to read a Submission. A user can only read a Submission if they are defined as its owner.\"\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"read_all\",\n        label: '<h4 class=\"text-gray-800\">Read All Submissions</h4>',\n        description: toDescription(\n          '<strong class=\"text-yellow-600\">Elevated Permission:</strong> The Read All Submissions permission will allow a user with one of the Roles to read all Submissions regardless of who owns them.'\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"update_own\",\n        label: '<h4 class=\"text-gray-800\">Update Own Submissions</h4>',\n        description: toDescription(\n          \"The Update Own Submissions permission will allow a user with one of the Roles to update a Submission. A user can only update a Submission if they are defined as its owner.\"\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"update_all\",\n        label: '<h4 class=\"text-gray-800\">Update All Submissions</h4>',\n        description: toDescription(\n          '<strong class=\"text-yellow-600\">Elevated Permission:</strong> The Update All Submissions permission will allow a user with one of the Roles to update a Submission, regardless of who owns the Submission. Additionally with this permission, a user can change the owner of a Submission.'\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"delete_own\",\n        label: '<h4 class=\"text-gray-800\">Delete Own Submissions</h4>',\n        description: toDescription(\n          \"The Delete Own Submissions permission will allow a user with one of the Roles, to delete a Submission. A user can only delete a Submission if they are defined as its owner.\"\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"delete_all\",\n        label: '<h4 class=\"text-gray-800\">Delete All Submissions</h4>',\n        description: toDescription(\n          '<strong class=\"text-yellow-600\">Elevated Permission:</strong> The Delete All Submissions permission will allow a user with one of the Roles to delete a Submission, regardless of who owns the Submission.',\n          false\n        ),\n        choices\n      })\n    ]\n  };\n}\n\nexport function getAccessPermissionForm({ choices }: any): FormType {\n  return {\n    description: \"<strong>Elevated permissions allow users to access and modify other user's entities. Assign with caution.</strong>\",\n    components: [\n      getRoleComponent({\n        key: \"read_own\",\n        label: '<h4 class=\"text-gray-800\">Read Form Definition (Restricted to owner)</h4>',\n        description: toDescription(\n          \"The Read Own permission will allow a user, with one of the given Roles, to read a form. A user can only read a form if they are defined as its owner.\"\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"read_all\",\n        label: \"<h4>Read Form Definition</h4>\",\n        description: toDescription(\n          '<strong class=\"text-yellow-600\">Elevated Permission:</strong> The Read permission will allow a user, with one of the given Roles, to read the form.'\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"update_own\",\n        label: '<h4 class=\"text-gray-800\">Update Form Definition (Restricted to owner)</h4>',\n        description: toDescription(\n          \"The Update Own permission will allow a user, with one of the given Roles, to update a form. A user can only update a form if they are defined as its owner.\"\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"update_all\",\n        label: '<h4 class=\"text-gray-800\">Update Form Definition</h4>',\n        description: toDescription(\n          '<strong class=\"text-yellow-600\">Elevated Permission:</strong> The Update permission will allow a user, with one of the given Roles, to read and edit the form.'\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"delete_own\",\n        label: '<h4 class=\"text-gray-800\">Delete Form Definition (Restricted to owner)</h4>',\n        description: toDescription(\n          \"The Delete Own permission will allow a user, with one of the given Roles, to delete a form. A user can only delete a form if they are defined as its owner.\"\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"delete_all\",\n        label: '<h4 class=\"text-gray-800\">Delete Form Definition</h4>',\n        description: toDescription(\n          '<strong class=\"text-yellow-600\">Elevated Permission:</strong> The Delete permission will allow a user, with one of the given Roles, to delete the form.',\n          false\n        ),\n        choices\n      })\n    ]\n  };\n}\n"],"names":["getRoleComponent","label","key","description","choices","data","toDescription","hr","getSubmissionPermissionForm","getAccessPermissionForm"],"mappings":"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"}
+{"version":3,"file":"FormAccess.schema.js","sources":["../../../../src/organisms/form/access/FormAccess.schema.ts"],"sourcesContent":["import type { ComponentType, FormType } from \"../../../interfaces\";\n\nexport function getRoleComponent({ label, key, description, choices, data }: any): ComponentType {\n  return {\n    label,\n    key,\n    description,\n    type: \"select\",\n    labelPosition: \"top\",\n    widget: \"choicesjs\",\n    placeholder: \"Select roles...\",\n    tooltip: \"\",\n    multiple: true,\n    input: true,\n    dataSrc: \"values\",\n    defaultValue: \"\",\n    data: {\n      values: choices\n    },\n    template: \"<span>{{ item.label }}</span>\",\n    searchEnabled: true,\n    selectThreshold: 0,\n    validate: {\n      required: false,\n      custom: \"\",\n      customPrivate: false\n    },\n    values: data\n  };\n}\n\nfunction toDescription(description: string, hr = true): string {\n  return '<span class=\"text-sm\">' + description + \"</span> \" + (hr ? '<hr class=\"mt-6 mb-5 border-gray-200 mx-20\"/>' : \"\");\n}\n\nexport function getSubmissionPermissionForm({ choices }: any): FormType {\n  return {\n    description: \"<strong>Elevated permissions allow users to access and modify other user's entities. Assign with caution.</strong>\",\n    components: [\n      getRoleComponent({\n        key: \"create_own\",\n        label: '<h4 class=\"text-gray-800\">Create Own Submissions</h4>',\n        description: toDescription(\n          \"The Create Own Submissions permission will allow a user with one of the Roles to create a Submission. Upon creating the Submission, the user will be defined as its owner.\"\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"create_all\",\n        label: '<h4 class=\"text-gray-800\">Create All Submissions</h4>',\n        description: toDescription(\n          '<strong class=\"text-yellow-600\">Elevated Permission:</strong> The Create All Submissions permission will allow a user with one of the Roles to create a new Submission and assign ownership of that Submission to another user.'\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"read_own\",\n        label: '<h4 class=\"text-gray-800\">Read Own Submissions</h4>',\n        description: toDescription(\n          \"The Read Own Submissions permission will allow a user with one of the Roles to read a Submission. A user can only read a Submission if they are defined as its owner.\"\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"read_all\",\n        label: '<h4 class=\"text-gray-800\">Read All Submissions</h4>',\n        description: toDescription(\n          '<strong class=\"text-yellow-600\">Elevated Permission:</strong> The Read All Submissions permission will allow a user with one of the Roles to read all Submissions regardless of who owns them.'\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"update_own\",\n        label: '<h4 class=\"text-gray-800\">Update Own Submissions</h4>',\n        description: toDescription(\n          \"The Update Own Submissions permission will allow a user with one of the Roles to update a Submission. A user can only update a Submission if they are defined as its owner.\"\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"update_all\",\n        label: '<h4 class=\"text-gray-800\">Update All Submissions</h4>',\n        description: toDescription(\n          '<strong class=\"text-yellow-600\">Elevated Permission:</strong> The Update All Submissions permission will allow a user with one of the Roles to update a Submission, regardless of who owns the Submission. Additionally with this permission, a user can change the owner of a Submission.'\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"delete_own\",\n        label: '<h4 class=\"text-gray-800\">Delete Own Submissions</h4>',\n        description: toDescription(\n          \"The Delete Own Submissions permission will allow a user with one of the Roles, to delete a Submission. A user can only delete a Submission if they are defined as its owner.\"\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"delete_all\",\n        label: '<h4 class=\"text-gray-800\">Delete All Submissions</h4>',\n        description: toDescription(\n          '<strong class=\"text-yellow-600\">Elevated Permission:</strong> The Delete All Submissions permission will allow a user with one of the Roles to delete a Submission, regardless of who owns the Submission.',\n          false\n        ),\n        choices\n      })\n    ]\n  };\n}\n\nexport function getAccessPermissionForm({ choices }: any): FormType {\n  return {\n    description: \"<strong>Elevated permissions allow users to access and modify other user's entities. Assign with caution.</strong>\",\n    components: [\n      getRoleComponent({\n        key: \"read_own\",\n        label: '<h4 class=\"text-gray-800\">Read Form Definition (Restricted to owner)</h4>',\n        description: toDescription(\n          \"The Read Own permission will allow a user, with one of the given Roles, to read a form. A user can only read a form if they are defined as its owner.\"\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"read_all\",\n        label: \"<h4>Read Form Definition</h4>\",\n        description: toDescription(\n          '<strong class=\"text-yellow-600\">Elevated Permission:</strong> The Read permission will allow a user, with one of the given Roles, to read the form.'\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"update_own\",\n        label: '<h4 class=\"text-gray-800\">Update Form Definition (Restricted to owner)</h4>',\n        description: toDescription(\n          \"The Update Own permission will allow a user, with one of the given Roles, to update a form. A user can only update a form if they are defined as its owner.\"\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"update_all\",\n        label: '<h4 class=\"text-gray-800\">Update Form Definition</h4>',\n        description: toDescription(\n          '<strong class=\"text-yellow-600\">Elevated Permission:</strong> The Update permission will allow a user, with one of the given Roles, to read and edit the form.'\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"delete_own\",\n        label: '<h4 class=\"text-gray-800\">Delete Form Definition (Restricted to owner)</h4>',\n        description: toDescription(\n          \"The Delete Own permission will allow a user, with one of the given Roles, to delete a form. A user can only delete a form if they are defined as its owner.\"\n        ),\n        choices\n      }),\n      getRoleComponent({\n        key: \"delete_all\",\n        label: '<h4 class=\"text-gray-800\">Delete Form Definition</h4>',\n        description: toDescription(\n          '<strong class=\"text-yellow-600\">Elevated Permission:</strong> The Delete permission will allow a user, with one of the given Roles, to delete the form.',\n          false\n        ),\n        choices\n      })\n    ]\n  };\n}\n"],"names":["getRoleComponent","label","key","description","choices","data","toDescription","hr","getSubmissionPermissionForm","getAccessPermissionForm"],"mappings":"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"}

package/dist/organisms/form/actions/FormAction.js

@@ -1,31 +1,34 @@
 import { jsxs as m, jsx as l } from "react/jsx-runtime";
-import f from "formiojs/utils";
-import { Form as c } from "../Form.js";
-function d(t, s) {
+import { g as f } from "../../../chunks/_commonjsHelpers.js";
+import { r as c } from "../../../chunks/index2.js";
+import { Form as p } from "../Form.js";
+var d = c();
+const n = /* @__PURE__ */ f(d);
+function x(t, s) {
   return {
     ...s,
     ...t
   };
 }
-function n({ action: t, ...s }) {
-  return f.eachComponent(s.components, (r) => {
+function b({ action: t, ...s }) {
+  return n.eachComponent(s.components, (r) => {
     r.type === "resourcefields" && (r.type = "select", r.label = r.title, r.dataSrc = "url", r.data = {
       url: `${r.basePath}?type=resource`
     }, r.valueProperty = "_id", r.template = "<span>{{ item.title }}</span>", r.persistent = !0);
   }), s;
 }
-function F({ actionInfo: t, children: s, onSubmit: r, options: e, ...i }) {
-  const { form: u, submission: a } = (() => {
-    const o = d(i.submission || {}, t.defaults);
-    return { form: n(t.settingsForm), submission: { data: o } };
+function v({ actionInfo: t, children: s, onSubmit: r, options: e, ...i }) {
+  const { form: u, submission: o } = (() => {
+    const a = x(i.submission || {}, t.defaults);
+    return { form: b(t.settingsForm), submission: { data: a } };
   })();
   return /* @__PURE__ */ m("div", { children: [
     s,
-    /* @__PURE__ */ l(c, { form: u, submission: a, onSubmit: r, options: e }),
+    /* @__PURE__ */ l(p, { form: u, submission: o, onSubmit: r, options: e }),
     s
   ] });
 }
 export {
-  F as FormAction
+  v as FormAction
 };
 //# sourceMappingURL=FormAction.js.map

package/dist/organisms/form/actions/FormAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormAction.js","sources":["../../../../src/organisms/form/actions/FormAction.tsx"],"sourcesContent":["import FormioUtils from \"formiojs/utils\";\nimport { PropsWithChildren, ReactElement } from \"react\";\n\nimport { ActionDefaultsType, ActionType, FormOptions, SubmissionType } from \"../../../interfaces\";\nimport { Form } from \"../../form/Form\";\n\nfunction mapData(options: any, defaults: ActionDefaultsType): any {\n  return {\n    ...defaults,\n    ...options\n  };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction mapSettingsForm({ action, ...settingsForm }: any): any {\n  FormioUtils.eachComponent(settingsForm.components, (component: any) => {\n    const resourceExclude = \"\";\n\n    if (component.type === \"resourcefields\") {\n      component.type = \"select\";\n      component.label = component.title;\n      component.dataSrc = \"url\";\n      component.data = {\n        url: `${component.basePath}?type=resource${resourceExclude}`\n      };\n      component.valueProperty = \"_id\";\n      component.template = \"<span>{{ item.title }}</span>\";\n      component.persistent = true;\n    }\n  });\n\n  return settingsForm;\n}\n\nexport interface FormActionProps {\n  actionInfo: Partial<ActionType>;\n  submission?: Partial<SubmissionType>;\n  onSubmit?: (submission: SubmissionType<ActionType>) => void;\n  options: FormOptions;\n}\n\nexport function FormAction({ actionInfo, children, onSubmit, options, ...props }: PropsWithChildren<FormActionProps>): ReactElement {\n  const { form, submission } = (() => {\n    const submission = mapData(props.submission || {}, actionInfo.defaults!);\n    const form = mapSettingsForm(actionInfo.settingsForm);\n\n    return { form, submission: { data: submission } };\n  })();\n\n  return (\n    <div>\n      {children}\n\n      <Form<ActionType> form={form} submission={submission} onSubmit={onSubmit} options={options} />\n\n      {children}\n    </div>\n  );\n}\n"],"names":["mapData","options","defaults","mapSettingsForm","action","settingsForm","FormioUtils","component","FormAction","actionInfo","children","onSubmit","props","form","submission","jsx","Form"],"mappings":";;;AAMA,SAASA,EAAQC,GAAcC,GAAmC;AAChE,SAAO;AAAA,IACL,GAAGA;AAAA,IACH,GAAGD;AAAA,EAAA;AAEP;AAGA,SAASE,EAAgB,EAAE,QAAAC,GAAQ,GAAGC,KAA0B;AAC9D,SAAAC,EAAY,cAAcD,EAAa,YAAY,CAACE,MAAmB;AAGrE,IAAIA,EAAU,SAAS,qBACrBA,EAAU,OAAO,UACjBA,EAAU,QAAQA,EAAU,OAC5BA,EAAU,UAAU,OACpBA,EAAU,OAAO;AAAA,MACf,KAAK,GAAGA,EAAU,QAAQ;AAAA,IAAgC,GAE5DA,EAAU,gBAAgB,OAC1BA,EAAU,WAAW,iCACrBA,EAAU,aAAa;AAAA,EAE3B,CAAC,GAEMF;AACT;AASO,SAASG,EAAW,EAAE,YAAAC,GAAY,UAAAC,GAAU,UAAAC,GAAU,SAAAV,GAAS,GAAGW,KAA2D;AAClI,QAAM,EAAE,MAAAC,GAAM,YAAAC,EAAA,KAAgB,MAAM;AAClC,UAAMA,IAAad,EAAQY,EAAM,cAAc,CAAA,GAAIH,EAAW,QAAS;AAGvE,WAAO,EAAE,MAFIN,EAAgBM,EAAW,YAAY,GAErC,YAAY,EAAE,MAAMK,IAAW;AAAA,EAChD,GAAA;AAEA,2BACG,OAAA,EACE,UAAA;AAAA,IAAAJ;AAAA,IAED,gBAAAK,EAACC,GAAA,EAAiB,MAAAH,GAAY,YAAAC,GAAwB,UAAAH,GAAoB,SAAAV,GAAkB;AAAA,IAE3FS;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"FormAction.js","sources":["../../../../src/organisms/form/actions/FormAction.tsx"],"sourcesContent":["import FormioUtils from \"@formio/js/utils\";\nimport { PropsWithChildren, ReactElement } from \"react\";\n\nimport { ActionDefaultsType, ActionType, FormOptions, SubmissionType } from \"../../../interfaces\";\nimport { Form } from \"../../form/Form\";\n\nfunction mapData(options: any, defaults: ActionDefaultsType): any {\n  return {\n    ...defaults,\n    ...options\n  };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction mapSettingsForm({ action, ...settingsForm }: any): any {\n  FormioUtils.eachComponent(settingsForm.components, (component: any) => {\n    const resourceExclude = \"\";\n\n    if (component.type === \"resourcefields\") {\n      component.type = \"select\";\n      component.label = component.title;\n      component.dataSrc = \"url\";\n      component.data = {\n        url: `${component.basePath}?type=resource${resourceExclude}`\n      };\n      component.valueProperty = \"_id\";\n      component.template = \"<span>{{ item.title }}</span>\";\n      component.persistent = true;\n    }\n  });\n\n  return settingsForm;\n}\n\nexport interface FormActionProps {\n  actionInfo: Partial<ActionType>;\n  submission?: Partial<SubmissionType>;\n  onSubmit?: (submission: SubmissionType<ActionType>) => void;\n  options: FormOptions;\n}\n\nexport function FormAction({ actionInfo, children, onSubmit, options, ...props }: PropsWithChildren<FormActionProps>): ReactElement {\n  const { form, submission } = (() => {\n    const submission = mapData(props.submission || {}, actionInfo.defaults!);\n    const form = mapSettingsForm(actionInfo.settingsForm);\n\n    return { form, submission: { data: submission } as SubmissionType<ActionType> };\n  })();\n\n  return (\n    <div>\n      {children}\n\n      <Form<ActionType> form={form} submission={submission} onSubmit={onSubmit} options={options} />\n\n      {children}\n    </div>\n  );\n}\n"],"names":["mapData","options","defaults","mapSettingsForm","action","settingsForm","FormioUtils","component","FormAction","actionInfo","children","onSubmit","props","form","submission","jsx","Form"],"mappings":";;;;;;AAMA,SAASA,EAAQC,GAAcC,GAAmC;AAChE,SAAO;AAAA,IACL,GAAGA;AAAA,IACH,GAAGD;AAAA,EAAA;AAEP;AAGA,SAASE,EAAgB,EAAE,QAAAC,GAAQ,GAAGC,KAA0B;AAC9D,SAAAC,EAAY,cAAcD,EAAa,YAAY,CAACE,MAAmB;AAGrE,IAAIA,EAAU,SAAS,qBACrBA,EAAU,OAAO,UACjBA,EAAU,QAAQA,EAAU,OAC5BA,EAAU,UAAU,OACpBA,EAAU,OAAO;AAAA,MACf,KAAK,GAAGA,EAAU,QAAQ;AAAA,IAAgC,GAE5DA,EAAU,gBAAgB,OAC1BA,EAAU,WAAW,iCACrBA,EAAU,aAAa;AAAA,EAE3B,CAAC,GAEMF;AACT;AASO,SAASG,EAAW,EAAE,YAAAC,GAAY,UAAAC,GAAU,UAAAC,GAAU,SAAAV,GAAS,GAAGW,KAA2D;AAClI,QAAM,EAAE,MAAAC,GAAM,YAAAC,EAAA,KAAgB,MAAM;AAClC,UAAMA,IAAad,EAAQY,EAAM,cAAc,CAAA,GAAIH,EAAW,QAAS;AAGvE,WAAO,EAAE,MAFIN,EAAgBM,EAAW,YAAY,GAErC,YAAY,EAAE,MAAMK,IAAW;AAAA,EAChD,GAAA;AAEA,2BACG,OAAA,EACE,UAAA;AAAA,IAAAJ;AAAA,IAED,gBAAAK,EAACC,GAAA,EAAiB,MAAAH,GAAY,YAAAC,GAAwB,UAAAH,GAAoB,SAAAV,GAAkB;AAAA,IAE3FS;AAAA,EAAA,GACH;AAEJ;"}

package/dist/organisms/form/builder/FormEdit.d.ts

@@ -1,10 +1,11 @@
-import { FormOptions } from '../../../interfaces';
+import { CSSProperties } from 'react';
+import { FormBuilderOptions, FormOptions } from '../../../interfaces/index.js';
 import { FormBuilderEvents } from './useFormBuilder';
 import { UseFormEditHookProps } from './useFormEdit';
 export interface FormEditProps extends UseFormEditHookProps, FormBuilderEvents {
-    options?: FormOptions;
+    options?: FormBuilderOptions & FormOptions;
     layout?: "html5" | "choicesjs" | "react";
     className?: string;
-    style?: React.CSSProperties;
+    style?: CSSProperties;
 }
 export declare function FormEdit({ form: initialForm, typeChoices, displayChoices, enableTags, onSubmit: initialOnSubmit, onCopy: initialOnCopy, className, style, ...props }: FormEditProps): import("react/jsx-runtime").JSX.Element;

package/dist/organisms/form/builder/FormEdit.js

@@ -1,31 +1,31 @@
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { createElement as v } from "react";
-import { c as A } from "../../../chunks/index.js";
+import { jsxs as s, jsx as d } from "react/jsx-runtime";
+import { createElement as j } from "react";
+import { c as v } from "../../../chunks/index.js";
 import { getComponent as n } from "../../../registries/components.js";
-import { useFormEdit as B } from "./useFormEdit.js";
-function V({
-  form: c,
+import { useFormEdit as A } from "./useFormEdit.js";
+function T({
+  form: a,
   typeChoices: r,
   displayChoices: m,
   enableTags: e,
-  onSubmit: f,
-  onCopy: l,
-  className: u,
-  style: p,
+  onSubmit: c,
+  onCopy: f,
+  className: l,
+  style: u,
   ...t
 }) {
-  const { form: o, isValid: C, setChange: i, hasRedo: F, hasChanged: h, hasUndo: y, redo: g, undo: E, reset: b, onSubmit: x, onCopy: R } = B({
-    form: c,
+  const { form: o, isValid: p, setChange: i, hasRedo: C, hasChanged: F, hasUndo: h, redo: y, undo: g, reset: E, onSubmit: b, onCopy: x } = A({
+    form: a,
     typeChoices: r,
     displayChoices: m,
     enableTags: e,
-    onSubmit: f,
-    onCopy: l
-  }), { options: s = {} } = t, S = n("FormParameters"), _ = n("FormBuilder"), $ = n("FormEditCTAs");
-  return /* @__PURE__ */ d("div", { className: A("form-edit-container", u), style: p, children: [
-    /* @__PURE__ */ d("div", { className: "form-edit", children: [
-      /* @__PURE__ */ a(
-        S,
+    onSubmit: c,
+    onCopy: f
+  }), R = n("FormParameters"), S = n("FormBuilder"), _ = n("FormEditCTAs");
+  return /* @__PURE__ */ s("div", { className: v("form-edit-container", l), style: u, children: [
+    /* @__PURE__ */ s("div", { className: "form-edit", children: [
+      /* @__PURE__ */ d(
+        R,
         {
           enableTags: e,
           typeChoices: r,
@@ -36,38 +36,38 @@ function V({
         },
         `form-settings-${o._id}`
       ),
-      /* @__PURE__ */ a(
-        $,
+      /* @__PURE__ */ d(
+        _,
         {
-          options: s,
-          hasRedo: F,
-          hasUndo: y,
-          disabled: !(C && h),
-          onRedo: g,
-          onUndo: E,
-          onReset: b,
-          onCopy: R,
-          onSubmit: x
+          options: t.options,
+          hasRedo: C,
+          hasUndo: h,
+          disabled: !(p && F),
+          onRedo: y,
+          onUndo: g,
+          onReset: E,
+          onCopy: x,
+          onSubmit: b
         },
         `form-edit-ctas-${o._id}`
       )
     ] }),
-    /* @__PURE__ */ v(
-      _,
+    /* @__PURE__ */ j(
+      S,
       {
         ...t,
         key: `form-builder-${o._id}`,
         components: o.components,
         display: o.display,
-        options: s,
-        onChange: (j) => {
-          i("components", j);
+        options: t.options,
+        onChange: ($) => {
+          i("components", $);
         }
       }
     )
   ] });
 }
 export {
-  V as FormEdit
+  T as FormEdit
 };
 //# sourceMappingURL=FormEdit.js.map

package/dist/organisms/form/builder/FormEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormEdit.js","sources":["../../../../src/organisms/form/builder/FormEdit.tsx"],"sourcesContent":["import classnames from \"classnames\";\n\nimport type { FormOptions } from \"../../../interfaces\";\nimport { getComponent } from \"../../../registries/components\";\nimport { FormBuilder as DefaultFormBuilder } from \"./FormBuilder\";\nimport { FormEditCTAs as DefaultFormEditCTAs } from \"./FormEditCtas\";\nimport { FormParameters as DefaultFormParameters } from \"./FormParameters\";\nimport { FormBuilderEvents } from \"./useFormBuilder\";\nimport { useFormEdit, UseFormEditHookProps } from \"./useFormEdit\";\n\nexport interface FormEditProps extends UseFormEditHookProps, FormBuilderEvents {\n  options?: FormOptions;\n  layout?: \"html5\" | \"choicesjs\" | \"react\";\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function FormEdit({\n  form: initialForm,\n  typeChoices,\n  displayChoices,\n  enableTags,\n  onSubmit: initialOnSubmit,\n  onCopy: initialOnCopy,\n  className,\n  style,\n  ...props\n}: FormEditProps) {\n  const { form, isValid, setChange, hasRedo, hasChanged, hasUndo, redo, undo, reset, onSubmit, onCopy } = useFormEdit({\n    form: initialForm,\n    typeChoices,\n    displayChoices,\n    enableTags,\n    onSubmit: initialOnSubmit,\n    onCopy: initialOnCopy\n  });\n\n  const { options = {} } = props;\n  const FormParameters = getComponent<typeof DefaultFormParameters>(\"FormParameters\");\n  const FormBuilder = getComponent<typeof DefaultFormBuilder>(\"FormBuilder\");\n  const FormEditCTAs = getComponent<typeof DefaultFormEditCTAs>(\"FormEditCTAs\");\n\n  return (\n    <div className={classnames(\"form-edit-container\", className)} style={style}>\n      <div className='form-edit'>\n        <FormParameters\n          enableTags={enableTags}\n          typeChoices={typeChoices}\n          displayChoices={displayChoices}\n          key={`form-settings-${form._id}`}\n          form={form}\n          onChange={setChange}\n          layout={props.layout}\n        />\n        <FormEditCTAs\n          key={`form-edit-ctas-${form._id}`}\n          options={options}\n          hasRedo={hasRedo}\n          hasUndo={hasUndo}\n          disabled={!(isValid && hasChanged)}\n          onRedo={redo}\n          onUndo={undo}\n          onReset={reset}\n          onCopy={onCopy}\n          onSubmit={onSubmit}\n        />\n      </div>\n\n      <FormBuilder\n        {...props}\n        key={`form-builder-${form._id}`}\n        components={form.components!}\n        display={form.display}\n        options={options}\n        onChange={(components) => {\n          setChange(\"components\", components);\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["FormEdit","initialForm","typeChoices","displayChoices","enableTags","initialOnSubmit","initialOnCopy","className","style","props","form","isValid","setChange","hasRedo","hasChanged","hasUndo","redo","undo","reset","onSubmit","onCopy","useFormEdit","options","FormParameters","getComponent","FormBuilder","FormEditCTAs","classnames","jsxs","jsx","createElement","components"],"mappings":";;;;;AAiBO,SAASA,EAAS;AAAA,EACvB,MAAMC;AAAA,EACN,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,QAAQC;AAAA,EACR,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,WAAAC,GAAW,SAAAC,GAAS,YAAAC,GAAY,SAAAC,GAAS,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAY;AAAA,IAClH,MAAMpB;AAAA,IACN,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,QAAQC;AAAA,EAAA,CACT,GAEK,EAAE,SAAAgB,IAAU,CAAA,EAAC,IAAMb,GACnBc,IAAiBC,EAA2C,gBAAgB,GAC5EC,IAAcD,EAAwC,aAAa,GACnEE,IAAeF,EAAyC,cAAc;AAE5E,2BACG,OAAA,EAAI,WAAWG,EAAW,uBAAuBpB,CAAS,GAAG,OAAAC,GAC5D,UAAA;AAAA,IAAA,gBAAAoB,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACN;AAAA,QAAA;AAAA,UACC,YAAAnB;AAAA,UACA,aAAAF;AAAA,UACA,gBAAAC;AAAA,UAEA,MAAAO;AAAA,UACA,UAAUE;AAAA,UACV,QAAQH,EAAM;AAAA,QAAA;AAAA,QAHT,iBAAiBC,EAAK,GAAG;AAAA,MAAA;AAAA,MAKhC,gBAAAmB;AAAA,QAACH;AAAA,QAAA;AAAA,UAEC,SAAAJ;AAAA,UACA,SAAAT;AAAA,UACA,SAAAE;AAAA,UACA,UAAU,EAAEJ,KAAWG;AAAA,UACvB,QAAQE;AAAA,UACR,QAAQC;AAAA,UACR,SAASC;AAAA,UACT,QAAAE;AAAA,UACA,UAAAD;AAAA,QAAA;AAAA,QATK,kBAAkBT,EAAK,GAAG;AAAA,MAAA;AAAA,IAUjC,GACF;AAAA,IAEA,gBAAAoB;AAAA,MAACL;AAAA,MAAA;AAAA,QACE,GAAGhB;AAAA,QACJ,KAAK,gBAAgBC,EAAK,GAAG;AAAA,QAC7B,YAAYA,EAAK;AAAA,QACjB,SAASA,EAAK;AAAA,QACd,SAAAY;AAAA,QACA,UAAU,CAACS,MAAe;AACxB,UAAAnB,EAAU,cAAcmB,CAAU;AAAA,QACpC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"FormEdit.js","sources":["../../../../src/organisms/form/builder/FormEdit.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { CSSProperties } from \"react\";\n\nimport type { FormBuilderOptions, FormOptions } from \"../../../interfaces/index.js\";\nimport { getComponent } from \"../../../registries/components\";\nimport { FormBuilder as DefaultFormBuilder } from \"./FormBuilder\";\nimport { FormEditCTAs as DefaultFormEditCTAs } from \"./FormEditCtas\";\nimport { FormParameters as DefaultFormParameters } from \"./FormParameters\";\nimport { FormBuilderEvents } from \"./useFormBuilder\";\nimport { useFormEdit, UseFormEditHookProps } from \"./useFormEdit\";\n\nexport interface FormEditProps extends UseFormEditHookProps, FormBuilderEvents {\n  options?: FormBuilderOptions & FormOptions;\n  layout?: \"html5\" | \"choicesjs\" | \"react\";\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport function FormEdit({\n  form: initialForm,\n  typeChoices,\n  displayChoices,\n  enableTags,\n  onSubmit: initialOnSubmit,\n  onCopy: initialOnCopy,\n  className,\n  style,\n  ...props\n}: FormEditProps) {\n  const { form, isValid, setChange, hasRedo, hasChanged, hasUndo, redo, undo, reset, onSubmit, onCopy } = useFormEdit({\n    form: initialForm,\n    typeChoices,\n    displayChoices,\n    enableTags,\n    onSubmit: initialOnSubmit,\n    onCopy: initialOnCopy\n  });\n\n  const FormParameters = getComponent<typeof DefaultFormParameters>(\"FormParameters\");\n  const FormBuilder = getComponent<typeof DefaultFormBuilder>(\"FormBuilder\");\n  const FormEditCTAs = getComponent<typeof DefaultFormEditCTAs>(\"FormEditCTAs\");\n\n  return (\n    <div className={classnames(\"form-edit-container\", className)} style={style}>\n      <div className='form-edit'>\n        <FormParameters\n          enableTags={enableTags}\n          typeChoices={typeChoices}\n          displayChoices={displayChoices}\n          key={`form-settings-${form._id}`}\n          form={form}\n          onChange={setChange}\n          layout={props.layout}\n        />\n        <FormEditCTAs\n          key={`form-edit-ctas-${form._id}`}\n          options={props.options}\n          hasRedo={hasRedo}\n          hasUndo={hasUndo}\n          disabled={!(isValid && hasChanged)}\n          onRedo={redo}\n          onUndo={undo}\n          onReset={reset}\n          onCopy={onCopy}\n          onSubmit={onSubmit}\n        />\n      </div>\n\n      <FormBuilder\n        {...props}\n        key={`form-builder-${form._id}`}\n        components={form.components!}\n        display={form.display}\n        options={props.options}\n        onChange={(components) => {\n          setChange(\"components\", components);\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["FormEdit","initialForm","typeChoices","displayChoices","enableTags","initialOnSubmit","initialOnCopy","className","style","props","form","isValid","setChange","hasRedo","hasChanged","hasUndo","redo","undo","reset","onSubmit","onCopy","useFormEdit","FormParameters","getComponent","FormBuilder","FormEditCTAs","classnames","jsxs","jsx","createElement","components"],"mappings":";;;;;AAkBO,SAASA,EAAS;AAAA,EACvB,MAAMC;AAAA,EACN,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,QAAQC;AAAA,EACR,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,WAAAC,GAAW,SAAAC,GAAS,YAAAC,GAAY,SAAAC,GAAS,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAY;AAAA,IAClH,MAAMpB;AAAA,IACN,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,QAAQC;AAAA,EAAA,CACT,GAEKgB,IAAiBC,EAA2C,gBAAgB,GAC5EC,IAAcD,EAAwC,aAAa,GACnEE,IAAeF,EAAyC,cAAc;AAE5E,2BACG,OAAA,EAAI,WAAWG,EAAW,uBAAuBnB,CAAS,GAAG,OAAAC,GAC5D,UAAA;AAAA,IAAA,gBAAAmB,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACN;AAAA,QAAA;AAAA,UACC,YAAAlB;AAAA,UACA,aAAAF;AAAA,UACA,gBAAAC;AAAA,UAEA,MAAAO;AAAA,UACA,UAAUE;AAAA,UACV,QAAQH,EAAM;AAAA,QAAA;AAAA,QAHT,iBAAiBC,EAAK,GAAG;AAAA,MAAA;AAAA,MAKhC,gBAAAkB;AAAA,QAACH;AAAA,QAAA;AAAA,UAEC,SAAShB,EAAM;AAAA,UACf,SAAAI;AAAA,UACA,SAAAE;AAAA,UACA,UAAU,EAAEJ,KAAWG;AAAA,UACvB,QAAQE;AAAA,UACR,QAAQC;AAAA,UACR,SAASC;AAAA,UACT,QAAAE;AAAA,UACA,UAAAD;AAAA,QAAA;AAAA,QATK,kBAAkBT,EAAK,GAAG;AAAA,MAAA;AAAA,IAUjC,GACF;AAAA,IAEA,gBAAAmB;AAAA,MAACL;AAAA,MAAA;AAAA,QACE,GAAGf;AAAA,QACJ,KAAK,gBAAgBC,EAAK,GAAG;AAAA,QAC7B,YAAYA,EAAK;AAAA,QACjB,SAASA,EAAK;AAAA,QACd,SAASD,EAAM;AAAA,QACf,UAAU,CAACqB,MAAe;AACxB,UAAAlB,EAAU,cAAckB,CAAU;AAAA,QACpC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/organisms/form/builder/FormEditCtas.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { FormOptions } from '../../../interfaces';
+import { FormOptions } from '../../../interfaces/index.js';
 export interface FormEditCTAsProps extends Record<string, unknown> {
     saveText?: string;
     options?: FormOptions;
@@ -12,4 +12,4 @@ export interface FormEditCTAsProps extends Record<string, unknown> {
     onUndo?: () => void;
     onRedo?: () => void;
 }
-export declare function FormEditCTAs({ saveText, disabled, options, onCopy, hasUndo, hasRedo, onUndo, onRedo, onReset, onSubmit }: FormEditCTAsProps): ReactElement;
+export declare function FormEditCTAs({ saveText, disabled, onCopy, hasUndo, hasRedo, onUndo, onRedo, onReset, onSubmit, options }: FormEditCTAsProps): ReactElement;

package/dist/organisms/form/builder/FormEditCtas.js

@@ -1,23 +1,24 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useI18n as N } from "../../../hooks/useI18n.js";
 import { useTooltip as c } from "../../../hooks/useTooltip.js";
 import { registerComponent as k, getComponent as s } from "../../../registries/components.js";
 function R({
-  saveText: d = "Save",
-  disabled: m,
-  options: t = {},
+  saveText: m = "Save",
+  disabled: d,
   onCopy: a,
   hasUndo: h,
   hasRedo: p,
   onUndo: g,
   onRedo: v,
   onReset: l,
-  onSubmit: f
+  onSubmit: f,
+  options: t
 }) {
-  const { i18n: i = (N) => N } = t, C = c({
+  const { t: i } = N(t?.i18n), u = c({
     trigger: "hover",
     placement: "top",
     title: i("Copy")
-  }), u = c({
+  }), C = c({
     trigger: "hover",
     placement: "top",
     title: i("Undo last change")
@@ -31,17 +32,17 @@ function R({
     title: i("Reset all changes")
   }), n = s("Button"), o = s("Icon");
   return /* @__PURE__ */ e("div", { className: "form-edit__actions", children: /* @__PURE__ */ r("div", { children: [
-    /* @__PURE__ */ r(n, { variant: "primary", className: "btn-save", disabled: m, onClick: () => f?.(), children: [
-      /* @__PURE__ */ e(o, { name: "save", iconset: t.iconset }),
-      d
+    /* @__PURE__ */ r(n, { variant: "primary", className: "btn-save", disabled: d, onClick: () => f?.(), children: [
+      /* @__PURE__ */ e(o, { name: "save", iconset: t?.iconset }),
+      m
     ] }),
     /* @__PURE__ */ r("div", { children: [
-      /* @__PURE__ */ e(n, { variant: "light", className: "btn-undo", disabled: !h, onClick: () => g?.(), ref: u, children: /* @__PURE__ */ e(o, { name: "undo", iconset: t.iconset }) }),
-      /* @__PURE__ */ e(n, { variant: "light", className: "btn-redo", disabled: !p, onClick: () => v?.(), ref: b, children: /* @__PURE__ */ e(o, { name: "redo", iconset: t.iconset }) })
+      /* @__PURE__ */ e(n, { variant: "light", className: "btn-undo", disabled: !h, onClick: () => g?.(), ref: C, children: /* @__PURE__ */ e(o, { name: "undo", iconset: t?.iconset }) }),
+      /* @__PURE__ */ e(n, { variant: "light", className: "btn-redo", disabled: !p, onClick: () => v?.(), ref: b, children: /* @__PURE__ */ e(o, { name: "redo", iconset: t?.iconset }) })
     ] }),
     /* @__PURE__ */ r("div", { children: [
-      a && /* @__PURE__ */ e(n, { variant: "light", className: "btn-copy", onClick: () => a(), ref: C, children: /* @__PURE__ */ e(o, { name: "copy", iconset: t.iconset }) }),
-      /* @__PURE__ */ e(n, { variant: "light", className: "btn-reset", onClick: () => l && l(), ref: T, children: /* @__PURE__ */ e(o, { name: "reset", iconset: t.iconset }) })
+      a && /* @__PURE__ */ e(n, { variant: "light", className: "btn-copy", onClick: () => a(), ref: u, children: /* @__PURE__ */ e(o, { name: "copy", iconset: t?.iconset }) }),
+      /* @__PURE__ */ e(n, { variant: "light", className: "btn-reset", onClick: () => l && l(), ref: T, children: /* @__PURE__ */ e(o, { name: "reset", iconset: t?.iconset }) })
     ] })
   ] }) });
 }

package/dist/organisms/form/builder/FormEditCtas.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormEditCtas.js","sources":["../../../../src/organisms/form/builder/FormEditCtas.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { Icon as DefaultIcon } from \"../../../atoms/icon/Icon\";\nimport { useTooltip } from \"../../../hooks/useTooltip\";\nimport type { FormOptions } from \"../../../interfaces\";\nimport { Button as DefaultButton } from \"../../../molecules/button/Button\";\nimport { getComponent, registerComponent } from \"../../../registries/components\";\n\nexport interface FormEditCTAsProps extends Record<string, unknown> {\n  saveText?: string;\n  options?: FormOptions;\n  hasUndo?: boolean;\n  hasRedo?: boolean;\n  disabled?: boolean;\n  onCopy?: () => void;\n  onSubmit?: () => void;\n  onReset?: () => void;\n  onUndo?: () => void;\n  onRedo?: () => void;\n}\n\nexport function FormEditCTAs({\n  saveText = \"Save\",\n  disabled,\n  options = {},\n  onCopy,\n  hasUndo,\n  hasRedo,\n  onUndo,\n  onRedo,\n  onReset,\n  onSubmit\n}: FormEditCTAsProps): ReactElement {\n  const { i18n: t = (t: string): string => t } = options;\n\n  const copyTooltipRef: any = useTooltip({\n    trigger: \"hover\",\n    placement: \"top\",\n    title: t(\"Copy\")\n  });\n\n  const undoTooltipRef: any = useTooltip({\n    trigger: \"hover\",\n    placement: \"top\",\n    title: t(\"Undo last change\")\n  });\n\n  const redoTooltipRef: any = useTooltip({\n    trigger: \"hover\",\n    placement: \"top\",\n    title: t(\"Redo last change\")\n  });\n\n  const resetTooltipRef: any = useTooltip({\n    trigger: \"hover\",\n    placement: \"top\",\n    title: t(\"Reset all changes\")\n  });\n\n  const Button = getComponent<typeof DefaultButton>(\"Button\");\n  const Icon = getComponent<typeof DefaultIcon>(\"Icon\");\n\n  return (\n    <div className={\"form-edit__actions\"}>\n      <div>\n        <Button variant='primary' className='btn-save' disabled={disabled} onClick={() => onSubmit?.()}>\n          <Icon name='save' iconset={options.iconset} />\n          {saveText}\n        </Button>\n\n        <div>\n          <Button variant='light' className='btn-undo' disabled={!hasUndo} onClick={() => onUndo?.()} ref={undoTooltipRef}>\n            <Icon name='undo' iconset={options.iconset} />\n          </Button>\n\n          <Button variant='light' className='btn-redo' disabled={!hasRedo} onClick={() => onRedo?.()} ref={redoTooltipRef}>\n            <Icon name='redo' iconset={options.iconset} />\n          </Button>\n        </div>\n\n        <div>\n          {onCopy && (\n            <Button variant='light' className='btn-copy' onClick={() => onCopy()} ref={copyTooltipRef}>\n              <Icon name='copy' iconset={options.iconset} />\n            </Button>\n          )}\n\n          <Button variant='light' className='btn-reset' onClick={() => onReset && onReset()} ref={resetTooltipRef!}>\n            <Icon name='reset' iconset={options.iconset} />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nregisterComponent(\"FormEditCTAs\", FormEditCTAs);\n"],"names":["FormEditCTAs","saveText","disabled","options","onCopy","hasUndo","hasRedo","onUndo","onRedo","onReset","onSubmit","t","copyTooltipRef","useTooltip","undoTooltipRef","redoTooltipRef","resetTooltipRef","Button","getComponent","Icon","jsx","jsxs","registerComponent"],"mappings":";;;AAqBO,SAASA,EAAa;AAAA,EAC3B,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,SAAAC,IAAU,CAAA;AAAA,EACV,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,GAAoC;AAClC,QAAM,EAAE,MAAMC,IAAI,CAACA,MAAsBA,MAAMR,GAEzCS,IAAsBC,EAAW;AAAA,IACrC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAOF,EAAE,MAAM;AAAA,EAAA,CAChB,GAEKG,IAAsBD,EAAW;AAAA,IACrC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAOF,EAAE,kBAAkB;AAAA,EAAA,CAC5B,GAEKI,IAAsBF,EAAW;AAAA,IACrC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAOF,EAAE,kBAAkB;AAAA,EAAA,CAC5B,GAEKK,IAAuBH,EAAW;AAAA,IACtC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAOF,EAAE,mBAAmB;AAAA,EAAA,CAC7B,GAEKM,IAASC,EAAmC,QAAQ,GACpDC,IAAOD,EAAiC,MAAM;AAEpD,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAW,sBACd,4BAAC,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACJ,GAAA,EAAO,SAAQ,WAAU,WAAU,YAAW,UAAAf,GAAoB,SAAS,MAAMQ,IAAA,GAChF,UAAA;AAAA,MAAA,gBAAAU,EAACD,GAAA,EAAK,MAAK,QAAO,SAAShB,EAAQ,SAAS;AAAA,MAC3CF;AAAA,IAAA,GACH;AAAA,sBAEC,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAmB,EAACH,GAAA,EAAO,SAAQ,SAAQ,WAAU,YAAW,UAAU,CAACZ,GAAS,SAAS,MAAME,OAAY,KAAKO,GAC/F,UAAA,gBAAAM,EAACD,GAAA,EAAK,MAAK,QAAO,SAAShB,EAAQ,QAAA,CAAS,EAAA,CAC9C;AAAA,MAEA,gBAAAiB,EAACH,KAAO,SAAQ,SAAQ,WAAU,YAAW,UAAU,CAACX,GAAS,SAAS,MAAME,OAAY,KAAKO,GAC/F,UAAA,gBAAAK,EAACD,GAAA,EAAK,MAAK,QAAO,SAAShB,EAAQ,QAAA,CAAS,EAAA,CAC9C;AAAA,IAAA,GACF;AAAA,sBAEC,OAAA,EACE,UAAA;AAAA,MAAAC,uBACEa,GAAA,EAAO,SAAQ,SAAQ,WAAU,YAAW,SAAS,MAAMb,KAAU,KAAKQ,GACzE,4BAACO,GAAA,EAAK,MAAK,QAAO,SAAShB,EAAQ,SAAS,GAC9C;AAAA,MAGF,gBAAAiB,EAACH,KAAO,SAAQ,SAAQ,WAAU,aAAY,SAAS,MAAMR,KAAWA,EAAA,GAAW,KAAKO,GACtF,4BAACG,GAAA,EAAK,MAAK,SAAQ,SAAShB,EAAQ,SAAS,EAAA,CAC/C;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAEAmB,EAAkB,gBAAgBtB,CAAY;"}
+{"version":3,"file":"FormEditCtas.js","sources":["../../../../src/organisms/form/builder/FormEditCtas.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { Icon as DefaultIcon } from \"../../../atoms/icon/Icon\";\nimport { useI18n } from \"../../../hooks/useI18n\";\nimport { useTooltip } from \"../../../hooks/useTooltip\";\nimport type { FormOptions } from \"../../../interfaces/index.js\";\nimport { Button as DefaultButton } from \"../../../molecules/button/Button\";\nimport { getComponent, registerComponent } from \"../../../registries/components\";\n\nexport interface FormEditCTAsProps extends Record<string, unknown> {\n  saveText?: string;\n  options?: FormOptions;\n  hasUndo?: boolean;\n  hasRedo?: boolean;\n  disabled?: boolean;\n  onCopy?: () => void;\n  onSubmit?: () => void;\n  onReset?: () => void;\n  onUndo?: () => void;\n  onRedo?: () => void;\n}\n\nexport function FormEditCTAs({\n  saveText = \"Save\",\n  disabled,\n  onCopy,\n  hasUndo,\n  hasRedo,\n  onUndo,\n  onRedo,\n  onReset,\n  onSubmit,\n  options\n}: FormEditCTAsProps): ReactElement {\n  const { t } = useI18n(options?.i18n);\n  const copyTooltipRef: any = useTooltip({\n    trigger: \"hover\",\n    placement: \"top\",\n    title: t(\"Copy\")\n  });\n\n  const undoTooltipRef: any = useTooltip({\n    trigger: \"hover\",\n    placement: \"top\",\n    title: t(\"Undo last change\")\n  });\n\n  const redoTooltipRef: any = useTooltip({\n    trigger: \"hover\",\n    placement: \"top\",\n    title: t(\"Redo last change\")\n  });\n\n  const resetTooltipRef: any = useTooltip({\n    trigger: \"hover\",\n    placement: \"top\",\n    title: t(\"Reset all changes\")\n  });\n\n  const Button = getComponent<typeof DefaultButton>(\"Button\");\n  const Icon = getComponent<typeof DefaultIcon>(\"Icon\");\n\n  return (\n    <div className={\"form-edit__actions\"}>\n      <div>\n        <Button variant='primary' className='btn-save' disabled={disabled} onClick={() => onSubmit?.()}>\n          <Icon name='save' iconset={options?.iconset} />\n          {saveText}\n        </Button>\n\n        <div>\n          <Button variant='light' className='btn-undo' disabled={!hasUndo} onClick={() => onUndo?.()} ref={undoTooltipRef}>\n            <Icon name='undo' iconset={options?.iconset} />\n          </Button>\n\n          <Button variant='light' className='btn-redo' disabled={!hasRedo} onClick={() => onRedo?.()} ref={redoTooltipRef}>\n            <Icon name='redo' iconset={options?.iconset} />\n          </Button>\n        </div>\n\n        <div>\n          {onCopy && (\n            <Button variant='light' className='btn-copy' onClick={() => onCopy()} ref={copyTooltipRef}>\n              <Icon name='copy' iconset={options?.iconset} />\n            </Button>\n          )}\n\n          <Button variant='light' className='btn-reset' onClick={() => onReset && onReset()} ref={resetTooltipRef!}>\n            <Icon name='reset' iconset={options?.iconset} />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nregisterComponent(\"FormEditCTAs\", FormEditCTAs);\n"],"names":["FormEditCTAs","saveText","disabled","onCopy","hasUndo","hasRedo","onUndo","onRedo","onReset","onSubmit","options","t","useI18n","copyTooltipRef","useTooltip","undoTooltipRef","redoTooltipRef","resetTooltipRef","Button","getComponent","Icon","jsx","jsxs","registerComponent"],"mappings":";;;;AAsBO,SAASA,EAAa;AAAA,EAC3B,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACF,GAAoC;AAClC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAQF,GAAS,IAAI,GAC7BG,IAAsBC,EAAW;AAAA,IACrC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAOH,EAAE,MAAM;AAAA,EAAA,CAChB,GAEKI,IAAsBD,EAAW;AAAA,IACrC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAOH,EAAE,kBAAkB;AAAA,EAAA,CAC5B,GAEKK,IAAsBF,EAAW;AAAA,IACrC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAOH,EAAE,kBAAkB;AAAA,EAAA,CAC5B,GAEKM,IAAuBH,EAAW;AAAA,IACtC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAOH,EAAE,mBAAmB;AAAA,EAAA,CAC7B,GAEKO,IAASC,EAAmC,QAAQ,GACpDC,IAAOD,EAAiC,MAAM;AAEpD,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAW,sBACd,4BAAC,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACJ,GAAA,EAAO,SAAQ,WAAU,WAAU,YAAW,UAAAhB,GAAoB,SAAS,MAAMO,IAAA,GAChF,UAAA;AAAA,MAAA,gBAAAY,EAACD,GAAA,EAAK,MAAK,QAAO,SAASV,GAAS,SAAS;AAAA,MAC5CT;AAAA,IAAA,GACH;AAAA,sBAEC,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAoB,EAACH,GAAA,EAAO,SAAQ,SAAQ,WAAU,YAAW,UAAU,CAACd,GAAS,SAAS,MAAME,OAAY,KAAKS,GAC/F,UAAA,gBAAAM,EAACD,GAAA,EAAK,MAAK,QAAO,SAASV,GAAS,QAAA,CAAS,EAAA,CAC/C;AAAA,MAEA,gBAAAW,EAACH,KAAO,SAAQ,SAAQ,WAAU,YAAW,UAAU,CAACb,GAAS,SAAS,MAAME,OAAY,KAAKS,GAC/F,UAAA,gBAAAK,EAACD,GAAA,EAAK,MAAK,QAAO,SAASV,GAAS,QAAA,CAAS,EAAA,CAC/C;AAAA,IAAA,GACF;AAAA,sBAEC,OAAA,EACE,UAAA;AAAA,MAAAP,uBACEe,GAAA,EAAO,SAAQ,SAAQ,WAAU,YAAW,SAAS,MAAMf,KAAU,KAAKU,GACzE,4BAACO,GAAA,EAAK,MAAK,QAAO,SAASV,GAAS,SAAS,GAC/C;AAAA,MAGF,gBAAAW,EAACH,KAAO,SAAQ,SAAQ,WAAU,aAAY,SAAS,MAAMV,KAAWA,EAAA,GAAW,KAAKS,GACtF,4BAACG,GAAA,EAAK,MAAK,SAAQ,SAASV,GAAS,SAAS,EAAA,CAChD;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAEAa,EAAkB,gBAAgBvB,CAAY;"}

package/dist/organisms/form/builder/useFormBuilder.d.ts

@@ -1,7 +1,7 @@
-import { FormBuilder as FormioFormBuilder } from 'formiojs';
-import { ComponentType, FormOptions, FormType } from '../../../interfaces';
+import { FormBuilder as FormioFormBuilder } from '@formio/js';
+import { ComponentType, FormBuilderOptions, FormType } from '../../../interfaces';
 interface BuilderConstructor {
-    new (element: HTMLDivElement, form: FormType, options: FormOptions): FormioFormBuilder;
+    new (element: HTMLDivElement, form: FormType, options: FormBuilderOptions): FormioFormBuilder;
 }
 export interface FormBuilderEvents {
     onAddComponent?: Function;
@@ -22,7 +22,7 @@ export interface UseFormBuilderProps extends FormBuilderEvents {
     Builder?: BuilderConstructor;
     components: ComponentType[];
     display?: string;
-    options?: FormOptions;
+    options?: FormBuilderOptions;
 }
 export declare function useFormBuilder({ components, display, options, onBuilderReady, onChange, ...props }: UseFormBuilderProps): import('react').RefObject<HTMLDivElement>;
 export {};

package/dist/organisms/form/builder/useFormBuilder.js

@@ -1,6 +1,6 @@
-import { FormBuilder as R } from "formiojs";
-import C from "lodash/cloneDeep";
-import { useRef as p, useState as b, useEffect as d } from "react";
+import { c as R } from "../../../chunks/index2.js";
+import p from "lodash/cloneDeep";
+import { useRef as l, useState as b, useEffect as d } from "react";
 const g = [
   "addComponent",
   "updateComponent",
@@ -17,13 +17,13 @@ async function E(t, { components: o = [], display: u, options: c, onChange: m, e
   const s = {
     display: u,
     components: [...o]
-  }, e = await new R(t, s, { ...c }).ready, f = (r) => (...a) => {
+  }, e = await new R.FormBuilder(t, s, { ...c }).ready, f = (r) => (...a) => {
     i[r] && i[r](...a), v.includes(r) && m(e.form.components);
   };
   return g.forEach((r) => e.on(r, f(r))), e;
 }
-function w({ components: t, display: o, options: u = {}, onBuilderReady: c, onChange: m, ...i }) {
-  const s = p(null), e = p(null), [f, r] = b(C(t)), a = Object.fromEntries(Object.entries(i).filter(([n]) => n.startsWith("on")));
+function j({ components: t, display: o, options: u = {}, onBuilderReady: c, onChange: m, ...i }) {
+  const s = l(null), e = l(null), [f, r] = b(p(t)), a = Object.fromEntries(Object.entries(i).filter(([n]) => n.startsWith("on")));
   d(() => {
     async function n() {
       if (!s.current) {
@@ -33,8 +33,8 @@ function w({ components: t, display: o, options: u = {}, onBuilderReady: c, onCh
       e.current = await E(s.current.firstChild, {
         display: o,
         options: { ...u },
-        components: C(t),
-        onChange: l,
+        components: p(t),
+        onChange: C,
         events: a
       }), c && c(e.current);
     }
@@ -47,8 +47,8 @@ function w({ components: t, display: o, options: u = {}, onBuilderReady: c, onCh
     e.current && (o !== e.current.form.display ? E(s.current.firstChild, {
       display: o,
       options: { ...u },
-      components: C(t),
-      onChange: l,
+      components: p(t),
+      onChange: C,
       events: a
     }).then((n) => {
       e.current = n, c && c(e.current);
@@ -63,12 +63,12 @@ function w({ components: t, display: o, options: u = {}, onBuilderReady: c, onCh
       components: t
     }));
   }, [o, t]);
-  const l = (n) => {
+  const C = (n) => {
     r(n), m && m(n);
   };
   return s;
 }
 export {
-  w as useFormBuilder
+  j as useFormBuilder
 };
 //# sourceMappingURL=useFormBuilder.js.map

package/dist/organisms/form/builder/useFormBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormBuilder.js","sources":["../../../../src/organisms/form/builder/useFormBuilder.ts"],"sourcesContent":["import { FormBuilder as FormioFormBuilder } from \"formiojs\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport type { ComponentType, FormOptions, FormType } from \"../../../interfaces\";\n\ninterface BuilderConstructor {\n  new (element: HTMLDivElement, form: FormType, options: FormOptions): FormioFormBuilder;\n}\n\nconst EVENTS = [\n  \"addComponent\",\n  \"updateComponent\",\n  \"removeComponent\",\n  \"saveComponent\",\n  \"cancelComponent\",\n  \"moveComponent\",\n  \"editComponent\",\n  \"editJson\",\n  \"copyComponent\",\n  \"pasteComponent\"\n];\n\nconst EVENTS_CHANGE = [\"addComponent\", \"saveComponent\", \"updateComponent\", \"removeComponent\"];\n\nasync function createBuilder(el: Element, { components = [], display, options, onChange, events = {} }: any): Promise<FormioFormBuilder> {\n  const form = {\n    display,\n    components: [...components]\n  };\n\n  const builder = await new FormioFormBuilder(el, form, { ...options }).ready;\n\n  const handleEvent = (event: string) => {\n    return (...args: any[]) => {\n      events[event] && events[event](...args);\n\n      if (EVENTS_CHANGE.includes(event)) {\n        onChange(builder.form.components);\n      }\n    };\n  };\n\n  EVENTS.forEach((event) => builder.on(event, handleEvent(event)));\n\n  return builder;\n}\nexport interface FormBuilderEvents {\n  onAddComponent?: Function;\n  onRemoveComponent?: Function;\n  onCancelComponent?: Function;\n  onMoveComponent?: Function;\n  onEditJson?: Function;\n  onCopyComponent?: Function;\n  onPasteComponent?: Function;\n  onBuilderReady?: (builder: FormioFormBuilder) => void;\n  onChange?: (components: ComponentType[]) => void;\n  onSaveComponent?: (\n    component: ComponentType,\n    original: ComponentType,\n    parent: ComponentType,\n    path: string,\n    index: number,\n    isNew: boolean,\n    originalComponentSchema: ComponentType\n  ) => void;\n  onEditComponent?: (component: ComponentType) => void;\n  onUpdateComponent?: (component: ComponentType) => void;\n  onDeleteComponent?: (component: ComponentType, parent: ComponentType, path: string, index: number) => void;\n}\n\nexport interface UseFormBuilderProps extends FormBuilderEvents {\n  Builder?: BuilderConstructor;\n  components: ComponentType[];\n  display?: string;\n  options?: FormOptions;\n}\n\nexport function useFormBuilder({ components, display, options = {}, onBuilderReady, onChange, ...props }: UseFormBuilderProps) {\n  const renderElement = useRef<HTMLDivElement>(null);\n  const builderRef = useRef<FormioFormBuilder | null>(null);\n  const [currentComponents, setCurrentComponents] = useState<ComponentType[]>(cloneDeep(components));\n  const events = Object.fromEntries(Object.entries(props).filter(([key]) => key.startsWith(\"on\")));\n\n  useEffect(() => {\n    async function initializeBuilder() {\n      if (!renderElement.current) {\n        console.warn(\"FormBuilder render element not found, cannot render builder.\");\n        return;\n      }\n\n      builderRef.current = await createBuilder(renderElement.current.firstChild as Element, {\n        display,\n        options: { ...options },\n        components: cloneDeep(components),\n        onChange: handleComponentsChange,\n        events\n      });\n\n      onBuilderReady && onBuilderReady(builderRef.current);\n    }\n\n    initializeBuilder().catch((er) => {\n      console.error(er);\n    });\n\n    return () => {\n      builderRef.current?.destroy();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (builderRef.current) {\n      if (display !== builderRef.current.form.display) {\n        createBuilder(renderElement.current!.firstChild as Element, {\n          display,\n          options: { ...options },\n          components: cloneDeep(components),\n          onChange: handleComponentsChange,\n          events\n        })\n          .then((builder) => {\n            builderRef.current = builder;\n            onBuilderReady && onBuilderReady(builderRef.current);\n          })\n          .catch((er) => {\n            console.error({\n              event: \"FORM_BUILDER_RECREATE_ERROR\",\n              message: er.message,\n              stack: er.stack\n            });\n          });\n      } else if (components !== currentComponents) {\n        builderRef.current.form = {\n          display,\n          components\n        };\n      }\n    }\n  }, [display, components]);\n\n  const handleComponentsChange = (newComponents: ComponentType[]) => {\n    setCurrentComponents(newComponents);\n    onChange && onChange(newComponents);\n  };\n  return renderElement;\n}\n"],"names":["EVENTS","EVENTS_CHANGE","createBuilder","el","components","display","options","onChange","events","form","builder","FormioFormBuilder","handleEvent","event","args","useFormBuilder","onBuilderReady","props","renderElement","useRef","builderRef","currentComponents","setCurrentComponents","useState","cloneDeep","key","useEffect","initializeBuilder","handleComponentsChange","er","newComponents"],"mappings":"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"}
+{"version":3,"file":"useFormBuilder.js","sources":["../../../../src/organisms/form/builder/useFormBuilder.ts"],"sourcesContent":["import { FormBuilder as FormioFormBuilder } from \"@formio/js\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport type { ComponentType, FormBuilderOptions, FormType } from \"../../../interfaces\";\n\ninterface BuilderConstructor {\n  new (element: HTMLDivElement, form: FormType, options: FormBuilderOptions): FormioFormBuilder;\n}\n\nconst EVENTS = [\n  \"addComponent\",\n  \"updateComponent\",\n  \"removeComponent\",\n  \"saveComponent\",\n  \"cancelComponent\",\n  \"moveComponent\",\n  \"editComponent\",\n  \"editJson\",\n  \"copyComponent\",\n  \"pasteComponent\"\n];\n\nconst EVENTS_CHANGE = [\"addComponent\", \"saveComponent\", \"updateComponent\", \"removeComponent\"];\n\nasync function createBuilder(el: Element, { components = [], display, options, onChange, events = {} }: any): Promise<FormioFormBuilder> {\n  const form = {\n    display,\n    components: [...components]\n  };\n\n  const builder = await new FormioFormBuilder(el as HTMLElement, form, { ...options }).ready;\n\n  const handleEvent = (event: string) => {\n    return (...args: any[]) => {\n      events[event] && events[event](...args);\n\n      if (EVENTS_CHANGE.includes(event)) {\n        onChange(builder.form.components);\n      }\n    };\n  };\n\n  EVENTS.forEach((event) => builder.on(event, handleEvent(event)));\n\n  return builder;\n}\n\nexport interface FormBuilderEvents {\n  onAddComponent?: Function;\n  onRemoveComponent?: Function;\n  onCancelComponent?: Function;\n  onMoveComponent?: Function;\n  onEditJson?: Function;\n  onCopyComponent?: Function;\n  onPasteComponent?: Function;\n  onBuilderReady?: (builder: FormioFormBuilder) => void;\n  onChange?: (components: ComponentType[]) => void;\n  onSaveComponent?: (\n    component: ComponentType,\n    original: ComponentType,\n    parent: ComponentType,\n    path: string,\n    index: number,\n    isNew: boolean,\n    originalComponentSchema: ComponentType\n  ) => void;\n  onEditComponent?: (component: ComponentType) => void;\n  onUpdateComponent?: (component: ComponentType) => void;\n  onDeleteComponent?: (component: ComponentType, parent: ComponentType, path: string, index: number) => void;\n}\n\nexport interface UseFormBuilderProps extends FormBuilderEvents {\n  Builder?: BuilderConstructor;\n  components: ComponentType[];\n  display?: string;\n  options?: FormBuilderOptions;\n}\n\nexport function useFormBuilder({ components, display, options = {}, onBuilderReady, onChange, ...props }: UseFormBuilderProps) {\n  const renderElement = useRef<HTMLDivElement>(null);\n  const builderRef = useRef<FormioFormBuilder | null>(null);\n  const [currentComponents, setCurrentComponents] = useState<ComponentType[]>(cloneDeep(components));\n  const events = Object.fromEntries(Object.entries(props).filter(([key]) => key.startsWith(\"on\")));\n\n  useEffect(() => {\n    async function initializeBuilder() {\n      if (!renderElement.current) {\n        console.warn(\"FormBuilder render element not found, cannot render builder.\");\n        return;\n      }\n\n      builderRef.current = await createBuilder(renderElement.current.firstChild as Element, {\n        display,\n        options: { ...options },\n        components: cloneDeep(components),\n        onChange: handleComponentsChange,\n        events\n      });\n\n      onBuilderReady && onBuilderReady(builderRef.current);\n    }\n\n    initializeBuilder().catch((er) => {\n      console.error(er);\n    });\n\n    return () => {\n      builderRef.current?.destroy();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (builderRef.current) {\n      if (display !== (builderRef.current.form as FormType).display) {\n        createBuilder(renderElement.current!.firstChild as Element, {\n          display,\n          options: { ...options },\n          components: cloneDeep(components),\n          onChange: handleComponentsChange,\n          events\n        })\n          .then((builder) => {\n            builderRef.current = builder;\n            onBuilderReady && onBuilderReady(builderRef.current);\n          })\n          .catch((er) => {\n            console.error({\n              event: \"FORM_BUILDER_RECREATE_ERROR\",\n              message: er.message,\n              stack: er.stack\n            });\n          });\n      } else if (components !== currentComponents) {\n        builderRef.current.form = {\n          display,\n          components\n        };\n      }\n    }\n  }, [display, components]);\n\n  const handleComponentsChange = (newComponents: ComponentType[]) => {\n    setCurrentComponents(newComponents);\n    onChange && onChange(newComponents);\n  };\n  return renderElement;\n}\n"],"names":["EVENTS","EVENTS_CHANGE","createBuilder","el","components","display","options","onChange","events","form","builder","FormioFormBuilder","handleEvent","event","args","useFormBuilder","onBuilderReady","props","renderElement","useRef","builderRef","currentComponents","setCurrentComponents","useState","cloneDeep","key","useEffect","initializeBuilder","handleComponentsChange","er","newComponents"],"mappings":";;;AAUA,MAAMA,IAAS;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAAgB,CAAC,gBAAgB,iBAAiB,mBAAmB,iBAAiB;AAE5F,eAAeC,EAAcC,GAAa,EAAE,YAAAC,IAAa,CAAA,GAAI,SAAAC,GAAS,SAAAC,GAAS,UAAAC,GAAU,QAAAC,IAAS,CAAA,KAAuC;AACvI,QAAMC,IAAO;AAAA,IACX,SAAAJ;AAAA,IACA,YAAY,CAAC,GAAGD,CAAU;AAAA,EAAA,GAGtBM,IAAU,MAAM,IAAIC,cAAkBR,GAAmBM,GAAM,EAAE,GAAGH,EAAA,CAAS,EAAE,OAE/EM,IAAc,CAACC,MACZ,IAAIC,MAAgB;AACzB,IAAAN,EAAOK,CAAK,KAAKL,EAAOK,CAAK,EAAE,GAAGC,CAAI,GAElCb,EAAc,SAASY,CAAK,KAC9BN,EAASG,EAAQ,KAAK,UAAU;AAAA,EAEpC;AAGF,SAAAV,EAAO,QAAQ,CAACa,MAAUH,EAAQ,GAAGG,GAAOD,EAAYC,CAAK,CAAC,CAAC,GAExDH;AACT;AAiCO,SAASK,EAAe,EAAE,YAAAX,GAAY,SAAAC,GAAS,SAAAC,IAAU,CAAA,GAAI,gBAAAU,GAAgB,UAAAT,GAAU,GAAGU,KAA8B;AAC7H,QAAMC,IAAgBC,EAAuB,IAAI,GAC3CC,IAAaD,EAAiC,IAAI,GAClD,CAACE,GAAmBC,CAAoB,IAAIC,EAA0BC,EAAUpB,CAAU,CAAC,GAC3FI,IAAS,OAAO,YAAY,OAAO,QAAQS,CAAK,EAAE,OAAO,CAAC,CAACQ,CAAG,MAAMA,EAAI,WAAW,IAAI,CAAC,CAAC;AAE/F,EAAAC,EAAU,MAAM;AACd,mBAAeC,IAAoB;AACjC,UAAI,CAACT,EAAc,SAAS;AAC1B,gBAAQ,KAAK,8DAA8D;AAC3E;AAAA,MACF;AAEA,MAAAE,EAAW,UAAU,MAAMlB,EAAcgB,EAAc,QAAQ,YAAuB;AAAA,QACpF,SAAAb;AAAA,QACA,SAAS,EAAE,GAAGC,EAAA;AAAA,QACd,YAAYkB,EAAUpB,CAAU;AAAA,QAChC,UAAUwB;AAAA,QACV,QAAApB;AAAA,MAAA,CACD,GAEDQ,KAAkBA,EAAeI,EAAW,OAAO;AAAA,IACrD;AAEA,WAAAO,EAAA,EAAoB,MAAM,CAACE,MAAO;AAChC,cAAQ,MAAMA,CAAE;AAAA,IAClB,CAAC,GAEM,MAAM;AACX,MAAAT,EAAW,SAAS,QAAA;AAAA,IACtB;AAAA,EACF,GAAG,CAAA,CAAE,GAELM,EAAU,MAAM;AACd,IAAIN,EAAW,YACTf,MAAae,EAAW,QAAQ,KAAkB,UACpDlB,EAAcgB,EAAc,QAAS,YAAuB;AAAA,MAC1D,SAAAb;AAAA,MACA,SAAS,EAAE,GAAGC,EAAA;AAAA,MACd,YAAYkB,EAAUpB,CAAU;AAAA,MAChC,UAAUwB;AAAA,MACV,QAAApB;AAAA,IAAA,CACD,EACE,KAAK,CAACE,MAAY;AACjB,MAAAU,EAAW,UAAUV,GACrBM,KAAkBA,EAAeI,EAAW,OAAO;AAAA,IACrD,CAAC,EACA,MAAM,CAACS,MAAO;AACb,cAAQ,MAAM;AAAA,QACZ,OAAO;AAAA,QACP,SAASA,EAAG;AAAA,QACZ,OAAOA,EAAG;AAAA,MAAA,CACX;AAAA,IACH,CAAC,IACMzB,MAAeiB,MACxBD,EAAW,QAAQ,OAAO;AAAA,MACxB,SAAAf;AAAA,MACA,YAAAD;AAAA,IAAA;AAAA,EAIR,GAAG,CAACC,GAASD,CAAU,CAAC;AAExB,QAAMwB,IAAyB,CAACE,MAAmC;AACjE,IAAAR,EAAqBQ,CAAa,GAClCvB,KAAYA,EAASuB,CAAa;AAAA,EACpC;AACA,SAAOZ;AACT;"}

package/dist/organisms/form/builder/useFormEdit.d.ts

@@ -19,7 +19,7 @@ export declare function useFormEdit(props: UseFormEditHookProps): {
     undo: () => void;
     reset: () => void;
     hasChanged: boolean;
-    isValid: any;
+    isValid: string | undefined;
     hasUndo: boolean;
     hasRedo: boolean;
     onSubmit: () => void;

package/dist/organisms/form/exports/FormExport.d.ts

@@ -1,5 +1,6 @@
+import { FormOptions } from '../../../interfaces/FormOptions.js';
 export interface FormExportProps {
-    i18n?: (key: string) => string;
+    i18n?: FormOptions["i18n"];
     onClick?: (action: "export:form" | "export:submissions", format: "json" | "csv") => void;
 }
-export declare function FormExport({ i18n, onClick }: FormExportProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormExport({ onClick, ...props }: FormExportProps): import("react/jsx-runtime").JSX.Element;

package/dist/organisms/form/exports/FormExport.js

@@ -1,23 +1,24 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { Icon as r } from "../../../atoms/icon/Icon.js";
-import { getComponent as n } from "../../../registries/components.js";
-function i({ i18n: a = (m) => m, onClick: c }) {
-  const m = n("Card");
+import { Icon as a } from "../../../atoms/icon/Icon.js";
+import { useI18n as c } from "../../../hooks/useI18n.js";
+import { getComponent as i } from "../../../registries/components.js";
+function h({ onClick: n, ...t }) {
+  const m = i("Card"), { t: r } = c(t?.i18n);
   return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ s("div", { className: "flex gap-3", children: [
     /* @__PURE__ */ e("div", { className: "sm:w-1/2", children: /* @__PURE__ */ s(
       m,
       {
         label: /* @__PURE__ */ s("span", { className: "flex items-center", children: [
-          /* @__PURE__ */ e(r, { name: "detail", className: "mr-1 text-secondary" }),
+          /* @__PURE__ */ e(a, { name: "detail", className: "mr-1 text-secondary" }),
           " ",
-          a("Export schema")
+          r("Export schema")
         ] }),
         children: [
-          /* @__PURE__ */ e("p", { className: "mb-5", children: a("Export the formIO schema:") }),
-          /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ s("button", { className: "btn btn-primary", onClick: () => c?.("export:form", "json"), children: [
-            /* @__PURE__ */ e(r, { name: "code", className: "mr-1" }),
+          /* @__PURE__ */ e("p", { className: "mb-5", children: r("Export the formIO schema:") }),
+          /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ s("button", { className: "btn btn-primary", onClick: () => n?.("export:form", "json"), children: [
+            /* @__PURE__ */ e(a, { name: "code", className: "mr-1" }),
             " ",
-            a("Json")
+            r("Json")
           ] }) })
         ]
       }
@@ -26,22 +27,22 @@ function i({ i18n: a = (m) => m, onClick: c }) {
       m,
       {
         label: /* @__PURE__ */ s("span", { className: "flex items-center", children: [
-          /* @__PURE__ */ e(r, { name: "data", className: "mr-1 text-secondary" }),
+          /* @__PURE__ */ e(a, { name: "data", className: "mr-1 text-secondary" }),
           " ",
-          a("Export submissions")
+          r("Export submissions")
         ] }),
         children: [
-          /* @__PURE__ */ e("p", { className: "mb-5", children: a("Export all submission as JSON or CSV:") }),
+          /* @__PURE__ */ e("p", { className: "mb-5", children: r("Export all submission as JSON or CSV:") }),
           /* @__PURE__ */ s("div", { className: "flex items-center justify-center", children: [
-            /* @__PURE__ */ s("button", { className: "btn btn-primary mr-4", onClick: () => c?.("export:submissions", "json"), children: [
-              /* @__PURE__ */ e(r, { name: "code", className: "mr-1" }),
+            /* @__PURE__ */ s("button", { className: "btn btn-primary mr-4", onClick: () => n?.("export:submissions", "json"), children: [
+              /* @__PURE__ */ e(a, { name: "code", className: "mr-1" }),
               " ",
-              a("Json")
+              r("Json")
             ] }),
-            /* @__PURE__ */ s("button", { className: "btn btn-primary", onClick: () => c?.("export:submissions", "csv"), children: [
-              /* @__PURE__ */ e(r, { name: "spreadsheet", className: "mr-1" }),
+            /* @__PURE__ */ s("button", { className: "btn btn-primary", onClick: () => n?.("export:submissions", "csv"), children: [
+              /* @__PURE__ */ e(a, { name: "spreadsheet", className: "mr-1" }),
               " ",
-              a("Csv")
+              r("Csv")
             ] })
           ] })
         ]
@@ -50,6 +51,6 @@ function i({ i18n: a = (m) => m, onClick: c }) {
   ] }) });
 }
 export {
-  i as FormExport
+  h as FormExport
 };
 //# sourceMappingURL=FormExport.js.map