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

package/dist/presence-code-BfSXr50g.js

@@ -0,0 +1,83 @@
+import { r as e } from "./trpc-CvJUuUXp.js";
+import { f as t } from "./i18n-BgzakKoC.js";
+import { i as n } from "./mutation-form-validators-BNz5bsv1.js";
+import { n as r, t as i } from "./api-error-9rQmUN5L.js";
+import { useEffect as a, useRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/workspace/setup/endpoints/presence-challenge.tsx
+function c(e, r, a) {
+	return n(e, r, { message: (e) => !a && i(e) === "endpoint_presence_not_pressed" ? t("error_endpoint_presence_not_pressed_button") : null });
+}
+function l(e) {
+	let t = i(e);
+	return t === "endpoint_presence_rejected" || t === "endpoint_presence_not_pressed" || t === "endpoint_presence_unavailable";
+}
+function u() {
+	let t = e.endpoint.beginPinPresence.useMutation(), n = e.endpoint.cancelPinPresence.useMutation(), r = o(n.mutate), i = o(null), s = o(!1);
+	return a(() => {
+		r.current = n.mutate;
+	}), a(() => (s.current = !1, () => {
+		s.current = !0;
+		let e = i.current;
+		i.current = null, e != null && r.current({ challengeId: e });
+	}), []), {
+		begin: async (e) => {
+			let n = await t.mutateAsync(e);
+			return s.current ? (n.presenceRequired && r.current({ challengeId: n.challengeId }), "closed") : n.presenceRequired ? (i.current = n.challengeId, {
+				challengeId: n.challengeId,
+				codeDisplayed: n.codeDisplayed
+			}) : null;
+		},
+		cancel: (e) => {
+			i.current === e && (i.current = null), r.current({ challengeId: e });
+		},
+		settle: (e) => {
+			i.current === e && (i.current = null);
+		}
+	};
+}
+function d({ challengeId: t, paused: n, onDone: c }) {
+	let l = e.endpoint.pollPinPresence.useQuery({ challengeId: t }, {
+		enabled: !n,
+		refetchInterval: (e) => {
+			let t = i(e.state.error);
+			return t === "endpoint_presence_invalid" || t === "endpoint_presence_unsupported" ? !1 : 1e3;
+		},
+		refetchIntervalInBackground: !0,
+		retry: !1,
+		gcTime: 0
+	}), u = i(l.error) === "endpoint_presence_invalid", d = l.data?.pressed === !0 ? l.dataUpdatedAt : 0, f = o(c), p = o(0), m = o(!1);
+	return a(() => {
+		f.current = c;
+	}), a(() => {
+		if (!n) {
+			if (u) {
+				m.current || (m.current = !0, f.current());
+				return;
+			}
+			d > p.current && (p.current = d, f.current());
+		}
+	}, [
+		u,
+		n,
+		d
+	]), l.error == null || u ? null : /* @__PURE__ */ s("p", {
+		role: "status",
+		className: "text-sm text-destructive",
+		children: r(l.error)
+	});
+}
+//#endregion
+//#region src/workspace/setup/endpoints/presence-code.ts
+function f(e) {
+	let t = e.trim();
+	return t.length === 0 ? {
+		ok: !0,
+		code: void 0
+	} : /^[1-9][0-9]{7}$/.test(t) ? {
+		ok: !0,
+		code: Number(t)
+	} : { ok: !1 };
+}
+//#endregion
+export { u as a, l as i, d as n, c as r, f as t };

package/dist/progress-C7cxNJA1.js

@@ -0,0 +1,83 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import { m as t } from "./dialog-BIhQXcZC.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Tooltip as i } from "@base-ui/react/tooltip";
+import { Progress as a } from "@base-ui/react/progress";
+//#region src/ui/tooltip.tsx
+function o({ delay: e = 0, ...t }) {
+	return /* @__PURE__ */ n(i.Provider, {
+		"data-slot": "tooltip-provider",
+		delay: e,
+		...t
+	});
+}
+function s({ ...e }) {
+	return /* @__PURE__ */ n(i.Root, {
+		"data-slot": "tooltip",
+		...e
+	});
+}
+function c({ ...e }) {
+	return /* @__PURE__ */ n(i.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...e
+	});
+}
+function l({ className: a, side: o = "top", sideOffset: s = 4, align: c = "center", alignOffset: l = 0, children: u, ...d }) {
+	let f = t();
+	return /* @__PURE__ */ n(i.Portal, { children: /* @__PURE__ */ n(i.Positioner, {
+		align: c,
+		alignOffset: l,
+		side: o,
+		sideOffset: s,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ r(i.Popup, {
+			"data-slot": "tooltip-content",
+			"data-theme": f,
+			className: e("\n              z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5\n              rounded-md bg-foreground px-3 py-1.5 text-xs text-background\n              has-data-[slot=kbd]:pr-1.5\n              data-[side=bottom]:slide-in-from-top-2\n              data-[side=inline-end]:slide-in-from-left-2\n              data-[side=inline-start]:slide-in-from-right-2\n              data-[side=left]:slide-in-from-right-2\n              data-[side=right]:slide-in-from-left-2\n              data-[side=top]:slide-in-from-bottom-2\n              **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50\n              **:data-[slot=kbd]:rounded-sm\n              data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0\n              data-[state=delayed-open]:zoom-in-95\n              data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\n              data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\n            ", a),
+			...d,
+			children: [u, /* @__PURE__ */ n(i.Arrow, { className: "\n              z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground\n              fill-foreground\n              data-[side=bottom]:top-1\n              data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1\n              data-[side=inline-end]:-translate-y-1/2\n              data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1\n              data-[side=inline-start]:-translate-y-1/2\n              data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2\n              data-[side=right]:top-1/2! data-[side=right]:-left-1\n              data-[side=right]:-translate-y-1/2\n              data-[side=top]:-bottom-2.5\n            " })]
+		})
+	}) });
+}
+//#endregion
+//#region src/ui/progress.tsx
+function u({ className: t, children: i, value: o, ...s }) {
+	return /* @__PURE__ */ r(a.Root, {
+		value: o,
+		"data-slot": "progress",
+		className: e("flex flex-wrap gap-3", t),
+		...s,
+		children: [i, /* @__PURE__ */ n(d, { children: /* @__PURE__ */ n(f, {}) })]
+	});
+}
+function d({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.Track, {
+		className: e("relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted", t),
+		"data-slot": "progress-track",
+		...r
+	});
+}
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.Indicator, {
+		"data-slot": "progress-indicator",
+		className: e("h-full bg-primary transition-all", t),
+		...r
+	});
+}
+function p({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.Label, {
+		className: e("text-sm font-medium", t),
+		"data-slot": "progress-label",
+		...r
+	});
+}
+function m({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.Value, {
+		className: e("ml-auto text-sm text-muted-foreground tabular-nums", t),
+		"data-slot": "progress-value",
+		...r
+	});
+}
+//#endregion
+export { m as a, o as c, d as i, c as l, f as n, s as o, p as r, l as s, u as t };

package/dist/provider-BOeYHi0n.js

@@ -0,0 +1,134 @@
+import { r as e } from "./trpc-CvJUuUXp.js";
+import { skipToken as t } from "@tanstack/react-query";
+import { createContext as n, useContext as r, useEffect as i, useMemo as a, useState as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { resolveLocalizedText as c } from "@overvis/hmi-shared";
+import { alarmWatchEventSchema as l } from "@overvis/hmi-shared/automation";
+import { formatExpressionValue as u } from "@overvis/hmi-shared/expression";
+//#region src/workspace/alarms/model.ts
+var d = "—", f = {
+	info: 0,
+	warning: 1,
+	urgent: 2
+};
+function p(e) {
+	return e.kind === "alarm_rule" ? e.alarmRuleId : e.automationId;
+}
+function m(e, t) {
+	return e.shelvedUntil != null && Date.parse(e.shelvedUntil) > t;
+}
+function h(e, t) {
+	return e.acknowledgedAt == null && !m(e, t);
+}
+function g(e, t) {
+	return e.filter((e) => h(e, t)).length;
+}
+function _(e, t) {
+	return e.filter((e) => e.severity !== "info" && h(e, t));
+}
+function v(e, t) {
+	return [...e].sort((e, n) => {
+		let r = Number(h(n, t)) - Number(h(e, t));
+		if (r !== 0) return r;
+		let i = f[n.severity] - f[e.severity];
+		return i === 0 ? Date.parse(n.raisedAt) - Date.parse(e.raisedAt) : i;
+	});
+}
+function y(e, t) {
+	let n = t.sourceIds == null ? null : new Set(t.sourceIds), r = t.parameterIds == null ? null : new Set(t.parameterIds);
+	return e.filter((e) => (n == null || n.has(p(e.source))) && (t.keyPrefix == null || e.key.startsWith(t.keyPrefix)) && (r == null || e.parameterIds.some((e) => r.has(e))));
+}
+function b(e, t) {
+	let n = null;
+	for (let r of e) {
+		if (r.shelvedUntil == null) continue;
+		let e = Date.parse(r.shelvedUntil);
+		e > t && (n == null || e < n) && (n = e);
+	}
+	return n;
+}
+function x(e, t, n, r) {
+	let i = new Intl.NumberFormat(n, { maximumFractionDigits: 6 });
+	return c(e, n).replace(/\{([A-Za-z_][A-Za-z0-9_]*)\}/g, (e, n) => {
+		if (!Object.hasOwn(t, n)) return e;
+		let a = t[n];
+		return a?.value == null ? d : a.type === "number" && typeof a.value == "number" ? i.format(a.value) : u(a.value, a.type, r) ?? d;
+	});
+}
+function S(e, t, n) {
+	return {
+		title: x(e.title, e.params, t, n).trim(),
+		body: e.body == null ? "" : x(e.body, e.params, t, n).trim()
+	};
+}
+//#endregion
+//#region src/workspace/alarms/provider.tsx
+var C = 1e3, w = n(null);
+function T(n) {
+	let [r, a] = o(null), [s, c] = o(0), u = e.alarm.watch.useSubscription(n == null ? t : { workspaceId: n }, {
+		onData(e) {
+			let t = l["~standard"].validate(e);
+			t.issues != null || n == null || a({
+				workspaceId: n,
+				list: t.value.alarms,
+				configured: t.value.configured,
+				receivedAt: Date.now()
+			});
+		},
+		onComplete() {
+			c((e) => e + 1);
+		}
+	}), { reset: d } = u;
+	i(() => {
+		if (s === 0) return;
+		let e = setTimeout(d, C);
+		return () => {
+			clearTimeout(e);
+		};
+	}, [s, d]);
+	let f = r?.workspaceId === n ? r : null, [p, m] = o(0), h = Math.max(p, f?.receivedAt ?? 0);
+	return i(() => {
+		if (f == null) return;
+		let e = b(f.list, h);
+		if (e == null) return;
+		let t = setTimeout(() => {
+			m(Date.now());
+		}, Math.min(Math.max(e - Date.now(), 0) + 50, 2 ** 31 - 1));
+		return () => {
+			clearTimeout(t);
+		};
+	}, [f, h]), {
+		alarms: f?.list,
+		configured: f?.configured ?? !1,
+		failed: u.status === "error",
+		now: h
+	};
+}
+function E({ workspaceId: e, children: t }) {
+	let { alarms: n, configured: r, failed: i, now: o } = T(e), c = a(() => ({
+		alarms: n,
+		configured: r,
+		failed: i,
+		now: o,
+		workspaceId: e
+	}), [
+		n,
+		r,
+		i,
+		o,
+		e
+	]);
+	return /* @__PURE__ */ s(w.Provider, {
+		value: c,
+		children: t
+	});
+}
+function D(e) {
+	let t = r(w), n = T(t?.workspaceId === e ? null : e);
+	return t?.workspaceId === e ? t : n;
+}
+function O() {
+	return r(w);
+}
+//#endregion
+export { p as a, m as c, _ as d, S as i, h as l, O as n, g as o, D as r, y as s, E as t, v as u };