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

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

@@ -1 +0,0 @@
-{"version":3,"file":"formCtas.component.js","sources":["../../../src/components/form-edit/formCtas.component.tsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport { ReactElement } from \"react\";\n\nimport { useTooltip } from \"../../hooks/useTooltip\";\nimport { FormOptions } from \"../../interfaces\";\nimport { iconClass } from \"../../utils/iconClass\";\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?: Function;\n  onSubmit?: Function;\n  onReset?: Function;\n  onUndo?: Function;\n  onRedo?: Function;\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  return (\n    <div className={\"form-edit__actions\"}>\n      <div>\n        <button\n          className={`btn btn-primary btn-save flex ${disabled ? \"disabled\" : \"\"}`}\n          disabled={disabled}\n          onClick={() => !disabled && onSubmit && onSubmit()}\n        >\n          <i className={`mr-1 ${iconClass(options.iconset, \"save\")}`} />\n          {saveText}\n        </button>\n\n        <div>\n          <button className={`btn btn-light btn-undo ${hasUndo ? \"\" : \"disabled\"}`} onClick={() => onUndo && onUndo()} ref={undoTooltipRef}>\n            <i className={iconClass(options.iconset, \"undo\")} />\n          </button>\n\n          <button className={`btn btn-light btn-redo ${hasRedo ? \"\" : \"disabled\"}`} onClick={() => onRedo && onRedo()} ref={redoTooltipRef}>\n            <i className={iconClass(options.iconset, \"redo\")} />\n          </button>\n        </div>\n\n        <div>\n          {onCopy && (\n            <button className='btn btn-light' onClick={() => onCopy()} ref={copyTooltipRef!}>\n              <i className={iconClass(options.iconset, \"copy\")} />\n            </button>\n          )}\n\n          <button className={`btn btn-light btn-reset`} onClick={() => onReset && onReset()} ref={resetTooltipRef!}>\n            <i className={iconClass(options.iconset, \"reset\")} />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nFormEditCTAs.propTypes = {\n  saveText: PropTypes.string,\n  options: PropTypes.object,\n  hasUndo: PropTypes.bool,\n  hasRedo: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onCopy: PropTypes.func,\n  onSubmit: PropTypes.func,\n  onReset: PropTypes.func\n};\n"],"names":["FormEditCTAs","saveText","disabled","options","onCopy","hasUndo","hasRedo","onUndo","onRedo","onReset","onSubmit","t","copyTooltipRef","useTooltip","undoTooltipRef","redoTooltipRef","resetTooltipRef","jsx","jsxs","iconClass","PropTypes"],"mappings":";;;;AAoBO,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;AAED,SACG,gBAAAM,EAAA,OAAA,EAAI,WAAW,sBACd,4BAAC,OACC,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,iCAAiChB,IAAW,aAAa,EAAE;AAAA,QACtE,UAAAA;AAAA,QACA,SAAS,MAAM,CAACA,KAAYQ,KAAYA,EAAS;AAAA,QAEjD,UAAA;AAAA,UAAC,gBAAAO,EAAA,KAAA,EAAE,WAAW,QAAQE,EAAUhB,EAAQ,SAAS,MAAM,CAAC,GAAI,CAAA;AAAA,UAC3DF;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,sBAEC,OACC,EAAA,UAAA;AAAA,MAAC,gBAAAgB,EAAA,UAAA,EAAO,WAAW,0BAA0BZ,IAAU,KAAK,UAAU,IAAI,SAAS,MAAME,KAAUA,EAAA,GAAU,KAAKO,GAChH,4BAAC,KAAE,EAAA,WAAWK,EAAUhB,EAAQ,SAAS,MAAM,EAAA,CAAG,EACpD,CAAA;AAAA,MAEA,gBAAAc,EAAC,YAAO,WAAW,0BAA0BX,IAAU,KAAK,UAAU,IAAI,SAAS,MAAME,KAAUA,KAAU,KAAKO,GAChH,UAAA,gBAAAE,EAAC,KAAE,EAAA,WAAWE,EAAUhB,EAAQ,SAAS,MAAM,EAAG,CAAA,EACpD,CAAA;AAAA,IAAA,GACF;AAAA,sBAEC,OACE,EAAA,UAAA;AAAA,MAAAC,uBACE,UAAO,EAAA,WAAU,iBAAgB,SAAS,MAAMA,EAAU,GAAA,KAAKQ,GAC9D,UAAA,gBAAAK,EAAC,OAAE,WAAWE,EAAUhB,EAAQ,SAAS,MAAM,EAAG,CAAA,GACpD;AAAA,wBAGD,UAAO,EAAA,WAAW,2BAA2B,SAAS,MAAMM,KAAWA,EAAQ,GAAG,KAAKO,GACtF,UAAA,gBAAAC,EAAC,OAAE,WAAWE,EAAUhB,EAAQ,SAAS,OAAO,GAAG,EACrD,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;AAEAH,EAAa,YAAY;AAAA,EACvB,UAAUoB,EAAU;AAAA,EACpB,SAASA,EAAU;AAAA,EACnB,SAASA,EAAU;AAAA,EACnB,SAASA,EAAU;AAAA,EACnB,UAAUA,EAAU;AAAA,EACpB,QAAQA,EAAU;AAAA,EAClB,UAAUA,EAAU;AAAA,EACpB,SAASA,EAAU;AACrB;"}

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

@@ -1,18 +0,0 @@
-import { default as PropTypes } from 'prop-types';
-import { FormOptions } from '../../interfaces/FormOptions';
-import { UseFormEditHookProps } from './useFormEdit.hook';
-export interface FormEditProps extends UseFormEditHookProps {
-    builder?: any;
-    options?: FormOptions;
-}
-export declare function FormEdit(props: FormEditProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace FormEdit {
-    var propTypes: {
-        form: PropTypes.Validator<object>;
-        options: PropTypes.Requireable<object>;
-        typeChoices: PropTypes.Requireable<any[]>;
-        displayChoices: PropTypes.Requireable<any[]>;
-        enableTags: PropTypes.Requireable<boolean>;
-        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}

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

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

package/dist/components/form-edit/formEdit.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formEdit.component.js","sources":["../../../src/components/form-edit/formEdit.component.tsx"],"sourcesContent":["import PropTypes from \"prop-types\";\n\nimport { FormOptions } from \"../../interfaces/FormOptions\";\nimport { FormBuilder } from \"../form-builder/formBuilder.component\";\nimport { FormEditCTAs } from \"./formCtas.component\";\nimport { FormParameters } from \"./formParameters.component\";\nimport { useFormEdit, UseFormEditHookProps } from \"./useFormEdit.hook\";\n\nexport interface FormEditProps extends UseFormEditHookProps {\n  builder?: any;\n  options?: FormOptions;\n}\n\nexport function FormEdit(props: FormEditProps) {\n  const { form, isValid, setChange, hasRedo, hasChanged, hasUndo, redo, undo, reset, onSubmit, onCopy } = useFormEdit(props);\n  const { options = {}, builder } = props;\n\n  return (\n    <div>\n      <div className='form-edit'>\n        <FormParameters {...props} className={\"\"} key={`form-settings-${form._id}`} form={form} onChange={setChange} />\n        <FormEditCTAs\n          {...props}\n          className={\"\"}\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        key={`form-builder-${form._id}`}\n        components={form.components!}\n        display={form.display}\n        options={options}\n        builder={builder}\n        onChange={(components) => {\n          setChange(\"components\", components);\n        }}\n      />\n    </div>\n  );\n}\n\nFormEdit.propTypes = {\n  form: PropTypes.object.isRequired,\n  options: PropTypes.object,\n  typeChoices: PropTypes.array,\n  displayChoices: PropTypes.array,\n  enableTags: PropTypes.bool,\n  onSubmit: PropTypes.func\n};\n"],"names":["FormEdit","props","form","isValid","setChange","hasRedo","hasChanged","hasUndo","redo","undo","reset","onSubmit","onCopy","useFormEdit","options","builder","jsxs","createElement","FormParameters","FormEditCTAs","jsx","FormBuilder","components","PropTypes"],"mappings":";;;;;;;AAaO,SAASA,EAASC,GAAsB;AAC7C,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,WAAAC,GAAW,SAAAC,GAAS,YAAAC,GAAY,SAAAC,GAAS,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,QAAAC,EAAO,IAAIC,EAAYZ,CAAK,GACnH,EAAE,SAAAa,IAAU,IAAI,SAAAC,EAAY,IAAAd;AAElC,2BACG,OACC,EAAA,UAAA;AAAA,IAAC,gBAAAe,EAAA,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAgB,EAAA,GAAGjB,GAAO,WAAW,IAAI,KAAK,iBAAiBC,EAAK,GAAG,IAAI,MAAAA,GAAY,UAAUE,GAAW;AAAA,MAC7G,gBAAAa;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,GAAGlB;AAAA,UACJ,WAAW;AAAA,UACX,KAAK,kBAAkBC,EAAK,GAAG;AAAA,UAC/B,SAAAY;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,MAAA;AAAA,IACF,GACF;AAAA,IAEA,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,YAAYnB,EAAK;AAAA,QACjB,SAASA,EAAK;AAAA,QACd,SAAAY;AAAA,QACA,SAAAC;AAAA,QACA,UAAU,CAACO,MAAe;AACxB,UAAAlB,EAAU,cAAckB,CAAU;AAAA,QAAA;AAAA,MACpC;AAAA,MAPK,gBAAgBpB,EAAK,GAAG;AAAA,IAAA;AAAA,EAQ/B,GACF;AAEJ;AAEAF,EAAS,YAAY;AAAA,EACnB,MAAMuB,EAAU,OAAO;AAAA,EACvB,SAASA,EAAU;AAAA,EACnB,aAAaA,EAAU;AAAA,EACvB,gBAAgBA,EAAU;AAAA,EAC1B,YAAYA,EAAU;AAAA,EACtB,UAAUA,EAAU;AACtB;"}

package/dist/components/form-edit/formEdit.reducer.d.ts

@@ -1,10 +0,0 @@
-import { FormSchema } from '../../interfaces';
-export declare const hasChanged: (form: Partial<FormSchema>, value: Partial<FormSchema>) => boolean;
-export interface FormEditState {
-    past: Partial<FormSchema>[];
-    future: Partial<FormSchema>[];
-    current: Partial<FormSchema>;
-    original: Partial<FormSchema>;
-}
-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.map

@@ -1 +0,0 @@
-{"version":3,"file":"formEdit.reducer.js","sources":["../../../src/components/form-edit/formEdit.reducer.ts"],"sourcesContent":["import camelCase from \"lodash/camelCase\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport isEqual from \"lodash/isEqual\";\n\nimport { FormSchema } from \"../../interfaces\";\n\nexport const hasChanged = (form: Partial<FormSchema>, value: Partial<FormSchema>): boolean => !isEqual(form, value);\n\nexport interface FormEditState {\n  past: Partial<FormSchema>[];\n  future: Partial<FormSchema>[];\n  current: Partial<FormSchema>;\n  original: Partial<FormSchema>;\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,GAA2BC,MAAwC,CAACC,EAAQF,GAAMC,CAAK;AAS3G,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/components/form-edit/formParameters.component.d.ts

@@ -1,34 +0,0 @@
-import { default as PropTypes } from 'prop-types';
-import { ReactElement } from 'react';
-import { FormSchema } from '../../interfaces/FormSchema';
-export declare const defaultDisplayChoices: {
-    label: string;
-    value: string;
-}[];
-export interface FormParametersProps {
-    onChange?: (name: string, value: any) => void;
-    form: Partial<FormSchema>;
-    typeChoices?: {
-        label: string;
-        value: any;
-    }[];
-    displayChoices?: {
-        label: string;
-        value: any;
-    }[];
-    enableTags?: boolean;
-    className?: string;
-    baseUrl?: string;
-    readonly?: Record<string, boolean>;
-}
-export declare function FormParameters({ onChange, form, enableTags, typeChoices, displayChoices, className, readonly, baseUrl }: FormParametersProps): ReactElement;
-export declare namespace FormParameters {
-    var propTypes: {
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        form: PropTypes.Requireable<object>;
-        enableTags: PropTypes.Requireable<boolean>;
-        typeChoices: PropTypes.Requireable<any[]>;
-        displayChoices: PropTypes.Requireable<any[]>;
-        className: PropTypes.Requireable<string>;
-    };
-}

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

@@ -1,92 +0,0 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import s from "prop-types";
-import { InputTags as u } from "../input-tags/inputTags.component.js";
-import { InputText as r } from "../input-text/inputText.component.js";
-import { Select as c } from "../select/select.component.js";
-const b = [
-  { label: "Form", value: "form" },
-  { label: "Wizard", value: "wizard" },
-  { label: "Pdf", value: "pdf" }
-];
-function v({
-  onChange: l,
-  form: a,
-  enableTags: d = !0,
-  typeChoices: t = [],
-  displayChoices: p = b,
-  className: n = "",
-  readonly: i = {},
-  baseUrl: o = window.location.origin
-}) {
-  const h = t && t.length > 1;
-  return /* @__PURE__ */ m("div", { className: `form-edit__settings ${n}`, children: [
-    /* @__PURE__ */ e("div", { className: "w-1/3", children: /* @__PURE__ */ e(
-      r,
-      {
-        label: "Title",
-        placeholder: "Enter the form title",
-        name: "title",
-        required: !0,
-        value: a.title,
-        disabled: !!i.title,
-        onChange: l
-      }
-    ) }),
-    /* @__PURE__ */ e("div", { className: "w-1/3", children: /* @__PURE__ */ e(
-      r,
-      {
-        label: "Name",
-        placeholder: "Enter the form machine name",
-        name: "name",
-        required: !0,
-        disabled: !!i.name,
-        value: a.name,
-        onChange: l
-      }
-    ) }),
-    /* @__PURE__ */ e("div", { className: "w-1/3", 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}/${a.path}`
-        ] }),
-        required: !0,
-        value: a.path,
-        disabled: !!i.path,
-        style: { textTransform: "lowercase", width: "120px" },
-        onChange: l
-      }
-    ) }),
-    /* @__PURE__ */ e("div", { className: "w-1/3", children: /* @__PURE__ */ e(
-      c,
-      {
-        label: "Display as",
-        name: "display",
-        disabled: !!i.display,
-        value: a.display,
-        choices: p,
-        onChange: l
-      }
-    ) }),
-    h && /* @__PURE__ */ e("div", { className: "w-1/3", children: /* @__PURE__ */ e(c, { label: "Type", name: "type", value: a.type, choices: t, onChange: l }) }),
-    d && /* @__PURE__ */ e("div", { className: "w-1/3", children: /* @__PURE__ */ e(u, { label: "Tags", name: "tags", value: a.tags, onChange: l }) })
-  ] });
-}
-v.propTypes = {
-  onChange: s.func,
-  form: s.object,
-  enableTags: s.bool,
-  typeChoices: s.array,
-  displayChoices: s.array,
-  className: s.string
-};
-export {
-  v as FormParameters,
-  b as defaultDisplayChoices
-};
-//# sourceMappingURL=formParameters.component.js.map

package/dist/components/form-edit/formParameters.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formParameters.component.js","sources":["../../../src/components/form-edit/formParameters.component.tsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport { ReactElement } from \"react\";\n\nimport { FormSchema } from \"../../interfaces/FormSchema\";\nimport { InputTags } from \"../input-tags/inputTags.component\";\nimport { InputText } from \"../input-text/inputText.component\";\nimport { Select } from \"../select/select.component\";\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, value: any) => void;\n  form: Partial<FormSchema>;\n  typeChoices?: { label: string; value: any }[];\n  displayChoices?: { label: string; value: any }[];\n  enableTags?: boolean;\n  className?: string;\n  baseUrl?: string;\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  baseUrl = window.location.origin\n}: FormParametersProps): ReactElement {\n  const hasTypeChoices = typeChoices && typeChoices.length > 1;\n\n  return (\n    <div className={`form-edit__settings ${className}`}>\n      <div className={\"w-1/3\"}>\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 className={\"w-1/3\"}>\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 className={\"w-1/3\"}>\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 className={\"w-1/3\"}>\n        <Select\n          label={\"Display as\"}\n          name={\"display\"}\n          disabled={!!readonly[\"display\"]}\n          value={form.display}\n          choices={displayChoices}\n          onChange={onChange}\n        />\n      </div>\n      {hasTypeChoices && (\n        <div className={\"w-1/3\"}>\n          <Select label={\"Type\"} name={\"type\"} value={form.type} choices={typeChoices} onChange={onChange} />\n        </div>\n      )}\n      {enableTags && (\n        <div className={\"w-1/3\"}>\n          <InputTags label={\"Tags\"} name={\"tags\"} value={form.tags} onChange={onChange} />\n        </div>\n      )}\n    </div>\n  );\n}\n\nFormParameters.propTypes = {\n  onChange: PropTypes.func,\n  form: PropTypes.object,\n  enableTags: PropTypes.bool,\n  typeChoices: PropTypes.array,\n  displayChoices: PropTypes.array,\n  className: PropTypes.string\n};\n"],"names":["defaultDisplayChoices","FormParameters","onChange","form","enableTags","typeChoices","displayChoices","className","readonly","baseUrl","hasTypeChoices","jsxs","jsx","InputText","Select","InputTags","PropTypes"],"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;AAaO,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,SAAAC,IAAU,OAAO,SAAS;AAC5B,GAAsC;AAC9B,QAAAC,IAAiBL,KAAeA,EAAY,SAAS;AAE3D,SACG,gBAAAM,EAAA,OAAA,EAAI,WAAW,uBAAuBJ,CAAS,IAC9C,UAAA;AAAA,IAAC,gBAAAK,EAAA,OAAA,EAAI,WAAW,SACd,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,aAAY;AAAA,QACZ,MAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAOV,EAAK;AAAA,QACZ,UAAU,CAAC,CAACK,EAAS;AAAA,QACrB,UAAAN;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAU,EAAC,OAAI,EAAA,WAAW,SACd,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,aAAY;AAAA,QACZ,MAAM;AAAA,QACN,UAAU;AAAA,QACV,UAAU,CAAC,CAACL,EAAS;AAAA,QACrB,OAAOL,EAAK;AAAA,QACZ,UAAAD;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAU,EAAC,OAAI,EAAA,WAAW,SACd,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,aAAY;AAAA,QACZ,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aACE,gBAAAF,EAAC,QAAK,EAAA,WAAW,8BACf,UAAA;AAAA,UAAC,gBAAAC,EAAA,KAAA,EAAE,WAAW,uBAAwB,CAAA;AAAA,UACrC,GAAGH,CAAO,IAAIN,EAAK,IAAI;AAAA,QAAA,GAC1B;AAAA,QAEF,UAAU;AAAA,QACV,OAAOA,EAAK;AAAA,QACZ,UAAU,CAAC,CAACK,EAAS;AAAA,QACrB,OAAO,EAAE,eAAe,aAAa,OAAO,QAAQ;AAAA,QACpD,UAAAN;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAU,EAAC,OAAI,EAAA,WAAW,SACd,UAAA,gBAAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,MAAM;AAAA,QACN,UAAU,CAAC,CAACN,EAAS;AAAA,QACrB,OAAOL,EAAK;AAAA,QACZ,SAASG;AAAA,QACT,UAAAJ;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACCQ,KACE,gBAAAE,EAAA,OAAA,EAAI,WAAW,SACd,4BAACE,GAAO,EAAA,OAAO,QAAQ,MAAM,QAAQ,OAAOX,EAAK,MAAM,SAASE,GAAa,UAAAH,EAAoB,CAAA,GACnG;AAAA,IAEDE,KACC,gBAAAQ,EAAC,OAAI,EAAA,WAAW,SACd,UAAC,gBAAAA,EAAAG,GAAA,EAAU,OAAO,QAAQ,MAAM,QAAQ,OAAOZ,EAAK,MAAM,UAAAD,GAAoB,EAChF,CAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAD,EAAe,YAAY;AAAA,EACzB,UAAUe,EAAU;AAAA,EACpB,MAAMA,EAAU;AAAA,EAChB,YAAYA,EAAU;AAAA,EACtB,aAAaA,EAAU;AAAA,EACvB,gBAAgBA,EAAU;AAAA,EAC1B,WAAWA,EAAU;AACvB;"}

package/dist/components/form-edit/useFormEdit.hook.js

@@ -1,36 +0,0 @@
-import s from "lodash/cloneDeep";
-import { useReducer as y, useEffect as g } from "react";
-import { reducer as C, createInitialState as S, hasChanged as b } from "./formEdit.reducer.js";
-function R(e) {
-  const [{ current: t, future: m, past: i }, o] = y(C, S(e)), u = () => {
-    e.onSubmit && typeof e.onSubmit == "function" && e.onSubmit(t);
-  }, a = () => {
-    e.onSubmit && typeof e.onCopy == "function" && e.onCopy(t);
-  };
-  g(() => {
-    e.form && (t._id !== e.form._id || t.modified !== e.form.modified) && o({ type: "replaceForm", value: e.form });
-  }, [e.form]);
-  const f = (n) => {
-    b(t, { ...t, ...n }) && o({ type: "formChange", value: n });
-  }, c = () => o({ type: "redo" }), r = () => o({ type: "undo" }), d = () => o({ type: "reset" }), h = (n, l) => {
-    f({ ...t, [n]: l });
-  };
-  return {
-    form: s(t),
-    redo: c,
-    undo: r,
-    reset: d,
-    hasChanged: !!i.length,
-    isValid: t.title && t.name && t.path,
-    hasUndo: !!i.length,
-    hasRedo: !!m.length,
-    onSubmit: u,
-    onCopy: a,
-    formChange: f,
-    setChange: h
-  };
-}
-export {
-  R as useFormEdit
-};
-//# sourceMappingURL=useFormEdit.hook.js.map

package/dist/components/form-edit/useFormEdit.hook.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFormEdit.hook.js","sources":["../../../src/components/form-edit/useFormEdit.hook.ts"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep\";\nimport { useEffect, useReducer } from \"react\";\n\nimport { FormSchema } from \"../../interfaces/FormSchema\";\nimport { createInitialState, hasChanged, reducer } from \"./formEdit.reducer\";\n\nexport interface UseFormEditHookProps extends Record<string, unknown> {\n  form?: Partial<FormSchema>;\n  typeChoices?: { label: string; value: any }[];\n  displayChoices?: { label: string; value: any }[];\n  enableTags?: boolean;\n  onSubmit?: (form: Partial<FormSchema>) => void;\n  onCopy?: (form: Partial<FormSchema>) => void;\n}\n\nexport function useFormEdit(props: UseFormEditHookProps) {\n  const [{ current, future, past }, dispatchFormAction] = useReducer(reducer, createInitialState(props));\n\n  const onSubmit = () => {\n    if (props.onSubmit && typeof props.onSubmit === \"function\") {\n      props.onSubmit(current);\n    }\n  };\n  const onCopy = () => {\n    if (props.onSubmit && typeof props.onCopy === \"function\") {\n      props.onCopy(current);\n    }\n  };\n\n  useEffect(() => {\n    if (props.form && (current._id !== props.form._id || current.modified !== props.form.modified)) {\n      dispatchFormAction({ type: \"replaceForm\", value: props.form });\n    }\n  }, [props.form]);\n\n  const formChange = (newForm: Partial<FormSchema>) => {\n    if (hasChanged(current, { ...current, ...newForm })) {\n      dispatchFormAction({ type: \"formChange\", value: newForm });\n    }\n  };\n\n  const redo = () => dispatchFormAction({ type: \"redo\" });\n  const undo = () => dispatchFormAction({ type: \"undo\" });\n  const reset = () => dispatchFormAction({ type: \"reset\" });\n\n  const setChange = (path: string, value: any) => {\n    formChange({ ...current, [path]: value });\n  };\n\n  return {\n    form: cloneDeep(current),\n    redo,\n    undo,\n    reset,\n    hasChanged: !!past.length,\n    isValid: current.title && current.name && current.path,\n    hasUndo: !!past.length,\n    hasRedo: !!future.length,\n    onSubmit,\n    onCopy,\n    formChange,\n    setChange\n  };\n}\n"],"names":["useFormEdit","props","current","future","past","dispatchFormAction","useReducer","reducer","createInitialState","onSubmit","onCopy","useEffect","formChange","newForm","hasChanged","redo","undo","reset","setChange","path","value","cloneDeep"],"mappings":";;;AAeO,SAASA,EAAYC,GAA6B;AACvD,QAAM,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,MAAAC,EAAK,GAAGC,CAAkB,IAAIC,EAAWC,GAASC,EAAmBP,CAAK,CAAC,GAE/FQ,IAAW,MAAM;AACrB,IAAIR,EAAM,YAAY,OAAOA,EAAM,YAAa,cAC9CA,EAAM,SAASC,CAAO;AAAA,EAE1B,GACMQ,IAAS,MAAM;AACnB,IAAIT,EAAM,YAAY,OAAOA,EAAM,UAAW,cAC5CA,EAAM,OAAOC,CAAO;AAAA,EAExB;AAEA,EAAAS,EAAU,MAAM;AACV,IAAAV,EAAM,SAASC,EAAQ,QAAQD,EAAM,KAAK,OAAOC,EAAQ,aAAaD,EAAM,KAAK,aACnFI,EAAmB,EAAE,MAAM,eAAe,OAAOJ,EAAM,MAAM;AAAA,EAC/D,GACC,CAACA,EAAM,IAAI,CAAC;AAET,QAAAW,IAAa,CAACC,MAAiC;AAC/C,IAAAC,EAAWZ,GAAS,EAAE,GAAGA,GAAS,GAAGW,EAAA,CAAS,KAChDR,EAAmB,EAAE,MAAM,cAAc,OAAOQ,GAAS;AAAA,EAE7D,GAEME,IAAO,MAAMV,EAAmB,EAAE,MAAM,QAAQ,GAChDW,IAAO,MAAMX,EAAmB,EAAE,MAAM,QAAQ,GAChDY,IAAQ,MAAMZ,EAAmB,EAAE,MAAM,SAAS,GAElDa,IAAY,CAACC,GAAcC,MAAe;AAC9C,IAAAR,EAAW,EAAE,GAAGV,GAAS,CAACiB,CAAI,GAAGC,GAAO;AAAA,EAC1C;AAEO,SAAA;AAAA,IACL,MAAMC,EAAUnB,CAAO;AAAA,IACvB,MAAAa;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAY,CAAC,CAACb,EAAK;AAAA,IACnB,SAASF,EAAQ,SAASA,EAAQ,QAAQA,EAAQ;AAAA,IAClD,SAAS,CAAC,CAACE,EAAK;AAAA,IAChB,SAAS,CAAC,CAACD,EAAO;AAAA,IAClB,UAAAM;AAAA,IACA,QAAAC;AAAA,IACA,YAAAE;AAAA,IACA,WAAAM;AAAA,EACF;AACF;"}

package/dist/components/form-settings/formSettings.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formSettings.component.js","sources":["../../../src/components/form-settings/formSettings.component.tsx"],"sourcesContent":["import isEqual from \"lodash/isEqual\";\nimport noop from \"lodash/noop\";\nimport { useEffect, useState } from \"react\";\n\nimport { FormOptions, FormSchema } from \"../../interfaces\";\nimport { Form } from \"../form/form.component\";\nimport { ChangedSubmission } from \"../form/useForm.hook\";\nimport { getFormSettingsSchema } from \"./formSettings.schema\";\nimport { FormSettingsSchema, formSettingsToSubmission, submissionToFormSettings } from \"./formSettings.utils\";\n\nexport interface FormSettingsProps {\n  form: Partial<FormSchema>;\n  onSubmit?: Function;\n  options?: FormOptions;\n}\n\nfunction useFormSettings({ form: formDefinition, onSubmit = noop, options }: FormSettingsProps) {\n  const form = getFormSettingsSchema();\n  const [isValid, setIsValid] = useState(true);\n  const [submission, setSubmission] = useState(() => formSettingsToSubmission(formDefinition));\n\n  const onChange = ({ data, isValid }: ChangedSubmission<FormSettingsSchema>) => {\n    if (isValid) {\n      setSubmission({ data });\n    }\n    setIsValid(isValid);\n  };\n\n  useEffect(() => {\n    const input = formSettingsToSubmission(formDefinition);\n    if (formDefinition?._id && !isEqual(submission.data, input.data)) {\n      setSubmission(input);\n    }\n  }, [formDefinition?._id]);\n\n  return {\n    options,\n    form,\n    type: formDefinition.type,\n    submission,\n    onChange,\n    isValid,\n    setIsValid,\n    onSubmit: () => {\n      onSubmit(submissionToFormSettings(formDefinition, submission));\n    }\n  };\n}\n\nexport function FormSettings(props: FormSettingsProps) {\n  const { form, submission, options = {}, onChange, onSubmit, isValid } = useFormSettings(props);\n\n  const i18n = options.i18n || ((f: string) => f);\n\n  return (\n    <div>\n      <Form form={form} submission={submission} onChange={onChange} options={options} />\n\n      <button data-testid='submit' disabled={!isValid} className={\"mt-5 btn btn-primary\"} onClick={onSubmit} type={\"submit\"}>\n        {i18n(\"Save settings\")}\n      </button>\n    </div>\n  );\n}\n"],"names":["useFormSettings","formDefinition","onSubmit","noop","options","form","getFormSettingsSchema","isValid","setIsValid","useState","submission","setSubmission","formSettingsToSubmission","onChange","data","useEffect","input","isEqual","submissionToFormSettings","FormSettings","props","i18n","f","jsx","Form"],"mappings":";;;;;;;AAgBA,SAASA,EAAgB,EAAE,MAAMC,GAAgB,UAAAC,IAAWC,GAAM,SAAAC,KAA8B;AAC9F,QAAMC,IAAOC,EAAsB,GAC7B,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAI,GACrC,CAACC,GAAYC,CAAa,IAAIF,EAAS,MAAMG,EAAyBX,CAAc,CAAC,GAErFY,IAAW,CAAC,EAAE,MAAAC,GAAM,SAAAP,QAAqD;AAC7E,IAAIA,KACYI,EAAA,EAAE,MAAAG,GAAM,GAExBN,EAAWD,CAAO;AAAA,EACpB;AAEA,SAAAQ,EAAU,MAAM;AACR,UAAAC,IAAQJ,EAAyBX,CAAc;AACjD,IAAAA,KAAA,QAAAA,EAAgB,OAAO,CAACgB,EAAQP,EAAW,MAAMM,EAAM,IAAI,KAC7DL,EAAcK,CAAK;AAAA,EACrB,GACC,CAACf,KAAA,gBAAAA,EAAgB,GAAG,CAAC,GAEjB;AAAA,IACL,SAAAG;AAAA,IACA,MAAAC;AAAA,IACA,MAAMJ,EAAe;AAAA,IACrB,YAAAS;AAAA,IACA,UAAAG;AAAA,IACA,SAAAN;AAAA,IACA,YAAAC;AAAA,IACA,UAAU,MAAM;AACL,MAAAN,EAAAgB,EAAyBjB,GAAgBS,CAAU,CAAC;AAAA,IAAA;AAAA,EAEjE;AACF;AAEO,SAASS,EAAaC,GAA0B;AAC/C,QAAA,EAAE,MAAAf,GAAM,YAAAK,GAAY,SAAAN,IAAU,CAAI,GAAA,UAAAS,GAAU,UAAAX,GAAU,SAAAK,EAAA,IAAYP,EAAgBoB,CAAK,GAEvFC,IAAOjB,EAAQ,SAAS,CAACkB,MAAcA;AAE7C,2BACG,OACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAK,EAAA,MAAAnB,GAAY,YAAAK,GAAwB,UAAAG,GAAoB,SAAAT,GAAkB;AAAA,IAE/E,gBAAAmB,EAAA,UAAA,EAAO,eAAY,UAAS,UAAU,CAAChB,GAAS,WAAW,wBAAwB,SAASL,GAAU,MAAM,UAC1G,UAAAmB,EAAK,eAAe,EACvB,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/form-settings/formSettings.schema.d.ts

@@ -1,2 +0,0 @@
-import { FormSchema } from '../../interfaces';
-export declare function getFormSettingsSchema(): FormSchema;

package/dist/components/form-settings/formSettings.schema.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formSettings.schema.js","sources":["../../../src/components/form-settings/formSettings.schema.ts"],"sourcesContent":["import { FormSchema } from \"../../interfaces\";\n\nexport function getFormSettingsSchema(): FormSchema {\n  return {\n    type: \"form\",\n    tags: [],\n    components: [\n      {\n        input: true,\n        key: \"action\",\n        placeholder: \"Enter the custom submission URL\",\n        label: \"Custom Action Url\",\n        labelPosition: \"top\",\n        widget: { type: \"input\" },\n        type: \"url\",\n        mask: false,\n        inputType: \"url\",\n        inputFormat: \"plain\",\n        spellcheck: true,\n        id: \"efyrzea\",\n        attributes: {\n          \"data-testid\": \"action\"\n        }\n      },\n      {\n        input: true,\n        key: \"tags\",\n        placeholder: \"Add tags\",\n        label: \"Form tags\",\n        widget: { type: \"input\" },\n        type: \"tags\",\n        delimeter: \",\",\n        storeas: \"array\",\n        maxTags: 0,\n        id: \"erxcyw\"\n      },\n      {\n        input: true,\n        key: \"properties\",\n        label: \"Custom Properties\",\n        labelPosition: \"top\",\n        type: \"datamap\",\n        addAnother: \"Add Another\",\n        disableAddingRemovingRows: false,\n        keyBeforeValue: true,\n        valueComponent: {\n          type: \"textfield\",\n          key: \"value\",\n          label: \"Value\",\n          input: true,\n          hideLabel: true\n        },\n        id: \"ezne35\"\n      }\n    ],\n    display: \"form\"\n  };\n}\n"],"names":["getFormSettingsSchema"],"mappings":"AAEO,SAASA,IAAoC;AAC3C,SAAA;AAAA,IACL,MAAM;AAAA,IACN,MAAM,CAAC;AAAA,IACP,YAAY;AAAA,MACV;AAAA,QACE,OAAO;AAAA,QACP,KAAK;AAAA,QACL,aAAa;AAAA,QACb,OAAO;AAAA,QACP,eAAe;AAAA,QACf,QAAQ,EAAE,MAAM,QAAQ;AAAA,QACxB,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,IAAI;AAAA,QACJ,YAAY;AAAA,UACV,eAAe;AAAA,QAAA;AAAA,MAEnB;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,KAAK;AAAA,QACL,aAAa;AAAA,QACb,OAAO;AAAA,QACP,QAAQ,EAAE,MAAM,QAAQ;AAAA,QACxB,MAAM;AAAA,QACN,WAAW;AAAA,QACX,SAAS;AAAA,QACT,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,QACP,eAAe;AAAA,QACf,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,2BAA2B;AAAA,QAC3B,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,UACd,MAAM;AAAA,UACN,KAAK;AAAA,UACL,OAAO;AAAA,UACP,OAAO;AAAA,UACP,WAAW;AAAA,QACb;AAAA,QACA,IAAI;AAAA,MAAA;AAAA,IAER;AAAA,IACA,SAAS;AAAA,EACX;AACF;"}

package/dist/components/form-settings/formSettings.utils.d.ts

@@ -1,8 +0,0 @@
-import { FormSchema, Submission } from '../../interfaces';
-export type FormSettingsSchema = {
-    action: string;
-    tags: string[];
-    properties: Record<string, any>;
-};
-export declare function formSettingsToSubmission(form: Partial<FormSchema>): Submission<FormSettingsSchema>;
-export declare function submissionToFormSettings(form: Partial<FormSchema>, submission: Submission<FormSettingsSchema>): Partial<FormSchema>;

package/dist/components/form-settings/formSettings.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formSettings.utils.js","sources":["../../../src/components/form-settings/formSettings.utils.ts"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep\";\n\nimport { FormSchema, Submission } from \"../../interfaces\";\n\nexport type FormSettingsSchema = {\n  action: string;\n  tags: string[];\n  properties: Record<string, any>;\n};\n\nexport function formSettingsToSubmission(form: Partial<FormSchema>): Submission<FormSettingsSchema> {\n  return {\n    data: {\n      action: form.action!,\n      tags: form.tags!,\n      properties: form.properties!\n    }\n  };\n}\n\nexport function submissionToFormSettings(form: Partial<FormSchema>, submission: Submission<FormSettingsSchema>): Partial<FormSchema> {\n  return {\n    ...cloneDeep(form),\n    tags: submission.data.tags,\n    action: submission.data.action,\n    properties: submission.data.properties\n  };\n}\n"],"names":["formSettingsToSubmission","form","submissionToFormSettings","submission","cloneDeep"],"mappings":";AAUO,SAASA,EAAyBC,GAA2D;AAC3F,SAAA;AAAA,IACL,MAAM;AAAA,MACJ,QAAQA,EAAK;AAAA,MACb,MAAMA,EAAK;AAAA,MACX,YAAYA,EAAK;AAAA,IAAA;AAAA,EAErB;AACF;AAEgB,SAAAC,EAAyBD,GAA2BE,GAAiE;AAC5H,SAAA;AAAA,IACL,GAAGC,EAAUH,CAAI;AAAA,IACjB,MAAME,EAAW,KAAK;AAAA,IACtB,QAAQA,EAAW,KAAK;AAAA,IACxB,YAAYA,EAAW,KAAK;AAAA,EAC9B;AACF;"}

package/dist/components/forms-table/components/formCell.component.d.ts

@@ -1,6 +0,0 @@
-import { CellProps } from 'react-table';
-import { FormSchema } from '../../../interfaces';
-export declare function FormsCell(props: CellProps<FormSchema> & {
-    icon: string;
-    i18n: (f: string) => string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/forms-table/components/formCell.component.js

@@ -1,50 +0,0 @@
-import { jsxs as e, jsx as s } from "react/jsx-runtime";
-import { c as m } from "../../../chunks/index.js";
-import c from "moment";
-import { iconClass as i } from "../../../utils/iconClass.js";
-import { stopPropagationWrapper as n } from "../../../utils/stopPropagationWrapper.js";
-function f(r) {
-  const {
-    icon: o = "server",
-    row: { original: a }
-  } = r;
-  return /* @__PURE__ */ e("div", { className: "p-1", children: [
-    /* @__PURE__ */ e("h4", { className: "text-primary text-lg flex items-center", children: [
-      /* @__PURE__ */ s("i", { className: m(i(void 0, o), "mr-1") }),
-      a.title
-    ] }),
-    /* @__PURE__ */ e("ul", { className: "reset-list text-gray-500", children: [
-      /* @__PURE__ */ e("li", { className: "text-sm", children: [
-        "Name: ",
-        a.name || a.machineName
-      ] }),
-      /* @__PURE__ */ e("li", { className: "mt-5", children: [
-        /* @__PURE__ */ e("span", { className: "badge bg-light mr-1", children: [
-          /* @__PURE__ */ s("i", { className: m(i(void 0, "history"), "mr-1") }),
-          /* @__PURE__ */ e("span", { children: [
-            "Updated ",
-            c(a.modified).fromNow()
-          ] })
-        ] }),
-        (a.tags || []).map((t, l) => /* @__PURE__ */ e(
-          "button",
-          {
-            className: "badge badge-hover bg-secondary mr-1",
-            onClick: n(() => {
-              r.setFilter("tags", t), r.gotoPage(0);
-            }),
-            children: [
-              /* @__PURE__ */ s("i", { className: m(i(void 0, "tags"), "mr-1") }),
-              t
-            ]
-          },
-          l
-        ))
-      ] })
-    ] })
-  ] });
-}
-export {
-  f as FormsCell
-};
-//# sourceMappingURL=formCell.component.js.map

package/dist/components/forms-table/components/formCell.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formCell.component.js","sources":["../../../../src/components/forms-table/components/formCell.component.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport moment from \"moment\";\nimport { CellProps } from \"react-table\";\n\nimport { FormSchema } from \"../../../interfaces\";\nimport { iconClass } from \"../../../utils/iconClass\";\nimport { stopPropagationWrapper } from \"../../../utils/stopPropagationWrapper\";\n\nexport function FormsCell(props: CellProps<FormSchema> & { icon: string; i18n: (f: string) => string }) {\n  const {\n    icon = \"server\",\n    row: { original: form }\n  } = props;\n\n  return (\n    <div className={\"p-1\"}>\n      <h4 className={\"text-primary text-lg flex items-center\"}>\n        <i className={classnames(iconClass(undefined, icon), \"mr-1\")} />\n        {form.title}\n      </h4>\n\n      <ul className='reset-list text-gray-500'>\n        <li className={\"text-sm\"}>Name: {form.name || form.machineName}</li>\n        <li className='mt-5'>\n          <span className='badge bg-light mr-1'>\n            <i className={classnames(iconClass(undefined, \"history\"), \"mr-1\")} />\n            <span>Updated {moment(form.modified).fromNow()}</span>\n          </span>\n\n          {(form.tags || []).map((tag, index) => (\n            <button\n              key={index}\n              className='badge badge-hover bg-secondary mr-1'\n              onClick={stopPropagationWrapper(() => {\n                props.setFilter(\"tags\", tag);\n                props.gotoPage(0);\n              })}\n            >\n              <i className={classnames(iconClass(undefined, \"tags\"), \"mr-1\")} />\n              {tag}\n            </button>\n          ))}\n        </li>\n      </ul>\n    </div>\n  );\n}\n"],"names":["FormsCell","props","icon","form","jsxs","jsx","classnames","iconClass","moment","tag","index","stopPropagationWrapper"],"mappings":";;;;;AAQO,SAASA,EAAUC,GAA8E;AAChG,QAAA;AAAA,IACJ,MAAAC,IAAO;AAAA,IACP,KAAK,EAAE,UAAUC,EAAK;AAAA,EAAA,IACpBF;AAGF,SAAA,gBAAAG,EAAC,OAAI,EAAA,WAAW,OACd,UAAA;AAAA,IAAC,gBAAAA,EAAA,MAAA,EAAG,WAAW,0CACb,UAAA;AAAA,MAAC,gBAAAC,EAAA,KAAA,EAAE,WAAWC,EAAWC,EAAU,QAAWL,CAAI,GAAG,MAAM,GAAG;AAAA,MAC7DC,EAAK;AAAA,IAAA,GACR;AAAA,IAEA,gBAAAC,EAAC,MAAG,EAAA,WAAU,4BACZ,UAAA;AAAA,MAAC,gBAAAA,EAAA,MAAA,EAAG,WAAW,WAAW,UAAA;AAAA,QAAA;AAAA,QAAOD,EAAK,QAAQA,EAAK;AAAA,MAAA,GAAY;AAAA,MAC/D,gBAAAC,EAAC,MAAG,EAAA,WAAU,QACZ,UAAA;AAAA,QAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,uBACd,UAAA;AAAA,UAAC,gBAAAC,EAAA,KAAA,EAAE,WAAWC,EAAWC,EAAU,QAAW,SAAS,GAAG,MAAM,GAAG;AAAA,4BAClE,QAAK,EAAA,UAAA;AAAA,YAAA;AAAA,YAASC,EAAOL,EAAK,QAAQ,EAAE,QAAQ;AAAA,UAAA,EAAE,CAAA;AAAA,QAAA,GACjD;AAAA,SAEEA,EAAK,QAAQ,IAAI,IAAI,CAACM,GAAKC,MAC3B,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,SAASO,EAAuB,MAAM;AAC9B,cAAAV,EAAA,UAAU,QAAQQ,CAAG,GAC3BR,EAAM,SAAS,CAAC;AAAA,YAAA,CACjB;AAAA,YAED,UAAA;AAAA,cAAC,gBAAAI,EAAA,KAAA,EAAE,WAAWC,EAAWC,EAAU,QAAW,MAAM,GAAG,MAAM,GAAG;AAAA,cAC/DE;AAAA,YAAA;AAAA,UAAA;AAAA,UARIC;AAAA,QAUR,CAAA;AAAA,MAAA,EACH,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/forms-table/formsTable.component.d.ts

@@ -1,10 +0,0 @@
-import { FormSchema } from '../../interfaces';
-import { TableProps } from '../table/hooks/useCustomTable.hook';
-export type FormsTableProps = Omit<TableProps<FormSchema>, "columns"> & {
-    icon?: string;
-    tags?: {
-        label: string;
-        value: string;
-    }[];
-};
-export declare function FormsTable({ Cell, ...props }: FormsTableProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/forms-table/formsTable.component.js

@@ -1,29 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { DefaultColumnFilter as i } from "../table/filters/defaultColumnFilter.component.js";
-import { SelectColumnFilter as s } from "../table/filters/selectColumnFilter.component.js";
-import { Table as a } from "../table/table.component.js";
-import { FormsCell as u } from "./components/formCell.component.js";
-function T({ Cell: m, ...r }) {
-  const { i18n: o = (e) => e, tags: l } = r, c = m || u, n = [
-    {
-      Header: o("Title"),
-      accessor: "title",
-      id: "title",
-      Cell: (e) => /* @__PURE__ */ t(c, { ...e, icon: e.icon, i18n: o }),
-      Filter: i,
-      colspan: 2
-    },
-    {
-      Header: o("Tags"),
-      accessor: "tags",
-      id: "tags",
-      hidden: !0,
-      Filter: (e) => l && l.length ? /* @__PURE__ */ t(s, { ...e, column: { ...e.columns, choices: l } }) : /* @__PURE__ */ t(i, { ...e })
-    }
-  ];
-  return /* @__PURE__ */ t(a, { ...r, columns: n });
-}
-export {
-  T as FormsTable
-};
-//# sourceMappingURL=formsTable.component.js.map

package/dist/components/forms-table/formsTable.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formsTable.component.js","sources":["../../../src/components/forms-table/formsTable.component.tsx"],"sourcesContent":["import { FormSchema } from \"../../interfaces\";\nimport { DefaultColumnFilter } from \"../table/filters/defaultColumnFilter.component\";\nimport { SelectColumnFilter } from \"../table/filters/selectColumnFilter.component\";\nimport { TableProps } from \"../table/hooks/useCustomTable.hook\";\nimport { Table } from \"../table/table.component\";\nimport { FormsCell as DefaultFormCell } from \"./components/formCell.component\";\n\nexport type FormsTableProps = Omit<TableProps<FormSchema>, \"columns\"> & {\n  icon?: string;\n  tags?: { label: string; value: string }[];\n};\n\nexport function FormsTable({ Cell, ...props }: FormsTableProps) {\n  const { i18n = (f: string) => f, tags } = props;\n  const FormCell = Cell || (DefaultFormCell as any);\n  const columns = [\n    {\n      Header: i18n(\"Title\"),\n      accessor: \"title\",\n      id: \"title\",\n      Cell: (props: any) => <FormCell {...props} icon={props.icon} i18n={i18n} />,\n      Filter: DefaultColumnFilter,\n      colspan: 2\n    },\n    {\n      Header: i18n(\"Tags\"),\n      accessor: \"tags\",\n      id: \"tags\",\n      hidden: true,\n      Filter: (props: any) =>\n        tags && tags.length ? (\n          <SelectColumnFilter {...props} column={{ ...props.columns, choices: tags }} />\n        ) : (\n          <DefaultColumnFilter {...props} />\n        )\n    }\n  ];\n\n  return <Table {...(props as any)} columns={columns} />;\n}\n"],"names":["FormsTable","Cell","props","i18n","f","tags","FormCell","DefaultFormCell","columns","jsx","DefaultColumnFilter","SelectColumnFilter","Table"],"mappings":";;;;;AAYO,SAASA,EAAW,EAAE,MAAAC,GAAM,GAAGC,KAA0B;AAC9D,QAAM,EAAE,MAAAC,IAAO,CAACC,MAAcA,GAAG,MAAAC,EAAS,IAAAH,GACpCI,IAAWL,KAASM,GACpBC,IAAU;AAAA,IACd;AAAA,MACE,QAAQL,EAAK,OAAO;AAAA,MACpB,UAAU;AAAA,MACV,IAAI;AAAA,MACJ,MAAM,CAACD,MAAgB,gBAAAO,EAAAH,GAAA,EAAU,GAAGJ,GAAO,MAAMA,EAAM,MAAM,MAAAC,EAAY,CAAA;AAAA,MACzE,QAAQO;AAAA,MACR,SAAS;AAAA,IACX;AAAA,IACA;AAAA,MACE,QAAQP,EAAK,MAAM;AAAA,MACnB,UAAU;AAAA,MACV,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,QAAQ,CAACD,MACPG,KAAQA,EAAK,SACX,gBAAAI,EAACE,GAAoB,EAAA,GAAGT,GAAO,QAAQ,EAAE,GAAGA,EAAM,SAAS,SAASG,EAAA,GAAQ,IAE5E,gBAAAI,EAACC,GAAqB,EAAA,GAAGR,EAAO,CAAA;AAAA,IAAA;AAAA,EAGxC;AAEA,SAAQ,gBAAAO,EAAAG,GAAA,EAAO,GAAIV,GAAe,SAAAM,EAAkB,CAAA;AACtD;"}

package/dist/components/index.d.ts

@@ -1,25 +0,0 @@
-export * from './actions-table/actionsTable.component';
-export * from './alert/alert.component';
-export * from './card/card.component';
-export * from './form/form.component';
-export * from './form/useForm.hook';
-export * from './form-access/formAccess.component';
-export * from './form-action/formAction.component';
-export * from './form-builder/formBuilder.component';
-export * from './form-control/formControl.component';
-export * from './form-edit/formCtas.component';
-export * from './form-edit/formEdit.component';
-export * from './form-edit/formParameters.component';
-export * from './form-edit/useFormEdit.hook';
-export * from './form-settings/formSettings.component';
-export * from './forms-table/formsTable.component';
-export * from './input-tags/inputTags.component';
-export * from './input-text/inputText.component';
-export * from './loader/loader.component';
-export * from './modal/modal.component';
-export * from './modal/removeModal.component';
-export * from './pagination/pagination.component';
-export * from './select/select.component';
-export * from './submissions-table/submissionsTable.component';
-export * from './table';
-export * from './tabs/tabs.component';

package/dist/components/index.js

@@ -1,86 +0,0 @@
-import { ActionsTable as e } from "./actions-table/actionsTable.component.js";
-import { Alert as m } from "./alert/alert.component.js";
-import { Card as f } from "./card/card.component.js";
-import { Form as x } from "./form/form.component.js";
-import { useForm as s } from "./form/useForm.hook.js";
-import { FormAccess as i } from "./form-access/formAccess.component.js";
-import { FormAction as F } from "./form-action/formAction.component.js";
-import { FormBuilder as T } from "./form-builder/formBuilder.component.js";
-import { FormControl as b } from "./form-control/formControl.component.js";
-import { FormEditCTAs as A } from "./form-edit/formCtas.component.js";
-import { FormEdit as E } from "./form-edit/formEdit.component.js";
-import { FormParameters as g, defaultDisplayChoices as P } from "./form-edit/formParameters.component.js";
-import { useFormEdit as B } from "./form-edit/useFormEdit.hook.js";
-import { FormSettings as I } from "./form-settings/formSettings.component.js";
-import { FormsTable as w } from "./forms-table/formsTable.component.js";
-import { InputTags as L } from "./input-tags/inputTags.component.js";
-import { InputText as _ } from "./input-text/inputText.component.js";
-import { Loader as k } from "./loader/loader.component.js";
-import { Modal as y, useModal as N } from "./modal/modal.component.js";
-import { RemoveModal as q } from "./modal/removeModal.component.js";
-import { Pagination as J } from "./pagination/pagination.component.js";
-import { Select as Q } from "./select/select.component.js";
-import { SubmissionsTable as V } from "./submissions-table/submissionsTable.component.js";
-import { DefaultArrowSort as X } from "./table/components/defaultArrowSort.component.js";
-import { DefaultCell as Z } from "./table/components/defaultCell.component.js";
-import { DefaultCellHeader as oo } from "./table/components/defaultCellHeader.component.js";
-import { DefaultCellOperations as eo } from "./table/components/defaultCellOperations.component.js";
-import { DefaultOperationButton as mo } from "./table/components/defaultOperationButton.component.js";
-import { DefaultColumnFilter as fo } from "./table/filters/defaultColumnFilter.component.js";
-import { SelectColumnFilter as xo, useSelectColumnFilter as ao } from "./table/filters/selectColumnFilter.component.js";
-import { SliderColumnFilter as uo } from "./table/filters/sliderColumnFilter.component.js";
-import { getOperationCallback as no, useCustomTable as Fo } from "./table/hooks/useCustomTable.hook.js";
-import { useOperations as To } from "./table/hooks/useOperations.hook.js";
-import { Table as co } from "./table/table.component.js";
-import { LEFT_PAGE as Do, RIGHT_PAGE as Eo, getPageNumbers as So } from "./table/utils/getPageNumbers.js";
-import { mapFormToColumns as Po } from "./table/utils/mapFormToColumns.js";
-import { swapElements as Bo } from "./table/utils/swapElements.js";
-import { ButtonTab as Io, Tabs as Mo } from "./tabs/tabs.component.js";
-export {
-  e as ActionsTable,
-  m as Alert,
-  Io as ButtonTab,
-  f as Card,
-  X as DefaultArrowSort,
-  Z as DefaultCell,
-  oo as DefaultCellHeader,
-  eo as DefaultCellOperations,
-  fo as DefaultColumnFilter,
-  mo as DefaultOperationButton,
-  x as Form,
-  i as FormAccess,
-  F as FormAction,
-  T as FormBuilder,
-  b as FormControl,
-  E as FormEdit,
-  A as FormEditCTAs,
-  g as FormParameters,
-  I as FormSettings,
-  w as FormsTable,
-  L as InputTags,
-  _ as InputText,
-  Do as LEFT_PAGE,
-  k as Loader,
-  y as Modal,
-  J as Pagination,
-  Eo as RIGHT_PAGE,
-  q as RemoveModal,
-  Q as Select,
-  xo as SelectColumnFilter,
-  uo as SliderColumnFilter,
-  V as SubmissionsTable,
-  co as Table,
-  Mo as Tabs,
-  P as defaultDisplayChoices,
-  no as getOperationCallback,
-  So as getPageNumbers,
-  Po as mapFormToColumns,
-  Bo as swapElements,
-  Fo as useCustomTable,
-  s as useForm,
-  B as useFormEdit,
-  N as useModal,
-  To as useOperations,
-  ao as useSelectColumnFilter
-};
-//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/components/input-tags/inputTags.component.d.ts

@@ -1,18 +0,0 @@
-import { default as PropTypes } from 'prop-types';
-import { FormControlProps } from '../form-control/formControl.component';
-export interface InputTagsProps<T = any> extends Omit<FormControlProps, "description" | "prefix" | "suffix"> {
-    value?: T;
-    onChange?: (name: string, value: T) => void;
-    placeholder?: string;
-    [key: string]: any;
-}
-export declare function InputTags({ name, value, label, onChange, required, description, prefix, suffix, ...props }: InputTagsProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace InputTags {
-    var propTypes: {
-        label: PropTypes.Requireable<string>;
-        name: PropTypes.Validator<string>;
-        value: PropTypes.Requireable<any[]>;
-        required: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}