@declarion/react 0.106.0 → 0.109.0

package/dist-lib/components/pages/tenant-params/TenantParamsPage.impl.js

@@ -11,16 +11,16 @@ import { Select as l, TextInput as u } from "../../primitives/Fields.js";
 import { useAllParams as d, useCarrierParamOverrides as ee } from "../../../hooks/useParams.js";
 import { PageHeader as f } from "../../chrome/PageHeader.js";
 import { dataTableCellStyle as p, dataTableHeadCellStyle as m, dataTableStyle as h } from "../../primitives/dataTableStyles.js";
-import { EditParamDialog as te, ErrorLine as g, ResetParamControl as _, ValuePreview as v, paramSourceName as y, paramTenantEditable as b, useParamRefLabels as x } from "../../params/param-editors.js";
-import { PageShell as ne } from "../../chrome/PageShell.js";
-import { useMemo as S, useState as C } from "react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { EditParamDialog as g, ErrorLine as _, ResetParamControl as v, ValuePreview as te, paramSourceName as y, paramTenantEditable as b, useParamRefLabels as x } from "../../params/param-editors.js";
+import { PageShell as S } from "../../chrome/PageShell.js";
+import { useMemo as C, useState as w } from "react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/components/pages/tenant-params/TenantParamsPage.impl.tsx
-var E = "my_tenant", D = [
+var D = "my_tenant", ne = [
 	"yaml",
 	"env",
 	"tenant"
-], O = [
+], re = [
 	"21%",
 	"17%",
 	"9%",
@@ -28,77 +28,80 @@ var E = "my_tenant", D = [
 	"15%",
 	"11%",
 	"20%"
-], k = {
+], O = {
 	...p,
 	overflow: "hidden",
 	textOverflow: "ellipsis",
 	whiteSpace: "nowrap"
-}, re = {
+}, ie = {
 	...p,
 	whiteSpace: "nowrap",
 	textAlign: "right"
 };
-function A(e) {
+function k(e) {
 	return e === "tenant" ? "violet" : e === "env" ? "amber" : "slate";
 }
-function j(n) {
-	let r = a(), i = a("errors"), p = e((e) => e.activeTenant?.id) ?? "", { isPhone: _ } = o(), b = d("tenant"), [A, j] = C(""), [P, F] = C(""), [I, L] = C(""), [R, z] = C(!1), [B, V] = C(null), { overrideByCode: H, missingParams: U, isLoading: W, error: G, clearError: K, save: q, reset: J } = ee({
-		carrierEntityCode: E,
+function A(n) {
+	let r = a(), i = a("errors"), p = e((e) => e.activeTenant?.id) ?? "", { isPhone: v } = o(), b = d("tenant"), [k, A] = w(""), [N, P] = w(""), [F, I] = w(""), [L, R] = w(!1), [z, B] = w(null), { overrideByCode: V, missingParams: H, isLoading: U, retry: W, error: G, clearError: K, save: q, reset: J } = ee({
+		carrierEntityCode: D,
 		rowId: p
 	}), Y = async (e, t) => {
-		await q(e, t) && V((t) => t === e ? null : t);
-	}, X = S(() => b.data ?? [], [b.data]), { data: Z } = t(), Q = S(() => {
+		await q(e, t) && B((t) => t === e ? null : t);
+	}, X = C(() => b.data ?? [], [b.data]), { data: Z } = t(), Q = C(() => {
 		let e = new Map((Z?.enums?.parameter_category?.values ?? []).map((e) => [e.code, r(e.name) || e.code]));
 		return (t) => t ? e.get(t) ?? t : "";
-	}, [Z, r]), ie = S(() => Array.from(new Set(X.map((e) => e.category).filter(Boolean))).map((e) => ({
+	}, [Z, r]), ae = C(() => Array.from(new Set(X.map((e) => e.category).filter(Boolean))).map((e) => ({
 		value: e,
 		label: Q(e)
 	})).sort((e, t) => e.label.localeCompare(t.label, r.language)), [
 		X,
 		Q,
 		r.language
-	]), ae = S(() => {
-		let e = A.trim().toLowerCase();
-		return X.filter((t) => !(P && t.category !== P || I && t.source !== I || R && !H.has(t.code) || e && !`${t.code} ${r(t.name)}`.toLowerCase().includes(e))).sort((e, t) => (r(e.name) || e.code).localeCompare(r(t.name) || t.code, r.language) || e.code.localeCompare(t.code));
+	]), oe = C(() => {
+		let e = k.trim().toLowerCase();
+		return X.filter((t) => !(N && t.category !== N || F && t.source !== F || L && !V.has(t.code) || e && !`${t.code} ${r(t.name)}`.toLowerCase().includes(e))).sort((e, t) => (r(e.name) || e.code).localeCompare(r(t.name) || t.code, r.language) || e.code.localeCompare(t.code));
 	}, [
 		r,
 		X,
-		A,
-		P,
-		I,
-		R,
-		H
-	]), oe = b.isLoading || W, se = x(X), $ = ae.map((e) => {
-		let t = H.get(e.code);
+		k,
+		N,
+		F,
+		L,
+		V
+	]), se = b.isLoading || U, ce = x(X), $ = oe.map((e) => {
+		let t = V.get(e.code);
 		return {
 			param: e,
-			state: /* @__PURE__ */ w(M, {
+			state: /* @__PURE__ */ T(j, {
 				param: e,
 				override: t
 			}),
-			value: /* @__PURE__ */ w(v, {
+			value: /* @__PURE__ */ T(te, {
 				type: e.type,
 				value: e.value,
 				values: e.values,
-				label: se(e),
+				label: ce(e),
 				maxWidth: "100%"
 			}),
-			actions: /* @__PURE__ */ w(N, {
+			actions: /* @__PURE__ */ T(M, {
 				param: e,
 				stored: t !== void 0,
 				onEdit: () => {
-					K(), V(e);
+					K(), B(e);
 				},
 				onReset: (e) => void J(e)
 			})
 		};
 	});
-	return /* @__PURE__ */ T(ne, {
-		header: /* @__PURE__ */ w(f, { description: r("params.tenant.subtitle", "Tenant configuration. Editing a value stores a tenant override; Reset restores the platform default.") }),
+	return /* @__PURE__ */ E(S, {
+		header: /* @__PURE__ */ T(f, { description: r("params.tenant.subtitle", "Tenant configuration. Editing a value stores a tenant override; Reset restores the platform default.") }),
 		children: [
-			G && /* @__PURE__ */ w(g, { text: G }),
-			U && /* @__PURE__ */ w(g, { text: i("param.overrides_unreadable", "The current parameter overrides could not be read.") }),
-			/* @__PURE__ */ T("div", {
+			G && /* @__PURE__ */ T(_, { text: G }),
+			H && /* @__PURE__ */ T(_, {
+				text: i("param.overrides_unreadable", "The current parameter overrides could not be read."),
+				onRetry: W
+			}),
+			/* @__PURE__ */ E("div", {
 				"data-testid": "tenant-params-filters",
 				style: {
 					display: "flex",
@@ -107,63 +110,63 @@ function j(n) {
 					alignItems: "center"
 				},
 				children: [
-					/* @__PURE__ */ w("div", {
+					/* @__PURE__ */ T("div", {
 						style: {
 							minWidth: 200,
 							flex: 1
 						},
-						children: /* @__PURE__ */ w(u, {
-							value: A,
-							onChange: j,
+						children: /* @__PURE__ */ T(u, {
+							value: k,
+							onChange: A,
 							placeholder: r("params.search", "Search name or code…")
 						})
 					}),
-					/* @__PURE__ */ w("div", {
+					/* @__PURE__ */ T("div", {
 						style: { minWidth: 160 },
-						children: /* @__PURE__ */ w(l, {
-							value: P,
+						children: /* @__PURE__ */ T(l, {
+							value: N,
 							options: [{
 								value: "",
 								label: r("params.filter.all_categories", "All categories")
-							}, ...ie],
-							onChange: F
+							}, ...ae],
+							onChange: P
 						})
 					}),
-					/* @__PURE__ */ w("div", {
+					/* @__PURE__ */ T("div", {
 						style: { minWidth: 140 },
-						children: /* @__PURE__ */ w(l, {
-							value: I,
+						children: /* @__PURE__ */ T(l, {
+							value: F,
 							options: [{
 								value: "",
 								label: r("params.filter.all_sources", "All sources")
-							}, ...D.map((e) => ({
+							}, ...ne.map((e) => ({
 								value: e,
 								label: y(r, e)
 							}))],
-							onChange: L
+							onChange: I
 						})
 					}),
-					/* @__PURE__ */ T("label", {
+					/* @__PURE__ */ E("label", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							gap: 6,
 							fontSize: 12
 						},
-						children: [/* @__PURE__ */ w(s, {
-							value: R,
-							onChange: z
+						children: [/* @__PURE__ */ T(s, {
+							value: L,
+							onChange: R
 						}), r("params.filter.overridden_only", "Overridden only")]
 					})
 				]
 			}),
-			oe ? /* @__PURE__ */ w("div", {
+			se ? /* @__PURE__ */ T("div", {
 				style: {
 					padding: "24px 0",
 					textAlign: "center"
 				},
-				children: /* @__PURE__ */ w(c, { size: 18 })
-			}) : $.length === 0 ? /* @__PURE__ */ w("div", {
+				children: /* @__PURE__ */ T(c, { size: 18 })
+			}) : $.length === 0 ? /* @__PURE__ */ T("div", {
 				style: {
 					padding: 16,
 					color: "var(--text-4)",
@@ -171,14 +174,14 @@ function j(n) {
 					fontSize: 12.5
 				},
 				children: r("params.empty", "No parameters match.")
-			}) : _ ? /* @__PURE__ */ w("div", {
+			}) : v ? /* @__PURE__ */ T("div", {
 				"data-testid": "tenant-params-cards",
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					gap: 8
 				},
-				children: $.map(({ param: e, state: t, value: n, actions: i }) => /* @__PURE__ */ T("div", {
+				children: $.map(({ param: e, state: t, value: n, actions: i }) => /* @__PURE__ */ E("div", {
 					"data-testid": `tenant-param-row-${e.code}`,
 					style: {
 						border: "1px solid var(--border)",
@@ -191,14 +194,14 @@ function j(n) {
 						minWidth: 0
 					},
 					children: [
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ E("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: 8,
 								minWidth: 0
 							},
-							children: [/* @__PURE__ */ w("div", {
+							children: [/* @__PURE__ */ T("div", {
 								style: {
 									flex: 1,
 									minWidth: 0,
@@ -210,7 +213,7 @@ function j(n) {
 								children: r(e.name) || e.code
 							}), t]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ T("div", {
 							className: "mono",
 							style: {
 								fontSize: 11.5,
@@ -219,18 +222,18 @@ function j(n) {
 							},
 							children: e.code
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ T("div", {
 							style: { minWidth: 0 },
 							children: n
 						}),
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ E("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: 6,
 								flexWrap: "wrap"
 							},
-							children: [/* @__PURE__ */ w("span", {
+							children: [/* @__PURE__ */ T("span", {
 								style: {
 									flex: 1,
 									fontSize: 11.5,
@@ -241,7 +244,7 @@ function j(n) {
 						})
 					]
 				}, e.code))
-			}) : /* @__PURE__ */ w("div", {
+			}) : /* @__PURE__ */ T("div", {
 				"data-testid": "tenant-params-table",
 				style: {
 					border: "1px solid var(--border)",
@@ -249,77 +252,77 @@ function j(n) {
 					background: "var(--surface)",
 					overflow: "hidden"
 				},
-				children: /* @__PURE__ */ T("table", {
+				children: /* @__PURE__ */ E("table", {
 					style: {
 						...h,
 						tableLayout: "fixed"
 					},
 					children: [
-						/* @__PURE__ */ w("colgroup", { children: O.map((e, t) => /* @__PURE__ */ w("col", { style: { width: e } }, t)) }),
-						/* @__PURE__ */ w("thead", { children: /* @__PURE__ */ T("tr", { children: [
-							/* @__PURE__ */ w("th", {
+						/* @__PURE__ */ T("colgroup", { children: re.map((e, t) => /* @__PURE__ */ T("col", { style: { width: e } }, t)) }),
+						/* @__PURE__ */ T("thead", { children: /* @__PURE__ */ E("tr", { children: [
+							/* @__PURE__ */ T("th", {
 								style: m,
 								children: r("params.column.name", "Name")
 							}),
-							/* @__PURE__ */ w("th", {
+							/* @__PURE__ */ T("th", {
 								style: m,
 								children: r("params.column.code", "Code")
 							}),
-							/* @__PURE__ */ w("th", {
+							/* @__PURE__ */ T("th", {
 								style: m,
 								children: r("params.column.category", "Category")
 							}),
-							/* @__PURE__ */ w("th", {
+							/* @__PURE__ */ T("th", {
 								style: m,
 								children: r("params.column.type", "Type")
 							}),
-							/* @__PURE__ */ w("th", {
+							/* @__PURE__ */ T("th", {
 								style: m,
 								children: r("params.value", "Value")
 							}),
-							/* @__PURE__ */ w("th", {
+							/* @__PURE__ */ T("th", {
 								style: m,
 								children: r("params.column.source", "Source")
 							}),
-							/* @__PURE__ */ w("th", { style: m })
+							/* @__PURE__ */ T("th", { style: m })
 						] }) }),
-						/* @__PURE__ */ w("tbody", { children: $.map(({ param: e, state: t, value: n, actions: i }) => /* @__PURE__ */ T("tr", {
+						/* @__PURE__ */ T("tbody", { children: $.map(({ param: e, state: t, value: n, actions: i }) => /* @__PURE__ */ E("tr", {
 							"data-testid": `tenant-param-row-${e.code}`,
 							children: [
-								/* @__PURE__ */ w("td", {
-									style: k,
+								/* @__PURE__ */ T("td", {
+									style: O,
 									title: r(e.name) || e.code,
 									children: r(e.name) || e.code
 								}),
-								/* @__PURE__ */ w("td", {
-									style: k,
+								/* @__PURE__ */ T("td", {
+									style: O,
 									title: e.code,
-									children: /* @__PURE__ */ w("span", {
+									children: /* @__PURE__ */ T("span", {
 										className: "mono",
 										style: { color: "var(--text-3)" },
 										children: e.code
 									})
 								}),
-								/* @__PURE__ */ w("td", {
-									style: k,
+								/* @__PURE__ */ T("td", {
+									style: O,
 									title: e.category,
 									children: Q(e.category) || "—"
 								}),
-								/* @__PURE__ */ w("td", {
-									style: k,
+								/* @__PURE__ */ T("td", {
+									style: O,
 									title: e.type,
 									children: e.type
 								}),
-								/* @__PURE__ */ w("td", {
-									style: k,
+								/* @__PURE__ */ T("td", {
+									style: O,
 									children: n
 								}),
-								/* @__PURE__ */ w("td", {
-									style: k,
+								/* @__PURE__ */ T("td", {
+									style: O,
 									children: t
 								}),
-								/* @__PURE__ */ w("td", {
-									style: re,
+								/* @__PURE__ */ T("td", {
+									style: ie,
 									children: i
 								})
 							]
@@ -327,58 +330,58 @@ function j(n) {
 					]
 				})
 			}),
-			B && /* @__PURE__ */ w(te, {
-				param: B,
-				current: H.get(B.code)?.value ?? B.value,
+			z && /* @__PURE__ */ T(g, {
+				param: z,
+				current: V.get(z.code)?.value ?? z.value,
 				error: G,
 				onCancel: () => {
-					V(null), K();
+					B(null), K();
 				},
-				onSave: (e) => Y(B, e)
+				onSave: (e) => Y(z, e)
 			})
 		]
 	});
 }
-function M({ param: e, override: t }) {
+function j({ param: e, override: t }) {
 	let n = a();
-	return t !== void 0 && e.source !== "tenant" ? /* @__PURE__ */ w("span", {
+	return t !== void 0 && e.source !== "tenant" ? /* @__PURE__ */ T("span", {
 		"data-testid": `tenant-param-not-applied-${e.code}`,
 		title: n("params.tenant.not_applied_hint", "This tenant is set to {value}, and it no longer satisfies the parameter's declaration. Source of the value in effect: {source}. Reset to remove it, or edit it to a value the declaration accepts.", {
 			value: JSON.stringify(t.value),
 			source: y(n, e.source)
 		}),
-		children: /* @__PURE__ */ w(i, {
+		children: /* @__PURE__ */ T(i, {
 			tone: "amber",
 			size: "xs",
 			dot: !0,
 			children: n("params.not_applied", "not applied")
 		})
-	}) : /* @__PURE__ */ w(i, {
-		tone: A(e.source),
+	}) : /* @__PURE__ */ T(i, {
+		tone: k(e.source),
 		size: "xs",
 		children: y(n, e.source)
 	});
 }
-function N({ param: e, stored: t, onEdit: i, onReset: o }) {
+function M({ param: e, stored: t, onEdit: i, onReset: o }) {
 	let s = a();
-	return b(e) ? /* @__PURE__ */ T("span", {
+	return b(e) ? /* @__PURE__ */ E("span", {
 		style: {
 			display: "inline-flex",
 			flexWrap: "wrap",
 			justifyContent: "flex-end",
 			gap: 6
 		},
-		children: [/* @__PURE__ */ w(r, {
+		children: [/* @__PURE__ */ T(r, {
 			size: "xs",
-			icon: /* @__PURE__ */ w(n.edit, { size: 12 }),
+			icon: /* @__PURE__ */ T(n.edit, { size: 12 }),
 			onClick: i,
 			children: s("params.edit", "Edit")
-		}), t && /* @__PURE__ */ w(_, {
+		}), t && /* @__PURE__ */ T(v, {
 			param: e,
 			description: s("params.reset_confirm.tenant_description", "The value this tenant set is removed, and the platform default applies again."),
 			onReset: o
 		})]
-	}) : /* @__PURE__ */ T("span", {
+	}) : /* @__PURE__ */ E("span", {
 		title: s("params.tenant.read_only_hint", "Not editable at tenant scope (its declared scopes do not admit tenant)."),
 		style: {
 			display: "inline-flex",
@@ -388,11 +391,11 @@ function N({ param: e, stored: t, onEdit: i, onReset: o }) {
 			fontSize: 11
 		},
 		children: [
-			/* @__PURE__ */ w(n.lock, { size: 12 }),
+			/* @__PURE__ */ T(n.lock, { size: 12 }),
 			" ",
 			s("params.read_only", "read-only")
 		]
 	});
 }
 //#endregion
-export { j as TenantParamsPage };
+export { A as TenantParamsPage };

package/dist-lib/components/params/ParamsBlock.js

@@ -16,28 +16,31 @@ function y(e, t) {
 	return e ? e.filter((e) => e.scopes?.includes(t)) : [];
 }
 function b({ carrierEntityCode: b, carrierScope: x, rowId: S, title: C, icon: w, writeOneByOne: T }) {
-	let E = r(), D = r("errors"), O = o(), k = m(() => y(O.data, x), [O.data, x]), [A, j] = h(null), { overrideByCode: M, missingParams: N, isLoading: P, error: F, clearError: I, save: L, reset: R } = s({
+	let E = r(), D = r("errors"), O = o(), k = m(() => y(O.data, x), [O.data, x]), [A, j] = h(null), { overrideByCode: M, missingParams: N, isLoading: P, retry: F, error: I, clearError: L, save: R, reset: z } = s({
 		carrierEntityCode: b,
 		rowId: S,
 		enabled: k.length > 0,
 		writeOneByOne: T
-	}), z = v(x) === "object", B = m(() => k.map((e) => {
-		let t = z ? M.get(e.code) : void 0;
+	}), B = v(x) === "object", V = m(() => k.map((e) => {
+		let t = B ? M.get(e.code) : void 0;
 		return t ? {
 			...e,
 			value: t.value
 		} : e;
 	}), [
 		k,
-		z,
+		B,
 		M
-	]), V = p(B), H = async (e, t) => {
-		await L(e, t) && j((t) => t === e ? null : t);
+	]), H = p(V), U = async (e, t) => {
+		await R(e, t) && j((t) => t === e ? null : t);
 	};
 	return k.length === 0 ? null : /* @__PURE__ */ _(i, {
 		title: C ?? E("params.title", "Parameters"),
 		icon: w ?? /* @__PURE__ */ g(e.settings, { size: 14 }),
-		children: [N ? /* @__PURE__ */ g(l, { text: D("param.overrides_unreadable", "The current parameter overrides could not be read.") }) : P ? /* @__PURE__ */ g("div", {
+		children: [N ? /* @__PURE__ */ g(l, {
+			text: D("param.overrides_unreadable", "The current parameter overrides could not be read."),
+			onRetry: F
+		}) : P ? /* @__PURE__ */ g("div", {
 			style: { padding: "8px 0" },
 			children: /* @__PURE__ */ g(a, { size: 16 })
 		}) : /* @__PURE__ */ _("div", {
@@ -46,8 +49,8 @@ function b({ carrierEntityCode: b, carrierScope: x, rowId: S, title: C, icon: w,
 				flexDirection: "column",
 				gap: 10
 			},
-			children: [F && !A && /* @__PURE__ */ g(l, { text: F }), B.map((r) => {
-				let i = M.get(r.code), a = i !== void 0, o = a && (z || r.source === v(x));
+			children: [I && !A && /* @__PURE__ */ g(l, { text: I }), V.map((r) => {
+				let i = M.get(r.code), a = i !== void 0, o = a && (B || r.source === v(x));
 				return /* @__PURE__ */ _("div", {
 					"data-testid": `param-row-${r.code}`,
 					style: {
@@ -69,7 +72,7 @@ function b({ carrierEntityCode: b, carrierScope: x, rowId: S, title: C, icon: w,
 							type: r.type,
 							value: r.value,
 							values: r.values,
-							label: V(r)
+							label: H(r)
 						}),
 						o && /* @__PURE__ */ g(n, {
 							tone: "violet",
@@ -92,14 +95,14 @@ function b({ carrierEntityCode: b, carrierScope: x, rowId: S, title: C, icon: w,
 							size: "xs",
 							icon: /* @__PURE__ */ g(e.edit, { size: 12 }),
 							onClick: () => {
-								I(), j(r);
+								L(), j(r);
 							},
 							children: E("params.edit", "Edit")
 						}),
 						a && /* @__PURE__ */ g(u, {
 							param: r,
 							description: E("params.reset_confirm.block_description", "The value set here is removed, and the value it inherits applies again."),
-							onReset: (e) => void R(e)
+							onReset: (e) => void z(e)
 						})
 					]
 				}, r.code);
@@ -107,11 +110,11 @@ function b({ carrierEntityCode: b, carrierScope: x, rowId: S, title: C, icon: w,
 		}), A && /* @__PURE__ */ g(c, {
 			param: A,
 			current: M.get(A.code)?.value ?? A.value,
-			error: F,
+			error: I,
 			onCancel: () => {
-				j(null), I();
+				j(null), L();
 			},
-			onSave: (e) => H(A, e)
+			onSave: (e) => U(A, e)
 		})]
 	});
 }