@declarion/react 0.65.1 → 0.66.0

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

@@ -1,795 +0,0 @@
-import { Ft as e, Pt as t, g as n, in as r, on as i, sn as a, wn as o, wt as s, xt as c, yn as l } from "./useCurrentScreen-BZOHBGQZ.js";
-import { t as u } from "./Icons-lt-7lhYR.js";
-import { n as d, r as f } from "./CopyButton-DRIT_f0k.js";
-import { A as p, Q as m, X as ee, _ as te, h } from "./PropertyGridEditor-XrP6TZ5s.js";
-import { t as ne } from "./useScreenBack-DENlz844.js";
-import { t as re } from "./page-inset-D_kkVwwN.js";
-import { g } from "./ActionRunner-DdBFhqGe.js";
-import { c as ie, n as _ } from "./useOwnRefresh-DJjaje52.js";
-import { n as v } from "./useObject-B45F96rC.js";
-import { f as y, g as b, h as x, p as S, u as ae } from "./variants-vUtfBbE6.js";
-import { n as oe, t as C } from "./payload-DioMoxMX.js";
-import { n as w, r as T } from "./useProperties-B7opZ-iy.js";
-import { _ as se, a as ce, g as E, m as D, n as O, o as k, t as A, u as j } from "./FilterChips-Cv1tlXyo.js";
-import { t as le } from "./LayoutRenderer-d-tXYPze.js";
-import { n as M, t as ue } from "./cardProjection-Cxlogzh8.js";
-import { a as de, i as fe, o as pe, r as me, t as he } from "./use-filter-value-labels-D3YDgUzg.js";
-import { useCallback as N, useEffect as P, useMemo as F, useRef as I, useState as L } from "react";
-import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
-import { useSearchParams as ge } from "react-router";
-//#region src/components/pages/SmartRecordListPage.impl.tsx
-var _e = 200, ve = "items:";
-function V({ screenCode: t }) {
-	let r = s(), i = s("errors"), [a, l] = ge(), { data: m, refetch: te } = e(), h = c(), [ie, _] = L(!1), v = m?.screens[t], y = v?.entity ? m?.entities[v.entity] : void 0, b = v?.entity;
-	k(v, y, a.toString()), ce(v?.route);
-	let x = ne(), S = a.get("selected") ?? null, ae = a.get("search") ?? "", oe = p(ae, 300), C = a.get("sort") ?? n(y, v?.sort_default) ?? "", w = F(() => D(a), [a]), { visibleFilterState: T, filterFieldMeta: le, allFilterFieldMeta: ve, filterFieldName: V } = pe(v, y, m?.entities, w.filters), U = T.filters, W = N((e) => {
-		l((t) => {
-			let n = new URLSearchParams(t);
-			return se(e, n), n;
-		}, { replace: !0 });
-	}, [l]), G = F(() => v?.columns ?? y?.fields.names().filter((e) => !y.fields.get(e)?.primary && !y.fields.get(e)?.auto && y.fields.get(e)?.display?.is_listable !== !1).slice(0, 4) ?? [], [v?.columns, y]), K = F(() => {
-		let e = v?.responsive?.[h.category]?.presentation;
-		return h.category === "phone" ? "drilldown" : e === "split" || e === "drilldown" || e === "stacked" ? e : "split";
-	}, [v?.responsive, h.category]), q = F(() => {
-		let e = v?.responsive?.[h.category];
-		return e?.list?.presentation === "table" || e?.list?.presentation === "cards" ? e.list.presentation : e?.presentation === "table" || e?.presentation === "cards" ? e.presentation : h.category === "phone" ? "cards" : "table";
-	}, [v?.responsive, h.category]), be = v?.responsive?.[h.category]?.layout?.related_records, xe = F(() => ue({
-		entity: y,
-		screen: v
-	}), [y, v]), Se = F(() => M({
-		entity: y,
-		screen: v,
-		presentation: q,
-		visibleColumns: G,
-		card: xe,
-		sort: C
-	}), [
-		y,
-		v,
-		q,
-		G,
-		xe,
-		C
-	]), J = fe({
-		entity: y,
-		entityCode: b,
-		screen: v,
-		screenCode: t,
-		page: 1,
-		perPage: _e,
-		sortForRequest: g(C),
-		debouncedSearch: oe,
-		filters: U,
-		includeDeleted: !1,
-		expand: Se.expandFields,
-		select: Se.selectFields,
-		isHeld: !y,
-		retryHeld: () => {
-			te();
-		},
-		runCountQuery: !1,
-		urlKey: `${b ?? ""}|${a.toString()}`
-	}), Ce = J.rows, we = J.refs, Te = J.isLoading, { labelFor: Ee, refs: De } = he(ve, U, we, m?.entities), Oe = F(() => y?.fields.names().find((e) => y.fields.get(e)?.primary) ?? "id", [y]), ke = N((e, t) => {
-		l((t) => {
-			let n = new URLSearchParams(t);
-			return e ? n.set("selected", e) : n.delete("selected"), n;
-		}, { replace: t?.replace ?? !0 });
-	}, [l]), Ae = N((e) => {
-		l((t) => {
-			let n = new URLSearchParams(t);
-			return e ? n.set("search", e) : n.delete("search"), n;
-		}, { replace: !0 });
-	}, [l]), Y = (v?.list_resizable ?? !1) && K === "split" && h.category !== "phone" && !h.touch, X = I(null), [Z, Q] = L(null), je = I(!1), $ = v?.list_width;
-	P(() => {
-		Y && $?.endsWith("%") && Q(null);
-	}, [
-		Y,
-		$,
-		h.width,
-		h.height
-	]), P(() => {
-		if (!Y || Z !== null) return;
-		let e = X.current;
-		if (e) {
-			if ($ && $.endsWith("%")) {
-				let t = parseFloat($) / 100;
-				Q(Math.round(e.getBoundingClientRect().width * t));
-			} else Q($ && parseInt($, 10) || 320);
-		}
-	}, [
-		Y,
-		$,
-		Z,
-		y
-	]);
-	let Me = I(null);
-	P(() => () => {
-		Me.current?.();
-	}, []);
-	let Ne = N((e) => {
-		e.preventDefault(), je.current = !0;
-		let t = e.clientX, n = Z ?? 320, r = (e) => {
-			if (!je.current) return;
-			let r = (X.current?.getBoundingClientRect().width ?? window.innerWidth) - 300, i = Math.max(200, Math.min(r, n + e.clientX - t));
-			Q(i);
-		}, i = () => {
-			je.current = !1, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", Me.current = null;
-		};
-		document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), Me.current = i;
-	}, [Z]);
-	if (!m || !v || !y) return null;
-	let Pe = j(U), Fe = K === "split" || K === "stacked" || !S, Ie = K === "split" || K === "stacked" || !!S, Le = K !== "split" && S ? () => ke(null, { replace: !0 }) : void 0, Re = K === "split" ? Y && Z !== null ? Z : v.list_width ?? "320px" : "100%";
-	return /* @__PURE__ */ B("div", {
-		ref: X,
-		"data-record-list-presentation": K,
-		style: {
-			display: "flex",
-			flexDirection: K === "stacked" ? "column" : "row",
-			height: "100%",
-			minWidth: 0,
-			overflow: "hidden"
-		},
-		children: [
-			Fe && /* @__PURE__ */ B("div", {
-				"data-testid": "record-list-panel",
-				style: {
-					flex: K === "split" ? "none" : "1 1 auto",
-					display: "flex",
-					flexDirection: "column",
-					overflow: "hidden",
-					borderRight: K === "split" && !Y ? "1px solid var(--divider)" : "none",
-					borderBottom: K === "stacked" ? "1px solid var(--divider)" : "none",
-					width: Re,
-					minWidth: 0,
-					height: K === "stacked" ? "50%" : "100%"
-				},
-				children: [/* @__PURE__ */ B("div", {
-					style: {
-						paddingTop: 12,
-						paddingBottom: 12,
-						...re(12),
-						display: "flex",
-						flexDirection: "column",
-						gap: 8,
-						borderBottom: "1px solid var(--divider)"
-					},
-					children: [
-						x.hasOriginBack && /* @__PURE__ */ B("div", {
-							style: {
-								display: "flex",
-								alignItems: "center",
-								gap: 8
-							},
-							children: [/* @__PURE__ */ z(d, {
-								icon: /* @__PURE__ */ z(u.back, { size: 14 }),
-								title: r("list.header.back", "Back"),
-								onClick: x.goBack
-							}), /* @__PURE__ */ z("span", {
-								style: {
-									fontSize: 12.5,
-									fontWeight: 600,
-									color: "var(--text)"
-								},
-								children: r(v.display?.name) || r(y.display.name_plural)
-							})]
-						}),
-						/* @__PURE__ */ z(ee, {
-							value: ae,
-							onChange: Ae,
-							placeholder: r("list.toolbar.search_placeholder", "Search {name}…", { name: r(y.display.name_plural) }),
-							prefix: /* @__PURE__ */ z(u.search, { size: 13 })
-						}),
-						w.error && /* @__PURE__ */ B("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: [
-								i(w.errorCode ?? "", w.error),
-								" ",
-								r("list.filters.invalid_suffix", "Showing this list without URL filters.")
-							]
-						}),
-						/* @__PURE__ */ B(f, {
-							size: "xs",
-							icon: /* @__PURE__ */ z(u.filter, { size: 12 }),
-							onClick: () => _(!0),
-							children: [r("filter.drawer.title", "Filters"), Pe > 0 ? ` (${Pe})` : ""]
-						}),
-						T.omitted && /* @__PURE__ */ z(de, {}),
-						/* @__PURE__ */ z(A, {
-							filters: U,
-							resolveValue: Ee,
-							fieldLabel: V,
-							onRemoveAtPath: (e) => W(E(U, e)),
-							onClearAll: () => W([]),
-							onChipClick: () => _(!0)
-						}),
-						/* @__PURE__ */ z("div", {
-							style: {
-								display: "flex",
-								alignItems: "center",
-								justifyContent: "space-between",
-								fontSize: 11,
-								color: "var(--text-3)"
-							},
-							children: /* @__PURE__ */ z("span", { children: Te ? r("list.records.loading", "Loading…") : J.isError ? i("list.rows_unreadable", "The records could not be loaded.") : r("list.records.count", "{count} {name}", {
-								count: Ce.length,
-								name: r(y.display.name_plural)
-							}) })
-						})
-					]
-				}), /* @__PURE__ */ z("div", {
-					style: {
-						flex: 1,
-						overflowY: "auto",
-						padding: q === "cards" ? 10 : 0,
-						display: q === "cards" ? "flex" : "block",
-						flexDirection: "column",
-						gap: q === "cards" ? 10 : void 0
-					},
-					children: Te ? /* @__PURE__ */ z("div", {
-						style: {
-							padding: 12,
-							display: "flex",
-							flexDirection: "column",
-							gap: 6
-						},
-						children: Array.from({ length: 8 }).map((e, t) => /* @__PURE__ */ z("div", { style: {
-							height: 48,
-							borderRadius: 6,
-							background: "var(--surface-3)"
-						} }, t))
-					}) : J.isError ? /* @__PURE__ */ B("div", {
-						role: "alert",
-						style: {
-							padding: 16,
-							color: "var(--text-2)"
-						},
-						children: [me(r, i, y, J.error), /* @__PURE__ */ z(f, {
-							size: "xs",
-							onClick: () => {
-								J.retry();
-							},
-							children: r("list.rows.retry", "Retry")
-						})]
-					}) : Ce.length === 0 ? /* @__PURE__ */ z("div", {
-						style: {
-							padding: 28,
-							textAlign: "center",
-							fontSize: 12.5,
-							color: "var(--text-3)"
-						},
-						children: r("list.records.none", "No records found")
-					}) : /* @__PURE__ */ B(R, { children: [Ce.map((e) => {
-						let t = o(e[Oe]);
-						return /* @__PURE__ */ z(H, {
-							record: e,
-							entity: y,
-							columns: G,
-							card: xe,
-							presentation: q,
-							refs: we,
-							isSelected: t === S,
-							onClick: () => ke(t, { replace: K === "split" })
-						}, t);
-					}), J.isCursor && J.hasMorePages && /* @__PURE__ */ z("button", {
-						type: "button",
-						"data-testid": "record-list-load-more",
-						onClick: J.fetchNextPage,
-						disabled: J.isFetchingNextPage,
-						style: {
-							width: "100%",
-							padding: "8px 12px",
-							fontSize: 12,
-							background: "transparent",
-							border: "none",
-							borderTop: "1px solid var(--divider)",
-							color: "var(--text-2)",
-							cursor: J.isFetchingNextPage ? "default" : "pointer"
-						},
-						children: J.isFetchingNextPage ? r("list.records.loading", "Loading…") : r("list.footer.load_more", "Load more")
-					})] })
-				})]
-			}),
-			Y && /* @__PURE__ */ z("div", {
-				"data-testid": "record-list-resize-handle",
-				onMouseDown: Ne,
-				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)"
-			}),
-			Ie && /* @__PURE__ */ B("div", {
-				"data-testid": "record-detail-panel",
-				style: {
-					flex: 1,
-					display: "flex",
-					flexDirection: "column",
-					minWidth: 0,
-					overflow: "hidden",
-					height: K === "stacked" ? "50%" : "100%"
-				},
-				children: [!Fe && T.omitted && /* @__PURE__ */ z(de, { className: "p-4" }), /* @__PURE__ */ z("div", {
-					style: {
-						flex: 1,
-						minHeight: 0
-					},
-					children: S ? /* @__PURE__ */ z(ye, {
-						entityCode: b,
-						recordId: S,
-						items: v.items,
-						schema: m,
-						entity: y,
-						onBackToList: Le,
-						onOpenFilters: Fe ? void 0 : () => _(!0),
-						relatedRecordsPresentation: be
-					}, S) : /* @__PURE__ */ z("div", {
-						style: {
-							display: "flex",
-							alignItems: "center",
-							justifyContent: "center",
-							height: "100%",
-							color: "var(--text-3)"
-						},
-						children: /* @__PURE__ */ z("p", {
-							style: { fontSize: 12.5 },
-							children: r("list.detail.select_prompt", "Select a {name} to view details", { name: r(y.display.name) })
-						})
-					})
-				})]
-			}),
-			/* @__PURE__ */ z(O, {
-				open: ie,
-				onClose: () => _(!1),
-				filters: U,
-				onApply: W,
-				availableFields: le,
-				allFields: ve,
-				fieldLabel: V,
-				resolveValue: Ee,
-				defaultFilters: v.default_filters,
-				refs: De
-			})
-		]
-	});
-}
-function H({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a, isSelected: o, onClick: c }) {
-	let l = s();
-	if (i === "cards") {
-		let n = r.badgeFields.filter((n) => x(t, e, n)), i = r.bodyFields.filter((n) => x(t, e, n)), s = r.metaFields.filter((n) => x(t, e, n));
-		return /* @__PURE__ */ B("button", {
-			type: "button",
-			"data-testid": "record-list-card",
-			"aria-current": o ? "true" : void 0,
-			onClick: c,
-			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__ */ z(U, {
-					entity: t,
-					record: e,
-					field: r.titleField,
-					refs: a
-				}),
-				r.subtitleField && /* @__PURE__ */ z("div", {
-					style: {
-						fontSize: 12,
-						color: "var(--text-3)",
-						overflowWrap: "anywhere"
-					},
-					children: S({
-						entity: t,
-						fieldName: r.subtitleField,
-						record: e,
-						mode: "display",
-						refs: a,
-						t: l
-					})
-				}),
-				n.length > 0 && /* @__PURE__ */ z("div", {
-					style: {
-						display: "flex",
-						flexWrap: "wrap",
-						gap: 6
-					},
-					children: n.map((n) => /* @__PURE__ */ z("span", {
-						style: {
-							border: "1px solid var(--border)",
-							borderRadius: 999,
-							padding: "2px 7px",
-							fontSize: 11,
-							color: "var(--text-2)",
-							maxWidth: "100%",
-							overflowWrap: "anywhere"
-						},
-						children: S({
-							entity: t,
-							fieldName: n,
-							record: e,
-							mode: "display",
-							refs: a,
-							t: l
-						})
-					}, n))
-				}),
-				i.length > 0 && /* @__PURE__ */ z("dl", {
-					style: {
-						display: "grid",
-						gridTemplateColumns: "minmax(72px, max-content) minmax(0, 1fr)",
-						gap: "5px 10px",
-						margin: 0
-					},
-					children: i.map((n) => /* @__PURE__ */ z(W, {
-						entity: t,
-						record: e,
-						fieldName: n,
-						refs: a
-					}, n))
-				}),
-				s.length > 0 && /* @__PURE__ */ z("div", {
-					style: {
-						display: "flex",
-						flexWrap: "wrap",
-						gap: 8,
-						fontSize: 11,
-						color: "var(--text-3)"
-					},
-					children: s.map((n) => /* @__PURE__ */ z("span", {
-						style: {
-							minWidth: 0,
-							overflowWrap: "anywhere"
-						},
-						children: S({
-							entity: t,
-							fieldName: n,
-							record: e,
-							mode: "display",
-							refs: a,
-							t: l
-						})
-					}, n))
-				})
-			]
-		});
-	}
-	let u = n[0], d = n[1], f = n.slice(2, 4);
-	return /* @__PURE__ */ B("button", {
-		onClick: c,
-		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: [u && /* @__PURE__ */ z("div", {
-			style: {
-				fontSize: 12.5,
-				fontWeight: 500,
-				overflow: "hidden",
-				textOverflow: "ellipsis",
-				whiteSpace: "nowrap",
-				color: "var(--text)"
-			},
-			children: S({
-				entity: t,
-				fieldName: u,
-				record: e,
-				mode: "display",
-				refs: a,
-				t: l
-			})
-		}), /* @__PURE__ */ B("div", {
-			style: {
-				display: "flex",
-				alignItems: "center",
-				gap: 6
-			},
-			children: [d && /* @__PURE__ */ z("div", {
-				style: {
-					fontSize: 11,
-					color: "var(--text-3)",
-					flex: 1,
-					overflow: "hidden",
-					textOverflow: "ellipsis",
-					whiteSpace: "nowrap"
-				},
-				children: S({
-					entity: t,
-					fieldName: d,
-					record: e,
-					mode: "display",
-					refs: a,
-					t: l
-				})
-			}), /* @__PURE__ */ z("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					gap: 4,
-					flexShrink: 0
-				},
-				children: f.map((n) => y(t, e, n) == null ? null : /* @__PURE__ */ z("div", {
-					style: { fontSize: 11 },
-					children: S({
-						entity: t,
-						fieldName: n,
-						record: e,
-						mode: "display",
-						refs: a,
-						t: l
-					})
-				}, n))
-			})]
-		})]
-	});
-}
-function U({ entity: e, record: t, field: n, refs: r }) {
-	let i = s(), o = a(i, t, e), c = n ? S({
-		entity: e,
-		fieldName: n,
-		record: t,
-		mode: "display",
-		refs: r,
-		t: i
-	}) : o;
-	return /* @__PURE__ */ z("div", {
-		style: {
-			fontSize: 13.5,
-			fontWeight: 600,
-			color: "var(--text)",
-			overflowWrap: "anywhere"
-		},
-		children: c || i(e.display.name)
-	});
-}
-function W({ entity: e, record: t, fieldName: n, refs: r }) {
-	let a = s(), o = y(e, t, n);
-	if (o == null || o === "") return null;
-	let c = e.fields.get(n);
-	return c ? /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z("dt", {
-		style: {
-			color: "var(--text-3)",
-			fontSize: 11.5,
-			minWidth: 0,
-			overflowWrap: "anywhere"
-		},
-		children: i(a, c, n)
-	}), /* @__PURE__ */ z("dd", {
-		style: {
-			margin: 0,
-			color: "var(--text)",
-			fontSize: 12,
-			minWidth: 0,
-			overflowWrap: "anywhere"
-		},
-		children: S({
-			entity: e,
-			fieldName: n,
-			record: t,
-			mode: "display",
-			refs: r,
-			t: a
-		})
-	})] }) : null;
-}
-function ye({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBackToList: a, onOpenFilters: o, relatedRecordsPresentation: s }) {
-	return /* @__PURE__ */ z(h, { children: /* @__PURE__ */ z(G, {
-		entityCode: e,
-		recordId: t,
-		items: n,
-		schema: r,
-		entity: i,
-		onBackToList: a,
-		onOpenFilters: o,
-		relatedRecordsPresentation: s
-	}) });
-}
-function G({ entityCode: e, recordId: n, items: i, schema: c, entity: p, onBackToList: ee, onOpenFilters: h, relatedRecordsPresentation: ne }) {
-	let g = s(), x = r(p, "update"), S = F(() => n ? l(p, n) : void 0, [n, p]), { data: se, isLoading: ce } = v(e, S), E = ie(e), D = te(), [O, k] = L(!1), [A, j] = L({}), M = se?.data, ue = M?.$statuses, de = M?.$properties, fe = T(e, n), pe = w(e, n), me = F(() => {
-		let e = /* @__PURE__ */ new Set();
-		for (let [t, n] of p.fields) !n.auto && !n.primary && e.add(t);
-		for (let [t] of p.files ?? []) e.add(t);
-		return e;
-	}, [p]), he = N(() => {
-		if (M) {
-			let e = {};
-			me.forEach((t) => {
-				let n = y(p, M, t);
-				e[t] = ae(p, t) ? n ?? null : n ?? "";
-			}), j(e);
-		}
-		k(!0);
-	}, [
-		M,
-		me,
-		p
-	]), P = N(async () => {
-		await D.flushAllDrafts(), k(!1), j({});
-	}, [D]), I = N(() => {
-		let e = {}, t = C({
-			entity: p,
-			formData: A,
-			record: M,
-			isNew: !1
-		}), r = oe(t);
-		for (let [t, n] of Object.entries(A)) p.files?.has(t) || (e[t] = b(p, t, n));
-		Object.keys(t).length > 0 && (e.$files = t), Object.keys(e).length === 0 ? (k(!1), j({})) : E.mutate({
-			pkValues: n,
-			data: e
-		}, { onSuccess: () => {
-			r.forEach((e) => D.markCommitted(e)), k(!1), j({});
-		} });
-	}, [
-		D,
-		E,
-		n,
-		p,
-		A,
-		M
-	]), ge = N((e, t) => {
-		j((n) => ({
-			...n,
-			[e]: t
-		}));
-	}, []);
-	if (ce) return /* @__PURE__ */ z(_, {});
-	if (!M) return null;
-	let _e = a(g, M, p), V = p.display?.display_field, H = _e ? void 0 : V ? M[V] : M[p.fields.names()[0]], U = _e || (H != null && typeof H != "object" ? o(H) : g(p.display.name)), W = M?.$refs, ye = {
-		schema: c,
-		entity: p,
-		entityCode: e,
-		recordId: n,
-		record: O ? {
-			...M,
-			...A
-		} : M,
-		isNew: !1,
-		mode: O ? "edit" : "display",
-		onFieldChange: O ? ge : void 0,
-		refs: W,
-		objectProperties: de ?? void 0,
-		onSetProperty: x ? (e, t) => pe.mutate({
-			propertyCode: e,
-			value: t
-		}) : void 0,
-		isPropertyPending: pe.isPending,
-		objectStatuses: ue ?? void 0,
-		onSetStatus: x ? (e, t) => fe.mutate({
-			groupCode: e,
-			statusCode: t
-		}) : void 0,
-		isStatusPending: fe.isPending,
-		relatedRecordsPresentation: ne
-	};
-	return /* @__PURE__ */ B("div", {
-		style: {
-			display: "flex",
-			flexDirection: "column",
-			height: "100%"
-		},
-		children: [/* @__PURE__ */ B("div", {
-			style: {
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "space-between",
-				paddingTop: 10,
-				paddingBottom: 10,
-				...re(16),
-				borderBottom: "1px solid var(--divider)",
-				position: "sticky",
-				top: 0,
-				background: "var(--surface)",
-				zIndex: 10
-			},
-			children: [/* @__PURE__ */ z("h2", {
-				style: {
-					margin: 0,
-					fontSize: 13,
-					fontWeight: 600,
-					overflow: "hidden",
-					textOverflow: "ellipsis",
-					whiteSpace: "nowrap",
-					color: "var(--text)"
-				},
-				children: U
-			}), /* @__PURE__ */ B("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					gap: 6
-				},
-				children: [
-					ee && /* @__PURE__ */ z(d, {
-						icon: /* @__PURE__ */ z(u.back, { size: 14 }),
-						title: g("list.detail.back_to_list", "Back to list"),
-						onClick: ee
-					}),
-					h && /* @__PURE__ */ z(d, {
-						icon: /* @__PURE__ */ z(u.filter, { size: 14 }),
-						title: g("filter.drawer.title", "Filters"),
-						onClick: h
-					}),
-					x && (O ? /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(f, {
-						size: "xs",
-						icon: /* @__PURE__ */ z(u.x, { size: 12 }),
-						onClick: P,
-						children: g("dialog.cancel", "Cancel")
-					}), /* @__PURE__ */ z(f, {
-						kind: "primary",
-						size: "xs",
-						icon: E.isPending ? /* @__PURE__ */ z(m, { size: 12 }) : /* @__PURE__ */ z(u.save, { size: 12 }),
-						onClick: I,
-						disabled: E.isPending,
-						children: E.isPending ? g("dialog.saving", "Saving…") : g("dialog.save", "Save")
-					})] }) : /* @__PURE__ */ z(f, {
-						size: "xs",
-						icon: /* @__PURE__ */ z(u.edit, { size: 12 }),
-						onClick: he,
-						children: g("list.record.edit", "Edit")
-					}))
-				]
-			})]
-		}), /* @__PURE__ */ z("div", {
-			style: {
-				flex: 1,
-				overflowY: "auto",
-				paddingTop: 16,
-				paddingBottom: 16,
-				...re(16),
-				display: "flex",
-				flexDirection: "column",
-				gap: 12
-			},
-			children: i && i.length > 0 ? /* @__PURE__ */ z(le, {
-				nodes: i,
-				ctx: ye
-			}) : /* @__PURE__ */ z("p", {
-				style: {
-					fontSize: 12.5,
-					color: "var(--text-3)"
-				},
-				children: t(g("list.detail.no_layout", "No layout configured. Add {key} to the screen definition."), { key: /* @__PURE__ */ z("code", { children: ve }) })
-			})
-		})]
-	});
-}
-//#endregion
-export { V as SmartRecordListPage };