@acronis-platform/ui-react 5.5.8 → 6.0.0

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

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