@declarion/react 0.31.1 → 0.32.0

package/dist-lib/{SmartRecordListPage.impl-B1iws8yf.js → SmartRecordListPage.impl-BKIpTNK7.js}

@@ -1,105 +1,105 @@
 import { s as e } from "./DynamicIcon-DCRdxxZ7.js";
-import { $ as t, Dn as n, Fn as r, Hn as i, M as a, Vn as o, g as s, gn as c, hn as l, in as u, k as d, kn as f, on as p, p as m, pt as ee, rn as h, tn as g, v as _, wn as te } from "./ActionRunner-BzaZQtiI.js";
-import { $ as v, H as y, J as b, X as x, Y as S, Z as C, _ as w, a as T, c as E, q as D, s as O, w as ne } from "./registry-2KliNTHB.js";
-import { b as k, d as A, f as j, g as M, m as re, n as N, p as ie, r as P, s as F } from "./useProperties-Co3RdtuT.js";
-import { t as I } from "./LayoutRenderer-3RvIsC9M.js";
-import { useCallback as L, useEffect as R, useMemo as z, useRef as B, useState as ae } from "react";
-import { useSearchParams as oe } from "react-router-dom";
-import { Fragment as se, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { Dn as t, Fn as n, Hn as r, M as i, R as a, Vn as o, g as s, gn as c, hn as l, in as u, k as d, kn as f, on as p, p as m, pt as ee, rn as h, tn as g, v as _, wn as te } from "./ActionRunner-CaSrGpBi.js";
+import { $ as v, G as ne, Q as re, X as y, Z as b, _ as ie, a as x, c as S, et as C, nt as w, s as T, w as ae } from "./registry-KQyyL5Gt.js";
+import { b as E, d as D, f as O, g as k, m as oe, n as A, p as se, r as j, s as M } from "./useProperties-D74hyWIa.js";
+import { t as N } from "./LayoutRenderer-CelsqsZ6.js";
+import { useCallback as P, useEffect as F, useMemo as I, useRef as L, useState as ce } from "react";
+import { useSearchParams as le } from "react-router-dom";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
 //#region src/components/pages/SmartRecordListPage.impl.tsx
-function U({ screenCode: t }) {
-	let [i, s] = oe(), { data: l } = ee(), u = r(), f = l?.screens[t], m = f?.entity ? l?.entities[f.entity] : void 0, g = f?.entity;
-	re(f, m, i.toString()), M(f?.route);
-	let _ = w(), v = i.get("selected") ?? null, y = i.get("search") ?? "", b = d(y, 300), x = i.get("sort") ?? f?.sort_default ?? "", S = z(() => {
-		let e = A(i);
+function V({ screenCode: r }) {
+	let [a, s] = le(), { data: l } = ee(), u = n(), f = l?.screens[r], m = f?.entity ? l?.entities[f.entity] : void 0, g = f?.entity;
+	oe(f, m, a.toString()), k(f?.route);
+	let _ = ie(), v = a.get("selected") ?? null, ne = a.get("search") ?? "", re = d(ne, 300), y = a.get("sort") ?? f?.sort_default ?? "", b = I(() => {
+		let e = D(a);
 		return e.length > 0 ? e : void 0;
-	}, [i]), C = z(() => f?.columns ?? m?.fields.names().filter((e) => !m.fields.get(e)?.primary && !m.fields.get(e)?.auto && m.fields.get(e)?.display?.is_listable !== !1).slice(0, 4) ?? [], [f?.columns, m]), T = z(() => {
+	}, [a]), x = I(() => f?.columns ?? m?.fields.names().filter((e) => !m.fields.get(e)?.primary && !m.fields.get(e)?.auto && m.fields.get(e)?.display?.is_listable !== !1).slice(0, 4) ?? [], [f?.columns, m]), C = I(() => {
 		let e = f?.responsive?.[u.category]?.presentation;
 		return u.category === "phone" ? "drilldown" : e === "split" || e === "drilldown" || e === "stacked" ? e : "split";
-	}, [f?.responsive, u.category]), D = z(() => {
+	}, [f?.responsive, u.category]), w = I(() => {
 		let e = f?.responsive?.[u.category];
 		return e?.list?.presentation === "table" || e?.list?.presentation === "cards" ? e.list.presentation : e?.presentation === "table" || e?.presentation === "cards" ? e.presentation : u.category === "phone" ? "cards" : "table";
-	}, [f?.responsive, u.category]), ne = f?.responsive?.[u.category]?.layout?.related_records, N = z(() => O({
+	}, [f?.responsive, u.category]), ae = f?.responsive?.[u.category]?.layout?.related_records, A = I(() => T({
 		entity: m,
 		screen: f
-	}), [m, f]), P = z(() => E({
+	}), [m, f]), j = I(() => S({
 		entity: m,
 		screen: f,
-		presentation: D,
-		visibleColumns: C,
-		card: N,
-		sort: x
+		presentation: w,
+		visibleColumns: x,
+		card: A,
+		sort: y
 	}), [
 		m,
 		f,
-		D,
-		C,
-		N,
-		x
-	]), I = m?.list_pagination === "cursor", { data: U, isLoading: W } = a(g, {
+		w,
+		x,
+		A,
+		y
+	]), N = m?.list_pagination === "cursor", { data: V, isLoading: H } = i(g, {
 		page: 1,
 		per_page: 200,
-		sort: x || void 0,
-		search: b || void 0,
-		filters: S,
-		select: P.selectFields,
-		expand: P.expandFields,
+		sort: y || void 0,
+		search: re || void 0,
+		filters: b,
+		select: j.selectFields,
+		expand: j.expandFields,
 		preview: !0,
-		screen: f?.fixed_filters ? t : void 0
-	}, !I), G = k(g, {
-		sort: x || void 0,
-		search: b || void 0,
-		filters: S,
-		select: P.selectFields,
-		expand: P.expandFields,
+		screen: f?.fixed_filters ? r : void 0
+	}, !N), U = E(g, {
+		sort: y || void 0,
+		search: re || void 0,
+		filters: b,
+		select: j.selectFields,
+		expand: j.expandFields,
 		preview: !0,
-		screen: f?.fixed_filters ? t : void 0,
+		screen: f?.fixed_filters ? r : void 0,
 		limit: 200
-	}, I), K = I ? G.rows : U?.data ?? [], J = I ? G.refs : U?.$refs, le = I ? G.isLoading : W, ue = z(() => m?.fields.names().find((e) => m.fields.get(e)?.primary) ?? "id", [m]), de = L((e, t) => {
+	}, N), W = N ? U.rows : V?.data ?? [], K = N ? U.refs : V?.$refs, q = N ? U.isLoading : H, de = I(() => m?.fields.names().find((e) => m.fields.get(e)?.primary) ?? "id", [m]), fe = P((e, t) => {
 		s((t) => {
 			let n = new URLSearchParams(t);
 			return e ? n.set("selected", e) : n.delete("selected"), n;
 		}, { replace: t?.replace ?? !0 });
-	}, [s]), fe = L((e) => {
+	}, [s]), pe = P((e) => {
 		s((t) => {
 			let n = new URLSearchParams(t);
 			return e ? n.set("search", e) : n.delete("search"), n;
 		}, { replace: !0 });
-	}, [s]), pe = L((e, t) => {
+	}, [s]), me = P((e, t) => {
 		s((n) => {
-			let r = new URLSearchParams(n), i = A(n), a;
-			return a = t && t !== "__all__" ? [...j(i, e), F(e, t)] : j(i, e), ie(a, r), r;
+			let r = new URLSearchParams(n), i = D(n), a;
+			return a = t && t !== "__all__" ? [...O(i, e), M(e, t)] : O(i, e), se(a, r), r;
 		}, { replace: !0 });
-	}, [s]), Y = (f?.list_resizable ?? !1) && T === "split" && u.category !== "phone" && !u.touch, me = B(null), [X, Z] = ae(null), Q = B(!1), $ = f?.list_width;
-	R(() => {
-		!Y || !$?.endsWith("%") || Z(null);
+	}, [s]), J = (f?.list_resizable ?? !1) && C === "split" && u.category !== "phone" && !u.touch, Y = L(null), [X, Z] = ce(null), Q = L(!1), $ = f?.list_width;
+	F(() => {
+		!J || !$?.endsWith("%") || Z(null);
 	}, [
-		Y,
+		J,
 		$,
 		u.width,
 		u.height
-	]), R(() => {
-		if (!Y || X !== null) return;
-		let e = me.current;
+	]), F(() => {
+		if (!J || X !== null) return;
+		let e = Y.current;
 		if (e) if ($ && $.endsWith("%")) {
 			let t = parseFloat($) / 100;
 			Z(Math.round(e.getBoundingClientRect().width * t));
 		} else Z($ && parseInt($, 10) || 320);
 	}, [
-		Y,
+		J,
 		$,
 		X,
 		m
 	]);
-	let he = B(null);
-	R(() => () => {
+	let he = L(null);
+	F(() => () => {
 		he.current?.();
 	}, []);
-	let ge = L((e) => {
+	let ge = P((e) => {
 		e.preventDefault(), Q.current = !0;
 		let t = e.clientX, n = X ?? 320, r = (e) => {
 			if (!Q.current) return;
-			let r = (me.current?.getBoundingClientRect().width ?? window.innerWidth) - 300;
+			let r = (Y.current?.getBoundingClientRect().width ?? window.innerWidth) - 300;
 			Z(Math.max(200, Math.min(r, n + e.clientX - t)));
 		}, i = () => {
 			Q.current = !1, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", he.current = null;
@@ -107,32 +107,32 @@ function U({ screenCode: t }) {
 		document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), he.current = i;
 	}, [X]);
 	if (!l || !f || !m) return null;
-	let _e = S?.length ?? 0, ve = T === "split" || T === "stacked" || !v, ye = T === "split" || T === "stacked" || !!v, be = T !== "split" && v ? () => de(null, { replace: !0 }) : void 0, xe = T === "split" ? Y && X !== null ? X : f.list_width ?? "320px" : "100%";
-	return /* @__PURE__ */ H("div", {
-		ref: me,
-		"data-record-list-presentation": T,
+	let _e = b?.length ?? 0, ve = C === "split" || C === "stacked" || !v, ye = C === "split" || C === "stacked" || !!v, be = C !== "split" && v ? () => fe(null, { replace: !0 }) : void 0, xe = C === "split" ? J && X !== null ? X : f.list_width ?? "320px" : "100%";
+	return /* @__PURE__ */ B("div", {
+		ref: Y,
+		"data-record-list-presentation": C,
 		style: {
 			display: "flex",
-			flexDirection: T === "stacked" ? "column" : "row",
+			flexDirection: C === "stacked" ? "column" : "row",
 			height: "100%",
 			minWidth: 0,
 			overflow: "hidden"
 		},
 		children: [
-			ve && /* @__PURE__ */ H("div", {
+			ve && /* @__PURE__ */ B("div", {
 				"data-testid": "record-list-panel",
 				style: {
-					flex: T === "split" ? "none" : "1 1 auto",
+					flex: C === "split" ? "none" : "1 1 auto",
 					display: "flex",
 					flexDirection: "column",
 					overflow: "hidden",
-					borderRight: T === "split" && !Y ? "1px solid var(--divider)" : "none",
-					borderBottom: T === "stacked" ? "1px solid var(--divider)" : "none",
+					borderRight: C === "split" && !J ? "1px solid var(--divider)" : "none",
+					borderBottom: C === "stacked" ? "1px solid var(--divider)" : "none",
 					width: xe,
 					minWidth: 0,
-					height: T === "stacked" ? "50%" : "100%"
+					height: C === "stacked" ? "50%" : "100%"
 				},
-				children: [/* @__PURE__ */ H("div", {
+				children: [/* @__PURE__ */ B("div", {
 					style: {
 						padding: 12,
 						display: "flex",
@@ -141,17 +141,17 @@ function U({ screenCode: t }) {
 						borderBottom: "1px solid var(--divider)"
 					},
 					children: [
-						_.hasOriginBack && /* @__PURE__ */ H("div", {
+						_.hasOriginBack && /* @__PURE__ */ B("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: 8
 							},
-							children: [/* @__PURE__ */ V(o, {
-								icon: /* @__PURE__ */ V(e.back, { size: 14 }),
+							children: [/* @__PURE__ */ z(o, {
+								icon: /* @__PURE__ */ z(e.back, { size: 14 }),
 								title: "Back",
 								onClick: _.goBack
-							}), /* @__PURE__ */ V("span", {
+							}), /* @__PURE__ */ z("span", {
 								style: {
 									fontSize: 12.5,
 									fontWeight: 600,
@@ -160,13 +160,13 @@ function U({ screenCode: t }) {
 								children: p(f.display?.name) || p(m.display.name_plural)
 							})]
 						}),
-						/* @__PURE__ */ V(n, {
-							value: y,
-							onChange: fe,
+						/* @__PURE__ */ z(t, {
+							value: ne,
+							onChange: pe,
 							placeholder: `Search ${p(m.display.name_plural)}…`,
-							prefix: /* @__PURE__ */ V(e.search, { size: 13 })
+							prefix: /* @__PURE__ */ z(e.search, { size: 13 })
 						}),
-						f.filters && f.filters.length > 0 && /* @__PURE__ */ V("div", {
+						f.filters && f.filters.length > 0 && /* @__PURE__ */ z("div", {
 							style: {
 								display: "flex",
 								flexWrap: "wrap",
@@ -175,10 +175,10 @@ function U({ screenCode: t }) {
 							children: f.filters.map((e) => {
 								let t = m.fields.get(e);
 								if (!t?.values) return null;
-								let n = S?.find((t) => t.field === e && t.op === "eq")?.value ?? "__all__", r = h(t, e, l.entities);
-								return /* @__PURE__ */ V("div", {
+								let n = b?.find((t) => t.field === e && t.op === "eq")?.value ?? "__all__", r = h(t, e, l.entities);
+								return /* @__PURE__ */ z("div", {
 									style: { minWidth: 120 },
-									children: /* @__PURE__ */ V(te, {
+									children: /* @__PURE__ */ z(te, {
 										value: n,
 										options: [{
 											value: "__all__",
@@ -187,13 +187,13 @@ function U({ screenCode: t }) {
 											value: e.code,
 											label: p(e.name) || e.code
 										}))],
-										onChange: (t) => pe(e, t),
+										onChange: (t) => me(e, t),
 										placeholder: r
 									})
 								}, e);
 							})
 						}),
-						/* @__PURE__ */ H("div", {
+						/* @__PURE__ */ B("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -201,7 +201,7 @@ function U({ screenCode: t }) {
 								fontSize: 11,
 								color: "var(--text-3)"
 							},
-							children: [/* @__PURE__ */ V("span", { children: le ? "Loading…" : `${K.length} ${p(m.display.name_plural)}` }), _e > 0 && /* @__PURE__ */ V("button", {
+							children: [/* @__PURE__ */ z("span", { children: q ? "Loading…" : `${W.length} ${p(m.display.name_plural)}` }), _e > 0 && /* @__PURE__ */ z("button", {
 								onClick: () => s((e) => {
 									let t = new URLSearchParams(e);
 									return t.delete("filters"), t;
@@ -219,28 +219,28 @@ function U({ screenCode: t }) {
 							})]
 						})
 					]
-				}), /* @__PURE__ */ V("div", {
+				}), /* @__PURE__ */ z("div", {
 					style: {
 						flex: 1,
 						overflowY: "auto",
-						padding: D === "cards" ? 10 : 0,
-						display: D === "cards" ? "flex" : "block",
+						padding: w === "cards" ? 10 : 0,
+						display: w === "cards" ? "flex" : "block",
 						flexDirection: "column",
-						gap: D === "cards" ? 10 : void 0
+						gap: w === "cards" ? 10 : void 0
 					},
-					children: le ? /* @__PURE__ */ V("div", {
+					children: q ? /* @__PURE__ */ z("div", {
 						style: {
 							padding: 12,
 							display: "flex",
 							flexDirection: "column",
 							gap: 6
 						},
-						children: Array.from({ length: 8 }).map((e, t) => /* @__PURE__ */ V("div", { style: {
+						children: Array.from({ length: 8 }).map((e, t) => /* @__PURE__ */ z("div", { style: {
 							height: 48,
 							borderRadius: 6,
 							background: "var(--surface-3)"
 						} }, t))
-					}) : K.length === 0 ? /* @__PURE__ */ V("div", {
+					}) : W.length === 0 ? /* @__PURE__ */ z("div", {
 						style: {
 							padding: 28,
 							textAlign: "center",
@@ -248,23 +248,23 @@ function U({ screenCode: t }) {
 							color: "var(--text-3)"
 						},
 						children: "No records found"
-					}) : /* @__PURE__ */ H(se, { children: [K.map((e) => {
-						let t = c(e[ue]);
-						return /* @__PURE__ */ V(ce, {
+					}) : /* @__PURE__ */ B(R, { children: [W.map((e) => {
+						let t = c(e[de]);
+						return /* @__PURE__ */ z(ue, {
 							record: e,
 							entity: m,
-							columns: C,
-							card: N,
-							presentation: D,
-							refs: J,
+							columns: x,
+							card: A,
+							presentation: w,
+							refs: K,
 							isSelected: t === v,
-							onClick: () => de(t, { replace: T === "split" })
+							onClick: () => fe(t, { replace: C === "split" })
 						}, t);
-					}), I && G.hasMore && /* @__PURE__ */ V("button", {
+					}), N && U.hasMore && /* @__PURE__ */ z("button", {
 						type: "button",
 						"data-testid": "record-list-load-more",
-						onClick: () => void G.fetchNextPage(),
-						disabled: G.isFetchingNextPage,
+						onClick: () => void U.fetchNextPage(),
+						disabled: U.isFetchingNextPage,
 						style: {
 							width: "100%",
 							padding: "8px 12px",
@@ -273,13 +273,13 @@ function U({ screenCode: t }) {
 							border: "none",
 							borderTop: "1px solid var(--divider)",
 							color: "var(--text-2)",
-							cursor: G.isFetchingNextPage ? "default" : "pointer"
+							cursor: U.isFetchingNextPage ? "default" : "pointer"
 						},
-						children: G.isFetchingNextPage ? "Loading…" : "Load more"
+						children: U.isFetchingNextPage ? "Loading…" : "Load more"
 					})] })
 				})]
 			}),
-			Y && /* @__PURE__ */ V("div", {
+			J && /* @__PURE__ */ z("div", {
 				"data-testid": "record-list-resize-handle",
 				onMouseDown: ge,
 				style: {
@@ -292,23 +292,23 @@ function U({ screenCode: t }) {
 				onMouseEnter: (e) => e.currentTarget.style.background = "var(--border-strong)",
 				onMouseLeave: (e) => e.currentTarget.style.background = "var(--divider)"
 			}),
-			ye && /* @__PURE__ */ V("div", {
+			ye && /* @__PURE__ */ z("div", {
 				"data-testid": "record-detail-panel",
 				style: {
 					flex: 1,
 					minWidth: 0,
 					overflow: "hidden",
-					height: T === "stacked" ? "50%" : "100%"
+					height: C === "stacked" ? "50%" : "100%"
 				},
-				children: v ? /* @__PURE__ */ V(q, {
+				children: v ? /* @__PURE__ */ z(G, {
 					entityCode: g,
 					recordId: v,
 					items: f.items,
 					schema: l,
 					entity: m,
 					onBackToList: be,
-					relatedRecordsPresentation: ne
-				}, v) : /* @__PURE__ */ V("div", {
+					relatedRecordsPresentation: ae
+				}, v) : /* @__PURE__ */ z("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
@@ -316,7 +316,7 @@ function U({ screenCode: t }) {
 						height: "100%",
 						color: "var(--text-3)"
 					},
-					children: /* @__PURE__ */ H("p", {
+					children: /* @__PURE__ */ B("p", {
 						style: { fontSize: 12.5 },
 						children: [
 							"Select a ",
@@ -329,11 +329,11 @@ function U({ screenCode: t }) {
 		]
 	});
 }
-function ce({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a, isSelected: o, onClick: s }) {
+function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a, isSelected: o, onClick: s }) {
 	let c = m();
 	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", {
+		let n = r.badgeFields.filter((n) => H(t, e, n)), i = r.bodyFields.filter((n) => H(t, e, n)), l = r.metaFields.filter((n) => H(t, e, n));
+		return /* @__PURE__ */ B("button", {
 			type: "button",
 			"data-testid": "record-list-card",
 			"aria-current": o ? "true" : void 0,
@@ -353,13 +353,13 @@ function ce({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 				boxShadow: o ? "inset 3px 0 0 var(--accent)" : "none"
 			},
 			children: [
-				/* @__PURE__ */ V(G, {
+				/* @__PURE__ */ z(U, {
 					entity: t,
 					record: e,
 					field: r.titleField,
 					refs: a
 				}),
-				r.subtitleField && /* @__PURE__ */ V("div", {
+				r.subtitleField && /* @__PURE__ */ z("div", {
 					style: {
 						fontSize: 12,
 						color: "var(--text-3)",
@@ -374,13 +374,13 @@ function ce({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 						locale: c
 					})
 				}),
-				n.length > 0 && /* @__PURE__ */ V("div", {
+				n.length > 0 && /* @__PURE__ */ z("div", {
 					style: {
 						display: "flex",
 						flexWrap: "wrap",
 						gap: 6
 					},
-					children: n.map((n) => /* @__PURE__ */ V("span", {
+					children: n.map((n) => /* @__PURE__ */ z("span", {
 						style: {
 							border: "1px solid var(--border)",
 							borderRadius: 999,
@@ -400,14 +400,14 @@ function ce({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 						})
 					}, n))
 				}),
-				i.length > 0 && /* @__PURE__ */ V("dl", {
+				i.length > 0 && /* @__PURE__ */ z("dl", {
 					style: {
 						display: "grid",
 						gridTemplateColumns: "minmax(72px, max-content) minmax(0, 1fr)",
 						gap: "5px 10px",
 						margin: 0
 					},
-					children: i.map((n) => /* @__PURE__ */ V(K, {
+					children: i.map((n) => /* @__PURE__ */ z(W, {
 						entity: t,
 						record: e,
 						fieldName: n,
@@ -415,7 +415,7 @@ function ce({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 						locale: c
 					}, n))
 				}),
-				l.length > 0 && /* @__PURE__ */ V("div", {
+				l.length > 0 && /* @__PURE__ */ z("div", {
 					style: {
 						display: "flex",
 						flexWrap: "wrap",
@@ -423,7 +423,7 @@ function ce({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 						fontSize: 11,
 						color: "var(--text-3)"
 					},
-					children: l.map((n) => /* @__PURE__ */ V("span", {
+					children: l.map((n) => /* @__PURE__ */ z("span", {
 						style: {
 							minWidth: 0,
 							overflowWrap: "anywhere"
@@ -442,7 +442,7 @@ function ce({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 		});
 	}
 	let l = n[0], u = n[1], d = n.slice(2, 4);
-	return /* @__PURE__ */ H("button", {
+	return /* @__PURE__ */ B("button", {
 		onClick: s,
 		style: {
 			width: "100%",
@@ -465,7 +465,7 @@ function ce({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 		onMouseLeave: (e) => {
 			o || (e.currentTarget.style.background = "transparent");
 		},
-		children: [l && /* @__PURE__ */ V("div", {
+		children: [l && /* @__PURE__ */ z("div", {
 			style: {
 				fontSize: 12.5,
 				fontWeight: 500,
@@ -482,13 +482,13 @@ function ce({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 				refs: a,
 				locale: c
 			})
-		}), /* @__PURE__ */ H("div", {
+		}), /* @__PURE__ */ B("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
 				gap: 6
 			},
-			children: [u && /* @__PURE__ */ V("div", {
+			children: [u && /* @__PURE__ */ z("div", {
 				style: {
 					fontSize: 11,
 					color: "var(--text-3)",
@@ -505,14 +505,14 @@ function ce({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 					refs: a,
 					locale: c
 				})
-			}), /* @__PURE__ */ V("div", {
+			}), /* @__PURE__ */ z("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					gap: 4,
 					flexShrink: 0
 				},
-				children: d.map((n) => x(t, e, n) == null ? null : /* @__PURE__ */ V("div", {
+				children: d.map((n) => v(t, e, n) == null ? null : /* @__PURE__ */ z("div", {
 					style: { fontSize: 11 },
 					children: C({
 						entity: t,
@@ -527,13 +527,13 @@ function ce({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 		})]
 	});
 }
-function W(e, t, n) {
-	let r = x(e, t, n);
+function H(e, t, n) {
+	let r = v(e, t, n);
 	return !(r == null || r === "" || Array.isArray(r) && r.length === 0);
 }
-function G({ entity: e, record: t, field: n, refs: r }) {
+function U({ entity: e, record: t, field: n, refs: r }) {
 	let i = m(), a = u(t, e);
-	return /* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ z("div", {
 		style: {
 			fontSize: 13.5,
 			fontWeight: 600,
@@ -550,11 +550,11 @@ function G({ entity: e, record: t, field: n, refs: r }) {
 		}) : a) || p(e.display.name)
 	});
 }
-function K({ entity: e, record: t, fieldName: n, refs: r, locale: i }) {
-	let a = x(e, t, n);
+function W({ entity: e, record: t, fieldName: n, refs: r, locale: i }) {
+	let a = v(e, t, n);
 	if (a == null || a === "") return null;
 	let o = e.fields.get(n);
-	return o ? /* @__PURE__ */ H(se, { children: [/* @__PURE__ */ V("dt", {
+	return o ? /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z("dt", {
 		style: {
 			color: "var(--text-3)",
 			fontSize: 11.5,
@@ -562,7 +562,7 @@ function K({ entity: e, record: t, fieldName: n, refs: r, locale: i }) {
 			overflowWrap: "anywhere"
 		},
 		children: h(o, n)
-	}), /* @__PURE__ */ V("dd", {
+	}), /* @__PURE__ */ z("dd", {
 		style: {
 			margin: 0,
 			color: "var(--text)",
@@ -580,8 +580,8 @@ function K({ entity: e, record: t, fieldName: n, refs: r, locale: i }) {
 		})
 	})] }) : null;
 }
-function q({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBackToList: a, relatedRecordsPresentation: o }) {
-	return /* @__PURE__ */ V(s, { children: /* @__PURE__ */ V(J, {
+function G({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBackToList: a, relatedRecordsPresentation: o }) {
+	return /* @__PURE__ */ z(s, { children: /* @__PURE__ */ z(K, {
 		entityCode: e,
 		recordId: t,
 		items: n,
@@ -591,97 +591,97 @@ function q({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBackT
 		relatedRecordsPresentation: o
 	}) });
 }
-function J({ entityCode: n, recordId: r, items: a, schema: s, entity: d, onBackToList: m, relatedRecordsPresentation: ee }) {
-	let h = g(d, "update"), { data: te, isLoading: C } = T(n, z(() => r ? l(d, r) : void 0, [r, d])), w = y(n), E = _(), [O, k] = ae(!1), [A, j] = ae({}), M = te?.data, re = M?.$statuses, ie = M?.$properties, F = P(n, r), R = N(n, r), B = z(() => {
+function K({ entityCode: t, recordId: n, items: i, schema: s, entity: d, onBackToList: m, relatedRecordsPresentation: ee }) {
+	let h = g(d, "update"), { data: te, isLoading: ie } = x(t, I(() => n ? l(d, n) : void 0, [n, d])), S = ne(t), C = _(), [T, E] = ce(!1), [D, O] = ce({}), k = te?.data, oe = k?.$statuses, se = k?.$properties, M = j(t, n), F = A(t, n), L = I(() => {
 		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);
 		return e;
-	}, [d]), oe = L(() => {
-		if (M) {
+	}, [d]), le = P(() => {
+		if (k) {
 			let e = {};
-			B.forEach((t) => {
-				let n = x(d, M, t);
-				e[t] = S(d, t) ? n ?? null : n ?? "";
-			}), j(e);
+			L.forEach((t) => {
+				let n = v(d, k, t);
+				e[t] = re(d, t) ? n ?? null : n ?? "";
+			}), O(e);
 		}
-		k(!0);
+		E(!0);
 	}, [
-		M,
-		B,
+		k,
+		L,
 		d
-	]), U = L(async () => {
-		await E.flushAllDrafts(), k(!1), j({});
-	}, [E]), ce = L(() => {
-		let e = {}, n = D({
+	]), V = P(async () => {
+		await C.flushAllDrafts(), E(!1), O({});
+	}, [C]), ue = P(() => {
+		let e = {}, t = y({
 			entity: d,
-			formData: A,
-			record: M,
+			formData: D,
+			record: k,
 			isNew: !1
-		}), i = b(n);
-		for (let [t, n] of Object.entries(A)) d.files?.has(t) || (e[t] = v(d, t, n));
-		if (Object.keys(n).length > 0 && (e.$files = n), Object.keys(e).length === 0) {
-			k(!1), j({});
+		}), r = b(t);
+		for (let [t, n] of Object.entries(D)) d.files?.has(t) || (e[t] = w(d, t, n));
+		if (Object.keys(t).length > 0 && (e.$files = t), Object.keys(e).length === 0) {
+			E(!1), O({});
 			return;
 		}
-		w.mutate({
-			pkValues: r,
+		S.mutate({
+			pkValues: n,
 			data: e
 		}, {
 			onSuccess: () => {
-				i.forEach((e) => E.markCommitted(e)), k(!1), j({}), t.success("Saved");
+				r.forEach((e) => C.markCommitted(e)), E(!1), O({}), a.success("Saved");
 			},
-			onError: () => t.error("Failed to save")
+			onError: () => a.error("Failed to save")
 		});
 	}, [
-		E,
-		w,
-		r,
+		C,
+		S,
+		n,
 		d,
-		A,
-		M
-	]), W = L((e, t) => {
-		j((n) => ({
+		D,
+		k
+	]), H = P((e, t) => {
+		O((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, []);
-	if (C) return /* @__PURE__ */ V(ne, {});
-	if (!M) return null;
-	let G = u(M, d), K = d.display?.display_field, q = G ? void 0 : K ? M[K] : M[d.fields.names()[0]], J = G || (q != null && typeof q != "object" ? c(q) : p(d.display.name)), le = M?.$refs, ue = {
+	if (ie) return /* @__PURE__ */ z(ae, {});
+	if (!k) return null;
+	let U = u(k, d), W = d.display?.display_field, G = U ? void 0 : W ? k[W] : k[d.fields.names()[0]], K = U || (G != null && typeof G != "object" ? c(G) : p(d.display.name)), q = k?.$refs, de = {
 		schema: s,
 		entity: d,
-		entityCode: n,
-		recordId: r,
-		record: O ? {
-			...M,
-			...A
-		} : M,
+		entityCode: t,
+		recordId: n,
+		record: T ? {
+			...k,
+			...D
+		} : k,
 		isNew: !1,
-		mode: O ? "edit" : "display",
-		onFieldChange: O ? W : void 0,
-		refs: le,
-		objectProperties: ie ?? void 0,
-		onSetProperty: h ? (e, t) => R.mutate({
+		mode: T ? "edit" : "display",
+		onFieldChange: T ? H : void 0,
+		refs: q,
+		objectProperties: se ?? void 0,
+		onSetProperty: h ? (e, t) => F.mutate({
 			propertyCode: e,
 			value: t
 		}) : void 0,
-		isPropertyPending: R.isPending,
-		objectStatuses: re ?? void 0,
-		onSetStatus: h ? (e, t) => F.mutate({
+		isPropertyPending: F.isPending,
+		objectStatuses: oe ?? void 0,
+		onSetStatus: h ? (e, t) => M.mutate({
 			groupCode: e,
 			statusCode: t
 		}) : void 0,
-		isStatusPending: F.isPending,
+		isStatusPending: M.isPending,
 		relatedRecordsPresentation: ee
 	};
-	return /* @__PURE__ */ H("div", {
+	return /* @__PURE__ */ B("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			height: "100%"
 		},
-		children: [/* @__PURE__ */ H("div", {
+		children: [/* @__PURE__ */ B("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
@@ -693,7 +693,7 @@ function J({ entityCode: n, recordId: r, items: a, schema: s, entity: d, onBackT
 				background: "var(--surface)",
 				zIndex: 10
 			},
-			children: [/* @__PURE__ */ V("h2", {
+			children: [/* @__PURE__ */ z("h2", {
 				style: {
 					margin: 0,
 					fontSize: 13,
@@ -703,37 +703,37 @@ function J({ entityCode: n, recordId: r, items: a, schema: s, entity: d, onBackT
 					whiteSpace: "nowrap",
 					color: "var(--text)"
 				},
-				children: J
-			}), /* @__PURE__ */ H("div", {
+				children: K
+			}), /* @__PURE__ */ B("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					gap: 6
 				},
-				children: [m && /* @__PURE__ */ V(o, {
-					icon: /* @__PURE__ */ V(e.back, { size: 14 }),
+				children: [m && /* @__PURE__ */ z(o, {
+					icon: /* @__PURE__ */ z(e.back, { size: 14 }),
 					title: "Back to list",
 					onClick: m
-				}), h && (O ? /* @__PURE__ */ H(se, { children: [/* @__PURE__ */ V(i, {
+				}), h && (T ? /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(r, {
 					size: "xs",
-					icon: /* @__PURE__ */ V(e.x, { size: 12 }),
-					onClick: U,
+					icon: /* @__PURE__ */ z(e.x, { size: 12 }),
+					onClick: V,
 					children: "Cancel"
-				}), /* @__PURE__ */ V(i, {
+				}), /* @__PURE__ */ z(r, {
 					kind: "primary",
 					size: "xs",
-					icon: w.isPending ? /* @__PURE__ */ V(f, { size: 12 }) : /* @__PURE__ */ V(e.save, { size: 12 }),
-					onClick: ce,
-					disabled: w.isPending,
-					children: w.isPending ? "Saving…" : "Save"
-				})] }) : /* @__PURE__ */ V(i, {
+					icon: S.isPending ? /* @__PURE__ */ z(f, { size: 12 }) : /* @__PURE__ */ z(e.save, { size: 12 }),
+					onClick: ue,
+					disabled: S.isPending,
+					children: S.isPending ? "Saving…" : "Save"
+				})] }) : /* @__PURE__ */ z(r, {
 					size: "xs",
-					icon: /* @__PURE__ */ V(e.edit, { size: 12 }),
-					onClick: oe,
+					icon: /* @__PURE__ */ z(e.edit, { size: 12 }),
+					onClick: le,
 					children: "Edit"
 				}))]
 			})]
-		}), /* @__PURE__ */ V("div", {
+		}), /* @__PURE__ */ z("div", {
 			style: {
 				flex: 1,
 				overflowY: "auto",
@@ -742,17 +742,17 @@ function J({ entityCode: n, recordId: r, items: a, schema: s, entity: d, onBackT
 				flexDirection: "column",
 				gap: 12
 			},
-			children: a && a.length > 0 ? /* @__PURE__ */ V(I, {
-				nodes: a,
-				ctx: ue
-			}) : /* @__PURE__ */ H("p", {
+			children: i && i.length > 0 ? /* @__PURE__ */ z(N, {
+				nodes: i,
+				ctx: de
+			}) : /* @__PURE__ */ B("p", {
 				style: {
 					fontSize: 12.5,
 					color: "var(--text-3)"
 				},
 				children: [
 					"No layout configured. Add ",
-					/* @__PURE__ */ V("code", { children: "items:" }),
+					/* @__PURE__ */ z("code", { children: "items:" }),
 					" to the screen definition."
 				]
 			})
@@ -760,4 +760,4 @@ function J({ entityCode: n, recordId: r, items: a, schema: s, entity: d, onBackT
 	});
 }
 //#endregion
-export { U as SmartRecordListPage };
+export { V as SmartRecordListPage };