@declarion/react 0.53.0 → 0.54.1

package/dist-lib/{ListCardsBody-dRnXsQ7A.js → ListCardsBody-Cdsvu0Vs.js}

@@ -1,8 +1,8 @@
-import { Pr as e, Yn as t, Zn as n, lr as r } from "./useCurrentScreen-BdnZq8vZ.js";
+import { er as e, mr as t, nr as n, zr as r } from "./useCurrentScreen-aHx9HH1m.js";
 import { t as i } from "./Check-DAfMbQIw.js";
-import { f as a, m as o, p as s, r as c } from "./action-dispatch-DlHTYag7.js";
-import { t as l } from "./cardProjection-C7Orz841.js";
-import { t as u } from "./SmartListPage.impl-BwWURGwa.js";
+import { f as a, m as o, p as s, r as c } from "./action-dispatch-JcUrLFaW.js";
+import { t as l } from "./cardProjection-Q2kwqv8V.js";
+import { t as u } from "./SmartListPage.impl-DnM8e14t.js";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/pages/list/ListCardRow.tsx
 function p(e, t, r) {
@@ -16,72 +16,72 @@ function p(e, t, r) {
 	}
 	return o(t, e, r);
 }
-function m(e, t, n) {
+function m(e, n, r) {
 	if (e.startsWith("$status.")) {
-		let n = e.slice(8), r = t.$statuses;
-		return Array.isArray(r) && r.some((e) => e.group_code === n);
+		let t = e.slice(8), r = n.$statuses;
+		return Array.isArray(r) && r.some((e) => e.group_code === t);
 	}
 	if (e.startsWith("$property.")) {
-		let n = e.slice(10), i = t.$properties, a = Array.isArray(i) ? i.find((e) => e.property_code === n) : void 0;
-		return a?.value != null && r(a.value) !== "";
+		let r = e.slice(10), i = n.$properties, a = Array.isArray(i) ? i.find((e) => e.property_code === r) : void 0;
+		return a?.value != null && t(a.value) !== "";
 	}
-	let i = a(n, t, e);
-	return i != null && r(i) !== "";
+	let i = a(r, n, e);
+	return i != null && t(i) !== "";
 }
-function h(t, i, a) {
+function h(e, i, a) {
 	let { entity: o, entityCode: c, refs: l, locale: u, renderers: f } = a;
-	if (t.startsWith("$status.")) {
-		let r = t.slice(8), a = o.status_groups?.[r], s = i.$statuses, c = Array.isArray(s) ? s.find((e) => e.group_code === r) : void 0;
+	if (e.startsWith("$status.")) {
+		let t = e.slice(8), a = o.status_groups?.[t], s = i.$statuses, c = Array.isArray(s) ? s.find((e) => e.group_code === t) : void 0;
 		if (!a || !c) return /* @__PURE__ */ d("span", {
 			style: { color: "var(--text-3)" },
 			children: "-"
 		});
 		let l = a.statuses.find((e) => e.code === c.status_code);
-		return /* @__PURE__ */ d(e, {
+		return /* @__PURE__ */ d(r, {
 			tone: l?.color ?? "slate",
 			size: "xs",
 			children: n(l?.name) || c.status_code
 		});
 	}
-	if (t.startsWith("$property.")) {
-		let e = t.slice(10), n = i.$properties, a = Array.isArray(n) ? n.find((t) => t.property_code === e) : void 0;
+	if (e.startsWith("$property.")) {
+		let n = e.slice(10), r = i.$properties, a = Array.isArray(r) ? r.find((e) => e.property_code === n) : void 0;
 		return !a || a.value == null ? /* @__PURE__ */ d("span", {
 			style: { color: "var(--text-3)" },
 			children: "-"
-		}) : /* @__PURE__ */ d("span", { children: r(a.value) });
+		}) : /* @__PURE__ */ d("span", { children: t(a.value) });
 	}
-	if (o.files?.get(t)) return s({
+	if (o.files?.get(e)) return s({
 		entity: o,
 		entityCode: c,
-		fieldName: t,
+		fieldName: e,
 		record: i,
 		mode: "display",
 		surface: "list",
 		refs: l,
 		locale: u
 	});
-	let p = f.get(t);
+	let p = f.get(e);
 	if (!p) {
-		let e = i[t];
-		return r(e) || /* @__PURE__ */ d("span", {
+		let n = i[e];
+		return t(n) || /* @__PURE__ */ d("span", {
 			style: { color: "var(--text-3)" },
 			children: "-"
 		});
 	}
-	return p(i[t], i);
+	return p(i[e], i);
 }
-function g({ row: e, rowIndex: n, entity: r, screen: a, entityCode: o, entities: s, savedViewColumns: g, refs: _, locale: v, renderers: y, rowActions: b, tabNavigate: x, interaction: S, hasSoftDelete: C, zebra: w, hasBatchActions: T, hasDetailTarget: E, rowKey: D, measureElement: O }) {
+function g({ row: t, rowIndex: n, entity: r, screen: a, entityCode: o, entities: s, savedViewColumns: g, refs: _, locale: v, renderers: y, rowActions: b, tabNavigate: x, interaction: S, hasSoftDelete: C, zebra: w, hasBatchActions: T, hasDetailTarget: E, rowKey: D, measureElement: O }) {
 	let k = {
 		entity: r,
 		entityCode: o,
 		refs: _,
 		locale: v,
 		renderers: y
-	}, A = e.original, j = c(r, a, A), M = l({
+	}, A = t.original, j = c(r, a, A), M = l({
 		entity: r,
 		screen: j,
 		savedViewColumns: g
-	}), N = C && A[r.soft_delete] != null, P = e.getIsSelected(), F = w && n % 2 == 1, I = E || S.peekAllowed, L = (M.titleUsesDisplay ? t(A, r) ?? (M.titleField ? null : D(A)) : null) || (M.titleField ? h(M.titleField, A, k) : D(A)), R = M.badgeFields.filter((e) => !M.hideEmptyFields || m(e, A, r)), z = M.bodyFields.filter((e) => !M.hideEmptyFields || m(e, A, r)), B = M.metaFields.filter((e) => !M.hideEmptyFields || m(e, A, r));
+	}), N = C && A[r.soft_delete] != null, P = t.getIsSelected(), F = w && n % 2 == 1, I = E || S.peekAllowed, L = (M.titleUsesDisplay ? e(A, r) ?? (M.titleField ? null : D(A)) : null) || (M.titleField ? h(M.titleField, A, k) : D(A)), R = M.badgeFields.filter((e) => !M.hideEmptyFields || m(e, A, r)), z = M.bodyFields.filter((e) => !M.hideEmptyFields || m(e, A, r)), B = M.metaFields.filter((e) => !M.hideEmptyFields || m(e, A, r));
 	return /* @__PURE__ */ d("div", {
 		"data-index": n,
 		"data-testid": "list-card",
@@ -135,7 +135,7 @@ function g({ row: e, rowIndex: n, entity: r, screen: a, entityCode: o, entities:
 					style: { paddingTop: 2 },
 					children: /* @__PURE__ */ d(i, {
 						checked: P,
-						onChange: () => e.toggleSelected()
+						onChange: () => t.toggleSelected()
 					})
 				}),
 				/* @__PURE__ */ f("div", {
@@ -253,7 +253,7 @@ function g({ row: e, rowIndex: n, entity: r, screen: a, entityCode: o, entities:
 				})
 			]
 		})
-	}, e.id);
+	}, t.id);
 }
 //#endregion
 //#region src/components/pages/list/ListCardsBody.tsx

package/dist-lib/{MarkdownRenderer-BCyrsLrd.js → MarkdownRenderer-CZo5ZgM7.js}

@@ -1,4 +1,4 @@
-import { Et as e, mt as t } from "./useCurrentScreen-BdnZq8vZ.js";
+import { Tt as e, ft as t } from "./useCurrentScreen-aHx9HH1m.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import i, { defaultUrlTransform as a } from "react-markdown";
 import o from "remark-breaks";

package/dist-lib/{RefreshControl-CV8nGACW.js → RefreshControl-CJm3vz9p.js}

@@ -1,6 +1,6 @@
 import { s as e } from "./DynamicIcon-DW5krHuX.js";
-import { Cr as t, Dr as n, Fr as r, Ht as i, Or as a, Pr as o } from "./useCurrentScreen-BdnZq8vZ.js";
-import { D as s, L as c, b as l, c as u } from "./field-classification-EY8CFF3P.js";
+import { Br as t, Gt as n, Mr as r, Nr as i, Or as a, Vt as o, zr as s } from "./useCurrentScreen-aHx9HH1m.js";
+import { D as c, b as l, c as u } from "./field-classification-ssZvtr8J.js";
 import { useCallback as d, useEffect as f, useId as p, useMemo as m, useRef as h, useState as g } from "react";
 import { useLocation as _ } from "react-router";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
@@ -171,7 +171,7 @@ function I(e) {
 //#endregion
 //#region src/hooks/useBranding.ts
 function L() {
-	let e = c(A);
+	let e = n(A);
 	return {
 		branding: N(e.value),
 		isLoading: e.loading
@@ -186,34 +186,34 @@ function z() {
 //#endregion
 //#region src/hooks/useBrandingChrome.ts
 function B() {
-	let e = i(), t = z();
+	let e = o(), t = z();
 	return (e.enabled ? t?.embed?.viewport : t?.full?.viewport) ?? "auto";
 }
 function V(e, t) {
 	return typeof e == "number" && Number.isFinite(e) && e > 0 ? e : t;
 }
 function H() {
-	let e = i(), t = z(), n = e.enabled ? t?.embed?.breakpoints : t?.full?.breakpoints, r = n?.phone_max, a = n?.tablet_max, o = n?.landscape_phone_max_height;
+	let e = o(), t = z(), n = e.enabled ? t?.embed?.breakpoints : t?.full?.breakpoints, r = n?.phone_max, i = n?.tablet_max, a = n?.landscape_phone_max_height;
 	return m(() => U({
 		phone_max: r,
-		tablet_max: a,
-		landscape_phone_max_height: o
+		tablet_max: i,
+		landscape_phone_max_height: a
 	}), [
 		r,
-		a,
-		o
+		i,
+		a
 	]);
 }
 function U(e) {
-	let t = V(e?.phone_max, a.phoneMax), n = V(e?.tablet_max, a.tabletMax), r = t < n;
+	let t = V(e?.phone_max, i.phoneMax), n = V(e?.tablet_max, i.tabletMax), r = t < n;
 	return r || console.error(`branding.chrome breakpoints: phone_max (${t}) must be below tablet_max (${n}), or no viewport can ever resolve to the tablet class. Both bounds fall back to the SDK defaults.`), {
-		phoneMax: r ? t : a.phoneMax,
-		tabletMax: r ? n : a.tabletMax,
-		landscapePhoneMaxHeight: V(e?.landscape_phone_max_height, a.landscapePhoneMaxHeight)
+		phoneMax: r ? t : i.phoneMax,
+		tabletMax: r ? n : i.tabletMax,
+		landscapePhoneMaxHeight: V(e?.landscape_phone_max_height, i.landscapePhoneMaxHeight)
 	};
 }
 function W(e) {
-	let t = i(), n = z();
+	let t = o(), n = z();
 	return m(() => {
 		let r = { ...t.enabled ? n?.embed?.surfaces?.[e] : n?.full?.surfaces?.[e] };
 		return {
@@ -272,7 +272,7 @@ function Q(e, t, n, r) {
 function te(e = K) {
 	let t = _(), n = h(null);
 	if (n.current === null) {
-		let r = l(t), i = s.getState().read(r, e);
+		let r = l(t), i = c.getState().read(r, e);
 		n.current = i && Number.isFinite(i.offset) ? Math.max(0, i.offset) : 0;
 	}
 	return n.current;
@@ -295,19 +295,19 @@ function ne(e) {
 	};
 }
 function re(e) {
-	let { virtualizer: t, scrollElementRef: n, rowKeys: r } = e, i = e.stateKey ?? "scroll", a = e.enabled ?? !0, o = _(), c = l(o), u = h(t);
+	let { virtualizer: t, scrollElementRef: n, rowKeys: r } = e, i = e.stateKey ?? "scroll", a = e.enabled ?? !0, o = _(), s = l(o), u = h(t);
 	u.current = t;
 	let d = h(r);
 	d.current = r;
 	let p = h(null);
 	f(() => {
-		p.current !== c && (p.current = null);
-	}, [c]), f(() => {
+		p.current !== s && (p.current = null);
+	}, [s]), f(() => {
 		if (!a) return;
 		let e = u.current;
 		if (!e || r.length === 0) return;
-		let t = s.getState().read(c, i), n = p.current !== c;
-		if (p.current = c, !t) {
+		let t = c.getState().read(s, i), n = p.current !== s;
+		if (p.current = s, !t) {
 			n && e.scrollToOffset(0, {
 				align: "start",
 				behavior: "auto"
@@ -328,10 +328,10 @@ function re(e) {
 		};
 	}, [
 		a,
-		c,
+		s,
 		r,
 		i
-	]), $(n, a, c, i, (e) => {
+	]), $(n, a, s, i, (e) => {
 		let t = u.current;
 		if (!t) return null;
 		let n = e.scrollTop, r = n > 0 ? n : t.scrollOffset ?? 0;
@@ -342,19 +342,19 @@ function $(e, t, n, r, i) {
 	let a = h(i);
 	a.current = i, f(() => {
 		if (!t) return;
-		let i = 0, o = Y, c = null, l = null, u = (e) => {
+		let i = 0, o = Y, s = null, l = null, u = (e) => {
 			let t = a.current(e);
-			t && s.getState().set(n, r, t);
+			t && c.getState().set(n, r, t);
 		}, d = () => l?.trigger(), f = () => {
 			let t = e.current;
 			if (!t) {
 				o-- > 0 && (i = requestAnimationFrame(f));
 				return;
 			}
-			c = t, l = ne(() => u(t)), t.addEventListener("scroll", d, { passive: !0 });
+			s = t, l = ne(() => u(t)), t.addEventListener("scroll", d, { passive: !0 });
 		};
 		return f(), () => {
-			i && cancelAnimationFrame(i), c && c.removeEventListener("scroll", d), l?.flush();
+			i && cancelAnimationFrame(i), s && s.removeEventListener("scroll", d), l?.flush();
 		};
 	}, [
 		t,
@@ -367,17 +367,17 @@ function ie(e) {
 	let { scrollElementRef: t } = e, n = e.stateKey ?? "scroll", r = e.enabled ?? !0, i = _(), a = l(i), o = h(null);
 	f(() => {
 		if (!r || o.current === a) return;
-		let e = 0, i = Y, c = () => {
+		let e = 0, i = Y, s = () => {
 			let r = t.current;
 			if (!r) {
-				i-- > 0 && (e = requestAnimationFrame(c));
+				i-- > 0 && (e = requestAnimationFrame(s));
 				return;
 			}
 			o.current = a;
-			let l = s.getState().read(a, n);
+			let l = c.getState().read(a, n);
 			l && (r.scrollTop = Number.isFinite(l.offset) ? Math.max(0, l.offset) : 0);
 		};
-		return c(), () => {
+		return s(), () => {
 			e && cancelAnimationFrame(e);
 		};
 	}, [
@@ -393,30 +393,30 @@ function ie(e) {
 }
 //#endregion
 //#region src/components/shared/RefreshControl.tsx
-function ae({ liveObject: i, realtime: a = !0 }) {
-	let { isPhone: s } = n(), { refreshing: c, refresh: l } = u(i.refetch), d = i.isLive ? s ? void 0 : "Live" : "Updates paused";
+function ae({ liveObject: n, realtime: i = !0 }) {
+	let { isPhone: o } = r(), { refreshing: c, refresh: l } = u(n.refetch), d = n.isLive ? o ? void 0 : "Live" : "Updates paused";
 	return /* @__PURE__ */ b("span", {
 		style: {
 			display: "inline-flex",
 			alignItems: "center",
 			gap: 8
 		},
-		children: [/* @__PURE__ */ y(r, {
+		children: [/* @__PURE__ */ y(t, {
 			icon: c ? /* @__PURE__ */ y("span", {
 				"data-testid": "refresh-spinner",
 				style: { display: "inline-flex" },
-				children: /* @__PURE__ */ y(t, { size: 14 })
+				children: /* @__PURE__ */ y(a, { size: 14 })
 			}) : /* @__PURE__ */ y(e.refresh, { size: 14 }),
 			title: "Refresh",
-			disabled: i.isLoading || c,
+			disabled: n.isLoading || c,
 			onClick: l
-		}), a && /* @__PURE__ */ y("span", {
+		}), i && /* @__PURE__ */ y("span", {
 			"data-testid": "live-indicator",
 			role: "status",
-			"aria-label": i.isLive ? "Live" : "Updates paused",
-			title: i.isLive ? "This view updates automatically in realtime." : "Realtime updates are paused. Refresh manually to load the latest data.",
-			children: /* @__PURE__ */ y(o, {
-				tone: i.isLive ? "emerald" : "amber",
+			"aria-label": n.isLive ? "Live" : "Updates paused",
+			title: n.isLive ? "This view updates automatically in realtime." : "Realtime updates are paused. Refresh manually to load the latest data.",
+			children: /* @__PURE__ */ y(s, {
+				tone: n.isLive ? "emerald" : "amber",
 				size: "xs",
 				dot: !0,
 				children: d