@declarion/react 0.51.0 → 0.53.0

package/dist-lib/{SmartRecordListPage.impl-DRpU_DOC.js → SmartRecordListPage.impl-BKKBShAg.js}

@@ -1,117 +1,117 @@
 import { s as e } from "./DynamicIcon-DW5krHuX.js";
-import { $n as t, A as n, At as r, Dn as i, F as a, In as o, Jn as s, N as c, Sn as l, Tn as u, Zn as d, dr as f, fr as p, q as m, rr as ee, rt as h, wn as g, zn as te } from "./useCurrentScreen-74x5yJNb.js";
-import { a as _ } from "./registry-p6CejATt.js";
-import { O as ne, c as re, f as v } from "./field-classification-CeYJlsNq.js";
-import { f as y, h as b, p as x, u as S } from "./action-dispatch-C28UhXXA.js";
-import { d as C, m as w, n as T, p as E, t as D, u as O } from "./cardProjection-Bp_ZPLUE.js";
-import { c as k, f as A, h as j, m as M, n as ie, t as ae } from "./useTabSearchMirror-D_wzoYRz.js";
-import { n as oe, r as N } from "./useProperties-C5fZp12D.js";
-import { t as P } from "./LayoutRenderer-DbdxC-Bq.js";
-import { t as se } from "./useListQuery-D75bgLLz.js";
+import { Cr as t, Dr as n, Fr as r, Ir as i, Jn as a, Kn as o, Mt as s, Yn as c, Zn as l, an as u, at as d, h as f, lr as ee, nt as p, or as m, st as h, vr as te, xr as g, yt as ne } from "./useCurrentScreen-BdnZq8vZ.js";
+import { a as _ } from "./registry-C5ug25M8.js";
+import { T as re, l as ie, p as v } from "./field-classification-EY8CFF3P.js";
+import { f as y, h as b, p as x, u as S } from "./action-dispatch-DlHTYag7.js";
+import { a as C, c as w, n as T, s as E, t as D } from "./cardProjection-C7Orz841.js";
+import { n as ae, r as O } from "./useProperties-Bhi9Wn5O.js";
+import { c as k, f as A, h as j, m as M, n as oe, t as se } from "./useTabSearchMirror-Dl5x0xKu.js";
+import { t as N } from "./LayoutRenderer-D_v9OD_A.js";
+import { t as P } from "./useListQuery-BxgrPZIB.js";
 import { useCallback as F, useEffect as I, useMemo as L, useRef as R, useState as z } from "react";
 import { useSearchParams as ce } from "react-router";
 import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
 //#region src/components/pages/SmartRecordListPage.impl.tsx
 var le = 200;
 function U({ screenCode: t }) {
-	let [n, a] = ce(), { data: o } = r(), c = ee(), l = o?.screens[t], u = l?.entity ? o?.entities[l.entity] : void 0, p = l?.entity;
-	ie(l, u, n.toString()), ae(l?.route);
-	let h = re(), _ = n.get("selected") ?? null, v = n.get("search") ?? "", y = m(v, 300), b = n.get("sort") ?? l?.sort_default ?? "", x = L(() => A(n), [n]), S = x.filters.length > 0 ? x.filters : void 0, C = L(() => l?.columns ?? u?.fields.names().filter((e) => !u.fields.get(e)?.primary && !u.fields.get(e)?.auto && u.fields.get(e)?.display?.is_listable !== !1).slice(0, 4) ?? [], [l?.columns, u]), w = L(() => {
-		let e = l?.responsive?.[c.category]?.presentation;
+	let [i, o] = ce(), { data: s } = u(), c = n(), d = s?.screens[t], p = d?.entity ? s?.entities[d.entity] : void 0, m = d?.entity;
+	oe(d, p, i.toString()), se(d?.route);
+	let h = ie(), _ = i.get("selected") ?? null, v = i.get("search") ?? "", y = ne(v, 300), b = i.get("sort") ?? d?.sort_default ?? "", x = L(() => A(i), [i]), S = x.filters.length > 0 ? x.filters : void 0, C = L(() => d?.columns ?? p?.fields.names().filter((e) => !p.fields.get(e)?.primary && !p.fields.get(e)?.auto && p.fields.get(e)?.display?.is_listable !== !1).slice(0, 4) ?? [], [d?.columns, p]), w = L(() => {
+		let e = d?.responsive?.[c.category]?.presentation;
 		return c.category === "phone" ? "drilldown" : e === "split" || e === "drilldown" || e === "stacked" ? e : "split";
-	}, [l?.responsive, c.category]), E = L(() => {
-		let e = l?.responsive?.[c.category];
+	}, [d?.responsive, c.category]), E = L(() => {
+		let e = d?.responsive?.[c.category];
 		return e?.list?.presentation === "table" || e?.list?.presentation === "cards" ? e.list.presentation : e?.presentation === "table" || e?.presentation === "cards" ? e.presentation : c.category === "phone" ? "cards" : "table";
-	}, [l?.responsive, c.category]), oe = l?.responsive?.[c.category]?.layout?.related_records, N = L(() => D({
-		entity: u,
-		screen: l
-	}), [u, l]), P = L(() => T({
-		entity: u,
-		screen: l,
+	}, [d?.responsive, c.category]), ae = d?.responsive?.[c.category]?.layout?.related_records, O = L(() => D({
+		entity: p,
+		screen: d
+	}), [p, d]), N = L(() => T({
+		entity: p,
+		screen: d,
 		presentation: E,
 		visibleColumns: C,
-		card: N,
+		card: O,
 		sort: b
 	}), [
-		u,
-		l,
+		p,
+		d,
 		E,
 		C,
-		N,
+		O,
 		b
-	]), U = se({
-		entity: u,
-		entityCode: p,
-		screen: l,
+	]), U = P({
+		entity: p,
+		entityCode: m,
+		screen: d,
 		screenCode: t,
 		page: 1,
 		perPage: le,
-		sortForRequest: O(b),
+		sortForRequest: f(b),
 		debouncedSearch: y,
 		filters: x.filters,
 		filterError: !!x.error,
 		includeDeleted: !1,
-		expand: P.expandFields,
-		select: P.selectFields,
+		expand: N.expandFields,
+		select: N.selectFields,
 		runCountQuery: !1,
-		urlKey: `${p ?? ""}|${n.toString()}`
-	}), W = U.rows, G = U.refs, K = U.isLoading, q = L(() => u?.fields.names().find((e) => u.fields.get(e)?.primary) ?? "id", [u]), J = F((e, t) => {
-		a((t) => {
+		urlKey: `${m ?? ""}|${i.toString()}`
+	}), W = U.rows, G = U.refs, K = U.isLoading, q = L(() => p?.fields.names().find((e) => p.fields.get(e)?.primary) ?? "id", [p]), J = F((e, t) => {
+		o((t) => {
 			let n = new URLSearchParams(t);
 			return e ? n.set("selected", e) : n.delete("selected"), n;
 		}, { replace: t?.replace ?? !0 });
-	}, [a]), fe = F((e) => {
-		a((t) => {
+	}, [o]), fe = F((e) => {
+		o((t) => {
 			let n = new URLSearchParams(t);
 			return e ? n.set("search", e) : n.delete("search"), n;
 		}, { replace: !0 });
-	}, [a]), pe = F((e, t) => {
-		a((n) => {
+	}, [o]), pe = F((e, t) => {
+		o((n) => {
 			let r = new URLSearchParams(n), i = A(n).filters, a;
 			return a = t && t !== "__all__" ? [...M(i, e), k(e, t)] : M(i, e), j(a, r), r;
 		}, { replace: !0 });
-	}, [a]), Y = (l?.list_resizable ?? !1) && w === "split" && c.category !== "phone" && !c.touch, me = R(null), [X, Z] = z(null), he = R(!1), Q = l?.list_width;
+	}, [o]), Y = (d?.list_resizable ?? !1) && w === "split" && c.category !== "phone" && !c.touch, X = R(null), [Z, Q] = z(null), me = R(!1), $ = d?.list_width;
 	I(() => {
-		!Y || !Q?.endsWith("%") || Z(null);
+		!Y || !$?.endsWith("%") || Q(null);
 	}, [
 		Y,
-		Q,
+		$,
 		c.width,
 		c.height
 	]), I(() => {
-		if (!Y || X !== null) return;
-		let e = me.current;
+		if (!Y || Z !== null) return;
+		let e = X.current;
 		if (e) {
-			if (Q && Q.endsWith("%")) {
-				let t = parseFloat(Q) / 100;
-				Z(Math.round(e.getBoundingClientRect().width * t));
-			} else Z(Q && parseInt(Q, 10) || 320);
+			if ($ && $.endsWith("%")) {
+				let t = parseFloat($) / 100;
+				Q(Math.round(e.getBoundingClientRect().width * t));
+			} else Q($ && parseInt($, 10) || 320);
 		}
 	}, [
 		Y,
-		Q,
-		X,
-		u
+		$,
+		Z,
+		p
 	]);
-	let $ = R(null);
+	let he = R(null);
 	I(() => () => {
-		$.current?.();
+		he.current?.();
 	}, []);
 	let ge = F((e) => {
-		e.preventDefault(), he.current = !0;
-		let t = e.clientX, n = X ?? 320, r = (e) => {
-			if (!he.current) return;
-			let r = (me.current?.getBoundingClientRect().width ?? window.innerWidth) - 300, i = Math.max(200, Math.min(r, n + e.clientX - t));
-			Z(i);
+		e.preventDefault(), me.current = !0;
+		let t = e.clientX, n = Z ?? 320, r = (e) => {
+			if (!me.current) return;
+			let r = (X.current?.getBoundingClientRect().width ?? window.innerWidth) - 300, i = Math.max(200, Math.min(r, n + e.clientX - t));
+			Q(i);
 		}, i = () => {
-			he.current = !1, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", $.current = null;
+			me.current = !1, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", he.current = null;
 		};
-		document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), $.current = i;
-	}, [X]);
-	if (!o || !l || !u) return null;
-	let _e = S?.length ?? 0, ve = w === "split" || w === "stacked" || !_, ye = w === "split" || w === "stacked" || !!_, be = w !== "split" && _ ? () => J(null, { replace: !0 }) : void 0, xe = w === "split" ? Y && X !== null ? X : l.list_width ?? "320px" : "100%";
+		document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), he.current = i;
+	}, [Z]);
+	if (!s || !d || !p) return null;
+	let _e = S?.length ?? 0, ve = w === "split" || w === "stacked" || !_, ye = w === "split" || w === "stacked" || !!_, be = w !== "split" && _ ? () => J(null, { replace: !0 }) : void 0, xe = w === "split" ? Y && Z !== null ? Z : d.list_width ?? "320px" : "100%";
 	return /* @__PURE__ */ H("div", {
-		ref: me,
+		ref: X,
 		"data-record-list-presentation": w,
 		style: {
 			display: "flex",
@@ -138,7 +138,7 @@ function U({ screenCode: t }) {
 					style: {
 						paddingTop: 12,
 						paddingBottom: 12,
-						...ne(12),
+						...re(12),
 						display: "flex",
 						flexDirection: "column",
 						gap: 8,
@@ -151,7 +151,7 @@ function U({ screenCode: t }) {
 								alignItems: "center",
 								gap: 8
 							},
-							children: [/* @__PURE__ */ V(f, {
+							children: [/* @__PURE__ */ V(r, {
 								icon: /* @__PURE__ */ V(e.back, { size: 14 }),
 								title: "Back",
 								onClick: h.goBack
@@ -161,13 +161,13 @@ function U({ screenCode: t }) {
 									fontWeight: 600,
 									color: "var(--text)"
 								},
-								children: i(l.display?.name) || i(u.display.name_plural)
+								children: l(d.display?.name) || l(p.display.name_plural)
 							})]
 						}),
-						/* @__PURE__ */ V(d, {
+						/* @__PURE__ */ V(g, {
 							value: v,
 							onChange: fe,
-							placeholder: `Search ${i(u.display.name_plural)}…`,
+							placeholder: `Search ${l(p.display.name_plural)}…`,
 							prefix: /* @__PURE__ */ V(e.search, { size: 13 })
 						}),
 						x.error && /* @__PURE__ */ H("div", {
@@ -182,27 +182,27 @@ function U({ screenCode: t }) {
 							},
 							children: [x.error, " Showing this list without URL filters."]
 						}),
-						l.filters && l.filters.length > 0 && /* @__PURE__ */ V("div", {
+						d.filters && d.filters.length > 0 && /* @__PURE__ */ V("div", {
 							style: {
 								display: "flex",
 								flexWrap: "wrap",
 								gap: 6
 							},
-							children: l.filters.map((e) => {
-								let t = u.fields.get(e);
+							children: d.filters.map((e) => {
+								let t = p.fields.get(e);
 								if (!t?.values) return null;
-								let n = S?.find((t) => t.field === e && t.op === "eq")?.value ?? "__all__", r = g(t, e, o.entities), a = [{
+								let n = S?.find((t) => t.field === e && t.op === "eq")?.value ?? "__all__", r = a(t, e, s.entities), i = [{
 									value: "__all__",
 									label: `All ${r}`
 								}, ...t.values.map((e) => ({
 									value: e.code,
-									label: i(e.name) || e.code
+									label: l(e.name) || e.code
 								}))];
 								return /* @__PURE__ */ V("div", {
 									style: { minWidth: 120 },
-									children: /* @__PURE__ */ V(s, {
+									children: /* @__PURE__ */ V(te, {
 										value: n,
-										options: a,
+										options: i,
 										onChange: (t) => pe(e, t),
 										placeholder: r
 									})
@@ -217,8 +217,8 @@ function U({ screenCode: t }) {
 								fontSize: 11,
 								color: "var(--text-3)"
 							},
-							children: [/* @__PURE__ */ V("span", { children: K ? "Loading…" : `${W.length} ${i(u.display.name_plural)}` }), _e > 0 && /* @__PURE__ */ V("button", {
-								onClick: () => a((e) => {
+							children: [/* @__PURE__ */ V("span", { children: K ? "Loading…" : `${W.length} ${l(p.display.name_plural)}` }), _e > 0 && /* @__PURE__ */ V("button", {
+								onClick: () => o((e) => {
 									let t = new URLSearchParams(e);
 									return t.delete("filters"), t;
 								}, { replace: !0 }),
@@ -265,12 +265,12 @@ function U({ screenCode: t }) {
 						},
 						children: "No records found"
 					}) : /* @__PURE__ */ H(B, { children: [W.map((e) => {
-						let t = te(e[q]);
+						let t = ee(e[q]);
 						return /* @__PURE__ */ V(ue, {
 							record: e,
-							entity: u,
+							entity: p,
 							columns: C,
-							card: N,
+							card: O,
 							presentation: E,
 							refs: G,
 							isSelected: t === _,
@@ -317,13 +317,13 @@ function U({ screenCode: t }) {
 					height: w === "stacked" ? "50%" : "100%"
 				},
 				children: _ ? /* @__PURE__ */ V(de, {
-					entityCode: p,
+					entityCode: m,
 					recordId: _,
-					items: l.items,
-					schema: o,
-					entity: u,
+					items: d.items,
+					schema: s,
+					entity: p,
 					onBackToList: be,
-					relatedRecordsPresentation: oe
+					relatedRecordsPresentation: ae
 				}, _) : /* @__PURE__ */ V("div", {
 					style: {
 						display: "flex",
@@ -336,7 +336,7 @@ function U({ screenCode: t }) {
 						style: { fontSize: 12.5 },
 						children: [
 							"Select a ",
-							i(u.display.name),
+							l(p.display.name),
 							" to view details"
 						]
 					})
@@ -345,37 +345,37 @@ function U({ screenCode: t }) {
 		]
 	});
 }
-function ue({ record: e, entity: t, columns: r, card: i, presentation: a, refs: o, isSelected: s, onClick: c }) {
-	let l = n();
-	if (a === "cards") {
-		let n = i.badgeFields.filter((n) => W(t, e, n)), r = i.bodyFields.filter((n) => W(t, e, n)), a = i.metaFields.filter((n) => W(t, e, n));
+function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a, isSelected: o, onClick: s }) {
+	let c = p();
+	if (i === "cards") {
+		let n = r.badgeFields.filter((n) => W(t, e, n)), i = r.bodyFields.filter((n) => W(t, e, n)), l = r.metaFields.filter((n) => W(t, e, n));
 		return /* @__PURE__ */ H("button", {
 			type: "button",
 			"data-testid": "record-list-card",
-			"aria-current": s ? "true" : void 0,
-			onClick: c,
+			"aria-current": o ? "true" : void 0,
+			onClick: s,
 			style: {
 				width: "100%",
 				textAlign: "left",
 				padding: 12,
 				border: "1px solid var(--border)",
 				borderRadius: 8,
-				background: s ? "var(--row-selected-bg)" : "var(--surface)",
+				background: o ? "var(--row-selected-bg)" : "var(--surface)",
 				color: "var(--text)",
 				cursor: "pointer",
 				display: "flex",
 				flexDirection: "column",
 				gap: 8,
-				boxShadow: s ? "inset 3px 0 0 var(--accent)" : "none"
+				boxShadow: o ? "inset 3px 0 0 var(--accent)" : "none"
 			},
 			children: [
 				/* @__PURE__ */ V(G, {
 					entity: t,
 					record: e,
-					field: i.titleField,
-					refs: o
+					field: r.titleField,
+					refs: a
 				}),
-				i.subtitleField && /* @__PURE__ */ V("div", {
+				r.subtitleField && /* @__PURE__ */ V("div", {
 					style: {
 						fontSize: 12,
 						color: "var(--text-3)",
@@ -383,11 +383,11 @@ function ue({ record: e, entity: t, columns: r, card: i, presentation: a, refs:
 					},
 					children: x({
 						entity: t,
-						fieldName: i.subtitleField,
+						fieldName: r.subtitleField,
 						record: e,
 						mode: "display",
-						refs: o,
-						locale: l
+						refs: a,
+						locale: c
 					})
 				}),
 				n.length > 0 && /* @__PURE__ */ V("div", {
@@ -411,27 +411,27 @@ function ue({ record: e, entity: t, columns: r, card: i, presentation: a, refs:
 							fieldName: n,
 							record: e,
 							mode: "display",
-							refs: o,
-							locale: l
+							refs: a,
+							locale: c
 						})
 					}, n))
 				}),
-				r.length > 0 && /* @__PURE__ */ V("dl", {
+				i.length > 0 && /* @__PURE__ */ V("dl", {
 					style: {
 						display: "grid",
 						gridTemplateColumns: "minmax(72px, max-content) minmax(0, 1fr)",
 						gap: "5px 10px",
 						margin: 0
 					},
-					children: r.map((n) => /* @__PURE__ */ V(K, {
+					children: i.map((n) => /* @__PURE__ */ V(K, {
 						entity: t,
 						record: e,
 						fieldName: n,
-						refs: o,
-						locale: l
+						refs: a,
+						locale: c
 					}, n))
 				}),
-				a.length > 0 && /* @__PURE__ */ V("div", {
+				l.length > 0 && /* @__PURE__ */ V("div", {
 					style: {
 						display: "flex",
 						flexWrap: "wrap",
@@ -439,7 +439,7 @@ function ue({ record: e, entity: t, columns: r, card: i, presentation: a, refs:
 						fontSize: 11,
 						color: "var(--text-3)"
 					},
-					children: a.map((n) => /* @__PURE__ */ V("span", {
+					children: l.map((n) => /* @__PURE__ */ V("span", {
 						style: {
 							minWidth: 0,
 							overflowWrap: "anywhere"
@@ -449,24 +449,24 @@ function ue({ record: e, entity: t, columns: r, card: i, presentation: a, refs:
 							fieldName: n,
 							record: e,
 							mode: "display",
-							refs: o,
-							locale: l
+							refs: a,
+							locale: c
 						})
 					}, n))
 				})
 			]
 		});
 	}
-	let u = r[0], d = r[1], f = r.slice(2, 4);
+	let l = n[0], u = n[1], d = n.slice(2, 4);
 	return /* @__PURE__ */ H("button", {
-		onClick: c,
+		onClick: s,
 		style: {
 			width: "100%",
 			textAlign: "left",
 			padding: "10px 12px",
 			borderBottom: "1px solid var(--divider)",
-			background: s ? "var(--row-selected-bg)" : "transparent",
-			borderLeft: s ? "2px solid var(--accent)" : "2px solid transparent",
+			background: o ? "var(--row-selected-bg)" : "transparent",
+			borderLeft: o ? "2px solid var(--accent)" : "2px solid transparent",
 			cursor: "pointer",
 			transition: "background-color .12s",
 			display: "flex",
@@ -476,12 +476,12 @@ function ue({ record: e, entity: t, columns: r, card: i, presentation: a, refs:
 			borderBottomColor: "var(--divider)"
 		},
 		onMouseEnter: (e) => {
-			s || (e.currentTarget.style.background = "var(--surface-3)");
+			o || (e.currentTarget.style.background = "var(--surface-3)");
 		},
 		onMouseLeave: (e) => {
-			s || (e.currentTarget.style.background = "transparent");
+			o || (e.currentTarget.style.background = "transparent");
 		},
-		children: [u && /* @__PURE__ */ V("div", {
+		children: [l && /* @__PURE__ */ V("div", {
 			style: {
 				fontSize: 12.5,
 				fontWeight: 500,
@@ -492,11 +492,11 @@ function ue({ record: e, entity: t, columns: r, card: i, presentation: a, refs:
 			},
 			children: x({
 				entity: t,
-				fieldName: u,
+				fieldName: l,
 				record: e,
 				mode: "display",
-				refs: o,
-				locale: l
+				refs: a,
+				locale: c
 			})
 		}), /* @__PURE__ */ H("div", {
 			style: {
@@ -504,7 +504,7 @@ function ue({ record: e, entity: t, columns: r, card: i, presentation: a, refs:
 				alignItems: "center",
 				gap: 6
 			},
-			children: [d && /* @__PURE__ */ V("div", {
+			children: [u && /* @__PURE__ */ V("div", {
 				style: {
 					fontSize: 11,
 					color: "var(--text-3)",
@@ -515,11 +515,11 @@ function ue({ record: e, entity: t, columns: r, card: i, presentation: a, refs:
 				},
 				children: x({
 					entity: t,
-					fieldName: d,
+					fieldName: u,
 					record: e,
 					mode: "display",
-					refs: o,
-					locale: l
+					refs: a,
+					locale: c
 				})
 			}), /* @__PURE__ */ V("div", {
 				style: {
@@ -528,15 +528,15 @@ function ue({ record: e, entity: t, columns: r, card: i, presentation: a, refs:
 					gap: 4,
 					flexShrink: 0
 				},
-				children: f.map((n) => y(t, e, n) == null ? null : /* @__PURE__ */ V("div", {
+				children: d.map((n) => y(t, e, n) == null ? null : /* @__PURE__ */ V("div", {
 					style: { fontSize: 11 },
 					children: x({
 						entity: t,
 						fieldName: n,
 						record: e,
 						mode: "display",
-						refs: o,
-						locale: l
+						refs: a,
+						locale: c
 					})
 				}, n))
 			})]
@@ -547,15 +547,15 @@ function W(e, t, n) {
 	let r = y(e, t, n);
 	return !(r == null || r === "" || Array.isArray(r) && r.length === 0);
 }
-function G({ entity: e, record: t, field: r, refs: a }) {
-	let o = n(), s = u(t, e), c = r ? x({
+function G({ entity: e, record: t, field: n, refs: r }) {
+	let i = p(), a = c(t, e), o = n ? x({
 		entity: e,
-		fieldName: r,
+		fieldName: n,
 		record: t,
 		mode: "display",
-		refs: a,
-		locale: o
-	}) : s;
+		refs: r,
+		locale: i
+	}) : a;
 	return /* @__PURE__ */ V("div", {
 		style: {
 			fontSize: 13.5,
@@ -563,21 +563,21 @@ function G({ entity: e, record: t, field: r, refs: a }) {
 			color: "var(--text)",
 			overflowWrap: "anywhere"
 		},
-		children: c || i(e.display.name)
+		children: o || l(e.display.name)
 	});
 }
 function K({ entity: e, record: t, fieldName: n, refs: r, locale: i }) {
-	let a = y(e, t, n);
-	if (a == null || a === "") return null;
-	let o = e.fields.get(n);
-	return o ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("dt", {
+	let o = y(e, t, n);
+	if (o == null || o === "") return null;
+	let s = e.fields.get(n);
+	return s ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("dt", {
 		style: {
 			color: "var(--text-3)",
 			fontSize: 11.5,
 			minWidth: 0,
 			overflowWrap: "anywhere"
 		},
-		children: g(o, n)
+		children: a(s, n)
 	}), /* @__PURE__ */ V("dd", {
 		style: {
 			margin: 0,
@@ -597,7 +597,7 @@ function K({ entity: e, record: t, fieldName: n, refs: r, locale: i }) {
 	})] }) : null;
 }
 function de({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBackToList: a, relatedRecordsPresentation: o }) {
-	return /* @__PURE__ */ V(c, { children: /* @__PURE__ */ V(q, {
+	return /* @__PURE__ */ V(d, { children: /* @__PURE__ */ V(q, {
 		entityCode: e,
 		recordId: t,
 		items: n,
@@ -607,53 +607,53 @@ function de({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBack
 		relatedRecordsPresentation: o
 	}) });
 }
-function q({ entityCode: n, recordId: r, items: s, schema: c, entity: d, onBackToList: m, relatedRecordsPresentation: ee }) {
-	let g = l(d, "update"), ne = L(() => r ? o(d, r) : void 0, [r, d]), { data: re, isLoading: x } = _(n, ne), T = v(n), D = a(), [O, k] = z(!1), [A, j] = z({}), M = re?.data, ie = M?.$statuses, ae = M?.$properties, se = N(n, r), I = oe(n, r), R = L(() => {
+function q({ entityCode: n, recordId: a, items: u, schema: d, entity: f, onBackToList: p, relatedRecordsPresentation: te }) {
+	let g = o(f, "update"), ne = L(() => a ? m(f, a) : void 0, [a, f]), { data: re, isLoading: ie } = _(n, ne), x = v(n), T = h(), [D, k] = z(!1), [A, j] = z({}), M = re?.data, oe = M?.$statuses, se = M?.$properties, P = O(n, a), I = ae(n, a), R = L(() => {
 		let e = /* @__PURE__ */ new Set();
-		for (let [t, n] of d.fields) !n.auto && !n.primary && e.add(t);
-		for (let [t] of d.files ?? []) e.add(t);
+		for (let [t, n] of f.fields) !n.auto && !n.primary && e.add(t);
+		for (let [t] of f.files ?? []) e.add(t);
 		return e;
-	}, [d]), ce = F(() => {
+	}, [f]), ce = F(() => {
 		if (M) {
 			let e = {};
 			R.forEach((t) => {
-				let n = y(d, M, t);
-				e[t] = S(d, t) ? n ?? null : n ?? "";
+				let n = y(f, M, t);
+				e[t] = S(f, t) ? n ?? null : n ?? "";
 			}), j(e);
 		}
 		k(!0);
 	}, [
 		M,
 		R,
-		d
+		f
 	]), le = F(async () => {
-		await D.flushAllDrafts(), k(!1), j({});
-	}, [D]), U = F(() => {
+		await T.flushAllDrafts(), k(!1), j({});
+	}, [T]), U = F(() => {
 		let e = {}, t = E({
-			entity: d,
+			entity: f,
 			formData: A,
 			record: M,
 			isNew: !1
 		}), n = w(t);
-		for (let [t, n] of Object.entries(A)) d.files?.has(t) || (e[t] = b(d, t, n));
+		for (let [t, n] of Object.entries(A)) f.files?.has(t) || (e[t] = b(f, t, n));
 		if (Object.keys(t).length > 0 && (e.$files = t), Object.keys(e).length === 0) {
 			k(!1), j({});
 			return;
 		}
-		T.mutate({
-			pkValues: r,
+		x.mutate({
+			pkValues: a,
 			data: e
 		}, {
 			onSuccess: () => {
-				n.forEach((e) => D.markCommitted(e)), k(!1), j({}), h.success("Saved");
+				n.forEach((e) => T.markCommitted(e)), k(!1), j({}), s.success("Saved");
 			},
-			onError: () => h.error("Failed to save")
+			onError: () => s.error("Failed to save")
 		});
 	}, [
-		D,
 		T,
-		r,
-		d,
+		x,
+		a,
+		f,
 		A,
 		M
 	]), ue = F((e, t) => {
@@ -662,34 +662,34 @@ function q({ entityCode: n, recordId: r, items: s, schema: c, entity: d, onBackT
 			[e]: t
 		}));
 	}, []);
-	if (x) return /* @__PURE__ */ V(C, {});
+	if (ie) return /* @__PURE__ */ V(C, {});
 	if (!M) return null;
-	let W = u(M, d), G = d.display?.display_field, K = W ? void 0 : G ? M[G] : M[d.fields.names()[0]], de = W || (K != null && typeof K != "object" ? te(K) : i(d.display.name)), q = M?.$refs, J = {
-		schema: c,
-		entity: d,
+	let W = c(M, f), G = f.display?.display_field, K = W ? void 0 : G ? M[G] : M[f.fields.names()[0]], de = W || (K != null && typeof K != "object" ? ee(K) : l(f.display.name)), q = M?.$refs, J = {
+		schema: d,
+		entity: f,
 		entityCode: n,
-		recordId: r,
-		record: O ? {
+		recordId: a,
+		record: D ? {
 			...M,
 			...A
 		} : M,
 		isNew: !1,
-		mode: O ? "edit" : "display",
-		onFieldChange: O ? ue : void 0,
+		mode: D ? "edit" : "display",
+		onFieldChange: D ? ue : void 0,
 		refs: q,
-		objectProperties: ae ?? void 0,
+		objectProperties: se ?? void 0,
 		onSetProperty: g ? (e, t) => I.mutate({
 			propertyCode: e,
 			value: t
 		}) : void 0,
 		isPropertyPending: I.isPending,
-		objectStatuses: ie ?? void 0,
-		onSetStatus: g ? (e, t) => se.mutate({
+		objectStatuses: oe ?? void 0,
+		onSetStatus: g ? (e, t) => P.mutate({
 			groupCode: e,
 			statusCode: t
 		}) : void 0,
-		isStatusPending: se.isPending,
-		relatedRecordsPresentation: ee
+		isStatusPending: P.isPending,
+		relatedRecordsPresentation: te
 	};
 	return /* @__PURE__ */ H("div", {
 		style: {
@@ -726,23 +726,23 @@ function q({ entityCode: n, recordId: r, items: s, schema: c, entity: d, onBackT
 					alignItems: "center",
 					gap: 6
 				},
-				children: [m && /* @__PURE__ */ V(f, {
+				children: [p && /* @__PURE__ */ V(r, {
 					icon: /* @__PURE__ */ V(e.back, { size: 14 }),
 					title: "Back to list",
-					onClick: m
-				}), g && (O ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(p, {
+					onClick: p
+				}), g && (D ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(i, {
 					size: "xs",
 					icon: /* @__PURE__ */ V(e.x, { size: 12 }),
 					onClick: le,
 					children: "Cancel"
-				}), /* @__PURE__ */ V(p, {
+				}), /* @__PURE__ */ V(i, {
 					kind: "primary",
 					size: "xs",
-					icon: T.isPending ? /* @__PURE__ */ V(t, { size: 12 }) : /* @__PURE__ */ V(e.save, { size: 12 }),
+					icon: x.isPending ? /* @__PURE__ */ V(t, { size: 12 }) : /* @__PURE__ */ V(e.save, { size: 12 }),
 					onClick: U,
-					disabled: T.isPending,
-					children: T.isPending ? "Saving…" : "Save"
-				})] }) : /* @__PURE__ */ V(p, {
+					disabled: x.isPending,
+					children: x.isPending ? "Saving…" : "Save"
+				})] }) : /* @__PURE__ */ V(i, {
 					size: "xs",
 					icon: /* @__PURE__ */ V(e.edit, { size: 12 }),
 					onClick: ce,
@@ -758,8 +758,8 @@ function q({ entityCode: n, recordId: r, items: s, schema: c, entity: d, onBackT
 				flexDirection: "column",
 				gap: 12
 			},
-			children: s && s.length > 0 ? /* @__PURE__ */ V(P, {
-				nodes: s,
+			children: u && u.length > 0 ? /* @__PURE__ */ V(N, {
+				nodes: u,
 				ctx: J
 			}) : /* @__PURE__ */ H("p", {
 				style: {