@overvis/hmi-workspace-ui 0.1.0 → 0.1.1

package/dist/{alarm-rule-lists-C5v1Kf7A.js → alarm-rule-lists-DaA4soF4.js}

@@ -1,125 +1,124 @@
-import { f as e, m as t } from "./i18n-BgzakKoC.js";
-import { $ as n, g as r } from "./mutation-form-validators-BNz5bsv1.js";
-import { A as i, H as a, L as o, M as s, Y as c, c as l } from "./spinner-C-HPNxOc.js";
-import { t as u } from "./button-6SxPBYMz.js";
+import { qr as e, rr as t } from "./quick-report-DEqqwQxR.js";
+import { f as n, m as r } from "./i18n-Dt6xbSK6.js";
+import { jt as i } from "./alert-dialog-B60PF7S9.js";
+import { A as a, H as o, L as s, M as c, Y as l, c as u } from "./spinner-BRcNKwjH.js";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { PlusIcon as p, Trash2Icon as m } from "lucide-react";
 import { alarmRuleFormVariable as h, alarmRuleFormVariableKinds as g, automationAlarmInputStates as _ } from "@overvis/hmi-shared/automation";
-//#region src/workspace/access-label.ts
-function v(t) {
-	switch (t) {
-		case "view_only": return e("workspace_access_view_only");
-		case "operator": return e("workspace_access_operator");
-		case "editor": return e("workspace_access_editor");
-		case "admin": return e("workspace_access_admin");
-		case "owner": return e("workspace_access_owner");
+// src/workspace/access-label.ts
+function v(e) {
+	switch (e) {
+		case "view_only": return n("workspace_access_view_only");
+		case "operator": return n("workspace_access_operator");
+		case "editor": return n("workspace_access_editor");
+		case "admin": return n("workspace_access_admin");
+		case "owner": return n("workspace_access_owner");
 	}
 }
-//#endregion
-//#region src/workspace/setup/automations/alarm-rule-lists.tsx
+// src/workspace/setup/automations/alarm-rule-lists.tsx
 function y({ texts: e }) {
 	return e === void 0 || e.length === 0 ? null : /* @__PURE__ */ d("ul", {
 		className: "flex flex-col gap-0.5 text-sm text-destructive",
 		children: e.map((e) => /* @__PURE__ */ d("li", { children: e }, e))
 	});
 }
-function b({ value: e, onChange: c, formulaLanguage: v, data: b, workspaceId: x, at: S, newKey: C }) {
-	let w = t(), T = (t, n) => {
-		let r = e[t];
-		r !== void 0 && c({
-			...e,
-			[t]: {
+function b({ value: n, onChange: l, formulaLanguage: v, data: b, workspaceId: x, at: S, newKey: C }) {
+	let w = r(), T = (e, t) => {
+		let r = n[e];
+		r !== void 0 && l({
+			...n,
+			[e]: {
 				...r,
-				...n
+				...t
 			}
 		});
-	}, E = (e, t, n, r, c) => /* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(a, {
+	}, E = (e, t, n, r, i) => /* @__PURE__ */ f(s, { children: [/* @__PURE__ */ d(o, {
 		htmlFor: e,
 		children: t
-	}), /* @__PURE__ */ f(i, {
+	}), /* @__PURE__ */ f(a, {
 		id: e,
 		value: n,
 		onChange: (e) => {
-			c(e.target.value);
+			i(e.target.value);
 		},
-		children: [/* @__PURE__ */ d(s, {
+		children: [/* @__PURE__ */ d(c, {
 			value: "",
 			children: w("alarm_rule_choose")
-		}), r.map((e) => /* @__PURE__ */ d(s, {
+		}), r.map((e) => /* @__PURE__ */ d(c, {
 			value: e.id,
 			children: e.name
 		}, e.id))]
-	})] }), D = (e, t, n) => /* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(a, {
+	})] }), D = (e, t, n) => /* @__PURE__ */ f(s, { children: [/* @__PURE__ */ d(o, {
 		htmlFor: `${e}-state`,
 		children: w("alarm_rule_variable_alarm_state")
-	}), /* @__PURE__ */ f(i, {
+	}), /* @__PURE__ */ f(a, {
 		id: `${e}-state`,
 		value: n.alarmState,
 		onChange: (e) => {
 			let n = _.find((t) => t === e.target.value);
 			n !== void 0 && T(t, { alarmState: n });
 		},
-		children: [/* @__PURE__ */ d(s, {
+		children: [/* @__PURE__ */ d(c, {
 			value: "active",
 			children: w("alarm_rule_variable_alarm_state_active")
-		}), /* @__PURE__ */ d(s, {
+		}), /* @__PURE__ */ d(c, {
 			value: "unacknowledged",
 			children: w("alarm_rule_variable_alarm_state_unacknowledged")
 		})]
-	})] }), O = (e, t) => {
-		let i = `alarm-rule-variable-${e}`;
-		switch (t.kind) {
-			case "parameter": return /* @__PURE__ */ d(r, {
+	})] }), O = (n, r) => {
+		let i = `alarm-rule-variable-${n}`;
+		switch (r.kind) {
+			case "parameter": return /* @__PURE__ */ d(t, {
 				label: w("alarm_rule_variable_parameter"),
 				workspaceId: x,
-				value: t.parameterId,
-				onChange: (t) => {
-					T(e, { parameterId: t });
+				value: r.parameterId,
+				onChange: (e) => {
+					T(n, { parameterId: e });
 				}
 			});
-			case "endpoint": return E(`${i}-endpoint`, w("alarm_rule_variable_endpoint"), t.endpointId, b.endpoints, (t) => {
-				T(e, { endpointId: t });
+			case "endpoint": return E(`${i}-endpoint`, w("alarm_rule_variable_endpoint"), r.endpointId, b.endpoints, (e) => {
+				T(n, { endpointId: e });
 			});
 			case "alarmRule": return /* @__PURE__ */ f("div", {
 				className: "grid grid-cols-[minmax(0,1fr)_minmax(0,10rem)] items-end gap-2",
-				children: [E(`${i}-alarm-rule`, w("alarm_rule_variable_alarm_rule"), t.alarmRuleId, b.alarmRules, (t) => {
-					T(e, { alarmRuleId: t });
-				}), D(i, e, t)]
+				children: [E(`${i}-alarm-rule`, w("alarm_rule_variable_alarm_rule"), r.alarmRuleId, b.alarmRules, (e) => {
+					T(n, { alarmRuleId: e });
+				}), D(i, n, r)]
 			});
 			case "automationAlarm": return /* @__PURE__ */ f("div", {
 				className: "grid grid-cols-[minmax(0,1fr)_minmax(0,8rem)] items-end gap-2",
 				children: [
-					E(`${i}-automation`, w("alarm_rule_variable_automation"), t.automationId, b.automations, (t) => {
-						T(e, { automationId: t });
+					E(`${i}-automation`, w("alarm_rule_variable_automation"), r.automationId, b.automations, (e) => {
+						T(n, { automationId: e });
 					}),
-					/* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(a, {
+					/* @__PURE__ */ f(s, { children: [/* @__PURE__ */ d(o, {
 						htmlFor: `${i}-key`,
 						children: w("alarm_rule_variable_alarm_key")
-					}), /* @__PURE__ */ d(l, {
+					}), /* @__PURE__ */ d(u, {
 						id: `${i}-key`,
 						className: "font-mono",
-						value: t.alarmKey,
-						onChange: (t) => {
-							T(e, { alarmKey: t.target.value });
+						value: r.alarmKey,
+						onChange: (e) => {
+							T(n, { alarmKey: e.target.value });
 						}
 					})] }),
 					/* @__PURE__ */ d("div", {
 						className: "col-span-2",
-						children: D(i, e, t)
+						children: D(i, n, r)
 					})
 				]
 			});
-			case "calc": return /* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(a, {
+			case "calc": return /* @__PURE__ */ f(s, { children: [/* @__PURE__ */ d(o, {
 				id: `${i}-formula-label`,
 				htmlFor: `${i}-formula`,
 				children: w("alarm_rule_variable_formula")
-			}), /* @__PURE__ */ d(n, {
+			}), /* @__PURE__ */ d(e, {
 				id: `${i}-formula`,
 				labelId: `${i}-formula-label`,
-				value: t.formula,
+				value: r.formula,
 				language: v,
-				onChange: (t) => {
-					T(e, { formula: t });
+				onChange: (e) => {
+					T(n, { formula: e });
 				}
 			})] });
 		}
@@ -127,52 +126,52 @@ function b({ value: e, onChange: c, formulaLanguage: v, data: b, workspaceId: x,
 	return /* @__PURE__ */ f("div", {
 		className: "flex flex-col gap-3",
 		children: [
-			Object.entries(e).map(([t, n]) => /* @__PURE__ */ f("div", {
+			Object.entries(n).map(([e, t]) => /* @__PURE__ */ f("div", {
 				className: "flex flex-col gap-2 rounded-md border p-3",
 				children: [/* @__PURE__ */ f("div", {
 					className: "\n              grid grid-cols-1 gap-2\n              sm:grid-cols-[minmax(0,10rem)_minmax(0,1fr)_auto] sm:items-end\n            ",
 					children: [
-						/* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(a, {
-							htmlFor: `alarm-rule-variable-${t}-name`,
+						/* @__PURE__ */ f(s, { children: [/* @__PURE__ */ d(o, {
+							htmlFor: `alarm-rule-variable-${e}-name`,
 							children: w("alarm_rule_variable_name")
-						}), /* @__PURE__ */ d(l, {
-							id: `alarm-rule-variable-${t}-name`,
+						}), /* @__PURE__ */ d(u, {
+							id: `alarm-rule-variable-${e}-name`,
 							className: "font-mono",
 							spellCheck: !1,
 							autoComplete: "off",
-							value: n.name,
-							onChange: (e) => {
-								T(t, { name: e.target.value });
+							value: t.name,
+							onChange: (t) => {
+								T(e, { name: t.target.value });
 							}
 						})] }),
-						/* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(a, {
-							htmlFor: `alarm-rule-variable-${t}-kind`,
+						/* @__PURE__ */ f(s, { children: [/* @__PURE__ */ d(o, {
+							htmlFor: `alarm-rule-variable-${e}-kind`,
 							children: w("alarm_rule_variable_kind")
-						}), /* @__PURE__ */ f(i, {
-							id: `alarm-rule-variable-${t}-kind`,
-							value: n.kind,
-							onChange: (e) => {
-								let n = g.find((t) => t === e.target.value);
-								n !== void 0 && T(t, { kind: n });
+						}), /* @__PURE__ */ f(a, {
+							id: `alarm-rule-variable-${e}-kind`,
+							value: t.kind,
+							onChange: (t) => {
+								let n = g.find((e) => e === t.target.value);
+								n !== void 0 && T(e, { kind: n });
 							},
 							children: [
-								/* @__PURE__ */ d(s, {
+								/* @__PURE__ */ d(c, {
 									value: "parameter",
 									children: w("alarm_rule_variable_parameter")
 								}),
-								/* @__PURE__ */ d(s, {
+								/* @__PURE__ */ d(c, {
 									value: "endpoint",
 									children: w("alarm_rule_variable_endpoint")
 								}),
-								/* @__PURE__ */ d(s, {
+								/* @__PURE__ */ d(c, {
 									value: "alarmRule",
 									children: w("alarm_rule_variable_alarm_rule")
 								}),
-								/* @__PURE__ */ d(s, {
+								/* @__PURE__ */ d(c, {
 									value: "automationAlarm",
 									children: w("alarm_rule_variable_automation_alarm")
 								}),
-								/* @__PURE__ */ d(s, {
+								/* @__PURE__ */ d(c, {
 									value: "calc",
 									children: w("alarm_rule_variable_calc")
 								})
@@ -180,31 +179,31 @@ function b({ value: e, onChange: c, formulaLanguage: v, data: b, workspaceId: x,
 						})] }),
 						/* @__PURE__ */ d("div", {
 							className: "sm:col-span-full sm:row-start-2",
-							children: O(t, n)
+							children: O(e, t)
 						}),
-						/* @__PURE__ */ d(u, {
+						/* @__PURE__ */ d(i, {
 							type: "button",
 							variant: "ghost",
 							size: "icon-sm",
 							"aria-label": w("alarm_rule_variable_remove"),
 							onClick: () => {
-								c(Object.fromEntries(Object.entries(e).filter(([e]) => e !== t)));
+								l(Object.fromEntries(Object.entries(n).filter(([t]) => t !== e)));
 							},
 							children: /* @__PURE__ */ d(m, {})
 						})
 					]
-				}), /* @__PURE__ */ d(y, { texts: S(`variables.${t}`) })]
-			}, t)),
+				}), /* @__PURE__ */ d(y, { texts: S(`variables.${e}`) })]
+			}, e)),
 			/* @__PURE__ */ d(y, { texts: S("variables") }),
-			/* @__PURE__ */ f(u, {
+			/* @__PURE__ */ f(i, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
 				className: "self-start",
-				disabled: Object.keys(e).length >= 50,
+				disabled: Object.keys(n).length >= 50,
 				onClick: () => {
-					c({
-						...e,
+					l({
+						...n,
 						[C()]: h()
 					});
 				},
@@ -213,14 +212,14 @@ function b({ value: e, onChange: c, formulaLanguage: v, data: b, workspaceId: x,
 		]
 	});
 }
-function x({ value: e, onChange: r, formulaLanguage: i, at: s, newKey: c }) {
-	let h = t(), g = (t, n) => {
-		let i = e[t];
-		i !== void 0 && r({
-			...e,
-			[t]: {
+function x({ value: t, onChange: n, formulaLanguage: a, at: c, newKey: l }) {
+	let h = r(), g = (e, r) => {
+		let i = t[e];
+		i !== void 0 && n({
+			...t,
+			[e]: {
 				...i,
-				...n
+				...r
 			}
 		});
 	};
@@ -231,61 +230,61 @@ function x({ value: e, onChange: r, formulaLanguage: i, at: s, newKey: c }) {
 				className: "text-sm font-medium",
 				children: h("alarm_rule_params")
 			}),
-			Object.entries(e).map(([t, c]) => /* @__PURE__ */ f("div", {
+			Object.entries(t).map(([r, l]) => /* @__PURE__ */ f("div", {
 				className: "flex flex-col gap-1",
 				children: [/* @__PURE__ */ f("div", {
 					className: "grid grid-cols-[minmax(0,10rem)_minmax(0,1fr)_auto] items-end gap-2",
 					children: [
-						/* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(a, {
-							htmlFor: `alarm-rule-param-${t}-name`,
+						/* @__PURE__ */ f(s, { children: [/* @__PURE__ */ d(o, {
+							htmlFor: `alarm-rule-param-${r}-name`,
 							children: h("alarm_rule_param_name")
-						}), /* @__PURE__ */ d(l, {
-							id: `alarm-rule-param-${t}-name`,
+						}), /* @__PURE__ */ d(u, {
+							id: `alarm-rule-param-${r}-name`,
 							className: "font-mono",
 							spellCheck: !1,
 							autoComplete: "off",
-							value: c.name,
+							value: l.name,
 							onChange: (e) => {
-								g(t, { name: e.target.value });
+								g(r, { name: e.target.value });
 							}
 						})] }),
-						/* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(a, {
-							id: `alarm-rule-param-${t}-formula-label`,
-							htmlFor: `alarm-rule-param-${t}-formula`,
+						/* @__PURE__ */ f(s, { children: [/* @__PURE__ */ d(o, {
+							id: `alarm-rule-param-${r}-formula-label`,
+							htmlFor: `alarm-rule-param-${r}-formula`,
 							children: h("alarm_rule_param_formula")
-						}), /* @__PURE__ */ d(n, {
-							id: `alarm-rule-param-${t}-formula`,
-							labelId: `alarm-rule-param-${t}-formula-label`,
-							value: c.formula,
-							language: i,
+						}), /* @__PURE__ */ d(e, {
+							id: `alarm-rule-param-${r}-formula`,
+							labelId: `alarm-rule-param-${r}-formula-label`,
+							value: l.formula,
+							language: a,
 							onChange: (e) => {
-								g(t, { formula: e });
+								g(r, { formula: e });
 							}
 						})] }),
-						/* @__PURE__ */ d(u, {
+						/* @__PURE__ */ d(i, {
 							type: "button",
 							variant: "ghost",
 							size: "icon-sm",
 							"aria-label": h("alarm_rule_param_remove"),
 							onClick: () => {
-								r(Object.fromEntries(Object.entries(e).filter(([e]) => e !== t)));
+								n(Object.fromEntries(Object.entries(t).filter(([e]) => e !== r)));
 							},
 							children: /* @__PURE__ */ d(m, {})
 						})
 					]
-				}), /* @__PURE__ */ d(y, { texts: s(`params.${t}`) })]
-			}, t)),
-			/* @__PURE__ */ d(y, { texts: s("params") }),
-			/* @__PURE__ */ f(u, {
+				}), /* @__PURE__ */ d(y, { texts: c(`params.${r}`) })]
+			}, r)),
+			/* @__PURE__ */ d(y, { texts: c("params") }),
+			/* @__PURE__ */ f(i, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
 				className: "self-start",
-				disabled: Object.keys(e).length >= 20,
+				disabled: Object.keys(t).length >= 20,
 				onClick: () => {
-					r({
-						...e,
-						[c()]: {
+					n({
+						...t,
+						[l()]: {
 							name: "",
 							formula: ""
 						}
@@ -296,9 +295,9 @@ function x({ value: e, onChange: r, formulaLanguage: i, at: s, newKey: c }) {
 		]
 	});
 }
-function S({ members: e, value: n, onChange: r }) {
-	let i = t(), a = new Set(e.map((e) => e.userId)), o = n.filter((e) => !a.has(e)), s = (e, t) => {
-		r(t ? [...n, e] : n.filter((t) => t !== e));
+function S({ members: e, value: t, onChange: n }) {
+	let i = r(), a = new Set(e.map((e) => e.userId)), o = t.filter((e) => !a.has(e)), s = (e, r) => {
+		n(r ? [...t, e] : t.filter((t) => t !== e));
 	};
 	return /* @__PURE__ */ f("fieldset", {
 		className: "flex flex-col gap-1",
@@ -310,8 +309,8 @@ function S({ members: e, value: n, onChange: r }) {
 			children: [e.map((e) => /* @__PURE__ */ f("label", {
 				className: "\n              flex items-center gap-2 rounded-sm p-1 text-sm\n              hover:bg-muted/40\n            ",
 				children: [
-					/* @__PURE__ */ d(c, {
-						checked: n.includes(e.userId),
+					/* @__PURE__ */ d(l, {
+						checked: t.includes(e.userId),
 						onCheckedChange: (t) => {
 							s(e.userId, t);
 						}
@@ -327,7 +326,7 @@ function S({ members: e, value: n, onChange: r }) {
 				]
 			}, e.userId)), o.map((e) => /* @__PURE__ */ f("label", {
 				className: "flex items-center gap-2 rounded-sm p-1 text-sm",
-				children: [/* @__PURE__ */ d(c, {
+				children: [/* @__PURE__ */ d(l, {
 					checked: !0,
 					onCheckedChange: (t) => {
 						s(e, t);
@@ -340,5 +339,4 @@ function S({ members: e, value: n, onChange: r }) {
 		})]
 	});
 }
-//#endregion
 export { v as a, b as i, x as n, y as r, S as t };

package/dist/{alarm-rules-page-CqFzofPd.js → alarm-rules-page-OFjOQ-dm.js}

@@ -1,24 +1,22 @@
-import { r as e } from "./trpc-CvJUuUXp.js";
-import { h as t, m as n, n as r } from "./i18n-BgzakKoC.js";
-import { l as i } from "./spinner-C-HPNxOc.js";
-import { t as a } from "./button-6SxPBYMz.js";
-import { n as o } from "./skeleton-6yk8Tdh5.js";
-import { n as s } from "./api-error-9rQmUN5L.js";
-import { t as c } from "./page-header-RB2YFWlE.js";
-import { r as l, t as u } from "./query-gate-DVhNIkge.js";
-import { t as d } from "./breadcrumbs-0cjsV2cq.js";
-import { a as f, c as p, d as m, i as h, l as g, n as _, o as v, r as y, s as b, t as x, u as S } from "./catalog-list-DjZojYLJ.js";
-import { i as C } from "./run-text-DvaO8LDF.js";
-import { n as w } from "./entity-controls-D1K4Ot3O.js";
-import { AutomationSectionTabs as T, DeleteDialog as E, ProblemBadges as D, t as O, useDashboardNames as k } from "./list-page-CvsdZb86.js";
+import { Wn as e, ii as t } from "./quick-report-DEqqwQxR.js";
+import { h as n, m as r, n as i } from "./i18n-Dt6xbSK6.js";
+import { jt as a, xt as o } from "./alert-dialog-B60PF7S9.js";
+import { l as s } from "./spinner-BRcNKwjH.js";
+import { b as c } from "./panel-BCwBlB_h.js";
+import { r as l, t as u } from "./query-gate-DqmHsZ07.js";
+import { t as d } from "./breadcrumbs-D2u8KZQo.js";
+import { a as f, c as p, d as m, i as h, l as g, n as _, o as v, r as y, s as b, t as x, u as S } from "./catalog-list-LXuRix0-.js";
+import { i as C } from "./run-text-DneX9rWh.js";
+import { n as w } from "./entity-controls-BCuRx882.js";
+import { AutomationSectionTabs as T, DeleteDialog as E, ProblemBadges as D, t as O, useDashboardNames as k } from "./list-page-agHupfNb.js";
 import { useState as A } from "react";
 import { jsx as j, jsxs as M } from "react/jsx-runtime";
 import { LayoutTemplateIcon as N, PlusIcon as P, Trash2Icon as F, WorkflowIcon as I } from "lucide-react";
 import { resolveLocalized as L } from "@overvis/hmi-shared";
 import { useNavigate as R } from "@tanstack/react-router";
-//#region src/workspace/setup/automations/alarm-rules-page.tsx
+// src/workspace/setup/automations/alarm-rules-page.tsx
 function z({ workspaceId: z }) {
-	let B = n(), V = r(), H = t(), U = R(), W = e.alarmRule.list.useQuery({ workspaceId: z }), G = k(z), [K, q] = A(null), [J, Y] = A(!1);
+	let B = r(), V = i(), H = n(), U = R(), W = t.alarmRule.list.useQuery({ workspaceId: z }), G = k(z), [K, q] = A(null), [J, Y] = A(!1);
 	return /* @__PURE__ */ M(g, { children: [
 		/* @__PURE__ */ j(c, {
 			icon: /* @__PURE__ */ j(I, {}),
@@ -57,7 +55,7 @@ function z({ workspaceId: z }) {
 				className: "space-y-2",
 				children: [/* @__PURE__ */ j(o, { className: "h-10 w-full" }), /* @__PURE__ */ j(o, { className: "h-10 w-4/5" })]
 			}),
-			error: (e) => /* @__PURE__ */ j(u, { message: s(e) }),
+			error: (t) => /* @__PURE__ */ j(u, { message: e(t) }),
 			isEmpty: (e) => e.items.length === 0,
 			empty: /* @__PURE__ */ j(y, { children: B("setup_alarm_rules_empty") }),
 			children: ({ items: e }) => /* @__PURE__ */ j(f, { children: e.map((e) => {
@@ -73,7 +71,7 @@ function z({ workspaceId: z }) {
 						className: "flex min-w-0 flex-wrap items-center gap-2",
 						children: [
 							/* @__PURE__ */ j(b, { children: L(e.name, H) }),
-							/* @__PURE__ */ j(i, {
+							/* @__PURE__ */ j(s, {
 								variant: e.severity === "urgent" ? "destructive" : "secondary",
 								children: C(e.severity)
 							}),
@@ -117,5 +115,4 @@ function z({ workspaceId: z }) {
 		}) : null
 	] });
 }
-//#endregion
 export { z as SetupAlarmRulesPage };