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

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

@@ -1 +1 @@
-{"version":3,"file":"FormExport.js","sources":["../../../../src/organisms/form/exports/FormExport.tsx"],"sourcesContent":["import { Icon } from \"../../../atoms/icon/Icon.js\";\nimport type { Card } from \"../../../molecules/card/Card.js\";\nimport { getComponent } from \"../../../registries/components.js\";\n\nexport interface FormExportProps {\n  i18n?: (key: string) => string;\n  onClick?: (action: \"export:form\" | \"export:submissions\", format: \"json\" | \"csv\") => void;\n}\n\nexport function FormExport({ i18n = (f: string) => f, onClick }: FormExportProps) {\n  const FCard = getComponent<typeof Card>(\"Card\");\n\n  return (\n    <div>\n      <div className={\"flex gap-3\"}>\n        <div className={\"sm:w-1/2\"}>\n          <FCard\n            label={\n              (\n                <span className={\"flex items-center\"}>\n                  <Icon name={\"detail\"} className={\"mr-1 text-secondary\"} /> {i18n(`Export schema`)}\n                </span>\n              ) as any\n            }\n          >\n            <p className={\"mb-5\"}>{i18n(\"Export the formIO schema:\")}</p>\n            <div className={\"flex items-center justify-center\"}>\n              <button className={\"btn btn-primary\"} onClick={() => onClick?.(\"export:form\", \"json\")}>\n                <Icon name={\"code\"} className={\"mr-1\"} /> {i18n(`Json`)}\n              </button>\n            </div>\n          </FCard>\n        </div>\n        <div className={\"sm:w-1/2\"}>\n          <FCard\n            label={\n              (\n                <span className={\"flex items-center\"}>\n                  <Icon name={\"data\"} className={\"mr-1 text-secondary\"} /> {i18n(`Export submissions`)}\n                </span>\n              ) as any\n            }\n          >\n            <p className={\"mb-5\"}>{i18n(\"Export all submission as JSON or CSV:\")}</p>\n            <div className={\"flex items-center justify-center\"}>\n              <button className={\"btn btn-primary mr-4\"} onClick={() => onClick?.(\"export:submissions\", \"json\")}>\n                <Icon name={\"code\"} className={\"mr-1\"} /> {i18n(`Json`)}\n              </button>\n              <button className={\"btn btn-primary\"} onClick={() => onClick?.(\"export:submissions\", \"csv\")}>\n                <Icon name={\"spreadsheet\"} className={\"mr-1\"} /> {i18n(`Csv`)}\n              </button>\n            </div>\n          </FCard>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["FormExport","i18n","f","onClick","FCard","getComponent","jsx","jsxs","Icon"],"mappings":";;;AASO,SAASA,EAAW,EAAE,MAAAC,IAAO,CAACC,MAAcA,GAAG,SAAAC,KAA4B;AAChF,QAAMC,IAAQC,EAA0B,MAAM;AAE9C,SACE,gBAAAC,EAAC,OAAA,EACC,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAW,cACd,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAW,YACd,UAAA,gBAAAC;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,OAEI,gBAAAG,EAAC,QAAA,EAAK,WAAW,qBACf,UAAA;AAAA,UAAA,gBAAAD,EAACE,GAAA,EAAK,MAAM,UAAU,WAAW,uBAAuB;AAAA,UAAE;AAAA,UAAEP,EAAK,eAAe;AAAA,QAAA,GAClF;AAAA,QAIJ,UAAA;AAAA,UAAA,gBAAAK,EAAC,KAAA,EAAE,WAAW,QAAS,UAAAL,EAAK,2BAA2B,GAAE;AAAA,UACzD,gBAAAK,EAAC,OAAA,EAAI,WAAW,oCACd,UAAA,gBAAAC,EAAC,UAAA,EAAO,WAAW,mBAAmB,SAAS,MAAMJ,IAAU,eAAe,MAAM,GAClF,UAAA;AAAA,YAAA,gBAAAG,EAACE,GAAA,EAAK,MAAM,QAAQ,WAAW,QAAQ;AAAA,YAAE;AAAA,YAAEP,EAAK,MAAM;AAAA,UAAA,EAAA,CACxD,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAK,EAAC,OAAA,EAAI,WAAW,YACd,UAAA,gBAAAC;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,OAEI,gBAAAG,EAAC,QAAA,EAAK,WAAW,qBACf,UAAA;AAAA,UAAA,gBAAAD,EAACE,GAAA,EAAK,MAAM,QAAQ,WAAW,uBAAuB;AAAA,UAAE;AAAA,UAAEP,EAAK,oBAAoB;AAAA,QAAA,GACrF;AAAA,QAIJ,UAAA;AAAA,UAAA,gBAAAK,EAAC,KAAA,EAAE,WAAW,QAAS,UAAAL,EAAK,uCAAuC,GAAE;AAAA,UACrE,gBAAAM,EAAC,OAAA,EAAI,WAAW,oCACd,UAAA;AAAA,YAAA,gBAAAA,EAAC,UAAA,EAAO,WAAW,wBAAwB,SAAS,MAAMJ,IAAU,sBAAsB,MAAM,GAC9F,UAAA;AAAA,cAAA,gBAAAG,EAACE,GAAA,EAAK,MAAM,QAAQ,WAAW,QAAQ;AAAA,cAAE;AAAA,cAAEP,EAAK,MAAM;AAAA,YAAA,GACxD;AAAA,YACA,gBAAAM,EAAC,YAAO,WAAW,mBAAmB,SAAS,MAAMJ,IAAU,sBAAsB,KAAK,GACxF,UAAA;AAAA,cAAA,gBAAAG,EAACE,GAAA,EAAK,MAAM,eAAe,WAAW,QAAQ;AAAA,cAAE;AAAA,cAAEP,EAAK,KAAK;AAAA,YAAA,EAAA,CAC9D;AAAA,UAAA,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACF,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"FormExport.js","sources":["../../../../src/organisms/form/exports/FormExport.tsx"],"sourcesContent":["import { Icon } from \"../../../atoms/icon/Icon.js\";\nimport { useI18n } from \"../../../hooks/useI18n.js\";\nimport { FormOptions } from \"../../../interfaces/FormOptions.js\";\nimport type { Card } from \"../../../molecules/card/Card.js\";\nimport { getComponent } from \"../../../registries/components.js\";\n\nexport interface FormExportProps {\n  i18n?: FormOptions[\"i18n\"];\n  onClick?: (action: \"export:form\" | \"export:submissions\", format: \"json\" | \"csv\") => void;\n}\n\nexport function FormExport({ onClick, ...props }: FormExportProps) {\n  const FCard = getComponent<typeof Card>(\"Card\");\n  const { t } = useI18n(props?.i18n);\n\n  return (\n    <div>\n      <div className={\"flex gap-3\"}>\n        <div className={\"sm:w-1/2\"}>\n          <FCard\n            label={\n              (\n                <span className={\"flex items-center\"}>\n                  <Icon name={\"detail\"} className={\"mr-1 text-secondary\"} /> {t(`Export schema`)}\n                </span>\n              ) as any\n            }\n          >\n            <p className={\"mb-5\"}>{t(\"Export the formIO schema:\")}</p>\n            <div className={\"flex items-center justify-center\"}>\n              <button className={\"btn btn-primary\"} onClick={() => onClick?.(\"export:form\", \"json\")}>\n                <Icon name={\"code\"} className={\"mr-1\"} /> {t(`Json`)}\n              </button>\n            </div>\n          </FCard>\n        </div>\n        <div className={\"sm:w-1/2\"}>\n          <FCard\n            label={\n              (\n                <span className={\"flex items-center\"}>\n                  <Icon name={\"data\"} className={\"mr-1 text-secondary\"} /> {t(`Export submissions`)}\n                </span>\n              ) as any\n            }\n          >\n            <p className={\"mb-5\"}>{t(\"Export all submission as JSON or CSV:\")}</p>\n            <div className={\"flex items-center justify-center\"}>\n              <button className={\"btn btn-primary mr-4\"} onClick={() => onClick?.(\"export:submissions\", \"json\")}>\n                <Icon name={\"code\"} className={\"mr-1\"} /> {t(`Json`)}\n              </button>\n              <button className={\"btn btn-primary\"} onClick={() => onClick?.(\"export:submissions\", \"csv\")}>\n                <Icon name={\"spreadsheet\"} className={\"mr-1\"} /> {t(`Csv`)}\n              </button>\n            </div>\n          </FCard>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["FormExport","onClick","props","FCard","getComponent","t","useI18n","jsx","jsxs","Icon"],"mappings":";;;;AAWO,SAASA,EAAW,EAAE,SAAAC,GAAS,GAAGC,KAA0B;AACjE,QAAMC,IAAQC,EAA0B,MAAM,GACxC,EAAE,GAAAC,EAAA,IAAMC,EAAQJ,GAAO,IAAI;AAEjC,SACE,gBAAAK,EAAC,OAAA,EACC,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAW,cACd,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAW,YACd,UAAA,gBAAAC;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,OAEI,gBAAAK,EAAC,QAAA,EAAK,WAAW,qBACf,UAAA;AAAA,UAAA,gBAAAD,EAACE,GAAA,EAAK,MAAM,UAAU,WAAW,uBAAuB;AAAA,UAAE;AAAA,UAAEJ,EAAE,eAAe;AAAA,QAAA,GAC/E;AAAA,QAIJ,UAAA;AAAA,UAAA,gBAAAE,EAAC,KAAA,EAAE,WAAW,QAAS,UAAAF,EAAE,2BAA2B,GAAE;AAAA,UACtD,gBAAAE,EAAC,OAAA,EAAI,WAAW,oCACd,UAAA,gBAAAC,EAAC,UAAA,EAAO,WAAW,mBAAmB,SAAS,MAAMP,IAAU,eAAe,MAAM,GAClF,UAAA;AAAA,YAAA,gBAAAM,EAACE,GAAA,EAAK,MAAM,QAAQ,WAAW,QAAQ;AAAA,YAAE;AAAA,YAAEJ,EAAE,MAAM;AAAA,UAAA,EAAA,CACrD,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAE,EAAC,OAAA,EAAI,WAAW,YACd,UAAA,gBAAAC;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,OAEI,gBAAAK,EAAC,QAAA,EAAK,WAAW,qBACf,UAAA;AAAA,UAAA,gBAAAD,EAACE,GAAA,EAAK,MAAM,QAAQ,WAAW,uBAAuB;AAAA,UAAE;AAAA,UAAEJ,EAAE,oBAAoB;AAAA,QAAA,GAClF;AAAA,QAIJ,UAAA;AAAA,UAAA,gBAAAE,EAAC,KAAA,EAAE,WAAW,QAAS,UAAAF,EAAE,uCAAuC,GAAE;AAAA,UAClE,gBAAAG,EAAC,OAAA,EAAI,WAAW,oCACd,UAAA;AAAA,YAAA,gBAAAA,EAAC,UAAA,EAAO,WAAW,wBAAwB,SAAS,MAAMP,IAAU,sBAAsB,MAAM,GAC9F,UAAA;AAAA,cAAA,gBAAAM,EAACE,GAAA,EAAK,MAAM,QAAQ,WAAW,QAAQ;AAAA,cAAE;AAAA,cAAEJ,EAAE,MAAM;AAAA,YAAA,GACrD;AAAA,YACA,gBAAAG,EAAC,YAAO,WAAW,mBAAmB,SAAS,MAAMP,IAAU,sBAAsB,KAAK,GACxF,UAAA;AAAA,cAAA,gBAAAM,EAACE,GAAA,EAAK,MAAM,eAAe,WAAW,QAAQ;AAAA,cAAE;AAAA,cAAEJ,EAAE,KAAK;AAAA,YAAA,EAAA,CAC3D;AAAA,UAAA,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACF,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/organisms/form/preview/FormPreview.d.ts

@@ -1,6 +1,6 @@
-import { FormType } from '../../../interfaces/index.js';
+import { FormOptions, FormType } from '../../../interfaces/index.js';
 export interface FormPreviewProps {
     form: FormType;
-    i18n?: (key: string) => string;
+    i18n?: FormOptions["i18n"];
 }
-export declare function FormPreview({ form, i18n }: FormPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormPreview({ form, ...props }: FormPreviewProps): import("react/jsx-runtime").JSX.Element;

package/dist/organisms/form/preview/FormPreview.js

@@ -1,11 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
+import { useI18n as e } from "../../../hooks/useI18n.js";
 import { getComponent as m } from "../../../registries/components.js";
 import { Form as a } from "../Form.js";
-function l({ form: e, i18n: t = (r) => r }) {
-  const r = m("Card");
-  return /* @__PURE__ */ o("div", { className: "p-10 bg-gray-500", children: /* @__PURE__ */ o(r, { label: t(e.title || ""), className: "shadow", children: /* @__PURE__ */ o(a, { form: e, options: { i18n: t } }) }) });
+function p({ form: r, ...t }) {
+  const { t: i } = e(t?.i18n), n = m("Card");
+  return /* @__PURE__ */ o("div", { className: "p-10 bg-gray-500", children: /* @__PURE__ */ o(n, { label: i(r.title || ""), className: "shadow", children: /* @__PURE__ */ o(a, { form: r, options: { i18n: t.i18n } }) }) });
 }
 export {
-  l as FormPreview
+  p as FormPreview
 };
 //# sourceMappingURL=FormPreview.js.map

package/dist/organisms/form/preview/FormPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormPreview.js","sources":["../../../../src/organisms/form/preview/FormPreview.tsx"],"sourcesContent":["import type { FormType } from \"../../../interfaces/index.js\";\nimport type { Card } from \"../../../molecules/card/Card.js\";\nimport { getComponent } from \"../../../registries/components.js\";\nimport { Form } from \"../Form.js\";\n\nexport interface FormPreviewProps {\n  form: FormType;\n  i18n?: (key: string) => string;\n}\n\nexport function FormPreview({ form, i18n = (f) => f }: FormPreviewProps) {\n  const FCard = getComponent<typeof Card>(\"Card\");\n\n  return (\n    <div className='p-10 bg-gray-500'>\n      <FCard label={i18n(form.title || \"\")} className={\"shadow\"}>\n        <Form form={form} options={{ i18n }} />\n      </FCard>\n    </div>\n  );\n}\n"],"names":["FormPreview","form","i18n","f","FCard","getComponent","jsx","Form"],"mappings":";;;AAUO,SAASA,EAAY,EAAE,MAAAC,GAAM,MAAAC,IAAO,CAACC,MAAMA,KAAuB;AACvE,QAAMC,IAAQC,EAA0B,MAAM;AAE9C,SACE,gBAAAC,EAAC,SAAI,WAAU,oBACb,4BAACF,GAAA,EAAM,OAAOF,EAAKD,EAAK,SAAS,EAAE,GAAG,WAAW,UAC/C,4BAACM,GAAA,EAAK,MAAAN,GAAY,SAAS,EAAE,MAAAC,EAAA,GAAQ,EAAA,CACvC,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"FormPreview.js","sources":["../../../../src/organisms/form/preview/FormPreview.tsx"],"sourcesContent":["import { useI18n } from \"../../../hooks/useI18n.js\";\nimport type { FormOptions, FormType } from \"../../../interfaces/index.js\";\nimport type { Card } from \"../../../molecules/card/Card.js\";\nimport { getComponent } from \"../../../registries/components.js\";\nimport { Form } from \"../Form.js\";\n\nexport interface FormPreviewProps {\n  form: FormType;\n  i18n?: FormOptions[\"i18n\"];\n}\n\nexport function FormPreview({ form, ...props }: FormPreviewProps) {\n  const { t } = useI18n(props?.i18n);\n  const FCard = getComponent<typeof Card>(\"Card\");\n\n  return (\n    <div className='p-10 bg-gray-500'>\n      <FCard label={t(form.title || \"\")} className={\"shadow\"}>\n        <Form form={form} options={{ i18n: props.i18n }} />\n      </FCard>\n    </div>\n  );\n}\n"],"names":["FormPreview","form","props","t","useI18n","FCard","getComponent","jsx","Form"],"mappings":";;;;AAWO,SAASA,EAAY,EAAE,MAAAC,GAAM,GAAGC,KAA2B;AAChE,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAQF,GAAO,IAAI,GAC3BG,IAAQC,EAA0B,MAAM;AAE9C,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,oBACb,UAAA,gBAAAA,EAACF,KAAM,OAAOF,EAAEF,EAAK,SAAS,EAAE,GAAG,WAAW,UAC5C,UAAA,gBAAAM,EAACC,GAAA,EAAK,MAAAP,GAAY,SAAS,EAAE,MAAMC,EAAM,KAAA,EAAK,CAAG,EAAA,CACnD,EAAA,CACF;AAEJ;"}

package/dist/organisms/form/settings/FormSettings.js

@@ -1,35 +1,35 @@
-import { jsxs as S, jsx as p } from "react/jsx-runtime";
-import g from "lodash/isEqual";
-import l from "lodash/noop";
-import { useState as d, useEffect as f } from "react";
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import S from "lodash/isEqual";
+import g from "lodash/noop";
+import { useState as c, useEffect as l } from "react";
+import { useI18n as f } from "../../../hooks/useI18n.js";
 import { Form as h } from "../Form.js";
 import { getFormSettingsSchema as F } from "./FormSettings.schema.js";
-import { formSettingsToSubmission as b, submissionToFormSettings as y } from "./FormSettings.utils.js";
-function x({ form: t, onSubmit: r = l, options: e }) {
-  const o = F(), [u, i] = d(!0), [s, m] = d(() => b(t)), a = ({ data: n, isValid: c }) => {
-    c && m({ data: n }), i(c);
+import { formSettingsToSubmission as d, submissionToFormSettings as y } from "./FormSettings.utils.js";
+function x({ form: t, onSubmit: n = g }) {
+  const r = F(), [e, o] = c(!0), [s, i] = c(() => d(t)), p = ({ data: m, isValid: u }) => {
+    u && i({ data: m }), o(u);
   };
-  return f(() => {
-    const n = b(t);
-    t?._id && !g(s.data, n.data) && m(n);
+  return l(() => {
+    const m = d(t);
+    t?._id && !S(s.data, m.data) && i(m);
   }, [t?._id]), {
-    options: e,
-    form: o,
+    form: r,
     type: t.type,
     submission: s,
-    onChange: a,
-    isValid: u,
-    setIsValid: i,
+    onChange: p,
+    isValid: e,
+    setIsValid: o,
     onSubmit: () => {
-      r(y(t, s));
+      n(y(t, s));
     }
   };
 }
 function k(t) {
-  const { form: r, submission: e, options: o = {}, onChange: u, onSubmit: i, isValid: s } = x(t), m = o.i18n || ((a) => a);
-  return /* @__PURE__ */ S("div", { children: [
-    /* @__PURE__ */ p(h, { form: r, submission: e, onChange: u, options: o }),
-    /* @__PURE__ */ p("button", { "data-testid": "submit", disabled: !s, className: "mt-5 btn btn-primary", onClick: i, type: "submit", children: m("Save settings") })
+  const { form: n, submission: r, onChange: e, onSubmit: o, isValid: s } = x(t), { t: i } = f(t?.options?.i18n);
+  return /* @__PURE__ */ b("div", { children: [
+    /* @__PURE__ */ a(h, { form: n, submission: r, onChange: e, options: t.options }),
+    /* @__PURE__ */ a("button", { "data-testid": "submit", disabled: !s, className: "mt-5 btn btn-primary", onClick: o, type: "submit", children: i("Save settings") })
   ] });
 }
 export {

package/dist/organisms/form/settings/FormSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSettings.js","sources":["../../../../src/organisms/form/settings/FormSettings.tsx"],"sourcesContent":["import isEqual from \"lodash/isEqual\";\nimport noop from \"lodash/noop\";\nimport { useEffect, useState } from \"react\";\n\nimport type { ChangedSubmission, FormOptions, FormType } from \"../../../interfaces\";\nimport { Form } from \"../../form/Form\";\nimport { getFormSettingsSchema } from \"./FormSettings.schema\";\nimport { formSettingsToSubmission, FormSettingsType, submissionToFormSettings } from \"./FormSettings.utils\";\n\nexport interface FormSettingsProps {\n  form: Partial<FormType>;\n  onSubmit?: Function;\n  options?: FormOptions;\n}\n\nfunction useFormSettings({ form: formDefinition, onSubmit = noop, options }: FormSettingsProps) {\n  const form = getFormSettingsSchema();\n  const [isValid, setIsValid] = useState(true);\n  const [submission, setSubmission] = useState(() => formSettingsToSubmission(formDefinition));\n\n  const onChange = ({ data, isValid }: ChangedSubmission<FormSettingsType>) => {\n    if (isValid) {\n      setSubmission({ data });\n    }\n    setIsValid(isValid);\n  };\n\n  useEffect(() => {\n    const input = formSettingsToSubmission(formDefinition);\n    if (formDefinition?._id && !isEqual(submission.data, input.data)) {\n      setSubmission(input);\n    }\n  }, [formDefinition?._id]);\n\n  return {\n    options,\n    form,\n    type: formDefinition.type,\n    submission,\n    onChange,\n    isValid,\n    setIsValid,\n    onSubmit: () => {\n      onSubmit(submissionToFormSettings(formDefinition, submission));\n    }\n  };\n}\n\nexport function FormSettings(props: FormSettingsProps) {\n  const { form, submission, options = {}, onChange, onSubmit, isValid } = useFormSettings(props);\n\n  const i18n = options.i18n || ((f: string) => f);\n\n  return (\n    <div>\n      <Form<FormSettingsType> form={form} submission={submission} onChange={onChange} options={options} />\n\n      <button data-testid='submit' disabled={!isValid} className={\"mt-5 btn btn-primary\"} onClick={onSubmit} type={\"submit\"}>\n        {i18n(\"Save settings\")}\n      </button>\n    </div>\n  );\n}\n"],"names":["useFormSettings","formDefinition","onSubmit","noop","options","form","getFormSettingsSchema","isValid","setIsValid","useState","submission","setSubmission","formSettingsToSubmission","onChange","data","useEffect","input","isEqual","submissionToFormSettings","FormSettings","props","i18n","f","jsx","Form"],"mappings":";;;;;;;AAeA,SAASA,EAAgB,EAAE,MAAMC,GAAgB,UAAAC,IAAWC,GAAM,SAAAC,KAA8B;AAC9F,QAAMC,IAAOC,EAAA,GACP,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAI,GACrC,CAACC,GAAYC,CAAa,IAAIF,EAAS,MAAMG,EAAyBX,CAAc,CAAC,GAErFY,IAAW,CAAC,EAAE,MAAAC,GAAM,SAAAP,QAAmD;AAC3E,IAAIA,KACFI,EAAc,EAAE,MAAAG,GAAM,GAExBN,EAAWD,CAAO;AAAA,EACpB;AAEA,SAAAQ,EAAU,MAAM;AACd,UAAMC,IAAQJ,EAAyBX,CAAc;AACrD,IAAIA,GAAgB,OAAO,CAACgB,EAAQP,EAAW,MAAMM,EAAM,IAAI,KAC7DL,EAAcK,CAAK;AAAA,EAEvB,GAAG,CAACf,GAAgB,GAAG,CAAC,GAEjB;AAAA,IACL,SAAAG;AAAA,IACA,MAAAC;AAAA,IACA,MAAMJ,EAAe;AAAA,IACrB,YAAAS;AAAA,IACA,UAAAG;AAAA,IACA,SAAAN;AAAA,IACA,YAAAC;AAAA,IACA,UAAU,MAAM;AACd,MAAAN,EAASgB,EAAyBjB,GAAgBS,CAAU,CAAC;AAAA,IAC/D;AAAA,EAAA;AAEJ;AAEO,SAASS,EAAaC,GAA0B;AACrD,QAAM,EAAE,MAAAf,GAAM,YAAAK,GAAY,SAAAN,IAAU,CAAA,GAAI,UAAAS,GAAU,UAAAX,GAAU,SAAAK,EAAA,IAAYP,EAAgBoB,CAAK,GAEvFC,IAAOjB,EAAQ,SAAS,CAACkB,MAAcA;AAE7C,2BACG,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAuB,MAAAnB,GAAY,YAAAK,GAAwB,UAAAG,GAAoB,SAAAT,GAAkB;AAAA,IAElG,gBAAAmB,EAAC,UAAA,EAAO,eAAY,UAAS,UAAU,CAAChB,GAAS,WAAW,wBAAwB,SAASL,GAAU,MAAM,UAC1G,UAAAmB,EAAK,eAAe,EAAA,CACvB;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"FormSettings.js","sources":["../../../../src/organisms/form/settings/FormSettings.tsx"],"sourcesContent":["import isEqual from \"lodash/isEqual\";\nimport noop from \"lodash/noop\";\nimport { useEffect, useState } from \"react\";\n\nimport { useI18n } from \"../../../hooks/useI18n.js\";\nimport type { ChangedSubmission, FormOptions, FormType } from \"../../../interfaces\";\nimport { Form } from \"../../form/Form\";\nimport { getFormSettingsSchema } from \"./FormSettings.schema\";\nimport { formSettingsToSubmission, FormSettingsType, submissionToFormSettings } from \"./FormSettings.utils\";\n\nexport interface FormSettingsProps {\n  form: Partial<FormType>;\n  onSubmit?: Function;\n  options?: FormOptions;\n}\n\nfunction useFormSettings({ form: formDefinition, onSubmit = noop }: FormSettingsProps) {\n  const form = getFormSettingsSchema();\n  const [isValid, setIsValid] = useState(true);\n  const [submission, setSubmission] = useState(() => formSettingsToSubmission(formDefinition));\n\n  const onChange = ({ data, isValid }: ChangedSubmission<FormSettingsType>) => {\n    if (isValid) {\n      setSubmission({ data });\n    }\n    setIsValid(isValid);\n  };\n\n  useEffect(() => {\n    const input = formSettingsToSubmission(formDefinition);\n    if (formDefinition?._id && !isEqual(submission.data, input.data)) {\n      setSubmission(input);\n    }\n  }, [formDefinition?._id]);\n\n  return {\n    form,\n    type: formDefinition.type,\n    submission,\n    onChange,\n    isValid,\n    setIsValid,\n    onSubmit: () => {\n      onSubmit(submissionToFormSettings(formDefinition, submission));\n    }\n  };\n}\n\nexport function FormSettings(props: FormSettingsProps) {\n  const { form, submission, onChange, onSubmit, isValid } = useFormSettings(props);\n\n  const { t } = useI18n(props?.options?.i18n);\n\n  return (\n    <div>\n      <Form<FormSettingsType> form={form} submission={submission} onChange={onChange} options={props.options} />\n\n      <button data-testid='submit' disabled={!isValid} className={\"mt-5 btn btn-primary\"} onClick={onSubmit} type={\"submit\"}>\n        {t(\"Save settings\")}\n      </button>\n    </div>\n  );\n}\n"],"names":["useFormSettings","formDefinition","onSubmit","noop","form","getFormSettingsSchema","isValid","setIsValid","useState","submission","setSubmission","formSettingsToSubmission","onChange","data","useEffect","input","isEqual","submissionToFormSettings","FormSettings","props","t","useI18n","jsx","Form"],"mappings":";;;;;;;;AAgBA,SAASA,EAAgB,EAAE,MAAMC,GAAgB,UAAAC,IAAWC,KAA2B;AACrF,QAAMC,IAAOC,EAAA,GACP,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAI,GACrC,CAACC,GAAYC,CAAa,IAAIF,EAAS,MAAMG,EAAyBV,CAAc,CAAC,GAErFW,IAAW,CAAC,EAAE,MAAAC,GAAM,SAAAP,QAAmD;AAC3E,IAAIA,KACFI,EAAc,EAAE,MAAAG,GAAM,GAExBN,EAAWD,CAAO;AAAA,EACpB;AAEA,SAAAQ,EAAU,MAAM;AACd,UAAMC,IAAQJ,EAAyBV,CAAc;AACrD,IAAIA,GAAgB,OAAO,CAACe,EAAQP,EAAW,MAAMM,EAAM,IAAI,KAC7DL,EAAcK,CAAK;AAAA,EAEvB,GAAG,CAACd,GAAgB,GAAG,CAAC,GAEjB;AAAA,IACL,MAAAG;AAAA,IACA,MAAMH,EAAe;AAAA,IACrB,YAAAQ;AAAA,IACA,UAAAG;AAAA,IACA,SAAAN;AAAA,IACA,YAAAC;AAAA,IACA,UAAU,MAAM;AACd,MAAAL,EAASe,EAAyBhB,GAAgBQ,CAAU,CAAC;AAAA,IAC/D;AAAA,EAAA;AAEJ;AAEO,SAASS,EAAaC,GAA0B;AACrD,QAAM,EAAE,MAAAf,GAAM,YAAAK,GAAY,UAAAG,GAAU,UAAAV,GAAU,SAAAI,EAAA,IAAYN,EAAgBmB,CAAK,GAEzE,EAAE,GAAAC,EAAA,IAAMC,EAAQF,GAAO,SAAS,IAAI;AAE1C,2BACG,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAG,EAACC,KAAuB,MAAAnB,GAAY,YAAAK,GAAwB,UAAAG,GAAoB,SAASO,EAAM,SAAS;AAAA,IAExG,gBAAAG,EAAC,UAAA,EAAO,eAAY,UAAS,UAAU,CAAChB,GAAS,WAAW,wBAAwB,SAASJ,GAAU,MAAM,UAC1G,UAAAkB,EAAE,eAAe,EAAA,CACpB;AAAA,EAAA,GACF;AAEJ;"}

package/dist/organisms/form/useForm.d.ts

@@ -1,3 +1,4 @@
+import { Form } from '@formio/js';
 import { MutableRefObject } from 'react';
 import { ChangedSubmission, ComponentType, FormOptions, FormType, JSON, SubmissionType } from '../../interfaces';
 import { FormCustomEvent } from './types';
@@ -17,7 +18,7 @@ export interface UseFormProps<Data extends {
     form?: FormType;
     submission?: SubmissionType<Data>;
     options?: FormOptions;
-    FormClass?: any;
+    FormClass?: typeof Form;
     onFormReady?: (instance: Webform) => void;
     onPrevPage?: (page: number, submission: SubmissionType<Data>) => void;
     onNextPage?: (page: number, submission: SubmissionType<Data>) => void;

package/dist/organisms/form/useForm.js

@@ -1,4 +1,4 @@
-import { Form as ae } from "formiojs";
+import { c as ae } from "../../chunks/index2.js";
 import { useRef as ee, useState as le, useEffect as G } from "react";
 var J = { exports: {} };
 /*!
@@ -711,7 +711,7 @@ const he = async (g, _, h, b = {}) => {
   return x.toJSON = () => ({ __WEBFORM__: !0 }), x;
 };
 function ve(g) {
-  const { FormClass: _ = ae, form: h, src: b, url: L, options: x, submission: F, onFormReady: T, onAsyncSubmit: A, ...S } = g;
+  const { FormClass: _ = ae.Form, form: h, src: b, url: L, options: x, submission: F, onFormReady: T, onAsyncSubmit: A, ...S } = g;
   return {
     FormClass: _,
     formSource: h !== void 0 ? h : b,