@caspeco/casper-ui-library 6.0.0 → 7.0.0

package/dist/components/table/table-header-dropdown.js

@@ -1,110 +1,122 @@
-import { jsxs as s, Fragment as u, jsx as n } from "react/jsx-runtime";
-import { Portal as E } from "@chakra-ui/react";
+import { jsxs as d, Fragment as a, jsx as n } from "react/jsx-runtime";
+import { Portal as O } from "@chakra-ui/react";
 import { flexRender as j } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { memo as A, useCallback as x, useMemo as g } from "react";
+import { memo as A, useCallback as D, useMemo as p } from "react";
 import { useTableContext as L } from "./table-context.js";
 import { translations as U } from "./translations.js";
-import { Icon as T } from "../icon/icon.js";
+import { Icon as S } from "../icon/icon.js";
 import { Icons as l } from "../icon/types.js";
-import { MenuItem as r } from "../menu/menu-item.js";
-import { Text as c } from "../text/text.js";
-import { MenuDivider as b } from "../menu/menu-divider.js";
+import { MenuItem as t } from "../menu/menu-item.js";
+import { Text as r } from "../text/text.js";
+import { MenuDivider as k } from "../menu/menu-divider.js";
 import { Switch as X } from "../switch/switch.js";
 import { Menu as v } from "../menu/menu.js";
-import { MenuBoxButton as O } from "../menu/menu-box-button.js";
-import { MenuList as R } from "../menu/menu-list.js";
-import { ThemeIconSizeVariable as I, ThemeColorVariable as S, ThemeSpaceVariable as $, ThemeFontSizeVariable as k } from "../../theme/theme-types.js";
-const q = ({
+import { MenuBoxButton as R } from "../menu/menu-box-button.js";
+import { MenuList as $ } from "../menu/menu-list.js";
+import { ThemeIconSizeVariable as F, ThemeColorVariable as z, ThemeSpaceVariable as q, ThemeFontSizeVariable as V } from "../../theme/theme-types.js";
+const J = ({
   header: o,
   breakingContentState: m,
-  onBreakingContentChange: f,
-  setBreakingContentState: D,
-  headerGroup: z,
-  sorting: d,
-  setSorting: a,
-  columnVisibility: M,
+  onBreakingContentChange: h,
+  setBreakingContentState: C,
+  headerGroup: g,
+  sorting: u,
+  setSorting: f,
   localeString: w
 }) => {
-  const i = U[w], p = L(), B = x(
-    (e) => {
-      const t = {
+  const e = U[w], y = L(), { getTableFilterMethods: s } = y, T = D(
+    (i) => {
+      const c = {
         ...m,
-        [o.column.id]: e.target.checked
+        [o.column.id]: i.target.checked
       };
-      D(t), f?.(t);
+      C(c), h?.(c);
     },
-    [m, f]
-  ), F = x((e) => {
-    const t = e.getIndex();
-    z.forEach((V) => {
-      V.headers.forEach((y, h) => {
-        const { column: C } = y;
-        e.getIsPinned() ? h >= t && C.pin(!1) : h <= t && C.pin("left");
+    [m, o.column.id, h, C]
+  ), b = D(
+    (i) => {
+      const c = i.getIndex();
+      g.forEach((B) => {
+        B.headers.forEach((E, I) => {
+          const { column: M } = E;
+          i.getIsPinned() ? I >= c && M.pin(!1) : I <= c && M.pin("left");
+        });
       });
-    });
-  }, []), H = g(() => /* @__PURE__ */ s(u, { children: [
-    d.find((e) => e.id === o.column.id) && (d.find((e) => e.desc) ? /* @__PURE__ */ n(T, { icon: l.SortDesc, size: I.XSmall }) : /* @__PURE__ */ n(T, { icon: l.SortAsc, size: I.XSmall })),
+    },
+    [g]
+  ), H = p(() => /* @__PURE__ */ d(a, { children: [
+    u.find((i) => i.id === o.column.id) && (u.find((i) => i.desc) ? /* @__PURE__ */ n(S, { icon: l.SortDesc, size: F.XSmall }) : /* @__PURE__ */ n(S, { icon: l.SortAsc, size: F.XSmall })),
     o.column.columnDef.header
-  ] }), [d]), P = g(() => /* @__PURE__ */ s(u, { children: [
+  ] }), [o.column.columnDef.header, o.column.id, u]), x = p(() => s()?.canFilterOnColumn(o.column.id) ?? !1, [o.column.id, s]), P = p(() => /* @__PURE__ */ d(a, { children: [
     /* @__PURE__ */ n(
-      r,
+      t,
       {
-        onClick: () => a([{ desc: !1, id: o.column.id }]),
+        onClick: () => f([{ desc: !1, id: o.column.id }]),
         leftIcon: l.SortAsc,
-        children: /* @__PURE__ */ n(c, { children: i.sortUp })
+        children: /* @__PURE__ */ n(r, { children: e.sortUp })
       }
     ),
     /* @__PURE__ */ n(
-      r,
+      t,
       {
-        onClick: () => a([{ desc: !0, id: o.column.id }]),
+        onClick: () => f([{ desc: !0, id: o.column.id }]),
         leftIcon: l.SortDesc,
-        children: /* @__PURE__ */ n(c, { children: i.sortDown })
+        children: /* @__PURE__ */ n(r, { children: e.sortDown })
       }
     ),
-    /* @__PURE__ */ n(
-      r,
+    x && /* @__PURE__ */ n(
+      t,
       {
         onClick: () => {
-          p?.onFilterColumn && p.onFilterColumn(o.column);
+          const i = s();
+          i?.onToggleFilterVisibility && i.onToggleFilterVisibility(o.column.id);
         },
         leftIcon: l.Filter,
-        children: /* @__PURE__ */ n(c, { children: i.filter })
+        children: /* @__PURE__ */ n(r, { children: e.filter })
       }
     ),
-    /* @__PURE__ */ n(b, {}),
-    o.column.getCanHide() && /* @__PURE__ */ n(r, { onClick: o.column.getToggleVisibilityHandler(), leftIcon: l.Hide, children: /* @__PURE__ */ n(c, { children: i.hideColumn }) }),
-    /* @__PURE__ */ n(r, { onClick: () => F(o.column), leftIcon: l.Thumbtack, children: /* @__PURE__ */ n(c, { children: o.column.getIsPinned() ? i.stopPinningColumn : i.pinUpToColumn }) }),
-    /* @__PURE__ */ n(b, {}),
-    /* @__PURE__ */ s(r, { itemType: "switch", children: [
-      i.breakingContent,
+    /* @__PURE__ */ n(k, {}),
+    o.column.getCanHide() && /* @__PURE__ */ n(t, { onClick: o.column.getToggleVisibilityHandler(), leftIcon: l.Hide, children: /* @__PURE__ */ n(r, { children: e.hideColumn }) }),
+    /* @__PURE__ */ n(t, { onClick: () => b(o.column), leftIcon: l.Thumbtack, children: /* @__PURE__ */ n(r, { children: o.column.getIsPinned() ? e.stopPinningColumn : e.pinUpToColumn }) }),
+    /* @__PURE__ */ n(k, {}),
+    /* @__PURE__ */ d(t, { itemType: "switch", children: [
+      e.breakingContent,
       /* @__PURE__ */ n(
         X,
         {
-          onChange: B,
+          onChange: T,
           isChecked: m[o.column.id]
         }
       )
     ] })
-  ] }), [m, M, d]);
-  return /* @__PURE__ */ n(v, { isLazy: !0, children: ({ isOpen: e }) => /* @__PURE__ */ s(u, { children: [
+  ] }), [
+    m,
+    x,
+    s,
+    b,
+    o.column,
+    T,
+    f,
+    e
+  ]);
+  return /* @__PURE__ */ n(v, { isLazy: !0, children: ({ isOpen: i }) => /* @__PURE__ */ d(a, { children: [
     /* @__PURE__ */ n(
-      O,
+      R,
       {
-        color: S.OnBackgroundSubdued,
+        color: z.OnBackgroundSubdued,
         textTransform: "none",
-        fontSize: k.Small,
+        fontSize: V.Small,
         h: "40px",
         display: "flex",
         alignItems: "center",
-        padding: `0px 0px 0px ${$.Small}`,
-        backgroundColor: e ? S.BackgroundDisabled : "unset",
+        padding: `0px 0px 0px ${q.Small}`,
+        backgroundColor: i ? z.BackgroundDisabled : "unset",
         children: j(H, o.getContext())
       }
     ),
-    /* @__PURE__ */ n(E, { children: /* @__PURE__ */ n(R, { fontSize: k.Medium, children: P }) })
+    /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n($, { fontSize: V.Medium, children: P }) })
   ] }) });
-}, dn = A(q);
+}, dn = A(J);
 export {
   dn as TableHeaderDropdown
 };

package/dist/components/table/table-row.js

@@ -1,58 +1,58 @@
-import { jsx as d } from "react/jsx-runtime";
-import { Tr as T } from "@chakra-ui/react";
-import { memo as h, useMemo as c, useCallback as l } from "react";
-import { TableCell as x } from "./table-cell.js";
+import { jsx as s } from "react/jsx-runtime";
+import { Tr as x } from "@chakra-ui/react";
+import { memo as h, useMemo as u, useCallback as r } from "react";
+import { TableCell as S } from "./table-cell.js";
 import { useTableContext as y } from "./table-context.js";
-import { ThemeColorVariable as n } from "../../theme/theme-types.js";
+import { ThemeColorVariable as a } from "../../theme/theme-types.js";
 const A = ({
-  row: t,
-  visibleCells: a,
+  row: e,
+  visibleCells: i,
   onClickRow: o,
-  showRowHoverStyle: s,
-  onRowClickIndication: i
+  showRowHoverStyle: c,
+  onRowClickIndication: d
 }) => {
-  const r = y(), u = c(() => ({ backgroundColor: s ? n.AccentHoverAlpha : "unset", ".action-menu-button": { opacity: 1 } }), []), g = l(
-    (e) => {
-      o && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), o(t.original, e));
+  const n = y(), g = u(() => ({ backgroundColor: c ? a.AccentHoverAlpha : "unset", ".action-menu-button": { opacity: 1 } }), [c]), m = r(
+    (t) => {
+      o && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), o(e.original, t));
     },
-    [r.data, o]
-  ), m = l(
-    (e) => {
-      e.stopPropagation(), t.getToggleSelectedHandler(), o && o(t.original, e), i && r.setRowSelection({ [e.currentTarget.id]: !0 });
+    [o, e.original]
+  ), p = r(
+    (t) => {
+      t.stopPropagation(), e.getToggleSelectedHandler(), o && o(e.original, t), d && n.setRowSelection({ [t.currentTarget.id]: !0 });
     },
-    [r.data, o, i]
-  ), p = () => t.getIsSelected() ? n.AccentHoverAlpha : "unset", b = c(() => p(), [r.rowSelection]), f = r.getRowActions?.(t.original);
-  return /* @__PURE__ */ d(
-    T,
+    [e, o, d, n]
+  ), l = r(() => e.getIsSelected() ? a.AccentHoverAlpha : "unset", [e]), b = u(() => l(), [l]), f = n.getRowActions?.(e.original);
+  return /* @__PURE__ */ s(
+    x,
     {
-      id: t.id,
+      id: e.id,
       tabIndex: o ? 0 : void 0,
-      onClick: m,
-      onKeyDown: g,
-      borderTop: t.depth > 0 ? "none" : `1px solid ${n.OnBackgroundBorder}`,
+      onClick: p,
+      onKeyDown: m,
+      borderTop: e.depth > 0 ? "none" : `1px solid ${a.OnBackgroundBorder}`,
       cursor: o ? "pointer" : void 0,
       backgroundColor: b,
-      _hover: u,
-      children: a.map((e) => {
-        const S = e.column.getIndex() === 0;
-        return /* @__PURE__ */ d(
-          x,
+      _hover: g,
+      children: i.map((t) => {
+        const T = t.column.getIndex() === 0;
+        return /* @__PURE__ */ s(
+          S,
           {
-            cell: e,
-            visibleCells: a,
-            row: t,
-            rowIsExpanded: t.getIsExpanded(),
-            breakingContentState: r.breakingContentState,
-            localeString: r.localeString,
-            actionMenu: S ? f : void 0
+            cell: t,
+            visibleCells: i,
+            row: e,
+            rowIsExpanded: e.getIsExpanded(),
+            breakingContentState: n.breakingContentState,
+            localeString: n.localeString,
+            actionMenu: T ? f : void 0
           },
-          e.id
+          t.id
         );
       })
     },
-    t.id
+    e.id
   );
-}, E = h(A);
+}, H = h(A);
 export {
-  E as TableRow
+  H as TableRow
 };

package/dist/components/table/table-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAMN,KAAK,eAAe,EACpB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,KAAK,WAAW,EAA8B,MAAM,OAAO,CAAC;AAIrE,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACR,EAAE,iBAAiB,GAAG,eAAe,2CAsIrC;AAED,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}
+{"version":3,"file":"table-toolbar.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAMN,KAAK,eAAe,EACpB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,KAAK,WAAW,EAA8B,MAAM,OAAO,CAAC;AAIrE,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACR,EAAE,iBAAiB,GAAG,eAAe,2CAyJrC;AAED,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}

package/dist/components/table/table-toolbar.js

@@ -1,105 +1,135 @@
-import { jsx as e, jsxs as r, Fragment as V } from "react/jsx-runtime";
-import { useMediaQuery as F, Flex as i, Box as L, Portal as j } from "@chakra-ui/react";
-import { memo as z, useCallback as O, useMemo as p } from "react";
+import { jsx as e, jsxs as r, Fragment as L } from "react/jsx-runtime";
+import { useMediaQuery as j, Flex as a, Portal as V, Box as z } from "@chakra-ui/react";
+import { memo as O, useCallback as l, useMemo as S } from "react";
 import { useTableContext as v } from "./table-context.js";
-import { translations as A } from "./translations.js";
-import { Text as g } from "../text/text.js";
-import { Input as H } from "../input/input.js";
-import { Icon as f } from "../icon/icon.js";
-import { Icons as c } from "../icon/types.js";
+import { translations as H } from "./translations.js";
+import { Input as A } from "../input/input.js";
+import { Icon as T } from "../icon/icon.js";
+import { Icons as h } from "../icon/types.js";
 import { Menu as D } from "../menu/menu.js";
 import { MenuButton as G } from "../menu/menu-button.js";
 import { MenuList as E } from "../menu/menu-list.js";
-import { MenuItem as C } from "../menu/menu-item.js";
+import { Text as M } from "../text/text.js";
+import { MenuItem as y } from "../menu/menu-item.js";
 import { Checkbox as P } from "../checkbox/checkbox.js";
 import { MenuDivider as Q } from "../menu/menu-divider.js";
 import { Switch as W } from "../switch/switch.js";
 import { IconButton as X } from "../icon-button/icon-button.js";
-import { ThemeSpaceVariable as o, ThemeFontVariable as q, ThemeColorVariable as S, ThemeFontSizeVariable as J, ThemeIconSizeVariable as K } from "../../theme/theme-types.js";
-function N({
-  tableName: k,
-  onSearch: T,
-  onAddNewItem: y,
-  ...M
+import { ThemeIconSizeVariable as q, ThemeSpaceVariable as i, ThemeColorVariable as I, ThemeFontVariable as J, ThemeFontSizeVariable as K } from "../../theme/theme-types.js";
+function R({
+  tableName: p,
+  onSearch: b,
+  onAddNewItem: g,
+  ...x
 }) {
-  const t = v(), [I] = F("(min-width: 48em)"), a = A[t.localeString], m = O(() => t.table.getAllColumns().length === Object.keys(t.breakingContentState).length && !Object.values(t.breakingContentState).includes(!1), [t.breakingContentState]), x = (n) => {
-    const l = {};
-    t.table.getAllColumns().forEach((b) => {
-      l[b.id] = n.target.checked;
-    }), t.setBreakingContentState(l), t.onBreakingContentChange?.(l);
-  }, s = () => /* @__PURE__ */ e(
-    H,
-    {
-      leftElement: /* @__PURE__ */ e(f, { icon: c.Search }),
-      onChange: (n) => T?.(n),
-      size: "md",
-      type: "search",
-      w: { base: "100%", md: "170px" },
-      "data-testid": "filterInput"
-    }
-  ), d = () => /* @__PURE__ */ e(i, { children: /* @__PURE__ */ r(D, { closeOnSelect: !1, isLazy: !0, children: [
-    /* @__PURE__ */ e(G, { "aria-label": a.presets, variant: "ghost", p: "unset", w: "40px", h: "40px", children: /* @__PURE__ */ e(f, { icon: c.Sliders, size: K.Medium }) }),
-    /* @__PURE__ */ e(j, { children: /* @__PURE__ */ r(E, { children: [
-      /* @__PURE__ */ e(
-        g,
-        {
-          color: S.OnSurfaceSubdued,
-          py: o.Small,
-          px: o.Medium,
-          children: a.showColumns
-        }
-      ),
-      t.table.getAllLeafColumns().filter((n) => n.getCanHide()).map((n) => /* @__PURE__ */ r(C, { itemType: "checkbox", leftIcon: c.GripMore, children: [
-        /* @__PURE__ */ e(V, { children: n.columnDef.header }),
+  const t = v(), [w] = j("(min-width: 48em)"), o = H[t.localeString], f = l(() => t.table.getAllColumns().length === Object.keys(t.breakingContentState).length && !Object.values(t.breakingContentState).includes(!1), [t.breakingContentState, t.table]), C = l(
+    (n) => {
+      const u = {};
+      t.table.getAllColumns().forEach((k) => {
+        u[k.id] = n.target.checked;
+      }), t.setBreakingContentState(u), t.onBreakingContentChange?.(u);
+    },
+    [t]
+  ), s = l(
+    () => /* @__PURE__ */ e(
+      A,
+      {
+        leftElement: /* @__PURE__ */ e(T, { icon: h.Search }),
+        onChange: (n) => b?.(n),
+        size: "md",
+        type: "search",
+        w: { base: "100%", md: "170px" },
+        "data-testid": "filterInput"
+      }
+    ),
+    [b]
+  ), c = l(
+    () => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ r(D, { closeOnSelect: !1, isLazy: !0, children: [
+      /* @__PURE__ */ e(G, { "aria-label": o.presets, variant: "ghost", p: "unset", w: "40px", h: "40px", children: /* @__PURE__ */ e(T, { icon: h.Sliders, size: q.Medium }) }),
+      /* @__PURE__ */ e(V, { children: /* @__PURE__ */ r(E, { children: [
         /* @__PURE__ */ e(
-          P,
+          M,
           {
-            isChecked: n.getIsVisible(),
-            onChange: n.getToggleVisibilityHandler()
+            color: I.OnSurfaceSubdued,
+            py: i.Small,
+            px: i.Medium,
+            children: o.showColumns
           }
-        )
-      ] }, n.id)),
-      /* @__PURE__ */ e(Q, {}),
-      /* @__PURE__ */ r(C, { itemType: "switch", children: [
-        a.breakingContent,
-        /* @__PURE__ */ e(W, { onChange: x, isChecked: m() })
-      ] })
-    ] }) })
-  ] }) }), u = () => /* @__PURE__ */ e(X, { "aria-label": a.new, icon: c.Increase, onClick: y, variant: "primary" }), h = () => /* @__PURE__ */ e(
-    g,
-    {
-      fontSize: J.X2Large,
-      color: S.OnBackgroundHeader,
-      fontWeight: "bold",
-      fontFamily: q.Header,
-      children: k
-    }
-  ), w = p(
-    () => /* @__PURE__ */ e(i, { direction: "column", gap: o.Medium, mb: o.Medium, children: /* @__PURE__ */ r(i, { justifyContent: "space-between", alignItems: "center", children: [
-      h(),
-      /* @__PURE__ */ r(i, { gap: o.Medium, children: [
+        ),
+        t.table.getAllLeafColumns().filter((n) => n.getCanHide()).map((n) => /* @__PURE__ */ r(y, { itemType: "checkbox", leftIcon: h.GripMore, children: [
+          /* @__PURE__ */ e(L, { children: n.columnDef.header }),
+          /* @__PURE__ */ e(
+            P,
+            {
+              isChecked: n.getIsVisible(),
+              onChange: n.getToggleVisibilityHandler()
+            }
+          )
+        ] }, n.id)),
+        /* @__PURE__ */ e(Q, {}),
+        /* @__PURE__ */ r(y, { itemType: "switch", children: [
+          o.breakingContent,
+          /* @__PURE__ */ e(W, { onChange: C, isChecked: f() })
+        ] })
+      ] }) })
+    ] }) }),
+    [
+      f,
+      C,
+      t.table,
+      o.breakingContent,
+      o.presets,
+      o.showColumns
+    ]
+  ), m = l(
+    () => /* @__PURE__ */ e(
+      X,
+      {
+        "aria-label": o.new,
+        icon: h.Increase,
+        onClick: g,
+        variant: "primary"
+      }
+    ),
+    [g, o.new]
+  ), d = l(
+    () => /* @__PURE__ */ e(
+      M,
+      {
+        fontSize: K.X2Large,
+        color: I.OnBackgroundHeader,
+        fontWeight: "bold",
+        fontFamily: J.Header,
+        children: p
+      }
+    ),
+    [p]
+  ), B = S(
+    () => /* @__PURE__ */ e(a, { direction: "column", gap: i.Medium, mb: i.Medium, children: /* @__PURE__ */ r(a, { justifyContent: "space-between", alignItems: "center", children: [
+      d(),
+      /* @__PURE__ */ r(a, { gap: i.Medium, children: [
         s(),
-        d(),
-        u()
+        c(),
+        m()
       ] })
     ] }) }),
-    [m, t.breakingContentState, t.columnVisibility, t.data]
-  ), B = p(
-    () => /* @__PURE__ */ r(i, { direction: "column", gap: o.Medium, mb: o.Medium, children: [
-      /* @__PURE__ */ r(i, { justifyContent: "space-between", children: [
-        h(),
-        u()
+    [m, s, c, d]
+  ), F = S(
+    () => /* @__PURE__ */ r(a, { direction: "column", gap: i.Medium, mb: i.Medium, children: [
+      /* @__PURE__ */ r(a, { justifyContent: "space-between", children: [
+        d(),
+        m()
       ] }),
-      /* @__PURE__ */ r(i, { justifyContent: "space-between", gap: o.Medium, children: [
+      /* @__PURE__ */ r(a, { justifyContent: "space-between", gap: i.Medium, children: [
         s(),
-        d()
+        c()
       ] })
     ] }),
-    [m, t.breakingContentState, t.columnVisibility]
+    [m, s, c, d]
   );
-  return /* @__PURE__ */ e(L, { id: "tableToolbar", ...M, children: I ? w : B });
+  return /* @__PURE__ */ e(z, { id: "tableToolbar", ...x, children: w ? B : F });
 }
-const ue = z(N);
+const ue = O(R);
 export {
   ue as TableToolbar
 };

package/dist/components/table/table.composition.d.ts

@@ -10,7 +10,7 @@ export declare const NestedTable: () => import("react/jsx-runtime").JSX.Element;
 export interface EditableDataType {
     name: string;
     age: number;
-    [key: string]: any;
+    [key: string]: unknown;
     subRows?: EditableDataType[];
 }
 export declare const EditableTable: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/table/table.composition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.composition.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AA8GH,eAAO,MAAM,UAAU,+CAgEtB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAuDvB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAqBD,eAAO,MAAM,aAAa,+CAgEzB,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAiElC,CAAC"}
+{"version":3,"file":"table.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.composition.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AA8GH,eAAO,MAAM,UAAU,+CAgEtB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAyDvB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAqBD,eAAO,MAAM,aAAa,+CAqEzB,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAmElC,CAAC"}

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

@@ -1,3 +1,3 @@
 import { TableData, TableProps } from './types.js';
-export declare function Table<TData extends TableData>({ columns, data, localeString, expandedState, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, onBreakingContentChange, onFilterColumn, getRowId, getRowActions, id, customRowIndication, onSortingChange, initialSortingState, sortingState, children, }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function Table<TData extends TableData>({ columns, data, localeString, expandedState, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, onBreakingContentChange, getRowId, getRowActions, id, customRowIndication, onSortingChange, initialSortingState, sortingState, children, }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=table.d.ts.map

package/dist/components/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErD,wBAAgB,KAAK,CAAC,KAAK,SAAS,SAAS,EAAE,EAC9C,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,oBAAyB,EACzB,2BAAgC,EAChC,4BAA4B,EAC5B,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,QAAQ,EACR,aAAa,EACb,EAAE,EACF,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,QAAQ,GACR,EAAE,UAAU,CAAC,KAAK,CAAC,2CA0BnB"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErD,wBAAgB,KAAK,CAAC,KAAK,SAAS,SAAS,EAAE,EAC9C,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,oBAAyB,EACzB,2BAAgC,EAChC,4BAA4B,EAC5B,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,uBAAuB,EACvB,QAAQ,EACR,aAAa,EACb,EAAE,EACF,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,QAAQ,GACR,EAAE,UAAU,CAAC,KAAK,CAAC,2CAyBnB"}

package/dist/components/table/table.js

@@ -1,6 +1,6 @@
-import { jsx as P } from "react/jsx-runtime";
-import { TableProvider as g } from "./table-context-provider.js";
-function q({
+import { jsx as v } from "react/jsx-runtime";
+import { TableProvider as P } from "./table-context-provider.js";
+function k({
   columns: r,
   data: o,
   localeString: e,
@@ -12,18 +12,17 @@ function q({
   onColumnVisibilityChange: p,
   onExpandedChange: a,
   onBreakingContentChange: b,
-  onFilterColumn: l,
-  getRowId: u,
-  getRowActions: x,
-  id: T,
-  customRowIndication: c,
-  onSortingChange: d,
-  initialSortingState: j,
-  sortingState: s,
-  children: v
+  getRowId: l,
+  getRowActions: u,
+  id: x,
+  customRowIndication: T,
+  onSortingChange: c,
+  initialSortingState: d,
+  sortingState: j,
+  children: s
 }) {
-  return /* @__PURE__ */ P(
-    g,
+  return /* @__PURE__ */ v(
+    P,
     {
       columns: r,
       data: o,
@@ -36,18 +35,17 @@ function q({
       onColumnVisibilityChange: p,
       onExpandedChange: a,
       onBreakingContentChange: b,
-      onFilterColumn: l,
-      getRowId: u,
-      getRowActions: x,
-      id: T,
-      customRowIndication: c,
-      onSortingChange: d,
-      initialSortingState: j,
-      sortingState: s,
-      children: v
+      getRowId: l,
+      getRowActions: u,
+      id: x,
+      customRowIndication: T,
+      onSortingChange: c,
+      initialSortingState: d,
+      sortingState: j,
+      children: s
     }
   );
 }
 export {
-  q as Table
+  k as Table
 };