@mui/x-charts 8.13.1 → 8.14.1

package/esm/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.js

@@ -4,13 +4,12 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { Delaunay } from '@mui/x-charts-vendor/d3-delaunay';
-import { getValueToPositionMapper } from "../../../../hooks/useScale.js";
 import { getSVGPoint } from "../../../getSVGPoint.js";
 import { useSelector } from "../../../store/useSelector.js";
-import { selectorChartXAxis, selectorChartYAxis, selectorChartZoomIsInteracting } from "../useChartCartesianAxis/index.js";
+import { selectorChartAxisZoomData, selectorChartSeriesEmptyFlatbushMap, selectorChartSeriesFlatbushMap, selectorChartXAxis, selectorChartYAxis, selectorChartZoomIsInteracting } from "../useChartCartesianAxis/index.js";
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/useChartSeries.selectors.js";
 import { selectorChartDrawingArea } from "../../corePlugins/useChartDimensions/index.js";
+import { findClosestPoints } from "./findClosestPoints.js";
 export const useChartClosestPoint = ({
   svgRef,
   params,
@@ -36,9 +35,7 @@ export const useChartClosestPoint = ({
     series,
     seriesOrder
   } = useSelector(store, selectorChartSeriesProcessed)?.scatter ?? {};
-  const voronoiRef = React.useRef({});
-  const delauneyRef = React.useRef(undefined);
-  const lastFind = React.useRef(undefined);
+  const flatbushMap = useSelector(store, zoomIsInteracting ? selectorChartSeriesEmptyFlatbushMap : selectorChartSeriesFlatbushMap);
   const defaultXAxisId = xAxisIds[0];
   const defaultYAxisId = yAxisIds[0];
   useEnhancedEffect(() => {
@@ -48,52 +45,6 @@ export const useChartClosestPoint = ({
       }
     }));
   }, [store, disableVoronoi]);
-  useEnhancedEffect(() => {
-    // This effect generate and store the Delaunay object that's used to map coordinate to closest point.
-
-    if (zoomIsInteracting || seriesOrder === undefined || series === undefined || disableVoronoi) {
-      // If there is no scatter chart series
-      return;
-    }
-    voronoiRef.current = {};
-    let points = [];
-    seriesOrder.forEach(seriesId => {
-      const {
-        data,
-        xAxisId,
-        yAxisId
-      } = series[seriesId];
-      const xScale = xAxis[xAxisId ?? defaultXAxisId].scale;
-      const yScale = yAxis[yAxisId ?? defaultYAxisId].scale;
-      const getXPosition = getValueToPositionMapper(xScale);
-      const getYPosition = getValueToPositionMapper(yScale);
-      const seriesPoints = [];
-      const seriesIndexes = [];
-      for (let dataIndex = 0; dataIndex < data.length; dataIndex += 1) {
-        const {
-          x,
-          y
-        } = data[dataIndex];
-        const pointX = getXPosition(x);
-        const pointY = getYPosition(y);
-        if (instance.isPointInside(pointX, pointY)) {
-          seriesPoints.push(pointX);
-          seriesPoints.push(pointY);
-          seriesIndexes.push(dataIndex);
-        }
-      }
-      voronoiRef.current[seriesId] = {
-        seriesId,
-        seriesIndexes,
-        startIndex: points.length,
-        endIndex: points.length + seriesPoints.length,
-        markerSize: series[seriesId].markerSize
-      };
-      points = points.concat(seriesPoints);
-    });
-    delauneyRef.current = new Delaunay(points);
-    lastFind.current = undefined;
-  }, [zoomIsInteracting, defaultXAxisId, defaultYAxisId, series, seriesOrder, xAxis, yAxis, drawingArea, instance, disableVoronoi]);
   React.useEffect(() => {
     if (svgRef.current === null || disableVoronoi) {
       return undefined;
@@ -103,40 +54,48 @@ export const useChartClosestPoint = ({
       // Get mouse coordinate in global SVG space
       const svgPoint = getSVGPoint(element, event);
       if (!instance.isPointInside(svgPoint.x, svgPoint.y)) {
-        lastFind.current = undefined;
         return 'outside-chart';
       }
-      if (!delauneyRef.current) {
-        return 'no-point-found';
-      }
-      const closestPointIndex = delauneyRef.current.find(svgPoint.x, svgPoint.y, lastFind.current);
-      if (closestPointIndex === undefined) {
-        return 'no-point-found';
+      let closestPoint = undefined;
+      for (const seriesId of seriesOrder ?? []) {
+        const aSeries = (series ?? {})[seriesId];
+        const flatbush = flatbushMap.get(seriesId);
+        if (!flatbush) {
+          continue;
+        }
+        const xAxisId = aSeries.xAxisId ?? defaultXAxisId;
+        const yAxisId = aSeries.yAxisId ?? defaultYAxisId;
+        const xAxisZoom = selectorChartAxisZoomData(store.getSnapshot(), xAxisId);
+        const yAxisZoom = selectorChartAxisZoomData(store.getSnapshot(), yAxisId);
+        const maxRadius = voronoiMaxRadius === 'item' ? aSeries.markerSize : voronoiMaxRadius;
+        const xZoomStart = (xAxisZoom?.start ?? 0) / 100;
+        const xZoomEnd = (xAxisZoom?.end ?? 100) / 100;
+        const yZoomStart = (yAxisZoom?.start ?? 0) / 100;
+        const yZoomEnd = (yAxisZoom?.end ?? 100) / 100;
+        const xScale = xAxis[xAxisId].scale;
+        const yScale = yAxis[yAxisId].scale;
+        const closestPointIndex = findClosestPoints(flatbush, drawingArea, aSeries.data, xScale, yScale, xZoomStart, xZoomEnd, yZoomStart, yZoomEnd, svgPoint.x, svgPoint.y, maxRadius)[0];
+        if (closestPointIndex === undefined) {
+          continue;
+        }
+        const point = aSeries.data[closestPointIndex];
+        const scaledX = xScale(point.x);
+        const scaledY = yScale(point.y);
+        const distSq = (scaledX - svgPoint.x) ** 2 + (scaledY - svgPoint.y) ** 2;
+        if (closestPoint === undefined || distSq < closestPoint.distanceSq) {
+          closestPoint = {
+            dataIndex: closestPointIndex,
+            seriesId,
+            distanceSq: distSq
+          };
+        }
       }
-      lastFind.current = closestPointIndex;
-      const closestSeries = Object.values(voronoiRef.current).find(value => {
-        return 2 * closestPointIndex >= value.startIndex && 2 * closestPointIndex < value.endIndex;
-      });
-      if (closestSeries === undefined) {
+      if (closestPoint === undefined) {
         return 'no-point-found';
       }
-
-      // The point index in the series with id=closestSeries.seriesId.
-      const seriesPointIndex = (2 * closestPointIndex - voronoiRef.current[closestSeries.seriesId].startIndex) / 2;
-      const dataIndex = voronoiRef.current[closestSeries.seriesId].seriesIndexes[seriesPointIndex];
-      const maxRadius = voronoiMaxRadius === 'item' ? closestSeries.markerSize : voronoiMaxRadius;
-      if (maxRadius !== undefined) {
-        const pointX = delauneyRef.current.points[2 * closestPointIndex];
-        const pointY = delauneyRef.current.points[2 * closestPointIndex + 1];
-        const dist2 = (pointX - svgPoint.x) ** 2 + (pointY - svgPoint.y) ** 2;
-        if (dist2 > maxRadius ** 2) {
-          // The closest point is too far to be considered.
-          return 'outside-voronoi-max-radius';
-        }
-      }
       return {
-        seriesId: closestSeries.seriesId,
-        dataIndex
+        seriesId: closestPoint.seriesId,
+        dataIndex: closestPoint.dataIndex
       };
     }
 
@@ -211,7 +170,7 @@ export const useChartClosestPoint = ({
       pressHandler.cleanup();
       pressEndHandler.cleanup();
     };
-  }, [svgRef, yAxis, xAxis, voronoiMaxRadius, onItemClick, disableVoronoi, drawingArea, instance]);
+  }, [svgRef, yAxis, xAxis, voronoiMaxRadius, onItemClick, disableVoronoi, drawingArea, instance, seriesOrder, series, flatbushMap, defaultXAxisId, defaultYAxisId, store]);
 
   // Instance implementation
   const enableVoronoiCallback = useEventCallback(() => {

package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.js

@@ -23,9 +23,14 @@ export const useChartHighlight = ({
   }, [store, params.highlightedItem]);
   const clearHighlight = useEventCallback(() => {
     params.onHighlightChange?.(null);
+    const prevItem = store.getSnapshot().highlight.item;
+    if (prevItem === null) {
+      return;
+    }
     store.update(prev => _extends({}, prev, {
       highlight: {
-        item: null
+        item: null,
+        lastUpdate: 'pointer'
       }
     }));
   });
@@ -37,7 +42,8 @@ export const useChartHighlight = ({
     params.onHighlightChange?.(newItem);
     store.update(prev => _extends({}, prev, {
       highlight: {
-        item: newItem
+        item: newItem,
+        lastUpdate: 'pointer'
       }
     }));
   });
@@ -55,7 +61,8 @@ useChartHighlight.getDefaultizedParams = ({
 });
 useChartHighlight.getInitialState = params => ({
   highlight: {
-    item: params.highlightedItem
+    item: params.highlightedItem,
+    lastUpdate: 'pointer'
   }
 });
 useChartHighlight.params = {

package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.d.ts

@@ -8,24 +8,24 @@ export declare const selectorChartsHighlightScopePerSeriesId: import("reselect")
 }, Map<SeriesId, Partial<HighlightScope> | undefined>, any[]>;
 export declare const selectorChartsHighlightedItem: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & import("./useChartHighlight.types.js").UseChartHighlightState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-} & {
+} & Partial<import("../useChartKeyboardNavigation/useChartKeyboardNavigation.types.js").UseChartKeyboardNavigationState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }, HighlightItemData | null, any[]>;
 export declare const selectorChartsHighlightScope: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 } & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-} & import("./useChartHighlight.types.js").UseChartHighlightState, Partial<HighlightScope> | null, any[]>;
+} & import("./useChartHighlight.types.js").UseChartHighlightState & Partial<import("../useChartKeyboardNavigation/useChartKeyboardNavigation.types.js").UseChartKeyboardNavigationState>, Partial<HighlightScope> | null, any[]>;
 export declare const selectorChartsIsHighlightedCallback: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 } & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-} & import("./useChartHighlight.types.js").UseChartHighlightState, (item: HighlightItemData | null) => boolean, any[]>;
+} & import("./useChartHighlight.types.js").UseChartHighlightState & Partial<import("../useChartKeyboardNavigation/useChartKeyboardNavigation.types.js").UseChartKeyboardNavigationState>, (item: HighlightItemData | null) => boolean, any[]>;
 export declare const selectorChartsIsFadedCallback: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 } & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-} & import("./useChartHighlight.types.js").UseChartHighlightState, (item: HighlightItemData | null) => boolean, any[]>;
+} & import("./useChartHighlight.types.js").UseChartHighlightState & Partial<import("../useChartKeyboardNavigation/useChartKeyboardNavigation.types.js").UseChartKeyboardNavigationState>, (item: HighlightItemData | null) => boolean, any[]>;
 export declare const selectorChartsIsHighlighted: import("reselect").Selector<any, boolean, [item: HighlightItemData | null]>;
 export declare const selectorChartIsSeriesHighlighted: import("reselect").Selector<any, boolean, [seriesId: SeriesId]>;
 export declare const selectorChartIsSeriesFaded: import("reselect").Selector<any, boolean, [seriesId: SeriesId]>;

package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.js

@@ -2,6 +2,7 @@ import { createSelector } from "../../utils/selectors.js";
 import { createIsHighlighted } from "./createIsHighlighted.js";
 import { createIsFaded } from "./createIsFaded.js";
 import { getSeriesHighlightedItem, getSeriesUnfadedItem, isSeriesFaded, isSeriesHighlighted } from "./highlightStates.js";
+import { selectorChartsKeyboardItem } from "../useChartKeyboardNavigation/index.js";
 const selectHighlight = state => state.highlight;
 const selectSeries = state => state.series;
 export const selectorChartsHighlightScopePerSeriesId = createSelector([selectSeries], series => {
@@ -15,8 +16,8 @@ export const selectorChartsHighlightScopePerSeriesId = createSelector([selectSer
   });
   return map;
 });
-export const selectorChartsHighlightedItem = createSelector([selectHighlight], function selectorChartsHighlightedItem(highlight) {
-  return highlight.item;
+export const selectorChartsHighlightedItem = createSelector([selectHighlight, selectorChartsKeyboardItem], function selectorChartsHighlightedItem(highlight, keyboardItem) {
+  return highlight.lastUpdate === 'pointer' ? highlight.item : keyboardItem;
 });
 export const selectorChartsHighlightScope = createSelector([selectorChartsHighlightScopePerSeriesId, selectorChartsHighlightedItem], function selectorChartsHighlightScope(seriesIdToHighlightScope, highlightedItem) {
   if (!highlightedItem) {

package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.types.d.ts

@@ -28,6 +28,7 @@ export type HighlightItemData = {
    */
   dataIndex?: number;
 };
+export type HighlightUpdateSource = 'pointer' | 'keyboard';
 export interface UseChartHighlightInstance {
   /**
    * Remove all highlight.
@@ -59,6 +60,11 @@ export interface UseChartHighlightState {
      * The item currently highlighted.
      */
     item: HighlightItemData | null;
+    /**
+     * The last interaction highlight update.
+     * Used to decide if highlight should be based on pointer position or keyboard navigation.
+     */
+    lastUpdate: HighlightUpdateSource;
   };
 }
 export type UseChartHighlightSignature = ChartPluginSignature<{

package/esm/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.js

@@ -132,7 +132,11 @@ export const useChartKeyboardNavigation = ({
         }
         if (newFocusedItem !== prevState.keyboardNavigation.item) {
           event.preventDefault();
-          return _extends({}, prevState, prevState.interaction && {
+          return _extends({}, prevState, prevState.highlight && {
+            highlight: _extends({}, prevState.highlight, {
+              lastUpdate: 'keyboard'
+            })
+          }, prevState.interaction && {
             interaction: _extends({}, prevState.interaction, {
               lastUpdate: 'keyboard'
             })

package/esm/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.selectors.d.ts

@@ -34,4 +34,12 @@ export declare const selectorChartsKeyboardYAxisIndex: import("reselect").Select
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 } & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-} & Partial<import("../useChartCartesianAxis/index.js").UseChartCartesianAxisState> & Partial<{}>, AxisItemIdentifier | undefined, any[]>;
+} & Partial<import("../useChartCartesianAxis/index.js").UseChartCartesianAxisState> & Partial<{}>, AxisItemIdentifier | undefined, any[]>;
+export declare const selectorChartsKeyboardItem: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartKeyboardNavigation.types.js").UseChartKeyboardNavigationState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+} & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}, {
+  seriesId: SeriesId;
+  dataIndex: number | undefined;
+} | null, any[]>;

package/esm/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.selectors.js

@@ -30,4 +30,13 @@ const createSelectAxisHighlight = direction => (type, seriesId, dataIndex, axis,
   };
 };
 export const selectorChartsKeyboardXAxisIndex = createSelector([selectorChartsFocusedSeriesType, selectorChartsFocusedSeriesId, selectorChartsFocusedDataIndex, selectorChartXAxis, selectorChartSeriesProcessed], createSelectAxisHighlight('x'));
-export const selectorChartsKeyboardYAxisIndex = createSelector([selectorChartsFocusedSeriesType, selectorChartsFocusedSeriesId, selectorChartsFocusedDataIndex, selectorChartYAxis, selectorChartSeriesProcessed], createSelectAxisHighlight('y'));
+export const selectorChartsKeyboardYAxisIndex = createSelector([selectorChartsFocusedSeriesType, selectorChartsFocusedSeriesId, selectorChartsFocusedDataIndex, selectorChartYAxis, selectorChartSeriesProcessed], createSelectAxisHighlight('y'));
+export const selectorChartsKeyboardItem = createSelector([selectorChartsFocusedSeriesType, selectorChartsFocusedSeriesId, selectorChartsFocusedDataIndex], function selectorChartsKeyboardItem(seriesType, seriesId, dataIndex) {
+  if (seriesId === undefined) {
+    return null;
+  }
+  return {
+    seriesId,
+    dataIndex: seriesType === 'line' ? undefined : dataIndex
+  };
+});

package/esm/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.types.d.ts

@@ -2,6 +2,7 @@ import { ChartPluginSignature } from "../../models/index.js";
 import { ChartSeriesType } from "../../../../models/seriesType/config.js";
 import { SeriesId } from "../../../../models/seriesType/common.js";
 import { UseChartInteractionSignature } from "../useChartInteraction/index.js";
+import { UseChartHighlightSignature } from "../useChartHighlight/index.js";
 export interface UseChartKeyboardNavigationInstance {}
 type SeriesItemIdentifier = {
   /**
@@ -31,6 +32,6 @@ export type UseChartKeyboardNavigationSignature = ChartPluginSignature<{
   defaultizedParams: UseChartKeyboardNavigationParameters;
   instance: UseChartKeyboardNavigationInstance;
   state: UseChartKeyboardNavigationState;
-  optionalDependencies: [UseChartInteractionSignature];
+  optionalDependencies: [UseChartInteractionSignature, UseChartHighlightSignature];
 }>;
 export {};

package/esm/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { scaleBand, scalePoint } from '@mui/x-charts-vendor/d3-scale';
-import { isBandScaleConfig, isPointScaleConfig } from "../../../../models/axis.js";
+import { isBandScaleConfig, isPointScaleConfig, isContinuousScaleConfig } from "../../../../models/axis.js";
 import { getColorScale, getOrdinalColorScale } from "../../../colorScale.js";
 import { getDefaultTickNumber, getTickNumber, scaleTickNumberByRange } from "../../../ticks.js";
 import { getScale } from "../../../getScale.js";
@@ -84,7 +84,7 @@ export function computeAxisValue({
         completeAxis[axis.id].valueFormatter = axis.valueFormatter ?? dateFormatter;
       }
     }
-    if (axis.scaleType === 'band' || axis.scaleType === 'point') {
+    if (!isContinuousScaleConfig(axis)) {
       // Could be merged with the two previous "if conditions" but then TS does not get that `axis.scaleType` can't be `band` or `point`.
       return;
     }

package/esm/internals/scaleGuards.d.ts

@@ -1,11 +1,17 @@
 import type { ScaleBand } from '@mui/x-charts-vendor/d3-scale';
 import { D3OrdinalScale, D3Scale } from "../models/axis.js";
-export declare function isOrdinalScale<T extends {
+export declare function isOrdinalScale<Domain extends {
   toString(): string;
-}>(scale: D3Scale<T>): scale is D3OrdinalScale<T>;
-export declare function isBandScale<T extends {
+} = {
   toString(): string;
-}>(scale: D3Scale<T>): scale is ScaleBand<T>;
-export declare function isPointScale<T extends {
+}, Range = number, Output = number>(scale: D3Scale<Domain, Range, Output>): scale is D3OrdinalScale<Domain>;
+export declare function isBandScale<Domain extends {
   toString(): string;
-}>(scale: D3Scale<T>): scale is D3OrdinalScale<T>;
+} = {
+  toString(): string;
+}, Range = number, Output = number>(scale: D3Scale<Domain, Range, Output>): scale is ScaleBand<Domain>;
+export declare function isPointScale<Domain extends {
+  toString(): string;
+} = {
+  toString(): string;
+}, Range = number, Output = number>(scale: D3Scale<Domain, Range, Output>): scale is D3OrdinalScale<Domain>;

package/esm/internals/symlogScale.js

@@ -75,6 +75,11 @@ export function scaleSymlog(_domain, _range) {
       return tickFormat(tick);
     };
   };
+
+  /* Adaptation of https://github.com/d3/d3-scale/blob/d6904a4bde09e16005e0ad8ca3e25b10ce54fa0d/src/symlog.js#L30 */
+  scale.copy = () => {
+    return scaleSymlog(scale.domain(), scale.range()).constant(scale.constant());
+  };
   return scale;
 }
 function generateScales(scale) {

package/esm/locales/enUS.js

@@ -4,17 +4,17 @@ import { getChartsLocalization } from "./utils/getChartsLocalization.js";
 // This object is not Partial<ChartsLocaleText> because it is the default values
 
 export const enUSLocaleText = {
-  /* Overlay */
+  // Overlay
   loading: 'Loading data…',
   noData: 'No data to display',
-  /* Toolbar */
+  // Toolbar
   zoomIn: 'Zoom in',
   zoomOut: 'Zoom out',
   toolbarExport: 'Export',
-  /* Toolbar Export Menu */
+  // Toolbar Export Menu
   toolbarExportPrint: 'Print',
   toolbarExportImage: mimeType => `Export as ${imageMimeTypes[mimeType] ?? mimeType}`,
-  /* Charts renderer configuration */
+  // Charts renderer configuration
   chartTypeBar: 'Bar',
   chartTypeColumn: 'Column',
   chartTypeLine: 'Line',

package/esm/locales/ptBR.js

@@ -10,106 +10,104 @@ export const ptBRLocaleText = {
   toolbarExport: 'Exportar',
   // Toolbar Export Menu
   toolbarExportPrint: 'Imprimir',
-  toolbarExportImage: mimeType => `Exportar como ${imageMimeTypes[mimeType] ?? mimeType}`
-
+  toolbarExportImage: mimeType => `Exportar como ${imageMimeTypes[mimeType] ?? mimeType}`,
   // Charts renderer configuration
-  // chartTypeBar: 'Bar',
-  // chartTypeColumn: 'Column',
-  // chartTypeLine: 'Line',
-  // chartTypeArea: 'Area',
-  // chartTypePie: 'Pie',
-  // chartPaletteLabel: 'Color palette',
-  // chartPaletteNameRainbowSurge: 'Rainbow Surge',
-  // chartPaletteNameBlueberryTwilight: 'Blueberry Twilight',
-  // chartPaletteNameMangoFusion: 'Mango Fusion',
-  // chartPaletteNameCheerfulFiesta: 'Cheerful Fiesta',
-  // chartPaletteNameStrawberrySky: 'Strawberry Sky',
-  // chartPaletteNameBlue: 'Blue',
-  // chartPaletteNameGreen: 'Green',
-  // chartPaletteNamePurple: 'Purple',
-  // chartPaletteNameRed: 'Red',
-  // chartPaletteNameOrange: 'Orange',
-  // chartPaletteNameYellow: 'Yellow',
-  // chartPaletteNameCyan: 'Cyan',
-  // chartPaletteNamePink: 'Pink',
-  // chartConfigurationSectionChart: 'Chart',
-  // chartConfigurationSectionColumns: 'Columns',
-  // chartConfigurationSectionBars: 'Bars',
-  // chartConfigurationSectionAxes: 'Axes',
-  // chartConfigurationGrid: 'Grid',
-  // chartConfigurationBorderRadius: 'Border radius',
-  // chartConfigurationCategoryGapRatio: 'Category gap ratio',
-  // chartConfigurationBarGapRatio: 'Series gap ratio',
-  // chartConfigurationStacked: 'Stacked',
-  // chartConfigurationShowToolbar: 'Show toolbar',
-  // chartConfigurationSkipAnimation: 'Skip animation',
-  // chartConfigurationInnerRadius: 'Inner radius',
-  // chartConfigurationOuterRadius: 'Outer radius',
-  // chartConfigurationColors: 'Colors',
-  // chartConfigurationHideLegend: 'Hide legend',
-  // chartConfigurationShowMark: 'Show mark',
-  // chartConfigurationHeight: 'Height',
-  // chartConfigurationWidth: 'Width',
-  // chartConfigurationSeriesGap: 'Series gap',
-  // chartConfigurationTickPlacement: 'Tick placement',
-  // chartConfigurationTickLabelPlacement: 'Tick label placement',
-  // chartConfigurationCategoriesAxisLabel: 'Categories axis label',
-  // chartConfigurationSeriesAxisLabel: 'Series axis label',
-  // chartConfigurationXAxisPosition: 'X-axis position',
-  // chartConfigurationYAxisPosition: 'Y-axis position',
-  // chartConfigurationSeriesAxisReverse: 'Reverse series axis',
-  // chartConfigurationTooltipPlacement: 'Placement',
-  // chartConfigurationTooltipTrigger: 'Trigger',
-  // chartConfigurationLegendPosition: 'Position',
-  // chartConfigurationLegendDirection: 'Direction',
-  // chartConfigurationBarLabels: 'Bar labels',
-  // chartConfigurationColumnLabels: 'Column labels',
-  // chartConfigurationInterpolation: 'Interpolation',
-  // chartConfigurationSectionTooltip: 'Tooltip',
-  // chartConfigurationSectionLegend: 'Legend',
-  // chartConfigurationSectionLines: 'Lines',
-  // chartConfigurationSectionAreas: 'Areas',
-  // chartConfigurationSectionArcs: 'Arcs',
-  // chartConfigurationPaddingAngle: 'Padding angle',
-  // chartConfigurationCornerRadius: 'Corner radius',
-  // chartConfigurationArcLabels: 'Arc labels',
-  // chartConfigurationStartAngle: 'Start angle',
-  // chartConfigurationEndAngle: 'End angle',
-  // chartConfigurationPieTooltipTrigger: 'Trigger',
-  // chartConfigurationPieLegendPosition: 'Position',
-  // chartConfigurationPieLegendDirection: 'Direction',
-
+  chartTypeBar: 'Barra',
+  chartTypeColumn: 'Coluna',
+  chartTypeLine: 'Linha',
+  chartTypeArea: 'Área',
+  chartTypePie: 'Pizza',
+  chartPaletteLabel: 'Paleta de cores',
+  chartPaletteNameRainbowSurge: 'Onda de Arco-íris',
+  chartPaletteNameBlueberryTwilight: 'Crepúsculo de Blueberry',
+  chartPaletteNameMangoFusion: 'Fusão de Manga',
+  chartPaletteNameCheerfulFiesta: 'Festa Alegre',
+  chartPaletteNameStrawberrySky: 'Céu de Morango',
+  chartPaletteNameBlue: 'Azul',
+  chartPaletteNameGreen: 'Verde',
+  chartPaletteNamePurple: 'Roxo',
+  chartPaletteNameRed: 'Vermelho',
+  chartPaletteNameOrange: 'Laranja',
+  chartPaletteNameYellow: 'Amarelo',
+  chartPaletteNameCyan: 'Ciano',
+  chartPaletteNamePink: 'Rosa',
+  chartConfigurationSectionChart: 'Gráfico',
+  chartConfigurationSectionColumns: 'Colunas',
+  chartConfigurationSectionBars: 'Barras',
+  chartConfigurationSectionAxes: 'Eixos',
+  chartConfigurationGrid: 'Grade',
+  chartConfigurationBorderRadius: 'Arredondamento da borda',
+  chartConfigurationCategoryGapRatio: 'Proporção de espaço entre categorias',
+  chartConfigurationBarGapRatio: 'Proporção de espaço entre séries',
+  chartConfigurationStacked: 'Empilhado',
+  chartConfigurationShowToolbar: 'Mostrar barra de ferramentas',
+  chartConfigurationSkipAnimation: 'Ignorar animação',
+  chartConfigurationInnerRadius: 'Raio interno',
+  chartConfigurationOuterRadius: 'Raio externo',
+  chartConfigurationColors: 'Cores',
+  chartConfigurationHideLegend: 'Ocultar legenda',
+  chartConfigurationShowMark: 'Mostrar marcação',
+  chartConfigurationHeight: 'Altura',
+  chartConfigurationWidth: 'Largura',
+  chartConfigurationSeriesGap: 'Espaçamento entre séries',
+  chartConfigurationTickPlacement: 'Posição da marcação',
+  chartConfigurationTickLabelPlacement: 'Posição do título da marcação',
+  chartConfigurationCategoriesAxisLabel: 'Título do eixo de categorias',
+  chartConfigurationSeriesAxisLabel: 'Título do eixo de séries',
+  chartConfigurationXAxisPosition: 'Posição do eixo X',
+  chartConfigurationYAxisPosition: 'Posição do eixo Y',
+  chartConfigurationSeriesAxisReverse: 'Inverter eixo de séries',
+  chartConfigurationTooltipPlacement: 'Posição',
+  chartConfigurationTooltipTrigger: 'Gatilho',
+  chartConfigurationLegendPosition: 'Posição',
+  chartConfigurationLegendDirection: 'Direção',
+  chartConfigurationBarLabels: 'Títulos das barras',
+  chartConfigurationColumnLabels: 'Títulos das colunas',
+  chartConfigurationInterpolation: 'Interpolação',
+  chartConfigurationSectionTooltip: 'Tooltip',
+  chartConfigurationSectionLegend: 'Legenda',
+  chartConfigurationSectionLines: 'Linhas',
+  chartConfigurationSectionAreas: 'Áreas',
+  chartConfigurationSectionArcs: 'Arcos',
+  chartConfigurationPaddingAngle: 'Ângulo de preenchimento',
+  chartConfigurationCornerRadius: 'Raio do canto',
+  chartConfigurationArcLabels: 'Títulos dos arcos',
+  chartConfigurationStartAngle: 'Ângulo inicial',
+  chartConfigurationEndAngle: 'Ângulo final',
+  chartConfigurationPieTooltipTrigger: 'Gatilho',
+  chartConfigurationPieLegendPosition: 'Posição',
+  chartConfigurationPieLegendDirection: 'Direção',
   // Common option labels
-  // chartConfigurationOptionNone: 'None',
-  // chartConfigurationOptionValue: 'Value',
-  // chartConfigurationOptionAuto: 'Auto',
-  // chartConfigurationOptionTop: 'Top',
-  // chartConfigurationOptionTopLeft: 'Top Left',
-  // chartConfigurationOptionTopRight: 'Top Right',
-  // chartConfigurationOptionBottom: 'Bottom',
-  // chartConfigurationOptionBottomLeft: 'Bottom Left',
-  // chartConfigurationOptionBottomRight: 'Bottom Right',
-  // chartConfigurationOptionLeft: 'Left',
-  // chartConfigurationOptionRight: 'Right',
-  // chartConfigurationOptionAxis: 'Axis',
-  // chartConfigurationOptionItem: 'Item',
-  // chartConfigurationOptionHorizontal: 'Horizontal',
-  // chartConfigurationOptionVertical: 'Vertical',
-  // chartConfigurationOptionBoth: 'Both',
-  // chartConfigurationOptionStart: 'Start',
-  // chartConfigurationOptionMiddle: 'Middle',
-  // chartConfigurationOptionEnd: 'End',
-  // chartConfigurationOptionExtremities: 'Extremities',
-  // chartConfigurationOptionTick: 'Tick',
-  // chartConfigurationOptionMonotoneX: 'Monotone X',
-  // chartConfigurationOptionMonotoneY: 'Monotone Y',
-  // chartConfigurationOptionCatmullRom: 'Catmull-Rom',
-  // chartConfigurationOptionLinear: 'Linear',
-  // chartConfigurationOptionNatural: 'Natural',
-  // chartConfigurationOptionStep: 'Step',
-  // chartConfigurationOptionStepBefore: 'Step Before',
-  // chartConfigurationOptionStepAfter: 'Step After',
-  // chartConfigurationOptionBumpX: 'Bump X',
-  // chartConfigurationOptionBumpY: 'Bump Y',
+  chartConfigurationOptionNone: 'Nenhum',
+  chartConfigurationOptionValue: 'Valor',
+  chartConfigurationOptionAuto: 'Automático',
+  chartConfigurationOptionTop: 'Topo',
+  chartConfigurationOptionTopLeft: 'Topo Esquerdo',
+  chartConfigurationOptionTopRight: 'Topo Direito',
+  chartConfigurationOptionBottom: 'Inferior',
+  chartConfigurationOptionBottomLeft: 'Inferior Esquerdo',
+  chartConfigurationOptionBottomRight: 'Inferior Direito',
+  chartConfigurationOptionLeft: 'Esquerda',
+  chartConfigurationOptionRight: 'Direita',
+  chartConfigurationOptionAxis: 'Eixo',
+  chartConfigurationOptionItem: 'Item',
+  chartConfigurationOptionHorizontal: 'Horizontal',
+  chartConfigurationOptionVertical: 'Vertical',
+  chartConfigurationOptionBoth: 'Ambos',
+  chartConfigurationOptionStart: 'Início',
+  chartConfigurationOptionMiddle: 'Meio',
+  chartConfigurationOptionEnd: 'Fim',
+  chartConfigurationOptionExtremities: 'Extremidades',
+  chartConfigurationOptionTick: 'Marcação',
+  chartConfigurationOptionMonotoneX: 'Monótono X',
+  chartConfigurationOptionMonotoneY: 'Monótono Y',
+  chartConfigurationOptionCatmullRom: 'Catmull-Rom',
+  chartConfigurationOptionLinear: 'Linear',
+  chartConfigurationOptionNatural: 'Natural',
+  chartConfigurationOptionStep: 'Passo',
+  chartConfigurationOptionStepBefore: 'Passo Anterior',
+  chartConfigurationOptionStepAfter: 'Passo Posterior',
+  chartConfigurationOptionBumpX: 'Colisão X',
+  chartConfigurationOptionBumpY: 'Colisão Y'
 };
 export const ptBR = getChartsLocalization(ptBRLocaleText);