@declarion/react 0.61.1 → 0.63.0

package/dist-lib/{SortHeaderMenu-BV-aQbPy.js → SortHeaderMenu-BKTrq0Wb.js}

@@ -1,34 +1,34 @@
-import { s as e } from "./DynamicIcon-DW5krHuX.js";
-import { Wn as t, pn as n } from "./useCurrentScreen-0WBj7wT6.js";
-import { t as r } from "./useText-BsedsJ-J.js";
+import { wt as e } from "./useCurrentScreen--UovgvRj.js";
+import { t } from "./Icons-lt-7lhYR.js";
+import { n, t as r } from "./MenuItem-CfkVXPvC.js";
 import { useRef as i, useState as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/pages/list/SortHeaderMenu.tsx
 function l({ field: l, activeDir: u, activeNulls: d, inMultiSort: f, canAppend: p, onApply: m, onAppend: h, onClearColumn: g, onClearAll: _ }) {
-	let v = r(), y = i(null), [b, x] = a(!1), S = [
+	let v = e(), y = i(null), [b, x] = a(!1), S = [
 		{
 			label: v("list.sort.asc_empty_last", "Sort ascending, empty last"),
 			dir: "asc",
 			nulls: "last",
-			icon: e.arrowUp
+			icon: t.arrowUp
 		},
 		{
 			label: v("list.sort.asc_empty_first", "Sort ascending, empty first"),
 			dir: "asc",
 			nulls: "first",
-			icon: e.arrowUp
+			icon: t.arrowUp
 		},
 		{
 			label: v("list.sort.desc_empty_last", "Sort descending, empty last"),
 			dir: "desc",
 			nulls: "last",
-			icon: e.arrowDown
+			icon: t.arrowDown
 		},
 		{
 			label: v("list.sort.desc_empty_first", "Sort descending, empty first"),
 			dir: "desc",
 			nulls: "first",
-			icon: e.arrowDown
+			icon: t.arrowDown
 		}
 	], C = d ?? "last", w = !f && p;
 	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("button", {
@@ -52,48 +52,48 @@ function l({ field: l, activeDir: u, activeNulls: d, inMultiSort: f, canAppend:
 			cursor: "pointer",
 			opacity: b ? 1 : .55
 		},
-		children: /* @__PURE__ */ s(e.cheveron, { size: 12 })
-	}), /* @__PURE__ */ c(t, {
+		children: /* @__PURE__ */ s(t.cheveron, { size: 12 })
+	}), /* @__PURE__ */ c(n, {
 		open: b,
 		anchor: y.current,
 		onClose: () => x(!1),
 		align: "start",
 		width: 240,
 		children: [
-			S.map((t) => {
-				let r = u === t.dir && C === t.nulls, i = t.icon;
-				return /* @__PURE__ */ s(n, {
+			S.map((e) => {
+				let n = u === e.dir && C === e.nulls, i = e.icon;
+				return /* @__PURE__ */ s(r, {
 					icon: /* @__PURE__ */ c("span", {
 						style: {
 							display: "inline-flex",
 							alignItems: "center",
 							gap: 2
 						},
-						children: [/* @__PURE__ */ s(i, { size: 11 }), r ? /* @__PURE__ */ s(e.check, { size: 11 }) : null]
+						children: [/* @__PURE__ */ s(i, { size: 11 }), n ? /* @__PURE__ */ s(t.check, { size: 11 }) : null]
 					}),
 					onClick: () => {
-						x(!1), m(t.dir, t.nulls);
+						x(!1), m(e.dir, e.nulls);
 					},
-					children: t.label
-				}, `${t.dir}:${t.nulls}`);
+					children: e.label
+				}, `${e.dir}:${e.nulls}`);
 			}),
-			w ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(n, { divider: !0 }), /* @__PURE__ */ s(n, {
-				icon: /* @__PURE__ */ s(e.plus, { size: 11 }),
+			w ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(r, { divider: !0 }), /* @__PURE__ */ s(r, {
+				icon: /* @__PURE__ */ s(t.plus, { size: 11 }),
 				onClick: () => {
 					x(!1), h("asc", d);
 				},
 				children: v("list.sort.append", "Add to multi-sort (Shift-click shortcut)")
 			})] }) : null,
-			/* @__PURE__ */ s(n, { divider: !0 }),
-			/* @__PURE__ */ s(n, {
+			/* @__PURE__ */ s(r, { divider: !0 }),
+			/* @__PURE__ */ s(r, {
 				disabled: u === !1,
 				onClick: () => {
 					x(!1), u !== !1 && g();
 				},
 				children: v("list.sort.clear_column", "Clear sort on this column")
 			}),
-			/* @__PURE__ */ s(n, { divider: !0 }),
-			/* @__PURE__ */ s(n, {
+			/* @__PURE__ */ s(r, { divider: !0 }),
+			/* @__PURE__ */ s(r, {
 				disabled: u === !1,
 				onClick: () => {
 					x(!1), _();

package/dist-lib/TenantParamsPage.impl-DMuSs3eP.js

@@ -0,0 +1,306 @@
+import { It as e, wt as t } from "./useCurrentScreen--UovgvRj.js";
+import { t as n } from "./Icons-lt-7lhYR.js";
+import { n as r, r as i } from "./CopyButton-C0iEvaT1.js";
+import { t as a } from "./Pill-D-wsfRhx.js";
+import { $ as o, Q as s, X as c, q as l } from "./PropertyGridEditor-BTjscqfz.js";
+import { n as u, t as d } from "./useParams-ei6w4I7w.js";
+import { t as f } from "./page-inset-D_kkVwwN.js";
+import { a as p, i as m, n as h, r as g, t as _ } from "./param-editors-9yJr7xmN.js";
+import { useMemo as v, useState as y } from "react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region src/components/pages/tenant-params/TenantParamsPage.impl.tsx
+var C = "my_tenant", w = [
+	"yaml",
+	"env",
+	"tenant"
+];
+function T(e) {
+	return e === "tenant" ? "violet" : e === "env" ? "amber" : "slate";
+}
+function E(E) {
+	let k = t(), A = t("errors"), j = e((e) => e.activeTenant?.id) ?? "", M = d("tenant"), [N, P] = y(""), [F, I] = y(""), [L, R] = y(""), [z, B] = y(!1), [V, H] = y(null), { overrideByCode: U, missingParams: W, isLoading: G, error: K, clearError: q, save: J, reset: Y } = u({
+		carrierEntityCode: C,
+		rowId: j,
+		onWritten: () => H(null)
+	}), X = v(() => M.data ?? [], [M.data]), Z = v(() => Array.from(new Set(X.map((e) => e.category).filter(Boolean))).sort(), [X]), Q = v(() => {
+		let e = N.trim().toLowerCase();
+		return X.filter((t) => !(F && t.category !== F || L && t.source !== L || z && !U.has(t.code) || e && !`${t.code} ${k(t.name)}`.toLowerCase().includes(e)));
+	}, [
+		k,
+		X,
+		N,
+		F,
+		L,
+		z,
+		U
+	]), $ = M.isLoading || G;
+	return /* @__PURE__ */ S("div", {
+		style: {
+			flex: 1,
+			overflowY: "auto",
+			paddingTop: 14,
+			paddingBottom: 28,
+			...f(20),
+			background: "var(--background)"
+		},
+		children: [/* @__PURE__ */ S("div", {
+			style: {
+				maxWidth: 1100,
+				margin: "0 auto"
+			},
+			children: [
+				/* @__PURE__ */ S("div", {
+					style: { marginBottom: 14 },
+					children: [/* @__PURE__ */ x("h1", {
+						style: {
+							margin: 0,
+							fontSize: 20,
+							fontWeight: 600
+						},
+						children: k("params.title", "Parameters")
+					}), /* @__PURE__ */ x("div", {
+						style: {
+							fontSize: 12.5,
+							color: "var(--text-3)",
+							marginTop: 2
+						},
+						children: k("params.tenant.subtitle", "Tenant configuration. Editing a value stores a tenant override; Reset restores the platform default.")
+					})]
+				}),
+				K && /* @__PURE__ */ x("div", {
+					style: { marginBottom: 12 },
+					children: /* @__PURE__ */ x(h, { text: K })
+				}),
+				W && /* @__PURE__ */ x("div", {
+					style: { marginBottom: 12 },
+					children: /* @__PURE__ */ x(h, { text: A("param.overrides_unreadable", "The current parameter overrides could not be read.") })
+				}),
+				/* @__PURE__ */ S("div", {
+					"data-testid": "tenant-params-filters",
+					style: {
+						display: "flex",
+						gap: 10,
+						flexWrap: "wrap",
+						alignItems: "center",
+						marginBottom: 12
+					},
+					children: [
+						/* @__PURE__ */ x("div", {
+							style: {
+								minWidth: 200,
+								flex: 1
+							},
+							children: /* @__PURE__ */ x(c, {
+								value: N,
+								onChange: P,
+								placeholder: k("params.search", "Search name or code…")
+							})
+						}),
+						/* @__PURE__ */ x("div", {
+							style: { minWidth: 160 },
+							children: /* @__PURE__ */ x(l, {
+								value: F,
+								options: [{
+									value: "",
+									label: k("params.filter.all_categories", "All categories")
+								}, ...Z.map((e) => ({
+									value: e,
+									label: e
+								}))],
+								onChange: I
+							})
+						}),
+						/* @__PURE__ */ x("div", {
+							style: { minWidth: 140 },
+							children: /* @__PURE__ */ x(l, {
+								value: L,
+								options: [{
+									value: "",
+									label: k("params.filter.all_sources", "All sources")
+								}, ...w.map((e) => ({
+									value: e,
+									label: m(k, e)
+								}))],
+								onChange: R
+							})
+						}),
+						/* @__PURE__ */ S("label", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: 6,
+								fontSize: 12
+							},
+							children: [/* @__PURE__ */ x(o, {
+								value: z,
+								onChange: B
+							}), k("params.filter.overridden_only", "Overridden only")]
+						})
+					]
+				}),
+				$ ? /* @__PURE__ */ x("div", {
+					style: {
+						padding: "24px 0",
+						textAlign: "center"
+					},
+					children: /* @__PURE__ */ x(s, { size: 18 })
+				}) : /* @__PURE__ */ x("div", {
+					style: {
+						border: "1px solid var(--border)",
+						borderRadius: 10,
+						overflow: "hidden",
+						background: "var(--surface)"
+					},
+					children: /* @__PURE__ */ S("table", {
+						style: {
+							width: "100%",
+							borderCollapse: "collapse",
+							fontSize: 12.5
+						},
+						children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
+							style: {
+								background: "var(--surface-2)",
+								textAlign: "left"
+							},
+							children: [
+								/* @__PURE__ */ x(D, { children: k("params.column.name", "Name") }),
+								/* @__PURE__ */ x(D, { children: k("params.column.code", "Code") }),
+								/* @__PURE__ */ x(D, { children: k("params.column.category", "Category") }),
+								/* @__PURE__ */ x(D, { children: k("params.column.type", "Type") }),
+								/* @__PURE__ */ x(D, { children: k("params.value", "Value") }),
+								/* @__PURE__ */ x(D, { children: k("params.column.source", "Source") }),
+								/* @__PURE__ */ x(D, { children: "" })
+							]
+						}) }), /* @__PURE__ */ x("tbody", { children: Q.length === 0 ? /* @__PURE__ */ x("tr", { children: /* @__PURE__ */ x("td", {
+							colSpan: 7,
+							style: {
+								padding: "16px",
+								color: "var(--text-4)",
+								textAlign: "center"
+							},
+							children: k("params.empty", "No parameters match.")
+						}) }) : Q.map((e) => {
+							let t = U.get(e.code), o = t !== void 0, s = p(e), c = o && e.source === "tenant";
+							return /* @__PURE__ */ S("tr", {
+								"data-testid": `tenant-param-row-${e.code}`,
+								style: { borderTop: "1px solid var(--divider)" },
+								children: [
+									/* @__PURE__ */ x(O, { children: k(e.name) || e.code }),
+									/* @__PURE__ */ x(O, { children: /* @__PURE__ */ x("span", {
+										className: "mono",
+										style: { color: "var(--text-3)" },
+										children: e.code
+									}) }),
+									/* @__PURE__ */ x(O, { children: e.category ?? "—" }),
+									/* @__PURE__ */ x(O, { children: e.type }),
+									/* @__PURE__ */ x(O, { children: /* @__PURE__ */ x(g, {
+										type: e.type,
+										value: e.value,
+										structure: e.structure
+									}) }),
+									/* @__PURE__ */ x(O, { children: /* @__PURE__ */ S("span", {
+										style: {
+											display: "inline-flex",
+											gap: 6,
+											alignItems: "center"
+										},
+										children: [
+											/* @__PURE__ */ x(a, {
+												tone: T(e.source),
+												size: "xs",
+												children: m(k, e.source)
+											}),
+											c && /* @__PURE__ */ x(a, {
+												tone: "violet",
+												size: "xs",
+												dot: !0,
+												children: k("params.overridden", "overridden")
+											}),
+											o && !c && /* @__PURE__ */ x("span", {
+												"data-testid": `tenant-param-not-applied-${e.code}`,
+												title: k("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: m(k, e.source)
+												}),
+												children: /* @__PURE__ */ x(a, {
+													tone: "amber",
+													size: "xs",
+													dot: !0,
+													children: k("params.not_applied", "not applied")
+												})
+											})
+										]
+									}) }),
+									/* @__PURE__ */ x(O, { children: /* @__PURE__ */ x("span", {
+										style: {
+											display: "inline-flex",
+											gap: 6,
+											justifyContent: "flex-end",
+											width: "100%"
+										},
+										children: s ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(i, {
+											size: "xs",
+											icon: /* @__PURE__ */ x(n.edit, { size: 12 }),
+											onClick: () => {
+												q(), H(e);
+											},
+											children: k("params.edit", "Edit")
+										}), o && /* @__PURE__ */ x(r, {
+											icon: /* @__PURE__ */ x(n.refresh, { size: 13 }),
+											title: k("params.reset", "Reset to default"),
+											onClick: () => Y(e)
+										})] }) : /* @__PURE__ */ S("span", {
+											title: k("params.tenant.read_only_hint", "Not editable at tenant scope (its declared scopes do not admit tenant)."),
+											style: {
+												display: "inline-flex",
+												alignItems: "center",
+												gap: 4,
+												color: "var(--text-4)",
+												fontSize: 11
+											},
+											children: [
+												/* @__PURE__ */ x(n.lock, { size: 12 }),
+												" ",
+												k("params.read_only", "read-only")
+											]
+										})
+									}) })
+								]
+							}, e.code);
+						}) })]
+					})
+				})
+			]
+		}), V && /* @__PURE__ */ x(_, {
+			param: V,
+			current: U.get(V.code)?.value ?? V.value,
+			error: K,
+			onCancel: () => {
+				H(null), q();
+			},
+			onSave: (e) => J(V, e)
+		})]
+	});
+}
+function D({ children: e }) {
+	return /* @__PURE__ */ x("th", {
+		style: {
+			padding: "8px 12px",
+			fontWeight: 600,
+			color: "var(--text-2)",
+			fontSize: 11.5
+		},
+		children: e
+	});
+}
+function O({ children: e }) {
+	return /* @__PURE__ */ x("td", {
+		style: {
+			padding: "8px 12px",
+			verticalAlign: "middle"
+		},
+		children: e
+	});
+}
+//#endregion
+export { E as TenantParamsPage };

package/dist-lib/TwoFA.impl-BClZ3ndk.js

@@ -0,0 +1,125 @@
+import { wt as e, xt as t } from "./useCurrentScreen--UovgvRj.js";
+import { r as n } from "./CopyButton-C0iEvaT1.js";
+import { t as r } from "./AuthShell-DdiughRT.js";
+import { useRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Link as s, useNavigate as c } from "react-router";
+//#region src/components/pages/auth/TwoFA.impl.tsx
+function l() {
+	let l = e(), u = c(), d = i([]), f = t().isPhone;
+	function p(e) {
+		d.current[e]?.focus(), d.current[e]?.select();
+	}
+	function m(e, t) {
+		let n = t.target.value.replace(/\D/g, "").slice(0, 1);
+		t.target.value = n, n && e < 5 && p(e + 1);
+	}
+	function h(e, t) {
+		t.key === "Backspace" && !t.target.value && e > 0 && p(e - 1);
+	}
+	return /* @__PURE__ */ a(r, { children: /* @__PURE__ */ o("div", { children: [
+		/* @__PURE__ */ a("div", {
+			style: {
+				fontSize: 10.5,
+				fontWeight: 700,
+				color: "var(--accent)",
+				letterSpacing: "0.1em",
+				textTransform: "uppercase"
+			},
+			children: l("auth.twofa.eyebrow", "Two-factor")
+		}),
+		/* @__PURE__ */ a("h2", {
+			style: {
+				margin: "6px 0 4px",
+				fontSize: 24,
+				fontWeight: 600,
+				letterSpacing: "-0.018em"
+			},
+			children: l("auth.twofa.title", "Enter your code")
+		}),
+		/* @__PURE__ */ a("p", {
+			style: {
+				margin: "0 0 20px",
+				fontSize: 13,
+				color: "var(--text-3)"
+			},
+			children: l("auth.twofa.subtitle", "Open your authenticator app and enter the 6-digit code.")
+		}),
+		/* @__PURE__ */ a("div", {
+			style: {
+				display: "grid",
+				gridTemplateColumns: "repeat(6, minmax(0, 44px))",
+				gap: f ? 6 : 8,
+				justifyContent: "center",
+				margin: "20px 0",
+				width: "100%",
+				maxWidth: "100%"
+			},
+			children: [
+				0,
+				1,
+				2,
+				3,
+				4,
+				5
+			].map((e) => /* @__PURE__ */ a("input", {
+				ref: (t) => {
+					d.current[e] = t;
+				},
+				maxLength: 1,
+				inputMode: "numeric",
+				onChange: (t) => m(e, t),
+				onKeyDown: (t) => h(e, t),
+				style: {
+					width: "100%",
+					minWidth: 0,
+					height: f ? 48 : 52,
+					textAlign: "center",
+					fontSize: f ? 20 : 22,
+					fontWeight: 600,
+					background: "var(--surface-2)",
+					border: "1px solid var(--border)",
+					borderRadius: 8,
+					outline: "none",
+					color: "var(--text)",
+					fontFamily: "var(--font-mono)"
+				}
+			}, e))
+		}),
+		/* @__PURE__ */ a(n, {
+			size: "md",
+			kind: "primary",
+			style: {
+				justifyContent: "center",
+				width: "100%"
+			},
+			onClick: () => u("/"),
+			children: l("auth.twofa.submit", "Verify")
+		}),
+		/* @__PURE__ */ o("div", {
+			style: {
+				marginTop: 12,
+				display: "flex",
+				justifyContent: "space-between",
+				fontSize: 12
+			},
+			children: [/* @__PURE__ */ a("a", {
+				href: "#",
+				style: {
+					color: "var(--accent)",
+					textDecoration: "none"
+				},
+				children: l("auth.twofa.backup_code", "Use backup code")
+			}), /* @__PURE__ */ a(s, {
+				to: "/login",
+				style: {
+					color: "var(--text-3)",
+					textDecoration: "none"
+				},
+				children: l("auth.twofa.cancel", "Cancel")
+			})]
+		})
+	] }) });
+}
+//#endregion
+export { l as TwoFA };