@overvis/hmi-workspace-ui 0.1.0 → 0.1.2

package/dist/alarm-rule-dialog-mb4_nHRW.js

@@ -0,0 +1,417 @@
+import { At as e, Bn as t, Kn as n, Mt as r, Ot as i, Qn as a, Wn as o, ii as s, kt as c, zn as l } from "./quick-report-BcZsfkCZ.js";
+import { h as u, m as d, n as f } from "./i18n-ChjEbYEg.js";
+import { jt as p, xt as m } from "./alert-dialog-D_iDv2lQ.js";
+import { A as h, G as g, H as _, L as v, M as y, U as b, V as x, Y as S, z as C } from "./spinner-B-KLtBjp.js";
+import { t as w } from "./diagnostic-text-CYZFPiND.js";
+import { n as T, r as E, t as D } from "./query-gate-BbIo1Xrj.js";
+import { i as O, n as k, r as A, t as j } from "./alarm-rule-lists-CfZXTWkK.js";
+import { n as ee, t as te } from "./base-revision-DLF9EnGV.js";
+import { i as ne } from "./run-text-CDdfbKbg.js";
+import { r as M } from "./editor-language-CGENZxbI.js";
+import { t as N } from "./starter-handoff-BaK8Ss8I.js";
+import { useMemo as P, useRef as re, useState as F } from "react";
+import { Fragment as ie, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { resolveLocalized as R } from "@overvis/hmi-shared";
+import { alarmRuleDiagnosticField as z, alarmRuleFormKey as B, alarmRuleFormSchema as V, alarmRuleFormToDocument as H, alarmRuleFormValues as U, alarmRuleFormVariables as W, automationCommandRoles as G, automationContextOf as K, automationDocumentVariables as q, automationSeverities as J, newAlarmRuleFormValues as ae, validateAlarmRule as Y } from "@overvis/hmi-shared/automation";
+import { useNavigate as X } from "@tanstack/react-router";
+// src/workspace/setup/automations/alarm-rule-dialog.tsx
+var Z = ["view_only", ...G];
+function oe() {
+	let e = d();
+	return (t) => {
+		switch (t) {
+			case "owner": return e("automation_role_owner");
+			case "admin": return e("automation_role_admin");
+			case "editor": return e("automation_role_editor");
+			case "operator": return e("automation_role_operator");
+			case "view_only": return e("automation_role_view_only");
+			default: return t;
+		}
+	};
+}
+function Q(e, t, n, r) {
+	let i = d();
+	return P(() => {
+		let a = /* @__PURE__ */ new Map(), o = H(e, n, r);
+		if (!o.ok) return a.set(o.field, [o.problem === "duplicate_param" ? i("alarm_rule_param_duplicate") : o.problem === "unnamed_param" ? i("alarm_rule_param_unnamed") : i("alarm_rule_seconds_invalid")]), {
+			byField: a,
+			errors: 1
+		};
+		let s = Y(o.input, K(t), t.limits);
+		for (let t of s.diagnostics) {
+			let n = z(t.path, e) ?? "", r = t.code === "invalid_shape", o = r && /^\/variables\/\d+\/source\//.test(t.path) ? i("alarm_rule_variable_choose_source") : r && /^\/recipients\/(?:userIds|roles)$/.test(t.path) ? i("alarm_rule_recipients_choose") : w(t);
+			a.set(n, [...a.get(n) ?? [], o]);
+		}
+		return {
+			byField: a,
+			errors: s.diagnostics.filter((e) => e.severity === "error").length
+		};
+	}, [
+		e,
+		t,
+		n,
+		r,
+		i
+	]);
+}
+function $({ workspaceId: t, alarmRuleId: n, starterHandoff: r }) {
+	let a = d(), c = u(), l = X(), f = s.useUtils(), [p, h] = F(0), g = n != null, [_] = F(() => g ? void 0 : N(r)), v = () => {
+		l({
+			to: "/workspace/$workspaceId/setup/automations/alarm-rules",
+			params: { workspaceId: t }
+		});
+	}, y = s.automation.validationContext.useQuery({ workspaceId: t }), b = s.alarmRule.get.useQuery({ id: n ?? "" }, { enabled: g }), x = s.endpoint.list.useQuery({ workspaceId: t }), S = s.alarmRule.list.useQuery({ workspaceId: t }), C = s.automation.list.useQuery({ workspaceId: t }), w = s.automation.members.useQuery({ workspaceId: t }), O = (e) => e.map((e) => ({
+		id: e.id,
+		name: R(e.name, c)
+	})), k = y.data != null && x.data != null && S.data != null && C.data != null && w.data != null && (!g || b.data != null), A = y.isError || x.isError || S.isError || C.isError || w.isError || g && b.isError, j = {
+		isLoading: y.isLoading || x.isLoading || S.isLoading || C.isLoading || w.isLoading || g && b.isLoading,
+		isError: !k && A,
+		error: g ? b.error : null,
+		data: k ? {
+			context: y.data,
+			detail: b.data,
+			endpoints: O(x.data.endpoints),
+			alarmRules: O(S.data.items.filter((e) => e.id !== n)),
+			automations: O(C.data.items),
+			members: w.data.members
+		} : void 0
+	};
+	return /* @__PURE__ */ I(i, {
+		onClose: v,
+		title: a(g ? "alarm_rule_edit_title" : "alarm_rule_create_title"),
+		...n == null ? {} : { entityId: n },
+		contentClassName: "max-w-2xl sm:max-w-2xl",
+		stickyChrome: !0,
+		children: /* @__PURE__ */ I(E, {
+			query: j,
+			loading: /* @__PURE__ */ L("div", {
+				className: "flex flex-col gap-4 p-4",
+				children: [/* @__PURE__ */ I(m, { className: "h-8 w-64" }), /* @__PURE__ */ I(m, { className: "h-40 w-full" })]
+			}),
+			error: (e) => /* @__PURE__ */ I(T, {
+				className: "p-4",
+				message: g ? o(e ?? "alarm_rule_not_found") : a("error_request_failed"),
+				onRetry: () => Promise.all([
+					y.refetch(),
+					x.refetch(),
+					S.refetch(),
+					C.refetch(),
+					w.refetch(),
+					...g ? [b.refetch()] : []
+				])
+			}),
+			children: (r) => /* @__PURE__ */ L(e, { children: [A ? /* @__PURE__ */ I(D, {
+				className: "m-4 mb-0",
+				message: a("error_request_failed"),
+				onRetry: () => Promise.all([
+					y.refetch(),
+					x.refetch(),
+					S.refetch(),
+					C.refetch(),
+					w.refetch(),
+					...g ? [b.refetch()] : []
+				])
+			}) : null, /* @__PURE__ */ I(se, {
+				workspaceId: t,
+				data: r,
+				..._ === void 0 ? {} : { starter: _ },
+				onClose: v,
+				onReload: async () => {
+					if (n == null) return;
+					let e = await f.client.alarmRule.get.query({ id: n });
+					f.alarmRule.get.setData({ id: n }, e), h((e) => e + 1);
+				}
+			}, `${n ?? "new"}-${String(p)}`)] })
+		})
+	});
+}
+function se({ workspaceId: e, data: i, starter: o, onClose: s, onReload: m }) {
+	let w = d(), T = f(), E = u(), [D] = F(E), M = oe(), N = r(e), { detail: P, context: R } = i, z = ee(P?.revision), [W] = F(P?.document ?? o ?? null), [G] = F(() => P == null ? o === void 0 ? ae(w("alarm_rule_new_name"), Math.max(1e4, R.limits.minTriggerIntervalMs)) : U(o, null, D) : U(P.document, P.dashboardId, D)), q = re(1e3), X = () => B(q.current++), Q = n({
+		defaultValues: G,
+		validators: l({
+			schema: V,
+			submit: async (n) => {
+				let r = H(n, W, D);
+				if (!r.ok) return t(r, (e) => e.problem === "duplicate_param" ? w("alarm_rule_param_duplicate") : e.problem === "unnamed_param" ? w("alarm_rule_param_unnamed") : w("alarm_rule_seconds_invalid"));
+				if (!Y(r.input, K(R), R.limits).ok) return {
+					form: () => w("automation_editor_save_has_errors"),
+					fields: {}
+				};
+				let i = n.dashboardId === "" ? null : n.dashboardId;
+				return P == null ? await N.create.mutateAsync({
+					workspaceId: e,
+					document: r.input,
+					dashboardId: i
+				}) : await N.update.mutateAsync({
+					id: P.id,
+					document: r.input,
+					dashboardId: i,
+					...z.baseRevision === void 0 ? {} : { baseRevision: z.baseRevision }
+				}), null;
+			},
+			mapError: z.mapError(),
+			onError: z.onError
+		}),
+		onSubmitInvalid: a,
+		onSubmit: () => {
+			T.success(w(P == null ? "alarm_rule_create_toast" : "alarm_rule_save_toast")), s();
+		}
+	}), $ = (t, n, r) => {
+		let a = (e, t, r) => /* @__PURE__ */ L("div", {
+			className: "flex flex-col gap-1",
+			children: [/* @__PURE__ */ I(Q.AppField, {
+				name: e,
+				children: (e) => /* @__PURE__ */ I(e.TextField, {
+					label: t,
+					inputMode: "decimal",
+					...r === void 0 ? {} : { description: r }
+				})
+			}), /* @__PURE__ */ I(A, { texts: n(e) })]
+		}), o = (e, t, i) => /* @__PURE__ */ L("div", {
+			className: "flex flex-col gap-1",
+			children: [/* @__PURE__ */ I(Q.AppField, {
+				name: e,
+				children: (n) => /* @__PURE__ */ I(n.FormulaField, {
+					label: t,
+					id: `alarm-rule-${e}`,
+					language: r.condition,
+					...i === void 0 ? {} : { description: i }
+				})
+			}), /* @__PURE__ */ I(A, { texts: n(e) })]
+		});
+		return /* @__PURE__ */ L("div", {
+			className: "flex flex-col gap-6",
+			children: [
+				/* @__PURE__ */ I(A, { texts: n("") }),
+				/* @__PURE__ */ L(g, { children: [/* @__PURE__ */ I(b, { children: w("alarm_rule_section_rule") }), /* @__PURE__ */ L(x, { children: [
+					/* @__PURE__ */ L("div", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ I(Q.AppField, {
+							name: "name",
+							children: (e) => /* @__PURE__ */ I(e.TextField, {
+								label: w("alarm_rule_field_name"),
+								autoFocus: !0
+							})
+						}), /* @__PURE__ */ I(A, { texts: n("name") })]
+					}),
+					/* @__PURE__ */ I(Q.AppField, {
+						name: "description",
+						children: (e) => /* @__PURE__ */ I(e.TextAreaField, {
+							label: w("alarm_rule_field_description"),
+							rows: 2
+						})
+					}),
+					/* @__PURE__ */ L("div", {
+						className: "\n                grid grid-cols-1 gap-4\n                sm:grid-cols-2\n              ",
+						children: [/* @__PURE__ */ I(Q.AppField, {
+							name: "severity",
+							children: (e) => /* @__PURE__ */ L(v, { children: [/* @__PURE__ */ I(_, {
+								htmlFor: "alarm-rule-severity",
+								children: w("alarm_rule_field_severity")
+							}), /* @__PURE__ */ I(h, {
+								id: "alarm-rule-severity",
+								value: e.state.value,
+								onChange: (t) => {
+									let n = J.find((e) => e === t.target.value);
+									n !== void 0 && e.handleChange(n);
+								},
+								children: J.map((e) => /* @__PURE__ */ I(y, {
+									value: e,
+									children: ne(e)
+								}, e))
+							})] })
+						}), a("pollIntervalSeconds", w("alarm_rule_field_poll_interval"))]
+					}),
+					/* @__PURE__ */ I(Q.AppField, {
+						name: "dashboardId",
+						children: (t) => /* @__PURE__ */ I(t.DashboardPickerField, {
+							label: w("automation_field_dashboard"),
+							workspaceId: e,
+							description: w("automation_field_dashboard_description")
+						})
+					})
+				] })] }),
+				/* @__PURE__ */ L(g, { children: [
+					/* @__PURE__ */ I(b, { children: w("alarm_rule_section_inputs") }),
+					/* @__PURE__ */ I(C, { children: w("alarm_rule_section_inputs_description") }),
+					/* @__PURE__ */ I(Q.AppField, {
+						name: "variables",
+						children: (t) => /* @__PURE__ */ I(O, {
+							value: t.state.value,
+							onChange: t.handleChange,
+							formulaLanguage: r.value,
+							data: i,
+							workspaceId: e,
+							at: n,
+							newKey: X
+						})
+					})
+				] }),
+				/* @__PURE__ */ L(g, { children: [/* @__PURE__ */ I(b, { children: w("alarm_rule_section_condition") }), /* @__PURE__ */ L(x, { children: [
+					o("condition", w("alarm_rule_field_condition"), w("alarm_rule_field_condition_description")),
+					a("holdSeconds", w("alarm_rule_field_hold"), w("alarm_rule_field_hold_description")),
+					o("clearCondition", w("alarm_rule_field_clear_condition"), w("alarm_rule_field_clear_condition_description")),
+					a("clearHoldSeconds", w("alarm_rule_field_clear_hold"), w("alarm_rule_field_optional")),
+					/* @__PURE__ */ I(Q.AppField, {
+						name: "latching",
+						children: (e) => /* @__PURE__ */ I(e.CheckboxField, {
+							label: w("alarm_rule_field_latching"),
+							description: w("alarm_rule_field_latching_description")
+						})
+					}),
+					a("unavailableAfterSeconds", w("alarm_rule_field_unavailable_after"), w("alarm_rule_field_unavailable_after_description"))
+				] })] }),
+				/* @__PURE__ */ L(g, { children: [/* @__PURE__ */ I(b, { children: w("alarm_rule_section_message") }), /* @__PURE__ */ L(x, { children: [
+					/* @__PURE__ */ L("div", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ I(Q.AppField, {
+							name: "title",
+							children: (e) => /* @__PURE__ */ I(e.TextField, {
+								label: w("alarm_rule_field_title"),
+								description: w("alarm_rule_field_title_description")
+							})
+						}), /* @__PURE__ */ I(A, { texts: n("title") })]
+					}),
+					/* @__PURE__ */ L("div", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ I(Q.AppField, {
+							name: "body",
+							children: (e) => /* @__PURE__ */ I(e.TextAreaField, {
+								label: w("alarm_rule_field_body"),
+								rows: 3
+							})
+						}), /* @__PURE__ */ I(A, { texts: n("body") })]
+					}),
+					/* @__PURE__ */ I(Q.AppField, {
+						name: "params",
+						children: (e) => /* @__PURE__ */ I(k, {
+							value: e.state.value,
+							onChange: e.handleChange,
+							formulaLanguage: r.value,
+							at: n,
+							newKey: X
+						})
+					}),
+					a("notifyDelaySeconds", w("alarm_rule_field_notify_delay"), w("alarm_rule_field_notify_delay_description")),
+					/* @__PURE__ */ I(Q.AppField, {
+						name: "recipients",
+						children: (e) => /* @__PURE__ */ L(v, { children: [
+							/* @__PURE__ */ I(_, {
+								htmlFor: "alarm-rule-recipients",
+								children: w("alarm_rule_field_recipients")
+							}),
+							/* @__PURE__ */ L(h, {
+								id: "alarm-rule-recipients",
+								value: e.state.value,
+								onChange: (t) => {
+									let n = [
+										"default",
+										"roles",
+										"members"
+									].find((e) => e === t.target.value);
+									n !== void 0 && e.handleChange(n);
+								},
+								children: [
+									/* @__PURE__ */ I(y, {
+										value: "default",
+										children: w("alarm_rule_recipients_default")
+									}),
+									/* @__PURE__ */ I(y, {
+										value: "roles",
+										children: w("alarm_rule_recipients_roles")
+									}),
+									/* @__PURE__ */ I(y, {
+										value: "members",
+										children: w("alarm_rule_recipients_members")
+									})
+								]
+							}),
+							/* @__PURE__ */ I(A, { texts: n("recipients") })
+						] })
+					}),
+					t.recipients === "roles" ? /* @__PURE__ */ I(Q.AppField, {
+						name: "roles",
+						children: (e) => /* @__PURE__ */ I("div", {
+							className: "flex flex-wrap gap-4",
+							children: Z.map((t) => /* @__PURE__ */ L("label", {
+								className: "flex items-center gap-2 text-sm",
+								children: [/* @__PURE__ */ I(S, {
+									checked: e.state.value.includes(t),
+									onCheckedChange: (n) => {
+										e.handleChange(n ? [...e.state.value, t] : e.state.value.filter((e) => e !== t));
+									}
+								}), M(t)]
+							}, t))
+						})
+					}) : null,
+					t.recipients === "members" ? /* @__PURE__ */ I(Q.AppField, {
+						name: "memberIds",
+						children: (e) => /* @__PURE__ */ I(j, {
+							members: i.members,
+							value: e.state.value,
+							onChange: e.handleChange
+						})
+					}) : null
+				] })] })
+			]
+		});
+	};
+	return /* @__PURE__ */ I(Q.AppForm, { children: /* @__PURE__ */ I(Q.FormRoot, {
+		layout: "dialog-fill",
+		children: /* @__PURE__ */ I(c, {
+			notice: /* @__PURE__ */ I(te, {
+				base: z,
+				onReload: m
+			}),
+			footer: /* @__PURE__ */ L(ie, { children: [/* @__PURE__ */ I(p, {
+				type: "button",
+				variant: "outline",
+				onClick: s,
+				children: w("action_cancel")
+			}), /* @__PURE__ */ I(Q.SubmitButton, {
+				label: w(P == null ? "alarm_rule_create_submit" : "action_save"),
+				pendingLabel: w("action_saving")
+			})] }),
+			children: /* @__PURE__ */ I(Q.Subscribe, {
+				selector: (e) => ({
+					values: e.values,
+					show: P != null || o !== void 0 || e.isDirty || e.submissionAttempts > 0
+				}),
+				children: ({ values: e, show: t }) => /* @__PURE__ */ I(le, {
+					values: e,
+					context: R,
+					original: W,
+					locale: D,
+					show: t,
+					children: (t, n) => $(e, t, n)
+				})
+			})
+		})
+	}) });
+}
+function ce(e, t) {
+	let n = d()("automation_language_docs");
+	return P(() => {
+		let r = q({ variables: W(e) }, K(t));
+		return {
+			condition: M({
+				variables: r,
+				time: !0,
+				result: ["boolean"]
+			}, n),
+			value: M({
+				variables: r,
+				time: !0
+			}, n)
+		};
+	}, [
+		e,
+		t,
+		n
+	]);
+}
+function le({ values: e, context: t, original: n, locale: r, show: i, children: a }) {
+	let o = Q(e, t, n, r);
+	return a((e) => i ? o.byField.get(e) : void 0, ce(e, t));
+}
+export { $ as SetupAlarmRuleFormDialog };