@declarion/react 0.87.0 → 0.89.0

package/dist-lib/components/detail-layout/EditableChildrenTable.js

@@ -1,80 +1,80 @@
 import { coerceDisplayString as e } from "../../lib/display-value.js";
-import { fieldDisplayName as t } from "../../types/schema.js";
-import { Icon as n } from "../primitives/Icons.js";
-import { Btn as r } from "../primitives/Btn.js";
-import { IconBtn as i } from "../primitives/IconBtn.js";
-import { useText as a } from "../../hooks/useText.js";
-import { useResponsiveMode as o } from "../../hooks/useResponsiveMode.js";
-import { renderField as s } from "../fields/index.js";
-import { dataTableHeadCellStyle as c, dataTableStyle as l } from "../primitives/dataTableStyles.js";
-import { useCallback as u, useRef as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { fieldDisplayName as t, isUserEditableField as n } from "../../types/schema.js";
+import { Icon as r } from "../primitives/Icons.js";
+import { Btn as i } from "../primitives/Btn.js";
+import { IconBtn as a } from "../primitives/IconBtn.js";
+import { useText as o } from "../../hooks/useText.js";
+import { useResponsiveMode as s } from "../../hooks/useResponsiveMode.js";
+import { renderField as c } from "../fields/index.js";
+import { dataTableHeadCellStyle as l, dataTableStyle as u } from "../primitives/dataTableStyles.js";
+import { useCallback as d, useRef as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/detail-layout/EditableChildrenTable.tsx
-function h({ config: h, childEntity: g, schema: _, rows: v, onChange: y, validationErrors: b, refs: x, forceTablePresentation: S = !1 }) {
-	let C = a(), w = o(), T = d(null), E = h.columns, D = h.position_field, O = new Set(Array.isArray(h.foreign_key) ? h.foreign_key : [h.foreign_key]), k = E.filter((e) => {
-		if (O.has(e) || h.position_field && e === h.position_field) return !1;
-		let t = g.fields.get(e);
-		return !(!t || t.auto || t.primary || t.source);
-	}), A = new Set(E.filter((e) => {
-		if (h.position_field && e === h.position_field) return !0;
-		let t = g.fields.get(e);
-		return t && (t.auto || t.primary || t.source);
-	})), j = u((e, t, n) => {
-		y(v.map((r) => r._key === e ? {
+function g({ config: g, childEntity: _, schema: v, rows: y, onChange: b, validationErrors: x, refs: S, forceTablePresentation: C = !1 }) {
+	let w = o(), T = s(), E = f(null), D = g.columns, O = g.position_field, k = new Set(Array.isArray(g.foreign_key) ? g.foreign_key : [g.foreign_key]), A = D.filter((e) => {
+		if (k.has(e) || g.position_field && e === g.position_field) return !1;
+		let t = _.fields.get(e);
+		return !(!t || !n(t));
+	}), j = new Set(D.filter((e) => {
+		if (g.position_field && e === g.position_field) return !0;
+		let t = _.fields.get(e);
+		return t && !n(t);
+	})), M = d((e, t, n) => {
+		b(y.map((r) => r._key === e ? {
 			...r,
 			[t]: n,
 			_dirty: !0
 		} : r));
-	}, [v, y]), M = u(() => {
+	}, [y, b]), N = d(() => {
 		let e = {
 			_key: crypto.randomUUID(),
 			_dirty: !0
 		};
-		if (D) {
-			let t = v.filter((e) => !e._deleted).reduce((e, t) => {
-				let n = typeof t[D] == "number" ? t[D] : -1;
+		if (O) {
+			let t = y.filter((e) => !e._deleted).reduce((e, t) => {
+				let n = typeof t[O] == "number" ? t[O] : -1;
 				return Math.max(e, n);
 			}, -1);
-			e[D] = t + 1;
+			e[O] = t + 1;
 		}
-		let t = h.quick_add?.defaults ?? {};
-		for (let n of k) {
-			let r = g.fields.get(n);
+		let t = g.quick_add?.defaults ?? {};
+		for (let n of A) {
+			let r = _.fields.get(n);
 			r && (t[n] === void 0 ? r.default === void 0 ? r.type === "bool" && (e[n] = !1) : e[n] = r.default : e[n] = t[n]);
 		}
-		y([...v, e]);
+		b([...y, e]);
 	}, [
-		v,
 		y,
-		k,
-		g,
-		h.quick_add?.defaults,
-		D
-	]), N = u((e) => {
-		y(v.map((t) => t._key === e ? {
+		b,
+		A,
+		_,
+		g.quick_add?.defaults,
+		O
+	]), P = d((e) => {
+		b(y.map((t) => t._key === e ? {
 			...t,
 			_deleted: !0
 		} : t));
-	}, [v, y]), P = u((e) => {
-		y(v.map((t) => t._key === e ? {
+	}, [y, b]), F = d((e) => {
+		b(y.map((t) => t._key === e ? {
 			...t,
 			_deleted: !1
 		} : t));
-	}, [v, y]), F = u((e, t) => {
-		if (!D) return;
-		let n = v.filter((e) => !e._deleted), r = v.filter((e) => e._deleted), i = n.findIndex((t) => t._key === e), a = i + t;
+	}, [y, b]), I = d((e, t) => {
+		if (!O) return;
+		let n = y.filter((e) => !e._deleted), r = y.filter((e) => e._deleted), i = n.findIndex((t) => t._key === e), a = i + t;
 		if (i < 0 || a < 0 || a >= n.length) return;
 		let o = [...n], [s] = o.splice(i, 1);
-		o.splice(a, 0, s), y([...o.map((e, t) => ({
+		o.splice(a, 0, s), b([...o.map((e, t) => ({
 			...e,
-			[D]: t,
-			_dirty: e[D] !== t || e._dirty
+			[O]: t,
+			_dirty: e[O] !== t || e._dirty
 		})), ...r]);
 	}, [
-		v,
 		y,
-		D
-	]), I = u((e) => {
+		b,
+		O
+	]), L = d((e) => {
 		let t = e.target, n = t.closest("td");
 		if (!n) return;
 		let r = n.closest("tr");
@@ -98,7 +98,7 @@ function h({ config: h, childEntity: g, schema: _, rows: v, onChange: y, validat
 			if (o < t.length - 1) {
 				let e = t[o + 1].cells[a]?.querySelector("input, select, textarea, [tabindex]");
 				e && e.focus();
-			} else M(), requestAnimationFrame(() => {
+			} else N(), requestAnimationFrame(() => {
 				let e = i.querySelectorAll("tr"), t = e[e.length - 1];
 				if (t) {
 					let e = t.querySelector("input, select, textarea, [tabindex]");
@@ -106,16 +106,16 @@ function h({ config: h, childEntity: g, schema: _, rows: v, onChange: y, validat
 				}
 			});
 		} else e.key === "Escape" && t.blur?.();
-	}, [M]), L = c;
-	return w.isPhone && !S ? /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
+	}, [N]), R = l;
+	return T.isPhone && !C ? /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 10
 		},
-		children: v.map((r, a) => {
-			let o = !!r._deleted, c = b?.[r._key], l = D ? v.filter((e) => !e._deleted) : [], u = D ? l.findIndex((e) => e._key === r._key) : -1;
-			return /* @__PURE__ */ m("div", {
+		children: y.map((n, i) => {
+			let o = !!n._deleted, s = x?.[n._key], l = O ? y.filter((e) => !e._deleted) : [], u = O ? l.findIndex((e) => e._key === n._key) : -1;
+			return /* @__PURE__ */ h("div", {
 				style: {
 					border: "1px solid var(--border)",
 					borderRadius: "var(--radius-md)",
@@ -123,7 +123,7 @@ function h({ config: h, childEntity: g, schema: _, rows: v, onChange: y, validat
 					opacity: o ? .58 : 1,
 					overflow: "hidden"
 				},
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ h("div", {
 					style: {
 						minHeight: 38,
 						padding: "8px 10px",
@@ -133,61 +133,61 @@ function h({ config: h, childEntity: g, schema: _, rows: v, onChange: y, validat
 						justifyContent: "space-between",
 						gap: 8
 					},
-					children: [/* @__PURE__ */ p("div", {
+					children: [/* @__PURE__ */ m("div", {
 						style: {
 							fontSize: 12,
 							fontWeight: 600,
 							color: "var(--text-2)"
 						},
-						children: C("record.row.number", "Row {number}", { number: a + 1 })
-					}), /* @__PURE__ */ m("div", {
+						children: w("record.row.number", "Row {number}", { number: i + 1 })
+					}), /* @__PURE__ */ h("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							gap: 4
 						},
-						children: [D && !o && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(i, {
+						children: [O && !o && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(a, {
 							size: 32,
-							icon: /* @__PURE__ */ p(n.up, { size: 14 }),
-							onClick: () => F(r._key, -1),
+							icon: /* @__PURE__ */ m(r.up, { size: 14 }),
+							onClick: () => I(n._key, -1),
 							disabled: u <= 0,
-							title: C("record.row.move_up", "Move row up")
-						}), /* @__PURE__ */ p(i, {
+							title: w("record.row.move_up", "Move row up")
+						}), /* @__PURE__ */ m(a, {
 							size: 32,
-							icon: /* @__PURE__ */ p(n.down, { size: 14 }),
-							onClick: () => F(r._key, 1),
+							icon: /* @__PURE__ */ m(r.down, { size: 14 }),
+							onClick: () => I(n._key, 1),
 							disabled: u === -1 || u >= l.length - 1,
-							title: C("record.row.move_down", "Move row down")
-						})] }), o ? /* @__PURE__ */ p(i, {
+							title: w("record.row.move_down", "Move row down")
+						})] }), o ? /* @__PURE__ */ m(a, {
 							size: 32,
-							icon: /* @__PURE__ */ p(n.refresh, { size: 14 }),
-							onClick: () => P(r._key),
-							title: C("record.row.undo_delete", "Undo delete")
-						}) : /* @__PURE__ */ p(i, {
+							icon: /* @__PURE__ */ m(r.refresh, { size: 14 }),
+							onClick: () => F(n._key),
+							title: w("record.row.undo_delete", "Undo delete")
+						}) : /* @__PURE__ */ m(a, {
 							size: 32,
-							icon: /* @__PURE__ */ p(n.trash, { size: 14 }),
-							onClick: () => N(r._key),
-							title: C("record.row.delete", "Delete row")
+							icon: /* @__PURE__ */ m(r.trash, { size: 14 }),
+							onClick: () => P(n._key),
+							title: w("record.row.delete", "Delete row")
 						})]
 					})]
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ m("div", {
 					style: {
 						padding: 10,
 						display: "flex",
 						flexDirection: "column",
 						gap: 12
 					},
-					children: E.map((n) => {
-						let i = g.fields.get(n), a = c?.includes(n), l = A.has(n), u = i ? t(C, i, n, _.entities) : n, d = `child-${r._key}-${n}`, f = `${d}-label`, h = {
+					children: D.map((r) => {
+						let i = _.fields.get(r), a = s?.includes(r), l = j.has(r), u = i ? t(w, i, r, v.entities) : r, d = `child-${n._key}-${r}`, f = `${d}-label`, p = {
 							outline: a ? "1px solid var(--danger)" : "none",
 							outlineOffset: 3,
 							borderRadius: a ? "var(--radius-sm)" : 0
-						}, v = {
+						}, g = {
 							fontSize: 11.5,
 							fontWeight: 600,
 							color: "var(--text-3)"
 						}, y = !o && !l && !!i;
-						return /* @__PURE__ */ m("div", {
+						return /* @__PURE__ */ h("div", {
 							style: {
 								display: "flex",
 								flexDirection: "column",
@@ -195,95 +195,95 @@ function h({ config: h, childEntity: g, schema: _, rows: v, onChange: y, validat
 								minWidth: 0,
 								textDecoration: o ? "line-through" : "none"
 							},
-							title: a ? C("record.row.field_required", "{field} is required", { field: n }) : void 0,
-							children: [y ? /* @__PURE__ */ p("label", {
+							title: a ? w("record.row.field_required", "{field} is required", { field: r }) : void 0,
+							children: [y ? /* @__PURE__ */ m("label", {
 								id: f,
 								htmlFor: d,
-								style: v,
+								style: g,
 								children: u
-							}) : /* @__PURE__ */ p("div", {
+							}) : /* @__PURE__ */ m("div", {
 								id: f,
-								style: v,
+								style: g,
 								children: u
-							}), /* @__PURE__ */ p("div", {
-								style: h,
-								children: o || l ? i ? s({
+							}), /* @__PURE__ */ m("div", {
+								style: p,
+								children: o || l ? i ? c({
 									field: i,
-									fieldName: n,
-									value: r[n],
+									fieldName: r,
+									value: n[r],
 									mode: "display",
-									record: r,
-									refs: x,
+									record: n,
+									refs: S,
 									fieldId: d,
 									labelId: f,
-									t: C
-								}) : e(r[n]) : i ? s({
+									t: w
+								}) : e(n[r]) : i ? c({
 									field: i,
-									fieldName: n,
-									value: r[n],
+									fieldName: r,
+									value: n[r],
 									mode: "edit",
-									onChange: (e) => j(r._key, n, e),
-									record: r,
-									refs: x,
+									onChange: (e) => M(n._key, r, e),
+									record: n,
+									refs: S,
 									compact: !0,
 									fieldId: d,
 									labelId: f,
-									t: C
-								}) : e(r[n])
+									t: w
+								}) : e(n[r])
 							})]
-						}, n);
+						}, r);
 					})
 				})]
-			}, r._key);
+			}, n._key);
 		})
-	}), /* @__PURE__ */ p("div", {
+	}), /* @__PURE__ */ m("div", {
 		style: { marginTop: 10 },
-		children: /* @__PURE__ */ p(r, {
+		children: /* @__PURE__ */ m(i, {
 			kind: "ghost",
 			size: "sm",
-			icon: /* @__PURE__ */ p(n.plus, { size: 14 }),
-			onClick: M,
-			children: C("record.row.add", "Add row")
+			icon: /* @__PURE__ */ m(r.plus, { size: 14 }),
+			onClick: N,
+			children: w("record.row.add", "Add row")
 		})
-	})] }) : /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
+	})] }) : /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("div", {
 		style: { overflowX: "auto" },
-		children: /* @__PURE__ */ m("table", {
-			ref: T,
-			style: l,
-			onKeyDown: I,
-			children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [E.map((e) => {
-				let n = g.fields.get(e);
-				return /* @__PURE__ */ p("th", {
-					style: L,
-					children: n ? t(C, n, e, _.entities) : e
+		children: /* @__PURE__ */ h("table", {
+			ref: E,
+			style: u,
+			onKeyDown: L,
+			children: [/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ h("tr", { children: [D.map((e) => {
+				let n = _.fields.get(e);
+				return /* @__PURE__ */ m("th", {
+					style: R,
+					children: n ? t(w, n, e, v.entities) : e
 				}, e);
-			}), /* @__PURE__ */ p("th", { style: {
-				...L,
+			}), /* @__PURE__ */ m("th", { style: {
+				...R,
 				width: 40
-			} })] }) }), /* @__PURE__ */ p("tbody", { children: v.map((t) => {
-				let r = !!t._deleted, a = b?.[t._key];
-				return /* @__PURE__ */ m("tr", {
-					style: { opacity: r ? .5 : 1 },
-					children: [E.map((n) => {
-						let i = g.fields.get(n), o = a?.includes(n), c = A.has(n);
-						return r || c ? /* @__PURE__ */ p("td", {
+			} })] }) }), /* @__PURE__ */ m("tbody", { children: y.map((t) => {
+				let n = !!t._deleted, i = x?.[t._key];
+				return /* @__PURE__ */ h("tr", {
+					style: { opacity: n ? .5 : 1 },
+					children: [D.map((r) => {
+						let a = _.fields.get(r), o = i?.includes(r), s = j.has(r);
+						return n || s ? /* @__PURE__ */ m("td", {
 							style: {
 								padding: "6px 12px",
 								borderBottom: "1px solid var(--divider)",
 								verticalAlign: "middle",
-								textDecoration: r ? "line-through" : "none",
+								textDecoration: n ? "line-through" : "none",
 								color: "var(--text-2)"
 							},
-							children: i ? s({
-								field: i,
-								fieldName: n,
-								value: t[n],
+							children: a ? c({
+								field: a,
+								fieldName: r,
+								value: t[r],
 								mode: "display",
 								record: t,
-								refs: x,
-								t: C
-							}) : e(t[n])
-						}, n) : /* @__PURE__ */ p("td", {
+								refs: S,
+								t: w
+							}) : e(t[r])
+						}, r) : /* @__PURE__ */ m("td", {
 							style: {
 								padding: "4px 4px",
 								borderBottom: "1px solid var(--divider)",
@@ -292,50 +292,50 @@ function h({ config: h, childEntity: g, schema: _, rows: v, onChange: y, validat
 								outlineOffset: -1,
 								borderRadius: o ? "var(--radius-sm)" : 0
 							},
-							title: o ? C("record.row.field_required", "{field} is required", { field: n }) : void 0,
-							children: i ? s({
-								field: i,
-								fieldName: n,
-								value: t[n],
+							title: o ? w("record.row.field_required", "{field} is required", { field: r }) : void 0,
+							children: a ? c({
+								field: a,
+								fieldName: r,
+								value: t[r],
 								mode: "edit",
-								onChange: (e) => j(t._key, n, e),
+								onChange: (e) => M(t._key, r, e),
 								record: t,
-								refs: x,
+								refs: S,
 								compact: !0,
-								t: C
-							}) : e(t[n])
-						}, n);
-					}), /* @__PURE__ */ p("td", {
+								t: w
+							}) : e(t[r])
+						}, r);
+					}), /* @__PURE__ */ m("td", {
 						style: {
 							padding: "4px 8px",
 							borderBottom: "1px solid var(--divider)",
 							verticalAlign: "middle"
 						},
-						children: r ? /* @__PURE__ */ p(i, {
+						children: n ? /* @__PURE__ */ m(a, {
 							size: 24,
-							icon: /* @__PURE__ */ p(n.refresh, { size: 12 }),
-							onClick: () => P(t._key),
-							title: C("record.row.undo_delete", "Undo delete")
-						}) : /* @__PURE__ */ p(i, {
+							icon: /* @__PURE__ */ m(r.refresh, { size: 12 }),
+							onClick: () => F(t._key),
+							title: w("record.row.undo_delete", "Undo delete")
+						}) : /* @__PURE__ */ m(a, {
 							size: 24,
-							icon: /* @__PURE__ */ p(n.trash, { size: 12 }),
-							onClick: () => N(t._key),
-							title: C("record.row.delete", "Delete row")
+							icon: /* @__PURE__ */ m(r.trash, { size: 12 }),
+							onClick: () => P(t._key),
+							title: w("record.row.delete", "Delete row")
 						})
 					})]
 				}, t._key);
 			}) })]
 		})
-	}), /* @__PURE__ */ p("div", {
+	}), /* @__PURE__ */ m("div", {
 		style: { marginTop: 8 },
-		children: /* @__PURE__ */ p(r, {
+		children: /* @__PURE__ */ m(i, {
 			kind: "ghost",
 			size: "xs",
-			icon: /* @__PURE__ */ p(n.plus, { size: 12 }),
-			onClick: M,
-			children: C("record.row.add", "Add row")
+			icon: /* @__PURE__ */ m(r.plus, { size: 12 }),
+			onClick: N,
+			children: w("record.row.add", "Add row")
 		})
 	})] });
 }
 //#endregion
-export { h as EditableChildrenTable };
+export { g as EditableChildrenTable };

package/dist-lib/components/detail-layout/EvidenceBlock.js

@@ -1,22 +1,21 @@
-import { Pill as e } from "../primitives/Pill.js";
-import { useText as t } from "../../hooks/useText.js";
-import { verdictLabel as n, verdictTone as r } from "../../lib/evidence-verdict.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { formatOffsetTimestamp as e } from "../../lib/timestamp.js";
+import { Pill as t } from "../primitives/Pill.js";
+import { useText as n } from "../../hooks/useText.js";
+import { verdictLabel as r, verdictTone as i } from "../../lib/evidence-verdict.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/detail-layout/EvidenceBlock.tsx
-function o(e, t) {
-	if (!e) return;
-	let n = new Date(e);
-	if (!Number.isNaN(n.getTime())) return n.toLocaleString(t);
+function s(t, n) {
+	if (t && !Number.isNaN(new Date(t).getTime())) return e(t, { zone: n });
 }
-function s({ evidence: s }) {
-	let c = t(), l = s?.verdict ?? "unverified", u = o(s?.verified_at, c.language), d = [];
-	return s?.seq && d.push(c("record.evidence.chain", "chain #{seq}", { seq: s.seq })), s?.generation && d.push(c("record.evidence.generation", "generation {number}", { number: s.generation })), /* @__PURE__ */ a("div", {
+function c({ evidence: e }) {
+	let c = n(), l = e?.verdict ?? "unverified", u = s(e?.verified_at, c.timeZone), d = [];
+	return e?.seq && d.push(c("record.evidence.chain", "chain #{seq}", { seq: e.seq })), e?.generation && d.push(c("record.evidence.generation", "generation {number}", { number: e.generation })), /* @__PURE__ */ o("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 6
 		},
-		children: [/* @__PURE__ */ a("div", {
+		children: [/* @__PURE__ */ o("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
@@ -24,7 +23,7 @@ function s({ evidence: s }) {
 				flexWrap: "wrap"
 			},
 			children: [
-				/* @__PURE__ */ i("span", {
+				/* @__PURE__ */ a("span", {
 					style: {
 						fontSize: 12,
 						fontWeight: 600,
@@ -32,20 +31,20 @@ function s({ evidence: s }) {
 					},
 					children: c("record.evidence.title", "Evidence")
 				}),
-				d.length > 0 && /* @__PURE__ */ i("span", {
+				d.length > 0 && /* @__PURE__ */ a("span", {
 					style: {
 						fontSize: 12,
 						color: "var(--muted-foreground)"
 					},
 					children: d.join(" · ")
 				}),
-				/* @__PURE__ */ i(e, {
-					tone: r(l),
+				/* @__PURE__ */ a(t, {
+					tone: i(l),
 					size: "sm",
 					dot: !0,
-					children: n(c, l)
+					children: r(c, l)
 				}),
-				u && /* @__PURE__ */ i("span", {
+				u && /* @__PURE__ */ a("span", {
 					style: {
 						fontSize: 12,
 						color: "var(--muted-foreground)"
@@ -53,14 +52,14 @@ function s({ evidence: s }) {
 					children: c("record.evidence.verified", "Verified {when}", { when: u })
 				})
 			]
-		}), s?.reason && /* @__PURE__ */ i("span", {
+		}), e?.reason && /* @__PURE__ */ a("span", {
 			style: {
 				fontSize: 12,
 				color: "var(--destructive)"
 			},
-			children: s.reason
+			children: e.reason
 		})]
 	});
 }
 //#endregion
-export { s as EvidenceBlock };
+export { c as EvidenceBlock };