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

package/dist/mutations-THtGG6Ai.js

@@ -0,0 +1,240 @@
+import { r as e } from "./trpc-CvJUuUXp.js";
+import { useQueryClient as t } from "@tanstack/react-query";
+//#region src/workspace/dashboards/module-cache.ts
+var n = "dashboard-module", r = "dashboard-entrypoint";
+function i(e) {
+	e.invalidateQueries({ queryKey: [n] }), e.invalidateQueries({ queryKey: [r] });
+}
+//#endregion
+//#region src/workspace/caches.ts
+function a(e) {
+	let t = e.queryKey[1];
+	return typeof t == "object" && t && "input" in t ? t.input : void 0;
+}
+function o(e) {
+	return typeof e == "object" && e && "workspaceId" in e && typeof e.workspaceId == "string" ? e.workspaceId : void 0;
+}
+function s(e) {
+	return typeof e == "object" && e && "id" in e && typeof e.id == "string" ? e.id : void 0;
+}
+function c(e) {
+	let t = e.queryKey[0];
+	return Array.isArray(t) && t.at(-1) === "get";
+}
+function l(e, t) {
+	return { predicate: (n) => {
+		let r = a(n), i = o(r);
+		if (e != null && i != null && i !== e) return !1;
+		if (t != null && c(n)) {
+			let e = s(r);
+			if (e != null && e !== t) return !1;
+		}
+		return !0;
+	} };
+}
+function u(e, t) {
+	let n = l(t.workspaceId, t.id), r = l(t.workspaceId, void 0), i = () => t.workspaceId == null ? e.workspace.get.invalidate() : e.workspace.get.invalidate({ id: t.workspaceId }), a = () => t.workspaceId == null ? e.workspace.automationLimits.invalidate() : e.workspace.automationLimits.invalidate({ id: t.workspaceId });
+	switch (t.entity) {
+		case "workspace": return [i(), e.workspace.list.invalidate()];
+		case "workspaceList": return [e.workspace.list.invalidate()];
+		case "member": return [e.workspace.members.invalidate(void 0, r)];
+		case "cliKey": return [e.workspace.listCliKeys.invalidate(void 0, r)];
+		case "checkpoint": return [e.workspace.checkpoint.invalidate(void 0, r), e.audit.list.invalidate(void 0, r)];
+		case "branding": return [e.workspace.branding.invalidate(void 0, r)];
+		case "file": return [e.workspace.uploads.invalidate(void 0, r), e.graphics.listImages.invalidate(void 0, r)];
+		case "endpoint": return [e.endpoint.invalidate(void 0, n)];
+		case "edgeProgram": return [e.edgeProgram.invalidate(void 0, n), e.endpoint.invalidate(void 0, r)];
+		case "automation": return [
+			e.automation.invalidate(void 0, r),
+			e.alarmRule.invalidate(void 0, r),
+			a()
+		];
+		case "parameter": return [
+			e.parameter.invalidate(void 0, n),
+			e.report.preset.invalidate(void 0, r),
+			e.deviceLog.invalidate(void 0, r)
+		];
+		case "dashboard": return [
+			e.dashboard.invalidate(void 0, n),
+			e.graphics.get.invalidate(void 0, r),
+			e.automation.invalidate(void 0, r),
+			e.alarmRule.invalidate(void 0, r)
+		];
+		case "report": return [e.report.preset.invalidate(void 0, n), e.report.comment.invalidate(void 0, r)];
+		case "reportComment": return [e.report.comment.invalidate(void 0, r)];
+		case "storage": return [e.storage.invalidate(void 0, r)];
+		case "setup": return [
+			i(),
+			e.endpoint.invalidate(void 0, r),
+			e.edgeProgram.invalidate(void 0, r),
+			e.automation.invalidate(void 0, r),
+			e.alarmRule.invalidate(void 0, r),
+			a(),
+			e.parameter.invalidate(void 0, r),
+			e.deviceLog.invalidate(void 0, r),
+			e.dashboard.invalidate(void 0, r),
+			e.graphics.invalidate(void 0, r),
+			e.report.invalidate(void 0, r),
+			e.workspace.uploads.invalidate(void 0, r),
+			e.workspace.branding.invalidate(void 0, r),
+			e.templates.invalidate(void 0, r),
+			e.audit.list.invalidate(void 0, r),
+			e.workspace.checkpoint.invalidate(void 0, r)
+		];
+	}
+}
+async function d(e, t) {
+	await Promise.all(u(e, t));
+}
+var f = [
+	["workspace.branding.", "branding"],
+	["workspace.uploads.", "file"],
+	["workspace.deleteCliKey", "cliKey"],
+	["workspace.checkpoint.revertPreview", "checkpoint"],
+	["workspace.checkpoint.revert", "setup"],
+	["workspace.checkpoint.", "checkpoint"],
+	["workspace.invite", "member"],
+	["workspace.resendInvitation", "member"],
+	["workspace.revokeInvitation", "member"],
+	["workspace.updateMember", "member"],
+	["workspace.removeMember", "member"],
+	["workspace.leave", "workspaceList"],
+	["workspace.create", "workspaceList"],
+	["workspace.delete", "workspaceList"],
+	["workspace.push", "setup"],
+	["workspace.commitSandbox", "setup"],
+	["workspace.setAutomationLimits", "automation"],
+	["workspace.", "workspace"],
+	["dashboard.", "dashboard"],
+	["graphics.", "dashboard"],
+	["endpoint.", "endpoint"],
+	["edgeProgram.", "edgeProgram"],
+	["automation.", "automation"],
+	["alarmRule.", "automation"],
+	["parameter.", "parameter"],
+	["templates.parameter.", "parameter"],
+	["report.preset.", "report"],
+	["report.comment.", "reportComment"],
+	["storage.", "storage"],
+	["web.fetch", "file"]
+];
+function p(e) {
+	return f.find(([t]) => e.startsWith(t))?.[1] ?? null;
+}
+async function m(e, t) {
+	p(t) === "checkpoint" && await d(e, { entity: "checkpoint" });
+}
+async function h(e, t, n) {
+	if (n.startsWith("helpdesk.")) {
+		await e.helpdesk.invalidate();
+		return;
+	}
+	let r = p(n);
+	r != null && (r === "setup" && i(t), await d(e, { entity: r }));
+}
+//#endregion
+//#region src/workspace/mutations.ts
+function g(t, n) {
+	let r = e.useUtils();
+	return (e) => d(r, {
+		entity: t,
+		...n == null ? {} : { workspaceId: n },
+		...e == null ? {} : { id: e }
+	});
+}
+function _(n) {
+	let r = g("checkpoint", n), a = g("setup", n), o = t();
+	return {
+		create: e.workspace.checkpoint.create.useMutation({ onSuccess: () => r() }),
+		rename: e.workspace.checkpoint.rename.useMutation({ onSuccess: () => r() }),
+		remove: e.workspace.checkpoint.delete.useMutation({ onSuccess: () => r() }),
+		revert: e.workspace.checkpoint.revert.useMutation({ onSuccess: () => (i(o), a()) })
+	};
+}
+function v(t) {
+	let n = g("endpoint", t);
+	return {
+		create: e.endpoint.create.useMutation({ onSuccess: () => n() }),
+		update: e.endpoint.update.useMutation({ onSuccess: (e, t) => n(t.id) }),
+		enable: e.endpoint.enable.useMutation({ onSuccess: (e, t) => n(t.id) }),
+		disable: e.endpoint.disable.useMutation({ onSuccess: (e, t) => n(t.id) }),
+		remove: e.endpoint.delete.useMutation({ onSuccess: (e, t) => n(t.id) })
+	};
+}
+function y(t) {
+	let n = g("edgeProgram", t);
+	return {
+		create: e.edgeProgram.create.useMutation({ onSuccess: () => n() }),
+		update: e.edgeProgram.update.useMutation({ onSuccess: () => n() }),
+		remove: e.edgeProgram.delete.useMutation({ onSuccess: () => n() }),
+		updateSettings: e.edgeProgram.updateSettings.useMutation({ onSuccess: () => n() }),
+		syncNow: e.edgeProgram.syncNow.useMutation()
+	};
+}
+function b(t) {
+	let n = g("parameter", t);
+	return {
+		create: e.parameter.create.useMutation({ onSuccess: () => n() }),
+		update: e.parameter.update.useMutation({ onSuccess: (e, t) => n(t.id) }),
+		removeSelection: e.parameter.deleteSelection.useMutation({ onSuccess: () => n() }),
+		createBranch: e.parameter.createBranch.useMutation({ onSuccess: () => n() }),
+		updateBranch: e.parameter.updateBranch.useMutation({ onSuccess: () => n() }),
+		stampTemplate: e.templates.parameter.stamp.useMutation({ onSuccess: () => n() })
+	};
+}
+function x(t) {
+	let n = g("dashboard", t);
+	return {
+		create: e.dashboard.create.useMutation({ onSuccess: () => n() }),
+		copy: e.dashboard.copy.useMutation({ onSuccess: () => n() }),
+		update: e.dashboard.update.useMutation({ onSuccess: (e, t) => n(t.id) }),
+		enable: e.dashboard.enable.useMutation({ onSuccess: (e, t) => n(t.id) }),
+		disable: e.dashboard.disable.useMutation({ onSuccess: (e, t) => n(t.id) }),
+		remove: e.dashboard.delete.useMutation({ onSuccess: (e, t) => n(t.id) }),
+		saveDrawing: e.graphics.save.useMutation({ onSuccess: (e, t) => n(t.dashboardId) })
+	};
+}
+function S(t) {
+	let n = g("automation", t);
+	return {
+		create: e.automation.create.useMutation({ onSuccess: () => n() }),
+		update: e.automation.update.useMutation({ onSuccess: (e, t) => n(t.id) }),
+		setDisabled: e.automation.setDisabled.useMutation({ onSuccess: (e, t) => n(t.id) }),
+		remove: e.automation.delete.useMutation({ onSuccess: (e, t) => n(t.id) })
+	};
+}
+function C(t) {
+	let n = g("automation", t);
+	return {
+		create: e.alarmRule.create.useMutation({ onSuccess: () => n() }),
+		update: e.alarmRule.update.useMutation({ onSuccess: (e, t) => n(t.id) }),
+		setDisabled: e.alarmRule.setDisabled.useMutation({ onSuccess: (e, t) => n(t.id) }),
+		remove: e.alarmRule.delete.useMutation({ onSuccess: (e, t) => n(t.id) })
+	};
+}
+function w(t) {
+	let n = g("report", t);
+	return {
+		create: e.report.preset.create.useMutation({ onSuccess: () => n() }),
+		update: e.report.preset.update.useMutation({ onSuccess: (e, t) => n(t.id) }),
+		saveTemporary: e.report.preset.saveTemporary.useMutation({ onSuccess: (e, t) => n(t.id) }),
+		remove: e.report.preset.delete.useMutation({ onSuccess: (e, t) => n(t.id) })
+	};
+}
+function T() {
+	let t = g("reportComment", void 0);
+	return {
+		create: e.report.comment.create.useMutation({ onSuccess: () => t() }),
+		remove: e.report.comment.delete.useMutation({ onSuccess: () => t() })
+	};
+}
+function E(t) {
+	let n = g("file", t);
+	return {
+		uploaded: () => n(),
+		ingest: e.workspace.uploads.ingest.useMutation({ onSuccess: () => n() }),
+		remove: e.workspace.uploads.delete.useMutation({ onSuccess: () => n() })
+	};
+}
+//#endregion
+export { y as a, b as c, h as d, m as f, n as h, x as i, T as l, r as m, S as n, v as o, d as p, _ as r, E as s, C as t, w as u };

package/dist/notice-card-DyGywFsW.js

@@ -0,0 +1,246 @@
+import { m as e } from "./i18n-BgzakKoC.js";
+import { t } from "./utils-CX-Pz5p6.js";
+import { t as n } from "./spinner-C-HPNxOc.js";
+import { n as r, t as i } from "./button-6SxPBYMz.js";
+import * as a from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { ChevronRightIcon as l, CircleAlertIcon as u, InfoIcon as d, RefreshCwIcon as f, TriangleAlertIcon as p } from "lucide-react";
+import { cva as m } from "class-variance-authority";
+import { Collapsible as h } from "@base-ui/react/collapsible";
+//#region src/ui/card.tsx
+function g({ className: e, size: n = "default", ...r }) {
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "card",
+		"data-size": n,
+		className: t("\n          group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl border bg-card\n          py-(--card-spacing) text-sm text-card-foreground shadow-xs [--card-spacing:--spacing(4)]\n          has-data-[slot=card-footer]:pb-0\n          has-[>img:first-child]:pt-0\n          data-[size=sm]:[--card-spacing:--spacing(3)]\n          data-[size=sm]:has-data-[slot=card-footer]:pb-0\n          *:[img:first-child]:rounded-t-xl\n          *:[img:last-child]:rounded-b-xl\n        ", e),
+		...r
+	});
+}
+function _({ className: e, ...n }) {
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "card-header",
+		className: t("\n          group/card-header @container/card-header grid auto-rows-min items-start gap-1\n          rounded-t-xl px-(--card-spacing)\n          has-data-[slot=card-action]:grid-cols-[1fr_auto]\n          has-data-[slot=card-description]:grid-rows-[auto_auto]\n          [.border-b]:pb-(--card-spacing)\n        ", e),
+		...n
+	});
+}
+function v({ className: e, ...n }) {
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "card-title",
+		className: t("\n          font-heading text-sm/snug font-semibold\n          group-data-[size=sm]/card:text-[13px]\n        ", e),
+		...n
+	});
+}
+function y({ className: e, ...n }) {
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "card-description",
+		className: t("text-[13px] text-muted-foreground", e),
+		...n
+	});
+}
+function b({ className: e, ...n }) {
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "card-action",
+		className: t("col-start-2 row-span-2 row-start-1 self-start justify-self-end", e),
+		...n
+	});
+}
+function x({ className: e, ...n }) {
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "card-content",
+		className: t("px-(--card-spacing)", e),
+		...n
+	});
+}
+function S({ className: e, ...n }) {
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "card-footer",
+		className: t("flex items-center rounded-b-xl border-t bg-muted/40 p-(--card-spacing)", e),
+		...n
+	});
+}
+//#endregion
+//#region src/ui/collapsible.tsx
+function C({ className: e, ...t }) {
+	return /* @__PURE__ */ s(h.Root, {
+		"data-slot": "collapsible",
+		className: e,
+		...t
+	});
+}
+function w({ className: e, ...t }) {
+	return /* @__PURE__ */ s(h.Trigger, {
+		"data-slot": "collapsible-trigger",
+		className: e,
+		...t
+	});
+}
+function T({ className: e, ...n }) {
+	return /* @__PURE__ */ s(h.Panel, {
+		"data-slot": "collapsible-content",
+		className: t("overflow-hidden", e),
+		...n
+	});
+}
+//#endregion
+//#region src/ui/notice-card.tsx
+var E = m("\n    group/notice relative isolate w-full flex-row items-start gap-3 bg-linear-to-r to-card to-40%\n    p-4 text-left\n    before:absolute before:inset-y-0 before:left-0 before:w-[3px]\n    sm:gap-4\n  ", { variants: {
+	severity: {
+		error: "\n          border-destructive/25 from-destructive/6\n          before:bg-destructive\n        ",
+		warning: "\n          border-warning/30 from-warning/8\n          before:bg-warning\n        ",
+		info: "\n          border-info/25 from-info/6\n          before:bg-info\n        "
+	},
+	size: {
+		default: "sm:p-5",
+		compact: "\n          gap-2.5 rounded-lg p-3\n          sm:gap-3\n        "
+	}
+} }), D = m("\n    flex shrink-0 items-center justify-center ring-1 ring-inset\n    *:[svg]:shrink-0\n  ", { variants: {
+	severity: {
+		error: "bg-destructive/10 text-destructive ring-destructive/20",
+		warning: "bg-warning/12 text-warning ring-warning/25",
+		info: "bg-info/10 text-info ring-info/20"
+	},
+	size: {
+		default: "\n          size-9 rounded-lg\n          *:[svg]:size-4.5\n        ",
+		compact: "\n          size-7 rounded-md\n          *:[svg]:size-4\n        "
+	}
+} }), O = {
+	error: /* @__PURE__ */ s(u, {}),
+	warning: /* @__PURE__ */ s(p, {}),
+	info: /* @__PURE__ */ s(d, {})
+};
+function k(e) {
+	return typeof e == "object" && !!e && "then" in e && typeof e.then == "function";
+}
+function A({ action: e, variant: l, size: u }) {
+	let d = /* @__PURE__ */ c(o, { children: [e.pending === !0 ? /* @__PURE__ */ s(n, {
+		"aria-hidden": "true",
+		"data-icon": "inline-start"
+	}) : e.icon, e.label] }), f = e.disabled === !0 || e.pending === !0, p = r({
+		variant: l,
+		size: u
+	});
+	if (!f && e.render != null) {
+		let n = e.render;
+		return a.cloneElement(n, {
+			className: t(p, n.props.className),
+			children: d
+		});
+	}
+	return !f && e.href != null ? /* @__PURE__ */ s("a", {
+		href: e.href,
+		className: p,
+		children: d
+	}) : /* @__PURE__ */ s(i, {
+		type: "button",
+		variant: l,
+		size: u,
+		disabled: f,
+		"aria-busy": e.pending === !0 || void 0,
+		onClick: e.onClick,
+		children: d
+	});
+}
+function j({ severity: n = "error", size: r = "default", icon: i, subject: o, title: u, description: d, details: p, detailsOpen: m = !1, primaryAction: h, secondaryActions: _, onRetry: v, retrying: y, retryLabel: b, actions: x, className: S, children: j, ...M }) {
+	let N = e(), [P, F] = a.useState(!1), I = r === "compact", L = y === !0 || P, R = v == null ? null : {
+		label: L ? N("ui_notice_retrying") : b ?? N("ui_notice_retry"),
+		icon: /* @__PURE__ */ s(f, { "data-icon": "inline-start" }),
+		pending: L,
+		onClick: () => {
+			let e = v();
+			if (!k(e)) return;
+			F(!0);
+			let t = () => {
+				F(!1);
+			};
+			e.then(t, t);
+		}
+	}, z = h ?? R, B = I ? "sm" : "default", V = z != null || (_?.length ?? 0) > 0 || x != null;
+	return /* @__PURE__ */ c(g, {
+		"data-slot": "notice-card",
+		"data-severity": n,
+		"data-size": r,
+		role: n === "error" ? "alert" : "status",
+		className: t(E({
+			severity: n,
+			size: r
+		}), S),
+		...M,
+		children: [/* @__PURE__ */ s("span", {
+			"aria-hidden": "true",
+			className: D({
+				severity: n,
+				size: r
+			}),
+			children: i ?? O[n]
+		}), /* @__PURE__ */ c("div", {
+			className: t("flex min-w-0 flex-1 flex-col", I ? "gap-2" : "gap-3"),
+			children: [
+				/* @__PURE__ */ c("div", {
+					className: t("flex min-w-0 flex-col", I ? "gap-0.5 pt-1" : o == null ? "gap-1 pt-2" : "gap-0.5"),
+					children: [
+						o == null ? null : /* @__PURE__ */ s("div", {
+							"data-slot": "notice-card-subject",
+							className: "text-xs font-medium wrap-break-word text-muted-foreground",
+							children: o
+						}),
+						u == null ? null : /* @__PURE__ */ s("div", {
+							"data-slot": "notice-card-title",
+							className: t("font-semibold tracking-tight text-pretty text-foreground", I ? "text-sm/5" : "text-[0.9375rem]/snug"),
+							children: u
+						}),
+						d == null ? null : /* @__PURE__ */ s("div", {
+							"data-slot": "notice-card-description",
+							className: t("text-sm/relaxed text-pretty", u == null ? "text-foreground" : "text-muted-foreground", "\n                  [&_a]:underline [&_a]:underline-offset-3\n                  [&_a]:hover:text-foreground\n                "),
+							children: d
+						})
+					]
+				}),
+				j,
+				p == null || p.length === 0 ? null : /* @__PURE__ */ c(C, {
+					defaultOpen: m,
+					"data-slot": "notice-card-details",
+					children: [/* @__PURE__ */ c(w, {
+						className: "\n                group/details -mx-1 inline-flex cursor-pointer items-center gap-1 rounded-md px-1\n                py-0.5 text-xs font-medium text-muted-foreground outline-none\n                hover:text-foreground\n                focus-visible:ring-3 focus-visible:ring-ring/50\n              ",
+						children: [/* @__PURE__ */ s(l, {
+							"aria-hidden": "true",
+							className: "\n                  size-3.5 transition-transform\n                  group-data-panel-open/details:rotate-90\n                "
+						}), N("ui_notice_details")]
+					}), /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s("dl", {
+						className: "\n                  mt-2 grid grid-cols-[auto_minmax(0,1fr)] gap-x-4 gap-y-1.5 rounded-lg border\n                  border-border/60 bg-muted/50 px-3 py-2.5 text-xs\n                ",
+						children: p.map((e) => /* @__PURE__ */ c(a.Fragment, { children: [/* @__PURE__ */ s("dt", {
+							className: "text-muted-foreground",
+							children: e.label
+						}), /* @__PURE__ */ s("dd", {
+							className: "font-medium wrap-anywhere text-foreground tabular-nums",
+							children: e.value
+						})] }, e.label))
+					}) })]
+				}),
+				V ? /* @__PURE__ */ c("div", {
+					"data-slot": "notice-card-actions",
+					className: "\n              flex flex-wrap items-center gap-2\n              max-sm:*:grow\n            ",
+					children: [
+						z == null ? null : /* @__PURE__ */ s(A, {
+							action: z,
+							variant: "default",
+							size: B
+						}),
+						h != null && R != null ? /* @__PURE__ */ s(A, {
+							action: R,
+							variant: "outline",
+							size: B
+						}) : null,
+						_?.map((e) => /* @__PURE__ */ s(A, {
+							action: e,
+							variant: "outline",
+							size: B
+						}, e.label)),
+						x
+					]
+				}) : null
+			]
+		})]
+	});
+}
+//#endregion
+export { g as a, y as c, v as d, w as i, S as l, C as n, b as o, T as r, x as s, j as t, _ as u };