@d4gger/design-system 2.7.0

package/dist/components/dataTable/DataTable.d.mts

@@ -0,0 +1,73 @@
+import * as React from 'react';
+import { DataTableToolbar } from './DataTableToolbar.js';
+import { DataTablePagination } from './DataTablePagination.js';
+import { DataTableFacetedFilter } from './DataTableFacetedFilter.js';
+type DataTableSortDirection = 'asc' | 'desc';
+declare function stringifyDataTableValue(value: unknown): string;
+type DataTableColumn<Row> = {
+    accessorKey?: keyof Row;
+    cell?: (row: Row, rowIndex: number) => React.ReactNode;
+    header: React.ReactNode;
+    id: string;
+    width?: string | number | {
+        min?: string | number;
+        max?: string | number;
+    };
+    align?: 'start' | 'center' | 'end';
+    numeric?: boolean;
+    sortable?: boolean;
+    truncate?: boolean;
+    hideBelow?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+};
+type DataTablePaginationState = {
+    page: number;
+    pageSize: number;
+};
+type DataTableFacetedFilterState = {
+    columnId: string;
+    accessorKey: string;
+    selectedValues: Set<string>;
+};
+type DataTableProps<Row> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
+    columns: Array<DataTableColumn<Row>>;
+    data: Row[];
+    emptyState?: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+    getRowId?: (row: Row, rowIndex: number) => React.Key;
+    visibleColumnIds?: Set<string>;
+    onVisibleColumnIdsChange?: (visibleColumnIds: Set<string>) => void;
+    pagination?: DataTablePaginationState;
+    onPaginationChange?: (pagination: DataTablePaginationState) => void;
+    facetedFilters?: Array<DataTableFacetedFilterState>;
+    onFacetedFiltersChange?: (facetedFilters: Array<DataTableFacetedFilterState>) => void;
+    toolbar?: React.ReactNode;
+    showToolbar?: boolean;
+    showPagination?: boolean;
+    sortBy?: string | null;
+    sortOrder?: DataTableSortDirection;
+    onSortChange?: (sortBy: string, sortOrder: DataTableSortDirection) => void;
+    stickyHeader?: boolean;
+    selectedRowIds?: Set<React.Key>;
+    defaultSelectedRowIds?: Iterable<React.Key>;
+    onSelectedRowIdsChange?: (selectedRowIds: Set<React.Key>) => void;
+    selectionMode?: 'multiple' | 'none';
+    listState?: 'loading' | 'empty' | 'no-results' | 'error';
+    result?: React.ReactNode;
+    expandedRowRender?: (row: Row, rowIndex: number) => React.ReactNode;
+    expandedRowIds?: Set<React.Key>;
+    defaultExpandedRowIds?: Iterable<React.Key>;
+    onExpandedRowIdsChange?: (expandedRowIds: Set<React.Key>) => void;
+    renderRowEditor?: (row: Row, rowIndex: number) => React.ReactNode;
+    editingRowId?: React.Key | null;
+};
+type DataTableComponent = <Row extends Record<string, unknown>>(props: DataTableProps<Row> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+declare const DataTable: DataTableComponent & {
+    displayName?: string;
+    Toolbar: typeof DataTableToolbar;
+    Pagination: typeof DataTablePagination;
+    FacetedFilter: typeof DataTableFacetedFilter;
+};
+export { DataTable, DataTableFacetedFilter, DataTablePagination, DataTableToolbar };
+export { stringifyDataTableValue };
+export type { DataTableColumn, DataTableFacetedFilterState, DataTablePaginationState, DataTableProps, };
+//# sourceMappingURL=DataTable.d.mts.map

package/dist/components/dataTable/DataTable.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.mts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAGjE,KAAK,sBAAsB,GAAG,KAAK,GAAG,MAAM,CAAA;AAyF5C,iBAAS,uBAAuB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CA4BvD;AAgED,KAAK,eAAe,CAAC,GAAG,IAAI;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,CAAA;IACvB,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACtD,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;IAC1E,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;CAC9C,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,KAAK,2BAA2B,GAAG;IACjC,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAC5B,CAAA;AAED,KAAK,cAAc,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IAClF,OAAO,EAAE,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAA;IACpC,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,KAAK,CAAC,GAAG,CAAA;IACpD,gBAAgB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC9B,wBAAwB,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IAClE,UAAU,CAAC,EAAE,wBAAwB,CAAA;IACrC,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,wBAAwB,KAAK,IAAI,CAAA;IACnE,cAAc,CAAC,EAAE,KAAK,CAAC,2BAA2B,CAAC,CAAA;IACnD,sBAAsB,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,2BAA2B,CAAC,KAAK,IAAI,CAAA;IACrF,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,sBAAsB,CAAA;IAClC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,sBAAsB,KAAK,IAAI,CAAA;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC/B,qBAAqB,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC3C,sBAAsB,CAAC,EAAE,CAAC,cAAc,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;IACjE,aAAa,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;IACnC,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,YAAY,GAAG,OAAO,CAAA;IACxD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACnE,cAAc,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC/B,qBAAqB,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC3C,sBAAsB,CAAC,EAAE,CAAC,cAAc,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;IACjE,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACjE,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,GAAG,IAAI,CAAA;CAChC,CAAA;AAED,KAAK,kBAAkB,GAAG,CAAC,GAAG,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC5D,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAC7D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;AA4Y9B,QAAA,MAAM,SAAS,EAA2D,kBAAkB,GAAG;IAC7F,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,OAAO,gBAAgB,CAAA;IAChC,UAAU,EAAE,OAAO,mBAAmB,CAAA;IACtC,aAAa,EAAE,OAAO,sBAAsB,CAAA;CAC7C,CAAA;AAMD,OAAO,EAAE,SAAS,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,CAAA;AACnF,OAAO,EAAE,uBAAuB,EAAE,CAAA;AAClC,YAAY,EACV,eAAe,EACf,2BAA2B,EAC3B,wBAAwB,EACxB,cAAc,GACf,CAAA"}

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

@@ -0,0 +1,73 @@
+import * as React from 'react';
+import { DataTableToolbar } from './DataTableToolbar.js';
+import { DataTablePagination } from './DataTablePagination.js';
+import { DataTableFacetedFilter } from './DataTableFacetedFilter.js';
+type DataTableSortDirection = 'asc' | 'desc';
+declare function stringifyDataTableValue(value: unknown): string;
+type DataTableColumn<Row> = {
+    accessorKey?: keyof Row;
+    cell?: (row: Row, rowIndex: number) => React.ReactNode;
+    header: React.ReactNode;
+    id: string;
+    width?: string | number | {
+        min?: string | number;
+        max?: string | number;
+    };
+    align?: 'start' | 'center' | 'end';
+    numeric?: boolean;
+    sortable?: boolean;
+    truncate?: boolean;
+    hideBelow?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+};
+type DataTablePaginationState = {
+    page: number;
+    pageSize: number;
+};
+type DataTableFacetedFilterState = {
+    columnId: string;
+    accessorKey: string;
+    selectedValues: Set<string>;
+};
+type DataTableProps<Row> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
+    columns: Array<DataTableColumn<Row>>;
+    data: Row[];
+    emptyState?: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+    getRowId?: (row: Row, rowIndex: number) => React.Key;
+    visibleColumnIds?: Set<string>;
+    onVisibleColumnIdsChange?: (visibleColumnIds: Set<string>) => void;
+    pagination?: DataTablePaginationState;
+    onPaginationChange?: (pagination: DataTablePaginationState) => void;
+    facetedFilters?: Array<DataTableFacetedFilterState>;
+    onFacetedFiltersChange?: (facetedFilters: Array<DataTableFacetedFilterState>) => void;
+    toolbar?: React.ReactNode;
+    showToolbar?: boolean;
+    showPagination?: boolean;
+    sortBy?: string | null;
+    sortOrder?: DataTableSortDirection;
+    onSortChange?: (sortBy: string, sortOrder: DataTableSortDirection) => void;
+    stickyHeader?: boolean;
+    selectedRowIds?: Set<React.Key>;
+    defaultSelectedRowIds?: Iterable<React.Key>;
+    onSelectedRowIdsChange?: (selectedRowIds: Set<React.Key>) => void;
+    selectionMode?: 'multiple' | 'none';
+    listState?: 'loading' | 'empty' | 'no-results' | 'error';
+    result?: React.ReactNode;
+    expandedRowRender?: (row: Row, rowIndex: number) => React.ReactNode;
+    expandedRowIds?: Set<React.Key>;
+    defaultExpandedRowIds?: Iterable<React.Key>;
+    onExpandedRowIdsChange?: (expandedRowIds: Set<React.Key>) => void;
+    renderRowEditor?: (row: Row, rowIndex: number) => React.ReactNode;
+    editingRowId?: React.Key | null;
+};
+type DataTableComponent = <Row extends Record<string, unknown>>(props: DataTableProps<Row> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+declare const DataTable: DataTableComponent & {
+    displayName?: string;
+    Toolbar: typeof DataTableToolbar;
+    Pagination: typeof DataTablePagination;
+    FacetedFilter: typeof DataTableFacetedFilter;
+};
+export { DataTable, DataTableFacetedFilter, DataTablePagination, DataTableToolbar };
+export { stringifyDataTableValue };
+export type { DataTableColumn, DataTableFacetedFilterState, DataTablePaginationState, DataTableProps, };
+//# sourceMappingURL=DataTable.d.ts.map

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

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

package/dist/components/dataTable/DataTable.js

@@ -0,0 +1,461 @@
+"use client";
+import * as React from "react";
+import classNames from "classnames";
+import { extractProps } from "../../_internal/helpers/extractProps.js";
+import { Checkbox } from "../checkbox/Checkbox.js";
+import { Input } from "../input/Input.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../table/Table.js";
+import { dataTablePropDefs } from "./dataTable.props.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"
+};
+const DATA_TABLE_HEADER_BUTTON_STYLE = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: "var(--dsx-space-xs)",
+  width: "100%",
+  padding: 0,
+  border: 0,
+  background: "transparent",
+  color: "inherit",
+  font: "inherit",
+  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"
+};
+const DATA_TABLE_EXPAND_BUTTON_STYLE = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: "1.5rem",
+  height: "1.5rem",
+  padding: 0,
+  border: 0,
+  background: "transparent",
+  color: "var(--dsx-color-on-surface-variant)",
+  cursor: "pointer"
+};
+function getNodeText(node) {
+  if (node == null || typeof node === "boolean") {
+    return "";
+  }
+  if (typeof node === "string" || typeof node === "number" || typeof node === "bigint") {
+    return String(node);
+  }
+  if (Array.isArray(node)) {
+    return node.map((child) => getNodeText(child)).join(" ");
+  }
+  if (React.isValidElement(node)) {
+    const props = node.props;
+    return getNodeText(props.children);
+  }
+  return "";
+}
+function stringifyDataTableValue(value) {
+  if (value == null || typeof value === "boolean") {
+    return value ? "true" : "";
+  }
+  if (typeof value === "string" || typeof value === "number" || typeof value === "bigint") {
+    return String(value);
+  }
+  if (value instanceof Date) {
+    return value.toISOString();
+  }
+  if (Array.isArray(value)) {
+    return value.map((item) => stringifyDataTableValue(item)).join(" ");
+  }
+  if (React.isValidElement(value)) {
+    return getNodeText(value);
+  }
+  if (typeof value === "object") {
+    return Object.values(value).map((item) => stringifyDataTableValue(item)).join(" ");
+  }
+  return "";
+}
+function compareDataTableValues(left, right) {
+  if (typeof left === "number" && typeof right === "number") {
+    return left - right;
+  }
+  if (typeof left === "bigint" && typeof right === "bigint") {
+    return left > right ? 1 : left < right ? -1 : 0;
+  }
+  if (left instanceof Date && right instanceof Date) {
+    return left.getTime() - right.getTime();
+  }
+  if (typeof left === "boolean" && typeof right === "boolean") {
+    return Number(left) - Number(right);
+  }
+  return stringifyDataTableValue(left).localeCompare(stringifyDataTableValue(right), void 0, {
+    numeric: true,
+    sensitivity: "base"
+  });
+}
+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";
+}
+function getColumnValue(column, row, rowIndex) {
+  if (column.accessorKey) {
+    return row[column.accessorKey];
+  }
+  if (column.cell) {
+    return column.cell(row, rowIndex);
+  }
+  return null;
+}
+function DataTableInner(props, forwardedRef) {
+  const {
+    className: propClassName,
+    columns,
+    data,
+    emptyState = "No results.",
+    getRowId,
+    visibleColumnIds: controlledVisibleColumnIds,
+    onVisibleColumnIdsChange,
+    pagination: controlledPagination,
+    onPaginationChange,
+    facetedFilters: controlledFacetedFilters,
+    onFacetedFiltersChange,
+    toolbar,
+    showToolbar = true,
+    showPagination = false,
+    sortBy,
+    sortOrder = "asc",
+    onSortChange,
+    stickyHeader = false,
+    selectedRowIds: controlledSelectedRowIds,
+    defaultSelectedRowIds,
+    onSelectedRowIdsChange,
+    selectionMode = "multiple",
+    listState,
+    result,
+    size = "md",
+    expandedRowRender,
+    expandedRowIds: controlledExpandedRowIds,
+    defaultExpandedRowIds,
+    onExpandedRowIdsChange,
+    renderRowEditor,
+    editingRowId = null,
+    ...restProps
+  } = props;
+  const { className, ...dataTableProps } = extractProps(
+    {
+      ...restProps,
+      className: propClassName
+    },
+    dataTablePropDefs
+  );
+  const [query, setQuery] = React.useState("");
+  const [internalSort, setInternalSort] = React.useState(null);
+  const sort = 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));
+  const expandedRowIds = controlledExpandedRowIds ?? internalExpandedRowIds;
+  const truncatingColumns = columns.filter((column) => column.truncate);
+  if (truncatingColumns.length > 1) throw new Error("DataTable supports at most one truncating column.");
+  const [internalPagination, setInternalPagination] = React.useState({
+    page: 1,
+    pageSize: 10
+  });
+  const visibleColumnIds = controlledVisibleColumnIds ?? new Set(columns.map((col) => col.id));
+  const isPaginationControlled = controlledPagination !== void 0;
+  const pagination = isPaginationControlled ? controlledPagination : internalPagination;
+  const facetedFilters = controlledFacetedFilters ?? [];
+  const rows = React.useMemo(
+    () => data.map((row, rowIndex) => ({
+      row,
+      rowId: getRowId?.(row, rowIndex) ?? rowIndex,
+      rowIndex
+    })),
+    [data, getRowId]
+  );
+  React.useEffect(() => {
+    const availableRowIds = new Set(rows.map((row) => row.rowId));
+    if (controlledSelectedRowIds) return;
+    setInternalSelectedRowIds((currentSelectedRowIds) => {
+      const nextSelectedRowIds = new Set(
+        Array.from(currentSelectedRowIds).filter((rowId) => availableRowIds.has(rowId))
+      );
+      if (nextSelectedRowIds.size === currentSelectedRowIds.size && Array.from(nextSelectedRowIds).every((rowId) => currentSelectedRowIds.has(rowId))) {
+        return currentSelectedRowIds;
+      }
+      return nextSelectedRowIds;
+    });
+  }, [controlledSelectedRowIds, rows]);
+  const normalizedQuery = query.trim().toLowerCase();
+  const facetedFilterMap = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const filter of facetedFilters) {
+      map.set(filter.columnId, filter.selectedValues);
+    }
+    return map;
+  }, [facetedFilters]);
+  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))
+      );
+    }
+    if (facetedFilterMap.size > 0) {
+      result2 = result2.filter(({ row }) => {
+        for (const [columnId, selectedValues] of facetedFilterMap) {
+          if (selectedValues.size === 0) continue;
+          const column = columns.find((col) => col.id === columnId);
+          if (!column || !column.accessorKey) continue;
+          const cellValue = stringifyDataTableValue(row[column.accessorKey]).toLowerCase();
+          if (!selectedValues.has(cellValue)) {
+            return false;
+          }
+        }
+        return true;
+      });
+    }
+    return result2;
+  }, [columns, normalizedQuery, rows, facetedFilterMap]);
+  const visibleRows = React.useMemo(() => {
+    if (!sort) {
+      return filteredRows;
+    }
+    const activeColumn = columns.find((column) => column.id === sort.columnId);
+    if (!activeColumn) {
+      return filteredRows;
+    }
+    const direction = sort.direction === "asc" ? 1 : -1;
+    return [...filteredRows].sort((leftRow, rightRow) => {
+      const comparison = compareDataTableValues(
+        getColumnValue(activeColumn, leftRow.row, leftRow.rowIndex),
+        getColumnValue(activeColumn, rightRow.row, rightRow.rowIndex)
+      );
+      if (comparison !== 0) {
+        return comparison * direction;
+      }
+      return leftRow.rowIndex - rightRow.rowIndex;
+    });
+  }, [columns, filteredRows, sort]);
+  const paginatedRows = React.useMemo(() => {
+    if (!showPagination) return visibleRows;
+    const start = (pagination.page - 1) * pagination.pageSize;
+    return visibleRows.slice(start, start + pagination.pageSize);
+  }, [visibleRows, pagination, showPagination]);
+  const isEmpty = paginatedRows.length === 0;
+  const hasVisibleRows = paginatedRows.length > 0;
+  const selectedVisibleRowCount = paginatedRows.filter((row) => selectedRowIds.has(row.rowId)).length;
+  const allVisibleRowsSelected = hasVisibleRows && selectedVisibleRowCount === paginatedRows.length;
+  const someVisibleRowsSelected = selectedVisibleRowCount > 0 && !allVisibleRowsSelected;
+  const visibleColumns = React.useMemo(
+    () => columns.filter((col) => visibleColumnIds.has(col.id)),
+    [columns, visibleColumnIds]
+  );
+  function handleSort(columnId) {
+    const next = getNextSortState(sort, columnId);
+    if (sortBy === void 0) setInternalSort(next);
+    onSortChange?.(next.columnId, next.direction);
+  }
+  function updateSelection(updater) {
+    const next = updater(selectedRowIds);
+    if (controlledSelectedRowIds === void 0) setInternalSelectedRowIds(next);
+    onSelectedRowIdsChange?.(next);
+  }
+  function handleRowSelectionChange(rowId, checked) {
+    updateSelection((currentSelectedRowIds) => {
+      const nextSelectedRowIds = new Set(currentSelectedRowIds);
+      if (checked) {
+        nextSelectedRowIds.add(rowId);
+      } else {
+        nextSelectedRowIds.delete(rowId);
+      }
+      return nextSelectedRowIds;
+    });
+  }
+  function handleSelectAllRows(checked) {
+    updateSelection((currentSelectedRowIds) => {
+      const nextSelectedRowIds = new Set(currentSelectedRowIds);
+      for (const row of paginatedRows) {
+        if (checked) {
+          nextSelectedRowIds.add(row.rowId);
+        } else {
+          nextSelectedRowIds.delete(row.rowId);
+        }
+      }
+      return nextSelectedRowIds;
+    });
+  }
+  function toggleRowExpanded(rowId) {
+    const nextExpandedRowIds = new Set(expandedRowIds);
+    if (nextExpandedRowIds.has(rowId)) {
+      nextExpandedRowIds.delete(rowId);
+    } else {
+      nextExpandedRowIds.add(rowId);
+    }
+    if (controlledExpandedRowIds === void 0) setInternalExpandedRowIds(nextExpandedRowIds);
+    onExpandedRowIdsChange?.(nextExpandedRowIds);
+  }
+  function handlePaginationChange(nextPage) {
+    const nextPagination = { ...pagination, page: nextPage };
+    if (!isPaginationControlled) {
+      setInternalPagination(nextPagination);
+    }
+    onPaginationChange?.(nextPagination);
+  }
+  function handlePageSizeChange(nextPageSize) {
+    const nextPagination = { ...pagination, pageSize: nextPageSize, page: 1 };
+    if (!isPaginationControlled) {
+      setInternalPagination(nextPagination);
+    }
+    onPaginationChange?.(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(
+    "div",
+    {
+      ...dataTableProps,
+      ref: forwardedRef,
+      className: classNames("dsx-data-table", className),
+      "data-empty": isEmpty ? "true" : void 0,
+      "data-size": size,
+      "data-sticky-header": stickyHeader ? "true" : void 0,
+      children: [
+        toolbar ?? defaultToolbar,
+        /* @__PURE__ */ jsxs(Table, { 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(
+              Checkbox,
+              {
+                "aria-label": allVisibleRowsSelected ? "Deselect all visible rows" : "Select all visible rows",
+                checked: allVisibleRowsSelected ? true : someVisibleRowsSelected ? "indeterminate" : false,
+                disabled: !hasVisibleRows,
+                onCheckedChange: (checked) => handleSelectAllRows(checked === true),
+                size: "sm"
+              }
+            ) }) : null,
+            visibleColumns.map((column) => /* @__PURE__ */ jsx(
+              TableHead,
+              {
+                "aria-sort": sort?.columnId === column.id ? sort.direction === "asc" ? "ascending" : "descending" : "none",
+                "data-sort-direction": sort?.columnId === column.id ? sort.direction : void 0,
+                "data-align": column.numeric ? "end" : column.align,
+                "data-numeric": column.numeric ? "true" : void 0,
+                "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: [
+                  /* @__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) })
+                ] }) : column.header
+              },
+              column.id
+            ))
+          ] }) }),
+          /* @__PURE__ */ jsx(TableBody, { children: !isEmpty && !listState ? paginatedRows.map(({ row, rowId, rowIndex }) => {
+            const isRowExpanded = Boolean(expandedRowRender) && expandedRowIds.has(rowId);
+            const isRowEditing = Boolean(renderRowEditor) && editingRowId === rowId;
+            const detailColSpan = visibleColumns.length + (selectionMode === "multiple" ? 1 : 0) + (expandedRowRender ? 1 : 0);
+            return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+              /* @__PURE__ */ jsxs(TableRow, { "data-selected": selectedRowIds.has(rowId) ? "true" : void 0, "data-editing": isRowEditing ? "true" : void 0, children: [
+                expandedRowRender ? /* @__PURE__ */ jsx(TableCell, { style: DATA_TABLE_EXPAND_CELL_STYLE, children: /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    "aria-expanded": isRowExpanded,
+                    "aria-label": isRowExpanded ? `Collapse row ${rowIndex + 1}` : `Expand row ${rowIndex + 1}`,
+                    onClick: () => toggleRowExpanded(rowId),
+                    style: DATA_TABLE_EXPAND_BUTTON_STYLE,
+                    type: "button",
+                    children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: isRowExpanded ? "\u25BE" : "\u25B8" })
+                  }
+                ) }) : null,
+                selectionMode === "multiple" ? /* @__PURE__ */ jsx(TableCell, { style: DATA_TABLE_SELECTION_CELL_STYLE, children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    "aria-label": `Select row ${rowIndex + 1}`,
+                    checked: selectedRowIds.has(rowId),
+                    onCheckedChange: (checked) => handleRowSelectionChange(rowId, checked === true),
+                    size: "sm"
+                  }
+                ) }) : null,
+                isRowEditing ? /* @__PURE__ */ jsx(TableCell, { className: "dsx-data-table__row-editor", colSpan: visibleColumns.length, children: renderRowEditor(row, rowIndex) }) : visibleColumns.map((column) => /* @__PURE__ */ jsx(TableCell, { "data-align": column.numeric ? "end" : column.align, "data-numeric": column.numeric ? "true" : void 0, "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.cell?.(row, rowIndex) ?? (column.accessorKey ? String(row[column.accessorKey] ?? "") : null) }, column.id))
+              ] }),
+              isRowExpanded ? /* @__PURE__ */ jsx(TableRow, { "data-expanded-detail": "true", children: /* @__PURE__ */ jsx(TableCell, { className: "dsx-data-table__expanded-detail", colSpan: detailColSpan, children: expandedRowRender(row, rowIndex) }) }) : null
+            ] }, rowId);
+          }) : /* @__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) }) }) })
+        ] }),
+        showPagination && /* @__PURE__ */ jsx(
+          DataTablePagination,
+          {
+            page: pagination.page,
+            pageSize: pagination.pageSize,
+            total: visibleRows.length,
+            onPageChange: handlePaginationChange,
+            onPageSizeChange: handlePageSizeChange
+          }
+        )
+      ]
+    }
+  );
+}
+const DataTable = React.forwardRef(DataTableInner);
+DataTable.displayName = "DataTable";
+DataTable.Toolbar = DataTableToolbar;
+DataTable.Pagination = DataTablePagination;
+DataTable.FacetedFilter = DataTableFacetedFilter;
+export {
+  DataTable,
+  DataTableFacetedFilter,
+  DataTablePagination,
+  DataTableToolbar,
+  stringifyDataTableValue
+};
+//# sourceMappingURL=DataTable.js.map