@declarion/react 0.87.0 → 0.89.0

package/dist-lib/components/pages/RecordDocumentsPanel.js

@@ -1,11 +1,11 @@
 import { useSchema as e } from "../../hooks/useSchema.js";
-import { Icon as t } from "../primitives/Icons.js";
-import { Btn as n } from "../primitives/Btn.js";
-import { useText as r } from "../../hooks/useText.js";
-import { SectionCard as i } from "../primitives/SectionCard.js";
-import { executeAction as a } from "../../api/data.js";
-import { downloadFile as o, isMissingArtifactError as s } from "../../lib/download.js";
-import { failureTitle as c } from "../../lib/failure.js";
+import { executeAction as t } from "../../api/data.js";
+import { downloadFile as n, isMissingArtifactError as r } from "../../lib/download.js";
+import { failureTitle as i } from "../../lib/failure.js";
+import { Icon as a } from "../primitives/Icons.js";
+import { Btn as o } from "../primitives/Btn.js";
+import { useText as s } from "../../hooks/useText.js";
+import { SectionCard as c } from "../primitives/SectionCard.js";
 import { RECORD_DOCUMENTS_KEY as l } from "../../lib/record-documents-key.js";
 import { useState as u } from "react";
 import { useQuery as d, useQueryClient as f } from "@tanstack/react-query";
@@ -15,35 +15,35 @@ var h = 4e3, g = "pdf";
 function _(e) {
 	return e?.some((e) => e.status === "pending") ? h : !1;
 }
-function v({ entityCode: e, objectId: n, canGenerateOne: o, canManageTemplates: s }) {
-	let u = r(), f = r("errors"), { data: h, isLoading: g, error: v } = d({
+function v({ entityCode: e, objectId: n, canGenerateOne: r, canManageTemplates: o }) {
+	let u = s(), f = s("errors"), { data: h, isLoading: g, error: v } = d({
 		queryKey: [
 			l,
 			e,
 			n
 		],
-		queryFn: async () => (await a("document.object_links", {
+		queryFn: async () => (await t("document.object_links", {
 			entity: e,
 			object_id: n
 		})).result?.documents ?? [],
-		enabled: !!(e && n) && (!!o || !!s),
+		enabled: !!(e && n) && (!!r || !!o),
 		refetchInterval: (e) => _(e.state.data)
 	}), S = (h?.length ?? 0) > 0;
-	return !o && !S ? null : /* @__PURE__ */ m(i, {
+	return !r && !S ? null : /* @__PURE__ */ m(c, {
 		title: /* @__PURE__ */ p(y, {}),
 		collapsible: !1,
 		padding: "0",
 		children: [
 			g && /* @__PURE__ */ p(x, {
-				icon: /* @__PURE__ */ p(t.loader, { size: 14 }),
+				icon: /* @__PURE__ */ p(a.loader, { size: 14 }),
 				text: u("document.panel.loading", "Loading documents...")
 			}),
 			v && /* @__PURE__ */ p(x, {
-				icon: /* @__PURE__ */ p(t.warning, { size: 14 }),
-				text: c(f, v)
+				icon: /* @__PURE__ */ p(a.warning, { size: 14 }),
+				text: i(f, v)
 			}),
 			!g && !v && (h?.length ?? 0) === 0 && /* @__PURE__ */ p(x, {
-				icon: /* @__PURE__ */ p(t.file, { size: 14 }),
+				icon: /* @__PURE__ */ p(a.file, { size: 14 }),
 				text: u("document.panel.empty", "No generated documents")
 			}),
 			!g && !v && h && h.length > 0 && /* @__PURE__ */ p("div", {
@@ -61,7 +61,7 @@ function v({ entityCode: e, objectId: n, canGenerateOne: o, canManageTemplates:
 	});
 }
 function y() {
-	let e = r();
+	let e = s();
 	return /* @__PURE__ */ m("div", {
 		style: {
 			display: "flex",
@@ -73,21 +73,21 @@ function y() {
 			fontWeight: 600,
 			color: "var(--text)"
 		},
-		children: [/* @__PURE__ */ p(t.file, { size: 13 }), e("document.panel.title", "Documents")]
+		children: [/* @__PURE__ */ p(a.file, { size: 13 }), e("document.panel.title", "Documents")]
 	});
 }
-function b({ entityCode: i, objectId: d, doc: h }) {
-	let _ = r(), { data: v } = e(), y = _(v?.entities?.generated_document?.fields.get("status")?.values?.find((e) => e.code === h.status)?.name) || h.status, b = r("errors"), x = f(), [S, C] = u(!1), [w, T] = u(!1), [E, D] = u(!1), [O, k] = u(!1), [A, j] = u(null), M = _(h.title) || h.filename || h.template_code, N = h.status === "ready" && h.download_url && !O;
+function b({ entityCode: c, objectId: d, doc: h }) {
+	let _ = s(), { data: v } = e(), y = _(v?.entities?.generated_document?.fields.get("status")?.values?.find((e) => e.code === h.status)?.name) || h.status, b = s("errors"), x = f(), [S, C] = u(!1), [w, T] = u(!1), [E, D] = u(!1), [O, k] = u(!1), [A, j] = u(null), M = _(h.title) || h.filename || h.template_code, N = h.status === "ready" && h.download_url && !O;
 	async function P() {
 		C(!0), j(null);
 		try {
-			let e = (await a("document.download_format", {
+			let e = (await t("document.download_format", {
 				generated_document_id: h.generated_document_id,
 				format: g
 			})).result;
-			e?.download_url && await o(b, e.download_url, e.filename);
+			e?.download_url && await n(b, e.download_url, e.filename);
 		} catch (e) {
-			s(e) ? (k(!0), j(b("document.artifact_unavailable", "This generated file is not available."))) : j(c(b, e));
+			r(e) ? (k(!0), j(b("document.artifact_unavailable", "This generated file is not available."))) : j(i(b, e));
 		} finally {
 			C(!1);
 		}
@@ -96,9 +96,9 @@ function b({ entityCode: i, objectId: d, doc: h }) {
 		if (h.download_url) {
 			T(!0), j(null);
 			try {
-				await o(b, h.download_url, h.filename);
+				await n(b, h.download_url, h.filename);
 			} catch (e) {
-				s(e) ? (k(!0), j(b("document.artifact_unavailable", "This generated file is not available."))) : j(c(b, e));
+				r(e) ? (k(!0), j(b("document.artifact_unavailable", "This generated file is not available."))) : j(i(b, e));
 			} finally {
 				T(!1);
 			}
@@ -107,18 +107,18 @@ function b({ entityCode: i, objectId: d, doc: h }) {
 	async function I() {
 		D(!0), j(null);
 		try {
-			await a("document.generate", {
+			await t("document.generate", {
 				...h.input ?? {},
 				template_code: h.template_code,
 				template_source: h.template_source,
 				output_format: h.output_format
 			}), await x.invalidateQueries({ queryKey: [
 				l,
-				i,
+				c,
 				d
 			] });
 		} catch (e) {
-			j(c(b, e));
+			j(i(b, e));
 		} finally {
 			D(!1);
 		}
@@ -183,29 +183,29 @@ function b({ entityCode: i, objectId: d, doc: h }) {
 				display: "flex",
 				gap: 6
 			},
-			children: [/* @__PURE__ */ p(n, {
+			children: [/* @__PURE__ */ p(o, {
 				kind: "ghost",
 				size: "sm",
-				icon: p(S ? t.loader : t.file, { size: 12 }),
+				icon: p(S ? a.loader : a.file, { size: 12 }),
 				onClick: P,
 				disabled: S,
 				children: g.toUpperCase()
-			}), /* @__PURE__ */ p(n, {
+			}), /* @__PURE__ */ p(o, {
 				kind: "default",
 				size: "sm",
-				icon: p(w ? t.loader : t.download, { size: 12 }),
+				icon: p(w ? a.loader : a.download, { size: 12 }),
 				onClick: F,
 				disabled: w,
 				children: _("document.result.download", "Download")
 			})]
-		}) : O ? /* @__PURE__ */ p(n, {
+		}) : O ? /* @__PURE__ */ p(o, {
 			kind: "ghost",
 			size: "sm",
-			icon: p(E ? t.loader : t.file, { size: 12 }),
+			icon: p(E ? a.loader : a.file, { size: 12 }),
 			onClick: I,
 			disabled: E,
 			children: _("document.row.regenerate", "Regenerate")
-		}) : /* @__PURE__ */ p(n, {
+		}) : /* @__PURE__ */ p(o, {
 			kind: "ghost",
 			size: "sm",
 			disabled: !0,

package/dist-lib/components/pages/RecordNotesPanel.js

@@ -1,88 +1,89 @@
-import { resolveRefRecordLabel as e } from "../../types/schema.js";
-import { useSchema as t } from "../../hooks/useSchema.js";
-import { Icon as n } from "../primitives/Icons.js";
-import { Btn as r } from "../primitives/Btn.js";
-import { useText as i } from "../../hooks/useText.js";
-import { SectionCard as a } from "../primitives/SectionCard.js";
-import { FieldLabel as o, TextArea as s } from "../primitives/Fields.js";
-import { executeAction as c } from "../../api/data.js";
-import { failureTitle as l } from "../../lib/failure.js";
-import { PanelState as u } from "./RecordDocumentsPanel.js";
-import { useId as d, useState as f } from "react";
-import { useQuery as p, useQueryClient as m } from "@tanstack/react-query";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { formatOffsetTimestamp as e } from "../../lib/timestamp.js";
+import { resolveRefRecordLabel as t } from "../../types/schema.js";
+import { useSchema as n } from "../../hooks/useSchema.js";
+import { executeAction as r } from "../../api/data.js";
+import { failureTitle as i } from "../../lib/failure.js";
+import { Icon as a } from "../primitives/Icons.js";
+import { Btn as o } from "../primitives/Btn.js";
+import { useText as s } from "../../hooks/useText.js";
+import { SectionCard as c } from "../primitives/SectionCard.js";
+import { FieldLabel as l, TextArea as u } from "../primitives/Fields.js";
+import { PanelState as d } from "./RecordDocumentsPanel.js";
+import { useId as f, useState as p } from "react";
+import { useQuery as m, useQueryClient as h } from "@tanstack/react-query";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/pages/RecordNotesPanel.tsx
-var _ = "record-notes";
-function v({ entityCode: v, objectId: b }) {
-	let x = i(), S = i("errors"), { data: C } = t(), w = m(), T = !!C?.actions?.["record_note.list"], E = !!C?.actions?.["record_note.add"], D = !!C?.actions?.["record_note.remove"], [O, k] = f(!1), [A, j] = f(""), [M, N] = f(!1), [P, F] = f(null), I = d(), { data: L, isLoading: R, error: z } = p({
+var v = "record-notes";
+function y({ entityCode: y, objectId: x }) {
+	let S = s(), C = s("errors"), { data: w } = n(), T = h(), E = !!w?.actions?.["record_note.list"], D = !!w?.actions?.["record_note.add"], O = !!w?.actions?.["record_note.remove"], [k, A] = p(!1), [j, M] = p(""), [N, P] = p(!1), [F, I] = p(null), L = f(), { data: R, isLoading: z, error: B } = m({
 		queryKey: [
-			_,
 			v,
-			b,
-			O
+			y,
+			x,
+			k
 		],
 		queryFn: async () => {
-			let e = await c("record_note.list", {
+			let e = await r("record_note.list", {
 				target: {
-					entity: v,
-					id: b
+					entity: y,
+					id: x
 				},
-				include_superseded: O
+				include_superseded: k
 			});
 			return {
 				notes: e.result?.notes ?? [],
 				refs: e.result?.$refs ?? {}
 			};
 		},
-		enabled: T && !!(v && b)
+		enabled: E && !!(y && x)
 	});
-	if (!T) return null;
-	let B = (t, n, r) => {
-		let i = L?.refs?.[t]?.[n];
-		return i ? e(x, i, r ?? "$display", n) : n;
+	if (!E) return null;
+	let V = (e, n, r) => {
+		let i = R?.refs?.[e]?.[n];
+		return i ? t(S, i, r ?? "$display", n) : n;
 	};
-	async function V(e, t) {
-		N(!0), F(null);
+	async function H(e, t) {
+		P(!0), I(null);
 		try {
-			return await c(e, t), await w.invalidateQueries({ queryKey: [
-				_,
+			return await r(e, t), await T.invalidateQueries({ queryKey: [
 				v,
-				b
+				y,
+				x
 			] }), !0;
 		} catch (e) {
-			return F(l(S, e)), !1;
+			return I(i(C, e)), !1;
 		} finally {
-			N(!1);
+			P(!1);
 		}
 	}
-	async function H() {
-		A.trim() !== "" && await V("record_note.add", {
+	async function U() {
+		j.trim() !== "" && await H("record_note.add", {
 			target: {
-				entity: v,
-				id: b
+				entity: y,
+				id: x
 			},
-			body: A
-		}) && j("");
+			body: j
+		}) && M("");
 	}
-	let U = L?.notes ?? [];
-	return /* @__PURE__ */ g(a, {
-		title: /* @__PURE__ */ h(y, {}),
+	let W = R?.notes ?? [];
+	return /* @__PURE__ */ _(c, {
+		title: /* @__PURE__ */ g(b, {}),
 		collapsible: !1,
 		padding: "0",
 		children: [
-			R && /* @__PURE__ */ h(u, {
-				icon: /* @__PURE__ */ h(n.loader, { size: 14 }),
-				text: x("record.notes.loading", "Loading notes...")
+			z && /* @__PURE__ */ g(d, {
+				icon: /* @__PURE__ */ g(a.loader, { size: 14 }),
+				text: S("record.notes.loading", "Loading notes...")
 			}),
-			z && /* @__PURE__ */ h(u, {
-				icon: /* @__PURE__ */ h(n.warning, { size: 14 }),
-				text: l(S, z)
+			B && /* @__PURE__ */ g(d, {
+				icon: /* @__PURE__ */ g(a.warning, { size: 14 }),
+				text: i(C, B)
 			}),
-			!R && !z && U.length === 0 && /* @__PURE__ */ h(u, {
-				icon: /* @__PURE__ */ h(n.file, { size: 14 }),
-				text: x("record.notes.empty", "No notes")
+			!z && !B && W.length === 0 && /* @__PURE__ */ g(d, {
+				icon: /* @__PURE__ */ g(a.file, { size: 14 }),
+				text: S("record.notes.empty", "No notes")
 			}),
-			!R && !z && U.map((e) => /* @__PURE__ */ g("div", {
+			!z && !B && W.map((t) => /* @__PURE__ */ _("div", {
 				"data-testid": "record-note",
 				style: {
 					display: "flex",
@@ -90,44 +91,44 @@ function v({ entityCode: v, objectId: b }) {
 					alignItems: "flex-start",
 					padding: "10px 14px",
 					borderTop: "1px solid var(--border)",
-					opacity: e.superseded_by_note_id ? .6 : 1
+					opacity: t.superseded_by_note_id ? .6 : 1
 				},
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ _("div", {
 					style: {
 						flex: 1,
 						minWidth: 0
 					},
-					children: [/* @__PURE__ */ h("div", {
+					children: [/* @__PURE__ */ g("div", {
 						style: {
 							fontSize: 13,
 							whiteSpace: "pre-wrap",
 							overflowWrap: "anywhere"
 						},
-						children: e.body
-					}), /* @__PURE__ */ h("div", {
+						children: t.body
+					}), /* @__PURE__ */ g("div", {
 						style: {
 							marginTop: 4,
 							fontSize: 12,
 							color: "var(--text-3)"
 						},
 						children: [
-							B("user", e.author_user_id),
-							e.agent_id ? x("record.notes.via_agent", "via {agent}", { agent: B("agent", e.agent_id, "code") }) : null,
-							e.acted_for ? x("record.notes.acted_for", "for {who}", { who: B(e.acted_for.entity, e.acted_for.id) }) : null,
-							new Date(e.created_at).toLocaleString(x.language),
-							e.superseded_by_note_id ? x("record.notes.replaced", "replaced") : null
+							V("user", t.author_user_id),
+							t.agent_id ? S("record.notes.via_agent", "via {agent}", { agent: V("agent", t.agent_id, "code") }) : null,
+							t.acted_for ? S("record.notes.acted_for", "for {who}", { who: V(t.acted_for.entity, t.acted_for.id) }) : null,
+							e(t.created_at, { zone: S.timeZone }),
+							t.superseded_by_note_id ? S("record.notes.replaced", "replaced") : null
 						].filter(Boolean).join(" · ")
 					})]
-				}), D && /* @__PURE__ */ h(r, {
+				}), O && /* @__PURE__ */ g(o, {
 					kind: "ghost",
 					size: "sm",
-					icon: /* @__PURE__ */ h(n.trash, { size: 12 }),
-					disabled: M,
-					onClick: () => V("record_note.remove", { note_id: e.id }),
-					children: x("record.notes.remove", "Remove")
+					icon: /* @__PURE__ */ g(a.trash, { size: 12 }),
+					disabled: N,
+					onClick: () => H("record_note.remove", { note_id: t.id }),
+					children: S("record.notes.remove", "Remove")
 				})]
-			}, e.id)),
-			/* @__PURE__ */ g("div", {
+			}, t.id)),
+			/* @__PURE__ */ _("div", {
 				style: {
 					display: "flex",
 					flexDirection: "column",
@@ -136,53 +137,53 @@ function v({ entityCode: v, objectId: b }) {
 					borderTop: "1px solid var(--border)"
 				},
 				children: [
-					/* @__PURE__ */ h("div", { children: /* @__PURE__ */ h(r, {
+					/* @__PURE__ */ g("div", { children: /* @__PURE__ */ g(o, {
 						kind: "ghost",
 						size: "sm",
-						onClick: () => k((e) => !e),
-						children: O ? x("record.notes.hide_replaced", "Hide replaced notes") : x("record.notes.show_replaced", "Show replaced notes")
+						onClick: () => A((e) => !e),
+						children: k ? S("record.notes.hide_replaced", "Hide replaced notes") : S("record.notes.show_replaced", "Show replaced notes")
 					}) }),
-					E && /* @__PURE__ */ g("div", {
+					D && /* @__PURE__ */ _("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							gap: 6
 						},
 						children: [
-							/* @__PURE__ */ h(o, {
-								htmlFor: I,
-								children: x("record.notes.new", "New note")
+							/* @__PURE__ */ g(l, {
+								htmlFor: L,
+								children: S("record.notes.new", "New note")
 							}),
-							/* @__PURE__ */ h(s, {
-								id: I,
-								value: A,
-								onChange: j,
+							/* @__PURE__ */ g(u, {
+								id: L,
+								value: j,
+								onChange: M,
 								rows: 2
 							}),
-							/* @__PURE__ */ h("div", { children: /* @__PURE__ */ h(r, {
+							/* @__PURE__ */ g("div", { children: /* @__PURE__ */ g(o, {
 								kind: "default",
 								size: "sm",
-								disabled: M || A.trim() === "",
-								onClick: H,
-								children: x("record.notes.add", "Add note")
+								disabled: N || j.trim() === "",
+								onClick: U,
+								children: S("record.notes.add", "Add note")
 							}) })
 						]
 					}),
-					P && /* @__PURE__ */ h("div", {
+					F && /* @__PURE__ */ g("div", {
 						style: {
 							color: "var(--danger)",
 							fontSize: 12
 						},
-						children: P
+						children: F
 					})
 				]
 			})
 		]
 	});
 }
-function y() {
-	let e = i();
-	return /* @__PURE__ */ g("div", {
+function b() {
+	let e = s();
+	return /* @__PURE__ */ _("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -193,8 +194,8 @@ function y() {
 			fontWeight: 600,
 			color: "var(--text)"
 		},
-		children: [/* @__PURE__ */ h(n.file, { size: 13 }), e("record.notes.title", "Notes")]
+		children: [/* @__PURE__ */ g(a.file, { size: 13 }), e("record.notes.title", "Notes")]
 	});
 }
 //#endregion
-export { v as RecordNotesPanel };
+export { y as RecordNotesPanel };