@drivenets/design-system 0.5.0 → 0.6.1

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

@@ -1,23 +0,0 @@
-//#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

@@ -1 +0,0 @@
-{"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

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

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

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

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

@@ -1,14 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-table-context.js","names":["createContext","useContext","DsDataTableProps","DsTableRowSize","DsTableContextType","Partial","TData","TValue","expandedRows","Record","toggleRowExpanded","rowId","virtualized","rowSize","activeRowId","DsTableContext","useDsTableContext","context","Error"],"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,MAAae,iBAAiBf,cAAmD,KAAK;AAEtF,MAAagB,0BAAoB;CAChC,MAAAC,UAAgBhB,WAAWc,eAAe;AAC1C,KAAI,CAACE,QACJ,OAAM,IAAIC,MAAM,gDAAgD;AAChE,QACMD"}

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

@@ -1,200 +0,0 @@
-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, 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_0) => {
-		const newVisibility = typeof updaterOrValue_0 === "function" ? updaterOrValue_0(columnVisibility) : updaterOrValue_0;
-		if (onColumnVisibilityChange) onColumnVisibilityChange(newVisibility);
-		else setInternalColumnVisibility(newVisibility);
-	};
-	const handleSortingChange = (updaterOrValue_1) => {
-		const newSorting = typeof updaterOrValue_1 === "function" ? updaterOrValue_1(sorting) : updaterOrValue_1;
-		setSorting(newSorting);
-		onSortingChange?.(newSorting);
-	};
-	const handleRowSelectionChange = (updaterOrValue_2) => {
-		const newRowSelection = typeof updaterOrValue_2 === "function" ? updaterOrValue_2(rowSelection) : updaterOrValue_2;
-		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_0) => selectable(row_0.original) : selectable
-	});
-	(0, react.useImperativeHandle)(ref, () => ({
-		selectRow: (rowId) => {
-			table.getRow(rowId).toggleSelected(true);
-		},
-		deselectRow: (rowId_0) => {
-			table.getRow(rowId_0).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_1) => {
-		setExpandedRows((prev) => ({
-			...prev,
-			[rowId_1]: !prev[rowId_1]
-		}));
-	};
-	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((v) => !!v);
-	const contextValue = {
-		stickyHeader,
-		bordered,
-		fullWidth,
-		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_1 = rows[virtualRow.index];
-						if (!row_1) return null;
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_table_row.default, {
-							row: row_1,
-							virtualRow
-						}, row_1.id);
-					}) : renderEmptyState() : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableWrapper, { children: rows.length ? rows.map((row_2) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_table_row.default, { row: row_2 }, row_2.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

@@ -1,44 +0,0 @@
-import { DsDataTableProps } from "./ds-table.types.cjs";
-import * as react_jsx_runtime36 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,
-  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_runtime36.JSX.Element;
-//#endregion
-export { DsTable };
-//# sourceMappingURL=ds-table.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-table.d.cts","names":[],"sources":["../../../src/components/ds-table/ds-table.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAkByE,cAgBnE,OAoRL,EAAA,CAAA,cAAA;EApRsD,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,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,EA+BpD,gBA/BoD,CA+BnC,KA/BmC,EA+B5B,MA/B4B,CAAA,EAAA,GA+BrB,mBAAA,CAAA,GAAA,CAAA,OA/BqB"}

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

@@ -1,44 +0,0 @@
-import { DsDataTableProps } from "./ds-table.types.js";
-import * as react_jsx_runtime66 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,
-  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_runtime66.JSX.Element;
-//#endregion
-export { DsTable };
-//# sourceMappingURL=ds-table.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-table.d.ts","names":[],"sources":["../../../src/components/ds-table/ds-table.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAkByE,cAgBnE,OAoRL,EAAA,CAAA,cAAA;EApRsD,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,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,EA+BpD,gBA/BoD,CA+BnC,KA/BmC,EA+B5B,MA/B4B,CAAA,EAAA,GA+BrB,mBAAA,CAAA,GAAA,CAAA,OA/BqB"}

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

@@ -1,199 +0,0 @@
-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, 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_0) => {
-		const newVisibility = typeof updaterOrValue_0 === "function" ? updaterOrValue_0(columnVisibility) : updaterOrValue_0;
-		if (onColumnVisibilityChange) onColumnVisibilityChange(newVisibility);
-		else setInternalColumnVisibility(newVisibility);
-	};
-	const handleSortingChange = (updaterOrValue_1) => {
-		const newSorting = typeof updaterOrValue_1 === "function" ? updaterOrValue_1(sorting) : updaterOrValue_1;
-		setSorting(newSorting);
-		onSortingChange?.(newSorting);
-	};
-	const handleRowSelectionChange = (updaterOrValue_2) => {
-		const newRowSelection = typeof updaterOrValue_2 === "function" ? updaterOrValue_2(rowSelection) : updaterOrValue_2;
-		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_0) => selectable(row_0.original) : selectable
-	});
-	useImperativeHandle(ref, () => ({
-		selectRow: (rowId) => {
-			table.getRow(rowId).toggleSelected(true);
-		},
-		deselectRow: (rowId_0) => {
-			table.getRow(rowId_0).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_1) => {
-		setExpandedRows((prev) => ({
-			...prev,
-			[rowId_1]: !prev[rowId_1]
-		}));
-	};
-	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((v) => !!v);
-	const contextValue = {
-		stickyHeader,
-		bordered,
-		fullWidth,
-		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_1 = rows[virtualRow.index];
-						if (!row_1) return null;
-						return /* @__PURE__ */ jsx(ds_table_row_default, {
-							row: row_1,
-							virtualRow
-						}, row_1.id);
-					}) : renderEmptyState() : /* @__PURE__ */ jsx(SortableWrapper, { children: rows.length ? rows.map((row_2) => /* @__PURE__ */ jsx(ds_table_row_default, { row: row_2 }, row_2.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

@@ -1 +0,0 @@
-{"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","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","v","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\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.map(([key]) => rowsById[key]?.original)\n\t\t.filter((v) => !!v);\n\n\tconst contextValue: DsTableContextType<TData, TValue> = {\n\t\tstickyHeader,\n\t\tbordered,\n\t\tfullWidth,\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\n\t\t\t\t\t\t\t\t\t\tif (!row) {\n\t\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t\t}\n\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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"}

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

@@ -1,25 +0,0 @@
-
-//#region src/components/ds-table/ds-table.module.scss
-var ds_table_module_default = {
-	"rotate": "_rotate_hyd6q_1",
-	"rotate-45": "_rotate-45_hyd6q_1",
-	"rotate-90": "_rotate-90_hyd6q_1",
-	"rotate-135": "_rotate-135_hyd6q_1",
-	"rotate-180": "_rotate-180_hyd6q_1",
-	"rotate-225": "_rotate-225_hyd6q_1",
-	"rotate-270": "_rotate-270_hyd6q_1",
-	"rotate-315": "_rotate-315_hyd6q_1",
-	"container": "_container_hyd6q_1",
-	"virtualizedContainer": "_virtualizedContainer_hyd6q_1",
-	"dataTableContainer": "_dataTableContainer_hyd6q_1",
-	"table": "_table_hyd6q_1",
-	"tableNoBorder": "_tableNoBorder_hyd6q_1",
-	"fullWidth": "_fullWidth_hyd6q_1",
-	"emptyState": "_emptyState_hyd6q_1",
-	"emptyStateVirtualized": "_emptyStateVirtualized_hyd6q_1",
-	"virtualized": "_virtualized_hyd6q_1",
-	"virtualizedBody": "_virtualizedBody_hyd6q_1"
-};
-
-//#endregion
-exports.default = ds_table_module_default;