@drivenets/design-system 0.2.0 → 0.4.0

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

@@ -1,5 +1,7 @@
 import ds_icon_default from "../../../ds-icon/ds-icon.js";
 import "../../../ds-icon/index.js";
+import ds_typography_default from "../../../ds-typography/ds-typography.js";
+import "../../../ds-typography/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";
@@ -10,7 +12,7 @@ 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 $ = c(23);
 	const { numSelectedRows, actions, onClearSelection } = t0;
 	const [isRendered, setIsRendered] = useState(false);
 	const [animationClass, setAnimationClass] = useState("");
@@ -48,108 +50,95 @@ const DsTableBulkActions = (t0) => {
 		$[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", {
+	if ($[6] !== numSelectedRows) {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: ds_table_bulk_actions_module_default.selectedCountContainer,
-			children: /* @__PURE__ */ jsx("h3", {
-				className: t4,
+			children: /* @__PURE__ */ jsx(ds_typography_default, {
+				variant: "heading1",
+				className: ds_table_bulk_actions_module_default.selectedCountBadge,
 				children: numSelectedRows
 			})
 		});
-		$[7] = numSelectedRows;
+		$[6] = numSelectedRows;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(ds_typography_default, {
+			variant: "body-md-semi-bold",
+			className: ds_table_bulk_actions_module_default.bulkActionsInfo,
+			children: "Items selected"
+		});
 		$[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];
+	if ($[9] !== actions) {
+		t6 = actions.map(_temp);
+		$[9] = actions;
+		$[10] = t6;
+	} else t6 = $[10];
 	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", {
+	if ($[11] !== t6) {
+		t7 = /* @__PURE__ */ jsx("div", {
 			className: ds_table_bulk_actions_module_default.bulkActionsActions,
-			children: t7
+			children: t6
 		});
+		$[11] = t6;
 		$[12] = t7;
+	} else t7 = $[12];
+	let t8;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx(ds_icon_default, { icon: "close" });
 		$[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, {
+	if ($[14] !== onClearSelection) {
+		t9 = /* @__PURE__ */ jsx(ds_button_default, {
 			variant: "borderless",
 			size: "small",
 			color: "neutral-2",
 			contentClassName: ds_table_bulk_actions_module_default.escapeButtonContent,
 			onClick: onClearSelection,
-			children: [t9, t10]
+			children: t8
 		});
-		$[16] = onClearSelection;
-		$[17] = t11;
-	} else t11 = $[17];
-	let t12;
-	if ($[18] !== t11 || $[19] !== t8) {
-		t12 = /* @__PURE__ */ jsxs("div", {
+		$[14] = onClearSelection;
+		$[15] = t9;
+	} else t9 = $[15];
+	let t10;
+	if ($[16] !== t7 || $[17] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
 			className: ds_table_bulk_actions_module_default.bulkActionsContent,
 			children: [
-				t6,
-				t8,
-				t11
+				t5,
+				t7,
+				t9
 			]
 		});
-		$[18] = t11;
-		$[19] = t8;
-		$[20] = t12;
-	} else t12 = $[20];
-	let t13;
-	if ($[21] !== t12 || $[22] !== t3 || $[23] !== t5) {
-		t13 = /* @__PURE__ */ jsxs("div", {
+		$[16] = t7;
+		$[17] = t9;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] !== t10 || $[20] !== t3 || $[21] !== t4) {
+		t11 = /* @__PURE__ */ jsxs("div", {
 			className: t3,
-			children: [t5, t12]
+			children: [t4, t10]
 		});
-		$[21] = t12;
-		$[22] = t3;
-		$[23] = t5;
-		$[24] = t13;
-	} else t13 = $[24];
-	return t13;
+		$[19] = t10;
+		$[20] = t3;
+		$[21] = t4;
+		$[22] = t11;
+	} else t11 = $[22];
+	return t11;
 };
 var ds_table_bulk_actions_default = DsTableBulkActions;
 function _temp(action, index) {
-	return /* @__PURE__ */ jsxs(ds_button_default, {
-		variant: "borderless",
-		size: "small",
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
 		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: [/* @__PURE__ */ jsx(ds_icon_default, { icon: action.icon }), /* @__PURE__ */ jsx(ds_typography_default, {
+			variant: "body-xs-md",
 			children: action.label
 		})]
 	}, index);

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":["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":";;;;;;;;;;;AAQA,MAAMQ,sBAAiDE,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,iBAAAC,SAAAC,qBAAAL;CACvD,MAAA,CAAAM,YAAAC,iBAAoCf,SAAS,MAAM;CACnD,MAAA,CAAAgB,gBAAAC,qBAA4CjB,SAAS,GAAG;CAAC,IAAAkB;CAAA,IAAAC;AAAA,KAAAV,EAAA,OAAAK,cAAAL,EAAA,OAAAE,iBAAA;AAE/CO,aAAA;AACT,OAAIP,kBAAkB,GAAC;AACtBI,kBAAc,KAAK;AACnBE,sBAAkBb,qCAAMgB,SAAU;cACxBN,YAAU;AACpBG,sBAAkBb,qCAAMiB,QAAS;IACjC,MAAAC,QAAcC,iBAAW;AACxBR,mBAAc,MAAM;AACpBE,uBAAkB,GAAG;OACnB,IAAI;AAAC,iBACKO,aAAaF,MAAM;;;AAE/BH,OAAA,CAACR,iBAAiBG,WAAW;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAE;AAAAF,IAAA,KAAAS;AAAAT,IAAA,KAAAU;QAAA;AAAAD,OAAAT,EAAA;AAAAU,OAAAV,EAAA;;AAZhCV,WAAUmB,IAYPC,GAA8B;AAEjC,KAAI,CAACL,WAAU,QACP;CACP,IAAAW;AAAA,KAAAhB,EAAA,OAAAO,gBAAA;AAGgBS,OAAAxB,WAAWG,qCAAMsB,sBAAuBV,eAAe;AAAAP,IAAA,KAAAO;AAAAP,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,OAAAmB,OAAAC,IAAA,4BAAA,EAAA;AAEtDF,OAAA1B,WAAWG,qCAAM0B,oBAAqB1B,qCAAM2B,KAAM;AAAAtB,IAAA,KAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAuB;AAAA,KAAAvB,EAAA,OAAAE,iBAAA;AADlEqB,OAAA,oBAAA;GAAgB,WAAA5B,qCAAM6B;aACrB,oBAAA;IAAe,WAAAN;cAAqDhB;KACrE;IAAM;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAuB;OAAAA,MAAAvB,EAAA;CAAA,IAAAyB;AAAA,KAAAzB,EAAA,OAAAmB,OAAAC,IAAA,4BAAA,EAAA;AAELK,OAAA,oBAAA;GAAiB,WAAA9B,qCAAM+B;aAAkB;IAAqB;AAAA1B,IAAA,KAAAyB;OAAAA,MAAAzB,EAAA;CAAA,IAAA2B;AAAA,KAAA3B,EAAA,QAAAG,SAAA;AAG5DwB,OAAAxB,QAAOyB,IAAKC,MAYX;AAAA7B,IAAA,MAAAG;AAAAH,IAAA,MAAA2B;OAAAA,MAAA3B,EAAA;CAAA,IAAA8B;AAAA,KAAA9B,EAAA,QAAA2B,IAAA;AAbHG,OAAA,oBAAA;GAAgB,WAAAnC,qCAAMoC;aACpBJ;IAaI;AAAA3B,IAAA,MAAA2B;AAAA3B,IAAA,MAAA8B;OAAAA,MAAA9B,EAAA;CAAA,IAAAgC;AAAA,KAAAhC,EAAA,QAAAmB,OAAAC,IAAA,4BAAA,EAAA;AASLY,OAAA,oBAAC,mBAAY,MAAA,UAAU;AAAAhC,IAAA,MAAAgC;OAAAA,MAAAhC,EAAA;CAAA,IAAAiC;AAAA,KAAAjC,EAAA,QAAAmB,OAAAC,IAAA,4BAAA,EAAA;AACvBa,QAAA,oBAAA;GAAkB,WAAetC,qCAAMuC;aAAU;IAAU;AAAAlC,IAAA,MAAAiC;OAAAA,OAAAjC,EAAA;CAAA,IAAAmC;AAAA,KAAAnC,EAAA,QAAAI,kBAAA;AAR5D+B,QAAA,qBAAC;GACQ,SAAA;GACH,MAAA;GACC,OAAA;GACY,kBAAAxC,qCAAMyC;GACfhC,SAAAA;cAET4B,IACAC;IACU;AAAAjC,IAAA,MAAAI;AAAAJ,IAAA,MAAAmC;OAAAA,OAAAnC,EAAA;CAAA,IAAAqC;AAAA,KAAArC,EAAA,QAAAmC,OAAAnC,EAAA,QAAA8B,IAAA;AA5BZO,QAAA,qBAAA;GAAgB,WAAA1C,qCAAM2C;;IACrBb;IAEAK;IAgBAK;;IAUK;AAAAnC,IAAA,MAAAmC;AAAAnC,IAAA,MAAA8B;AAAA9B,IAAA,MAAAqC;OAAAA,OAAArC,EAAA;CAAA,IAAAuC;AAAA,KAAAvC,EAAA,QAAAqC,OAAArC,EAAA,QAAAgB,MAAAhB,EAAA,QAAAuB,IAAA;AAjCPgB,QAAA,qBAAA;GAAgB,WAAAvB;cACfO,IAGAc;IA8BK;AAAArC,IAAA,MAAAqC;AAAArC,IAAA,MAAAgB;AAAAhB,IAAA,MAAAuB;AAAAvB,IAAA,MAAAuC;OAAAA,OAAAvC,EAAA;AAAA,QAlCNuC;;AAsCF,oCAAe1C;AA7DwC,SAAAgC,MAAAW,QAAAC,OAAA;AAAA,QAgCjD,qBAAC;EAEQ,SAAA;EACH,MAAA;EACM,WAAA9C,qCAAM+C;EACC,kBAAA/C,qCAAMgD;EACf,SAAAH,OAAMI;aAEf,oBAAC,mBAAa,MAAAJ,OAAMK,OACpB,sBAAA;GAAkB,WAAelD,qCAAMuC;aAAWM,OAAMM;IACzD;IATML,MASK"}
+{"version":3,"file":"ds-table-bulk-actions.js","names":["React","useEffect","useState","classnames","DsButton","DsIcon","styles","BulkActionsProps","DsTypography","DsTableBulkActions","FC","t0","$","_c","numSelectedRows","actions","onClearSelection","isRendered","setIsRendered","animationClass","setAnimationClass","t1","t2","entering","exiting","timer","setTimeout","clearTimeout","t3","bulkActionsContainer","t4","selectedCountContainer","selectedCountBadge","t5","Symbol","for","bulkActionsInfo","t6","map","_temp","t7","bulkActionsActions","t8","t9","escapeButtonContent","t10","bulkActionsContent","t11","action","index","actionButton","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';\nimport { DsTypography } from '../../../ds-typography';\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<DsTypography variant=\"heading1\" className={styles.selectedCountBadge}>\n\t\t\t\t\t{numSelectedRows}\n\t\t\t\t</DsTypography>\n\t\t\t</div>\n\t\t\t<div className={styles.bulkActionsContent}>\n\t\t\t\t<DsTypography variant=\"body-md-semi-bold\" className={styles.bulkActionsInfo}>\n\t\t\t\t\tItems selected\n\t\t\t\t</DsTypography>\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<button key={index} type=\"button\" className={styles.actionButton} onClick={action.onClick}>\n\t\t\t\t\t\t\t<DsIcon icon={action.icon} />\n\t\t\t\t\t\t\t<DsTypography variant=\"body-xs-md\">{action.label}</DsTypography>\n\t\t\t\t\t\t</button>\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</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-row/ds-table-row.cjs

@@ -64,9 +64,9 @@ const DsRowDragHandle = (t0) => {
 	return t5;
 };
 const DsTableRow = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(75);
+	const $ = (0, react_compiler_runtime.c)(74);
 	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 { expandable, expandedRows, selectable, reorderable, onRowClick, onRowDoubleClick, renderExpandedRow, virtualized, bordered, rowSize, toggleRowExpanded, primaryRowActions, secondaryRowActions, activeRowId } = require_ds_table_context.useDsTableContext();
 	const isExpanded = expandedRows[row.id];
 	let t1;
 	if ($[0] !== expandable || $[1] !== row.original) {
@@ -124,38 +124,37 @@ const DsTableRow = (t0) => {
 	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) {
+	if ($[16] !== bordered || $[17] !== isExpanded || $[18] !== onRowClick || $[19] !== t10 || $[20] !== t11 || $[21] !== t9 || $[22] !== 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);
+		}, virtualized && require_ds_table_row_module.default.virtualizedRow, onRowClick && require_ds_table_row_module.default.clickableRow, !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];
+		$[17] = isExpanded;
+		$[18] = onRowClick;
+		$[19] = t10;
+		$[20] = t11;
+		$[21] = t9;
+		$[22] = virtualized;
+		$[23] = t12;
+	} else t12 = $[23];
 	let t13;
-	if ($[25] !== onRowClick || $[26] !== row.original) {
+	if ($[24] !== onRowClick || $[25] !== row.original) {
 		t13 = () => onRowClick?.(row.original);
-		$[25] = onRowClick;
-		$[26] = row.original;
-		$[27] = t13;
-	} else t13 = $[27];
+		$[24] = onRowClick;
+		$[25] = row.original;
+		$[26] = t13;
+	} else t13 = $[26];
 	let t14;
-	if ($[28] !== onRowDoubleClick || $[29] !== row.original) {
+	if ($[27] !== onRowDoubleClick || $[28] !== row.original) {
 		t14 = () => onRowDoubleClick?.(row.original);
-		$[28] = onRowDoubleClick;
-		$[29] = row.original;
-		$[30] = t14;
-	} else t14 = $[30];
+		$[27] = onRowDoubleClick;
+		$[28] = row.original;
+		$[29] = t14;
+	} else t14 = $[29];
 	let t15;
-	if ($[31] !== row || $[32] !== selectable) {
+	if ($[30] !== row || $[31] !== 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, {
@@ -169,12 +168,12 @@ const DsTableRow = (t0) => {
 				onDoubleClick: _temp2
 			})
 		});
-		$[31] = row;
-		$[32] = selectable;
-		$[33] = t15;
-	} else t15 = $[33];
+		$[30] = row;
+		$[31] = selectable;
+		$[32] = t15;
+	} else t15 = $[32];
 	let t16;
-	if ($[34] !== expandable || $[35] !== isExpandable || $[36] !== isExpanded || $[37] !== row.id || $[38] !== toggleRowExpanded || $[39] !== virtualized) {
+	if ($[33] !== expandable || $[34] !== isExpandable || $[35] !== isExpanded || $[36] !== row.id || $[37] !== toggleRowExpanded || $[38] !== 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, {
@@ -192,29 +191,29 @@ const DsTableRow = (t0) => {
 				})
 			})
 		});
-		$[34] = expandable;
-		$[35] = isExpandable;
-		$[36] = isExpanded;
-		$[37] = row.id;
-		$[38] = toggleRowExpanded;
-		$[39] = virtualized;
-		$[40] = t16;
-	} else t16 = $[40];
+		$[33] = expandable;
+		$[34] = isExpandable;
+		$[35] = isExpanded;
+		$[36] = row.id;
+		$[37] = toggleRowExpanded;
+		$[38] = virtualized;
+		$[39] = t16;
+	} else t16 = $[39];
 	let t17;
-	if ($[41] !== attributes || $[42] !== isDragging || $[43] !== listeners || $[44] !== reorderable) {
+	if ($[40] !== attributes || $[41] !== isDragging || $[42] !== listeners || $[43] !== 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];
+		$[40] = attributes;
+		$[41] = isDragging;
+		$[42] = listeners;
+		$[43] = reorderable;
+		$[44] = t17;
+	} else t17 = $[44];
 	let t18;
-	if ($[46] !== primaryRowActions || $[47] !== row || $[48] !== secondaryRowActions || $[49] !== virtualized) {
+	if ($[45] !== primaryRowActions || $[46] !== row || $[47] !== secondaryRowActions || $[48] !== 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);
@@ -232,14 +231,14 @@ const DsTableRow = (t0) => {
 				})
 			}, cell.id);
 		});
-		$[46] = primaryRowActions;
-		$[47] = row;
-		$[48] = secondaryRowActions;
-		$[49] = virtualized;
-		$[50] = t18;
-	} else t18 = $[50];
+		$[45] = primaryRowActions;
+		$[46] = row;
+		$[47] = secondaryRowActions;
+		$[48] = virtualized;
+		$[49] = t18;
+	} else t18 = $[49];
 	let t19;
-	if ($[51] !== rowStyle || $[52] !== t12 || $[53] !== t13 || $[54] !== t14 || $[55] !== t15 || $[56] !== t16 || $[57] !== t17 || $[58] !== t18 || $[59] !== t7 || $[60] !== t8) {
+	if ($[50] !== rowStyle || $[51] !== t12 || $[52] !== t13 || $[53] !== t14 || $[54] !== t15 || $[55] !== t16 || $[56] !== t17 || $[57] !== t18 || $[58] !== t7 || $[59] !== t8) {
 		t19 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_core_table.TableRow, {
 			ref: t7,
 			"data-state": t8,
@@ -254,20 +253,20 @@ const DsTableRow = (t0) => {
 				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];
+		$[50] = rowStyle;
+		$[51] = t12;
+		$[52] = t13;
+		$[53] = t14;
+		$[54] = t15;
+		$[55] = t16;
+		$[56] = t17;
+		$[57] = t18;
+		$[58] = t7;
+		$[59] = t8;
+		$[60] = t19;
+	} else t19 = $[60];
 	let t20;
-	if ($[62] !== isExpandable || $[63] !== isExpanded || $[64] !== renderExpandedRow || $[65] !== reorderable || $[66] !== row || $[67] !== selectable || $[68] !== virtualRow || $[69] !== virtualized) {
+	if ($[61] !== isExpandable || $[62] !== isExpanded || $[63] !== renderExpandedRow || $[64] !== reorderable || $[65] !== row || $[66] !== selectable || $[67] !== virtualRow || $[68] !== 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,
@@ -277,24 +276,24 @@ const DsTableRow = (t0) => {
 				children: renderExpandedRow(row.original)
 			})
 		});
-		$[62] = isExpandable;
-		$[63] = isExpanded;
-		$[64] = renderExpandedRow;
-		$[65] = reorderable;
-		$[66] = row;
-		$[67] = selectable;
-		$[68] = virtualRow;
-		$[69] = virtualized;
-		$[70] = t20;
-	} else t20 = $[70];
+		$[61] = isExpandable;
+		$[62] = isExpanded;
+		$[63] = renderExpandedRow;
+		$[64] = reorderable;
+		$[65] = row;
+		$[66] = selectable;
+		$[67] = virtualRow;
+		$[68] = virtualized;
+		$[69] = t20;
+	} else t20 = $[69];
 	let t21;
-	if ($[71] !== row.id || $[72] !== t19 || $[73] !== t20) {
+	if ($[70] !== row.id || $[71] !== t19 || $[72] !== 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];
+		$[70] = row.id;
+		$[71] = t19;
+		$[72] = t20;
+		$[73] = t21;
+	} else t21 = $[73];
 	return t21;
 };
 var ds_table_row_default = DsTableRow;