@caspeco/casper-ui-library 7.0.1 → 7.1.0

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

@@ -10,8 +10,9 @@ type TableCellProps<TData extends TableData> = {
     breakingContentState: Record<string, boolean>;
     localeString: Locales;
     actionMenu?: ReactNode;
+    canSelectRows?: boolean;
 };
-declare const TableCellComponent: <TData extends TableData>({ cell, row, rowIsExpanded, visibleCells, breakingContentState, localeString, actionMenu, }: TableCellProps<TData>) => import("react/jsx-runtime").JSX.Element;
+declare const TableCellComponent: <TData extends TableData>({ cell, row, rowIsExpanded, visibleCells, breakingContentState, localeString, actionMenu, canSelectRows, }: TableCellProps<TData>) => import("react/jsx-runtime").JSX.Element;
 export declare const TableCell: typeof TableCellComponent;
 export {};
 //# sourceMappingURL=table-cell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-cell.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-cell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,IAAI,EAAE,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvF,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,cAAc,CAAC,KAAK,SAAS,SAAS,IAAI;IAC9C,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACrC,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC;IAC/C,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAI,KAAK,SAAS,SAAS,EAAE,6FAQlD,cAAc,CAAC,KAAK,CAAC,4CAiIvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAA+B,OAAO,kBAAkB,CAAC"}
+{"version":3,"file":"table-cell.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-cell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,IAAI,EAAE,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvF,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,cAAc,CAAC,KAAK,SAAS,SAAS,IAAI;IAC9C,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACrC,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC;IAC/C,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAI,KAAK,SAAS,SAAS,EAAE,4GASlD,cAAc,CAAC,KAAK,CAAC,4CA2KvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAA+B,OAAO,kBAAkB,CAAC"}

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

@@ -1,81 +1,101 @@
-import { jsx as i, jsxs as g, Fragment as I } from "react/jsx-runtime";
-import { Divider as R, Td as S, Flex as B, Box as b } from "@chakra-ui/react";
-import { flexRender as $ } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { memo as F, useMemo as c, useCallback as k } from "react";
-import { useTableContext as z } from "./table-context.js";
-import { TableRowExpandToggleButton as E } from "./table-row-expand-toggle-button.js";
-import { translations as V } from "./translations.js";
-import { Menu as A } from "../menu/menu.js";
-import { MenuIconButton as N } from "../menu/menu-icon-button.js";
-import { Icons as j } from "../icon/types.js";
-import { ThemeColorVariable as M, ThemeSpaceVariable as _ } from "../../theme/theme-types.js";
-const K = ({
+import { jsx as n, jsxs as I, Fragment as F } from "react/jsx-runtime";
+import { Divider as z, Td as V, Flex as N, Box as h } from "@chakra-ui/react";
+import { flexRender as j } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { memo as K, useMemo as f, useCallback as k } from "react";
+import { useTableContext as _ } from "./table-context.js";
+import { TableRowExpandToggleButton as L } from "./table-row-expand-toggle-button.js";
+import { translations as W } from "./translations.js";
+import { Menu as q } from "../menu/menu.js";
+import { MenuIconButton as G } from "../menu/menu-icon-button.js";
+import { Icons as H } from "../icon/types.js";
+import { Checkbox as J } from "../checkbox/checkbox.js";
+import { ThemeColorVariable as O, ThemeSpaceVariable as Q } from "../../theme/theme-types.js";
+const U = ({
   cell: r,
-  row: n,
-  rowIsExpanded: x,
-  visibleCells: v,
-  breakingContentState: m,
-  localeString: p,
-  actionMenu: l
+  row: t,
+  rowIsExpanded: T,
+  visibleCells: D,
+  breakingContentState: b,
+  localeString: x,
+  actionMenu: d,
+  canSelectRows: l
 }) => {
-  const C = z(), { column: t } = r, y = V[p], T = c(() => {
+  const a = _(), { column: i } = r, R = W[x], $ = f(() => {
     const e = {
       width: "100%"
     };
-    return m[t.id] || (e.overflow = "hidden", e.whiteSpace = "nowrap"), e;
-  }, [m, t.id]), u = c(() => t.getIndex() === 0, [t]), f = n.getCanExpand(), s = v[0]?.id === r.id, h = f && s, a = l || u && !!C.getRowActions, P = c(() => {
+    return b[i.id] || (e.overflow = "hidden", e.whiteSpace = "nowrap"), e;
+  }, [b, i.id]), C = f(() => i.getIndex() === 0, [i]), y = t.getCanExpand(), u = D[0]?.id === r.id, v = y && u, g = d || C && !!a.getRowActions || l, S = f(() => {
     const e = [];
-    for (let o = 0; o < n.depth; o += 1) {
-      let d = `${o * 2 + 0.7}rem`;
-      a && (d = `calc(${d} + 24px)`), e.push(
-        /* @__PURE__ */ i(
-          R,
+    for (let o = 0; o < t.depth; o += 1) {
+      let s = `${o * 2 + 0.7}rem`;
+      g && (s = `calc(${s} + ${d && l ? 48 : 24}px)`), e.push(
+        /* @__PURE__ */ n(
+          z,
           {
             orientation: "vertical",
             position: "absolute",
             top: "0",
-            left: d
+            left: s
           },
           `nestedTableDivider${o}`
         )
       );
     }
     return e;
-  }, [n.depth, a]), w = k(() => {
-    const e = t.getIsPinned();
+  }, [d, l, t.depth, g]), B = k(() => {
+    const e = i.getIsPinned();
     return {
       position: e ? "sticky" : "relative",
-      left: e ? `${t.getStart("left")}px` : void 0,
-      backgroundColor: e ? M.Background : void 0,
+      left: e ? `${i.getStart("left")}px` : void 0,
+      backgroundColor: e ? O.Background : void 0,
       zIndex: e ? 1 : void 0,
-      width: t.getSize(),
-      maxWidth: t.getSize()
+      width: i.getSize(),
+      maxWidth: i.getSize()
     };
-  }, [t]);
-  function D() {
-    const e = n.depth && s || h ? `${n.depth * 2}rem` : _.Small;
-    return a ? `calc(${e} + 24px)` : e;
+  }, [i]);
+  function E() {
+    const e = t.depth && u || v ? `${t.depth * 2}rem` : Q.Small;
+    if (!g)
+      return e;
+    const o = d && l && t.depth === 0 ? 48 : 24;
+    return `calc(${e} + ${o}px)`;
   }
-  return /* @__PURE__ */ i(
-    S,
+  const w = k(
+    (e) => {
+      const o = e.target.checked, s = (c) => {
+        const m = [c.id];
+        return c.subRows?.forEach((p) => m.push(...s(p))), m;
+      };
+      a.setSelectedRowIds((c) => {
+        const m = s(t), p = new Set(c);
+        return m.forEach((P) => {
+          o ? p.add(P) : p.delete(P);
+        }), Array.from(p);
+      });
+    },
+    [t, a]
+  ), A = f(() => a.selectedRowIds?.includes(t.id) ?? !1, [t.id, a.selectedRowIds]);
+  return /* @__PURE__ */ n(
+    V,
     {
       id: r.id,
-      isNumeric: t.columnDef.meta?.isNumeric,
+      isNumeric: i.columnDef.meta?.isNumeric,
       style: {
-        ...w(),
+        ...B(),
         borderBottom: 0,
-        paddingLeft: D()
+        paddingLeft: E()
       },
-      children: /* @__PURE__ */ g(B, { w: "100%", align: "center", children: [
-        l && /* @__PURE__ */ i(A, { children: ({ isOpen: e }) => /* @__PURE__ */ g(
-          b,
+      children: /* @__PURE__ */ I(N, { w: "100%", align: "center", children: [
+        d && /* @__PURE__ */ n(q, { children: ({ isOpen: e }) => /* @__PURE__ */ I(
+          h,
           {
             display: "contents",
             onClick: (o) => o.stopPropagation(),
             onKeyDown: (o) => o.stopPropagation(),
             children: [
-              /* @__PURE__ */ i(
-                b,
+              /* @__PURE__ */ n(
+                h,
                 {
                   className: "action-menu-button",
                   position: "absolute",
@@ -84,38 +104,39 @@ const K = ({
                   _hover: { opacity: 1 },
                   _focusVisible: { opacity: 1 },
                   sx: { "&:has(:focus-visible)": { opacity: 1 } },
-                  children: /* @__PURE__ */ i(
-                    N,
+                  children: /* @__PURE__ */ n(
+                    G,
                     {
-                      icon: j.MoreVertical,
+                      icon: H.MoreVertical,
                       variant: "ghost",
                       size: "sm",
-                      "aria-label": y.moreActions,
+                      "aria-label": R.moreActions,
                       borderRadius: "0"
                     }
                   )
                 }
               ),
-              l
+              d
             ]
           }
         ) }),
-        h || n.depth > 0 && s ? /* @__PURE__ */ i(
-          E,
+        l && /* @__PURE__ */ n(h, { display: "contents", onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: /* @__PURE__ */ n(h, { position: "absolute", left: d ? "24px" : "0", children: /* @__PURE__ */ n(J, { isChecked: A, onChange: w }) }) }),
+        v || t.depth > 0 && u ? /* @__PURE__ */ n(
+          L,
           {
-            row: n,
-            localeString: p,
-            hidden: !f,
-            rowIsExpanded: x
+            row: t,
+            localeString: x,
+            hidden: !y,
+            rowIsExpanded: T
           }
-        ) : /* @__PURE__ */ i(I, {}),
-        u && P,
-        /* @__PURE__ */ i("div", { style: T, children: $(t.columnDef.cell, r.getContext()) })
+        ) : /* @__PURE__ */ n(F, {}),
+        C && S,
+        /* @__PURE__ */ n("div", { style: $, children: j(i.columnDef.cell, r.getContext()) })
       ] })
     },
     r.id
   );
-}, Z = F(K);
+}, le = K(U);
 export {
-  Z as TableCell
+  le as TableCell
 };

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

@@ -1 +1 @@
-{"version":3,"file":"table-content.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAM/C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS;IACrE;;OAEG;IACH,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IAEV;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,iBAAiB,GAAI,KAAK,SAAS,SAAS,EAAE,2GAOjD,iBAAiB,CAAC,KAAK,CAAC,GAAG,eAAe,4CAsD5C,CAAC;AAEF,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}
+{"version":3,"file":"table-content.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAM/C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS;IACrE;;OAEG;IACH,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IAEV;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,iBAAiB,GAAI,KAAK,SAAS,SAAS,EAAE,2GAOjD,iBAAiB,CAAC,KAAK,CAAC,GAAG,eAAe,4CAuD5C,CAAC;AAEF,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}

package/dist/components/table/table-context-provider.d.ts

@@ -26,6 +26,9 @@ interface TableProviderInterface<TData extends TableData> extends PropsWithChild
     onSortingChange?: (state: SortingState) => void;
     initialSortingState?: SortingState;
     sortingState?: SortingState;
+    onSelectionChange?: (selectedRowIds: string[]) => void;
+    initialSelectionState?: string[];
+    selectionState?: string[];
 }
 export interface TableContextInterface<TData extends TableData = TableData> {
     data: TableRow<TData>[];
@@ -47,15 +50,18 @@ export interface TableContextInterface<TData extends TableData = TableData> {
     setSorting: (value: SortingState) => void;
     setExpanded: React.Dispatch<React.SetStateAction<ExpandedState>>;
     id?: string;
-    setRowSelection: React.Dispatch<React.SetStateAction<RowSelectionState>>;
-    rowSelection?: RowSelectionState | undefined;
+    setRowHighlight: React.Dispatch<React.SetStateAction<RowSelectionState>>;
+    rowHighlight?: RowSelectionState | undefined;
     columnVisibility: VisibilityState;
     onSortingChange?: (state: SortingState) => void;
     initialSortingState?: SortingState;
     sortingState?: SortingState;
     registerTableFilter: (methods: TableFilterMethods) => () => void;
     getTableFilterMethods: () => TableFilterMethods | null;
+    canSelectRows: boolean;
+    setSelectedRowIds: React.Dispatch<React.SetStateAction<string[]>>;
+    selectedRowIds?: string[] | undefined;
 }
-export declare const TableProvider: <TData extends TableData>({ data, columns, children, expandedState, localeString, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, getRowId, getRowActions, onBreakingContentChange, id, customRowIndication, onSortingChange, initialSortingState, sortingState, }: TableProviderInterface<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const TableProvider: <TData extends TableData>({ data, columns, children, expandedState, localeString, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, getRowId, getRowActions, onBreakingContentChange, id, customRowIndication, onSortingChange, initialSortingState, sortingState, selectionState, initialSelectionState, onSelectionChange, }: TableProviderInterface<TData>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=table-context-provider.d.ts.map

package/dist/components/table/table-context-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-context-provider.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-context-provider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"table-context-provider.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-context-provider.tsx"],"names":[],"mappings":"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"}

package/dist/components/table/table-context-provider.js

@@ -1,117 +1,127 @@
-import { jsx as N } from "react/jsx-runtime";
-import { useControllableState as r } from "@chakra-ui/react";
-import { useReactTable as Q } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { useState as a, useCallback as o, useEffect as U } from "react";
-import { TableContext as W } from "./table-context.js";
-import { getFilteredRowModel as X, getSortedRowModel as Y, getExpandedRowModel as Z, getCoreRowModel as _ } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
-const le = ({
-  data: d,
-  columns: v,
-  children: x,
-  expandedState: y,
-  localeString: F,
-  initialExpandedState: u = {},
-  initialBreakingContentState: b = {},
-  initialColumnVisibilityState: T = {},
+import { jsx as Y } from "react/jsx-runtime";
+import { useControllableState as s } from "@chakra-ui/react";
+import { useReactTable as Z } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { useState as d, useCallback as o, useEffect as _ } from "react";
+import { TableContext as $ } from "./table-context.js";
+import { getFilteredRowModel as I, getSortedRowModel as O, getExpandedRowModel as ee, getCoreRowModel as te } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
+const re = ({
+  data: u,
+  columns: x,
+  children: y,
+  expandedState: F,
+  localeString: T,
+  initialExpandedState: c = {},
+  initialBreakingContentState: g = {},
+  initialColumnVisibilityState: V = {},
   columnVisibilityState: E,
-  onColumnVisibilityChange: V,
-  onExpandedChange: c,
-  getRowId: g,
-  getRowActions: k,
+  onColumnVisibilityChange: k,
+  onExpandedChange: b,
+  getRowId: f,
+  getRowActions: H,
   onBreakingContentChange: P,
   id: j,
   customRowIndication: i,
-  onSortingChange: f,
+  onSortingChange: w,
   initialSortingState: q = [],
-  sortingState: m
+  sortingState: h,
+  selectionState: z,
+  initialSelectionState: A = [],
+  onSelectionChange: m
 }) => {
-  const [l, s] = r({
-    value: y,
-    onChange: c,
-    defaultValue: u
-  }), [n, C] = r({
+  const [l, a] = s({
+    value: F,
+    onChange: b,
+    defaultValue: c
+  }), [n, C] = s({
     value: E,
-    onChange: V,
-    defaultValue: T
-  }), [S, w] = r({
-    value: m,
-    onChange: f,
+    onChange: k,
+    defaultValue: V
+  }), [R, S] = s({
+    value: h,
+    onChange: w,
     defaultValue: q
-  }), [z, A] = a(
-    b || {}
-  ), [h, M] = a({}), [R, p] = a(null), B = o((e) => (p(e), () => {
-    p(null);
-  }), []), D = o(() => R, [R]);
-  U(() => {
-    i && M(i);
-  }, [i]);
-  const G = o(
+  }), [B, D] = s({
+    value: z,
+    onChange: m,
+    defaultValue: A
+  }), [G, J] = d(
+    g || {}
+  ), [M, r] = d({}), [p, v] = d(null), K = o((e) => (v(e), () => {
+    v(null);
+  }), []), L = o(() => p, [p]);
+  _(() => {
+    i && r(i);
+  }, [i, r]);
+  const N = o(
     (e) => {
       let t;
       typeof e == "function" ? t = e(n) : t = e, C(t);
     },
     [n, C]
-  ), H = o(
+  ), Q = o(
     (e) => {
       let t;
-      typeof e == "function" ? t = e(l) : t = e, s(t);
+      typeof e == "function" ? t = e(l) : t = e, a(t);
     },
-    [l, s]
-  ), J = o(
+    [l, a]
+  ), U = o(
     (e) => {
-      w(e);
+      S(e);
     },
-    [w]
-  ), K = Q({
-    columns: v,
-    data: d,
-    getCoreRowModel: _(),
-    getExpandedRowModel: Z(),
-    getSortedRowModel: Y(),
-    getFilteredRowModel: X(),
-    onColumnVisibilityChange: G,
-    onExpandedChange: H,
+    [S]
+  ), W = Z({
+    columns: x,
+    data: u,
+    getCoreRowModel: te(),
+    getExpandedRowModel: ee(),
+    getSortedRowModel: O(),
+    getFilteredRowModel: I(),
+    onColumnVisibilityChange: N,
+    onExpandedChange: Q,
     getSubRows: (e) => e.subRows,
-    getRowId: g,
+    getRowId: f,
     enableSubRowSelection: !0,
     enableMultiRowSelection: !1,
     enableRowSelection: !0,
     state: {
-      sorting: S,
+      sorting: R,
       columnVisibility: n,
       expanded: l,
-      rowSelection: h
+      rowSelection: M
     },
-    manualSorting: m !== void 0
-  }), L = {
-    data: d,
-    table: K,
-    initialExpandedState: u,
-    initialBreakingContentState: b,
-    localeString: F,
-    onExpandedChange: c,
+    manualSorting: h !== void 0
+  }), X = {
+    data: u,
+    table: W,
+    initialExpandedState: c,
+    initialBreakingContentState: g,
+    localeString: T,
+    onExpandedChange: b,
     expanded: l,
-    sorting: S,
-    setSorting: J,
-    setExpanded: s,
-    getRowId: g,
-    getRowActions: k,
-    breakingContentState: z,
-    setBreakingContentState: A,
+    sorting: R,
+    setSorting: U,
+    setExpanded: a,
+    getRowId: f,
+    getRowActions: H,
+    breakingContentState: G,
+    setBreakingContentState: J,
     onBreakingContentChange: P,
     id: j,
-    setRowSelection: M,
-    rowSelection: h,
+    setRowHighlight: r,
+    rowHighlight: M,
     columnVisibility: n,
-    onSortingChange: f,
-    registerTableFilter: B,
-    getTableFilterMethods: D
+    onSortingChange: w,
+    registerTableFilter: K,
+    getTableFilterMethods: L,
+    canSelectRows: m !== void 0,
+    setSelectedRowIds: D,
+    selectedRowIds: B
   };
   return (
     // This is correct but there's no easy way to type the context statically with generics
-    /* @__PURE__ */ N(W.Provider, { value: L, children: x })
+    /* @__PURE__ */ Y($.Provider, { value: X, children: y })
   );
 };
 export {
-  le as TableProvider
+  re as TableProvider
 };

package/dist/components/table/table-header-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-dropdown.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-dropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,EAGN,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,wBAAwB,CAAC,KAAK,SAAS,SAAS,IAAI;IACxD,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACzC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF,uBAAuB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;IACxF,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;IAC5C,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,eAAe,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,KAAK,SAAS,SAAS,EAAE,qIAS5D,wBAAwB,CAAC,KAAK,CAAC,4CAyIjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAyC,OAAO,4BAA4B,CAAC"}
+{"version":3,"file":"table-header-dropdown.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-dropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,EAGN,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,wBAAwB,CAAC,KAAK,SAAS,SAAS,IAAI;IACxD,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACzC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF,uBAAuB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;IACxF,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;IAC5C,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,eAAe,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,KAAK,SAAS,SAAS,EAAE,qIAS5D,wBAAwB,CAAC,KAAK,CAAC,4CA0IjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAyC,OAAO,4BAA4B,CAAC"}

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

@@ -13,7 +13,7 @@ import { Switch as X } from "../switch/switch.js";
 import { Menu as v } from "../menu/menu.js";
 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";
+import { ThemeIconSizeVariable as F, ThemeColorVariable as w, ThemeSpaceVariable as q, ThemeFontSizeVariable as z } from "../../theme/theme-types.js";
 const J = ({
   header: o,
   breakingContentState: m,
@@ -22,9 +22,9 @@ const J = ({
   headerGroup: g,
   sorting: u,
   setSorting: f,
-  localeString: w
+  localeString: V
 }) => {
-  const e = U[w], y = L(), { getTableFilterMethods: s } = y, T = D(
+  const e = U[V], y = L(), { getTableFilterMethods: s } = y, T = D(
     (i) => {
       const c = {
         ...m,
@@ -103,18 +103,19 @@ const J = ({
     /* @__PURE__ */ n(
       R,
       {
-        color: z.OnBackgroundSubdued,
+        color: w.OnBackgroundSubdued,
         textTransform: "none",
-        fontSize: V.Small,
+        fontSize: z.Small,
         h: "40px",
         display: "flex",
         alignItems: "center",
         padding: `0px 0px 0px ${q.Small}`,
-        backgroundColor: i ? z.BackgroundDisabled : "unset",
+        backgroundColor: i ? w.BackgroundDisabled : "unset",
+        w: "100%",
         children: j(H, o.getContext())
       }
     ),
-    /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n($, { fontSize: V.Medium, children: P }) })
+    /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n($, { fontSize: z.Medium, children: P }) })
   ] }) });
 }, dn = A(J);
 export {

package/dist/components/table/table-header-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-row.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,WAAW,EAAc,MAAM,uBAAuB,CAAC;AAIlF,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,mBAAmB,CAAC,KAAK,SAAS,SAAS,IAAI;IACnD,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,KAAK,SAAS,SAAS,EAAE,2CAGvD,mBAAmB,CAAC,KAAK,CAAC,4CAuD5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAoC,OAAO,uBAAuB,CAAC"}
+{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-row.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2B,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAMlF,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,mBAAmB,CAAC,KAAK,SAAS,SAAS,IAAI;IACnD,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,KAAK,SAAS,SAAS,EAAE,2CAGvD,mBAAmB,CAAC,KAAK,CAAC,4CA2D5B,CAAC;AAuDF,eAAO,MAAM,cAAc,EAAoC,OAAO,uBAAuB,CAAC"}

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

@@ -1,58 +1,85 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Tr as m, Th as g } from "@chakra-ui/react";
-import { flexRender as c } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { memo as p, useCallback as u } from "react";
-import { useTableContext as C } from "./table-context.js";
-import { TableHeaderDropdown as b } from "./table-header-dropdown.js";
-import { Box as f } from "../box/box.js";
-import { ThemeColorVariable as r, ThemeSpaceVariable as S } from "../../theme/theme-types.js";
-const x = ({
-  headerGroup: i,
-  hideTableHeaderDropdown: a
+import { jsx as l, Fragment as g, jsxs as h } from "react/jsx-runtime";
+import { Tr as f, Th as w } from "@chakra-ui/react";
+import { flexRender as C } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { memo as b, useCallback as S, useMemo as x } from "react";
+import { useTableContext as p } from "./table-context.js";
+import { TableHeaderDropdown as k } from "./table-header-dropdown.js";
+import { Box as u } from "../box/box.js";
+import { Flex as I } from "../flex/flex.js";
+import { Checkbox as R } from "../checkbox/checkbox.js";
+import { ThemeColorVariable as m, ThemeSpaceVariable as B } from "../../theme/theme-types.js";
+const T = ({
+  headerGroup: o,
+  hideTableHeaderDropdown: i
 }) => {
-  const t = C(), l = !!t.getRowActions, s = u((e) => {
-    const o = e.getIsPinned();
+  const n = p(), a = !!n.getRowActions, s = S((e) => {
+    const t = e.getIsPinned();
     return {
-      position: o ? "sticky" : "relative",
-      left: o ? `${e.getStart("left")}px` : void 0,
-      backgroundColor: o ? r.Background : void 0,
-      zIndex: o ? 1 : 0,
+      position: t ? "sticky" : "relative",
+      left: t ? `${e.getStart("left")}px` : void 0,
+      backgroundColor: t ? m.Background : void 0,
+      zIndex: t ? 1 : 0,
       width: e.getSize(),
       maxWidth: e.getSize()
     };
   }, []);
-  return /* @__PURE__ */ n(m, { children: i.headers.map((e) => {
-    const { column: o } = e, d = o.getIndex() === 0;
-    return /* @__PURE__ */ n(
-      g,
+  return /* @__PURE__ */ l(f, { children: o.headers.map((e) => {
+    const { column: t } = e, r = t.getIndex() === 0;
+    return /* @__PURE__ */ l(
+      w,
       {
         className: "tableHeaderCell",
-        isNumeric: o.columnDef.meta?.isNumeric,
-        zIndex: o.getIsPinned() ? 2 : 1,
+        isNumeric: t.columnDef.meta?.isNumeric,
+        zIndex: t.getIsPinned() ? 2 : 1,
         style: {
-          ...s(o),
-          borderBottom: `1px solid ${r.OnBackgroundBorder}`,
-          paddingLeft: d && l ? "24px" : void 0
+          ...s(t),
+          borderBottom: `1px solid ${m.OnBackgroundBorder}`,
+          paddingLeft: r && a ? "24px" : void 0
         },
-        children: a ? /* @__PURE__ */ n(f, { paddingLeft: S.Small, children: c(e.column.columnDef.header, e.getContext()) }) : /* @__PURE__ */ n(
-          b,
+        children: /* @__PURE__ */ l(y, { showSelectAll: n.canSelectRows && r, children: /* @__PURE__ */ l(g, { children: i ? /* @__PURE__ */ l(u, { paddingLeft: B.Small, children: C(e.column.columnDef.header, e.getContext()) }) : /* @__PURE__ */ l(
+          k,
           {
             header: e,
-            breakingContentState: t.breakingContentState,
-            columnVisibility: t.columnVisibility,
-            headerGroup: t.table.getHeaderGroups(),
-            localeString: t.localeString,
-            setBreakingContentState: t.setBreakingContentState,
-            setSorting: t.setSorting,
-            sorting: t.sorting,
-            onBreakingContentChange: t.onBreakingContentChange
+            breakingContentState: n.breakingContentState,
+            columnVisibility: n.columnVisibility,
+            headerGroup: n.table.getHeaderGroups(),
+            localeString: n.localeString,
+            setBreakingContentState: n.setBreakingContentState,
+            setSorting: n.setSorting,
+            sorting: n.sorting,
+            onBreakingContentChange: n.onBreakingContentChange
           }
-        )
+        ) }) })
       },
       e.id
     );
-  }) }, i.id);
-}, P = p(x);
+  }) }, o.id);
+}, y = ({ showSelectAll: o, children: i }) => o ? /* @__PURE__ */ h(I, { w: "100%", align: "center", children: [
+  /* @__PURE__ */ l(u, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ l(H, {}) }),
+  i
+] }) : /* @__PURE__ */ l(g, { children: i }), H = () => {
+  const o = p(), i = S(
+    (s) => {
+      const e = s.target.checked, t = o.table.getRowModel().flatRows.map((r) => r.id);
+      e ? o.setSelectedRowIds((r) => [.../* @__PURE__ */ new Set([...r, ...t])]) : o.setSelectedRowIds((r) => r.filter((d) => !t.includes(d)));
+    },
+    [o]
+  ), { allIsSelected: n, shouldShowIndeterminateState: a } = x(() => {
+    const e = o.table.getRowModel().flatRows, t = new Set(o.selectedRowIds), r = e.length > 0 && e.every((c) => t.has(c.id)), d = e.some((c) => t.has(c.id));
+    return {
+      allIsSelected: r,
+      shouldShowIndeterminateState: d && !r
+    };
+  }, [o]);
+  return /* @__PURE__ */ l(
+    R,
+    {
+      isChecked: n,
+      isIndeterminate: a,
+      onChange: i
+    }
+  );
+}, L = b(T);
 export {
-  P as TableHeaderRow
+  L as TableHeaderRow
 };

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

@@ -1 +1 @@
-{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAIvD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,KAAK,aAAa,CAAC,KAAK,SAAS,SAAS,IAAI;IAC7C,GAAG,EAAE,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9B,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC;IACnD,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IACV,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,KAAK,SAAS,SAAS,EAAE,6EAM7C,aAAa,CAAC,KAAK,CAAC,4CA2EtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAA0B,OAAO,aAAa,CAAC"}
+{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAIvD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,KAAK,aAAa,CAAC,KAAK,SAAS,SAAS,IAAI;IAC7C,GAAG,EAAE,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9B,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC;IACnD,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IACV,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,KAAK,SAAS,SAAS,EAAE,6EAM7C,aAAa,CAAC,KAAK,CAAC,4CA8EtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAA0B,OAAO,aAAa,CAAC"}

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

@@ -1,50 +1,51 @@
-import { jsx as d } from "react/jsx-runtime";
-import { Tr as T } from "@chakra-ui/react";
-import { memo as x, useMemo as l, useCallback as s } from "react";
-import { TableCell as S } from "./table-cell.js";
-import { useTableContext as h } from "./table-context.js";
+import { jsx as c } from "react/jsx-runtime";
+import { Tr as S } from "@chakra-ui/react";
+import { memo as f, useMemo as l, useCallback as u } from "react";
+import { TableCell as T } from "./table-cell.js";
+import { useTableContext as x } from "./table-context.js";
 import { ThemeColorVariable as r } from "../../theme/theme-types.js";
-const y = ({
+const A = ({
   row: e,
   visibleCells: a,
-  onClickRow: o,
+  onClickRow: n,
   showRowHoverStyle: i,
-  onRowClickIndication: c
+  onRowClickIndication: d
 }) => {
-  const n = h(), u = l(() => ({ backgroundColor: i ? r.AccentHoverAlpha : "unset", ".action-menu-button": { opacity: 1 } }), [i]), g = s(
+  const o = x(), g = l(() => ({ backgroundColor: i ? r.AccentHoverAlpha : "unset", ".action-menu-button": { opacity: 1 } }), [i]), m = u(
     (t) => {
-      o && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), o(e.original, t));
+      n && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.original, t));
     },
-    [o, e.original]
-  ), m = s(
+    [n, e.original]
+  ), p = u(
     (t) => {
-      t.stopPropagation(), e.getToggleSelectedHandler(), o && o(e.original, t), c && n.setRowSelection({ [t.currentTarget.id]: !0 });
+      t.stopPropagation(), e.getToggleSelectedHandler(), n && n(e.original, t), d && o.setRowHighlight({ [t.currentTarget.id]: !0 });
     },
-    [e, o, c, n]
-  ), p = l(() => e.getIsSelected() ? r.AccentHoverAlpha : "unset", [e, n.rowSelection]), b = n.getRowActions?.(e.original);
-  return /* @__PURE__ */ d(
-    T,
+    [e, n, d, o]
+  ), h = l(() => e.getIsSelected() || o.selectedRowIds?.includes(e.id) ? r.AccentHoverAlpha : "unset", [e, o.rowHighlight, o.selectedRowIds]), b = o.getRowActions?.(e.original);
+  return /* @__PURE__ */ c(
+    S,
     {
       id: e.id,
-      tabIndex: o ? 0 : void 0,
-      onClick: m,
-      onKeyDown: g,
+      tabIndex: n ? 0 : void 0,
+      onClick: p,
+      onKeyDown: m,
       borderTop: e.depth > 0 ? "none" : `1px solid ${r.OnBackgroundBorder}`,
-      cursor: o ? "pointer" : void 0,
-      backgroundColor: p,
-      _hover: u,
+      cursor: n ? "pointer" : void 0,
+      backgroundColor: h,
+      _hover: g,
       children: a.map((t) => {
-        const f = t.column.getIndex() === 0;
-        return /* @__PURE__ */ d(
-          S,
+        const s = t.column.getIndex() === 0;
+        return /* @__PURE__ */ c(
+          T,
           {
             cell: t,
             visibleCells: a,
             row: e,
             rowIsExpanded: e.getIsExpanded(),
-            breakingContentState: n.breakingContentState,
-            localeString: n.localeString,
-            actionMenu: f ? b : void 0
+            breakingContentState: o.breakingContentState,
+            localeString: o.localeString,
+            actionMenu: s ? b : void 0,
+            canSelectRows: o.canSelectRows && s
           },
           t.id
         );
@@ -52,7 +53,7 @@ const y = ({
     },
     e.id
   );
-}, k = x(y);
+}, k = f(A);
 export {
   k 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,2CAyJrC;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,2CA2JrC;AAED,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}

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

@@ -1,28 +1,28 @@
-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 H } from "./translations.js";
+import { jsx as e, jsxs as r, Fragment as j } from "react/jsx-runtime";
+import { useMediaQuery as V, Flex as a, Portal as z, Box as S } from "@chakra-ui/react";
+import { memo as v, useCallback as l, useMemo as T } from "react";
+import { useTableContext as H } from "./table-context.js";
+import { translations as O } from "./translations.js";
 import { Input as A } from "../input/input.js";
-import { Icon as T } from "../icon/icon.js";
+import { Icon as M } 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 { Text as M } from "../text/text.js";
+import { Text as x } 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 { ThemeIconSizeVariable as q, ThemeSpaceVariable as i, ThemeColorVariable as I, ThemeFontVariable as J, ThemeFontSizeVariable as K } from "../../theme/theme-types.js";
-function R({
+import { ThemeIconSizeVariable as Y, ThemeSpaceVariable as i, ThemeColorVariable as I, ThemeFontVariable as q, ThemeFontSizeVariable as J } from "../../theme/theme-types.js";
+function K({
   tableName: p,
   onSearch: b,
   onAddNewItem: g,
-  ...x
+  ...w
 }) {
-  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(
+  const t = H(), [B] = V("(min-width: 48em)"), o = O[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) => {
@@ -30,11 +30,11 @@ function R({
       }), t.setBreakingContentState(u), t.onBreakingContentChange?.(u);
     },
     [t]
-  ), s = l(
+  ), c = l(
     () => /* @__PURE__ */ e(
       A,
       {
-        leftElement: /* @__PURE__ */ e(T, { icon: h.Search }),
+        leftElement: /* @__PURE__ */ e(M, { icon: h.Search }),
         onChange: (n) => b?.(n),
         size: "md",
         type: "search",
@@ -43,12 +43,12 @@ function R({
       }
     ),
     [b]
-  ), c = l(
+  ), s = 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(G, { "aria-label": o.presets, variant: "ghost", p: "unset", w: "40px", h: "40px", children: /* @__PURE__ */ e(M, { icon: h.Sliders, size: Y.Medium }) }),
+      /* @__PURE__ */ e(z, { children: /* @__PURE__ */ r(E, { children: [
         /* @__PURE__ */ e(
-          M,
+          x,
           {
             color: I.OnSurfaceSubdued,
             py: i.Small,
@@ -56,8 +56,8 @@ function R({
             children: o.showColumns
           }
         ),
-        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(S, { maxHeight: "320px", overflowY: "auto", children: t.table.getAllLeafColumns().filter((n) => n.getCanHide()).map((n) => /* @__PURE__ */ r(y, { itemType: "checkbox", leftIcon: h.GripMore, children: [
+          /* @__PURE__ */ e(j, { children: n.columnDef.header }),
           /* @__PURE__ */ e(
             P,
             {
@@ -65,7 +65,7 @@ function R({
               onChange: n.getToggleVisibilityHandler()
             }
           )
-        ] }, n.id)),
+        ] }, n.id)) }),
         /* @__PURE__ */ e(Q, {}),
         /* @__PURE__ */ r(y, { itemType: "switch", children: [
           o.breakingContent,
@@ -88,48 +88,48 @@ function R({
         "aria-label": o.new,
         icon: h.Increase,
         onClick: g,
-        variant: "primary"
+        variant: "secondary"
       }
     ),
     [g, o.new]
   ), d = l(
     () => /* @__PURE__ */ e(
-      M,
+      x,
       {
-        fontSize: K.X2Large,
+        fontSize: J.X2Large,
         color: I.OnBackgroundHeader,
         fontWeight: "bold",
-        fontFamily: J.Header,
+        fontFamily: q.Header,
         children: p
       }
     ),
     [p]
-  ), B = S(
+  ), F = T(
     () => /* @__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(),
         c(),
+        s(),
         m()
       ] })
     ] }) }),
-    [m, s, c, d]
-  ), F = S(
+    [m, c, s, d]
+  ), L = T(
     () => /* @__PURE__ */ r(a, { direction: "column", gap: i.Medium, mb: i.Medium, children: [
       /* @__PURE__ */ r(a, { justifyContent: "space-between", children: [
         d(),
         m()
       ] }),
       /* @__PURE__ */ r(a, { justifyContent: "space-between", gap: i.Medium, children: [
-        s(),
-        c()
+        c(),
+        s()
       ] })
     ] }),
-    [m, s, c, d]
+    [m, c, s, d]
   );
-  return /* @__PURE__ */ e(z, { id: "tableToolbar", ...x, children: w ? B : F });
+  return /* @__PURE__ */ e(S, { id: "tableToolbar", ...w, children: B ? F : L });
 }
-const ue = O(R);
+const ue = v(K);
 export {
   ue as TableToolbar
 };

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, 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, onSelectionChange, initialSelectionState, selectionState, 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,QAAQ,EACR,aAAa,EACb,EAAE,EACF,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,QAAQ,GACR,EAAE,UAAU,CAAC,KAAK,CAAC,2CAyBnB"}
+{"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,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,QAAQ,GACR,EAAE,UAAU,CAAC,KAAK,CAAC,2CA4BnB"}

package/dist/components/table/table.js

@@ -1,6 +1,6 @@
-import { jsx as v } from "react/jsx-runtime";
-import { TableProvider as P } from "./table-context-provider.js";
-function k({
+import { jsx as h } from "react/jsx-runtime";
+import { TableProvider as k } from "./table-context-provider.js";
+function y({
   columns: r,
   data: o,
   localeString: e,
@@ -19,10 +19,13 @@ function k({
   onSortingChange: c,
   initialSortingState: d,
   sortingState: j,
-  children: s
+  onSelectionChange: s,
+  initialSelectionState: v,
+  selectionState: P,
+  children: g
 }) {
-  return /* @__PURE__ */ v(
-    P,
+  return /* @__PURE__ */ h(
+    k,
     {
       columns: r,
       data: o,
@@ -42,10 +45,13 @@ function k({
       onSortingChange: c,
       initialSortingState: d,
       sortingState: j,
-      children: s
+      onSelectionChange: s,
+      initialSelectionState: v,
+      selectionState: P,
+      children: g
     }
   );
 }
 export {
-  k as Table
+  y as Table
 };

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

@@ -89,6 +89,16 @@ interface BaseTableProps<TData extends TableData> {
      * the sorting functionality to work.
      */
     sortingState?: SortingState;
+    /** Called when the row selection of the table changes, with the new selected row IDs */
+    onSelectionChange?: (selectedRowIds: string[]) => void;
+    /** Initial state of selected row IDs. Use together with onSelectionChange if you want to store the state of selected rows. */
+    initialSelectionState?: string[];
+    /** The current selected row IDs of the table.
+     * If provided, the selected row IDs will be "controlled" (just like making an input element controlled),
+     * meaning that you have to listen to onSelectionChange and change this state yourself if you still want
+     * the row selection functionality to work.
+     */
+    selectionState?: string[];
 }
 export type TableProps<TData extends TableData = TableData> = PropsWithChildren<BaseTableProps<TData>>;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,WAAW,EACX,SAAS,EACT,aAAa,EACb,GAAG,EACH,OAAO,EACP,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,YAAY,EACX,WAAW,EACX,SAAS,EACT,aAAa,EACb,GAAG,EACH,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,GACf,CAAC;AAEF,UAAU,OAAO,CAAC,KAAK,SAAS,SAAS;IACxC,OAAO,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;CAC5B;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC;AAE/B;;;;;;GAMG;AACH,MAAM,MAAM,QAAQ,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;AAEnF,UAAU,cAAc,CAAC,KAAK,SAAS,SAAS;IAC/C;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IAExB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;IAEtC;;;;;OAKG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAElD;;OAEG;IACH,oBAAoB,CAAC,EAAE,aAAa,CAAC;IAErC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAE5D;;;OAGG;IACH,4BAA4B,CAAC,EAAE,eAAe,CAAC;IAE/C;;OAEG;IACH,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAMlF,qBAAqB,CAAC,EAAE,eAAe,CAAC;IAExC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,MAAM,CAAC;IAElG;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CACf,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,KAChB,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,OAAO,QAAQ,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC;IAE3G;;OAEG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEtD,0EAA0E;IAC1E,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IAExC,+EAA+E;IAC/E,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAEhD,6GAA6G;IAC7G,mBAAmB,CAAC,EAAE,YAAY,CAAC;IAEnC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B;AAED,MAAM,MAAM,UAAU,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;AAEvG;;;GAGG;AACH,OAAO,QAAQ,uBAAuB,CAAC;IACtC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QACjD,SAAS,CAAC,EAAE,OAAO,CAAC;QAEpB,WAAW,CAAC,EAAE,KAAK,CAAC;QAEpB,YAAY,CAAC,EAAE,MAAM,CAAC;KACtB;IACD,UAAU,SAAS,CAAC,KAAK,SAAS,OAAO;QACxC,KAAK,CAAC,EAAE,KAAK,CAAC;KACd;CACD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/table/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "7.0.1",
+	"version": "7.1.0",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,
@@ -28,26 +28,26 @@
 	},
 	"devDependencies": {
 		"@arethetypeswrong/cli": "^0.18.2",
-		"@caspeco/eslint-config": "^4.0.5",
+		"@caspeco/eslint-config": "^4.1.1",
 		"@caspeco/prettier-config": "^1.0.6",
-		"@eslint/js": "^9.37.0",
+		"@eslint/js": "^9.38.0",
 		"@testing-library/jest-dom": "^6.9.1",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.6.1",
 		"@types/jest": "^30.0.0",
-		"@types/node": "^24.7.2",
+		"@types/node": "^24.8.1",
 		"@types/react": "^18.3.12",
 		"@types/react-dom": "^18.3.1",
 		"@vitejs/plugin-react-swc": "^4.1.0",
-		"eslint": "^9.37.0",
+		"eslint": "^9.38.0",
 		"eslint-plugin-react-hooks": "^7.0.0",
-		"eslint-plugin-react-refresh": "^0.4.23",
+		"eslint-plugin-react-refresh": "^0.4.24",
 		"globals": "^16.4.0",
-		"jsdom": "^27.0.0",
+		"jsdom": "^27.0.1",
 		"tsc-alias": "^1.8.16",
 		"typescript": "~5.9.3",
-		"typescript-eslint": "^8.46.0",
-		"vite": "^7.1.9",
+		"typescript-eslint": "^8.46.1",
+		"vite": "^7.1.11",
 		"vite-plugin-dts": "^4.5.4",
 		"vite-tsconfig-paths": "^5.1.4",
 		"vitest": "^3.2.4"