@declarion/react 0.65.0 → 0.66.0

package/dist-lib/hooks/useSchema.js

@@ -0,0 +1,73 @@
+import { fetchSchema as e } from "../api/schema.js";
+import { useEmbed as t } from "../embed/EmbedContext.js";
+import { useAuthStore as n } from "../stores/auth.js";
+import { useEffect as r } from "react";
+import { useQuery as i, useQueryClient as a } from "@tanstack/react-query";
+//#region src/hooks/useSchema.ts
+var o = ["schema"];
+function s(e) {
+	if (!e.isLoading) return !e.isAuthenticated || !e.user ? null : {
+		user_id: e.user.id,
+		tenant_id: e.activeTenant?.id ?? ""
+	};
+}
+function c(e, t) {
+	return e === t || e !== null && t !== null && e.user_id === t.user_id && e.tenant_id === t.tenant_id;
+}
+function l(e, t) {
+	if (e && t !== void 0 && c(e.audience, t)) return e.schema;
+}
+function u(e) {
+	return l(e.getQueryData(o), s(n.getState()));
+}
+function d(e, t) {
+	return {
+		schema: e,
+		audience: t,
+		requestedAt: performance.now()
+	};
+}
+var f = /* @__PURE__ */ new WeakMap();
+function p(e) {
+	let t = f.get(e);
+	return t || (t = { rereading: !1 }, f.set(e, t)), t;
+}
+function m(e) {
+	e.rereading || (e.rereading = !0, n.getState().reloadSession().finally(() => {
+		e.rereadFor = n.getState().identitySince, e.rereading = !1;
+	}));
+}
+function h() {
+	let c = n((e) => e.isLoading), u = n((e) => e.isAuthenticated), d = n((e) => e.user), f = n((e) => e.activeTenant), h = n((e) => e.identitySince), g = s({
+		isLoading: c,
+		isAuthenticated: u,
+		user: d,
+		activeTenant: f
+	}), _ = n((e) => e.sessionPresumed), v = t().enabled, y = p(a()), b = i({
+		queryKey: o,
+		queryFn: e,
+		staleTime: Infinity,
+		enabled: v ? u : _ || !c
+	}), x = b.data, S = l(x, g), C = x !== void 0 && g !== void 0 && S === void 0, w = C && x.requestedAt <= h, { refetch: T, isFetching: E } = b, D = C && !w, O = y.rereadFor === h;
+	return r(() => {
+		w && !E && y.refetchedFor !== h && (y.refetchedFor = h, T({ cancelRefetch: !1 }));
+	}, [
+		w,
+		E,
+		T,
+		y,
+		h
+	]), r(() => {
+		D && !O && m(y);
+	}, [
+		D,
+		O,
+		y
+	]), {
+		data: S,
+		isError: b.isError || D && O,
+		refetch: T
+	};
+}
+//#endregion
+export { o as SCHEMA_QUERY_KEY, u as cachedSchema, d as schemaAnswerFor, l as schemaFor, s as sessionCaller, h as useSchema };

package/dist-lib/hooks/useScreen.js

@@ -0,0 +1,8 @@
+import { useSchema as e } from "./useSchema.js";
+//#region src/hooks/useScreen.ts
+function t(t) {
+	let { data: n } = e();
+	if (n && t) return n.screens[t];
+}
+//#endregion
+export { t as useScreen };

package/dist-lib/hooks/useScreenBack.js

@@ -0,0 +1,60 @@
+import { screenTitleForPath as e } from "../types/schema.js";
+import { useEmbed as t } from "../embed/EmbedContext.js";
+import { useSchema as n } from "./useSchema.js";
+import { useText as r } from "./useText.js";
+import { useTabStore as i } from "../stores/tabs.js";
+import { useEmbedHistoryStore as a } from "../embed/embed-history.js";
+import { useEmbedScreenBack as o } from "../embed/useEmbedNavigate.js";
+import { resolveBackTarget as s, resolveBackVisibility as c, toRouterSearch as l } from "../lib/screen-back.js";
+import { useCallback as u, useMemo as d } from "react";
+import { useNavigate as f } from "react-router";
+//#region src/hooks/useScreenBack.ts
+function p(p) {
+	let m = r(), h = f(), g = t(), _ = o(), v = a((e) => e.depth), { data: y } = n(), b = p?.fallback, x = i((e) => {
+		let t = e.tabs.find((t) => t.id === e.activeTabId);
+		return t ? t.returnTo : void 0;
+	}), { hasOriginBack: S, allowFallbackBack: C } = d(() => c(x, g.enabled), [x, g.enabled]), w = u(() => {
+		if (g.enabled) {
+			a.getState().depth > 0 ? _() : b?.();
+			return;
+		}
+		let t = i.getState(), n = t.tabs.find((e) => e.id === t.activeTabId), r = s(n?.returnTo, t.tabs, !1);
+		if (!r) b?.();
+		else {
+			if (r.kind === "live" && r.tabId) t.commitTabNavigation(r.tabId, { search: r.search ?? "" });
+			else if (r.kind === "reopen") {
+				let n = r.title ? void 0 : e(m, r.pathname, y?.screens, y?.entities);
+				t.openTab({
+					pathname: r.pathname,
+					search: r.search ?? "",
+					title: r.title ?? n?.title ?? r.pathname,
+					derivedTitle: !r.title,
+					icon: r.icon ?? n?.icon,
+					screen: r.screen,
+					closable: !0
+				});
+			}
+			h({
+				pathname: r.pathname,
+				search: l(r.search),
+				hash: r.hash || void 0
+			});
+		}
+	}, [
+		m,
+		g.enabled,
+		_,
+		b,
+		h,
+		y?.screens,
+		y?.entities
+	]);
+	return {
+		canGoBack: g.enabled ? v > 0 || !!b : S || !!b,
+		hasOriginBack: S,
+		allowFallbackBack: C,
+		goBack: w
+	};
+}
+//#endregion
+export { p as useScreenBack };

package/dist-lib/hooks/useScreenTab.js

@@ -0,0 +1,11 @@
+import { useScreenTabRegistration as e } from "./useRegisterScreenTab.js";
+import { useTabSearchMirror as t } from "./useTabSearchMirror.js";
+import { useRef as n } from "react";
+import { useLocation as r, useSearchParams as i } from "react-router";
+//#region src/hooks/useScreenTab.ts
+function a(a) {
+	let o = r(), [s] = i(), c = a?.route ?? o.pathname, l = n(s.toString());
+	e(c, a?.title ?? c, a?.icon, l.current), t(c);
+}
+//#endregion
+export { a as useScreenTab };

package/dist-lib/hooks/useTabNavigate.js

@@ -0,0 +1,82 @@
+import { screenTitleForPath as e } from "../types/schema.js";
+import { useEmbed as t } from "../embed/EmbedContext.js";
+import { useSchema as n } from "./useSchema.js";
+import { useText as r } from "./useText.js";
+import { useTabStore as i } from "../stores/tabs.js";
+import { useEmbedScreenNavigate as a } from "../embed/useEmbedNavigate.js";
+import { captureReturnTarget as o, stripLeadingQuestion as s } from "../lib/screen-back.js";
+import { useCallback as c } from "react";
+import { parsePath as l, useNavigate as u } from "react-router";
+//#region src/hooks/useTabNavigate.ts
+function d(e, t) {
+	let n = l(e);
+	return {
+		pathname: n.pathname ?? e,
+		search: f(n.search) ?? f(t),
+		hash: n.hash
+	};
+}
+function f(e) {
+	if (e && e !== "?") return e.startsWith("?") ? e : `?${e}`;
+}
+function p() {
+	let l = r(), f = u(), { data: p } = n(), m = t(), h = a();
+	return c((t, n) => {
+		let { pathname: r, search: a, hash: c } = d(t, n?.search);
+		if (m.enabled) {
+			h(`${r}${a ?? ""}${c ?? ""}`, { replace: n?.replace });
+			return;
+		}
+		let u = i.getState(), g = n?.topLevel ?? !1, _ = s(a), v = g || typeof window > "u" ? void 0 : o({
+			pathname: window.location.pathname,
+			search: window.location.search,
+			hash: window.location.hash
+		}, r, u.findTabByPathname(window.location.pathname)), y = u.findTabByPathname(r);
+		if (y) {
+			if (g) {
+				let e = _ || y.search;
+				u.commitTabNavigation(y.id, {
+					search: e,
+					returnTo: null
+				}), f({
+					pathname: r,
+					search: e ? `?${e}` : "",
+					hash: c
+				}, { replace: n?.replace });
+				return;
+			}
+			v ? u.commitTabNavigation(y.id, {
+				search: _,
+				returnTo: v
+			}) : u.commitTabNavigation(y.id, { search: _ }), f({
+				pathname: r,
+				search: a,
+				hash: c
+			}, { replace: n?.replace });
+			return;
+		}
+		let b = n?.title ? void 0 : e(l, r, p?.screens, p?.entities), x = n?.title ?? b?.title ?? r, S = n?.icon ?? b?.icon;
+		u.openTab({
+			pathname: r,
+			search: _,
+			title: x,
+			derivedTitle: !n?.title,
+			icon: S,
+			closable: !0,
+			returnTo: g ? null : v
+		}), f({
+			pathname: r,
+			search: a,
+			hash: c
+		}, { replace: n?.replace });
+	}, [
+		l,
+		f,
+		p?.screens,
+		p?.entities,
+		m.enabled,
+		h
+	]);
+}
+//#endregion
+export { d as resolveTabTarget, p as useTabNavigate };

package/dist-lib/hooks/useTabSearchMirror.js

@@ -0,0 +1,19 @@
+import { useEmbed as e } from "../embed/EmbedContext.js";
+import { useTabStore as t } from "../stores/tabs.js";
+import { useLayoutEffect as n } from "react";
+import { useSearchParams as r } from "react-router";
+//#region src/hooks/useTabSearchMirror.ts
+function i(i) {
+	let a = e(), [o] = r();
+	n(() => {
+		if (!i || a.enabled) return;
+		let e = t.getState(), n = e.findTabByPathname(i);
+		n && e.updateTabSearch(n.id, o.toString());
+	}, [
+		o,
+		i,
+		a.enabled
+	]);
+}
+//#endregion
+export { i as useTabSearchMirror };

package/dist-lib/{useTabTitle-KrzEo118.js → hooks/useTabTitle.js}

@@ -1,13 +1,15 @@
-import { Ft as e, vn as t, wt as n } from "./useCurrentScreen-BZOHBGQZ.js";
+import { screenTitleForPath as e } from "../types/schema.js";
+import { useSchema as t } from "./useSchema.js";
+import { useText as n } from "./useText.js";
 import { useCallback as r } from "react";
 //#region src/hooks/useTabTitle.ts
 function i() {
-	let i = n(), { data: o } = e();
-	return r((e) => {
-		let n = a(i, e.pathname);
+	let i = n(), { data: o } = t();
+	return r((t) => {
+		let n = a(i, t.pathname);
 		if (n) return n;
-		let r = t(i, e.pathname, o?.screens, o?.entities);
-		return r && (r.exact || e.derivedTitle === !0) ? r.title : e.title;
+		let r = e(i, t.pathname, o?.screens, o?.entities);
+		return r && (r.exact || t.derivedTitle === !0) ? r.title : t.title;
 	}, [i, o]);
 }
 function a(e, t) {
@@ -19,4 +21,4 @@ function a(e, t) {
 	}
 }
 //#endregion
-export { i as t };
+export { i as useTabTitle };

package/dist-lib/hooks/useText.js

@@ -0,0 +1,15 @@
+import { useSchema as e } from "./useSchema.js";
+import { makeTextFn as t } from "../lib/language.js";
+import { useDeploymentLanguage as n, useLanguage as r } from "./useLanguage.js";
+import { useMemo as i } from "react";
+//#region src/hooks/useText.ts
+function a(a = "messages") {
+	let { data: o } = e(), s = r(), c = n(), l = a === "errors" ? o?.errors : o?.messages;
+	return i(() => t(l, s, c), [
+		l,
+		s,
+		c
+	]);
+}
+//#endregion
+export { a as useText };

package/dist-lib/hooks/useTimelineData.js

@@ -0,0 +1,44 @@
+import { apiFetch as e } from "../api/client.js";
+import { pkValuesFromId as t } from "../types/schema.js";
+import { ENTITY_CHILDREN_KEY as n } from "./useChildrenData.js";
+import { useMemo as r } from "react";
+import { useInfiniteQuery as i } from "@tanstack/react-query";
+//#region src/hooks/useTimelineData.ts
+var a = 50;
+function o(o, s, c, l, u, d) {
+	let f = Array.isArray(l) ? l : [l], p = Array.isArray(l) ? t(s, f.length) : [s], m = d ?? a, h = i({
+		queryKey: [
+			n,
+			o,
+			s,
+			c,
+			"timeline",
+			u,
+			m
+		],
+		queryFn: ({ pageParam: t }) => {
+			let n = new URLSearchParams();
+			if (!p) throw Error("invalid composite parent id");
+			let r = f.map((e, t) => ({
+				field: e,
+				op: "eq",
+				value: p[t]
+			}));
+			return n.set("filters", JSON.stringify(r)), u ? n.set("sort", `${u}:desc`) : typeof console < "u" && console.warn(`[useTimelineData] no time_field for ${c}; fetch order falls back to API default`), n.set("limit", String(m)), t && n.set("after", t), e(`/api/data/${c}?${n.toString()}`);
+		},
+		getNextPageParam: (e) => e.meta?.has_more ? e.meta.cursor : void 0,
+		initialPageParam: void 0,
+		enabled: !!o && !!s && !!c && !!l && p !== null
+	});
+	return {
+		rows: r(() => h.data?.pages.flatMap((e) => e.data) ?? [], [h.data?.pages]),
+		refs: h.data?.pages[0]?.$refs,
+		fetchNextPage: h.fetchNextPage,
+		hasOlder: !!h.hasNextPage,
+		isFetchingOlder: h.isFetchingNextPage,
+		isLoading: h.isLoading,
+		isError: h.isError
+	};
+}
+//#endregion
+export { o as useTimelineData };

package/dist-lib/hooks/useUnsavedInput.js

@@ -0,0 +1,18 @@
+import { useTabStore as e } from "../stores/tabs.js";
+import { useLayoutEffect as t } from "react";
+import { useLocation as n } from "react-router";
+//#region src/hooks/useUnsavedInput.ts
+var r = /* @__PURE__ */ new Map();
+function i(i) {
+	let { pathname: a } = n(), o = e((e) => e.findTabByPathname(a)?.id);
+	t(() => {
+		if (!i || !o) return;
+		let t = (r.get(o) ?? 0) + 1;
+		return r.set(o, t), e.getState().setDirty(o, !0), () => {
+			let t = (r.get(o) ?? 1) - 1;
+			t > 0 ? r.set(o, t) : r.delete(o), e.getState().setDirty(o, t > 0);
+		};
+	}, [i, o]);
+}
+//#endregion
+export { i as useUnsavedInput };

package/dist-lib/hooks/useVersionWatcher.js

@@ -0,0 +1,62 @@
+import { isEmbedTokenMode as e } from "../embed/token.js";
+import { fetchProbe as t, pendingReload as n, subscribe as r } from "../lib/versionTracker.js";
+import { useText as i } from "./useText.js";
+import { toast as a } from "../lib/toast.js";
+import { useEffect as o, useRef as s } from "react";
+import { useQueryClient as c } from "@tanstack/react-query";
+//#region src/hooks/useVersionWatcher.ts
+function l() {
+	let l = c(), u = i(), d = s(u);
+	o(() => {
+		d.current = u;
+	}, [u]), o(() => {
+		let i = !1, o = null, s = 6e4, c = s, u = 0, f = 0;
+		function p(e) {
+			i || (o !== null && clearTimeout(o), o = setTimeout(() => {
+				i || (document.visibilityState === "visible" ? m() : p(s));
+			}, e));
+		}
+		async function m() {
+			if (!i) {
+				try {
+					await t(), u = 0, c = s;
+				} catch (e) {
+					u === 0 && console.warn("[declarion] version probe failed; backing off", e), u += 1, c = Math.min(1e3 * 2 ** Math.min(u - 1, 9), 3e5);
+				}
+				p(c);
+			}
+		}
+		function h() {
+			let e = n();
+			e && _(e);
+			let t = Date.now();
+			t - f < 5e3 || (f = t, m());
+		}
+		function g() {
+			document.visibilityState === "visible" && h();
+		}
+		let _ = (t) => {
+			if (t.kind === "schema-only") {
+				l.invalidateQueries({ queryKey: ["schema"] });
+				return;
+			}
+			if (e()) return;
+			let n = d.current;
+			a.info(n("toast.update.available", "A new version is available"), n("toast.update.hint", "Reload to pick up the latest UI and schema."), {
+				id: "declarion-update-available",
+				sticky: !0,
+				action: {
+					label: n("toast.update.reload", "Reload now"),
+					onClick: () => {
+						window.location.reload();
+					}
+				}
+			});
+		}, v = r(_);
+		return window.addEventListener("focus", h), window.addEventListener("online", h), document.addEventListener("visibilitychange", g), m(), () => {
+			i = !0, v(), window.removeEventListener("focus", h), window.removeEventListener("online", h), document.removeEventListener("visibilitychange", g), o !== null && clearTimeout(o);
+		};
+	}, [l]);
+}
+//#endregion
+export { l as useVersionWatcher };

package/dist-lib/hooks/useViews.js

@@ -0,0 +1,88 @@
+import { coerceDisplayString as e } from "../lib/display-value.js";
+import { useEntityData as t } from "./useEntityData.js";
+import { useEntity as n } from "./useEntity.js";
+import { useScreen as r } from "./useScreen.js";
+import { useCallback as i, useMemo as a } from "react";
+//#region src/hooks/useViews.ts
+function o(t, n) {
+	let r = n && String(t.user_id) === n;
+	return {
+		id: String(t.id),
+		name: typeof t.name == "object" && t.name !== null ? t.name : { en: e(t.name) },
+		icon: t.icon,
+		source: r ? "personal" : "shared",
+		is_default: t.is_default === !0,
+		filters: t.filters,
+		columns: t.columns,
+		sort: t.sort
+	};
+}
+function s(e, n) {
+	let r = t("view", {
+		filters: [{
+			field: "id",
+			op: "eq",
+			value: e ?? ""
+		}],
+		per_page: 1
+	}, !!e), i = r.data?.data?.[0], s = a(() => i ? o(i, n) : void 0, [i, n]);
+	return e ? {
+		view: s,
+		isSettled: !r.isPending || r.fetchStatus === "paused"
+	} : {
+		view: void 0,
+		isSettled: !0
+	};
+}
+function c(e, t) {
+	return u(e, t).views;
+}
+function l(e, t) {
+	return {
+		filters: [{
+			field: "screen_code",
+			op: "eq",
+			value: e
+		}, ...t ? [{ or: [{
+			field: "user_id",
+			op: "eq",
+			value: t
+		}, {
+			field: "is_shared",
+			op: "eq",
+			value: "true"
+		}] }] : []],
+		sort: "created_at:desc",
+		per_page: 100
+	};
+}
+function u(e, s) {
+	let c = r(e), u = n("view") !== void 0, d = t("view", l(e, s), u), f = d.data, p = a(() => {
+		let e = [];
+		if (c?.views) for (let t of c.views) e.push({
+			id: t.code,
+			name: t.name,
+			icon: t.icon,
+			source: "system",
+			filters: t.filters,
+			columns: t.columns,
+			sort: t.sort
+		});
+		if (f?.data) for (let t of f.data) e.push(o(t, s));
+		return e;
+	}, [
+		c?.views,
+		f?.data,
+		s
+	]), { refetch: m } = d;
+	return {
+		views: p,
+		isSettled: !u || !d.isPending || d.fetchStatus === "paused",
+		isFetching: d.isFetching,
+		refetch: i(() => {
+			m();
+		}, [m])
+	};
+}
+//#endregion
+export { l as savedViewsParams, s as useViewById, c as useViews, u as useViewsQuery, o as viewItemFromRow };

package/dist-lib/hooks/useWindowConversation.js

@@ -0,0 +1,11 @@
+import { sharedWindowElection as e } from "../lib/window-election.js";
+import { useEffect as t } from "react";
+//#region src/hooks/useWindowConversation.ts
+function n(n) {
+	t(() => {
+		let t = e();
+		return t.setConversation(n ?? null), () => t.setConversation(null);
+	}, [n]);
+}
+//#endregion
+export { n as useWindowConversation };

package/dist-lib/icons.js

@@ -1,3 +1,5 @@
-import { t as e } from "./Icons-lt-7lhYR.js";
-import { a as t, i as n, n as r, o as i, r as a, t as o } from "./DynamicIcon-DuBSz6TZ.js";
-export { o as DynamicIcon, e as Icon, r as LucideIcon, a as getIcon, n as getIconRegistryVersion, t as setIconRegistry, i as subscribeIconRegistry };
+import { Icon as e } from "./components/primitives/Icons.js";
+import { getIcon as t, getIconRegistryVersion as n, setIconRegistry as r, subscribeIconRegistry as i } from "./stores/icon-registry.js";
+import { LucideIcon as a } from "./components/shared/LucideIcon.js";
+import { DynamicIcon as o } from "./components/shared/DynamicIcon.js";
+export { o as DynamicIcon, e as Icon, a as LucideIcon, t as getIcon, n as getIconRegistryVersion, r as setIconRegistry, i as subscribeIconRegistry };