@ryuzaki13/react-foundation-ui 3.9.0 → 3.10.0

package/dist/base-table/index.js

@@ -1,3 +1,3 @@
 import { n as e, t } from "../chunks/table-column-interactions-Do8LFtiv.js";
-import { a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _ } from "../chunks/base-table-9H5YuVvB.js";
+import { a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _ } from "../chunks/base-table-CacTH3BE.js";
 export { d as BaseTable, g as FormattedTableCell, e as TableColumnResizeHandle, t as TableHeaderInteractionCell, a as buildBaseTableColumnLayout, h as buildBaseTableMergedCellsLayout, r as buildTableFormattingSnapshot, p as getOrderedVisibleLeafColumns, u as getStartPinnedColumnOffsets, l as hasTableColumnCustomCellRenderer, s as normalizeTableColumnPinning, o as resolveBaseTableColumnWidth, _ as resolveTableFormattingColumnId, i as shouldUseTableFormatting, f as useTableColumnOrder, n as useTableColumnPinning, c as useTableColumnSizing, m as useTableColumnVisibility };

package/dist/base-table/ui/BaseTable.d.ts

@@ -1,4 +1,5 @@
 import { type CSSProperties, type ReactNode, type Ref } from "react";
+import { DragEndEvent, type UniqueIdentifier } from "@dnd-kit/core";
 import { type FoundationTableCell, type FoundationTableHeader, type FoundationTableInstance, type FoundationTableRow, type TableColumnMeta, type TableSelectionMode } from "@ryuzaki13/react-foundation-lib/table";
 import { BaseTableColumnState } from "../lib/columnPinning";
 import { BaseTableCellLayout } from "../lib/mergeDuplicates";
@@ -20,6 +21,12 @@ export interface BaseTableCellRenderArgs<TData extends object> {
     displayValue?: FormattersPipelineDisplayValue;
     columnMeta?: TableColumnMeta;
 }
+/** Низкоуровневый контракт DnD-строк для адаптеров `Table` поверх общего табличного каркаса. */
+export interface BaseTableRowReordering {
+    containerId?: UniqueIdentifier;
+    disabled?: boolean;
+    onDragEnd: (event: DragEndEvent) => void;
+}
 /**
  * Внутренний базовый рендерер таблицы.
  *
@@ -56,6 +63,7 @@ export interface BaseTableProps<TData extends object> {
     renderHeaderContextMenu?: (header: FoundationTableHeader<TData>) => ReactNode;
     enableColumnResizing?: boolean;
     enableColumnReordering?: boolean;
+    rowReordering?: BaseTableRowReordering;
     columnResizeMinWidth?: number;
     afterTableContent?: ReactNode;
 }
@@ -64,5 +72,5 @@ export interface BaseTableProps<TData extends object> {
  *
  * @NOTE: не для использования напрямую, это база для `Table` и `TreeTable`
  */
-export declare function BaseTable<TData extends object>({ table, columnState, title, isLoading, isFetching, className, minHeight, tableClassName, selectionMode, scrollableRef, interactiveElementSelector, onActivateRow, isRowInteractive, getRowClassName, getCellClassName, getCellStyle, getCellLayout, renderCellContent, renderHeaderContextMenu, enableColumnResizing, enableColumnReordering, columnResizeMinWidth, afterTableContent }: BaseTableProps<TData>): import("react").JSX.Element;
+export declare function BaseTable<TData extends object>({ table, columnState, title, isLoading, isFetching, className, minHeight, tableClassName, selectionMode, scrollableRef, interactiveElementSelector, onActivateRow, isRowInteractive, getRowClassName, getCellClassName, getCellStyle, getCellLayout, renderCellContent, renderHeaderContextMenu, enableColumnResizing, enableColumnReordering, rowReordering, columnResizeMinWidth, afterTableContent }: BaseTableProps<TData>): import("react").JSX.Element;
 //# sourceMappingURL=BaseTable.d.ts.map

package/dist/base-table/ui/BaseTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../../src/base-table/ui/BaseTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../../src/base-table/ui/BaseTable.tsx"],"names":[],"mappings":"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"}

package/dist/chunks/{base-table-9H5YuVvB.js → base-table-CacTH3BE.js}

@@ -6,45 +6,45 @@ import { s, t as c } from "./sortable-BujAJgFa.js";
 import { cn as l, handleKeyboardActivation as u } from "@ryuzaki13/react-foundation-lib/utils";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 import { useCallback as m, useEffect as h, useMemo as g, useRef as _, useState as v } from "react";
-import { compileFormattersPipelineRuntimeFields as ee, resolveValueStateClassName as te } from "@ryuzaki13/react-foundation-lib/formatters";
-import { useDndSortableSensors as ne } from "@ryuzaki13/react-foundation-lib/hooks";
-import { buildTableColumnLayout as y, getTableColumnFormattingMeta as b, getTableColumnMeta as x, isTableInteractiveElement as S, normalizeTableColumnOrder as C, normalizeTableColumnSizing as w, patchTableColumnWidth as re, removeTableColumnWidth as ie, resolveReorderedTableHeaderColumns as ae, resolveTableColumnOrder as T, resolveTableLength as E } from "@ryuzaki13/react-foundation-lib/table";
-import { filterAndDeduplicateIds as D, pickExistingMapValues as O } from "@ryuzaki13/react-foundation-lib/array";
-import { flexRender as oe, functionalUpdate as k } from "@tanstack/react-table";
-import { restrictToHorizontalAxis as se } from "@dnd-kit/modifiers";
+import { compileFormattersPipelineRuntimeFields as y, resolveValueStateClassName as b } from "@ryuzaki13/react-foundation-lib/formatters";
+import { useDndSortableSensors as ee } from "@ryuzaki13/react-foundation-lib/hooks";
+import { buildTableColumnLayout as x, getTableColumnFormattingMeta as te, getTableColumnMeta as S, isTableInteractiveElement as C, normalizeTableColumnOrder as w, normalizeTableColumnSizing as T, patchTableColumnWidth as ne, removeTableColumnWidth as re, resolveReorderedTableHeaderColumns as ie, resolveTableColumnOrder as E, resolveTableLength as D } from "@ryuzaki13/react-foundation-lib/table";
+import { filterAndDeduplicateIds as O, pickExistingMapValues as ae } from "@ryuzaki13/react-foundation-lib/array";
+import { flexRender as k, functionalUpdate as A } from "@tanstack/react-table";
+import { restrictToHorizontalAxis as oe, restrictToVerticalAxis as se } from "@dnd-kit/modifiers";
 //#region src/base-table/lib/columnPinning.ts
-function A(e) {
+function j(e) {
 	return {
 		start: Array.from(new Set((e?.start ?? []).filter((e) => typeof e == "string" && e.trim().length > 0))),
 		end: []
 	};
 }
-function j(e, t) {
+function M(e, t) {
 	let n = t?.[e.id];
 	if (typeof n == "number" && Number.isFinite(n) && n > 0) return `${Math.floor(n)}px`;
-	let r = x(e.columnDef)?.width ?? 4;
-	return typeof r == "number" && (r = Math.max(r, 4)), E(r);
+	let r = S(e.columnDef)?.width ?? 4;
+	return typeof r == "number" && (r = Math.max(r, 4)), D(r);
 }
-function M(e, t) {
-	let n = e.getAllLeafColumns().filter((e) => e.getIsVisible()), r = new Map(n.map((e) => [e.id, e])), i = n.map((e) => e.id), a = D(t.columnPinning.start, i), o = D(t.columnPinning.end, i), s = /* @__PURE__ */ new Set([...a, ...o]), c = [];
+function N(e, t) {
+	let n = e.getAllLeafColumns().filter((e) => e.getIsVisible()), r = new Map(n.map((e) => [e.id, e])), i = n.map((e) => e.id), a = O(t.columnPinning.start, i), o = O(t.columnPinning.end, i), s = /* @__PURE__ */ new Set([...a, ...o]), c = [];
 	for (let e of n) s.has(e.id) || c.push(e.id);
-	let l = T({
+	let l = E({
 		ids: c,
 		order: t.columnOrder
 	});
-	return O([
+	return ae([
 		...a,
 		...l,
 		...o
 	], r);
 }
-function N(e, t) {
-	let n = M(e, t), r = new Map(n.map((e) => [e.id, e]));
-	return y({
+function ce(e, t) {
+	let n = N(e, t), r = new Map(n.map((e) => [e.id, e]));
+	return x({
 		ids: n.map((e) => e.id),
 		getWidth: (e) => {
 			let n = r.get(e);
-			return n ? j(n, t.columnSizing) : "0px";
+			return n ? M(n, t.columnSizing) : "0px";
 		}
 	}).flatMap((e) => {
 		let t = r.get(e.id);
@@ -54,9 +54,9 @@ function N(e, t) {
 		}] : [];
 	});
 }
-function ce(e, t) {
+function le(e, t) {
 	let n = {}, r = [];
-	for (let i of M(e, t)) i.getIsPinned() === "start" && (n[i.id] = P(r), r.push(j(i, t.columnSizing)));
+	for (let i of N(e, t)) i.getIsPinned() === "start" && (n[i.id] = P(r), r.push(M(i, t.columnSizing)));
 	return n;
 }
 function P(e) {
@@ -86,7 +86,7 @@ function R(e) {
 		let r = F(e);
 		if (!r) return;
 		I(e) && n.add(r);
-		let i = b(e);
+		let i = te(e);
 		i && (t[r] = {
 			...i,
 			id: i.id ?? r,
@@ -94,7 +94,7 @@ function R(e) {
 			type: i.type ?? "string"
 		});
 	}), {
-		runtimeByColumnId: ee(t),
+		runtimeByColumnId: y(t),
 		customCellColumnIds: n
 	};
 }
@@ -114,7 +114,7 @@ function V(e, t) {
 	}));
 }
 function H({ rows: e, columns: t, resolveRowBoundaryKey: n = () => "__all_rows__", excludeColumnIds: r }) {
-	let i = t.filter((e) => !r?.has(e.id) && x(e.columnDef)?.mergeDuplicates === !0);
+	let i = t.filter((e) => !r?.has(e.id) && S(e.columnDef)?.mergeDuplicates === !0);
 	if (e.length === 0 || i.length === 0) return /* @__PURE__ */ new Map();
 	let a = V(e, n), o = /* @__PURE__ */ new Map();
 	for (let e of i) {
@@ -153,7 +153,7 @@ function H({ rows: e, columns: t, resolveRowBoundaryKey: n = () => "__all_rows__
 //#endregion
 //#region src/base-table/model/useTableColumnOrder.ts
 function U({ columnOrder: e, defaultColumnOrder: t, onColumnOrderChange: n }) {
-	let [r, i] = v(void 0), a = g(() => C(e ?? r ?? t), [
+	let [r, i] = v(void 0), a = g(() => w(e ?? r ?? t), [
 		e,
 		t,
 		r
@@ -161,7 +161,7 @@ function U({ columnOrder: e, defaultColumnOrder: t, onColumnOrderChange: n }) {
 	return {
 		columnOrder: a,
 		onColumnOrderChange: m((t) => {
-			let r = C(k(t, a));
+			let r = w(A(t, a));
 			e === void 0 && i(r), n?.(r);
 		}, [
 			e,
@@ -173,7 +173,7 @@ function U({ columnOrder: e, defaultColumnOrder: t, onColumnOrderChange: n }) {
 //#endregion
 //#region src/base-table/model/useTableColumnPinning.ts
 function W({ columnPinning: e, defaultColumnPinning: t, onColumnPinningChange: n }) {
-	let [r, i] = v(void 0), a = g(() => A(e ?? r ?? t), [
+	let [r, i] = v(void 0), a = g(() => j(e ?? r ?? t), [
 		e,
 		t,
 		r
@@ -181,7 +181,7 @@ function W({ columnPinning: e, defaultColumnPinning: t, onColumnPinningChange: n
 	return {
 		columnPinning: a,
 		onColumnPinningChange: m((t) => {
-			let r = { start: A(k(t, a)).start };
+			let r = { start: j(A(t, a)).start };
 			e === void 0 && i(r), n?.(r);
 		}, [
 			e,
@@ -193,7 +193,7 @@ function W({ columnPinning: e, defaultColumnPinning: t, onColumnPinningChange: n
 //#endregion
 //#region src/base-table/model/useTableColumnSizing.ts
 function G({ columnSizing: e, defaultColumnSizing: t, columnResizeMinWidth: n, onColumnSizingChange: r }) {
-	let [i, a] = v(void 0), o = g(() => w(e ?? i ?? t, n), [
+	let [i, a] = v(void 0), o = g(() => T(e ?? i ?? t, n), [
 		n,
 		e,
 		t,
@@ -202,7 +202,7 @@ function G({ columnSizing: e, defaultColumnSizing: t, columnResizeMinWidth: n, o
 	return {
 		columnSizing: o,
 		onColumnSizingChange: m((t) => {
-			let i = w(k(t, o), n);
+			let i = T(A(t, o), n);
 			e === void 0 && a(i), r?.(i);
 		}, [
 			n,
@@ -223,7 +223,7 @@ function K({ columnVisibility: e, defaultColumnVisibility: t, onColumnVisibility
 	return {
 		columnVisibility: a,
 		onColumnVisibilityChange: m((t) => {
-			let r = k(t, a);
+			let r = A(t, a);
 			e === void 0 && i(r), n?.(r);
 		}, [
 			e,
@@ -284,7 +284,7 @@ function Y(e, t) {
 	let n = e.getLeafHeaders().map((e) => t.get(e.column.id)).filter((e) => typeof e == "number");
 	return n.length ? Math.min(...n) : 2 ** 53 - 1;
 }
-function le(e, t) {
+function ue(e, t) {
 	let n = e.getStartHeaderGroups(), r = e.getCenterHeaderGroups(), i = e.getEndHeaderGroups(), a = Math.max(n.length, r.length, i.length);
 	return Array.from({ length: a }, (e, a) => [
 		...n[a]?.headers ?? [],
@@ -292,7 +292,7 @@ function le(e, t) {
 		...i[a]?.headers ?? []
 	].filter((e) => e.isPlaceholder ? !0 : e.getLeafHeaders().some((e) => t.has(e.column.id))).sort((e, n) => Y(e, t) - Y(n, t)));
 }
-function ue(e, t, n) {
+function de(e, t, n) {
 	let r = e.getLeafHeaders().map((e) => e.column.id);
 	return r.length > 0 && r.every((e) => e in t) ? {
 		isPinnedStart: !0,
@@ -303,80 +303,118 @@ function ue(e, t, n) {
 		isPinnedBoundary: !1
 	};
 }
-function de(e, t) {
+function fe(e, t) {
 	let n = e.getAllLeafColumns().map((e) => e.id);
-	return T({
+	return E({
 		ids: n,
 		order: t.columnOrder
 	});
 }
-function X({ table: i, columnState: a, title: h, isLoading: _, isFetching: v, className: ee, minHeight: te = "15em", tableClassName: y, selectionMode: b = "none", scrollableRef: C, interactiveElementSelector: w, onActivateRow: T, isRowInteractive: E, getRowClassName: D, getCellClassName: O, getCellStyle: k, getCellLayout: A, renderCellContent: j, renderHeaderContextMenu: M, enableColumnResizing: P = !1, enableColumnReordering: F = !1, columnResizeMinWidth: I, afterTableContent: L }) {
-	let R = N(i, a), z = g(() => R.map((e) => e.column), [R]), B = g(() => R.map((e) => e.id), [R]), V = g(() => new Map(B.map((e, t) => [e, t])), [B]), H = g(() => new Set(B), [B]), U = ne({ activationDistance: 8 }), W = le(i, V), G = ce(i, a), K = z.filter((e) => e.getIsPinned() === "start").at(-1)?.id, Y = g(() => a.columnPinning.start ?? [], [a.columnPinning.start]), X = g(() => new Set(Y), [Y]), Z = i.getRowModel(), Q = !!h, $ = Z.rows.length > 0, fe = m((e) => [...e].sort((e, t) => (V.get(e.column.id) ?? 2 ** 53 - 1) - (V.get(t.column.id) ?? 2 ** 53 - 1)), [V]), pe = m((e, t) => {
-		i.setColumnSizing((n) => re(n, e, t, I));
-	}, [I, i]), me = m((e) => {
-		i.setColumnSizing((t) => ie(t, e));
-	}, [i]), he = m((e) => {
+function X({ table: i, columnState: a, title: h, isLoading: _, isFetching: v, className: y, minHeight: b = "15em", tableClassName: x, selectionMode: te = "none", scrollableRef: w, interactiveElementSelector: T, onActivateRow: E, isRowInteractive: D, getRowClassName: O, getCellClassName: ae, getCellStyle: A, getCellLayout: j, renderCellContent: M, renderHeaderContextMenu: N, enableColumnResizing: P = !1, enableColumnReordering: F = !1, rowReordering: I, columnResizeMinWidth: L, afterTableContent: R }) {
+	let z = ce(i, a), B = g(() => z.map((e) => e.column), [z]), V = g(() => z.map((e) => e.id), [z]), H = g(() => new Map(V.map((e, t) => [e, t])), [V]), U = g(() => new Set(V), [V]), W = ee({ activationDistance: 8 }), G = ue(i, H), K = le(i, a), Y = B.filter((e) => e.getIsPinned() === "start").at(-1)?.id, X = g(() => a.columnPinning.start ?? [], [a.columnPinning.start]), Z = g(() => new Set(X), [X]), Q = i.getRowModel(), pe = g(() => Q.rows.map((e) => e.id), [Q.rows]), me = !!h, $ = Q.rows.length > 0, he = m((e) => [...e].sort((e, t) => (H.get(e.column.id) ?? 2 ** 53 - 1) - (H.get(t.column.id) ?? 2 ** 53 - 1)), [H]), ge = m((e, t) => {
+		i.setColumnSizing((n) => ne(n, e, t, L));
+	}, [L, i]), _e = m((e) => {
+		i.setColumnSizing((t) => re(t, e));
+	}, [i]), ve = m((e) => {
 		let t = s({
 			event: e,
-			items: B
+			items: V
 		});
 		if (!t) return;
-		let n = de(i, a), r = ae({
+		let n = fe(i, a), r = ie({
 			order: n,
-			headerIds: B,
-			pinnedIds: Y,
+			headerIds: V,
+			pinnedIds: X,
 			activeId: String(t.activeId),
 			overId: String(t.overId)
 		});
 		r && i.setColumnOrder(r);
 	}, [
 		a,
-		Y,
+		X,
 		i,
-		B
-	]), ge = (e) => {
+		V
+	]), ye = (e) => {
 		if (e.isPlaceholder) return null;
-		let t = oe(e.column.columnDef.header, e.getContext()), n = M?.(e);
+		let t = k(e.column.columnDef.header, e.getContext()), n = N?.(e);
 		return n ? /* @__PURE__ */ p(o, { children: [/* @__PURE__ */ f(o.Trigger, { children: /* @__PURE__ */ f("div", {
 			className: q.headerContextMenuTrigger,
 			tabIndex: 0,
 			children: t
 		}) }), /* @__PURE__ */ f(o.Content, { children: n })] }) : t;
-	}, _e = (e, t) => {
-		!(E?.(t) ?? !!T) || !T || S(e.target, w) || T(t);
-	}, ve = (e, t) => {
-		!(E?.(t) ?? !!T) || !T || S(e.target, w) || u(e, () => T(t));
+	}, be = (e, t) => {
+		!(D?.(t) ?? !!E) || !E || C(e.target, T) || E(t);
+	}, xe = (e, t) => {
+		!(D?.(t) ?? !!E) || !E || C(e.target, T) || u(e, () => E(t));
+	}, Se = (e) => {
+		let t = D?.(e) ?? !!E, n = he([
+			...e.getStartVisibleCells(),
+			...e.getCenterVisibleCells(),
+			...e.getEndVisibleCells()
+		]).map((t) => {
+			let n = S(t.column.columnDef), r = k(t.column.columnDef.cell, t.getContext()), i = {
+				row: e,
+				cell: t,
+				defaultContent: r,
+				columnMeta: n
+			}, a = j?.(i), o = t.column.getIsPinned() === "start", s = t.column.id === Y, c = {
+				...n?.align ? { textAlign: n.align } : {},
+				...o ? { insetInlineStart: K[t.column.id] ?? "0px" } : {},
+				...A?.(i) ?? {}
+			};
+			return /* @__PURE__ */ f("td", {
+				className: l(q.bodyCell, o && q.bodyCellPinnedStart, s && q.pinnedStartBoundary, a?.mergeWithNext && q.bodyCellMergedWithNext, ae?.(i)),
+				style: c,
+				children: a?.hideContent ? null : M ? M(i) : r
+			}, t.id);
+		}), r = {
+			className: l(q.bodyRow, t && q.bodyRowInteractive, e.getIsSelected() && q.bodyRowSelected, O?.(e)),
+			"aria-selected": te === "none" ? void 0 : e.getIsSelected(),
+			tabIndex: t ? 0 : void 0,
+			onClick: (t) => be(t, e),
+			onKeyDown: (t) => xe(t, e)
+		};
+		return I ? /* @__PURE__ */ f(c.Item, {
+			as: "tr",
+			id: e.id,
+			disabled: I.disabled,
+			...r,
+			children: n
+		}, e.id) : /* @__PURE__ */ f("tr", {
+			...r,
+			children: n
+		}, e.id);
 	};
 	return /* @__PURE__ */ p(e, {
-		templateRows: Q ? "auto 1fr" : "1fr",
-		className: l("overflowHidden w100 h100", q.root, ee),
-		style: { minHeight: te },
-		children: [Q && /* @__PURE__ */ f("h3", {
+		templateRows: me ? "auto 1fr" : "1fr",
+		className: l("overflowHidden w100 h100", q.root, y),
+		style: { minHeight: b },
+		children: [me && /* @__PURE__ */ f("h3", {
 			className: "marginBottomXs",
 			children: h
 		}), /* @__PURE__ */ p("div", {
 			className: "surface0 overflowHidden relative w100 h100",
 			children: [/* @__PURE__ */ f(t, {
-				ref: C,
+				ref: w,
 				className: "w100 h100",
 				children: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p("table", {
-					className: l(q.table, y),
+					className: l(q.table, x),
 					children: [
-						/* @__PURE__ */ f("colgroup", { children: R.map((e) => /* @__PURE__ */ f("col", { style: e.width ? { width: e.width } : void 0 }, e.id)) }),
+						/* @__PURE__ */ f("colgroup", { children: z.map((e) => /* @__PURE__ */ f("col", { style: e.width ? { width: e.width } : void 0 }, e.id)) }),
 						/* @__PURE__ */ f("thead", {
 							className: l("stickyTop", q.head),
 							children: F ? /* @__PURE__ */ f(c.Root, {
-								sensors: U,
-								modifiers: [se],
-								onDragEnd: he,
+								sensors: W,
+								modifiers: [oe],
+								onDragEnd: ve,
 								children: /* @__PURE__ */ f(c.Container, {
 									containerId: "base-table-header",
-									items: B,
+									items: V,
 									layout: "horizontal",
-									children: W.map((e, t) => /* @__PURE__ */ f("tr", {
+									children: G.map((e, t) => /* @__PURE__ */ f("tr", {
 										className: q.headerRow,
 										children: e.map((e) => {
-											let { isPinnedStart: t, insetInlineStart: n, isPinnedBoundary: r } = ue(e, G, K), i = e.isPlaceholder || !H.has(e.column.id) || X.has(e.column.id);
+											let { isPinnedStart: t, insetInlineStart: n, isPinnedBoundary: r } = de(e, K, Y), i = e.isPlaceholder || !U.has(e.column.id) || Z.has(e.column.id);
 											return /* @__PURE__ */ f(J, {
 												header: e,
 												isPinnedStart: t,
@@ -385,18 +423,18 @@ function X({ table: i, columnState: a, title: h, isLoading: _, isFetching: v, cl
 												isDragDisabled: i,
 												enableColumnResizing: P,
 												enableColumnReordering: F,
-												columnResizeMinWidth: I,
-												renderHeaderContent: ge,
-												onResizeColumn: pe,
-												onResetColumnWidth: me
+												columnResizeMinWidth: L,
+												renderHeaderContent: ye,
+												onResizeColumn: ge,
+												onResetColumnWidth: _e
 											}, e.id);
 										})
 									}, `header-group-${t}`))
 								})
-							}) : W.map((e, t) => /* @__PURE__ */ f("tr", {
+							}) : G.map((e, t) => /* @__PURE__ */ f("tr", {
 								className: q.headerRow,
 								children: e.map((e) => {
-									let { isPinnedStart: t, insetInlineStart: n, isPinnedBoundary: r } = ue(e, G, K);
+									let { isPinnedStart: t, insetInlineStart: n, isPinnedBoundary: r } = de(e, K, Y);
 									return /* @__PURE__ */ f(J, {
 										header: e,
 										isPinnedStart: t,
@@ -405,54 +443,34 @@ function X({ table: i, columnState: a, title: h, isLoading: _, isFetching: v, cl
 										isDragDisabled: !0,
 										enableColumnResizing: P,
 										enableColumnReordering: F,
-										columnResizeMinWidth: I,
-										renderHeaderContent: ge,
-										onResizeColumn: pe,
-										onResetColumnWidth: me
+										columnResizeMinWidth: L,
+										renderHeaderContent: ye,
+										onResizeColumn: ge,
+										onResetColumnWidth: _e
 									}, e.id);
 								})
 							}, `header-group-${t}`))
 						}),
-						/* @__PURE__ */ p("tbody", { children: [Z.rows.map((e) => {
-							let t = E?.(e) ?? !!T;
-							return /* @__PURE__ */ f("tr", {
-								className: l(q.bodyRow, t && q.bodyRowInteractive, e.getIsSelected() && q.bodyRowSelected, D?.(e)),
-								"aria-selected": b === "none" ? void 0 : e.getIsSelected(),
-								tabIndex: t ? 0 : void 0,
-								onClick: (t) => _e(t, e),
-								onKeyDown: (t) => ve(t, e),
-								children: fe([
-									...e.getStartVisibleCells(),
-									...e.getCenterVisibleCells(),
-									...e.getEndVisibleCells()
-								]).map((t) => {
-									let n = x(t.column.columnDef), r = oe(t.column.columnDef.cell, t.getContext()), i = {
-										row: e,
-										cell: t,
-										defaultContent: r,
-										columnMeta: n
-									}, a = A?.(i), o = t.column.getIsPinned() === "start", s = t.column.id === K, c = {
-										...n?.align ? { textAlign: n.align } : {},
-										...o ? { insetInlineStart: G[t.column.id] ?? "0px" } : {},
-										...k?.(i) ?? {}
-									};
-									return /* @__PURE__ */ f("td", {
-										className: l(q.bodyCell, o && q.bodyCellPinnedStart, s && q.pinnedStartBoundary, a?.mergeWithNext && q.bodyCellMergedWithNext, O?.(i)),
-										style: c,
-										children: a?.hideContent ? null : j ? j(i) : r
-									}, t.id);
-								})
-							}, e.id);
-						}), v && $ && /* @__PURE__ */ f("tr", {
+						/* @__PURE__ */ p("tbody", { children: [I ? /* @__PURE__ */ f(c.Root, {
+							sensors: W,
+							modifiers: [se],
+							onDragEnd: I.onDragEnd,
+							children: /* @__PURE__ */ f(c.Container, {
+								containerId: I.containerId ?? "base-table-body",
+								items: pe,
+								layout: "vertical",
+								children: Q.rows.map(Se)
+							})
+						}) : Q.rows.map(Se), v && $ && /* @__PURE__ */ f("tr", {
 							className: q.fetchingRow,
 							children: /* @__PURE__ */ f("td", {
-								colSpan: Math.max(z.length, 1),
+								colSpan: Math.max(B.length, 1),
 								className: q.feedbackCell,
 								children: /* @__PURE__ */ f(r, {})
 							})
 						})] })
 					]
-				}), L] })
+				}), R] })
 			}), /* @__PURE__ */ p("div", {
 				className: "absolute inset0 border",
 				style: {
@@ -472,7 +490,7 @@ var Z = {
 //#endregion
 //#region src/base-table/ui/FormattedTableCell.tsx
 function Q({ displayValue: e, align: t = "left" }) {
-	let n = _(null), r = e.showValue, a = e.showIcon ? e.icon : void 0, o = r && e.value != null ? String(e.value) : "", s = te(e.state), c = t === "right" ? "flex-end" : t === "center" ? "center" : "flex-start", u = t === "center" ? "center" : t === "right" ? "right" : "left";
+	let n = _(null), r = e.showValue, a = e.showIcon ? e.icon : void 0, o = r && e.value != null ? String(e.value) : "", s = b(e.state), c = t === "right" ? "flex-end" : t === "center" ? "center" : "flex-start", u = t === "center" ? "center" : t === "right" ? "right" : "left";
 	return h(() => {
 		let t = n.current;
 		if (!t) return;
@@ -511,6 +529,6 @@ function Q({ displayValue: e, align: t = "left" }) {
 	});
 }
 //#endregion
-export { W as a, R as c, z as d, N as f, j as g, A as h, G as i, I as l, ce as m, X as n, U as o, M as p, K as r, H as s, Q as t, F as u };
+export { W as a, R as c, z as d, ce as f, M as g, j as h, G as i, I as l, le as m, X as n, U as o, N as p, K as r, H as s, Q as t, F as u };
 
-//# sourceMappingURL=base-table-9H5YuVvB.js.map
+//# sourceMappingURL=base-table-CacTH3BE.js.map