@drivenets/design-system 0.0.3 → 0.0.4

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

@@ -3,73 +3,157 @@ import "../../../ds-icon/index.js";
 import ds_button_default from "../../../ds-button/ds-button.js";
 import "../../../ds-button/index.js";
 import ds_table_bulk_actions_module_default from "./ds-table-bulk-actions.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 
 //#region src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.tsx
-const DsTableBulkActions = ({ numSelectedRows, actions, onClearSelection }) => {
+const DsTableBulkActions = (t0) => {
+	const $ = c(25);
+	const { numSelectedRows, actions, onClearSelection } = t0;
 	const [isRendered, setIsRendered] = useState(false);
 	const [animationClass, setAnimationClass] = useState("");
-	useEffect(() => {
-		if (numSelectedRows > 0) {
-			setIsRendered(true);
-			setAnimationClass(ds_table_bulk_actions_module_default.entering);
-		} else if (isRendered) {
-			setAnimationClass(ds_table_bulk_actions_module_default.exiting);
-			const timer = setTimeout(() => {
-				setIsRendered(false);
-				setAnimationClass("");
-			}, 300);
-			return () => clearTimeout(timer);
-		}
-	}, [numSelectedRows, isRendered]);
+	let t1;
+	let t2;
+	if ($[0] !== isRendered || $[1] !== numSelectedRows) {
+		t1 = () => {
+			if (numSelectedRows > 0) {
+				setIsRendered(true);
+				setAnimationClass(ds_table_bulk_actions_module_default.entering);
+			} else if (isRendered) {
+				setAnimationClass(ds_table_bulk_actions_module_default.exiting);
+				const timer = setTimeout(() => {
+					setIsRendered(false);
+					setAnimationClass("");
+				}, 300);
+				return () => clearTimeout(timer);
+			}
+		};
+		t2 = [numSelectedRows, isRendered];
+		$[0] = isRendered;
+		$[1] = numSelectedRows;
+		$[2] = t1;
+		$[3] = t2;
+	} else {
+		t1 = $[2];
+		t2 = $[3];
+	}
+	useEffect(t1, t2);
 	if (!isRendered) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames(ds_table_bulk_actions_module_default.bulkActionsContainer, animationClass),
-		children: [/* @__PURE__ */ jsx("div", {
+	let t3;
+	if ($[4] !== animationClass) {
+		t3 = classNames(ds_table_bulk_actions_module_default.bulkActionsContainer, animationClass);
+		$[4] = animationClass;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = classNames(ds_table_bulk_actions_module_default.selectedCountBadge, ds_table_bulk_actions_module_default.bold);
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== numSelectedRows) {
+		t5 = /* @__PURE__ */ jsx("div", {
 			className: ds_table_bulk_actions_module_default.selectedCountContainer,
 			children: /* @__PURE__ */ jsx("h3", {
-				className: classNames(ds_table_bulk_actions_module_default.selectedCountBadge, ds_table_bulk_actions_module_default.bold),
+				className: t4,
 				children: numSelectedRows
 			})
-		}), /* @__PURE__ */ jsxs("div", {
+		});
+		$[7] = numSelectedRows;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx("span", {
+			className: ds_table_bulk_actions_module_default.bulkActionsInfo,
+			children: "items selected"
+		});
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== actions) {
+		t7 = actions.map(_temp);
+		$[10] = actions;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== t7) {
+		t8 = /* @__PURE__ */ jsx("div", {
+			className: ds_table_bulk_actions_module_default.bulkActionsActions,
+			children: t7
+		});
+		$[12] = t7;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsx(ds_icon_default, { icon: "close" });
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx("span", {
+			className: ds_table_bulk_actions_module_default.medium,
+			children: "Esc"
+		});
+		$[15] = t10;
+	} else t10 = $[15];
+	let t11;
+	if ($[16] !== onClearSelection) {
+		t11 = /* @__PURE__ */ jsxs(ds_button_default, {
+			variant: "borderless",
+			size: "small",
+			color: "neutral-2",
+			contentClassName: ds_table_bulk_actions_module_default.escapeButtonContent,
+			onClick: onClearSelection,
+			children: [t9, t10]
+		});
+		$[16] = onClearSelection;
+		$[17] = t11;
+	} else t11 = $[17];
+	let t12;
+	if ($[18] !== t11 || $[19] !== t8) {
+		t12 = /* @__PURE__ */ jsxs("div", {
 			className: ds_table_bulk_actions_module_default.bulkActionsContent,
 			children: [
-				/* @__PURE__ */ jsx("span", {
-					className: ds_table_bulk_actions_module_default.bulkActionsInfo,
-					children: "items selected"
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: ds_table_bulk_actions_module_default.bulkActionsActions,
-					children: actions.map((action, index) => /* @__PURE__ */ jsxs(ds_button_default, {
-						variant: "borderless",
-						size: "small",
-						className: ds_table_bulk_actions_module_default.actionButton,
-						contentClassName: ds_table_bulk_actions_module_default.actionButtonContent,
-						onClick: action.onClick,
-						children: [/* @__PURE__ */ jsx(ds_icon_default, { icon: action.icon }), /* @__PURE__ */ jsx("span", {
-							className: (ds_table_bulk_actions_module_default["p-s"], ds_table_bulk_actions_module_default.medium),
-							children: action.label
-						})]
-					}, index))
-				}),
-				/* @__PURE__ */ jsxs(ds_button_default, {
-					variant: "borderless",
-					size: "small",
-					color: "neutral-2",
-					contentClassName: ds_table_bulk_actions_module_default.escapeButtonContent,
-					onClick: onClearSelection,
-					children: [/* @__PURE__ */ jsx(ds_icon_default, { icon: "close" }), /* @__PURE__ */ jsx("span", {
-						className: (ds_table_bulk_actions_module_default["p-s"], ds_table_bulk_actions_module_default.medium),
-						children: "Esc"
-					})]
-				})
+				t6,
+				t8,
+				t11
 			]
-		})]
-	});
+		});
+		$[18] = t11;
+		$[19] = t8;
+		$[20] = t12;
+	} else t12 = $[20];
+	let t13;
+	if ($[21] !== t12 || $[22] !== t3 || $[23] !== t5) {
+		t13 = /* @__PURE__ */ jsxs("div", {
+			className: t3,
+			children: [t5, t12]
+		});
+		$[21] = t12;
+		$[22] = t3;
+		$[23] = t5;
+		$[24] = t13;
+	} else t13 = $[24];
+	return t13;
 };
 var ds_table_bulk_actions_default = DsTableBulkActions;
+function _temp(action, index) {
+	return /* @__PURE__ */ jsxs(ds_button_default, {
+		variant: "borderless",
+		size: "small",
+		className: ds_table_bulk_actions_module_default.actionButton,
+		contentClassName: ds_table_bulk_actions_module_default.actionButtonContent,
+		onClick: action.onClick,
+		children: [/* @__PURE__ */ jsx(ds_icon_default, { icon: action.icon }), /* @__PURE__ */ jsx("span", {
+			className: ds_table_bulk_actions_module_default.medium,
+			children: action.label
+		})]
+	}, index);
+}
 
 //#endregion
 export { ds_table_bulk_actions_default as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ds-table-bulk-actions.js","names":["DsTableBulkActions: React.FC<BulkActionsProps>","styles","classnames","DsButton","DsIcon"],"sources":["../../../../../src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.tsx"],"sourcesContent":["import type React from 'react';\nimport { useEffect, useState } from 'react';\nimport classnames from 'classnames';\nimport { DsButton } from '../../../ds-button';\nimport { DsIcon } from '../../../ds-icon';\nimport styles from './ds-table-bulk-actions.module.scss';\nimport type { BulkActionsProps } from './ds-table-bulk-actions.types';\n\nconst DsTableBulkActions: React.FC<BulkActionsProps> = ({ numSelectedRows, actions, onClearSelection }) => {\n\tconst [isRendered, setIsRendered] = useState(false);\n\tconst [animationClass, setAnimationClass] = useState('');\n\n\tuseEffect(() => {\n\t\tif (numSelectedRows > 0) {\n\t\t\tsetIsRendered(true);\n\t\t\tsetAnimationClass(styles.entering);\n\t\t} else if (isRendered) {\n\t\t\tsetAnimationClass(styles.exiting);\n\t\t\tconst timer = setTimeout(() => {\n\t\t\t\tsetIsRendered(false);\n\t\t\t\tsetAnimationClass('');\n\t\t\t}, 300);\n\t\t\treturn () => clearTimeout(timer);\n\t\t}\n\t}, [numSelectedRows, isRendered]);\n\n\tif (!isRendered) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className={classnames(styles.bulkActionsContainer, animationClass)}>\n\t\t\t<div className={styles.selectedCountContainer}>\n\t\t\t\t<h3 className={classnames(styles.selectedCountBadge, styles.bold)}>{numSelectedRows}</h3>\n\t\t\t</div>\n\t\t\t<div className={styles.bulkActionsContent}>\n\t\t\t\t<span className={styles.bulkActionsInfo}>items selected</span>\n\n\t\t\t\t<div className={styles.bulkActionsActions}>\n\t\t\t\t\t{actions.map((action, index) => (\n\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tvariant=\"borderless\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tclassName={styles.actionButton}\n\t\t\t\t\t\t\tcontentClassName={styles.actionButtonContent}\n\t\t\t\t\t\t\tonClick={action.onClick}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon={action.icon} />\n\t\t\t\t\t\t\t<span className={(styles['p-s'], styles.medium)}>{action.label}</span>\n\t\t\t\t\t\t</DsButton>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\n\t\t\t\t<DsButton\n\t\t\t\t\tvariant=\"borderless\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tcolor=\"neutral-2\"\n\t\t\t\t\tcontentClassName={styles.escapeButtonContent}\n\t\t\t\t\tonClick={onClearSelection}\n\t\t\t\t>\n\t\t\t\t\t<DsIcon icon=\"close\" />\n\t\t\t\t\t<span className={(styles['p-s'], styles.medium)}>Esc</span>\n\t\t\t\t</DsButton>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default DsTableBulkActions;\n"],"mappings":";;;;;;;;;;AAQA,MAAMA,sBAAkD,EAAE,iBAAiB,SAAS,uBAAuB;CAC1G,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,GAAG;AAExD,iBAAgB;AACf,MAAI,kBAAkB,GAAG;AACxB,iBAAc,KAAK;AACnB,qBAAkBC,qCAAO,SAAS;aACxB,YAAY;AACtB,qBAAkBA,qCAAO,QAAQ;GACjC,MAAM,QAAQ,iBAAiB;AAC9B,kBAAc,MAAM;AACpB,sBAAkB,GAAG;MACnB,IAAI;AACP,gBAAa,aAAa,MAAM;;IAE/B,CAAC,iBAAiB,WAAW,CAAC;AAEjC,KAAI,CAAC,WACJ,QAAO;AAGR,QACC,qBAAC;EAAI,WAAWC,WAAWD,qCAAO,sBAAsB,eAAe;aACtE,oBAAC;GAAI,WAAWA,qCAAO;aACtB,oBAAC;IAAG,WAAWC,WAAWD,qCAAO,oBAAoBA,qCAAO,KAAK;cAAG;KAAqB;IACpF,EACN,qBAAC;GAAI,WAAWA,qCAAO;;IACtB,oBAAC;KAAK,WAAWA,qCAAO;eAAiB;MAAqB;IAE9D,oBAAC;KAAI,WAAWA,qCAAO;eACrB,QAAQ,KAAK,QAAQ,UACrB,qBAACE;MAEA,SAAQ;MACR,MAAK;MACL,WAAWF,qCAAO;MAClB,kBAAkBA,qCAAO;MACzB,SAAS,OAAO;iBAEhB,oBAACG,mBAAO,MAAM,OAAO,OAAQ,EAC7B,oBAAC;OAAK,YAAYH,qCAAO,QAAQA,qCAAO;iBAAU,OAAO;QAAa;QARjE,MASK,CACV;MACG;IAEN,qBAACE;KACA,SAAQ;KACR,MAAK;KACL,OAAM;KACN,kBAAkBF,qCAAO;KACzB,SAAS;gBAET,oBAACG,mBAAO,MAAK,UAAU,EACvB,oBAAC;MAAK,YAAYH,qCAAO,QAAQA,qCAAO;gBAAS;OAAU;MACjD;;IACN;GACD;;AAIR,oCAAe"}
+{"version":3,"file":"ds-table-bulk-actions.js","names":["React","useEffect","useState","classnames","DsButton","DsIcon","styles","BulkActionsProps","DsTableBulkActions","FC","t0","$","_c","numSelectedRows","actions","onClearSelection","isRendered","setIsRendered","animationClass","setAnimationClass","t1","t2","entering","exiting","timer","setTimeout","clearTimeout","t3","bulkActionsContainer","t4","Symbol","for","selectedCountBadge","bold","t5","selectedCountContainer","t6","bulkActionsInfo","t7","map","_temp","t8","bulkActionsActions","t9","t10","medium","t11","escapeButtonContent","t12","bulkActionsContent","t13","action","index","actionButton","actionButtonContent","onClick","icon","label"],"sources":["../../../../../src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.tsx"],"sourcesContent":["import type React from 'react';\nimport { useEffect, useState } from 'react';\nimport classnames from 'classnames';\nimport { DsButton } from '../../../ds-button';\nimport { DsIcon } from '../../../ds-icon';\nimport styles from './ds-table-bulk-actions.module.scss';\nimport type { BulkActionsProps } from './ds-table-bulk-actions.types';\n\nconst DsTableBulkActions: React.FC<BulkActionsProps> = ({ numSelectedRows, actions, onClearSelection }) => {\n\tconst [isRendered, setIsRendered] = useState(false);\n\tconst [animationClass, setAnimationClass] = useState('');\n\n\tuseEffect(() => {\n\t\tif (numSelectedRows > 0) {\n\t\t\tsetIsRendered(true);\n\t\t\tsetAnimationClass(styles.entering);\n\t\t} else if (isRendered) {\n\t\t\tsetAnimationClass(styles.exiting);\n\t\t\tconst timer = setTimeout(() => {\n\t\t\t\tsetIsRendered(false);\n\t\t\t\tsetAnimationClass('');\n\t\t\t}, 300);\n\t\t\treturn () => clearTimeout(timer);\n\t\t}\n\t}, [numSelectedRows, isRendered]);\n\n\tif (!isRendered) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className={classnames(styles.bulkActionsContainer, animationClass)}>\n\t\t\t<div className={styles.selectedCountContainer}>\n\t\t\t\t<h3 className={classnames(styles.selectedCountBadge, styles.bold)}>{numSelectedRows}</h3>\n\t\t\t</div>\n\t\t\t<div className={styles.bulkActionsContent}>\n\t\t\t\t<span className={styles.bulkActionsInfo}>items selected</span>\n\n\t\t\t\t<div className={styles.bulkActionsActions}>\n\t\t\t\t\t{actions.map((action, index) => (\n\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tvariant=\"borderless\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tclassName={styles.actionButton}\n\t\t\t\t\t\t\tcontentClassName={styles.actionButtonContent}\n\t\t\t\t\t\t\tonClick={action.onClick}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon={action.icon} />\n\t\t\t\t\t\t\t<span className={(styles['p-s'], styles.medium)}>{action.label}</span>\n\t\t\t\t\t\t</DsButton>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\n\t\t\t\t<DsButton\n\t\t\t\t\tvariant=\"borderless\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tcolor=\"neutral-2\"\n\t\t\t\t\tcontentClassName={styles.escapeButtonContent}\n\t\t\t\t\tonClick={onClearSelection}\n\t\t\t\t>\n\t\t\t\t\t<DsIcon icon=\"close\" />\n\t\t\t\t\t<span className={(styles['p-s'], styles.medium)}>Esc</span>\n\t\t\t\t</DsButton>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default DsTableBulkActions;\n"],"mappings":"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"}

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

@@ -4,75 +4,172 @@ require('../../../ds-icon/index.cjs');
 const require_ds_dropdown_menu = require('../../../ds-dropdown-menu/ds-dropdown-menu.cjs');
 require('../../../ds-dropdown-menu/index.cjs');
 const require_ds_table_cell_module = require('./ds-table-cell.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");
 let __tanstack_react_table = require("@tanstack/react-table");
 
 //#region src/components/ds-table/components/ds-table-cell/ds-table-cell.tsx
-const DsDefaultTableCell = ({ cell }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_ds_table_cell_module.default.tableCellEllipsis,
-		children: (0, __tanstack_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext())
-	});
+const DsDefaultTableCell = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(4);
+	const { cell } = t0;
+	let t1;
+	if ($[0] !== cell) {
+		t1 = (0, __tanstack_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext());
+		$[0] = cell;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_ds_table_cell_module.default.tableCellEllipsis,
+			children: t1
+		});
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
 };
-const DsTableCell = ({ row, cell, primaryRowActions = [], secondaryRowActions = [] }) => {
+const DsTableCell = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(28);
+	const { row, cell, primaryRowActions: t1, secondaryRowActions: t2 } = t0;
+	let t3;
+	if ($[0] !== t1) {
+		t3 = t1 === void 0 ? [] : t1;
+		$[0] = t1;
+		$[1] = t3;
+	} else t3 = $[1];
+	const primaryRowActions = t3;
+	let t4;
+	if ($[2] !== t2) {
+		t4 = t2 === void 0 ? [] : t2;
+		$[2] = t2;
+		$[3] = t4;
+	} else t4 = $[3];
+	const secondaryRowActions = t4;
 	if (primaryRowActions.length || secondaryRowActions.length) {
-		const hasSecondaryRowActions = secondaryRowActions.some((action) => !action.disabled?.(row.original));
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: require_ds_table_cell_module.default.lastCell,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsDefaultTableCell, { cell }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: require_ds_table_cell_module.default.cellActions,
-				children: [primaryRowActions.map((action, i) => {
-					const isDisabled = action.disabled?.(row.original);
-					const label = typeof action.label === "function" ? action.label(row.original) : action.label;
+		let t5$1;
+		if ($[4] !== row || $[5] !== secondaryRowActions) {
+			let t6$1;
+			if ($[7] !== row) {
+				t6$1 = (action) => !action.disabled?.(row.original);
+				$[7] = row;
+				$[8] = t6$1;
+			} else t6$1 = $[8];
+			t5$1 = secondaryRowActions.some(t6$1);
+			$[4] = row;
+			$[5] = secondaryRowActions;
+			$[6] = t5$1;
+		} else t5$1 = $[6];
+		const hasSecondaryRowActions = t5$1;
+		let t6;
+		if ($[9] !== cell) {
+			t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsDefaultTableCell, { cell });
+			$[9] = cell;
+			$[10] = t6;
+		} else t6 = $[10];
+		let t7;
+		if ($[11] !== primaryRowActions || $[12] !== row) {
+			let t8$1;
+			if ($[14] !== row) {
+				t8$1 = (action_0, i) => {
+					const isDisabled = action_0.disabled?.(row.original);
+					const label = typeof action_0.label === "function" ? action_0.label(row.original) : action_0.label;
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						className: (0, classnames.default)(require_ds_table_cell_module.default.rowActionIcon, { [require_ds_table_cell_module.default.disabled]: isDisabled }),
-						title: action.tooltip || label,
+						title: action_0.tooltip || label,
 						onClick: (e) => {
 							e.stopPropagation();
 							if (isDisabled) return;
-							action.onClick(row.original);
+							action_0.onClick(row.original);
 						},
 						tabIndex: isDisabled ? -1 : 0,
 						"aria-label": label,
 						"aria-disabled": isDisabled,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-							icon: action.icon,
+							icon: action_0.icon,
 							size: "tiny"
 						})
 					}, i);
-				}), hasSecondaryRowActions && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_dropdown_menu.DsDropdownMenu.Root, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_dropdown_menu.DsDropdownMenu.Trigger, {
-					className: (0, classnames.default)(require_ds_table_cell_module.default.rowActionIcon, require_ds_table_cell_module.default.secondaryActionsTrigger),
+				};
+				$[14] = row;
+				$[15] = t8$1;
+			} else t8$1 = $[15];
+			t7 = primaryRowActions.map(t8$1);
+			$[11] = primaryRowActions;
+			$[12] = row;
+			$[13] = t7;
+		} else t7 = $[13];
+		let t8;
+		if ($[16] !== hasSecondaryRowActions || $[17] !== row || $[18] !== secondaryRowActions) {
+			t8 = hasSecondaryRowActions && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_dropdown_menu.DsDropdownMenu.Root, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_dropdown_menu.DsDropdownMenu.Trigger, {
+				className: (0, classnames.default)(require_ds_table_cell_module.default.rowActionIcon, require_ds_table_cell_module.default.secondaryActionsTrigger),
+				"aria-label": "More actions",
+				asChild: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					title: "More actions",
 					"aria-label": "More actions",
-					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						title: "More actions",
-						"aria-label": "More actions",
-						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-							icon: "more_vert",
-							size: "tiny"
-						})
+					onClick: _temp,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+						icon: "more_vert",
+						size: "tiny"
 					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_dropdown_menu.DsDropdownMenu.Content, { children: secondaryRowActions.map((action, i) => {
-					const label = typeof action.label === "function" ? action.label(row.original) : action.label;
-					const isDisabled = action.disabled?.(row.original);
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_dropdown_menu.DsDropdownMenu.Item, {
-						value: label,
-						disabled: isDisabled,
-						onClick: (e) => e.stopPropagation(),
-						onSelect: () => action.onClick(row.original),
-						children: [action.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, { icon: action.icon }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
-					}, i);
-				}) })] })]
-			})]
-		});
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_dropdown_menu.DsDropdownMenu.Content, { children: secondaryRowActions.map((action_1, i_0) => {
+				const label_0 = typeof action_1.label === "function" ? action_1.label(row.original) : action_1.label;
+				const isDisabled_0 = action_1.disabled?.(row.original);
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_dropdown_menu.DsDropdownMenu.Item, {
+					value: label_0,
+					disabled: isDisabled_0,
+					onClick: _temp2,
+					onSelect: () => action_1.onClick(row.original),
+					children: [action_1.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, { icon: action_1.icon }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label_0 })]
+				}, i_0);
+			}) })] });
+			$[16] = hasSecondaryRowActions;
+			$[17] = row;
+			$[18] = secondaryRowActions;
+			$[19] = t8;
+		} else t8 = $[19];
+		let t9;
+		if ($[20] !== t7 || $[21] !== t8) {
+			t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: require_ds_table_cell_module.default.cellActions,
+				children: [t7, t8]
+			});
+			$[20] = t7;
+			$[21] = t8;
+			$[22] = t9;
+		} else t9 = $[22];
+		let t10;
+		if ($[23] !== t6 || $[24] !== t9) {
+			t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: require_ds_table_cell_module.default.lastCell,
+				children: [t6, t9]
+			});
+			$[23] = t6;
+			$[24] = t9;
+			$[25] = t10;
+		} else t10 = $[25];
+		return t10;
 	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsDefaultTableCell, { cell });
+	let t5;
+	if ($[26] !== cell) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsDefaultTableCell, { cell });
+		$[26] = cell;
+		$[27] = t5;
+	} else t5 = $[27];
+	return t5;
 };
+function _temp(e_0) {
+	return e_0.stopPropagation();
+}
+function _temp2(e_1) {
+	return e_1.stopPropagation();
+}
 
 //#endregion
 exports.DsTableCell = DsTableCell;