stream-charts 1.0.0 → 1.1.0

package/dist/src/app/charts/{RasterPlot.js → plots/RasterPlot.js}

@@ -1,23 +1,15 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { setClipPath } from "./plot";
+import { setClipPathG } from "./plot";
 import * as d3 from "d3";
-import { noop } from "./utils";
-import { useChart } from "./hooks/useChart";
+import { noop } from "../utils";
+import { useChart } from "../hooks/useChart";
 import { useCallback, useEffect, useMemo, useRef } from "react";
-import { continuousAxisRangeFor } from "./continuousAxisRangeFor";
-import { axesForSeriesGen, defaultLineStyle, panHandler, timeIntervals, timeRanges, zoomHandler } from "./axes";
-import { defaultTooltipStyle } from "./tooltipUtils";
-import { subscriptionFor, subscriptionWithCadenceFor } from "./subscriptions";
+import { axesForSeriesGen, continuousAxisIntervals, continuousAxisRanges, continuousAxisZoomHandler, defaultLineStyle, panHandler } from "../axes/axes";
+import { subscriptionTimeSeriesFor, subscriptionTimeSeriesWithCadenceFor } from "../subscriptions/subscriptions";
+import { useDataObservable } from "../hooks/useDataObservable";
+import { usePlotDimensions } from "../hooks/usePlotDimensions";
+import { useInitialData } from "../hooks/useInitialData";
+import { Optional } from "result-fn";
+import { ContinuousAxisRange } from "../axes/ContinuousAxisRange";
 /**
  * Renders a streaming neuron raster plot for the series in the initial data and those sourced by the
  * observable specified as a property in the {@link Chart}. This component uses the {@link useChart}
@@ -40,61 +32,78 @@ import { subscriptionFor, subscriptionWithCadenceFor } from "./subscriptions";
  />
  */
 export function RasterPlot(props) {
-    var _a = useChart(), chartId = _a.chartId, container = _a.container, mainG = _a.mainG, xAxesState = _a.xAxesState, yAxesState = _a.yAxesState, setTimeRangeFor = _a.setTimeRangeFor, plotDimensions = _a.plotDimensions, margin = _a.margin, color = _a.color, seriesStyles = _a.seriesStyles, initialData = _a.initialData, seriesFilter = _a.seriesFilter, setAxisAssignments = _a.setAxisAssignments, seriesObservable = _a.seriesObservable, _b = _a.windowingTime, windowingTime = _b === void 0 ? 100 : _b, shouldSubscribe = _a.shouldSubscribe, _c = _a.onSubscribe, onSubscribe = _c === void 0 ? noop : _c, onUpdateTime = _a.onUpdateTime, onUpdateData = _a.onUpdateData, _d = _a.updateTimeRanges, updateTimeRanges = _d === void 0 ? noop : _d, mouseOverHandlerFor = _a.mouseOverHandlerFor, mouseLeaveHandlerFor = _a.mouseLeaveHandlerFor;
-    var _e = props.axisAssignments, axisAssignments = _e === void 0 ? new Map() : _e, _f = props.dropDataAfter, dropDataAfter = _f === void 0 ? Infinity : _f, _g = props.panEnabled, panEnabled = _g === void 0 ? false : _g, _h = props.zoomEnabled, zoomEnabled = _h === void 0 ? false : _h, _j = props.zoomKeyModifiersRequired, zoomKeyModifiersRequired = _j === void 0 ? true : _j, withCadenceOf = props.withCadenceOf, _k = props.spikeMargin, spikeMargin = _k === void 0 ? 2 : _k;
-    // some 'splainin: the dataRef holds on to a copy of the initial data, but, the Series in the array
-    // are by reference, so the seriesRef, also holds on to the same Series. When the Series in seriesRef
-    // get appended with new data, it's updating the underlying series, and so the dataRef sees those
-    // changes as well. The dataRef is used for performance, so that in the updatePlot function we don't
-    // need to create a temporary array to holds the series data, rather, we can just use the one held in
-    // the dataRef.
-    var dataRef = useRef(initialData.slice());
-    var seriesRef = useRef(new Map(initialData.map(function (series) { return [series.name, series]; })));
+    const { chartId, container, mainG, axes, color, seriesStyles, seriesFilter, mouse } = useChart();
+    const { xAxesState, yAxesState, setAxisAssignments, setAxisIntervalFor, updateAxisRanges = noop, onUpdateAxesInterval, } = axes;
+    const { mouseOverHandlerFor, mouseLeaveHandlerFor } = mouse;
+    const { plotDimensions, margin } = usePlotDimensions();
+    const { seriesObservable, windowingTime = 100, shouldSubscribe, onSubscribe = noop, onUpdateData, } = useDataObservable();
+    const { initialData } = useInitialData();
+    const { axisAssignments = new Map(), dropDataAfter = Infinity, panEnabled = false, zoomEnabled = false, zoomKeyModifiersRequired = true, withCadenceOf, spikeMargin = 2, } = props;
+    // why do "dataRef" and "seriesRef" both hold on to the same underlying data? for performance.
+    //
+    // the "dataRef" and "seriesRef" both point to the same underlying data, a collection
+    // of series. The series in "dataRef" are bound to the DOM elements through d3. The "seriesRef" series
+    // are the ones that are updated as new data is streamed in.
+    //
+    // the "dataRef" object holds on to a copy of the initial data (which is an array of
+    // time-series, e.i. an array of BaseSeries<OrdinalDatum> objects). The slice just creates a copy of
+    // the array, but the references to the BaseSeries objects are the same and still point to the same
+    // data as the "initialData" array.
+    //
+    // the "seriesRef" object is a reference to a map (series_name -> BaseSeries<OrdinalDatum>) which is
+    // used to update the data in the series. When new data enters, it is appended to one or more series.
+    //
+    // the series in the "dataRef" object are the ones bound to the DOM elements in d3, and so as these
+    // are updated, d3 will update the DOM elements (the elements in this plot).
+    const dataRef = useRef(initialData.slice());
+    const seriesRef = useRef(new Map(initialData.map(series => [series.name, series])));
     // map(axis_id -> current_time) -- maps the axis ID to the current time for that axis
-    var currentTimeRef = useRef(new Map());
-    useEffect(function () {
-        currentTimeRef.current = new Map(Array.from(xAxesState.axes.keys()).map(function (id) { return [id, 0]; }));
+    const currentTimeRef = useRef(new Map());
+    const subscriptionRef = useRef(undefined);
+    const isSubscriptionClosed = () => subscriptionRef.current === undefined || subscriptionRef.current.closed;
+    const allowTooltipRef = useRef(isSubscriptionClosed());
+    useEffect(() => {
+        currentTimeRef.current = new Map(Array.from(xAxesState.axes.keys()).map(id => [id, 0]));
     }, [xAxesState]);
     // set the axis assignments needed if a tooltip is being used
-    useEffect(function () {
+    useEffect(() => {
         setAxisAssignments(axisAssignments);
     }, [axisAssignments, setAxisAssignments]);
     // calculates the distinct series IDs that cover all the series in the plot
-    var axesForSeries = useMemo(function () { return axesForSeriesGen(initialData, axisAssignments, xAxesState); }, [initialData, axisAssignments, xAxesState]);
+    const axesForSeries = useMemo(() => axesForSeriesGen(initialData, axisAssignments, xAxesState), [initialData, axisAssignments, xAxesState]);
     // updates the timing using the onUpdateTime and updatePlot references. This and the references
     // defined above allow the axes' times to be update properly by avoid stale reference to these
     // functions.
-    var updateTimingAndPlot = useCallback(function (ranges) {
+    const updateTimingAndPlot = useCallback((ranges) => {
         if (mainG !== null) {
             onUpdateTimeRef.current(ranges);
             updatePlotRef.current(ranges, mainG);
-            if (onUpdateTime) {
-                setTimeout(function () {
-                    var times = new Map();
-                    ranges.forEach(function (range, name) { return times.set(name, [range.start, range.end]); });
-                    onUpdateTime(times);
+            if (onUpdateAxesInterval) {
+                setTimeout(() => {
+                    const times = new Map();
+                    ranges.forEach((range, name) => times.set(name, range.current));
+                    onUpdateAxesInterval(times);
                 }, 0);
             }
         }
-    }, [mainG, onUpdateTime]);
+    }, [mainG, onUpdateAxesInterval]);
     // todo find better way
     // when the initial data changes, then reset the plot. note that the initial data doesn't change
     // during the normal course of updates from the observable, only when the plot is restarted.
-    useEffect(function () {
+    useEffect(() => {
         dataRef.current = initialData.slice();
-        seriesRef.current = new Map(initialData.map(function (series) { return [series.name, series]; }));
-        currentTimeRef.current = new Map(Array.from(xAxesState.axes.keys()).map(function (id) { return [id, 0]; }));
-        updateTimingAndPlot(new Map(Array.from(timeRanges(xAxesState.axes).entries())
-            .map(function (_a) {
-            var id = _a[0], range = _a[1];
+        seriesRef.current = new Map(initialData.map(series => [series.name, series]));
+        currentTimeRef.current = new Map(Array.from(xAxesState.axes.keys()).map(id => [id, 0]));
+        updateTimingAndPlot(new Map(Array.from(continuousAxisRanges(xAxesState.axes).entries())
+            .map(([id, range]) => {
             // grab the current range, then calculate the minimum time from the initial data, and
             // set that as the start, and then add the range to it for the end time
-            var _b = range.original, start = _b[0], end = _b[1];
-            var minTime = initialData
-                .filter(function (srs) { var _a; return ((_a = axisAssignments.get(srs.name)) === null || _a === void 0 ? void 0 : _a.xAxis) === id; })
-                .reduce(function (tMin, series) { return Math.min(tMin, !series.isEmpty() ? series.data[0].time : tMin); }, Infinity);
-            var startTime = minTime === Infinity ? 0 : minTime;
-            return [id, continuousAxisRangeFor(startTime, startTime + end - start)];
+            const [start, end] = range.original.asTuple();
+            const minTime = initialData
+                .filter(srs => { var _a; return ((_a = axisAssignments.get(srs.name)) === null || _a === void 0 ? void 0 : _a.xAxis) === id; })
+                .reduce((tMin, series) => Math.min(tMin, !series.isEmpty() ? series.data[0].time : tMin), Infinity);
+            const startTime = minTime === Infinity ? 0 : minTime;
+            return [id, ContinuousAxisRange.from(startTime, startTime + end - start)];
         })));
     }, 
     // ** not happy about this **
@@ -113,12 +122,12 @@ export function RasterPlot(props) {
     function yCoordsFn(categorySize, lineWidth, margin) {
         if (categorySize <= margin)
             return {
-                yUpper: function (y) { return y; },
-                yLower: function (y) { return y + lineWidth; }
+                yUpper: y => y,
+                yLower: y => y + lineWidth
             };
         return {
-            yUpper: function (y) { return y + margin; },
-            yLower: function (y) { return y + categorySize - margin; }
+            yUpper: y => y + margin,
+            yLower: y => y + categorySize - margin
         };
     }
     /**
@@ -128,7 +137,7 @@ export function RasterPlot(props) {
      * @param series An array of series names
      * @param ranges A map holding the axis ID and its associated time range
      */
-    var onPan = useCallback(function (x, plotDimensions, series, ranges) { return panHandler(axesForSeries, margin, setTimeRangeFor, xAxesState)(x, plotDimensions, series, ranges); }, [axesForSeries, margin, setTimeRangeFor, xAxesState]);
+    const onPan = useCallback((x, plotDimensions, ranges) => panHandler(axesForSeries, margin, setAxisIntervalFor, xAxesState)(x, plotDimensions, ranges), [axesForSeries, margin, setAxisIntervalFor, xAxesState]);
     /**
      * Called when the user uses the scroll wheel (or scroll gesture) to zoom in or out. Zooms in/out
      * at the location of the mouse when the scroll wheel or gesture was applied.
@@ -138,79 +147,82 @@ export function RasterPlot(props) {
      * @param series An array of series names
      * @param ranges A map holding the axis ID and its associated time-range
      */
-    var onZoom = useCallback(function (transform, x, plotDimensions, series, ranges) { return zoomHandler(axesForSeries, margin, setTimeRangeFor, xAxesState)(transform, x, plotDimensions, series, ranges); }, [axesForSeries, margin, setTimeRangeFor, xAxesState]);
+    const onZoom = useCallback((transform, x, plotDimensions, ranges) => continuousAxisZoomHandler(axesForSeries, margin, setAxisIntervalFor, xAxesState)(transform, x, plotDimensions, ranges), [axesForSeries, margin, setAxisIntervalFor, xAxesState]);
     /**
      * @param timeRanges
      * @param mainGElem
      */
-    var updatePlot = useCallback(function (timeRanges, mainGElem) {
+    const updatePlot = useCallback((timeRanges, mainGElem) => {
         if (container) {
             // select the svg element bind the data to them
-            var svg_1 = d3.select(container);
+            const svg = d3.select(container);
             // set up panning
             if (panEnabled) {
-                var drag = d3.drag()
-                    .on("start", function () { return d3.select(container).style("cursor", "move"); })
-                    .on("drag", function (event) {
-                    var names = dataRef.current.map(function (series) { return series.name; });
-                    onPan(event.dx, plotDimensions, names, timeRanges);
+                const drag = d3.drag()
+                    .on("start", () => {
+                    d3.select(container).style("cursor", "move");
+                    allowTooltipRef.current = false;
+                })
+                    .on("drag", (event) => {
+                    onPan(event.dx, plotDimensions, timeRanges);
                     // need to update the plot with the new time-ranges
                     updatePlotRef.current(timeRanges, mainGElem);
                 })
-                    .on("end", function () { return d3.select(container).style("cursor", "auto"); });
-                svg_1.call(drag);
+                    .on("end", () => {
+                    d3.select(container).style("cursor", "auto");
+                    allowTooltipRef.current = isSubscriptionClosed();
+                });
+                svg.call(drag);
             }
             // set up for zooming
             if (zoomEnabled) {
-                var zoom = d3.zoom()
-                    .filter(function (event) { return !zoomKeyModifiersRequired || event.shiftKey || event.ctrlKey; })
+                const zoom = d3.zoom()
+                    .filter((event) => !zoomKeyModifiersRequired || event.shiftKey || event.ctrlKey)
                     .scaleExtent([0, 10])
                     .translateExtent([[margin.left, margin.top], [plotDimensions.width, plotDimensions.height]])
-                    .on("zoom", function (event) {
-                    onZoom(event.transform, event.sourceEvent.offsetX - margin.left, plotDimensions, dataRef.current.map(function (series) { return series.name; }), timeRanges);
+                    .on("zoom", (event) => {
+                    onZoom(event.transform, event.sourceEvent.offsetX - margin.left, plotDimensions, timeRanges);
                     updatePlotRef.current(timeRanges, mainGElem);
                 });
-                svg_1.call(zoom);
+                svg.call(zoom);
             }
             // enter, update, delete the raster data
-            dataRef.current.forEach(function (series) {
-                var _a = axesFor(series.name, axisAssignments, xAxesState.axisFor, yAxesState.axisFor), xAxis = _a[0], yAxis = _a[1];
+            dataRef.current.forEach(series => {
+                const [xAxis, yAxis] = axesFor(series.name, axisAssignments, axisId => xAxesState.axisFor(axisId).getOrUndefined(), axisId => yAxesState.axisFor(axisId).getOrUndefined());
                 // grab the series styles, or the defaults if none exist
-                var _b = seriesStyles.get(series.name) || __assign(__assign({}, defaultLineStyle), { highlightColor: defaultLineStyle.color }), color = _b.color, lineWidth = _b.lineWidth, _c = _b.margin, spikeLineMargin = _c === void 0 ? spikeMargin : _c;
+                const { color, lineWidth, margin: spikeLineMargin = spikeMargin } = seriesStyles.get(series.name) || Object.assign(Object.assign({}, defaultLineStyle()), { highlightColor: defaultLineStyle().color });
                 // only show the data for which the regex filter matches
-                var plotData = (series.name.match(seriesFilter)) ? series.data : [];
-                var seriesContainer = svg_1
-                    .select("#" + series.name + "-" + chartId + "-raster")
+                const plotData = (series.name.match(seriesFilter)) ? series.data : [];
+                const seriesContainer = svg
+                    .select(`#${series.name}-${chartId}-raster`)
                     .selectAll('line')
                     .data(plotData);
                 //
                 // enter new elements
-                var _d = yCoordsFn(yAxis.categorySize, lineWidth, spikeLineMargin), yUpper = _d.yUpper, yLower = _d.yLower;
+                const { yUpper, yLower } = yCoordsFn(yAxis.scale.bandwidth(), lineWidth, spikeLineMargin);
                 // grab the value (index) associated with the series name (this is a category axis)
-                var y = yAxis.scale(series.name) || 0;
+                const y = yAxis.scale(series.name) || 0;
                 // enter
                 seriesContainer
                     .enter()
                     .append('line')
-                    .attr('x1', function (datum) { return datum.x; })
-                    .attr('x2', function (datum) { return datum.x; })
-                    .attr('y1', function (_) { return yUpper(y); })
-                    .attr('y2', function (_) { return yLower(y); })
+                    .attr('x1', datum => datum.x)
+                    .attr('x2', datum => datum.x)
+                    .attr('y1', _ => yUpper(y))
+                    .attr('y2', _ => yLower(y))
                     .attr('stroke', color)
                     .attr('stroke-width', lineWidth)
                     .attr('class', 'spikes-lines')
-                    .on("mouseover", function (event, datumArray) {
-                    return handleMouseOverSeries(chartId, container, xAxis, series.name, [datumArray.time, datumArray.value], event, margin, defaultTooltipStyle, seriesStyles, plotDimensions, mouseOverHandlerFor("tooltip-" + chartId));
-                })
-                    .on("mouseleave", function (event) { return handleMouseLeaveSeries(series.name, event.currentTarget, seriesStyles, mouseLeaveHandlerFor("tooltip-" + chartId)); })
-                    .each(function (datum) { return datum.x = xAxis.scale(datum.time); });
+                    .on("mouseover", (event, datumArray) => handleMouseOverSeries(container, xAxis, series.name, datumArray, event, margin, seriesStyles, allowTooltipRef.current, mouseOverHandlerFor(`tooltip-${chartId}`)))
+                    .on("mouseleave", event => handleMouseLeaveSeries(series.name, event.currentTarget, seriesStyles, mouseLeaveHandlerFor(`tooltip-${chartId}`)))
+                    .each(datum => datum.x = xAxis.scale(datum.time));
                 // update
                 seriesContainer
-                    .each(function (datum) { return datum.x = xAxis.scale(datum.time); })
-                    .attr('x1', function (datum) { return datum.x; })
-                    .attr('x2', function (datum) { return datum.x; })
-                    .attr('y1', function (_) { return yUpper(y); })
-                    .attr('y2', function (_) { return yLower(y); })
+                    .each(datum => datum.x = xAxis.scale(datum.time))
+                    .attr('x1', datum => datum.x)
+                    .attr('x2', datum => datum.x)
+                    .attr('y1', _ => yUpper(y))
+                    .attr('y2', _ => yLower(y))
                     .attr('stroke', color);
                 // exit old elements
                 seriesContainer.exit().remove();
@@ -222,60 +234,65 @@ export function RasterPlot(props) {
         panEnabled,
         plotDimensions,
         seriesFilter, seriesStyles,
-        xAxesState.axisFor, yAxesState.axisFor,
+        xAxesState, yAxesState,
         zoomEnabled, zoomKeyModifiersRequired,
         spikeMargin
     ]);
     // need to keep the function references for use by the subscription, which forms a closure
     // on them. without the references, the closures become stale, and resizing during streaming
     // doesn't work properly
-    var updatePlotRef = useRef(noop);
-    useEffect(function () {
+    const updatePlotRef = useRef(noop);
+    useEffect(() => {
         if (mainG !== null && container !== null) {
             // when the update plot function doesn't yet exist, then create the container holding the plot
-            var svg = d3.select(container);
-            var clipPathId = setClipPath(chartId, svg, plotDimensions, margin);
+            const clipPathId = setClipPathG(chartId, mainG, plotDimensions);
             if (updatePlotRef.current === noop) {
                 mainG
                     .selectAll('g')
-                    .attr("clip-path", "url(#" + clipPathId + ")")
+                    .attr("clip-path", `url(#${clipPathId})`)
                     .data(dataRef.current)
                     .enter()
                     .append('g')
                     .attr('class', 'spikes-series')
-                    .attr('id', function (series) { return series.name + "-" + chartId + "-raster"; })
-                    .attr('transform', "translate(" + margin.left + ", " + margin.top + ")");
+                    .attr('id', series => `${series.name}-${chartId}-raster`)
+                    .attr('transform', `translate(${margin.left}, ${margin.top})`);
             }
             else {
                 mainG
                     .selectAll('g')
-                    .attr("clip-path", "url(#" + clipPathId + ")");
+                    .attr("clip-path", `url(#${clipPathId})`);
             }
             updatePlotRef.current = updatePlot;
         }
     }, [chartId, container, mainG, margin, plotDimensions, updatePlot]);
     // grab a reference to the function used to update the time ranges and update that reference
     // if the function changes (solve for stale closures)
-    var onUpdateTimeRef = useRef(updateTimeRanges);
-    useEffect(function () {
-        onUpdateTimeRef.current = updateTimeRanges;
-    }, [updateTimeRanges]);
+    const onUpdateTimeRef = useRef(updateAxisRanges);
+    useEffect(() => {
+        onUpdateTimeRef.current = updateAxisRanges;
+    }, [updateAxisRanges]);
     // memoized function for subscribing to the chart-data observable
-    var subscribe = useCallback(function () {
+    const subscribe = useCallback(() => {
         if (seriesObservable === undefined || mainG === null)
             return undefined;
         if (withCadenceOf !== undefined) {
-            return subscriptionWithCadenceFor(seriesObservable, onSubscribe, windowingTime, axisAssignments, xAxesState, onUpdateData, dropDataAfter, updateTimingAndPlot, seriesRef.current, function (axisId, end) { return currentTimeRef.current.set(axisId, end); }, withCadenceOf);
+            return subscriptionTimeSeriesWithCadenceFor(seriesObservable, onSubscribe, windowingTime, axisAssignments, xAxesState, onUpdateData, dropDataAfter, updateTimingAndPlot, 
+            // as new data flows into the subscription, the subscription
+            // updates this map directly (for performance)
+            seriesRef.current, (axisId, end) => currentTimeRef.current.set(axisId, end), withCadenceOf);
         }
-        return subscriptionFor(seriesObservable, onSubscribe, windowingTime, axisAssignments, xAxesState, onUpdateData, dropDataAfter, updateTimingAndPlot, seriesRef.current, function (axisId, end) { return currentTimeRef.current.set(axisId, end); });
+        return subscriptionTimeSeriesFor(seriesObservable, onSubscribe, windowingTime, axisAssignments, xAxesState, onUpdateData, dropDataAfter, updateTimingAndPlot, 
+        // as new data flows into the subscription, the subscription
+        // updates this map directly (for performance)
+        seriesRef.current, (axisId, end) => currentTimeRef.current.set(axisId, end));
     }, [
         axisAssignments, dropDataAfter, mainG,
         onSubscribe, onUpdateData,
         seriesObservable, updateTimingAndPlot, windowingTime, xAxesState,
         withCadenceOf
     ]);
-    var timeRangesRef = useRef(new Map());
-    useEffect(function () {
+    const timeRangesRef = useRef(new Map());
+    useEffect(() => {
         if (container && mainG) {
             // so this gets a bit complicated. the time-ranges need to be updated whenever the time-ranges
             // change. for example, as data is streamed in, the times change, and then we need to update the
@@ -286,15 +303,18 @@ export function RasterPlot(props) {
             if (timeRangesRef.current.size === 0) {
                 // when no time-ranges have yet been created, then create them and hold on to a mutable
                 // reference to them
-                timeRangesRef.current = timeRanges(xAxesState.axes);
+                timeRangesRef.current = continuousAxisRanges(xAxesState.axes);
             }
             else {
                 // when the time-ranges already exist, then we want to update the time-ranges for each
                 // existing time-range in a way that maintains the original scale.
-                var intervals_1 = timeIntervals(xAxesState.axes);
+                const intervals = continuousAxisIntervals(xAxesState.axes);
                 timeRangesRef.current
-                    .forEach(function (range, id, rangesMap) {
-                    var _a = intervals_1.get(id) || [NaN, NaN], start = _a[0], end = _a[1];
+                    .forEach((range, id, rangesMap) => {
+                    const [start, end] = Optional.ofNullable(intervals.get(id))
+                        .map(interval => interval.asTuple())
+                        .getOrThrow(() => new Error(`Unable to retrieve interval for axis; axis_id: ${id}`));
+                    // .getOrElse([NaN, NaN])
                     if (!isNaN(start) && !isNaN(end)) {
                         // update the reference map with the new (start, end) portion of the range,
                         // while keeping the original scale intact
@@ -309,15 +329,16 @@ export function RasterPlot(props) {
     // is changed to `true` and we haven't subscribed yet, then subscribe. when the
     // `shouldSubscribe` is `false` and we had subscribed, then unsubscribe. otherwise,
     // do nothing.
-    var subscriptionRef = useRef();
-    useEffect(function () {
+    useEffect(() => {
         var _a;
         if (shouldSubscribe && subscriptionRef.current === undefined) {
             subscriptionRef.current = subscribe();
+            allowTooltipRef.current = false;
         }
         else if (!shouldSubscribe && subscriptionRef.current !== undefined) {
             (_a = subscriptionRef.current) === null || _a === void 0 ? void 0 : _a.unsubscribe();
             subscriptionRef.current = undefined;
+            allowTooltipRef.current = true;
         }
     }, [shouldSubscribe, subscribe]);
     return null;
@@ -335,14 +356,14 @@ export function RasterPlot(props) {
  * the second element.
  */
 function axesFor(seriesName, axisAssignments, xAxisFor, yAxisFor) {
-    var axes = axisAssignments.get(seriesName);
-    var xAxis = xAxisFor((axes === null || axes === void 0 ? void 0 : axes.xAxis) || "");
-    var xAxisLinear = xAxis;
+    const axes = axisAssignments.get(seriesName);
+    const xAxis = xAxisFor((axes === null || axes === void 0 ? void 0 : axes.xAxis) || "");
+    const xAxisLinear = xAxis;
     if (xAxis && !xAxisLinear) {
         throw Error("Raster plot requires that x-axis be of type LinearAxis");
     }
-    var yAxis = yAxisFor((axes === null || axes === void 0 ? void 0 : axes.yAxis) || "");
-    var yAxisCategory = yAxis;
+    const yAxis = yAxisFor((axes === null || axes === void 0 ? void 0 : axes.yAxis) || "");
+    const yAxisCategory = yAxis;
     if (yAxis && !yAxisCategory) {
         throw Error("Raster plot requires that y-axis be of type CategoryAxis");
     }
@@ -350,33 +371,31 @@ function axesFor(seriesName, axisAssignments, xAxisFor, yAxisFor) {
 }
 /**
  * Renders a tooltip showing the neuron, spike time, and the spike strength when the mouse hovers over a spike.
- * @param chartId The ID of the chart
  * @param container The chart container
  * @param xAxis The x-axis
  * @param seriesName The name of the series (i.e. the neuron ID)
  * @param selectedDatum The selected datum
  * @param event The mouse-over series event
  * @param margin The plot margin
- * @param tooltipStyle The tooltip style information
  * @param seriesStyles The series style information (needed for (un)highlighting)
- * @param plotDimensions The dimensions of the plot
+ * @param allowTooltip When set to `false` won't show tooltip, even if it is visible (used by pan)
  * @param mouseOverHandlerFor The handler for the mouse over (registered by the <Tooltip/>)
  */
-function handleMouseOverSeries(chartId, container, xAxis, seriesName, selectedDatum, event, margin, tooltipStyle, seriesStyles, plotDimensions, mouseOverHandlerFor) {
+function handleMouseOverSeries(container, xAxis, seriesName, selectedDatum, event, margin, seriesStyles, allowTooltip, mouseOverHandlerFor) {
     // grab the time needed for the tooltip ID
-    var _a = d3.pointer(event, container), x = _a[0], y = _a[1];
-    var time = Math.round(xAxis.scale.invert(x - margin.left));
-    var _b = seriesStyles.get(seriesName) || defaultLineStyle, highlightColor = _b.highlightColor, highlightWidth = _b.highlightWidth;
+    const [x, y] = d3.pointer(event, container);
+    const time = Math.round(xAxis.scale.invert(x - margin.left));
+    const { highlightColor, highlightWidth } = seriesStyles.get(seriesName) || defaultLineStyle();
     // Use d3 to select element, change color and size
     d3.select(event.currentTarget)
         .attr('stroke', highlightColor)
         .attr('stroke-width', highlightWidth);
-    if (mouseOverHandlerFor) {
+    if (mouseOverHandlerFor && allowTooltip) {
         // the contract for the mouse over handler is for a time-series, but here we only
         // need one point, the selected datum, and so we convert it into an array of point
         // (i.e. a time-series). The category tooltip is (and custom ones, must) be
         // written to expect only the selected point
-        mouseOverHandlerFor(seriesName, time, [selectedDatum], [x, y]);
+        mouseOverHandlerFor(seriesName, time, { series: [selectedDatum], metadata: {} }, [x, y]);
     }
 }
 /**
@@ -387,7 +406,7 @@ function handleMouseOverSeries(chartId, container, xAxis, seriesName, selectedDa
  * @param mouseLeaverHandlerFor Registered handler for the series when the mouse leaves
  */
 function handleMouseLeaveSeries(seriesName, segment, seriesStyles, mouseLeaverHandlerFor) {
-    var _a = seriesStyles.get(seriesName) || defaultLineStyle, color = _a.color, lineWidth = _a.lineWidth;
+    const { color, lineWidth } = seriesStyles.get(seriesName) || defaultLineStyle();
     d3.select(segment)
         .attr('stroke', color)
         .attr('stroke-width', lineWidth);

package/dist/src/app/charts/plots/RasterPlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RasterPlot.js","sourceRoot":"","sources":["../../../../../src/app/charts/plots/RasterPlot.tsx"],"names":[],"mappings":"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"}

package/dist/src/app/charts/{ScatterPlot.d.ts → plots/ScatterPlot.d.ts}

@@ -1,5 +1,6 @@
 import * as d3 from "d3";
 import { AxesAssignment } from "./plot";
+import { TimeWindowBehavior } from "../subscriptions/subscriptions";
 interface Props {
     /**
      * Holds the mapping between a series and the axis it uses (is assigned). The
@@ -39,6 +40,7 @@ interface Props {
      * to the current time.
      */
     withCadenceOf?: number;
+    timeWindowBehavior?: TimeWindowBehavior;
 }
 /**
  * Renders a streaming scatter plot for the series in the initial data and those sourced by the
@@ -50,14 +52,14 @@ interface Props {
  * @constructor
  * @example
  <ScatterPlot
-     interpolation={interpolation}
-     axisAssignments={new Map([
-        ['test2', assignAxes("x-axis-2", "y-axis-2")],
-     ])}
-     dropDataAfter={10000}
-     panEnabled={true}
-     zoomEnabled={true}
-     zoomKeyModifiersRequired={true}
+ interpolation={interpolation}
+ axisAssignments={new Map([
+ ['test2', assignAxes("x-axis-2", "y-axis-2")],
+ ])}
+ dropDataAfter={10000}
+ panEnabled={true}
+ zoomEnabled={true}
+ zoomKeyModifiersRequired={true}
  />
  */
 export declare function ScatterPlot(props: Props): null;