@neo4j-ndl/react-charts 1.1.1 → 1.1.3

package/lib/cjs/charts/utils/build-chart-option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-chart-option.js","sourceRoot":"","sources":["../../../../src/charts/utils/build-chart-option.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;AA4BH,8CAQC;AAKD,4CAIC;AAMD,4CA8DC;AA7GD,yDAAsE;AACtE,uEAAuE;AAGvE,2DAAmD;AAiBnD;;GAEG;AACH,SAAgB,iBAAiB,CAC/B,QAAmC;IAEnC,OAAO,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QAC5B,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,cAAuC,EAAE,EAAE;YACxD,OAAO,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,MAAK,QAAQ,CAAC;QAC3C,CAAC,CAAC;QACJ,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,MAAK,QAAQ,CAAC;AAClC,CAAC;AAED;;GAEG;AACH,SAAgB,gBAAgB,CAAC,KAA6B;IAC5D,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QACzB,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC;QAC1C,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,UAAU,CAAC;AACjC,CAAC;AAED;;;GAGG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,WAAW,EACX,MAAM,EACN,cAAc,EACd,cAAc,EACd,UAAU,EACV,KAAK,EACL,KAAK,GACkB;IACvB,MAAM,qBAAqB,GAAG,IAAA,mDAAgC,EAC5D,WAAW,EACX,OAAO,CACR,CAAC;IAEF,uCACK,UAAU,KACb,IAAI,gCACF,KAAK,EAAE;gBACL,IAAI,EAAE,KAAK;aACZ,EACD,OAAO,EAAE,IAAI,IACV,CAAC,qBAAqB,KAAK,SAAS,IAAI;YACzC,KAAK,EAAE,EAAE,WAAW,EAAE,qBAAqB,EAAE;SAC9C,CAAC,GACE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAA8B,GAEhD,QAAQ;QACR,OAAO,EACP,IAAI,kBACF,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACvC,YAAY,EAAE,IAAI,EAClB,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACxC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACzC,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,OAAO,IACT,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAA8B,GAEhD,MAAM,EAAE;YACN,oEAAoE;YACpE,8DAA8D;YAC9D,QAAQ,oBAAO,cAAc,CAAE;YAC/B,IAAI,EAAE,KAAK;SACZ,EACD,MAAM,EACN,OAAO,EAAE,IAAA,gCAAY,EAAC,cAAc,CAAC,EACrC,OAAO,EAAE;YACP,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,CAAC;YACd,OAAO,EAAE,IAAI;YACb,YAAY,EAAE,kDAAkD;YAChE,SAAS,EAAE,IAAA,oDAA0B,EAAC,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC;YACrE,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,MAAM;SAChB,EACD,KAAK;QACL,KAAK,IACL;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 type { DataZoomComponentOption, EChartsOption } from 'echarts';\n\nimport { generateThresholdAriaDescription } from './aria-description';\nimport { createAxisTooltipFormatter } from './chart-tooltip-formatter';\nimport type { ChartProps, EchartsSeries } from './chart-types';\nimport type { NormalizedThresholdLine } from './threshold';\nimport { mergeToolbox } from './user-option-utils';\n\ntype BuildChartOptionParams = {\n  dataZoom: EChartsOption['dataZoom'];\n  dataset: ChartProps['dataset'];\n  hasCategoryXAxis: boolean;\n  hasSliderZoom: boolean;\n  legendSelected: Record<string, boolean>;\n  propsSeries: ChartProps['series'];\n  series: EchartsSeries;\n  thresholdLines: NormalizedThresholdLine[];\n  toolboxOptions: EChartsOption['toolbox'];\n  userOption: ChartProps['option'];\n  xAxis: EChartsOption['xAxis'];\n  yAxis: EChartsOption['yAxis'];\n};\n\n/**\n * Slider zoom needs extra bottom grid space for ECharts' slider control.\n */\nexport function hasSliderDataZoom(\n  dataZoom: EChartsOption['dataZoom'],\n): boolean {\n  return Array.isArray(dataZoom)\n    ? dataZoom.some((dataZoomOption: DataZoomComponentOption) => {\n        return dataZoomOption?.type === 'slider';\n      })\n    : dataZoom?.type === 'slider';\n}\n\n/**\n * Category x-axes use slightly wider grid padding to avoid clipped labels.\n */\nexport function hasCategoryXAxis(xAxis: EChartsOption['xAxis']): boolean {\n  return Array.isArray(xAxis)\n    ? xAxis.some((x) => x.type === 'category')\n    : xAxis?.type === 'category';\n}\n\n/**\n * Builds the ECharts option object from Needle chart props and derived values.\n * Applying the option to an ECharts instance happens in `useChartOption`.\n */\nexport function buildChartOption({\n  dataZoom,\n  dataset,\n  hasCategoryXAxis,\n  hasSliderZoom,\n  legendSelected,\n  propsSeries,\n  series,\n  thresholdLines,\n  toolboxOptions,\n  userOption,\n  xAxis,\n  yAxis,\n}: BuildChartOptionParams): EChartsOption {\n  const customAriaDescription = generateThresholdAriaDescription(\n    propsSeries,\n    dataset,\n  );\n\n  return {\n    ...userOption,\n    aria: {\n      decal: {\n        show: false,\n      },\n      enabled: true,\n      ...(customAriaDescription !== undefined && {\n        label: { description: customAriaDescription },\n      }),\n      ...(userOption?.aria as EChartsOption['aria']),\n    },\n    dataZoom,\n    dataset,\n    grid: {\n      bottom: hasSliderZoom ? '60px' : '10px',\n      containLabel: true,\n      left: hasCategoryXAxis ? '15px' : '10px',\n      right: hasCategoryXAxis ? '15px' : '10px',\n      top: '10px',\n      type: 'solid',\n      ...(userOption?.grid as EChartsOption['grid']),\n    },\n    legend: {\n      // ECharts mutates option.legend.selected internally; callers pass a\n      // copied object so the React ref remains the source of truth.\n      selected: { ...legendSelected },\n      show: false,\n    },\n    series,\n    toolbox: mergeToolbox(toolboxOptions),\n    tooltip: {\n      borderRadius: 0,\n      borderWidth: 0,\n      confine: true,\n      extraCssText: 'box-shadow: none; background-color: transparent;',\n      formatter: createAxisTooltipFormatter({ thresholdLines, userOption }),\n      padding: 0,\n      trigger: 'axis',\n    },\n    xAxis,\n    yAxis,\n  };\n}\n"]}

package/lib/cjs/charts/utils/chart-tooltip-formatter.js

@@ -0,0 +1,86 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTooltipValueFormatter = getTooltipValueFormatter;
+exports.createAxisTooltipFormatter = createAxisTooltipFormatter;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const server_1 = require("react-dom/server");
+const ChartTooltip_1 = require("../ChartTooltip");
+const format_utils_1 = require("./format-utils");
+const threshold_1 = require("./threshold");
+const threshold_2 = require("./threshold");
+function getTooltipValueFormatter(userOption) {
+    if (typeof (userOption === null || userOption === void 0 ? void 0 : userOption.tooltip) === 'object' &&
+        userOption.tooltip !== null &&
+        'valueFormatter' in userOption.tooltip) {
+        return userOption.tooltip.valueFormatter;
+    }
+    return format_utils_1.formatNumberEnUS;
+}
+/**
+ * Builds the ECharts axis-tooltip formatter used by line-like charts.
+ * It renders Needle tooltip markup and augments non-threshold series with
+ * threshold notifications when their current value crosses a threshold line.
+ */
+function createAxisTooltipFormatter({ thresholdLines, userOption, }) {
+    const valueFormatter = getTooltipValueFormatter(userOption);
+    return function axisTooltipFormatter(params) {
+        var _a;
+        const paramsArray = Array.isArray(params) ? params : [params];
+        const firstParam = paramsArray[0];
+        return `${(0, server_1.renderToString)((0, jsx_runtime_1.jsxs)("span", { className: "ndl-charts-chart-tooltip", children: [(0, jsx_runtime_1.jsx)(ChartTooltip_1.ChartTooltip.Title, { children: (_a = firstParam === null || firstParam === void 0 ? void 0 : firstParam.axisValueLabel) !== null && _a !== void 0 ? _a : '' }), paramsArray.map((series) => {
+                    const value = (0, format_utils_1.extractValueFromTooltipSeries)(series.value, series.encode, series.axisDim);
+                    const seriesValue = typeof value === 'number' ? value : Number(value);
+                    const isSeriesThresholdLine = (0, threshold_2.isThresholdLine)(series.seriesName);
+                    const notifications = thresholdLines.flatMap((threshold) => {
+                        if (isSeriesThresholdLine || Number.isNaN(seriesValue)) {
+                            return [];
+                        }
+                        const { notificationType, value: thresholdValue, condition, customConditionText, customCondition, } = threshold;
+                        const conditionEvaluation = customCondition
+                            ? {
+                                conditionText: customConditionText,
+                                isConditionMet: customCondition(seriesValue, thresholdValue),
+                            }
+                            : (0, threshold_1.evaluateThresholdCondition)(seriesValue, condition, thresholdValue);
+                        if (!conditionEvaluation.isConditionMet) {
+                            return [];
+                        }
+                        return [
+                            {
+                                id: `threshold-${notificationType}`,
+                                leadingElement: customCondition
+                                    ? conditionEvaluation.conditionText
+                                    : `${conditionEvaluation.conditionText} threshold`,
+                                notificationType,
+                                trailingElement: valueFormatter(thresholdValue),
+                            },
+                        ];
+                    });
+                    return ((0, jsx_runtime_1.jsx)(ChartTooltip_1.ChartTooltip.Content, { leadingElement: isSeriesThresholdLine
+                            ? `${(0, format_utils_1.capitalizeFirstLetter)((0, threshold_2.getThresholdLineDisplayName)(series.seriesName))} threshold`
+                            : series.seriesName, trailingElement: valueFormatter(value), indentSquareColor: series.color, notifications: notifications }, series.seriesName));
+                })] }))}`;
+    };
+}
+//# sourceMappingURL=chart-tooltip-formatter.js.map

package/lib/cjs/charts/utils/chart-tooltip-formatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-tooltip-formatter.js","sourceRoot":"","sources":["../../../../src/charts/utils/chart-tooltip-formatter.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 type React from 'react';\nimport { renderToString } from 'react-dom/server';\n\nimport { ChartTooltip } from '../ChartTooltip';\nimport type { ChartProps } from './chart-types';\nimport {\n  capitalizeFirstLetter,\n  extractValueFromTooltipSeries,\n  formatNumberEnUS,\n} from './format-utils';\nimport { evaluateThresholdCondition } from './threshold';\nimport {\n  getThresholdLineDisplayName,\n  isThresholdLine,\n  type NormalizedThresholdLine,\n} from './threshold';\n\ntype TooltipValueFormatter = (value: unknown) => React.ReactNode;\n\nexport function getTooltipValueFormatter(\n  userOption: ChartProps['option'],\n): TooltipValueFormatter {\n  if (\n    typeof userOption?.tooltip === 'object' &&\n    userOption.tooltip !== null &&\n    'valueFormatter' in userOption.tooltip\n  ) {\n    return userOption.tooltip.valueFormatter as TooltipValueFormatter;\n  }\n\n  return formatNumberEnUS as TooltipValueFormatter;\n}\n\ntype CreateAxisTooltipFormatterParams = {\n  thresholdLines: NormalizedThresholdLine[];\n  userOption: ChartProps['option'];\n};\n\n/**\n * Builds the ECharts axis-tooltip formatter used by line-like charts.\n * It renders Needle tooltip markup and augments non-threshold series with\n * threshold notifications when their current value crosses a threshold line.\n */\nexport function createAxisTooltipFormatter({\n  thresholdLines,\n  userOption,\n}: CreateAxisTooltipFormatterParams) {\n  const valueFormatter = getTooltipValueFormatter(userOption);\n\n  return function axisTooltipFormatter(params: unknown) {\n    const paramsArray = Array.isArray(params) ? params : [params];\n    const firstParam = paramsArray[0];\n\n    return `${renderToString(\n      <span className=\"ndl-charts-chart-tooltip\">\n        <ChartTooltip.Title>\n          {firstParam?.axisValueLabel ?? ''}\n        </ChartTooltip.Title>\n        {paramsArray.map((series) => {\n          const value = extractValueFromTooltipSeries(\n            series.value,\n            series.encode,\n            series.axisDim,\n          );\n\n          const seriesValue = typeof value === 'number' ? value : Number(value);\n\n          const isSeriesThresholdLine = isThresholdLine(series.seriesName);\n\n          const notifications = thresholdLines.flatMap((threshold) => {\n            if (isSeriesThresholdLine || Number.isNaN(seriesValue)) {\n              return [];\n            }\n\n            const {\n              notificationType,\n              value: thresholdValue,\n              condition,\n              customConditionText,\n              customCondition,\n            } = threshold;\n            const conditionEvaluation = customCondition\n              ? {\n                  conditionText: customConditionText,\n                  isConditionMet: customCondition(seriesValue, thresholdValue),\n                }\n              : evaluateThresholdCondition(\n                  seriesValue,\n                  condition,\n                  thresholdValue,\n                );\n\n            if (!conditionEvaluation.isConditionMet) {\n              return [];\n            }\n\n            return [\n              {\n                id: `threshold-${notificationType}`,\n                leadingElement: customCondition\n                  ? conditionEvaluation.conditionText\n                  : `${conditionEvaluation.conditionText} threshold`,\n                notificationType,\n                trailingElement: valueFormatter(thresholdValue),\n              },\n            ];\n          });\n\n          return (\n            <ChartTooltip.Content\n              key={series.seriesName}\n              leadingElement={\n                isSeriesThresholdLine\n                  ? `${capitalizeFirstLetter(\n                      getThresholdLineDisplayName(series.seriesName),\n                    )} threshold`\n                  : series.seriesName\n              }\n              trailingElement={valueFormatter(value)}\n              indentSquareColor={series.color}\n              notifications={notifications}\n            />\n          );\n        })}\n      </span>,\n    )}`;\n  };\n}\n"]}

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

@@ -0,0 +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    show?: boolean;\n    // TODO v5: remove this prop\n    /** @deprecated Does not do anything since the 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  /** Settings for how ECharts should update the chart. */\n  settings?: SetOptionOpts;\n  /** Whether the chart is in a loading state. */\n  isLoading?: boolean;\n  /** Callback functions for chart interactions. */\n  callbacks?: {\n    onZoom?: (params: { startValue: number; endValue: number }) => void;\n  };\n  /** Data zoom configuration for the chart. */\n  dataZoom?: EChartsOption['dataZoom'];\n  /** 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    x: number;\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  selected?: boolean;\n  deSelected?: boolean;\n  onLegendItemClick?: () => void;\n  hasButtons?: boolean;\n  onLegendItemMouseEnter?: () => void;\n  onLegendItemMouseLeave?: () => void;\n  ref?: React.Ref<HTMLButtonElement> & React.Ref<HTMLDivElement>;\n}\n\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/cjs/charts/utils/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/charts/utils/defaults.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAIH,MAAM,gCAAgC,GAElC;IACF,SAAS,EAAE,SAAS;CACrB,CAAC;AAEO,4EAAgC","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 { Condition } from './chart-types';\n\nconst defaultThresholdLineSeriesOption: {\n  condition: Condition;\n} = {\n  condition: 'greater',\n};\n\nexport { defaultThresholdLineSeriesOption };\n"]}

package/lib/cjs/charts/{utils.js → utils/format-utils.js}

@@ -1,6 +1,4 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatNumberEnUS = exports.extractValueFromTooltipSeries = exports.useThrottle = exports.capitalizeFirstLetter = void 0;
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -21,22 +19,8 @@ exports.formatNumberEnUS = exports.extractValueFromTooltipSeries = exports.useTh
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-const react_1 = require("react");
-// oxlint-disable-next-line @typescript-eslint/no-explicit-any
-const useThrottle = (callback, limit) => {
-    const lastCallRef = (0, react_1.useRef)(0);
-    const throttledCallback = (0, react_1.useCallback)(
-    // oxlint-disable-next-line @typescript-eslint/no-explicit-any
-    (...args) => {
-        const now = Date.now();
-        if (now - lastCallRef.current >= limit) {
-            lastCallRef.current = now;
-            callback(...args);
-        }
-    }, [callback, limit]);
-    return throttledCallback;
-};
-exports.useThrottle = useThrottle;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatNumberEnUS = exports.extractValueFromTooltipSeries = exports.capitalizeFirstLetter = void 0;
 const capitalizeFirstLetter = (str) => {
     if (!str) {
         return str;
@@ -77,4 +61,4 @@ axisDim = 'x') => {
     return (_b = value[seriesValueIdx]) !== null && _b !== void 0 ? _b : value;
 };
 exports.extractValueFromTooltipSeries = extractValueFromTooltipSeries;
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=format-utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format-utils.js","sourceRoot":"","sources":["../../../../src/charts/utils/format-utils.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH,MAAM,qBAAqB,GAAG,CAAC,GAAW,EAAE,EAAE;IAC5C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,GAAG,CAAC;IACb,CAAC;IACD,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AACxD,CAAC,CAAC;AA8CA,sDAAqB;AA5CvB,MAAM,mBAAmB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAE3D;;;GAGG;AACH,MAAM,gBAAgB,GAAG,CAAI,KAAQ,EAAc,EAAE;IACnD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5E,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAkCA,4CAAgB;AAhClB;;;;GAIG;AACH,MAAM,6BAA6B,GAAG,CACpC,KAA4C,EAC5C,MAGC;AACD,yCAAyC;AACzC,UAAqD,GAAG,EACxD,EAAE;;IACF,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,6DAA6D;IAC7D,4FAA4F;IAC5F,MAAM,iBAAiB,GAAG,OAAO,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,CAAC,mCAAI,CAAC,CAAC,CAAC;IAEzE,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC;QACrD,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;QACtB,CAAC,CAAC,iBAAiB,CAAC;IAEtB,OAAO,MAAA,KAAK,CAAC,cAAc,CAAC,mCAAI,KAAK,CAAC;AACxC,CAAC,CAAC;AAIA,sEAA6B","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\nconst capitalizeFirstLetter = (str: string) => {\n  if (!str) {\n    return str;\n  }\n  return str.charAt(0).toUpperCase() + str.substring(1);\n};\n\nconst enUSNumberFormatter = new Intl.NumberFormat('en-US');\n\n/**\n * Formats finite number values with en-US separators and returns all other\n * values unchanged.\n */\nconst formatNumberEnUS = <T>(value: T): string | T => {\n  if (typeof value === 'number') {\n    return Number.isFinite(value) ? enUSNumberFormatter.format(value) : value;\n  }\n\n  return value;\n};\n\n/**\n * Extract the tooltip value from the series depending on the axisDim and encode properties\n * If the value is a single value, return it as it is\n * If the encode property does not exist fallback to 1\n */\nconst extractValueFromTooltipSeries = (\n  value: string | number | (number | string)[],\n  encode: {\n    x: number | number[];\n    y: number | number[];\n  },\n  // We currently only support x and y axes\n  axisDim: 'x' | 'y' | 'angle' | 'radius' | 'single' = 'x',\n) => {\n  if (!Array.isArray(value)) {\n    return value;\n  }\n\n  // The axisDim is the axis that the tooltip was triggered on,\n  // if it was triggered on the x axis the value should be read from the y axis and vice versa\n  const encodeValueToRead = axisDim === 'x' ? encode?.y : (encode?.x ?? 1);\n\n  const seriesValueIdx = Array.isArray(encodeValueToRead)\n    ? encodeValueToRead[0]\n    : encodeValueToRead;\n\n  return value[seriesValueIdx] ?? value;\n};\n\nexport {\n  capitalizeFirstLetter,\n  extractValueFromTooltipSeries,\n  formatNumberEnUS,\n};\n"]}

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

@@ -0,0 +1,65 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCollapsedVisibleItemCount = exports.getItemCountThatFitsRow = exports.getComputedElementWidth = exports.COLLAPSED_LEGEND_MAX_HEIGHT = exports.COLLAPSED_LEGEND_ROWS = void 0;
+exports.COLLAPSED_LEGEND_ROWS = 2;
+exports.COLLAPSED_LEGEND_MAX_HEIGHT = 64;
+/**
+ * Get the computed element width, including both paddings and margins
+ */
+const getComputedElementWidth = (element) => {
+    const elementRect = element.getBoundingClientRect();
+    const elementComputedStyle = window.getComputedStyle(element);
+    const elementMarginLeft = parseFloat(elementComputedStyle.marginLeft);
+    const elementMarginRight = parseFloat(elementComputedStyle.marginRight);
+    return elementRect.width + elementMarginLeft + elementMarginRight;
+};
+exports.getComputedElementWidth = getComputedElementWidth;
+const getItemCountThatFitsRow = (itemWidths, availableWidth, { keepOversizedFirstItem = true } = {}) => {
+    let rowWidth = 0;
+    let count = 0;
+    for (const itemWidth of itemWidths) {
+        if (count === 0 && itemWidth > availableWidth) {
+            return keepOversizedFirstItem ? 1 : 0;
+        }
+        if (rowWidth + itemWidth > availableWidth) {
+            return count;
+        }
+        rowWidth += itemWidth;
+        count += 1;
+    }
+    return count;
+};
+exports.getItemCountThatFitsRow = getItemCountThatFitsRow;
+/**
+ * Calculates how many legend items fit in the two-row collapsed layout.
+ *
+ * The second row reserves space for the "View more" action so that control
+ * remains visible at the end of the collapsed legend.
+ */
+const getCollapsedVisibleItemCount = (itemWidths, availableRowWidth, viewMoreButtonWidth) => {
+    const firstRowItemCount = (0, exports.getItemCountThatFitsRow)(itemWidths, availableRowWidth);
+    const secondRowItemCount = (0, exports.getItemCountThatFitsRow)(itemWidths.slice(firstRowItemCount), availableRowWidth - viewMoreButtonWidth, { keepOversizedFirstItem: false });
+    return firstRowItemCount + secondRowItemCount;
+};
+exports.getCollapsedVisibleItemCount = getCollapsedVisibleItemCount;
+//# sourceMappingURL=legend-layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"legend-layout.js","sourceRoot":"","sources":["../../../../src/charts/utils/legend-layout.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEU,QAAA,qBAAqB,GAAG,CAAC,CAAC;AAC1B,QAAA,2BAA2B,GAAG,EAAE,CAAC;AAE9C;;GAEG;AACI,MAAM,uBAAuB,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC1D,MAAM,WAAW,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IACpD,MAAM,oBAAoB,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9D,MAAM,iBAAiB,GAAG,UAAU,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC;IACtE,MAAM,kBAAkB,GAAG,UAAU,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAExE,OAAO,WAAW,CAAC,KAAK,GAAG,iBAAiB,GAAG,kBAAkB,CAAC;AACpE,CAAC,CAAC;AAPW,QAAA,uBAAuB,2BAOlC;AAEK,MAAM,uBAAuB,GAAG,CACrC,UAAoB,EACpB,cAAsB,EACtB,EAAE,sBAAsB,GAAG,IAAI,EAAE,GAAG,EAAE,EACtC,EAAE;IACF,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,IAAI,KAAK,GAAG,CAAC,CAAC;IAEd,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;QACnC,IAAI,KAAK,KAAK,CAAC,IAAI,SAAS,GAAG,cAAc,EAAE,CAAC;YAC9C,OAAO,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC,CAAC;QAED,IAAI,QAAQ,GAAG,SAAS,GAAG,cAAc,EAAE,CAAC;YAC1C,OAAO,KAAK,CAAC;QACf,CAAC;QAED,QAAQ,IAAI,SAAS,CAAC;QACtB,KAAK,IAAI,CAAC,CAAC;IACb,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAtBW,QAAA,uBAAuB,2BAsBlC;AAEF;;;;;GAKG;AACI,MAAM,4BAA4B,GAAG,CAC1C,UAAoB,EACpB,iBAAyB,EACzB,mBAA2B,EAC3B,EAAE;IACF,MAAM,iBAAiB,GAAG,IAAA,+BAAuB,EAC/C,UAAU,EACV,iBAAiB,CAClB,CAAC;IACF,MAAM,kBAAkB,GAAG,IAAA,+BAAuB,EAChD,UAAU,CAAC,KAAK,CAAC,iBAAiB,CAAC,EACnC,iBAAiB,GAAG,mBAAmB,EACvC,EAAE,sBAAsB,EAAE,KAAK,EAAE,CAClC,CAAC;IAEF,OAAO,iBAAiB,GAAG,kBAAkB,CAAC;AAChD,CAAC,CAAC;AAhBW,QAAA,4BAA4B,gCAgBvC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport const COLLAPSED_LEGEND_ROWS = 2;\nexport const COLLAPSED_LEGEND_MAX_HEIGHT = 64;\n\n/**\n * Get the computed element width, including both paddings and margins\n */\nexport const getComputedElementWidth = (element: Element) => {\n  const elementRect = element.getBoundingClientRect();\n  const elementComputedStyle = window.getComputedStyle(element);\n  const elementMarginLeft = parseFloat(elementComputedStyle.marginLeft);\n  const elementMarginRight = parseFloat(elementComputedStyle.marginRight);\n\n  return elementRect.width + elementMarginLeft + elementMarginRight;\n};\n\nexport const getItemCountThatFitsRow = (\n  itemWidths: number[],\n  availableWidth: number,\n  { keepOversizedFirstItem = true } = {},\n) => {\n  let rowWidth = 0;\n  let count = 0;\n\n  for (const itemWidth of itemWidths) {\n    if (count === 0 && itemWidth > availableWidth) {\n      return keepOversizedFirstItem ? 1 : 0;\n    }\n\n    if (rowWidth + itemWidth > availableWidth) {\n      return count;\n    }\n\n    rowWidth += itemWidth;\n    count += 1;\n  }\n\n  return count;\n};\n\n/**\n * Calculates how many legend items fit in the two-row collapsed layout.\n *\n * The second row reserves space for the \"View more\" action so that control\n * remains visible at the end of the collapsed legend.\n */\nexport const getCollapsedVisibleItemCount = (\n  itemWidths: number[],\n  availableRowWidth: number,\n  viewMoreButtonWidth: number,\n) => {\n  const firstRowItemCount = getItemCountThatFitsRow(\n    itemWidths,\n    availableRowWidth,\n  );\n  const secondRowItemCount = getItemCountThatFitsRow(\n    itemWidths.slice(firstRowItemCount),\n    availableRowWidth - viewMoreButtonWidth,\n    { keepOversizedFirstItem: false },\n  );\n\n  return firstRowItemCount + secondRowItemCount;\n};\n"]}

package/lib/cjs/charts/{legend-utils.js → utils/legend-utils.js}

@@ -20,84 +20,8 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.highlightOrDownplaySeries = exports.getComputedElementWidth = exports.isThresholdLine = exports.useLegendVisibility = exports.resetAllSeriesHighlight = void 0;
+exports.highlightOrDownplaySeries = exports.resetAllSeriesHighlight = void 0;
 const echarts_1 = require("echarts");
-const react_1 = require("react");
-const useLegendVisibility = (chartRef, selectedSeries) => {
-    const setOnlyVisible = (0, react_1.useCallback)((name) => {
-        if (chartRef.current === null) {
-            return;
-        }
-        const chart = (0, echarts_1.getInstanceByDom)(chartRef.current);
-        chart === null || chart === void 0 ? void 0 : chart.dispatchAction({
-            name: name,
-            type: 'legendSelect',
-        });
-        const otherNames = Object.keys(selectedSeries).filter((n) => n !== name);
-        otherNames.forEach((name) => {
-            if (name.startsWith('thresholdLine')) {
-                return;
-            }
-            chart === null || chart === void 0 ? void 0 : chart.dispatchAction({
-                name: name,
-                type: 'legendUnSelect',
-            });
-        });
-    }, [chartRef, selectedSeries]);
-    const setAllVisible = (0, react_1.useCallback)(() => {
-        if (chartRef.current === null) {
-            return;
-        }
-        const chart = (0, echarts_1.getInstanceByDom)(chartRef.current);
-        chart === null || chart === void 0 ? void 0 : chart.dispatchAction({
-            type: 'legendAllSelect',
-        });
-    }, [chartRef]);
-    /**
-     * Toggle the visibility of a legend series
-     *
-     * The toggle logic depends on the current state of the series:
-     * - If only the legend series that was selected is visible: show all series
-     * - If all series are visible: hide all except the series that was selected
-     * - Otherwise: toggle the legend series
-     *
-     * The isOnlyVisible and isAllSeriesSelected states can't be calculated in this
-     * function since different legend types require different logic.
-     */
-    const toggleLegendVisibility = (0, react_1.useCallback)((name, isAllSeriesSelected, isOnlyVisible) => {
-        if (chartRef.current === null || name === undefined) {
-            return;
-        }
-        if (isOnlyVisible) {
-            setAllVisible();
-        }
-        else if (isAllSeriesSelected) {
-            setOnlyVisible(name);
-        }
-        else {
-            const chart = (0, echarts_1.getInstanceByDom)(chartRef.current);
-            chart === null || chart === void 0 ? void 0 : chart.dispatchAction({
-                name: name,
-                type: 'legendToggleSelect',
-            });
-        }
-    }, [chartRef, setOnlyVisible, setAllVisible]);
-    return { setAllVisible, setOnlyVisible, toggleLegendVisibility };
-};
-exports.useLegendVisibility = useLegendVisibility;
-const isThresholdLine = (name) => name === null || name === void 0 ? void 0 : name.startsWith('thresholdLine');
-exports.isThresholdLine = isThresholdLine;
-/**
- * Get the computed element width, including both paddings and margins
- */
-const getComputedElementWidth = (element) => {
-    const elementRect = element.getBoundingClientRect();
-    const elementComputedStyle = window.getComputedStyle(element);
-    const elementMarginLeft = parseFloat(elementComputedStyle.marginLeft);
-    const elementMarginRight = parseFloat(elementComputedStyle.marginRight);
-    return elementRect.width + elementMarginLeft + elementMarginRight;
-};
-exports.getComputedElementWidth = getComputedElementWidth;
 const resetAllSeriesHighlight = (chart) => {
     const option = chart.getOption();
     const seriesList = option.series || [];
@@ -146,7 +70,6 @@ const highlightOrDownplayPieSlices = (chart, currentSeriesToDispatch, action, cu
                 label: {
                     opacity: isDownplay ? 1 : 0.3,
                 },
-                // ...(seriesItem.blur as Record<string, unknown>),
             } }))),
     });
     // The dataIndex that we want to dispatch can be found in the dataset[0] source array, where the first item is the name of the series

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

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

package/lib/cjs/charts/utils/threshold.js

@@ -0,0 +1,114 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getThresholdLineDisplayName = exports.isThresholdLine = void 0;
+exports.normalizeThresholdLines = normalizeThresholdLines;
+exports.evaluateThresholdCondition = evaluateThresholdCondition;
+exports.thresholdConditionToText = thresholdConditionToText;
+const defaults_1 = require("./defaults");
+const isThresholdLine = (name) => name === null || name === void 0 ? void 0 : name.startsWith('thresholdLine');
+exports.isThresholdLine = isThresholdLine;
+const getThresholdLineDisplayName = (name) => name.replace('thresholdLine-', '');
+exports.getThresholdLineDisplayName = getThresholdLineDisplayName;
+/**
+ * Extracts threshold-line series and resolves defaults needed by tooltips.
+ */
+function normalizeThresholdLines(propsSeries) {
+    const seriesArray = Array.isArray(propsSeries) ? propsSeries : [propsSeries];
+    const thresholdLineSeries = seriesArray.filter((currentSeries) => {
+        return currentSeries.type === 'thresholdLine';
+    });
+    return thresholdLineSeries.map((currentThresholdLineSeriesOption) => {
+        var _a;
+        return Object.assign(Object.assign({}, currentThresholdLineSeriesOption), { condition: (_a = currentThresholdLineSeriesOption.condition) !== null && _a !== void 0 ? _a : defaults_1.defaultThresholdLineSeriesOption.condition, value: currentThresholdLineSeriesOption.yAxis });
+    });
+}
+/**
+ * Evaluates a threshold condition and returns the short label used by
+ * chart tooltip notifications.
+ */
+function evaluateThresholdCondition(value, condition, threshold) {
+    switch (condition) {
+        case 'greater':
+            return {
+                conditionText: 'Above',
+                isConditionMet: value > threshold,
+            };
+        case 'greaterOrEqual':
+            return {
+                conditionText: value > threshold
+                    ? 'Above'
+                    : value === threshold
+                        ? 'Equal'
+                        : undefined,
+                isConditionMet: value >= threshold,
+            };
+        case 'less':
+            return {
+                conditionText: 'Below',
+                isConditionMet: value < threshold,
+            };
+        case 'lessOrEqual':
+            return {
+                conditionText: value < threshold
+                    ? 'Below'
+                    : value === threshold
+                        ? 'Equal'
+                        : undefined,
+                isConditionMet: value <= threshold,
+            };
+        case 'equal':
+            return {
+                conditionText: 'Equal',
+                isConditionMet: value === threshold,
+            };
+        case 'notEqual':
+            return {
+                conditionText: 'Not equal',
+                isConditionMet: value !== threshold,
+            };
+        default:
+            return { conditionText: undefined, isConditionMet: false };
+    }
+}
+/**
+ * Returns the longer condition phrase used in chart aria descriptions.
+ */
+function thresholdConditionToText(condition) {
+    switch (condition) {
+        case 'greater':
+            return 'greater than';
+        case 'greaterOrEqual':
+            return 'greater than or equal to';
+        case 'less':
+            return 'less than';
+        case 'lessOrEqual':
+            return 'less than or equal to';
+        case 'equal':
+            return 'equal to';
+        case 'notEqual':
+            return 'not equal to';
+        default:
+            return 'compared to';
+    }
+}
+//# sourceMappingURL=threshold.js.map

package/lib/cjs/charts/utils/threshold.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"threshold.js","sourceRoot":"","sources":["../../../../src/charts/utils/threshold.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport type {\n  Condition,\n  NeedleSeries,\n  NotificationType,\n  ThresholdLineSeriesOption,\n} from './chart-types';\nimport { defaultThresholdLineSeriesOption } from './defaults';\n\nexport type NormalizedThresholdLine =\n  ThresholdLineSeriesOption<NotificationType> & {\n    condition: NonNullable<\n      ThresholdLineSeriesOption<NotificationType>['condition']\n    >;\n    value: number;\n  };\n\nexport type ThresholdConditionEvaluation = {\n  isConditionMet: boolean;\n  conditionText: string | undefined;\n};\n\nexport const isThresholdLine = (name?: string) =>\n  name?.startsWith('thresholdLine');\n\nexport const getThresholdLineDisplayName = (name: string) =>\n  name.replace('thresholdLine-', '');\n\n/**\n * Extracts threshold-line series and resolves defaults needed by tooltips.\n */\nexport function normalizeThresholdLines(\n  propsSeries: NeedleSeries,\n): NormalizedThresholdLine[] {\n  const seriesArray = Array.isArray(propsSeries) ? propsSeries : [propsSeries];\n\n  const thresholdLineSeries = seriesArray.filter((currentSeries) => {\n    return currentSeries.type === 'thresholdLine';\n  }) as ThresholdLineSeriesOption<NotificationType>[];\n\n  return thresholdLineSeries.map((currentThresholdLineSeriesOption) => {\n    return {\n      ...currentThresholdLineSeriesOption,\n      condition:\n        currentThresholdLineSeriesOption.condition ??\n        defaultThresholdLineSeriesOption.condition,\n      value: currentThresholdLineSeriesOption.yAxis,\n    };\n  });\n}\n\n/**\n * Evaluates a threshold condition and returns the short label used by\n * chart tooltip notifications.\n */\nexport function evaluateThresholdCondition(\n  value: number,\n  condition: Condition,\n  threshold: number,\n): ThresholdConditionEvaluation {\n  switch (condition) {\n    case 'greater':\n      return {\n        conditionText: 'Above',\n        isConditionMet: value > threshold,\n      };\n    case 'greaterOrEqual':\n      return {\n        conditionText:\n          value > threshold\n            ? 'Above'\n            : value === threshold\n              ? 'Equal'\n              : undefined,\n        isConditionMet: value >= threshold,\n      };\n    case 'less':\n      return {\n        conditionText: 'Below',\n        isConditionMet: value < threshold,\n      };\n    case 'lessOrEqual':\n      return {\n        conditionText:\n          value < threshold\n            ? 'Below'\n            : value === threshold\n              ? 'Equal'\n              : undefined,\n        isConditionMet: value <= threshold,\n      };\n    case 'equal':\n      return {\n        conditionText: 'Equal',\n        isConditionMet: value === threshold,\n      };\n    case 'notEqual':\n      return {\n        conditionText: 'Not equal',\n        isConditionMet: value !== threshold,\n      };\n    default:\n      return { conditionText: undefined, isConditionMet: false };\n  }\n}\n\n/**\n * Returns the longer condition phrase used in chart aria descriptions.\n */\nexport function thresholdConditionToText(condition: Condition): string {\n  switch (condition) {\n    case 'greater':\n      return 'greater than';\n    case 'greaterOrEqual':\n      return 'greater than or equal to';\n    case 'less':\n      return 'less than';\n    case 'lessOrEqual':\n      return 'less than or equal to';\n    case 'equal':\n      return 'equal to';\n    case 'notEqual':\n      return 'not equal to';\n    default:\n      return 'compared to';\n  }\n}\n"]}

package/lib/cjs/charts/{user-option-utils.js → utils/user-option-utils.js}

@@ -24,9 +24,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  */
 const base_1 = require("@neo4j-ndl/base");
 const server_1 = require("react-dom/server");
-const ChartTooltip_1 = require("./ChartTooltip");
+const ChartTooltip_1 = require("../ChartTooltip");
+const chart_tooltip_formatter_1 = require("./chart-tooltip-formatter");
 const defaults_1 = require("./defaults");
-const utils_1 = require("./utils");
+const format_utils_1 = require("./format-utils");
 const defaultColors = Object.values(base_1.tokens.categorical);
 const mergeSeries = (series, theme = 'light', userOption, palette) => {
     const colors = palette !== null && palette !== void 0 ? palette : defaultColors;
@@ -54,6 +55,7 @@ const mergeSeries = (series, theme = 'light', userOption, palette) => {
             return Object.assign(Object.assign({ type: 'line', symbolSize: 9, color, symbol: 'none' }, option), { lineStyle: Object.assign({ width: 2, type: 'solid' }, option.lineStyle), emphasis: Object.assign(Object.assign(Object.assign({ disabled: true, focus: 'series' }, option.emphasis), { itemStyle: Object.assign({ borderColor: base_1.tokens.theme[theme].color.neutral.bg.weak, shadowOffsetX: parseInt(shadowParts[0]), shadowOffsetY: parseInt(shadowParts[1]), shadowBlur: parseInt(shadowParts[2]), shadowColor: shadowParts[4] }, (_b = option.emphasis) === null || _b === void 0 ? void 0 : _b.itemStyle), label: { show: false } }), option.emphasis) });
         }
         if (option.type === 'pie') {
+            const valueFormatter = (0, chart_tooltip_formatter_1.getTooltipValueFormatter)(userOption);
             return Object.assign(Object.assign({ animationDuration: 600, animationType: 'scale', selectedMode: 'single' }, option), { 
                 // Blur opacity is set to 1 to prevent other slices from
                 // being opacitated when hovering a slice where the emphasis is enabled (used for scale effect)
@@ -65,18 +67,13 @@ const mergeSeries = (series, theme = 'light', userOption, palette) => {
                         var _a, _b;
                         const paramsArray = Array.isArray(params) ? params : [params];
                         const firstParam = paramsArray[0];
-                        let valueFormatter = utils_1.formatNumberEnUS;
-                        if (typeof (userOption === null || userOption === void 0 ? void 0 : userOption.tooltip) === 'object' &&
-                            userOption.tooltip !== null &&
-                            'valueFormatter' in userOption.tooltip) {
-                            valueFormatter = userOption.tooltip.valueFormatter;
-                        }
                         return `${(0, server_1.renderToString)((0, jsx_runtime_1.jsx)("span", { className: "ndl-charts-chart-tooltip", children: (0, jsx_runtime_1.jsx)(ChartTooltip_1.ChartTooltip.Content, { leadingElement: (_a = firstParam === null || firstParam === void 0 ? void 0 : firstParam.value[0]) !== null && _a !== void 0 ? _a : firstParam.seriesName, trailingElement: valueFormatter(Array.isArray(firstParam.value)
                                     ? firstParam.value[1]
                                     : firstParam.value), indentSquareColor: firstParam.color }, (_b = firstParam === null || firstParam === void 0 ? void 0 : firstParam.value[0]) !== null && _b !== void 0 ? _b : firstParam.seriesName) }))}`;
                     } }, option.tooltip) });
         }
         if (option.type === 'bar') {
+            const valueFormatter = (0, chart_tooltip_formatter_1.getTooltipValueFormatter)(userOption);
             return Object.assign(Object.assign({ barMaxWidth: 16 }, option), { blur: Object.assign({ itemStyle: Object.assign({ opacity: 0.3 }, (_e = option.blur) === null || _e === void 0 ? void 0 : _e.itemStyle) }, option.blur), emphasis: Object.assign({ disabled: true, focus: 'series' }, option.emphasis), itemStyle: Object.assign({ color, borderWidth: 20 }, option.itemStyle), markLine: {
                     emphasis: Object.assign({ disabled: true, lineStyle: Object.assign({ width: 20 }, (_g = (_f = option.markLine) === null || _f === void 0 ? void 0 : _f.emphasis) === null || _g === void 0 ? void 0 : _g.lineStyle) }, (_h = option.markLine) === null || _h === void 0 ? void 0 : _h.emphasis),
                     lineStyle: Object.assign({ width: 20 }, (_j = option.markLine) === null || _j === void 0 ? void 0 : _j.lineStyle),
@@ -86,12 +83,6 @@ const mergeSeries = (series, theme = 'light', userOption, palette) => {
                         var _a;
                         const paramsArray = Array.isArray(params) ? params : [params];
                         const firstParam = paramsArray[0];
-                        let valueFormatter = utils_1.formatNumberEnUS;
-                        if (typeof (userOption === null || userOption === void 0 ? void 0 : userOption.tooltip) === 'object' &&
-                            userOption.tooltip !== null &&
-                            'valueFormatter' in userOption.tooltip) {
-                            valueFormatter = userOption.tooltip.valueFormatter;
-                        }
                         return `${(0, server_1.renderToString)((0, jsx_runtime_1.jsxs)("span", { className: "ndl-charts-chart-tooltip", children: [(0, jsx_runtime_1.jsx)(ChartTooltip_1.ChartTooltip.Title, { children: firstParam.name }), (0, jsx_runtime_1.jsx)(ChartTooltip_1.ChartTooltip.Content, { leadingElement: firstParam.seriesName, trailingElement: valueFormatter(Array.isArray(firstParam.value)
                                         ? firstParam.value[1]
                                         : firstParam.value), indentSquareColor: firstParam.color }, (_a = firstParam === null || firstParam === void 0 ? void 0 : firstParam.value[0]) !== null && _a !== void 0 ? _a : firstParam.seriesName)] }))}`;
@@ -127,7 +118,7 @@ const mergeXAxis = (xAxis, theme = 'light') => {
         const xAxisFormatter = xAxis.axisLabel && 'formatter' in xAxis.axisLabel
             ? xAxis.axisLabel.formatter
             : undefined;
-        const valueXAxis = Object.assign(Object.assign({}, baseXAxis), { axisLabel: Object.assign(Object.assign({}, baseXAxis.axisLabel), { formatter: xAxisFormatter !== null && xAxisFormatter !== void 0 ? xAxisFormatter : utils_1.formatNumberEnUS }) });
+        const valueXAxis = Object.assign(Object.assign({}, baseXAxis), { axisLabel: Object.assign(Object.assign({}, baseXAxis.axisLabel), { formatter: xAxisFormatter !== null && xAxisFormatter !== void 0 ? xAxisFormatter : format_utils_1.formatNumberEnUS }) });
         return valueXAxis;
     }
     if (xAxis.type === 'category') {
@@ -154,7 +145,7 @@ const mergeYAxis = (yAxis, theme = 'light') => {
         const yAxisFormatter = yAxis.axisLabel && 'formatter' in yAxis.axisLabel
             ? yAxis.axisLabel.formatter
             : undefined;
-        const valueYAxis = Object.assign(Object.assign({}, baseYAxis), { axisLabel: Object.assign(Object.assign({ hideOverlap: true }, baseYAxis.axisLabel), { formatter: yAxisFormatter !== null && yAxisFormatter !== void 0 ? yAxisFormatter : utils_1.formatNumberEnUS }), splitLine: Object.assign({ show: false }, baseYAxis === null || baseYAxis === void 0 ? void 0 : baseYAxis.splitLine) });
+        const valueYAxis = Object.assign(Object.assign({}, baseYAxis), { axisLabel: Object.assign(Object.assign({ hideOverlap: true }, baseYAxis.axisLabel), { formatter: yAxisFormatter !== null && yAxisFormatter !== void 0 ? yAxisFormatter : format_utils_1.formatNumberEnUS }), splitLine: Object.assign({ show: false }, baseYAxis === null || baseYAxis === void 0 ? void 0 : baseYAxis.splitLine) });
         return valueYAxis;
     }
     if (yAxis.type === 'category') {