@d4gger/design-system 2.7.0 → 3.0.1

package/dist/components/dataTable/DataTable.cjs

@@ -39,24 +39,18 @@ module.exports = __toCommonJS(DataTable_exports);
 var React = __toESM(require("react"), 1);
 var import_classnames = __toESM(require("classnames"), 1);
 var import_extractProps = require("../../_internal/helpers/extractProps");
+var import_Button = require("../button/Button");
 var import_Checkbox = require("../checkbox/Checkbox");
-var import_Input = require("../input/Input");
+var import_Icon = require("../icon/Icon");
 var import_Table = require("../table/Table");
+var import_DataTableContext = require("./DataTableContext");
 var import_dataTable = require("./dataTable.props");
+var import_dataTable2 = require("./dataTable.export");
 var import_DataTableToolbar = require("./DataTableToolbar");
 var import_DataTablePagination = require("./DataTablePagination");
 var import_DataTableFacetedFilter = require("./DataTableFacetedFilter");
 var import_Result = require("../result/Result");
 var import_jsx_runtime = require("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"
@@ -75,10 +69,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"
@@ -154,19 +144,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) {
@@ -182,7 +160,7 @@ function DataTableInner(props, forwardedRef) {
     className: propClassName,
     columns,
     data,
-    emptyState = "No results.",
+    emptyState,
     getRowId,
     visibleColumnIds: controlledVisibleColumnIds,
     onVisibleColumnIdsChange,
@@ -191,12 +169,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,
@@ -219,9 +213,10 @@ function DataTableInner(props, forwardedRef) {
     },
     import_dataTable.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));
@@ -232,10 +227,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,
@@ -268,9 +271,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 }) => {
@@ -322,10 +328,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);
@@ -372,6 +412,7 @@ function DataTableInner(props, forwardedRef) {
       setInternalPagination(nextPagination);
     }
     onPaginationChange?.(nextPagination);
+    emitTableChange("paginate", nextPagination);
   }
   function handlePageSizeChange(nextPageSize) {
     const nextPagination = { ...pagination, pageSize: nextPageSize, page: 1 };
@@ -379,20 +420,79 @@ function DataTableInner(props, forwardedRef) {
       setInternalPagination(nextPagination);
     }
     onPaginationChange?.(nextPagination);
+    emitTableChange("paginate", nextPagination);
   }
-  const defaultToolbar = showToolbar ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: DATA_TABLE_CONTROLS_STYLE, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_Input.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)(import_DataTableToolbar.DataTableToolbar, { "aria-label": "Table tools", role: "group", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DataTableToolbar.DataTableToolbar.Search, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-data-table-toolbar__actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DataTableToolbar.DataTableToolbar.RowCount, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DataTableToolbar.DataTableToolbar.ColumnVisibility, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DataTableToolbar.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) => (0, import_dataTable2.exportDataTableRows)(
+      format,
+      visibleRows.map(({ row }) => row),
+      visibleColumns
+    ),
+    exportRowsProgressive: (format, onProgress) => (0, import_dataTable2.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__ */ (0, import_jsx_runtime.jsx)(
+      import_DataTablePagination.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__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       ...dataTableProps,
@@ -401,9 +501,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__ */ (0, import_jsx_runtime.jsxs)(import_Table.Table, { children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_DataTableContext.DataTableToolbarContext.Provider, { value: toolbarContextValue, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-data-table__toolbar-region", children: [
+          toolbar ?? defaultToolbar,
+          showBulkBar ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-data-table__bulk-bar", role: "group", "aria-label": "Selected row actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "dsx-data-table__bulk-bar-count", role: "status", "aria-live": "polite", children: [
+              selectedCount,
+              " selected"
+            ] }),
+            bulkActions ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsx-data-table__bulk-bar-actions", children: bulkActions }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.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__ */ (0, import_jsx_runtime.jsxs)(import_Table.Table, { size, wrapScrollArea, separator, children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Table.TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Table.TableRow, { children: [
             expandedRowRender ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Table.TableHead, { "aria-label": "Expand row", style: DATA_TABLE_EXPAND_CELL_STYLE }) : null,
             selectionMode === "multiple" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Table.TableHead, { "aria-label": "Select rows", style: DATA_TABLE_SELECTION_CELL_STYLE, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -426,9 +537,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__ */ (0, import_jsx_runtime.jsxs)("button", { style: DATA_TABLE_HEADER_BUTTON_STYLE, type: "button", onClick: () => handleSort(column.id), children: [
+                children: column.sortable !== false ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { className: "dsx-data-table__sort-button", style: DATA_TABLE_HEADER_BUTTON_STYLE, type: "button", onClick: () => handleSort(column.id), children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: column.header }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", style: DATA_TABLE_SORT_ICON_STYLE, children: getSortIcon(sort?.columnId === column.id ? sort.direction : void 0) })
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "dsx-data-table__sort-indicator",
+                      "data-direction": sort?.columnId === column.id ? sort.direction : "none",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_Icon.Icon,
+                        {
+                          name: sort?.columnId === column.id ? sort.direction === "asc" ? "arrow-up" : "arrow-down" : "arrow-up-down",
+                          size: "sm"
+                        }
+                      )
+                    }
+                  )
                 ] }) : column.header
               },
               column.id
@@ -467,19 +592,19 @@ function DataTableInner(props, forwardedRef) {
           }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Table.TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Table.TableCell, { className: "dsx-data-table__empty", colSpan: visibleColumns.length + (selectionMode === "multiple" ? 1 : 0) + (expandedRowRender ? 1 : 0), "data-empty": "true", children: result ?? (listState ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Result.Result, { state: listState, children: [
             listState === "loading" ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Result.Result.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Result.Result.Illustration, { variant: import_Result.RESULT_ILLUSTRATION_VARIANT_BY_STATE[listState] }) }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Result.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__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-data-table__empty-content", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { "aria-hidden": "true", name: "search", size: "md" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: "No matching rows" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Try changing your search or filters." }),
+            normalizedQuery !== "" || facetedFilterSignature !== "" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { size: "sm", type: "button", variant: "ghost", onClick: handleClearFilters, children: "Clear search and filters" }) : null
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-data-table__empty-content", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { "aria-hidden": "true", name: "inbox", size: "md" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: "No rows yet" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "When rows arrive they will appear here." })
+          ] }))) }) }) })
         ] }),
-        showPagination && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_DataTablePagination.DataTablePagination,
-          {
-            page: pagination.page,
-            pageSize: pagination.pageSize,
-            total: visibleRows.length,
-            onPageChange: handlePaginationChange,
-            onPageSizeChange: handlePageSizeChange
-          }
-        )
-      ]
+        showBottomPagination ? renderPagination("bottom") : null
+      ] })
     }
   );
 }

package/dist/components/dataTable/DataTable.cjs.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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",
-  "names": ["result", "classNames"]
+  "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": ["import_dataTable", "result", "classNames"]
 }