@declarion/react 0.45.0 → 0.47.0

package/dist-lib/{SmartRecordListPage.impl-GIo_mPIJ.js → SmartRecordListPage.impl-SkIp0_Rd.js}

@@ -1,115 +1,114 @@
-import { s as e } from "./DynamicIcon-DeRpAaXm.js";
-import { A as t, At as n, Cn as r, F as i, Kn as a, Ln as o, N as s, Pn as c, Sn as l, Tn as u, X as d, Yn as f, Zn as p, bn as m, lr as ee, q as h, rr as te, rt as g, ur as _ } from "./useCurrentScreen-A3xZDs7U.js";
-import { G as v, K as y, U as b, W as x, Y as S, _ as ne, a as C, c as w, k as T, q as E, s as D, w as re } from "./registry-DJKp0yaV.js";
-import { _ as O, c as k, f as A, h as j, m as ie, n as M, p as N, r as P, x as F } from "./useProperties-TlltWwLv.js";
-import { t as I } from "./LayoutRenderer-BReuhVdX.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";
-import { Fragment as se, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { s as e } from "./DynamicIcon-Dc2j-rg_.js";
+import { A as t, At as n, Cn as r, F as i, Kn as a, Ln as o, N as s, Pn as c, Sn as l, Tn as u, X as d, Yn as f, Zn as p, bn as m, lr as ee, q as h, rr as te, rt as g, ur as _ } from "./useCurrentScreen-ow4r-nWa.js";
+import { $ as v, A as y, Q as b, T as x, X as S, Z as C, a as w, c as ne, et as T, nt as E, s as D, v as O } from "./registry-C2VD-5MD.js";
+import { S as k, c as A, f as j, g as M, h as N, m as re, n as ie, r as P, v as ae } from "./useProperties-lEKfzm2X.js";
+import { t as F } from "./LayoutRenderer-CzAdhjNT.js";
+import { useCallback as I, useEffect as L, useMemo as R, useRef as z, useState as oe } from "react";
+import { useSearchParams as se } from "react-router";
+import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
 //#region src/components/pages/SmartRecordListPage.impl.tsx
 function U({ screenCode: t }) {
-	let [r, i] = oe(), { data: s } = n(), c = te(), p = s?.screens[t], m = p?.entity ? s?.entities[p.entity] : void 0, g = p?.entity;
-	j(p, m, r.toString()), O(p?.route);
-	let _ = ne(), v = r.get("selected") ?? null, y = r.get("search") ?? "", b = h(y, 300), x = r.get("sort") ?? p?.sort_default ?? "", S = z(() => {
-		let e = A(r);
-		return e.length > 0 ? e : void 0;
-	}, [r]), C = z(() => p?.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) ?? [], [p?.columns, m]), T = z(() => {
+	let [r, i] = se(), { data: s } = n(), c = te(), p = s?.screens[t], m = p?.entity ? s?.entities[p.entity] : void 0, g = p?.entity;
+	M(p, m, r.toString()), ae(p?.route);
+	let _ = O(), v = r.get("selected") ?? null, y = r.get("search") ?? "", b = h(y, 300), x = r.get("sort") ?? p?.sort_default ?? "", S = R(() => j(r), [r]), C = S.filters.length > 0 ? S.filters : void 0, w = R(() => p?.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) ?? [], [p?.columns, m]), T = R(() => {
 		let e = p?.responsive?.[c.category]?.presentation;
 		return c.category === "phone" ? "drilldown" : e === "split" || e === "drilldown" || e === "stacked" ? e : "split";
-	}, [p?.responsive, c.category]), E = z(() => {
+	}, [p?.responsive, c.category]), E = R(() => {
 		let e = p?.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";
-	}, [p?.responsive, c.category]), re = p?.responsive?.[c.category]?.layout?.related_records, M = z(() => D({
+	}, [p?.responsive, c.category]), ie = p?.responsive?.[c.category]?.layout?.related_records, P = R(() => D({
 		entity: m,
 		screen: p
-	}), [m, p]), P = z(() => w({
+	}), [m, p]), F = R(() => ne({
 		entity: m,
 		screen: p,
 		presentation: E,
-		visibleColumns: C,
-		card: M,
+		visibleColumns: w,
+		card: P,
 		sort: x
 	}), [
 		m,
 		p,
 		E,
-		C,
-		M,
+		w,
+		P,
 		x
-	]), I = m?.list_pagination === "cursor", { data: U, isLoading: W } = d(g, {
+	]), U = m?.list_pagination === "cursor", { data: W, isLoading: G } = d(g, {
 		page: 1,
 		per_page: 200,
 		sort: x || void 0,
 		search: b || void 0,
-		filters: S,
-		select: P.selectFields,
-		expand: P.expandFields,
+		filters: S.error ? void 0 : C,
+		select: F.selectFields,
+		expand: F.expandFields,
 		preview: !0,
 		screen: p?.fixed_filters ? t : void 0
-	}, !I), G = F(g, {
+	}, !U), K = k(g, {
 		sort: x || void 0,
 		search: b || void 0,
-		filters: S,
-		select: P.selectFields,
-		expand: P.expandFields,
+		filters: S.error ? void 0 : C,
+		select: F.selectFields,
+		expand: F.expandFields,
 		preview: !0,
 		screen: p?.fixed_filters ? t : 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) => {
+	}, U), J = U ? K.rows : W?.data ?? [], le = U ? K.refs : W?.$refs, ue = U ? K.isLoading : G, de = R(() => m?.fields.names().find((e) => m.fields.get(e)?.primary) ?? "id", [m]), fe = I((e, t) => {
 		i((t) => {
 			let n = new URLSearchParams(t);
 			return e ? n.set("selected", e) : n.delete("selected"), n;
 		}, { replace: t?.replace ?? !0 });
-	}, [i]), fe = L((e) => {
+	}, [i]), pe = I((e) => {
 		i((t) => {
 			let n = new URLSearchParams(t);
 			return e ? n.set("search", e) : n.delete("search"), n;
 		}, { replace: !0 });
-	}, [i]), pe = L((e, t) => {
+	}, [i]), me = I((e, t) => {
 		i((n) => {
-			let r = new URLSearchParams(n), i = A(n), a;
-			return a = t && t !== "__all__" ? [...N(i, e), k(e, t)] : N(i, e), ie(a, r), r;
+			let r = new URLSearchParams(n), i = j(n).filters, a;
+			return a = t && t !== "__all__" ? [...re(i, e), A(e, t)] : re(i, e), N(a, r), r;
 		}, { replace: !0 });
-	}, [i]), Y = (p?.list_resizable ?? !1) && T === "split" && c.category !== "phone" && !c.touch, me = B(null), [X, Z] = ae(null), Q = B(!1), $ = p?.list_width;
-	R(() => {
+	}, [i]), Y = (p?.list_resizable ?? !1) && T === "split" && c.category !== "phone" && !c.touch, he = z(null), [X, Z] = oe(null), Q = z(!1), $ = p?.list_width;
+	L(() => {
 		!Y || !$?.endsWith("%") || Z(null);
 	}, [
 		Y,
 		$,
 		c.width,
 		c.height
-	]), R(() => {
+	]), L(() => {
 		if (!Y || X !== null) return;
-		let e = me.current;
-		if (e) if ($ && $.endsWith("%")) {
-			let t = parseFloat($) / 100;
-			Z(Math.round(e.getBoundingClientRect().width * t));
-		} else Z($ && parseInt($, 10) || 320);
+		let e = he.current;
+		if (e) {
+			if ($ && $.endsWith("%")) {
+				let t = parseFloat($) / 100;
+				Z(Math.round(e.getBoundingClientRect().width * t));
+			} else Z($ && parseInt($, 10) || 320);
+		}
 	}, [
 		Y,
 		$,
 		X,
 		m
 	]);
-	let he = B(null);
-	R(() => () => {
-		he.current?.();
+	let ge = z(null);
+	L(() => () => {
+		ge.current?.();
 	}, []);
-	let ge = L((e) => {
+	let _e = I((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, i = Math.max(200, Math.min(r, n + e.clientX - t));
+			let r = (he.current?.getBoundingClientRect().width ?? window.innerWidth) - 300, i = Math.max(200, Math.min(r, n + e.clientX - t));
 			Z(i);
 		}, i = () => {
-			Q.current = !1, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", he.current = null;
+			Q.current = !1, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", ge.current = null;
 		};
-		document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), he.current = i;
+		document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), ge.current = i;
 	}, [X]);
 	if (!s || !p || !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 : p.list_width ?? "320px" : "100%";
+	let ve = C?.length ?? 0, ye = T === "split" || T === "stacked" || !v, be = T === "split" || T === "stacked" || !!v, xe = T !== "split" && v ? () => fe(null, { replace: !0 }) : void 0, Se = T === "split" ? Y && X !== null ? X : p.list_width ?? "320px" : "100%";
 	return /* @__PURE__ */ H("div", {
-		ref: me,
+		ref: he,
 		"data-record-list-presentation": T,
 		style: {
 			display: "flex",
@@ -119,7 +118,7 @@ function U({ screenCode: t }) {
 			overflow: "hidden"
 		},
 		children: [
-			ve && /* @__PURE__ */ H("div", {
+			ye && /* @__PURE__ */ H("div", {
 				"data-testid": "record-list-panel",
 				style: {
 					flex: T === "split" ? "none" : "1 1 auto",
@@ -128,7 +127,7 @@ function U({ screenCode: t }) {
 					overflow: "hidden",
 					borderRight: T === "split" && !Y ? "1px solid var(--divider)" : "none",
 					borderBottom: T === "stacked" ? "1px solid var(--divider)" : "none",
-					width: xe,
+					width: Se,
 					minWidth: 0,
 					height: T === "stacked" ? "50%" : "100%"
 				},
@@ -162,10 +161,22 @@ function U({ screenCode: t }) {
 						}),
 						/* @__PURE__ */ V(f, {
 							value: y,
-							onChange: fe,
+							onChange: pe,
 							placeholder: `Search ${u(m.display.name_plural)}…`,
 							prefix: /* @__PURE__ */ V(e.search, { size: 13 })
 						}),
+						S.error && /* @__PURE__ */ H("div", {
+							role: "alert",
+							"data-testid": "record-list-filter-url-error",
+							style: {
+								padding: "7px 9px",
+								border: "1px solid var(--danger)",
+								borderRadius: 6,
+								color: "var(--danger)",
+								fontSize: 11.5
+							},
+							children: [S.error, " Showing this list without URL filters."]
+						}),
 						p.filters && p.filters.length > 0 && /* @__PURE__ */ V("div", {
 							style: {
 								display: "flex",
@@ -175,19 +186,19 @@ function U({ screenCode: t }) {
 							children: p.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 = l(t, e, s.entities);
+								let n = C?.find((t) => t.field === e && t.op === "eq")?.value ?? "__all__", r = l(t, e, s.entities), i = [{
+									value: "__all__",
+									label: `All ${r}`
+								}, ...t.values.map((e) => ({
+									value: e.code,
+									label: u(e.name) || e.code
+								}))];
 								return /* @__PURE__ */ V("div", {
 									style: { minWidth: 120 },
 									children: /* @__PURE__ */ V(a, {
 										value: n,
-										options: [{
-											value: "__all__",
-											label: `All ${r}`
-										}, ...t.values.map((e) => ({
-											value: e.code,
-											label: u(e.name) || e.code
-										}))],
-										onChange: (t) => pe(e, t),
+										options: i,
+										onChange: (t) => me(e, t),
 										placeholder: r
 									})
 								}, e);
@@ -201,7 +212,7 @@ function U({ screenCode: t }) {
 								fontSize: 11,
 								color: "var(--text-3)"
 							},
-							children: [/* @__PURE__ */ V("span", { children: le ? "Loading…" : `${K.length} ${u(m.display.name_plural)}` }), _e > 0 && /* @__PURE__ */ V("button", {
+							children: [/* @__PURE__ */ V("span", { children: ue ? "Loading…" : `${J.length} ${u(m.display.name_plural)}` }), ve > 0 && /* @__PURE__ */ V("button", {
 								onClick: () => i((e) => {
 									let t = new URLSearchParams(e);
 									return t.delete("filters"), t;
@@ -228,7 +239,7 @@ function U({ screenCode: t }) {
 						flexDirection: "column",
 						gap: E === "cards" ? 10 : void 0
 					},
-					children: le ? /* @__PURE__ */ V("div", {
+					children: ue ? /* @__PURE__ */ V("div", {
 						style: {
 							padding: 12,
 							display: "flex",
@@ -240,7 +251,7 @@ function U({ screenCode: t }) {
 							borderRadius: 6,
 							background: "var(--surface-3)"
 						} }, t))
-					}) : K.length === 0 ? /* @__PURE__ */ V("div", {
+					}) : J.length === 0 ? /* @__PURE__ */ V("div", {
 						style: {
 							padding: 28,
 							textAlign: "center",
@@ -248,23 +259,23 @@ function U({ screenCode: t }) {
 							color: "var(--text-3)"
 						},
 						children: "No records found"
-					}) : /* @__PURE__ */ H(se, { children: [K.map((e) => {
-						let t = o(e[ue]);
+					}) : /* @__PURE__ */ H(B, { children: [J.map((e) => {
+						let t = o(e[de]);
 						return /* @__PURE__ */ V(ce, {
 							record: e,
 							entity: m,
-							columns: C,
-							card: M,
+							columns: w,
+							card: P,
 							presentation: E,
-							refs: J,
+							refs: le,
 							isSelected: t === v,
-							onClick: () => de(t, { replace: T === "split" })
+							onClick: () => fe(t, { replace: T === "split" })
 						}, t);
-					}), I && G.hasMore && /* @__PURE__ */ V("button", {
+					}), U && K.hasMore && /* @__PURE__ */ V("button", {
 						type: "button",
 						"data-testid": "record-list-load-more",
-						onClick: () => void G.fetchNextPage(),
-						disabled: G.isFetchingNextPage,
+						onClick: () => void K.fetchNextPage(),
+						disabled: K.isFetchingNextPage,
 						style: {
 							width: "100%",
 							padding: "8px 12px",
@@ -273,15 +284,15 @@ function U({ screenCode: t }) {
 							border: "none",
 							borderTop: "1px solid var(--divider)",
 							color: "var(--text-2)",
-							cursor: G.isFetchingNextPage ? "default" : "pointer"
+							cursor: K.isFetchingNextPage ? "default" : "pointer"
 						},
-						children: G.isFetchingNextPage ? "Loading…" : "Load more"
+						children: K.isFetchingNextPage ? "Loading…" : "Load more"
 					})] })
 				})]
 			}),
 			Y && /* @__PURE__ */ V("div", {
 				"data-testid": "record-list-resize-handle",
-				onMouseDown: ge,
+				onMouseDown: _e,
 				style: {
 					flex: "none",
 					width: 1,
@@ -292,7 +303,7 @@ 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", {
+			be && /* @__PURE__ */ V("div", {
 				"data-testid": "record-detail-panel",
 				style: {
 					flex: 1,
@@ -306,8 +317,8 @@ function U({ screenCode: t }) {
 					items: p.items,
 					schema: s,
 					entity: m,
-					onBackToList: be,
-					relatedRecordsPresentation: re
+					onBackToList: xe,
+					relatedRecordsPresentation: ie
 				}, v) : /* @__PURE__ */ V("div", {
 					style: {
 						display: "flex",
@@ -365,7 +376,7 @@ function ce({ record: e, entity: n, columns: r, card: i, presentation: a, refs:
 						color: "var(--text-3)",
 						overflowWrap: "anywhere"
 					},
-					children: E({
+					children: T({
 						entity: n,
 						fieldName: i.subtitleField,
 						record: e,
@@ -390,7 +401,7 @@ function ce({ record: e, entity: n, columns: r, card: i, presentation: a, refs:
 							maxWidth: "100%",
 							overflowWrap: "anywhere"
 						},
-						children: E({
+						children: T({
 							entity: n,
 							fieldName: t,
 							record: e,
@@ -428,7 +439,7 @@ function ce({ record: e, entity: n, columns: r, card: i, presentation: a, refs:
 							minWidth: 0,
 							overflowWrap: "anywhere"
 						},
-						children: E({
+						children: T({
 							entity: n,
 							fieldName: t,
 							record: e,
@@ -474,7 +485,7 @@ function ce({ record: e, entity: n, columns: r, card: i, presentation: a, refs:
 				whiteSpace: "nowrap",
 				color: "var(--text)"
 			},
-			children: E({
+			children: T({
 				entity: n,
 				fieldName: u,
 				record: e,
@@ -497,7 +508,7 @@ function ce({ record: e, entity: n, columns: r, card: i, presentation: a, refs:
 					textOverflow: "ellipsis",
 					whiteSpace: "nowrap"
 				},
-				children: E({
+				children: T({
 					entity: n,
 					fieldName: d,
 					record: e,
@@ -512,9 +523,9 @@ function ce({ record: e, entity: n, columns: r, card: i, presentation: a, refs:
 					gap: 4,
 					flexShrink: 0
 				},
-				children: f.map((t) => y(n, e, t) == null ? null : /* @__PURE__ */ V("div", {
+				children: f.map((t) => v(n, e, t) == null ? null : /* @__PURE__ */ V("div", {
 					style: { fontSize: 11 },
-					children: E({
+					children: T({
 						entity: n,
 						fieldName: t,
 						record: e,
@@ -528,11 +539,18 @@ function ce({ record: e, entity: n, columns: r, card: i, presentation: a, refs:
 	});
 }
 function W(e, t, n) {
-	let r = y(e, t, n);
+	let r = v(e, t, n);
 	return !(r == null || r === "" || Array.isArray(r) && r.length === 0);
 }
 function G({ entity: e, record: n, field: i, refs: a }) {
-	let o = t(), s = r(n, e);
+	let o = t(), s = r(n, e), c = i ? T({
+		entity: e,
+		fieldName: i,
+		record: n,
+		mode: "display",
+		refs: a,
+		locale: o
+	}) : s;
 	return /* @__PURE__ */ V("div", {
 		style: {
 			fontSize: 13.5,
@@ -540,21 +558,14 @@ function G({ entity: e, record: n, field: i, refs: a }) {
 			color: "var(--text)",
 			overflowWrap: "anywhere"
 		},
-		children: (i ? E({
-			entity: e,
-			fieldName: i,
-			record: n,
-			mode: "display",
-			refs: a,
-			locale: o
-		}) : s) || u(e.display.name)
+		children: c || u(e.display.name)
 	});
 }
 function K({ entity: e, record: t, fieldName: n, refs: r, locale: i }) {
-	let a = y(e, t, n);
+	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__ */ H(B, { children: [/* @__PURE__ */ V("dt", {
 		style: {
 			color: "var(--text-3)",
 			fontSize: 11.5,
@@ -570,7 +581,7 @@ function K({ entity: e, record: t, fieldName: n, refs: r, locale: i }) {
 			minWidth: 0,
 			overflowWrap: "anywhere"
 		},
-		children: E({
+		children: T({
 			entity: e,
 			fieldName: n,
 			record: t,
@@ -592,87 +603,87 @@ function q({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBackT
 	}) });
 }
 function J({ entityCode: t, recordId: n, items: a, schema: s, entity: l, onBackToList: d, relatedRecordsPresentation: f }) {
-	let h = m(l, "update"), { data: te, isLoading: ne } = C(t, z(() => n ? c(l, n) : void 0, [n, l])), w = T(t), E = i(), [D, O] = ae(!1), [k, A] = ae({}), j = te?.data, ie = j?.$statuses, N = j?.$properties, F = P(t, n), R = M(t, n), B = z(() => {
+	let h = m(l, "update"), te = R(() => n ? c(l, n) : void 0, [n, l]), { data: ne, isLoading: T } = w(t, te), D = y(t), O = i(), [k, A] = oe(!1), [j, M] = oe({}), N = ne?.data, re = N?.$statuses, ae = N?.$properties, L = P(t, n), z = ie(t, n), se = R(() => {
 		let e = /* @__PURE__ */ new Set();
 		for (let [t, n] of l.fields) !n.auto && !n.primary && e.add(t);
 		for (let [t] of l.files ?? []) e.add(t);
 		return e;
-	}, [l]), oe = L(() => {
-		if (j) {
+	}, [l]), U = I(() => {
+		if (N) {
 			let e = {};
-			B.forEach((t) => {
-				let n = y(l, j, t);
-				e[t] = v(l, t) ? n ?? null : n ?? "";
-			}), A(e);
+			se.forEach((t) => {
+				let n = v(l, N, t);
+				e[t] = b(l, t) ? n ?? null : n ?? "";
+			}), M(e);
 		}
-		O(!0);
+		A(!0);
 	}, [
-		j,
-		B,
+		N,
+		se,
 		l
-	]), U = L(async () => {
-		await E.flushAllDrafts(), O(!1), A({});
-	}, [E]), ce = L(() => {
-		let e = {}, t = b({
+	]), ce = I(async () => {
+		await O.flushAllDrafts(), A(!1), M({});
+	}, [O]), W = I(() => {
+		let e = {}, t = S({
 			entity: l,
-			formData: k,
-			record: j,
+			formData: j,
+			record: N,
 			isNew: !1
-		}), r = x(t);
-		for (let [t, n] of Object.entries(k)) l.files?.has(t) || (e[t] = S(l, t, n));
+		}), r = C(t);
+		for (let [t, n] of Object.entries(j)) l.files?.has(t) || (e[t] = E(l, t, n));
 		if (Object.keys(t).length > 0 && (e.$files = t), Object.keys(e).length === 0) {
-			O(!1), A({});
+			A(!1), M({});
 			return;
 		}
-		w.mutate({
+		D.mutate({
 			pkValues: n,
 			data: e
 		}, {
 			onSuccess: () => {
-				r.forEach((e) => E.markCommitted(e)), O(!1), A({}), g.success("Saved");
+				r.forEach((e) => O.markCommitted(e)), A(!1), M({}), g.success("Saved");
 			},
 			onError: () => g.error("Failed to save")
 		});
 	}, [
-		E,
-		w,
+		O,
+		D,
 		n,
 		l,
-		k,
-		j
-	]), W = L((e, t) => {
-		A((n) => ({
+		j,
+		N
+	]), G = I((e, t) => {
+		M((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, []);
-	if (ne) return /* @__PURE__ */ V(re, {});
-	if (!j) return null;
-	let G = r(j, l), K = l.display?.display_field, q = G ? void 0 : K ? j[K] : j[l.fields.names()[0]], J = G || (q != null && typeof q != "object" ? o(q) : u(l.display.name)), le = j?.$refs, ue = {
+	if (T) return /* @__PURE__ */ V(x, {});
+	if (!N) return null;
+	let K = r(N, l), q = l.display?.display_field, J = K ? void 0 : q ? N[q] : N[l.fields.names()[0]], le = K || (J != null && typeof J != "object" ? o(J) : u(l.display.name)), ue = N?.$refs, de = {
 		schema: s,
 		entity: l,
 		entityCode: t,
 		recordId: n,
-		record: D ? {
-			...j,
-			...k
-		} : j,
+		record: k ? {
+			...N,
+			...j
+		} : N,
 		isNew: !1,
-		mode: D ? "edit" : "display",
-		onFieldChange: D ? W : void 0,
-		refs: le,
-		objectProperties: N ?? void 0,
-		onSetProperty: h ? (e, t) => R.mutate({
+		mode: k ? "edit" : "display",
+		onFieldChange: k ? G : void 0,
+		refs: ue,
+		objectProperties: ae ?? void 0,
+		onSetProperty: h ? (e, t) => z.mutate({
 			propertyCode: e,
 			value: t
 		}) : void 0,
-		isPropertyPending: R.isPending,
-		objectStatuses: ie ?? void 0,
-		onSetStatus: h ? (e, t) => F.mutate({
+		isPropertyPending: z.isPending,
+		objectStatuses: re ?? void 0,
+		onSetStatus: h ? (e, t) => L.mutate({
 			groupCode: e,
 			statusCode: t
 		}) : void 0,
-		isStatusPending: F.isPending,
+		isStatusPending: L.isPending,
 		relatedRecordsPresentation: f
 	};
 	return /* @__PURE__ */ H("div", {
@@ -703,7 +714,7 @@ function J({ entityCode: t, recordId: n, items: a, schema: s, entity: l, onBackT
 					whiteSpace: "nowrap",
 					color: "var(--text)"
 				},
-				children: J
+				children: le
 			}), /* @__PURE__ */ H("div", {
 				style: {
 					display: "flex",
@@ -714,22 +725,22 @@ function J({ entityCode: t, recordId: n, items: a, schema: s, entity: l, onBackT
 					icon: /* @__PURE__ */ V(e.back, { size: 14 }),
 					title: "Back to list",
 					onClick: d
-				}), h && (D ? /* @__PURE__ */ H(se, { children: [/* @__PURE__ */ V(_, {
+				}), h && (k ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(_, {
 					size: "xs",
 					icon: /* @__PURE__ */ V(e.x, { size: 12 }),
-					onClick: U,
+					onClick: ce,
 					children: "Cancel"
 				}), /* @__PURE__ */ V(_, {
 					kind: "primary",
 					size: "xs",
-					icon: w.isPending ? /* @__PURE__ */ V(p, { size: 12 }) : /* @__PURE__ */ V(e.save, { size: 12 }),
-					onClick: ce,
-					disabled: w.isPending,
-					children: w.isPending ? "Saving…" : "Save"
+					icon: D.isPending ? /* @__PURE__ */ V(p, { size: 12 }) : /* @__PURE__ */ V(e.save, { size: 12 }),
+					onClick: W,
+					disabled: D.isPending,
+					children: D.isPending ? "Saving…" : "Save"
 				})] }) : /* @__PURE__ */ V(_, {
 					size: "xs",
 					icon: /* @__PURE__ */ V(e.edit, { size: 12 }),
-					onClick: oe,
+					onClick: U,
 					children: "Edit"
 				}))]
 			})]
@@ -742,9 +753,9 @@ function J({ entityCode: t, recordId: n, items: a, schema: s, entity: l, onBackT
 				flexDirection: "column",
 				gap: 12
 			},
-			children: a && a.length > 0 ? /* @__PURE__ */ V(I, {
+			children: a && a.length > 0 ? /* @__PURE__ */ V(F, {
 				nodes: a,
-				ctx: ue
+				ctx: de
 			}) : /* @__PURE__ */ H("p", {
 				style: {
 					fontSize: 12.5,