@drivenets/design-system 0.0.1 → 0.0.3

package/dist/components/ds-table/components/ds-table-row/ds-table-row.module.cjs

@@ -0,0 +1,23 @@
+
+//#region src/components/ds-table/components/ds-table-row/ds-table-row.module.scss
+var ds_table_row_module_default = {
+	"tableRow": "_tableRow_as8sd_1",
+	"virtualizedRow": "_virtualizedRow_as8sd_1",
+	"tableCell": "_tableCell_as8sd_1",
+	"cellCheckbox": "_cellCheckbox_as8sd_1",
+	"clickableRow": "_clickableRow_as8sd_1",
+	"rowNoBorder": "_rowNoBorder_as8sd_1",
+	"expanded": "_expanded_as8sd_1",
+	"expandedRow": "_expandedRow_as8sd_1",
+	"sizeSmall": "_sizeSmall_as8sd_1",
+	"sizeMedium": "_sizeMedium_as8sd_1",
+	"sizeLarge": "_sizeLarge_as8sd_1",
+	"cellButton": "_cellButton_as8sd_1",
+	"cellReorder": "_cellReorder_as8sd_1",
+	"isDragging": "_isDragging_as8sd_1",
+	"rowDragHandle": "_rowDragHandle_as8sd_1",
+	"expandToggleButton": "_expandToggleButton_as8sd_1"
+};
+
+//#endregion
+exports.default = ds_table_row_module_default;

package/dist/components/ds-table/components/ds-table-row/ds-table-row.module.js

@@ -0,0 +1,23 @@
+//#region src/components/ds-table/components/ds-table-row/ds-table-row.module.scss
+var ds_table_row_module_default = {
+	"tableRow": "_tableRow_as8sd_1",
+	"virtualizedRow": "_virtualizedRow_as8sd_1",
+	"tableCell": "_tableCell_as8sd_1",
+	"cellCheckbox": "_cellCheckbox_as8sd_1",
+	"clickableRow": "_clickableRow_as8sd_1",
+	"rowNoBorder": "_rowNoBorder_as8sd_1",
+	"expanded": "_expanded_as8sd_1",
+	"expandedRow": "_expandedRow_as8sd_1",
+	"sizeSmall": "_sizeSmall_as8sd_1",
+	"sizeMedium": "_sizeMedium_as8sd_1",
+	"sizeLarge": "_sizeLarge_as8sd_1",
+	"cellButton": "_cellButton_as8sd_1",
+	"cellReorder": "_cellReorder_as8sd_1",
+	"isDragging": "_isDragging_as8sd_1",
+	"rowDragHandle": "_rowDragHandle_as8sd_1",
+	"expandToggleButton": "_expandToggleButton_as8sd_1"
+};
+
+//#endregion
+export { ds_table_row_module_default as default };
+//# sourceMappingURL=ds-table-row.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-table-row.module.js","names":[],"sources":["../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-table/components/ds-table-row/ds-table-row.module.scss","../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-table/styles/_variables.scss","../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss"],"sourcesContent":["@use '../../../../styles/typography';\n@use '../../styles/variables' as vars;\n\n@mixin expanded-row-border($side) {\n\t$border: 1px solid var(--color-border-action-primary);\n\n\t// Prevent double border with adjacent expanded rows.\n\t&:not(.expandedRow + &) > td {\n\t\tborder-#{$side}: $border;\n\t}\n\n\t& > td:first-child {\n\t\tborder-inline-start: $border;\n\t}\n\n\t& > td:last-child {\n\t\tborder-inline-end: $border;\n\t}\n}\n\n.tableRow {\n\t&:not(.virtualizedRow) {\n\t\t&:not(:last-child) {\n\t\t\t.tableCell {\n\t\t\t\tborder-bottom: vars.$border-width solid var(--color-border-secondary);\n\t\t\t}\n\t\t}\n\n\t\t.cellCheckbox.tableCell {\n\t\t\tpadding: 0;\n\t\t\twidth: vars.$select-column-width;\n\t\t}\n\t}\n\n\t&.virtualizedRow {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: subgrid;\n\t\tgrid-column: 1 / -1;\n\t\tgrid-row: 1;\n\t\talign-items: center;\n\n\t\t&:not(:last-child) {\n\t\t\tborder-bottom: vars.$border-width solid var(--color-border-secondary);\n\t\t}\n\n\t\t.tableCell {\n\t\t\t&.cellCheckbox {\n\t\t\t\ttext-align: center;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: vars.$select-column-width;\n\t\t\t}\n\t\t}\n\t}\n\n\t&:hover {\n\t\tbackground-color: var(--color-background-secondary);\n\t}\n\n\t&[data-state='selected'] {\n\t\tbackground-color: var(--color-background-selected-weak);\n\t}\n\n\t&[data-state='active'] {\n\t\tbackground-color: var(--color-background-selected-weak);\n\t}\n\n\t&.clickableRow {\n\t\tcursor: pointer;\n\t}\n\n\t&.rowNoBorder {\n\t\tborder-bottom: none;\n\t}\n\n\t&.expanded {\n\t\t@include expanded-row-border('top');\n\t}\n\n\t&.sizeSmall {\n\t\theight: var(--ds-table-row-small);\n\t}\n\n\t&.sizeMedium {\n\t\theight: var(--ds-table-row-medium);\n\t}\n\n\t&.sizeLarge {\n\t\theight: var(--ds-table-row-large);\n\t}\n}\n\n.expandedRow {\n\tbackground-color: var(--color-background-secondary);\n\n\t& > td {\n\t\tpadding: var(--spacing-standard);\n\t}\n\n\t@include expanded-row-border('bottom');\n}\n\n.cellButton {\n\twidth: vars.$expand-column-width;\n}\n\n.cellReorder {\n\twidth: vars.$reorder-column-width;\n\ttext-align: center;\n\n\t&.isDragging {\n\t\tbackground: var(--color-background-action);\n\n\t\t.rowDragHandle {\n\t\t\tcolor: var(--color-secondary-white);\n\t\t}\n\t}\n}\n\n.tableCell {\n\t@include typography.body-sm-reg;\n\tvertical-align: middle;\n\tcolor: var(--color-font-main);\n\tpadding: 0 var(--spacing-standard);\n}\n\n.expandToggleButton {\n\tbackground: none;\n\tborder: none;\n\tpadding: 0;\n\tmargin: 0;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\topacity: 1;\n\ttransition-property: opacity, background-color;\n}\n"],"mappings":""}

package/dist/components/ds-table/components/ds-table-row/index.cjs

@@ -0,0 +1 @@
+const require_ds_table_row = require('./ds-table-row.cjs');

package/dist/components/ds-table/components/ds-table-row/index.js

@@ -0,0 +1 @@
+import ds_table_row_default from "./ds-table-row.js";

package/dist/components/ds-table/context/ds-table-context.cjs

@@ -0,0 +1,14 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+
+//#region src/components/ds-table/context/ds-table-context.tsx
+const DsTableContext = (0, react.createContext)(null);
+const useDsTableContext = () => {
+	const context = (0, react.useContext)(DsTableContext);
+	if (!context) throw new Error("useDsTableContext must be used within DsTable");
+	return context;
+};
+
+//#endregion
+exports.DsTableContext = DsTableContext;
+exports.useDsTableContext = useDsTableContext;

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

@@ -0,0 +1,13 @@
+import { createContext, useContext } from "react";
+
+//#region src/components/ds-table/context/ds-table-context.tsx
+const DsTableContext = createContext(null);
+const useDsTableContext = () => {
+	const context = useContext(DsTableContext);
+	if (!context) throw new Error("useDsTableContext must be used within DsTable");
+	return context;
+};
+
+//#endregion
+export { DsTableContext, useDsTableContext };
+//# sourceMappingURL=ds-table-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-table-context.js","names":[],"sources":["../../../../src/components/ds-table/context/ds-table-context.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { DsDataTableProps, DsTableRowSize } from '../ds-table.types';\n\nexport interface DsTableContextType<TData, TValue> extends Partial<DsDataTableProps<TData, TValue>> {\n\t/**\n\t * The expanded rows\n\t */\n\texpandedRows: Record<string, boolean>;\n\t/**\n\t * Toggle the expanded state of a row\n\t * @param rowId - The id of the row to toggle\n\t */\n\ttoggleRowExpanded: (rowId: string) => void;\n\t/**\n\t * Whether the table is virtualized\n\t * @default false\n\t */\n\tvirtualized?: boolean;\n\t/**\n\t * Row size variant\n\t * @default 'medium'\n\t */\n\trowSize: DsTableRowSize;\n\t/**\n\t * ID of the currently active row\n\t */\n\tactiveRowId?: string | null;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const DsTableContext = createContext<DsTableContextType<any, any> | null>(null);\n\nexport const useDsTableContext = <TData, TValue>(): DsTableContextType<TData, TValue> => {\n\tconst context = useContext(DsTableContext);\n\tif (!context) {\n\t\tthrow new Error('useDsTableContext must be used within DsTable');\n\t}\n\treturn context as DsTableContextType<TData, TValue>;\n};\n"],"mappings":";;;AA8BA,MAAa,iBAAiB,cAAmD,KAAK;AAEtF,MAAa,0BAA4E;CACxF,MAAM,UAAU,WAAW,eAAe;AAC1C,KAAI,CAAC,QACJ,OAAM,IAAI,MAAM,gDAAgD;AAEjE,QAAO"}

package/dist/components/ds-table/ds-table.cjs

@@ -0,0 +1,200 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_core_table = require('./components/core-table/core-table.cjs');
+require('./components/core-table/index.cjs');
+const require_ds_table_bulk_actions = require('./components/ds-table-bulk-actions/ds-table-bulk-actions.cjs');
+require('./components/ds-table-bulk-actions/index.cjs');
+const require_ds_table_context = require('./context/ds-table-context.cjs');
+const require_ds_table_header = require('./components/ds-table-header/ds-table-header.cjs');
+require('./components/ds-table-header/index.cjs');
+const require_ds_table_module = require('./ds-table.module.cjs');
+const require_ds_table_row = require('./components/ds-table-row/ds-table-row.cjs');
+require('./components/ds-table-row/index.cjs');
+const require_use_drag_and_drop = require('./hooks/use-drag-and-drop.cjs');
+const require_create_columns_grid_template = require('./utils/create-columns-grid-template.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __tanstack_react_table = require("@tanstack/react-table");
+let __tanstack_react_virtual = require("@tanstack/react-virtual");
+
+//#region src/components/ds-table/ds-table.tsx
+const ROW_SIZE_HEIGHT_MAP = {
+	small: 36,
+	medium: 48,
+	large: 64
+};
+/**
+* Design system Table component
+*/
+const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualizedOptions, className, onRowClick, emptyState, stickyHeader = true, bordered = true, fullWidth = true, highlightOnHover = true, rowSize = "medium", expandable = false, renderExpandedRow, selectable = false, showSelectAllCheckbox = true, onSelectionChange, onSortingChange, onScroll, actions = [], onRowDoubleClick, primaryRowActions = [], secondaryRowActions, reorderable = false, onOrderChange, columnFilters: externalColumnFilters, onColumnFiltersChange, columnVisibility: externalColumnVisibility, onColumnVisibilityChange, activeRowId }) => {
+	const [data, setData] = react.useState(tableData);
+	const [sorting, setSorting] = react.useState([]);
+	const [internalColumnFilters, setInternalColumnFilters] = react.useState([]);
+	const [internalColumnVisibility, setInternalColumnVisibility] = react.useState({});
+	const [rowSelection, setRowSelection] = react.useState({});
+	const [expandedRows, setExpandedRows] = react.useState({});
+	const { DragWrapper, SortableWrapper } = require_use_drag_and_drop.useDragAndDrop({
+		isDragEnabled: reorderable && !virtualized,
+		onOrderChange: (newData) => {
+			setData(newData);
+			onOrderChange?.(newData);
+		},
+		items: data
+	});
+	const tableContainerRef = react.useRef(null);
+	const columnFilters = externalColumnFilters ?? internalColumnFilters;
+	const handleColumnFiltersChange = (updaterOrValue) => {
+		const newFilters = typeof updaterOrValue === "function" ? updaterOrValue(columnFilters) : updaterOrValue;
+		if (onColumnFiltersChange) onColumnFiltersChange(newFilters);
+		else setInternalColumnFilters(newFilters);
+	};
+	const columnVisibility = externalColumnVisibility ?? internalColumnVisibility;
+	const handleColumnVisibilityChange = (updaterOrValue) => {
+		const newVisibility = typeof updaterOrValue === "function" ? updaterOrValue(columnVisibility) : updaterOrValue;
+		if (onColumnVisibilityChange) onColumnVisibilityChange(newVisibility);
+		else setInternalColumnVisibility(newVisibility);
+	};
+	const handleSortingChange = (updaterOrValue) => {
+		const newSorting = typeof updaterOrValue === "function" ? updaterOrValue(sorting) : updaterOrValue;
+		setSorting(newSorting);
+		onSortingChange?.(newSorting);
+	};
+	const handleRowSelectionChange = (updaterOrValue) => {
+		const newRowSelection = typeof updaterOrValue === "function" ? updaterOrValue(rowSelection) : updaterOrValue;
+		setRowSelection(newRowSelection);
+		onSelectionChange?.(newRowSelection);
+	};
+	const table = (0, __tanstack_react_table.useReactTable)({
+		data: reorderable ? data : tableData,
+		columns,
+		getCoreRowModel: (0, __tanstack_react_table.getCoreRowModel)(),
+		onSortingChange: handleSortingChange,
+		getSortedRowModel: (0, __tanstack_react_table.getSortedRowModel)(),
+		onColumnFiltersChange: handleColumnFiltersChange,
+		getFilteredRowModel: (0, __tanstack_react_table.getFilteredRowModel)(),
+		onColumnVisibilityChange: handleColumnVisibilityChange,
+		onRowSelectionChange: handleRowSelectionChange,
+		getRowId: (row) => row.id,
+		state: {
+			sorting,
+			columnFilters,
+			columnVisibility,
+			rowSelection
+		},
+		enableRowSelection: typeof selectable === "function" ? (row) => selectable(row.original) : selectable
+	});
+	(0, react.useImperativeHandle)(ref, () => ({
+		selectRow: (rowId) => {
+			table.getRow(rowId).toggleSelected(true);
+		},
+		deselectRow: (rowId) => {
+			table.getRow(rowId).toggleSelected(false);
+		},
+		selectAllRows: () => {
+			table.toggleAllRowsSelected(true);
+		},
+		deselectAllRows: () => {
+			table.toggleAllRowsSelected(false);
+		},
+		selectRows: (rowIds) => {
+			const selection = {};
+			rowIds.forEach((id) => selection[id] = true);
+			table.setRowSelection(selection);
+		},
+		getSelectedRows: () => {
+			return table.getFilteredSelectedRowModel().rows.map((r) => r.original);
+		}
+	}), [table]);
+	const { rows, rowsById } = table.getRowModel();
+	const rowVirtualizer = (0, __tanstack_react_virtual.useVirtualizer)({
+		count: rows.length,
+		getScrollElement: () => tableContainerRef.current,
+		estimateSize: () => virtualizedOptions?.estimateSize || ROW_SIZE_HEIGHT_MAP[rowSize],
+		overscan: virtualizedOptions?.overscan || 5,
+		onChange: (instance, sync) => {
+			if (sync && onScroll) {
+				const scrollOffset = instance.scrollOffset || 0;
+				const totalContentHeight = instance.getTotalSize();
+				const viewportHeight = instance.scrollElement?.clientHeight;
+				if (viewportHeight) onScroll({
+					scrollOffset,
+					totalContentHeight,
+					viewportHeight
+				});
+			}
+		}
+	});
+	const toggleRowExpanded = (rowId) => {
+		setExpandedRows((prev) => ({
+			...prev,
+			[rowId]: !prev[rowId]
+		}));
+	};
+	const renderEmptyState = () => virtualized ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_ds_table_module.default.emptyStateVirtualized,
+		children: emptyState || "No results."
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
+		colSpan: columns.length + (expandable ? 1 : 0) + (selectable ? 1 : 0),
+		className: require_ds_table_module.default.emptyState,
+		children: emptyState || "No results."
+	}) });
+	const selectedRows = Object.entries(rowSelection).filter(([, selected]) => selected).map(([key]) => rowsById[key]?.original).filter(Boolean);
+	const contextValue = {
+		stickyHeader,
+		bordered,
+		fullWidth,
+		highlightOnHover,
+		rowSize,
+		expandable,
+		selectable,
+		reorderable,
+		showSelectAllCheckbox,
+		onRowClick,
+		onRowDoubleClick,
+		primaryRowActions,
+		secondaryRowActions,
+		renderExpandedRow,
+		virtualized,
+		expandedRows,
+		toggleRowExpanded,
+		activeRowId
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_table_context.DsTableContext.Provider, {
+		value: contextValue,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref: tableContainerRef,
+			className: (0, classnames.default)(require_ds_table_module.default.container, !virtualized && require_ds_table_module.default.dataTableContainer, virtualized && require_ds_table_module.default.virtualizedContainer, className),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DragWrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_core_table.Table, {
+				style: virtualized ? { "--ds-table-columns-template": require_create_columns_grid_template.createColumnsGridTemplate({
+					columns,
+					selectable: !!selectable
+				}) } : void 0,
+				className: (0, classnames.default)(fullWidth && require_ds_table_module.default.fullWidth, !bordered && require_ds_table_module.default.tableNoBorder, virtualized && require_ds_table_module.default.virtualized),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_table_header.default, { table }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableBody, {
+					style: { height: virtualized ? `${String(rowVirtualizer.getTotalSize())}px` : void 0 },
+					className: (0, classnames.default)(virtualized && require_ds_table_module.default.virtualizedBody),
+					children: virtualized ? rowVirtualizer.getVirtualItems().length ? rowVirtualizer.getVirtualItems().map((virtualRow) => {
+						const row = rows[virtualRow.index];
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_table_row.default, {
+							row,
+							virtualRow
+						}, row.id);
+					}) : renderEmptyState() : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableWrapper, { children: rows.length ? rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_table_row.default, { row }, row.id)) : renderEmptyState() })
+				})]
+			}) })
+		}), selectable && actions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_table_bulk_actions.default, {
+			numSelectedRows: selectedRows.length,
+			actions: actions.map((action) => ({
+				...action,
+				onClick: () => action.onClick(selectedRows)
+			})),
+			onClearSelection: table.resetRowSelection
+		})]
+	});
+};
+var ds_table_default = DsTable;
+
+//#endregion
+exports.default = ds_table_default;

package/dist/components/ds-table/ds-table.d.cts

@@ -0,0 +1,45 @@
+import { DsDataTableProps } from "./ds-table.types.cjs";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+
+//#region src/components/ds-table/ds-table.d.ts
+/**
+ * Design system Table component
+ */
+declare const DsTable: <TData extends {
+  id: string;
+}, TValue>({
+  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
+}: DsDataTableProps<TData, TValue>) => react_jsx_runtime12.JSX.Element;
+//#endregion
+export { DsTable };
+//# sourceMappingURL=ds-table.d.cts.map

package/dist/components/ds-table/ds-table.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-table.d.cts","names":[],"sources":["../../../src/components/ds-table/ds-table.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAkByE,cAgBnE,OAmRL,EAAA,CAAA,cAAA;EAnRsD,EAAA,EAAA,MAAA;CAAA,EAAA,MAAA,CAAA,CAAA;EAAA,GAAA;EAAA,OAAA;EAAA,IAAA,EAAA,SAAA;EAAA,WAAA;EAAA,kBAAA;EAAA,SAAA;EAAA,UAAA;EAAA,UAAA;EAAA,YAAA;EAAA,QAAA;EAAA,SAAA;EAAA,gBAAA;EAAA,OAAA;EAAA,UAAA;EAAA,iBAAA;EAAA,UAAA;EAAA,qBAAA;EAAA,iBAAA;EAAA,eAAA;EAAA,QAAA;EAAA,OAAA;EAAA,gBAAA;EAAA,iBAAA;EAAA,mBAAA;EAAA,WAAA;EAAA,aAAA;EAAA,aAAA,EAAA,qBAAA;EAAA,qBAAA;EAAA,gBAAA,EAAA,wBAAA;EAAA,wBAAA;EAAA;AAAA,CAAA,EAgCpD,gBAhCoD,CAgCnC,KAhCmC,EAgC5B,MAhC4B,CAAA,EAAA,GAgCrB,mBAAA,CAAA,GAAA,CAAA,OAhCqB"}

package/dist/components/ds-table/ds-table.d.ts

@@ -0,0 +1,45 @@
+import { DsDataTableProps } from "./ds-table.types.js";
+import * as react_jsx_runtime44 from "react/jsx-runtime";
+
+//#region src/components/ds-table/ds-table.d.ts
+/**
+ * Design system Table component
+ */
+declare const DsTable: <TData extends {
+  id: string;
+}, TValue>({
+  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
+}: DsDataTableProps<TData, TValue>) => react_jsx_runtime44.JSX.Element;
+//#endregion
+export { DsTable };
+//# sourceMappingURL=ds-table.d.ts.map

package/dist/components/ds-table/ds-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-table.d.ts","names":[],"sources":["../../../src/components/ds-table/ds-table.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAkByE,cAgBnE,OAmRL,EAAA,CAAA,cAAA;EAnRsD,EAAA,EAAA,MAAA;CAAA,EAAA,MAAA,CAAA,CAAA;EAAA,GAAA;EAAA,OAAA;EAAA,IAAA,EAAA,SAAA;EAAA,WAAA;EAAA,kBAAA;EAAA,SAAA;EAAA,UAAA;EAAA,UAAA;EAAA,YAAA;EAAA,QAAA;EAAA,SAAA;EAAA,gBAAA;EAAA,OAAA;EAAA,UAAA;EAAA,iBAAA;EAAA,UAAA;EAAA,qBAAA;EAAA,iBAAA;EAAA,eAAA;EAAA,QAAA;EAAA,OAAA;EAAA,gBAAA;EAAA,iBAAA;EAAA,mBAAA;EAAA,WAAA;EAAA,aAAA;EAAA,aAAA,EAAA,qBAAA;EAAA,qBAAA;EAAA,gBAAA,EAAA,wBAAA;EAAA,wBAAA;EAAA;AAAA,CAAA,EAgCpD,gBAhCoD,CAgCnC,KAhCmC,EAgC5B,MAhC4B,CAAA,EAAA,GAgCrB,mBAAA,CAAA,GAAA,CAAA,OAhCqB"}

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

@@ -0,0 +1,199 @@
+import { Table as Table$1, TableBody, TableCell, TableRow } from "./components/core-table/core-table.js";
+import "./components/core-table/index.js";
+import ds_table_bulk_actions_default from "./components/ds-table-bulk-actions/ds-table-bulk-actions.js";
+import "./components/ds-table-bulk-actions/index.js";
+import { DsTableContext } from "./context/ds-table-context.js";
+import ds_table_header_default from "./components/ds-table-header/ds-table-header.js";
+import "./components/ds-table-header/index.js";
+import ds_table_module_default from "./ds-table.module.js";
+import ds_table_row_default from "./components/ds-table-row/ds-table-row.js";
+import "./components/ds-table-row/index.js";
+import { useDragAndDrop } from "./hooks/use-drag-and-drop.js";
+import { createColumnsGridTemplate } from "./utils/create-columns-grid-template.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
+import { useImperativeHandle } from "react";
+import { getCoreRowModel, getFilteredRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
+import { useVirtualizer } from "@tanstack/react-virtual";
+
+//#region src/components/ds-table/ds-table.tsx
+const ROW_SIZE_HEIGHT_MAP = {
+	small: 36,
+	medium: 48,
+	large: 64
+};
+/**
+* Design system Table component
+*/
+const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualizedOptions, className, onRowClick, emptyState, stickyHeader = true, bordered = true, fullWidth = true, highlightOnHover = true, rowSize = "medium", expandable = false, renderExpandedRow, selectable = false, showSelectAllCheckbox = true, onSelectionChange, onSortingChange, onScroll, actions = [], onRowDoubleClick, primaryRowActions = [], secondaryRowActions, reorderable = false, onOrderChange, columnFilters: externalColumnFilters, onColumnFiltersChange, columnVisibility: externalColumnVisibility, onColumnVisibilityChange, activeRowId }) => {
+	const [data, setData] = React$1.useState(tableData);
+	const [sorting, setSorting] = React$1.useState([]);
+	const [internalColumnFilters, setInternalColumnFilters] = React$1.useState([]);
+	const [internalColumnVisibility, setInternalColumnVisibility] = React$1.useState({});
+	const [rowSelection, setRowSelection] = React$1.useState({});
+	const [expandedRows, setExpandedRows] = React$1.useState({});
+	const { DragWrapper, SortableWrapper } = useDragAndDrop({
+		isDragEnabled: reorderable && !virtualized,
+		onOrderChange: (newData) => {
+			setData(newData);
+			onOrderChange?.(newData);
+		},
+		items: data
+	});
+	const tableContainerRef = React$1.useRef(null);
+	const columnFilters = externalColumnFilters ?? internalColumnFilters;
+	const handleColumnFiltersChange = (updaterOrValue) => {
+		const newFilters = typeof updaterOrValue === "function" ? updaterOrValue(columnFilters) : updaterOrValue;
+		if (onColumnFiltersChange) onColumnFiltersChange(newFilters);
+		else setInternalColumnFilters(newFilters);
+	};
+	const columnVisibility = externalColumnVisibility ?? internalColumnVisibility;
+	const handleColumnVisibilityChange = (updaterOrValue) => {
+		const newVisibility = typeof updaterOrValue === "function" ? updaterOrValue(columnVisibility) : updaterOrValue;
+		if (onColumnVisibilityChange) onColumnVisibilityChange(newVisibility);
+		else setInternalColumnVisibility(newVisibility);
+	};
+	const handleSortingChange = (updaterOrValue) => {
+		const newSorting = typeof updaterOrValue === "function" ? updaterOrValue(sorting) : updaterOrValue;
+		setSorting(newSorting);
+		onSortingChange?.(newSorting);
+	};
+	const handleRowSelectionChange = (updaterOrValue) => {
+		const newRowSelection = typeof updaterOrValue === "function" ? updaterOrValue(rowSelection) : updaterOrValue;
+		setRowSelection(newRowSelection);
+		onSelectionChange?.(newRowSelection);
+	};
+	const table = useReactTable({
+		data: reorderable ? data : tableData,
+		columns,
+		getCoreRowModel: getCoreRowModel(),
+		onSortingChange: handleSortingChange,
+		getSortedRowModel: getSortedRowModel(),
+		onColumnFiltersChange: handleColumnFiltersChange,
+		getFilteredRowModel: getFilteredRowModel(),
+		onColumnVisibilityChange: handleColumnVisibilityChange,
+		onRowSelectionChange: handleRowSelectionChange,
+		getRowId: (row) => row.id,
+		state: {
+			sorting,
+			columnFilters,
+			columnVisibility,
+			rowSelection
+		},
+		enableRowSelection: typeof selectable === "function" ? (row) => selectable(row.original) : selectable
+	});
+	useImperativeHandle(ref, () => ({
+		selectRow: (rowId) => {
+			table.getRow(rowId).toggleSelected(true);
+		},
+		deselectRow: (rowId) => {
+			table.getRow(rowId).toggleSelected(false);
+		},
+		selectAllRows: () => {
+			table.toggleAllRowsSelected(true);
+		},
+		deselectAllRows: () => {
+			table.toggleAllRowsSelected(false);
+		},
+		selectRows: (rowIds) => {
+			const selection = {};
+			rowIds.forEach((id) => selection[id] = true);
+			table.setRowSelection(selection);
+		},
+		getSelectedRows: () => {
+			return table.getFilteredSelectedRowModel().rows.map((r) => r.original);
+		}
+	}), [table]);
+	const { rows, rowsById } = table.getRowModel();
+	const rowVirtualizer = useVirtualizer({
+		count: rows.length,
+		getScrollElement: () => tableContainerRef.current,
+		estimateSize: () => virtualizedOptions?.estimateSize || ROW_SIZE_HEIGHT_MAP[rowSize],
+		overscan: virtualizedOptions?.overscan || 5,
+		onChange: (instance, sync) => {
+			if (sync && onScroll) {
+				const scrollOffset = instance.scrollOffset || 0;
+				const totalContentHeight = instance.getTotalSize();
+				const viewportHeight = instance.scrollElement?.clientHeight;
+				if (viewportHeight) onScroll({
+					scrollOffset,
+					totalContentHeight,
+					viewportHeight
+				});
+			}
+		}
+	});
+	const toggleRowExpanded = (rowId) => {
+		setExpandedRows((prev) => ({
+			...prev,
+			[rowId]: !prev[rowId]
+		}));
+	};
+	const renderEmptyState = () => virtualized ? /* @__PURE__ */ jsx("div", {
+		className: ds_table_module_default.emptyStateVirtualized,
+		children: emptyState || "No results."
+	}) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
+		colSpan: columns.length + (expandable ? 1 : 0) + (selectable ? 1 : 0),
+		className: ds_table_module_default.emptyState,
+		children: emptyState || "No results."
+	}) });
+	const selectedRows = Object.entries(rowSelection).filter(([, selected]) => selected).map(([key]) => rowsById[key]?.original).filter(Boolean);
+	const contextValue = {
+		stickyHeader,
+		bordered,
+		fullWidth,
+		highlightOnHover,
+		rowSize,
+		expandable,
+		selectable,
+		reorderable,
+		showSelectAllCheckbox,
+		onRowClick,
+		onRowDoubleClick,
+		primaryRowActions,
+		secondaryRowActions,
+		renderExpandedRow,
+		virtualized,
+		expandedRows,
+		toggleRowExpanded,
+		activeRowId
+	};
+	return /* @__PURE__ */ jsxs(DsTableContext.Provider, {
+		value: contextValue,
+		children: [/* @__PURE__ */ jsx("div", {
+			ref: tableContainerRef,
+			className: classNames(ds_table_module_default.container, !virtualized && ds_table_module_default.dataTableContainer, virtualized && ds_table_module_default.virtualizedContainer, className),
+			children: /* @__PURE__ */ jsx(DragWrapper, { children: /* @__PURE__ */ jsxs(Table$1, {
+				style: virtualized ? { "--ds-table-columns-template": createColumnsGridTemplate({
+					columns,
+					selectable: !!selectable
+				}) } : void 0,
+				className: classNames(fullWidth && ds_table_module_default.fullWidth, !bordered && ds_table_module_default.tableNoBorder, virtualized && ds_table_module_default.virtualized),
+				children: [/* @__PURE__ */ jsx(ds_table_header_default, { table }), /* @__PURE__ */ jsx(TableBody, {
+					style: { height: virtualized ? `${String(rowVirtualizer.getTotalSize())}px` : void 0 },
+					className: classNames(virtualized && ds_table_module_default.virtualizedBody),
+					children: virtualized ? rowVirtualizer.getVirtualItems().length ? rowVirtualizer.getVirtualItems().map((virtualRow) => {
+						const row = rows[virtualRow.index];
+						return /* @__PURE__ */ jsx(ds_table_row_default, {
+							row,
+							virtualRow
+						}, row.id);
+					}) : renderEmptyState() : /* @__PURE__ */ jsx(SortableWrapper, { children: rows.length ? rows.map((row) => /* @__PURE__ */ jsx(ds_table_row_default, { row }, row.id)) : renderEmptyState() })
+				})]
+			}) })
+		}), selectable && actions.length > 0 && /* @__PURE__ */ jsx(ds_table_bulk_actions_default, {
+			numSelectedRows: selectedRows.length,
+			actions: actions.map((action) => ({
+				...action,
+				onClick: () => action.onClick(selectedRows)
+			})),
+			onClearSelection: table.resetRowSelection
+		})]
+	});
+};
+var ds_table_default = DsTable;
+
+//#endregion
+export { ds_table_default as default };
+//# sourceMappingURL=ds-table.js.map

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

@@ -0,0 +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":";;;;;;;;;;;;;;;;;;;;AAyBA,MAAMA,sBAAsD;CAC3D,OAAO;CACP,QAAQ;CACR,OAAO;CACP;;;;AAKD,MAAM,WAAiD,EACtD,KACA,SACA,MAAM,WACN,cAAc,OACd,oBACA,WACA,YACA,YACA,eAAe,MACf,WAAW,MACX,YAAY,MACZ,mBAAmB,MACnB,UAAU,UACV,aAAa,OACb,mBACA,aAAa,OACb,wBAAwB,MACxB,mBACA,iBACA,UACA,UAAU,EAAE,EACZ,kBACA,oBAAoB,EAAE,EACtB,qBACA,cAAc,OACd,eACA,eAAe,uBACf,uBACA,kBAAkB,0BAClB,0BACA,kBACsC;CACtC,MAAM,CAAC,MAAM,WAAWC,QAAM,SAAS,UAAU;CACjD,MAAM,CAAC,SAAS,cAAcA,QAAM,SAAuB,EAAE,CAAC;CAC9D,MAAM,CAAC,uBAAuB,4BAA4BA,QAAM,SAA6B,EAAE,CAAC;CAChG,MAAM,CAAC,0BAA0B,+BAA+BA,QAAM,SAA0B,EAAE,CAAC;CACnG,MAAM,CAAC,cAAc,mBAAmBA,QAAM,SAA4B,EAAE,CAAC;CAC7E,MAAM,CAAC,cAAc,mBAAmBA,QAAM,SAAkC,EAAE,CAAC;CAEnF,MAAM,EAAE,aAAa,oBAAoB,eAAsB;EAC9D,eAAe,eAAe,CAAC;EAC/B,gBAAgB,YAAY;AAC3B,WAAQ,QAAQ;AAChB,mBAAgB,QAAQ;;EAEzB,OAAO;EACP,CAAC;CAEF,MAAM,oBAAoBA,QAAM,OAAuB,KAAK;CAE5D,MAAM,gBAAgB,yBAAyB;CAC/C,MAAM,6BACL,mBACI;EACJ,MAAM,aAAa,OAAO,mBAAmB,aAAa,eAAe,cAAc,GAAG;AAC1F,MAAI,sBACH,uBAAsB,WAAW;MAEjC,0BAAyB,WAAW;;CAItC,MAAM,mBAAmB,4BAA4B;CACrD,MAAM,gCACL,mBACI;EACJ,MAAM,gBACL,OAAO,mBAAmB,aAAa,eAAe,iBAAiB,GAAG;AAE3E,MAAI,yBACH,0BAAyB,cAAc;MAEvC,6BAA4B,cAAc;;CAI5C,MAAM,uBAAuB,mBAAyE;EACrG,MAAM,aAAa,OAAO,mBAAmB,aAAa,eAAe,QAAQ,GAAG;AACpF,aAAW,WAAW;AACtB,oBAAkB,WAAW;;CAG9B,MAAM,4BACL,mBACI;EACJ,MAAM,kBACL,OAAO,mBAAmB,aAAa,eAAe,aAAa,GAAG;AACvE,kBAAgB,gBAAgB;AAChC,sBAAoB,gBAAgB;;CAGrC,MAAM,QAAQ,cAAc;EAC3B,MAAM,cAAc,OAAO;EAC3B;EACA,iBAAiB,iBAAiB;EAClC,iBAAiB;EACjB,mBAAmB,mBAAmB;EACtC,uBAAuB;EACvB,qBAAqB,qBAAqB;EAC1C,0BAA0B;EAC1B,sBAAsB;EACtB,WAAW,QAAQ,IAAI;EACvB,OAAO;GACN;GACA;GACA;GACA;GACA;EACD,oBAAoB,OAAO,eAAe,cAAc,QAAQ,WAAW,IAAI,SAAS,GAAG;EAC3F,CAAC;AAEF,qBACC,YACO;EACN,YAAY,UAAkB;AAC7B,SAAM,OAAO,MAAM,CAAC,eAAe,KAAK;;EAEzC,cAAc,UAAkB;AAC/B,SAAM,OAAO,MAAM,CAAC,eAAe,MAAM;;EAE1C,qBAAqB;AACpB,SAAM,sBAAsB,KAAK;;EAElC,uBAAuB;AACtB,SAAM,sBAAsB,MAAM;;EAEnC,aAAa,WAAqB;GACjC,MAAMC,YAAqC,EAAE;AAC7C,UAAO,SAAS,OAAQ,UAAU,MAAM,KAAM;AAC9C,SAAM,gBAAgB,UAAU;;EAEjC,uBAAuB;AACtB,UAAO,MAAM,6BAA6B,CAAC,KAAK,KAAK,MAAM,EAAE,SAAS;;EAEvE,GACD,CAAC,MAAM,CACP;CAED,MAAM,EAAE,MAAM,aAAa,MAAM,aAAa;CAE9C,MAAM,iBAAiB,eAAe;EACrC,OAAO,KAAK;EACZ,wBAAwB,kBAAkB;EAE1C,oBAAoB,oBAAoB,gBAAgB,oBAAoB;EAC5E,UAAU,oBAAoB,YAAY;EAC1C,WAAW,UAAU,SAAS;AAC7B,OAAI,QAAQ,UAAU;IACrB,MAAM,eAAe,SAAS,gBAAgB;IAC9C,MAAM,qBAAqB,SAAS,cAAc;IAClD,MAAM,iBAAiB,SAAS,eAAe;AAE/C,QAAI,eACH,UAAS;KAAE;KAAc;KAAoB;KAAgB,CAAC;;;EAIjE,CAAC;CAEF,MAAM,qBAAqB,UAAkB;AAC5C,mBAAiB,UAAU;GAC1B,GAAG;IACF,QAAQ,CAAC,KAAK;GACf,EAAE;;CAGJ,MAAM,yBACL,cACC,oBAAC;EAAI,WAAWC,wBAAO;YAAwB,cAAc;GAAoB,GAEjF,oBAAC,sBACA,oBAAC;EACA,SAAS,QAAQ,UAAU,aAAa,IAAI,MAAM,aAAa,IAAI;EACnE,WAAWA,wBAAO;YAEjB,cAAc;GACJ,GACF;CAGb,MAAM,eAAe,OAAO,QAAQ,aAAa,CAC/C,QAAQ,GAAG,cAAc,SAAS,CAGlC,KAAK,CAAC,SAAS,SAAS,MAAM,SAAS,CACvC,OAAO,QAAQ;CAEjB,MAAMC,eAAkD;EACvD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAED,QACC,qBAAC,eAAe;EAAS,OAAO;aAC/B,oBAAC;GACA,KAAK;GACL,WAAWC,WACVF,wBAAO,WACP,CAAC,eAAeA,wBAAO,oBACvB,eAAeA,wBAAO,sBACtB,UACA;aAED,oBAAC,yBACA,qBAACG;IACA,OACC,cACI,EACD,+BAA+B,0BAA0B;KACxD;KACA,YAAY,CAAC,CAAC;KACd,CAAC,EACF,GACA;IAEJ,WAAWD,WACV,aAAaF,wBAAO,WACpB,CAAC,YAAYA,wBAAO,eACpB,eAAeA,wBAAO,YACtB;eAED,oBAACI,2BAAqB,QAAS,EAC/B,oBAAC;KACA,OAAO,EAAE,QAAQ,cAAc,GAAG,OAAO,eAAe,cAAc,CAAC,CAAC,MAAM,QAAW;KACzF,WAAWF,WAAW,eAAeF,wBAAO,gBAAgB;eAE3D,cACA,eAAe,iBAAiB,CAAC,SAChC,eAAe,iBAAiB,CAAC,KAAK,eAA4B;MACjE,MAAM,MAAM,KAAK,WAAW;AAC5B,aAAO,oBAACK;OAA6B;OAAiB;SAA9B,IAAI,GAAwC;OACnE,GAEF,kBAAkB,GAGnB,oBAAC,6BACC,KAAK,SACH,KAAK,KAAK,QAAQ,oBAACA,wBAA6B,OAAb,IAAI,GAAgB,CAAC,GACxD,kBAAkB,GACJ;MAER;KACL,GACK;IACT,EACL,cAAc,QAAQ,SAAS,KAC/B,oBAACC;GACA,iBAAiB,aAAa;GAC9B,SAAS,QAAQ,KAAK,YAAY;IACjC,GAAG;IACH,eAAe,OAAO,QAAQ,aAAa;IAC3C,EAAE;GACH,kBAAkB,MAAM;IACvB;GAEsB;;AAI5B,uBAAe"}