@overvis/hmi-workspace-ui 0.1.1 → 0.1.3

package/dist/starter-fields-BHNS6IQe.js

@@ -0,0 +1,678 @@
+import { rr as e } from "./quick-report-ZvrI5Jkh.js";
+import { f as t, h as n, m as r } from "./i18n-D54xfDUE.js";
+import { X as i, Y as a, jt as o, rt as s, tt as c } from "./alert-dialog-CskdoiGZ.js";
+import { A as l, G as u, H as d, L as f, M as p, R as m, U as h, V as g, Y as _, a as v, c as y, n as b, o as x, r as S, z as C } from "./spinner-LbVGWBQq.js";
+import { A as w, C as T, E, S as D, w as O, x as k } from "./panel-Cr3OXiRs.js";
+import { r as A, t as ee } from "./alarm-rule-lists-Ax7PzbQy.js";
+import { i as te } from "./run-text-Bmkf_u0N.js";
+import { Fragment as ne, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { ChevronRightIcon as N, PlusIcon as P, Trash2Icon as F, TriangleAlertIcon as re } from "lucide-react";
+import { resolveLocalized as I } from "@overvis/hmi-shared";
+import { automationCommandRoles as L, automationSeverities as ie } from "@overvis/hmi-shared/automation";
+import { starterPlaceholderShown as R } from "@overvis/hmi-shared/starter";
+// src/workspace/setup/starters/starter-form.ts
+var z = {
+	ms: 1,
+	s: 1e3,
+	min: 6e4,
+	h: 36e5
+};
+function B(e) {
+	return [...e.units ?? [e.unit]].sort((e, t) => z[t] - z[e]);
+}
+function V(e, t) {
+	let n = e.units === void 0 ? e.unit : B(e).find((e) => t % z[e] === 0) ?? e.unit;
+	return {
+		amount: String(t / z[n]),
+		unit: n
+	};
+}
+function H(e) {
+	return e === void 0 ? {
+		kind: "none",
+		roles: [],
+		memberIds: []
+	} : e.kind === "roles" ? {
+		kind: "roles",
+		roles: [...e.roles],
+		memberIds: []
+	} : {
+		kind: "members",
+		roles: [],
+		memberIds: [...e.userIds]
+	};
+}
+function U(e) {
+	switch (e.kind) {
+		case "number": return e.default === void 0 ? "" : String(e.default);
+		case "duration": return e.default === void 0 ? {
+			kind: "duration",
+			amount: "",
+			unit: e.unit
+		} : {
+			kind: "duration",
+			...V(e, e.default)
+		};
+		case "timeOfDay":
+		case "severity":
+		case "choice": return e.default ?? "";
+		case "weekdays": return [...e.default ?? []];
+		case "recipients": return H(e.default);
+		case "boolean": return e.default ?? !1;
+		case "fileName": return e.default;
+		case "parameter":
+		case "endpoint":
+		case "alarmRule":
+		case "branch":
+		case "text":
+		case "phone": return "";
+	}
+}
+function W(e, t) {
+	return {
+		key: t,
+		fields: Object.fromEntries(e.map((e) => [e.name, U(e)]))
+	};
+}
+function ae(e) {
+	return Object.fromEntries(e.map((e) => [e.name, e.kind === "list" ? Array.from({ length: Math.max(1, e.minItems) }, (t, n) => W(e.fields, `row-${String(n)}`)) : U(e)]));
+}
+var oe = /^-?\d+(?:[.,]\d+)?$/u;
+function G(e) {
+	let t = e.trim();
+	return oe.test(t) ? Number(t.replace(",", ".")) : null;
+}
+function K(e) {
+	let t = G(e.amount);
+	return t === null ? null : Math.round(t * z[e.unit]);
+}
+function se(e, t) {
+	if (t === void 0) return {
+		ok: !0,
+		value: void 0
+	};
+	if (typeof t == "boolean") return {
+		ok: !0,
+		value: t
+	};
+	if (Array.isArray(t)) return {
+		ok: !0,
+		value: [...t].sort((e, t) => e - t)
+	};
+	if (typeof t == "object") {
+		if (t.kind === "duration") {
+			if (t.amount.trim() === "") return {
+				ok: !0,
+				value: void 0
+			};
+			let e = K(t);
+			return e === null ? {
+				ok: !1,
+				code: "invalid"
+			} : {
+				ok: !0,
+				value: e
+			};
+		}
+		return t.kind === "none" ? {
+			ok: !0,
+			value: void 0
+		} : t.kind === "roles" ? t.roles.length === 0 ? {
+			ok: !1,
+			code: "required"
+		} : {
+			ok: !0,
+			value: {
+				kind: "roles",
+				roles: [...t.roles]
+			}
+		} : t.memberIds.length === 0 ? {
+			ok: !1,
+			code: "required"
+		} : {
+			ok: !0,
+			value: {
+				kind: "members",
+				userIds: [...t.memberIds]
+			}
+		};
+	}
+	if (t.trim() === "") return {
+		ok: !0,
+		value: void 0
+	};
+	if (e.kind === "number") {
+		let e = G(t);
+		return e === null ? {
+			ok: !1,
+			code: "invalid"
+		} : {
+			ok: !0,
+			value: e
+		};
+	}
+	return {
+		ok: !0,
+		value: t
+	};
+}
+function ce(e, t) {
+	let n = [], r = (e, t, r) => {
+		let i = {};
+		for (let a of e) {
+			let e = t[a.name], o = se(a, q(e));
+			o.ok ? o.value !== void 0 && (i[a.name] = o.value) : n.push({
+				path: `${r}/${a.name}`,
+				code: o.code,
+				args: {}
+			});
+		}
+		return i;
+	}, i = e.filter((n) => R(n, e, t)), a = r(i.filter((e) => e.kind !== "list"), t, "");
+	for (let e of i) e.kind === "list" && (a[e.name] = J(t[e.name]).map((t, n) => r(e.fields, t.fields, `/${e.name}/${String(n)}`)));
+	return n.length > 0 ? {
+		ok: !1,
+		problems: n
+	} : {
+		ok: !0,
+		values: a
+	};
+}
+function q(e) {
+	if (!Array.isArray(e)) return e;
+	let t = e, n = t.filter((e) => typeof e == "number");
+	return n.length === t.length ? n : void 0;
+}
+function J(e) {
+	return Array.isArray(e) ? e.filter((e) => typeof e == "object" && !!e && "key" in e) : [];
+}
+function le(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		let e = t.get(n.path) ?? [];
+		e.push(n), t.set(n.path, e);
+	}
+	return t;
+}
+// src/workspace/setup/starters/starter-fields.tsx
+var ue = ["view_only", ...L], de = [
+	1,
+	2,
+	3,
+	4,
+	5,
+	6,
+	7
+], Y = /* @__PURE__ */ new Set([
+	"parameter",
+	"weekdays",
+	"recipients",
+	"text"
+]);
+function fe({ starters: e, onPick: t }) {
+	let r = n();
+	return /* @__PURE__ */ j(E, {
+		className: "gap-2",
+		children: e.map((e) => /* @__PURE__ */ M(k, {
+			variant: "outline",
+			render: /* @__PURE__ */ j("button", { type: "button" }),
+			className: "text-left",
+			onClick: () => {
+				t(e.id);
+			},
+			children: [/* @__PURE__ */ M(T, { children: [/* @__PURE__ */ j(w, { children: I(e.name, r) }), /* @__PURE__ */ j(O, {
+				className: "line-clamp-none",
+				children: I(e.description, r)
+			})] }), /* @__PURE__ */ j(D, { children: /* @__PURE__ */ j(N, { className: "size-4 text-muted-foreground" }) })]
+		}, e.id))
+	});
+}
+function X({ workspaceId: e, placeholders: t, values: n, onChange: r, problems: i, data: a, newKey: o }) {
+	let s = le(i), c = (e, t) => s.get(e)?.map((e) => Z(e, t));
+	return /* @__PURE__ */ j(g, { children: t.filter((e) => R(e, t, n)).map((t) => t.kind === "list" ? /* @__PURE__ */ j(he, {
+		workspaceId: e,
+		placeholder: t,
+		rows: J(n[t.name]),
+		onChange: (e, i) => {
+			r({
+				...n,
+				[t.name]: e
+			}, i ?? `/${t.name}`);
+		},
+		data: a,
+		newKey: o,
+		problemsAt: c
+	}, t.name) : /* @__PURE__ */ j($, {
+		id: `starter-${t.name}`,
+		workspaceId: e,
+		placeholder: t,
+		value: q(n[t.name]),
+		onChange: (e) => {
+			r({
+				...n,
+				[t.name]: e
+			}, `/${t.name}`);
+		},
+		data: a,
+		problems: c(`/${t.name}`, t)
+	}, t.name)) });
+}
+function Z(e, n) {
+	let r = (e) => {
+		if (e === void 0) return "";
+		if (n.kind === "duration" && typeof e == "number") {
+			let t = V(n, e);
+			return `${t.amount} ${Q(t.unit)}`;
+		}
+		return String(e);
+	}, { args: i } = e;
+	switch (e.code) {
+		case "required": return t("starter_problem_required");
+		case "invalid": return t("starter_problem_invalid");
+		case "unknown_placeholder": return t("starter_problem_unknown_placeholder");
+		case "out_of_range": return i.min !== void 0 && i.max !== void 0 ? t("starter_problem_out_of_range", {
+			min: r(i.min),
+			max: r(i.max)
+		}) : i.min === void 0 ? i.max === void 0 ? t("starter_problem_invalid") : t("starter_problem_out_of_range_max", { max: r(i.max) }) : t("starter_problem_out_of_range_min", { min: r(i.min) });
+		case "too_few": return t("starter_problem_too_few", { min: String(i.min ?? "") });
+		case "too_many": return t("starter_problem_too_many", { max: String(i.max ?? "") });
+		case "duplicate": return t("starter_problem_duplicate");
+		case "parameter_not_found": return t("starter_problem_parameter_not_found");
+		case "parameter_type": return i.expected === "boolean" ? t("starter_problem_parameter_type_boolean") : i.expected === "number" ? t("starter_problem_parameter_type_number") : t("starter_problem_parameter_type", { expected: String(i.expected ?? "") });
+		case "parameter_not_writable": return t("starter_problem_parameter_not_writable");
+		case "parameter_not_on_endpoint": return t("starter_problem_parameter_not_on_endpoint");
+		case "parameter_encoding": return t("starter_problem_parameter_encoding");
+		case "endpoint_not_found": return t("starter_problem_endpoint_not_found");
+		case "alarm_rule_not_found": return t("starter_problem_alarm_rule_not_found");
+		case "member_not_found": return t("starter_problem_member_not_found");
+		case "branch_not_found": return t("starter_problem_branch_not_found");
+		case "file_name_invalid": return t("starter_problem_file_name_invalid");
+		case "file_name_taken": return t("starter_problem_file_name_taken");
+	}
+}
+function Q(e) {
+	switch (e) {
+		case "ms": return t("starter_unit_ms");
+		case "s": return t("starter_unit_s");
+		case "min": return t("starter_unit_min");
+		case "h": return t("starter_unit_h");
+	}
+}
+function pe(e) {
+	switch (e) {
+		case 1: return t("report_weekday_mon");
+		case 2: return t("report_weekday_tue");
+		case 3: return t("report_weekday_wed");
+		case 4: return t("report_weekday_thu");
+		case 5: return t("report_weekday_fri");
+		case 6: return t("report_weekday_sat");
+		default: return t("report_weekday_sun");
+	}
+}
+function me() {
+	let e = r();
+	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");
+			default: return e("automation_role_view_only");
+		}
+	};
+}
+function he({ workspaceId: e, placeholder: t, rows: i, onChange: a, data: s, newKey: c, problemsAt: l }) {
+	let d = r(), f = n(), p = `/${t.name}`, m = t.itemLabel === void 0 ? void 0 : I(t.itemLabel, f), g = (e) => m === void 0 ? d("starter_row", { number: String(e + 1) }) : `${m} ${String(e + 1)}`, _ = t.fields.filter((e) => Y.has(e.kind)), v = t.fields.filter((e) => !Y.has(e.kind)), y = (e, n) => /* @__PURE__ */ j(o, {
+		type: "button",
+		variant: "ghost",
+		size: "icon-sm",
+		"aria-label": d("starter_remove_row", { row: g(n) }),
+		disabled: i.length <= t.minItems,
+		onClick: () => {
+			a(i.filter((t) => t.key !== e.key));
+		},
+		children: /* @__PURE__ */ j(F, {})
+	}), b = (n, r, o, c = !1) => /* @__PURE__ */ j($, {
+		id: `starter-${t.name}-${n.key}-${o.name}`,
+		workspaceId: e,
+		placeholder: o,
+		...c ? {
+			label: g(r),
+			labelHidden: c
+		} : {},
+		value: n.fields[o.name],
+		onChange: (e) => {
+			a(i.map((t) => t.key === n.key ? {
+				...t,
+				fields: {
+					...t.fields,
+					[o.name]: e
+				}
+			} : t), `${p}/${String(r)}/${o.name}`);
+		},
+		data: s,
+		problems: l(`${p}/${String(r)}/${o.name}`, o)
+	}, o.name), [x] = t.fields;
+	return /* @__PURE__ */ M(u, { children: [
+		/* @__PURE__ */ j(h, { children: I(t.label, f) }),
+		t.help === void 0 ? null : /* @__PURE__ */ j(C, { children: I(t.help, f) }),
+		/* @__PURE__ */ j(A, { texts: l(p, t) }),
+		t.fields.length === 1 && x !== void 0 ? /* @__PURE__ */ j("div", {
+			className: "flex flex-col gap-2",
+			children: i.map((e, t) => /* @__PURE__ */ M("div", {
+				className: "flex items-start gap-2",
+				children: [/* @__PURE__ */ j("div", {
+					className: "min-w-0 flex-1",
+					children: b(e, t, x, !0)
+				}), /* @__PURE__ */ j("div", {
+					className: "flex h-9 items-center",
+					children: y(e, t)
+				})]
+			}, e.key))
+		}) : /* @__PURE__ */ j("div", {
+			className: "flex flex-col gap-3",
+			children: i.map((e, t) => /* @__PURE__ */ M("div", {
+				className: "flex flex-col gap-3 rounded-lg border p-3",
+				children: [
+					/* @__PURE__ */ M("div", {
+						className: "flex items-center justify-between gap-2",
+						children: [/* @__PURE__ */ j("span", {
+							className: "font-medium",
+							children: g(t)
+						}), y(e, t)]
+					}),
+					_.map((n) => b(e, t, n)),
+					v.length === 0 ? null : /* @__PURE__ */ j("div", {
+						className: "\n                    grid grid-cols-1 gap-3\n                    sm:grid-cols-2\n                  ",
+						children: v.map((n) => b(e, t, n))
+					})
+				]
+			}, e.key))
+		}),
+		/* @__PURE__ */ j("div", { children: /* @__PURE__ */ M(o, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			disabled: i.length >= t.maxItems,
+			onClick: () => {
+				a([...i, W(t.fields, c())]);
+			},
+			children: [/* @__PURE__ */ j(P, { "data-icon": "inline-start" }), d("starter_add_row")]
+		}) })
+	] });
+}
+function $({ id: t, workspaceId: o, placeholder: u, label: h, labelHidden: g = !1, value: w, onChange: T, data: E, problems: D }) {
+	let O = r(), k = n(), N = me(), P = "optional" in u && (u.optional ?? !1), F = h ?? I(u.label, k), L = u.help === void 0 ? void 0 : I(u.help, k), R = typeof w == "string" ? w : "", z = D !== void 0 && D.length > 0, V = P ? /* @__PURE__ */ j("span", {
+		className: "font-normal text-muted-foreground",
+		children: O("starter_optional")
+	}) : null, H = /* @__PURE__ */ M(d, {
+		htmlFor: t,
+		className: g ? "sr-only" : void 0,
+		children: [F, V]
+	}), U = /* @__PURE__ */ M(ne, { children: [L === void 0 ? null : /* @__PURE__ */ j(C, { children: L }), /* @__PURE__ */ j(A, { texts: D })] }), W = (e, n) => /* @__PURE__ */ M(f, {
+		"data-invalid": z || void 0,
+		children: [
+			H,
+			/* @__PURE__ */ M(l, {
+				id: t,
+				value: R,
+				"aria-invalid": z || void 0,
+				onChange: (e) => {
+					T(e.target.value);
+				},
+				children: [n ? /* @__PURE__ */ j(p, {
+					value: "",
+					children: O("starter_choose")
+				}) : null, e.map((e) => /* @__PURE__ */ j(p, {
+					value: e.id,
+					children: e.name
+				}, e.id))]
+			}),
+			U
+		]
+	});
+	switch (u.kind) {
+		case "parameter": {
+			let n = D !== void 0 || R === "" ? null : E.parameterProblem?.(u, R), r = n == null ? D : [Z(n, u)];
+			return /* @__PURE__ */ j(e, {
+				name: t,
+				label: F,
+				labelSuffix: V,
+				labelHidden: g,
+				workspaceId: o,
+				value: R,
+				onChange: T,
+				preferred: (e) => E.parameterFits(u, e),
+				...L === void 0 ? {} : { description: L },
+				invalid: r !== void 0 && r.length > 0,
+				errors: (r ?? []).map((e) => ({ message: e }))
+			});
+		}
+		case "endpoint": return W(E.endpoints, !0);
+		case "alarmRule": return W(E.alarmRules, !0);
+		case "branch": return W(E.branches, !0);
+		case "choice": return W(u.options.map((e) => ({
+			id: e.value,
+			name: I(e.label, k)
+		})), u.default === void 0);
+		case "severity": return W(ie.map((e) => ({
+			id: e,
+			name: te(e)
+		})), u.default === void 0);
+		case "duration": {
+			let e = typeof w == "object" && !Array.isArray(w) && w.kind === "duration" ? w : {
+				kind: "duration",
+				amount: "",
+				unit: u.unit
+			}, n = B(u), r = K(e), i = u.caution !== void 0 && r !== null && r < u.caution.below ? I(u.caution.text, k) : void 0, a = /* @__PURE__ */ j(v, {
+				id: t,
+				inputMode: "decimal",
+				value: e.amount,
+				"aria-invalid": z || void 0,
+				onChange: (t) => {
+					T({
+						...e,
+						amount: t.target.value
+					});
+				}
+			});
+			return /* @__PURE__ */ M(f, {
+				"data-invalid": z || void 0,
+				children: [
+					H,
+					n.length > 1 ? /* @__PURE__ */ M("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ j(b, {
+							className: "flex-1",
+							children: a
+						}), /* @__PURE__ */ j(l, {
+							"aria-label": O("starter_unit"),
+							value: e.unit,
+							onChange: (t) => {
+								let r = n.find((e) => e === t.target.value);
+								r !== void 0 && T({
+									...e,
+									unit: r
+								});
+							},
+							children: n.map((e) => /* @__PURE__ */ j(p, {
+								value: e,
+								children: Q(e)
+							}, e))
+						})]
+					}) : /* @__PURE__ */ M(b, { children: [a, /* @__PURE__ */ j(S, {
+						align: "inline-end",
+						children: /* @__PURE__ */ j(x, { children: Q(e.unit) })
+					})] }),
+					i === void 0 ? null : /* @__PURE__ */ M(c, {
+						variant: "warning",
+						children: [/* @__PURE__ */ j(re, {}), /* @__PURE__ */ j(s, { children: i })]
+					}),
+					U
+				]
+			});
+		}
+		case "number": {
+			let e = u.unit === void 0 ? "" : I(u.unit, k);
+			return /* @__PURE__ */ M(f, {
+				"data-invalid": z || void 0,
+				children: [
+					H,
+					/* @__PURE__ */ M(b, { children: [/* @__PURE__ */ j(v, {
+						id: t,
+						inputMode: u.integer === !0 ? "numeric" : "decimal",
+						value: R,
+						"aria-invalid": z || void 0,
+						onChange: (e) => {
+							T(e.target.value);
+						}
+					}), e === "" ? null : /* @__PURE__ */ j(S, {
+						align: "inline-end",
+						children: /* @__PURE__ */ j(x, { children: e })
+					})] }),
+					U
+				]
+			});
+		}
+		case "timeOfDay":
+		case "text":
+		case "fileName":
+		case "phone": return /* @__PURE__ */ M(f, {
+			"data-invalid": z || void 0,
+			children: [
+				H,
+				/* @__PURE__ */ j(y, {
+					id: t,
+					...u.kind === "timeOfDay" ? {
+						type: "time",
+						step: 60
+					} : u.kind === "text" ? { maxLength: u.maxLength } : u.kind === "phone" ? {
+						type: "tel",
+						autoComplete: "off"
+					} : {
+						maxLength: 12,
+						autoComplete: "off",
+						className: "font-mono uppercase"
+					},
+					value: R,
+					"aria-invalid": z || void 0,
+					onChange: (e) => {
+						T(e.target.value);
+					}
+				}),
+				U
+			]
+		});
+		case "boolean": return /* @__PURE__ */ M(f, {
+			orientation: "horizontal",
+			"data-invalid": z || void 0,
+			children: [/* @__PURE__ */ j(_, {
+				id: t,
+				checked: w === !0,
+				onCheckedChange: (e) => {
+					T(e);
+				}
+			}), /* @__PURE__ */ M(m, { children: [/* @__PURE__ */ j(d, {
+				htmlFor: t,
+				children: F
+			}), U] })]
+		});
+		case "weekdays": return /* @__PURE__ */ M(f, {
+			"data-invalid": z || void 0,
+			children: [
+				/* @__PURE__ */ j(d, {
+					id: t,
+					children: F
+				}),
+				/* @__PURE__ */ j(a, {
+					multiple: !0,
+					variant: "outline",
+					size: "sm",
+					spacing: 0,
+					className: "w-full",
+					"aria-labelledby": t,
+					value: (Array.isArray(w) ? w : []).map(String),
+					onValueChange: (e) => {
+						T(e.map(Number).filter((e) => Number.isInteger(e) && e >= 1 && e <= 7).sort((e, t) => e - t));
+					},
+					children: de.map((e) => /* @__PURE__ */ j(i, {
+						value: String(e),
+						className: "min-w-0 flex-1 px-1",
+						children: pe(e)
+					}, e))
+				}),
+				U
+			]
+		});
+		case "recipients": {
+			let e = typeof w == "object" && !Array.isArray(w) && w.kind !== "duration" ? w : {
+				kind: "none",
+				roles: [],
+				memberIds: []
+			};
+			return /* @__PURE__ */ M(f, {
+				"data-invalid": z || void 0,
+				children: [
+					H,
+					/* @__PURE__ */ M(l, {
+						id: t,
+						value: e.kind,
+						onChange: (t) => {
+							let n = [
+								"none",
+								"roles",
+								"members"
+							].find((e) => e === t.target.value);
+							n !== void 0 && T({
+								...e,
+								kind: n
+							});
+						},
+						children: [
+							P ? /* @__PURE__ */ j(p, {
+								value: "none",
+								children: O("starter_recipients_none")
+							}) : null,
+							/* @__PURE__ */ j(p, {
+								value: "roles",
+								children: O("alarm_rule_recipients_roles")
+							}),
+							/* @__PURE__ */ j(p, {
+								value: "members",
+								children: O("alarm_rule_recipients_members")
+							})
+						]
+					}),
+					e.kind === "roles" ? /* @__PURE__ */ j("div", {
+						className: "flex flex-wrap gap-4",
+						children: ue.map((t) => /* @__PURE__ */ M("label", {
+							className: "flex items-center gap-2 text-sm",
+							children: [/* @__PURE__ */ j(_, {
+								checked: e.roles.includes(t),
+								onCheckedChange: (n) => {
+									let r = n ? [...e.roles, t] : e.roles.filter((e) => e !== t);
+									T({
+										...e,
+										roles: r
+									});
+								}
+							}), N(t)]
+						}, t))
+					}) : null,
+					e.kind === "members" ? /* @__PURE__ */ j(ee, {
+						members: E.members,
+						value: e.memberIds,
+						onChange: (t) => {
+							T({
+								...e,
+								memberIds: t
+							});
+						}
+					}) : null,
+					U
+				]
+			});
+		}
+	}
+}
+export { ce as i, X as n, ae as r, fe as t };