@declarion/react 0.59.2 → 0.60.0

package/dist-lib/SmartRecordListPage.impl-C1FJLr80.js

@@ -1,780 +0,0 @@
-import { s as e } from "./DynamicIcon-DW5krHuX.js";
-import { Ln as t, On as n, Rn as r, St as i, Zt as a, _n as o, ct as s, en as c, hn as l, jn as u, nn as d, on as f, ot as p, v as ee, vn as m } from "./useCurrentScreen-BL5NZFCw.js";
-import { d as h, f as g, t as _ } from "./useText-BFDCTUSo.js";
-import { c as v } from "./registry-Cb3W-czW.js";
-import { A as te, O as y, g as b, h as ne, k as x, l as re } from "./field-classification-C28XE-_P.js";
-import { f as S, h as C, p as w, u as ie } from "./action-dispatch-DY0c8U81.js";
-import { n as T, r as E } from "./useProperties-4Lg3odrt.js";
-import { c as ae, f as D, h as O, m as k, n as A, t as j } from "./useTabSearchMirror-ZVLlINBX.js";
-import { t as M } from "./LayoutRenderer-DGKWZKpW.js";
-import { n as N, t as P } from "./cardProjection-Bkl2SSYz.js";
-import { t as F } from "./useListQuery-BG1GyKtJ.js";
-import { useCallback as I, useEffect as L, useMemo as R, useRef as z, useState as oe } from "react";
-import { useSearchParams as se } from "react-router";
-import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
-//#region src/components/pages/SmartRecordListPage.impl.tsx
-var ce = 200, le = "items:";
-function U({ screenCode: n }) {
-	let r = _(), s = _("errors"), [l, d] = se(), { data: p } = g(), m = f(), h = p?.screens[n], v = h?.entity ? p?.entities[h.entity] : void 0, y = h?.entity;
-	A(h, v, l.toString()), j(h?.route);
-	let ne = b(), x = l.get("selected") ?? null, re = l.get("search") ?? "", S = i(re, 300), C = l.get("sort") ?? h?.sort_default ?? "", w = R(() => D(l), [l]), ie = w.filters.length > 0 ? w.filters : void 0, T = R(() => h?.columns ?? v?.fields.names().filter((e) => !v.fields.get(e)?.primary && !v.fields.get(e)?.auto && v.fields.get(e)?.display?.is_listable !== !1).slice(0, 4) ?? [], [h?.columns, v]), E = R(() => {
-		let e = h?.responsive?.[m.category]?.presentation;
-		return m.category === "phone" ? "drilldown" : e === "split" || e === "drilldown" || e === "stacked" ? e : "split";
-	}, [h?.responsive, m.category]), M = R(() => {
-		let e = h?.responsive?.[m.category];
-		return e?.list?.presentation === "table" || e?.list?.presentation === "cards" ? e.list.presentation : e?.presentation === "table" || e?.presentation === "cards" ? e.presentation : m.category === "phone" ? "cards" : "table";
-	}, [h?.responsive, m.category]), le = h?.responsive?.[m.category]?.layout?.related_records, U = R(() => P({
-		entity: v,
-		screen: h
-	}), [v, h]), W = R(() => N({
-		entity: v,
-		screen: h,
-		presentation: M,
-		visibleColumns: T,
-		card: U,
-		sort: C
-	}), [
-		v,
-		h,
-		M,
-		T,
-		U,
-		C
-	]), G = F({
-		entity: v,
-		entityCode: y,
-		screen: h,
-		screenCode: n,
-		page: 1,
-		perPage: ce,
-		sortForRequest: ee(C),
-		debouncedSearch: S,
-		filters: w.filters,
-		includeDeleted: !1,
-		expand: W.expandFields,
-		select: W.selectFields,
-		isHeld: !1,
-		retryHeld: () => void 0,
-		runCountQuery: !1,
-		urlKey: `${y ?? ""}|${l.toString()}`
-	}), K = G.rows, q = G.refs, J = G.isLoading, fe = R(() => v?.fields.names().find((e) => v.fields.get(e)?.primary) ?? "id", [v]), pe = I((e, t) => {
-		d((t) => {
-			let n = new URLSearchParams(t);
-			return e ? n.set("selected", e) : n.delete("selected"), n;
-		}, { replace: t?.replace ?? !0 });
-	}, [d]), me = I((e) => {
-		d((t) => {
-			let n = new URLSearchParams(t);
-			return e ? n.set("search", e) : n.delete("search"), n;
-		}, { replace: !0 });
-	}, [d]), he = I((e, t) => {
-		d((n) => {
-			let r = new URLSearchParams(n), i = D(n).filters, a;
-			return a = t && t !== "__all__" ? [...k(i, e), ae(e, t)] : k(i, e), O(a, r), r;
-		}, { replace: !0 });
-	}, [d]), Y = (h?.list_resizable ?? !1) && E === "split" && m.category !== "phone" && !m.touch, ge = z(null), [X, Z] = oe(null), _e = z(!1), Q = h?.list_width;
-	L(() => {
-		Y && Q?.endsWith("%") && Z(null);
-	}, [
-		Y,
-		Q,
-		m.width,
-		m.height
-	]), L(() => {
-		if (!Y || X !== null) return;
-		let e = ge.current;
-		if (e) {
-			if (Q && Q.endsWith("%")) {
-				let t = parseFloat(Q) / 100;
-				Z(Math.round(e.getBoundingClientRect().width * t));
-			} else Z(Q && parseInt(Q, 10) || 320);
-		}
-	}, [
-		Y,
-		Q,
-		X,
-		v
-	]);
-	let $ = z(null);
-	L(() => () => {
-		$.current?.();
-	}, []);
-	let ve = I((e) => {
-		e.preventDefault(), _e.current = !0;
-		let t = e.clientX, n = X ?? 320, r = (e) => {
-			if (!_e.current) return;
-			let r = (ge.current?.getBoundingClientRect().width ?? window.innerWidth) - 300, i = Math.max(200, Math.min(r, n + e.clientX - t));
-			Z(i);
-		}, i = () => {
-			_e.current = !1, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", $.current = null;
-		};
-		document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), $.current = i;
-	}, [X]);
-	if (!p || !h || !v) return null;
-	let ye = ie?.length ?? 0, be = E === "split" || E === "stacked" || !x, xe = E === "split" || E === "stacked" || !!x, Se = E !== "split" && x ? () => pe(null, { replace: !0 }) : void 0, Ce = E === "split" ? Y && X !== null ? X : h.list_width ?? "320px" : "100%";
-	return /* @__PURE__ */ H("div", {
-		ref: ge,
-		"data-record-list-presentation": E,
-		style: {
-			display: "flex",
-			flexDirection: E === "stacked" ? "column" : "row",
-			height: "100%",
-			minWidth: 0,
-			overflow: "hidden"
-		},
-		children: [
-			be && /* @__PURE__ */ H("div", {
-				"data-testid": "record-list-panel",
-				style: {
-					flex: E === "split" ? "none" : "1 1 auto",
-					display: "flex",
-					flexDirection: "column",
-					overflow: "hidden",
-					borderRight: E === "split" && !Y ? "1px solid var(--divider)" : "none",
-					borderBottom: E === "stacked" ? "1px solid var(--divider)" : "none",
-					width: Ce,
-					minWidth: 0,
-					height: E === "stacked" ? "50%" : "100%"
-				},
-				children: [/* @__PURE__ */ H("div", {
-					style: {
-						paddingTop: 12,
-						paddingBottom: 12,
-						...te(12),
-						display: "flex",
-						flexDirection: "column",
-						gap: 8,
-						borderBottom: "1px solid var(--divider)"
-					},
-					children: [
-						ne.hasOriginBack && /* @__PURE__ */ H("div", {
-							style: {
-								display: "flex",
-								alignItems: "center",
-								gap: 8
-							},
-							children: [/* @__PURE__ */ V(t, {
-								icon: /* @__PURE__ */ V(e.back, { size: 14 }),
-								title: r("list.header.back", "Back"),
-								onClick: ne.goBack
-							}), /* @__PURE__ */ V("span", {
-								style: {
-									fontSize: 12.5,
-									fontWeight: 600,
-									color: "var(--text)"
-								},
-								children: r(h.display?.name) || r(v.display.name_plural)
-							})]
-						}),
-						/* @__PURE__ */ V(c, {
-							value: re,
-							onChange: me,
-							placeholder: r("list.toolbar.search_placeholder", "Search {name}…", { name: r(v.display.name_plural) }),
-							prefix: /* @__PURE__ */ V(e.search, { size: 13 })
-						}),
-						w.error && /* @__PURE__ */ H("div", {
-							role: "alert",
-							"data-testid": "record-list-filter-url-error",
-							style: {
-								padding: "7px 9px",
-								border: "1px solid var(--danger)",
-								borderRadius: 6,
-								color: "var(--danger)",
-								fontSize: 11.5
-							},
-							children: [
-								s(w.errorCode ?? "", w.error),
-								" ",
-								r("list.filters.invalid_suffix", "Showing this list without URL filters.")
-							]
-						}),
-						h.filters && h.filters.length > 0 && /* @__PURE__ */ V("div", {
-							style: {
-								display: "flex",
-								flexWrap: "wrap",
-								gap: 6
-							},
-							children: h.filters.map((e) => {
-								let t = v.fields.get(e);
-								if (!t?.values) return null;
-								let n = ie?.find((t) => t.field === e && t.op === "eq")?.value ?? "__all__", i = o(r, t, e, p.entities), s = [{
-									value: "__all__",
-									label: r("list.filters.all_values", "All {field}", { field: i })
-								}, ...t.values.map((e) => ({
-									value: e.code,
-									label: r(e.name) || e.code
-								}))];
-								return /* @__PURE__ */ V("div", {
-									style: { minWidth: 120 },
-									children: /* @__PURE__ */ V(a, {
-										value: n,
-										options: s,
-										onChange: (t) => he(e, t),
-										placeholder: i
-									})
-								}, e);
-							})
-						}),
-						/* @__PURE__ */ H("div", {
-							style: {
-								display: "flex",
-								alignItems: "center",
-								justifyContent: "space-between",
-								fontSize: 11,
-								color: "var(--text-3)"
-							},
-							children: [/* @__PURE__ */ V("span", { children: J ? r("list.records.loading", "Loading…") : r("list.records.count", "{count} {name}", {
-								count: K.length,
-								name: r(v.display.name_plural)
-							}) }), ye > 0 && /* @__PURE__ */ V("button", {
-								onClick: () => d((e) => {
-									let t = new URLSearchParams(e);
-									return t.delete("filters"), t;
-								}, { replace: !0 }),
-								style: {
-									background: "transparent",
-									border: 0,
-									color: "var(--accent)",
-									cursor: "pointer",
-									fontSize: 11,
-									textDecoration: "underline",
-									padding: 0
-								},
-								children: r("list.filters.clear", "Clear filters")
-							})]
-						})
-					]
-				}), /* @__PURE__ */ V("div", {
-					style: {
-						flex: 1,
-						overflowY: "auto",
-						padding: M === "cards" ? 10 : 0,
-						display: M === "cards" ? "flex" : "block",
-						flexDirection: "column",
-						gap: M === "cards" ? 10 : void 0
-					},
-					children: J ? /* @__PURE__ */ V("div", {
-						style: {
-							padding: 12,
-							display: "flex",
-							flexDirection: "column",
-							gap: 6
-						},
-						children: Array.from({ length: 8 }).map((e, t) => /* @__PURE__ */ V("div", { style: {
-							height: 48,
-							borderRadius: 6,
-							background: "var(--surface-3)"
-						} }, t))
-					}) : K.length === 0 ? /* @__PURE__ */ V("div", {
-						style: {
-							padding: 28,
-							textAlign: "center",
-							fontSize: 12.5,
-							color: "var(--text-3)"
-						},
-						children: r("list.records.none", "No records found")
-					}) : /* @__PURE__ */ H(B, { children: [K.map((e) => {
-						let t = u(e[fe]);
-						return /* @__PURE__ */ V(ue, {
-							record: e,
-							entity: v,
-							columns: T,
-							card: U,
-							presentation: M,
-							refs: q,
-							isSelected: t === x,
-							onClick: () => pe(t, { replace: E === "split" })
-						}, t);
-					}), G.isCursor && G.hasMorePages && /* @__PURE__ */ V("button", {
-						type: "button",
-						"data-testid": "record-list-load-more",
-						onClick: G.fetchNextPage,
-						disabled: G.isFetchingNextPage,
-						style: {
-							width: "100%",
-							padding: "8px 12px",
-							fontSize: 12,
-							background: "transparent",
-							border: "none",
-							borderTop: "1px solid var(--divider)",
-							color: "var(--text-2)",
-							cursor: G.isFetchingNextPage ? "default" : "pointer"
-						},
-						children: G.isFetchingNextPage ? r("list.records.loading", "Loading…") : r("list.footer.load_more", "Load more")
-					})] })
-				})]
-			}),
-			Y && /* @__PURE__ */ V("div", {
-				"data-testid": "record-list-resize-handle",
-				onMouseDown: ve,
-				style: {
-					flex: "none",
-					width: 1,
-					cursor: "col-resize",
-					background: "var(--divider)",
-					transition: "background-color .12s"
-				},
-				onMouseEnter: (e) => e.currentTarget.style.background = "var(--border-strong)",
-				onMouseLeave: (e) => e.currentTarget.style.background = "var(--divider)"
-			}),
-			xe && /* @__PURE__ */ V("div", {
-				"data-testid": "record-detail-panel",
-				style: {
-					flex: 1,
-					minWidth: 0,
-					overflow: "hidden",
-					height: E === "stacked" ? "50%" : "100%"
-				},
-				children: x ? /* @__PURE__ */ V(de, {
-					entityCode: y,
-					recordId: x,
-					items: h.items,
-					schema: p,
-					entity: v,
-					onBackToList: Se,
-					relatedRecordsPresentation: le
-				}, x) : /* @__PURE__ */ V("div", {
-					style: {
-						display: "flex",
-						alignItems: "center",
-						justifyContent: "center",
-						height: "100%",
-						color: "var(--text-3)"
-					},
-					children: /* @__PURE__ */ V("p", {
-						style: { fontSize: 12.5 },
-						children: r("list.detail.select_prompt", "Select a {name} to view details", { name: r(v.display.name) })
-					})
-				})
-			})
-		]
-	});
-}
-function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a, isSelected: o, onClick: s }) {
-	let c = _();
-	if (i === "cards") {
-		let n = r.badgeFields.filter((n) => W(t, e, n)), i = r.bodyFields.filter((n) => W(t, e, n)), l = r.metaFields.filter((n) => W(t, e, n));
-		return /* @__PURE__ */ H("button", {
-			type: "button",
-			"data-testid": "record-list-card",
-			"aria-current": o ? "true" : void 0,
-			onClick: s,
-			style: {
-				width: "100%",
-				textAlign: "left",
-				padding: 12,
-				border: "1px solid var(--border)",
-				borderRadius: 8,
-				background: o ? "var(--row-selected-bg)" : "var(--surface)",
-				color: "var(--text)",
-				cursor: "pointer",
-				display: "flex",
-				flexDirection: "column",
-				gap: 8,
-				boxShadow: o ? "inset 3px 0 0 var(--accent)" : "none"
-			},
-			children: [
-				/* @__PURE__ */ V(G, {
-					entity: t,
-					record: e,
-					field: r.titleField,
-					refs: a
-				}),
-				r.subtitleField && /* @__PURE__ */ V("div", {
-					style: {
-						fontSize: 12,
-						color: "var(--text-3)",
-						overflowWrap: "anywhere"
-					},
-					children: w({
-						entity: t,
-						fieldName: r.subtitleField,
-						record: e,
-						mode: "display",
-						refs: a,
-						t: c
-					})
-				}),
-				n.length > 0 && /* @__PURE__ */ V("div", {
-					style: {
-						display: "flex",
-						flexWrap: "wrap",
-						gap: 6
-					},
-					children: n.map((n) => /* @__PURE__ */ V("span", {
-						style: {
-							border: "1px solid var(--border)",
-							borderRadius: 999,
-							padding: "2px 7px",
-							fontSize: 11,
-							color: "var(--text-2)",
-							maxWidth: "100%",
-							overflowWrap: "anywhere"
-						},
-						children: w({
-							entity: t,
-							fieldName: n,
-							record: e,
-							mode: "display",
-							refs: a,
-							t: c
-						})
-					}, n))
-				}),
-				i.length > 0 && /* @__PURE__ */ V("dl", {
-					style: {
-						display: "grid",
-						gridTemplateColumns: "minmax(72px, max-content) minmax(0, 1fr)",
-						gap: "5px 10px",
-						margin: 0
-					},
-					children: i.map((n) => /* @__PURE__ */ V(K, {
-						entity: t,
-						record: e,
-						fieldName: n,
-						refs: a
-					}, n))
-				}),
-				l.length > 0 && /* @__PURE__ */ V("div", {
-					style: {
-						display: "flex",
-						flexWrap: "wrap",
-						gap: 8,
-						fontSize: 11,
-						color: "var(--text-3)"
-					},
-					children: l.map((n) => /* @__PURE__ */ V("span", {
-						style: {
-							minWidth: 0,
-							overflowWrap: "anywhere"
-						},
-						children: w({
-							entity: t,
-							fieldName: n,
-							record: e,
-							mode: "display",
-							refs: a,
-							t: c
-						})
-					}, n))
-				})
-			]
-		});
-	}
-	let l = n[0], u = n[1], d = n.slice(2, 4);
-	return /* @__PURE__ */ H("button", {
-		onClick: s,
-		style: {
-			width: "100%",
-			textAlign: "left",
-			padding: "10px 12px",
-			borderBottom: "1px solid var(--divider)",
-			background: o ? "var(--row-selected-bg)" : "transparent",
-			borderLeft: o ? "2px solid var(--accent)" : "2px solid transparent",
-			cursor: "pointer",
-			transition: "background-color .12s",
-			display: "flex",
-			flexDirection: "column",
-			gap: 2,
-			border: "1px solid transparent",
-			borderBottomColor: "var(--divider)"
-		},
-		onMouseEnter: (e) => {
-			o || (e.currentTarget.style.background = "var(--surface-3)");
-		},
-		onMouseLeave: (e) => {
-			o || (e.currentTarget.style.background = "transparent");
-		},
-		children: [l && /* @__PURE__ */ V("div", {
-			style: {
-				fontSize: 12.5,
-				fontWeight: 500,
-				overflow: "hidden",
-				textOverflow: "ellipsis",
-				whiteSpace: "nowrap",
-				color: "var(--text)"
-			},
-			children: w({
-				entity: t,
-				fieldName: l,
-				record: e,
-				mode: "display",
-				refs: a,
-				t: c
-			})
-		}), /* @__PURE__ */ H("div", {
-			style: {
-				display: "flex",
-				alignItems: "center",
-				gap: 6
-			},
-			children: [u && /* @__PURE__ */ V("div", {
-				style: {
-					fontSize: 11,
-					color: "var(--text-3)",
-					flex: 1,
-					overflow: "hidden",
-					textOverflow: "ellipsis",
-					whiteSpace: "nowrap"
-				},
-				children: w({
-					entity: t,
-					fieldName: u,
-					record: e,
-					mode: "display",
-					refs: a,
-					t: c
-				})
-			}), /* @__PURE__ */ V("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					gap: 4,
-					flexShrink: 0
-				},
-				children: d.map((n) => S(t, e, n) == null ? null : /* @__PURE__ */ V("div", {
-					style: { fontSize: 11 },
-					children: w({
-						entity: t,
-						fieldName: n,
-						record: e,
-						mode: "display",
-						refs: a,
-						t: c
-					})
-				}, n))
-			})]
-		})]
-	});
-}
-function W(e, t, n) {
-	let r = S(e, t, n);
-	return !(r == null || r === "" || Array.isArray(r) && r.length === 0);
-}
-function G({ entity: e, record: t, field: n, refs: r }) {
-	let i = _(), a = m(i, t, e), o = n ? w({
-		entity: e,
-		fieldName: n,
-		record: t,
-		mode: "display",
-		refs: r,
-		t: i
-	}) : a;
-	return /* @__PURE__ */ V("div", {
-		style: {
-			fontSize: 13.5,
-			fontWeight: 600,
-			color: "var(--text)",
-			overflowWrap: "anywhere"
-		},
-		children: o || i(e.display.name)
-	});
-}
-function K({ entity: e, record: t, fieldName: n, refs: r }) {
-	let i = _(), a = S(e, t, n);
-	if (a == null || a === "") return null;
-	let s = e.fields.get(n);
-	return s ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("dt", {
-		style: {
-			color: "var(--text-3)",
-			fontSize: 11.5,
-			minWidth: 0,
-			overflowWrap: "anywhere"
-		},
-		children: o(i, s, n)
-	}), /* @__PURE__ */ V("dd", {
-		style: {
-			margin: 0,
-			color: "var(--text)",
-			fontSize: 12,
-			minWidth: 0,
-			overflowWrap: "anywhere"
-		},
-		children: w({
-			entity: e,
-			fieldName: n,
-			record: t,
-			mode: "display",
-			refs: r,
-			t: i
-		})
-	})] }) : null;
-}
-function de({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBackToList: a, relatedRecordsPresentation: o }) {
-	return /* @__PURE__ */ V(p, { children: /* @__PURE__ */ V(q, {
-		entityCode: e,
-		recordId: t,
-		items: n,
-		schema: r,
-		entity: i,
-		onBackToList: a,
-		relatedRecordsPresentation: o
-	}) });
-}
-function q({ entityCode: i, recordId: a, items: o, schema: c, entity: f, onBackToList: p, relatedRecordsPresentation: ee }) {
-	let g = _(), b = l(f, "update"), w = R(() => a ? n(f, a) : void 0, [a, f]), { data: ae, isLoading: D } = v(i, w), O = ne(i), k = s(), [A, j] = oe(!1), [N, P] = oe({}), F = ae?.data, L = F?.$statuses, z = F?.$properties, se = E(i, a), ce = T(i, a), U = R(() => {
-		let e = /* @__PURE__ */ new Set();
-		for (let [t, n] of f.fields) !n.auto && !n.primary && e.add(t);
-		for (let [t] of f.files ?? []) e.add(t);
-		return e;
-	}, [f]), ue = I(() => {
-		if (F) {
-			let e = {};
-			U.forEach((t) => {
-				let n = S(f, F, t);
-				e[t] = ie(f, t) ? n ?? null : n ?? "";
-			}), P(e);
-		}
-		j(!0);
-	}, [
-		F,
-		U,
-		f
-	]), W = I(async () => {
-		await k.flushAllDrafts(), j(!1), P({});
-	}, [k]), G = I(() => {
-		let e = {}, t = y({
-			entity: f,
-			formData: N,
-			record: F,
-			isNew: !1
-		}), n = x(t);
-		for (let [t, n] of Object.entries(N)) f.files?.has(t) || (e[t] = C(f, t, n));
-		if (Object.keys(t).length > 0 && (e.$files = t), Object.keys(e).length === 0) {
-			j(!1), P({});
-			return;
-		}
-		O.mutate({
-			pkValues: a,
-			data: e
-		}, { onSuccess: () => {
-			n.forEach((e) => k.markCommitted(e)), j(!1), P({});
-		} });
-	}, [
-		k,
-		O,
-		a,
-		f,
-		N,
-		F
-	]), K = I((e, t) => {
-		P((n) => ({
-			...n,
-			[e]: t
-		}));
-	}, []);
-	if (D) return /* @__PURE__ */ V(re, {});
-	if (!F) return null;
-	let de = m(g, F, f), q = f.display?.display_field, J = de ? void 0 : q ? F[q] : F[f.fields.names()[0]], fe = de || (J != null && typeof J != "object" ? u(J) : g(f.display.name)), pe = F?.$refs, me = {
-		schema: c,
-		entity: f,
-		entityCode: i,
-		recordId: a,
-		record: A ? {
-			...F,
-			...N
-		} : F,
-		isNew: !1,
-		mode: A ? "edit" : "display",
-		onFieldChange: A ? K : void 0,
-		refs: pe,
-		objectProperties: z ?? void 0,
-		onSetProperty: b ? (e, t) => ce.mutate({
-			propertyCode: e,
-			value: t
-		}) : void 0,
-		isPropertyPending: ce.isPending,
-		objectStatuses: L ?? void 0,
-		onSetStatus: b ? (e, t) => se.mutate({
-			groupCode: e,
-			statusCode: t
-		}) : void 0,
-		isStatusPending: se.isPending,
-		relatedRecordsPresentation: ee
-	};
-	return /* @__PURE__ */ H("div", {
-		style: {
-			display: "flex",
-			flexDirection: "column",
-			height: "100%"
-		},
-		children: [/* @__PURE__ */ H("div", {
-			style: {
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "space-between",
-				paddingTop: 10,
-				paddingBottom: 10,
-				...te(16),
-				borderBottom: "1px solid var(--divider)",
-				position: "sticky",
-				top: 0,
-				background: "var(--surface)",
-				zIndex: 10
-			},
-			children: [/* @__PURE__ */ V("h2", {
-				style: {
-					margin: 0,
-					fontSize: 13,
-					fontWeight: 600,
-					overflow: "hidden",
-					textOverflow: "ellipsis",
-					whiteSpace: "nowrap",
-					color: "var(--text)"
-				},
-				children: fe
-			}), /* @__PURE__ */ H("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					gap: 6
-				},
-				children: [p && /* @__PURE__ */ V(t, {
-					icon: /* @__PURE__ */ V(e.back, { size: 14 }),
-					title: g("list.detail.back_to_list", "Back to list"),
-					onClick: p
-				}), b && (A ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(r, {
-					size: "xs",
-					icon: /* @__PURE__ */ V(e.x, { size: 12 }),
-					onClick: W,
-					children: g("dialog.cancel", "Cancel")
-				}), /* @__PURE__ */ V(r, {
-					kind: "primary",
-					size: "xs",
-					icon: O.isPending ? /* @__PURE__ */ V(d, { size: 12 }) : /* @__PURE__ */ V(e.save, { size: 12 }),
-					onClick: G,
-					disabled: O.isPending,
-					children: O.isPending ? g("dialog.saving", "Saving…") : g("dialog.save", "Save")
-				})] }) : /* @__PURE__ */ V(r, {
-					size: "xs",
-					icon: /* @__PURE__ */ V(e.edit, { size: 12 }),
-					onClick: ue,
-					children: g("list.record.edit", "Edit")
-				}))]
-			})]
-		}), /* @__PURE__ */ V("div", {
-			style: {
-				flex: 1,
-				overflowY: "auto",
-				paddingTop: 16,
-				paddingBottom: 16,
-				...te(16),
-				display: "flex",
-				flexDirection: "column",
-				gap: 12
-			},
-			children: o && o.length > 0 ? /* @__PURE__ */ V(M, {
-				nodes: o,
-				ctx: me
-			}) : /* @__PURE__ */ V("p", {
-				style: {
-					fontSize: 12.5,
-					color: "var(--text-3)"
-				},
-				children: h(g("list.detail.no_layout", "No layout configured. Add {key} to the screen definition."), { key: /* @__PURE__ */ V("code", { children: le }) })
-			})
-		})]
-	});
-}
-//#endregion
-export { U as SmartRecordListPage };