@object-ui/plugin-grid 3.4.0 → 4.0.1

package/dist/index.js

@@ -278,16 +278,47 @@ function He(e) {
 }
 //#endregion
 //#region src/useGroupedData.ts
-function Ue(e, t) {
-	return t.map((t) => String(e[t.field] ?? "")).join(" / ");
+function Ue(e) {
+	if (e == null || e === "") return "";
+	if (Array.isArray(e)) return e.map((e) => Ue(e)).join("|");
+	if (typeof e == "object") {
+		let t = e.id ?? e._id ?? e.pk ?? e.value;
+		if (t != null && t !== "") return String(t);
+		let n = e.name ?? e.label ?? e.title;
+		if (n != null && n !== "") return String(n);
+		try {
+			return JSON.stringify(e);
+		} catch {
+			return "";
+		}
+	}
+	return String(e);
 }
 function We(e, t) {
-	return t.map((t) => {
-		let n = e[t.field];
+	return Ue(e[t]);
+}
+function Ge(e, t, n) {
+	if (e == null || e === "") return "(empty)";
+	if (n) {
+		let r = n(t, e);
+		if (r !== void 0 && r !== "") return r;
+	}
+	if (Array.isArray(e)) return e.map((e) => {
+		if (n) {
+			let r = n(t, e);
+			if (r !== void 0 && r !== "") return r;
+		}
+		return Ge(e, t);
+	}).join(", ") || "(empty)";
+	if (typeof e == "object") {
+		let t = e.name ?? e.label ?? e.title ?? e.display_name ?? e.displayName ?? e.fullName ?? e.full_name;
+		if (t != null && t !== "") return String(t);
+		let n = e.id ?? e._id ?? e.pk;
 		return n != null && n !== "" ? String(n) : "(empty)";
-	}).join(" / ");
+	}
+	return String(e);
 }
-function Ge(e, t) {
+function Ke(e, t) {
 	return t.map(({ field: t, type: n }) => {
 		let r = e.map((e) => Number(e[t])).filter((e) => Number.isFinite(e)), i;
 		switch (n) {
@@ -315,57 +346,67 @@ function Ge(e, t) {
 		};
 	});
 }
-function Ke(e, t, n) {
+function qe(e, t, n) {
 	let r = e.localeCompare(t, void 0, {
 		numeric: !0,
 		sensitivity: "base"
 	});
 	return n === "desc" ? -r : r;
 }
-function qe(e, t, n) {
-	let i = e?.fields, o = !!(i && i.length > 0), [c, l] = s({}), u = a(() => i ? i.some((e) => e.collapsed) : !1, [i]);
+function Je(e, t, n, i) {
+	let o = e?.fields, c = !!(o && o.length > 0), [l, u] = s({});
 	return {
 		groups: a(() => {
-			if (!o || !i) return [];
-			let e = /* @__PURE__ */ new Map(), r = [];
-			for (let n of t) {
-				let t = Ue(n, i);
-				e.has(t) || (e.set(t, {
-					label: We(n, i),
-					rows: []
-				}), r.push(t)), e.get(t).rows.push(n);
-			}
-			let a = i[0]?.order ?? "asc";
-			return r.sort((e, t) => Ke(e, t, a)), r.map((t) => {
-				let r = e.get(t), i = t in c ? c[t] : u, a = n && n.length > 0 ? Ge(r.rows, n) : [];
-				return {
-					key: t,
-					label: r.label,
-					rows: r.rows,
-					collapsed: i,
-					aggregations: a
-				};
-			});
+			if (!c || !o) return [];
+			let e = (t, r, a) => {
+				if (r >= o.length) return [];
+				let s = o[r], c = /* @__PURE__ */ new Map(), u = [];
+				for (let e of t) {
+					let t = We(e, s.field);
+					c.has(t) || (c.set(t, {
+						label: Ge(e[s.field], s.field, i),
+						rows: []
+					}), u.push(t)), c.get(t).rows.push(e);
+				}
+				let d = s.order ?? "asc";
+				return u.sort((e, t) => qe(c.get(e)?.label ?? e, c.get(t)?.label ?? t, d)), u.map((t) => {
+					let i = c.get(t), u = a ? `${a}__${r}:${t}` : `${r}:${t}`, d = !!s.collapsed, f = u in l ? l[u] : d, p = n && n.length > 0 ? Ke(i.rows, n) : [], m = r + 1 < o.length ? e(i.rows, r + 1, u) : [];
+					return {
+						key: u,
+						label: i.label,
+						field: s.field,
+						depth: r,
+						rows: i.rows,
+						collapsed: f,
+						aggregations: p,
+						subgroups: m
+					};
+				});
+			};
+			return e(t, 0, "");
 		}, [
 			t,
-			i,
 			o,
 			c,
-			u,
-			n
+			l,
+			n,
+			i
 		]),
-		isGrouped: o,
+		isGrouped: c,
 		toggleGroup: r((e) => {
-			l((t) => ({
-				...t,
-				[e]: t[e] === void 0 ? !u : !t[e]
-			}));
-		}, [u])
+			u((t) => {
+				let n = e.split("__").pop() || "", r = /^(\d+):/.exec(n), i = r ? Number(r[1]) : 0, a = !!o?.[i]?.collapsed;
+				return {
+					...t,
+					[e]: t[e] === void 0 ? !a : !t[e]
+				};
+			});
+		}, [o])
 	};
 }
 //#endregion
 //#region src/GroupRow.tsx
-var Je = ({ groupKey: e, label: t, count: n, collapsed: r, aggregations: i, onToggle: a, children: o }) => /* @__PURE__ */ (0, Z.jsxs)("div", {
+var Ye = ({ groupKey: e, label: t, count: n, collapsed: r, aggregations: i, onToggle: a, children: o }) => /* @__PURE__ */ (0, Z.jsxs)("div", {
 	className: "border rounded-md",
 	"data-testid": `group-row-${e}`,
 	children: [/* @__PURE__ */ (0, Z.jsxs)("button", {
@@ -403,10 +444,10 @@ var Je = ({ groupKey: e, label: t, count: n, collapsed: r, aggregations: i, onTo
 });
 //#endregion
 //#region src/useColumnSummary.ts
-function Ye(e) {
+function Xe(e) {
 	return typeof e == "string" ? { type: e } : e;
 }
-function Xe(e, t) {
+function Ze(e, t) {
 	if (t.length === 0) return null;
 	switch (e) {
 		case "count": return t.length;
@@ -417,7 +458,7 @@ function Xe(e, t) {
 		default: return null;
 	}
 }
-function Ze(e, t) {
+function Qe(e, t) {
 	return t === null ? "" : `${{
 		count: "Count",
 		sum: "Sum",
@@ -426,7 +467,7 @@ function Ze(e, t) {
 		max: "Max"
 	}[e] || e}: ${e === "avg" ? t.toLocaleString(void 0, { maximumFractionDigits: 2 }) : t.toLocaleString()}`;
 }
-function Qe(e, t) {
+function $e(e, t) {
 	return a(() => {
 		let n = /* @__PURE__ */ new Map();
 		if (!e || e.length === 0 || t.length === 0) return {
@@ -435,7 +476,7 @@ function Qe(e, t) {
 		};
 		for (let r of e) {
 			if (!r.summary) continue;
-			let e = Ye(r.summary), i = e.field || r.field, a = [];
+			let e = Xe(r.summary), i = e.field || r.field, a = [];
 			for (let e of t) {
 				let t = e[i];
 				if (t != null && typeof t == "number" && !isNaN(t)) a.push(t);
@@ -448,11 +489,11 @@ function Qe(e, t) {
 			if (e.type === "count") {
 				let e = t.filter((e) => e[i] != null && e[i] !== "").length;
 				o = e > 0 ? e : null;
-			} else o = Xe(e.type, a);
+			} else o = Ze(e.type, a);
 			n.set(r.field, {
 				field: r.field,
 				value: o,
-				label: Ze(e.type, o)
+				label: Qe(e.type, o)
 			});
 		}
 		return {
@@ -463,10 +504,10 @@ function Qe(e, t) {
 }
 //#endregion
 //#region src/components/RowActionMenu.tsx
-function $e(e) {
+function et(e) {
 	return e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-var et = ({ row: e, rowActions: t, canEdit: n, canDelete: r, onEdit: i, onDelete: a, onAction: o }) => /* @__PURE__ */ (0, Z.jsxs)(D, { children: [/* @__PURE__ */ (0, Z.jsx)(A, {
+var tt = ({ row: e, rowActions: t, canEdit: n, canDelete: r, onEdit: i, onDelete: a, onAction: o }) => /* @__PURE__ */ (0, Z.jsxs)(D, { children: [/* @__PURE__ */ (0, Z.jsx)(A, {
 	asChild: !0,
 	children: /* @__PURE__ */ (0, Z.jsxs)(T, {
 		variant: "ghost",
@@ -492,10 +533,10 @@ var et = ({ row: e, rowActions: t, canEdit: n, canDelete: r, onEdit: i, onDelete
 		t?.map((t) => /* @__PURE__ */ (0, Z.jsx)(k, {
 			onClick: () => o?.(t, e),
 			"data-testid": `row-action-${t}`,
-			children: $e(t)
+			children: et(t)
 		}, t))
 	]
-})] }), tt = ({ selectedRows: e, actions: t, onAction: n, onClearSelection: r }) => !t || t.length === 0 || e.length === 0 ? null : /* @__PURE__ */ (0, Z.jsxs)("div", {
+})] }), nt = ({ selectedRows: e, actions: t, onAction: n, onClearSelection: r }) => !t || t.length === 0 || e.length === 0 ? null : /* @__PURE__ */ (0, Z.jsxs)("div", {
 	className: "border-t px-4 py-1.5 flex items-center gap-2 text-xs bg-primary/5 shrink-0",
 	"data-testid": "bulk-actions-bar",
 	children: [
@@ -511,7 +552,7 @@ var et = ({ row: e, rowActions: t, canEdit: n, canDelete: r, onEdit: i, onDelete
 				className: "h-6 px-2 text-xs",
 				onClick: () => n?.(t, e),
 				"data-testid": `bulk-action-${t}`,
-				children: $e(t)
+				children: et(t)
 			}, t))
 		}),
 		/* @__PURE__ */ (0, Z.jsx)(T, {
@@ -522,7 +563,7 @@ var et = ({ row: e, rowActions: t, canEdit: n, canDelete: r, onEdit: i, onDelete
 			children: "Clear"
 		})
 	]
-}), nt = {
+}), rt = {
 	"grid.actions": "Actions",
 	"grid.edit": "Edit",
 	"grid.delete": "Delete",
@@ -534,26 +575,26 @@ var et = ({ row: e, rowActions: t, canEdit: n, canDelete: r, onEdit: i, onDelete
 	"grid.refreshing": "Refreshing…",
 	"grid.openRecord": "Open record"
 };
-function rt() {
+function it() {
 	try {
 		let e = h();
 		return e.t("grid.actions") === "grid.actions" ? { t: (e, t) => {
-			let n = nt[e] || e;
+			let n = rt[e] || e;
 			if (t) for (let [e, r] of Object.entries(t)) n = n.replace(`{{${e}}}`, String(r));
 			return n;
 		} } : { t: e.t };
 	} catch {
 		return { t: (e, t) => {
-			let n = nt[e] || e;
+			let n = rt[e] || e;
 			if (t) for (let [e, r] of Object.entries(t)) n = n.replace(`{{${e}}}`, String(r));
 			return n;
 		} };
 	}
 }
-function it(e) {
+function at(e) {
 	if (e != null) return typeof e == "string" ? e : void 0;
 }
-function at(e) {
+function ot(e) {
 	return e.data ? Array.isArray(e.data) ? {
 		provider: "value",
 		items: e.data
@@ -565,11 +606,11 @@ function at(e) {
 		object: e.objectName
 	} : null;
 }
-function ot(e) {
+function st(e) {
 	if (!(!e || e.length === 0)) return typeof e[0] == "object" && e[0], e;
 }
-var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, onRowClick: h, onCellChange: _, onRowSave: ee, onBatchSave: te, onAddRecord: ne, ...re }) => {
-	let [E, ie] = s([]), [D, O] = s(!0), [k, A] = s(null), { t: M } = rt(), { fieldLabel: ce, translateOptions: F } = g(), [I, L] = s(null), [R, le] = s(!1), [ue, de] = s(0), [z, B] = s(!1), [fe, V] = s(!1), H = pe({ dataSource: n }), [U, he] = s(e.rowHeight ?? "compact"), [ge, ve] = s([]), ye = t.useMemo(() => e.id ? `grid-columns-${e.objectName}-${e.id}` : `grid-columns-${e.objectName}`, [e.objectName, e.id]), [W, xe] = s(() => {
+var ct = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, onRowClick: h, onCellChange: _, onRowSave: ee, onBatchSave: te, onAddRecord: ne, ...re }) => {
+	let [E, ie] = s([]), [D, O] = s(!0), [k, A] = s(null), { t: M } = it(), { fieldLabel: ce, translateOptions: F } = g(), [I, L] = s(null), [R, le] = s(!1), [ue, de] = s(0), [z, B] = s(!1), [fe, V] = s(!1), H = pe({ dataSource: n }), [U, he] = s(e.rowHeight ?? "compact"), [ge, ve] = s([]), ye = t.useMemo(() => e.id ? `grid-columns-${e.objectName}-${e.id}` : `grid-columns-${e.objectName}`, [e.objectName, e.id]), [W, xe] = s(() => {
 		try {
 			let e = localStorage.getItem(ye);
 			return e ? JSON.parse(e) : {};
@@ -593,7 +634,7 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 		let e = () => le(window.innerWidth < 480);
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let ke = re.data, Ne = p(e.bind), Fe = at(e), G = t.useMemo(() => ke && Array.isArray(ke) ? {
+	let ke = re.data, Ne = p(e.bind), Fe = ot(e), G = t.useMemo(() => ke && Array.isArray(ke) ? {
 		provider: "value",
 		items: ke
 	} : Ne && Array.isArray(Ne) ? {
@@ -633,7 +674,7 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 		return (async () => {
 			O(!0), A(null);
 			try {
-				let r = null, i = ot(Y) || J;
+				let r = null, i = st(Y) || J;
 				if (q && n) if (typeof n.getObjectSchema == "function") {
 					let e = await n.getObjectSchema(q);
 					if (t) return;
@@ -722,10 +763,48 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 				return "style" in e && e.style && Object.assign(t, e.style), "backgroundColor" in e && e.backgroundColor && (t.backgroundColor = e.backgroundColor), "textColor" in e && e.textColor && (t.color = e.textColor), "borderColor" in e && e.borderColor && (t.borderColor = e.borderColor), t;
 			}
 		}
-	}, [e.conditionalFormatting]), { groups: Ke, isGrouped: Ye, toggleGroup: Xe } = qe(e.grouping, E), { summaries: Ze, hasSummary: nt } = Qe(t.useMemo(() => {
-		let t = ot(e.columns);
+	}, [e.conditionalFormatting]), Ke = t.useMemo(() => {
+		let t = e.grouping;
+		if (!t?.fields?.length) return;
+		let n = /* @__PURE__ */ new Map();
+		for (let r of t.fields) {
+			let t = r.field, i = I?.fields?.[t], a = st(e.columns)?.find?.((e) => typeof e == "object" && e?.field === t), o = a?.type || i?.type, s = a?.options || i?.options, c = /* @__PURE__ */ new Map();
+			if (Array.isArray(s) && s.length > 0) {
+				let n = e.objectName ? F(e.objectName, t, s) : s;
+				for (let e of n) if (e && e.value !== void 0 && e.value !== null) {
+					let t = e.label;
+					c.set(String(e.value), String(t ?? e.value));
+				}
+			}
+			n.set(t, {
+				type: o || void 0,
+				options: c.size > 0 ? c : void 0
+			});
+		}
+		return (e, t) => {
+			let r = n.get(e);
+			if (r) {
+				if (r.options) {
+					let e = r.options.get(String(t));
+					if (e !== void 0) return e;
+				}
+				if (r.type === "boolean" || typeof t == "boolean") {
+					if (t === !0 || t === "true") return M("grid.booleanTrue", "Yes");
+					if (t === !1 || t === "false") return M("grid.booleanFalse", "No");
+				}
+			}
+		};
+	}, [
+		e.grouping,
+		e.columns,
+		e.objectName,
+		I,
+		F,
+		M
+	]), { groups: qe, isGrouped: Xe, toggleGroup: Ze } = Je(e.grouping, E, void 0, Ke), { summaries: Qe, hasSummary: rt } = $e(t.useMemo(() => {
+		let t = st(e.columns);
 		if (t && t.length > 0 && typeof t[0] == "object") return t;
-	}, [e.columns]), E), st = r(() => {
+	}, [e.columns]), E), ct = r(() => {
 		let t = (e) => e && {
 			text: /* @__PURE__ */ (0, Z.jsx)(Ie, { className: "h-3.5 w-3.5" }),
 			number: /* @__PURE__ */ (0, Z.jsx)(Oe, { className: "h-3.5 w-3.5" }),
@@ -815,7 +894,7 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 				if (typeof t == "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(t)) return "datetime";
 			}
 			return null;
-		}, r = ot(Y);
+		}, r = st(Y);
 		if (r) {
 			if (r.length > 0 && typeof r[0] == "object" && r[0] !== null) {
 				let i = r[0];
@@ -844,7 +923,7 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 					};
 				});
 				if ("field" in i) return r.filter((e) => e?.field && typeof e.field == "string" && !e.hidden).map((r, i) => {
-					let a = it(r.label) || r.field.charAt(0).toUpperCase() + r.field.slice(1).replace(/_/g, " "), o = e.objectName ? ce(e.objectName, r.field, a) : a, s, c = I?.fields?.[r.field], l = r.type || c?.type || n({ field: r.field }) || null, u = l ? S(l) : null, d = {
+					let a = at(r.label) || r.field.charAt(0).toUpperCase() + r.field.slice(1).replace(/_/g, " "), o = e.objectName ? ce(e.objectName, r.field, a) : a, s, c = I?.fields?.[r.field], l = r.type || c?.type || n({ field: r.field }) || null, u = l ? S(l) : null, d = {
 						name: r.field,
 						type: l || "text"
 					};
@@ -882,7 +961,7 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 								}
 							});
 						},
-						children: $e(r.action)
+						children: et(r.action)
 					}) : u ? (e) => /* @__PURE__ */ (0, Z.jsx)(u, {
 						value: e,
 						field: d
@@ -1064,10 +1143,10 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 		ce,
 		F,
 		e.objectName
-	]), ct = r((t) => {
+	]), lt = r((t) => {
 		let n = e.exportOptions, r = n?.maxRecords || 0, i = n?.includeHeaders !== !1, a = n?.fileNamePrefix || e.objectName || "export";
 		if ((t === "csv" || t === "xlsx" || t === "json") && H.isSupported && e.objectName && !K && n?.streaming !== !1) {
-			let n = st().filter((e) => e.accessorKey !== "_actions").map((e) => e.accessorKey).filter(Boolean);
+			let n = ct().filter((e) => e.accessorKey !== "_actions").map((e) => e.accessorKey).filter(Boolean);
 			B(!1), V(!0), H.start(e.objectName, {
 				format: t === "json" ? "json" : t,
 				fields: n.length ? n : void 0,
@@ -1084,7 +1163,7 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 			return t.includes(",") || t.includes("\"") || t.includes("\n") || t.includes("\r") ? `"${t.replace(/"/g, "\"\"")}"` : t;
 		};
 		if (t === "csv") {
-			let e = st().filter((e) => e.accessorKey !== "_actions"), t = e.map((e) => e.accessorKey), n = e.map((e) => e.header), r = [];
+			let e = ct().filter((e) => e.accessorKey !== "_actions"), t = e.map((e) => e.accessorKey), n = e.map((e) => e.header), r = [];
 			i && r.push(n.join(",")), o.forEach((e) => {
 				r.push(t.map((t) => c(e[t])).join(","));
 			}), s(new Blob([r.join("\n")], { type: "text/csv;charset=utf-8;" }), `${a}.csv`);
@@ -1094,7 +1173,7 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 		E,
 		e.exportOptions,
 		e.objectName,
-		st,
+		ct,
 		H,
 		K
 	]);
@@ -1132,8 +1211,8 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 			children: M("grid.loading")
 		})]
 	});
-	let lt = [...st()];
-	if (W.widths && (lt = lt.map((e) => {
+	let ut = [...ct()];
+	if (W.widths && (ut = ut.map((e) => {
 		let t = W.widths?.[e.accessorKey];
 		return t ? {
 			...e,
@@ -1141,12 +1220,12 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 		} : e;
 	})), W.order && W.order.length > 0) {
 		let e = new Map(W.order.map((e, t) => [e, t]));
-		lt.sort((t, n) => (e.get(t.accessorKey) ?? Infinity) - (e.get(n.accessorKey) ?? Infinity));
+		ut.sort((t, n) => (e.get(t.accessorKey) ?? Infinity) - (e.get(n.accessorKey) ?? Infinity));
 	}
-	let $ = "operations" in e ? e.operations : void 0, ut = $ && ($.update || $.delete), dt = e.rowActions && e.rowActions.length > 0, ft = ut || dt ? [...lt, {
+	let $ = "operations" in e ? e.operations : void 0, dt = $ && ($.update || $.delete), ft = e.rowActions && e.rowActions.length > 0, pt = dt || ft ? [...ut, {
 		header: M("grid.actions"),
 		accessorKey: "_actions",
-		cell: (t, n) => /* @__PURE__ */ (0, Z.jsx)(et, {
+		cell: (t, n) => /* @__PURE__ */ (0, Z.jsx)(tt, {
 			row: n,
 			rowActions: e.rowActions,
 			canEdit: !!($?.update && a),
@@ -1159,28 +1238,28 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 			})
 		}),
 		sortable: !1
-	}] : lt, pt = ft.filter((e) => e.pinned === "left"), mt = ft.filter((e) => e.pinned === "right"), ht = ft.filter((e) => !e.pinned), gt = pt.length > 0 || mt.length > 0, _t = "sticky right-0 z-10 bg-background border-l border-border", vt = gt ? [
-		...pt,
-		...ht,
-		...mt.map((e) => ({
+	}] : ut, mt = pt.filter((e) => e.pinned === "left"), ht = pt.filter((e) => e.pinned === "right"), gt = pt.filter((e) => !e.pinned), _t = mt.length > 0 || ht.length > 0, vt = "sticky right-0 z-10 bg-background border-l border-border", yt = _t ? [
+		...mt,
+		...gt,
+		...ht.map((e) => ({
 			...e,
-			className: [e.className, _t].filter(Boolean).join(" "),
-			cellClassName: [e.cellClassName, _t].filter(Boolean).join(" ")
+			className: [e.className, vt].filter(Boolean).join(" "),
+			cellClassName: [e.cellClassName, vt].filter(Boolean).join(" ")
 		}))
-	] : ft, yt = gt ? pt.length : e.frozenColumns ?? 1, bt = e.batchActions ?? e.bulkActions, xt = bt && bt.length > 0, St = !1;
-	e.selection?.type ? St = e.selection.type === "none" ? !1 : e.selection.type : e.selectable === void 0 ? xt && (St = "multiple") : St = e.selectable;
-	let Ct = e.pagination === void 0 ? e.showPagination === void 0 ? !0 : e.showPagination : !0, wt = e.pagination?.pageSize || e.pageSize || 10, Tt = e.searchableFields === void 0 ? e.showSearch === void 0 ? !0 : e.showSearch : e.searchableFields.length > 0, Et = {
+	] : pt, bt = _t ? mt.length : e.frozenColumns ?? 1, xt = e.batchActions ?? e.bulkActions, St = xt && xt.length > 0, Ct = !1;
+	e.selection?.type ? Ct = e.selection.type === "none" ? !1 : e.selection.type : e.selectable === void 0 ? St && (Ct = "multiple") : Ct = e.selectable;
+	let wt = e.pagination === void 0 ? e.showPagination === void 0 ? !0 : e.showPagination : !0, Tt = e.pagination?.pageSize || e.pageSize || 10, Et = e.searchableFields === void 0 ? e.showSearch === void 0 ? !0 : e.showSearch : e.searchableFields.length > 0, Dt = {
 		type: "data-table",
 		caption: e.label || e.title,
-		columns: vt,
+		columns: yt,
 		data: E,
-		pagination: Ct,
-		pageSize: wt,
-		searchable: Tt,
-		selectable: St,
+		pagination: wt,
+		pageSize: Tt,
+		searchable: Et,
+		selectable: Ct,
 		sortable: !0,
 		exportable: $?.export,
-		rowActions: !!(e.editable && ut),
+		rowActions: !!(e.editable && dt),
 		resizableColumns: e.resizable ?? e.resizableColumns ?? !0,
 		reorderableColumns: e.reorderableColumns ?? !1,
 		editable: e.editable ?? !1,
@@ -1192,7 +1271,7 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 		onAddRecord: ne,
 		rowClassName: e.rowColor ? (e, t) => We(e) : void 0,
 		rowStyle: e.conditionalFormatting?.length ? (e, t) => Ge(e) : void 0,
-		frozenColumns: yt,
+		frozenColumns: bt,
 		onSelectionChange: (e) => {
 			ve(e), c?.(e);
 		},
@@ -1215,15 +1294,15 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 				order: e
 			});
 		}
-	}, Dt = (e) => ({
-		...Et,
+	}, Ot = (e) => ({
+		...Dt,
 		caption: void 0,
 		data: e,
 		pagination: !1,
 		searchable: !1
-	}), Ot = e.label ? `${e.label} Detail` : e.objectName ? `${e.objectName.charAt(0).toUpperCase() + e.objectName.slice(1)} Detail` : "Record Detail";
-	if (R && E.length > 0 && !Ye) {
-		let e = st().filter((e) => e.accessorKey !== "_actions"), t = /* @__PURE__ */ new Map();
+	}), kt = e.label ? `${e.label} Detail` : e.objectName ? `${e.objectName.charAt(0).toUpperCase() + e.objectName.slice(1)} Detail` : "Record Detail";
+	if (R && E.length > 0 && !Xe) {
+		let e = ct().filter((e) => e.accessorKey !== "_actions"), t = /* @__PURE__ */ new Map();
 		e.forEach((e) => t.set(e.accessorKey, e));
 		let n = e[0], r = [
 			"amount",
@@ -1328,7 +1407,7 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 			})
 		}), Q.isOverlay && /* @__PURE__ */ (0, Z.jsx)(oe, {
 			...Q,
-			title: Ot,
+			title: kt,
 			children: (e) => /* @__PURE__ */ (0, Z.jsx)("div", {
 				className: "space-y-3",
 				children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ (0, Z.jsxs)("div", {
@@ -1344,23 +1423,23 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 			})
 		})] });
 	}
-	let kt = () => {
+	let At = () => {
 		he((e) => e === "compact" ? "short" : e === "short" ? "medium" : e === "medium" ? "tall" : e === "tall" ? "extra_tall" : "compact");
-	}, At = {
+	}, jt = {
 		compact: Me,
 		short: je,
 		medium: Ae,
 		tall: me,
 		extra_tall: me
-	}[U], jt = e.rowHeight !== void 0, Mt = e.exportOptions || jt ? /* @__PURE__ */ (0, Z.jsxs)("div", {
+	}[U], Mt = e.rowHeight !== void 0, Nt = e.exportOptions || Mt ? /* @__PURE__ */ (0, Z.jsxs)("div", {
 		className: "flex items-center justify-end gap-1 px-2 py-1",
-		children: [jt && /* @__PURE__ */ (0, Z.jsxs)(T, {
+		children: [Mt && /* @__PURE__ */ (0, Z.jsxs)(T, {
 			variant: "ghost",
 			size: "sm",
 			className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs",
-			onClick: kt,
+			onClick: At,
 			title: `Row height: ${U}`,
-			children: [/* @__PURE__ */ (0, Z.jsx)(At, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ (0, Z.jsx)("span", {
+			children: [/* @__PURE__ */ (0, Z.jsx)(jt, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ (0, Z.jsx)("span", {
 				className: "hidden sm:inline capitalize",
 				children: U
 			})]
@@ -1387,13 +1466,13 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 						variant: "ghost",
 						size: "sm",
 						className: "w-full justify-start h-8 text-xs",
-						onClick: () => ct(e),
+						onClick: () => lt(e),
 						children: [/* @__PURE__ */ (0, Z.jsx)(Ce, { className: "h-3.5 w-3.5 mr-2" }), M("grid.exportAs", { format: e.toUpperCase() })]
 					}, e))
 				})
 			})]
 		})]
-	}) : null, Nt = (e) => {
+	}) : null, Pt = (e) => {
 		let t = [
 			"_id",
 			"id",
@@ -1478,13 +1557,13 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 				})]
 			})]
 		});
-	}, Pt = nt ? /* @__PURE__ */ (0, Z.jsx)("div", {
+	}, Ft = rt ? /* @__PURE__ */ (0, Z.jsx)("div", {
 		className: "border-t bg-muted/30 px-2 py-1.5",
 		"data-testid": "column-summary-footer",
 		children: /* @__PURE__ */ (0, Z.jsx)("div", {
 			className: "flex gap-4 text-xs text-muted-foreground font-medium",
-			children: vt.filter((e) => Ze.has(e.accessorKey)).map((e) => {
-				let t = Ze.get(e.accessorKey);
+			children: yt.filter((e) => Qe.has(e.accessorKey)).map((e) => {
+				let t = Qe.get(e.accessorKey);
 				return /* @__PURE__ */ (0, Z.jsxs)("span", {
 					"data-testid": `summary-${e.accessorKey}`,
 					children: [
@@ -1495,18 +1574,24 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 				}, e.accessorKey);
 			})
 		})
-	}) : null, Ft = Ye ? /* @__PURE__ */ (0, Z.jsx)("div", {
-		className: "space-y-2",
-		children: Ke.map((e) => /* @__PURE__ */ (0, Z.jsx)(Je, {
+	}) : null, It = (e) => /* @__PURE__ */ (0, Z.jsx)("div", {
+		style: e.depth > 0 ? { marginLeft: e.depth * 16 } : void 0,
+		children: /* @__PURE__ */ (0, Z.jsx)(Ye, {
 			groupKey: e.key,
 			label: e.label,
 			count: e.rows.length,
 			collapsed: e.collapsed,
 			aggregations: e.aggregations,
-			onToggle: Xe,
-			children: /* @__PURE__ */ (0, Z.jsx)(d, { schema: Dt(e.rows) })
-		}, e.key))
-	}) : /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)(d, { schema: Et }), Pt] }), It = /* @__PURE__ */ (0, Z.jsx)(ae, {
+			onToggle: Ze,
+			children: e.subgroups.length > 0 ? /* @__PURE__ */ (0, Z.jsx)("div", {
+				className: "space-y-2 p-2",
+				children: e.subgroups.map(It)
+			}) : /* @__PURE__ */ (0, Z.jsx)(d, { schema: Ot(e.rows) })
+		})
+	}, e.key), Lt = Xe ? /* @__PURE__ */ (0, Z.jsx)("div", {
+		className: "space-y-2",
+		children: qe.map(It)
+	}) : /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)(d, { schema: Dt }), Ft] }), Rt = /* @__PURE__ */ (0, Z.jsx)(ae, {
 		open: fe,
 		onOpenChange: V,
 		job: H,
@@ -1515,13 +1600,13 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 	});
 	return Q.isOverlay && Q.mode === "split" ? /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)(oe, {
 		...Q,
-		title: Ot,
+		title: kt,
 		mainContent: /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [
-			Mt,
-			Ft,
-			/* @__PURE__ */ (0, Z.jsx)(tt, {
+			Nt,
+			Lt,
+			/* @__PURE__ */ (0, Z.jsx)(nt, {
 				selectedRows: ge,
-				actions: bt ?? [],
+				actions: xt ?? [],
 				onAction: (e, t) => Ue({
 					type: e,
 					params: { records: t }
@@ -1529,8 +1614,8 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 				onClearSelection: () => ve([])
 			})
 		] }),
-		children: (e) => Nt(e)
-	}), It] }) : /* @__PURE__ */ (0, Z.jsxs)("div", {
+		children: (e) => Pt(e)
+	}), Rt] }) : /* @__PURE__ */ (0, Z.jsxs)("div", {
 		ref: Te,
 		className: "relative h-full",
 		children: [
@@ -1539,11 +1624,11 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 				style: { height: De },
 				children: M(Ee ? "grid.refreshing" : "grid.pullToRefresh")
 			}),
-			Mt,
-			Ft,
-			/* @__PURE__ */ (0, Z.jsx)(tt, {
+			Nt,
+			Lt,
+			/* @__PURE__ */ (0, Z.jsx)(nt, {
 				selectedRows: ge,
-				actions: bt ?? [],
+				actions: xt ?? [],
 				onAction: (e, t) => Ue({
 					type: e,
 					params: { records: t }
@@ -1552,16 +1637,16 @@ var st = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 			}),
 			Q.isOverlay && /* @__PURE__ */ (0, Z.jsx)(oe, {
 				...Q,
-				title: Ot,
-				children: (e) => Nt(e)
+				title: kt,
+				children: (e) => Pt(e)
 			}),
-			It
+			Rt
 		]
 	});
 };
 //#endregion
 //#region ../../node_modules/.pnpm/@tanstack+virtual-core@3.14.0/node_modules/@tanstack/virtual-core/dist/esm/utils.js
-function ct(e, t, n) {
+function lt(e, t, n) {
 	let r = n.initialDeps ?? [], i, a = !0;
 	function o() {
 		let o;
@@ -1586,26 +1671,26 @@ function ct(e, t, n) {
 		r = e;
 	}, o;
 }
-function lt(e, t) {
+function ut(e, t) {
 	if (e === void 0) throw Error(`Unexpected undefined${t ? `: ${t}` : ""}`);
 	return e;
 }
-var $ = (e, t) => Math.abs(e - t) < 1.01, ut = (e, t, n) => {
+var $ = (e, t) => Math.abs(e - t) < 1.01, dt = (e, t, n) => {
 	let r;
 	return function(...i) {
 		e.clearTimeout(r), r = e.setTimeout(() => t.apply(this, i), n);
 	};
-}, dt = (e) => {
+}, ft = (e) => {
 	let { offsetWidth: t, offsetHeight: n } = e;
 	return {
 		width: t,
 		height: n
 	};
-}, ft = (e) => e, pt = (e) => {
+}, pt = (e) => e, mt = (e) => {
 	let t = Math.max(e.startIndex - e.overscan, 0), n = Math.min(e.endIndex + e.overscan, e.count - 1), r = [];
 	for (let e = t; e <= n; e++) r.push(e);
 	return r;
-}, mt = (e, t) => {
+}, ht = (e, t) => {
 	let n = e.scrollElement;
 	if (!n) return;
 	let r = e.targetWindow;
@@ -1617,7 +1702,7 @@ var $ = (e, t) => Math.abs(e - t) < 1.01, ut = (e, t, n) => {
 			height: Math.round(r)
 		});
 	};
-	if (i(dt(n)), !r.ResizeObserver) return () => {};
+	if (i(ft(n)), !r.ResizeObserver) return () => {};
 	let a = new r.ResizeObserver((t) => {
 		let r = () => {
 			let e = t[0];
@@ -1631,43 +1716,43 @@ var $ = (e, t) => Math.abs(e - t) < 1.01, ut = (e, t, n) => {
 					return;
 				}
 			}
-			i(dt(n));
+			i(ft(n));
 		};
 		e.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(r) : r();
 	});
 	return a.observe(n, { box: "border-box" }), () => {
 		a.unobserve(n);
 	};
-}, ht = { passive: !0 }, gt = typeof window > "u" ? !0 : "onscrollend" in window, _t = (e, t) => {
+}, gt = { passive: !0 }, _t = typeof window > "u" ? !0 : "onscrollend" in window, vt = (e, t) => {
 	let n = e.scrollElement;
 	if (!n) return;
 	let r = e.targetWindow;
 	if (!r) return;
-	let i = 0, a = e.options.useScrollendEvent && gt ? () => void 0 : ut(r, () => {
+	let i = 0, a = e.options.useScrollendEvent && _t ? () => void 0 : dt(r, () => {
 		t(i, !1);
 	}, e.options.isScrollingResetDelay), o = (r) => () => {
 		let { horizontal: o, isRtl: s } = e.options;
 		i = o ? n.scrollLeft * (s && -1 || 1) : n.scrollTop, a(), t(i, r);
 	}, s = o(!0), c = o(!1);
-	n.addEventListener("scroll", s, ht);
-	let l = e.options.useScrollendEvent && gt;
-	return l && n.addEventListener("scrollend", c, ht), () => {
+	n.addEventListener("scroll", s, gt);
+	let l = e.options.useScrollendEvent && _t;
+	return l && n.addEventListener("scrollend", c, gt), () => {
 		n.removeEventListener("scroll", s), l && n.removeEventListener("scrollend", c);
 	};
-}, vt = (e, t, n) => {
+}, yt = (e, t, n) => {
 	if (t?.borderBoxSize) {
 		let e = t.borderBoxSize[0];
 		if (e) return Math.round(e[n.options.horizontal ? "inlineSize" : "blockSize"]);
 	}
 	return e[n.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, yt = (e, { adjustments: t = 0, behavior: n }, r) => {
+}, bt = (e, { adjustments: t = 0, behavior: n }, r) => {
 	var i, a;
 	let o = e + t;
 	(a = (i = r.scrollElement)?.scrollTo) == null || a.call(i, {
 		[r.options.horizontal ? "left" : "top"]: o,
 		behavior: n
 	});
-}, bt = class {
+}, xt = class {
 	constructor(e) {
 		this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
 			var e;
@@ -1706,10 +1791,10 @@ var $ = (e, t) => Math.abs(e - t) < 1.01, ut = (e, t, n) => {
 				scrollPaddingStart: 0,
 				scrollPaddingEnd: 0,
 				horizontal: !1,
-				getItemKey: ft,
-				rangeExtractor: pt,
+				getItemKey: pt,
+				rangeExtractor: mt,
 				onChange: () => {},
-				measureElement: vt,
+				measureElement: yt,
 				initialRect: {
 					width: 0,
 					height: 0
@@ -1730,7 +1815,7 @@ var $ = (e, t) => Math.abs(e - t) < 1.01, ut = (e, t, n) => {
 		}, this.notify = (e) => {
 			var t, n;
 			(n = (t = this.options).onChange) == null || n.call(t, this, e);
-		}, this.maybeNotify = ct(() => (this.calculateRange(), [
+		}, this.maybeNotify = lt(() => (this.calculateRange(), [
 			this.isScrolling,
 			this.range ? this.range.startIndex : null,
 			this.range ? this.range.endIndex : null
@@ -1775,7 +1860,7 @@ var $ = (e, t) => Math.abs(e - t) < 1.01, ut = (e, t, n) => {
 				if (a == null || t.end > a.end ? r.set(t.lane, t) : t.end < a.end && n.set(t.lane, !0), n.size === this.options.lanes) break;
 			}
 			return r.size === this.options.lanes ? Array.from(r.values()).sort((e, t) => e.end === t.end ? e.index - t.index : e.end - t.end)[0] : void 0;
-		}, this.getMeasurementOptions = ct(() => [
+		}, this.getMeasurementOptions = lt(() => [
 			this.options.count,
 			this.options.paddingStart,
 			this.options.scrollMargin,
@@ -1791,7 +1876,7 @@ var $ = (e, t) => Math.abs(e - t) < 1.01, ut = (e, t, n) => {
 			enabled: i,
 			lanes: a,
 			laneAssignmentMode: o
-		}), { key: !1 }), this.getMeasurements = ct(() => [this.getMeasurementOptions(), this.itemSizeCache], ({ count: e, paddingStart: t, scrollMargin: n, getItemKey: r, enabled: i, lanes: a, laneAssignmentMode: o }, s) => {
+		}), { key: !1 }), this.getMeasurements = lt(() => [this.getMeasurementOptions(), this.itemSizeCache], ({ count: e, paddingStart: t, scrollMargin: n, getItemKey: r, enabled: i, lanes: a, laneAssignmentMode: o }, s) => {
 			if (!i) return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
 			if (this.laneAssignments.size > e) for (let t of this.laneAssignments.keys()) t >= e && this.laneAssignments.delete(t);
 			this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((e) => {
@@ -1828,12 +1913,12 @@ var $ = (e, t) => Math.abs(e - t) < 1.01, ut = (e, t, n) => {
 		}, {
 			key: process.env.NODE_ENV !== "production" && "getMeasurements",
 			debug: () => this.options.debug
-		}), this.calculateRange = ct(() => [
+		}), this.calculateRange = lt(() => [
 			this.getMeasurements(),
 			this.getSize(),
 			this.getScrollOffset(),
 			this.options.lanes
-		], (e, t, n, r) => this.range = e.length > 0 && t > 0 ? St({
+		], (e, t, n, r) => this.range = e.length > 0 && t > 0 ? Ct({
 			measurements: e,
 			outerSize: t,
 			scrollOffset: n,
@@ -1841,7 +1926,7 @@ var $ = (e, t) => Math.abs(e - t) < 1.01, ut = (e, t, n) => {
 		}) : null, {
 			key: process.env.NODE_ENV !== "production" && "calculateRange",
 			debug: () => this.options.debug
-		}), this.getVirtualIndexes = ct(() => {
+		}), this.getVirtualIndexes = lt(() => {
 			let e = null, t = null, n = this.calculateRange();
 			return n && (e = n.startIndex, t = n.endIndex), this.maybeNotify.updateDeps([
 				this.isScrolling,
@@ -1890,7 +1975,7 @@ var $ = (e, t) => Math.abs(e - t) < 1.01, ut = (e, t, n) => {
 				adjustments: this.scrollAdjustments += r,
 				behavior: void 0
 			})), this.pendingMeasuredCacheIndexes.push(n.index), this.itemSizeCache = new Map(this.itemSizeCache.set(n.key, t)), this.notify(!1));
-		}, this.getVirtualItems = ct(() => [this.getVirtualIndexes(), this.getMeasurements()], (e, t) => {
+		}, this.getVirtualItems = lt(() => [this.getVirtualIndexes(), this.getMeasurements()], (e, t) => {
 			let n = [];
 			for (let r = 0, i = e.length; r < i; r++) {
 				let i = t[e[r]];
@@ -1902,7 +1987,7 @@ var $ = (e, t) => Math.abs(e - t) < 1.01, ut = (e, t, n) => {
 			debug: () => this.options.debug
 		}), this.getVirtualItemForOffset = (e) => {
 			let t = this.getMeasurements();
-			if (t.length !== 0) return lt(t[xt(0, t.length - 1, (e) => lt(t[e]).start, e)]);
+			if (t.length !== 0) return ut(t[St(0, t.length - 1, (e) => ut(t[e]).start, e)]);
 		}, this.getMaxScrollOffset = () => {
 			if (!this.scrollElement) return 0;
 			if ("scrollHeight" in this.scrollElement) return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
@@ -2017,7 +2102,7 @@ var $ = (e, t) => Math.abs(e - t) < 1.01, ut = (e, t, n) => {
 		}));
 		this.scheduleScrollReconcile();
 	}
-}, xt = (e, t, n, r) => {
+}, St = (e, t, n, r) => {
 	for (; e <= t;) {
 		let i = (e + t) / 2 | 0, a = n(i);
 		if (a < r) e = i + 1;
@@ -2026,13 +2111,13 @@ var $ = (e, t) => Math.abs(e - t) < 1.01, ut = (e, t, n) => {
 	}
 	return e > 0 ? e - 1 : 0;
 };
-function St({ measurements: e, outerSize: t, scrollOffset: n, lanes: r }) {
+function Ct({ measurements: e, outerSize: t, scrollOffset: n, lanes: r }) {
 	let i = e.length - 1, a = (t) => e[t].start;
 	if (e.length <= r) return {
 		startIndex: 0,
 		endIndex: i
 	};
-	let o = xt(0, i, a, n), s = o;
+	let o = St(0, i, a, n), s = o;
 	if (r === 1) for (; s < i && e[s].end < n + t;) s++;
 	else if (r > 1) {
 		let a = Array(r).fill(0);
@@ -2054,29 +2139,29 @@ function St({ measurements: e, outerSize: t, scrollOffset: n, lanes: r }) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@tanstack+react-virtual@3.13.24_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/@tanstack/react-virtual/dist/esm/index.js
-var Ct = typeof document < "u" ? e.useLayoutEffect : e.useEffect;
-function wt({ useFlushSync: t = !0, ...n }) {
+var wt = typeof document < "u" ? e.useLayoutEffect : e.useEffect;
+function Tt({ useFlushSync: t = !0, ...n }) {
 	let r = e.useReducer(() => ({}), {})[1], i = {
 		...n,
 		onChange: (e, i) => {
 			var a;
 			t && i ? q(r) : r(), (a = n.onChange) == null || a.call(n, e, i);
 		}
-	}, [a] = e.useState(() => new bt(i));
-	return a.setOptions(i), Ct(() => a._didMount(), []), Ct(() => a._willUpdate()), a;
+	}, [a] = e.useState(() => new xt(i));
+	return a.setOptions(i), wt(() => a._didMount(), []), wt(() => a._willUpdate()), a;
 }
-function Tt(e) {
-	return wt({
-		observeElementRect: mt,
-		observeElementOffset: _t,
-		scrollToFn: yt,
+function Et(e) {
+	return Tt({
+		observeElementRect: ht,
+		observeElementOffset: vt,
+		scrollToFn: bt,
 		...e
 	});
 }
 //#endregion
 //#region src/VirtualGrid.tsx
-var Et = ({ data: e, columns: t, rowHeight: n = 40, height: r = 600, className: i = "", headerClassName: a = "", rowClassName: s, onRowClick: c, overscan: l = 5 }) => {
-	let u = o(null), d = Tt({
+var Dt = ({ data: e, columns: t, rowHeight: n = 40, height: r = 600, className: i = "", headerClassName: a = "", rowClassName: s, onRowClick: c, overscan: l = 5 }) => {
+	let u = o(null), d = Et({
 		count: e.length,
 		getScrollElement: () => u.current,
 		estimateSize: () => n,
@@ -2143,8 +2228,8 @@ var Et = ({ data: e, columns: t, rowHeight: n = 40, height: r = 600, className:
 			})
 		]
 	});
-}, Dt = 10;
-function Ot(e) {
+}, Ot = 10;
+function kt(e) {
 	let t = [], n = [], r = "", i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a], s = e[a + 1];
@@ -2152,7 +2237,7 @@ function Ot(e) {
 	}
 	return n.push(r.trim()), n.some((e) => e !== "") && t.push(n), t;
 }
-function kt(e, t) {
+function At(e, t) {
 	if (!e) return !0;
 	switch (t) {
 		case "number":
@@ -2171,7 +2256,7 @@ function kt(e, t) {
 		default: return !0;
 	}
 }
-function At(e, t) {
+function jt(e, t) {
 	let n = {};
 	return e.forEach((e, r) => {
 		let i = e.toLowerCase().replace(/[_\s-]/g, ""), a = t.find((e) => {
@@ -2181,7 +2266,7 @@ function At(e, t) {
 		a && (n[r] = a.name);
 	}), n;
 }
-function jt() {
+function Mt() {
 	if (typeof window > "u") return null;
 	try {
 		return window.localStorage;
@@ -2189,7 +2274,7 @@ function jt() {
 		return null;
 	}
 }
-function Mt(e, t) {
+function Nt(e, t) {
 	if (!e) return [];
 	try {
 		let n = e.getItem(t);
@@ -2200,26 +2285,26 @@ function Mt(e, t) {
 		return [];
 	}
 }
-function Nt(e, t, n) {
+function Pt(e, t, n) {
 	if (e) try {
 		e.setItem(t, JSON.stringify(n));
 	} catch {}
 }
-function Pt(e, t) {
+function Ft(e, t) {
 	let n = {};
 	return Object.entries(t).forEach(([t, r]) => {
 		let i = e[Number(t)];
 		i && (n[i.trim().toLowerCase()] = r);
 	}), n;
 }
-function Ft(e, t, n) {
+function It(e, t, n) {
 	let r = new Set(n.map((e) => e.name)), i = {};
 	return t.forEach((t, n) => {
 		let a = e.mapping[t.trim().toLowerCase()];
 		a && r.has(a) && (i[n] = a);
 	}), i;
 }
-function It(e, t, n) {
+function Lt(e, t, n) {
 	let r = [], i = {};
 	for (let a of t) {
 		let t = e[a.csvIdx] ?? "";
@@ -2231,7 +2316,7 @@ function It(e, t, n) {
 			});
 			continue;
 		}
-		if (t && !kt(t, a.field.type)) {
+		if (t && !At(t, a.field.type)) {
 			r.push({
 				row: n,
 				field: a.field.name,
@@ -2246,7 +2331,7 @@ function It(e, t, n) {
 		errors: r
 	};
 }
-var Lt = ({ onFileLoaded: e }) => {
+var Rt = ({ onFileLoaded: e }) => {
 	let [t, n] = s(!1), [i, a] = s(null), o = r((t) => {
 		if (a(null), !t.name.endsWith(".csv")) {
 			a("Only CSV files are supported.");
@@ -2254,7 +2339,7 @@ var Lt = ({ onFileLoaded: e }) => {
 		}
 		let n = new FileReader();
 		n.onload = (t) => {
-			let n = Ot(t.target?.result);
+			let n = kt(t.target?.result);
 			if (n.length < 2) {
 				a("File must contain a header row and at least one data row.");
 				return;
@@ -2305,7 +2390,7 @@ var Lt = ({ onFileLoaded: e }) => {
 			]
 		})]
 	});
-}, Rt = ({ templates: e, selectedId: t, onSelect: n, onSaveAs: r, onDelete: i, disabled: a }) => {
+}, zt = ({ templates: e, selectedId: t, onSelect: n, onSaveAs: r, onDelete: i, disabled: a }) => {
 	let [o, c] = s(""), [l, u] = s(!1);
 	return /* @__PURE__ */ (0, Z.jsxs)("div", {
 		className: "mb-3 flex flex-wrap items-center gap-2 rounded-md border bg-muted/30 p-2",
@@ -2383,12 +2468,12 @@ var Lt = ({ onFileLoaded: e }) => {
 			})
 		]
 	});
-}, zt = ({ headers: e, fields: t, mapping: n, onMappingChange: i, templates: o, selectedTemplateId: s, onSelectTemplate: c, onSaveTemplate: l, onDeleteTemplate: u }) => {
+}, Bt = ({ headers: e, fields: t, mapping: n, onMappingChange: i, templates: o, selectedTemplateId: s, onSelectTemplate: c, onSaveTemplate: l, onDeleteTemplate: u }) => {
 	let d = a(() => new Set(Object.values(n)), [n]), f = r((e, t) => {
 		let r = { ...n };
 		t === "__skip__" ? delete r[e] : r[e] = t, i(r);
 	}, [n, i]);
-	return /* @__PURE__ */ (0, Z.jsxs)("div", { children: [/* @__PURE__ */ (0, Z.jsx)(Rt, {
+	return /* @__PURE__ */ (0, Z.jsxs)("div", { children: [/* @__PURE__ */ (0, Z.jsx)(zt, {
 		templates: o,
 		selectedId: s,
 		onSelect: c,
@@ -2438,7 +2523,7 @@ var Lt = ({ onFileLoaded: e }) => {
 			})
 		] }, r)) })] })
 	})] });
-}, Bt = ({ headers: e, rows: t, mapping: n, fields: i, corrections: o, onCorrect: s }) => {
+}, Vt = ({ headers: e, rows: t, mapping: n, fields: i, corrections: o, onCorrect: s }) => {
 	let c = a(() => Object.entries(n).map(([t, n]) => ({
 		csvIdx: Number(t),
 		header: e[Number(t)],
@@ -2447,14 +2532,14 @@ var Lt = ({ onFileLoaded: e }) => {
 		n,
 		e,
 		i
-	]), l = t.slice(0, Dt), u = r((e, t) => {
+	]), l = t.slice(0, Ot), u = r((e, t) => {
 		let n = o[e]?.[t];
 		return n === void 0 ? l[e]?.[t] ?? "" : n;
 	}, [o, l]), d = a(() => l.map((e, t) => {
 		let n = {};
 		for (let e of c) {
 			let r = u(t, e.csvIdx);
-			e.field.required && !r ? n[e.csvIdx] = "Required" : r && !kt(r, e.field.type) && (n[e.csvIdx] = `Invalid ${e.field.type}`);
+			e.field.required && !r ? n[e.csvIdx] = "Required" : r && !At(r, e.field.type) && (n[e.csvIdx] = `Invalid ${e.field.type}`);
 		}
 		return n;
 	}), [
@@ -2533,14 +2618,14 @@ var Lt = ({ onFileLoaded: e }) => {
 			})
 		]
 	});
-}, Vt = ({ objectName: e, objectLabel: n, fields: o, dataSource: c, onComplete: l, onCancel: u, open: d, onOpenChange: f, onErrorMode: p = "skip", templateStorageKey: m, templateStorage: h }) => {
-	let [g, _] = s("upload"), [v, y] = s([]), [b, x] = s([]), [S, C] = s({}), [D, O] = s(!1), [k, A] = s(0), [j, ae] = s(null), [M, oe] = s({}), se = n ?? e, N = a(() => h === void 0 ? jt() : h, [h]), P = m ?? `objectui:import-templates:${e}`, [F, I] = s(() => Mt(N, P)), [L, R] = s(null);
+}, Ht = ({ objectName: e, objectLabel: n, fields: o, dataSource: c, onComplete: l, onCancel: u, open: d, onOpenChange: f, onErrorMode: p = "skip", templateStorageKey: m, templateStorage: h }) => {
+	let [g, _] = s("upload"), [v, y] = s([]), [b, x] = s([]), [S, C] = s({}), [D, O] = s(!1), [k, A] = s(0), [j, ae] = s(null), [M, oe] = s({}), se = n ?? e, N = a(() => h === void 0 ? Mt() : h, [h]), P = m ?? `objectui:import-templates:${e}`, [F, I] = s(() => Nt(N, P)), [L, R] = s(null);
 	i(() => {
-		I(Mt(N, P));
+		I(Nt(N, P));
 	}, [N, P]);
 	let le = r((e) => {
 		let t = F.find((t) => t.id === e);
-		t && (R(e), C(Ft(t, v, o)));
+		t && (R(e), C(It(t, v, o)));
 	}, [
 		F,
 		v,
@@ -2549,10 +2634,10 @@ var Lt = ({ onFileLoaded: e }) => {
 		let t = {
 			id: `tpl-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`,
 			name: e,
-			mapping: Pt(v, S),
+			mapping: Ft(v, S),
 			updatedAt: Date.now()
 		}, n = [...F, t];
-		I(n), R(t.id), Nt(N, P, n);
+		I(n), R(t.id), Pt(N, P, n);
 	}, [
 		F,
 		v,
@@ -2562,7 +2647,7 @@ var Lt = ({ onFileLoaded: e }) => {
 	]), de = r(() => {
 		if (!L) return;
 		let e = F.filter((e) => e.id !== L);
-		I(e), R(null), Nt(N, P, e);
+		I(e), R(null), Pt(N, P, e);
 	}, [
 		F,
 		L,
@@ -2577,7 +2662,7 @@ var Lt = ({ onFileLoaded: e }) => {
 		let e = new Set(Object.values(S));
 		return o.filter((t) => t.required && !e.has(t.name));
 	}, [o, S]), fe = r((e, t) => {
-		y(e), x(t), C(At(e, o)), oe({}), _("mapping");
+		y(e), x(t), C(jt(e, o)), oe({}), _("mapping");
 	}, [o]), V = r(async () => {
 		O(!0), A(0);
 		let t = [], n = 0, r = 0, i = Object.entries(S).map(([e, t]) => ({
@@ -2585,7 +2670,7 @@ var Lt = ({ onFileLoaded: e }) => {
 			field: o.find((e) => e.name === t)
 		}));
 		for (let a = 0; a < b.length; a++) {
-			let o = b[a], s = M[a], { record: l, errors: u } = It(s ? o.map((e, t) => s[t] === void 0 ? e : s[t]) : o, i, a + 1);
+			let o = b[a], s = M[a], { record: l, errors: u } = Lt(s ? o.map((e, t) => s[t] === void 0 ? e : s[t]) : o, i, a + 1);
 			if (u.length > 0) {
 				if (r++, t.push(...u), p === "stop") break;
 			} else try {
@@ -2701,8 +2786,8 @@ var Lt = ({ onFileLoaded: e }) => {
 						})
 					]
 				}) : /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [
-					g === "upload" && /* @__PURE__ */ (0, Z.jsx)(Lt, { onFileLoaded: fe }),
-					g === "mapping" && /* @__PURE__ */ (0, Z.jsx)(zt, {
+					g === "upload" && /* @__PURE__ */ (0, Z.jsx)(Rt, { onFileLoaded: fe }),
+					g === "mapping" && /* @__PURE__ */ (0, Z.jsx)(Bt, {
 						headers: v,
 						fields: o,
 						mapping: S,
@@ -2713,7 +2798,7 @@ var Lt = ({ onFileLoaded: e }) => {
 						onSaveTemplate: ue,
 						onDeleteTemplate: de
 					}),
-					g === "preview" && /* @__PURE__ */ (0, Z.jsx)(Bt, {
+					g === "preview" && /* @__PURE__ */ (0, Z.jsx)(Vt, {
 						headers: v,
 						rows: b,
 						mapping: S,
@@ -2772,7 +2857,7 @@ var Lt = ({ onFileLoaded: e }) => {
 };
 //#endregion
 //#region src/InlineEditing.tsx
-function Ht({ value: e, onSave: t, onCancel: n, validate: a, type: c = "text", placeholder: l, editing: u = !1, className: d, disabled: f = !1 }) {
+function Ut({ value: e, onSave: t, onCancel: n, validate: a, type: c = "text", placeholder: l, editing: u = !1, className: d, disabled: f = !1 }) {
 	let [p, m] = s(u), [h, g] = s(String(e ?? "")), [_, v] = s(), [y, b] = s(!1), x = o(null);
 	i(() => {
 		p || g(String(e ?? ""));
@@ -2882,7 +2967,7 @@ function Ht({ value: e, onSave: t, onCancel: n, validate: a, type: c = "text", p
 }
 //#endregion
 //#region src/useCellClipboard.ts
-function Ut(e) {
+function Wt(e) {
 	return {
 		startRow: Math.min(e.startRow, e.endRow),
 		startCol: Math.min(e.startCol, e.endCol),
@@ -2890,10 +2975,10 @@ function Ut(e) {
 		endCol: Math.max(e.startCol, e.endCol)
 	};
 }
-function Wt({ data: e, columns: t, onPaste: n, enabled: a = !0 }) {
+function Gt({ data: e, columns: t, onPaste: n, enabled: a = !0 }) {
 	let [o, c] = s(null), l = r(() => {
 		if (!a || !o) return;
-		let { startRow: n, startCol: r, endRow: i, endCol: s } = Ut(o), c = [];
+		let { startRow: n, startCol: r, endRow: i, endCol: s } = Wt(o), c = [];
 		for (let a = n; a <= i; a++) {
 			let n = e[a];
 			if (!n) continue;
@@ -2913,7 +2998,7 @@ function Wt({ data: e, columns: t, onPaste: n, enabled: a = !0 }) {
 		t
 	]), u = r(() => {
 		if (!a || !o || !n) return;
-		let { startRow: r, startCol: i } = Ut(o);
+		let { startRow: r, startCol: i } = Wt(o);
 		navigator.clipboard.readText().then((a) => {
 			let o = [], s = a.split("\n");
 			for (let n = 0; n < s.length; n++) {
@@ -2956,7 +3041,7 @@ function Wt({ data: e, columns: t, onPaste: n, enabled: a = !0 }) {
 }
 //#endregion
 //#region src/useGradientColor.ts
-var Gt = [
+var Kt = [
 	{
 		position: 0,
 		className: "bg-green-100"
@@ -2970,7 +3055,7 @@ var Gt = [
 		className: "bg-red-100"
 	}
 ];
-function Kt(e, t) {
+function qt(e, t) {
 	let n = Infinity, r = -Infinity;
 	for (let i of e) {
 		let e = Number(i[t]);
@@ -2978,7 +3063,7 @@ function Kt(e, t) {
 	}
 	return Number.isFinite(n) ? [n, r] : [0, 0];
 }
-function qt(e, t) {
+function Jt(e, t) {
 	if (t.length === 0) return "";
 	if (t.length === 1) return t[0].className;
 	let n = t[0], r = Math.abs(e - n.position);
@@ -2988,11 +3073,11 @@ function qt(e, t) {
 	}
 	return n.className;
 }
-function Jt(e) {
-	let { field: t, data: n, min: i, max: o, stops: s = Gt } = e, [c, l] = a(() => Kt(n, t), [n, t]), u = i ?? c, d = o ?? l;
+function Yt(e) {
+	let { field: t, data: n, min: i, max: o, stops: s = Kt } = e, [c, l] = a(() => qt(n, t), [n, t]), u = i ?? c, d = o ?? l;
 	return r((e) => {
 		let n = Number(e[t]);
-		if (Number.isFinite(n)) return d === u ? s.length > 0 ? s[0].className : void 0 : qt(Math.max(0, Math.min(1, (n - u) / (d - u))), s);
+		if (Number.isFinite(n)) return d === u ? s.length > 0 ? s[0].className : void 0 : Jt(Math.max(0, Math.min(1, (n - u) / (d - u))), s);
 	}, [
 		t,
 		u,
@@ -3002,8 +3087,8 @@ function Jt(e) {
 }
 //#endregion
 //#region src/useGroupReorder.ts
-var Yt = "text/x-group-key";
-function Xt({ groupKeys: e }) {
+var Xt = "text/x-group-key";
+function Zt({ groupKeys: e }) {
 	let [t, n] = s(e), [a, o] = s(null);
 	return i(() => {
 		n((t) => {
@@ -3022,14 +3107,14 @@ function Xt({ groupKeys: e }) {
 			});
 		}, []),
 		onDragStart: r((e, t) => {
-			e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData(Yt, t), o(t);
+			e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData(Xt, t), o(t);
 		}, []),
 		onDragOver: r((e) => {
 			e.preventDefault(), e.dataTransfer.dropEffect = "move";
 		}, []),
 		onDrop: r((e, t) => {
 			e.preventDefault();
-			let r = e.dataTransfer.getData(Yt);
+			let r = e.dataTransfer.getData(Xt);
 			!r || r === t || n((e) => {
 				let n = e.indexOf(r), i = e.indexOf(t);
 				if (n === -1 || i === -1) return e;
@@ -3045,7 +3130,7 @@ function Xt({ groupKeys: e }) {
 }
 //#endregion
 //#region src/FormulaBar.tsx
-function Zt({ value: e, onChange: t, onConfirm: n, onCancel: a, activeCell: c, disabled: l = !1, className: u }) {
+function Qt({ value: e, onChange: t, onConfirm: n, onCancel: a, activeCell: c, disabled: l = !1, className: u }) {
 	let [d, f] = s(!1), [p, m] = s(e), h = o(null);
 	i(() => {
 		d || m(e);
@@ -3105,7 +3190,7 @@ function Zt({ value: e, onChange: t, onConfirm: n, onCancel: a, activeCell: c, d
 }
 //#endregion
 //#region src/SplitPaneGrid.tsx
-function Qt({ frozenWidth: e, onResize: t, minFrozenWidth: n = 100, minScrollableWidth: i = 200, left: a, right: c, className: l }) {
+function $t({ frozenWidth: e, onResize: t, minFrozenWidth: n = 100, minScrollableWidth: i = 200, left: a, right: c, className: l }) {
 	let u = o(null), [d, f] = s(e), p = o(!1), m = o(0), h = o(0), g = t ? e : d, _ = r((e) => {
 		e.preventDefault(), p.current = !0, m.current = e.clientX, h.current = g;
 		let r = (e) => {
@@ -3147,15 +3232,15 @@ function Qt({ frozenWidth: e, onResize: t, minFrozenWidth: n = 100, minScrollabl
 }
 //#endregion
 //#region src/index.tsx
-var $t = ({ schema: e, ...t }) => {
+var en = ({ schema: e, ...t }) => {
 	let { dataSource: n } = _() || {};
-	return /* @__PURE__ */ (0, Z.jsx)(st, {
+	return /* @__PURE__ */ (0, Z.jsx)(ct, {
 		schema: e,
 		dataSource: n,
 		...t
 	});
 };
-c.register("object-grid", $t, {
+c.register("object-grid", en, {
 	namespace: "plugin-grid",
 	label: "Object Grid",
 	category: "plugin",
@@ -3177,7 +3262,7 @@ c.register("object-grid", $t, {
 			label: "Filters"
 		}
 	]
-}), c.register("grid", $t, {
+}), c.register("grid", en, {
 	namespace: "view",
 	label: "Data Grid",
 	category: "view",
@@ -3201,7 +3286,7 @@ c.register("object-grid", $t, {
 	]
 }), c.register("import-wizard", ({ schema: e, ...t }) => {
 	let { dataSource: n } = _() || {};
-	return /* @__PURE__ */ (0, Z.jsx)(Vt, {
+	return /* @__PURE__ */ (0, Z.jsx)(Ht, {
 		objectName: e.objectName,
 		objectLabel: e.objectLabel,
 		fields: e.fields ?? [],
@@ -3225,4 +3310,4 @@ c.register("object-grid", $t, {
 	}]
 });
 //#endregion
-export { tt as BulkActionBar, Zt as FormulaBar, Je as GroupRow, Vt as ImportWizard, Ht as InlineEditing, st as ObjectGrid, $t as ObjectGridRenderer, et as RowActionMenu, Qt as SplitPaneGrid, Et as VirtualGrid, $e as formatActionLabel, Wt as useCellClipboard, Qe as useColumnSummary, Jt as useGradientColor, Xt as useGroupReorder, qe as useGroupedData, He as useRowColor };
+export { nt as BulkActionBar, Qt as FormulaBar, Ye as GroupRow, Ht as ImportWizard, Ut as InlineEditing, ct as ObjectGrid, en as ObjectGridRenderer, tt as RowActionMenu, $t as SplitPaneGrid, Dt as VirtualGrid, et as formatActionLabel, Gt as useCellClipboard, $e as useColumnSummary, Yt as useGradientColor, Zt as useGroupReorder, Je as useGroupedData, He as useRowColor };