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

package/dist/switch-BqD0RH_G.js

@@ -0,0 +1,18 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import { jsx as t } from "react/jsx-runtime";
+import { Switch as n } from "@base-ui/react/switch";
+//#region src/ui/switch.tsx
+function r({ className: r, size: i = "default", ...a }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "switch",
+		"data-size": i,
+		className: e("\n          peer group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-full\n          border border-transparent transition-all outline-none\n          after:absolute after:-inset-x-3 after:-inset-y-2\n          focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50\n          aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20\n          data-[size=default]:h-[18.4px] data-[size=default]:w-[32px]\n          data-[size=sm]:h-[14px] data-[size=sm]:w-[24px]\n          dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\n          data-checked:bg-primary\n          data-unchecked:bg-input\n          dark:data-unchecked:bg-input/80\n          data-disabled:cursor-not-allowed data-disabled:opacity-50\n        ", r),
+		...a,
+		children: /* @__PURE__ */ t(n.Thumb, {
+			"data-slot": "switch-thumb",
+			className: "\n          pointer-events-none block rounded-full bg-background ring-0 transition-transform\n          group-data-[size=default]/switch:size-4\n          group-data-[size=sm]/switch:size-3\n          group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)]\n          group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)]\n          dark:data-checked:bg-primary-foreground\n          group-data-[size=default]/switch:data-unchecked:translate-x-0\n          group-data-[size=sm]/switch:data-unchecked:translate-x-0\n          dark:data-unchecked:bg-foreground\n        "
+		})
+	});
+}
+//#endregion
+export { r as t };

package/dist/table-Q2-voLuw.js

@@ -0,0 +1,65 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ui/table.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "table-container",
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ t("table", {
+			"data-slot": "table",
+			className: e("w-full caption-bottom text-sm", n),
+			...r
+		})
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("thead", {
+		"data-slot": "table-header",
+		className: e("[&_tr]:border-b", n),
+		...r
+	});
+}
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tbody", {
+		"data-slot": "table-body",
+		className: e("[&_tr:last-child]:border-0", n),
+		...r
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tfoot", {
+		"data-slot": "table-footer",
+		className: e("\n          border-t bg-muted/50 font-medium\n          [&>tr]:last:border-b-0\n        ", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tr", {
+		"data-slot": "table-row",
+		className: e("\n          border-b transition-colors\n          hover:bg-muted/40\n          has-aria-expanded:bg-muted/40\n          data-[state=selected]:bg-muted\n        ", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("th", {
+		"data-slot": "table-head",
+		className: e("\n          h-8 px-2 text-left align-middle text-xs font-medium whitespace-nowrap\n          text-muted-foreground\n          has-[[role=checkbox]]:pr-0\n        ", n),
+		...r
+	});
+}
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("td", {
+		"data-slot": "table-cell",
+		className: e("\n          px-2 py-1.5 align-middle whitespace-nowrap\n          has-[[role=checkbox]]:pr-0\n        ", n),
+		...r
+	});
+}
+function l({ className: n, ...r }) {
+	return /* @__PURE__ */ t("caption", {
+		"data-slot": "table-caption",
+		className: e("mt-4 text-sm text-muted-foreground", n),
+		...r
+	});
+}
+//#endregion
+export { a, o as c, c as i, i as n, s as o, l as r, r as s, n as t };

package/dist/tabs-CSIucYFP.js

@@ -0,0 +1,57 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import { jsx as t } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import { Tabs as r } from "@base-ui/react/tabs";
+//#region src/ui/tabs.tsx
+function i({ className: n, orientation: i = "horizontal", ...a }) {
+	return /* @__PURE__ */ t(r.Root, {
+		"data-slot": "tabs",
+		"data-orientation": i,
+		className: e("\n          group/tabs flex gap-2\n          data-horizontal:flex-col\n        ", n),
+		...a
+	});
+}
+var a = n("\n    group/tabs-list inline-flex w-fit items-center justify-center rounded-lg text-muted-foreground\n    group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col\n    data-[variant=line]:rounded-none\n  ", {
+	variants: {
+		variant: {
+			default: "bg-muted",
+			line: "gap-1 bg-transparent"
+		},
+		size: {
+			default: "\n          p-[3px]\n          group-data-horizontal/tabs:h-8\n        ",
+			sm: "\n          p-0.5\n          group-data-horizontal/tabs:h-7\n        "
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function o({ className: n, variant: i = "default", size: o = "default", ...s }) {
+	return /* @__PURE__ */ t(r.List, {
+		"data-slot": "tabs-list",
+		"data-variant": i,
+		"data-size": o,
+		className: e(a({
+			variant: i,
+			size: o
+		}), n),
+		...s
+	});
+}
+function s({ className: n, ...i }) {
+	return /* @__PURE__ */ t(r.Tab, {
+		"data-slot": "tabs-trigger",
+		className: e("\n          relative inline-flex h-[calc(100%-1px)] flex-1 cursor-pointer items-center justify-center\n          gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium\n          whitespace-nowrap text-foreground/60 transition-all\n          group-data-[size=sm]/tabs-list:px-2 group-data-[size=sm]/tabs-list:text-xs\n          group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start\n          hover:text-foreground\n          focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\n          focus-visible:outline-1 focus-visible:outline-ring\n          disabled:pointer-events-none disabled:opacity-50\n          has-data-[icon=inline-end]:pr-1\n          has-data-[icon=inline-start]:pl-1\n          aria-disabled:pointer-events-none aria-disabled:opacity-50\n          dark:text-muted-foreground\n          dark:hover:text-foreground\n          group-data-[variant=default]/tabs-list:data-active:shadow-sm\n          group-data-[variant=line]/tabs-list:data-active:shadow-none\n          [&_svg]:pointer-events-none [&_svg]:shrink-0\n          [&_svg:not([class*='size-'])]:size-4\n        ", "\n          group-data-[variant=line]/tabs-list:bg-transparent\n          group-data-[variant=line]/tabs-list:data-active:bg-transparent\n          dark:group-data-[variant=line]/tabs-list:data-active:border-transparent\n          dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent\n        ", "\n          data-active:bg-background data-active:text-foreground\n          dark:data-active:border-input dark:data-active:bg-input/30\n          dark:data-active:text-foreground\n        ", "\n          after:absolute after:bg-foreground after:opacity-0 after:transition-opacity\n          group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px]\n          group-data-horizontal/tabs:after:h-0.5\n          group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1\n          group-data-vertical/tabs:after:w-0.5\n          group-data-[variant=line]/tabs-list:data-active:after:opacity-100\n        ", n),
+		...i
+	});
+}
+function c({ className: n, ...i }) {
+	return /* @__PURE__ */ t(r.Panel, {
+		"data-slot": "tabs-content",
+		className: e("flex-1 text-sm outline-none", n),
+		...i
+	});
+}
+//#endregion
+export { a, s as i, c as n, o as r, i as t };

package/dist/theme-provider-BkRohQFU.js

@@ -0,0 +1,61 @@
+import { createContext as e, useCallback as t, useContext as n, useEffect as r, useMemo as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/theme-provider.tsx
+var s = e(void 0);
+function c(e) {
+	return e === "dark" || e === "light" || e === "system";
+}
+function l() {
+	return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function u(e) {
+	let t = window.document.documentElement;
+	t.classList.remove("light", "dark"), t.classList.add(e);
+}
+function d(e, t) {
+	try {
+		let n = localStorage.getItem(e);
+		return c(n) ? n : t;
+	} catch {
+		return t;
+	}
+}
+function f({ children: e, defaultTheme: n = "system", storageKey: c = "vite-ui-theme" }) {
+	let [f, p] = a(() => d(c, n)), [m, h] = a(l), g = f === "system" ? m : f;
+	r(() => {
+		u(g);
+	}, [g]), r(() => {
+		let e = window.matchMedia("(prefers-color-scheme: dark)");
+		function t() {
+			h(e.matches ? "dark" : "light");
+		}
+		return e.addEventListener("change", t), () => {
+			e.removeEventListener("change", t);
+		};
+	}, []);
+	let _ = t((e) => {
+		try {
+			localStorage.setItem(c, e);
+		} catch {}
+		p(e);
+	}, [c]), v = i(() => ({
+		theme: f,
+		resolvedTheme: g,
+		setTheme: _
+	}), [
+		f,
+		g,
+		_
+	]);
+	return /* @__PURE__ */ o(s.Provider, {
+		value: v,
+		children: e
+	});
+}
+function p() {
+	let e = n(s);
+	if (e === void 0) throw Error("useTheme must be used within a ThemeProvider");
+	return e;
+}
+//#endregion
+export { p as n, f as t };

package/dist/toggle-group-9Bs0Mm3r.js

@@ -0,0 +1,82 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { cva as r } from "class-variance-authority";
+import { Toggle as i } from "@base-ui/react/toggle";
+import { ToggleGroup as a } from "@base-ui/react/toggle-group";
+//#region src/ui/toggle.tsx
+var o = r("\n    group/toggle inline-flex cursor-pointer items-center justify-center gap-1 rounded-lg text-sm\n    font-medium whitespace-nowrap transition-all outline-none\n    hover:bg-muted hover:text-foreground\n    focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\n    disabled:pointer-events-none disabled:opacity-50\n    aria-invalid:border-destructive aria-invalid:ring-destructive/20\n    aria-pressed:bg-muted\n    data-[state=on]:bg-muted\n    dark:aria-invalid:ring-destructive/40\n    [&_svg]:pointer-events-none [&_svg]:shrink-0\n    [&_svg:not([class*='size-'])]:size-4\n  ", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "\n          border border-input bg-transparent\n          hover:bg-muted\n        "
+		},
+		size: {
+			default: "\n          h-8 min-w-8 px-2.5\n          has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\n        ",
+			sm: "\n          h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem]\n          has-data-[icon=inline-end]:pr-1.5\n          has-data-[icon=inline-start]:pl-1.5\n          [&_svg:not([class*='size-'])]:size-3.5\n        ",
+			lg: "\n          h-9 min-w-9 px-2.5\n          has-data-[icon=inline-end]:pr-2\n          has-data-[icon=inline-start]:pl-2\n        "
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function s({ className: t, variant: r = "default", size: a = "default", ...s }) {
+	return /* @__PURE__ */ n(i, {
+		"data-slot": "toggle",
+		className: e(o({
+			variant: r,
+			size: a,
+			className: t
+		})),
+		...s
+	});
+}
+//#endregion
+//#region src/ui/toggle-group.tsx
+var c = t.createContext({
+	size: "default",
+	variant: "default",
+	spacing: 2,
+	orientation: "horizontal"
+});
+function l({ className: t, variant: r, size: i, spacing: o = 2, orientation: s = "horizontal", children: l, ...u }) {
+	let d = {};
+	return Object.assign(d, { "--gap": o }), /* @__PURE__ */ n(a, {
+		"data-slot": "toggle-group",
+		"data-variant": r,
+		"data-size": i,
+		"data-spacing": o,
+		"data-orientation": s,
+		style: d,
+		className: e("\n          group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))]\n          rounded-lg\n          data-[size=sm]:rounded-[min(var(--radius-md),10px)]\n          data-vertical:flex-col data-vertical:items-stretch\n        ", t),
+		...u,
+		children: /* @__PURE__ */ n(c.Provider, {
+			value: {
+				variant: r,
+				size: i,
+				spacing: o,
+				orientation: s
+			},
+			children: l
+		})
+	});
+}
+function u({ className: r, children: a, variant: s = "default", size: l = "default", ...u }) {
+	let d = t.useContext(c), f = d.variant ?? s, p = d.size ?? l;
+	return /* @__PURE__ */ n(i, {
+		"data-slot": "toggle-group-item",
+		"data-variant": f,
+		"data-size": p,
+		"data-spacing": d.spacing,
+		className: e("\n          shrink-0\n          group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2\n          focus:z-10\n          focus-visible:z-10\n          group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5\n          group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5\n          group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg\n          group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg\n          group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg\n          group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg\n          group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0\n          group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0\n          group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l\n          group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t\n        ", o({
+			variant: f,
+			size: p
+		}), r),
+		...u,
+		children: a
+	});
+}
+//#endregion
+export { o as i, u as n, s as r, l as t };

package/dist/trpc-CvJUuUXp.js

@@ -0,0 +1,153 @@
+import { QueryClient as e } from "@tanstack/react-query";
+import { TRPCClientError as t, createTRPCClient as n, httpBatchStreamLink as r, httpSubscriptionLink as i, splitLink as a } from "@trpc/client";
+import { createTRPCReact as o } from "@trpc/react-query";
+import { createContext as s } from "react";
+import { HMI_CLIENT_HEADER as c, formatHmiClient as l } from "@overvis/hmi-shared/api-errors";
+import { EventSourcePolyfill as u } from "event-source-polyfill";
+import { observable as d } from "@trpc/server/observable";
+import { LOCAL_DASHBOARD_SETUP_PATH as f, localDashboardSetupSchema as p } from "@overvis/hmi-shared/dashboard";
+//#region src/workspace/local-setup-link.ts
+function m(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function h(e) {
+	if (e.type !== "query" || !m(e.input) || e.path !== "dashboard.get" && e.path !== "graphics.get") return null;
+	let t = e.path === "dashboard.get" ? e.input.id : e.input.dashboardId;
+	return typeof t == "string" ? t : null;
+}
+function g(e, t, n) {
+	if (n.configuration == null || !m(t)) return t;
+	if (e.path === "dashboard.get") return {
+		...t,
+		configuration: n.configuration
+	};
+	if (n.drawings == null) throw Error("graphics_invalid_document");
+	let r = m(e.input) ? e.input.drawingId : null, i = typeof r == "string" ? n.drawings[r] : void 0;
+	if (i == null) return {
+		document: null,
+		revision: null
+	};
+	if (i.document == null) throw Error("graphics_invalid_document");
+	return {
+		document: i.document,
+		revision: i.revision
+	};
+}
+var _ = async (e) => {
+	let t = await fetch(`${f}/${encodeURIComponent(e)}`, { cache: "no-store" }), n = t.headers.get("content-type") ?? "";
+	if (t.status === 404 || t.ok && n.startsWith("text/html")) return null;
+	if (!t.ok) throw Error(`local_setup_unavailable: HTTP ${String(t.status)}`);
+	if (!n.startsWith("application/json")) throw Error(`local_setup_unavailable: ${n === "" ? "no content type" : n}`);
+	let r = p["~standard"].validate(await t.json());
+	if (r.issues != null) throw Error("local_setup_unavailable: invalid response");
+	return r.value;
+};
+function v(e = _) {
+	return () => ({ op: n, next: r }) => {
+		let i = h(n);
+		return i == null ? r(n) : d((a) => {
+			let o, s = !1, c = (e) => {
+				a.error(t.from(e instanceof Error ? e : Error(String(e))));
+			};
+			return e(i).then((e) => {
+				s || (o = r(n).subscribe({
+					next(t) {
+						let r = t.result;
+						if (e == null || r.type != null && r.type !== "data") {
+							a.next(t);
+							return;
+						}
+						try {
+							let i = g(n, r.data, e);
+							a.next({
+								...t,
+								result: {
+									...r,
+									data: i
+								}
+							});
+						} catch (e) {
+							c(e);
+						}
+					},
+					error(e) {
+						a.error(e);
+					},
+					complete() {
+						a.complete();
+					}
+				}));
+			}, (e) => {
+				s || c(e);
+			}), () => {
+				s = !0, o?.unsubscribe();
+			};
+		});
+	};
+}
+//#endregion
+//#region src/trpc.ts
+var y = 8e3, b = 2e3;
+function x(e) {
+	return e.type !== "query" || e.input === void 0 ? !1 : encodeURIComponent(JSON.stringify(e.input)).length > b;
+}
+var S = s(null), C = o({ context: S });
+function w() {
+	return new e({ defaultOptions: { queries: {
+		staleTime: 3e4,
+		retry: !1
+	} } });
+}
+function T(e) {
+	let t = e?.getHeaders, n = e?.client;
+	if (!(t == null && n == null)) return () => {
+		let e = new Headers(t?.());
+		return n != null && e.set(c, l(n)), e;
+	};
+}
+function E(e) {
+	let t = e?.url ?? "/trpc", o = e?.credentials ?? "include", s = T(e), c = new Set(e?.isolatedPaths ?? []), l = o === "include", d = i(s == null ? {
+		url: t,
+		eventSourceOptions: () => ({ withCredentials: l })
+	} : {
+		url: t,
+		EventSource: u,
+		eventSourceOptions: () => ({
+			headers: Object.fromEntries(s()),
+			withCredentials: l
+		})
+	}), f = (t, n) => {
+		let r = { credentials: o };
+		n && (n.method != null && (r.method = n.method), n.body != null && (r.body = typeof n.body == "string" || n.body instanceof Blob || n.body instanceof FormData || n.body instanceof URLSearchParams || n.body instanceof ReadableStream ? n.body : new Blob([n.body])), n.signal != null && (r.signal = n.signal));
+		let i = new Headers(n?.headers);
+		return s?.().forEach((e, t) => {
+			i.set(t, e);
+		}), r.headers = i, (e?.fetch ?? fetch)(t, r);
+	}, p = (e = Infinity) => a({
+		condition: x,
+		true: r({
+			url: t,
+			methodOverride: "POST",
+			maxURLLength: y,
+			maxItems: e,
+			fetch: f
+		}),
+		false: r({
+			url: t,
+			maxURLLength: y,
+			maxItems: e,
+			fetch: f
+		})
+	}), m = p(1), h = p();
+	return n({ links: [...e?.localSetup === !0 ? [v()] : [], a({
+		condition: (e) => e.type === "subscription",
+		true: d,
+		false: a({
+			condition: (e) => c.has(e.path),
+			true: m,
+			false: h
+		})
+	})] });
+}
+//#endregion
+export { S as i, E as n, C as r, w as t };