@declarion/react 0.30.0 → 0.31.1

package/dist-lib/peekDraftStore-yyzMbaiI.js

@@ -0,0 +1,468 @@
+import { s as e } from "./DynamicIcon-DCRdxxZ7.js";
+import { Ot as t, U as n, ut as r } from "./ActionRunner-BzaZQtiI.js";
+import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
+import { useLocation as c } from "react-router-dom";
+import { useQuery as l, useQueryClient as u } from "@tanstack/react-query";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { create as p } from "zustand";
+//#region src/components/primitives/Avatar.tsx
+function m({ 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__ */ d("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 h = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, g = 1200;
+function ee({ value: t }) {
+	let [n, r] = s(!1), a = h.test(t) ? `${t.slice(0, 8)}…` : t;
+	return /* @__PURE__ */ f("button", {
+		type: "button",
+		onClick: i(async () => {
+			try {
+				await navigator.clipboard.writeText(t), r(!0), window.setTimeout(() => r(!1), g);
+			} 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__ */ d("span", { children: a }), n ? /* @__PURE__ */ d(e.check, { size: 10 }) : /* @__PURE__ */ d(e.copy, {
+			size: 10,
+			style: { opacity: .6 }
+		})]
+	});
+}
+//#endregion
+//#region src/stores/page-state.ts
+var _ = 1800 * 1e3, v = null;
+function y(e) {
+	v = e;
+}
+function b(e) {
+	if (!(!e || !v)) for (let t of e.queryKeys) v.removeQueries({
+		queryKey: t,
+		exact: !0
+	});
+}
+function x(e, t) {
+	let n = e[t];
+	if (!n) return e;
+	b(n);
+	let r = { ...e };
+	return delete r[t], r;
+}
+function S(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 = x(n, e);
+	}
+	return n;
+}
+var C = p((e, t) => ({
+	entries: {},
+	ttlMs: _,
+	setTtl: (n) => {
+		if (n <= 0) {
+			let { entries: r } = t();
+			for (let e of Object.keys(r)) b(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: S({
+			...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) => w(e, r));
+		if (o && s) return;
+		let c = o ? {
+			...o,
+			queryKeys: [...o.queryKeys, r],
+			lastActiveAt: a
+		} : {
+			bag: {},
+			lastActiveAt: a,
+			queryKeys: [r]
+		};
+		e({ entries: S({
+			...i.entries,
+			[n]: c
+		}, n) });
+	},
+	kill: (n) => {
+		let r = t(), i = x(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 = x(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)) b(n[e]);
+			e({ entries: {} });
+		}
+	}
+}));
+function w(e, t) {
+	if (e === t) return !0;
+	try {
+		return JSON.stringify(e) === JSON.stringify(t);
+	} catch {
+		return !1;
+	}
+}
+//#endregion
+//#region src/api/params.ts
+async function T() {
+	let e = (await t("/api/params/public")).data;
+	if (Array.isArray(e)) return { parameters: e };
+	let n = e ?? {};
+	return {
+		parameters: n.parameters ?? [],
+		accents: n.accents,
+		messages: n.messages,
+		branding: n.branding,
+		meta: n.meta
+	};
+}
+async function E(e) {
+	return (await t(`/api/params/${encodeURIComponent(e)}`)).data;
+}
+async function D(e, t, r) {
+	await n("user.__update", {
+		object_ids: [e],
+		entity: "user",
+		fields: { $params: [{
+			param_code: t,
+			value: r
+		}] }
+	});
+}
+//#endregion
+//#region src/hooks/useParams.ts
+function O() {
+	return l({
+		queryKey: ["params-public"],
+		queryFn: T,
+		staleTime: 300 * 1e3
+	});
+}
+function k(e) {
+	return l({
+		queryKey: ["params", e],
+		queryFn: () => E(e),
+		enabled: !!e,
+		staleTime: 60 * 1e3
+	});
+}
+function A(e, t) {
+	let n = l({
+		queryKey: ["params", e],
+		queryFn: () => E(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/lib/canonical-url.ts
+function j(e) {
+	return e.length > 1 && e.endsWith("/") ? e.replace(/\/+$/, "") || "/" : e;
+}
+function M(e) {
+	let t = j(e.pathname), n = e.search ?? "", i = n.startsWith("?") ? n.slice(1) : n, a = new URLSearchParams(i);
+	for (let e of r) a.delete(e);
+	a.sort();
+	let o = a.toString();
+	return o ? `${t}?${o}` : t;
+}
+function N(e) {
+	return j(e.pathname);
+}
+//#endregion
+//#region src/hooks/usePageStateTtl.ts
+var P = "ui_page_state_ttl_ms";
+function F() {
+	let { value: e } = A(P, _);
+	return typeof e != "number" || !Number.isFinite(e) || e < 0 ? _ : e;
+}
+//#endregion
+//#region src/hooks/usePageStateRuntime.ts
+var I = [
+	["entity-data"],
+	["entity-count"],
+	["entity-item"],
+	["entity-data-cursor"],
+	["entity-data-all"],
+	["action-data"],
+	["action-data-cursor"]
+], L = 6e4;
+function R(e, t) {
+	for (let n of I) e.setQueryDefaults(n, { gcTime: t });
+}
+function z() {
+	let e = u(), t = F(), n = c(), r = o(n);
+	r.current = n, a(() => (y(e), () => y(null)), [e]), a(() => {
+		if (C.getState().setTtl(t), R(e, t), t <= 0) for (let t of I) e.removeQueries({ queryKey: t });
+	}, [e, t]), a(() => {
+		if (t <= 0) return;
+		let e = setInterval(() => {
+			let e = C.getState(), t = r.current;
+			e.touch(M(t)), e.touch(N(t)), e.sweep(Date.now());
+		}, L);
+		return () => clearInterval(e);
+	}, [t]);
+}
+function B(e, t = !0) {
+	let n = M(c());
+	a(() => {
+		!t || !e || C.getState().registerQueryKey(n, e);
+	}, [
+		n,
+		e ? JSON.stringify(e) : "",
+		t
+	]);
+}
+//#endregion
+//#region src/lib/scroll-restoration.ts
+var V = "scroll", H = 120, U = 24, W = 600;
+function G(e, t) {
+	return Number.isFinite(e) ? Math.max(0, Math.min(e, Number.isFinite(t) && t > 0 ? t : 0)) : 0;
+}
+function K(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 q(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 G(t + e.delta, r);
+		}
+	}
+	return G(e.offset, r);
+}
+function J(e = V) {
+	let t = c(), n = o(null);
+	if (n.current === null) {
+		let r = M(t), i = C.getState().read(r, e);
+		n.current = i && Number.isFinite(i.offset) ? Math.max(0, i.offset) : 0;
+	}
+	return n.current;
+}
+function Y(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 X(e) {
+	let { virtualizer: t, scrollElementRef: n, rowKeys: r } = e, i = e.stateKey ?? "scroll", s = e.enabled ?? !0, l = M(c()), u = o(t);
+	u.current = t;
+	let d = o(r);
+	d.current = r;
+	let f = o(null);
+	a(() => {
+		f.current !== l && (f.current = null);
+	}, [l]), a(() => {
+		if (!s) return;
+		let e = u.current;
+		if (!e || r.length === 0) return;
+		let t = C.getState().read(l, i), n = f.current !== l;
+		if (f.current = l, !t) {
+			n && e.scrollToOffset(0, {
+				align: "start",
+				behavior: "auto"
+			});
+			return;
+		}
+		let a = 0, o = 0, c = NaN, p = () => {
+			let e = u.current;
+			if (!e) return;
+			let n = q(t, d.current, (t) => e.getOffsetForIndex(t, "start")?.[0], e.getTotalSize());
+			n !== null && (Number.isNaN(c) || Math.abs(n - c) > 1) && (e.scrollToOffset(n, {
+				align: "start",
+				behavior: "auto"
+			}), c = n, o++ < U && (a = requestAnimationFrame(p)));
+		};
+		return p(), () => {
+			a && cancelAnimationFrame(a);
+		};
+	}, [
+		s,
+		l,
+		r,
+		i
+	]), Z(n, s, l, i, (e) => {
+		let t = u.current;
+		if (!t) return null;
+		let n = e.scrollTop, r = n > 0 ? n : t.scrollOffset ?? 0;
+		return K(r, t.getVirtualItemForOffset(r), d.current);
+	});
+}
+function Z(e, t, n, r, i) {
+	let s = o(i);
+	s.current = i, a(() => {
+		if (!t) return;
+		let i = 0, a = W, o = null, c = null, l = (e) => {
+			let t = s.current(e);
+			t && C.getState().set(n, r, t);
+		}, u = () => c?.trigger(), d = () => {
+			let t = e.current;
+			if (!t) {
+				a-- > 0 && (i = requestAnimationFrame(d));
+				return;
+			}
+			o = t, c = Y(() => l(t)), t.addEventListener("scroll", u, { passive: !0 });
+		};
+		return d(), () => {
+			i && cancelAnimationFrame(i), o && o.removeEventListener("scroll", u), c?.flush();
+		};
+	}, [
+		t,
+		e,
+		n,
+		r
+	]);
+}
+function Q(e) {
+	let { scrollElementRef: t } = e, n = e.stateKey ?? "scroll", r = e.enabled ?? !0, i = M(c()), s = o(null);
+	a(() => {
+		if (!r || s.current === i) return;
+		let e = 0, a = W, o = () => {
+			let r = t.current;
+			if (!r) {
+				a-- > 0 && (e = requestAnimationFrame(o));
+				return;
+			}
+			s.current = i;
+			let c = C.getState().read(i, n);
+			c && (r.scrollTop = Number.isFinite(c.offset) ? Math.max(0, c.offset) : 0);
+		};
+		return o(), () => {
+			e && cancelAnimationFrame(e);
+		};
+	}, [
+		r,
+		i,
+		n,
+		t
+	]), Z(t, r, i, n, (e) => ({
+		key: "",
+		delta: 0,
+		offset: e.scrollTop
+	}));
+}
+//#endregion
+//#region src/components/list/peekDraftStore.ts
+var $ = /* @__PURE__ */ new Map();
+function te(e, t) {
+	$.set(e, t);
+}
+function ne(e) {
+	let t = $.get(e);
+	return t === void 0 ? null : ($.delete(e), t);
+}
+function re(e) {
+	$.delete(e);
+}
+//#endregion
+export { m as S, k as _, Q as a, C as b, R as c, P as d, F as f, O as g, A as h, V as i, z as l, M as m, te as n, J as o, N as p, ne as r, X as s, re as t, B as u, D as v, ee as x, _ as y };