@declarion/react 0.31.1 → 0.32.0

package/dist-lib/{MarkdownRenderer-CaHhWrfm.js → MarkdownRenderer-DThy2ixe.js}

@@ -1,4 +1,4 @@
-import { T as e } from "./ActionRunner-BzaZQtiI.js";
+import { T as e } from "./ActionRunner-CaSrGpBi.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import r, { defaultUrlTransform as i } from "react-markdown";
 import a from "remark-breaks";

package/dist-lib/RefreshControl-CorluL6r.js

@@ -0,0 +1,582 @@
+import { s as e } from "./DynamicIcon-DCRdxxZ7.js";
+import { Bn as t, J as n, Ot as r, Vn as i, Y as a, kn as o, mt as s, rt as c } from "./ActionRunner-CaSrGpBi.js";
+import { useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { useLocation as m } from "react-router-dom";
+import { useQuery as h, useQueryClient as ee } from "@tanstack/react-query";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { create as te } from "zustand";
+//#region src/components/primitives/Avatar.tsx
+function ne({ 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"
+	];
+	return /* @__PURE__ */ g("span", {
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			width: t,
+			height: t,
+			borderRadius: 999,
+			background: n || a[i % a.length],
+			color: "#1E2A4A",
+			fontSize: t < 20 ? 9.5 : 10.5,
+			fontWeight: 600,
+			flexShrink: 0
+		},
+		children: r
+	});
+}
+//#endregion
+//#region src/components/primitives/RecordIdBadge.tsx
+var v = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, re = 1200;
+function y({ value: t }) {
+	let [n, r] = p(!1), i = v.test(t) ? `${t.slice(0, 8)}…` : t;
+	return /* @__PURE__ */ _("button", {
+		type: "button",
+		onClick: l(async () => {
+			try {
+				await navigator.clipboard.writeText(t), r(!0), window.setTimeout(() => r(!1), re);
+			} catch {}
+		}, [t]),
+		title: n ? "Copied" : `Copy ${t}`,
+		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__ */ g("span", { children: i }), n ? /* @__PURE__ */ g(e.check, { size: 10 }) : /* @__PURE__ */ g(e.copy, {
+			size: 10,
+			style: { opacity: .6 }
+		})]
+	});
+}
+//#endregion
+//#region src/lib/branding.ts
+var b = "branding";
+function ie(e) {
+	let t = {};
+	if (!e) return t;
+	for (let n of e) t[n.code] = n.value;
+	return t;
+}
+function ae(e, t) {
+	return e?.parameters.find((e) => e.code === t)?.value;
+}
+function x(e) {
+	return S(ae(e, b));
+}
+function S(e) {
+	if (w(e)) return e;
+}
+function C(e) {
+	let t = x(e)?.identity;
+	return w(t) ? t : void 0;
+}
+function w(e) {
+	return !!e && typeof e == "object" && !Array.isArray(e);
+}
+function oe(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/api/params.ts
+async function se() {
+	let e = (await r("/api/params/public")).data;
+	if (Array.isArray(e)) return { parameters: e };
+	let t = e ?? {};
+	return {
+		parameters: t.parameters ?? [],
+		accents: t.accents,
+		messages: t.messages,
+		meta: t.meta
+	};
+}
+async function T(e) {
+	return (await r(`/api/params/${encodeURIComponent(e)}`)).data;
+}
+async function ce(e, t, n) {
+	await c("user.__update", {
+		object_ids: [e],
+		entity: "user",
+		fields: { $params: [{
+			param_code: t,
+			value: n
+		}] }
+	});
+}
+//#endregion
+//#region src/hooks/useParams.ts
+function E() {
+	return h({
+		queryKey: ["params-public"],
+		queryFn: se,
+		staleTime: 300 * 1e3
+	});
+}
+function D(e, t = {}) {
+	let n = t.enabled ?? !0;
+	return h({
+		queryKey: ["params", e],
+		queryFn: () => T(e),
+		enabled: !!e && n,
+		staleTime: 60 * 1e3
+	});
+}
+function O(e) {
+	let t = s((e) => e.isAuthenticated), n = E(), r = D(e, { enabled: t }), i = k(n.data?.parameters, e);
+	if (t && r.data?.found) return {
+		value: r.data.value,
+		found: !0,
+		source: r.data.source,
+		loading: !1,
+		error: null
+	};
+	let a = i !== void 0;
+	return {
+		value: i?.value,
+		found: a,
+		source: a ? "public" : void 0,
+		loading: n.isLoading || t && r.isLoading && !r.data && !r.error,
+		error: r.error ?? n.error ?? null
+	};
+}
+function k(e, t) {
+	return e?.find((e) => e.code === t);
+}
+function A(e, t) {
+	let n = h({
+		queryKey: ["params", e],
+		queryFn: () => T(e),
+		enabled: !!e,
+		staleTime: 60 * 1e3
+	}), r = n.data, i = !!r?.found;
+	return {
+		value: i ? r.value : t,
+		found: i,
+		source: r?.source,
+		loading: n.isLoading,
+		error: n.error ?? null
+	};
+}
+//#endregion
+//#region src/hooks/useBranding.ts
+function j() {
+	let e = O(b);
+	return {
+		branding: S(e.value),
+		isLoading: e.loading
+	};
+}
+function le() {
+	return j().branding?.identity;
+}
+function ue() {
+	return j().branding?.chrome;
+}
+//#endregion
+//#region src/stores/page-state.ts
+var M = 1800 * 1e3, N = null;
+function P(e) {
+	N = e;
+}
+function F(e) {
+	if (!(!e || !N)) for (let t of e.queryKeys) N.removeQueries({
+		queryKey: t,
+		exact: !0
+	});
+}
+function I(e, t) {
+	let n = e[t];
+	if (!n) return e;
+	F(n);
+	let r = { ...e };
+	return delete r[t], r;
+}
+function L(e, t) {
+	let n = e;
+	for (; Object.keys(n).length > 64;) {
+		let e = null, r = Infinity;
+		for (let [i, a] of Object.entries(n)) i !== t && a.lastActiveAt < r && (r = a.lastActiveAt, e = i);
+		if (e === null) break;
+		n = I(n, e);
+	}
+	return n;
+}
+var R = te((e, t) => ({
+	entries: {},
+	ttlMs: M,
+	setTtl: (n) => {
+		if (n <= 0) {
+			let { entries: r } = t();
+			for (let e of Object.keys(r)) F(r[e]);
+			e({
+				ttlMs: n,
+				entries: {}
+			});
+			return;
+		}
+		e({ ttlMs: n });
+	},
+	set: (n, r, i) => {
+		let a = t();
+		if (a.ttlMs <= 0) return;
+		let o = Date.now(), s = a.entries[n], c = s ? {
+			...s,
+			bag: {
+				...s.bag,
+				[r]: i
+			},
+			lastActiveAt: o
+		} : {
+			bag: { [r]: i },
+			lastActiveAt: o,
+			queryKeys: []
+		};
+		e({ entries: L({
+			...a.entries,
+			[n]: c
+		}, n) });
+	},
+	read: (e, n) => {
+		let r = t();
+		if (!(r.ttlMs <= 0)) return r.entries[e]?.bag[n];
+	},
+	touch: (n) => {
+		let r = t();
+		if (r.ttlMs <= 0) return;
+		let i = r.entries[n];
+		i && e({ entries: {
+			...r.entries,
+			[n]: {
+				...i,
+				lastActiveAt: Date.now()
+			}
+		} });
+	},
+	registerQueryKey: (n, r) => {
+		let i = t();
+		if (i.ttlMs <= 0) return;
+		let a = Date.now(), o = i.entries[n], s = o?.queryKeys.some((e) => z(e, r));
+		if (o && s) return;
+		let c = o ? {
+			...o,
+			queryKeys: [...o.queryKeys, r],
+			lastActiveAt: a
+		} : {
+			bag: {},
+			lastActiveAt: a,
+			queryKeys: [r]
+		};
+		e({ entries: L({
+			...i.entries,
+			[n]: c
+		}, n) });
+	},
+	kill: (n) => {
+		let r = t(), i = I(r.entries, n);
+		i !== r.entries && e({ entries: i });
+	},
+	sweep: (n) => {
+		let { ttlMs: r, entries: i } = t(), a = i;
+		for (let [e, t] of Object.entries(i)) (r <= 0 || n - t.lastActiveAt > r) && (a = I(a, e));
+		a !== i && e({ entries: a });
+	},
+	clear: () => {
+		let { entries: n } = t();
+		if (Object.keys(n).length !== 0) {
+			for (let e of Object.keys(n)) F(n[e]);
+			e({ entries: {} });
+		}
+	}
+}));
+function z(e, t) {
+	if (e === t) return !0;
+	try {
+		return JSON.stringify(e) === JSON.stringify(t);
+	} catch {
+		return !1;
+	}
+}
+//#endregion
+//#region src/lib/canonical-url.ts
+function B(e) {
+	return e.length > 1 && e.endsWith("/") ? e.replace(/\/+$/, "") || "/" : e;
+}
+function V(e) {
+	let t = B(e.pathname), n = e.search ?? "", r = n.startsWith("?") ? n.slice(1) : n, i = new URLSearchParams(r);
+	for (let e of a) i.delete(e);
+	i.sort();
+	let o = i.toString();
+	return o ? `${t}?${o}` : t;
+}
+function H(e) {
+	return B(e.pathname);
+}
+//#endregion
+//#region src/hooks/usePageStateTtl.ts
+var U = "ui_page_state_ttl_ms";
+function W() {
+	let { value: e } = A(U, M);
+	return typeof e != "number" || !Number.isFinite(e) || e < 0 ? M : e;
+}
+//#endregion
+//#region src/hooks/usePageStateRuntime.ts
+var G = [
+	["entity-data"],
+	["entity-count"],
+	["entity-item"],
+	["entity-data-cursor"],
+	["entity-data-all"],
+	["action-data"],
+	["action-data-cursor"]
+], de = 6e4;
+function K(e, t) {
+	for (let n of G) e.setQueryDefaults(n, { gcTime: t });
+}
+function fe() {
+	let e = ee(), t = W(), n = m(), r = f(n);
+	r.current = n, u(() => (P(e), () => P(null)), [e]), u(() => {
+		if (R.getState().setTtl(t), K(e, t), t <= 0) for (let t of G) e.removeQueries({ queryKey: t });
+	}, [e, t]), u(() => {
+		if (t <= 0) return;
+		let e = setInterval(() => {
+			let e = R.getState(), t = r.current;
+			e.touch(V(t)), e.touch(H(t)), e.sweep(Date.now());
+		}, de);
+		return () => clearInterval(e);
+	}, [t]);
+}
+function pe(e, t = !0) {
+	let n = V(m());
+	u(() => {
+		!t || !e || R.getState().registerQueryKey(n, e);
+	}, [
+		n,
+		e ? JSON.stringify(e) : "",
+		t
+	]);
+}
+//#endregion
+//#region src/hooks/useBrandingChrome.ts
+function me(e) {
+	let t = n(), r = ue();
+	return d(() => {
+		let n = e ? { ...t.enabled ? r?.embed?.surfaces?.[e] : r?.full?.surfaces?.[e] } : { ...r?.full?.shell };
+		return {
+			...n,
+			isVisible: (e) => n[e] !== !1
+		};
+	}, [
+		r,
+		t.enabled,
+		e
+	]);
+}
+//#endregion
+//#region src/lib/scroll-restoration.ts
+var q = "scroll", J = 120, he = 24, Y = 600;
+function X(e, t) {
+	return Number.isFinite(e) ? Math.max(0, Math.min(e, Number.isFinite(t) && t > 0 ? t : 0)) : 0;
+}
+function ge(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 _e(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);
+		}
+	}
+	return X(e.offset, r);
+}
+function Z(e = q) {
+	let t = m(), n = f(null);
+	if (n.current === null) {
+		let r = V(t), i = R.getState().read(r, e);
+		n.current = i && Number.isFinite(i.offset) ? Math.max(0, i.offset) : 0;
+	}
+	return n.current;
+}
+function ve(e) {
+	let t = 0, n = null, r = () => {
+		n = null, t = Date.now(), e();
+	};
+	return {
+		trigger() {
+			let e = Date.now() - t;
+			e >= J ? r() : n === null && (n = setTimeout(r, J - e));
+		},
+		flush() {
+			n !== null && (clearTimeout(n), n = null), e();
+		},
+		cancel() {
+			n !== null && (clearTimeout(n), n = null);
+		}
+	};
+}
+function ye(e) {
+	let { virtualizer: t, scrollElementRef: n, rowKeys: r } = e, i = e.stateKey ?? "scroll", a = e.enabled ?? !0, o = V(m()), s = f(t);
+	s.current = t;
+	let c = f(r);
+	c.current = r;
+	let l = f(null);
+	u(() => {
+		l.current !== o && (l.current = null);
+	}, [o]), u(() => {
+		if (!a) return;
+		let e = s.current;
+		if (!e || r.length === 0) return;
+		let t = R.getState().read(o, i), n = l.current !== o;
+		if (l.current = o, !t) {
+			n && e.scrollToOffset(0, {
+				align: "start",
+				behavior: "auto"
+			});
+			return;
+		}
+		let u = 0, d = 0, f = NaN, p = () => {
+			let e = s.current;
+			if (!e) return;
+			let n = _e(t, c.current, (t) => e.getOffsetForIndex(t, "start")?.[0], e.getTotalSize());
+			n !== null && (Number.isNaN(f) || Math.abs(n - f) > 1) && (e.scrollToOffset(n, {
+				align: "start",
+				behavior: "auto"
+			}), f = n, d++ < he && (u = requestAnimationFrame(p)));
+		};
+		return p(), () => {
+			u && cancelAnimationFrame(u);
+		};
+	}, [
+		a,
+		o,
+		r,
+		i
+	]), Q(n, a, o, i, (e) => {
+		let t = s.current;
+		if (!t) return null;
+		let n = e.scrollTop, r = n > 0 ? n : t.scrollOffset ?? 0;
+		return ge(r, t.getVirtualItemForOffset(r), c.current);
+	});
+}
+function Q(e, t, n, r, i) {
+	let a = f(i);
+	a.current = i, u(() => {
+		if (!t) return;
+		let i = 0, o = Y, s = null, c = null, l = (e) => {
+			let t = a.current(e);
+			t && R.getState().set(n, r, t);
+		}, u = () => c?.trigger(), d = () => {
+			let t = e.current;
+			if (!t) {
+				o-- > 0 && (i = requestAnimationFrame(d));
+				return;
+			}
+			s = t, c = ve(() => l(t)), t.addEventListener("scroll", u, { passive: !0 });
+		};
+		return d(), () => {
+			i && cancelAnimationFrame(i), s && s.removeEventListener("scroll", u), c?.flush();
+		};
+	}, [
+		t,
+		e,
+		n,
+		r
+	]);
+}
+function be(e) {
+	let { scrollElementRef: t } = e, n = e.stateKey ?? "scroll", r = e.enabled ?? !0, i = V(m()), a = f(null);
+	u(() => {
+		if (!r || a.current === i) return;
+		let e = 0, o = Y, s = () => {
+			let r = t.current;
+			if (!r) {
+				o-- > 0 && (e = requestAnimationFrame(s));
+				return;
+			}
+			a.current = i;
+			let c = R.getState().read(i, n);
+			c && (r.scrollTop = Number.isFinite(c.offset) ? Math.max(0, c.offset) : 0);
+		};
+		return s(), () => {
+			e && cancelAnimationFrame(e);
+		};
+	}, [
+		r,
+		i,
+		n,
+		t
+	]), Q(t, r, i, n, (e) => ({
+		key: "",
+		delta: 0,
+		offset: e.scrollTop
+	}));
+}
+//#endregion
+//#region src/components/list/peekDraftStore.ts
+var $ = /* @__PURE__ */ new Map();
+function xe(e, t) {
+	$.set(e, t);
+}
+function Se(e) {
+	let t = $.get(e);
+	return t === void 0 ? null : ($.delete(e), t);
+}
+function Ce(e) {
+	$.delete(e);
+}
+//#endregion
+//#region src/components/shared/RefreshControl.tsx
+function we({ liveObject: n, realtime: r = !0 }) {
+	return /* @__PURE__ */ _("span", {
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 8
+		},
+		children: [/* @__PURE__ */ g(i, {
+			icon: n.isFetching ? /* @__PURE__ */ g("span", {
+				"data-testid": "refresh-spinner",
+				style: { display: "inline-flex" },
+				children: /* @__PURE__ */ g(o, { size: 14 })
+			}) : /* @__PURE__ */ g(e.refresh, { size: 14 }),
+			title: "Refresh",
+			disabled: n.isLoading || n.isFetching,
+			onClick: () => {
+				n.refetch();
+			}
+		}), r && /* @__PURE__ */ g("span", {
+			"data-testid": "live-indicator",
+			title: n.isLive ? "This view updates automatically in realtime." : "Realtime updates are paused. Refresh manually to load the latest data.",
+			children: /* @__PURE__ */ g(t, {
+				tone: n.isLive ? "emerald" : "amber",
+				size: "xs",
+				dot: !0,
+				children: n.isLive ? "Live" : "Updates paused"
+			})
+		})]
+	});
+}
+//#endregion
+export { ne as A, E as C, oe as D, C as E, ie as O, A as S, ce as T, M as _, q as a, le as b, ye as c, fe as d, pe as f, V as g, H as h, Se as i, y as k, me as l, W as m, Ce as n, be as o, U as p, xe as r, Z as s, we as t, K as u, R as v, D as w, O as x, j as y };