@drivenets/design-system 0.0.3 → 0.0.5

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

@@ -13,6 +13,7 @@ import { getColumnStyle } from "../../utils/column-styling.js";
 import { DsTableCell } from "../ds-table-cell/ds-table-cell.js";
 import "../ds-table-cell/index.js";
 import ds_table_row_module_default from "./ds-table-row.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
@@ -20,118 +21,289 @@ import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 
 //#region src/components/ds-table/components/ds-table-row/ds-table-row.tsx
-const DsRowDragHandle = ({ isDragging, attributes, listeners }) => {
-	return /* @__PURE__ */ jsx(TableCell, {
-		className: classNames(ds_table_row_module_default.tableCell, ds_table_row_module_default.cellReorder, { [ds_table_row_module_default.isDragging]: isDragging }),
-		children: /* @__PURE__ */ jsx(ds_icon_default, {
+const DsRowDragHandle = (t0) => {
+	const $ = c(10);
+	const { isDragging, attributes, listeners } = t0;
+	let t1;
+	if ($[0] !== isDragging) {
+		t1 = classNames(ds_table_row_module_default.tableCell, ds_table_row_module_default.cellReorder, { [ds_table_row_module_default.isDragging]: isDragging });
+		$[0] = isDragging;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = isDragging ? "drag_indicator" : "arrow_downward";
+	const t3 = isDragging ? "medium" : "small";
+	let t4;
+	if ($[2] !== attributes || $[3] !== listeners || $[4] !== t2 || $[5] !== t3) {
+		t4 = /* @__PURE__ */ jsx(ds_icon_default, {
 			className: ds_table_row_module_default.rowDragHandle,
-			icon: isDragging ? "drag_indicator" : "arrow_downward",
-			size: isDragging ? "medium" : "small",
-			onClick: (e) => e.stopPropagation(),
+			icon: t2,
+			size: t3,
+			onClick: _temp,
 			...attributes,
 			...listeners
-		})
-	});
+		});
+		$[2] = attributes;
+		$[3] = listeners;
+		$[4] = t2;
+		$[5] = t3;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== t1 || $[8] !== t4) {
+		t5 = /* @__PURE__ */ jsx(TableCell, {
+			className: t1,
+			children: t4
+		});
+		$[7] = t1;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	return t5;
 };
-const DsTableRow = ({ ref, row, virtualRow }) => {
+const DsTableRow = (t0) => {
+	const $ = c(75);
+	const { ref, row, virtualRow } = t0;
 	const { expandable, expandedRows, selectable, reorderable, onRowClick, onRowDoubleClick, renderExpandedRow, virtualized, bordered, highlightOnHover, rowSize, toggleRowExpanded, primaryRowActions, secondaryRowActions, activeRowId } = useDsTableContext();
 	const isExpanded = expandedRows[row.id];
-	const isExpandable = typeof expandable === "function" ? expandable(row.original) : expandable;
+	let t1;
+	if ($[0] !== expandable || $[1] !== row.original) {
+		t1 = typeof expandable === "function" ? expandable(row.original) : expandable;
+		$[0] = expandable;
+		$[1] = row.original;
+		$[2] = t1;
+	} else t1 = $[2];
+	const isExpandable = t1;
 	const isActive = activeRowId === row.id;
-	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
-		id: row.id,
-		disabled: !reorderable
-	});
-	const rowStyle = virtualRow && virtualized ? { transform: `translateY(${String(virtualRow.start)}px)` } : reorderable ? {
-		transform: CSS.Transform.toString(transform),
-		transition,
-		...isDragging ? {
-			background: "var(--action-active-light)",
-			boxShadow: "0 0 12px 0 rgba(0, 102, 250, 0.60)",
-			zIndex: 1
-		} : {},
-		position: "relative"
-	} : {};
-	return /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsxs(TableRow, {
-		ref: mergeRefs(reorderable ? setNodeRef : null, ref),
-		"data-state": isActive ? "active" : row.getIsSelected() ? "selected" : void 0,
-		className: classNames(ds_table_row_module_default.tableRow, {
-			[ds_table_row_module_default.sizeSmall]: rowSize === "small",
-			[ds_table_row_module_default.sizeMedium]: rowSize === "medium",
-			[ds_table_row_module_default.sizeLarge]: rowSize === "large"
-		}, virtualized && ds_table_row_module_default.virtualizedRow, onRowClick && ds_table_row_module_default.clickableRow, highlightOnHover && ds_table_row_module_default.highlightHoverRow, !bordered && ds_table_row_module_default.rowNoBorder, isExpanded && ds_table_row_module_default.expanded),
-		style: rowStyle,
-		onClick: () => onRowClick?.(row.original),
-		onDoubleClick: () => onRowDoubleClick?.(row.original),
-		children: [
-			selectable && /* @__PURE__ */ jsx(TableCell, {
-				className: classNames(ds_table_row_module_default.tableCell, ds_table_row_module_default.cellCheckbox),
-				children: /* @__PURE__ */ jsx(ds_checkbox_default, {
-					className: ds_table_shared_module_default.checkboxContainer,
-					checked: row.getIsSelected(),
-					disabled: !row.getCanSelect(),
-					onClick: (e) => {
-						e.stopPropagation();
-						row.getToggleSelectedHandler()(e);
-					},
-					onDoubleClick: (e) => {
-						e.stopPropagation();
-					}
+	const t2 = !reorderable;
+	let t3;
+	if ($[3] !== row.id || $[4] !== t2) {
+		t3 = {
+			id: row.id,
+			disabled: t2
+		};
+		$[3] = row.id;
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable(t3);
+	let t4;
+	if ($[6] !== isDragging || $[7] !== reorderable || $[8] !== transform || $[9] !== transition || $[10] !== virtualRow || $[11] !== virtualized) {
+		t4 = virtualRow && virtualized ? { transform: `translateY(${String(virtualRow.start)}px)` } : reorderable ? {
+			transform: CSS.Transform.toString(transform),
+			transition,
+			...isDragging ? {
+				background: "var(--action-active-light)",
+				boxShadow: "0 0 12px 0 rgba(0, 102, 250, 0.60)",
+				zIndex: 1
+			} : {},
+			position: "relative"
+		} : {};
+		$[6] = isDragging;
+		$[7] = reorderable;
+		$[8] = transform;
+		$[9] = transition;
+		$[10] = virtualRow;
+		$[11] = virtualized;
+		$[12] = t4;
+	} else t4 = $[12];
+	const rowStyle = t4;
+	const t5 = row.id;
+	const t6 = reorderable ? setNodeRef : null;
+	let t7;
+	if ($[13] !== ref || $[14] !== t6) {
+		t7 = mergeRefs(t6, ref);
+		$[13] = ref;
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	const t8 = isActive ? "active" : row.getIsSelected() ? "selected" : void 0;
+	const t9 = rowSize === "small";
+	const t10 = rowSize === "medium";
+	const t11 = rowSize === "large";
+	let t12;
+	if ($[16] !== bordered || $[17] !== highlightOnHover || $[18] !== isExpanded || $[19] !== onRowClick || $[20] !== t10 || $[21] !== t11 || $[22] !== t9 || $[23] !== virtualized) {
+		t12 = classNames(ds_table_row_module_default.tableRow, {
+			[ds_table_row_module_default.sizeSmall]: t9,
+			[ds_table_row_module_default.sizeMedium]: t10,
+			[ds_table_row_module_default.sizeLarge]: t11
+		}, virtualized && ds_table_row_module_default.virtualizedRow, onRowClick && ds_table_row_module_default.clickableRow, highlightOnHover && ds_table_row_module_default.highlightHoverRow, !bordered && ds_table_row_module_default.rowNoBorder, isExpanded && ds_table_row_module_default.expanded);
+		$[16] = bordered;
+		$[17] = highlightOnHover;
+		$[18] = isExpanded;
+		$[19] = onRowClick;
+		$[20] = t10;
+		$[21] = t11;
+		$[22] = t9;
+		$[23] = virtualized;
+		$[24] = t12;
+	} else t12 = $[24];
+	let t13;
+	if ($[25] !== onRowClick || $[26] !== row.original) {
+		t13 = () => onRowClick?.(row.original);
+		$[25] = onRowClick;
+		$[26] = row.original;
+		$[27] = t13;
+	} else t13 = $[27];
+	let t14;
+	if ($[28] !== onRowDoubleClick || $[29] !== row.original) {
+		t14 = () => onRowDoubleClick?.(row.original);
+		$[28] = onRowDoubleClick;
+		$[29] = row.original;
+		$[30] = t14;
+	} else t14 = $[30];
+	let t15;
+	if ($[31] !== row || $[32] !== selectable) {
+		t15 = selectable && /* @__PURE__ */ jsx(TableCell, {
+			className: classNames(ds_table_row_module_default.tableCell, ds_table_row_module_default.cellCheckbox),
+			children: /* @__PURE__ */ jsx(ds_checkbox_default, {
+				className: ds_table_shared_module_default.checkboxContainer,
+				checked: row.getIsSelected(),
+				disabled: !row.getCanSelect(),
+				onClick: (e) => {
+					e.stopPropagation();
+					row.getToggleSelectedHandler()(e);
+				},
+				onDoubleClick: _temp2
+			})
+		});
+		$[31] = row;
+		$[32] = selectable;
+		$[33] = t15;
+	} else t15 = $[33];
+	let t16;
+	if ($[34] !== expandable || $[35] !== isExpandable || $[36] !== isExpanded || $[37] !== row.id || $[38] !== toggleRowExpanded || $[39] !== virtualized) {
+		t16 = expandable && /* @__PURE__ */ jsx(TableCell, {
+			className: classNames(ds_table_row_module_default.tableCell, ds_table_row_module_default.cellButton),
+			children: isExpandable && /* @__PURE__ */ jsx(ds_button_default, {
+				variant: virtualized ? "ghost" : "borderless",
+				size: "small",
+				onClick: (e_1) => {
+					e_1.stopPropagation();
+					toggleRowExpanded(row.id);
+				},
+				onDoubleClick: _temp3,
+				className: ds_table_row_module_default.expandToggleButton,
+				children: /* @__PURE__ */ jsx(ds_icon_default, {
+					icon: virtualized ? isExpanded ? "arrow_drop_down" : "arrow_right" : "chevron_right",
+					className: classNames(ds_table_shared_module_default.pageButtonIcon, !virtualized && isExpanded && "rotate-90")
 				})
-			}),
-			expandable && /* @__PURE__ */ jsx(TableCell, {
-				className: classNames(ds_table_row_module_default.tableCell, ds_table_row_module_default.cellButton),
-				children: isExpandable && /* @__PURE__ */ jsx(ds_button_default, {
-					variant: virtualized ? "ghost" : "borderless",
-					size: "small",
-					onClick: (e) => {
-						e.stopPropagation();
-						toggleRowExpanded(row.id);
-					},
-					onDoubleClick: (e) => {
-						e.stopPropagation();
-					},
-					className: ds_table_row_module_default.expandToggleButton,
-					children: /* @__PURE__ */ jsx(ds_icon_default, {
-						icon: virtualized ? isExpanded ? "arrow_drop_down" : "arrow_right" : "chevron_right",
-						className: classNames(ds_table_shared_module_default.pageButtonIcon, !virtualized && isExpanded && "rotate-90")
-					})
+			})
+		});
+		$[34] = expandable;
+		$[35] = isExpandable;
+		$[36] = isExpanded;
+		$[37] = row.id;
+		$[38] = toggleRowExpanded;
+		$[39] = virtualized;
+		$[40] = t16;
+	} else t16 = $[40];
+	let t17;
+	if ($[41] !== attributes || $[42] !== isDragging || $[43] !== listeners || $[44] !== reorderable) {
+		t17 = reorderable && /* @__PURE__ */ jsx(DsRowDragHandle, {
+			isDragging,
+			attributes,
+			listeners
+		});
+		$[41] = attributes;
+		$[42] = isDragging;
+		$[43] = listeners;
+		$[44] = reorderable;
+		$[45] = t17;
+	} else t17 = $[45];
+	let t18;
+	if ($[46] !== primaryRowActions || $[47] !== row || $[48] !== secondaryRowActions || $[49] !== virtualized) {
+		t18 = row.getVisibleCells().map((cell, idx) => {
+			const isLastColumn = idx === row.getVisibleCells().length - 1;
+			const cellStyle = getColumnStyle(cell.column.getSize(), virtualized, isLastColumn);
+			return /* @__PURE__ */ jsx(TableCell, {
+				className: ds_table_row_module_default.tableCell,
+				style: cellStyle,
+				children: isLastColumn ? /* @__PURE__ */ jsx(DsTableCell, {
+					row,
+					cell,
+					primaryRowActions,
+					secondaryRowActions
+				}) : /* @__PURE__ */ jsx(DsTableCell, {
+					row,
+					cell
 				})
-			}),
-			reorderable && /* @__PURE__ */ jsx(DsRowDragHandle, {
-				isDragging,
-				attributes,
-				listeners
-			}),
-			row.getVisibleCells().map((cell, idx) => {
-				const isLastColumn = idx === row.getVisibleCells().length - 1;
-				const cellStyle = getColumnStyle(cell.column.getSize(), virtualized, isLastColumn);
-				return /* @__PURE__ */ jsx(TableCell, {
-					className: ds_table_row_module_default.tableCell,
-					style: cellStyle,
-					children: isLastColumn ? /* @__PURE__ */ jsx(DsTableCell, {
-						row,
-						cell,
-						primaryRowActions,
-						secondaryRowActions
-					}) : /* @__PURE__ */ jsx(DsTableCell, {
-						row,
-						cell
-					})
-				}, cell.id);
+			}, cell.id);
+		});
+		$[46] = primaryRowActions;
+		$[47] = row;
+		$[48] = secondaryRowActions;
+		$[49] = virtualized;
+		$[50] = t18;
+	} else t18 = $[50];
+	let t19;
+	if ($[51] !== rowStyle || $[52] !== t12 || $[53] !== t13 || $[54] !== t14 || $[55] !== t15 || $[56] !== t16 || $[57] !== t17 || $[58] !== t18 || $[59] !== t7 || $[60] !== t8) {
+		t19 = /* @__PURE__ */ jsxs(TableRow, {
+			ref: t7,
+			"data-state": t8,
+			className: t12,
+			style: rowStyle,
+			onClick: t13,
+			onDoubleClick: t14,
+			children: [
+				t15,
+				t16,
+				t17,
+				t18
+			]
+		});
+		$[51] = rowStyle;
+		$[52] = t12;
+		$[53] = t13;
+		$[54] = t14;
+		$[55] = t15;
+		$[56] = t16;
+		$[57] = t17;
+		$[58] = t18;
+		$[59] = t7;
+		$[60] = t8;
+		$[61] = t19;
+	} else t19 = $[61];
+	let t20;
+	if ($[62] !== isExpandable || $[63] !== isExpanded || $[64] !== renderExpandedRow || $[65] !== reorderable || $[66] !== row || $[67] !== selectable || $[68] !== virtualRow || $[69] !== virtualized) {
+		t20 = isExpanded && renderExpandedRow && /* @__PURE__ */ jsx(TableRow, {
+			style: virtualRow && virtualized ? { transform: `translateY(${String(virtualRow.start + virtualRow.size)}px)` } : void 0,
+			className: ds_table_row_module_default.expandedRow,
+			children: /* @__PURE__ */ jsx(TableCell, {
+				colSpan: row.getVisibleCells().length + (selectable ? 1 : 0) + (isExpandable ? 1 : 0) + (reorderable ? 1 : 0),
+				className: ds_table_row_module_default.tableCell,
+				children: renderExpandedRow(row.original)
 			})
-		]
-	}), isExpanded && renderExpandedRow && /* @__PURE__ */ jsx(TableRow, {
-		style: virtualRow && virtualized ? { transform: `translateY(${String(virtualRow.start + virtualRow.size)}px)` } : void 0,
-		className: ds_table_row_module_default.expandedRow,
-		children: /* @__PURE__ */ jsx(TableCell, {
-			colSpan: row.getVisibleCells().length + (selectable ? 1 : 0) + (isExpandable ? 1 : 0) + (reorderable ? 1 : 0),
-			className: ds_table_row_module_default.tableCell,
-			children: renderExpandedRow(row.original)
-		})
-	})] }, row.id);
+		});
+		$[62] = isExpandable;
+		$[63] = isExpanded;
+		$[64] = renderExpandedRow;
+		$[65] = reorderable;
+		$[66] = row;
+		$[67] = selectable;
+		$[68] = virtualRow;
+		$[69] = virtualized;
+		$[70] = t20;
+	} else t20 = $[70];
+	let t21;
+	if ($[71] !== row.id || $[72] !== t19 || $[73] !== t20) {
+		t21 = /* @__PURE__ */ jsxs(React.Fragment, { children: [t19, t20] }, t5);
+		$[71] = row.id;
+		$[72] = t19;
+		$[73] = t20;
+		$[74] = t21;
+	} else t21 = $[74];
+	return t21;
 };
 var ds_table_row_default = DsTableRow;
+function _temp(e) {
+	return e.stopPropagation();
+}
+function _temp2(e_0) {
+	e_0.stopPropagation();
+}
+function _temp3(e_2) {
+	e_2.stopPropagation();
+}
 
 //#endregion
 export { ds_table_row_default as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ds-table-row.js","names":["classnames","styles","DsIcon","rowStyle: React.CSSProperties","DsCheckbox","stylesShared","DsButton"],"sources":["../../../../../src/components/ds-table/components/ds-table-row/ds-table-row.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { DsIcon } from '../../../ds-icon';\nimport { DsCheckbox } from '../../../ds-checkbox';\nimport { DsButton } from '../../../ds-button';\nimport { TableCell, TableRow } from '../core-table';\nimport { DsTableCell } from '../ds-table-cell';\nimport type { DsTableRowProps } from './ds-table-row.types';\nimport styles from './ds-table-row.module.scss';\nimport stylesShared from '../../styles/shared/ds-table-shared.module.scss';\nimport { useDsTableContext } from '../../context/ds-table-context';\nimport { mergeRefs } from '../../utils/merge-refs';\nimport { getColumnStyle } from '../../utils/column-styling';\n\ninterface DsRowDragHandleProps {\n\tisDragging: boolean;\n\tattributes: ReturnType<typeof useSortable>['attributes'];\n\tlisteners: ReturnType<typeof useSortable>['listeners'];\n}\n\nconst DsRowDragHandle = ({ isDragging, attributes, listeners }: DsRowDragHandleProps) => {\n\treturn (\n\t\t<TableCell\n\t\t\tclassName={classnames(styles.tableCell, styles.cellReorder, {\n\t\t\t\t[styles.isDragging]: isDragging,\n\t\t\t})}\n\t\t>\n\t\t\t<DsIcon\n\t\t\t\tclassName={styles.rowDragHandle}\n\t\t\t\ticon={isDragging ? 'drag_indicator' : 'arrow_downward'}\n\t\t\t\tsize={isDragging ? 'medium' : 'small'}\n\t\t\t\tonClick={(e: React.MouseEvent) => e.stopPropagation()}\n\t\t\t\t{...attributes}\n\t\t\t\t{...listeners}\n\t\t\t></DsIcon>\n\t\t</TableCell>\n\t);\n};\n\nconst DsTableRow = <TData,>({ ref, row, virtualRow }: DsTableRowProps<TData>) => {\n\tconst {\n\t\texpandable,\n\t\texpandedRows,\n\t\tselectable,\n\t\treorderable,\n\t\tonRowClick,\n\t\tonRowDoubleClick,\n\t\trenderExpandedRow,\n\t\tvirtualized,\n\t\tbordered,\n\t\thighlightOnHover,\n\t\trowSize,\n\t\ttoggleRowExpanded,\n\t\tprimaryRowActions,\n\t\tsecondaryRowActions,\n\t\tactiveRowId,\n\t} = useDsTableContext<TData, unknown>();\n\tconst isExpanded = expandedRows[row.id];\n\tconst isExpandable = typeof expandable === 'function' ? expandable(row.original) : expandable;\n\tconst isActive = activeRowId === row.id;\n\n\tconst { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n\t\tid: row.id,\n\t\tdisabled: !reorderable,\n\t});\n\tconst rowStyle: React.CSSProperties =\n\t\tvirtualRow && virtualized\n\t\t\t? {\n\t\t\t\t\ttransform: `translateY(${String(virtualRow.start)}px)`,\n\t\t\t\t}\n\t\t\t: reorderable\n\t\t\t\t? {\n\t\t\t\t\t\t// Convert DND-kit's transform coordinates to CSS transform string\n\t\t\t\t\t\ttransform: CSS.Transform.toString(transform),\n\t\t\t\t\t\ttransition,\n\t\t\t\t\t\t...(isDragging\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tbackground: 'var(--action-active-light)',\n\t\t\t\t\t\t\t\t\tboxShadow: '0 0 12px 0 rgba(0, 102, 250, 0.60)',\n\t\t\t\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\tposition: 'relative',\n\t\t\t\t\t}\n\t\t\t\t: {};\n\n\treturn (\n\t\t<React.Fragment key={row.id}>\n\t\t\t<TableRow\n\t\t\t\tref={mergeRefs(reorderable ? setNodeRef : null, ref)}\n\t\t\t\tdata-state={isActive ? 'active' : row.getIsSelected() ? 'selected' : undefined}\n\t\t\t\tclassName={classnames(\n\t\t\t\t\tstyles.tableRow,\n\t\t\t\t\t{\n\t\t\t\t\t\t[styles.sizeSmall]: rowSize === 'small',\n\t\t\t\t\t\t[styles.sizeMedium]: rowSize === 'medium',\n\t\t\t\t\t\t[styles.sizeLarge]: rowSize === 'large',\n\t\t\t\t\t},\n\t\t\t\t\tvirtualized && styles.virtualizedRow,\n\t\t\t\t\tonRowClick && styles.clickableRow,\n\t\t\t\t\thighlightOnHover && styles.highlightHoverRow,\n\t\t\t\t\t!bordered && styles.rowNoBorder,\n\t\t\t\t\tisExpanded && styles.expanded,\n\t\t\t\t)}\n\t\t\t\tstyle={rowStyle}\n\t\t\t\tonClick={() => onRowClick?.(row.original)}\n\t\t\t\tonDoubleClick={() => onRowDoubleClick?.(row.original)}\n\t\t\t>\n\t\t\t\t{selectable && (\n\t\t\t\t\t<TableCell className={classnames(styles.tableCell, styles.cellCheckbox)}>\n\t\t\t\t\t\t<DsCheckbox\n\t\t\t\t\t\t\tclassName={stylesShared.checkboxContainer}\n\t\t\t\t\t\t\tchecked={row.getIsSelected()}\n\t\t\t\t\t\t\tdisabled={!row.getCanSelect()}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\tconst toggleHandler = row.getToggleSelectedHandler();\n\t\t\t\t\t\t\t\ttoggleHandler(e);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonDoubleClick={(e: React.MouseEvent) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TableCell>\n\t\t\t\t)}\n\t\t\t\t{expandable && (\n\t\t\t\t\t<TableCell className={classnames(styles.tableCell, styles.cellButton)}>\n\t\t\t\t\t\t{isExpandable && (\n\t\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\t\tvariant={virtualized ? 'ghost' : 'borderless'}\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={(e: React.MouseEvent) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\ttoggleRowExpanded(row.id);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonDoubleClick={(e: React.MouseEvent) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tclassName={styles.expandToggleButton}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<DsIcon\n\t\t\t\t\t\t\t\t\ticon={virtualized ? (isExpanded ? 'arrow_drop_down' : 'arrow_right') : 'chevron_right'}\n\t\t\t\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\t\t\t\tstylesShared.pageButtonIcon,\n\t\t\t\t\t\t\t\t\t\t!virtualized && isExpanded && 'rotate-90',\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</DsButton>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</TableCell>\n\t\t\t\t)}\n\t\t\t\t{reorderable && (\n\t\t\t\t\t<DsRowDragHandle isDragging={isDragging} attributes={attributes} listeners={listeners} />\n\t\t\t\t)}\n\t\t\t\t{row.getVisibleCells().map((cell, idx) => {\n\t\t\t\t\tconst isLastColumn = idx === row.getVisibleCells().length - 1;\n\t\t\t\t\tconst cellStyle = getColumnStyle(cell.column.getSize(), virtualized, isLastColumn);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<TableCell key={cell.id} className={styles.tableCell} style={cellStyle}>\n\t\t\t\t\t\t\t{isLastColumn ? (\n\t\t\t\t\t\t\t\t<DsTableCell\n\t\t\t\t\t\t\t\t\trow={row}\n\t\t\t\t\t\t\t\t\tcell={cell}\n\t\t\t\t\t\t\t\t\tprimaryRowActions={primaryRowActions}\n\t\t\t\t\t\t\t\t\tsecondaryRowActions={secondaryRowActions}\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<DsTableCell row={row} cell={cell} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</TableRow>\n\t\t\t{isExpanded && renderExpandedRow && (\n\t\t\t\t<TableRow\n\t\t\t\t\tstyle={\n\t\t\t\t\t\tvirtualRow && virtualized\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\ttransform: `translateY(${String(virtualRow.start + virtualRow.size)}px)`,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tclassName={styles.expandedRow}\n\t\t\t\t>\n\t\t\t\t\t<TableCell\n\t\t\t\t\t\tcolSpan={\n\t\t\t\t\t\t\trow.getVisibleCells().length +\n\t\t\t\t\t\t\t(selectable ? 1 : 0) +\n\t\t\t\t\t\t\t(isExpandable ? 1 : 0) +\n\t\t\t\t\t\t\t(reorderable ? 1 : 0)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tclassName={styles.tableCell}\n\t\t\t\t\t>\n\t\t\t\t\t\t{renderExpandedRow(row.original)}\n\t\t\t\t\t</TableCell>\n\t\t\t\t</TableRow>\n\t\t\t)}\n\t\t</React.Fragment>\n\t);\n};\n\nexport default DsTableRow;\n"],"mappings":"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"}
+{"version":3,"file":"ds-table-row.js","names":["React","classnames","useSortable","CSS","DsIcon","DsCheckbox","DsButton","TableCell","TableRow","DsTableCell","DsTableRowProps","styles","stylesShared","useDsTableContext","mergeRefs","getColumnStyle","DsRowDragHandleProps","isDragging","attributes","ReturnType","listeners","DsRowDragHandle","t0","$","_c","t1","tableCell","cellReorder","t2","t3","t4","rowDragHandle","_temp","t5","DsTableRow","ref","row","virtualRow","expandable","expandedRows","selectable","reorderable","onRowClick","onRowDoubleClick","renderExpandedRow","virtualized","bordered","highlightOnHover","rowSize","toggleRowExpanded","primaryRowActions","secondaryRowActions","activeRowId","isExpanded","id","original","isExpandable","isActive","disabled","setNodeRef","transform","transition","String","start","Transform","toString","background","boxShadow","zIndex","position","rowStyle","t6","t7","t8","getIsSelected","undefined","t9","t10","t11","t12","tableRow","sizeSmall","sizeMedium","sizeLarge","virtualizedRow","clickableRow","highlightHoverRow","rowNoBorder","expanded","t13","t14","t15","cellCheckbox","checkboxContainer","getCanSelect","e","stopPropagation","toggleHandler","getToggleSelectedHandler","_temp2","t16","cellButton","e_1","_temp3","expandToggleButton","pageButtonIcon","t17","t18","getVisibleCells","map","cell","idx","isLastColumn","length","cellStyle","column","getSize","t19","t20","size","expandedRow","t21","e_0","e_2"],"sources":["../../../../../src/components/ds-table/components/ds-table-row/ds-table-row.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { DsIcon } from '../../../ds-icon';\nimport { DsCheckbox } from '../../../ds-checkbox';\nimport { DsButton } from '../../../ds-button';\nimport { TableCell, TableRow } from '../core-table';\nimport { DsTableCell } from '../ds-table-cell';\nimport type { DsTableRowProps } from './ds-table-row.types';\nimport styles from './ds-table-row.module.scss';\nimport stylesShared from '../../styles/shared/ds-table-shared.module.scss';\nimport { useDsTableContext } from '../../context/ds-table-context';\nimport { mergeRefs } from '../../utils/merge-refs';\nimport { getColumnStyle } from '../../utils/column-styling';\n\ninterface DsRowDragHandleProps {\n\tisDragging: boolean;\n\tattributes: ReturnType<typeof useSortable>['attributes'];\n\tlisteners: ReturnType<typeof useSortable>['listeners'];\n}\n\nconst DsRowDragHandle = ({ isDragging, attributes, listeners }: DsRowDragHandleProps) => {\n\treturn (\n\t\t<TableCell\n\t\t\tclassName={classnames(styles.tableCell, styles.cellReorder, {\n\t\t\t\t[styles.isDragging]: isDragging,\n\t\t\t})}\n\t\t>\n\t\t\t<DsIcon\n\t\t\t\tclassName={styles.rowDragHandle}\n\t\t\t\ticon={isDragging ? 'drag_indicator' : 'arrow_downward'}\n\t\t\t\tsize={isDragging ? 'medium' : 'small'}\n\t\t\t\tonClick={(e: React.MouseEvent) => e.stopPropagation()}\n\t\t\t\t{...attributes}\n\t\t\t\t{...listeners}\n\t\t\t></DsIcon>\n\t\t</TableCell>\n\t);\n};\n\nconst DsTableRow = <TData,>({ ref, row, virtualRow }: DsTableRowProps<TData>) => {\n\tconst {\n\t\texpandable,\n\t\texpandedRows,\n\t\tselectable,\n\t\treorderable,\n\t\tonRowClick,\n\t\tonRowDoubleClick,\n\t\trenderExpandedRow,\n\t\tvirtualized,\n\t\tbordered,\n\t\thighlightOnHover,\n\t\trowSize,\n\t\ttoggleRowExpanded,\n\t\tprimaryRowActions,\n\t\tsecondaryRowActions,\n\t\tactiveRowId,\n\t} = useDsTableContext<TData, unknown>();\n\tconst isExpanded = expandedRows[row.id];\n\tconst isExpandable = typeof expandable === 'function' ? expandable(row.original) : expandable;\n\tconst isActive = activeRowId === row.id;\n\n\tconst { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n\t\tid: row.id,\n\t\tdisabled: !reorderable,\n\t});\n\tconst rowStyle: React.CSSProperties =\n\t\tvirtualRow && virtualized\n\t\t\t? {\n\t\t\t\t\ttransform: `translateY(${String(virtualRow.start)}px)`,\n\t\t\t\t}\n\t\t\t: reorderable\n\t\t\t\t? {\n\t\t\t\t\t\t// Convert DND-kit's transform coordinates to CSS transform string\n\t\t\t\t\t\ttransform: CSS.Transform.toString(transform),\n\t\t\t\t\t\ttransition,\n\t\t\t\t\t\t...(isDragging\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tbackground: 'var(--action-active-light)',\n\t\t\t\t\t\t\t\t\tboxShadow: '0 0 12px 0 rgba(0, 102, 250, 0.60)',\n\t\t\t\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\tposition: 'relative',\n\t\t\t\t\t}\n\t\t\t\t: {};\n\n\treturn (\n\t\t<React.Fragment key={row.id}>\n\t\t\t<TableRow\n\t\t\t\tref={mergeRefs(reorderable ? setNodeRef : null, ref)}\n\t\t\t\tdata-state={isActive ? 'active' : row.getIsSelected() ? 'selected' : undefined}\n\t\t\t\tclassName={classnames(\n\t\t\t\t\tstyles.tableRow,\n\t\t\t\t\t{\n\t\t\t\t\t\t[styles.sizeSmall]: rowSize === 'small',\n\t\t\t\t\t\t[styles.sizeMedium]: rowSize === 'medium',\n\t\t\t\t\t\t[styles.sizeLarge]: rowSize === 'large',\n\t\t\t\t\t},\n\t\t\t\t\tvirtualized && styles.virtualizedRow,\n\t\t\t\t\tonRowClick && styles.clickableRow,\n\t\t\t\t\thighlightOnHover && styles.highlightHoverRow,\n\t\t\t\t\t!bordered && styles.rowNoBorder,\n\t\t\t\t\tisExpanded && styles.expanded,\n\t\t\t\t)}\n\t\t\t\tstyle={rowStyle}\n\t\t\t\tonClick={() => onRowClick?.(row.original)}\n\t\t\t\tonDoubleClick={() => onRowDoubleClick?.(row.original)}\n\t\t\t>\n\t\t\t\t{selectable && (\n\t\t\t\t\t<TableCell className={classnames(styles.tableCell, styles.cellCheckbox)}>\n\t\t\t\t\t\t<DsCheckbox\n\t\t\t\t\t\t\tclassName={stylesShared.checkboxContainer}\n\t\t\t\t\t\t\tchecked={row.getIsSelected()}\n\t\t\t\t\t\t\tdisabled={!row.getCanSelect()}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\tconst toggleHandler = row.getToggleSelectedHandler();\n\t\t\t\t\t\t\t\ttoggleHandler(e);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonDoubleClick={(e: React.MouseEvent) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TableCell>\n\t\t\t\t)}\n\t\t\t\t{expandable && (\n\t\t\t\t\t<TableCell className={classnames(styles.tableCell, styles.cellButton)}>\n\t\t\t\t\t\t{isExpandable && (\n\t\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\t\tvariant={virtualized ? 'ghost' : 'borderless'}\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={(e: React.MouseEvent) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\ttoggleRowExpanded(row.id);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonDoubleClick={(e: React.MouseEvent) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tclassName={styles.expandToggleButton}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<DsIcon\n\t\t\t\t\t\t\t\t\ticon={virtualized ? (isExpanded ? 'arrow_drop_down' : 'arrow_right') : 'chevron_right'}\n\t\t\t\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\t\t\t\tstylesShared.pageButtonIcon,\n\t\t\t\t\t\t\t\t\t\t!virtualized && isExpanded && 'rotate-90',\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</DsButton>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</TableCell>\n\t\t\t\t)}\n\t\t\t\t{reorderable && (\n\t\t\t\t\t<DsRowDragHandle isDragging={isDragging} attributes={attributes} listeners={listeners} />\n\t\t\t\t)}\n\t\t\t\t{row.getVisibleCells().map((cell, idx) => {\n\t\t\t\t\tconst isLastColumn = idx === row.getVisibleCells().length - 1;\n\t\t\t\t\tconst cellStyle = getColumnStyle(cell.column.getSize(), virtualized, isLastColumn);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<TableCell key={cell.id} className={styles.tableCell} style={cellStyle}>\n\t\t\t\t\t\t\t{isLastColumn ? (\n\t\t\t\t\t\t\t\t<DsTableCell\n\t\t\t\t\t\t\t\t\trow={row}\n\t\t\t\t\t\t\t\t\tcell={cell}\n\t\t\t\t\t\t\t\t\tprimaryRowActions={primaryRowActions}\n\t\t\t\t\t\t\t\t\tsecondaryRowActions={secondaryRowActions}\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<DsTableCell row={row} cell={cell} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</TableRow>\n\t\t\t{isExpanded && renderExpandedRow && (\n\t\t\t\t<TableRow\n\t\t\t\t\tstyle={\n\t\t\t\t\t\tvirtualRow && virtualized\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\ttransform: `translateY(${String(virtualRow.start + virtualRow.size)}px)`,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tclassName={styles.expandedRow}\n\t\t\t\t>\n\t\t\t\t\t<TableCell\n\t\t\t\t\t\tcolSpan={\n\t\t\t\t\t\t\trow.getVisibleCells().length +\n\t\t\t\t\t\t\t(selectable ? 1 : 0) +\n\t\t\t\t\t\t\t(isExpandable ? 1 : 0) +\n\t\t\t\t\t\t\t(reorderable ? 1 : 0)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tclassName={styles.tableCell}\n\t\t\t\t\t>\n\t\t\t\t\t\t{renderExpandedRow(row.original)}\n\t\t\t\t\t</TableCell>\n\t\t\t\t</TableRow>\n\t\t\t)}\n\t\t</React.Fragment>\n\t);\n};\n\nexport default DsTableRow;\n"],"mappings":"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"}

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

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

@@ -51,18 +51,18 @@ const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualiz
 		else setInternalColumnFilters(newFilters);
 	};
 	const columnVisibility = externalColumnVisibility ?? internalColumnVisibility;
-	const handleColumnVisibilityChange = (updaterOrValue) => {
-		const newVisibility = typeof updaterOrValue === "function" ? updaterOrValue(columnVisibility) : updaterOrValue;
+	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) => {
-		const newSorting = typeof updaterOrValue === "function" ? updaterOrValue(sorting) : updaterOrValue;
+	const handleSortingChange = (updaterOrValue_1) => {
+		const newSorting = typeof updaterOrValue_1 === "function" ? updaterOrValue_1(sorting) : updaterOrValue_1;
 		setSorting(newSorting);
 		onSortingChange?.(newSorting);
 	};
-	const handleRowSelectionChange = (updaterOrValue) => {
-		const newRowSelection = typeof updaterOrValue === "function" ? updaterOrValue(rowSelection) : updaterOrValue;
+	const handleRowSelectionChange = (updaterOrValue_2) => {
+		const newRowSelection = typeof updaterOrValue_2 === "function" ? updaterOrValue_2(rowSelection) : updaterOrValue_2;
 		setRowSelection(newRowSelection);
 		onSelectionChange?.(newRowSelection);
 	};
@@ -83,14 +83,14 @@ const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualiz
 			columnVisibility,
 			rowSelection
 		},
-		enableRowSelection: typeof selectable === "function" ? (row) => selectable(row.original) : selectable
+		enableRowSelection: typeof selectable === "function" ? (row_0) => selectable(row_0.original) : selectable
 	});
 	(0, react.useImperativeHandle)(ref, () => ({
 		selectRow: (rowId) => {
 			table.getRow(rowId).toggleSelected(true);
 		},
-		deselectRow: (rowId) => {
-			table.getRow(rowId).toggleSelected(false);
+		deselectRow: (rowId_0) => {
+			table.getRow(rowId_0).toggleSelected(false);
 		},
 		selectAllRows: () => {
 			table.toggleAllRowsSelected(true);
@@ -126,10 +126,10 @@ const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualiz
 			}
 		}
 	});
-	const toggleRowExpanded = (rowId) => {
+	const toggleRowExpanded = (rowId_1) => {
 		setExpandedRows((prev) => ({
 			...prev,
-			[rowId]: !prev[rowId]
+			[rowId_1]: !prev[rowId_1]
 		}));
 	};
 	const renderEmptyState = () => virtualized ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -176,12 +176,12 @@ const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualiz
 					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];
+						const row_1 = rows[virtualRow.index];
 						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_table_row.default, {
-							row,
+							row: row_1,
 							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() })
+						}, 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, {

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

@@ -1,5 +1,5 @@
 import { DsDataTableProps } from "./ds-table.types.cjs";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 
 //#region src/components/ds-table/ds-table.d.ts
 /**
@@ -39,7 +39,7 @@ declare const DsTable: <TData extends {
   columnVisibility: externalColumnVisibility,
   onColumnVisibilityChange,
   activeRowId
-}: DsDataTableProps<TData, TValue>) => react_jsx_runtime12.JSX.Element;
+}: DsDataTableProps<TData, TValue>) => react_jsx_runtime36.JSX.Element;
 //#endregion
 export { DsTable };
 //# sourceMappingURL=ds-table.d.cts.map

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

@@ -49,18 +49,18 @@ const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualiz
 		else setInternalColumnFilters(newFilters);
 	};
 	const columnVisibility = externalColumnVisibility ?? internalColumnVisibility;
-	const handleColumnVisibilityChange = (updaterOrValue) => {
-		const newVisibility = typeof updaterOrValue === "function" ? updaterOrValue(columnVisibility) : updaterOrValue;
+	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) => {
-		const newSorting = typeof updaterOrValue === "function" ? updaterOrValue(sorting) : updaterOrValue;
+	const handleSortingChange = (updaterOrValue_1) => {
+		const newSorting = typeof updaterOrValue_1 === "function" ? updaterOrValue_1(sorting) : updaterOrValue_1;
 		setSorting(newSorting);
 		onSortingChange?.(newSorting);
 	};
-	const handleRowSelectionChange = (updaterOrValue) => {
-		const newRowSelection = typeof updaterOrValue === "function" ? updaterOrValue(rowSelection) : updaterOrValue;
+	const handleRowSelectionChange = (updaterOrValue_2) => {
+		const newRowSelection = typeof updaterOrValue_2 === "function" ? updaterOrValue_2(rowSelection) : updaterOrValue_2;
 		setRowSelection(newRowSelection);
 		onSelectionChange?.(newRowSelection);
 	};
@@ -81,14 +81,14 @@ const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualiz
 			columnVisibility,
 			rowSelection
 		},
-		enableRowSelection: typeof selectable === "function" ? (row) => selectable(row.original) : selectable
+		enableRowSelection: typeof selectable === "function" ? (row_0) => selectable(row_0.original) : selectable
 	});
 	useImperativeHandle(ref, () => ({
 		selectRow: (rowId) => {
 			table.getRow(rowId).toggleSelected(true);
 		},
-		deselectRow: (rowId) => {
-			table.getRow(rowId).toggleSelected(false);
+		deselectRow: (rowId_0) => {
+			table.getRow(rowId_0).toggleSelected(false);
 		},
 		selectAllRows: () => {
 			table.toggleAllRowsSelected(true);
@@ -124,10 +124,10 @@ const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualiz
 			}
 		}
 	});
-	const toggleRowExpanded = (rowId) => {
+	const toggleRowExpanded = (rowId_1) => {
 		setExpandedRows((prev) => ({
 			...prev,
-			[rowId]: !prev[rowId]
+			[rowId_1]: !prev[rowId_1]
 		}));
 	};
 	const renderEmptyState = () => virtualized ? /* @__PURE__ */ jsx("div", {
@@ -174,12 +174,12 @@ const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualiz
 					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];
+						const row_1 = rows[virtualRow.index];
 						return /* @__PURE__ */ jsx(ds_table_row_default, {
-							row,
+							row: row_1,
 							virtualRow
-						}, row.id);
-					}) : renderEmptyState() : /* @__PURE__ */ jsx(SortableWrapper, { children: rows.length ? rows.map((row) => /* @__PURE__ */ jsx(ds_table_row_default, { row }, row.id)) : renderEmptyState() })
+						}, 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, {