@burdenoff/microfe-bigconsole 2026.1103.11 → 2026.1104.2

package/dist/bigconsole/components/widgets/chart/charts/referenceElements.d.ts

@@ -10,7 +10,8 @@ export interface ReferenceLineConfig {
 }
 /**
  * Build reference line/band elements for a cartesian chart.
- * `yAxisIds` lets dual-axis charts target the correct axis (defaults to none).
+ * `yAxisId` lets dual-axis charts target the correct axis (defaults to the
+ * default axis, id 0).
  */
 export declare function buildReferenceElements(referenceLines: ReferenceLineConfig[] | undefined, opts?: {
     yAxisId?: string | number;

package/dist/bigconsole/components/widgets/chart/charts/referenceElements.js

@@ -4,7 +4,7 @@ import { ReferenceArea as n, ReferenceLine as r } from "recharts";
 //#region src/bigconsole/components/widgets/chart/charts/referenceElements.tsx
 function i(i, a) {
 	return i?.length ? i.map((i, o) => {
-		let s = e(i.color ?? "danger"), c = (i.axis ?? "y") === "y", l = a?.yAxisId;
+		let s = e(i.color ?? "danger"), c = (i.axis ?? "y") === "y", l = a?.yAxisId ?? 0;
 		if (i.value2 != null) {
 			let e = Math.min(i.value, i.value2), r = Math.max(i.value, i.value2);
 			return /* @__PURE__ */ t(n, {
@@ -15,7 +15,9 @@ function i(i, a) {
 					x1: e,
 					x2: r
 				},
-				...l == null ? {} : { yAxisId: l },
+				xAxisId: 0,
+				yAxisId: l,
+				ifOverflow: "extendDomain",
 				fill: s,
 				fillOpacity: .1,
 				stroke: s,
@@ -30,7 +32,9 @@ function i(i, a) {
 		}
 		return /* @__PURE__ */ t(r, {
 			...c ? { y: i.value } : { x: i.value },
-			...l == null ? {} : { yAxisId: l },
+			xAxisId: 0,
+			yAxisId: l,
+			ifOverflow: "extendDomain",
 			stroke: s,
 			strokeWidth: 1.5,
 			strokeDasharray: i.dashed === !1 ? void 0 : "6 4",
@@ -38,7 +42,7 @@ function i(i, a) {
 				value: i.label,
 				fill: s,
 				fontSize: 11,
-				position: "right"
+				position: "insideTopRight"
 			} : void 0
 		}, `ref-line-${o}`);
 	}) : [];

package/dist/bigconsole/components/widgets/chart/referenceLineDraft.d.ts

@@ -0,0 +1,29 @@
+import { ChartReferenceLine } from '../../../types';
+import { SemanticIntent } from '../utils/conditionalFormat';
+/** Same cap the embed renderer applies when it reads `referenceLines`. */
+export declare const REFERENCE_LINE_LIMIT = 10;
+/** Colours offered in the editor, in the order they are listed. */
+export declare const REFERENCE_LINE_INTENTS: readonly SemanticIntent[];
+/**
+ * Read `config.referenceLines` defensively: stored widget config is untyped
+ * JSON, so anything that is not an object with a finite `value` is dropped and
+ * unknown keys are not carried forward.
+ */
+export declare function normalizeReferenceLines(raw: unknown): ChartReferenceLine[];
+/**
+ * Parse a number typed into the editor. Blank or non-numeric input returns
+ * `null` so the caller keeps the last valid value instead of storing NaN,
+ * which the chart would silently fail to draw.
+ */
+export declare function parseReferenceValue(text: string): number | null;
+/** Append a horizontal dashed threshold line, unless the list is full. */
+export declare function addReferenceLine(lines: readonly ChartReferenceLine[], value?: number): ChartReferenceLine[];
+/**
+ * Apply a partial edit to one line. A patch key set to `undefined` removes
+ * that key (e.g. clearing a label or the band's upper value); keys the patch
+ * does not mention are kept as they were.
+ */
+export declare function updateReferenceLine(lines: readonly ChartReferenceLine[], index: number, patch: Partial<ChartReferenceLine>): ChartReferenceLine[];
+export declare function removeReferenceLine(lines: readonly ChartReferenceLine[], index: number): ChartReferenceLine[];
+/** The value to store on the widget config: omit the key when the list is empty. */
+export declare function toReferenceLinesConfig(lines: readonly ChartReferenceLine[]): ChartReferenceLine[] | undefined;

package/dist/bigconsole/components/widgets/chart/referenceLineDraft.js

@@ -0,0 +1,58 @@
+var e = [
+	"danger",
+	"warning",
+	"success",
+	"info",
+	"neutral"
+];
+function t(t) {
+	return typeof t == "string" && e.includes(t);
+}
+function n(e) {
+	return typeof e == "number" && Number.isFinite(e) ? e : void 0;
+}
+function r(e) {
+	if (!Array.isArray(e)) return [];
+	let r = [];
+	for (let i of e) {
+		if (r.length >= 10) break;
+		if (!i || typeof i != "object") continue;
+		let e = i, a = n(e.value);
+		if (a === void 0) continue;
+		let o = { value: a };
+		(e.axis === "x" || e.axis === "y") && (o.axis = e.axis);
+		let s = n(e.value2);
+		s !== void 0 && (o.value2 = s), typeof e.label == "string" && e.label !== "" && (o.label = e.label), t(e.color) && (o.color = e.color), typeof e.dashed == "boolean" && (o.dashed = e.dashed), r.push(o);
+	}
+	return r;
+}
+function i(e) {
+	let t = e.trim();
+	if (t === "") return null;
+	let n = Number(t);
+	return Number.isFinite(n) ? n : null;
+}
+function a(e, t = 0) {
+	return e.length >= 10 ? [...e] : [...e, {
+		axis: "y",
+		value: t,
+		color: "danger",
+		dashed: !0
+	}];
+}
+function o(e, t, n) {
+	return e.map((e, r) => {
+		if (r !== t) return e;
+		let i = { ...e };
+		for (let [e, t] of Object.entries(n)) t === void 0 ? delete i[e] : i[e] = t;
+		return i;
+	});
+}
+function s(e, t) {
+	return e.filter((e, n) => n !== t);
+}
+function c(e) {
+	return e.length > 0 ? [...e] : void 0;
+}
+//#endregion
+export { e as REFERENCE_LINE_INTENTS, a as addReferenceLine, r as normalizeReferenceLines, i as parseReferenceValue, s as removeReferenceLine, c as toReferenceLinesConfig, o as updateReferenceLine };

package/dist/bigconsole/components/widgets/heatmap/HeatmapWidget.d.ts

@@ -32,5 +32,10 @@ declare const COLOR_RAMPS: {
     readonly red: readonly ["bg-status-error-bg/10", "bg-status-error-bg/30", "bg-status-error-bg/50", "bg-status-error-bg/70", "bg-status-error-bg/90"];
 };
 export type HeatmapColorScheme = keyof typeof COLOR_RAMPS;
+/**
+ * Whether a scroll container still has content below its visible area. The
+ * 1px slack absorbs the fractional scroll offsets browsers report at the end.
+ */
+export declare function hasMoreBelow(scrollTop: number, clientHeight: number, scrollHeight: number): boolean;
 export declare const HeatmapWidget: FC<HeatmapWidgetProps>;
 export default HeatmapWidget;

package/dist/bigconsole/components/widgets/heatmap/HeatmapWidget.js

@@ -1,7 +1,7 @@
-import { memo as e, useCallback as t, useMemo as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { memo as e, useCallback as t, useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/heatmap/HeatmapWidget.tsx
-var a = {
+var c = {
 	blue: [
 		"bg-action-primary-bg/10",
 		"bg-action-primary-bg/30",
@@ -24,87 +24,110 @@ var a = {
 		"bg-status-error-bg/90"
 	]
 };
-function o(e) {
-	return a[e ?? "blue"] ?? a.blue;
+function l(e) {
+	return c[e ?? "blue"] ?? c.blue;
 }
-function s(e, t, n, r = "blue") {
+function u(e, t, n) {
+	return e + t < n - 1;
+}
+function d(e, t, n, r = "blue") {
 	let i = Math.max(0, Math.min(1, (e - t) / (n - t || 1)));
-	return o(r)[i < .2 ? 0 : i < .4 ? 1 : i < .6 ? 2 : i < .8 ? 3 : 4];
+	return l(r)[i < .2 ? 0 : i < .4 ? 1 : i < .6 ? 2 : i < .8 ? 3 : 4];
 }
-var c = e(function({ widget: e, data: a, onClick: c }) {
-	let l = e.config, u = n(() => {
+var f = e(function({ widget: e, data: c, onClick: f }) {
+	let p = e.config, m = r(() => {
 		let e = /* @__PURE__ */ new Map();
-		return a?.cells && Array.isArray(a.cells) && a.cells.forEach((t) => {
+		return c?.cells && Array.isArray(c.cells) && c.cells.forEach((t) => {
 			e.set(`${t.row}:${t.column}`, t.value);
 		}), e;
-	}, [a?.cells]), { minValue: d, maxValue: f } = n(() => {
-		if (!a?.cells || !Array.isArray(a.cells) || !a.cells.length) return {
+	}, [c?.cells]), { minValue: h, maxValue: g } = r(() => {
+		if (!c?.cells || !Array.isArray(c.cells) || !c.cells.length) return {
 			minValue: 0,
 			maxValue: 100
 		};
-		let e = a.cells.map((e) => e.value);
+		let e = c.cells.map((e) => e.value);
 		return {
-			minValue: a.minValue ?? Math.min(...e),
-			maxValue: a.maxValue ?? Math.max(...e)
+			minValue: c.minValue ?? Math.min(...e),
+			maxValue: c.maxValue ?? Math.max(...e)
 		};
-	}, [a]), p = t((t, n, r) => {
-		c && e.drilldowns?.length && c({
+	}, [c]), _ = t((t, n, r) => {
+		f && e.drilldowns?.length && f({
 			row: t,
 			column: n,
 			value: r
 		});
-	}, [c, e.drilldowns]), m = !!(c && e.drilldowns?.length);
-	return !a || !Array.isArray(a.rows) || !Array.isArray(a.columns) || !a.rows.length || !a.columns.length ? /* @__PURE__ */ r("div", {
+	}, [f, e.drilldowns]), v = !!(f && e.drilldowns?.length), y = i(null), [b, x] = a(!1), [S, C] = a(!1);
+	return n(() => {
+		let e = y.current;
+		if (!e) return;
+		let t = () => {
+			C(e.scrollHeight > e.clientHeight + 1), x(u(e.scrollTop, e.clientHeight, e.scrollHeight));
+		};
+		t(), e.addEventListener("scroll", t, { passive: !0 });
+		let n = typeof ResizeObserver > "u" ? null : new ResizeObserver(t);
+		n?.observe(e);
+		let r = e.firstElementChild;
+		return r && n?.observe(r), () => {
+			e.removeEventListener("scroll", t), n?.disconnect();
+		};
+	}, [Array.isArray(c?.rows) ? c.rows.length : 0]), !c || !Array.isArray(c.rows) || !Array.isArray(c.columns) || !c.rows.length || !c.columns.length ? /* @__PURE__ */ o("div", {
 		className: "flex items-center justify-center h-full text-text-secondary text-sm",
 		children: "No heatmap data available"
-	}) : /* @__PURE__ */ i("div", {
-		className: "flex flex-col h-full p-4",
-		children: [/* @__PURE__ */ r("div", {
-			className: "min-h-0 flex-1 overflow-auto",
-			children: /* @__PURE__ */ i("table", {
-				className: "w-full border-collapse",
-				children: [/* @__PURE__ */ r("thead", { children: /* @__PURE__ */ i("tr", { children: [/* @__PURE__ */ r("th", { className: "p-2 text-xs text-text-secondary text-left" }), a.columns.map((e) => /* @__PURE__ */ r("th", {
-					className: "p-2 text-xs font-medium text-text-secondary text-center min-w-[60px]",
-					children: e
-				}, e))] }) }), /* @__PURE__ */ r("tbody", { children: a.rows.map((e) => /* @__PURE__ */ i("tr", { children: [/* @__PURE__ */ r("td", {
-					className: "p-2 text-xs font-medium text-text-secondary text-left",
-					children: e
-				}), a.columns.map((t) => {
-					let n = u.get(`${e}:${t}`) ?? 0, i = s(n, d, f, l?.colorScheme);
-					return /* @__PURE__ */ r("td", {
-						className: `
-                          p-0 text-center
-                          ${m ? "cursor-pointer" : ""}
-                        `,
-						onClick: () => p(e, t, n),
-						children: /* @__PURE__ */ r("div", {
+	}) : /* @__PURE__ */ s("div", {
+		className: "flex h-full min-h-0 flex-col gap-2",
+		children: [/* @__PURE__ */ s("div", {
+			className: "relative min-h-0 flex-1",
+			children: [/* @__PURE__ */ o("div", {
+				ref: y,
+				className: "h-full overflow-auto focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
+				tabIndex: S ? 0 : void 0,
+				role: S ? "region" : void 0,
+				"aria-label": S ? `${e.title || "Heatmap"}: scroll for more rows` : void 0,
+				children: /* @__PURE__ */ s("table", {
+					className: "h-full w-full border-separate border-spacing-0.5",
+					children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", { className: "sticky top-0 z-[1] bg-bg-surface px-2 py-1 text-xs text-text-secondary text-left" }), c.columns.map((e) => /* @__PURE__ */ o("th", {
+						scope: "col",
+						className: "sticky top-0 z-[1] bg-bg-surface px-2 py-1 text-xs font-medium text-text-secondary text-center min-w-[60px]",
+						children: e
+					}, e))] }) }), /* @__PURE__ */ o("tbody", { children: c.rows.map((e) => /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", {
+						scope: "row",
+						className: "px-2 py-0.5 text-xs font-medium text-text-secondary text-left whitespace-nowrap",
+						children: e
+					}), c.columns.map((t) => {
+						let n = m.get(`${e}:${t}`) ?? 0;
+						return /* @__PURE__ */ o("td", {
 							className: `
-                            m-0.5 p-2 rounded
-                            ${i}
-                            ${m ? "hover:ring-2 hover:ring-action-primary-bg" : ""}
-                            transition-all
-                          `,
+                          h-6 rounded px-2 py-0.5 text-center text-xs align-middle
+                          ${d(n, h, g, p?.colorScheme)}
+                          ${v ? "cursor-pointer hover:ring-2 hover:ring-inset hover:ring-action-primary-bg" : ""}
+                          transition-all
+                        `,
+							onClick: () => _(e, t, n),
 							title: `${e} / ${t}: ${n}`,
-							children: l?.showValues !== !1 && /* @__PURE__ */ r("span", {
+							children: p?.showValues !== !1 && /* @__PURE__ */ o("span", {
 								className: "text-xs font-medium text-text-primary",
-								children: typeof n == "number" ? n.toFixed(l?.decimals || 0) : n
+								children: typeof n == "number" ? n.toFixed(p?.decimals || 0) : n
 							})
-						})
-					}, t);
-				})] }, e)) })]
-			})
-		}), l?.showLegend !== !1 && /* @__PURE__ */ i("div", {
-			className: "flex items-center justify-center gap-2 mt-4",
+						}, t);
+					})] }, e)) })]
+				})
+			}), b && /* @__PURE__ */ o("div", {
+				"aria-hidden": "true",
+				"data-testid": "heatmap-more-below",
+				className: "pointer-events-none absolute inset-x-0 bottom-0 h-6 bg-gradient-to-t from-bg-surface to-bg-surface/0"
+			})]
+		}), p?.showLegend !== !1 && /* @__PURE__ */ s("div", {
+			className: "flex shrink-0 items-center justify-center gap-2",
 			children: [
-				/* @__PURE__ */ r("span", {
+				/* @__PURE__ */ o("span", {
 					className: "text-xs text-text-secondary",
 					children: "Low"
 				}),
-				/* @__PURE__ */ r("div", {
+				/* @__PURE__ */ o("div", {
 					className: "flex gap-0.5",
-					children: o(l?.colorScheme).map((e) => /* @__PURE__ */ r("div", { className: `w-6 h-4 rounded ${e}` }, e))
+					children: l(p?.colorScheme).map((e) => /* @__PURE__ */ o("div", { className: `w-6 h-4 rounded ${e}` }, e))
 				}),
-				/* @__PURE__ */ r("span", {
+				/* @__PURE__ */ o("span", {
 					className: "text-xs text-text-secondary",
 					children: "High"
 				})
@@ -113,4 +136,4 @@ var c = e(function({ widget: e, data: a, onClick: c }) {
 	});
 });
 //#endregion
-export { c as HeatmapWidget, c as default };
+export { f as HeatmapWidget, f as default, u as hasMoreBelow };