npm - @d4gger/design-system - Versions diffs - 2.7.0 → 3.0.1 - Mend

@d4gger/design-system 2.7.0 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1313) hide show

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

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

package/dist/components/dataTable/DataTableContext.cjs ADDED Viewed

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

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

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

package/dist/components/dataTable/DataTableContext.d.cts ADDED Viewed

@@ -0,0 +1,23 @@
+import * as React from 'react';
+type DataTableExportFormat = 'csv' | 'json';
+type DataTableToolbarColumn = {
+    id: string;
+    label: React.ReactNode;
+};
+type DataTableToolbarContextValue = {
+    columns: DataTableToolbarColumn[];
+    exportRows: (format: DataTableExportFormat) => string;
+    exportRowsProgressive: (format: DataTableExportFormat, onProgress: (percent: number) => void) => Promise<string>;
+    filteredRowCount: number;
+    onQueryChange: (query: string) => void;
+    onVisibleColumnIdsChange: (visibleColumnIds: Set<string>) => void;
+    query: string;
+    selectedRowCount: number;
+    totalRowCount: number;
+    visibleColumnIds: Set<string>;
+};
+declare const DataTableToolbarContext: React.Context<DataTableToolbarContextValue | null>;
+declare function useDataTableToolbarContext(): DataTableToolbarContextValue | null;
+export { DataTableToolbarContext, useDataTableToolbarContext };
+export type { DataTableExportFormat, DataTableToolbarColumn, DataTableToolbarContextValue };
+//# sourceMappingURL=DataTableContext.d.cts.map

package/dist/components/dataTable/DataTableContext.d.cts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DataTableContext.d.cts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTableContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,qBAAqB,GAAG,KAAK,GAAG,MAAM,CAAA;AAE3C,KAAK,sBAAsB,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,KAAK,4BAA4B,GAAG;IAClC,OAAO,EAAE,sBAAsB,EAAE,CAAA;IACjC,UAAU,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,MAAM,CAAA;IACrD,qBAAqB,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAChH,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,wBAAwB,EAAE,CAAC,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,uBAAuB,oDAAiE,CAAA;AAE9F,iBAAS,0BAA0B,wCAElC;AAED,OAAO,EAAE,uBAAuB,EAAE,0BAA0B,EAAE,CAAA;AAC9D,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,CAAA"}

package/dist/components/dataTable/DataTableContext.d.mts ADDED Viewed

@@ -0,0 +1,23 @@
+import * as React from 'react';
+type DataTableExportFormat = 'csv' | 'json';
+type DataTableToolbarColumn = {
+    id: string;
+    label: React.ReactNode;
+};
+type DataTableToolbarContextValue = {
+    columns: DataTableToolbarColumn[];
+    exportRows: (format: DataTableExportFormat) => string;
+    exportRowsProgressive: (format: DataTableExportFormat, onProgress: (percent: number) => void) => Promise<string>;
+    filteredRowCount: number;
+    onQueryChange: (query: string) => void;
+    onVisibleColumnIdsChange: (visibleColumnIds: Set<string>) => void;
+    query: string;
+    selectedRowCount: number;
+    totalRowCount: number;
+    visibleColumnIds: Set<string>;
+};
+declare const DataTableToolbarContext: React.Context<DataTableToolbarContextValue | null>;
+declare function useDataTableToolbarContext(): DataTableToolbarContextValue | null;
+export { DataTableToolbarContext, useDataTableToolbarContext };
+export type { DataTableExportFormat, DataTableToolbarColumn, DataTableToolbarContextValue };
+//# sourceMappingURL=DataTableContext.d.mts.map

package/dist/components/dataTable/DataTableContext.d.mts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DataTableContext.d.mts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTableContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,qBAAqB,GAAG,KAAK,GAAG,MAAM,CAAA;AAE3C,KAAK,sBAAsB,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,KAAK,4BAA4B,GAAG;IAClC,OAAO,EAAE,sBAAsB,EAAE,CAAA;IACjC,UAAU,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,MAAM,CAAA;IACrD,qBAAqB,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAChH,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,wBAAwB,EAAE,CAAC,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,uBAAuB,oDAAiE,CAAA;AAE9F,iBAAS,0BAA0B,wCAElC;AAED,OAAO,EAAE,uBAAuB,EAAE,0BAA0B,EAAE,CAAA;AAC9D,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,CAAA"}

package/dist/components/dataTable/DataTableContext.d.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import * as React from 'react';
+type DataTableExportFormat = 'csv' | 'json';
+type DataTableToolbarColumn = {
+    id: string;
+    label: React.ReactNode;
+};
+type DataTableToolbarContextValue = {
+    columns: DataTableToolbarColumn[];
+    exportRows: (format: DataTableExportFormat) => string;
+    exportRowsProgressive: (format: DataTableExportFormat, onProgress: (percent: number) => void) => Promise<string>;
+    filteredRowCount: number;
+    onQueryChange: (query: string) => void;
+    onVisibleColumnIdsChange: (visibleColumnIds: Set<string>) => void;
+    query: string;
+    selectedRowCount: number;
+    totalRowCount: number;
+    visibleColumnIds: Set<string>;
+};
+declare const DataTableToolbarContext: React.Context<DataTableToolbarContextValue | null>;
+declare function useDataTableToolbarContext(): DataTableToolbarContextValue | null;
+export { DataTableToolbarContext, useDataTableToolbarContext };
+export type { DataTableExportFormat, DataTableToolbarColumn, DataTableToolbarContextValue };
+//# sourceMappingURL=DataTableContext.d.ts.map

package/dist/components/dataTable/DataTableContext.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DataTableContext.d.ts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTableContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,qBAAqB,GAAG,KAAK,GAAG,MAAM,CAAA;AAE3C,KAAK,sBAAsB,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,KAAK,4BAA4B,GAAG;IAClC,OAAO,EAAE,sBAAsB,EAAE,CAAA;IACjC,UAAU,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,MAAM,CAAA;IACrD,qBAAqB,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAChH,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,wBAAwB,EAAE,CAAC,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,uBAAuB,oDAAiE,CAAA;AAE9F,iBAAS,0BAA0B,wCAElC;AAED,OAAO,EAAE,uBAAuB,EAAE,0BAA0B,EAAE,CAAA;AAC9D,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,CAAA"}

package/dist/components/dataTable/DataTableContext.js ADDED Viewed

@@ -0,0 +1,11 @@
+"use client";
+import * as React from "react";
+const DataTableToolbarContext = React.createContext(null);
+function useDataTableToolbarContext() {
+  return React.useContext(DataTableToolbarContext);
+}
+export {
+  DataTableToolbarContext,
+  useDataTableToolbarContext
+};
+//# sourceMappingURL=DataTableContext.js.map

package/dist/components/dataTable/DataTableContext.js.map ADDED Viewed

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

package/dist/components/dataTable/DataTablePagination.cjs CHANGED Viewed

@@ -40,32 +40,29 @@ const DATA_TABLE_PAGINATION_STYLE = {
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
+  flexWrap: "wrap",
   padding: "var(--dsx-space-sm) var(--dsx-space-md)",
   gap: "var(--dsx-space-sm)"
 };
-const DATA_TABLE_PAGINATION_INFO_STYLE = {
-  display: "flex",
-  alignItems: "center",
-  gap: "var(--dsx-space-xs)",
-  fontSize: "var(--dsx-font-size-xs)",
-  color: "var(--dsx-color-on-surface-variant)",
-  whiteSpace: "nowrap"
-};
-const DATA_TABLE_PAGINATION_CONTROLS_STYLE = {
-  display: "flex",
-  alignItems: "center",
-  gap: "var(--dsx-space-xs)"
+const DATA_TABLE_PAGINATION_JUSTIFY_BY_ALIGN = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end"
 };
 function DataTablePagination({
   page: controlledPage,
   defaultPage = 1,
   pageSize: controlledPageSize,
   defaultPageSize = 10,
-  pageSizeOptions = [5, 10, 20, 50],
+  pageSizeOptions = [10, 25, 50, 100],
   total,
   onPageChange,
   onPageSizeChange,
-  className
+  className,
+  align,
+  showFirstLast = false,
+  showPageInput = false,
+  dense = false
 }) {
   const [internalPage, setInternalPage] = React.useState(defaultPage);
   const [internalPageSize, setInternalPageSize] = React.useState(defaultPageSize);
@@ -102,18 +99,73 @@ function DataTablePagination({
       setInternalPage(newPage);
     }
     onPageSizeChange?.(newPageSize);
-    onPageChange?.(newPage);
   }
   const pageNumbers = (0, import_Pagination.buildPageNumbers)(safePage, totalPages);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
       className: (0, import_classnames.default)("dsx-data-table-pagination", className),
-      style: DATA_TABLE_PAGINATION_STYLE,
+      style: align ? { ...DATA_TABLE_PAGINATION_STYLE, justifyContent: DATA_TABLE_PAGINATION_JUSTIFY_BY_ALIGN[align] } : DATA_TABLE_PAGINATION_STYLE,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: DATA_TABLE_PAGINATION_INFO_STYLE, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: total > 0 ? `${startRow}\u2013${endRow} of ${total}` : "0 rows" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { margin: "0 var(--dsx-space-xs)", color: "var(--dsx-color-outline)" }, children: "|" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-data-table-pagination__info", role: "status", "aria-live": "polite", children: total > 0 ? `${startRow}\u2013${endRow} of ${total}` : "0 rows" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-data-table-pagination__navigation", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Pagination.Pagination, { "aria-label": "Table pagination", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Pagination.PaginationContent, { children: [
+            showFirstLast ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Pagination.PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_Pagination.PaginationFirst,
+              {
+                disabled: safePage <= 1,
+                onClick: () => handlePageChange(1)
+              }
+            ) }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Pagination.PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_Pagination.PaginationPrevious,
+              {
+                disabled: safePage <= 1,
+                onClick: () => handlePageChange(safePage - 1)
+              }
+            ) }),
+            pageNumbers.map(
+              (pageOrEllipsis, index) => pageOrEllipsis === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Pagination.PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Pagination.PaginationEllipsis, {}) }, `ellipsis-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Pagination.PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_Pagination.PaginationLink,
+                {
+                  active: safePage === pageOrEllipsis,
+                  onClick: () => handlePageChange(pageOrEllipsis),
+                  "aria-label": `Page ${pageOrEllipsis}`,
+                  children: pageOrEllipsis
+                }
+              ) }, pageOrEllipsis)
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Pagination.PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_Pagination.PaginationNext,
+              {
+                disabled: safePage >= totalPages,
+                onClick: () => handlePageChange(safePage + 1)
+              }
+            ) }),
+            showFirstLast ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Pagination.PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_Pagination.PaginationLast,
+              {
+                disabled: safePage >= totalPages,
+                onClick: () => handlePageChange(totalPages)
+              }
+            ) }) : null
+          ] }) }),
+          !showPageInput && !dense ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "dsx-data-table-pagination__page-status", children: [
+            "Page ",
+            safePage,
+            " of ",
+            totalPages
+          ] }) : null,
+          showPageInput ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_Pagination.PaginationPageInput,
+            {
+              page: safePage,
+              totalPages,
+              onPageChange: handlePageChange
+            }
+          ) : null
+        ] }),
+        !dense ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-data-table-pagination__page-size", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Rows per page:" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_Pagination.PaginationPageSize,
@@ -124,34 +176,7 @@ function DataTablePagination({
               "aria-label": "Rows per page"
             }
           )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: DATA_TABLE_PAGINATION_CONTROLS_STYLE, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Pagination.Pagination, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Pagination.PaginationContent, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Pagination.PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_Pagination.PaginationPrevious,
-            {
-              disabled: safePage <= 1,
-              onClick: () => handlePageChange(safePage - 1)
-            }
-          ) }),
-          pageNumbers.map(
-            (pageOrEllipsis, index) => pageOrEllipsis === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Pagination.PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Pagination.PaginationEllipsis, {}) }, `ellipsis-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Pagination.PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_Pagination.PaginationLink,
-              {
-                active: safePage === pageOrEllipsis,
-                onClick: () => handlePageChange(pageOrEllipsis),
-                "aria-label": `Page ${pageOrEllipsis}`,
-                children: pageOrEllipsis
-              }
-            ) }, pageOrEllipsis)
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Pagination.PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_Pagination.PaginationNext,
-            {
-              disabled: safePage >= totalPages,
-              onClick: () => handlePageChange(safePage + 1)
-            }
-          ) })
-        ] }) }) })
+        ] }) : null
       ]
     }
   );

package/dist/components/dataTable/DataTablePagination.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/dataTable/DataTablePagination.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\n\nimport {\n  buildPageNumbers,\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPageSize,\n  PaginationPrevious,\n} from '../pagination/Pagination'\n\nconst DATA_TABLE_PAGINATION_STYLE: React.CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  padding: 'var(--dsx-space-sm) var(--dsx-space-md)',\n  gap: 'var(--dsx-space-sm)',\n}\n\nconst DATA_TABLE_PAGINATION_INFO_STYLE: React.CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 'var(--dsx-space-xs)',\n  fontSize: 'var(--dsx-font-size-xs)',\n  color: 'var(--dsx-color-on-surface-variant)',\n  whiteSpace: 'nowrap',\n}\n\nconst DATA_TABLE_PAGINATION_CONTROLS_STYLE: React.CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 'var(--dsx-space-xs)',\n}\n\ntype DataTablePaginationProps = {\n  page?: number\n  defaultPage?: number\n  pageSize?: number\n  defaultPageSize?: number\n  pageSizeOptions?: number[]\n  total: number\n  onPageChange?: (page: number) => void\n  onPageSizeChange?: (pageSize: number) => void\n  className?: string\n  siblingCount?: number\n}\n\nfunction DataTablePagination({\n  page: controlledPage,\n  defaultPage = 1,\n  pageSize: controlledPageSize,\n  defaultPageSize = 10,\n  pageSizeOptions = [5, 10, 20, 50],\n  total,\n  onPageChange,\n  onPageSizeChange,\n  className,\n}: DataTablePaginationProps) {\n  const [internalPage, setInternalPage] = React.useState(defaultPage)\n  const [internalPageSize, setInternalPageSize] = React.useState(defaultPageSize)\n\n  const isPageControlled = controlledPage !== undefined\n  const isPageSizeControlled = controlledPageSize !== undefined\n\n  const currentPage = isPageControlled ? controlledPage : internalPage\n  const currentPageSize = isPageSizeControlled ? controlledPageSize : internalPageSize\n\n  const totalPages = Math.max(1, Math.ceil(total / currentPageSize))\n  const safePage = Math.min(currentPage, totalPages)\n\n  const startRow = (safePage - 1) * currentPageSize + 1\n  const endRow = Math.min(safePage * currentPageSize, total)\n\n  React.useEffect(() => {\n    if (safePage !== currentPage) {\n      if (!isPageControlled) {\n        setInternalPage(safePage)\n      }\n      onPageChange?.(safePage)\n    }\n  }, [totalPages, safePage, currentPage, isPageControlled, onPageChange])\n\n  function handlePageChange(newPage: number) {\n    const clampedPage = Math.max(1, Math.min(newPage, totalPages))\n    if (!isPageControlled) {\n      setInternalPage(clampedPage)\n    }\n    onPageChange?.(clampedPage)\n  }\n\n  function handlePageSizeChange(newPageSize: number) {\n    if (!isPageSizeControlled) {\n      setInternalPageSize(newPageSize)\n    }\n    const newTotalPages = Math.max(1, Math.ceil(total / newPageSize))\n    const newPage = Math.min(safePage, newTotalPages)\n    if (!isPageControlled) {\n      setInternalPage(newPage)\n    }\n    onPageSizeChange?.(newPageSize)\n    onPageChange?.(newPage)\n  }\n\n  const pageNumbers = buildPageNumbers(safePage, totalPages)\n\n  return (\n    <div\n      className={classNames('dsx-data-table-pagination', className)}\n      style={DATA_TABLE_PAGINATION_STYLE}\n    >\n      <div style={DATA_TABLE_PAGINATION_INFO_STYLE}>\n        <span>\n          {total > 0 ? `${startRow}\u2013${endRow} of ${total}` : '0 rows'}\n        </span>\n        <span style={{ margin: '0 var(--dsx-space-xs)', color: 'var(--dsx-color-outline)' }}>|</span>\n        <span>Rows per page:</span>\n        <PaginationPageSize\n          value={currentPageSize}\n          options={pageSizeOptions}\n          onChange={handlePageSizeChange}\n          aria-label=\"Rows per page\"\n        />\n      </div>\n\n      <div style={DATA_TABLE_PAGINATION_CONTROLS_STYLE}>\n        <Pagination>\n          <PaginationContent>\n            <PaginationItem>\n              <PaginationPrevious\n                disabled={safePage <= 1}\n                onClick={() => handlePageChange(safePage - 1)}\n              />\n            </PaginationItem>\n\n            {pageNumbers.map((pageOrEllipsis, index) =>\n              pageOrEllipsis === 'ellipsis' ? (\n                <PaginationItem key={`ellipsis-${index}`}>\n                  <PaginationEllipsis />\n                </PaginationItem>\n              ) : (\n                <PaginationItem key={pageOrEllipsis}>\n                  <PaginationLink\n                    active={safePage === pageOrEllipsis}\n                    onClick={() => handlePageChange(pageOrEllipsis)}\n                    aria-label={`Page ${pageOrEllipsis}`}\n                  >\n                    {pageOrEllipsis}\n                  </PaginationLink>\n                </PaginationItem>\n              ),\n            )}\n\n            <PaginationItem>\n              <PaginationNext\n                disabled={safePage >= totalPages}\n                onClick={() => handlePageChange(safePage + 1)}\n              />\n            </PaginationItem>\n          </PaginationContent>\n        </Pagination>\n      </div>\n    </div>\n  )\n}\nDataTablePagination.displayName = 'DataTablePagination'\n\nexport { DataTablePagination }\nexport type { DataTablePaginationProps }\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\n\nimport {\n  buildPageNumbers,\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationFirst,\n  PaginationItem,\n  PaginationLast,\n  PaginationLink,\n  PaginationNext,\n  PaginationPageInput,\n  PaginationPageSize,\n  PaginationPrevious,\n} from '../pagination/Pagination'\n\nconst DATA_TABLE_PAGINATION_STYLE: React.CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  flexWrap: 'wrap',\n  padding: 'var(--dsx-space-sm) var(--dsx-space-md)',\n  gap: 'var(--dsx-space-sm)',\n}\n\ntype DataTablePaginationProps = {\n  page?: number\n  defaultPage?: number\n  pageSize?: number\n  defaultPageSize?: number\n  pageSizeOptions?: number[]\n  total: number\n  onPageChange?: (page: number) => void\n  onPageSizeChange?: (pageSize: number) => void\n  className?: string\n  siblingCount?: number\n  align?: 'start' | 'center' | 'end'\n  showFirstLast?: boolean\n  showPageInput?: boolean\n  dense?: boolean\n}\n\nconst DATA_TABLE_PAGINATION_JUSTIFY_BY_ALIGN = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n} as const\n\nfunction DataTablePagination({\n  page: controlledPage,\n  defaultPage = 1,\n  pageSize: controlledPageSize,\n  defaultPageSize = 10,\n  pageSizeOptions = [10, 25, 50, 100],\n  total,\n  onPageChange,\n  onPageSizeChange,\n  className,\n  align,\n  showFirstLast = false,\n  showPageInput = false,\n  dense = false,\n}: DataTablePaginationProps) {\n  const [internalPage, setInternalPage] = React.useState(defaultPage)\n  const [internalPageSize, setInternalPageSize] = React.useState(defaultPageSize)\n\n  const isPageControlled = controlledPage !== undefined\n  const isPageSizeControlled = controlledPageSize !== undefined\n\n  const currentPage = isPageControlled ? controlledPage : internalPage\n  const currentPageSize = isPageSizeControlled ? controlledPageSize : internalPageSize\n\n  const totalPages = Math.max(1, Math.ceil(total / currentPageSize))\n  const safePage = Math.min(currentPage, totalPages)\n\n  const startRow = (safePage - 1) * currentPageSize + 1\n  const endRow = Math.min(safePage * currentPageSize, total)\n\n  React.useEffect(() => {\n    if (safePage !== currentPage) {\n      if (!isPageControlled) {\n        setInternalPage(safePage)\n      }\n      onPageChange?.(safePage)\n    }\n  }, [totalPages, safePage, currentPage, isPageControlled, onPageChange])\n\n  function handlePageChange(newPage: number) {\n    const clampedPage = Math.max(1, Math.min(newPage, totalPages))\n    if (!isPageControlled) {\n      setInternalPage(clampedPage)\n    }\n    onPageChange?.(clampedPage)\n  }\n\n  function handlePageSizeChange(newPageSize: number) {\n    if (!isPageSizeControlled) {\n      setInternalPageSize(newPageSize)\n    }\n    const newTotalPages = Math.max(1, Math.ceil(total / newPageSize))\n    const newPage = Math.min(safePage, newTotalPages)\n    if (!isPageControlled) {\n      setInternalPage(newPage)\n    }\n    onPageSizeChange?.(newPageSize)\n  }\n\n  const pageNumbers = buildPageNumbers(safePage, totalPages)\n\n  return (\n    <div\n      className={classNames('dsx-data-table-pagination', className)}\n      style={align ? { ...DATA_TABLE_PAGINATION_STYLE, justifyContent: DATA_TABLE_PAGINATION_JUSTIFY_BY_ALIGN[align] } : DATA_TABLE_PAGINATION_STYLE}\n    >\n      <div className=\"dsx-data-table-pagination__info\" role=\"status\" aria-live=\"polite\">\n        {total > 0 ? `${startRow}\u2013${endRow} of ${total}` : '0 rows'}\n      </div>\n\n      <div className=\"dsx-data-table-pagination__navigation\">\n        <Pagination aria-label=\"Table pagination\">\n          <PaginationContent>\n            {showFirstLast ? (\n              <PaginationItem>\n                <PaginationFirst\n                  disabled={safePage <= 1}\n                  onClick={() => handlePageChange(1)}\n                />\n              </PaginationItem>\n            ) : null}\n            <PaginationItem>\n              <PaginationPrevious\n                disabled={safePage <= 1}\n                onClick={() => handlePageChange(safePage - 1)}\n              />\n            </PaginationItem>\n\n            {pageNumbers.map((pageOrEllipsis, index) =>\n              pageOrEllipsis === 'ellipsis' ? (\n                <PaginationItem key={`ellipsis-${index}`}>\n                  <PaginationEllipsis />\n                </PaginationItem>\n              ) : (\n                <PaginationItem key={pageOrEllipsis}>\n                  <PaginationLink\n                    active={safePage === pageOrEllipsis}\n                    onClick={() => handlePageChange(pageOrEllipsis)}\n                    aria-label={`Page ${pageOrEllipsis}`}\n                  >\n                    {pageOrEllipsis}\n                  </PaginationLink>\n                </PaginationItem>\n              ),\n            )}\n\n            <PaginationItem>\n              <PaginationNext\n                disabled={safePage >= totalPages}\n                onClick={() => handlePageChange(safePage + 1)}\n              />\n            </PaginationItem>\n            {showFirstLast ? (\n              <PaginationItem>\n                <PaginationLast\n                  disabled={safePage >= totalPages}\n                  onClick={() => handlePageChange(totalPages)}\n                />\n              </PaginationItem>\n            ) : null}\n          </PaginationContent>\n        </Pagination>\n        {!showPageInput && !dense ? (\n          <span className=\"dsx-data-table-pagination__page-status\">Page {safePage} of {totalPages}</span>\n        ) : null}\n        {showPageInput ? (\n          <PaginationPageInput\n            page={safePage}\n            totalPages={totalPages}\n            onPageChange={handlePageChange}\n          />\n        ) : null}\n      </div>\n\n      {!dense ? (\n      <div className=\"dsx-data-table-pagination__page-size\">\n        <span>Rows per page:</span>\n        <PaginationPageSize\n          value={currentPageSize}\n          options={pageSizeOptions}\n          onChange={handlePageSizeChange}\n          aria-label=\"Rows per page\"\n        />\n      </div>\n      ) : null}\n    </div>\n  )\n}\nDataTablePagination.displayName = 'DataTablePagination'\n\nexport { DataTablePagination }\nexport type { DataTablePaginationProps }\n"],
+  "mappings": "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",
   "names": ["classNames"]
 }

package/dist/components/dataTable/DataTablePagination.d.cts CHANGED Viewed

@@ -9,8 +9,12 @@ type DataTablePaginationProps = {
     onPageSizeChange?: (pageSize: number) => void;
     className?: string;
     siblingCount?: number;
+    align?: 'start' | 'center' | 'end';
+    showFirstLast?: boolean;
+    showPageInput?: boolean;
+    dense?: boolean;
 };
-declare function DataTablePagination({ page: controlledPage, defaultPage, pageSize: controlledPageSize, defaultPageSize, pageSizeOptions, total, onPageChange, onPageSizeChange, className, }: DataTablePaginationProps): import("react/jsx-runtime").JSX.Element;
+declare function DataTablePagination({ page: controlledPage, defaultPage, pageSize: controlledPageSize, defaultPageSize, pageSizeOptions, total, onPageChange, onPageSizeChange, className, align, showFirstLast, showPageInput, dense, }: DataTablePaginationProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DataTablePagination {
     var displayName: string;
 }

package/dist/components/dataTable/DataTablePagination.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataTablePagination.d.cts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTablePagination.tsx"],"names":[],"mappings":"~~AAwCA~~,KAAK,wBAAwB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;~~CACtB~~,CAAA;~~AAED~~,iBAAS,mBAAmB,CAAC,EAC3B,IAAI,EAAE,cAAc,EACpB,WAAe,EACf,QAAQ,EAAE,kBAAkB,EAC5B,eAAoB,EACpB,~~eAAiC~~,~~EACjC~~,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,SAAS,~~GACV~~,EAAE,wBAAwB,~~2CA0G1B~~;~~kBApHQ~~,mBAAmB;;;~~AAuH5B~~,OAAO,EAAE,mBAAmB,EAAE,CAAA;AAC9B,YAAY,EAAE,wBAAwB,EAAE,CAAA"}
1	+ {"version":3,"file":"DataTablePagination.d.cts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTablePagination.tsx"],"names":[],"mappings":"AA6BA,KAAK,wBAAwB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAQD,iBAAS,mBAAmB,CAAC,EAC3B,IAAI,EAAE,cAAc,EACpB,WAAe,EACf,QAAQ,EAAE,kBAAkB,EAC5B,eAAoB,EACpB,eAAmC,EACnC,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,aAAqB,EACrB,aAAqB,EACrB,KAAa,GACd,EAAE,wBAAwB,2CAqI1B;kBAnJQ,mBAAmB;;;AAsJ5B,OAAO,EAAE,mBAAmB,EAAE,CAAA;AAC9B,YAAY,EAAE,wBAAwB,EAAE,CAAA"}