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

package/src/organisms/views/FormViews.stories.tsx

@@ -0,0 +1,224 @@
+import "../../molecules/button/Button";
+import "../../molecules/forms/input-text/InputText";
+import "../../molecules/forms/select/all";
+import "../../molecules/forms/form-control/FormControl";
+import "../../molecules/pagination/all";
+import "../../molecules/table/all";
+import "../../molecules/tabs/all";
+import "../../molecules/card/Card";
+import "../form/builder/all";
+import "../form/Form";
+
+import { Meta, StoryObj } from "@storybook/react";
+
+import ActionsTableStory from "../table/actions/ActionsTable.stories.js";
+import SubmissionsTableStory from "../table/submissions/SubmissionsTable.stories.js";
+import { FormViews } from "./FormViews.js";
+
+/**
+ * FormViews component displays a tabbed interface for managing forms with tabs for editing,
+ * viewing submissions, previewing, managing actions, controlling access, exporting, and configuring settings.
+ *
+ * ```tsx
+ * import { FormViews } from "@tsed/react-formio/organisms/views/FormViews";
+ * ```
+ *
+ * ## Implementation
+ *
+ * ```tsx
+ * import type { FormType } from "../../interfaces/index.js";
+ * import type { Tab as DefaultTab } from "../../molecules/tabs/Tab.js";
+ * import type { TabList as DefaultTabList } from "../../molecules/tabs/TabList.js";
+ * import type { TabPanel as DefaultTabPanel } from "../../molecules/tabs/TabPanel.js";
+ * import type { Tabs as DefaultTabs } from "../../molecules/tabs/Tabs.js";
+ * import type { TabsBody as DefaultTabsBody } from "../../molecules/tabs/TabsBody.js";
+ * import { getComponent } from "../../registries/components.js";
+ * import { FormAccess, type FormAccessProps } from "../form/access/FormAccess.js";
+ * import { FormEdit, type FormEditProps } from "../form/builder/FormEdit.js";
+ * import { FormExport } from "../form/exports/FormExport.js";
+ * import { FormPreview } from "../form/preview/FormPreview.js";
+ * import { FormSettings } from "../form/settings/FormSettings.js";
+ * import { ActionsTable, type ActionsTableProps } from "../table/actions/ActionsTable.js";
+ * import { SubmissionsTable, type SubmissionsTableProps } from "../table/submissions/SubmissionsTable.js";
+ *
+ * export type FormViewsProps = {
+ *   form: FormEditProps["form"];
+ *   submissions: SubmissionsTableProps["data"];
+ *   availableActions: ActionsTableProps["availableActions"];
+ *   actions: ActionsTableProps["data"];
+ *   roles?: FormAccessProps["roles"];
+ *   i18n?: (key: string) => string;
+ *   onAction: () => void;
+ *   operations: SubmissionsTableProps["operations"];
+ * };
+ *
+ * export function FormViews({ form, roles, availableActions, actions, submissions, operations, i18n = (f) => f }: FormViewsProps) {
+ *   const Tabs = getComponent<typeof DefaultTabs>("Tabs");
+ *   const TabList = getComponent<typeof DefaultTabList>("TabList");
+ *   const Tab = getComponent<typeof DefaultTab>("Tab");
+ *   const TabsBody = getComponent<typeof DefaultTabsBody>("TabsBody");
+ *   const TabPanel = getComponent<typeof DefaultTabPanel>("TabPanel");
+ *
+ *   return (
+ *     <Tabs>
+ *       <TabList>
+ *         <Tab value={0} icon='edit'>
+ *           {i18n("Edit")}
+ *         </Tab>
+ *         <Tab value={1} icon='data'>
+ *           {i18n("Data")}
+ *         </Tab>
+ *         <Tab value={2} icon='test-tube'>
+ *           {i18n("Preview")}
+ *         </Tab>
+ *         <Tab value={3} icon='paper-plane'>
+ *           {i18n("Actions")}
+ *         </Tab>
+ *         <Tab value={4} icon='lock'>
+ *           {i18n("Access")}
+ *         </Tab>
+ *         <Tab value={5} icon='download'>
+ *           {i18n("Export")}
+ *         </Tab>
+ *         <Tab value={6} icon='cog'>
+ *           {i18n("Settings")}
+ *         </Tab>
+ *       </TabList>
+ *       <TabsBody>
+ *         <TabPanel value={0} className='p-3 border-l-1 border-b-1 border-r-1 border-gray-300'>
+ *           <FormEdit form={form} options={{ i18n }} />
+ *         </TabPanel>
+ *         <TabPanel value={1}>
+ *           <SubmissionsTable className={"border-top-0"} form={form as FormType} data={submissions} i18n={i18n} operations={operations} />
+ *         </TabPanel>
+ *         <TabPanel value={2}>
+ *           <FormPreview form={form as FormType} i18n={i18n} />
+ *         </TabPanel>
+ *         <TabPanel value={3}>
+ *           <ActionsTable className={"border-top-0"} availableActions={availableActions} data={actions} operations={[]} i18n={i18n} />
+ *         </TabPanel>
+ *         <TabPanel value={4} className='pt-3'>
+ *           <FormAccess form={form as FormType} roles={roles} options={{ i18n }} />
+ *         </TabPanel>
+ *         <TabPanel value={5} className='pt-3'>
+ *           <FormExport i18n={i18n} />
+ *         </TabPanel>
+ *         <TabPanel value={6} className='p-3 border-l-1 border-b-1 border-r-1 border-gray-300'>
+ *           <FormSettings form={form as FormType} options={{}} />
+ *         </TabPanel>
+ *       </TabsBody>
+ *     </Tabs>
+ *   );
+ * }
+ * ```
+ */
+export default {
+  title: "views/FormViews",
+  component: FormViews,
+  argTypes: {
+    form: {
+      description: "The form object to manage",
+      control: "object"
+    },
+    submissions: {
+      description: "Submission data to display in the Data tab",
+      control: "object"
+    },
+    // operations: {
+    //   description: "Operations available for submissions",
+    //   control: "object"
+    // },
+    roles: {
+      description: "Roles for access control",
+      control: "object"
+    },
+    i18n: {
+      description: "Internationalization function"
+    },
+    onAction: {
+      action: "onAction",
+      description: "Callback when an action is triggered"
+    }
+  },
+  parameters: {
+    docs: {
+      description: {
+        component:
+          "Component that displays a tabbed interface for managing forms with tabs for editing, viewing submissions, previewing, managing actions, controlling access, exporting, and configuring settings."
+      }
+    }
+  }
+} satisfies Meta<typeof FormViews>;
+
+type Story = StoryObj<typeof FormViews>;
+
+/**
+ * Basic form view with a simple form
+ */
+export const Usage: Story = {
+  args: {
+    form: SubmissionsTableStory.args.form as any,
+    submissions: SubmissionsTableStory.args.data as any,
+    // operations: SubmissionsTableStory.args.operations,
+    actions: ActionsTableStory.args.data as any,
+    roles: [
+      {
+        _id: "1",
+        title: "Administrator"
+      },
+      {
+        _id: "2",
+        title: "Authenticated"
+      },
+      {
+        _id: "3",
+        title: "Anonymous"
+      }
+    ],
+    i18n: (key: string) => key,
+    onAction: () => console.log("Action triggered")
+  }
+};
+
+/**
+ * Form view with translated labels
+ */
+export const Translated: Story = {
+  args: {
+    form: SubmissionsTableStory.args.form as any,
+    submissions: SubmissionsTableStory.args.data as any,
+    // operations: SubmissionsTableStory.args.operations,
+    actions: ActionsTableStory.args.data as any,
+    roles: [
+      {
+        _id: "1",
+        title: "Administrator"
+      },
+      {
+        _id: "2",
+        title: "Authenticated"
+      },
+      {
+        _id: "3",
+        title: "Anonymous"
+      }
+    ],
+    i18n: (key: string) => {
+      const translations: Record<string, string> = {
+        Edit: "Éditer",
+        Data: "Données",
+        Preview: "Aperçu",
+        Actions: "Actions",
+        Access: "Accès",
+        Export: "Exporter",
+        Settings: "Paramètres",
+        "Form with First Name": "Formulaire avec prénom",
+        "First name": "Prénom",
+        "Last name": "Nom de famille",
+        Submit: "Soumettre"
+      };
+      return translations[key] || key;
+    },
+    onAction: () => console.log("Action triggered")
+  }
+};

package/src/organisms/views/FormViews.tsx

@@ -0,0 +1,146 @@
+import type { FormType, JSON, PermissionsResolver } from "../../interfaces/index.js";
+import type { Tab as DefaultTab } from "../../molecules/tabs/Tab.js";
+import type { TabList as DefaultTabList } from "../../molecules/tabs/TabList.js";
+import type { TabPanel as DefaultTabPanel } from "../../molecules/tabs/TabPanel.js";
+import type { Tabs as DefaultTabs } from "../../molecules/tabs/Tabs.js";
+import type { TabsBody as DefaultTabsBody } from "../../molecules/tabs/TabsBody.js";
+import { getComponent } from "../../registries/components.js";
+import { FormAccess, type FormAccessProps } from "../form/access/FormAccess.js";
+import { FormEdit, type FormEditProps } from "../form/builder/FormEdit.js";
+import { FormExport } from "../form/exports/FormExport.js";
+import { FormPreview } from "../form/preview/FormPreview.js";
+import { FormSettings } from "../form/settings/FormSettings.js";
+import { ActionsTable, type ActionsTableProps } from "../table/actions/ActionsTable.js";
+import { SubmissionsTable, type SubmissionsTableProps } from "../table/submissions/SubmissionsTable.js";
+
+export type FormViewsProps<Data extends { [key: string]: JSON } = { [key: string]: JSON }> = {
+  form: FormEditProps["form"];
+  submissions: SubmissionsTableProps<Data>["data"];
+  availableActions: ActionsTableProps["availableActions"];
+  actions: ActionsTableProps["data"];
+  roles?: FormAccessProps["roles"];
+  i18n?: (key: string) => string;
+  onAction: () => void;
+  permissionsResolver?: PermissionsResolver<Data>;
+};
+
+function useSubmissionsOperations<Data extends { [key: string]: JSON } = { [key: string]: JSON }>(
+  permissionsResolver?: PermissionsResolver<Data>
+) {
+  return [
+    {
+      title: "Edit",
+      action: "submission:edit",
+      alias: "row",
+      icon: "edit",
+      permissionsResolver
+    },
+    {
+      action: "submission:delete",
+      icon: "trash",
+      buttonType: "danger",
+      permissionsResolver
+    }
+  ] as SubmissionsTableProps<Data>["operations"];
+}
+
+function useActionsOperations<Data extends { [key: string]: JSON } = { [key: string]: JSON }>(
+  permissionsResolver?: PermissionsResolver<Data>
+) {
+  return [
+    {
+      title: "Edit",
+      action: "action:edit",
+      alias: "row",
+      icon: "edit",
+      permissionsResolver
+    },
+    {
+      action: "action:delete",
+      icon: "trash",
+      buttonType: "danger",
+      permissionsResolver
+    }
+  ] as SubmissionsTableProps<Data>["operations"];
+}
+
+export function FormViews<Data extends { [key: string]: JSON } = { [key: string]: JSON }>({
+  form,
+  roles,
+  availableActions,
+  actions,
+  permissionsResolver,
+  submissions,
+  i18n = (f) => f
+}: FormViewsProps<Data>) {
+  const Tabs = getComponent<typeof DefaultTabs>("Tabs");
+  const TabList = getComponent<typeof DefaultTabList>("TabList");
+  const Tab = getComponent<typeof DefaultTab>("Tab");
+  const TabsBody = getComponent<typeof DefaultTabsBody>("TabsBody");
+  const TabPanel = getComponent<typeof DefaultTabPanel>("TabPanel");
+  const submissionsOperations = useSubmissionsOperations<Data>(permissionsResolver);
+  const actionsOperations = useActionsOperations<any>(permissionsResolver);
+
+  return (
+    <Tabs>
+      <TabList>
+        <Tab value={0} icon='edit'>
+          {i18n("Edit")}
+        </Tab>
+        <Tab value={1} icon='data'>
+          {i18n("Data")}
+        </Tab>
+        <Tab value={2} icon='test-tube'>
+          {i18n("Preview")}
+        </Tab>
+        <Tab value={3} icon='paper-plane'>
+          {i18n("Actions")}
+        </Tab>
+        <Tab value={4} icon='lock'>
+          {i18n("Access")}
+        </Tab>
+        <Tab value={5} icon='download'>
+          {i18n("Export")}
+        </Tab>
+        <Tab value={6} icon='cog'>
+          {i18n("Settings")}
+        </Tab>
+      </TabList>
+      <TabsBody>
+        <TabPanel value={0} className='p-3 border-l-1 border-b-1 border-r-1 border-gray-300'>
+          <FormEdit form={form} options={{ i18n }} />
+        </TabPanel>
+        <TabPanel value={1}>
+          <SubmissionsTable<Data>
+            className={"border-top-0"}
+            form={form as FormType}
+            data={submissions}
+            i18n={i18n}
+            operations={submissionsOperations}
+          />
+        </TabPanel>
+        <TabPanel value={2}>
+          <FormPreview form={form as FormType} i18n={i18n} />
+        </TabPanel>
+        <TabPanel value={3}>
+          <ActionsTable
+            className={"border-top-0"}
+            availableActions={availableActions}
+            data={actions}
+            operations={actionsOperations as any}
+            i18n={i18n}
+          />
+        </TabPanel>
+        <TabPanel value={4} className='pt-3'>
+          <FormAccess form={form as FormType} roles={roles} options={{ i18n }} />
+        </TabPanel>
+        <TabPanel value={5} className='pt-3'>
+          <FormExport i18n={i18n} />
+        </TabPanel>
+        <TabPanel value={6} className='p-3 border-l-1 border-b-1 border-r-1 border-gray-300'>
+          <FormSettings form={form as FormType} options={{}} />
+        </TabPanel>
+      </TabsBody>
+    </Tabs>
+  );
+}

package/src/registries/components.ts

@@ -0,0 +1,23 @@
+export const components = new Map<string, unknown>();
+
+export function registerComponent(type: string, component: unknown) {
+  components.set(type, component);
+}
+
+export function getComponent<Cmp>(type: string | string[]): Cmp {
+  if (Array.isArray(type)) {
+    for (const t of type) {
+      if (components.has(t)) {
+        return components.get(t) as unknown as Cmp;
+      }
+    }
+  }
+
+  const result = components.get(type as string) as unknown as Cmp;
+
+  if (!result) {
+    console.warn(`Missing component for ${type}`);
+  }
+
+  return result;
+}

package/tsconfig.app.json

@@ -6,6 +6,6 @@
     "declaration": false,
     "composite": false
   },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "vite.config.mts"],
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
   "exclude": ["node_modules", "dist", "src/**/*.spec.ts", "src/**/*.spec.tsx"]
 }

package/tsconfig.json

@@ -11,6 +11,9 @@
     {
       "path": "./tsconfig.app.json"
     },
+    {
+      "path": "./tsconfig.node.json"
+    },
     {
       "path": "./tsconfig.spec.json"
     }

package/tsconfig.node.json

@@ -0,0 +1,13 @@
+{
+  "extends": "@tsed/typescript/tsconfig.web.json",
+  "compilerOptions": {
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "baseUrl": ".",
+    "noEmit": true,
+    "declaration": false,
+    "composite": false
+  },
+  "include": ["vite.config.mts"],
+  "exclude": ["node_modules", "dist", "src/**/*.spec.ts", "src/**/*.spec.tsx"]
+}

package/dist/components/actions-table/actionsTable.component.d.ts

@@ -1,10 +0,0 @@
-import { ActionSchema } from '../../interfaces';
-import { TableProps } from '../table/hooks/useCustomTable.hook';
-export type ActionsTableProps = Omit<TableProps<ActionSchema>, "columns"> & {
-    onAddAction?: (actionName: string) => void;
-    availableActions?: {
-        label: string;
-        value: string;
-    }[];
-};
-export declare function ActionsTable({ disableFilters, disablePagination, availableActions, onAddAction, ...props }: ActionsTableProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/actions-table/actionsTable.component.js

@@ -1,53 +0,0 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { c as p } from "../../chunks/index.js";
-import b from "lodash/noop";
-import { useState as f } from "react";
-import { iconClass as h } from "../../utils/iconClass.js";
-import { Select as v } from "../select/select.component.js";
-import { Table as A } from "../table/table.component.js";
-function k({
-  disableFilters: n = !0,
-  disablePagination: s = !0,
-  availableActions: l = [],
-  onAddAction: r = b,
-  ...o
-}) {
-  const { i18n: a = (c) => c } = o, [t, m] = f(""), d = [
-    {
-      Header: a("Actions"),
-      accessor: "title",
-      id: "title"
-    }
-  ];
-  return /* @__PURE__ */ e(A, { ...o, disableFilters: n, disablePagination: s, columns: d, children: /* @__PURE__ */ i("div", { className: "pagination-group", children: [
-    /* @__PURE__ */ e(
-      v,
-      {
-        "data-testid": "action-table-select",
-        name: "actions",
-        value: t,
-        choices: [{ label: a("Select an action"), value: "" }].concat(l),
-        onChange: (c, u) => m(u)
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "pl-3", children: /* @__PURE__ */ i(
-      "button",
-      {
-        "data-testid": "action-table-add",
-        disabled: t === "",
-        className: "btn btn-success",
-        onClick: () => t && r(t),
-        type: "submit",
-        children: [
-          /* @__PURE__ */ e("i", { className: p(h(void 0, "plus"), "mr-1") }),
-          " ",
-          a("Add action")
-        ]
-      }
-    ) })
-  ] }) });
-}
-export {
-  k as ActionsTable
-};
-//# sourceMappingURL=actionsTable.component.js.map

package/dist/components/actions-table/actionsTable.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"actionsTable.component.js","sources":["../../../src/components/actions-table/actionsTable.component.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport noop from \"lodash/noop\";\nimport { useState } from \"react\";\n\nimport { ActionSchema } from \"../../interfaces\";\nimport { iconClass } from \"../../utils/iconClass\";\nimport { Select } from \"../select/select.component\";\nimport { TableProps } from \"../table/hooks/useCustomTable.hook\";\nimport { Table } from \"../table/table.component\";\n\nexport type ActionsTableProps = Omit<TableProps<ActionSchema>, \"columns\"> & {\n  onAddAction?: (actionName: string) => void;\n  availableActions?: { label: string; value: string }[];\n};\n\nexport function ActionsTable({\n  disableFilters = true,\n  disablePagination = true,\n  availableActions = [],\n  onAddAction = noop,\n  ...props\n}: ActionsTableProps) {\n  const { i18n = (f: string) => f } = props;\n  const [currentAction, setAction] = useState(\"\");\n\n  const columns = [\n    {\n      Header: i18n(\"Actions\"),\n      accessor: \"title\",\n      id: \"title\"\n    }\n  ];\n\n  return (\n    <Table {...props} disableFilters={disableFilters} disablePagination={disablePagination} columns={columns}>\n      <div className={\"pagination-group\"}>\n        <Select\n          data-testid={\"action-table-select\"}\n          name={\"actions\"}\n          value={currentAction}\n          choices={[{ label: i18n(\"Select an action\"), value: \"\" }].concat(availableActions)}\n          onChange={(name: string, action: string) => setAction(action)}\n        />\n        <div className={\"pl-3\"}>\n          <button\n            data-testid={\"action-table-add\"}\n            disabled={currentAction === \"\"}\n            className={\"btn btn-success\"}\n            onClick={() => currentAction && onAddAction(currentAction)}\n            type={\"submit\"}\n          >\n            <i className={classnames(iconClass(undefined, \"plus\"), \"mr-1\")} /> {i18n(\"Add action\")}\n          </button>\n        </div>\n      </div>\n    </Table>\n  );\n}\n"],"names":["ActionsTable","disableFilters","disablePagination","availableActions","onAddAction","noop","props","i18n","f","currentAction","setAction","useState","columns","jsx","Table","jsxs","Select","name","action","classnames","iconClass"],"mappings":";;;;;;;AAeO,SAASA,EAAa;AAAA,EAC3B,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC,IAAoB;AAAA,EACpB,kBAAAC,IAAmB,CAAC;AAAA,EACpB,aAAAC,IAAcC;AAAA,EACd,GAAGC;AACL,GAAsB;AACpB,QAAM,EAAE,MAAAC,IAAO,CAACC,MAAcA,EAAM,IAAAF,GAC9B,CAACG,GAAeC,CAAS,IAAIC,EAAS,EAAE,GAExCC,IAAU;AAAA,IACd;AAAA,MACE,QAAQL,EAAK,SAAS;AAAA,MACtB,UAAU;AAAA,MACV,IAAI;AAAA,IAAA;AAAA,EAER;AAGE,SAAA,gBAAAM,EAACC,GAAO,EAAA,GAAGR,GAAO,gBAAAL,GAAgC,mBAAAC,GAAsC,SAAAU,GACtF,UAAA,gBAAAG,EAAC,OAAI,EAAA,WAAW,oBACd,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,eAAa;AAAA,QACb,MAAM;AAAA,QACN,OAAOP;AAAA,QACP,SAAS,CAAC,EAAE,OAAOF,EAAK,kBAAkB,GAAG,OAAO,GAAI,CAAA,EAAE,OAAOJ,CAAgB;AAAA,QACjF,UAAU,CAACc,GAAcC,MAAmBR,EAAUQ,CAAM;AAAA,MAAA;AAAA,IAC9D;AAAA,IACA,gBAAAL,EAAC,OAAI,EAAA,WAAW,QACd,UAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAa;AAAA,QACb,UAAUN,MAAkB;AAAA,QAC5B,WAAW;AAAA,QACX,SAAS,MAAMA,KAAiBL,EAAYK,CAAa;AAAA,QACzD,MAAM;AAAA,QAEN,UAAA;AAAA,UAAC,gBAAAI,EAAA,KAAA,EAAE,WAAWM,EAAWC,EAAU,QAAW,MAAM,GAAG,MAAM,GAAG;AAAA,UAAE;AAAA,UAAEb,EAAK,YAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EAEzF,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/components/alert/alert.component.d.ts

@@ -1,5 +0,0 @@
-export interface AlertProps {
-    error?: any | any[];
-    type?: string;
-}
-export declare function Alert({ error, type }: AlertProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1 +0,0 @@
-{"version":3,"file":"alert.component.js","sources":["../../../src/components/alert/alert.component.tsx"],"sourcesContent":["function formatError(error: any): any {\n  if (typeof error === \"string\") {\n    return error;\n  }\n\n  if (Array.isArray(error)) {\n    return error.map(formatError);\n  }\n\n  if (Object.prototype.hasOwnProperty.call(error, \"errors\")) {\n    return Object.keys(error.errors).map((key, index) => {\n      const item = error.errors[key];\n      return (\n        <div key={index}>\n          <strong>\n            {item.name} ({item.path})\n          </strong>{\" \"}\n          - {item.message}\n        </div>\n      );\n    });\n  }\n\n  // If this is a standard error.\n  if (Object.prototype.hasOwnProperty.call(error, \"message\")) {\n    return error.message;\n  }\n\n  // If this is a joy validation error.\n  if (Object.prototype.hasOwnProperty.call(error, \"name\") && error.name === \"ValidationError\") {\n    return error.details.map((item: any, index: number) => {\n      return <div key={index}>{item.message}</div>;\n    });\n  }\n\n  // If a conflict error occurs on a form, the form is returned.\n  if (Object.prototype.hasOwnProperty.call(error, \"_id\") && Object.prototype.hasOwnProperty.call(error, \"display\")) {\n    return \"Another user has saved this form already. Please reload and re-apply your changes.\";\n  }\n\n  return \"An error occurred. See console logs for details.\";\n}\n\nexport interface AlertProps {\n  error?: any | any[];\n  type?: string;\n}\n\nexport function Alert({ error, type = \"danger\" }: AlertProps) {\n  if (!error || (Array.isArray(error) && !error.length)) {\n    return null;\n  }\n\n  return (\n    <div className={`alert alert-${type}`} role='alert'>\n      {formatError(error)}\n    </div>\n  );\n}\n"],"names":["formatError","error","key","index","item","jsxs","jsx","Alert","type"],"mappings":";AAAA,SAASA,EAAYC,GAAiB;AAChC,SAAA,OAAOA,KAAU,WACZA,IAGL,MAAM,QAAQA,CAAK,IACdA,EAAM,IAAID,CAAW,IAG1B,OAAO,UAAU,eAAe,KAAKC,GAAO,QAAQ,IAC/C,OAAO,KAAKA,EAAM,MAAM,EAAE,IAAI,CAACC,GAAKC,MAAU;AAC7C,UAAAC,IAAOH,EAAM,OAAOC,CAAG;AAC7B,6BACG,OACC,EAAA,UAAA;AAAA,MAAA,gBAAAG,EAAC,UACE,EAAA,UAAA;AAAA,QAAKD,EAAA;AAAA,QAAK;AAAA,QAAGA,EAAK;AAAA,QAAK;AAAA,MAAA,GAC1B;AAAA,MAAU;AAAA,MAAI;AAAA,MACXA,EAAK;AAAA,IAAA,EAAA,GAJAD,CAKV;AAAA,EAAA,CAEH,IAIC,OAAO,UAAU,eAAe,KAAKF,GAAO,SAAS,IAChDA,EAAM,UAIX,OAAO,UAAU,eAAe,KAAKA,GAAO,MAAM,KAAKA,EAAM,SAAS,oBACjEA,EAAM,QAAQ,IAAI,CAACG,GAAWD,MAC3B,gBAAAG,EAAA,OAAA,EAAiB,UAAKF,EAAA,QAAA,GAAbD,CAAqB,CACvC,IAIC,OAAO,UAAU,eAAe,KAAKF,GAAO,KAAK,KAAK,OAAO,UAAU,eAAe,KAAKA,GAAO,SAAS,IACtG,uFAGF;AACT;AAOO,SAASM,EAAM,EAAE,OAAAN,GAAO,MAAAO,IAAO,YAAwB;AACxD,SAAA,CAACP,KAAU,MAAM,QAAQA,CAAK,KAAK,CAACA,EAAM,SACrC,OAIP,gBAAAK,EAAC,OAAI,EAAA,WAAW,eAAeE,CAAI,IAAI,MAAK,SACzC,UAAYR,EAAAC,CAAK,EACpB,CAAA;AAEJ;"}

package/dist/components/card/card.component.js

@@ -1,12 +0,0 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { c as d } from "../../chunks/index.js";
-function m({ children: r, label: c, className: e }) {
-  return /* @__PURE__ */ s("div", { className: d("card", e), children: [
-    /* @__PURE__ */ a("div", { className: "card-header ", children: /* @__PURE__ */ a("h4", { className: "card-title", children: c }) }),
-    /* @__PURE__ */ a("div", { className: "card-body", role: "article", children: r })
-  ] });
-}
-export {
-  m as Card
-};
-//# sourceMappingURL=card.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"card.component.js","sources":["../../../src/components/card/card.component.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\nexport interface CardProps {\n  label: string;\n  className?: string;\n}\n\nexport function Card({ children, label, className }: PropsWithChildren<CardProps>) {\n  return (\n    <div className={classnames(\"card\", className)}>\n      <div className={\"card-header \"}>\n        <h4 className={\"card-title\"}>{label}</h4>\n      </div>\n      <div className={\"card-body\"} role={\"article\"}>\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"names":["Card","children","label","className","classnames","jsx"],"mappings":";;AAQO,SAASA,EAAK,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,KAA2C;AACjF,2BACG,OAAI,EAAA,WAAWC,EAAW,QAAQD,CAAS,GAC1C,UAAA;AAAA,IAAC,gBAAAE,EAAA,OAAA,EAAI,WAAW,gBACd,UAAA,gBAAAA,EAAC,QAAG,WAAW,cAAe,aAAM,EACtC,CAAA;AAAA,sBACC,OAAI,EAAA,WAAW,aAAa,MAAM,WAChC,UAAAJ,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/form/form.component.d.ts

@@ -1,62 +0,0 @@
-import { default as PropTypes } from 'prop-types';
-import { UseFormHookProps } from './useForm.hook';
-export interface FormProps<Data = any> extends UseFormHookProps<Data> {
-    name?: string;
-    /**
-     *
-     */
-    className?: string;
-}
-export declare function Form<Data = any>(props: Partial<FormProps<Data>>): import("react/jsx-runtime").JSX.Element;
-export declare namespace Form {
-    var propTypes: {
-        name: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        /**
-         *
-         */
-        src: PropTypes.Requireable<string>;
-        /**
-         * url to fetch form
-         */
-        url: PropTypes.Requireable<string>;
-        /**
-         * Raw form object
-         */
-        form: PropTypes.Requireable<object>;
-        /**
-         * Data submission
-         */
-        submission: PropTypes.Requireable<object>;
-        /**
-         * Configuration option
-         */
-        options: PropTypes.Requireable<PropTypes.InferProps<{
-            readOnly: PropTypes.Requireable<boolean>;
-            noAlerts: PropTypes.Requireable<boolean>;
-            i18n: PropTypes.Requireable<any>;
-            template: PropTypes.Requireable<string>;
-            saveDraft: PropTypes.Requireable<boolean>;
-            hooks: PropTypes.Requireable<any>;
-        }>>;
-        onPrevPage: PropTypes.Requireable<(...args: any[]) => any>;
-        onNextPage: PropTypes.Requireable<(...args: any[]) => any>;
-        onCancel: PropTypes.Requireable<(...args: any[]) => any>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onCustomEvent: PropTypes.Requireable<(...args: any[]) => any>;
-        onComponentChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-        onAsyncSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-        onSubmitDone: PropTypes.Requireable<(...args: any[]) => any>;
-        onFormLoad: PropTypes.Requireable<(...args: any[]) => any>;
-        onError: PropTypes.Requireable<(...args: any[]) => any>;
-        onRender: PropTypes.Requireable<(...args: any[]) => any>;
-        onAttach: PropTypes.Requireable<(...args: any[]) => any>;
-        onBuild: PropTypes.Requireable<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onInitialized: PropTypes.Requireable<(...args: any[]) => any>;
-        onFormReady: PropTypes.Requireable<(...args: any[]) => any>;
-        formioform: PropTypes.Requireable<any>;
-    };
-}

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

@@ -1,64 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Components as r } from "formiojs";
-import m from "formiojs/components";
-import n from "prop-types";
-import { useForm as s } from "./useForm.hook.js";
-r.setComponents(m);
-function c(o) {
-  const { element: e } = s(o);
-  return /* @__PURE__ */ t("div", { "data-testid": `formioContainer${o.name || ""}`, ref: e, className: o.className });
-}
-c.propTypes = {
-  name: n.string,
-  className: n.string,
-  /**
-   *
-   */
-  src: n.string,
-  /**
-   * url to fetch form
-   */
-  url: n.string,
-  /**
-   * Raw form object
-   */
-  form: n.object,
-  /**
-   * Data submission
-   */
-  submission: n.object,
-  /**
-   * Configuration option
-   */
-  options: n.shape({
-    readOnly: n.bool,
-    noAlerts: n.bool,
-    i18n: n.any,
-    template: n.string,
-    saveDraft: n.bool,
-    hooks: n.any
-  }),
-  onPrevPage: n.func,
-  onNextPage: n.func,
-  onCancel: n.func,
-  onChange: n.func,
-  onCustomEvent: n.func,
-  onComponentChange: n.func,
-  onSubmit: n.func,
-  onAsyncSubmit: n.func,
-  onSubmitDone: n.func,
-  onFormLoad: n.func,
-  onError: n.func,
-  onRender: n.func,
-  onAttach: n.func,
-  onBuild: n.func,
-  onFocus: n.func,
-  onBlur: n.func,
-  onInitialized: n.func,
-  onFormReady: n.func,
-  formioform: n.any
-};
-export {
-  c as Form
-};
-//# sourceMappingURL=form.component.js.map