@overvis/hmi-workspace-ui 0.0.0-stage → 0.1.0

package/dist/starter-fields-BRLX0z-v.js

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

package/dist/starter-handoff-BA3ucMKL.js

@@ -0,0 +1,19 @@
+import { Value as e } from "typebox/value";
+import { alarmRuleType as t, automationType as n } from "@overvis/hmi-shared/automation";
+//#region src/workspace/setup/automations/starter-handoff.ts
+function r(e) {
+	return { overvisAutomationStarter: e };
+}
+function i(e) {
+	return typeof e == "object" && e && "document" in e ? e.document : void 0;
+}
+function a(t) {
+	let r = i(t);
+	return e.Check(n, r) ? r : void 0;
+}
+function o(n) {
+	let r = i(n);
+	return e.Check(t, r) ? r : void 0;
+}
+//#endregion
+export { a as n, r, o as t };