@perses-dev/timeseries-chart-plugin 0.14.0-beta.6 → 0.14.0-beta.8

package/lib/TimeSeriesChartBase.js

@@ -12,19 +12,22 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { Box } from "@mui/material";
-import { clearHighlightedSeries, DEFAULT_PINNED_CROSSHAIR, DEFAULT_TOOLTIP_CONFIG, EChart, enableDataZoom, getClosestTimestamp, getCommonTimeScale, getFormattedAxis, getPointInGrid, restoreChart, TimeChartTooltip, useChartsContext, useTimeZone } from "@perses-dev/components";
-import { LineChart as EChartsLineChart, BarChart as EChartsBarChart } from "echarts/charts";
+import { clearHighlightedSeries, DEFAULT_PINNED_CROSSHAIR, DEFAULT_TOOLTIP_CONFIG, EChart, enableDataZoom, ExemplarMetadataTooltip, getClosestTimestamp, getCommonTimeScale, getFormattedAxis, getPointInGrid, restoreChart, TimeChartTooltip, useChartsContext, useTimeZone } from "@perses-dev/components";
+import { LineChart as EChartsLineChart, BarChart as EChartsBarChart, ScatterChart as EChartsScatterChart } from "echarts/charts";
 import { GridComponent, DatasetComponent, DataZoomComponent, MarkAreaComponent, MarkLineComponent, MarkPointComponent, TitleComponent, ToolboxComponent, TooltipComponent } from "echarts/components";
 import { use as registerECharts } from "echarts/core";
 import { CanvasRenderer } from "echarts/renderers";
 import isEqual from "lodash/isEqual";
 import merge from "lodash/merge";
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import useResizeObserver from "use-resize-observer";
 import { AnnotationTooltip, buildAnnotationSeries } from "./annotations/AnnotationTooltip.js";
+import { EXEMPLAR_SERIES_ID_PREFIX, EXEMPLAR_SYMBOL_SIZE, getExemplarSeries } from "./utils/data-transform.js";
 import { createTimezoneAwareAxisFormatter } from "./utils/timezone-formatter.js";
 registerECharts([
     EChartsLineChart,
     EChartsBarChart,
+    EChartsScatterChart,
     GridComponent,
     DatasetComponent,
     DataZoomComponent,
@@ -36,7 +39,15 @@ registerECharts([
     TooltipComponent,
     CanvasRenderer
 ]);
-export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({ height, data, seriesMapping, annotations, timeScale: timeScaleProp, yAxis, format, seriesFormatMap, grid, isStackedBar = false, tooltipConfig = DEFAULT_TOOLTIP_CONFIG, noDataVariant = 'message', syncGroup, onDataZoom, onDoubleClick, __experimentalEChartsOptionsOverride }, ref) {
+/**
+ * Maximum pixel distance from an exemplar marker center for the cursor to count as still
+ * hovering it (covers the full diamond bounding box, corners included).
+ */ const EXEMPLAR_HOVER_RADIUS = Math.SQRT2 * EXEMPLAR_SYMBOL_SIZE / 2;
+const CHART_SX = {
+    width: '100%',
+    height: '100%'
+};
+export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({ height, data, seriesMapping, exemplars, annotations, timeScale: timeScaleProp, yAxis, format, seriesFormatMap, grid, isStackedBar = false, tooltipConfig = DEFAULT_TOOLTIP_CONFIG, noDataVariant = 'message', syncGroup, onDataZoom, onDoubleClick, __experimentalEChartsOptionsOverride }, ref) {
     const { chartsTheme, enablePinning, enableSyncGrouping, lastTooltipPinnedCoords, setLastTooltipPinnedCoords } = useChartsContext();
     const isPinningEnabled = tooltipConfig.enablePinning && enablePinning;
     const chartRef = useRef();
@@ -47,33 +58,48 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
     const [startX, setStartX] = useState(0);
     const [hoveredAnnotation, setHoveredAnnotation] = useState(null);
     const [pinnedAnnotation, setPinnedAnnotation] = useState(null);
+    const [hoveredExemplar, setHoveredExemplar] = useState(null);
+    const [pinnedExemplar, setPinnedExemplar] = useState(null);
+    const [pinnedExemplarPos, setPinnedExemplarPos] = useState(null);
     const [pinnedAnnotationPos, setPinnedAnnotationPos] = useState(null);
     const { timeZone, formatWithUserTimeZone } = useTimeZone();
     const getTimezoneAwareAxisFormatter = useCallback((rangeMs)=>createTimezoneAwareAxisFormatter(rangeMs, timeZone), [
         timeZone
     ]);
-    let timeScale;
-    if (timeScaleProp === undefined) {
+    const timeScale = useMemo(()=>{
+        if (timeScaleProp) return timeScaleProp;
         const commonTimeScale = getCommonTimeScale(data);
-        if (commonTimeScale === undefined) {
-            // set default to past 5 years
-            const today = new Date();
-            const pastDate = new Date(today);
-            pastDate.setFullYear(today.getFullYear() - 5);
-            const todayMs = today.getTime();
-            const pastDateMs = pastDate.getTime();
-            timeScale = {
-                startMs: pastDateMs,
-                endMs: todayMs,
-                stepMs: 1,
-                rangeMs: todayMs - pastDateMs
-            };
-        } else {
-            timeScale = commonTimeScale;
+        if (commonTimeScale) return commonTimeScale;
+        // Set the empty chart's default range to the past five years.
+        const today = new Date();
+        const pastDate = new Date(today);
+        pastDate.setFullYear(today.getFullYear() - 5);
+        const startMs = pastDate.getTime();
+        const endMs = today.getTime();
+        return {
+            startMs,
+            endMs,
+            stepMs: 1,
+            rangeMs: endMs - startMs
+        };
+    }, [
+        data,
+        timeScaleProp
+    ]);
+    // EChart resizes whenever its sx identity changes. Keep sx stable and observe
+    // actual container dimensions so hover/pinning never relayouts every series.
+    const handleResize = useCallback(({ width, height: containerHeight })=>{
+        const chart = chartRef.current;
+        if (width && containerHeight && chart && (chart.getWidth() !== width || chart.getHeight() !== containerHeight)) {
+            chart.resize({
+                width,
+                height: containerHeight
+            });
         }
-    } else {
-        timeScale = timeScaleProp;
-    }
+    }, []);
+    const { ref: containerRef } = useResizeObserver({
+        onResize: handleResize
+    });
     useImperativeHandle(ref, ()=>{
         return {
             highlightSeries ({ name }) {
@@ -122,6 +148,17 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
             },
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             mouseover: (params)=>{
+                if (params.componentType === 'series' && params.seriesType === 'scatter' && typeof params.seriesId === 'string' && params.seriesId.startsWith(EXEMPLAR_SERIES_ID_PREFIX)) {
+                    if (params.data?.exemplar) {
+                        setHoveredExemplar({
+                            exemplar: params.data.exemplar,
+                            seriesLabels: params.data.seriesLabels,
+                            plottedValue: params.data?.value?.[1] ?? params.data.exemplar.value
+                        });
+                        return;
+                    }
+                }
+                setHoveredExemplar(null);
                 // Only markPoint (triangles under the X-axis) opens the annotation tooltip.
                 // Hovering markLine or anything else keeps the regular TimeSeries tooltip visible
                 // and clears any stale hovered annotation (mouseout is sometimes missed by ECharts).
@@ -136,6 +173,10 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
             },
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             mouseout: (params)=>{
+                if (params.componentType === 'series' && params.seriesType === 'scatter' && typeof params.seriesId === 'string' && params.seriesId.startsWith(EXEMPLAR_SERIES_ID_PREFIX)) {
+                    setHoveredExemplar(null);
+                    return;
+                }
                 if (annotations && params.componentType === 'markPoint' && params.data?.annotationIndex !== undefined && annotations) {
                     // Only clear if the mouseout corresponds to the currently hovered annotation, so that
                     // a quick move from one markPoint to another isn't cancelled by a late mouseout event.
@@ -148,6 +189,7 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
                     // Cursor left the chart canvas — guarantee the annotation tooltip is dismissed.
                     setHoveredAnnotation(null);
                 }
+                setHoveredExemplar(null);
             }
         };
     }, [
@@ -158,40 +200,42 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
     const annotationSeries = useMemo(()=>buildAnnotationSeries(annotations), [
         annotations
     ]);
+    const preparedExemplarSeries = useMemo(()=>exemplars?.map(getExemplarSeries) ?? [], [
+        exemplars
+    ]);
+    const exemplarSeries = useMemo(()=>{
+        const visibleIds = new Set(seriesMapping.map((series)=>`${EXEMPLAR_SERIES_ID_PREFIX}${series.id}`));
+        return preparedExemplarSeries.filter((series)=>visibleIds.has(String(series.id)));
+    }, [
+        preparedExemplarSeries,
+        seriesMapping
+    ]);
     const { noDataOption } = chartsTheme;
-    const option = useMemo(()=>{
-        // The "chart" `noDataVariant` is only used when the `timeSeries` is an
-        // empty array because a `null` value will throw an error.
-        if (data === null || data.length === 0 && noDataVariant === 'message') return noDataOption;
-        // Utilizes ECharts dataset so raw data is separate from series option style properties
-        // https://apache.github.io/echarts-handbook/en/concepts/dataset/
-        const dataset = [];
-        data.map((d, index)=>{
-            const values = d.values.map(([timestamp, value])=>{
-                const val = value === null ? '-' : value; // echarts use '-' to represent null data
-                return [
-                    timestamp,
-                    val
-                ];
-            });
-            dataset.push({
+    // Reuse the dataset when pinning a crosshair or updating annotations/axes.
+    const dataset = useMemo(()=>data?.map((series, index)=>({
                 id: index,
-                source: [
-                    ...values
-                ],
                 dimensions: [
                     'time',
                     'value'
-                ]
-            });
-        });
+                ],
+                // ECharts treats null as missing data; no per-point conversion/copy is needed.
+                source: series.values
+            })) ?? [], [
+        data
+    ]);
+    const option = useMemo(()=>{
+        // The "chart" `noDataVariant` is only used when the `timeSeries` is an
+        // empty array because a `null` value will throw an error.
+        if (data === null || data.length === 0 && noDataVariant === 'message') return noDataOption;
         const updatedSeriesMapping = enablePinning && pinnedCrosshair !== null ? [
             ...seriesMapping,
             pinnedCrosshair,
-            ...annotationSeries
+            ...annotationSeries,
+            ...exemplarSeries
         ] : [
             ...seriesMapping,
-            ...annotationSeries
+            ...annotationSeries,
+            ...exemplarSeries
         ];
         const option = {
             dataset: dataset,
@@ -243,8 +287,10 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
         return option;
     }, [
         data,
+        dataset,
         seriesMapping,
         annotationSeries,
+        exemplarSeries,
         timeScale,
         yAxis,
         format,
@@ -270,6 +316,12 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
                 }
             }
         }
+        // A pinned exemplar tooltip is also unpinned when a tooltip is pinned in another chart,
+        // unless it is the one just pinned by this chart at these exact coordinates.
+        if (pinnedExemplarPos !== null && lastTooltipPinnedCoords !== null && !isEqual(lastTooltipPinnedCoords, pinnedExemplarPos)) {
+            setPinnedExemplar(null);
+            setPinnedExemplarPos(null);
+        }
     // tooltipPinnedCoords CANNOT be in dep array or tooltip pinning breaks in the current chart's onClick
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
@@ -277,6 +329,7 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
         seriesMapping
     ]);
     return /*#__PURE__*/ _jsxs(Box, {
+        ref: containerRef,
         style: {
             height
         },
@@ -285,6 +338,51 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
         //   e.preventDefault(); // Prevent the default behaviour when right clicked
         // }}
         onClick: (e)=>{
+            // Allows user to opt-in to multi tooltip pinning when Ctrl or Cmd key held down
+            const isControlKeyPressed = e.ctrlKey || e.metaKey;
+            if (isControlKeyPressed) {
+                e.preventDefault();
+            }
+            // If clicking while hovering an exemplar marker, toggle the exemplar tooltip pin
+            // instead of pinning the TimeChartTooltip. Pinning an exemplar tooltip unpins the
+            // pinned TimeChartTooltip, so only one tooltip stays pinned at a time unless
+            // Ctrl or Cmd is held down.
+            if (hoveredExemplar !== null && e.target instanceof HTMLCanvasElement) {
+                const pinnedPos = {
+                    page: {
+                        x: e.pageX,
+                        y: e.pageY
+                    },
+                    client: {
+                        x: e.clientX,
+                        y: e.clientY
+                    },
+                    plotCanvas: {
+                        x: e.nativeEvent.offsetX,
+                        y: e.nativeEvent.offsetY
+                    },
+                    target: e.target
+                };
+                const isUnpinClick = pinnedExemplar !== null && pinnedExemplar.exemplar === hoveredExemplar.exemplar;
+                // Compute the next state first and call the setters separately: updater functions
+                // may run more than once (e.g. StrictMode), so they must stay side-effect free.
+                setPinnedExemplar(isUnpinClick ? null : hoveredExemplar);
+                setPinnedExemplarPos(isUnpinClick ? null : pinnedPos);
+                if (!isUnpinClick && !isControlKeyPressed) {
+                    // Unpin the pinned TimeChartTooltip and let adjacent charts know a tooltip is
+                    // pinned at these coordinates, so only one tooltip is pinned at a time.
+                    setTooltipPinnedCoords(null);
+                    setPinnedCrosshair(null);
+                    setLastTooltipPinnedCoords(pinnedPos);
+                }
+                return;
+            }
+            // Unpin a pinned exemplar tooltip when clicking elsewhere on the chart canvas,
+            // so the same click can pin the TimeChartTooltip instead. Ctrl or Cmd keeps both.
+            if (pinnedExemplar !== null && !isControlKeyPressed && e.target instanceof HTMLCanvasElement) {
+                setPinnedExemplar(null);
+                setPinnedExemplarPos(null);
+            }
             // If clicking while hovering an annotation, toggle the annotation tooltip pin
             // instead of pinning the TimeChartTooltip, so pinned TimeChartTooltip is preserved.
             if (hoveredAnnotation !== null && e.target instanceof HTMLCanvasElement) {
@@ -313,11 +411,6 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
                 });
                 return;
             }
-            // Allows user to opt-in to multi tooltip pinning when Ctrl or Cmd key held down
-            const isControlKeyPressed = e.ctrlKey || e.metaKey;
-            if (isControlKeyPressed) {
-                e.preventDefault();
-            }
             // Determine where on chart canvas to plot pinned crosshair as markLine.
             const pointInGrid = getPointInGrid(e.nativeEvent.offsetX, e.nativeEvent.offsetY, chartRef.current);
             if (pointInGrid === null) {
@@ -388,6 +481,28 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
                 return;
             }
             const { clientX } = e;
+            // ECharts does not reliably emit mouseout when the cursor moves off an exemplar marker
+            // onto the plain plot area, which would keep the exemplar tooltip stuck on screen and
+            // hide the regular TimeChartTooltip. Clear the hovered exemplar as soon as the cursor
+            // is no longer within its marker, so the next hover can take over.
+            setHoveredExemplar((current)=>{
+                if (current === null || chartRef.current === undefined) return current;
+                let markerPixel;
+                try {
+                    // Use the plotted value so negated markers (negativeY) are tracked correctly.
+                    markerPixel = chartRef.current.convertToPixel('grid', [
+                        current.exemplar.timestamp,
+                        current.plottedValue
+                    ]);
+                } catch  {
+                    // Coordinates cannot be resolved (e.g. grid not ready yet), keep the current hover.
+                    return current;
+                }
+                const [markerPixelX, markerPixelY] = markerPixel ?? [];
+                if (markerPixelX === undefined || markerPixelY === undefined) return current;
+                const distance = Math.hypot(e.nativeEvent.offsetX - markerPixelX, e.nativeEvent.offsetY - markerPixelY);
+                return distance <= EXEMPLAR_HOVER_RADIUS ? current : null;
+            });
             if (isDragging) {
                 const deltaX = clientX - startX;
                 if (deltaX > 0) {
@@ -405,8 +520,9 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
             if (tooltipPinnedCoords === null) {
                 setShowTooltip(false);
             }
-            // Defensive: clear hovered annotation in case ECharts missed a mouseout event.
+            // Defensive: clear hovered annotation and exemplar in case ECharts missed a mouseout event.
             setHoveredAnnotation(null);
+            setHoveredExemplar(null);
             if (chartRef.current !== undefined) {
                 clearHighlightedSeries(chartRef.current);
             }
@@ -429,7 +545,7 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
             }
         },
         children: [
-            showTooltip === true && (tooltipPinnedCoords !== null || hoveredAnnotation === null) && option.tooltip?.showContent === false && tooltipConfig.hidden !== true && /*#__PURE__*/ _jsx(TimeChartTooltip, {
+            showTooltip === true && (tooltipPinnedCoords !== null || pinnedExemplar === null && hoveredAnnotation === null && hoveredExemplar === null) && option.tooltip?.showContent === false && tooltipConfig.hidden !== true && /*#__PURE__*/ _jsx(TimeChartTooltip, {
                 containerId: chartsTheme.tooltipPortalContainerId,
                 chartRef: chartRef,
                 data: data,
@@ -446,6 +562,18 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
                     setPinnedCrosshair(null);
                 }
             }),
+            (pinnedExemplar !== null || hoveredExemplar !== null && tooltipPinnedCoords === null) && /*#__PURE__*/ _jsx(ExemplarMetadataTooltip, {
+                exemplar: (pinnedExemplar ?? hoveredExemplar).exemplar,
+                seriesLabels: (pinnedExemplar ?? hoveredExemplar).seriesLabels,
+                containerId: chartsTheme.tooltipPortalContainerId,
+                format: format,
+                pinnedPos: pinnedExemplar !== null ? pinnedExemplarPos : null,
+                enablePinning: isPinningEnabled,
+                onUnpinClick: ()=>{
+                    setPinnedExemplar(null);
+                    setPinnedExemplarPos(null);
+                }
+            }),
             (pinnedAnnotation ?? hoveredAnnotation) && /*#__PURE__*/ _jsx(AnnotationTooltip, {
                 annotation: pinnedAnnotation ?? hoveredAnnotation,
                 containerId: chartsTheme.tooltipPortalContainerId,
@@ -458,10 +586,7 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
                 }
             }),
             /*#__PURE__*/ _jsx(EChart, {
-                sx: {
-                    width: '100%',
-                    height: '100%'
-                },
+                sx: CHART_SX,
                 option: option,
                 theme: chartsTheme.echartsTheme,
                 onEvents: handleEvents,

package/lib/TimeSeriesChartBase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TimeSeriesChartBase.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Box } from '@mui/material';\nimport type {\n  ChartInstance,\n  ChartInstanceFocusOpts,\n  CursorCoordinates,\n  FormatOptions,\n  OnEventsType,\n  TimeChartSeriesMapping,\n  TooltipConfig,\n  ZoomEventData,\n} from '@perses-dev/components';\nimport {\n  clearHighlightedSeries,\n  DEFAULT_PINNED_CROSSHAIR,\n  DEFAULT_TOOLTIP_CONFIG,\n  EChart,\n  enableDataZoom,\n  getClosestTimestamp,\n  getCommonTimeScale,\n  getFormattedAxis,\n  getPointInGrid,\n  restoreChart,\n  TimeChartTooltip,\n  useChartsContext,\n  useTimeZone,\n} from '@perses-dev/components';\nimport type { TimeScale, TimeSeries } from '@perses-dev/spec';\nimport type {\n  DatasetComponentOption as DatasetOption,\n  EChartsCoreOption,\n  GridComponentOption,\n  LineSeriesOption,\n  YAXisComponentOption,\n  TooltipComponentOption,\n} from 'echarts';\nimport { LineChart as EChartsLineChart, BarChart as EChartsBarChart } from 'echarts/charts';\nimport {\n  GridComponent,\n  DatasetComponent,\n  DataZoomComponent,\n  MarkAreaComponent,\n  MarkLineComponent,\n  MarkPointComponent,\n  TitleComponent,\n  ToolboxComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport type { ECharts as EChartsInstance } from 'echarts/core';\nimport { use as registerECharts } from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport isEqual from 'lodash/isEqual';\nimport merge from 'lodash/merge';\nimport type { MouseEvent } from 'react';\nimport { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\n\nimport { AnnotationTooltip, buildAnnotationSeries } from './annotations/AnnotationTooltip';\nimport type { TimeSeriesAnnotation } from './utils/annotation';\nimport { createTimezoneAwareAxisFormatter } from './utils/timezone-formatter';\n\nregisterECharts([\n  EChartsLineChart,\n  EChartsBarChart,\n  GridComponent,\n  DatasetComponent,\n  DataZoomComponent,\n  MarkAreaComponent,\n  MarkLineComponent,\n  MarkPointComponent,\n  TitleComponent,\n  ToolboxComponent,\n  TooltipComponent,\n  CanvasRenderer,\n]);\n\nexport interface TimeChartProps {\n  height: number;\n  data: TimeSeries[];\n  seriesMapping: TimeChartSeriesMapping;\n  annotations?: TimeSeriesAnnotation[];\n  timeScale?: TimeScale;\n  yAxis?: YAXisComponentOption | YAXisComponentOption[];\n  format?: FormatOptions;\n  /**\n   * Map of series ID to format options, used for tooltip formatting when series have different units\n   */\n  seriesFormatMap?: Map<string, FormatOptions>;\n  grid?: GridComponentOption;\n  tooltipConfig?: TooltipConfig;\n  noDataVariant?: 'chart' | 'message';\n  syncGroup?: string;\n  isStackedBar?: boolean;\n  onDataZoom?: (e: ZoomEventData) => void;\n  onDoubleClick?: (e: MouseEvent) => void;\n  __experimentalEChartsOptionsOverride?: (options: EChartsCoreOption) => EChartsCoreOption;\n}\n\nexport const TimeSeriesChartBase = forwardRef<ChartInstance, TimeChartProps>(function TimeChart(\n  {\n    height,\n    data,\n    seriesMapping,\n    annotations,\n    timeScale: timeScaleProp,\n    yAxis,\n    format,\n    seriesFormatMap,\n    grid,\n    isStackedBar = false,\n    tooltipConfig = DEFAULT_TOOLTIP_CONFIG,\n    noDataVariant = 'message',\n    syncGroup,\n    onDataZoom,\n    onDoubleClick,\n    __experimentalEChartsOptionsOverride,\n  },\n  ref,\n) {\n  const { chartsTheme, enablePinning, enableSyncGrouping, lastTooltipPinnedCoords, setLastTooltipPinnedCoords } =\n    useChartsContext();\n  const isPinningEnabled = tooltipConfig.enablePinning && enablePinning;\n  const chartRef = useRef<EChartsInstance>();\n  const [showTooltip, setShowTooltip] = useState<boolean>(true);\n  const [tooltipPinnedCoords, setTooltipPinnedCoords] = useState<CursorCoordinates | null>(null);\n  const [pinnedCrosshair, setPinnedCrosshair] = useState<LineSeriesOption | null>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const [startX, setStartX] = useState(0);\n  const [hoveredAnnotation, setHoveredAnnotation] = useState<TimeSeriesAnnotation | null>(null);\n  const [pinnedAnnotation, setPinnedAnnotation] = useState<TimeSeriesAnnotation | null>(null);\n  const [pinnedAnnotationPos, setPinnedAnnotationPos] = useState<CursorCoordinates | null>(null);\n  const { timeZone, formatWithUserTimeZone } = useTimeZone();\n\n  const getTimezoneAwareAxisFormatter = useCallback(\n    (rangeMs: number): ((value: number) => string) => createTimezoneAwareAxisFormatter(rangeMs, timeZone),\n    [timeZone],\n  );\n\n  let timeScale: TimeScale;\n  if (timeScaleProp === undefined) {\n    const commonTimeScale = getCommonTimeScale(data);\n    if (commonTimeScale === undefined) {\n      // set default to past 5 years\n      const today = new Date();\n      const pastDate = new Date(today);\n      pastDate.setFullYear(today.getFullYear() - 5);\n      const todayMs = today.getTime();\n      const pastDateMs = pastDate.getTime();\n      timeScale = { startMs: pastDateMs, endMs: todayMs, stepMs: 1, rangeMs: todayMs - pastDateMs };\n    } else {\n      timeScale = commonTimeScale;\n    }\n  } else {\n    timeScale = timeScaleProp;\n  }\n\n  useImperativeHandle(ref, () => {\n    return {\n      highlightSeries({ name }: ChartInstanceFocusOpts): void {\n        if (!chartRef.current) {\n          // when chart undef, do not highlight series when hovering over legend\n          return;\n        }\n\n        chartRef.current.dispatchAction({ type: 'highlight', seriesId: name });\n      },\n      clearHighlightedSeries: (): void => {\n        if (!chartRef.current) {\n          // when chart undef, do not clear highlight series\n          return;\n        }\n        clearHighlightedSeries(chartRef.current);\n      },\n    };\n  }, []);\n\n  const handleEvents: OnEventsType<LineSeriesOption['data'] | unknown> = useMemo(() => {\n    return {\n      datazoom: (params): void => {\n        if (onDataZoom === undefined) {\n          setTimeout(() => {\n            // workaround so unpin happens after click event\n            setTooltipPinnedCoords(null);\n          }, 10);\n        }\n        if (onDataZoom === undefined || params.batch[0] === undefined) return;\n        const xAxisStartValue = params.batch[0].startValue;\n        const xAxisEndValue = params.batch[0].endValue;\n        if (xAxisStartValue !== undefined && xAxisEndValue !== undefined) {\n          const zoomEvent: ZoomEventData = {\n            start: xAxisStartValue,\n            end: xAxisEndValue,\n          };\n          onDataZoom(zoomEvent);\n        }\n      },\n      finished: (): void => {\n        if (chartRef.current !== undefined) {\n          enableDataZoom(chartRef.current);\n        }\n      },\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      mouseover: (params: any): void => {\n        // Only markPoint (triangles under the X-axis) opens the annotation tooltip.\n        // Hovering markLine or anything else keeps the regular TimeSeries tooltip visible\n        // and clears any stale hovered annotation (mouseout is sometimes missed by ECharts).\n        if (annotations && params.componentType === 'markPoint' && params.data?.annotationIndex !== undefined) {\n          const matchedAnnotation = annotations[params.data.annotationIndex] || null;\n          if (matchedAnnotation) {\n            setHoveredAnnotation(matchedAnnotation);\n            return;\n          }\n        }\n        setHoveredAnnotation(null);\n      },\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      mouseout: (params: any): void => {\n        if (\n          annotations &&\n          params.componentType === 'markPoint' &&\n          params.data?.annotationIndex !== undefined &&\n          annotations\n        ) {\n          // Only clear if the mouseout corresponds to the currently hovered annotation, so that\n          // a quick move from one markPoint to another isn't cancelled by a late mouseout event.\n          const leaving = annotations[params.data.annotationIndex] || null;\n          setHoveredAnnotation((current) => (current === leaving ? null : current));\n        }\n      },\n      globalout: (): void => {\n        if (annotations) {\n          // Cursor left the chart canvas — guarantee the annotation tooltip is dismissed.\n          setHoveredAnnotation(null);\n        }\n      },\n    };\n  }, [annotations, onDataZoom]);\n\n  // Generate annotation series for ECharts markArea (range), markLine (point), and markPoint (markers under X-axis)\n  const annotationSeries = useMemo(() => buildAnnotationSeries(annotations), [annotations]);\n\n  const { noDataOption } = chartsTheme;\n\n  const option: EChartsCoreOption = useMemo(() => {\n    // The \"chart\" `noDataVariant` is only used when the `timeSeries` is an\n    // empty array because a `null` value will throw an error.\n    if (data === null || (data.length === 0 && noDataVariant === 'message')) return noDataOption;\n\n    // Utilizes ECharts dataset so raw data is separate from series option style properties\n    // https://apache.github.io/echarts-handbook/en/concepts/dataset/\n    const dataset: DatasetOption[] = [];\n    data.map((d, index) => {\n      const values = d.values.map(([timestamp, value]) => {\n        const val: string | number = value === null ? '-' : value; // echarts use '-' to represent null data\n        return [timestamp, val];\n      });\n      dataset.push({ id: index, source: [...values], dimensions: ['time', 'value'] });\n    });\n\n    const updatedSeriesMapping =\n      enablePinning && pinnedCrosshair !== null\n        ? [...seriesMapping, pinnedCrosshair, ...annotationSeries]\n        : [...seriesMapping, ...annotationSeries];\n\n    const option: EChartsCoreOption = {\n      dataset: dataset,\n      series: updatedSeriesMapping,\n      xAxis: {\n        type: 'time',\n        min: timeScale.startMs,\n        max: timeScale.endMs,\n        axisLabel: {\n          hideOverlap: true,\n          formatter: getTimezoneAwareAxisFormatter(timeScale.rangeMs ?? 0),\n        },\n        axisPointer: {\n          snap: false, // important so shared crosshair does not lag\n        },\n      },\n      // If yAxis is already an array (multiple Y axes), use it directly; otherwise use getFormattedAxis\n      yAxis: Array.isArray(yAxis) ? yAxis : getFormattedAxis(yAxis, format),\n      animation: false,\n      tooltip: {\n        show: true,\n        // ECharts tooltip content hidden by default since we use custom tooltip instead.\n        // Stacked bar uses ECharts tooltip so subgroup data shows correctly.\n        showContent: isStackedBar,\n        trigger: isStackedBar ? 'item' : 'axis',\n        appendToBody: isStackedBar,\n      },\n      // https://echarts.apache.org/en/option.html#axisPointer\n      axisPointer: {\n        type: 'line',\n        z: 0, // ensure point symbol shows on top of dashed line\n        triggerEmphasis: false, // https://github.com/apache/echarts/issues/18495\n        triggerTooltip: false,\n        snap: false, // xAxis.axisPointer.snap takes priority\n      },\n      toolbox: {\n        feature: {\n          dataZoom: {\n            icon: null, // https://stackoverflow.com/a/67684076/17575201\n            yAxisIndex: 'none',\n          },\n        },\n      },\n      grid,\n    };\n\n    if (__experimentalEChartsOptionsOverride) {\n      return __experimentalEChartsOptionsOverride(option);\n    }\n\n    return option;\n  }, [\n    data,\n    seriesMapping,\n    annotationSeries,\n    timeScale,\n    yAxis,\n    format,\n    grid,\n    noDataOption,\n    __experimentalEChartsOptionsOverride,\n    noDataVariant,\n    isStackedBar,\n    enablePinning,\n    pinnedCrosshair,\n    getTimezoneAwareAxisFormatter,\n  ]);\n\n  // Update adjacent charts so tooltip is unpinned when current chart is clicked.\n  useEffect(() => {\n    // Only allow pinning one tooltip at a time, subsequent tooltip click unpins previous.\n    // Multiple tooltips can only be pinned if Ctrl or Cmd key is pressed while clicking.\n    const multipleTooltipsPinned = tooltipPinnedCoords !== null && lastTooltipPinnedCoords !== null;\n    if (multipleTooltipsPinned) {\n      if (!isEqual(lastTooltipPinnedCoords, tooltipPinnedCoords)) {\n        setTooltipPinnedCoords(null);\n        if (tooltipPinnedCoords !== null && pinnedCrosshair !== null) {\n          setPinnedCrosshair(null);\n        }\n      }\n    }\n    // tooltipPinnedCoords CANNOT be in dep array or tooltip pinning breaks in the current chart's onClick\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lastTooltipPinnedCoords, seriesMapping]);\n\n  return (\n    <Box\n      style={{ height }}\n      // onContextMenu={(e) => {\n      //   // TODO: confirm tooltip pinning works correctly on Windows, should e.preventDefault() be added here\n      //   e.preventDefault(); // Prevent the default behaviour when right clicked\n      // }}\n      onClick={(e) => {\n        // If clicking while hovering an annotation, toggle the annotation tooltip pin\n        // instead of pinning the TimeChartTooltip, so pinned TimeChartTooltip is preserved.\n        if (hoveredAnnotation !== null && e.target instanceof HTMLCanvasElement) {\n          const pinnedPos: CursorCoordinates = {\n            page: { x: e.pageX, y: e.pageY },\n            client: { x: e.clientX, y: e.clientY },\n            plotCanvas: { x: e.nativeEvent.offsetX, y: e.nativeEvent.offsetY },\n            target: e.target,\n          };\n          setPinnedAnnotation((current) => {\n            if (current === hoveredAnnotation) {\n              setPinnedAnnotationPos(null);\n              return null;\n            }\n            setPinnedAnnotationPos(pinnedPos);\n            return hoveredAnnotation;\n          });\n          return;\n        }\n\n        // Allows user to opt-in to multi tooltip pinning when Ctrl or Cmd key held down\n        const isControlKeyPressed = e.ctrlKey || e.metaKey;\n        if (isControlKeyPressed) {\n          e.preventDefault();\n        }\n\n        // Determine where on chart canvas to plot pinned crosshair as markLine.\n        const pointInGrid = getPointInGrid(e.nativeEvent.offsetX, e.nativeEvent.offsetY, chartRef.current);\n        if (pointInGrid === null) {\n          return;\n        }\n\n        // Pin and unpin when clicking on chart canvas but not tooltip text.\n        if (isPinningEnabled && e.target instanceof HTMLCanvasElement) {\n          // Pin tooltip and update shared charts context to remember these coordinates.\n          const pinnedPos: CursorCoordinates = {\n            page: {\n              x: e.pageX,\n              y: e.pageY,\n            },\n            client: {\n              x: e.clientX,\n              y: e.clientY,\n            },\n            plotCanvas: {\n              x: e.nativeEvent.offsetX,\n              y: e.nativeEvent.offsetY,\n            },\n            target: e.target,\n          };\n\n          setTooltipPinnedCoords((current) => {\n            if (current === null) {\n              return pinnedPos;\n            } else {\n              setPinnedCrosshair(null);\n              return null;\n            }\n          });\n\n          setPinnedCrosshair((current) => {\n            // Only add pinned crosshair line series when there is not one already in seriesMapping.\n            if (current === null) {\n              const cursorX = pointInGrid[0];\n\n              // Only need to loop through first dataset source since getCommonTimeScale ensures xAxis timestamps are consistent\n              const firstTimeSeriesValues = data[0]?.values;\n              const closestTimestamp = getClosestTimestamp(firstTimeSeriesValues, cursorX);\n\n              // Crosshair snaps to nearest timestamp since cursor may be slightly to left or right\n              const pinnedCrosshair = merge({}, DEFAULT_PINNED_CROSSHAIR, {\n                markLine: {\n                  data: [\n                    {\n                      xAxis: closestTimestamp,\n                    },\n                  ],\n                },\n              } as LineSeriesOption);\n              return pinnedCrosshair;\n            } else {\n              // Clear previously set pinned crosshair\n              return null;\n            }\n          });\n\n          if (!isControlKeyPressed) {\n            setLastTooltipPinnedCoords(pinnedPos);\n          }\n        }\n      }}\n      onMouseDown={(e) => {\n        const { clientX } = e;\n        setIsDragging(true);\n        setStartX(clientX);\n      }}\n      onMouseMove={(e) => {\n        // Allow clicking inside tooltip to copy labels.\n        if (!(e.target instanceof HTMLCanvasElement)) {\n          return;\n        }\n        const { clientX } = e;\n        if (isDragging) {\n          const deltaX = clientX - startX;\n          if (deltaX > 0) {\n            // Hide tooltip when user drags to zoom.\n            setShowTooltip(false);\n          }\n        }\n      }}\n      onMouseUp={() => {\n        setIsDragging(false);\n        setStartX(0);\n        setShowTooltip(true);\n      }}\n      onMouseLeave={() => {\n        if (tooltipPinnedCoords === null) {\n          setShowTooltip(false);\n        }\n        // Defensive: clear hovered annotation in case ECharts missed a mouseout event.\n        setHoveredAnnotation(null);\n        if (chartRef.current !== undefined) {\n          clearHighlightedSeries(chartRef.current);\n        }\n      }}\n      onMouseEnter={() => {\n        setShowTooltip(true);\n        if (chartRef.current !== undefined) {\n          enableDataZoom(chartRef.current);\n        }\n      }}\n      onDoubleClick={(e) => {\n        setTooltipPinnedCoords(null);\n        // either dispatch ECharts restore action to return to orig state or allow consumer to define behavior\n        if (onDoubleClick === undefined) {\n          if (chartRef.current !== undefined) {\n            restoreChart(chartRef.current);\n          }\n        } else {\n          onDoubleClick(e);\n        }\n      }}\n    >\n      {/* Allows overrides prop to hide custom tooltip and use the ECharts option.tooltip instead.\n          Keep the time chart tooltip visible when pinned even if user hovers an annotation. */}\n      {showTooltip === true &&\n        (tooltipPinnedCoords !== null || hoveredAnnotation === null) &&\n        (option.tooltip as TooltipComponentOption)?.showContent === false &&\n        tooltipConfig.hidden !== true && (\n          <TimeChartTooltip\n            containerId={chartsTheme.tooltipPortalContainerId}\n            chartRef={chartRef}\n            data={data}\n            seriesMapping={seriesMapping}\n            wrapLabels={tooltipConfig.wrapLabels}\n            enablePinning={isPinningEnabled}\n            pinnedPos={tooltipPinnedCoords}\n            format={format}\n            seriesFormatMap={seriesFormatMap}\n            onUnpinClick={() => {\n              // Unpins tooltip when clicking Pin icon in TooltipHeader.\n              setTooltipPinnedCoords(null);\n              // Clear previously set pinned crosshair.\n              setPinnedCrosshair(null);\n            }}\n          />\n        )}\n      {/* Pinned annotation takes priority over hovered. */}\n      {(pinnedAnnotation ?? hoveredAnnotation) && (\n        <AnnotationTooltip\n          annotation={(pinnedAnnotation ?? hoveredAnnotation) as TimeSeriesAnnotation}\n          containerId={chartsTheme.tooltipPortalContainerId}\n          formatWithUserTimeZone={formatWithUserTimeZone}\n          pinnedPos={pinnedAnnotation !== null ? pinnedAnnotationPos : null}\n          enablePinning={isPinningEnabled}\n          onUnpinClick={() => {\n            setPinnedAnnotation(null);\n            setPinnedAnnotationPos(null);\n          }}\n        />\n      )}\n      <EChart\n        sx={{\n          width: '100%',\n          height: '100%',\n        }}\n        option={option}\n        theme={chartsTheme.echartsTheme}\n        onEvents={handleEvents}\n        _instance={chartRef}\n        syncGroup={enableSyncGrouping ? syncGroup : undefined}\n      />\n    </Box>\n  );\n});\n"],"names":["Box","clearHighlightedSeries","DEFAULT_PINNED_CROSSHAIR","DEFAULT_TOOLTIP_CONFIG","EChart","enableDataZoom","getClosestTimestamp","getCommonTimeScale","getFormattedAxis","getPointInGrid","restoreChart","TimeChartTooltip","useChartsContext","useTimeZone","LineChart","EChartsLineChart","BarChart","EChartsBarChart","GridComponent","DatasetComponent","DataZoomComponent","MarkAreaComponent","MarkLineComponent","MarkPointComponent","TitleComponent","ToolboxComponent","TooltipComponent","use","registerECharts","CanvasRenderer","isEqual","merge","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","AnnotationTooltip","buildAnnotationSeries","createTimezoneAwareAxisFormatter","TimeSeriesChartBase","TimeChart","height","data","seriesMapping","annotations","timeScale","timeScaleProp","yAxis","format","seriesFormatMap","grid","isStackedBar","tooltipConfig","noDataVariant","syncGroup","onDataZoom","onDoubleClick","__experimentalEChartsOptionsOverride","ref","chartsTheme","enablePinning","enableSyncGrouping","lastTooltipPinnedCoords","setLastTooltipPinnedCoords","isPinningEnabled","chartRef","showTooltip","setShowTooltip","tooltipPinnedCoords","setTooltipPinnedCoords","pinnedCrosshair","setPinnedCrosshair","isDragging","setIsDragging","startX","setStartX","hoveredAnnotation","setHoveredAnnotation","pinnedAnnotation","setPinnedAnnotation","pinnedAnnotationPos","setPinnedAnnotationPos","timeZone","formatWithUserTimeZone","getTimezoneAwareAxisFormatter","rangeMs","undefined","commonTimeScale","today","Date","pastDate","setFullYear","getFullYear","todayMs","getTime","pastDateMs","startMs","endMs","stepMs","highlightSeries","name","current","dispatchAction","type","seriesId","handleEvents","datazoom","params","setTimeout","batch","xAxisStartValue","startValue","xAxisEndValue","endValue","zoomEvent","start","end","finished","mouseover","componentType","annotationIndex","matchedAnnotation","mouseout","leaving","globalout","annotationSeries","noDataOption","option","length","dataset","map","d","index","values","timestamp","value","val","push","id","source","dimensions","updatedSeriesMapping","series","xAxis","min","max","axisLabel","hideOverlap","formatter","axisPointer","snap","Array","isArray","animation","tooltip","show","showContent","trigger","appendToBody","z","triggerEmphasis","triggerTooltip","toolbox","feature","dataZoom","icon","yAxisIndex","multipleTooltipsPinned","style","onClick","e","target","HTMLCanvasElement","pinnedPos","page","x","pageX","y","pageY","client","clientX","clientY","plotCanvas","nativeEvent","offsetX","offsetY","isControlKeyPressed","ctrlKey","metaKey","preventDefault","pointInGrid","cursorX","firstTimeSeriesValues","closestTimestamp","markLine","onMouseDown","onMouseMove","deltaX","onMouseUp","onMouseLeave","onMouseEnter","hidden","containerId","tooltipPortalContainerId","wrapLabels","onUnpinClick","annotation","sx","width","theme","echartsTheme","onEvents","_instance"],"mappings":"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"}
+{"version":3,"sources":["../../src/TimeSeriesChartBase.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Box } from '@mui/material';\nimport type {\n  ChartInstance,\n  ChartInstanceFocusOpts,\n  CursorCoordinates,\n  FormatOptions,\n  OnEventsType,\n  TimeChartSeriesMapping,\n  TooltipConfig,\n  ZoomEventData,\n} from '@perses-dev/components';\nimport {\n  clearHighlightedSeries,\n  DEFAULT_PINNED_CROSSHAIR,\n  DEFAULT_TOOLTIP_CONFIG,\n  EChart,\n  enableDataZoom,\n  ExemplarMetadataTooltip,\n  getClosestTimestamp,\n  getCommonTimeScale,\n  getFormattedAxis,\n  getPointInGrid,\n  restoreChart,\n  TimeChartTooltip,\n  useChartsContext,\n  useTimeZone,\n} from '@perses-dev/components';\nimport type { Exemplar, Labels, TimeScale, TimeSeries } from '@perses-dev/spec';\nimport type {\n  DatasetComponentOption as DatasetOption,\n  EChartsCoreOption,\n  GridComponentOption,\n  LineSeriesOption,\n  YAXisComponentOption,\n  TooltipComponentOption,\n} from 'echarts';\nimport {\n  LineChart as EChartsLineChart,\n  BarChart as EChartsBarChart,\n  ScatterChart as EChartsScatterChart,\n} from 'echarts/charts';\nimport {\n  GridComponent,\n  DatasetComponent,\n  DataZoomComponent,\n  MarkAreaComponent,\n  MarkLineComponent,\n  MarkPointComponent,\n  TitleComponent,\n  ToolboxComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport type { ECharts as EChartsInstance } from 'echarts/core';\nimport { use as registerECharts } from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport isEqual from 'lodash/isEqual';\nimport merge from 'lodash/merge';\nimport type { MouseEvent } from 'react';\nimport { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport useResizeObserver from 'use-resize-observer';\n\nimport { AnnotationTooltip, buildAnnotationSeries } from './annotations/AnnotationTooltip';\nimport type { TimeSeriesAnnotation } from './utils/annotation';\nimport type { ExemplarChartData } from './utils/data-transform';\nimport { EXEMPLAR_SERIES_ID_PREFIX, EXEMPLAR_SYMBOL_SIZE, getExemplarSeries } from './utils/data-transform';\nimport { createTimezoneAwareAxisFormatter } from './utils/timezone-formatter';\n\nregisterECharts([\n  EChartsLineChart,\n  EChartsBarChart,\n  EChartsScatterChart,\n  GridComponent,\n  DatasetComponent,\n  DataZoomComponent,\n  MarkAreaComponent,\n  MarkLineComponent,\n  MarkPointComponent,\n  TitleComponent,\n  ToolboxComponent,\n  TooltipComponent,\n  CanvasRenderer,\n]);\n\ninterface HoveredExemplar {\n  exemplar: Exemplar;\n  seriesLabels?: Labels;\n  /**\n   * The Y value actually plotted for the marker. Differs from `exemplar.value` when the\n   * matching series is rendered with the negativeY transform (value negated for display).\n   */\n  plottedValue: number;\n}\n\n/**\n * Maximum pixel distance from an exemplar marker center for the cursor to count as still\n * hovering it (covers the full diamond bounding box, corners included).\n */\nconst EXEMPLAR_HOVER_RADIUS = (Math.SQRT2 * EXEMPLAR_SYMBOL_SIZE) / 2;\n\nconst CHART_SX = { width: '100%', height: '100%' };\n\nexport interface TimeChartProps {\n  height: number;\n  data: TimeSeries[];\n  seriesMapping: TimeChartSeriesMapping;\n  /** All exemplar groups; only groups matching a visible series are rendered. */\n  exemplars?: ExemplarChartData[];\n  annotations?: TimeSeriesAnnotation[];\n  timeScale?: TimeScale;\n  yAxis?: YAXisComponentOption | YAXisComponentOption[];\n  format?: FormatOptions;\n  /**\n   * Map of series ID to format options, used for tooltip formatting when series have different units\n   */\n  seriesFormatMap?: Map<string, FormatOptions>;\n  grid?: GridComponentOption;\n  tooltipConfig?: TooltipConfig;\n  noDataVariant?: 'chart' | 'message';\n  syncGroup?: string;\n  isStackedBar?: boolean;\n  onDataZoom?: (e: ZoomEventData) => void;\n  onDoubleClick?: (e: MouseEvent) => void;\n  __experimentalEChartsOptionsOverride?: (options: EChartsCoreOption) => EChartsCoreOption;\n}\n\nexport const TimeSeriesChartBase = forwardRef<ChartInstance, TimeChartProps>(function TimeChart(\n  {\n    height,\n    data,\n    seriesMapping,\n    exemplars,\n    annotations,\n    timeScale: timeScaleProp,\n    yAxis,\n    format,\n    seriesFormatMap,\n    grid,\n    isStackedBar = false,\n    tooltipConfig = DEFAULT_TOOLTIP_CONFIG,\n    noDataVariant = 'message',\n    syncGroup,\n    onDataZoom,\n    onDoubleClick,\n    __experimentalEChartsOptionsOverride,\n  },\n  ref,\n) {\n  const { chartsTheme, enablePinning, enableSyncGrouping, lastTooltipPinnedCoords, setLastTooltipPinnedCoords } =\n    useChartsContext();\n  const isPinningEnabled = tooltipConfig.enablePinning && enablePinning;\n  const chartRef = useRef<EChartsInstance>();\n  const [showTooltip, setShowTooltip] = useState<boolean>(true);\n  const [tooltipPinnedCoords, setTooltipPinnedCoords] = useState<CursorCoordinates | null>(null);\n  const [pinnedCrosshair, setPinnedCrosshair] = useState<LineSeriesOption | null>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const [startX, setStartX] = useState(0);\n  const [hoveredAnnotation, setHoveredAnnotation] = useState<TimeSeriesAnnotation | null>(null);\n  const [pinnedAnnotation, setPinnedAnnotation] = useState<TimeSeriesAnnotation | null>(null);\n  const [hoveredExemplar, setHoveredExemplar] = useState<HoveredExemplar | null>(null);\n  const [pinnedExemplar, setPinnedExemplar] = useState<HoveredExemplar | null>(null);\n  const [pinnedExemplarPos, setPinnedExemplarPos] = useState<CursorCoordinates | null>(null);\n  const [pinnedAnnotationPos, setPinnedAnnotationPos] = useState<CursorCoordinates | null>(null);\n  const { timeZone, formatWithUserTimeZone } = useTimeZone();\n\n  const getTimezoneAwareAxisFormatter = useCallback(\n    (rangeMs: number): ((value: number) => string) => createTimezoneAwareAxisFormatter(rangeMs, timeZone),\n    [timeZone],\n  );\n\n  const timeScale = useMemo((): TimeScale => {\n    if (timeScaleProp) return timeScaleProp;\n    const commonTimeScale = getCommonTimeScale(data);\n    if (commonTimeScale) return commonTimeScale;\n    // Set the empty chart's default range to the past five years.\n    const today = new Date();\n    const pastDate = new Date(today);\n    pastDate.setFullYear(today.getFullYear() - 5);\n    const startMs = pastDate.getTime();\n    const endMs = today.getTime();\n    return { startMs, endMs, stepMs: 1, rangeMs: endMs - startMs };\n  }, [data, timeScaleProp]);\n\n  // EChart resizes whenever its sx identity changes. Keep sx stable and observe\n  // actual container dimensions so hover/pinning never relayouts every series.\n  const handleResize = useCallback(({ width, height: containerHeight }: { width?: number; height?: number }): void => {\n    const chart = chartRef.current;\n    if (width && containerHeight && chart && (chart.getWidth() !== width || chart.getHeight() !== containerHeight)) {\n      chart.resize({ width, height: containerHeight });\n    }\n  }, []);\n  const { ref: containerRef } = useResizeObserver<HTMLDivElement>({ onResize: handleResize });\n\n  useImperativeHandle(ref, () => {\n    return {\n      highlightSeries({ name }: ChartInstanceFocusOpts): void {\n        if (!chartRef.current) {\n          // when chart undef, do not highlight series when hovering over legend\n          return;\n        }\n\n        chartRef.current.dispatchAction({ type: 'highlight', seriesId: name });\n      },\n      clearHighlightedSeries: (): void => {\n        if (!chartRef.current) {\n          // when chart undef, do not clear highlight series\n          return;\n        }\n        clearHighlightedSeries(chartRef.current);\n      },\n    };\n  }, []);\n\n  const handleEvents: OnEventsType<LineSeriesOption['data'] | unknown> = useMemo(() => {\n    return {\n      datazoom: (params): void => {\n        if (onDataZoom === undefined) {\n          setTimeout(() => {\n            // workaround so unpin happens after click event\n            setTooltipPinnedCoords(null);\n          }, 10);\n        }\n        if (onDataZoom === undefined || params.batch[0] === undefined) return;\n        const xAxisStartValue = params.batch[0].startValue;\n        const xAxisEndValue = params.batch[0].endValue;\n        if (xAxisStartValue !== undefined && xAxisEndValue !== undefined) {\n          const zoomEvent: ZoomEventData = {\n            start: xAxisStartValue,\n            end: xAxisEndValue,\n          };\n          onDataZoom(zoomEvent);\n        }\n      },\n      finished: (): void => {\n        if (chartRef.current !== undefined) {\n          enableDataZoom(chartRef.current);\n        }\n      },\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      mouseover: (params: any): void => {\n        if (\n          params.componentType === 'series' &&\n          params.seriesType === 'scatter' &&\n          typeof params.seriesId === 'string' &&\n          params.seriesId.startsWith(EXEMPLAR_SERIES_ID_PREFIX)\n        ) {\n          if (params.data?.exemplar) {\n            setHoveredExemplar({\n              exemplar: params.data.exemplar,\n              seriesLabels: params.data.seriesLabels,\n              plottedValue: params.data?.value?.[1] ?? params.data.exemplar.value,\n            });\n            return;\n          }\n        }\n        setHoveredExemplar(null);\n        // Only markPoint (triangles under the X-axis) opens the annotation tooltip.\n        // Hovering markLine or anything else keeps the regular TimeSeries tooltip visible\n        // and clears any stale hovered annotation (mouseout is sometimes missed by ECharts).\n        if (annotations && params.componentType === 'markPoint' && params.data?.annotationIndex !== undefined) {\n          const matchedAnnotation = annotations[params.data.annotationIndex] || null;\n          if (matchedAnnotation) {\n            setHoveredAnnotation(matchedAnnotation);\n            return;\n          }\n        }\n        setHoveredAnnotation(null);\n      },\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      mouseout: (params: any): void => {\n        if (\n          params.componentType === 'series' &&\n          params.seriesType === 'scatter' &&\n          typeof params.seriesId === 'string' &&\n          params.seriesId.startsWith(EXEMPLAR_SERIES_ID_PREFIX)\n        ) {\n          setHoveredExemplar(null);\n          return;\n        }\n        if (\n          annotations &&\n          params.componentType === 'markPoint' &&\n          params.data?.annotationIndex !== undefined &&\n          annotations\n        ) {\n          // Only clear if the mouseout corresponds to the currently hovered annotation, so that\n          // a quick move from one markPoint to another isn't cancelled by a late mouseout event.\n          const leaving = annotations[params.data.annotationIndex] || null;\n          setHoveredAnnotation((current) => (current === leaving ? null : current));\n        }\n      },\n      globalout: (): void => {\n        if (annotations) {\n          // Cursor left the chart canvas — guarantee the annotation tooltip is dismissed.\n          setHoveredAnnotation(null);\n        }\n        setHoveredExemplar(null);\n      },\n    };\n  }, [annotations, onDataZoom]);\n\n  // Generate annotation series for ECharts markArea (range), markLine (point), and markPoint (markers under X-axis)\n  const annotationSeries = useMemo(() => buildAnnotationSeries(annotations), [annotations]);\n\n  const preparedExemplarSeries = useMemo(() => exemplars?.map(getExemplarSeries) ?? [], [exemplars]);\n  const exemplarSeries = useMemo(() => {\n    const visibleIds = new Set(seriesMapping.map((series) => `${EXEMPLAR_SERIES_ID_PREFIX}${series.id}`));\n    return preparedExemplarSeries.filter((series) => visibleIds.has(String(series.id)));\n  }, [preparedExemplarSeries, seriesMapping]);\n\n  const { noDataOption } = chartsTheme;\n\n  // Reuse the dataset when pinning a crosshair or updating annotations/axes.\n  const dataset = useMemo<DatasetOption[]>(\n    () =>\n      data?.map((series, index) => ({\n        id: index,\n        dimensions: ['time', 'value'],\n        // ECharts treats null as missing data; no per-point conversion/copy is needed.\n        source: series.values,\n      })) ?? [],\n    [data],\n  );\n\n  const option: EChartsCoreOption = useMemo(() => {\n    // The \"chart\" `noDataVariant` is only used when the `timeSeries` is an\n    // empty array because a `null` value will throw an error.\n    if (data === null || (data.length === 0 && noDataVariant === 'message')) return noDataOption;\n\n    const updatedSeriesMapping =\n      enablePinning && pinnedCrosshair !== null\n        ? [...seriesMapping, pinnedCrosshair, ...annotationSeries, ...exemplarSeries]\n        : [...seriesMapping, ...annotationSeries, ...exemplarSeries];\n\n    const option: EChartsCoreOption = {\n      dataset: dataset,\n      series: updatedSeriesMapping,\n      xAxis: {\n        type: 'time',\n        min: timeScale.startMs,\n        max: timeScale.endMs,\n        axisLabel: {\n          hideOverlap: true,\n          formatter: getTimezoneAwareAxisFormatter(timeScale.rangeMs ?? 0),\n        },\n        axisPointer: {\n          snap: false, // important so shared crosshair does not lag\n        },\n      },\n      // If yAxis is already an array (multiple Y axes), use it directly; otherwise use getFormattedAxis\n      yAxis: Array.isArray(yAxis) ? yAxis : getFormattedAxis(yAxis, format),\n      animation: false,\n      tooltip: {\n        show: true,\n        // ECharts tooltip content hidden by default since we use custom tooltip instead.\n        // Stacked bar uses ECharts tooltip so subgroup data shows correctly.\n        showContent: isStackedBar,\n        trigger: isStackedBar ? 'item' : 'axis',\n        appendToBody: isStackedBar,\n      },\n      // https://echarts.apache.org/en/option.html#axisPointer\n      axisPointer: {\n        type: 'line',\n        z: 0, // ensure point symbol shows on top of dashed line\n        triggerEmphasis: false, // https://github.com/apache/echarts/issues/18495\n        triggerTooltip: false,\n        snap: false, // xAxis.axisPointer.snap takes priority\n      },\n      toolbox: {\n        feature: {\n          dataZoom: {\n            icon: null, // https://stackoverflow.com/a/67684076/17575201\n            yAxisIndex: 'none',\n          },\n        },\n      },\n      grid,\n    };\n\n    if (__experimentalEChartsOptionsOverride) {\n      return __experimentalEChartsOptionsOverride(option);\n    }\n\n    return option;\n  }, [\n    data,\n    dataset,\n    seriesMapping,\n    annotationSeries,\n    exemplarSeries,\n    timeScale,\n    yAxis,\n    format,\n    grid,\n    noDataOption,\n    __experimentalEChartsOptionsOverride,\n    noDataVariant,\n    isStackedBar,\n    enablePinning,\n    pinnedCrosshair,\n    getTimezoneAwareAxisFormatter,\n  ]);\n\n  // Update adjacent charts so tooltip is unpinned when current chart is clicked.\n  useEffect(() => {\n    // Only allow pinning one tooltip at a time, subsequent tooltip click unpins previous.\n    // Multiple tooltips can only be pinned if Ctrl or Cmd key is pressed while clicking.\n    const multipleTooltipsPinned = tooltipPinnedCoords !== null && lastTooltipPinnedCoords !== null;\n    if (multipleTooltipsPinned) {\n      if (!isEqual(lastTooltipPinnedCoords, tooltipPinnedCoords)) {\n        setTooltipPinnedCoords(null);\n        if (tooltipPinnedCoords !== null && pinnedCrosshair !== null) {\n          setPinnedCrosshair(null);\n        }\n      }\n    }\n    // A pinned exemplar tooltip is also unpinned when a tooltip is pinned in another chart,\n    // unless it is the one just pinned by this chart at these exact coordinates.\n    if (\n      pinnedExemplarPos !== null &&\n      lastTooltipPinnedCoords !== null &&\n      !isEqual(lastTooltipPinnedCoords, pinnedExemplarPos)\n    ) {\n      setPinnedExemplar(null);\n      setPinnedExemplarPos(null);\n    }\n    // tooltipPinnedCoords CANNOT be in dep array or tooltip pinning breaks in the current chart's onClick\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lastTooltipPinnedCoords, seriesMapping]);\n\n  return (\n    <Box\n      ref={containerRef}\n      style={{ height }}\n      // onContextMenu={(e) => {\n      //   // TODO: confirm tooltip pinning works correctly on Windows, should e.preventDefault() be added here\n      //   e.preventDefault(); // Prevent the default behaviour when right clicked\n      // }}\n      onClick={(e) => {\n        // Allows user to opt-in to multi tooltip pinning when Ctrl or Cmd key held down\n        const isControlKeyPressed = e.ctrlKey || e.metaKey;\n        if (isControlKeyPressed) {\n          e.preventDefault();\n        }\n\n        // If clicking while hovering an exemplar marker, toggle the exemplar tooltip pin\n        // instead of pinning the TimeChartTooltip. Pinning an exemplar tooltip unpins the\n        // pinned TimeChartTooltip, so only one tooltip stays pinned at a time unless\n        // Ctrl or Cmd is held down.\n        if (hoveredExemplar !== null && e.target instanceof HTMLCanvasElement) {\n          const pinnedPos: CursorCoordinates = {\n            page: { x: e.pageX, y: e.pageY },\n            client: { x: e.clientX, y: e.clientY },\n            plotCanvas: { x: e.nativeEvent.offsetX, y: e.nativeEvent.offsetY },\n            target: e.target,\n          };\n          const isUnpinClick = pinnedExemplar !== null && pinnedExemplar.exemplar === hoveredExemplar.exemplar;\n          // Compute the next state first and call the setters separately: updater functions\n          // may run more than once (e.g. StrictMode), so they must stay side-effect free.\n          setPinnedExemplar(isUnpinClick ? null : hoveredExemplar);\n          setPinnedExemplarPos(isUnpinClick ? null : pinnedPos);\n          if (!isUnpinClick && !isControlKeyPressed) {\n            // Unpin the pinned TimeChartTooltip and let adjacent charts know a tooltip is\n            // pinned at these coordinates, so only one tooltip is pinned at a time.\n            setTooltipPinnedCoords(null);\n            setPinnedCrosshair(null);\n            setLastTooltipPinnedCoords(pinnedPos);\n          }\n          return;\n        }\n\n        // Unpin a pinned exemplar tooltip when clicking elsewhere on the chart canvas,\n        // so the same click can pin the TimeChartTooltip instead. Ctrl or Cmd keeps both.\n        if (pinnedExemplar !== null && !isControlKeyPressed && e.target instanceof HTMLCanvasElement) {\n          setPinnedExemplar(null);\n          setPinnedExemplarPos(null);\n        }\n\n        // If clicking while hovering an annotation, toggle the annotation tooltip pin\n        // instead of pinning the TimeChartTooltip, so pinned TimeChartTooltip is preserved.\n        if (hoveredAnnotation !== null && e.target instanceof HTMLCanvasElement) {\n          const pinnedPos: CursorCoordinates = {\n            page: { x: e.pageX, y: e.pageY },\n            client: { x: e.clientX, y: e.clientY },\n            plotCanvas: { x: e.nativeEvent.offsetX, y: e.nativeEvent.offsetY },\n            target: e.target,\n          };\n          setPinnedAnnotation((current) => {\n            if (current === hoveredAnnotation) {\n              setPinnedAnnotationPos(null);\n              return null;\n            }\n            setPinnedAnnotationPos(pinnedPos);\n            return hoveredAnnotation;\n          });\n          return;\n        }\n\n        // Determine where on chart canvas to plot pinned crosshair as markLine.\n        const pointInGrid = getPointInGrid(e.nativeEvent.offsetX, e.nativeEvent.offsetY, chartRef.current);\n        if (pointInGrid === null) {\n          return;\n        }\n\n        // Pin and unpin when clicking on chart canvas but not tooltip text.\n        if (isPinningEnabled && e.target instanceof HTMLCanvasElement) {\n          // Pin tooltip and update shared charts context to remember these coordinates.\n          const pinnedPos: CursorCoordinates = {\n            page: {\n              x: e.pageX,\n              y: e.pageY,\n            },\n            client: {\n              x: e.clientX,\n              y: e.clientY,\n            },\n            plotCanvas: {\n              x: e.nativeEvent.offsetX,\n              y: e.nativeEvent.offsetY,\n            },\n            target: e.target,\n          };\n\n          setTooltipPinnedCoords((current) => {\n            if (current === null) {\n              return pinnedPos;\n            } else {\n              setPinnedCrosshair(null);\n              return null;\n            }\n          });\n\n          setPinnedCrosshair((current) => {\n            // Only add pinned crosshair line series when there is not one already in seriesMapping.\n            if (current === null) {\n              const cursorX = pointInGrid[0];\n\n              // Only need to loop through first dataset source since getCommonTimeScale ensures xAxis timestamps are consistent\n              const firstTimeSeriesValues = data[0]?.values;\n              const closestTimestamp = getClosestTimestamp(firstTimeSeriesValues, cursorX);\n\n              // Crosshair snaps to nearest timestamp since cursor may be slightly to left or right\n              const pinnedCrosshair = merge({}, DEFAULT_PINNED_CROSSHAIR, {\n                markLine: {\n                  data: [\n                    {\n                      xAxis: closestTimestamp,\n                    },\n                  ],\n                },\n              } as LineSeriesOption);\n              return pinnedCrosshair;\n            } else {\n              // Clear previously set pinned crosshair\n              return null;\n            }\n          });\n\n          if (!isControlKeyPressed) {\n            setLastTooltipPinnedCoords(pinnedPos);\n          }\n        }\n      }}\n      onMouseDown={(e) => {\n        const { clientX } = e;\n        setIsDragging(true);\n        setStartX(clientX);\n      }}\n      onMouseMove={(e) => {\n        // Allow clicking inside tooltip to copy labels.\n        if (!(e.target instanceof HTMLCanvasElement)) {\n          return;\n        }\n        const { clientX } = e;\n        // ECharts does not reliably emit mouseout when the cursor moves off an exemplar marker\n        // onto the plain plot area, which would keep the exemplar tooltip stuck on screen and\n        // hide the regular TimeChartTooltip. Clear the hovered exemplar as soon as the cursor\n        // is no longer within its marker, so the next hover can take over.\n        setHoveredExemplar((current) => {\n          if (current === null || chartRef.current === undefined) return current;\n          let markerPixel: number[] | undefined;\n          try {\n            // Use the plotted value so negated markers (negativeY) are tracked correctly.\n            markerPixel = chartRef.current.convertToPixel('grid', [current.exemplar.timestamp, current.plottedValue]);\n          } catch {\n            // Coordinates cannot be resolved (e.g. grid not ready yet), keep the current hover.\n            return current;\n          }\n          const [markerPixelX, markerPixelY] = markerPixel ?? [];\n          if (markerPixelX === undefined || markerPixelY === undefined) return current;\n          const distance = Math.hypot(e.nativeEvent.offsetX - markerPixelX, e.nativeEvent.offsetY - markerPixelY);\n          return distance <= EXEMPLAR_HOVER_RADIUS ? current : null;\n        });\n        if (isDragging) {\n          const deltaX = clientX - startX;\n          if (deltaX > 0) {\n            // Hide tooltip when user drags to zoom.\n            setShowTooltip(false);\n          }\n        }\n      }}\n      onMouseUp={() => {\n        setIsDragging(false);\n        setStartX(0);\n        setShowTooltip(true);\n      }}\n      onMouseLeave={() => {\n        if (tooltipPinnedCoords === null) {\n          setShowTooltip(false);\n        }\n        // Defensive: clear hovered annotation and exemplar in case ECharts missed a mouseout event.\n        setHoveredAnnotation(null);\n        setHoveredExemplar(null);\n        if (chartRef.current !== undefined) {\n          clearHighlightedSeries(chartRef.current);\n        }\n      }}\n      onMouseEnter={() => {\n        setShowTooltip(true);\n        if (chartRef.current !== undefined) {\n          enableDataZoom(chartRef.current);\n        }\n      }}\n      onDoubleClick={(e) => {\n        setTooltipPinnedCoords(null);\n        // either dispatch ECharts restore action to return to orig state or allow consumer to define behavior\n        if (onDoubleClick === undefined) {\n          if (chartRef.current !== undefined) {\n            restoreChart(chartRef.current);\n          }\n        } else {\n          onDoubleClick(e);\n        }\n      }}\n    >\n      {/* Allows overrides prop to hide custom tooltip and use the ECharts option.tooltip instead.\n          Keep the time chart tooltip visible when pinned even if user hovers an annotation or exemplar,\n          but do not show the mouse-following tooltip on top of a pinned exemplar tooltip. */}\n      {showTooltip === true &&\n        (tooltipPinnedCoords !== null ||\n          (pinnedExemplar === null && hoveredAnnotation === null && hoveredExemplar === null)) &&\n        (option.tooltip as TooltipComponentOption)?.showContent === false &&\n        tooltipConfig.hidden !== true && (\n          <TimeChartTooltip\n            containerId={chartsTheme.tooltipPortalContainerId}\n            chartRef={chartRef}\n            data={data}\n            seriesMapping={seriesMapping}\n            wrapLabels={tooltipConfig.wrapLabels}\n            enablePinning={isPinningEnabled}\n            pinnedPos={tooltipPinnedCoords}\n            format={format}\n            seriesFormatMap={seriesFormatMap}\n            onUnpinClick={() => {\n              // Unpins tooltip when clicking Pin icon in TooltipHeader.\n              setTooltipPinnedCoords(null);\n              // Clear previously set pinned crosshair.\n              setPinnedCrosshair(null);\n            }}\n          />\n        )}\n      {/* Pinned exemplar takes priority over hovered. While a TimeChartTooltip is pinned, the\n          mouse-following exemplar tooltip is not rendered so it does not appear on top of it. */}\n      {(pinnedExemplar !== null || (hoveredExemplar !== null && tooltipPinnedCoords === null)) && (\n        <ExemplarMetadataTooltip\n          exemplar={(pinnedExemplar ?? hoveredExemplar)!.exemplar}\n          seriesLabels={(pinnedExemplar ?? hoveredExemplar)!.seriesLabels}\n          containerId={chartsTheme.tooltipPortalContainerId}\n          format={format}\n          pinnedPos={pinnedExemplar !== null ? pinnedExemplarPos : null}\n          enablePinning={isPinningEnabled}\n          onUnpinClick={() => {\n            setPinnedExemplar(null);\n            setPinnedExemplarPos(null);\n          }}\n        />\n      )}\n      {/* Pinned annotation takes priority over hovered. */}\n      {(pinnedAnnotation ?? hoveredAnnotation) && (\n        <AnnotationTooltip\n          annotation={(pinnedAnnotation ?? hoveredAnnotation) as TimeSeriesAnnotation}\n          containerId={chartsTheme.tooltipPortalContainerId}\n          formatWithUserTimeZone={formatWithUserTimeZone}\n          pinnedPos={pinnedAnnotation !== null ? pinnedAnnotationPos : null}\n          enablePinning={isPinningEnabled}\n          onUnpinClick={() => {\n            setPinnedAnnotation(null);\n            setPinnedAnnotationPos(null);\n          }}\n        />\n      )}\n      <EChart\n        sx={CHART_SX}\n        option={option}\n        theme={chartsTheme.echartsTheme}\n        onEvents={handleEvents}\n        _instance={chartRef}\n        syncGroup={enableSyncGrouping ? syncGroup : undefined}\n      />\n    </Box>\n  );\n});\n"],"names":["Box","clearHighlightedSeries","DEFAULT_PINNED_CROSSHAIR","DEFAULT_TOOLTIP_CONFIG","EChart","enableDataZoom","ExemplarMetadataTooltip","getClosestTimestamp","getCommonTimeScale","getFormattedAxis","getPointInGrid","restoreChart","TimeChartTooltip","useChartsContext","useTimeZone","LineChart","EChartsLineChart","BarChart","EChartsBarChart","ScatterChart","EChartsScatterChart","GridComponent","DatasetComponent","DataZoomComponent","MarkAreaComponent","MarkLineComponent","MarkPointComponent","TitleComponent","ToolboxComponent","TooltipComponent","use","registerECharts","CanvasRenderer","isEqual","merge","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","useResizeObserver","AnnotationTooltip","buildAnnotationSeries","EXEMPLAR_SERIES_ID_PREFIX","EXEMPLAR_SYMBOL_SIZE","getExemplarSeries","createTimezoneAwareAxisFormatter","EXEMPLAR_HOVER_RADIUS","Math","SQRT2","CHART_SX","width","height","TimeSeriesChartBase","TimeChart","data","seriesMapping","exemplars","annotations","timeScale","timeScaleProp","yAxis","format","seriesFormatMap","grid","isStackedBar","tooltipConfig","noDataVariant","syncGroup","onDataZoom","onDoubleClick","__experimentalEChartsOptionsOverride","ref","chartsTheme","enablePinning","enableSyncGrouping","lastTooltipPinnedCoords","setLastTooltipPinnedCoords","isPinningEnabled","chartRef","showTooltip","setShowTooltip","tooltipPinnedCoords","setTooltipPinnedCoords","pinnedCrosshair","setPinnedCrosshair","isDragging","setIsDragging","startX","setStartX","hoveredAnnotation","setHoveredAnnotation","pinnedAnnotation","setPinnedAnnotation","hoveredExemplar","setHoveredExemplar","pinnedExemplar","setPinnedExemplar","pinnedExemplarPos","setPinnedExemplarPos","pinnedAnnotationPos","setPinnedAnnotationPos","timeZone","formatWithUserTimeZone","getTimezoneAwareAxisFormatter","rangeMs","commonTimeScale","today","Date","pastDate","setFullYear","getFullYear","startMs","getTime","endMs","stepMs","handleResize","containerHeight","chart","current","getWidth","getHeight","resize","containerRef","onResize","highlightSeries","name","dispatchAction","type","seriesId","handleEvents","datazoom","params","undefined","setTimeout","batch","xAxisStartValue","startValue","xAxisEndValue","endValue","zoomEvent","start","end","finished","mouseover","componentType","seriesType","startsWith","exemplar","seriesLabels","plottedValue","value","annotationIndex","matchedAnnotation","mouseout","leaving","globalout","annotationSeries","preparedExemplarSeries","map","exemplarSeries","visibleIds","Set","series","id","filter","has","String","noDataOption","dataset","index","dimensions","source","values","option","length","updatedSeriesMapping","xAxis","min","max","axisLabel","hideOverlap","formatter","axisPointer","snap","Array","isArray","animation","tooltip","show","showContent","trigger","appendToBody","z","triggerEmphasis","triggerTooltip","toolbox","feature","dataZoom","icon","yAxisIndex","multipleTooltipsPinned","style","onClick","e","isControlKeyPressed","ctrlKey","metaKey","preventDefault","target","HTMLCanvasElement","pinnedPos","page","x","pageX","y","pageY","client","clientX","clientY","plotCanvas","nativeEvent","offsetX","offsetY","isUnpinClick","pointInGrid","cursorX","firstTimeSeriesValues","closestTimestamp","markLine","onMouseDown","onMouseMove","markerPixel","convertToPixel","timestamp","markerPixelX","markerPixelY","distance","hypot","deltaX","onMouseUp","onMouseLeave","onMouseEnter","hidden","containerId","tooltipPortalContainerId","wrapLabels","onUnpinClick","annotation","sx","theme","echartsTheme","onEvents","_instance"],"mappings":"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"}

package/lib/TimeSeriesChartPanel.d.ts

@@ -3,5 +3,7 @@ import type { TimeSeriesData } from '@perses-dev/spec';
 import type { ReactElement } from 'react';
 import type { TimeSeriesChartOptions } from './time-series-chart-model';
 export type TimeSeriesChartProps = PanelProps<TimeSeriesChartOptions, TimeSeriesData>;
-export declare function TimeSeriesChartPanel(props: TimeSeriesChartProps): ReactElement | null;
+declare function TimeSeriesChartPanelComponent(props: TimeSeriesChartProps): ReactElement | null;
+export declare const TimeSeriesChartPanel: import("react").MemoExoticComponent<typeof TimeSeriesChartPanelComponent>;
+export {};
 //# sourceMappingURL=TimeSeriesChartPanel.d.ts.map

package/lib/TimeSeriesChartPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeSeriesChartPanel.d.ts","sourceRoot":"","sources":["../../src/TimeSeriesChartPanel.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,UAAU,EAAmB,MAAM,2BAA2B,CAAC;AAQ7E,OAAO,KAAK,EAAc,cAAc,EAAwB,MAAM,kBAAkB,CAAC;AAGzF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,sBAAsB,EAAwB,MAAM,2BAA2B,CAAC;AAc9F,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,sBAAsB,EAAE,cAAc,CAAC,CAAC;AAWtF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,CA+crF"}
+{"version":3,"file":"TimeSeriesChartPanel.d.ts","sourceRoot":"","sources":["../../src/TimeSeriesChartPanel.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,UAAU,EAAmB,MAAM,2BAA2B,CAAC;AAQ7E,OAAO,KAAK,EAAsB,cAAc,EAAwB,MAAM,kBAAkB,CAAC;AAGjG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAexE,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,sBAAsB,EAAE,cAAc,CAAC,CAAC;AAuBtF,iBAAS,6BAA6B,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,CAufvF;AAKD,eAAO,MAAM,oBAAoB,2EAYhC,CAAC"}