@overvis/hmi-workspace-ui 0.1.0 → 0.1.2

package/dist/breadcrumb-DzVL1yHa.js

@@ -1,74 +0,0 @@
-import { m as e } from "./i18n-BgzakKoC.js";
-import { t } from "./utils-CX-Pz5p6.js";
-import "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { ChevronRightIcon as i, MoreHorizontalIcon as a } from "lucide-react";
-import { mergeProps as o } from "@base-ui/react/merge-props";
-import { useRender as s } from "@base-ui/react/use-render";
-//#region src/ui/breadcrumb.tsx
-function c({ className: r, ...i }) {
-	return /* @__PURE__ */ n("nav", {
-		"aria-label": e()("ui_breadcrumb"),
-		"data-slot": "breadcrumb",
-		className: t(r),
-		...i
-	});
-}
-function l({ className: e, ...r }) {
-	return /* @__PURE__ */ n("ol", {
-		"data-slot": "breadcrumb-list",
-		className: t("flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground", e),
-		...r
-	});
-}
-function u({ className: e, ...r }) {
-	return /* @__PURE__ */ n("li", {
-		"data-slot": "breadcrumb-item",
-		className: t("inline-flex items-center gap-1", e),
-		...r
-	});
-}
-function d({ className: e, render: n, ...r }) {
-	return s({
-		defaultTagName: "a",
-		props: o({ className: t("\n            transition-colors\n            hover:text-foreground\n          ", e) }, r),
-		render: n,
-		state: { slot: "breadcrumb-link" }
-	});
-}
-function f({ className: e, ...r }) {
-	return /* @__PURE__ */ n("span", {
-		"data-slot": "breadcrumb-page",
-		role: "link",
-		"aria-disabled": "true",
-		"aria-current": "page",
-		className: t("font-normal text-foreground", e),
-		...r
-	});
-}
-function p({ children: e, className: r, ...a }) {
-	return /* @__PURE__ */ n("li", {
-		"data-slot": "breadcrumb-separator",
-		role: "presentation",
-		"aria-hidden": "true",
-		className: t("[&>svg]:size-3.5", r),
-		...a,
-		children: e ?? /* @__PURE__ */ n(i, {})
-	});
-}
-function m({ className: i, ...o }) {
-	let s = e();
-	return /* @__PURE__ */ r("span", {
-		"data-slot": "breadcrumb-ellipsis",
-		role: "presentation",
-		"aria-hidden": "true",
-		className: t("\n          flex size-5 items-center justify-center\n          [&>svg]:size-4\n        ", i),
-		...o,
-		children: [/* @__PURE__ */ n(a, {}), /* @__PURE__ */ n("span", {
-			className: "sr-only",
-			children: s("ui_more")
-		})]
-	});
-}
-//#endregion
-export { l as a, d as i, m as n, f as o, u as r, p as s, c as t };

package/dist/button-6SxPBYMz.js

@@ -1,44 +0,0 @@
-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 { Button as r } from "@base-ui/react/button";
-//#region src/ui/button.tsx
-var i = n("\n    group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-lg border\n    border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all\n    outline-none select-none\n    focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50\n    active:not-aria-[haspopup]:translate-y-px\n    disabled:cursor-not-allowed disabled:opacity-50\n    aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20\n    dark:aria-invalid:border-destructive/50 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: "\n          bg-primary text-primary-foreground shadow-xs\n          hover:bg-primary/90\n        ",
-			outline: "\n          border-input bg-background text-foreground shadow-xs\n          hover:bg-muted hover:text-foreground\n          aria-expanded:bg-muted aria-expanded:text-foreground\n        ",
-			secondary: "\n          bg-secondary text-secondary-foreground\n          hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]\n          aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\n        ",
-			ghost: "\n          hover:bg-muted hover:text-foreground\n          aria-expanded:bg-muted aria-expanded:text-foreground\n          dark:hover:bg-muted/50\n        ",
-			destructive: "\n          bg-destructive/10 text-destructive\n          hover:bg-destructive/20\n          focus-visible:border-destructive/40 focus-visible:ring-destructive/20\n          dark:bg-destructive/20\n          dark:hover:bg-destructive/30\n          dark:focus-visible:ring-destructive/40\n        ",
-			link: "\n          text-primary underline-offset-4\n          hover:underline\n        "
-		},
-		size: {
-			default: "\n          h-8 gap-1.5 px-2.5\n          has-data-[icon=inline-end]:pr-2\n          has-data-[icon=inline-start]:pl-2\n        ",
-			xs: "\n          h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs\n          in-data-[slot=button-group]:rounded-lg\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\n        ",
-			sm: "\n          h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem]\n          in-data-[slot=button-group]:rounded-lg\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 gap-1.5 px-2.5\n          has-data-[icon=inline-end]:pr-2\n          has-data-[icon=inline-start]:pl-2\n        ",
-			icon: "size-8",
-			"icon-xs": "\n          size-6 rounded-[min(var(--radius-md),10px)]\n          in-data-[slot=button-group]:rounded-lg\n          [&_svg:not([class*='size-'])]:size-3\n        ",
-			"icon-sm": "\n          size-7 rounded-[min(var(--radius-md),12px)]\n          in-data-[slot=button-group]:rounded-lg\n        ",
-			"icon-lg": "size-9"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-function a({ className: n, variant: a = "default", size: o = "default", ...s }) {
-	return /* @__PURE__ */ t(r, {
-		"data-slot": "button",
-		className: e(i({
-			variant: a,
-			size: o,
-			className: n
-		})),
-		...s
-	});
-}
-//#endregion
-export { i as n, a as t };

package/dist/context-u9KJQmdB.js

@@ -1,102 +0,0 @@
-import { i as e } from "./i18n-BgzakKoC.js";
-import { createContext as t, useContext as n, useEffect as r, useState as i } from "react";
-import { dashboardEntrypointUrl as a } from "@overvis/hmi-shared/dashboard";
-import { jsx as o } from "react/jsx-runtime";
-import { canWriteSetup as s } from "@overvis/hmi-shared/workspace";
-//#region src/workspace/page-state/context.tsx
-var c = t(null);
-function l() {
-	return Promise.resolve(null);
-}
-function u({ store: e, children: t }) {
-	return /* @__PURE__ */ o(c.Provider, {
-		value: e,
-		children: t
-	});
-}
-function d(e, t) {
-	let i = n(c);
-	r(() => i?.publish(e, t), [
-		t,
-		e,
-		i
-	]);
-}
-function f() {
-	return n(c)?.read ?? l;
-}
-//#endregion
-//#region src/workspace/page-state/store.ts
-function p() {
-	let e = /* @__PURE__ */ new Map(), t = ([t, n]) => e.size === 1 && e.get(t) === n;
-	return {
-		publish: (t, n) => (e.set(t, n), () => {
-			e.get(t) === n && e.delete(t);
-		}),
-		read: async () => {
-			let [n] = e;
-			if (n == null || !t(n)) return null;
-			let r = await n[1]();
-			return t(n) ? r : null;
-		}
-	};
-}
-//#endregion
-//#region src/workspace/context.tsx
-var m = t({
-	mode: "cloud",
-	getDashboardEntrypointUrl: a,
-	apiBaseUrl: "",
-	credentials: "include"
-}), h = t(null);
-function g() {
-	return n(m);
-}
-function _() {
-	return n(h);
-}
-function v() {
-	let e = _();
-	if (e == null) throw Error("useWorkspace requires WorkspaceLayout");
-	return e;
-}
-function y() {
-	let e = _();
-	return e != null && s(e.access);
-}
-function b({ workspace: t, children: n }) {
-	return /* @__PURE__ */ o(h.Provider, {
-		value: t,
-		children: /* @__PURE__ */ o(e, {
-			scope: {
-				workspaceId: t.id,
-				workspaceName: t.name
-			},
-			children: n
-		})
-	});
-}
-function x({ children: e, mode: t = "cloud", userId: n, onWorkspaceLoaded: r, openAssistant: s, getDashboardEntrypointUrl: c = a, apiBaseUrl: l = "", credentials: d = "include", getHeaders: f, mintDeviceUiTicket: h, renderNavFooter: g, renderSuspendedBilling: _ }) {
-	let [v] = i(p);
-	return /* @__PURE__ */ o(m.Provider, {
-		value: {
-			mode: t,
-			getDashboardEntrypointUrl: c,
-			apiBaseUrl: l,
-			credentials: d,
-			...n == null ? {} : { userId: n },
-			...r ? { onWorkspaceLoaded: r } : {},
-			...s ? { openAssistant: s } : {},
-			...f ? { getHeaders: f } : {},
-			...h ? { mintDeviceUiTicket: h } : {},
-			...g ? { renderNavFooter: g } : {},
-			..._ ? { renderSuspendedBilling: _ } : {}
-		},
-		children: /* @__PURE__ */ o(u, {
-			store: v,
-			children: e
-		})
-	});
-}
-//#endregion
-export { v as a, f as c, _ as i, b as n, g as o, y as r, d as s, x as t };

package/dist/copyable-id-DYGiAcnq.js

@@ -1,40 +0,0 @@
-import { m as e, n as t } from "./i18n-BgzakKoC.js";
-import { useEffect as n, useRef as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { CheckIcon as s, CopyIcon as c } from "lucide-react";
-//#region src/workspace/copyable-id.tsx
-function l({ id: l }) {
-	let u = e(), d = t(), [f, p] = i(!1), m = r(null);
-	n(() => () => {
-		m.current != null && clearTimeout(m.current);
-	}, []);
-	async function h() {
-		try {
-			await navigator.clipboard.writeText(l), p(!0), m.current != null && clearTimeout(m.current), m.current = setTimeout(() => {
-				p(!1), m.current = null;
-			}, 2e3);
-		} catch {
-			d.error(u("copyable_id_copy_failed"));
-		}
-	}
-	return /* @__PURE__ */ o("div", {
-		className: "flex h-2.5 w-fit max-w-full items-center gap-0.5 self-start",
-		children: [/* @__PURE__ */ a("span", {
-			className: "cursor-text font-mono text-[10px] leading-none text-muted-foreground select-all",
-			children: l
-		}), /* @__PURE__ */ a("button", {
-			type: "button",
-			className: "\n          inline-flex size-2.5 shrink-0 items-center justify-center text-muted-foreground\n          hover:text-foreground\n          focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:outline-none\n        ",
-			"aria-label": u(f ? "copyable_id_copied" : "copyable_id_copy"),
-			onClick: () => {
-				h();
-			},
-			children: a(f ? s : c, {
-				className: "size-2",
-				strokeWidth: 1.75
-			})
-		})]
-	});
-}
-//#endregion
-export { l as t };

package/dist/dashboard-context-CBfG6DoT.js

@@ -1,191 +0,0 @@
-import { s as e } from "./context-u9KJQmdB.js";
-import { createContext as t, useCallback as n, useContext as r, useEffect as i, useLayoutEffect as a, useMemo as o, useRef as s, useState as c } from "react";
-import { dashboardHref as l, dashboardLocationSchema as u } from "@overvis/hmi-shared/dashboard";
-import { jsx as d } from "react/jsx-runtime";
-import { useRouter as f, useRouterState as p } from "@tanstack/react-router";
-//#region src/workspace/page-navigation.ts
-var m = /* @__PURE__ */ new WeakSet();
-function h(e) {
-	return { overvisKeepScrollFrom: e };
-}
-function g(e, t) {
-	if (e == null) return !1;
-	let [n, r] = t.state.__TSR_index >= e.state.__TSR_index ? [e, t] : [t, e];
-	return r.state.overvisKeepScrollFrom === n.pathname;
-}
-function _(e) {
-	return m.add(e), e;
-}
-function v(e) {
-	return e.status === "pending" && e.location.pathname !== e.resolvedLocation?.pathname;
-}
-function y(e, t) {
-	if (e.status !== "pending") return e.matches.find((e) => t(e.routeId))?.id ?? e.resolvedLocation?.pathname;
-}
-function b(e) {
-	let t = f(), n = p({ select: (e) => y(e, (e) => {
-		let n = t.looseRoutesById[e];
-		return n != null && m.has(n);
-	}) }), r = p({ select: (e) => e.resolvedLocation?.hash ?? "" }), i = p({ select: (e) => e.resolvedLocation }), o = s({
-		page: n,
-		entry: i
-	});
-	a(() => {
-		if (n === void 0) return;
-		let t = o.current;
-		o.current = {
-			page: n,
-			entry: i
-		}, !(n === t.page || r !== "") && (i != null && g(t.entry, i) || e.current?.scrollTo({ top: 0 }));
-	}, [
-		e,
-		n,
-		r,
-		i
-	]);
-}
-//#endregion
-//#region src/workspace/dashboards/navigation.tsx
-var x = t(null);
-function S({ workspaceId: e, dashboardId: t, children: n }) {
-	return /* @__PURE__ */ d(x, {
-		value: {
-			workspaceId: e,
-			dashboardId: t
-		},
-		children: n
-	});
-}
-function C(e, t) {
-	let n = e.indexOf("#"), r = n === -1 ? e : e.slice(0, n), i = r.indexOf("?"), a = i === -1 ? r : r.slice(0, i);
-	if (a !== t && !a.startsWith(`${t}/`)) return null;
-	let o = {
-		path: a.slice(t.length) || "/",
-		search: i === -1 ? "" : r.slice(i),
-		hash: n === -1 ? "" : e.slice(n + 1)
-	};
-	return u["~standard"].validate(o).issues == null ? o : null;
-}
-function w() {
-	let e = r(x), t = f(), n = p({ select: (e) => e.location.publicHref }), [i, a] = c(n);
-	if (e === null) throw Error("useDashboardNavigation requires a mounted dashboard");
-	let { workspaceId: s, dashboardId: u } = e, d = l({
-		workspaceId: s,
-		dashboardId: u
-	}), m = C(n, d);
-	m !== null && n !== i && a(n);
-	let { path: g, search: _, hash: v } = m ?? C(i, d) ?? {
-		path: "/",
-		search: "",
-		hash: ""
-	}, y = o(() => {
-		let e = l({
-			workspaceId: s,
-			dashboardId: u
-		}), n = (e) => l({
-			workspaceId: s,
-			dashboardId: u,
-			...e
-		});
-		return {
-			href: n,
-			navigate: (r, i) => {
-				let a = n(r), o = t.state.location, s = (C(o.publicHref, e)?.path === C(a, e)?.path ? o.state.overvisKeepScrollFrom : void 0) ?? (i?.keepScroll === !0 ? o.pathname : void 0);
-				return t.navigate({
-					href: a,
-					replace: i?.replace ?? !1,
-					resetScroll: s === void 0,
-					...s === void 0 ? {} : { state: h(s) }
-				});
-			}
-		};
-	}, [
-		t,
-		s,
-		u
-	]);
-	return o(() => ({
-		location: {
-			path: g,
-			search: _,
-			hash: v
-		},
-		...y
-	}), [
-		g,
-		_,
-		v,
-		y
-	]);
-}
-function T(e) {
-	return /* @__PURE__ */ d(E, {
-		...e,
-		navigation: w()
-	});
-}
-function E({ navigation: e, to: t, replace: n = !1, keepScroll: r = !1, onClick: i, ...a }) {
-	return /* @__PURE__ */ d("a", {
-		...a,
-		href: e.href(t),
-		onClick: (o) => {
-			i?.(o), !(o.defaultPrevented || o.button !== 0 || o.metaKey || o.ctrlKey || o.altKey || o.shiftKey || a.download != null || a.target != null && a.target !== "_self") && (o.preventDefault(), e.navigate(t, {
-				replace: n,
-				keepScroll: r
-			}));
-		}
-	});
-}
-//#endregion
-//#region src/workspace/page-state/dashboard-context.tsx
-function D() {
-	let e = /* @__PURE__ */ new Set(), t = (t) => e.size === 1 && e.has(t);
-	return {
-		publish: (t) => (e.add(t), () => {
-			e.delete(t);
-		}),
-		read: async () => {
-			let [n] = e;
-			if (n == null || !t(n)) return null;
-			let r = await n();
-			return t(n) ? r : null;
-		}
-	};
-}
-var O = t(null);
-function k(e, t, n) {
-	let r = t.dashboardId === e.dashboardId && t.path === e.path;
-	return {
-		kind: "dashboard",
-		...t,
-		summary: r ? n : null
-	};
-}
-function A({ dashboardId: t, title: r, children: i }) {
-	let [o] = c(D), { path: l } = w().location, u = s({
-		dashboardId: t,
-		title: r,
-		path: l
-	});
-	return a(() => {
-		u.current = {
-			dashboardId: t,
-			title: r,
-			path: l
-		};
-	}), e("dashboard", n(async () => {
-		let e = u.current, t = await o.read();
-		return k(e, u.current, t);
-	}, [o])), /* @__PURE__ */ d(O, {
-		value: o,
-		children: i
-	});
-}
-function j(e) {
-	let t = r(O), n = s(e);
-	a(() => {
-		n.current = e;
-	}), i(() => t?.publish(() => n.current()), [t]);
-}
-//#endregion
-export { S as a, v as c, E as i, b as l, j as n, w as o, T as r, _ as s, A as t };