@lilt-ui/charts 0.12.1 → 0.13.0

package/dist/watch.js

@@ -1,636 +0,0 @@
-"use client";
-import { C as e, a as t, b as n, i as r, l as i, n as a, o, r as s, s as c, t as l, w as u } from "./report-context-DLA3I57K.js";
-import { Children as d, createContext as f, isValidElement as ee, useCallback as p, useContext as m, useEffect as h, useMemo as g, useReducer as te, useRef as _, useState as v } from "react";
-import { AnimatePresence as y, m as b } from "motion/react";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { createPortal as w } from "react-dom";
-//#region src/watch/engine/rules.ts
-function T({ points: e = 6, severity: t = "warning", message: n = "Value has not changed" } = {}) {
-	return {
-		severity: t,
-		message: n,
-		test: (t, { index: n, values: r }) => {
-			if (n + 1 < e) return !1;
-			let i = r[n];
-			if (i == null) return !1;
-			for (let t = 1; t < e; t += 1) if (r[n - t] !== i) return !1;
-			return !0;
-		}
-	};
-}
-function E({ by: e, direction: t = "both", severity: n = "warning", message: r }) {
-	return {
-		severity: n,
-		message: r ?? (t === "down" ? "Sudden drop" : t === "up" ? "Sudden rise" : "Sudden change"),
-		test: (n, { index: r, values: i }) => {
-			let a = i[r];
-			if (a == null) return !1;
-			let o = null;
-			for (let e = r - 1; e >= 0; --e) {
-				let t = i[e];
-				if (t != null) {
-					o = t;
-					break;
-				}
-			}
-			if (o === null || o === 0) return !1;
-			let s = (a - o) / Math.abs(o);
-			return t === "up" ? s >= e : t === "down" ? s <= -e : Math.abs(s) >= e;
-		}
-	};
-}
-//#endregion
-//#region src/watch/board/board-state.ts
-var D = (e, t) => ({
-	id: e,
-	order: t,
-	alarm: "normal",
-	pinned: !1,
-	severity: null,
-	reason: null,
-	why: null,
-	since: null,
-	sinceAt: null,
-	score: 0,
-	raisedAt: null,
-	acknowledgedAt: null,
-	clearedAt: null
-});
-function O(e, t) {
-	if (t.type === "register") {
-		let n = e[t.id];
-		return n?.order === t.order ? e : {
-			...e,
-			[t.id]: {
-				...n ?? D(t.id, t.order),
-				order: t.order
-			}
-		};
-	}
-	if (t.type === "unregister") {
-		if (!e[t.id]) return e;
-		let n = { ...e };
-		return delete n[t.id], n;
-	}
-	let n = e[t.id];
-	if (!n) return e;
-	let r = k(n, t);
-	return r === n ? e : {
-		...e,
-		[t.id]: r
-	};
-}
-function k(e, t) {
-	switch (t.type) {
-		case "report": {
-			let { report: n, now: r } = t;
-			if (n?.active) {
-				let t = {
-					reason: n.reason,
-					why: n.why,
-					since: n.since,
-					sinceAt: n.sinceAt,
-					score: n.score
-				};
-				if (e.alarm === "normal" || e.alarm === "cleared") return {
-					...e,
-					...t,
-					alarm: "active",
-					severity: n.severity,
-					raisedAt: r,
-					acknowledgedAt: null,
-					clearedAt: null
-				};
-				let i = e.severity === "warning" && n.severity === "critical";
-				return {
-					...e,
-					...t,
-					severity: i ? "critical" : e.severity,
-					alarm: i ? "active" : e.alarm,
-					acknowledgedAt: i ? null : e.acknowledgedAt
-				};
-			}
-			return e.alarm === "active" || e.alarm === "acknowledged" ? {
-				...e,
-				alarm: "cleared",
-				clearedAt: r
-			} : e;
-		}
-		case "acknowledge": return e.alarm === "active" ? {
-			...e,
-			alarm: "acknowledged",
-			acknowledgedAt: t.now
-		} : e;
-		case "pin": return e.pinned === t.pinned ? e : {
-			...e,
-			pinned: t.pinned
-		};
-		case "settle": return e.alarm === "cleared" ? {
-			...D(e.id, e.order),
-			pinned: e.pinned
-		} : e;
-		default: return e;
-	}
-}
-var A = {
-	active: 1,
-	acknowledged: 2,
-	cleared: 3,
-	normal: 4
-}, j = (e) => e === "critical" ? 0 : 1;
-function M(e) {
-	return Object.values(e).sort((e, t) => {
-		let n = e.pinned ? 0 : A[e.alarm], r = t.pinned ? 0 : A[t.alarm];
-		if (n !== r) return n - r;
-		if (n === 1 || n === 2) {
-			let n = j(e.severity) - j(t.severity);
-			if (n !== 0) return n;
-			let r = N(e) - N(t);
-			if (r !== 0) return r;
-			if (e.score !== t.score) return t.score - e.score;
-		}
-		return e.order - t.order;
-	}).map((e) => e.id);
-}
-var N = (e) => e.sinceAt ?? e.raisedAt ?? Infinity, P = 8e3;
-function ne({ alerts: e, reducedMotion: t, onView: n, onDismiss: r }) {
-	let [i, a] = v(null);
-	h(() => a(document.body), []);
-	let [o, s] = v(!1), c = e.some((e) => e.severity === "critical"), l = e.map((e) => `${e.id}:${e.severity}`).join(), u = _(r);
-	if (u.current = r, h(() => {
-		if (!e.length || c || o) return;
-		let t = setTimeout(() => u.current(), P);
-		return () => clearTimeout(t);
-	}, [
-		l,
-		c,
-		o
-	]), !i) return null;
-	let d = e[0], f = t ? { opacity: 0 } : {
-		opacity: 0,
-		y: 16,
-		filter: "blur(6px)"
-	};
-	return w(/* @__PURE__ */ S("div", {
-		"data-lilt-chart": "",
-		className: "lilt-toast-region",
-		children: /* @__PURE__ */ S(y, { children: d ? /* @__PURE__ */ C(b.div, {
-			role: "group",
-			"aria-label": "Chart alert",
-			className: "lilt-toast",
-			"data-severity": c ? "critical" : "warning",
-			initial: f,
-			animate: {
-				opacity: 1,
-				y: 0,
-				filter: "blur(0px)"
-			},
-			exit: f,
-			transition: t ? { duration: 0 } : {
-				type: "spring",
-				stiffness: 420,
-				damping: 34
-			},
-			onPointerEnter: () => s(!0),
-			onPointerLeave: () => s(!1),
-			onFocus: () => s(!0),
-			onBlur: (e) => {
-				e.currentTarget.contains(e.relatedTarget) || s(!1);
-			},
-			children: [
-				/* @__PURE__ */ S("span", {
-					className: "lilt-toast__text",
-					children: e.length === 1 ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("strong", { children: d.title }), d.reason ? /* @__PURE__ */ S("span", {
-						className: "lilt-toast__reason",
-						children: d.reason
-					}) : null] }) : /* @__PURE__ */ C("strong", { children: [e.length, " charts need attention"] })
-				}),
-				/* @__PURE__ */ S("button", {
-					type: "button",
-					className: "lilt-toast__view",
-					onClick: n,
-					children: "View"
-				}),
-				/* @__PURE__ */ S("button", {
-					type: "button",
-					className: "lilt-card-badge__clear",
-					"aria-label": "Dismiss",
-					onClick: r,
-					children: /* @__PURE__ */ S("svg", {
-						"aria-hidden": "true",
-						viewBox: "0 0 16 16",
-						fill: "none",
-						children: /* @__PURE__ */ S("path", {
-							d: "m4 4 8 8M12 4l-8 8",
-							stroke: "currentColor",
-							strokeWidth: "1.5",
-							strokeLinecap: "round"
-						})
-					})
-				})
-			]
-		}, "toast") : null })
-	}), i);
-}
-//#endregion
-//#region src/watch/board/chart-board.tsx
-function re({ children: e }) {
-	return /* @__PURE__ */ S(x, { children: e });
-}
-var ie = f(null), ae = f(null);
-function F() {
-	let e = m(ie);
-	if (!e) throw Error("Lilt Charts: useBoard must be used inside a ChartBoard.");
-	let t = Object.values(e.state);
-	return {
-		items: t,
-		attention: t.filter((e) => e.alarm === "active"),
-		fresh: t.filter((t) => e.fresh.has(t.id)),
-		pending: e.pending,
-		apply: e.apply,
-		acknowledge: e.acknowledge,
-		pin: e.pin
-	};
-}
-function I() {
-	let e = m(ie), t = m(ae);
-	if (!e || !t) throw Error("Lilt Charts: useBoardItem must be used inside a BoardItem.");
-	return {
-		item: e.state[t],
-		title: e.titles.get(t) ?? t,
-		fresh: e.fresh.has(t),
-		acknowledge: () => e.acknowledge(t),
-		pin: (n) => e.pin(t, n)
-	};
-}
-var oe = 500;
-function L({ children: t, "aria-label": n, settleAfter: r = 8e3, memory: i, storage: a, onEvent: o, toast: s = !1, toolbar: c = !0, status: l = !0, motion: u = "auto", className: f, style: m }) {
-	let y = g(() => d.toArray(t).flatMap((e) => ee(e) && e.type === re ? [e.props] : []), [t]), x = g(() => new Map(y.map((e) => [e.id, e.title])), [y]), [w, T] = te(O, y, (e) => e.reduce((e, t, n) => O(e, {
-		type: "register",
-		id: t.id,
-		order: n
-	}), {})), E = y.map((e) => e.id).join("\0");
-	h(() => {
-		let e = new Set(y.map((e) => e.id));
-		y.forEach((e, t) => T({
-			type: "register",
-			id: e.id,
-			order: t
-		}));
-		for (let t of Object.keys(w)) e.has(t) || T({
-			type: "unregister",
-			id: t
-		});
-	}, [E]);
-	let D = M(w), k = D.join("\0"), [A, j] = v(D), [N, P] = v(!1), F = _(void 0), I = () => {
-		clearTimeout(F.current), P(!0);
-	}, L = () => {
-		clearTimeout(F.current), F.current = setTimeout(() => P(!1), oe);
-	};
-	h(() => () => clearTimeout(F.current), []), h(() => {
-		N || j(D);
-	}, [N, k]);
-	let R = [...A.filter((e) => w[e]), ...D.filter((e) => !A.includes(e))], z = R.join("|"), B = R.join("\0") !== k, V = p(() => j(M(w)), [w]);
-	h(() => {
-		let e = Object.values(w).filter((e) => e.alarm === "cleared" && e.clearedAt !== null).map((e) => setTimeout(() => T({
-			type: "settle",
-			id: e.id
-		}), Math.max(0, e.clearedAt + r - Date.now())));
-		return () => e.forEach(clearTimeout);
-	}, [w, r]);
-	let H = e(u), U = _(/* @__PURE__ */ new Map()), pe = _(/* @__PURE__ */ new Map());
-	h(() => {
-		if (typeof IntersectionObserver > "u") return;
-		let e = new IntersectionObserver((e) => {
-			for (let t of e) {
-				let e = t.target.dataset.boardItem;
-				e && pe.current.set(e, t.intersectionRatio >= .5);
-			}
-		}, { threshold: [
-			0,
-			.5,
-			1
-		] });
-		return U.current.forEach((t) => e.observe(t)), () => e.disconnect();
-	}, [E]);
-	let [W, me] = v(null), he = _(H);
-	he.current = H;
-	let G = p((e) => {
-		let t = U.current.get(e);
-		t && (t.scrollIntoView?.({
-			behavior: he.current ? "auto" : "smooth",
-			block: "center"
-		}), t.focus({ preventScroll: !0 }), me(e));
-	}, []);
-	h(() => {
-		if (!W) return;
-		let e = setTimeout(() => me(null), 1600);
-		return () => clearTimeout(e);
-	}, [W]);
-	let [ge, K] = v([]), q = _(null), J = _(0);
-	h(() => {
-		let e = () => {
-			q.current !== null && (document.title = q.current), q.current = null, J.current = 0;
-		}, t = () => {
-			document.visibilityState === "visible" && e();
-		};
-		return document.addEventListener("visibilitychange", t), () => {
-			document.removeEventListener("visibilitychange", t), e();
-		};
-	}, []);
-	let [_e, ve] = v({
-		polite: "",
-		assertive: ""
-	}), ye = _(w), Y = _({
-		onEvent: o,
-		titles: x,
-		toast: s
-	});
-	Y.current = {
-		onEvent: o,
-		titles: x,
-		toast: s
-	}, h(() => {
-		let e = ye.current;
-		ye.current = w;
-		let t = [], n = [], r = [], i = /* @__PURE__ */ new Set();
-		for (let a of Object.values(w)) {
-			let o = e[a.id];
-			if (!o) continue;
-			let s = le(o, a);
-			if (!s) continue;
-			let c = Y.current.titles.get(a.id) ?? a.id;
-			Y.current.onEvent?.({
-				type: s,
-				id: a.id,
-				title: c,
-				item: a,
-				show: () => G(a.id)
-			}), s === "raised" || s === "escalated" ? pe.current.get(a.id) || r.push({
-				id: a.id,
-				title: c,
-				reason: a.why ?? a.reason,
-				severity: a.severity ?? "warning"
-			}) : i.add(a.id);
-			let l = a.reason ? `: ${a.reason}${a.since ? ` since ${a.since}` : ""}` : "";
-			s === "raised" || s === "escalated" ? (a.severity === "critical" ? n : t).push(`${c} needs attention${l}.${a.why ? ` ${a.why}.` : ""}`) : s === "cleared" && t.push(`${c} is back to normal.`);
-		}
-		if ((t.length || n.length) && ve({
-			polite: t.join(" "),
-			assertive: n.join(" ")
-		}), Y.current.toast) {
-			if (r.length || i.size) {
-				let e = new Set(r.map((e) => e.id));
-				K((t) => [...t.filter((t) => !e.has(t.id) && !i.has(t.id)), ...r].sort((e, t) => ce(e.severity) - ce(t.severity)));
-			}
-			r.length && document.visibilityState === "hidden" && (q.current ??= document.title, J.current += r.length, document.title = `(${J.current}) ${q.current}`);
-		}
-	}, [w, G]);
-	let X = i ? `lilt-board:${i}` : null, Z = _(null), [be, xe] = v(() => /* @__PURE__ */ new Set()), Q = g(() => a ?? ue(), [a]);
-	h(() => {
-		if (!X || !Q) return;
-		let e = Q.get(X);
-		try {
-			Z.current = e === null ? null : new Set(JSON.parse(e));
-		} catch {
-			Z.current = null;
-		}
-	}, [X, Q]);
-	let Se = (e) => `${e.id}@${e.sinceAt ?? e.since ?? ""}`, Ce = Object.values(w).filter((e) => e.alarm !== "normal" && e.alarm !== "cleared").map(Se).sort().join("\0");
-	h(() => {
-		if (!X || !Q) return;
-		let e = Z.current, t = Object.values(w).filter((e) => e.alarm === "active" || e.alarm === "acknowledged");
-		e && xe(new Set(t.filter((t) => t.alarm === "active" && !e.has(Se(t))).map((e) => e.id)));
-		let n = () => Q.set(X, JSON.stringify(t.map(Se))), r = () => {
-			document.visibilityState === "hidden" && n();
-		};
-		return window.addEventListener("pagehide", n), document.addEventListener("visibilitychange", r), () => {
-			window.removeEventListener("pagehide", n), document.removeEventListener("visibilitychange", r), n();
-		};
-	}, [
-		Ce,
-		X,
-		Q
-	]);
-	let we = p((e) => T({
-		type: "acknowledge",
-		id: e,
-		now: Date.now()
-	}), []), Te = p((e, t) => T({
-		type: "pin",
-		id: e,
-		pinned: t
-	}), []), Ee = g(() => ({
-		state: w,
-		titles: x,
-		fresh: be,
-		acknowledge: we,
-		pin: Te,
-		pending: B,
-		apply: V
-	}), [
-		w,
-		x,
-		be,
-		we,
-		Te,
-		B,
-		V
-	]), De = new Map(y.map((e) => [e.id, e])), $ = ge.filter((e) => w[e.id]);
-	return /* @__PURE__ */ C(ie.Provider, {
-		value: Ee,
-		children: [/* @__PURE__ */ C("section", {
-			"data-lilt-chart": "",
-			className: ["lilt-board", f].filter(Boolean).join(" "),
-			style: m,
-			"aria-label": n,
-			onPointerEnter: I,
-			onPointerLeave: L,
-			onFocus: I,
-			onBlur: (e) => {
-				e.currentTarget.contains(e.relatedTarget) || L();
-			},
-			children: [
-				c ? /* @__PURE__ */ S(fe, {}) : null,
-				/* @__PURE__ */ S(b.div, {
-					layoutRoot: !0,
-					className: "lilt-board__grid",
-					children: R.map((e) => {
-						let t = De.get(e), n = w[e];
-						return !t || !n ? null : /* @__PURE__ */ S(b.div, {
-							ref: (t) => {
-								t ? U.current.set(e, t) : U.current.delete(e);
-							},
-							role: "group",
-							"aria-label": t.title,
-							tabIndex: -1,
-							"data-board-item": e,
-							"data-flash": W === e || void 0,
-							layout: !H && "position",
-							layoutDependency: z,
-							transition: {
-								type: "spring",
-								stiffness: 420,
-								damping: 40,
-								mass: .9
-							},
-							className: "lilt-board__item",
-							"data-alarm": n.alarm,
-							"data-severity": n.severity ?? void 0,
-							"data-pinned": n.pinned || void 0,
-							style: t.span === 2 ? { gridColumn: "span 2" } : void 0,
-							children: /* @__PURE__ */ S(ae.Provider, {
-								value: e,
-								children: /* @__PURE__ */ S(de, {
-									item: n,
-									status: l,
-									children: /* @__PURE__ */ S(se, {
-										id: e,
-										dispatch: T,
-										children: t.children
-									})
-								})
-							})
-						}, e);
-					})
-				}),
-				/* @__PURE__ */ S("div", {
-					className: "lilt-chart__sr-only",
-					"aria-live": "polite",
-					children: _e.polite
-				}),
-				/* @__PURE__ */ S("div", {
-					className: "lilt-chart__sr-only",
-					"aria-live": "assertive",
-					children: _e.assertive
-				})
-			]
-		}), s ? /* @__PURE__ */ S(ne, {
-			alerts: $,
-			reducedMotion: H,
-			onView: () => {
-				$[0] && G($[0].id), K([]);
-			},
-			onDismiss: () => K([])
-		}) : null]
-	});
-}
-function se({ id: e, dispatch: t, children: n }) {
-	let r = p((n) => t({
-		type: "report",
-		id: e,
-		report: n,
-		now: Date.now()
-	}), [t, e]);
-	return /* @__PURE__ */ S(l.Provider, {
-		value: r,
-		children: n
-	});
-}
-var ce = (e) => e === "critical" ? 0 : 1;
-function le(e, t) {
-	return e.alarm === t.alarm ? t.alarm === "active" && e.severity === "warning" && t.severity === "critical" ? "escalated" : null : {
-		active: e.alarm === "acknowledged" ? "escalated" : "raised",
-		acknowledged: "acknowledged",
-		cleared: "cleared"
-	}[t.alarm] ?? null;
-}
-function ue() {
-	return typeof window > "u" ? null : {
-		get: (e) => {
-			try {
-				return window.localStorage.getItem(e);
-			} catch {
-				return null;
-			}
-		},
-		set: (e, t) => {
-			try {
-				window.localStorage.setItem(e, t);
-			} catch {}
-		}
-	};
-}
-function de({ item: e, status: t, children: n }) {
-	let r = t && (e.alarm !== "normal" || e.pinned), a = g(() => ({
-		badge: r ? /* @__PURE__ */ S(z, {}) : void 0,
-		tone: e.alarm === "active" ? e.severity : null,
-		handle: t && !r ? /* @__PURE__ */ S(B, {}) : void 0
-	}), [
-		r,
-		t,
-		e.alarm,
-		e.severity
-	]);
-	return /* @__PURE__ */ S(i.Provider, {
-		value: a,
-		children: n
-	});
-}
-var R = new Intl.DateTimeFormat(void 0, {
-	hour: "numeric",
-	minute: "2-digit"
-});
-function z() {
-	let { item: e, title: t, fresh: r, acknowledge: i, pin: a } = I(), o = e.alarm === "active" ? "Needs attention" : e.alarm === "acknowledged" ? `Seen ${R.format(e.acknowledgedAt)}` : e.alarm === "cleared" ? "Back to normal" : "Pinned";
-	return /* @__PURE__ */ C("span", {
-		className: "lilt-board-tab",
-		"data-alarm": e.alarm,
-		"data-severity": e.severity ?? void 0,
-		children: [/* @__PURE__ */ C("span", {
-			className: "lilt-board-tab__state",
-			children: [o, r ? /* @__PURE__ */ S("span", {
-				className: "lilt-board-tab__new",
-				children: "· New"
-			}) : null]
-		}), /* @__PURE__ */ C("span", {
-			className: "lilt-board-tab__actions",
-			children: [e.alarm === "active" ? /* @__PURE__ */ S("button", {
-				type: "button",
-				className: "lilt-board-tab__action",
-				onClick: i,
-				children: "Acknowledge"
-			}) : null, /* @__PURE__ */ S("button", {
-				type: "button",
-				className: "lilt-card-badge__clear lilt-board-tab__pin",
-				"aria-pressed": e.pinned,
-				"aria-label": e.pinned ? `Unpin ${t}` : `Pin ${t}`,
-				title: e.pinned ? "Unpin" : "Keep at the top",
-				onClick: () => a(!e.pinned),
-				children: /* @__PURE__ */ S(n, { release: e.pinned })
-			})]
-		})]
-	});
-}
-function B() {
-	let { title: e, pin: t } = I();
-	return /* @__PURE__ */ S("button", {
-		type: "button",
-		className: "lilt-board-handle",
-		"aria-pressed": !1,
-		"aria-label": `Pin ${e}`,
-		title: "Keep at the top",
-		onClick: () => t(!0),
-		children: /* @__PURE__ */ S(n, {})
-	});
-}
-function fe() {
-	let { pending: e, apply: t } = F();
-	return e ? /* @__PURE__ */ S("div", {
-		className: "lilt-board__toolbar",
-		children: /* @__PURE__ */ S("button", {
-			type: "button",
-			className: "lilt-board__apply",
-			onClick: t,
-			children: "Order changed · Show"
-		})
-	}) : null;
-}
-function V(e) {
-	return /* @__PURE__ */ S(u, {
-		layout: !0,
-		children: /* @__PURE__ */ S(L, { ...e })
-	});
-}
-//#endregion
-export { re as BoardItem, z as BoardItemTab, fe as BoardToolbar, V as ChartBoard, O as boardReducer, a as describeExplanation, t as describeFlag, c as evaluateNormal, s as explainDeviation, r as explainReadings, T as flatline, E as jump, M as rankBoard, o as trackNormalStatus, F as useBoard, I as useBoardItem };