@drivenets/design-system 0.0.3 → 0.0.4

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

@@ -14,6 +14,7 @@ const require_column_styling = require('../../utils/column-styling.cjs');
 const require_ds_table_cell = require('../ds-table-cell/ds-table-cell.cjs');
 require('../ds-table-cell/index.cjs');
 const require_ds_table_row_module = require('./ds-table-row.module.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -23,118 +24,289 @@ let __dnd_kit_sortable = require("@dnd-kit/sortable");
 let __dnd_kit_utilities = require("@dnd-kit/utilities");
 
 //#region src/components/ds-table/components/ds-table-row/ds-table-row.tsx
-const DsRowDragHandle = ({ isDragging, attributes, listeners }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
-		className: (0, classnames.default)(require_ds_table_row_module.default.tableCell, require_ds_table_row_module.default.cellReorder, { [require_ds_table_row_module.default.isDragging]: isDragging }),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+const DsRowDragHandle = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(10);
+	const { isDragging, attributes, listeners } = t0;
+	let t1;
+	if ($[0] !== isDragging) {
+		t1 = (0, classnames.default)(require_ds_table_row_module.default.tableCell, require_ds_table_row_module.default.cellReorder, { [require_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__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
 			className: require_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__ */ (0, react_jsx_runtime.jsx)(require_core_table.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 $ = (0, react_compiler_runtime.c)(75);
+	const { ref, row, virtualRow } = t0;
 	const { expandable, expandedRows, selectable, reorderable, onRowClick, onRowDoubleClick, renderExpandedRow, virtualized, bordered, highlightOnHover, rowSize, toggleRowExpanded, primaryRowActions, secondaryRowActions, activeRowId } = require_ds_table_context.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 } = (0, __dnd_kit_sortable.useSortable)({
-		id: row.id,
-		disabled: !reorderable
-	});
-	const rowStyle = virtualRow && virtualized ? { transform: `translateY(${String(virtualRow.start)}px)` } : reorderable ? {
-		transform: __dnd_kit_utilities.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__ */ (0, react_jsx_runtime.jsxs)(react.default.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_core_table.TableRow, {
-		ref: require_merge_refs.mergeRefs(reorderable ? setNodeRef : null, ref),
-		"data-state": isActive ? "active" : row.getIsSelected() ? "selected" : void 0,
-		className: (0, classnames.default)(require_ds_table_row_module.default.tableRow, {
-			[require_ds_table_row_module.default.sizeSmall]: rowSize === "small",
-			[require_ds_table_row_module.default.sizeMedium]: rowSize === "medium",
-			[require_ds_table_row_module.default.sizeLarge]: rowSize === "large"
-		}, virtualized && require_ds_table_row_module.default.virtualizedRow, onRowClick && require_ds_table_row_module.default.clickableRow, highlightOnHover && require_ds_table_row_module.default.highlightHoverRow, !bordered && require_ds_table_row_module.default.rowNoBorder, isExpanded && require_ds_table_row_module.default.expanded),
-		style: rowStyle,
-		onClick: () => onRowClick?.(row.original),
-		onDoubleClick: () => onRowDoubleClick?.(row.original),
-		children: [
-			selectable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
-				className: (0, classnames.default)(require_ds_table_row_module.default.tableCell, require_ds_table_row_module.default.cellCheckbox),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_checkbox.default, {
-					className: require_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 } = (0, __dnd_kit_sortable.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: __dnd_kit_utilities.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 = require_merge_refs.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 = (0, classnames.default)(require_ds_table_row_module.default.tableRow, {
+			[require_ds_table_row_module.default.sizeSmall]: t9,
+			[require_ds_table_row_module.default.sizeMedium]: t10,
+			[require_ds_table_row_module.default.sizeLarge]: t11
+		}, virtualized && require_ds_table_row_module.default.virtualizedRow, onRowClick && require_ds_table_row_module.default.clickableRow, highlightOnHover && require_ds_table_row_module.default.highlightHoverRow, !bordered && require_ds_table_row_module.default.rowNoBorder, isExpanded && require_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__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
+			className: (0, classnames.default)(require_ds_table_row_module.default.tableCell, require_ds_table_row_module.default.cellCheckbox),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_checkbox.default, {
+				className: require_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__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
+			className: (0, classnames.default)(require_ds_table_row_module.default.tableCell, require_ds_table_row_module.default.cellButton),
+			children: isExpandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
+				variant: virtualized ? "ghost" : "borderless",
+				size: "small",
+				onClick: (e_1) => {
+					e_1.stopPropagation();
+					toggleRowExpanded(row.id);
+				},
+				onDoubleClick: _temp3,
+				className: require_ds_table_row_module.default.expandToggleButton,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+					icon: virtualized ? isExpanded ? "arrow_drop_down" : "arrow_right" : "chevron_right",
+					className: (0, classnames.default)(require_ds_table_shared_module.default.pageButtonIcon, !virtualized && isExpanded && "rotate-90")
 				})
-			}),
-			expandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
-				className: (0, classnames.default)(require_ds_table_row_module.default.tableCell, require_ds_table_row_module.default.cellButton),
-				children: isExpandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
-					variant: virtualized ? "ghost" : "borderless",
-					size: "small",
-					onClick: (e) => {
-						e.stopPropagation();
-						toggleRowExpanded(row.id);
-					},
-					onDoubleClick: (e) => {
-						e.stopPropagation();
-					},
-					className: require_ds_table_row_module.default.expandToggleButton,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-						icon: virtualized ? isExpanded ? "arrow_drop_down" : "arrow_right" : "chevron_right",
-						className: (0, classnames.default)(require_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__ */ (0, react_jsx_runtime.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 = require_column_styling.getColumnStyle(cell.column.getSize(), virtualized, isLastColumn);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
+				className: require_ds_table_row_module.default.tableCell,
+				style: cellStyle,
+				children: isLastColumn ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_table_cell.DsTableCell, {
+					row,
+					cell,
+					primaryRowActions,
+					secondaryRowActions
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_table_cell.DsTableCell, {
+					row,
+					cell
 				})
-			}),
-			reorderable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsRowDragHandle, {
-				isDragging,
-				attributes,
-				listeners
-			}),
-			row.getVisibleCells().map((cell, idx) => {
-				const isLastColumn = idx === row.getVisibleCells().length - 1;
-				const cellStyle = require_column_styling.getColumnStyle(cell.column.getSize(), virtualized, isLastColumn);
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
-					className: require_ds_table_row_module.default.tableCell,
-					style: cellStyle,
-					children: isLastColumn ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_table_cell.DsTableCell, {
-						row,
-						cell,
-						primaryRowActions,
-						secondaryRowActions
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_table_cell.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__ */ (0, react_jsx_runtime.jsxs)(require_core_table.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__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableRow, {
+			style: virtualRow && virtualized ? { transform: `translateY(${String(virtualRow.start + virtualRow.size)}px)` } : void 0,
+			className: require_ds_table_row_module.default.expandedRow,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
+				colSpan: row.getVisibleCells().length + (selectable ? 1 : 0) + (isExpandable ? 1 : 0) + (reorderable ? 1 : 0),
+				className: require_ds_table_row_module.default.tableCell,
+				children: renderExpandedRow(row.original)
 			})
-		]
-	}), isExpanded && renderExpandedRow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableRow, {
-		style: virtualRow && virtualized ? { transform: `translateY(${String(virtualRow.start + virtualRow.size)}px)` } : void 0,
-		className: require_ds_table_row_module.default.expandedRow,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
-			colSpan: row.getVisibleCells().length + (selectable ? 1 : 0) + (isExpandable ? 1 : 0) + (reorderable ? 1 : 0),
-			className: require_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__ */ (0, react_jsx_runtime.jsxs)(react.default.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
 exports.default = ds_table_row_default;