@d4gger/design-system 2.7.0

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

@@ -0,0 +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"]
+}

package/dist/components/dataTable/DataTableFacetedFilter.cjs

@@ -0,0 +1,228 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DataTableFacetedFilter_exports = {};
+__export(DataTableFacetedFilter_exports, {
+  DataTableFacetedFilter: () => DataTableFacetedFilter
+});
+module.exports = __toCommonJS(DataTableFacetedFilter_exports);
+var React = __toESM(require("react"), 1);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_Badge = require("../badge/Badge");
+var import_Button = require("../button/Button");
+var import_Checkbox = require("../checkbox/Checkbox");
+var import_DropdownMenu = require("../dropdownMenu/DropdownMenu");
+var import_Input = require("../input/Input");
+var import_Separator = require("../separator/Separator");
+var import_DataTable = require("./DataTable");
+var import_jsx_runtime = require("react/jsx-runtime");
+const DATA_TABLE_FACETED_FILTER_STYLE = {
+  display: "inline-flex",
+  alignItems: "center",
+  gap: "var(--dsx-space-xs)"
+};
+const DATA_TABLE_FACETED_FILTER_CONTENT_STYLE = {
+  width: "240px",
+  padding: "var(--dsx-space-sm)"
+};
+const DATA_TABLE_FACETED_FILTER_SEARCH_STYLE = {
+  width: "100%",
+  marginBottom: "var(--dsx-space-xs)"
+};
+const DATA_TABLE_FACETED_FILTER_LIST_STYLE = {
+  maxHeight: "240px",
+  overflow: "auto",
+  display: "flex",
+  flexDirection: "column",
+  gap: "2px"
+};
+const DATA_TABLE_FACETED_FILTER_OPTION_STYLE = {
+  display: "flex",
+  alignItems: "center",
+  gap: "var(--dsx-space-xs)",
+  padding: "var(--dsx-space-xs) var(--dsx-space-sm)",
+  borderRadius: "var(--dsx-radius-sm)",
+  cursor: "pointer",
+  fontSize: "var(--dsx-font-size-xs)"
+};
+const DATA_TABLE_FACETED_FILTER_FOOTER_STYLE = {
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  paddingTop: "var(--dsx-space-xs)",
+  marginTop: "var(--dsx-space-xs)",
+  borderTop: "var(--dsx-border-width-sm) solid var(--dsx-color-outline)"
+};
+function DataTableFacetedFilter({
+  columnId,
+  accessorKey,
+  data,
+  selectedValues: controlledSelectedValues,
+  defaultSelectedValues,
+  onSelectedValuesChange,
+  label,
+  maxDisplayOptions = 50,
+  className
+}) {
+  const [searchQuery, setSearchQuery] = React.useState("");
+  const [internalSelectedValues, setInternalSelectedValues] = React.useState(
+    () => defaultSelectedValues ?? /* @__PURE__ */ new Set()
+  );
+  const isControlled = controlledSelectedValues !== void 0;
+  const currentSelectedValues = isControlled ? controlledSelectedValues : internalSelectedValues;
+  const options = React.useMemo(() => {
+    const counts = /* @__PURE__ */ new Map();
+    for (const row of data) {
+      const rawValue = row[accessorKey];
+      const stringValue = (0, import_DataTable.stringifyDataTableValue)(rawValue);
+      const normalizedValue = stringValue.toLowerCase();
+      if (!normalizedValue) continue;
+      const existing = counts.get(normalizedValue);
+      if (existing) {
+        counts.set(normalizedValue, existing + 1);
+      } else {
+        counts.set(normalizedValue, 1);
+      }
+    }
+    const sortedOptions = Array.from(counts.entries()).map(([value, count]) => ({
+      label: value,
+      value,
+      count
+    })).sort((a, b) => b.count - a.count).slice(0, maxDisplayOptions);
+    return sortedOptions;
+  }, [data, accessorKey, maxDisplayOptions]);
+  const filteredOptions = React.useMemo(() => {
+    if (!searchQuery.trim()) return options;
+    const query = searchQuery.toLowerCase();
+    return options.filter((opt) => opt.label.includes(query));
+  }, [options, searchQuery]);
+  const activeFilterCount = currentSelectedValues.size;
+  function handleToggle(value) {
+    const nextValues = new Set(currentSelectedValues);
+    if (nextValues.has(value)) {
+      nextValues.delete(value);
+    } else {
+      nextValues.add(value);
+    }
+    if (!isControlled) {
+      setInternalSelectedValues(nextValues);
+    }
+    onSelectedValuesChange?.(nextValues);
+  }
+  function handleClearAll() {
+    const emptySet = /* @__PURE__ */ new Set();
+    if (!isControlled) {
+      setInternalSelectedValues(emptySet);
+    }
+    onSelectedValuesChange?.(emptySet);
+  }
+  function handleSelectAll() {
+    const allValues = new Set(filteredOptions.map((opt) => opt.value));
+    if (!isControlled) {
+      setInternalSelectedValues(allValues);
+    }
+    onSelectedValuesChange?.(allValues);
+  }
+  const displayLabel = label ?? columnId;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_classnames.default)("dsx-data-table-faceted-filter", className), style: DATA_TABLE_FACETED_FILTER_STYLE, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_DropdownMenu.DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DropdownMenu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Button.Button, { size: "sm", variant: "outline", trailingIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", children: "\u25BE" }), children: [
+      displayLabel,
+      activeFilterCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Badge.Badge, { size: "sm", variant: "primary", style: { marginLeft: "var(--dsx-space-xs)" }, children: activeFilterCount })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_DropdownMenu.DropdownMenuContent, { align: "start", style: DATA_TABLE_FACETED_FILTER_CONTENT_STYLE, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Input.Input,
+        {
+          "aria-label": `Filter ${displayLabel}`,
+          density: "sm",
+          onChange: (e) => setSearchQuery(e.currentTarget.value),
+          placeholder: `Filter ${displayLabel.toLowerCase()}...`,
+          style: DATA_TABLE_FACETED_FILTER_SEARCH_STYLE,
+          type: "search",
+          value: searchQuery
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: DATA_TABLE_FACETED_FILTER_LIST_STYLE, children: filteredOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: "var(--dsx-space-sm)", textAlign: "center", fontSize: "var(--dsx-font-size-xs)", color: "var(--dsx-color-on-surface-variant)" }, children: "No results found." }) : filteredOptions.map((option) => {
+        const isSelected = currentSelectedValues.has(option.value);
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            role: "option",
+            "aria-selected": isSelected,
+            style: DATA_TABLE_FACETED_FILTER_OPTION_STYLE,
+            onClick: () => handleToggle(option.value),
+            onMouseEnter: (e) => {
+              e.currentTarget.style.background = "var(--dsx-color-surface-raised)";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.background = "transparent";
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_Checkbox.Checkbox,
+                {
+                  checked: isSelected,
+                  size: "sm",
+                  onCheckedChange: () => handleToggle(option.value)
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: option.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Badge.Badge, { size: "sm", variant: "outline", children: option.count })
+            ]
+          },
+          option.value
+        );
+      }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Separator.Separator, { style: { margin: "var(--dsx-space-xs) 0" } }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: DATA_TABLE_FACETED_FILTER_FOOTER_STYLE, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Button.Button,
+          {
+            size: "sm",
+            variant: "ghost",
+            disabled: currentSelectedValues.size === 0,
+            onClick: handleClearAll,
+            children: "Clear"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Button.Button,
+          {
+            size: "sm",
+            variant: "ghost",
+            onClick: handleSelectAll,
+            children: "Select all"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+DataTableFacetedFilter.displayName = "DataTableFacetedFilter";
+//# sourceMappingURL=DataTableFacetedFilter.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/dataTable/DataTableFacetedFilter.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\n\nimport { Badge } from '../badge/Badge'\nimport { Button } from '../button/Button'\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from '../dropdownMenu/DropdownMenu'\nimport { Input } from '../input/Input'\nimport { Separator } from '../separator/Separator'\n\nimport { stringifyDataTableValue } from './DataTable'\n\nconst DATA_TABLE_FACETED_FILTER_STYLE: React.CSSProperties = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 'var(--dsx-space-xs)',\n}\n\nconst DATA_TABLE_FACETED_FILTER_CONTENT_STYLE: React.CSSProperties = {\n  width: '240px',\n  padding: 'var(--dsx-space-sm)',\n}\n\nconst DATA_TABLE_FACETED_FILTER_SEARCH_STYLE: React.CSSProperties = {\n  width: '100%',\n  marginBottom: 'var(--dsx-space-xs)',\n}\n\nconst DATA_TABLE_FACETED_FILTER_LIST_STYLE: React.CSSProperties = {\n  maxHeight: '240px',\n  overflow: 'auto',\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '2px',\n}\n\nconst DATA_TABLE_FACETED_FILTER_OPTION_STYLE: React.CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 'var(--dsx-space-xs)',\n  padding: 'var(--dsx-space-xs) var(--dsx-space-sm)',\n  borderRadius: 'var(--dsx-radius-sm)',\n  cursor: 'pointer',\n  fontSize: 'var(--dsx-font-size-xs)',\n}\n\nconst DATA_TABLE_FACETED_FILTER_FOOTER_STYLE: React.CSSProperties = {\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  paddingTop: 'var(--dsx-space-xs)',\n  marginTop: 'var(--dsx-space-xs)',\n  borderTop: 'var(--dsx-border-width-sm) solid var(--dsx-color-outline)',\n}\n\ntype DataTableFacetedFilterOption = {\n  label: string\n  value: string\n  count: number\n}\n\ntype DataTableFacetedFilterProps<Row> = {\n  columnId: string\n  accessorKey: keyof Row\n  data: Row[]\n  selectedValues?: Set<string>\n  defaultSelectedValues?: Set<string>\n  onSelectedValuesChange?: (selectedValues: Set<string>) => void\n  label?: string\n  maxDisplayOptions?: number\n  className?: string\n}\n\nfunction DataTableFacetedFilter<Row extends Record<string, unknown>>({\n  columnId,\n  accessorKey,\n  data,\n  selectedValues: controlledSelectedValues,\n  defaultSelectedValues,\n  onSelectedValuesChange,\n  label,\n  maxDisplayOptions = 50,\n  className,\n}: DataTableFacetedFilterProps<Row>) {\n  const [searchQuery, setSearchQuery] = React.useState('')\n\n  const [internalSelectedValues, setInternalSelectedValues] = React.useState<Set<string>>(\n    () => defaultSelectedValues ?? new Set(),\n  )\n\n  const isControlled = controlledSelectedValues !== undefined\n  const currentSelectedValues = isControlled ? controlledSelectedValues : internalSelectedValues\n\n  const options = React.useMemo<DataTableFacetedFilterOption[]>(() => {\n    const counts = new Map<string, number>()\n\n    for (const row of data) {\n      const rawValue = row[accessorKey]\n      const stringValue = stringifyDataTableValue(rawValue)\n      const normalizedValue = stringValue.toLowerCase()\n\n      if (!normalizedValue) continue\n\n      const existing = counts.get(normalizedValue)\n      if (existing) {\n        counts.set(normalizedValue, existing + 1)\n      } else {\n        counts.set(normalizedValue, 1)\n      }\n    }\n\n    const sortedOptions = Array.from(counts.entries())\n      .map(([value, count]) => ({\n        label: value,\n        value,\n        count,\n      }))\n      .sort((a, b) => b.count - a.count)\n      .slice(0, maxDisplayOptions)\n\n    return sortedOptions\n  }, [data, accessorKey, maxDisplayOptions])\n\n  const filteredOptions = React.useMemo(() => {\n    if (!searchQuery.trim()) return options\n    const query = searchQuery.toLowerCase()\n    return options.filter((opt) => opt.label.includes(query))\n  }, [options, searchQuery])\n\n  const activeFilterCount = currentSelectedValues.size\n\n  function handleToggle(value: string) {\n    const nextValues = new Set(currentSelectedValues)\n    if (nextValues.has(value)) {\n      nextValues.delete(value)\n    } else {\n      nextValues.add(value)\n    }\n    if (!isControlled) {\n      setInternalSelectedValues(nextValues)\n    }\n    onSelectedValuesChange?.(nextValues)\n  }\n\n  function handleClearAll() {\n    const emptySet = new Set<string>()\n    if (!isControlled) {\n      setInternalSelectedValues(emptySet)\n    }\n    onSelectedValuesChange?.(emptySet)\n  }\n\n  function handleSelectAll() {\n    const allValues = new Set(filteredOptions.map((opt) => opt.value))\n    if (!isControlled) {\n      setInternalSelectedValues(allValues)\n    }\n    onSelectedValuesChange?.(allValues)\n  }\n\n  const displayLabel = label ?? columnId\n\n  return (\n    <div className={classNames('dsx-data-table-faceted-filter', className)} style={DATA_TABLE_FACETED_FILTER_STYLE}>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button size=\"sm\" variant=\"outline\" trailingIcon={<span aria-hidden=\"true\">\u25BE</span>}>\n            {displayLabel}\n            {activeFilterCount > 0 && (\n              <Badge size=\"sm\" variant=\"primary\" style={{ marginLeft: 'var(--dsx-space-xs)' }}>\n                {activeFilterCount}\n              </Badge>\n            )}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\" style={DATA_TABLE_FACETED_FILTER_CONTENT_STYLE}>\n          <Input\n            aria-label={`Filter ${displayLabel}`}\n            density=\"sm\"\n            onChange={(e) => setSearchQuery(e.currentTarget.value)}\n            placeholder={`Filter ${displayLabel.toLowerCase()}...`}\n            style={DATA_TABLE_FACETED_FILTER_SEARCH_STYLE}\n            type=\"search\"\n            value={searchQuery}\n          />\n\n          <div style={DATA_TABLE_FACETED_FILTER_LIST_STYLE}>\n            {filteredOptions.length === 0 ? (\n              <div style={{ padding: 'var(--dsx-space-sm)', textAlign: 'center', fontSize: 'var(--dsx-font-size-xs)', color: 'var(--dsx-color-on-surface-variant)' }}>\n                No results found.\n              </div>\n            ) : (\n              filteredOptions.map((option) => {\n                const isSelected = currentSelectedValues.has(option.value)\n                return (\n                  <div\n                    key={option.value}\n                    role=\"option\"\n                    aria-selected={isSelected}\n                    style={DATA_TABLE_FACETED_FILTER_OPTION_STYLE}\n                    onClick={() => handleToggle(option.value)}\n                    onMouseEnter={(e) => {\n                      (e.currentTarget as HTMLDivElement).style.background = 'var(--dsx-color-surface-raised)'\n                    }}\n                    onMouseLeave={(e) => {\n                      (e.currentTarget as HTMLDivElement).style.background = 'transparent'\n                    }}\n                  >\n                    <Checkbox\n                      checked={isSelected}\n                      size=\"sm\"\n                      onCheckedChange={() => handleToggle(option.value)}\n                    />\n                    <span style={{ flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>\n                      {option.label}\n                    </span>\n                    <Badge size=\"sm\" variant=\"outline\">\n                      {option.count}\n                    </Badge>\n                  </div>\n                )\n              })\n            )}\n          </div>\n\n          <Separator style={{ margin: 'var(--dsx-space-xs) 0' }} />\n\n          <div style={DATA_TABLE_FACETED_FILTER_FOOTER_STYLE}>\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              disabled={currentSelectedValues.size === 0}\n              onClick={handleClearAll}\n            >\n              Clear\n            </Button>\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              onClick={handleSelectAll}\n            >\n              Select all\n            </Button>\n          </div>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  )\n}\nDataTableFacetedFilter.displayName = 'DataTableFacetedFilter'\n\nexport { DataTableFacetedFilter }\nexport type { DataTableFacetedFilterOption, DataTableFacetedFilterProps }\n"],
+  "mappings": "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",
+  "names": ["classNames"]
+}

package/dist/components/dataTable/DataTableFacetedFilter.d.cts

@@ -0,0 +1,23 @@
+type DataTableFacetedFilterOption = {
+    label: string;
+    value: string;
+    count: number;
+};
+type DataTableFacetedFilterProps<Row> = {
+    columnId: string;
+    accessorKey: keyof Row;
+    data: Row[];
+    selectedValues?: Set<string>;
+    defaultSelectedValues?: Set<string>;
+    onSelectedValuesChange?: (selectedValues: Set<string>) => void;
+    label?: string;
+    maxDisplayOptions?: number;
+    className?: string;
+};
+declare function DataTableFacetedFilter<Row extends Record<string, unknown>>({ columnId, accessorKey, data, selectedValues: controlledSelectedValues, defaultSelectedValues, onSelectedValuesChange, label, maxDisplayOptions, className, }: DataTableFacetedFilterProps<Row>): import("react/jsx-runtime").JSX.Element;
+declare namespace DataTableFacetedFilter {
+    var displayName: string;
+}
+export { DataTableFacetedFilter };
+export type { DataTableFacetedFilterOption, DataTableFacetedFilterProps };
+//# sourceMappingURL=DataTableFacetedFilter.d.cts.map

package/dist/components/dataTable/DataTableFacetedFilter.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFacetedFilter.d.cts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTableFacetedFilter.tsx"],"names":[],"mappings":"AAyDA,KAAK,4BAA4B,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,2BAA2B,CAAC,GAAG,IAAI;IACtC,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,GAAG,CAAA;IACtB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC5B,qBAAqB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACnC,sBAAsB,CAAC,EAAE,CAAC,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,iBAAS,sBAAsB,CAAC,GAAG,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACnE,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,cAAc,EAAE,wBAAwB,EACxC,qBAAqB,EACrB,sBAAsB,EACtB,KAAK,EACL,iBAAsB,EACtB,SAAS,GACV,EAAE,2BAA2B,CAAC,GAAG,CAAC,2CAqKlC;kBA/KQ,sBAAsB;;;AAkL/B,OAAO,EAAE,sBAAsB,EAAE,CAAA;AACjC,YAAY,EAAE,4BAA4B,EAAE,2BAA2B,EAAE,CAAA"}

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

@@ -0,0 +1,23 @@
+type DataTableFacetedFilterOption = {
+    label: string;
+    value: string;
+    count: number;
+};
+type DataTableFacetedFilterProps<Row> = {
+    columnId: string;
+    accessorKey: keyof Row;
+    data: Row[];
+    selectedValues?: Set<string>;
+    defaultSelectedValues?: Set<string>;
+    onSelectedValuesChange?: (selectedValues: Set<string>) => void;
+    label?: string;
+    maxDisplayOptions?: number;
+    className?: string;
+};
+declare function DataTableFacetedFilter<Row extends Record<string, unknown>>({ columnId, accessorKey, data, selectedValues: controlledSelectedValues, defaultSelectedValues, onSelectedValuesChange, label, maxDisplayOptions, className, }: DataTableFacetedFilterProps<Row>): import("react/jsx-runtime").JSX.Element;
+declare namespace DataTableFacetedFilter {
+    var displayName: string;
+}
+export { DataTableFacetedFilter };
+export type { DataTableFacetedFilterOption, DataTableFacetedFilterProps };
+//# sourceMappingURL=DataTableFacetedFilter.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFacetedFilter.d.mts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTableFacetedFilter.tsx"],"names":[],"mappings":"AAyDA,KAAK,4BAA4B,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,2BAA2B,CAAC,GAAG,IAAI;IACtC,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,GAAG,CAAA;IACtB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC5B,qBAAqB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACnC,sBAAsB,CAAC,EAAE,CAAC,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,iBAAS,sBAAsB,CAAC,GAAG,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACnE,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,cAAc,EAAE,wBAAwB,EACxC,qBAAqB,EACrB,sBAAsB,EACtB,KAAK,EACL,iBAAsB,EACtB,SAAS,GACV,EAAE,2BAA2B,CAAC,GAAG,CAAC,2CAqKlC;kBA/KQ,sBAAsB;;;AAkL/B,OAAO,EAAE,sBAAsB,EAAE,CAAA;AACjC,YAAY,EAAE,4BAA4B,EAAE,2BAA2B,EAAE,CAAA"}

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

@@ -0,0 +1,23 @@
+type DataTableFacetedFilterOption = {
+    label: string;
+    value: string;
+    count: number;
+};
+type DataTableFacetedFilterProps<Row> = {
+    columnId: string;
+    accessorKey: keyof Row;
+    data: Row[];
+    selectedValues?: Set<string>;
+    defaultSelectedValues?: Set<string>;
+    onSelectedValuesChange?: (selectedValues: Set<string>) => void;
+    label?: string;
+    maxDisplayOptions?: number;
+    className?: string;
+};
+declare function DataTableFacetedFilter<Row extends Record<string, unknown>>({ columnId, accessorKey, data, selectedValues: controlledSelectedValues, defaultSelectedValues, onSelectedValuesChange, label, maxDisplayOptions, className, }: DataTableFacetedFilterProps<Row>): import("react/jsx-runtime").JSX.Element;
+declare namespace DataTableFacetedFilter {
+    var displayName: string;
+}
+export { DataTableFacetedFilter };
+export type { DataTableFacetedFilterOption, DataTableFacetedFilterProps };
+//# sourceMappingURL=DataTableFacetedFilter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFacetedFilter.d.ts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTableFacetedFilter.tsx"],"names":[],"mappings":"AAyDA,KAAK,4BAA4B,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,2BAA2B,CAAC,GAAG,IAAI;IACtC,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,GAAG,CAAA;IACtB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC5B,qBAAqB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACnC,sBAAsB,CAAC,EAAE,CAAC,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,iBAAS,sBAAsB,CAAC,GAAG,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACnE,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,cAAc,EAAE,wBAAwB,EACxC,qBAAqB,EACrB,sBAAsB,EACtB,KAAK,EACL,iBAAsB,EACtB,SAAS,GACV,EAAE,2BAA2B,CAAC,GAAG,CAAC,2CAqKlC;kBA/KQ,sBAAsB;;;AAkL/B,OAAO,EAAE,sBAAsB,EAAE,CAAA;AACjC,YAAY,EAAE,4BAA4B,EAAE,2BAA2B,EAAE,CAAA"}

package/dist/components/dataTable/DataTableFacetedFilter.js

@@ -0,0 +1,198 @@
+"use client";
+import * as React from "react";
+import classNames from "classnames";
+import { Badge } from "../badge/Badge.js";
+import { Button } from "../button/Button.js";
+import { Checkbox } from "../checkbox/Checkbox.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "../dropdownMenu/DropdownMenu.js";
+import { Input } from "../input/Input.js";
+import { Separator } from "../separator/Separator.js";
+import { stringifyDataTableValue } from "./DataTable.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+const DATA_TABLE_FACETED_FILTER_STYLE = {
+  display: "inline-flex",
+  alignItems: "center",
+  gap: "var(--dsx-space-xs)"
+};
+const DATA_TABLE_FACETED_FILTER_CONTENT_STYLE = {
+  width: "240px",
+  padding: "var(--dsx-space-sm)"
+};
+const DATA_TABLE_FACETED_FILTER_SEARCH_STYLE = {
+  width: "100%",
+  marginBottom: "var(--dsx-space-xs)"
+};
+const DATA_TABLE_FACETED_FILTER_LIST_STYLE = {
+  maxHeight: "240px",
+  overflow: "auto",
+  display: "flex",
+  flexDirection: "column",
+  gap: "2px"
+};
+const DATA_TABLE_FACETED_FILTER_OPTION_STYLE = {
+  display: "flex",
+  alignItems: "center",
+  gap: "var(--dsx-space-xs)",
+  padding: "var(--dsx-space-xs) var(--dsx-space-sm)",
+  borderRadius: "var(--dsx-radius-sm)",
+  cursor: "pointer",
+  fontSize: "var(--dsx-font-size-xs)"
+};
+const DATA_TABLE_FACETED_FILTER_FOOTER_STYLE = {
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  paddingTop: "var(--dsx-space-xs)",
+  marginTop: "var(--dsx-space-xs)",
+  borderTop: "var(--dsx-border-width-sm) solid var(--dsx-color-outline)"
+};
+function DataTableFacetedFilter({
+  columnId,
+  accessorKey,
+  data,
+  selectedValues: controlledSelectedValues,
+  defaultSelectedValues,
+  onSelectedValuesChange,
+  label,
+  maxDisplayOptions = 50,
+  className
+}) {
+  const [searchQuery, setSearchQuery] = React.useState("");
+  const [internalSelectedValues, setInternalSelectedValues] = React.useState(
+    () => defaultSelectedValues ?? /* @__PURE__ */ new Set()
+  );
+  const isControlled = controlledSelectedValues !== void 0;
+  const currentSelectedValues = isControlled ? controlledSelectedValues : internalSelectedValues;
+  const options = React.useMemo(() => {
+    const counts = /* @__PURE__ */ new Map();
+    for (const row of data) {
+      const rawValue = row[accessorKey];
+      const stringValue = stringifyDataTableValue(rawValue);
+      const normalizedValue = stringValue.toLowerCase();
+      if (!normalizedValue) continue;
+      const existing = counts.get(normalizedValue);
+      if (existing) {
+        counts.set(normalizedValue, existing + 1);
+      } else {
+        counts.set(normalizedValue, 1);
+      }
+    }
+    const sortedOptions = Array.from(counts.entries()).map(([value, count]) => ({
+      label: value,
+      value,
+      count
+    })).sort((a, b) => b.count - a.count).slice(0, maxDisplayOptions);
+    return sortedOptions;
+  }, [data, accessorKey, maxDisplayOptions]);
+  const filteredOptions = React.useMemo(() => {
+    if (!searchQuery.trim()) return options;
+    const query = searchQuery.toLowerCase();
+    return options.filter((opt) => opt.label.includes(query));
+  }, [options, searchQuery]);
+  const activeFilterCount = currentSelectedValues.size;
+  function handleToggle(value) {
+    const nextValues = new Set(currentSelectedValues);
+    if (nextValues.has(value)) {
+      nextValues.delete(value);
+    } else {
+      nextValues.add(value);
+    }
+    if (!isControlled) {
+      setInternalSelectedValues(nextValues);
+    }
+    onSelectedValuesChange?.(nextValues);
+  }
+  function handleClearAll() {
+    const emptySet = /* @__PURE__ */ new Set();
+    if (!isControlled) {
+      setInternalSelectedValues(emptySet);
+    }
+    onSelectedValuesChange?.(emptySet);
+  }
+  function handleSelectAll() {
+    const allValues = new Set(filteredOptions.map((opt) => opt.value));
+    if (!isControlled) {
+      setInternalSelectedValues(allValues);
+    }
+    onSelectedValuesChange?.(allValues);
+  }
+  const displayLabel = label ?? columnId;
+  return /* @__PURE__ */ jsx("div", { className: classNames("dsx-data-table-faceted-filter", className), style: DATA_TABLE_FACETED_FILTER_STYLE, children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", trailingIcon: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u25BE" }), children: [
+      displayLabel,
+      activeFilterCount > 0 && /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "primary", style: { marginLeft: "var(--dsx-space-xs)" }, children: activeFilterCount })
+    ] }) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", style: DATA_TABLE_FACETED_FILTER_CONTENT_STYLE, children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          "aria-label": `Filter ${displayLabel}`,
+          density: "sm",
+          onChange: (e) => setSearchQuery(e.currentTarget.value),
+          placeholder: `Filter ${displayLabel.toLowerCase()}...`,
+          style: DATA_TABLE_FACETED_FILTER_SEARCH_STYLE,
+          type: "search",
+          value: searchQuery
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { style: DATA_TABLE_FACETED_FILTER_LIST_STYLE, children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx("div", { style: { padding: "var(--dsx-space-sm)", textAlign: "center", fontSize: "var(--dsx-font-size-xs)", color: "var(--dsx-color-on-surface-variant)" }, children: "No results found." }) : filteredOptions.map((option) => {
+        const isSelected = currentSelectedValues.has(option.value);
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "option",
+            "aria-selected": isSelected,
+            style: DATA_TABLE_FACETED_FILTER_OPTION_STYLE,
+            onClick: () => handleToggle(option.value),
+            onMouseEnter: (e) => {
+              e.currentTarget.style.background = "var(--dsx-color-surface-raised)";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.background = "transparent";
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: isSelected,
+                  size: "sm",
+                  onCheckedChange: () => handleToggle(option.value)
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: option.label }),
+              /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "outline", children: option.count })
+            ]
+          },
+          option.value
+        );
+      }) }),
+      /* @__PURE__ */ jsx(Separator, { style: { margin: "var(--dsx-space-xs) 0" } }),
+      /* @__PURE__ */ jsxs("div", { style: DATA_TABLE_FACETED_FILTER_FOOTER_STYLE, children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            variant: "ghost",
+            disabled: currentSelectedValues.size === 0,
+            onClick: handleClearAll,
+            children: "Clear"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            variant: "ghost",
+            onClick: handleSelectAll,
+            children: "Select all"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+DataTableFacetedFilter.displayName = "DataTableFacetedFilter";
+export {
+  DataTableFacetedFilter
+};
+//# sourceMappingURL=DataTableFacetedFilter.js.map