stream-charts 1.2.0 → 2.0.0

package/dist/app/charts/tooltips/ScatterPlotTooltipContent.js

@@ -1,15 +1,28 @@
-import { boundingPoints, defaultTooltipStyle, tooltipX, tooltipY } from "./tooltipUtils";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as d3 from "d3";
-import { formatTime, formatTimeChange, formatValue, formatValueChange } from "../utils";
-import { useEffect, useMemo } from "react";
-import { useChart } from "../hooks/useChart";
-import { usePlotDimensions } from "../hooks/usePlotDimensions";
+import { autocorrelation, boundingPoints, sparklineFor, seriesStatistics, valueOrMissing } from "./tooltipUtils";
+import { TooltipContent } from "./TooltipContent";
+import { formatNumber, formatTime, formatTimeChange, formatValue, formatValueChange } from "../utils";
 import { emptyDatum } from "../series/timeSeries";
+// the size of the autocorrelation's sparkline (its plot area, without the axes' labels)
+const SPARKLINE_WIDTH = 180;
+const SPARKLINE_HEIGHT = 48;
+// the space around the sparkline's line, within its plot area
+const SPARKLINE_PADDING = 2;
+// the space around the sparkline's plot area for the axes: their ticks and labels (the y-axis'
+// on the left; the x-axis' below, with its "lag" caption to the right of its end)
+const AXES_MARGIN = { left: 24, right: 22, top: 4, bottom: 14 };
+// the length of the axes' ticks
+const TICK_LENGTH = 3;
+// the (most) ticks on the x-axis (the lags)
+const LAG_TICK_COUNT = 5;
 /**
- * Adds tooltip content as a table. The columns of the table are the "label", the value before
- * the mouse cursor, then value after the mouse cursor, and the difference between the two values.
- * The rows of the table are x-values for the first row, and the y-values for the second row.
- * The table has the following form.
+ * Adds tooltip content as a table, whose rows are the x-values and the y-values, and whose
+ * columns depend on where the mouse is over the series (as the plot reports it, see
+ * `ScatterTooltipMetadata` -- the plot also highlights the same points):
+ *
+ * When the mouse is over a line segment, the points before and after the mouse, and the
+ * difference between them:
  * ```
  * series name
  *            before     after         ∆
@@ -17,139 +30,154 @@ import { emptyDatum } from "../series/timeSeries";
  * y-label     y_tb      y_ta       y_ta - y_tb
  * ```
  *
- * Registers the tooltip-content provider with the `ChartContext` so that when d3 fires a mouse-over
- * event on a series. The content provider is returns the {@link addTooltipContent} function
- * when called. And when called the {@link addTooltipContent} function adds the actual tooltip
- * content to the SVG element.
+ * When the mouse is directly over a data point, that point (in bold), and the points before and
+ * after it:
+ * ```
+ * series name
+ *            before     point     after
+ * x-label     x_b        x_p       x_a
+ * y-label     y_b        y_p       y_a
+ * ```
+ * A point that doesn't exist (e.g. before the series' first point) shows a dash.
+ *
+ * Below the table, the statistics of the series' points in the window of data the chart holds:
+ * their count, the mean and (sample) standard deviation of their values, and the mean time
+ * between consecutive points. And below that, a sparkline of the autocorrelation of their values,
+ * by lag (in points, from 0 on the left), drawn from -1 (bottom) to 1 (top): with a y-axis (ticks
+ * at -1, 0, and 1), and an x-axis along the (dashed) zero line, with ticks at round lags, captioned
+ * "lag" (just to the right of the axis' end).
+ *
+ * Built on {@link TooltipContent}; put it inside a {@link Tooltip}.
  * @param props The properties describing the tooltip content
- * @return null
+ * @return The tooltip's portal, or `null` when nothing is being hovered
  */
 export function ScatterPlotTooltipContent(props) {
-    const { chartId, container, tooltip } = useChart();
-    const { registerTooltipContentProvider } = tooltip;
-    const { margin, plotDimensions } = usePlotDimensions();
-    const { xLabel, yLabel, beforeHeader = 'before', afterHeader = 'after', deltaHeader = '∆', xValueFormatter = formatTime, yValueFormatter = formatValue, xChangeFormatter = formatTimeChange, yChangeFormatter = formatValueChange, style, } = props;
-    const tooltipStyle = useMemo(() => (Object.assign(Object.assign({}, defaultTooltipStyle), style)), [style]);
-    // register the tooltip content provider, which when called on mouse-enter-series events
-    // will render the tooltip container and then the tooltip content. recall that that the
-    // tooltip content is generated in this plot (because this is the plot that holds all the
-    // information needed to render it), and the container for the content is rendered by
-    // the <Tooltip>, which this know nothing about.
-    //
-    // the 'registration function accepts a function of the form (seriesName, time, series) => TooltipDimensions.
-    // and that function has a closure on the content-specific information needed to add the
-    // actual content
-    useEffect(() => {
-        if (container) {
-            // assemble the options for adding the tooltip
-            const options = {
-                labels: { x: xLabel, y: yLabel },
-                headers: { before: beforeHeader, after: afterHeader, delta: deltaHeader },
-                formatters: {
-                    x: { value: xValueFormatter, change: xChangeFormatter },
-                    y: { value: yValueFormatter, change: yChangeFormatter },
-                }
-            };
-            // register the tooltip content provider function with the chart hook (useChart) so that
-            // it is visible to all children of the Chart (i.e. the <Tooltip>).
-            registerTooltipContentProvider((seriesName, time, tooltipData, mouseCoords) => addTooltipContent(seriesName, time, tooltipData.series, mouseCoords, chartId, container, margin, plotDimensions, tooltipStyle, options));
+    const { xLabel, yLabel, beforeHeader = 'before', pointHeader = 'point', afterHeader = 'after', deltaHeader = '∆', xValueFormatter = formatTime, yValueFormatter = formatValue, xChangeFormatter = formatTimeChange, yChangeFormatter = formatValueChange, intervalFormatter = xValueFormatter, style, } = props;
+    const options = {
+        labels: { x: xLabel, y: yLabel },
+        headers: { before: beforeHeader, point: pointHeader, after: afterHeader, delta: deltaHeader },
+        formatters: {
+            x: { value: xValueFormatter, change: xChangeFormatter },
+            y: { value: yValueFormatter, change: yChangeFormatter },
         }
-    }, [
-        chartId, container, margin, plotDimensions, registerTooltipContentProvider,
-        xLabel, xChangeFormatter, xValueFormatter,
-        yLabel, yChangeFormatter, yValueFormatter,
-        beforeHeader, afterHeader, deltaHeader,
-        tooltipStyle
-    ]);
-    return null;
+    };
+    return (_jsx(TooltipContent, { style: style, capture: (seriesName, time, tooltipData) => captureTooltipContent(seriesName, time, tooltipData.series, tooltipData.metadata.points, options), children: (tooltipContent, tooltipStyle) => {
+            const cellStyle = { padding: '1px 8px', textAlign: 'right', border: 'none' };
+            const rowLabelStyle = { ...cellStyle, textAlign: 'left', paddingLeft: 0 };
+            // the point under the mouse stands out (as it does on the plot)
+            const cellStyleFor = (column) => column === tooltipContent.emphasizedColumn ?
+                { ...cellStyle, fontWeight: tooltipStyle.fontWeight + 650 } :
+                cellStyle;
+            return _jsxs(_Fragment, { children: [_jsx("div", { style: { fontSize: tooltipStyle.fontSize, fontWeight: tooltipStyle.fontWeight, marginBottom: 4 }, children: tooltipContent.seriesName }), _jsxs("table", { style: { fontSize: tooltipStyle.fontSize + 2, fontWeight: tooltipStyle.fontWeight + 150, borderCollapse: 'collapse', border: 'none' }, children: [_jsx("thead", { children: _jsxs("tr", { style: { fontWeight: tooltipStyle.fontWeight + 550 }, children: [_jsx("td", { style: rowLabelStyle }), tooltipContent.headers.map((header, column) => (_jsx("td", { style: cellStyleFor(column), children: header }, column)))] }) }), _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { style: rowLabelStyle, children: tooltipContent.xLabel }), tooltipContent.xValues.map((value, column) => (_jsx("td", { style: cellStyleFor(column), children: value }, column)))] }), _jsxs("tr", { children: [_jsx("td", { style: rowLabelStyle, children: tooltipContent.yLabel }), tooltipContent.yValues.map((value, column) => (_jsx("td", { style: cellStyleFor(column), children: value }, column)))] })] })] }), tooltipContent.statistics.count > 0 &&
+                        _jsx("table", { style: { fontSize: tooltipStyle.fontSize, borderCollapse: 'collapse', border: 'none', marginTop: 6, width: 'auto' }, children: _jsx("tbody", { children: [
+                                    ['Points', formatNumber(tooltipContent.statistics.count, " ,.0f")],
+                                    ['Mean value', valueOrMissing(tooltipContent.statistics.meanValue, yValueFormatter)],
+                                    ['Std. deviation', valueOrMissing(tooltipContent.statistics.valueStandardDeviation, yValueFormatter)],
+                                    ['Mean interval', valueOrMissing(tooltipContent.statistics.meanInterval, intervalFormatter)],
+                                ].map(([label, value]) => (_jsxs("tr", { children: [_jsx("td", { style: { padding: '1px 12px 1px 0', textAlign: 'left', border: 'none' }, children: label }), _jsx("td", { style: { padding: '1px 0', textAlign: 'right', border: 'none' }, children: value })] }, label))) }) }), tooltipContent.autocorrelation !== undefined && _jsxs(_Fragment, { children: [_jsx("div", { style: { fontSize: tooltipStyle.fontSize, marginTop: 8 }, children: "Autocorrelation" }), _jsx(AutocorrelationChart, { autocorrelation: tooltipContent.autocorrelation, color: tooltipStyle.fontColor, fontSize: tooltipStyle.fontSize - 3 })] })] });
+        } }));
 }
 /**
- * Callback function that adds tooltip content and returns the tooltip width and text height
+ * Captures the data needed to render the tooltip's content: the table of the points the tooltip
+ * shows, and the statistics and autocorrelation of the series' points.
  * @param seriesName The name of the series (i.e. the neuron ID)
  * @param time The time (x-coordinate value) corresponding to the mouse location
- * @param series The datum (t ms, s mV)
- * @param mouseCoords The coordinates of the mouse when the event was fired (relative to the plot container)
- * @param chartId The ID of this chart
- * @param container The plot container (SVGSVGElement)
- * @param margin The plot margins
- * @param tooltipStyle The style properties for the tooltip
- * @param plotDimensions The dimensions of the plot
- * @param options The options passed through the function that adds the tooltip content
- * @return The width and text height of the tooltip content
+ * @param series The series' data (the window of data the chart holds -- for the statistics too)
+ * @param points The points to show, as the plot determined them (see {@link scatterTooltipPoints});
+ * when `undefined`, the points on either side of the mouse's time are shown
+ * @param options The tooltip's labels, headers, and formatters
+ * @return The tooltip's content
+ */
+function captureTooltipContent(seriesName, time, series, points, options) {
+    const { labels, headers, formatters } = options;
+    // the points to show, as determined by the plot -- or, when the plot doesn't say, the points on
+    // either side of the mouse's time
+    const shown = points !== null && points !== void 0 ? points : segmentAround(series, time);
+    // a value, or a dash for a point that doesn't exist (e.g. before the series' first point)
+    const valueOf = (datum, formatter, value) => datum === undefined ? MISSING_VALUE : formatter(value(datum));
+    const changeOf = (formatter, value) => shown.before === undefined || shown.after === undefined ?
+        MISSING_VALUE :
+        formatter(value(shown.before), value(shown.after));
+    const xOf = (datum) => datum.x;
+    const yOf = (datum) => datum.y;
+    return {
+        seriesName,
+        xLabel: labels.x,
+        yLabel: labels.y,
+        statistics: seriesStatistics(series),
+        autocorrelation: autocorrelationSparkline(series),
+        ...(shown.kind === 'point' ?
+            // directly over a point: the point before it, the point, and the point after it
+            {
+                headers: [headers.before, headers.point, headers.after],
+                xValues: [shown.before, shown.point, shown.after].map(datum => valueOf(datum, formatters.x.value, xOf)),
+                yValues: [shown.before, shown.point, shown.after].map(datum => valueOf(datum, formatters.y.value, yOf)),
+                emphasizedColumn: 1,
+            } :
+            // over a segment: the points on either side of the mouse, and the change between them
+            {
+                headers: [headers.before, headers.after, headers.delta],
+                xValues: [
+                    valueOf(shown.before, formatters.x.value, xOf),
+                    valueOf(shown.after, formatters.x.value, xOf),
+                    changeOf(formatters.x.change, xOf)
+                ],
+                yValues: [
+                    valueOf(shown.before, formatters.y.value, yOf),
+                    valueOf(shown.after, formatters.y.value, yOf),
+                    changeOf(formatters.y.change, yOf)
+                ],
+            })
+    };
+}
+// shown in place of the values of a point that doesn't exist (e.g. before the series' first point)
+const MISSING_VALUE = '–';
+/**
+ * The points on either side of the specified time (the segment it's on)
+ * @param series The series' data
+ * @param time The time
+ * @return The points before and after the time (undefined where there's none)
+ */
+function segmentAround(series, time) {
+    const [before, after] = boundingPoints(series, time, value => value.x, () => emptyDatum());
+    const orUndefined = (datum) => isNaN(datum.x) ? undefined : datum;
+    return { kind: 'segment', before: orUndefined(before), after: orUndefined(after) };
+}
+/**
+ * The sparkline of the autocorrelation of a series' values (see {@link autocorrelation}): the lags
+ * run left to right across the width, and the correlations from -1 (at the bottom) to 1 (at the
+ * top), so that the zero line is at the middle
+ * @param series The series' data
+ * @return The sparkline, or `undefined` when there are too few points (or
+ * the values don't vary)
+ */
+function autocorrelationSparkline(series) {
+    const correlations = autocorrelation(series);
+    if (correlations === undefined)
+        return undefined;
+    const sparkline = sparklineFor(correlations.map((value, lag) => ({ time: lag, value })), SPARKLINE_WIDTH, SPARKLINE_HEIGHT, SPARKLINE_PADDING, [-1, 1]);
+    return sparkline === undefined ? undefined : { sparkline, maxLag: correlations.length - 1 };
+}
+/**
+ * The autocorrelation's sparkline, with its axes: a y-axis on the left, with ticks (and labels) at
+ * -1, 0, and 1; and an x-axis along the dashed zero line, with ticks at round lags (labelled below
+ * the plot, out of the line's way), captioned "lag" just to the right of its end
+ * @param props The autocorrelation's sparkline (and largest lag), the color of the line and the
+ * axes, and the font size of the axes' labels
+ * @return The sparkline, with its axes
  */
-function addTooltipContent(seriesName, time, series, mouseCoords, chartId, container, margin, plotDimensions, tooltipStyle, options) {
-    const { labels, formatters } = options;
-    const [x, y] = mouseCoords;
-    const [lower, upper] = boundingPoints(series, time, value => value.time, () => emptyDatum());
-    // display the neuron ID in the tooltip
-    const header = d3.select(container)
-        .append("text")
-        .attr('id', `tn${time}-${seriesName}-${chartId}`)
-        .attr('class', 'tooltip')
-        .attr('fill', tooltipStyle.fontColor)
-        .attr('font-family', 'sans-serif')
-        .attr('font-size', tooltipStyle.fontSize)
-        .attr('font-weight', tooltipStyle.fontWeight)
-        .attr('fill-opacity', tooltipStyle.borderOpacity)
-        .text(() => seriesName);
-    // create the table that shows the points that come before and after the mouse time, and the
-    // changes in the time and value
-    const table = d3.select(container)
-        .append("g")
-        .attr('id', `t${time}-${seriesName}-header-${chartId}`)
-        .attr('class', 'tooltip')
-        .attr('fill', tooltipStyle.fontColor)
-        .attr('font-family', 'sans-serif')
-        .attr('font-size', tooltipStyle.fontSize + 2)
-        .attr('font-weight', tooltipStyle.fontWeight + 150)
-        .attr('fill-opacity', tooltipStyle.borderOpacity);
-    const headerRow = table.append('g').attr('font-weight', tooltipStyle.fontWeight + 550);
-    const hrLower = headerRow.append("text").text(() => options.headers.before);
-    const hrUpper = headerRow.append("text").text(() => options.headers.after);
-    const hrDelta = headerRow.append("text").text(() => options.headers.delta);
-    const trHeader = table.append("text").text(() => labels.x);
-    const trLower = table.append("text").text(() => formatters.x.value(lower.time));
-    const trUpper = table.append("text").text(() => formatters.x.value(upper.time));
-    const trDelta = table.append("text").text(() => formatters.x.change(lower.time, upper.time));
-    const vrHeader = table.append("text").text(() => labels.y);
-    const vrLower = table.append("text").text(() => formatters.y.value(lower.value));
-    const vrUpper = table.append("text").text(() => formatters.y.value(upper.value));
-    const vrDelta = table.append("text").text(() => formatters.y.change(lower.value, upper.value));
-    const textWidthOf = (elem) => { var _a, _b; return ((_b = (_a = elem.node()) === null || _a === void 0 ? void 0 : _a.getBBox()) === null || _b === void 0 ? void 0 : _b.width) || 0; };
-    const textHeightOf = (elem) => { var _a, _b; return ((_b = (_a = elem.node()) === null || _a === void 0 ? void 0 : _a.getBBox()) === null || _b === void 0 ? void 0 : _b.height) || 0; };
-    const spacesWidthFor = (spaces) => spaces * textWidthOf(hrLower) / 5;
-    // calculate the max width and height of the text
-    const tooltipWidth = Math.max(textWidthOf(header), spacesWidthFor(33));
-    const headerTextHeight = textHeightOf(header);
-    const headerRowHeight = textHeightOf(hrLower);
-    const timeRowHeight = textHeightOf(trHeader);
-    const valueRowHeight = textHeightOf(vrHeader);
-    const textHeight = headerTextHeight + headerRowHeight + timeRowHeight + valueRowHeight;
-    // set the header text location
-    const xCoord = tooltipX(x, tooltipWidth, plotDimensions, tooltipStyle, margin);
-    const yCoord = tooltipY(y, textHeight, plotDimensions, tooltipStyle, margin);
-    const xTooltip = xCoord + tooltipStyle.paddingLeft;
-    const yTooltip = yCoord + tooltipStyle.paddingTop;
-    header
-        .attr('x', () => xTooltip)
-        .attr('y', () => yTooltip - (headerRowHeight + timeRowHeight + valueRowHeight) + textHeight);
-    const hrRowY = yTooltip + headerTextHeight + headerRowHeight;
-    const hrLowerX = spacesWidthFor(14);
-    const hrUpperX = spacesWidthFor(24);
-    const hrDeltaX = spacesWidthFor(32);
-    hrLower.attr('x', () => xTooltip + hrLowerX - textWidthOf(hrLower)).attr('y', () => hrRowY);
-    hrUpper.attr('x', () => xTooltip + hrUpperX - textWidthOf(hrUpper)).attr('y', () => hrRowY);
-    hrDelta.attr('x', () => xTooltip + hrDeltaX - textWidthOf(hrDelta)).attr('y', () => hrRowY);
-    const trRowY = hrRowY + timeRowHeight;
-    trHeader.attr('x', () => xTooltip).attr('y', () => trRowY);
-    trLower.attr('x', () => xTooltip + hrLowerX - textWidthOf(trLower)).attr('y', () => trRowY);
-    trUpper.attr('x', () => xTooltip + hrUpperX - textWidthOf(trUpper)).attr('y', () => trRowY);
-    trDelta.attr('x', () => xTooltip + hrDeltaX - textWidthOf(trDelta)).attr('y', () => trRowY);
-    const vrRowY = trRowY + valueRowHeight;
-    vrHeader.attr('x', () => xTooltip).attr('y', () => vrRowY);
-    vrLower.attr('x', () => xTooltip + hrLowerX - textWidthOf(vrLower)).attr('y', () => vrRowY);
-    vrUpper.attr('x', () => xTooltip + hrUpperX - textWidthOf(vrUpper)).attr('y', () => vrRowY);
-    vrDelta.attr('x', () => xTooltip + hrDeltaX - textWidthOf(vrDelta)).attr('y', () => vrRowY);
-    return { x: xCoord, y: yCoord, contentWidth: tooltipWidth, contentHeight: textHeight };
+function AutocorrelationChart(props) {
+    const { autocorrelation: { sparkline, maxLag }, color, fontSize } = props;
+    // where a lag, and a correlation, are within the plot area (as `sparklineFor` places them)
+    const innerWidth = SPARKLINE_WIDTH - 2 * SPARKLINE_PADDING;
+    const innerHeight = SPARKLINE_HEIGHT - 2 * SPARKLINE_PADDING;
+    const xOf = (lag) => SPARKLINE_PADDING + lag / maxLag * innerWidth;
+    const yOf = (correlation) => SPARKLINE_PADDING + (1 - correlation) / 2 * innerHeight;
+    // (the y-axis sits just left of lag 0, so it doesn't cover the line's start)
+    const yAxisX = SPARKLINE_PADDING - TICK_LENGTH;
+    const lagTicks = d3.ticks(0, maxLag, Math.min(LAG_TICK_COUNT, maxLag)).filter(Number.isInteger);
+    const axisStyle = { stroke: color, strokeOpacity: 0.6, strokeWidth: 1 };
+    const labelStyle = { fill: color, fillOpacity: 0.8, fontSize };
+    return (_jsx("svg", { width: AXES_MARGIN.left + SPARKLINE_WIDTH + AXES_MARGIN.right, height: AXES_MARGIN.top + SPARKLINE_HEIGHT + AXES_MARGIN.bottom, style: { display: 'block', marginTop: 2 }, "aria-hidden": "true", children: _jsxs("g", { transform: `translate(${AXES_MARGIN.left}, ${AXES_MARGIN.top})`, children: [_jsx("line", { x1: yAxisX, y1: yOf(1), x2: yAxisX, y2: yOf(-1), ...axisStyle }), [-1, 0, 1].map(correlation => (_jsxs("g", { children: [_jsx("line", { x1: yAxisX - TICK_LENGTH, y1: yOf(correlation), x2: yAxisX, y2: yOf(correlation), ...axisStyle }), _jsx("text", { x: yAxisX - TICK_LENGTH - 2, y: yOf(correlation), textAnchor: "end", dominantBaseline: "middle", ...labelStyle, children: correlation })] }, correlation))), _jsx("line", { x1: yAxisX, y1: yOf(0), x2: xOf(maxLag), y2: yOf(0), ...axisStyle, strokeOpacity: 0.35, strokeDasharray: "2 2" }), lagTicks.map(lag => (_jsxs("g", { children: [_jsx("line", { x1: xOf(lag), y1: yOf(0) - TICK_LENGTH / 2, x2: xOf(lag), y2: yOf(0) + TICK_LENGTH / 2, ...axisStyle }), _jsx("text", { x: xOf(lag), y: SPARKLINE_HEIGHT + AXES_MARGIN.bottom - 3, textAnchor: "middle", ...labelStyle, children: lag })] }, lag))), _jsx("text", { x: xOf(maxLag) + TICK_LENGTH, y: yOf(0), textAnchor: "start", dominantBaseline: "middle", ...labelStyle, children: "lag" }), _jsx("path", { d: sparkline.path, fill: "none", stroke: color, strokeWidth: 1.25, strokeLinejoin: "round", strokeLinecap: "round" })] }) }));
 }
 //# sourceMappingURL=ScatterPlotTooltipContent.js.map

package/dist/app/charts/tooltips/ScatterPlotTooltipContent.js.map

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

package/dist/app/charts/tooltips/Tooltip.d.ts

@@ -1,43 +1,38 @@
-import { JSX } from "react";
-import { TooltipStyle } from "./tooltipUtils";
-import { BaseAxis, SeriesStyle } from "../axes/axes";
+import { type JSX } from "react";
+import { type TooltipStyle } from "./tooltipUtils";
+import type { BaseAxis, SeriesStyle } from "../axes/axes";
 import { BaseAxisRange } from "../axes/BaseAxisRange";
+/**
+ * The properties of the {@link Tooltip}
+ */
 export interface Props {
+    /** whether the tooltip is shown when the mouse is over one of the plot's elements */
     visible: boolean;
+    /** the style of the tooltip (its box and text); its content can override parts of it */
     style?: Partial<TooltipStyle>;
+    /** the tooltip's content (e.g. a `<ScatterPlotTooltipContent>`, or your own, built on `<TooltipContent>`) */
     children: JSX.Element;
 }
 /**
- * Tooltip component triggered by mouse-over-series events. When mounted, the tooltip component
- * registers a mouse-over handler with the {@link useMouse} hook using the
- * {@link UseMouseValues.registerMouseOverHandler} function. The handler renders the tooltip
- * by adding it to the SVG plot container. However, to remain general, this {@link Tooltip} also
- * uses the {@link useTooltip}'s {@link UseTooltipValues.tooltipContentProvider} to render the actual
- * content of the tooltip. The content provider is given the series' name on which the mouse-over
- * event occurred, the plot time associated with mouse-over event, and the {@link TimeSeries}
- * associated with the mouse-over event. The plot (for example {@link ScatterPlot}) is responsible
- * for rendering the tooltip, and it registers this tooltip-content provider with the {@link useTooltip}
- * hook.
- *
- * The {@link useChart} hook allows the plots and this tooltip to register methods needed its siblings.
- *
- * ## on mount
- * 1. The plot (for example {@link ScatterPlot}) adds a d3 mouse-enter and mouse-leave event handlers
- *    to each series. The mouse-enter event handler performs a few tasks and then calls the
- *    mouse-over event handler registered by the {@link Tooltip} via the {@link useMouse} hook.
- * 2. The plot (for example {@link ScatterPlot}) registers the tooltip-content provider with the {@link useTooltip}
- *    hook using the {@link UseTooltipValues.registerTooltipContentProvider} function.
- * 3. {@link Tooltip} registers the handler for mouse-over events. The handler accepts the series
- *    name, plot time, and time-series associated with the mouse-over event, and returns the tooltip
- *    dimensions. In order to create/render the tooltip, it uses the {@link UseTooltipValues.tooltipContentProvider}
- *    function that was registered via the {@link useTooltip} hook.
+ * Shows a tooltip when the mouse is over one of the plot's elements (a series, a point, a spike, a
+ * bar, a band, and so on), while `visible` is `true`. What the tooltip shows is up to its content
+ * (its child -- for example, a `<ScatterPlotTooltipContent>`), which is built on
+ * {@link TooltipContent}.
  *
- * ## on mouse-over event
- * When the plot's (for example {@link ScatterPlot}) d3 mouse-enter event handler fires, the plot calls this
- * {@link Tooltip}'s mouse-over handler, which creates the tooltip, and calls the {@link UseTooltipValues.tooltipContentProvider}
- * registered by the plot to render the tooltip content, and get the tooltip size.
+ * The plot hit-tests the mouse against what it drew, and calls the mouse-over handler this
+ * component registers (see `useMouse`), which hands what the plot knows about the element
+ * under the mouse to the content's tooltip-content provider (see `useTooltip`). The content
+ * shows itself, and hides itself again when the mouse leaves the element.
  *
- * @param props The properties of the tooltip (i.e. visibility and style)
- * @return null
+ * The content gets this tooltip's style (its `style` over the default tooltip style) through
+ * {@link useTooltipStyle}, and can override parts of it.
+ * @param props Whether the tooltip is shown, its style, and its content
+ * @return The content, while the tooltip is shown
+ * @template D The type of the series' datum
+ * @template S The type of the series style
+ * @template TM The type of the tooltip metadata
+ * @template AR The type of the axis range
+ * @template A The type of the axis
  */
 export declare function Tooltip<D, S extends SeriesStyle, TM, AR extends BaseAxisRange, A extends BaseAxis>(props: Props): JSX.Element;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/app/charts/tooltips/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/app/charts/tooltips/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,GAAG,EAAqB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAsB,KAAK,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAEtE,OAAO,KAAK,EAAC,QAAQ,EAAE,WAAW,EAAC,MAAM,cAAc,CAAC;AAExD,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;AAGpD;;GAEG;AACH,MAAM,WAAW,KAAK;IAClB,qFAAqF;IACrF,OAAO,EAAE,OAAO,CAAA;IAChB,wFAAwF;IACxF,KAAK,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IAC7B,6GAA6G;IAC7G,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;CACxB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,EAAE,EAAE,EAAE,EAAE,SAAS,aAAa,EAAE,CAAC,SAAS,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAwC7H"}