@declarion/react 0.66.1 → 0.80.0

package/dist-lib/components/pages/profile/Profile.impl.js

@@ -11,25 +11,25 @@ import { useText as u } from "../../../hooks/useText.js";
 import { SectionCard as d } from "../../primitives/SectionCard.js";
 import { useResponsiveMode as f } from "../../../hooks/useResponsiveMode.js";
 import { Spinner as p } from "../../primitives/Spinner.js";
-import { FieldLabel as m, Select as h, TextInput as g } from "../../primitives/Fields.js";
-import { DynamicIcon as _ } from "../../shared/DynamicIcon.js";
-import { updateEntity as v } from "../../../api/data.js";
-import { failureTitle as y } from "../../../lib/failure.js";
-import { useAllParams as b, useCarrierParamOverrides as x } from "../../../hooks/useParams.js";
-import { useTabNavigate as S } from "../../../hooks/useTabNavigate.js";
-import { toast as C } from "../../../lib/toast.js";
-import { useBrandingChrome as w } from "../../../hooks/useBrandingChrome.js";
-import { useCurrentScreen as T } from "../../../hooks/useCurrentScreen.js";
-import { useObject as E } from "../../../hooks/useObject.js";
-import { FileDraftScope as D, useFileDraftScope as O } from "../../file-widgets/draft-scope.js";
-import { singleFileFromValue as k } from "../../file-widgets/value.js";
-import { getFileFieldValue as A, renderSchemaField as j } from "../../file-widgets/host.js";
-import { buildFilesPayload as M } from "../../file-widgets/payload.js";
-import { EMPTY_CELL as ee } from "../../fields/cells/factories/emptyCell.js";
-import { ChangePasswordDialog as N } from "../../shared/ChangePasswordDialog.js";
-import { AssociatedBlock as P } from "../../detail-layout/AssociatedBlock.js";
-import { FieldRow as F, FieldsGrid as I } from "../../detail-layout/FieldRow.js";
-import { DetailAuditStrip as te } from "../../detail-layout/DetailAuditStrip.js";
+import { FieldLabel as m, TextInput as h } from "../../primitives/Fields.js";
+import { DynamicIcon as g } from "../../shared/DynamicIcon.js";
+import { updateEntity as _ } from "../../../api/data.js";
+import { failureTitle as v } from "../../../lib/failure.js";
+import { useAllParams as y } from "../../../hooks/useParams.js";
+import { useTabNavigate as b } from "../../../hooks/useTabNavigate.js";
+import { toast as x } from "../../../lib/toast.js";
+import { useBrandingChrome as S } from "../../../hooks/useBrandingChrome.js";
+import { useCurrentScreen as C } from "../../../hooks/useCurrentScreen.js";
+import { useObject as w } from "../../../hooks/useObject.js";
+import { FileDraftScope as T, useFileDraftScope as E } from "../../file-widgets/draft-scope.js";
+import { singleFileFromValue as D } from "../../file-widgets/value.js";
+import { getFileFieldValue as O, renderSchemaField as k } from "../../file-widgets/host.js";
+import { buildFilesPayload as A } from "../../file-widgets/payload.js";
+import { EMPTY_CELL as j } from "../../fields/cells/factories/emptyCell.js";
+import { ChangePasswordDialog as M } from "../../shared/ChangePasswordDialog.js";
+import { FieldRow as N, FieldsGrid as P } from "../../detail-layout/FieldRow.js";
+import { AssociatedBlock as F } from "../../detail-layout/AssociatedBlock.js";
+import { DetailAuditStrip as I } from "../../detail-layout/DetailAuditStrip.js";
 import { RecordHeader as L } from "../../chrome/RecordHeader.js";
 import { PageShell as R } from "../../chrome/PageShell.js";
 import { ErrorLine as z } from "../../params/param-editors.js";
@@ -39,8 +39,8 @@ import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
 //#region src/components/pages/profile/Profile.impl.tsx
 var q = "profile", J = "avatar";
 function Y() {
-	let r = S(), s = t((e) => e.user), f = t((e) => e.activeTenant), p = t((e) => e.refreshMe), { data: m } = n(), h = T(), g = w("custom"), v = u(), y = E(q, s?.id), b = y.data?.data, [x, O] = U(!1), [k, A] = U(!1), M = m?.entities[q], P = s?.display_name || s?.email || v("profile.user_fallback", "User"), z = s?.roles && s.roles[0] || v("profile.role_fallback", "Member"), B = f?.env ? `${f.name} · ${f.env}` : f?.name ?? "—", V = (e) => M && j({
-		entity: M,
+	let r = b(), s = t((e) => e.user), f = t((e) => e.activeTenant), p = t((e) => e.refreshMe), { data: m } = n(), h = C(), _ = S("custom"), v = u(), y = w(q, s?.id), E = y.data?.data, [D, O] = U(!1), [A, F] = U(!1), z = m?.entities[q], B = s?.display_name || s?.email || v("profile.user_fallback", "User"), V = (e) => s?.role_names?.[e] || e, H = s?.roles?.[0] && V(s.roles[0]) || v("profile.role_fallback", "Member"), J = f?.env ? `${f.name} · ${f.env}` : f?.name ?? "—", Y = (e) => z && k({
+		entity: z,
 		entityCode: q,
 		fieldName: e,
 		record: {
@@ -55,14 +55,13 @@ function Y() {
 			header: /* @__PURE__ */ G("div", {
 				"data-testid": "profile-hero",
 				children: /* @__PURE__ */ G(L, {
-					icon: M?.display.icon ? /* @__PURE__ */ G(_, {
-						name: M.display.icon,
+					icon: z?.display.icon ? /* @__PURE__ */ G(g, {
+						name: z.display.icon,
 						size: 16
 					}) : void 0,
-					title: P,
-					recordId: s?.id,
+					title: B,
 					mode: "display",
-					showTitle: g.isVisible("show_title"),
+					showTitle: _.isVisible("show_title"),
 					highlights: /* @__PURE__ */ K("div", {
 						className: "flex flex-wrap gap-1",
 						children: [
@@ -70,12 +69,12 @@ function Y() {
 								tone: "violet",
 								size: "xs",
 								dot: !0,
-								children: z
+								children: H
 							}),
 							/* @__PURE__ */ G(c, {
 								tone: "slate",
 								size: "xs",
-								children: B
+								children: J
 							}),
 							s?.is_active && /* @__PURE__ */ G(c, {
 								tone: "emerald",
@@ -85,9 +84,9 @@ function Y() {
 							})
 						]
 					}),
-					right: g.isVisible("show_actions") && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(o, {
+					right: _.isVisible("show_actions") && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(o, {
 						icon: /* @__PURE__ */ G(a.edit, { size: 13 }),
-						onClick: () => A(!0),
+						onClick: () => F(!0),
 						children: v("profile.edit", "Edit profile")
 					}), /* @__PURE__ */ G(o, {
 						icon: /* @__PURE__ */ G(a.settings, { size: 13 }),
@@ -102,39 +101,39 @@ function Y() {
 					icon: /* @__PURE__ */ G(a.users, { size: 14 }),
 					children: /* @__PURE__ */ G("div", {
 						"data-testid": "profile-personal-info-grid",
-						children: /* @__PURE__ */ K(I, { children: [
-							s && M && b && /* @__PURE__ */ G(F, {
+						children: /* @__PURE__ */ K(P, { children: [
+							s && z && E && /* @__PURE__ */ G(N, {
 								label: v("profile.avatar", "Avatar"),
-								children: /* @__PURE__ */ G(D, { children: /* @__PURE__ */ G(Z, {
+								children: /* @__PURE__ */ G(T, { children: /* @__PURE__ */ G(Z, {
 									userId: s.id,
-									entity: M,
-									record: b,
+									entity: z,
+									record: E,
 									onCommitted: async () => {
 										await y.refetch();
 									}
-								}, X(b)) })
+								}, X(E)) })
 							}),
-							/* @__PURE__ */ G(F, {
+							/* @__PURE__ */ G(N, {
 								label: v("profile.display_name", "Display name"),
-								children: V("display_name")
+								children: Y("display_name")
 							}),
-							/* @__PURE__ */ G(F, {
+							/* @__PURE__ */ G(N, {
 								label: v("profile.personal.email", "Email"),
 								"data-testid": "profile-email",
-								children: V("email")
+								children: Y("email")
 							}),
-							/* @__PURE__ */ G(F, {
+							/* @__PURE__ */ G(N, {
 								label: v("profile.personal.timezone", "Timezone"),
-								children: re()
+								children: te()
 							}),
-							s?.id && /* @__PURE__ */ G($, { userId: s.id })
+							/* @__PURE__ */ G($, {})
 						] })
 					})
 				}),
 				/* @__PURE__ */ G(d, {
 					title: v("profile.security.title", "Security"),
 					icon: /* @__PURE__ */ G(a.shield, { size: 14 }),
-					children: /* @__PURE__ */ G(I, { children: /* @__PURE__ */ G(F, {
+					children: /* @__PURE__ */ G(P, { children: /* @__PURE__ */ G(N, {
 						label: v("profile.security.password", "Password"),
 						hint: v("profile.security.password_hint", "Update at any time"),
 						children: /* @__PURE__ */ G(o, {
@@ -147,24 +146,24 @@ function Y() {
 				/* @__PURE__ */ G(d, {
 					title: v("profile.access.title", "Access"),
 					icon: /* @__PURE__ */ G(a.key, { size: 14 }),
-					children: /* @__PURE__ */ K(I, { children: [
-						/* @__PURE__ */ G(F, {
+					children: /* @__PURE__ */ K(P, { children: [
+						/* @__PURE__ */ G(N, {
 							label: v("profile.access.role", "Role"),
 							children: /* @__PURE__ */ G(c, {
 								tone: "violet",
 								size: "xs",
 								dot: !0,
-								children: z
+								children: H
 							})
 						}),
-						/* @__PURE__ */ G(F, {
+						/* @__PURE__ */ G(N, {
 							label: v("profile.access.groups", "Groups"),
 							children: s?.roles && s.roles.length > 0 ? /* @__PURE__ */ G("div", {
 								className: "flex flex-wrap gap-1",
-								children: s.roles.map((e) => /* @__PURE__ */ G(l, { children: e }, e))
-							}) : ee
+								children: s.roles.map((e) => /* @__PURE__ */ G(l, { children: V(e) }, e))
+							}) : j
 						}),
-						/* @__PURE__ */ G(F, {
+						/* @__PURE__ */ G(N, {
 							label: v("profile.access.permissions", "Permissions"),
 							children: i(v, "profile.access.permissions_explicit", s?.permissions?.length ?? 0, {
 								one: "{count} explicit",
@@ -173,41 +172,42 @@ function Y() {
 						})
 					] })
 				}),
-				/* @__PURE__ */ G(ie, { userId: s?.id }),
+				/* @__PURE__ */ G(ne, { userId: s?.id }),
 				s?.id && /* @__PURE__ */ G(Q, { userId: s.id }),
-				h?.screen && m && M && b && /* @__PURE__ */ G(te, {
+				h?.screen && m && z && E && /* @__PURE__ */ G(I, {
 					screen: h.screen,
-					entity: M,
+					entity: z,
 					entityCode: q,
-					record: b,
+					record: E,
+					recordId: s?.id,
 					schema: m
 				})
 			]
 		}),
-		/* @__PURE__ */ G(ne, {
-			open: k,
+		/* @__PURE__ */ G(ee, {
+			open: A,
 			initialName: s?.display_name ?? "",
 			userId: s?.id ?? "",
-			onClose: () => A(!1),
+			onClose: () => F(!1),
 			onSaved: async () => {
-				await p(), A(!1);
+				await p(), F(!1);
 			}
 		}),
-		/* @__PURE__ */ G(N, {
-			open: x,
+		/* @__PURE__ */ G(M, {
+			open: D,
 			onClose: () => O(!1),
 			onSubmit: async ({ current: t, next: n }) => {
-				await e(t, n), C.success(v("profile.password.changed", "Password changed. Sign in again to continue."));
+				await e(t, n), x.success(v("profile.password.changed", "Password changed. Sign in again to continue."));
 			}
 		})
 	] });
 }
 function X(e) {
-	return k(A(e, J))?.id ?? "";
+	return D(O(e, J))?.id ?? "";
 }
 function Z({ userId: e, entity: t, record: n, onCommitted: r }) {
-	let i = u(), a = u("errors"), o = O(), [s, c] = U(!1), [l, d] = U(0), f = async (s) => {
-		let l = M({
+	let i = u(), a = u("errors"), o = E(), [s, c] = U(!1), [l, d] = U(0), f = async (s) => {
+		let l = A({
 			entity: t,
 			formData: { [J]: s },
 			record: n,
@@ -216,17 +216,17 @@ function Z({ userId: e, entity: t, record: n, onCommitted: r }) {
 		if (Object.keys(l).length !== 0) {
 			c(!0);
 			try {
-				await v(q, { id: e }, { $files: l });
+				await _(q, { id: e }, { $files: l });
 				let t = X({ [J]: s });
-				t && o.markCommitted(t), await r(), C.success(i("profile.avatar.updated", "Avatar updated."));
+				t && o.markCommitted(t), await r(), x.success(i("profile.avatar.updated", "Avatar updated."));
 			} catch (e) {
-				await o.flushAllDrafts(), d((e) => e + 1), C.error(y(a, e));
+				await o.flushAllDrafts(), d((e) => e + 1), x.error(v(a, e));
 			} finally {
 				c(!1);
 			}
 		}
 	};
-	return /* @__PURE__ */ G(V, { children: j({
+	return /* @__PURE__ */ G(V, { children: k({
 		entity: t,
 		entityCode: q,
 		fieldName: J,
@@ -238,8 +238,8 @@ function Z({ userId: e, entity: t, record: n, onCommitted: r }) {
 		fieldId: "profile-avatar"
 	}) }, l);
 }
-function ne({ open: e, initialName: t, userId: n, onClose: r, onSaved: i }) {
-	let c = f().isPhone, l = u(), d = u("errors"), h = H(), [_, b] = U(t), [x, S] = U(!1), [C, w] = U(null);
+function ee({ open: e, initialName: t, userId: n, onClose: r, onSaved: i }) {
+	let c = f().isPhone, l = u(), d = u("errors"), g = H(), [y, b] = U(t), [x, S] = U(!1), [C, w] = U(null);
 	if (!e) return null;
 	let T = () => {
 		b(t), w(null), r();
@@ -324,11 +324,11 @@ function ne({ open: e, initialName: t, userId: n, onClose: r, onSaved: i }) {
 				},
 				children: [/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G(m, {
 					required: !0,
-					htmlFor: h,
+					htmlFor: g,
 					children: l("profile.display_name", "Display name")
-				}), /* @__PURE__ */ G(g, {
-					id: h,
-					value: _,
+				}), /* @__PURE__ */ G(h, {
+					id: g,
+					value: y,
 					onChange: b,
 					placeholder: l("profile.edit.name_placeholder", "Your name"),
 					autoFocus: !0
@@ -354,19 +354,19 @@ function ne({ open: e, initialName: t, userId: n, onClose: r, onSaved: i }) {
 						kind: "primary",
 						icon: G(x ? p : a.check, { size: 13 }),
 						onClick: async () => {
-							if (!_.trim()) w(l("profile.edit.name_required", "Display name is required."));
+							if (!y.trim()) w(l("profile.edit.name_required", "Display name is required."));
 							else {
 								w(null), S(!0);
 								try {
-									await v(q, { id: n }, { display_name: _.trim() }), await i();
+									await _(q, { id: n }, { display_name: y.trim() }), await i();
 								} catch (e) {
-									w(y(d, e));
+									w(v(d, e));
 								} finally {
 									S(!1);
 								}
 							}
 						},
-						disabled: !_.trim() || x,
+						disabled: !y.trim() || x,
 						children: x ? l("dialog.saving", "Saving…") : l("dialog.save", "Save")
 					})
 				]
@@ -374,7 +374,7 @@ function ne({ open: e, initialName: t, userId: n, onClose: r, onSaved: i }) {
 		]
 	})] });
 }
-function re() {
+function te() {
 	try {
 		return Intl.DateTimeFormat().resolvedOptions().timeZone || "—";
 	} catch {
@@ -389,35 +389,18 @@ function Q({ userId: e }) {
 		rowId: e
 	});
 }
-function $({ userId: e }) {
-	let t = u(), { data: i } = n(), a = b().data?.find((e) => e.code === r), o = i?.entities[q]?.params_scope ?? q, s = !!a?.scopes?.includes(o), { save: c, error: l, isLoading: d } = x({
-		carrierEntityCode: q,
-		rowId: e,
-		enabled: s
-	}), [f, m] = U(!1), g = (i?.languages ?? []).map((e) => ({
-		value: e.code,
-		label: e.name[e.code] || t(e.name) || e.code
-	})), _ = typeof a?.value == "string" ? a.value : t.language, v = async (e) => {
-		a && e !== _ && (m(!0), await c(a, e), m(!1));
-	};
-	return /* @__PURE__ */ G(F, {
-		label: t(a?.name),
-		mode: s ? "edit" : "display",
-		error: l ?? void 0,
-		children: !a || d ? /* @__PURE__ */ G(p, { size: 12 }) : s ? /* @__PURE__ */ G(h, {
-			"data-testid": "profile-language",
-			value: _,
-			options: g,
-			disabled: f,
-			onChange: (e) => void v(e)
-		}) : g.find((e) => e.value === _)?.label ?? _
+function $() {
+	let e = u(), { data: t } = n(), i = y().data?.find((e) => e.code === r), a = typeof i?.value == "string" ? i.value : e.language, o = t?.languages?.find((e) => e.code === a);
+	return /* @__PURE__ */ G(N, {
+		label: e(i?.name),
+		children: i ? o?.name[o.code] || e(o?.name) || a : /* @__PURE__ */ G(p, { size: 12 })
 	});
 }
-function ie({ userId: e }) {
+function ne({ userId: e }) {
 	let { data: t } = n();
 	if (!e || !t) return null;
 	let r = t.entities[q];
-	return r ? /* @__PURE__ */ G(P, {
+	return r ? /* @__PURE__ */ G(F, {
 		node: {
 			associated: "api_key",
 			foreign_key: "user_id"

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

@@ -201,7 +201,7 @@ function E(E) {
 									/* @__PURE__ */ x(O, { children: /* @__PURE__ */ x(h, {
 										type: e.type,
 										value: e.value,
-										structure: e.structure
+										values: e.values
 									}) }),
 									/* @__PURE__ */ x(O, { children: /* @__PURE__ */ S("span", {
 										style: {

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

@@ -46,30 +46,19 @@ function y({ carrierEntityCode: y, carrierScope: b, rowId: x, title: S, icon: C
 						gap: 10
 					},
 					children: [
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ h("div", {
 							style: {
 								flex: 1,
-								minWidth: 0
+								minWidth: 0,
+								fontSize: 12.5,
+								fontWeight: 500
 							},
-							children: [/* @__PURE__ */ h("div", {
-								style: {
-									fontSize: 12.5,
-									fontWeight: 500
-								},
-								children: w(i.name) || i.code
-							}), /* @__PURE__ */ h("div", {
-								className: "mono",
-								style: {
-									fontSize: 11,
-									color: "var(--text-3)"
-								},
-								children: i.code
-							})]
+							children: w(i.name) || i.code
 						}),
 						/* @__PURE__ */ h(d, {
 							type: i.type,
 							value: i.value,
-							structure: i.structure
+							values: i.values
 						}),
 						s && /* @__PURE__ */ h(r, {
 							tone: "violet",

package/dist-lib/components/params/param-editors.js

@@ -36,21 +36,25 @@ function m({ text: e }) {
 		children: [/* @__PURE__ */ u(n.info, { size: 13 }), /* @__PURE__ */ u("span", { children: e })]
 	});
 }
-function h({ type: n, value: r, structure: a }) {
-	let o = i(), s;
-	if (r == null) s = "—";
-	else if (n === "bool") s = r ? o("params.value.on", "On") : o("params.value.off", "Off");
-	else if (n === "multilang" || n === "multilang_text") s = o(r) || "—";
-	else if (n === "multilang_array" && Array.isArray(r)) s = r.map((e) => o(e)).join(", ") || "—";
+function h({ type: n, value: r, values: a }) {
+	let o = i(), s = (t) => {
+		let n = a?.find((e) => e.code === t);
+		return n && o(n.name) || e(t);
+	}, c;
+	if (r == null) c = "—";
+	else if (a && a.length > 0) c = (Array.isArray(r) ? r.map(s).join(", ") : s(r)) || "—";
+	else if (n === "bool") c = r ? o("params.value.on", "On") : o("params.value.off", "Off");
+	else if (n === "multilang" || n === "multilang_text") c = o(r) || "—";
+	else if (n === "multilang_array" && Array.isArray(r)) c = r.map((e) => o(e)).join(", ") || "—";
 	else if (n === "json" || n === "structure") {
 		if (r && typeof r == "object") {
 			let e = Array.isArray(r) ? r.length : Object.keys(r).length;
-			s = a || `{${t(o, "params.value.keys", e, {
+			c = `{${t(o, "params.value.keys", e, {
 				one: "{count} key",
 				other: "{count} keys"
 			})}}`;
-		} else s = e(r);
-	} else s = e(r);
+		} else c = e(r);
+	} else c = e(r);
 	return /* @__PURE__ */ u("span", {
 		className: "mono",
 		style: {
@@ -61,7 +65,7 @@ function h({ type: n, value: r, structure: a }) {
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap"
 		},
-		children: s
+		children: c
 	});
 }
 function g({ param: e, current: t, error: s, onCancel: f, onSave: p }) {