@declarion/react 0.60.0 → 0.63.0

package/dist-lib/RecordHeader-Bv9nJXnG.js

@@ -0,0 +1,217 @@
+import { wt as e } from "./useCurrentScreen--UovgvRj.js";
+import { t } from "./Icons-lt-7lhYR.js";
+import { n } from "./CopyButton-C0iEvaT1.js";
+import { t as r } from "./Pill-D-wsfRhx.js";
+import { a as i } from "./useBrandingChrome-bKTXXDLy.js";
+import { t as a } from "./RecordIdBadge-C3MgoZvt.js";
+import { p as o } from "./variants-CbAwl3Mn.js";
+import { t as s } from "./headerActionZone-bef-tZZ7.js";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/chrome/AuditMetaStrip.tsx
+function d(e) {
+	return e.by != null || e.at != null;
+}
+function f({ lines: e }) {
+	let t = e.filter(d);
+	return t.length === 0 ? null : /* @__PURE__ */ l("div", {
+		style: {
+			display: "flex",
+			flexWrap: "wrap",
+			gap: "8px 24px",
+			padding: "10px 14px",
+			background: "var(--surface-2)",
+			border: "1px solid var(--border)",
+			borderRadius: 8,
+			fontSize: 11.5,
+			color: "var(--text-3)"
+		},
+		children: t.map((e, t) => /* @__PURE__ */ l(p, { line: e }, t))
+	});
+}
+function p({ line: e }) {
+	return /* @__PURE__ */ u("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			minWidth: 0
+		},
+		children: [/* @__PURE__ */ l("span", {
+			style: {
+				fontSize: 11,
+				fontWeight: 600,
+				color: "var(--text-4)",
+				flexShrink: 0
+			},
+			children: e.label
+		}), /* @__PURE__ */ u("span", {
+			style: {
+				display: "inline-flex",
+				alignItems: "center",
+				gap: 6,
+				minWidth: 0
+			},
+			children: [
+				e.by != null && /* @__PURE__ */ l("span", {
+					style: { color: "var(--text-2)" },
+					children: e.by
+				}),
+				e.by != null && e.at != null && /* @__PURE__ */ l("span", {
+					style: { color: "var(--text-4)" },
+					children: "·"
+				}),
+				e.at != null && /* @__PURE__ */ l("span", {
+					className: "num",
+					children: e.at
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/detail-layout/DetailAuditStrip.tsx
+function m({ screen: t, entity: n, entityCode: r, record: i, refs: a, schema: s }) {
+	let c = e(), u = t.audit;
+	if (u?.enabled === !1) return null;
+	let d = (e) => {
+		if (!e || !n.fields.get(e)) return;
+		let t = i[e];
+		if (t != null && t !== "") return o({
+			entity: n,
+			entityCode: r,
+			fieldName: e,
+			record: i,
+			mode: "display",
+			refs: a,
+			entities: s.entities,
+			screens: s.screens,
+			surface: "list",
+			t: c
+		});
+	}, p = u?.lines && u.lines.length > 0 ? u.lines.map((e) => ({
+		label: c(e.label),
+		at: d(e.at),
+		by: d(e.by)
+	})) : [{
+		label: c("record.audit.created", "Created"),
+		at: d("created_at"),
+		by: d("created_by")
+	}, {
+		label: c("record.audit.updated", "Updated"),
+		at: d("updated_at"),
+		by: d("updated_by")
+	}];
+	return /* @__PURE__ */ l(f, { lines: p });
+}
+//#endregion
+//#region src/components/chrome/RecordHeader.tsx
+var h = 160;
+function g({ icon: o, title: d, recordId: f, description: p, highlights: m, mode: g, dirty: _ = !1, showBack: v = !1, onBack: y, right: b, identityControls: x, showTitle: S = !0 }) {
+	let C = e();
+	return /* @__PURE__ */ u("div", {
+		style: {
+			display: "flex",
+			alignItems: "flex-start",
+			gap: 10,
+			flexWrap: "wrap",
+			minWidth: 0
+		},
+		children: [
+			S && v && /* @__PURE__ */ l("div", {
+				style: {
+					paddingTop: 4,
+					flexShrink: 0
+				},
+				children: /* @__PURE__ */ l(n, {
+					size: 26,
+					icon: /* @__PURE__ */ l(t.back, { size: 14 }),
+					title: C("shell.back", "Back"),
+					onClick: y
+				})
+			}),
+			S && o && /* @__PURE__ */ l("div", {
+				style: {
+					flexShrink: 0,
+					paddingTop: 2
+				},
+				children: /* @__PURE__ */ l("span", {
+					style: {
+						width: 32,
+						height: 32,
+						borderRadius: 8,
+						background: "var(--accent-soft)",
+						color: "var(--accent)",
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "center"
+					},
+					children: o
+				})
+			}),
+			S && /* @__PURE__ */ u(c, { children: [
+				/* @__PURE__ */ l("h1", {
+					style: {
+						margin: 0,
+						fontSize: "var(--page-title-size, var(--page-title-size-detail))",
+						fontWeight: 600,
+						letterSpacing: 0,
+						lineHeight: "var(--page-title-line-height, var(--page-title-line-height-detail))",
+						color: "var(--text)",
+						minWidth: h,
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap",
+						overflowWrap: "anywhere",
+						maxWidth: "100%",
+						flexGrow: 0,
+						flexShrink: 1,
+						flexBasis: "auto"
+					},
+					children: d
+				}),
+				f && f !== d && /* @__PURE__ */ l(a, { value: f }),
+				p && /* @__PURE__ */ l(i, {
+					label: p,
+					"data-testid": "detail-description-info"
+				}),
+				x,
+				g === "edit" && _ && /* @__PURE__ */ u("span", {
+					style: {
+						display: "inline-flex",
+						alignItems: "center",
+						gap: 5,
+						fontSize: 11,
+						color: "var(--warn)"
+					},
+					children: [/* @__PURE__ */ l("span", { style: {
+						width: 6,
+						height: 6,
+						borderRadius: 999,
+						background: "var(--warn)"
+					} }), C("shell.record.unsaved", "Unsaved")]
+				}),
+				g === "create" && /* @__PURE__ */ l(r, {
+					tone: "violet",
+					size: "xs",
+					dot: !0,
+					children: C("shell.record.new", "New record")
+				})
+			] }),
+			b && /* @__PURE__ */ l("div", {
+				role: "toolbar",
+				"aria-label": C("shell.record.page_actions", "Page actions"),
+				style: s,
+				children: b
+			}),
+			m && g === "display" && /* @__PURE__ */ l("div", {
+				style: {
+					flexBasis: "100%",
+					minWidth: 0
+				},
+				children: m
+			})
+		]
+	});
+}
+//#endregion
+export { m as n, g as t };

package/dist-lib/RecordIdBadge-C3MgoZvt.js

@@ -0,0 +1,25 @@
+import { wt as e } from "./useCurrentScreen--UovgvRj.js";
+import { t } from "./Icons-lt-7lhYR.js";
+import { useCallback as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/primitives/RecordIdBadge.tsx
+var o = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, s = 1200;
+function c({ value: c }) {
+	let l = e(), [u, d] = r(!1), f = o.test(c) ? `${c.slice(0, 8)}…` : c, p = n(async () => {
+		try {
+			await navigator.clipboard.writeText(c), d(!0), window.setTimeout(() => d(!1), s);
+		} catch {}
+	}, [c]);
+	return /* @__PURE__ */ a("button", {
+		type: "button",
+		onClick: p,
+		title: u ? l("control.copied", "Copied") : l("control.copy_value", "Copy {value}", { value: c }),
+		className: "mono inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[11px] text-text-4 hover:bg-surface-2 hover:text-text-3 transition-colors shrink-0 border border-transparent hover:border-border",
+		children: [/* @__PURE__ */ i("span", { children: f }), u ? /* @__PURE__ */ i(t.check, { size: 10 }) : /* @__PURE__ */ i(t.copy, {
+			size: 10,
+			style: { opacity: .6 }
+		})]
+	});
+}
+//#endregion
+export { c as t };

package/dist-lib/RefreshControl-Ce-T_wSQ.js

@@ -0,0 +1,195 @@
+import { wt as e, xt as t } from "./useCurrentScreen--UovgvRj.js";
+import { t as n } from "./Icons-lt-7lhYR.js";
+import { n as r } from "./CopyButton-C0iEvaT1.js";
+import { t as i } from "./Pill-D-wsfRhx.js";
+import { Q as a } from "./PropertyGridEditor-BTjscqfz.js";
+import { r as o } from "./page-state-eA6J_KIR.js";
+import { h as s, t as c } from "./useOwnRefresh-DkOuM4yo.js";
+import { useEffect as l, useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useLocation as p } from "react-router";
+//#region src/lib/scroll-restoration.ts
+var m = "scroll", h = 120, g = 24, _ = 600;
+function v(e, t) {
+	return Number.isFinite(e) ? Math.max(0, Math.min(e, Number.isFinite(t) && t > 0 ? t : 0)) : 0;
+}
+function y(e, t, n) {
+	let r = Number.isFinite(e) ? e : 0;
+	if (t) {
+		let e = n[t.index];
+		if (e !== void 0) return {
+			key: e,
+			delta: Math.max(0, r - t.start),
+			offset: r
+		};
+	}
+	return {
+		key: "",
+		delta: 0,
+		offset: r
+	};
+}
+function b(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 v(t + e.delta, r);
+		}
+	}
+	return v(e.offset, r);
+}
+function x(e = m) {
+	let t = p(), n = u(null);
+	if (n.current === null) {
+		let r = s(t), i = o.getState().read(r, e);
+		n.current = i && Number.isFinite(i.offset) ? Math.max(0, i.offset) : 0;
+	}
+	return n.current;
+}
+function S(e) {
+	let t = 0, n = null, r = () => {
+		n = null, t = Date.now(), e();
+	};
+	return {
+		trigger() {
+			let e = Date.now() - t;
+			e >= h ? r() : n === null && (n = setTimeout(r, h - e));
+		},
+		flush() {
+			n !== null && (clearTimeout(n), n = null), e();
+		},
+		cancel() {
+			n !== null && (clearTimeout(n), n = null);
+		}
+	};
+}
+function C(e) {
+	let { virtualizer: t, scrollElementRef: n, rowKeys: r } = e, i = e.stateKey ?? "scroll", a = e.enabled ?? !0, c = p(), d = s(c), f = u(t);
+	f.current = t;
+	let m = u(r);
+	m.current = r;
+	let h = u(null);
+	l(() => {
+		h.current !== d && (h.current = null);
+	}, [d]), l(() => {
+		if (!a) return;
+		let e = f.current;
+		if (!e || r.length === 0) return;
+		let t = o.getState().read(d, i), n = h.current !== d;
+		if (h.current = d, !t) {
+			n && e.scrollToOffset(0, {
+				align: "start",
+				behavior: "auto"
+			});
+			return;
+		}
+		let s = 0, c = 0, l = NaN, u = () => {
+			let e = f.current;
+			if (!e) return;
+			let n = b(t, m.current, (t) => e.getOffsetForIndex(t, "start")?.[0], e.getTotalSize());
+			n !== null && (Number.isNaN(l) || Math.abs(n - l) > 1) && (e.scrollToOffset(n, {
+				align: "start",
+				behavior: "auto"
+			}), l = n, c++ < g && (s = requestAnimationFrame(u)));
+		};
+		return u(), () => {
+			s && cancelAnimationFrame(s);
+		};
+	}, [
+		a,
+		d,
+		r,
+		i
+	]), w(n, a, d, i, (e) => {
+		let t = f.current;
+		if (!t) return null;
+		let n = e.scrollTop, r = n > 0 ? n : t.scrollOffset ?? 0;
+		return y(r, t.getVirtualItemForOffset(r), m.current);
+	});
+}
+function w(e, t, n, r, i) {
+	let a = u(i);
+	a.current = i, l(() => {
+		if (!t) return;
+		let i = 0, s = _, c = null, l = null, u = (e) => {
+			let t = a.current(e);
+			t && o.getState().set(n, r, t);
+		}, d = () => l?.trigger(), f = () => {
+			let t = e.current;
+			t ? (c = t, l = S(() => u(t)), t.addEventListener("scroll", d, { passive: !0 })) : s-- > 0 && (i = requestAnimationFrame(f));
+		};
+		return f(), () => {
+			i && cancelAnimationFrame(i), c && c.removeEventListener("scroll", d), l?.flush();
+		};
+	}, [
+		t,
+		e,
+		n,
+		r
+	]);
+}
+function T(e) {
+	let { scrollElementRef: t } = e, n = e.stateKey ?? "scroll", r = e.enabled ?? !0, i = p(), a = s(i), c = u(null);
+	l(() => {
+		if (!r || c.current === a) return;
+		let e = 0, i = _, s = () => {
+			let r = t.current;
+			if (!r) {
+				i-- > 0 && (e = requestAnimationFrame(s));
+				return;
+			}
+			c.current = a;
+			let l = o.getState().read(a, n);
+			l && (r.scrollTop = Number.isFinite(l.offset) ? Math.max(0, l.offset) : 0);
+		};
+		return s(), () => {
+			e && cancelAnimationFrame(e);
+		};
+	}, [
+		r,
+		a,
+		n,
+		t
+	]), w(t, r, a, n, (e) => ({
+		key: "",
+		delta: 0,
+		offset: e.scrollTop
+	}));
+}
+//#endregion
+//#region src/components/shared/RefreshControl.tsx
+function E({ liveObject: o, realtime: s = !0 }) {
+	let l = e(), { isPhone: u } = t(), { refreshing: p, refresh: m } = c(o.refetch), h = o.isLive ? l("control.refresh.live", "Live") : l("control.refresh.paused", "Updates paused"), g = o.isLive && u ? void 0 : h;
+	return /* @__PURE__ */ f("span", {
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 8
+		},
+		children: [/* @__PURE__ */ d(r, {
+			icon: p ? /* @__PURE__ */ d("span", {
+				"data-testid": "refresh-spinner",
+				style: { display: "inline-flex" },
+				children: /* @__PURE__ */ d(a, { size: 14 })
+			}) : /* @__PURE__ */ d(n.refresh, { size: 14 }),
+			title: l("control.refresh.title", "Refresh"),
+			disabled: o.isLoading || p,
+			onClick: m
+		}), s && /* @__PURE__ */ d("span", {
+			"data-testid": "live-indicator",
+			role: "status",
+			"aria-label": h,
+			title: o.isLive ? l("control.refresh.live_hint", "This view updates automatically in realtime.") : l("control.refresh.paused_hint", "Realtime updates are paused. Refresh manually to load the latest data."),
+			children: /* @__PURE__ */ d(i, {
+				tone: o.isLive ? "emerald" : "amber",
+				size: "xs",
+				dot: !0,
+				children: g
+			})
+		})]
+	});
+}
+//#endregion
+export { C as a, x as i, m as n, T as r, E as t };

package/dist-lib/Reset.impl-Cesyqt5p.js

@@ -0,0 +1,168 @@
+import { kn as e, qn as t, wt as n } from "./useCurrentScreen--UovgvRj.js";
+import { t as r } from "./Icons-lt-7lhYR.js";
+import { r as i } from "./CopyButton-C0iEvaT1.js";
+import { V as a, W as o, X as s } from "./PropertyGridEditor-BTjscqfz.js";
+import { t as c } from "./AuthShell-DdiughRT.js";
+import { useEffect as l, useMemo as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Link as m, useNavigate as h } from "react-router";
+//#region src/components/pages/auth/Reset.impl.tsx
+var g = 8, _ = "declarion.auth.flash", v = "declarion-reset-no-referrer";
+function y() {
+	if (typeof window > "u") return "";
+	let e = window.location.hash.startsWith("#") ? window.location.hash.slice(1) : window.location.hash;
+	return e ? new URLSearchParams(e).get("t") ?? "" : "";
+}
+function b() {
+	if (typeof document > "u") return;
+	let e = document.getElementById(v);
+	e || (e = document.createElement("meta"), e.id = v, e.name = "referrer", e.content = "no-referrer", document.head.appendChild(e));
+}
+function x() {
+	if (typeof document > "u") return;
+	let e = document.getElementById(v);
+	e && e.remove();
+}
+function S() {
+	let v = n(), S = n("errors")("auth.reset_link_invalid", "Invalid or expired link. Please request a new one."), C = v("auth.reset.password_min", "Password must be at least {min} characters.", { min: g }), w = h(), [T] = d(() => y()), [E, D] = d(""), [O, k] = d(""), [A, j] = d(""), [M, N] = d(!1), [P, F] = d(null);
+	l(() => {
+		if (T) return typeof window < "u" && typeof window.history?.replaceState == "function" && window.history.replaceState(null, "", "/reset"), b(), x;
+	}, [T]);
+	let I = u(() => !T, [T]);
+	async function L(n) {
+		if (n.preventDefault(), !M) {
+			if (O !== A) F(v("auth.reset.password_mismatch", "Passwords do not match."));
+			else if (O.length < g) F(C);
+			else {
+				N(!0), F(null);
+				try {
+					await e("auth.reset_password", {
+						email: E,
+						token: T,
+						password: O
+					});
+					try {
+						window.sessionStorage.setItem(_, JSON.stringify({
+							kind: "success",
+							text: v("auth.reset.done", "Password updated. Sign in with your new password.")
+						}));
+					} catch {}
+					w("/login", { replace: !0 });
+				} catch (e) {
+					e instanceof t && e.code === "auth.password_reused" ? F(v("auth.reset.password_differ", "Your new password must differ from your current password.")) : e instanceof t && e.code === "auth.password_too_short" ? F(C) : F(S);
+				} finally {
+					N(!1);
+				}
+			}
+		}
+	}
+	return /* @__PURE__ */ f(c, { children: /* @__PURE__ */ p("div", {
+		"data-testid": "reset-page",
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "text-accent uppercase",
+				style: {
+					fontSize: 10.5,
+					fontWeight: 700,
+					letterSpacing: "0.1em"
+				},
+				children: v("auth.reset.eyebrow", "Reset password")
+			}),
+			/* @__PURE__ */ f("h2", {
+				style: {
+					margin: "6px 0 4px",
+					fontSize: 24,
+					fontWeight: 600,
+					letterSpacing: "-0.018em"
+				},
+				children: v("auth.reset.title", "Choose a new password")
+			}),
+			I ? /* @__PURE__ */ p("div", {
+				"data-testid": "reset-invalid-link",
+				children: [/* @__PURE__ */ f("p", {
+					className: "text-muted-foreground",
+					style: {
+						margin: "0 0 16px",
+						fontSize: 13
+					},
+					children: S
+				}), /* @__PURE__ */ f(m, {
+					to: "/forgot",
+					className: "text-accent no-underline",
+					style: { fontSize: 12 },
+					children: v("auth.reset.request_new", "Request a new reset link")
+				})]
+			}) : /* @__PURE__ */ p("form", {
+				onSubmit: L,
+				"data-testid": "reset-form",
+				children: [/* @__PURE__ */ f("p", {
+					className: "text-muted-foreground",
+					style: {
+						margin: "0 0 20px",
+						fontSize: 13
+					},
+					children: v("auth.reset.subtitle", "Enter the email associated with your account and choose a new password.")
+				}), /* @__PURE__ */ p("div", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 12
+					},
+					children: [
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(a, { children: v("auth.field.email", "Email") }), /* @__PURE__ */ f(s, {
+							value: E,
+							onChange: D,
+							prefix: /* @__PURE__ */ f(r.email, { size: 13 }),
+							placeholder: v("auth.field.email_placeholder", "you@company.com"),
+							autoFocus: !0,
+							required: !0,
+							type: "email",
+							"aria-label": v("auth.field.email", "Email")
+						})] }),
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(a, { children: v("auth.reset.new_password", "New password") }), /* @__PURE__ */ f(o, {
+							value: O,
+							onChange: k,
+							placeholder: v("auth.reset.new_password_placeholder", "At least 8 characters"),
+							showStrength: !0
+						})] }),
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(a, { children: v("auth.reset.confirm_password", "Confirm new password") }), /* @__PURE__ */ f(o, {
+							value: A,
+							onChange: j,
+							placeholder: v("auth.reset.confirm_password_placeholder", "Re-enter new password")
+						})] }),
+						P && /* @__PURE__ */ f("div", {
+							"data-testid": "reset-error",
+							role: "alert",
+							className: "bg-destructive-soft text-destructive",
+							style: {
+								padding: 12,
+								borderRadius: 8,
+								fontSize: 12.5
+							},
+							children: P
+						}),
+						/* @__PURE__ */ f(i, {
+							type: "submit",
+							size: "md",
+							kind: "primary",
+							style: {
+								justifyContent: "center",
+								width: "100%"
+							},
+							disabled: M,
+							children: M ? v("auth.reset.submitting", "Updating…") : v("auth.reset.submit", "Update password")
+						}),
+						/* @__PURE__ */ f(m, {
+							to: "/login",
+							className: "text-accent text-center no-underline",
+							style: { fontSize: 12 },
+							children: v("auth.back_to_sign_in", "← Back to sign in")
+						})
+					]
+				})]
+			})
+		]
+	}) });
+}
+//#endregion
+export { S as Reset };

package/dist-lib/SSOCallbackPage.impl-BC_W9nQA.js

@@ -0,0 +1,31 @@
+import { It as e, Kn as t, Wt as n, wt as r, zt as i } from "./useCurrentScreen--UovgvRj.js";
+import { useEffect as a } from "react";
+import { useQueryClient as o } from "@tanstack/react-query";
+import { jsx as s } from "react/jsx-runtime";
+import { useNavigate as c, useSearchParams as l } from "react-router";
+//#region src/components/pages/SSOCallbackPage.impl.tsx
+function u() {
+	let u = c(), [d] = l(), { setUser: f, setTenants: p } = e(), m = o(), h = r();
+	return a(() => {
+		let e = t(d.get("redirect"));
+		i().then((t) => {
+			f(t, t.tenant), m.invalidateQueries({ queryKey: ["schema"] }), n().then(p).catch(() => {}), u(e, { replace: !0 });
+		}).catch(() => {
+			u("/login?sso_error=auth.unauthorized", { replace: !0 });
+		});
+	}, [
+		u,
+		m,
+		d,
+		f,
+		p
+	]), /* @__PURE__ */ s("div", {
+		className: "flex min-h-screen items-center justify-center",
+		children: /* @__PURE__ */ s("p", {
+			className: "text-muted-foreground",
+			children: h("page.sso_callback.completing", "Completing sign in...")
+		})
+	});
+}
+//#endregion
+export { u as SSOCallbackPage };