@tsed/react-formio 3.0.0-alpha.1 → 3.0.0-alpha.10

package/dist/organisms/form/access/FormAccess.schema.d.ts

@@ -0,0 +1,4 @@
+import { ComponentType, FormType } from '../../../interfaces';
+export declare function getRoleComponent({ label, key, description, choices, data }: any): ComponentType;
+export declare function getSubmissionPermissionForm({ choices }: any): FormType;
+export declare function getAccessPermissionForm({ choices }: any): FormType;

package/dist/{components/form-access/formAccess.schema.js → organisms/form/access/FormAccess.schema.js}

@@ -161,4 +161,4 @@ export {
   s as getRoleComponent,
   n as getSubmissionPermissionForm
 };
-//# sourceMappingURL=formAccess.schema.js.map
+//# sourceMappingURL=FormAccess.schema.js.map

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

@@ -0,0 +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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"}

package/dist/organisms/form/access/FormAccess.utils.d.ts

@@ -0,0 +1,23 @@
+import { FormType, RoleType, SubmissionType } from '../../../interfaces';
+export interface Choice {
+    label: string;
+    value: string;
+}
+export interface Access {
+    roles: string[];
+    type: string;
+}
+export type AccessRolesType = Record<string, string[]>;
+export type FormAccessType = {
+    access: FormType;
+    submissionAccess: FormType;
+};
+export type SubmissionAccessType = {
+    access: SubmissionType<AccessRolesType>;
+    submissionAccess: SubmissionType<AccessRolesType>;
+};
+export declare function getFormAccess(roles: RoleType[]): FormAccessType;
+export declare function dataAccessToSubmissions(form: Partial<FormType>, formAccess: FormAccessType): SubmissionAccessType;
+export declare function submissionsToDataAccess(form: Partial<FormType>, submissions: SubmissionAccessType): Partial<FormType>;
+export declare function shouldUpdate(type: string, submission: SubmissionType<AccessRolesType>, submissions: SubmissionAccessType): boolean;
+export declare function updateSubmissions(type: string, submission: SubmissionType<AccessRolesType>, submissions: SubmissionAccessType, cb?: Function): SubmissionAccessType;

package/dist/{components/form-access/formAccess.utils.js → organisms/form/access/FormAccess.utils.js}

@@ -1,7 +1,7 @@
 import r from "lodash/cloneDeep";
 import i from "lodash/isEqual";
 import u from "lodash/noop";
-import { getAccessPermissionForm as m, getSubmissionPermissionForm as d } from "./formAccess.schema.js";
+import { getAccessPermissionForm as m, getSubmissionPermissionForm as d } from "./FormAccess.schema.js";
 function f(e) {
   return Object.values(e).map((s) => ({
     label: s.title || "",
@@ -65,4 +65,4 @@ export {
   j as submissionsToDataAccess,
   v as updateSubmissions
 };
-//# sourceMappingURL=formAccess.utils.js.map
+//# sourceMappingURL=FormAccess.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormAccess.utils.js","sources":["../../../../src/organisms/form/access/FormAccess.utils.ts"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep\";\nimport isEqual from \"lodash/isEqual\";\nimport noop from \"lodash/noop\";\n\nimport type { ComponentType, FormType, RoleType, SubmissionType } from \"../../../interfaces\";\nimport { getAccessPermissionForm, getSubmissionPermissionForm } from \"./FormAccess.schema\";\n\nexport interface Choice {\n  label: string;\n  value: string;\n}\n\nexport interface Access {\n  roles: string[];\n  type: string;\n}\n\nexport type AccessRolesType = Record<string, string[]>;\n\nexport type FormAccessType = {\n  access: FormType;\n  submissionAccess: FormType;\n};\n\nexport type SubmissionAccessType = {\n  access: SubmissionType<AccessRolesType>;\n  submissionAccess: SubmissionType<AccessRolesType>;\n};\n\nfunction rolesToChoices(roles: RoleType[]): Choice[] {\n  return Object.values(roles).map((role) => {\n    return {\n      label: role.title || \"\",\n      value: role._id || \"\"\n    };\n  });\n}\n\nfunction accessToHash(keys: (string | undefined)[] | undefined, access: Access[] = []): AccessRolesType {\n  const hash = Object.values(access).reduce((o: any, role: any) => {\n    o[role.type] = role.roles;\n    return o;\n  }, {});\n\n  return ((keys || []).filter(Boolean) as any[]).reduce((data, key: string) => {\n    return {\n      ...data,\n      [key]: hash[key] || []\n    };\n  }, {});\n}\n\nfunction hashToAccess(data: AccessRolesType) {\n  const accessRoles: any[] = [];\n\n  Object.entries(data).forEach(([accessType, roles]) => {\n    if (accessType === \"submit\") {\n      return;\n    }\n    accessRoles.push({\n      type: accessType,\n      roles\n    });\n  });\n\n  return accessRoles;\n}\n\nexport function getFormAccess(roles: RoleType[]): FormAccessType {\n  const choices = rolesToChoices(roles);\n  const access = getAccessPermissionForm({ choices });\n  const submissionAccess = getSubmissionPermissionForm({ choices });\n\n  return {\n    access,\n    submissionAccess\n  };\n}\n\nexport function dataAccessToSubmissions(form: Partial<FormType>, formAccess: FormAccessType): SubmissionAccessType {\n  const getKeys = (components: ComponentType[]) => components.map(({ key }) => key);\n\n  return {\n    access: {\n      data: accessToHash(getKeys(formAccess.access.components), form.access)\n    },\n    submissionAccess: {\n      data: accessToHash(getKeys(formAccess.submissionAccess.components), form.submissionAccess)\n    }\n  };\n}\n\nexport function submissionsToDataAccess(form: Partial<FormType>, submissions: SubmissionAccessType): Partial<FormType> {\n  return {\n    ...cloneDeep(form),\n    access: hashToAccess(submissions.access.data),\n    submissionAccess: hashToAccess(submissions.submissionAccess.data)\n  };\n}\n\nexport function shouldUpdate(type: string, submission: SubmissionType<AccessRolesType>, submissions: SubmissionAccessType) {\n  return !isEqual(submission.data, (submissions as any)[type].data);\n}\n\nexport function updateSubmissions(\n  type: string,\n  submission: SubmissionType<AccessRolesType>,\n  submissions: SubmissionAccessType,\n  cb: Function = noop\n) {\n  if (shouldUpdate(type, submission, submissions)) {\n    submissions = {\n      ...submissions,\n      [type]: { data: submission.data }\n    };\n    cb(submissions);\n  }\n\n  return submissions;\n}\n"],"names":["rolesToChoices","roles","role","accessToHash","keys","access","hash","o","data","key","hashToAccess","accessRoles","accessType","getFormAccess","choices","getAccessPermissionForm","submissionAccess","getSubmissionPermissionForm","dataAccessToSubmissions","form","formAccess","getKeys","components","submissionsToDataAccess","submissions","cloneDeep","shouldUpdate","type","submission","isEqual","updateSubmissions","cb","noop"],"mappings":";;;;AA6BA,SAASA,EAAeC,GAA6B;AACnD,SAAO,OAAO,OAAOA,CAAK,EAAE,IAAI,CAACC,OACxB;AAAA,IACL,OAAOA,EAAK,SAAS;AAAA,IACrB,OAAOA,EAAK,OAAO;AAAA,EACrB,EACD;AACH;AAEA,SAASC,EAAaC,GAA0CC,IAAmB,IAAqB;AAChG,QAAAC,IAAO,OAAO,OAAOD,CAAM,EAAE,OAAO,CAACE,GAAQL,OAC/CK,EAAAL,EAAK,IAAI,IAAIA,EAAK,OACbK,IACN,EAAE;AAEI,UAAAH,KAAQ,CAAA,GAAI,OAAO,OAAO,EAAY,OAAO,CAACI,GAAMC,OACpD;AAAA,IACL,GAAGD;AAAA,IACH,CAACC,CAAG,GAAGH,EAAKG,CAAG,KAAK,CAAA;AAAA,EACtB,IACC,EAAE;AACP;AAEA,SAASC,EAAaF,GAAuB;AAC3C,QAAMG,IAAqB,CAAC;AAErB,gBAAA,QAAQH,CAAI,EAAE,QAAQ,CAAC,CAACI,GAAYX,CAAK,MAAM;AACpD,IAAIW,MAAe,YAGnBD,EAAY,KAAK;AAAA,MACf,MAAMC;AAAA,MACN,OAAAX;AAAA,IAAA,CACD;AAAA,EAAA,CACF,GAEMU;AACT;AAEO,SAASE,EAAcZ,GAAmC;AACzD,QAAAa,IAAUd,EAAeC,CAAK,GAC9BI,IAASU,EAAwB,EAAE,SAAAD,GAAS,GAC5CE,IAAmBC,EAA4B,EAAE,SAAAH,GAAS;AAEzD,SAAA;AAAA,IACL,QAAAT;AAAA,IACA,kBAAAW;AAAA,EACF;AACF;AAEgB,SAAAE,EAAwBC,GAAyBC,GAAkD;AAC3G,QAAAC,IAAU,CAACC,MAAgCA,EAAW,IAAI,CAAC,EAAE,KAAAb,EAAI,MAAMA,CAAG;AAEzE,SAAA;AAAA,IACL,QAAQ;AAAA,MACN,MAAMN,EAAakB,EAAQD,EAAW,OAAO,UAAU,GAAGD,EAAK,MAAM;AAAA,IACvE;AAAA,IACA,kBAAkB;AAAA,MAChB,MAAMhB,EAAakB,EAAQD,EAAW,iBAAiB,UAAU,GAAGD,EAAK,gBAAgB;AAAA,IAAA;AAAA,EAE7F;AACF;AAEgB,SAAAI,EAAwBJ,GAAyBK,GAAsD;AAC9G,SAAA;AAAA,IACL,GAAGC,EAAUN,CAAI;AAAA,IACjB,QAAQT,EAAac,EAAY,OAAO,IAAI;AAAA,IAC5C,kBAAkBd,EAAac,EAAY,iBAAiB,IAAI;AAAA,EAClE;AACF;AAEgB,SAAAE,EAAaC,GAAcC,GAA6CJ,GAAmC;AACzH,SAAO,CAACK,EAAQD,EAAW,MAAOJ,EAAoBG,CAAI,EAAE,IAAI;AAClE;AAEO,SAASG,EACdH,GACAC,GACAJ,GACAO,IAAeC,GACf;AACA,SAAIN,EAAaC,GAAMC,GAAYJ,CAAW,MAC9BA,IAAA;AAAA,IACZ,GAAGA;AAAA,IACH,CAACG,CAAI,GAAG,EAAE,MAAMC,EAAW,KAAK;AAAA,EAClC,GACAG,EAAGP,CAAW,IAGTA;AACT;"}

package/dist/{components/form-action/formAction.component.d.ts → organisms/form/action/FormAction.d.ts}

@@ -1,9 +1,9 @@
 import { PropsWithChildren, ReactElement } from 'react';
-import { ActionSchema, FormOptions, Submission } from '../../interfaces';
+import { ActionType, FormOptions, SubmissionType } from '../../../interfaces';
 export interface FormActionProps {
-    actionInfo: Partial<ActionSchema>;
-    submission?: Partial<Submission>;
-    onSubmit?: (submission: Submission<ActionSchema>) => void;
+    actionInfo: Partial<ActionType>;
+    submission?: Partial<SubmissionType>;
+    onSubmit?: (submission: SubmissionType<ActionType>) => void;
     options: FormOptions;
 }
 export declare function FormAction({ actionInfo, children, onSubmit, options, ...props }: PropsWithChildren<FormActionProps>): ReactElement;

package/dist/{components/form-action/formAction.component.js → organisms/form/action/FormAction.js}

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as l } from "react/jsx-runtime";
 import f from "formiojs/utils";
-import { Form as d } from "../form/form.component.js";
+import { Form as d } from "../Form.js";
 function n(t, s) {
   return {
     ...s,
@@ -29,4 +29,4 @@ function F({ actionInfo: t, children: s, onSubmit: r, options: e, ...i }) {
 export {
   F as FormAction
 };
-//# sourceMappingURL=formAction.component.js.map
+//# sourceMappingURL=FormAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormAction.js","sources":["../../../../src/organisms/form/action/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","resourceExclude","FormAction","actionInfo","children","onSubmit","props","form","submission","jsx","Form"],"mappings":";;;AAMA,SAASA,EAAQC,GAAcC,GAAmC;AACzD,SAAA;AAAA,IACL,GAAGA;AAAA,IACH,GAAGD;AAAA,EACL;AACF;AAGA,SAASE,EAAgB,EAAE,QAAAC,GAAQ,GAAGC,KAA0B;AAC9D,SAAAC,EAAY,cAAcD,EAAa,YAAY,CAACE,MAAmB;AACrE,UAAMC,IAAkB;AAEpB,IAAAD,EAAU,SAAS,qBACrBA,EAAU,OAAO,UACjBA,EAAU,QAAQA,EAAU,OAC5BA,EAAU,UAAU,OACpBA,EAAU,OAAO;AAAA,MACf,KAAK,GAAGA,EAAU,QAAQ,iBAAiBC,CAAe;AAAA,IAC5D,GACAD,EAAU,gBAAgB,OAC1BA,EAAU,WAAW,iCACrBA,EAAU,aAAa;AAAA,EACzB,CACD,GAEMF;AACT;AASgB,SAAAI,EAAW,EAAE,YAAAC,GAAY,UAAAC,GAAU,UAAAC,GAAU,SAAAX,GAAS,GAAGY,KAA2D;AAClI,QAAM,EAAE,MAAAC,GAAM,YAAAC,EAAW,KAAK,MAAM;AAClC,UAAMA,IAAaf,EAAQa,EAAM,cAAc,CAAC,GAAGH,EAAW,QAAS;AAGvE,WAAO,EAAE,MAFIP,EAAgBO,EAAW,YAAY,GAErC,YAAY,EAAE,MAAMK,IAAa;AAAA,EAAA,GAC/C;AAEH,2BACG,OACE,EAAA,UAAA;AAAA,IAAAJ;AAAA,IAEA,gBAAAK,EAAAC,GAAA,EAAiB,MAAAH,GAAY,YAAAC,GAAwB,UAAAH,GAAoB,SAAAX,GAAkB;AAAA,IAE3FU;AAAA,EAAA,GACH;AAEJ;"}

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

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'react';
+import { UseFormBuilderProps } from './useFormBuilder';
+export declare function FormBuilder({ className, style, ["data-testid"]: dataTestId, ...props }: UseFormBuilderProps & {
+    className?: string;
+    style?: CSSProperties;
+    ["data-testid"]?: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+import { jsx as r } from "react/jsx-runtime";
+import { registerComponent as m } from "../../../registries/components.js";
+import { useFormBuilder as l } from "./useFormBuilder.js";
+function a({
+  className: o = "",
+  style: e = {},
+  ["data-testid"]: i = "formio-builder-container",
+  ...t
+}) {
+  const d = l(t);
+  return /* @__PURE__ */ r("div", { style: e, className: o, "data-testid": i, children: /* @__PURE__ */ r("div", { ref: d, onClick: (n) => n.stopPropagation(), children: /* @__PURE__ */ r("div", {}) }) });
+}
+m("FormBuilder", a);
+export {
+  a as FormBuilder
+};
+//# sourceMappingURL=FormBuilder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormBuilder.js","sources":["../../../../src/organisms/form/builder/FormBuilder.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\nimport { registerComponent } from \"../../../registries/components\";\nimport { useFormBuilder, UseFormBuilderProps } from \"./useFormBuilder\";\n\nexport function FormBuilder({\n  className = \"\",\n  style = {},\n  [\"data-testid\"]: dataTestId = \"formio-builder-container\",\n  ...props\n}: UseFormBuilderProps & {\n  className?: string;\n  style?: CSSProperties;\n  [\"data-testid\"]?: string;\n}) {\n  const renderElement = useFormBuilder(props);\n\n  return (\n    <div style={style} className={className} data-testid={dataTestId}>\n      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}\n      <div ref={renderElement} onClick={(e) => e.stopPropagation()}>\n        <div />\n      </div>\n    </div>\n  );\n}\n\nregisterComponent(\"FormBuilder\", FormBuilder);\n"],"names":["FormBuilder","className","style","dataTestId","props","renderElement","useFormBuilder","e","jsx","registerComponent"],"mappings":";;;AAKO,SAASA,EAAY;AAAA,EAC1B,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ,CAAC;AAAA,EACT,CAAC,aAAa,GAAGC,IAAa;AAAA,EAC9B,GAAGC;AACL,GAIG;AACK,QAAAC,IAAgBC,EAAeF,CAAK;AAE1C,2BACG,OAAI,EAAA,OAAAF,GAAc,WAAAD,GAAsB,eAAaE,GAEpD,4BAAC,OAAI,EAAA,KAAKE,GAAe,SAAS,CAACE,MAAMA,EAAE,mBACzC,UAAC,gBAAAC,EAAA,OAAA,EAAI,GACP,EACF,CAAA;AAEJ;AAEAC,EAAkB,eAAeT,CAAW;"}

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

@@ -0,0 +1,8 @@
+import { FormOptions } from '../../../interfaces';
+import { FormBuilderEvents } from './useFormBuilder';
+import { UseFormEditHookProps } from './useFormEdit';
+export interface FormEditProps extends UseFormEditHookProps, FormBuilderEvents {
+    options?: FormOptions;
+    layout?: "html5" | "choicesjs" | "react";
+}
+export declare function FormEdit({ form: initialForm, typeChoices, displayChoices, enableTags, onSubmit: initialOnSubmit, onCopy: initialOnCopy, ...props }: FormEditProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormEdit.js","sources":["../../../../src/organisms/form/builder/FormEdit.tsx"],"sourcesContent":["import 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}\n\nexport function FormEdit({\n  form: initialForm,\n  typeChoices,\n  displayChoices,\n  enableTags,\n  onSubmit: initialOnSubmit,\n  onCopy: initialOnCopy,\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='form-edit-container'>\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","props","form","isValid","setChange","hasRedo","hasChanged","hasUndo","redo","undo","reset","onSubmit","onCopy","useFormEdit","options","FormParameters","getComponent","FormBuilder","FormEditCTAs","jsxs","jsx","createElement","components"],"mappings":";;;;AAaO,SAASA,EAAS;AAAA,EACvB,MAAMC;AAAA,EACN,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,QAAQC;AAAA,EACR,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,MAAMlB;AAAA,IACN,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,QAAQC;AAAA,EAAA,CACT,GAEK,EAAE,SAAAc,IAAU,CAAC,EAAA,IAAMb,GACnBc,IAAiBC,EAA2C,gBAAgB,GAC5EC,IAAcD,EAAwC,aAAa,GACnEE,IAAeF,EAAyC,cAAc;AAG1E,SAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,uBACb,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACL;AAAA,QAAA;AAAA,UACC,YAAAjB;AAAA,UACA,aAAAF;AAAA,UACA,gBAAAC;AAAA,UAEA,MAAAK;AAAA,UACA,UAAUE;AAAA,UACV,QAAQH,EAAM;AAAA,QAAA;AAAA,QAHT,iBAAiBC,EAAK,GAAG;AAAA,MAIhC;AAAA,MACA,gBAAAkB;AAAA,QAACF;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,gBAAAmB;AAAA,MAACJ;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,CAACQ,MAAe;AACxB,UAAAlB,EAAU,cAAckB,CAAU;AAAA,QAAA;AAAA,MACpC;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

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

@@ -0,0 +1,10 @@
+import { FormType } from '../../../interfaces';
+export declare const hasChanged: (form: Partial<FormType>, value: Partial<FormType>) => boolean;
+export interface FormEditState {
+    past: Partial<FormType>[];
+    future: Partial<FormType>[];
+    current: Partial<FormType>;
+    original: Partial<FormType>;
+}
+export declare function createInitialState(props: any): FormEditState;
+export declare const reducer: (state: FormEditState, { type, value }: any) => FormEditState;

package/dist/{components/form-edit/formEdit.reducer.js → organisms/form/builder/FormEdit.reducer.js}

@@ -62,4 +62,4 @@ export {
   m as hasChanged,
   b as reducer
 };
-//# sourceMappingURL=formEdit.reducer.js.map
+//# sourceMappingURL=FormEdit.reducer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormEdit.reducer.js","sources":["../../../../src/organisms/form/builder/FormEdit.reducer.ts"],"sourcesContent":["import camelCase from \"lodash/camelCase\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport isEqual from \"lodash/isEqual\";\n\nimport type { FormType } from \"../../../interfaces\";\n\nexport const hasChanged = (form: Partial<FormType>, value: Partial<FormType>): boolean => !isEqual(form, value);\n\nexport interface FormEditState {\n  past: Partial<FormType>[];\n  future: Partial<FormType>[];\n  current: Partial<FormType>;\n  original: Partial<FormType>;\n}\n\nexport function createInitialState(props: any): FormEditState {\n  return {\n    past: [],\n    future: [],\n    current: cloneDeep(props.form),\n    original: cloneDeep(props.form)\n  };\n}\n\nexport const reducer = (state: FormEditState, { type, value }: any): FormEditState => {\n  const { past, current, future } = state;\n\n  const update = (newValue: any): any => {\n    if (newValue.title !== state.current.title && !state.current._id) {\n      newValue.name = camelCase(value.title);\n      newValue.path = camelCase(value.title).toLowerCase();\n    }\n\n    return {\n      ...state,\n      past: [...past, cloneDeep(current)],\n      current: newValue\n    };\n  };\n\n  switch (type) {\n    case \"undo\":\n      if (past.length) {\n        const previous = past[past.length - 1];\n        const newPast = past.slice(0, past.length - 1);\n\n        return {\n          ...state,\n          past: newPast,\n          current: cloneDeep(previous),\n          future: [cloneDeep(current), ...future]\n        };\n      }\n      break;\n\n    case \"redo\":\n      if (future.length) {\n        const next = future[0];\n        const newFuture = future.slice(1);\n\n        return {\n          ...state,\n          past: [...past, cloneDeep(current)],\n          current: cloneDeep(next),\n          future: newFuture\n        };\n      }\n      break;\n\n    case \"reset\":\n      return update(cloneDeep(state.original));\n\n    case \"formChange\":\n      const newValue = { ...state.current, ...value };\n\n      if (hasChanged(state.current, newValue)) {\n        return update(newValue);\n      }\n      break;\n\n    case \"replaceForm\":\n      return {\n        ...state,\n        past: [],\n        future: [],\n        current: cloneDeep(value),\n        original: cloneDeep(value)\n      };\n\n    default:\n      break;\n  }\n\n  return state;\n};\n"],"names":["hasChanged","form","value","isEqual","createInitialState","props","cloneDeep","reducer","state","type","past","current","future","update","newValue","camelCase","previous","newPast","next","newFuture"],"mappings":";;;AAMO,MAAMA,IAAa,CAACC,GAAyBC,MAAsC,CAACC,EAAQF,GAAMC,CAAK;AASvG,SAASE,EAAmBC,GAA2B;AACrD,SAAA;AAAA,IACL,MAAM,CAAC;AAAA,IACP,QAAQ,CAAC;AAAA,IACT,SAASC,EAAUD,EAAM,IAAI;AAAA,IAC7B,UAAUC,EAAUD,EAAM,IAAI;AAAA,EAChC;AACF;AAEO,MAAME,IAAU,CAACC,GAAsB,EAAE,MAAAC,GAAM,OAAAP,QAAgC;AACpF,QAAM,EAAE,MAAAQ,GAAM,SAAAC,GAAS,QAAAC,EAAW,IAAAJ,GAE5BK,IAAS,CAACC,OACVA,EAAS,UAAUN,EAAM,QAAQ,SAAS,CAACA,EAAM,QAAQ,QAClDM,EAAA,OAAOC,EAAUb,EAAM,KAAK,GACrCY,EAAS,OAAOC,EAAUb,EAAM,KAAK,EAAE,YAAY,IAG9C;AAAA,IACL,GAAGM;AAAA,IACH,MAAM,CAAC,GAAGE,GAAMJ,EAAUK,CAAO,CAAC;AAAA,IAClC,SAASG;AAAA,EACX;AAGF,UAAQL,GAAM;AAAA,IACZ,KAAK;AACH,UAAIC,EAAK,QAAQ;AACf,cAAMM,IAAWN,EAAKA,EAAK,SAAS,CAAC,GAC/BO,IAAUP,EAAK,MAAM,GAAGA,EAAK,SAAS,CAAC;AAEtC,eAAA;AAAA,UACL,GAAGF;AAAA,UACH,MAAMS;AAAA,UACN,SAASX,EAAUU,CAAQ;AAAA,UAC3B,QAAQ,CAACV,EAAUK,CAAO,GAAG,GAAGC,CAAM;AAAA,QACxC;AAAA,MAAA;AAEF;AAAA,IAEF,KAAK;AACH,UAAIA,EAAO,QAAQ;AACX,cAAAM,IAAON,EAAO,CAAC,GACfO,IAAYP,EAAO,MAAM,CAAC;AAEzB,eAAA;AAAA,UACL,GAAGJ;AAAA,UACH,MAAM,CAAC,GAAGE,GAAMJ,EAAUK,CAAO,CAAC;AAAA,UAClC,SAASL,EAAUY,CAAI;AAAA,UACvB,QAAQC;AAAA,QACV;AAAA,MAAA;AAEF;AAAA,IAEF,KAAK;AACH,aAAON,EAAOP,EAAUE,EAAM,QAAQ,CAAC;AAAA,IAEzC,KAAK;AACH,YAAMM,IAAW,EAAE,GAAGN,EAAM,SAAS,GAAGN,EAAM;AAE9C,UAAIF,EAAWQ,EAAM,SAASM,CAAQ;AACpC,eAAOD,EAAOC,CAAQ;AAExB;AAAA,IAEF,KAAK;AACI,aAAA;AAAA,QACL,GAAGN;AAAA,QACH,MAAM,CAAC;AAAA,QACP,QAAQ,CAAC;AAAA,QACT,SAASF,EAAUJ,CAAK;AAAA,QACxB,UAAUI,EAAUJ,CAAK;AAAA,MAC3B;AAAA,EAGA;AAGG,SAAAM;AACT;"}

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

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

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

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

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

@@ -0,0 +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,CAAC;AAAA,EACX,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,EAAM,IAAAR,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,SACG,gBAAAE,EAAA,OAAA,EAAI,WAAW,sBACd,4BAAC,OACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAJ,GAAA,EAAO,SAAQ,WAAU,WAAU,YAAW,UAAAf,GAAoB,SAAS,MAAMQ,KAAA,gBAAAA,KAChF,UAAA;AAAA,MAAA,gBAAAU,EAACD,GAAK,EAAA,MAAK,QAAO,SAAShB,EAAQ,SAAS;AAAA,MAC3CF;AAAA,IAAA,GACH;AAAA,sBAEC,OACC,EAAA,UAAA;AAAA,MAAC,gBAAAmB,EAAAH,GAAA,EAAO,SAAQ,SAAQ,WAAU,YAAW,UAAU,CAACZ,GAAS,SAAS,MAAME,KAAA,gBAAAA,KAAY,KAAKO,GAC/F,UAAC,gBAAAM,EAAAD,GAAA,EAAK,MAAK,QAAO,SAAShB,EAAQ,QAAA,CAAS,EAC9C,CAAA;AAAA,MAEA,gBAAAiB,EAACH,KAAO,SAAQ,SAAQ,WAAU,YAAW,UAAU,CAACX,GAAS,SAAS,MAAME,KAAA,gBAAAA,KAAY,KAAKO,GAC/F,UAAC,gBAAAK,EAAAD,GAAA,EAAK,MAAK,QAAO,SAAShB,EAAQ,QAAS,CAAA,EAC9C,CAAA;AAAA,IAAA,GACF;AAAA,sBAEC,OACE,EAAA,UAAA;AAAA,MAAAC,uBACEa,GAAO,EAAA,SAAQ,SAAQ,WAAU,YAAW,SAAS,MAAMb,KAAU,KAAKQ,GACzE,4BAACO,GAAK,EAAA,MAAK,QAAO,SAAShB,EAAQ,QAAS,CAAA,GAC9C;AAAA,MAGF,gBAAAiB,EAACH,KAAO,SAAQ,SAAQ,WAAU,aAAY,SAAS,MAAMR,KAAWA,KAAW,KAAKO,GACtF,4BAACG,GAAK,EAAA,MAAK,SAAQ,SAAShB,EAAQ,SAAS,EAC/C,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;AAEAmB,EAAkB,gBAAgBtB,CAAY;"}

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

@@ -0,0 +1,24 @@
+import { ReactElement } from 'react';
+import { FormType } from '../../../interfaces';
+export declare const defaultDisplayChoices: {
+    label: string;
+    value: string;
+}[];
+export interface FormParametersProps {
+    onChange?: (name: string | undefined, value: any) => void;
+    form: Partial<FormType>;
+    typeChoices?: {
+        label: string;
+        value: any;
+    }[];
+    displayChoices?: {
+        label: string;
+        value: any;
+    }[];
+    enableTags?: boolean;
+    className?: string;
+    baseUrl?: string;
+    layout?: "html5" | "choicesjs" | "react";
+    readonly?: Record<string, boolean>;
+}
+export declare function FormParameters({ onChange, form, enableTags, typeChoices, displayChoices, className, readonly, layout, baseUrl }: FormParametersProps): ReactElement;

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

@@ -0,0 +1,84 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { registerComponent as v, getComponent as d } from "../../../registries/components.js";
+const x = [
+  { label: "Form", value: "form" },
+  { label: "Wizard", value: "wizard" },
+  { label: "Pdf", value: "pdf" }
+];
+function T({
+  onChange: a,
+  form: l,
+  enableTags: p = !0,
+  typeChoices: i = [],
+  displayChoices: c = x,
+  className: u = "",
+  readonly: t = {},
+  layout: s,
+  baseUrl: o = window.location.origin
+}) {
+  const h = i && i.length > 1, r = d("InputText"), n = d("Select"), b = d("InputTags");
+  return /* @__PURE__ */ m("div", { className: `form-edit__settings ${u}`, children: [
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+      r,
+      {
+        label: "Title",
+        placeholder: "Enter the form title",
+        name: "title",
+        required: !0,
+        value: l.title,
+        disabled: t.title,
+        onChange: a
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+      r,
+      {
+        label: "Name",
+        placeholder: "Enter the form machine name",
+        name: "name",
+        required: !0,
+        disabled: t.name,
+        value: l.name,
+        onChange: a
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+      r,
+      {
+        label: "Path",
+        placeholder: "example",
+        name: "path",
+        className: "mb-0",
+        description: /* @__PURE__ */ m("span", { className: "text-xxs flex items-center", children: [
+          /* @__PURE__ */ e("i", { className: "bx bx-link ml-1 mr-1" }),
+          `${o}/${l.path}`
+        ] }),
+        required: !0,
+        value: l.path,
+        disabled: t.path,
+        style: { textTransform: "lowercase", width: "120px" },
+        onChange: a
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+      n,
+      {
+        layout: s,
+        label: "Display as",
+        name: "display",
+        disabled: t.display,
+        value: l.display,
+        options: c,
+        onChange: a
+      }
+    ) }),
+    h && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(n, { layout: s, label: "Type", name: "type", value: l.type, options: i, onChange: a }) }),
+    p && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(b, { layout: s, label: "Tags", name: "tags", value: l.tags, onChange: a }) })
+  ] });
+}
+v("FormParameters", T);
+export {
+  T as FormParameters,
+  x as defaultDisplayChoices
+};
+//# sourceMappingURL=FormParameters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormParameters.js","sources":["../../../../src/organisms/form/builder/FormParameters.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport type { FormType } from \"../../../interfaces\";\nimport { InputTags as DefaultInputTags } from \"../../../molecules/forms/input-tags/InputTags\";\nimport { InputText as DefaultInputText } from \"../../../molecules/forms/input-text/InputText\";\nimport { Select as DefaultSelect } from \"../../../molecules/forms/select/Select\";\nimport { getComponent, registerComponent } from \"../../../registries/components\";\n\nexport const defaultDisplayChoices = [\n  { label: \"Form\", value: \"form\" },\n  { label: \"Wizard\", value: \"wizard\" },\n  { label: \"Pdf\", value: \"pdf\" }\n];\n\nexport interface FormParametersProps {\n  onChange?: (name: string | undefined, value: any) => void;\n  form: Partial<FormType>;\n  typeChoices?: { label: string; value: any }[];\n  displayChoices?: { label: string; value: any }[];\n  enableTags?: boolean;\n  className?: string;\n  baseUrl?: string;\n  layout?: \"html5\" | \"choicesjs\" | \"react\";\n  readonly?: Record<string, boolean>;\n}\n\nexport function FormParameters({\n  onChange,\n  form,\n  enableTags = true,\n  typeChoices = [],\n  displayChoices = defaultDisplayChoices,\n  className = \"\",\n  readonly = {},\n  layout,\n  baseUrl = window.location.origin\n}: FormParametersProps): ReactElement {\n  const hasTypeChoices = typeChoices && typeChoices.length > 1;\n\n  const InputText = getComponent<typeof DefaultInputText>(\"InputText\");\n  const Select = getComponent<typeof DefaultSelect>(\"Select\");\n  const InputTags = getComponent<typeof DefaultInputTags>(\"InputTags\");\n\n  return (\n    <div className={`form-edit__settings ${className}`}>\n      <div>\n        <InputText\n          label={\"Title\"}\n          placeholder='Enter the form title'\n          name={\"title\"}\n          required={true}\n          value={form.title}\n          disabled={readonly[\"title\"]}\n          onChange={onChange}\n        />\n      </div>\n      <div>\n        <InputText\n          label={\"Name\"}\n          placeholder='Enter the form machine name'\n          name={\"name\"}\n          required={true}\n          disabled={readonly[\"name\"]}\n          value={form.name}\n          onChange={onChange}\n        />\n      </div>\n      <div>\n        <InputText\n          label={\"Path\"}\n          placeholder='example'\n          name={\"path\"}\n          className={\"mb-0\"}\n          description={\n            <span className={\"text-xxs flex items-center\"}>\n              <i className={\"bx bx-link ml-1 mr-1\"} />\n              {`${baseUrl}/${form.path}`}\n            </span>\n          }\n          required={true}\n          value={form.path}\n          disabled={readonly[\"path\"]}\n          style={{ textTransform: \"lowercase\", width: \"120px\" }}\n          onChange={onChange}\n        />\n      </div>\n      <div>\n        <Select\n          layout={layout}\n          label={\"Display as\"}\n          name={\"display\"}\n          disabled={readonly[\"display\"]}\n          value={form.display}\n          options={displayChoices}\n          onChange={onChange}\n        />\n      </div>\n      {hasTypeChoices && (\n        <div>\n          <Select layout={layout} label={\"Type\"} name={\"type\"} value={form.type} options={typeChoices} onChange={onChange} />\n        </div>\n      )}\n      {enableTags && (\n        <div>\n          <InputTags layout={layout} label={\"Tags\"} name={\"tags\"} value={form.tags} onChange={onChange} />\n        </div>\n      )}\n    </div>\n  );\n}\n\nregisterComponent(\"FormParameters\", FormParameters);\n"],"names":["defaultDisplayChoices","FormParameters","onChange","form","enableTags","typeChoices","displayChoices","className","readonly","layout","baseUrl","hasTypeChoices","InputText","getComponent","Select","InputTags","jsxs","jsx","registerComponent"],"mappings":";;AAQO,MAAMA,IAAwB;AAAA,EACnC,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,EAC/B,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,EACnC,EAAE,OAAO,OAAO,OAAO,MAAM;AAC/B;AAcO,SAASC,EAAe;AAAA,EAC7B,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc,CAAC;AAAA,EACf,gBAAAC,IAAiBN;AAAA,EACjB,WAAAO,IAAY;AAAA,EACZ,UAAAC,IAAW,CAAC;AAAA,EACZ,QAAAC;AAAA,EACA,SAAAC,IAAU,OAAO,SAAS;AAC5B,GAAsC;AAC9B,QAAAC,IAAiBN,KAAeA,EAAY,SAAS,GAErDO,IAAYC,EAAsC,WAAW,GAC7DC,IAASD,EAAmC,QAAQ,GACpDE,IAAYF,EAAsC,WAAW;AAEnE,SACG,gBAAAG,EAAA,OAAA,EAAI,WAAW,uBAAuBT,CAAS,IAC9C,UAAA;AAAA,IAAA,gBAAAU,EAAC,OACC,EAAA,UAAA,gBAAAA;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,aAAY;AAAA,QACZ,MAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAOT,EAAK;AAAA,QACZ,UAAUK,EAAS;AAAA,QACnB,UAAAN;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,sBACC,OACC,EAAA,UAAA,gBAAAe;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,aAAY;AAAA,QACZ,MAAM;AAAA,QACN,UAAU;AAAA,QACV,UAAUJ,EAAS;AAAA,QACnB,OAAOL,EAAK;AAAA,QACZ,UAAAD;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,sBACC,OACC,EAAA,UAAA,gBAAAe;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,aAAY;AAAA,QACZ,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aACE,gBAAAI,EAAC,QAAK,EAAA,WAAW,8BACf,UAAA;AAAA,UAAC,gBAAAC,EAAA,KAAA,EAAE,WAAW,uBAAwB,CAAA;AAAA,UACrC,GAAGP,CAAO,IAAIP,EAAK,IAAI;AAAA,QAAA,GAC1B;AAAA,QAEF,UAAU;AAAA,QACV,OAAOA,EAAK;AAAA,QACZ,UAAUK,EAAS;AAAA,QACnB,OAAO,EAAE,eAAe,aAAa,OAAO,QAAQ;AAAA,QACpD,UAAAN;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,sBACC,OACC,EAAA,UAAA,gBAAAe;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,QAAAL;AAAA,QACA,OAAO;AAAA,QACP,MAAM;AAAA,QACN,UAAUD,EAAS;AAAA,QACnB,OAAOL,EAAK;AAAA,QACZ,SAASG;AAAA,QACT,UAAAJ;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACCS,KACE,gBAAAM,EAAA,OAAA,EACC,UAAC,gBAAAA,EAAAH,GAAA,EAAO,QAAAL,GAAgB,OAAO,QAAQ,MAAM,QAAQ,OAAON,EAAK,MAAM,SAASE,GAAa,UAAAH,EAAoB,CAAA,GACnH;AAAA,IAEDE,KACC,gBAAAa,EAAC,OACC,EAAA,UAAA,gBAAAA,EAACF,KAAU,QAAAN,GAAgB,OAAO,QAAQ,MAAM,QAAQ,OAAON,EAAK,MAAM,UAAAD,GAAoB,EAChG,CAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAgB,EAAkB,kBAAkBjB,CAAc;"}

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

@@ -0,0 +1,6 @@
+export * from './FormBuilder';
+export * from './FormEdit';
+export * from './FormEditCtas';
+export * from './FormParameters';
+export * from './useFormBuilder';
+export * from './useFormEdit';

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

@@ -0,0 +1,26 @@
+import "../../../atoms/icon/Icon.js";
+import "../../../molecules/button/Button.js";
+import "../../../molecules/forms/input-text/InputText.js";
+import "../../../molecules/forms/select/Select.js";
+import "../../../molecules/forms/select/components/HtmlSelect.js";
+import "../../../molecules/forms/select/components/ChoicesSelect.js";
+import "../../../molecules/forms/select/components/ReactSelect.js";
+import "../../../molecules/forms/input-tags/InputTags.js";
+import "../../../molecules/forms/input-tags/components/ReactTags.js";
+import "../../../molecules/forms/input-tags/components/ChoicesTags.js";
+import { FormBuilder as u } from "./FormBuilder.js";
+import { FormEdit as l } from "./FormEdit.js";
+import { FormEditCTAs as B } from "./FormEditCtas.js";
+import { FormParameters as c, defaultDisplayChoices as h } from "./FormParameters.js";
+import { useFormBuilder as A } from "./useFormBuilder.js";
+import { useFormEdit as P } from "./useFormEdit.js";
+export {
+  u as FormBuilder,
+  l as FormEdit,
+  B as FormEditCTAs,
+  c as FormParameters,
+  h as defaultDisplayChoices,
+  A as useFormBuilder,
+  P as useFormEdit
+};
+//# sourceMappingURL=all.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"all.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,28 @@
+import { FormBuilder as FormioFormBuilder } from 'formiojs';
+import { ComponentType, FormOptions, FormType } from '../../../interfaces';
+interface BuilderConstructor {
+    new (element: HTMLDivElement, form: FormType, options: FormOptions): FormioFormBuilder;
+}
+export interface FormBuilderEvents {
+    onAddComponent?: Function;
+    onRemoveComponent?: Function;
+    onCancelComponent?: Function;
+    onMoveComponent?: Function;
+    onEditJson?: Function;
+    onCopyComponent?: Function;
+    onPasteComponent?: Function;
+    onBuilderReady?: (builder: FormioFormBuilder) => void;
+    onChange?: (components: ComponentType[]) => void;
+    onSaveComponent?: (component: ComponentType, original: ComponentType, parent: ComponentType, path: string, index: number, isNew: boolean, originalComponentSchema: ComponentType) => void;
+    onEditComponent?: (component: ComponentType) => void;
+    onUpdateComponent?: (component: ComponentType) => void;
+    onDeleteComponent?: (component: ComponentType, parent: ComponentType, path: string, index: number) => void;
+}
+export interface UseFormBuilderProps extends FormBuilderEvents {
+    Builder?: BuilderConstructor;
+    components: ComponentType[];
+    display?: string;
+    options?: FormOptions;
+}
+export declare function useFormBuilder({ components, display, options, onBuilderReady, onChange, ...props }: UseFormBuilderProps): import('react').RefObject<HTMLDivElement>;
+export {};