@caspeco/casper-ui-library 8.2.2 → 8.4.0

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

@@ -1,132 +1,171 @@
-import { jsx as $ } from "react/jsx-runtime";
-import { useControllableState as s } from "@chakra-ui/react";
-import { useReactTable as A } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { useState as g, useCallback as o, useEffect as O } from "react";
-import { TableContext as ee } from "./table-context.js";
-import { getFilteredRowModel as te, getSortedRowModel as oe, getExpandedRowModel as le, getCoreRowModel as ne } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
-const ge = ({
-  data: f,
-  columns: T,
-  children: V,
-  expandedState: E,
-  localeString: H,
-  initialExpandedState: w = {},
-  initialBreakingContentState: c = {},
-  initialColumnVisibilityState: P = {},
-  columnVisibilityState: j,
-  onColumnVisibilityChange: k,
-  onExpandedChange: b,
-  getRowId: R,
-  getRowActions: q,
-  onBreakingContentChange: z,
-  id: B,
-  customRowIndication: i,
-  onSortingChange: m,
-  initialSortingState: D = [],
-  sortingState: h,
-  selectionState: G,
-  initialSelectionState: I = [],
-  onSelectionChange: S,
-  selectionActions: C,
-  disableSelectionCheckbox: r
+import { jsx as ce } from "react/jsx-runtime";
+import { useControllableState as d } from "@chakra-ui/react";
+import { useReactTable as me } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { useState as b, useCallback as n, useEffect as Ce } from "react";
+import { arrayMove as L } from "./helper.js";
+import { TableContext as be } from "./table-context.js";
+import { getFilteredRowModel as we, getSortedRowModel as he, getExpandedRowModel as Re, getCoreRowModel as ve } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
+const Ee = ({
+  data: w,
+  columns: h,
+  children: k,
+  expandedState: q,
+  localeString: z,
+  initialExpandedState: R = {},
+  initialBreakingContentState: v = {},
+  initialColumnVisibilityState: A = {},
+  columnVisibilityState: B,
+  onColumnVisibilityChange: G,
+  onExpandedChange: M,
+  getRowId: S,
+  getRowActions: I,
+  onBreakingContentChange: J,
+  id: K,
+  customRowIndication: g,
+  onSortingChange: p,
+  initialSortingState: N = [],
+  sortingState: x,
+  selectionState: Q,
+  initialSelectionState: U = [],
+  onSelectionChange: y,
+  selectionActions: P,
+  disableSelectionCheckbox: u,
+  enableColumnReorder: V = !1,
+  columnOrderState: W,
+  initialColumnOrder: E,
+  onColumnOrderChange: X
 }) => {
-  const [l, a] = s({
-    value: E,
-    onChange: b,
-    defaultValue: w
-  }), [n, M] = s({
-    value: j,
-    onChange: k,
-    defaultValue: P
-  }), [p, v] = s({
-    value: h,
-    onChange: m,
-    defaultValue: D
-  }), [J, K] = s({
-    value: G,
-    onChange: S,
-    defaultValue: I
-  }), [L, N] = g(
-    c || {}
-  ), [y, d] = g({}), [x, F] = g(null), Q = o((e) => (F(e), () => {
-    F(null);
-  }), []), U = o(() => x, [x]);
-  O(() => {
-    i && d(i);
-  }, [i, d]);
-  const W = o(
+  const [r, c] = d({
+    value: q,
+    onChange: M,
+    defaultValue: R
+  }), [a, F] = d({
+    value: B,
+    onChange: G,
+    defaultValue: A
+  }), [T, O] = d({
+    value: x,
+    onChange: p,
+    defaultValue: N
+  }), [Y, Z] = d({
+    value: Q,
+    onChange: y,
+    defaultValue: U
+  }), [f, s] = d({
+    value: W,
+    onChange: X,
+    defaultValue: E?.length ? E : h.map((e) => e.id).filter((e) => e !== void 0)
+  }), [_, $] = b(
+    v || {}
+  ), [H, m] = b({}), [j, D] = b(null), ee = n((e) => (D(e), () => {
+    D(null);
+  }), []), te = n(() => j, [j]);
+  Ce(() => {
+    g && m(g);
+  }, [g, m]);
+  const oe = n(
     (e) => {
       let t;
-      typeof e == "function" ? t = e(n) : t = e, M(t);
+      typeof e == "function" ? t = e(a) : t = e, F(t);
     },
-    [n, M]
-  ), X = o(
+    [a, F]
+  ), ne = n(
     (e) => {
       let t;
-      typeof e == "function" ? t = e(l) : t = e, a(t);
+      typeof e == "function" ? t = e(r) : t = e, c(t);
     },
-    [l, a]
-  ), Y = o(
+    [r, c]
+  ), le = n(
     (e) => {
-      v(e);
+      O(e);
     },
-    [v]
-  ), u = A({
-    columns: T,
-    data: f,
-    getCoreRowModel: ne(),
-    getExpandedRowModel: le(),
-    getSortedRowModel: oe(),
-    getFilteredRowModel: te(),
-    onColumnVisibilityChange: W,
-    onExpandedChange: X,
+    [O]
+  ), ie = n(
+    (e) => {
+      const t = typeof e == "function" ? e(f) : e;
+      s(t);
+    },
+    [f, s]
+  ), o = me({
+    columns: h,
+    data: w,
+    getCoreRowModel: ve(),
+    getExpandedRowModel: Re(),
+    getSortedRowModel: he(),
+    getFilteredRowModel: we(),
+    onColumnVisibilityChange: oe,
+    onExpandedChange: ne,
+    onColumnOrderChange: ie,
     getSubRows: (e) => e.subRows,
-    getRowId: R,
+    getRowId: S,
     enableSubRowSelection: !0,
     enableMultiRowSelection: !1,
     enableRowSelection: !0,
     state: {
-      sorting: p,
-      columnVisibility: n,
-      expanded: l,
-      rowSelection: y
+      sorting: T,
+      columnVisibility: a,
+      expanded: r,
+      rowSelection: H,
+      columnOrder: V ? f : void 0
+    },
+    manualSorting: x !== void 0
+  }), se = n(
+    (e, t) => {
+      if (e === t) return;
+      const ae = o.getColumn(e).getIsPinned(), fe = o.getColumn(t).getIsPinned();
+      if (ae === "left" || fe === "left") {
+        const i = o.getAllLeafColumns().filter((l) => l.getIsVisible()), C = i.map((l) => l.id), ge = L(
+          C,
+          C.indexOf(e),
+          C.indexOf(t)
+        ), ue = i.filter((l) => l.getIsPinned() === "left").length;
+        o.setColumnPinning((l) => ({
+          ...l,
+          left: ge.slice(0, ue)
+        }));
+      }
+      s((i) => L(i, i.indexOf(e), i.indexOf(t)));
     },
-    manualSorting: h !== void 0
-  }), Z = o(() => u.getRowModel().flatRows.filter((e) => !r?.(e)).map((e) => e.id), [r, u]), _ = {
-    data: f,
-    table: u,
-    initialExpandedState: w,
-    initialBreakingContentState: c,
-    localeString: H,
-    onExpandedChange: b,
-    expanded: l,
-    sorting: p,
-    setSorting: Y,
-    setExpanded: a,
-    getRowId: R,
-    getRowActions: q,
-    breakingContentState: L,
-    setBreakingContentState: N,
-    onBreakingContentChange: z,
-    id: B,
-    setRowHighlight: d,
-    rowHighlight: y,
-    columnVisibility: n,
-    onSortingChange: m,
-    registerTableFilter: Q,
-    getTableFilterMethods: U,
-    canSelectRows: S !== void 0 || C !== void 0,
-    setSelectedRowIds: K,
-    selectedRowIds: J,
-    selectionActions: C,
-    disableSelectionCheckbox: r,
-    getSelectableRowIds: Z
+    [s, o]
+  ), de = n(() => o.getRowModel().flatRows.filter((e) => !u?.(e)).map((e) => e.id), [u, o]), re = {
+    data: w,
+    table: o,
+    initialExpandedState: R,
+    initialBreakingContentState: v,
+    localeString: z,
+    onExpandedChange: M,
+    expanded: r,
+    sorting: T,
+    setSorting: le,
+    setExpanded: c,
+    getRowId: S,
+    getRowActions: I,
+    breakingContentState: _,
+    setBreakingContentState: $,
+    onBreakingContentChange: J,
+    id: K,
+    setRowHighlight: m,
+    rowHighlight: H,
+    columnVisibility: a,
+    onSortingChange: p,
+    registerTableFilter: ee,
+    getTableFilterMethods: te,
+    canSelectRows: y !== void 0 || P !== void 0,
+    setSelectedRowIds: Z,
+    selectedRowIds: Y,
+    selectionActions: P,
+    disableSelectionCheckbox: u,
+    getSelectableRowIds: de,
+    enableColumnReorder: V,
+    columnOrder: f,
+    setColumnOrder: s,
+    handleDragEnd: se
   };
   return (
     // This is correct but there's no easy way to type the context statically with generics
-    /* @__PURE__ */ $(ee.Provider, { value: _, children: V })
+    /* @__PURE__ */ ce(be.Provider, { value: re, children: k })
   );
 };
 export {
-  ge as TableProvider
+  Ee as TableProvider
 };

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,EAAwC,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAoB/F,OAAO,KAAK,EAAmB,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEpE,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,+DAIvD,mBAAmB,CAAC,KAAK,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,4CAiD3F,CAAC;AAuPF,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":"AAIA,OAAO,EAAwC,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AA0B/F,OAAO,KAAK,EAAmB,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEpE,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,+DAIvD,mBAAmB,CAAC,KAAK,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,4CAkD3F,CAAC;AA0TF,eAAO,MAAM,cAAc,EAAoC,OAAO,uBAAuB,CAAC"}

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

@@ -1,187 +1,236 @@
-import { jsx as e, Fragment as b, jsxs as C } from "react/jsx-runtime";
-import { Tr as A, Th as B, useMediaQuery as z, Portal as D } from "@chakra-ui/react";
+import { jsx as t, Fragment as I, jsxs as x } from "react/jsx-runtime";
+import { Tr as A, Th as k, useMediaQuery as H, Portal as P } from "@chakra-ui/react";
 import { flexRender as V } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { memo as H, useRef as L, useCallback as R, useLayoutEffect as P, useMemo as F } from "react";
-import { useTableContext as f } from "./table-context.js";
-import { TableHeaderDropdown as O } from "./table-header-dropdown.js";
-import { translations as v } from "./translations.js";
-import { Flex as I } from "../flex/flex.js";
-import { Box as S } from "../box/box.js";
-import { Divider as N } from "../divider/divider.js";
-import { Menu as j } from "../menu/menu.js";
-import { MenuButton as E } from "../menu/menu-button.js";
-import { Icons as y } from "../icon/types.js";
-import { MenuList as $ } from "../menu/menu-list.js";
-import { Checkbox as W } from "../checkbox/checkbox.js";
-import { MenuItem as Q } from "../menu/menu-item.js";
-import { IconButton as X } from "../icon-button/icon-button.js";
-import { Button as q } from "../button/button.js";
-import { ThemeColorVariable as g, ThemeSpaceVariable as p, ThemeFontSizeVariable as G, ThemeFontVariable as J } from "../../theme/theme-types.js";
-const K = ({
-  headerGroup: t,
+import { memo as L, useRef as N, useCallback as B, useLayoutEffect as O, forwardRef as F, useMemo as $ } from "react";
+import { closestCenter as j } from "../../node_modules/@dnd-kit/collision/dist/index.js";
+import { SortableKeyboardPlugin as E } from "../../node_modules/@dnd-kit/dom/sortable.js";
+import { useSortable as W } from "../../node_modules/@dnd-kit/react/sortable.js";
+import { useTableContext as C } from "./table-context.js";
+import { TableHeaderDropdown as K } from "./table-header-dropdown.js";
+import { translations as T } from "./translations.js";
+import { Flex as R } from "../flex/flex.js";
+import { Box as b } from "../box/box.js";
+import { Divider as Q } from "../divider/divider.js";
+import { Menu as X } from "../menu/menu.js";
+import { MenuButton as q } from "../menu/menu-button.js";
+import { Icons as M } from "../icon/types.js";
+import { MenuList as G } from "../menu/menu-list.js";
+import { Checkbox as J } from "../checkbox/checkbox.js";
+import { MenuItem as U } from "../menu/menu-item.js";
+import { IconButton as Y } from "../icon-button/icon-button.js";
+import { Button as Z } from "../button/button.js";
+import { ThemeColorVariable as u, ThemeSpaceVariable as S, ThemeFontSizeVariable as _, ThemeFontVariable as ee } from "../../theme/theme-types.js";
+const te = ({
+  headerGroup: n,
   hideTableHeaderDropdown: o,
   portalContainerRef: s
 }) => {
-  const i = f(), c = !!i.getRowActions, l = (i.selectedRowIds?.length ?? 0) > 0 && (i.selectionActions?.length ?? 0) > 0;
-  return /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(A, { children: l ? /* @__PURE__ */ e(
-    B,
+  const i = C(), a = !!i.getRowActions, c = (i.selectedRowIds?.length ?? 0) > 0 && (i.selectionActions?.length ?? 0) > 0;
+  return /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(A, { children: c ? /* @__PURE__ */ t(
+    k,
     {
-      colSpan: t.headers.length,
+      colSpan: n.headers.length,
       sx: {
         cursor: "default",
         "& div:hover": {
           backgroundColor: "transparent !important"
         },
         "div span": {
-          color: g.OnBackground
+          color: u.OnBackground
         }
       },
       zIndex: 1,
       style: {
-        borderBottom: `1px solid ${g.OnBackgroundBorder}`,
-        paddingLeft: c ? "24px" : void 0
+        borderBottom: `1px solid ${u.OnBackgroundBorder}`,
+        paddingLeft: a ? "24px" : void 0
       },
-      children: /* @__PURE__ */ e(M, { showSelectAll: !0, children: /* @__PURE__ */ e(Z, {}) })
+      children: /* @__PURE__ */ t(z, { showSelectAll: !0, children: /* @__PURE__ */ t(le, {}) })
     }
-  ) : /* @__PURE__ */ e(b, { children: t.headers.map((n) => /* @__PURE__ */ e(
-    U,
+  ) : /* @__PURE__ */ t(I, { children: n.headers.map((r, e) => /* @__PURE__ */ t(
+    ne,
     {
-      header: n,
+      header: r,
       hideTableHeaderDropdown: o,
-      applyActionMenuPadding: c,
+      applyActionMenuPadding: a,
       portalContainerRef: s,
-      isFirstColumn: n.column.getIndex() === 0
+      isFirstColumn: !r.isPlaceholder && e === 0,
+      enableColumnReorder: i.enableColumnReorder
     },
-    n.id
-  )) }) }, t.id) });
-}, U = ({
-  header: t,
+    r.id
+  )) }) }, n.id) });
+}, ne = ({
+  header: n,
   hideTableHeaderDropdown: o,
   applyActionMenuPadding: s,
   portalContainerRef: i,
-  isFirstColumn: c = !1
+  isFirstColumn: a = !1,
+  enableColumnReorder: c = !1
 }) => {
-  const l = L(null), n = f(), { column: r } = t, m = R((d) => {
-    const a = d.getIsPinned(), u = d.getSize();
+  const r = N(null), e = C(), { column: l } = n, g = B((d) => {
+    const h = d.getIsPinned(), p = d.getSize();
     return {
-      position: a ? "sticky" : "relative",
-      left: a ? `${d.getStart("left")}px` : void 0,
-      backgroundColor: a ? g.Background : void 0,
-      zIndex: a ? 1 : 0,
-      width: u,
-      maxWidth: u
+      position: h ? "sticky" : "relative",
+      left: h ? `${d.getStart("left")}px` : void 0,
+      backgroundColor: h ? u.Background : void 0,
+      zIndex: h ? 1 : 0,
+      width: p,
+      maxWidth: p
     };
   }, []);
-  return P(() => {
-    const d = l.current;
+  O(() => {
+    const d = r.current;
     if (!d) return;
-    const a = r.id, u = (h) => {
-      h > 0 && n.table.getState().columnSizing[a] !== h && n.table.setColumnSizing((w) => ({ ...w, [a]: h }));
-    }, k = new ResizeObserver((h) => {
-      const w = h[0];
+    const h = l.id, p = (f) => {
+      f > 0 && e.table.getState().columnSizing[h] !== f && e.table.setColumnSizing((w) => ({ ...w, [h]: f }));
+    }, v = new ResizeObserver((f) => {
+      const w = f[0];
       if (!w) return;
-      const T = w.borderBoxSize?.[0]?.inlineSize ?? d.getBoundingClientRect().width;
-      u(T);
+      const D = w.borderBoxSize?.[0]?.inlineSize ?? d.getBoundingClientRect().width;
+      p(D);
     });
-    return k.observe(d), u(d.getBoundingClientRect().width), () => k.disconnect();
-  }, []), /* @__PURE__ */ e(
-    B,
+    return v.observe(d), p(d.getBoundingClientRect().width), () => v.disconnect();
+  }, []);
+  const m = /* @__PURE__ */ t(z, { showSelectAll: e.canSelectRows && a, children: /* @__PURE__ */ t(I, { children: o ? /* @__PURE__ */ t(b, { paddingLeft: S.Small, children: V(n.column.columnDef.header, n.getContext()) }) : /* @__PURE__ */ t(
+    K,
+    {
+      header: n,
+      breakingContentState: e.breakingContentState,
+      columnVisibility: e.columnVisibility,
+      headerGroup: e.table.getHeaderGroups(),
+      localeString: e.localeString,
+      setBreakingContentState: e.setBreakingContentState,
+      setSorting: e.setSorting,
+      sorting: e.sorting,
+      onBreakingContentChange: e.onBreakingContentChange,
+      portalContainerRef: i
+    }
+  ) }) });
+  return c ? /* @__PURE__ */ t(
+    oe,
+    {
+      ref: r,
+      columnId: l.id,
+      columnIndex: l.getIndex(),
+      disableColumnReorder: l.columnDef.meta?.disableColumnReorder,
+      isNumeric: l.columnDef.meta?.isNumeric,
+      zIndex: l.getIsPinned() ? 2 : 1,
+      style: {
+        ...g(l),
+        borderBottom: `1px solid ${u.OnBackgroundBorder}`,
+        paddingLeft: a && s ? "24px" : void 0
+      },
+      children: m
+    }
+  ) : /* @__PURE__ */ t(
+    k,
     {
-      ref: l,
+      ref: r,
       className: "tableHeaderCell",
-      isNumeric: r.columnDef.meta?.isNumeric,
-      zIndex: r.getIsPinned() ? 2 : 1,
+      isNumeric: l.columnDef.meta?.isNumeric,
+      zIndex: l.getIsPinned() ? 2 : 1,
       style: {
-        ...m(r),
-        borderBottom: `1px solid ${g.OnBackgroundBorder}`,
-        paddingLeft: c && s ? "24px" : void 0
+        ...g(l),
+        borderBottom: `1px solid ${u.OnBackgroundBorder}`,
+        paddingLeft: a && s ? "24px" : void 0
       },
-      children: /* @__PURE__ */ e(M, { showSelectAll: n.canSelectRows && c, children: /* @__PURE__ */ e(b, { children: o ? /* @__PURE__ */ e(S, { paddingLeft: p.Small, children: V(t.column.columnDef.header, t.getContext()) }) : /* @__PURE__ */ e(
-        O,
-        {
-          header: t,
-          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,
-          portalContainerRef: i
-        }
-      ) }) })
+      children: m
+    }
+  );
+}, oe = F(({ columnId: n, columnIndex: o, isNumeric: s, disableColumnReorder: i, zIndex: a, style: c, children: r }, e) => {
+  const { ref: l, isDragging: g, isDropTarget: m } = W({
+    id: n,
+    index: o,
+    disabled: i,
+    collisionDetector: j,
+    plugins: [E]
+  });
+  return /* @__PURE__ */ t(
+    k,
+    {
+      ref: (d) => {
+        l(d), typeof e == "function" ? e(d) : e && (e.current = d);
+      },
+      className: "tableHeaderCell",
+      isNumeric: s,
+      zIndex: a,
+      style: {
+        ...c,
+        cursor: g ? "grabbing" : "pointer",
+        opacity: g ? 0.5 : 1,
+        backgroundColor: m ? u.Background : void 0
+      },
+      children: r
     }
   );
-}, M = ({ showSelectAll: t, children: o }) => t ? /* @__PURE__ */ C(I, { w: "100%", align: "center", children: [
-  /* @__PURE__ */ e(S, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(Y, {}) }),
+}), z = ({ showSelectAll: n, children: o }) => n ? /* @__PURE__ */ x(R, { w: "100%", align: "center", children: [
+  /* @__PURE__ */ t(b, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ t(re, {}) }),
   o
-] }) : /* @__PURE__ */ e(b, { children: o }), Y = () => {
-  const t = f(), o = R(
-    (c) => {
-      const l = c.target.checked, n = t.getSelectableRowIds();
-      l ? t.setSelectedRowIds((r) => [.../* @__PURE__ */ new Set([...r, ...n])]) : t.setSelectedRowIds((r) => r.filter((m) => !n.includes(m)));
+] }) : /* @__PURE__ */ t(I, { children: o }), re = () => {
+  const n = C(), o = B(
+    (a) => {
+      const c = a.target.checked, r = n.getSelectableRowIds();
+      c ? n.setSelectedRowIds((e) => [.../* @__PURE__ */ new Set([...e, ...r])]) : n.setSelectedRowIds((e) => e.filter((l) => !r.includes(l)));
     },
-    [t]
-  ), { allIsSelected: s, shouldShowIndeterminateState: i } = F(() => {
-    const l = t.table.getRowModel().flatRows, n = new Set(t.selectedRowIds), r = t.getSelectableRowIds(), m = r.length > 0 && r.every((a) => n.has(a)), d = l.some((a) => n.has(a.id));
+    [n]
+  ), { allIsSelected: s, shouldShowIndeterminateState: i } = $(() => {
+    const c = n.table.getRowModel().flatRows, r = new Set(n.selectedRowIds), e = n.getSelectableRowIds(), l = e.length > 0 && e.every((m) => r.has(m)), g = c.some((m) => r.has(m.id));
     return {
-      allIsSelected: m,
-      shouldShowIndeterminateState: d && !m
+      allIsSelected: l,
+      shouldShowIndeterminateState: g && !l
     };
-  }, [t]);
-  return /* @__PURE__ */ e(
-    W,
+  }, [n]);
+  return /* @__PURE__ */ t(
+    J,
     {
       isChecked: s,
       isIndeterminate: i,
       onChange: o
     }
   );
-}, Z = () => {
-  const { localeString: t, selectedRowIds: o = [], selectionActions: s = [] } = f(), i = v[t], [c] = z("(min-width: 48em)"), l = s.length > 3 || !c, n = o.length === 1 ? i.selectedSingular.replace("{count}", "1") : i.selected.replace("{count}", o.length.toString());
-  return /* @__PURE__ */ C(
-    I,
+}, le = () => {
+  const { localeString: n, selectedRowIds: o = [], selectionActions: s = [] } = C(), i = T[n], [a] = H("(min-width: 48em)"), c = s.length > 3 || !a, r = o.length === 1 ? i.selectedSingular.replace("{count}", "1") : i.selected.replace("{count}", o.length.toString());
+  return /* @__PURE__ */ x(
+    R,
     {
-      gap: p.Medium,
+      gap: S.Medium,
       align: "center",
       alignContent: "center",
-      marginBottom: p.XSmall,
+      marginBottom: S.XSmall,
       children: [
-        /* @__PURE__ */ e(
-          S,
+        /* @__PURE__ */ t(
+          b,
           {
-            pl: p.Small,
-            color: g.OnBackground,
-            fontFamily: J.Body,
-            fontSize: G.Medium,
+            pl: S.Small,
+            color: u.OnBackground,
+            fontFamily: ee.Body,
+            fontSize: _.Medium,
             whiteSpace: "nowrap",
             style: { fontVariantNumeric: "normal" },
-            children: n
+            children: r
           }
         ),
-        /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(N, { orientation: "vertical", height: "20px" }) }),
-        /* @__PURE__ */ e(I, { gap: p.Small, align: "center", children: l ? /* @__PURE__ */ C(j, { children: [
-          /* @__PURE__ */ e(E, { variant: "ghost", rightIcon: y.TreeViewCollapse, children: i.action }),
-          /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e($, { children: s.map((r) => /* @__PURE__ */ e(x, { isMenuItem: !0, action: r }, r.name)) }) })
-        ] }) : s.map((r) => /* @__PURE__ */ e(x, { isMenuItem: !1, action: r }, r.name)) })
+        /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(Q, { orientation: "vertical", height: "20px" }) }),
+        /* @__PURE__ */ t(R, { gap: S.Small, align: "center", children: c ? /* @__PURE__ */ x(X, { children: [
+          /* @__PURE__ */ t(q, { variant: "ghost", rightIcon: M.TreeViewCollapse, children: i.action }),
+          /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(G, { children: s.map((e) => /* @__PURE__ */ t(y, { isMenuItem: !0, action: e }, e.name)) }) })
+        ] }) : s.map((e) => /* @__PURE__ */ t(y, { isMenuItem: !1, action: e }, e.name)) })
       ]
     }
   );
-}, x = ({ isMenuItem: t, action: o }) => {
-  const { selectedRowIds: s, localeString: i } = f(), c = v[i], l = R(() => {
+}, y = ({ isMenuItem: n, action: o }) => {
+  const { selectedRowIds: s, localeString: i } = C(), a = T[i], c = B(() => {
     o.onClick(s || []);
   }, [o, s]);
-  return t ? /* @__PURE__ */ e(Q, { onClick: l, children: o.variant === "delete" ? /* @__PURE__ */ e(S, { as: "span", color: g.Error, children: o.name }) : o.name }) : o.variant === "delete" ? /* @__PURE__ */ e(
-    X,
+  return n ? /* @__PURE__ */ t(U, { onClick: c, children: o.variant === "delete" ? /* @__PURE__ */ t(b, { as: "span", color: u.Error, children: o.name }) : o.name }) : o.variant === "delete" ? /* @__PURE__ */ t(
+    Y,
     {
-      onClick: l,
-      icon: y.Delete,
-      "aria-label": c.deleteSelectedRows,
+      onClick: c,
+      icon: M.Delete,
+      "aria-label": a.deleteSelectedRows,
       variant: "ghost"
     }
-  ) : /* @__PURE__ */ e(q, { onClick: l, variant: "ghost", children: o.name });
-}, we = H(K);
+  ) : /* @__PURE__ */ t(Z, { onClick: c, variant: "ghost", children: o.name });
+}, Te = L(te);
 export {
-  we as TableHeaderRow
+  Te as TableHeaderRow
 };