@declarion/react 0.48.2 → 0.49.0

package/dist-lib/ListCardsBody-DYMt1H8l.js

@@ -0,0 +1,287 @@
+import { Dn as e, Tn as t, ur as n, zn as r } from "./useCurrentScreen-C5Oio-1G.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-CYOw7nkP.js";
+import { t as l } from "./cardProjection-D-AufCh-.js";
+import { t as u } from "./SmartListPage.impl-CPhhXT5S.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/pages/list/ListCardRow.tsx
+function p(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 (t.startsWith("$property.")) {
+		let r = t.slice(10), i = n.properties?.[r];
+		return i ? e(i.name) || r : t;
+	}
+	return o(n, t, r);
+}
+function m(e, t, n) {
+	if (e.startsWith("$status.")) {
+		let n = e.slice(8), r = t.$statuses;
+		return Array.isArray(r) && r.some((e) => e.group_code === n);
+	}
+	if (e.startsWith("$property.")) {
+		let n = e.slice(10), i = t.$properties, a = Array.isArray(i) ? i.find((e) => e.property_code === n) : void 0;
+		return a?.value != null && r(a.value) !== "";
+	}
+	let i = a(n, t, e);
+	return i != null && r(i) !== "";
+}
+function h(t, i, a) {
+	let { entity: o, entityCode: c, refs: l, locale: u, renderers: f } = a;
+	if (t.startsWith("$status.")) {
+		let r = t.slice(8), a = o.status_groups?.[r], s = i.$statuses, c = Array.isArray(s) ? s.find((e) => e.group_code === r) : void 0;
+		if (!a || !c) return /* @__PURE__ */ d("span", {
+			style: { color: "var(--text-3)" },
+			children: "-"
+		});
+		let l = a.statuses.find((e) => e.code === c.status_code);
+		return /* @__PURE__ */ d(n, {
+			tone: l?.color ?? "slate",
+			size: "xs",
+			children: e(l?.name) || c.status_code
+		});
+	}
+	if (t.startsWith("$property.")) {
+		let e = t.slice(10), n = i.$properties, a = Array.isArray(n) ? n.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: r(a.value) });
+	}
+	if (o.files?.get(t)) return s({
+		entity: o,
+		entityCode: c,
+		fieldName: t,
+		record: i,
+		mode: "display",
+		surface: "list",
+		refs: l,
+		locale: u
+	});
+	let p = f.get(t);
+	if (!p) {
+		let e = i[t];
+		return r(e) || /* @__PURE__ */ d("span", {
+			style: { color: "var(--text-3)" },
+			children: "-"
+		});
+	}
+	return p(i[t], i);
+}
+function g({ row: e, 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,
+		renderers: y
+	}, A = e.original, j = c(r, a, A), M = l({
+		entity: r,
+		screen: j,
+		savedViewColumns: g
+	}), N = C && A[r.soft_delete] != null, P = e.getIsSelected(), F = w && n % 2 == 1, I = E || S.peekAllowed, L = (M.titleUsesDisplay ? t(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));
+	return /* @__PURE__ */ d("div", {
+		"data-index": n,
+		"data-testid": "list-card",
+		ref: (e) => O(e),
+		style: {
+			padding: "6px 10px",
+			boxSizing: "border-box"
+		},
+		children: /* @__PURE__ */ f("div", {
+			className: "sl-list-card-surface",
+			"data-row-stripe": F ? "" : void 0,
+			"aria-selected": P,
+			style: {
+				display: "grid",
+				gridTemplateColumns: T ? "28px minmax(0, 1fr) auto" : "minmax(0, 1fr) auto",
+				gap: 8,
+				alignItems: "start",
+				width: "100%",
+				boxSizing: "border-box",
+				borderRadius: 8,
+				opacity: N ? .56 : 1,
+				fontStyle: N ? "italic" : "normal",
+				padding: "12px",
+				cursor: I ? "pointer" : "default"
+			},
+			tabIndex: I ? 0 : void 0,
+			onClick: I ? (e) => S.onRowClick(e, A) : void 0,
+			onKeyDown: I ? (e) => {
+				if (e.key === "Enter") {
+					if (e.preventDefault(), S.peekAllowed) {
+						S.setPeekRow(A);
+						return;
+					}
+					S.navigateToDetail(A);
+				}
+			} : void 0,
+			onContextMenu: (e) => {
+				e.preventDefault(), S.setContextMenu({
+					x: e.clientX,
+					y: e.clientY,
+					row: A
+				});
+			},
+			...S.longPress.handlers,
+			onPointerDown: (e) => {
+				S.pressedRow.current = A, 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: () => e.toggleSelected()
+					})
+				}),
+				/* @__PURE__ */ f("div", {
+					style: { minWidth: 0 },
+					children: [
+						/* @__PURE__ */ d("div", {
+							style: {
+								display: "flex",
+								alignItems: "flex-start",
+								gap: 8,
+								minWidth: 0
+							},
+							children: /* @__PURE__ */ f("div", {
+								style: {
+									minWidth: 0,
+									flex: 1
+								},
+								children: [/* @__PURE__ */ d("div", {
+									style: {
+										fontSize: 14,
+										lineHeight: 1.25,
+										fontWeight: 650,
+										color: "var(--text)",
+										overflowWrap: "anywhere"
+									},
+									children: L
+								}), M.subtitleField && /* @__PURE__ */ d("div", {
+									style: {
+										marginTop: 3,
+										fontSize: 12.5,
+										lineHeight: 1.35,
+										color: "var(--text-3)",
+										overflowWrap: "anywhere"
+									},
+									children: h(M.subtitleField, A, k)
+								})]
+							})
+						}),
+						R.length > 0 && /* @__PURE__ */ d("div", {
+							style: {
+								display: "flex",
+								flexWrap: "wrap",
+								gap: 6,
+								marginTop: 10
+							},
+							children: R.map((e) => /* @__PURE__ */ d("span", {
+								style: {
+									display: "inline-flex",
+									minWidth: 0
+								},
+								children: h(e, A, k)
+							}, e))
+						}),
+						z.length > 0 && /* @__PURE__ */ d("dl", {
+							style: {
+								display: "grid",
+								gridTemplateColumns: "minmax(84px, max-content) minmax(0, 1fr)",
+								gap: "6px 10px",
+								margin: "12px 0 0",
+								fontSize: 12.5,
+								lineHeight: 1.35
+							},
+							children: z.map((e) => /* @__PURE__ */ f("div", {
+								style: { display: "contents" },
+								children: [/* @__PURE__ */ d("dt", {
+									style: { color: "var(--text-3)" },
+									children: p(e, r, s)
+								}), /* @__PURE__ */ d("dd", {
+									style: {
+										margin: 0,
+										color: "var(--text-2)",
+										minWidth: 0,
+										overflowWrap: "anywhere"
+									},
+									children: h(e, A, k)
+								})]
+							}, e))
+						}),
+						B.length > 0 && /* @__PURE__ */ d("div", {
+							style: {
+								display: "flex",
+								flexWrap: "wrap",
+								gap: 10,
+								marginTop: 10,
+								color: "var(--text-3)",
+								fontSize: 11.5
+							},
+							children: B.map((e) => /* @__PURE__ */ f("span", {
+								style: {
+									minWidth: 0,
+									overflowWrap: "anywhere"
+								},
+								children: [
+									p(e, r, s),
+									": ",
+									h(e, A, k)
+								]
+							}, e))
+						})
+					]
+				}),
+				/* @__PURE__ */ d(u, {
+					row: A,
+					rowId: D(A),
+					screen: a,
+					fullScreen: a,
+					entity: r,
+					entityCode: o,
+					rowActions: b,
+					tabNavigate: x,
+					peekAllowed: S.peekAllowed,
+					hasDetailTarget: E,
+					onPeek: S.setPeekRow,
+					locale: v
+				})
+			]
+		})
+	}, e.id);
+}
+//#endregion
+//#region src/components/pages/list/ListCardsBody.tsx
+function _({ rows: e, virtualizer: t, ...n }) {
+	return /* @__PURE__ */ d("div", {
+		style: {
+			height: t.getTotalSize(),
+			width: "100%",
+			position: "relative",
+			boxSizing: "border-box"
+		},
+		children: t.getVirtualItems().map((r) => /* @__PURE__ */ d("div", {
+			style: {
+				position: "absolute",
+				top: 0,
+				left: 0,
+				width: "100%",
+				transform: `translateY(${r.start}px)`,
+				boxSizing: "border-box"
+			},
+			children: /* @__PURE__ */ d(g, {
+				row: e[r.index],
+				rowIndex: r.index,
+				measureElement: t.measureElement,
+				...n
+			})
+		}, e[r.index]?.id ?? r.key))
+	});
+}
+//#endregion
+export { _ as ListCardsBody };

package/dist-lib/{MarkdownRenderer-Sb7zcvj0.js → MarkdownRenderer-E9hbyoUn.js}

@@ -1,4 +1,4 @@
-import { H as e, et as t } from "./useCurrentScreen-BshVTPVq.js";
+import { H as e, et as t } from "./useCurrentScreen-C5Oio-1G.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import i, { defaultUrlTransform as a } from "react-markdown";
 import o from "remark-breaks";