@acronis-platform/ui-react 5.3.1 → 5.4.0

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

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