@mui/x-charts 8.0.0-alpha.12 → 8.0.0-alpha.13

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisSize.selectors.d.ts

@@ -0,0 +1,216 @@
+export declare const selectorChartLeftAxisSize: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models").ChartStateCacheKey;
+}) => number) & {
+  clearCache: () => void;
+  resultsCount: () => number;
+  resetResultsCount: () => void;
+} & {
+  resultFunc: (resultFuncArgs_0: import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) => number;
+  memoizedResultFunc: ((resultFuncArgs_0: import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) => number) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  };
+  lastResult: () => number;
+  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+    cacheKey: import("../../models").ChartStateCacheKey;
+  }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  } & {
+    resultFunc: (resultFuncArgs_0: {
+      x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+      y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+    } | undefined) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: {
+      x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+      y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+    } | undefined) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    };
+    lastResult: () => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined;
+    dependencies: [(state: import("../../models").ChartState<[], [import("./useChartCartesianAxis.types").UseChartCartesianAxisSignature]>) => {
+      x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+      y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+    } | undefined];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+  } & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+  }];
+  recomputations: () => number;
+  resetRecomputations: () => void;
+  dependencyRecomputations: () => number;
+  resetDependencyRecomputations: () => void;
+} & {
+  memoize: typeof import("reselect").weakMapMemoize;
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+};
+export declare const selectorChartRightAxisSize: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models").ChartStateCacheKey;
+}) => number) & {
+  clearCache: () => void;
+  resultsCount: () => number;
+  resetResultsCount: () => void;
+} & {
+  resultFunc: (resultFuncArgs_0: import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) => number;
+  memoizedResultFunc: ((resultFuncArgs_0: import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) => number) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  };
+  lastResult: () => number;
+  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+    cacheKey: import("../../models").ChartStateCacheKey;
+  }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  } & {
+    resultFunc: (resultFuncArgs_0: {
+      x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+      y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+    } | undefined) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: {
+      x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+      y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+    } | undefined) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    };
+    lastResult: () => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined;
+    dependencies: [(state: import("../../models").ChartState<[], [import("./useChartCartesianAxis.types").UseChartCartesianAxisSignature]>) => {
+      x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+      y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+    } | undefined];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+  } & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+  }];
+  recomputations: () => number;
+  resetRecomputations: () => void;
+  dependencyRecomputations: () => number;
+  resetDependencyRecomputations: () => void;
+} & {
+  memoize: typeof import("reselect").weakMapMemoize;
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+};
+export declare const selectorChartTopAxisSize: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models").ChartStateCacheKey;
+}) => number) & {
+  clearCache: () => void;
+  resultsCount: () => number;
+  resetResultsCount: () => void;
+} & {
+  resultFunc: (resultFuncArgs_0: import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) => number;
+  memoizedResultFunc: ((resultFuncArgs_0: import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) => number) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  };
+  lastResult: () => number;
+  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+    cacheKey: import("../../models").ChartStateCacheKey;
+  }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  } & {
+    resultFunc: (resultFuncArgs_0: {
+      x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+      y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+    } | undefined) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: {
+      x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+      y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+    } | undefined) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    };
+    lastResult: () => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined;
+    dependencies: [(state: import("../../models").ChartState<[], [import("./useChartCartesianAxis.types").UseChartCartesianAxisSignature]>) => {
+      x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+      y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+    } | undefined];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+  } & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+  }];
+  recomputations: () => number;
+  resetRecomputations: () => void;
+  dependencyRecomputations: () => number;
+  resetDependencyRecomputations: () => void;
+} & {
+  memoize: typeof import("reselect").weakMapMemoize;
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+};
+export declare const selectorChartBottomAxisSize: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models").ChartStateCacheKey;
+}) => number) & {
+  clearCache: () => void;
+  resultsCount: () => number;
+  resetResultsCount: () => void;
+} & {
+  resultFunc: (resultFuncArgs_0: import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) => number;
+  memoizedResultFunc: ((resultFuncArgs_0: import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) => number) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  };
+  lastResult: () => number;
+  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+    cacheKey: import("../../models").ChartStateCacheKey;
+  }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  } & {
+    resultFunc: (resultFuncArgs_0: {
+      x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+      y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+    } | undefined) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: {
+      x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+      y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+    } | undefined) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    };
+    lastResult: () => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined;
+    dependencies: [(state: import("../../models").ChartState<[], [import("./useChartCartesianAxis.types").UseChartCartesianAxisSignature]>) => {
+      x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+      y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+    } | undefined];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+  } & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+  }];
+  recomputations: () => number;
+  resetRecomputations: () => void;
+  dependencyRecomputations: () => number;
+  resetDependencyRecomputations: () => void;
+} & {
+  memoize: typeof import("reselect").weakMapMemoize;
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+};

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisSize.selectors.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectorChartTopAxisSize = exports.selectorChartRightAxisSize = exports.selectorChartLeftAxisSize = exports.selectorChartBottomAxisSize = void 0;
+var _useChartCartesianAxisLayout = require("./useChartCartesianAxisLayout.selectors");
+var _selectors = require("../../utils/selectors");
+const selectorChartLeftAxisSize = exports.selectorChartLeftAxisSize = (0, _selectors.createSelector)([_useChartCartesianAxisLayout.selectorChartRawYAxis], yAxis => (yAxis ?? []).reduce((acc, axis) => axis.position === 'left' ? acc + (axis.width || 0) : acc, 0));
+const selectorChartRightAxisSize = exports.selectorChartRightAxisSize = (0, _selectors.createSelector)([_useChartCartesianAxisLayout.selectorChartRawYAxis], yAxis => (yAxis ?? []).reduce((acc, axis) => axis.position === 'right' ? acc + (axis.width || 0) : acc, 0));
+const selectorChartTopAxisSize = exports.selectorChartTopAxisSize = (0, _selectors.createSelector)([_useChartCartesianAxisLayout.selectorChartRawXAxis], xAxis => (xAxis ?? []).reduce((acc, axis) => axis.position === 'top' ? acc + (axis.height || 0) : acc, 0));
+const selectorChartBottomAxisSize = exports.selectorChartBottomAxisSize = (0, _selectors.createSelector)([_useChartCartesianAxisLayout.selectorChartRawXAxis], xAxis => (xAxis ?? []).reduce((acc, axis) => axis.position === 'bottom' ? acc + (axis.height || 0) : acc, 0));

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxis.js

@@ -15,7 +15,7 @@ var _useSelector = require("../../../store/useSelector");
 var _useChartDimensions = require("../../corePlugins/useChartDimensions/useChartDimensions.selectors");
 var _useChartSeries = require("../../corePlugins/useChartSeries/useChartSeries.selectors");
 var _defaultizeAxis = require("./defaultizeAxis");
-var _useChartCartesianAxis = require("./useChartCartesianAxis.selectors");
+var _useChartCartesianAxisRendering = require("./useChartCartesianAxisRendering.selectors");
 var _getAxisValue = require("./getAxisValue");
 var _getSVGPoint = require("../../../getSVGPoint");
 var _useChartInteraction = require("../useChartInteraction");
@@ -41,14 +41,15 @@ const useChartCartesianAxis = ({
   const drawingArea = (0, _useSelector.useSelector)(store, _useChartDimensions.selectorChartDrawingArea);
   const processedSeries = (0, _useSelector.useSelector)(store, _useChartSeries.selectorChartSeriesProcessed);
   const interactionAxis = (0, _useSelector.useSelector)(store, _useChartInteraction.selectorChartsInteractionAxis);
+  const isInteractionEnabled = (0, _useSelector.useSelector)(store, _useChartInteraction.selectorChartsInteractionIsInitialized);
   const {
     axis: xAxisWithScale,
     axisIds: xAxisIds
-  } = (0, _useSelector.useSelector)(store, _useChartCartesianAxis.selectorChartXAxis);
+  } = (0, _useSelector.useSelector)(store, _useChartCartesianAxisRendering.selectorChartXAxis);
   const {
     axis: yAxisWithScale,
     axisIds: yAxisIds
-  } = (0, _useSelector.useSelector)(store, _useChartCartesianAxis.selectorChartYAxis);
+  } = (0, _useSelector.useSelector)(store, _useChartCartesianAxisRendering.selectorChartYAxis);
 
   // The effect do not track any value defined synchronously during the 1st render by hooks called after `useChartCartesianAxis`
   // As a consequence, the state generated by the 1st run of this useEffect will always be equal to the initialization one
@@ -76,7 +77,7 @@ const useChartCartesianAxis = ({
   });
   React.useEffect(() => {
     const element = svgRef.current;
-    if (element === null || params.disableAxisListener) {
+    if (!isInteractionEnabled || element === null || params.disableAxisListener) {
       return () => {};
     }
     const handleOut = () => {
@@ -85,7 +86,7 @@ const useChartCartesianAxis = ({
         x: -1,
         y: -1
       };
-      instance.cleanInteraction();
+      instance.cleanInteraction?.();
     };
     const handleMove = event => {
       const target = 'targetTouches' in event ? event.targetTouches[0] : event;
@@ -110,7 +111,7 @@ const useChartCartesianAxis = ({
         return;
       }
       mousePosition.current.isInChart = true;
-      instance.setAxisInteraction({
+      instance.setAxisInteraction?.({
         x: (0, _getAxisValue.getAxisValue)(xAxisWithScale[usedXAxis], svgPoint.x),
         y: (0, _getAxisValue.getAxisValue)(yAxisWithScale[usedYAxis], svgPoint.y)
       });
@@ -136,7 +137,7 @@ const useChartCartesianAxis = ({
       element.removeEventListener('pointercancel', handleOut);
       element.removeEventListener('pointerleave', handleOut);
     };
-  }, [svgRef, store, xAxisWithScale, usedXAxis, yAxisWithScale, usedYAxis, instance, params.disableAxisListener]);
+  }, [svgRef, store, xAxisWithScale, usedXAxis, yAxisWithScale, usedYAxis, instance, params.disableAxisListener, isInteractionEnabled]);
   React.useEffect(() => {
     const element = svgRef.current;
     if (element === null || !params.onAxisClick) {
@@ -145,30 +146,30 @@ const useChartCartesianAxis = ({
     const handleMouseClick = event => {
       event.preventDefault();
       let dataIndex = null;
-      let isXaxis = false;
+      let isXAxis = false;
       if (interactionAxis.x === null && interactionAxis.y === null) {
         const svgPoint = (0, _getSVGPoint.getSVGPoint)(element, event);
         const xIndex = (0, _getAxisValue.getAxisValue)(xAxisWithScale[usedXAxis], svgPoint.x)?.index ?? null;
-        isXaxis = xIndex !== null && xIndex !== -1;
-        dataIndex = isXaxis ? xIndex : (0, _getAxisValue.getAxisValue)(yAxisWithScale[usedYAxis], svgPoint.y)?.index ?? null;
+        isXAxis = xIndex !== null && xIndex !== -1;
+        dataIndex = isXAxis ? xIndex : (0, _getAxisValue.getAxisValue)(yAxisWithScale[usedYAxis], svgPoint.y)?.index ?? null;
       } else {
-        isXaxis = interactionAxis.x !== null && interactionAxis.x.index !== -1;
-        dataIndex = isXaxis ? interactionAxis.x && interactionAxis.x.index : interactionAxis.y && interactionAxis.y.index;
+        isXAxis = interactionAxis.x !== null && interactionAxis.x.index !== -1;
+        dataIndex = isXAxis ? interactionAxis.x && interactionAxis.x.index : interactionAxis.y && interactionAxis.y.index;
       }
-      const USED_AXIS_ID = isXaxis ? xAxisIds[0] : yAxisIds[0];
+      const USED_AXIS_ID = isXAxis ? xAxisIds[0] : yAxisIds[0];
       if (dataIndex == null || dataIndex === -1) {
         return;
       }
 
       // The .data exist because otherwise the dataIndex would be null or -1.
-      const axisValue = (isXaxis ? xAxisWithScale : yAxisWithScale)[USED_AXIS_ID].data[dataIndex];
+      const axisValue = (isXAxis ? xAxisWithScale : yAxisWithScale)[USED_AXIS_ID].data[dataIndex];
       const seriesValues = {};
       Object.keys(processedSeries).filter(seriesType => ['bar', 'line'].includes(seriesType)).forEach(seriesType => {
         processedSeries[seriesType]?.seriesOrder.forEach(seriesId => {
           const seriesItem = processedSeries[seriesType].series[seriesId];
           const providedXAxisId = seriesItem.xAxisId;
           const providedYAxisId = seriesItem.yAxisId;
-          const axisKey = isXaxis ? providedXAxisId : providedYAxisId;
+          const axisKey = isXAxis ? providedXAxisId : providedYAxisId;
           if (axisKey === undefined || axisKey === USED_AXIS_ID) {
             seriesValues[seriesId] = seriesItem.data[dataIndex];
           }

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxis.types.d.ts

@@ -1,11 +1,12 @@
-import { MakeOptional } from '@mui/x-internals/types';
-import { ChartPluginSignature } from "../../models/index.js";
-import { ChartSeriesType, DatasetType } from "../../../../models/seriesType/config.js";
-import { AxisDefaultized, ScaleName, ChartsXAxisProps, ChartsYAxisProps, AxisId, AxisConfig, ChartsAxisData } from "../../../../models/axis.js";
-import { UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.js";
-import { ZoomData, ZoomOptions } from "./zoom.types.js";
-import { UseChartInteractionSignature } from "../useChartInteraction/index.js";
-export type DefaultizedAxisConfig<AxisProps> = {
+import type { MakeOptional } from '@mui/x-internals/types';
+import type { ChartPluginSignature } from '../../models';
+import type { ChartSeriesType, DatasetType } from '../../../../models/seriesType/config';
+import type { AxisDefaultized, ScaleName, ChartsXAxisProps, ChartsYAxisProps, AxisId, AxisConfig, ChartsAxisData } from '../../../../models/axis';
+import type { UseChartSeriesSignature } from '../../corePlugins/useChartSeries';
+import type { ZoomData, ZoomOptions } from './zoom.types';
+import type { UseChartInteractionSignature } from '../useChartInteraction';
+import type { ChartsAxisProps } from '../../../../ChartsAxis';
+export type DefaultizedAxisConfig<AxisProps extends ChartsAxisProps> = {
   [axisId: AxisId]: AxisDefaultized<ScaleName, any, AxisProps>;
 };
 export type CartesianContextState = {
@@ -32,17 +33,17 @@ export interface UseChartCartesianAxisParameters {
    * If not provided, a default axis config is used.
    * An array of [[AxisConfig]] objects.
    */
-  xAxis?: MakeOptional<AxisConfig<ScaleName, any, ChartsXAxisProps>, 'id'>[];
+  xAxis?: readonly MakeOptional<AxisConfig<ScaleName, any, ChartsXAxisProps>, 'id'>[];
   /**
    * The configuration of the y-axes.
    * If not provided, a default axis config is used.
    * An array of [[AxisConfig]] objects.
    */
-  yAxis?: MakeOptional<AxisConfig<ScaleName, any, ChartsYAxisProps>, 'id'>[];
+  yAxis?: readonly MakeOptional<AxisConfig<ScaleName, any, ChartsYAxisProps>, 'id'>[];
   /**
    * An array of objects that can be used to populate series and axes data using their `dataKey` property.
    */
-  dataset?: DatasetType;
+  dataset?: Readonly<DatasetType>;
   /**
    * The function called for onClick events.
    * The second argument contains information about all line/bar elements at the current mouse position.
@@ -71,7 +72,7 @@ export interface UseChartCartesianAxisState {
    */
   zoom?: {
     isInteracting: boolean;
-    zoomData: ZoomData[];
+    zoomData: readonly ZoomData[];
   };
   cartesianAxis: {
     x: AxisConfig<ScaleName, any, ChartsXAxisProps>[];
@@ -87,5 +88,6 @@ export type UseChartCartesianAxisSignature<SeriesType extends ChartSeriesType =
   params: UseChartCartesianAxisParameters;
   defaultizedParams: UseChartCartesianAxisDefaultizedParameters;
   state: UseChartCartesianAxisState;
-  dependencies: [UseChartInteractionSignature, UseChartSeriesSignature<SeriesType>];
+  dependencies: [UseChartSeriesSignature<SeriesType>];
+  optionalDependencies: [UseChartInteractionSignature];
 }>;

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisLayout.selectors.d.ts

@@ -0,0 +1,70 @@
+import { UseChartCartesianAxisSignature } from "./useChartCartesianAxis.types.js";
+import { ChartState } from "../../models/chart.js";
+export declare const selectorChartCartesianAxisState: (state: ChartState<[], [UseChartCartesianAxisSignature]>) => {
+  x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+  y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+} | undefined;
+export declare const selectorChartRawXAxis: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models").ChartStateCacheKey;
+}) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) & {
+  clearCache: () => void;
+  resultsCount: () => number;
+  resetResultsCount: () => void;
+} & {
+  resultFunc: (resultFuncArgs_0: {
+    x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+    y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+  } | undefined) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined;
+  memoizedResultFunc: ((resultFuncArgs_0: {
+    x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+    y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+  } | undefined) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  };
+  lastResult: () => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined;
+  dependencies: [(state: ChartState<[], [UseChartCartesianAxisSignature]>) => {
+    x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+    y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+  } | undefined];
+  recomputations: () => number;
+  resetRecomputations: () => void;
+  dependencyRecomputations: () => number;
+  resetDependencyRecomputations: () => void;
+} & {
+  memoize: typeof import("reselect").weakMapMemoize;
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+};
+export declare const selectorChartRawYAxis: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models").ChartStateCacheKey;
+}) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) & {
+  clearCache: () => void;
+  resultsCount: () => number;
+  resetResultsCount: () => void;
+} & {
+  resultFunc: (resultFuncArgs_0: {
+    x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+    y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+  } | undefined) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined;
+  memoizedResultFunc: ((resultFuncArgs_0: {
+    x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+    y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+  } | undefined) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  };
+  lastResult: () => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined;
+  dependencies: [(state: ChartState<[], [UseChartCartesianAxisSignature]>) => {
+    x: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsXAxisProps>[];
+    y: import("../../..").AxisConfig<import("../../..").ScaleName, any, import("../../..").ChartsYAxisProps>[];
+  } | undefined];
+  recomputations: () => number;
+  resetRecomputations: () => void;
+  dependencyRecomputations: () => number;
+  resetDependencyRecomputations: () => void;
+} & {
+  memoize: typeof import("reselect").weakMapMemoize;
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+};

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisLayout.selectors.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectorChartRawYAxis = exports.selectorChartRawXAxis = exports.selectorChartCartesianAxisState = void 0;
+var _selectors = require("../../utils/selectors");
+const selectorChartCartesianAxisState = state => state.cartesianAxis;
+exports.selectorChartCartesianAxisState = selectorChartCartesianAxisState;
+const selectorChartRawXAxis = exports.selectorChartRawXAxis = (0, _selectors.createSelector)(selectorChartCartesianAxisState, axis => axis?.x);
+const selectorChartRawYAxis = exports.selectorChartRawYAxis = (0, _selectors.createSelector)(selectorChartCartesianAxisState, axis => axis?.y);