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

package/dist/select-eNgZdZ30.js

@@ -0,0 +1,521 @@
+import { f as e, h as t } from "./i18n-BgzakKoC.js";
+import { t as n } from "./utils-CX-Pz5p6.js";
+import { t as r } from "./button-6SxPBYMz.js";
+import { a as i, h as a, r as o, t as s } from "./dropdown-menu-DSzbBq3v.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { CheckIcon as ee, ChevronDownIcon as u } from "lucide-react";
+import { DEFAULT_CHART_INTEGER_SERIES as d, DEFAULT_CHART_NUMERIC_SERIES as f, DEFAULT_CHART_SETUP as p, DEFAULT_CHART_STRING_SERIES as te, DEFAULT_HISTOGRAM_SETUP as ne, DEFAULT_NUMERIC_CADENCE_SERIES as m, DEFAULT_TABLE_SETUP as re, DEFAULT_TIME_BUCKETS_SETUP as h, assignReportSnapshotColors as g, freezeReportParameterSetupFromLive as _, reportColors as v, reportParameterShellFormFromSetup as y, reportSnapshotColorAt as b, reportSnapshotTypeForValueTypeName as x } from "@overvis/hmi-shared/report";
+//#region src/workspace/reports/table/totals.ts
+function S(e, t) {
+	return t === "none" ? !0 : t === "per-day" ? e === "1d" : e === "1h" || e === "4h" || e === "1d";
+}
+function C(e) {
+	switch (e) {
+		case "last": return ["latest"];
+		case "delta": return ["delta"];
+		case "sum": return ["sum"];
+		case "average": return ["average"];
+		case "min": return ["min"];
+		case "max": return ["max"];
+		default: return [];
+	}
+}
+//#endregion
+//#region src/workspace/reports/sankey/graph.ts
+function w(e, t, n) {
+	return `${e}\0${t}\0${n}`;
+}
+function T(e, t, n, r) {
+	let i = w(t, n, r);
+	for (let t of e) if (w(t.fromNodeId, t.toNodeId, t.parameterId) === i) return !0;
+	return !1;
+}
+function E(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let t of e) {
+		let e = n.get(t.toNodeId) ?? [];
+		e.push(t.fromNodeId), n.set(t.toNodeId, e);
+	}
+	let r = /* @__PURE__ */ new Set(), i = [t];
+	for (; i.length > 0;) {
+		let e = i.pop();
+		if (!(e == null || r.has(e))) {
+			r.add(e);
+			for (let t of n.get(e) ?? []) i.push(t);
+		}
+	}
+	return r;
+}
+function D(e, t, n) {
+	let r = E(t, n), i = [];
+	for (let t of e) r.has(t) || i.push(t);
+	return i;
+}
+function O(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let e of t) {
+		if (e.fromNodeId === e.toNodeId) return !0;
+		let t = n.get(e.fromNodeId) ?? [];
+		t.push(e.toNodeId), n.set(e.fromNodeId, t);
+	}
+	let r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set();
+	function a(e) {
+		if (r.has(e)) return !0;
+		if (i.has(e)) return !1;
+		r.add(e);
+		for (let t of n.get(e) ?? []) if (a(t)) return !0;
+		return r.delete(e), i.add(e), !1;
+	}
+	for (let t of e) if (a(t)) return !0;
+	return !1;
+}
+function k(e, t, n, r) {
+	return D(e, t, n).filter((e) => !T(t, n, e, r));
+}
+function A(e, t, n, r) {
+	let i = [], a = /* @__PURE__ */ new Set(), o = (e) => {
+		e.length === 0 || a.has(e) || (a.add(e), i.push(e));
+	};
+	o(r);
+	for (let r of e) k(e, t, r, n).length > 0 && o(r);
+	return i;
+}
+function j(e) {
+	let t = [], n = /* @__PURE__ */ new Set();
+	for (let r of e) n.has(r) || (n.add(r), t.push(r));
+	return t;
+}
+function M(e, t) {
+	return e.some((e) => !t.has(e));
+}
+function N(e, t) {
+	let n = new Set(t), r = [], i = /* @__PURE__ */ new Set();
+	for (let t of e) !n.has(t.fromNodeId) && !n.has(t.toNodeId) || i.has(t.parameterId) || (i.add(t.parameterId), r.push(t.parameterId));
+	return r;
+}
+function P(e, t) {
+	return e ?? (t ? 160 : 280);
+}
+function F(e, t, n) {
+	let r = e.toFixed(t);
+	return n === "" ? r : `${r} ${n}`;
+}
+//#endregion
+//#region src/workspace/reports/preset/form-helpers.ts
+function I(e) {
+	let t = e.parameters.filter((e) => x(e.valueType.name) != null), n = g({
+		used: e.usedColors,
+		count: t.length
+	});
+	return t.flatMap((t, r) => {
+		let i = n[r] ?? b(r), a = _({
+			...t,
+			defaultColor: i
+		});
+		return a == null ? [] : [y(a, e.locale)];
+	});
+}
+function L(e, t) {
+	if (!t(e)) return e;
+	let n = 2;
+	for (; t(`${e}${String(n)}`);) n += 1;
+	return `${e}${String(n)}`;
+}
+function R(e, t) {
+	return L(t, (t) => Object.hasOwn(e, t));
+}
+function z() {
+	return {
+		...p,
+		parameters: []
+	};
+}
+function B() {
+	return {
+		...re,
+		parameters: []
+	};
+}
+function V(e) {
+	return e.type === "numeric" ? {
+		parameterId: e.parameterId,
+		type: "numeric",
+		decimalPlaces: 2,
+		perCadenceValue: "latest",
+		totals: "none",
+		bgZoneColorOpacity: 0
+	} : e.type === "integer" ? {
+		parameterId: e.parameterId,
+		type: "integer",
+		bgOpacity: {},
+		totals: "none"
+	} : {
+		parameterId: e.parameterId,
+		type: "string",
+		totals: "none"
+	};
+}
+function H() {
+	return {
+		...h,
+		parameters: []
+	};
+}
+function ie() {
+	return {
+		...ne,
+		parameters: []
+	};
+}
+function U(e) {
+	return {
+		parameterId: e.parameterId,
+		...m
+	};
+}
+function W(e) {
+	return {
+		parameterId: e.parameterId,
+		...m
+	};
+}
+function G() {
+	return {
+		type: "calendar",
+		showAs: "month-days",
+		dayValueParameter: null,
+		dayTextColorParameter: null,
+		dayBgColorParameter: null,
+		dayBorderColorParameter: null,
+		compact: !1,
+		showTitles: !0,
+		interactive: !0
+	};
+}
+function K(e) {
+	return {
+		parameterId: e.parameterId,
+		type: "numeric",
+		perDayValue: "latest",
+		decimalPlaces: 2
+	};
+}
+function q(e) {
+	return e.type === "integer" ? {
+		parameterId: e.parameterId,
+		type: "integer"
+	} : {
+		parameterId: e.parameterId,
+		type: "numeric"
+	};
+}
+function J() {
+	return {
+		type: "hourly-matrix",
+		cadence: "1h",
+		stackDays: "vertical",
+		compact: !1,
+		showTitles: !0,
+		interactive: !0,
+		parameters: []
+	};
+}
+function Y(e) {
+	return {
+		label: e.label,
+		dayHeaderParameters: null,
+		cellValueParameter: null,
+		cellTextColorParameter: null,
+		cellBgColorParameter: null,
+		cellBorderColorParameter: null,
+		valueTotalsPerDay: {
+			header: e.totalHeader,
+			aggregation: "none"
+		}
+	};
+}
+function ae(e) {
+	return {
+		parameterId: e.parameterId,
+		type: "numeric",
+		aggregation: "latest",
+		decimalPlaces: 2
+	};
+}
+function oe(e) {
+	return e.type === "integer" ? {
+		parameterId: e.parameterId,
+		type: "integer"
+	} : {
+		parameterId: e.parameterId,
+		type: "numeric"
+	};
+}
+function se(e) {
+	return e.type === "numeric" ? {
+		parameterId: e.parameterId,
+		type: "numeric",
+		perDayAggregation: "latest",
+		zoneBgOpacity: 0
+	} : e.type === "integer" ? {
+		parameterId: e.parameterId,
+		type: "integer",
+		perDayAggregation: "latest"
+	} : {
+		parameterId: e.parameterId,
+		type: "string",
+		perDayAggregation: "latest"
+	};
+}
+function ce() {
+	return {
+		type: "sankey",
+		nodes: [],
+		links: [],
+		valueAggregation: "delta",
+		compact: !1,
+		height: null,
+		showTitles: !0,
+		showTooltips: !0,
+		interactive: !0
+	};
+}
+function le(e) {
+	return {
+		id: L("node", (t) => e.nodes.some((e) => e.id === t)),
+		label: e.label
+	};
+}
+function ue(e) {
+	return {
+		fromNodeId: e.fromNodeId,
+		toNodeId: e.toNodeId,
+		parameterId: e.parameterId,
+		decimalPlaces: 2
+	};
+}
+function de() {
+	return {
+		type: "state-duration",
+		parameters: [],
+		displayAs: "pie",
+		compact: !1,
+		height: null,
+		showTitles: !0,
+		showTooltips: !0
+	};
+}
+function fe(e) {
+	return {
+		parameterId: e.parameterId,
+		type: "integer"
+	};
+}
+function pe(e) {
+	return e.type === "numeric" ? {
+		parameterId: e.parameterId,
+		type: "numeric",
+		...f
+	} : e.type === "integer" ? {
+		parameterId: e.parameterId,
+		type: "integer",
+		...d
+	} : {
+		parameterId: e.parameterId,
+		type: "string",
+		...te
+	};
+}
+function me(e, t) {
+	for (let n of e.rows) for (let e of n) if (e.representation === t) return !0;
+	return !1;
+}
+function he(e, t) {
+	return {
+		type: "simple",
+		rows: e.rows.map((e) => e.filter((e) => e.representation !== t)).filter((e) => e.length > 0)
+	};
+}
+function ge(e, t) {
+	return {
+		type: "simple",
+		rows: [...e.rows, [{
+			representation: t,
+			column: "full"
+		}]]
+	};
+}
+function X(e, t) {
+	let n = (e) => e?.parameterId === t ? null : e, r = {};
+	for (let [i, a] of Object.entries(e)) {
+		if (a.type === "chart") {
+			r[i] = {
+				...a,
+				parameters: a.parameters.filter((e) => e.parameterId !== t)
+			};
+			continue;
+		}
+		if (a.type === "table") {
+			r[i] = {
+				...a,
+				parameters: a.parameters.filter((e) => e.parameterId !== t)
+			};
+			continue;
+		}
+		if (a.type === "time-buckets" || a.type === "histogram") {
+			r[i] = {
+				...a,
+				parameters: a.parameters.filter((e) => e.parameterId !== t)
+			};
+			continue;
+		}
+		if (a.type === "calendar") {
+			r[i] = {
+				...a,
+				dayValueParameter: n(a.dayValueParameter),
+				dayTextColorParameter: n(a.dayTextColorParameter),
+				dayBgColorParameter: n(a.dayBgColorParameter),
+				dayBorderColorParameter: n(a.dayBorderColorParameter)
+			};
+			continue;
+		}
+		if (a.type === "hourly-matrix") {
+			r[i] = {
+				...a,
+				parameters: a.parameters.map((e) => {
+					let r = e.dayHeaderParameters?.filter((e) => e.parameterId !== t);
+					return {
+						...e,
+						dayHeaderParameters: r == null || r.length === 0 ? null : r,
+						cellValueParameter: n(e.cellValueParameter),
+						cellTextColorParameter: n(e.cellTextColorParameter),
+						cellBgColorParameter: n(e.cellBgColorParameter),
+						cellBorderColorParameter: n(e.cellBorderColorParameter)
+					};
+				})
+			};
+			continue;
+		}
+		if (a.type === "state-duration") {
+			r[i] = {
+				...a,
+				parameters: a.parameters.filter((e) => e.parameterId !== t)
+			};
+			continue;
+		}
+		r[i] = {
+			...a,
+			links: a.links.filter((e) => e.parameterId !== t)
+		};
+	}
+	return r;
+}
+function Z(e, t) {
+	if (e != null) {
+		if (Array.isArray(e)) {
+			for (let n of e) Z(n, t);
+			return;
+		}
+		if (typeof e == "object") for (let [n, r] of Object.entries(e)) if (n === "parameterId" && typeof r == "string" && r.length > 0) t.add(r);
+		else if (n === "parameterIds" && Array.isArray(r)) for (let e of r) typeof e == "string" && e.length > 0 && t.add(e);
+		else Z(r, t);
+	}
+}
+function _e(e) {
+	let t = /* @__PURE__ */ new Set();
+	for (let n of Object.values(e)) Z(n, t);
+	return t;
+}
+function ve(e, t) {
+	let n = [...e], r = new Set(e);
+	for (let e of t) r.has(e) || (r.add(e), n.push(e));
+	return n;
+}
+//#endregion
+//#region src/workspace/reports/color/select.tsx
+var ye = {
+	red: "bg-red-500",
+	orange: "bg-orange-500",
+	amber: "bg-amber-500",
+	yellow: "bg-yellow-500",
+	green: "bg-green-500",
+	emerald: "bg-emerald-500",
+	teal: "bg-teal-500",
+	cyan: "bg-cyan-500",
+	sky: "bg-sky-500",
+	blue: "bg-blue-500",
+	indigo: "bg-indigo-500",
+	violet: "bg-violet-500",
+	purple: "bg-purple-500",
+	fuchsia: "bg-fuchsia-500",
+	pink: "bg-pink-500",
+	slate: "bg-slate-500"
+};
+function Q(t) {
+	switch (t) {
+		case "red": return e("report_color_red");
+		case "orange": return e("report_color_orange");
+		case "amber": return e("report_color_amber");
+		case "yellow": return e("report_color_yellow");
+		case "green": return e("report_color_green");
+		case "emerald": return e("report_color_emerald");
+		case "teal": return e("report_color_teal");
+		case "cyan": return e("report_color_cyan");
+		case "sky": return e("report_color_sky");
+		case "blue": return e("report_color_blue");
+		case "indigo": return e("report_color_indigo");
+		case "violet": return e("report_color_violet");
+		case "purple": return e("report_color_purple");
+		case "fuchsia": return e("report_color_fuchsia");
+		case "pink": return e("report_color_pink");
+		case "slate": return e("report_color_slate");
+	}
+}
+function $({ color: e, className: t }) {
+	return /* @__PURE__ */ c("span", {
+		"aria-hidden": !0,
+		className: n("size-2.5 shrink-0 rounded-full ring-1 ring-foreground/15", ye[e], t)
+	});
+}
+function be({ id: e, value: n, onChange: d }) {
+	return t(), /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l(a, {
+		render: /* @__PURE__ */ c(r, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			...e == null ? {} : { id: e },
+			className: "h-8 w-full justify-between px-2.5 font-normal"
+		}),
+		children: [/* @__PURE__ */ l("span", {
+			className: "flex min-w-0 items-center gap-2",
+			children: [/* @__PURE__ */ c($, { color: n }), /* @__PURE__ */ c("span", {
+				className: "truncate",
+				children: Q(n)
+			})]
+		}), /* @__PURE__ */ c(u, {
+			className: "size-4 opacity-50",
+			"data-icon": "inline-end"
+		})]
+	}), /* @__PURE__ */ c(o, {
+		align: "start",
+		className: "min-w-(--anchor-width)",
+		children: v.map((e) => {
+			let t = e === n;
+			return /* @__PURE__ */ l(i, {
+				onClick: () => {
+					d(e);
+				},
+				children: [
+					/* @__PURE__ */ c($, { color: e }),
+					/* @__PURE__ */ c("span", {
+						className: "flex-1",
+						children: Q(e)
+					}),
+					t ? /* @__PURE__ */ c(ee, { className: "size-4 opacity-70" }) : null
+				]
+			}, e);
+		})
+	})] });
+}
+//#endregion
+export { X as A, j as B, V as C, me as D, I as E, T as F, C as H, P as I, N as L, ve as M, F as N, R as O, O as P, A as R, B as S, U as T, S as U, M as V, ce as _, q as a, de as b, z as c, W as d, ae as f, Y as g, J as h, ge as i, _e as j, he as k, pe as l, se as m, $ as n, K as o, oe as p, Q as r, G as s, be as t, ie as u, ue as v, H as w, fe as x, le as y, k as z };

package/dist/skeleton-6yk8Tdh5.js

@@ -0,0 +1,19 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ui/skeleton.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "skeleton",
+		className: e("animate-pulse rounded-md bg-muted", n),
+		...r
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("span", {
+		"data-slot": "skeleton",
+		className: e("block animate-pulse rounded-md bg-muted", n),
+		...r
+	});
+}
+//#endregion
+export { n, r as t };

package/dist/slider-DorDsoF8.js

@@ -0,0 +1,37 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Slider as r } from "@base-ui/react/slider";
+//#region src/ui/slider.tsx
+function i({ className: i, defaultValue: a, value: o, min: s = 0, max: c = 100, "aria-label": l, "aria-labelledby": u, ...d }) {
+	let f = Array.isArray(o) ? o : Array.isArray(a) ? a : [s, c];
+	return /* @__PURE__ */ t(r.Root, {
+		className: e("\n          data-horizontal:w-full\n          data-vertical:h-full\n        ", i),
+		"data-slot": "slider",
+		defaultValue: a,
+		value: o,
+		min: s,
+		max: c,
+		"aria-label": l,
+		"aria-labelledby": u,
+		thumbAlignment: "edge",
+		...d,
+		children: /* @__PURE__ */ n(r.Control, {
+			className: "\n          relative flex w-full touch-none items-center select-none\n          data-disabled:opacity-50\n          data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col\n        ",
+			children: [/* @__PURE__ */ t(r.Track, {
+				"data-slot": "slider-track",
+				className: "\n            relative grow overflow-hidden rounded-full bg-muted select-none\n            data-horizontal:h-1 data-horizontal:w-full\n            data-vertical:h-full data-vertical:w-1\n          ",
+				children: /* @__PURE__ */ t(r.Indicator, {
+					"data-slot": "slider-range",
+					className: "\n              bg-primary select-none\n              data-horizontal:h-full\n              data-vertical:w-full\n            "
+				})
+			}), Array.from({ length: f.length }, (e, n) => /* @__PURE__ */ t(r.Thumb, {
+				"data-slot": "slider-thumb",
+				"aria-label": l,
+				"aria-labelledby": u,
+				className: "\n              relative block size-3 shrink-0 rounded-full border border-ring bg-white ring-ring/50\n              transition-[color,box-shadow] select-none\n              after:absolute after:-inset-2\n              hover:ring-3\n              focus-visible:ring-3 focus-visible:outline-hidden\n              active:ring-3\n              disabled:pointer-events-none disabled:opacity-50\n            "
+			}, n))]
+		})
+	});
+}
+//#endregion
+export { i as t };