@declarion/react 0.57.0 → 0.59.2

package/dist-lib/{RefreshControl-CNtN8zSl.js → RefreshControl-Bhoib0ZA.js}

@@ -1,71 +1,42 @@
 import { s as e } from "./DynamicIcon-DW5krHuX.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-CzwzQpoW.js";
-import { D as c, b as l, c as u } from "./field-classification-D6xQYn-h.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";
-import { createPortal as x } from "react-dom";
-//#region src/components/primitives/Avatar.tsx
-function S({ name: e, size: t = 22, color: n }) {
-	let r = e.split(/\s+/).map((e) => e[0]).slice(0, 2).join("").toUpperCase(), i = e.split("").reduce((e, t) => e + t.charCodeAt(0), 0), a = [
-		"#DCE4F6",
-		"#E4DCF6",
-		"#F6DCE4",
-		"#F6E4DC",
-		"#DCF6E4",
-		"#DCF6F1",
-		"#F1F6DC",
-		"#F6DCF1"
-	], o = n || a[i % a.length];
-	return /* @__PURE__ */ y("span", {
-		style: {
-			display: "inline-flex",
-			alignItems: "center",
-			justifyContent: "center",
-			width: t,
-			height: t,
-			borderRadius: 999,
-			background: o,
-			color: "#1E2A4A",
-			fontSize: t < 20 ? 9.5 : 10.5,
-			fontWeight: 600,
-			flexShrink: 0
-		},
-		children: r
-	});
-}
-//#endregion
+import { Bt as t, In as n, Ln as r, nn as i, on as a, sn as o } from "./useCurrentScreen-BL5NZFCw.js";
+import { D as s, t as c } from "./useText-BFDCTUSo.js";
+import { C as l, M as u, c as d } from "./field-classification-C28XE-_P.js";
+import { useCallback as f, useEffect as p, useId as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { useLocation as v } from "react-router";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { createPortal as S } from "react-dom";
 //#region src/components/primitives/Tooltip.tsx
-var ee = 350, C = 80, w = 260, T = 6, E = 4;
-function D(e, t) {
-	let [n, r] = g(!1), [i, a] = g(null), o = h(null), s = h(null), c = h(null), l = p(), u = d(() => {
+var C = 350, w = 80, T = 260, E = 6, D = 4;
+function O(e, t) {
+	let [n, r] = _(!1), [i, a] = _(null), o = g(null), s = g(null), c = g(null), l = m(), u = f(() => {
 		s.current && clearTimeout(s.current), c.current && clearTimeout(c.current), s.current = null, c.current = null;
-	}, []), m = d(() => {
+	}, []), d = f(() => {
 		let t = e.current;
 		if (!t) return;
-		let n = t.getBoundingClientRect(), r = o.current, i = r?.offsetWidth ?? w, s = r?.offsetHeight ?? 0, c = n.left + n.width / 2 - i / 2;
-		c = Math.max(E, Math.min(c, window.innerWidth - i - E));
-		let l = n.top - T - s < E ? n.bottom + T : n.top - T - s;
+		let n = t.getBoundingClientRect(), r = o.current, i = r?.offsetWidth ?? T, s = r?.offsetHeight ?? 0, c = n.left + n.width / 2 - i / 2;
+		c = Math.max(D, Math.min(c, window.innerWidth - i - D));
+		let l = n.top - E - s < D ? n.bottom + E : n.top - E - s;
 		a({
 			left: c,
 			top: l
 		});
-	}, [e]), _ = d((e) => {
-		t && (u(), e ? r(!0) : s.current = setTimeout(() => r(!0), ee));
-	}, [u, t]), v = d(() => {
-		u(), c.current = setTimeout(() => r(!1), C);
+	}, [e]), h = f((e) => {
+		t && (u(), e ? r(!0) : s.current = setTimeout(() => r(!0), C));
+	}, [u, t]), v = f(() => {
+		u(), c.current = setTimeout(() => r(!1), w);
 	}, [u]);
-	f(() => {
+	p(() => {
 		if (!n) {
 			a(null);
 			return;
 		}
-		m();
-		let e = () => m();
+		d();
+		let e = () => d();
 		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
 		};
-	}, [n, m]), f(() => u, [u]), f(() => {
+	}, [n, d]), p(() => u, [u]), p(() => {
 		if (!n) return;
 		let t = (t) => {
 			let n = e.current;
@@ -73,12 +44,12 @@ function D(e, t) {
 		};
 		return document.addEventListener("pointerdown", t, !0), () => document.removeEventListener("pointerdown", t, !0);
 	}, [n, e]);
-	let b = {
+	let y = {
 		position: "fixed",
 		left: i?.left ?? 0,
 		top: i?.top ?? 0,
 		zIndex: 1e3,
-		maxWidth: w,
+		maxWidth: T,
 		padding: "5px 8px",
 		borderRadius: 6,
 		background: "var(--surface-inverse, #1f2430)",
@@ -89,31 +60,31 @@ function D(e, t) {
 		pointerEvents: "none",
 		visibility: i ? "visible" : "hidden",
 		whiteSpace: "normal"
-	}, S = n && t ? x(/* @__PURE__ */ y("div", {
+	}, x = n && t ? S(/* @__PURE__ */ b("div", {
 		ref: o,
 		id: l,
 		role: "tooltip",
-		style: b,
+		style: y,
 		children: t
 	}), document.body) : null;
 	return {
 		open: n,
 		triggerHandlers: {
-			onMouseEnter: () => _(!1),
+			onMouseEnter: () => h(!1),
 			onMouseLeave: v,
-			onFocus: () => _(!0),
+			onFocus: () => h(!0),
 			onBlur: v,
 			onPointerUp: (e) => {
 				e.pointerType !== "mouse" && t && (u(), r((e) => !e));
 			}
 		},
 		describedBy: n && t ? l : void 0,
-		portal: S
+		portal: x
 	};
 }
-function O({ content: e, children: t, triggerProps: n }) {
-	let r = h(null), { triggerHandlers: i, describedBy: a, portal: o } = D(r, e);
-	return e ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("span", {
+function k({ content: e, children: t, triggerProps: n }) {
+	let r = g(null), { triggerHandlers: i, describedBy: a, portal: o } = O(r, e);
+	return e ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("span", {
 		...n,
 		ref: r,
 		"aria-describedby": a,
@@ -124,12 +95,12 @@ function O({ content: e, children: t, triggerProps: n }) {
 		},
 		...i,
 		children: t
-	}), o] }) : /* @__PURE__ */ y(v, { children: t });
+	}), o] }) : /* @__PURE__ */ b(y, { children: t });
 }
-function k({ label: t, size: n = 14, ...r }) {
-	return /* @__PURE__ */ y(O, {
+function A({ label: t, size: n = 14, ...r }) {
+	return /* @__PURE__ */ b(k, {
 		content: t,
-		children: /* @__PURE__ */ y("span", {
+		children: /* @__PURE__ */ b("span", {
 			tabIndex: 0,
 			role: "note",
 			"aria-label": t,
@@ -140,61 +111,61 @@ function k({ label: t, size: n = 14, ...r }) {
 				color: "var(--text-3)",
 				cursor: "help"
 			},
-			children: /* @__PURE__ */ y(e.info, { size: n })
+			children: /* @__PURE__ */ b(e.info, { size: n })
 		})
 	});
 }
 //#endregion
 //#region src/lib/branding.ts
-var A = "branding";
-function j(e, t) {
+var j = "branding";
+function M(e, t) {
 	return e?.parameters.find((e) => e.code === t)?.value;
 }
-function M(e) {
-	return N(j(e, A));
-}
 function N(e) {
-	if (F(e)) return e;
+	return P(M(e, j));
 }
 function P(e) {
-	let t = M(e)?.identity;
-	return F(t) ? t : void 0;
+	if (I(e)) return e;
 }
 function F(e) {
-	return !!e && typeof e == "object" && !Array.isArray(e);
+	let t = N(e)?.identity;
+	return I(t) ? t : void 0;
 }
 function I(e) {
+	return !!e && typeof e == "object" && !Array.isArray(e);
+}
+function L(e) {
 	if (!e) return !1;
 	let t = e.trim();
 	return t ? t.startsWith("/") || t.startsWith("http://") || t.startsWith("https://") || t.startsWith("data:image/") : !1;
 }
 //#endregion
 //#region src/hooks/useBranding.ts
-function L() {
-	let e = n(A);
+function R() {
+	let e = t(j);
 	return {
-		branding: N(e.value),
+		branding: P(e.value),
 		isLoading: e.loading
 	};
 }
-function R() {
-	return L().branding?.identity;
-}
 function z() {
-	return L().branding?.chrome;
+	return R().branding?.identity;
+}
+function B() {
+	return R().branding?.chrome;
 }
 //#endregion
 //#region src/hooks/useBrandingChrome.ts
-function B() {
-	let e = o(), t = z();
+function V() {
+	let e = s(), t = B();
 	return (e.enabled ? t?.embed?.viewport : t?.full?.viewport) ?? "auto";
 }
-function V(e, t) {
+function H(e, t) {
 	return typeof e == "number" && Number.isFinite(e) && e > 0 ? e : t;
 }
-function H() {
-	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({
+function U() {
+	let e = s(), t = B(), n = e.enabled ? t?.embed?.breakpoints : t?.full?.breakpoints, r = n?.phone_max, i = n?.tablet_max, a = n?.landscape_phone_max_height;
+	return h(() => W({
 		phone_max: r,
 		tablet_max: i,
 		landscape_phone_max_height: a
@@ -204,17 +175,17 @@ function H() {
 		a
 	]);
 }
-function U(e) {
-	let t = V(e?.phone_max, i.phoneMax), n = V(e?.tablet_max, i.tabletMax), r = t < n;
+function W(e) {
+	let t = H(e?.phone_max, o.phoneMax), n = H(e?.tablet_max, o.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 : i.phoneMax,
-		tabletMax: r ? n : i.tabletMax,
-		landscapePhoneMaxHeight: V(e?.landscape_phone_max_height, i.landscapePhoneMaxHeight)
+		phoneMax: r ? t : o.phoneMax,
+		tabletMax: r ? n : o.tabletMax,
+		landscapePhoneMaxHeight: H(e?.landscape_phone_max_height, o.landscapePhoneMaxHeight)
 	};
 }
-function W(e) {
-	let t = o(), n = z();
-	return m(() => {
+function G(e) {
+	let t = s(), n = B();
+	return h(() => {
 		let r = { ...t.enabled ? n?.embed?.surfaces?.[e] : n?.full?.surfaces?.[e] };
 		return {
 			...r,
@@ -226,9 +197,9 @@ function W(e) {
 		e
 	]);
 }
-function G() {
-	let e = z();
-	return m(() => {
+function K() {
+	let e = B();
+	return h(() => {
 		let t = { ...e?.full?.shell };
 		return {
 			...t,
@@ -238,11 +209,11 @@ function G() {
 }
 //#endregion
 //#region src/lib/scroll-restoration.ts
-var K = "scroll", q = 120, J = 24, Y = 600;
-function X(e, t) {
+var q = "scroll", J = 120, Y = 24, X = 600;
+function Z(e, t) {
 	return Number.isFinite(e) ? Math.max(0, Math.min(e, Number.isFinite(t) && t > 0 ? t : 0)) : 0;
 }
-function Z(e, t, n) {
+function Q(e, t, n) {
 	let r = Number.isFinite(e) ? e : 0;
 	if (t) {
 		let e = n[t.index];
@@ -258,21 +229,21 @@ function Z(e, t, n) {
 		offset: r
 	};
 }
-function Q(e, t, n, r) {
+function ee(e, t, n, r) {
 	if (!e) return null;
 	if (e.key) {
 		let i = t.indexOf(e.key);
 		if (i >= 0) {
 			let t = n(i);
-			if (t !== void 0) return X(t + e.delta, r);
+			if (t !== void 0) return Z(t + e.delta, r);
 		}
 	}
-	return X(e.offset, r);
+	return Z(e.offset, r);
 }
-function te(e = K) {
-	let t = _(), n = h(null);
+function te(e = q) {
+	let t = v(), n = g(null);
 	if (n.current === null) {
-		let r = l(t), i = c.getState().read(r, e);
+		let r = l(t), i = u.getState().read(r, e);
 		n.current = i && Number.isFinite(i.offset) ? Math.max(0, i.offset) : 0;
 	}
 	return n.current;
@@ -284,7 +255,7 @@ function ne(e) {
 	return {
 		trigger() {
 			let e = Date.now() - t;
-			e >= q ? r() : n === null && (n = setTimeout(r, q - e));
+			e >= J ? r() : n === null && (n = setTimeout(r, J - e));
 		},
 		flush() {
 			n !== null && (clearTimeout(n), n = null), e();
@@ -295,33 +266,33 @@ function ne(e) {
 	};
 }
 function re(e) {
-	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);
+	let { virtualizer: t, scrollElementRef: n, rowKeys: r } = e, i = e.stateKey ?? "scroll", a = e.enabled ?? !0, o = v(), s = l(o), c = g(t);
+	c.current = t;
+	let d = g(r);
 	d.current = r;
-	let p = h(null);
-	f(() => {
-		p.current !== s && (p.current = null);
-	}, [s]), f(() => {
+	let f = g(null);
+	p(() => {
+		f.current !== s && (f.current = null);
+	}, [s]), p(() => {
 		if (!a) return;
-		let e = u.current;
+		let e = c.current;
 		if (!e || r.length === 0) return;
-		let t = c.getState().read(s, i), n = p.current !== s;
-		if (p.current = s, !t) {
+		let t = u.getState().read(s, i), n = f.current !== s;
+		if (f.current = s, !t) {
 			n && e.scrollToOffset(0, {
 				align: "start",
 				behavior: "auto"
 			});
 			return;
 		}
-		let o = 0, l = 0, f = NaN, m = () => {
-			let e = u.current;
+		let o = 0, l = 0, p = NaN, m = () => {
+			let e = c.current;
 			if (!e) return;
-			let n = Q(t, d.current, (t) => e.getOffsetForIndex(t, "start")?.[0], e.getTotalSize());
-			n !== null && (Number.isNaN(f) || Math.abs(n - f) > 1) && (e.scrollToOffset(n, {
+			let n = ee(t, d.current, (t) => e.getOffsetForIndex(t, "start")?.[0], e.getTotalSize());
+			n !== null && (Number.isNaN(p) || Math.abs(n - p) > 1) && (e.scrollToOffset(n, {
 				align: "start",
 				behavior: "auto"
-			}), f = n, l++ < J && (o = requestAnimationFrame(m)));
+			}), p = n, l++ < Y && (o = requestAnimationFrame(m)));
 		};
 		return m(), () => {
 			o && cancelAnimationFrame(o);
@@ -332,29 +303,29 @@ function re(e) {
 		r,
 		i
 	]), $(n, a, s, i, (e) => {
-		let t = u.current;
+		let t = c.current;
 		if (!t) return null;
 		let n = e.scrollTop, r = n > 0 ? n : t.scrollOffset ?? 0;
-		return Z(r, t.getVirtualItemForOffset(r), d.current);
+		return Q(r, t.getVirtualItemForOffset(r), d.current);
 	});
 }
 function $(e, t, n, r, i) {
-	let a = h(i);
-	a.current = i, f(() => {
+	let a = g(i);
+	a.current = i, p(() => {
 		if (!t) return;
-		let i = 0, o = Y, s = null, l = null, u = (e) => {
+		let i = 0, o = X, s = null, c = null, l = (e) => {
 			let t = a.current(e);
-			t && c.getState().set(n, r, t);
-		}, d = () => l?.trigger(), f = () => {
+			t && u.getState().set(n, r, t);
+		}, d = () => c?.trigger(), f = () => {
 			let t = e.current;
 			if (!t) {
 				o-- > 0 && (i = requestAnimationFrame(f));
 				return;
 			}
-			s = t, l = ne(() => u(t)), t.addEventListener("scroll", d, { passive: !0 });
+			s = t, c = ne(() => l(t)), t.addEventListener("scroll", d, { passive: !0 });
 		};
 		return f(), () => {
-			i && cancelAnimationFrame(i), s && s.removeEventListener("scroll", d), l?.flush();
+			i && cancelAnimationFrame(i), s && s.removeEventListener("scroll", d), c?.flush();
 		};
 	}, [
 		t,
@@ -364,18 +335,18 @@ function $(e, t, n, r, i) {
 	]);
 }
 function ie(e) {
-	let { scrollElementRef: t } = e, n = e.stateKey ?? "scroll", r = e.enabled ?? !0, i = _(), a = l(i), o = h(null);
-	f(() => {
+	let { scrollElementRef: t } = e, n = e.stateKey ?? "scroll", r = e.enabled ?? !0, i = v(), a = l(i), o = g(null);
+	p(() => {
 		if (!r || o.current === a) return;
-		let e = 0, i = Y, s = () => {
+		let e = 0, i = X, s = () => {
 			let r = t.current;
 			if (!r) {
 				i-- > 0 && (e = requestAnimationFrame(s));
 				return;
 			}
 			o.current = a;
-			let l = c.getState().read(a, n);
-			l && (r.scrollTop = Number.isFinite(l.offset) ? Math.max(0, l.offset) : 0);
+			let c = u.getState().read(a, n);
+			c && (r.scrollTop = Number.isFinite(c.offset) ? Math.max(0, c.offset) : 0);
 		};
 		return s(), () => {
 			e && cancelAnimationFrame(e);
@@ -393,36 +364,36 @@ function ie(e) {
 }
 //#endregion
 //#region src/components/shared/RefreshControl.tsx
-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", {
+function ae({ liveObject: t, realtime: o = !0 }) {
+	let s = c(), { isPhone: l } = a(), { refreshing: u, refresh: f } = d(t.refetch), p = t.isLive ? s("control.refresh.live", "Live") : s("control.refresh.paused", "Updates paused"), m = t.isLive && l ? void 0 : p;
+	return /* @__PURE__ */ x("span", {
 		style: {
 			display: "inline-flex",
 			alignItems: "center",
 			gap: 8
 		},
-		children: [/* @__PURE__ */ y(t, {
-			icon: c ? /* @__PURE__ */ y("span", {
+		children: [/* @__PURE__ */ b(r, {
+			icon: u ? /* @__PURE__ */ b("span", {
 				"data-testid": "refresh-spinner",
 				style: { display: "inline-flex" },
-				children: /* @__PURE__ */ y(a, { size: 14 })
-			}) : /* @__PURE__ */ y(e.refresh, { size: 14 }),
-			title: "Refresh",
-			disabled: n.isLoading || c,
-			onClick: l
-		}), i && /* @__PURE__ */ y("span", {
+				children: /* @__PURE__ */ b(i, { size: 14 })
+			}) : /* @__PURE__ */ b(e.refresh, { size: 14 }),
+			title: s("control.refresh.title", "Refresh"),
+			disabled: t.isLoading || u,
+			onClick: f
+		}), o && /* @__PURE__ */ b("span", {
 			"data-testid": "live-indicator",
 			role: "status",
-			"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",
+			"aria-label": p,
+			title: t.isLive ? s("control.refresh.live_hint", "This view updates automatically in realtime.") : s("control.refresh.paused_hint", "Realtime updates are paused. Refresh manually to load the latest data."),
+			children: /* @__PURE__ */ b(n, {
+				tone: t.isLive ? "emerald" : "amber",
 				size: "xs",
 				dot: !0,
-				children: d
+				children: m
 			})
 		})]
 	});
 }
 //#endregion
-export { S as _, re as a, G as c, R as d, P as f, D as g, O as h, te as i, B as l, k as m, K as n, H as o, I as p, ie as r, W as s, ae as t, L as u };
+export { O as _, re as a, K as c, z as d, j as f, k as g, A as h, te as i, V as l, L as m, q as n, U as o, F as p, ie as r, G as s, ae as t, R as u };