@oneuptime/common 12.0.30 → 12.0.32

package/build/dist/UI/Components/Charts/ChartLibrary/Annotations/ChartAnnotationLayer.js

@@ -0,0 +1,264 @@
+import React from "react";
+import { ZIndexLayer, useChartWidth, usePlotArea, useXAxisTicks, } from "recharts";
+import { MARKER_RAIL_HEIGHT, REGION_RAIL_HEIGHT, SINGLE_MARKER_CHIP_SIZE, buildCategoryXResolver, clusterMarkers, getChipWidth, getMarkerRailY, getRegionRailY, positionMarkers, positionRegions, truncateLabelToWidth, } from "./AnnotationLayout";
+/** Ring drawn around a chip so overlapping chips still read as separate. */
+const CHIP_RING = "var(--ou-chart-marker-ring, #ffffff)";
+const HAIRLINE_OPACITY = 0.34;
+const HAIRLINE_OPACITY_HOVERED = 0.85;
+const REGION_FILL_OPACITY = 0.1;
+const REGION_FILL_OPACITY_HOVERED = 0.2;
+/** Font size of the label inside a region pill. */
+const REGION_LABEL_FONT_SIZE = 9;
+/** Padding either side of a region pill's label. */
+const REGION_LABEL_INSET = 6;
+/** How far a chip's invisible hit area extends past the chip itself. */
+const HIT_AREA_PADDING = 3;
+/*
+ * SVG has no z-index, and recharts portals each layer into its own DOM
+ * node, so paint order comes from these rather than from where the JSX
+ * sits. Region bands go under every series (recharts draws areas at 100,
+ * bars at 300, lines at 400); hairlines go over the filled marks but under
+ * the lines, so the data stays the brightest thing on the chart; the rail
+ * itself goes above everything, including the active dot at 1200.
+ */
+const REGION_BAND_Z_INDEX = 50;
+const HAIRLINE_Z_INDEX = 350;
+const RAIL_Z_INDEX = 1300;
+function isActivationKey(key) {
+    return key === "Enter" || key === " " || key === "Spacebar";
+}
+/*
+ * A press that reaches the chart starts a drag-to-select. Chips and pills
+ * are targets in their own right, so their presses stop there — otherwise
+ * clicking one both navigates and leaves a stray selection behind.
+ */
+function stopPress(event) {
+    event.stopPropagation();
+}
+/**
+ * Everything the annotation rail draws inside the chart's SVG: shaded
+ * region bands and their pills, one hairline per marker cluster, and the
+ * clickable chips that top them.
+ *
+ * Rendered as a plain child of the recharts chart — recharts 3 hands any
+ * child the chart context, so the hooks here return the real geometry and
+ * the rail stays pinned to the plot through every resize, with no
+ * measurement round-trip through React state.
+ */
+const ChartAnnotationLayer = (props) => {
+    const plotArea = usePlotArea();
+    const ticks = useXAxisTicks();
+    const chartWidth = useChartWidth();
+    /*
+     * clipPath ids are document-global. Two charts on one dashboard would
+     * otherwise both define `ou-region-clip-region-0-…`, and every region
+     * label on the page would be clipped to whichever chart rendered last.
+     */
+    const clipNamespace = React.useId();
+    const { formattedTimeReferenceLines, formattedReferenceRegions, categoryLabels, axisPaddingPx, scaleKind, hoveredId, onHoverChange, isClickSuppressed, } = props;
+    const resolveX = React.useMemo(() => {
+        if (!plotArea) {
+            return null;
+        }
+        return buildCategoryXResolver({
+            ticks: ticks,
+            categoryLabels,
+            plotArea,
+            axisPaddingPx,
+            scaleKind,
+        });
+    }, [ticks, categoryLabels, plotArea, axisPaddingPx, scaleKind]);
+    const regions = React.useMemo(() => {
+        if (!(formattedReferenceRegions === null || formattedReferenceRegions === void 0 ? void 0 : formattedReferenceRegions.length) || !resolveX) {
+            return [];
+        }
+        return positionRegions({ regions: formattedReferenceRegions, resolveX });
+    }, [formattedReferenceRegions, resolveX]);
+    const clusters = React.useMemo(() => {
+        if (!(formattedTimeReferenceLines === null || formattedTimeReferenceLines === void 0 ? void 0 : formattedTimeReferenceLines.length) || !resolveX) {
+            return [];
+        }
+        const positioned = positionMarkers({
+            markers: formattedTimeReferenceLines,
+            resolveX,
+        });
+        return clusterMarkers({ positioned });
+    }, [formattedTimeReferenceLines, resolveX]);
+    if (!plotArea || !resolveX) {
+        return null;
+    }
+    const plotBottom = plotArea.y + plotArea.height;
+    const markerRailY = getMarkerRailY(plotArea.y);
+    /*
+     * Whether the rail reserved a marker strip, which is what the chart's
+     * margin/legend padding was sized from — not whether any marker survived
+     * positioning. Markers that all fall outside the window still bought
+     * their row, and measuring from a row that is not there would drop the
+     * region pill onto the plot.
+     */
+    const reservedMarkerStrip = Boolean(formattedTimeReferenceLines === null || formattedTimeReferenceLines === void 0 ? void 0 : formattedTimeReferenceLines.length);
+    const regionRailY = getRegionRailY(plotArea.y, reservedMarkerStrip);
+    const width = chartWidth !== null && chartWidth !== void 0 ? chartWidth : plotArea.x + plotArea.width;
+    const canClick = () => {
+        return !(isClickSuppressed === null || isClickSuppressed === void 0 ? void 0 : isClickSuppressed());
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ZIndexLayer, { zIndex: REGION_BAND_Z_INDEX },
+            React.createElement("g", { className: "oneuptime-chart-annotation-bands", style: { pointerEvents: "none" } }, regions.map((positioned) => {
+                return (React.createElement("rect", { key: positioned.id, "data-testid": "chart-annotation-region-band", x: positioned.x1, y: plotArea.y, width: positioned.x2 - positioned.x1, height: plotArea.height, fill: positioned.color, fillOpacity: hoveredId === positioned.id
+                        ? REGION_FILL_OPACITY_HOVERED
+                        : REGION_FILL_OPACITY }));
+            }))),
+        React.createElement(ZIndexLayer, { zIndex: HAIRLINE_Z_INDEX },
+            React.createElement("g", { className: "oneuptime-chart-annotation-lines", style: { pointerEvents: "none" } },
+                regions.map((positioned) => {
+                    const isHovered = hoveredId === positioned.id;
+                    /*
+                     * Edges rather than a full border: a boxed region reads as a
+                     * second chart frame, two hairlines read as "this span".
+                     */
+                    return (React.createElement("g", { key: positioned.id },
+                        React.createElement("line", { x1: positioned.x1, x2: positioned.x1, y1: plotArea.y, y2: plotBottom, stroke: positioned.color, strokeWidth: 1, strokeOpacity: isHovered ? 0.8 : 0.45 }),
+                        React.createElement("line", { x1: positioned.x2, x2: positioned.x2, y1: plotArea.y, y2: plotBottom, stroke: positioned.color, strokeWidth: 1, strokeOpacity: isHovered ? 0.8 : 0.45 })));
+                }),
+                clusters.map((cluster) => {
+                    const isHovered = hoveredId === cluster.id;
+                    return (React.createElement("line", Object.assign({ key: cluster.id, "data-testid": "chart-annotation-hairline", x1: cluster.xPixel, x2: cluster.xPixel, y1: plotArea.y, y2: plotBottom, stroke: cluster.color, strokeWidth: isHovered ? 1.5 : 1, strokeOpacity: isHovered ? HAIRLINE_OPACITY_HOVERED : HAIRLINE_OPACITY }, (cluster.strokeDasharray
+                        ? { strokeDasharray: cluster.strokeDasharray }
+                        : {}))));
+                }))),
+        React.createElement(ZIndexLayer, { zIndex: RAIL_Z_INDEX },
+            React.createElement("g", { className: "oneuptime-chart-annotations", "data-testid": "chart-annotation-layer" },
+                regions.map((positioned) => {
+                    const isHovered = hoveredId === positioned.id;
+                    const regionWidth = positioned.x2 - positioned.x1;
+                    const label = positioned.region.original.label;
+                    const clipId = `ou-region-clip-${clipNamespace}-${positioned.id}`;
+                    /*
+                     * Cut to the pill rather than clipped by it: a hard edge
+                     * mid-glyph reads as a rendering fault, an ellipsis reads as a
+                     * name that did not fit. The clip path stays as a backstop for
+                     * the estimate.
+                     */
+                    const shownLabel = label
+                        ? truncateLabelToWidth({
+                            label,
+                            maxWidthPx: regionWidth - REGION_LABEL_INSET * 2,
+                            fontSizePx: REGION_LABEL_FONT_SIZE,
+                        })
+                        : null;
+                    const hover = {
+                        id: positioned.id,
+                        anchorX: positioned.x1 + regionWidth / 2,
+                        anchorY: regionRailY + REGION_RAIL_HEIGHT,
+                        chartWidth: width,
+                        markers: [],
+                        region: positioned.region,
+                        heading: label || "Window",
+                    };
+                    const onActivate = positioned.region.original.onClick;
+                    return (React.createElement("g", { key: positioned.id, "data-testid": "chart-annotation-region", "data-annotation-label": label || "", role: onActivate ? "button" : "img", tabIndex: 0, "aria-label": label ? `Window: ${label}` : "Highlighted window on the chart", style: { cursor: onActivate ? "pointer" : "default" }, onMouseEnter: () => {
+                            onHoverChange(hover);
+                        }, onFocus: () => {
+                            onHoverChange(hover);
+                        }, onMouseLeave: () => {
+                            onHoverChange(null);
+                        }, onBlur: () => {
+                            onHoverChange(null);
+                        }, onMouseDown: stopPress, onClick: (event) => {
+                            event.stopPropagation();
+                            if (!canClick()) {
+                                return;
+                            }
+                            onActivate === null || onActivate === void 0 ? void 0 : onActivate();
+                        }, onKeyDown: (event) => {
+                            if (!isActivationKey(event.key)) {
+                                return;
+                            }
+                            event.preventDefault();
+                            event.stopPropagation();
+                            onActivate === null || onActivate === void 0 ? void 0 : onActivate();
+                        } },
+                        React.createElement("rect", { x: positioned.x1, y: regionRailY, width: regionWidth, height: REGION_RAIL_HEIGHT, rx: 3, fill: positioned.color, fillOpacity: isHovered ? 0.26 : 0.16, stroke: positioned.color, strokeOpacity: isHovered ? 0.9 : 0.55, strokeWidth: 1 }),
+                        shownLabel ? (React.createElement(React.Fragment, null,
+                            React.createElement("clipPath", { id: clipId },
+                                React.createElement("rect", { x: positioned.x1 + 3, y: regionRailY, width: Math.max(regionWidth - 6, 0), height: REGION_RAIL_HEIGHT })),
+                            React.createElement("text", { clipPath: `url(#${clipId})`, x: positioned.x1 + REGION_LABEL_INSET, y: regionRailY + REGION_RAIL_HEIGHT - 3.5, fontSize: REGION_LABEL_FONT_SIZE, fontWeight: 600, fill: positioned.color, style: { pointerEvents: "none" } }, shownLabel))) : null));
+                }),
+                clusters.map((cluster) => {
+                    var _a;
+                    const isHovered = hoveredId === cluster.id;
+                    const count = cluster.markers.length;
+                    const chipWidth = getChipWidth(count);
+                    const chipX = cluster.xPixel - chipWidth / 2;
+                    const chipCentreY = markerRailY + MARKER_RAIL_HEIGHT / 2;
+                    const hover = {
+                        id: cluster.id,
+                        anchorX: cluster.xPixel,
+                        anchorY: markerRailY + MARKER_RAIL_HEIGHT,
+                        chartWidth: width,
+                        markers: cluster.markers,
+                        heading: cluster.formattedX,
+                    };
+                    const firstLabel = ((_a = cluster.markers[0]) === null || _a === void 0 ? void 0 : _a.original.label) || "Event";
+                    const ariaLabel = count > 1
+                        ? `${count} events at ${cluster.formattedX}`
+                        : `${firstLabel} at ${cluster.formattedX}`;
+                    const activate = () => {
+                        var _a, _b, _c;
+                        /*
+                         * One event goes straight through; a cluster has no single
+                         * destination, so it opens its card and lets the reader pick.
+                         */
+                        if (count === 1) {
+                            (_c = (_a = cluster.markers[0]) === null || _a === void 0 ? void 0 : (_b = _a.original).onClick) === null || _c === void 0 ? void 0 : _c.call(_b);
+                            return;
+                        }
+                        onHoverChange(hover);
+                    };
+                    return (React.createElement("g", { key: cluster.id, "data-testid": "chart-annotation-marker" },
+                        React.createElement("line", { x1: cluster.xPixel, x2: cluster.xPixel, y1: markerRailY + MARKER_RAIL_HEIGHT, y2: plotArea.y, stroke: cluster.color, strokeWidth: 1, strokeOpacity: isHovered ? 0.9 : 0.55, style: { pointerEvents: "none" } }),
+                        React.createElement("g", { "data-testid": "chart-annotation-chip", "data-annotation-count": String(count), "data-annotation-kind": cluster.kind, role: "button", tabIndex: 0, "aria-label": ariaLabel, style: { cursor: "pointer" }, onMouseEnter: () => {
+                                onHoverChange(hover);
+                            }, onFocus: () => {
+                                onHoverChange(hover);
+                            }, onMouseLeave: () => {
+                                onHoverChange(null);
+                            }, onBlur: () => {
+                                onHoverChange(null);
+                            }, onMouseDown: stopPress, onClick: (event) => {
+                                // An annotation click must never also pin a time bucket.
+                                event.stopPropagation();
+                                if (!canClick()) {
+                                    return;
+                                }
+                                activate();
+                            }, onKeyDown: (event) => {
+                                var _a, _b, _c;
+                                if (!isActivationKey(event.key)) {
+                                    return;
+                                }
+                                event.preventDefault();
+                                event.stopPropagation();
+                                if (count === 1) {
+                                    (_c = (_a = cluster.markers[0]) === null || _a === void 0 ? void 0 : (_b = _a.original).onClick) === null || _c === void 0 ? void 0 : _c.call(_b);
+                                    return;
+                                }
+                                onHoverChange(Object.assign(Object.assign({}, hover), { takeFocus: true }));
+                            } },
+                            React.createElement("rect", { x: chipX - 5, y: Math.max(0, markerRailY - HIT_AREA_PADDING), width: chipWidth + 10, height: MARKER_RAIL_HEIGHT +
+                                    HIT_AREA_PADDING +
+                                    Math.min(HIT_AREA_PADDING, markerRailY), fill: "transparent" }),
+                            React.createElement("rect", { x: chipX, y: markerRailY +
+                                    (MARKER_RAIL_HEIGHT - SINGLE_MARKER_CHIP_SIZE) / 2, width: chipWidth, height: SINGLE_MARKER_CHIP_SIZE, rx: SINGLE_MARKER_CHIP_SIZE / 2, fill: cluster.color, stroke: CHIP_RING, strokeWidth: isHovered ? 2.5 : 1.5 }),
+                            count > 1 ? (React.createElement("text", { x: cluster.xPixel, y: chipCentreY + 3.2, textAnchor: "middle", fontSize: 9, fontWeight: 700, fill: "#ffffff", style: { pointerEvents: "none" } }, count)) : (
+                            /*
+                             * Sits on the chip's own colour, not on the chart
+                             * surface, so it must not follow the ring token that
+                             * flips with the theme.
+                             */
+                            React.createElement("circle", { cx: cluster.xPixel, cy: chipCentreY, r: 2.2, fill: "#ffffff", fillOpacity: 0.9, style: { pointerEvents: "none" } })))));
+                })))));
+};
+export default ChartAnnotationLayer;
+//# sourceMappingURL=ChartAnnotationLayer.js.map

package/build/dist/UI/Components/Charts/ChartLibrary/Annotations/ChartAnnotationLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAnnotationLayer.js","sourceRoot":"","sources":["../../../../../../../UI/Components/Charts/ChartLibrary/Annotations/ChartAnnotationLayer.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/Charts/ChartLibrary/Annotations/UseChartAnnotations.js

@@ -0,0 +1,122 @@
+import React from "react";
+import AnnotationHoverCard from "./AnnotationHoverCard";
+import ChartAnnotationLayer from "./ChartAnnotationLayer";
+import { getChartMarginTop, getRailHeight, } from "./AnnotationLayout";
+/*
+ * Leaving the card open for a beat after the pointer leaves a chip is what
+ * makes the chip -> card journey possible at all: the gap between them is
+ * unavoidable (the card must clear the chip's ring), and a card that shut
+ * the instant the pointer crossed it could never be clicked.
+ */
+const HOVER_CLOSE_DELAY_MS = 140;
+/**
+ * Wires the annotation rail into a chart: the in-SVG layer, the HTML hover
+ * card that goes with it, and the top margin the rail needs.
+ *
+ * Lives here rather than in each chart so line, area and bar charts draw
+ * event markers identically — the three used to carry their own copy of
+ * the annotation JSX, and had already drifted apart.
+ */
+export default function useChartAnnotations(input) {
+    var _a, _b, _c;
+    const [hover, setHover] = React.useState(null);
+    const closeTimeoutRef = React.useRef(null);
+    const cancelPendingClose = React.useCallback(() => {
+        if (closeTimeoutRef.current !== null) {
+            clearTimeout(closeTimeoutRef.current);
+            closeTimeoutRef.current = null;
+        }
+    }, []);
+    React.useEffect(() => {
+        return () => {
+            if (closeTimeoutRef.current !== null) {
+                clearTimeout(closeTimeoutRef.current);
+            }
+        };
+    }, []);
+    const onHoverChange = React.useCallback((next) => {
+        cancelPendingClose();
+        if (next) {
+            setHover(next);
+            return;
+        }
+        closeTimeoutRef.current = setTimeout(() => {
+            closeTimeoutRef.current = null;
+            setHover(null);
+        }, HOVER_CLOSE_DELAY_MS);
+    }, [cancelPendingClose]);
+    const markerCount = ((_a = input.formattedTimeReferenceLines) === null || _a === void 0 ? void 0 : _a.length) || 0;
+    const regionCount = ((_b = input.formattedReferenceRegions) === null || _b === void 0 ? void 0 : _b.length) || 0;
+    const hasMarkers = markerCount > 0;
+    const hasRegions = regionCount > 0;
+    const hasAnnotations = hasMarkers || hasRegions;
+    const marginTop = getChartMarginTop({
+        hasMarkers,
+        hasRegions,
+        hasTopLegend: input.hasTopLegend,
+    });
+    const railHeight = getRailHeight({ hasMarkers, hasRegions });
+    /*
+     * A hover left over from a previous window would point at a chip that no
+     * longer exists, so annotations changing closes the card.
+     *
+     * Keyed on WHERE the annotations sit, not on array identity: a caller
+     * passing an inline array literal (IncidentRootCauseMetricChart does)
+     * hands over a referentially-new-but-equal array on every render, and an
+     * identity-keyed effect would then shut the card on every parent render
+     * — which a dashboard's auto-refresh tick makes constant.
+     */
+    const annotationSignature = React.useMemo(() => {
+        const markerPart = (input.formattedTimeReferenceLines || [])
+            .map((marker) => {
+            return marker.bucketIndex;
+        })
+            .join(",");
+        const regionPart = (input.formattedReferenceRegions || [])
+            .map((region) => {
+            return `${region.startBucketIndex}-${region.endBucketIndex}`;
+        })
+            .join(",");
+        return `${markerPart}|${regionPart}`;
+    }, [input.formattedTimeReferenceLines, input.formattedReferenceRegions]);
+    React.useEffect(() => {
+        cancelPendingClose();
+        setHover(null);
+    }, [annotationSignature, cancelPendingClose]);
+    /*
+     * The card is positioned from the chip's coordinates at the moment it
+     * opened. A resize moves every chip and leaves the card pointing at
+     * nothing, so it closes rather than lying about which event it describes.
+     */
+    React.useEffect(() => {
+        if (typeof window === "undefined") {
+            return undefined;
+        }
+        const onResize = () => {
+            cancelPendingClose();
+            setHover(null);
+        };
+        window.addEventListener("resize", onResize);
+        return () => {
+            window.removeEventListener("resize", onResize);
+        };
+    }, [cancelPendingClose]);
+    if (!hasAnnotations) {
+        return {
+            hasAnnotations,
+            marginTop,
+            railHeight,
+            layer: null,
+            overlay: null,
+        };
+    }
+    const layer = (React.createElement(ChartAnnotationLayer, { formattedTimeReferenceLines: input.formattedTimeReferenceLines, formattedReferenceRegions: input.formattedReferenceRegions, categoryLabels: input.categoryLabels, axisPaddingPx: input.axisPaddingPx, scaleKind: input.scaleKind, hoveredId: (_c = hover === null || hover === void 0 ? void 0 : hover.id) !== null && _c !== void 0 ? _c : null, onHoverChange: onHoverChange, isClickSuppressed: input.isClickSuppressed }));
+    const overlay = hover ? (React.createElement(AnnotationHoverCard, { hover: hover, onMouseEnter: cancelPendingClose, onMouseLeave: () => {
+            onHoverChange(null);
+        }, onDismiss: () => {
+            cancelPendingClose();
+            setHover(null);
+        } })) : null;
+    return { hasAnnotations, marginTop, railHeight, layer, overlay };
+}
+//# sourceMappingURL=UseChartAnnotations.js.map

package/build/dist/UI/Components/Charts/ChartLibrary/Annotations/UseChartAnnotations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseChartAnnotations.js","sourceRoot":"","sources":["../../../../../../../UI/Components/Charts/ChartLibrary/Annotations/UseChartAnnotations.tsx"],"names":[],"mappings":"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"}