@tsed/react-formio 3.0.0-alpha.10 → 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/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/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,8 +1,8 @@
-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 = [
+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",
@@ -21,32 +21,31 @@ 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));
+], 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
       },
-      children: o
-    }
-  )
-);
-c("Button", m);
+      `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 {
-  k as BUTTON_VARIANTS,
-  m as Button
+  y as BUTTON_VARIANTS,
+  t 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","_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

@@ -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,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/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;AAGlG,SAAA,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,GAAW,EAAA,GAAIH,GAAoB,IAAAT,GAAQ,MAAAD,GAAY,UAAAG,EAAoB,CAAA;AAAA,IAAA;AAAA,EAC9E;AAEJ;AAEAY,EAAkB,aAAajB,CAAS;"}

package/dist/molecules/table/Table.d.ts

@@ -1,9 +1,17 @@
-import { RowData } from '@tanstack/react-table';
 import { PropsWithChildren } from 'react';
+import { JSON } from '../../interfaces/index.js';
 import { UseTableProps } from './hooks/useTable';
-export interface TableProps<Data extends RowData = any> extends UseTableProps<Data> {
+export interface TableProps<Data extends {
+    [key: string]: JSON;
+} = {
+    [key: string]: JSON;
+}> extends UseTableProps<Data> {
     className?: string;
     enableFooter?: boolean;
     pageSizes?: number[];
 }
-export declare function Table<Data extends RowData = any>({ className, enableFooter, children, ...props }: PropsWithChildren<TableProps<Data>>): import("react/jsx-runtime").JSX.Element;
+export declare function Table<Data extends {
+    [key: string]: JSON;
+} = {
+    [key: string]: JSON;
+}>({ className, enableFooter, children, ...props }: PropsWithChildren<TableProps<Data>>): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/table/Table.js

@@ -4,7 +4,12 @@ import { flexRender as C } from "@tanstack/react-table";
 import { c as f } from "../../chunks/index.js";
 import { getComponent as s } from "../../registries/components.js";
 import { useTable as b } from "./hooks/useTable.js";
-function y({ className: g, enableFooter: m, children: u, ...i }) {
+function y({
+  className: g,
+  enableFooter: m,
+  children: u,
+  ...i
+}) {
   const { tableInstance: n, i18n: l } = b(i), p = s("CellHeader"), P = s("CellFooter"), h = s("Pagination"), { pagination: r } = n.getState();
   return /* @__PURE__ */ d("div", { className: f("table-group table-responsive", g), children: [
     /* @__PURE__ */ d("table", { className: "table table-striped table-hover", children: [
@@ -30,7 +35,7 @@ function y({ className: g, enableFooter: m, children: u, ...i }) {
       m && /* @__PURE__ */ a("tfoot", { children: n.getFooterGroups().map((t) => /* @__PURE__ */ a("tr", { children: t.headers.map((e) => /* @__PURE__ */ a("th", { children: e.isPlaceholder ? null : /* @__PURE__ */ a(P, { header: e, i18n: l }) }, e.id)) }, t.id)) })
     ] }),
     /* @__PURE__ */ d("div", { className: "overflow-hidden flex flex-wrap", children: [
-      i.data.length && r && /* @__PURE__ */ a(
+      i.data.length && r ? /* @__PURE__ */ a(
         h,
         {
           className: "flex-1",
@@ -47,7 +52,7 @@ function y({ className: g, enableFooter: m, children: u, ...i }) {
           onClickNextPage: () => n.nextPage(),
           onPageSizeChange: (t) => n.setPageSize(t)
         }
-      ),
+      ) : null,
       /* @__PURE__ */ a("div", { children: u })
     ] })
   ] });

package/dist/molecules/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../src/molecules/table/Table.tsx"],"sourcesContent":["import { flexRender, RowData } from \"@tanstack/react-table\";\nimport cx from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\nimport { getComponent } from \"../../registries/components\";\nimport type { Pagination as DefaultPagination } from \"../pagination/Pagination\";\nimport type { DefaultCellFooter } from \"./components/DefaultCellFooter\";\nimport type { DefaultCellHeader } from \"./components/DefaultCellHeader\";\nimport { useTable, UseTableProps } from \"./hooks/useTable\";\n\nexport interface TableProps<Data extends RowData = any> extends UseTableProps<Data> {\n  className?: string;\n\n  enableFooter?: boolean;\n\n  pageSizes?: number[];\n}\n\nexport function Table<Data extends RowData = any>({ className, enableFooter, children, ...props }: PropsWithChildren<TableProps<Data>>) {\n  const { tableInstance, i18n } = useTable(props);\n  const CellHeader = getComponent<typeof DefaultCellHeader>(\"CellHeader\");\n  const CellFooter = getComponent<typeof DefaultCellFooter>(\"CellFooter\");\n  const Pagination = getComponent<typeof DefaultPagination>(\"Pagination\");\n\n  const { pagination } = tableInstance.getState();\n\n  return (\n    <div className={cx(\"table-group table-responsive\", className)}>\n      <table className='table table-striped table-hover'>\n        <thead>\n          {tableInstance.getHeaderGroups().map((headerGroup) => (\n            <tr key={headerGroup.id}>\n              {headerGroup.headers.map((header) => {\n                const sort = header.column.getIsSorted();\n                return (\n                  <th\n                    data-testid={`head-cell-${header.id}`}\n                    key={header.id}\n                    aria-sort={sort ? (sort === \"asc\" ? \"ascending\" : \"descending\") : \"none\"}\n                  >\n                    {header.isPlaceholder ? null : <CellHeader header={header} i18n={i18n} />}\n                  </th>\n                );\n              })}\n            </tr>\n          ))}\n        </thead>\n        <tbody>\n          {tableInstance.getRowModel().rows.map((row) => {\n            return (\n              <tr key={row.id} data-testid={`body-row-${row.id}`}>\n                {row\n                  .getVisibleCells()\n                  .filter((cell) => !cell.column.columnDef.meta?.hidden)\n                  .map((cell) => {\n                    return (\n                      <td {...cell.column.columnDef?.meta?.cellProps} key={cell.id} data-testid={`body-cell-${cell.id}`}>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                      </td>\n                    );\n                  })}\n              </tr>\n            );\n          })}\n        </tbody>\n        {enableFooter && (\n          <tfoot>\n            {tableInstance.getFooterGroups().map((footerGroup) => (\n              <tr key={footerGroup.id}>\n                {footerGroup.headers.map((header) => (\n                  <th key={header.id}>{header.isPlaceholder ? null : <CellFooter header={header} i18n={i18n} />}</th>\n                ))}\n              </tr>\n            ))}\n          </tfoot>\n        )}\n      </table>\n      <div className={\"overflow-hidden flex flex-wrap\"}>\n        {props.data.length && pagination && (\n          <Pagination\n            className={\"flex-1\"}\n            canNextPage={tableInstance.getCanNextPage()}\n            canPreviousPage={tableInstance.getCanPreviousPage()}\n            pageIndex={pagination.pageIndex}\n            pageSize={pagination.pageSize}\n            pageSizes={props.pageSizes}\n            i18n={i18n}\n            pageCount={tableInstance.getPageCount()}\n            rowCount={props.rowCount}\n            onPageIndexChange={(page) => tableInstance.setPageIndex(page)}\n            onClickPreviousPage={() => tableInstance.previousPage()}\n            onClickNextPage={() => tableInstance.nextPage()}\n            onPageSizeChange={(pageSize) => tableInstance.setPageSize(pageSize)}\n          />\n        )}\n        <div>{children}</div>\n      </div>\n    </div>\n  );\n}\n"],"names":["Table","className","enableFooter","children","props","tableInstance","i18n","useTable","CellHeader","getComponent","CellFooter","Pagination","pagination","cx","jsxs","jsx","headerGroup","header","sort","row","cell","_a","createElement","_b","flexRender","footerGroup","page","pageSize"],"mappings":"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"}
+{"version":3,"file":"Table.js","sources":["../../../src/molecules/table/Table.tsx"],"sourcesContent":["import { flexRender } from \"@tanstack/react-table\";\nimport cx from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\nimport type { JSON } from \"../../interfaces/index.js\";\nimport { getComponent } from \"../../registries/components\";\nimport type { Pagination as DefaultPagination } from \"../pagination/Pagination\";\nimport type { DefaultCellFooter } from \"./components/DefaultCellFooter\";\nimport type { DefaultCellHeader } from \"./components/DefaultCellHeader\";\nimport { useTable, UseTableProps } from \"./hooks/useTable\";\n\nexport interface TableProps<Data extends { [key: string]: JSON } = { [key: string]: JSON }> extends UseTableProps<Data> {\n  className?: string;\n\n  enableFooter?: boolean;\n\n  pageSizes?: number[];\n}\n\nexport function Table<Data extends { [key: string]: JSON } = { [key: string]: JSON }>({\n  className,\n  enableFooter,\n  children,\n  ...props\n}: PropsWithChildren<TableProps<Data>>) {\n  const { tableInstance, i18n } = useTable<Data>(props);\n  const CellHeader = getComponent<typeof DefaultCellHeader>(\"CellHeader\");\n  const CellFooter = getComponent<typeof DefaultCellFooter>(\"CellFooter\");\n  const Pagination = getComponent<typeof DefaultPagination>(\"Pagination\");\n\n  const { pagination } = tableInstance.getState();\n\n  return (\n    <div className={cx(\"table-group table-responsive\", className)}>\n      <table className='table table-striped table-hover'>\n        <thead>\n          {tableInstance.getHeaderGroups().map((headerGroup) => (\n            <tr key={headerGroup.id}>\n              {headerGroup.headers.map((header) => {\n                const sort = header.column.getIsSorted();\n                return (\n                  <th\n                    data-testid={`head-cell-${header.id}`}\n                    key={header.id}\n                    aria-sort={sort ? (sort === \"asc\" ? \"ascending\" : \"descending\") : \"none\"}\n                  >\n                    {header.isPlaceholder ? null : <CellHeader header={header} i18n={i18n} />}\n                  </th>\n                );\n              })}\n            </tr>\n          ))}\n        </thead>\n        <tbody>\n          {tableInstance.getRowModel().rows.map((row) => {\n            return (\n              <tr key={row.id} data-testid={`body-row-${row.id}`}>\n                {row\n                  .getVisibleCells()\n                  .filter((cell) => !cell.column.columnDef.meta?.hidden)\n                  .map((cell) => {\n                    return (\n                      <td {...cell.column.columnDef?.meta?.cellProps} key={cell.id} data-testid={`body-cell-${cell.id}`}>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                      </td>\n                    );\n                  })}\n              </tr>\n            );\n          })}\n        </tbody>\n        {enableFooter && (\n          <tfoot>\n            {tableInstance.getFooterGroups().map((footerGroup) => (\n              <tr key={footerGroup.id}>\n                {footerGroup.headers.map((header) => (\n                  <th key={header.id}>{header.isPlaceholder ? null : <CellFooter header={header} i18n={i18n} />}</th>\n                ))}\n              </tr>\n            ))}\n          </tfoot>\n        )}\n      </table>\n      <div className={\"overflow-hidden flex flex-wrap\"}>\n        {props.data.length && pagination ? (\n          <Pagination\n            className={\"flex-1\"}\n            canNextPage={tableInstance.getCanNextPage()}\n            canPreviousPage={tableInstance.getCanPreviousPage()}\n            pageIndex={pagination.pageIndex}\n            pageSize={pagination.pageSize}\n            pageSizes={props.pageSizes}\n            i18n={i18n}\n            pageCount={tableInstance.getPageCount()}\n            rowCount={props.rowCount}\n            onPageIndexChange={(page) => tableInstance.setPageIndex(page)}\n            onClickPreviousPage={() => tableInstance.previousPage()}\n            onClickNextPage={() => tableInstance.nextPage()}\n            onPageSizeChange={(pageSize) => tableInstance.setPageSize(pageSize)}\n          />\n        ) : null}\n        <div>{children}</div>\n      </div>\n    </div>\n  );\n}\n"],"names":["Table","className","enableFooter","children","props","tableInstance","i18n","useTable","CellHeader","getComponent","CellFooter","Pagination","pagination","cx","jsxs","jsx","headerGroup","header","sort","row","cell","_a","createElement","_b","flexRender","footerGroup","page","pageSize"],"mappings":"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"}

package/dist/molecules/table/components/DefaultCellOperations.d.ts

@@ -1,10 +1,18 @@
 import { CellContext } from '@tanstack/react-table';
-import { Operation } from '../../../interfaces';
-export interface DefaultCellOperationsProps<Data = any> {
+import { CellMetadata, JSON, Operation } from '../../../interfaces';
+export interface DefaultCellOperationsProps<Data extends {
+    [key: string]: JSON;
+} = {
+    [key: string]: JSON;
+}> {
     info: CellContext<Data, unknown>;
     operations: Operation<Data>[];
-    metadata?: Record<string, unknown>;
+    metadata?: CellMetadata;
     i18n: (i18n: string) => string;
     onClick?: (data: any, operation: Operation<Data>) => void;
 }
-export declare function DefaultCellOperations({ info, metadata, operations, i18n, onClick }: DefaultCellOperationsProps): import("react/jsx-runtime").JSX.Element;
+export declare function DefaultCellOperations<Data extends {
+    [key: string]: JSON;
+} = {
+    [key: string]: JSON;
+}>({ info, metadata, operations, i18n, onClick }: DefaultCellOperationsProps<Data>): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/table/components/DefaultCellOperations.js

@@ -1,8 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
-import { registerComponent as p, getComponent as l } from "../../../registries/components.js";
-function m({ info: r, metadata: n, operations: a, i18n: i, onClick: e }) {
-  const u = l("OperationButton");
-  return /* @__PURE__ */ o("div", { className: "btn-group", children: a.filter(({ permissionsResolver: t }) => !t || t(r.row.original, n)).map((t) => /* @__PURE__ */ o(
+import { registerComponent as l, getComponent as m } from "../../../registries/components.js";
+function g({
+  info: r,
+  metadata: n,
+  operations: a,
+  i18n: i,
+  onClick: e
+}) {
+  const u = m("OperationButton");
+  return /* @__PURE__ */ o("div", { className: "btn-group", children: a.filter(({ permissionsResolver: t, ...p }) => !t || t(r.row.original, n || {}, p)).map((t) => /* @__PURE__ */ o(
     u,
     {
       "data-testid": `operation-${r.row.id}-${t.action}`,
@@ -17,8 +23,8 @@ function m({ info: r, metadata: n, operations: a, i18n: i, onClick: e }) {
     t.action
   )) });
 }
-p("CellOperations", m);
+l("CellOperations", g);
 export {
-  m as DefaultCellOperations
+  g as DefaultCellOperations
 };
 //# sourceMappingURL=DefaultCellOperations.js.map

package/dist/molecules/table/components/DefaultCellOperations.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultCellOperations.js","sources":["../../../../src/molecules/table/components/DefaultCellOperations.tsx"],"sourcesContent":["import type { CellContext } from \"@tanstack/react-table\";\n\nimport type { Operation } from \"../../../interfaces\";\nimport { getComponent, registerComponent } from \"../../../registries/components\";\nimport type { DefaultOperationButton } from \"./DefaultOperationButton\";\n\nexport interface DefaultCellOperationsProps<Data = any> {\n  info: CellContext<Data, unknown>;\n  operations: Operation<Data>[];\n  metadata?: Record<string, unknown>;\n  i18n: (i18n: string) => string;\n  onClick?: (data: any, operation: Operation<Data>) => void;\n}\n\nexport function DefaultCellOperations({ info, metadata, operations, i18n, onClick }: DefaultCellOperationsProps) {\n  const Button = getComponent<typeof DefaultOperationButton>(\"OperationButton\");\n  return (\n    <div className='btn-group'>\n      {operations\n        .filter(({ permissionsResolver }) => {\n          return !permissionsResolver || permissionsResolver(info.row.original, metadata);\n        })\n        .map((operation) => {\n          return (\n            <Button\n              data-testid={`operation-${info.row.id}-${operation.action}`}\n              key={operation.action}\n              operation={operation}\n              metadata={metadata}\n              info={info}\n              i18n={i18n}\n              onClick={() => {\n                onClick?.(info.row.original, operation);\n              }}\n            />\n          );\n        })}\n    </div>\n  );\n}\n\nregisterComponent(\"CellOperations\", DefaultCellOperations);\n"],"names":["DefaultCellOperations","info","metadata","operations","i18n","onClick","Button","getComponent","jsx","permissionsResolver","operation","registerComponent"],"mappings":";;AAcO,SAASA,EAAsB,EAAE,MAAAC,GAAM,UAAAC,GAAU,YAAAC,GAAY,MAAAC,GAAM,SAAAC,KAAuC;AACzG,QAAAC,IAASC,EAA4C,iBAAiB;AAE1E,SAAA,gBAAAC,EAAC,SAAI,WAAU,aACZ,YACE,OAAO,CAAC,EAAE,qBAAAC,QACF,CAACA,KAAuBA,EAAoBR,EAAK,IAAI,UAAUC,CAAQ,CAC/E,EACA,IAAI,CAACQ,MAEF,gBAAAF;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,eAAa,aAAaL,EAAK,IAAI,EAAE,IAAIS,EAAU,MAAM;AAAA,MAEzD,WAAAA;AAAA,MACA,UAAAR;AAAA,MACA,MAAAD;AAAA,MACA,MAAAG;AAAA,MACA,SAAS,MAAM;AACH,QAAAC,KAAA,QAAAA,EAAAJ,EAAK,IAAI,UAAUS;AAAA,MAAS;AAAA,IACxC;AAAA,IAPKA,EAAU;AAAA,EAQjB,CAEH,GACL;AAEJ;AAEAC,EAAkB,kBAAkBX,CAAqB;"}
+{"version":3,"file":"DefaultCellOperations.js","sources":["../../../../src/molecules/table/components/DefaultCellOperations.tsx"],"sourcesContent":["import type { CellContext } from \"@tanstack/react-table\";\n\nimport type { CellMetadata, JSON, Operation } from \"../../../interfaces\";\nimport { getComponent, registerComponent } from \"../../../registries/components\";\nimport type { DefaultOperationButton } from \"./DefaultOperationButton\";\n\nexport interface DefaultCellOperationsProps<Data extends { [key: string]: JSON } = { [key: string]: JSON }> {\n  info: CellContext<Data, unknown>;\n  operations: Operation<Data>[];\n  metadata?: CellMetadata;\n  i18n: (i18n: string) => string;\n  onClick?: (data: any, operation: Operation<Data>) => void;\n}\n\nexport function DefaultCellOperations<Data extends { [key: string]: JSON } = { [key: string]: JSON }>({\n  info,\n  metadata,\n  operations,\n  i18n,\n  onClick\n}: DefaultCellOperationsProps<Data>) {\n  const Button = getComponent<typeof DefaultOperationButton<Data>>(\"OperationButton\");\n  return (\n    <div className='btn-group'>\n      {operations\n        .filter(({ permissionsResolver, ...operation }) => {\n          return !permissionsResolver || permissionsResolver(info.row.original, metadata || {}, operation);\n        })\n        .map((operation) => {\n          return (\n            <Button\n              data-testid={`operation-${info.row.id}-${operation.action}`}\n              key={operation.action}\n              operation={operation}\n              metadata={metadata}\n              info={info}\n              i18n={i18n}\n              onClick={() => {\n                onClick?.(info.row.original, operation);\n              }}\n            />\n          );\n        })}\n    </div>\n  );\n}\n\nregisterComponent(\"CellOperations\", DefaultCellOperations);\n"],"names":["DefaultCellOperations","info","metadata","operations","i18n","onClick","Button","getComponent","jsx","permissionsResolver","operation","registerComponent"],"mappings":";;AAcO,SAASA,EAAsF;AAAA,EACpG,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AACF,GAAqC;AAC7B,QAAAC,IAASC,EAAkD,iBAAiB;AAEhF,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,aACZ,UAAAL,EACE,OAAO,CAAC,EAAE,qBAAAM,GAAqB,GAAGC,EAAA,MAC1B,CAACD,KAAuBA,EAAoBR,EAAK,IAAI,UAAUC,KAAY,CAAC,GAAGQ,CAAS,CAChG,EACA,IAAI,CAACA,MAEF,gBAAAF;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,eAAa,aAAaL,EAAK,IAAI,EAAE,IAAIS,EAAU,MAAM;AAAA,MAEzD,WAAAA;AAAA,MACA,UAAAR;AAAA,MACA,MAAAD;AAAA,MACA,MAAAG;AAAA,MACA,SAAS,MAAM;AACH,QAAAC,KAAA,QAAAA,EAAAJ,EAAK,IAAI,UAAUS;AAAA,MAAS;AAAA,IACxC;AAAA,IAPKA,EAAU;AAAA,EAQjB,CAEH,GACL;AAEJ;AAEAC,EAAkB,kBAAkBX,CAAqB;"}

package/dist/molecules/table/components/DefaultOperationButton.d.ts

@@ -1,11 +1,19 @@
 import { CellContext } from '@tanstack/react-table';
 import { HTMLAttributes } from 'react';
-import { Operation } from '../../../interfaces';
-export interface OperationButtonProps<Data = any> extends Omit<HTMLAttributes<HTMLButtonElement>, "onClick"> {
+import { CellMetadata, JSON, Operation } from '../../../interfaces';
+export interface OperationButtonProps<Data extends {
+    [key: string]: JSON;
+} = {
+    [key: string]: JSON;
+}> extends Omit<HTMLAttributes<HTMLButtonElement>, "onClick"> {
     operation: Operation<Data>;
     info: CellContext<Data, unknown>;
-    metadata?: Record<string, unknown>;
+    metadata?: CellMetadata;
     onClick: () => void;
     i18n?: (i18n: string) => string;
 }
-export declare function DefaultOperationButton(props: OperationButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function DefaultOperationButton<Data extends {
+    [key: string]: JSON;
+} = {
+    [key: string]: JSON;
+}>(props: OperationButtonProps<Data>): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/table/components/DefaultOperationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultOperationButton.js","sources":["../../../../src/molecules/table/components/DefaultOperationButton.tsx"],"sourcesContent":["import { CellContext } from \"@tanstack/react-table\";\nimport cx from \"classnames\";\nimport { HTMLAttributes } from \"react\";\n\nimport { Operation } from \"../../../interfaces\";\nimport { registerComponent } from \"../../../registries/components\";\nimport { iconClass } from \"../../../utils/iconClass\";\nimport { stopPropagationWrapper } from \"../../../utils/stopPropagationWrapper\";\n\nexport interface OperationButtonProps<Data = any> extends Omit<HTMLAttributes<HTMLButtonElement>, \"onClick\"> {\n  operation: Operation<Data>;\n  info: CellContext<Data, unknown>;\n  metadata?: Record<string, unknown>;\n  onClick: () => void;\n  i18n?: (i18n: string) => string;\n}\n\nexport function DefaultOperationButton(props: OperationButtonProps) {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { i18n = (f: string) => f, onClick, operation, info, ...extraProps } = props;\n  const { className = \"btn\", buttonSize = \"xs\", buttonType = \"primary\", buttonOutline, action, title = \"\", icon = \"\" } = operation;\n\n  return (\n    <button\n      {...extraProps}\n      aria-label={\"Operation button: \" + (title || action)}\n      className={cx(className, [\"btn\", buttonOutline && \"outline\", buttonType].filter(Boolean).join(\"-\"), `btn-${buttonSize}`)}\n      onClick={stopPropagationWrapper(() => onClick())}\n    >\n      {icon ? (\n        <>\n          <i className={iconClass(undefined, icon)} /> {title && \" \"}\n        </>\n      ) : null}\n      {title && <span className={icon && title ? \"ml-1\" : \"\"}>{i18n(title)}</span>}\n    </button>\n  );\n}\n\nregisterComponent(\"OperationButton\", DefaultOperationButton);\n"],"names":["DefaultOperationButton","props","i18n","onClick","operation","info","extraProps","className","buttonSize","buttonType","buttonOutline","action","title","icon","jsxs","cx","stopPropagationWrapper","Fragment","jsx","iconClass","registerComponent"],"mappings":";;;;;AAiBO,SAASA,EAAuBC,GAA6B;AAE5D,QAAA,EAAE,MAAAC,IAAO,CAAC,MAAc,GAAG,SAAAC,GAAS,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,IAAeL,GACvE,EAAE,WAAAM,IAAY,OAAO,YAAAC,IAAa,MAAM,YAAAC,IAAa,WAAW,eAAAC,GAAe,QAAAC,GAAQ,OAAAC,IAAQ,IAAI,MAAAC,IAAO,GAAO,IAAAT;AAGrH,SAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,cAAY,wBAAwBM,KAASD;AAAA,MAC7C,WAAWI,EAAGR,GAAW,CAAC,OAAOG,KAAiB,WAAWD,CAAU,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAG,OAAOD,CAAU,EAAE;AAAA,MACvH,SAASQ,EAAuB,MAAMb,GAAS;AAAA,MAE9C,UAAA;AAAA,QAAAU,IAEG,gBAAAC,EAAAG,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAC,EAAC,KAAE,EAAA,WAAWC,EAAU,QAAWN,CAAI,GAAG;AAAA,UAAE;AAAA,UAAED,KAAS;AAAA,QAAA,EAAA,CACzD,IACE;AAAA,QACHA,KAAU,gBAAAM,EAAA,QAAA,EAAK,WAAWL,KAAQD,IAAQ,SAAS,IAAK,UAAKV,EAAAU,CAAK,EAAE,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACvE;AAEJ;AAEAQ,EAAkB,mBAAmBpB,CAAsB;"}
+{"version":3,"file":"DefaultOperationButton.js","sources":["../../../../src/molecules/table/components/DefaultOperationButton.tsx"],"sourcesContent":["import { CellContext } from \"@tanstack/react-table\";\nimport cx from \"classnames\";\nimport { HTMLAttributes } from \"react\";\n\nimport { type CellMetadata, type JSON, Operation } from \"../../../interfaces\";\nimport { registerComponent } from \"../../../registries/components\";\nimport { iconClass } from \"../../../utils/iconClass\";\nimport { stopPropagationWrapper } from \"../../../utils/stopPropagationWrapper\";\n\nexport interface OperationButtonProps<Data extends { [key: string]: JSON } = { [key: string]: JSON }>\n  extends Omit<HTMLAttributes<HTMLButtonElement>, \"onClick\"> {\n  operation: Operation<Data>;\n  info: CellContext<Data, unknown>;\n  metadata?: CellMetadata;\n  onClick: () => void;\n  i18n?: (i18n: string) => string;\n}\n\nexport function DefaultOperationButton<Data extends { [key: string]: JSON } = { [key: string]: JSON }>(props: OperationButtonProps<Data>) {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { i18n = (f: string) => f, onClick, operation, info, ...extraProps } = props;\n  const { className = \"btn\", buttonSize = \"xs\", buttonType = \"primary\", buttonOutline, action, title = \"\", icon = \"\" } = operation;\n\n  return (\n    <button\n      {...extraProps}\n      aria-label={\"Operation button: \" + (title || action)}\n      className={cx(className, [\"btn\", buttonOutline && \"outline\", buttonType].filter(Boolean).join(\"-\"), `btn-${buttonSize}`)}\n      onClick={stopPropagationWrapper(() => onClick())}\n    >\n      {icon ? (\n        <>\n          <i className={iconClass(undefined, icon)} /> {title && \" \"}\n        </>\n      ) : null}\n      {title && <span className={icon && title ? \"ml-1\" : \"\"}>{i18n(title)}</span>}\n    </button>\n  );\n}\n\nregisterComponent(\"OperationButton\", DefaultOperationButton);\n"],"names":["DefaultOperationButton","props","i18n","onClick","operation","info","extraProps","className","buttonSize","buttonType","buttonOutline","action","title","icon","jsxs","cx","stopPropagationWrapper","Fragment","jsx","iconClass","registerComponent"],"mappings":";;;;;AAkBO,SAASA,EAAuFC,GAAmC;AAElI,QAAA,EAAE,MAAAC,IAAO,CAAC,MAAc,GAAG,SAAAC,GAAS,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,IAAeL,GACvE,EAAE,WAAAM,IAAY,OAAO,YAAAC,IAAa,MAAM,YAAAC,IAAa,WAAW,eAAAC,GAAe,QAAAC,GAAQ,OAAAC,IAAQ,IAAI,MAAAC,IAAO,GAAO,IAAAT;AAGrH,SAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,cAAY,wBAAwBM,KAASD;AAAA,MAC7C,WAAWI,EAAGR,GAAW,CAAC,OAAOG,KAAiB,WAAWD,CAAU,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAG,OAAOD,CAAU,EAAE;AAAA,MACvH,SAASQ,EAAuB,MAAMb,GAAS;AAAA,MAE9C,UAAA;AAAA,QAAAU,IAEG,gBAAAC,EAAAG,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAC,EAAC,KAAE,EAAA,WAAWC,EAAU,QAAWN,CAAI,GAAG;AAAA,UAAE;AAAA,UAAED,KAAS;AAAA,QAAA,EAAA,CACzD,IACE;AAAA,QACHA,KAAU,gBAAAM,EAAA,QAAA,EAAK,WAAWL,KAAQD,IAAQ,SAAS,IAAK,UAAKV,EAAAU,CAAK,EAAE,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACvE;AAEJ;AAEAQ,EAAkB,mBAAmBpB,CAAsB;"}

package/dist/molecules/table/hooks/useTable.d.ts

@@ -1,6 +1,10 @@
-import { RowData, TableOptions, TableState } from '@tanstack/react-table';
-import { Operation } from '../../../interfaces';
-export interface UseTableProps<Data extends RowData> extends TableOptions<Data> {
+import { TableOptions, TableState } from '@tanstack/react-table';
+import { JSON, Operation } from '../../../interfaces';
+export interface UseTableProps<Data extends {
+    [key: string]: JSON;
+} = {
+    [key: string]: JSON;
+}> extends Omit<TableOptions<Data>, "getCoreRowModel" | "onClick"> {
     operations: Operation<Data>[];
     metadata?: Record<string, unknown>;
     i18n?: (i18n: string) => string;
@@ -9,7 +13,11 @@ export interface UseTableProps<Data extends RowData> extends TableOptions<Data>
     onChange?: (query: TableState) => void;
     pageSizes?: number[];
 }
-export declare function useTable<Data extends RowData>(props: UseTableProps<Data>): {
+export declare function useTable<Data extends {
+    [key: string]: JSON;
+} = {
+    [key: string]: JSON;
+}>(props: UseTableProps<Data>): {
     i18n: (i18n: string) => string;
     tableInstance: import('@tanstack/table-core').Table<Data>;
 };

package/dist/molecules/table/hooks/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../../../../src/molecules/table/hooks/useTable.tsx"],"sourcesContent":["import {\n  type ColumnDef,\n  getCoreRowModel,\n  getFacetedRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type RowData,\n  type TableOptions,\n  type TableState,\n  useReactTable\n} from \"@tanstack/react-table\";\nimport { useEffect } from \"react\";\n\nimport { Operation } from \"../../../interfaces\";\nimport { getComponent } from \"../../../registries/components\";\nimport type { DefaultCellOperations } from \"../components/DefaultCellOperations\";\n\nexport interface UseTableProps<Data extends RowData> extends TableOptions<Data> {\n  operations: Operation<Data>[];\n  metadata?: Record<string, unknown>;\n  i18n?: (i18n: string) => string;\n  onClick?: (data: any, operation: Operation<Data>) => void;\n  manualFaceted?: boolean;\n  onChange?: (query: TableState) => void;\n  pageSizes?: number[];\n}\n\nexport function useTable<Data extends RowData>(props: UseTableProps<Data>) {\n  const Operations = getComponent<typeof DefaultCellOperations>(\"CellOperations\");\n  const i18n = props.i18n || ((f: string) => f);\n\n  // const [pagination, setPagination] = useState({\n  //   pageIndex: 0, //initial page index\n  //   pageSize: 10 //default page size\n  // });\n\n  const operations = props.operations.length\n    ? ([\n        {\n          id: \"operations\",\n          header: i18n(\"Operations\"),\n          cell: (info) => (\n            <Operations info={info} operations={props.operations} metadata={props.metadata} onClick={props.onClick} i18n={i18n} />\n          )\n        }\n      ] satisfies ColumnDef<Data>[])\n    : [];\n\n  const tableInstance = useReactTable({\n    ...props,\n    columns: [...props.columns, ...operations],\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    getFilteredRowModel: !props.manualFiltering ? getFilteredRowModel() : undefined,\n    getSortedRowModel: !props.manualSorting ? getSortedRowModel() : undefined,\n    getFacetedRowModel: !props.manualFaceted ? getFacetedRowModel() : undefined, // client-side faceting\n    getFacetedUniqueValues: !props.manualFaceted ? getFacetedUniqueValues() : undefined // generate unique values for select filter/autocomplete\n  });\n\n  const { columnFilters, sorting, pagination, columnOrder, columnPinning, columnSizing, columnSizingInfo, columnVisibility, globalFilter } =\n    tableInstance.getState();\n\n  useEffect(() => {\n    if (props.onChange) {\n      props.onChange(tableInstance.getState());\n    }\n  }, [columnFilters, sorting, pagination, columnOrder, columnPinning, columnSizing, columnSizingInfo, columnVisibility, globalFilter]);\n\n  return {\n    i18n,\n    tableInstance\n  };\n}\n"],"names":["useTable","props","Operations","getComponent","i18n","f","operations","info","jsx","tableInstance","useReactTable","getCoreRowModel","getPaginationRowModel","getFilteredRowModel","getSortedRowModel","getFacetedRowModel","getFacetedUniqueValues","columnFilters","sorting","pagination","columnOrder","columnPinning","columnSizing","columnSizingInfo","columnVisibility","globalFilter","useEffect"],"mappings":";;;;AA6BO,SAASA,EAA+BC,GAA4B;AACnE,QAAAC,IAAaC,EAA2C,gBAAgB,GACxEC,IAAOH,EAAM,SAAS,CAACI,MAAcA,IAOrCC,IAAaL,EAAM,WAAW,SAC/B;AAAA,IACC;AAAA,MACE,IAAI;AAAA,MACJ,QAAQG,EAAK,YAAY;AAAA,MACzB,MAAM,CAACG,MACL,gBAAAC,EAACN,KAAW,MAAAK,GAAY,YAAYN,EAAM,YAAY,UAAUA,EAAM,UAAU,SAASA,EAAM,SAAS,MAAAG,EAAY,CAAA;AAAA,IAAA;AAAA,EAExH,IAEF,CAAC,GAECK,IAAgBC,EAAc;AAAA,IAClC,GAAGT;AAAA,IACH,SAAS,CAAC,GAAGA,EAAM,SAAS,GAAGK,CAAU;AAAA,IACzC,iBAAiBK,EAAgB;AAAA,IACjC,uBAAuBC,EAAsB;AAAA,IAC7C,qBAAsBX,EAAM,kBAA0C,SAAxBY;IAC9C,mBAAoBZ,EAAM,gBAAsC,SAAtBa;IAC1C,oBAAqBb,EAAM,gBAAuC,SAAvBc;;IAC3C,wBAAyBd,EAAM,gBAA2C,SAA3Be,EAA2B;AAAA;AAAA,EAAA,CAC3E,GAEK,EAAE,eAAAC,GAAe,SAAAC,GAAS,YAAAC,GAAY,aAAAC,GAAa,eAAAC,GAAe,cAAAC,GAAc,kBAAAC,GAAkB,kBAAAC,GAAkB,cAAAC,MACxHhB,EAAc,SAAS;AAEzB,SAAAiB,EAAU,MAAM;AACd,IAAIzB,EAAM,YACFA,EAAA,SAASQ,EAAc,UAAU;AAAA,EAE3C,GAAG,CAACQ,GAAeC,GAASC,GAAYC,GAAaC,GAAeC,GAAcC,GAAkBC,GAAkBC,CAAY,CAAC,GAE5H;AAAA,IACL,MAAArB;AAAA,IACA,eAAAK;AAAA,EACF;AACF;"}
+{"version":3,"file":"useTable.js","sources":["../../../../src/molecules/table/hooks/useTable.tsx"],"sourcesContent":["import {\n  type ColumnDef,\n  getCoreRowModel,\n  getFacetedRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type TableOptions,\n  type TableState,\n  useReactTable\n} from \"@tanstack/react-table\";\nimport { useEffect } from \"react\";\n\nimport { type JSON, Operation } from \"../../../interfaces\";\nimport { getComponent } from \"../../../registries/components\";\nimport type { DefaultCellOperations } from \"../components/DefaultCellOperations\";\n\nexport interface UseTableProps<Data extends { [key: string]: JSON } = { [key: string]: JSON }>\n  extends Omit<TableOptions<Data>, \"getCoreRowModel\" | \"onClick\"> {\n  operations: Operation<Data>[];\n  metadata?: Record<string, unknown>;\n  i18n?: (i18n: string) => string;\n  onClick?: (data: any, operation: Operation<Data>) => void;\n  manualFaceted?: boolean;\n  onChange?: (query: TableState) => void;\n  pageSizes?: number[];\n}\n\nexport function useTable<Data extends { [key: string]: JSON } = { [key: string]: JSON }>(props: UseTableProps<Data>) {\n  const Operations = getComponent<typeof DefaultCellOperations<Data>>(\"CellOperations\");\n  const i18n = props.i18n || ((f: string) => f);\n\n  // const [pagination, setPagination] = useState({\n  //   pageIndex: 0, //initial page index\n  //   pageSize: 10 //default page size\n  // });\n\n  const operations = props.operations.length\n    ? ([\n        {\n          id: \"operations\",\n          header: i18n(\"Operations\"),\n          cell: (info) => (\n            <Operations info={info} operations={props.operations} metadata={props.metadata} onClick={props.onClick} i18n={i18n} />\n          )\n        }\n      ] satisfies ColumnDef<Data>[])\n    : [];\n\n  const tableInstance = useReactTable({\n    ...props,\n    columns: [...props.columns, ...operations],\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    getFilteredRowModel: !props.manualFiltering ? getFilteredRowModel() : undefined,\n    getSortedRowModel: !props.manualSorting ? getSortedRowModel() : undefined,\n    getFacetedRowModel: !props.manualFaceted ? getFacetedRowModel() : undefined, // client-side faceting\n    getFacetedUniqueValues: !props.manualFaceted ? getFacetedUniqueValues() : undefined // generate unique values for select filter/autocomplete\n  });\n\n  const { columnFilters, sorting, pagination, columnOrder, columnPinning, columnSizing, columnSizingInfo, columnVisibility, globalFilter } =\n    tableInstance.getState();\n\n  useEffect(() => {\n    if (props.onChange) {\n      props.onChange(tableInstance.getState());\n    }\n  }, [columnFilters, sorting, pagination, columnOrder, columnPinning, columnSizing, columnSizingInfo, columnVisibility, globalFilter]);\n\n  return {\n    i18n,\n    tableInstance\n  };\n}\n"],"names":["useTable","props","Operations","getComponent","i18n","f","operations","info","jsx","tableInstance","useReactTable","getCoreRowModel","getPaginationRowModel","getFilteredRowModel","getSortedRowModel","getFacetedRowModel","getFacetedUniqueValues","columnFilters","sorting","pagination","columnOrder","columnPinning","columnSizing","columnSizingInfo","columnVisibility","globalFilter","useEffect"],"mappings":";;;;AA6BO,SAASA,EAAyEC,GAA4B;AAC7G,QAAAC,IAAaC,EAAiD,gBAAgB,GAC9EC,IAAOH,EAAM,SAAS,CAACI,MAAcA,IAOrCC,IAAaL,EAAM,WAAW,SAC/B;AAAA,IACC;AAAA,MACE,IAAI;AAAA,MACJ,QAAQG,EAAK,YAAY;AAAA,MACzB,MAAM,CAACG,MACL,gBAAAC,EAACN,KAAW,MAAAK,GAAY,YAAYN,EAAM,YAAY,UAAUA,EAAM,UAAU,SAASA,EAAM,SAAS,MAAAG,EAAY,CAAA;AAAA,IAAA;AAAA,EAExH,IAEF,CAAC,GAECK,IAAgBC,EAAc;AAAA,IAClC,GAAGT;AAAA,IACH,SAAS,CAAC,GAAGA,EAAM,SAAS,GAAGK,CAAU;AAAA,IACzC,iBAAiBK,EAAgB;AAAA,IACjC,uBAAuBC,EAAsB;AAAA,IAC7C,qBAAsBX,EAAM,kBAA0C,SAAxBY;IAC9C,mBAAoBZ,EAAM,gBAAsC,SAAtBa;IAC1C,oBAAqBb,EAAM,gBAAuC,SAAvBc;;IAC3C,wBAAyBd,EAAM,gBAA2C,SAA3Be,EAA2B;AAAA;AAAA,EAAA,CAC3E,GAEK,EAAE,eAAAC,GAAe,SAAAC,GAAS,YAAAC,GAAY,aAAAC,GAAa,eAAAC,GAAe,cAAAC,GAAc,kBAAAC,GAAkB,kBAAAC,GAAkB,cAAAC,MACxHhB,EAAc,SAAS;AAEzB,SAAAiB,EAAU,MAAM;AACd,IAAIzB,EAAM,YACFA,EAAA,SAASQ,EAAc,UAAU;AAAA,EAE3C,GAAG,CAACQ,GAAeC,GAASC,GAAYC,GAAaC,GAAeC,GAAcC,GAAkBC,GAAkBC,CAAY,CAAC,GAE5H;AAAA,IACL,MAAArB;AAAA,IACA,eAAAK;AAAA,EACF;AACF;"}

package/dist/molecules/tabs/Tab.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+export interface TabProps {
+    icon?: string;
+    isActive?: boolean;
+    className?: string;
+    after?: React.ReactNode;
+    value: number;
+    /**
+     * on tab select handler
+     */
+    onClick?: (value: number) => void;
+}
+export declare function Tab({ onClick, icon, value, children, className, after }: PropsWithChildren<TabProps>): import("react/jsx-runtime").JSX.Element;