@drivenets/design-system 0.0.3 → 0.0.5

package/dist/components/ds-table/ds-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-table.js","names":["ROW_SIZE_HEIGHT_MAP: Record<DsTableRowSize, number>","React","selection: Record<string, boolean>","styles","contextValue: DsTableContextType<TData, TValue>","classnames","Table","DsTableHeader","DsTableRow","DsTableBulkActions"],"sources":["../../../src/components/ds-table/ds-table.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useImperativeHandle } from 'react';\nimport {\n\ttype RowSelectionState,\n\ttype ColumnFiltersState,\n\tgetCoreRowModel,\n\tgetFilteredRowModel,\n\tgetSortedRowModel,\n\ttype SortingState,\n\tuseReactTable,\n\ttype VisibilityState,\n} from '@tanstack/react-table';\nimport { useVirtualizer, type VirtualItem } from '@tanstack/react-virtual';\nimport classnames from 'classnames';\nimport { Table, TableBody, TableCell, TableRow } from './components/core-table';\nimport { DsTableBulkActions } from './components/ds-table-bulk-actions';\nimport { DsTableHeader } from './components/ds-table-header';\nimport styles from './ds-table.module.scss';\nimport type { DsDataTableProps, DsTableRowSize } from './ds-table.types';\nimport { DsTableRow } from './components/ds-table-row';\nimport { useDragAndDrop } from './hooks/use-drag-and-drop';\nimport { type DsTableContextType, DsTableContext } from './context/ds-table-context';\nimport { createColumnsGridTemplate } from './utils/create-columns-grid-template';\n\n// Row size to pixel height mapping (matches CSS variables)\nconst ROW_SIZE_HEIGHT_MAP: Record<DsTableRowSize, number> = {\n\tsmall: 36,\n\tmedium: 48,\n\tlarge: 64,\n};\n\n/**\n * Design system Table component\n */\nconst DsTable = <TData extends { id: string }, TValue>({\n\tref,\n\tcolumns,\n\tdata: tableData,\n\tvirtualized = false,\n\tvirtualizedOptions,\n\tclassName,\n\tonRowClick,\n\temptyState,\n\tstickyHeader = true,\n\tbordered = true,\n\tfullWidth = true,\n\thighlightOnHover = true,\n\trowSize = 'medium',\n\texpandable = false,\n\trenderExpandedRow,\n\tselectable = false,\n\tshowSelectAllCheckbox = true,\n\tonSelectionChange,\n\tonSortingChange,\n\tonScroll,\n\tactions = [],\n\tonRowDoubleClick,\n\tprimaryRowActions = [],\n\tsecondaryRowActions,\n\treorderable = false,\n\tonOrderChange,\n\tcolumnFilters: externalColumnFilters,\n\tonColumnFiltersChange,\n\tcolumnVisibility: externalColumnVisibility,\n\tonColumnVisibilityChange,\n\tactiveRowId,\n}: DsDataTableProps<TData, TValue>) => {\n\tconst [data, setData] = React.useState(tableData);\n\tconst [sorting, setSorting] = React.useState<SortingState>([]);\n\tconst [internalColumnFilters, setInternalColumnFilters] = React.useState<ColumnFiltersState>([]);\n\tconst [internalColumnVisibility, setInternalColumnVisibility] = React.useState<VisibilityState>({});\n\tconst [rowSelection, setRowSelection] = React.useState<RowSelectionState>({});\n\tconst [expandedRows, setExpandedRows] = React.useState<Record<string, boolean>>({});\n\n\tconst { DragWrapper, SortableWrapper } = useDragAndDrop<TData>({\n\t\tisDragEnabled: reorderable && !virtualized,\n\t\tonOrderChange: (newData) => {\n\t\t\tsetData(newData);\n\t\t\tonOrderChange?.(newData);\n\t\t},\n\t\titems: data,\n\t});\n\n\tconst tableContainerRef = React.useRef<HTMLDivElement>(null);\n\n\tconst columnFilters = externalColumnFilters ?? internalColumnFilters;\n\tconst handleColumnFiltersChange = (\n\t\tupdaterOrValue: ColumnFiltersState | ((old: ColumnFiltersState) => ColumnFiltersState),\n\t) => {\n\t\tconst newFilters = typeof updaterOrValue === 'function' ? updaterOrValue(columnFilters) : updaterOrValue;\n\t\tif (onColumnFiltersChange) {\n\t\t\tonColumnFiltersChange(newFilters);\n\t\t} else {\n\t\t\tsetInternalColumnFilters(newFilters);\n\t\t}\n\t};\n\n\tconst columnVisibility = externalColumnVisibility ?? internalColumnVisibility;\n\tconst handleColumnVisibilityChange = (\n\t\tupdaterOrValue: VisibilityState | ((old: VisibilityState) => VisibilityState),\n\t) => {\n\t\tconst newVisibility =\n\t\t\ttypeof updaterOrValue === 'function' ? updaterOrValue(columnVisibility) : updaterOrValue;\n\n\t\tif (onColumnVisibilityChange) {\n\t\t\tonColumnVisibilityChange(newVisibility);\n\t\t} else {\n\t\t\tsetInternalColumnVisibility(newVisibility);\n\t\t}\n\t};\n\n\tconst handleSortingChange = (updaterOrValue: SortingState | ((old: SortingState) => SortingState)) => {\n\t\tconst newSorting = typeof updaterOrValue === 'function' ? updaterOrValue(sorting) : updaterOrValue;\n\t\tsetSorting(newSorting);\n\t\tonSortingChange?.(newSorting);\n\t};\n\n\tconst handleRowSelectionChange = (\n\t\tupdaterOrValue: RowSelectionState | ((old: RowSelectionState) => RowSelectionState),\n\t) => {\n\t\tconst newRowSelection =\n\t\t\ttypeof updaterOrValue === 'function' ? updaterOrValue(rowSelection) : updaterOrValue;\n\t\tsetRowSelection(newRowSelection);\n\t\tonSelectionChange?.(newRowSelection);\n\t};\n\n\tconst table = useReactTable({\n\t\tdata: reorderable ? data : tableData,\n\t\tcolumns,\n\t\tgetCoreRowModel: getCoreRowModel(),\n\t\tonSortingChange: handleSortingChange,\n\t\tgetSortedRowModel: getSortedRowModel(),\n\t\tonColumnFiltersChange: handleColumnFiltersChange,\n\t\tgetFilteredRowModel: getFilteredRowModel(),\n\t\tonColumnVisibilityChange: handleColumnVisibilityChange,\n\t\tonRowSelectionChange: handleRowSelectionChange,\n\t\tgetRowId: (row) => row.id,\n\t\tstate: {\n\t\t\tsorting,\n\t\t\tcolumnFilters,\n\t\t\tcolumnVisibility,\n\t\t\trowSelection,\n\t\t},\n\t\tenableRowSelection: typeof selectable === 'function' ? (row) => selectable(row.original) : selectable,\n\t});\n\n\tuseImperativeHandle(\n\t\tref,\n\t\t() => ({\n\t\t\tselectRow: (rowId: string) => {\n\t\t\t\ttable.getRow(rowId).toggleSelected(true);\n\t\t\t},\n\t\t\tdeselectRow: (rowId: string) => {\n\t\t\t\ttable.getRow(rowId).toggleSelected(false);\n\t\t\t},\n\t\t\tselectAllRows: () => {\n\t\t\t\ttable.toggleAllRowsSelected(true);\n\t\t\t},\n\t\t\tdeselectAllRows: () => {\n\t\t\t\ttable.toggleAllRowsSelected(false);\n\t\t\t},\n\t\t\tselectRows: (rowIds: string[]) => {\n\t\t\t\tconst selection: Record<string, boolean> = {};\n\t\t\t\trowIds.forEach((id) => (selection[id] = true));\n\t\t\t\ttable.setRowSelection(selection);\n\t\t\t},\n\t\t\tgetSelectedRows: () => {\n\t\t\t\treturn table.getFilteredSelectedRowModel().rows.map((r) => r.original);\n\t\t\t},\n\t\t}),\n\t\t[table],\n\t);\n\n\tconst { rows, rowsById } = table.getRowModel();\n\n\tconst rowVirtualizer = useVirtualizer({\n\t\tcount: rows.length,\n\t\tgetScrollElement: () => tableContainerRef.current,\n\t\t// estimate row height for accurate scrollbar dragging\n\t\testimateSize: () => virtualizedOptions?.estimateSize || ROW_SIZE_HEIGHT_MAP[rowSize],\n\t\toverscan: virtualizedOptions?.overscan || 5,\n\t\tonChange: (instance, sync) => {\n\t\t\tif (sync && onScroll) {\n\t\t\t\tconst scrollOffset = instance.scrollOffset || 0;\n\t\t\t\tconst totalContentHeight = instance.getTotalSize();\n\t\t\t\tconst viewportHeight = instance.scrollElement?.clientHeight;\n\n\t\t\t\tif (viewportHeight) {\n\t\t\t\t\tonScroll({ scrollOffset, totalContentHeight, viewportHeight });\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t});\n\n\tconst toggleRowExpanded = (rowId: string) => {\n\t\tsetExpandedRows((prev) => ({\n\t\t\t...prev,\n\t\t\t[rowId]: !prev[rowId],\n\t\t}));\n\t};\n\n\tconst renderEmptyState = () =>\n\t\tvirtualized ? (\n\t\t\t<div className={styles.emptyStateVirtualized}>{emptyState || 'No results.'}</div>\n\t\t) : (\n\t\t\t<TableRow>\n\t\t\t\t<TableCell\n\t\t\t\t\tcolSpan={columns.length + (expandable ? 1 : 0) + (selectable ? 1 : 0)}\n\t\t\t\t\tclassName={styles.emptyState}\n\t\t\t\t>\n\t\t\t\t\t{emptyState || 'No results.'}\n\t\t\t\t</TableCell>\n\t\t\t</TableRow>\n\t\t);\n\n\tconst selectedRows = Object.entries(rowSelection)\n\t\t.filter(([, selected]) => selected)\n\t\t// This is not necessarily a redundant condition. It depends on `noUncheckedIndexedAccess`.\n\t\t// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n\t\t.map(([key]) => rowsById[key]?.original)\n\t\t.filter(Boolean);\n\n\tconst contextValue: DsTableContextType<TData, TValue> = {\n\t\tstickyHeader,\n\t\tbordered,\n\t\tfullWidth,\n\t\thighlightOnHover,\n\t\trowSize,\n\t\texpandable,\n\t\tselectable,\n\t\treorderable,\n\t\tshowSelectAllCheckbox,\n\t\tonRowClick,\n\t\tonRowDoubleClick,\n\t\tprimaryRowActions,\n\t\tsecondaryRowActions,\n\t\trenderExpandedRow,\n\t\tvirtualized,\n\t\texpandedRows,\n\t\ttoggleRowExpanded,\n\t\tactiveRowId,\n\t};\n\n\treturn (\n\t\t<DsTableContext.Provider value={contextValue}>\n\t\t\t<div\n\t\t\t\tref={tableContainerRef}\n\t\t\t\tclassName={classnames(\n\t\t\t\t\tstyles.container,\n\t\t\t\t\t!virtualized && styles.dataTableContainer,\n\t\t\t\t\tvirtualized && styles.virtualizedContainer,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<DragWrapper>\n\t\t\t\t\t<Table\n\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\tvirtualized\n\t\t\t\t\t\t\t\t? ({\n\t\t\t\t\t\t\t\t\t\t'--ds-table-columns-template': createColumnsGridTemplate({\n\t\t\t\t\t\t\t\t\t\t\tcolumns,\n\t\t\t\t\t\t\t\t\t\t\tselectable: !!selectable,\n\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t} as React.CSSProperties)\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\tfullWidth && styles.fullWidth,\n\t\t\t\t\t\t\t!bordered && styles.tableNoBorder,\n\t\t\t\t\t\t\tvirtualized && styles.virtualized,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<DsTableHeader table={table} />\n\t\t\t\t\t\t<TableBody\n\t\t\t\t\t\t\tstyle={{ height: virtualized ? `${String(rowVirtualizer.getTotalSize())}px` : undefined }}\n\t\t\t\t\t\t\tclassName={classnames(virtualized && styles.virtualizedBody)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{virtualized ? (\n\t\t\t\t\t\t\t\trowVirtualizer.getVirtualItems().length ? (\n\t\t\t\t\t\t\t\t\trowVirtualizer.getVirtualItems().map((virtualRow: VirtualItem) => {\n\t\t\t\t\t\t\t\t\t\tconst row = rows[virtualRow.index];\n\t\t\t\t\t\t\t\t\t\treturn <DsTableRow key={row.id} row={row} virtualRow={virtualRow} />;\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\trenderEmptyState()\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<SortableWrapper>\n\t\t\t\t\t\t\t\t\t{rows.length\n\t\t\t\t\t\t\t\t\t\t? rows.map((row) => <DsTableRow key={row.id} row={row} />)\n\t\t\t\t\t\t\t\t\t\t: renderEmptyState()}\n\t\t\t\t\t\t\t\t</SortableWrapper>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</TableBody>\n\t\t\t\t\t</Table>\n\t\t\t\t</DragWrapper>\n\t\t\t</div>\n\t\t\t{selectable && actions.length > 0 && (\n\t\t\t\t<DsTableBulkActions\n\t\t\t\t\tnumSelectedRows={selectedRows.length}\n\t\t\t\t\tactions={actions.map((action) => ({\n\t\t\t\t\t\t...action,\n\t\t\t\t\t\tonClick: () => action.onClick(selectedRows),\n\t\t\t\t\t}))}\n\t\t\t\t\tonClearSelection={table.resetRowSelection}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</DsTableContext.Provider>\n\t);\n};\n\nexport default DsTable;\n"],"mappings":"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"}
+{"version":3,"file":"ds-table.js","names":["React","useImperativeHandle","RowSelectionState","ColumnFiltersState","getCoreRowModel","getFilteredRowModel","getSortedRowModel","SortingState","useReactTable","VisibilityState","useVirtualizer","VirtualItem","classnames","Table","TableBody","TableCell","TableRow","DsTableBulkActions","DsTableHeader","styles","DsDataTableProps","DsTableRowSize","DsTableRow","useDragAndDrop","DsTableContextType","DsTableContext","createColumnsGridTemplate","ROW_SIZE_HEIGHT_MAP","Record","small","medium","large","DsTable","id","ref","columns","data","tableData","virtualized","virtualizedOptions","className","onRowClick","emptyState","stickyHeader","bordered","fullWidth","highlightOnHover","rowSize","expandable","renderExpandedRow","selectable","showSelectAllCheckbox","onSelectionChange","onSortingChange","onScroll","actions","onRowDoubleClick","primaryRowActions","secondaryRowActions","reorderable","onOrderChange","columnFilters","externalColumnFilters","onColumnFiltersChange","columnVisibility","externalColumnVisibility","onColumnVisibilityChange","activeRowId","TData","TValue","setData","useState","sorting","setSorting","internalColumnFilters","setInternalColumnFilters","internalColumnVisibility","setInternalColumnVisibility","rowSelection","setRowSelection","expandedRows","setExpandedRows","DragWrapper","SortableWrapper","isDragEnabled","newData","items","tableContainerRef","useRef","HTMLDivElement","handleColumnFiltersChange","updaterOrValue","old","newFilters","handleColumnVisibilityChange","newVisibility","handleSortingChange","newSorting","handleRowSelectionChange","newRowSelection","table","onRowSelectionChange","getRowId","row","state","enableRowSelection","original","selectRow","rowId","getRow","toggleSelected","deselectRow","selectAllRows","toggleAllRowsSelected","deselectAllRows","selectRows","rowIds","selection","forEach","getSelectedRows","getFilteredSelectedRowModel","rows","map","r","rowsById","getRowModel","rowVirtualizer","count","length","getScrollElement","current","estimateSize","overscan","onChange","instance","sync","scrollOffset","totalContentHeight","getTotalSize","viewportHeight","scrollElement","clientHeight","toggleRowExpanded","prev","renderEmptyState","emptyStateVirtualized","selectedRows","Object","entries","filter","selected","key","Boolean","contextValue","container","dataTableContainer","virtualizedContainer","CSSProperties","undefined","tableNoBorder","height","String","virtualizedBody","getVirtualItems","virtualRow","index","action","onClick","resetRowSelection"],"sources":["../../../src/components/ds-table/ds-table.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useImperativeHandle } from 'react';\nimport {\n\ttype RowSelectionState,\n\ttype ColumnFiltersState,\n\tgetCoreRowModel,\n\tgetFilteredRowModel,\n\tgetSortedRowModel,\n\ttype SortingState,\n\tuseReactTable,\n\ttype VisibilityState,\n} from '@tanstack/react-table';\nimport { useVirtualizer, type VirtualItem } from '@tanstack/react-virtual';\nimport classnames from 'classnames';\nimport { Table, TableBody, TableCell, TableRow } from './components/core-table';\nimport { DsTableBulkActions } from './components/ds-table-bulk-actions';\nimport { DsTableHeader } from './components/ds-table-header';\nimport styles from './ds-table.module.scss';\nimport type { DsDataTableProps, DsTableRowSize } from './ds-table.types';\nimport { DsTableRow } from './components/ds-table-row';\nimport { useDragAndDrop } from './hooks/use-drag-and-drop';\nimport { type DsTableContextType, DsTableContext } from './context/ds-table-context';\nimport { createColumnsGridTemplate } from './utils/create-columns-grid-template';\n\n// Row size to pixel height mapping (matches CSS variables)\nconst ROW_SIZE_HEIGHT_MAP: Record<DsTableRowSize, number> = {\n\tsmall: 36,\n\tmedium: 48,\n\tlarge: 64,\n};\n\n/**\n * Design system Table component\n */\nconst DsTable = <TData extends { id: string }, TValue>({\n\tref,\n\tcolumns,\n\tdata: tableData,\n\tvirtualized = false,\n\tvirtualizedOptions,\n\tclassName,\n\tonRowClick,\n\temptyState,\n\tstickyHeader = true,\n\tbordered = true,\n\tfullWidth = true,\n\thighlightOnHover = true,\n\trowSize = 'medium',\n\texpandable = false,\n\trenderExpandedRow,\n\tselectable = false,\n\tshowSelectAllCheckbox = true,\n\tonSelectionChange,\n\tonSortingChange,\n\tonScroll,\n\tactions = [],\n\tonRowDoubleClick,\n\tprimaryRowActions = [],\n\tsecondaryRowActions,\n\treorderable = false,\n\tonOrderChange,\n\tcolumnFilters: externalColumnFilters,\n\tonColumnFiltersChange,\n\tcolumnVisibility: externalColumnVisibility,\n\tonColumnVisibilityChange,\n\tactiveRowId,\n}: DsDataTableProps<TData, TValue>) => {\n\tconst [data, setData] = React.useState(tableData);\n\tconst [sorting, setSorting] = React.useState<SortingState>([]);\n\tconst [internalColumnFilters, setInternalColumnFilters] = React.useState<ColumnFiltersState>([]);\n\tconst [internalColumnVisibility, setInternalColumnVisibility] = React.useState<VisibilityState>({});\n\tconst [rowSelection, setRowSelection] = React.useState<RowSelectionState>({});\n\tconst [expandedRows, setExpandedRows] = React.useState<Record<string, boolean>>({});\n\n\tconst { DragWrapper, SortableWrapper } = useDragAndDrop<TData>({\n\t\tisDragEnabled: reorderable && !virtualized,\n\t\tonOrderChange: (newData) => {\n\t\t\tsetData(newData);\n\t\t\tonOrderChange?.(newData);\n\t\t},\n\t\titems: data,\n\t});\n\n\tconst tableContainerRef = React.useRef<HTMLDivElement>(null);\n\n\tconst columnFilters = externalColumnFilters ?? internalColumnFilters;\n\tconst handleColumnFiltersChange = (\n\t\tupdaterOrValue: ColumnFiltersState | ((old: ColumnFiltersState) => ColumnFiltersState),\n\t) => {\n\t\tconst newFilters = typeof updaterOrValue === 'function' ? updaterOrValue(columnFilters) : updaterOrValue;\n\t\tif (onColumnFiltersChange) {\n\t\t\tonColumnFiltersChange(newFilters);\n\t\t} else {\n\t\t\tsetInternalColumnFilters(newFilters);\n\t\t}\n\t};\n\n\tconst columnVisibility = externalColumnVisibility ?? internalColumnVisibility;\n\tconst handleColumnVisibilityChange = (\n\t\tupdaterOrValue: VisibilityState | ((old: VisibilityState) => VisibilityState),\n\t) => {\n\t\tconst newVisibility =\n\t\t\ttypeof updaterOrValue === 'function' ? updaterOrValue(columnVisibility) : updaterOrValue;\n\n\t\tif (onColumnVisibilityChange) {\n\t\t\tonColumnVisibilityChange(newVisibility);\n\t\t} else {\n\t\t\tsetInternalColumnVisibility(newVisibility);\n\t\t}\n\t};\n\n\tconst handleSortingChange = (updaterOrValue: SortingState | ((old: SortingState) => SortingState)) => {\n\t\tconst newSorting = typeof updaterOrValue === 'function' ? updaterOrValue(sorting) : updaterOrValue;\n\t\tsetSorting(newSorting);\n\t\tonSortingChange?.(newSorting);\n\t};\n\n\tconst handleRowSelectionChange = (\n\t\tupdaterOrValue: RowSelectionState | ((old: RowSelectionState) => RowSelectionState),\n\t) => {\n\t\tconst newRowSelection =\n\t\t\ttypeof updaterOrValue === 'function' ? updaterOrValue(rowSelection) : updaterOrValue;\n\t\tsetRowSelection(newRowSelection);\n\t\tonSelectionChange?.(newRowSelection);\n\t};\n\n\tconst table = useReactTable({\n\t\tdata: reorderable ? data : tableData,\n\t\tcolumns,\n\t\tgetCoreRowModel: getCoreRowModel(),\n\t\tonSortingChange: handleSortingChange,\n\t\tgetSortedRowModel: getSortedRowModel(),\n\t\tonColumnFiltersChange: handleColumnFiltersChange,\n\t\tgetFilteredRowModel: getFilteredRowModel(),\n\t\tonColumnVisibilityChange: handleColumnVisibilityChange,\n\t\tonRowSelectionChange: handleRowSelectionChange,\n\t\tgetRowId: (row) => row.id,\n\t\tstate: {\n\t\t\tsorting,\n\t\t\tcolumnFilters,\n\t\t\tcolumnVisibility,\n\t\t\trowSelection,\n\t\t},\n\t\tenableRowSelection: typeof selectable === 'function' ? (row) => selectable(row.original) : selectable,\n\t});\n\n\tuseImperativeHandle(\n\t\tref,\n\t\t() => ({\n\t\t\tselectRow: (rowId: string) => {\n\t\t\t\ttable.getRow(rowId).toggleSelected(true);\n\t\t\t},\n\t\t\tdeselectRow: (rowId: string) => {\n\t\t\t\ttable.getRow(rowId).toggleSelected(false);\n\t\t\t},\n\t\t\tselectAllRows: () => {\n\t\t\t\ttable.toggleAllRowsSelected(true);\n\t\t\t},\n\t\t\tdeselectAllRows: () => {\n\t\t\t\ttable.toggleAllRowsSelected(false);\n\t\t\t},\n\t\t\tselectRows: (rowIds: string[]) => {\n\t\t\t\tconst selection: Record<string, boolean> = {};\n\t\t\t\trowIds.forEach((id) => (selection[id] = true));\n\t\t\t\ttable.setRowSelection(selection);\n\t\t\t},\n\t\t\tgetSelectedRows: () => {\n\t\t\t\treturn table.getFilteredSelectedRowModel().rows.map((r) => r.original);\n\t\t\t},\n\t\t}),\n\t\t[table],\n\t);\n\n\tconst { rows, rowsById } = table.getRowModel();\n\n\tconst rowVirtualizer = useVirtualizer({\n\t\tcount: rows.length,\n\t\tgetScrollElement: () => tableContainerRef.current,\n\t\t// estimate row height for accurate scrollbar dragging\n\t\testimateSize: () => virtualizedOptions?.estimateSize || ROW_SIZE_HEIGHT_MAP[rowSize],\n\t\toverscan: virtualizedOptions?.overscan || 5,\n\t\tonChange: (instance, sync) => {\n\t\t\tif (sync && onScroll) {\n\t\t\t\tconst scrollOffset = instance.scrollOffset || 0;\n\t\t\t\tconst totalContentHeight = instance.getTotalSize();\n\t\t\t\tconst viewportHeight = instance.scrollElement?.clientHeight;\n\n\t\t\t\tif (viewportHeight) {\n\t\t\t\t\tonScroll({ scrollOffset, totalContentHeight, viewportHeight });\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t});\n\n\tconst toggleRowExpanded = (rowId: string) => {\n\t\tsetExpandedRows((prev) => ({\n\t\t\t...prev,\n\t\t\t[rowId]: !prev[rowId],\n\t\t}));\n\t};\n\n\tconst renderEmptyState = () =>\n\t\tvirtualized ? (\n\t\t\t<div className={styles.emptyStateVirtualized}>{emptyState || 'No results.'}</div>\n\t\t) : (\n\t\t\t<TableRow>\n\t\t\t\t<TableCell\n\t\t\t\t\tcolSpan={columns.length + (expandable ? 1 : 0) + (selectable ? 1 : 0)}\n\t\t\t\t\tclassName={styles.emptyState}\n\t\t\t\t>\n\t\t\t\t\t{emptyState || 'No results.'}\n\t\t\t\t</TableCell>\n\t\t\t</TableRow>\n\t\t);\n\n\tconst selectedRows = Object.entries(rowSelection)\n\t\t.filter(([, selected]) => selected)\n\t\t// This is not necessarily a redundant condition. It depends on `noUncheckedIndexedAccess`.\n\t\t// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n\t\t.map(([key]) => rowsById[key]?.original)\n\t\t.filter(Boolean);\n\n\tconst contextValue: DsTableContextType<TData, TValue> = {\n\t\tstickyHeader,\n\t\tbordered,\n\t\tfullWidth,\n\t\thighlightOnHover,\n\t\trowSize,\n\t\texpandable,\n\t\tselectable,\n\t\treorderable,\n\t\tshowSelectAllCheckbox,\n\t\tonRowClick,\n\t\tonRowDoubleClick,\n\t\tprimaryRowActions,\n\t\tsecondaryRowActions,\n\t\trenderExpandedRow,\n\t\tvirtualized,\n\t\texpandedRows,\n\t\ttoggleRowExpanded,\n\t\tactiveRowId,\n\t};\n\n\treturn (\n\t\t<DsTableContext.Provider value={contextValue}>\n\t\t\t<div\n\t\t\t\tref={tableContainerRef}\n\t\t\t\tclassName={classnames(\n\t\t\t\t\tstyles.container,\n\t\t\t\t\t!virtualized && styles.dataTableContainer,\n\t\t\t\t\tvirtualized && styles.virtualizedContainer,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<DragWrapper>\n\t\t\t\t\t<Table\n\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\tvirtualized\n\t\t\t\t\t\t\t\t? ({\n\t\t\t\t\t\t\t\t\t\t'--ds-table-columns-template': createColumnsGridTemplate({\n\t\t\t\t\t\t\t\t\t\t\tcolumns,\n\t\t\t\t\t\t\t\t\t\t\tselectable: !!selectable,\n\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t} as React.CSSProperties)\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\tfullWidth && styles.fullWidth,\n\t\t\t\t\t\t\t!bordered && styles.tableNoBorder,\n\t\t\t\t\t\t\tvirtualized && styles.virtualized,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<DsTableHeader table={table} />\n\t\t\t\t\t\t<TableBody\n\t\t\t\t\t\t\tstyle={{ height: virtualized ? `${String(rowVirtualizer.getTotalSize())}px` : undefined }}\n\t\t\t\t\t\t\tclassName={classnames(virtualized && styles.virtualizedBody)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{virtualized ? (\n\t\t\t\t\t\t\t\trowVirtualizer.getVirtualItems().length ? (\n\t\t\t\t\t\t\t\t\trowVirtualizer.getVirtualItems().map((virtualRow: VirtualItem) => {\n\t\t\t\t\t\t\t\t\t\tconst row = rows[virtualRow.index];\n\t\t\t\t\t\t\t\t\t\treturn <DsTableRow key={row.id} row={row} virtualRow={virtualRow} />;\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\trenderEmptyState()\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<SortableWrapper>\n\t\t\t\t\t\t\t\t\t{rows.length\n\t\t\t\t\t\t\t\t\t\t? rows.map((row) => <DsTableRow key={row.id} row={row} />)\n\t\t\t\t\t\t\t\t\t\t: renderEmptyState()}\n\t\t\t\t\t\t\t\t</SortableWrapper>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</TableBody>\n\t\t\t\t\t</Table>\n\t\t\t\t</DragWrapper>\n\t\t\t</div>\n\t\t\t{selectable && actions.length > 0 && (\n\t\t\t\t<DsTableBulkActions\n\t\t\t\t\tnumSelectedRows={selectedRows.length}\n\t\t\t\t\tactions={actions.map((action) => ({\n\t\t\t\t\t\t...action,\n\t\t\t\t\t\tonClick: () => action.onClick(selectedRows),\n\t\t\t\t\t}))}\n\t\t\t\t\tonClearSelection={table.resetRowSelection}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</DsTableContext.Provider>\n\t);\n};\n\nexport default DsTable;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyBA,MAAM2B,sBAAsD;CAC3DE,OAAO;CACPC,QAAQ;CACRC,OAAO;CACP;;;;AAKD,MAAMC,WAAiD,EACtDE,KACAC,SACAC,MAAMC,WACNC,cAAc,OACdC,oBACAC,WACAC,YACAC,YACAC,eAAe,MACfC,WAAW,MACXC,YAAY,MACZC,mBAAmB,MACnBC,UAAU,UACVC,aAAa,OACbC,mBACAC,aAAa,OACbC,wBAAwB,MACxBC,mBACAC,iBACAC,UACAC,UAAU,EAAE,EACZC,kBACAC,oBAAoB,EAAE,EACtBC,qBACAC,cAAc,OACdC,eACAC,eAAeC,uBACfC,uBACAC,kBAAkBC,0BAClBC,0BACAC,kBACsC;CACtC,MAAM,CAAC/B,MAAMkC,WAAWtE,QAAMuE,SAASlC,UAAU;CACjD,MAAM,CAACmC,SAASC,cAAczE,QAAMuE,SAAuB,EAAE,CAAC;CAC9D,MAAM,CAACG,uBAAuBC,4BAA4B3E,QAAMuE,SAA6B,EAAE,CAAC;CAChG,MAAM,CAACK,0BAA0BC,+BAA+B7E,QAAMuE,SAA0B,EAAE,CAAC;CACnG,MAAM,CAACO,cAAcC,mBAAmB/E,QAAMuE,SAA4B,EAAE,CAAC;CAC7E,MAAM,CAACS,cAAcC,mBAAmBjF,QAAMuE,SAAkC,EAAE,CAAC;CAEnF,MAAM,EAAEW,aAAaC,oBAAoB5D,eAAsB;EAC9D6D,eAAezB,eAAe,CAACrB;EAC/BsB,gBAAgByB,YAAY;AAC3Bf,WAAQe,QAAQ;AAChBzB,mBAAgByB,QAAQ;;EAEzBC,OAAOlD;EACP,CAAC;CAEF,MAAMmD,oBAAoBvF,QAAMwF,OAAuB,KAAK;CAE5D,MAAM3B,gBAAgBC,yBAAyBY;CAC/C,MAAMgB,6BACLC,mBACI;EACJ,MAAME,aAAa,OAAOF,mBAAmB,aAAaA,eAAe9B,cAAc,GAAG8B;AAC1F,MAAI5B,sBACHA,uBAAsB8B,WAAW;MAEjClB,0BAAyBkB,WAAW;;CAItC,MAAM7B,mBAAmBC,4BAA4BW;CACrD,MAAMkB,gCACLH,qBACI;EACJ,MAAMI,gBACL,OAAOJ,qBAAmB,aAAaA,iBAAe3B,iBAAiB,GAAG2B;AAE3E,MAAIzB,yBACHA,0BAAyB6B,cAAc;MAEvClB,6BAA4BkB,cAAc;;CAI5C,MAAMC,uBAAuBL,qBAAyE;EACrG,MAAMM,aAAa,OAAON,qBAAmB,aAAaA,iBAAenB,QAAQ,GAAGmB;AACpFlB,aAAWwB,WAAW;AACtB5C,oBAAkB4C,WAAW;;CAG9B,MAAMC,4BACLP,qBACI;EACJ,MAAMQ,kBACL,OAAOR,qBAAmB,aAAaA,iBAAeb,aAAa,GAAGa;AACvEZ,kBAAgBoB,gBAAgB;AAChC/C,sBAAoB+C,gBAAgB;;CAGrC,MAAMC,QAAQ5F,cAAc;EAC3B4B,MAAMuB,cAAcvB,OAAOC;EAC3BF;EACA/B,iBAAiBA,iBAAiB;EAClCiD,iBAAiB2C;EACjB1F,mBAAmBA,mBAAmB;EACtCyD,uBAAuB2B;EACvBrF,qBAAqBA,qBAAqB;EAC1C6D,0BAA0B4B;EAC1BO,sBAAsBH;EACtBI,WAAWC,QAAQA,IAAItE;EACvBuE,OAAO;GACNhC;GACAX;GACAG;GACAc;GACA;EACD2B,oBAAoB,OAAOvD,eAAe,cAAcqD,UAAQrD,WAAWqD,MAAIG,SAAS,GAAGxD;EAC3F,CAAC;AAEFjD,qBACCiC,YACO;EACNyE,YAAYC,UAAkB;AAC7BR,SAAMS,OAAOD,MAAM,CAACE,eAAe,KAAK;;EAEzCC,cAAcH,YAAkB;AAC/BR,SAAMS,OAAOD,QAAM,CAACE,eAAe,MAAM;;EAE1CE,qBAAqB;AACpBZ,SAAMa,sBAAsB,KAAK;;EAElCC,uBAAuB;AACtBd,SAAMa,sBAAsB,MAAM;;EAEnCE,aAAaC,WAAqB;GACjC,MAAMC,YAAqC,EAAE;AAC7CD,UAAOE,SAASrF,OAAQoF,UAAUpF,MAAM,KAAM;AAC9CmE,SAAMrB,gBAAgBsC,UAAU;;EAEjCE,uBAAuB;AACtB,UAAOnB,MAAMoB,6BAA6B,CAACC,KAAKC,KAAKC,MAAMA,EAAEjB,SAAS;;EAEvE,GACD,CAACN,MACF,CAAC;CAED,MAAM,EAAEqB,MAAMG,aAAaxB,MAAMyB,aAAa;CAE9C,MAAMC,iBAAiBpH,eAAe;EACrCqH,OAAON,KAAKO;EACZC,wBAAwB1C,kBAAkB2C;EAE1CC,oBAAoB5F,oBAAoB4F,gBAAgBxG,oBAAoBoB;EAC5EqF,UAAU7F,oBAAoB6F,YAAY;EAC1CC,WAAWC,UAAUC,SAAS;AAC7B,OAAIA,QAAQjF,UAAU;IACrB,MAAMkF,eAAeF,SAASE,gBAAgB;IAC9C,MAAMC,qBAAqBH,SAASI,cAAc;IAClD,MAAMC,iBAAiBL,SAASM,eAAeC;AAE/C,QAAIF,eACHrF,UAAS;KAAEkF;KAAcC;KAAoBE;KAAgB,CAAC;;;EAIjE,CAAC;CAEF,MAAMG,qBAAqBlC,YAAkB;AAC5C3B,mBAAiB8D,UAAU;GAC1B,GAAGA;IACFnC,UAAQ,CAACmC,KAAKnC;GACf,EAAE;;CAGJ,MAAMoC,yBACL1G,cACC,oBAAC;EAAI,WAAWnB,wBAAO8H;YAAwBvG,cAAc;GAAoB,GAEjF,oBAAC,sBACA,oBAAC;EACA,SAASP,QAAQ6F,UAAUhF,aAAa,IAAI,MAAME,aAAa,IAAI;EACnE,WAAW/B,wBAAOuB;YAEjBA,cAAc;GACL,GAEZ;CAEF,MAAMwG,eAAeC,OAAOC,QAAQtE,aAAa,CAC/CuE,QAAQ,GAAGC,cAAcA,SAAQ,CAGjC5B,KAAK,CAAC6B,SAAS3B,SAAS2B,MAAM7C,SAAS,CACvC2C,OAAOG,QAAQ;CAEjB,MAAMC,eAAkD;EACvD9G;EACAC;EACAC;EACAC;EACAC;EACAC;EACAE;EACAS;EACAR;EACAV;EACAe;EACAC;EACAC;EACAT;EACAX;EACA0C;EACA8D;EACA3E;EACA;AAED,QACC,qBAAC,eAAe;EAAS,OAAOsF;aAC/B,oBAAC;GACA,KAAKlE;GACL,WAAW3E,WACVO,wBAAOuI,WACP,CAACpH,eAAenB,wBAAOwI,oBACvBrH,eAAenB,wBAAOyI,sBACtBpH,UACA;aAED,oBAAC,yBACA,qBAAC;IACA,OACCF,cACI,EACD,+BAA+BZ,0BAA0B;KACxDS;KACAe,YAAY,CAAC,CAACA;KACd,CAAA,EACD,GACA4G;IAEJ,WAAWlJ,WACViC,aAAa1B,wBAAO0B,WACpB,CAACD,YAAYzB,wBAAO4I,eACpBzH,eAAenB,wBAAOmB,YACtB;eAED,oBAAC,2BAAqB8D,QAAM,EAC5B,oBAAC;KACA,OAAO,EAAE4D,QAAQ1H,cAAc,GAAG2H,OAAOnC,eAAeY,cAAc,CAAC,CAAA,MAAOoB,QAAW;KACzF,WAAWlJ,WAAW0B,eAAenB,wBAAO+I,gBAAgB;eAE3D5H,cACAwF,eAAeqC,iBAAiB,CAACnC,SAChCF,eAAeqC,iBAAiB,CAACzC,KAAK0C,eAA4B;MACjE,MAAM7D,QAAMkB,KAAK2C,WAAWC;AAC5B,aAAO,oBAAC;OAAwB,KAAK9D;OAAiB6D;SAA9B7D,MAAItE,GAAwC;OACnE,GAEF+G,kBACA,GAED,oBAAC,6BACCvB,KAAKO,SACHP,KAAKC,KAAKnB,UAAQ,oBAAC,wBAAwB,KAAKA,SAAbA,MAAItE,GAAgB,CAAC,GACxD+G,kBAAkB,GAEtB;MACS;KACL,GACK;IACT,EACJ9F,cAAcK,QAAQyE,SAAS,KAC/B,oBAAC;GACA,iBAAiBkB,aAAalB;GAC9B,SAASzE,QAAQmE,KAAK4C,YAAY;IACjC,GAAGA;IACHC,eAAeD,OAAOC,QAAQrB,aAAY;IAC1C,EAAE;GACH,kBAAkB9C,MAAMoE;IAEzB;GACwB;;AAI5B,uBAAexI"}

package/dist/components/ds-table/hooks/use-drag-and-drop.cjs

@@ -1,4 +1,5 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
@@ -7,47 +8,134 @@ let __dnd_kit_core = require("@dnd-kit/core");
 let __dnd_kit_modifiers = require("@dnd-kit/modifiers");
 
 //#region src/components/ds-table/hooks/use-drag-and-drop.tsx
-const DragWrapper = ({ children, onDragEnd, sensors }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__dnd_kit_core.DndContext, {
-	collisionDetection: __dnd_kit_core.closestCenter,
-	modifiers: [__dnd_kit_modifiers.restrictToVerticalAxis],
-	onDragEnd,
-	sensors,
-	children
-});
-const SortableWrapper = ({ children, items }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__dnd_kit_sortable.SortableContext, {
-	items,
-	strategy: __dnd_kit_sortable.verticalListSortingStrategy,
-	children
-});
-function useDragAndDrop({ isDragEnabled, onOrderChange, items }) {
-	const dataIds = react.default.useMemo(() => items.map((row) => row.id), [items]);
-	const sensors = (0, __dnd_kit_core.useSensors)((0, __dnd_kit_core.useSensor)(__dnd_kit_core.MouseSensor, {}), (0, __dnd_kit_core.useSensor)(__dnd_kit_core.TouchSensor, {}), (0, __dnd_kit_core.useSensor)(__dnd_kit_core.KeyboardSensor, {}));
-	const handleDragEnd = react.default.useCallback((event) => {
-		const { active, over } = event;
-		if (active.id !== over?.id) {
-			const oldIndex = items.findIndex((row) => row.id === active.id);
-			const newIndex = items.findIndex((row) => row.id === over?.id);
-			if (oldIndex !== -1 && newIndex !== -1) {
-				const newData = (0, __dnd_kit_sortable.arrayMove)(items, oldIndex, newIndex);
-				onOrderChange?.(newData);
-			}
-		}
-	}, [items, onOrderChange]);
-	return {
-		DragWrapper: react.default.useMemo(() => isDragEnabled ? ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DragWrapper, {
-			onDragEnd: handleDragEnd,
+const DragWrapper = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(5);
+	const { children, onDragEnd, sensors } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = [__dnd_kit_modifiers.restrictToVerticalAxis];
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== children || $[2] !== onDragEnd || $[3] !== sensors) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__dnd_kit_core.DndContext, {
+			collisionDetection: __dnd_kit_core.closestCenter,
+			modifiers: t1,
+			onDragEnd,
 			sensors,
 			children
-		}) : react.default.Fragment, [
-			isDragEnabled,
-			handleDragEnd,
-			sensors
-		]),
-		SortableWrapper: react.default.useMemo(() => isDragEnabled ? ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableWrapper, {
-			items: dataIds,
+		});
+		$[1] = children;
+		$[2] = onDragEnd;
+		$[3] = sensors;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+};
+const SortableWrapper = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(3);
+	const { children, items } = t0;
+	let t1;
+	if ($[0] !== children || $[1] !== items) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__dnd_kit_sortable.SortableContext, {
+			items,
+			strategy: __dnd_kit_sortable.verticalListSortingStrategy,
 			children
-		}) : react.default.Fragment, [isDragEnabled, dataIds])
-	};
+		});
+		$[0] = children;
+		$[1] = items;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
+function useDragAndDrop(t0) {
+	const $ = (0, react_compiler_runtime.c)(18);
+	const { isDragEnabled, onOrderChange, items } = t0;
+	let t1;
+	if ($[0] !== items) {
+		t1 = items.map(_temp);
+		$[0] = items;
+		$[1] = t1;
+	} else t1 = $[1];
+	const dataIds = t1;
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = {};
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {};
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = {};
+		$[4] = t4;
+	} else t4 = $[4];
+	const sensors = (0, __dnd_kit_core.useSensors)((0, __dnd_kit_core.useSensor)(__dnd_kit_core.MouseSensor, t2), (0, __dnd_kit_core.useSensor)(__dnd_kit_core.TouchSensor, t3), (0, __dnd_kit_core.useSensor)(__dnd_kit_core.KeyboardSensor, t4));
+	let t5;
+	if ($[5] !== items || $[6] !== onOrderChange) {
+		t5 = (event) => {
+			const { active, over } = event;
+			if (active.id !== over?.id) {
+				const oldIndex = items.findIndex((row_0) => row_0.id === active.id);
+				const newIndex = items.findIndex((row_1) => row_1.id === over?.id);
+				if (oldIndex !== -1 && newIndex !== -1) {
+					const newData = (0, __dnd_kit_sortable.arrayMove)(items, oldIndex, newIndex);
+					onOrderChange?.(newData);
+				}
+			}
+		};
+		$[5] = items;
+		$[6] = onOrderChange;
+		$[7] = t5;
+	} else t5 = $[7];
+	const handleDragEnd = t5;
+	let t6;
+	if ($[8] !== handleDragEnd || $[9] !== isDragEnabled || $[10] !== sensors) {
+		t6 = isDragEnabled ? (t7$1) => {
+			const { children } = t7$1;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DragWrapper, {
+				onDragEnd: handleDragEnd,
+				sensors,
+				children
+			});
+		} : react.default.Fragment;
+		$[8] = handleDragEnd;
+		$[9] = isDragEnabled;
+		$[10] = sensors;
+		$[11] = t6;
+	} else t6 = $[11];
+	const DragWrapperComponent = t6;
+	let t7;
+	if ($[12] !== dataIds || $[13] !== isDragEnabled) {
+		t7 = isDragEnabled ? (t8$1) => {
+			const { children: children_0 } = t8$1;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableWrapper, {
+				items: dataIds,
+				children: children_0
+			});
+		} : react.default.Fragment;
+		$[12] = dataIds;
+		$[13] = isDragEnabled;
+		$[14] = t7;
+	} else t7 = $[14];
+	const SortableWrapperComponent = t7;
+	let t8;
+	if ($[15] !== DragWrapperComponent || $[16] !== SortableWrapperComponent) {
+		t8 = {
+			DragWrapper: DragWrapperComponent,
+			SortableWrapper: SortableWrapperComponent
+		};
+		$[15] = DragWrapperComponent;
+		$[16] = SortableWrapperComponent;
+		$[17] = t8;
+	} else t8 = $[17];
+	return t8;
+}
+function _temp(row) {
+	return row.id;
 }
 
 //#endregion

package/dist/components/ds-table/hooks/use-drag-and-drop.js

@@ -1,3 +1,4 @@
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { SortableContext, arrayMove, verticalListSortingStrategy } from "@dnd-kit/sortable";
@@ -5,47 +6,134 @@ import { DndContext, KeyboardSensor, MouseSensor, TouchSensor, closestCenter, us
 import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
 
 //#region src/components/ds-table/hooks/use-drag-and-drop.tsx
-const DragWrapper = ({ children, onDragEnd, sensors }) => /* @__PURE__ */ jsx(DndContext, {
-	collisionDetection: closestCenter,
-	modifiers: [restrictToVerticalAxis],
-	onDragEnd,
-	sensors,
-	children
-});
-const SortableWrapper = ({ children, items }) => /* @__PURE__ */ jsx(SortableContext, {
-	items,
-	strategy: verticalListSortingStrategy,
-	children
-});
-function useDragAndDrop({ isDragEnabled, onOrderChange, items }) {
-	const dataIds = React.useMemo(() => items.map((row) => row.id), [items]);
-	const sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));
-	const handleDragEnd = React.useCallback((event) => {
-		const { active, over } = event;
-		if (active.id !== over?.id) {
-			const oldIndex = items.findIndex((row) => row.id === active.id);
-			const newIndex = items.findIndex((row) => row.id === over?.id);
-			if (oldIndex !== -1 && newIndex !== -1) {
-				const newData = arrayMove(items, oldIndex, newIndex);
-				onOrderChange?.(newData);
-			}
-		}
-	}, [items, onOrderChange]);
-	return {
-		DragWrapper: React.useMemo(() => isDragEnabled ? ({ children }) => /* @__PURE__ */ jsx(DragWrapper, {
-			onDragEnd: handleDragEnd,
+const DragWrapper = (t0) => {
+	const $ = c(5);
+	const { children, onDragEnd, sensors } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = [restrictToVerticalAxis];
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== children || $[2] !== onDragEnd || $[3] !== sensors) {
+		t2 = /* @__PURE__ */ jsx(DndContext, {
+			collisionDetection: closestCenter,
+			modifiers: t1,
+			onDragEnd,
 			sensors,
 			children
-		}) : React.Fragment, [
-			isDragEnabled,
-			handleDragEnd,
-			sensors
-		]),
-		SortableWrapper: React.useMemo(() => isDragEnabled ? ({ children }) => /* @__PURE__ */ jsx(SortableWrapper, {
-			items: dataIds,
+		});
+		$[1] = children;
+		$[2] = onDragEnd;
+		$[3] = sensors;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+};
+const SortableWrapper = (t0) => {
+	const $ = c(3);
+	const { children, items } = t0;
+	let t1;
+	if ($[0] !== children || $[1] !== items) {
+		t1 = /* @__PURE__ */ jsx(SortableContext, {
+			items,
+			strategy: verticalListSortingStrategy,
 			children
-		}) : React.Fragment, [isDragEnabled, dataIds])
-	};
+		});
+		$[0] = children;
+		$[1] = items;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
+function useDragAndDrop(t0) {
+	const $ = c(18);
+	const { isDragEnabled, onOrderChange, items } = t0;
+	let t1;
+	if ($[0] !== items) {
+		t1 = items.map(_temp);
+		$[0] = items;
+		$[1] = t1;
+	} else t1 = $[1];
+	const dataIds = t1;
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = {};
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {};
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = {};
+		$[4] = t4;
+	} else t4 = $[4];
+	const sensors = useSensors(useSensor(MouseSensor, t2), useSensor(TouchSensor, t3), useSensor(KeyboardSensor, t4));
+	let t5;
+	if ($[5] !== items || $[6] !== onOrderChange) {
+		t5 = (event) => {
+			const { active, over } = event;
+			if (active.id !== over?.id) {
+				const oldIndex = items.findIndex((row_0) => row_0.id === active.id);
+				const newIndex = items.findIndex((row_1) => row_1.id === over?.id);
+				if (oldIndex !== -1 && newIndex !== -1) {
+					const newData = arrayMove(items, oldIndex, newIndex);
+					onOrderChange?.(newData);
+				}
+			}
+		};
+		$[5] = items;
+		$[6] = onOrderChange;
+		$[7] = t5;
+	} else t5 = $[7];
+	const handleDragEnd = t5;
+	let t6;
+	if ($[8] !== handleDragEnd || $[9] !== isDragEnabled || $[10] !== sensors) {
+		t6 = isDragEnabled ? (t7$1) => {
+			const { children } = t7$1;
+			return /* @__PURE__ */ jsx(DragWrapper, {
+				onDragEnd: handleDragEnd,
+				sensors,
+				children
+			});
+		} : React.Fragment;
+		$[8] = handleDragEnd;
+		$[9] = isDragEnabled;
+		$[10] = sensors;
+		$[11] = t6;
+	} else t6 = $[11];
+	const DragWrapperComponent = t6;
+	let t7;
+	if ($[12] !== dataIds || $[13] !== isDragEnabled) {
+		t7 = isDragEnabled ? (t8$1) => {
+			const { children: children_0 } = t8$1;
+			return /* @__PURE__ */ jsx(SortableWrapper, {
+				items: dataIds,
+				children: children_0
+			});
+		} : React.Fragment;
+		$[12] = dataIds;
+		$[13] = isDragEnabled;
+		$[14] = t7;
+	} else t7 = $[14];
+	const SortableWrapperComponent = t7;
+	let t8;
+	if ($[15] !== DragWrapperComponent || $[16] !== SortableWrapperComponent) {
+		t8 = {
+			DragWrapper: DragWrapperComponent,
+			SortableWrapper: SortableWrapperComponent
+		};
+		$[15] = DragWrapperComponent;
+		$[16] = SortableWrapperComponent;
+		$[17] = t8;
+	} else t8 = $[17];
+	return t8;
+}
+function _temp(row) {
+	return row.id;
 }
 
 //#endregion

package/dist/components/ds-table/hooks/use-drag-and-drop.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-drag-and-drop.js","names":[],"sources":["../../../../src/components/ds-table/hooks/use-drag-and-drop.tsx"],"sourcesContent":["import React from 'react';\nimport {\n\ttype DragEndEvent,\n\ttype UniqueIdentifier,\n\tclosestCenter,\n\tDndContext,\n\tKeyboardSensor,\n\tMouseSensor,\n\tTouchSensor,\n\tuseSensor,\n\tuseSensors,\n} from '@dnd-kit/core';\nimport { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\n\nexport interface UseDragAndDropResult {\n\tDragWrapper: React.ComponentType<React.PropsWithChildren>;\n\tSortableWrapper: React.ComponentType<React.PropsWithChildren>;\n}\n\nexport interface UseDragAndDropOptions<T> {\n\tisDragEnabled: boolean;\n\tonOrderChange?: (newData: T[]) => void;\n\titems: T[];\n}\n\ntype DragWrapperProps = React.PropsWithChildren<{\n\tonDragEnd: (event: DragEndEvent) => void;\n\tsensors: ReturnType<typeof useSensors>;\n}>;\n\nconst DragWrapper = ({ children, onDragEnd, sensors }: DragWrapperProps) => (\n\t<DndContext\n\t\tcollisionDetection={closestCenter}\n\t\tmodifiers={[restrictToVerticalAxis]}\n\t\tonDragEnd={onDragEnd}\n\t\tsensors={sensors}\n\t>\n\t\t{children}\n\t</DndContext>\n);\n\ntype SortableWrapperProps = React.PropsWithChildren<{\n\titems: UniqueIdentifier[];\n}>;\n\nconst SortableWrapper = ({ children, items }: SortableWrapperProps) => (\n\t<SortableContext items={items} strategy={verticalListSortingStrategy}>\n\t\t{children}\n\t</SortableContext>\n);\n\nexport function useDragAndDrop<T extends { id: string }>({\n\tisDragEnabled,\n\tonOrderChange,\n\titems,\n}: UseDragAndDropOptions<T>): UseDragAndDropResult {\n\tconst dataIds = React.useMemo(() => items.map((row) => row.id), [items]);\n\n\tconst sensors = useSensors(\n\t\tuseSensor(MouseSensor, {}),\n\t\tuseSensor(TouchSensor, {}),\n\t\tuseSensor(KeyboardSensor, {}),\n\t);\n\n\tconst handleDragEnd = React.useCallback(\n\t\t(event: DragEndEvent) => {\n\t\t\tconst { active, over } = event;\n\t\t\tif (active.id !== over?.id) {\n\t\t\t\tconst oldIndex = items.findIndex((row) => row.id === active.id);\n\t\t\t\tconst newIndex = items.findIndex((row) => row.id === over?.id);\n\t\t\t\tif (oldIndex !== -1 && newIndex !== -1) {\n\t\t\t\t\tconst newData = arrayMove(items, oldIndex, newIndex);\n\t\t\t\t\tonOrderChange?.(newData);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[items, onOrderChange],\n\t);\n\n\tconst DragWrapperComponent = React.useMemo(\n\t\t() =>\n\t\t\tisDragEnabled\n\t\t\t\t? ({ children }: React.PropsWithChildren) => (\n\t\t\t\t\t\t<DragWrapper onDragEnd={handleDragEnd} sensors={sensors}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</DragWrapper>\n\t\t\t\t\t)\n\t\t\t\t: React.Fragment,\n\t\t[isDragEnabled, handleDragEnd, sensors],\n\t);\n\n\tconst SortableWrapperComponent = React.useMemo(\n\t\t() =>\n\t\t\tisDragEnabled\n\t\t\t\t? ({ children }: React.PropsWithChildren) => (\n\t\t\t\t\t\t<SortableWrapper items={dataIds}>{children}</SortableWrapper>\n\t\t\t\t\t)\n\t\t\t\t: React.Fragment,\n\t\t[isDragEnabled, dataIds],\n\t);\n\n\treturn {\n\t\tDragWrapper: DragWrapperComponent,\n\t\tSortableWrapper: SortableWrapperComponent,\n\t};\n}\n"],"mappings":";;;;;;;AA+BA,MAAM,eAAe,EAAE,UAAU,WAAW,cAC3C,oBAAC;CACA,oBAAoB;CACpB,WAAW,CAAC,uBAAuB;CACxB;CACF;CAER;EACW;AAOd,MAAM,mBAAmB,EAAE,UAAU,YACpC,oBAAC;CAAuB;CAAO,UAAU;CACvC;EACgB;AAGnB,SAAgB,eAAyC,EACxD,eACA,eACA,SACkD;CAClD,MAAM,UAAU,MAAM,cAAc,MAAM,KAAK,QAAQ,IAAI,GAAG,EAAE,CAAC,MAAM,CAAC;CAExE,MAAM,UAAU,WACf,UAAU,aAAa,EAAE,CAAC,EAC1B,UAAU,aAAa,EAAE,CAAC,EAC1B,UAAU,gBAAgB,EAAE,CAAC,CAC7B;CAED,MAAM,gBAAgB,MAAM,aAC1B,UAAwB;EACxB,MAAM,EAAE,QAAQ,SAAS;AACzB,MAAI,OAAO,OAAO,MAAM,IAAI;GAC3B,MAAM,WAAW,MAAM,WAAW,QAAQ,IAAI,OAAO,OAAO,GAAG;GAC/D,MAAM,WAAW,MAAM,WAAW,QAAQ,IAAI,OAAO,MAAM,GAAG;AAC9D,OAAI,aAAa,MAAM,aAAa,IAAI;IACvC,MAAM,UAAU,UAAU,OAAO,UAAU,SAAS;AACpD,oBAAgB,QAAQ;;;IAI3B,CAAC,OAAO,cAAc,CACtB;AAwBD,QAAO;EACN,aAvB4B,MAAM,cAEjC,iBACI,EAAE,eACH,oBAAC;GAAY,WAAW;GAAwB;GAC9C;IACY,GAEd,MAAM,UACV;GAAC;GAAe;GAAe;GAAQ,CACvC;EAcA,iBAZgC,MAAM,cAErC,iBACI,EAAE,eACH,oBAAC;GAAgB,OAAO;GAAU;IAA2B,GAE7D,MAAM,UACV,CAAC,eAAe,QAAQ,CACxB;EAKA"}
+{"version":3,"file":"use-drag-and-drop.js","names":["React","DragEndEvent","UniqueIdentifier","closestCenter","DndContext","KeyboardSensor","MouseSensor","TouchSensor","useSensor","useSensors","arrayMove","SortableContext","verticalListSortingStrategy","restrictToVerticalAxis","UseDragAndDropResult","DragWrapper","ComponentType","PropsWithChildren","SortableWrapper","UseDragAndDropOptions","isDragEnabled","onOrderChange","newData","T","items","DragWrapperProps","onDragEnd","event","sensors","ReturnType","t0","$","_c","children","t1","Symbol","for","t2","SortableWrapperProps","useDragAndDrop","map","_temp","dataIds","t3","t4","t5","active","over","id","oldIndex","findIndex","row_0","row","newIndex","row_1","handleDragEnd","t6","t7","Fragment","DragWrapperComponent","t8","children_0","SortableWrapperComponent"],"sources":["../../../../src/components/ds-table/hooks/use-drag-and-drop.tsx"],"sourcesContent":["import React from 'react';\nimport {\n\ttype DragEndEvent,\n\ttype UniqueIdentifier,\n\tclosestCenter,\n\tDndContext,\n\tKeyboardSensor,\n\tMouseSensor,\n\tTouchSensor,\n\tuseSensor,\n\tuseSensors,\n} from '@dnd-kit/core';\nimport { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\n\nexport interface UseDragAndDropResult {\n\tDragWrapper: React.ComponentType<React.PropsWithChildren>;\n\tSortableWrapper: React.ComponentType<React.PropsWithChildren>;\n}\n\nexport interface UseDragAndDropOptions<T> {\n\tisDragEnabled: boolean;\n\tonOrderChange?: (newData: T[]) => void;\n\titems: T[];\n}\n\ntype DragWrapperProps = React.PropsWithChildren<{\n\tonDragEnd: (event: DragEndEvent) => void;\n\tsensors: ReturnType<typeof useSensors>;\n}>;\n\nconst DragWrapper = ({ children, onDragEnd, sensors }: DragWrapperProps) => (\n\t<DndContext\n\t\tcollisionDetection={closestCenter}\n\t\tmodifiers={[restrictToVerticalAxis]}\n\t\tonDragEnd={onDragEnd}\n\t\tsensors={sensors}\n\t>\n\t\t{children}\n\t</DndContext>\n);\n\ntype SortableWrapperProps = React.PropsWithChildren<{\n\titems: UniqueIdentifier[];\n}>;\n\nconst SortableWrapper = ({ children, items }: SortableWrapperProps) => (\n\t<SortableContext items={items} strategy={verticalListSortingStrategy}>\n\t\t{children}\n\t</SortableContext>\n);\n\nexport function useDragAndDrop<T extends { id: string }>({\n\tisDragEnabled,\n\tonOrderChange,\n\titems,\n}: UseDragAndDropOptions<T>): UseDragAndDropResult {\n\tconst dataIds = React.useMemo(() => items.map((row) => row.id), [items]);\n\n\tconst sensors = useSensors(\n\t\tuseSensor(MouseSensor, {}),\n\t\tuseSensor(TouchSensor, {}),\n\t\tuseSensor(KeyboardSensor, {}),\n\t);\n\n\tconst handleDragEnd = React.useCallback(\n\t\t(event: DragEndEvent) => {\n\t\t\tconst { active, over } = event;\n\t\t\tif (active.id !== over?.id) {\n\t\t\t\tconst oldIndex = items.findIndex((row) => row.id === active.id);\n\t\t\t\tconst newIndex = items.findIndex((row) => row.id === over?.id);\n\t\t\t\tif (oldIndex !== -1 && newIndex !== -1) {\n\t\t\t\t\tconst newData = arrayMove(items, oldIndex, newIndex);\n\t\t\t\t\tonOrderChange?.(newData);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[items, onOrderChange],\n\t);\n\n\tconst DragWrapperComponent = React.useMemo(\n\t\t() =>\n\t\t\tisDragEnabled\n\t\t\t\t? ({ children }: React.PropsWithChildren) => (\n\t\t\t\t\t\t<DragWrapper onDragEnd={handleDragEnd} sensors={sensors}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</DragWrapper>\n\t\t\t\t\t)\n\t\t\t\t: React.Fragment,\n\t\t[isDragEnabled, handleDragEnd, sensors],\n\t);\n\n\tconst SortableWrapperComponent = React.useMemo(\n\t\t() =>\n\t\t\tisDragEnabled\n\t\t\t\t? ({ children }: React.PropsWithChildren) => (\n\t\t\t\t\t\t<SortableWrapper items={dataIds}>{children}</SortableWrapper>\n\t\t\t\t\t)\n\t\t\t\t: React.Fragment,\n\t\t[isDragEnabled, dataIds],\n\t);\n\n\treturn {\n\t\tDragWrapper: DragWrapperComponent,\n\t\tSortableWrapper: SortableWrapperComponent,\n\t};\n}\n"],"mappings":"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"}

package/dist/components/ds-table/utils/column-styling.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-styling.js","names":[],"sources":["../../../../src/components/ds-table/utils/column-styling.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { defaultColumnSizing } from '@tanstack/react-table';\n\n/**\n * Generates the appropriate style object for a table column/cell based on its size and virtualization state\n *\n * @param columnSize - The size of the column\n * @param virtualized - Whether the table is virtualized\n * @param isLastColumn - Whether this is the last column in the row\n * @returns Style object or undefined if no custom styling is needed\n */\nexport const getColumnStyle = (\n\tcolumnSize: number,\n\tvirtualized?: boolean,\n\tisLastColumn: boolean = false,\n): CSSProperties | undefined => {\n\tconst hasCustomSize = columnSize !== defaultColumnSizing.size;\n\tif (!hasCustomSize) {\n\t\treturn undefined;\n\t}\n\n\tif (virtualized) {\n\t\treturn {\n\t\t\tflexBasis: `${String(columnSize)}px`,\n\t\t\tflexGrow: isLastColumn ? 1 : 0,\n\t\t};\n\t}\n\n\treturn { width: columnSize };\n};\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,kBACZ,YACA,aACA,eAAwB,UACO;AAE/B,KAAI,EADkB,eAAe,oBAAoB,MAExD;AAGD,KAAI,YACH,QAAO;EACN,WAAW,GAAG,OAAO,WAAW,CAAC;EACjC,UAAU,eAAe,IAAI;EAC7B;AAGF,QAAO,EAAE,OAAO,YAAY"}
+{"version":3,"file":"column-styling.js","names":["CSSProperties","defaultColumnSizing","getColumnStyle","columnSize","virtualized","isLastColumn","hasCustomSize","size","undefined","flexBasis","String","flexGrow","width"],"sources":["../../../../src/components/ds-table/utils/column-styling.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { defaultColumnSizing } from '@tanstack/react-table';\n\n/**\n * Generates the appropriate style object for a table column/cell based on its size and virtualization state\n *\n * @param columnSize - The size of the column\n * @param virtualized - Whether the table is virtualized\n * @param isLastColumn - Whether this is the last column in the row\n * @returns Style object or undefined if no custom styling is needed\n */\nexport const getColumnStyle = (\n\tcolumnSize: number,\n\tvirtualized?: boolean,\n\tisLastColumn: boolean = false,\n): CSSProperties | undefined => {\n\tconst hasCustomSize = columnSize !== defaultColumnSizing.size;\n\tif (!hasCustomSize) {\n\t\treturn undefined;\n\t}\n\n\tif (virtualized) {\n\t\treturn {\n\t\t\tflexBasis: `${String(columnSize)}px`,\n\t\t\tflexGrow: isLastColumn ? 1 : 0,\n\t\t};\n\t}\n\n\treturn { width: columnSize };\n};\n"],"mappings":";;;;;;;;;;;AAWA,MAAaE,kBACZC,YACAC,aACAC,eAAwB,UACO;AAE/B,KAAI,EADkBF,eAAeF,oBAAoBM,MAExD;AAGD,KAAIH,YACH,QAAO;EACNK,WAAW,GAAGC,OAAOP,WAAW,CAAA;EAChCQ,UAAUN,eAAe,IAAI;EAC7B;AAGF,QAAO,EAAEO,OAAOT,YAAY"}

package/dist/components/ds-table/utils/create-columns-grid-template.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-columns-grid-template.js","names":[],"sources":["../../../../src/components/ds-table/utils/create-columns-grid-template.ts"],"sourcesContent":["import type { ColumnDef } from '@tanstack/react-table';\n\ntype Args = {\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tcolumns: ColumnDef<any, any>[];\n\tselectable?: boolean;\n};\n\n// In virtualized tables, the rows should all be positioned at the top with a `translateY` offset.\n// We're using a Grid for this rather than `position: absolute` to ensure that each cell aligns with\n// other cells in the same column (mimicking the native table behavior).\nexport function createColumnsGridTemplate({ columns, selectable }: Args): string {\n\treturn columns\n\t\t.reduce<string[]>(\n\t\t\t(acc, col) => {\n\t\t\t\tacc.push(col.size ? `${String(col.size)}px` : 'auto');\n\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\tselectable ? ['max-content'] : [],\n\t\t)\n\t\t.join(' ');\n}\n"],"mappings":";AAWA,SAAgB,0BAA0B,EAAE,SAAS,cAA4B;AAChF,QAAO,QACL,QACC,KAAK,QAAQ;AACb,MAAI,KAAK,IAAI,OAAO,GAAG,OAAO,IAAI,KAAK,CAAC,MAAM,OAAO;AAErD,SAAO;IAER,aAAa,CAAC,cAAc,GAAG,EAAE,CACjC,CACA,KAAK,IAAI"}
+{"version":3,"file":"create-columns-grid-template.js","names":["ColumnDef","Args","columns","selectable","createColumnsGridTemplate","reduce","acc","col","push","size","String","join"],"sources":["../../../../src/components/ds-table/utils/create-columns-grid-template.ts"],"sourcesContent":["import type { ColumnDef } from '@tanstack/react-table';\n\ntype Args = {\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tcolumns: ColumnDef<any, any>[];\n\tselectable?: boolean;\n};\n\n// In virtualized tables, the rows should all be positioned at the top with a `translateY` offset.\n// We're using a Grid for this rather than `position: absolute` to ensure that each cell aligns with\n// other cells in the same column (mimicking the native table behavior).\nexport function createColumnsGridTemplate({ columns, selectable }: Args): string {\n\treturn columns\n\t\t.reduce<string[]>(\n\t\t\t(acc, col) => {\n\t\t\t\tacc.push(col.size ? `${String(col.size)}px` : 'auto');\n\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\tselectable ? ['max-content'] : [],\n\t\t)\n\t\t.join(' ');\n}\n"],"mappings":";AAWA,SAAgBI,0BAA0B,EAAEF,SAASC,cAA4B;AAChF,QAAOD,QACLG,QACCC,KAAKC,QAAQ;AACbD,MAAIE,KAAKD,IAAIE,OAAO,GAAGC,OAAOH,IAAIE,KAAK,CAAA,MAAO,OAAO;AAErD,SAAOH;IAERH,aAAa,CAAC,cAAc,GAAG,EAChC,CAAC,CACAQ,KAAK,IAAI"}

package/dist/components/ds-table/utils/merge-refs.js.map

@@ -1 +1 @@
-{"version":3,"file":"merge-refs.js","names":[],"sources":["../../../../src/components/ds-table/utils/merge-refs.ts"],"sourcesContent":["import type { Ref, RefCallback } from 'react';\n\nexport const mergeRefs = <T>(...refs: Array<Ref<T> | undefined>): RefCallback<T> => {\n\treturn (value) => {\n\t\trefs\n\t\t\t.filter((r) => !!r)\n\t\t\t.forEach((ref) => {\n\t\t\t\tif (typeof ref === 'function') {\n\t\t\t\t\tref(value);\n\t\t\t\t} else {\n\t\t\t\t\tref.current = value;\n\t\t\t\t}\n\t\t\t});\n\t};\n};\n"],"mappings":";AAEA,MAAa,aAAgB,GAAG,SAAoD;AACnF,SAAQ,UAAU;AACjB,OACE,QAAQ,MAAM,CAAC,CAAC,EAAE,CAClB,SAAS,QAAQ;AACjB,OAAI,OAAO,QAAQ,WAClB,KAAI,MAAM;OAEV,KAAI,UAAU;IAEd"}
+{"version":3,"file":"merge-refs.js","names":["Ref","RefCallback","mergeRefs","refs","Array","T","value","filter","r","forEach","ref","current"],"sources":["../../../../src/components/ds-table/utils/merge-refs.ts"],"sourcesContent":["import type { Ref, RefCallback } from 'react';\n\nexport const mergeRefs = <T>(...refs: Array<Ref<T> | undefined>): RefCallback<T> => {\n\treturn (value) => {\n\t\trefs\n\t\t\t.filter((r) => !!r)\n\t\t\t.forEach((ref) => {\n\t\t\t\tif (typeof ref === 'function') {\n\t\t\t\t\tref(value);\n\t\t\t\t} else {\n\t\t\t\t\tref.current = value;\n\t\t\t\t}\n\t\t\t});\n\t};\n};\n"],"mappings":";AAEA,MAAaE,aAAgB,GAAGC,SAAoD;AACnF,SAAQG,UAAU;AACjBH,OACEI,QAAQC,MAAM,CAAC,CAACA,EAAE,CAClBC,SAASC,QAAQ;AACjB,OAAI,OAAOA,QAAQ,WAClBA,KAAIJ,MAAM;OAEVI,KAAIC,UAAUL;IAEd"}