@neo4j-ndl/react-charts 1.1.1 → 1.1.3

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

@@ -0,0 +1,82 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderToString } from 'react-dom/server';
+import { ChartTooltip } from '../ChartTooltip';
+import { capitalizeFirstLetter, extractValueFromTooltipSeries, formatNumberEnUS, } from './format-utils';
+import { evaluateThresholdCondition } from './threshold';
+import { getThresholdLineDisplayName, isThresholdLine, } from './threshold';
+export 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 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.
+ */
+export 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 `${renderToString(_jsxs("span", { className: "ndl-charts-chart-tooltip", children: [_jsx(ChartTooltip.Title, { children: (_a = firstParam === null || firstParam === void 0 ? void 0 : firstParam.axisValueLabel) !== null && _a !== void 0 ? _a : '' }), paramsArray.map((series) => {
+                    const value = extractValueFromTooltipSeries(series.value, series.encode, series.axisDim);
+                    const seriesValue = typeof value === 'number' ? value : Number(value);
+                    const isSeriesThresholdLine = 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),
+                            }
+                            : evaluateThresholdCondition(seriesValue, condition, thresholdValue);
+                        if (!conditionEvaluation.isConditionMet) {
+                            return [];
+                        }
+                        return [
+                            {
+                                id: `threshold-${notificationType}`,
+                                leadingElement: customCondition
+                                    ? conditionEvaluation.conditionText
+                                    : `${conditionEvaluation.conditionText} threshold`,
+                                notificationType,
+                                trailingElement: valueFormatter(thresholdValue),
+                            },
+                        ];
+                    });
+                    return (_jsx(ChartTooltip.Content, { leadingElement: isSeriesThresholdLine
+                            ? `${capitalizeFirstLetter(getThresholdLineDisplayName(series.seriesName))} threshold`
+                            : series.seriesName, trailingElement: valueFormatter(value), indentSquareColor: series.color, notifications: notifications }, series.seriesName));
+                })] }))}`;
+    };
+}
+//# sourceMappingURL=chart-tooltip-formatter.js.map

package/lib/esm/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/esm/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/esm/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;AAEF,OAAO,EAAE,gCAAgC,EAAE,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 { Condition } from './chart-types';\n\nconst defaultThresholdLineSeriesOption: {\n  condition: Condition;\n} = {\n  condition: 'greater',\n};\n\nexport { defaultThresholdLineSeriesOption };\n"]}

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

@@ -18,21 +18,6 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import { useCallback, useRef } from 'react';
-// oxlint-disable-next-line @typescript-eslint/no-explicit-any
-const useThrottle = (callback, limit) => {
-    const lastCallRef = useRef(0);
-    const throttledCallback = 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;
-};
 const capitalizeFirstLetter = (str) => {
     if (!str) {
         return str;
@@ -70,5 +55,5 @@ axisDim = 'x') => {
         : encodeValueToRead;
     return (_b = value[seriesValueIdx]) !== null && _b !== void 0 ? _b : value;
 };
-export { capitalizeFirstLetter, useThrottle, extractValueFromTooltipSeries, formatNumberEnUS, };
-//# sourceMappingURL=utils.js.map
+export { capitalizeFirstLetter, extractValueFromTooltipSeries, formatNumberEnUS, };
+//# sourceMappingURL=format-utils.js.map

package/lib/esm/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;AAEF,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;AAEF;;;;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;AAEF,OAAO,EACL,qBAAqB,EACrB,6BAA6B,EAC7B,gBAAgB,GACjB,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\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/esm/charts/utils/legend-layout.js

@@ -0,0 +1,59 @@
+/**
+ *
+ *  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/>.
+ */
+export const COLLAPSED_LEGEND_ROWS = 2;
+export const COLLAPSED_LEGEND_MAX_HEIGHT = 64;
+/**
+ * Get the computed element width, including both paddings and margins
+ */
+export 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;
+};
+export 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;
+};
+/**
+ * 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.
+ */
+export const getCollapsedVisibleItemCount = (itemWidths, availableRowWidth, viewMoreButtonWidth) => {
+    const firstRowItemCount = getItemCountThatFitsRow(itemWidths, availableRowWidth);
+    const secondRowItemCount = getItemCountThatFitsRow(itemWidths.slice(firstRowItemCount), availableRowWidth - viewMoreButtonWidth, { keepOversizedFirstItem: false });
+    return firstRowItemCount + secondRowItemCount;
+};
+//# sourceMappingURL=legend-layout.js.map

package/lib/esm/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;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,2BAA2B,GAAG,EAAE,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,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;AAEF,MAAM,CAAC,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;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAC1C,UAAoB,EACpB,iBAAyB,EACzB,mBAA2B,EAC3B,EAAE;IACF,MAAM,iBAAiB,GAAG,uBAAuB,CAC/C,UAAU,EACV,iBAAiB,CAClB,CAAC;IACF,MAAM,kBAAkB,GAAG,uBAAuB,CAChD,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","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/esm/charts/{legend-utils.js → utils/legend-utils.js}

@@ -19,79 +19,6 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import { getInstanceByDom, } from 'echarts';
-import { useCallback } from 'react';
-const useLegendVisibility = (chartRef, selectedSeries) => {
-    const setOnlyVisible = useCallback((name) => {
-        if (chartRef.current === null) {
-            return;
-        }
-        const chart = 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 = useCallback(() => {
-        if (chartRef.current === null) {
-            return;
-        }
-        const chart = 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 = useCallback((name, isAllSeriesSelected, isOnlyVisible) => {
-        if (chartRef.current === null || name === undefined) {
-            return;
-        }
-        if (isOnlyVisible) {
-            setAllVisible();
-        }
-        else if (isAllSeriesSelected) {
-            setOnlyVisible(name);
-        }
-        else {
-            const chart = getInstanceByDom(chartRef.current);
-            chart === null || chart === void 0 ? void 0 : chart.dispatchAction({
-                name: name,
-                type: 'legendToggleSelect',
-            });
-        }
-    }, [chartRef, setOnlyVisible, setAllVisible]);
-    return { setAllVisible, setOnlyVisible, toggleLegendVisibility };
-};
-const isThresholdLine = (name) => name === null || name === void 0 ? void 0 : name.startsWith('thresholdLine');
-/**
- * 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;
-};
 export const resetAllSeriesHighlight = (chart) => {
     const option = chart.getOption();
     const seriesList = option.series || [];
@@ -139,7 +66,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
@@ -196,5 +122,5 @@ const highlightOrDownplaySeries = (chartRef, series, currentSelectedSeries, curr
         highlightOrDownplayLineAndBarSeries(chart, currentSeriesToDispatch, action, currentChartOptions);
     }
 };
-export { useLegendVisibility, isThresholdLine, getComputedElementWidth, highlightOrDownplaySeries, };
+export { highlightOrDownplaySeries };
 //# sourceMappingURL=legend-utils.js.map

package/lib/esm/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/esm/charts/utils/threshold.js

@@ -0,0 +1,106 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { defaultThresholdLineSeriesOption } from './defaults';
+export const isThresholdLine = (name) => name === null || name === void 0 ? void 0 : name.startsWith('thresholdLine');
+export const getThresholdLineDisplayName = (name) => name.replace('thresholdLine-', '');
+/**
+ * Extracts threshold-line series and resolves defaults needed by tooltips.
+ */
+export 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 : defaultThresholdLineSeriesOption.condition, value: currentThresholdLineSeriesOption.yAxis });
+    });
+}
+/**
+ * Evaluates a threshold condition and returns the short label used by
+ * chart tooltip notifications.
+ */
+export 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.
+ */
+export 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/esm/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/esm/charts/{user-option-utils.js → utils/user-option-utils.js}

@@ -21,9 +21,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { tokens } from '@neo4j-ndl/base';
 import { renderToString } from 'react-dom/server';
-import { ChartTooltip } from './ChartTooltip';
+import { ChartTooltip } from '../ChartTooltip';
+import { getTooltipValueFormatter } from './chart-tooltip-formatter';
 import { defaultThresholdLineSeriesOption } from './defaults';
-import { formatNumberEnUS } from './utils';
+import { formatNumberEnUS } from './format-utils';
 const defaultColors = Object.values(tokens.categorical);
 export const mergeSeries = (series, theme = 'light', userOption, palette) => {
     const colors = palette !== null && palette !== void 0 ? palette : defaultColors;
@@ -51,6 +52,7 @@ export 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: 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 = 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)
@@ -62,18 +64,13 @@ export const mergeSeries = (series, theme = 'light', userOption, palette) => {
                         var _a, _b;
                         const paramsArray = Array.isArray(params) ? params : [params];
                         const firstParam = paramsArray[0];
-                        let valueFormatter = 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 `${renderToString(_jsx("span", { className: "ndl-charts-chart-tooltip", children: _jsx(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 = 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),
@@ -83,12 +80,6 @@ export const mergeSeries = (series, theme = 'light', userOption, palette) => {
                         var _a;
                         const paramsArray = Array.isArray(params) ? params : [params];
                         const firstParam = paramsArray[0];
-                        let valueFormatter = 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 `${renderToString(_jsxs("span", { className: "ndl-charts-chart-tooltip", children: [_jsx(ChartTooltip.Title, { children: firstParam.name }), _jsx(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)] }))}`;

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

@@ -0,0 +1 @@
+{"version":3,"file":"user-option-utils.js","sourceRoot":"","sources":["../../../../src/charts/utils/user-option-utils.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { tokens } from '@neo4j-ndl/base';\nimport { type EChartsOption, type SeriesOption } from 'echarts';\nimport { renderToString } from 'react-dom/server';\n\nimport { ChartTooltip } from '../ChartTooltip';\nimport { getTooltipValueFormatter } from './chart-tooltip-formatter';\nimport {\n  type EchartsSeries,\n  type HexColor,\n  type NeedleSeries,\n  type ThresholdLineSeriesOption,\n} from './chart-types';\nimport { defaultThresholdLineSeriesOption } from './defaults';\nimport { formatNumberEnUS } from './format-utils';\n\nconst defaultColors = Object.values(tokens.categorical);\n\ntype SingleXAxisOption = Exclude<\n  NonNullable<EChartsOption['xAxis']>,\n  unknown[]\n>;\ntype SingleYAxisOption = Exclude<\n  NonNullable<EChartsOption['yAxis']>,\n  unknown[]\n>;\n\nexport const mergeSeries = (\n  series: NeedleSeries,\n  theme: 'light' | 'dark' = 'light',\n  userOption?: Omit<\n    EChartsOption,\n    'series' | 'dataset' | 'legend' | 'xAxis' | 'yAxis'\n  >,\n  palette?: HexColor[],\n): EchartsSeries => {\n  const colors = palette ?? defaultColors;\n\n  return series.map(\n    (\n      option:\n        | SeriesOption\n        | ThresholdLineSeriesOption<'warning'>\n        | ThresholdLineSeriesOption<'danger'>,\n      index: number = 0,\n    ): SeriesOption => {\n      if (option === undefined) {\n        return {};\n      }\n\n      const color = Array.isArray(option.color)\n        ? option.color[index]\n        : (option.color ?? colors[index % colors.length]);\n\n      if (option.type === 'thresholdLine') {\n        const { notificationType } = option;\n        // Needed to differentiate between normal lines and threshold lines\n        // as we are unable to inject custom properties into echarts series lines.\n        const thresholdLineName = `thresholdLine-${notificationType}`;\n        return {\n          symbolSize: 9,\n          symbol: 'none',\n          condition: defaultThresholdLineSeriesOption.condition,\n          ...option,\n          lineStyle: {\n            width: 2,\n            type: 'dashed',\n            ...option.lineStyle,\n          },\n          name: thresholdLineName,\n          type: 'line',\n          data: [\n            [option.xAxis[0], option.yAxis],\n            [option.xAxis[1], option.yAxis],\n          ],\n        };\n      }\n\n      if (option.type === 'line') {\n        const shadow = tokens.theme[theme].boxShadow.raised;\n        const shadowParts = shadow.split(/ (?=\\d+px|rgba?\\()/);\n\n        return {\n          type: 'line',\n          symbolSize: 9,\n          color,\n          symbol: 'none',\n          ...option,\n          lineStyle: {\n            width: 2,\n            type: 'solid' as const,\n            ...option.lineStyle,\n          },\n          emphasis: {\n            disabled: true,\n            focus: 'series',\n            ...option.emphasis,\n            itemStyle: {\n              borderColor: tokens.theme[theme].color.neutral.bg.weak,\n              shadowOffsetX: parseInt(shadowParts[0]),\n              shadowOffsetY: parseInt(shadowParts[1]),\n              shadowBlur: parseInt(shadowParts[2]),\n              shadowColor: shadowParts[4],\n              ...option.emphasis?.itemStyle,\n            },\n            label: { show: false },\n            ...option.emphasis,\n          },\n        };\n      }\n\n      if (option.type === 'pie') {\n        const valueFormatter = getTooltipValueFormatter(userOption);\n\n        return {\n          animationDuration: 600,\n          animationType: 'scale',\n          selectedMode: 'single',\n          ...option,\n          // Blur opacity is set to 1 to prevent other slices from\n          // being opacitated when hovering a slice where the emphasis is enabled (used for scale effect)\n          blur: {\n            itemStyle: {\n              opacity: 1,\n              ...option.blur?.itemStyle,\n            },\n            label: {\n              opacity: 1,\n              ...option.blur?.label,\n            },\n            ...option.blur,\n          },\n          // Emphasis is enabled and used to apply the scale effect when hovering the pie chart slices.\n          emphasis: {\n            disabled: false,\n            focus: 'self',\n            scale: true,\n            scaleSize: 5,\n            ...option.emphasis,\n          },\n          itemStyle: {\n            borderColor: tokens.theme[theme].color.neutral.bg.weak,\n            borderWidth: 1,\n            ...option.itemStyle,\n          },\n          label: {\n            formatter: '{d}%',\n            backgroundColor: 'transparent',\n            color: tokens.theme[theme].color.neutral.text.weak,\n            ...option.label,\n          },\n          labelLine: {\n            length: 5,\n            show: true,\n            ...option.labelLine,\n          },\n          tooltip: {\n            trigger: 'item',\n            confine: true,\n            // Reset the default tooltip css styling\n            padding: 0,\n            borderRadius: 0,\n            borderWidth: 0,\n            extraCssText: 'box-shadow: none; background-color: transparent;',\n            formatter: function (params: unknown) {\n              const paramsArray = Array.isArray(params) ? params : [params];\n              const firstParam = paramsArray[0];\n              return `${renderToString(\n                <span className=\"ndl-charts-chart-tooltip\">\n                  <ChartTooltip.Content\n                    key={firstParam?.value[0] ?? firstParam.seriesName}\n                    leadingElement={\n                      firstParam?.value[0] ?? firstParam.seriesName\n                    }\n                    trailingElement={valueFormatter(\n                      Array.isArray(firstParam.value)\n                        ? firstParam.value[1]\n                        : firstParam.value,\n                    )}\n                    indentSquareColor={firstParam.color}\n                  />\n                </span>,\n              )}`;\n            },\n            ...option.tooltip,\n          },\n        };\n      }\n\n      if (option.type === 'bar') {\n        const valueFormatter = getTooltipValueFormatter(userOption);\n\n        return {\n          barMaxWidth: 16,\n          ...option,\n          blur: {\n            itemStyle: {\n              opacity: 0.3,\n              ...option.blur?.itemStyle,\n            },\n            ...option.blur,\n          },\n          emphasis: {\n            disabled: true,\n            focus: 'series',\n            ...option.emphasis,\n          },\n          itemStyle: {\n            color,\n            borderWidth: 20,\n            ...option.itemStyle,\n          },\n          markLine: {\n            emphasis: {\n              disabled: true,\n              lineStyle: {\n                width: 20,\n                ...option.markLine?.emphasis?.lineStyle,\n              },\n              ...option.markLine?.emphasis,\n            },\n            lineStyle: {\n              width: 20,\n              ...option.markLine?.lineStyle,\n            },\n          },\n          tooltip: {\n            trigger: 'axis',\n            confine: true,\n            // Reset the default tooltip css styling\n            padding: 0,\n            borderRadius: 0,\n            borderWidth: 0,\n            extraCssText: 'box-shadow: none; background-color: transparent;',\n            formatter: function (params: unknown) {\n              const paramsArray = Array.isArray(params) ? params : [params];\n              const firstParam = paramsArray[0];\n              return `${renderToString(\n                <span className=\"ndl-charts-chart-tooltip\">\n                  <ChartTooltip.Title>{firstParam.name}</ChartTooltip.Title>\n                  <ChartTooltip.Content\n                    key={firstParam?.value[0] ?? firstParam.seriesName}\n                    leadingElement={firstParam.seriesName}\n                    trailingElement={valueFormatter(\n                      Array.isArray(firstParam.value)\n                        ? firstParam.value[1]\n                        : firstParam.value,\n                    )}\n                    indentSquareColor={firstParam.color}\n                  />\n                </span>,\n              )}`;\n            },\n            ...option.tooltip,\n          },\n        };\n      }\n\n      return option;\n    },\n  );\n};\n\nexport const mergeXAxis = (\n  xAxis: EChartsOption['xAxis'],\n  theme: 'light' | 'dark' = 'light',\n): EChartsOption['xAxis'] => {\n  if (xAxis === undefined) {\n    return [];\n  }\n\n  if (Array.isArray(xAxis)) {\n    return xAxis.map((x) => mergeXAxis(x, theme)) as EChartsOption['xAxis'];\n  }\n\n  const baseXAxis = {\n    ...xAxis,\n    splitLine: { show: false, ...xAxis?.splitLine },\n    axisLine: {\n      lineStyle: {\n        ...xAxis?.axisLine?.lineStyle,\n      },\n      ...xAxis?.axisLine,\n    },\n    axisTick: {\n      ...xAxis?.axisTick,\n      lineStyle: {\n        ...xAxis?.axisTick?.lineStyle,\n      },\n      show: true,\n      ...xAxis?.axisTick,\n    },\n    axisLabel: {\n      margin: 16,\n      formatter: {\n        day: '{dd} {MMM}',\n        hour: '{HH}:{mm}',\n        millisecond: '{hh}:{mm}:{ss} {SSS}',\n        minute: '{HH}:{mm}',\n        month: '{MMM}',\n        none: '{yyyy}-{MM}-{dd} {hh}:{mm}:{ss} {SSS}',\n        second: '{HH}:{mm}:{ss}',\n        year: '{yearStyle|{yyyy}}\\n{monthStyle|{MMM}}',\n      },\n      overflow: 'truncate',\n      ...xAxis?.axisLabel,\n    },\n  } as SingleXAxisOption;\n\n  if (xAxis.type === 'time') {\n    const timeXAxis = {\n      ...baseXAxis,\n      axisLabel: {\n        hideOverlap: true,\n        ...baseXAxis.axisLabel,\n      },\n    } as SingleXAxisOption;\n\n    return timeXAxis;\n  }\n\n  if (xAxis.type === 'value' || xAxis.type === 'log') {\n    const xAxisFormatter =\n      xAxis.axisLabel && 'formatter' in xAxis.axisLabel\n        ? xAxis.axisLabel.formatter\n        : undefined;\n    const valueXAxis = {\n      ...baseXAxis,\n      axisLabel: {\n        ...baseXAxis.axisLabel,\n        formatter: xAxisFormatter ?? formatNumberEnUS,\n      },\n    } as SingleXAxisOption;\n\n    return valueXAxis;\n  }\n\n  if (xAxis.type === 'category') {\n    const categoryXAxis = {\n      ...baseXAxis,\n      axisTick: {\n        alignWithLabel: true,\n        ...baseXAxis?.axisTick,\n      },\n      axisLabel: {\n        width: 80,\n        ...baseXAxis?.axisLabel,\n      },\n    } as SingleXAxisOption;\n    return categoryXAxis;\n  }\n\n  return baseXAxis;\n};\n\nexport const mergeYAxis = (\n  yAxis: EChartsOption['yAxis'],\n  theme: 'light' | 'dark' = 'light',\n): EChartsOption['yAxis'] => {\n  if (yAxis === undefined) {\n    return [];\n  }\n\n  if (Array.isArray(yAxis)) {\n    return yAxis.map((y) => mergeYAxis(y, theme)) as EChartsOption['yAxis'];\n  }\n\n  const baseYAxis = {\n    ...yAxis,\n    axisLine: {\n      ...yAxis?.axisLine,\n      lineStyle: {\n        ...yAxis?.axisLine?.lineStyle,\n      },\n      show: true,\n    },\n    axisTick: {\n      show: false,\n      ...yAxis?.axisTick,\n      lineStyle: {\n        width: 1,\n        ...yAxis?.axisTick?.lineStyle,\n      },\n    },\n    axisLabel: {\n      margin: 8,\n      overflow: 'truncate',\n      ...yAxis?.axisLabel,\n    },\n    splitLine: { show: true, ...yAxis?.splitLine },\n  } as SingleYAxisOption;\n\n  if (yAxis.type === 'time') {\n    const timeYAxis = {\n      ...baseYAxis,\n      axisLabel: {\n        hideOverlap: true,\n        ...baseYAxis.axisLabel,\n      },\n      splitLine: { show: false, ...baseYAxis?.splitLine },\n    } as SingleYAxisOption;\n\n    return timeYAxis;\n  }\n\n  if (yAxis.type === 'value' || yAxis.type === 'log') {\n    const yAxisFormatter =\n      yAxis.axisLabel && 'formatter' in yAxis.axisLabel\n        ? yAxis.axisLabel.formatter\n        : undefined;\n    const valueYAxis = {\n      ...baseYAxis,\n      axisLabel: {\n        hideOverlap: true,\n        ...baseYAxis.axisLabel,\n        formatter: yAxisFormatter ?? formatNumberEnUS,\n      },\n      splitLine: { show: false, ...baseYAxis?.splitLine },\n    } as SingleYAxisOption;\n\n    return valueYAxis;\n  }\n\n  if (yAxis.type === 'category') {\n    const categoryYAxis = {\n      ...baseYAxis,\n      axisLabel: {\n        width: 100,\n        ...baseYAxis?.axisLabel,\n      },\n    } as SingleYAxisOption;\n\n    return categoryYAxis;\n  }\n\n  return baseYAxis;\n};\n\nexport const mergeDataZoom = (\n  dataZoom: EChartsOption['dataZoom'],\n): EChartsOption['dataZoom'] => {\n  if (Array.isArray(dataZoom)) {\n    return dataZoom.map((option) =>\n      mergeDataZoom(option),\n    ) as EChartsOption['dataZoom'];\n  }\n\n  const isSlider = dataZoom?.type === 'slider';\n  const isInside = dataZoom?.type === 'inside';\n\n  if (isSlider) {\n    return {\n      bottom: 10,\n      height: 28,\n      left: 50,\n      right: 50,\n      show: true,\n      type: 'slider',\n      ...dataZoom,\n    };\n  } else if (isInside) {\n    return {\n      filterMode: 'none',\n      xAxisIndex: [0],\n      zoomOnMouseWheel: false,\n      ...dataZoom,\n    };\n  }\n\n  return dataZoom;\n};\n\nexport const mergeToolbox = (\n  toolbox: EChartsOption['toolbox'],\n): EChartsOption['toolbox'] => {\n  if (Array.isArray(toolbox)) {\n    return toolbox.map((option) =>\n      mergeToolbox(option),\n    ) as EChartsOption['toolbox'];\n  }\n\n  return {\n    feature: {\n      dataZoom: {\n        yAxisIndex: false,\n        ...toolbox?.feature?.dataZoom,\n        show: true,\n        icon: {\n          // This hack removes the icons.\n          // Due to: https://github.com/apache/echarts/issues/10274\n          back: '-',\n          zoom: '-',\n        },\n      },\n    },\n  };\n};\n"]}

package/lib/types/charts/Chart.d.ts

@@ -18,7 +18,7 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import { type ChartProps } from './chart-types';
+import { type ChartProps } from './utils/chart-types';
 /**
  * A chart component powered by Apache ECharts with Needle's customization and theming.
  *
@@ -33,5 +33,5 @@ import { type ChartProps } from './chart-types';
  * </div>
  * ```
  */
-export declare function Chart({ dataset, option: userOption, xAxis: propXAxis, yAxis: propYAxis, series: propsSeries, style, settings, isLoading, isChartZoomDisabled, legend, callbacks, palette, }: ChartProps): React.JSX.Element;
+export declare const Chart: ({ style, legend, ...chartProps }: ChartProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Chart.d.ts.map

package/lib/types/charts/Chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAgBH,OAAO,EACL,KAAK,UAAU,EAKhB,MAAM,eAAe,CAAC;AAqFvB;;;;;;;;;;;;;GAaG;AACH,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,WAAW,EACnB,KAAK,EACL,QAIC,EACD,SAAS,EACT,mBAA2B,EAC3B,MAAM,EACN,SAAS,EACT,OAAO,GACR,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyhBhC"}
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAUH,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AA8CtD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,KAAK,GAAI,kCAAkC,UAAU,4CAyCjE,CAAC"}