@declarion/react 0.88.0 → 0.90.0

package/dist-lib/components/pages/SmartDetailPage.impl.js

@@ -21,14 +21,14 @@ import { useTabNavigate as v } from "../../hooks/useTabNavigate.js";
 import { usePageStateStore as me } from "../../stores/page-state.js";
 import { applyRowState as he, resolveActionLayoutForSlot as y } from "../../lib/actions.js";
 import { useScreenIsLive as ge } from "../../stores/realtime.js";
-import { useActionRunner as b } from "../actions/ActionRunner.js";
-import { canonicalUrl as _e } from "../../lib/canonical-url.js";
-import { useRegisterRetainedQuery as ve } from "../../hooks/usePageStateRuntime.js";
-import { useBrandingChrome as x } from "../../hooks/useBrandingChrome.js";
-import { objectQueryKey as ye, useObject as S } from "../../hooks/useObject.js";
-import { discardFile as be } from "../file-widgets/upload.js";
-import { FileDraftScope as C, useFileDraftScope as xe } from "../file-widgets/draft-scope.js";
-import { getEntityFileField as w, getSchemaFieldValue as Se, serializeSchemaFieldValue as T } from "../file-widgets/host.js";
+import { useActionRunner as _e } from "../actions/ActionRunner.js";
+import { canonicalUrl as ve } from "../../lib/canonical-url.js";
+import { useRegisterRetainedQuery as ye } from "../../hooks/usePageStateRuntime.js";
+import { useBrandingChrome as b } from "../../hooks/useBrandingChrome.js";
+import { objectQueryKey as be, useObject as x } from "../../hooks/useObject.js";
+import { discardFile as xe } from "../file-widgets/upload.js";
+import { FileDraftScope as S, useFileDraftScope as Se } from "../file-widgets/draft-scope.js";
+import { getEntityFileField as C, getSchemaFieldValue as w, serializeSchemaFieldValue as T } from "../file-widgets/host.js";
 import { buildFilesPayload as Ce, collectCommittedFileIds as we } from "../file-widgets/payload.js";
 import { useCreateObject as Te, useRestoreEntity as Ee, useUpdateObject as De } from "../../hooks/useMutations.js";
 import { useScreenBack as Oe } from "../../hooks/useScreenBack.js";
@@ -78,7 +78,7 @@ function at({ entity: e, formData: t, record: n, isNew: r, pendingStatuses: i, p
 	}
 	else for (let [r, i] of Object.entries(t)) {
 		if (e.files?.has(r)) continue;
-		let t = n ? Se(e, n, r) : void 0, a = T(e, r, i), o = T(e, r, t);
+		let t = n ? w(e, n, r) : void 0, a = T(e, r, i), o = T(e, r, t);
 		(a === "" ? null : a) !== (o === "" || o === void 0 ? null : o) && (c[r] = a);
 	}
 	if (Object.keys(l).length > 0 && (c.$files = l), Object.keys(i).length > 0 && (c.$statuses = Object.entries(i).map(([e, t]) => ({
@@ -111,20 +111,20 @@ function ot(e, n) {
 	return n.id == null ? crypto.randomUUID() : t(n.id);
 }
 function st({ screenCode: e }) {
-	return /* @__PURE__ */ F(C, { children: /* @__PURE__ */ F(ct, { screenCode: e }) });
+	return /* @__PURE__ */ F(S, { children: /* @__PURE__ */ F(ct, { screenCode: e }) });
 }
 function ct({ screenCode: t }) {
-	let p = _(), ae = _("errors"), { id: oe } = tt(), g = pe(), [le, ue] = nt(), { data: v } = ie(), he = re((e) => e.user), y = xe(), b = ce(), x = v?.screens[t], C = x?.entity ? v?.entities[x.entity] : void 0, T = x?.entity, E = a(C, "create"), je = Me(C), Pe = (() => {
-		if (!C || !C.singleton || !C.prefilter) return;
-		let e = l(C);
+	let p = _(), ae = _("errors"), { id: oe } = tt(), g = pe(), [le, ue] = nt(), { data: v } = ie(), he = re((e) => e.user), y = Se(), _e = ce(), b = v?.screens[t], S = b?.entity ? v?.entities[b.entity] : void 0, T = b?.entity, E = a(S, "create"), je = Me(S), Pe = (() => {
+		if (!S || !S.singleton || !S.prefilter) return;
+		let e = l(S);
 		if (e.length !== 1) return;
-		let t = C.prefilter[e[0]];
+		let t = S.prefilter[e[0]];
 		if (t === "$caller.user_id") return he?.id;
 		if (t === "$caller.tenant_id") return he?.tenant?.id;
 	})(), D = Pe !== void 0, O = D ? Pe : oe, k = !D && O === "new", L = M(() => {
 		if (!O || k) return;
-		if (!C) return O;
-		let e = l(C);
+		if (!S) return O;
+		let e = l(S);
 		if (e.length === 1) return { [e[0]]: O };
 		let t = d(O, e.length);
 		if (!t) return;
@@ -134,17 +134,17 @@ function ct({ screenCode: t }) {
 	}, [
 		O,
 		k,
-		C
+		S
 	]), st = M(() => {
 		if (L) return typeof L == "string" ? L : f(L);
-	}, [L]), ct = S(T, L, it), { data: ut, isLoading: dt, error: pt } = ct;
+	}, [L]), ct = x(T, L, it), { data: ut, isLoading: dt, error: pt } = ct;
 	ne(!dt);
-	let gt = ge(C?.realtime, T ?? ""), _t = T ? gt : !1;
-	ve(ye(T, L, it), !k);
-	let vt = Te(T ?? ""), yt = De(T ?? ""), bt = Ee(T ?? ""), xt = Object.keys(C?.status_groups ?? {}).length > 0, R = ut?.data, z = m(C, "update", R, je.tenantId), St = !!R && a(C, "update") && !ee(C, R, je.tenantId), Ct = m(C, "restore", R, je.tenantId), wt = R?.$statuses, Tt = R?.$properties, Et = le.get("edit") === "true", [Dt, Ot] = P(k || Et), [B, kt] = P({}), [V, At] = P({}), [H, jt] = P({}), [U, W] = P(void 0), [Mt, Nt] = P(!1), [Pt, G] = P(void 0), [Ft, It] = P(!1), Lt = k ? E : z, K = Dt && Lt, Rt = te();
+	let gt = ge(S?.realtime, T ?? ""), _t = T ? gt : !1;
+	ye(be(T, L, it), !k);
+	let vt = Te(T ?? ""), yt = De(T ?? ""), bt = Ee(T ?? ""), xt = Object.keys(S?.status_groups ?? {}).length > 0, R = ut?.data, z = m(S, "update", R, je.tenantId), St = !!R && a(S, "update") && !ee(S, R, je.tenantId), Ct = m(S, "restore", R, je.tenantId), wt = R?.$statuses, Tt = R?.$properties, Et = le.get("edit") === "true", [Dt, Ot] = P(k || Et), [B, kt] = P({}), [V, At] = P({}), [H, jt] = P({}), [U, W] = P(void 0), [Mt, Nt] = P(!1), [Pt, G] = P(void 0), [Ft, It] = P(!1), Lt = k ? E : z, K = Dt && Lt, Rt = te();
 	fe(K && !k, Rt.enabled);
 	let [zt, Bt] = P(() => {
-		let e = parseInt(x?.sidebar_width || "380", 10);
+		let e = parseInt(b?.sidebar_width || "380", 10);
 		return isNaN(e) ? 380 : e;
 	}), Vt = N(null), q = N(null), Ht = A((e) => {
 		e.preventDefault();
@@ -163,7 +163,7 @@ function ct({ screenCode: t }) {
 			q.current && t && Bt(parseInt(t.style.width, 10) || q.current.startW), q.current = null, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
 		};
 		document.addEventListener("mousemove", r), document.addEventListener("mouseup", i);
-	}, []), J = ut?.data, Y = Ne(C, x, J ?? {});
+	}, []), J = ut?.data, Y = Ne(S, b, J ?? {});
 	j(() => {
 		let e = parseInt(Y?.sidebar_width || "380", 10);
 		Bt(Number.isNaN(e) ? 380 : e);
@@ -174,18 +174,18 @@ function ct({ screenCode: t }) {
 		let e = Wt.current;
 		Wt.current = X, e && e !== X && Dt && Nt(!0);
 	}, [Dt, X]);
-	let Gt = !!C?.soft_delete && J != null && J[C.soft_delete] != null, Z = et(), Kt = N(null);
+	let Gt = !!S?.soft_delete && J != null && J[S.soft_delete] != null, Z = et(), Kt = N(null);
 	ke({ scrollElementRef: Kt });
-	let qt = !k && pt instanceof e && pt.status === 404, Jt = k && !i(C), Yt = N(null);
+	let qt = !k && pt instanceof e && pt.status === 404, Jt = k && !i(S), Yt = N(null);
 	j(() => {
 		if (!qt) return;
-		let e = _e(Z);
+		let e = ve(Z);
 		Yt.current !== e && (Yt.current = e, me.getState().kill(e));
 	}, [qt, Z]);
 	let { openTab: Xt, updateTabTitle: Zt, findTabByPathname: Qt } = de();
 	j(() => {
-		if (!C || D || Rt.enabled) return;
-		let e = Z.pathname, t = p(Y?.display?.name) || p(C.display.name), n = Y?.display?.icon || C.display.icon;
+		if (!S || D || Rt.enabled) return;
+		let e = Z.pathname, t = p(Y?.display?.name) || p(S.display.name), n = Y?.display?.icon || S.display.icon;
 		Xt({
 			pathname: e,
 			search: "",
@@ -198,39 +198,39 @@ function ct({ screenCode: t }) {
 		Z.pathname,
 		p,
 		Y?.display?.icon,
-		C?.display.icon,
+		S?.display.icon,
 		k,
 		D,
 		Rt.enabled
 	]), j(() => {
-		if (!J || !C || D || Rt.enabled) return;
+		if (!J || !S || D || Rt.enabled) return;
 		let e = Qt(Z.pathname);
 		if (e) {
-			let t = p(Y?.display?.name) || p(C.display.name), n = c(p, J, C), r = n && !String(n).startsWith("/") ? String(n) : t;
+			let t = p(Y?.display?.name) || p(S.display.name), n = c(p, J, S), r = n && !String(n).startsWith("/") ? String(n) : t;
 			Zt(e.id, r, r === t);
 		}
 	}, [
 		J,
 		p,
-		C?.display.display_field,
+		S?.display.display_field,
 		Z.pathname,
 		D,
 		Rt.enabled
 	]);
 	let $t = M(() => {
-		if (!C || !Lt) return /* @__PURE__ */ new Set();
+		if (!S || !Lt) return /* @__PURE__ */ new Set();
 		let e = /* @__PURE__ */ new Set();
-		for (let [t, n] of C.fields) u(n) && e.add(t);
-		for (let [t] of C.files ?? []) e.add(t);
+		for (let [t, n] of S.fields) u(n) && e.add(t);
+		for (let [t] of S.files ?? []) e.add(t);
 		return e;
-	}, [C, Lt]);
+	}, [S, Lt]), en = N(null);
 	j(() => {
-		if (Et && J && C && z) {
-			if (Dt || Ot(!0), Object.keys(B).length === 0) {
+		if (Et && J && S && z && en.current !== Z.key) {
+			if (en.current = Z.key, Dt || Ot(!0), Object.keys(B).length === 0) {
 				let e = O ? Ze(O) : null;
 				if (e) {
 					let t = Ce({
-						entity: C,
+						entity: S,
 						formData: e,
 						record: void 0,
 						isNew: !0
@@ -238,7 +238,7 @@ function ct({ screenCode: t }) {
 					we(t).forEach((e) => {
 						y.registerDraft({
 							fileId: e,
-							discard: () => be(e)
+							discard: () => xe(e)
 						});
 					});
 				}
@@ -249,11 +249,11 @@ function ct({ screenCode: t }) {
 						t[n] = r;
 						return;
 					}
-					let i = Se(C, J, n);
-					t[n] = w(C, n) ? i ?? null : i ?? "";
+					let i = w(S, J, n);
+					t[n] = C(S, n) ? i ?? null : i ?? "";
 				}), kt(t);
 			}
-			if (C.children !== void 0 && C.children.length > 0 && U === void 0) {
+			if (S.children !== void 0 && S.children.length > 0 && U === void 0) {
 				let e = J.$children;
 				if (e && Object.keys(e).length > 0) {
 					let t = {};
@@ -277,17 +277,18 @@ function ct({ screenCode: t }) {
 		J,
 		$t,
 		z,
-		C,
+		S,
 		U,
-		v
+		v,
+		Z.key
 	]), j(() => {
-		k && E && C?.children && C.children.length !== 0 && U === void 0 && (W({}), G({}));
+		k && E && S?.children && S.children.length !== 0 && U === void 0 && (W({}), G({}));
 	}, [
 		k,
 		E,
-		C?.children
+		S?.children
 	]);
-	let en = A(async () => {
+	let tn = A(async () => {
 		if (await y.flushAllDrafts(), k) {
 			let e = Y?.route?.replace("/:id", "") ?? "/";
 			g(e);
@@ -297,7 +298,7 @@ function ct({ screenCode: t }) {
 		k,
 		Y,
 		g
-	]), tn = A((e, t) => {
+	]), nn = A((e, t) => {
 		kt((n) => ({
 			...n,
 			[e]: t
@@ -306,33 +307,33 @@ function ct({ screenCode: t }) {
 		if (!Y?.route) return "/";
 		let e = Y.route.split("/");
 		return e.pop(), e.join("/") || "/";
-	}, [Y]), nn = M(() => !v?.screens || !Q || Q === "/" ? !1 : Object.values(v.screens).some((e) => e.route === Q), [v, Q]), rn = A(() => {
-		if (!nn) {
+	}, [Y]), rn = M(() => !v?.screens || !Q || Q === "/" ? !1 : Object.values(v.screens).some((e) => e.route === Q), [v, Q]), an = A(() => {
+		if (!rn) {
 			g("/");
 			return;
 		}
 		let e = Qt(Q)?.search ?? "";
 		g(e ? `${Q}?${e}` : Q);
 	}, [
-		nn,
+		rn,
 		Q,
 		Qt,
 		g
-	]), an = Oe({ fallback: rn }), on = !D && (an.hasOriginBack || an.allowFallbackBack && !!nn), sn = M(() => {
-		if (!C) return {};
+	]), on = Oe({ fallback: an }), sn = !D && (on.hasOriginBack || on.allowFallbackBack && !!rn), cn = M(() => {
+		if (!S) return {};
 		let e = {};
-		for (let t of Ye(C, B, k)) $t.has(t) && (e[t] = p("record.field.required", "Required"));
-		for (let t of Je(C, B)) $t.has(t) && (e[t] = ae("record.email_invalid", "This is not a valid email address."));
+		for (let t of Ye(S, B, k)) $t.has(t) && (e[t] = p("record.field.required", "Required"));
+		for (let t of Je(S, B)) $t.has(t) && (e[t] = ae("record.email_invalid", "This is not a valid email address."));
 		return e;
 	}, [
 		p,
 		ae,
-		C,
+		S,
 		B,
 		k,
 		$t
-	]), cn = Object.keys(sn).length > 0, ln = M(() => C ? at({
-		entity: C,
+	]), ln = Object.keys(cn).length > 0, un = M(() => S ? at({
+		entity: S,
 		formData: B,
 		record: J,
 		isNew: k,
@@ -344,7 +345,7 @@ function ct({ screenCode: t }) {
 		payload: {},
 		committedFileIds: []
 	}, [
-		C,
+		S,
 		B,
 		J,
 		k,
@@ -352,12 +353,12 @@ function ct({ screenCode: t }) {
 		H,
 		U,
 		Pt
-	]), un = Object.keys(ln.payload).length > 0, dn = K && (k || un);
-	Fe(dn);
-	let fn = A(() => {
-		if (!T || !C || k && !E || !k && !z || (It(!0), cn)) return;
-		let t = { ...ln.payload }, { committedFileIds: n } = ln;
-		if (!k && !un) {
+	]), dn = Object.keys(un.payload).length > 0, fn = K && (k || dn);
+	Fe(fn);
+	let pn = A(() => {
+		if (!T || !S || k && !E || !k && !z || (It(!0), ln)) return;
+		let t = { ...un.payload }, { committedFileIds: n } = un;
+		if (!k && !dn) {
 			Ot(!1), At({}), jt({}), W(void 0), G(void 0), It(!1);
 			return;
 		}
@@ -367,7 +368,7 @@ function ct({ screenCode: t }) {
 		};
 		k ? vt.mutate(t, { onSuccess: (e) => {
 			n.forEach((e) => y.markCommitted(e));
-			let t = e.data, i = C ? o(C, t) : {}, a = f(i);
+			let t = e.data, i = S ? o(S, t) : {}, a = f(i);
 			g(a ? `${Q}/${encodeURIComponent(a)}` : Q, { replace: !0 }), r();
 		} }) : L && yt.mutate({
 			pkValues: L,
@@ -386,30 +387,30 @@ function ct({ screenCode: t }) {
 		E,
 		z,
 		T,
-		cn,
 		ln,
 		un,
+		dn,
 		vt,
 		yt,
-		C,
+		S,
 		g,
 		Q,
 		X,
 		L
-	]), pn = A((e, t) => {
+	]), mn = A((e, t) => {
 		W((n) => ({
 			...n ?? {},
 			[e]: t
 		}));
-	}, []), mn = A(() => {
+	}, []), hn = A(() => {
 		L && !k && Ct && bt.mutate(L);
 	}, [
 		L,
 		k,
 		Ct,
 		bt
-	]), hn = M(() => Xe(U, v), [U, v]), gn = Object.keys(hn).length > 0;
-	if (!Y || !C) return null;
+	]), gn = M(() => Xe(U, v), [U, v]), _n = Object.keys(gn).length > 0;
+	if (!Y || !S) return null;
 	if (!k && dt) return /* @__PURE__ */ F(Ae, {});
 	if (Jt) return /* @__PURE__ */ I("div", {
 		style: { padding: 24 },
@@ -420,9 +421,9 @@ function ct({ screenCode: t }) {
 				gap: 8,
 				marginBottom: 8
 			},
-			children: [on && /* @__PURE__ */ F(se, {
+			children: [sn && /* @__PURE__ */ F(se, {
 				icon: /* @__PURE__ */ F(h.back, { size: 14 }),
-				onClick: an.goBack,
+				onClick: on.goBack,
 				title: p("record.back", "Back")
 			}), /* @__PURE__ */ F("h1", {
 				style: {
@@ -447,9 +448,9 @@ function ct({ screenCode: t }) {
 				gap: 8,
 				marginBottom: 8
 			},
-			children: [on && /* @__PURE__ */ F(se, {
+			children: [sn && /* @__PURE__ */ F(se, {
 				icon: /* @__PURE__ */ F(h.back, { size: 14 }),
-				onClick: an.goBack,
+				onClick: on.goBack,
 				title: p("record.back", "Back")
 			}), /* @__PURE__ */ F("h1", {
 				style: {
@@ -465,12 +466,12 @@ function ct({ screenCode: t }) {
 			children: ae("entity.not_found", "This record does not exist.")
 		})]
 	});
-	let _n = C.display, vn = p(Y.display?.name) || p(_n.name), yn = c(p, J, C), bn = k ? p("record.new_title", "New {name}", { name: vn }) : yn ? String(yn) : vn, xn = vt.isPending || yt.isPending, Sn = Y.responsive?.[b.category]?.layout, Cn = Sn?.tabs ?? (b.isPhone ? "sections" : void 0), wn = Sn?.header_card === !0 ? Qe({
-		entity: C,
+	let vn = S.display, yn = p(Y.display?.name) || p(vn.name), bn = c(p, J, S), xn = k ? p("record.new_title", "New {name}", { name: yn }) : bn ? String(bn) : yn, Sn = vt.isPending || yt.isPending, Cn = Y.responsive?.[_e.category]?.layout, wn = Cn?.tabs ?? (_e.isPhone ? "sections" : void 0), Tn = Cn?.header_card === !0 ? Qe({
+		entity: S,
 		screen: Y
 	}) : void 0, $ = {
 		schema: v,
-		entity: C,
+		entity: S,
 		entityCode: T,
 		recordId: st ?? O ?? "",
 		record: K ? {
@@ -479,9 +480,9 @@ function ct({ screenCode: t }) {
 		} : J ?? {},
 		isNew: k,
 		mode: K ? "edit" : "display",
-		onFieldChange: K ? tn : void 0,
+		onFieldChange: K ? nn : void 0,
 		refs: Ut,
-		headerFields: !k && J ? We(Y, C) : void 0,
+		headerFields: !k && J ? We(Y, S) : void 0,
 		objectProperties: (() => {
 			let e = Tt ?? [];
 			if (!K || Object.keys(H).length === 0) return e.length > 0 ? e : void 0;
@@ -523,67 +524,67 @@ function ct({ screenCode: t }) {
 		})) : void 0,
 		isStatusPending: !1,
 		pendingChildren: K ? U : void 0,
-		onChildrenChange: K ? pn : void 0,
-		childValidationErrors: K ? hn : void 0,
-		fieldErrors: K && Ft ? sn : void 0,
-		detailTabsPresentation: Cn,
-		relatedRecordsPresentation: Sn?.related_records
-	}, Tn = !!Y.sidebar && (k ? Y.sidebar.some((e) => ze(e, C, v?.entities ?? {})) : Y.sidebar.length > 0), En = Sn?.sidebar === "hidden", Dn = Tn && !En && !b.isDesktop, On = Tn && !En && b.isDesktop, kn = !k && J ? /* @__PURE__ */ F(Ue, {
+		onChildrenChange: K ? mn : void 0,
+		childValidationErrors: K ? gn : void 0,
+		fieldErrors: K && Ft ? cn : void 0,
+		detailTabsPresentation: wn,
+		relatedRecordsPresentation: Cn?.related_records
+	}, En = !!Y.sidebar && (k ? Y.sidebar.some((e) => ze(e, S, v?.entities ?? {})) : Y.sidebar.length > 0), Dn = Cn?.sidebar === "hidden", On = En && !Dn && !_e.isDesktop, kn = En && !Dn && _e.isDesktop, An = !k && J ? /* @__PURE__ */ F(Ue, {
 		screen: Y,
-		entity: C,
+		entity: S,
 		entityCode: T,
 		record: J,
 		refs: Ut,
 		objectStatuses: wt,
 		schema: v
-	}) : void 0, An = /* @__PURE__ */ F(ft, {
-		title: bn,
+	}) : void 0, jn = /* @__PURE__ */ F(ft, {
+		title: xn,
 		editing: K,
 		isNew: k,
 		isRecordDeleted: Gt,
-		dirty: dn,
-		isSaving: xn,
-		hasChildErrors: gn,
-		hasFieldErrors: Ft && cn,
+		dirty: fn,
+		isSaving: Sn,
+		hasChildErrors: _n,
+		hasFieldErrors: Ft && ln,
 		canRestore: Ct,
-		entity: C,
+		entity: S,
 		screen: Y,
 		globalActions: v?.actions,
 		entityCode: T,
 		record: J,
 		id: O,
 		listRoute: Q,
-		listRouteExists: !!nn,
-		highlights: kn,
-		showBack: on,
-		onBack: an.goBack,
-		onCancelEdit: en,
-		onSave: fn,
-		onRestore: mn,
+		listRouteExists: !!rn,
+		highlights: An,
+		showBack: sn,
+		onBack: on.goBack,
+		onCancelEdit: tn,
+		onSave: pn,
+		onRestore: hn,
 		isRestoring: bt.isPending,
 		refreshControl: {
 			refetch: ct.refetch,
 			isLoading: ct.isLoading,
 			isLive: _t
 		},
-		isRealtimeEntity: C?.realtime === !0,
+		isRealtimeEntity: S?.realtime === !0,
 		canManageTemplates: Le(v)
-	}), jn = Gt && /* @__PURE__ */ F(mt, {
+	}), Mn = Gt && /* @__PURE__ */ F(mt, {
 		tone: "danger",
-		children: p("record.deleted_banner", "This record was deleted on {date}", { date: n(String(J[C.soft_delete]), {
+		children: p("record.deleted_banner", "This record was deleted on {date}", { date: n(String(J[S.soft_delete]), {
 			zone: p.timeZone,
-			declared: !!(C.fields.get(C.soft_delete)?.timezone || C.default_timezone)
+			declared: !!(S.fields.get(S.soft_delete)?.timezone || S.default_timezone)
 		}) })
-	}), Mn = Mt && /* @__PURE__ */ F(mt, {
+	}), Nn = Mt && /* @__PURE__ */ F(mt, {
 		tone: "warn",
 		children: p("record.changed_on_server", "This record changed on the server while you were viewing or editing it.")
-	}), Nn = St && J ? ht(p, C, J, Ut) : void 0, Pn = St && /* @__PURE__ */ F(mt, {
+	}), Pn = St && J ? ht(p, S, J, Ut) : void 0, Fn = St && /* @__PURE__ */ F(mt, {
 		tone: "info",
 		testId: "record-other-tenant-banner",
-		children: Nn ? p("record.other_tenant_banner_named", "This record is set in the tenant {tenant}. Change it from that tenant.", { tenant: Nn }) : p("record.other_tenant_banner", "This record is set in another tenant. Change it from that tenant.")
-	}), Fn = K && Ft && cn && /* @__PURE__ */ F(He, {
-		errors: Object.entries(sn).map(([e, t]) => {
-			let n = C.fields.get(e);
+		children: Pn ? p("record.other_tenant_banner_named", "This record is set in the tenant {tenant}. Change it from that tenant.", { tenant: Pn }) : p("record.other_tenant_banner", "This record is set in another tenant. Change it from that tenant.")
+	}), In = K && Ft && ln && /* @__PURE__ */ F(He, {
+		errors: Object.entries(cn).map(([e, t]) => {
+			let n = S.fields.get(e);
 			return {
 				name: e,
 				label: n ? s(p, n, e, v?.entities) : e,
@@ -597,10 +598,10 @@ function ct({ screenCode: t }) {
 				behavior: "smooth"
 			}), t.focus?.());
 		}
-	}), In = xt && !k && !(Y.items && Y.items.length > 0) && /* @__PURE__ */ F("div", {
+	}), Ln = xt && !k && !(Y.items && Y.items.length > 0) && /* @__PURE__ */ F("div", {
 		className: "mb-4",
 		children: /* @__PURE__ */ F(Be, {
-			statusGroups: C.status_groups ?? {},
+			statusGroups: S.status_groups ?? {},
 			objectStatuses: $.objectStatuses,
 			onSetStatus: z && K ? (e, t) => At((n) => ({
 				...n,
@@ -609,13 +610,13 @@ function ct({ screenCode: t }) {
 			isPending: !1,
 			mode: K ? "edit" : "display"
 		})
-	}), Ln = C.evidence_covered && !k && J && /* @__PURE__ */ F("div", {
+	}), Rn = S.evidence_covered && !k && J && /* @__PURE__ */ F("div", {
 		className: "mb-4",
 		children: /* @__PURE__ */ F(Ke, { evidence: J.$evidence })
-	}), Rn = /* @__PURE__ */ I($e, { children: [
-		wn && (J || k) && /* @__PURE__ */ F(lt, {
-			card: wn,
-			entity: C,
+	}), zn = /* @__PURE__ */ I($e, { children: [
+		Tn && (J || k) && /* @__PURE__ */ F(lt, {
+			card: Tn,
+			entity: S,
 			record: $.record,
 			objectStatuses: $.objectStatuses,
 			objectProperties: $.objectProperties
@@ -624,37 +625,37 @@ function ct({ screenCode: t }) {
 			nodes: Y.items,
 			ctx: $
 		}),
-		!k && O && T && C.associations && Object.keys(C.associations).length > 0 && v && /* @__PURE__ */ F(Ie, {
+		!k && O && T && S.associations && Object.keys(S.associations).length > 0 && v && /* @__PURE__ */ F(Ie, {
 			entityCode: T,
 			recordId: st ?? O ?? "",
-			associations: C.associations,
+			associations: S.associations,
 			schema: v
 		}),
 		!k && O && T && /* @__PURE__ */ F(Re, {
-			entity: C,
+			entity: S,
 			entityCode: T,
 			objectId: st ?? O,
 			schema: v
 		}),
 		!k && J && v && /* @__PURE__ */ F(Ge, {
 			screen: Y,
-			entity: C,
+			entity: S,
 			entityCode: T,
 			record: J,
 			recordId: st ?? O,
 			refs: Ut,
 			schema: v
 		})
-	] }), zn = /* @__PURE__ */ I($e, { children: [
-		An,
-		Mn,
+	] }), Bn = /* @__PURE__ */ I($e, { children: [
 		jn,
-		Pn,
+		Nn,
+		Mn,
 		Fn,
 		In,
-		Ln
+		Ln,
+		Rn
 	] });
-	return On ? /* @__PURE__ */ I("div", {
+	return kn ? /* @__PURE__ */ I("div", {
 		style: {
 			height: "100%",
 			display: "flex",
@@ -670,8 +671,8 @@ function ct({ screenCode: t }) {
 				},
 				children: /* @__PURE__ */ F(qe, {
 					scrollRef: Kt,
-					header: zn,
-					children: Rn
+					header: Bn,
+					children: zn
 				})
 			}),
 			/* @__PURE__ */ F("div", {
@@ -703,8 +704,8 @@ function ct({ screenCode: t }) {
 		]
 	}) : /* @__PURE__ */ I(qe, {
 		scrollRef: Kt,
-		header: zn,
-		children: [Rn, Dn && (J || k) && v && /* @__PURE__ */ F("div", {
+		header: Bn,
+		children: [zn, On && (J || k) && v && /* @__PURE__ */ F("div", {
 			"data-testid": "detail-sidebar-inline",
 			style: {
 				display: "flex",
@@ -845,7 +846,7 @@ function ut(e, t, n, r, i, a) {
 		let e = n.slice(10);
 		return a?.find((t) => t.property_code === e)?.value;
 	}
-	return Se(t, r, n);
+	return w(t, r, n);
 }
 function dt(e, t, n) {
 	if (n.startsWith("$status.")) return n.slice(8);
@@ -853,8 +854,8 @@ function dt(e, t, n) {
 	let r = t.fields.get(n);
 	return r ? s(e, r, n) : n;
 }
-function ft({ title: e, editing: t, isNew: n, isRecordDeleted: r, dirty: i, isSaving: a, hasChildErrors: o, hasFieldErrors: s, canRestore: c, entity: l, screen: u, globalActions: d, entityCode: f, record: p, id: m, listRoute: ee, listRouteExists: te, highlights: ne, showBack: re, onBack: ie, onCancelEdit: se, onSave: ce, onRestore: de, isRestoring: fe, refreshControl: ge, isRealtimeEntity: ve, canManageTemplates: ye }) {
-	let S = _(), be = _("errors"), C = Me(l), { run: xe } = b(), w = x("detail"), Se = v(), T = pe(), Ce = y(u?.action_layout, l?.action_layout, l?.actions, d, "detail_toolbar"), we = y(u?.action_layout, l?.action_layout, l?.actions, d, "detail"), Te = he(S, we, l?.actions, d, p ?? {}, [], C, Pe(l, p ?? {})), Ee = he(S, Ce, l?.actions, d, p ?? {}, [], C, Pe(l, p ?? {})), De = M(() => {
+function ft({ title: e, editing: t, isNew: n, isRecordDeleted: r, dirty: i, isSaving: a, hasChildErrors: o, hasFieldErrors: s, canRestore: c, entity: l, screen: u, globalActions: d, entityCode: f, record: p, id: m, listRoute: ee, listRouteExists: te, highlights: ne, showBack: re, onBack: ie, onCancelEdit: se, onSave: ce, onRestore: de, isRestoring: fe, refreshControl: ge, isRealtimeEntity: ye, canManageTemplates: be }) {
+	let x = _(), xe = _("errors"), S = Me(l), { run: Se } = _e(), C = b("detail"), w = v(), T = pe(), Ce = y(u?.action_layout, l?.action_layout, l?.actions, d, "detail_toolbar"), we = y(u?.action_layout, l?.action_layout, l?.actions, d, "detail"), Te = he(x, we, l?.actions, d, p ?? {}, [], S, Pe(l, p ?? {})), Ee = he(x, Ce, l?.actions, d, p ?? {}, [], S, Pe(l, p ?? {})), De = M(() => {
 		if (!l) return;
 		let e = m ? [m] : [];
 		return {
@@ -864,8 +865,8 @@ function ft({ title: e, editing: t, isNew: n, isRecordDeleted: r, dirty: i, isSa
 			screenRoute: u?.route ?? "",
 			selectedRows: p ? [p] : [],
 			selectedIds: e,
-			t: S,
-			tabNavigate: (e, t) => Se(e, {
+			t: x,
+			tabNavigate: (e, t) => w(e, {
 				title: t?.title,
 				icon: t?.icon,
 				search: t?.search
@@ -879,22 +880,22 @@ function ft({ title: e, editing: t, isNew: n, isRecordDeleted: r, dirty: i, isSa
 		u,
 		m,
 		p,
-		S,
-		Se
+		x,
+		w
 	]), Oe = (e, t) => {
-		let n = E(be, e, t, { row: p ?? void 0 });
+		let n = E(xe, e, t, { row: p ?? void 0 });
 		if (n === null) return;
 		let r = m ? [m] : [], i = e === "__delete" && te ? ee : null;
-		return xe({
+		return Se({
 			action: t,
-			title: S(t.display?.name) || e,
+			title: x(t.display?.name) || e,
 			row: p ?? void 0,
 			execute: (e) => oe(n, ae(e, r)),
 			onSuccess: i ? () => {
-				me.getState().kill(_e(location)), T(i, { replace: !0 });
+				me.getState().kill(ve(location)), T(i, { replace: !0 });
 			} : void 0
 		});
-	}, ke = w.isVisible("show_actions") && !n && m && Te.length > 0 ? /* @__PURE__ */ F(je, {
+	}, ke = C.isVisible("show_actions") && !n && m && Te.length > 0 ? /* @__PURE__ */ F(je, {
 		layout: Te,
 		row: p,
 		onRun: Oe,
@@ -905,8 +906,8 @@ function ft({ title: e, editing: t, isNew: n, isRecordDeleted: r, dirty: i, isSa
 		widgetContext: De
 	}) : null, Ae = !n && m ? /* @__PURE__ */ F(D, {
 		liveObject: ge,
-		realtime: ve
-	}) : null, Ne = w.isVisible("show_actions") && !n && m && Ee.length > 0 ? /* @__PURE__ */ I("div", {
+		realtime: ye
+	}) : null, Ne = C.isVisible("show_actions") && !n && m && Ee.length > 0 ? /* @__PURE__ */ I("div", {
 		style: {
 			display: "flex",
 			justifyContent: "flex-end",
@@ -923,32 +924,32 @@ function ft({ title: e, editing: t, isNew: n, isRecordDeleted: r, dirty: i, isSa
 			globalActions: d,
 			reservedRightWidth: 0,
 			widgetContext: De,
-			ariaLabel: ke ? S("record.toolbar_actions", "Detail toolbar actions") : S("record.page_actions", "Page actions")
+			ariaLabel: ke ? x("record.toolbar_actions", "Detail toolbar actions") : x("record.page_actions", "Page actions")
 		})]
-	}) : null, Fe = w.isVisible("show_actions") && !n && m && f ? /* @__PURE__ */ F(O, {
+	}) : null, Fe = C.isVisible("show_actions") && !n && m && f ? /* @__PURE__ */ F(O, {
 		entityCode: f,
 		scope: "detail",
 		objectIds: [m],
 		capability: l?.documents,
-		canManageTemplates: ye
+		canManageTemplates: be
 	}) : null, Ie = r ? c ? /* @__PURE__ */ F(g, {
 		kind: "primary",
 		icon: F(fe ? le : h.refresh, { size: 13 }),
 		onClick: de,
 		disabled: fe,
-		children: fe ? S("record.restoring", "Restoring…") : S("record.restore", "Restore")
+		children: fe ? x("record.restoring", "Restoring…") : x("record.restore", "Restore")
 	}) : null : t ? /* @__PURE__ */ I($e, { children: [/* @__PURE__ */ F(g, {
 		icon: /* @__PURE__ */ F(h.x, { size: 13 }),
 		onClick: se,
 		disabled: a,
-		children: S("dialog.cancel", "Cancel")
+		children: x("dialog.cancel", "Cancel")
 	}), /* @__PURE__ */ F(g, {
 		kind: "primary",
 		icon: F(a ? le : h.save, { size: 13 }),
 		onClick: ce,
 		disabled: a || o || s,
-		title: o ? S("record.save.fix_child_rows", "Fix errors in child rows") : s ? S("record.save.fix_fields", "Fix the highlighted fields") : void 0,
-		children: a ? S("dialog.saving", "Saving…") : S("dialog.save", "Save")
+		title: o ? x("record.save.fix_child_rows", "Fix errors in child rows") : s ? x("record.save.fix_fields", "Fix the highlighted fields") : void 0,
+		children: a ? x("dialog.saving", "Saving…") : x("dialog.save", "Save")
 	})] }) : !n && m ? ke ? /* @__PURE__ */ I("span", {
 		style: { display: "contents" },
 		children: [Fe, ke]
@@ -959,7 +960,7 @@ function ft({ title: e, editing: t, isNew: n, isRecordDeleted: r, dirty: i, isSa
 			size: 16
 		}) : void 0,
 		title: e,
-		description: S(u?.display?.description) || S(l?.display?.description),
+		description: x(u?.display?.description) || x(l?.display?.description),
 		highlights: ne,
 		identityControls: !r && !t && !n ? Ae : null,
 		mode: n ? "create" : t ? "edit" : "display",
@@ -967,7 +968,7 @@ function ft({ title: e, editing: t, isNew: n, isRecordDeleted: r, dirty: i, isSa
 		showBack: re,
 		onBack: ie,
 		right: Ie,
-		showTitle: w.isVisible("show_title")
+		showTitle: C.isVisible("show_title")
 	}), Ne] });
 }
 var pt = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@declarion/react",
-  "version": "0.88.0",
+  "version": "0.90.0",
   "private": false,
   "license": "MIT",
   "description": "React SDK for Declarion, the schema-driven business apps platform.",