@oneuptime/common 14.0.8 → 14.0.10

package/build/dist/UI/Components/Charts/ChartLibrary/Utils/DoubleClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"DoubleClick.js","sourceRoot":"","sources":["../../../../../../../UI/Components/Charts/ChartLibrary/Utils/DoubleClick.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAW,GAAG,CAAC"}
+{"version":3,"file":"DoubleClick.js","sourceRoot":"","sources":["../../../../../../../UI/Components/Charts/ChartLibrary/Utils/DoubleClick.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAW,GAAG,CAAC;AAa1D;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,qBAAqB,CAAC,OAAgB;IACpD,MAAM,eAAe,GAET,KAAK,CAAC,MAAM,CAAuC,IAAI,CAAC,CAAC;IAErE,MAAM,MAAM,GAAe,KAAK,CAAC,WAAW,CAAC,GAAS,EAAE;QACtD,IAAI,eAAe,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACrC,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;YACtC,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;QACjC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,GAAG,GAAiC,KAAK,CAAC,WAAW,CACzD,CAAC,MAAkB,EAAQ,EAAE;QAC3B,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,MAAM,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QACD,MAAM,EAAE,CAAC;QACT,eAAe,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACxC,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;YAC/B,MAAM,EAAE,CAAC;QACX,CAAC,EAAE,8BAA8B,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,OAAO,EAAE,MAAM,CAAC,CAClB,CAAC;IAEF,OAAO,KAAK,CAAC,OAAO,CAAC,GAAuB,EAAE;QAC5C,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;IACtC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACpB,CAAC;AAaD;;;;;GAKG;AACH,MAAM,UAAU,0BAA0B,CACxC,KAAgC;IAEhC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,4DAA4D;IAC5D,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;AACvB,CAAC;AAyBD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,mBAAmB,CACjC,KAA+B;IAE/B,MAAM,QAAQ,GACZ,KAAK,CAAC,MAAM,CAA2B,KAAK,CAAC,CAAC;IAChD,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IAEzB,iEAAiE;IACjE,MAAM,eAAe,GACnB,KAAK,CAAC,MAAM,CAAU,KAAK,CAAC,CAAC;IAC/B,MAAM,WAAW,GAEL,KAAK,CAAC,MAAM,CAAuC,IAAI,CAAC,CAAC;IAErE,MAAM,SAAS,GAAe,KAAK,CAAC,WAAW,CAAC,GAAS,EAAE;QACzD,IAAI,WAAW,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACjC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAClC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,OAAO,GACX,KAAK,CAAC,WAAW,CAAC,CAAC,KAAgC,EAAW,EAAE;QAC9D,eAAe,CAAC,OAAO;YACrB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,0BAA0B,CAAC,KAAK,CAAC,CAAC;QACjE,OAAO,eAAe,CAAC,OAAO,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAET,MAAM,SAAS,GACb,KAAK,CAAC,WAAW,CACf,CAAC,KAAgC,EAAW,EAAE;QAC5C,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;YAC7B,OAAO,KAAK,CAAC;QACf,CAAC;QAED,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAEhC;;;;;WAKG;QACH,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAChC,OAAO,IAAI,CAAC;QACd,CAAC;QAED,SAAS,EAAE,CAAC;QACZ,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;;YACpC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;YAC3B,MAAA,QAAQ,CAAC,OAAO,wDAAI,CAAC;QACvB,CAAC,EAAE,CAAC,CAAC,CAAC;QACN,OAAO,IAAI,CAAC;IACd,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEJ,MAAM,SAAS,GAAkB,KAAK,CAAC,WAAW,CAAC,GAAY,EAAE;QAC/D,OAAO,WAAW,CAAC,OAAO,KAAK,IAAI,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAe,KAAK,CAAC,WAAW,CAAC,GAAS,EAAE;;QAC7D,SAAS,EAAE,CAAC;QACZ,MAAA,QAAQ,CAAC,OAAO,wDAAI,CAAC;IACvB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,KAAK,CAAC,OAAO,CAAC,GAAqB,EAAE;QAC1C,OAAO;YACL,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,SAAS;YACpB,aAAa,EAAE,aAAa;SAC7B,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;AACrD,CAAC"}

package/build/dist/UI/Components/Charts/ChartLibrary/Utils/UseChartBucketsChange.js

@@ -0,0 +1,26 @@
+import React from "react";
+/**
+ * Calls `onChange` when a chart is redrawn over other buckets (a zoom, a
+ * reset, a new range), before the browser paints, and never on the first
+ * render. The buckets are the labels the chart draws on its x-axis.
+ *
+ * A chart's click selections (a dot, a bar) point at the buckets they were
+ * made on; once those are gone the selection matches nothing, and a
+ * selection that dims the rest of the chart would dim all of it.
+ */
+export default function useChartBucketsChange(categoryLabels, onChange) {
+    const bucketKey = React.useMemo(() => {
+        return categoryLabels.join("\u0000");
+    }, [categoryLabels]);
+    const lastBucketKeyRef = React.useRef(bucketKey);
+    const onChangeRef = React.useRef(onChange);
+    onChangeRef.current = onChange;
+    React.useLayoutEffect(() => {
+        if (lastBucketKeyRef.current === bucketKey) {
+            return;
+        }
+        lastBucketKeyRef.current = bucketKey;
+        onChangeRef.current();
+    }, [bucketKey]);
+}
+//# sourceMappingURL=UseChartBucketsChange.js.map

package/build/dist/UI/Components/Charts/ChartLibrary/Utils/UseChartBucketsChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseChartBucketsChange.js","sourceRoot":"","sources":["../../../../../../../UI/Components/Charts/ChartLibrary/Utils/UseChartBucketsChange.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,cAA6B,EAC7B,QAAoB;IAEpB,MAAM,SAAS,GAAW,KAAK,CAAC,OAAO,CAAC,GAAW,EAAE;QACnD,OAAO,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IACrB,MAAM,gBAAgB,GACpB,KAAK,CAAC,MAAM,CAAS,SAAS,CAAC,CAAC;IAClC,MAAM,WAAW,GACf,KAAK,CAAC,MAAM,CAAa,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,IAAI,gBAAgB,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAC3C,OAAO;QACT,CAAC;QACD,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC;QACrC,WAAW,CAAC,OAAO,EAAE,CAAC;IACxB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAClB,CAAC"}

package/build/dist/UI/Components/Charts/ChartLibrary/Utils/UseChartRangeSelection.js

@@ -0,0 +1,371 @@
+import React from "react";
+import { CHART_DATA_POINT_DATE_KEY } from "../Types/ChartDataPoint";
+import { useDoubleClickReset, } from "./DoubleClick";
+/*
+ * How far the pointer may wander from where it was pressed and still be a
+ * pointer that has not moved: a hand on a mouse or a trackpad is never
+ * quite still, and a press that drifts a pixel or two across the edge of a
+ * bucket is still a click.
+ */
+export const CHART_PRESS_STILLNESS_PX = 3;
+/**
+ * The row under the pointer: recharts' active tooltip index when it is a
+ * valid row, else the row whose label matches recharts' active label.
+ */
+export function getChartRowIndex(data, index, chartState) {
+    const activeTooltipIndex = chartState === null || chartState === void 0 ? void 0 : chartState.activeTooltipIndex;
+    const numericIndex = typeof activeTooltipIndex === "number"
+        ? activeTooltipIndex
+        : Number(activeTooltipIndex);
+    if (activeTooltipIndex !== undefined &&
+        activeTooltipIndex !== null &&
+        activeTooltipIndex !== "" &&
+        Number.isInteger(numericIndex) &&
+        numericIndex >= 0 &&
+        numericIndex < data.length) {
+        return numericIndex;
+    }
+    // Fall back to matching activeLabel against the row labels.
+    if ((chartState === null || chartState === void 0 ? void 0 : chartState.activeLabel) !== undefined) {
+        const rowIndex = data.findIndex((row) => {
+            return row[index] === chartState.activeLabel;
+        });
+        return rowIndex >= 0 ? rowIndex : null;
+    }
+    return null;
+}
+/** When a row's bucket starts, from the epoch ms every row carries. */
+export function getChartBucketStart(data, rowIndex) {
+    var _a;
+    const rawDate = (_a = data[rowIndex]) === null || _a === void 0 ? void 0 : _a[CHART_DATA_POINT_DATE_KEY];
+    return typeof rawDate === "number" ? new Date(rawDate) : null;
+}
+/**
+ * The time rows lowerIndex..upperIndex cover: from the start of the first
+ * bucket to the END of the last one. Its end is its start plus one bucket
+ * width, derived from the adjacent row (the rows are an evenly spaced
+ * grid). A single row with no neighbour has no known width.
+ */
+export function getChartBucketWindow(data, lowerIndex, upperIndex) {
+    const start = getChartBucketStart(data, lowerIndex);
+    const lastBucketStart = getChartBucketStart(data, upperIndex);
+    if (!start || !lastBucketStart) {
+        return null;
+    }
+    const adjacentDate = upperIndex > 0
+        ? getChartBucketStart(data, upperIndex - 1)
+        : getChartBucketStart(data, upperIndex + 1);
+    const bucketWidthInMs = adjacentDate
+        ? Math.abs(lastBucketStart.getTime() - adjacentDate.getTime())
+        : 0;
+    return {
+        start: start,
+        end: new Date(lastBucketStart.getTime() + bucketWidthInMs),
+    };
+}
+/*
+ * The events recharts may hold for the next animation frame on a chart that
+ * offers a drag: its defaults, less "mousemove".
+ *
+ * recharts works out the bucket under the pointer a frame after each
+ * mousemove, but hands mousedown and mouseup to the chart at once, with
+ * the bucket it last worked out. So a drag released in the frame of its
+ * last move lost the buckets that move crossed, and a press in the frame
+ * the pointer arrived started one bucket early, or was dropped outright
+ * when the move queued before it (no button held yet) landed after it.
+ * Browsers already coalesce mousemove to about one a frame, so taking it
+ * at once costs no extra renders.
+ */
+export const RANGE_SELECTION_THROTTLED_EVENTS = ["touchmove", "pointermove", "scroll", "wheel"];
+const RANGE_SELECTION_ROOT_STYLE = {
+    cursor: "crosshair",
+};
+/**
+ * Drag-to-select a time window on the line, area and bar charts.
+ *
+ * - A drag across buckets selects from the start of the first to the END
+ *   of the last, as soon as the button is released.
+ * - A press and release on one bucket is a plain click and keeps its
+ *   meaning (a bucket click, a legend toggle); only a real drag selects.
+ *   A drag needs the pointer itself to move, by more than
+ *   CHART_PRESS_STILLNESS_PX: a press whose bucket changes under a still
+ *   pointer (new rows landing mid-press, a hand's drift across a bucket's
+ *   edge) is still a plain click.
+ * - Nothing re-renders until the pointer leaves the bucket it pressed. A
+ *   render under a press can replace the node it landed on (recharts
+ *   re-keys a line's dots when it redraws them), and a press whose node
+ *   is gone by the release gets no click and no dblclick - so a
+ *   double-click on a line never reached the chart's zoom reset.
+ * - The release is resolved from the bucket recharts reports under the
+ *   pointer at mouseup, falling back to the last move. The chart takes
+ *   mousemove unthrottled (RANGE_SELECTION_THROTTLED_EVENTS), so that
+ *   bucket is the one under the pointer now, not a frame ago.
+ * - A drag released outside the chart still selects: readers overshoot a
+ *   180px-tall chart all the time, and the chart's own mouseup never fires
+ *   there. Before, the drag was abandoned and its band stayed painted until
+ *   the pointer came back.
+ * - The click the browser fires after a drag is reported as suppressed.
+ * - With onTimeRangeReset, the second press of a double-click is the reset
+ *   and never a selection, and it resets even when the browser drops the
+ *   `dblclick` because the chart's new data re-keyed the node under the
+ *   press (see useDoubleClickReset).
+ */
+const useChartRangeSelection = (options) => {
+    const canSelect = Boolean(options.onTimeRangeSelect) && options.enabled !== false;
+    const canReset = Boolean(options.onTimeRangeReset);
+    const doubleClickReset = useDoubleClickReset(options.onTimeRangeReset);
+    const [selectionStartLabel, setSelectionStartLabel] = React.useState(null);
+    const [selectionEndLabel, setSelectionEndLabel] = React.useState(null);
+    /*
+     * The refs, not render state, are the authority on a selection in
+     * progress: a release can be seen twice (the chart's own mouseup and the
+     * page-wide listener below) and must only commit once.
+     */
+    const isSelecting = React.useRef(false);
+    const startIndexRef = React.useRef(null);
+    const endIndexRef = React.useRef(null);
+    const suppressNextClickRef = React.useRef(false);
+    // Whether the band is painted, i.e. the selection is in render state.
+    const isBandShownRef = React.useRef(false);
+    // Where the press in progress went down, when recharts said.
+    const pressClientXRef = React.useRef(null);
+    // The page-wide mouseup listener of the press in progress, if any.
+    const releaseListenerRef = React.useRef(null);
+    /*
+     * A release outside the chart is handled by a window listener installed
+     * a render earlier, so it reads the latest rows and handler from here.
+     */
+    const latest = React.useRef({
+        data: options.data,
+        index: options.index,
+        onTimeRangeSelect: options.onTimeRangeSelect,
+        canSelect: canSelect,
+    });
+    latest.current = {
+        data: options.data,
+        index: options.index,
+        onTimeRangeSelect: options.onTimeRangeSelect,
+        canSelect: canSelect,
+    };
+    const stopListeningForRelease = React.useCallback(() => {
+        if (releaseListenerRef.current) {
+            window.removeEventListener("mouseup", releaseListenerRef.current);
+            releaseListenerRef.current = null;
+        }
+    }, []);
+    const clearSelection = React.useCallback(() => {
+        isSelecting.current = false;
+        startIndexRef.current = null;
+        endIndexRef.current = null;
+        stopListeningForRelease();
+        // A press that never became a drag painted nothing: leave render alone.
+        if (isBandShownRef.current) {
+            isBandShownRef.current = false;
+            setSelectionStartLabel(null);
+            setSelectionEndLabel(null);
+        }
+    }, [stopListeningForRelease]);
+    /*
+     * Whether the pointer has left the spot the press went down on. Without
+     * positions to go by (a caller that hands no event), it has: any change
+     * of bucket counts, as it always did.
+     */
+    const hasPointerMoved = React.useCallback((event) => {
+        const clientX = event === null || event === void 0 ? void 0 : event.clientX;
+        if (pressClientXRef.current === null || typeof clientX !== "number") {
+            return true;
+        }
+        return (Math.abs(clientX - pressClientXRef.current) > CHART_PRESS_STILLNESS_PX);
+    }, []);
+    const getLabel = React.useCallback((rowIndex) => {
+        var _a;
+        const label = (_a = latest.current.data[rowIndex]) === null || _a === void 0 ? void 0 : _a[latest.current.index];
+        return typeof label === "string" ? label : null;
+    }, []);
+    const onMouseMove = React.useCallback((chartState, mouseEvent) => {
+        if (!isSelecting.current) {
+            return;
+        }
+        /*
+         * No button held: it came up somewhere no mouseup could be heard
+         * (outside the browser window, say). Abandon the selection.
+         */
+        if (mouseEvent && mouseEvent.buttons === 0) {
+            clearSelection();
+            return;
+        }
+        const rowIndex = getChartRowIndex(latest.current.data, latest.current.index, chartState);
+        if (rowIndex === null) {
+            return;
+        }
+        const startIndex = startIndexRef.current;
+        if (startIndex === null || getLabel(rowIndex) === null) {
+            return;
+        }
+        if (!isBandShownRef.current) {
+            // Still on the pressed bucket: a click so far, so paint nothing.
+            if (rowIndex === startIndex) {
+                endIndexRef.current = rowIndex;
+                return;
+            }
+            /*
+             * Another bucket under a pointer that has not really moved: new
+             * rows landed under the press, or a hand's drift crossed the edge
+             * of the bucket it pressed. Not a drag.
+             */
+            if (!hasPointerMoved(mouseEvent)) {
+                return;
+            }
+        }
+        endIndexRef.current = rowIndex;
+        /*
+         * The band runs between its buckets in row order, whichever way the
+         * drag goes: a bar chart draws x1 from the left edge of its bar and
+         * x2 to the right edge of its own, so a right-to-left drag in drag
+         * order left both end bars unshaded (and two neighbours none).
+         */
+        const lowerLabel = getLabel(Math.min(startIndex, rowIndex));
+        const upperLabel = getLabel(Math.max(startIndex, rowIndex));
+        if (lowerLabel === null || upperLabel === null) {
+            return;
+        }
+        isBandShownRef.current = true;
+        setSelectionStartLabel(lowerLabel);
+        setSelectionEndLabel(upperLabel);
+    }, [clearSelection, getLabel, hasPointerMoved]);
+    const onMouseUp = React.useCallback((chartState, mouseEvent) => {
+        var _a, _b;
+        // The end of a double-click's second press: the reset, nothing else.
+        if (doubleClickReset.onRelease(mouseEvent)) {
+            stopListeningForRelease();
+            return;
+        }
+        if (!isSelecting.current) {
+            return;
+        }
+        const releaseIndex = chartState
+            ? getChartRowIndex(latest.current.data, latest.current.index, chartState)
+            : null;
+        const startIndex = startIndexRef.current;
+        const endIndex = releaseIndex !== null ? releaseIndex : endIndexRef.current;
+        const wasDragging = isBandShownRef.current;
+        clearSelection();
+        /*
+         * A press whose pointer stayed put is a plain click, whatever bucket
+         * recharts reports under it by now: new rows can land during the
+         * press, and a hand drifts across a bucket's edge.
+         */
+        if (!wasDragging && !hasPointerMoved(mouseEvent)) {
+            return;
+        }
+        /*
+         * A plain click (the pointer never left the starting bucket) must
+         * keep behaving exactly as before — only a real drag selects.
+         */
+        if (startIndex === null || endIndex === null || startIndex === endIndex) {
+            return;
+        }
+        /*
+         * The browser fires a click right after mouseup; swallow it so a
+         * drag doesn't also toggle a legend, dot or bar selection. Cleared
+         * on a timeout so a never-delivered click can't suppress a later
+         * one.
+         */
+        suppressNextClickRef.current = true;
+        setTimeout(() => {
+            suppressNextClickRef.current = false;
+        }, 0);
+        const selectedWindow = getChartBucketWindow(latest.current.data, Math.min(startIndex, endIndex), Math.max(startIndex, endIndex));
+        if (!selectedWindow) {
+            return;
+        }
+        (_b = (_a = latest.current).onTimeRangeSelect) === null || _b === void 0 ? void 0 : _b.call(_a, selectedWindow.start, selectedWindow.end);
+    }, [clearSelection, doubleClickReset, stopListeningForRelease]);
+    /*
+     * A press released outside the chart: the chart's own mouseup never
+     * fires, so listen on the window until the press ends. A release over
+     * the chart reaches the chart's handler first (React listens below the
+     * window), which ends the press and removes this listener before the
+     * window hears it. Added by the press rather than from render state so
+     * the press itself renders nothing (see above).
+     */
+    const listenForReleaseOffChart = React.useCallback(() => {
+        stopListeningForRelease();
+        // No bucket off the chart, but the pointer's place and the click count.
+        const finishPressOutsideChart = (event) => {
+            onMouseUp(null, event);
+        };
+        releaseListenerRef.current = finishPressOutsideChart;
+        window.addEventListener("mouseup", finishPressOutsideChart);
+    }, [onMouseUp, stopListeningForRelease]);
+    const onMouseDown = React.useCallback((chartState, mouseEvent) => {
+        /*
+         * The second press of a double-click is the reset, on its release,
+         * wherever that is: the window hears a release off the chart, as for
+         * a drag below.
+         */
+        if (doubleClickReset.onPress(mouseEvent)) {
+            clearSelection();
+            listenForReleaseOffChart();
+            return;
+        }
+        /*
+         * Also on a chart that only resets: it takes presses to spot that
+         * second one, and selects nothing.
+         */
+        if (!latest.current.canSelect) {
+            return;
+        }
+        // Only the main button drags; a right-click opens a context menu.
+        if (mouseEvent && mouseEvent.button > 0) {
+            return;
+        }
+        const rowIndex = getChartRowIndex(latest.current.data, latest.current.index, chartState);
+        if (rowIndex === null || getLabel(rowIndex) === null) {
+            return;
+        }
+        clearSelection();
+        isSelecting.current = true;
+        startIndexRef.current = rowIndex;
+        endIndexRef.current = rowIndex;
+        pressClientXRef.current =
+            typeof (mouseEvent === null || mouseEvent === void 0 ? void 0 : mouseEvent.clientX) === "number" ? mouseEvent.clientX : null;
+        listenForReleaseOffChart();
+    }, [clearSelection, doubleClickReset, getLabel, listenForReleaseOffChart]);
+    // A chart unmounted mid-press stops listening for its release.
+    React.useEffect(() => {
+        return () => {
+            stopListeningForRelease();
+        };
+    }, [stopListeningForRelease]);
+    const isClickSuppressed = React.useCallback(() => {
+        return suppressNextClickRef.current;
+    }, []);
+    const resetEventProps = canReset
+        ? { onDoubleClick: doubleClickReset.onDoubleClick }
+        : {};
+    let chartEventProps = {};
+    if (canSelect) {
+        chartEventProps = Object.assign({ onMouseDown: onMouseDown, onMouseMove: onMouseMove, onMouseUp: onMouseUp, throttledEvents: RANGE_SELECTION_THROTTLED_EVENTS, 
+            /*
+             * The crosshair that says the plot can be dragged. It has to be on
+             * the chart root: recharts gives its wrapper, which fills the plot,
+             * an inline cursor: default that a class outside can't beat. Left
+             * off entirely otherwise - an explicit undefined would drop
+             * recharts' default too.
+             */
+            style: RANGE_SELECTION_ROOT_STYLE }, resetEventProps);
+    }
+    else if (canReset) {
+        chartEventProps = Object.assign({ onMouseDown: onMouseDown, onMouseUp: onMouseUp }, resetEventProps);
+    }
+    return {
+        canSelect: canSelect,
+        selectionStartLabel: selectionStartLabel,
+        selectionEndLabel: selectionEndLabel,
+        isClickSuppressed: isClickSuppressed,
+        chartEventProps: chartEventProps,
+    };
+};
+export default useChartRangeSelection;
+//# sourceMappingURL=UseChartRangeSelection.js.map

package/build/dist/UI/Components/Charts/ChartLibrary/Utils/UseChartRangeSelection.js.map

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

package/build/dist/UI/Components/Charts/Line/LineChart.js

@@ -4,7 +4,9 @@ import { CHART_DATA_POINT_X_AXIS_KEY, } from "../ChartLibrary/Types/ChartDataPoi
 import DataPointUtil from "../Utils/DataPoint";
 import TimeAnnotationUtil from "../Utils/TimeAnnotation";
 import XAxisUtil from "../Utils/XAxis";
+import XAxisType from "../Types/XAxis/XAxisType";
 import NoDataMessage from "../ChartGroup/NoDataMessage";
+import { resolveChartTimeRangeZoom, useChartTimeRangeZoom, } from "../TimeRangeZoom/TimeRangeZoomContext";
 export const LineChartPalette = [
     "indigo",
     "rose",
@@ -18,6 +20,19 @@ export const LineChartPalette = [
 ];
 const LineChartElement = (props) => {
     const [records, setRecords] = React.useState([]);
+    /*
+     * Drag-to-zoom: the host's own handlers, or else the enclosing page's
+     * (TimeRangeZoomScope), so a drag here retimes every chart on the page.
+     */
+    const pageZoom = useChartTimeRangeZoom();
+    const timeRangeZoom = resolveChartTimeRangeZoom({
+        onTimeRangeSelect: props.onTimeRangeSelect,
+        onTimeRangeReset: props.onTimeRangeReset,
+        isTimeAxis: props.xAxis.options.type === XAxisType.Time ||
+            props.xAxis.options.type === XAxisType.Date,
+        disableTimeRangeZoom: props.disableTimeRangeZoom,
+        pageZoom: pageZoom,
+    });
     const categories = props.data.map((item) => {
         return item.seriesName;
     });
@@ -108,7 +123,7 @@ const LineChartElement = (props) => {
                 ? formattedTimeReferenceLines
                 : undefined, formattedReferenceRegions: formattedReferenceRegions.length > 0
                 ? formattedReferenceRegions
-                : undefined, formattedExemplarPoints: formattedExemplars.length > 0 ? formattedExemplars : undefined, onExemplarClick: props.onExemplarClick, onTimeRangeSelect: props.onTimeRangeSelect, onTimeRangeReset: props.onTimeRangeReset, onBucketClick: props.onBucketClick, ghostCategories: props.ghostSeriesNames })),
+                : undefined, formattedExemplarPoints: formattedExemplars.length > 0 ? formattedExemplars : undefined, onExemplarClick: props.onExemplarClick, onTimeRangeSelect: timeRangeZoom.onTimeRangeSelect, onTimeRangeReset: timeRangeZoom.onTimeRangeReset, onBucketClick: props.onBucketClick, ghostCategories: props.ghostSeriesNames })),
         hasNoData && React.createElement(NoDataMessage, null)));
 };
 export default LineChartElement;

package/build/dist/UI/Components/Charts/Line/LineChart.js.map

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

package/build/dist/UI/Components/Charts/TimeRangeZoom/ResetTimeRangeZoomButton.js

@@ -0,0 +1,35 @@
+import React from "react";
+import IconProp from "../../../../Types/Icon/IconProp";
+import TimeRange from "../../../../Types/Time/TimeRange";
+import Icon from "../../Icon/Icon";
+import { isTimeRangeZoomFor, useChartTimeRangeZoom, } from "./TimeRangeZoomContext";
+export const RESET_TIME_RANGE_ZOOM_BUTTON_TEST_ID = "reset-time-range-zoom";
+/**
+ * "Reset zoom", shown only while the enclosing page is zoomed. The same
+ * thing a double-click on any chart does, for readers who do not know that
+ * gesture and for keyboard users, who cannot perform it.
+ *
+ * Renders nothing outside a zoomable page or while the page is not zoomed.
+ */
+const ResetTimeRangeZoomButton = (props) => {
+    var _a;
+    const zoom = useChartTimeRangeZoom();
+    if (!zoom || !zoom.isZoomed || !zoom.onTimeRangeReset) {
+        return null;
+    }
+    if (props.forTimeRange && !isTimeRangeZoomFor(zoom, props.forTimeRange)) {
+        return null;
+    }
+    const onTimeRangeReset = zoom.onTimeRangeReset;
+    const previousRange = (_a = zoom.rangeBeforeZoom) === null || _a === void 0 ? void 0 : _a.range;
+    const title = previousRange && previousRange !== TimeRange.CUSTOM
+        ? `Go back to ${previousRange}, the time range before the zoom`
+        : "Go back to the time range before the zoom";
+    return (React.createElement("button", { type: "button", "data-testid": RESET_TIME_RANGE_ZOOM_BUTTON_TEST_ID, className: `inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-md px-1.5 py-1 text-xs font-medium text-indigo-600 transition-colors hover:bg-indigo-50 hover:text-indigo-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 ${props.className || ""}`, title: title, "aria-label": "Reset zoom", onClick: () => {
+            onTimeRangeReset();
+        } },
+        React.createElement(Icon, { icon: IconProp.MagnifyingGlassMinus, className: "h-3.5 w-3.5" }),
+        "Reset zoom"));
+};
+export default ResetTimeRangeZoomButton;
+//# sourceMappingURL=ResetTimeRangeZoomButton.js.map

package/build/dist/UI/Components/Charts/TimeRangeZoom/ResetTimeRangeZoomButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetTimeRangeZoomButton.js","sourceRoot":"","sources":["../../../../../../UI/Components/Charts/TimeRangeZoom/ResetTimeRangeZoomButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAEvD,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAEL,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,CAAC,MAAM,oCAAoC,GAC/C,uBAAuB,CAAC;AAa1B;;;;;;GAMG;AACH,MAAM,wBAAwB,GAAsC,CAClE,KAAqB,EACA,EAAE;;IACvB,MAAM,IAAI,GAA0C,qBAAqB,EAAE,CAAC;IAE5E,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,KAAK,CAAC,YAAY,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC;QACxE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,gBAAgB,GAAe,IAAI,CAAC,gBAAgB,CAAC;IAC3D,MAAM,aAAa,GAA0B,MAAA,IAAI,CAAC,eAAe,0CAAE,KAAK,CAAC;IACzE,MAAM,KAAK,GACT,aAAa,IAAI,aAAa,KAAK,SAAS,CAAC,MAAM;QACjD,CAAC,CAAC,cAAc,aAAa,kCAAkC;QAC/D,CAAC,CAAC,2CAA2C,CAAC;IAElD,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,iBACA,oCAAoC,EACjD,SAAS,EAAE,yPAAyP,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,EAC3R,KAAK,EAAE,KAAK,gBACD,YAAY,EACvB,OAAO,EAAE,GAAG,EAAE;YACZ,gBAAgB,EAAE,CAAC;QACrB,CAAC;QAED,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,oBAAoB,EAAE,SAAS,EAAC,aAAa,GAAG;qBAE9D,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/build/dist/UI/Components/Charts/TimeRangeZoom/TimeRangeZoomContext.js

@@ -0,0 +1,107 @@
+import React, { useContext, useMemo, useRef, } from "react";
+import useTimeRangeZoom from "./UseTimeRangeZoom";
+import TimeRangeZoomUtil from "./TimeRangeZoomUtil";
+const ChartTimeRangeZoomContext = React.createContext(null);
+/** The zoom the nearest page (or panel) offers, or null when none does. */
+export const useChartTimeRangeZoom = () => {
+    return useContext(ChartTimeRangeZoomContext);
+};
+/**
+ * Offers a zoom (from useTimeRangeZoom) to every chart below. Use it when
+ * the page needs the zoom itself too, e.g. to show a reset button of its
+ * own; otherwise TimeRangeZoomScope is the one-liner.
+ */
+export const TimeRangeZoomProvider = (props) => {
+    const zoom = props.zoom;
+    const onTimeRangeSelect = zoom ? zoom.zoomToTimeRange : null;
+    const resetZoom = zoom ? zoom.resetZoom : null;
+    const isZoomed = Boolean(zoom === null || zoom === void 0 ? void 0 : zoom.isZoomed);
+    const rangeBeforeZoom = (zoom === null || zoom === void 0 ? void 0 : zoom.rangeBeforeZoom) || null;
+    /*
+     * Kept by value: a page that builds its range inline would otherwise
+     * hand every chart a new context on every render.
+     */
+    const stableTimeRange = useRef((zoom === null || zoom === void 0 ? void 0 : zoom.timeRange) || null);
+    if (!TimeRangeZoomUtil.isSameRange(stableTimeRange.current, (zoom === null || zoom === void 0 ? void 0 : zoom.timeRange) || null)) {
+        stableTimeRange.current = (zoom === null || zoom === void 0 ? void 0 : zoom.timeRange) || null;
+    }
+    const timeRange = stableTimeRange.current;
+    const value = useMemo(() => {
+        if (!onTimeRangeSelect || !resetZoom) {
+            return null;
+        }
+        return {
+            onTimeRangeSelect: onTimeRangeSelect,
+            onTimeRangeReset: isZoomed ? resetZoom : undefined,
+            isZoomed: isZoomed,
+            rangeBeforeZoom: rangeBeforeZoom,
+            timeRange: timeRange,
+        };
+    }, [onTimeRangeSelect, resetZoom, isZoomed, rangeBeforeZoom, timeRange]);
+    return (React.createElement(ChartTimeRangeZoomContext.Provider, { value: value }, props.children));
+};
+/**
+ * Makes every time-series chart inside it zoom the page: a drag on any of
+ * them sets the page's range to the window dragged out, a double-click on
+ * any of them puts the previous range back, and the page's time picker
+ * offers a "Reset zoom" button while it is zoomed.
+ *
+ *   <TimeRangeZoomScope timeRange={timeRange} onTimeRangeChange={setTimeRange}>
+ *     ...the page...
+ *   </TimeRangeZoomScope>
+ *
+ * Wrap the page's picker too, so it can show the reset button.
+ */
+export const TimeRangeZoomScope = (props) => {
+    const zoom = useTimeRangeZoom({
+        timeRange: props.timeRange,
+        onTimeRangeChange: props.onTimeRangeChange,
+    });
+    return (React.createElement(TimeRangeZoomProvider, { zoom: zoom }, props.children));
+};
+/**
+ * Whether a zoom is over the given range. A zoom that did not say which
+ * range it works over is taken to be over any; see
+ * ChartTimeRangeZoomContextValue.timeRange.
+ */
+export const isTimeRangeZoomFor = (zoom, timeRange) => {
+    if (!zoom) {
+        return false;
+    }
+    if (!zoom.timeRange) {
+        return true;
+    }
+    return TimeRangeZoomUtil.isSameRange(zoom.timeRange, timeRange);
+};
+/**
+ * Which zoom handlers a chart ends up with.
+ *
+ * - disableTimeRangeZoom: none at all.
+ * - A host that passes either handler owns zooming for that chart: it gets
+ *   exactly what the host passed. A host that zooms its own way also resets
+ *   its own way; borrowing the page's reset would undo a zoom the chart did
+ *   not make, and borrowing the page's zoom would make a reset-only chart
+ *   (a dashboard bar panel) retime something its host does not know about.
+ * - Otherwise a time-axis chart takes the page's zoom, if the page offers
+ *   one.
+ */
+export const resolveChartTimeRangeZoom = (input) => {
+    if (input.disableTimeRangeZoom) {
+        return { onTimeRangeSelect: undefined, onTimeRangeReset: undefined };
+    }
+    if (input.onTimeRangeSelect || input.onTimeRangeReset) {
+        return {
+            onTimeRangeSelect: input.onTimeRangeSelect,
+            onTimeRangeReset: input.onTimeRangeReset,
+        };
+    }
+    if (input.isTimeAxis && input.pageZoom) {
+        return {
+            onTimeRangeSelect: input.pageZoom.onTimeRangeSelect,
+            onTimeRangeReset: input.pageZoom.onTimeRangeReset,
+        };
+    }
+    return { onTimeRangeSelect: undefined, onTimeRangeReset: undefined };
+};
+export default ChartTimeRangeZoomContext;
+//# sourceMappingURL=TimeRangeZoomContext.js.map

package/build/dist/UI/Components/Charts/TimeRangeZoom/TimeRangeZoomContext.js.map

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