@neo4j-ndl/react-charts 1.0.25 → 1.0.27

package/lib/cjs/charts/Chart.js

@@ -123,8 +123,9 @@ function Chart({ dataset, option: userOption, xAxis: propXAxis, yAxis: propYAxis
     // the same as this due to mutation via dispatch and setOption.
     // use getOption to get the current option of the chart.
     const initialOption = (0, react_2.useMemo)(() => {
-        if (chartEchartRef.current === null)
+        if (chartEchartRef.current === null) {
             return;
+        }
         const option = Object.assign(Object.assign({ dataset,
             xAxis,
             yAxis }, userOption), { aria: Object.assign({ decal: {
@@ -172,14 +173,13 @@ function Chart({ dataset, option: userOption, xAxis: propXAxis, yAxis: propYAxis
                                         notificationType,
                                         leadingElement: customCondition
                                             ? customConditionText
-                                            : checkCondition(seriesValue, condition, thresholdValue)
-                                                .conditionText + ' threshold',
+                                            : `${checkCondition(seriesValue, condition, thresholdValue).conditionText} threshold`,
                                         trailingElement: thresholdValue,
                                     };
                                 });
                                 const value = (0, utils_1.extractValueFromTooltipSeries)(series.value, series.encode, series.axisDim);
                                 return ((0, jsx_runtime_1.jsx)(ChartTooltip_1.ChartTooltip.Content, { leadingElement: isThresholdLine
-                                        ? (0, utils_1.capitalizeFirstLetter)(series.seriesName.replace('thresholdLine-', '')) + ' threshold'
+                                        ? `${(0, utils_1.capitalizeFirstLetter)(series.seriesName.replace('thresholdLine-', ''))} threshold`
                                         : series.seriesName, trailingElement: valueFormatter(value), indentSquareColor: series.color, notifications: notifications }, series.seriesName));
                             })] }))}`;
                 },
@@ -229,14 +229,17 @@ function Chart({ dataset, option: userOption, xAxis: propXAxis, yAxis: propYAxis
         if (callbacks === null || callbacks === void 0 ? void 0 : callbacks.onZoom) {
             chart === null || chart === void 0 ? void 0 : chart.on('datazoom', () => {
                 var _a;
-                if (chartEchartRef.current === null)
+                if (chartEchartRef.current === null) {
                     return;
+                }
                 const currentChart = (0, echarts_1.getInstanceByDom)(chartEchartRef.current);
-                if (!currentChart)
+                if (!currentChart) {
                     return;
+                }
                 const option = currentChart.getOption();
-                if (!option || !option.dataZoom)
+                if (!option || !option.dataZoom) {
                     return;
+                }
                 const dataZoom = Array.isArray(option.dataZoom)
                     ? option.dataZoom[0]
                     : option.dataZoom;
@@ -307,8 +310,9 @@ function Chart({ dataset, option: userOption, xAxis: propXAxis, yAxis: propYAxis
             const isDoubleClick = amountOfMouseClicks === 2;
             if (isDoubleClick) {
                 // Reset zooming.
-                if (chart === undefined)
+                if (chart === undefined) {
                     return;
+                }
                 chart === null || chart === void 0 ? void 0 : chart.dispatchAction({
                     type: 'dataZoom',
                     start: 0,

package/lib/cjs/charts/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { useNeedleTheme } from '@neo4j-ndl/react';\nimport {\n  type DataZoomComponentOption,\n  type ECharts,\n  type EChartsOption,\n  getInstanceByDom,\n  init,\n  type LineSeriesOption,\n  type RegisteredSeriesOption,\n  registerTheme,\n  type SetOptionOpts,\n} from 'echarts';\nimport {\n  type CSSProperties,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { renderToString } from 'react-dom/server';\n\nimport { ChartTooltip, type NotificationType } from './ChartTooltip';\nimport { Legend, type LegendProps } from './Legend';\nimport { ndlEchartsTheme } from './themes/ndl-echarts-theme';\nimport {\n  mergeDataZoom,\n  mergeSeries,\n  mergeToolbox,\n  mergeXAxis,\n  mergeYAxis,\n} from './user-option-utils';\nimport { capitalizeFirstLetter, extractValueFromTooltipSeries } from './utils';\n\ntype Condition =\n  | 'greater'\n  | 'greaterOrEqual'\n  | 'less'\n  | 'lessOrEqual'\n  | 'equal'\n  | 'notEqual';\n\ntype CustomCondition = (\n  lineValue: unknown,\n  thresholdLineValue: unknown,\n) => boolean;\n\n// This returns a boolean if the condition is met\n// and also what to display in the tooltip.\nfunction checkCondition(\n  value: number,\n  condition: Condition,\n  threshold: number,\n): {\n  isConditionMet: boolean;\n  conditionText: string | undefined;\n} {\n  switch (condition) {\n    case 'greater':\n      return {\n        isConditionMet: value > threshold,\n        conditionText: 'Above',\n      };\n    case 'greaterOrEqual':\n      return {\n        isConditionMet: value >= threshold,\n        conditionText:\n          value > threshold\n            ? 'Above'\n            : value === threshold\n              ? 'Equal'\n              : undefined,\n      };\n    case 'less':\n      return {\n        isConditionMet: value < threshold,\n        conditionText: 'Below',\n      };\n    case 'lessOrEqual':\n      return {\n        isConditionMet: value <= threshold,\n        conditionText:\n          value < threshold\n            ? 'Below'\n            : value === threshold\n              ? 'Equal'\n              : undefined,\n      };\n    case 'equal':\n      return {\n        isConditionMet: value === threshold,\n        conditionText: 'Equal',\n      };\n    case 'notEqual':\n      return {\n        isConditionMet: value !== threshold,\n        conditionText: 'Not equal',\n      };\n    default:\n      return { isConditionMet: false, conditionText: undefined };\n  }\n}\n\nexport interface ThresholdLineSeriesOption<T extends NotificationType>\n  extends Omit<LineSeriesOption, 'type'> {\n  type: 'thresholdLine';\n  yAxis: number;\n  xAxis: [number, number];\n  notificationType: T;\n  color?: string;\n  condition?: Condition;\n  customConditionText?: string;\n  customCondition?: CustomCondition;\n}\n\nexport const defaultThresholdLineSeriesOption: {\n  condition: Condition;\n} = {\n  condition: 'greater',\n};\n\nexport type Values<T> = T[keyof T];\nexport type SeriesOption = Values<RegisteredSeriesOption>;\n\nexport type EchartsSeries = SeriesOption | SeriesOption[];\n\n/*\nKeep this, if we want more than one type of the same threshold line\nthis will be useful to use.\n\nexport interface NewRegisteredSeriesOption extends RegisteredSeriesOption {\nthresholdLine: ThresholdLineSeriesOption;\n}\nexport type SeriesOption = Values<NewRegisteredSeriesOption>;\nexport type Series = SeriesOption | SeriesOption[];\n*/\n\n// Only one threshold line of each type is allowed.\nexport type NeedleSeries =\n  | [\n      ThresholdLineSeriesOption<'warning'>,\n      ThresholdLineSeriesOption<'danger'>,\n      ...SeriesOption[],\n    ]\n  | [ThresholdLineSeriesOption<'danger'>, ...SeriesOption[]]\n  | [ThresholdLineSeriesOption<'warning'>, ...SeriesOption[]]\n  | SeriesOption[];\n\ninterface ChartProps {\n  /** The dataset configuration for the chart. Can be a single dataset or an array of datasets. */\n  dataset: EChartsOption['dataset'];\n  /** The series configuration for the chart. Defines what data to display and how to display it. */\n  series: NeedleSeries;\n  /** X-axis configuration for the chart. */\n  xAxis?: EChartsOption['xAxis'];\n  /** Y-axis configuration for the chart. */\n  yAxis?: EChartsOption['yAxis'];\n  /** Legend configuration for the chart. */\n  legend?: {\n    show?: boolean;\n    wrappingType?: LegendProps['wrappingType'];\n  };\n  /** Additional ECharts options to merge with the chart configuration. */\n  option?: Omit<\n    EChartsOption,\n    'series' | 'dataset' | 'legend' | 'xAxis' | 'yAxis'\n  >;\n  /** Custom CSS styles to apply to the chart container. */\n  style?: CSSProperties;\n  /** Settings for how ECharts should update the chart. */\n  settings?: SetOptionOpts;\n  /** Whether the chart is in a loading state. */\n  isLoading?: boolean;\n  /** Callback functions for chart interactions. */\n  callbacks?: {\n    onZoom?: (params: { startValue: number; endValue: number }) => void;\n  };\n  /** Data zoom configuration for the chart. */\n  dataZoom?: EChartsOption['dataZoom'];\n}\n\nexport function Chart({\n  dataset,\n  option: userOption,\n  xAxis: propXAxis,\n  yAxis: propYAxis,\n  series: propsSeries,\n  style,\n  settings = {\n    notMerge: true,\n    lazyUpdate: false,\n    silent: false,\n  },\n  isLoading,\n  legend,\n  callbacks,\n}: ChartProps): React.JSX.Element {\n  const chartRef = useRef<HTMLDivElement>(null);\n  const chartEchartRef = useRef<HTMLDivElement>(null);\n  const chartLegendRef = useRef<HTMLDivElement>(null);\n  const [isWaitingForFirstResize, setIsWaitingForFirstResize] = useState(true);\n\n  const dataZoomOptions = (userOption as EChartsOption)?.dataZoom;\n  const toolboxOptions = (userOption as EChartsOption)?.toolbox;\n\n  const hasSliderZoom = Array.isArray(dataZoomOptions)\n    ? dataZoomOptions.some((dataZoomOption: DataZoomComponentOption) => {\n        return dataZoomOption?.type === 'slider';\n      })\n    : dataZoomOptions?.type === 'slider';\n\n  const { theme } = useNeedleTheme();\n  const thresholdLines = useMemo(() => {\n    const seriesArray = Array.isArray(propsSeries)\n      ? propsSeries\n      : [propsSeries];\n\n    const thresholdLineSeries = seriesArray.filter((currentSeries) => {\n      return currentSeries.type === 'thresholdLine';\n    }) as ThresholdLineSeriesOption<NotificationType>[];\n\n    return thresholdLineSeries.map((currentThresholdLineSeriesOption) => {\n      return {\n        ...currentThresholdLineSeriesOption,\n        condition:\n          currentThresholdLineSeriesOption.condition ??\n          defaultThresholdLineSeriesOption.condition,\n        value: currentThresholdLineSeriesOption.yAxis,\n      };\n    });\n  }, [propsSeries]);\n\n  const dataZoom = useMemo(() => {\n    return mergeDataZoom(dataZoomOptions);\n  }, [dataZoomOptions]);\n\n  const series = mergeSeries(propsSeries, theme);\n  const xAxis = mergeXAxis(propXAxis, theme);\n  const yAxis = mergeYAxis(propYAxis, theme);\n\n  const hasCategoryXAxis = Array.isArray(xAxis)\n    ? xAxis.some((x) => x.type === 'category')\n    : xAxis?.type === 'category';\n\n  // The initial option used, the charts option is not necessarily\n  // the same as this due to mutation via dispatch and setOption.\n  // use getOption to get the current option of the chart.\n  const initialOption = useMemo(() => {\n    if (chartEchartRef.current === null) return;\n\n    const option = {\n      dataset,\n      xAxis,\n      yAxis,\n      ...userOption,\n      aria: {\n        decal: {\n          show: false,\n        },\n        enabled: true,\n        ...(userOption?.aria as EChartsOption['aria']),\n      },\n      grid: {\n        left: hasCategoryXAxis ? '15px' : '10px',\n        right: hasCategoryXAxis ? '15px' : '10px',\n        top: '10px',\n        bottom: hasSliderZoom ? '60px' : '10px',\n        type: 'solid',\n        containLabel: true,\n        ...(userOption?.grid as EChartsOption['grid']),\n      },\n      legend: {\n        // Removes in-built echarts legend\n        show: false,\n      },\n      series,\n      tooltip: {\n        trigger: 'axis',\n        confine: true,\n        // Reset the default tooltip css styling\n        padding: 0,\n        borderRadius: 0,\n        borderWidth: 0,\n        extraCssText: 'box-shadow: none; background-color: transparent;',\n        formatter: function (params: unknown) {\n          const paramsArray = Array.isArray(params) ? params : [params];\n          const firstParam = paramsArray[0];\n\n          let valueFormatter = (value: unknown) => `${value}`;\n          if (\n            typeof userOption?.tooltip === 'object' &&\n            userOption.tooltip !== null &&\n            'valueFormatter' in userOption.tooltip\n          ) {\n            valueFormatter = userOption.tooltip.valueFormatter as (\n              value: unknown,\n            ) => string;\n          }\n          return `${renderToString(\n            <span className=\"ndl-charts-chart-tooltip\">\n              <ChartTooltip.Title>\n                {firstParam?.axisValueLabel ?? ''}\n              </ChartTooltip.Title>\n              {paramsArray.map((series) => {\n                const { value: seriesValueUnknown } = series;\n\n                const seriesValue = Array.isArray(seriesValueUnknown)\n                  ? seriesValueUnknown[1]\n                  : seriesValueUnknown;\n\n                const isThresholdLine =\n                  series.seriesName.startsWith('thresholdLine');\n\n                const notifications = thresholdLines\n                  .filter((threshold) => {\n                    const {\n                      value: thresholdValue,\n                      condition,\n                      customCondition,\n                    } = threshold;\n\n                    const isConditionMet = customCondition\n                      ? customCondition(seriesValue, thresholdValue)\n                      : checkCondition(seriesValue, condition, thresholdValue)\n                          .isConditionMet;\n\n                    return !isThresholdLine && isConditionMet;\n                  })\n                  .map((threshold) => {\n                    const {\n                      notificationType,\n                      value: thresholdValue,\n                      condition,\n                      customConditionText,\n                      customCondition,\n                    } = threshold;\n\n                    return {\n                      id: `threshold-${notificationType}`,\n                      notificationType,\n                      leadingElement: customCondition\n                        ? customConditionText\n                        : checkCondition(seriesValue, condition, thresholdValue)\n                            .conditionText + ' threshold',\n                      trailingElement: thresholdValue,\n                    };\n                  });\n\n                const value = extractValueFromTooltipSeries(\n                  series.value,\n                  series.encode,\n                  series.axisDim,\n                );\n\n                return (\n                  <ChartTooltip.Content\n                    key={series.seriesName}\n                    leadingElement={\n                      isThresholdLine\n                        ? capitalizeFirstLetter(\n                            series.seriesName.replace('thresholdLine-', ''),\n                          ) + ' threshold'\n                        : series.seriesName\n                    }\n                    trailingElement={valueFormatter(value)}\n                    indentSquareColor={series.color}\n                    notifications={notifications}\n                  />\n                );\n              })}\n            </span>,\n          )}`;\n        },\n      },\n      dataZoom,\n      toolbox: mergeToolbox(toolboxOptions),\n    };\n\n    // Update chart with initial option\n    const chart = getInstanceByDom(chartEchartRef.current);\n    chart?.setOption(option, settings);\n    // Get option returns the current option of the chart.\n    // This is slightly different than the option we gave as an argument.\n    // Because we use useMemo in other areas we want to get this set first,\n    // this is why we are setting then getting then returning. If we did this in\n    // a useEffect it would run after the other useMemos which is not what we want.\n    // This is purely for order of operations.\n    const chartOption = chart?.getOption();\n\n    return chartOption;\n  }, [\n    dataset,\n    xAxis,\n    yAxis,\n    userOption,\n    hasCategoryXAxis,\n    hasSliderZoom,\n    series,\n    dataZoom,\n    toolboxOptions,\n    thresholdLines,\n    settings,\n  ]);\n\n  useEffect(() => {\n    // Initialize chart\n    let chart: ECharts | undefined;\n    if (chartEchartRef.current !== null) {\n      registerTheme('ndl-light', ndlEchartsTheme('light'));\n      registerTheme('ndl-dark', ndlEchartsTheme('dark'));\n\n      const currentChart = getInstanceByDom(chartEchartRef.current);\n      if (currentChart) {\n        chart = currentChart;\n      } else {\n        const echartsTheme = theme === 'light' ? 'ndl-light' : 'ndl-dark';\n        chart = init(chartEchartRef.current, echartsTheme, {\n          renderer: 'svg',\n        });\n      }\n    }\n\n    if (callbacks?.onZoom) {\n      chart?.on('datazoom', () => {\n        if (chartEchartRef.current === null) return;\n\n        const currentChart = getInstanceByDom(chartEchartRef.current);\n        if (!currentChart) return;\n\n        const option = currentChart.getOption();\n        if (!option || !option.dataZoom) return;\n\n        const dataZoom = Array.isArray(option.dataZoom)\n          ? option.dataZoom[0]\n          : option.dataZoom;\n        const { startValue, endValue } = dataZoom as {\n          startValue: number;\n          endValue: number;\n        };\n\n        callbacks?.onZoom?.({ startValue, endValue });\n      });\n    }\n\n    // Add chart resize listener\n    // ResizeObserver is leading to a bit janky UX\n    function resizeChart() {\n      // TODO: We need to revisit this. Right now using grid containLabel seems to work.\n      // We still need to visit this for overflowing of the x-axis labels.\n      // const calculateGridLeft = () => {\n      //   const textElements = chartEchartRef.current?.querySelectorAll('text');\n      //   const filteredTextElements = Array.from(textElements || []).filter(\n      //     (element) => element.getAttribute('text-anchor') === 'end',\n      //   );\n      //   let maxWidth = 0;\n      //   filteredTextElements.forEach((element) => {\n      //     const bbox = element.getBBox();\n      //     maxWidth = Math.max(maxWidth, bbox.width);\n      //   });\n      //   const tickLength = 5;\n      //   const tickPadding = 3;\n      //   return maxWidth + tickLength + tickPadding;\n      // };\n      //\n      // // Example of dynamically setting the grid's left\n      // const gridLeft = calculateGridLeft();\n      // chart?.setOption({\n      //   grid: {\n      //     left: gridLeft,\n      //   },\n      // });\n\n      // We want to fit the chart to the charts container.\n      const chartContainerHeight = chartRef.current?.clientHeight;\n      const chartContainerWidth = chartRef.current?.clientWidth;\n      // Need to take legends height into consideration, otherwise it will overflow the parent.\n      const chartLegendHeight = chartLegendRef?.current?.clientHeight || 0;\n      const height = chartContainerHeight\n        ? chartContainerHeight - chartLegendHeight\n        : undefined;\n      chart?.resize({\n        width: chartContainerWidth,\n        height,\n      });\n    }\n    window.addEventListener('resize', resizeChart);\n    requestAnimationFrame(() => {\n      resizeChart();\n      setIsWaitingForFirstResize(false);\n    });\n\n    // Add chart zoom listeners\n    const handleMouseMove = () => {\n      // I do not like this at all: https://github.com/apache/echarts/issues/19819\n      // echarts updates the svgs on every mouse movement so we need to do this.\n      chart?.getZr().setCursorStyle('default');\n    };\n    // We cannot use chart.getZr().on('mousemove', handleMouseMove)\n    // This is because it doesn't respect our callbacks. It will\n    // always run echarts code last instead of our callback.\n    const chartChild = chartEchartRef.current?.children[0] as HTMLElement;\n    chartChild.addEventListener('mousemove', handleMouseMove);\n\n    const handleMouseDown = (params: { event: MouseEvent }) => {\n      const event = params.event;\n      const amountOfMouseClicks = event.detail;\n      const isDoubleClick = amountOfMouseClicks === 2;\n      if (isDoubleClick) {\n        // Reset zooming.\n        if (chart === undefined) return;\n        chart?.dispatchAction({\n          type: 'dataZoom',\n          start: 0,\n          end: 100,\n        });\n      }\n    };\n    chart?.getZr().on('mousedown', handleMouseDown);\n\n    // Return cleanup function\n    const chartRefCurrentElement = chartEchartRef.current;\n    const element = chartRefCurrentElement?.children[0];\n    return () => {\n      window.removeEventListener('resize', resizeChart);\n\n      element?.removeEventListener('mousemove', handleMouseMove);\n\n      // Remove chart zoom handlers\n      if (chartRefCurrentElement) {\n        const chart = getInstanceByDom(chartRefCurrentElement);\n        chart?.getZr().off('mousedown', handleMouseDown);\n      }\n    };\n  });\n\n  useEffect(() => {\n    if (chartEchartRef.current === null) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartEchartRef?.current);\n\n    isLoading || isWaitingForFirstResize\n      ? chart?.showLoading()\n      : chart?.hideLoading();\n  }, [isLoading, isWaitingForFirstResize]);\n\n  const legendSeries = useMemo(() => {\n    if (chartEchartRef.current === null || isWaitingForFirstResize) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartEchartRef?.current);\n    const optionSeries = (initialOption?.series as NeedleSeries) ?? [];\n    const optionDataset = initialOption?.dataset;\n\n    const legendSeries: {\n      name: string;\n      color: string;\n    }[] = [];\n    if (Array.isArray(optionSeries)) {\n      optionSeries.forEach((currentSeries, index) => {\n        if (currentSeries === null) {\n          return;\n        } else if (\n          currentSeries.type === 'line' &&\n          typeof currentSeries.name === 'string' &&\n          currentSeries.name?.includes('thresholdLine')\n        ) {\n          return;\n        } else if (currentSeries.type === 'pie') {\n          const encodedItemName = currentSeries.encode?.itemName;\n          let currentDataset = Array.isArray(optionDataset)\n            ? optionDataset[0]\n            : optionDataset;\n          if (currentSeries.datasetId && Array.isArray(optionDataset)) {\n            currentDataset = optionDataset.find(\n              (ds) => ds.id === currentSeries.datasetId,\n            );\n          } else if (currentSeries.datasetIndex !== undefined) {\n            currentDataset = Array.isArray(optionDataset)\n              ? optionDataset[currentSeries.datasetIndex]\n              : optionDataset;\n          }\n          const firstDatasetRow = Array.isArray(currentDataset?.source)\n            ? currentDataset?.source[0]\n            : undefined;\n          if (!firstDatasetRow) {\n            return;\n          }\n\n          if (Array.isArray(firstDatasetRow)) {\n            const firstDatasetRowIndex = firstDatasetRow.findIndex(\n              (item) => item === encodedItemName,\n            );\n\n            if (firstDatasetRowIndex === -1) {\n              return;\n            }\n\n            const source = currentDataset?.source;\n            if (!source) {\n              return;\n            }\n\n            const sourceLength = Array.isArray(source) ? source.length : 0;\n            for (let rowIndex = 1; rowIndex < sourceLength; rowIndex++) {\n              const row = source[rowIndex] as (string | number)[];\n              const color = chart?.getVisual(\n                { dataIndexInside: rowIndex - 1, seriesIndex: index },\n                'color',\n              );\n              legendSeries.push({\n                name: String(row[firstDatasetRowIndex]),\n                color: typeof color === 'string' ? color : '#000000',\n              });\n            }\n          } else {\n            // TODO: handle dictionary\n          }\n\n          return;\n        } else {\n          const name = Array.isArray(optionSeries)\n            ? optionSeries[index]?.name\n            : undefined;\n\n          if (name === undefined) {\n            return null;\n          }\n\n          const color = chart?.getVisual({ seriesIndex: index }, 'color');\n          legendSeries.push({\n            name: String(name),\n            color: typeof color === 'string' ? color : '#000000',\n          });\n        }\n      });\n    }\n    return legendSeries.filter((currentSeries) => currentSeries !== null);\n  }, [isWaitingForFirstResize, initialOption]);\n\n  if (chartEchartRef.current !== null) {\n    const chart = getInstanceByDom(chartEchartRef.current);\n    if (chart) {\n      // Needs to be re-set on every re-render.\n      // Sets the selectable zoom area over the chart (not the slider).\n      chart.dispatchAction({\n        type: 'takeGlobalCursor',\n        key: 'dataZoomSelect',\n        // Activate or inactivate.\n        dataZoomSelectActive: true,\n      });\n    }\n  }\n\n  return (\n    <div ref={chartRef} className=\"ndl-chart\" style={style}>\n      <div ref={chartEchartRef} />\n      {legend?.show && !isWaitingForFirstResize && (\n        <Legend\n          ref={chartLegendRef}\n          wrappingType={legend.wrappingType}\n          series={legendSeries ?? []}\n          chartRef={chartEchartRef}\n        />\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { useNeedleTheme } from '@neo4j-ndl/react';\nimport {\n  type DataZoomComponentOption,\n  type ECharts,\n  type EChartsOption,\n  getInstanceByDom,\n  init,\n  type LineSeriesOption,\n  type RegisteredSeriesOption,\n  registerTheme,\n  type SetOptionOpts,\n} from 'echarts';\nimport {\n  type CSSProperties,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { renderToString } from 'react-dom/server';\n\nimport { ChartTooltip, type NotificationType } from './ChartTooltip';\nimport { Legend, type LegendProps } from './Legend';\nimport { ndlEchartsTheme } from './themes/ndl-echarts-theme';\nimport {\n  mergeDataZoom,\n  mergeSeries,\n  mergeToolbox,\n  mergeXAxis,\n  mergeYAxis,\n} from './user-option-utils';\nimport { capitalizeFirstLetter, extractValueFromTooltipSeries } from './utils';\n\ntype Condition =\n  | 'greater'\n  | 'greaterOrEqual'\n  | 'less'\n  | 'lessOrEqual'\n  | 'equal'\n  | 'notEqual';\n\ntype CustomCondition = (\n  lineValue: unknown,\n  thresholdLineValue: unknown,\n) => boolean;\n\n// This returns a boolean if the condition is met\n// and also what to display in the tooltip.\nfunction checkCondition(\n  value: number,\n  condition: Condition,\n  threshold: number,\n): {\n  isConditionMet: boolean;\n  conditionText: string | undefined;\n} {\n  switch (condition) {\n    case 'greater':\n      return {\n        isConditionMet: value > threshold,\n        conditionText: 'Above',\n      };\n    case 'greaterOrEqual':\n      return {\n        isConditionMet: value >= threshold,\n        conditionText:\n          value > threshold\n            ? 'Above'\n            : value === threshold\n              ? 'Equal'\n              : undefined,\n      };\n    case 'less':\n      return {\n        isConditionMet: value < threshold,\n        conditionText: 'Below',\n      };\n    case 'lessOrEqual':\n      return {\n        isConditionMet: value <= threshold,\n        conditionText:\n          value < threshold\n            ? 'Below'\n            : value === threshold\n              ? 'Equal'\n              : undefined,\n      };\n    case 'equal':\n      return {\n        isConditionMet: value === threshold,\n        conditionText: 'Equal',\n      };\n    case 'notEqual':\n      return {\n        isConditionMet: value !== threshold,\n        conditionText: 'Not equal',\n      };\n    default:\n      return { isConditionMet: false, conditionText: undefined };\n  }\n}\n\nexport interface ThresholdLineSeriesOption<T extends NotificationType>\n  extends Omit<LineSeriesOption, 'type'> {\n  type: 'thresholdLine';\n  yAxis: number;\n  xAxis: [number, number];\n  notificationType: T;\n  color?: string;\n  condition?: Condition;\n  customConditionText?: string;\n  customCondition?: CustomCondition;\n}\n\nexport const defaultThresholdLineSeriesOption: {\n  condition: Condition;\n} = {\n  condition: 'greater',\n};\n\nexport type Values<T> = T[keyof T];\nexport type SeriesOption = Values<RegisteredSeriesOption>;\n\nexport type EchartsSeries = SeriesOption | SeriesOption[];\n\n/*\nKeep this, if we want more than one type of the same threshold line\nthis will be useful to use.\n\nexport interface NewRegisteredSeriesOption extends RegisteredSeriesOption {\nthresholdLine: ThresholdLineSeriesOption;\n}\nexport type SeriesOption = Values<NewRegisteredSeriesOption>;\nexport type Series = SeriesOption | SeriesOption[];\n*/\n\n// Only one threshold line of each type is allowed.\nexport type NeedleSeries =\n  | [\n      ThresholdLineSeriesOption<'warning'>,\n      ThresholdLineSeriesOption<'danger'>,\n      ...SeriesOption[],\n    ]\n  | [ThresholdLineSeriesOption<'danger'>, ...SeriesOption[]]\n  | [ThresholdLineSeriesOption<'warning'>, ...SeriesOption[]]\n  | SeriesOption[];\n\ninterface ChartProps {\n  /** The dataset configuration for the chart. Can be a single dataset or an array of datasets. */\n  dataset: EChartsOption['dataset'];\n  /** The series configuration for the chart. Defines what data to display and how to display it. */\n  series: NeedleSeries;\n  /** X-axis configuration for the chart. */\n  xAxis?: EChartsOption['xAxis'];\n  /** Y-axis configuration for the chart. */\n  yAxis?: EChartsOption['yAxis'];\n  /** Legend configuration for the chart. */\n  legend?: {\n    show?: boolean;\n    wrappingType?: LegendProps['wrappingType'];\n  };\n  /** Additional ECharts options to merge with the chart configuration. */\n  option?: Omit<\n    EChartsOption,\n    'series' | 'dataset' | 'legend' | 'xAxis' | 'yAxis'\n  >;\n  /** Custom CSS styles to apply to the chart container. */\n  style?: CSSProperties;\n  /** Settings for how ECharts should update the chart. */\n  settings?: SetOptionOpts;\n  /** Whether the chart is in a loading state. */\n  isLoading?: boolean;\n  /** Callback functions for chart interactions. */\n  callbacks?: {\n    onZoom?: (params: { startValue: number; endValue: number }) => void;\n  };\n  /** Data zoom configuration for the chart. */\n  dataZoom?: EChartsOption['dataZoom'];\n}\n\nexport function Chart({\n  dataset,\n  option: userOption,\n  xAxis: propXAxis,\n  yAxis: propYAxis,\n  series: propsSeries,\n  style,\n  settings = {\n    notMerge: true,\n    lazyUpdate: false,\n    silent: false,\n  },\n  isLoading,\n  legend,\n  callbacks,\n}: ChartProps): React.JSX.Element {\n  const chartRef = useRef<HTMLDivElement>(null);\n  const chartEchartRef = useRef<HTMLDivElement>(null);\n  const chartLegendRef = useRef<HTMLDivElement>(null);\n  const [isWaitingForFirstResize, setIsWaitingForFirstResize] = useState(true);\n\n  const dataZoomOptions = (userOption as EChartsOption)?.dataZoom;\n  const toolboxOptions = (userOption as EChartsOption)?.toolbox;\n\n  const hasSliderZoom = Array.isArray(dataZoomOptions)\n    ? dataZoomOptions.some((dataZoomOption: DataZoomComponentOption) => {\n        return dataZoomOption?.type === 'slider';\n      })\n    : dataZoomOptions?.type === 'slider';\n\n  const { theme } = useNeedleTheme();\n  const thresholdLines = useMemo(() => {\n    const seriesArray = Array.isArray(propsSeries)\n      ? propsSeries\n      : [propsSeries];\n\n    const thresholdLineSeries = seriesArray.filter((currentSeries) => {\n      return currentSeries.type === 'thresholdLine';\n    }) as ThresholdLineSeriesOption<NotificationType>[];\n\n    return thresholdLineSeries.map((currentThresholdLineSeriesOption) => {\n      return {\n        ...currentThresholdLineSeriesOption,\n        condition:\n          currentThresholdLineSeriesOption.condition ??\n          defaultThresholdLineSeriesOption.condition,\n        value: currentThresholdLineSeriesOption.yAxis,\n      };\n    });\n  }, [propsSeries]);\n\n  const dataZoom = useMemo(() => {\n    return mergeDataZoom(dataZoomOptions);\n  }, [dataZoomOptions]);\n\n  const series = mergeSeries(propsSeries, theme);\n  const xAxis = mergeXAxis(propXAxis, theme);\n  const yAxis = mergeYAxis(propYAxis, theme);\n\n  const hasCategoryXAxis = Array.isArray(xAxis)\n    ? xAxis.some((x) => x.type === 'category')\n    : xAxis?.type === 'category';\n\n  // The initial option used, the charts option is not necessarily\n  // the same as this due to mutation via dispatch and setOption.\n  // use getOption to get the current option of the chart.\n  const initialOption = useMemo(() => {\n    if (chartEchartRef.current === null) {\n      return;\n    }\n\n    const option = {\n      dataset,\n      xAxis,\n      yAxis,\n      ...userOption,\n      aria: {\n        decal: {\n          show: false,\n        },\n        enabled: true,\n        ...(userOption?.aria as EChartsOption['aria']),\n      },\n      grid: {\n        left: hasCategoryXAxis ? '15px' : '10px',\n        right: hasCategoryXAxis ? '15px' : '10px',\n        top: '10px',\n        bottom: hasSliderZoom ? '60px' : '10px',\n        type: 'solid',\n        containLabel: true,\n        ...(userOption?.grid as EChartsOption['grid']),\n      },\n      legend: {\n        // Removes in-built echarts legend\n        show: false,\n      },\n      series,\n      tooltip: {\n        trigger: 'axis',\n        confine: true,\n        // Reset the default tooltip css styling\n        padding: 0,\n        borderRadius: 0,\n        borderWidth: 0,\n        extraCssText: 'box-shadow: none; background-color: transparent;',\n        formatter: function (params: unknown) {\n          const paramsArray = Array.isArray(params) ? params : [params];\n          const firstParam = paramsArray[0];\n\n          let valueFormatter = (value: unknown) => `${value}`;\n          if (\n            typeof userOption?.tooltip === 'object' &&\n            userOption.tooltip !== null &&\n            'valueFormatter' in userOption.tooltip\n          ) {\n            valueFormatter = userOption.tooltip.valueFormatter as (\n              value: unknown,\n            ) => string;\n          }\n          return `${renderToString(\n            <span className=\"ndl-charts-chart-tooltip\">\n              <ChartTooltip.Title>\n                {firstParam?.axisValueLabel ?? ''}\n              </ChartTooltip.Title>\n              {paramsArray.map((series) => {\n                const { value: seriesValueUnknown } = series;\n\n                const seriesValue = Array.isArray(seriesValueUnknown)\n                  ? seriesValueUnknown[1]\n                  : seriesValueUnknown;\n\n                const isThresholdLine =\n                  series.seriesName.startsWith('thresholdLine');\n\n                const notifications = thresholdLines\n                  .filter((threshold) => {\n                    const {\n                      value: thresholdValue,\n                      condition,\n                      customCondition,\n                    } = threshold;\n\n                    const isConditionMet = customCondition\n                      ? customCondition(seriesValue, thresholdValue)\n                      : checkCondition(seriesValue, condition, thresholdValue)\n                          .isConditionMet;\n\n                    return !isThresholdLine && isConditionMet;\n                  })\n                  .map((threshold) => {\n                    const {\n                      notificationType,\n                      value: thresholdValue,\n                      condition,\n                      customConditionText,\n                      customCondition,\n                    } = threshold;\n\n                    return {\n                      id: `threshold-${notificationType}`,\n                      notificationType,\n                      leadingElement: customCondition\n                        ? customConditionText\n                        : `${\n                            checkCondition(\n                              seriesValue,\n                              condition,\n                              thresholdValue,\n                            ).conditionText\n                          } threshold`,\n                      trailingElement: thresholdValue,\n                    };\n                  });\n\n                const value = extractValueFromTooltipSeries(\n                  series.value,\n                  series.encode,\n                  series.axisDim,\n                );\n\n                return (\n                  <ChartTooltip.Content\n                    key={series.seriesName}\n                    leadingElement={\n                      isThresholdLine\n                        ? `${capitalizeFirstLetter(\n                            series.seriesName.replace('thresholdLine-', ''),\n                          )} threshold`\n                        : series.seriesName\n                    }\n                    trailingElement={valueFormatter(value)}\n                    indentSquareColor={series.color}\n                    notifications={notifications}\n                  />\n                );\n              })}\n            </span>,\n          )}`;\n        },\n      },\n      dataZoom,\n      toolbox: mergeToolbox(toolboxOptions),\n    };\n\n    // Update chart with initial option\n    const chart = getInstanceByDom(chartEchartRef.current);\n    chart?.setOption(option, settings);\n    // Get option returns the current option of the chart.\n    // This is slightly different than the option we gave as an argument.\n    // Because we use useMemo in other areas we want to get this set first,\n    // this is why we are setting then getting then returning. If we did this in\n    // a useEffect it would run after the other useMemos which is not what we want.\n    // This is purely for order of operations.\n    const chartOption = chart?.getOption();\n\n    return chartOption;\n  }, [\n    dataset,\n    xAxis,\n    yAxis,\n    userOption,\n    hasCategoryXAxis,\n    hasSliderZoom,\n    series,\n    dataZoom,\n    toolboxOptions,\n    thresholdLines,\n    settings,\n  ]);\n\n  useEffect(() => {\n    // Initialize chart\n    let chart: ECharts | undefined;\n    if (chartEchartRef.current !== null) {\n      registerTheme('ndl-light', ndlEchartsTheme('light'));\n      registerTheme('ndl-dark', ndlEchartsTheme('dark'));\n\n      const currentChart = getInstanceByDom(chartEchartRef.current);\n      if (currentChart) {\n        chart = currentChart;\n      } else {\n        const echartsTheme = theme === 'light' ? 'ndl-light' : 'ndl-dark';\n        chart = init(chartEchartRef.current, echartsTheme, {\n          renderer: 'svg',\n        });\n      }\n    }\n\n    if (callbacks?.onZoom) {\n      chart?.on('datazoom', () => {\n        if (chartEchartRef.current === null) {\n          return;\n        }\n\n        const currentChart = getInstanceByDom(chartEchartRef.current);\n        if (!currentChart) {\n          return;\n        }\n\n        const option = currentChart.getOption();\n        if (!option || !option.dataZoom) {\n          return;\n        }\n\n        const dataZoom = Array.isArray(option.dataZoom)\n          ? option.dataZoom[0]\n          : option.dataZoom;\n        const { startValue, endValue } = dataZoom as {\n          startValue: number;\n          endValue: number;\n        };\n\n        callbacks?.onZoom?.({ startValue, endValue });\n      });\n    }\n\n    // Add chart resize listener\n    // ResizeObserver is leading to a bit janky UX\n    function resizeChart() {\n      // TODO: We need to revisit this. Right now using grid containLabel seems to work.\n      // We still need to visit this for overflowing of the x-axis labels.\n      // const calculateGridLeft = () => {\n      //   const textElements = chartEchartRef.current?.querySelectorAll('text');\n      //   const filteredTextElements = Array.from(textElements || []).filter(\n      //     (element) => element.getAttribute('text-anchor') === 'end',\n      //   );\n      //   let maxWidth = 0;\n      //   filteredTextElements.forEach((element) => {\n      //     const bbox = element.getBBox();\n      //     maxWidth = Math.max(maxWidth, bbox.width);\n      //   });\n      //   const tickLength = 5;\n      //   const tickPadding = 3;\n      //   return maxWidth + tickLength + tickPadding;\n      // };\n      //\n      // // Example of dynamically setting the grid's left\n      // const gridLeft = calculateGridLeft();\n      // chart?.setOption({\n      //   grid: {\n      //     left: gridLeft,\n      //   },\n      // });\n\n      // We want to fit the chart to the charts container.\n      const chartContainerHeight = chartRef.current?.clientHeight;\n      const chartContainerWidth = chartRef.current?.clientWidth;\n      // Need to take legends height into consideration, otherwise it will overflow the parent.\n      const chartLegendHeight = chartLegendRef?.current?.clientHeight || 0;\n      const height = chartContainerHeight\n        ? chartContainerHeight - chartLegendHeight\n        : undefined;\n      chart?.resize({\n        width: chartContainerWidth,\n        height,\n      });\n    }\n    window.addEventListener('resize', resizeChart);\n    requestAnimationFrame(() => {\n      resizeChart();\n      setIsWaitingForFirstResize(false);\n    });\n\n    // Add chart zoom listeners\n    const handleMouseMove = () => {\n      // I do not like this at all: https://github.com/apache/echarts/issues/19819\n      // echarts updates the svgs on every mouse movement so we need to do this.\n      chart?.getZr().setCursorStyle('default');\n    };\n    // We cannot use chart.getZr().on('mousemove', handleMouseMove)\n    // This is because it doesn't respect our callbacks. It will\n    // always run echarts code last instead of our callback.\n    const chartChild = chartEchartRef.current?.children[0] as HTMLElement;\n    chartChild.addEventListener('mousemove', handleMouseMove);\n\n    const handleMouseDown = (params: { event: MouseEvent }) => {\n      const event = params.event;\n      const amountOfMouseClicks = event.detail;\n      const isDoubleClick = amountOfMouseClicks === 2;\n      if (isDoubleClick) {\n        // Reset zooming.\n        if (chart === undefined) {\n          return;\n        }\n        chart?.dispatchAction({\n          type: 'dataZoom',\n          start: 0,\n          end: 100,\n        });\n      }\n    };\n    chart?.getZr().on('mousedown', handleMouseDown);\n\n    // Return cleanup function\n    const chartRefCurrentElement = chartEchartRef.current;\n    const element = chartRefCurrentElement?.children[0];\n    return () => {\n      window.removeEventListener('resize', resizeChart);\n\n      element?.removeEventListener('mousemove', handleMouseMove);\n\n      // Remove chart zoom handlers\n      if (chartRefCurrentElement) {\n        const chart = getInstanceByDom(chartRefCurrentElement);\n        chart?.getZr().off('mousedown', handleMouseDown);\n      }\n    };\n  });\n\n  useEffect(() => {\n    if (chartEchartRef.current === null) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartEchartRef?.current);\n\n    isLoading || isWaitingForFirstResize\n      ? chart?.showLoading()\n      : chart?.hideLoading();\n  }, [isLoading, isWaitingForFirstResize]);\n\n  const legendSeries = useMemo(() => {\n    if (chartEchartRef.current === null || isWaitingForFirstResize) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartEchartRef?.current);\n    const optionSeries = (initialOption?.series as NeedleSeries) ?? [];\n    const optionDataset = initialOption?.dataset;\n\n    const legendSeries: {\n      name: string;\n      color: string;\n    }[] = [];\n    if (Array.isArray(optionSeries)) {\n      optionSeries.forEach((currentSeries, index) => {\n        if (currentSeries === null) {\n          return;\n        } else if (\n          currentSeries.type === 'line' &&\n          typeof currentSeries.name === 'string' &&\n          currentSeries.name?.includes('thresholdLine')\n        ) {\n          return;\n        } else if (currentSeries.type === 'pie') {\n          const encodedItemName = currentSeries.encode?.itemName;\n          let currentDataset = Array.isArray(optionDataset)\n            ? optionDataset[0]\n            : optionDataset;\n          if (currentSeries.datasetId && Array.isArray(optionDataset)) {\n            currentDataset = optionDataset.find(\n              (ds) => ds.id === currentSeries.datasetId,\n            );\n          } else if (currentSeries.datasetIndex !== undefined) {\n            currentDataset = Array.isArray(optionDataset)\n              ? optionDataset[currentSeries.datasetIndex]\n              : optionDataset;\n          }\n          const firstDatasetRow = Array.isArray(currentDataset?.source)\n            ? currentDataset?.source[0]\n            : undefined;\n          if (!firstDatasetRow) {\n            return;\n          }\n\n          if (Array.isArray(firstDatasetRow)) {\n            const firstDatasetRowIndex = firstDatasetRow.findIndex(\n              (item) => item === encodedItemName,\n            );\n\n            if (firstDatasetRowIndex === -1) {\n              return;\n            }\n\n            const source = currentDataset?.source;\n            if (!source) {\n              return;\n            }\n\n            const sourceLength = Array.isArray(source) ? source.length : 0;\n            for (let rowIndex = 1; rowIndex < sourceLength; rowIndex++) {\n              const row = source[rowIndex] as (string | number)[];\n              const color = chart?.getVisual(\n                { dataIndexInside: rowIndex - 1, seriesIndex: index },\n                'color',\n              );\n              legendSeries.push({\n                name: String(row[firstDatasetRowIndex]),\n                color: typeof color === 'string' ? color : '#000000',\n              });\n            }\n          } else {\n            // TODO: handle dictionary\n          }\n\n          return;\n        } else {\n          const name = Array.isArray(optionSeries)\n            ? optionSeries[index]?.name\n            : undefined;\n\n          if (name === undefined) {\n            return null;\n          }\n\n          const color = chart?.getVisual({ seriesIndex: index }, 'color');\n          legendSeries.push({\n            name: String(name),\n            color: typeof color === 'string' ? color : '#000000',\n          });\n        }\n      });\n    }\n    return legendSeries.filter((currentSeries) => currentSeries !== null);\n  }, [isWaitingForFirstResize, initialOption]);\n\n  if (chartEchartRef.current !== null) {\n    const chart = getInstanceByDom(chartEchartRef.current);\n    if (chart) {\n      // Needs to be re-set on every re-render.\n      // Sets the selectable zoom area over the chart (not the slider).\n      chart.dispatchAction({\n        type: 'takeGlobalCursor',\n        key: 'dataZoomSelect',\n        // Activate or inactivate.\n        dataZoomSelectActive: true,\n      });\n    }\n  }\n\n  return (\n    <div ref={chartRef} className=\"ndl-chart\" style={style}>\n      <div ref={chartEchartRef} />\n      {legend?.show && !isWaitingForFirstResize && (\n        <Legend\n          ref={chartLegendRef}\n          wrappingType={legend.wrappingType}\n          series={legendSeries ?? []}\n          chartRef={chartEchartRef}\n        />\n      )}\n    </div>\n  );\n}\n"]}

package/lib/cjs/charts/Legend.js

@@ -60,7 +60,8 @@ const LegendItem = function LegendItemComponent(_a) {
                     backgroundColor: deSelected === true ? 'transparent' : color,
                 }, children: selected === true && ((0, jsx_runtime_1.jsx)(icons_1.CheckIconOutline, { className: "ndl-chart-legend-item-square-checkmark" })) }), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", className: "ndl-chart-legend-item-text", children: children })] })));
 };
-const Legend = function LegendComponent({ className, wrappingType = 'wrapping', series, chartRef, ref, }) {
+const Legend = function LegendComponent(_a) {
+    var { className, wrappingType = 'wrapping', series, chartRef, ref, htmlAttributes } = _a, restProps = __rest(_a, ["className", "wrappingType", "series", "chartRef", "ref", "htmlAttributes"]);
     const [selectedSeries, setSelectedSeries] = (0, react_2.useState)(Object.fromEntries(series.map((s) => { var _a; return [(_a = s.name) !== null && _a !== void 0 ? _a : '', true]; })));
     const highlightTimeOut = (0, react_2.useRef)(null);
     const downplayTimeOut = (0, react_2.useRef)(null);
@@ -125,7 +126,7 @@ const Legend = function LegendComponent({ className, wrappingType = 'wrapping',
         'ndl-chart-legend-wrapping': wrappingType === 'wrapping',
     }, className);
     const { toggleLegendVisibility, setAllVisible } = (0, legend_utils_1.useLegendVisibility)(chartRef, selectedSeries);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: "ndl-chart-legend-container", children: wrappingType === 'truncation' || wrappingType === 'wrapping' ? ((0, jsx_runtime_1.jsx)("div", { className: classes, children: series.map((currentSeries, index) => {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: "ndl-chart-legend-container" }, restProps, htmlAttributes, { children: wrappingType === 'truncation' || wrappingType === 'wrapping' ? ((0, jsx_runtime_1.jsx)("div", { className: classes, children: series.map((currentSeries, index) => {
                 var _a, _b;
                 const hasMoreThanOneItem = series.length > 1;
                 const selectedSeriesLength = Object.values(selectedSeries).filter(Boolean).length;
@@ -148,7 +149,7 @@ const Legend = function LegendComponent({ className, wrappingType = 'wrapping',
                             selectedSeries[(_a = currentSeries.name) !== null && _a !== void 0 ? _a : ''], deSelected: isDeselected, children: (_b = currentSeries.name) !== null && _b !== void 0 ? _b : `Series ${index}` }) }, index));
             }) })) : ((0, jsx_runtime_1.jsx)(LegendOverflowType, { className: classes, selectedSeries: selectedSeries, wrappingType: wrappingType, chartRef: chartRef, series: series, onSetAllVisible: setAllVisible, onLegendItemMouseEnter: (seriesToUpdate) => highlightSeries(seriesToUpdate), onLegendItemMouseLeave: (seriesToUpdate) => downplaySeries(seriesToUpdate), onToggleLegendVisibility: (name, isAllSeriesSelected, isOnlyVisible) => {
                 toggleLegendVisibility(name, isAllSeriesSelected, isOnlyVisible);
-            } })) }));
+            } })) })));
 };
 exports.Legend = Legend;
 const LegendOverflowType = function LegendOverflow({ className, series, onSetAllVisible, onToggleLegendVisibility, selectedSeries, onLegendItemMouseEnter, onLegendItemMouseLeave, }) {

package/lib/cjs/charts/Legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legend.js","sourceRoot":"","sources":["../../../src/charts/Legend.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { tokens } from '@neo4j-ndl/base';\nimport {\n  ConditionalWrap,\n  Tooltip,\n  Typography,\n  useResizeObserver,\n} from '@neo4j-ndl/react';\nimport { CheckIconOutline } from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\nimport { type EChartsType, getInstanceByDom } from 'echarts';\nimport type React from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport {\n  getComputedElementWidth,\n  highlightOrDownplaySeries,\n  isThresholdLine,\n  resetAllSeriesHighlight,\n  useLegendVisibility,\n} from './legend-utils';\n\ninterface LegendItemProps {\n  name: string;\n  children: React.ReactNode;\n  as?: 'button' | 'div';\n  className?: string;\n  color?: string;\n  selected?: boolean;\n  deSelected?: boolean;\n  onLegendItemClick?: () => void;\n  hasButtons?: boolean;\n  onLegendItemMouseEnter?: () => void;\n  onLegendItemMouseLeave?: () => void;\n  ref?: React.Ref<HTMLButtonElement> & React.Ref<HTMLDivElement>;\n}\n\nconst LegendItem = function LegendItemComponent({\n  children,\n  as,\n  className,\n  name,\n  selected,\n  deSelected,\n  onLegendItemClick,\n  color,\n  hasButtons = true,\n  ref,\n  onLegendItemMouseEnter,\n  onLegendItemMouseLeave,\n  ...restProps\n}: LegendItemProps) {\n  const Component = as ?? (hasButtons ? 'button' : 'div');\n\n  const classes = classNames(\n    'ndl-chart-legend-item',\n    {\n      'ndl-chart-legend-item-deselected': deSelected,\n      'ndl-chart-legend-item-selected': selected,\n    },\n    className,\n  );\n\n  // We don't want to display threshold lines in the legend\n  if (isThresholdLine(name) ?? false) {\n    return null;\n  }\n\n  return (\n    <Component\n      className={classes}\n      ref={ref}\n      data-labelname={name}\n      title={name}\n      onClick={hasButtons ? onLegendItemClick : undefined}\n      onMouseEnter={onLegendItemMouseEnter}\n      onMouseLeave={onLegendItemMouseLeave}\n      {...restProps}\n    >\n      <span\n        className=\"ndl-chart-legend-item-square\"\n        style={\n          {\n            '--ndl-chart-legend-item-color': color,\n            backgroundColor: deSelected === true ? 'transparent' : color,\n          } as React.CSSProperties\n        }\n      >\n        {selected === true && (\n          <CheckIconOutline className=\"ndl-chart-legend-item-square-checkmark\" />\n        )}\n      </span>\n      <Typography variant=\"body-medium\" className=\"ndl-chart-legend-item-text\">\n        {children}\n      </Typography>\n    </Component>\n  );\n};\n\nexport interface LegendProps extends React.HTMLAttributes<HTMLDivElement> {\n  wrappingType?: 'wrapping' | 'truncation' | 'overflow';\n  series: {\n    name: string;\n    color: string;\n  }[];\n  chartRef: React.RefObject<HTMLDivElement | null>;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nexport const Legend = function LegendComponent({\n  className,\n  wrappingType = 'wrapping',\n  series,\n  chartRef,\n  ref,\n}: LegendProps) {\n  const [selectedSeries, setSelectedSeries] = useState<Record<string, boolean>>(\n    Object.fromEntries(series.map((s) => [s.name ?? '', true])),\n  );\n\n  const highlightTimeOut = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const downplayTimeOut = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hoverTimeOut = 80;\n\n  const highlightSeries = (\n    seriesToUpdate: { name: string; color: string }[],\n  ) => {\n    // Clear the downplay timeout when a new item is hovered\n    if (downplayTimeOut.current) {\n      clearTimeout(downplayTimeOut.current);\n    }\n\n    // Delay the highlight to avoid flickering when quickly hovering the legend items\n    highlightTimeOut.current = setTimeout(() => {\n      highlightOrDownplaySeries(\n        chartRef,\n        series,\n        selectedSeries,\n        seriesToUpdate,\n        'highlight',\n      );\n    }, hoverTimeOut);\n  };\n\n  const downplaySeries = (\n    seriesToUpdate: { name: string; color: string }[],\n  ) => {\n    // Clear the highlight timeout when the mouse is leaving the legend item\n    if (highlightTimeOut.current) {\n      clearTimeout(highlightTimeOut.current);\n    }\n\n    // Delay the downplay to avoid flickering when moving the highlight between legend items (no downplay needed in between)\n    downplayTimeOut.current = setTimeout(() => {\n      highlightOrDownplaySeries(\n        chartRef,\n        series,\n        selectedSeries,\n        seriesToUpdate,\n        'downplay',\n      );\n    }, hoverTimeOut);\n  };\n\n  useEffect(() => {\n    setSelectedSeries(\n      Object.fromEntries(series.map((s) => [s.name ?? '', true])),\n    );\n\n    if (chartRef.current === null) {\n      return;\n    }\n    const chart = getInstanceByDom(chartRef.current);\n\n    const eventTypes = [\n      'legendselectchanged',\n      'legendselectall',\n      'legendselected',\n      'legendunselected',\n    ] as const;\n\n    eventTypes.forEach((eventType) => {\n      chart?.on(eventType, (params) => {\n        if (\n          typeof params === 'object' &&\n          params !== null &&\n          'selected' in params &&\n          params.selected !== null\n        ) {\n          const selected = params.selected ?? {};\n          const filteredSelected = Object.fromEntries(\n            Object.entries(selected).filter(\n              ([key]) => !(isThresholdLine(key) ?? false),\n            ),\n          );\n\n          // Reset the series highlight to avoid series to stay blurred on selection change\n          if (eventType === 'legendselectchanged') {\n            resetAllSeriesHighlight(chart as EChartsType);\n          }\n\n          setSelectedSeries(filteredSelected);\n        }\n      });\n    });\n\n    return () => {\n      eventTypes.forEach((eventType) => {\n        chart?.off(eventType);\n      });\n    };\n  }, [chartRef, series]);\n\n  const classes = classNames(\n    `ndl-chart-legend`,\n    {\n      'ndl-chart-legend-truncation': wrappingType === 'truncation',\n      'ndl-chart-legend-wrapping': wrappingType === 'wrapping',\n    },\n    className,\n  );\n\n  const { toggleLegendVisibility, setAllVisible } = useLegendVisibility(\n    chartRef,\n    selectedSeries,\n  );\n\n  return (\n    <div ref={ref} className=\"ndl-chart-legend-container\">\n      {wrappingType === 'truncation' || wrappingType === 'wrapping' ? (\n        <div className={classes}>\n          {series.map((currentSeries, index) => {\n            const hasMoreThanOneItem = series.length > 1;\n\n            const selectedSeriesLength =\n              Object.values(selectedSeries).filter(Boolean).length;\n\n            const isAllSeriesVisible = selectedSeriesLength === series.length;\n\n            const color = currentSeries.color;\n\n            const isDeselected =\n              currentSeries.name === undefined\n                ? false\n                : !selectedSeries[currentSeries.name];\n\n            return (\n              <ConditionalWrap\n                key={index}\n                shouldWrap={wrappingType === 'truncation'}\n                wrap={(children) => (\n                  <Tooltip type=\"simple\" key={index}>\n                    <Tooltip.Trigger hasButtonWrapper>\n                      {children}\n                    </Tooltip.Trigger>\n                  </Tooltip>\n                )}\n              >\n                <LegendItem\n                  name={currentSeries.name}\n                  color={color}\n                  hasButtons={\n                    hasMoreThanOneItem && currentSeries.name !== undefined\n                  }\n                  onLegendItemMouseEnter={() => {\n                    !isDeselected && highlightSeries([currentSeries]);\n                  }}\n                  onLegendItemMouseLeave={() => {\n                    !isDeselected && downplaySeries([currentSeries]);\n                  }}\n                  onLegendItemClick={() => {\n                    const isAllSeriesSelected =\n                      selectedSeriesLength === series.length;\n\n                    const isOnlyVisible =\n                      selectedSeries[currentSeries.name ?? ''] &&\n                      selectedSeriesLength === 1;\n\n                    toggleLegendVisibility(\n                      currentSeries.name,\n                      isAllSeriesSelected,\n                      isOnlyVisible,\n                    );\n                  }}\n                  selected={\n                    !isAllSeriesVisible &&\n                    selectedSeries[currentSeries.name ?? '']\n                  }\n                  deSelected={isDeselected}\n                >\n                  {currentSeries.name ?? `Series ${index}`}\n                </LegendItem>\n              </ConditionalWrap>\n            );\n          })}\n        </div>\n      ) : (\n        <LegendOverflowType\n          className={classes}\n          selectedSeries={selectedSeries}\n          wrappingType={wrappingType}\n          chartRef={chartRef}\n          series={series}\n          onSetAllVisible={setAllVisible}\n          onLegendItemMouseEnter={(seriesToUpdate) =>\n            highlightSeries(seriesToUpdate)\n          }\n          onLegendItemMouseLeave={(seriesToUpdate) =>\n            downplaySeries(seriesToUpdate)\n          }\n          onToggleLegendVisibility={(\n            name,\n            isAllSeriesSelected,\n            isOnlyVisible,\n          ) => {\n            toggleLegendVisibility(name, isAllSeriesSelected, isOnlyVisible);\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\ninterface LegendOverflowProps extends LegendProps {\n  selectedSeries: Record<string, boolean>;\n  onSetAllVisible: () => void;\n  onToggleLegendVisibility?: (\n    name: string,\n    isAllSeriesSelected: boolean,\n    isOnlyVisible: boolean,\n    allSeries: { name: string; color: string }[],\n  ) => void;\n  onLegendItemMouseEnter: (series: { name: string; color: string }[]) => void;\n  onLegendItemMouseLeave: (series: { name: string; color: string }[]) => void;\n}\n\nconst LegendOverflowType = function LegendOverflow({\n  className,\n  series,\n  onSetAllVisible,\n  onToggleLegendVisibility,\n  selectedSeries,\n  onLegendItemMouseEnter,\n  onLegendItemMouseLeave,\n}: LegendOverflowProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const [nonOverflowItemsNames, setNonOverflowItemsNames] = useState<string[]>(\n    series.map((s) => s.name),\n  );\n\n  useEffect(() => {\n    setNonOverflowItemsNames(series.map((s) => s.name));\n  }, [series]);\n\n  const overflowItemsNames = series.filter(\n    (item) => !nonOverflowItemsNames.includes(item.name),\n  );\n\n  const [width, setWidth] = useState(Infinity);\n  useResizeObserver({\n    // TODO: remove type cast. use-hooks.ts 3.1.1 has a type issue with the ref, it should be HTMLElement | null\n    // https://github.com/juliencrn/usehooks-ts/pull/680\n    ref: containerRef as React.RefObject<HTMLElement>,\n    onResize: (entry) => {\n      if (entry.width === undefined) {\n        return;\n      }\n      if (width < entry.width) {\n        setNonOverflowItemsNames(series.map((s) => s.name));\n      }\n      setWidth(entry.width);\n    },\n  });\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    let elements = Array.from(container.children);\n    if (elements.length === 0 || series.length === 0) {\n      return;\n    }\n\n    let totalWidth = 0;\n\n    if (overflowItemsNames.length > 0) {\n      const lastElementItem = elements[elements.length - 1];\n      const lastItemWidth = getComputedElementWidth(lastElementItem);\n\n      elements = elements.slice(0, elements.length - 1);\n      totalWidth += lastItemWidth;\n    }\n\n    elements.forEach((element) => {\n      const elementWidth = getComputedElementWidth(element);\n      totalWidth += elementWidth;\n      const textContent = element.textContent;\n      if (!textContent) {\n        return;\n      }\n      const itemName = element.getAttribute('data-labelname');\n      if (itemName === null) {\n        return;\n      }\n      if (totalWidth > width) {\n        setNonOverflowItemsNames((oldNames) =>\n          oldNames.filter((name) => name !== itemName),\n        );\n      }\n    });\n  }, [overflowItemsNames.length, series.length, width]);\n\n  const classes = classNames(\n    {\n      'ndl-chart-legend-calculating': width === Infinity,\n    },\n    className,\n  );\n\n  const selectedSeriesLength =\n    Object.values(selectedSeries).filter(Boolean).length;\n\n  const hasMoreThanOneItem = nonOverflowItemsNames.length > 1;\n  const isAllSeriesVisible = selectedSeriesLength === series.length;\n\n  const isOverflowItemsDeselected = overflowItemsNames.every(\n    (item) => !selectedSeries[item.name ?? ''],\n  );\n\n  return (\n    <div className={classes} ref={containerRef}>\n      {nonOverflowItemsNames.map((name) => {\n        const currentSeries = series.find((s) => s.name === name);\n        if (currentSeries === undefined) {\n          return null;\n        }\n\n        const isDeselected =\n          currentSeries.name === undefined\n            ? false\n            : !selectedSeries[currentSeries.name];\n\n        return (\n          <LegendItem\n            key={name}\n            name={name}\n            color={currentSeries.color}\n            onLegendItemMouseEnter={() =>\n              !isDeselected && onLegendItemMouseEnter([currentSeries])\n            }\n            onLegendItemMouseLeave={() =>\n              !isDeselected && onLegendItemMouseLeave([currentSeries])\n            }\n            onLegendItemClick={() => {\n              const isAllSeriesSelected =\n                selectedSeriesLength === series.length;\n\n              const isOnlyVisible =\n                selectedSeries[name ?? ''] && selectedSeriesLength === 1;\n\n              onToggleLegendVisibility?.(\n                name,\n                isAllSeriesSelected,\n                isOnlyVisible,\n                series,\n              );\n            }}\n            hasButtons={hasMoreThanOneItem}\n            selected={\n              !isAllSeriesVisible && selectedSeries[currentSeries.name ?? '']\n            }\n            deSelected={isDeselected}\n          >\n            {name}\n          </LegendItem>\n        );\n      })}\n\n      {overflowItemsNames.length > 0 && (\n        <Tooltip type=\"simple\">\n          <Tooltip.Trigger hasButtonWrapper>\n            <LegendItem\n              name=\"ndl-overflow-items\"\n              color={tokens.palette.neutral[30]}\n              selected={\n                !isAllSeriesVisible &&\n                overflowItemsNames.every(\n                  (item) => selectedSeries[item.name ?? ''],\n                )\n              }\n              deSelected={isOverflowItemsDeselected}\n              onLegendItemMouseEnter={() =>\n                !isOverflowItemsDeselected &&\n                onLegendItemMouseEnter(overflowItemsNames)\n              }\n              onLegendItemMouseLeave={() =>\n                !isOverflowItemsDeselected &&\n                onLegendItemMouseLeave(overflowItemsNames)\n              }\n              onLegendItemClick={() => {\n                const selectedSeriesLength =\n                  Object.values(selectedSeries).filter(Boolean).length;\n\n                const isOnlyOverflowItemsVisible =\n                  selectedSeriesLength === overflowItemsNames.length &&\n                  overflowItemsNames.every(\n                    (item) => selectedSeries[item.name ?? ''],\n                  );\n\n                if (isOnlyOverflowItemsVisible) {\n                  onSetAllVisible();\n                  return;\n                }\n\n                overflowItemsNames.forEach((item, index) => {\n                  const isAllSeriesSelected =\n                    selectedSeriesLength === series.length && index === 0;\n\n                  onToggleLegendVisibility?.(\n                    item.name,\n                    isAllSeriesSelected,\n                    false,\n                    series,\n                  );\n                });\n              }}\n            >\n              {overflowItemsNames.length} more\n            </LegendItem>\n          </Tooltip.Trigger>\n          <Tooltip.Content>\n            {overflowItemsNames.map((item) => (\n              <p key={item.name}>{item.name}</p>\n            ))}\n          </Tooltip.Content>\n        </Tooltip>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"Legend.js","sourceRoot":"","sources":["../../../src/charts/Legend.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { tokens } from '@neo4j-ndl/base';\nimport {\n  ConditionalWrap,\n  Tooltip,\n  Typography,\n  useResizeObserver,\n} from '@neo4j-ndl/react';\nimport { CheckIconOutline } from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\nimport { type EChartsType, getInstanceByDom } from 'echarts';\nimport type React from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport {\n  getComputedElementWidth,\n  highlightOrDownplaySeries,\n  isThresholdLine,\n  resetAllSeriesHighlight,\n  useLegendVisibility,\n} from './legend-utils';\nimport { type CommonProps } from './types';\n\ninterface LegendItemProps {\n  name: string;\n  children: React.ReactNode;\n  as?: 'button' | 'div';\n  className?: string;\n  color?: string;\n  selected?: boolean;\n  deSelected?: boolean;\n  onLegendItemClick?: () => void;\n  hasButtons?: boolean;\n  onLegendItemMouseEnter?: () => void;\n  onLegendItemMouseLeave?: () => void;\n  ref?: React.Ref<HTMLButtonElement> & React.Ref<HTMLDivElement>;\n}\n\nconst LegendItem = function LegendItemComponent({\n  children,\n  as,\n  className,\n  name,\n  selected,\n  deSelected,\n  onLegendItemClick,\n  color,\n  hasButtons = true,\n  ref,\n  onLegendItemMouseEnter,\n  onLegendItemMouseLeave,\n  ...restProps\n}: LegendItemProps) {\n  const Component = as ?? (hasButtons ? 'button' : 'div');\n\n  const classes = classNames(\n    'ndl-chart-legend-item',\n    {\n      'ndl-chart-legend-item-deselected': deSelected,\n      'ndl-chart-legend-item-selected': selected,\n    },\n    className,\n  );\n\n  // We don't want to display threshold lines in the legend\n  if (isThresholdLine(name) ?? false) {\n    return null;\n  }\n\n  return (\n    <Component\n      className={classes}\n      ref={ref}\n      data-labelname={name}\n      title={name}\n      onClick={hasButtons ? onLegendItemClick : undefined}\n      onMouseEnter={onLegendItemMouseEnter}\n      onMouseLeave={onLegendItemMouseLeave}\n      {...restProps}\n    >\n      <span\n        className=\"ndl-chart-legend-item-square\"\n        style={\n          {\n            '--ndl-chart-legend-item-color': color,\n            backgroundColor: deSelected === true ? 'transparent' : color,\n          } as React.CSSProperties\n        }\n      >\n        {selected === true && (\n          <CheckIconOutline className=\"ndl-chart-legend-item-square-checkmark\" />\n        )}\n      </span>\n      <Typography variant=\"body-medium\" className=\"ndl-chart-legend-item-text\">\n        {children}\n      </Typography>\n    </Component>\n  );\n};\n\nexport type LegendProps = {\n  wrappingType?: 'wrapping' | 'truncation' | 'overflow';\n  series: {\n    name: string;\n    color: string;\n  }[];\n  chartRef: React.RefObject<HTMLDivElement | null>;\n  ref?: React.Ref<HTMLDivElement>;\n};\n\nexport const Legend = function LegendComponent({\n  className,\n  wrappingType = 'wrapping',\n  series,\n  chartRef,\n  ref,\n  htmlAttributes,\n  ...restProps\n}: CommonProps<'div', LegendProps>) {\n  const [selectedSeries, setSelectedSeries] = useState<Record<string, boolean>>(\n    Object.fromEntries(series.map((s) => [s.name ?? '', true])),\n  );\n\n  const highlightTimeOut = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const downplayTimeOut = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hoverTimeOut = 80;\n\n  const highlightSeries = (\n    seriesToUpdate: { name: string; color: string }[],\n  ) => {\n    // Clear the downplay timeout when a new item is hovered\n    if (downplayTimeOut.current) {\n      clearTimeout(downplayTimeOut.current);\n    }\n\n    // Delay the highlight to avoid flickering when quickly hovering the legend items\n    highlightTimeOut.current = setTimeout(() => {\n      highlightOrDownplaySeries(\n        chartRef,\n        series,\n        selectedSeries,\n        seriesToUpdate,\n        'highlight',\n      );\n    }, hoverTimeOut);\n  };\n\n  const downplaySeries = (\n    seriesToUpdate: { name: string; color: string }[],\n  ) => {\n    // Clear the highlight timeout when the mouse is leaving the legend item\n    if (highlightTimeOut.current) {\n      clearTimeout(highlightTimeOut.current);\n    }\n\n    // Delay the downplay to avoid flickering when moving the highlight between legend items (no downplay needed in between)\n    downplayTimeOut.current = setTimeout(() => {\n      highlightOrDownplaySeries(\n        chartRef,\n        series,\n        selectedSeries,\n        seriesToUpdate,\n        'downplay',\n      );\n    }, hoverTimeOut);\n  };\n\n  useEffect(() => {\n    setSelectedSeries(\n      Object.fromEntries(series.map((s) => [s.name ?? '', true])),\n    );\n\n    if (chartRef.current === null) {\n      return;\n    }\n    const chart = getInstanceByDom(chartRef.current);\n\n    const eventTypes = [\n      'legendselectchanged',\n      'legendselectall',\n      'legendselected',\n      'legendunselected',\n    ] as const;\n\n    eventTypes.forEach((eventType) => {\n      chart?.on(eventType, (params) => {\n        if (\n          typeof params === 'object' &&\n          params !== null &&\n          'selected' in params &&\n          params.selected !== null\n        ) {\n          const selected = params.selected ?? {};\n          const filteredSelected = Object.fromEntries(\n            Object.entries(selected).filter(\n              ([key]) => !(isThresholdLine(key) ?? false),\n            ),\n          );\n\n          // Reset the series highlight to avoid series to stay blurred on selection change\n          if (eventType === 'legendselectchanged') {\n            resetAllSeriesHighlight(chart as EChartsType);\n          }\n\n          setSelectedSeries(filteredSelected);\n        }\n      });\n    });\n\n    return () => {\n      eventTypes.forEach((eventType) => {\n        chart?.off(eventType);\n      });\n    };\n  }, [chartRef, series]);\n\n  const classes = classNames(\n    `ndl-chart-legend`,\n    {\n      'ndl-chart-legend-truncation': wrappingType === 'truncation',\n      'ndl-chart-legend-wrapping': wrappingType === 'wrapping',\n    },\n    className,\n  );\n\n  const { toggleLegendVisibility, setAllVisible } = useLegendVisibility(\n    chartRef,\n    selectedSeries,\n  );\n\n  return (\n    <div\n      ref={ref}\n      className=\"ndl-chart-legend-container\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {wrappingType === 'truncation' || wrappingType === 'wrapping' ? (\n        <div className={classes}>\n          {series.map((currentSeries, index) => {\n            const hasMoreThanOneItem = series.length > 1;\n\n            const selectedSeriesLength =\n              Object.values(selectedSeries).filter(Boolean).length;\n\n            const isAllSeriesVisible = selectedSeriesLength === series.length;\n\n            const color = currentSeries.color;\n\n            const isDeselected =\n              currentSeries.name === undefined\n                ? false\n                : !selectedSeries[currentSeries.name];\n\n            return (\n              <ConditionalWrap\n                key={index}\n                shouldWrap={wrappingType === 'truncation'}\n                wrap={(children) => (\n                  <Tooltip type=\"simple\" key={index}>\n                    <Tooltip.Trigger hasButtonWrapper>\n                      {children}\n                    </Tooltip.Trigger>\n                  </Tooltip>\n                )}\n              >\n                <LegendItem\n                  name={currentSeries.name}\n                  color={color}\n                  hasButtons={\n                    hasMoreThanOneItem && currentSeries.name !== undefined\n                  }\n                  onLegendItemMouseEnter={() => {\n                    !isDeselected && highlightSeries([currentSeries]);\n                  }}\n                  onLegendItemMouseLeave={() => {\n                    !isDeselected && downplaySeries([currentSeries]);\n                  }}\n                  onLegendItemClick={() => {\n                    const isAllSeriesSelected =\n                      selectedSeriesLength === series.length;\n\n                    const isOnlyVisible =\n                      selectedSeries[currentSeries.name ?? ''] &&\n                      selectedSeriesLength === 1;\n\n                    toggleLegendVisibility(\n                      currentSeries.name,\n                      isAllSeriesSelected,\n                      isOnlyVisible,\n                    );\n                  }}\n                  selected={\n                    !isAllSeriesVisible &&\n                    selectedSeries[currentSeries.name ?? '']\n                  }\n                  deSelected={isDeselected}\n                >\n                  {currentSeries.name ?? `Series ${index}`}\n                </LegendItem>\n              </ConditionalWrap>\n            );\n          })}\n        </div>\n      ) : (\n        <LegendOverflowType\n          className={classes}\n          selectedSeries={selectedSeries}\n          wrappingType={wrappingType}\n          chartRef={chartRef}\n          series={series}\n          onSetAllVisible={setAllVisible}\n          onLegendItemMouseEnter={(seriesToUpdate) =>\n            highlightSeries(seriesToUpdate)\n          }\n          onLegendItemMouseLeave={(seriesToUpdate) =>\n            downplaySeries(seriesToUpdate)\n          }\n          onToggleLegendVisibility={(\n            name,\n            isAllSeriesSelected,\n            isOnlyVisible,\n          ) => {\n            toggleLegendVisibility(name, isAllSeriesSelected, isOnlyVisible);\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\ninterface LegendOverflowProps extends LegendProps {\n  className?: string;\n  selectedSeries: Record<string, boolean>;\n  onSetAllVisible: () => void;\n  onToggleLegendVisibility?: (\n    name: string,\n    isAllSeriesSelected: boolean,\n    isOnlyVisible: boolean,\n    allSeries: { name: string; color: string }[],\n  ) => void;\n  onLegendItemMouseEnter: (series: { name: string; color: string }[]) => void;\n  onLegendItemMouseLeave: (series: { name: string; color: string }[]) => void;\n}\n\nconst LegendOverflowType = function LegendOverflow({\n  className,\n  series,\n  onSetAllVisible,\n  onToggleLegendVisibility,\n  selectedSeries,\n  onLegendItemMouseEnter,\n  onLegendItemMouseLeave,\n}: LegendOverflowProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const [nonOverflowItemsNames, setNonOverflowItemsNames] = useState<string[]>(\n    series.map((s) => s.name),\n  );\n\n  useEffect(() => {\n    setNonOverflowItemsNames(series.map((s) => s.name));\n  }, [series]);\n\n  const overflowItemsNames = series.filter(\n    (item) => !nonOverflowItemsNames.includes(item.name),\n  );\n\n  const [width, setWidth] = useState(Infinity);\n  useResizeObserver({\n    // TODO: remove type cast. use-hooks.ts 3.1.1 has a type issue with the ref, it should be HTMLElement | null\n    // https://github.com/juliencrn/usehooks-ts/pull/680\n    ref: containerRef as React.RefObject<HTMLElement>,\n    onResize: (entry) => {\n      if (entry.width === undefined) {\n        return;\n      }\n      if (width < entry.width) {\n        setNonOverflowItemsNames(series.map((s) => s.name));\n      }\n      setWidth(entry.width);\n    },\n  });\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    let elements = Array.from(container.children);\n    if (elements.length === 0 || series.length === 0) {\n      return;\n    }\n\n    let totalWidth = 0;\n\n    if (overflowItemsNames.length > 0) {\n      const lastElementItem = elements[elements.length - 1];\n      const lastItemWidth = getComputedElementWidth(lastElementItem);\n\n      elements = elements.slice(0, elements.length - 1);\n      totalWidth += lastItemWidth;\n    }\n\n    elements.forEach((element) => {\n      const elementWidth = getComputedElementWidth(element);\n      totalWidth += elementWidth;\n      const textContent = element.textContent;\n      if (!textContent) {\n        return;\n      }\n      const itemName = element.getAttribute('data-labelname');\n      if (itemName === null) {\n        return;\n      }\n      if (totalWidth > width) {\n        setNonOverflowItemsNames((oldNames) =>\n          oldNames.filter((name) => name !== itemName),\n        );\n      }\n    });\n  }, [overflowItemsNames.length, series.length, width]);\n\n  const classes = classNames(\n    {\n      'ndl-chart-legend-calculating': width === Infinity,\n    },\n    className,\n  );\n\n  const selectedSeriesLength =\n    Object.values(selectedSeries).filter(Boolean).length;\n\n  const hasMoreThanOneItem = nonOverflowItemsNames.length > 1;\n  const isAllSeriesVisible = selectedSeriesLength === series.length;\n\n  const isOverflowItemsDeselected = overflowItemsNames.every(\n    (item) => !selectedSeries[item.name ?? ''],\n  );\n\n  return (\n    <div className={classes} ref={containerRef}>\n      {nonOverflowItemsNames.map((name) => {\n        const currentSeries = series.find((s) => s.name === name);\n        if (currentSeries === undefined) {\n          return null;\n        }\n\n        const isDeselected =\n          currentSeries.name === undefined\n            ? false\n            : !selectedSeries[currentSeries.name];\n\n        return (\n          <LegendItem\n            key={name}\n            name={name}\n            color={currentSeries.color}\n            onLegendItemMouseEnter={() =>\n              !isDeselected && onLegendItemMouseEnter([currentSeries])\n            }\n            onLegendItemMouseLeave={() =>\n              !isDeselected && onLegendItemMouseLeave([currentSeries])\n            }\n            onLegendItemClick={() => {\n              const isAllSeriesSelected =\n                selectedSeriesLength === series.length;\n\n              const isOnlyVisible =\n                selectedSeries[name ?? ''] && selectedSeriesLength === 1;\n\n              onToggleLegendVisibility?.(\n                name,\n                isAllSeriesSelected,\n                isOnlyVisible,\n                series,\n              );\n            }}\n            hasButtons={hasMoreThanOneItem}\n            selected={\n              !isAllSeriesVisible && selectedSeries[currentSeries.name ?? '']\n            }\n            deSelected={isDeselected}\n          >\n            {name}\n          </LegendItem>\n        );\n      })}\n\n      {overflowItemsNames.length > 0 && (\n        <Tooltip type=\"simple\">\n          <Tooltip.Trigger hasButtonWrapper>\n            <LegendItem\n              name=\"ndl-overflow-items\"\n              color={tokens.palette.neutral[30]}\n              selected={\n                !isAllSeriesVisible &&\n                overflowItemsNames.every(\n                  (item) => selectedSeries[item.name ?? ''],\n                )\n              }\n              deSelected={isOverflowItemsDeselected}\n              onLegendItemMouseEnter={() =>\n                !isOverflowItemsDeselected &&\n                onLegendItemMouseEnter(overflowItemsNames)\n              }\n              onLegendItemMouseLeave={() =>\n                !isOverflowItemsDeselected &&\n                onLegendItemMouseLeave(overflowItemsNames)\n              }\n              onLegendItemClick={() => {\n                const selectedSeriesLength =\n                  Object.values(selectedSeries).filter(Boolean).length;\n\n                const isOnlyOverflowItemsVisible =\n                  selectedSeriesLength === overflowItemsNames.length &&\n                  overflowItemsNames.every(\n                    (item) => selectedSeries[item.name ?? ''],\n                  );\n\n                if (isOnlyOverflowItemsVisible) {\n                  onSetAllVisible();\n                  return;\n                }\n\n                overflowItemsNames.forEach((item, index) => {\n                  const isAllSeriesSelected =\n                    selectedSeriesLength === series.length && index === 0;\n\n                  onToggleLegendVisibility?.(\n                    item.name,\n                    isAllSeriesSelected,\n                    false,\n                    series,\n                  );\n                });\n              }}\n            >\n              {overflowItemsNames.length} more\n            </LegendItem>\n          </Tooltip.Trigger>\n          <Tooltip.Content>\n            {overflowItemsNames.map((item) => (\n              <p key={item.name}>{item.name}</p>\n            ))}\n          </Tooltip.Content>\n        </Tooltip>\n      )}\n    </div>\n  );\n};\n"]}

package/lib/cjs/charts/legend-utils.js

@@ -35,8 +35,9 @@ const useLegendVisibility = (chartRef, selectedSeries) => {
         });
         const otherNames = Object.keys(selectedSeries).filter((n) => n !== name);
         otherNames.forEach((name) => {
-            if (name.startsWith('thresholdLine'))
+            if (name.startsWith('thresholdLine')) {
                 return;
+            }
             chart === null || chart === void 0 ? void 0 : chart.dispatchAction({
                 type: 'legendUnSelect',
                 name: name,

package/lib/cjs/charts/legend-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"legend-utils.js","sourceRoot":"","sources":["../../../src/charts/legend-utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport {\n  type EChartsOption,\n  type EChartsType,\n  getInstanceByDom,\n} from 'echarts';\nimport { useCallback } from 'react';\n\nconst useLegendVisibility = (\n  chartRef: React.RefObject<HTMLDivElement | null>,\n  selectedSeries: Record<string, boolean>,\n) => {\n  const setOnlyVisible = useCallback(\n    (name: string | undefined) => {\n      if (chartRef.current === null) {\n        return;\n      }\n      const chart = getInstanceByDom(chartRef.current);\n\n      chart?.dispatchAction({\n        type: 'legendSelect',\n        name: name,\n      });\n\n      const otherNames = Object.keys(selectedSeries).filter((n) => n !== name);\n      otherNames.forEach((name) => {\n        if (name.startsWith('thresholdLine')) return;\n\n        chart?.dispatchAction({\n          type: 'legendUnSelect',\n          name: name,\n        });\n      });\n    },\n    [chartRef, selectedSeries],\n  );\n\n  const setAllVisible = useCallback(() => {\n    if (chartRef.current === null) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartRef.current);\n\n    chart?.dispatchAction({\n      type: 'legendAllSelect',\n    });\n  }, [chartRef]);\n\n  /**\n   * Toggle the visibility of a legend series\n   *\n   * The toggle logic depends on the current state of the series:\n   * - If only the legend series that was selected is visible: show all series\n   * - If all series are visible: hide all except the series that was selected\n   * - Otherwise: toggle the legend series\n   *\n   * The isOnlyVisible and isAllSeriesSelected states can't be calculated in this\n   * function since different legend types require different logic.\n   */\n  const toggleLegendVisibility = useCallback(\n    (\n      name: string | undefined,\n      isAllSeriesSelected: boolean,\n      isOnlyVisible: boolean,\n    ) => {\n      if (chartRef.current === null || name === undefined) {\n        return;\n      }\n\n      if (isOnlyVisible) {\n        setAllVisible();\n      } else if (isAllSeriesSelected) {\n        setOnlyVisible(name);\n      } else {\n        const chart = getInstanceByDom(chartRef.current);\n\n        chart?.dispatchAction({\n          name: name,\n          type: 'legendToggleSelect',\n        });\n      }\n    },\n    [chartRef, setOnlyVisible, setAllVisible],\n  );\n\n  return { setAllVisible, setOnlyVisible, toggleLegendVisibility };\n};\n\nconst isThresholdLine = (name?: string) => name?.startsWith('thresholdLine');\n\n/**\n * Get the computed element width, including both paddings and margins\n */\nconst getComputedElementWidth = (element: Element) => {\n  const elementRect = element.getBoundingClientRect();\n  const elementComputedStyle = window.getComputedStyle(element);\n  const elementMarginLeft = parseFloat(elementComputedStyle.marginLeft);\n  const elementMarginRight = parseFloat(elementComputedStyle.marginRight);\n\n  return elementRect.width + elementMarginLeft + elementMarginRight;\n};\n\nexport const resetAllSeriesHighlight = (chart: EChartsType) => {\n  const option = chart.getOption();\n  const seriesList = (option.series as unknown[] | undefined) || [];\n\n  seriesList.forEach((_, seriesIndex: number) => {\n    chart.dispatchAction({\n      seriesIndex,\n      type: 'downplay',\n    });\n  });\n};\n\nconst highlightOrDownplayLineAndBarSeries = (\n  chart: EChartsType,\n  currentSeriesToDispatch: { name: string; color: string }[],\n  action: 'highlight' | 'downplay',\n  currentChartOptions: ReturnType<EChartsType['getOption']>,\n) => {\n  const isDownplay = action === 'downplay';\n  const allChartOptionSeries =\n    (currentChartOptions?.series as Record<string, unknown>[] | undefined) ||\n    [];\n\n  // Change emphasis state to add opacity on the non highlighted items\n  chart?.setOption({\n    series: allChartOptionSeries?.map(\n      (seriesItem: Record<string, unknown>) => ({\n        ...seriesItem,\n        emphasis: {\n          ...(seriesItem.emphasis as Record<string, unknown>),\n          disabled: isDownplay,\n        },\n      }),\n    ),\n  });\n\n  const seriesWithSeriesIndex = allChartOptionSeries\n    // Since the series index does not exist in the data we extract it from the series index\n    ?.map((seriesItem, index) => ({\n      ...seriesItem,\n      seriesIndex: index,\n    }))\n    // Select the series that are in the currentSeriesToDispatch array\n    ?.filter((seriesItem: Record<string, unknown>) =>\n      currentSeriesToDispatch.some((series) => series.name === seriesItem.name),\n    );\n\n  if (!seriesWithSeriesIndex.length) {\n    return;\n  }\n\n  chart?.dispatchAction({\n    seriesIndex: seriesWithSeriesIndex.map((series) => series.seriesIndex),\n    type: action,\n  });\n};\n\n/**\n * Highlight or downplay pie chart dataset item\n */\nconst highlightOrDownplayPieSlices = (\n  chart: EChartsType,\n  currentSeriesToDispatch: { name: string; color: string }[],\n  action: 'highlight' | 'downplay',\n  currentChartOptions: ReturnType<EChartsType['getOption']>,\n) => {\n  const isDownplay = action === 'downplay';\n  const allChartOptionSeries =\n    (currentChartOptions?.series as Record<string, unknown>[] | undefined) ||\n    [];\n\n  // Change blur state to add opacity on the non highlighted items in the pie chart\n  chart?.setOption({\n    series: allChartOptionSeries?.map(\n      (seriesItem: Record<string, unknown>) => ({\n        ...seriesItem,\n        blur: {\n          itemStyle: {\n            opacity: isDownplay ? 1 : 0.3,\n          },\n          label: {\n            opacity: isDownplay ? 1 : 0.3,\n          },\n          // ...(seriesItem.blur as Record<string, unknown>),\n        },\n      }),\n    ),\n  });\n\n  // The dataIndex that we want to dispatch can be found in the dataset[0] source array, where the first item is the name of the series\n  const chartOptionDataset =\n    currentChartOptions?.dataset as EChartsOption['dataset'];\n  const datasetArray = Array.isArray(chartOptionDataset)\n    ? chartOptionDataset\n    : [chartOptionDataset];\n  const sourceArray = datasetArray?.[0]?.source as unknown[][];\n\n  // Find the dataIndexes that we want to dispatch\n  const currentDataSeriesIndexes = currentSeriesToDispatch.map((series) => {\n    const index = sourceArray?.findIndex((item) => item[0] === series.name) - 1;\n    return index;\n  });\n\n  if (action === 'highlight') {\n    // Downplay other data indexes to make sure the other slices are not highlighted\n    const otherSeriesIndexes = sourceArray\n      .map((_, index) => index)\n      .filter((dataIndex) => !currentDataSeriesIndexes.includes(dataIndex));\n\n    chart?.dispatchAction({\n      seriesIndex: [0], // pie charts only has one series so seriesIndex is always 0\n      dataIndex: otherSeriesIndexes,\n      type: 'downplay',\n    });\n  }\n\n  chart?.dispatchAction({\n    seriesIndex: [0], // pie charts only has one series so otherSeriesIndexes is always 0\n    dataIndex: currentDataSeriesIndexes,\n    type: action,\n  });\n};\n\n/**\n * Highlight or downplay the series in the chart to toggle between emphasized and non-emphasized state\n */\nconst highlightOrDownplaySeries = (\n  chartRef: React.RefObject<HTMLDivElement | null>,\n  series: { name: string; color: string }[],\n  currentSelectedSeries: Record<string, boolean>,\n  currentSeriesToDispatch: { name: string; color: string }[],\n  action: 'highlight' | 'downplay',\n) => {\n  const hasOnlyOneSeries = series.length === 1;\n\n  const isOnlyOneSeriesSelected =\n    Object.values(currentSelectedSeries).filter(Boolean).length === 1;\n\n  if (\n    isOnlyOneSeriesSelected ||\n    currentSeriesToDispatch.length === 0 ||\n    chartRef.current === null ||\n    hasOnlyOneSeries\n  ) {\n    return;\n  }\n\n  const chart = getInstanceByDom(chartRef.current);\n\n  if (!chart) {\n    return;\n  }\n  const currentChartOptions = chart.getOption();\n\n  const seriesType = (\n    currentChartOptions?.series as Record<string, unknown>[]\n  )?.[0]?.type;\n\n  if (seriesType === 'pie') {\n    highlightOrDownplayPieSlices(\n      chart,\n      currentSeriesToDispatch,\n      action,\n      currentChartOptions,\n    );\n  } else {\n    highlightOrDownplayLineAndBarSeries(\n      chart,\n      currentSeriesToDispatch,\n      action,\n      currentChartOptions,\n    );\n  }\n};\n\nexport {\n  useLegendVisibility,\n  isThresholdLine,\n  getComputedElementWidth,\n  highlightOrDownplaySeries,\n};\n"]}
+{"version":3,"file":"legend-utils.js","sourceRoot":"","sources":["../../../src/charts/legend-utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport {\n  type EChartsOption,\n  type EChartsType,\n  getInstanceByDom,\n} from 'echarts';\nimport { useCallback } from 'react';\n\nconst useLegendVisibility = (\n  chartRef: React.RefObject<HTMLDivElement | null>,\n  selectedSeries: Record<string, boolean>,\n) => {\n  const setOnlyVisible = useCallback(\n    (name: string | undefined) => {\n      if (chartRef.current === null) {\n        return;\n      }\n      const chart = getInstanceByDom(chartRef.current);\n\n      chart?.dispatchAction({\n        type: 'legendSelect',\n        name: name,\n      });\n\n      const otherNames = Object.keys(selectedSeries).filter((n) => n !== name);\n      otherNames.forEach((name) => {\n        if (name.startsWith('thresholdLine')) {\n          return;\n        }\n\n        chart?.dispatchAction({\n          type: 'legendUnSelect',\n          name: name,\n        });\n      });\n    },\n    [chartRef, selectedSeries],\n  );\n\n  const setAllVisible = useCallback(() => {\n    if (chartRef.current === null) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartRef.current);\n\n    chart?.dispatchAction({\n      type: 'legendAllSelect',\n    });\n  }, [chartRef]);\n\n  /**\n   * Toggle the visibility of a legend series\n   *\n   * The toggle logic depends on the current state of the series:\n   * - If only the legend series that was selected is visible: show all series\n   * - If all series are visible: hide all except the series that was selected\n   * - Otherwise: toggle the legend series\n   *\n   * The isOnlyVisible and isAllSeriesSelected states can't be calculated in this\n   * function since different legend types require different logic.\n   */\n  const toggleLegendVisibility = useCallback(\n    (\n      name: string | undefined,\n      isAllSeriesSelected: boolean,\n      isOnlyVisible: boolean,\n    ) => {\n      if (chartRef.current === null || name === undefined) {\n        return;\n      }\n\n      if (isOnlyVisible) {\n        setAllVisible();\n      } else if (isAllSeriesSelected) {\n        setOnlyVisible(name);\n      } else {\n        const chart = getInstanceByDom(chartRef.current);\n\n        chart?.dispatchAction({\n          name: name,\n          type: 'legendToggleSelect',\n        });\n      }\n    },\n    [chartRef, setOnlyVisible, setAllVisible],\n  );\n\n  return { setAllVisible, setOnlyVisible, toggleLegendVisibility };\n};\n\nconst isThresholdLine = (name?: string) => name?.startsWith('thresholdLine');\n\n/**\n * Get the computed element width, including both paddings and margins\n */\nconst getComputedElementWidth = (element: Element) => {\n  const elementRect = element.getBoundingClientRect();\n  const elementComputedStyle = window.getComputedStyle(element);\n  const elementMarginLeft = parseFloat(elementComputedStyle.marginLeft);\n  const elementMarginRight = parseFloat(elementComputedStyle.marginRight);\n\n  return elementRect.width + elementMarginLeft + elementMarginRight;\n};\n\nexport const resetAllSeriesHighlight = (chart: EChartsType) => {\n  const option = chart.getOption();\n  const seriesList = (option.series as unknown[] | undefined) || [];\n\n  seriesList.forEach((_, seriesIndex: number) => {\n    chart.dispatchAction({\n      seriesIndex,\n      type: 'downplay',\n    });\n  });\n};\n\nconst highlightOrDownplayLineAndBarSeries = (\n  chart: EChartsType,\n  currentSeriesToDispatch: { name: string; color: string }[],\n  action: 'highlight' | 'downplay',\n  currentChartOptions: ReturnType<EChartsType['getOption']>,\n) => {\n  const isDownplay = action === 'downplay';\n  const allChartOptionSeries =\n    (currentChartOptions?.series as Record<string, unknown>[] | undefined) ||\n    [];\n\n  // Change emphasis state to add opacity on the non highlighted items\n  chart?.setOption({\n    series: allChartOptionSeries?.map(\n      (seriesItem: Record<string, unknown>) => ({\n        ...seriesItem,\n        emphasis: {\n          ...(seriesItem.emphasis as Record<string, unknown>),\n          disabled: isDownplay,\n        },\n      }),\n    ),\n  });\n\n  const seriesWithSeriesIndex = allChartOptionSeries\n    // Since the series index does not exist in the data we extract it from the series index\n    ?.map((seriesItem, index) => ({\n      ...seriesItem,\n      seriesIndex: index,\n    }))\n    // Select the series that are in the currentSeriesToDispatch array\n    ?.filter((seriesItem: Record<string, unknown>) =>\n      currentSeriesToDispatch.some((series) => series.name === seriesItem.name),\n    );\n\n  if (!seriesWithSeriesIndex.length) {\n    return;\n  }\n\n  chart?.dispatchAction({\n    seriesIndex: seriesWithSeriesIndex.map((series) => series.seriesIndex),\n    type: action,\n  });\n};\n\n/**\n * Highlight or downplay pie chart dataset item\n */\nconst highlightOrDownplayPieSlices = (\n  chart: EChartsType,\n  currentSeriesToDispatch: { name: string; color: string }[],\n  action: 'highlight' | 'downplay',\n  currentChartOptions: ReturnType<EChartsType['getOption']>,\n) => {\n  const isDownplay = action === 'downplay';\n  const allChartOptionSeries =\n    (currentChartOptions?.series as Record<string, unknown>[] | undefined) ||\n    [];\n\n  // Change blur state to add opacity on the non highlighted items in the pie chart\n  chart?.setOption({\n    series: allChartOptionSeries?.map(\n      (seriesItem: Record<string, unknown>) => ({\n        ...seriesItem,\n        blur: {\n          itemStyle: {\n            opacity: isDownplay ? 1 : 0.3,\n          },\n          label: {\n            opacity: isDownplay ? 1 : 0.3,\n          },\n          // ...(seriesItem.blur as Record<string, unknown>),\n        },\n      }),\n    ),\n  });\n\n  // The dataIndex that we want to dispatch can be found in the dataset[0] source array, where the first item is the name of the series\n  const chartOptionDataset =\n    currentChartOptions?.dataset as EChartsOption['dataset'];\n  const datasetArray = Array.isArray(chartOptionDataset)\n    ? chartOptionDataset\n    : [chartOptionDataset];\n  const sourceArray = datasetArray?.[0]?.source as unknown[][];\n\n  // Find the dataIndexes that we want to dispatch\n  const currentDataSeriesIndexes = currentSeriesToDispatch.map((series) => {\n    const index = sourceArray?.findIndex((item) => item[0] === series.name) - 1;\n    return index;\n  });\n\n  if (action === 'highlight') {\n    // Downplay other data indexes to make sure the other slices are not highlighted\n    const otherSeriesIndexes = sourceArray\n      .map((_, index) => index)\n      .filter((dataIndex) => !currentDataSeriesIndexes.includes(dataIndex));\n\n    chart?.dispatchAction({\n      seriesIndex: [0], // pie charts only has one series so seriesIndex is always 0\n      dataIndex: otherSeriesIndexes,\n      type: 'downplay',\n    });\n  }\n\n  chart?.dispatchAction({\n    seriesIndex: [0], // pie charts only has one series so otherSeriesIndexes is always 0\n    dataIndex: currentDataSeriesIndexes,\n    type: action,\n  });\n};\n\n/**\n * Highlight or downplay the series in the chart to toggle between emphasized and non-emphasized state\n */\nconst highlightOrDownplaySeries = (\n  chartRef: React.RefObject<HTMLDivElement | null>,\n  series: { name: string; color: string }[],\n  currentSelectedSeries: Record<string, boolean>,\n  currentSeriesToDispatch: { name: string; color: string }[],\n  action: 'highlight' | 'downplay',\n) => {\n  const hasOnlyOneSeries = series.length === 1;\n\n  const isOnlyOneSeriesSelected =\n    Object.values(currentSelectedSeries).filter(Boolean).length === 1;\n\n  if (\n    isOnlyOneSeriesSelected ||\n    currentSeriesToDispatch.length === 0 ||\n    chartRef.current === null ||\n    hasOnlyOneSeries\n  ) {\n    return;\n  }\n\n  const chart = getInstanceByDom(chartRef.current);\n\n  if (!chart) {\n    return;\n  }\n  const currentChartOptions = chart.getOption();\n\n  const seriesType = (\n    currentChartOptions?.series as Record<string, unknown>[]\n  )?.[0]?.type;\n\n  if (seriesType === 'pie') {\n    highlightOrDownplayPieSlices(\n      chart,\n      currentSeriesToDispatch,\n      action,\n      currentChartOptions,\n    );\n  } else {\n    highlightOrDownplayLineAndBarSeries(\n      chart,\n      currentSeriesToDispatch,\n      action,\n      currentChartOptions,\n    );\n  }\n};\n\nexport {\n  useLegendVisibility,\n  isThresholdLine,\n  getComputedElementWidth,\n  highlightOrDownplaySeries,\n};\n"]}

package/lib/cjs/charts/types.js

@@ -0,0 +1,23 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/lib/cjs/charts/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/charts/types.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport type HtmlAttributes<T extends React.ElementType> =\n  React.ComponentPropsWithoutRef<T> & {\n    [key: `data-${string}`]: string | undefined;\n  };\n\ntype BaseProps<T extends React.ElementType> = {\n  /**\n   * Additional classnames will be applied to the root element.\n   */\n  className?: string;\n  /**\n   * Additional css styling. Will be applied to the root element.\n   */\n  style?: React.CSSProperties;\n\n  /**\n   * Html attributes to apply to the root element. This will override any default html attributes, use with caution.\n   */\n  htmlAttributes?: HtmlAttributes<T>;\n\n  /**\n   * A ref to apply to the root element.\n   */\n  ref?: React.ComponentPropsWithRef<T>['ref'];\n};\n\nexport type CommonProps<T extends React.ElementType, P> = P & BaseProps<T>;\n"]}

package/lib/cjs/charts/user-option-utils.js

@@ -30,8 +30,9 @@ const colors = Object.values(base_1.tokens.categorical);
 const mergeSeries = (series, theme = 'light') => {
     return series.map((option, index = 0) => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        if (option === undefined)
+        if (option === undefined) {
             return {};
+        }
         const color = Array.isArray(option.color)
             ? option.color[index]
             : ((_a = option.color) !== null && _a !== void 0 ? _a : colors[index]);