@acronis-platform/ui-react 5.3.1 → 5.4.1

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

@@ -2,7 +2,7 @@ import { TableViewOptions as e } from "../table/table-view-options.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/ui/data-table/data-table-view-options.tsx
 function n({ table: n, ...r }) {
-	let i = n.getAllColumns().filter((e) => e.accessorFn !== void 0 && e.getCanHide()).map((e) => ({
+	let i = n.getAllLeafColumns().filter((e) => e.accessorFn !== void 0 && e.getCanHide()).map((e) => ({
 		id: e.id,
 		label: e.columnDef.meta?.label ?? (typeof e.columnDef.header == "string" ? e.columnDef.header : e.id),
 		hidden: !e.getIsVisible(),

package/dist/components/ui/data-table/data-table-view-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-view-options.js","names":[],"sources":["../../../../src/components/ui/data-table/data-table-view-options.tsx"],"sourcesContent":["import type { Table } from '@tanstack/react-table';\n\nimport { TableViewOptions, type TableViewOptionsProps } from '../table';\n\ninterface DataTableViewOptionsProps<TData> extends Pick<\n  TableViewOptionsProps,\n  | 'triggerLabel'\n  | 'iconOnly'\n  | 'triggerAriaLabel'\n  | 'searchPlaceholder'\n  | 'showAllLabel'\n  | 'noResultsLabel'\n> {\n  table: Table<TData>;\n}\n\n// Thin TanStack adapter over the primitive-only `TableViewOptions`: maps\n// `table.getAllColumns()` onto the plain `{ id, label, hidden }[]` shape and\n// routes `onToggle` back through `column.toggleVisibility()`.\nexport function DataTableViewOptions<TData>({\n  table,\n  ...triggerProps\n}: DataTableViewOptionsProps<TData>) {\n  const columns = table\n    .getAllColumns()\n    .filter(\n      (column) =>\n        typeof column.accessorFn !== 'undefined' && column.getCanHide()\n    )\n    .map((column) => ({\n      id: column.id,\n      label:\n        column.columnDef.meta?.label ??\n        (typeof column.columnDef.header === 'string'\n          ? column.columnDef.header\n          : column.id),\n      hidden: !column.getIsVisible(),\n      category: column.columnDef.meta?.category,\n    }));\n\n  return (\n    <TableViewOptions\n      columns={columns}\n      onToggle={(id) => {\n        const column = table.getColumn(id);\n        column?.toggleVisibility(!column.getIsVisible());\n      }}\n      {...triggerProps}\n    />\n  );\n}\n"],"mappings":";;;AAmBA,SAAgB,EAA4B,EAC1C,UACA,GAAG,KACgC;CACnC,IAAM,IAAU,EACb,cAAc,CAAC,CACf,QACE,MACQ,EAAO,eAAe,UAAe,EAAO,WAAW,CAClE,CAAC,CACA,KAAK,OAAY;EAChB,IAAI,EAAO;EACX,OACE,EAAO,UAAU,MAAM,UACtB,OAAO,EAAO,UAAU,UAAW,WAChC,EAAO,UAAU,SACjB,EAAO;EACb,QAAQ,CAAC,EAAO,aAAa;EAC7B,UAAU,EAAO,UAAU,MAAM;CACnC,EAAE;CAEJ,OACE,kBAAC,GAAD;EACW;EACT,WAAW,MAAO;GAChB,IAAM,IAAS,EAAM,UAAU,CAAE;GACjC,GAAQ,iBAAiB,CAAC,EAAO,aAAa,CAAC;EACjD;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"data-table-view-options.js","names":[],"sources":["../../../../src/components/ui/data-table/data-table-view-options.tsx"],"sourcesContent":["import type { Table } from '@tanstack/react-table';\n\nimport { TableViewOptions, type TableViewOptionsProps } from '../table';\n\ninterface DataTableViewOptionsProps<TData> extends Pick<\n  TableViewOptionsProps,\n  | 'triggerLabel'\n  | 'iconOnly'\n  | 'triggerAriaLabel'\n  | 'searchPlaceholder'\n  | 'showAllLabel'\n  | 'noResultsLabel'\n> {\n  table: Table<TData>;\n}\n\n// Thin TanStack adapter over the primitive-only `TableViewOptions`: maps\n// `table.getAllLeafColumns()` onto the plain `{ id, label, hidden }[]` shape and\n// routes `onToggle` back through `column.toggleVisibility()`.\n// Leaf (not `getAllColumns()`) because with grouped headers the top level is\n// group columns, which have no `accessorFn` and would all be filtered out.\nexport function DataTableViewOptions<TData>({\n  table,\n  ...triggerProps\n}: DataTableViewOptionsProps<TData>) {\n  const columns = table\n    .getAllLeafColumns()\n    .filter(\n      (column) =>\n        typeof column.accessorFn !== 'undefined' && column.getCanHide()\n    )\n    .map((column) => ({\n      id: column.id,\n      label:\n        column.columnDef.meta?.label ??\n        (typeof column.columnDef.header === 'string'\n          ? column.columnDef.header\n          : column.id),\n      hidden: !column.getIsVisible(),\n      category: column.columnDef.meta?.category,\n    }));\n\n  return (\n    <TableViewOptions\n      columns={columns}\n      onToggle={(id) => {\n        const column = table.getColumn(id);\n        column?.toggleVisibility(!column.getIsVisible());\n      }}\n      {...triggerProps}\n    />\n  );\n}\n"],"mappings":";;;AAqBA,SAAgB,EAA4B,EAC1C,UACA,GAAG,KACgC;CACnC,IAAM,IAAU,EACb,kBAAkB,CAAC,CACnB,QACE,MACQ,EAAO,eAAe,UAAe,EAAO,WAAW,CAClE,CAAC,CACA,KAAK,OAAY;EAChB,IAAI,EAAO;EACX,OACE,EAAO,UAAU,MAAM,UACtB,OAAO,EAAO,UAAU,UAAW,WAChC,EAAO,UAAU,SACjB,EAAO;EACb,QAAQ,CAAC,EAAO,aAAa;EAC7B,UAAU,EAAO,UAAU,MAAM;CACnC,EAAE;CAEJ,OACE,kBAAC,GAAD;EACW;EACT,WAAW,MAAO;GAChB,IAAM,IAAS,EAAM,UAAU,CAAE;GACjC,GAAQ,iBAAiB,CAAC,EAAO,aAAa,CAAC;EACjD;EACA,GAAI;CACL,CAAA;AAEL"}

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 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 { 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 b(e) {
+function x(e) {
 	let t = e.getIsPinned();
 	if (t) return {
 		position: "sticky",
@@ -22,37 +22,37 @@ 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 S(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 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 C(e, t) {
-	let n = b(e.column), r = x(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 w = 20, he = 2 ** 53 - 1;
-function ge(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: 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 = {
-		..._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);
+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) => {
-		N === void 0 && Je(e), Ee?.(e);
-	}, q = !Me && !E, dt = g(() => q ? [{
+		we === void 0 && it(e), Te?.(e);
+	}, dt = (e) => {
+		Je(e), De?.(e);
+	}, ft = (e) => {
+		N === void 0 && Ue(e), Ae?.(e);
+	}, pt = (e) => {
+		Oe === void 0 && Ze(e), ke?.(e);
+	}, G = !Fe && !k, K = de(() => G ? [{
 		id: "__actions",
 		size: 48,
 		enableSorting: !1,
@@ -88,135 +88,146 @@ 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,
+	}] : [], [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(),
-		...R === "page" ? { getPaginationRowModel: u() } : {},
-		getRowCanExpand: ve,
-		onExpandedChange: Ze,
-		manualSorting: P,
-		onSortingChange: lt,
-		...P ? {} : { getSortedRowModel: ee() },
-		onColumnFiltersChange: Ue,
+		...I === "page" ? { getPaginationRowModel: u() } : {},
+		getRowCanExpand: ge,
+		onExpandedChange: et,
+		manualSorting: M,
+		onSortingChange: ft,
+		...M ? {} : { getSortedRowModel: d() },
+		onColumnFiltersChange: Ke,
 		getFilteredRowModel: l(),
-		onColumnVisibilityChange: ct,
-		onRowSelectionChange: ut,
-		onColumnSizingChange: ot,
-		onColumnOrderChange: st,
-		initialState: q ? { columnPinning: { right: ["__actions"] } } : void 0,
+		onColumnVisibilityChange: dt,
+		onRowSelectionChange: pt,
+		onColumnSizingChange: lt,
+		onColumnOrderChange: ut,
+		initialState: G ? { columnPinning: { right: ["__actions"] } } : void 0,
 		state: {
-			sorting: Ve,
-			columnFilters: He,
-			columnVisibility: Ke,
-			rowSelection: Ye,
-			expanded: Xe,
-			columnSizing: Qe,
-			columnOrder: nt
+			sorting: We,
+			columnFilters: Ge,
+			columnVisibility: Ye,
+			rowSelection: Qe,
+			expanded: $e,
+			columnSizing: tt,
+			columnOrder: at
 		}
-	}), J = E ?? ht, Y = !E && R === "infinite", X = j && !E, gt = Se && !E, Z = !!J.getState().columnSizingInfo.isResizingColumn;
-	h(() => {
-		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 _t = t({
-		onIntersect: () => Oe?.(),
-		disabled: !Y || !z || B,
-		rootMargin: ke
-	}), vt = (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 = ge(e.key, t.column.getSize(), {
+		let n = D(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 ?? 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
 		})));
-	}, yt = (e, t) => {
-		e.dataTransfer && (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t)), W(t);
-	}, bt = (e) => {
-		e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move");
 	}, xt = (e, t) => {
-		if (e.preventDefault(), !U) 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);
+		e.dataTransfer && (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t)), H(t);
+	}, St = (e, t) => {
+		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);
 	};
-	h(() => {
-		E || J.getAllLeafColumns().forEach((e) => {
+	ue(() => {
+		k || q.getAllLeafColumns().forEach((e) => {
 			e.pin(e.columnDef.meta?.pin ?? !1);
 		});
 	}, [
-		J,
-		ft,
-		E
+		q,
+		mt,
+		k
 	]);
-	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 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(), 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, {
-			style: X ? { width: J.getCenterTotalSize() } : void 0,
-			children: [/* @__PURE__ */ v(a, { children: /* @__PURE__ */ v(le, { children: J.getHeaderGroups().map((t) => /* @__PURE__ */ v(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 = gt && !t.isPlaceholder && !n, c = !t.isPlaceholder && t.column.getCanSort(), l = [
-						c && H.sort,
-						s && H.reorder,
-						a && H.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__ */ v(ue, {
-						style: S(t, X),
-						className: Et,
-						children: /* @__PURE__ */ v(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: Pe,
-							searchPlaceholder: Fe,
-							showAllLabel: Ie,
-							noResultsLabel: Le
+							triggerAriaLabel: Le,
+							searchPlaceholder: Re,
+							showAllLabel: ze,
+							noResultsLabel: Be
 						})
 					}, t.id);
-					let u = /* @__PURE__ */ y(ce, {
+					let m = /* @__PURE__ */ b(ae, {
+						colSpan: t.colSpan,
 						wrap: t.column.columnDef.meta?.wrap,
-						style: S(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", {
+						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": Ae,
+							"aria-label": Ne,
 							"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 ?? T,
+							"aria-valuemax": t.column.columnDef.maxSize ?? E,
 							tabIndex: 0,
 							draggable: !1,
 							onMouseDown: t.getResizeHandler(),
 							onTouchStart: t.getResizeHandler(),
-							onKeyDown: (e) => vt(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__ */ v(m, { children: u }, t.id) : /* @__PURE__ */ y(r, {
-						disabled: Z || U !== void 0,
-						children: [/* @__PURE__ */ v(o, { render: u }), /* @__PURE__ */ v(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__ */ y("span", { children: [
-								/* @__PURE__ */ y("span", {
+							children: p.map((e) => /* @__PURE__ */ b("span", { children: [
+								/* @__PURE__ */ b("span", {
 									className: "font-semibold",
 									children: [e.label, ":"]
 								}),
@@ -226,80 +237,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__ */ b(ie, { children: [
+				j ? Array.from({ length: be }).map((e, t) => /* @__PURE__ */ y(g, {
 					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))
-				}, `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, {
+					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) => {
-							K.current[r] = e;
+							W.current[r] = e;
 						},
-						tabIndex: r === St ? 0 : -1,
-						onFocus: () => Ct(r),
-						onKeyDown: (e) => wt(e, r),
+						tabIndex: r === wt ? 0 : -1,
+						onFocus: () => Tt(r),
+						onKeyDown: (e) => Et(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: 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__ */ v(oe, {
-								style: C(r, X),
+							return r.column.id === "__actions" ? /* @__PURE__ */ y(re, {
+								style: w(r, Y),
 								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, {
+								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: V(t)
+									children: z(t)
 								})] })
-							}, r.id) : /* @__PURE__ */ v(f, {
+							}, r.id) : /* @__PURE__ */ y(h, {
 								wrap: r.column.columnDef.meta?.wrap,
-								style: C(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__ */ v(p, {
+					}), _e && t.getIsExpanded() && /* @__PURE__ */ y(g, {
 						className: "hover:bg-transparent",
-						children: /* @__PURE__ */ v(f, {
+						children: /* @__PURE__ */ y(h, {
 							className: "h-auto py-3",
 							colSpan: t.getVisibleCells().length,
-							children: D(t)
+							children: _e(t)
 						})
 					})] }, t.id);
-				}) : L ? /* @__PURE__ */ v(p, { children: /* @__PURE__ */ v(f, {
-					colSpan: J.getVisibleLeafColumns().length,
+				}) : F ? /* @__PURE__ */ y(g, { children: /* @__PURE__ */ y(h, {
+					colSpan: q.getVisibleLeafColumns().length,
 					className: "h-24 text-center",
-					children: L({ hasFilters: J.getState().columnFilters.length > 0 })
-				}) }) : /* @__PURE__ */ v(p, { children: /* @__PURE__ */ v(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: je
+					children: Pe
 				}) }),
-				Y && !A && Q.length > 0 && z && /* @__PURE__ */ v(p, {
-					ref: _t,
+				J && !j && Z.length > 0 && L && /* @__PURE__ */ y(g, {
+					ref: yt,
 					"aria-hidden": !0,
 					className: "hover:bg-transparent",
-					children: /* @__PURE__ */ v(f, {
-						colSpan: J.getVisibleLeafColumns().length,
+					children: /* @__PURE__ */ y(h, {
+						colSpan: q.getVisibleLeafColumns().length,
 						className: "h-1 p-0"
 					})
 				}),
-				Y && !A && Q.length > 0 && B && /* @__PURE__ */ v(p, {
+				J && !j && Z.length > 0 && R && /* @__PURE__ */ y(g, {
 					className: "hover:bg-transparent",
-					children: /* @__PURE__ */ v(f, {
-						colSpan: J.getVisibleLeafColumns().length,
-						children: /* @__PURE__ */ v("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__ */ v("span", {
+							children: /* @__PURE__ */ y("span", {
 								className: "sr-only",
 								children: "Loading more rows…"
 							})
@@ -311,6 +322,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 { k as DataTable, w as getCellStyle, S as getColumnWidth, x as getPinnedStyle, D as getResizeKeyboardStep, O as reorderColumn };
 
 //# sourceMappingURL=data-table.js.map