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

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,7 +1,6 @@
 import { default as React } from 'react';
-import { OperationButtonProps } from '../components/table/components/defaultOperationButton.component';
+import { OperationButtonProps } from '../molecules/table/components/DefaultOperationButton.js';
 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> {
     /**
      * 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,8 @@
+import { ButtonHTMLAttributes } from 'react';
+export declare const BUTTON_VARIANTS: string[];
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: (typeof BUTTON_VARIANTS)[keyof typeof BUTTON_VARIANTS] | string;
+}
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/molecules/button/Button.js

@@ -0,0 +1,52 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as d } from "../../chunks/index.js";
+import { forwardRef as u } from "react";
+import { registerComponent as c } from "../../registries/components.js";
+const k = [
+  "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"
+], m = u(
+  ({ variant: t, className: e, children: o, ...n }, l) => /* @__PURE__ */ r(
+    "button",
+    {
+      ...n,
+      ref: l,
+      className: d(
+        "btn flex gap-1",
+        {
+          disabled: n.disabled
+        },
+        `btn-${t}`,
+        e
+      ),
+      disabled: n.disabled,
+      onClick: (a) => {
+        var i;
+        return !n.disabled && ((i = n.onClick) == null ? void 0 : i.call(n, a));
+      },
+      children: o
+    }
+  )
+);
+c("Button", m);
+export {
+  k as BUTTON_VARIANTS,
+  m 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 LegacyRef, 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\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: (typeof BUTTON_VARIANTS)[keyof typeof BUTTON_VARIANTS] | string;\n}\n\nexport const Button = forwardRef(\n  ({ variant, className, children, ...props }: PropsWithChildren<ButtonProps>, ref: LegacyRef<HTMLButtonElement>) => {\n    return (\n      <button\n        {...props}\n        ref={ref}\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)}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nregisterComponent(\"Button\", Button);\n"],"names":["BUTTON_VARIANTS","Button","forwardRef","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,GAMaC,IAASC;AAAA,EACpB,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAAyCC,MAEzE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,KAAAC;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,UACE,UAAUH,EAAM;AAAA,QAClB;AAAA,QACA,OAAOH,CAAO;AAAA,QACdC;AAAA,MACF;AAAA,MACA,UAAUE,EAAM;AAAA,MAChB,SAAS,CAACI;;AAAQ,gBAACJ,EAAM,cAAYK,IAAAL,EAAM,YAAN,gBAAAK,EAAA,KAAAL,GAAgBI;AAAA;AAAA,MAEpD,UAAAL;AAAA,IAAA;AAAA,EACH;AAGN;AAEAO,EAAkB,UAAUX,CAAM;"}

package/dist/molecules/card/Card.js

@@ -0,0 +1,12 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { c as s } from "../../chunks/index.js";
+function m({ children: a, label: c, className: e }) {
+  return /* @__PURE__ */ d("div", { className: s("card", e), children: [
+    /* @__PURE__ */ r("div", { className: "card-header ", children: /* @__PURE__ */ r("h4", { className: "card-title", children: c }) }),
+    /* @__PURE__ */ r("div", { className: "card-body", role: "article", children: a })
+  ] });
+}
+export {
+  m 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\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/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;

package/dist/molecules/forms/form-control/FormControl.js

@@ -0,0 +1,51 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { c } from "../../../chunks/index.js";
+import u from "lodash/omit";
+import { registerComponent as f } from "../../../registries/components.js";
+function C(t, r = []) {
+  return u(t, ["label", "description", "prefix", "suffix", "size", "shadow", ...r]);
+}
+function h({
+  children: t,
+  name: r = "",
+  id: n = r,
+  required: m,
+  before: i,
+  after: e,
+  description: s,
+  label: l,
+  size: a,
+  className: p
+}) {
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      "data-testid": r && `form-group-${r}`,
+      id: `form-group-${r || ""}`,
+      className: c(
+        "form-group",
+        {
+          "-with-before": !!i,
+          "-with-after": !!e
+        },
+        a && `-size-${a}`,
+        p
+      ),
+      children: [
+        l && /* @__PURE__ */ o("label", { htmlFor: n, "data-testid": "form-control-label", className: `col-form-label ${m ? " field-required" : ""}`, children: l }),
+        /* @__PURE__ */ d("div", { className: "input-group", children: [
+          i && /* @__PURE__ */ o("div", { className: "input-group-prepend", children: /* @__PURE__ */ o("span", { className: "input-group-text", "data-testid": "form-control-prefix", children: i }) }),
+          t,
+          e && /* @__PURE__ */ o("div", { className: "input-group-append", children: /* @__PURE__ */ o("span", { className: "input-group-text", "data-testid": "form-control-suffix", children: e }) })
+        ] }),
+        s && /* @__PURE__ */ o("div", { "data-testid": "form-control-description", className: "form-text text-muted", children: s })
+      ]
+    }
+  );
+}
+f("FormControl", h);
+export {
+  h as FormControl,
+  C as cleanFormControlProps
+};
+//# sourceMappingURL=FormControl.js.map

package/dist/molecules/forms/form-control/FormControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.js","sources":["../../../../src/molecules/forms/form-control/FormControl.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport omit from \"lodash/omit\";\nimport { HTMLAttributes, InputHTMLAttributes, PropsWithChildren, ReactNode } from \"react\";\n\nimport { registerComponent } from \"../../../registries/components\";\n\nexport type BaseFormControlProps<Value = unknown> = {\n  label?: string;\n  description?: string | ReactNode;\n  before?: ReactNode | string;\n  after?: ReactNode | string;\n  shadow?: boolean;\n  value?: Value;\n  onChange?: (name: string | undefined, value: Value) => void;\n  /**\n   * The input size\n   */\n  size?: \"small\" | string;\n};\nexport type FormControlProps<\n  Value = unknown,\n  Attributes extends HTMLAttributes<HTMLElement> = InputHTMLAttributes<HTMLInputElement>\n> = BaseFormControlProps<Value> & Omit<Attributes, \"onChange\" | \"value\" | \"size\">;\n\nexport function cleanFormControlProps(props: FormControlProps, omitted: string[] = []): any {\n  return omit(props, [\"label\", \"description\", \"prefix\", \"suffix\", \"size\", \"shadow\", ...omitted]);\n}\n\nexport function FormControl<Value = unknown>({\n  children,\n  name = \"\",\n  id = name,\n  required,\n  before,\n  after,\n  description,\n  label,\n  size,\n  className\n}: PropsWithChildren<FormControlProps<Value>>) {\n  return (\n    <div\n      data-testid={name && `form-group-${name}`}\n      id={`form-group-${name || \"\"}`}\n      className={classnames(\n        \"form-group\",\n        {\n          \"-with-before\": !!before,\n          \"-with-after\": !!after\n        },\n        size && `-size-${size}`,\n        className\n      )}\n    >\n      {label && (\n        <label htmlFor={id} data-testid='form-control-label' className={`col-form-label ${required ? \" field-required\" : \"\"}`}>\n          {label}\n        </label>\n      )}\n      <div className={\"input-group\"}>\n        {before && (\n          <div className='input-group-prepend'>\n            <span className='input-group-text' data-testid='form-control-prefix'>\n              {before}\n            </span>\n          </div>\n        )}\n        {children}\n        {after && (\n          <div className='input-group-append'>\n            <span className='input-group-text' data-testid='form-control-suffix'>\n              {after}\n            </span>\n          </div>\n        )}\n      </div>\n      {description && (\n        <div data-testid='form-control-description' className='form-text text-muted'>\n          {description}\n        </div>\n      )}\n    </div>\n  );\n}\n\nregisterComponent(\"FormControl\", FormControl);\n"],"names":["cleanFormControlProps","props","omitted","omit","FormControl","children","name","id","required","before","after","description","label","size","className","jsxs","classnames","jsx","registerComponent"],"mappings":";;;;AAwBO,SAASA,EAAsBC,GAAyBC,IAAoB,IAAS;AACnF,SAAAC,EAAKF,GAAO,CAAC,SAAS,eAAe,UAAU,UAAU,QAAQ,UAAU,GAAGC,CAAO,CAAC;AAC/F;AAEO,SAASE,EAA6B;AAAA,EAC3C,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,IAAAC,IAAKD;AAAA,EACL,UAAAE;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AACF,GAA+C;AAE3C,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAaT,KAAQ,cAAcA,CAAI;AAAA,MACvC,IAAI,cAAcA,KAAQ,EAAE;AAAA,MAC5B,WAAWU;AAAAA,QACT;AAAA,QACA;AAAA,UACE,gBAAgB,CAAC,CAACP;AAAA,UAClB,eAAe,CAAC,CAACC;AAAA,QACnB;AAAA,QACAG,KAAQ,SAASA,CAAI;AAAA,QACrBC;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QAAAF,KACE,gBAAAK,EAAA,SAAA,EAAM,SAASV,GAAI,eAAY,sBAAqB,WAAW,kBAAkBC,IAAW,oBAAoB,EAAE,IAChH,UACHI,GAAA;AAAA,QAEF,gBAAAG,EAAC,OAAI,EAAA,WAAW,eACb,UAAA;AAAA,UACCN,KAAA,gBAAAQ,EAAC,OAAI,EAAA,WAAU,uBACb,UAAA,gBAAAA,EAAC,QAAK,EAAA,WAAU,oBAAmB,eAAY,uBAC5C,UAAAR,EACH,CAAA,GACF;AAAA,UAEDJ;AAAA,UACAK,KACC,gBAAAO,EAAC,OAAI,EAAA,WAAU,sBACb,UAAA,gBAAAA,EAAC,QAAK,EAAA,WAAU,oBAAmB,eAAY,uBAC5C,UAAAP,EAAA,CACH,EACF,CAAA;AAAA,QAAA,GAEJ;AAAA,QACCC,KACE,gBAAAM,EAAA,OAAA,EAAI,eAAY,4BAA2B,WAAU,wBACnD,UACHN,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;AAEAO,EAAkB,eAAed,CAAW;"}

package/dist/molecules/forms/input-tags/InputTags.d.ts

@@ -0,0 +1,2 @@
+import { InputTagsProps } from './InputTags.interface';
+export declare function InputTags<Data = string>(props: InputTagsProps): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/forms/input-tags/InputTags.interface.d.ts

@@ -0,0 +1,7 @@
+import { InputHTMLAttributes } from 'react';
+import { FormControlProps } from '../form-control/FormControl';
+export interface InputTagsProps<Data = string> extends FormControlProps<Data[], InputHTMLAttributes<HTMLInputElement>> {
+    layout?: "html5" | "react" | "choicesjs";
+    delimiter?: string;
+    customProperties?: Record<string, any>;
+}

package/dist/molecules/forms/input-tags/InputTags.interface.js

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

package/dist/molecules/forms/input-tags/InputTags.interface.js.map

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

package/dist/molecules/forms/input-tags/InputTags.js

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import { registerComponent as d, getComponent as s } from "../../../registries/components.js";
+function I(e) {
+  const { name: o, id: t = o, label: i, required: n, description: m, before: a, after: c, size: l, className: p, layout: u = "choicesjs", ...g } = e, f = s("FormControl"), C = s([`InputTags.${u}`, "Input"]);
+  return console.log("VALUE", e.value), /* @__PURE__ */ r(
+    f,
+    {
+      id: t,
+      name: o,
+      label: i,
+      required: n,
+      description: m,
+      before: a,
+      after: c,
+      size: l,
+      className: p,
+      children: /* @__PURE__ */ r(C, { ...g, id: t, name: o, required: n })
+    }
+  );
+}
+d("InputTags", I);
+export {
+  I as InputTags
+};
+//# sourceMappingURL=InputTags.js.map

package/dist/molecules/forms/input-tags/InputTags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTags.js","sources":["../../../../src/molecules/forms/input-tags/InputTags.tsx"],"sourcesContent":["import { ComponentType } from \"react\";\n\nimport { getComponent, registerComponent } from \"../../../registries/components\";\nimport { type FormControl as DefaultFormControl } from \"../form-control/FormControl\";\nimport type { InputTagsProps } from \"./InputTags.interface\";\n\nexport function InputTags<Data = string>(props: InputTagsProps) {\n  const { name, id = name, label, required, description, before, after, size, className, layout = \"choicesjs\", ...otherProps } = props;\n\n  const FormControl = getComponent<typeof DefaultFormControl>(\"FormControl\");\n  const Component = getComponent<ComponentType<InputTagsProps<Data>>>([`InputTags.${layout}`, \"Input\"]);\n  console.log(\"VALUE\", props.value);\n  return (\n    <FormControl\n      id={id}\n      name={name}\n      label={label}\n      required={required}\n      description={description}\n      before={before}\n      after={after}\n      size={size}\n      className={className}\n    >\n      <Component {...(otherProps as any)} id={id} name={name} required={required} />\n    </FormControl>\n  );\n}\n\nregisterComponent(\"InputTags\", InputTags);\n"],"names":["InputTags","props","name","id","label","required","description","before","after","size","className","layout","otherProps","FormControl","getComponent","Component","jsx","registerComponent"],"mappings":";;AAMO,SAASA,EAAyBC,GAAuB;AAC9D,QAAM,EAAE,MAAAC,GAAM,IAAAC,IAAKD,GAAM,OAAAE,GAAO,UAAAC,GAAU,aAAAC,GAAa,QAAAC,GAAQ,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,QAAAC,IAAS,aAAa,GAAGC,MAAeX,GAEzHY,IAAcC,EAAwC,aAAa,GACnEC,IAAYD,EAAkD,CAAC,aAAaH,CAAM,IAAI,OAAO,CAAC;AAC5F,iBAAA,IAAI,SAASV,EAAM,KAAK,GAE9B,gBAAAe;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,IAAAV;AAAA,MACA,MAAAD;AAAA,MACA,OAAAE;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,QAAAC;AAAA,MACA,OAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAAC;AAAA,MAEA,4BAACK,GAAW,EAAA,GAAIH,GAAoB,IAAAT,GAAQ,MAAAD,GAAY,UAAAG,EAAoB,CAAA;AAAA,IAAA;AAAA,EAC9E;AAEJ;AAEAY,EAAkB,aAAajB,CAAS;"}

package/dist/molecules/forms/input-tags/all.d.ts

@@ -0,0 +1,2 @@
+export * from './InputTags';
+export * from './InputTags.interface';

package/dist/molecules/forms/input-tags/all.js

@@ -0,0 +1,9 @@
+import "../form-control/FormControl.js";
+import "./components/ChoicesTags.js";
+import "./components/ReactTags.js";
+import "../input-text/InputText.js";
+import { InputTags as a } from "./InputTags.js";
+export {
+  a as InputTags
+};
+//# sourceMappingURL=all.js.map

package/dist/molecules/forms/input-tags/all.js.map

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