@drivenets/design-system 0.0.2 → 0.0.4

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-table-cell.js","names":["Cell","flexRender","classnames","DsIcon","DsDropdownMenu","styles","DsTableCellProps","DsDefaultTableCell","t0","$","_c","cell","t1","column","columnDef","getContext","t2","tableCellEllipsis","DsTableCell","row","primaryRowActions","secondaryRowActions","t3","undefined","t4","length","t5","t6","action","disabled","original","some","hasSecondaryRowActions","t7","t8","action_0","i","isDisabled","label","rowActionIcon","tooltip","e","stopPropagation","onClick","icon","map","secondaryActionsTrigger","_temp","action_1","i_0","label_0","isDisabled_0","_temp2","t9","cellActions","t10","lastCell","e_0","e_1"],"sources":["../../../../../src/components/ds-table/components/ds-table-cell/ds-table-cell.tsx"],"sourcesContent":["import { type Cell, flexRender } from '@tanstack/react-table';\nimport classnames from 'classnames';\nimport { DsIcon } from '../../../ds-icon';\nimport { DsDropdownMenu } from '../../../ds-dropdown-menu';\nimport styles from './ds-table-cell.module.scss';\nimport type { DsTableCellProps } from './ds-table-cell.types';\n\nconst DsDefaultTableCell = <TData, TValue>({ cell }: { cell: Cell<TData, TValue> }) => {\n\treturn (\n\t\t<div className={styles.tableCellEllipsis}>\n\t\t\t{flexRender(cell.column.columnDef.cell, cell.getContext())}\n\t\t</div>\n\t);\n};\n\nexport const DsTableCell = <TData, TValue>({\n\trow,\n\tcell,\n\tprimaryRowActions = [],\n\tsecondaryRowActions = [],\n}: DsTableCellProps<TData, TValue>) => {\n\tif (primaryRowActions.length || secondaryRowActions.length) {\n\t\tconst hasSecondaryRowActions = secondaryRowActions.some((action) => !action.disabled?.(row.original));\n\t\treturn (\n\t\t\t<div className={styles.lastCell}>\n\t\t\t\t<DsDefaultTableCell cell={cell} />\n\t\t\t\t<div className={styles.cellActions}>\n\t\t\t\t\t{primaryRowActions.map((action, i) => {\n\t\t\t\t\t\tconst isDisabled = action.disabled?.(row.original);\n\t\t\t\t\t\tconst label = typeof action.label === 'function' ? action.label(row.original) : action.label;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclassName={classnames(styles.rowActionIcon, { [styles.disabled]: isDisabled })}\n\t\t\t\t\t\t\t\ttitle={action.tooltip || label}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation();\n\n\t\t\t\t\t\t\t\t\tif (isDisabled) {\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taction.onClick(row.original);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ttabIndex={isDisabled ? -1 : 0}\n\t\t\t\t\t\t\t\taria-label={label}\n\t\t\t\t\t\t\t\taria-disabled={isDisabled}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<DsIcon icon={action.icon} size=\"tiny\" />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\t{hasSecondaryRowActions && (\n\t\t\t\t\t\t<DsDropdownMenu.Root>\n\t\t\t\t\t\t\t<DsDropdownMenu.Trigger\n\t\t\t\t\t\t\t\tclassName={classnames(styles.rowActionIcon, styles.secondaryActionsTrigger)}\n\t\t\t\t\t\t\t\taria-label=\"More actions\"\n\t\t\t\t\t\t\t\tasChild\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\ttitle=\"More actions\"\n\t\t\t\t\t\t\t\t\taria-label=\"More actions\"\n\t\t\t\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<DsIcon icon=\"more_vert\" size=\"tiny\" />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</DsDropdownMenu.Trigger>\n\t\t\t\t\t\t\t<DsDropdownMenu.Content>\n\t\t\t\t\t\t\t\t{secondaryRowActions.map((action, i) => {\n\t\t\t\t\t\t\t\t\tconst label =\n\t\t\t\t\t\t\t\t\t\ttypeof action.label === 'function' ? action.label(row.original) : action.label;\n\t\t\t\t\t\t\t\t\tconst isDisabled = action.disabled?.(row.original);\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<DsDropdownMenu.Item\n\t\t\t\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\t\t\t\tvalue={label}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\t\t\t\t\tonSelect={() => action.onClick(row.original)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{action.icon && <DsIcon icon={action.icon} />}\n\t\t\t\t\t\t\t\t\t\t\t<span>{label}</span>\n\t\t\t\t\t\t\t\t\t\t</DsDropdownMenu.Item>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</DsDropdownMenu.Content>\n\t\t\t\t\t\t</DsDropdownMenu.Root>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn <DsDefaultTableCell cell={cell} />;\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+
+//#region src/components/ds-table/components/ds-table-cell/ds-table-cell.module.scss
+var ds_table_cell_module_default = {
+	"tableCellEllipsis": "_tableCellEllipsis_37042_1",
+	"lastCell": "_lastCell_37042_1",
+	"cellActions": "_cellActions_37042_1",
+	"rowActionIcon": "_rowActionIcon_37042_1",
+	"disabled": "_disabled_37042_1",
+	"secondaryActionsTrigger": "_secondaryActionsTrigger_37042_1"
+};
+
+//#endregion
+exports.default = ds_table_cell_module_default;

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

@@ -0,0 +1,13 @@
+//#region src/components/ds-table/components/ds-table-cell/ds-table-cell.module.scss
+var ds_table_cell_module_default = {
+	"tableCellEllipsis": "_tableCellEllipsis_37042_1",
+	"lastCell": "_lastCell_37042_1",
+	"cellActions": "_cellActions_37042_1",
+	"rowActionIcon": "_rowActionIcon_37042_1",
+	"disabled": "_disabled_37042_1",
+	"secondaryActionsTrigger": "_secondaryActionsTrigger_37042_1"
+};
+
+//#endregion
+export { ds_table_cell_module_default as default };
+//# sourceMappingURL=ds-table-cell.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-table-cell.module.js","names":[],"sources":["../../../../../src/components/ds-table/components/ds-table-cell/ds-table-cell.module.scss"],"sourcesContent":["@use '../../../../styles/typography';\n\n.tableCellEllipsis {\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tword-break: break-word;\n}\n\n.lastCell {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\theight: 100%;\n\tflex: 1;\n\n\t.cellActions {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t}\n}\n\n.rowActionIcon {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 36px;\n\theight: 36px;\n\tborder-radius: 50%;\n\tbackground: none;\n\tcursor: pointer;\n\ttransition: background 0.15s;\n\tcolor: var(--color-icon-secondary);\n\n\t&.disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t\tpointer-events: none;\n\t}\n\n\t&:hover,\n\t&:focus-within {\n\t\tbackground: var(--color-background-action-hover-weak);\n\t\tcolor: var(--color-font-action);\n\t}\n}\n\n.secondaryActionsTrigger {\n\tmargin-inline-start: var(--spacing-sm);\n}\n"],"mappings":""}

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,104 @@
+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 react_compiler_runtime = require("react/compiler-runtime");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let __tanstack_react_table = require("@tanstack/react-table");
+
+//#region src/components/ds-table/components/ds-table-header/ds-table-header.tsx
+const DsTableHeader = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(14);
+	const { table } = t0;
+	const { stickyHeader, bordered, expandable, selectable, reorderable, showSelectAllCheckbox, virtualized } = require_ds_table_context.useDsTableContext();
+	const t1 = stickyHeader && require_ds_table_header_module.default.stickyHeader;
+	const t2 = virtualized && require_ds_table_header_module.default.virtualizedHeader;
+	let t3;
+	if ($[0] !== t1 || $[1] !== t2) {
+		t3 = (0, classnames.default)(t1, t2);
+		$[0] = t1;
+		$[1] = t2;
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== bordered || $[4] !== expandable || $[5] !== reorderable || $[6] !== selectable || $[7] !== showSelectAllCheckbox || $[8] !== table || $[9] !== virtualized) {
+		t4 = table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_core_table.TableRow, {
+			className: (0, classnames.default)(require_ds_table_header_module.default.headerRow, !bordered && require_ds_table_header_module.default.headerRowNoBorder, virtualized && require_ds_table_header_module.default.headerRowVirtualized),
+			children: [
+				selectable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableHead, {
+					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));
+		$[3] = bordered;
+		$[4] = expandable;
+		$[5] = reorderable;
+		$[6] = selectable;
+		$[7] = showSelectAllCheckbox;
+		$[8] = table;
+		$[9] = virtualized;
+		$[10] = t4;
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== t3 || $[12] !== t4) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableHeader, {
+			className: t3,
+			children: t4
+		});
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+	} else t5 = $[13];
+	return t5;
+};
+var ds_table_header_default = DsTableHeader;
+
+//#endregion
+exports.default = ds_table_header_default;

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

@@ -0,0 +1,103 @@
+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 { c } from "react/compiler-runtime";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { flexRender } from "@tanstack/react-table";
+
+//#region src/components/ds-table/components/ds-table-header/ds-table-header.tsx
+const DsTableHeader = (t0) => {
+	const $ = c(14);
+	const { table } = t0;
+	const { stickyHeader, bordered, expandable, selectable, reorderable, showSelectAllCheckbox, virtualized } = useDsTableContext();
+	const t1 = stickyHeader && ds_table_header_module_default.stickyHeader;
+	const t2 = virtualized && ds_table_header_module_default.virtualizedHeader;
+	let t3;
+	if ($[0] !== t1 || $[1] !== t2) {
+		t3 = classNames(t1, t2);
+		$[0] = t1;
+		$[1] = t2;
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== bordered || $[4] !== expandable || $[5] !== reorderable || $[6] !== selectable || $[7] !== showSelectAllCheckbox || $[8] !== table || $[9] !== virtualized) {
+		t4 = table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxs(TableRow, {
+			className: classNames(ds_table_header_module_default.headerRow, !bordered && ds_table_header_module_default.headerRowNoBorder, virtualized && ds_table_header_module_default.headerRowVirtualized),
+			children: [
+				selectable && /* @__PURE__ */ jsx(TableHead, {
+					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));
+		$[3] = bordered;
+		$[4] = expandable;
+		$[5] = reorderable;
+		$[6] = selectable;
+		$[7] = showSelectAllCheckbox;
+		$[8] = table;
+		$[9] = virtualized;
+		$[10] = t4;
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== t3 || $[12] !== t4) {
+		t5 = /* @__PURE__ */ jsx(TableHeader, {
+			className: t3,
+			children: t4
+		});
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+	} else t5 = $[13];
+	return t5;
+};
+var ds_table_header_default = DsTableHeader;
+
+//#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":["flexRender","classnames","DsCheckbox","DsIcon","TableHead","TableHeader","TableRow","styles","stylesShared","DsTableHeaderProps","useDsTableContext","getColumnStyle","DsTableHeader","t0","$","_c","table","stickyHeader","bordered","expandable","selectable","reorderable","showSelectAllCheckbox","virtualized","t1","t2","virtualizedHeader","t3","t4","getHeaderGroups","map","headerGroup","id","headerRow","headerRowNoBorder","headerRowVirtualized","headerCell","selectColumn","checkboxContainer","getIsAllRowsSelected","getIsSomeRowsSelected","e","stopPropagation","toggleHandler","getToggleAllRowsSelectedHandler","expandColumn","reorderColumn","headers","header","idx","isLastColumn","length","headerStyle","column","getSize","getCanSort","sortableHeader","getToggleSortingHandler","isPlaceholder","headerSortContainer","columnDef","getContext","pageButtonIconContainer","asc","pageButtonIcon","desc","getIsSorted","t5"],"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":"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"}

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";