@object-ui/plugin-tree 17.6.0 → 17.7.0

package/dist/index.js

@@ -1,49 +1,45 @@
 import { useEffect as e, useMemo as t, useState as n } from "react";
-import { ComponentRegistry as r, buildExpandFields as i, columnIdentity as a, extractRecords as o } from "@object-ui/core";
-import { useNavigationOverlay as s, useSafeFieldLabel as c, useSchemaContext as l } from "@object-ui/react";
-import { NavigationOverlay as u, cn as d } from "@object-ui/components";
-import { createSafeTranslation as f } from "@object-ui/i18n";
-import { ChevronDown as p, ChevronRight as m } from "lucide-react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { ComponentRegistry as r, ValueDataSource as i, applyNonGridRowCeiling as a, buildExpandFields as o, columnIdentity as s, getRecordDisplayName as c, humanizeLabel as l, isExpandableFieldType as u, nonGridRowCeilingQuery as d, resolveRecordSourceConfig as ee, resolveRecordSourceObjectName as f } from "@object-ui/core";
+import { NonGridRowCeilingNote as p, useDataInvalidation as te, useFilterScope as ne, useNavigationOverlay as re, useResolvedFilter as ie, useSafeFieldLabel as ae, useSchemaContext as m, useSettledSchema as oe } from "@object-ui/react";
+import { NavigationOverlay as se, RefreshIndicator as ce, cn as h, legacyRecordDrawerWidthKey as g, recordOverlayWidthStorageKey as _, useOverlayAnchor as v } from "@object-ui/components";
+import { RECORD_OVERLAY_DEFAULT_WIDTH as le, RecordDetailPanel as ue } from "@object-ui/plugin-detail";
+import { createSafeTranslation as y } from "@object-ui/i18n";
+import { usePermissions as de } from "@object-ui/permissions";
+import { ChevronDown as fe, ChevronRight as pe } from "lucide-react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/ObjectTree.tsx
-var _ = f({ "detail.recordDetail": "Record Detail" }, "detail.recordDetail");
-function v(e) {
-	return e.data ? e.data : e.staticData ? {
-		provider: "value",
-		items: e.staticData
-	} : e.objectName ? {
-		provider: "object",
-		object: e.objectName
-	} : null;
+var me = y({
+	"detail.recordDetail": "Record Detail",
+	"grid.refreshing": "Refreshing…"
+}, "detail.recordDetail"), he = [];
+function C(e) {
+	return s(e) || (e && typeof e == "object" ? e.key : void 0) || void 0;
 }
-function y(e) {
-	return a(e) || (e && typeof e == "object" ? e.key : void 0) || void 0;
-}
-function b(e) {
-	let t = e.tree || e.filter?.tree || {}, n = Array.isArray(e.fields) ? e.fields : Array.isArray(t.fields) ? t.fields : [];
+function ge(e) {
+	let t = e.tree || {}, n = Array.isArray(e.fields) ? e.fields : Array.isArray(t.fields) ? t.fields : [];
 	return {
-		parentField: y(e.parentField ?? t.parentField),
-		labelField: y(e.labelField ?? t.labelField ?? e.titleField) ?? "name",
-		fields: n.map(y).filter((e) => !!e),
+		parentField: C(e.parentField ?? t.parentField),
+		labelField: C(e.labelField ?? t.labelField) ?? "name",
+		fields: n.map(C).filter((e) => !!e),
 		defaultExpandedDepth: e.defaultExpandedDepth ?? t.defaultExpandedDepth
 	};
 }
-function x(e, t) {
+function _e(e, t) {
 	let n = e?.fields;
 	if (!n || typeof n != "object") return;
 	let r;
 	for (let [e, i] of Object.entries(n)) {
-		if (i?.type === "tree") return e;
-		let n = i?.reference || i?.reference_to || i?.referenceTo;
+		let n = i?.reference;
+		if (i?.type === "tree" && (n === void 0 || t && n === t)) return e;
 		!r && (i?.type === "lookup" || i?.type === "master_detail") && n && t && n === t && (r = e);
 	}
 	return r;
 }
-function S(e) {
+function w(e) {
 	let t = e?.id ?? e?._id;
 	return t == null ? void 0 : String(t);
 }
-function C(e, t) {
+function T(e, t) {
 	if (!t) return;
 	let n = e?.[t];
 	if (n != null) {
@@ -54,10 +50,10 @@ function C(e, t) {
 		return String(n);
 	}
 }
-function w(e, t) {
+function ve(e, t) {
 	let n = /* @__PURE__ */ new Map(), r = [];
 	for (let t of e) {
-		let e = S(t);
+		let e = w(t);
 		e != null && (n.set(e, {
 			id: e,
 			record: t,
@@ -67,7 +63,7 @@ function w(e, t) {
 	}
 	let i = [];
 	for (let e of r) {
-		let r = n.get(e), a = C(r.record, t), o = a == null ? void 0 : n.get(a);
+		let r = n.get(e), a = T(r.record, t), o = a == null ? void 0 : n.get(a);
 		o && o !== r ? o.children.push(r) : i.push(r);
 	}
 	let a = (e, t) => {
@@ -75,7 +71,7 @@ function w(e, t) {
 	};
 	return a(i, 0), i;
 }
-function T(e, t) {
+function ye(e, t) {
 	let n = [], r = (e) => {
 		for (let i of e) n.push(i), i.children.length > 0 && t.has(i.id) && r(i.children);
 	};
@@ -87,185 +83,275 @@ function E(e, t) {
 	};
 	return r(e), n;
 }
-function D(e) {
-	return e == null ? "" : String(typeof e == "object" ? e.name ?? e.label ?? e.id ?? e._id ?? "" : e);
+function be(e, t, n) {
+	let r = E(e, t);
+	if (n.size === 0) return r;
+	let i = (e) => {
+		for (let t of e) {
+			let e = n.get(t.id);
+			e === !0 ? r.add(t.id) : e === !1 && r.delete(t.id), i(t.children);
+		}
+	};
+	return i(e), r;
 }
-var O = ({ schema: r, dataSource: a, className: l, onRowClick: f, ...y }) => {
-	let [S, C] = n([]), [O, k] = n(!0), [A, j] = n(null), [M, N] = n(null), P = t(() => v(r), [r]), F = Array.isArray(y.data) || Array.isArray(r.data) || P?.provider === "value";
-	e(() => {
-		let e = !1;
-		return F || (async () => {
-			try {
-				if (!a || typeof a.getObjectSchema != "function") return;
-				let t = P?.provider === "object" ? P.object : r.objectName;
-				if (!t) return;
-				let n = await a.getObjectSchema(t);
-				e || N(n);
-			} catch (e) {
-				console.error("[ObjectTree] Failed to fetch object schema:", e);
-			}
-		})(), () => {
-			e = !0;
+function D(e, t) {
+	if (e == null) return "";
+	let n = Array.isArray(t?.fieldDef?.options) ? t.fieldDef.options : null;
+	if (n && n.length > 0) {
+		let r = t.objectName ? t.translateOptions(t.objectName, t.fieldName, n) : n, i = (e) => {
+			let t = r.find((t) => t?.value === e);
+			if (t) return String(t.label ?? e);
+			let n = String(e).toLowerCase(), i = r.find((e) => String(e?.value).toLowerCase() === n);
+			return i ? String(i.label ?? e) : l(String(e));
 		};
-	}, [
-		r.objectName,
-		a,
-		P,
-		F
-	]), e(() => {
+		return Array.isArray(e) ? e.filter((e) => e != null).map(i).join(", ") : i(e);
+	}
+	return typeof e == "object" && u(t?.fieldDef) ? c(void 0, e) : String(typeof e == "object" ? e.name ?? e.label ?? e.id ?? e._id ?? "" : e);
+}
+var O = ({ schema: r, dataSource: s, className: c, onRowClick: l, ...u }) => {
+	let [m, y] = n(null), [C, w] = n(null), [T, E] = n(!0), [O, k] = n(null), A = t(() => ee(r, "view-data"), [r]), j = f(r, A) ?? "", { ready: M, def: N } = oe(j, s), P = A?.provider, F = A?.provider === "object" ? A.object : void 0, I = A?.provider === "value" ? A.items : void 0, L = de(), xe = ne(), R = ie(r.filter, xe), Se = te(s ? F : void 0);
+	e(() => {
 		let e = !1;
 		return (async () => {
 			try {
-				if (k(!0), j(null), P?.provider === "object" && a && typeof a.find == "function") {
-					let t = i(M?.fields), n = await a.find(P.object, {
-						$filter: r.filter,
-						...t.length > 0 ? { $expand: t } : {}
-					});
-					e || (C(o(n)), k(!1));
+				if (E(!0), k(null), P === "object" && s && typeof s.find == "function") {
+					if (!M) return;
+					let t = o(N?.fields), n = L?.isLoaded ? t.filter((e) => L.checkField(F, e, "read")) : t, r = await s.find(F, {
+						$filter: R,
+						...d(),
+						...n.length > 0 ? { $expand: n } : {}
+					}), i = a(r);
+					e || (y({
+						provider: P,
+						object: F,
+						rows: i.rows
+					}), w(i), E(!1));
 					return;
 				}
-				let t = y.data ?? r.data;
+				let t = u.data;
 				if (Array.isArray(t)) {
-					e || (C(t), k(!1));
+					e || (y({
+						provider: P,
+						object: F,
+						rows: t
+					}), w(null), E(!1));
 					return;
 				}
-				if (P?.provider === "value") {
-					e || (C(P.items ?? []), k(!1));
+				if (P === "value") {
+					let t = await new i({ items: I ?? [] }).find("", {
+						$filter: R,
+						...d()
+					}), n = a(t);
+					e || (y({
+						provider: P,
+						object: F,
+						rows: n.rows
+					}), w(n), E(!1));
 					return;
 				}
-				e || (C([]), k(!1));
+				e || (y({
+					provider: P,
+					object: F,
+					rows: []
+				}), E(!1));
 			} catch (t) {
-				e || (j(t), k(!1));
+				e || (k(t), E(!1));
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
 		P,
-		a,
-		r.filter,
+		F,
+		I,
+		s,
+		R,
+		N,
 		M,
-		y.data
+		u.data,
+		L,
+		Se
 	]);
-	let I = t(() => b(r), [r]), L = t(() => I.parentField ?? x(M, r.objectName), [
-		I.parentField,
-		M,
+	let z = t(() => ge(r), [r]), B = t(() => z.parentField ?? _e(N, r.objectName), [
+		z.parentField,
+		N,
 		r.objectName
-	]), R = t(() => w(S, L), [S, L]), [z, B] = n(/* @__PURE__ */ new Set());
-	e(() => {
-		B(E(R, I.defaultExpandedDepth));
-	}, [R, I.defaultExpandedDepth]);
-	let V = (e) => B((t) => {
-		let n = new Set(t);
-		return n.has(e) ? n.delete(e) : n.add(e), n;
-	}), H = t(() => T(R, z), [R, z]), U = c(), W = (P?.provider === "object" ? P.object : void 0) ?? r.objectName, G = (e) => {
-		let t = M?.fields?.[e]?.label || e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
-		return W ? U.fieldLabel(W, e, t) : t;
-	}, K = s({
+	]), V = m && m.provider === P && m.object === F ? m.rows : null, H = t(() => ve(V ?? he, B), [V, B]), [U, Ce] = n(() => /* @__PURE__ */ new Map()), W = t(() => be(H, z.defaultExpandedDepth, U), [
+		H,
+		z.defaultExpandedDepth,
+		U
+	]), we = (e, t) => Ce((n) => {
+		let r = new Map(n);
+		return r.set(e, !t), r;
+	}), Te = t(() => ye(H, W), [H, W]), G = ae(), K = f(r, A) ?? r.objectName, q = (e) => {
+		let t = N?.fields?.[e]?.label || e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+		return K ? G.fieldLabel(K, e, t) : t;
+	}, J = (e) => ({
+		fieldDef: N?.fields?.[e],
+		fieldName: e,
+		objectName: K,
+		translateOptions: G.translateOptions
+	}), Y = re({
 		navigation: r.navigation,
-		objectName: r.objectName,
-		onRowClick: f
-	}), { t: q } = _();
-	return A ? /* @__PURE__ */ h("div", {
-		className: d("flex items-center justify-center h-40 text-destructive", l),
-		children: /* @__PURE__ */ g("p", { children: ["Failed to load tree: ", A.message] })
-	}) : O ? /* @__PURE__ */ h("div", {
-		className: d("flex items-center justify-center h-40 text-muted-foreground", l),
-		children: /* @__PURE__ */ h("p", { children: "Loading…" })
-	}) : S.length === 0 ? /* @__PURE__ */ h("div", {
-		className: d("flex items-center justify-center h-40 text-muted-foreground", l),
-		children: /* @__PURE__ */ h("p", { children: "No records" })
-	}) : /* @__PURE__ */ g("div", {
-		className: d("w-full overflow-auto", l),
+		objectName: f(r, A) ?? r.objectName,
+		onRowClick: l
+	}), { anchorRef: Ee, captureAnchor: X } = v(), { t: Z } = me();
+	if (O) return /* @__PURE__ */ x("div", {
+		className: h("flex items-center justify-center h-40 text-destructive", c),
+		children: /* @__PURE__ */ S("p", { children: ["Failed to load tree: ", O.message] })
+	});
+	if (V === null || T && V.length === 0) return /* @__PURE__ */ x("div", {
+		className: h("flex items-center justify-center h-40 text-muted-foreground", c),
+		children: /* @__PURE__ */ x("p", { children: "Loading…" })
+	});
+	if (V.length === 0) return /* @__PURE__ */ x("div", {
+		className: h("flex items-center justify-center h-40 text-muted-foreground", c),
+		children: /* @__PURE__ */ x("p", { children: "No records" })
+	});
+	let Q = (e) => {
+		if (!Y.isOverlay) return null;
+		let t = f(r, A) ?? r.objectName;
+		return /* @__PURE__ */ x(se, {
+			...Y,
+			title: Z("detail.recordDetail"),
+			mainContent: e,
+			popoverAnchorRef: Ee,
+			storageKey: t ? _(t) : void 0,
+			legacyStorageKey: t ? g(t) : void 0,
+			width: Y.width ?? le,
+			children: (e) => {
+				let n = e, r = n.id ?? n._id, i = !!N?.fields && Object.keys(N.fields).length > 0;
+				return !t || r == null || !i ? /* @__PURE__ */ x("div", {
+					className: "space-y-3 p-4",
+					children: Object.entries(n).map(([e, t]) => /* @__PURE__ */ S("div", {
+						className: "flex flex-col",
+						children: [/* @__PURE__ */ x("span", {
+							className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
+							children: e.replace(/_/g, " ")
+						}), /* @__PURE__ */ x("span", {
+							className: "text-sm",
+							children: D(t, J(e)) || "—"
+						})]
+					}, e))
+				}) : /* @__PURE__ */ x("div", {
+					className: "px-6 pt-6 pb-6",
+					children: /* @__PURE__ */ x(ue, {
+						record: n,
+						objectName: t,
+						recordId: r,
+						dataSource: s,
+						objectSchema: N,
+						onClose: Y.close
+					})
+				});
+			}
+		});
+	}, $ = /* @__PURE__ */ S("div", {
+		className: h("w-full overflow-auto", c),
 		"data-testid": "object-tree",
-		children: [/* @__PURE__ */ g("table", {
-			className: "w-full border-collapse text-sm",
-			children: [/* @__PURE__ */ h("thead", { children: /* @__PURE__ */ g("tr", {
-				className: "border-b text-left text-muted-foreground",
-				children: [/* @__PURE__ */ h("th", {
-					className: "px-3 py-2 font-medium",
-					children: G(I.labelField)
-				}), I.fields.filter((e) => e !== I.labelField).map((e) => /* @__PURE__ */ h("th", {
-					className: "px-3 py-2 font-medium",
-					children: G(e)
-				}, e))]
-			}) }), /* @__PURE__ */ h("tbody", { children: H.map((e) => {
-				let t = e.children.length > 0, n = z.has(e.id);
-				return /* @__PURE__ */ g("tr", {
-					className: "border-b hover:bg-accent/50 cursor-pointer",
-					"data-testid": "object-tree-row",
-					"data-depth": e.depth,
-					onClick: (t) => K.handleClick(e.record, t),
-					children: [/* @__PURE__ */ h("td", {
-						className: "px-3 py-2",
-						children: /* @__PURE__ */ g("div", {
-							className: "flex items-center gap-1",
-							style: { paddingLeft: `${e.depth * 20}px` },
-							children: [t ? /* @__PURE__ */ h("button", {
-								type: "button",
-								"aria-label": n ? "Collapse" : "Expand",
-								className: "flex h-5 w-5 items-center justify-center rounded-sm text-muted-foreground hover:bg-muted",
-								onClick: (t) => {
-									t.stopPropagation(), V(e.id);
-								},
-								children: h(n ? p : m, { className: "h-4 w-4" })
-							}) : /* @__PURE__ */ h("span", { className: "inline-block h-5 w-5" }), /* @__PURE__ */ h("span", {
-								className: "truncate",
-								children: D(e.record[I.labelField]) || "—"
-							})]
-						})
-					}), I.fields.filter((e) => e !== I.labelField).map((t) => /* @__PURE__ */ h("td", {
-						className: "px-3 py-2 text-muted-foreground",
-						children: D(e.record[t])
-					}, t))]
-				}, e.id);
-			}) })]
-		}), K.isOverlay && /* @__PURE__ */ h(u, {
-			...K,
-			title: q("detail.recordDetail"),
-			children: (e) => /* @__PURE__ */ h("div", {
-				className: "space-y-3",
-				children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ g("div", {
-					className: "flex flex-col",
-					children: [/* @__PURE__ */ h("span", {
-						className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
-						children: e.replace(/_/g, " ")
-					}), /* @__PURE__ */ h("span", {
-						className: "text-sm",
-						children: D(t) || "—"
-					})]
-				}, e))
-			})
-		})]
+		children: [
+			/* @__PURE__ */ x(ce, {
+				active: T && V.length > 0,
+				ariaLabel: Z("grid.refreshing"),
+				className: "sticky -mb-0.5"
+			}),
+			/* @__PURE__ */ S("table", {
+				className: "w-full border-collapse text-sm",
+				children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
+					className: "border-b text-left text-muted-foreground",
+					children: [/* @__PURE__ */ x("th", {
+						className: "px-3 py-2 font-medium",
+						children: q(z.labelField)
+					}), z.fields.filter((e) => e !== z.labelField).map((e) => /* @__PURE__ */ x("th", {
+						className: "px-3 py-2 font-medium",
+						children: q(e)
+					}, e))]
+				}) }), /* @__PURE__ */ x("tbody", { children: Te.map((e) => {
+					let t = e.children.length > 0, n = W.has(e.id);
+					return /* @__PURE__ */ S("tr", {
+						className: "border-b hover:bg-accent/50 cursor-pointer",
+						"data-testid": "object-tree-row",
+						"data-depth": e.depth,
+						onClick: (t) => {
+							X(t), Y.handleClick(e.record, t);
+						},
+						children: [/* @__PURE__ */ x("td", {
+							className: "px-3 py-2",
+							children: /* @__PURE__ */ S("div", {
+								className: "flex items-center gap-1",
+								style: { paddingLeft: `${e.depth * 20}px` },
+								children: [t ? /* @__PURE__ */ x("button", {
+									type: "button",
+									"aria-label": n ? "Collapse" : "Expand",
+									className: "flex h-5 w-5 items-center justify-center rounded-sm text-muted-foreground hover:bg-muted",
+									onClick: (t) => {
+										t.stopPropagation(), we(e.id, n);
+									},
+									children: x(n ? fe : pe, { className: "h-4 w-4" })
+								}) : /* @__PURE__ */ x("span", { className: "inline-block h-5 w-5" }), /* @__PURE__ */ x("span", {
+									className: "truncate",
+									children: D(e.record[z.labelField], J(z.labelField)) || "—"
+								})]
+							})
+						}), z.fields.filter((e) => e !== z.labelField).map((t) => /* @__PURE__ */ x("td", {
+							className: "px-3 py-2 text-muted-foreground",
+							children: D(e.record[t], J(t))
+						}, t))]
+					}, e.id);
+				}) })]
+			}),
+			C && /* @__PURE__ */ x(p, { result: C })
+		]
 	});
+	if (Y.isOverlay && Y.mode === "split" && Y.isOpen && Y.selectedRecord) {
+		let e = Q($);
+		if (e) return /* @__PURE__ */ x(b, { children: e });
+	}
+	return /* @__PURE__ */ S(b, { children: [$, Q()] });
 }, k = ({ schema: e, ...t }) => {
-	let { dataSource: n } = l() || {};
-	return /* @__PURE__ */ h(O, {
+	let { dataSource: n } = m() || {};
+	return /* @__PURE__ */ x(O, {
 		schema: e,
 		dataSource: n,
 		...t
 	});
-}, A = [{
-	name: "objectName",
-	type: "string",
-	label: "Object Name",
-	required: !0
-}, {
-	name: "tree",
-	type: "object",
-	label: "Tree Config",
-	description: "parentField, labelField, fields, defaultExpandedDepth"
-}];
+};
 r.register("object-tree", k, {
 	namespace: "plugin-tree",
 	label: "Object Tree",
 	category: "view",
-	inputs: A
-}), r.register("tree", k, {
-	namespace: "view",
-	label: "Tree View",
-	category: "view",
-	inputs: A
+	inputs: [
+		{
+			name: "objectName",
+			type: "string",
+			description: "ObjectQL object name. The record source is one of `data`, `staticData` and `objectName`, read in that order: a tree on `data` or `staticData` never queries this object. On a tree whose rows are inline it still names the record page a new-tab click opens."
+		},
+		{
+			name: "tree",
+			type: "object",
+			description: "The field configuration: `parentField` names the field holding each record’s parent id (auto-detected from the object’s self-referencing field when omitted), `labelField` the field drawn indented in the first column (default `name`), `fields` the further fields drawn as flat columns after it, and `defaultExpandedDepth` how many levels open on first draw (`0` shows roots only; omitted, every level is open)."
+		},
+		{
+			name: "data",
+			type: "object",
+			description: "A `{ provider, … }` data-source configuration, read FIRST on the record-source ladder: a tree carrying one never reaches `staticData` and never queries `objectName`. `{ provider: 'value', items }` draws those records and `{ provider: 'object', object }` queries that object, both narrowed by `filter`. The `api` and `schema` providers draw no rows on the tree. A bare array is not this key’s shape and is not a record source: the tree falls through to `staticData`, then `objectName`, so inline rows belong under `staticData`."
+		},
+		{
+			name: "staticData",
+			type: "array",
+			description: "Inline records, read SECOND on the record-source ladder: a `data` configuration wins and this key is then never reached, while `objectName` is read AFTER it, so a tree carrying both draws these rows and never queries that object. Each record is placed under the record its `parentField` value names, and one naming no record is drawn as a root. `filter` narrows these rows exactly as it does fetched ones."
+		},
+		{
+			name: "filter",
+			type: "array",
+			description: "Base query filter in the rule-array form `[{ field, operator, value }, ...]`, narrowing the records the tree draws — fetched rows and inline (`staticData`, `{ provider: 'value' }`) rows alike. Context tokens such as `{current_user_id}` are resolved first, then the filter is lowered to `$filter` on the query. A record whose parent the filter removed is drawn as a root. The MongoDB-style record form is not this key’s shape."
+		},
+		{
+			name: "navigation",
+			type: "object",
+			description: "What a row click opens — the `{ mode, size, openNewTab, preventNavigation }` block a list view declares. With the key ABSENT a click opens nothing: this renderer supplies no drawer default. `mode` is an overlay (`drawer`, `modal`, `split`, `popover`), `new_window`, `page` or `none`, and a block written without `mode` takes the spec’s `page` default. `drawer`, `modal` and `popover` open the row’s record in that overlay, and `split` opens it beside the tree; `new_window` opens the record page in a new tab; `none` opens nothing. `page` opens the record page of `data.object` when `data` is the object provider, else of the tree’s `objectName`, through the record navigator the host publishes (the console publishes one on its custom pages, record pages and list views); under a host that publishes none, such as an embedded renderer, or on a tree that names neither (inline rows with no `objectName`), there is no record page to open and the click opens nothing. `preventNavigation: true` opens nothing whatever the mode, `openNewTab: true` opens the record page in a new tab and outranks every mode except `none`, and `size` sets the overlay width. A click handler from a parent view outranks the whole key."
+		}
+	]
 });
 //#endregion
 export { O as ObjectTree, k as ObjectTreeRenderer };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("react"),require("@object-ui/core"),require("@object-ui/react"),require("@object-ui/components"),require("@object-ui/i18n"),require("lucide-react"),require("react/jsx-runtime")):typeof define==`function`&&define.amd?define([`exports`,`react`,`@object-ui/core`,`@object-ui/react`,`@object-ui/components`,`@object-ui/i18n`,`lucide-react`,`react/jsx-runtime`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ObjectUIPluginTree={},e.React,e.ObjectUICore,e.ObjectUIReact,e.ObjectUIComponents,e.ObjectUII18n,e.LucideReact,e.react_jsx_runtime))})(this,function(e,t,n,r,i,a,o,s){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var c=Object.create,l=Object.defineProperty,u=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,f=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty,m=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=d(t),a=0,o=i.length,s;a<o;a++)s=i[a],!p.call(e,s)&&s!==n&&l(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=u(t,s))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:c(f(e)),m(t||!e||!e.__esModule||!p.call(e,`default`)?l(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);var h=(0,a.createSafeTranslation)({"detail.recordDetail":`Record Detail`},`detail.recordDetail`);function g(e){return e.data?e.data:e.staticData?{provider:`value`,items:e.staticData}:e.objectName?{provider:`object`,object:e.objectName}:null}function _(e){return(0,n.columnIdentity)(e)||(e&&typeof e==`object`?e.key:void 0)||void 0}function v(e){let t=e.tree||e.filter?.tree||{},n=Array.isArray(e.fields)?e.fields:Array.isArray(t.fields)?t.fields:[];return{parentField:_(e.parentField??t.parentField),labelField:_(e.labelField??t.labelField??e.titleField)??`name`,fields:n.map(_).filter(e=>!!e),defaultExpandedDepth:e.defaultExpandedDepth??t.defaultExpandedDepth}}function y(e,t){let n=e?.fields;if(!n||typeof n!=`object`)return;let r;for(let[e,i]of Object.entries(n)){if(i?.type===`tree`)return e;let n=i?.reference||i?.reference_to||i?.referenceTo;!r&&(i?.type===`lookup`||i?.type===`master_detail`)&&n&&t&&n===t&&(r=e)}return r}function b(e){let t=e?.id??e?._id;return t==null?void 0:String(t)}function x(e,t){if(!t)return;let n=e?.[t];if(n!=null){if(typeof n==`object`){let e=n.id??n._id;return e==null?void 0:String(e)}return String(n)}}function S(e,t){let n=new Map,r=[];for(let t of e){let e=b(t);e!=null&&(n.set(e,{id:e,record:t,depth:0,children:[]}),r.push(e))}let i=[];for(let e of r){let r=n.get(e),a=x(r.record,t),o=a==null?void 0:n.get(a);o&&o!==r?o.children.push(r):i.push(r)}let a=(e,t)=>{for(let n of e)n.depth=t,a(n.children,t+1)};return a(i,0),i}function C(e,t){let n=[],r=e=>{for(let i of e)n.push(i),i.children.length>0&&t.has(i.id)&&r(i.children)};return r(e),n}function w(e,t){let n=new Set,r=e=>{for(let i of e)i.children.length!==0&&(t==null||i.depth<t)&&(n.add(i.id),r(i.children))};return r(e),n}function T(e){return e==null?``:String(typeof e==`object`?e.name??e.label??e.id??e._id??``:e)}var E=({schema:e,dataSource:a,className:c,onRowClick:l,...u})=>{let[d,f]=(0,t.useState)([]),[p,m]=(0,t.useState)(!0),[_,b]=(0,t.useState)(null),[x,E]=(0,t.useState)(null),D=(0,t.useMemo)(()=>g(e),[e]),O=Array.isArray(u.data)||Array.isArray(e.data)||D?.provider===`value`;(0,t.useEffect)(()=>{let t=!1;return O||(async()=>{try{if(!a||typeof a.getObjectSchema!=`function`)return;let n=D?.provider===`object`?D.object:e.objectName;if(!n)return;let r=await a.getObjectSchema(n);t||E(r)}catch(e){console.error(`[ObjectTree] Failed to fetch object schema:`,e)}})(),()=>{t=!0}},[e.objectName,a,D,O]),(0,t.useEffect)(()=>{let t=!1;return(async()=>{try{if(m(!0),b(null),D?.provider===`object`&&a&&typeof a.find==`function`){let r=(0,n.buildExpandFields)(x?.fields),i=await a.find(D.object,{$filter:e.filter,...r.length>0?{$expand:r}:{}});t||(f((0,n.extractRecords)(i)),m(!1));return}let r=u.data??e.data;if(Array.isArray(r)){t||(f(r),m(!1));return}if(D?.provider===`value`){t||(f(D.items??[]),m(!1));return}t||(f([]),m(!1))}catch(e){t||(b(e),m(!1))}})(),()=>{t=!0}},[D,a,e.filter,x,u.data]);let k=(0,t.useMemo)(()=>v(e),[e]),A=(0,t.useMemo)(()=>k.parentField??y(x,e.objectName),[k.parentField,x,e.objectName]),j=(0,t.useMemo)(()=>S(d,A),[d,A]),[M,N]=(0,t.useState)(new Set);(0,t.useEffect)(()=>{N(w(j,k.defaultExpandedDepth))},[j,k.defaultExpandedDepth]);let P=e=>N(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}),F=(0,t.useMemo)(()=>C(j,M),[j,M]),I=(0,r.useSafeFieldLabel)(),L=(D?.provider===`object`?D.object:void 0)??e.objectName,R=e=>{let t=x?.fields?.[e]?.label||e.replace(/_/g,` `).replace(/\b\w/g,e=>e.toUpperCase());return L?I.fieldLabel(L,e,t):t},z=(0,r.useNavigationOverlay)({navigation:e.navigation,objectName:e.objectName,onRowClick:l}),{t:B}=h();return _?(0,s.jsx)(`div`,{className:(0,i.cn)(`flex items-center justify-center h-40 text-destructive`,c),children:(0,s.jsxs)(`p`,{children:[`Failed to load tree: `,_.message]})}):p?(0,s.jsx)(`div`,{className:(0,i.cn)(`flex items-center justify-center h-40 text-muted-foreground`,c),children:(0,s.jsx)(`p`,{children:`Loading…`})}):d.length===0?(0,s.jsx)(`div`,{className:(0,i.cn)(`flex items-center justify-center h-40 text-muted-foreground`,c),children:(0,s.jsx)(`p`,{children:`No records`})}):(0,s.jsxs)(`div`,{className:(0,i.cn)(`w-full overflow-auto`,c),"data-testid":`object-tree`,children:[(0,s.jsxs)(`table`,{className:`w-full border-collapse text-sm`,children:[(0,s.jsx)(`thead`,{children:(0,s.jsxs)(`tr`,{className:`border-b text-left text-muted-foreground`,children:[(0,s.jsx)(`th`,{className:`px-3 py-2 font-medium`,children:R(k.labelField)}),k.fields.filter(e=>e!==k.labelField).map(e=>(0,s.jsx)(`th`,{className:`px-3 py-2 font-medium`,children:R(e)},e))]})}),(0,s.jsx)(`tbody`,{children:F.map(e=>{let t=e.children.length>0,n=M.has(e.id);return(0,s.jsxs)(`tr`,{className:`border-b hover:bg-accent/50 cursor-pointer`,"data-testid":`object-tree-row`,"data-depth":e.depth,onClick:t=>z.handleClick(e.record,t),children:[(0,s.jsx)(`td`,{className:`px-3 py-2`,children:(0,s.jsxs)(`div`,{className:`flex items-center gap-1`,style:{paddingLeft:`${e.depth*20}px`},children:[t?(0,s.jsx)(`button`,{type:`button`,"aria-label":n?`Collapse`:`Expand`,className:`flex h-5 w-5 items-center justify-center rounded-sm text-muted-foreground hover:bg-muted`,onClick:t=>{t.stopPropagation(),P(e.id)},children:n?(0,s.jsx)(o.ChevronDown,{className:`h-4 w-4`}):(0,s.jsx)(o.ChevronRight,{className:`h-4 w-4`})}):(0,s.jsx)(`span`,{className:`inline-block h-5 w-5`}),(0,s.jsx)(`span`,{className:`truncate`,children:T(e.record[k.labelField])||`—`})]})}),k.fields.filter(e=>e!==k.labelField).map(t=>(0,s.jsx)(`td`,{className:`px-3 py-2 text-muted-foreground`,children:T(e.record[t])},t))]},e.id)})})]}),z.isOverlay&&(0,s.jsx)(i.NavigationOverlay,{...z,title:B(`detail.recordDetail`),children:e=>(0,s.jsx)(`div`,{className:`space-y-3`,children:Object.entries(e).map(([e,t])=>(0,s.jsxs)(`div`,{className:`flex flex-col`,children:[(0,s.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground uppercase tracking-wide`,children:e.replace(/_/g,` `)}),(0,s.jsx)(`span`,{className:`text-sm`,children:T(t)||`—`})]},e))})})]})},D=({schema:e,...t})=>{let{dataSource:n}=(0,r.useSchemaContext)()||{};return(0,s.jsx)(E,{schema:e,dataSource:n,...t})},O=[{name:`objectName`,type:`string`,label:`Object Name`,required:!0},{name:`tree`,type:`object`,label:`Tree Config`,description:`parentField, labelField, fields, defaultExpandedDepth`}];n.ComponentRegistry.register(`object-tree`,D,{namespace:`plugin-tree`,label:`Object Tree`,category:`view`,inputs:O}),n.ComponentRegistry.register(`tree`,D,{namespace:`view`,label:`Tree View`,category:`view`,inputs:O}),e.ObjectTree=E,e.ObjectTreeRenderer=D});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("react"),require("@object-ui/core"),require("@object-ui/react"),require("@object-ui/components"),require("@object-ui/plugin-detail"),require("@object-ui/i18n"),require("@object-ui/permissions"),require("lucide-react"),require("react/jsx-runtime")):typeof define==`function`&&define.amd?define([`exports`,`react`,`@object-ui/core`,`@object-ui/react`,`@object-ui/components`,`@object-ui/plugin-detail`,`@object-ui/i18n`,`@object-ui/permissions`,`lucide-react`,`react/jsx-runtime`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ObjectUIPluginTree={},e.React,e.ObjectUICore,e.ObjectUIReact,e.ObjectUIComponents,e._object_ui_plugin_detail,e.ObjectUII18n,e._object_ui_permissions,e.LucideReact,e.react_jsx_runtime))})(this,function(e,t,n,r,i,a,o,s,c,l){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var u=Object.create,d=Object.defineProperty,f=Object.getOwnPropertyDescriptor,p=Object.getOwnPropertyNames,m=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty,g=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=p(t),a=0,o=i.length,s;a<o;a++)s=i[a],!h.call(e,s)&&s!==n&&d(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=f(t,s))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:u(m(e)),g(t||!e||!e.__esModule||!h.call(e,`default`)?d(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);var _=(0,o.createSafeTranslation)({"detail.recordDetail":`Record Detail`,"grid.refreshing":`Refreshing…`},`detail.recordDetail`),ee=[];function v(e){return(0,n.columnIdentity)(e)||(e&&typeof e==`object`?e.key:void 0)||void 0}function y(e){let t=e.tree||{},n=Array.isArray(e.fields)?e.fields:Array.isArray(t.fields)?t.fields:[];return{parentField:v(e.parentField??t.parentField),labelField:v(e.labelField??t.labelField)??`name`,fields:n.map(v).filter(e=>!!e),defaultExpandedDepth:e.defaultExpandedDepth??t.defaultExpandedDepth}}function b(e,t){let n=e?.fields;if(!n||typeof n!=`object`)return;let r;for(let[e,i]of Object.entries(n)){let n=i?.reference;if(i?.type===`tree`&&(n===void 0||t&&n===t))return e;!r&&(i?.type===`lookup`||i?.type===`master_detail`)&&n&&t&&n===t&&(r=e)}return r}function x(e){let t=e?.id??e?._id;return t==null?void 0:String(t)}function S(e,t){if(!t)return;let n=e?.[t];if(n!=null){if(typeof n==`object`){let e=n.id??n._id;return e==null?void 0:String(e)}return String(n)}}function C(e,t){let n=new Map,r=[];for(let t of e){let e=x(t);e!=null&&(n.set(e,{id:e,record:t,depth:0,children:[]}),r.push(e))}let i=[];for(let e of r){let r=n.get(e),a=S(r.record,t),o=a==null?void 0:n.get(a);o&&o!==r?o.children.push(r):i.push(r)}let a=(e,t)=>{for(let n of e)n.depth=t,a(n.children,t+1)};return a(i,0),i}function w(e,t){let n=[],r=e=>{for(let i of e)n.push(i),i.children.length>0&&t.has(i.id)&&r(i.children)};return r(e),n}function T(e,t){let n=new Set,r=e=>{for(let i of e)i.children.length!==0&&(t==null||i.depth<t)&&(n.add(i.id),r(i.children))};return r(e),n}function E(e,t,n){let r=T(e,t);if(n.size===0)return r;let i=e=>{for(let t of e){let e=n.get(t.id);e===!0?r.add(t.id):e===!1&&r.delete(t.id),i(t.children)}};return i(e),r}function D(e,t){if(e==null)return``;let r=Array.isArray(t?.fieldDef?.options)?t.fieldDef.options:null;if(r&&r.length>0){let i=t.objectName?t.translateOptions(t.objectName,t.fieldName,r):r,a=e=>{let t=i.find(t=>t?.value===e);if(t)return String(t.label??e);let r=String(e).toLowerCase(),a=i.find(e=>String(e?.value).toLowerCase()===r);return a?String(a.label??e):(0,n.humanizeLabel)(String(e))};return Array.isArray(e)?e.filter(e=>e!=null).map(a).join(`, `):a(e)}return typeof e==`object`&&(0,n.isExpandableFieldType)(t?.fieldDef)?(0,n.getRecordDisplayName)(void 0,e):String(typeof e==`object`?e.name??e.label??e.id??e._id??``:e)}var O=({schema:e,dataSource:o,className:u,onRowClick:d,...f})=>{let[p,m]=(0,t.useState)(null),[h,g]=(0,t.useState)(null),[v,x]=(0,t.useState)(!0),[S,T]=(0,t.useState)(null),O=(0,t.useMemo)(()=>(0,n.resolveRecordSourceConfig)(e,`view-data`),[e]),k=(0,n.resolveRecordSourceObjectName)(e,O)??``,{ready:A,def:j}=(0,r.useSettledSchema)(k,o),M=O?.provider,N=O?.provider===`object`?O.object:void 0,P=O?.provider===`value`?O.items:void 0,F=(0,s.usePermissions)(),te=(0,r.useFilterScope)(),I=(0,r.useResolvedFilter)(e.filter,te),L=(0,r.useDataInvalidation)(o?N:void 0);(0,t.useEffect)(()=>{let e=!1;return(async()=>{try{if(x(!0),T(null),M===`object`&&o&&typeof o.find==`function`){if(!A)return;let t=(0,n.buildExpandFields)(j?.fields),r=F?.isLoaded?t.filter(e=>F.checkField(N,e,`read`)):t,i=await o.find(N,{$filter:I,...(0,n.nonGridRowCeilingQuery)(),...r.length>0?{$expand:r}:{}}),a=(0,n.applyNonGridRowCeiling)(i);e||(m({provider:M,object:N,rows:a.rows}),g(a),x(!1));return}let t=f.data;if(Array.isArray(t)){e||(m({provider:M,object:N,rows:t}),g(null),x(!1));return}if(M===`value`){let t=await new n.ValueDataSource({items:P??[]}).find(``,{$filter:I,...(0,n.nonGridRowCeilingQuery)()}),r=(0,n.applyNonGridRowCeiling)(t);e||(m({provider:M,object:N,rows:r.rows}),g(r),x(!1));return}e||(m({provider:M,object:N,rows:[]}),x(!1))}catch(t){e||(T(t),x(!1))}})(),()=>{e=!0}},[M,N,P,o,I,j,A,f.data,F,L]);let R=(0,t.useMemo)(()=>y(e),[e]),z=(0,t.useMemo)(()=>R.parentField??b(j,e.objectName),[R.parentField,j,e.objectName]),B=p&&p.provider===M&&p.object===N?p.rows:null,V=(0,t.useMemo)(()=>C(B??ee,z),[B,z]),[H,ne]=(0,t.useState)(()=>new Map),U=(0,t.useMemo)(()=>E(V,R.defaultExpandedDepth,H),[V,R.defaultExpandedDepth,H]),W=(e,t)=>ne(n=>{let r=new Map(n);return r.set(e,!t),r}),G=(0,t.useMemo)(()=>w(V,U),[V,U]),K=(0,r.useSafeFieldLabel)(),q=(0,n.resolveRecordSourceObjectName)(e,O)??e.objectName,J=e=>{let t=j?.fields?.[e]?.label||e.replace(/_/g,` `).replace(/\b\w/g,e=>e.toUpperCase());return q?K.fieldLabel(q,e,t):t},Y=e=>({fieldDef:j?.fields?.[e],fieldName:e,objectName:q,translateOptions:K.translateOptions}),X=(0,r.useNavigationOverlay)({navigation:e.navigation,objectName:(0,n.resolveRecordSourceObjectName)(e,O)??e.objectName,onRowClick:d}),{anchorRef:re,captureAnchor:ie}=(0,i.useOverlayAnchor)(),{t:Z}=_();if(S)return(0,l.jsx)(`div`,{className:(0,i.cn)(`flex items-center justify-center h-40 text-destructive`,u),children:(0,l.jsxs)(`p`,{children:[`Failed to load tree: `,S.message]})});if(B===null||v&&B.length===0)return(0,l.jsx)(`div`,{className:(0,i.cn)(`flex items-center justify-center h-40 text-muted-foreground`,u),children:(0,l.jsx)(`p`,{children:`Loading…`})});if(B.length===0)return(0,l.jsx)(`div`,{className:(0,i.cn)(`flex items-center justify-center h-40 text-muted-foreground`,u),children:(0,l.jsx)(`p`,{children:`No records`})});let Q=t=>{if(!X.isOverlay)return null;let r=(0,n.resolveRecordSourceObjectName)(e,O)??e.objectName;return(0,l.jsx)(i.NavigationOverlay,{...X,title:Z(`detail.recordDetail`),mainContent:t,popoverAnchorRef:re,storageKey:r?(0,i.recordOverlayWidthStorageKey)(r):void 0,legacyStorageKey:r?(0,i.legacyRecordDrawerWidthKey)(r):void 0,width:X.width??a.RECORD_OVERLAY_DEFAULT_WIDTH,children:e=>{let t=e,n=t.id??t._id,i=!!j?.fields&&Object.keys(j.fields).length>0;return!r||n==null||!i?(0,l.jsx)(`div`,{className:`space-y-3 p-4`,children:Object.entries(t).map(([e,t])=>(0,l.jsxs)(`div`,{className:`flex flex-col`,children:[(0,l.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground uppercase tracking-wide`,children:e.replace(/_/g,` `)}),(0,l.jsx)(`span`,{className:`text-sm`,children:D(t,Y(e))||`—`})]},e))}):(0,l.jsx)(`div`,{className:`px-6 pt-6 pb-6`,children:(0,l.jsx)(a.RecordDetailPanel,{record:t,objectName:r,recordId:n,dataSource:o,objectSchema:j,onClose:X.close})})}})},$=(0,l.jsxs)(`div`,{className:(0,i.cn)(`w-full overflow-auto`,u),"data-testid":`object-tree`,children:[(0,l.jsx)(i.RefreshIndicator,{active:v&&B.length>0,ariaLabel:Z(`grid.refreshing`),className:`sticky -mb-0.5`}),(0,l.jsxs)(`table`,{className:`w-full border-collapse text-sm`,children:[(0,l.jsx)(`thead`,{children:(0,l.jsxs)(`tr`,{className:`border-b text-left text-muted-foreground`,children:[(0,l.jsx)(`th`,{className:`px-3 py-2 font-medium`,children:J(R.labelField)}),R.fields.filter(e=>e!==R.labelField).map(e=>(0,l.jsx)(`th`,{className:`px-3 py-2 font-medium`,children:J(e)},e))]})}),(0,l.jsx)(`tbody`,{children:G.map(e=>{let t=e.children.length>0,n=U.has(e.id);return(0,l.jsxs)(`tr`,{className:`border-b hover:bg-accent/50 cursor-pointer`,"data-testid":`object-tree-row`,"data-depth":e.depth,onClick:t=>{ie(t),X.handleClick(e.record,t)},children:[(0,l.jsx)(`td`,{className:`px-3 py-2`,children:(0,l.jsxs)(`div`,{className:`flex items-center gap-1`,style:{paddingLeft:`${e.depth*20}px`},children:[t?(0,l.jsx)(`button`,{type:`button`,"aria-label":n?`Collapse`:`Expand`,className:`flex h-5 w-5 items-center justify-center rounded-sm text-muted-foreground hover:bg-muted`,onClick:t=>{t.stopPropagation(),W(e.id,n)},children:n?(0,l.jsx)(c.ChevronDown,{className:`h-4 w-4`}):(0,l.jsx)(c.ChevronRight,{className:`h-4 w-4`})}):(0,l.jsx)(`span`,{className:`inline-block h-5 w-5`}),(0,l.jsx)(`span`,{className:`truncate`,children:D(e.record[R.labelField],Y(R.labelField))||`—`})]})}),R.fields.filter(e=>e!==R.labelField).map(t=>(0,l.jsx)(`td`,{className:`px-3 py-2 text-muted-foreground`,children:D(e.record[t],Y(t))},t))]},e.id)})})]}),h&&(0,l.jsx)(r.NonGridRowCeilingNote,{result:h})]});if(X.isOverlay&&X.mode===`split`&&X.isOpen&&X.selectedRecord){let e=Q($);if(e)return(0,l.jsx)(l.Fragment,{children:e})}return(0,l.jsxs)(l.Fragment,{children:[$,Q()]})},k=({schema:e,...t})=>{let{dataSource:n}=(0,r.useSchemaContext)()||{};return(0,l.jsx)(O,{schema:e,dataSource:n,...t})};n.ComponentRegistry.register(`object-tree`,k,{namespace:`plugin-tree`,label:`Object Tree`,category:`view`,inputs:[{name:`objectName`,type:`string`,description:"ObjectQL object name. The record source is one of `data`, `staticData` and `objectName`, read in that order: a tree on `data` or `staticData` never queries this object. On a tree whose rows are inline it still names the record page a new-tab click opens."},{name:`tree`,type:`object`,description:"The field configuration: `parentField` names the field holding each record’s parent id (auto-detected from the object’s self-referencing field when omitted), `labelField` the field drawn indented in the first column (default `name`), `fields` the further fields drawn as flat columns after it, and `defaultExpandedDepth` how many levels open on first draw (`0` shows roots only; omitted, every level is open)."},{name:`data`,type:`object`,description:"A `{ provider, … }` data-source configuration, read FIRST on the record-source ladder: a tree carrying one never reaches `staticData` and never queries `objectName`. `{ provider: 'value', items }` draws those records and `{ provider: 'object', object }` queries that object, both narrowed by `filter`. The `api` and `schema` providers draw no rows on the tree. A bare array is not this key’s shape and is not a record source: the tree falls through to `staticData`, then `objectName`, so inline rows belong under `staticData`."},{name:`staticData`,type:`array`,description:"Inline records, read SECOND on the record-source ladder: a `data` configuration wins and this key is then never reached, while `objectName` is read AFTER it, so a tree carrying both draws these rows and never queries that object. Each record is placed under the record its `parentField` value names, and one naming no record is drawn as a root. `filter` narrows these rows exactly as it does fetched ones."},{name:`filter`,type:`array`,description:"Base query filter in the rule-array form `[{ field, operator, value }, ...]`, narrowing the records the tree draws — fetched rows and inline (`staticData`, `{ provider: 'value' }`) rows alike. Context tokens such as `{current_user_id}` are resolved first, then the filter is lowered to `$filter` on the query. A record whose parent the filter removed is drawn as a root. The MongoDB-style record form is not this key’s shape."},{name:`navigation`,type:`object`,description:"What a row click opens — the `{ mode, size, openNewTab, preventNavigation }` block a list view declares. With the key ABSENT a click opens nothing: this renderer supplies no drawer default. `mode` is an overlay (`drawer`, `modal`, `split`, `popover`), `new_window`, `page` or `none`, and a block written without `mode` takes the spec’s `page` default. `drawer`, `modal` and `popover` open the row’s record in that overlay, and `split` opens it beside the tree; `new_window` opens the record page in a new tab; `none` opens nothing. `page` opens the record page of `data.object` when `data` is the object provider, else of the tree’s `objectName`, through the record navigator the host publishes (the console publishes one on its custom pages, record pages and list views); under a host that publishes none, such as an embedded renderer, or on a tree that names neither (inline rows with no `objectName`), there is no record page to open and the click opens nothing. `preventNavigation: true` opens nothing whatever the mode, `openNewTab: true` opens the record page in a new tab and outranks every mode except `none`, and `size` sets the overlay width. A click handler from a parent view outranks the whole key."}]}),e.ObjectTree=O,e.ObjectTreeRenderer=k});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/plugin-tree",
-  "version": "17.6.0",
+  "version": "17.7.0",
   "type": "module",
   "license": "MIT",
   "description": "Tree / tree-grid visualization plugin for Object UI",
@@ -25,12 +25,14 @@
   },
   "dependencies": {
     "@objectstack/spec": "^17.0.0",
-    "lucide-react": "^1.31.0",
-    "@object-ui/components": "17.6.0",
-    "@object-ui/i18n": "17.6.0",
-    "@object-ui/core": "17.6.0",
-    "@object-ui/react": "17.6.0",
-    "@object-ui/types": "17.6.0"
+    "lucide-react": "^1.43.0",
+    "@object-ui/components": "17.7.0",
+    "@object-ui/core": "17.7.0",
+    "@object-ui/permissions": "17.7.0",
+    "@object-ui/i18n": "17.7.0",
+    "@object-ui/plugin-detail": "17.7.0",
+    "@object-ui/react": "17.7.0",
+    "@object-ui/types": "17.7.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -42,7 +44,9 @@
     "@vitejs/plugin-react": "^6.0.5",
     "typescript": "^6.0.3",
     "vite": "^8.2.1",
-    "vite-plugin-dts": "^5.0.3"
+    "vite-plugin-dts": "^5.0.3",
+    "@object-ui/sdui-parser": "17.7.0",
+    "@object-ui/test-support": "17.4.0"
   },
   "keywords": [
     "objectui",
@@ -69,8 +73,8 @@
   ],
   "scripts": {
     "build": "vite build",
-    "test": "vitest run",
-    "test:watch": "vitest",
+    "test": "vitest run --root ../.. packages/plugin-tree/",
+    "test:watch": "vitest --root ../.. packages/plugin-tree/",
     "type-check": "tsc --noEmit && tsc -p tsconfig.test.json",
     "lint": "eslint ."
   }