@acronis-platform/ui-react 5.4.0 → 5.4.2

package/dist/components/ui/data-table/data-table.js

@@ -2,17 +2,17 @@ import { cn as e } from "../../../lib/utils.js";
 import { useIntersectionObserver as t } from "../../../hooks/use-intersection-observer.js";
 import { ButtonIcon as n } from "../button-icon/button-icon.js";
 import { Tooltip as r, TooltipContent as i, TooltipProvider as a, TooltipTrigger as o } from "../tooltip/tooltip.js";
-import { getCoreRowModel as s, getExpandedRowModel as c, getFilteredRowModel as l, getPaginationRowModel as u, getSortedRowModel as ee } from "../../../node_modules/.pnpm/@tanstack_table-core@8.21.3/node_modules/@tanstack/table-core/build/lib/index.js";
-import { flexRender as d, useReactTable as te } from "../../../node_modules/.pnpm/@tanstack_react-table@8.21.3_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@tanstack/react-table/build/lib/index.js";
-import { DropdownMenu as ne, DropdownMenuContent as re, DropdownMenuTrigger as ie } from "../dropdown-menu/dropdown-menu.js";
-import { Table as ae, TableActionsCell as oe, TableBody as se, TableCell as f, TableHead as ce, TableHeader as le, TableRow as p, TableSettingsCell as ue } from "../table/table.js";
-import { isBulkSelectionActive as de } from "./data-table-selection.js";
-import { DataTableViewOptions as fe } from "./data-table-view-options.js";
-import { Fragment as m, useEffect as pe, useMemo as h, useRef as me, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { EllipsisIcon as he } from "@acronis-platform/icons-react/stroke-mono";
+import { getCoreRowModel as s, getExpandedRowModel as c, getFilteredRowModel as l, getPaginationRowModel as u, getSortedRowModel as d } from "../../../node_modules/.pnpm/@tanstack_table-core@8.21.3/node_modules/@tanstack/table-core/build/lib/index.js";
+import { flexRender as f, useReactTable as p } from "../../../node_modules/.pnpm/@tanstack_react-table@8.21.3_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@tanstack/react-table/build/lib/index.js";
+import { DropdownMenu as m, DropdownMenuContent as ee, DropdownMenuTrigger as te } from "../dropdown-menu/dropdown-menu.js";
+import { Table as ne, TableActionsCell as re, TableBody as ie, TableCell as h, TableHead as ae, TableHeader as oe, TableRow as g, TableSettingsCell as se } from "../table/table.js";
+import { isBulkSelectionActive as ce } from "./data-table-selection.js";
+import { DataTableViewOptions as le } from "./data-table-view-options.js";
+import { Fragment as _, useEffect as ue, useMemo as de, useRef as fe, useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { EllipsisIcon as pe } from "@acronis-platform/icons-react/stroke-mono";
 //#region src/components/ui/data-table/data-table.tsx
-function y(e) {
+function x(e) {
 	let t = e.getIsPinned();
 	if (t) return {
 		position: "sticky",
@@ -22,37 +22,37 @@ function y(e) {
 		boxShadow: t === "left" ? "4px 0 4px -4px var(--ui-table-global-row-border-color)" : "-4px 0 4px -4px var(--ui-table-global-row-border-color)"
 	};
 }
-function b(e, t) {
+function S(e, t) {
 	if (e.id === "select") return 48;
 	if (t || e.columnDef.size !== void 0) return e.getSize();
 }
-function ge(e, t) {
-	let n = y(e.column), r = b(e.column, t);
+function C(e, t) {
+	let n = x(e.column), r = e.subHeaders.length === 0 ? S(e.column, t) : void 0;
 	if (!(!n && r === void 0)) return {
 		...n,
 		width: r
 	};
 }
-function x(e, t) {
-	let n = y(e.column), r = b(e.column, t);
+function w(e, t) {
+	let n = x(e.column), r = S(e.column, t);
 	if (!(!n && r === void 0)) return {
 		...n,
 		width: r
 	};
 }
-var S = 20, C = 2 ** 53 - 1;
-function w(e, t, { shiftKey: n, min: r, max: i }) {
+var T = 20, E = 2 ** 53 - 1;
+function D(e, t, { shiftKey: n, min: r, max: i }) {
 	let a = n ? 50 : 10;
 	if (e === "ArrowLeft") return Math.min(i, Math.max(r, t - a));
 	if (e === "ArrowRight") return Math.max(r, Math.min(i, t + a));
 }
-function T(e, t, n) {
+function O(e, t, n) {
 	let r = e.indexOf(t), i = e.indexOf(n);
 	if (r === -1 || i === -1 || r === i) return e;
 	let a = [...e];
 	return a.splice(i, 0, a.splice(r, 1)[0]), a;
 }
-var _e = {
+var me = {
 	sort: {
 		label: "Sort column",
 		action: "Click"
@@ -66,21 +66,21 @@ var _e = {
 		action: "Drag border"
 	}
 };
-function E({ columns: y = [], data: b = [], table: E, getRowId: ve, getRowCanExpand: ye, renderExpandedRow: D, striped: be = !1, bordered: xe = !1, highlightCurrentRow: O = !1, skeleton: k = !1, skeletonRows: Se = 5, enableColumnResizing: Ce = !1, onColumnSizingChange: we, enableColumnReordering: Te = !1, columnOrder: Ee, onColumnOrderChange: De, columnVisibility: Oe, onColumnVisibilityChange: ke, rowSelection: A, onRowSelectionChange: Ae, manualSorting: j = !1, sorting: M, onSortingChange: je, renderRow: N, renderEmptyState: P, paginationMode: F = "page", onLoadMore: Me, loadMoreRootMargin: Ne, hasNextPage: I = !1, resizeColumnLabel: Pe = "Resize column", emptyLabel: Fe = "No results.", isLoadingMore: L = !1, hideActionColumn: Ie = !1, renderRowActions: R, rowActionsLabel: Le = "Row actions", columnSettingsLabel: Re, columnSearchPlaceholder: ze, showAllColumnsLabel: Be, noColumnsFoundLabel: Ve, headerHints: He }) {
-	let z = {
-		..._e,
-		...He
-	}, [Ue, We] = g([]), Ge = M ?? Ue, [Ke, qe] = g([]), [Je, Ye] = g({}), Xe = Oe ?? Je, [Ze, Qe] = g({}), $e = A ?? Ze, [et, tt] = g({}), [nt, rt] = g({}), [it, at] = g([]), ot = Ee ?? it, [B, V] = g(), [st, ct] = g(), [lt, H] = g(0), U = me([]), ut = (e) => {
-		rt(e), we?.(e);
+function k({ columns: x = [], data: S = [], table: k, getRowId: he, getRowCanExpand: ge, renderExpandedRow: _e, striped: ve = !1, bordered: ye = !1, highlightCurrentRow: A = !1, skeleton: j = !1, skeletonRows: be = 5, enableColumnResizing: xe = !1, onColumnSizingChange: Se, enableColumnReordering: Ce = !1, columnOrder: we, onColumnOrderChange: Te, columnVisibility: Ee, onColumnVisibilityChange: De, rowSelection: Oe, onRowSelectionChange: ke, manualSorting: M = !1, sorting: N, onSortingChange: Ae, renderRow: P, renderEmptyState: F, paginationMode: I = "page", onLoadMore: je, loadMoreRootMargin: Me, hasNextPage: L = !1, resizeColumnLabel: Ne = "Resize column", emptyLabel: Pe = "No results.", isLoadingMore: R = !1, hideActionColumn: Fe = !1, renderRowActions: z, rowActionsLabel: Ie = "Row actions", columnSettingsLabel: Le, columnSearchPlaceholder: Re, showAllColumnsLabel: ze, noColumnsFoundLabel: Be, headerHints: Ve }) {
+	let B = {
+		...me,
+		...Ve
+	}, [He, Ue] = v([]), We = N ?? He, [Ge, Ke] = v([]), [qe, Je] = v({}), Ye = Ee ?? qe, [Xe, Ze] = v({}), Qe = Oe ?? Xe, [$e, et] = v({}), [tt, nt] = v({}), [rt, it] = v([]), at = we ?? rt, [V, H] = v(), [ot, st] = v(), [ct, U] = v(0), W = fe([]), lt = (e) => {
+		nt(e), Se?.(e);
+	}, ut = (e) => {
+		we === void 0 && it(e), Te?.(e);
 	}, dt = (e) => {
-		Ee === void 0 && at(e), De?.(e);
+		Je(e), De?.(e);
 	}, ft = (e) => {
-		Ye(e), ke?.(e);
+		N === void 0 && Ue(e), Ae?.(e);
 	}, pt = (e) => {
-		M === void 0 && We(e), je?.(e);
-	}, mt = (e) => {
-		A === void 0 && Qe(e), Ae?.(e);
-	}, W = !Ie && !E, G = h(() => W ? [{
+		Oe === void 0 && Ze(e), ke?.(e);
+	}, G = !Fe && !k, K = de(() => G ? [{
 		id: "__actions",
 		size: 48,
 		enableSorting: !1,
@@ -88,136 +88,146 @@ function E({ columns: y = [], data: b = [], table: E, getRowId: ve, getRowCanExp
 		meta: { pin: "right" },
 		header: () => null,
 		cell: () => null
-	}] : [], [W]), K = h(() => [...y, ...G], [y, G]), [ht, q] = g(), gt = te({
-		data: b,
-		columns: K,
-		getRowId: ve,
-		enableColumnResizing: Ce,
+	}] : [], [G]), mt = de(() => [...x, ...K], [x, K]), [ht, gt] = v(), _t = p({
+		data: S,
+		columns: mt,
+		getRowId: he,
+		enableColumnResizing: xe,
 		columnResizeMode: "onChange",
 		getCoreRowModel: s(),
 		getExpandedRowModel: c(),
-		...F === "page" ? { getPaginationRowModel: u() } : {},
-		getRowCanExpand: ye,
-		onExpandedChange: tt,
-		manualSorting: j,
-		onSortingChange: pt,
-		...j ? {} : { getSortedRowModel: ee() },
-		onColumnFiltersChange: qe,
+		...I === "page" ? { getPaginationRowModel: u() } : {},
+		getRowCanExpand: ge,
+		onExpandedChange: et,
+		manualSorting: M,
+		onSortingChange: ft,
+		...M ? {} : { getSortedRowModel: d() },
+		onColumnFiltersChange: Ke,
 		getFilteredRowModel: l(),
-		onColumnVisibilityChange: ft,
-		onRowSelectionChange: mt,
-		onColumnSizingChange: ut,
-		onColumnOrderChange: dt,
-		initialState: W ? { columnPinning: { right: ["__actions"] } } : void 0,
+		onColumnVisibilityChange: dt,
+		onRowSelectionChange: pt,
+		onColumnSizingChange: lt,
+		onColumnOrderChange: ut,
+		initialState: G ? { columnPinning: { right: ["__actions"] } } : void 0,
 		state: {
-			sorting: Ge,
-			columnFilters: Ke,
-			columnVisibility: Xe,
-			rowSelection: $e,
-			expanded: et,
-			columnSizing: nt,
-			columnOrder: ot
+			sorting: We,
+			columnFilters: Ge,
+			columnVisibility: Ye,
+			rowSelection: Qe,
+			expanded: $e,
+			columnSizing: tt,
+			columnOrder: at
 		}
-	}), J = E ?? gt, Y = !E && F === "infinite", X = Ce && !E, _t = Te && !E, Z = !!J.getState().columnSizingInfo.isResizingColumn;
-	pe(() => {
-		if (Z) return document.documentElement.setAttribute("data-ui-column-resizing", ""), () => {
+	}), q = k ?? _t, J = !k && I === "infinite", Y = xe && !k, vt = Ce && !k, X = !!q.getState().columnSizingInfo.isResizingColumn;
+	ue(() => {
+		if (X) return document.documentElement.setAttribute("data-ui-column-resizing", ""), () => {
 			document.documentElement.removeAttribute("data-ui-column-resizing");
 		};
-	}, [Z]);
-	let vt = t({
-		onIntersect: () => Me?.(),
-		disabled: !Y || !I || L,
-		rootMargin: Ne
-	}), yt = (e, t) => {
+	}, [X]);
+	let yt = t({
+		onIntersect: () => je?.(),
+		disabled: !J || !L || R,
+		rootMargin: Me
+	}), bt = (e, t) => {
 		if (e.ctrlKey || e.altKey || e.metaKey) return;
-		let n = w(e.key, t.column.getSize(), {
+		let n = D(e.key, t.column.getSize(), {
 			shiftKey: e.shiftKey,
-			min: t.column.columnDef.minSize ?? S,
-			max: t.column.columnDef.maxSize ?? C
+			min: t.column.columnDef.minSize ?? T,
+			max: t.column.columnDef.maxSize ?? E
 		});
-		n !== void 0 && (e.preventDefault(), J.setColumnSizing((e) => ({
+		n !== void 0 && (e.preventDefault(), q.setColumnSizing((e) => ({
 			...e,
 			[t.column.id]: n
 		})));
-	}, bt = (e, t) => {
-		e.dataTransfer && (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t)), V(t);
-	}, xt = (e) => {
-		e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move");
+	}, xt = (e, t) => {
+		e.dataTransfer && (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t)), H(t);
 	}, St = (e, t) => {
-		if (e.preventDefault(), !B) return;
-		let n = J.getState().columnOrder, r = n.length ? n : J.getAllLeafColumns().map((e) => e.id);
-		J.setColumnOrder(T(r, B, t)), V(void 0);
+		if (e.preventDefault(), !e.dataTransfer) return;
+		let n = V ? q.getColumn(V)?.parent?.id : void 0, r = q.getColumn(t)?.parent?.id;
+		e.dataTransfer.dropEffect = n === r ? "move" : "none";
+	}, Ct = (e, t) => {
+		if (e.preventDefault(), !V) return;
+		if (q.getColumn(V)?.parent?.id !== q.getColumn(t)?.parent?.id) {
+			H(void 0);
+			return;
+		}
+		let n = q.getState().columnOrder, r = n.length ? n : q.getAllLeafColumns().map((e) => e.id);
+		q.setColumnOrder(O(r, V, t)), H(void 0);
 	};
-	pe(() => {
-		E || J.getAllLeafColumns().forEach((e) => {
+	ue(() => {
+		k || q.getAllLeafColumns().forEach((e) => {
 			e.pin(e.columnDef.meta?.pin ?? !1);
 		});
 	}, [
-		J,
-		K,
-		E
+		q,
+		mt,
+		k
 	]);
-	let Q = J.getRowModel().rows, $ = de(J), Ct = Q.length ? Math.min(lt, Q.length - 1) : 0, wt = (e) => {
-		H(e);
-	}, Tt = (e, t) => {
+	let Z = q.getRowModel().rows, Q = ce(q), wt = Z.length ? Math.min(ct, Z.length - 1) : 0, Tt = (e) => {
+		U(e);
+	}, Et = (e, t) => {
 		if (e.target !== e.currentTarget || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
-		let n = e.key === "ArrowDown" ? Math.min(t + 1, Q.length - 1) : Math.max(t - 1, 0);
-		n !== t && (e.preventDefault(), H(n), U.current[n]?.focus());
-	}, Et = xe ? "[&_th:not(:last-child)]:border-e [&_td:not(:last-child)]:border-e [&_th]:border-[var(--ui-table-global-row-border-color)] [&_td]:border-[var(--ui-table-global-row-border-color)]" : void 0, Dt = "bg-background";
-	return /* @__PURE__ */ _("div", {
-		className: e("rounded-md border border-[var(--ui-table-global-row-border-color)]", Et),
-		children: /* @__PURE__ */ v(ae, {
-			style: X ? { width: J.getCenterTotalSize() } : void 0,
-			children: [/* @__PURE__ */ _(a, { children: /* @__PURE__ */ _(le, { children: J.getHeaderGroups().map((t) => /* @__PURE__ */ _(p, {
+		let n = e.key === "ArrowDown" ? Math.min(t + 1, Z.length - 1) : Math.max(t - 1, 0);
+		n !== t && (e.preventDefault(), U(n), W.current[n]?.focus());
+	}, Dt = ye ? "[&_th:not(:last-child)]:border-e [&_td:not(:last-child)]:border-e [&_th]:border-[var(--ui-table-global-row-border-color)] [&_td]:border-[var(--ui-table-global-row-border-color)]" : void 0, $ = "bg-background";
+	return /* @__PURE__ */ y("div", {
+		className: e("rounded-md border border-[var(--ui-table-global-row-border-color)]", Dt),
+		children: /* @__PURE__ */ b(ne, {
+			style: Y ? { width: q.getCenterTotalSize() } : void 0,
+			children: [/* @__PURE__ */ y(a, { children: /* @__PURE__ */ y(oe, { children: q.getHeaderGroups().map((t, n, a) => /* @__PURE__ */ y(g, {
 				className: "hover:bg-transparent",
 				children: t.headers.map((t) => {
-					let n = t.column.getIsPinned(), a = X && t.column.getCanResize() && t.column.id !== "select", s = _t && !t.isPlaceholder && !n, c = !t.isPlaceholder && t.column.getCanSort(), l = [
-						c && z.sort,
-						s && z.reorder,
-						a && z.resize
+					let s = t.column.getIsPinned(), c = t.subHeaders.length > 0, l = !c && Y && t.column.getCanResize() && t.column.id !== "select", u = !c && vt && !t.isPlaceholder && !s, d = !c && !t.isPlaceholder && t.column.getCanSort(), p = [
+						d && B.sort,
+						u && B.reorder,
+						l && B.resize
 					].filter((e) => !!e);
-					if (t.column.id === "__actions") return /* @__PURE__ */ _(ue, {
-						style: ge(t, X),
-						className: Dt,
-						children: /* @__PURE__ */ _(fe, {
-							table: J,
+					if (t.column.id === "__actions") return n < a.length - 1 ? /* @__PURE__ */ y(se, {
+						style: C(t, Y),
+						className: $
+					}, t.id) : /* @__PURE__ */ y(se, {
+						style: C(t, Y),
+						className: $,
+						children: /* @__PURE__ */ y(le, {
+							table: q,
 							iconOnly: !0,
-							triggerAriaLabel: Re,
-							searchPlaceholder: ze,
-							showAllLabel: Be,
-							noResultsLabel: Ve
+							triggerAriaLabel: Le,
+							searchPlaceholder: Re,
+							showAllLabel: ze,
+							noResultsLabel: Be
 						})
 					}, t.id);
-					let u = /* @__PURE__ */ v(ce, {
+					let m = /* @__PURE__ */ b(ae, {
+						colSpan: t.colSpan,
 						wrap: t.column.columnDef.meta?.wrap,
-						style: ge(t, X),
-						draggable: s && !Z || void 0,
-						onDragStart: s ? (e) => bt(e, t.column.id) : void 0,
-						onDragOver: s ? xt : void 0,
-						onDrop: s ? (e) => St(e, t.column.id) : void 0,
-						onDragEnd: s ? () => V(void 0) : void 0,
-						className: e(a && "relative", c && !Z && "transition-colors hover:bg-[var(--ui-table-header-cell-color-hover)] active:bg-[var(--ui-table-header-cell-color-active)]", s && !Z && "cursor-grab select-none active:cursor-grabbing", s && B === t.column.id && "opacity-50", n && Dt),
-						children: [t.isPlaceholder ? null : d(t.column.columnDef.header, t.getContext()), a && /* @__PURE__ */ _("div", {
+						style: C(t, Y),
+						draggable: u && !X || void 0,
+						onDragStart: u ? (e) => xt(e, t.column.id) : void 0,
+						onDragOver: u ? (e) => St(e, t.column.id) : void 0,
+						onDrop: u ? (e) => Ct(e, t.column.id) : void 0,
+						onDragEnd: u ? () => H(void 0) : void 0,
+						className: e(l && "relative", d && !X && "transition-colors hover:bg-[var(--ui-table-header-cell-color-hover)] active:bg-[var(--ui-table-header-cell-color-active)]", u && !X && "cursor-grab select-none active:cursor-grabbing", u && V === t.column.id && "opacity-50", s && $),
+						children: [t.isPlaceholder ? null : f(t.column.columnDef.header, t.getContext()), l && /* @__PURE__ */ y("div", {
 							role: "separator",
 							"aria-orientation": "vertical",
-							"aria-label": Pe,
+							"aria-label": Ne,
 							"aria-valuenow": t.column.getSize(),
-							"aria-valuemin": t.column.columnDef.minSize ?? S,
-							"aria-valuemax": t.column.columnDef.maxSize ?? C,
+							"aria-valuemin": t.column.columnDef.minSize ?? T,
+							"aria-valuemax": t.column.columnDef.maxSize ?? E,
 							tabIndex: 0,
 							draggable: !1,
 							onMouseDown: t.getResizeHandler(),
 							onTouchStart: t.getResizeHandler(),
-							onKeyDown: (e) => yt(e, t),
+							onKeyDown: (e) => bt(e, t),
 							className: e("absolute end-0 top-0 h-full w-1 cursor-(--ui-resizable-cursor) touch-none select-none bg-[var(--ui-table-global-row-border-color)] opacity-0 transition-[opacity,background-color] hover:bg-[var(--ui-resizable-border-color-hover)] hover:opacity-100 focus-visible:bg-[var(--ui-resizable-border-color-hover)] focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-inset focus-visible:ring-[var(--ui-focus-primary)]", t.column.getIsResizing() && "bg-[var(--ui-resizable-border-color-active)] opacity-100")
 						})]
 					});
-					return l.length === 0 ? /* @__PURE__ */ _(m, { children: u }, t.id) : /* @__PURE__ */ v(r, {
-						disabled: Z || B !== void 0,
-						children: [/* @__PURE__ */ _(o, { render: u }), /* @__PURE__ */ _(i, {
+					return p.length === 0 ? /* @__PURE__ */ y(_, { children: m }, t.id) : /* @__PURE__ */ b(r, {
+						disabled: X || V !== void 0,
+						children: [/* @__PURE__ */ y(o, { render: m }), /* @__PURE__ */ y(i, {
 							className: "flex flex-col gap-1",
-							children: l.map((e) => /* @__PURE__ */ v("span", { children: [
-								/* @__PURE__ */ v("span", {
+							children: p.map((e) => /* @__PURE__ */ b("span", { children: [
+								/* @__PURE__ */ b("span", {
 									className: "font-semibold",
 									children: [e.label, ":"]
 								}),
@@ -227,80 +237,80 @@ function E({ columns: y = [], data: b = [], table: E, getRowId: ve, getRowCanExp
 						})]
 					}, t.id);
 				})
-			}, t.id)) }) }), /* @__PURE__ */ v(se, { children: [
-				k ? Array.from({ length: Se }).map((e, t) => /* @__PURE__ */ _(p, {
+			}, t.id)) }) }), /* @__PURE__ */ b(ie, { children: [
+				j ? Array.from({ length: be }).map((e, t) => /* @__PURE__ */ y(g, {
 					className: "hover:bg-transparent",
-					children: J.getVisibleLeafColumns().map((e) => /* @__PURE__ */ _(f, { children: /* @__PURE__ */ _("div", { className: "h-4 w-full animate-pulse rounded bg-[var(--ui-background-surface-secondary)]" }) }, e.id))
-				}, `skeleton-${t}`)) : Q?.length ? Q.map((t, r) => {
-					if (N) return /* @__PURE__ */ _(m, { children: N(t, r) }, t.id);
-					let i = t.getIsSelected(), a = O && st === t.id, o = i || a ? "bg-[var(--ui-table-data-row-color-active)]" : be && r % 2 == 1 ? "bg-[var(--ui-background-surface-secondary)]" : "bg-background group-hover:bg-[var(--ui-table-data-row-color-hover)]", s = !$ && ht === t.id;
-					return /* @__PURE__ */ v(m, { children: [/* @__PURE__ */ _(p, {
+					children: q.getVisibleLeafColumns().map((e) => /* @__PURE__ */ y(h, { children: /* @__PURE__ */ y("div", { className: "h-4 w-full animate-pulse rounded bg-[var(--ui-background-surface-secondary)]" }) }, e.id))
+				}, `skeleton-${t}`)) : Z?.length ? Z.map((t, r) => {
+					if (P) return /* @__PURE__ */ y(_, { children: P(t, r) }, t.id);
+					let i = t.getIsSelected(), a = A && ot === t.id, o = i || a ? "bg-[var(--ui-table-data-row-color-active)]" : ve && r % 2 == 1 ? "bg-[var(--ui-background-surface-secondary)]" : "bg-background group-hover:bg-[var(--ui-table-data-row-color-hover)]", s = !Q && ht === t.id;
+					return /* @__PURE__ */ b(_, { children: [/* @__PURE__ */ y(g, {
 						ref: (e) => {
-							U.current[r] = e;
+							W.current[r] = e;
 						},
-						tabIndex: r === Ct ? 0 : -1,
-						onFocus: () => wt(r),
-						onKeyDown: (e) => Tt(e, r),
+						tabIndex: r === wt ? 0 : -1,
+						onFocus: () => Tt(r),
+						onKeyDown: (e) => Et(e, r),
 						selected: i,
-						onClick: O ? () => ct(t.id) : void 0,
-						className: e("group", O && "cursor-pointer", be && r % 2 == 1 && !i && !a && "bg-[var(--ui-background-surface-secondary)]", a && !i && "bg-[var(--ui-table-data-row-color-active)]", s && "hover:bg-transparent"),
+						onClick: A ? () => st(t.id) : void 0,
+						className: e("group", A && "cursor-pointer", ve && r % 2 == 1 && !i && !a && "bg-[var(--ui-background-surface-secondary)]", a && !i && "bg-[var(--ui-table-data-row-color-active)]", s && "hover:bg-transparent"),
 						children: t.getVisibleCells().map((r) => {
 							let i = r.column.getIsPinned();
-							return r.column.id === "__actions" ? /* @__PURE__ */ _(oe, {
-								style: x(r, X),
+							return r.column.id === "__actions" ? /* @__PURE__ */ y(re, {
+								style: w(r, Y),
 								className: o,
-								bulkSelectionActive: $,
-								onMouseEnter: $ ? void 0 : () => q(t.id),
-								onMouseLeave: $ ? void 0 : () => q((e) => e === t.id ? void 0 : e),
-								children: R && /* @__PURE__ */ v(ne, { children: [/* @__PURE__ */ _(ie, {
-									render: /* @__PURE__ */ _(n, { "aria-label": Le }),
-									children: /* @__PURE__ */ _(he, {})
-								}), /* @__PURE__ */ _(re, {
+								bulkSelectionActive: Q,
+								onMouseEnter: Q ? void 0 : () => gt(t.id),
+								onMouseLeave: Q ? void 0 : () => gt((e) => e === t.id ? void 0 : e),
+								children: z && /* @__PURE__ */ b(m, { children: [/* @__PURE__ */ y(te, {
+									render: /* @__PURE__ */ y(n, { "aria-label": Ie }),
+									children: /* @__PURE__ */ y(pe, {})
+								}), /* @__PURE__ */ y(ee, {
 									align: "end",
-									children: R(t)
+									children: z(t)
 								})] })
-							}, r.id) : /* @__PURE__ */ _(f, {
+							}, r.id) : /* @__PURE__ */ y(h, {
 								wrap: r.column.columnDef.meta?.wrap,
-								style: x(r, X),
+								style: w(r, Y),
 								className: e(i && o),
-								children: d(r.column.columnDef.cell, r.getContext())
+								children: f(r.column.columnDef.cell, r.getContext())
 							}, r.id);
 						})
-					}), D && t.getIsExpanded() && /* @__PURE__ */ _(p, {
+					}), _e && t.getIsExpanded() && /* @__PURE__ */ y(g, {
 						className: "hover:bg-transparent",
-						children: /* @__PURE__ */ _(f, {
+						children: /* @__PURE__ */ y(h, {
 							className: "h-auto py-3",
 							colSpan: t.getVisibleCells().length,
-							children: D(t)
+							children: _e(t)
 						})
 					})] }, t.id);
-				}) : P ? /* @__PURE__ */ _(p, { children: /* @__PURE__ */ _(f, {
-					colSpan: J.getVisibleLeafColumns().length,
+				}) : F ? /* @__PURE__ */ y(g, { children: /* @__PURE__ */ y(h, {
+					colSpan: q.getVisibleLeafColumns().length,
 					className: "h-24 text-center",
-					children: P({ hasFilters: J.getState().columnFilters.length > 0 })
-				}) }) : /* @__PURE__ */ _(p, { children: /* @__PURE__ */ _(f, {
-					colSpan: J.getVisibleLeafColumns().length,
+					children: F({ hasFilters: q.getState().columnFilters.length > 0 })
+				}) }) : /* @__PURE__ */ y(g, { children: /* @__PURE__ */ y(h, {
+					colSpan: q.getVisibleLeafColumns().length,
 					className: "h-24 text-center text-[var(--ui-table-data-value-color-disabled)]",
-					children: Fe
+					children: Pe
 				}) }),
-				Y && !k && Q.length > 0 && I && /* @__PURE__ */ _(p, {
-					ref: vt,
+				J && !j && Z.length > 0 && L && /* @__PURE__ */ y(g, {
+					ref: yt,
 					"aria-hidden": !0,
 					className: "hover:bg-transparent",
-					children: /* @__PURE__ */ _(f, {
-						colSpan: J.getVisibleLeafColumns().length,
+					children: /* @__PURE__ */ y(h, {
+						colSpan: q.getVisibleLeafColumns().length,
 						className: "h-1 p-0"
 					})
 				}),
-				Y && !k && Q.length > 0 && L && /* @__PURE__ */ _(p, {
+				J && !j && Z.length > 0 && R && /* @__PURE__ */ y(g, {
 					className: "hover:bg-transparent",
-					children: /* @__PURE__ */ _(f, {
-						colSpan: J.getVisibleLeafColumns().length,
-						children: /* @__PURE__ */ _("div", {
+					children: /* @__PURE__ */ y(h, {
+						colSpan: q.getVisibleLeafColumns().length,
+						children: /* @__PURE__ */ y("div", {
 							role: "status",
 							"aria-live": "polite",
 							className: "h-4 w-full animate-pulse rounded bg-[var(--ui-background-surface-secondary)]",
-							children: /* @__PURE__ */ _("span", {
+							children: /* @__PURE__ */ y("span", {
 								className: "sr-only",
 								children: "Loading more rows…"
 							})
@@ -312,6 +322,6 @@ function E({ columns: y = [], data: b = [], table: E, getRowId: ve, getRowCanExp
 	});
 }
 //#endregion
-export { E as DataTable, x as getCellStyle, b as getColumnWidth, y as getPinnedStyle, w as getResizeKeyboardStep, T as reorderColumn };
+export { k as DataTable, w as getCellStyle, S as getColumnWidth, x as getPinnedStyle, D as getResizeKeyboardStep, O as reorderColumn };
 
 //# sourceMappingURL=data-table.js.map