@drivenets/design-system 0.0.3 → 0.0.5

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;

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

@@ -3,74 +3,171 @@ import "../../../ds-icon/index.js";
 import { DsDropdownMenu } from "../../../ds-dropdown-menu/ds-dropdown-menu.js";
 import "../../../ds-dropdown-menu/index.js";
 import ds_table_cell_module_default from "./ds-table-cell.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { flexRender } from "@tanstack/react-table";
 
 //#region src/components/ds-table/components/ds-table-cell/ds-table-cell.tsx
-const DsDefaultTableCell = ({ cell }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: ds_table_cell_module_default.tableCellEllipsis,
-		children: flexRender(cell.column.columnDef.cell, cell.getContext())
-	});
+const DsDefaultTableCell = (t0) => {
+	const $ = c(4);
+	const { cell } = t0;
+	let t1;
+	if ($[0] !== cell) {
+		t1 = flexRender(cell.column.columnDef.cell, cell.getContext());
+		$[0] = cell;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: 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 $ = 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__ */ jsxs("div", {
-			className: ds_table_cell_module_default.lastCell,
-			children: [/* @__PURE__ */ jsx(DsDefaultTableCell, { cell }), /* @__PURE__ */ jsxs("div", {
-				className: 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__ */ 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__ */ jsx("button", {
 						type: "button",
 						className: classNames(ds_table_cell_module_default.rowActionIcon, { [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__ */ jsx(ds_icon_default, {
-							icon: action.icon,
+							icon: action_0.icon,
 							size: "tiny"
 						})
 					}, i);
-				}), hasSecondaryRowActions && /* @__PURE__ */ jsxs(DsDropdownMenu.Root, { children: [/* @__PURE__ */ jsx(DsDropdownMenu.Trigger, {
-					className: classNames(ds_table_cell_module_default.rowActionIcon, 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__ */ jsxs(DsDropdownMenu.Root, { children: [/* @__PURE__ */ jsx(DsDropdownMenu.Trigger, {
+				className: classNames(ds_table_cell_module_default.rowActionIcon, ds_table_cell_module_default.secondaryActionsTrigger),
+				"aria-label": "More actions",
+				asChild: true,
+				children: /* @__PURE__ */ jsx("button", {
+					type: "button",
+					title: "More actions",
 					"aria-label": "More actions",
-					asChild: true,
-					children: /* @__PURE__ */ jsx("button", {
-						type: "button",
-						title: "More actions",
-						"aria-label": "More actions",
-						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ jsx(ds_icon_default, {
-							icon: "more_vert",
-							size: "tiny"
-						})
+					onClick: _temp,
+					children: /* @__PURE__ */ jsx(ds_icon_default, {
+						icon: "more_vert",
+						size: "tiny"
 					})
-				}), /* @__PURE__ */ jsx(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__ */ jsxs(DsDropdownMenu.Item, {
-						value: label,
-						disabled: isDisabled,
-						onClick: (e) => e.stopPropagation(),
-						onSelect: () => action.onClick(row.original),
-						children: [action.icon && /* @__PURE__ */ jsx(ds_icon_default, { icon: action.icon }), /* @__PURE__ */ jsx("span", { children: label })]
-					}, i);
-				}) })] })]
-			})]
-		});
+				})
+			}), /* @__PURE__ */ jsx(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__ */ jsxs(DsDropdownMenu.Item, {
+					value: label_0,
+					disabled: isDisabled_0,
+					onClick: _temp2,
+					onSelect: () => action_1.onClick(row.original),
+					children: [action_1.icon && /* @__PURE__ */ jsx(ds_icon_default, { icon: action_1.icon }), /* @__PURE__ */ 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__ */ jsxs("div", {
+				className: 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__ */ jsxs("div", {
+				className: ds_table_cell_module_default.lastCell,
+				children: [t6, t9]
+			});
+			$[23] = t6;
+			$[24] = t9;
+			$[25] = t10;
+		} else t10 = $[25];
+		return t10;
 	}
-	return /* @__PURE__ */ jsx(DsDefaultTableCell, { cell });
+	let t5;
+	if ($[26] !== cell) {
+		t5 = /* @__PURE__ */ 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
 export { DsTableCell };

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

@@ -1 +1 @@
-{"version":3,"file":"ds-table-cell.js","names":["styles","classnames","DsIcon"],"sources":["../../../../../src/components/ds-table/components/ds-table-cell/ds-table-cell.tsx"],"sourcesContent":["import { type Cell, flexRender } from '@tanstack/react-table';\nimport classnames from 'classnames';\nimport { DsIcon } from '../../../ds-icon';\nimport { DsDropdownMenu } from '../../../ds-dropdown-menu';\nimport styles from './ds-table-cell.module.scss';\nimport type { DsTableCellProps } from './ds-table-cell.types';\n\nconst DsDefaultTableCell = <TData, TValue>({ cell }: { cell: Cell<TData, TValue> }) => {\n\treturn (\n\t\t<div className={styles.tableCellEllipsis}>\n\t\t\t{flexRender(cell.column.columnDef.cell, cell.getContext())}\n\t\t</div>\n\t);\n};\n\nexport const DsTableCell = <TData, TValue>({\n\trow,\n\tcell,\n\tprimaryRowActions = [],\n\tsecondaryRowActions = [],\n}: DsTableCellProps<TData, TValue>) => {\n\tif (primaryRowActions.length || secondaryRowActions.length) {\n\t\tconst hasSecondaryRowActions = secondaryRowActions.some((action) => !action.disabled?.(row.original));\n\t\treturn (\n\t\t\t<div className={styles.lastCell}>\n\t\t\t\t<DsDefaultTableCell cell={cell} />\n\t\t\t\t<div className={styles.cellActions}>\n\t\t\t\t\t{primaryRowActions.map((action, i) => {\n\t\t\t\t\t\tconst isDisabled = action.disabled?.(row.original);\n\t\t\t\t\t\tconst label = typeof action.label === 'function' ? action.label(row.original) : action.label;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclassName={classnames(styles.rowActionIcon, { [styles.disabled]: isDisabled })}\n\t\t\t\t\t\t\t\ttitle={action.tooltip || label}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation();\n\n\t\t\t\t\t\t\t\t\tif (isDisabled) {\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taction.onClick(row.original);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ttabIndex={isDisabled ? -1 : 0}\n\t\t\t\t\t\t\t\taria-label={label}\n\t\t\t\t\t\t\t\taria-disabled={isDisabled}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<DsIcon icon={action.icon} size=\"tiny\" />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\t{hasSecondaryRowActions && (\n\t\t\t\t\t\t<DsDropdownMenu.Root>\n\t\t\t\t\t\t\t<DsDropdownMenu.Trigger\n\t\t\t\t\t\t\t\tclassName={classnames(styles.rowActionIcon, styles.secondaryActionsTrigger)}\n\t\t\t\t\t\t\t\taria-label=\"More actions\"\n\t\t\t\t\t\t\t\tasChild\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\ttitle=\"More actions\"\n\t\t\t\t\t\t\t\t\taria-label=\"More actions\"\n\t\t\t\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<DsIcon icon=\"more_vert\" size=\"tiny\" />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</DsDropdownMenu.Trigger>\n\t\t\t\t\t\t\t<DsDropdownMenu.Content>\n\t\t\t\t\t\t\t\t{secondaryRowActions.map((action, i) => {\n\t\t\t\t\t\t\t\t\tconst label =\n\t\t\t\t\t\t\t\t\t\ttypeof action.label === 'function' ? action.label(row.original) : action.label;\n\t\t\t\t\t\t\t\t\tconst isDisabled = action.disabled?.(row.original);\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<DsDropdownMenu.Item\n\t\t\t\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\t\t\t\tvalue={label}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\t\t\t\t\tonSelect={() => action.onClick(row.original)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{action.icon && <DsIcon icon={action.icon} />}\n\t\t\t\t\t\t\t\t\t\t\t<span>{label}</span>\n\t\t\t\t\t\t\t\t\t\t</DsDropdownMenu.Item>\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</DsDropdownMenu.Content>\n\t\t\t\t\t\t</DsDropdownMenu.Root>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn <DsDefaultTableCell cell={cell} />;\n};\n"],"mappings":";;;;;;;;;;AAOA,MAAM,sBAAqC,EAAE,WAA0C;AACtF,QACC,oBAAC;EAAI,WAAWA,6BAAO;YACrB,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY,CAAC;GACrD;;AAIR,MAAa,eAA8B,EAC1C,KACA,MACA,oBAAoB,EAAE,EACtB,sBAAsB,EAAE,OACc;AACtC,KAAI,kBAAkB,UAAU,oBAAoB,QAAQ;EAC3D,MAAM,yBAAyB,oBAAoB,MAAM,WAAW,CAAC,OAAO,WAAW,IAAI,SAAS,CAAC;AACrG,SACC,qBAAC;GAAI,WAAWA,6BAAO;cACtB,oBAAC,sBAAyB,OAAQ,EAClC,qBAAC;IAAI,WAAWA,6BAAO;eACrB,kBAAkB,KAAK,QAAQ,MAAM;KACrC,MAAM,aAAa,OAAO,WAAW,IAAI,SAAS;KAClD,MAAM,QAAQ,OAAO,OAAO,UAAU,aAAa,OAAO,MAAM,IAAI,SAAS,GAAG,OAAO;AACvF,YACC,oBAAC;MAEA,MAAK;MACL,WAAWC,WAAWD,6BAAO,eAAe,GAAGA,6BAAO,WAAW,YAAY,CAAC;MAC9E,OAAO,OAAO,WAAW;MACzB,UAAU,MAAM;AACf,SAAE,iBAAiB;AAEnB,WAAI,WACH;AAED,cAAO,QAAQ,IAAI,SAAS;;MAE7B,UAAU,aAAa,KAAK;MAC5B,cAAY;MACZ,iBAAe;gBAEf,oBAACE;OAAO,MAAM,OAAO;OAAM,MAAK;QAAS;QAhBpC,EAiBG;MAET,EACD,0BACA,qBAAC,eAAe,mBACf,oBAAC,eAAe;KACf,WAAWD,WAAWD,6BAAO,eAAeA,6BAAO,wBAAwB;KAC3E,cAAW;KACX;eAEA,oBAAC;MACA,MAAK;MACL,OAAM;MACN,cAAW;MACX,UAAU,MAAM,EAAE,iBAAiB;gBAEnC,oBAACE;OAAO,MAAK;OAAY,MAAK;QAAS;OAC/B;MACe,EACzB,oBAAC,eAAe,qBACd,oBAAoB,KAAK,QAAQ,MAAM;KACvC,MAAM,QACL,OAAO,OAAO,UAAU,aAAa,OAAO,MAAM,IAAI,SAAS,GAAG,OAAO;KAC1E,MAAM,aAAa,OAAO,WAAW,IAAI,SAAS;AAClD,YACC,qBAAC,eAAe;MAEf,OAAO;MACP,UAAU;MACV,UAAU,MAAM,EAAE,iBAAiB;MACnC,gBAAgB,OAAO,QAAQ,IAAI,SAAS;iBAE3C,OAAO,QAAQ,oBAACA,mBAAO,MAAM,OAAO,OAAQ,EAC7C,oBAAC,oBAAM,QAAa;QAPf,EAQgB;MAEtB,GACsB,IACJ;KAElB;IACD;;AAGR,QAAO,oBAAC,sBAAyB,OAAQ"}
+{"version":3,"file":"ds-table-cell.js","names":["Cell","flexRender","classnames","DsIcon","DsDropdownMenu","styles","DsTableCellProps","DsDefaultTableCell","t0","$","_c","cell","t1","column","columnDef","getContext","t2","tableCellEllipsis","DsTableCell","row","primaryRowActions","secondaryRowActions","t3","undefined","t4","length","t5","t6","action","disabled","original","some","hasSecondaryRowActions","t7","t8","action_0","i","isDisabled","label","rowActionIcon","tooltip","e","stopPropagation","onClick","icon","map","secondaryActionsTrigger","_temp","action_1","i_0","label_0","isDisabled_0","_temp2","t9","cellActions","t10","lastCell","e_0","e_1"],"sources":["../../../../../src/components/ds-table/components/ds-table-cell/ds-table-cell.tsx"],"sourcesContent":["import { type Cell, flexRender } from '@tanstack/react-table';\nimport classnames from 'classnames';\nimport { DsIcon } from '../../../ds-icon';\nimport { DsDropdownMenu } from '../../../ds-dropdown-menu';\nimport styles from './ds-table-cell.module.scss';\nimport type { DsTableCellProps } from './ds-table-cell.types';\n\nconst DsDefaultTableCell = <TData, TValue>({ cell }: { cell: Cell<TData, TValue> }) => {\n\treturn (\n\t\t<div className={styles.tableCellEllipsis}>\n\t\t\t{flexRender(cell.column.columnDef.cell, cell.getContext())}\n\t\t</div>\n\t);\n};\n\nexport const DsTableCell = <TData, TValue>({\n\trow,\n\tcell,\n\tprimaryRowActions = [],\n\tsecondaryRowActions = [],\n}: DsTableCellProps<TData, TValue>) => {\n\tif (primaryRowActions.length || secondaryRowActions.length) {\n\t\tconst hasSecondaryRowActions = secondaryRowActions.some((action) => !action.disabled?.(row.original));\n\t\treturn (\n\t\t\t<div className={styles.lastCell}>\n\t\t\t\t<DsDefaultTableCell cell={cell} />\n\t\t\t\t<div className={styles.cellActions}>\n\t\t\t\t\t{primaryRowActions.map((action, i) => {\n\t\t\t\t\t\tconst isDisabled = action.disabled?.(row.original);\n\t\t\t\t\t\tconst label = typeof action.label === 'function' ? action.label(row.original) : action.label;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclassName={classnames(styles.rowActionIcon, { [styles.disabled]: isDisabled })}\n\t\t\t\t\t\t\t\ttitle={action.tooltip || label}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation();\n\n\t\t\t\t\t\t\t\t\tif (isDisabled) {\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taction.onClick(row.original);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ttabIndex={isDisabled ? -1 : 0}\n\t\t\t\t\t\t\t\taria-label={label}\n\t\t\t\t\t\t\t\taria-disabled={isDisabled}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<DsIcon icon={action.icon} size=\"tiny\" />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\t{hasSecondaryRowActions && (\n\t\t\t\t\t\t<DsDropdownMenu.Root>\n\t\t\t\t\t\t\t<DsDropdownMenu.Trigger\n\t\t\t\t\t\t\t\tclassName={classnames(styles.rowActionIcon, styles.secondaryActionsTrigger)}\n\t\t\t\t\t\t\t\taria-label=\"More actions\"\n\t\t\t\t\t\t\t\tasChild\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\ttitle=\"More actions\"\n\t\t\t\t\t\t\t\t\taria-label=\"More actions\"\n\t\t\t\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<DsIcon icon=\"more_vert\" size=\"tiny\" />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</DsDropdownMenu.Trigger>\n\t\t\t\t\t\t\t<DsDropdownMenu.Content>\n\t\t\t\t\t\t\t\t{secondaryRowActions.map((action, i) => {\n\t\t\t\t\t\t\t\t\tconst label =\n\t\t\t\t\t\t\t\t\t\ttypeof action.label === 'function' ? action.label(row.original) : action.label;\n\t\t\t\t\t\t\t\t\tconst isDisabled = action.disabled?.(row.original);\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<DsDropdownMenu.Item\n\t\t\t\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\t\t\t\tvalue={label}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\t\t\t\t\tonSelect={() => action.onClick(row.original)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{action.icon && <DsIcon icon={action.icon} />}\n\t\t\t\t\t\t\t\t\t\t\t<span>{label}</span>\n\t\t\t\t\t\t\t\t\t\t</DsDropdownMenu.Item>\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</DsDropdownMenu.Content>\n\t\t\t\t\t\t</DsDropdownMenu.Root>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn <DsDefaultTableCell cell={cell} />;\n};\n"],"mappings":"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"}

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

@@ -9,17 +9,29 @@ const require_ds_table_header_module = require('./ds-table-header.module.cjs');
 const require_ds_table_shared_module = require('../../styles/shared/ds-table-shared.module.cjs');
 const require_ds_table_context = require('../../context/ds-table-context.cjs');
 const require_column_styling = require('../../utils/column-styling.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-header/ds-table-header.tsx
-const DsTableHeader = ({ table }) => {
+const DsTableHeader = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(14);
+	const { table } = t0;
 	const { stickyHeader, bordered, expandable, selectable, reorderable, showSelectAllCheckbox, virtualized } = require_ds_table_context.useDsTableContext();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableHeader, {
-		className: (0, classnames.default)(stickyHeader && require_ds_table_header_module.default.stickyHeader, virtualized && require_ds_table_header_module.default.virtualizedHeader),
-		children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_core_table.TableRow, {
+	const t1 = stickyHeader && require_ds_table_header_module.default.stickyHeader;
+	const t2 = virtualized && require_ds_table_header_module.default.virtualizedHeader;
+	let t3;
+	if ($[0] !== t1 || $[1] !== t2) {
+		t3 = (0, classnames.default)(t1, t2);
+		$[0] = t1;
+		$[1] = t2;
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== bordered || $[4] !== expandable || $[5] !== reorderable || $[6] !== selectable || $[7] !== showSelectAllCheckbox || $[8] !== table || $[9] !== virtualized) {
+		t4 = table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_core_table.TableRow, {
 			className: (0, classnames.default)(require_ds_table_header_module.default.headerRow, !bordered && require_ds_table_header_module.default.headerRowNoBorder, virtualized && require_ds_table_header_module.default.headerRowVirtualized),
 			children: [
 				selectable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableHead, {
@@ -64,8 +76,27 @@ const DsTableHeader = ({ table }) => {
 					}, header.id);
 				})
 			]
-		}, headerGroup.id))
-	});
+		}, headerGroup.id));
+		$[3] = bordered;
+		$[4] = expandable;
+		$[5] = reorderable;
+		$[6] = selectable;
+		$[7] = showSelectAllCheckbox;
+		$[8] = table;
+		$[9] = virtualized;
+		$[10] = t4;
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== t3 || $[12] !== t4) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableHeader, {
+			className: t3,
+			children: t4
+		});
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+	} else t5 = $[13];
+	return t5;
 };
 var ds_table_header_default = DsTableHeader;
 

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

@@ -8,16 +8,28 @@ import ds_table_header_module_default from "./ds-table-header.module.js";
 import ds_table_shared_module_default from "../../styles/shared/ds-table-shared.module.js";
 import { useDsTableContext } from "../../context/ds-table-context.js";
 import { getColumnStyle } from "../../utils/column-styling.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { flexRender } from "@tanstack/react-table";
 
 //#region src/components/ds-table/components/ds-table-header/ds-table-header.tsx
-const DsTableHeader = ({ table }) => {
+const DsTableHeader = (t0) => {
+	const $ = c(14);
+	const { table } = t0;
 	const { stickyHeader, bordered, expandable, selectable, reorderable, showSelectAllCheckbox, virtualized } = useDsTableContext();
-	return /* @__PURE__ */ jsx(TableHeader, {
-		className: classNames(stickyHeader && ds_table_header_module_default.stickyHeader, virtualized && ds_table_header_module_default.virtualizedHeader),
-		children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxs(TableRow, {
+	const t1 = stickyHeader && ds_table_header_module_default.stickyHeader;
+	const t2 = virtualized && ds_table_header_module_default.virtualizedHeader;
+	let t3;
+	if ($[0] !== t1 || $[1] !== t2) {
+		t3 = classNames(t1, t2);
+		$[0] = t1;
+		$[1] = t2;
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== bordered || $[4] !== expandable || $[5] !== reorderable || $[6] !== selectable || $[7] !== showSelectAllCheckbox || $[8] !== table || $[9] !== virtualized) {
+		t4 = table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxs(TableRow, {
 			className: classNames(ds_table_header_module_default.headerRow, !bordered && ds_table_header_module_default.headerRowNoBorder, virtualized && ds_table_header_module_default.headerRowVirtualized),
 			children: [
 				selectable && /* @__PURE__ */ jsx(TableHead, {
@@ -62,8 +74,27 @@ const DsTableHeader = ({ table }) => {
 					}, header.id);
 				})
 			]
-		}, headerGroup.id))
-	});
+		}, headerGroup.id));
+		$[3] = bordered;
+		$[4] = expandable;
+		$[5] = reorderable;
+		$[6] = selectable;
+		$[7] = showSelectAllCheckbox;
+		$[8] = table;
+		$[9] = virtualized;
+		$[10] = t4;
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== t3 || $[12] !== t4) {
+		t5 = /* @__PURE__ */ jsx(TableHeader, {
+			className: t3,
+			children: t4
+		});
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+	} else t5 = $[13];
+	return t5;
 };
 var ds_table_header_default = DsTableHeader;