@astryxdesign/core 0.1.4 → 0.1.5-canary.76e6697

package/dist/Table/plugins/groupedRows/useTableGroupedRows.js

@@ -0,0 +1,250 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+'use client';
+
+/**
+ * @file useTableGroupedRows.tsx
+ * @input React, StyleX, Icon, Table types + the flat data array
+ * @output Exports useTableGroupedRows hook + config/result types
+ * @position Grouped-rows plugin; consumed by Table via plugins prop
+ *
+ * SYNC: When modified, update these files to stay in sync:
+ * - /packages/core/src/Table/index.ts (exports)
+ */
+import { useCallback, useMemo } from 'react';
+import * as stylex from '@stylexjs/stylex';
+import "../../../theme/tokens.stylex.js";
+import { spacingVars, colorVars, fontWeightVars } from "../../../theme/tokens.stylex.js";
+import { Icon } from "../../../Icon/index.js";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+// A synthetic group-header row injected into the flattened data. Real rows
+// never carry this marker.
+const GROUP_HEADER = Symbol('tableGroupHeader');
+function isGroupHeader(item) {
+  return typeof item === 'object' && item !== null && item[GROUP_HEADER] === true;
+}
+
+// Proxy handler: any field access beyond the marker fields resolves to `''`
+// so user cell renderers (`item.name.toUpperCase()`) never throw on a header.
+const HEADER_PROXY_HANDLER = {
+  // eslint-disable-next-line @typescript-eslint/promise-function-async -- Proxy get trap, not a promise-returning fn
+  get(t, prop) {
+    if (prop === GROUP_HEADER || prop === 'groupKey' || prop === 'count') {
+      return t[prop];
+    }
+    return prop in t ? t[prop] : '';
+  }
+};
+
+/**
+ * Build a synthetic header row wrapped in a Proxy so arbitrary field access
+ * from user cell renderers (e.g. `item.name.toUpperCase()`) resolves to `''`
+ * instead of throwing — BaseTable evaluates `col.renderCell(item)` on every
+ * row (including synthetic headers) before `transformBodyRow` can replace the
+ * row's cells. `transformBodyRow` then discards those cells and renders a
+ * single full-width header cell.
+ */
+function makeHeader(groupKey, count) {
+  const target = {
+    [GROUP_HEADER]: true,
+    groupKey,
+    count
+  };
+  return new Proxy(target, HEADER_PROXY_HANDLER);
+}
+
+/** Configuration for {@link useTableGroupedRows}. */
+
+const styles = {
+  headerRow: {
+    kkrTdU: "x1ypdohk",
+    kfSwDN: "x87ps6o",
+    kWkggS: "xwmxj5m",
+    kt9PQ7: "xso031l",
+    kfdmCh: "x1q0q8m5",
+    kL6WhQ: "xw8gpjh",
+    $$css: true
+  }
+};
+
+/**
+ * Groups a flat data array into collapsible section rows. Each distinct
+ * `groupBy` value becomes a full-width section-header row with a chevron
+ * toggle, the group label, and a member count; collapsing hides that group's
+ * data rows while keeping the header visible.
+ *
+ * Mirrors {@link useTableRowExpansionState}: the consumer owns the
+ * `collapsedGroups` set and this hook returns `{data, plugin, idKey}` —
+ * pass all three to `<Table>`.
+ *
+ * @example
+ * ```tsx
+ * const [collapsed, setCollapsed] = useState<Set<string>>(new Set());
+ * const grouped = useTableGroupedRows({
+ *   data: rows,
+ *   groupBy: r => r.team,
+ *   collapsedGroups: collapsed,
+ *   onToggleGroup: key =>
+ *     setCollapsed(prev => {
+ *       const next = new Set(prev);
+ *       next.has(key) ? next.delete(key) : next.add(key);
+ *       return next;
+ *     }),
+ *   getRowKey: r => r.id,
+ * });
+ * <Table
+ *   data={grouped.data}
+ *   columns={columns}
+ *   idKey={grouped.idKey}
+ *   plugins={{grouped: grouped.plugin}}
+ * />;
+ * ```
+ */
+export function useTableGroupedRows(config) {
+  const {
+    data,
+    groupBy,
+    collapsedGroups,
+    onToggleGroup,
+    renderGroupHeader,
+    getRowKey: getRowKeyProp,
+    groupOrder
+  } = config;
+  const flattened = useMemo(() => {
+    if (data.length === 0) {
+      return [];
+    }
+
+    // Group preserving first-seen order.
+    const groups = new Map();
+    for (const item of data) {
+      const key = groupBy(item);
+      const bucket = groups.get(key);
+      if (bucket) {
+        bucket.push(item);
+      } else {
+        groups.set(key, [item]);
+      }
+    }
+
+    // Determine iteration order.
+    let keys = [...groups.keys()];
+    if (groupOrder && groupOrder.length > 0) {
+      const ordered = groupOrder.filter(k => groups.has(k));
+      const rest = keys.filter(k => !groupOrder.includes(k));
+      keys = [...ordered, ...rest];
+    }
+    const out = [];
+    for (const key of keys) {
+      const rows = groups.get(key) ?? [];
+      out.push(makeHeader(key, rows.length));
+      if (!collapsedGroups.has(key)) {
+        out.push(...rows);
+      }
+    }
+    return out;
+  }, [data, groupBy, collapsedGroups, groupOrder]);
+
+  // Positional fallback index, built once per flattened array so key lookup
+  // stays O(1) instead of O(n) per row (which would make table keying O(n²)).
+  const positionByItem = useMemo(() => {
+    if (getRowKeyProp) {
+      return null;
+    }
+    const map = new Map();
+    for (let i = 0; i < flattened.length; i++) {
+      map.set(flattened[i], i);
+    }
+    return map;
+  }, [flattened, getRowKeyProp]);
+  const idKey = useCallback(item => {
+    if (isGroupHeader(item)) {
+      return `__group_${item.groupKey}`;
+    }
+    if (getRowKeyProp) {
+      return getRowKeyProp(item);
+    }
+    return String(positionByItem?.get(item) ?? -1);
+  }, [getRowKeyProp, positionByItem]);
+  const plugin = useMemo(() => ({
+    // Replace a header row's pre-rendered cells with one full-width cell.
+    transformBodyRow(props, item) {
+      if (!isGroupHeader(item)) {
+        return props;
+      }
+      const header = item;
+      const collapsed = collapsedGroups.has(header.groupKey);
+      const toggle = () => onToggleGroup(header.groupKey);
+      const content = renderGroupHeader ? renderGroupHeader(header.groupKey, header.count, collapsed) : /*#__PURE__*/_jsxDEV("span", {
+        ...{
+          className: "x2mo6ok x1tgivj0"
+        },
+        children: [header.groupKey, ' ', /*#__PURE__*/_jsxDEV("span", {
+          ...{
+            className: "x1sodnla xv1l7n4"
+          },
+          children: ["(", header.count, ")"]
+        }, void 0, true)]
+      }, void 0, true);
+      return {
+        ...props,
+        htmlProps: {
+          ...props.htmlProps,
+          // Convenience: clicking anywhere on the row toggles it. The chevron
+          // button below is the accessible, keyboard-operable control, so the
+          // row keeps its implicit `row` role (no role override here).
+          onClick: toggle,
+          'aria-expanded': !collapsed
+        },
+        styles: [...props.styles, styles.headerRow],
+        children:
+        /*#__PURE__*/
+        // colSpan larger than the column count is clamped by the browser
+        // to the actual number of columns, so the header always spans the
+        // full width without the plugin knowing the column count.
+        _jsxDEV("td", {
+          colSpan: 999,
+          ...{
+            className: "xce4md1 x1vsv5vr x1t818jl"
+          },
+          children: /*#__PURE__*/_jsxDEV("span", {
+            ...{
+              className: "x78zum5 x6s0dn4 xzye2dw"
+            },
+            children: [/*#__PURE__*/_jsxDEV("button", {
+              type: "button",
+              ...{
+                className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x1717udv x1ghz6dp x1ypdohk xv9yike x1cqbx0l"
+              },
+              onClick: e => {
+                e.stopPropagation();
+                toggle();
+              },
+              "aria-label": collapsed ? `Expand group ${header.groupKey}` : `Collapse group ${header.groupKey}`,
+              "aria-expanded": !collapsed,
+              children: /*#__PURE__*/_jsxDEV("span", {
+                ...{
+                  0: {
+                    className: "x3nfvp2 x11xpdln xx6bhzk"
+                  },
+                  1: {
+                    className: "x3nfvp2 x11xpdln xx6bhzk x1iffjtl"
+                  }
+                }[!!!collapsed << 0],
+                children: /*#__PURE__*/_jsxDEV(Icon, {
+                  icon: "chevronRight",
+                  size: "xsm"
+                }, void 0, false)
+              }, void 0, false)
+            }, void 0, false), content]
+          }, void 0, true)
+        }, void 0, false)
+      };
+    }
+  }), [collapsedGroups, onToggleGroup, renderGroupHeader]);
+  return {
+    plugin,
+    data: flattened,
+    idKey
+  };
+}

package/dist/Table/plugins/pagination/paginateData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paginateData.d.ts","sourceRoot":"","sources":["../../../../src/Table/plugins/pagination/paginateData.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAC5B,IAAI,EAAE,CAAC,EAAE,EACT,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GACf,CAAC,EAAE,CASL"}
+{"version":3,"file":"paginateData.d.ts","sourceRoot":"","sources":["../../../../src/Table/plugins/pagination/paginateData.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAC5B,IAAI,EAAE,CAAC,EAAE,EACT,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GACf,CAAC,EAAE,CAaL"}

package/dist/Table/plugins/pagination/paginateData.js

@@ -32,6 +32,10 @@ export function paginateData(data, page, pageSize) {
   // pageSize would slice every page empty while the pagination chrome still
   // renders page buttons.
   const size = Number.isFinite(pageSize) ? Math.max(1, Math.floor(pageSize)) : 10;
-  const start = (page - 1) * size;
+  // page needs the same coercion: a negative start index makes Array.slice
+  // count from the END of the data (page -1 returns the tail dressed up as a
+  // page), and a fractional page returns a slice straddling two pages.
+  const p = Number.isFinite(page) ? Math.max(1, Math.floor(page)) : 1;
+  const start = (p - 1) * size;
   return data.slice(start, start + size);
 }

package/dist/Table/plugins/pagination/useTablePagination.js

@@ -20,7 +20,7 @@ import * as stylex from '@stylexjs/stylex';
 import "../../../theme/tokens.stylex.js";
 import { spacingVars } from "../../../theme/tokens.stylex.js";
 import { Pagination } from "../../../Pagination/index.js";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -166,15 +166,15 @@ export function useTablePagination(config) {
       if (isSinglePage) {
         return children;
       }
-      const makeWrapper = side => /*#__PURE__*/_jsx("div", {
+      const makeWrapper = side => /*#__PURE__*/_jsxDEV("div", {
         ...stylex.props(styles.wrapper, side === 'below' && styles.marginTop, side === 'above' && styles.marginBottom, a === 'center' && styles.alignCenter, a === 'end' && styles.alignEnd, a === 'start' && styles.alignStart),
-        children: /*#__PURE__*/_jsx(Pagination, {
+        children: /*#__PURE__*/_jsxDEV(Pagination, {
           ...props
-        })
-      });
-      return /*#__PURE__*/_jsxs(_Fragment, {
+        }, void 0, false)
+      }, void 0, false);
+      return /*#__PURE__*/_jsxDEV(_Fragment, {
         children: [(pos === 'above' || pos === 'both') && makeWrapper('above'), children, (pos === 'below' || pos === 'both') && makeWrapper('below')]
-      });
+      }, void 0, true);
     }
   }), []);
 }

package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts

@@ -72,7 +72,7 @@ export interface UseTableRowExpansionStateResult<T extends Record<string, unknow
  * computing the expand-all state.
  *
  * @example
- * ```tsx
+ * ```
  * const [expandedKeys, setExpandedKeys] = useState<Set<string>>(new Set());
  * const {data, expansionConfig} = useTableRowExpansionState({
  *   baseData: tree,

package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js

@@ -39,7 +39,7 @@ import { resolveContextActions } from "../../tableContextMenu.js";
  * plugin needs — the flattened `data`, per-row depth, expand/collapse
  * handlers, and the expand-all toggle state.
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 /**
  * Manages row-expansion state and derives the config for
  * {@link useTableRowExpansion}. This is the recommended entry point — it
@@ -47,7 +47,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * computing the expand-all state.
  *
  * @example
- * ```tsx
+ * ```
  * const [expandedKeys, setExpandedKeys] = useState<Set<string>>(new Set());
  * const {data, expansionConfig} = useTableRowExpansionState({
  *   baseData: tree,
@@ -196,7 +196,7 @@ function ExpansionChevron({
   onToggle,
   ariaLabel
 }) {
-  return /*#__PURE__*/_jsx("button", {
+  return /*#__PURE__*/_jsxDEV("button", {
     type: "button",
     ...{
       className: "x3nfvp2 x6s0dn4 xl56j7k xvy4d1p xxk0z11 xx3sua9 x1ypdohk xv9yike xefglzl xx6bhzk x1717udv x2lah0s x1ilzqfv x1cqbx0l"
@@ -207,7 +207,7 @@ function ExpansionChevron({
     },
     "aria-label": ariaLabel,
     "aria-expanded": isExpanded,
-    children: /*#__PURE__*/_jsx("span", {
+    children: /*#__PURE__*/_jsxDEV("span", {
       ...{
         0: {
           className: "x3nfvp2 x11xpdln xx6bhzk"
@@ -216,12 +216,12 @@ function ExpansionChevron({
           className: "x3nfvp2 x11xpdln xx6bhzk x1iffjtl"
         }
       }[!!isExpanded << 0],
-      children: /*#__PURE__*/_jsx(Icon, {
+      children: /*#__PURE__*/_jsxDEV(Icon, {
         icon: "chevronRight",
         size: "xsm"
-      })
-    })
-  });
+      }, void 0, false)
+    }, void 0, false)
+  }, void 0, false);
 }
 
 // =============================================================================
@@ -261,11 +261,11 @@ export function useTableRowExpansion(config) {
         return null;
       }
       const isExpanded = expandedKeys.has(key);
-      return /*#__PURE__*/_jsx(ExpansionChevron, {
+      return /*#__PURE__*/_jsxDEV(ExpansionChevron, {
         isExpanded: isExpanded,
         onToggle: () => onToggle(key),
         ariaLabel: isExpanded ? 'Collapse row' : 'Expand row'
-      });
+      }, void 0, false);
     }
   }), [expandedKeys, onToggle, getRowKey, getChildren, getIsItemExpandable, getDepth]);
   return useMemo(() => ({
@@ -295,19 +295,19 @@ export function useTableRowExpansion(config) {
             const key = getRowKey(item);
             const isExpanded = expandedKeys.has(key);
             const expandable = getIsItemExpandable ? getIsItemExpandable(item) : getChildren(item).length > 0;
-            const chevron = expandable ? /*#__PURE__*/_jsx(ExpansionChevron, {
+            const chevron = expandable ? /*#__PURE__*/_jsxDEV(ExpansionChevron, {
               isExpanded: isExpanded,
               onToggle: () => onToggle(key),
               ariaLabel: isExpanded ? 'Collapse row' : 'Expand row'
-            }) : /*#__PURE__*/_jsx("span", {
+            }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
               ...{
                 className: "x1rg5ohu xvy4d1p xxk0z11 x2lah0s"
               }
-            });
-            return /*#__PURE__*/_jsxs("div", {
+            }, void 0, false);
+            return /*#__PURE__*/_jsxDEV("div", {
               ...stylex.props(expansionStyles.indentedCell, indent > 0 && expansionStyles.indent(indent)),
               children: [chevron, originalContent]
-            });
+            }, void 0, true);
           }
         };
       });
@@ -323,14 +323,14 @@ export function useTableRowExpansion(config) {
         const allExpanded = isAllExpanded === true;
         return {
           ...props,
-          content: /*#__PURE__*/_jsx("button", {
+          content: /*#__PURE__*/_jsxDEV("button", {
             type: "button",
             ...{
               className: "x3nfvp2 x6s0dn4 xl56j7k xvy4d1p xxk0z11 xx3sua9 x1ypdohk xv9yike xefglzl xx6bhzk x1717udv x2lah0s x1ilzqfv x1cqbx0l"
             },
             onClick: () => onToggleExpandAll(!allExpanded),
             "aria-label": allExpanded ? 'Collapse all rows' : 'Expand all rows',
-            children: /*#__PURE__*/_jsx("span", {
+            children: /*#__PURE__*/_jsxDEV("span", {
               ...{
                 0: {
                   className: "x3nfvp2 x11xpdln xx6bhzk"
@@ -339,12 +339,12 @@ export function useTableRowExpansion(config) {
                   className: "x3nfvp2 x11xpdln xx6bhzk x1iffjtl"
                 }
               }[!!allExpanded << 0],
-              children: /*#__PURE__*/_jsx(Icon, {
+              children: /*#__PURE__*/_jsxDEV(Icon, {
                 icon: "chevronRight",
                 size: "xsm"
-              })
-            })
-          })
+              }, void 0, false)
+            }, void 0, false)
+          }, void 0, false)
         };
       }
       return {
@@ -367,11 +367,11 @@ export function useTableRowExpansion(config) {
           id: 'row-expansion-toggle',
           group: 'row-expansion',
           label: isExpanded ? 'Collapse row' : 'Expand row',
-          icon: /*#__PURE__*/_jsx(Icon, {
+          icon: /*#__PURE__*/_jsxDEV(Icon, {
             icon: isExpanded ? 'chevronDown' : 'chevronRight',
             size: "xsm",
             "aria-hidden": true
-          }),
+          }, void 0, false),
           onSelect: () => onToggle(key)
         }]
       };

package/dist/Table/plugins/selection/useTableSelection.js

@@ -50,7 +50,7 @@ import { pixel } from "../../columnUtils.js";
  * changes independently. Row styling is handled by per-row ref callbacks
  * that subscribe to this store — the store itself holds no DOM references.
  */
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 function createSelectionStore(configRef) {
   const listeners = new Set();
   return {
@@ -108,9 +108,9 @@ function SelectAllCheckbox() {
   if (!store) {
     return null;
   }
-  return /*#__PURE__*/_jsx(SelectAllCheckboxInner, {
+  return /*#__PURE__*/_jsxDEV(SelectAllCheckboxInner, {
     store: store
-  });
+  }, void 0, false);
 }
 
 /**
@@ -142,7 +142,7 @@ function SelectAllCheckboxInner({
   const state = useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
   const allSelected = state === SELECT_ALL;
   const indeterminate = state === SELECT_INDETERMINATE;
-  return /*#__PURE__*/_jsx(CheckboxInput, {
+  return /*#__PURE__*/_jsxDEV(CheckboxInput, {
     label: "Select all rows",
     isLabelHidden: true,
     value: allSelected ? true : indeterminate ? 'indeterminate' : false,
@@ -150,7 +150,7 @@ function SelectAllCheckboxInner({
       isAllSelected: !allSelected
     }),
     size: "sm"
-  });
+  }, void 0, false);
 }
 
 /**
@@ -164,10 +164,10 @@ function SelectionCellContent({
   if (!store) {
     return null;
   }
-  return /*#__PURE__*/_jsx(SelectionCellContentInner, {
+  return /*#__PURE__*/_jsxDEV(SelectionCellContentInner, {
     store: store,
     item: item
-  });
+  }, void 0, false);
 }
 function SelectionCellContentInner({
   store,
@@ -180,7 +180,7 @@ function SelectionCellContentInner({
   if (!selectable) {
     return null;
   }
-  return /*#__PURE__*/_jsx(CheckboxInput, {
+  return /*#__PURE__*/_jsxDEV(CheckboxInput, {
     label: "Select row",
     isLabelHidden: true,
     value: isSelected,
@@ -190,7 +190,7 @@ function SelectionCellContentInner({
     }),
     isDisabled: !enabled,
     size: "sm"
-  });
+  }, void 0, false);
 }
 
 // =============================================================================
@@ -228,29 +228,29 @@ export function useTableSelection(config) {
   // component so each row's checkbox re-renders independently.
   const selectionColumn = useMemo(() => ({
     key: SELECTION_COLUMN_KEY,
-    header: /*#__PURE__*/_jsx("div", {
+    header: /*#__PURE__*/_jsxDEV("div", {
       ...{
         className: "x78zum5 x6s0dn4 xl56j7k"
       },
-      children: /*#__PURE__*/_jsx(SelectAllCheckbox, {})
-    }),
+      children: /*#__PURE__*/_jsxDEV(SelectAllCheckbox, {}, void 0, false)
+    }, void 0, false),
     width: SELECTION_COLUMN_WIDTH,
     resizable: false,
-    renderCell: item => /*#__PURE__*/_jsx("div", {
+    renderCell: item => /*#__PURE__*/_jsxDEV("div", {
       ...{
         className: "x78zum5 x6s0dn4 xl56j7k"
       },
-      children: /*#__PURE__*/_jsx(SelectionCellContent, {
+      children: /*#__PURE__*/_jsxDEV(SelectionCellContent, {
         item: item
-      })
-    })
+      }, void 0, false)
+    }, void 0, false)
   }), []);
   return useMemo(() => ({
     transformTableContext(children) {
-      return /*#__PURE__*/_jsx(SelectionStoreContext, {
+      return /*#__PURE__*/_jsxDEV(SelectionStoreContext, {
         value: store,
         children: children
-      });
+      }, void 0, false);
     },
     transformColumns(columns) {
       return [selectionColumn, ...columns];

package/dist/Table/plugins/selection/useTableSelectionState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableSelectionState.d.ts","sourceRoot":"","sources":["../../../../src/Table/plugins/selection/useTableSelectionState.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,qBAAqB,CAAC;AAMjE,MAAM,WAAW,4BAA4B,CAC3C,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAEjC;;;;OAIG;IACH,IAAI,EAAE,CAAC,EAAE,CAAC;IACV;;;OAGG;IACH,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;IAClD;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAC3C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACxC;;;OAGG;IACH,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;CACpE;AAED,MAAM,WAAW,4BAA4B,CAC3C,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAEjC,iDAAiD;IACjD,eAAe,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAC;CAC7C;AAQD,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtE,MAAM,EAAE,4BAA4B,CAAC,CAAC,CAAC,GACtC,4BAA4B,CAAC,CAAC,CAAC,CA4HjC"}
+{"version":3,"file":"useTableSelectionState.d.ts","sourceRoot":"","sources":["../../../../src/Table/plugins/selection/useTableSelectionState.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,qBAAqB,CAAC;AAMjE,MAAM,WAAW,4BAA4B,CAC3C,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAEjC;;;;OAIG;IACH,IAAI,EAAE,CAAC,EAAE,CAAC;IACV;;;OAGG;IACH,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;IAClD;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAC3C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACxC;;;OAGG;IACH,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;CACpE;AAED,MAAM,WAAW,4BAA4B,CAC3C,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAEjC,iDAAiD;IACjD,eAAe,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAC;CAC7C;AAQD,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtE,MAAM,EAAE,4BAA4B,CAAC,CAAC,CAAC,GACtC,4BAA4B,CAAC,CAAC,CAAC,CAiIjC"}

package/dist/Table/plugins/selection/useTableSelectionState.js

@@ -60,7 +60,17 @@ export function useTableSelectionState(config) {
   // All IDs that *would* be selected if select-all is checked
   // (all actionable items + any frozen selected items)
   const allSelectableIDs = useMemo(() => new Set([...selectedKeys, ...selectableIDs]), [selectedKeys, selectableIDs]);
-  const getAllSelected = useCallback(() => allSelectableIDs.size === selectedKeys.size && allSelectableIDs.size !== 0, [allSelectableIDs, selectedKeys]);
+  const getAllSelected = useCallback(() => {
+    // Require at least one actionable row: with zero visible selectable
+    // rows (e.g. a filter with no matches while a selection exists), the
+    // union-based size comparison would read any non-empty selection as
+    // "all selected" — a checked header checkbox over an empty table that
+    // deselect-all can't clear, since the invisible keys count as frozen.
+    if (selectableIDs.size === 0) {
+      return false;
+    }
+    return allSelectableIDs.size === selectedKeys.size;
+  }, [allSelectableIDs, selectableIDs, selectedKeys]);
 
   // Use refs to keep onSelectAll stable
   const frozenSelectedIDsRef = useRef(frozenSelectedIDs);