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

package/dist/components/tabs/tabs.component.js

@@ -1,72 +0,0 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { c as i } from "../../chunks/index.js";
-import { iconClass as p } from "../../utils/iconClass.js";
-function N({ icon: c, back: s, onClick: n, isActive: b, reverse: l, children: o, className: r, after: _ }) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      title: "button-wrapper",
-      className: i("tw-tabs__button-wrapper", b ? "-active" : "", s ? "-back" : "", r),
-      children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            title: "button-tab",
-            className: i("tw-tabs__button", l ? "-reverse" : "", b ? "-active" : "", s ? "-back" : ""),
-            onClick: n,
-            children: [
-              c && /* @__PURE__ */ t("i", { className: i(p(void 0, c), "tw-tabs__button-icon") }),
-              /* @__PURE__ */ t("span", { className: "tw-tabs__button-label", children: o }),
-              _
-            ]
-          }
-        ),
-        /* @__PURE__ */ t("div", { className: i("tw-tabs__button-border", b ? "-active" : "") })
-      ]
-    }
-  );
-}
-function x({
-  style: c,
-  current: s,
-  items: n = [],
-  children: b,
-  HeaderChildren: l,
-  AddButton: o,
-  Button: r = N,
-  className: _,
-  onClick: m,
-  i18n: w = (a) => a,
-  ...d
-}) {
-  return /* @__PURE__ */ e("div", { "data-testid": "tabs-comp", className: `tw-tabs ${_}`, style: c, children: [
-    /* @__PURE__ */ e("div", { children: [
-      /* @__PURE__ */ t("nav", { className: "tw-tabs__header", children: /* @__PURE__ */ e("div", { className: "tw-tabs__header-wrapper", children: [
-        /* @__PURE__ */ t("div", { className: "tw-tabs__header-border" }),
-        n.filter((a) => a.label || a.icon).map((a, v) => /* @__PURE__ */ t(
-          r,
-          {
-            back: a.back,
-            isActive: (s == null ? void 0 : s.action) === a.action,
-            exact: a.exact,
-            onClick: () => {
-              m && m(a);
-            },
-            ...d,
-            ...a,
-            children: w(a.label || "")
-          },
-          v
-        )),
-        o && /* @__PURE__ */ t(o, { ...d, current: s })
-      ] }) }),
-      l && /* @__PURE__ */ t(l, { ...d, current: s })
-    ] }),
-    /* @__PURE__ */ t("div", { title: "tab-body", className: "tw-tabs__body", children: b })
-  ] });
-}
-export {
-  N as ButtonTab,
-  x as Tabs
-};
-//# sourceMappingURL=tabs.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.component.js","sources":["../../../src/components/tabs/tabs.component.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\nimport { iconClass } from \"../../utils/iconClass\";\n\nexport function ButtonTab({ icon, back, onClick, isActive, reverse, children, className, after }: PropsWithChildren<any>) {\n  return (\n    <div\n      title={\"button-wrapper\"}\n      className={classnames(\"tw-tabs__button-wrapper\", isActive ? \"-active\" : \"\", back ? \"-back\" : \"\", className)}\n    >\n      <button\n        title={\"button-tab\"}\n        className={classnames(\"tw-tabs__button\", reverse ? \"-reverse\" : \"\", isActive ? \"-active\" : \"\", back ? \"-back\" : \"\")}\n        onClick={onClick}\n      >\n        {icon && <i className={classnames(iconClass(undefined, icon), \"tw-tabs__button-icon\")} />}\n        <span className={\"tw-tabs__button-label\"}>{children}</span>\n        {after}\n      </button>\n      <div className={classnames(\"tw-tabs__button-border\", isActive ? \"-active\" : \"\")} />\n    </div>\n  );\n}\n\nexport interface TabsItemProps extends Record<string, any> {\n  label?: string;\n  icon?: string;\n}\n\nexport interface TabsProps extends Record<string, any> {\n  headerChildren?: any;\n  AddButton?: any;\n  current?: TabsItemProps;\n  items?: TabsItemProps[];\n  style?: any;\n  className?: string;\n  reverse?: boolean;\n  Button?: any;\n  onClick?: (item: TabsItemProps) => void;\n  i18n?: (f: string) => string;\n}\n\nexport function Tabs({\n  style,\n  current,\n  items = [],\n  children,\n  HeaderChildren,\n  AddButton,\n  Button = ButtonTab,\n  className,\n  onClick,\n  i18n = (f) => f,\n  ...additionalProps\n}: PropsWithChildren<TabsProps>) {\n  return (\n    <div data-testid={\"tabs-comp\"} className={`tw-tabs ${className}`} style={style}>\n      <div>\n        <nav className='tw-tabs__header'>\n          <div className='tw-tabs__header-wrapper'>\n            <div className='tw-tabs__header-border' />\n            {items\n              .filter((item) => item.label || item.icon)\n              .map((item, index) => {\n                return (\n                  <Button\n                    key={index}\n                    back={item.back}\n                    isActive={current?.action === item.action}\n                    exact={item.exact}\n                    onClick={() => {\n                      onClick && onClick(item);\n                    }}\n                    {...additionalProps}\n                    {...item}\n                  >\n                    {i18n(item.label || \"\")}\n                  </Button>\n                );\n              })}\n            {AddButton && <AddButton {...additionalProps} current={current} />}\n          </div>\n        </nav>\n        {HeaderChildren && <HeaderChildren {...additionalProps} current={current} />}\n      </div>\n      <div title={\"tab-body\"} className={\"tw-tabs__body\"}>\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"names":["ButtonTab","icon","back","onClick","isActive","reverse","children","className","after","jsxs","classnames","jsx","iconClass","Tabs","style","current","items","HeaderChildren","AddButton","Button","i18n","f","additionalProps","item","index"],"mappings":";;;AAKgB,SAAAA,EAAU,EAAE,MAAAC,GAAM,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,OAAAC,KAAiC;AAEtH,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAWC,EAAW,2BAA2BN,IAAW,YAAY,IAAIF,IAAO,UAAU,IAAIK,CAAS;AAAA,MAE1G,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,WAAWC,EAAW,mBAAmBL,IAAU,aAAa,IAAID,IAAW,YAAY,IAAIF,IAAO,UAAU,EAAE;AAAA,YAClH,SAAAC;AAAA,YAEC,UAAA;AAAA,cAAQF,KAAA,gBAAAU,EAAC,OAAE,WAAWD,EAAWE,EAAU,QAAWX,CAAI,GAAG,sBAAsB,EAAG,CAAA;AAAA,cACtF,gBAAAU,EAAA,QAAA,EAAK,WAAW,yBAA0B,UAAAL,EAAS,CAAA;AAAA,cACnDE;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,QACA,gBAAAG,EAAC,SAAI,WAAWD,EAAW,0BAA0BN,IAAW,YAAY,EAAE,EAAG,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACnF;AAEJ;AAoBO,SAASS,EAAK;AAAA,EACnB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,UAAAV;AAAA,EACA,gBAAAW;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAASnB;AAAA,EACT,WAAAO;AAAA,EACA,SAAAJ;AAAA,EACA,MAAAiB,IAAO,CAACC,MAAMA;AAAA,EACd,GAAGC;AACL,GAAiC;AAE7B,SAAA,gBAAAb,EAAC,SAAI,eAAa,aAAa,WAAW,WAAWF,CAAS,IAAI,OAAAO,GAChE,UAAA;AAAA,IAAA,gBAAAL,EAAC,OACC,EAAA,UAAA;AAAA,MAAA,gBAAAE,EAAC,SAAI,WAAU,mBACb,UAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,yBAAyB,CAAA;AAAA,QACvCK,EACE,OAAO,CAACO,MAASA,EAAK,SAASA,EAAK,IAAI,EACxC,IAAI,CAACA,GAAMC,MAER,gBAAAb;AAAA,UAACQ;AAAA,UAAA;AAAA,YAEC,MAAMI,EAAK;AAAA,YACX,WAAUR,KAAA,gBAAAA,EAAS,YAAWQ,EAAK;AAAA,YACnC,OAAOA,EAAK;AAAA,YACZ,SAAS,MAAM;AACb,cAAApB,KAAWA,EAAQoB,CAAI;AAAA,YACzB;AAAA,YACC,GAAGD;AAAA,YACH,GAAGC;AAAA,YAEH,UAAAH,EAAKG,EAAK,SAAS,EAAE;AAAA,UAAA;AAAA,UAVjBC;AAAA,QAWP,CAEH;AAAA,QACFN,KAAa,gBAAAP,EAACO,GAAW,EAAA,GAAGI,GAAiB,SAAAP,EAAkB,CAAA;AAAA,MAAA,EAAA,CAClE,EACF,CAAA;AAAA,MACCE,KAAkB,gBAAAN,EAACM,GAAgB,EAAA,GAAGK,GAAiB,SAAAP,EAAkB,CAAA;AAAA,IAAA,GAC5E;AAAA,sBACC,OAAI,EAAA,OAAO,YAAY,WAAW,iBAChC,UAAAT,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/interfaces/ActionSchema.d.ts

@@ -1,23 +0,0 @@
-import { FormSchema } from './FormSchema';
-export interface ActionDefaultsSchema {
-    handler: string[];
-    method: string[];
-    priority: number;
-    name: string;
-    title: string;
-}
-export interface ActionInfoSchema extends Record<string, unknown> {
-    name: string;
-    title: string;
-    description: string;
-    priority: number;
-    defaults: ActionDefaultsSchema;
-}
-export interface ActionSchema extends ActionInfoSchema {
-    _id?: string;
-    settingsForm: Partial<FormSchema>;
-    access?: {
-        handler: boolean;
-        method: boolean;
-    };
-}

package/dist/interfaces/ActionSchema.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=ActionSchema.js.map

package/dist/interfaces/ActionSchema.js.map

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

package/dist/interfaces/FormSchema.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=FormSchema.js.map

package/dist/interfaces/FormSchema.js.map

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

package/dist/interfaces/RoleSchema.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=RoleSchema.js.map

package/dist/interfaces/RoleSchema.js.map

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

package/dist/interfaces/Submission.d.ts

@@ -1,5 +0,0 @@
-export interface Submission<T = any> extends Record<string, unknown> {
-    _id?: string;
-    data: T;
-    metadata?: any;
-}

package/dist/interfaces/Submission.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=Submission.js.map

package/dist/interfaces/Submission.js.map

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

package/dist/utils/callLast.d.ts

@@ -1 +0,0 @@
-export declare function callLast(fn: Function, time: number): (...args: any[]) => void;

package/dist/utils/callLast.js

@@ -1,10 +0,0 @@
-function n(t, e) {
-  let l = null;
-  return (...u) => {
-    l && (clearTimeout(l), l = null), l = setTimeout(() => t(...u), e);
-  };
-}
-export {
-  n as callLast
-};
-//# sourceMappingURL=callLast.js.map

package/dist/utils/callLast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"callLast.js","sources":["../../src/utils/callLast.ts"],"sourcesContent":["export function callLast(fn: Function, time: number) {\n  let last: any = null;\n\n  return (...args: any[]) => {\n    if (last) {\n      clearTimeout(last);\n      last = null;\n    }\n\n    last = setTimeout(() => fn(...args), time);\n  };\n}\n"],"names":["callLast","fn","time","last","args"],"mappings":"AAAgB,SAAAA,EAASC,GAAcC,GAAc;AACnD,MAAIC,IAAY;AAEhB,SAAO,IAAIC,MAAgB;AACzB,IAAID,MACF,aAAaA,CAAI,GACVA,IAAA,OAGTA,IAAO,WAAW,MAAMF,EAAG,GAAGG,CAAI,GAAGF,CAAI;AAAA,EAC3C;AACF;"}

package/src/components/alert/alert.stories.tsx

@@ -1,16 +0,0 @@
-import { Alert } from "./alert.component";
-
-export default {
-  title: "ReactFormio/Alert",
-  component: Alert,
-  argTypes: {},
-  parameters: {}
-};
-
-export const Sandbox = (args: any) => {
-  return <Alert {...args} />;
-};
-
-Sandbox.args = {
-  error: "error placeholder"
-};

package/src/components/form/form.component.tsx

@@ -1,72 +0,0 @@
-import { Components } from "formiojs";
-import AllComponents from "formiojs/components";
-import PropTypes from "prop-types";
-
-import { useForm, UseFormHookProps } from "./useForm.hook";
-
-Components.setComponents(AllComponents);
-
-export interface FormProps<Data = any> extends UseFormHookProps<Data> {
-  name?: string;
-  /**
-   *
-   */
-  className?: string;
-}
-
-export function Form<Data = any>(props: Partial<FormProps<Data>>) {
-  const { element } = useForm(props);
-
-  return <div data-testid={`formioContainer${props.name || ""}`} ref={element} className={props.className} />;
-}
-
-Form.propTypes = {
-  name: PropTypes.string,
-  className: PropTypes.string,
-  /**
-   *
-   */
-  src: PropTypes.string,
-  /**
-   * url to fetch form
-   */
-  url: PropTypes.string,
-  /**
-   * Raw form object
-   */
-  form: PropTypes.object,
-  /**
-   * Data submission
-   */
-  submission: PropTypes.object,
-  /**
-   * Configuration option
-   */
-  options: PropTypes.shape({
-    readOnly: PropTypes.bool,
-    noAlerts: PropTypes.bool,
-    i18n: PropTypes.any,
-    template: PropTypes.string,
-    saveDraft: PropTypes.bool,
-    hooks: PropTypes.any
-  }),
-  onPrevPage: PropTypes.func,
-  onNextPage: PropTypes.func,
-  onCancel: PropTypes.func,
-  onChange: PropTypes.func,
-  onCustomEvent: PropTypes.func,
-  onComponentChange: PropTypes.func,
-  onSubmit: PropTypes.func,
-  onAsyncSubmit: PropTypes.func,
-  onSubmitDone: PropTypes.func,
-  onFormLoad: PropTypes.func,
-  onError: PropTypes.func,
-  onRender: PropTypes.func,
-  onAttach: PropTypes.func,
-  onBuild: PropTypes.func,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func,
-  onInitialized: PropTypes.func,
-  onFormReady: PropTypes.func,
-  formioform: PropTypes.any
-};

package/src/components/form/form.stories.tsx

@@ -1,253 +0,0 @@
-import { useState } from "react";
-
-import form from "../__fixtures__/form.fixture.json";
-import { Form } from "./form.component";
-
-export default {
-  title: "ReactFormio/Form",
-  component: Form,
-  argTypes: {
-    form: {
-      control: {
-        type: "object"
-      }
-    },
-    onPrevPage: { action: "onPrevPage" },
-    onNextPage: { action: "onNextPage" },
-    onCancel: { action: "onCancel" },
-    onChange: { action: "onChange" },
-    onCustomEvent: { action: "onCustomEvent" },
-    onComponentChange: { action: "onComponentChange" },
-    onSubmit: { action: "onSubmit" },
-    onAsyncSubmit: { action: "onAsyncSubmit" },
-    onSubmitDone: { action: "onSubmitDone" },
-    onFormLoad: { action: "onFormLoad" },
-    onError: { action: "onError" },
-    onRender: { action: "onRender" },
-    onAttach: { action: "onAttach" },
-    onBuild: { action: "onBuild" },
-    onFocus: { action: "onFocus" },
-    onBlur: { action: "onBlur" },
-    onInitialized: { action: "onInitialized" },
-    onFormReady: { action: "onFormReady" }
-  }
-};
-
-function filter(args: any[]) {
-  return args.map((item) => {
-    if (item && item._form) {
-      return "FormioInstance";
-    }
-
-    if (item && item.component) {
-      return ["Component", item.component.type, item.component.key].filter(Boolean).join(":");
-    }
-
-    if (item && item.changed) {
-      return `${item.changed.component.key}(${item.changed.value})`;
-    }
-
-    return item;
-  });
-}
-
-function wrap(args: any) {
-  return {
-    ...args,
-    onPrevPage: (...list: any[]) => {
-      return args.onPrevPage(...filter(list));
-    },
-    onNextPage: (...list: any[]) => {
-      return args.onNextPage(...filter(list));
-    },
-    onCancel: (...list: any[]) => {
-      return args.onCancel(...filter(list));
-    },
-    onChange: (...list: any[]) => {
-      return args.onChange(...filter(list));
-    },
-    onCustomEvent: (...list: any[]) => {
-      return args.onCustomEvent(...filter(list));
-    },
-    onComponentChange: (...list: any[]) => {
-      return args.onComponentChange(...filter(list));
-    },
-    onSubmit: (...list: any[]) => {
-      return args.onSubmit(...filter(list));
-    },
-    onAsyncSubmit: (...list: any[]) => {
-      return args.onAsyncSubmit(...filter(list));
-    },
-    onSubmitDone: (...list: any[]) => {
-      return args.onSubmitDone(...filter(list));
-    },
-    onFormLoad: (...list: any[]) => {
-      return args.onFormLoad(...filter(list));
-    },
-    onError: (...list: any[]) => {
-      return args.onError(...filter(list));
-    },
-    onRender: (...list: any[]) => {
-      return args.onRender(...filter(list));
-    },
-    onAttach: (...list: any[]) => {
-      return args.onAttach(...filter(list));
-    },
-    onBuild: (...list: any[]) => {
-      return args.onBuild(...filter(list));
-    },
-    onFocus: (...list: any[]) => {
-      return args.onFocus(...filter(list));
-    },
-    onBlur: (...list: any[]) => {
-      return args.onBlur(...filter(list));
-    },
-    onInitialized: (...list: any[]) => {
-      return args.onInitialized(...filter(list));
-    },
-    onFormReady: (...list: any[]) => {
-      return args.onFormReady(...filter(list));
-    }
-  };
-}
-
-export const Sandbox = {
-  args: {
-    form
-  },
-  render: (args: any) => {
-    return <Form {...wrap(args)} form={args.form} options={{ template: "tailwind", iconset: "bx" }} />;
-  }
-};
-
-export const TriggerError = {
-  render: (args: any) => {
-    const onAsyncSubmit = () => {
-      return new Promise((resolve, reject) => {
-        setTimeout(() => {
-          reject(new Error("server error"));
-        }, 500);
-      }).catch((error) => {
-        error.errors = {
-          message: "My custom message about this field",
-          type: "custom",
-          path: ["firstName"],
-          level: "error"
-        };
-        throw error;
-      });
-    };
-
-    return <Form<any> {...wrap(args)} form={args.form} onAsyncSubmit={onAsyncSubmit} />;
-  },
-  args: {
-    form: {
-      type: "form",
-      display: "form",
-      tags: [],
-      components: [
-        {
-          label: "First name",
-          widget: {
-            type: "input"
-          },
-          errorLabel: "",
-          key: "firstName",
-          inputType: "text",
-          type: "textfield",
-          id: "eqb1o4r",
-          defaultValue: ""
-        },
-        {
-          label: "Submit",
-          showValidations: false,
-          tableView: false,
-          key: "submit",
-          type: "button",
-          input: true
-        }
-      ]
-    }
-  }
-};
-
-export const ReadOnly = {
-  render: (args: any) => {
-    return (
-      <Form
-        {...wrap(args)}
-        options={{ template: "tailwind", iconset: "bx", readOnly: args.readOnly }}
-        form={args.form}
-        submission={{
-          data: {
-            editGrid: [{ currency: "EUR" }]
-          }
-        }}
-      />
-    );
-  },
-
-  args: {
-    readonly: true,
-    form
-  }
-};
-
-export const OnChange = {
-  render: function Render(args: any) {
-    const [data, setForm] = useState<any>(() => {});
-    const props = wrap(args);
-
-    return (
-      <Form
-        {...props}
-        options={{ template: "tailwind", iconset: "bx", readOnly: args.readOnly }}
-        form={args.form}
-        submission={{ data }}
-        onChange={(changedSubmission) => {
-          setForm(changedSubmission.data);
-        }}
-      />
-    );
-  },
-
-  args: {
-    form: {
-      type: "form",
-      display: "form",
-      tags: [],
-      components: [
-        {
-          label: "First name",
-          widget: {
-            type: "input"
-          },
-          errorLabel: "",
-          key: "firstName",
-          inputType: "text",
-          type: "textfield",
-          id: "eqb1o4r",
-          defaultValue: "",
-          validate: {
-            required: true
-          }
-        },
-        {
-          label: "Last name",
-          widget: {
-            type: "input"
-          },
-          errorLabel: "",
-          key: "lastName",
-          inputType: "text",
-          type: "textfield",
-          id: "eqb1o4r",
-          defaultValue: "",
-          validate: {
-            required: true
-          }
-        }
-      ]
-    }
-  }
-};