@neo4j-ndl/react-charts 1.2.13 → 1.3.0

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergeToolbox = exports.mergeDataZoom = exports.mergeYAxis = exports.mergeXAxis = exports.mergeSeries = void 0;
+exports.mergeToolbox = exports.mergeDataZoom = exports.isVerticalSlider = exports.getDataZoomTargetAxes = exports.mergeYAxis = exports.mergeXAxis = exports.mergeSeries = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  *
@@ -155,29 +155,192 @@ const mergeYAxis = (yAxis, theme = 'light') => {
     return baseYAxis;
 };
 exports.mergeYAxis = mergeYAxis;
-const mergeDataZoom = (dataZoom) => {
+const normalizeAxisIndices = (axisIndex) => {
+    if (typeof axisIndex === 'number') {
+        return [axisIndex];
+    }
+    if (Array.isArray(axisIndex)) {
+        return axisIndex.filter((index) => {
+            return typeof index === 'number';
+        });
+    }
+    return [];
+};
+/**
+ * Resolves the axes a single dataZoom entry targets, mirroring ECharts' own
+ * resolution order: explicit `xAxisIndex`/`yAxisIndex` win (`false` meaning
+ * "not this axis"); when no index is given, `orient: 'vertical'` targets the
+ * first y-axis and horizontal/unset targets the first x-axis.
+ */
+const getSingleDataZoomTargets = (dataZoom) => {
+    if ((dataZoom === null || dataZoom === void 0 ? void 0 : dataZoom.type) !== 'slider' && (dataZoom === null || dataZoom === void 0 ? void 0 : dataZoom.type) !== 'inside') {
+        return { xAxisIndices: [], yAxisIndices: [] };
+    }
+    const hasAxisIndex = dataZoom.xAxisIndex !== undefined || dataZoom.yAxisIndex !== undefined;
+    if (hasAxisIndex) {
+        return {
+            xAxisIndices: normalizeAxisIndices(dataZoom.xAxisIndex),
+            yAxisIndices: normalizeAxisIndices(dataZoom.yAxisIndex),
+        };
+    }
+    return dataZoom.orient === 'vertical'
+        ? { xAxisIndices: [], yAxisIndices: [0] }
+        : { xAxisIndices: [0], yAxisIndices: [] };
+};
+/**
+ * Union of the axis indices targeted by all slider/inside entries in a
+ * dataZoom config, using the same per-entry resolution as ECharts (explicit
+ * axis indices first, then orientation).
+ */
+const getDataZoomTargetAxes = (dataZoom) => {
+    const entries = Array.isArray(dataZoom) ? dataZoom : [dataZoom];
+    const targets = { xAxisIndices: [], yAxisIndices: [] };
+    for (const entry of entries) {
+        const entryTargets = getSingleDataZoomTargets(entry);
+        for (const index of entryTargets.xAxisIndices) {
+            if (!targets.xAxisIndices.includes(index)) {
+                targets.xAxisIndices.push(index);
+            }
+        }
+        for (const index of entryTargets.yAxisIndices) {
+            if (!targets.yAxisIndices.includes(index)) {
+                targets.yAxisIndices.push(index);
+            }
+        }
+    }
+    return targets;
+};
+exports.getDataZoomTargetAxes = getDataZoomTargetAxes;
+/**
+ * A slider is vertical when the consumer sets `orient: 'vertical'`, or when it
+ * only targets a y-axis, which makes ECharts infer the vertical orientation.
+ */
+const isVerticalSlider = (dataZoom) => {
+    if ((dataZoom === null || dataZoom === void 0 ? void 0 : dataZoom.type) !== 'slider') {
+        return false;
+    }
+    if (dataZoom.orient !== undefined) {
+        return dataZoom.orient === 'vertical';
+    }
+    const targets = getSingleDataZoomTargets(dataZoom);
+    return targets.yAxisIndices.length > 0 && targets.xAxisIndices.length === 0;
+};
+exports.isVerticalSlider = isVerticalSlider;
+/**
+ * Axis types where windowing (`filterMode: 'none'`) beats ECharts' default
+ * data filtering. Filtering a continuous axis removes whole data items outside
+ * the window, which makes bars and points vanish instead of clipping them.
+ * Category axes keep the `'filter'` default so paging through categories still
+ * rescales the opposite value axis to the visible data.
+ */
+const WINDOWED_FILTER_AXIS_TYPES = ['log', 'time', 'value'];
+const getSingleAxisOption = (axis, axisIndex) => {
+    if (!Array.isArray(axis)) {
+        return axis;
+    }
+    const index = typeof axisIndex === 'number'
+        ? axisIndex
+        : Array.isArray(axisIndex) && typeof axisIndex[0] === 'number'
+            ? axisIndex[0]
+            : 0;
+    return axis[index];
+};
+/**
+ * Resolves the slider's target axis the way ECharts does (explicit axis index
+ * first, then orientation) and returns `'none'` when that axis is continuous.
+ * Returns `undefined` (keep ECharts' `'filter'` default) for category axes and
+ * for sliders that target both axes at once.
+ */
+const getSliderDefaultFilterMode = (dataZoom, axes) => {
+    const targets = getSingleDataZoomTargets(dataZoom);
+    const isXAxisTarget = targets.xAxisIndices.length > 0;
+    const isYAxisTarget = targets.yAxisIndices.length > 0;
+    if (isXAxisTarget === isYAxisTarget) {
+        return undefined;
+    }
+    const targetAxis = isYAxisTarget
+        ? getSingleAxisOption(axes === null || axes === void 0 ? void 0 : axes.yAxis, dataZoom.yAxisIndex)
+        : getSingleAxisOption(axes === null || axes === void 0 ? void 0 : axes.xAxis, dataZoom.xAxisIndex);
+    return (targetAxis === null || targetAxis === void 0 ? void 0 : targetAxis.type) !== undefined &&
+        WINDOWED_FILTER_AXIS_TYPES.includes(targetAxis.type)
+        ? 'none'
+        : undefined;
+};
+const mergeDataZoom = (dataZoom, axes) => {
     if (Array.isArray(dataZoom)) {
-        return dataZoom.map((option) => (0, exports.mergeDataZoom)(option));
+        return dataZoom.map((option) => (0, exports.mergeDataZoom)(option, axes));
     }
     const isSlider = (dataZoom === null || dataZoom === void 0 ? void 0 : dataZoom.type) === 'slider';
     const isInside = (dataZoom === null || dataZoom === void 0 ? void 0 : dataZoom.type) === 'inside';
     if (isSlider) {
-        return Object.assign({ bottom: 10, height: 28, show: true, type: 'slider' }, dataZoom);
+        const filterMode = getSliderDefaultFilterMode(dataZoom, axes);
+        const layoutDefaults = (0, exports.isVerticalSlider)(dataZoom)
+            ? { right: 10, width: 28 }
+            : { bottom: 10, height: 28 };
+        return Object.assign(Object.assign(Object.assign(Object.assign({}, (filterMode !== undefined && { filterMode })), layoutDefaults), { show: true, type: 'slider' }), dataZoom);
     }
     else if (isInside) {
-        return Object.assign({ filterMode: 'none', xAxisIndex: [0], zoomOnMouseWheel: false }, dataZoom);
+        // Only pin the default x-axis binding on entries that actually target the
+        // x-axis; y-targeting entries (explicit `yAxisIndex` or
+        // `orient: 'vertical'`) keep their own binding.
+        const targets = getSingleDataZoomTargets(dataZoom);
+        const hasDefaultXAxisTarget = dataZoom.xAxisIndex === undefined && targets.xAxisIndices.length > 0;
+        return Object.assign(Object.assign(Object.assign({ filterMode: 'none' }, (hasDefaultXAxisTarget && { xAxisIndex: [0] })), { zoomOnMouseWheel: false }), dataZoom);
     }
     return dataZoom;
 };
 exports.mergeDataZoom = mergeDataZoom;
-const mergeToolbox = (toolbox) => {
+const isContinuousAxisOption = (axisOption) => {
+    return ((axisOption === null || axisOption === void 0 ? void 0 : axisOption.type) !== undefined &&
+        WINDOWED_FILTER_AXIS_TYPES.includes(axisOption.type));
+};
+const areTargetAxesContinuous = (axis, axisIndices) => {
+    if (axisIndices === 'all') {
+        const axisOptions = Array.isArray(axis) ? axis : [axis];
+        return (axisOptions.length > 0 &&
+            axisOptions.every((axisOption) => {
+                return isContinuousAxisOption(axisOption);
+            }));
+    }
+    return axisIndices.every((axisIndex) => {
+        return isContinuousAxisOption(getSingleAxisOption(axis, axisIndex));
+    });
+};
+/**
+ * Returns `'none'` when every axis targeted by the drag-to-zoom brush is
+ * continuous (`value`/`time`/`log`), matching the slider rule: filtering a
+ * continuous axis removes whole data items outside the selection instead of
+ * clipping them. Category (or unknown) targets keep ECharts' `'filter'`
+ * default.
+ */
+const getBrushDefaultFilterMode = (context, xAxisTargets, yAxisTargets) => {
+    const checks = [];
+    if (xAxisTargets !== false) {
+        checks.push(areTargetAxesContinuous(context === null || context === void 0 ? void 0 : context.xAxis, xAxisTargets));
+    }
+    if (yAxisTargets !== false) {
+        checks.push(areTargetAxesContinuous(context === null || context === void 0 ? void 0 : context.yAxis, yAxisTargets));
+    }
+    return checks.length > 0 && checks.every(Boolean) ? 'none' : undefined;
+};
+const mergeToolbox = (toolbox, context) => {
     var _a;
     if (Array.isArray(toolbox)) {
-        return toolbox.map((option) => (0, exports.mergeToolbox)(option));
+        return toolbox.map((option) => (0, exports.mergeToolbox)(option, context));
     }
+    // The drag-to-zoom brush follows the axes the dataZoom config targets, so
+    // zoom direction is configured in one place. Without any dataZoom config it
+    // keeps the historical default: all x-axes on, y off.
+    const targets = (0, exports.getDataZoomTargetAxes)(context === null || context === void 0 ? void 0 : context.dataZoom);
+    const hasTargets = targets.xAxisIndices.length > 0 || targets.yAxisIndices.length > 0;
+    const xAxisTargets = hasTargets
+        ? targets.xAxisIndices.length > 0 && targets.xAxisIndices
+        : 'all';
+    const yAxisTargets = targets.yAxisIndices.length > 0 && targets.yAxisIndices;
+    const filterMode = getBrushDefaultFilterMode(context, xAxisTargets, yAxisTargets);
     return {
         feature: {
-            dataZoom: Object.assign(Object.assign({ yAxisIndex: false }, (_a = toolbox === null || toolbox === void 0 ? void 0 : toolbox.feature) === null || _a === void 0 ? void 0 : _a.dataZoom), { icon: {
+            dataZoom: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (filterMode !== undefined && { filterMode })), (xAxisTargets !== 'all' && { xAxisIndex: xAxisTargets })), { yAxisIndex: yAxisTargets }), (_a = toolbox === null || toolbox === void 0 ? void 0 : toolbox.feature) === null || _a === void 0 ? void 0 : _a.dataZoom), { icon: {
                     // This hack removes the icons.
                     // Due to: https://github.com/apache/echarts/issues/10274
                     back: '-',

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

@@ -1 +1 @@
-{"version":3,"file":"user-option-utils.js","sourceRoot":"","sources":["../../../../src/charts/utils/user-option-utils.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 { type EChartsOption, type SeriesOption } from 'echarts';\nimport { renderToString } from 'react-dom/server';\n\nimport { ChartTooltip } from '../ChartTooltip';\nimport { getTooltipValueFormatter } from './chart-tooltip-formatter';\nimport {\n  type EchartsSeries,\n  type HexColor,\n  type NeedleSeries,\n  type ThresholdLineSeriesOption,\n} from './chart-types';\nimport { defaultThresholdLineSeriesOption } from './defaults';\nimport { formatNumberEnUS } from './format-utils';\n\nconst defaultColors = Object.values(tokens.categorical);\n\ntype SingleXAxisOption = Exclude<\n  NonNullable<EChartsOption['xAxis']>,\n  unknown[]\n>;\ntype SingleYAxisOption = Exclude<\n  NonNullable<EChartsOption['yAxis']>,\n  unknown[]\n>;\n\nexport const mergeSeries = (\n  series: NeedleSeries,\n  theme: 'light' | 'dark' = 'light',\n  userOption?: Omit<\n    EChartsOption,\n    'series' | 'dataset' | 'legend' | 'xAxis' | 'yAxis'\n  >,\n  palette?: HexColor[],\n): EchartsSeries => {\n  const colors = palette ?? defaultColors;\n\n  return series.map(\n    (\n      option:\n        | SeriesOption\n        | ThresholdLineSeriesOption<'warning'>\n        | ThresholdLineSeriesOption<'danger'>,\n      index: number = 0,\n    ): SeriesOption => {\n      if (option === undefined) {\n        return {};\n      }\n\n      const color = Array.isArray(option.color)\n        ? option.color[index]\n        : (option.color ?? colors[index % colors.length]);\n\n      if (option.type === 'thresholdLine') {\n        const { notificationType } = option;\n        // Needed to differentiate between normal lines and threshold lines\n        // as we are unable to inject custom properties into echarts series lines.\n        const thresholdLineName = `thresholdLine-${notificationType}`;\n        return {\n          symbolSize: 9,\n          symbol: 'none',\n          condition: defaultThresholdLineSeriesOption.condition,\n          ...option,\n          lineStyle: {\n            width: 2,\n            type: 'dashed',\n            ...option.lineStyle,\n          },\n          name: thresholdLineName,\n          type: 'line',\n          data: [\n            [option.xAxis[0], option.yAxis],\n            [option.xAxis[1], option.yAxis],\n          ],\n        };\n      }\n\n      if (option.type === 'line') {\n        const shadow = tokens.theme[theme].boxShadow.raised;\n        const shadowParts = shadow.split(/ (?=\\d+px|rgba?\\()/);\n\n        return {\n          type: 'line',\n          symbolSize: 9,\n          color,\n          symbol: 'none',\n          ...option,\n          lineStyle: {\n            width: 2,\n            type: 'solid' as const,\n            ...option.lineStyle,\n          },\n          emphasis: {\n            disabled: true,\n            focus: 'series',\n            ...option.emphasis,\n            itemStyle: {\n              borderColor: tokens.theme[theme].color.neutral.bg.weak,\n              shadowOffsetX: parseInt(shadowParts[0]),\n              shadowOffsetY: parseInt(shadowParts[1]),\n              shadowBlur: parseInt(shadowParts[2]),\n              shadowColor: shadowParts[4],\n              ...option.emphasis?.itemStyle,\n            },\n            label: { show: false },\n            ...option.emphasis,\n          },\n        };\n      }\n\n      if (option.type === 'pie') {\n        const valueFormatter = getTooltipValueFormatter(userOption);\n\n        return {\n          animationDuration: 600,\n          animationType: 'scale',\n          selectedMode: 'single',\n          ...option,\n          // Blur opacity is set to 1 to prevent other slices from\n          // being opacitated when hovering a slice where the emphasis is enabled (used for scale effect)\n          blur: {\n            itemStyle: {\n              opacity: 1,\n              ...option.blur?.itemStyle,\n            },\n            label: {\n              opacity: 1,\n              ...option.blur?.label,\n            },\n            ...option.blur,\n          },\n          // Emphasis is enabled and used to apply the scale effect when hovering the pie chart slices.\n          emphasis: {\n            disabled: false,\n            focus: 'self',\n            scale: true,\n            scaleSize: 5,\n            ...option.emphasis,\n          },\n          itemStyle: {\n            borderColor: tokens.theme[theme].color.neutral.bg.weak,\n            borderWidth: 1,\n            ...option.itemStyle,\n          },\n          label: {\n            formatter: '{d}%',\n            backgroundColor: 'transparent',\n            color: tokens.theme[theme].color.neutral.text.weak,\n            ...option.label,\n          },\n          labelLine: {\n            length: 5,\n            show: true,\n            ...option.labelLine,\n          },\n          tooltip: {\n            trigger: 'item',\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              return `${renderToString(\n                <span className=\"ndl-charts-chart-tooltip\">\n                  <ChartTooltip.Content\n                    key={firstParam?.value[0] ?? firstParam.seriesName}\n                    leadingElement={\n                      firstParam?.value[0] ?? firstParam.seriesName\n                    }\n                    trailingElement={valueFormatter(\n                      Array.isArray(firstParam.value)\n                        ? firstParam.value[1]\n                        : firstParam.value,\n                    )}\n                    indentSquareColor={firstParam.color}\n                  />\n                </span>,\n              )}`;\n            },\n            ...option.tooltip,\n          },\n        };\n      }\n\n      if (option.type === 'bar') {\n        const valueFormatter = getTooltipValueFormatter(userOption);\n\n        return {\n          barMaxWidth: 16,\n          ...option,\n          blur: {\n            itemStyle: {\n              opacity: 0.3,\n              ...option.blur?.itemStyle,\n            },\n            ...option.blur,\n          },\n          emphasis: {\n            disabled: true,\n            focus: 'series',\n            ...option.emphasis,\n          },\n          itemStyle: {\n            color,\n            borderWidth: 20,\n            ...option.itemStyle,\n          },\n          markLine: {\n            emphasis: {\n              disabled: true,\n              lineStyle: {\n                width: 20,\n                ...option.markLine?.emphasis?.lineStyle,\n              },\n              ...option.markLine?.emphasis,\n            },\n            lineStyle: {\n              width: 20,\n              ...option.markLine?.lineStyle,\n            },\n          },\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              return `${renderToString(\n                <span className=\"ndl-charts-chart-tooltip\">\n                  <ChartTooltip.Title>{firstParam.name}</ChartTooltip.Title>\n                  <ChartTooltip.Content\n                    key={firstParam?.value[0] ?? firstParam.seriesName}\n                    leadingElement={firstParam.seriesName}\n                    trailingElement={valueFormatter(\n                      Array.isArray(firstParam.value)\n                        ? firstParam.value[1]\n                        : firstParam.value,\n                    )}\n                    indentSquareColor={firstParam.color}\n                  />\n                </span>,\n              )}`;\n            },\n            ...option.tooltip,\n          },\n        };\n      }\n\n      return option;\n    },\n  );\n};\n\nexport const mergeXAxis = (\n  xAxis: EChartsOption['xAxis'],\n  theme: 'light' | 'dark' = 'light',\n): EChartsOption['xAxis'] => {\n  if (xAxis === undefined) {\n    return [];\n  }\n\n  if (Array.isArray(xAxis)) {\n    return xAxis.map((axis) =>\n      mergeXAxis(axis, theme),\n    ) as EChartsOption['xAxis'];\n  }\n\n  const baseXAxis = {\n    ...xAxis,\n    splitLine: { show: false, ...xAxis?.splitLine },\n    axisLine: {\n      lineStyle: {\n        ...xAxis?.axisLine?.lineStyle,\n      },\n      ...xAxis?.axisLine,\n    },\n    axisTick: {\n      ...xAxis?.axisTick,\n      lineStyle: {\n        ...xAxis?.axisTick?.lineStyle,\n      },\n      show: true,\n      ...xAxis?.axisTick,\n    },\n    axisLabel: {\n      margin: 16,\n      formatter: {\n        day: '{dd} {MMM}',\n        hour: '{HH}:{mm}',\n        millisecond: '{hh}:{mm}:{ss} {SSS}',\n        minute: '{HH}:{mm}',\n        month: '{MMM}',\n        none: '{yyyy}-{MM}-{dd} {hh}:{mm}:{ss} {SSS}',\n        second: '{HH}:{mm}:{ss}',\n        year: '{yearStyle|{yyyy}}\\n{monthStyle|{MMM}}',\n      },\n      overflow: 'truncate',\n      ...xAxis?.axisLabel,\n    },\n  } as SingleXAxisOption;\n\n  if (xAxis.type === 'time') {\n    const timeXAxis = {\n      ...baseXAxis,\n      axisLabel: {\n        hideOverlap: true,\n        ...baseXAxis.axisLabel,\n      },\n    } as SingleXAxisOption;\n\n    return timeXAxis;\n  }\n\n  if (xAxis.type === 'value' || xAxis.type === 'log') {\n    const xAxisFormatter =\n      xAxis.axisLabel && 'formatter' in xAxis.axisLabel\n        ? xAxis.axisLabel.formatter\n        : undefined;\n    const valueXAxis = {\n      ...baseXAxis,\n      axisLabel: {\n        ...baseXAxis.axisLabel,\n        formatter: xAxisFormatter ?? formatNumberEnUS,\n      },\n    } as SingleXAxisOption;\n\n    return valueXAxis;\n  }\n\n  if (xAxis.type === 'category') {\n    const categoryXAxis = {\n      ...baseXAxis,\n      axisTick: {\n        alignWithLabel: true,\n        ...baseXAxis?.axisTick,\n      },\n      axisLabel: {\n        width: 80,\n        ...baseXAxis?.axisLabel,\n      },\n    } as SingleXAxisOption;\n    return categoryXAxis;\n  }\n\n  return baseXAxis;\n};\n\nexport const mergeYAxis = (\n  yAxis: EChartsOption['yAxis'],\n  theme: 'light' | 'dark' = 'light',\n): EChartsOption['yAxis'] => {\n  if (yAxis === undefined) {\n    return [];\n  }\n\n  if (Array.isArray(yAxis)) {\n    return yAxis.map((axis) =>\n      mergeYAxis(axis, theme),\n    ) as EChartsOption['yAxis'];\n  }\n\n  const baseYAxis = {\n    ...yAxis,\n    axisLine: {\n      ...yAxis?.axisLine,\n      lineStyle: {\n        ...yAxis?.axisLine?.lineStyle,\n      },\n      show: true,\n    },\n    axisTick: {\n      show: false,\n      ...yAxis?.axisTick,\n      lineStyle: {\n        width: 1,\n        ...yAxis?.axisTick?.lineStyle,\n      },\n    },\n    axisLabel: {\n      margin: 8,\n      overflow: 'truncate',\n      ...yAxis?.axisLabel,\n    },\n    splitLine: { show: true, ...yAxis?.splitLine },\n  } as SingleYAxisOption;\n\n  if (yAxis.type === 'time') {\n    const timeYAxis = {\n      ...baseYAxis,\n      axisLabel: {\n        hideOverlap: true,\n        ...baseYAxis.axisLabel,\n      },\n      splitLine: { show: false, ...baseYAxis?.splitLine },\n    } as SingleYAxisOption;\n\n    return timeYAxis;\n  }\n\n  if (yAxis.type === 'value' || yAxis.type === 'log') {\n    const yAxisFormatter =\n      yAxis.axisLabel && 'formatter' in yAxis.axisLabel\n        ? yAxis.axisLabel.formatter\n        : undefined;\n    const valueYAxis = {\n      ...baseYAxis,\n      axisLabel: {\n        hideOverlap: true,\n        ...baseYAxis.axisLabel,\n        formatter: yAxisFormatter ?? formatNumberEnUS,\n      },\n      splitLine: { show: false, ...baseYAxis?.splitLine },\n    } as SingleYAxisOption;\n\n    return valueYAxis;\n  }\n\n  if (yAxis.type === 'category') {\n    const categoryYAxis = {\n      ...baseYAxis,\n      axisLabel: {\n        width: 100,\n        ...baseYAxis?.axisLabel,\n      },\n    } as SingleYAxisOption;\n\n    return categoryYAxis;\n  }\n\n  return baseYAxis;\n};\n\nexport const mergeDataZoom = (\n  dataZoom: EChartsOption['dataZoom'],\n): EChartsOption['dataZoom'] => {\n  if (Array.isArray(dataZoom)) {\n    return dataZoom.map((option) =>\n      mergeDataZoom(option),\n    ) as EChartsOption['dataZoom'];\n  }\n\n  const isSlider = dataZoom?.type === 'slider';\n  const isInside = dataZoom?.type === 'inside';\n\n  if (isSlider) {\n    return {\n      bottom: 10,\n      height: 28,\n      show: true,\n      type: 'slider',\n      ...dataZoom,\n    };\n  } else if (isInside) {\n    return {\n      filterMode: 'none',\n      xAxisIndex: [0],\n      zoomOnMouseWheel: false,\n      ...dataZoom,\n    };\n  }\n\n  return dataZoom;\n};\n\nexport const mergeToolbox = (\n  toolbox: EChartsOption['toolbox'],\n): EChartsOption['toolbox'] => {\n  if (Array.isArray(toolbox)) {\n    return toolbox.map((option) =>\n      mergeToolbox(option),\n    ) as EChartsOption['toolbox'];\n  }\n\n  return {\n    feature: {\n      dataZoom: {\n        yAxisIndex: false,\n        ...toolbox?.feature?.dataZoom,\n        icon: {\n          // This hack removes the icons.\n          // Due to: https://github.com/apache/echarts/issues/10274\n          back: '-',\n          zoom: '-',\n        },\n        show: true,\n      },\n    },\n  };\n};\n"]}
+{"version":3,"file":"user-option-utils.js","sourceRoot":"","sources":["../../../../src/charts/utils/user-option-utils.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 { type EChartsOption, type SeriesOption } from 'echarts';\nimport { renderToString } from 'react-dom/server';\n\nimport { ChartTooltip } from '../ChartTooltip';\nimport { getTooltipValueFormatter } from './chart-tooltip-formatter';\nimport {\n  type EchartsSeries,\n  type HexColor,\n  type NeedleSeries,\n  type ThresholdLineSeriesOption,\n} from './chart-types';\nimport { defaultThresholdLineSeriesOption } from './defaults';\nimport { formatNumberEnUS } from './format-utils';\n\nconst defaultColors = Object.values(tokens.categorical);\n\ntype SingleXAxisOption = Exclude<\n  NonNullable<EChartsOption['xAxis']>,\n  unknown[]\n>;\ntype SingleYAxisOption = Exclude<\n  NonNullable<EChartsOption['yAxis']>,\n  unknown[]\n>;\n\nexport const mergeSeries = (\n  series: NeedleSeries,\n  theme: 'light' | 'dark' = 'light',\n  userOption?: Omit<\n    EChartsOption,\n    'series' | 'dataset' | 'legend' | 'xAxis' | 'yAxis'\n  >,\n  palette?: HexColor[],\n): EchartsSeries => {\n  const colors = palette ?? defaultColors;\n\n  return series.map(\n    (\n      option:\n        | SeriesOption\n        | ThresholdLineSeriesOption<'warning'>\n        | ThresholdLineSeriesOption<'danger'>,\n      index: number = 0,\n    ): SeriesOption => {\n      if (option === undefined) {\n        return {};\n      }\n\n      const color = Array.isArray(option.color)\n        ? option.color[index]\n        : (option.color ?? colors[index % colors.length]);\n\n      if (option.type === 'thresholdLine') {\n        const { notificationType } = option;\n        // Needed to differentiate between normal lines and threshold lines\n        // as we are unable to inject custom properties into echarts series lines.\n        const thresholdLineName = `thresholdLine-${notificationType}`;\n        return {\n          symbolSize: 9,\n          symbol: 'none',\n          condition: defaultThresholdLineSeriesOption.condition,\n          ...option,\n          lineStyle: {\n            width: 2,\n            type: 'dashed',\n            ...option.lineStyle,\n          },\n          name: thresholdLineName,\n          type: 'line',\n          data: [\n            [option.xAxis[0], option.yAxis],\n            [option.xAxis[1], option.yAxis],\n          ],\n        };\n      }\n\n      if (option.type === 'line') {\n        const shadow = tokens.theme[theme].boxShadow.raised;\n        const shadowParts = shadow.split(/ (?=\\d+px|rgba?\\()/);\n\n        return {\n          type: 'line',\n          symbolSize: 9,\n          color,\n          symbol: 'none',\n          ...option,\n          lineStyle: {\n            width: 2,\n            type: 'solid' as const,\n            ...option.lineStyle,\n          },\n          emphasis: {\n            disabled: true,\n            focus: 'series',\n            ...option.emphasis,\n            itemStyle: {\n              borderColor: tokens.theme[theme].color.neutral.bg.weak,\n              shadowOffsetX: parseInt(shadowParts[0]),\n              shadowOffsetY: parseInt(shadowParts[1]),\n              shadowBlur: parseInt(shadowParts[2]),\n              shadowColor: shadowParts[4],\n              ...option.emphasis?.itemStyle,\n            },\n            label: { show: false },\n            ...option.emphasis,\n          },\n        };\n      }\n\n      if (option.type === 'pie') {\n        const valueFormatter = getTooltipValueFormatter(userOption);\n\n        return {\n          animationDuration: 600,\n          animationType: 'scale',\n          selectedMode: 'single',\n          ...option,\n          // Blur opacity is set to 1 to prevent other slices from\n          // being opacitated when hovering a slice where the emphasis is enabled (used for scale effect)\n          blur: {\n            itemStyle: {\n              opacity: 1,\n              ...option.blur?.itemStyle,\n            },\n            label: {\n              opacity: 1,\n              ...option.blur?.label,\n            },\n            ...option.blur,\n          },\n          // Emphasis is enabled and used to apply the scale effect when hovering the pie chart slices.\n          emphasis: {\n            disabled: false,\n            focus: 'self',\n            scale: true,\n            scaleSize: 5,\n            ...option.emphasis,\n          },\n          itemStyle: {\n            borderColor: tokens.theme[theme].color.neutral.bg.weak,\n            borderWidth: 1,\n            ...option.itemStyle,\n          },\n          label: {\n            formatter: '{d}%',\n            backgroundColor: 'transparent',\n            color: tokens.theme[theme].color.neutral.text.weak,\n            ...option.label,\n          },\n          labelLine: {\n            length: 5,\n            show: true,\n            ...option.labelLine,\n          },\n          tooltip: {\n            trigger: 'item',\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              return `${renderToString(\n                <span className=\"ndl-charts-chart-tooltip\">\n                  <ChartTooltip.Content\n                    key={firstParam?.value[0] ?? firstParam.seriesName}\n                    leadingElement={\n                      firstParam?.value[0] ?? firstParam.seriesName\n                    }\n                    trailingElement={valueFormatter(\n                      Array.isArray(firstParam.value)\n                        ? firstParam.value[1]\n                        : firstParam.value,\n                    )}\n                    indentSquareColor={firstParam.color}\n                  />\n                </span>,\n              )}`;\n            },\n            ...option.tooltip,\n          },\n        };\n      }\n\n      if (option.type === 'bar') {\n        const valueFormatter = getTooltipValueFormatter(userOption);\n\n        return {\n          barMaxWidth: 16,\n          ...option,\n          blur: {\n            itemStyle: {\n              opacity: 0.3,\n              ...option.blur?.itemStyle,\n            },\n            ...option.blur,\n          },\n          emphasis: {\n            disabled: true,\n            focus: 'series',\n            ...option.emphasis,\n          },\n          itemStyle: {\n            color,\n            borderWidth: 20,\n            ...option.itemStyle,\n          },\n          markLine: {\n            emphasis: {\n              disabled: true,\n              lineStyle: {\n                width: 20,\n                ...option.markLine?.emphasis?.lineStyle,\n              },\n              ...option.markLine?.emphasis,\n            },\n            lineStyle: {\n              width: 20,\n              ...option.markLine?.lineStyle,\n            },\n          },\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              return `${renderToString(\n                <span className=\"ndl-charts-chart-tooltip\">\n                  <ChartTooltip.Title>{firstParam.name}</ChartTooltip.Title>\n                  <ChartTooltip.Content\n                    key={firstParam?.value[0] ?? firstParam.seriesName}\n                    leadingElement={firstParam.seriesName}\n                    trailingElement={valueFormatter(\n                      Array.isArray(firstParam.value)\n                        ? firstParam.value[1]\n                        : firstParam.value,\n                    )}\n                    indentSquareColor={firstParam.color}\n                  />\n                </span>,\n              )}`;\n            },\n            ...option.tooltip,\n          },\n        };\n      }\n\n      return option;\n    },\n  );\n};\n\nexport const mergeXAxis = (\n  xAxis: EChartsOption['xAxis'],\n  theme: 'light' | 'dark' = 'light',\n): EChartsOption['xAxis'] => {\n  if (xAxis === undefined) {\n    return [];\n  }\n\n  if (Array.isArray(xAxis)) {\n    return xAxis.map((axis) =>\n      mergeXAxis(axis, theme),\n    ) as EChartsOption['xAxis'];\n  }\n\n  const baseXAxis = {\n    ...xAxis,\n    splitLine: { show: false, ...xAxis?.splitLine },\n    axisLine: {\n      lineStyle: {\n        ...xAxis?.axisLine?.lineStyle,\n      },\n      ...xAxis?.axisLine,\n    },\n    axisTick: {\n      ...xAxis?.axisTick,\n      lineStyle: {\n        ...xAxis?.axisTick?.lineStyle,\n      },\n      show: true,\n      ...xAxis?.axisTick,\n    },\n    axisLabel: {\n      margin: 16,\n      formatter: {\n        day: '{dd} {MMM}',\n        hour: '{HH}:{mm}',\n        millisecond: '{hh}:{mm}:{ss} {SSS}',\n        minute: '{HH}:{mm}',\n        month: '{MMM}',\n        none: '{yyyy}-{MM}-{dd} {hh}:{mm}:{ss} {SSS}',\n        second: '{HH}:{mm}:{ss}',\n        year: '{yearStyle|{yyyy}}\\n{monthStyle|{MMM}}',\n      },\n      overflow: 'truncate',\n      ...xAxis?.axisLabel,\n    },\n  } as SingleXAxisOption;\n\n  if (xAxis.type === 'time') {\n    const timeXAxis = {\n      ...baseXAxis,\n      axisLabel: {\n        hideOverlap: true,\n        ...baseXAxis.axisLabel,\n      },\n    } as SingleXAxisOption;\n\n    return timeXAxis;\n  }\n\n  if (xAxis.type === 'value' || xAxis.type === 'log') {\n    const xAxisFormatter =\n      xAxis.axisLabel && 'formatter' in xAxis.axisLabel\n        ? xAxis.axisLabel.formatter\n        : undefined;\n    const valueXAxis = {\n      ...baseXAxis,\n      axisLabel: {\n        ...baseXAxis.axisLabel,\n        formatter: xAxisFormatter ?? formatNumberEnUS,\n      },\n    } as SingleXAxisOption;\n\n    return valueXAxis;\n  }\n\n  if (xAxis.type === 'category') {\n    const categoryXAxis = {\n      ...baseXAxis,\n      axisTick: {\n        alignWithLabel: true,\n        ...baseXAxis?.axisTick,\n      },\n      axisLabel: {\n        width: 80,\n        ...baseXAxis?.axisLabel,\n      },\n    } as SingleXAxisOption;\n    return categoryXAxis;\n  }\n\n  return baseXAxis;\n};\n\nexport const mergeYAxis = (\n  yAxis: EChartsOption['yAxis'],\n  theme: 'light' | 'dark' = 'light',\n): EChartsOption['yAxis'] => {\n  if (yAxis === undefined) {\n    return [];\n  }\n\n  if (Array.isArray(yAxis)) {\n    return yAxis.map((axis) =>\n      mergeYAxis(axis, theme),\n    ) as EChartsOption['yAxis'];\n  }\n\n  const baseYAxis = {\n    ...yAxis,\n    axisLine: {\n      ...yAxis?.axisLine,\n      lineStyle: {\n        ...yAxis?.axisLine?.lineStyle,\n      },\n      show: true,\n    },\n    axisTick: {\n      show: false,\n      ...yAxis?.axisTick,\n      lineStyle: {\n        width: 1,\n        ...yAxis?.axisTick?.lineStyle,\n      },\n    },\n    axisLabel: {\n      margin: 8,\n      overflow: 'truncate',\n      ...yAxis?.axisLabel,\n    },\n    splitLine: { show: true, ...yAxis?.splitLine },\n  } as SingleYAxisOption;\n\n  if (yAxis.type === 'time') {\n    const timeYAxis = {\n      ...baseYAxis,\n      axisLabel: {\n        hideOverlap: true,\n        ...baseYAxis.axisLabel,\n      },\n      splitLine: { show: false, ...baseYAxis?.splitLine },\n    } as SingleYAxisOption;\n\n    return timeYAxis;\n  }\n\n  if (yAxis.type === 'value' || yAxis.type === 'log') {\n    const yAxisFormatter =\n      yAxis.axisLabel && 'formatter' in yAxis.axisLabel\n        ? yAxis.axisLabel.formatter\n        : undefined;\n    const valueYAxis = {\n      ...baseYAxis,\n      axisLabel: {\n        hideOverlap: true,\n        ...baseYAxis.axisLabel,\n        formatter: yAxisFormatter ?? formatNumberEnUS,\n      },\n      splitLine: { show: false, ...baseYAxis?.splitLine },\n    } as SingleYAxisOption;\n\n    return valueYAxis;\n  }\n\n  if (yAxis.type === 'category') {\n    const categoryYAxis = {\n      ...baseYAxis,\n      axisLabel: {\n        width: 100,\n        ...baseYAxis?.axisLabel,\n      },\n    } as SingleYAxisOption;\n\n    return categoryYAxis;\n  }\n\n  return baseYAxis;\n};\n\ntype SingleDataZoomOption = Exclude<\n  NonNullable<EChartsOption['dataZoom']>,\n  unknown[]\n>;\n\ntype MergeDataZoomAxes = {\n  xAxis?: EChartsOption['xAxis'];\n  yAxis?: EChartsOption['yAxis'];\n};\n\nexport type DataZoomTargetAxes = {\n  xAxisIndices: number[];\n  yAxisIndices: number[];\n};\n\nconst normalizeAxisIndices = (axisIndex: unknown): number[] => {\n  if (typeof axisIndex === 'number') {\n    return [axisIndex];\n  }\n\n  if (Array.isArray(axisIndex)) {\n    return axisIndex.filter((index): index is number => {\n      return typeof index === 'number';\n    });\n  }\n\n  return [];\n};\n\n/**\n * Resolves the axes a single dataZoom entry targets, mirroring ECharts' own\n * resolution order: explicit `xAxisIndex`/`yAxisIndex` win (`false` meaning\n * \"not this axis\"); when no index is given, `orient: 'vertical'` targets the\n * first y-axis and horizontal/unset targets the first x-axis.\n */\nconst getSingleDataZoomTargets = (\n  dataZoom: SingleDataZoomOption | undefined,\n): DataZoomTargetAxes => {\n  if (dataZoom?.type !== 'slider' && dataZoom?.type !== 'inside') {\n    return { xAxisIndices: [], yAxisIndices: [] };\n  }\n\n  const hasAxisIndex =\n    dataZoom.xAxisIndex !== undefined || dataZoom.yAxisIndex !== undefined;\n\n  if (hasAxisIndex) {\n    return {\n      xAxisIndices: normalizeAxisIndices(dataZoom.xAxisIndex),\n      yAxisIndices: normalizeAxisIndices(dataZoom.yAxisIndex),\n    };\n  }\n\n  return dataZoom.orient === 'vertical'\n    ? { xAxisIndices: [], yAxisIndices: [0] }\n    : { xAxisIndices: [0], yAxisIndices: [] };\n};\n\n/**\n * Union of the axis indices targeted by all slider/inside entries in a\n * dataZoom config, using the same per-entry resolution as ECharts (explicit\n * axis indices first, then orientation).\n */\nexport const getDataZoomTargetAxes = (\n  dataZoom: EChartsOption['dataZoom'],\n): DataZoomTargetAxes => {\n  const entries = Array.isArray(dataZoom) ? dataZoom : [dataZoom];\n  const targets: DataZoomTargetAxes = { xAxisIndices: [], yAxisIndices: [] };\n\n  for (const entry of entries) {\n    const entryTargets = getSingleDataZoomTargets(entry);\n\n    for (const index of entryTargets.xAxisIndices) {\n      if (!targets.xAxisIndices.includes(index)) {\n        targets.xAxisIndices.push(index);\n      }\n    }\n\n    for (const index of entryTargets.yAxisIndices) {\n      if (!targets.yAxisIndices.includes(index)) {\n        targets.yAxisIndices.push(index);\n      }\n    }\n  }\n\n  return targets;\n};\n\n/**\n * A slider is vertical when the consumer sets `orient: 'vertical'`, or when it\n * only targets a y-axis, which makes ECharts infer the vertical orientation.\n */\nexport const isVerticalSlider = (\n  dataZoom: SingleDataZoomOption | undefined,\n): boolean => {\n  if (dataZoom?.type !== 'slider') {\n    return false;\n  }\n\n  if (dataZoom.orient !== undefined) {\n    return dataZoom.orient === 'vertical';\n  }\n\n  const targets = getSingleDataZoomTargets(dataZoom);\n\n  return targets.yAxisIndices.length > 0 && targets.xAxisIndices.length === 0;\n};\n\n/**\n * Axis types where windowing (`filterMode: 'none'`) beats ECharts' default\n * data filtering. Filtering a continuous axis removes whole data items outside\n * the window, which makes bars and points vanish instead of clipping them.\n * Category axes keep the `'filter'` default so paging through categories still\n * rescales the opposite value axis to the visible data.\n */\nconst WINDOWED_FILTER_AXIS_TYPES = ['log', 'time', 'value'];\n\nconst getSingleAxisOption = (\n  axis: EChartsOption['xAxis'] | EChartsOption['yAxis'],\n  axisIndex: unknown,\n): { type?: string } | undefined => {\n  if (!Array.isArray(axis)) {\n    return axis as { type?: string } | undefined;\n  }\n\n  const index =\n    typeof axisIndex === 'number'\n      ? axisIndex\n      : Array.isArray(axisIndex) && typeof axisIndex[0] === 'number'\n        ? axisIndex[0]\n        : 0;\n\n  return axis[index] as { type?: string } | undefined;\n};\n\n/**\n * Resolves the slider's target axis the way ECharts does (explicit axis index\n * first, then orientation) and returns `'none'` when that axis is continuous.\n * Returns `undefined` (keep ECharts' `'filter'` default) for category axes and\n * for sliders that target both axes at once.\n */\nconst getSliderDefaultFilterMode = (\n  dataZoom: SingleDataZoomOption,\n  axes: MergeDataZoomAxes | undefined,\n): 'none' | undefined => {\n  const targets = getSingleDataZoomTargets(dataZoom);\n  const isXAxisTarget = targets.xAxisIndices.length > 0;\n  const isYAxisTarget = targets.yAxisIndices.length > 0;\n\n  if (isXAxisTarget === isYAxisTarget) {\n    return undefined;\n  }\n\n  const targetAxis = isYAxisTarget\n    ? getSingleAxisOption(axes?.yAxis, dataZoom.yAxisIndex)\n    : getSingleAxisOption(axes?.xAxis, dataZoom.xAxisIndex);\n\n  return targetAxis?.type !== undefined &&\n    WINDOWED_FILTER_AXIS_TYPES.includes(targetAxis.type)\n    ? 'none'\n    : undefined;\n};\n\nexport const mergeDataZoom = (\n  dataZoom: EChartsOption['dataZoom'],\n  axes?: MergeDataZoomAxes,\n): EChartsOption['dataZoom'] => {\n  if (Array.isArray(dataZoom)) {\n    return dataZoom.map((option) =>\n      mergeDataZoom(option, axes),\n    ) as EChartsOption['dataZoom'];\n  }\n\n  const isSlider = dataZoom?.type === 'slider';\n  const isInside = dataZoom?.type === 'inside';\n\n  if (isSlider) {\n    const filterMode = getSliderDefaultFilterMode(dataZoom, axes);\n    const layoutDefaults = isVerticalSlider(dataZoom)\n      ? { right: 10, width: 28 }\n      : { bottom: 10, height: 28 };\n\n    return {\n      ...(filterMode !== undefined && { filterMode }),\n      ...layoutDefaults,\n      show: true,\n      type: 'slider',\n      ...dataZoom,\n    };\n  } else if (isInside) {\n    // Only pin the default x-axis binding on entries that actually target the\n    // x-axis; y-targeting entries (explicit `yAxisIndex` or\n    // `orient: 'vertical'`) keep their own binding.\n    const targets = getSingleDataZoomTargets(dataZoom);\n    const hasDefaultXAxisTarget =\n      dataZoom.xAxisIndex === undefined && targets.xAxisIndices.length > 0;\n\n    return {\n      filterMode: 'none',\n      ...(hasDefaultXAxisTarget && { xAxisIndex: [0] }),\n      zoomOnMouseWheel: false,\n      ...dataZoom,\n    };\n  }\n\n  return dataZoom;\n};\n\ntype MergeToolboxContext = MergeDataZoomAxes & {\n  dataZoom?: EChartsOption['dataZoom'];\n};\n\nconst isContinuousAxisOption = (\n  axisOption: { type?: string } | undefined,\n): boolean => {\n  return (\n    axisOption?.type !== undefined &&\n    WINDOWED_FILTER_AXIS_TYPES.includes(axisOption.type)\n  );\n};\n\nconst areTargetAxesContinuous = (\n  axis: EChartsOption['xAxis'] | EChartsOption['yAxis'],\n  axisIndices: number[] | 'all',\n): boolean => {\n  if (axisIndices === 'all') {\n    const axisOptions = Array.isArray(axis) ? axis : [axis];\n\n    return (\n      axisOptions.length > 0 &&\n      axisOptions.every((axisOption) => {\n        return isContinuousAxisOption(axisOption as { type?: string });\n      })\n    );\n  }\n\n  return axisIndices.every((axisIndex) => {\n    return isContinuousAxisOption(getSingleAxisOption(axis, axisIndex));\n  });\n};\n\n/**\n * Returns `'none'` when every axis targeted by the drag-to-zoom brush is\n * continuous (`value`/`time`/`log`), matching the slider rule: filtering a\n * continuous axis removes whole data items outside the selection instead of\n * clipping them. Category (or unknown) targets keep ECharts' `'filter'`\n * default.\n */\nconst getBrushDefaultFilterMode = (\n  context: MergeToolboxContext | undefined,\n  xAxisTargets: number[] | 'all' | false,\n  yAxisTargets: number[] | 'all' | false,\n): 'none' | undefined => {\n  const checks: boolean[] = [];\n\n  if (xAxisTargets !== false) {\n    checks.push(areTargetAxesContinuous(context?.xAxis, xAxisTargets));\n  }\n\n  if (yAxisTargets !== false) {\n    checks.push(areTargetAxesContinuous(context?.yAxis, yAxisTargets));\n  }\n\n  return checks.length > 0 && checks.every(Boolean) ? 'none' : undefined;\n};\n\nexport const mergeToolbox = (\n  toolbox: EChartsOption['toolbox'],\n  context?: MergeToolboxContext,\n): EChartsOption['toolbox'] => {\n  if (Array.isArray(toolbox)) {\n    return toolbox.map((option) =>\n      mergeToolbox(option, context),\n    ) as EChartsOption['toolbox'];\n  }\n\n  // The drag-to-zoom brush follows the axes the dataZoom config targets, so\n  // zoom direction is configured in one place. Without any dataZoom config it\n  // keeps the historical default: all x-axes on, y off.\n  const targets = getDataZoomTargetAxes(context?.dataZoom);\n  const hasTargets =\n    targets.xAxisIndices.length > 0 || targets.yAxisIndices.length > 0;\n  const xAxisTargets: number[] | 'all' | false = hasTargets\n    ? targets.xAxisIndices.length > 0 && targets.xAxisIndices\n    : 'all';\n  const yAxisTargets: number[] | false =\n    targets.yAxisIndices.length > 0 && targets.yAxisIndices;\n  const filterMode = getBrushDefaultFilterMode(\n    context,\n    xAxisTargets,\n    yAxisTargets,\n  );\n\n  return {\n    feature: {\n      dataZoom: {\n        ...(filterMode !== undefined && { filterMode }),\n        ...(xAxisTargets !== 'all' && { xAxisIndex: xAxisTargets }),\n        yAxisIndex: yAxisTargets,\n        ...toolbox?.feature?.dataZoom,\n        icon: {\n          // This hack removes the icons.\n          // Due to: https://github.com/apache/echarts/issues/10274\n          back: '-',\n          zoom: '-',\n        },\n        show: true,\n      },\n    },\n  };\n};\n"]}

package/lib/esm/charts/Chart.js

@@ -68,6 +68,26 @@ const ChartLegend = ({ chartOption, isLayoutReady, isWaitingForFirstResize, onLa
  *   <Chart dataset={dataset} series={series} xAxis={xAxis} yAxis={yAxis} />
  * </div>
  * ```
+ *
+ * @remarks
+ * **Data zoom sliders.** A `dataZoom` slider passed through `option` targets
+ * the x-axis unless it is bound to an axis explicitly, so on a horizontal bar
+ * chart it zooms the value axis rather than the categories. Bind the slider to
+ * the category axis with `yAxisIndex: [0]` (or set `orient: 'vertical'`) to
+ * page through the bars instead; Needle then lays the slider out vertically on
+ * the right of the chart and reserves grid space for it. Sliders that target a
+ * continuous (`value`, `time`, or `log`) axis default to `filterMode: 'none'`
+ * so out-of-window data is clipped rather than removed, while category-axis
+ * sliders keep ECharts' `'filter'` default so the opposite value axis rescales
+ * to the visible data.
+ *
+ * **Drag-to-zoom.** Dragging in the plot area zooms the axes your `dataZoom`
+ * config targets: entries bound to a y-axis (`yAxisIndex` or
+ * `orient: 'vertical'`) make the drag select a y band, entries on both axes
+ * make it select a rectangle, and without any `dataZoom` config the drag zooms
+ * the x-axis. Set `toolbox.feature.dataZoom` through `option` to override the
+ * derived axes explicitly. When every drag-targeted axis is continuous the
+ * drag defaults to `filterMode: 'none'`, matching the slider rule above.
  */
 export const Chart = (_a) => {
     var { style, legend } = _a, chartProps = __rest(_a, ["style", "legend"]);

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAsBA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAUlC;;;;;;;GAOG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,WAAW,EACX,aAAa,EACb,uBAAuB,EACvB,aAAa,GACI,EAAE,EAAE;IACrB,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,WAAW;QACX,uBAAuB;KACxB,CAAC,CAAC;IAEH,IAAI,uBAAuB,EAAE,CAAC;QAC5B,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAC,mEAAmE,GAC7E,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,MAAM,IACL,MAAM,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAC1B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAA4C,EAAE,EAAE;QAAhD,EAAE,KAAK,EAAE,MAAM,OAA6B,EAAxB,UAAU,cAA9B,mBAAgC,CAAF;IAClD,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAiB,CAAC;IAChE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA,CAAC,CAAC;IAE9E,MAAM,uBAAuB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/C,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA,EAAE,CAAC;YAClB,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,CAAC,CAAC;IAEnB,MAAM,oBAAoB,GACxB,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,CAAC,mBAAmB;QAClC,CAAC,CAAC,0CAA0C;QAC5C,CAAC,CAAC,kBAAkB,CAAC;IAEzB,OAAO,CACL,KAAC,iBAAiB,cAChB,MAAC,cAAc,IAAC,KAAK,EAAE,KAAK,aAC1B,cAAK,SAAS,EAAE,oBAAoB,YAClC,KAAC,WAAW,oBACN,UAAU,IACd,mBAAmB,EAAE,cAAc,EACnC,mBAAmB,EAAE,0BAA0B,IAC/C,GACE,EACL,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,CACf,KAAC,WAAW,IACV,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,mBAAmB,EAClC,uBAAuB,EAAE,uBAAuB,EAChD,aAAa,EAAE,uBAAuB,GACtC,CACH,IACc,GACC,CACrB,CAAC;AACJ,CAAC,CAAC","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 type { EChartsOption } from 'echarts';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { ChartContainer } from './ChartContainer';\nimport { ChartRender } from './ChartRender';\nimport { ChartRefsProvider } from './hooks/use-chart-refs';\nimport { useLegendSeries } from './hooks/use-legend-series';\nimport { Legend } from './Legend';\nimport { type ChartProps } from './utils/chart-types';\n\ntype ChartLegendProps = {\n  chartOption: EChartsOption | undefined;\n  isLayoutReady: boolean;\n  isWaitingForFirstResize: boolean;\n  onLayoutReady?: () => void;\n};\n\n/**\n * Bridges the rendered ECharts option into the React legend.\n *\n * `useLegendSeries` reads the current chart option and ECharts color state to\n * derive the legend rows. Rendering is deferred until the chart has completed\n * its first resize so the legend does not measure against an uninitialized\n * chart instance.\n */\nconst ChartLegend = ({\n  chartOption,\n  isLayoutReady,\n  isWaitingForFirstResize,\n  onLayoutReady,\n}: ChartLegendProps) => {\n  const legendSeries = useLegendSeries({\n    chartOption,\n    isWaitingForFirstResize,\n  });\n\n  if (isWaitingForFirstResize) {\n    return (\n      <div\n        aria-hidden=\"true\"\n        className=\"ndl-chart-legend-container ndl-chart-legend-container-placeholder\"\n      />\n    );\n  }\n\n  return (\n    <Legend\n      series={legendSeries ?? []}\n      onLayoutReady={onLayoutReady}\n      isLayoutReady={isLayoutReady}\n    />\n  );\n};\n\n/**\n * A chart component powered by Apache ECharts with Needle's customization and theming.\n *\n * The `Chart` component fills 100% of its parent's width and height. Because it\n * relies on the container's `clientHeight` to size the canvas, **the parent element\n * must have an explicit height** (e.g. a fixed px/rem value or a viewport unit).\n *\n * @example\n * ```tsx\n * <div style={{ height: '350px' }}>\n *   <Chart dataset={dataset} series={series} xAxis={xAxis} yAxis={yAxis} />\n * </div>\n * ```\n */\nexport const Chart = ({ style, legend, ...chartProps }: ChartProps) => {\n  const [isWaitingForFirstResize, setIsWaitingForFirstResize] = useState(true);\n  const [chartOption, setChartOption] = useState<EChartsOption>();\n  const [isLegendLayoutReady, setIsLegendLayoutReady] = useState(!legend?.show);\n\n  const handleLegendLayoutReady = useCallback(() => {\n    setIsLegendLayoutReady(true);\n  }, []);\n\n  useEffect(() => {\n    if (!legend?.show) {\n      setIsLegendLayoutReady(true);\n    }\n  }, [legend?.show]);\n\n  const chartLayoutClassName =\n    legend?.show && !isLegendLayoutReady\n      ? 'ndl-chart-layout ndl-chart-layout-hidden'\n      : 'ndl-chart-layout';\n\n  return (\n    <ChartRefsProvider>\n      <ChartContainer style={style}>\n        <div className={chartLayoutClassName}>\n          <ChartRender\n            {...chartProps}\n            onChartOptionChange={setChartOption}\n            onFirstResizeChange={setIsWaitingForFirstResize}\n          />\n        </div>\n        {legend?.show && (\n          <ChartLegend\n            chartOption={chartOption}\n            isLayoutReady={isLegendLayoutReady}\n            isWaitingForFirstResize={isWaitingForFirstResize}\n            onLayoutReady={handleLegendLayoutReady}\n          />\n        )}\n      </ChartContainer>\n    </ChartRefsProvider>\n  );\n};\n"]}
+{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAsBA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAUlC;;;;;;;GAOG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,WAAW,EACX,aAAa,EACb,uBAAuB,EACvB,aAAa,GACI,EAAE,EAAE;IACrB,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,WAAW;QACX,uBAAuB;KACxB,CAAC,CAAC;IAEH,IAAI,uBAAuB,EAAE,CAAC;QAC5B,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAC,mEAAmE,GAC7E,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,MAAM,IACL,MAAM,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAC1B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAA4C,EAAE,EAAE;QAAhD,EAAE,KAAK,EAAE,MAAM,OAA6B,EAAxB,UAAU,cAA9B,mBAAgC,CAAF;IAClD,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAiB,CAAC;IAChE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA,CAAC,CAAC;IAE9E,MAAM,uBAAuB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/C,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA,EAAE,CAAC;YAClB,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,CAAC,CAAC;IAEnB,MAAM,oBAAoB,GACxB,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,CAAC,mBAAmB;QAClC,CAAC,CAAC,0CAA0C;QAC5C,CAAC,CAAC,kBAAkB,CAAC;IAEzB,OAAO,CACL,KAAC,iBAAiB,cAChB,MAAC,cAAc,IAAC,KAAK,EAAE,KAAK,aAC1B,cAAK,SAAS,EAAE,oBAAoB,YAClC,KAAC,WAAW,oBACN,UAAU,IACd,mBAAmB,EAAE,cAAc,EACnC,mBAAmB,EAAE,0BAA0B,IAC/C,GACE,EACL,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,CACf,KAAC,WAAW,IACV,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,mBAAmB,EAClC,uBAAuB,EAAE,uBAAuB,EAChD,aAAa,EAAE,uBAAuB,GACtC,CACH,IACc,GACC,CACrB,CAAC;AACJ,CAAC,CAAC","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 type { EChartsOption } from 'echarts';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { ChartContainer } from './ChartContainer';\nimport { ChartRender } from './ChartRender';\nimport { ChartRefsProvider } from './hooks/use-chart-refs';\nimport { useLegendSeries } from './hooks/use-legend-series';\nimport { Legend } from './Legend';\nimport { type ChartProps } from './utils/chart-types';\n\ntype ChartLegendProps = {\n  chartOption: EChartsOption | undefined;\n  isLayoutReady: boolean;\n  isWaitingForFirstResize: boolean;\n  onLayoutReady?: () => void;\n};\n\n/**\n * Bridges the rendered ECharts option into the React legend.\n *\n * `useLegendSeries` reads the current chart option and ECharts color state to\n * derive the legend rows. Rendering is deferred until the chart has completed\n * its first resize so the legend does not measure against an uninitialized\n * chart instance.\n */\nconst ChartLegend = ({\n  chartOption,\n  isLayoutReady,\n  isWaitingForFirstResize,\n  onLayoutReady,\n}: ChartLegendProps) => {\n  const legendSeries = useLegendSeries({\n    chartOption,\n    isWaitingForFirstResize,\n  });\n\n  if (isWaitingForFirstResize) {\n    return (\n      <div\n        aria-hidden=\"true\"\n        className=\"ndl-chart-legend-container ndl-chart-legend-container-placeholder\"\n      />\n    );\n  }\n\n  return (\n    <Legend\n      series={legendSeries ?? []}\n      onLayoutReady={onLayoutReady}\n      isLayoutReady={isLayoutReady}\n    />\n  );\n};\n\n/**\n * A chart component powered by Apache ECharts with Needle's customization and theming.\n *\n * The `Chart` component fills 100% of its parent's width and height. Because it\n * relies on the container's `clientHeight` to size the canvas, **the parent element\n * must have an explicit height** (e.g. a fixed px/rem value or a viewport unit).\n *\n * @example\n * ```tsx\n * <div style={{ height: '350px' }}>\n *   <Chart dataset={dataset} series={series} xAxis={xAxis} yAxis={yAxis} />\n * </div>\n * ```\n *\n * @remarks\n * **Data zoom sliders.** A `dataZoom` slider passed through `option` targets\n * the x-axis unless it is bound to an axis explicitly, so on a horizontal bar\n * chart it zooms the value axis rather than the categories. Bind the slider to\n * the category axis with `yAxisIndex: [0]` (or set `orient: 'vertical'`) to\n * page through the bars instead; Needle then lays the slider out vertically on\n * the right of the chart and reserves grid space for it. Sliders that target a\n * continuous (`value`, `time`, or `log`) axis default to `filterMode: 'none'`\n * so out-of-window data is clipped rather than removed, while category-axis\n * sliders keep ECharts' `'filter'` default so the opposite value axis rescales\n * to the visible data.\n *\n * **Drag-to-zoom.** Dragging in the plot area zooms the axes your `dataZoom`\n * config targets: entries bound to a y-axis (`yAxisIndex` or\n * `orient: 'vertical'`) make the drag select a y band, entries on both axes\n * make it select a rectangle, and without any `dataZoom` config the drag zooms\n * the x-axis. Set `toolbox.feature.dataZoom` through `option` to override the\n * derived axes explicitly. When every drag-targeted axis is continuous the\n * drag defaults to `filterMode: 'none'`, matching the slider rule above.\n */\nexport const Chart = ({ style, legend, ...chartProps }: ChartProps) => {\n  const [isWaitingForFirstResize, setIsWaitingForFirstResize] = useState(true);\n  const [chartOption, setChartOption] = useState<EChartsOption>();\n  const [isLegendLayoutReady, setIsLegendLayoutReady] = useState(!legend?.show);\n\n  const handleLegendLayoutReady = useCallback(() => {\n    setIsLegendLayoutReady(true);\n  }, []);\n\n  useEffect(() => {\n    if (!legend?.show) {\n      setIsLegendLayoutReady(true);\n    }\n  }, [legend?.show]);\n\n  const chartLayoutClassName =\n    legend?.show && !isLegendLayoutReady\n      ? 'ndl-chart-layout ndl-chart-layout-hidden'\n      : 'ndl-chart-layout';\n\n  return (\n    <ChartRefsProvider>\n      <ChartContainer style={style}>\n        <div className={chartLayoutClassName}>\n          <ChartRender\n            {...chartProps}\n            onChartOptionChange={setChartOption}\n            onFirstResizeChange={setIsWaitingForFirstResize}\n          />\n        </div>\n        {legend?.show && (\n          <ChartLegend\n            chartOption={chartOption}\n            isLayoutReady={isLegendLayoutReady}\n            isWaitingForFirstResize={isWaitingForFirstResize}\n            onLayoutReady={handleLegendLayoutReady}\n          />\n        )}\n      </ChartContainer>\n    </ChartRefsProvider>\n  );\n};\n"]}

package/lib/esm/charts/ChartRender.js

@@ -25,7 +25,7 @@ import { useChartLifecycle, useChartLoading, useChartResize, } from './hooks/use
 import { useChartOption } from './hooks/use-chart-option';
 import { useChartRefsContext } from './hooks/use-chart-refs';
 import { useChartZoom } from './hooks/use-chart-zoom';
-import { hasCategoryXAxis as getHasCategoryXAxis, hasMarkAreaInSeries, hasSliderDataZoom, } from './utils/build-chart-option';
+import { hasCategoryXAxis as getHasCategoryXAxis, hasMarkAreaInSeries, } from './utils/build-chart-option';
 import { defaultChartSettings } from './utils/defaults';
 import { normalizeThresholdLines } from './utils/threshold';
 import { mergeDataZoom, mergeSeries, mergeXAxis, mergeYAxis, } from './utils/user-option-utils';
@@ -41,9 +41,8 @@ export const ChartRender = ({ callbacks, dataset, isChartZoomDisabled = false, i
     const dataZoomOptions = userOption === null || userOption === void 0 ? void 0 : userOption.dataZoom;
     const toolboxOptions = userOption === null || userOption === void 0 ? void 0 : userOption.toolbox;
     const { theme } = useNeedleTheme();
-    const hasSliderZoom = hasSliderDataZoom(dataZoomOptions);
     const thresholdLines = useMemo(() => normalizeThresholdLines(propsSeries), [propsSeries]);
-    const dataZoom = useMemo(() => mergeDataZoom(dataZoomOptions), [dataZoomOptions]);
+    const dataZoom = useMemo(() => mergeDataZoom(dataZoomOptions, { xAxis: propXAxis, yAxis: propYAxis }), [dataZoomOptions, propXAxis, propYAxis]);
     const series = useMemo(() => mergeSeries(propsSeries, theme, userOption, palette), [palette, propsSeries, theme, userOption]);
     const xAxis = useMemo(() => mergeXAxis(propXAxis, theme), [propXAxis, theme]);
     const yAxis = useMemo(() => mergeYAxis(propYAxis, theme), [propYAxis, theme]);
@@ -64,7 +63,6 @@ export const ChartRender = ({ callbacks, dataset, isChartZoomDisabled = false, i
         dataset,
         hasCategoryXAxis,
         hasMarkArea,
-        hasSliderZoom,
         propsSeries,
         series,
         settings,

package/lib/esm/charts/ChartRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartRender.js","sourceRoot":"","sources":["../../../src/charts/ChartRender.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 type { EChartsOption } from 'echarts';\nimport { useEffect, useMemo } from 'react';\n\nimport {\n  useChartLifecycle,\n  useChartLoading,\n  useChartResize,\n} from './hooks/use-chart-instance';\nimport { useChartOption } from './hooks/use-chart-option';\nimport { useChartRefsContext } from './hooks/use-chart-refs';\nimport { useChartZoom } from './hooks/use-chart-zoom';\nimport {\n  hasCategoryXAxis as getHasCategoryXAxis,\n  hasMarkAreaInSeries,\n  hasSliderDataZoom,\n} from './utils/build-chart-option';\nimport type { ChartProps } from './utils/chart-types';\nimport { defaultChartSettings } from './utils/defaults';\nimport { normalizeThresholdLines } from './utils/threshold';\nimport {\n  mergeDataZoom,\n  mergeSeries,\n  mergeXAxis,\n  mergeYAxis,\n} from './utils/user-option-utils';\n\ntype ChartRenderProps = Omit<ChartProps, 'legend' | 'style'> & {\n  onChartOptionChange: (chartOption: EChartsOption | undefined) => void;\n  onFirstResizeChange: (isWaitingForFirstResize: boolean) => void;\n};\n\n/**\n * Owns the ECharts instance element and coordinates chart-specific hooks.\n *\n * The component normalizes user props into Needle-themed ECharts options,\n * initializes/resizes the chart instance, applies loading and zoom behavior, and\n * reports derived chart state back to `Chart` for legend rendering.\n */\nexport const ChartRender = ({\n  callbacks,\n  dataset,\n  isChartZoomDisabled = false,\n  isLoading,\n  onChartOptionChange,\n  onFirstResizeChange,\n  option: userOption,\n  palette,\n  series: propsSeries,\n  settings = defaultChartSettings,\n  xAxis: propXAxis,\n  yAxis: propYAxis,\n}: ChartRenderProps) => {\n  const { chartEchartRef } = useChartRefsContext();\n  const dataZoomOptions = (userOption as EChartsOption)?.dataZoom;\n  const toolboxOptions = (userOption as EChartsOption)?.toolbox;\n  const { theme } = useNeedleTheme();\n\n  const hasSliderZoom = hasSliderDataZoom(dataZoomOptions);\n  const thresholdLines = useMemo(\n    () => normalizeThresholdLines(propsSeries),\n    [propsSeries],\n  );\n  const dataZoom = useMemo(\n    () => mergeDataZoom(dataZoomOptions),\n    [dataZoomOptions],\n  );\n  const series = useMemo(\n    () => mergeSeries(propsSeries, theme, userOption, palette),\n    [palette, propsSeries, theme, userOption],\n  );\n  const xAxis = useMemo(() => mergeXAxis(propXAxis, theme), [propXAxis, theme]);\n  const yAxis = useMemo(() => mergeYAxis(propYAxis, theme), [propYAxis, theme]);\n  const hasCategoryXAxis = getHasCategoryXAxis(xAxis);\n  const hasMarkArea = hasMarkAreaInSeries(series);\n\n  /**\n   * Hook responsibilities:\n   * - `useChartLifecycle` creates/disposes the ECharts instance and updates theme data.\n   * - `useChartResize` keeps the canvas sized to its container before first render.\n   * - `useChartOption` builds and applies the merged ECharts option.\n   * - `useChartZoom` attaches consumer zoom callbacks.\n   * - `useChartLoading` synchronizes the loading overlay with chart readiness.\n   */\n  useChartLifecycle({ palette, theme });\n  const { isWaitingForFirstResize } = useChartResize();\n  const chartOption = useChartOption({\n    dataZoom,\n    dataset,\n    hasCategoryXAxis,\n    hasMarkArea,\n    hasSliderZoom,\n    propsSeries,\n    series,\n    settings,\n    thresholdLines,\n    toolboxOptions,\n    userOption,\n    xAxis,\n    yAxis,\n  });\n  useChartZoom({ callbacks, isChartZoomDisabled });\n  useChartLoading({\n    isLoading,\n    isWaitingForFirstResize,\n    theme,\n  });\n\n  useEffect(() => {\n    onFirstResizeChange(isWaitingForFirstResize);\n  }, [isWaitingForFirstResize, onFirstResizeChange]);\n\n  useEffect(() => {\n    onChartOptionChange(chartOption);\n  }, [chartOption, onChartOptionChange]);\n\n  return <div ref={chartEchartRef} className=\"ndl-chart-echart\" />;\n};\n"]}
+{"version":3,"file":"ChartRender.js","sourceRoot":"","sources":["../../../src/charts/ChartRender.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 type { EChartsOption } from 'echarts';\nimport { useEffect, useMemo } from 'react';\n\nimport {\n  useChartLifecycle,\n  useChartLoading,\n  useChartResize,\n} from './hooks/use-chart-instance';\nimport { useChartOption } from './hooks/use-chart-option';\nimport { useChartRefsContext } from './hooks/use-chart-refs';\nimport { useChartZoom } from './hooks/use-chart-zoom';\nimport {\n  hasCategoryXAxis as getHasCategoryXAxis,\n  hasMarkAreaInSeries,\n} from './utils/build-chart-option';\nimport type { ChartProps } from './utils/chart-types';\nimport { defaultChartSettings } from './utils/defaults';\nimport { normalizeThresholdLines } from './utils/threshold';\nimport {\n  mergeDataZoom,\n  mergeSeries,\n  mergeXAxis,\n  mergeYAxis,\n} from './utils/user-option-utils';\n\ntype ChartRenderProps = Omit<ChartProps, 'legend' | 'style'> & {\n  onChartOptionChange: (chartOption: EChartsOption | undefined) => void;\n  onFirstResizeChange: (isWaitingForFirstResize: boolean) => void;\n};\n\n/**\n * Owns the ECharts instance element and coordinates chart-specific hooks.\n *\n * The component normalizes user props into Needle-themed ECharts options,\n * initializes/resizes the chart instance, applies loading and zoom behavior, and\n * reports derived chart state back to `Chart` for legend rendering.\n */\nexport const ChartRender = ({\n  callbacks,\n  dataset,\n  isChartZoomDisabled = false,\n  isLoading,\n  onChartOptionChange,\n  onFirstResizeChange,\n  option: userOption,\n  palette,\n  series: propsSeries,\n  settings = defaultChartSettings,\n  xAxis: propXAxis,\n  yAxis: propYAxis,\n}: ChartRenderProps) => {\n  const { chartEchartRef } = useChartRefsContext();\n  const dataZoomOptions = (userOption as EChartsOption)?.dataZoom;\n  const toolboxOptions = (userOption as EChartsOption)?.toolbox;\n  const { theme } = useNeedleTheme();\n\n  const thresholdLines = useMemo(\n    () => normalizeThresholdLines(propsSeries),\n    [propsSeries],\n  );\n  const dataZoom = useMemo(\n    () =>\n      mergeDataZoom(dataZoomOptions, { xAxis: propXAxis, yAxis: propYAxis }),\n    [dataZoomOptions, propXAxis, propYAxis],\n  );\n  const series = useMemo(\n    () => mergeSeries(propsSeries, theme, userOption, palette),\n    [palette, propsSeries, theme, userOption],\n  );\n  const xAxis = useMemo(() => mergeXAxis(propXAxis, theme), [propXAxis, theme]);\n  const yAxis = useMemo(() => mergeYAxis(propYAxis, theme), [propYAxis, theme]);\n  const hasCategoryXAxis = getHasCategoryXAxis(xAxis);\n  const hasMarkArea = hasMarkAreaInSeries(series);\n\n  /**\n   * Hook responsibilities:\n   * - `useChartLifecycle` creates/disposes the ECharts instance and updates theme data.\n   * - `useChartResize` keeps the canvas sized to its container before first render.\n   * - `useChartOption` builds and applies the merged ECharts option.\n   * - `useChartZoom` attaches consumer zoom callbacks.\n   * - `useChartLoading` synchronizes the loading overlay with chart readiness.\n   */\n  useChartLifecycle({ palette, theme });\n  const { isWaitingForFirstResize } = useChartResize();\n  const chartOption = useChartOption({\n    dataZoom,\n    dataset,\n    hasCategoryXAxis,\n    hasMarkArea,\n    propsSeries,\n    series,\n    settings,\n    thresholdLines,\n    toolboxOptions,\n    userOption,\n    xAxis,\n    yAxis,\n  });\n  useChartZoom({ callbacks, isChartZoomDisabled });\n  useChartLoading({\n    isLoading,\n    isWaitingForFirstResize,\n    theme,\n  });\n\n  useEffect(() => {\n    onFirstResizeChange(isWaitingForFirstResize);\n  }, [isWaitingForFirstResize, onFirstResizeChange]);\n\n  useEffect(() => {\n    onChartOptionChange(chartOption);\n  }, [chartOption, onChartOptionChange]);\n\n  return <div ref={chartEchartRef} className=\"ndl-chart-echart\" />;\n};\n"]}

package/lib/esm/charts/hooks/use-chart-option.js

@@ -31,7 +31,7 @@ import { useChartRefsContext } from './use-chart-refs';
  * downstream code, especially the custom legend, can read the final series and
  * dataset shape ECharts is actually using.
  */
-export function useChartOption({ dataZoom, dataset, hasCategoryXAxis, hasSliderZoom, propsSeries, series, settings, thresholdLines, toolboxOptions, userOption, xAxis, yAxis, hasMarkArea, }) {
+export function useChartOption({ dataZoom, dataset, hasCategoryXAxis, propsSeries, series, settings, thresholdLines, toolboxOptions, userOption, xAxis, yAxis, hasMarkArea, }) {
     const { chartEchartRef, legendSelectedRef } = useChartRefsContext();
     const [chartOption, setChartOption] = useState();
     useEffect(() => {
@@ -44,7 +44,6 @@ export function useChartOption({ dataZoom, dataset, hasCategoryXAxis, hasSliderZ
             dataset,
             hasCategoryXAxis,
             hasMarkArea,
-            hasSliderZoom,
             legendSelected: legendSelectedRef.current || {},
             propsSeries,
             series,
@@ -62,7 +61,6 @@ export function useChartOption({ dataZoom, dataset, hasCategoryXAxis, hasSliderZ
         dataset,
         hasCategoryXAxis,
         hasMarkArea,
-        hasSliderZoom,
         legendSelectedRef,
         propsSeries,
         series,

package/lib/esm/charts/hooks/use-chart-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-chart-option.js","sourceRoot":"","sources":["../../../../src/charts/hooks/use-chart-option.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAG/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAkBvD;;;;;;;;GAQG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,MAAM,EACN,QAAQ,EACR,cAAc,EACd,cAAc,EACd,UAAU,EACV,KAAK,EACL,KAAK,EACL,WAAW,GACU;IACrB,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACpE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAiB,CAAC;IAEhE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,gBAAgB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAEvD,MAAM,MAAM,GAAG,gBAAgB,CAAC;YAC9B,QAAQ;YACR,OAAO;YACP,gBAAgB;YAChB,WAAW;YACX,aAAa;YACb,cAAc,EAAE,iBAAiB,CAAC,OAAO,IAAI,EAAE;YAC/C,WAAW;YACX,MAAM;YACN,cAAc;YACd,cAAc;YACd,UAAU;YACV,KAAK;YACL,KAAK;SACN,CAAC,CAAC;QAEH,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAEnC,cAAc,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EAA+B,CAAC,CAAC;IAClE,CAAC,EAAE;QACD,cAAc;QACd,QAAQ;QACR,OAAO;QACP,gBAAgB;QAChB,WAAW;QACX,aAAa;QACb,iBAAiB;QACjB,WAAW;QACX,MAAM;QACN,QAAQ;QACR,cAAc;QACd,cAAc;QACd,UAAU;QACV,KAAK;QACL,KAAK;KACN,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;AACrB,CAAC","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 type { EChartsOption } from 'echarts';\nimport { getInstanceByDom } from 'echarts';\nimport { useEffect, useState } from 'react';\n\nimport { buildChartOption } from '../utils/build-chart-option';\nimport type { ChartProps, EchartsSeries } from '../utils/chart-types';\nimport type { NormalizedThresholdLine } from '../utils/threshold';\nimport { useChartRefsContext } from './use-chart-refs';\n\nexport type UseChartOptionParams = {\n  dataZoom: EChartsOption['dataZoom'];\n  dataset: ChartProps['dataset'];\n  hasCategoryXAxis: boolean;\n  hasSliderZoom: boolean;\n  propsSeries: ChartProps['series'];\n  series: EchartsSeries;\n  settings: ChartProps['settings'];\n  thresholdLines: NormalizedThresholdLine[];\n  toolboxOptions: EChartsOption['toolbox'];\n  userOption: ChartProps['option'];\n  xAxis: EChartsOption['xAxis'];\n  yAxis: EChartsOption['yAxis'];\n  hasMarkArea: boolean;\n};\n\n/**\n * Builds, applies, and exposes the ECharts option for the current React props.\n *\n * `buildChartOption` merges Needle defaults, normalized axes/series, threshold\n * lines, zoom settings, toolbox options, user overrides, and the current legend\n * selection. After `setOption`, the hook returns ECharts' normalized option so\n * downstream code, especially the custom legend, can read the final series and\n * dataset shape ECharts is actually using.\n */\nexport function useChartOption({\n  dataZoom,\n  dataset,\n  hasCategoryXAxis,\n  hasSliderZoom,\n  propsSeries,\n  series,\n  settings,\n  thresholdLines,\n  toolboxOptions,\n  userOption,\n  xAxis,\n  yAxis,\n  hasMarkArea,\n}: UseChartOptionParams) {\n  const { chartEchartRef, legendSelectedRef } = useChartRefsContext();\n  const [chartOption, setChartOption] = useState<EChartsOption>();\n\n  useEffect(() => {\n    if (chartEchartRef.current === null) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartEchartRef.current);\n\n    const option = buildChartOption({\n      dataZoom,\n      dataset,\n      hasCategoryXAxis,\n      hasMarkArea,\n      hasSliderZoom,\n      legendSelected: legendSelectedRef.current || {},\n      propsSeries,\n      series,\n      thresholdLines,\n      toolboxOptions,\n      userOption,\n      xAxis,\n      yAxis,\n    });\n\n    chart?.setOption(option, settings);\n\n    setChartOption(chart?.getOption() as EChartsOption | undefined);\n  }, [\n    chartEchartRef,\n    dataZoom,\n    dataset,\n    hasCategoryXAxis,\n    hasMarkArea,\n    hasSliderZoom,\n    legendSelectedRef,\n    propsSeries,\n    series,\n    settings,\n    thresholdLines,\n    toolboxOptions,\n    userOption,\n    xAxis,\n    yAxis,\n  ]);\n\n  return chartOption;\n}\n"]}
+{"version":3,"file":"use-chart-option.js","sourceRoot":"","sources":["../../../../src/charts/hooks/use-chart-option.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAG/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAiBvD;;;;;;;;GAQG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,QAAQ,EACR,cAAc,EACd,cAAc,EACd,UAAU,EACV,KAAK,EACL,KAAK,EACL,WAAW,GACU;IACrB,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACpE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAiB,CAAC;IAEhE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,gBAAgB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAEvD,MAAM,MAAM,GAAG,gBAAgB,CAAC;YAC9B,QAAQ;YACR,OAAO;YACP,gBAAgB;YAChB,WAAW;YACX,cAAc,EAAE,iBAAiB,CAAC,OAAO,IAAI,EAAE;YAC/C,WAAW;YACX,MAAM;YACN,cAAc;YACd,cAAc;YACd,UAAU;YACV,KAAK;YACL,KAAK;SACN,CAAC,CAAC;QAEH,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAEnC,cAAc,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EAA+B,CAAC,CAAC;IAClE,CAAC,EAAE;QACD,cAAc;QACd,QAAQ;QACR,OAAO;QACP,gBAAgB;QAChB,WAAW;QACX,iBAAiB;QACjB,WAAW;QACX,MAAM;QACN,QAAQ;QACR,cAAc;QACd,cAAc;QACd,UAAU;QACV,KAAK;QACL,KAAK;KACN,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;AACrB,CAAC","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 type { EChartsOption } from 'echarts';\nimport { getInstanceByDom } from 'echarts';\nimport { useEffect, useState } from 'react';\n\nimport { buildChartOption } from '../utils/build-chart-option';\nimport type { ChartProps, EchartsSeries } from '../utils/chart-types';\nimport type { NormalizedThresholdLine } from '../utils/threshold';\nimport { useChartRefsContext } from './use-chart-refs';\n\nexport type UseChartOptionParams = {\n  dataZoom: EChartsOption['dataZoom'];\n  dataset: ChartProps['dataset'];\n  hasCategoryXAxis: boolean;\n  propsSeries: ChartProps['series'];\n  series: EchartsSeries;\n  settings: ChartProps['settings'];\n  thresholdLines: NormalizedThresholdLine[];\n  toolboxOptions: EChartsOption['toolbox'];\n  userOption: ChartProps['option'];\n  xAxis: EChartsOption['xAxis'];\n  yAxis: EChartsOption['yAxis'];\n  hasMarkArea: boolean;\n};\n\n/**\n * Builds, applies, and exposes the ECharts option for the current React props.\n *\n * `buildChartOption` merges Needle defaults, normalized axes/series, threshold\n * lines, zoom settings, toolbox options, user overrides, and the current legend\n * selection. After `setOption`, the hook returns ECharts' normalized option so\n * downstream code, especially the custom legend, can read the final series and\n * dataset shape ECharts is actually using.\n */\nexport function useChartOption({\n  dataZoom,\n  dataset,\n  hasCategoryXAxis,\n  propsSeries,\n  series,\n  settings,\n  thresholdLines,\n  toolboxOptions,\n  userOption,\n  xAxis,\n  yAxis,\n  hasMarkArea,\n}: UseChartOptionParams) {\n  const { chartEchartRef, legendSelectedRef } = useChartRefsContext();\n  const [chartOption, setChartOption] = useState<EChartsOption>();\n\n  useEffect(() => {\n    if (chartEchartRef.current === null) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartEchartRef.current);\n\n    const option = buildChartOption({\n      dataZoom,\n      dataset,\n      hasCategoryXAxis,\n      hasMarkArea,\n      legendSelected: legendSelectedRef.current || {},\n      propsSeries,\n      series,\n      thresholdLines,\n      toolboxOptions,\n      userOption,\n      xAxis,\n      yAxis,\n    });\n\n    chart?.setOption(option, settings);\n\n    setChartOption(chart?.getOption() as EChartsOption | undefined);\n  }, [\n    chartEchartRef,\n    dataZoom,\n    dataset,\n    hasCategoryXAxis,\n    hasMarkArea,\n    legendSelectedRef,\n    propsSeries,\n    series,\n    settings,\n    thresholdLines,\n    toolboxOptions,\n    userOption,\n    xAxis,\n    yAxis,\n  ]);\n\n  return chartOption;\n}\n"]}

package/lib/esm/charts/tests/HorizontalBarWithVerticalSlider.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  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/>.
+ */
+import { Chart } from '@neo4j-ndl/react-charts';
+import { getInstanceByDom } from 'echarts';
+import { useEffect } from 'react';
+export const verticalSliderCategories = [
+    'Friday',
+    'Saturday',
+    'Sunday',
+    'Monday',
+    'Tuesday',
+    'Wednesday',
+    'Thursday',
+    'Friday II',
+];
+const dataset = [
+    {
+        dimensions: ['day', 'First'],
+        source: verticalSliderCategories.map((day, index) => [
+            day,
+            10 + index * 12,
+        ]),
+    },
+];
+const getChart = () => {
+    const element = document.querySelector('.ndl-chart-echart');
+    return element instanceof HTMLElement ? getInstanceByDom(element) : undefined;
+};
+/**
+ * Horizontal bar chart (value x-axis, category y-axis) with a slider bound to
+ * the category axis, which Needle lays out as a vertical slider on the right.
+ */
+export const HorizontalBarWithVerticalSlider = () => {
+    useEffect(() => {
+        window.verticalSliderHarness = {
+            getResolvedLayout: () => {
+                var _a, _b, _c, _d, _e;
+                const option = (_a = getChart()) === null || _a === void 0 ? void 0 : _a.getOption();
+                return {
+                    grid: (_c = (_b = option === null || option === void 0 ? void 0 : option.grid) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : {},
+                    slider: (_e = (_d = option === null || option === void 0 ? void 0 : option.dataZoom) === null || _d === void 0 ? void 0 : _d[0]) !== null && _e !== void 0 ? _e : {},
+                };
+            },
+            zoomTo: (start, end) => {
+                var _a;
+                (_a = getChart()) === null || _a === void 0 ? void 0 : _a.dispatchAction({ end, start, type: 'dataZoom' });
+            },
+        };
+    }, []);
+    return (_jsx("div", { style: { height: '420px', width: '760px' }, children: _jsx(Chart, { dataset: dataset, series: [
+                // oxlint-disable-next-line
+                { encode: { x: 'First', y: 'day' }, name: 'First', type: 'bar' },
+            ], xAxis: { type: 'value' }, yAxis: { type: 'category' }, option: { dataZoom: [{ type: 'slider', yAxisIndex: [0] }] } }) }));
+};
+//# sourceMappingURL=HorizontalBarWithVerticalSlider.js.map