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

package/dist/components/form/form.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.component.js","sources":["../../../src/components/form/form.component.tsx"],"sourcesContent":["import { Components } from \"formiojs\";\nimport AllComponents from \"formiojs/components\";\nimport PropTypes from \"prop-types\";\n\nimport { useForm, UseFormHookProps } from \"./useForm.hook\";\n\nComponents.setComponents(AllComponents);\n\nexport interface FormProps<Data = any> extends UseFormHookProps<Data> {\n  name?: string;\n  /**\n   *\n   */\n  className?: string;\n}\n\nexport function Form<Data = any>(props: Partial<FormProps<Data>>) {\n  const { element } = useForm(props);\n\n  return <div data-testid={`formioContainer${props.name || \"\"}`} ref={element} className={props.className} />;\n}\n\nForm.propTypes = {\n  name: PropTypes.string,\n  className: PropTypes.string,\n  /**\n   *\n   */\n  src: PropTypes.string,\n  /**\n   * url to fetch form\n   */\n  url: PropTypes.string,\n  /**\n   * Raw form object\n   */\n  form: PropTypes.object,\n  /**\n   * Data submission\n   */\n  submission: PropTypes.object,\n  /**\n   * Configuration option\n   */\n  options: PropTypes.shape({\n    readOnly: PropTypes.bool,\n    noAlerts: PropTypes.bool,\n    i18n: PropTypes.any,\n    template: PropTypes.string,\n    saveDraft: PropTypes.bool,\n    hooks: PropTypes.any\n  }),\n  onPrevPage: PropTypes.func,\n  onNextPage: PropTypes.func,\n  onCancel: PropTypes.func,\n  onChange: PropTypes.func,\n  onCustomEvent: PropTypes.func,\n  onComponentChange: PropTypes.func,\n  onSubmit: PropTypes.func,\n  onAsyncSubmit: PropTypes.func,\n  onSubmitDone: PropTypes.func,\n  onFormLoad: PropTypes.func,\n  onError: PropTypes.func,\n  onRender: PropTypes.func,\n  onAttach: PropTypes.func,\n  onBuild: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  onInitialized: PropTypes.func,\n  onFormReady: PropTypes.func,\n  formioform: PropTypes.any\n};\n"],"names":["Components","AllComponents","Form","props","element","useForm","jsx","PropTypes"],"mappings":";;;;;AAMAA,EAAW,cAAcC,CAAa;AAU/B,SAASC,EAAiBC,GAAiC;AAChE,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAQF,CAAK;AAEjC,SAAQ,gBAAAG,EAAA,OAAA,EAAI,eAAa,kBAAkBH,EAAM,QAAQ,EAAE,IAAI,KAAKC,GAAS,WAAWD,EAAM,WAAW;AAC3G;AAEAD,EAAK,YAAY;AAAA,EACf,MAAMK,EAAU;AAAA,EAChB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,KAAKA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIf,KAAKA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIf,MAAMA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIhB,YAAYA,EAAU;AAAA;AAAA;AAAA;AAAA,EAItB,SAASA,EAAU,MAAM;AAAA,IACvB,UAAUA,EAAU;AAAA,IACpB,UAAUA,EAAU;AAAA,IACpB,MAAMA,EAAU;AAAA,IAChB,UAAUA,EAAU;AAAA,IACpB,WAAWA,EAAU;AAAA,IACrB,OAAOA,EAAU;AAAA,EAAA,CAClB;AAAA,EACD,YAAYA,EAAU;AAAA,EACtB,YAAYA,EAAU;AAAA,EACtB,UAAUA,EAAU;AAAA,EACpB,UAAUA,EAAU;AAAA,EACpB,eAAeA,EAAU;AAAA,EACzB,mBAAmBA,EAAU;AAAA,EAC7B,UAAUA,EAAU;AAAA,EACpB,eAAeA,EAAU;AAAA,EACzB,cAAcA,EAAU;AAAA,EACxB,YAAYA,EAAU;AAAA,EACtB,SAASA,EAAU;AAAA,EACnB,UAAUA,EAAU;AAAA,EACpB,UAAUA,EAAU;AAAA,EACpB,SAASA,EAAU;AAAA,EACnB,SAASA,EAAU;AAAA,EACnB,QAAQA,EAAU;AAAA,EAClB,eAAeA,EAAU;AAAA,EACzB,aAAaA,EAAU;AAAA,EACvB,YAAYA,EAAU;AACxB;"}

package/dist/components/form/useForm.hook.d.ts

@@ -1,59 +0,0 @@
-import { ExtendedComponentSchema } from 'formiojs';
-import { FormOptions, FormSchema, Submission } from '../../interfaces';
-export interface ChangedSubmission<T = any> extends Submission<T> {
-    changed: {
-        component: ExtendedComponentSchema;
-        instance: any;
-        value: any;
-    } & Record<string, any>;
-    isValid: boolean;
-}
-export interface FormPageChangeProps<Data = any> {
-    page: number;
-    submission: Submission<Data>;
-}
-export interface UseFormHookProps<Data = any> extends Record<string, any> {
-    src?: string;
-    /**
-     * url to fetch form
-     */
-    url?: string;
-    /**
-     * Raw form object
-     */
-    form?: Partial<FormSchema>;
-    /**
-     * Configuration option
-     */
-    options?: FormOptions;
-    /**
-     * Data submission
-     */
-    submission?: Submission<Data>;
-    onPrevPage?: (obj: FormPageChangeProps<Data>) => void;
-    onNextPage?: (obj: FormPageChangeProps<Data>) => void;
-    onCancel?: Function;
-    onChange?: (submission: ChangedSubmission) => void;
-    onCustomEvent?: (obj: {
-        type: string;
-        event: string;
-        component: ExtendedComponentSchema;
-        data: any;
-    }) => void;
-    onComponentChange?: (component: ExtendedComponentSchema) => void;
-    onSubmit?: (submission: Submission<Data>) => void;
-    onAsyncSubmit?: (submission: Submission<Data>) => Promise<any>;
-    onSubmitDone?: (submission: Submission<Data>) => void;
-    onFormLoad?: Function;
-    onError?: (errors: any) => void;
-    onRender?: () => void;
-    onAttach?: Function;
-    onBuild?: Function;
-    onFocus?: Function;
-    onBlur?: Function;
-    onInitialized?: Function;
-    onFormReady?: (formio: any) => void;
-}
-export declare function useForm<Data = any>(props: UseFormHookProps<Data>): {
-    element: import('react').MutableRefObject<any>;
-};

package/dist/components/form/useForm.hook.js

@@ -1,64 +0,0 @@
-import { Form as F } from "formiojs";
-import f from "lodash/cloneDeep";
-import R from "lodash/isEqual";
-import { useRef as y, useEffect as d } from "react";
-function e(n, r, c) {
-  d(() => {
-    r && c.set(n, r);
-  }, [r, n, c]);
-}
-function w(n) {
-  const r = y(/* @__PURE__ */ new Map()), c = (t) => n.hasOwnProperty(t) && typeof n[t] == "function", h = (t, ...s) => {
-    if (c(t))
-      return (r.current.has(t) ? r.current.get(t) : n[t])(...s);
-  };
-  return e("onBlur", n.onBlur, r.current), e("onPrevPage", n.onPrevPage, r.current), e("onNextPage", n.onNextPage, r.current), e("onCancel", n.onCancel, r.current), e("onChange", n.onChange, r.current), e("onCustomEvent", n.onCustomEvent, r.current), e("onComponentChange", n.onComponentChange, r.current), e("onSubmit", n.onSubmit, r.current), e("onAsyncSubmit", n.onAsyncSubmit, r.current), e("onSubmitDone", n.onSubmitDone, r.current), e("onFormLoad", n.onFormLoad, r.current), e("onError", n.onError, r.current), e("onRender", n.onRender, r.current), e("onAttach", n.onAttach, r.current), e("onBuild", n.onBuild, r.current), e("onFocus", n.onFocus, r.current), e("onBlur", n.onBlur, r.current), e("onInitialized", n.onInitialized, r.current), { events: r, emit: h, hasEvent: c };
-}
-function V(n) {
-  const { src: r, form: c, options: h = {}, submission: t, url: s, ...g } = n, C = y(), l = y(), o = y(), { emit: E, hasEvent: P } = w(g);
-  async function B(u, i) {
-    if (P("onAsyncSubmit"))
-      try {
-        await E("onAsyncSubmit", u, o.current);
-      } catch (a) {
-        i((a == null ? void 0 : a.errors) || a);
-      }
-    else
-      i(null);
-  }
-  const b = (u, i) => {
-    var a;
-    return i = Object.assign({}, i), u = typeof u == "string" ? u : f(u), o.current || (l.current = !1, i.hooks = {
-      ...i.hooks || {},
-      customValidation: ((a = i == null ? void 0 : i.hooks) == null ? void 0 : a.customValidation) || B
-    }, o.current = new F(C.current, u, i), o.current.onAny((m, ...A) => {
-      if (o.current && m.startsWith("formio.")) {
-        const S = `on${m.charAt(7).toUpperCase()}${m.slice(8)}`;
-        if (S === "onChange" && !A[0].changed)
-          return;
-        E(S, ...A, o.current);
-      }
-    }), o.current.ready.then((m) => {
-      t && (m.submission = f(t)), n.onFormReady && n.onFormReady(m), l.current = !0;
-    })), o.current;
-  };
-  return d(() => {
-    o.current && o.current.ready.then((u) => {
-      R(u.submission.data, t == null ? void 0 : t.data) || t && (u.submission = f(t));
-    });
-  }, [t]), d(() => {
-    c && o.current && o.current.ready.then((u) => {
-      u.form = c, s && (u.url = s);
-    });
-  }, [c, s]), d(() => {
-    r && (o.current && (l.current = !1, o.current.destroy(!0)), b(r, h));
-  }, [r]), d(() => (c && b(c, h), () => {
-    l.current = !1, o.current && o.current.destroy(!0);
-  }), []), {
-    element: C
-  };
-}
-export {
-  V as useForm
-};
-//# sourceMappingURL=useForm.hook.js.map

package/dist/components/form/useForm.hook.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useForm.hook.js","sources":["../../../src/components/form/useForm.hook.ts"],"sourcesContent":["import { ExtendedComponentSchema, Form } from \"formiojs\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport isEqual from \"lodash/isEqual\";\nimport { useEffect, useRef } from \"react\";\n\nimport { FormOptions, FormSchema, Submission } from \"../../interfaces\";\n\nexport interface ChangedSubmission<T = any> extends Submission<T> {\n  changed: {\n    component: ExtendedComponentSchema;\n    instance: any;\n    value: any;\n  } & Record<string, any>;\n  isValid: boolean;\n}\n\nexport interface FormPageChangeProps<Data = any> {\n  page: number;\n  submission: Submission<Data>;\n}\n\nexport interface UseFormHookProps<Data = any> extends Record<string, any> {\n  src?: string;\n  /**\n   * url to fetch form\n   */\n  url?: string;\n  /**\n   * Raw form object\n   */\n  form?: Partial<FormSchema>;\n  /**\n   * Configuration option\n   */\n  options?: FormOptions;\n  /**\n   * Data submission\n   */\n  submission?: Submission<Data>;\n\n  /// events\n  onPrevPage?: (obj: FormPageChangeProps<Data>) => void;\n  onNextPage?: (obj: FormPageChangeProps<Data>) => void;\n  onCancel?: Function;\n  onChange?: (submission: ChangedSubmission) => void;\n  onCustomEvent?: (obj: { type: string; event: string; component: ExtendedComponentSchema; data: any }) => void;\n  onComponentChange?: (component: ExtendedComponentSchema) => void;\n  onSubmit?: (submission: Submission<Data>) => void;\n  onAsyncSubmit?: (submission: Submission<Data>) => Promise<any>;\n  onSubmitDone?: (submission: Submission<Data>) => void;\n  onFormLoad?: Function;\n  onError?: (errors: any) => void;\n  onRender?: () => void;\n  onAttach?: Function;\n  onBuild?: Function;\n  onFocus?: Function;\n  onBlur?: Function;\n  onInitialized?: Function;\n  onFormReady?: (formio: any) => void;\n}\n\nfunction useEvent(event: string, callback: any, events: Map<string, any>) {\n  useEffect(() => {\n    if (callback) {\n      events.set(event, callback);\n    }\n  }, [callback, event, events]);\n}\n\nfunction useEvents(funcs: any) {\n  const events = useRef<Map<string, any>>(new Map());\n\n  const hasEvent = (event: string) => {\n    return funcs.hasOwnProperty(event) && typeof funcs[event] === \"function\";\n  };\n\n  const emit = (event: string, ...args: any[]) => {\n    if (hasEvent(event)) {\n      const fn = events.current.has(event) ? events.current.get(event) : funcs[event];\n      return fn(...args);\n    }\n  };\n\n  useEvent(\"onBlur\", funcs[\"onBlur\"], events.current);\n  useEvent(\"onPrevPage\", funcs[\"onPrevPage\"], events.current);\n  useEvent(\"onNextPage\", funcs[\"onNextPage\"], events.current);\n  useEvent(\"onCancel\", funcs[\"onCancel\"], events.current);\n  useEvent(\"onChange\", funcs[\"onChange\"], events.current);\n  useEvent(\"onCustomEvent\", funcs[\"onCustomEvent\"], events.current);\n  useEvent(\"onComponentChange\", funcs[\"onComponentChange\"], events.current);\n  useEvent(\"onSubmit\", funcs[\"onSubmit\"], events.current);\n  useEvent(\"onAsyncSubmit\", funcs[\"onAsyncSubmit\"], events.current);\n  useEvent(\"onSubmitDone\", funcs[\"onSubmitDone\"], events.current);\n  useEvent(\"onFormLoad\", funcs[\"onFormLoad\"], events.current);\n  useEvent(\"onError\", funcs[\"onError\"], events.current);\n  useEvent(\"onRender\", funcs[\"onRender\"], events.current);\n  useEvent(\"onAttach\", funcs[\"onAttach\"], events.current);\n  useEvent(\"onBuild\", funcs[\"onBuild\"], events.current);\n  useEvent(\"onFocus\", funcs[\"onFocus\"], events.current);\n  useEvent(\"onBlur\", funcs[\"onBlur\"], events.current);\n  useEvent(\"onInitialized\", funcs[\"onInitialized\"], events.current);\n\n  return { events, emit, hasEvent };\n}\n\nexport function useForm<Data = any>(props: UseFormHookProps<Data>) {\n  const { src, form, options = {}, submission, url, ...funcs } = props;\n  const element = useRef<any>();\n  const isLoaded = useRef<boolean>();\n  const instance = useRef<Form>();\n  const { emit, hasEvent } = useEvents(funcs);\n\n  async function customValidation(submission: Submission, callback: (err: Error | null) => void) {\n    if (hasEvent(\"onAsyncSubmit\")) {\n      try {\n        await emit(\"onAsyncSubmit\", submission, instance.current);\n      } catch (err: any) {\n        callback(err?.errors || err);\n      }\n    } else {\n      callback(null);\n    }\n  }\n\n  const createWebForm = (srcOrForm: any, options: any) => {\n    options = Object.assign({}, options);\n    srcOrForm = typeof srcOrForm === \"string\" ? srcOrForm : cloneDeep(srcOrForm);\n\n    if (!instance.current) {\n      isLoaded.current = false;\n      options.hooks = {\n        ...(options.hooks || {}),\n        customValidation: options?.hooks?.customValidation || customValidation\n      };\n\n      instance.current = new Form(element.current, srcOrForm, options);\n\n      instance.current.onAny((event: string, ...args: any[]): void => {\n        if (!instance.current) {\n          return;\n        }\n\n        if (event.startsWith(\"formio.\")) {\n          const eventName = `on${event.charAt(7).toUpperCase()}${event.slice(8)}`;\n\n          if (eventName === \"onChange\" && !args[0].changed) {\n            return;\n          }\n\n          emit(eventName, ...args, instance.current);\n        }\n      });\n\n      instance.current.ready.then((formio: any) => {\n        submission && (formio.submission = cloneDeep(submission));\n\n        if (props.onFormReady) {\n          props.onFormReady(formio);\n        }\n\n        isLoaded.current = true;\n      });\n    }\n\n    return instance.current;\n  };\n\n  useEffect(() => {\n    if (instance.current) {\n      instance.current.ready.then((formio: any) => {\n        if (isEqual(formio.submission.data, submission?.data)) {\n          return;\n        }\n\n        submission && (formio.submission = cloneDeep(submission));\n      });\n    }\n  }, [submission]);\n\n  useEffect(() => {\n    if (form && instance.current) {\n      instance.current.ready.then((formio: any) => {\n        formio.form = form;\n        if (url) {\n          formio.url = url;\n        }\n      });\n    }\n  }, [form, url]);\n\n  useEffect(() => {\n    if (src) {\n      if (instance.current) {\n        isLoaded.current = false;\n        (instance.current as any).destroy(true);\n      }\n\n      createWebForm(src, options);\n    }\n  }, [src]);\n\n  useEffect(() => {\n    if (form) {\n      createWebForm(form, options);\n    }\n\n    return () => {\n      isLoaded.current = false;\n      instance.current && (instance.current as any).destroy(true);\n    };\n  }, []);\n\n  return {\n    element\n  };\n}\n"],"names":["useEvent","event","callback","events","useEffect","useEvents","funcs","useRef","hasEvent","emit","args","useForm","props","src","form","options","submission","url","element","isLoaded","instance","customValidation","err","createWebForm","srcOrForm","cloneDeep","Form","eventName","formio","isEqual"],"mappings":"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"}

package/dist/components/form-access/formAccess.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formAccess.component.js","sources":["../../../src/components/form-access/formAccess.component.tsx"],"sourcesContent":["import { PropsWithChildren, useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport type { FormOptions, FormSchema, Submission } from \"../../interfaces\";\nimport { Card } from \"../card/card.component\";\nimport { Form } from \"../form/form.component\";\nimport { ChangedSubmission } from \"../form/useForm.hook\";\nimport {\n  AccessRoles,\n  dataAccessToSubmissions,\n  FormAccessSchema,\n  getFormAccess,\n  shouldUpdate,\n  SubmissionAccess,\n  submissionsToDataAccess,\n  updateSubmissions\n} from \"./formAccess.utils\";\n\nexport interface FormAccessProps {\n  form: Partial<FormSchema>;\n  roles: any;\n  onSubmit?: Function;\n  options?: FormOptions;\n}\n\nfunction useFormAccess({ form: formDefinition, roles, onSubmit, options }: FormAccessProps) {\n  const form = useMemo(() => getFormAccess(roles), [roles]);\n\n  const [submissions, setSubmissions] = useState(() => dataAccessToSubmissions(formDefinition, form));\n\n  const onChange = useCallback(\n    (type: string, submission: Submission<AccessRoles>) => {\n      updateSubmissions(type, submission, submissions, setSubmissions);\n    },\n    [submissions]\n  );\n\n  useEffect(() => {\n    const input = dataAccessToSubmissions(formDefinition, form);\n    if (formDefinition?._id) {\n      if (shouldUpdate(\"access\", submissions.access, input) || shouldUpdate(\"submissionAccess\", submissions.submissionAccess, input)) {\n        setSubmissions(input);\n      }\n    }\n  }, [formDefinition?._id]);\n\n  return {\n    options,\n    form,\n    type: formDefinition.type,\n    submissions,\n    onChange,\n    onSubmit: () => {\n      onSubmit && onSubmit(submissionsToDataAccess(formDefinition, submissions));\n    }\n  };\n}\n\ninterface NamedFormAccessProps {\n  name: \"access\" | \"submissionAccess\";\n  form: FormAccessSchema;\n  submissions: SubmissionAccess;\n  options: any;\n  onSubmit: any;\n\n  onChange(name: \"access\" | \"submissionAccess\", submission: Submission<AccessRoles>): void;\n}\n\nfunction NamedFormAccess({ name, form, submissions, options, onChange, onSubmit, children }: PropsWithChildren<NamedFormAccessProps>) {\n  const [isValid, setIsValid] = useState(true);\n\n  return (\n    <>\n      <Form\n        name={name}\n        form={form[name]}\n        submission={submissions[name]}\n        onChange={({ data, isValid }: ChangedSubmission<AccessRoles>) => {\n          isValid && onChange(name, { data });\n          setIsValid(isValid);\n        }}\n        options={options}\n      />\n\n      <button disabled={!isValid} className={\"mt-5 btn btn-primary\"} onClick={onSubmit}>\n        Save access\n      </button>\n\n      {children}\n\n      <div className={\"alert alert-warning mt-5\"}>\n        Elevated permissions allow users to access and modify other user's entities. Assign with caution.\n      </div>\n    </>\n  );\n}\n\nexport function FormAccess(props: PropsWithChildren<FormAccessProps>) {\n  const { type, form, submissions, options, onChange, onSubmit } = useFormAccess(props);\n\n  return (\n    <div>\n      {props.children}\n      <div className={\"flex mb-5\"}>\n        <Card label={\"Manage submission access\"} className={\"flex-1\"}>\n          <NamedFormAccess\n            name={\"submissionAccess\"}\n            form={form}\n            submissions={submissions}\n            onChange={onChange}\n            onSubmit={onSubmit}\n            options={options}\n          >\n            {props.children}\n          </NamedFormAccess>\n        </Card>\n        <div className={\"w-1/4 pl-4\"}>\n          <Card label={\"About Submission Data Permissions\"}>\n            <p>Submission Data Permissions allow you to control who can create, view, and modify form submission data.</p>\n\n            <ul className={\"mt-5 pl-7 list-disc\"}>\n              <li className={\"pb-2\"}>\n                <strong>Own Permissions</strong> - These permissions apply if the user is the original creator of the submission data and is\n                listed as the owner of the submission in submission.owner. This allows users to create and edit their own submission data\n                without seeing other user's data.\n              </li>\n              <li>\n                <strong>All Permissions</strong> - These permissions apply to all submission data regardless of who owns it.\n              </li>\n            </ul>\n          </Card>\n        </div>\n      </div>\n      <div className={\"flex mb-5\"}>\n        <Card label={`Manage ${type} definition access`} className={\"flex-1\"}>\n          <NamedFormAccess name={\"access\"} form={form} submissions={submissions} onChange={onChange} onSubmit={onSubmit} options={options}>\n            {props.children}\n          </NamedFormAccess>\n        </Card>\n\n        <div className={\"w-1/4 pl-4\"}>\n          <Card label={\"About Form Definition Access\"}>\n            <p>These permissions allow you to give access to a single form's JSON definition so they can render the form.</p>\n\n            <p>Typically you will want to allow all of your roles to be able to Read the form definition.</p>\n\n            <p>\n              Each form also has an owner at <strong>form.owner</strong> which is the user who created the form. In some applications users\n              are allowed to create their own forms. In those cases it is helpful to have Owner based permissions as well.\n            </p>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["useFormAccess","formDefinition","roles","onSubmit","options","form","useMemo","getFormAccess","submissions","setSubmissions","useState","dataAccessToSubmissions","onChange","useCallback","type","submission","updateSubmissions","useEffect","input","shouldUpdate","submissionsToDataAccess","NamedFormAccess","name","children","isValid","setIsValid","jsxs","Fragment","jsx","Form","data","FormAccess","props","Card"],"mappings":"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"}

package/dist/components/form-access/formAccess.schema.d.ts

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

package/dist/components/form-access/formAccess.schema.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formAccess.schema.js","sources":["../../../src/components/form-access/formAccess.schema.ts"],"sourcesContent":["import { ExtendedComponentSchema } from \"formiojs\";\n\nimport { FormSchema } from \"../../interfaces/FormSchema\";\n\nexport function getRoleComponent({ label, key, description, choices, data }: any): ExtendedComponentSchema {\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): FormSchema {\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): FormSchema {\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":"AAIO,SAASA,EAAiB,EAAE,OAAAC,GAAO,KAAAC,GAAK,aAAAC,GAAa,SAAAC,GAAS,MAAAC,KAAsC;AAClG,SAAA;AAAA,IACL,OAAAJ;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAM;AAAA,IACN,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,cAAc;AAAA,IACd,MAAM;AAAA,MACJ,QAAQC;AAAA,IACV;AAAA,IACA,UAAU;AAAA,IACV,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,UAAU;AAAA,MACR,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,eAAe;AAAA,IACjB;AAAA,IACA,QAAQC;AAAA,EACV;AACF;AAEA,SAASC,EAAcH,GAAqBI,IAAK,IAAc;AAC7D,SAAO,2BAA2BJ,IAAc,cAAcI,IAAK,kDAAkD;AACvH;AAEgB,SAAAC,EAA4B,EAAE,SAAAJ,KAA4B;AACjE,SAAA;AAAA,IACL,aAAa;AAAA,IACb,YAAY;AAAA,MACVJ,EAAiB;AAAA,QACf,KAAK;AAAA,QACL,OAAO;AAAA,QACP,aAAaM;AAAA,UACX;AAAA,QACF;AAAA,QACA,SAAAF;AAAA,MAAA,CACD;AAAA,MACDJ,EAAiB;AAAA,QACf,KAAK;AAAA,QACL,OAAO;AAAA,QACP,aAAaM;AAAA,UACX;AAAA,QACF;AAAA,QACA,SAAAF;AAAA,MAAA,CACD;AAAA,MACDJ,EAAiB;AAAA,QACf,KAAK;AAAA,QACL,OAAO;AAAA,QACP,aAAaM;AAAA,UACX;AAAA,QACF;AAAA,QACA,SAAAF;AAAA,MAAA,CACD;AAAA,MACDJ,EAAiB;AAAA,QACf,KAAK;AAAA,QACL,OAAO;AAAA,QACP,aAAaM;AAAA,UACX;AAAA,QACF;AAAA,QACA,SAAAF;AAAA,MAAA,CACD;AAAA,MACDJ,EAAiB;AAAA,QACf,KAAK;AAAA,QACL,OAAO;AAAA,QACP,aAAaM;AAAA,UACX;AAAA,QACF;AAAA,QACA,SAAAF;AAAA,MAAA,CACD;AAAA,MACDJ,EAAiB;AAAA,QACf,KAAK;AAAA,QACL,OAAO;AAAA,QACP,aAAaM;AAAA,UACX;AAAA,QACF;AAAA,QACA,SAAAF;AAAA,MAAA,CACD;AAAA,MACDJ,EAAiB;AAAA,QACf,KAAK;AAAA,QACL,OAAO;AAAA,QACP,aAAaM;AAAA,UACX;AAAA,QACF;AAAA,QACA,SAAAF;AAAA,MAAA,CACD;AAAA,MACDJ,EAAiB;AAAA,QACf,KAAK;AAAA,QACL,OAAO;AAAA,QACP,aAAaM;AAAA,UACX;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAAF;AAAA,MACD,CAAA;AAAA,IAAA;AAAA,EAEL;AACF;AAEgB,SAAAK,EAAwB,EAAE,SAAAL,KAA4B;AAC7D,SAAA;AAAA,IACL,aAAa;AAAA,IACb,YAAY;AAAA,MACVJ,EAAiB;AAAA,QACf,KAAK;AAAA,QACL,OAAO;AAAA,QACP,aAAaM;AAAA,UACX;AAAA,QACF;AAAA,QACA,SAAAF;AAAA,MAAA,CACD;AAAA,MACDJ,EAAiB;AAAA,QACf,KAAK;AAAA,QACL,OAAO;AAAA,QACP,aAAaM;AAAA,UACX;AAAA,QACF;AAAA,QACA,SAAAF;AAAA,MAAA,CACD;AAAA,MACDJ,EAAiB;AAAA,QACf,KAAK;AAAA,QACL,OAAO;AAAA,QACP,aAAaM;AAAA,UACX;AAAA,QACF;AAAA,QACA,SAAAF;AAAA,MAAA,CACD;AAAA,MACDJ,EAAiB;AAAA,QACf,KAAK;AAAA,QACL,OAAO;AAAA,QACP,aAAaM;AAAA,UACX;AAAA,QACF;AAAA,QACA,SAAAF;AAAA,MAAA,CACD;AAAA,MACDJ,EAAiB;AAAA,QACf,KAAK;AAAA,QACL,OAAO;AAAA,QACP,aAAaM;AAAA,UACX;AAAA,QACF;AAAA,QACA,SAAAF;AAAA,MAAA,CACD;AAAA,MACDJ,EAAiB;AAAA,QACf,KAAK;AAAA,QACL,OAAO;AAAA,QACP,aAAaM;AAAA,UACX;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAAF;AAAA,MACD,CAAA;AAAA,IAAA;AAAA,EAEL;AACF;"}

package/dist/components/form-access/formAccess.utils.d.ts

@@ -1,24 +0,0 @@
-import { FormSchema, Submission } from '../../interfaces';
-import { RoleSchema } from '../../interfaces/RoleSchema';
-export interface Choice {
-    label: string;
-    value: string;
-}
-export interface Access {
-    roles: string[];
-    type: string;
-}
-export type AccessRoles = Record<string, string[]>;
-export type FormAccessSchema = {
-    access: FormSchema;
-    submissionAccess: FormSchema;
-};
-export type SubmissionAccess = {
-    access: Submission<AccessRoles>;
-    submissionAccess: Submission<AccessRoles>;
-};
-export declare function getFormAccess(roles: RoleSchema[]): FormAccessSchema;
-export declare function dataAccessToSubmissions(form: Partial<FormSchema>, formAccess: FormAccessSchema): SubmissionAccess;
-export declare function submissionsToDataAccess(form: Partial<FormSchema>, submissions: SubmissionAccess): Partial<FormSchema>;
-export declare function shouldUpdate(type: string, submission: Submission<AccessRoles>, submissions: SubmissionAccess): boolean;
-export declare function updateSubmissions(type: string, submission: Submission<AccessRoles>, submissions: SubmissionAccess, cb?: Function): SubmissionAccess;

package/dist/components/form-access/formAccess.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formAccess.utils.js","sources":["../../../src/components/form-access/formAccess.utils.ts"],"sourcesContent":["import { ExtendedComponentSchema } from \"formiojs\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport isEqual from \"lodash/isEqual\";\nimport noop from \"lodash/noop\";\n\nimport { FormSchema, Submission } from \"../../interfaces\";\nimport { RoleSchema } from \"../../interfaces/RoleSchema\";\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 AccessRoles = Record<string, string[]>;\n\nexport type FormAccessSchema = {\n  access: FormSchema;\n  submissionAccess: FormSchema;\n};\n\nexport type SubmissionAccess = {\n  access: Submission<AccessRoles>;\n  submissionAccess: Submission<AccessRoles>;\n};\n\nfunction rolesToChoices(roles: RoleSchema[]): 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[] = []): AccessRoles {\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: AccessRoles) {\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: RoleSchema[]): FormAccessSchema {\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<FormSchema>, formAccess: FormAccessSchema): SubmissionAccess {\n  const getKeys = (components: ExtendedComponentSchema[]) => 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<FormSchema>, submissions: SubmissionAccess): Partial<FormSchema> {\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: Submission<AccessRoles>, submissions: SubmissionAccess) {\n  return !isEqual(submission.data, (submissions as any)[type].data);\n}\n\nexport function updateSubmissions(type: string, submission: Submission<AccessRoles>, submissions: SubmissionAccess, cb: Function = noop) {\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":";;;;AA+BA,SAASA,EAAeC,GAA+B;AACrD,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,IAAiB;AAC5F,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,GAAmB;AACvC,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,GAAuC;AAC7D,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,GAA2BC,GAAgD;AAC3G,QAAAC,IAAU,CAACC,MAA0CA,EAAW,IAAI,CAAC,EAAE,KAAAb,EAAI,MAAMA,CAAG;AAEnF,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,GAA2BK,GAAoD;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,GAAqCJ,GAA+B;AAC7G,SAAO,CAACK,EAAQD,EAAW,MAAOJ,EAAoBG,CAAI,EAAE,IAAI;AAClE;AAEO,SAASG,EAAkBH,GAAcC,GAAqCJ,GAA+BO,IAAeC,GAAM;AACvI,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.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formAction.component.js","sources":["../../../src/components/form-action/formAction.component.tsx"],"sourcesContent":["import FormioUtils from \"formiojs/utils\";\nimport { PropsWithChildren, ReactElement } from \"react\";\n\nimport { ActionDefaultsSchema, ActionSchema, FormOptions, Submission } from \"../../interfaces\";\nimport { Form } from \"../form/form.component\";\n\nfunction mapData(options: any, defaults: ActionDefaultsSchema): 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<ActionSchema>;\n  submission?: Partial<Submission>;\n  onSubmit?: (submission: Submission<ActionSchema>) => 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 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,GAAqC;AAC3D,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,EAAK,MAAAH,GAAY,YAAAC,GAAwB,UAAAH,GAAoB,SAAAX,GAAkB;AAAA,IAE/EU;AAAA,EAAA,GACH;AAEJ;"}

package/dist/components/form-builder/formBuilder.component.d.ts

@@ -1,53 +0,0 @@
-import { ComponentSchema } from 'formiojs';
-import { default as PropTypes } from 'prop-types';
-import { Component } from 'react';
-export interface FormBuilderProps {
-    components: ComponentSchema[];
-    display?: string;
-    options?: any;
-    builder?: any;
-    onChange?: (components: ComponentSchema[]) => void;
-    onAddComponent?: Function;
-    onUpdateComponent?: Function;
-    onRemoveComponent?: Function;
-    onSaveComponent?: Function;
-    onCancelComponent?: Function;
-    onMoveComponent?: Function;
-    onEditComponent?: Function;
-    onEditJson?: Function;
-    onCopyComponent?: Function;
-    onPasteComponent?: Function;
-}
-export declare class FormBuilder extends Component<FormBuilderProps, any> {
-    static defaultProps: {
-        options: {};
-        onChange: (...args: any[]) => void;
-        onReady: (...args: any[]) => void;
-        onDestroy: (...args: any[]) => void;
-    };
-    static propTypes: {
-        components: PropTypes.Requireable<any[]>;
-        display: PropTypes.Requireable<string>;
-        options: PropTypes.Requireable<object>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onAddComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        onUpdateComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        onRemoveComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        onSaveComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        onCancelComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        onMoveComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        onEditComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        onEditJson: PropTypes.Requireable<(...args: any[]) => any>;
-        onCopyComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        onPasteComponent: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    private elRef;
-    private builderRef;
-    constructor(props: FormBuilderProps);
-    componentDidMount(): Promise<void>;
-    create(props: FormBuilderProps): Promise<void>;
-    componentWillUnmount(): void;
-    componentWillReceiveProps(nextProps: FormBuilderProps): Promise<void>;
-    whenComponentsChange(components: ComponentSchema[]): void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}

package/dist/components/form-builder/formBuilder.component.js

@@ -1,142 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import g from "formiojs/components";
-import b from "formiojs/components/Components";
-import w from "formiojs/FormBuilder";
-import f from "lodash/cloneDeep";
-import d from "lodash/noop";
-import n from "prop-types";
-import { Component as S } from "react";
-import { callLast as A } from "../../utils/callLast.js";
-b.setComponents(g);
-const T = [
-  "addComponent",
-  "updateComponent",
-  "removeComponent",
-  "saveComponent",
-  "cancelComponent",
-  "moveComponent",
-  "editComponent",
-  "editJson",
-  "copyComponent",
-  "pasteComponent"
-], D = ["addComponent", "saveComponent", "updateComponent", "removeComponent"];
-async function J(u, { components: o = [], display: s, options: m, onChange: a, events: p = {} }) {
-  const r = {
-    display: s,
-    components: [...o]
-  };
-  try {
-    const e = await new w(u, r, { ...m }).ready, c = (t) => (...C) => {
-      p[t] && p[t](...C), D.includes(t) && a(e.form.components);
-    };
-    return T.forEach((t) => e.on(t, A(c(t), 200))), e;
-  } catch (e) {
-    console.error(e);
-  }
-}
-const i = class i extends S {
-  constructor(o) {
-    super(o), this.state = {
-      display: o.display,
-      components: f(o.components)
-    }, this.elRef = null, this.builderRef = null;
-  }
-  async componentDidMount() {
-    await this.create(this.props);
-  }
-  async create(o) {
-    const {
-      options: s,
-      display: m,
-      components: a,
-      onAddComponent: p,
-      onUpdateComponent: r,
-      onRemoveComponent: e,
-      onSaveComponent: c,
-      onCancelComponent: t,
-      onMoveComponent: C,
-      onEditComponent: y,
-      onEditJson: v,
-      onCopyComponent: R,
-      onPasteComponent: E
-    } = o;
-    this.builderRef = await J(this.elRef.firstChild, {
-      display: m,
-      options: { ...s },
-      components: f(a),
-      onChange: this.whenComponentsChange.bind(this),
-      events: {
-        onAddComponent: p,
-        onUpdateComponent: r,
-        onRemoveComponent: e,
-        onSaveComponent: c,
-        onCancelComponent: t,
-        onMoveComponent: C,
-        onEditComponent: y,
-        onEditJson: v,
-        onCopyComponent: R,
-        onPasteComponent: E
-      }
-    });
-  }
-  componentWillUnmount() {
-    var o;
-    (o = this.builderRef) == null || o.destroy();
-  }
-  // eslint-disable-next-line react/no-deprecated
-  async componentWillReceiveProps(o) {
-    this.builderRef && (o.display !== this.state.display ? await this.create({
-      ...this.props,
-      display: o.display
-    }) : o.components !== this.state.components && (this.builderRef.form = {
-      display: this.state.display,
-      components: o.components
-    }));
-  }
-  whenComponentsChange(o) {
-    this.setState({ components: o }, () => {
-      var s;
-      (s = this.props) != null && s.onChange && this.props.onChange(o);
-    });
-  }
-  /* eslint-disable jsx-a11y/no-static-element-interactions */
-  /* eslint-disable jsx-a11y/click-events-have-key-events */
-  render() {
-    return /* @__PURE__ */ l(
-      "div",
-      {
-        ref: (o) => {
-          this.elRef = o;
-        },
-        onClick: (o) => o.stopPropagation(),
-        children: /* @__PURE__ */ l("div", {})
-      }
-    );
-  }
-};
-i.defaultProps = {
-  options: {},
-  onChange: d,
-  onReady: d,
-  onDestroy: d
-}, i.propTypes = {
-  components: n.array,
-  display: n.string,
-  options: n.object,
-  onChange: n.func,
-  onAddComponent: n.func,
-  onUpdateComponent: n.func,
-  onRemoveComponent: n.func,
-  onSaveComponent: n.func,
-  onCancelComponent: n.func,
-  onMoveComponent: n.func,
-  onEditComponent: n.func,
-  onEditJson: n.func,
-  onCopyComponent: n.func,
-  onPasteComponent: n.func
-};
-let h = i;
-export {
-  h as FormBuilder
-};
-//# sourceMappingURL=formBuilder.component.js.map

package/dist/components/form-builder/formBuilder.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formBuilder.component.js","sources":["../../../src/components/form-builder/formBuilder.component.tsx"],"sourcesContent":["import { ComponentSchema } from \"formiojs\";\nimport AllComponents from \"formiojs/components\";\nimport Components from \"formiojs/components/Components\";\nimport FormioFormBuilder from \"formiojs/FormBuilder\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport noop from \"lodash/noop\";\nimport PropTypes from \"prop-types\";\nimport { Component } from \"react\";\n\nimport { callLast } from \"../../utils/callLast\";\n\nComponents.setComponents(AllComponents);\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<void> {\n  const form = {\n    display,\n    components: [...components]\n  };\n\n  try {\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, callLast(handleEvent(event), 200)));\n\n    return builder;\n  } catch (er) {\n    console.error(er);\n  }\n}\n\nexport interface FormBuilderProps {\n  components: ComponentSchema[];\n  display?: string;\n  options?: any;\n  builder?: any;\n  onChange?: (components: ComponentSchema[]) => void;\n  onAddComponent?: Function;\n  onUpdateComponent?: Function;\n  onRemoveComponent?: Function;\n  onSaveComponent?: Function;\n  onCancelComponent?: Function;\n  onMoveComponent?: Function;\n  onEditComponent?: Function;\n  onEditJson?: Function;\n  onCopyComponent?: Function;\n  onPasteComponent?: Function;\n}\n\nexport class FormBuilder extends Component<FormBuilderProps, any> {\n  static defaultProps = {\n    options: {},\n    onChange: noop,\n    onReady: noop,\n    onDestroy: noop\n  };\n\n  static propTypes = {\n    components: PropTypes.array,\n    display: PropTypes.string,\n    options: PropTypes.object,\n    onChange: PropTypes.func,\n    onAddComponent: PropTypes.func,\n    onUpdateComponent: PropTypes.func,\n    onRemoveComponent: PropTypes.func,\n    onSaveComponent: PropTypes.func,\n    onCancelComponent: PropTypes.func,\n    onMoveComponent: PropTypes.func,\n    onEditComponent: PropTypes.func,\n    onEditJson: PropTypes.func,\n    onCopyComponent: PropTypes.func,\n    onPasteComponent: PropTypes.func\n  };\n\n  private elRef: any;\n  private builderRef: any;\n\n  constructor(props: FormBuilderProps) {\n    super(props);\n\n    this.state = {\n      display: props.display,\n      components: cloneDeep(props.components)\n    };\n    this.elRef = null;\n    this.builderRef = null;\n  }\n\n  async componentDidMount(): Promise<void> {\n    await this.create(this.props);\n  }\n\n  async create(props: FormBuilderProps) {\n    const {\n      options,\n      display,\n      components,\n      onAddComponent,\n      onUpdateComponent,\n      onRemoveComponent,\n      onSaveComponent,\n      onCancelComponent,\n      onMoveComponent,\n      onEditComponent,\n      onEditJson,\n      onCopyComponent,\n      onPasteComponent\n    } = props;\n\n    this.builderRef = await createBuilder(this.elRef.firstChild, {\n      display,\n      options: { ...options },\n      components: cloneDeep(components),\n      onChange: this.whenComponentsChange.bind(this),\n      events: {\n        onAddComponent,\n        onUpdateComponent,\n        onRemoveComponent,\n        onSaveComponent,\n        onCancelComponent,\n        onMoveComponent,\n        onEditComponent,\n        onEditJson,\n        onCopyComponent,\n        onPasteComponent\n      }\n    });\n  }\n\n  componentWillUnmount(): void {\n    this.builderRef?.destroy();\n  }\n\n  // eslint-disable-next-line react/no-deprecated\n  async componentWillReceiveProps(nextProps: FormBuilderProps) {\n    if (this.builderRef) {\n      if (nextProps.display !== this.state.display) {\n        await this.create({\n          ...this.props,\n          display: nextProps.display\n        });\n      } else if (nextProps.components !== this.state.components) {\n        this.builderRef.form = {\n          display: this.state.display,\n          components: nextProps.components\n        };\n      }\n    }\n  }\n\n  whenComponentsChange(components: ComponentSchema[]) {\n    this.setState({ components }, () => {\n      this.props?.onChange && this.props.onChange(components);\n    });\n  }\n\n  /* eslint-disable jsx-a11y/no-static-element-interactions */\n  /* eslint-disable jsx-a11y/click-events-have-key-events */\n  render() {\n    return (\n      <div\n        ref={(ref) => {\n          this.elRef = ref;\n        }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <div />\n      </div>\n    );\n  }\n}\n"],"names":["Components","AllComponents","EVENTS","EVENTS_CHANGE","createBuilder","el","components","display","options","onChange","events","form","builder","FormioFormBuilder","handleEvent","event","args","callLast","er","_FormBuilder","Component","props","cloneDeep","onAddComponent","onUpdateComponent","onRemoveComponent","onSaveComponent","onCancelComponent","onMoveComponent","onEditComponent","onEditJson","onCopyComponent","onPasteComponent","_a","nextProps","jsx","ref","e","noop","PropTypes","FormBuilder"],"mappings":";;;;;;;;;AAWAA,EAAW,cAAcC,CAAa;AAEtC,MAAMC,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,CAAC,GAAG,SAAAC,GAAS,SAAAC,GAAS,UAAAC,GAAU,QAAAC,IAAS,CAAA,KAA0B;AAC1H,QAAMC,IAAO;AAAA,IACX,SAAAJ;AAAA,IACA,YAAY,CAAC,GAAGD,CAAU;AAAA,EAC5B;AAEI,MAAA;AACI,UAAAM,IAAU,MAAM,IAAIC,EAAkBR,GAAIM,GAAM,EAAE,GAAGH,EAAS,CAAA,EAAE,OAEhEM,IAAc,CAACC,MACZ,IAAIC,MAAgB;AACzB,MAAAN,EAAOK,CAAK,KAAKL,EAAOK,CAAK,EAAE,GAAGC,CAAI,GAElCb,EAAc,SAASY,CAAK,KACrBN,EAAAG,EAAQ,KAAK,UAAU;AAAA,IAEpC;AAGF,WAAAV,EAAO,QAAQ,CAACa,MAAUH,EAAQ,GAAGG,GAAOE,EAASH,EAAYC,CAAK,GAAG,GAAG,CAAC,CAAC,GAEvEH;AAAA,WACAM,GAAI;AACX,YAAQ,MAAMA,CAAE;AAAA,EAAA;AAEpB;AAoBO,MAAMC,IAAN,MAAMA,UAAoBC,EAAiC;AAAA,EA4BhE,YAAYC,GAAyB;AACnC,UAAMA,CAAK,GAEX,KAAK,QAAQ;AAAA,MACX,SAASA,EAAM;AAAA,MACf,YAAYC,EAAUD,EAAM,UAAU;AAAA,IACxC,GACA,KAAK,QAAQ,MACb,KAAK,aAAa;AAAA,EAAA;AAAA,EAGpB,MAAM,oBAAmC;AACjC,UAAA,KAAK,OAAO,KAAK,KAAK;AAAA,EAAA;AAAA,EAG9B,MAAM,OAAOA,GAAyB;AAC9B,UAAA;AAAA,MACJ,SAAAb;AAAA,MACA,SAAAD;AAAA,MACA,YAAAD;AAAA,MACA,gBAAAiB;AAAA,MACA,mBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA,IACEX;AAEJ,SAAK,aAAa,MAAMjB,EAAc,KAAK,MAAM,YAAY;AAAA,MAC3D,SAAAG;AAAA,MACA,SAAS,EAAE,GAAGC,EAAQ;AAAA,MACtB,YAAYc,EAAUhB,CAAU;AAAA,MAChC,UAAU,KAAK,qBAAqB,KAAK,IAAI;AAAA,MAC7C,QAAQ;AAAA,QACN,gBAAAiB;AAAA,QACA,mBAAAC;AAAA,QACA,mBAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,mBAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,YAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,kBAAAC;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EAAA;AAAA,EAGH,uBAA6B;;AAC3B,KAAAC,IAAA,KAAK,eAAL,QAAAA,EAAiB;AAAA,EAAQ;AAAA;AAAA,EAI3B,MAAM,0BAA0BC,GAA6B;AAC3D,IAAI,KAAK,eACHA,EAAU,YAAY,KAAK,MAAM,UACnC,MAAM,KAAK,OAAO;AAAA,MAChB,GAAG,KAAK;AAAA,MACR,SAASA,EAAU;AAAA,IAAA,CACpB,IACQA,EAAU,eAAe,KAAK,MAAM,eAC7C,KAAK,WAAW,OAAO;AAAA,MACrB,SAAS,KAAK,MAAM;AAAA,MACpB,YAAYA,EAAU;AAAA,IACxB;AAAA,EAEJ;AAAA,EAGF,qBAAqB5B,GAA+B;AAClD,SAAK,SAAS,EAAE,YAAAA,EAAW,GAAG,MAAM;;AAClC,OAAA2B,IAAA,KAAK,UAAL,QAAAA,EAAY,YAAY,KAAK,MAAM,SAAS3B,CAAU;AAAA,IAAA,CACvD;AAAA,EAAA;AAAA;AAAA;AAAA,EAKH,SAAS;AAEL,WAAA,gBAAA6B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK,CAACC,MAAQ;AACZ,eAAK,QAAQA;AAAA,QACf;AAAA,QACA,SAAS,CAACC,MAAMA,EAAE,gBAAgB;AAAA,QAElC,4BAAC,OAAI,CAAA,CAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AAGN;AAxHElB,EAAO,eAAe;AAAA,EACpB,SAAS,CAAC;AAAA,EACV,UAAUmB;AAAA,EACV,SAASA;AAAA,EACT,WAAWA;AACb,GAEAnB,EAAO,YAAY;AAAA,EACjB,YAAYoB,EAAU;AAAA,EACtB,SAASA,EAAU;AAAA,EACnB,SAASA,EAAU;AAAA,EACnB,UAAUA,EAAU;AAAA,EACpB,gBAAgBA,EAAU;AAAA,EAC1B,mBAAmBA,EAAU;AAAA,EAC7B,mBAAmBA,EAAU;AAAA,EAC7B,iBAAiBA,EAAU;AAAA,EAC3B,mBAAmBA,EAAU;AAAA,EAC7B,iBAAiBA,EAAU;AAAA,EAC3B,iBAAiBA,EAAU;AAAA,EAC3B,YAAYA,EAAU;AAAA,EACtB,iBAAiBA,EAAU;AAAA,EAC3B,kBAAkBA,EAAU;AAC9B;AAvBK,IAAMC,IAANrB;"}

package/dist/components/form-control/formControl.component.d.ts

@@ -1,14 +0,0 @@
-import { PropsWithChildren, ReactNode } from 'react';
-export interface FormControlProps<Data = any> {
-    name: string;
-    value?: Data;
-    required?: boolean;
-    label?: string;
-    className?: string;
-    onChange?: (name: string, value: any) => void;
-    description?: string | ReactNode;
-    prefix?: ReactNode | string;
-    suffix?: ReactNode | string;
-    shadow?: boolean;
-}
-export declare function FormControl({ children, name, required, prefix, suffix, description, label, className }: PropsWithChildren<FormControlProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/form-control/formControl.component.js

@@ -1,26 +0,0 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { c as n } from "../../chunks/index.js";
-function u({
-  children: i,
-  name: t,
-  required: l,
-  prefix: o,
-  suffix: e,
-  description: a,
-  label: s,
-  className: c
-}) {
-  return /* @__PURE__ */ d("div", { "data-testid": t && `form-group-${t}`, id: `form-group-${t || ""}`, className: n("form-group", c), children: [
-    s && /* @__PURE__ */ r("label", { htmlFor: t, "data-testid": "form-control-label", className: `col-form-label ${l ? " field-required" : ""}`, children: s }),
-    /* @__PURE__ */ d("div", { className: "input-group", children: [
-      o && /* @__PURE__ */ r("div", { className: "input-group-prepend", children: /* @__PURE__ */ r("span", { className: "input-group-text", "data-testid": "form-control-prefix", children: o }) }),
-      i,
-      e && /* @__PURE__ */ r("div", { className: "input-group-append", children: /* @__PURE__ */ r("span", { className: "input-group-text", "data-testid": "form-control-suffix", children: e }) })
-    ] }),
-    a && /* @__PURE__ */ r("div", { "data-testid": "form-control-description", className: "form-text text-muted", children: a })
-  ] });
-}
-export {
-  u as FormControl
-};
-//# sourceMappingURL=formControl.component.js.map

package/dist/components/form-control/formControl.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formControl.component.js","sources":["../../../src/components/form-control/formControl.component.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { PropsWithChildren, ReactNode } from \"react\";\n\nexport interface FormControlProps<Data = any> {\n  name: string;\n  value?: Data;\n  required?: boolean;\n  label?: string;\n  className?: string;\n  onChange?: (name: string, value: any) => void;\n  description?: string | ReactNode;\n  prefix?: ReactNode | string;\n  suffix?: ReactNode | string;\n  shadow?: boolean;\n}\n\nexport function FormControl({\n  children,\n  name,\n  required,\n  prefix,\n  suffix,\n  description,\n  label,\n  className\n}: PropsWithChildren<FormControlProps>) {\n  return (\n    <div data-testid={name && `form-group-${name}`} id={`form-group-${name || \"\"}`} className={classnames(\"form-group\", className)}>\n      {label && (\n        <label htmlFor={name} data-testid='form-control-label' className={`col-form-label ${required ? \" field-required\" : \"\"}`}>\n          {label}\n        </label>\n      )}\n      <div className={\"input-group\"}>\n        {prefix && (\n          <div className='input-group-prepend'>\n            <span className='input-group-text' data-testid='form-control-prefix'>\n              {prefix}\n            </span>\n          </div>\n        )}\n        {children}\n        {suffix && (\n          <div className='input-group-append'>\n            <span className='input-group-text' data-testid='form-control-suffix'>\n              {suffix}\n            </span>\n          </div>\n        )}\n      </div>\n      {description && (\n        <div data-testid='form-control-description' className='form-text text-muted'>\n          {description}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["FormControl","children","name","required","prefix","suffix","description","label","className","classnames","jsx","jsxs"],"mappings":";;AAgBO,SAASA,EAAY;AAAA,EAC1B,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAAwC;AACtC,2BACG,OAAI,EAAA,eAAaN,KAAQ,cAAcA,CAAI,IAAI,IAAI,cAAcA,KAAQ,EAAE,IAAI,WAAWO,EAAW,cAAcD,CAAS,GAC1H,UAAA;AAAA,IAAAD,KACE,gBAAAG,EAAA,SAAA,EAAM,SAASR,GAAM,eAAY,sBAAqB,WAAW,kBAAkBC,IAAW,oBAAoB,EAAE,IAClH,UACHI,GAAA;AAAA,IAEF,gBAAAI,EAAC,OAAI,EAAA,WAAW,eACb,UAAA;AAAA,MACCP,KAAA,gBAAAM,EAAC,OAAI,EAAA,WAAU,uBACb,UAAA,gBAAAA,EAAC,QAAK,EAAA,WAAU,oBAAmB,eAAY,uBAC5C,UAAAN,EACH,CAAA,GACF;AAAA,MAEDH;AAAA,MACAI,KACC,gBAAAK,EAAC,OAAI,EAAA,WAAU,sBACb,UAAA,gBAAAA,EAAC,QAAK,EAAA,WAAU,oBAAmB,eAAY,uBAC5C,UAAAL,EAAA,CACH,EACF,CAAA;AAAA,IAAA,GAEJ;AAAA,IACCC,KACE,gBAAAI,EAAA,OAAA,EAAI,eAAY,4BAA2B,WAAU,wBACnD,UACHJ,EAAA,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/form-edit/formCtas.component.d.ts

@@ -1,28 +0,0 @@
-import { default as PropTypes } from 'prop-types';
-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?: Function;
-    onSubmit?: Function;
-    onReset?: Function;
-    onUndo?: Function;
-    onRedo?: Function;
-}
-export declare function FormEditCTAs({ saveText, disabled, options, onCopy, hasUndo, hasRedo, onUndo, onRedo, onReset, onSubmit }: FormEditCTAsProps): ReactElement;
-export declare namespace FormEditCTAs {
-    var propTypes: {
-        saveText: PropTypes.Requireable<string>;
-        options: PropTypes.Requireable<object>;
-        hasUndo: PropTypes.Requireable<boolean>;
-        hasRedo: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        onCopy: PropTypes.Requireable<(...args: any[]) => any>;
-        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-        onReset: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}

package/dist/components/form-edit/formCtas.component.js

@@ -1,70 +0,0 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import t from "prop-types";
-import { useTooltip as s } from "../../hooks/useTooltip.js";
-import { iconClass as n } from "../../utils/iconClass.js";
-function C({
-  saveText: p = "Save",
-  disabled: c,
-  options: o = {},
-  onCopy: r,
-  hasUndo: h,
-  hasRedo: f,
-  onUndo: a,
-  onRedo: d,
-  onReset: m,
-  onSubmit: b
-}) {
-  const { i18n: i = (T) => T } = o, g = s({
-    trigger: "hover",
-    placement: "top",
-    title: i("Copy")
-  }), u = s({
-    trigger: "hover",
-    placement: "top",
-    title: i("Undo last change")
-  }), v = s({
-    trigger: "hover",
-    placement: "top",
-    title: i("Redo last change")
-  }), N = s({
-    trigger: "hover",
-    placement: "top",
-    title: i("Reset all changes")
-  });
-  return /* @__PURE__ */ e("div", { className: "form-edit__actions", children: /* @__PURE__ */ l("div", { children: [
-    /* @__PURE__ */ l(
-      "button",
-      {
-        className: `btn btn-primary btn-save flex ${c ? "disabled" : ""}`,
-        disabled: c,
-        onClick: () => !c && b && b(),
-        children: [
-          /* @__PURE__ */ e("i", { className: `mr-1 ${n(o.iconset, "save")}` }),
-          p
-        ]
-      }
-    ),
-    /* @__PURE__ */ l("div", { children: [
-      /* @__PURE__ */ e("button", { className: `btn btn-light btn-undo ${h ? "" : "disabled"}`, onClick: () => a && a(), ref: u, children: /* @__PURE__ */ e("i", { className: n(o.iconset, "undo") }) }),
-      /* @__PURE__ */ e("button", { className: `btn btn-light btn-redo ${f ? "" : "disabled"}`, onClick: () => d && d(), ref: v, children: /* @__PURE__ */ e("i", { className: n(o.iconset, "redo") }) })
-    ] }),
-    /* @__PURE__ */ l("div", { children: [
-      r && /* @__PURE__ */ e("button", { className: "btn btn-light", onClick: () => r(), ref: g, children: /* @__PURE__ */ e("i", { className: n(o.iconset, "copy") }) }),
-      /* @__PURE__ */ e("button", { className: "btn btn-light btn-reset", onClick: () => m && m(), ref: N, children: /* @__PURE__ */ e("i", { className: n(o.iconset, "reset") }) })
-    ] })
-  ] }) });
-}
-C.propTypes = {
-  saveText: t.string,
-  options: t.object,
-  hasUndo: t.bool,
-  hasRedo: t.bool,
-  disabled: t.bool,
-  onCopy: t.func,
-  onSubmit: t.func,
-  onReset: t.func
-};
-export {
-  C as FormEditCTAs
-};
-//# sourceMappingURL=formCtas.component.js.map