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

package/dist/hooks/keyboard.constants.d.ts

@@ -0,0 +1,38 @@
+export declare const enum CODE {
+    ENTER = "Enter",
+    ESCAPE = "Escape",
+    ARROW_LEFT = "ArrowLeft",
+    ARROW_UP = "ArrowUp",
+    ARROW_RIGHT = "ArrowRight",
+    ARROW_DOWN = "ArrowDown",
+    SPACE = "Space",
+    END = "End",
+    HOME = "Home"
+}
+export declare const enum KEY {
+    ENTER = "Enter",
+    ESCAPE = "Escape",
+    ARROW_LEFT = "ArrowLeft",
+    ARROW_UP = "ArrowUp",
+    ARROW_RIGHT = "ArrowRight",
+    ARROW_DOWN = "ArrowDown",
+    END = "End",
+    HOME = "Home",
+    SPACE = " ",
+    /**
+     * @deprecated
+     * Used by old browers, see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values#whitespace_keys
+     */
+    SPACEBAR = "Spacebar"
+}
+export declare const enum KEY_CODE {
+    ENTER = 13,
+    ESCAPE = 27,
+    ARROW_LEFT = 37,
+    ARROW_UP = 38,
+    ARROW_RIGHT = 39,
+    ARROW_DOWN = 40,
+    SPACE = 32,
+    END = 35,
+    HOME = 36
+}

package/dist/hooks/keyboard.constants.js

@@ -0,0 +1,7 @@
+var A = /* @__PURE__ */ ((R) => (R.ENTER = "Enter", R.ESCAPE = "Escape", R.ARROW_LEFT = "ArrowLeft", R.ARROW_UP = "ArrowUp", R.ARROW_RIGHT = "ArrowRight", R.ARROW_DOWN = "ArrowDown", R.SPACE = "Space", R.END = "End", R.HOME = "Home", R))(A || {}), r = /* @__PURE__ */ ((R) => (R.ENTER = "Enter", R.ESCAPE = "Escape", R.ARROW_LEFT = "ArrowLeft", R.ARROW_UP = "ArrowUp", R.ARROW_RIGHT = "ArrowRight", R.ARROW_DOWN = "ArrowDown", R.END = "End", R.HOME = "Home", R.SPACE = " ", R.SPACEBAR = "Spacebar", R))(r || {}), W = /* @__PURE__ */ ((R) => (R[R.ENTER = 13] = "ENTER", R[R.ESCAPE = 27] = "ESCAPE", R[R.ARROW_LEFT = 37] = "ARROW_LEFT", R[R.ARROW_UP = 38] = "ARROW_UP", R[R.ARROW_RIGHT = 39] = "ARROW_RIGHT", R[R.ARROW_DOWN = 40] = "ARROW_DOWN", R[R.SPACE = 32] = "SPACE", R[R.END = 35] = "END", R[R.HOME = 36] = "HOME", R))(W || {});
+export {
+  A as CODE,
+  r as KEY,
+  W as KEY_CODE
+};
+//# sourceMappingURL=keyboard.constants.js.map

package/dist/hooks/keyboard.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard.constants.js","sources":["../../src/hooks/keyboard.constants.ts"],"sourcesContent":["export const enum CODE {\n  ENTER = \"Enter\",\n  ESCAPE = \"Escape\",\n  ARROW_LEFT = \"ArrowLeft\",\n  ARROW_UP = \"ArrowUp\",\n  ARROW_RIGHT = \"ArrowRight\",\n  ARROW_DOWN = \"ArrowDown\",\n  SPACE = \"Space\",\n  END = \"End\",\n  HOME = \"Home\"\n}\n\nexport const enum KEY {\n  ENTER = \"Enter\",\n  ESCAPE = \"Escape\",\n  ARROW_LEFT = \"ArrowLeft\",\n  ARROW_UP = \"ArrowUp\",\n  ARROW_RIGHT = \"ArrowRight\",\n  ARROW_DOWN = \"ArrowDown\",\n  END = \"End\",\n  HOME = \"Home\",\n  SPACE = \" \",\n  /**\n   * @deprecated\n   * Used by old browers, see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values#whitespace_keys\n   */\n  SPACEBAR = \"Spacebar\"\n}\n\nexport const enum KEY_CODE {\n  ENTER = 13,\n  ESCAPE = 27,\n  ARROW_LEFT = 37,\n  ARROW_UP = 38,\n  ARROW_RIGHT = 39,\n  ARROW_DOWN = 40,\n  SPACE = 32,\n  END = 35,\n  HOME = 36\n}\n"],"names":["CODE","KEY","KEY_CODE"],"mappings":"AAAkB,IAAAA,sBAAAA,OAChBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,aAAa,aACbA,EAAA,WAAW,WACXA,EAAA,cAAc,cACdA,EAAA,aAAa,aACbA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,OAAO,QATSA,IAAAA,KAAA,CAAA,CAAA,GAYAC,sBAAAA,OAChBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,aAAa,aACbA,EAAA,WAAW,WACXA,EAAA,cAAc,cACdA,EAAA,aAAa,aACbA,EAAA,MAAM,OACNA,EAAA,OAAO,QACPA,EAAA,QAAQ,KAKRA,EAAA,WAAW,YAdKA,IAAAA,KAAA,CAAA,CAAA,GAiBAC,sBAAAA,OAChBA,EAAAA,EAAA,QAAQ,EAAR,IAAA,SACAA,EAAAA,EAAA,SAAS,EAAT,IAAA,UACAA,EAAAA,EAAA,aAAa,EAAb,IAAA,cACAA,EAAAA,EAAA,WAAW,EAAX,IAAA,YACAA,EAAAA,EAAA,cAAc,EAAd,IAAA,eACAA,EAAAA,EAAA,aAAa,EAAb,IAAA,cACAA,EAAAA,EAAA,QAAQ,EAAR,IAAA,SACAA,EAAAA,EAAA,MAAM,EAAN,IAAA,OACAA,EAAAA,EAAA,OAAO,EAAP,IAAA,QATgBA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/hooks/useKeyboardControls.d.ts

@@ -0,0 +1,12 @@
+import { KeyboardEvent } from 'react';
+interface Options {
+    up?: VoidFunction;
+    down?: VoidFunction;
+    left?: VoidFunction;
+    right?: VoidFunction;
+    start?: VoidFunction;
+    end?: VoidFunction;
+    activate?: VoidFunction;
+}
+export declare const useKeyboardControls: ({ up, down, left, right, start, end, activate }: Options) => (event: KeyboardEvent<HTMLDivElement | HTMLButtonElement>) => void;
+export {};

package/dist/hooks/useKeyboardControls.js

@@ -0,0 +1,35 @@
+"use client";
+import { useCallback as d } from "react";
+import { CODE as u, KEY as c } from "./keyboard.constants.js";
+const t = (o) => o.key === c.ENTER || o.key === c.SPACE || o.key === c.SPACEBAR || o.code === u.ENTER || o.code === u.SPACE, e = () => {
+}, p = ({
+  up: o = e,
+  down: f = e,
+  left: E = e,
+  right: R = e,
+  start: i = e,
+  end: l = e,
+  activate: D = e
+}) => d(
+  (r) => {
+    if (t(r))
+      return D();
+    if (r.code === u.HOME)
+      return r.preventDefault(), i();
+    if (r.code === u.END)
+      return r.preventDefault(), l();
+    if (r.code === u.ARROW_UP)
+      return r.preventDefault(), o();
+    if (r.code === u.ARROW_DOWN)
+      return r.preventDefault(), f();
+    if (r.code === u.ARROW_RIGHT)
+      return r.preventDefault(), R();
+    if (r.code === u.ARROW_LEFT)
+      return r.preventDefault(), E();
+  },
+  [D, f, l, E, R, i, o]
+);
+export {
+  p as useKeyboardControls
+};
+//# sourceMappingURL=useKeyboardControls.js.map

package/dist/hooks/useKeyboardControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardControls.js","sources":["../../src/hooks/useKeyboardControls.ts"],"sourcesContent":["\"use client\";\n\nimport { type KeyboardEvent, useCallback } from \"react\";\n\nimport { CODE, KEY } from \"./keyboard.constants\";\n\ninterface Options {\n  up?: VoidFunction;\n  down?: VoidFunction;\n  left?: VoidFunction;\n  right?: VoidFunction;\n  start?: VoidFunction;\n  end?: VoidFunction;\n  activate?: VoidFunction;\n}\n\nconst isActivateKey = (event: KeyboardEvent<HTMLDivElement | HTMLButtonElement>) => {\n  return (\n    event.key === KEY.ENTER ||\n    event.key === KEY.SPACE ||\n    event.key === KEY.SPACEBAR ||\n    event.code === CODE.ENTER ||\n    event.code === CODE.SPACE\n  );\n};\n\nconst voidFn = () => {};\n\nexport const useKeyboardControls = ({\n  up = voidFn,\n  down = voidFn,\n  left = voidFn,\n  right = voidFn,\n  start = voidFn,\n  end = voidFn,\n  activate = voidFn\n}: Options) => {\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement | HTMLButtonElement>) => {\n      if (isActivateKey(event)) {\n        return activate();\n      }\n\n      if (event.code === CODE.HOME) {\n        event.preventDefault();\n\n        return start();\n      }\n\n      if (event.code === CODE.END) {\n        event.preventDefault();\n\n        return end();\n      }\n\n      if (event.code === CODE.ARROW_UP) {\n        event.preventDefault();\n\n        return up();\n      }\n\n      if (event.code === CODE.ARROW_DOWN) {\n        event.preventDefault();\n\n        return down();\n      }\n\n      if (event.code === CODE.ARROW_RIGHT) {\n        event.preventDefault();\n\n        return right();\n      }\n\n      if (event.code === CODE.ARROW_LEFT) {\n        event.preventDefault();\n\n        return left();\n      }\n    },\n    [activate, down, end, left, right, start, up]\n  );\n\n  return handleKeyDown;\n};\n"],"names":["isActivateKey","event","KEY","CODE","voidFn","useKeyboardControls","up","down","left","right","start","end","activate","useCallback"],"mappings":";;;AAgBA,MAAMA,IAAgB,CAACC,MAEnBA,EAAM,QAAQC,EAAI,SAClBD,EAAM,QAAQC,EAAI,SAClBD,EAAM,QAAQC,EAAI,YAClBD,EAAM,SAASE,EAAK,SACpBF,EAAM,SAASE,EAAK,OAIlBC,IAAS,MAAM;AAAC,GAETC,IAAsB,CAAC;AAAA,EAClC,IAAAC,IAAKF;AAAA,EACL,MAAAG,IAAOH;AAAA,EACP,MAAAI,IAAOJ;AAAA,EACP,OAAAK,IAAQL;AAAA,EACR,OAAAM,IAAQN;AAAA,EACR,KAAAO,IAAMP;AAAA,EACN,UAAAQ,IAAWR;AACb,MACwBS;AAAA,EACpB,CAACZ,MAA6D;AACxD,QAAAD,EAAcC,CAAK;AACrB,aAAOW,EAAS;AAGd,QAAAX,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdS,EAAM;AAGX,QAAAT,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdU,EAAI;AAGT,QAAAV,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdK,EAAG;AAGR,QAAAL,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdM,EAAK;AAGV,QAAAN,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdQ,EAAM;AAGX,QAAAR,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdO,EAAK;AAAA,EAEhB;AAAA,EACA,CAACI,GAAUL,GAAMI,GAAKH,GAAMC,GAAOC,GAAOJ,CAAE;AAC9C;"}

package/dist/index.d.ts

@@ -3,11 +3,5 @@ import { default as WebformBuilder } from 'formiojs/WebformBuilder';
 import { default as Wizard } from 'formiojs/Wizard';
 import { default as WizardBuilder } from 'formiojs/WizardBuilder';
 export { Webform, WebformBuilder, Wizard, WizardBuilder };
-export * from './components';
-export * from './hooks/useTooltip';
 export * from './interfaces';
-export * from './utils/callLast';
-export * from './utils/iconClass';
-export * from './utils/mapPagination';
-export * from './utils/stopPropagationWrapper';
 export { Components, Formio, Templates, Utils } from 'formiojs';

package/dist/index.js

@@ -1,109 +1,16 @@
-import { default as e } from "formiojs/Webform";
-import { default as m } from "formiojs/WebformBuilder";
-import { default as f } from "formiojs/Wizard";
+import { default as o } from "formiojs/Webform";
+import { default as a } from "formiojs/WebformBuilder";
+import { default as m } from "formiojs/Wizard";
 import { default as l } from "formiojs/WizardBuilder";
-import { ActionsTable as s } from "./components/actions-table/actionsTable.component.js";
-import { Alert as u } from "./components/alert/alert.component.js";
-import { Card as d } from "./components/card/card.component.js";
-import { Form as C } from "./components/form/form.component.js";
-import { useForm as b } from "./components/form/useForm.hook.js";
-import { FormAccess as g } from "./components/form-access/formAccess.component.js";
-import { FormAction as D } from "./components/form-action/formAction.component.js";
-import { FormBuilder as P } from "./components/form-builder/formBuilder.component.js";
-import { FormControl as B } from "./components/form-control/formControl.component.js";
-import { FormEditCTAs as O } from "./components/form-edit/formCtas.component.js";
-import { FormEdit as I } from "./components/form-edit/formEdit.component.js";
-import { FormParameters as M, defaultDisplayChoices as w } from "./components/form-edit/formParameters.component.js";
-import { useFormEdit as H } from "./components/form-edit/useFormEdit.hook.js";
-import { FormSettings as _ } from "./components/form-settings/formSettings.component.js";
-import { FormsTable as k } from "./components/forms-table/formsTable.component.js";
-import { InputTags as y } from "./components/input-tags/inputTags.component.js";
-import { InputText as U } from "./components/input-text/inputText.component.js";
-import { Loader as q } from "./components/loader/loader.component.js";
-import { Modal as K, useModal as Q } from "./components/modal/modal.component.js";
-import { RemoveModal as X } from "./components/modal/removeModal.component.js";
-import { Pagination as Z } from "./components/pagination/pagination.component.js";
-import { Select as oo } from "./components/select/select.component.js";
-import { SubmissionsTable as eo } from "./components/submissions-table/submissionsTable.component.js";
-import { DefaultArrowSort as mo } from "./components/table/components/defaultArrowSort.component.js";
-import { DefaultCell as fo } from "./components/table/components/defaultCell.component.js";
-import { DefaultCellHeader as lo } from "./components/table/components/defaultCellHeader.component.js";
-import { DefaultCellOperations as so } from "./components/table/components/defaultCellOperations.component.js";
-import { DefaultOperationButton as uo } from "./components/table/components/defaultOperationButton.component.js";
-import { DefaultColumnFilter as Fo } from "./components/table/filters/defaultColumnFilter.component.js";
-import { SelectColumnFilter as To, useSelectColumnFilter as bo } from "./components/table/filters/selectColumnFilter.component.js";
-import { SliderColumnFilter as go } from "./components/table/filters/sliderColumnFilter.component.js";
-import { getOperationCallback as Do, useCustomTable as Eo } from "./components/table/hooks/useCustomTable.hook.js";
-import { useOperations as So } from "./components/table/hooks/useOperations.hook.js";
-import { Table as Wo } from "./components/table/table.component.js";
-import { LEFT_PAGE as Go, RIGHT_PAGE as Io, getPageNumbers as Lo } from "./components/table/utils/getPageNumbers.js";
-import { mapFormToColumns as wo } from "./components/table/utils/mapFormToColumns.js";
-import { swapElements as Ho } from "./components/table/utils/swapElements.js";
-import { ButtonTab as _o, Tabs as ho } from "./components/tabs/tabs.component.js";
-import { useTooltip as vo } from "./hooks/useTooltip.js";
-import { callLast as No } from "./utils/callLast.js";
-import { iconClass as jo } from "./utils/iconClass.js";
-import { mapPagination as Jo } from "./utils/mapPagination.js";
-import { stopPropagationWrapper as Qo } from "./utils/stopPropagationWrapper.js";
-import { Components as Xo, Formio as Yo, Templates as Zo, Utils as $o } from "formiojs";
+import { Components as s, Formio as i, Templates as u, Utils as x } from "formiojs";
 export {
-  s as ActionsTable,
-  u as Alert,
-  _o as ButtonTab,
-  d as Card,
-  Xo as Components,
-  mo as DefaultArrowSort,
-  fo as DefaultCell,
-  lo as DefaultCellHeader,
-  so as DefaultCellOperations,
-  Fo as DefaultColumnFilter,
-  uo as DefaultOperationButton,
-  C as Form,
-  g as FormAccess,
-  D as FormAction,
-  P as FormBuilder,
-  B as FormControl,
-  I as FormEdit,
-  O as FormEditCTAs,
-  M as FormParameters,
-  _ as FormSettings,
-  Yo as Formio,
-  k as FormsTable,
-  y as InputTags,
-  U as InputText,
-  Go as LEFT_PAGE,
-  q as Loader,
-  K as Modal,
-  Z as Pagination,
-  Io as RIGHT_PAGE,
-  X as RemoveModal,
-  oo as Select,
-  To as SelectColumnFilter,
-  go as SliderColumnFilter,
-  eo as SubmissionsTable,
-  Wo as Table,
-  ho as Tabs,
-  Zo as Templates,
-  $o as Utils,
-  e as Webform,
-  m as WebformBuilder,
-  f as Wizard,
-  l as WizardBuilder,
-  No as callLast,
-  w as defaultDisplayChoices,
-  Do as getOperationCallback,
-  Lo as getPageNumbers,
-  jo as iconClass,
-  wo as mapFormToColumns,
-  Jo as mapPagination,
-  Qo as stopPropagationWrapper,
-  Ho as swapElements,
-  Eo as useCustomTable,
-  b as useForm,
-  H as useFormEdit,
-  Q as useModal,
-  So as useOperations,
-  bo as useSelectColumnFilter,
-  vo as useTooltip
+  s as Components,
+  i as Formio,
+  u as Templates,
+  x as Utils,
+  o as Webform,
+  a as WebformBuilder,
+  m as Wizard,
+  l as WizardBuilder
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/interfaces/ActionType.d.ts

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

package/dist/interfaces/ActionType.js

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

package/dist/interfaces/ActionType.js.map

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

package/dist/interfaces/ComponentType.d.ts

@@ -0,0 +1,2 @@
+import { ExtendedComponentSchema } from 'formiojs';
+export type ComponentType = ExtendedComponentSchema;

package/dist/interfaces/ComponentType.js

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

package/dist/interfaces/ComponentType.js.map

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

package/dist/interfaces/FormOptions.d.ts

@@ -7,4 +7,7 @@ export interface FormOptions {
     template?: string;
     saveDraft?: boolean;
     events?: EventEmitter2;
+    hooks?: {
+        customValidation?: Function;
+    };
 }

package/dist/interfaces/{FormSchema.d.ts → FormType.d.ts}

@@ -1,10 +1,10 @@
-import { ExtendedComponentSchema } from 'formiojs';
-export type FormSchema = {
+import { ComponentType } from './ComponentType';
+export type FormType = {
     _id?: string;
     title?: string;
     name?: string;
     machineName?: string;
-    components: ExtendedComponentSchema[];
+    components: ComponentType[];
     tags?: string[];
     action?: string;
     properties?: Record<string, any>;

package/dist/interfaces/FormType.js

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

package/dist/interfaces/FormType.js.map

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

package/dist/interfaces/Operation.d.ts

@@ -1,8 +1,17 @@
 import { default as React } from 'react';
-import { OperationButtonProps } from '../components/table/components/defaultOperationButton.component';
-export type PermissionsResolver<Data = any> = (data: Data, ctx: any) => void;
-export type OnClickOperation<Data = any> = (data: Data, operation: Operation) => void;
-export interface Operation<Data = any> {
+import { OperationButtonProps } from '../molecules/table/components/DefaultOperationButton.js';
+import { JSON } from './SubmissionType.js';
+export type CellMetadata = Record<string, unknown>;
+export type PermissionsResolver<Data extends {
+    [key: string]: JSON;
+} = {
+    [key: string]: JSON;
+}> = (data: Data, metadata: CellMetadata, operation: Operation<Data>) => void;
+export interface Operation<Data extends {
+    [key: string]: JSON;
+} = {
+    [key: string]: JSON;
+}> {
     /**
      * Action identifier
      */

package/dist/interfaces/{RoleSchema.d.ts → RoleType.d.ts}

@@ -1,4 +1,4 @@
-export interface RoleSchema extends Record<string, unknown> {
+export interface RoleType extends Record<string, unknown> {
     _id?: string;
     title: string;
     admin: boolean;

package/dist/interfaces/RoleType.js

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

package/dist/interfaces/RoleType.js.map

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

package/dist/interfaces/SubmissionType.d.ts

@@ -0,0 +1,29 @@
+import { ComponentType } from './ComponentType';
+export type JSON = unknown | string | number | boolean | null | undefined | JSON[] | {
+    [key: string]: JSON;
+};
+export interface SubmissionType<Data extends {
+    [key: string]: JSON;
+} = {
+    [key: string]: JSON;
+}> extends Record<string, JSON> {
+    _id?: string;
+    data: Data;
+    metadata?: {
+        [key: string]: JSON;
+    };
+    state?: string;
+}
+export interface ChangedSubmission<Data extends {
+    [key: string]: JSON;
+} = {
+    [key: string]: JSON;
+}> extends SubmissionType<Data> {
+    data: Data;
+    changed?: {
+        component: ComponentType;
+        instance: any;
+        value: unknown;
+    } & Record<string, JSON>;
+    isValid: boolean;
+}

package/dist/interfaces/SubmissionType.js

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

package/dist/interfaces/SubmissionType.js.map

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

package/dist/interfaces/index.d.ts

@@ -1,8 +1,9 @@
-export * from './ActionSchema';
+export * from './ActionType';
 export * from './ColumnIdentifier';
+export * from './ComponentType';
 export * from './FormOptions';
-export * from './FormSchema';
+export * from './FormType';
 export * from './Operation';
 export * from './QueryOptions';
-export * from './RoleSchema';
-export * from './Submission';
+export * from './RoleType';
+export * from './SubmissionType';

package/dist/molecules/alert/Alert.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+export interface AlertProps {
+    message?: string | any | string[];
+    type?: string;
+}
+export declare function Alert({ children, message, type }: PropsWithChildren<AlertProps>): import("react/jsx-runtime").JSX.Element;

package/dist/{components/alert/alert.component.js → molecules/alert/Alert.js}

@@ -1,6 +1,6 @@
-import { jsx as s, jsxs as n } from "react/jsx-runtime";
-function l(e) {
-  return typeof e == "string" ? e : Array.isArray(e) ? e.map(l) : Object.prototype.hasOwnProperty.call(e, "errors") ? Object.keys(e.errors).map((t, a) => {
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+function s(e) {
+  return !e || Array.isArray(e) && !e.length ? "" : typeof e == "string" ? e : Array.isArray(e) ? e.map(s) : Object.prototype.hasOwnProperty.call(e, "errors") ? Object.keys(e.errors).map((t, a) => {
     const r = e.errors[t];
     return /* @__PURE__ */ n("div", { children: [
       /* @__PURE__ */ n("strong", { children: [
@@ -13,12 +13,15 @@ function l(e) {
       "- ",
       r.message
     ] }, a);
-  }) : Object.prototype.hasOwnProperty.call(e, "message") ? e.message : Object.prototype.hasOwnProperty.call(e, "name") && e.name === "ValidationError" ? e.details.map((t, a) => /* @__PURE__ */ s("div", { children: t.message }, a)) : Object.prototype.hasOwnProperty.call(e, "_id") && Object.prototype.hasOwnProperty.call(e, "display") ? "Another user has saved this form already. Please reload and re-apply your changes." : "An error occurred. See console logs for details.";
+  }) : Object.prototype.hasOwnProperty.call(e, "message") ? e.message : Object.prototype.hasOwnProperty.call(e, "name") && e.name === "ValidationError" ? e.details.map((t, a) => /* @__PURE__ */ l("div", { children: t.message }, a)) : Object.prototype.hasOwnProperty.call(e, "_id") && Object.prototype.hasOwnProperty.call(e, "display") ? "Another user has saved this form already. Please reload and re-apply your changes." : "An error occurred. See console logs for details.";
 }
-function o({ error: e, type: t = "danger" }) {
-  return !e || Array.isArray(e) && !e.length ? null : /* @__PURE__ */ s("div", { className: `alert alert-${t}`, role: "alert", children: l(e) });
+function o({ children: e, message: t, type: a = "danger" }) {
+  return /* @__PURE__ */ n("div", { className: `alert alert-${a}`, role: "alert", children: [
+    s(t),
+    e
+  ] });
 }
 export {
   o as Alert
 };
-//# sourceMappingURL=alert.component.js.map
+//# sourceMappingURL=Alert.js.map

package/dist/molecules/alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../src/molecules/alert/Alert.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\n\nfunction formatError(error: any): any {\n  if (!error || (Array.isArray(error) && !error.length)) {\n    return \"\";\n  }\n\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  message?: string | any | string[];\n  type?: string;\n}\n\nexport function Alert({ children, message, type = \"danger\" }: PropsWithChildren<AlertProps>) {\n  return (\n    <div className={`alert alert-${type}`} role='alert'>\n      {formatError(message)}\n      {children}\n    </div>\n  );\n}\n"],"names":["formatError","error","key","index","item","jsxs","jsx","Alert","children","message","type"],"mappings":";AAEA,SAASA,EAAYC,GAAiB;AAChC,SAAA,CAACA,KAAU,MAAM,QAAQA,CAAK,KAAK,CAACA,EAAM,SACrC,KAGL,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,UAAAC,GAAU,SAAAC,GAAS,MAAAC,IAAO,YAA2C;AAC3F,2BACG,OAAI,EAAA,WAAW,eAAeA,CAAI,IAAI,MAAK,SACzC,UAAA;AAAA,IAAAV,EAAYS,CAAO;AAAA,IACnBD;AAAA,EAAA,GACH;AAEJ;"}

package/dist/molecules/button/Button.d.ts

@@ -0,0 +1,21 @@
+import { ButtonHTMLAttributes, PropsWithChildren } from 'react';
+export declare const BUTTON_VARIANTS: string[];
+interface BaseButtonProps<T extends HTMLElement> extends ButtonHTMLAttributes<T> {
+    tag?: "button" | "a" | "input" | "div";
+    variant?: (typeof BUTTON_VARIANTS)[keyof typeof BUTTON_VARIANTS] | string;
+}
+interface HTMLAnchorProps extends BaseButtonProps<HTMLAnchorElement> {
+    tag: "a";
+}
+interface HTMLButtonProps extends BaseButtonProps<HTMLButtonElement> {
+    tag?: "button";
+}
+interface HTMLInputProps extends BaseButtonProps<HTMLInputElement> {
+    tag: "input";
+}
+interface HTMLDivProps extends BaseButtonProps<HTMLDivElement> {
+    tag: "div";
+}
+export type ButtonProps = HTMLAnchorProps | HTMLButtonProps | HTMLInputProps | HTMLDivProps;
+export declare const Button: import('react').ForwardRefExoticComponent<PropsWithChildren<ButtonProps> & import('react').RefAttributes<unknown>>;
+export {};

package/dist/molecules/button/Button.js

@@ -0,0 +1,51 @@
+import { jsx as u } from "react/jsx-runtime";
+import { c } from "../../chunks/index.js";
+import { forwardRef as m } from "react";
+import { registerComponent as s } from "../../registries/components.js";
+const y = [
+  "primary",
+  "secondary",
+  "success",
+  "danger",
+  "warning",
+  "info",
+  "light",
+  "dark",
+  "link",
+  "outline-primary",
+  "outline-secondary",
+  "outline-success",
+  "outline-danger",
+  "outline-warning",
+  "outline-info",
+  "outline-light",
+  "outline-dark",
+  "outline-link"
+], t = m(({ tag: e = "button", variant: o, className: a, children: l, ...n }, r) => /* @__PURE__ */ u(
+  e,
+  {
+    ...n,
+    ref: r,
+    className: c(
+      "btn flex gap-1",
+      {
+        disabled: n.disabled
+      },
+      `btn-${o}`,
+      a
+    ),
+    disabled: n.disabled,
+    onClick: (d) => {
+      var i;
+      return !n.disabled && ((i = n.onClick) == null ? void 0 : i.call(n, d));
+    },
+    children: l
+  }
+));
+t.displayName = "Button";
+s("Button", t);
+export {
+  y as BUTTON_VARIANTS,
+  t as Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/molecules/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/molecules/button/Button.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { type ButtonHTMLAttributes, forwardRef, type PropsWithChildren } from \"react\";\n\nimport { registerComponent } from \"../../registries/components\";\n\nexport const BUTTON_VARIANTS = [\n  \"primary\",\n  \"secondary\",\n  \"success\",\n  \"danger\",\n  \"warning\",\n  \"info\",\n  \"light\",\n  \"dark\",\n  \"link\",\n  \"outline-primary\",\n  \"outline-secondary\",\n  \"outline-success\",\n  \"outline-danger\",\n  \"outline-warning\",\n  \"outline-info\",\n  \"outline-light\",\n  \"outline-dark\",\n  \"outline-link\"\n];\n\ninterface BaseButtonProps<T extends HTMLElement> extends ButtonHTMLAttributes<T> {\n  tag?: \"button\" | \"a\" | \"input\" | \"div\";\n  variant?: (typeof BUTTON_VARIANTS)[keyof typeof BUTTON_VARIANTS] | string;\n}\n\ninterface HTMLAnchorProps extends BaseButtonProps<HTMLAnchorElement> {\n  tag: \"a\";\n}\n\ninterface HTMLButtonProps extends BaseButtonProps<HTMLButtonElement> {\n  tag?: \"button\";\n}\n\ninterface HTMLInputProps extends BaseButtonProps<HTMLInputElement> {\n  tag: \"input\";\n}\n\ninterface HTMLDivProps extends BaseButtonProps<HTMLDivElement> {\n  tag: \"div\";\n}\n\nexport type ButtonProps = HTMLAnchorProps | HTMLButtonProps | HTMLInputProps | HTMLDivProps;\n\nexport const Button = forwardRef(({ tag: Tag = \"button\", variant, className, children, ...props }: PropsWithChildren<ButtonProps>, ref) => {\n  return (\n    <Tag\n      {...(props as any)}\n      ref={ref as any}\n      className={cx(\n        \"btn flex gap-1\",\n        {\n          disabled: props.disabled\n        },\n        `btn-${variant}`,\n        className\n      )}\n      disabled={props.disabled}\n      onClick={(evt) => !props.disabled && props.onClick?.(evt as any)}\n    >\n      {children}\n    </Tag>\n  );\n});\n\nButton.displayName = \"Button\";\n\nregisterComponent(\"Button\", Button);\n"],"names":["BUTTON_VARIANTS","Button","forwardRef","Tag","variant","className","children","props","ref","jsx","cx","evt","_a","registerComponent"],"mappings":";;;;AAKO,MAAMA,IAAkB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAyBaC,IAASC,EAAW,CAAC,EAAE,KAAKC,IAAM,UAAU,SAAAC,GAAS,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAyCC,MAE/H,gBAAAC;AAAA,EAACN;AAAA,EAAA;AAAA,IACE,GAAII;AAAA,IACL,KAAAC;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,QACE,UAAUH,EAAM;AAAA,MAClB;AAAA,MACA,OAAOH,CAAO;AAAA,MACdC;AAAA,IACF;AAAA,IACA,UAAUE,EAAM;AAAA,IAChB,SAAS,CAACI;;AAAQ,cAACJ,EAAM,cAAYK,IAAAL,EAAM,YAAN,gBAAAK,EAAA,KAAAL,GAAgBI;AAAA;AAAA,IAEpD,UAAAL;AAAA,EAAA;AACH,CAEH;AAEDL,EAAO,cAAc;AAErBY,EAAkB,UAAUZ,CAAM;"}

package/dist/molecules/card/Card.js

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

package/dist/molecules/card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../src/molecules/card/Card.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\nimport { registerComponent } from \"../../registries/components.js\";\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\nregisterComponent(\"Card\", Card);\n"],"names":["Card","children","label","className","classnames","jsx","registerComponent"],"mappings":";;;AAUO,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;AAEAK,EAAkB,QAAQN,CAAI;"}

package/dist/molecules/forms/form-control/FormControl.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, InputHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+export type BaseFormControlProps<Value = unknown> = {
+    label?: string;
+    description?: string | ReactNode;
+    before?: ReactNode | string;
+    after?: ReactNode | string;
+    shadow?: boolean;
+    value?: Value;
+    onChange?: (name: string | undefined, value: Value) => void;
+    /**
+     * The input size
+     */
+    size?: "small" | string;
+};
+export type FormControlProps<Value = unknown, Attributes extends HTMLAttributes<HTMLElement> = InputHTMLAttributes<HTMLInputElement>> = BaseFormControlProps<Value> & Omit<Attributes, "onChange" | "value" | "size">;
+export declare function cleanFormControlProps(props: FormControlProps, omitted?: string[]): any;
+export declare function FormControl<Value = unknown>({ children, name, id, required, before, after, description, label, size, className }: PropsWithChildren<FormControlProps<Value>>): import("react/jsx-runtime").JSX.Element;