@declarion/react 0.59.0 → 0.59.2

package/dist-lib/{DetailAuditStrip-GNRA_eP5.js → DetailAuditStrip-9eJM2Fml.js}

@@ -41,6 +41,7 @@ function g({ header: e, children: t, scrollRef: n }) {
 			background: "var(--background)"
 		},
 		children: [/* @__PURE__ */ d("div", {
+			"data-testid": "page-shell-header",
 			style: {
 				flexShrink: 0,
 				paddingTop: i.isPhone ? 14 : 24,
@@ -67,9 +68,18 @@ function g({ header: e, children: t, scrollRef: n }) {
 		})]
 	});
 }
-//#endregion
-//#region src/components/chrome/RecordHeader.tsx
-var _ = 180, v = 160;
+var _ = {
+	display: "flex",
+	alignItems: "center",
+	gap: 6,
+	flexGrow: 1,
+	flexShrink: 1,
+	flexBasis: "auto",
+	marginLeft: "auto",
+	minWidth: 180,
+	flexWrap: "wrap",
+	justifyContent: "flex-end"
+}, v = 160;
 function y({ icon: r, title: o, recordId: s, description: c, highlights: l, mode: p, dirty: m = !1, showBack: g = !1, onBack: y, right: b, identityControls: x, showTitle: S = !0 }) {
 	let C = a();
 	return /* @__PURE__ */ f("div", {
@@ -164,18 +174,7 @@ function y({ icon: r, title: o, recordId: s, description: c, highlights: l, mode
 			b && /* @__PURE__ */ d("div", {
 				role: "toolbar",
 				"aria-label": C("shell.record.page_actions", "Page actions"),
-				style: {
-					display: "flex",
-					alignItems: "center",
-					gap: 6,
-					flexGrow: 1,
-					flexShrink: 1,
-					flexBasis: "auto",
-					marginLeft: "auto",
-					minWidth: _,
-					flexWrap: "wrap",
-					justifyContent: "flex-end"
-				},
+				style: _,
 				children: b
 			}),
 			l && p === "display" && /* @__PURE__ */ d("div", {
@@ -286,4 +285,4 @@ function C({ screen: e, entity: t, entityCode: n, record: r, refs: i, schema: o
 	return /* @__PURE__ */ d(x, { lines: f });
 }
 //#endregion
-export { h as i, y as n, g as r, C as t };
+export { h as a, g as i, y as n, _ as r, C as t };

package/dist-lib/{SmartDetailPage.impl-Ds2RGg6K.js → SmartDetailPage.impl-DFjz29Ff.js}

@@ -3,7 +3,7 @@ import { An as n, At as r, Cn as i, In as a, Ln as o, Lt as s, Rn as c, W as l,
 import { r as oe, s as w, t as T } from "./RefreshControl-Bhoib0ZA.js";
 import { $ as se, D as ce, f as le, p as ue, t as E, u as de } from "./useText-BFDCTUSo.js";
 import { c as D, h as O, s as fe } from "./registry-Cb3W-czW.js";
-import { n as pe, r as me, t as he } from "./DetailAuditStrip-GNRA_eP5.js";
+import { i as pe, n as me, t as he } from "./DetailAuditStrip-9eJM2Fml.js";
 import { a as ge, m as k, n as A, p as j, r as M, t as N, u as P } from "./failure-v-uGSpbX.js";
 import { C as _e, L as ve, M as ye, N as be, O as xe, f as Se, g as Ce, h as we, k as Te, l as Ee, m as De, y as Oe } from "./field-classification-C28XE-_P.js";
 import { c as ke, f as Ae, h as je, m as Me, o as Ne, p as Pe, r as Fe, t as Ie, u as Le } from "./action-dispatch-DY0c8U81.js";
@@ -679,7 +679,7 @@ function q({ screenCode: e }) {
 	return /* @__PURE__ */ B(x, { children: /* @__PURE__ */ B(yt, { screenCode: e }) });
 }
 function yt({ screenCode: t }) {
-	let a = E(), c = E("errors"), { id: l } = Qe(), u = r(), [ee, g] = $e(), { data: _ } = le(), te = ue((e) => e.user), x = p(), S = b(), C = _?.screens[t], w = C?.entity ? _?.entities[C.entity] : void 0, T = C?.entity, de = h(w, "create"), O = h(w, "update"), pe = h(w, "restore"), ge = (() => {
+	let a = E(), c = E("errors"), { id: l } = Qe(), u = r(), [ee, g] = $e(), { data: _ } = le(), te = ue((e) => e.user), x = p(), S = b(), C = _?.screens[t], w = C?.entity ? _?.entities[C.entity] : void 0, T = C?.entity, de = h(w, "create"), O = h(w, "update"), me = h(w, "restore"), ge = (() => {
 		if (!w || !w.singleton || !w.prefilter) return;
 		let e = ae(w);
 		if (e.length !== 1) return;
@@ -980,11 +980,11 @@ function yt({ screenCode: t }) {
 			[e]: t
 		}));
 	}, []), Qt = F(() => {
-		M && !j && pe && ze.mutate(M);
+		M && !j && me && ze.mutate(M);
 	}, [
 		M,
 		j,
-		pe,
+		me,
 		ze
 	]), $t = L(() => ht(G, _), [G, _]), en = Object.keys($t).length > 0;
 	if (!X || !w) return null;
@@ -1123,7 +1123,7 @@ function yt({ screenCode: t }) {
 		isSaving: on,
 		hasChildErrors: en,
 		hasFieldErrors: yt && Yt,
-		canRestore: pe,
+		canRestore: me,
 		entity: w,
 		screen: X,
 		globalActions: _?.actions,
@@ -1259,7 +1259,7 @@ function yt({ screenCode: t }) {
 					minWidth: 0,
 					height: "100%"
 				},
-				children: /* @__PURE__ */ B(me, {
+				children: /* @__PURE__ */ B(pe, {
 					scrollRef: Pt,
 					header: Sn,
 					children: xn
@@ -1292,7 +1292,7 @@ function yt({ screenCode: t }) {
 				})
 			})
 		]
-	}) : /* @__PURE__ */ V(me, {
+	}) : /* @__PURE__ */ V(pe, {
 		scrollRef: Pt,
 		header: Sn,
 		children: [xn, fn && (Y || j) && _ && /* @__PURE__ */ B("div", {
@@ -1445,7 +1445,7 @@ function St(e, t, n) {
 	return r ? d(e, r, n) : n;
 }
 function Ct({ title: n, recordId: i, editing: a, isNew: o, isRecordDeleted: s, dirty: u, isSaving: d, hasChildErrors: f, hasFieldErrors: p, canRestore: m, entity: h, screen: _, globalActions: v, entityCode: y, record: b, id: x, listRoute: S, listRouteExists: ne, highlights: re, showBack: ie, onBack: C, onCancelEdit: ae, onSave: oe, onRestore: se, isRestoring: ce, refreshControl: le, isRealtimeEntity: ue, canManageTemplates: de }) {
-	let D = E(), O = E("errors"), { run: fe } = g(), me = w("detail"), he = be(), k = r(), A = ee(_?.action_layout, h?.action_layout, h?.actions, v, "detail_toolbar"), j = ee(_?.action_layout, h?.action_layout, h?.actions, v, "detail"), M = l(D, j, h?.actions, v, b ?? {}, [], Ne(h, b ?? {})), N = l(D, A, h?.actions, v, b ?? {}, [], Ne(h, b ?? {})), ve = L(() => {
+	let D = E(), O = E("errors"), { run: fe } = g(), pe = w("detail"), he = be(), k = r(), A = ee(_?.action_layout, h?.action_layout, h?.actions, v, "detail_toolbar"), j = ee(_?.action_layout, h?.action_layout, h?.actions, v, "detail"), M = l(D, j, h?.actions, v, b ?? {}, [], Ne(h, b ?? {})), N = l(D, A, h?.actions, v, b ?? {}, [], Ne(h, b ?? {})), ve = L(() => {
 		if (!h) return;
 		let e = x ? [x] : [];
 		return {
@@ -1484,7 +1484,7 @@ function Ct({ title: n, recordId: i, editing: a, isNew: o, isRecordDeleted: s, d
 				ye.getState().kill(_e(location)), k(i, { replace: !0 });
 			} : void 0
 		});
-	}, Se = me.isVisible("show_actions") && !o && x && M.length > 0 ? /* @__PURE__ */ B(ke, {
+	}, Se = pe.isVisible("show_actions") && !o && x && M.length > 0 ? /* @__PURE__ */ B(ke, {
 		layout: M,
 		row: b,
 		onRun: xe,
@@ -1496,7 +1496,7 @@ function Ct({ title: n, recordId: i, editing: a, isNew: o, isRecordDeleted: s, d
 	}) : null, Ce = !o && x ? /* @__PURE__ */ B(T, {
 		liveObject: le,
 		realtime: ue
-	}) : null, we = me.isVisible("show_actions") && !o && x && N.length > 0 ? /* @__PURE__ */ V("div", {
+	}) : null, we = pe.isVisible("show_actions") && !o && x && N.length > 0 ? /* @__PURE__ */ V("div", {
 		style: {
 			display: "flex",
 			justifyContent: "flex-end",
@@ -1515,7 +1515,7 @@ function Ct({ title: n, recordId: i, editing: a, isNew: o, isRecordDeleted: s, d
 			widgetContext: ve,
 			ariaLabel: Se ? D("record.toolbar_actions", "Detail toolbar actions") : D("record.page_actions", "Page actions")
 		})]
-	}) : null, Te = me.isVisible("show_actions") && !o && x && y ? /* @__PURE__ */ B(Ge, {
+	}) : null, Te = pe.isVisible("show_actions") && !o && x && y ? /* @__PURE__ */ B(Ge, {
 		entityCode: y,
 		scope: "detail",
 		objectIds: [x],
@@ -1543,7 +1543,7 @@ function Ct({ title: n, recordId: i, editing: a, isNew: o, isRecordDeleted: s, d
 		style: { display: "contents" },
 		children: [Te, Se]
 	}) : Te : null;
-	return /* @__PURE__ */ V(tt, { children: [/* @__PURE__ */ B(pe, {
+	return /* @__PURE__ */ V(tt, { children: [/* @__PURE__ */ B(me, {
 		icon: h?.display.icon ? /* @__PURE__ */ B(t, {
 			name: h.display.icon,
 			size: 16
@@ -1558,7 +1558,7 @@ function Ct({ title: n, recordId: i, editing: a, isNew: o, isRecordDeleted: s, d
 		showBack: ie,
 		onBack: C,
 		right: Ee,
-		showTitle: me.isVisible("show_title")
+		showTitle: pe.isVisible("show_title")
 	}), we] });
 }
 //#endregion

package/dist-lib/components/chrome/headerActionZone.d.ts

@@ -0,0 +1,27 @@
+import type { CSSProperties } from "react";
+/**
+ * The room the action zone demands before it will share a line with whatever
+ * came before it. One call to action plus its menu - below that the bar shows a
+ * lone menu trigger, which is not worth a line of its own.
+ *
+ * Measured, not chosen: at 402px the meta items that wrap past the title leave
+ * ~190px on their line. A 240px demand refused it and took a THIRD line, so a
+ * phone spent one row on a record-id prefix and an info icon with a gap beside
+ * them. At 180 the actions finish that row instead - which is what a reader
+ * expects when they can see the space.
+ */
+export declare const ACTION_ZONE_MIN_WIDTH = 180;
+/**
+ * The action zone of every header row, per the UI SDK guide's "Header
+ * composition". It is one item of a WRAPPING row that asks for a minimum and
+ * pushes itself to the trailing edge: room left after the identity items means
+ * it finishes that line, no room means it takes the next one, and
+ * `margin-left: auto` keeps it right on either. Being one item, it can never
+ * split half-left and half-right.
+ *
+ * It grows into whatever the line has left. Content-sized, the zone handed the
+ * action bar its own minimum as the width to measure - so a line with 1600px
+ * free still showed two buttons. The buttons stay flush to the trailing edge
+ * inside a zone that is as wide as the space actually is.
+ */
+export declare const headerActionZoneStyle: CSSProperties;