@declarion/react 0.65.0 → 0.66.0

package/dist-lib/stores/tabs.js

@@ -0,0 +1,220 @@
+import { usePreferencesStore as e } from "./preferences.js";
+import { create as t } from "zustand";
+//#region src/stores/tabs.ts
+var n = ["/login", "/signup"];
+function r(e) {
+	return n.includes(e);
+}
+function i(e) {
+	return typeof e == "string" && e.startsWith("/") && !e.startsWith("//");
+}
+var a = 4096;
+function o(e) {
+	return typeof e == "string" && e.length <= a;
+}
+function s(e) {
+	if (e === null) return null;
+	if (e === void 0 || typeof e != "object" || Array.isArray(e)) return;
+	let t = e;
+	if (!i(t.pathname) || t.pathname.length > a || t.pathname.includes("?") || t.pathname.includes("#")) return;
+	let n = { pathname: t.pathname };
+	if (t.search !== void 0) {
+		if (!o(t.search) || t.search.startsWith("?")) return;
+		t.search && (n.search = t.search);
+	}
+	if (t.hash !== void 0) {
+		if (!o(t.hash) || t.hash && !t.hash.startsWith("#")) return;
+		t.hash && (n.hash = t.hash);
+	}
+	for (let e of [
+		"tabId",
+		"title",
+		"icon",
+		"screen"
+	]) if (t[e] !== void 0) {
+		if (!o(t[e])) return;
+		t[e] && (n[e] = t[e]);
+	}
+	return n;
+}
+function c(e) {
+	return e.closable !== !1;
+}
+function l(e, t, n, r) {
+	if (n === "all") return e.filter(c).map((e) => e.id);
+	let i = r ?? t;
+	if (!i) return [];
+	let a = e.findIndex((e) => e.id === i);
+	return a === -1 ? [] : n === "current" ? c(e[a]) ? [e[a].id] : [] : n === "others" ? e.filter((e, t) => t !== a && c(e)).map((e) => e.id) : e.slice(a + 1).filter(c).map((e) => e.id);
+}
+var u = null, d = null;
+function f(e, t) {
+	return `declarion::${e}::${t}::tabs`;
+}
+function p() {
+	return !u || !d ? null : f(u, d);
+}
+function m({ dirty: e, ...t }) {
+	return t;
+}
+function h(e) {
+	let t;
+	try {
+		t = JSON.parse(e);
+	} catch {
+		return null;
+	}
+	if (typeof t != "object" || !t) return null;
+	let n = t;
+	return Array.isArray(n.tabs) ? {
+		tabs: n.tabs.filter((e) => typeof e == "object" && !!e && typeof e.id == "string" && typeof e.pathname == "string").map((e) => {
+			let t = m(e), n = s(t.returnTo);
+			if (n === void 0) {
+				let { returnTo: e, ...n } = t;
+				return n;
+			}
+			return {
+				...t,
+				returnTo: n
+			};
+		}),
+		activeTabId: typeof n.activeTabId == "string" ? n.activeTabId : null
+	} : null;
+}
+function g(e, t) {
+	if (typeof window > "u") return null;
+	let n = localStorage.getItem(f(e, t));
+	if (!n) return null;
+	let r = h(n);
+	if (!r) return null;
+	let a = r.tabs.find((e) => e.id === r.activeTabId), o = a?.pathname;
+	if (i(o)) {
+		let e = typeof a?.search == "string" ? a.search : "", t = e.startsWith("?") ? e.slice(1) : e;
+		return t ? `${o}?${t}` : o;
+	}
+	return null;
+}
+function _(t, n) {
+	if (typeof window > "u") return;
+	let r = e.getState().tabsPersist, i = p();
+	if (i) {
+		if (r) try {
+			localStorage.setItem(i, JSON.stringify({
+				tabs: t.map(m),
+				activeTabId: n
+			}));
+		} catch {}
+		else try {
+			localStorage.removeItem(i);
+		} catch {}
+	}
+}
+function v() {
+	if (typeof window > "u" || !e.getState().tabsPersist) return null;
+	let t = p();
+	if (!t) return null;
+	let n = localStorage.getItem(t);
+	return n ? h(n) : null;
+}
+var y = t((t, n) => ({
+	tabs: [],
+	activeTabId: null,
+	openTab: (i, a) => {
+		if (r(i.pathname)) return "";
+		let o = a?.activate ?? !0, s = n(), c = s.tabs.find((e) => e.pathname === i.pathname);
+		if (c) return o && (t({ activeTabId: c.id }), _(s.tabs, c.id)), c.id;
+		let l = crypto.randomUUID(), u = {
+			...i,
+			id: l
+		}, d = [...s.tabs, u], f = o ? l : s.activeTabId, p = e.getState().tabsMaxOpen;
+		if (p > 0 && d.length > p) {
+			let e = d.findIndex((e) => e.id !== l && e.id !== f && e.closable !== !1 && !e.dirty);
+			e !== -1 && (d = d.filter((t, n) => n !== e));
+		}
+		return t({
+			tabs: d,
+			activeTabId: f
+		}), _(d, f), l;
+	},
+	closeTab: (e) => {
+		let t = n(), r = t.tabs.findIndex((t) => t.id === e);
+		r !== -1 && t.tabs[r].closable && t.tabs.length !== 1 && n().closeTabs([e]);
+	},
+	closeTabs: (e) => {
+		let r = n(), i = new Set(e);
+		if (i.size === 0) return r.tabs.find((e) => e.id === r.activeTabId) ?? null;
+		let a = r.tabs.findIndex((e) => e.id === r.activeTabId), o = r.tabs.filter((e) => !(i.has(e.id) && c(e))), s = r.activeTabId;
+		return s && !o.some((e) => e.id === s) ? s = o.length === 0 ? null : o[Math.min(Math.max(a, 0), o.length - 1)].id : o.length === 0 && (s = null), t({
+			tabs: o,
+			activeTabId: s
+		}), _(o, s), o.find((e) => e.id === s) ?? null;
+	},
+	switchTab: (e) => {
+		t({ activeTabId: e }), _(n().tabs, e);
+	},
+	findTabByPathname: (e) => n().tabs.find((t) => t.pathname === e),
+	updateTabTitle: (e, n, r = !1) => {
+		t((t) => ({ tabs: t.tabs.map((t) => t.id === e ? {
+			...t,
+			title: n,
+			derivedTitle: r
+		} : t) }));
+	},
+	updateTabSearch: (e, n) => {
+		t((t) => ({ tabs: t.tabs.map((t) => t.id === e ? {
+			...t,
+			search: n
+		} : t) }));
+	},
+	setReturnTarget: (e, r) => {
+		t((t) => ({ tabs: t.tabs.map((t) => t.id === e ? {
+			...t,
+			returnTo: r
+		} : t) })), _(n().tabs, n().activeTabId);
+	},
+	commitTabNavigation: (e, r) => {
+		let i = "returnTo" in r;
+		t((t) => ({
+			tabs: t.tabs.map((t) => t.id === e ? {
+				...t,
+				search: r.search,
+				...i ? { returnTo: r.returnTo } : {}
+			} : t),
+			activeTabId: e
+		})), _(n().tabs, n().activeTabId);
+	},
+	setDirty: (e, r) => {
+		t((t) => ({ tabs: t.tabs.map((t) => t.id === e ? {
+			...t,
+			dirty: r
+		} : t) })), _(n().tabs, n().activeTabId);
+	},
+	setMode: (e, r) => {
+		t((t) => ({ tabs: t.tabs.map((t) => t.id === e ? {
+			...t,
+			mode: r
+		} : t) })), _(n().tabs, n().activeTabId);
+	},
+	updateTab: (e, r) => {
+		t((t) => ({ tabs: t.tabs.map((t) => t.id === e ? {
+			...t,
+			...r
+		} : t) })), _(n().tabs, n().activeTabId);
+	},
+	setScope: (e, t) => {
+		u = e, d = t;
+	},
+	hydrate: () => {
+		let e = v();
+		e && t({
+			tabs: e.tabs,
+			activeTabId: e.activeTabId
+		});
+	}
+}));
+typeof window < "u" && window.addEventListener("pagehide", () => {
+	let { tabs: e, activeTabId: t } = y.getState();
+	_(e, t);
+});
+//#endregion
+export { r as isExcludedRoute, i as isSameOriginPath, g as peekTenantLandingPath, l as tabIdsForCloseScope, y as useTabStore };

package/dist-lib/test/seed-schema.js

@@ -0,0 +1,8 @@
+import { useAuthStore as e } from "../stores/auth.js";
+import { SCHEMA_QUERY_KEY as t, schemaAnswerFor as n, sessionCaller as r } from "../hooks/useSchema.js";
+//#region src/test/seed-schema.ts
+function i(i, a) {
+	e.getState().isLoading && e.setState({ isLoading: !1 }), i.setQueryData(t, n(a, r(e.getState()) ?? null));
+}
+//#endregion
+export { i as seedSchemaCache };

package/dist-lib/testing.d.ts

@@ -1,4 +1,4 @@
-import { Dt as TextFn, E as DataResponse, L as Refs, d as ActionExecuteResponse, it as LocalizedString, j as ListResponse, k as ListMeta, o as ResponsiveViewport, u as ActionExecuteRequest, ut as Schema } from "./useResponsiveMode-DIR1bZfo.js";
+import { At as TextFn, B as Refs, M as ListMeta, P as ListResponse, d as ActionExecuteResponse, ft as Schema, k as DataResponse, o as ResponsiveViewport, ot as LocalizedString, u as ActionExecuteRequest } from "./useResponsiveMode-DmrpMbZX.js";
 import { ReactElement, ReactNode } from "react";
 import { QueryClient } from "@tanstack/react-query";
 import { RenderResult } from "@testing-library/react";

package/dist-lib/testing.js

@@ -1,31 +1,34 @@
-import { At as e, It as t, Yt as n, _t as r, bt as i, ct as a, gt as o, t as s, vt as c } from "./useCurrentScreen-BZOHBGQZ.js";
-import { t as l } from "./ActionRunner-DdBFhqGe.js";
-import { useState as u } from "react";
-import { QueryClient as d, QueryClientProvider as f } from "@tanstack/react-query";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { MemoryRouter as h, useLocation as g } from "react-router";
-import { Toaster as _ } from "sonner";
-import { render as v } from "@testing-library/react";
+import { EmbedProvider as e } from "./embed/EmbedContext.js";
+import { useAuthStore as t } from "./stores/auth.js";
+import { makeTextFn as n } from "./lib/language.js";
+import { ResponsiveModeProvider as r } from "./hooks/useResponsiveMode.js";
+import { encodeObjectId as i, setActionExecutor as a, setGetEntityResolver as o, setListEntitiesResolver as s } from "./api/data.js";
+import { ActionRunnerProvider as c } from "./components/actions/ActionRunner.js";
+import { CurrentScreenProvider as l } from "./hooks/useCurrentScreen.js";
+import { seedSchemaCache as u } from "./test/seed-schema.js";
+import { useState as d } from "react";
+import { QueryClient as f, QueryClientProvider as p } from "@tanstack/react-query";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { MemoryRouter as g, useLocation as _ } from "react-router";
+import { Toaster as v } from "sonner";
+import { render as y } from "@testing-library/react";
 //#region src/testing.tsx
-function y(t = "en", n) {
-	return e(n, t, "en");
-}
 function b(e = "en", t) {
-	let n = new d({ defaultOptions: { queries: { retry: !1 } } });
-	return n.setQueryData(["schema", !1], x({
-		language: e,
-		messages: t
-	})), n.setQueryData(["schema", !0], x({
+	return n(t, e, "en");
+}
+function x(e = "en", t) {
+	let n = new f({ defaultOptions: { queries: { retry: !1 } } });
+	return u(n, S({
 		language: e,
 		messages: t
 	})), function({ children: e }) {
-		return /* @__PURE__ */ p(f, {
+		return /* @__PURE__ */ m(p, {
 			client: n,
 			children: e
 		});
 	};
 }
-function x(e = {}) {
+function S(e = {}) {
 	return {
 		languages: [],
 		language: "en",
@@ -40,7 +43,7 @@ function x(e = {}) {
 		...e
 	};
 }
-function S(e, t = {}, n) {
+function C(e, t = {}, n) {
 	return {
 		data: e,
 		meta: {
@@ -54,31 +57,31 @@ function S(e, t = {}, n) {
 		...n === void 0 ? {} : { $refs: n }
 	};
 }
-function C(e) {
+function w(e) {
 	return e;
 }
-var w = Symbol("declarion.testing.actionEnvelope");
-function T(e) {
+var T = Symbol("declarion.testing.actionEnvelope");
+function E(e) {
 	return {
 		...e,
-		[w]: !0
+		[T]: !0
 	};
 }
-function E(e) {
-	if (e && typeof e == "object" && e[w]) {
+function D(e) {
+	if (e && typeof e == "object" && e[T]) {
 		let t = { ...e };
-		return delete t[w], t;
+		return delete t[T], t;
 	}
 	return {
 		status: "success",
 		result: e
 	};
 }
-function D({ into: e }) {
-	let t = g();
+function O({ into: e }) {
+	let t = _();
 	return e.current = `${t.pathname}${t.search}${t.hash}`, null;
 }
-function O() {
+function k() {
 	let e = {
 		id: "test-tenant",
 		code: "test",
@@ -97,7 +100,7 @@ function O() {
 	};
 	t.getState().setUser(n, e);
 }
-function k(e) {
+function A(e) {
 	if (e === void 0) return { rows: [] };
 	if (Array.isArray(e)) return { rows: e };
 	if (Array.isArray(e.data)) {
@@ -110,14 +113,14 @@ function k(e) {
 	}
 	return e;
 }
-function A(e) {
+function j(e) {
 	let t = e.entityData ?? {};
-	c((n, r) => {
+	s((n, r) => {
 		let i = r;
 		e.onListRequest?.(n, i);
 		let a = t[n], o = typeof a == "function" ? a(i) : a;
 		if (o instanceof Error) throw o;
-		let s = k(o), c = s.meta?.per_page ?? 50, l = s.meta?.total ?? s.rows.length;
+		let s = A(o), c = s.meta?.per_page ?? 50, l = s.meta?.total ?? s.rows.length;
 		return r.count === "only" ? {
 			data: [],
 			meta: {
@@ -137,78 +140,79 @@ function A(e) {
 			...s.refs === void 0 ? {} : { $refs: s.refs }
 		};
 	});
-	let n = e.entityItems ?? {}, i = e.entityItemResponses ?? {};
-	r((e, t) => {
-		let r = typeof t == "string" ? t : a(t), o = i[e]?.[r];
+	let n = e.entityItems ?? {}, r = e.entityItemResponses ?? {};
+	o((e, t) => {
+		let a = typeof t == "string" ? t : i(t), o = r[e]?.[a];
 		if (o instanceof Error) throw o;
 		if (o !== void 0) return o;
-		let s = n[e]?.[r];
+		let s = n[e]?.[a];
 		if (s instanceof Error) throw s;
 		return { data: s };
 	});
-	let s = e.actionResults ?? {};
-	o(async (e, t) => {
-		if (!(e in s)) throw Error(`renderWithDeclarion: no action result registered for "${e}" (seed it via actionResults)`);
-		let n = s[e];
-		return E(typeof n == "function" ? await n(t) : n);
+	let c = e.actionResults ?? {};
+	a(async (e, t) => {
+		if (!(e in c)) throw Error(`renderWithDeclarion: no action result registered for "${e}" (seed it via actionResults)`);
+		let n = c[e];
+		return D(typeof n == "function" ? await n(t) : n);
 	});
 }
-function j() {
-	c(null), r(null), o(null), t.setState({
+function M() {
+	s(null), o(null), a(null), t.setState({
 		user: null,
 		isAuthenticated: !1,
 		activeTenant: null,
 		tenants: []
 	});
 }
-function M(e, t = {}) {
-	let r = new d({ defaultOptions: { queries: {
+function N(t, n = {}) {
+	let i = new f({ defaultOptions: { queries: {
 		retry: !1,
 		gcTime: Infinity
 	} } });
-	O(), r.setQueryData(["schema", !0], t.schema ?? x()), A(t);
-	let a = t.screenCode ? /* @__PURE__ */ p(s, {
-		code: t.screenCode,
-		children: e
-	}) : e, o = { current: t.route ?? "/" }, c = /* @__PURE__ */ m(f, {
-		client: r,
-		children: [/* @__PURE__ */ m(h, {
-			initialEntries: [t.route ?? "/"],
-			children: [/* @__PURE__ */ p(D, { into: o }), /* @__PURE__ */ p(l, { children: a })]
-		}), /* @__PURE__ */ p(_, {})]
-	}), u = t.embedQuery ? /* @__PURE__ */ p(n, {
-		query: t.embedQuery,
-		children: c
-	}) : c, g = v(t.viewport ? /* @__PURE__ */ p(i, {
-		viewportOverride: t.viewport,
-		children: u
-	}) : u);
-	return Object.assign(g, {
-		queryClient: r,
+	k(), u(i, n.schema ?? S()), j(n);
+	let a = n.screenCode ? /* @__PURE__ */ m(l, {
+		code: n.screenCode,
+		children: t
+	}) : t, o = { current: n.route ?? "/" }, s = /* @__PURE__ */ h(p, {
+		client: i,
+		children: [/* @__PURE__ */ h(g, {
+			initialEntries: [n.route ?? "/"],
+			children: [/* @__PURE__ */ m(O, { into: o }), /* @__PURE__ */ m(c, { children: a })]
+		}), /* @__PURE__ */ m(v, {})]
+	}), d = n.embedQuery ? /* @__PURE__ */ m(e, {
+		query: n.embedQuery,
+		children: s
+	}) : s, _ = y(n.viewport ? /* @__PURE__ */ m(r, {
+		viewportOverride: n.viewport,
+		children: d
+	}) : d);
+	return Object.assign(_, {
+		queryClient: i,
 		location: () => o.current
 	});
 }
-function N({ children: e, authenticated: n = !0, ...r }) {
-	let [i] = u(() => {
-		let e = new d({ defaultOptions: { queries: {
+function P({ children: e, authenticated: n = !0, ...r }) {
+	let [i] = d(() => {
+		let e = new f({ defaultOptions: { queries: {
 			retry: !1,
 			gcTime: Infinity
 		} } });
-		return n ? (O(), e.setQueryData(["schema", !0], r.schema ?? x())) : t.setState({
+		return n ? (k(), u(e, r.schema ?? S())) : (t.setState({
 			user: null,
 			isAuthenticated: !1,
+			isLoading: !1,
 			activeTenant: null,
 			tenants: []
-		}), A(r), e;
+		}), u(e, r.schema ?? S())), j(r), e;
 	});
-	return /* @__PURE__ */ m(f, {
+	return /* @__PURE__ */ h(p, {
 		client: i,
-		children: [/* @__PURE__ */ p(h, {
+		children: [/* @__PURE__ */ m(g, {
 			initialEntries: [r.route ?? "/"],
-			children: /* @__PURE__ */ p(l, { children: e })
-		}), /* @__PURE__ */ p(_, {})]
+			children: /* @__PURE__ */ m(c, { children: e })
+		}), /* @__PURE__ */ m(v, {})]
 	});
 }
-typeof afterEach == "function" && afterEach(() => j());
+typeof afterEach == "function" && afterEach(() => M());
 //#endregion
-export { N as PreviewHarness, T as actionEnvelope, C as actionResults, j as cleanupDeclarion, S as entityDataFixture, b as languageWrapper, M as renderWithDeclarion, x as schemaFixture, y as textFixture };
+export { P as PreviewHarness, E as actionEnvelope, w as actionResults, M as cleanupDeclarion, C as entityDataFixture, x as languageWrapper, N as renderWithDeclarion, S as schemaFixture, b as textFixture };

package/dist-lib/types/api.js

@@ -0,0 +1,48 @@
+//#region src/types/api.ts
+var e = class extends Error {
+	status;
+	code;
+	type;
+	retryable;
+	detail;
+	index;
+	raw;
+	constructor(e, t, r) {
+		super(t.title ?? ""), this.name = "ApiError", this.status = t.status ?? e, this.type = t.type ?? "", this.code = n(t.type), this.retryable = t.retryable ?? !1, this.detail = t.detail;
+		let i = t.index;
+		typeof i == "number" && (this.index = i), this.raw = r;
+	}
+	ext(e) {
+		return this.raw?.[e];
+	}
+}, t = class extends Error {
+	failure;
+	method;
+	constructor(e, t, n, r) {
+		super(`${t} ${n}: ${e}`, { cause: r }), this.name = "NetworkError", this.failure = e, this.method = t;
+	}
+};
+function n(e) {
+	if (!e || e === "about:blank") return "";
+	let t = e.lastIndexOf("/");
+	return t >= 0 ? e.slice(t + 1) : e;
+}
+function r(e) {
+	return typeof e == "object" && !!e && typeof e.type == "string";
+}
+var i = "cursor.semantics_mismatch", a = "cursor.language_changed", o = "cursor.archive_invalid";
+function s(t) {
+	return t instanceof e && (t.code === "cursor.semantics_mismatch" || t.code === "cursor.language_changed" || t.code === "cursor.archive_invalid");
+}
+async function c(e) {
+	let t;
+	try {
+		t = await e.json();
+	} catch {}
+	return {
+		raw: t,
+		body: r(t) ? t : {}
+	};
+}
+//#endregion
+export { o as ARCHIVE_CURSOR_INVALID, e as ApiError, a as CURSOR_LANGUAGE_CHANGED, i as CURSOR_SEMANTICS_MISMATCH, t as NetworkError, n as errorCodeOf, r as isApiErrorBody, s as isCursorStaleError, c as readProblem };

package/dist-lib/types/fieldType.js

@@ -0,0 +1,4 @@
+//#region src/types/fieldType.ts
+var e = /* @__PURE__ */ "bool.bytes.date.decimal.email.enum.file_ref.float.int.int_array.json.multilang.multilang_array.multilang_text.password.phone.ref.rich_text.secret.string.string_array.structure.tags.text.time.timestamp.url.uuid.uuid_array".split(".");
+//#endregion
+export { e as FIELD_TYPES };

package/dist-lib/types/ordmap.js

@@ -0,0 +1,50 @@
+//#region src/types/ordmap.ts
+var e = class e {
+	#e;
+	#t;
+	constructor(e) {
+		this.#e = e;
+		let t = /* @__PURE__ */ new Map();
+		for (let n = 0; n < e.length; n++) {
+			let r = e[n].name;
+			r !== void 0 && t.set(r, n);
+		}
+		this.#t = t;
+	}
+	static fromObject(t) {
+		return e.#n(t);
+	}
+	static fromWire(t) {
+		return e.#n(t);
+	}
+	static #n(t) {
+		if (!t) return new e([]);
+		let n = [];
+		for (let [e, r] of Object.entries(t)) n.push({
+			...r,
+			name: e
+		});
+		return new e(n);
+	}
+	get length() {
+		return this.#e.length;
+	}
+	has(e) {
+		return this.#t.has(e);
+	}
+	get(e) {
+		let t = this.#t.get(e);
+		return t === void 0 ? void 0 : this.#e[t];
+	}
+	items() {
+		return this.#e;
+	}
+	names() {
+		return this.#e.map((e) => e.name ?? "");
+	}
+	*[Symbol.iterator]() {
+		for (let e of this.#e) yield [e.name ?? "", e];
+	}
+};
+//#endregion
+export { e as OrderedMap };