@declarion/react 0.57.0 → 0.59.0

package/dist-lib/{ListCardsBody-DXcDg536.js → ListCardsBody-DfGmyNIu.js}

@@ -1,20 +1,21 @@
-import { er as e, mr as t, nr as n, zr as r } from "./useCurrentScreen-CzwzQpoW.js";
+import { In as e, jn as t, vn as n } from "./useCurrentScreen-BL5NZFCw.js";
+import { t as r } from "./useText-BFDCTUSo.js";
 import { t as i } from "./Check-DAfMbQIw.js";
-import { f as a, m as o, p as s, r as c } from "./action-dispatch-CR4ajBtT.js";
-import { t as l } from "./cardProjection-CW5RIMko.js";
-import { t as u } from "./SmartListPage.impl-CrGbdzyK.js";
+import { f as a, m as o, p as s, r as c } from "./action-dispatch-DY0c8U81.js";
+import { t as l } from "./cardProjection-Bkl2SSYz.js";
+import { t as u } from "./SmartListPage.impl-BrZLE_Gb.js";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/pages/list/ListCardRow.tsx
-function p(e, t, r) {
-	if (e.startsWith("$status.")) {
-		let r = e.slice(8), i = t.status_groups?.[r];
-		return i ? n(i.name) || r : e;
+function p(e, t, n, r) {
+	if (t.startsWith("$status.")) {
+		let r = t.slice(8), i = n.status_groups?.[r];
+		return i ? e(i.name) || r : t;
 	}
-	if (e.startsWith("$property.")) {
-		let r = e.slice(10), i = t.properties?.[r];
-		return i ? n(i.name) || r : e;
+	if (t.startsWith("$property.")) {
+		let r = t.slice(10), i = n.properties?.[r];
+		return i ? e(i.name) || r : t;
 	}
-	return o(t, e, r);
+	return o(e, n, t, r);
 }
 function m(e, n, r) {
 	if (e.startsWith("$status.")) {
@@ -28,62 +29,62 @@ function m(e, n, r) {
 	let i = a(r, n, e);
 	return i != null && t(i) !== "";
 }
-function h(e, i, a) {
-	let { entity: o, entityCode: c, refs: l, locale: u, renderers: f } = a;
-	if (e.startsWith("$status.")) {
-		let t = e.slice(8), a = o.status_groups?.[t], s = i.$statuses, c = Array.isArray(s) ? s.find((e) => e.group_code === t) : void 0;
-		if (!a || !c) return /* @__PURE__ */ d("span", {
+function h(n, r, i) {
+	let { entity: a, entityCode: o, refs: c, t: l, renderers: u } = i;
+	if (n.startsWith("$status.")) {
+		let t = n.slice(8), i = a.status_groups?.[t], o = r.$statuses, s = Array.isArray(o) ? o.find((e) => e.group_code === t) : void 0;
+		if (!i || !s) return /* @__PURE__ */ d("span", {
 			style: { color: "var(--text-3)" },
 			children: "-"
 		});
-		let l = a.statuses.find((e) => e.code === c.status_code);
-		return /* @__PURE__ */ d(r, {
-			tone: l?.color ?? "slate",
+		let c = i.statuses.find((e) => e.code === s.status_code);
+		return /* @__PURE__ */ d(e, {
+			tone: c?.color ?? "slate",
 			size: "xs",
-			children: n(l?.name) || c.status_code
+			children: l(c?.name) || s.status_code
 		});
 	}
-	if (e.startsWith("$property.")) {
-		let n = e.slice(10), r = i.$properties, a = Array.isArray(r) ? r.find((e) => e.property_code === n) : void 0;
+	if (n.startsWith("$property.")) {
+		let e = n.slice(10), i = r.$properties, a = Array.isArray(i) ? i.find((t) => t.property_code === e) : void 0;
 		return !a || a.value == null ? /* @__PURE__ */ d("span", {
 			style: { color: "var(--text-3)" },
 			children: "-"
 		}) : /* @__PURE__ */ d("span", { children: t(a.value) });
 	}
-	if (o.files?.get(e)) return s({
-		entity: o,
-		entityCode: c,
-		fieldName: e,
-		record: i,
+	if (a.files?.get(n)) return s({
+		entity: a,
+		entityCode: o,
+		fieldName: n,
+		record: r,
 		mode: "display",
 		surface: "list",
-		refs: l,
-		locale: u
+		refs: c,
+		t: l
 	});
-	let p = f.get(e);
-	if (!p) {
-		let n = i[e];
-		return t(n) || /* @__PURE__ */ d("span", {
+	let f = u.get(n);
+	if (!f) {
+		let e = r[n];
+		return t(e) || /* @__PURE__ */ d("span", {
 			style: { color: "var(--text-3)" },
 			children: "-"
 		});
 	}
-	return p(i[e], i);
+	return f(r[n], r);
 }
-function g({ row: t, rowIndex: n, entity: r, screen: a, entityCode: o, entities: s, savedViewColumns: g, refs: _, locale: v, renderers: y, rowActions: b, tabNavigate: x, interaction: S, hasSoftDelete: C, zebra: w, hasBatchActions: T, hasDetailTarget: E, rowKey: D, measureElement: O }) {
-	let k = {
-		entity: r,
-		entityCode: o,
-		refs: _,
-		locale: v,
+function g({ row: e, rowIndex: t, entity: a, screen: o, entityCode: s, entities: g, savedViewColumns: _, refs: v, renderers: y, rowActions: b, tabNavigate: x, interaction: S, hasSoftDelete: C, zebra: w, hasBatchActions: T, hasDetailTarget: E, rowKey: D, measureElement: O }) {
+	let k = r(), A = {
+		entity: a,
+		entityCode: s,
+		refs: v,
+		t: k,
 		renderers: y
-	}, A = t.original, j = c(r, a, A), M = l({
-		entity: r,
-		screen: j,
-		savedViewColumns: g
-	}), N = C && A[r.soft_delete] != null, P = t.getIsSelected(), F = w && n % 2 == 1, I = E || S.peekAllowed, L = (M.titleUsesDisplay ? e(A, r) ?? (M.titleField ? null : D(A)) : null) || (M.titleField ? h(M.titleField, A, k) : D(A)), R = M.badgeFields.filter((e) => !M.hideEmptyFields || m(e, A, r)), z = M.bodyFields.filter((e) => !M.hideEmptyFields || m(e, A, r)), B = M.metaFields.filter((e) => !M.hideEmptyFields || m(e, A, r));
+	}, j = e.original, M = c(a, o, j), N = l({
+		entity: a,
+		screen: M,
+		savedViewColumns: _
+	}), P = C && j[a.soft_delete] != null, F = e.getIsSelected(), I = w && t % 2 == 1, L = E || S.peekAllowed, R = (N.titleUsesDisplay ? n(k, j, a) ?? (N.titleField ? null : D(j)) : null) || (N.titleField ? h(N.titleField, j, A) : D(j)), z = N.badgeFields.filter((e) => !N.hideEmptyFields || m(e, j, a)), B = N.bodyFields.filter((e) => !N.hideEmptyFields || m(e, j, a)), V = N.metaFields.filter((e) => !N.hideEmptyFields || m(e, j, a));
 	return /* @__PURE__ */ d("div", {
-		"data-index": n,
+		"data-index": t,
 		"data-testid": "list-card",
 		ref: (e) => O(e),
 		style: {
@@ -92,8 +93,8 @@ function g({ row: t, rowIndex: n, entity: r, screen: a, entityCode: o, entities:
 		},
 		children: /* @__PURE__ */ f("div", {
 			className: "sl-list-card-surface",
-			"data-row-stripe": F ? "" : void 0,
-			"aria-selected": P,
+			"data-row-stripe": I ? "" : void 0,
+			"aria-selected": F,
 			style: {
 				display: "grid",
 				gridTemplateColumns: T ? "28px minmax(0, 1fr) auto" : "minmax(0, 1fr) auto",
@@ -102,40 +103,40 @@ function g({ row: t, rowIndex: n, entity: r, screen: a, entityCode: o, entities:
 				width: "100%",
 				boxSizing: "border-box",
 				borderRadius: 8,
-				opacity: N ? .56 : 1,
-				fontStyle: N ? "italic" : "normal",
+				opacity: P ? .56 : 1,
+				fontStyle: P ? "italic" : "normal",
 				padding: "12px",
-				cursor: I ? "pointer" : "default"
+				cursor: L ? "pointer" : "default"
 			},
-			tabIndex: I ? 0 : void 0,
-			onClick: I ? (e) => S.onRowClick(e, A) : void 0,
-			onKeyDown: I ? (e) => {
+			tabIndex: L ? 0 : void 0,
+			onClick: L ? (e) => S.onRowClick(e, j) : void 0,
+			onKeyDown: L ? (e) => {
 				if (e.key === "Enter") {
 					if (e.preventDefault(), S.peekAllowed) {
-						S.setPeekRow(A);
+						S.setPeekRow(j);
 						return;
 					}
-					S.navigateToDetail(A);
+					S.navigateToDetail(j);
 				}
 			} : void 0,
 			onContextMenu: (e) => {
 				e.preventDefault(), S.setContextMenu({
 					x: e.clientX,
 					y: e.clientY,
-					row: A
+					row: j
 				});
 			},
 			...S.longPress.handlers,
 			onPointerDown: (e) => {
-				S.pressedRow.current = A, S.longPress.handlers.onPointerDown(e);
+				S.pressedRow.current = j, S.longPress.handlers.onPointerDown(e);
 			},
 			children: [
 				T && /* @__PURE__ */ d("span", {
 					"data-testid": "row-select-checkbox",
 					style: { paddingTop: 2 },
 					children: /* @__PURE__ */ d(i, {
-						checked: P,
-						onChange: () => t.toggleSelected()
+						checked: F,
+						onChange: () => e.toggleSelected()
 					})
 				}),
 				/* @__PURE__ */ f("div", {
@@ -161,8 +162,8 @@ function g({ row: t, rowIndex: n, entity: r, screen: a, entityCode: o, entities:
 										color: "var(--text)",
 										overflowWrap: "anywhere"
 									},
-									children: L
-								}), M.subtitleField && /* @__PURE__ */ d("div", {
+									children: R
+								}), N.subtitleField && /* @__PURE__ */ d("div", {
 									style: {
 										marginTop: 3,
 										fontSize: 12.5,
@@ -170,26 +171,26 @@ function g({ row: t, rowIndex: n, entity: r, screen: a, entityCode: o, entities:
 										color: "var(--text-3)",
 										overflowWrap: "anywhere"
 									},
-									children: h(M.subtitleField, A, k)
+									children: h(N.subtitleField, j, A)
 								})]
 							})
 						}),
-						R.length > 0 && /* @__PURE__ */ d("div", {
+						z.length > 0 && /* @__PURE__ */ d("div", {
 							style: {
 								display: "flex",
 								flexWrap: "wrap",
 								gap: 6,
 								marginTop: 10
 							},
-							children: R.map((e) => /* @__PURE__ */ d("span", {
+							children: z.map((e) => /* @__PURE__ */ d("span", {
 								style: {
 									display: "inline-flex",
 									minWidth: 0
 								},
-								children: h(e, A, k)
+								children: h(e, j, A)
 							}, e))
 						}),
-						z.length > 0 && /* @__PURE__ */ d("dl", {
+						B.length > 0 && /* @__PURE__ */ d("dl", {
 							style: {
 								display: "grid",
 								gridTemplateColumns: "minmax(84px, max-content) minmax(0, 1fr)",
@@ -198,11 +199,11 @@ function g({ row: t, rowIndex: n, entity: r, screen: a, entityCode: o, entities:
 								fontSize: 12.5,
 								lineHeight: 1.35
 							},
-							children: z.map((e) => /* @__PURE__ */ f("div", {
+							children: B.map((e) => /* @__PURE__ */ f("div", {
 								style: { display: "contents" },
 								children: [/* @__PURE__ */ d("dt", {
 									style: { color: "var(--text-3)" },
-									children: p(e, r, s)
+									children: p(k, e, a, g)
 								}), /* @__PURE__ */ d("dd", {
 									style: {
 										margin: 0,
@@ -210,11 +211,11 @@ function g({ row: t, rowIndex: n, entity: r, screen: a, entityCode: o, entities:
 										minWidth: 0,
 										overflowWrap: "anywhere"
 									},
-									children: h(e, A, k)
+									children: h(e, j, A)
 								})]
 							}, e))
 						}),
-						B.length > 0 && /* @__PURE__ */ d("div", {
+						V.length > 0 && /* @__PURE__ */ d("div", {
 							style: {
 								display: "flex",
 								flexWrap: "wrap",
@@ -223,37 +224,36 @@ function g({ row: t, rowIndex: n, entity: r, screen: a, entityCode: o, entities:
 								color: "var(--text-3)",
 								fontSize: 11.5
 							},
-							children: B.map((e) => /* @__PURE__ */ f("span", {
+							children: V.map((e) => /* @__PURE__ */ f("span", {
 								style: {
 									minWidth: 0,
 									overflowWrap: "anywhere"
 								},
 								children: [
-									p(e, r, s),
+									p(k, e, a, g),
 									": ",
-									h(e, A, k)
+									h(e, j, A)
 								]
 							}, e))
 						})
 					]
 				}),
 				/* @__PURE__ */ d(u, {
-					row: A,
-					rowId: D(A),
-					screen: a,
-					fullScreen: a,
-					entity: r,
-					entityCode: o,
+					row: j,
+					rowId: D(j),
+					screen: o,
+					fullScreen: o,
+					entity: a,
+					entityCode: s,
 					rowActions: b,
 					tabNavigate: x,
 					peekAllowed: S.peekAllowed,
 					hasDetailTarget: E,
-					onPeek: S.setPeekRow,
-					locale: v
+					onPeek: S.setPeekRow
 				})
 			]
 		})
-	}, t.id);
+	}, e.id);
 }
 //#endregion
 //#region src/components/pages/list/ListCardsBody.tsx

package/dist-lib/MarkdownRenderer-BDbzDv_y.js

@@ -0,0 +1,87 @@
+import { _t as e } from "./useCurrentScreen-BL5NZFCw.js";
+import { t } from "./useText-BFDCTUSo.js";
+import { t as n } from "./safe-url-oSJw5pzO.js";
+import { jsx as r } from "react/jsx-runtime";
+import i, { defaultUrlTransform as a } from "react-markdown";
+import o from "remark-breaks";
+import s from "remark-gfm";
+//#region src/components/shared/MarkdownRenderer.tsx
+var c = "prose prose-sm dark:prose-invert max-w-none break-words overflow-hidden", l = [o], u = [s];
+function d(e) {
+	return e.startsWith("declarion://file/") ? e : a(e);
+}
+function f(e) {
+	return e.startsWith("/") || e.startsWith("https://") || e.startsWith("http://") ? e : null;
+}
+function p({ href: e, children: t }) {
+	return n(e) ? /* @__PURE__ */ r("a", {
+		href: e,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		children: t
+	}) : /* @__PURE__ */ r("a", {
+		href: e,
+		children: t
+	});
+}
+function m(t, n) {
+	return {
+		img({ src: i, alt: a }) {
+			let o = e(i);
+			if (!o) return /* @__PURE__ */ r("img", {
+				src: i,
+				alt: a ?? ""
+			});
+			let s = n[o], c = s?.presigned_url ?? s?.url, l = c ? f(c) : null;
+			return l ? /* @__PURE__ */ r("img", {
+				src: l,
+				alt: a ?? s.filename ?? ""
+			}) : /* @__PURE__ */ r("span", {
+				style: {
+					color: "var(--warn)",
+					fontSize: 12
+				},
+				children: t("control.markdown.missing_image", "Missing image {id}", { id: o })
+			});
+		},
+		a({ href: i, children: a }) {
+			let o = e(i);
+			if (!o) return /* @__PURE__ */ r(p, {
+				href: i,
+				children: a
+			});
+			let s = n[o], c = s?.presigned_url ?? s?.url, l = c ? f(c) : null;
+			return l ? /* @__PURE__ */ r("a", {
+				href: l,
+				target: "_blank",
+				rel: "noreferrer",
+				children: a
+			}) : /* @__PURE__ */ r("span", {
+				style: {
+					color: "var(--warn)",
+					fontSize: 12
+				},
+				children: t("control.markdown.missing_file", "Missing file {id}", { id: o })
+			});
+		}
+	};
+}
+function h({ content: e, plugins: n = "breaks", files: a, components: o, skipHtml: s = !0, prose: f = !0 }) {
+	let h = t(), g = n === "gfm" ? u : l, _ = {
+		a: p,
+		...a ? m(h, a) : {},
+		...o
+	}, v = /* @__PURE__ */ r(i, {
+		skipHtml: s,
+		remarkPlugins: g,
+		components: _,
+		urlTransform: a ? d : void 0,
+		children: e
+	});
+	return f ? /* @__PURE__ */ r("div", {
+		className: c,
+		children: v
+	}) : v;
+}
+//#endregion
+export { h as MarkdownRenderer };