@drivenets/design-system 0.0.2 → 0.0.3

package/dist/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.cts

@@ -0,0 +1,41 @@
+import { IconType } from "../../../ds-icon/ds-icon.types.cjs";
+
+//#region src/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.ts
+
+/**
+ * Represents an action that can be performed on a single row
+ */
+interface RowAction<TData> {
+  /**
+   * Icon to be displayed for the action
+   */
+  icon: IconType;
+  /**
+   * Label text for the action
+   */
+  label: string | ((row: TData) => string);
+  /**
+   * Optional tooltip text to show on hover
+   */
+  tooltip?: string;
+  /**
+   * Optional function to determine if the action should be disabled for a specific row
+   */
+  disabled?: (row: TData) => boolean;
+  /**
+   * Function to be called when the action is clicked, receives the row data as parameter
+   */
+  onClick: (row: TData) => void;
+}
+/**
+ * Represents a secondary action that can be performed on a single row
+ */
+type SecondaryRowAction<TData> = Omit<RowAction<TData>, 'icon'> & {
+  /**
+   * Optional icon to be displayed for the action
+   */
+  icon?: IconType;
+};
+//#endregion
+export { RowAction, SecondaryRowAction };
+//# sourceMappingURL=ds-table-cell.types.d.cts.map

package/dist/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-table-cell.types.d.cts","names":[],"sources":["../../../../../src/components/ds-table/components/ds-table-cell/ds-table-cell.types.ts"],"sourcesContent":[],"mappings":";;;;;AAMA;;AASwB,UATP,SASO,CAAA,KAAA,CAAA,CAAA;EAUN;;;EAWN,IAAA,EA1BL,QA0BK;EAA2C;;;EAI/C,KAAA,EAAA,MAAA,GAAA,CAAA,CAAA,GAAA,EAzBgB,KAyBhB,EAAA,GAAA,MAAA,CAAA;EAAQ;;;;;;;mBAfE;;;;iBAKF;;;;;KAMJ,4BAA4B,KAAK,UAAU;;;;SAI/C"}

package/dist/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.ts

@@ -0,0 +1,42 @@
+import { IconType } from "../../../ds-icon/ds-icon.types.js";
+import "../../../ds-icon/index.js";
+import "@tanstack/react-table";
+
+//#region src/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.ts
+/**
+ * Represents an action that can be performed on a single row
+ */
+interface RowAction<TData> {
+  /**
+   * Icon to be displayed for the action
+   */
+  icon: IconType;
+  /**
+   * Label text for the action
+   */
+  label: string | ((row: TData) => string);
+  /**
+   * Optional tooltip text to show on hover
+   */
+  tooltip?: string;
+  /**
+   * Optional function to determine if the action should be disabled for a specific row
+   */
+  disabled?: (row: TData) => boolean;
+  /**
+   * Function to be called when the action is clicked, receives the row data as parameter
+   */
+  onClick: (row: TData) => void;
+}
+/**
+ * Represents a secondary action that can be performed on a single row
+ */
+type SecondaryRowAction<TData> = Omit<RowAction<TData>, 'icon'> & {
+  /**
+   * Optional icon to be displayed for the action
+   */
+  icon?: IconType;
+};
+//#endregion
+export { RowAction, SecondaryRowAction };
+//# sourceMappingURL=ds-table-cell.types.d.ts.map

package/dist/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-table-cell.types.d.ts","names":[],"sources":["../../../../../src/components/ds-table/components/ds-table-cell/ds-table-cell.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;AAMiB,UAAA,SAAS,CAAA,KAAA,CAAA,CAAA;EAInB;;;EAoBS,IAAA,EApBT,QAoBS;EAAK;AAMrB;;EAA6C,KAAA,EAAA,MAAA,GAAA,CAAA,CAAA,GAAA,EArBrB,KAqBqB,EAAA,GAAA,MAAA,CAAA;EAAL;;;;;;;mBAXtB;;;;iBAKF;;;;;KAMJ,4BAA4B,KAAK,UAAU;;;;SAI/C"}

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

@@ -0,0 +1 @@
+const require_ds_table_cell = require('./ds-table-cell.cjs');

package/dist/components/ds-table/components/ds-table-cell/index.d.ts

@@ -0,0 +1,2 @@
+import { RowAction, SecondaryRowAction } from "./ds-table-cell.types.js";
+import "./ds-table-cell.js";

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

@@ -0,0 +1 @@
+import { DsTableCell } from "./ds-table-cell.js";

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

@@ -0,0 +1,73 @@
+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_checkbox = require('../../../ds-checkbox/ds-checkbox.cjs');
+require('../../../ds-checkbox/index.cjs');
+const require_core_table = require('../core-table/core-table.cjs');
+require('../core-table/index.cjs');
+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 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 { 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, {
+			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, {
+					className: (0, classnames.default)(require_ds_table_header_module.default.headerCell, require_ds_table_header_module.default.selectColumn),
+					children: showSelectAllCheckbox && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_checkbox.default, {
+						className: require_ds_table_shared_module.default.checkboxContainer,
+						checked: table.getIsAllRowsSelected() ? true : table.getIsSomeRowsSelected() ? "indeterminate" : false,
+						onClick: (e) => {
+							e.stopPropagation();
+							table.getToggleAllRowsSelectedHandler()(e);
+						}
+					})
+				}),
+				expandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableHead, { className: (0, classnames.default)(require_ds_table_header_module.default.headerCell, require_ds_table_header_module.default.expandColumn) }),
+				reorderable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableHead, {
+					className: (0, classnames.default)(require_ds_table_header_module.default.headerCell, require_ds_table_header_module.default.reorderColumn),
+					children: "Order"
+				}),
+				headerGroup.headers.map((header, idx) => {
+					const isLastColumn = idx === headerGroup.headers.length - 1;
+					const headerStyle = require_column_styling.getColumnStyle(header.column.getSize(), virtualized, isLastColumn);
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableHead, {
+						className: (0, classnames.default)(require_ds_table_header_module.default.headerCell, header.column.getCanSort() && require_ds_table_header_module.default.sortableHeader),
+						onClick: header.column.getToggleSortingHandler(),
+						style: headerStyle,
+						children: header.isPlaceholder ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: require_ds_table_header_module.default.headerSortContainer,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: (0, __tanstack_react_table.flexRender)(header.column.columnDef.header, header.getContext()) }), header.column.getCanSort() && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: require_ds_table_header_module.default.pageButtonIconContainer,
+								children: {
+									asc: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+										icon: "arrow_drop_up",
+										className: (0, classnames.default)(require_ds_table_header_module.default.pageButtonIcon, require_ds_table_shared_module.default.pageButtonIcon)
+									}),
+									desc: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+										icon: "arrow_drop_down",
+										className: (0, classnames.default)(require_ds_table_header_module.default.pageButtonIcon, require_ds_table_shared_module.default.pageButtonIcon)
+									})
+								}[header.column.getIsSorted()] ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, classnames.default)(require_ds_table_header_module.default.pageButtonIcon, require_ds_table_shared_module.default.pageButtonIcon) })
+							})]
+						})
+					}, header.id);
+				})
+			]
+		}, headerGroup.id))
+	});
+};
+var ds_table_header_default = DsTableHeader;
+
+//#endregion
+exports.default = ds_table_header_default;

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

@@ -0,0 +1,72 @@
+import ds_icon_default from "../../../ds-icon/ds-icon.js";
+import "../../../ds-icon/index.js";
+import ds_checkbox_default from "../../../ds-checkbox/ds-checkbox.js";
+import "../../../ds-checkbox/index.js";
+import { TableHead, TableHeader, TableRow } from "../core-table/core-table.js";
+import "../core-table/index.js";
+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 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 { 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, {
+			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, {
+					className: classNames(ds_table_header_module_default.headerCell, ds_table_header_module_default.selectColumn),
+					children: showSelectAllCheckbox && /* @__PURE__ */ jsx(ds_checkbox_default, {
+						className: ds_table_shared_module_default.checkboxContainer,
+						checked: table.getIsAllRowsSelected() ? true : table.getIsSomeRowsSelected() ? "indeterminate" : false,
+						onClick: (e) => {
+							e.stopPropagation();
+							table.getToggleAllRowsSelectedHandler()(e);
+						}
+					})
+				}),
+				expandable && /* @__PURE__ */ jsx(TableHead, { className: classNames(ds_table_header_module_default.headerCell, ds_table_header_module_default.expandColumn) }),
+				reorderable && /* @__PURE__ */ jsx(TableHead, {
+					className: classNames(ds_table_header_module_default.headerCell, ds_table_header_module_default.reorderColumn),
+					children: "Order"
+				}),
+				headerGroup.headers.map((header, idx) => {
+					const isLastColumn = idx === headerGroup.headers.length - 1;
+					const headerStyle = getColumnStyle(header.column.getSize(), virtualized, isLastColumn);
+					return /* @__PURE__ */ jsx(TableHead, {
+						className: classNames(ds_table_header_module_default.headerCell, header.column.getCanSort() && ds_table_header_module_default.sortableHeader),
+						onClick: header.column.getToggleSortingHandler(),
+						style: headerStyle,
+						children: header.isPlaceholder ? null : /* @__PURE__ */ jsxs("div", {
+							className: ds_table_header_module_default.headerSortContainer,
+							children: [/* @__PURE__ */ jsx("div", { children: flexRender(header.column.columnDef.header, header.getContext()) }), header.column.getCanSort() && /* @__PURE__ */ jsx("div", {
+								className: ds_table_header_module_default.pageButtonIconContainer,
+								children: {
+									asc: /* @__PURE__ */ jsx(ds_icon_default, {
+										icon: "arrow_drop_up",
+										className: classNames(ds_table_header_module_default.pageButtonIcon, ds_table_shared_module_default.pageButtonIcon)
+									}),
+									desc: /* @__PURE__ */ jsx(ds_icon_default, {
+										icon: "arrow_drop_down",
+										className: classNames(ds_table_header_module_default.pageButtonIcon, ds_table_shared_module_default.pageButtonIcon)
+									})
+								}[header.column.getIsSorted()] ?? /* @__PURE__ */ jsx("div", { className: classNames(ds_table_header_module_default.pageButtonIcon, ds_table_shared_module_default.pageButtonIcon) })
+							})]
+						})
+					}, header.id);
+				})
+			]
+		}, headerGroup.id))
+	});
+};
+var ds_table_header_default = DsTableHeader;
+
+//#endregion
+export { ds_table_header_default as default };
+//# sourceMappingURL=ds-table-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-table-header.js","names":["classnames","styles","DsCheckbox","stylesShared","DsIcon"],"sources":["../../../../../src/components/ds-table/components/ds-table-header/ds-table-header.tsx"],"sourcesContent":["import { flexRender } from '@tanstack/react-table';\nimport classnames from 'classnames';\nimport { DsCheckbox } from '../../../ds-checkbox';\nimport { DsIcon } from '../../../ds-icon';\nimport { TableHead, TableHeader, TableRow } from '../core-table';\nimport styles from './ds-table-header.module.scss';\nimport stylesShared from '../../styles/shared/ds-table-shared.module.scss';\nimport type { DsTableHeaderProps } from './ds-table-header.types';\nimport { useDsTableContext } from '../../context/ds-table-context';\nimport { getColumnStyle } from '../../utils/column-styling';\n\nconst DsTableHeader = <TData,>({ table }: DsTableHeaderProps<TData>) => {\n\tconst { stickyHeader, bordered, expandable, selectable, reorderable, showSelectAllCheckbox, virtualized } =\n\t\tuseDsTableContext<TData, unknown>();\n\n\treturn (\n\t\t<TableHeader\n\t\t\tclassName={classnames(stickyHeader && styles.stickyHeader, virtualized && styles.virtualizedHeader)}\n\t\t>\n\t\t\t{table.getHeaderGroups().map((headerGroup) => (\n\t\t\t\t<TableRow\n\t\t\t\t\tkey={headerGroup.id}\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\tstyles.headerRow,\n\t\t\t\t\t\t!bordered && styles.headerRowNoBorder,\n\t\t\t\t\t\tvirtualized && styles.headerRowVirtualized,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{selectable && (\n\t\t\t\t\t\t<TableHead className={classnames(styles.headerCell, styles.selectColumn)}>\n\t\t\t\t\t\t\t{showSelectAllCheckbox && (\n\t\t\t\t\t\t\t\t<DsCheckbox\n\t\t\t\t\t\t\t\t\tclassName={stylesShared.checkboxContainer}\n\t\t\t\t\t\t\t\t\tchecked={\n\t\t\t\t\t\t\t\t\t\ttable.getIsAllRowsSelected()\n\t\t\t\t\t\t\t\t\t\t\t? true\n\t\t\t\t\t\t\t\t\t\t\t: table.getIsSomeRowsSelected()\n\t\t\t\t\t\t\t\t\t\t\t\t? 'indeterminate'\n\t\t\t\t\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\tconst toggleHandler = table.getToggleAllRowsSelectedHandler();\n\t\t\t\t\t\t\t\t\t\ttoggleHandler(e);\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)}\n\t\t\t\t\t\t</TableHead>\n\t\t\t\t\t)}\n\t\t\t\t\t{expandable && <TableHead className={classnames(styles.headerCell, styles.expandColumn)} />}\n\t\t\t\t\t{reorderable && (\n\t\t\t\t\t\t<TableHead className={classnames(styles.headerCell, styles.reorderColumn)}>Order</TableHead>\n\t\t\t\t\t)}\n\t\t\t\t\t{headerGroup.headers.map((header, idx) => {\n\t\t\t\t\t\tconst isLastColumn = idx === headerGroup.headers.length - 1;\n\t\t\t\t\t\tconst headerStyle = getColumnStyle(header.column.getSize(), virtualized, isLastColumn);\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<TableHead\n\t\t\t\t\t\t\t\tkey={header.id}\n\t\t\t\t\t\t\t\tclassName={classnames(styles.headerCell, header.column.getCanSort() && styles.sortableHeader)}\n\t\t\t\t\t\t\t\tonClick={header.column.getToggleSortingHandler()}\n\t\t\t\t\t\t\t\tstyle={headerStyle}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{header.isPlaceholder ? null : (\n\t\t\t\t\t\t\t\t\t<div className={styles.headerSortContainer}>\n\t\t\t\t\t\t\t\t\t\t<div>{flexRender(header.column.columnDef.header, header.getContext())}</div>\n\t\t\t\t\t\t\t\t\t\t{header.column.getCanSort() && (\n\t\t\t\t\t\t\t\t\t\t\t<div className={styles.pageButtonIconContainer}>\n\t\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\t\tasc: (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<DsIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon=\"arrow_drop_up\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={classnames(styles.pageButtonIcon, stylesShared.pageButtonIcon)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<DsIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon=\"arrow_drop_down\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={classnames(styles.pageButtonIcon, stylesShared.pageButtonIcon)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t}[header.column.getIsSorted() as string] ?? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className={classnames(styles.pageButtonIcon, stylesShared.pageButtonIcon)} />\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</TableHead>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</TableRow>\n\t\t\t))}\n\t\t</TableHeader>\n\t);\n};\n\nexport default DsTableHeader;\n"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAM,iBAAyB,EAAE,YAAuC;CACvE,MAAM,EAAE,cAAc,UAAU,YAAY,YAAY,aAAa,uBAAuB,gBAC3F,mBAAmC;AAEpC,QACC,oBAAC;EACA,WAAWA,WAAW,gBAAgBC,+BAAO,cAAc,eAAeA,+BAAO,kBAAkB;YAElG,MAAM,iBAAiB,CAAC,KAAK,gBAC7B,qBAAC;GAEA,WAAWD,WACVC,+BAAO,WACP,CAAC,YAAYA,+BAAO,mBACpB,eAAeA,+BAAO,qBACtB;;IAEA,cACA,oBAAC;KAAU,WAAWD,WAAWC,+BAAO,YAAYA,+BAAO,aAAa;eACtE,yBACA,oBAACC;MACA,WAAWC,+BAAa;MACxB,SACC,MAAM,sBAAsB,GACzB,OACA,MAAM,uBAAuB,GAC5B,kBACA;MAEL,UAAU,MAAM;AACf,SAAE,iBAAiB;AAEnB,OADsB,MAAM,iCAAiC,CAC/C,EAAE;;OAEhB;MAEQ;IAEZ,cAAc,oBAAC,aAAU,WAAWH,WAAWC,+BAAO,YAAYA,+BAAO,aAAa,GAAI;IAC1F,eACA,oBAAC;KAAU,WAAWD,WAAWC,+BAAO,YAAYA,+BAAO,cAAc;eAAE;MAAiB;IAE5F,YAAY,QAAQ,KAAK,QAAQ,QAAQ;KACzC,MAAM,eAAe,QAAQ,YAAY,QAAQ,SAAS;KAC1D,MAAM,cAAc,eAAe,OAAO,OAAO,SAAS,EAAE,aAAa,aAAa;AAEtF,YACC,oBAAC;MAEA,WAAWD,WAAWC,+BAAO,YAAY,OAAO,OAAO,YAAY,IAAIA,+BAAO,eAAe;MAC7F,SAAS,OAAO,OAAO,yBAAyB;MAChD,OAAO;gBAEN,OAAO,gBAAgB,OACvB,qBAAC;OAAI,WAAWA,+BAAO;kBACtB,oBAAC,mBAAK,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,YAAY,CAAC,GAAO,EAC3E,OAAO,OAAO,YAAY,IAC1B,oBAAC;QAAI,WAAWA,+BAAO;kBACrB;SACA,KACC,oBAACG;UACA,MAAK;UACL,WAAWJ,WAAWC,+BAAO,gBAAgBE,+BAAa,eAAe;WACxE;SAEH,MACC,oBAACC;UACA,MAAK;UACL,WAAWJ,WAAWC,+BAAO,gBAAgBE,+BAAa,eAAe;WACxE;SAEH,CAAC,OAAO,OAAO,aAAa,KAC5B,oBAAC,SAAI,WAAWH,WAAWC,+BAAO,gBAAgBE,+BAAa,eAAe,GAAI;SAE9E;QAEF;QA5BF,OAAO,GA8BD;MAEZ;;KAtEG,YAAY,GAuEP,CACV;GACW;;AAIhB,8BAAe"}

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

@@ -0,0 +1,20 @@
+
+//#region src/components/ds-table/components/ds-table-header/ds-table-header.module.scss
+var ds_table_header_module_default = {
+	"stickyHeader": "_stickyHeader_jlsaf_1",
+	"virtualizedHeader": "_virtualizedHeader_jlsaf_1",
+	"headerRow": "_headerRow_jlsaf_1",
+	"headerCell": "_headerCell_jlsaf_1",
+	"selectColumn": "_selectColumn_jlsaf_1",
+	"headerRowNoBorder": "_headerRowNoBorder_jlsaf_1",
+	"headerRowVirtualized": "_headerRowVirtualized_jlsaf_1",
+	"expandColumn": "_expandColumn_jlsaf_1",
+	"reorderColumn": "_reorderColumn_jlsaf_1",
+	"sortableHeader": "_sortableHeader_jlsaf_1",
+	"pageButtonIconContainer": "_pageButtonIconContainer_jlsaf_1",
+	"pageButtonIcon": "_pageButtonIcon_jlsaf_1",
+	"headerSortContainer": "_headerSortContainer_jlsaf_1"
+};
+
+//#endregion
+exports.default = ds_table_header_module_default;

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

@@ -0,0 +1,20 @@
+//#region src/components/ds-table/components/ds-table-header/ds-table-header.module.scss
+var ds_table_header_module_default = {
+	"stickyHeader": "_stickyHeader_jlsaf_1",
+	"virtualizedHeader": "_virtualizedHeader_jlsaf_1",
+	"headerRow": "_headerRow_jlsaf_1",
+	"headerCell": "_headerCell_jlsaf_1",
+	"selectColumn": "_selectColumn_jlsaf_1",
+	"headerRowNoBorder": "_headerRowNoBorder_jlsaf_1",
+	"headerRowVirtualized": "_headerRowVirtualized_jlsaf_1",
+	"expandColumn": "_expandColumn_jlsaf_1",
+	"reorderColumn": "_reorderColumn_jlsaf_1",
+	"sortableHeader": "_sortableHeader_jlsaf_1",
+	"pageButtonIconContainer": "_pageButtonIconContainer_jlsaf_1",
+	"pageButtonIcon": "_pageButtonIcon_jlsaf_1",
+	"headerSortContainer": "_headerSortContainer_jlsaf_1"
+};
+
+//#endregion
+export { ds_table_header_module_default as default };
+//# sourceMappingURL=ds-table-header.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-table-header.module.js","names":[],"sources":["../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-table/components/ds-table-header/ds-table-header.module.scss","../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-table/styles/_variables.scss","../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss"],"sourcesContent":["@use '../../../../styles/typography';\n@use '../../styles/variables' as vars;\n\n.stickyHeader {\n\tposition: sticky;\n\ttop: 0;\n\tz-index: 10;\n\tbackground-color: var(--color-background);\n}\n\n.virtualizedHeader {\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tgrid-column: 1 / -1;\n}\n\n.headerRow {\n\t.headerCell {\n\t\tborder-bottom: 1px solid var(--neutral-6);\n\n\t\t&.selectColumn {\n\t\t\twidth: vars.$select-column-width;\n\t\t\tpadding: 0;\n\t\t}\n\t}\n\n\t&.headerRowNoBorder {\n\t\t.headerCell {\n\t\t\tborder-bottom: none;\n\t\t}\n\t}\n}\n\n.headerRowVirtualized {\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tgrid-column: 1 / -1;\n\talign-items: center;\n}\n\n.expandColumn {\n\twidth: vars.$expand-column-width;\n}\n\n.reorderColumn {\n\twidth: vars.$reorder-column-width;\n}\n\n.headerCell {\n\t@include typography.body-sm-md;\n\tcolor: var(--color-font-main);\n\ttext-align: left;\n\tpadding: 0 var(--spacing-standard);\n\theight: var(--ds-table-header-height);\n\n\t&.sortableHeader {\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t}\n\n\t.pageButtonIconContainer {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 24px;\n\t\theight: 24px;\n\n\t\t&.pageButtonIcon {\n\t\t\tcolor: var(--neutral-4);\n\t\t\ttransition: transform 0.2s ease-in-out;\n\t\t}\n\t}\n}\n\n.headerSortContainer {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: vars.$header-sort-gap;\n\theight: 100%;\n}\n"],"mappings":""}

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

@@ -0,0 +1 @@
+const require_ds_table_header = require('./ds-table-header.cjs');

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

@@ -0,0 +1 @@
+import ds_table_header_default from "./ds-table-header.js";

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

@@ -0,0 +1,140 @@
+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_checkbox = require('../../../ds-checkbox/ds-checkbox.cjs');
+require('../../../ds-checkbox/index.cjs');
+const require_merge_refs = require('../../utils/merge-refs.cjs');
+const require_core_table = require('../core-table/core-table.cjs');
+require('../core-table/index.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');
+const require_ds_table_cell = require('../ds-table-cell/ds-table-cell.cjs');
+require('../ds-table-cell/index.cjs');
+const require_ds_table_row_module = require('./ds-table-row.module.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __dnd_kit_sortable = require("@dnd-kit/sortable");
+let __dnd_kit_utilities = require("@dnd-kit/utilities");
+
+//#region src/components/ds-table/components/ds-table-row/ds-table-row.tsx
+const DsRowDragHandle = ({ isDragging, attributes, listeners }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
+		className: (0, classnames.default)(require_ds_table_row_module.default.tableCell, require_ds_table_row_module.default.cellReorder, { [require_ds_table_row_module.default.isDragging]: isDragging }),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+			className: require_ds_table_row_module.default.rowDragHandle,
+			icon: isDragging ? "drag_indicator" : "arrow_downward",
+			size: isDragging ? "medium" : "small",
+			onClick: (e) => e.stopPropagation(),
+			...attributes,
+			...listeners
+		})
+	});
+};
+const DsTableRow = ({ ref, row, virtualRow }) => {
+	const { expandable, expandedRows, selectable, reorderable, onRowClick, onRowDoubleClick, renderExpandedRow, virtualized, bordered, highlightOnHover, rowSize, toggleRowExpanded, primaryRowActions, secondaryRowActions, activeRowId } = require_ds_table_context.useDsTableContext();
+	const isExpanded = expandedRows[row.id];
+	const isExpandable = typeof expandable === "function" ? expandable(row.original) : expandable;
+	const isActive = activeRowId === row.id;
+	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = (0, __dnd_kit_sortable.useSortable)({
+		id: row.id,
+		disabled: !reorderable
+	});
+	const rowStyle = virtualRow && virtualized ? { transform: `translateY(${String(virtualRow.start)}px)` } : reorderable ? {
+		transform: __dnd_kit_utilities.CSS.Transform.toString(transform),
+		transition,
+		...isDragging ? {
+			background: "var(--action-active-light)",
+			boxShadow: "0 0 12px 0 rgba(0, 102, 250, 0.60)",
+			zIndex: 1
+		} : {},
+		position: "relative"
+	} : {};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.default.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_core_table.TableRow, {
+		ref: require_merge_refs.mergeRefs(reorderable ? setNodeRef : null, ref),
+		"data-state": isActive ? "active" : row.getIsSelected() ? "selected" : void 0,
+		className: (0, classnames.default)(require_ds_table_row_module.default.tableRow, {
+			[require_ds_table_row_module.default.sizeSmall]: rowSize === "small",
+			[require_ds_table_row_module.default.sizeMedium]: rowSize === "medium",
+			[require_ds_table_row_module.default.sizeLarge]: rowSize === "large"
+		}, virtualized && require_ds_table_row_module.default.virtualizedRow, onRowClick && require_ds_table_row_module.default.clickableRow, highlightOnHover && require_ds_table_row_module.default.highlightHoverRow, !bordered && require_ds_table_row_module.default.rowNoBorder, isExpanded && require_ds_table_row_module.default.expanded),
+		style: rowStyle,
+		onClick: () => onRowClick?.(row.original),
+		onDoubleClick: () => onRowDoubleClick?.(row.original),
+		children: [
+			selectable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
+				className: (0, classnames.default)(require_ds_table_row_module.default.tableCell, require_ds_table_row_module.default.cellCheckbox),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_checkbox.default, {
+					className: require_ds_table_shared_module.default.checkboxContainer,
+					checked: row.getIsSelected(),
+					disabled: !row.getCanSelect(),
+					onClick: (e) => {
+						e.stopPropagation();
+						row.getToggleSelectedHandler()(e);
+					},
+					onDoubleClick: (e) => {
+						e.stopPropagation();
+					}
+				})
+			}),
+			expandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
+				className: (0, classnames.default)(require_ds_table_row_module.default.tableCell, require_ds_table_row_module.default.cellButton),
+				children: isExpandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
+					variant: virtualized ? "ghost" : "borderless",
+					size: "small",
+					onClick: (e) => {
+						e.stopPropagation();
+						toggleRowExpanded(row.id);
+					},
+					onDoubleClick: (e) => {
+						e.stopPropagation();
+					},
+					className: require_ds_table_row_module.default.expandToggleButton,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+						icon: virtualized ? isExpanded ? "arrow_drop_down" : "arrow_right" : "chevron_right",
+						className: (0, classnames.default)(require_ds_table_shared_module.default.pageButtonIcon, !virtualized && isExpanded && "rotate-90")
+					})
+				})
+			}),
+			reorderable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsRowDragHandle, {
+				isDragging,
+				attributes,
+				listeners
+			}),
+			row.getVisibleCells().map((cell, idx) => {
+				const isLastColumn = idx === row.getVisibleCells().length - 1;
+				const cellStyle = require_column_styling.getColumnStyle(cell.column.getSize(), virtualized, isLastColumn);
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
+					className: require_ds_table_row_module.default.tableCell,
+					style: cellStyle,
+					children: isLastColumn ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_table_cell.DsTableCell, {
+						row,
+						cell,
+						primaryRowActions,
+						secondaryRowActions
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_table_cell.DsTableCell, {
+						row,
+						cell
+					})
+				}, cell.id);
+			})
+		]
+	}), isExpanded && renderExpandedRow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableRow, {
+		style: virtualRow && virtualized ? { transform: `translateY(${String(virtualRow.start + virtualRow.size)}px)` } : void 0,
+		className: require_ds_table_row_module.default.expandedRow,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
+			colSpan: row.getVisibleCells().length + (selectable ? 1 : 0) + (isExpandable ? 1 : 0) + (reorderable ? 1 : 0),
+			className: require_ds_table_row_module.default.tableCell,
+			children: renderExpandedRow(row.original)
+		})
+	})] }, row.id);
+};
+var ds_table_row_default = DsTableRow;
+
+//#endregion
+exports.default = ds_table_row_default;

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

@@ -0,0 +1,138 @@
+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_checkbox_default from "../../../ds-checkbox/ds-checkbox.js";
+import "../../../ds-checkbox/index.js";
+import { mergeRefs } from "../../utils/merge-refs.js";
+import { TableCell, TableRow } from "../core-table/core-table.js";
+import "../core-table/index.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 { DsTableCell } from "../ds-table-cell/ds-table-cell.js";
+import "../ds-table-cell/index.js";
+import ds_table_row_module_default from "./ds-table-row.module.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+
+//#region src/components/ds-table/components/ds-table-row/ds-table-row.tsx
+const DsRowDragHandle = ({ isDragging, attributes, listeners }) => {
+	return /* @__PURE__ */ jsx(TableCell, {
+		className: classNames(ds_table_row_module_default.tableCell, ds_table_row_module_default.cellReorder, { [ds_table_row_module_default.isDragging]: isDragging }),
+		children: /* @__PURE__ */ jsx(ds_icon_default, {
+			className: ds_table_row_module_default.rowDragHandle,
+			icon: isDragging ? "drag_indicator" : "arrow_downward",
+			size: isDragging ? "medium" : "small",
+			onClick: (e) => e.stopPropagation(),
+			...attributes,
+			...listeners
+		})
+	});
+};
+const DsTableRow = ({ ref, row, virtualRow }) => {
+	const { expandable, expandedRows, selectable, reorderable, onRowClick, onRowDoubleClick, renderExpandedRow, virtualized, bordered, highlightOnHover, rowSize, toggleRowExpanded, primaryRowActions, secondaryRowActions, activeRowId } = useDsTableContext();
+	const isExpanded = expandedRows[row.id];
+	const isExpandable = typeof expandable === "function" ? expandable(row.original) : expandable;
+	const isActive = activeRowId === row.id;
+	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
+		id: row.id,
+		disabled: !reorderable
+	});
+	const rowStyle = virtualRow && virtualized ? { transform: `translateY(${String(virtualRow.start)}px)` } : reorderable ? {
+		transform: CSS.Transform.toString(transform),
+		transition,
+		...isDragging ? {
+			background: "var(--action-active-light)",
+			boxShadow: "0 0 12px 0 rgba(0, 102, 250, 0.60)",
+			zIndex: 1
+		} : {},
+		position: "relative"
+	} : {};
+	return /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsxs(TableRow, {
+		ref: mergeRefs(reorderable ? setNodeRef : null, ref),
+		"data-state": isActive ? "active" : row.getIsSelected() ? "selected" : void 0,
+		className: classNames(ds_table_row_module_default.tableRow, {
+			[ds_table_row_module_default.sizeSmall]: rowSize === "small",
+			[ds_table_row_module_default.sizeMedium]: rowSize === "medium",
+			[ds_table_row_module_default.sizeLarge]: rowSize === "large"
+		}, virtualized && ds_table_row_module_default.virtualizedRow, onRowClick && ds_table_row_module_default.clickableRow, highlightOnHover && ds_table_row_module_default.highlightHoverRow, !bordered && ds_table_row_module_default.rowNoBorder, isExpanded && ds_table_row_module_default.expanded),
+		style: rowStyle,
+		onClick: () => onRowClick?.(row.original),
+		onDoubleClick: () => onRowDoubleClick?.(row.original),
+		children: [
+			selectable && /* @__PURE__ */ jsx(TableCell, {
+				className: classNames(ds_table_row_module_default.tableCell, ds_table_row_module_default.cellCheckbox),
+				children: /* @__PURE__ */ jsx(ds_checkbox_default, {
+					className: ds_table_shared_module_default.checkboxContainer,
+					checked: row.getIsSelected(),
+					disabled: !row.getCanSelect(),
+					onClick: (e) => {
+						e.stopPropagation();
+						row.getToggleSelectedHandler()(e);
+					},
+					onDoubleClick: (e) => {
+						e.stopPropagation();
+					}
+				})
+			}),
+			expandable && /* @__PURE__ */ jsx(TableCell, {
+				className: classNames(ds_table_row_module_default.tableCell, ds_table_row_module_default.cellButton),
+				children: isExpandable && /* @__PURE__ */ jsx(ds_button_default, {
+					variant: virtualized ? "ghost" : "borderless",
+					size: "small",
+					onClick: (e) => {
+						e.stopPropagation();
+						toggleRowExpanded(row.id);
+					},
+					onDoubleClick: (e) => {
+						e.stopPropagation();
+					},
+					className: ds_table_row_module_default.expandToggleButton,
+					children: /* @__PURE__ */ jsx(ds_icon_default, {
+						icon: virtualized ? isExpanded ? "arrow_drop_down" : "arrow_right" : "chevron_right",
+						className: classNames(ds_table_shared_module_default.pageButtonIcon, !virtualized && isExpanded && "rotate-90")
+					})
+				})
+			}),
+			reorderable && /* @__PURE__ */ jsx(DsRowDragHandle, {
+				isDragging,
+				attributes,
+				listeners
+			}),
+			row.getVisibleCells().map((cell, idx) => {
+				const isLastColumn = idx === row.getVisibleCells().length - 1;
+				const cellStyle = getColumnStyle(cell.column.getSize(), virtualized, isLastColumn);
+				return /* @__PURE__ */ jsx(TableCell, {
+					className: ds_table_row_module_default.tableCell,
+					style: cellStyle,
+					children: isLastColumn ? /* @__PURE__ */ jsx(DsTableCell, {
+						row,
+						cell,
+						primaryRowActions,
+						secondaryRowActions
+					}) : /* @__PURE__ */ jsx(DsTableCell, {
+						row,
+						cell
+					})
+				}, cell.id);
+			})
+		]
+	}), isExpanded && renderExpandedRow && /* @__PURE__ */ jsx(TableRow, {
+		style: virtualRow && virtualized ? { transform: `translateY(${String(virtualRow.start + virtualRow.size)}px)` } : void 0,
+		className: ds_table_row_module_default.expandedRow,
+		children: /* @__PURE__ */ jsx(TableCell, {
+			colSpan: row.getVisibleCells().length + (selectable ? 1 : 0) + (isExpandable ? 1 : 0) + (reorderable ? 1 : 0),
+			className: ds_table_row_module_default.tableCell,
+			children: renderExpandedRow(row.original)
+		})
+	})] }, row.id);
+};
+var ds_table_row_default = DsTableRow;
+
+//#endregion
+export { ds_table_row_default as default };
+//# sourceMappingURL=ds-table-row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-table-row.js","names":["classnames","styles","DsIcon","rowStyle: React.CSSProperties","DsCheckbox","stylesShared","DsButton"],"sources":["../../../../../src/components/ds-table/components/ds-table-row/ds-table-row.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { DsIcon } from '../../../ds-icon';\nimport { DsCheckbox } from '../../../ds-checkbox';\nimport { DsButton } from '../../../ds-button';\nimport { TableCell, TableRow } from '../core-table';\nimport { DsTableCell } from '../ds-table-cell';\nimport type { DsTableRowProps } from './ds-table-row.types';\nimport styles from './ds-table-row.module.scss';\nimport stylesShared from '../../styles/shared/ds-table-shared.module.scss';\nimport { useDsTableContext } from '../../context/ds-table-context';\nimport { mergeRefs } from '../../utils/merge-refs';\nimport { getColumnStyle } from '../../utils/column-styling';\n\ninterface DsRowDragHandleProps {\n\tisDragging: boolean;\n\tattributes: ReturnType<typeof useSortable>['attributes'];\n\tlisteners: ReturnType<typeof useSortable>['listeners'];\n}\n\nconst DsRowDragHandle = ({ isDragging, attributes, listeners }: DsRowDragHandleProps) => {\n\treturn (\n\t\t<TableCell\n\t\t\tclassName={classnames(styles.tableCell, styles.cellReorder, {\n\t\t\t\t[styles.isDragging]: isDragging,\n\t\t\t})}\n\t\t>\n\t\t\t<DsIcon\n\t\t\t\tclassName={styles.rowDragHandle}\n\t\t\t\ticon={isDragging ? 'drag_indicator' : 'arrow_downward'}\n\t\t\t\tsize={isDragging ? 'medium' : 'small'}\n\t\t\t\tonClick={(e: React.MouseEvent) => e.stopPropagation()}\n\t\t\t\t{...attributes}\n\t\t\t\t{...listeners}\n\t\t\t></DsIcon>\n\t\t</TableCell>\n\t);\n};\n\nconst DsTableRow = <TData,>({ ref, row, virtualRow }: DsTableRowProps<TData>) => {\n\tconst {\n\t\texpandable,\n\t\texpandedRows,\n\t\tselectable,\n\t\treorderable,\n\t\tonRowClick,\n\t\tonRowDoubleClick,\n\t\trenderExpandedRow,\n\t\tvirtualized,\n\t\tbordered,\n\t\thighlightOnHover,\n\t\trowSize,\n\t\ttoggleRowExpanded,\n\t\tprimaryRowActions,\n\t\tsecondaryRowActions,\n\t\tactiveRowId,\n\t} = useDsTableContext<TData, unknown>();\n\tconst isExpanded = expandedRows[row.id];\n\tconst isExpandable = typeof expandable === 'function' ? expandable(row.original) : expandable;\n\tconst isActive = activeRowId === row.id;\n\n\tconst { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n\t\tid: row.id,\n\t\tdisabled: !reorderable,\n\t});\n\tconst rowStyle: React.CSSProperties =\n\t\tvirtualRow && virtualized\n\t\t\t? {\n\t\t\t\t\ttransform: `translateY(${String(virtualRow.start)}px)`,\n\t\t\t\t}\n\t\t\t: reorderable\n\t\t\t\t? {\n\t\t\t\t\t\t// Convert DND-kit's transform coordinates to CSS transform string\n\t\t\t\t\t\ttransform: CSS.Transform.toString(transform),\n\t\t\t\t\t\ttransition,\n\t\t\t\t\t\t...(isDragging\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tbackground: 'var(--action-active-light)',\n\t\t\t\t\t\t\t\t\tboxShadow: '0 0 12px 0 rgba(0, 102, 250, 0.60)',\n\t\t\t\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\tposition: 'relative',\n\t\t\t\t\t}\n\t\t\t\t: {};\n\n\treturn (\n\t\t<React.Fragment key={row.id}>\n\t\t\t<TableRow\n\t\t\t\tref={mergeRefs(reorderable ? setNodeRef : null, ref)}\n\t\t\t\tdata-state={isActive ? 'active' : row.getIsSelected() ? 'selected' : undefined}\n\t\t\t\tclassName={classnames(\n\t\t\t\t\tstyles.tableRow,\n\t\t\t\t\t{\n\t\t\t\t\t\t[styles.sizeSmall]: rowSize === 'small',\n\t\t\t\t\t\t[styles.sizeMedium]: rowSize === 'medium',\n\t\t\t\t\t\t[styles.sizeLarge]: rowSize === 'large',\n\t\t\t\t\t},\n\t\t\t\t\tvirtualized && styles.virtualizedRow,\n\t\t\t\t\tonRowClick && styles.clickableRow,\n\t\t\t\t\thighlightOnHover && styles.highlightHoverRow,\n\t\t\t\t\t!bordered && styles.rowNoBorder,\n\t\t\t\t\tisExpanded && styles.expanded,\n\t\t\t\t)}\n\t\t\t\tstyle={rowStyle}\n\t\t\t\tonClick={() => onRowClick?.(row.original)}\n\t\t\t\tonDoubleClick={() => onRowDoubleClick?.(row.original)}\n\t\t\t>\n\t\t\t\t{selectable && (\n\t\t\t\t\t<TableCell className={classnames(styles.tableCell, styles.cellCheckbox)}>\n\t\t\t\t\t\t<DsCheckbox\n\t\t\t\t\t\t\tclassName={stylesShared.checkboxContainer}\n\t\t\t\t\t\t\tchecked={row.getIsSelected()}\n\t\t\t\t\t\t\tdisabled={!row.getCanSelect()}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\tconst toggleHandler = row.getToggleSelectedHandler();\n\t\t\t\t\t\t\t\ttoggleHandler(e);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonDoubleClick={(e: React.MouseEvent) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TableCell>\n\t\t\t\t)}\n\t\t\t\t{expandable && (\n\t\t\t\t\t<TableCell className={classnames(styles.tableCell, styles.cellButton)}>\n\t\t\t\t\t\t{isExpandable && (\n\t\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\t\tvariant={virtualized ? 'ghost' : 'borderless'}\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={(e: React.MouseEvent) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\ttoggleRowExpanded(row.id);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonDoubleClick={(e: React.MouseEvent) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tclassName={styles.expandToggleButton}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<DsIcon\n\t\t\t\t\t\t\t\t\ticon={virtualized ? (isExpanded ? 'arrow_drop_down' : 'arrow_right') : 'chevron_right'}\n\t\t\t\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\t\t\t\tstylesShared.pageButtonIcon,\n\t\t\t\t\t\t\t\t\t\t!virtualized && isExpanded && 'rotate-90',\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</DsButton>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</TableCell>\n\t\t\t\t)}\n\t\t\t\t{reorderable && (\n\t\t\t\t\t<DsRowDragHandle isDragging={isDragging} attributes={attributes} listeners={listeners} />\n\t\t\t\t)}\n\t\t\t\t{row.getVisibleCells().map((cell, idx) => {\n\t\t\t\t\tconst isLastColumn = idx === row.getVisibleCells().length - 1;\n\t\t\t\t\tconst cellStyle = getColumnStyle(cell.column.getSize(), virtualized, isLastColumn);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<TableCell key={cell.id} className={styles.tableCell} style={cellStyle}>\n\t\t\t\t\t\t\t{isLastColumn ? (\n\t\t\t\t\t\t\t\t<DsTableCell\n\t\t\t\t\t\t\t\t\trow={row}\n\t\t\t\t\t\t\t\t\tcell={cell}\n\t\t\t\t\t\t\t\t\tprimaryRowActions={primaryRowActions}\n\t\t\t\t\t\t\t\t\tsecondaryRowActions={secondaryRowActions}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<DsTableCell row={row} cell={cell} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</TableRow>\n\t\t\t{isExpanded && renderExpandedRow && (\n\t\t\t\t<TableRow\n\t\t\t\t\tstyle={\n\t\t\t\t\t\tvirtualRow && virtualized\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\ttransform: `translateY(${String(virtualRow.start + virtualRow.size)}px)`,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tclassName={styles.expandedRow}\n\t\t\t\t>\n\t\t\t\t\t<TableCell\n\t\t\t\t\t\tcolSpan={\n\t\t\t\t\t\t\trow.getVisibleCells().length +\n\t\t\t\t\t\t\t(selectable ? 1 : 0) +\n\t\t\t\t\t\t\t(isExpandable ? 1 : 0) +\n\t\t\t\t\t\t\t(reorderable ? 1 : 0)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tclassName={styles.tableCell}\n\t\t\t\t\t>\n\t\t\t\t\t\t{renderExpandedRow(row.original)}\n\t\t\t\t\t</TableCell>\n\t\t\t\t</TableRow>\n\t\t\t)}\n\t\t</React.Fragment>\n\t);\n};\n\nexport default DsTableRow;\n"],"mappings":"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"}