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

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":"AAAO,IAAWA,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,EAAA,IAAR,SACAA,EAAAA,EAAA,SAAS,EAAA,IAAT,UACAA,EAAAA,EAAA,aAAa,EAAA,IAAb,cACAA,EAAAA,EAAA,WAAW,EAAA,IAAX,YACAA,EAAAA,EAAA,cAAc,EAAA,IAAd,eACAA,EAAAA,EAAA,aAAa,EAAA,IAAb,cACAA,EAAAA,EAAA,QAAQ,EAAA,IAAR,SACAA,EAAAA,EAAA,MAAM,EAAA,IAAN,OACAA,EAAAA,EAAA,OAAO,EAAA,IAAP,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;AAC5D,QAAID,EAAcC,CAAK;AACrB,aAAOW,EAAA;AAGT,QAAIX,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECS,EAAA;AAGT,QAAIT,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECU,EAAA;AAGT,QAAIV,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECK,EAAA;AAGT,QAAIL,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECM,EAAA;AAGT,QAAIN,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECQ,EAAA;AAGT,QAAIR,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECO,EAAA;AAAA,EAEX;AAAA,EACA,CAACI,GAAUL,GAAMI,GAAKH,GAAMC,GAAOC,GAAOJ,CAAE;AAAA;"}

package/dist/hooks/useTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltip.js","sources":["../../src/hooks/useTooltip.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport Tooltip, { Options } from \"tooltip.js\";\n\nexport function useTooltip(options: Options) {\n  const ref = useRef<any>();\n\n  useEffect(() => {\n    ref.current && new Tooltip(ref.current as any, options);\n  }, [ref, options]);\n\n  return ref;\n}\n"],"names":["useTooltip","options","ref","useRef","useEffect","Tooltip"],"mappings":";;AAGO,SAASA,EAAWC,GAAkB;AAC3C,QAAMC,IAAMC,EAAY;AAExB,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAI,WAAW,IAAIG,EAAQH,EAAI,SAAgBD,CAAO;AAAA,EAAA,GACrD,CAACC,GAAKD,CAAO,CAAC,GAEVC;AACT;"}
+{"version":3,"file":"useTooltip.js","sources":["../../src/hooks/useTooltip.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport Tooltip, { Options } from \"tooltip.js\";\n\nexport function useTooltip(options: Options) {\n  const ref = useRef<any>();\n\n  useEffect(() => {\n    ref.current && new Tooltip(ref.current as any, options);\n  }, [ref, options]);\n\n  return ref;\n}\n"],"names":["useTooltip","options","ref","useRef","useEffect","Tooltip"],"mappings":";;AAGO,SAASA,EAAWC,GAAkB;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAI,WAAW,IAAIG,EAAQH,EAAI,SAAgBD,CAAO;AAAA,EACxD,GAAG,CAACC,GAAKD,CAAO,CAAC,GAEVC;AACT;"}

package/dist/interfaces/Operation.d.ts

@@ -1,7 +1,17 @@
 import { default as React } from 'react';
 import { OperationButtonProps } from '../molecules/table/components/DefaultOperationButton.js';
-export type PermissionsResolver<Data = any> = (data: Data, ctx: any) => void;
-export interface Operation<Data = any> {
+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/molecules/alert/Alert.js.map

@@ -1 +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;"}
+{"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;AACpC,SAAI,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;AACnD,UAAMC,IAAOH,EAAM,OAAOC,CAAG;AAC7B,6BACG,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAG,EAAC,UAAA,EACE,UAAA;AAAA,QAAAD,EAAK;AAAA,QAAK;AAAA,QAAGA,EAAK;AAAA,QAAK;AAAA,MAAA,GAC1B;AAAA,MAAU;AAAA,MAAI;AAAA,MACXA,EAAK;AAAA,IAAA,EAAA,GAJAD,CAKV;AAAA,EAEJ,CAAC,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,MAC5B,gBAAAG,EAAC,OAAA,EAAiB,UAAAF,EAAK,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,OAAA,EAAI,WAAW,eAAeA,CAAI,IAAI,MAAK,SACzC,UAAA;AAAA,IAAAV,EAAYS,CAAO;AAAA,IACnBD;AAAA,EAAA,GACH;AAEJ;"}

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

@@ -1,8 +1,21 @@
-import { ButtonHTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, PropsWithChildren } from 'react';
 export declare const BUTTON_VARIANTS: string[];
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+interface BaseButtonProps<T extends HTMLElement> extends ButtonHTMLAttributes<T> {
+    tag?: "button" | "a" | "input" | "div";
     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>>;
+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

@@ -1,5 +1,5 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as d } from "../../chunks/index.js";
+import { jsx as d } from "react/jsx-runtime";
+import { c as s } from "../../chunks/index.js";
 import { forwardRef as u } from "react";
 import { registerComponent as c } from "../../registries/components.js";
 const k = [
@@ -21,32 +21,28 @@ const k = [
   "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));
+], i = u(({ tag: t = "button", variant: e, className: o, children: a, ...n }, l) => /* @__PURE__ */ d(
+  t,
+  {
+    ...n,
+    ref: l,
+    className: s(
+      "btn flex gap-1",
+      {
+        disabled: n.disabled
       },
-      children: o
-    }
-  )
-);
-c("Button", m);
+      `btn-${e}`,
+      o
+    ),
+    disabled: n.disabled,
+    onClick: (r) => !n.disabled && n.onClick?.(r),
+    children: a
+  }
+));
+i.displayName = "Button";
+c("Button", i);
 export {
   k as BUTTON_VARIANTS,
-  m as Button
+  i as Button
 };
 //# sourceMappingURL=Button.js.map

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

@@ -1 +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;"}
+{"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","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,MAAA;AAAA,MAElB,OAAOH,CAAO;AAAA,MACdC;AAAA,IAAA;AAAA,IAEF,UAAUE,EAAM;AAAA,IAChB,SAAS,CAACI,MAAQ,CAACJ,EAAM,YAAYA,EAAM,UAAUI,CAAU;AAAA,IAE9D,UAAAL;AAAA,EAAA;AAAA,CAGN;AAEDL,EAAO,cAAc;AAErBW,EAAkB,UAAUX,CAAM;"}

package/dist/molecules/card/Card.js

@@ -1,12 +1,14 @@
 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 }) }),
+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 {
-  m as Card
+  o as Card
 };
 //# sourceMappingURL=Card.js.map

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

@@ -1 +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;"}
+{"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,OAAA,EAAI,WAAWC,EAAW,QAAQD,CAAS,GAC1C,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAW,gBACd,UAAA,gBAAAA,EAAC,QAAG,WAAW,cAAe,aAAM,EAAA,CACtC;AAAA,sBACC,OAAA,EAAI,WAAW,aAAa,MAAM,WAChC,UAAAJ,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEAK,EAAkB,QAAQN,CAAI;"}

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

@@ -1 +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;"}
+{"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;AAC1F,SAAOC,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;AAC7C,SACE,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,QAAA;AAAA,QAEnBG,KAAQ,SAASA,CAAI;AAAA,QACrBC;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAF,KACC,gBAAAK,EAAC,SAAA,EAAM,SAASV,GAAI,eAAY,sBAAqB,WAAW,kBAAkBC,IAAW,oBAAoB,EAAE,IAChH,UAAAI,GACH;AAAA,QAEF,gBAAAG,EAAC,OAAA,EAAI,WAAW,eACb,UAAA;AAAA,UAAAN,KACC,gBAAAQ,EAAC,OAAA,EAAI,WAAU,uBACb,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,oBAAmB,eAAY,uBAC5C,UAAAR,EAAA,CACH,GACF;AAAA,UAEDJ;AAAA,UACAK,KACC,gBAAAO,EAAC,OAAA,EAAI,WAAU,sBACb,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,oBAAmB,eAAY,uBAC5C,UAAAP,EAAA,CACH,EAAA,CACF;AAAA,QAAA,GAEJ;AAAA,QACCC,KACC,gBAAAM,EAAC,OAAA,EAAI,eAAY,4BAA2B,WAAU,wBACnD,UAAAN,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAO,EAAkB,eAAed,CAAW;"}

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

@@ -1,20 +1,20 @@
-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,
+import { jsx as n } from "react/jsx-runtime";
+import { registerComponent as d, getComponent as r } from "../../../registries/components.js";
+function I(s) {
+  const { name: o, id: t = o, label: p, required: e, description: i, before: m, after: a, size: c, className: u, layout: l = "choicesjs", ...f } = s, g = r("FormControl"), C = r([`InputTags.${l}`, "Input"]);
+  return /* @__PURE__ */ n(
+    g,
     {
       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 })
+      label: p,
+      required: e,
+      description: i,
+      before: m,
+      after: a,
+      size: c,
+      className: u,
+      children: /* @__PURE__ */ n(C, { ...f, id: t, name: o, required: e })
     }
   );
 }

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

@@ -1 +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;"}
+{"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\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;AAEpG,SACE,gBAAAK;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,GAAA,EAAW,GAAIH,GAAoB,IAAAT,GAAQ,MAAAD,GAAY,UAAAG,EAAA,CAAoB;AAAA,IAAA;AAAA,EAAA;AAGlF;AAEAY,EAAkB,aAAajB,CAAS;"}

package/dist/molecules/forms/input-tags/components/ChoicesTags.js

@@ -1,34 +1,34 @@
-import { jsx as I } from "react/jsx-runtime";
-import E from "@formio/choices.js";
-import { useRef as u, useEffect as P } from "react";
+import { jsx as h } from "react/jsx-runtime";
+import C from "@formio/choices.js";
+import { useRef as u, useEffect as I } from "react";
 import { c as l } from "../../../../chunks/index.module.js";
-import { registerComponent as h } from "../../../../registries/components.js";
-import { cleanFormControlProps as x } from "../../form-control/FormControl.js";
-function T(n) {
-  const { value: o, onChange: e, name: c = "", delimiter: m, customProperties: a, ...p } = n, i = u(null), s = u(null), f = l((t) => {
-    const r = (o || []).concat(t);
-    e == null || e(c, [...r]);
-  }, 100), d = l((t) => {
-    const r = (o || []).filter((v) => v !== t);
-    e == null || e(c, [...r]);
+import { registerComponent as g } from "../../../../registries/components.js";
+import { cleanFormControlProps as E } from "../../form-control/FormControl.js";
+function P(s) {
+  const { value: r, onChange: o, name: c = "", delimiter: m, customProperties: a, ...p } = s, i = u(null), n = u(null), f = l((e) => {
+    const t = (r || []).concat(e);
+    o?.(c, [...t]);
+  }, 100), d = l((e) => {
+    const t = (r || []).filter((v) => v !== e);
+    o?.(c, [...t]);
   });
-  return P(() => {
+  return I(() => {
     if (i.current) {
-      const t = new E(i.current, {
+      const e = new C(i.current, {
         duplicateItemsAllowed: !1,
         ...a,
         delimiter: m,
         editItems: !0,
         removeItemButton: !0
       });
-      t.setValue(o || []), s.current = t, t.passedElement.element.addEventListener("addItem", (r) => {
-        f(r.detail.value);
-      }), t.passedElement.element.addEventListener("removeItem", (r) => {
-        d(r.detail.value);
+      e.setValue(r || []), n.current = e, e.passedElement.element.addEventListener("addItem", (t) => {
+        f(t.detail.value);
+      }), e.passedElement.element.addEventListener("removeItem", (t) => {
+        d(t.detail.value);
       });
     }
     return () => {
-      s.current && s.current.destroy();
+      n.current && n.current.destroy();
     };
   }, [m]), {
     otherProps: {
@@ -36,16 +36,16 @@ function T(n) {
       name: c
     },
     ref: i,
-    instanceRef: s
+    instanceRef: n
   };
 }
-function j(n) {
-  const { ref: o, otherProps: e } = T(n);
-  return /* @__PURE__ */ I("input", { type: "text", ...x(e), ref: o });
+function x(s) {
+  const { ref: r, otherProps: o } = P(s);
+  return /* @__PURE__ */ h("input", { type: "text", ...E(o), ref: r });
 }
-h("InputTags.choicesjs", j);
+g("InputTags.choicesjs", x);
 export {
-  j as ChoicesTags,
-  T as useChoiceTags
+  x as ChoicesTags,
+  P as useChoiceTags
 };
 //# sourceMappingURL=ChoicesTags.js.map

package/dist/molecules/forms/input-tags/components/ChoicesTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChoicesTags.js","sources":["../../../../../src/molecules/forms/input-tags/components/ChoicesTags.tsx"],"sourcesContent":["import Choices from \"@formio/choices.js\";\nimport { useEffect, useRef } from \"react\";\nimport { useDebouncedCallback } from \"use-debounce\";\n\nimport { registerComponent } from \"../../../../registries/components\";\nimport { cleanFormControlProps } from \"../../form-control/FormControl\";\nimport type { InputTagsProps } from \"../InputTags.interface\";\n\nexport function useChoiceTags<Data = string>(props: InputTagsProps<Data>) {\n  const { value, onChange, name = \"\", delimiter, customProperties, ...otherProps } = props;\n  const ref = useRef<HTMLInputElement | null>(null);\n  const instanceRef = useRef<Choices | null>(null);\n\n  const onAdd = useDebouncedCallback((add: Data) => {\n    const values = ((value || []) as Data[]).concat(add);\n\n    onChange?.(name, [...values]);\n  }, 100);\n\n  const onDelete = useDebouncedCallback((remove: Data) => {\n    const values = (value || []).filter((v) => v !== remove);\n\n    onChange?.(name, [...values]);\n  });\n\n  useEffect(() => {\n    if (ref.current) {\n      const instance = new Choices(ref.current!, {\n        duplicateItemsAllowed: false,\n        ...customProperties,\n        delimiter,\n        editItems: true,\n        removeItemButton: true\n      });\n\n      instance.setValue((value || []) as string[]);\n\n      instanceRef.current = instance;\n\n      instance.passedElement.element.addEventListener(\"addItem\", (event: { detail: { value: unknown } }) => {\n        onAdd(event.detail.value as Data);\n      });\n\n      instance.passedElement.element.addEventListener(\"removeItem\", (event: { detail: { value: unknown } }) => {\n        onDelete(event.detail.value as Data);\n      });\n    }\n\n    return () => {\n      if (instanceRef.current) {\n        instanceRef.current.destroy();\n      }\n    };\n  }, [delimiter]);\n\n  return {\n    otherProps: {\n      ...otherProps,\n      name\n    },\n    ref,\n    instanceRef\n  };\n}\n\nexport function ChoicesTags<Data = string>(props: InputTagsProps<Data>) {\n  const { ref, otherProps } = useChoiceTags<Data>(props);\n\n  return <input type='text' {...cleanFormControlProps(otherProps)} ref={ref} />;\n}\n\nregisterComponent(\"InputTags.choicesjs\", ChoicesTags);\n"],"names":["useChoiceTags","props","value","onChange","name","delimiter","customProperties","otherProps","ref","useRef","instanceRef","onAdd","useDebouncedCallback","add","values","onDelete","remove","useEffect","instance","Choices","event","ChoicesTags","jsx","cleanFormControlProps","registerComponent"],"mappings":";;;;;;AAQO,SAASA,EAA6BC,GAA6B;AAClE,QAAA,EAAE,OAAAC,GAAO,UAAAC,GAAU,MAAAC,IAAO,IAAI,WAAAC,GAAW,kBAAAC,GAAkB,GAAGC,EAAA,IAAeN,GAC7EO,IAAMC,EAAgC,IAAI,GAC1CC,IAAcD,EAAuB,IAAI,GAEzCE,IAAQC,EAAqB,CAACC,MAAc;AAChD,UAAMC,KAAWZ,KAAS,CAAA,GAAe,OAAOW,CAAG;AAEnD,IAAAV,KAAA,QAAAA,EAAWC,GAAM,CAAC,GAAGU,CAAM;AAAA,KAC1B,GAAG,GAEAC,IAAWH,EAAqB,CAACI,MAAiB;AAChD,UAAAF,KAAUZ,KAAS,CAAC,GAAG,OAAO,CAAC,MAAM,MAAMc,CAAM;AAEvD,IAAAb,KAAA,QAAAA,EAAWC,GAAM,CAAC,GAAGU,CAAM;AAAA,EAAC,CAC7B;AAED,SAAAG,EAAU,MAAM;AACd,QAAIT,EAAI,SAAS;AACf,YAAMU,IAAW,IAAIC,EAAQX,EAAI,SAAU;AAAA,QACzC,uBAAuB;AAAA,QACvB,GAAGF;AAAA,QACH,WAAAD;AAAA,QACA,WAAW;AAAA,QACX,kBAAkB;AAAA,MAAA,CACnB;AAEQ,MAAAa,EAAA,SAAUhB,KAAS,EAAe,GAE3CQ,EAAY,UAAUQ,GAEtBA,EAAS,cAAc,QAAQ,iBAAiB,WAAW,CAACE,MAA0C;AAC9F,QAAAT,EAAAS,EAAM,OAAO,KAAa;AAAA,MAAA,CACjC,GAEDF,EAAS,cAAc,QAAQ,iBAAiB,cAAc,CAACE,MAA0C;AAC9F,QAAAL,EAAAK,EAAM,OAAO,KAAa;AAAA,MAAA,CACpC;AAAA,IAAA;AAGH,WAAO,MAAM;AACX,MAAIV,EAAY,WACdA,EAAY,QAAQ,QAAQ;AAAA,IAEhC;AAAA,EAAA,GACC,CAACL,CAAS,CAAC,GAEP;AAAA,IACL,YAAY;AAAA,MACV,GAAGE;AAAA,MACH,MAAAH;AAAA,IACF;AAAA,IACA,KAAAI;AAAA,IACA,aAAAE;AAAA,EACF;AACF;AAEO,SAASW,EAA2BpB,GAA6B;AACtE,QAAM,EAAE,KAAAO,GAAK,YAAAD,MAAeP,EAAoBC,CAAK;AAE9C,SAAA,gBAAAqB,EAAC,WAAM,MAAK,QAAQ,GAAGC,EAAsBhB,CAAU,GAAG,KAAAC,GAAU;AAC7E;AAEAgB,EAAkB,uBAAuBH,CAAW;"}
+{"version":3,"file":"ChoicesTags.js","sources":["../../../../../src/molecules/forms/input-tags/components/ChoicesTags.tsx"],"sourcesContent":["import Choices from \"@formio/choices.js\";\nimport { useEffect, useRef } from \"react\";\nimport { useDebouncedCallback } from \"use-debounce\";\n\nimport { registerComponent } from \"../../../../registries/components\";\nimport { cleanFormControlProps } from \"../../form-control/FormControl\";\nimport type { InputTagsProps } from \"../InputTags.interface\";\n\nexport function useChoiceTags<Data = string>(props: InputTagsProps<Data>) {\n  const { value, onChange, name = \"\", delimiter, customProperties, ...otherProps } = props;\n  const ref = useRef<HTMLInputElement | null>(null);\n  const instanceRef = useRef<Choices | null>(null);\n\n  const onAdd = useDebouncedCallback((add: Data) => {\n    const values = ((value || []) as Data[]).concat(add);\n\n    onChange?.(name, [...values]);\n  }, 100);\n\n  const onDelete = useDebouncedCallback((remove: Data) => {\n    const values = (value || []).filter((v) => v !== remove);\n\n    onChange?.(name, [...values]);\n  });\n\n  useEffect(() => {\n    if (ref.current) {\n      const instance = new Choices(ref.current!, {\n        duplicateItemsAllowed: false,\n        ...customProperties,\n        delimiter,\n        editItems: true,\n        removeItemButton: true\n      });\n\n      instance.setValue((value || []) as string[]);\n\n      instanceRef.current = instance;\n\n      instance.passedElement.element.addEventListener(\"addItem\", (event: { detail: { value: unknown } }) => {\n        onAdd(event.detail.value as Data);\n      });\n\n      instance.passedElement.element.addEventListener(\"removeItem\", (event: { detail: { value: unknown } }) => {\n        onDelete(event.detail.value as Data);\n      });\n    }\n\n    return () => {\n      if (instanceRef.current) {\n        instanceRef.current.destroy();\n      }\n    };\n  }, [delimiter]);\n\n  return {\n    otherProps: {\n      ...otherProps,\n      name\n    },\n    ref,\n    instanceRef\n  };\n}\n\nexport function ChoicesTags<Data = string>(props: InputTagsProps<Data>) {\n  const { ref, otherProps } = useChoiceTags<Data>(props);\n\n  return <input type='text' {...cleanFormControlProps(otherProps)} ref={ref} />;\n}\n\nregisterComponent(\"InputTags.choicesjs\", ChoicesTags);\n"],"names":["useChoiceTags","props","value","onChange","name","delimiter","customProperties","otherProps","ref","useRef","instanceRef","onAdd","useDebouncedCallback","add","values","onDelete","remove","useEffect","instance","Choices","event","ChoicesTags","jsx","cleanFormControlProps","registerComponent"],"mappings":";;;;;;AAQO,SAASA,EAA6BC,GAA6B;AACxE,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,MAAAC,IAAO,IAAI,WAAAC,GAAW,kBAAAC,GAAkB,GAAGC,EAAA,IAAeN,GAC7EO,IAAMC,EAAgC,IAAI,GAC1CC,IAAcD,EAAuB,IAAI,GAEzCE,IAAQC,EAAqB,CAACC,MAAc;AAChD,UAAMC,KAAWZ,KAAS,CAAA,GAAe,OAAOW,CAAG;AAEnD,IAAAV,IAAWC,GAAM,CAAC,GAAGU,CAAM,CAAC;AAAA,EAC9B,GAAG,GAAG,GAEAC,IAAWH,EAAqB,CAACI,MAAiB;AACtD,UAAMF,KAAUZ,KAAS,CAAA,GAAI,OAAO,CAAC,MAAM,MAAMc,CAAM;AAEvD,IAAAb,IAAWC,GAAM,CAAC,GAAGU,CAAM,CAAC;AAAA,EAC9B,CAAC;AAED,SAAAG,EAAU,MAAM;AACd,QAAIT,EAAI,SAAS;AACf,YAAMU,IAAW,IAAIC,EAAQX,EAAI,SAAU;AAAA,QACzC,uBAAuB;AAAA,QACvB,GAAGF;AAAA,QACH,WAAAD;AAAA,QACA,WAAW;AAAA,QACX,kBAAkB;AAAA,MAAA,CACnB;AAED,MAAAa,EAAS,SAAUhB,KAAS,EAAe,GAE3CQ,EAAY,UAAUQ,GAEtBA,EAAS,cAAc,QAAQ,iBAAiB,WAAW,CAACE,MAA0C;AACpG,QAAAT,EAAMS,EAAM,OAAO,KAAa;AAAA,MAClC,CAAC,GAEDF,EAAS,cAAc,QAAQ,iBAAiB,cAAc,CAACE,MAA0C;AACvG,QAAAL,EAASK,EAAM,OAAO,KAAa;AAAA,MACrC,CAAC;AAAA,IACH;AAEA,WAAO,MAAM;AACX,MAAIV,EAAY,WACdA,EAAY,QAAQ,QAAA;AAAA,IAExB;AAAA,EACF,GAAG,CAACL,CAAS,CAAC,GAEP;AAAA,IACL,YAAY;AAAA,MACV,GAAGE;AAAA,MACH,MAAAH;AAAA,IAAA;AAAA,IAEF,KAAAI;AAAA,IACA,aAAAE;AAAA,EAAA;AAEJ;AAEO,SAASW,EAA2BpB,GAA6B;AACtE,QAAM,EAAE,KAAAO,GAAK,YAAAD,MAAeP,EAAoBC,CAAK;AAErD,SAAO,gBAAAqB,EAAC,WAAM,MAAK,QAAQ,GAAGC,EAAsBhB,CAAU,GAAG,KAAAC,GAAU;AAC7E;AAEAgB,EAAkB,uBAAuBH,CAAW;"}