@d4gger/design-system 3.0.0 → 4.0.0

package/dist/components/dataTable/DataTable.js

@@ -2,24 +2,18 @@
 import * as React from "react";
 import classNames from "classnames";
 import { extractProps } from "../../_internal/helpers/extractProps.js";
+import { Button } from "../button/Button.js";
 import { Checkbox } from "../checkbox/Checkbox.js";
-import { Input } from "../input/Input.js";
+import { Icon } from "../icon/Icon.js";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../table/Table.js";
+import { DataTableToolbarContext } from "./DataTableContext.js";
 import { dataTablePropDefs } from "./dataTable.props.js";
+import { exportDataTableRows, exportDataTableRowsProgressive } from "./dataTable.export.js";
 import { DataTableToolbar } from "./DataTableToolbar.js";
 import { DataTablePagination } from "./DataTablePagination.js";
 import { DataTableFacetedFilter } from "./DataTableFacetedFilter.js";
 import { RESULT_ILLUSTRATION_VARIANT_BY_STATE, Result } from "../result/Result.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-const DATA_TABLE_CONTROLS_STYLE = {
-  display: "flex",
-  alignItems: "center",
-  gap: "var(--dsx-space-sm)",
-  padding: "var(--dsx-space-md)"
-};
-const DATA_TABLE_SEARCH_STYLE = {
-  width: "100%"
-};
 const DATA_TABLE_SELECTION_CELL_STYLE = {
   width: "1%",
   whiteSpace: "nowrap"
@@ -38,10 +32,6 @@ const DATA_TABLE_HEADER_BUTTON_STYLE = {
   textAlign: "left",
   cursor: "pointer"
 };
-const DATA_TABLE_SORT_ICON_STYLE = {
-  color: "var(--dsx-color-on-surface-variant)",
-  fontSize: "0.875em"
-};
 const DATA_TABLE_EXPAND_CELL_STYLE = {
   width: "1%",
   whiteSpace: "nowrap"
@@ -117,19 +107,7 @@ function getNextSortState(currentSort, columnId) {
   if (!currentSort || currentSort.columnId !== columnId) {
     return { columnId, direction: "asc" };
   }
-  return {
-    columnId,
-    direction: currentSort.direction === "asc" ? "desc" : "asc"
-  };
-}
-function getSortIcon(direction) {
-  if (direction === "asc") {
-    return "\u2191";
-  }
-  if (direction === "desc") {
-    return "\u2193";
-  }
-  return "\u2195";
+  return currentSort.direction === "asc" ? { columnId, direction: "desc" } : null;
 }
 function getColumnValue(column, row, rowIndex) {
   if (column.accessorKey) {
@@ -145,7 +123,7 @@ function DataTableInner(props, forwardedRef) {
     className: propClassName,
     columns,
     data,
-    emptyState = "No results.",
+    emptyState,
     getRowId,
     visibleColumnIds: controlledVisibleColumnIds,
     onVisibleColumnIdsChange,
@@ -154,12 +132,28 @@ function DataTableInner(props, forwardedRef) {
     facetedFilters: controlledFacetedFilters,
     onFacetedFiltersChange,
     toolbar,
+    query: controlledQuery,
+    defaultQuery = "",
+    onQueryChange,
     showToolbar = true,
     showPagination = false,
+    paginationPosition = "bottom",
+    paginationAlign,
+    paginationFirstLast = false,
+    paginationPageInput = false,
+    onTableChange,
+    bulkActions,
     sortBy,
     sortOrder = "asc",
     onSortChange,
+    sorting: controlledSorting,
+    defaultSorting = null,
+    onSortingChange,
+    resetPageOnViewChange = true,
+    clearSelectionOnViewChange = true,
     stickyHeader = false,
+    wrapScrollArea = true,
+    separator = "rules",
     selectedRowIds: controlledSelectedRowIds,
     defaultSelectedRowIds,
     onSelectedRowIdsChange,
@@ -182,9 +176,10 @@ function DataTableInner(props, forwardedRef) {
     },
     dataTablePropDefs
   );
-  const [query, setQuery] = React.useState("");
-  const [internalSort, setInternalSort] = React.useState(null);
-  const sort = sortBy ? { columnId: sortBy, direction: sortOrder } : internalSort;
+  const [internalQuery, setInternalQuery] = React.useState(defaultQuery);
+  const query = controlledQuery ?? internalQuery;
+  const [internalSort, setInternalSort] = React.useState(defaultSorting);
+  const sort = controlledSorting !== void 0 ? controlledSorting : sortBy ? { columnId: sortBy, direction: sortOrder } : internalSort;
   const [internalSelectedRowIds, setInternalSelectedRowIds] = React.useState(() => new Set(defaultSelectedRowIds));
   const selectedRowIds = controlledSelectedRowIds ?? internalSelectedRowIds;
   const [internalExpandedRowIds, setInternalExpandedRowIds] = React.useState(() => new Set(defaultExpandedRowIds));
@@ -195,10 +190,18 @@ function DataTableInner(props, forwardedRef) {
     page: 1,
     pageSize: 10
   });
-  const visibleColumnIds = controlledVisibleColumnIds ?? new Set(columns.map((col) => col.id));
+  const [internalVisibleColumnIds, setInternalVisibleColumnIds] = React.useState(
+    () => new Set(columns.map((column) => column.id))
+  );
+  const visibleColumnIds = controlledVisibleColumnIds ?? internalVisibleColumnIds;
   const isPaginationControlled = controlledPagination !== void 0;
   const pagination = isPaginationControlled ? controlledPagination : internalPagination;
   const facetedFilters = controlledFacetedFilters ?? [];
+  const facetedFilterSignature = React.useMemo(
+    () => facetedFilters.map((filter) => `${filter.columnId}:${Array.from(filter.selectedValues).sort().join(",")}`).sort().join("|"),
+    [facetedFilters]
+  );
+  const previousFacetedFilterSignature = React.useRef(facetedFilterSignature);
   const rows = React.useMemo(
     () => data.map((row, rowIndex) => ({
       row,
@@ -231,9 +234,12 @@ function DataTableInner(props, forwardedRef) {
   const filteredRows = React.useMemo(() => {
     let result2 = rows;
     if (normalizedQuery) {
-      result2 = result2.filter(
-        ({ row, rowIndex }) => columns.some((column) => stringifyDataTableValue(getColumnValue(column, row, rowIndex)).toLowerCase().includes(normalizedQuery))
-      );
+      result2 = result2.filter(({ row, rowIndex }) => {
+        const matchesRenderedColumns = columns.some((column) => stringifyDataTableValue(
+          getColumnValue(column, row, rowIndex)
+        ).toLowerCase().includes(normalizedQuery));
+        return matchesRenderedColumns || stringifyDataTableValue(row).toLowerCase().includes(normalizedQuery);
+      });
     }
     if (facetedFilterMap.size > 0) {
       result2 = result2.filter(({ row }) => {
@@ -285,10 +291,44 @@ function DataTableInner(props, forwardedRef) {
     () => columns.filter((col) => visibleColumnIds.has(col.id)),
     [columns, visibleColumnIds]
   );
+  const emitTableChange = React.useCallback((action, paginationOverride, sortOverride) => {
+    const resolvedSort = sortOverride !== void 0 ? sortOverride : sort;
+    onTableChange?.(action, {
+      pagination: paginationOverride ?? pagination,
+      sortBy: resolvedSort ? resolvedSort.columnId : null,
+      sortOrder: resolvedSort ? resolvedSort.direction : sortOrder
+    });
+  }, [onTableChange, pagination, sort, sortOrder]);
+  const resetViewState = React.useCallback(() => {
+    const nextPagination = { ...pagination, page: 1 };
+    if (resetPageOnViewChange && pagination.page !== 1) {
+      if (!isPaginationControlled) setInternalPagination(nextPagination);
+      onPaginationChange?.(nextPagination);
+    }
+    if (clearSelectionOnViewChange && selectedRowIds.size > 0) {
+      if (controlledSelectedRowIds === void 0) setInternalSelectedRowIds(/* @__PURE__ */ new Set());
+      onSelectedRowIdsChange?.(/* @__PURE__ */ new Set());
+    }
+    return resetPageOnViewChange ? nextPagination : pagination;
+  }, [
+    clearSelectionOnViewChange,
+    controlledSelectedRowIds,
+    isPaginationControlled,
+    onPaginationChange,
+    onSelectedRowIdsChange,
+    pagination,
+    resetPageOnViewChange,
+    selectedRowIds
+  ]);
   function handleSort(columnId) {
-    const next = getNextSortState(sort, columnId);
-    if (sortBy === void 0) setInternalSort(next);
-    onSortChange?.(next.columnId, next.direction);
+    const next = controlledSorting === void 0 && sortBy !== void 0 ? {
+      columnId,
+      direction: sort?.columnId === columnId && sort.direction === "asc" ? "desc" : "asc"
+    } : getNextSortState(sort, columnId);
+    if (controlledSorting === void 0 && sortBy === void 0) setInternalSort(next);
+    onSortingChange?.(next);
+    if (next) onSortChange?.(next.columnId, next.direction);
+    emitTableChange("sort", resetViewState(), next);
   }
   function updateSelection(updater) {
     const next = updater(selectedRowIds);
@@ -335,6 +375,7 @@ function DataTableInner(props, forwardedRef) {
       setInternalPagination(nextPagination);
     }
     onPaginationChange?.(nextPagination);
+    emitTableChange("paginate", nextPagination);
   }
   function handlePageSizeChange(nextPageSize) {
     const nextPagination = { ...pagination, pageSize: nextPageSize, page: 1 };
@@ -342,20 +383,79 @@ function DataTableInner(props, forwardedRef) {
       setInternalPagination(nextPagination);
     }
     onPaginationChange?.(nextPagination);
+    emitTableChange("paginate", nextPagination);
   }
-  const defaultToolbar = showToolbar ? /* @__PURE__ */ jsx("div", { style: DATA_TABLE_CONTROLS_STYLE, children: /* @__PURE__ */ jsx(
-    Input,
-    {
-      "aria-label": "Search table rows",
-      density: "sm",
-      onChange: (event) => setQuery(event.currentTarget.value),
-      placeholder: "Search rows",
-      style: DATA_TABLE_SEARCH_STYLE,
-      type: "search",
-      value: query
-    }
-  ) }) : null;
-  return /* @__PURE__ */ jsxs(
+  function handleQueryChange(nextQuery) {
+    if (controlledQuery === void 0) setInternalQuery(nextQuery);
+    onQueryChange?.(nextQuery);
+    emitTableChange("filter", resetViewState());
+  }
+  function handleVisibleColumnIdsChange(nextVisibleColumnIds) {
+    if (controlledVisibleColumnIds === void 0) setInternalVisibleColumnIds(nextVisibleColumnIds);
+    onVisibleColumnIdsChange?.(nextVisibleColumnIds);
+  }
+  function handleClearSelection() {
+    updateSelection(() => /* @__PURE__ */ new Set());
+  }
+  function handleClearFilters() {
+    handleQueryChange("");
+    onFacetedFiltersChange?.([]);
+  }
+  React.useEffect(() => {
+    if (previousFacetedFilterSignature.current === facetedFilterSignature) return;
+    previousFacetedFilterSignature.current = facetedFilterSignature;
+    emitTableChange("filter", resetViewState());
+  }, [emitTableChange, facetedFilterSignature, resetViewState]);
+  const defaultToolbar = showToolbar ? /* @__PURE__ */ jsxs(DataTableToolbar, { "aria-label": "Table tools", role: "group", children: [
+    /* @__PURE__ */ jsx(DataTableToolbar.Search, {}),
+    /* @__PURE__ */ jsxs("div", { className: "dsx-data-table-toolbar__actions", children: [
+      /* @__PURE__ */ jsx(DataTableToolbar.RowCount, {}),
+      /* @__PURE__ */ jsx(DataTableToolbar.ColumnVisibility, {}),
+      /* @__PURE__ */ jsx(DataTableToolbar.Export, {})
+    ] })
+  ] }) : null;
+  const showTopPagination = showPagination && (paginationPosition === "top" || paginationPosition === "both");
+  const showBottomPagination = showPagination && (paginationPosition === "bottom" || paginationPosition === "both");
+  const selectedCount = selectedRowIds.size;
+  const showBulkBar = selectionMode === "multiple" && selectedCount > 0;
+  const toolbarContextValue = {
+    columns: columns.map((column) => ({ id: column.id, label: column.header })),
+    exportRows: (format) => exportDataTableRows(
+      format,
+      visibleRows.map(({ row }) => row),
+      visibleColumns
+    ),
+    exportRowsProgressive: (format, onProgress) => exportDataTableRowsProgressive(
+      format,
+      visibleRows.map(({ row }) => row),
+      visibleColumns,
+      onProgress
+    ),
+    filteredRowCount: visibleRows.length,
+    onQueryChange: handleQueryChange,
+    onVisibleColumnIdsChange: handleVisibleColumnIdsChange,
+    query,
+    selectedRowCount: selectedCount,
+    totalRowCount: rows.length,
+    visibleColumnIds
+  };
+  function renderPagination(position) {
+    return /* @__PURE__ */ jsx(
+      DataTablePagination,
+      {
+        page: pagination.page,
+        pageSize: pagination.pageSize,
+        total: visibleRows.length,
+        onPageChange: handlePaginationChange,
+        onPageSizeChange: handlePageSizeChange,
+        align: paginationAlign,
+        showFirstLast: paginationFirstLast,
+        showPageInput: paginationPageInput,
+        className: position === "top" ? "dsx-data-table__pagination-top" : void 0
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ...dataTableProps,
@@ -364,9 +464,20 @@ function DataTableInner(props, forwardedRef) {
       "data-empty": isEmpty ? "true" : void 0,
       "data-size": size,
       "data-sticky-header": stickyHeader ? "true" : void 0,
-      children: [
-        toolbar ?? defaultToolbar,
-        /* @__PURE__ */ jsxs(Table, { children: [
+      children: /* @__PURE__ */ jsxs(DataTableToolbarContext.Provider, { value: toolbarContextValue, children: [
+        /* @__PURE__ */ jsxs("div", { className: "dsx-data-table__toolbar-region", children: [
+          toolbar ?? defaultToolbar,
+          showBulkBar ? /* @__PURE__ */ jsxs("div", { className: "dsx-data-table__bulk-bar", role: "group", "aria-label": "Selected row actions", children: [
+            /* @__PURE__ */ jsxs("span", { className: "dsx-data-table__bulk-bar-count", role: "status", "aria-live": "polite", children: [
+              selectedCount,
+              " selected"
+            ] }),
+            bulkActions ? /* @__PURE__ */ jsx("span", { className: "dsx-data-table__bulk-bar-actions", children: bulkActions }) : null,
+            /* @__PURE__ */ jsx(Button, { className: "dsx-data-table__bulk-bar-clear", size: "sm", type: "button", variant: "ghost", onClick: handleClearSelection, children: "Deselect all" })
+          ] }) : null
+        ] }),
+        showTopPagination ? renderPagination("top") : null,
+        /* @__PURE__ */ jsxs(Table, { size, wrapScrollArea, separator, children: [
           /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
             expandedRowRender ? /* @__PURE__ */ jsx(TableHead, { "aria-label": "Expand row", style: DATA_TABLE_EXPAND_CELL_STYLE }) : null,
             selectionMode === "multiple" ? /* @__PURE__ */ jsx(TableHead, { "aria-label": "Select rows", style: DATA_TABLE_SELECTION_CELL_STYLE, children: /* @__PURE__ */ jsx(
@@ -389,9 +500,23 @@ function DataTableInner(props, forwardedRef) {
                 "data-truncate": column.truncate ? "true" : void 0,
                 "data-hide-below": column.hideBelow,
                 style: { width: typeof column.width === "object" ? void 0 : column.width, minWidth: typeof column.width === "object" ? column.width.min : void 0, maxWidth: typeof column.width === "object" ? column.width.max : void 0 },
-                children: column.sortable !== false ? /* @__PURE__ */ jsxs("button", { style: DATA_TABLE_HEADER_BUTTON_STYLE, type: "button", onClick: () => handleSort(column.id), children: [
+                children: column.sortable !== false ? /* @__PURE__ */ jsxs("button", { className: "dsx-data-table__sort-button", style: DATA_TABLE_HEADER_BUTTON_STYLE, type: "button", onClick: () => handleSort(column.id), children: [
                   /* @__PURE__ */ jsx("span", { children: column.header }),
-                  /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: DATA_TABLE_SORT_ICON_STYLE, children: getSortIcon(sort?.columnId === column.id ? sort.direction : void 0) })
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "dsx-data-table__sort-indicator",
+                      "data-direction": sort?.columnId === column.id ? sort.direction : "none",
+                      children: /* @__PURE__ */ jsx(
+                        Icon,
+                        {
+                          name: sort?.columnId === column.id ? sort.direction === "asc" ? "arrow-up" : "arrow-down" : "arrow-up-down",
+                          size: "sm"
+                        }
+                      )
+                    }
+                  )
                 ] }) : column.header
               },
               column.id
@@ -430,19 +555,19 @@ function DataTableInner(props, forwardedRef) {
           }) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { className: "dsx-data-table__empty", colSpan: visibleColumns.length + (selectionMode === "multiple" ? 1 : 0) + (expandedRowRender ? 1 : 0), "data-empty": "true", children: result ?? (listState ? /* @__PURE__ */ jsxs(Result, { state: listState, children: [
             listState === "loading" ? null : /* @__PURE__ */ jsx(Result.Icon, { children: /* @__PURE__ */ jsx(Result.Illustration, { variant: RESULT_ILLUSTRATION_VARIANT_BY_STATE[listState] }) }),
             /* @__PURE__ */ jsx(Result.Title, { children: listState === "loading" ? "Loading" : listState === "error" ? "Unable to load data" : listState === "no-results" ? "No matching results" : "No data" })
-          ] }) : emptyState) }) }) })
+          ] }) : emptyState ?? (rows.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "dsx-data-table__empty-content", children: [
+            /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", name: "search", size: "md" }),
+            /* @__PURE__ */ jsx("strong", { children: "No matching rows" }),
+            /* @__PURE__ */ jsx("span", { children: "Try changing your search or filters." }),
+            normalizedQuery !== "" || facetedFilterSignature !== "" ? /* @__PURE__ */ jsx(Button, { size: "sm", type: "button", variant: "ghost", onClick: handleClearFilters, children: "Clear search and filters" }) : null
+          ] }) : /* @__PURE__ */ jsxs("div", { className: "dsx-data-table__empty-content", children: [
+            /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", name: "inbox", size: "md" }),
+            /* @__PURE__ */ jsx("strong", { children: "No rows yet" }),
+            /* @__PURE__ */ jsx("span", { children: "When rows arrive they will appear here." })
+          ] }))) }) }) })
         ] }),
-        showPagination && /* @__PURE__ */ jsx(
-          DataTablePagination,
-          {
-            page: pagination.page,
-            pageSize: pagination.pageSize,
-            total: visibleRows.length,
-            onPageChange: handlePaginationChange,
-            onPageSizeChange: handlePageSizeChange
-          }
-        )
-      ]
+        showBottomPagination ? renderPagination("bottom") : null
+      ] })
     }
   );
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/dataTable/DataTable.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { Input } from '../input/Input'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../table/Table'\nimport { dataTablePropDefs } from './dataTable.props'\nimport { DataTableToolbar } from './DataTableToolbar'\nimport { DataTablePagination } from './DataTablePagination'\nimport { DataTableFacetedFilter } from './DataTableFacetedFilter'\nimport { RESULT_ILLUSTRATION_VARIANT_BY_STATE, Result } from '../result/Result'\n\ntype DataTableSortDirection = 'asc' | 'desc'\n\ntype DataTableSortState = {\n  columnId: string\n  direction: DataTableSortDirection\n}\n\ntype DataTableRowMeta<Row> = {\n  row: Row\n  rowId: React.Key\n  rowIndex: number\n}\n\nconst DATA_TABLE_CONTROLS_STYLE: React.CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 'var(--dsx-space-sm)',\n  padding: 'var(--dsx-space-md)',\n}\n\nconst DATA_TABLE_SEARCH_STYLE: React.CSSProperties = {\n  width: '100%',\n}\n\nconst DATA_TABLE_SELECTION_CELL_STYLE: React.CSSProperties = {\n  width: '1%',\n  whiteSpace: 'nowrap',\n}\n\nconst DATA_TABLE_HEADER_BUTTON_STYLE: React.CSSProperties = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 'var(--dsx-space-xs)',\n  width: '100%',\n  padding: 0,\n  border: 0,\n  background: 'transparent',\n  color: 'inherit',\n  font: 'inherit',\n  textAlign: 'left',\n  cursor: 'pointer',\n}\n\nconst DATA_TABLE_SORT_ICON_STYLE: React.CSSProperties = {\n  color: 'var(--dsx-color-on-surface-variant)',\n  fontSize: '0.875em',\n}\n\nconst DATA_TABLE_EXPAND_CELL_STYLE: React.CSSProperties = {\n  width: '1%',\n  whiteSpace: 'nowrap',\n}\n\nconst DATA_TABLE_EXPAND_BUTTON_STYLE: React.CSSProperties = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: '1.5rem',\n  height: '1.5rem',\n  padding: 0,\n  border: 0,\n  background: 'transparent',\n  color: 'var(--dsx-color-on-surface-variant)',\n  cursor: 'pointer',\n}\n\nfunction getNodeText(node: React.ReactNode): string {\n  if (node == null || typeof node === 'boolean') {\n    return ''\n  }\n\n  if (typeof node === 'string' || typeof node === 'number' || typeof node === 'bigint') {\n    return String(node)\n  }\n\n  if (Array.isArray(node)) {\n    return node.map((child) => getNodeText(child)).join(' ')\n  }\n\n  if (React.isValidElement(node)) {\n    const props = node.props as { children?: React.ReactNode }\n\n    return getNodeText(props.children)\n  }\n\n  return ''\n}\n\nfunction stringifyDataTableValue(value: unknown): string {\n  if (value == null || typeof value === 'boolean') {\n    return value ? 'true' : ''\n  }\n\n  if (typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint') {\n    return String(value)\n  }\n\n  if (value instanceof Date) {\n    return value.toISOString()\n  }\n\n  if (Array.isArray(value)) {\n    return value.map((item) => stringifyDataTableValue(item)).join(' ')\n  }\n\n  if (React.isValidElement(value)) {\n    return getNodeText(value)\n  }\n\n  if (typeof value === 'object') {\n    return Object.values(value as Record<string, unknown>)\n      .map((item) => stringifyDataTableValue(item))\n      .join(' ')\n  }\n\n  return ''\n}\n\nfunction compareDataTableValues(left: unknown, right: unknown): number {\n  if (typeof left === 'number' && typeof right === 'number') {\n    return left - right\n  }\n\n  if (typeof left === 'bigint' && typeof right === 'bigint') {\n    return left > right ? 1 : left < right ? -1 : 0\n  }\n\n  if (left instanceof Date && right instanceof Date) {\n    return left.getTime() - right.getTime()\n  }\n\n  if (typeof left === 'boolean' && typeof right === 'boolean') {\n    return Number(left) - Number(right)\n  }\n\n  return stringifyDataTableValue(left).localeCompare(stringifyDataTableValue(right), undefined, {\n    numeric: true,\n    sensitivity: 'base',\n  })\n}\n\nfunction getNextSortState(currentSort: DataTableSortState | null, columnId: string): DataTableSortState {\n  if (!currentSort || currentSort.columnId !== columnId) {\n    return { columnId, direction: 'asc' }\n  }\n\n  return {\n    columnId,\n    direction: currentSort.direction === 'asc' ? 'desc' : 'asc',\n  }\n}\n\nfunction getSortIcon(direction?: DataTableSortDirection): string {\n  if (direction === 'asc') {\n    return '\u2191'\n  }\n\n  if (direction === 'desc') {\n    return '\u2193'\n  }\n\n  return '\u2195'\n}\n\nfunction getColumnValue<Row extends Record<string, unknown>>(\n  column: DataTableColumn<Row>,\n  row: Row,\n  rowIndex: number,\n): unknown {\n  if (column.accessorKey) {\n    return row[column.accessorKey]\n  }\n\n  if (column.cell) {\n    return column.cell(row, rowIndex)\n  }\n\n  return null\n}\n\ntype DataTableColumn<Row> = {\n  accessorKey?: keyof Row\n  cell?: (row: Row, rowIndex: number) => React.ReactNode\n  header: React.ReactNode\n  id: string\n  width?: string | number | { min?: string | number; max?: string | number }\n  align?: 'start' | 'center' | 'end'\n  numeric?: boolean\n  sortable?: boolean\n  truncate?: boolean\n  hideBelow?: 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n}\n\ntype DataTablePaginationState = {\n  page: number\n  pageSize: number\n}\n\ntype DataTableFacetedFilterState = {\n  columnId: string\n  accessorKey: string\n  selectedValues: Set<string>\n}\n\ntype DataTableProps<Row> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n  columns: Array<DataTableColumn<Row>>\n  data: Row[]\n  emptyState?: React.ReactNode\n  size?: 'sm' | 'md' | 'lg'\n  getRowId?: (row: Row, rowIndex: number) => React.Key\n  visibleColumnIds?: Set<string>\n  onVisibleColumnIdsChange?: (visibleColumnIds: Set<string>) => void\n  pagination?: DataTablePaginationState\n  onPaginationChange?: (pagination: DataTablePaginationState) => void\n  facetedFilters?: Array<DataTableFacetedFilterState>\n  onFacetedFiltersChange?: (facetedFilters: Array<DataTableFacetedFilterState>) => void\n  toolbar?: React.ReactNode\n  showToolbar?: boolean\n  showPagination?: boolean\n  sortBy?: string | null\n  sortOrder?: DataTableSortDirection\n  onSortChange?: (sortBy: string, sortOrder: DataTableSortDirection) => void\n  stickyHeader?: boolean\n  selectedRowIds?: Set<React.Key>\n  defaultSelectedRowIds?: Iterable<React.Key>\n  onSelectedRowIdsChange?: (selectedRowIds: Set<React.Key>) => void\n  selectionMode?: 'multiple' | 'none'\n  listState?: 'loading' | 'empty' | 'no-results' | 'error'\n  result?: React.ReactNode\n  expandedRowRender?: (row: Row, rowIndex: number) => React.ReactNode\n  expandedRowIds?: Set<React.Key>\n  defaultExpandedRowIds?: Iterable<React.Key>\n  onExpandedRowIdsChange?: (expandedRowIds: Set<React.Key>) => void\n  renderRowEditor?: (row: Row, rowIndex: number) => React.ReactNode\n  editingRowId?: React.Key | null\n}\n\ntype DataTableComponent = <Row extends Record<string, unknown>>(\n  props: DataTableProps<Row> & React.RefAttributes<HTMLDivElement>,\n) => React.ReactElement | null\n\nfunction DataTableInner<Row extends Record<string, unknown>>(\n  props: DataTableProps<Row>,\n  forwardedRef: React.ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    className: propClassName,\n    columns,\n    data,\n    emptyState = 'No results.',\n    getRowId,\n    visibleColumnIds: controlledVisibleColumnIds,\n    onVisibleColumnIdsChange,\n    pagination: controlledPagination,\n    onPaginationChange,\n    facetedFilters: controlledFacetedFilters,\n    onFacetedFiltersChange,\n    toolbar,\n    showToolbar = true,\n    showPagination = false,\n    sortBy,\n    sortOrder = 'asc',\n    onSortChange,\n    stickyHeader = false,\n    selectedRowIds: controlledSelectedRowIds,\n    defaultSelectedRowIds,\n    onSelectedRowIdsChange,\n    selectionMode = 'multiple',\n    listState,\n    result,\n    size = 'md',\n    expandedRowRender,\n    expandedRowIds: controlledExpandedRowIds,\n    defaultExpandedRowIds,\n    onExpandedRowIdsChange,\n    renderRowEditor,\n    editingRowId = null,\n    ...restProps\n  } = props\n  const { className, ...dataTableProps } = extractProps(\n    {\n      ...restProps,\n      className: propClassName,\n    },\n    dataTablePropDefs,\n  )\n\n  const [query, setQuery] = React.useState('')\n  const [internalSort, setInternalSort] = React.useState<DataTableSortState | null>(null)\n  const sort = sortBy ? { columnId: sortBy, direction: sortOrder } : internalSort\n  const [internalSelectedRowIds, setInternalSelectedRowIds] = React.useState<Set<React.Key>>(() => new Set(defaultSelectedRowIds))\n  const selectedRowIds = controlledSelectedRowIds ?? internalSelectedRowIds\n\n  const [internalExpandedRowIds, setInternalExpandedRowIds] = React.useState<Set<React.Key>>(() => new Set(defaultExpandedRowIds))\n  const expandedRowIds = controlledExpandedRowIds ?? internalExpandedRowIds\n\n  const truncatingColumns = columns.filter((column) => column.truncate)\n  if (truncatingColumns.length > 1) throw new Error('DataTable supports at most one truncating column.')\n\n  const [internalPagination, setInternalPagination] = React.useState<DataTablePaginationState>({\n    page: 1,\n    pageSize: 10,\n  })\n\n  const visibleColumnIds = controlledVisibleColumnIds ?? new Set(columns.map((col) => col.id))\n\n  const isPaginationControlled = controlledPagination !== undefined\n  const pagination = isPaginationControlled ? controlledPagination : internalPagination\n\n  const facetedFilters = controlledFacetedFilters ?? []\n\n  const rows = React.useMemo<Array<DataTableRowMeta<Row>>>(\n    () =>\n      data.map((row, rowIndex) => ({\n        row,\n        rowId: getRowId?.(row, rowIndex) ?? rowIndex,\n        rowIndex,\n      })),\n    [data, getRowId],\n  )\n\n  React.useEffect(() => {\n    const availableRowIds = new Set(rows.map((row) => row.rowId))\n\n    if (controlledSelectedRowIds) return\n    setInternalSelectedRowIds((currentSelectedRowIds) => {\n      const nextSelectedRowIds = new Set(\n        Array.from(currentSelectedRowIds).filter((rowId) => availableRowIds.has(rowId)),\n      )\n\n      if (\n        nextSelectedRowIds.size === currentSelectedRowIds.size\n        && Array.from(nextSelectedRowIds).every((rowId) => currentSelectedRowIds.has(rowId))\n      ) {\n        return currentSelectedRowIds\n      }\n\n      return nextSelectedRowIds\n    })\n  }, [controlledSelectedRowIds, rows])\n\n  const normalizedQuery = query.trim().toLowerCase()\n\n  const facetedFilterMap = React.useMemo(() => {\n    const map = new Map<string, Set<string>>()\n    for (const filter of facetedFilters) {\n      map.set(filter.columnId, filter.selectedValues)\n    }\n    return map\n  }, [facetedFilters])\n\n  const filteredRows = React.useMemo(() => {\n    let result = rows\n\n    if (normalizedQuery) {\n      result = result.filter(({ row, rowIndex }) =>\n        columns.some((column) => stringifyDataTableValue(getColumnValue(column, row, rowIndex)).toLowerCase().includes(normalizedQuery)),\n      )\n    }\n\n    if (facetedFilterMap.size > 0) {\n      result = result.filter(({ row }) => {\n        for (const [columnId, selectedValues] of facetedFilterMap) {\n          if (selectedValues.size === 0) continue\n          const column = columns.find((col) => col.id === columnId)\n          if (!column || !column.accessorKey) continue\n          const cellValue = stringifyDataTableValue(row[column.accessorKey]).toLowerCase()\n          if (!selectedValues.has(cellValue)) {\n            return false\n          }\n        }\n        return true\n      })\n    }\n\n    return result\n  }, [columns, normalizedQuery, rows, facetedFilterMap])\n\n  const visibleRows = React.useMemo(() => {\n    if (!sort) {\n      return filteredRows\n    }\n\n    const activeColumn = columns.find((column) => column.id === sort.columnId)\n\n    if (!activeColumn) {\n      return filteredRows\n    }\n\n    const direction = sort.direction === 'asc' ? 1 : -1\n\n    return [...filteredRows].sort((leftRow, rightRow) => {\n      const comparison = compareDataTableValues(\n        getColumnValue(activeColumn, leftRow.row, leftRow.rowIndex),\n        getColumnValue(activeColumn, rightRow.row, rightRow.rowIndex),\n      )\n\n      if (comparison !== 0) {\n        return comparison * direction\n      }\n\n      return leftRow.rowIndex - rightRow.rowIndex\n    })\n  }, [columns, filteredRows, sort])\n\n  const paginatedRows = React.useMemo(() => {\n    if (!showPagination) return visibleRows\n    const start = (pagination.page - 1) * pagination.pageSize\n    return visibleRows.slice(start, start + pagination.pageSize)\n  }, [visibleRows, pagination, showPagination])\n\n  const isEmpty = paginatedRows.length === 0\n  const hasVisibleRows = paginatedRows.length > 0\n  const selectedVisibleRowCount = paginatedRows.filter((row) => selectedRowIds.has(row.rowId)).length\n  const allVisibleRowsSelected = hasVisibleRows && selectedVisibleRowCount === paginatedRows.length\n  const someVisibleRowsSelected = selectedVisibleRowCount > 0 && !allVisibleRowsSelected\n\n  const visibleColumns = React.useMemo(\n    () => columns.filter((col) => visibleColumnIds.has(col.id)),\n    [columns, visibleColumnIds],\n  )\n\n  function handleSort(columnId: string) {\n    const next = getNextSortState(sort, columnId)\n    if (sortBy === undefined) setInternalSort(next)\n    onSortChange?.(next.columnId, next.direction)\n  }\n\n  function updateSelection(updater: (current: Set<React.Key>) => Set<React.Key>) {\n    const next = updater(selectedRowIds)\n    if (controlledSelectedRowIds === undefined) setInternalSelectedRowIds(next)\n    onSelectedRowIdsChange?.(next)\n  }\n\n  function handleRowSelectionChange(rowId: React.Key, checked: boolean) {\n    updateSelection((currentSelectedRowIds) => {\n      const nextSelectedRowIds = new Set(currentSelectedRowIds)\n\n      if (checked) {\n        nextSelectedRowIds.add(rowId)\n      } else {\n        nextSelectedRowIds.delete(rowId)\n      }\n\n      return nextSelectedRowIds\n    })\n  }\n\n  function handleSelectAllRows(checked: boolean) {\n    updateSelection((currentSelectedRowIds) => {\n      const nextSelectedRowIds = new Set(currentSelectedRowIds)\n\n      for (const row of paginatedRows) {\n        if (checked) {\n          nextSelectedRowIds.add(row.rowId)\n        } else {\n          nextSelectedRowIds.delete(row.rowId)\n        }\n      }\n\n      return nextSelectedRowIds\n    })\n  }\n\n  function toggleRowExpanded(rowId: React.Key) {\n    const nextExpandedRowIds = new Set(expandedRowIds)\n\n    if (nextExpandedRowIds.has(rowId)) {\n      nextExpandedRowIds.delete(rowId)\n    } else {\n      nextExpandedRowIds.add(rowId)\n    }\n\n    if (controlledExpandedRowIds === undefined) setInternalExpandedRowIds(nextExpandedRowIds)\n    onExpandedRowIdsChange?.(nextExpandedRowIds)\n  }\n\n  function handlePaginationChange(nextPage: number) {\n    const nextPagination = { ...pagination, page: nextPage }\n    if (!isPaginationControlled) {\n      setInternalPagination(nextPagination)\n    }\n    onPaginationChange?.(nextPagination)\n  }\n\n  function handlePageSizeChange(nextPageSize: number) {\n    const nextPagination = { ...pagination, pageSize: nextPageSize, page: 1 }\n    if (!isPaginationControlled) {\n      setInternalPagination(nextPagination)\n    }\n    onPaginationChange?.(nextPagination)\n  }\n\n  const defaultToolbar = showToolbar ? (\n    <div style={DATA_TABLE_CONTROLS_STYLE}>\n      <Input\n        aria-label=\"Search table rows\"\n        density=\"sm\"\n        onChange={(event) => setQuery(event.currentTarget.value)}\n        placeholder=\"Search rows\"\n        style={DATA_TABLE_SEARCH_STYLE}\n        type=\"search\"\n        value={query}\n      />\n    </div>\n  ) : null\n\n  return (\n    <div\n      {...dataTableProps}\n      ref={forwardedRef}\n      className={classNames('dsx-data-table', className)}\n      data-empty={isEmpty ? 'true' : undefined}\n      data-size={size}\n      data-sticky-header={stickyHeader ? 'true' : undefined}\n    >\n      {toolbar ?? defaultToolbar}\n      <Table>\n        <TableHeader>\n          <TableRow>\n            {expandedRowRender ? <TableHead aria-label=\"Expand row\" style={DATA_TABLE_EXPAND_CELL_STYLE} /> : null}\n            {selectionMode === 'multiple' ? <TableHead aria-label=\"Select rows\" style={DATA_TABLE_SELECTION_CELL_STYLE}>\n              <Checkbox\n                aria-label={allVisibleRowsSelected ? 'Deselect all visible rows' : 'Select all visible rows'}\n                checked={allVisibleRowsSelected ? true : someVisibleRowsSelected ? 'indeterminate' : false}\n                disabled={!hasVisibleRows}\n                onCheckedChange={(checked) => handleSelectAllRows(checked === true)}\n                size=\"sm\"\n              />\n            </TableHead> : null}\n            {visibleColumns.map((column) => (\n              <TableHead\n                key={column.id}\n                aria-sort={sort?.columnId === column.id ? (sort.direction === 'asc' ? 'ascending' : 'descending') : 'none'}\n                data-sort-direction={sort?.columnId === column.id ? sort.direction : undefined}\n                data-align={column.numeric ? 'end' : column.align}\n                data-numeric={column.numeric ? 'true' : undefined}\n                data-truncate={column.truncate ? 'true' : undefined}\n                data-hide-below={column.hideBelow}\n                style={{ width: typeof column.width === 'object' ? undefined : column.width, minWidth: typeof column.width === 'object' ? column.width.min : undefined, maxWidth: typeof column.width === 'object' ? column.width.max : undefined }}\n              >\n                {column.sortable !== false ? <button style={DATA_TABLE_HEADER_BUTTON_STYLE} type=\"button\" onClick={() => handleSort(column.id)}>\n                  <span>{column.header}</span>\n                  <span aria-hidden=\"true\" style={DATA_TABLE_SORT_ICON_STYLE}>\n                    {getSortIcon(sort?.columnId === column.id ? sort.direction : undefined)}\n                  </span>\n                </button> : column.header}\n              </TableHead>\n            ))}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {!isEmpty && !listState ? (\n            paginatedRows.map(({ row, rowId, rowIndex }) => {\n              const isRowExpanded = Boolean(expandedRowRender) && expandedRowIds.has(rowId)\n              const isRowEditing = Boolean(renderRowEditor) && editingRowId === rowId\n              const detailColSpan = visibleColumns.length\n                + (selectionMode === 'multiple' ? 1 : 0)\n                + (expandedRowRender ? 1 : 0)\n\n              return (\n                <React.Fragment key={rowId}>\n                  <TableRow data-selected={selectedRowIds.has(rowId) ? 'true' : undefined} data-editing={isRowEditing ? 'true' : undefined}>\n                    {expandedRowRender ? <TableCell style={DATA_TABLE_EXPAND_CELL_STYLE}>\n                      <button\n                        aria-expanded={isRowExpanded}\n                        aria-label={isRowExpanded ? `Collapse row ${rowIndex + 1}` : `Expand row ${rowIndex + 1}`}\n                        onClick={() => toggleRowExpanded(rowId)}\n                        style={DATA_TABLE_EXPAND_BUTTON_STYLE}\n                        type=\"button\"\n                      >\n                        <span aria-hidden=\"true\">{isRowExpanded ? '\u25BE' : '\u25B8'}</span>\n                      </button>\n                    </TableCell> : null}\n                    {selectionMode === 'multiple' ? <TableCell style={DATA_TABLE_SELECTION_CELL_STYLE}>\n                      <Checkbox\n                        aria-label={`Select row ${rowIndex + 1}`}\n                        checked={selectedRowIds.has(rowId)}\n                        onCheckedChange={(checked) => handleRowSelectionChange(rowId, checked === true)}\n                        size=\"sm\"\n                      />\n                    </TableCell> : null}\n                    {isRowEditing ? (\n                      <TableCell className=\"dsx-data-table__row-editor\" colSpan={visibleColumns.length}>\n                        {renderRowEditor!(row, rowIndex)}\n                      </TableCell>\n                    ) : (\n                      visibleColumns.map((column) => (\n                        <TableCell key={column.id} data-align={column.numeric ? 'end' : column.align} data-numeric={column.numeric ? 'true' : undefined} data-truncate={column.truncate ? 'true' : undefined} data-hide-below={column.hideBelow} style={{ width: typeof column.width === 'object' ? undefined : column.width, minWidth: typeof column.width === 'object' ? column.width.min : undefined, maxWidth: typeof column.width === 'object' ? column.width.max : undefined }}>\n                          {column.cell?.(row, rowIndex) ?? (column.accessorKey ? String(row[column.accessorKey] ?? '') : null)}\n                        </TableCell>\n                      ))\n                    )}\n                  </TableRow>\n                  {isRowExpanded ? (\n                    <TableRow data-expanded-detail=\"true\">\n                      <TableCell className=\"dsx-data-table__expanded-detail\" colSpan={detailColSpan}>\n                        {expandedRowRender!(row, rowIndex)}\n                      </TableCell>\n                    </TableRow>\n                  ) : null}\n                </React.Fragment>\n              )\n            })\n          ) : (\n            <TableRow>\n              <TableCell className=\"dsx-data-table__empty\" colSpan={visibleColumns.length + (selectionMode === 'multiple' ? 1 : 0) + (expandedRowRender ? 1 : 0)} data-empty=\"true\">\n                {result ?? (listState ? (\n                  <Result state={listState}>\n                    {listState === 'loading' ? null : (\n                      <Result.Icon>\n                        <Result.Illustration variant={RESULT_ILLUSTRATION_VARIANT_BY_STATE[listState]} />\n                      </Result.Icon>\n                    )}\n                    <Result.Title>{listState === 'loading' ? 'Loading' : listState === 'error' ? 'Unable to load data' : listState === 'no-results' ? 'No matching results' : 'No data'}</Result.Title>\n                  </Result>\n                ) : emptyState)}\n              </TableCell>\n            </TableRow>\n          )}\n        </TableBody>\n      </Table>\n      {showPagination && (\n        <DataTablePagination\n          page={pagination.page}\n          pageSize={pagination.pageSize}\n          total={visibleRows.length}\n          onPageChange={handlePaginationChange}\n          onPageSizeChange={handlePageSizeChange}\n        />\n      )}\n    </div>\n  )\n}\n\nconst DataTable = React.forwardRef(DataTableInner as never) as unknown as DataTableComponent & {\n  displayName?: string\n  Toolbar: typeof DataTableToolbar\n  Pagination: typeof DataTablePagination\n  FacetedFilter: typeof DataTableFacetedFilter\n}\nDataTable.displayName = 'DataTable'\nDataTable.Toolbar = DataTableToolbar\nDataTable.Pagination = DataTablePagination\nDataTable.FacetedFilter = DataTableFacetedFilter\n\nexport { DataTable, DataTableFacetedFilter, DataTablePagination, DataTableToolbar }\nexport { stringifyDataTableValue }\nexport type {\n  DataTableColumn,\n  DataTableFacetedFilterState,\n  DataTablePaginationState,\n  DataTableProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Button } from '../button/Button'\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { Icon } from '../icon/Icon'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../table/Table'\nimport { DataTableToolbarContext } from './DataTableContext'\nimport { dataTablePropDefs } from './dataTable.props'\nimport { exportDataTableRows, exportDataTableRowsProgressive } from './dataTable.export'\nimport { DataTableToolbar } from './DataTableToolbar'\nimport { DataTablePagination } from './DataTablePagination'\nimport { DataTableFacetedFilter } from './DataTableFacetedFilter'\nimport { RESULT_ILLUSTRATION_VARIANT_BY_STATE, Result } from '../result/Result'\n\ntype DataTableSortDirection = 'asc' | 'desc'\n\ntype DataTableSortState = {\n  columnId: string\n  direction: DataTableSortDirection\n}\n\ntype DataTableRowMeta<Row> = {\n  row: Row\n  rowId: React.Key\n  rowIndex: number\n}\n\nconst DATA_TABLE_SELECTION_CELL_STYLE: React.CSSProperties = {\n  width: '1%',\n  whiteSpace: 'nowrap',\n}\n\nconst DATA_TABLE_HEADER_BUTTON_STYLE: React.CSSProperties = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 'var(--dsx-space-xs)',\n  width: '100%',\n  padding: 0,\n  border: 0,\n  background: 'transparent',\n  color: 'inherit',\n  font: 'inherit',\n  textAlign: 'left',\n  cursor: 'pointer',\n}\n\nconst DATA_TABLE_EXPAND_CELL_STYLE: React.CSSProperties = {\n  width: '1%',\n  whiteSpace: 'nowrap',\n}\n\nconst DATA_TABLE_EXPAND_BUTTON_STYLE: React.CSSProperties = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: '1.5rem',\n  height: '1.5rem',\n  padding: 0,\n  border: 0,\n  background: 'transparent',\n  color: 'var(--dsx-color-on-surface-variant)',\n  cursor: 'pointer',\n}\n\nfunction getNodeText(node: React.ReactNode): string {\n  if (node == null || typeof node === 'boolean') {\n    return ''\n  }\n\n  if (typeof node === 'string' || typeof node === 'number' || typeof node === 'bigint') {\n    return String(node)\n  }\n\n  if (Array.isArray(node)) {\n    return node.map((child) => getNodeText(child)).join(' ')\n  }\n\n  if (React.isValidElement(node)) {\n    const props = node.props as { children?: React.ReactNode }\n\n    return getNodeText(props.children)\n  }\n\n  return ''\n}\n\nfunction stringifyDataTableValue(value: unknown): string {\n  if (value == null || typeof value === 'boolean') {\n    return value ? 'true' : ''\n  }\n\n  if (typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint') {\n    return String(value)\n  }\n\n  if (value instanceof Date) {\n    return value.toISOString()\n  }\n\n  if (Array.isArray(value)) {\n    return value.map((item) => stringifyDataTableValue(item)).join(' ')\n  }\n\n  if (React.isValidElement(value)) {\n    return getNodeText(value)\n  }\n\n  if (typeof value === 'object') {\n    return Object.values(value as Record<string, unknown>)\n      .map((item) => stringifyDataTableValue(item))\n      .join(' ')\n  }\n\n  return ''\n}\n\nfunction compareDataTableValues(left: unknown, right: unknown): number {\n  if (typeof left === 'number' && typeof right === 'number') {\n    return left - right\n  }\n\n  if (typeof left === 'bigint' && typeof right === 'bigint') {\n    return left > right ? 1 : left < right ? -1 : 0\n  }\n\n  if (left instanceof Date && right instanceof Date) {\n    return left.getTime() - right.getTime()\n  }\n\n  if (typeof left === 'boolean' && typeof right === 'boolean') {\n    return Number(left) - Number(right)\n  }\n\n  return stringifyDataTableValue(left).localeCompare(stringifyDataTableValue(right), undefined, {\n    numeric: true,\n    sensitivity: 'base',\n  })\n}\n\nfunction getNextSortState(currentSort: DataTableSortState | null, columnId: string): DataTableSortState | null {\n  if (!currentSort || currentSort.columnId !== columnId) {\n    return { columnId, direction: 'asc' }\n  }\n\n  return currentSort.direction === 'asc' ? { columnId, direction: 'desc' } : null\n}\n\nfunction getColumnValue<Row extends Record<string, unknown>>(\n  column: DataTableColumn<Row>,\n  row: Row,\n  rowIndex: number,\n): unknown {\n  if (column.accessorKey) {\n    return row[column.accessorKey]\n  }\n\n  if (column.cell) {\n    return column.cell(row, rowIndex)\n  }\n\n  return null\n}\n\ntype DataTableColumn<Row> = {\n  accessorKey?: keyof Row\n  cell?: (row: Row, rowIndex: number) => React.ReactNode\n  header: React.ReactNode\n  id: string\n  width?: string | number | { min?: string | number; max?: string | number }\n  align?: 'start' | 'center' | 'end'\n  numeric?: boolean\n  sortable?: boolean\n  truncate?: boolean\n  hideBelow?: 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n}\n\ntype DataTablePaginationState = {\n  page: number\n  pageSize: number\n}\n\ntype DataTablePaginationPosition = 'top' | 'bottom' | 'both'\n\ntype DataTablePaginationAlign = 'start' | 'center' | 'end'\n\ntype DataTableChangeAction = 'paginate' | 'sort' | 'filter'\n\ntype DataTableChangeState = {\n  pagination: DataTablePaginationState\n  sortBy: string | null\n  sortOrder: DataTableSortDirection\n}\n\ntype DataTableFacetedFilterState = {\n  columnId: string\n  accessorKey: string\n  selectedValues: Set<string>\n}\n\ntype DataTableProps<Row> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n  columns: Array<DataTableColumn<Row>>\n  data: Row[]\n  emptyState?: React.ReactNode\n  size?: 'sm' | 'md' | 'lg'\n  getRowId?: (row: Row, rowIndex: number) => React.Key\n  visibleColumnIds?: Set<string>\n  onVisibleColumnIdsChange?: (visibleColumnIds: Set<string>) => void\n  pagination?: DataTablePaginationState\n  onPaginationChange?: (pagination: DataTablePaginationState) => void\n  facetedFilters?: Array<DataTableFacetedFilterState>\n  onFacetedFiltersChange?: (facetedFilters: Array<DataTableFacetedFilterState>) => void\n  toolbar?: React.ReactNode\n  query?: string\n  defaultQuery?: string\n  onQueryChange?: (query: string) => void\n  showToolbar?: boolean\n  showPagination?: boolean\n  paginationPosition?: DataTablePaginationPosition\n  paginationAlign?: DataTablePaginationAlign\n  paginationFirstLast?: boolean\n  paginationPageInput?: boolean\n  onTableChange?: (action: DataTableChangeAction, state: DataTableChangeState) => void\n  bulkActions?: React.ReactNode\n  sortBy?: string | null\n  sortOrder?: DataTableSortDirection\n  onSortChange?: (sortBy: string, sortOrder: DataTableSortDirection) => void\n  sorting?: DataTableSortState | null\n  defaultSorting?: DataTableSortState | null\n  onSortingChange?: (sorting: DataTableSortState | null) => void\n  resetPageOnViewChange?: boolean\n  clearSelectionOnViewChange?: boolean\n  stickyHeader?: boolean\n  wrapScrollArea?: boolean\n  separator?: 'rules' | 'grid'\n  selectedRowIds?: Set<React.Key>\n  defaultSelectedRowIds?: Iterable<React.Key>\n  onSelectedRowIdsChange?: (selectedRowIds: Set<React.Key>) => void\n  selectionMode?: 'multiple' | 'none'\n  listState?: 'loading' | 'empty' | 'no-results' | 'error'\n  result?: React.ReactNode\n  expandedRowRender?: (row: Row, rowIndex: number) => React.ReactNode\n  expandedRowIds?: Set<React.Key>\n  defaultExpandedRowIds?: Iterable<React.Key>\n  onExpandedRowIdsChange?: (expandedRowIds: Set<React.Key>) => void\n  renderRowEditor?: (row: Row, rowIndex: number) => React.ReactNode\n  editingRowId?: React.Key | null\n}\n\ntype DataTableComponent = <Row extends Record<string, unknown>>(\n  props: DataTableProps<Row> & React.RefAttributes<HTMLDivElement>,\n) => React.ReactElement | null\n\nfunction DataTableInner<Row extends Record<string, unknown>>(\n  props: DataTableProps<Row>,\n  forwardedRef: React.ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    className: propClassName,\n    columns,\n    data,\n    emptyState,\n    getRowId,\n    visibleColumnIds: controlledVisibleColumnIds,\n    onVisibleColumnIdsChange,\n    pagination: controlledPagination,\n    onPaginationChange,\n    facetedFilters: controlledFacetedFilters,\n    onFacetedFiltersChange,\n    toolbar,\n    query: controlledQuery,\n    defaultQuery = '',\n    onQueryChange,\n    showToolbar = true,\n    showPagination = false,\n    paginationPosition = 'bottom',\n    paginationAlign,\n    paginationFirstLast = false,\n    paginationPageInput = false,\n    onTableChange,\n    bulkActions,\n    sortBy,\n    sortOrder = 'asc',\n    onSortChange,\n    sorting: controlledSorting,\n    defaultSorting = null,\n    onSortingChange,\n    resetPageOnViewChange = true,\n    clearSelectionOnViewChange = true,\n    stickyHeader = false,\n    wrapScrollArea = true,\n    separator = 'rules',\n    selectedRowIds: controlledSelectedRowIds,\n    defaultSelectedRowIds,\n    onSelectedRowIdsChange,\n    selectionMode = 'multiple',\n    listState,\n    result,\n    size = 'md',\n    expandedRowRender,\n    expandedRowIds: controlledExpandedRowIds,\n    defaultExpandedRowIds,\n    onExpandedRowIdsChange,\n    renderRowEditor,\n    editingRowId = null,\n    ...restProps\n  } = props\n  const { className, ...dataTableProps } = extractProps(\n    {\n      ...restProps,\n      className: propClassName,\n    },\n    dataTablePropDefs,\n  )\n\n  const [internalQuery, setInternalQuery] = React.useState(defaultQuery)\n  const query = controlledQuery ?? internalQuery\n  const [internalSort, setInternalSort] = React.useState<DataTableSortState | null>(defaultSorting)\n  const sort = controlledSorting !== undefined\n    ? controlledSorting\n    : sortBy\n      ? { columnId: sortBy, direction: sortOrder }\n      : internalSort\n  const [internalSelectedRowIds, setInternalSelectedRowIds] = React.useState<Set<React.Key>>(() => new Set(defaultSelectedRowIds))\n  const selectedRowIds = controlledSelectedRowIds ?? internalSelectedRowIds\n\n  const [internalExpandedRowIds, setInternalExpandedRowIds] = React.useState<Set<React.Key>>(() => new Set(defaultExpandedRowIds))\n  const expandedRowIds = controlledExpandedRowIds ?? internalExpandedRowIds\n\n  const truncatingColumns = columns.filter((column) => column.truncate)\n  if (truncatingColumns.length > 1) throw new Error('DataTable supports at most one truncating column.')\n\n  const [internalPagination, setInternalPagination] = React.useState<DataTablePaginationState>({\n    page: 1,\n    pageSize: 10,\n  })\n\n  const [internalVisibleColumnIds, setInternalVisibleColumnIds] = React.useState<Set<string>>(\n    () => new Set(columns.map((column) => column.id)),\n  )\n  const visibleColumnIds = controlledVisibleColumnIds ?? internalVisibleColumnIds\n\n  const isPaginationControlled = controlledPagination !== undefined\n  const pagination = isPaginationControlled ? controlledPagination : internalPagination\n\n  const facetedFilters = controlledFacetedFilters ?? []\n  const facetedFilterSignature = React.useMemo(\n    () => facetedFilters\n      .map((filter) => `${filter.columnId}:${Array.from(filter.selectedValues).sort().join(',')}`)\n      .sort()\n      .join('|'),\n    [facetedFilters],\n  )\n  const previousFacetedFilterSignature = React.useRef(facetedFilterSignature)\n\n  const rows = React.useMemo<Array<DataTableRowMeta<Row>>>(\n    () =>\n      data.map((row, rowIndex) => ({\n        row,\n        rowId: getRowId?.(row, rowIndex) ?? rowIndex,\n        rowIndex,\n      })),\n    [data, getRowId],\n  )\n\n  React.useEffect(() => {\n    const availableRowIds = new Set(rows.map((row) => row.rowId))\n\n    if (controlledSelectedRowIds) return\n    setInternalSelectedRowIds((currentSelectedRowIds) => {\n      const nextSelectedRowIds = new Set(\n        Array.from(currentSelectedRowIds).filter((rowId) => availableRowIds.has(rowId)),\n      )\n\n      if (\n        nextSelectedRowIds.size === currentSelectedRowIds.size\n        && Array.from(nextSelectedRowIds).every((rowId) => currentSelectedRowIds.has(rowId))\n      ) {\n        return currentSelectedRowIds\n      }\n\n      return nextSelectedRowIds\n    })\n  }, [controlledSelectedRowIds, rows])\n\n  const normalizedQuery = query.trim().toLowerCase()\n\n  const facetedFilterMap = React.useMemo(() => {\n    const map = new Map<string, Set<string>>()\n    for (const filter of facetedFilters) {\n      map.set(filter.columnId, filter.selectedValues)\n    }\n    return map\n  }, [facetedFilters])\n\n  const filteredRows = React.useMemo(() => {\n    let result = rows\n\n    if (normalizedQuery) {\n      result = result.filter(({ row, rowIndex }) => {\n        const matchesRenderedColumns = columns.some((column) => stringifyDataTableValue(\n          getColumnValue(column, row, rowIndex),\n        ).toLowerCase().includes(normalizedQuery))\n        return matchesRenderedColumns || stringifyDataTableValue(row).toLowerCase().includes(normalizedQuery)\n      })\n    }\n\n    if (facetedFilterMap.size > 0) {\n      result = result.filter(({ row }) => {\n        for (const [columnId, selectedValues] of facetedFilterMap) {\n          if (selectedValues.size === 0) continue\n          const column = columns.find((col) => col.id === columnId)\n          if (!column || !column.accessorKey) continue\n          const cellValue = stringifyDataTableValue(row[column.accessorKey]).toLowerCase()\n          if (!selectedValues.has(cellValue)) {\n            return false\n          }\n        }\n        return true\n      })\n    }\n\n    return result\n  }, [columns, normalizedQuery, rows, facetedFilterMap])\n\n  const visibleRows = React.useMemo(() => {\n    if (!sort) {\n      return filteredRows\n    }\n\n    const activeColumn = columns.find((column) => column.id === sort.columnId)\n\n    if (!activeColumn) {\n      return filteredRows\n    }\n\n    const direction = sort.direction === 'asc' ? 1 : -1\n\n    return [...filteredRows].sort((leftRow, rightRow) => {\n      const comparison = compareDataTableValues(\n        getColumnValue(activeColumn, leftRow.row, leftRow.rowIndex),\n        getColumnValue(activeColumn, rightRow.row, rightRow.rowIndex),\n      )\n\n      if (comparison !== 0) {\n        return comparison * direction\n      }\n\n      return leftRow.rowIndex - rightRow.rowIndex\n    })\n  }, [columns, filteredRows, sort])\n\n  const paginatedRows = React.useMemo(() => {\n    if (!showPagination) return visibleRows\n    const start = (pagination.page - 1) * pagination.pageSize\n    return visibleRows.slice(start, start + pagination.pageSize)\n  }, [visibleRows, pagination, showPagination])\n\n  const isEmpty = paginatedRows.length === 0\n  const hasVisibleRows = paginatedRows.length > 0\n  const selectedVisibleRowCount = paginatedRows.filter((row) => selectedRowIds.has(row.rowId)).length\n  const allVisibleRowsSelected = hasVisibleRows && selectedVisibleRowCount === paginatedRows.length\n  const someVisibleRowsSelected = selectedVisibleRowCount > 0 && !allVisibleRowsSelected\n\n  const visibleColumns = React.useMemo(\n    () => columns.filter((col) => visibleColumnIds.has(col.id)),\n    [columns, visibleColumnIds],\n  )\n\n  const emitTableChange = React.useCallback((\n    action: DataTableChangeAction,\n    paginationOverride?: DataTablePaginationState,\n    sortOverride?: DataTableSortState | null,\n  ) => {\n    const resolvedSort = sortOverride !== undefined ? sortOverride : sort\n    onTableChange?.(action, {\n      pagination: paginationOverride ?? pagination,\n      sortBy: resolvedSort ? resolvedSort.columnId : null,\n      sortOrder: resolvedSort ? resolvedSort.direction : sortOrder,\n    })\n  }, [onTableChange, pagination, sort, sortOrder])\n\n  const resetViewState = React.useCallback(() => {\n    const nextPagination = { ...pagination, page: 1 }\n    if (resetPageOnViewChange && pagination.page !== 1) {\n      if (!isPaginationControlled) setInternalPagination(nextPagination)\n      onPaginationChange?.(nextPagination)\n    }\n    if (clearSelectionOnViewChange && selectedRowIds.size > 0) {\n      if (controlledSelectedRowIds === undefined) setInternalSelectedRowIds(new Set())\n      onSelectedRowIdsChange?.(new Set())\n    }\n    return resetPageOnViewChange ? nextPagination : pagination\n  }, [\n    clearSelectionOnViewChange,\n    controlledSelectedRowIds,\n    isPaginationControlled,\n    onPaginationChange,\n    onSelectedRowIdsChange,\n    pagination,\n    resetPageOnViewChange,\n    selectedRowIds,\n  ])\n\n  function handleSort(columnId: string) {\n    const next = controlledSorting === undefined && sortBy !== undefined\n      ? {\n          columnId,\n          direction: sort?.columnId === columnId && sort.direction === 'asc' ? 'desc' as const : 'asc' as const,\n        }\n      : getNextSortState(sort, columnId)\n    if (controlledSorting === undefined && sortBy === undefined) setInternalSort(next)\n    onSortingChange?.(next)\n    if (next) onSortChange?.(next.columnId, next.direction)\n    emitTableChange('sort', resetViewState(), next)\n  }\n\n  function updateSelection(updater: (current: Set<React.Key>) => Set<React.Key>) {\n    const next = updater(selectedRowIds)\n    if (controlledSelectedRowIds === undefined) setInternalSelectedRowIds(next)\n    onSelectedRowIdsChange?.(next)\n  }\n\n  function handleRowSelectionChange(rowId: React.Key, checked: boolean) {\n    updateSelection((currentSelectedRowIds) => {\n      const nextSelectedRowIds = new Set(currentSelectedRowIds)\n\n      if (checked) {\n        nextSelectedRowIds.add(rowId)\n      } else {\n        nextSelectedRowIds.delete(rowId)\n      }\n\n      return nextSelectedRowIds\n    })\n  }\n\n  function handleSelectAllRows(checked: boolean) {\n    updateSelection((currentSelectedRowIds) => {\n      const nextSelectedRowIds = new Set(currentSelectedRowIds)\n\n      for (const row of paginatedRows) {\n        if (checked) {\n          nextSelectedRowIds.add(row.rowId)\n        } else {\n          nextSelectedRowIds.delete(row.rowId)\n        }\n      }\n\n      return nextSelectedRowIds\n    })\n  }\n\n  function toggleRowExpanded(rowId: React.Key) {\n    const nextExpandedRowIds = new Set(expandedRowIds)\n\n    if (nextExpandedRowIds.has(rowId)) {\n      nextExpandedRowIds.delete(rowId)\n    } else {\n      nextExpandedRowIds.add(rowId)\n    }\n\n    if (controlledExpandedRowIds === undefined) setInternalExpandedRowIds(nextExpandedRowIds)\n    onExpandedRowIdsChange?.(nextExpandedRowIds)\n  }\n\n  function handlePaginationChange(nextPage: number) {\n    const nextPagination = { ...pagination, page: nextPage }\n    if (!isPaginationControlled) {\n      setInternalPagination(nextPagination)\n    }\n    onPaginationChange?.(nextPagination)\n    emitTableChange('paginate', nextPagination)\n  }\n\n  function handlePageSizeChange(nextPageSize: number) {\n    const nextPagination = { ...pagination, pageSize: nextPageSize, page: 1 }\n    if (!isPaginationControlled) {\n      setInternalPagination(nextPagination)\n    }\n    onPaginationChange?.(nextPagination)\n    emitTableChange('paginate', nextPagination)\n  }\n\n  function handleQueryChange(nextQuery: string) {\n    if (controlledQuery === undefined) setInternalQuery(nextQuery)\n    onQueryChange?.(nextQuery)\n    emitTableChange('filter', resetViewState())\n  }\n\n  function handleVisibleColumnIdsChange(nextVisibleColumnIds: Set<string>) {\n    if (controlledVisibleColumnIds === undefined) setInternalVisibleColumnIds(nextVisibleColumnIds)\n    onVisibleColumnIdsChange?.(nextVisibleColumnIds)\n  }\n\n  function handleClearSelection() {\n    updateSelection(() => new Set<React.Key>())\n  }\n\n  function handleClearFilters() {\n    handleQueryChange('')\n    onFacetedFiltersChange?.([])\n  }\n\n  React.useEffect(() => {\n    if (previousFacetedFilterSignature.current === facetedFilterSignature) return\n    previousFacetedFilterSignature.current = facetedFilterSignature\n    emitTableChange('filter', resetViewState())\n  }, [emitTableChange, facetedFilterSignature, resetViewState])\n\n  const defaultToolbar = showToolbar ? (\n    <DataTableToolbar aria-label=\"Table tools\" role=\"group\">\n      <DataTableToolbar.Search />\n      <div className=\"dsx-data-table-toolbar__actions\">\n        <DataTableToolbar.RowCount />\n        <DataTableToolbar.ColumnVisibility />\n        <DataTableToolbar.Export />\n      </div>\n    </DataTableToolbar>\n  ) : null\n\n  const showTopPagination = showPagination && (paginationPosition === 'top' || paginationPosition === 'both')\n  const showBottomPagination = showPagination && (paginationPosition === 'bottom' || paginationPosition === 'both')\n  const selectedCount = selectedRowIds.size\n  const showBulkBar = selectionMode === 'multiple' && selectedCount > 0\n  const toolbarContextValue = {\n    columns: columns.map((column) => ({ id: column.id, label: column.header })),\n    exportRows: (format: 'csv' | 'json') => exportDataTableRows(\n      format,\n      visibleRows.map(({ row }) => row),\n      visibleColumns,\n    ),\n    exportRowsProgressive: (format: 'csv' | 'json', onProgress: (percent: number) => void) => exportDataTableRowsProgressive(\n      format,\n      visibleRows.map(({ row }) => row),\n      visibleColumns,\n      onProgress,\n    ),\n    filteredRowCount: visibleRows.length,\n    onQueryChange: handleQueryChange,\n    onVisibleColumnIdsChange: handleVisibleColumnIdsChange,\n    query,\n    selectedRowCount: selectedCount,\n    totalRowCount: rows.length,\n    visibleColumnIds,\n  }\n\n  function renderPagination(position: 'top' | 'bottom') {\n    return (\n      <DataTablePagination\n        page={pagination.page}\n        pageSize={pagination.pageSize}\n        total={visibleRows.length}\n        onPageChange={handlePaginationChange}\n        onPageSizeChange={handlePageSizeChange}\n        align={paginationAlign}\n        showFirstLast={paginationFirstLast}\n        showPageInput={paginationPageInput}\n        className={position === 'top' ? 'dsx-data-table__pagination-top' : undefined}\n      />\n    )\n  }\n\n  return (\n    <div\n      {...dataTableProps}\n      ref={forwardedRef}\n      className={classNames('dsx-data-table', className)}\n      data-empty={isEmpty ? 'true' : undefined}\n      data-size={size}\n      data-sticky-header={stickyHeader ? 'true' : undefined}\n    >\n      <DataTableToolbarContext.Provider value={toolbarContextValue}>\n        <div className=\"dsx-data-table__toolbar-region\">\n          {toolbar ?? defaultToolbar}\n          {showBulkBar ? (\n            <div className=\"dsx-data-table__bulk-bar\" role=\"group\" aria-label=\"Selected row actions\">\n              <span className=\"dsx-data-table__bulk-bar-count\" role=\"status\" aria-live=\"polite\">\n                {selectedCount} selected\n              </span>\n              {bulkActions ? (\n                <span className=\"dsx-data-table__bulk-bar-actions\">{bulkActions}</span>\n              ) : null}\n              <Button className=\"dsx-data-table__bulk-bar-clear\" size=\"sm\" type=\"button\" variant=\"ghost\" onClick={handleClearSelection}>\n                Deselect all\n              </Button>\n            </div>\n          ) : null}\n        </div>\n        {showTopPagination ? renderPagination('top') : null}\n        <Table size={size} wrapScrollArea={wrapScrollArea} separator={separator}>\n        <TableHeader>\n          <TableRow>\n            {expandedRowRender ? <TableHead aria-label=\"Expand row\" style={DATA_TABLE_EXPAND_CELL_STYLE} /> : null}\n            {selectionMode === 'multiple' ? <TableHead aria-label=\"Select rows\" style={DATA_TABLE_SELECTION_CELL_STYLE}>\n              <Checkbox\n                aria-label={allVisibleRowsSelected ? 'Deselect all visible rows' : 'Select all visible rows'}\n                checked={allVisibleRowsSelected ? true : someVisibleRowsSelected ? 'indeterminate' : false}\n                disabled={!hasVisibleRows}\n                onCheckedChange={(checked) => handleSelectAllRows(checked === true)}\n                size=\"sm\"\n              />\n            </TableHead> : null}\n            {visibleColumns.map((column) => (\n              <TableHead\n                key={column.id}\n                aria-sort={sort?.columnId === column.id ? (sort.direction === 'asc' ? 'ascending' : 'descending') : 'none'}\n                data-sort-direction={sort?.columnId === column.id ? sort.direction : undefined}\n                data-align={column.numeric ? 'end' : column.align}\n                data-numeric={column.numeric ? 'true' : undefined}\n                data-truncate={column.truncate ? 'true' : undefined}\n                data-hide-below={column.hideBelow}\n                style={{ width: typeof column.width === 'object' ? undefined : column.width, minWidth: typeof column.width === 'object' ? column.width.min : undefined, maxWidth: typeof column.width === 'object' ? column.width.max : undefined }}\n              >\n                {column.sortable !== false ? <button className=\"dsx-data-table__sort-button\" style={DATA_TABLE_HEADER_BUTTON_STYLE} type=\"button\" onClick={() => handleSort(column.id)}>\n                  <span>{column.header}</span>\n                  <span\n                    aria-hidden=\"true\"\n                    className=\"dsx-data-table__sort-indicator\"\n                    data-direction={sort?.columnId === column.id ? sort.direction : 'none'}\n                  >\n                    <Icon\n                      name={sort?.columnId === column.id ? (sort.direction === 'asc' ? 'arrow-up' : 'arrow-down') : 'arrow-up-down'}\n                      size=\"sm\"\n                    />\n                  </span>\n                </button> : column.header}\n              </TableHead>\n            ))}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {!isEmpty && !listState ? (\n            paginatedRows.map(({ row, rowId, rowIndex }) => {\n              const isRowExpanded = Boolean(expandedRowRender) && expandedRowIds.has(rowId)\n              const isRowEditing = Boolean(renderRowEditor) && editingRowId === rowId\n              const detailColSpan = visibleColumns.length\n                + (selectionMode === 'multiple' ? 1 : 0)\n                + (expandedRowRender ? 1 : 0)\n\n              return (\n                <React.Fragment key={rowId}>\n                  <TableRow data-selected={selectedRowIds.has(rowId) ? 'true' : undefined} data-editing={isRowEditing ? 'true' : undefined}>\n                    {expandedRowRender ? <TableCell style={DATA_TABLE_EXPAND_CELL_STYLE}>\n                      <button\n                        aria-expanded={isRowExpanded}\n                        aria-label={isRowExpanded ? `Collapse row ${rowIndex + 1}` : `Expand row ${rowIndex + 1}`}\n                        onClick={() => toggleRowExpanded(rowId)}\n                        style={DATA_TABLE_EXPAND_BUTTON_STYLE}\n                        type=\"button\"\n                      >\n                        <span aria-hidden=\"true\">{isRowExpanded ? '\u25BE' : '\u25B8'}</span>\n                      </button>\n                    </TableCell> : null}\n                    {selectionMode === 'multiple' ? <TableCell style={DATA_TABLE_SELECTION_CELL_STYLE}>\n                      <Checkbox\n                        aria-label={`Select row ${rowIndex + 1}`}\n                        checked={selectedRowIds.has(rowId)}\n                        onCheckedChange={(checked) => handleRowSelectionChange(rowId, checked === true)}\n                        size=\"sm\"\n                      />\n                    </TableCell> : null}\n                    {isRowEditing ? (\n                      <TableCell className=\"dsx-data-table__row-editor\" colSpan={visibleColumns.length}>\n                        {renderRowEditor!(row, rowIndex)}\n                      </TableCell>\n                    ) : (\n                      visibleColumns.map((column) => (\n                        <TableCell key={column.id} data-align={column.numeric ? 'end' : column.align} data-numeric={column.numeric ? 'true' : undefined} data-truncate={column.truncate ? 'true' : undefined} data-hide-below={column.hideBelow} style={{ width: typeof column.width === 'object' ? undefined : column.width, minWidth: typeof column.width === 'object' ? column.width.min : undefined, maxWidth: typeof column.width === 'object' ? column.width.max : undefined }}>\n                          {column.cell?.(row, rowIndex) ?? (column.accessorKey ? String(row[column.accessorKey] ?? '') : null)}\n                        </TableCell>\n                      ))\n                    )}\n                  </TableRow>\n                  {isRowExpanded ? (\n                    <TableRow data-expanded-detail=\"true\">\n                      <TableCell className=\"dsx-data-table__expanded-detail\" colSpan={detailColSpan}>\n                        {expandedRowRender!(row, rowIndex)}\n                      </TableCell>\n                    </TableRow>\n                  ) : null}\n                </React.Fragment>\n              )\n            })\n          ) : (\n            <TableRow>\n              <TableCell className=\"dsx-data-table__empty\" colSpan={visibleColumns.length + (selectionMode === 'multiple' ? 1 : 0) + (expandedRowRender ? 1 : 0)} data-empty=\"true\">\n                {result ?? (listState ? (\n                  <Result state={listState}>\n                    {listState === 'loading' ? null : (\n                      <Result.Icon>\n                        <Result.Illustration variant={RESULT_ILLUSTRATION_VARIANT_BY_STATE[listState]} />\n                      </Result.Icon>\n                    )}\n                    <Result.Title>{listState === 'loading' ? 'Loading' : listState === 'error' ? 'Unable to load data' : listState === 'no-results' ? 'No matching results' : 'No data'}</Result.Title>\n                  </Result>\n                ) : emptyState ?? (rows.length > 0 ? (\n                  <div className=\"dsx-data-table__empty-content\">\n                    <Icon aria-hidden=\"true\" name=\"search\" size=\"md\" />\n                    <strong>No matching rows</strong>\n                    <span>Try changing your search or filters.</span>\n                    {normalizedQuery !== '' || facetedFilterSignature !== '' ? (\n                      <Button size=\"sm\" type=\"button\" variant=\"ghost\" onClick={handleClearFilters}>\n                        Clear search and filters\n                      </Button>\n                    ) : null}\n                  </div>\n                ) : (\n                  <div className=\"dsx-data-table__empty-content\">\n                    <Icon aria-hidden=\"true\" name=\"inbox\" size=\"md\" />\n                    <strong>No rows yet</strong>\n                    <span>When rows arrive they will appear here.</span>\n                  </div>\n                )))}\n              </TableCell>\n            </TableRow>\n          )}\n        </TableBody>\n        </Table>\n        {showBottomPagination ? renderPagination('bottom') : null}\n      </DataTableToolbarContext.Provider>\n    </div>\n  )\n}\n\nconst DataTable = React.forwardRef(DataTableInner as never) as unknown as DataTableComponent & {\n  displayName?: string\n  Toolbar: typeof DataTableToolbar\n  Pagination: typeof DataTablePagination\n  FacetedFilter: typeof DataTableFacetedFilter\n}\nDataTable.displayName = 'DataTable'\nDataTable.Toolbar = DataTableToolbar\nDataTable.Pagination = DataTablePagination\nDataTable.FacetedFilter = DataTableFacetedFilter\n\nexport { DataTable, DataTableFacetedFilter, DataTablePagination, DataTableToolbar }\nexport { stringifyDataTableValue }\nexport type {\n  DataTableChangeAction,\n  DataTableChangeState,\n  DataTableColumn,\n  DataTableFacetedFilterState,\n  DataTablePaginationAlign,\n  DataTablePaginationPosition,\n  DataTablePaginationState,\n  DataTableProps,\n  DataTableSortDirection,\n  DataTableSortState,\n}\n"],
+  "mappings": "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",
   "names": ["result"]
 }

package/dist/components/dataTable/DataTableContext.cjs

@@ -0,0 +1,41 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DataTableContext_exports = {};
+__export(DataTableContext_exports, {
+  DataTableToolbarContext: () => DataTableToolbarContext,
+  useDataTableToolbarContext: () => useDataTableToolbarContext
+});
+module.exports = __toCommonJS(DataTableContext_exports);
+var React = __toESM(require("react"), 1);
+const DataTableToolbarContext = React.createContext(null);
+function useDataTableToolbarContext() {
+  return React.useContext(DataTableToolbarContext);
+}
+//# sourceMappingURL=DataTableContext.cjs.map

package/dist/components/dataTable/DataTableContext.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/dataTable/DataTableContext.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\n\ntype DataTableExportFormat = 'csv' | 'json'\n\ntype DataTableToolbarColumn = {\n  id: string\n  label: React.ReactNode\n}\n\ntype DataTableToolbarContextValue = {\n  columns: DataTableToolbarColumn[]\n  exportRows: (format: DataTableExportFormat) => string\n  exportRowsProgressive: (format: DataTableExportFormat, onProgress: (percent: number) => void) => Promise<string>\n  filteredRowCount: number\n  onQueryChange: (query: string) => void\n  onVisibleColumnIdsChange: (visibleColumnIds: Set<string>) => void\n  query: string\n  selectedRowCount: number\n  totalRowCount: number\n  visibleColumnIds: Set<string>\n}\n\nconst DataTableToolbarContext = React.createContext<DataTableToolbarContextValue | null>(null)\n\nfunction useDataTableToolbarContext() {\n  return React.useContext(DataTableToolbarContext)\n}\n\nexport { DataTableToolbarContext, useDataTableToolbarContext }\nexport type { DataTableExportFormat, DataTableToolbarColumn, DataTableToolbarContextValue }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AAsBvB,MAAM,0BAA0B,MAAM,cAAmD,IAAI;AAE7F,SAAS,6BAA6B;AACpC,SAAO,MAAM,WAAW,uBAAuB;AACjD;",
+  "names": []
+}