@neo4j-ndl/react-charts 1.4.2 → 2.0.0-alpha.0.3d763f7

package/lib/cjs/charts/Chart.js

@@ -96,19 +96,19 @@ const Chart = (_a) => {
     var { style, legend } = _a, chartProps = __rest(_a, ["style", "legend"]);
     const [isWaitingForFirstResize, setIsWaitingForFirstResize] = (0, react_1.useState)(true);
     const [chartOption, setChartOption] = (0, react_1.useState)();
-    const [isLegendLayoutReady, setIsLegendLayoutReady] = (0, react_1.useState)(!(legend === null || legend === void 0 ? void 0 : legend.show));
+    const [isLegendLayoutReady, setIsLegendLayoutReady] = (0, react_1.useState)(!(legend === null || legend === void 0 ? void 0 : legend.isVisible));
     const handleLegendLayoutReady = (0, react_1.useCallback)(() => {
         setIsLegendLayoutReady(true);
     }, []);
     (0, react_1.useEffect)(() => {
-        if (!(legend === null || legend === void 0 ? void 0 : legend.show)) {
+        if (!(legend === null || legend === void 0 ? void 0 : legend.isVisible)) {
             setIsLegendLayoutReady(true);
         }
-    }, [legend === null || legend === void 0 ? void 0 : legend.show]);
-    const chartLayoutClassName = (legend === null || legend === void 0 ? void 0 : legend.show) && !isLegendLayoutReady
+    }, [legend === null || legend === void 0 ? void 0 : legend.isVisible]);
+    const chartLayoutClassName = (legend === null || legend === void 0 ? void 0 : legend.isVisible) && !isLegendLayoutReady
         ? 'ndl-chart-layout ndl-chart-layout-hidden'
         : 'ndl-chart-layout';
-    return ((0, jsx_runtime_1.jsx)(use_chart_refs_1.ChartRefsProvider, { children: (0, jsx_runtime_1.jsxs)(ChartContainer_1.ChartContainer, { style: style, children: [(0, jsx_runtime_1.jsx)("div", { className: chartLayoutClassName, children: (0, jsx_runtime_1.jsx)(ChartRender_1.ChartRender, Object.assign({}, chartProps, { onChartOptionChange: setChartOption, onFirstResizeChange: setIsWaitingForFirstResize })) }), (legend === null || legend === void 0 ? void 0 : legend.show) && ((0, jsx_runtime_1.jsx)(ChartLegend, { chartOption: chartOption, isLayoutReady: isLegendLayoutReady, isWaitingForFirstResize: isWaitingForFirstResize, onLayoutReady: handleLegendLayoutReady }))] }) }));
+    return ((0, jsx_runtime_1.jsx)(use_chart_refs_1.ChartRefsProvider, { children: (0, jsx_runtime_1.jsxs)(ChartContainer_1.ChartContainer, { style: style, children: [(0, jsx_runtime_1.jsx)("div", { className: chartLayoutClassName, children: (0, jsx_runtime_1.jsx)(ChartRender_1.ChartRender, Object.assign({}, chartProps, { onChartOptionChange: setChartOption, onFirstResizeChange: setIsWaitingForFirstResize })) }), (legend === null || legend === void 0 ? void 0 : legend.isVisible) && ((0, jsx_runtime_1.jsx)(ChartLegend, { chartOption: chartOption, isLayoutReady: isLegendLayoutReady, isWaitingForFirstResize: isWaitingForFirstResize, onLayoutReady: handleLegendLayoutReady }))] }) }));
 };
 exports.Chart = Chart;
 //# sourceMappingURL=Chart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAsBA,iCAAyD;AAEzD,qDAAkD;AAClD,+CAA4C;AAC5C,2DAA2D;AAC3D,iEAA4D;AAC5D,qCAAkC;AAUlC;;;;;;;GAOG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,WAAW,EACX,aAAa,EACb,uBAAuB,EACvB,aAAa,GACI,EAAE,EAAE;IACrB,MAAM,YAAY,GAAG,IAAA,mCAAe,EAAC;QACnC,WAAW;QACX,uBAAuB;KACxB,CAAC,CAAC;IAEH,IAAI,uBAAuB,EAAE,CAAC;QAC5B,OAAO,CACL,+CACc,MAAM,EAClB,SAAS,EAAC,mEAAmE,GAC7E,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,eAAM,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;AACI,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,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAC7E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAiB,CAAC;IAChE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA,CAAC,CAAC;IAE9E,MAAM,uBAAuB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/C,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,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,uBAAC,kCAAiB,cAChB,wBAAC,+BAAc,IAAC,KAAK,EAAE,KAAK,aAC1B,gCAAK,SAAS,EAAE,oBAAoB,YAClC,uBAAC,yBAAW,oBACN,UAAU,IACd,mBAAmB,EAAE,cAAc,EACnC,mBAAmB,EAAE,0BAA0B,IAC/C,GACE,EACL,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,CACf,uBAAC,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;AAzCW,QAAA,KAAK,SAyChB","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"]}
+{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAsBA,iCAAyD;AAEzD,qDAAkD;AAClD,+CAA4C;AAC5C,2DAA2D;AAC3D,iEAA4D;AAC5D,qCAAkC;AAUlC;;;;;;;GAOG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,WAAW,EACX,aAAa,EACb,uBAAuB,EACvB,aAAa,GACI,EAAE,EAAE;IACrB,MAAM,YAAY,GAAG,IAAA,mCAAe,EAAC;QACnC,WAAW;QACX,uBAAuB;KACxB,CAAC,CAAC;IAEH,IAAI,uBAAuB,EAAE,CAAC;QAC5B,OAAO,CACL,+CACc,MAAM,EAClB,SAAS,EAAC,mEAAmE,GAC7E,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,eAAM,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;AACI,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,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAC7E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAiB,CAAC;IAChE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAC5D,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAA,CACnB,CAAC;IAEF,MAAM,uBAAuB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/C,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAA,EAAE,CAAC;YACvB,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC,CAAC,CAAC;IAExB,MAAM,oBAAoB,GACxB,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,KAAI,CAAC,mBAAmB;QACvC,CAAC,CAAC,0CAA0C;QAC5C,CAAC,CAAC,kBAAkB,CAAC;IAEzB,OAAO,CACL,uBAAC,kCAAiB,cAChB,wBAAC,+BAAc,IAAC,KAAK,EAAE,KAAK,aAC1B,gCAAK,SAAS,EAAE,oBAAoB,YAClC,uBAAC,yBAAW,oBACN,UAAU,IACd,mBAAmB,EAAE,cAAc,EACnC,mBAAmB,EAAE,0BAA0B,IAC/C,GACE,EACL,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,KAAI,CACpB,uBAAC,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;AA3CW,QAAA,KAAK,SA2ChB","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(\n    !legend?.isVisible,\n  );\n\n  const handleLegendLayoutReady = useCallback(() => {\n    setIsLegendLayoutReady(true);\n  }, []);\n\n  useEffect(() => {\n    if (!legend?.isVisible) {\n      setIsLegendLayoutReady(true);\n    }\n  }, [legend?.isVisible]);\n\n  const chartLayoutClassName =\n    legend?.isVisible && !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?.isVisible && (\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/cjs/charts/Legend.js

@@ -65,8 +65,8 @@ const Legend = (_a) => {
                     const isOnlyVisible = renderedSelectedSeries[(_a = currentSeries.name) !== null && _a !== void 0 ? _a : ''] &&
                         selectedSeriesLength === 1;
                     toggleLegendVisibility(currentSeries.name, isAllSeriesVisible, isOnlyVisible);
-                }, selected: !isAllSeriesVisible &&
-                    renderedSelectedSeries[(_a = currentSeries.name) !== null && _a !== void 0 ? _a : ''], deSelected: currentSeries.name === undefined
+                }, isSelected: !isAllSeriesVisible &&
+                    renderedSelectedSeries[(_a = currentSeries.name) !== null && _a !== void 0 ? _a : ''], isDeselected: currentSeries.name === undefined
                     ? false
                     : !renderedSelectedSeries[currentSeries.name], children: (_b = currentSeries.name) !== null && _b !== void 0 ? _b : `Series ${index}` }, (_c = currentSeries.name) !== null && _c !== void 0 ? _c : index));
         }) })));

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

@@ -1 +1 @@
-{"version":3,"file":"Legend.js","sourceRoot":"","sources":["../../../src/charts/Legend.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,6EAGyC;AACzC,yEAAoE;AACpE,6CAA0C;AAC1C,iDAA8C;AAQ9C;;;;;;;GAOG;AACI,MAAM,MAAM,GAAG,CAAC,EAOiC,EAAE,EAAE;QAPrC,EACrB,SAAS,EACT,MAAM,EACN,aAAa,GAAG,IAAI,EACpB,aAAa,EACb,cAAc,OAEwC,EADnD,SAAS,cANS,2EAOtB,CADa;IAEZ,MAAM,EAAE,sBAAsB,EAAE,GAAG,IAAA,4CAAkB,EAAC;QACpD,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,iDAAuB,EAAC;QAClD,cAAc,EAAE,sBAAsB;QACtC,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,EAAE,sBAAsB,EAAE,GAAG,IAAA,2CAAmB,EACpD,sBAAsB,CACvB,CAAC;IAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,MAAM,CACvE,OAAO,CACR,CAAC,MAAM,CAAC;IACT,MAAM,kBAAkB,GAAG,oBAAoB,KAAK,MAAM,CAAC,MAAM,CAAC;IAClE,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7C,OAAO,CACL,uBAAC,2BAAY,kBACX,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,IAC1B,SAAS,cAEZ,MAAM,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE;;YAAC,OAAA,CACpC,uBAAC,uBAAU,IAET,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,UAAU,EAAE,kBAAkB,IAAI,aAAa,CAAC,IAAI,KAAK,SAAS,EAClE,sBAAsB,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,EAClE,sBAAsB,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,aAAa,EAAE,KAAK,CAAC,EACnE,iBAAiB,EAAE,GAAG,EAAE;;oBACtB,MAAM,aAAa,GACjB,sBAAsB,CAAC,MAAA,aAAa,CAAC,IAAI,mCAAI,EAAE,CAAC;wBAChD,oBAAoB,KAAK,CAAC,CAAC;oBAE7B,sBAAsB,CACpB,aAAa,CAAC,IAAI,EAClB,kBAAkB,EAClB,aAAa,CACd,CAAC;gBACJ,CAAC,EACD,QAAQ,EACN,CAAC,kBAAkB;oBACnB,sBAAsB,CAAC,MAAA,aAAa,CAAC,IAAI,mCAAI,EAAE,CAAC,EAElD,UAAU,EACR,aAAa,CAAC,IAAI,KAAK,SAAS;oBAC9B,CAAC,CAAC,KAAK;oBACP,CAAC,CAAC,CAAC,sBAAsB,CAAC,aAAa,CAAC,IAAI,CAAC,YAGhD,MAAA,aAAa,CAAC,IAAI,mCAAI,UAAU,KAAK,EAAE,IA3BnC,MAAA,aAAa,CAAC,IAAI,mCAAI,KAAK,CA4BrB,CACd,CAAA;SAAA,CAAC,IACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,MAAM,UAsEjB","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  useLegendHoverHighlight,\n  useLegendSelection,\n} from './hooks/use-legend-interactions';\nimport { useLegendVisibility } from './hooks/use-legend-visibility';\nimport { LegendItem } from './LegendItem';\nimport { LegendLayout } from './LegendLayout';\nimport { type CommonProps, type LegendProps } from './utils/chart-types';\n\ntype LegendComponentProps = LegendProps & {\n  isLayoutReady?: boolean;\n  onLayoutReady?: () => void;\n};\n\n/**\n * Renders the interactive chart legend and keeps legend state synchronized with\n * ECharts.\n *\n * The component owns the React-side selected-series state, mirrors it into the\n * shared ref consumed when rebuilding chart options, and wires item hover/click\n * interactions back to the ECharts instance.\n */\nexport const Legend = ({\n  className,\n  series,\n  isLayoutReady = true,\n  onLayoutReady,\n  htmlAttributes,\n  ...restProps\n}: Omit<CommonProps<'div', LegendComponentProps>, 'ref'>) => {\n  const { renderedSelectedSeries } = useLegendSelection({\n    series,\n  });\n\n  const { toggleHighlight } = useLegendHoverHighlight({\n    selectedSeries: renderedSelectedSeries,\n    series,\n  });\n\n  const { toggleLegendVisibility } = useLegendVisibility(\n    renderedSelectedSeries,\n  );\n\n  const selectedSeriesLength = Object.values(renderedSelectedSeries).filter(\n    Boolean,\n  ).length;\n  const isAllSeriesVisible = selectedSeriesLength === series.length;\n  const hasMoreThanOneItem = series.length > 1;\n\n  return (\n    <LegendLayout\n      className={className}\n      isLayoutReady={isLayoutReady}\n      itemCount={series.length}\n      onLayoutReady={onLayoutReady}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    >\n      {series.map((currentSeries, index) => (\n        <LegendItem\n          key={currentSeries.name ?? index}\n          name={currentSeries.name}\n          color={currentSeries.color}\n          hasButtons={hasMoreThanOneItem && currentSeries.name !== undefined}\n          onLegendItemMouseEnter={() => toggleHighlight(currentSeries, true)}\n          onLegendItemMouseLeave={() => toggleHighlight(currentSeries, false)}\n          onLegendItemClick={() => {\n            const isOnlyVisible =\n              renderedSelectedSeries[currentSeries.name ?? ''] &&\n              selectedSeriesLength === 1;\n\n            toggleLegendVisibility(\n              currentSeries.name,\n              isAllSeriesVisible,\n              isOnlyVisible,\n            );\n          }}\n          selected={\n            !isAllSeriesVisible &&\n            renderedSelectedSeries[currentSeries.name ?? '']\n          }\n          deSelected={\n            currentSeries.name === undefined\n              ? false\n              : !renderedSelectedSeries[currentSeries.name]\n          }\n        >\n          {currentSeries.name ?? `Series ${index}`}\n        </LegendItem>\n      ))}\n    </LegendLayout>\n  );\n};\n"]}
+{"version":3,"file":"Legend.js","sourceRoot":"","sources":["../../../src/charts/Legend.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,6EAGyC;AACzC,yEAAoE;AACpE,6CAA0C;AAC1C,iDAA8C;AAQ9C;;;;;;;GAOG;AACI,MAAM,MAAM,GAAG,CAAC,EAOiC,EAAE,EAAE;QAPrC,EACrB,SAAS,EACT,MAAM,EACN,aAAa,GAAG,IAAI,EACpB,aAAa,EACb,cAAc,OAEwC,EADnD,SAAS,cANS,2EAOtB,CADa;IAEZ,MAAM,EAAE,sBAAsB,EAAE,GAAG,IAAA,4CAAkB,EAAC;QACpD,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,iDAAuB,EAAC;QAClD,cAAc,EAAE,sBAAsB;QACtC,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,EAAE,sBAAsB,EAAE,GAAG,IAAA,2CAAmB,EACpD,sBAAsB,CACvB,CAAC;IAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,MAAM,CACvE,OAAO,CACR,CAAC,MAAM,CAAC;IACT,MAAM,kBAAkB,GAAG,oBAAoB,KAAK,MAAM,CAAC,MAAM,CAAC;IAClE,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7C,OAAO,CACL,uBAAC,2BAAY,kBACX,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,IAC1B,SAAS,cAEZ,MAAM,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE;;YAAC,OAAA,CACpC,uBAAC,uBAAU,IAET,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,UAAU,EAAE,kBAAkB,IAAI,aAAa,CAAC,IAAI,KAAK,SAAS,EAClE,sBAAsB,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,EAClE,sBAAsB,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,aAAa,EAAE,KAAK,CAAC,EACnE,iBAAiB,EAAE,GAAG,EAAE;;oBACtB,MAAM,aAAa,GACjB,sBAAsB,CAAC,MAAA,aAAa,CAAC,IAAI,mCAAI,EAAE,CAAC;wBAChD,oBAAoB,KAAK,CAAC,CAAC;oBAE7B,sBAAsB,CACpB,aAAa,CAAC,IAAI,EAClB,kBAAkB,EAClB,aAAa,CACd,CAAC;gBACJ,CAAC,EACD,UAAU,EACR,CAAC,kBAAkB;oBACnB,sBAAsB,CAAC,MAAA,aAAa,CAAC,IAAI,mCAAI,EAAE,CAAC,EAElD,YAAY,EACV,aAAa,CAAC,IAAI,KAAK,SAAS;oBAC9B,CAAC,CAAC,KAAK;oBACP,CAAC,CAAC,CAAC,sBAAsB,CAAC,aAAa,CAAC,IAAI,CAAC,YAGhD,MAAA,aAAa,CAAC,IAAI,mCAAI,UAAU,KAAK,EAAE,IA3BnC,MAAA,aAAa,CAAC,IAAI,mCAAI,KAAK,CA4BrB,CACd,CAAA;SAAA,CAAC,IACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,MAAM,UAsEjB","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  useLegendHoverHighlight,\n  useLegendSelection,\n} from './hooks/use-legend-interactions';\nimport { useLegendVisibility } from './hooks/use-legend-visibility';\nimport { LegendItem } from './LegendItem';\nimport { LegendLayout } from './LegendLayout';\nimport { type CommonProps, type LegendProps } from './utils/chart-types';\n\ntype LegendComponentProps = LegendProps & {\n  isLayoutReady?: boolean;\n  onLayoutReady?: () => void;\n};\n\n/**\n * Renders the interactive chart legend and keeps legend state synchronized with\n * ECharts.\n *\n * The component owns the React-side selected-series state, mirrors it into the\n * shared ref consumed when rebuilding chart options, and wires item hover/click\n * interactions back to the ECharts instance.\n */\nexport const Legend = ({\n  className,\n  series,\n  isLayoutReady = true,\n  onLayoutReady,\n  htmlAttributes,\n  ...restProps\n}: Omit<CommonProps<'div', LegendComponentProps>, 'ref'>) => {\n  const { renderedSelectedSeries } = useLegendSelection({\n    series,\n  });\n\n  const { toggleHighlight } = useLegendHoverHighlight({\n    selectedSeries: renderedSelectedSeries,\n    series,\n  });\n\n  const { toggleLegendVisibility } = useLegendVisibility(\n    renderedSelectedSeries,\n  );\n\n  const selectedSeriesLength = Object.values(renderedSelectedSeries).filter(\n    Boolean,\n  ).length;\n  const isAllSeriesVisible = selectedSeriesLength === series.length;\n  const hasMoreThanOneItem = series.length > 1;\n\n  return (\n    <LegendLayout\n      className={className}\n      isLayoutReady={isLayoutReady}\n      itemCount={series.length}\n      onLayoutReady={onLayoutReady}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    >\n      {series.map((currentSeries, index) => (\n        <LegendItem\n          key={currentSeries.name ?? index}\n          name={currentSeries.name}\n          color={currentSeries.color}\n          hasButtons={hasMoreThanOneItem && currentSeries.name !== undefined}\n          onLegendItemMouseEnter={() => toggleHighlight(currentSeries, true)}\n          onLegendItemMouseLeave={() => toggleHighlight(currentSeries, false)}\n          onLegendItemClick={() => {\n            const isOnlyVisible =\n              renderedSelectedSeries[currentSeries.name ?? ''] &&\n              selectedSeriesLength === 1;\n\n            toggleLegendVisibility(\n              currentSeries.name,\n              isAllSeriesVisible,\n              isOnlyVisible,\n            );\n          }}\n          isSelected={\n            !isAllSeriesVisible &&\n            renderedSelectedSeries[currentSeries.name ?? '']\n          }\n          isDeselected={\n            currentSeries.name === undefined\n              ? false\n              : !renderedSelectedSeries[currentSeries.name]\n          }\n        >\n          {currentSeries.name ?? `Series ${index}`}\n        </LegendItem>\n      ))}\n    </LegendLayout>\n  );\n};\n"]}

package/lib/cjs/charts/LegendItem.js

@@ -49,11 +49,11 @@ const threshold_1 = require("./utils/threshold");
  */
 const LegendItem = (_a) => {
     var _b;
-    var { children, as, className, name, selected, deSelected, onLegendItemClick, color, hasButtons = true, ref, onLegendItemMouseEnter, onLegendItemMouseLeave } = _a, restProps = __rest(_a, ["children", "as", "className", "name", "selected", "deSelected", "onLegendItemClick", "color", "hasButtons", "ref", "onLegendItemMouseEnter", "onLegendItemMouseLeave"]);
+    var { children, as, className, name, isSelected, isDeselected, onLegendItemClick, color, hasButtons = true, ref, onLegendItemMouseEnter, onLegendItemMouseLeave } = _a, restProps = __rest(_a, ["children", "as", "className", "name", "isSelected", "isDeselected", "onLegendItemClick", "color", "hasButtons", "ref", "onLegendItemMouseEnter", "onLegendItemMouseLeave"]);
     const Component = as !== null && as !== void 0 ? as : (hasButtons ? 'button' : 'div');
     const classes = (0, classnames_1.default)('ndl-chart-legend-item', {
-        'ndl-chart-legend-item-deselected': deSelected,
-        'ndl-chart-legend-item-selected': selected,
+        'ndl-chart-legend-item-deselected': isDeselected,
+        'ndl-chart-legend-item-selected': isSelected,
     }, className);
     // We don't want to display threshold lines in the legend
     if ((_b = (0, threshold_1.isThresholdLine)(name)) !== null && _b !== void 0 ? _b : false) {
@@ -61,8 +61,8 @@ const LegendItem = (_a) => {
     }
     return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: classes, ref: ref, "data-labelname": name, title: name, onClick: hasButtons ? onLegendItemClick : undefined, onMouseEnter: onLegendItemMouseEnter, onMouseLeave: onLegendItemMouseLeave }, restProps, { children: [(0, jsx_runtime_1.jsx)("span", { className: "ndl-chart-legend-item-square", style: {
                     '--ndl-chart-legend-item-color': color,
-                    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 })] })));
+                    backgroundColor: isDeselected === true ? 'transparent' : color,
+                }, children: isSelected === 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 })] })));
 };
 exports.LegendItem = LegendItem;
 //# sourceMappingURL=LegendItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.js","sourceRoot":"","sources":["../../../src/charts/LegendItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAA8C;AAC9C,kDAA0D;AAC1D,4DAAoC;AAIpC,iDAAoD;AAEpD;;;;;;GAMG;AACI,MAAM,UAAU,GAAG,CAAC,EAcT,EAAE,EAAE;;QAdK,EACzB,QAAQ,EACR,EAAE,EACF,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,KAAK,EACL,UAAU,GAAG,IAAI,EACjB,GAAG,EACH,sBAAsB,EACtB,sBAAsB,OAEN,EADb,SAAS,cAba,wKAc1B,CADa;IAEZ,MAAM,SAAS,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,OAAO,GAAG,IAAA,oBAAU,EACxB,uBAAuB,EACvB;QACE,kCAAkC,EAAE,UAAU;QAC9C,gCAAgC,EAAE,QAAQ;KAC3C,EACD,SAAS,CACV,CAAC;IAEF,yDAAyD;IACzD,IAAI,MAAA,IAAA,2BAAe,EAAC,IAAI,CAAC,mCAAI,KAAK,EAAE,CAAC;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,wBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,oBACQ,IAAI,EACpB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EACnD,YAAY,EAAE,sBAAsB,EACpC,YAAY,EAAE,sBAAsB,IAChC,SAAS,eAEb,iCACE,SAAS,EAAC,8BAA8B,EACxC,KAAK,EACH;oBACE,+BAA+B,EAAE,KAAK;oBACtC,eAAe,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK;iBACtC,YAGzB,QAAQ,KAAK,IAAI,IAAI,CACpB,uBAAC,wBAAgB,IAAC,SAAS,EAAC,wCAAwC,GAAG,CACxE,GACI,EACP,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,4BAA4B,YACrE,QAAQ,GACE,KACH,CACb,CAAC;AACJ,CAAC,CAAC;AA5DW,QAAA,UAAU,cA4DrB","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 { Typography } from '@neo4j-ndl/react';\nimport { CheckIconOutline } from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { type LegendItemProps } from './utils/chart-types';\nimport { isThresholdLine } from './utils/threshold';\n\n/**\n * Renders a single legend entry with its series color, selection indicator, and\n * optional button semantics.\n *\n * Threshold-line series are intentionally skipped because they are chart\n * annotations rather than user-toggleable data series.\n */\nexport const LegendItem = ({\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"]}
+{"version":3,"file":"LegendItem.js","sourceRoot":"","sources":["../../../src/charts/LegendItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAA8C;AAC9C,kDAA0D;AAC1D,4DAAoC;AAIpC,iDAAoD;AAEpD;;;;;;GAMG;AACI,MAAM,UAAU,GAAG,CAAC,EAcT,EAAE,EAAE;;QAdK,EACzB,QAAQ,EACR,EAAE,EACF,SAAS,EACT,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,KAAK,EACL,UAAU,GAAG,IAAI,EACjB,GAAG,EACH,sBAAsB,EACtB,sBAAsB,OAEN,EADb,SAAS,cAba,4KAc1B,CADa;IAEZ,MAAM,SAAS,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,OAAO,GAAG,IAAA,oBAAU,EACxB,uBAAuB,EACvB;QACE,kCAAkC,EAAE,YAAY;QAChD,gCAAgC,EAAE,UAAU;KAC7C,EACD,SAAS,CACV,CAAC;IAEF,yDAAyD;IACzD,IAAI,MAAA,IAAA,2BAAe,EAAC,IAAI,CAAC,mCAAI,KAAK,EAAE,CAAC;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,wBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,oBACQ,IAAI,EACpB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EACnD,YAAY,EAAE,sBAAsB,EACpC,YAAY,EAAE,sBAAsB,IAChC,SAAS,eAEb,iCACE,SAAS,EAAC,8BAA8B,EACxC,KAAK,EACH;oBACE,+BAA+B,EAAE,KAAK;oBACtC,eAAe,EAAE,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK;iBACxC,YAGzB,UAAU,KAAK,IAAI,IAAI,CACtB,uBAAC,wBAAgB,IAAC,SAAS,EAAC,wCAAwC,GAAG,CACxE,GACI,EACP,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,4BAA4B,YACrE,QAAQ,GACE,KACH,CACb,CAAC;AACJ,CAAC,CAAC;AA5DW,QAAA,UAAU,cA4DrB","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 { Typography } from '@neo4j-ndl/react';\nimport { CheckIconOutline } from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { type LegendItemProps } from './utils/chart-types';\nimport { isThresholdLine } from './utils/threshold';\n\n/**\n * Renders a single legend entry with its series color, selection indicator, and\n * optional button semantics.\n *\n * Threshold-line series are intentionally skipped because they are chart\n * annotations rather than user-toggleable data series.\n */\nexport const LegendItem = ({\n  children,\n  as,\n  className,\n  name,\n  isSelected,\n  isDeselected,\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': isDeselected,\n      'ndl-chart-legend-item-selected': isSelected,\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: isDeselected === true ? 'transparent' : color,\n          } as React.CSSProperties\n        }\n      >\n        {isSelected === 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"]}

package/lib/cjs/charts/tests/PieChartWithRerender.js

@@ -34,7 +34,7 @@ function PieChartWithRerenderComponent({ dataset1, dataset2, datasetNewCategorie
         : renderCount % 2 === 0
             ? dataset1
             : dataset2;
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '8px', marginBottom: '12px' }, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", "data-testid": "rerender-button", onClick: () => setRenderCount((count) => count + 1), children: "Re-render" }), (0, jsx_runtime_1.jsx)("button", { type: "button", "data-testid": "switch-categories-button", onClick: () => setShouldUseNewCategories((value) => !value), children: "Switch categories" }), (0, jsx_runtime_1.jsx)("span", { "data-testid": "render-count", children: chartRenderCount.current })] }), (0, jsx_runtime_1.jsx)("div", { style: { height: '350px', width: '100%' }, children: (0, jsx_runtime_1.jsx)(react_charts_1.Chart, { legend: { show: true }, series: [
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '8px', marginBottom: '12px' }, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", "data-testid": "rerender-button", onClick: () => setRenderCount((count) => count + 1), children: "Re-render" }), (0, jsx_runtime_1.jsx)("button", { type: "button", "data-testid": "switch-categories-button", onClick: () => setShouldUseNewCategories((value) => !value), children: "Switch categories" }), (0, jsx_runtime_1.jsx)("span", { "data-testid": "render-count", children: chartRenderCount.current })] }), (0, jsx_runtime_1.jsx)("div", { style: { height: '350px', width: '100%' }, children: (0, jsx_runtime_1.jsx)(react_charts_1.Chart, { legend: { isVisible: true }, series: [
                         {
                             center: ['50%', '50%'],
                             encode: { itemName: 'product', value: '2015' },

package/lib/cjs/charts/tests/PieChartWithRerender.js.map

@@ -1 +1 @@
-{"version":3,"file":"PieChartWithRerender.js","sourceRoot":"","sources":["../../../../src/charts/tests/PieChartWithRerender.tsx"],"names":[],"mappings":";;AA+BA,sEAmDC;;AAlFD;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,0DAAgD;AAEhD,iCAAyC;AAQzC,SAAgB,6BAA6B,CAAC,EAC5C,QAAQ,EACR,QAAQ,EACR,oBAAoB,GACM;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,gBAAgB,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAC;IACnC,gBAAgB,CAAC,OAAO,IAAI,CAAC,CAAC;IAE9B,MAAM,cAAc,GAAG,sBAAsB;QAC3C,CAAC,CAAC,oBAAoB;QACtB,CAAC,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC;YACrB,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,QAAQ,CAAC;IAEf,OAAO,CACL,4CACE,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,aAC/D,mCACE,IAAI,EAAC,QAAQ,iBACD,iBAAiB,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,0BAG5C,EACT,mCACE,IAAI,EAAC,QAAQ,iBACD,0BAA0B,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,kCAGpD,EACT,gDAAkB,cAAc,YAAE,gBAAgB,CAAC,OAAO,GAAQ,IAC9D,EACN,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,YAC5C,uBAAC,oBAAK,IACJ,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EACtB,MAAM,EAAE;wBACN;4BACE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;4BACtB,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE;4BAC9C,MAAM,EAAE,KAAK;4BACb,IAAI,EAAE,KAAK;yBACZ;qBACF,EACD,OAAO,EAAE,cAAc,GACvB,GACE,IACF,CACP,CAAC;AACJ,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 { Chart } from '@neo4j-ndl/react-charts';\nimport type { EChartsOption } from 'echarts';\nimport { useRef, useState } from 'react';\n\ntype PieChartWithRerenderProps = {\n  dataset1: EChartsOption['dataset'];\n  dataset2: EChartsOption['dataset'];\n  datasetNewCategories: EChartsOption['dataset'];\n};\n\nexport function PieChartWithRerenderComponent({\n  dataset1,\n  dataset2,\n  datasetNewCategories,\n}: PieChartWithRerenderProps) {\n  const [renderCount, setRenderCount] = useState(0);\n  const [shouldUseNewCategories, setShouldUseNewCategories] = useState(false);\n  const chartRenderCount = useRef(0);\n  chartRenderCount.current += 1;\n\n  const currentDataset = shouldUseNewCategories\n    ? datasetNewCategories\n    : renderCount % 2 === 0\n      ? dataset1\n      : dataset2;\n\n  return (\n    <div>\n      <div style={{ display: 'flex', gap: '8px', marginBottom: '12px' }}>\n        <button\n          type=\"button\"\n          data-testid=\"rerender-button\"\n          onClick={() => setRenderCount((count) => count + 1)}\n        >\n          Re-render\n        </button>\n        <button\n          type=\"button\"\n          data-testid=\"switch-categories-button\"\n          onClick={() => setShouldUseNewCategories((value) => !value)}\n        >\n          Switch categories\n        </button>\n        <span data-testid=\"render-count\">{chartRenderCount.current}</span>\n      </div>\n      <div style={{ height: '350px', width: '100%' }}>\n        <Chart\n          legend={{ show: true }}\n          series={[\n            {\n              center: ['50%', '50%'],\n              encode: { itemName: 'product', value: '2015' },\n              radius: '90%',\n              type: 'pie',\n            },\n          ]}\n          dataset={currentDataset}\n        />\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"PieChartWithRerender.js","sourceRoot":"","sources":["../../../../src/charts/tests/PieChartWithRerender.tsx"],"names":[],"mappings":";;AA+BA,sEAmDC;;AAlFD;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,0DAAgD;AAEhD,iCAAyC;AAQzC,SAAgB,6BAA6B,CAAC,EAC5C,QAAQ,EACR,QAAQ,EACR,oBAAoB,GACM;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,gBAAgB,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAC;IACnC,gBAAgB,CAAC,OAAO,IAAI,CAAC,CAAC;IAE9B,MAAM,cAAc,GAAG,sBAAsB;QAC3C,CAAC,CAAC,oBAAoB;QACtB,CAAC,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC;YACrB,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,QAAQ,CAAC;IAEf,OAAO,CACL,4CACE,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,aAC/D,mCACE,IAAI,EAAC,QAAQ,iBACD,iBAAiB,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,0BAG5C,EACT,mCACE,IAAI,EAAC,QAAQ,iBACD,0BAA0B,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,kCAGpD,EACT,gDAAkB,cAAc,YAAE,gBAAgB,CAAC,OAAO,GAAQ,IAC9D,EACN,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,YAC5C,uBAAC,oBAAK,IACJ,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAC3B,MAAM,EAAE;wBACN;4BACE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;4BACtB,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE;4BAC9C,MAAM,EAAE,KAAK;4BACb,IAAI,EAAE,KAAK;yBACZ;qBACF,EACD,OAAO,EAAE,cAAc,GACvB,GACE,IACF,CACP,CAAC;AACJ,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 { Chart } from '@neo4j-ndl/react-charts';\nimport type { EChartsOption } from 'echarts';\nimport { useRef, useState } from 'react';\n\ntype PieChartWithRerenderProps = {\n  dataset1: EChartsOption['dataset'];\n  dataset2: EChartsOption['dataset'];\n  datasetNewCategories: EChartsOption['dataset'];\n};\n\nexport function PieChartWithRerenderComponent({\n  dataset1,\n  dataset2,\n  datasetNewCategories,\n}: PieChartWithRerenderProps) {\n  const [renderCount, setRenderCount] = useState(0);\n  const [shouldUseNewCategories, setShouldUseNewCategories] = useState(false);\n  const chartRenderCount = useRef(0);\n  chartRenderCount.current += 1;\n\n  const currentDataset = shouldUseNewCategories\n    ? datasetNewCategories\n    : renderCount % 2 === 0\n      ? dataset1\n      : dataset2;\n\n  return (\n    <div>\n      <div style={{ display: 'flex', gap: '8px', marginBottom: '12px' }}>\n        <button\n          type=\"button\"\n          data-testid=\"rerender-button\"\n          onClick={() => setRenderCount((count) => count + 1)}\n        >\n          Re-render\n        </button>\n        <button\n          type=\"button\"\n          data-testid=\"switch-categories-button\"\n          onClick={() => setShouldUseNewCategories((value) => !value)}\n        >\n          Switch categories\n        </button>\n        <span data-testid=\"render-count\">{chartRenderCount.current}</span>\n      </div>\n      <div style={{ height: '350px', width: '100%' }}>\n        <Chart\n          legend={{ isVisible: true }}\n          series={[\n            {\n              center: ['50%', '50%'],\n              encode: { itemName: 'product', value: '2015' },\n              radius: '90%',\n              type: 'pie',\n            },\n          ]}\n          dataset={currentDataset}\n        />\n      </div>\n    </div>\n  );\n}\n"]}

package/lib/cjs/charts/tests/chart-test-utils.js

@@ -72,7 +72,7 @@ const pieChartProps = (seriesName, value, rgbSeriesColor) => ({
         },
     ],
     legend: {
-        show: true,
+        isVisible: true,
     },
     series: [
         {
@@ -96,7 +96,7 @@ const barChartProps = (seriesName, value, rgbSeriesColor) => ({
         source: [['Finland', value]],
     },
     legend: {
-        show: true,
+        isVisible: true,
     },
     series: [
         {
@@ -128,7 +128,7 @@ y, rgbSeriesColor, tooltipTitle = 'point-a') => ({
         source: [['row-id', x, y, tooltipTitle]],
     },
     legend: {
-        show: true,
+        isVisible: true,
     },
     series: [
         {
@@ -171,7 +171,7 @@ exports.overlappingScatterChartProps = {
         ],
     },
     legend: {
-        show: true,
+        isVisible: true,
     },
     series: [
         {
@@ -210,7 +210,7 @@ exports.multiSeriesChartProps = {
         ],
     },
     legend: {
-        show: true,
+        isVisible: true,
     },
     option: {},
     series: [

package/lib/cjs/charts/tests/chart-test-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-test-utils.js","sourceRoot":"","sources":["../../../../src/charts/tests/chart-test-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 { Chart } from '@neo4j-ndl/react-charts';\nimport { expect } from '@playwright/experimental-ct-react';\nimport { type Page } from '@playwright/test';\nimport { type ComponentProps } from 'react';\n\nimport { ChartWrapperWithTooltipFormatter } from './ChartWrapperWithTooltipFormatter';\n\n/**\n * Convert hex color to rgb format\n *\n * @param hex - Color in hex code format\n * @returns color in rgb format rgb(_, _, _)\n */\nconst convertHexToRGB = (hex: string) => {\n  const normalizedHex = hex.replace(/^#/, '');\n\n  const red = parseInt(normalizedHex.substring(0, 2), 16);\n  const green = parseInt(normalizedHex.substring(2, 4), 16);\n  const blue = parseInt(normalizedHex.substring(4, 6), 16);\n\n  return `rgb(${red}, ${green}, ${blue})`;\n};\n\nexport const chartColorsAfterHighlighting: Record<number, string> = {\n  1: 'rgb(93,207,216)',\n  2: 'rgb(84,80,223)',\n  3: 'rgb(242,152,62)',\n  4: 'rgb(221,75,155)',\n  5: 'rgb(156,154,255)',\n  6: 'rgb(132,244,136)',\n  7: 'rgb(69,140,249)',\n  8: 'rgb(113,69,188)',\n  9: 'rgb(240,210,70)',\n  10: 'rgb(210,126,49)',\n  11: 'rgb(78,151,121)',\n  12: 'rgb(190,255,117)',\n};\n\nexport const pieChartProps = (\n  seriesName: string,\n  value: number,\n  rgbSeriesColor: string,\n) => ({\n  dataset: [\n    {\n      source: [\n        ['product', '2012'],\n        [seriesName, value],\n      ],\n    },\n  ],\n  legend: {\n    show: true,\n  },\n  series: [\n    {\n      center: ['50%', '50%'],\n      encode: {\n        itemName: 'product',\n        value: '2012',\n      },\n      itemStyle: {\n        color: rgbSeriesColor,\n      },\n      radius: '90%',\n      type: 'pie' as const,\n    },\n  ],\n});\n\nexport const barChartProps = (\n  seriesName: string,\n  value: number,\n  rgbSeriesColor: string,\n) => ({\n  dataset: {\n    dimensions: ['Country', 'Sales'],\n    source: [['Finland', value]],\n  },\n  legend: {\n    show: true,\n  },\n  series: [\n    {\n      // E-Charts uses encode.x and encode.y - https://echarts.apache.org/en/option.html#series-line.encode\n      // oxlint-disable-next-line id-length\n      encode: { x: 'Country', y: 'Sales' },\n      itemStyle: {\n        color: rgbSeriesColor,\n      },\n      name: seriesName,\n      type: 'bar' as const,\n    },\n  ],\n  xAxis: {\n    type: 'category' as const,\n  },\n  yAxis: {\n    type: 'value' as const,\n  },\n});\n\nexport const scatterChartProps = (\n  seriesName: string,\n  // oxlint-disable-next-line id-length\n  x: number,\n  // oxlint-disable-next-line id-length\n  y: number,\n  rgbSeriesColor: string,\n  tooltipTitle = 'point-a',\n) => ({\n  dataset: {\n    dimensions: ['id', 'x', 'y', 'label'],\n    source: [['row-id', x, y, tooltipTitle]],\n  },\n  legend: {\n    show: true,\n  },\n  series: [\n    {\n      color: rgbSeriesColor,\n      encode: {\n        tooltip: 'label',\n        // oxlint-disable-next-line id-length\n        x: 'x',\n        // oxlint-disable-next-line id-length\n        y: 'y',\n      },\n      name: seriesName,\n      type: 'scatter' as const,\n    },\n  ],\n  xAxis: {\n    name: 'Duration',\n    type: 'value' as const,\n  },\n  yAxis: {\n    name: 'Latency',\n    type: 'value' as const,\n  },\n});\n\n/**\n * Two points sit a fraction of a unit apart and a third shares the coordinates\n * of the first exactly, so their symbols overlap at any reasonable chart size,\n * while the remaining points stay far away.\n */\nexport const overlappingScatterChartProps = {\n  dataset: {\n    source: [\n      ['id', 'x', 'y', 'label'],\n      ['id-near-one', 50, 50, 'near-one'],\n      ['id-near-two', 50.2, 50.1, 'near-two'],\n      ['id-same-spot', 50, 50, 'same-spot'],\n      ['id-far-away', 95, 95, 'far-away'],\n      ['id-origin', 5, 5, 'origin'],\n    ],\n  },\n  legend: {\n    show: true,\n  },\n  series: [\n    {\n      color: 'rgb(93,207,216)',\n      encode: {\n        tooltip: 'label',\n        // oxlint-disable-next-line id-length\n        x: 'x',\n        // oxlint-disable-next-line id-length\n        y: 'y',\n      },\n      name: 'Measurements',\n      type: 'scatter' as const,\n    },\n  ],\n  xAxis: {\n    name: 'Duration',\n    type: 'value' as const,\n  },\n  yAxis: {\n    name: 'Latency',\n    type: 'value' as const,\n  },\n};\n\nexport const overlappingScatterChart = ({\n  width = '100%',\n  height = '400px',\n}: {\n  width?: string;\n  height?: string;\n} = {}) => (\n  <div style={{ height, width }}>\n    <Chart {...overlappingScatterChartProps} />\n  </div>\n);\n\nexport const multiSeriesChartProps = {\n  dataset: {\n    dimensions: ['day', 'first', 'second', 'third', 'fourth', 'fifth', 'sixth'],\n    source: [\n      ['Monday', 20, 40, 60, 80, 100, 120],\n      ['Tuesday', 30, 50, 70, 90, 110, 130],\n      ['Wednesday', 25, 45, 65, 85, 105, 125],\n      ['Thursday', 35, 55, 75, 95, 115, 135],\n      ['Friday', 40, 60, 80, 100, 120, 140],\n    ],\n  },\n  legend: {\n    show: true,\n  },\n  option: {},\n  series: [\n    {\n      // E-Charts uses encode.x and encode.y - https://echarts.apache.org/en/option.html#series-line.encode\n      // oxlint-disable-next-line id-length\n      encode: { x: 'day', y: 'first' },\n      name: 'First Series',\n      type: 'line' as const,\n    },\n    {\n      // E-Charts uses encode.x and encode.y - https://echarts.apache.org/en/option.html#series-line.encode\n      // oxlint-disable-next-line id-length\n      encode: { x: 'day', y: 'second' },\n      name: 'Second Series',\n      type: 'line' as const,\n    },\n    {\n      // E-Charts uses encode.x and encode.y - https://echarts.apache.org/en/option.html#series-line.encode\n      // oxlint-disable-next-line id-length\n      encode: { x: 'day', y: 'third' },\n      name: 'Third Series',\n      type: 'line' as const,\n    },\n    {\n      // E-Charts uses encode.x and encode.y - https://echarts.apache.org/en/option.html#series-line.encode\n      // oxlint-disable-next-line id-length\n      encode: { x: 'day', y: 'fourth' },\n      name: 'Fourth Series',\n      type: 'line' as const,\n    },\n    {\n      // E-Charts uses encode.x and encode.y - https://echarts.apache.org/en/option.html#series-line.encode\n      // oxlint-disable-next-line id-length\n      encode: { x: 'day', y: 'fifth' },\n      name: 'Fifth Series',\n      type: 'line' as const,\n    },\n    {\n      // E-Charts uses encode.x and encode.y - https://echarts.apache.org/en/option.html#series-line.encode\n      // oxlint-disable-next-line id-length\n      encode: { x: 'day', y: 'sixth' },\n      name: 'Sixth Series',\n      type: 'line' as const,\n    },\n  ],\n  xAxis: {\n    type: 'category' as const,\n  },\n  yAxis: {\n    type: 'value' as const,\n  },\n};\n\nexport const multiSeriesChart = ({\n  chartProps,\n  width = '100%',\n  height = '400px',\n}: {\n  chartProps?: Partial<ComponentProps<typeof Chart>>;\n  width?: string;\n  height?: string;\n}) => (\n  <div style={{ height, width }} className=\"ndl-chart\">\n    <Chart {...multiSeriesChartProps} {...chartProps} />\n  </div>\n);\n\nexport const pieChartWithTooltipFormatter = ({\n  seriesName,\n  value,\n  rgbSeriesColor,\n  chartProps,\n  width = '100%',\n  height = '400px',\n}: {\n  chartProps?: Partial<ComponentProps<typeof Chart>>;\n  width?: string;\n  height?: string;\n  seriesName: string;\n  value: number;\n  rgbSeriesColor: string;\n}) => (\n  <div style={{ height, width }}>\n    <ChartWrapperWithTooltipFormatter\n      {...pieChartProps(seriesName, value, rgbSeriesColor)}\n      {...chartProps}\n    />\n  </div>\n);\n\nexport const barChartWithTooltipFormatter = ({\n  seriesName,\n  value,\n  rgbSeriesColor,\n  chartProps,\n  width = '100%',\n  height = '400px',\n}: {\n  chartProps?: Partial<ComponentProps<typeof Chart>>;\n  width?: string;\n  height?: string;\n  seriesName: string;\n  value: number;\n  rgbSeriesColor: string;\n}) => (\n  <div style={{ height, width }}>\n    <ChartWrapperWithTooltipFormatter\n      {...barChartProps(seriesName, value, rgbSeriesColor)}\n      {...chartProps}\n    />\n  </div>\n);\n\nexport const scatterChartWithTooltipFormatter = ({\n  seriesName,\n  // oxlint-disable-next-line id-length\n  x,\n  // oxlint-disable-next-line id-length\n  y,\n  rgbSeriesColor,\n  tooltipTitle = 'point-a',\n  chartProps,\n  width = '100%',\n  height = '400px',\n}: {\n  chartProps?: Partial<ComponentProps<typeof Chart>>;\n  width?: string;\n  height?: string;\n  seriesName: string;\n  tooltipTitle?: string;\n  // oxlint-disable-next-line id-length\n  x: number;\n  // oxlint-disable-next-line id-length\n  y: number;\n  rgbSeriesColor: string;\n}) => (\n  <div style={{ height, width }}>\n    <ChartWrapperWithTooltipFormatter\n      {...scatterChartProps(seriesName, x, y, rgbSeriesColor, tooltipTitle)}\n      {...chartProps}\n    />\n  </div>\n);\n\nexport const barChart = ({\n  seriesName,\n  value,\n  rgbSeriesColor,\n  chartProps,\n  width = '100%',\n  height = '400px',\n}: {\n  chartProps?: Partial<ComponentProps<typeof Chart>>;\n  width?: string;\n  height?: string;\n  seriesName: string;\n  value: number;\n  rgbSeriesColor: string;\n}) => (\n  <div style={{ height, width }}>\n    <Chart\n      {...barChartProps(seriesName, value, rgbSeriesColor)}\n      {...chartProps}\n    />\n  </div>\n);\n\nexport const expectChartElementVisible = async (page: Page) => {\n  await expect(page.locator('svg').first()).toBeVisible();\n  await expect(page.locator('.ndl-chart-legend')).toBeVisible();\n};\n\nexport const startLegendMeasuringObserver = async (\n  page: Page,\n  options: { chartLayoutSelector?: string } = {},\n) => {\n  await page.evaluate(({ chartLayoutSelector }) => {\n    const windowWithLegendObserver = window as Window & {\n      __chartHeightDuringLegendMeasurement?: number;\n      // eslint-disable-next-line @typescript-eslint/naming-convention\n      __legendMeasuringClassWasAdded?: boolean;\n      __legendMeasuringObserver?: MutationObserver;\n    };\n    const legendElement = document.querySelector('.ndl-chart-legend');\n    const chartLayout = chartLayoutSelector\n      ? document.querySelector(chartLayoutSelector)\n      : undefined;\n\n    windowWithLegendObserver.__chartHeightDuringLegendMeasurement = undefined;\n    windowWithLegendObserver.__legendMeasuringClassWasAdded = false;\n    windowWithLegendObserver.__legendMeasuringObserver?.disconnect();\n\n    if (!legendElement) {\n      return;\n    }\n\n    const observer = new MutationObserver(() => {\n      if (!legendElement.classList.contains('ndl-chart-legend-calculating')) {\n        return;\n      }\n\n      windowWithLegendObserver.__legendMeasuringClassWasAdded = true;\n\n      if (\n        chartLayout &&\n        windowWithLegendObserver.__chartHeightDuringLegendMeasurement ===\n          undefined\n      ) {\n        windowWithLegendObserver.__chartHeightDuringLegendMeasurement =\n          chartLayout.getBoundingClientRect().height;\n      }\n    });\n\n    observer.observe(legendElement, {\n      attributeFilter: ['class'],\n      attributes: true,\n    });\n    windowWithLegendObserver.__legendMeasuringObserver = observer;\n  }, options);\n};\n\nexport const getLegendMeasuringObserverResult = async (page: Page) =>\n  page.evaluate(() => {\n    const windowWithLegendObserver = window as Window & {\n      __chartHeightDuringLegendMeasurement?: number;\n      // eslint-disable-next-line @typescript-eslint/naming-convention\n      __legendMeasuringClassWasAdded?: boolean;\n      __legendMeasuringObserver?: MutationObserver;\n    };\n\n    windowWithLegendObserver.__legendMeasuringObserver?.disconnect();\n\n    return {\n      chartHeightDuringMeasurement:\n        windowWithLegendObserver.__chartHeightDuringLegendMeasurement,\n      didAddMeasuringClass:\n        windowWithLegendObserver.__legendMeasuringClassWasAdded ?? false,\n    };\n  });\n\nconst SELECTORS = {\n  CHECKMARK:\n    '.ndl-chart-legend > .ndl-chart-legend-item .ndl-chart-legend-item-square-checkmark',\n  DESELECTED: '.ndl-chart-legend > .ndl-chart-legend-item-deselected',\n  seriesCheckmark: (name: string) =>\n    `.ndl-chart-legend > [data-labelname=\"${name}\"] .ndl-chart-legend-item-square-checkmark`,\n  seriesDeselected: (name: string) =>\n    `.ndl-chart-legend > [data-labelname=\"${name}\"].ndl-chart-legend-item-deselected`,\n} as const;\n\nconst getGraphPaletteColorFromSeriesIndex = (index: string): string => {\n  const hexColor = tokens.categorical[index as keyof typeof tokens.categorical];\n  if (!hexColor) {\n    throw new Error(`Categorical palette index ${index} not found`);\n  }\n\n  return hexColor;\n};\n\n/**\n * Checks so a single series is not blurred.\n */\nexport const expectSingleSeriesNotToBeBlurred = async (\n  page: Page,\n  seriesName: string,\n) => {\n  const allChartSeries = multiSeriesChartProps.series;\n\n  const seriesIndex =\n    allChartSeries.findIndex((seriesItem) => seriesItem.name === seriesName) +\n    1;\n\n  const rgbSeriesColor = chartColorsAfterHighlighting[seriesIndex];\n  const hexSeriesColor = getGraphPaletteColorFromSeriesIndex(\n    seriesIndex.toString(),\n  );\n\n  // More flexible color matching - try both with and without spaces\n  const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n  const hexRgb = convertHexToRGB(hexSeriesColor);\n  const rgbWithoutSpaces = hexRgb.replace(/, /g, ',');\n\n  const pathLocator = page\n    .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n    .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`))\n    .or(page.locator(`path[stroke=\"${hexSeriesColor}\"]`))\n    .or(page.locator(`path[stroke=\"${convertHexToRGB(hexSeriesColor)}\"]`))\n    .or(page.locator(`path[stroke=\"${rgbWithoutSpaces}\"]`));\n\n  // Wait for the element to be attached to the DOM before checking its attributes\n  await expect(pathLocator).toBeAttached({ timeout: 10000 });\n  await expect(pathLocator).not.toHaveAttribute('stroke-opacity');\n};\n\n/**\n * Checks so that the seriesNamesToBeHighlighted are visible in the chart and that other series are blurred.\n */\nexport const expectLegendSeriesToBeHighlightedInChart = async (\n  page: Page,\n  seriesNamesToBeHighlighted: string[],\n) => {\n  const allChartSeries = multiSeriesChartProps.series;\n\n  for (const name of seriesNamesToBeHighlighted) {\n    const highlightedSeriesIndex =\n      allChartSeries.findIndex((seriesItem) => seriesItem.name === name) + 1;\n\n    const rgbSeriesColor = chartColorsAfterHighlighting[highlightedSeriesIndex];\n    const hexSeriesColor = getGraphPaletteColorFromSeriesIndex(\n      highlightedSeriesIndex.toString(),\n    );\n\n    const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n    const hexRgb = convertHexToRGB(hexSeriesColor);\n    const rgbWithoutSpaces = hexRgb.replace(/, /g, ',');\n\n    const pathLocator = page\n      .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n      .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`))\n      .or(page.locator(`path[stroke=\"${hexSeriesColor}\"]`))\n      .or(page.locator(`path[stroke=\"${convertHexToRGB(hexSeriesColor)}\"]`))\n      .or(page.locator(`path[stroke=\"${rgbWithoutSpaces}\"]`));\n\n    await expect(pathLocator).not.toHaveAttribute('stroke-opacity');\n  }\n\n  const seriesToBeBlurred = allChartSeries.filter(\n    (series) => !seriesNamesToBeHighlighted.includes(series.name),\n  );\n\n  for (const series of seriesToBeBlurred) {\n    const blurredSeriesIndex =\n      allChartSeries.findIndex(\n        (seriesItem) => seriesItem.name === series.name,\n      ) + 1;\n\n    const rgbSeriesColor = chartColorsAfterHighlighting[blurredSeriesIndex];\n    const hexSeriesColor = getGraphPaletteColorFromSeriesIndex(\n      blurredSeriesIndex.toString(),\n    );\n\n    const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n    const hexRgb = convertHexToRGB(hexSeriesColor);\n    const rgbWithoutSpaces = hexRgb.replace(/, /g, ',');\n\n    const pathLocator = page\n      .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n      .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`))\n      .or(page.locator(`path[stroke=\"${hexSeriesColor}\"]`))\n      .or(page.locator(`path[stroke=\"${convertHexToRGB(hexSeriesColor)}\"]`))\n      .or(page.locator(`path[stroke=\"${rgbWithoutSpaces}\"]`));\n\n    await expect(pathLocator).toHaveAttribute('stroke-opacity');\n  }\n};\n\n/**\n * Identifies if the series are visible / not visible in the chart by checking\n * component-owned legend state. ECharts rewrites generated SVG paths during\n * legend updates, which makes exact path color selectors flaky in Firefox.\n */\nexport const expectLegendSeriesToBeVisibleInChart = async (\n  page: Page,\n  seriesNamesToBeVisible: string[],\n) => {\n  await expect(page.locator('svg path').first()).toBeAttached();\n\n  for (const name of seriesNamesToBeVisible) {\n    const visibleLegendItem = page.locator(\n      `.ndl-chart-legend > [data-labelname=\"${name}\"]`,\n    );\n\n    if ((await visibleLegendItem.count()) > 0) {\n      await expect(visibleLegendItem).not.toHaveClass(\n        /ndl-chart-legend-item-deselected/,\n      );\n    }\n  }\n\n  const hiddenSeries = multiSeriesChartProps.series.filter(\n    (series) => !seriesNamesToBeVisible.includes(series.name),\n  );\n\n  for (const hiddenSeriesItem of hiddenSeries) {\n    const hiddenLegendItem = page.locator(\n      SELECTORS.seriesDeselected(hiddenSeriesItem.name),\n    );\n\n    if ((await hiddenLegendItem.count()) > 0) {\n      await expect(hiddenLegendItem).toBeVisible();\n    }\n  }\n};\n\n// Check so legends are selected -> has checkmark and no strike-through classes\nexport const expectLegendsSelected = async (\n  page: Page,\n  seriesNames: string[],\n) => {\n  for (const name of seriesNames) {\n    await expect(page.locator(SELECTORS.seriesCheckmark(name))).toBeVisible();\n    await expect(\n      page.locator(SELECTORS.seriesDeselected(name)),\n    ).not.toBeVisible();\n  }\n};\n\n// Check so legends are deselected -> has strike-through and no checkmark classes\nexport const expectLegendsDeselected = async (\n  page: Page,\n  seriesNames: string[],\n) => {\n  for (const name of seriesNames) {\n    await expect(page.locator(SELECTORS.seriesDeselected(name))).toBeVisible();\n    await expect(\n      page.locator(SELECTORS.seriesCheckmark(name)),\n    ).not.toBeVisible();\n  }\n};\n\n// Check so all legends are neutral -> no checkmark and no strike-through classes\nexport const expectAllLegendsNeutral = async (page: Page) => {\n  await expect(page.locator(SELECTORS.CHECKMARK)).not.toBeVisible();\n  await expect(page.locator(SELECTORS.DESELECTED)).not.toBeVisible();\n};\n\n/**\n * Clicks the series legend item and hover the chart to make sure no blur effect exists on other series in the chart.\n * This is needed to make sure the series has the correct color when looking for them in the chart in later steps.\n */\nexport const clickSeries = async (page: Page, seriesName: string) => {\n  await page\n    .locator(`.ndl-chart-legend > [data-labelname=\"${seriesName}\"]`)\n    .click();\n  await page.hover('.ndl-chart');\n};\n\nexport const expectFormattedTooltipToBeVisible = async (\n  page: Page,\n  seriesName: string,\n  value: number,\n  rgbSeriesColor: string,\n) => {\n  const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n\n  await expect(\n    page\n      .locator(`path[fill=\"${rgbSeriesColor}\"]`)\n      .or(page.locator(`fill[stroke=\"${rgbWithSpaces}\"]`)),\n  ).toBeVisible();\n  await page\n    .locator(`path[fill=\"${rgbSeriesColor}\"]`)\n    .or(page.locator(`fill[stroke=\"${rgbWithSpaces}\"]`))\n    .hover();\n  const tooltip = page.getByText(`${seriesName}formatted ${value}`);\n  await expect(tooltip).toBeVisible();\n};\n\n/**\n * Scatter points are rings, so the series color is the stroke. The fill is the\n * theme surface color until hover paints it.\n */\nexport const scatterPointLocator = (page: Page, rgbSeriesColor: string) => {\n  const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n\n  return page\n    .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n    .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`));\n};\n\nexport const expectScatterTooltipToBeVisible = async (\n  page: Page,\n  tooltipTitle: string,\n  // oxlint-disable-next-line id-length\n  x: number,\n  // oxlint-disable-next-line id-length\n  y: number,\n  rgbSeriesColor: string,\n) => {\n  const chartElement = scatterPointLocator(page, rgbSeriesColor);\n\n  await expect(chartElement).toBeVisible();\n  await chartElement.hover();\n\n  // Scatter uses an item tooltip: encode.tooltip titles it, then the axis-named\n  // x and y rows follow.\n  const tooltip = page.locator('.ndl-charts-chart-tooltip');\n  await expect(tooltip).toContainText(tooltipTitle);\n  await expect(tooltip).not.toContainText('row-id');\n  await expect(tooltip).toContainText(`Duration`);\n  await expect(tooltip).toContainText(`formatted ${x}`);\n  await expect(tooltip).toContainText(`Latency`);\n  await expect(tooltip).toContainText(`formatted ${y}`);\n\n  // The point color belongs to the title row only, so the rows below it do not\n  // repeat the swatch.\n  await expect(\n    tooltip.locator('.ndl-charts-chart-tooltip-title-indent-square'),\n  ).toHaveCount(1);\n  await expect(\n    tooltip.locator('.ndl-charts-chart-tooltip-content-indent-square'),\n  ).toHaveCount(0);\n};\n\nexport const expectDefaultFormattedTooltipToBeVisible = async (\n  page: Page,\n  seriesName: string,\n  value: number,\n  rgbSeriesColor: string,\n) => {\n  const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n\n  const chartElement = page\n    .locator(`path[fill=\"${rgbSeriesColor}\"]`)\n    .or(page.locator(`path[fill=\"${rgbWithSpaces}\"]`));\n\n  await expect(chartElement).toBeVisible();\n  await chartElement.hover();\n\n  const tooltip = page.locator('.ndl-charts-chart-tooltip');\n  await expect(tooltip).toContainText(seriesName);\n  await expect(tooltip).toContainText(\n    new Intl.NumberFormat('en-US').format(value),\n  );\n};\n\nexport const waitForAnimationEnd = (page: Page, selector: string) => {\n  return page\n    .locator(selector)\n    .evaluate((element) =>\n      Promise.all(\n        element.getAnimations().map((animation) => animation.finished),\n      ),\n    );\n};\n"]}
+{"version":3,"file":"chart-test-utils.js","sourceRoot":"","sources":["../../../../src/charts/tests/chart-test-utils.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,0CAAyC;AACzC,0DAAgD;AAChD,6EAA2D;AAI3D,yFAAsF;AAEtF;;;;;GAKG;AACH,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,EAAE;IACtC,MAAM,aAAa,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAE5C,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACxD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC1D,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEzD,OAAO,OAAO,GAAG,KAAK,KAAK,KAAK,IAAI,GAAG,CAAC;AAC1C,CAAC,CAAC;AAEW,QAAA,4BAA4B,GAA2B;IAClE,CAAC,EAAE,iBAAiB;IACpB,CAAC,EAAE,gBAAgB;IACnB,CAAC,EAAE,iBAAiB;IACpB,CAAC,EAAE,iBAAiB;IACpB,CAAC,EAAE,kBAAkB;IACrB,CAAC,EAAE,kBAAkB;IACrB,CAAC,EAAE,iBAAiB;IACpB,CAAC,EAAE,iBAAiB;IACpB,CAAC,EAAE,iBAAiB;IACpB,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,kBAAkB;CACvB,CAAC;AAEK,MAAM,aAAa,GAAG,CAC3B,UAAkB,EAClB,KAAa,EACb,cAAsB,EACtB,EAAE,CAAC,CAAC;IACJ,OAAO,EAAE;QACP;YACE,MAAM,EAAE;gBACN,CAAC,SAAS,EAAE,MAAM,CAAC;gBACnB,CAAC,UAAU,EAAE,KAAK,CAAC;aACpB;SACF;KACF;IACD,MAAM,EAAE;QACN,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE;QACN;YACE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;YACtB,MAAM,EAAE;gBACN,QAAQ,EAAE,SAAS;gBACnB,KAAK,EAAE,MAAM;aACd;YACD,SAAS,EAAE;gBACT,KAAK,EAAE,cAAc;aACtB;YACD,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,KAAc;SACrB;KACF;CACF,CAAC,CAAC;AA9BU,QAAA,aAAa,iBA8BvB;AAEI,MAAM,aAAa,GAAG,CAC3B,UAAkB,EAClB,KAAa,EACb,cAAsB,EACtB,EAAE,CAAC,CAAC;IACJ,OAAO,EAAE;QACP,UAAU,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;QAChC,MAAM,EAAE,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;KAC7B;IACD,MAAM,EAAE;QACN,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE;QACN;YACE,qGAAqG;YACrG,qCAAqC;YACrC,MAAM,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE;YACpC,SAAS,EAAE;gBACT,KAAK,EAAE,cAAc;aACtB;YACD,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,KAAc;SACrB;KACF;IACD,KAAK,EAAE;QACL,IAAI,EAAE,UAAmB;KAC1B;IACD,KAAK,EAAE;QACL,IAAI,EAAE,OAAgB;KACvB;CACF,CAAC,CAAC;AA9BU,QAAA,aAAa,iBA8BvB;AAEI,MAAM,iBAAiB,GAAG,CAC/B,UAAkB;AAClB,qCAAqC;AACrC,CAAS;AACT,qCAAqC;AACrC,CAAS,EACT,cAAsB,EACtB,YAAY,GAAG,SAAS,EACxB,EAAE,CAAC,CAAC;IACJ,OAAO,EAAE;QACP,UAAU,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC;QACrC,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC;KACzC;IACD,MAAM,EAAE;QACN,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE;QACN;YACE,KAAK,EAAE,cAAc;YACrB,MAAM,EAAE;gBACN,OAAO,EAAE,OAAO;gBAChB,qCAAqC;gBACrC,CAAC,EAAE,GAAG;gBACN,qCAAqC;gBACrC,CAAC,EAAE,GAAG;aACP;YACD,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,SAAkB;SACzB;KACF;IACD,KAAK,EAAE;QACL,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,OAAgB;KACvB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,OAAgB;KACvB;CACF,CAAC,CAAC;AAtCU,QAAA,iBAAiB,qBAsC3B;AAEH;;;;GAIG;AACU,QAAA,4BAA4B,GAAG;IAC1C,OAAO,EAAE;QACP,MAAM,EAAE;YACN,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC;YACzB,CAAC,aAAa,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,CAAC;YACnC,CAAC,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC;YACvC,CAAC,cAAc,EAAE,EAAE,EAAE,EAAE,EAAE,WAAW,CAAC;YACrC,CAAC,aAAa,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,CAAC;YACnC,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;SAC9B;KACF;IACD,MAAM,EAAE;QACN,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE;QACN;YACE,KAAK,EAAE,iBAAiB;YACxB,MAAM,EAAE;gBACN,OAAO,EAAE,OAAO;gBAChB,qCAAqC;gBACrC,CAAC,EAAE,GAAG;gBACN,qCAAqC;gBACrC,CAAC,EAAE,GAAG;aACP;YACD,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,SAAkB;SACzB;KACF;IACD,KAAK,EAAE;QACL,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,OAAgB;KACvB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,OAAgB;KACvB;CACF,CAAC;AAEK,MAAM,uBAAuB,GAAG,CAAC,EACtC,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,OAAO,MAId,EAAE,EAAE,EAAE,CAAC,CACT,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,YAC3B,uBAAC,oBAAK,oBAAK,oCAA4B,EAAI,GACvC,CACP,CAAC;AAVW,QAAA,uBAAuB,2BAUlC;AAEW,QAAA,qBAAqB,GAAG;IACnC,OAAO,EAAE;QACP,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC;QAC3E,MAAM,EAAE;YACN,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC;YACpC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC;YACrC,CAAC,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC;YACvC,CAAC,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC;YACtC,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;SACtC;KACF;IACD,MAAM,EAAE;QACN,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE,EAAE;IACV,MAAM,EAAE;QACN;YACE,qGAAqG;YACrG,qCAAqC;YACrC,MAAM,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE;YAChC,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,MAAe;SACtB;QACD;YACE,qGAAqG;YACrG,qCAAqC;YACrC,MAAM,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE;YACjC,IAAI,EAAE,eAAe;YACrB,IAAI,EAAE,MAAe;SACtB;QACD;YACE,qGAAqG;YACrG,qCAAqC;YACrC,MAAM,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE;YAChC,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,MAAe;SACtB;QACD;YACE,qGAAqG;YACrG,qCAAqC;YACrC,MAAM,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE;YACjC,IAAI,EAAE,eAAe;YACrB,IAAI,EAAE,MAAe;SACtB;QACD;YACE,qGAAqG;YACrG,qCAAqC;YACrC,MAAM,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE;YAChC,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,MAAe;SACtB;QACD;YACE,qGAAqG;YACrG,qCAAqC;YACrC,MAAM,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE;YAChC,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,MAAe;SACtB;KACF;IACD,KAAK,EAAE;QACL,IAAI,EAAE,UAAmB;KAC1B;IACD,KAAK,EAAE;QACL,IAAI,EAAE,OAAgB;KACvB;CACF,CAAC;AAEK,MAAM,gBAAgB,GAAG,CAAC,EAC/B,UAAU,EACV,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,OAAO,GAKjB,EAAE,EAAE,CAAC,CACJ,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,SAAS,EAAC,WAAW,YAClD,uBAAC,oBAAK,oBAAK,6BAAqB,EAAM,UAAU,EAAI,GAChD,CACP,CAAC;AAZW,QAAA,gBAAgB,oBAY3B;AAEK,MAAM,4BAA4B,GAAG,CAAC,EAC3C,UAAU,EACV,KAAK,EACL,cAAc,EACd,UAAU,EACV,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,OAAO,GAQjB,EAAE,EAAE,CAAC,CACJ,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,YAC3B,uBAAC,mEAAgC,oBAC3B,IAAA,qBAAa,EAAC,UAAU,EAAE,KAAK,EAAE,cAAc,CAAC,EAChD,UAAU,EACd,GACE,CACP,CAAC;AArBW,QAAA,4BAA4B,gCAqBvC;AAEK,MAAM,4BAA4B,GAAG,CAAC,EAC3C,UAAU,EACV,KAAK,EACL,cAAc,EACd,UAAU,EACV,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,OAAO,GAQjB,EAAE,EAAE,CAAC,CACJ,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,YAC3B,uBAAC,mEAAgC,oBAC3B,IAAA,qBAAa,EAAC,UAAU,EAAE,KAAK,EAAE,cAAc,CAAC,EAChD,UAAU,EACd,GACE,CACP,CAAC;AArBW,QAAA,4BAA4B,gCAqBvC;AAEK,MAAM,gCAAgC,GAAG,CAAC,EAC/C,UAAU;AACV,qCAAqC;AACrC,CAAC;AACD,qCAAqC;AACrC,CAAC,EACD,cAAc,EACd,YAAY,GAAG,SAAS,EACxB,UAAU,EACV,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,OAAO,GAYjB,EAAE,EAAE,CAAC,CACJ,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,YAC3B,uBAAC,mEAAgC,oBAC3B,IAAA,yBAAiB,EAAC,UAAU,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,YAAY,CAAC,EACjE,UAAU,EACd,GACE,CACP,CAAC;AA7BW,QAAA,gCAAgC,oCA6B3C;AAEK,MAAM,QAAQ,GAAG,CAAC,EACvB,UAAU,EACV,KAAK,EACL,cAAc,EACd,UAAU,EACV,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,OAAO,GAQjB,EAAE,EAAE,CAAC,CACJ,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,YAC3B,uBAAC,oBAAK,oBACA,IAAA,qBAAa,EAAC,UAAU,EAAE,KAAK,EAAE,cAAc,CAAC,EAChD,UAAU,EACd,GACE,CACP,CAAC;AArBW,QAAA,QAAQ,YAqBnB;AAEK,MAAM,yBAAyB,GAAG,CAAO,IAAU,EAAE,EAAE;IAC5D,MAAM,IAAA,8BAAM,EAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;IACxD,MAAM,IAAA,8BAAM,EAAC,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AAChE,CAAC,CAAA,CAAC;AAHW,QAAA,yBAAyB,6BAGpC;AAEK,MAAM,4BAA4B,GAAG,oBAG1C,EAAE,2DAFF,IAAU,EACV,UAA4C,EAAE;IAE9C,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE;;QAC9C,MAAM,wBAAwB,GAAG,MAKhC,CAAC;QACF,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAClE,MAAM,WAAW,GAAG,mBAAmB;YACrC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAC;YAC7C,CAAC,CAAC,SAAS,CAAC;QAEd,wBAAwB,CAAC,oCAAoC,GAAG,SAAS,CAAC;QAC1E,wBAAwB,CAAC,8BAA8B,GAAG,KAAK,CAAC;QAChE,MAAA,wBAAwB,CAAC,yBAAyB,0CAAE,UAAU,EAAE,CAAC;QAEjE,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACzC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,8BAA8B,CAAC,EAAE,CAAC;gBACtE,OAAO;YACT,CAAC;YAED,wBAAwB,CAAC,8BAA8B,GAAG,IAAI,CAAC;YAE/D,IACE,WAAW;gBACX,wBAAwB,CAAC,oCAAoC;oBAC3D,SAAS,EACX,CAAC;gBACD,wBAAwB,CAAC,oCAAoC;oBAC3D,WAAW,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;YAC/C,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE;YAC9B,eAAe,EAAE,CAAC,OAAO,CAAC;YAC1B,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;QACH,wBAAwB,CAAC,yBAAyB,GAAG,QAAQ,CAAC;IAChE,CAAC,EAAE,OAAO,CAAC,CAAC;AACd,CAAC,CAAA,CAAC;AA/CW,QAAA,4BAA4B,gCA+CvC;AAEK,MAAM,gCAAgC,GAAG,CAAO,IAAU,EAAE,EAAE;IACnE,OAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;;QACjB,MAAM,wBAAwB,GAAG,MAKhC,CAAC;QAEF,MAAA,wBAAwB,CAAC,yBAAyB,0CAAE,UAAU,EAAE,CAAC;QAEjE,OAAO;YACL,4BAA4B,EAC1B,wBAAwB,CAAC,oCAAoC;YAC/D,oBAAoB,EAClB,MAAA,wBAAwB,CAAC,8BAA8B,mCAAI,KAAK;SACnE,CAAC;IACJ,CAAC,CAAC,CAAA;EAAA,CAAC;AAjBQ,QAAA,gCAAgC,oCAiBxC;AAEL,MAAM,SAAS,GAAG;IAChB,SAAS,EACP,oFAAoF;IACtF,UAAU,EAAE,uDAAuD;IACnE,eAAe,EAAE,CAAC,IAAY,EAAE,EAAE,CAChC,wCAAwC,IAAI,4CAA4C;IAC1F,gBAAgB,EAAE,CAAC,IAAY,EAAE,EAAE,CACjC,wCAAwC,IAAI,qCAAqC;CAC3E,CAAC;AAEX,MAAM,mCAAmC,GAAG,CAAC,KAAa,EAAU,EAAE;IACpE,MAAM,QAAQ,GAAG,aAAM,CAAC,WAAW,CAAC,KAAwC,CAAC,CAAC;IAC9E,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,6BAA6B,KAAK,YAAY,CAAC,CAAC;IAClE,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF;;GAEG;AACI,MAAM,gCAAgC,GAAG,CAC9C,IAAU,EACV,UAAkB,EAClB,EAAE;IACF,MAAM,cAAc,GAAG,6BAAqB,CAAC,MAAM,CAAC;IAEpD,MAAM,WAAW,GACf,cAAc,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,KAAK,UAAU,CAAC;QACxE,CAAC,CAAC;IAEJ,MAAM,cAAc,GAAG,oCAA4B,CAAC,WAAW,CAAC,CAAC;IACjE,MAAM,cAAc,GAAG,mCAAmC,CACxD,WAAW,CAAC,QAAQ,EAAE,CACvB,CAAC;IAEF,kEAAkE;IAClE,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACzD,MAAM,MAAM,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;IAC/C,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAEpD,MAAM,WAAW,GAAG,IAAI;SACrB,OAAO,CAAC,gBAAgB,cAAc,IAAI,CAAC;SAC3C,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,aAAa,IAAI,CAAC,CAAC;SACnD,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,cAAc,IAAI,CAAC,CAAC;SACpD,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;SACrE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,gBAAgB,IAAI,CAAC,CAAC,CAAC;IAE1D,gFAAgF;IAChF,MAAM,IAAA,8BAAM,EAAC,WAAW,CAAC,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IAC3D,MAAM,IAAA,8BAAM,EAAC,WAAW,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAClE,CAAC,CAAA,CAAC;AA9BW,QAAA,gCAAgC,oCA8B3C;AAEF;;GAEG;AACI,MAAM,wCAAwC,GAAG,CACtD,IAAU,EACV,0BAAoC,EACpC,EAAE;IACF,MAAM,cAAc,GAAG,6BAAqB,CAAC,MAAM,CAAC;IAEpD,KAAK,MAAM,IAAI,IAAI,0BAA0B,EAAE,CAAC;QAC9C,MAAM,sBAAsB,GAC1B,cAAc,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC;QAEzE,MAAM,cAAc,GAAG,oCAA4B,CAAC,sBAAsB,CAAC,CAAC;QAC5E,MAAM,cAAc,GAAG,mCAAmC,CACxD,sBAAsB,CAAC,QAAQ,EAAE,CAClC,CAAC;QAEF,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACzD,MAAM,MAAM,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;QAC/C,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEpD,MAAM,WAAW,GAAG,IAAI;aACrB,OAAO,CAAC,gBAAgB,cAAc,IAAI,CAAC;aAC3C,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,aAAa,IAAI,CAAC,CAAC;aACnD,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,cAAc,IAAI,CAAC,CAAC;aACpD,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;aACrE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,gBAAgB,IAAI,CAAC,CAAC,CAAC;QAE1D,MAAM,IAAA,8BAAM,EAAC,WAAW,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAClE,CAAC;IAED,MAAM,iBAAiB,GAAG,cAAc,CAAC,MAAM,CAC7C,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,0BAA0B,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAC9D,CAAC;IAEF,KAAK,MAAM,MAAM,IAAI,iBAAiB,EAAE,CAAC;QACvC,MAAM,kBAAkB,GACtB,cAAc,CAAC,SAAS,CACtB,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAChD,GAAG,CAAC,CAAC;QAER,MAAM,cAAc,GAAG,oCAA4B,CAAC,kBAAkB,CAAC,CAAC;QACxE,MAAM,cAAc,GAAG,mCAAmC,CACxD,kBAAkB,CAAC,QAAQ,EAAE,CAC9B,CAAC;QAEF,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACzD,MAAM,MAAM,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;QAC/C,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEpD,MAAM,WAAW,GAAG,IAAI;aACrB,OAAO,CAAC,gBAAgB,cAAc,IAAI,CAAC;aAC3C,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,aAAa,IAAI,CAAC,CAAC;aACnD,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,cAAc,IAAI,CAAC,CAAC;aACpD,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;aACrE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,gBAAgB,IAAI,CAAC,CAAC,CAAC;QAE1D,MAAM,IAAA,8BAAM,EAAC,WAAW,CAAC,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAC9D,CAAC;AACH,CAAC,CAAA,CAAC;AAzDW,QAAA,wCAAwC,4CAyDnD;AAEF;;;;GAIG;AACI,MAAM,oCAAoC,GAAG,CAClD,IAAU,EACV,sBAAgC,EAChC,EAAE;IACF,MAAM,IAAA,8BAAM,EAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,YAAY,EAAE,CAAC;IAE9D,KAAK,MAAM,IAAI,IAAI,sBAAsB,EAAE,CAAC;QAC1C,MAAM,iBAAiB,GAAG,IAAI,CAAC,OAAO,CACpC,wCAAwC,IAAI,IAAI,CACjD,CAAC;QAEF,IAAI,CAAC,MAAM,iBAAiB,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;YAC1C,MAAM,IAAA,8BAAM,EAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,WAAW,CAC7C,kCAAkC,CACnC,CAAC;QACJ,CAAC;IACH,CAAC;IAED,MAAM,YAAY,GAAG,6BAAqB,CAAC,MAAM,CAAC,MAAM,CACtD,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,sBAAsB,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAC1D,CAAC;IAEF,KAAK,MAAM,gBAAgB,IAAI,YAAY,EAAE,CAAC;QAC5C,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CACnC,SAAS,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAClD,CAAC;QAEF,IAAI,CAAC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;YACzC,MAAM,IAAA,8BAAM,EAAC,gBAAgB,CAAC,CAAC,WAAW,EAAE,CAAC;QAC/C,CAAC;IACH,CAAC;AACH,CAAC,CAAA,CAAC;AA/BW,QAAA,oCAAoC,wCA+B/C;AAEF,+EAA+E;AACxE,MAAM,qBAAqB,GAAG,CACnC,IAAU,EACV,WAAqB,EACrB,EAAE;IACF,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE,CAAC;QAC/B,MAAM,IAAA,8BAAM,EAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAC1E,MAAM,IAAA,8BAAM,EACV,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAC/C,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IACtB,CAAC;AACH,CAAC,CAAA,CAAC;AAVW,QAAA,qBAAqB,yBAUhC;AAEF,iFAAiF;AAC1E,MAAM,uBAAuB,GAAG,CACrC,IAAU,EACV,WAAqB,EACrB,EAAE;IACF,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE,CAAC;QAC/B,MAAM,IAAA,8BAAM,EAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAC3E,MAAM,IAAA,8BAAM,EACV,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAC9C,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IACtB,CAAC;AACH,CAAC,CAAA,CAAC;AAVW,QAAA,uBAAuB,2BAUlC;AAEF,iFAAiF;AAC1E,MAAM,uBAAuB,GAAG,CAAO,IAAU,EAAE,EAAE;IAC1D,MAAM,IAAA,8BAAM,EAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IAClE,MAAM,IAAA,8BAAM,EAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;AACrE,CAAC,CAAA,CAAC;AAHW,QAAA,uBAAuB,2BAGlC;AAEF;;;GAGG;AACI,MAAM,WAAW,GAAG,CAAO,IAAU,EAAE,UAAkB,EAAE,EAAE;IAClE,MAAM,IAAI;SACP,OAAO,CAAC,wCAAwC,UAAU,IAAI,CAAC;SAC/D,KAAK,EAAE,CAAC;IACX,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;AACjC,CAAC,CAAA,CAAC;AALW,QAAA,WAAW,eAKtB;AAEK,MAAM,iCAAiC,GAAG,CAC/C,IAAU,EACV,UAAkB,EAClB,KAAa,EACb,cAAsB,EACtB,EAAE;IACF,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEzD,MAAM,IAAA,8BAAM,EACV,IAAI;SACD,OAAO,CAAC,cAAc,cAAc,IAAI,CAAC;SACzC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,aAAa,IAAI,CAAC,CAAC,CACvD,CAAC,WAAW,EAAE,CAAC;IAChB,MAAM,IAAI;SACP,OAAO,CAAC,cAAc,cAAc,IAAI,CAAC;SACzC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,aAAa,IAAI,CAAC,CAAC;SACnD,KAAK,EAAE,CAAC;IACX,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,UAAU,aAAa,KAAK,EAAE,CAAC,CAAC;IAClE,MAAM,IAAA,8BAAM,EAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;AACtC,CAAC,CAAA,CAAC;AAnBW,QAAA,iCAAiC,qCAmB5C;AAEF;;;GAGG;AACI,MAAM,mBAAmB,GAAG,CAAC,IAAU,EAAE,cAAsB,EAAE,EAAE;IACxE,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEzD,OAAO,IAAI;SACR,OAAO,CAAC,gBAAgB,cAAc,IAAI,CAAC;SAC3C,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,aAAa,IAAI,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC;AANW,QAAA,mBAAmB,uBAM9B;AAEK,MAAM,+BAA+B,GAAG,CAC7C,IAAU,EACV,YAAoB;AACpB,qCAAqC;AACrC,CAAS;AACT,qCAAqC;AACrC,CAAS,EACT,cAAsB,EACtB,EAAE;IACF,MAAM,YAAY,GAAG,IAAA,2BAAmB,EAAC,IAAI,EAAE,cAAc,CAAC,CAAC;IAE/D,MAAM,IAAA,8BAAM,EAAC,YAAY,CAAC,CAAC,WAAW,EAAE,CAAC;IACzC,MAAM,YAAY,CAAC,KAAK,EAAE,CAAC;IAE3B,8EAA8E;IAC9E,uBAAuB;IACvB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;IAC1D,MAAM,IAAA,8BAAM,EAAC,OAAO,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAClD,MAAM,IAAA,8BAAM,EAAC,OAAO,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAClD,MAAM,IAAA,8BAAM,EAAC,OAAO,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAChD,MAAM,IAAA,8BAAM,EAAC,OAAO,CAAC,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IACtD,MAAM,IAAA,8BAAM,EAAC,OAAO,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAC/C,MAAM,IAAA,8BAAM,EAAC,OAAO,CAAC,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IAEtD,6EAA6E;IAC7E,qBAAqB;IACrB,MAAM,IAAA,8BAAM,EACV,OAAO,CAAC,OAAO,CAAC,+CAA+C,CAAC,CACjE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACjB,MAAM,IAAA,8BAAM,EACV,OAAO,CAAC,OAAO,CAAC,iDAAiD,CAAC,CACnE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;AACnB,CAAC,CAAA,CAAC;AAhCW,QAAA,+BAA+B,mCAgC1C;AAEK,MAAM,wCAAwC,GAAG,CACtD,IAAU,EACV,UAAkB,EAClB,KAAa,EACb,cAAsB,EACtB,EAAE;IACF,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEzD,MAAM,YAAY,GAAG,IAAI;SACtB,OAAO,CAAC,cAAc,cAAc,IAAI,CAAC;SACzC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,aAAa,IAAI,CAAC,CAAC,CAAC;IAErD,MAAM,IAAA,8BAAM,EAAC,YAAY,CAAC,CAAC,WAAW,EAAE,CAAC;IACzC,MAAM,YAAY,CAAC,KAAK,EAAE,CAAC;IAE3B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;IAC1D,MAAM,IAAA,8BAAM,EAAC,OAAO,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAChD,MAAM,IAAA,8BAAM,EAAC,OAAO,CAAC,CAAC,aAAa,CACjC,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAC7C,CAAC;AACJ,CAAC,CAAA,CAAC;AApBW,QAAA,wCAAwC,4CAoBnD;AAEK,MAAM,mBAAmB,GAAG,CAAC,IAAU,EAAE,QAAgB,EAAE,EAAE;IAClE,OAAO,IAAI;SACR,OAAO,CAAC,QAAQ,CAAC;SACjB,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE,CACpB,OAAO,CAAC,GAAG,CACT,OAAO,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,CAC/D,CACF,CAAC;AACN,CAAC,CAAC;AARW,QAAA,mBAAmB,uBAQ9B","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 { Chart } from '@neo4j-ndl/react-charts';\nimport { expect } from '@playwright/experimental-ct-react';\nimport { type Page } from '@playwright/test';\nimport { type ComponentProps } from 'react';\n\nimport { ChartWrapperWithTooltipFormatter } from './ChartWrapperWithTooltipFormatter';\n\n/**\n * Convert hex color to rgb format\n *\n * @param hex - Color in hex code format\n * @returns color in rgb format rgb(_, _, _)\n */\nconst convertHexToRGB = (hex: string) => {\n  const normalizedHex = hex.replace(/^#/, '');\n\n  const red = parseInt(normalizedHex.substring(0, 2), 16);\n  const green = parseInt(normalizedHex.substring(2, 4), 16);\n  const blue = parseInt(normalizedHex.substring(4, 6), 16);\n\n  return `rgb(${red}, ${green}, ${blue})`;\n};\n\nexport const chartColorsAfterHighlighting: Record<number, string> = {\n  1: 'rgb(93,207,216)',\n  2: 'rgb(84,80,223)',\n  3: 'rgb(242,152,62)',\n  4: 'rgb(221,75,155)',\n  5: 'rgb(156,154,255)',\n  6: 'rgb(132,244,136)',\n  7: 'rgb(69,140,249)',\n  8: 'rgb(113,69,188)',\n  9: 'rgb(240,210,70)',\n  10: 'rgb(210,126,49)',\n  11: 'rgb(78,151,121)',\n  12: 'rgb(190,255,117)',\n};\n\nexport const pieChartProps = (\n  seriesName: string,\n  value: number,\n  rgbSeriesColor: string,\n) => ({\n  dataset: [\n    {\n      source: [\n        ['product', '2012'],\n        [seriesName, value],\n      ],\n    },\n  ],\n  legend: {\n    isVisible: true,\n  },\n  series: [\n    {\n      center: ['50%', '50%'],\n      encode: {\n        itemName: 'product',\n        value: '2012',\n      },\n      itemStyle: {\n        color: rgbSeriesColor,\n      },\n      radius: '90%',\n      type: 'pie' as const,\n    },\n  ],\n});\n\nexport const barChartProps = (\n  seriesName: string,\n  value: number,\n  rgbSeriesColor: string,\n) => ({\n  dataset: {\n    dimensions: ['Country', 'Sales'],\n    source: [['Finland', value]],\n  },\n  legend: {\n    isVisible: true,\n  },\n  series: [\n    {\n      // E-Charts uses encode.x and encode.y - https://echarts.apache.org/en/option.html#series-line.encode\n      // oxlint-disable-next-line id-length\n      encode: { x: 'Country', y: 'Sales' },\n      itemStyle: {\n        color: rgbSeriesColor,\n      },\n      name: seriesName,\n      type: 'bar' as const,\n    },\n  ],\n  xAxis: {\n    type: 'category' as const,\n  },\n  yAxis: {\n    type: 'value' as const,\n  },\n});\n\nexport const scatterChartProps = (\n  seriesName: string,\n  // oxlint-disable-next-line id-length\n  x: number,\n  // oxlint-disable-next-line id-length\n  y: number,\n  rgbSeriesColor: string,\n  tooltipTitle = 'point-a',\n) => ({\n  dataset: {\n    dimensions: ['id', 'x', 'y', 'label'],\n    source: [['row-id', x, y, tooltipTitle]],\n  },\n  legend: {\n    isVisible: true,\n  },\n  series: [\n    {\n      color: rgbSeriesColor,\n      encode: {\n        tooltip: 'label',\n        // oxlint-disable-next-line id-length\n        x: 'x',\n        // oxlint-disable-next-line id-length\n        y: 'y',\n      },\n      name: seriesName,\n      type: 'scatter' as const,\n    },\n  ],\n  xAxis: {\n    name: 'Duration',\n    type: 'value' as const,\n  },\n  yAxis: {\n    name: 'Latency',\n    type: 'value' as const,\n  },\n});\n\n/**\n * Two points sit a fraction of a unit apart and a third shares the coordinates\n * of the first exactly, so their symbols overlap at any reasonable chart size,\n * while the remaining points stay far away.\n */\nexport const overlappingScatterChartProps = {\n  dataset: {\n    source: [\n      ['id', 'x', 'y', 'label'],\n      ['id-near-one', 50, 50, 'near-one'],\n      ['id-near-two', 50.2, 50.1, 'near-two'],\n      ['id-same-spot', 50, 50, 'same-spot'],\n      ['id-far-away', 95, 95, 'far-away'],\n      ['id-origin', 5, 5, 'origin'],\n    ],\n  },\n  legend: {\n    isVisible: true,\n  },\n  series: [\n    {\n      color: 'rgb(93,207,216)',\n      encode: {\n        tooltip: 'label',\n        // oxlint-disable-next-line id-length\n        x: 'x',\n        // oxlint-disable-next-line id-length\n        y: 'y',\n      },\n      name: 'Measurements',\n      type: 'scatter' as const,\n    },\n  ],\n  xAxis: {\n    name: 'Duration',\n    type: 'value' as const,\n  },\n  yAxis: {\n    name: 'Latency',\n    type: 'value' as const,\n  },\n};\n\nexport const overlappingScatterChart = ({\n  width = '100%',\n  height = '400px',\n}: {\n  width?: string;\n  height?: string;\n} = {}) => (\n  <div style={{ height, width }}>\n    <Chart {...overlappingScatterChartProps} />\n  </div>\n);\n\nexport const multiSeriesChartProps = {\n  dataset: {\n    dimensions: ['day', 'first', 'second', 'third', 'fourth', 'fifth', 'sixth'],\n    source: [\n      ['Monday', 20, 40, 60, 80, 100, 120],\n      ['Tuesday', 30, 50, 70, 90, 110, 130],\n      ['Wednesday', 25, 45, 65, 85, 105, 125],\n      ['Thursday', 35, 55, 75, 95, 115, 135],\n      ['Friday', 40, 60, 80, 100, 120, 140],\n    ],\n  },\n  legend: {\n    isVisible: true,\n  },\n  option: {},\n  series: [\n    {\n      // E-Charts uses encode.x and encode.y - https://echarts.apache.org/en/option.html#series-line.encode\n      // oxlint-disable-next-line id-length\n      encode: { x: 'day', y: 'first' },\n      name: 'First Series',\n      type: 'line' as const,\n    },\n    {\n      // E-Charts uses encode.x and encode.y - https://echarts.apache.org/en/option.html#series-line.encode\n      // oxlint-disable-next-line id-length\n      encode: { x: 'day', y: 'second' },\n      name: 'Second Series',\n      type: 'line' as const,\n    },\n    {\n      // E-Charts uses encode.x and encode.y - https://echarts.apache.org/en/option.html#series-line.encode\n      // oxlint-disable-next-line id-length\n      encode: { x: 'day', y: 'third' },\n      name: 'Third Series',\n      type: 'line' as const,\n    },\n    {\n      // E-Charts uses encode.x and encode.y - https://echarts.apache.org/en/option.html#series-line.encode\n      // oxlint-disable-next-line id-length\n      encode: { x: 'day', y: 'fourth' },\n      name: 'Fourth Series',\n      type: 'line' as const,\n    },\n    {\n      // E-Charts uses encode.x and encode.y - https://echarts.apache.org/en/option.html#series-line.encode\n      // oxlint-disable-next-line id-length\n      encode: { x: 'day', y: 'fifth' },\n      name: 'Fifth Series',\n      type: 'line' as const,\n    },\n    {\n      // E-Charts uses encode.x and encode.y - https://echarts.apache.org/en/option.html#series-line.encode\n      // oxlint-disable-next-line id-length\n      encode: { x: 'day', y: 'sixth' },\n      name: 'Sixth Series',\n      type: 'line' as const,\n    },\n  ],\n  xAxis: {\n    type: 'category' as const,\n  },\n  yAxis: {\n    type: 'value' as const,\n  },\n};\n\nexport const multiSeriesChart = ({\n  chartProps,\n  width = '100%',\n  height = '400px',\n}: {\n  chartProps?: Partial<ComponentProps<typeof Chart>>;\n  width?: string;\n  height?: string;\n}) => (\n  <div style={{ height, width }} className=\"ndl-chart\">\n    <Chart {...multiSeriesChartProps} {...chartProps} />\n  </div>\n);\n\nexport const pieChartWithTooltipFormatter = ({\n  seriesName,\n  value,\n  rgbSeriesColor,\n  chartProps,\n  width = '100%',\n  height = '400px',\n}: {\n  chartProps?: Partial<ComponentProps<typeof Chart>>;\n  width?: string;\n  height?: string;\n  seriesName: string;\n  value: number;\n  rgbSeriesColor: string;\n}) => (\n  <div style={{ height, width }}>\n    <ChartWrapperWithTooltipFormatter\n      {...pieChartProps(seriesName, value, rgbSeriesColor)}\n      {...chartProps}\n    />\n  </div>\n);\n\nexport const barChartWithTooltipFormatter = ({\n  seriesName,\n  value,\n  rgbSeriesColor,\n  chartProps,\n  width = '100%',\n  height = '400px',\n}: {\n  chartProps?: Partial<ComponentProps<typeof Chart>>;\n  width?: string;\n  height?: string;\n  seriesName: string;\n  value: number;\n  rgbSeriesColor: string;\n}) => (\n  <div style={{ height, width }}>\n    <ChartWrapperWithTooltipFormatter\n      {...barChartProps(seriesName, value, rgbSeriesColor)}\n      {...chartProps}\n    />\n  </div>\n);\n\nexport const scatterChartWithTooltipFormatter = ({\n  seriesName,\n  // oxlint-disable-next-line id-length\n  x,\n  // oxlint-disable-next-line id-length\n  y,\n  rgbSeriesColor,\n  tooltipTitle = 'point-a',\n  chartProps,\n  width = '100%',\n  height = '400px',\n}: {\n  chartProps?: Partial<ComponentProps<typeof Chart>>;\n  width?: string;\n  height?: string;\n  seriesName: string;\n  tooltipTitle?: string;\n  // oxlint-disable-next-line id-length\n  x: number;\n  // oxlint-disable-next-line id-length\n  y: number;\n  rgbSeriesColor: string;\n}) => (\n  <div style={{ height, width }}>\n    <ChartWrapperWithTooltipFormatter\n      {...scatterChartProps(seriesName, x, y, rgbSeriesColor, tooltipTitle)}\n      {...chartProps}\n    />\n  </div>\n);\n\nexport const barChart = ({\n  seriesName,\n  value,\n  rgbSeriesColor,\n  chartProps,\n  width = '100%',\n  height = '400px',\n}: {\n  chartProps?: Partial<ComponentProps<typeof Chart>>;\n  width?: string;\n  height?: string;\n  seriesName: string;\n  value: number;\n  rgbSeriesColor: string;\n}) => (\n  <div style={{ height, width }}>\n    <Chart\n      {...barChartProps(seriesName, value, rgbSeriesColor)}\n      {...chartProps}\n    />\n  </div>\n);\n\nexport const expectChartElementVisible = async (page: Page) => {\n  await expect(page.locator('svg').first()).toBeVisible();\n  await expect(page.locator('.ndl-chart-legend')).toBeVisible();\n};\n\nexport const startLegendMeasuringObserver = async (\n  page: Page,\n  options: { chartLayoutSelector?: string } = {},\n) => {\n  await page.evaluate(({ chartLayoutSelector }) => {\n    const windowWithLegendObserver = window as Window & {\n      __chartHeightDuringLegendMeasurement?: number;\n      // eslint-disable-next-line @typescript-eslint/naming-convention\n      __legendMeasuringClassWasAdded?: boolean;\n      __legendMeasuringObserver?: MutationObserver;\n    };\n    const legendElement = document.querySelector('.ndl-chart-legend');\n    const chartLayout = chartLayoutSelector\n      ? document.querySelector(chartLayoutSelector)\n      : undefined;\n\n    windowWithLegendObserver.__chartHeightDuringLegendMeasurement = undefined;\n    windowWithLegendObserver.__legendMeasuringClassWasAdded = false;\n    windowWithLegendObserver.__legendMeasuringObserver?.disconnect();\n\n    if (!legendElement) {\n      return;\n    }\n\n    const observer = new MutationObserver(() => {\n      if (!legendElement.classList.contains('ndl-chart-legend-calculating')) {\n        return;\n      }\n\n      windowWithLegendObserver.__legendMeasuringClassWasAdded = true;\n\n      if (\n        chartLayout &&\n        windowWithLegendObserver.__chartHeightDuringLegendMeasurement ===\n          undefined\n      ) {\n        windowWithLegendObserver.__chartHeightDuringLegendMeasurement =\n          chartLayout.getBoundingClientRect().height;\n      }\n    });\n\n    observer.observe(legendElement, {\n      attributeFilter: ['class'],\n      attributes: true,\n    });\n    windowWithLegendObserver.__legendMeasuringObserver = observer;\n  }, options);\n};\n\nexport const getLegendMeasuringObserverResult = async (page: Page) =>\n  page.evaluate(() => {\n    const windowWithLegendObserver = window as Window & {\n      __chartHeightDuringLegendMeasurement?: number;\n      // eslint-disable-next-line @typescript-eslint/naming-convention\n      __legendMeasuringClassWasAdded?: boolean;\n      __legendMeasuringObserver?: MutationObserver;\n    };\n\n    windowWithLegendObserver.__legendMeasuringObserver?.disconnect();\n\n    return {\n      chartHeightDuringMeasurement:\n        windowWithLegendObserver.__chartHeightDuringLegendMeasurement,\n      didAddMeasuringClass:\n        windowWithLegendObserver.__legendMeasuringClassWasAdded ?? false,\n    };\n  });\n\nconst SELECTORS = {\n  CHECKMARK:\n    '.ndl-chart-legend > .ndl-chart-legend-item .ndl-chart-legend-item-square-checkmark',\n  DESELECTED: '.ndl-chart-legend > .ndl-chart-legend-item-deselected',\n  seriesCheckmark: (name: string) =>\n    `.ndl-chart-legend > [data-labelname=\"${name}\"] .ndl-chart-legend-item-square-checkmark`,\n  seriesDeselected: (name: string) =>\n    `.ndl-chart-legend > [data-labelname=\"${name}\"].ndl-chart-legend-item-deselected`,\n} as const;\n\nconst getGraphPaletteColorFromSeriesIndex = (index: string): string => {\n  const hexColor = tokens.categorical[index as keyof typeof tokens.categorical];\n  if (!hexColor) {\n    throw new Error(`Categorical palette index ${index} not found`);\n  }\n\n  return hexColor;\n};\n\n/**\n * Checks so a single series is not blurred.\n */\nexport const expectSingleSeriesNotToBeBlurred = async (\n  page: Page,\n  seriesName: string,\n) => {\n  const allChartSeries = multiSeriesChartProps.series;\n\n  const seriesIndex =\n    allChartSeries.findIndex((seriesItem) => seriesItem.name === seriesName) +\n    1;\n\n  const rgbSeriesColor = chartColorsAfterHighlighting[seriesIndex];\n  const hexSeriesColor = getGraphPaletteColorFromSeriesIndex(\n    seriesIndex.toString(),\n  );\n\n  // More flexible color matching - try both with and without spaces\n  const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n  const hexRgb = convertHexToRGB(hexSeriesColor);\n  const rgbWithoutSpaces = hexRgb.replace(/, /g, ',');\n\n  const pathLocator = page\n    .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n    .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`))\n    .or(page.locator(`path[stroke=\"${hexSeriesColor}\"]`))\n    .or(page.locator(`path[stroke=\"${convertHexToRGB(hexSeriesColor)}\"]`))\n    .or(page.locator(`path[stroke=\"${rgbWithoutSpaces}\"]`));\n\n  // Wait for the element to be attached to the DOM before checking its attributes\n  await expect(pathLocator).toBeAttached({ timeout: 10000 });\n  await expect(pathLocator).not.toHaveAttribute('stroke-opacity');\n};\n\n/**\n * Checks so that the seriesNamesToBeHighlighted are visible in the chart and that other series are blurred.\n */\nexport const expectLegendSeriesToBeHighlightedInChart = async (\n  page: Page,\n  seriesNamesToBeHighlighted: string[],\n) => {\n  const allChartSeries = multiSeriesChartProps.series;\n\n  for (const name of seriesNamesToBeHighlighted) {\n    const highlightedSeriesIndex =\n      allChartSeries.findIndex((seriesItem) => seriesItem.name === name) + 1;\n\n    const rgbSeriesColor = chartColorsAfterHighlighting[highlightedSeriesIndex];\n    const hexSeriesColor = getGraphPaletteColorFromSeriesIndex(\n      highlightedSeriesIndex.toString(),\n    );\n\n    const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n    const hexRgb = convertHexToRGB(hexSeriesColor);\n    const rgbWithoutSpaces = hexRgb.replace(/, /g, ',');\n\n    const pathLocator = page\n      .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n      .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`))\n      .or(page.locator(`path[stroke=\"${hexSeriesColor}\"]`))\n      .or(page.locator(`path[stroke=\"${convertHexToRGB(hexSeriesColor)}\"]`))\n      .or(page.locator(`path[stroke=\"${rgbWithoutSpaces}\"]`));\n\n    await expect(pathLocator).not.toHaveAttribute('stroke-opacity');\n  }\n\n  const seriesToBeBlurred = allChartSeries.filter(\n    (series) => !seriesNamesToBeHighlighted.includes(series.name),\n  );\n\n  for (const series of seriesToBeBlurred) {\n    const blurredSeriesIndex =\n      allChartSeries.findIndex(\n        (seriesItem) => seriesItem.name === series.name,\n      ) + 1;\n\n    const rgbSeriesColor = chartColorsAfterHighlighting[blurredSeriesIndex];\n    const hexSeriesColor = getGraphPaletteColorFromSeriesIndex(\n      blurredSeriesIndex.toString(),\n    );\n\n    const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n    const hexRgb = convertHexToRGB(hexSeriesColor);\n    const rgbWithoutSpaces = hexRgb.replace(/, /g, ',');\n\n    const pathLocator = page\n      .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n      .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`))\n      .or(page.locator(`path[stroke=\"${hexSeriesColor}\"]`))\n      .or(page.locator(`path[stroke=\"${convertHexToRGB(hexSeriesColor)}\"]`))\n      .or(page.locator(`path[stroke=\"${rgbWithoutSpaces}\"]`));\n\n    await expect(pathLocator).toHaveAttribute('stroke-opacity');\n  }\n};\n\n/**\n * Identifies if the series are visible / not visible in the chart by checking\n * component-owned legend state. ECharts rewrites generated SVG paths during\n * legend updates, which makes exact path color selectors flaky in Firefox.\n */\nexport const expectLegendSeriesToBeVisibleInChart = async (\n  page: Page,\n  seriesNamesToBeVisible: string[],\n) => {\n  await expect(page.locator('svg path').first()).toBeAttached();\n\n  for (const name of seriesNamesToBeVisible) {\n    const visibleLegendItem = page.locator(\n      `.ndl-chart-legend > [data-labelname=\"${name}\"]`,\n    );\n\n    if ((await visibleLegendItem.count()) > 0) {\n      await expect(visibleLegendItem).not.toHaveClass(\n        /ndl-chart-legend-item-deselected/,\n      );\n    }\n  }\n\n  const hiddenSeries = multiSeriesChartProps.series.filter(\n    (series) => !seriesNamesToBeVisible.includes(series.name),\n  );\n\n  for (const hiddenSeriesItem of hiddenSeries) {\n    const hiddenLegendItem = page.locator(\n      SELECTORS.seriesDeselected(hiddenSeriesItem.name),\n    );\n\n    if ((await hiddenLegendItem.count()) > 0) {\n      await expect(hiddenLegendItem).toBeVisible();\n    }\n  }\n};\n\n// Check so legends are selected -> has checkmark and no strike-through classes\nexport const expectLegendsSelected = async (\n  page: Page,\n  seriesNames: string[],\n) => {\n  for (const name of seriesNames) {\n    await expect(page.locator(SELECTORS.seriesCheckmark(name))).toBeVisible();\n    await expect(\n      page.locator(SELECTORS.seriesDeselected(name)),\n    ).not.toBeVisible();\n  }\n};\n\n// Check so legends are deselected -> has strike-through and no checkmark classes\nexport const expectLegendsDeselected = async (\n  page: Page,\n  seriesNames: string[],\n) => {\n  for (const name of seriesNames) {\n    await expect(page.locator(SELECTORS.seriesDeselected(name))).toBeVisible();\n    await expect(\n      page.locator(SELECTORS.seriesCheckmark(name)),\n    ).not.toBeVisible();\n  }\n};\n\n// Check so all legends are neutral -> no checkmark and no strike-through classes\nexport const expectAllLegendsNeutral = async (page: Page) => {\n  await expect(page.locator(SELECTORS.CHECKMARK)).not.toBeVisible();\n  await expect(page.locator(SELECTORS.DESELECTED)).not.toBeVisible();\n};\n\n/**\n * Clicks the series legend item and hover the chart to make sure no blur effect exists on other series in the chart.\n * This is needed to make sure the series has the correct color when looking for them in the chart in later steps.\n */\nexport const clickSeries = async (page: Page, seriesName: string) => {\n  await page\n    .locator(`.ndl-chart-legend > [data-labelname=\"${seriesName}\"]`)\n    .click();\n  await page.hover('.ndl-chart');\n};\n\nexport const expectFormattedTooltipToBeVisible = async (\n  page: Page,\n  seriesName: string,\n  value: number,\n  rgbSeriesColor: string,\n) => {\n  const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n\n  await expect(\n    page\n      .locator(`path[fill=\"${rgbSeriesColor}\"]`)\n      .or(page.locator(`fill[stroke=\"${rgbWithSpaces}\"]`)),\n  ).toBeVisible();\n  await page\n    .locator(`path[fill=\"${rgbSeriesColor}\"]`)\n    .or(page.locator(`fill[stroke=\"${rgbWithSpaces}\"]`))\n    .hover();\n  const tooltip = page.getByText(`${seriesName}formatted ${value}`);\n  await expect(tooltip).toBeVisible();\n};\n\n/**\n * Scatter points are rings, so the series color is the stroke. The fill is the\n * theme surface color until hover paints it.\n */\nexport const scatterPointLocator = (page: Page, rgbSeriesColor: string) => {\n  const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n\n  return page\n    .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n    .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`));\n};\n\nexport const expectScatterTooltipToBeVisible = async (\n  page: Page,\n  tooltipTitle: string,\n  // oxlint-disable-next-line id-length\n  x: number,\n  // oxlint-disable-next-line id-length\n  y: number,\n  rgbSeriesColor: string,\n) => {\n  const chartElement = scatterPointLocator(page, rgbSeriesColor);\n\n  await expect(chartElement).toBeVisible();\n  await chartElement.hover();\n\n  // Scatter uses an item tooltip: encode.tooltip titles it, then the axis-named\n  // x and y rows follow.\n  const tooltip = page.locator('.ndl-charts-chart-tooltip');\n  await expect(tooltip).toContainText(tooltipTitle);\n  await expect(tooltip).not.toContainText('row-id');\n  await expect(tooltip).toContainText(`Duration`);\n  await expect(tooltip).toContainText(`formatted ${x}`);\n  await expect(tooltip).toContainText(`Latency`);\n  await expect(tooltip).toContainText(`formatted ${y}`);\n\n  // The point color belongs to the title row only, so the rows below it do not\n  // repeat the swatch.\n  await expect(\n    tooltip.locator('.ndl-charts-chart-tooltip-title-indent-square'),\n  ).toHaveCount(1);\n  await expect(\n    tooltip.locator('.ndl-charts-chart-tooltip-content-indent-square'),\n  ).toHaveCount(0);\n};\n\nexport const expectDefaultFormattedTooltipToBeVisible = async (\n  page: Page,\n  seriesName: string,\n  value: number,\n  rgbSeriesColor: string,\n) => {\n  const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n\n  const chartElement = page\n    .locator(`path[fill=\"${rgbSeriesColor}\"]`)\n    .or(page.locator(`path[fill=\"${rgbWithSpaces}\"]`));\n\n  await expect(chartElement).toBeVisible();\n  await chartElement.hover();\n\n  const tooltip = page.locator('.ndl-charts-chart-tooltip');\n  await expect(tooltip).toContainText(seriesName);\n  await expect(tooltip).toContainText(\n    new Intl.NumberFormat('en-US').format(value),\n  );\n};\n\nexport const waitForAnimationEnd = (page: Page, selector: string) => {\n  return page\n    .locator(selector)\n    .evaluate((element) =>\n      Promise.all(\n        element.getAnimations().map((animation) => animation.finished),\n      ),\n    );\n};\n"]}

package/lib/cjs/charts/utils/chart-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-types.js","sourceRoot":"","sources":["../../../../src/charts/utils/chart-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\nimport {\n  type EChartsOption,\n  type LineSeriesOption,\n  type RegisteredSeriesOption,\n  type SetOptionOpts,\n} from 'echarts';\n\nexport type HexColor = `#${string}`;\n\nexport type Condition =\n  | 'greater'\n  | 'greaterOrEqual'\n  | 'less'\n  | 'lessOrEqual'\n  | 'equal'\n  | 'notEqual';\n\nexport type Values<T> = T[keyof T];\nexport type SeriesOption = Values<RegisteredSeriesOption>;\n\nexport type EchartsSeries = SeriesOption | SeriesOption[];\n\ntype CustomCondition = (\n  lineValue: unknown,\n  thresholdLineValue: unknown,\n) => boolean;\n\nexport interface ThresholdLineSeriesOption<\n  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\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\nexport interface 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    // TODO v5: fix boolean naming convention\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    show?: boolean;\n    // TODO v5: remove this prop\n    /** @deprecated No longer has any effect since wrapping is now automatic, will be removed in v 5 */\n    wrappingType?: 'wrapping' | 'truncation' | 'overflow';\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?: React.CSSProperties;\n  /**\n   * Settings for how ECharts should update the chart. Defaults to replacing the\n   * components the chart owns (`series`, `dataset`, axes, and similar) while\n   * merging the rest, which drops data that disappeared without discarding the\n   * ECharts components behind zoom interactions. Passing `notMerge: true`\n   * re-creates those components on every update and breaks drag-to-zoom.\n   */\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  /** Whether the zoom in the chart is disabled */\n  isChartZoomDisabled?: boolean;\n  /** Custom color palette that overrides the default categorical colors. */\n  palette?: HexColor[];\n}\n\nexport interface ChartEmptyProps {\n  /** A text displayed to the user when the chart is empty. */\n  message?: React.ReactNode;\n  /** The type of chart. This is used to render the appropriate icon. */\n  type?: 'line' | 'pie' | 'bar';\n  /** Optional element (preferably a TextButton) that should provide the user with an action. */\n  action?: React.ReactNode;\n}\n\n/**\n * Chart tooltip\n */\n\nexport interface ChartTooltipProps {\n  children: React.ReactNode;\n  className?: string;\n  isOpen?: boolean;\n  style?: React.CSSProperties;\n  anchorPosition?: {\n    // TODO v5: create componentProps type for this\n    // oxlint-disable-next-line id-length\n    x: number;\n    // TODO v5: create componentProps type for this\n    // oxlint-disable-next-line id-length\n    y: number;\n  };\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nexport type NotificationType = 'warning' | 'danger';\n\nexport type Notification = {\n  leadingElement: React.ReactNode;\n  trailingElement: React.ReactNode;\n  notificationType: NotificationType;\n  id: string;\n};\n\nexport type ChartTooltipContentProps = {\n  leadingElement?: React.ReactNode;\n  trailingElement?: React.ReactNode;\n  indentSquareColor?: string;\n  notifications?: Notification[];\n  ref?: React.Ref<HTMLDivElement>;\n};\n\n/**\n * Legend\n */\nexport interface LegendItemProps {\n  name: string;\n  children: React.ReactNode;\n  as?: 'button' | 'div';\n  className?: string;\n  color?: string;\n  // TODO v5: fix boolean naming convention\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  selected?: boolean;\n  // TODO v5: fix boolean naming convention\n  // eslint-disable-next-line @typescript-eslint/naming-convention\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\nexport type LegendProps = {\n  series: {\n    name: string;\n    color: string;\n  }[];\n  ref?: React.Ref<HTMLDivElement>;\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"]}
+{"version":3,"file":"chart-types.js","sourceRoot":"","sources":["../../../../src/charts/utils/chart-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\nimport {\n  type EChartsOption,\n  type LineSeriesOption,\n  type RegisteredSeriesOption,\n  type SetOptionOpts,\n} from 'echarts';\n\nexport type HexColor = `#${string}`;\n\nexport type Condition =\n  | 'greater'\n  | 'greaterOrEqual'\n  | 'less'\n  | 'lessOrEqual'\n  | 'equal'\n  | 'notEqual';\n\nexport type Values<T> = T[keyof T];\nexport type SeriesOption = Values<RegisteredSeriesOption>;\n\nexport type EchartsSeries = SeriesOption | SeriesOption[];\n\ntype CustomCondition = (\n  lineValue: unknown,\n  thresholdLineValue: unknown,\n) => boolean;\n\nexport interface ThresholdLineSeriesOption<\n  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\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\nexport interface 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    /** Whether the legend is visible. */\n    isVisible?: boolean;\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?: React.CSSProperties;\n  /**\n   * Settings for how ECharts should update the chart. Defaults to replacing the\n   * components the chart owns (`series`, `dataset`, axes, and similar) while\n   * merging the rest, which drops data that disappeared without discarding the\n   * ECharts components behind zoom interactions. Passing `notMerge: true`\n   * re-creates those components on every update and breaks drag-to-zoom.\n   */\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  /** Whether the zoom in the chart is disabled */\n  isChartZoomDisabled?: boolean;\n  /** Custom color palette that overrides the default categorical colors. */\n  palette?: HexColor[];\n}\n\nexport interface ChartEmptyProps {\n  /** A text displayed to the user when the chart is empty. */\n  message?: React.ReactNode;\n  /** The type of chart. This is used to render the appropriate icon. */\n  type?: 'line' | 'pie' | 'bar';\n  /** Optional element (preferably a TextButton) that should provide the user with an action. */\n  action?: React.ReactNode;\n}\n\n/**\n * Chart tooltip\n */\n\n/**\n * Client coordinates used to anchor a floating element at a fixed point (e.g.\n * the cursor position), instead of at an anchor element.\n */\ntype AnchorPosition = {\n  // oxlint-disable-next-line id-length\n  x: number;\n  // oxlint-disable-next-line id-length\n  y: number;\n};\n\nexport interface ChartTooltipProps {\n  children: React.ReactNode;\n  className?: string;\n  isOpen?: boolean;\n  style?: React.CSSProperties;\n  anchorPosition?: AnchorPosition;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nexport type NotificationType = 'warning' | 'danger';\n\nexport type Notification = {\n  leadingElement: React.ReactNode;\n  trailingElement: React.ReactNode;\n  notificationType: NotificationType;\n  id: string;\n};\n\nexport type ChartTooltipContentProps = {\n  leadingElement?: React.ReactNode;\n  trailingElement?: React.ReactNode;\n  indentSquareColor?: string;\n  notifications?: Notification[];\n  ref?: React.Ref<HTMLDivElement>;\n};\n\n/**\n * Legend\n */\nexport interface LegendItemProps {\n  name: string;\n  children: React.ReactNode;\n  as?: 'button' | 'div';\n  className?: string;\n  color?: string;\n  isSelected?: boolean;\n  isDeselected?: boolean;\n  onLegendItemClick?: () => void;\n  hasButtons?: boolean;\n  onLegendItemMouseEnter?: () => void;\n  onLegendItemMouseLeave?: () => void;\n  ref?: React.Ref<HTMLButtonElement> & React.Ref<HTMLDivElement>;\n}\n\nexport type LegendProps = {\n  series: {\n    name: string;\n    color: string;\n  }[];\n  ref?: React.Ref<HTMLDivElement>;\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/esm/charts/Chart.js

@@ -93,18 +93,18 @@ export const Chart = (_a) => {
     var { style, legend } = _a, chartProps = __rest(_a, ["style", "legend"]);
     const [isWaitingForFirstResize, setIsWaitingForFirstResize] = useState(true);
     const [chartOption, setChartOption] = useState();
-    const [isLegendLayoutReady, setIsLegendLayoutReady] = useState(!(legend === null || legend === void 0 ? void 0 : legend.show));
+    const [isLegendLayoutReady, setIsLegendLayoutReady] = useState(!(legend === null || legend === void 0 ? void 0 : legend.isVisible));
     const handleLegendLayoutReady = useCallback(() => {
         setIsLegendLayoutReady(true);
     }, []);
     useEffect(() => {
-        if (!(legend === null || legend === void 0 ? void 0 : legend.show)) {
+        if (!(legend === null || legend === void 0 ? void 0 : legend.isVisible)) {
             setIsLegendLayoutReady(true);
         }
-    }, [legend === null || legend === void 0 ? void 0 : legend.show]);
-    const chartLayoutClassName = (legend === null || legend === void 0 ? void 0 : legend.show) && !isLegendLayoutReady
+    }, [legend === null || legend === void 0 ? void 0 : legend.isVisible]);
+    const chartLayoutClassName = (legend === null || legend === void 0 ? void 0 : legend.isVisible) && !isLegendLayoutReady
         ? 'ndl-chart-layout ndl-chart-layout-hidden'
         : 'ndl-chart-layout';
-    return (_jsx(ChartRefsProvider, { children: _jsxs(ChartContainer, { style: style, children: [_jsx("div", { className: chartLayoutClassName, children: _jsx(ChartRender, Object.assign({}, chartProps, { onChartOptionChange: setChartOption, onFirstResizeChange: setIsWaitingForFirstResize })) }), (legend === null || legend === void 0 ? void 0 : legend.show) && (_jsx(ChartLegend, { chartOption: chartOption, isLayoutReady: isLegendLayoutReady, isWaitingForFirstResize: isWaitingForFirstResize, onLayoutReady: handleLegendLayoutReady }))] }) }));
+    return (_jsx(ChartRefsProvider, { children: _jsxs(ChartContainer, { style: style, children: [_jsx("div", { className: chartLayoutClassName, children: _jsx(ChartRender, Object.assign({}, chartProps, { onChartOptionChange: setChartOption, onFirstResizeChange: setIsWaitingForFirstResize })) }), (legend === null || legend === void 0 ? void 0 : legend.isVisible) && (_jsx(ChartLegend, { chartOption: chartOption, isLayoutReady: isLegendLayoutReady, isWaitingForFirstResize: isWaitingForFirstResize, onLayoutReady: handleLegendLayoutReady }))] }) }));
 };
 //# sourceMappingURL=Chart.js.map

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"]}
+{"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,CAC5D,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAA,CACnB,CAAC;IAEF,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,SAAS,CAAA,EAAE,CAAC;YACvB,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC,CAAC,CAAC;IAExB,MAAM,oBAAoB,GACxB,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,KAAI,CAAC,mBAAmB;QACvC,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,SAAS,KAAI,CACpB,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(\n    !legend?.isVisible,\n  );\n\n  const handleLegendLayoutReady = useCallback(() => {\n    setIsLegendLayoutReady(true);\n  }, []);\n\n  useEffect(() => {\n    if (!legend?.isVisible) {\n      setIsLegendLayoutReady(true);\n    }\n  }, [legend?.isVisible]);\n\n  const chartLayoutClassName =\n    legend?.isVisible && !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?.isVisible && (\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/Legend.js

@@ -62,8 +62,8 @@ export const Legend = (_a) => {
                     const isOnlyVisible = renderedSelectedSeries[(_a = currentSeries.name) !== null && _a !== void 0 ? _a : ''] &&
                         selectedSeriesLength === 1;
                     toggleLegendVisibility(currentSeries.name, isAllSeriesVisible, isOnlyVisible);
-                }, selected: !isAllSeriesVisible &&
-                    renderedSelectedSeries[(_a = currentSeries.name) !== null && _a !== void 0 ? _a : ''], deSelected: currentSeries.name === undefined
+                }, isSelected: !isAllSeriesVisible &&
+                    renderedSelectedSeries[(_a = currentSeries.name) !== null && _a !== void 0 ? _a : ''], isDeselected: currentSeries.name === undefined
                     ? false
                     : !renderedSelectedSeries[currentSeries.name], children: (_b = currentSeries.name) !== null && _b !== void 0 ? _b : `Series ${index}` }, (_c = currentSeries.name) !== null && _c !== void 0 ? _c : index));
         }) })));