@planningcenter/tapestry 4.5.0 → 4.5.1-qa-1263.1

package/dist/components/DataTable/ActiveFilters.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { ActiveFilter } from "./FilterTypes";
+export declare function ActiveFilters({ activeFilters, }: {
+    activeFilters: ActiveFilter[];
+}): React.JSX.Element;
+declare function ActiveFilter({ activeFilter }: {
+    activeFilter: ActiveFilter;
+}): React.JSX.Element;
+export {};
+//# sourceMappingURL=ActiveFilters.d.ts.map

package/dist/components/DataTable/ActiveFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveFilters.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/ActiveFilters.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,wBAAgB,aAAa,CAAC,EAC5B,aAAa,GACd,EAAE;IACD,aAAa,EAAE,YAAY,EAAE,CAAA;CAC9B,qBAUA;AAED,iBAAS,YAAY,CAAC,EAAE,YAAY,EAAE,EAAE;IAAE,YAAY,EAAE,YAAY,CAAA;CAAE,qBAwBrE"}

package/dist/components/DataTable/ActiveFilters.js

@@ -0,0 +1,32 @@
+import '../button/ActionsDropdownIconButton.js';
+import { Button } from '../button/Button.js';
+import '../button/DropdownButton.js';
+import '../button/DropdownIconButton.js';
+import '../button/IconButton.js';
+import '../button/LoadingButton.js';
+import '../button/PageHeaderActionsDropdownButton.js';
+import { Flex } from '../flex/Flex.js';
+import { Popover, PopoverTrigger, PopoverContent } from '../popover/Popover.js';
+import React__default from 'react';
+import { useRelatedFilterOperator } from './FilterContext.js';
+
+function ActiveFilters({ activeFilters, }) {
+    return (React__default.createElement("div", { className: "tds-data-table-active-filters" },
+        React__default.createElement(Flex, { gap: 1, inline: true }, activeFilters.map((filter, index) => (React__default.createElement(ActiveFilter, { key: index, activeFilter: filter }))))));
+}
+function ActiveFilter({ activeFilter }) {
+    const { relatedFilter, operator } = useRelatedFilterOperator(activeFilter) || {};
+    if (!relatedFilter || !operator)
+        return (React__default.createElement(Button, { label: "Unrecognized Filter: TODO: THIS NEEDS STYLING.  Should probably have a remove button to clear it." }));
+    const value = activeFilter.value;
+    const segments = operator.label
+        ? [relatedFilter.label, operator.label, value]
+        : [relatedFilter.label, value];
+    return (React__default.createElement(Popover, null,
+        React__default.createElement(PopoverTrigger, null,
+            React__default.createElement(Button, { label: segments.join(" | ") })),
+        React__default.createElement(PopoverContent, { modal: false }, "Here is where you would edit the chip")));
+}
+
+export { ActiveFilters };
+//# sourceMappingURL=ActiveFilters.js.map

package/dist/components/DataTable/ActiveFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveFilters.js","sources":["../../../src/components/DataTable/ActiveFilters.tsx"],"sourcesContent":["import { Button } from \"@components/button\"\nimport { Flex } from \"@components/flex\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@components/popover/Popover\"\nimport React from \"react\"\n\nimport { useRelatedFilterOperator } from \"./FilterContext\"\nimport type { ActiveFilter } from \"./FilterTypes\"\n\nexport function ActiveFilters({\n  activeFilters,\n}: {\n  activeFilters: ActiveFilter[]\n}) {\n  return (\n    <div className=\"tds-data-table-active-filters\">\n      <Flex gap={1} inline>\n        {activeFilters.map((filter, index) => (\n          <ActiveFilter key={index} activeFilter={filter} />\n        ))}\n      </Flex>\n    </div>\n  )\n}\n\nfunction ActiveFilter({ activeFilter }: { activeFilter: ActiveFilter }) {\n  const { relatedFilter, operator } =\n    useRelatedFilterOperator(activeFilter) || {}\n\n  if (!relatedFilter || !operator)\n    return (\n      <Button label=\"Unrecognized Filter: TODO: THIS NEEDS STYLING.  Should probably have a remove button to clear it.\" />\n    )\n\n  const value = activeFilter.value as string\n  const segments = operator.label\n    ? [relatedFilter.label, operator.label, value]\n    : [relatedFilter.label, value]\n\n  return (\n    <Popover>\n      <PopoverTrigger>\n        <Button label={segments.join(\" | \")} />\n      </PopoverTrigger>\n      <PopoverContent modal={false}>\n        Here is where you would edit the chip\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAYM,SAAU,aAAa,CAAC,EAC5B,aAAa,GAGd,EAAA;AACC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+BAA+B,EAAA;AAC5C,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,CAAC,EAAE,MAAM,EAAA,IAAA,EAAA,EACjB,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MAC/BA,6BAAC,YAAY,EAAA,EAAC,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,GAAI,CACnD,CAAC,CACG,CACH;AAEV;AAEA,SAAS,YAAY,CAAC,EAAE,YAAY,EAAkC,EAAA;AACpE,IAAA,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAC/B,wBAAwB,CAAC,YAAY,CAAC,IAAI,EAAE;AAE9C,IAAA,IAAI,CAAC,aAAa,IAAI,CAAC,QAAQ;QAC7B,QACEA,6BAAC,MAAM,EAAA,EAAC,KAAK,EAAC,mGAAmG,EAAA,CAAG;AAGxH,IAAA,MAAM,KAAK,GAAG,YAAY,CAAC,KAAe;AAC1C,IAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC;UACtB,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,KAAK;UAC3C,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC;IAEhC,QACEA,6BAAC,OAAO,EAAA,IAAA;AACN,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA;YACbA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAA,CAAI,CACxB;QACjBA,cAAA,CAAA,aAAA,CAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAA,EAAA,uCAAA,CAEX,CACT;AAEd;;;;"}

package/dist/components/DataTable/DataTable.d.ts

@@ -3,6 +3,7 @@ import type { CombineAriaPropsWithCustomProps } from "../../utilities/reactAriaP
 import React, { type ReactNode } from "react";
 import { type TableProps as AriaTableProps } from "react-aria-components/Table";
 import type { DataTableColumn } from "./DataTableColumn";
+import type { ActiveFilter, FilterNode } from "./FilterTypes";
 import { type ResultNoun } from "./ResultsCount";
 import { type RowAction } from "./RowActions";
 import { type TableAction } from "./TableActions";
@@ -14,6 +15,7 @@ export type Sort = {
 };
 export type DataTableLoadingState = "error" | "idle" | "loading";
 interface DataTableBaseProps {
+    activeFilters?: ActiveFilter[];
     /**
      * Columns define what data is displayed and how. Pass a stable reference
      * (e.g. a module constant or memoized value); columns are prepared per array
@@ -39,6 +41,11 @@ interface DataTableBaseProps {
     emptyState?: ReactNode;
     /** Rendered in place of the table body when `loadingState` is `"error"`. */
     errorState?: ReactNode;
+    /**
+     * The filter tree shown in the "Add filter" popover. Renders the filter
+     * controls in the header when set; omit to leave filtering off entirely.
+     */
+    filters?: FilterNode[];
     /** Returns a stable identity for each row. Defaults to `row.id`. */
     getRowId?: (row: unknown) => number | string;
     /**
@@ -73,6 +80,10 @@ interface DataTableBaseProps {
      * - `"idle"` (default): Normal rendering.
      */
     loadingState?: DataTableLoadingState;
+    /**
+     * Called when the active filters change. Provides the list of currently applied filters.
+     */
+    onActiveFiltersChange?: (appliedFilters: ActiveFilter[]) => void;
     /**
      * Called when the Next button is activated. Only used by
      * `paginationType="indexed"`; load the following page's rows and pass them
@@ -257,7 +268,7 @@ export type DataTableElementProps = CombineAriaPropsWithCustomProps<AriaTablePro
  * @component
  */
 export declare const DataTable: {
-    ({ className, canSelectAllPages, columns, currentPage, data, disabledKeys, emptyState, errorState, getRowId, getRowLink, hasNextPage, hasPreviousPage, id, loadingState, paginationType, resultCount, resultNoun, scrollContainerRef, scrollContainerSelector, rowActions, selectable, selectedKeys: controlledSelectedKeys, stickyHeader, sortBy, tableActions, totalDisabledCount, totalPages, visibleColumnNames, onNextPageClick, onPageChange, onPreviousPageClick, onRowClick, onSelectedChange, onSortChange, onVisibleColumnNamesChange, ...restProps }: DataTableElementProps): React.JSX.Element;
+    ({ activeFilters, className, canSelectAllPages, columns, currentPage, data, disabledKeys, emptyState, errorState, filters, getRowId, getRowLink, hasNextPage, hasPreviousPage, id, loadingState, paginationType, resultCount, resultNoun, scrollContainerRef, scrollContainerSelector, rowActions, selectable, selectedKeys: controlledSelectedKeys, stickyHeader, sortBy, tableActions, totalDisabledCount, totalPages, visibleColumnNames, onNextPageClick, onPageChange, onPreviousPageClick, onRowClick, onSelectedChange, onSortChange, onVisibleColumnNamesChange, ...restProps }: DataTableElementProps): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=DataTable.d.ts.map

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

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

package/dist/components/DataTable/DataTable.js

@@ -6,8 +6,11 @@ import { useId } from '../../utilities/useId.js';
 import classNames from 'classnames';
 import React__default, { useRef, useMemo, useState, useLayoutEffect } from 'react';
 import { Table, TableHeader, Column, Checkbox, TableBody, Row, Cell } from 'react-aria-components/Table';
+import { ActiveFilters } from './ActiveFilters.js';
 import { prepareColumn } from './DataTableColumnTypes.js';
 import { getRowKey } from './DataTableRow.js';
+import { FiltersProvider } from './FilterContext.js';
+import { FilterControls } from './FilterControls.js';
 import { hasResultsCount, resolveResultNounLabel, ResultsCount } from './ResultsCount.js';
 import { RowActions } from './RowActions.js';
 import { SelectAllBanner } from './SelectAllBanner.js';
@@ -35,7 +38,7 @@ const DEFAULT_ERROR_STATE = "Something went wrong.";
  *
  * @component
  */
-const DataTable = ({ className, canSelectAllPages, columns, currentPage = 1, data, disabledKeys, emptyState, errorState, getRowId, getRowLink, hasNextPage = false, hasPreviousPage = false, id, loadingState = "idle", paginationType = "paged", resultCount, resultNoun, scrollContainerRef, scrollContainerSelector = ".content-wrap", rowActions, selectable, selectedKeys: controlledSelectedKeys, stickyHeader, sortBy, tableActions, totalDisabledCount, totalPages, visibleColumnNames, onNextPageClick, onPageChange, onPreviousPageClick, onRowClick, onSelectedChange, onSortChange, onVisibleColumnNamesChange, ...restProps }) => {
+const DataTable = ({ activeFilters = [], className, canSelectAllPages, columns, currentPage = 1, data, disabledKeys, emptyState, errorState, filters = [], getRowId, getRowLink, hasNextPage = false, hasPreviousPage = false, id, loadingState = "idle", paginationType = "paged", resultCount, resultNoun, scrollContainerRef, scrollContainerSelector = ".content-wrap", rowActions, selectable, selectedKeys: controlledSelectedKeys, stickyHeader, sortBy, tableActions, totalDisabledCount, totalPages, visibleColumnNames, onNextPageClick, onPageChange, onPreviousPageClick, onRowClick, onSelectedChange, onSortChange, onVisibleColumnNamesChange, ...restProps }) => {
     const hasRowPressAction = Boolean(onRowClick || getRowLink);
     const rowsAreInteractive = hasRowPressAction || Boolean(selectable);
     const combinedClassName = classNames("tds-data-table-grid", className);
@@ -101,8 +104,9 @@ const DataTable = ({ className, canSelectAllPages, columns, currentPage = 1, dat
         ? `${resultNounLabel} table pagination`
         : undefined;
     const hasActions = (tableActions?.length ?? 0) > 0;
+    const hasFilters = (filters?.length ?? 0) > 0;
     const hasViewSettingsToggle = hideableColumns.length > 0;
-    const showHeader = Boolean(resultNoun || hasActions || hasViewSettingsToggle);
+    const showHeader = Boolean(resultNoun || hasActions || hasFilters || hasViewSettingsToggle);
     const hasRowActions = (rowActions?.length ?? 0) > 0;
     // A lone page has nothing to navigate to, so the paged controls stay out of
     // the frame entirely rather than rendering a single inert page marker. The
@@ -111,52 +115,55 @@ const DataTable = ({ className, canSelectAllPages, columns, currentPage = 1, dat
     // set that fits on one page shows both buttons disabled.
     const isIndexedPagination = paginationType === "indexed";
     const showPagination = isIndexedPagination || (totalPages !== undefined && totalPages > 1);
-    return (React__default.createElement("div", { className: classNames("tds-data-table", {
-            "tds-data-table--sticky-header": hasScrollContainer,
-        }) },
-        React__default.createElement("div", { className: "tds-data-table-frame" },
-            React__default.createElement(DataTableSelectionContext.Provider, { value: selectionModel },
-                showHeader && (React__default.createElement("div", { className: "tds-data-table-frame-header" },
-                    React__default.createElement(ResultsCount, { id: resultsCountId, resultNoun: resultNoun, selectable: selectable, selectedCount: selectedCount, totalCount: totalCount }),
-                    hasActions && (React__default.createElement(TableActions, { actions: tableActions, resultNoun: resultNoun })),
-                    hasViewSettingsToggle && (React__default.createElement(ViewSettingsToggle, { columns: hideableColumns, onColumnVisibilityChange: onColumnVisibilityChange, visibleColumnNames: visibleHideableColumns })))),
-                React__default.createElement(SelectAllBanner, { resultNoun: resultNoun })),
-            React__default.createElement("div", { ref: wrapperRef, className: "tds-data-table-scroll-wrapper" },
-                React__default.createElement("div", { ref: scrollRef, className: "tds-data-table-scroll" },
-                    React__default.createElement(Table, { ...restProps, ...selectionProps, ...(ariaLabel ? { "aria-label": ariaLabel } : {}), ...(describedBy ? { "aria-describedby": describedBy } : {}), ...{ id: tableId }, className: combinedClassName, 
-                        // Pinned rather than exposed as a prop: `disabledKeys` only ever
-                        // turns off selection here, leaving the row clickable and
-                        // focusable. React Aria defaults this to "all", which would also
-                        // disable `onRowClick`/`getRowLink` and drop the row out of the
-                        // focus order, so it has to be set explicitly.
-                        disabledBehavior: "selection", disabledKeys: disabledKeys, sortDescriptor: sortDescriptor, onSortChange: (sort) => {
-                            onSortChange?.(serializeSort(sort));
-                        } },
-                        React__default.createElement(TableHeader, { className: "tds-data-table-header" },
-                            selectable && (React__default.createElement(Column, { className: "tds-data-table-column tds-data-table-column--selectable" }, headerCheckboxProps ? (React__default.createElement(Checkbox, { ...headerCheckboxProps, "aria-label": "Select all", slot: null, className: "tds-data-table-selectable-checkbox" })) : (React__default.createElement(Checkbox, { slot: "selection", className: "tds-data-table-selectable-checkbox" })))),
-                            visiblePreparedColumns.map(({ align, column }, index) => (React__default.createElement(Column, { key: column.name, id: column.name, isRowHeader: index === 0, className: classNames("tds-data-table-column", {
-                                    [`tds-data-table-column--align-${align}`]: align !== "start",
-                                }), allowsSorting: column.sortable },
-                                column.hideLabel ? (React__default.createElement("span", { className: "tds-data-table-column-label--hidden" }, column.headerLabel)) : (column.headerLabel),
-                                column.sortable && (React__default.createElement(Icon, { className: "tds-data-table-column-icon tds-data-table-column-icon--sort", symbol: "general#up-caret", "aria-hidden": true }))))),
-                            hasRowActions && (React__default.createElement(Column, { className: "tds-data-table-column tds-data-table-column--actions" },
-                                React__default.createElement("span", { className: "tds-data-table-column-label--hidden" }, "Actions")))),
-                        React__default.createElement(TableBody, { className: "tds-data-table-body", renderEmptyState: renderEmptyState }, data.map((row, rowIndex) => {
-                            const rowKey = getRowKey(row, rowIndex, getRowId);
-                            return (React__default.createElement(Row, { key: rowKey, id: rowKey, href: getRowLink?.(row), onAction: onRowClick ? () => onRowClick(row) : undefined, className: classNames("tds-data-table-row", {
-                                    "tds-data-table-row--interactive": rowsAreInteractive,
-                                    "tds-data-table-row--press-selects": rowPressSelects,
-                                }) },
-                                selectable && (React__default.createElement(Cell, { className: "tds-data-table-cell tds-data-table-cell--selectable" },
-                                    React__default.createElement(Checkbox, { slot: "selection", className: "tds-data-table-selectable-checkbox" }))),
-                                visiblePreparedColumns.map((prepared) => (React__default.createElement(Cell, { key: prepared.column.name, ...cellBoundaryProps, "data-pii": prepared.column.pii || undefined, className: classNames("tds-data-table-cell", {
-                                        [`tds-data-table-cell--align-${prepared.align}`]: prepared.align !== "start",
-                                        "tds-data-table-cell--numeric": prepared.isNumeric,
-                                    }) }, prepared.renderCell(row)))),
-                                hasRowActions && (React__default.createElement(Cell, { ...cellBoundaryProps, className: "tds-data-table-cell tds-data-table-cell--actions" },
-                                    React__default.createElement(RowActions, { actions: rowActions, row: row, rowKey: rowKey })))));
-                        }))))),
-            showPagination && (React__default.createElement("div", { className: "tds-data-table-frame-footer" }, isIndexedPagination ? (React__default.createElement(Pagination, { "aria-label": paginationLabel, hasNextPage: hasNextPage, hasPreviousPage: hasPreviousPage, onNextPageClick: onNextPageClick, onPreviousPageClick: onPreviousPageClick, type: "indexed" })) : (React__default.createElement(Pagination, { "aria-label": paginationLabel, currentPage: currentPage, onPageChange: onPageChange, totalPages: totalPages })))))));
+    return (React__default.createElement(FiltersProvider, { filters: filters },
+        React__default.createElement("div", { className: classNames("tds-data-table", {
+                "tds-data-table--sticky-header": hasScrollContainer,
+            }) },
+            React__default.createElement("div", { className: "tds-data-table-frame" },
+                React__default.createElement(DataTableSelectionContext.Provider, { value: selectionModel },
+                    showHeader && (React__default.createElement("div", { className: "tds-data-table-frame-header" },
+                        React__default.createElement(ResultsCount, { id: resultsCountId, resultNoun: resultNoun, selectable: selectable, selectedCount: selectedCount, totalCount: totalCount }),
+                        hasActions && (React__default.createElement(TableActions, { actions: tableActions, resultNoun: resultNoun })),
+                        hasFilters && (React__default.createElement(FilterControls, { filters: filters })),
+                        hasViewSettingsToggle && (React__default.createElement(ViewSettingsToggle, { columns: hideableColumns, onColumnVisibilityChange: onColumnVisibilityChange, visibleColumnNames: visibleHideableColumns })))),
+                    React__default.createElement(SelectAllBanner, { resultNoun: resultNoun })),
+                activeFilters?.length > 0 && (React__default.createElement(ActiveFilters, { activeFilters: activeFilters })),
+                React__default.createElement("div", { ref: wrapperRef, className: "tds-data-table-scroll-wrapper" },
+                    React__default.createElement("div", { ref: scrollRef, className: "tds-data-table-scroll" },
+                        React__default.createElement(Table, { ...restProps, ...selectionProps, ...(ariaLabel ? { "aria-label": ariaLabel } : {}), ...(describedBy ? { "aria-describedby": describedBy } : {}), ...{ id: tableId }, className: combinedClassName, 
+                            // Pinned rather than exposed as a prop: `disabledKeys` only ever
+                            // turns off selection here, leaving the row clickable and
+                            // focusable. React Aria defaults this to "all", which would also
+                            // disable `onRowClick`/`getRowLink` and drop the row out of the
+                            // focus order, so it has to be set explicitly.
+                            disabledBehavior: "selection", disabledKeys: disabledKeys, sortDescriptor: sortDescriptor, onSortChange: (sort) => {
+                                onSortChange?.(serializeSort(sort));
+                            } },
+                            React__default.createElement(TableHeader, { className: "tds-data-table-header" },
+                                selectable && (React__default.createElement(Column, { className: "tds-data-table-column tds-data-table-column--selectable" }, headerCheckboxProps ? (React__default.createElement(Checkbox, { ...headerCheckboxProps, "aria-label": "Select all", slot: null, className: "tds-data-table-selectable-checkbox" })) : (React__default.createElement(Checkbox, { slot: "selection", className: "tds-data-table-selectable-checkbox" })))),
+                                visiblePreparedColumns.map(({ align, column }, index) => (React__default.createElement(Column, { key: column.name, id: column.name, isRowHeader: index === 0, className: classNames("tds-data-table-column", {
+                                        [`tds-data-table-column--align-${align}`]: align !== "start",
+                                    }), allowsSorting: column.sortable },
+                                    column.hideLabel ? (React__default.createElement("span", { className: "tds-data-table-column-label--hidden" }, column.headerLabel)) : (column.headerLabel),
+                                    column.sortable && (React__default.createElement(Icon, { className: "tds-data-table-column-icon tds-data-table-column-icon--sort", symbol: "general#up-caret", "aria-hidden": true }))))),
+                                hasRowActions && (React__default.createElement(Column, { className: "tds-data-table-column tds-data-table-column--actions" },
+                                    React__default.createElement("span", { className: "tds-data-table-column-label--hidden" }, "Actions")))),
+                            React__default.createElement(TableBody, { className: "tds-data-table-body", renderEmptyState: renderEmptyState }, data.map((row, rowIndex) => {
+                                const rowKey = getRowKey(row, rowIndex, getRowId);
+                                return (React__default.createElement(Row, { key: rowKey, id: rowKey, href: getRowLink?.(row), onAction: onRowClick ? () => onRowClick(row) : undefined, className: classNames("tds-data-table-row", {
+                                        "tds-data-table-row--interactive": rowsAreInteractive,
+                                        "tds-data-table-row--press-selects": rowPressSelects,
+                                    }) },
+                                    selectable && (React__default.createElement(Cell, { className: "tds-data-table-cell tds-data-table-cell--selectable" },
+                                        React__default.createElement(Checkbox, { slot: "selection", className: "tds-data-table-selectable-checkbox" }))),
+                                    visiblePreparedColumns.map((prepared) => (React__default.createElement(Cell, { key: prepared.column.name, ...cellBoundaryProps, "data-pii": prepared.column.pii || undefined, className: classNames("tds-data-table-cell", {
+                                            [`tds-data-table-cell--align-${prepared.align}`]: prepared.align !== "start",
+                                            "tds-data-table-cell--numeric": prepared.isNumeric,
+                                        }) }, prepared.renderCell(row)))),
+                                    hasRowActions && (React__default.createElement(Cell, { ...cellBoundaryProps, className: "tds-data-table-cell tds-data-table-cell--actions" },
+                                        React__default.createElement(RowActions, { actions: rowActions, row: row, rowKey: rowKey })))));
+                            }))))),
+                showPagination && (React__default.createElement("div", { className: "tds-data-table-frame-footer" }, isIndexedPagination ? (React__default.createElement(Pagination, { "aria-label": paginationLabel, hasNextPage: hasNextPage, hasPreviousPage: hasPreviousPage, onNextPageClick: onNextPageClick, onPreviousPageClick: onPreviousPageClick, type: "indexed" })) : (React__default.createElement(Pagination, { "aria-label": paginationLabel, currentPage: currentPage, onPageChange: onPageChange, totalPages: totalPages }))))))));
 };
 DataTable.displayName = "DataTable";
 /**

package/dist/components/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport { LoadingSpinner } from \"@components/internal\"\nimport { Pagination } from \"@components/internal/pagination\"\nimport Icon from \"@utilities/Icon\"\nimport type { CombineAriaPropsWithCustomProps } from \"@utilities/reactAriaProps\"\nimport { useId } from \"@utilities/useId\"\nimport classNames from \"classnames\"\nimport React, {\n  type ReactNode,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport {\n  Cell,\n  Checkbox,\n  Column,\n  Row,\n  type SortDescriptor,\n  Table,\n  TableBody,\n  TableHeader,\n  type TableProps as AriaTableProps,\n} from \"react-aria-components/Table\"\n\nimport type { DataTableColumn } from \"./DataTableColumn\"\nimport { prepareColumn, type PreparedColumn } from \"./DataTableColumnTypes\"\nimport { getRowKey } from \"./DataTableRow\"\nimport {\n  hasResultsCount,\n  resolveResultNounLabel,\n  type ResultNoun,\n  ResultsCount,\n} from \"./ResultsCount\"\nimport { type RowAction, RowActions } from \"./RowActions\"\nimport { SelectAllBanner } from \"./SelectAllBanner\"\nimport { type TableAction, TableActions } from \"./TableActions\"\nimport { useColumnVisibility } from \"./useColumnVisibility\"\nimport {\n  type DataTableSelection,\n  DataTableSelectionContext,\n  useDataTableSelection,\n} from \"./useDataTableSelection\"\nimport { useRowPressBoundary } from \"./useRowPressBoundary\"\nimport { ViewSettingsToggle } from \"./ViewSettingsToggle\"\n\nexport type { DataTableSelection, ResultNoun, RowAction, TableAction }\n\nexport type Sort = { column: string; direction: \"asc\" | \"desc\" }\n\nexport type DataTableLoadingState = \"error\" | \"idle\" | \"loading\"\n\ninterface DataTableBaseProps {\n  /**\n   * Columns define what data is displayed and how. Pass a stable reference\n   * (e.g. a module constant or memoized value); columns are prepared per array\n   * identity, so an inline array rebuilds each column's formatter every render.\n   */\n  columns: DataTableColumn[]\n  /**\n   * The 1-indexed current page. Only used by the default `\"paged\"` pagination,\n   * where `totalPages` is set, and defaults to `1`.\n   */\n  currentPage?: number\n  /** The array of rows to display. */\n  data: unknown[]\n  /**\n   * Row keys that can't be selected. Keys are the values returned by `getRowId`\n   * (or `row.id`, or the row's index) — the same keys used by `selectedKeys`.\n   * Only selection is disabled: the row's checkbox renders disabled and \"select\n   * all\" skips it, while the row itself stays clickable, navigable, and\n   * focusable. Has no effect unless the table is `selectable`.\n   */\n  disabledKeys?: (number | string)[]\n  /** Rendered in place of the table body when there is no data. */\n  emptyState?: ReactNode\n  /** Rendered in place of the table body when `loadingState` is `\"error\"`. */\n  errorState?: ReactNode\n  /** Returns a stable identity for each row. Defaults to `row.id`. */\n  getRowId?: (row: unknown) => number | string\n  /**\n   * Returns a URL to navigate to when the row is clicked. Rows with a link\n   * render as navigable elements (clickable, keyboard-focusable, and\n   * openable in a new tab). Works alongside `onRowClick` and `selectable`.\n   */\n  getRowLink?: (row: unknown) => string\n  /**\n   * Whether a page exists after the current one. Only used by\n   * `paginationType=\"indexed\"`, which has no page count to derive it from;\n   * `false` (the default) disables the Next button.\n   */\n  hasNextPage?: boolean\n  /**\n   * Whether a page exists before the current one. Only used by\n   * `paginationType=\"indexed\"`, which has no page count to derive it from;\n   * `false` (the default) disables the Previous button.\n   */\n  hasPreviousPage?: boolean\n  /**\n   * An `id` for the table element. When omitted, a stable generated id is used\n   * so the results count can be linked to the table via `aria-describedby`.\n   */\n  id?: string\n  /**\n   * Async loading state for the table body.\n   * - `\"loading\"`: While `data` is empty, replaces the empty state with a\n   *   centered spinner.\n   * - `\"error\"`: While `data` is empty, replaces the empty state with\n   *   `errorState` (or a default error message).\n   * - `\"idle\"` (default): Normal rendering.\n   */\n  loadingState?: DataTableLoadingState\n  /**\n   * Called when the Next button is activated. Only used by\n   * `paginationType=\"indexed\"`; load the following page's rows and pass them\n   * back in through `data` in response.\n   */\n  onNextPageClick?: () => void\n  /**\n   * Called with the 1-indexed page the user navigated to. The table doesn't\n   * page `data` itself — pass the rows for the new page back in through `data`\n   * (and update `currentPage`) in response. Only used by the default `\"paged\"`\n   * pagination; the indexed type has no page number to report.\n   */\n  onPageChange?: (page: number) => void\n  /**\n   * Called when the Previous button is activated. Only used by\n   * `paginationType=\"indexed\"`; load the preceding page's rows and pass them\n   * back in through `data` in response.\n   */\n  onPreviousPageClick?: () => void\n  /**\n   * Called with the row when it is clicked. Rows with a click handler render\n   * as interactive elements (clickable and keyboard-focusable). When\n   * `getRowLink` is also set, both run and the row navigates.\n   */\n  onRowClick?: (row: unknown) => void\n  /** Callback invoked when the sort state changes. */\n  onSortChange?: (sort: Sort) => void\n  /**\n   * Called with the full ordered list of visible column names when the\n   * visibility toggle changes. Always-visible columns are included, so the\n   * value can be passed straight back as `visibleColumnNames`. Column\n   * visibility is controlled, so the table only updates once\n   * `visibleColumnNames` changes.\n   */\n  onVisibleColumnNamesChange?: (visibleColumnNames: string[]) => void\n  /**\n   * Which shape the page controls take, forwarded to the `Pagination` control's\n   * `type`.\n   * - `\"paged\"` (the default): a numbered run of pages. Driven by `totalPages`,\n   *   `currentPage`, and `onPageChange`, and rendered only once `totalPages` is\n   *   set and greater than `1`.\n   * - `\"indexed\"`: a labeled Previous/Next pair, for a result set that can only\n   *   be stepped through — a cursor-paged API, say, which reports whether a\n   *   neighboring page exists but not how many there are. Driven by\n   *   `hasPreviousPage`/`hasNextPage` and `onPreviousPageClick`/\n   *   `onNextPageClick`; `totalPages` and `currentPage` play no part. With no\n   *   page count there's no threshold to hide the controls below, so they\n   *   always render — a single page of results shows both buttons disabled.\n   */\n  paginationType?: \"indexed\" | \"paged\"\n  /**\n   * Overrides the number shown by the `resultNoun` count, which otherwise\n   * uses the length of `data`. Use this when the table renders only part of\n   * the result set — a paginated or virtualized table — so the count reflects\n   * the whole set. It also sizes an all-pages selection when\n   * `canSelectAllPages` is true, including the count used by table actions and\n   * the select-all banner. Without a result count, the banner isn't offered\n   * because the table can't accurately describe the all-pages selection.\n   * Otherwise, it has no effect unless `resultNoun` is set.\n   */\n  resultCount?: number\n  /**\n   * Displays the number of results (the length of `data`, or `resultCount`\n   * when supplied) above the table, followed by a noun that matches the count.\n   * Pass a string to use it as the singular noun and append `\"s\"` for the\n   * plural (e.g. `\"result\"` → `\"results\"`), or a `[singular, plural]` tuple to\n   * supply an irregular plural explicitly (e.g. `[\"person\", \"people\"]`). Pass\n   * `true` to use `\"result\"`.\n   * When `false` or omitted, no count is rendered. The count is formatted with\n   * `Intl.NumberFormat` and the singular form is used only when the count is\n   * exactly `1`. When the table is `selectable` and rows are selected, the\n   * count instead reflects the selection as `\"{selected} of {total}\"`, e.g.\n   * `\"2 of 100\"`, with a visually-hidden suffix naming the noun so assistive\n   * tech reads the unambiguous `\"2 of 100 people selected\"`.\n   * The count is linked to the table with `aria-describedby` so\n   * screen readers announce it as a description of the table. When a string or\n   * `[singular, plural]` tuple is provided, the noun also supplies the table's\n   * `aria-label` in its plural form (e.g. `\"items\"` or `\"people\"`) unless an\n   * `aria-label` is passed directly, which always takes precedence; `true`\n   * never provides a label. The same plural noun also names the pagination\n   * landmark (e.g. `\"people table pagination\"`), which otherwise falls back to\n   * `\"Pagination\"`.\n   */\n  resultNoun?: ResultNoun\n  /**\n   * Displays a sticky column to the right that holds row-scoped actions.\n   * Renders as a dropdown with 2+ actions or a single button with one. Each\n   * action's `onAction` or `getHref` receives the row.\n   */\n  rowActions?: RowAction[]\n  /** Ref to the scroll container the sticky header should track. Takes priority over `scrollContainerSelector`. Only used when `stickyHeader` is true. */\n  scrollContainerRef?: React.RefObject<HTMLElement>\n  /** CSS selector for the scroll container the sticky header should track. Only used when `stickyHeader` is true. Defaults to \".content-wrap\" */\n  scrollContainerSelector?: string\n  /**\n   * Enables row selection via checkboxes, including a \"select all\" checkbox in\n   * the header for the loaded page. Without a row action (`onRowClick` or\n   * `getRowLink`), pressing anywhere in a row toggles the row selection.\n   */\n  selectable?: boolean\n  /** The current sort state for the table. */\n  sortBy?: Sort\n  /** Enables a sticky header that tracks an outer scroll container. Progressive enhancement: Relies on `animation-timeline: scroll()`, which isn't supported in all browsers (e.g. Firefox) — the header scrolls with the table body instead of sticking in those cases. */\n  stickyHeader?: boolean\n  /**\n   * The number of disabled rows across the whole result set. Used to size an\n   * all-pages selection when disabled rows exist on unloaded pages. Replaces\n   * the count inferred from `disabledKeys` rather than adding to it. Values are\n   * clamped to the result count, and zero is used as supplied.\n   */\n  totalDisabledCount?: number\n  /**\n   * The total number of pages in the result set. Setting it renders the page\n   * controls below the table; leaving it unset renders no pagination at all.\n   * A single page has nothing to navigate to, so the controls only render once\n   * there are two or more pages. Only used by the default `\"paged\"` pagination\n   * — an indexed result set has no page count, which is the reason to reach for\n   * `paginationType=\"indexed\"` in the first place.\n   *\n   * The table displays whatever rows it is given — paging is the caller's job.\n   * `data` should hold only the current page's rows, `resultCount` the size of\n   * the whole result set, and `onPageChange` should load the next page.\n   */\n  totalPages?: number\n  /**\n   * The names of the columns currently visible. Only columns marked `hideable`\n   * are affected — every other column stays visible. Omitting this leaves all\n   * columns visible. Unknown names are ignored and display order always\n   * follows `columns`.\n   */\n  visibleColumnNames?: string[]\n}\n\ninterface DataTableExplicitSelectionProps {\n  /** Keeps selection values as arrays of row keys. */\n  canSelectAllPages?: false\n  /** Called with the selected row keys whenever selection changes. */\n  onSelectedChange?: (keys: (number | string)[]) => void\n  /** The selected row keys. */\n  selectedKeys?: (number | string)[]\n  /** Table actions whose callbacks receive the selected row keys. */\n  tableActions?: TableAction[]\n}\n\ninterface DataTableAllPagesSelectionProps {\n  /**\n   * Enables tagged selection values that can represent every page plus\n   * exclusions. Explicit arrays and the header checkbox remain page-scoped.\n   * When `resultCount` proves more selectable results exist, selecting the\n   * loaded page reveals a banner that widens the selection to every page or\n   * clears it again. This works with both paged and indexed pagination.\n   */\n  canSelectAllPages: true\n  /** Called with the current explicit or all-pages selection. */\n  onSelectedChange?: (selection: DataTableSelection) => void\n  /**\n   * The current explicit or all-pages selection. Use\n   * `{ keys: \"all\", excludedKeys: [] }` for every selectable result; a bare\n   * `\"all\"` value is not accepted.\n   */\n  selectedKeys?: DataTableSelection\n  /** Table actions whose callbacks receive the current selection. */\n  tableActions?: TableAction<DataTableSelection>[]\n}\n\nexport type DataTableProps = DataTableBaseProps &\n  (DataTableAllPagesSelectionProps | DataTableExplicitSelectionProps)\n\nconst DEFAULT_ERROR_STATE = \"Something went wrong.\"\n\ntype AriaTablePropsToOmit = \"children\" | \"slot\"\n\ntype AriaTablePropsToInclude = never\n\nexport type DataTableElementProps = CombineAriaPropsWithCustomProps<\n  AriaTableProps,\n  DataTableProps,\n  AriaTablePropsToOmit,\n  AriaTablePropsToInclude\n>\n\n/**\n * A table for displaying tabular data. Built on React Aria's `Table`.\n *\n * Each column declares a `type` that controls how its cell values are\n * formatted: `string`, `number`, `currency`, `date`, `datetime`, `boolean`,\n * `enum`, and `custom`. A column's `render` function always takes precedence\n * over the built-in type formatting.\n *\n * Setting `totalPages` renders page controls below the table; the table itself\n * never slices `data`, so `onPageChange` is where the caller loads the page.\n * `paginationType=\"indexed\"` swaps the numbered run for a labeled\n * Previous/Next pair, for a result set with no known page count.\n *\n * Filtering, presets, and other RFC features are not yet implemented.\n *\n * @component\n */\nexport const DataTable = ({\n  className,\n  canSelectAllPages,\n  columns,\n  currentPage = 1,\n  data,\n  disabledKeys,\n  emptyState,\n  errorState,\n  getRowId,\n  getRowLink,\n  hasNextPage = false,\n  hasPreviousPage = false,\n  id,\n  loadingState = \"idle\",\n  paginationType = \"paged\",\n  resultCount,\n  resultNoun,\n  scrollContainerRef,\n  scrollContainerSelector = \".content-wrap\",\n  rowActions,\n  selectable,\n  selectedKeys: controlledSelectedKeys,\n  stickyHeader,\n  sortBy,\n  tableActions,\n  totalDisabledCount,\n  totalPages,\n  visibleColumnNames,\n  onNextPageClick,\n  onPageChange,\n  onPreviousPageClick,\n  onRowClick,\n  onSelectedChange,\n  onSortChange,\n  onVisibleColumnNamesChange,\n  ...restProps\n}: DataTableElementProps) => {\n  const hasRowPressAction = Boolean(onRowClick || getRowLink)\n  const rowsAreInteractive = hasRowPressAction || Boolean(selectable)\n  const combinedClassName = classNames(\"tds-data-table-grid\", className)\n  const sortDescriptor = useSortDescriptor(sortBy)\n  const { hasScrollContainer, wrapperRef } = useStickyHeader(\n    stickyHeader,\n    scrollContainerRef,\n    scrollContainerSelector\n  )\n  const scrollRef = useRef<HTMLDivElement>(null)\n  // A `Button` or `Link` in a cell keeps its presses to itself, so activating\n  // one doesn't also press the row it's in.\n  const cellBoundaryProps = useRowPressBoundary(scrollRef, rowsAreInteractive)\n\n  // React Aria only invokes `renderEmptyState` when the collection is empty, so\n  // the loading spinner and error message only take over the body while `data`\n  // is empty; once rows exist they always render.\n  const emptyStateContent = getEmptyStateContent({\n    emptyState,\n    errorState,\n    loadingState,\n  })\n  const renderEmptyState = emptyStateContent\n    ? () => emptyStateContent\n    : undefined\n\n  // Keyed on column names rather than the `columns` array identity so a fresh\n  // `columns` literal each render doesn't rebuild every formatter. `columns` is\n  // intentionally omitted from the deps.\n  const columnKey = columns.map((c) => `${c.name}/${c.type}`).join(\"|\")\n  const preparedColumns = useMemo<PreparedColumn[]>(\n    () => columns.map(prepareColumn),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [columnKey]\n  )\n\n  const {\n    hideableColumns,\n    isColumnVisible,\n    onColumnVisibilityChange,\n    visibleHideableColumns,\n  } = useColumnVisibility({\n    columns,\n    onVisibleColumnNamesChange,\n    visibleColumnNames,\n  })\n  const visiblePreparedColumns = useMemo(\n    () => preparedColumns.filter(({ column }) => isColumnVisible(column)),\n    [preparedColumns, isColumnVisible]\n  )\n\n  const selectionModel = useDataTableSelection({\n    canSelectAllPages,\n    data,\n    disabledKeys,\n    getRowId,\n    hasRowPressAction,\n    onSelectedChange,\n    resultCount,\n    selectable,\n    selectedKeys: controlledSelectedKeys,\n    totalDisabledCount,\n  })\n  const {\n    headerCheckboxProps,\n    rowPressSelects,\n    selectedCount,\n    tableProps: selectionProps,\n    totalCount,\n  } = selectionModel\n\n  // Associate the visible results count with the table so screen readers\n  // announce it as a description of the table. `Table` doesn't support a real\n  // `<caption>` (its children go through a collection builder), so we link the\n  // count via `aria-describedby`, merging with any caller-supplied value.\n  const stableId = useId()\n  const tableId = id || `tds-data-table-${stableId}`\n  const resultsCountId = `${tableId}-results-count`\n  const describedBy = hasResultsCount(resultNoun)\n    ? [restProps[\"aria-describedby\"], resultsCountId].filter(Boolean).join(\" \")\n    : restProps[\"aria-describedby\"]\n\n  // A caller-supplied `aria-label` always wins; otherwise the results noun\n  // provides the table's accessible name so a label is present whenever a noun\n  // is given. Array nouns are transformed to their plural form.\n  const resultNounLabel = resolveResultNounLabel(resultNoun)\n  const ariaLabel = restProps[\"aria-label\"] || resultNounLabel\n  const paginationLabel = resultNounLabel\n    ? `${resultNounLabel} table pagination`\n    : undefined\n\n  const hasActions = (tableActions?.length ?? 0) > 0\n  const hasViewSettingsToggle = hideableColumns.length > 0\n  const showHeader = Boolean(resultNoun || hasActions || hasViewSettingsToggle)\n  const hasRowActions = (rowActions?.length ?? 0) > 0\n  // A lone page has nothing to navigate to, so the paged controls stay out of\n  // the frame entirely rather than rendering a single inert page marker. The\n  // indexed type has no page count to measure against — stepping is the only\n  // way through the set — so asking for it always renders the controls, and a\n  // set that fits on one page shows both buttons disabled.\n  const isIndexedPagination = paginationType === \"indexed\"\n  const showPagination =\n    isIndexedPagination || (totalPages !== undefined && totalPages > 1)\n\n  return (\n    <div\n      className={classNames(\"tds-data-table\", {\n        \"tds-data-table--sticky-header\": hasScrollContainer,\n      })}\n    >\n      <div className=\"tds-data-table-frame\">\n        <DataTableSelectionContext.Provider value={selectionModel}>\n          {showHeader && (\n            <div className=\"tds-data-table-frame-header\">\n              <ResultsCount\n                id={resultsCountId}\n                resultNoun={resultNoun}\n                selectable={selectable}\n                selectedCount={selectedCount}\n                totalCount={totalCount}\n              />\n              {hasActions && (\n                <TableActions\n                  actions={tableActions as TableAction<DataTableSelection>[]}\n                  resultNoun={resultNoun}\n                />\n              )}\n              {hasViewSettingsToggle && (\n                <ViewSettingsToggle\n                  columns={hideableColumns}\n                  onColumnVisibilityChange={onColumnVisibilityChange}\n                  visibleColumnNames={visibleHideableColumns}\n                />\n              )}\n            </div>\n          )}\n          <SelectAllBanner resultNoun={resultNoun} />\n        </DataTableSelectionContext.Provider>\n        <div ref={wrapperRef} className=\"tds-data-table-scroll-wrapper\">\n          <div ref={scrollRef} className=\"tds-data-table-scroll\">\n            <Table\n              {...restProps}\n              {...selectionProps}\n              {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n              {...(describedBy ? { \"aria-describedby\": describedBy } : {})}\n              // RAC's `Table` forwards `id` to the underlying table element at\n              // runtime (via `filterDOMProps({ global: true })`) but omits `id`\n              // from its prop types, so spread it through a cast.\n              {...({ id: tableId } as Partial<AriaTableProps>)}\n              className={combinedClassName}\n              // Pinned rather than exposed as a prop: `disabledKeys` only ever\n              // turns off selection here, leaving the row clickable and\n              // focusable. React Aria defaults this to \"all\", which would also\n              // disable `onRowClick`/`getRowLink` and drop the row out of the\n              // focus order, so it has to be set explicitly.\n              disabledBehavior=\"selection\"\n              disabledKeys={disabledKeys}\n              sortDescriptor={sortDescriptor}\n              onSortChange={(sort) => {\n                onSortChange?.(serializeSort(sort))\n              }}\n            >\n              <TableHeader className=\"tds-data-table-header\">\n                {/*\n                  Rendered as a sibling before the `preparedColumns.map` below\n                  (not folded into it) so the map's `index` still starts at 0\n                  for the first *data* column — that's what keeps\n                  `isRowHeader={index === 0}` pointing at the first data\n                  column instead of this selection column.\n                */}\n                {selectable && (\n                  <Column className=\"tds-data-table-column tds-data-table-column--selectable\">\n                    {headerCheckboxProps ? (\n                      <Checkbox\n                        {...headerCheckboxProps}\n                        aria-label=\"Select all\"\n                        slot={null}\n                        className=\"tds-data-table-selectable-checkbox\"\n                      />\n                    ) : (\n                      <Checkbox\n                        slot=\"selection\"\n                        className=\"tds-data-table-selectable-checkbox\"\n                      />\n                    )}\n                  </Column>\n                )}\n                {visiblePreparedColumns.map(({ align, column }, index) => (\n                  <Column\n                    key={column.name}\n                    id={column.name}\n                    isRowHeader={index === 0}\n                    className={classNames(\"tds-data-table-column\", {\n                      [`tds-data-table-column--align-${align}`]:\n                        align !== \"start\",\n                    })}\n                    allowsSorting={column.sortable}\n                  >\n                    {column.hideLabel ? (\n                      <span className=\"tds-data-table-column-label--hidden\">\n                        {column.headerLabel}\n                      </span>\n                    ) : (\n                      column.headerLabel\n                    )}\n                    {column.sortable && (\n                      <Icon\n                        className=\"tds-data-table-column-icon tds-data-table-column-icon--sort\"\n                        symbol=\"general#up-caret\"\n                        aria-hidden={true}\n                      />\n                    )}\n                  </Column>\n                ))}\n                {hasRowActions && (\n                  <Column className=\"tds-data-table-column tds-data-table-column--actions\">\n                    <span className=\"tds-data-table-column-label--hidden\">\n                      Actions\n                    </span>\n                  </Column>\n                )}\n              </TableHeader>\n              <TableBody\n                className=\"tds-data-table-body\"\n                renderEmptyState={renderEmptyState}\n              >\n                {data.map((row, rowIndex) => {\n                  const rowKey = getRowKey(row, rowIndex, getRowId)\n                  return (\n                    <Row\n                      key={rowKey}\n                      id={rowKey}\n                      href={getRowLink?.(row)}\n                      onAction={onRowClick ? () => onRowClick(row) : undefined}\n                      className={classNames(\"tds-data-table-row\", {\n                        \"tds-data-table-row--interactive\": rowsAreInteractive,\n                        \"tds-data-table-row--press-selects\": rowPressSelects,\n                      })}\n                    >\n                      {selectable && (\n                        <Cell className=\"tds-data-table-cell tds-data-table-cell--selectable\">\n                          <Checkbox\n                            slot=\"selection\"\n                            className=\"tds-data-table-selectable-checkbox\"\n                          />\n                        </Cell>\n                      )}\n                      {visiblePreparedColumns.map((prepared) => (\n                        <Cell\n                          key={prepared.column.name}\n                          {...cellBoundaryProps}\n                          data-pii={prepared.column.pii || undefined}\n                          className={classNames(\"tds-data-table-cell\", {\n                            [`tds-data-table-cell--align-${prepared.align}`]:\n                              prepared.align !== \"start\",\n                            \"tds-data-table-cell--numeric\": prepared.isNumeric,\n                          })}\n                        >\n                          {prepared.renderCell(row)}\n                        </Cell>\n                      ))}\n                      {hasRowActions && (\n                        <Cell\n                          {...cellBoundaryProps}\n                          className=\"tds-data-table-cell tds-data-table-cell--actions\"\n                        >\n                          <RowActions\n                            actions={rowActions!} // Safe to assert non-null here because of `hasRowActions`\n                            row={row}\n                            rowKey={rowKey}\n                          />\n                        </Cell>\n                      )}\n                    </Row>\n                  )\n                })}\n              </TableBody>\n            </Table>\n          </div>\n        </div>\n        {showPagination && (\n          <div className=\"tds-data-table-frame-footer\">\n            {/*\n              `Pagination`'s two shapes are a discriminated union, so each is\n              spelled out in full rather than assembled from one prop bag.\n            */}\n            {isIndexedPagination ? (\n              <Pagination\n                aria-label={paginationLabel}\n                hasNextPage={hasNextPage}\n                hasPreviousPage={hasPreviousPage}\n                onNextPageClick={onNextPageClick}\n                onPreviousPageClick={onPreviousPageClick}\n                type=\"indexed\"\n              />\n            ) : (\n              <Pagination\n                aria-label={paginationLabel}\n                currentPage={currentPage}\n                onPageChange={onPageChange}\n                totalPages={totalPages!}\n              />\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nDataTable.displayName = \"DataTable\"\n\n/**\n * Resolves the content rendered in the table body's empty-state slot based on\n * `loadingState`, falling back to `emptyState`. Returns `null` when nothing\n * should render (idle with no `emptyState`).\n */\nfunction getEmptyStateContent({\n  emptyState,\n  errorState,\n  loadingState,\n}: {\n  emptyState: ReactNode\n  errorState: ReactNode\n  loadingState: DataTableLoadingState\n}): ReactNode {\n  if (loadingState === \"loading\") {\n    return (\n      <div className=\"tds-data-table-loading\" role=\"status\">\n        <span className=\"tds-data-table-cell-label--hidden\">Loading</span>\n        <span className=\"tds-data-table-loading-spinner\" aria-hidden=\"true\">\n          <LoadingSpinner />\n        </span>\n      </div>\n    )\n  }\n\n  // Error and empty share the same container; they differ only in content.\n  const content =\n    loadingState === \"error\" ? (errorState ?? DEFAULT_ERROR_STATE) : emptyState\n  if (content == null) return null\n\n  return <div className=\"tds-data-table-empty\">{content}</div>\n}\n\nfunction useSortDescriptor(\n  sortBy: Sort | undefined\n): SortDescriptor | undefined {\n  return useMemo(() => {\n    if (!sortBy) return undefined\n    return deserializeSort(sortBy)\n  }, [sortBy])\n}\n\nfunction deserializeSort(sort: Sort): SortDescriptor {\n  if (sort.direction === \"desc\")\n    return { column: sort.column, direction: \"descending\" }\n  return { column: sort.column, direction: \"ascending\" }\n}\n\nfunction serializeSort(sort: SortDescriptor): Sort {\n  if (sort.direction === \"descending\")\n    return { column: sort.column as string, direction: \"desc\" }\n  return { column: sort.column as string, direction: \"asc\" }\n}\n\nfunction useStickyHeader(\n  stickyHeader: boolean | undefined,\n  scrollContainerRef: React.RefObject<HTMLElement> | undefined,\n  scrollContainerSelector: string | undefined\n) {\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  const [hasScrollContainer, setHasScrollContainer] = useState(false)\n\n  useLayoutEffect(() => {\n    setHasScrollContainer(false)\n    if (!stickyHeader) return\n    if (typeof ResizeObserver === \"undefined\") return\n    const wrapper = wrapperRef.current\n    if (!wrapper) return\n\n    const scrollContainer = getScrollContainer(\n      scrollContainerRef,\n      scrollContainerSelector,\n      wrapper\n    )\n    if (!scrollContainer) return\n\n    setHasScrollContainer(true)\n\n    let thead: HTMLElement | null = null\n\n    const resizeObserver = new ResizeObserver(() => {\n      if (!thead) {\n        thead = wrapper.querySelector<HTMLElement>(\".tds-data-table-header\")\n        if (!thead) return\n        scrollContainer.style.setProperty(\n          \"scroll-timeline-name\",\n          \"--_sticky-header-scroll\"\n        )\n      }\n\n      const { top: wrapperTop, bottom: wrapperBottom } =\n        wrapper.getBoundingClientRect()\n      const { top: scrollContainerTop } =\n        scrollContainer.getBoundingClientRect()\n      // Derive headerTop from the untransformed wrapper to avoid reading the\n      // scroll-driven translateY that getBoundingClientRect() includes on thead.\n      const headerTop = wrapperTop + wrapper.clientTop\n      const start = scrollContainer.scrollTop + (headerTop - scrollContainerTop)\n      const max = Math.max(0, wrapperBottom - headerTop - thead.offsetHeight)\n      wrapper.style.setProperty(\"--_sticky-header-scroll-start\", `${start}px`)\n      wrapper.style.setProperty(\"--_sticky-header-scroll-max\", `${max}px`)\n    })\n\n    resizeObserver.observe(wrapper)\n    // The banner moves the wrapper without changing its size.\n    if (wrapper.parentElement) resizeObserver.observe(wrapper.parentElement)\n    resizeObserver.observe(scrollContainer)\n\n    return () => {\n      resizeObserver.disconnect()\n      wrapper.style.removeProperty(\"--_sticky-header-scroll-start\")\n      wrapper.style.removeProperty(\"--_sticky-header-scroll-max\")\n    }\n  }, [stickyHeader, scrollContainerRef, scrollContainerSelector])\n\n  return { hasScrollContainer, wrapperRef }\n}\n\nfunction getScrollContainer(\n  scrollContainerRef: React.RefObject<HTMLElement> | undefined,\n  scrollContainerSelector: string | undefined,\n  wrapper: HTMLElement\n): HTMLElement | undefined {\n  const element =\n    scrollContainerRef?.current ??\n    getScrollContainerFromSelector(scrollContainerSelector, wrapper)\n  if (element instanceof Window) return\n  return element\n}\n\nfunction getScrollContainerFromSelector(\n  scrollContainerSelector: string | undefined,\n  wrapper: HTMLElement\n): HTMLElement | undefined {\n  return scrollContainerSelector\n    ? (wrapper.parentElement?.closest<HTMLElement>(scrollContainerSelector) ??\n        undefined)\n    : undefined\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport { LoadingSpinner } from \"@components/internal\"\nimport { Pagination } from \"@components/internal/pagination\"\nimport Icon from \"@utilities/Icon\"\nimport type { CombineAriaPropsWithCustomProps } from \"@utilities/reactAriaProps\"\nimport { useId } from \"@utilities/useId\"\nimport classNames from \"classnames\"\nimport React, {\n  type ReactNode,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport {\n  Cell,\n  Checkbox,\n  Column,\n  Row,\n  type SortDescriptor,\n  Table,\n  TableBody,\n  TableHeader,\n  type TableProps as AriaTableProps,\n} from \"react-aria-components/Table\"\n\nimport { ActiveFilters } from \"./ActiveFilters\"\nimport type { DataTableColumn } from \"./DataTableColumn\"\nimport { prepareColumn, type PreparedColumn } from \"./DataTableColumnTypes\"\nimport { getRowKey } from \"./DataTableRow\"\nimport { FiltersProvider } from \"./FilterContext\"\nimport { FilterControls } from \"./FilterControls\"\nimport type { ActiveFilter, FilterNode } from \"./FilterTypes\"\nimport {\n  hasResultsCount,\n  resolveResultNounLabel,\n  type ResultNoun,\n  ResultsCount,\n} from \"./ResultsCount\"\nimport { type RowAction, RowActions } from \"./RowActions\"\nimport { SelectAllBanner } from \"./SelectAllBanner\"\nimport { type TableAction, TableActions } from \"./TableActions\"\nimport { useColumnVisibility } from \"./useColumnVisibility\"\nimport {\n  type DataTableSelection,\n  DataTableSelectionContext,\n  useDataTableSelection,\n} from \"./useDataTableSelection\"\nimport { useRowPressBoundary } from \"./useRowPressBoundary\"\nimport { ViewSettingsToggle } from \"./ViewSettingsToggle\"\n\nexport type { DataTableSelection, ResultNoun, RowAction, TableAction }\n\nexport type Sort = { column: string; direction: \"asc\" | \"desc\" }\n\nexport type DataTableLoadingState = \"error\" | \"idle\" | \"loading\"\n\ninterface DataTableBaseProps {\n  activeFilters?: ActiveFilter[]\n  /**\n   * Columns define what data is displayed and how. Pass a stable reference\n   * (e.g. a module constant or memoized value); columns are prepared per array\n   * identity, so an inline array rebuilds each column's formatter every render.\n   */\n  columns: DataTableColumn[]\n  /**\n   * The 1-indexed current page. Only used by the default `\"paged\"` pagination,\n   * where `totalPages` is set, and defaults to `1`.\n   */\n  currentPage?: number\n  /** The array of rows to display. */\n  data: unknown[]\n  /**\n   * Row keys that can't be selected. Keys are the values returned by `getRowId`\n   * (or `row.id`, or the row's index) — the same keys used by `selectedKeys`.\n   * Only selection is disabled: the row's checkbox renders disabled and \"select\n   * all\" skips it, while the row itself stays clickable, navigable, and\n   * focusable. Has no effect unless the table is `selectable`.\n   */\n  disabledKeys?: (number | string)[]\n  /** Rendered in place of the table body when there is no data. */\n  emptyState?: ReactNode\n  /** Rendered in place of the table body when `loadingState` is `\"error\"`. */\n  errorState?: ReactNode\n  /**\n   * The filter tree shown in the \"Add filter\" popover. Renders the filter\n   * controls in the header when set; omit to leave filtering off entirely.\n   */\n  filters?: FilterNode[]\n  /** Returns a stable identity for each row. Defaults to `row.id`. */\n  getRowId?: (row: unknown) => number | string\n  /**\n   * Returns a URL to navigate to when the row is clicked. Rows with a link\n   * render as navigable elements (clickable, keyboard-focusable, and\n   * openable in a new tab). Works alongside `onRowClick` and `selectable`.\n   */\n  getRowLink?: (row: unknown) => string\n  /**\n   * Whether a page exists after the current one. Only used by\n   * `paginationType=\"indexed\"`, which has no page count to derive it from;\n   * `false` (the default) disables the Next button.\n   */\n  hasNextPage?: boolean\n  /**\n   * Whether a page exists before the current one. Only used by\n   * `paginationType=\"indexed\"`, which has no page count to derive it from;\n   * `false` (the default) disables the Previous button.\n   */\n  hasPreviousPage?: boolean\n  /**\n   * An `id` for the table element. When omitted, a stable generated id is used\n   * so the results count can be linked to the table via `aria-describedby`.\n   */\n  id?: string\n  /**\n   * Async loading state for the table body.\n   * - `\"loading\"`: While `data` is empty, replaces the empty state with a\n   *   centered spinner.\n   * - `\"error\"`: While `data` is empty, replaces the empty state with\n   *   `errorState` (or a default error message).\n   * - `\"idle\"` (default): Normal rendering.\n   */\n  loadingState?: DataTableLoadingState\n  /**\n   * Called when the active filters change. Provides the list of currently applied filters.\n   */\n  onActiveFiltersChange?: (appliedFilters: ActiveFilter[]) => void\n  /**\n   * Called when the Next button is activated. Only used by\n   * `paginationType=\"indexed\"`; load the following page's rows and pass them\n   * back in through `data` in response.\n   */\n  onNextPageClick?: () => void\n  /**\n   * Called with the 1-indexed page the user navigated to. The table doesn't\n   * page `data` itself — pass the rows for the new page back in through `data`\n   * (and update `currentPage`) in response. Only used by the default `\"paged\"`\n   * pagination; the indexed type has no page number to report.\n   */\n  onPageChange?: (page: number) => void\n  /**\n   * Called when the Previous button is activated. Only used by\n   * `paginationType=\"indexed\"`; load the preceding page's rows and pass them\n   * back in through `data` in response.\n   */\n  onPreviousPageClick?: () => void\n  /**\n   * Called with the row when it is clicked. Rows with a click handler render\n   * as interactive elements (clickable and keyboard-focusable). When\n   * `getRowLink` is also set, both run and the row navigates.\n   */\n  onRowClick?: (row: unknown) => void\n  /** Callback invoked when the sort state changes. */\n  onSortChange?: (sort: Sort) => void\n  /**\n   * Called with the full ordered list of visible column names when the\n   * visibility toggle changes. Always-visible columns are included, so the\n   * value can be passed straight back as `visibleColumnNames`. Column\n   * visibility is controlled, so the table only updates once\n   * `visibleColumnNames` changes.\n   */\n  onVisibleColumnNamesChange?: (visibleColumnNames: string[]) => void\n  /**\n   * Which shape the page controls take, forwarded to the `Pagination` control's\n   * `type`.\n   * - `\"paged\"` (the default): a numbered run of pages. Driven by `totalPages`,\n   *   `currentPage`, and `onPageChange`, and rendered only once `totalPages` is\n   *   set and greater than `1`.\n   * - `\"indexed\"`: a labeled Previous/Next pair, for a result set that can only\n   *   be stepped through — a cursor-paged API, say, which reports whether a\n   *   neighboring page exists but not how many there are. Driven by\n   *   `hasPreviousPage`/`hasNextPage` and `onPreviousPageClick`/\n   *   `onNextPageClick`; `totalPages` and `currentPage` play no part. With no\n   *   page count there's no threshold to hide the controls below, so they\n   *   always render — a single page of results shows both buttons disabled.\n   */\n  paginationType?: \"indexed\" | \"paged\"\n  /**\n   * Overrides the number shown by the `resultNoun` count, which otherwise\n   * uses the length of `data`. Use this when the table renders only part of\n   * the result set — a paginated or virtualized table — so the count reflects\n   * the whole set. It also sizes an all-pages selection when\n   * `canSelectAllPages` is true, including the count used by table actions and\n   * the select-all banner. Without a result count, the banner isn't offered\n   * because the table can't accurately describe the all-pages selection.\n   * Otherwise, it has no effect unless `resultNoun` is set.\n   */\n  resultCount?: number\n  /**\n   * Displays the number of results (the length of `data`, or `resultCount`\n   * when supplied) above the table, followed by a noun that matches the count.\n   * Pass a string to use it as the singular noun and append `\"s\"` for the\n   * plural (e.g. `\"result\"` → `\"results\"`), or a `[singular, plural]` tuple to\n   * supply an irregular plural explicitly (e.g. `[\"person\", \"people\"]`). Pass\n   * `true` to use `\"result\"`.\n   * When `false` or omitted, no count is rendered. The count is formatted with\n   * `Intl.NumberFormat` and the singular form is used only when the count is\n   * exactly `1`. When the table is `selectable` and rows are selected, the\n   * count instead reflects the selection as `\"{selected} of {total}\"`, e.g.\n   * `\"2 of 100\"`, with a visually-hidden suffix naming the noun so assistive\n   * tech reads the unambiguous `\"2 of 100 people selected\"`.\n   * The count is linked to the table with `aria-describedby` so\n   * screen readers announce it as a description of the table. When a string or\n   * `[singular, plural]` tuple is provided, the noun also supplies the table's\n   * `aria-label` in its plural form (e.g. `\"items\"` or `\"people\"`) unless an\n   * `aria-label` is passed directly, which always takes precedence; `true`\n   * never provides a label. The same plural noun also names the pagination\n   * landmark (e.g. `\"people table pagination\"`), which otherwise falls back to\n   * `\"Pagination\"`.\n   */\n  resultNoun?: ResultNoun\n  /**\n   * Displays a sticky column to the right that holds row-scoped actions.\n   * Renders as a dropdown with 2+ actions or a single button with one. Each\n   * action's `onAction` or `getHref` receives the row.\n   */\n  rowActions?: RowAction[]\n  /** Ref to the scroll container the sticky header should track. Takes priority over `scrollContainerSelector`. Only used when `stickyHeader` is true. */\n  scrollContainerRef?: React.RefObject<HTMLElement>\n  /** CSS selector for the scroll container the sticky header should track. Only used when `stickyHeader` is true. Defaults to \".content-wrap\" */\n  scrollContainerSelector?: string\n  /**\n   * Enables row selection via checkboxes, including a \"select all\" checkbox in\n   * the header for the loaded page. Without a row action (`onRowClick` or\n   * `getRowLink`), pressing anywhere in a row toggles the row selection.\n   */\n  selectable?: boolean\n  /** The current sort state for the table. */\n  sortBy?: Sort\n  /** Enables a sticky header that tracks an outer scroll container. Progressive enhancement: Relies on `animation-timeline: scroll()`, which isn't supported in all browsers (e.g. Firefox) — the header scrolls with the table body instead of sticking in those cases. */\n  stickyHeader?: boolean\n  /**\n   * The number of disabled rows across the whole result set. Used to size an\n   * all-pages selection when disabled rows exist on unloaded pages. Replaces\n   * the count inferred from `disabledKeys` rather than adding to it. Values are\n   * clamped to the result count, and zero is used as supplied.\n   */\n  totalDisabledCount?: number\n  /**\n   * The total number of pages in the result set. Setting it renders the page\n   * controls below the table; leaving it unset renders no pagination at all.\n   * A single page has nothing to navigate to, so the controls only render once\n   * there are two or more pages. Only used by the default `\"paged\"` pagination\n   * — an indexed result set has no page count, which is the reason to reach for\n   * `paginationType=\"indexed\"` in the first place.\n   *\n   * The table displays whatever rows it is given — paging is the caller's job.\n   * `data` should hold only the current page's rows, `resultCount` the size of\n   * the whole result set, and `onPageChange` should load the next page.\n   */\n  totalPages?: number\n  /**\n   * The names of the columns currently visible. Only columns marked `hideable`\n   * are affected — every other column stays visible. Omitting this leaves all\n   * columns visible. Unknown names are ignored and display order always\n   * follows `columns`.\n   */\n  visibleColumnNames?: string[]\n}\n\ninterface DataTableExplicitSelectionProps {\n  /** Keeps selection values as arrays of row keys. */\n  canSelectAllPages?: false\n  /** Called with the selected row keys whenever selection changes. */\n  onSelectedChange?: (keys: (number | string)[]) => void\n  /** The selected row keys. */\n  selectedKeys?: (number | string)[]\n  /** Table actions whose callbacks receive the selected row keys. */\n  tableActions?: TableAction[]\n}\n\ninterface DataTableAllPagesSelectionProps {\n  /**\n   * Enables tagged selection values that can represent every page plus\n   * exclusions. Explicit arrays and the header checkbox remain page-scoped.\n   * When `resultCount` proves more selectable results exist, selecting the\n   * loaded page reveals a banner that widens the selection to every page or\n   * clears it again. This works with both paged and indexed pagination.\n   */\n  canSelectAllPages: true\n  /** Called with the current explicit or all-pages selection. */\n  onSelectedChange?: (selection: DataTableSelection) => void\n  /**\n   * The current explicit or all-pages selection. Use\n   * `{ keys: \"all\", excludedKeys: [] }` for every selectable result; a bare\n   * `\"all\"` value is not accepted.\n   */\n  selectedKeys?: DataTableSelection\n  /** Table actions whose callbacks receive the current selection. */\n  tableActions?: TableAction<DataTableSelection>[]\n}\n\nexport type DataTableProps = DataTableBaseProps &\n  (DataTableAllPagesSelectionProps | DataTableExplicitSelectionProps)\n\nconst DEFAULT_ERROR_STATE = \"Something went wrong.\"\n\ntype AriaTablePropsToOmit = \"children\" | \"slot\"\n\ntype AriaTablePropsToInclude = never\n\nexport type DataTableElementProps = CombineAriaPropsWithCustomProps<\n  AriaTableProps,\n  DataTableProps,\n  AriaTablePropsToOmit,\n  AriaTablePropsToInclude\n>\n\n/**\n * A table for displaying tabular data. Built on React Aria's `Table`.\n *\n * Each column declares a `type` that controls how its cell values are\n * formatted: `string`, `number`, `currency`, `date`, `datetime`, `boolean`,\n * `enum`, and `custom`. A column's `render` function always takes precedence\n * over the built-in type formatting.\n *\n * Setting `totalPages` renders page controls below the table; the table itself\n * never slices `data`, so `onPageChange` is where the caller loads the page.\n * `paginationType=\"indexed\"` swaps the numbered run for a labeled\n * Previous/Next pair, for a result set with no known page count.\n *\n * Filtering, presets, and other RFC features are not yet implemented.\n *\n * @component\n */\nexport const DataTable = ({\n  activeFilters = [],\n  className,\n  canSelectAllPages,\n  columns,\n  currentPage = 1,\n  data,\n  disabledKeys,\n  emptyState,\n  errorState,\n  filters = [],\n  getRowId,\n  getRowLink,\n  hasNextPage = false,\n  hasPreviousPage = false,\n  id,\n  loadingState = \"idle\",\n  paginationType = \"paged\",\n  resultCount,\n  resultNoun,\n  scrollContainerRef,\n  scrollContainerSelector = \".content-wrap\",\n  rowActions,\n  selectable,\n  selectedKeys: controlledSelectedKeys,\n  stickyHeader,\n  sortBy,\n  tableActions,\n  totalDisabledCount,\n  totalPages,\n  visibleColumnNames,\n  onNextPageClick,\n  onPageChange,\n  onPreviousPageClick,\n  onRowClick,\n  onSelectedChange,\n  onSortChange,\n  onVisibleColumnNamesChange,\n  ...restProps\n}: DataTableElementProps) => {\n  const hasRowPressAction = Boolean(onRowClick || getRowLink)\n  const rowsAreInteractive = hasRowPressAction || Boolean(selectable)\n  const combinedClassName = classNames(\"tds-data-table-grid\", className)\n  const sortDescriptor = useSortDescriptor(sortBy)\n  const { hasScrollContainer, wrapperRef } = useStickyHeader(\n    stickyHeader,\n    scrollContainerRef,\n    scrollContainerSelector\n  )\n  const scrollRef = useRef<HTMLDivElement>(null)\n  // A `Button` or `Link` in a cell keeps its presses to itself, so activating\n  // one doesn't also press the row it's in.\n  const cellBoundaryProps = useRowPressBoundary(scrollRef, rowsAreInteractive)\n\n  // React Aria only invokes `renderEmptyState` when the collection is empty, so\n  // the loading spinner and error message only take over the body while `data`\n  // is empty; once rows exist they always render.\n  const emptyStateContent = getEmptyStateContent({\n    emptyState,\n    errorState,\n    loadingState,\n  })\n  const renderEmptyState = emptyStateContent\n    ? () => emptyStateContent\n    : undefined\n\n  // Keyed on column names rather than the `columns` array identity so a fresh\n  // `columns` literal each render doesn't rebuild every formatter. `columns` is\n  // intentionally omitted from the deps.\n  const columnKey = columns.map((c) => `${c.name}/${c.type}`).join(\"|\")\n  const preparedColumns = useMemo<PreparedColumn[]>(\n    () => columns.map(prepareColumn),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [columnKey]\n  )\n\n  const {\n    hideableColumns,\n    isColumnVisible,\n    onColumnVisibilityChange,\n    visibleHideableColumns,\n  } = useColumnVisibility({\n    columns,\n    onVisibleColumnNamesChange,\n    visibleColumnNames,\n  })\n  const visiblePreparedColumns = useMemo(\n    () => preparedColumns.filter(({ column }) => isColumnVisible(column)),\n    [preparedColumns, isColumnVisible]\n  )\n\n  const selectionModel = useDataTableSelection({\n    canSelectAllPages,\n    data,\n    disabledKeys,\n    getRowId,\n    hasRowPressAction,\n    onSelectedChange,\n    resultCount,\n    selectable,\n    selectedKeys: controlledSelectedKeys,\n    totalDisabledCount,\n  })\n  const {\n    headerCheckboxProps,\n    rowPressSelects,\n    selectedCount,\n    tableProps: selectionProps,\n    totalCount,\n  } = selectionModel\n\n  // Associate the visible results count with the table so screen readers\n  // announce it as a description of the table. `Table` doesn't support a real\n  // `<caption>` (its children go through a collection builder), so we link the\n  // count via `aria-describedby`, merging with any caller-supplied value.\n  const stableId = useId()\n  const tableId = id || `tds-data-table-${stableId}`\n  const resultsCountId = `${tableId}-results-count`\n  const describedBy = hasResultsCount(resultNoun)\n    ? [restProps[\"aria-describedby\"], resultsCountId].filter(Boolean).join(\" \")\n    : restProps[\"aria-describedby\"]\n\n  // A caller-supplied `aria-label` always wins; otherwise the results noun\n  // provides the table's accessible name so a label is present whenever a noun\n  // is given. Array nouns are transformed to their plural form.\n  const resultNounLabel = resolveResultNounLabel(resultNoun)\n  const ariaLabel = restProps[\"aria-label\"] || resultNounLabel\n  const paginationLabel = resultNounLabel\n    ? `${resultNounLabel} table pagination`\n    : undefined\n\n  const hasActions = (tableActions?.length ?? 0) > 0\n  const hasFilters = (filters?.length ?? 0) > 0\n  const hasViewSettingsToggle = hideableColumns.length > 0\n  const showHeader = Boolean(\n    resultNoun || hasActions || hasFilters || hasViewSettingsToggle\n  )\n  const hasRowActions = (rowActions?.length ?? 0) > 0\n  // A lone page has nothing to navigate to, so the paged controls stay out of\n  // the frame entirely rather than rendering a single inert page marker. The\n  // indexed type has no page count to measure against — stepping is the only\n  // way through the set — so asking for it always renders the controls, and a\n  // set that fits on one page shows both buttons disabled.\n  const isIndexedPagination = paginationType === \"indexed\"\n  const showPagination =\n    isIndexedPagination || (totalPages !== undefined && totalPages > 1)\n\n  return (\n    <FiltersProvider filters={filters}>\n      <div\n        className={classNames(\"tds-data-table\", {\n          \"tds-data-table--sticky-header\": hasScrollContainer,\n        })}\n      >\n        <div className=\"tds-data-table-frame\">\n          <DataTableSelectionContext.Provider value={selectionModel}>\n            {showHeader && (\n              <div className=\"tds-data-table-frame-header\">\n                <ResultsCount\n                  id={resultsCountId}\n                  resultNoun={resultNoun}\n                  selectable={selectable}\n                  selectedCount={selectedCount}\n                  totalCount={totalCount}\n                />\n                {hasActions && (\n                  <TableActions\n                    actions={tableActions as TableAction<DataTableSelection>[]}\n                    resultNoun={resultNoun}\n                  />\n                )}\n                {hasFilters && (\n                  <FilterControls filters={filters as FilterNode[]} />\n                )}\n                {hasViewSettingsToggle && (\n                  <ViewSettingsToggle\n                    columns={hideableColumns}\n                    onColumnVisibilityChange={onColumnVisibilityChange}\n                    visibleColumnNames={visibleHideableColumns}\n                  />\n                )}\n              </div>\n            )}\n            <SelectAllBanner resultNoun={resultNoun} />\n          </DataTableSelectionContext.Provider>\n          {activeFilters?.length > 0 && (\n            <ActiveFilters activeFilters={activeFilters} />\n          )}\n          <div ref={wrapperRef} className=\"tds-data-table-scroll-wrapper\">\n            <div ref={scrollRef} className=\"tds-data-table-scroll\">\n              <Table\n                {...restProps}\n                {...selectionProps}\n                {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n                {...(describedBy ? { \"aria-describedby\": describedBy } : {})}\n                // RAC's `Table` forwards `id` to the underlying table element at\n                // runtime (via `filterDOMProps({ global: true })`) but omits `id`\n                // from its prop types, so spread it through a cast.\n                {...({ id: tableId } as Partial<AriaTableProps>)}\n                className={combinedClassName}\n                // Pinned rather than exposed as a prop: `disabledKeys` only ever\n                // turns off selection here, leaving the row clickable and\n                // focusable. React Aria defaults this to \"all\", which would also\n                // disable `onRowClick`/`getRowLink` and drop the row out of the\n                // focus order, so it has to be set explicitly.\n                disabledBehavior=\"selection\"\n                disabledKeys={disabledKeys}\n                sortDescriptor={sortDescriptor}\n                onSortChange={(sort) => {\n                  onSortChange?.(serializeSort(sort))\n                }}\n              >\n                <TableHeader className=\"tds-data-table-header\">\n                  {/*\n                  Rendered as a sibling before the `preparedColumns.map` below\n                  (not folded into it) so the map's `index` still starts at 0\n                  for the first *data* column — that's what keeps\n                  `isRowHeader={index === 0}` pointing at the first data\n                  column instead of this selection column.\n                */}\n                  {selectable && (\n                    <Column className=\"tds-data-table-column tds-data-table-column--selectable\">\n                      {headerCheckboxProps ? (\n                        <Checkbox\n                          {...headerCheckboxProps}\n                          aria-label=\"Select all\"\n                          slot={null}\n                          className=\"tds-data-table-selectable-checkbox\"\n                        />\n                      ) : (\n                        <Checkbox\n                          slot=\"selection\"\n                          className=\"tds-data-table-selectable-checkbox\"\n                        />\n                      )}\n                    </Column>\n                  )}\n                  {visiblePreparedColumns.map(({ align, column }, index) => (\n                    <Column\n                      key={column.name}\n                      id={column.name}\n                      isRowHeader={index === 0}\n                      className={classNames(\"tds-data-table-column\", {\n                        [`tds-data-table-column--align-${align}`]:\n                          align !== \"start\",\n                      })}\n                      allowsSorting={column.sortable}\n                    >\n                      {column.hideLabel ? (\n                        <span className=\"tds-data-table-column-label--hidden\">\n                          {column.headerLabel}\n                        </span>\n                      ) : (\n                        column.headerLabel\n                      )}\n                      {column.sortable && (\n                        <Icon\n                          className=\"tds-data-table-column-icon tds-data-table-column-icon--sort\"\n                          symbol=\"general#up-caret\"\n                          aria-hidden={true}\n                        />\n                      )}\n                    </Column>\n                  ))}\n                  {hasRowActions && (\n                    <Column className=\"tds-data-table-column tds-data-table-column--actions\">\n                      <span className=\"tds-data-table-column-label--hidden\">\n                        Actions\n                      </span>\n                    </Column>\n                  )}\n                </TableHeader>\n                <TableBody\n                  className=\"tds-data-table-body\"\n                  renderEmptyState={renderEmptyState}\n                >\n                  {data.map((row, rowIndex) => {\n                    const rowKey = getRowKey(row, rowIndex, getRowId)\n                    return (\n                      <Row\n                        key={rowKey}\n                        id={rowKey}\n                        href={getRowLink?.(row)}\n                        onAction={\n                          onRowClick ? () => onRowClick(row) : undefined\n                        }\n                        className={classNames(\"tds-data-table-row\", {\n                          \"tds-data-table-row--interactive\": rowsAreInteractive,\n                          \"tds-data-table-row--press-selects\": rowPressSelects,\n                        })}\n                      >\n                        {selectable && (\n                          <Cell className=\"tds-data-table-cell tds-data-table-cell--selectable\">\n                            <Checkbox\n                              slot=\"selection\"\n                              className=\"tds-data-table-selectable-checkbox\"\n                            />\n                          </Cell>\n                        )}\n                        {visiblePreparedColumns.map((prepared) => (\n                          <Cell\n                            key={prepared.column.name}\n                            {...cellBoundaryProps}\n                            data-pii={prepared.column.pii || undefined}\n                            className={classNames(\"tds-data-table-cell\", {\n                              [`tds-data-table-cell--align-${prepared.align}`]:\n                                prepared.align !== \"start\",\n                              \"tds-data-table-cell--numeric\":\n                                prepared.isNumeric,\n                            })}\n                          >\n                            {prepared.renderCell(row)}\n                          </Cell>\n                        ))}\n                        {hasRowActions && (\n                          <Cell\n                            {...cellBoundaryProps}\n                            className=\"tds-data-table-cell tds-data-table-cell--actions\"\n                          >\n                            <RowActions\n                              actions={rowActions!} // Safe to assert non-null here because of `hasRowActions`\n                              row={row}\n                              rowKey={rowKey}\n                            />\n                          </Cell>\n                        )}\n                      </Row>\n                    )\n                  })}\n                </TableBody>\n              </Table>\n            </div>\n          </div>\n          {showPagination && (\n            <div className=\"tds-data-table-frame-footer\">\n              {/*\n              `Pagination`'s two shapes are a discriminated union, so each is\n              spelled out in full rather than assembled from one prop bag.\n            */}\n              {isIndexedPagination ? (\n                <Pagination\n                  aria-label={paginationLabel}\n                  hasNextPage={hasNextPage}\n                  hasPreviousPage={hasPreviousPage}\n                  onNextPageClick={onNextPageClick}\n                  onPreviousPageClick={onPreviousPageClick}\n                  type=\"indexed\"\n                />\n              ) : (\n                <Pagination\n                  aria-label={paginationLabel}\n                  currentPage={currentPage}\n                  onPageChange={onPageChange}\n                  totalPages={totalPages!}\n                />\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    </FiltersProvider>\n  )\n}\n\nDataTable.displayName = \"DataTable\"\n\n/**\n * Resolves the content rendered in the table body's empty-state slot based on\n * `loadingState`, falling back to `emptyState`. Returns `null` when nothing\n * should render (idle with no `emptyState`).\n */\nfunction getEmptyStateContent({\n  emptyState,\n  errorState,\n  loadingState,\n}: {\n  emptyState: ReactNode\n  errorState: ReactNode\n  loadingState: DataTableLoadingState\n}): ReactNode {\n  if (loadingState === \"loading\") {\n    return (\n      <div className=\"tds-data-table-loading\" role=\"status\">\n        <span className=\"tds-data-table-cell-label--hidden\">Loading</span>\n        <span className=\"tds-data-table-loading-spinner\" aria-hidden=\"true\">\n          <LoadingSpinner />\n        </span>\n      </div>\n    )\n  }\n\n  // Error and empty share the same container; they differ only in content.\n  const content =\n    loadingState === \"error\" ? (errorState ?? DEFAULT_ERROR_STATE) : emptyState\n  if (content == null) return null\n\n  return <div className=\"tds-data-table-empty\">{content}</div>\n}\n\nfunction useSortDescriptor(\n  sortBy: Sort | undefined\n): SortDescriptor | undefined {\n  return useMemo(() => {\n    if (!sortBy) return undefined\n    return deserializeSort(sortBy)\n  }, [sortBy])\n}\n\nfunction deserializeSort(sort: Sort): SortDescriptor {\n  if (sort.direction === \"desc\")\n    return { column: sort.column, direction: \"descending\" }\n  return { column: sort.column, direction: \"ascending\" }\n}\n\nfunction serializeSort(sort: SortDescriptor): Sort {\n  if (sort.direction === \"descending\")\n    return { column: sort.column as string, direction: \"desc\" }\n  return { column: sort.column as string, direction: \"asc\" }\n}\n\nfunction useStickyHeader(\n  stickyHeader: boolean | undefined,\n  scrollContainerRef: React.RefObject<HTMLElement> | undefined,\n  scrollContainerSelector: string | undefined\n) {\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  const [hasScrollContainer, setHasScrollContainer] = useState(false)\n\n  useLayoutEffect(() => {\n    setHasScrollContainer(false)\n    if (!stickyHeader) return\n    if (typeof ResizeObserver === \"undefined\") return\n    const wrapper = wrapperRef.current\n    if (!wrapper) return\n\n    const scrollContainer = getScrollContainer(\n      scrollContainerRef,\n      scrollContainerSelector,\n      wrapper\n    )\n    if (!scrollContainer) return\n\n    setHasScrollContainer(true)\n\n    let thead: HTMLElement | null = null\n\n    const resizeObserver = new ResizeObserver(() => {\n      if (!thead) {\n        thead = wrapper.querySelector<HTMLElement>(\".tds-data-table-header\")\n        if (!thead) return\n        scrollContainer.style.setProperty(\n          \"scroll-timeline-name\",\n          \"--_sticky-header-scroll\"\n        )\n      }\n\n      const { top: wrapperTop, bottom: wrapperBottom } =\n        wrapper.getBoundingClientRect()\n      const { top: scrollContainerTop } =\n        scrollContainer.getBoundingClientRect()\n      // Derive headerTop from the untransformed wrapper to avoid reading the\n      // scroll-driven translateY that getBoundingClientRect() includes on thead.\n      const headerTop = wrapperTop + wrapper.clientTop\n      const start = scrollContainer.scrollTop + (headerTop - scrollContainerTop)\n      const max = Math.max(0, wrapperBottom - headerTop - thead.offsetHeight)\n      wrapper.style.setProperty(\"--_sticky-header-scroll-start\", `${start}px`)\n      wrapper.style.setProperty(\"--_sticky-header-scroll-max\", `${max}px`)\n    })\n\n    resizeObserver.observe(wrapper)\n    // The banner moves the wrapper without changing its size.\n    if (wrapper.parentElement) resizeObserver.observe(wrapper.parentElement)\n    resizeObserver.observe(scrollContainer)\n\n    return () => {\n      resizeObserver.disconnect()\n      wrapper.style.removeProperty(\"--_sticky-header-scroll-start\")\n      wrapper.style.removeProperty(\"--_sticky-header-scroll-max\")\n    }\n  }, [stickyHeader, scrollContainerRef, scrollContainerSelector])\n\n  return { hasScrollContainer, wrapperRef }\n}\n\nfunction getScrollContainer(\n  scrollContainerRef: React.RefObject<HTMLElement> | undefined,\n  scrollContainerSelector: string | undefined,\n  wrapper: HTMLElement\n): HTMLElement | undefined {\n  const element =\n    scrollContainerRef?.current ??\n    getScrollContainerFromSelector(scrollContainerSelector, wrapper)\n  if (element instanceof Window) return\n  return element\n}\n\nfunction getScrollContainerFromSelector(\n  scrollContainerSelector: string | undefined,\n  wrapper: HTMLElement\n): HTMLElement | undefined {\n  return scrollContainerSelector\n    ? (wrapper.parentElement?.closest<HTMLElement>(scrollContainerSelector) ??\n        undefined)\n    : undefined\n}\n"],"names":["React"],"mappings":"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"}

package/dist/components/DataTable/FilterContext.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { ActiveFilter, FilterNode, FilterNodeItem, Operator } from "./FilterTypes";
+export type RelatedFilterOperatorResult = {
+    operator?: Operator;
+    relatedFilter?: FilterNodeItem;
+};
+export declare const FilterContext: React.Context<{
+    findActiveFilterOperator: (activeFilter: ActiveFilter) => RelatedFilterOperatorResult | undefined;
+    flatFilters: FilterNodeItem[];
+}>;
+export declare function FiltersProvider({ filters, children, }: {
+    children: React.ReactNode;
+    filters: FilterNode[];
+}): React.JSX.Element;
+export declare function useRelatedFilterOperator(activeFilter: ActiveFilter): RelatedFilterOperatorResult;
+//# sourceMappingURL=FilterContext.d.ts.map

package/dist/components/DataTable/FilterContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterContext.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/FilterContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAElE,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EACV,cAAc,EACd,QAAQ,EACT,MAAM,eAAe,CAAA;AAEtB,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,aAAa,CAAC,EAAE,cAAc,CAAA;CAC/B,CAAA;AACD,eAAO,MAAM,aAAa;8BACE,CACxB,YAAY,EAAE,YAAY,KACvB,2BAA2B,GAAG,SAAS;iBAC/B,cAAc,EAAE;EAI7B,CAAA;AAQF,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,UAAU,EAAE,CAAA;CACtB,qBAuBA;AAED,wBAAgB,wBAAwB,CACtC,YAAY,EAAE,YAAY,GACzB,2BAA2B,CAQ7B"}

package/dist/components/DataTable/FilterContext.js

@@ -0,0 +1,32 @@
+import React__default, { createContext, useMemo, useCallback } from 'react';
+
+const FilterContext = createContext({
+    findActiveFilterOperator: () => undefined,
+    flatFilters: [],
+});
+function flattenFilters(nodes) {
+    return nodes.flatMap((node) => node.children ? flattenFilters(node.children) : node);
+}
+function FiltersProvider({ filters, children, }) {
+    const flatFilters = useMemo(() => flattenFilters(filters), [filters]);
+    const findFilter = useCallback((activeFilter) => flatFilters.find((f) => f.name === activeFilter.name), [flatFilters]);
+    const value = useMemo(() => ({
+        findActiveFilterOperator: (activeFilter) => {
+            const filter = findFilter(activeFilter);
+            const operator = filter?.operators.find((op) => op.name === activeFilter.operator);
+            return { operator, relatedFilter: filter };
+        },
+        flatFilters,
+    }), [findFilter, flatFilters]);
+    return (React__default.createElement(FilterContext.Provider, { value: value }, children));
+}
+function useRelatedFilterOperator(activeFilter) {
+    const context = React__default.useContext(FilterContext);
+    return (context.findActiveFilterOperator(activeFilter) || {
+        operator: undefined,
+        relatedFilter: undefined,
+    });
+}
+
+export { FilterContext, FiltersProvider, useRelatedFilterOperator };
+//# sourceMappingURL=FilterContext.js.map

package/dist/components/DataTable/FilterContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterContext.js","sources":["../../../src/components/DataTable/FilterContext.tsx"],"sourcesContent":["import React, { createContext, useCallback, useMemo } from \"react\"\n\nimport type {\n  ActiveFilter,\n  FilterNode,\n  FilterNodeItem,\n  Operator,\n} from \"./FilterTypes\"\n\nexport type RelatedFilterOperatorResult = {\n  operator?: Operator\n  relatedFilter?: FilterNodeItem\n}\nexport const FilterContext = createContext<{\n  findActiveFilterOperator: (\n    activeFilter: ActiveFilter\n  ) => RelatedFilterOperatorResult | undefined\n  flatFilters: FilterNodeItem[]\n}>({\n  findActiveFilterOperator: () => undefined,\n  flatFilters: [],\n})\n\nfunction flattenFilters(nodes: FilterNode[]): FilterNodeItem[] {\n  return nodes.flatMap((node) =>\n    node.children ? flattenFilters(node.children) : node\n  )\n}\n\nexport function FiltersProvider({\n  filters,\n  children,\n}: {\n  children: React.ReactNode\n  filters: FilterNode[]\n}) {\n  const flatFilters = useMemo(() => flattenFilters(filters), [filters])\n  const findFilter = useCallback(\n    (activeFilter: ActiveFilter) =>\n      flatFilters.find((f) => f.name === activeFilter.name),\n    [flatFilters]\n  )\n  const value = useMemo(\n    () => ({\n      findActiveFilterOperator: (activeFilter: ActiveFilter) => {\n        const filter = findFilter(activeFilter)\n        const operator = filter?.operators.find(\n          (op) => op.name === activeFilter.operator\n        )\n        return { operator, relatedFilter: filter }\n      },\n      flatFilters,\n    }),\n    [findFilter, flatFilters]\n  )\n  return (\n    <FilterContext.Provider value={value}>{children}</FilterContext.Provider>\n  )\n}\n\nexport function useRelatedFilterOperator(\n  activeFilter: ActiveFilter\n): RelatedFilterOperatorResult {\n  const context = React.useContext(FilterContext)\n  return (\n    context.findActiveFilterOperator(activeFilter) || {\n      operator: undefined,\n      relatedFilter: undefined,\n    }\n  )\n}\n"],"names":["React"],"mappings":";;AAaO,MAAM,aAAa,GAAG,aAAa,CAKvC;AACD,IAAA,wBAAwB,EAAE,MAAM,SAAS;AACzC,IAAA,WAAW,EAAE,EAAE;AAChB,CAAA;AAED,SAAS,cAAc,CAAC,KAAmB,EAAA;IACzC,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KACxB,IAAI,CAAC,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,CACrD;AACH;SAEgB,eAAe,CAAC,EAC9B,OAAO,EACP,QAAQ,GAIT,EAAA;AACC,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AACrE,IAAA,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,YAA0B,KACzB,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,CAAC,EACvD,CAAC,WAAW,CAAC,CACd;AACD,IAAA,MAAM,KAAK,GAAG,OAAO,CACnB,OAAO;AACL,QAAA,wBAAwB,EAAE,CAAC,YAA0B,KAAI;AACvD,YAAA,MAAM,MAAM,GAAG,UAAU,CAAC,YAAY,CAAC;YACvC,MAAM,QAAQ,GAAG,MAAM,EAAE,SAAS,CAAC,IAAI,CACrC,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,KAAK,YAAY,CAAC,QAAQ,CAC1C;AACD,YAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE;QAC5C,CAAC;QACD,WAAW;AACZ,KAAA,CAAC,EACF,CAAC,UAAU,EAAE,WAAW,CAAC,CAC1B;AACD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,EAAG,QAAQ,CAA0B;AAE7E;AAEM,SAAU,wBAAwB,CACtC,YAA0B,EAAA;IAE1B,MAAM,OAAO,GAAGA,cAAK,CAAC,UAAU,CAAC,aAAa,CAAC;AAC/C,IAAA,QACE,OAAO,CAAC,wBAAwB,CAAC,YAAY,CAAC,IAAI;AAChD,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,aAAa,EAAE,SAAS;AACzB,KAAA;AAEL;;;;"}

package/dist/components/DataTable/FilterControls.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { FilterNode } from "./FilterTypes";
+export interface FilterControlsProps {
+    filters: FilterNode[];
+}
+/** Skeleton for the DataTable filters cluster — grows incrementally. */
+export declare function FilterControls({ filters }: FilterControlsProps): React.JSX.Element;
+export declare namespace FilterControls {
+    var displayName: string;
+}
+//# sourceMappingURL=FilterControls.d.ts.map

package/dist/components/DataTable/FilterControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterControls.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/FilterControls.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAShD,OAAO,KAAK,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAkEhE,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,UAAU,EAAE,CAAA;CACtB;AAED,wEAAwE;AACxE,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,mBAAmB,qBA+C9D;yBA/Ce,cAAc"}