@object-ui/plugin-tree 13.2.0 → 14.1.0

package/CHANGELOG.md

@@ -1,5 +1,69 @@
 # @object-ui/plugin-tree
 
+## 14.1.0
+
+### Patch Changes
+
+- Updated dependencies [0890fa7]
+- Updated dependencies [2ded18c]
+- Updated dependencies [e628d1f]
+- Updated dependencies [5523fc4]
+- Updated dependencies [887062c]
+- Updated dependencies [055e1d2]
+- Updated dependencies [9e2d58f]
+- Updated dependencies [dea65f7]
+- Updated dependencies [f30ff68]
+- Updated dependencies [073e7aa]
+- Updated dependencies [6c0135c]
+- Updated dependencies [5b52624]
+- Updated dependencies [4afb251]
+- Updated dependencies [d5b1bc0]
+- Updated dependencies [f94905d]
+- Updated dependencies [f0f10f5]
+  - @object-ui/core@14.1.0
+  - @object-ui/types@14.1.0
+  - @object-ui/react@14.1.0
+  - @object-ui/components@14.1.0
+
+## 14.0.0
+
+### Patch Changes
+
+- 5971cc4: i18n: translate the Profile page, honor inline i18n label objects under bare
+  base-language codes, and localize managed-by badges / record quick actions.
+
+  - `pickLocalized` now upgrades a bare base language (`zh`) to any
+    region-qualified key sharing the base (`zh-CN`) — runtime language is
+    normalized to the base code while metadata authors write full BCP-47 tags,
+    so inline `{ en, 'zh-CN', ... }` label objects previously fell back to
+    English.
+  - ProfilePage (`account:profile_card` / `/system/profile`): every hardcoded
+    string — page title/subtitle, avatar Upload/Replace/Remove, Personal
+    Information card, Change/Set Password card — now goes through
+    `useObjectTranslation()` with `profile.*` keys (new namespace in all ten
+    locale bundles); the lazy-load fallback reuses `common.loading`.
+  - `ManagedByBadge` chips/tooltips (Config/System/Append-only/Identity) now
+    resolve through new `managedByBadge.*` keys with `{{provider}}`
+    interpolation.
+  - `record:quick_actions` resolves action labels via the
+    `objects.{object}._actions.{action}.label` convention plus `pickLocalized`,
+    so object action buttons (Change Password, Enable 2FA, …) localize.
+  - `record:details` / `record:related_list` / `record:alert` / `ObjectTree`
+    pass inline label objects through `pickLocalized`.
+  - Locale bundles: added `managedByBadge` namespace to all ten locales and
+    backfilled `list.inlineEditShort` / `inlineEditLabel` /
+    `recordEditingTitle` for ja/es/ko/de/fr/pt/ru/ar.
+
+- Updated dependencies [443360a]
+- Updated dependencies [86c69c3]
+- Updated dependencies [05e56ca]
+- Updated dependencies [a44e7b6]
+- Updated dependencies [6a74160]
+  - @object-ui/core@14.0.0
+  - @object-ui/react@14.0.0
+  - @object-ui/types@14.0.0
+  - @object-ui/components@14.0.0
+
 ## 13.2.0
 
 ### Patch Changes

package/dist/ObjectTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectTree.d.ts","sourceRoot":"","sources":["../src/ObjectTree.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;GAWG;AAEH,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAY,MAAM,kBAAkB,CAAC;AAM7D,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,GAAG,CAAC;IACZ,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,sEAAsE;IACtE,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA6KD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8PhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ObjectTree.d.ts","sourceRoot":"","sources":["../src/ObjectTree.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;GAWG;AAEH,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAY,MAAM,kBAAkB,CAAC;AAM7D,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,GAAG,CAAC;IACZ,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,sEAAsE;IACtE,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA6KD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoQhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/index.js

@@ -1,11 +1,11 @@
 import { useEffect as e, useMemo as t, useState as n } from "react";
 import { ComponentRegistry as r, buildExpandFields as i, extractRecords as a } from "@object-ui/core";
-import { useNavigationOverlay as o, useSchemaContext as s } from "@object-ui/react";
-import { NavigationOverlay as c, cn as l } from "@object-ui/components";
-import { ChevronDown as u, ChevronRight as d } from "lucide-react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useNavigationOverlay as o, useSafeFieldLabel as s, useSchemaContext as c } from "@object-ui/react";
+import { NavigationOverlay as l, cn as u } from "@object-ui/components";
+import { ChevronDown as d, ChevronRight as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/ObjectTree.tsx
-function m(e) {
+function h(e) {
 	return e.data ? e.data : e.staticData ? {
 		provider: "value",
 		items: e.staticData
@@ -14,20 +14,20 @@ function m(e) {
 		object: e.objectName
 	} : null;
 }
-function h(e) {
+function g(e) {
 	if (typeof e == "string") return e;
 	if (e && typeof e == "object") return e.name || e.fieldName || e.field || e.key;
 }
-function g(e) {
+function _(e) {
 	let t = e.tree || e.filter?.tree || {}, n = Array.isArray(e.fields) ? e.fields : Array.isArray(t.fields) ? t.fields : [];
 	return {
-		parentField: h(e.parentField ?? t.parentField),
-		labelField: h(e.labelField ?? t.labelField ?? e.titleField) ?? "name",
-		fields: n.map(h).filter((e) => !!e),
+		parentField: g(e.parentField ?? t.parentField),
+		labelField: g(e.labelField ?? t.labelField ?? e.titleField) ?? "name",
+		fields: n.map(g).filter((e) => !!e),
 		defaultExpandedDepth: e.defaultExpandedDepth ?? t.defaultExpandedDepth
 	};
 }
-function _(e, t) {
+function v(e, t) {
 	let n = e?.fields;
 	if (!n || typeof n != "object") return;
 	let r;
@@ -38,11 +38,11 @@ function _(e, t) {
 	}
 	return r;
 }
-function v(e) {
+function y(e) {
 	let t = e?.id ?? e?._id;
 	return t == null ? void 0 : String(t);
 }
-function y(e, t) {
+function b(e, t) {
 	if (!t) return;
 	let n = e?.[t];
 	if (n != null) {
@@ -53,10 +53,10 @@ function y(e, t) {
 		return String(n);
 	}
 }
-function b(e, t) {
+function x(e, t) {
 	let n = /* @__PURE__ */ new Map(), r = [];
 	for (let t of e) {
-		let e = v(t);
+		let e = y(t);
 		e != null && (n.set(e, {
 			id: e,
 			record: t,
@@ -66,7 +66,7 @@ function b(e, t) {
 	}
 	let i = [];
 	for (let e of r) {
-		let r = n.get(e), a = y(r.record, t), o = a == null ? void 0 : n.get(a);
+		let r = n.get(e), a = b(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) => {
@@ -74,32 +74,32 @@ function b(e, t) {
 	};
 	return a(i, 0), i;
 }
-function x(e, t) {
+function S(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 S(e, t) {
+function C(e, t) {
 	let n = /* @__PURE__ */ 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 C(e) {
+function w(e) {
 	return e == null ? "" : String(typeof e == "object" ? e.name ?? e.label ?? e.id ?? e._id ?? "" : e);
 }
-var w = ({ schema: r, dataSource: s, className: h, onRowClick: v, ...y }) => {
-	let [w, T] = n([]), [E, D] = n(!0), [O, k] = n(null), [A, j] = n(null), M = t(() => m(r), [r]), N = Array.isArray(y.data) || Array.isArray(r.data) || M?.provider === "value";
+var T = ({ schema: r, dataSource: c, className: g, onRowClick: y, ...b }) => {
+	let [T, E] = n([]), [D, O] = n(!0), [k, A] = n(null), [j, M] = n(null), N = t(() => h(r), [r]), P = Array.isArray(b.data) || Array.isArray(r.data) || N?.provider === "value";
 	e(() => {
 		let e = !1;
-		return N || (async () => {
+		return P || (async () => {
 			try {
-				if (!s || typeof s.getObjectSchema != "function") return;
-				let t = M?.provider === "object" ? M.object : r.objectName;
+				if (!c || typeof c.getObjectSchema != "function") return;
+				let t = N?.provider === "object" ? N.object : r.objectName;
 				if (!t) return;
-				let n = await s.getObjectSchema(t);
-				e || j(n);
+				let n = await c.getObjectSchema(t);
+				e || M(n);
 			} catch (e) {
 				console.error("[ObjectTree] Failed to fetch object schema:", e);
 			}
@@ -108,140 +108,143 @@ var w = ({ schema: r, dataSource: s, className: h, onRowClick: v, ...y }) => {
 		};
 	}, [
 		r.objectName,
-		s,
-		M,
-		N
+		c,
+		N,
+		P
 	]), e(() => {
 		let e = !1;
 		return (async () => {
 			try {
-				if (D(!0), k(null), M?.provider === "object" && s && typeof s.find == "function") {
-					let t = i(A?.fields), n = await s.find(M.object, {
+				if (O(!0), A(null), N?.provider === "object" && c && typeof c.find == "function") {
+					let t = i(j?.fields), n = await c.find(N.object, {
 						$filter: r.filter,
 						...t.length > 0 ? { $expand: t } : {}
 					});
-					e || (T(a(n)), D(!1));
+					e || (E(a(n)), O(!1));
 					return;
 				}
-				let t = y.data ?? r.data;
+				let t = b.data ?? r.data;
 				if (Array.isArray(t)) {
-					e || (T(t), D(!1));
+					e || (E(t), O(!1));
 					return;
 				}
-				if (M?.provider === "value") {
-					e || (T(M.items ?? []), D(!1));
+				if (N?.provider === "value") {
+					e || (E(N.items ?? []), O(!1));
 					return;
 				}
-				e || (T([]), D(!1));
+				e || (E([]), O(!1));
 			} catch (t) {
-				e || (k(t), D(!1));
+				e || (A(t), O(!1));
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		M,
-		s,
+		N,
+		c,
 		r.filter,
-		A,
-		y.data
+		j,
+		b.data
 	]);
-	let P = t(() => g(r), [r]), F = t(() => P.parentField ?? _(A, r.objectName), [
-		P.parentField,
-		A,
+	let F = t(() => _(r), [r]), I = t(() => F.parentField ?? v(j, r.objectName), [
+		F.parentField,
+		j,
 		r.objectName
-	]), I = t(() => b(w, F), [w, F]), [L, R] = n(/* @__PURE__ */ new Set());
+	]), L = t(() => x(T, I), [T, I]), [R, z] = n(/* @__PURE__ */ new Set());
 	e(() => {
-		R(S(I, P.defaultExpandedDepth));
-	}, [I, P.defaultExpandedDepth]);
-	let z = (e) => R((t) => {
+		z(C(L, F.defaultExpandedDepth));
+	}, [L, F.defaultExpandedDepth]);
+	let B = (e) => z((t) => {
 		let n = new Set(t);
 		return n.has(e) ? n.delete(e) : n.add(e), n;
-	}), B = t(() => x(I, L), [I, L]), V = (e) => A?.fields?.[e]?.label || e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()), H = o({
+	}), V = t(() => S(L, R), [L, R]), H = s(), U = (N?.provider === "object" ? N.object : void 0) ?? r.objectName, W = (e) => {
+		let t = j?.fields?.[e]?.label || e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+		return U ? H.fieldLabel(U, e, t) : t;
+	}, G = o({
 		navigation: r.navigation,
 		objectName: r.objectName,
-		onRowClick: v
+		onRowClick: y
 	});
-	return O ? /* @__PURE__ */ f("div", {
-		className: l("flex items-center justify-center h-40 text-destructive", h),
-		children: /* @__PURE__ */ p("p", { children: ["Failed to load tree: ", O.message] })
-	}) : E ? /* @__PURE__ */ f("div", {
-		className: l("flex items-center justify-center h-40 text-muted-foreground", h),
-		children: /* @__PURE__ */ f("p", { children: "Loading…" })
-	}) : w.length === 0 ? /* @__PURE__ */ f("div", {
-		className: l("flex items-center justify-center h-40 text-muted-foreground", h),
-		children: /* @__PURE__ */ f("p", { children: "No records" })
-	}) : /* @__PURE__ */ p("div", {
-		className: l("w-full overflow-auto", h),
+	return k ? /* @__PURE__ */ p("div", {
+		className: u("flex items-center justify-center h-40 text-destructive", g),
+		children: /* @__PURE__ */ m("p", { children: ["Failed to load tree: ", k.message] })
+	}) : D ? /* @__PURE__ */ p("div", {
+		className: u("flex items-center justify-center h-40 text-muted-foreground", g),
+		children: /* @__PURE__ */ p("p", { children: "Loading…" })
+	}) : T.length === 0 ? /* @__PURE__ */ p("div", {
+		className: u("flex items-center justify-center h-40 text-muted-foreground", g),
+		children: /* @__PURE__ */ p("p", { children: "No records" })
+	}) : /* @__PURE__ */ m("div", {
+		className: u("w-full overflow-auto", g),
 		"data-testid": "object-tree",
-		children: [/* @__PURE__ */ p("table", {
+		children: [/* @__PURE__ */ m("table", {
 			className: "w-full border-collapse text-sm",
-			children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", {
+			children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", {
 				className: "border-b text-left text-muted-foreground",
-				children: [/* @__PURE__ */ f("th", {
+				children: [/* @__PURE__ */ p("th", {
 					className: "px-3 py-2 font-medium",
-					children: V(P.labelField)
-				}), P.fields.filter((e) => e !== P.labelField).map((e) => /* @__PURE__ */ f("th", {
+					children: W(F.labelField)
+				}), F.fields.filter((e) => e !== F.labelField).map((e) => /* @__PURE__ */ p("th", {
 					className: "px-3 py-2 font-medium",
-					children: V(e)
+					children: W(e)
 				}, e))]
-			}) }), /* @__PURE__ */ f("tbody", { children: B.map((e) => {
-				let t = e.children.length > 0, n = L.has(e.id);
-				return /* @__PURE__ */ p("tr", {
+			}) }), /* @__PURE__ */ p("tbody", { children: V.map((e) => {
+				let t = e.children.length > 0, n = R.has(e.id);
+				return /* @__PURE__ */ m("tr", {
 					className: "border-b hover:bg-accent/50 cursor-pointer",
 					"data-testid": "object-tree-row",
 					"data-depth": e.depth,
-					onClick: (t) => H.handleClick(e.record, t),
-					children: [/* @__PURE__ */ f("td", {
+					onClick: (t) => G.handleClick(e.record, t),
+					children: [/* @__PURE__ */ p("td", {
 						className: "px-3 py-2",
-						children: /* @__PURE__ */ p("div", {
+						children: /* @__PURE__ */ m("div", {
 							className: "flex items-center gap-1",
 							style: { paddingLeft: `${e.depth * 20}px` },
-							children: [t ? /* @__PURE__ */ f("button", {
+							children: [t ? /* @__PURE__ */ p("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(), z(e.id);
+									t.stopPropagation(), B(e.id);
 								},
-								children: f(n ? u : d, { className: "h-4 w-4" })
-							}) : /* @__PURE__ */ f("span", { className: "inline-block h-5 w-5" }), /* @__PURE__ */ f("span", {
+								children: p(n ? d : f, { className: "h-4 w-4" })
+							}) : /* @__PURE__ */ p("span", { className: "inline-block h-5 w-5" }), /* @__PURE__ */ p("span", {
 								className: "truncate",
-								children: C(e.record[P.labelField]) || "—"
+								children: w(e.record[F.labelField]) || "—"
 							})]
 						})
-					}), P.fields.filter((e) => e !== P.labelField).map((t) => /* @__PURE__ */ f("td", {
+					}), F.fields.filter((e) => e !== F.labelField).map((t) => /* @__PURE__ */ p("td", {
 						className: "px-3 py-2 text-muted-foreground",
-						children: C(e.record[t])
+						children: w(e.record[t])
 					}, t))]
 				}, e.id);
 			}) })]
-		}), H.isOverlay && /* @__PURE__ */ f(c, {
-			...H,
+		}), G.isOverlay && /* @__PURE__ */ p(l, {
+			...G,
 			title: "Record Details",
-			children: (e) => /* @__PURE__ */ f("div", {
+			children: (e) => /* @__PURE__ */ p("div", {
 				className: "space-y-3",
-				children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ p("div", {
+				children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ m("div", {
 					className: "flex flex-col",
-					children: [/* @__PURE__ */ f("span", {
+					children: [/* @__PURE__ */ p("span", {
 						className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
 						children: e.replace(/_/g, " ")
-					}), /* @__PURE__ */ f("span", {
+					}), /* @__PURE__ */ p("span", {
 						className: "text-sm",
-						children: C(t) || "—"
+						children: w(t) || "—"
 					})]
 				}, e))
 			})
 		})]
 	});
-}, T = ({ schema: e, ...t }) => {
-	let { dataSource: n } = s() || {};
-	return /* @__PURE__ */ f(w, {
+}, E = ({ schema: e, ...t }) => {
+	let { dataSource: n } = c() || {};
+	return /* @__PURE__ */ p(T, {
 		schema: e,
 		dataSource: n,
 		...t
 	});
-}, E = [{
+}, D = [{
 	name: "objectName",
 	type: "string",
 	label: "Object Name",
@@ -252,16 +255,16 @@ var w = ({ schema: r, dataSource: s, className: h, onRowClick: v, ...y }) => {
 	label: "Tree Config",
 	description: "parentField, labelField, fields, defaultExpandedDepth"
 }];
-r.register("object-tree", T, {
+r.register("object-tree", E, {
 	namespace: "plugin-tree",
 	label: "Object Tree",
 	category: "view",
-	inputs: E
-}), r.register("tree", T, {
+	inputs: D
+}), r.register("tree", E, {
 	namespace: "view",
 	label: "Tree View",
 	category: "view",
-	inputs: E
+	inputs: D
 });
 //#endregion
-export { w as ObjectTree, T as ObjectTreeRenderer };
+export { T as ObjectTree, E 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("lucide-react"),require("react/jsx-runtime")):typeof define==`function`&&define.amd?define([`exports`,`react`,`@object-ui/core`,`@object-ui/react`,`@object-ui/components`,`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.LucideReact,e.react_jsx_runtime))})(this,function(e,t,n,r,i,a,o){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var s=Object.create,c=Object.defineProperty,l=Object.getOwnPropertyDescriptor,u=Object.getOwnPropertyNames,d=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty,p=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=u(t),a=0,o=i.length,s;a<o;a++)s=i[a],!f.call(e,s)&&s!==n&&c(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=l(t,s))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:s(d(e)),p(t||!e||!e.__esModule?c(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);function m(e){return e.data?e.data:e.staticData?{provider:`value`,items:e.staticData}:e.objectName?{provider:`object`,object:e.objectName}:null}function h(e){if(typeof e==`string`)return e;if(e&&typeof e==`object`)return e.name||e.fieldName||e.field||e.key}function g(e){let t=e.tree||e.filter?.tree||{},n=Array.isArray(e.fields)?e.fields:Array.isArray(t.fields)?t.fields:[];return{parentField:h(e.parentField??t.parentField),labelField:h(e.labelField??t.labelField??e.titleField)??`name`,fields:n.map(h).filter(e=>!!e),defaultExpandedDepth:e.defaultExpandedDepth??t.defaultExpandedDepth}}function _(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 v(e){let t=e?.id??e?._id;return t==null?void 0:String(t)}function y(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 b(e,t){let n=new Map,r=[];for(let t of e){let e=v(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=y(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 x(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 S(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 C(e){return e==null?``:String(typeof e==`object`?e.name??e.label??e.id??e._id??``:e)}var w=({schema:e,dataSource:s,className:c,onRowClick:l,...u})=>{let[d,f]=(0,t.useState)([]),[p,h]=(0,t.useState)(!0),[v,y]=(0,t.useState)(null),[w,T]=(0,t.useState)(null),E=(0,t.useMemo)(()=>m(e),[e]),D=Array.isArray(u.data)||Array.isArray(e.data)||E?.provider===`value`;(0,t.useEffect)(()=>{let t=!1;return D||(async()=>{try{if(!s||typeof s.getObjectSchema!=`function`)return;let n=E?.provider===`object`?E.object:e.objectName;if(!n)return;let r=await s.getObjectSchema(n);t||T(r)}catch(e){console.error(`[ObjectTree] Failed to fetch object schema:`,e)}})(),()=>{t=!0}},[e.objectName,s,E,D]),(0,t.useEffect)(()=>{let t=!1;return(async()=>{try{if(h(!0),y(null),E?.provider===`object`&&s&&typeof s.find==`function`){let r=(0,n.buildExpandFields)(w?.fields),i=await s.find(E.object,{$filter:e.filter,...r.length>0?{$expand:r}:{}});t||(f((0,n.extractRecords)(i)),h(!1));return}let r=u.data??e.data;if(Array.isArray(r)){t||(f(r),h(!1));return}if(E?.provider===`value`){t||(f(E.items??[]),h(!1));return}t||(f([]),h(!1))}catch(e){t||(y(e),h(!1))}})(),()=>{t=!0}},[E,s,e.filter,w,u.data]);let O=(0,t.useMemo)(()=>g(e),[e]),k=(0,t.useMemo)(()=>O.parentField??_(w,e.objectName),[O.parentField,w,e.objectName]),A=(0,t.useMemo)(()=>b(d,k),[d,k]),[j,M]=(0,t.useState)(new Set);(0,t.useEffect)(()=>{M(S(A,O.defaultExpandedDepth))},[A,O.defaultExpandedDepth]);let N=e=>M(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}),P=(0,t.useMemo)(()=>x(A,j),[A,j]),F=e=>w?.fields?.[e]?.label||e.replace(/_/g,` `).replace(/\b\w/g,e=>e.toUpperCase()),I=(0,r.useNavigationOverlay)({navigation:e.navigation,objectName:e.objectName,onRowClick:l});return v?(0,o.jsx)(`div`,{className:(0,i.cn)(`flex items-center justify-center h-40 text-destructive`,c),children:(0,o.jsxs)(`p`,{children:[`Failed to load tree: `,v.message]})}):p?(0,o.jsx)(`div`,{className:(0,i.cn)(`flex items-center justify-center h-40 text-muted-foreground`,c),children:(0,o.jsx)(`p`,{children:`Loading…`})}):d.length===0?(0,o.jsx)(`div`,{className:(0,i.cn)(`flex items-center justify-center h-40 text-muted-foreground`,c),children:(0,o.jsx)(`p`,{children:`No records`})}):(0,o.jsxs)(`div`,{className:(0,i.cn)(`w-full overflow-auto`,c),"data-testid":`object-tree`,children:[(0,o.jsxs)(`table`,{className:`w-full border-collapse text-sm`,children:[(0,o.jsx)(`thead`,{children:(0,o.jsxs)(`tr`,{className:`border-b text-left text-muted-foreground`,children:[(0,o.jsx)(`th`,{className:`px-3 py-2 font-medium`,children:F(O.labelField)}),O.fields.filter(e=>e!==O.labelField).map(e=>(0,o.jsx)(`th`,{className:`px-3 py-2 font-medium`,children:F(e)},e))]})}),(0,o.jsx)(`tbody`,{children:P.map(e=>{let t=e.children.length>0,n=j.has(e.id);return(0,o.jsxs)(`tr`,{className:`border-b hover:bg-accent/50 cursor-pointer`,"data-testid":`object-tree-row`,"data-depth":e.depth,onClick:t=>I.handleClick(e.record,t),children:[(0,o.jsx)(`td`,{className:`px-3 py-2`,children:(0,o.jsxs)(`div`,{className:`flex items-center gap-1`,style:{paddingLeft:`${e.depth*20}px`},children:[t?(0,o.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(),N(e.id)},children:n?(0,o.jsx)(a.ChevronDown,{className:`h-4 w-4`}):(0,o.jsx)(a.ChevronRight,{className:`h-4 w-4`})}):(0,o.jsx)(`span`,{className:`inline-block h-5 w-5`}),(0,o.jsx)(`span`,{className:`truncate`,children:C(e.record[O.labelField])||`—`})]})}),O.fields.filter(e=>e!==O.labelField).map(t=>(0,o.jsx)(`td`,{className:`px-3 py-2 text-muted-foreground`,children:C(e.record[t])},t))]},e.id)})})]}),I.isOverlay&&(0,o.jsx)(i.NavigationOverlay,{...I,title:`Record Details`,children:e=>(0,o.jsx)(`div`,{className:`space-y-3`,children:Object.entries(e).map(([e,t])=>(0,o.jsxs)(`div`,{className:`flex flex-col`,children:[(0,o.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground uppercase tracking-wide`,children:e.replace(/_/g,` `)}),(0,o.jsx)(`span`,{className:`text-sm`,children:C(t)||`—`})]},e))})})]})},T=({schema:e,...t})=>{let{dataSource:n}=(0,r.useSchemaContext)()||{};return(0,o.jsx)(w,{schema:e,dataSource:n,...t})},E=[{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`,T,{namespace:`plugin-tree`,label:`Object Tree`,category:`view`,inputs:E}),n.ComponentRegistry.register(`tree`,T,{namespace:`view`,label:`Tree View`,category:`view`,inputs:E}),e.ObjectTree=w,e.ObjectTreeRenderer=T});
+(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("lucide-react"),require("react/jsx-runtime")):typeof define==`function`&&define.amd?define([`exports`,`react`,`@object-ui/core`,`@object-ui/react`,`@object-ui/components`,`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.LucideReact,e.react_jsx_runtime))})(this,function(e,t,n,r,i,a,o){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var s=Object.create,c=Object.defineProperty,l=Object.getOwnPropertyDescriptor,u=Object.getOwnPropertyNames,d=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty,p=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=u(t),a=0,o=i.length,s;a<o;a++)s=i[a],!f.call(e,s)&&s!==n&&c(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=l(t,s))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:s(d(e)),p(t||!e||!e.__esModule?c(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);function m(e){return e.data?e.data:e.staticData?{provider:`value`,items:e.staticData}:e.objectName?{provider:`object`,object:e.objectName}:null}function h(e){if(typeof e==`string`)return e;if(e&&typeof e==`object`)return e.name||e.fieldName||e.field||e.key}function g(e){let t=e.tree||e.filter?.tree||{},n=Array.isArray(e.fields)?e.fields:Array.isArray(t.fields)?t.fields:[];return{parentField:h(e.parentField??t.parentField),labelField:h(e.labelField??t.labelField??e.titleField)??`name`,fields:n.map(h).filter(e=>!!e),defaultExpandedDepth:e.defaultExpandedDepth??t.defaultExpandedDepth}}function _(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 v(e){let t=e?.id??e?._id;return t==null?void 0:String(t)}function y(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 b(e,t){let n=new Map,r=[];for(let t of e){let e=v(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=y(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 x(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 S(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 C(e){return e==null?``:String(typeof e==`object`?e.name??e.label??e.id??e._id??``:e)}var w=({schema:e,dataSource:s,className:c,onRowClick:l,...u})=>{let[d,f]=(0,t.useState)([]),[p,h]=(0,t.useState)(!0),[v,y]=(0,t.useState)(null),[w,T]=(0,t.useState)(null),E=(0,t.useMemo)(()=>m(e),[e]),D=Array.isArray(u.data)||Array.isArray(e.data)||E?.provider===`value`;(0,t.useEffect)(()=>{let t=!1;return D||(async()=>{try{if(!s||typeof s.getObjectSchema!=`function`)return;let n=E?.provider===`object`?E.object:e.objectName;if(!n)return;let r=await s.getObjectSchema(n);t||T(r)}catch(e){console.error(`[ObjectTree] Failed to fetch object schema:`,e)}})(),()=>{t=!0}},[e.objectName,s,E,D]),(0,t.useEffect)(()=>{let t=!1;return(async()=>{try{if(h(!0),y(null),E?.provider===`object`&&s&&typeof s.find==`function`){let r=(0,n.buildExpandFields)(w?.fields),i=await s.find(E.object,{$filter:e.filter,...r.length>0?{$expand:r}:{}});t||(f((0,n.extractRecords)(i)),h(!1));return}let r=u.data??e.data;if(Array.isArray(r)){t||(f(r),h(!1));return}if(E?.provider===`value`){t||(f(E.items??[]),h(!1));return}t||(f([]),h(!1))}catch(e){t||(y(e),h(!1))}})(),()=>{t=!0}},[E,s,e.filter,w,u.data]);let O=(0,t.useMemo)(()=>g(e),[e]),k=(0,t.useMemo)(()=>O.parentField??_(w,e.objectName),[O.parentField,w,e.objectName]),A=(0,t.useMemo)(()=>b(d,k),[d,k]),[j,M]=(0,t.useState)(new Set);(0,t.useEffect)(()=>{M(S(A,O.defaultExpandedDepth))},[A,O.defaultExpandedDepth]);let N=e=>M(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}),P=(0,t.useMemo)(()=>x(A,j),[A,j]),F=(0,r.useSafeFieldLabel)(),I=(E?.provider===`object`?E.object:void 0)??e.objectName,L=e=>{let t=w?.fields?.[e]?.label||e.replace(/_/g,` `).replace(/\b\w/g,e=>e.toUpperCase());return I?F.fieldLabel(I,e,t):t},R=(0,r.useNavigationOverlay)({navigation:e.navigation,objectName:e.objectName,onRowClick:l});return v?(0,o.jsx)(`div`,{className:(0,i.cn)(`flex items-center justify-center h-40 text-destructive`,c),children:(0,o.jsxs)(`p`,{children:[`Failed to load tree: `,v.message]})}):p?(0,o.jsx)(`div`,{className:(0,i.cn)(`flex items-center justify-center h-40 text-muted-foreground`,c),children:(0,o.jsx)(`p`,{children:`Loading…`})}):d.length===0?(0,o.jsx)(`div`,{className:(0,i.cn)(`flex items-center justify-center h-40 text-muted-foreground`,c),children:(0,o.jsx)(`p`,{children:`No records`})}):(0,o.jsxs)(`div`,{className:(0,i.cn)(`w-full overflow-auto`,c),"data-testid":`object-tree`,children:[(0,o.jsxs)(`table`,{className:`w-full border-collapse text-sm`,children:[(0,o.jsx)(`thead`,{children:(0,o.jsxs)(`tr`,{className:`border-b text-left text-muted-foreground`,children:[(0,o.jsx)(`th`,{className:`px-3 py-2 font-medium`,children:L(O.labelField)}),O.fields.filter(e=>e!==O.labelField).map(e=>(0,o.jsx)(`th`,{className:`px-3 py-2 font-medium`,children:L(e)},e))]})}),(0,o.jsx)(`tbody`,{children:P.map(e=>{let t=e.children.length>0,n=j.has(e.id);return(0,o.jsxs)(`tr`,{className:`border-b hover:bg-accent/50 cursor-pointer`,"data-testid":`object-tree-row`,"data-depth":e.depth,onClick:t=>R.handleClick(e.record,t),children:[(0,o.jsx)(`td`,{className:`px-3 py-2`,children:(0,o.jsxs)(`div`,{className:`flex items-center gap-1`,style:{paddingLeft:`${e.depth*20}px`},children:[t?(0,o.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(),N(e.id)},children:n?(0,o.jsx)(a.ChevronDown,{className:`h-4 w-4`}):(0,o.jsx)(a.ChevronRight,{className:`h-4 w-4`})}):(0,o.jsx)(`span`,{className:`inline-block h-5 w-5`}),(0,o.jsx)(`span`,{className:`truncate`,children:C(e.record[O.labelField])||`—`})]})}),O.fields.filter(e=>e!==O.labelField).map(t=>(0,o.jsx)(`td`,{className:`px-3 py-2 text-muted-foreground`,children:C(e.record[t])},t))]},e.id)})})]}),R.isOverlay&&(0,o.jsx)(i.NavigationOverlay,{...R,title:`Record Details`,children:e=>(0,o.jsx)(`div`,{className:`space-y-3`,children:Object.entries(e).map(([e,t])=>(0,o.jsxs)(`div`,{className:`flex flex-col`,children:[(0,o.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground uppercase tracking-wide`,children:e.replace(/_/g,` `)}),(0,o.jsx)(`span`,{className:`text-sm`,children:C(t)||`—`})]},e))})})]})},T=({schema:e,...t})=>{let{dataSource:n}=(0,r.useSchemaContext)()||{};return(0,o.jsx)(w,{schema:e,dataSource:n,...t})},E=[{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`,T,{namespace:`plugin-tree`,label:`Object Tree`,category:`view`,inputs:E}),n.ComponentRegistry.register(`tree`,T,{namespace:`view`,label:`Tree View`,category:`view`,inputs:E}),e.ObjectTree=w,e.ObjectTreeRenderer=T});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/plugin-tree",
-  "version": "13.2.0",
+  "version": "14.1.0",
   "type": "module",
   "license": "MIT",
   "description": "Tree / tree-grid visualization plugin for Object UI",
@@ -24,12 +24,12 @@
     }
   },
   "dependencies": {
-    "@objectstack/spec": "^14.3.0",
-    "lucide-react": "^1.22.0",
-    "@object-ui/components": "13.2.0",
-    "@object-ui/core": "13.2.0",
-    "@object-ui/react": "13.2.0",
-    "@object-ui/types": "13.2.0"
+    "@objectstack/spec": "^14.6.0",
+    "lucide-react": "^1.24.0",
+    "@object-ui/components": "14.1.0",
+    "@object-ui/core": "14.1.0",
+    "@object-ui/react": "14.1.0",
+    "@object-ui/types": "14.1.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -40,7 +40,7 @@
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "^6.0.3",
     "typescript": "^6.0.3",
-    "vite": "^8.1.3",
+    "vite": "^8.1.4",
     "vite-plugin-dts": "^5.0.3"
   },
   "keywords": [