@mui/x-charts 8.1.0 → 8.2.0

package/esm/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types.d.ts

@@ -1,5 +1,5 @@
 import { ChartPluginSignature } from "../../models/index.js";
-import type { UseChartCartesianAxisSignature } from '../../featurePlugins/useChartCartesianAxis';
+import type { UseChartCartesianAxisSignature } from "../../featurePlugins/useChartCartesianAxis/index.js";
 export interface ChartMargin {
   /**
    * The gap between the left border of the SVG and the drawing area.

package/esm/internals/plugins/corePlugins/useChartId/index.d.ts

@@ -1,3 +1,3 @@
 export { useChartId } from "./useChartId.js";
-export type { UseChartIdSignature, UseChartIdParameters, UseChartIdDefaultizedParameters } from './useChartId.types';
+export type { UseChartIdSignature, UseChartIdParameters, UseChartIdDefaultizedParameters } from "./useChartId.types.js";
 export * from "./useChartId.selectors.js";

package/esm/internals/plugins/corePlugins/useChartId/useChartId.selectors.d.ts

@@ -5,8 +5,8 @@ import { UseChartIdSignature } from "./useChartId.types.js";
  * @param {ChartState<[UseChartIdSignature]>} state The state of the chart.
  * @returns {string} The id attribute of the chart.
  */
-export declare const selectorChartId: ((state: import("./useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
-  cacheKey: import("../../models").ChartStateCacheKey;
+export declare const selectorChartId: ((state: import("./useChartId.types.js").UseChartIdState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & Partial<{}> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => string | undefined) & {
   clearCache: () => void;
   resultsCount: () => number;

package/esm/internals/plugins/corePlugins/useChartSeries/index.d.ts

@@ -1,3 +1,3 @@
 export { useChartSeries } from "./useChartSeries.js";
-export type { UseChartSeriesSignature, UseChartSeriesParameters, UseChartSeriesDefaultizedParameters, ProcessedSeries } from './useChartSeries.types';
+export type { UseChartSeriesSignature, UseChartSeriesParameters, UseChartSeriesDefaultizedParameters, ProcessedSeries } from "./useChartSeries.types.js";
 export * from "./useChartSeries.selectors.js";

package/esm/internals/plugins/corePlugins/useChartSeries/processSeries.js

@@ -27,7 +27,7 @@ export const preprocessSeries = ({
       };
     }
     if (seriesGroups[seriesData.type]?.series[id] !== undefined) {
-      throw new Error(`MUI X: series' id "${id}" is not unique.`);
+      throw new Error(`MUI X Charts: series' id "${id}" is not unique.`);
     }
     seriesGroups[seriesData.type].series[id] = seriesWithDefaultValues;
     seriesGroups[seriesData.type].seriesOrder.push(id);

package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.d.ts

@@ -1,26 +1,26 @@
 import { ChartRootSelector } from "../../utils/selectors.js";
 import { UseChartSeriesSignature } from "./useChartSeries.types.js";
 export declare const selectorChartSeriesState: ChartRootSelector<UseChartSeriesSignature>;
-export declare const selectorChartSeriesProcessed: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("./useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
-  cacheKey: import("../../models").ChartStateCacheKey;
-}) => import("./useChartSeries.types").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>) & {
+export declare const selectorChartSeriesProcessed: ((state: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & Partial<{}> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}) => import("./useChartSeries.types.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>) & {
   clearCache: () => void;
   resultsCount: () => number;
   resetResultsCount: () => void;
 } & {
   resultFunc: (resultFuncArgs_0: {
-    processedSeries: import("./useChartSeries.types").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-    seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
-  }) => import("./useChartSeries.types").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
+    processedSeries: import("./useChartSeries.types.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+    seriesConfig: import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
+  }) => import("./useChartSeries.types.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
   memoizedResultFunc: ((resultFuncArgs_0: {
-    processedSeries: import("./useChartSeries.types").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-    seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
-  }) => import("./useChartSeries.types").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>) & {
+    processedSeries: import("./useChartSeries.types.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+    seriesConfig: import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
+  }) => import("./useChartSeries.types.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
   };
-  lastResult: () => import("./useChartSeries.types").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
+  lastResult: () => import("./useChartSeries.types.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
   dependencies: [ChartRootSelector<UseChartSeriesSignature>];
   recomputations: () => number;
   resetRecomputations: () => void;
@@ -30,26 +30,26 @@ export declare const selectorChartSeriesProcessed: ((state: import("../useChartI
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const selectorChartSeriesConfig: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("./useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
-  cacheKey: import("../../models").ChartStateCacheKey;
-}) => import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>) & {
+export declare const selectorChartSeriesConfig: ((state: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & Partial<{}> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}) => import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>) & {
   clearCache: () => void;
   resultsCount: () => number;
   resetResultsCount: () => void;
 } & {
   resultFunc: (resultFuncArgs_0: {
-    processedSeries: import("./useChartSeries.types").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-    seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
-  }) => import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
+    processedSeries: import("./useChartSeries.types.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+    seriesConfig: import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
+  }) => import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
   memoizedResultFunc: ((resultFuncArgs_0: {
-    processedSeries: import("./useChartSeries.types").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-    seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
-  }) => import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>) & {
+    processedSeries: import("./useChartSeries.types.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+    seriesConfig: import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
+  }) => import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
   };
-  lastResult: () => import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
+  lastResult: () => import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
   dependencies: [ChartRootSelector<UseChartSeriesSignature>];
   recomputations: () => number;
   resetRecomputations: () => void;

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisValue.d.ts

@@ -1,13 +1,13 @@
 import { AxisConfig, ScaleName } from "../../../../models/index.js";
 import { ChartsXAxisProps, ChartsAxisProps, ChartsYAxisProps, AxisId } from "../../../../models/axis.js";
 import { ChartSeriesType } from "../../../../models/seriesType/config.js";
-import type { ChartDrawingArea } from '../../../../hooks';
+import type { ChartDrawingArea } from "../../../../hooks/index.js";
 import { ChartSeriesConfig } from "../../models/seriesConfig/index.js";
-import { DefaultizedAxisConfig, DefaultizedZoomOptions } from "./useChartCartesianAxis.types.js";
+import { ComputedAxisConfig, DefaultizedZoomOptions } from "./useChartCartesianAxis.types.js";
 import { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
 import { GetZoomAxisFilters, ZoomData } from "./zoom.types.js";
 export type ComputeResult<T extends ChartsAxisProps> = {
-  axis: DefaultizedAxisConfig<T>;
+  axis: ComputedAxisConfig<T>;
   axisIds: string[];
 };
 type ComputeCommonParams<T extends ChartSeriesType = ChartSeriesType> = {

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/defaultizeAxis.d.ts

@@ -1,6 +1,5 @@
-import { MakeOptional } from '@mui/x-internals/types';
-import { AxisConfig, ScaleName } from "../../../../models/index.js";
-import { ChartsXAxisProps, ChartsYAxisProps } from "../../../../models/axis.js";
+import { XAxis, YAxis } from "../../../../models/index.js";
+import { DefaultedXAxis, DefaultedYAxis } from "../../../../models/axis.js";
 import { DatasetType } from "../../../../models/seriesType/config.js";
-export declare function defaultizeXAxis(inAxis: readonly MakeOptional<AxisConfig<ScaleName, any, ChartsXAxisProps>, 'id'>[] | undefined, dataset: Readonly<DatasetType> | undefined): Array<AxisConfig<ScaleName, any, ChartsXAxisProps>>;
-export declare function defaultizeYAxis(inAxis: readonly MakeOptional<AxisConfig<ScaleName, any, ChartsYAxisProps>, 'id'>[] | undefined, dataset: Readonly<DatasetType> | undefined): Array<AxisConfig<ScaleName, any, ChartsYAxisProps>>;
+export declare function defaultizeXAxis(inAxes: readonly XAxis[] | undefined, dataset: Readonly<DatasetType> | undefined): DefaultedXAxis[];
+export declare function defaultizeYAxis(inAxes: readonly YAxis[] | undefined, dataset: Readonly<DatasetType> | undefined): DefaultedYAxis[];

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

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY, DEFAULT_AXIS_SIZE_HEIGHT, DEFAULT_AXIS_SIZE_WIDTH, AXIS_LABEL_DEFAULT_HEIGHT } from "../../../../constants/index.js";
-export function defaultizeXAxis(inAxis, dataset) {
+export function defaultizeXAxis(inAxes, dataset) {
   const offsets = {
     top: 0,
     bottom: 0,
     none: 0
   };
-  const inputAxes = inAxis && inAxis.length > 0 ? inAxis : [{
+  const inputAxes = inAxes && inAxes.length > 0 ? inAxes : [{
     id: DEFAULT_X_AXIS_KEY,
     scaleType: 'linear'
   }];
@@ -35,7 +35,7 @@ export function defaultizeXAxis(inAxis, dataset) {
       return sharedConfig;
     }
     if (dataset === undefined) {
-      throw new Error(`MUI X: x-axis uses \`dataKey\` but no \`dataset\` is provided.`);
+      throw new Error(`MUI X Charts: x-axis uses \`dataKey\` but no \`dataset\` is provided.`);
     }
 
     // If `dataKey` is provided
@@ -45,13 +45,13 @@ export function defaultizeXAxis(inAxis, dataset) {
   });
   return parsedAxes;
 }
-export function defaultizeYAxis(inAxis, dataset) {
+export function defaultizeYAxis(inAxes, dataset) {
   const offsets = {
     right: 0,
     left: 0,
     none: 0
   };
-  const inputAxes = inAxis && inAxis.length > 0 ? inAxis : [{
+  const inputAxes = inAxes && inAxes.length > 0 ? inAxes : [{
     id: DEFAULT_Y_AXIS_KEY,
     scaleType: 'linear'
   }];
@@ -80,7 +80,7 @@ export function defaultizeYAxis(inAxis, dataset) {
       return sharedConfig;
     }
     if (dataset === undefined) {
-      throw new Error(`MUI X: y-axis uses \`dataKey\` but no \`dataset\` is provided.`);
+      throw new Error(`MUI X Charts: y-axis uses \`dataKey\` but no \`dataset\` is provided.`);
     }
 
     // If `dataKey` is provided

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisValue.d.ts

@@ -1,11 +1,11 @@
-import { AxisDefaultized } from "../../../../models/axis.js";
+import { ComputedAxis } from "../../../../models/axis.js";
 /**
  * For a pointer coordinate, this function returns the dataIndex associated.
  * Returns `-1` if no dataIndex matches.
  */
-export declare function getAxisIndex(axisConfig: AxisDefaultized, pointerValue: number): number;
+export declare function getAxisIndex(axisConfig: ComputedAxis, pointerValue: number): number;
 /**
  * For a pointer coordinate, this function returns the value associated.
  * Returns `null` if the coordinate has no value associated.
  */
-export declare function getAxisValue(axisConfig: AxisDefaultized, pointerValue: number, dataIndex: number): number | Date | null;
+export declare function getAxisValue(axisConfig: ComputedAxis, pointerValue: number, dataIndex: number): number | Date | null;

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/index.d.ts

@@ -1,5 +1,5 @@
 export { useChartCartesianAxis } from "./useChartCartesianAxis.js";
-export type * from './useChartCartesianAxis.types';
+export type * from "./useChartCartesianAxis.types.js";
 export * from "./useChartCartesianAxisRendering.selectors.js";
 export * from "./useChartCartesianAxisLayout.selectors.js";
 export * from "./useChartCartesianInteraction.selectors.js";

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

@@ -1,40 +1,40 @@
-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> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
-  cacheKey: import("../../models").ChartStateCacheKey;
+export declare const selectorChartLeftAxisSize: ((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.js").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) & {
+  resultFunc: (resultFuncArgs_0: import("../../../index.js").DefaultedYAxis[] | undefined) => number;
+  memoizedResultFunc: ((resultFuncArgs_0: import("../../../index.js").DefaultedYAxis[] | 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> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
-    cacheKey: import("../../models").ChartStateCacheKey;
-  }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) & {
+  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+    cacheKey: import("../../models/index.js").ChartStateCacheKey;
+  }) => import("../../../index.js").DefaultedYAxis[] | 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;
+      x: import("../../../index.js").DefaultedXAxis[];
+      y: import("../../../index.js").DefaultedYAxis[];
+    } | undefined) => import("../../../index.js").DefaultedYAxis[] | 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) & {
+      x: import("../../../index.js").DefaultedXAxis[];
+      y: import("../../../index.js").DefaultedYAxis[];
+    } | undefined) => import("../../../index.js").DefaultedYAxis[] | 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>[];
+    lastResult: () => import("../../../index.js").DefaultedYAxis[] | undefined;
+    dependencies: [(state: import("../../models/index.js").ChartState<[], [import("./useChartCartesianAxis.types.js").UseChartCartesianAxisSignature]>) => {
+      x: import("../../../index.js").DefaultedXAxis[];
+      y: import("../../../index.js").DefaultedYAxis[];
     } | undefined];
     recomputations: () => number;
     resetRecomputations: () => void;
@@ -52,43 +52,43 @@ export declare const selectorChartLeftAxisSize: ((state: import("../../corePlugi
   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> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
-  cacheKey: import("../../models").ChartStateCacheKey;
+export declare const selectorChartRightAxisSize: ((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.js").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) & {
+  resultFunc: (resultFuncArgs_0: import("../../../index.js").DefaultedYAxis[] | undefined) => number;
+  memoizedResultFunc: ((resultFuncArgs_0: import("../../../index.js").DefaultedYAxis[] | 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> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
-    cacheKey: import("../../models").ChartStateCacheKey;
-  }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) & {
+  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+    cacheKey: import("../../models/index.js").ChartStateCacheKey;
+  }) => import("../../../index.js").DefaultedYAxis[] | 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;
+      x: import("../../../index.js").DefaultedXAxis[];
+      y: import("../../../index.js").DefaultedYAxis[];
+    } | undefined) => import("../../../index.js").DefaultedYAxis[] | 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) & {
+      x: import("../../../index.js").DefaultedXAxis[];
+      y: import("../../../index.js").DefaultedYAxis[];
+    } | undefined) => import("../../../index.js").DefaultedYAxis[] | 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>[];
+    lastResult: () => import("../../../index.js").DefaultedYAxis[] | undefined;
+    dependencies: [(state: import("../../models/index.js").ChartState<[], [import("./useChartCartesianAxis.types.js").UseChartCartesianAxisSignature]>) => {
+      x: import("../../../index.js").DefaultedXAxis[];
+      y: import("../../../index.js").DefaultedYAxis[];
     } | undefined];
     recomputations: () => number;
     resetRecomputations: () => void;
@@ -106,43 +106,43 @@ export declare const selectorChartRightAxisSize: ((state: import("../../corePlug
   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> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
-  cacheKey: import("../../models").ChartStateCacheKey;
+export declare const selectorChartTopAxisSize: ((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.js").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) & {
+  resultFunc: (resultFuncArgs_0: import("../../../index.js").DefaultedXAxis[] | undefined) => number;
+  memoizedResultFunc: ((resultFuncArgs_0: import("../../../index.js").DefaultedXAxis[] | 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> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
-    cacheKey: import("../../models").ChartStateCacheKey;
-  }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) & {
+  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+    cacheKey: import("../../models/index.js").ChartStateCacheKey;
+  }) => import("../../../index.js").DefaultedXAxis[] | 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;
+      x: import("../../../index.js").DefaultedXAxis[];
+      y: import("../../../index.js").DefaultedYAxis[];
+    } | undefined) => import("../../../index.js").DefaultedXAxis[] | 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) & {
+      x: import("../../../index.js").DefaultedXAxis[];
+      y: import("../../../index.js").DefaultedYAxis[];
+    } | undefined) => import("../../../index.js").DefaultedXAxis[] | 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>[];
+    lastResult: () => import("../../../index.js").DefaultedXAxis[] | undefined;
+    dependencies: [(state: import("../../models/index.js").ChartState<[], [import("./useChartCartesianAxis.types.js").UseChartCartesianAxisSignature]>) => {
+      x: import("../../../index.js").DefaultedXAxis[];
+      y: import("../../../index.js").DefaultedYAxis[];
     } | undefined];
     recomputations: () => number;
     resetRecomputations: () => void;
@@ -160,43 +160,43 @@ export declare const selectorChartTopAxisSize: ((state: import("../../corePlugin
   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> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
-  cacheKey: import("../../models").ChartStateCacheKey;
+export declare const selectorChartBottomAxisSize: ((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.js").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) & {
+  resultFunc: (resultFuncArgs_0: import("../../../index.js").DefaultedXAxis[] | undefined) => number;
+  memoizedResultFunc: ((resultFuncArgs_0: import("../../../index.js").DefaultedXAxis[] | 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> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
-    cacheKey: import("../../models").ChartStateCacheKey;
-  }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) & {
+  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+    cacheKey: import("../../models/index.js").ChartStateCacheKey;
+  }) => import("../../../index.js").DefaultedXAxis[] | 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;
+      x: import("../../../index.js").DefaultedXAxis[];
+      y: import("../../../index.js").DefaultedYAxis[];
+    } | undefined) => import("../../../index.js").DefaultedXAxis[] | 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) & {
+      x: import("../../../index.js").DefaultedXAxis[];
+      y: import("../../../index.js").DefaultedYAxis[];
+    } | undefined) => import("../../../index.js").DefaultedXAxis[] | 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>[];
+    lastResult: () => import("../../../index.js").DefaultedXAxis[] | undefined;
+    dependencies: [(state: import("../../models/index.js").ChartState<[], [import("./useChartCartesianAxis.types.js").UseChartCartesianAxisSignature]>) => {
+      x: import("../../../index.js").DefaultedXAxis[];
+      y: import("../../../index.js").DefaultedYAxis[];
     } | undefined];
     recomputations: () => number;
     resetRecomputations: () => void;

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

@@ -28,7 +28,7 @@ export const useChartCartesianAxis = ({
     const ids = [...(xAxis ?? []), ...(yAxis ?? [])].filter(axis => axis.id).map(axis => axis.id);
     const duplicates = new Set(ids.filter((id, index) => ids.indexOf(id) !== index));
     if (duplicates.size > 0) {
-      warnOnce([`MUI X: The following axis ids are duplicated: ${Array.from(duplicates).join(', ')}.`, `Please make sure that each axis has a unique id.`].join('\n'), 'error');
+      warnOnce([`MUI X Charts: The following axis ids are duplicated: ${Array.from(duplicates).join(', ')}.`, `Please make sure that each axis has a unique id.`].join('\n'), 'error');
     }
   }
   const drawingArea = useSelector(store, selectorChartDrawingArea);

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

@@ -1,12 +1,16 @@
-import type { ChartPluginSignature } from '../../models';
-import type { ChartSeriesType, DatasetType } from '../../../../models/seriesType/config';
-import type { AxisDefaultized, ScaleName, ChartsXAxisProps, ChartsYAxisProps, AxisId, AxisConfig, ChartsAxisData, YAxis, XAxis } 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>;
+import type { ChartPluginSignature } from "../../models/index.js";
+import type { ChartSeriesType, DatasetType } from "../../../../models/seriesType/config.js";
+import type { ComputedAxis, ScaleName, AxisId, ChartsAxisData, YAxis, XAxis, DefaultedXAxis, DefaultedYAxis } from "../../../../models/axis.js";
+import type { UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.js";
+import type { ZoomData, ZoomOptions } from "./zoom.types.js";
+import type { UseChartInteractionSignature } from "../useChartInteraction/index.js";
+import type { ChartsAxisProps } from "../../../../ChartsAxis/index.js";
+/**
+ * The axes' configuration after computing.
+ * An axis in this state already contains a scale function and all the necessary properties to be rendered.
+ */
+export type ComputedAxisConfig<AxisProps extends ChartsAxisProps> = {
+  [axisId: AxisId]: ComputedAxis<ScaleName, any, AxisProps>;
 };
 export interface UseChartCartesianAxisParameters<S extends ScaleName = ScaleName> {
   /**
@@ -29,7 +33,7 @@ export interface UseChartCartesianAxisParameters<S extends ScaleName = ScaleName
    * The function called for onClick events.
    * The second argument contains information about all line/bar elements at the current mouse position.
    * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
-   * @param {null | AxisData} data The data about the clicked axis and items associated with it.
+   * @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
    */
   onAxisClick?: (event: MouseEvent, data: null | ChartsAxisData) => void;
   /**
@@ -40,8 +44,8 @@ export interface UseChartCartesianAxisParameters<S extends ScaleName = ScaleName
   disableAxisListener?: boolean;
 }
 export type UseChartCartesianAxisDefaultizedParameters<S extends ScaleName = ScaleName> = UseChartCartesianAxisParameters<S> & {
-  defaultizedXAxis: AxisConfig<S, any, ChartsXAxisProps>[];
-  defaultizedYAxis: AxisConfig<S, any, ChartsYAxisProps>[];
+  defaultizedXAxis: DefaultedXAxis<S>[];
+  defaultizedYAxis: DefaultedYAxis<S>[];
 };
 export interface DefaultizedZoomOptions extends Required<ZoomOptions> {
   axisId: AxisId;
@@ -56,8 +60,8 @@ export interface UseChartCartesianAxisState {
     zoomData: readonly ZoomData[];
   };
   cartesianAxis: {
-    x: AxisConfig<ScaleName, any, ChartsXAxisProps>[];
-    y: AxisConfig<ScaleName, any, ChartsYAxisProps>[];
+    x: DefaultedXAxis[];
+    y: DefaultedYAxis[];
   };
 }
 export type ExtremumFilter = (value: {