@declarion/react 0.65.1 → 0.66.0

package/dist-lib/components/pages/SmartListPage.impl.js

@@ -0,0 +1,708 @@
+import { coerceDisplayString as e } from "../../lib/display-value.js";
+import { buildDetailHrefFromId as t, entityAllowsMutation as n, pkValuesToDetailId as ee } from "../../types/schema.js";
+import { useEmbed as r } from "../../embed/EmbedContext.js";
+import { useFirstScreenSettled as i } from "../../lib/capabilityPrefetch.js";
+import { useAuthStore as a } from "../../stores/auth.js";
+import { useSchema as te } from "../../hooks/useSchema.js";
+import { useText as ne } from "../../hooks/useText.js";
+import { useResponsiveMode as re } from "../../hooks/useResponsiveMode.js";
+import { executeAction as ie } from "../../api/data.js";
+import { usePreferencesStore as ae } from "../../stores/preferences.js";
+import { useTabStore as oe } from "../../stores/tabs.js";
+import { useTabNavigate as se } from "../../hooks/useTabNavigate.js";
+import { filterUnavailableMutationActions as ce, getScreenActions as le } from "../../lib/actions.js";
+import { useScreenIsLive as ue } from "../../stores/realtime.js";
+import { useDebounce as de } from "../../hooks/useDebounce.js";
+import { FileDraftScope as o, useFileDraftScope as fe } from "../file-widgets/draft-scope.js";
+import { getSchemaFieldValue as pe, serializeSchemaFieldValue as me } from "../file-widgets/host.js";
+import { buildFilesPayload as he, collectCommittedFileIds as ge } from "../file-widgets/payload.js";
+import { resolveCellRenderer as _e } from "../fields/cells/registry.js";
+import { useUpdateObject as ve } from "../../hooks/useMutations.js";
+import { countActiveFilters as ye, parseFilterURLState as be, removeFilterAtPath as xe } from "../../lib/filters.js";
+import { useFilters as Se } from "../../hooks/useFilters.js";
+import { useRegisterScreenTab as Ce } from "../../hooks/useRegisterScreenTab.js";
+import { useTabSearchMirror as we } from "../../hooks/useTabSearchMirror.js";
+import { useSavedScrollOffset as Te, useVirtualScrollRestoration as Ee } from "../../lib/scroll-restoration.js";
+import { FilterDrawer as De } from "../filters/FilterDrawer.js";
+import { FilterChips as Oe } from "../filters/FilterChips.js";
+import { effectiveScreenForRecord as ke } from "../../lib/variants.js";
+import { QuickPeek as Ae } from "../list/QuickPeek.js";
+import { clearPeekDraft as je } from "../list/peekDraftStore.js";
+import { resolveCard as Me, resolveListProjection as Ne, resolveVariantRenderFields as Pe } from "./list/cardProjection.js";
+import { useActiveView as Fe } from "./list/useActiveView.js";
+import { listTableFeatures as Ie } from "./list/table-features.js";
+import "./list/page-size.js";
+import { useListFilterPresentation as Le } from "./list/useListFilterPresentation.js";
+import { FilterOmittedNotice as Re } from "../filters/FilterOmittedNotice.js";
+import { useListQuery as ze } from "./list/useListQuery.js";
+import { useListSort as Be } from "./list/useListSort.js";
+import { rowSelectionKey as Ve, useListSelection as He } from "./list/useListSelection.js";
+import { useListColumnLayout as Ue } from "./list/useListColumnLayout.js";
+import { useListRowInteraction as We } from "./list/useListRowInteraction.js";
+import { buildColumnSizeVars as Ge } from "./list/column-sizing.js";
+import { ListTable as Ke } from "./list/ListTable.js";
+import { ListTableRow as qe } from "./list/ListTableRow.js";
+import { ListNoRows as Je } from "./list/ListNoRows.js";
+import { ListFooter as Ye } from "./list/ListFooter.js";
+import { ListToolbar as Xe } from "./list/ListToolbar.js";
+import { overwritableViewName as Ze, useListViews as Qe } from "./list/useListViews.js";
+import { DeleteViewDialog as $e } from "./list/DeleteViewDialog.js";
+import { ListUrlBanner as et } from "./list/ListUrlBanner.js";
+import { useFilterValueLabels as tt } from "./list/use-filter-value-labels.js";
+import { SaveViewDialog as nt } from "./list/SaveViewDialog.js";
+import { ListHeader as rt } from "./list/ListHeader.js";
+import { ListFloatbar as it } from "./list/ListFloatbar.js";
+import { buildListColumns as at } from "./list/columns.js";
+import { RowContextMenu as ot } from "./list/RowContextMenu.js";
+import { useHeaderReorder as st } from "./list/useHeaderReorder.js";
+import { Suspense as ct, lazy as s, useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { Fragment as lt, jsx as p, jsxs as ut } from "react/jsx-runtime";
+import { useSearchParams as dt } from "react-router";
+import { useTable as ft } from "@tanstack/react-table";
+import { useVirtualizer as pt } from "@tanstack/react-virtual";
+//#region src/components/pages/SmartListPage.impl.tsx
+var mt = s(() => import("./list/ListCardsBody.js").then((e) => ({ default: e.ListCardsBody })));
+function ht({ screenCode: e }) {
+	return /* @__PURE__ */ p(o, { children: /* @__PURE__ */ p(m, { screenCode: e }) });
+}
+var gt = [];
+function m({ screenCode: o }) {
+	let s = ne(), ht = ne("errors"), m = se(), [h, g] = dt(), { data: _ } = te(), [_t, v] = f(!1), [vt, y] = f(!1), [yt, bt] = f(null), xt = a((e) => e.user), St = a((e) => e.activeTenant), Ct = fe(), b = _?.screens[o], x = b?.entity ? _?.entities[b.entity] : void 0, S = b?.entity, wt = n(x, "create"), C = n(x, "update"), Tt = n(x, "delete"), w = _?.actions, T = u(() => ce(le(x?.actions, b?.actions, "list_toolbar", w), x), [
+		x,
+		b?.actions,
+		w
+	]), E = u(() => ce(le(x?.actions, void 0, "list_floatbar", w), x), [x, w]), D = u(() => {
+		let e = /* @__PURE__ */ new Map(), t = (t) => {
+			for (let n of le(x?.actions, t, "list_row", w)) e.set(n.code, n);
+		};
+		t(b?.row_actions);
+		for (let e of b?.variants?.items() ?? []) e.row_actions !== void 0 && t(e.row_actions);
+		return ce([...e.values()], x);
+	}, [
+		x,
+		b,
+		w
+	]), Et = b?.row_actions !== void 0, Dt = u(() => E.length > 0 || x?.export?.enabled !== !1 && b?.export?.enabled !== !1, [
+		E,
+		x?.export?.enabled,
+		b?.export?.enabled
+	]), Ot = !!x?.soft_delete, kt = Ot && (xt?.permissions ?? []).some((e) => e === "feature:view_deleted" || e === "feature:*" || e === "*"), At = kt && h.get("include_deleted") === "true", jt = r(), { openTab: Mt, updateTabSearch: Nt, findTabByPathname: Pt } = oe();
+	Ce(b, x, h.toString()), we(b?.route);
+	let Ft = c((e) => {
+		if (!b?.route || !x || jt.enabled) return;
+		let t = Pt(b.route);
+		t ? Nt(t.id, e) : Mt({
+			pathname: b.route,
+			search: e,
+			title: s(b.display?.name) || s(x.display.name_plural),
+			icon: b.display?.icon || x.display.icon,
+			closable: !0
+		});
+	}, [
+		s,
+		b,
+		x,
+		jt.enabled,
+		Pt,
+		Nt,
+		Mt
+	]), O = parseInt(h.get("page") ?? "1", 10), k = (() => {
+		let e = parseInt(h.get("per_page") ?? "", 10);
+		return !Number.isFinite(e) || e <= 0 || e > 1e3 ? 200 : e;
+	})(), It = h.get("search") ?? "", Lt = u(() => {
+		let e = be(h);
+		return e.error === null ? null : ht(e.errorCode ?? "", e.error);
+	}, [ht, h]), A = Fe({
+		screenCode: o,
+		screen: b,
+		entity: x,
+		searchParams: h,
+		setSearchParams: g,
+		userId: xt?.id,
+		tenantId: St?.id,
+		filterError: !!Lt
+	}), { filters: Rt, columns: zt, sort: Bt } = A.defaults, { filters: Vt, setFilters: j, clearFilters: Ht } = Se({ defaults: Rt }), { visibleFilterState: Ut, filterFieldMeta: Wt, allFilterFieldMeta: Gt, filterFieldName: Kt } = Le(b, x, _?.entities, Vt), M = Ut.filters, qt = ye(M), Jt = c(() => j(gt), [j]), Yt = Be({
+		searchParams: h,
+		setSearchParams: g,
+		defaultSort: Bt,
+		commitScreenTabSearch: Ft
+	}), { cols: Xt, nullsByField: Zt, value: Qt, forRequest: $t, tableSorting: en, write: tn, applyColumn: nn, shiftClickColumn: rn, appendColumn: an, clearColumn: on, clearAll: sn } = Yt, cn = Ue({
+		screenCode: o,
+		screen: b,
+		searchParams: h,
+		setSearchParams: g,
+		defaultColumns: zt
+	}), { visible: N, sizing: ln, setSizing: un, apply: dn, commitResize: fn } = cn, pn = Qe({
+		screenCode: o,
+		screen: b,
+		entity: x,
+		searchParams: h,
+		setSearchParams: g,
+		userId: xt?.id,
+		tenantId: St?.id,
+		all: A.all,
+		activeId: A.activeId,
+		active: A.active,
+		clearedKey: A.clearedKey,
+		filters: Vt,
+		visibleColumns: N,
+		sort: Qt
+	}), { active: P, saveAsNew: mn, overwriteActive: hn, isSaving: gn } = pn, _n = de(It, 300), F = re(), I = u(() => {
+		let e = b?.responsive?.[F.category]?.presentation;
+		return e === "table" || e === "cards" ? e : F.category === "phone" ? "cards" : "table";
+	}, [b?.responsive, F.category]), vn = u(() => Me({
+		entity: x,
+		screen: b,
+		savedViewColumns: P?.columns
+	}), [
+		x,
+		b,
+		P?.columns
+	]), yn = u(() => Ne({
+		entity: x,
+		screen: b,
+		presentation: I,
+		visibleColumns: N,
+		card: vn,
+		rowActions: D,
+		toolbarActions: T,
+		bulkActions: E,
+		sort: Xt,
+		screens: _?.screens
+	}), [
+		x,
+		b,
+		I,
+		N,
+		vn,
+		D,
+		T,
+		E,
+		Xt,
+		_?.screens
+	]), bn = ze({
+		entity: x,
+		entityCode: S,
+		screen: b,
+		screenCode: o,
+		page: O,
+		perPage: k,
+		sortForRequest: $t,
+		debouncedSearch: _n,
+		filters: M,
+		isHeld: A.isHeld,
+		retryHeld: A.retryViews,
+		includeDeleted: At,
+		expand: yn.expandFields,
+		select: yn.selectFields,
+		runCountQuery: !0,
+		urlKey: `${S ?? ""}|${h.toString()}`
+	}), { rows: L, meta: xn, refs: Sn, isLoading: Cn, isFetching: wn, isShowingPreviousRows: Tn, isError: En, error: Dn, isLoadingStale: On, retry: kn, countTotal: An, countStrategy: jn, countLoading: Mn, countError: Nn, totalPages: R, hasMorePages: Pn, isCursor: Fn, fetchNextPage: In, isFetchingNextPage: Ln } = bn;
+	i(!Cn);
+	let Rn = He(x, L, wn), { state: zn, setState: z, ids: B, pkValues: Bn, rows: Vn, keyOf: V } = Rn, Hn = ue(x?.realtime, S ?? ""), Un = ve(S ?? ""), H = d(Sn);
+	H.current = Sn;
+	let Wn = u(() => {
+		let e = /* @__PURE__ */ new Map();
+		if (!x) return e;
+		for (let t of Pe(x, b, P?.columns)) {
+			if (t.startsWith("$") || x.files?.get(t)) continue;
+			let n = x.fields.get(t);
+			n && e.set(t, _e({
+				field: n,
+				fieldName: t,
+				surface: "list",
+				entity: x,
+				entityCode: S,
+				entities: _?.entities,
+				screens: _?.screens,
+				refs: () => H.current,
+				t: s
+			}));
+		}
+		return e;
+	}, [
+		x,
+		S,
+		b,
+		P?.columns,
+		_?.entities,
+		_?.screens,
+		H,
+		s
+	]), { labelFor: Gn, refs: Kn } = tt(Gt, M, Sn, _?.entities), U = We({
+		entity: x,
+		screen: b,
+		screens: _?.screens,
+		entities: _?.entities,
+		searchParams: h,
+		tabNavigate: m,
+		commitScreenTabSearch: Ft,
+		isPhone: F.category === "phone",
+		canUpdate: C
+	}), { peekAllowed: W, peekRow: G, setPeekRow: K, peekFields: qn, peekActions: Jn, peekExecute: Yn, contextMenu: q, setContextMenu: Xn } = U, J = u(() => !b || !x ? !1 : t(b, "_", x, _?.screens) !== null, [
+		b,
+		x,
+		_?.screens
+	]), Zn = u(() => at({
+		visibleCols: N,
+		entity: x,
+		screen: b,
+		schema: _,
+		entityCode: S,
+		rowActions: D,
+		hasBatchActions: Dt,
+		hasExplicitRowActions: Et,
+		canUpdate: C,
+		canDelete: Tt,
+		peekEnabled: W,
+		hasDetailTarget: J,
+		t: s,
+		tabNavigate: m,
+		refsRef: H,
+		rowSelectionKey: Ve,
+		setPeekRow: K
+	}), [
+		b,
+		x,
+		N,
+		m,
+		Dt,
+		D,
+		Et,
+		S,
+		W,
+		J,
+		_,
+		s,
+		C,
+		Tt,
+		H,
+		K
+	]), Y = ft({
+		features: Ie,
+		data: L,
+		columns: Zn,
+		manualSorting: !0,
+		enableColumnResizing: !0,
+		columnResizeMode: "onChange",
+		onColumnSizingChange: un,
+		state: {
+			sorting: en,
+			rowSelection: zn,
+			columnSizing: ln
+		},
+		onSortingChange: (e) => {
+			let t = (typeof e == "function" ? e(en) : e).slice(0, 5);
+			if (t.length === 0) {
+				tn([]);
+				return;
+			}
+			let n = t.map((e) => {
+				let t = Zt.get(e.id);
+				return {
+					field: e.id,
+					dir: e.desc ? "desc" : "asc",
+					...t ? { nulls: t } : {}
+				};
+			});
+			tn(n);
+		},
+		onRowSelectionChange: z,
+		getRowId: V
+	}), X = Y.state.columnResizing.isResizingColumn, Qn = d(!1);
+	l(() => {
+		let e = !!Qn.current && !X;
+		Qn.current = X, e && fn(Y.state.columnSizing);
+	}, [
+		X,
+		fn,
+		Y
+	]);
+	let $n = Ge(Y), er = Y.getTotalSize();
+	l(() => {
+		let e = (e) => {
+			let t = e.target?.tagName;
+			t === "INPUT" || t === "TEXTAREA" || t === "SELECT" ? e.key === "Escape" && (e.target.blur(), v(!1)) : (e.key === "/" && !e.metaKey && !e.ctrlKey && (e.preventDefault(), document.querySelector("[placeholder*=\"Search\"]")?.focus()), e.key === "f" && !e.metaKey && !e.ctrlKey && (e.preventDefault(), v((e) => !e)), e.key === "Escape" && v(!1));
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, []);
+	let Z = d(null), { rows: Q } = Y.getRowModel(), tr = d(null), nr = st({
+		visibleCols: N,
+		onReorder: dn,
+		scrollElRef: Z,
+		theadRef: tr
+	}), rr = ae((e) => e.density), ir = ae((e) => e.zebra), ar = Te(), $ = pt({
+		count: Q.length,
+		getScrollElement: () => Z.current,
+		estimateSize: () => I === "cards" ? 142 : 48,
+		overscan: 10,
+		initialOffset: ar
+	}), or = u(() => Q.map((e) => e.id), [Q]);
+	Ee({
+		virtualizer: $,
+		scrollElementRef: Z,
+		rowKeys: or
+	}), l(() => {
+		$.measure();
+	}, [rr, $]), l(() => {
+		$.measure();
+	}, [
+		F.width,
+		F.height,
+		I,
+		$
+	]);
+	let sr = c((e) => {
+		g((t) => {
+			let n = new URLSearchParams(t);
+			return e ? n.set("search", e) : n.delete("search"), n.set("page", "1"), n;
+		});
+	}, [g]), cr = c(() => {
+		g((e) => {
+			let t = new URLSearchParams(e);
+			return t.get("include_deleted") ? t.delete("include_deleted") : t.set("include_deleted", "true"), t.set("page", "1"), t;
+		});
+	}, [g]), lr = c((e) => {
+		g((t) => {
+			let n = new URLSearchParams(t);
+			return n.set("page", String(e)), n;
+		});
+	}, [g]);
+	l(() => {
+		R !== void 0 && O > R && lr(R);
+	}, [
+		R,
+		O,
+		lr
+	]);
+	let ur = c((e) => {
+		g((t) => {
+			let n = new URLSearchParams(t);
+			return n.set("per_page", String(e)), n.set("page", "1"), n;
+		});
+	}, [g]);
+	if (!b || !x) return null;
+	let dr = x.display, fr = s(b.display?.name) || s(dr.name), pr = b.display?.icon || dr.icon, mr = s(b.display?.description) || s(dr.description), hr = F.category === "phone", gr = I === "cards", _r = Bn.map((e) => ee(x, e)), vr = {
+		entity: x,
+		entityCode: S ?? "",
+		screen: b,
+		screenRoute: b.route,
+		selectedRows: Vn,
+		selectedIds: _r,
+		t: s,
+		tabNavigate: (e, t) => m(e, {
+			title: t?.title,
+			icon: t?.icon,
+			search: t?.search
+		}),
+		runActionApi: (e, t) => ie(e, t)
+	};
+	return /* @__PURE__ */ ut("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			height: "100%",
+			background: "var(--background)"
+		},
+		children: [
+			/* @__PURE__ */ ut(lt, { children: [
+				/* @__PURE__ */ p(rt, {
+					title: fr,
+					description: mr,
+					toolbarActions: T,
+					screenActionLayout: b.action_layout,
+					entityActionLayout: x.action_layout,
+					selectedIds: B,
+					data: L,
+					rowKey: V,
+					onActionSuccess: () => z({}),
+					widgetContext: vr
+				}),
+				/* @__PURE__ */ p(Xe, {
+					screen: b,
+					entity: x,
+					entityCode: S,
+					schema: _,
+					screenCode: o,
+					screenName: fr,
+					isPhone: hr,
+					isCardsPresentation: gr,
+					sort: Yt,
+					columns: cn,
+					views: pn,
+					query: bn,
+					selection: Rn,
+					filters: {
+						json: M,
+						debouncedSearch: _n,
+						count: qt,
+						onOpen: () => v(!0)
+					},
+					searchValue: It,
+					onSearchChange: sr,
+					onSaveView: () => y(!0),
+					onDeleteView: bt,
+					page: O,
+					perPage: k,
+					includeDeleted: At,
+					canViewDeleted: kt,
+					onToggleDeleted: cr,
+					realtime: x?.realtime === !0,
+					isLive: Hn
+				}),
+				/* @__PURE__ */ p(et, {
+					filterError: Lt,
+					unresolvedViewId: A.isUnresolved ? A.activeId : null,
+					onClearFilters: Ht,
+					onClearView: A.clearActiveView
+				}),
+				Ut.omitted && /* @__PURE__ */ p(Re, { className: "px-5 pb-2.5" }),
+				M.length > 0 && /* @__PURE__ */ p("div", {
+					style: { padding: "0 20px 10px" },
+					children: /* @__PURE__ */ p(Oe, {
+						filters: M,
+						resolveValue: Gn,
+						onRemoveAtPath: (e) => j(xe(M, e)),
+						onClearAll: Jt,
+						onChipClick: () => v(!0),
+						fieldLabel: Kt
+					})
+				})
+			] }),
+			/* @__PURE__ */ p(Je, {
+				isLoading: Cn,
+				tableLoadingStale: On,
+				isError: En,
+				error: Dn,
+				rowCount: L.length,
+				entity: x,
+				screen: b,
+				screenName: fr,
+				screenIcon: pr,
+				isFiltered: !!_n || qt > 0,
+				canCreate: wt,
+				toolbarActions: T,
+				onRetry: kn
+			}),
+			Cn || En || L.length === 0 ? null : /* @__PURE__ */ p("div", {
+				style: {
+					flex: 1,
+					minHeight: 0,
+					padding: "0 20px 16px",
+					display: "flex",
+					flexDirection: "column"
+				},
+				children: /* @__PURE__ */ ut("div", {
+					style: {
+						background: "var(--surface)",
+						border: "1px solid var(--border)",
+						borderRadius: "var(--radius-md)",
+						overflow: "hidden",
+						boxShadow: "var(--shadow-xs)",
+						display: "flex",
+						flexDirection: "column",
+						flex: 1,
+						minHeight: 0
+					},
+					children: [/* @__PURE__ */ p("div", {
+						ref: Z,
+						"data-testid": "list-scroll",
+						"data-presentation": I,
+						style: {
+							overflow: "auto",
+							flex: 1,
+							minHeight: 0
+						},
+						children: I === "cards" ? /* @__PURE__ */ p(ct, {
+							fallback: null,
+							children: /* @__PURE__ */ p(mt, {
+								rows: Q,
+								virtualizer: $,
+								entity: x,
+								screen: b,
+								entityCode: S,
+								entities: _?.entities,
+								savedViewColumns: P?.columns,
+								refs: H.current,
+								renderers: Wn,
+								rowActions: D,
+								tabNavigate: m,
+								interaction: U,
+								hasSoftDelete: Ot,
+								zebra: ir,
+								hasBatchActions: Dt,
+								hasDetailTarget: J,
+								rowKey: V
+							})
+						}) : /* @__PURE__ */ p(Ke, {
+							showsPreviousRows: Tn,
+							table: Y,
+							columns: Zn,
+							rows: Q,
+							entity: x,
+							columnSizeVars: $n,
+							totalColumnsWidth: er,
+							theadRef: tr,
+							virtualizer: $,
+							visibleCols: N,
+							headerReorder: nr,
+							sortCols: Xt,
+							sortNullsMap: Zt,
+							shiftClickColumn: rn,
+							applyColumnSort: nn,
+							appendColumnSort: an,
+							clearColumnSort: on,
+							clearAllSorts: sn,
+							renderRow: (e, t) => /* @__PURE__ */ p(qe, {
+								row: e,
+								rowIndex: t,
+								entity: x,
+								hasSoftDelete: Ot,
+								zebra: ir,
+								hasDetailTarget: J,
+								interaction: U,
+								measureElement: $.measureElement
+							}, e.id),
+							isResizingColumn: X
+						})
+					}), /* @__PURE__ */ p(Ye, {
+						meta: xn,
+						isCursor: Fn,
+						isPhone: hr,
+						rowsLoaded: L.length,
+						selectedCount: B.length,
+						countTotal: An,
+						countStrategy: jn,
+						countLoading: Mn,
+						countError: Nn,
+						page: O,
+						totalPages: R,
+						goToPage: lr,
+						perPage: k,
+						setPerPage: ur,
+						hasMorePages: Pn,
+						fetchNextPage: In,
+						isFetchingNextPage: Ln
+					})]
+				})
+			}),
+			/* @__PURE__ */ p(De, {
+				open: _t,
+				onClose: () => v(!1),
+				filters: M,
+				onApply: j,
+				availableFields: Wt,
+				allFields: Gt,
+				fieldLabel: Kt,
+				resolveValue: Gn,
+				defaultFilters: b?.default_filters,
+				refs: Kn
+			}),
+			/* @__PURE__ */ p($e, {
+				view: yt,
+				onCancel: () => bt(null),
+				onConfirm: (e) => {
+					pn.deleteView(e).catch(() => void 0).finally(() => bt(null));
+				}
+			}),
+			/* @__PURE__ */ p(nt, {
+				open: vt,
+				pending: gn,
+				onClose: () => y(!1),
+				overwriteViewName: Ze(s, P),
+				onOverwrite: async () => {
+					await hn(), y(!1);
+				},
+				onSave: async (e) => {
+					await mn(e), y(!1);
+				}
+			}),
+			B.length > 0 && /* @__PURE__ */ p(it, {
+				selectedIds: B,
+				floatbarActions: E,
+				screenActionLayout: b.action_layout,
+				entityActionLayout: x.action_layout,
+				data: L,
+				rowKey: V,
+				entityCode: S,
+				entity: x,
+				screen: b,
+				onClear: () => z({}),
+				onActionSuccess: () => z({}),
+				widgetContext: vr
+			}),
+			q && x && b && /* @__PURE__ */ p(ot, {
+				x: q.x,
+				y: q.y,
+				row: q.row,
+				rowId: V(q.row),
+				screen: b,
+				fullScreen: b,
+				entity: x,
+				entityCode: S,
+				rowActions: D,
+				tabNavigate: m,
+				peekAllowed: W,
+				hasDetailTarget: J,
+				onPeek: K,
+				onClose: () => Xn(null)
+			}),
+			W && G && x && /* @__PURE__ */ p(Ae, {
+				entity: x,
+				entityCode: S,
+				record: G,
+				title: (() => {
+					let t = b.columns?.find((e) => !e.startsWith("$status.") && !e.startsWith("$property."));
+					return t ? e(G[t] ?? s(x.display.name)) : s(x.display.name);
+				})(),
+				recordId: (() => {
+					let t = x.fields.names()?.find((e) => x.fields.get(e)?.primary);
+					return t ? e(G[t]) : void 0;
+				})(),
+				fields: qn,
+				screen: ke(x, b, G),
+				actions: Jn,
+				screenActionLayout: ke(x, b, G)?.action_layout,
+				entityActionLayout: x.action_layout,
+				executeAction: Yn,
+				onClose: () => {
+					if (x && G) {
+						let t = x.fields.names()?.find((e) => x.fields.get(e)?.primary);
+						t && je(e(G[t]));
+					}
+					K(null);
+				},
+				onOpen: (e) => {
+					let t = G;
+					K(null), U.navigateToDetail(t, { draft: e });
+				},
+				onSave: (t) => {
+					K(t);
+					let n = x.fields.names()?.find((e) => x.fields.get(e)?.primary);
+					if (!n) return;
+					let ee = e(t[n]), r = {};
+					for (let e of x.fields.names()) {
+						let n = pe(x, t, e), ee = pe(x, G, e), i = me(x, e, n), a = me(x, e, ee);
+						(i === "" ? null : i) !== (a === "" || a === void 0 ? null : a) && (r[e] = i);
+					}
+					let i = he({
+						entity: x,
+						formData: t,
+						record: G,
+						isNew: !1
+					});
+					if (Object.keys(i).length > 0 && (r.$files = i), Object.keys(r).length === 0) return;
+					let a = ge(i);
+					Un.mutate({
+						pkValues: ee,
+						data: r
+					}, { onSuccess: () => {
+						a.forEach((e) => Ct.markCommitted(e));
+					} });
+				}
+			})
+		]
+	});
+}
+//#endregion
+export { ht as SmartListPage };