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

package/lib/QuerySettingsEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuerySettingsEditor.d.ts","sourceRoot":"","sources":["../../src/QuerySettingsEditor.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAGV,iCAAiC,EAClC,MAAM,2BAA2B,CAAC;AAMnC,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,iCAAiC,GAAG,YAAY,CAkS1F"}
+{"version":3,"file":"QuerySettingsEditor.d.ts","sourceRoot":"","sources":["../../src/QuerySettingsEditor.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAGV,iCAAiC,EAClC,MAAM,2BAA2B,CAAC;AAMnC,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,iCAAiC,GAAG,YAAY,CAiS1F"}

package/lib/QuerySettingsEditor.js

@@ -18,7 +18,7 @@ import { produce } from "immer";
 import CloseIcon from "mdi-material-ui/Close";
 import DeleteIcon from "mdi-material-ui/DeleteOutline";
 import AddIcon from "mdi-material-ui/Plus";
-import React, { useEffect, useMemo, useRef, useState } from "react";
+import React, { useCallback, useMemo, useRef, useState } from "react";
 import { DEFAULT_AREA_OPACITY, LINE_STYLE_CONFIG, OPACITY_CONFIG } from "./time-series-chart-model.js";
 const DEFAULT_COLOR_VALUE = '#555';
 const NO_INDEX_AVAILABLE = -1; // invalid array index value used to represent the fact that no query index is available
@@ -31,15 +31,12 @@ export function QuerySettingsEditor(props) {
         }));
     };
     // Every time a new query settings input is added, we want to focus the recently added input
-    const recentlyAddedInputRef = useRef(null);
     const focusRef = useRef(false);
-    useEffect(()=>{
-        if (!recentlyAddedInputRef.current || !focusRef.current) return;
-        recentlyAddedInputRef.current?.focus();
+    const recentlyAddedInputRef = useCallback((input)=>{
+        if (!input || !focusRef.current) return;
+        input.focus();
         focusRef.current = false;
-    }, [
-        querySettingsList?.length
-    ]);
+    }, []);
     const handleQueryIndexChange = (e, i)=>{
         if (querySettingsList !== undefined) {
             handleQuerySettingsChange(produce(querySettingsList, (draft)=>{

package/lib/QuerySettingsEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/QuerySettingsEditor.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 {\n  Box,\n  Button,\n  IconButton,\n  Menu,\n  MenuItem,\n  Slider,\n  Stack,\n  Switch,\n  TextField,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n  useTheme,\n} from '@mui/material';\nimport type { FormatOptions } from '@perses-dev/components';\nimport { FormatControls, OptionsColorPicker } from '@perses-dev/components';\nimport { generateQueryNames, useDataQueriesContext } from '@perses-dev/plugin-system';\nimport { produce } from 'immer';\nimport CloseIcon from 'mdi-material-ui/Close';\nimport DeleteIcon from 'mdi-material-ui/DeleteOutline';\nimport AddIcon from 'mdi-material-ui/Plus';\nimport type { ReactElement } from 'react';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport type {\n  QuerySettingsOptions,\n  TimeSeriesChartOptions,\n  TimeSeriesChartOptionsEditorProps,\n} from './time-series-chart-model';\nimport { DEFAULT_AREA_OPACITY, LINE_STYLE_CONFIG, OPACITY_CONFIG } from './time-series-chart-model';\n\nconst DEFAULT_COLOR_VALUE = '#555';\nconst NO_INDEX_AVAILABLE = -1; // invalid array index value used to represent the fact that no query index is available\n\nexport function QuerySettingsEditor(props: TimeSeriesChartOptionsEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const querySettingsList = value.querySettings;\n\n  const handleQuerySettingsChange = (newQuerySettings: QuerySettingsOptions[]): void => {\n    onChange(\n      produce(value, (draft: TimeSeriesChartOptions) => {\n        draft.querySettings = newQuerySettings;\n      }),\n    );\n  };\n  // Every time a new query settings input is added, we want to focus the recently added input\n  const recentlyAddedInputRef = useRef<HTMLInputElement | null>(null);\n  const focusRef = useRef(false);\n  useEffect(() => {\n    if (!recentlyAddedInputRef.current || !focusRef.current) return;\n    recentlyAddedInputRef.current?.focus();\n    focusRef.current = false;\n  }, [querySettingsList?.length]);\n\n  const handleQueryIndexChange = (e: React.ChangeEvent<HTMLInputElement>, i: number): void => {\n    if (querySettingsList !== undefined) {\n      handleQuerySettingsChange(\n        produce(querySettingsList, (draft) => {\n          const querySettings = draft?.[i];\n          if (querySettings) {\n            querySettings.queryIndex = parseInt(e.target.value);\n          }\n        }),\n      );\n    }\n  };\n\n  const handleColorModeChange = (e: React.ChangeEvent<HTMLInputElement>, i: number): void => {\n    if (querySettingsList !== undefined) {\n      handleQuerySettingsChange(\n        produce(querySettingsList, (draft) => {\n          if (draft !== undefined) {\n            const querySettings = draft[i];\n            if (querySettings) {\n              const newColorMode = e.target.value;\n              if (!newColorMode) {\n                querySettings.colorMode = undefined;\n                querySettings.colorValue = undefined;\n              } else {\n                querySettings.colorMode = newColorMode as QuerySettingsOptions['colorMode'];\n              }\n            }\n          }\n        }),\n      );\n    }\n  };\n\n  const handleColorValueChange = (colorValue: string, i: number): void => {\n    if (querySettingsList !== undefined) {\n      handleQuerySettingsChange(\n        produce(querySettingsList, (draft) => {\n          if (draft !== undefined) {\n            const querySettings = draft[i];\n            if (querySettings) {\n              querySettings.colorValue = colorValue;\n            }\n          }\n        }),\n      );\n    }\n  };\n\n  const handleLineStyleChange = (lineStyle: string, i: number): void => {\n    if (querySettingsList !== undefined) {\n      handleQuerySettingsChange(\n        produce(querySettingsList, (draft) => {\n          if (draft !== undefined) {\n            const querySettings = draft[i];\n            if (querySettings) {\n              querySettings.lineStyle = lineStyle as QuerySettingsOptions['lineStyle'];\n            }\n          }\n        }),\n      );\n    }\n  };\n\n  const handleAreaOpacityChange = (_: Event, sliderValue: number | number[], i: number): void => {\n    const newValue = Array.isArray(sliderValue) ? sliderValue[0] : sliderValue;\n    if (querySettingsList !== undefined) {\n      handleQuerySettingsChange(\n        produce(querySettingsList, (draft) => {\n          if (draft !== undefined) {\n            const querySettings = draft[i];\n            if (querySettings) {\n              querySettings.areaOpacity = newValue;\n            }\n          }\n        }),\n      );\n    }\n  };\n\n  // Helper function to update query settings at a specific index\n  const updateQuerySettings = (i: number, updater: (qs: QuerySettingsOptions) => void): void => {\n    if (querySettingsList !== undefined) {\n      handleQuerySettingsChange(\n        produce(querySettingsList, (draft) => {\n          const qs = draft[i];\n          if (qs) {\n            updater(qs);\n          }\n        }),\n      );\n    }\n  };\n\n  const deleteQuerySettingsInput = (i: number): void => {\n    if (querySettingsList !== undefined) {\n      const updatedQuerySettingsList = produce(querySettingsList, (draft) => {\n        draft.splice(i, 1);\n      });\n      handleQuerySettingsChange(updatedQuerySettingsList);\n    }\n  };\n\n  const addColor = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.colorMode = 'fixed';\n      qs.colorValue = DEFAULT_COLOR_VALUE;\n    });\n  };\n\n  const removeColor = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.colorMode = undefined;\n      qs.colorValue = undefined;\n    });\n  };\n\n  const addLineStyle = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.lineStyle = 'solid';\n    });\n  };\n\n  const removeLineStyle = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.lineStyle = undefined;\n    });\n  };\n\n  const addAreaOpacity = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.areaOpacity = DEFAULT_AREA_OPACITY;\n    });\n  };\n\n  const removeAreaOpacity = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.areaOpacity = undefined;\n    });\n  };\n\n  const addFormat = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.format = { unit: 'decimal', shortValues: true };\n    });\n  };\n\n  const removeFormat = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.format = undefined;\n    });\n  };\n\n  const addStack = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.stack = false;\n    });\n  };\n\n  const removeStack = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.stack = undefined;\n    });\n  };\n\n  const handleStackChange = (i: number, checked: boolean): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.stack = checked;\n    });\n  };\n\n  const handleFormatChange = (i: number, format?: FormatOptions): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.format = format;\n    });\n  };\n\n  const addNegativeY = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.negativeY = true;\n    });\n  };\n\n  const removeNegativeY = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.negativeY = undefined;\n    });\n  };\n\n  const { queryDefinitions } = useDataQueriesContext();\n  const queryCount = queryDefinitions.length;\n  const queryNames = useMemo(() => generateQueryNames(queryDefinitions), [queryDefinitions]);\n\n  // Compute the list of query indexes for which query settings are not already defined.\n  // This is to avoid already-booked indexes to still be selectable in the dropdown(s)\n  const availableQueryIndexes = useMemo(() => {\n    const bookedQueryIndexes = querySettingsList?.map((querySettings) => querySettings.queryIndex) ?? [];\n    const allQueryIndexes = Array.from({ length: queryCount }, (_, i) => i);\n    return allQueryIndexes.filter((_, queryIndex) => !bookedQueryIndexes.includes(queryIndex));\n  }, [querySettingsList, queryCount]);\n\n  const firstAvailableQueryIndex = useMemo(() => {\n    return availableQueryIndexes[0] ?? NO_INDEX_AVAILABLE;\n  }, [availableQueryIndexes]);\n\n  const defaultQuerySettings: QuerySettingsOptions = {\n    queryIndex: firstAvailableQueryIndex,\n  };\n\n  const addQuerySettingsInput = (): void => {\n    focusRef.current = true;\n    if (querySettingsList === undefined) {\n      handleQuerySettingsChange([defaultQuerySettings]);\n    } else {\n      handleQuerySettingsChange(\n        produce(querySettingsList, (draft) => {\n          draft.push(defaultQuerySettings);\n        }),\n      );\n    }\n  };\n\n  return (\n    <Stack>\n      {queryCount === 0 ? (\n        <Typography mb={2} fontStyle=\"italic\">\n          No query defined\n        </Typography>\n      ) : (\n        querySettingsList?.map((querySettings, i) => (\n          <QuerySettingsInput\n            inputRef={i === querySettingsList.length - 1 ? recentlyAddedInputRef : undefined}\n            key={i}\n            querySettings={querySettings}\n            availableQueryIndexes={availableQueryIndexes}\n            queryNames={queryNames}\n            onQueryIndexChange={(e) => {\n              handleQueryIndexChange(e, i);\n            }}\n            onColorModeChange={(e) => handleColorModeChange(e, i)}\n            onColorValueChange={(color) => handleColorValueChange(color, i)}\n            onLineStyleChange={(lineStyle) => handleLineStyleChange(lineStyle, i)}\n            onAreaOpacityChange={(event, value) => handleAreaOpacityChange(event, value, i)}\n            onDelete={() => {\n              deleteQuerySettingsInput(i);\n            }}\n            onAddColor={() => addColor(i)}\n            onRemoveColor={() => removeColor(i)}\n            onAddLineStyle={() => addLineStyle(i)}\n            onRemoveLineStyle={() => removeLineStyle(i)}\n            onAddAreaOpacity={() => addAreaOpacity(i)}\n            onRemoveAreaOpacity={() => removeAreaOpacity(i)}\n            onAddFormat={() => addFormat(i)}\n            onRemoveFormat={() => removeFormat(i)}\n            onFormatChange={(format) => handleFormatChange(i, format)}\n            onAddNegativeY={() => addNegativeY(i)}\n            onRemoveNegativeY={() => removeNegativeY(i)}\n            onAddStack={() => addStack(i)}\n            onRemoveStack={() => removeStack(i)}\n            onStackChange={(checked) => handleStackChange(i, checked)}\n          />\n        ))\n      )}\n      {queryCount > 0 && firstAvailableQueryIndex !== NO_INDEX_AVAILABLE && (\n        <Button variant=\"contained\" startIcon={<AddIcon />} sx={{ marginTop: 1 }} onClick={addQuerySettingsInput}>\n          Add Query Settings\n        </Button>\n      )}\n    </Stack>\n  );\n}\n\ninterface QuerySettingsInputProps {\n  querySettings: QuerySettingsOptions;\n  availableQueryIndexes: number[];\n  queryNames: string[];\n  onQueryIndexChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onColorModeChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onColorValueChange: (colorValue: string) => void;\n  onLineStyleChange: (lineStyle: string) => void;\n  onAreaOpacityChange: (event: Event, value: number | number[]) => void;\n  onDelete: () => void;\n  inputRef?: React.RefObject<HTMLInputElement | null>;\n  // Optional control handlers\n  onAddColor: () => void;\n  onRemoveColor: () => void;\n  onAddLineStyle: () => void;\n  onRemoveLineStyle: () => void;\n  onAddAreaOpacity: () => void;\n  onRemoveAreaOpacity: () => void;\n  onAddFormat: () => void;\n  onRemoveFormat: () => void;\n  onFormatChange: (format?: FormatOptions) => void;\n  onAddNegativeY: () => void;\n  onRemoveNegativeY: () => void;\n  onAddStack: () => void;\n  onRemoveStack: () => void;\n  onStackChange: (checked: boolean) => void;\n}\n\nfunction QuerySettingsInput({\n  querySettings: { queryIndex, colorMode, colorValue, lineStyle, areaOpacity, format, negativeY, stack },\n  availableQueryIndexes,\n  queryNames,\n  onQueryIndexChange,\n  onColorModeChange,\n  onColorValueChange,\n  onLineStyleChange,\n  onAreaOpacityChange,\n  onDelete,\n  inputRef,\n  onAddColor,\n  onRemoveColor,\n  onAddLineStyle,\n  onRemoveLineStyle,\n  onAddAreaOpacity,\n  onRemoveAreaOpacity,\n  onAddFormat,\n  onRemoveFormat,\n  onFormatChange,\n  onAddNegativeY,\n  onRemoveNegativeY,\n  onAddStack,\n  onRemoveStack,\n  onStackChange,\n}: QuerySettingsInputProps): ReactElement {\n  // current query index should also be selectable\n  const selectableQueryIndexes = availableQueryIndexes.concat(queryIndex).toSorted((a, b) => a - b);\n\n  // State for dropdown menu\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  // Calculate available options\n  const availableOptions = useMemo(() => {\n    const options = [];\n    if (!colorMode) options.push({ key: 'color', label: 'Color', action: onAddColor });\n    if (!lineStyle) options.push({ key: 'lineStyle', label: 'Line Style', action: onAddLineStyle });\n    if (areaOpacity === undefined) options.push({ key: 'opacity', label: 'Opacity', action: onAddAreaOpacity });\n    if (format === undefined) options.push({ key: 'format', label: 'Format', action: onAddFormat });\n    if (!negativeY) options.push({ key: 'negativeY', label: 'Negative Y', action: onAddNegativeY });\n    if (stack === undefined) options.push({ key: 'stack', label: 'Stack', action: onAddStack });\n    return options;\n  }, [\n    colorMode,\n    lineStyle,\n    areaOpacity,\n    format,\n    negativeY,\n    stack,\n    onAddColor,\n    onAddLineStyle,\n    onAddAreaOpacity,\n    onAddFormat,\n    onAddNegativeY,\n    onAddStack,\n  ]);\n\n  const handleAddMenuClick = (event: React.MouseEvent<HTMLElement>): void => {\n    if (availableOptions.length === 1 && availableOptions[0]) {\n      // If only one option left, add it directly\n      availableOptions[0].action();\n    } else {\n      // Show dropdown\n      setAnchorEl(event.currentTarget);\n    }\n  };\n\n  const handleMenuClose = (): void => {\n    setAnchorEl(null);\n  };\n\n  const handleMenuItemClick = (action: () => void): void => {\n    action();\n    handleMenuClose();\n  };\n\n  return (\n    <Stack\n      sx={{\n        borderBottom: '1px solid',\n        borderColor: 'divider',\n        borderRadius: 1,\n        p: 2,\n        display: 'flex',\n        flexWrap: 'nowrap',\n        flexDirection: 'row',\n      }}\n    >\n      <Stack direction=\"row\" alignItems=\"center\" sx={{ flexWrap: 'wrap', gap: 2, flexGrow: 1 }}>\n        {/* Query Index Selection */}\n        <TextField\n          select\n          inputRef={inputRef}\n          value={queryIndex}\n          label=\"Query\"\n          onChange={onQueryIndexChange}\n          sx={{ minWidth: '75px' }}\n        >\n          {selectableQueryIndexes.map((qi) => (\n            <MenuItem key={`query-${qi}`} value={qi}>\n              {queryNames[qi] ?? `#${qi + 1}`}\n            </MenuItem>\n          ))}\n        </TextField>\n\n        {/* Color section */}\n        {colorMode && (\n          <SettingsSection label=\"Color\" onRemove={onRemoveColor}>\n            <TextField select value={colorMode} onChange={onColorModeChange} size=\"small\" sx={{ flexGrow: 1 }}>\n              <MenuItem value=\"fixed\">Fixed</MenuItem>\n              <MenuItem value=\"fixed-single\">Fixed (single series)</MenuItem>\n            </TextField>\n            <OptionsColorPicker\n              label={queryNames[queryIndex] ?? `Query n°${queryIndex + 1}`}\n              color={colorValue || DEFAULT_COLOR_VALUE}\n              onColorChange={onColorValueChange}\n            />\n          </SettingsSection>\n        )}\n\n        {/* Line Style section */}\n        {lineStyle && (\n          <SettingsSection label=\"Line Style\" onRemove={onRemoveLineStyle}>\n            <ToggleButtonGroup\n              color=\"primary\"\n              exclusive\n              value={lineStyle}\n              onChange={(__, newValue) => {\n                if (newValue !== null) {\n                  onLineStyleChange(newValue);\n                }\n              }}\n              size=\"small\"\n            >\n              {Object.entries(LINE_STYLE_CONFIG).map(([styleValue, config]) => (\n                <ToggleButton key={styleValue} value={styleValue} aria-label={`${styleValue} line style`}>\n                  {config.label}\n                </ToggleButton>\n              ))}\n            </ToggleButtonGroup>\n            {/* Spacer to push delete button to the right */}\n            <Box sx={{ flexGrow: 1 }} />\n          </SettingsSection>\n        )}\n\n        {/* Area Opacity section */}\n        {areaOpacity !== undefined && (\n          <SettingsSection label=\"Opacity\" onRemove={onRemoveAreaOpacity}>\n            {/* Spacer as I don't want to add a prop to SettingsSection for left-padding just for that case.. */}\n            <Box />\n            <Slider\n              value={areaOpacity}\n              valueLabelDisplay=\"auto\"\n              step={OPACITY_CONFIG.step}\n              marks\n              min={OPACITY_CONFIG.min}\n              max={OPACITY_CONFIG.max}\n              onChange={onAreaOpacityChange}\n              sx={{ flexGrow: 1 }}\n            />\n          </SettingsSection>\n        )}\n\n        {/* Format section */}\n        {format !== undefined && (\n          <SettingsSection label=\"Format\" onRemove={onRemoveFormat}>\n            <Box sx={{ minWidth: '180px', display: 'flex', gap: 1, flexDirection: 'column' }}>\n              <FormatControls value={format} onChange={onFormatChange} />\n            </Box>\n          </SettingsSection>\n        )}\n\n        {/* Negative Y section (presence-only flag) */}\n        {negativeY && (\n          <SettingsSection label=\"Negative Y\" onRemove={onRemoveNegativeY}>\n            <Typography variant=\"body2\" color=\"text.secondary\" sx={{ flexGrow: 1, py: 0.5 }}>\n              Series rendered below the X axis\n            </Typography>\n          </SettingsSection>\n        )}\n\n        {/* Stack section */}\n        {stack !== undefined && (\n          <SettingsSection label=\"Stack\" onRemove={onRemoveStack}>\n            <Switch\n              checked={stack}\n              onChange={(e) => onStackChange(e.target.checked)}\n              slotProps={{ input: { 'aria-label': 'stack override' } }}\n            />\n            <Box sx={{ flexGrow: 1 }} />\n          </SettingsSection>\n        )}\n\n        {/* Add Options Button - only show if there are available options */}\n        {availableOptions.length > 0 && (\n          <>\n            <IconButton onClick={handleAddMenuClick} aria-label=\"Add option\">\n              <AddIcon />\n            </IconButton>\n\n            {/* Dropdown Menu */}\n            <Menu\n              anchorEl={anchorEl}\n              open={Boolean(anchorEl)}\n              onClose={handleMenuClose}\n              anchorOrigin={{\n                vertical: 'bottom',\n                horizontal: 'left',\n              }}\n            >\n              {availableOptions.map((option) => (\n                <MenuItem\n                  key={option.key}\n                  onClick={() => handleMenuItemClick(option.action)}\n                  sx={{ minWidth: '120px' }}\n                >\n                  <AddIcon sx={{ mr: 1, fontSize: '1rem' }} />\n                  {option.label}\n                </MenuItem>\n              ))}\n            </Menu>\n          </>\n        )}\n      </Stack>\n      {/* Delete Button for this query settings */}\n      <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>\n        <IconButton\n          aria-label={`delete settings for ${queryNames[queryIndex] ?? `query n°${queryIndex + 1}`}`}\n          onClick={onDelete}\n        >\n          <DeleteIcon />\n        </IconButton>\n      </Box>\n    </Stack>\n  );\n}\n\ninterface SettingsSectionProps {\n  label: string;\n  children: React.ReactNode;\n  onRemove: () => void;\n}\n\n// Reusable section component\nfunction SettingsSection(props: SettingsSectionProps): ReactElement {\n  const { label, children, onRemove } = props;\n  const theme = useTheme();\n\n  return (\n    <Box sx={{ position: 'relative', minWidth: '250px' }}>\n      <Typography\n        variant=\"caption\"\n        sx={{\n          position: 'absolute',\n          top: -8,\n          left: 12,\n          backgroundColor: theme.palette.background.code,\n          px: 0.5,\n          color: 'text.secondary',\n          zIndex: 1,\n        }}\n      >\n        {label}\n      </Typography>\n      <Stack\n        direction=\"row\"\n        alignItems=\"center\"\n        spacing={1}\n        sx={{\n          border: '1px solid',\n          borderColor: 'divider',\n          borderRadius: 1,\n          p: 1,\n        }}\n      >\n        {children}\n        <IconButton size=\"small\" onClick={onRemove} aria-label={`Remove ${label}`}>\n          <CloseIcon />\n        </IconButton>\n      </Stack>\n    </Box>\n  );\n}\n"],"names":["Box","Button","IconButton","Menu","MenuItem","Slider","Stack","Switch","TextField","ToggleButton","ToggleButtonGroup","Typography","useTheme","FormatControls","OptionsColorPicker","generateQueryNames","useDataQueriesContext","produce","CloseIcon","DeleteIcon","AddIcon","React","useEffect","useMemo","useRef","useState","DEFAULT_AREA_OPACITY","LINE_STYLE_CONFIG","OPACITY_CONFIG","DEFAULT_COLOR_VALUE","NO_INDEX_AVAILABLE","QuerySettingsEditor","props","onChange","value","querySettingsList","querySettings","handleQuerySettingsChange","newQuerySettings","draft","recentlyAddedInputRef","focusRef","current","focus","length","handleQueryIndexChange","e","i","undefined","queryIndex","parseInt","target","handleColorModeChange","newColorMode","colorMode","colorValue","handleColorValueChange","handleLineStyleChange","lineStyle","handleAreaOpacityChange","_","sliderValue","newValue","Array","isArray","areaOpacity","updateQuerySettings","updater","qs","deleteQuerySettingsInput","updatedQuerySettingsList","splice","addColor","removeColor","addLineStyle","removeLineStyle","addAreaOpacity","removeAreaOpacity","addFormat","format","unit","shortValues","removeFormat","addStack","stack","removeStack","handleStackChange","checked","handleFormatChange","addNegativeY","negativeY","removeNegativeY","queryDefinitions","queryCount","queryNames","availableQueryIndexes","bookedQueryIndexes","map","allQueryIndexes","from","filter","includes","firstAvailableQueryIndex","defaultQuerySettings","addQuerySettingsInput","push","mb","fontStyle","QuerySettingsInput","inputRef","onQueryIndexChange","onColorModeChange","onColorValueChange","color","onLineStyleChange","onAreaOpacityChange","event","onDelete","onAddColor","onRemoveColor","onAddLineStyle","onRemoveLineStyle","onAddAreaOpacity","onRemoveAreaOpacity","onAddFormat","onRemoveFormat","onFormatChange","onAddNegativeY","onRemoveNegativeY","onAddStack","onRemoveStack","onStackChange","variant","startIcon","sx","marginTop","onClick","selectableQueryIndexes","concat","toSorted","a","b","anchorEl","setAnchorEl","availableOptions","options","key","label","action","handleAddMenuClick","currentTarget","handleMenuClose","handleMenuItemClick","borderBottom","borderColor","borderRadius","p","display","flexWrap","flexDirection","direction","alignItems","gap","flexGrow","select","minWidth","qi","SettingsSection","onRemove","size","onColorChange","exclusive","__","Object","entries","styleValue","config","aria-label","valueLabelDisplay","step","marks","min","max","py","slotProps","input","open","Boolean","onClose","anchorOrigin","vertical","horizontal","option","mr","fontSize","justifyContent","children","theme","position","top","left","backgroundColor","palette","background","code","px","zIndex","spacing","border"],"mappings":"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"}
+{"version":3,"sources":["../../src/QuerySettingsEditor.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 {\n  Box,\n  Button,\n  IconButton,\n  Menu,\n  MenuItem,\n  Slider,\n  Stack,\n  Switch,\n  TextField,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n  useTheme,\n} from '@mui/material';\nimport type { FormatOptions } from '@perses-dev/components';\nimport { FormatControls, OptionsColorPicker } from '@perses-dev/components';\nimport { generateQueryNames, useDataQueriesContext } from '@perses-dev/plugin-system';\nimport { produce } from 'immer';\nimport CloseIcon from 'mdi-material-ui/Close';\nimport DeleteIcon from 'mdi-material-ui/DeleteOutline';\nimport AddIcon from 'mdi-material-ui/Plus';\nimport type { ReactElement } from 'react';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport type {\n  QuerySettingsOptions,\n  TimeSeriesChartOptions,\n  TimeSeriesChartOptionsEditorProps,\n} from './time-series-chart-model';\nimport { DEFAULT_AREA_OPACITY, LINE_STYLE_CONFIG, OPACITY_CONFIG } from './time-series-chart-model';\n\nconst DEFAULT_COLOR_VALUE = '#555';\nconst NO_INDEX_AVAILABLE = -1; // invalid array index value used to represent the fact that no query index is available\n\nexport function QuerySettingsEditor(props: TimeSeriesChartOptionsEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const querySettingsList = value.querySettings;\n\n  const handleQuerySettingsChange = (newQuerySettings: QuerySettingsOptions[]): void => {\n    onChange(\n      produce(value, (draft: TimeSeriesChartOptions) => {\n        draft.querySettings = newQuerySettings;\n      }),\n    );\n  };\n  // Every time a new query settings input is added, we want to focus the recently added input\n  const focusRef = useRef(false);\n  const recentlyAddedInputRef = useCallback((input: HTMLInputElement | null): void => {\n    if (!input || !focusRef.current) return;\n    input.focus();\n    focusRef.current = false;\n  }, []);\n\n  const handleQueryIndexChange = (e: React.ChangeEvent<HTMLInputElement>, i: number): void => {\n    if (querySettingsList !== undefined) {\n      handleQuerySettingsChange(\n        produce(querySettingsList, (draft) => {\n          const querySettings = draft?.[i];\n          if (querySettings) {\n            querySettings.queryIndex = parseInt(e.target.value);\n          }\n        }),\n      );\n    }\n  };\n\n  const handleColorModeChange = (e: React.ChangeEvent<HTMLInputElement>, i: number): void => {\n    if (querySettingsList !== undefined) {\n      handleQuerySettingsChange(\n        produce(querySettingsList, (draft) => {\n          if (draft !== undefined) {\n            const querySettings = draft[i];\n            if (querySettings) {\n              const newColorMode = e.target.value;\n              if (!newColorMode) {\n                querySettings.colorMode = undefined;\n                querySettings.colorValue = undefined;\n              } else {\n                querySettings.colorMode = newColorMode as QuerySettingsOptions['colorMode'];\n              }\n            }\n          }\n        }),\n      );\n    }\n  };\n\n  const handleColorValueChange = (colorValue: string, i: number): void => {\n    if (querySettingsList !== undefined) {\n      handleQuerySettingsChange(\n        produce(querySettingsList, (draft) => {\n          if (draft !== undefined) {\n            const querySettings = draft[i];\n            if (querySettings) {\n              querySettings.colorValue = colorValue;\n            }\n          }\n        }),\n      );\n    }\n  };\n\n  const handleLineStyleChange = (lineStyle: string, i: number): void => {\n    if (querySettingsList !== undefined) {\n      handleQuerySettingsChange(\n        produce(querySettingsList, (draft) => {\n          if (draft !== undefined) {\n            const querySettings = draft[i];\n            if (querySettings) {\n              querySettings.lineStyle = lineStyle as QuerySettingsOptions['lineStyle'];\n            }\n          }\n        }),\n      );\n    }\n  };\n\n  const handleAreaOpacityChange = (_: Event, sliderValue: number | number[], i: number): void => {\n    const newValue = Array.isArray(sliderValue) ? sliderValue[0] : sliderValue;\n    if (querySettingsList !== undefined) {\n      handleQuerySettingsChange(\n        produce(querySettingsList, (draft) => {\n          if (draft !== undefined) {\n            const querySettings = draft[i];\n            if (querySettings) {\n              querySettings.areaOpacity = newValue;\n            }\n          }\n        }),\n      );\n    }\n  };\n\n  // Helper function to update query settings at a specific index\n  const updateQuerySettings = (i: number, updater: (qs: QuerySettingsOptions) => void): void => {\n    if (querySettingsList !== undefined) {\n      handleQuerySettingsChange(\n        produce(querySettingsList, (draft) => {\n          const qs = draft[i];\n          if (qs) {\n            updater(qs);\n          }\n        }),\n      );\n    }\n  };\n\n  const deleteQuerySettingsInput = (i: number): void => {\n    if (querySettingsList !== undefined) {\n      const updatedQuerySettingsList = produce(querySettingsList, (draft) => {\n        draft.splice(i, 1);\n      });\n      handleQuerySettingsChange(updatedQuerySettingsList);\n    }\n  };\n\n  const addColor = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.colorMode = 'fixed';\n      qs.colorValue = DEFAULT_COLOR_VALUE;\n    });\n  };\n\n  const removeColor = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.colorMode = undefined;\n      qs.colorValue = undefined;\n    });\n  };\n\n  const addLineStyle = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.lineStyle = 'solid';\n    });\n  };\n\n  const removeLineStyle = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.lineStyle = undefined;\n    });\n  };\n\n  const addAreaOpacity = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.areaOpacity = DEFAULT_AREA_OPACITY;\n    });\n  };\n\n  const removeAreaOpacity = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.areaOpacity = undefined;\n    });\n  };\n\n  const addFormat = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.format = { unit: 'decimal', shortValues: true };\n    });\n  };\n\n  const removeFormat = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.format = undefined;\n    });\n  };\n\n  const addStack = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.stack = false;\n    });\n  };\n\n  const removeStack = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.stack = undefined;\n    });\n  };\n\n  const handleStackChange = (i: number, checked: boolean): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.stack = checked;\n    });\n  };\n\n  const handleFormatChange = (i: number, format?: FormatOptions): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.format = format;\n    });\n  };\n\n  const addNegativeY = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.negativeY = true;\n    });\n  };\n\n  const removeNegativeY = (i: number): void => {\n    updateQuerySettings(i, (qs) => {\n      qs.negativeY = undefined;\n    });\n  };\n\n  const { queryDefinitions } = useDataQueriesContext();\n  const queryCount = queryDefinitions.length;\n  const queryNames = useMemo(() => generateQueryNames(queryDefinitions), [queryDefinitions]);\n\n  // Compute the list of query indexes for which query settings are not already defined.\n  // This is to avoid already-booked indexes to still be selectable in the dropdown(s)\n  const availableQueryIndexes = useMemo(() => {\n    const bookedQueryIndexes = querySettingsList?.map((querySettings) => querySettings.queryIndex) ?? [];\n    const allQueryIndexes = Array.from({ length: queryCount }, (_, i) => i);\n    return allQueryIndexes.filter((_, queryIndex) => !bookedQueryIndexes.includes(queryIndex));\n  }, [querySettingsList, queryCount]);\n\n  const firstAvailableQueryIndex = useMemo(() => {\n    return availableQueryIndexes[0] ?? NO_INDEX_AVAILABLE;\n  }, [availableQueryIndexes]);\n\n  const defaultQuerySettings: QuerySettingsOptions = {\n    queryIndex: firstAvailableQueryIndex,\n  };\n\n  const addQuerySettingsInput = (): void => {\n    focusRef.current = true;\n    if (querySettingsList === undefined) {\n      handleQuerySettingsChange([defaultQuerySettings]);\n    } else {\n      handleQuerySettingsChange(\n        produce(querySettingsList, (draft) => {\n          draft.push(defaultQuerySettings);\n        }),\n      );\n    }\n  };\n\n  return (\n    <Stack>\n      {queryCount === 0 ? (\n        <Typography mb={2} fontStyle=\"italic\">\n          No query defined\n        </Typography>\n      ) : (\n        querySettingsList?.map((querySettings, i) => (\n          <QuerySettingsInput\n            inputRef={i === querySettingsList.length - 1 ? recentlyAddedInputRef : undefined}\n            key={i}\n            querySettings={querySettings}\n            availableQueryIndexes={availableQueryIndexes}\n            queryNames={queryNames}\n            onQueryIndexChange={(e) => {\n              handleQueryIndexChange(e, i);\n            }}\n            onColorModeChange={(e) => handleColorModeChange(e, i)}\n            onColorValueChange={(color) => handleColorValueChange(color, i)}\n            onLineStyleChange={(lineStyle) => handleLineStyleChange(lineStyle, i)}\n            onAreaOpacityChange={(event, value) => handleAreaOpacityChange(event, value, i)}\n            onDelete={() => {\n              deleteQuerySettingsInput(i);\n            }}\n            onAddColor={() => addColor(i)}\n            onRemoveColor={() => removeColor(i)}\n            onAddLineStyle={() => addLineStyle(i)}\n            onRemoveLineStyle={() => removeLineStyle(i)}\n            onAddAreaOpacity={() => addAreaOpacity(i)}\n            onRemoveAreaOpacity={() => removeAreaOpacity(i)}\n            onAddFormat={() => addFormat(i)}\n            onRemoveFormat={() => removeFormat(i)}\n            onFormatChange={(format) => handleFormatChange(i, format)}\n            onAddNegativeY={() => addNegativeY(i)}\n            onRemoveNegativeY={() => removeNegativeY(i)}\n            onAddStack={() => addStack(i)}\n            onRemoveStack={() => removeStack(i)}\n            onStackChange={(checked) => handleStackChange(i, checked)}\n          />\n        ))\n      )}\n      {queryCount > 0 && firstAvailableQueryIndex !== NO_INDEX_AVAILABLE && (\n        <Button variant=\"contained\" startIcon={<AddIcon />} sx={{ marginTop: 1 }} onClick={addQuerySettingsInput}>\n          Add Query Settings\n        </Button>\n      )}\n    </Stack>\n  );\n}\n\ninterface QuerySettingsInputProps {\n  querySettings: QuerySettingsOptions;\n  availableQueryIndexes: number[];\n  queryNames: string[];\n  onQueryIndexChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onColorModeChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onColorValueChange: (colorValue: string) => void;\n  onLineStyleChange: (lineStyle: string) => void;\n  onAreaOpacityChange: (event: Event, value: number | number[]) => void;\n  onDelete: () => void;\n  inputRef?: React.Ref<HTMLInputElement>;\n  // Optional control handlers\n  onAddColor: () => void;\n  onRemoveColor: () => void;\n  onAddLineStyle: () => void;\n  onRemoveLineStyle: () => void;\n  onAddAreaOpacity: () => void;\n  onRemoveAreaOpacity: () => void;\n  onAddFormat: () => void;\n  onRemoveFormat: () => void;\n  onFormatChange: (format?: FormatOptions) => void;\n  onAddNegativeY: () => void;\n  onRemoveNegativeY: () => void;\n  onAddStack: () => void;\n  onRemoveStack: () => void;\n  onStackChange: (checked: boolean) => void;\n}\n\nfunction QuerySettingsInput({\n  querySettings: { queryIndex, colorMode, colorValue, lineStyle, areaOpacity, format, negativeY, stack },\n  availableQueryIndexes,\n  queryNames,\n  onQueryIndexChange,\n  onColorModeChange,\n  onColorValueChange,\n  onLineStyleChange,\n  onAreaOpacityChange,\n  onDelete,\n  inputRef,\n  onAddColor,\n  onRemoveColor,\n  onAddLineStyle,\n  onRemoveLineStyle,\n  onAddAreaOpacity,\n  onRemoveAreaOpacity,\n  onAddFormat,\n  onRemoveFormat,\n  onFormatChange,\n  onAddNegativeY,\n  onRemoveNegativeY,\n  onAddStack,\n  onRemoveStack,\n  onStackChange,\n}: QuerySettingsInputProps): ReactElement {\n  // current query index should also be selectable\n  const selectableQueryIndexes = availableQueryIndexes.concat(queryIndex).toSorted((a, b) => a - b);\n\n  // State for dropdown menu\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  // Calculate available options\n  const availableOptions = useMemo(() => {\n    const options = [];\n    if (!colorMode) options.push({ key: 'color', label: 'Color', action: onAddColor });\n    if (!lineStyle) options.push({ key: 'lineStyle', label: 'Line Style', action: onAddLineStyle });\n    if (areaOpacity === undefined) options.push({ key: 'opacity', label: 'Opacity', action: onAddAreaOpacity });\n    if (format === undefined) options.push({ key: 'format', label: 'Format', action: onAddFormat });\n    if (!negativeY) options.push({ key: 'negativeY', label: 'Negative Y', action: onAddNegativeY });\n    if (stack === undefined) options.push({ key: 'stack', label: 'Stack', action: onAddStack });\n    return options;\n  }, [\n    colorMode,\n    lineStyle,\n    areaOpacity,\n    format,\n    negativeY,\n    stack,\n    onAddColor,\n    onAddLineStyle,\n    onAddAreaOpacity,\n    onAddFormat,\n    onAddNegativeY,\n    onAddStack,\n  ]);\n\n  const handleAddMenuClick = (event: React.MouseEvent<HTMLElement>): void => {\n    if (availableOptions.length === 1 && availableOptions[0]) {\n      // If only one option left, add it directly\n      availableOptions[0].action();\n    } else {\n      // Show dropdown\n      setAnchorEl(event.currentTarget);\n    }\n  };\n\n  const handleMenuClose = (): void => {\n    setAnchorEl(null);\n  };\n\n  const handleMenuItemClick = (action: () => void): void => {\n    action();\n    handleMenuClose();\n  };\n\n  return (\n    <Stack\n      sx={{\n        borderBottom: '1px solid',\n        borderColor: 'divider',\n        borderRadius: 1,\n        p: 2,\n        display: 'flex',\n        flexWrap: 'nowrap',\n        flexDirection: 'row',\n      }}\n    >\n      <Stack direction=\"row\" alignItems=\"center\" sx={{ flexWrap: 'wrap', gap: 2, flexGrow: 1 }}>\n        {/* Query Index Selection */}\n        <TextField\n          select\n          inputRef={inputRef}\n          value={queryIndex}\n          label=\"Query\"\n          onChange={onQueryIndexChange}\n          sx={{ minWidth: '75px' }}\n        >\n          {selectableQueryIndexes.map((qi) => (\n            <MenuItem key={`query-${qi}`} value={qi}>\n              {queryNames[qi] ?? `#${qi + 1}`}\n            </MenuItem>\n          ))}\n        </TextField>\n\n        {/* Color section */}\n        {colorMode && (\n          <SettingsSection label=\"Color\" onRemove={onRemoveColor}>\n            <TextField select value={colorMode} onChange={onColorModeChange} size=\"small\" sx={{ flexGrow: 1 }}>\n              <MenuItem value=\"fixed\">Fixed</MenuItem>\n              <MenuItem value=\"fixed-single\">Fixed (single series)</MenuItem>\n            </TextField>\n            <OptionsColorPicker\n              label={queryNames[queryIndex] ?? `Query n°${queryIndex + 1}`}\n              color={colorValue || DEFAULT_COLOR_VALUE}\n              onColorChange={onColorValueChange}\n            />\n          </SettingsSection>\n        )}\n\n        {/* Line Style section */}\n        {lineStyle && (\n          <SettingsSection label=\"Line Style\" onRemove={onRemoveLineStyle}>\n            <ToggleButtonGroup\n              color=\"primary\"\n              exclusive\n              value={lineStyle}\n              onChange={(__, newValue) => {\n                if (newValue !== null) {\n                  onLineStyleChange(newValue);\n                }\n              }}\n              size=\"small\"\n            >\n              {Object.entries(LINE_STYLE_CONFIG).map(([styleValue, config]) => (\n                <ToggleButton key={styleValue} value={styleValue} aria-label={`${styleValue} line style`}>\n                  {config.label}\n                </ToggleButton>\n              ))}\n            </ToggleButtonGroup>\n            {/* Spacer to push delete button to the right */}\n            <Box sx={{ flexGrow: 1 }} />\n          </SettingsSection>\n        )}\n\n        {/* Area Opacity section */}\n        {areaOpacity !== undefined && (\n          <SettingsSection label=\"Opacity\" onRemove={onRemoveAreaOpacity}>\n            {/* Spacer as I don't want to add a prop to SettingsSection for left-padding just for that case.. */}\n            <Box />\n            <Slider\n              value={areaOpacity}\n              valueLabelDisplay=\"auto\"\n              step={OPACITY_CONFIG.step}\n              marks\n              min={OPACITY_CONFIG.min}\n              max={OPACITY_CONFIG.max}\n              onChange={onAreaOpacityChange}\n              sx={{ flexGrow: 1 }}\n            />\n          </SettingsSection>\n        )}\n\n        {/* Format section */}\n        {format !== undefined && (\n          <SettingsSection label=\"Format\" onRemove={onRemoveFormat}>\n            <Box sx={{ minWidth: '180px', display: 'flex', gap: 1, flexDirection: 'column' }}>\n              <FormatControls value={format} onChange={onFormatChange} />\n            </Box>\n          </SettingsSection>\n        )}\n\n        {/* Negative Y section (presence-only flag) */}\n        {negativeY && (\n          <SettingsSection label=\"Negative Y\" onRemove={onRemoveNegativeY}>\n            <Typography variant=\"body2\" color=\"text.secondary\" sx={{ flexGrow: 1, py: 0.5 }}>\n              Series rendered below the X axis\n            </Typography>\n          </SettingsSection>\n        )}\n\n        {/* Stack section */}\n        {stack !== undefined && (\n          <SettingsSection label=\"Stack\" onRemove={onRemoveStack}>\n            <Switch\n              checked={stack}\n              onChange={(e) => onStackChange(e.target.checked)}\n              slotProps={{ input: { 'aria-label': 'stack override' } }}\n            />\n            <Box sx={{ flexGrow: 1 }} />\n          </SettingsSection>\n        )}\n\n        {/* Add Options Button - only show if there are available options */}\n        {availableOptions.length > 0 && (\n          <>\n            <IconButton onClick={handleAddMenuClick} aria-label=\"Add option\">\n              <AddIcon />\n            </IconButton>\n\n            {/* Dropdown Menu */}\n            <Menu\n              anchorEl={anchorEl}\n              open={Boolean(anchorEl)}\n              onClose={handleMenuClose}\n              anchorOrigin={{\n                vertical: 'bottom',\n                horizontal: 'left',\n              }}\n            >\n              {availableOptions.map((option) => (\n                <MenuItem\n                  key={option.key}\n                  onClick={() => handleMenuItemClick(option.action)}\n                  sx={{ minWidth: '120px' }}\n                >\n                  <AddIcon sx={{ mr: 1, fontSize: '1rem' }} />\n                  {option.label}\n                </MenuItem>\n              ))}\n            </Menu>\n          </>\n        )}\n      </Stack>\n      {/* Delete Button for this query settings */}\n      <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>\n        <IconButton\n          aria-label={`delete settings for ${queryNames[queryIndex] ?? `query n°${queryIndex + 1}`}`}\n          onClick={onDelete}\n        >\n          <DeleteIcon />\n        </IconButton>\n      </Box>\n    </Stack>\n  );\n}\n\ninterface SettingsSectionProps {\n  label: string;\n  children: React.ReactNode;\n  onRemove: () => void;\n}\n\n// Reusable section component\nfunction SettingsSection(props: SettingsSectionProps): ReactElement {\n  const { label, children, onRemove } = props;\n  const theme = useTheme();\n\n  return (\n    <Box sx={{ position: 'relative', minWidth: '250px' }}>\n      <Typography\n        variant=\"caption\"\n        sx={{\n          position: 'absolute',\n          top: -8,\n          left: 12,\n          backgroundColor: theme.palette.background.code,\n          px: 0.5,\n          color: 'text.secondary',\n          zIndex: 1,\n        }}\n      >\n        {label}\n      </Typography>\n      <Stack\n        direction=\"row\"\n        alignItems=\"center\"\n        spacing={1}\n        sx={{\n          border: '1px solid',\n          borderColor: 'divider',\n          borderRadius: 1,\n          p: 1,\n        }}\n      >\n        {children}\n        <IconButton size=\"small\" onClick={onRemove} aria-label={`Remove ${label}`}>\n          <CloseIcon />\n        </IconButton>\n      </Stack>\n    </Box>\n  );\n}\n"],"names":["Box","Button","IconButton","Menu","MenuItem","Slider","Stack","Switch","TextField","ToggleButton","ToggleButtonGroup","Typography","useTheme","FormatControls","OptionsColorPicker","generateQueryNames","useDataQueriesContext","produce","CloseIcon","DeleteIcon","AddIcon","React","useCallback","useMemo","useRef","useState","DEFAULT_AREA_OPACITY","LINE_STYLE_CONFIG","OPACITY_CONFIG","DEFAULT_COLOR_VALUE","NO_INDEX_AVAILABLE","QuerySettingsEditor","props","onChange","value","querySettingsList","querySettings","handleQuerySettingsChange","newQuerySettings","draft","focusRef","recentlyAddedInputRef","input","current","focus","handleQueryIndexChange","e","i","undefined","queryIndex","parseInt","target","handleColorModeChange","newColorMode","colorMode","colorValue","handleColorValueChange","handleLineStyleChange","lineStyle","handleAreaOpacityChange","_","sliderValue","newValue","Array","isArray","areaOpacity","updateQuerySettings","updater","qs","deleteQuerySettingsInput","updatedQuerySettingsList","splice","addColor","removeColor","addLineStyle","removeLineStyle","addAreaOpacity","removeAreaOpacity","addFormat","format","unit","shortValues","removeFormat","addStack","stack","removeStack","handleStackChange","checked","handleFormatChange","addNegativeY","negativeY","removeNegativeY","queryDefinitions","queryCount","length","queryNames","availableQueryIndexes","bookedQueryIndexes","map","allQueryIndexes","from","filter","includes","firstAvailableQueryIndex","defaultQuerySettings","addQuerySettingsInput","push","mb","fontStyle","QuerySettingsInput","inputRef","onQueryIndexChange","onColorModeChange","onColorValueChange","color","onLineStyleChange","onAreaOpacityChange","event","onDelete","onAddColor","onRemoveColor","onAddLineStyle","onRemoveLineStyle","onAddAreaOpacity","onRemoveAreaOpacity","onAddFormat","onRemoveFormat","onFormatChange","onAddNegativeY","onRemoveNegativeY","onAddStack","onRemoveStack","onStackChange","variant","startIcon","sx","marginTop","onClick","selectableQueryIndexes","concat","toSorted","a","b","anchorEl","setAnchorEl","availableOptions","options","key","label","action","handleAddMenuClick","currentTarget","handleMenuClose","handleMenuItemClick","borderBottom","borderColor","borderRadius","p","display","flexWrap","flexDirection","direction","alignItems","gap","flexGrow","select","minWidth","qi","SettingsSection","onRemove","size","onColorChange","exclusive","__","Object","entries","styleValue","config","aria-label","valueLabelDisplay","step","marks","min","max","py","slotProps","open","Boolean","onClose","anchorOrigin","vertical","horizontal","option","mr","fontSize","justifyContent","children","theme","position","top","left","backgroundColor","palette","background","code","px","zIndex","spacing","border"],"mappings":"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"}

package/lib/TimeSeriesChartBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeSeriesChartBase.d.ts","sourceRoot":"","sources":["../../src/TimeSeriesChartBase.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACV,aAAa,EAGb,aAAa,EAEb,sBAAsB,EACtB,aAAa,EACb,aAAa,EACd,MAAM,wBAAwB,CAAC;AAiBhC,OAAO,KAAK,EAAoB,SAAS,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,KAAK,EAEV,iBAAiB,EACjB,mBAAmB,EAEnB,oBAAoB,EAErB,MAAM,SAAS,CAAC;AAsBjB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAsChE,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,aAAa,EAAE,sBAAsB,CAAC;IACtC,+EAA+E;IAC/E,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,oBAAoB,GAAG,oBAAoB,EAAE,CAAC;IACtD,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAC7C,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,oCAAoC,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,iBAAiB,CAAC;CAC1F;AAED,eAAO,MAAM,mBAAmB,0GA+jB9B,CAAC"}
+{"version":3,"file":"TimeSeriesChartBase.d.ts","sourceRoot":"","sources":["../../src/TimeSeriesChartBase.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACV,aAAa,EAGb,aAAa,EAEb,sBAAsB,EACtB,aAAa,EACb,aAAa,EACd,MAAM,wBAAwB,CAAC;AAiBhC,OAAO,KAAK,EAAoB,SAAS,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,KAAK,EAEV,iBAAiB,EACjB,mBAAmB,EAEnB,oBAAoB,EAErB,MAAM,SAAS,CAAC;AAsBjB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAsChE,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,aAAa,EAAE,sBAAsB,CAAC;IACtC,+EAA+E;IAC/E,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,oBAAoB,GAAG,oBAAoB,EAAE,CAAC;IACtD,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAC7C,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,oCAAoC,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,iBAAiB,CAAC;CAC1F;AAED,eAAO,MAAM,mBAAmB,0GAykB9B,CAAC"}

package/lib/TimeSeriesChartBase.js

@@ -19,9 +19,9 @@ 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 { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState } from "react";
 import useResizeObserver from "use-resize-observer";
-import { AnnotationTooltip, buildAnnotationSeries } from "./annotations/AnnotationTooltip.js";
+import { ANNOTATION_Y_AXIS, 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([
@@ -146,14 +146,15 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
                     enableDataZoom(chartRef.current);
                 }
             },
-            // 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) {
+                if (params.componentType === 'series' && params.seriesType === 'scatter' && 'seriesId' in params && typeof params.seriesId === 'string' && params.seriesId.startsWith(EXEMPLAR_SERIES_ID_PREFIX)) {
+                    // This series ID identifies the metadata embedded by getExemplarSeries.
+                    const point = params.data;
+                    if (point?.exemplar) {
                         setHoveredExemplar({
-                            exemplar: params.data.exemplar,
-                            seriesLabels: params.data.seriesLabels,
-                            plottedValue: params.data?.value?.[1] ?? params.data.exemplar.value
+                            exemplar: point.exemplar,
+                            seriesLabels: point.seriesLabels,
+                            plottedValue: point.value?.[1] ?? point.exemplar.value
                         });
                         return;
                     }
@@ -162,7 +163,7 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
                 // 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).
-                if (annotations && params.componentType === 'markPoint' && params.data?.annotationIndex !== undefined) {
+                if (annotations && params.componentType === 'markPoint' && typeof params.data?.annotationIndex === 'number') {
                     const matchedAnnotation = annotations[params.data.annotationIndex] || null;
                     if (matchedAnnotation) {
                         setHoveredAnnotation(matchedAnnotation);
@@ -171,13 +172,12 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
                 }
                 setHoveredAnnotation(null);
             },
-            // 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)) {
+                if (params.componentType === 'series' && params.seriesType === 'scatter' && 'seriesId' in params && typeof params.seriesId === 'string' && params.seriesId.startsWith(EXEMPLAR_SERIES_ID_PREFIX)) {
                     setHoveredExemplar(null);
                     return;
                 }
-                if (annotations && params.componentType === 'markPoint' && params.data?.annotationIndex !== undefined && annotations) {
+                if (annotations && params.componentType === 'markPoint' && typeof params.data?.annotationIndex === 'number' && 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.
                     const leaving = annotations[params.data.annotationIndex] || null;
@@ -197,8 +197,10 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
         onDataZoom
     ]);
     // Generate annotation series for ECharts markArea (range), markLine (point), and markPoint (markers under X-axis)
-    const annotationSeries = useMemo(()=>buildAnnotationSeries(annotations), [
-        annotations
+    const annotationYAxisIndex = Array.isArray(yAxis) ? yAxis.length : 1;
+    const annotationSeries = useMemo(()=>buildAnnotationSeries(annotations, annotationYAxisIndex), [
+        annotations,
+        annotationYAxisIndex
     ]);
     const preparedExemplarSeries = useMemo(()=>exemplars?.map(getExemplarSeries) ?? [], [
         exemplars
@@ -253,7 +255,12 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
                 }
             },
             // If yAxis is already an array (multiple Y axes), use it directly; otherwise use getFormattedAxis
-            yAxis: Array.isArray(yAxis) ? yAxis : getFormattedAxis(yAxis, format),
+            yAxis: [
+                ...Array.isArray(yAxis) ? yAxis : getFormattedAxis(yAxis, format),
+                ...annotationSeries.length > 0 ? [
+                    ANNOTATION_Y_AXIS
+                ] : []
+            ],
             animation: false,
             tooltip: {
                 show: true,
@@ -303,18 +310,20 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
         pinnedCrosshair,
         getTimezoneAwareAxisFormatter
     ]);
-    // Update adjacent charts so tooltip is unpinned when current chart is clicked.
-    useEffect(()=>{
-        // Only allow pinning one tooltip at a time, subsequent tooltip click unpins previous.
-        // Multiple tooltips can only be pinned if Ctrl or Cmd key is pressed while clicking.
-        const multipleTooltipsPinned = tooltipPinnedCoords !== null && lastTooltipPinnedCoords !== null;
-        if (multipleTooltipsPinned) {
-            if (!isEqual(lastTooltipPinnedCoords, tooltipPinnedCoords)) {
-                setTooltipPinnedCoords(null);
-                if (tooltipPinnedCoords !== null && pinnedCrosshair !== null) {
-                    setPinnedCrosshair(null);
-                }
-            }
+    // Only changes from another chart (or new series) can clear the local pin.
+    // A local click may update its coordinates without updating the shared pin.
+    const [previousPinState, setPreviousPinState] = useState({
+        lastTooltipPinnedCoords,
+        seriesMapping
+    });
+    if (previousPinState.lastTooltipPinnedCoords !== lastTooltipPinnedCoords || previousPinState.seriesMapping !== seriesMapping) {
+        setPreviousPinState({
+            lastTooltipPinnedCoords,
+            seriesMapping
+        });
+        if (tooltipPinnedCoords !== null && lastTooltipPinnedCoords !== null && !isEqual(lastTooltipPinnedCoords, tooltipPinnedCoords)) {
+            setTooltipPinnedCoords(null);
+            setPinnedCrosshair(null);
         }
         // 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.
@@ -322,12 +331,7 @@ export const TimeSeriesChartBase = /*#__PURE__*/ forwardRef(function TimeChart({
             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
-    }, [
-        lastTooltipPinnedCoords,
-        seriesMapping
-    ]);
+    }
     return /*#__PURE__*/ _jsxs(Box, {
         ref: containerRef,
         style: {

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  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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"}
+{"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, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport useResizeObserver from 'use-resize-observer';\n\nimport { ANNOTATION_Y_AXIS, 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 = useMemo<OnEventsType<unknown>>(() => {\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      mouseover: (params): void => {\n        if (\n          params.componentType === 'series' &&\n          params.seriesType === 'scatter' &&\n          'seriesId' in params &&\n          typeof params.seriesId === 'string' &&\n          params.seriesId.startsWith(EXEMPLAR_SERIES_ID_PREFIX)\n        ) {\n          // This series ID identifies the metadata embedded by getExemplarSeries.\n          const point = params.data as { exemplar?: Exemplar; seriesLabels?: Labels; value?: number[] };\n          if (point?.exemplar) {\n            setHoveredExemplar({\n              exemplar: point.exemplar,\n              seriesLabels: point.seriesLabels,\n              plottedValue: point.value?.[1] ?? point.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' && typeof params.data?.annotationIndex === 'number') {\n          const matchedAnnotation = annotations[params.data.annotationIndex] || null;\n          if (matchedAnnotation) {\n            setHoveredAnnotation(matchedAnnotation);\n            return;\n          }\n        }\n        setHoveredAnnotation(null);\n      },\n      mouseout: (params): void => {\n        if (\n          params.componentType === 'series' &&\n          params.seriesType === 'scatter' &&\n          'seriesId' in params &&\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          typeof params.data?.annotationIndex === 'number' &&\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 annotationYAxisIndex = Array.isArray(yAxis) ? yAxis.length : 1;\n  const annotationSeries = useMemo(\n    () => buildAnnotationSeries(annotations, annotationYAxisIndex),\n    [annotations, annotationYAxisIndex],\n  );\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: [\n        ...(Array.isArray(yAxis) ? yAxis : getFormattedAxis(yAxis, format)),\n        ...(annotationSeries.length > 0 ? [ANNOTATION_Y_AXIS] : []),\n      ],\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  // Only changes from another chart (or new series) can clear the local pin.\n  // A local click may update its coordinates without updating the shared pin.\n  const [previousPinState, setPreviousPinState] = useState({ lastTooltipPinnedCoords, seriesMapping });\n  if (\n    previousPinState.lastTooltipPinnedCoords !== lastTooltipPinnedCoords ||\n    previousPinState.seriesMapping !== seriesMapping\n  ) {\n    setPreviousPinState({ lastTooltipPinnedCoords, seriesMapping });\n    if (\n      tooltipPinnedCoords !== null &&\n      lastTooltipPinnedCoords !== null &&\n      !isEqual(lastTooltipPinnedCoords, tooltipPinnedCoords)\n    ) {\n      setTooltipPinnedCoords(null);\n      setPinnedCrosshair(null);\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  }\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","useImperativeHandle","useMemo","useRef","useState","useResizeObserver","ANNOTATION_Y_AXIS","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","point","exemplar","seriesLabels","plottedValue","value","annotationIndex","matchedAnnotation","mouseout","leaving","globalout","annotationYAxisIndex","Array","isArray","length","annotationSeries","preparedExemplarSeries","map","exemplarSeries","visibleIds","Set","series","id","filter","has","String","noDataOption","dataset","index","dimensions","source","values","option","updatedSeriesMapping","xAxis","min","max","axisLabel","hideOverlap","formatter","axisPointer","snap","animation","tooltip","show","showContent","trigger","appendToBody","z","triggerEmphasis","triggerTooltip","toolbox","feature","dataZoom","icon","yAxisIndex","previousPinState","setPreviousPinState","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.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,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"}
+{"version":3,"file":"TimeSeriesChartPanel.d.ts","sourceRoot":"","sources":["../../src/TimeSeriesChartPanel.tsx"],"names":[],"mappings":"AAoCA,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"}