@ryuzaki13/react-foundation-ui 1.1.6 → 1.1.8

package/dist/chunks/{base-table-BXKFSgIk.js → base-table-Dv9i3CAT.js}

@@ -1,16 +1,16 @@
 import { r as e } from "./grid-dI94AAbi.js";
 import { c as t, d as n, h as r, i } from "./misc-DIF5h9ba.js";
-import { t as a } from "./table-column-interactions-6RGjmiI5.js";
+import { t as a } from "./table-column-interactions-BGd5Lwy9.js";
 import { n as o } from "./context-menu-DQeR3y7M.js";
 import { s, t as c } from "./sortable-DcTIAbjD.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 { compileFormattersPipelineRuntimeFields as h, resolveValueStateClassName as g } from "@ryuzaki13/react-foundation-lib/formatters";
-import { buildTableColumnLayout as _, getTableColumnFormattingMeta as v, getTableColumnMeta as y, isTableInteractiveElement as b, normalizeTableColumnOrder as x, normalizeTableColumnSizing as S, patchTableColumnWidth as te, removeTableColumnWidth as ne, resolveReorderedTableHeaderColumns as re, resolveTableColumnOrder as C, resolveTableLength as w } from "@ryuzaki13/react-foundation-lib/table";
-import { Fragment as ie, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { useDndSortableSensors as ae } from "@ryuzaki13/react-foundation-lib/hooks";
-import { flexRender as oe, functionalUpdate as D } from "@tanstack/react-table";
-import { filterAndDeduplicateIds as O, pickExistingMapValues as se } from "@ryuzaki13/react-foundation-lib/array";
+import { Fragment as te, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { compileFormattersPipelineRuntimeFields as _, resolveValueStateClassName as v } from "@ryuzaki13/react-foundation-lib/formatters";
+import { useDndSortableSensors as ne } from "@ryuzaki13/react-foundation-lib/hooks";
+import { buildTableColumnLayout as y, getTableColumnFormattingMeta as re, getTableColumnMeta as b, isTableInteractiveElement as x, normalizeTableColumnOrder as S, normalizeTableColumnSizing as C, patchTableColumnWidth as ie, removeTableColumnWidth as ae, resolveReorderedTableHeaderColumns as oe, resolveTableColumnOrder as w, resolveTableLength as T } from "@ryuzaki13/react-foundation-lib/table";
+import { flexRender as se, functionalUpdate as E } from "@tanstack/react-table";
+import { filterAndDeduplicateIds as D, pickExistingMapValues as O } from "@ryuzaki13/react-foundation-lib/array";
 import { restrictToHorizontalAxis as ce } from "@dnd-kit/modifiers";
 //#region src/base-table/lib/columnPinning.ts
 function k(e) {
@@ -22,17 +22,17 @@ function k(e) {
 function A(e, t) {
 	let n = t?.[e.id];
 	if (typeof n == "number" && Number.isFinite(n) && n > 0) return `${Math.floor(n)}px`;
-	let r = y(e.columnDef)?.width ?? 4;
-	return typeof r == "number" && (r = Math.max(r, 4)), w(r);
+	let r = b(e.columnDef)?.width ?? 4;
+	return typeof r == "number" && (r = Math.max(r, 4)), T(r);
 }
 function j(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.left, i), o = O(t.columnPinning.right, 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.left, i), o = D(t.columnPinning.right, i), s = /* @__PURE__ */ new Set([...a, ...o]), c = [];
 	for (let e of n) s.has(e.id) || c.push(e.id);
-	let l = C({
+	let l = w({
 		ids: c,
 		order: t.columnOrder
 	});
-	return se([
+	return O([
 		...a,
 		...l,
 		...o
@@ -40,7 +40,7 @@ function j(e, t) {
 }
 function M(e, t) {
 	let n = j(e, t), r = new Map(n.map((e) => [e.id, e]));
-	return _({
+	return y({
 		ids: n.map((e) => e.id),
 		getWidth: (e) => {
 			let n = r.get(e);
@@ -86,7 +86,7 @@ function L(e) {
 		let r = P(e);
 		if (!r) return;
 		F(e) && n.add(r);
-		let i = v(e);
+		let i = re(e);
 		i && (t[r] = {
 			...i,
 			id: i.id ?? r,
@@ -94,7 +94,7 @@ function L(e) {
 			type: i.type ?? "string"
 		});
 	}), {
-		runtimeByColumnId: h(t),
+		runtimeByColumnId: _(t),
 		customCellColumnIds: n
 	};
 }
@@ -114,7 +114,7 @@ function B(e, t) {
 	}));
 }
 function V({ rows: e, columns: t, resolveRowBoundaryKey: n = () => "__all_rows__", excludeColumnIds: r }) {
-	let i = t.filter((e) => r?.has(e.id) ? !1 : y(e.columnDef)?.mergeDuplicates === !0);
+	let i = t.filter((e) => r?.has(e.id) ? !1 : b(e.columnDef)?.mergeDuplicates === !0);
 	if (e.length === 0 || i.length === 0) return /* @__PURE__ */ new Map();
 	let a = B(e, n), o = /* @__PURE__ */ new Map();
 	for (let e of i) {
@@ -153,7 +153,7 @@ function V({ rows: e, columns: t, resolveRowBoundaryKey: n = () => "__all_rows__
 //#endregion
 //#region src/base-table/model/useTableColumnOrder.ts
 function H({ columnOrder: e, defaultColumnOrder: t, onColumnOrderChange: n }) {
-	let [r, i] = p(void 0), a = d(() => x(e ?? r ?? t), [
+	let [r, i] = p(void 0), a = d(() => S(e ?? r ?? t), [
 		e,
 		t,
 		r
@@ -161,7 +161,7 @@ function H({ columnOrder: e, defaultColumnOrder: t, onColumnOrderChange: n }) {
 	return {
 		columnOrder: a,
 		onColumnOrderChange: l((t) => {
-			let r = x(D(t, a));
+			let r = S(E(t, a));
 			e === void 0 && i(r), n?.(r);
 		}, [
 			e,
@@ -181,7 +181,7 @@ function U({ columnPinning: e, defaultColumnPinning: t, onColumnPinningChange: n
 	return {
 		columnPinning: a,
 		onColumnPinningChange: l((t) => {
-			let r = { left: k(D(t, a)).left };
+			let r = { left: k(E(t, a)).left };
 			e === void 0 && i(r), n?.(r);
 		}, [
 			e,
@@ -193,7 +193,7 @@ function U({ columnPinning: e, defaultColumnPinning: t, onColumnPinningChange: n
 //#endregion
 //#region src/base-table/model/useTableColumnSizing.ts
 function W({ columnSizing: e, defaultColumnSizing: t, columnResizeMinWidth: n, onColumnSizingChange: r }) {
-	let [i, a] = p(void 0), o = d(() => S(e ?? i ?? t, n), [
+	let [i, a] = p(void 0), o = d(() => C(e ?? i ?? t, n), [
 		n,
 		e,
 		t,
@@ -202,7 +202,7 @@ function W({ columnSizing: e, defaultColumnSizing: t, columnResizeMinWidth: n, o
 	return {
 		columnSizing: o,
 		onColumnSizingChange: l((t) => {
-			let i = S(D(t, o), n);
+			let i = C(E(t, o), n);
 			e === void 0 && a(i), r?.(i);
 		}, [
 			n,
@@ -223,7 +223,7 @@ function G({ columnVisibility: e, defaultColumnVisibility: t, onColumnVisibility
 	return {
 		columnVisibility: a,
 		onColumnVisibilityChange: l((t) => {
-			let r = D(t, a);
+			let r = E(t, a);
 			e === void 0 && i(r), n?.(r);
 		}, [
 			e,
@@ -257,7 +257,7 @@ var K = {
 //#endregion
 //#region src/base-table/ui/BaseTableHeaderCell.tsx
 function q({ header: e, isPinnedLeft: t, left: n, isPinnedBoundary: r, isDragDisabled: i, enableColumnResizing: o, enableColumnReordering: s, columnResizeMinWidth: c, renderHeaderContent: l, onResizeColumn: u, onResetColumnWidth: d }) {
-	return /* @__PURE__ */ T(a, {
+	return /* @__PURE__ */ h(a, {
 		columnId: e.column.id,
 		dragDisabled: !s || i,
 		draggingClassName: K.headerCellDragging,
@@ -269,7 +269,7 @@ function q({ header: e, isPinnedLeft: t, left: n, isPinnedBoundary: r, isDragDis
 			onResize: u,
 			onReset: d
 		} : void 0,
-		children: ({ listeners: t, setActivatorElement: n }) => /* @__PURE__ */ T("div", {
+		children: ({ listeners: t, setActivatorElement: n }) => /* @__PURE__ */ h("div", {
 			ref: s && !i ? n : void 0,
 			className: m(K.headerCellContent, s && !i && K.headerCellDraggable),
 			...s && !i ? t ?? {} : {},
@@ -303,23 +303,23 @@ function Y(e, t, n) {
 	};
 }
 function de(e, t) {
-	return C({
+	return w({
 		ids: e.getAllLeafColumns().map((e) => e.id),
 		order: t.columnOrder
 	});
 }
-function X({ table: i, columnState: a, title: u, isLoading: f, isFetching: p, className: h, minHeight: g = "15em", tableClassName: _, selectionMode: v = "none", scrollableRef: x, interactiveElementSelector: S, onActivateRow: C, isRowInteractive: w, getRowClassName: D, getCellClassName: O, getCellStyle: se, getCellLayout: k, renderCellContent: A, renderHeaderContextMenu: j, enableColumnResizing: N = !1, enableColumnReordering: P = !1, columnResizeMinWidth: F, afterTableContent: I }) {
-	let L = M(i, a), R = d(() => L.map((e) => e.column), [L]), z = d(() => L.map((e) => e.id), [L]), B = d(() => new Map(z.map((e, t) => [e, t])), [z]), V = d(() => new Set(z), [z]), H = ae({ activationDistance: 8 }), U = ue(i, B), W = le(i, a), G = R.filter((e) => e.getIsPinned() === "left").at(-1)?.id, J = d(() => a.columnPinning.left ?? [], [a.columnPinning.left]), X = d(() => new Set(J), [J]), Z = i.getRowModel(), Q = !!u, $ = Z.rows.length > 0, fe = l((e) => [...e].sort((e, t) => (B.get(e.column.id) ?? 2 ** 53 - 1) - (B.get(t.column.id) ?? 2 ** 53 - 1)), [B]), pe = l((e, t) => {
-		i.setColumnSizing((n) => te(n, e, t, F));
+function X({ table: i, columnState: a, title: u, isLoading: f, isFetching: p, className: _, minHeight: v = "15em", tableClassName: y, selectionMode: re = "none", scrollableRef: S, interactiveElementSelector: C, onActivateRow: w, isRowInteractive: T, getRowClassName: E, getCellClassName: D, getCellStyle: O, getCellLayout: k, renderCellContent: A, renderHeaderContextMenu: j, enableColumnResizing: N = !1, enableColumnReordering: P = !1, columnResizeMinWidth: F, afterTableContent: I }) {
+	let L = M(i, a), R = d(() => L.map((e) => e.column), [L]), z = d(() => L.map((e) => e.id), [L]), B = d(() => new Map(z.map((e, t) => [e, t])), [z]), V = d(() => new Set(z), [z]), H = ne({ activationDistance: 8 }), U = ue(i, B), W = le(i, a), G = R.filter((e) => e.getIsPinned() === "left").at(-1)?.id, J = d(() => a.columnPinning.left ?? [], [a.columnPinning.left]), X = d(() => new Set(J), [J]), Z = i.getRowModel(), Q = !!u, $ = Z.rows.length > 0, fe = l((e) => [...e].sort((e, t) => (B.get(e.column.id) ?? 2 ** 53 - 1) - (B.get(t.column.id) ?? 2 ** 53 - 1)), [B]), pe = l((e, t) => {
+		i.setColumnSizing((n) => ie(n, e, t, F));
 	}, [F, i]), me = l((e) => {
-		i.setColumnSizing((t) => ne(t, e));
+		i.setColumnSizing((t) => ae(t, e));
 	}, [i]), he = l((e) => {
 		let t = s({
 			event: e,
 			items: z
 		});
 		if (!t) return;
-		let n = re({
+		let n = oe({
 			order: de(i, a),
 			headerIds: z,
 			pinnedIds: J,
@@ -334,48 +334,48 @@ function X({ table: i, columnState: a, title: u, isLoading: f, isFetching: p, cl
 		z
 	]), ge = (e) => {
 		if (e.isPlaceholder) return null;
-		let t = oe(e.column.columnDef.header, e.getContext()), n = j?.(e);
-		return n ? /* @__PURE__ */ E(o, { children: [/* @__PURE__ */ T(o.Trigger, { children: /* @__PURE__ */ T("div", {
+		let t = se(e.column.columnDef.header, e.getContext()), n = j?.(e);
+		return n ? /* @__PURE__ */ g(o, { children: [/* @__PURE__ */ h(o.Trigger, { children: /* @__PURE__ */ h("div", {
 			className: K.headerContextMenuTrigger,
 			tabIndex: 0,
 			children: t
-		}) }), /* @__PURE__ */ T(o.Content, { children: n })] }) : t;
+		}) }), /* @__PURE__ */ h(o.Content, { children: n })] }) : t;
 	}, _e = (e, t) => {
-		!(w?.(t) ?? !!C) || !C || b(e.target, S) || C(t);
+		!(T?.(t) ?? !!w) || !w || x(e.target, C) || w(t);
 	}, ve = (e, t) => {
-		!(w?.(t) ?? !!C) || !C || b(e.target, S) || ee(e, () => C(t));
+		!(T?.(t) ?? !!w) || !w || x(e.target, C) || ee(e, () => w(t));
 	};
-	return /* @__PURE__ */ E(e, {
+	return /* @__PURE__ */ g(e, {
 		templateRows: Q ? "auto 1fr" : "1fr",
-		className: m("overflowHidden w100 h100", K.root, h),
-		style: { minHeight: g },
-		children: [Q && /* @__PURE__ */ T("h3", {
+		className: m("overflowHidden w100 h100", K.root, _),
+		style: { minHeight: v },
+		children: [Q && /* @__PURE__ */ h("h3", {
 			className: "marginBottomXs",
 			children: u
-		}), /* @__PURE__ */ E("div", {
+		}), /* @__PURE__ */ g("div", {
 			className: "surface0 overflowHidden relative w100 h100",
-			children: [/* @__PURE__ */ T(t, {
-				ref: x,
+			children: [/* @__PURE__ */ h(t, {
+				ref: S,
 				className: "w100 h100",
-				children: /* @__PURE__ */ E(ie, { children: [/* @__PURE__ */ E("table", {
-					className: m(K.table, _),
+				children: /* @__PURE__ */ g(te, { children: [/* @__PURE__ */ g("table", {
+					className: m(K.table, y),
 					children: [
-						/* @__PURE__ */ T("colgroup", { children: L.map((e) => /* @__PURE__ */ T("col", { style: e.width ? { width: e.width } : void 0 }, e.id)) }),
-						/* @__PURE__ */ T("thead", {
+						/* @__PURE__ */ h("colgroup", { children: L.map((e) => /* @__PURE__ */ h("col", { style: e.width ? { width: e.width } : void 0 }, e.id)) }),
+						/* @__PURE__ */ h("thead", {
 							className: m("stickyTop", K.head),
-							children: P ? /* @__PURE__ */ T(c.Root, {
+							children: P ? /* @__PURE__ */ h(c.Root, {
 								sensors: H,
 								modifiers: [ce],
 								onDragEnd: he,
-								children: /* @__PURE__ */ T(c.Container, {
+								children: /* @__PURE__ */ h(c.Container, {
 									containerId: "base-table-header",
 									items: z,
 									layout: "horizontal",
-									children: U.map((e, t) => /* @__PURE__ */ T("tr", {
+									children: U.map((e, t) => /* @__PURE__ */ h("tr", {
 										className: K.headerRow,
 										children: e.map((e) => {
 											let { isPinnedLeft: t, left: n, isPinnedBoundary: r } = Y(e, W, G);
-											return /* @__PURE__ */ T(q, {
+											return /* @__PURE__ */ h(q, {
 												header: e,
 												isPinnedLeft: t,
 												left: n,
@@ -391,11 +391,11 @@ function X({ table: i, columnState: a, title: u, isLoading: f, isFetching: p, cl
 										})
 									}, `header-group-${t}`))
 								})
-							}) : U.map((e, t) => /* @__PURE__ */ T("tr", {
+							}) : U.map((e, t) => /* @__PURE__ */ h("tr", {
 								className: K.headerRow,
 								children: e.map((e) => {
 									let { isPinnedLeft: t, left: n, isPinnedBoundary: r } = Y(e, W, G);
-									return /* @__PURE__ */ T(q, {
+									return /* @__PURE__ */ h(q, {
 										header: e,
 										isPinnedLeft: t,
 										left: n,
@@ -411,11 +411,11 @@ function X({ table: i, columnState: a, title: u, isLoading: f, isFetching: p, cl
 								})
 							}, `header-group-${t}`))
 						}),
-						/* @__PURE__ */ E("tbody", { children: [Z.rows.map((e) => {
-							let t = w?.(e) ?? !!C;
-							return /* @__PURE__ */ T("tr", {
-								className: m(K.bodyRow, t && K.bodyRowInteractive, e.getIsSelected() && K.bodyRowSelected, D?.(e)),
-								"aria-selected": v === "none" ? void 0 : e.getIsSelected(),
+						/* @__PURE__ */ g("tbody", { children: [Z.rows.map((e) => {
+							let t = T?.(e) ?? !!w;
+							return /* @__PURE__ */ h("tr", {
+								className: m(K.bodyRow, t && K.bodyRowInteractive, e.getIsSelected() && K.bodyRowSelected, E?.(e)),
+								"aria-selected": re === "none" ? void 0 : e.getIsSelected(),
 								tabIndex: t ? 0 : void 0,
 								onClick: (t) => _e(t, e),
 								onKeyDown: (t) => ve(t, e),
@@ -424,7 +424,7 @@ function X({ table: i, columnState: a, title: u, isLoading: f, isFetching: p, cl
 									...e.getCenterVisibleCells(),
 									...e.getRightVisibleCells()
 								]).map((t) => {
-									let n = y(t.column.columnDef), r = oe(t.column.columnDef.cell, t.getContext()), i = {
+									let n = b(t.column.columnDef), r = se(t.column.columnDef.cell, t.getContext()), i = {
 										row: e,
 										cell: t,
 										defaultContent: r,
@@ -432,32 +432,32 @@ function X({ table: i, columnState: a, title: u, isLoading: f, isFetching: p, cl
 									}, a = k?.(i), o = t.column.getIsPinned() === "left", s = t.column.id === G, c = {
 										...n?.align ? { textAlign: n.align } : {},
 										...o ? { left: W[t.column.id] ?? "0px" } : {},
-										...se?.(i) ?? {}
+										...O?.(i) ?? {}
 									};
-									return /* @__PURE__ */ T("td", {
-										className: m(K.bodyCell, o && K.bodyCellPinnedLeft, s && K.pinnedLeftBoundary, a?.mergeWithNext && K.bodyCellMergedWithNext, O?.(i)),
+									return /* @__PURE__ */ h("td", {
+										className: m(K.bodyCell, o && K.bodyCellPinnedLeft, s && K.pinnedLeftBoundary, a?.mergeWithNext && K.bodyCellMergedWithNext, D?.(i)),
 										style: c,
 										children: a?.hideContent ? null : A ? A(i) : r
 									}, t.id);
 								})
 							}, e.id);
-						}), p && $ && /* @__PURE__ */ T("tr", {
+						}), p && $ && /* @__PURE__ */ h("tr", {
 							className: K.fetchingRow,
-							children: /* @__PURE__ */ T("td", {
+							children: /* @__PURE__ */ h("td", {
 								colSpan: Math.max(R.length, 1),
 								className: K.feedbackCell,
-								children: /* @__PURE__ */ T(r, {})
+								children: /* @__PURE__ */ h(r, {})
 							})
 						})] })
 					]
 				}), I] })
-			}), /* @__PURE__ */ E("div", {
+			}), /* @__PURE__ */ g("div", {
 				className: "absolute inset0 border radiusSm",
 				style: {
 					pointerEvents: "none",
 					zIndex: 20
 				},
-				children: [!f && !p && !$ && /* @__PURE__ */ T(n, { className: K.noData }), f && !$ && /* @__PURE__ */ T(r, { className: "h100 w100" })]
+				children: [!f && !p && !$ && /* @__PURE__ */ h(n, { className: K.noData }), f && !$ && /* @__PURE__ */ h(r, { className: "h100 w100" })]
 			})]
 		})]
 	});
@@ -470,7 +470,7 @@ var Z = {
 //#endregion
 //#region src/base-table/ui/FormattedTableCell.tsx
 function Q({ displayValue: e, align: t = "left" }) {
-	let n = f(null), r = e.showValue, a = e.showIcon ? e.icon : void 0, o = r && e.value != null ? String(e.value) : "", s = g(e.state), c = t === "right" ? "flex-end" : t === "center" ? "center" : "flex-start", l = t === "center" ? "center" : t === "right" ? "right" : "left";
+	let n = f(null), r = e.showValue, a = e.showIcon ? e.icon : void 0, o = r && 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 t = n.current;
 		if (!t) return;
@@ -490,20 +490,20 @@ function Q({ displayValue: e, align: t = "left" }) {
 		return i.observe(t), () => {
 			i.disconnect();
 		};
-	}, [e.overflowTooltip, o]), /* @__PURE__ */ T("div", {
+	}, [e.overflowTooltip, o]), /* @__PURE__ */ h("div", {
 		className: m(Z.formattedCell, s),
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: Z.formattedCellInner,
 			style: { justifyContent: c },
 			children: [
-				e.iconPosition === "left" ? /* @__PURE__ */ T(i, { state: a }) : null,
-				r ? /* @__PURE__ */ T("span", {
+				e.iconPosition === "left" ? /* @__PURE__ */ h(i, { state: a }) : null,
+				r ? /* @__PURE__ */ h("span", {
 					ref: n,
 					className: m("textOverflow", Z.formattedCellValue),
 					style: { textAlign: l },
 					children: o
 				}) : null,
-				e.iconPosition === "right" ? /* @__PURE__ */ T(i, { state: a }) : null
+				e.iconPosition === "right" ? /* @__PURE__ */ h(i, { state: a }) : null
 			]
 		})
 	});
@@ -511,4 +511,4 @@ function Q({ displayValue: e, align: t = "left" }) {
 //#endregion
 export { U as a, L as c, R as d, M as f, A as g, k as h, W as i, F as l, j as m, X as n, H as o, le as p, G as r, V as s, Q as t, P as u };
 
-//# sourceMappingURL=base-table-BXKFSgIk.js.map
+//# sourceMappingURL=base-table-Dv9i3CAT.js.map