@plumile/backoffice-react 0.1.68 → 0.1.70

package/lib/esm/pages/BackofficeEntityDetailPage.js

@@ -22,36 +22,31 @@ import { headerActions as ee, headerBlock as te, headerMeta as ne, headerMetaLis
 import { buildTabsItems as ie } from "./detail/buildTabsItems.js";
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
 import { useTranslation as w } from "react-i18next";
-import { BackofficeKeyValueList as T, BackofficePageHeader as ae, BackofficeRelationsMenu as oe, Button as E, DataTable as D, FormattedDate as O, LinkButton as se, useToast as k } from "@plumile/ui";
-import { useContext as A, useMemo as ce, useState as j } from "react";
-import { commitMutation as le, useFragment as M, usePreloadedQuery as N } from "react-relay";
-import { HighlightCode as P } from "@plumile/ui/atomic/molecules/highlight/HighlightCode.js";
+import { BackofficeKeyValueList as ae, BackofficePageHeader as oe, BackofficeRelationsMenu as se, BackofficeTabs as ce, Button as le, DataTable as T, DetailPageTemplate as ue, FormattedDate as E, HighlightCode as D, LazyBackofficeJsonViewer as O, LinkButton as de, Tag as k, useToast as A } from "@plumile/ui";
+import { useContext as j, useMemo as fe, useState as M } from "react";
+import { commitMutation as pe, useFragment as N, usePreloadedQuery as P } from "react-relay";
 import { HttpRedirect as F, Link as I, RoutingContext as L } from "@plumile/router";
 import { BACKOFFICE_DATE_TIME_OPTIONS as R } from "@plumile/backoffice-core/constants.js";
-import { Tag as z } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
-import { buildBackofficeFallbackListHref as ue, buildBackofficeListHref as de, buildBackofficeListLink as fe } from "@plumile/backoffice-core/state/buildListHref.js";
-import { setWhereValue as B } from "@plumile/backoffice-core/filters/where.js";
-import { DetailPageTemplate as pe } from "@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js";
-import { BackofficeTabs as me } from "@plumile/ui/backoffice/molecules/backoffice_tabs/BackofficeTabs.js";
-import { LazyBackofficeJsonViewer as V } from "@plumile/ui/backoffice/molecules/backoffice_json_viewer/LazyBackofficeJsonViewer.js";
-import { ChatCheckSvg as he } from "@plumile/ui/icons/ChatCheckSvg.js";
-import { KeyOffSvg as H } from "@plumile/ui/icons/KeyOffSvg.js";
-import { KeySvg as U } from "@plumile/ui/icons/KeySvg.js";
-import { LockOpenSvg as W } from "@plumile/ui/icons/LockOpenSvg.js";
-import { LockSvg as G } from "@plumile/ui/icons/LockSvg.js";
-import { RobotCheckSvg as K } from "@plumile/ui/icons/RobotCheckSvg.js";
-import { RobotXSvg as q } from "@plumile/ui/icons/RobotXSvg.js";
-import { RocketOffSvg as J } from "@plumile/ui/icons/RocketOffSvg.js";
-import { RocketSvg as Y } from "@plumile/ui/icons/RocketSvg.js";
-import { SettingsCheckSvg as ge } from "@plumile/ui/icons/SettingsCheckSvg.js";
-import { SettingsXSvg as _e } from "@plumile/ui/icons/SettingsXSvg.js";
-import { ShieldLockSvg as ve } from "@plumile/ui/icons/ShieldLockSvg.js";
-import { ShieldOffSvg as ye } from "@plumile/ui/icons/ShieldOffSvg.js";
-import { XBadgeSvg as be } from "@plumile/ui/icons/XBadgeSvg.js";
+import { buildBackofficeFallbackListHref as me, buildBackofficeListHref as he, buildBackofficeListLink as ge } from "@plumile/backoffice-core/state/buildListHref.js";
+import { setWhereValue as z } from "@plumile/backoffice-core/filters/where.js";
+import { ChatCheckSvg as B } from "@plumile/ui/icons/ChatCheckSvg.js";
+import { KeyOffSvg as V } from "@plumile/ui/icons/KeyOffSvg.js";
+import { KeySvg as H } from "@plumile/ui/icons/KeySvg.js";
+import { LockOpenSvg as U } from "@plumile/ui/icons/LockOpenSvg.js";
+import { LockSvg as W } from "@plumile/ui/icons/LockSvg.js";
+import { RobotCheckSvg as G } from "@plumile/ui/icons/RobotCheckSvg.js";
+import { RobotXSvg as K } from "@plumile/ui/icons/RobotXSvg.js";
+import { RocketOffSvg as q } from "@plumile/ui/icons/RocketOffSvg.js";
+import { RocketSvg as J } from "@plumile/ui/icons/RocketSvg.js";
+import { SettingsCheckSvg as _e } from "@plumile/ui/icons/SettingsCheckSvg.js";
+import { SettingsXSvg as ve } from "@plumile/ui/icons/SettingsXSvg.js";
+import { ShieldLockSvg as ye } from "@plumile/ui/icons/ShieldLockSvg.js";
+import { ShieldOffSvg as be } from "@plumile/ui/icons/ShieldOffSvg.js";
+import { XBadgeSvg as xe } from "@plumile/ui/icons/XBadgeSvg.js";
 //#region src/pages/BackofficeEntityDetailPage.tsx
-var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArray(e), Se = (e) => {
+var Y = (e, t) => e(t), Se = (e) => typeof e == "object" && !!e && !Array.isArray(e), Ce = (e) => {
 	throw Error(`Unexpected value: ${String(e)}`);
-}, Ce = (e, t, n) => {
+}, we = (e, t, n) => {
 	switch (e) {
 		case "yesNo": return t ? {
 			tone: "success",
@@ -63,7 +58,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		case "capability": return t ? {
 			tone: "success",
 			label: n("flags.capability.allowed"),
-			icon: /* @__PURE__ */ S(ve, {
+			icon: /* @__PURE__ */ S(ye, {
 				width: 14,
 				height: 14,
 				"aria-hidden": "true"
@@ -71,7 +66,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		} : {
 			tone: "neutral",
 			label: n("flags.capability.denied"),
-			icon: /* @__PURE__ */ S(ye, {
+			icon: /* @__PURE__ */ S(be, {
 				width: 14,
 				height: 14,
 				"aria-hidden": "true"
@@ -80,7 +75,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		case "enabled": return t ? {
 			tone: "success",
 			label: n("flags.enabled.enabled"),
-			icon: /* @__PURE__ */ S(ge, {
+			icon: /* @__PURE__ */ S(_e, {
 				width: 14,
 				height: 14,
 				"aria-hidden": "true"
@@ -88,7 +83,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		} : {
 			tone: "neutral",
 			label: n("flags.enabled.disabled"),
-			icon: /* @__PURE__ */ S(_e, {
+			icon: /* @__PURE__ */ S(ve, {
 				width: 14,
 				height: 14,
 				"aria-hidden": "true"
@@ -97,7 +92,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		case "failure": return t ? {
 			tone: "danger",
 			label: n("flags.failure.failed"),
-			icon: /* @__PURE__ */ S(be, {
+			icon: /* @__PURE__ */ S(xe, {
 				width: 14,
 				height: 14,
 				"aria-hidden": "true"
@@ -105,7 +100,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		} : {
 			tone: "success",
 			label: n("flags.failure.ok"),
-			icon: /* @__PURE__ */ S(he, {
+			icon: /* @__PURE__ */ S(B, {
 				width: 14,
 				height: 14,
 				"aria-hidden": "true"
@@ -114,7 +109,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		case "encrypted": return t ? {
 			tone: "info",
 			label: n("flags.encrypted.encrypted"),
-			icon: /* @__PURE__ */ S(U, {
+			icon: /* @__PURE__ */ S(H, {
 				width: 14,
 				height: 14,
 				"aria-hidden": "true"
@@ -122,7 +117,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		} : {
 			tone: "neutral",
 			label: n("flags.encrypted.notEncrypted"),
-			icon: /* @__PURE__ */ S(H, {
+			icon: /* @__PURE__ */ S(V, {
 				width: 14,
 				height: 14,
 				"aria-hidden": "true"
@@ -131,7 +126,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		case "locked": return t ? {
 			tone: "warning",
 			label: n("flags.locked.locked"),
-			icon: /* @__PURE__ */ S(G, {
+			icon: /* @__PURE__ */ S(W, {
 				width: 14,
 				height: 14,
 				"aria-hidden": "true"
@@ -139,7 +134,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		} : {
 			tone: "success",
 			label: n("flags.locked.unlocked"),
-			icon: /* @__PURE__ */ S(W, {
+			icon: /* @__PURE__ */ S(U, {
 				width: 14,
 				height: 14,
 				"aria-hidden": "true"
@@ -155,7 +150,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		case "agentManaged": return t ? {
 			tone: "info",
 			label: n("flags.agentManaged.agentManaged"),
-			icon: /* @__PURE__ */ S(K, {
+			icon: /* @__PURE__ */ S(G, {
 				width: 14,
 				height: 14,
 				"aria-hidden": "true"
@@ -163,7 +158,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		} : {
 			tone: "neutral",
 			label: n("flags.agentManaged.userManaged"),
-			icon: /* @__PURE__ */ S(q, {
+			icon: /* @__PURE__ */ S(K, {
 				width: 14,
 				height: 14,
 				"aria-hidden": "true"
@@ -172,7 +167,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		case "deployedProduction": return t ? {
 			tone: "success",
 			label: n("flags.deployedProduction.deployed"),
-			icon: /* @__PURE__ */ S(Y, {
+			icon: /* @__PURE__ */ S(J, {
 				width: 14,
 				height: 14,
 				"aria-hidden": "true"
@@ -180,7 +175,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		} : {
 			tone: "neutral",
 			label: n("flags.deployedProduction.notDeployed"),
-			icon: /* @__PURE__ */ S(J, {
+			icon: /* @__PURE__ */ S(q, {
 				width: 14,
 				height: 14,
 				"aria-hidden": "true"
@@ -193,26 +188,26 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 			tone: "neutral",
 			label: n("flags.forced.normal")
 		};
-		default: return Se(e);
+		default: return Ce(e);
 	}
-}, we = (e) => {
-	if (!xe(e)) return null;
-	for (let t of Object.values(e)) if (xe(t) && ("status" in t || "result" in t)) return t;
+}, Te = (e) => {
+	if (!Se(e)) return null;
+	for (let t of Object.values(e)) if (Se(t) && ("status" in t || "result" in t)) return t;
 	return null;
-}, Te = (e) => e.kind === "route", Ee = (e) => e.kind === "mutation", De = (e) => e.kind === "formMutation", Z = (e, t) => typeof e == "function" ? e(t) : e ?? null, Oe = (e) => {
+}, Ee = (e) => e.kind === "route", De = (e) => e.kind === "mutation", Oe = (e) => e.kind === "formMutation", X = (e, t) => typeof e == "function" ? e(t) : e ?? null, ke = (e) => {
 	if (e == null) return null;
 	let t = e.trim();
 	return t === "" ? null : t;
-}, Q = (e) => e == null ? !0 : typeof e == "string" ? e.trim() === "" : !1, $ = (e, t) => typeof e == "function" ? e(t) : e, ke = (e, t) => {
+}, Z = (e) => e == null ? !0 : typeof e == "string" ? e.trim() === "" : !1, Q = (e, t) => typeof e == "function" ? e(t) : e, Ae = (e, t) => {
 	let { tApp: n, t: r, resolveEntityHref: i } = t, a = r("common.notAvailable");
 	if (e.type === "text") {
-		let t = Z(e.value, n);
-		return Q(t) ? a : t;
+		let t = X(e.value, n);
+		return Z(t) ? a : t;
 	}
 	if (e.type === "entityRef") {
 		let { id: t } = e;
 		if (t == null || t.trim() === "") return a;
-		let r = Z(e.label, n), o = r != null && String(r).trim() !== "" ? r : null;
+		let r = X(e.label, n), o = r != null && String(r).trim() !== "" ? r : null;
 		if (o == null) return a;
 		let s = i?.(e.entity, t) ?? null;
 		return s == null ? o : /* @__PURE__ */ S(I, {
@@ -222,21 +217,21 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 	}
 	let { href: o } = e;
 	if (o == null || o.trim() === "") return a;
-	let s = Z(e.label, n);
-	return Q(s) ? a : /* @__PURE__ */ S(I, {
+	let s = X(e.label, n);
+	return Z(s) ? a : /* @__PURE__ */ S(I, {
 		to: o,
 		children: s
 	});
-}, Ae = (e, t, n) => {
+}, je = (e, t, n) => {
 	let { tApp: r, t: i, resolveEntityHref: a, formatNumber: o, formatCurrency: c, formatPercent: l, relationEntityListRoutes: d, resolveRelationItem: f } = n, m = [], h = [], g = [], _ = i("common.notAvailable");
 	return e.forEach((e, n) => {
 		let v = `${e.type}-${n}`;
 		switch (e.type) {
 			case "text": {
-				let n = Z(e.value(t), r);
+				let n = X(e.value(t), r);
 				m.push({
 					id: v,
-					label: X(e.label, r),
+					label: Y(e.label, r),
 					size: e.size,
 					value: n,
 					copyValue: e.copyValue?.(t) ?? void 0,
@@ -245,13 +240,13 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 				break;
 			}
 			case "badge": {
-				let n = Z(e.value(t), r), i = n == null ? "" : String(n), a = $(e.tone, t), o = i.trim() === "" ? null : /* @__PURE__ */ S(z, {
+				let n = X(e.value(t), r), i = n == null ? "" : String(n), a = Q(e.tone, t), o = i.trim() === "" ? null : /* @__PURE__ */ S(k, {
 					tone: a,
 					children: i
 				});
 				m.push({
 					id: v,
-					label: X(e.label, r),
+					label: Y(e.label, r),
 					size: e.size,
 					value: o
 				});
@@ -259,7 +254,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 			}
 			case "badgeRow": {
 				let n = e.items(t).map((e) => {
-					let t = Z(e.label, r), n = t == null ? "" : String(t);
+					let t = X(e.label, r), n = t == null ? "" : String(t);
 					return {
 						...e,
 						label: n
@@ -267,7 +262,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 				}), i = n.length > 0 ? /* @__PURE__ */ S(s, { items: n }) : null;
 				m.push({
 					id: v,
-					label: X(e.label, r),
+					label: Y(e.label, r),
 					size: e.size,
 					value: i,
 					fullWidth: e.fullWidth
@@ -278,9 +273,9 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 				let n = e.value(t);
 				m.push({
 					id: v,
-					label: X(e.label, r),
+					label: Y(e.label, r),
 					size: e.size,
-					value: /* @__PURE__ */ S(O, {
+					value: /* @__PURE__ */ S(E, {
 						value: n,
 						options: R,
 						fallback: i("common.notAvailable")
@@ -292,7 +287,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 				let n = e.value(t), i = null;
 				n != null && (i = e.format === "currency" ? c(n) : e.format === "percent" ? l(n) : o(n)), m.push({
 					id: v,
-					label: X(e.label, r),
+					label: Y(e.label, r),
 					size: e.size,
 					value: i
 				});
@@ -301,7 +296,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 			case "flag": {
 				let n = e.value(t), a = null;
 				if (n != null) {
-					let t = Ce(e.variant, n, i);
+					let t = we(e.variant, n, i);
 					a = /* @__PURE__ */ S(u, {
 						tone: t.tone,
 						icon: t.icon,
@@ -310,7 +305,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 				}
 				m.push({
 					id: v,
-					label: X(e.label, r),
+					label: Y(e.label, r),
 					size: e.size,
 					value: a
 				});
@@ -327,34 +322,34 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 				}
 				m.push({
 					id: v,
-					label: X(e.label, r),
+					label: Y(e.label, r),
 					size: e.size,
 					value: i ?? _
 				});
 				break;
 			}
 			case "link": {
-				let n = e.href(t), i = e.value(t), a = n != null && n.trim() !== "" && !Q(i) ? /* @__PURE__ */ S(I, {
+				let n = e.href(t), i = e.value(t), a = n != null && n.trim() !== "" && !Z(i) ? /* @__PURE__ */ S(I, {
 					to: n,
 					children: i
 				}) : null;
 				m.push({
 					id: v,
-					label: X(e.label, r),
+					label: Y(e.label, r),
 					size: e.size,
 					value: a
 				});
 				break;
 			}
 			case "taggedValue": {
-				let n = e.tag(t), o = ke(e.value(t), {
+				let n = e.tag(t), o = Ae(e.value(t), {
 					tApp: r,
 					t: i,
 					resolveEntityHref: a
 				}), s = n == null ? null : {
 					...n,
 					label: (() => {
-						let e = Z(n.label, r);
+						let e = X(n.label, r);
 						return e == null ? "" : String(e);
 					})()
 				}, c = s != null || o != null ? /* @__PURE__ */ S(p, {
@@ -363,7 +358,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 				}) : null;
 				m.push({
 					id: v,
-					label: X(e.label, r),
+					label: Y(e.label, r),
 					size: e.size,
 					value: c,
 					fullWidth: e.fullWidth
@@ -371,11 +366,11 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 				break;
 			}
 			case "relation": {
-				let n = Oe(e.value(t));
+				let n = ke(e.value(t));
 				if (n == null) break;
 				let i = d[e.entity];
 				if (i == null) break;
-				let a = X(e.label, r), o = e.count?.(t) ?? null, s = B(null, e.whereKey, n, e.path);
+				let a = Y(e.label, r), o = e.count?.(t) ?? null, s = z(null, e.whereKey, n, e.path);
 				if (s == null) break;
 				h.push(f({
 					id: v,
@@ -397,7 +392,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 				if (e.label != null) {
 					m.push({
 						id: v,
-						label: X(e.label, r),
+						label: Y(e.label, r),
 						size: e.size,
 						value: n,
 						fullWidth: e.fullWidth
@@ -414,9 +409,9 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		relationItems: h,
 		customNodes: g
 	};
-}, je = (e, t, n) => {
+}, Me = (e, t, n) => {
 	let { tApp: r, t: i, resolveEntityHref: a } = n, o = i("common.notAvailable");
-	if (e.type === "dateTime") return /* @__PURE__ */ S(O, {
+	if (e.type === "dateTime") return /* @__PURE__ */ S(E, {
 		value: e.value(t),
 		options: R,
 		fallback: o
@@ -424,7 +419,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 	if (e.type === "entityRef") {
 		let n = e.id(t);
 		if (n == null || n.trim() === "") return o;
-		let i = Z(e.value?.(t), r), s = i != null && String(i).trim() !== "" ? i : null;
+		let i = X(e.value?.(t), r), s = i != null && String(i).trim() !== "" ? i : null;
 		if (s == null) return o;
 		let c = a?.(e.entity, n) ?? null;
 		return c == null ? s : /* @__PURE__ */ S(I, {
@@ -433,18 +428,18 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		});
 	}
 	if (e.type === "link") {
-		let n = e.href(t), i = Z(e.value(t), r);
-		return n == null || n.trim() === "" || Q(i) ? o : /* @__PURE__ */ S(I, {
+		let n = e.href(t), i = X(e.value(t), r);
+		return n == null || n.trim() === "" || Z(i) ? o : /* @__PURE__ */ S(I, {
 			to: n,
 			children: i
 		});
 	}
-	let s = Z(e.value(t), r);
-	return Q(s) ? o : s;
-}, Me = (e, t, n) => {
+	let s = X(e.value(t), r);
+	return Z(s) ? o : s;
+}, Ne = (e, t, n) => {
 	if (e.type === "badgeRow") {
 		let r = e.items(t).map((e) => {
-			let t = Z(e.label, n), r = t == null ? "" : String(t);
+			let t = X(e.label, n), r = t == null ? "" : String(t);
 			return {
 				...e,
 				label: r
@@ -452,41 +447,41 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		});
 		return r.length === 0 ? void 0 : /* @__PURE__ */ S(s, { items: r });
 	}
-	let r = Z(e.value(t), n), i = r == null ? "" : String(r);
-	if (i.trim() !== "") return /* @__PURE__ */ S(z, {
-		tone: $(e.tone, t),
+	let r = X(e.value(t), n), i = r == null ? "" : String(r);
+	if (i.trim() !== "") return /* @__PURE__ */ S(k, {
+		tone: Q(e.tone, t),
 		children: i
 	});
-}, Ne = (e, t, n) => {
-	let { tApp: r, t: i, resolveEntityHref: a } = n, o = e.titleValue?.(t, r) ?? X(e.title, r), s = o.trim() === "" ? X(e.title, r) : o, c;
+}, Pe = (e, t, n) => {
+	let { tApp: r, t: i, resolveEntityHref: a } = n, o = e.titleValue?.(t, r) ?? Y(e.title, r), s = o.trim() === "" ? Y(e.title, r) : o, c;
 	if (e.subtitleItems != null && e.subtitleItems.length > 0) {
 		let n = e.subtitleSeparator ?? " / ", o = [], { subtitleItems: s } = e;
 		s.forEach((e, c) => {
 			let l = e.value(t);
-			o.push(/* @__PURE__ */ S("span", { children: ke(l, {
+			o.push(/* @__PURE__ */ S("span", { children: Ae(l, {
 				tApp: r,
 				t: i,
 				resolveEntityHref: a
 			}) }, e.id)), c < s.length - 1 && o.push(/* @__PURE__ */ S("span", { children: n }, `${e.id}-sep`));
 		}), c = /* @__PURE__ */ S("span", { children: o });
 	} else {
-		let n = e.subtitleValue?.(t, r) ?? (e.subtitle == null ? null : X(e.subtitle, r));
+		let n = e.subtitleValue?.(t, r) ?? (e.subtitle == null ? null : Y(e.subtitle, r));
 		c = n != null && n.trim() !== "" ? n : void 0;
 	}
 	let l = [];
 	e.badges != null && e.badges.forEach((e, n) => {
-		let i = X(e.label, r), a = Z(e.value(t), r), o = a == null ? "" : String(a);
+		let i = Y(e.label, r), a = X(e.value(t), r), o = a == null ? "" : String(a);
 		if (o.trim() === "") return;
-		let s = $(e.tone, t);
-		l.push(/* @__PURE__ */ S(z, {
+		let s = Q(e.tone, t);
+		l.push(/* @__PURE__ */ S(k, {
 			tone: s,
 			children: `${i}: ${o}`
 		}, `${i}-${n}`));
 	});
 	let u;
-	e.status != null && (u = Me(e.status, t, r));
+	e.status != null && (u = Ne(e.status, t, r));
 	let d = e.meta?.map((e, n) => {
-		let o = X(e.label, r), s = je(e, t, {
+		let o = Y(e.label, r), s = Me(e, t, {
 			tApp: r,
 			t: i,
 			resolveEntityHref: a
@@ -504,18 +499,18 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		status: u,
 		items: d
 	};
-}, Pe = (e, t, n) => {
+}, Fe = (e, t, n) => {
 	let { tApp: r, t: i, resolveEntityHref: a } = n;
 	return e == null || e.length === 0 ? [] : e.map((e, s) => {
 		let u = n.keyPrefix == null ? `${e.kind}-${s}` : `${n.keyPrefix}-${e.kind}-${s}`;
 		if (e.kind === "custom") {
 			let n = e.render(t);
 			return n == null ? null : e.label == null ? /* @__PURE__ */ S("div", { children: n }, u) : /* @__PURE__ */ S(c, {
-				title: X(e.label, r),
+				title: Y(e.label, r),
 				children: n
 			}, u);
 		}
-		let p = X(e.label, r), m = e.description == null ? void 0 : X(e.description, r);
+		let p = Y(e.label, r), m = e.description == null ? void 0 : Y(e.description, r);
 		if (e.kind === "relationList") {
 			let n = e.value(t);
 			return /* @__PURE__ */ S(f, {
@@ -531,7 +526,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 			return /* @__PURE__ */ S(c, {
 				title: p,
 				description: m,
-				children: /* @__PURE__ */ S(D, {
+				children: /* @__PURE__ */ S(T, {
 					columns: o(e.columns, {
 						tApp: r,
 						t: i,
@@ -551,7 +546,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		if (e.kind === "json") return /* @__PURE__ */ S(c, {
 			title: p,
 			description: m,
-			children: /* @__PURE__ */ S(V, {
+			children: /* @__PURE__ */ S(O, {
 				value: e.value(t),
 				title: p
 			})
@@ -561,7 +556,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 			return /* @__PURE__ */ S(c, {
 				title: p,
 				description: m,
-				children: /* @__PURE__ */ S(P, {
+				children: /* @__PURE__ */ S(D, {
 					badgeLabel: i("tools.output"),
 					copyCode: n,
 					fallbackCodeText: n
@@ -580,8 +575,8 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 		}, u) : /* @__PURE__ */ S(c, {
 			title: p,
 			description: m,
-			children: /* @__PURE__ */ S(T, { items: e.items.map((e, n) => {
-				let a = X(e.label, r), o = Z(e.value(t), r);
+			children: /* @__PURE__ */ S(ae, { items: e.items.map((e, n) => {
+				let a = Y(e.label, r), o = X(e.value(t), r);
 				return {
 					id: `${a}-${n}`,
 					label: a,
@@ -590,59 +585,59 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 			}) })
 		}, u);
 	});
-}, Fe = ({ config: o, prepared: s }) => {
-	let { t: l } = w(), { t: u } = t(), { formatNumber: d, formatCurrency: f, formatPercent: p } = v(), { entities: D, entityRegistry: O } = n(), { layoutView: P } = b(), I = A(L), R = _(), z = k(), [B, V] = j({}), [he, H] = j(null), U = y({
+}, Ie = ({ config: o, prepared: s }) => {
+	let { t: l } = w(), { t: u } = t(), { formatNumber: d, formatCurrency: f, formatPercent: p } = v(), { entities: T, entityRegistry: E } = n(), { layoutView: D } = b(), O = j(L), k = _(), I = A(), [R, z] = M({}), [B, V] = M(null), H = y({
 		mainPage: o.pages.mainPage,
 		subPages: o.pages.subPages,
 		activePagePath: s.pagePath,
-		node: P
-	}), W = U.activePage ?? o.pages.mainPage, G = U.pages.length > 0 ? U.pages : [o.pages.mainPage], K = (e, t) => {
-		V((n) => n[e] === t ? n : {
+		node: D
+	}), U = H.activePage ?? o.pages.mainPage, W = H.pages.length > 0 ? H.pages : [o.pages.mainPage], G = (e, t) => {
+		z((n) => n[e] === t ? n : {
 			...n,
 			[e]: t
 		});
-	}, { page: q } = o, J = N(q.query, s.pageQuery), Y = q.resolveNode(J, {
+	}, { page: K } = o, q = P(K.query, s.pageQuery), J = K.resolveNode(q, {
 		id: s.id,
 		detailId: s.detailId
 	});
-	if (Y == null) throw new F(o.routes.list);
-	let ge = M(q.fragment, Y), _e = ce(() => Object.fromEntries(q.content.flatMap((e) => e.kind === "section" ? e.fields.flatMap((e) => e.type === "relation" ? [e.entity] : []) : []).flatMap((e) => {
-		let t = D[e];
+	if (J == null) throw new F(o.routes.list);
+	let _e = N(K.fragment, J), ve = fe(() => Object.fromEntries(K.content.flatMap((e) => e.kind === "section" ? e.fields.flatMap((e) => e.type === "relation" ? [e.entity] : []) : []).flatMap((e) => {
+		let t = T[e];
 		return t?.hasList === !0 ? [[e, t.routes.list]] : [];
-	})), [D, q.content]);
+	})), [T, K.content]);
 	return /* @__PURE__ */ S(g, {
-		node: ge,
+		node: _e,
 		render: (t) => {
-			let n = q.toView(t), g = ie({
-				pages: G,
+			let n = K.toView(t), g = ie({
+				pages: W,
 				id: s.id,
 				tApp: l,
 				detailPageHref: o.routes.detailPage
 			}), _ = (e, t) => {
-				let n = D[e];
+				let n = T[e];
 				return n == null ? null : n.routes.detail(t);
 			}, v = ({ id: e, label: t, count: n, entityId: r, filterId: i, listRoute: a, path: o, value: s, where: c, whereKey: l }) => {
-				let u = O.getLoadedListEntity(r);
+				let u = E.getLoadedListEntity(r);
 				return {
 					id: e,
 					label: t,
 					count: n,
-					href: u == null ? ue(a, c, [{
+					href: u == null ? me(a, c, [{
 						id: i ?? (o == null ? l : `${l}.${o.join(".")}`),
 						value: s
-					}]) : de(u.config, { where: c }),
+					}]) : he(u.config, { where: c }),
 					onClick: async (e) => {
-						if (I == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
+						if (O == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
 						e.preventDefault();
-						let t = fe((await O.loadListEntity(r)).config, { where: c });
-						I.history.push({
+						let t = ge((await E.loadListEntity(r)).config, { where: c });
+						O.history.push({
 							pathname: t.pathname,
 							search: t.search === "" ? "" : `?${t.search}`,
 							hash: ""
 						});
 					}
 				};
-			}, y = Ne(o.header, P, {
+			}, y = Pe(o.header, D, {
 				tApp: l,
 				t: u,
 				resolveEntityHref: _
@@ -650,32 +645,32 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 				config: o,
 				tApp: l,
 				entityId: s.id,
-				layoutView: P,
-				pageLabel: W.label(l)
-			}), w = q.actions ?? [], k = [];
+				layoutView: D,
+				pageLabel: U.label(l)
+			}), w = K.actions ?? [], A = [];
 			if (w.length > 0) {
 				let t = w.filter((e) => e.isVisible == null ? !0 : e.isVisible(n));
-				t.length > 0 && (k = t.map((t) => {
-					let a = X(t.label, l), o = t.ariaLabel == null ? a : X(t.ariaLabel, l), s = t.variant ?? "secondary", c = t.size ?? "small", d = B[t.id] ?? !1, f = d || t.isDisabled?.(n) === !0;
-					return Te(t) ? /* @__PURE__ */ S(se, {
+				t.length > 0 && (A = t.map((t) => {
+					let a = Y(t.label, l), o = t.ariaLabel == null ? a : Y(t.ariaLabel, l), s = t.variant ?? "secondary", c = t.size ?? "small", d = R[t.id] ?? !1, f = d || t.isDisabled?.(n) === !0;
+					return Ee(t) ? /* @__PURE__ */ S(de, {
 						to: t.to(n),
 						variant: s,
 						size: c,
 						isDisabled: f,
 						"aria-label": o,
 						children: a
-					}, t.id) : De(t) ? /* @__PURE__ */ S(E, {
+					}, t.id) : Oe(t) ? /* @__PURE__ */ S(le, {
 						type: "button",
 						variant: s,
 						size: c,
 						isLoading: !1,
 						disabled: f,
 						onClick: () => {
-							H(t.id);
+							V(t.id);
 						},
 						"aria-label": o,
 						children: a
-					}, t.id) : Ee(t) ? /* @__PURE__ */ S(E, {
+					}, t.id) : De(t) ? /* @__PURE__ */ S(le, {
 						type: "button",
 						variant: s,
 						size: c,
@@ -684,30 +679,30 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 						onClick: () => {
 							if (d) return;
 							let a = t.getVariables(n);
-							K(t.id, !0), le(R, {
+							G(t.id, !0), pe(k, {
 								mutation: t.mutation,
 								variables: a,
 								updater: (e) => {
 									t.updater?.(e, n);
 								},
 								onCompleted: (a) => {
-									K(t.id, !1);
-									let o = we(a);
+									G(t.id, !1);
+									let o = Te(a);
 									if (o != null) {
 										let i = u("actions.form.errors.invalidPayload");
-										t.toasts?.error?.message == null ? t.toasts?.error?.title != null && (i = X(t.toasts.error.title, l)) : i = X(t.toasts.error.message, l);
+										t.toasts?.error?.message == null ? t.toasts?.error?.title != null && (i = Y(t.toasts.error.title, l)) : i = Y(t.toasts.error.message, l);
 										let a = e(o, {
 											defaultErrorMessage: i,
 											mapReason: (e) => {
 												let r = t.mapErrorReason?.(e, n);
-												return r == null ? null : typeof r == "function" ? X(r, l) : String(r);
+												return r == null ? null : typeof r == "function" ? Y(r, l) : String(r);
 											}
 										});
 										if (!a.ok) {
 											let e = Error(a.message);
 											if (t.onError?.(e, n), t.toasts?.error != null) {
 												let e = r(t.toasts.error, l);
-												z.error(e.title, e.message);
+												I.error(e.title, e.message);
 											}
 											return;
 										}
@@ -718,13 +713,13 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 											response: a,
 											node: n,
 											tApp: l,
-											entities: D,
+											entities: T,
 											defaultLabel: u("actions.view"),
 											navigateTo: (e) => {
-												I?.history.push({ pathname: e });
+												O?.history.push({ pathname: e });
 											}
 										});
-										z.push({
+										I.push({
 											kind: "info",
 											title: e.title,
 											message: e.message,
@@ -733,9 +728,9 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 									}
 								},
 								onError: (e) => {
-									if (K(t.id, !1), t.onError?.(e, n), t.toasts?.error != null) {
+									if (G(t.id, !1), t.onError?.(e, n), t.toasts?.error != null) {
 										let e = r(t.toasts.error, l);
-										z.error(e.title, e.message);
+										I.error(e.title, e.message);
 									}
 								}
 							});
@@ -745,22 +740,22 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 					}, t.id) : null;
 				}));
 			}
-			let A = w.find((e) => e.id === he), { content: ce } = q, j = [], M = [], N = [];
-			ce.forEach((e, t) => {
-				let r = (e.placement ?? "primary") === "secondary" ? M : j;
+			let j = w.find((e) => e.id === B), { content: fe } = K, M = [], N = [], P = [];
+			fe.forEach((e, t) => {
+				let r = (e.placement ?? "primary") === "secondary" ? N : M;
 				if (e.kind === "section") {
-					let i = X(e.title, l), a = e.description == null ? void 0 : X(e.description, l), { items: o, relationItems: s, customNodes: m } = Ae(e.fields, n, {
+					let i = Y(e.title, l), a = e.description == null ? void 0 : Y(e.description, l), { items: o, relationItems: s, customNodes: m } = je(e.fields, n, {
 						tApp: l,
 						t: u,
 						resolveEntityHref: _,
 						formatNumber: d,
 						formatCurrency: f,
 						formatPercent: p,
-						relationEntityListRoutes: _e,
+						relationEntityListRoutes: ve,
 						resolveRelationItem: v
 					});
 					if (s.forEach((e) => {
-						N.some((t) => t.id === e.id) || N.push(e);
+						P.some((t) => t.id === e.id) || P.push(e);
 					}), !(o.length > 0 || m.length > 0)) return;
 					r.push(/* @__PURE__ */ S(c, {
 						title: i,
@@ -770,7 +765,7 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 					}, `${i}-${t}`));
 					return;
 				}
-				let i = Pe([e], n, {
+				let i = Fe([e], n, {
 					tApp: l,
 					t: u,
 					resolveEntityHref: _,
@@ -778,51 +773,51 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 				})[0];
 				i != null && r.push(i);
 			});
-			let F = N.length > 0 ? /* @__PURE__ */ S(oe, {
+			let F = P.length > 0 ? /* @__PURE__ */ S(se, {
 				label: u("relations.menu.label"),
-				items: N
-			}) : null, L = k.length > 0 || F != null ? /* @__PURE__ */ C("div", {
+				items: P
+			}) : null, L = A.length > 0 || F != null ? /* @__PURE__ */ C("div", {
 				className: ee,
-				children: [k, F]
-			}) : void 0, V = y.status != null || y.badges != null ? /* @__PURE__ */ C("div", {
+				children: [A, F]
+			}) : void 0, z = y.status != null || y.badges != null ? /* @__PURE__ */ C("div", {
 				className: ne,
 				children: [y.status, y.badges]
-			}) : void 0, U = y.items != null && y.items.length > 0 ? /* @__PURE__ */ S("div", {
+			}) : void 0, H = y.items != null && y.items.length > 0 ? /* @__PURE__ */ S("div", {
 				className: re,
-				children: /* @__PURE__ */ S(T, { items: y.items })
-			}) : null, J = M.length > 0, Y = null;
-			return G.length > 1 && (Y = /* @__PURE__ */ S(me, {
+				children: /* @__PURE__ */ S(ae, { items: y.items })
+			}) : null, q = N.length > 0, J = null;
+			return W.length > 1 && (J = /* @__PURE__ */ S(ce, {
 				items: g,
-				activeId: W.id,
+				activeId: U.id,
 				onChange: () => {}
 			})), /* @__PURE__ */ C(m, {
 				breadcrumb: b,
-				children: [/* @__PURE__ */ S(pe, {
+				children: [/* @__PURE__ */ S(ue, {
 					headerNode: /* @__PURE__ */ C("div", {
 						className: te,
-						children: [/* @__PURE__ */ S(ae, {
+						children: [/* @__PURE__ */ S(oe, {
 							title: y.title,
 							subtitle: y.subtitle,
 							actions: L,
-							meta: V
-						}), U]
+							meta: z
+						}), H]
 					}),
-					tabsNode: Y,
-					sidePanel: J ? /* @__PURE__ */ S(x, { children: M }) : void 0,
+					tabsNode: J,
+					sidePanel: q ? /* @__PURE__ */ S(x, { children: N }) : void 0,
 					sidePanelVariant: "plain",
-					children: /* @__PURE__ */ S(x, { children: j })
-				}), A != null && De(A) && /* @__PURE__ */ S(a, {
+					children: /* @__PURE__ */ S(x, { children: M })
+				}), j != null && Oe(j) && /* @__PURE__ */ S(a, {
 					isOpen: !0,
-					action: A,
+					action: j,
 					node: n,
 					onClose: () => {
-						H(null);
+						V(null);
 					}
 				})]
 			});
 		}
 	});
-}, Ie = ({ config: e, prepared: t }) => {
+}, $ = ({ config: e, prepared: t }) => {
 	let { layoutView: n } = b(), r = y({
 		mainPage: e.pages.mainPage,
 		subPages: e.pages.subPages,
@@ -831,12 +826,12 @@ var X = (e, t) => e(t), xe = (e) => typeof e == "object" && !!e && !Array.isArra
 	});
 	if (!r.hasVisiblePages || r.activePage == null) throw new F(e.routes.list);
 	if (r.activePage.id !== t.pageId) throw new F(e.routes.detailPage(t.id, r.activePage.id));
-	return /* @__PURE__ */ S(Fe, {
+	return /* @__PURE__ */ S(Ie, {
 		config: t.pageConfig,
 		prepared: t
 	});
 };
 //#endregion
-export { Ie as BackofficeEntityDetailPage, Ie as default };
+export { $ as BackofficeEntityDetailPage, $ as default };
 
 //# sourceMappingURL=BackofficeEntityDetailPage.js.map