@drivenets/design-system 0.0.2 → 0.0.4

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

@@ -0,0 +1,161 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_ds_icon = require('../../../ds-icon/ds-icon.cjs');
+require('../../../ds-icon/index.cjs');
+const require_ds_button = require('../../../ds-button/ds-button.cjs');
+require('../../../ds-button/index.cjs');
+const require_ds_table_bulk_actions_module = require('./ds-table-bulk-actions.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 react = require("react");
+
+//#region src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.tsx
+const DsTableBulkActions = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(25);
+	const { numSelectedRows, actions, onClearSelection } = t0;
+	const [isRendered, setIsRendered] = (0, react.useState)(false);
+	const [animationClass, setAnimationClass] = (0, react.useState)("");
+	let t1;
+	let t2;
+	if ($[0] !== isRendered || $[1] !== numSelectedRows) {
+		t1 = () => {
+			if (numSelectedRows > 0) {
+				setIsRendered(true);
+				setAnimationClass(require_ds_table_bulk_actions_module.default.entering);
+			} else if (isRendered) {
+				setAnimationClass(require_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];
+	}
+	(0, react.useEffect)(t1, t2);
+	if (!isRendered) return null;
+	let t3;
+	if ($[4] !== animationClass) {
+		t3 = (0, classnames.default)(require_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 = (0, classnames.default)(require_ds_table_bulk_actions_module.default.selectedCountBadge, require_ds_table_bulk_actions_module.default.bold);
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== numSelectedRows) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_ds_table_bulk_actions_module.default.selectedCountContainer,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+				className: t4,
+				children: numSelectedRows
+			})
+		});
+		$[7] = numSelectedRows;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_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__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_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__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, { icon: "close" });
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_ds_table_bulk_actions_module.default.medium,
+			children: "Esc"
+		});
+		$[15] = t10;
+	} else t10 = $[15];
+	let t11;
+	if ($[16] !== onClearSelection) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_button.default, {
+			variant: "borderless",
+			size: "small",
+			color: "neutral-2",
+			contentClassName: require_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__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_ds_table_bulk_actions_module.default.bulkActionsContent,
+			children: [
+				t6,
+				t8,
+				t11
+			]
+		});
+		$[18] = t11;
+		$[19] = t8;
+		$[20] = t12;
+	} else t12 = $[20];
+	let t13;
+	if ($[21] !== t12 || $[22] !== t3 || $[23] !== t5) {
+		t13 = /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(require_ds_button.default, {
+		variant: "borderless",
+		size: "small",
+		className: require_ds_table_bulk_actions_module.default.actionButton,
+		contentClassName: require_ds_table_bulk_actions_module.default.actionButtonContent,
+		onClick: action.onClick,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, { icon: action.icon }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_ds_table_bulk_actions_module.default.medium,
+			children: action.label
+		})]
+	}, index);
+}
+
+//#endregion
+exports.default = ds_table_bulk_actions_default;

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

@@ -0,0 +1,160 @@
+import ds_icon_default from "../../../ds-icon/ds-icon.js";
+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 = (t0) => {
+	const $ = c(25);
+	const { numSelectedRows, actions, onClearSelection } = t0;
+	const [isRendered, setIsRendered] = useState(false);
+	const [animationClass, setAnimationClass] = useState("");
+	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;
+	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: t4,
+				children: numSelectedRows
+			})
+		});
+		$[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: [
+				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 };
+//# sourceMappingURL=ds-table-bulk-actions.js.map

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

@@ -0,0 +1 @@
+{"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-bulk-actions/ds-table-bulk-actions.module.cjs

@@ -0,0 +1,20 @@
+
+//#region src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.module.scss
+var ds_table_bulk_actions_module_default = {
+	"bulkActionsContainer": "_bulkActionsContainer_15vel_1",
+	"entering": "_entering_15vel_1",
+	"slideUpFadeIn": "_slideUpFadeIn_15vel_1",
+	"exiting": "_exiting_15vel_1",
+	"slideDownFadeOut": "_slideDownFadeOut_15vel_1",
+	"bulkActionsContent": "_bulkActionsContent_15vel_1",
+	"selectedCountContainer": "_selectedCountContainer_15vel_1",
+	"selectedCountBadge": "_selectedCountBadge_15vel_1",
+	"bulkActionsInfo": "_bulkActionsInfo_15vel_1",
+	"bulkActionsActions": "_bulkActionsActions_15vel_1",
+	"actionButton": "_actionButton_15vel_1",
+	"actionButtonContent": "_actionButtonContent_15vel_1",
+	"escapeButtonContent": "_escapeButtonContent_15vel_1"
+};
+
+//#endregion
+exports.default = ds_table_bulk_actions_module_default;

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

@@ -0,0 +1,20 @@
+//#region src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.module.scss
+var ds_table_bulk_actions_module_default = {
+	"bulkActionsContainer": "_bulkActionsContainer_15vel_1",
+	"entering": "_entering_15vel_1",
+	"slideUpFadeIn": "_slideUpFadeIn_15vel_1",
+	"exiting": "_exiting_15vel_1",
+	"slideDownFadeOut": "_slideDownFadeOut_15vel_1",
+	"bulkActionsContent": "_bulkActionsContent_15vel_1",
+	"selectedCountContainer": "_selectedCountContainer_15vel_1",
+	"selectedCountBadge": "_selectedCountBadge_15vel_1",
+	"bulkActionsInfo": "_bulkActionsInfo_15vel_1",
+	"bulkActionsActions": "_bulkActionsActions_15vel_1",
+	"actionButton": "_actionButton_15vel_1",
+	"actionButtonContent": "_actionButtonContent_15vel_1",
+	"escapeButtonContent": "_escapeButtonContent_15vel_1"
+};
+
+//#endregion
+export { ds_table_bulk_actions_module_default as default };
+//# sourceMappingURL=ds-table-bulk-actions.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-table-bulk-actions.module.js","names":[],"sources":["../../../../../src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.module.scss"],"sourcesContent":["@use '../../../../styles/typography';\n\n.bulkActionsContainer {\n\tposition: fixed;\n\tbottom: 20px;\n\tleft: 50%;\n\ttransform: translateX(-50%);\n\tbackground-color: var(--white);\n\tborder-radius: 8px;\n\tbox-shadow: 0 4px 12px #0445cc66;\n\tz-index: 1000;\n\tdisplay: flex;\n\talign-items: center;\n\tborder-radius: 8px;\n\toverflow: hidden;\n\tanimation-duration: 0.3s;\n\tanimation-timing-function: ease-out;\n\tanimation-fill-mode: forwards;\n\n\t&.entering {\n\t\tanimation-name: slideUpFadeIn;\n\t}\n\n\t&.exiting {\n\t\tanimation-name: slideDownFadeOut;\n\t}\n}\n\n.bulkActionsContent {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-right: 6px;\n\tpadding-left: 6px;\n}\n\n.selectedCountContainer {\n\tbackground-color: var(--action-cta1);\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 6px 22px;\n}\n\n.selectedCountBadge {\n\tcolor: var(--white);\n\tmargin: 0;\n}\n\n.bulkActionsInfo {\n\tcolor: var(--neutral-2);\n\ttext-wrap: nowrap;\n\tpadding-left: 8px;\n\tpadding-right: 56px;\n}\n\n.bulkActionsActions {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\n\t> .actionButton {\n\t\tborder-right: 1px solid var(--neutral-6);\n\t\twidth: 68px;\n\t\theight: 48px;\n\t\tborder-radius: 0;\n\n\t\t> .actionButtonContent {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tgap: 4px;\n\t\t}\n\t}\n\n\t> .actionButton:first-child {\n\t\tborder-left: 1px solid var(--neutral-6);\n\t}\n}\n\n.escapeButtonContent {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tcolor: var(--neutral-2);\n\tgap: 2px !important;\n\twidth: 36px;\n\tpadding-left: 4px;\n\n\t&:hover {\n\t\tcolor: var(--neutral-4);\n\t}\n}\n\n@keyframes slideUpFadeIn {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translate(-50%, 100%);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translate(-50%, 0);\n\t}\n}\n\n@keyframes slideDownFadeOut {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translate(-50%, 0);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translate(-50%, 100%);\n\t}\n}\n"],"mappings":""}

package/dist/components/ds-table/components/ds-table-bulk-actions/index.cjs

@@ -0,0 +1 @@
+const require_ds_table_bulk_actions = require('./ds-table-bulk-actions.cjs');

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

@@ -0,0 +1 @@
+import ds_table_bulk_actions_default from "./ds-table-bulk-actions.js";

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

@@ -0,0 +1,175 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_ds_icon = require('../../../ds-icon/ds-icon.cjs');
+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 = (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 = (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) {
+		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_0.tooltip || label,
+						onClick: (e) => {
+							e.stopPropagation();
+							if (isDisabled) return;
+							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_0.icon,
+							size: "tiny"
+						})
+					}, i);
+				};
+				$[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",
+					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_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;
+	}
+	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.d.ts

@@ -0,0 +1,2 @@
+import "./ds-table-cell.types.js";
+import "react/jsx-runtime";