@ryuzaki13/react-foundation-ui 3.4.2 → 3.5.0

package/dist/chunks/{base-table-BWvKfI2W.js → base-table-BHmboNzl.js}

@@ -1,16 +1,16 @@
-import { c as e, d as t, h as n, i as r } from "./misc-DeGboAt-.js";
-import { r as i } from "./grid-dI94AAbi.js";
-import { t as a } from "./table-column-interactions-DzEvVuXe.js";
-import { n as o } from "./context-menu-DgvXGCuI.js";
-import { s, t as c } from "./sortable-BKIwlqhI.js";
-import { useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
-import { cn as m, handleKeyboardActivation as ee } from "@ryuzaki13/react-foundation-lib/utils";
-import { Fragment as te, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { r as e } from "./grid-dI94AAbi.js";
+import { c as t, d as n, h as r, i } from "./misc-CGQOXXCy.js";
+import { t as a } from "./table-column-interactions-Do8LFtiv.js";
+import { n as o } from "./context-menu-BQePxRpu.js";
+import { s, t as c } from "./sortable-CQmMHAF8.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 { compileFormattersPipelineRuntimeFields as _, resolveValueStateClassName as v } from "@ryuzaki13/react-foundation-lib/formatters";
 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 { flexRender as oe, functionalUpdate as D } from "@tanstack/react-table";
-import { filterAndDeduplicateIds as O, pickExistingMapValues as k } from "@ryuzaki13/react-foundation-lib/array";
+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";
 //#region src/base-table/lib/columnPinning.ts
 function A(e) {
@@ -26,13 +26,13 @@ function j(e, t) {
 	return typeof r == "number" && (r = Math.max(r, 4)), E(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 = O(t.columnPinning.start, i), o = O(t.columnPinning.end, i), s = /* @__PURE__ */ new Set([...a, ...o]), c = [];
+	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 = [];
 	for (let e of n) s.has(e.id) || c.push(e.id);
 	let l = T({
 		ids: c,
 		order: t.columnOrder
 	});
-	return k([
+	return O([
 		...a,
 		...l,
 		...o
@@ -54,38 +54,38 @@ function N(e, t) {
 		}] : [];
 	});
 }
-function P(e, t) {
+function ce(e, t) {
 	let n = {}, r = [];
-	for (let i of M(e, t)) i.getIsPinned() === "start" && (n[i.id] = F(r), r.push(j(i, t.columnSizing)));
+	for (let i of M(e, t)) i.getIsPinned() === "start" && (n[i.id] = P(r), r.push(j(i, t.columnSizing)));
 	return n;
 }
-function F(e) {
+function P(e) {
 	return e.length === 0 ? "0px" : e.length === 1 ? e[0] : `calc(${e.join(" + ")})`;
 }
 //#endregion
 //#region src/base-table/lib/formatting.ts
-function I(e) {
+function F(e) {
 	if (typeof e.id == "string" && e.id.trim()) return e.id;
 	if ("accessorKey" in e && typeof e.accessorKey == "string" && e.accessorKey.trim()) return e.accessorKey;
 }
-function L(e) {
+function I(e) {
 	return "cell" in e && e.cell != null;
 }
-function R(e, t) {
+function L(e, t) {
 	for (let n of e) {
 		if ("columns" in n && Array.isArray(n.columns) && n.columns.length > 0) {
-			R(n.columns, t);
+			L(n.columns, t);
 			continue;
 		}
 		t(n);
 	}
 }
-function z(e) {
+function R(e) {
 	let t = {}, n = /* @__PURE__ */ new Set();
-	return R(e, (e) => {
-		let r = I(e);
+	return L(e, (e) => {
+		let r = F(e);
 		if (!r) return;
-		L(e) && n.add(r);
+		I(e) && n.add(r);
 		let i = b(e);
 		i && (t[r] = {
 			...i,
@@ -94,29 +94,29 @@ function z(e) {
 			type: i.type ?? "string"
 		});
 	}), {
-		runtimeByColumnId: _(t),
+		runtimeByColumnId: ee(t),
 		customCellColumnIds: n
 	};
 }
-function B(e) {
+function z(e) {
 	return !e.customCellColumnIds.has(e.columnId) && !!e.runtimeByColumnId[e.columnId];
 }
 //#endregion
 //#region src/base-table/lib/mergeDuplicates.ts
-function V(e) {
+function B(e) {
 	return e != null && e !== "";
 }
-function H(e, t) {
+function V(e, t) {
 	return e.map((e) => ({
 		row: e,
 		boundaryKey: t(e),
 		cellByColumnId: new Map(e.getVisibleCells().map((e) => [e.column.id, e]))
 	}));
 }
-function U({ rows: e, columns: t, resolveRowBoundaryKey: n = () => "__all_rows__", excludeColumnIds: r }) {
+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);
 	if (e.length === 0 || i.length === 0) return /* @__PURE__ */ new Map();
-	let a = H(e, n), o = /* @__PURE__ */ new Map();
+	let a = V(e, n), o = /* @__PURE__ */ new Map();
 	for (let e of i) {
 		let t = -1, n, r, i = (i) => {
 			if (t !== -1) {
@@ -136,7 +136,7 @@ function U({ rows: e, columns: t, resolveRowBoundaryKey: n = () => "__all_rows__
 		};
 		for (let o = 0; o < a.length; o += 1) {
 			let s = a[o], c = s?.cellByColumnId.get(e.id), l = c?.getValue();
-			if (!c || !V(l)) {
+			if (!c || !B(l)) {
 				i(o);
 				continue;
 			}
@@ -152,16 +152,16 @@ function U({ rows: e, columns: t, resolveRowBoundaryKey: n = () => "__all_rows__
 }
 //#endregion
 //#region src/base-table/model/useTableColumnOrder.ts
-function W({ columnOrder: e, defaultColumnOrder: t, onColumnOrderChange: n }) {
-	let [r, i] = p(void 0), a = d(() => C(e ?? r ?? t), [
+function U({ columnOrder: e, defaultColumnOrder: t, onColumnOrderChange: n }) {
+	let [r, i] = v(void 0), a = g(() => C(e ?? r ?? t), [
 		e,
 		t,
 		r
 	]);
 	return {
 		columnOrder: a,
-		onColumnOrderChange: l((t) => {
-			let r = C(D(t, a));
+		onColumnOrderChange: m((t) => {
+			let r = C(k(t, a));
 			e === void 0 && i(r), n?.(r);
 		}, [
 			e,
@@ -172,16 +172,16 @@ function W({ columnOrder: e, defaultColumnOrder: t, onColumnOrderChange: n }) {
 }
 //#endregion
 //#region src/base-table/model/useTableColumnPinning.ts
-function G({ columnPinning: e, defaultColumnPinning: t, onColumnPinningChange: n }) {
-	let [r, i] = p(void 0), a = d(() => A(e ?? r ?? t), [
+function W({ columnPinning: e, defaultColumnPinning: t, onColumnPinningChange: n }) {
+	let [r, i] = v(void 0), a = g(() => A(e ?? r ?? t), [
 		e,
 		t,
 		r
 	]);
 	return {
 		columnPinning: a,
-		onColumnPinningChange: l((t) => {
-			let r = { start: A(D(t, a)).start };
+		onColumnPinningChange: m((t) => {
+			let r = { start: A(k(t, a)).start };
 			e === void 0 && i(r), n?.(r);
 		}, [
 			e,
@@ -192,8 +192,8 @@ function G({ columnPinning: e, defaultColumnPinning: t, onColumnPinningChange: n
 }
 //#endregion
 //#region src/base-table/model/useTableColumnSizing.ts
-function K({ columnSizing: e, defaultColumnSizing: t, columnResizeMinWidth: n, onColumnSizingChange: r }) {
-	let [i, a] = p(void 0), o = d(() => w(e ?? i ?? t, n), [
+function G({ columnSizing: e, defaultColumnSizing: t, columnResizeMinWidth: n, onColumnSizingChange: r }) {
+	let [i, a] = v(void 0), o = g(() => w(e ?? i ?? t, n), [
 		n,
 		e,
 		t,
@@ -201,8 +201,8 @@ function K({ columnSizing: e, defaultColumnSizing: t, columnResizeMinWidth: n, o
 	]);
 	return {
 		columnSizing: o,
-		onColumnSizingChange: l((t) => {
-			let i = w(D(t, o), n);
+		onColumnSizingChange: m((t) => {
+			let i = w(k(t, o), n);
 			e === void 0 && a(i), r?.(i);
 		}, [
 			n,
@@ -214,16 +214,16 @@ function K({ columnSizing: e, defaultColumnSizing: t, columnResizeMinWidth: n, o
 }
 //#endregion
 //#region src/base-table/model/useTableColumnVisibility.ts
-function q({ columnVisibility: e, defaultColumnVisibility: t, onColumnVisibilityChange: n }) {
-	let [r, i] = p(void 0), a = d(() => e ?? r ?? t ?? {}, [
+function K({ columnVisibility: e, defaultColumnVisibility: t, onColumnVisibilityChange: n }) {
+	let [r, i] = v(void 0), a = g(() => e ?? r ?? t ?? {}, [
 		e,
 		t,
 		r
 	]);
 	return {
 		columnVisibility: a,
-		onColumnVisibilityChange: l((t) => {
-			let r = D(t, a);
+		onColumnVisibilityChange: m((t) => {
+			let r = k(t, a);
 			e === void 0 && i(r), n?.(r);
 		}, [
 			e,
@@ -232,7 +232,7 @@ function q({ columnVisibility: e, defaultColumnVisibility: t, onColumnVisibility
 		])
 	};
 }
-var J = {
+var q = {
 	root: "_0rNBMr",
 	headerContextMenuTrigger: "gp-7Db",
 	table: "Ck-sXP",
@@ -256,43 +256,43 @@ var J = {
 };
 //#endregion
 //#region src/base-table/ui/BaseTableHeaderCell.tsx
-function Y({ header: e, isPinnedStart: t, insetInlineStart: n, isPinnedBoundary: r, isDragDisabled: i, enableColumnResizing: o, enableColumnReordering: s, columnResizeMinWidth: c, renderHeaderContent: l, onResizeColumn: u, onResetColumnWidth: d }) {
-	return /* @__PURE__ */ h(a, {
+function J({ header: e, isPinnedStart: t, insetInlineStart: n, isPinnedBoundary: r, isDragDisabled: i, enableColumnResizing: o, enableColumnReordering: s, columnResizeMinWidth: c, renderHeaderContent: u, onResizeColumn: d, onResetColumnWidth: p }) {
+	return /* @__PURE__ */ f(a, {
 		columnId: e.column.id,
 		colSpan: e.colSpan,
 		dragDisabled: !s || i,
-		draggingClassName: J.headerCellDragging,
-		className: m(J.headerCell, t && J.headerCellPinnedStart, r && J.pinnedStartBoundary),
+		draggingClassName: q.headerCellDragging,
+		className: l(q.headerCell, t && q.headerCellPinnedStart, r && q.pinnedStartBoundary),
 		style: { ...t ? { insetInlineStart: n } : {} },
 		resizeHandle: o && !e.isPlaceholder ? {
 			columnId: e.column.id,
 			minWidth: c,
-			onResize: u,
-			onReset: d
+			onResize: d,
+			onReset: p
 		} : void 0,
-		children: ({ listeners: t, setActivatorElement: n }) => /* @__PURE__ */ h("div", {
+		children: ({ listeners: t, setActivatorElement: n }) => /* @__PURE__ */ f("div", {
 			ref: s && !i ? n : void 0,
-			className: m(J.headerCellContent, s && !i && J.headerCellDraggable),
+			className: l(q.headerCellContent, s && !i && q.headerCellDraggable),
 			...s && !i ? t ?? {} : {},
-			children: l(e)
+			children: u(e)
 		})
 	});
 }
 //#endregion
 //#region src/base-table/ui/BaseTable.tsx
-function X(e, t) {
+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 ce(e, t) {
+function le(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 ?? [],
 		...r[a]?.headers ?? [],
 		...i[a]?.headers ?? []
-	].filter((e) => e.isPlaceholder ? !0 : e.getLeafHeaders().some((e) => t.has(e.column.id))).sort((e, n) => X(e, t) - X(n, t)));
+	].filter((e) => e.isPlaceholder ? !0 : e.getLeafHeaders().some((e) => t.has(e.column.id))).sort((e, n) => Y(e, t) - Y(n, t)));
 }
-function le(e, t, n) {
+function ue(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,89 +303,89 @@ function le(e, t, n) {
 		isPinnedBoundary: !1
 	};
 }
-function ue(e, t) {
+function de(e, t) {
 	let n = e.getAllLeafColumns().map((e) => e.id);
 	return T({
 		ids: n,
 		order: t.columnOrder
 	});
 }
-function de({ table: r, columnState: a, title: u, isLoading: f, isFetching: p, className: _, minHeight: v = "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: F = !1, enableColumnReordering: I = !1, columnResizeMinWidth: L, afterTableContent: R }) {
-	let z = N(r, a), B = d(() => z.map((e) => e.column), [z]), V = d(() => z.map((e) => e.id), [z]), H = d(() => new Map(V.map((e, t) => [e, t])), [V]), U = d(() => new Set(V), [V]), W = ne({ activationDistance: 8 }), G = ce(r, H), K = P(r, a), q = B.filter((e) => e.getIsPinned() === "start").at(-1)?.id, X = d(() => a.columnPinning.start ?? [], [a.columnPinning.start]), de = d(() => new Set(X), [X]), Z = r.getRowModel(), Q = !!u, $ = Z.rows.length > 0, fe = l((e) => [...e].sort((e, t) => (H.get(e.column.id) ?? 2 ** 53 - 1) - (H.get(t.column.id) ?? 2 ** 53 - 1)), [H]), pe = l((e, t) => {
-		r.setColumnSizing((n) => re(n, e, t, L));
-	}, [L, r]), me = l((e) => {
-		r.setColumnSizing((t) => ie(t, e));
-	}, [r]), he = l((e) => {
+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) => {
 		let t = s({
 			event: e,
-			items: V
+			items: B
 		});
 		if (!t) return;
-		let n = ue(r, a), i = ae({
+		let n = de(i, a), r = ae({
 			order: n,
-			headerIds: V,
-			pinnedIds: X,
+			headerIds: B,
+			pinnedIds: Y,
 			activeId: String(t.activeId),
 			overId: String(t.overId)
 		});
-		i && r.setColumnOrder(i);
+		r && i.setColumnOrder(r);
 	}, [
 		a,
-		X,
-		r,
-		V
+		Y,
+		i,
+		B
 	]), ge = (e) => {
 		if (e.isPlaceholder) return null;
 		let t = oe(e.column.columnDef.header, e.getContext()), n = M?.(e);
-		return n ? /* @__PURE__ */ g(o, { children: [/* @__PURE__ */ h(o.Trigger, { children: /* @__PURE__ */ h("div", {
-			className: J.headerContextMenuTrigger,
+		return n ? /* @__PURE__ */ p(o, { children: [/* @__PURE__ */ f(o.Trigger, { children: /* @__PURE__ */ f("div", {
+			className: q.headerContextMenuTrigger,
 			tabIndex: 0,
 			children: t
-		}) }), /* @__PURE__ */ h(o.Content, { children: n })] }) : 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) || ee(e, () => T(t));
+		!(E?.(t) ?? !!T) || !T || S(e.target, w) || u(e, () => T(t));
 	};
-	return /* @__PURE__ */ g(i, {
+	return /* @__PURE__ */ p(e, {
 		templateRows: Q ? "auto 1fr" : "1fr",
-		className: m("overflowHidden w100 h100", J.root, _),
-		style: { minHeight: v },
-		children: [Q && /* @__PURE__ */ h("h3", {
+		className: l("overflowHidden w100 h100", q.root, ee),
+		style: { minHeight: te },
+		children: [Q && /* @__PURE__ */ f("h3", {
 			className: "marginBottomXs",
-			children: u
-		}), /* @__PURE__ */ g("div", {
+			children: h
+		}), /* @__PURE__ */ p("div", {
 			className: "surface0 overflowHidden relative w100 h100",
-			children: [/* @__PURE__ */ h(e, {
+			children: [/* @__PURE__ */ f(t, {
 				ref: C,
 				className: "w100 h100",
-				children: /* @__PURE__ */ g(te, { children: [/* @__PURE__ */ g("table", {
-					className: m(J.table, y),
+				children: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p("table", {
+					className: l(q.table, y),
 					children: [
-						/* @__PURE__ */ h("colgroup", { children: z.map((e) => /* @__PURE__ */ h("col", { style: e.width ? { width: e.width } : void 0 }, e.id)) }),
-						/* @__PURE__ */ h("thead", {
-							className: m("stickyTop", J.head),
-							children: I ? /* @__PURE__ */ h(c.Root, {
-								sensors: W,
+						/* @__PURE__ */ f("colgroup", { children: R.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,
-								children: /* @__PURE__ */ h(c.Container, {
+								children: /* @__PURE__ */ f(c.Container, {
 									containerId: "base-table-header",
-									items: V,
+									items: B,
 									layout: "horizontal",
-									children: G.map((e, t) => /* @__PURE__ */ h("tr", {
-										className: J.headerRow,
+									children: W.map((e, t) => /* @__PURE__ */ f("tr", {
+										className: q.headerRow,
 										children: e.map((e) => {
-											let { isPinnedStart: t, insetInlineStart: n, isPinnedBoundary: r } = le(e, K, q), i = e.isPlaceholder || !U.has(e.column.id) || de.has(e.column.id);
-											return /* @__PURE__ */ h(Y, {
+											let { isPinnedStart: t, insetInlineStart: n, isPinnedBoundary: r } = ue(e, G, K), i = e.isPlaceholder || !H.has(e.column.id) || X.has(e.column.id);
+											return /* @__PURE__ */ f(J, {
 												header: e,
 												isPinnedStart: t,
 												insetInlineStart: n,
 												isPinnedBoundary: r,
 												isDragDisabled: i,
-												enableColumnResizing: F,
-												enableColumnReordering: I,
-												columnResizeMinWidth: L,
+												enableColumnResizing: P,
+												enableColumnReordering: F,
+												columnResizeMinWidth: I,
 												renderHeaderContent: ge,
 												onResizeColumn: pe,
 												onResetColumnWidth: me
@@ -393,19 +393,19 @@ function de({ table: r, columnState: a, title: u, isLoading: f, isFetching: p, c
 										})
 									}, `header-group-${t}`))
 								})
-							}) : G.map((e, t) => /* @__PURE__ */ h("tr", {
-								className: J.headerRow,
+							}) : W.map((e, t) => /* @__PURE__ */ f("tr", {
+								className: q.headerRow,
 								children: e.map((e) => {
-									let { isPinnedStart: t, insetInlineStart: n, isPinnedBoundary: r } = le(e, K, q);
-									return /* @__PURE__ */ h(Y, {
+									let { isPinnedStart: t, insetInlineStart: n, isPinnedBoundary: r } = ue(e, G, K);
+									return /* @__PURE__ */ f(J, {
 										header: e,
 										isPinnedStart: t,
 										insetInlineStart: n,
 										isPinnedBoundary: r,
 										isDragDisabled: !0,
-										enableColumnResizing: F,
-										enableColumnReordering: I,
-										columnResizeMinWidth: L,
+										enableColumnResizing: P,
+										enableColumnReordering: F,
+										columnResizeMinWidth: I,
 										renderHeaderContent: ge,
 										onResizeColumn: pe,
 										onResetColumnWidth: me
@@ -413,10 +413,10 @@ function de({ table: r, columnState: a, title: u, isLoading: f, isFetching: p, c
 								})
 							}, `header-group-${t}`))
 						}),
-						/* @__PURE__ */ g("tbody", { children: [Z.rows.map((e) => {
+						/* @__PURE__ */ p("tbody", { children: [Z.rows.map((e) => {
 							let t = E?.(e) ?? !!T;
-							return /* @__PURE__ */ h("tr", {
-								className: m(J.bodyRow, t && J.bodyRowInteractive, e.getIsSelected() && J.bodyRowSelected, D?.(e)),
+							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),
@@ -431,35 +431,35 @@ function de({ table: r, columnState: a, title: u, isLoading: f, isFetching: p, c
 										cell: t,
 										defaultContent: r,
 										columnMeta: n
-									}, a = A?.(i), o = t.column.getIsPinned() === "start", s = t.column.id === q, c = {
+									}, a = A?.(i), o = t.column.getIsPinned() === "start", s = t.column.id === K, c = {
 										...n?.align ? { textAlign: n.align } : {},
-										...o ? { insetInlineStart: K[t.column.id] ?? "0px" } : {},
+										...o ? { insetInlineStart: G[t.column.id] ?? "0px" } : {},
 										...k?.(i) ?? {}
 									};
-									return /* @__PURE__ */ h("td", {
-										className: m(J.bodyCell, o && J.bodyCellPinnedStart, s && J.pinnedStartBoundary, a?.mergeWithNext && J.bodyCellMergedWithNext, O?.(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);
-						}), p && $ && /* @__PURE__ */ h("tr", {
-							className: J.fetchingRow,
-							children: /* @__PURE__ */ h("td", {
-								colSpan: Math.max(B.length, 1),
-								className: J.feedbackCell,
-								children: /* @__PURE__ */ h(n, {})
+						}), v && $ && /* @__PURE__ */ f("tr", {
+							className: q.fetchingRow,
+							children: /* @__PURE__ */ f("td", {
+								colSpan: Math.max(z.length, 1),
+								className: q.feedbackCell,
+								children: /* @__PURE__ */ f(r, {})
 							})
 						})] })
 					]
-				}), R] })
-			}), /* @__PURE__ */ g("div", {
+				}), L] })
+			}), /* @__PURE__ */ p("div", {
 				className: "absolute inset0 border",
 				style: {
 					pointerEvents: "none",
 					zIndex: 20
 				},
-				children: [!f && !p && !$ && /* @__PURE__ */ h(t, { className: J.noData }), f && !$ && /* @__PURE__ */ h(n, { className: "h100 w100" })]
+				children: [!_ && !v && !$ && /* @__PURE__ */ f(n, { className: q.noData }), _ && !$ && /* @__PURE__ */ f(r, { className: "h100 w100" })]
 			})]
 		})]
 	});
@@ -472,8 +472,8 @@ var Z = {
 //#endregion
 //#region src/base-table/ui/FormattedTableCell.tsx
 function Q({ displayValue: e, align: t = "left" }) {
-	let n = f(null), i = e.showValue, a = e.showIcon ? e.icon : void 0, o = i && e.value != null ? String(e.value) : "", s = v(e.state), c = t === "right" ? "flex-end" : t === "center" ? "center" : "flex-start", l = t === "center" ? "center" : t === "right" ? "right" : "left";
-	return u(() => {
+	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";
+	return h(() => {
 		let t = n.current;
 		if (!t) return;
 		let r = () => {
@@ -492,25 +492,25 @@ function Q({ displayValue: e, align: t = "left" }) {
 		return i.observe(t), () => {
 			i.disconnect();
 		};
-	}, [e.overflowTooltip, o]), /* @__PURE__ */ h("div", {
-		className: m(Z.formattedCell, s),
-		children: /* @__PURE__ */ g("div", {
+	}, [e.overflowTooltip, o]), /* @__PURE__ */ f("div", {
+		className: l(Z.formattedCell, s),
+		children: /* @__PURE__ */ p("div", {
 			className: Z.formattedCellInner,
 			style: { justifyContent: c },
 			children: [
-				e.iconPosition === "left" ? /* @__PURE__ */ h(r, { state: a }) : null,
-				i ? /* @__PURE__ */ h("span", {
+				e.iconPosition === "left" ? /* @__PURE__ */ f(i, { state: a }) : null,
+				r ? /* @__PURE__ */ f("span", {
 					ref: n,
-					className: m("textOverflow", Z.formattedCellValue),
-					style: { textAlign: l },
+					className: l("textOverflow", Z.formattedCellValue),
+					style: { textAlign: u },
 					children: o
 				}) : null,
-				e.iconPosition === "right" ? /* @__PURE__ */ h(r, { state: a }) : null
+				e.iconPosition === "right" ? /* @__PURE__ */ f(i, { state: a }) : null
 			]
 		})
 	});
 }
 //#endregion
-export { G as a, z as c, B as d, N as f, j as g, A as h, K as i, L as l, P as m, de as n, W as o, M as p, q as r, U as s, Q as t, I as u };
+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 };
 
-//# sourceMappingURL=base-table-BWvKfI2W.js.map
+//# sourceMappingURL=base-table-BHmboNzl.js.map