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

package/modern/internals/invertTextAnchor.js

@@ -0,0 +1,10 @@
+export function invertTextAnchor(textAnchor) {
+  switch (textAnchor) {
+    case 'start':
+      return 'end';
+    case 'end':
+      return 'start';
+    default:
+      return textAnchor;
+  }
+}

package/modern/internals/isPolar.d.ts

@@ -0,0 +1,7 @@
+import { ChartSeriesType, PolarChartSeriesType, ChartSeriesDefaultized } from "../models/seriesType/config.js";
+export declare function isPolarSeriesType(seriesType: string): seriesType is PolarChartSeriesType;
+export declare function isPolarSeries(series: ChartSeriesDefaultized<ChartSeriesType> & {
+  getColor: (dataIndex: number) => string;
+}): series is ChartSeriesDefaultized<PolarChartSeriesType> & {
+  getColor: (dataIndex: number) => string;
+};

package/modern/internals/isPolar.js

@@ -0,0 +1,7 @@
+import { polarSeriesTypes } from "./configInit.js";
+export function isPolarSeriesType(seriesType) {
+  return polarSeriesTypes.getTypes().has(seriesType);
+}
+export function isPolarSeries(series) {
+  return isPolarSeriesType(series.type);
+}

package/modern/internals/plugins/allPlugins.d.ts

@@ -2,9 +2,10 @@ import { ChartSeriesType } from "../../models/seriesType/config.js";
 import { UseChartCartesianAxisSignature } from "./featurePlugins/useChartCartesianAxis/index.js";
 import { UseChartHighlightSignature } from "./featurePlugins/useChartHighlight/index.js";
 import { UseChartInteractionSignature } from "./featurePlugins/useChartInteraction/index.js";
+import { UseChartPolarAxisSignature } from "./featurePlugins/useChartPolarAxis/index.js";
 import { UseChartVoronoiSignature } from "./featurePlugins/useChartVoronoi/index.js";
 import { UseChartZAxisSignature } from "./featurePlugins/useChartZAxis/index.js";
 import { ConvertSignaturesIntoPlugins } from "./models/helpers.js";
-export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartCartesianAxisSignature<TSeries>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartVoronoiSignature];
+export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartVoronoiSignature];
 export type AllPluginsType<TSeries extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<AllPluginSignatures<TSeries>>;
-export declare const ALL_PLUGINS: (import("./models").ChartPlugin<UseChartInteractionSignature> | import("./models").ChartPlugin<UseChartZAxisSignature> | import("./models").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("./models").ChartPlugin<UseChartHighlightSignature> | import("./models").ChartPlugin<UseChartVoronoiSignature>)[];
+export declare const ALL_PLUGINS: (import("./models").ChartPlugin<UseChartInteractionSignature> | import("./models").ChartPlugin<UseChartZAxisSignature> | import("./models").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("./models").ChartPlugin<UseChartHighlightSignature> | import("./models").ChartPlugin<UseChartPolarAxisSignature<any>> | import("./models").ChartPlugin<UseChartVoronoiSignature>)[];

package/modern/internals/plugins/allPlugins.js

@@ -3,6 +3,7 @@
 import { useChartCartesianAxis } from "./featurePlugins/useChartCartesianAxis/index.js";
 import { useChartHighlight } from "./featurePlugins/useChartHighlight/index.js";
 import { useChartInteraction } from "./featurePlugins/useChartInteraction/index.js";
+import { useChartPolarAxis } from "./featurePlugins/useChartPolarAxis/index.js";
 import { useChartVoronoi } from "./featurePlugins/useChartVoronoi/index.js";
 import { useChartZAxis } from "./featurePlugins/useChartZAxis/index.js";
-export const ALL_PLUGINS = [useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight, useChartVoronoi];
+export const ALL_PLUGINS = [useChartZAxis, useChartCartesianAxis, useChartPolarAxis, useChartInteraction, useChartHighlight, useChartVoronoi];

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

@@ -1,5 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { defaultizeColor } from "../../../defaultizeColor.js";
 /**
  * This methods is the interface between what the developer is providing and what components receives
  * To simplify the components behaviors, it groups series by type, such that LinePlots props are not updated if some line data are modified
@@ -20,23 +18,19 @@ export const preprocessSeries = ({
   // That's probably because the series.type is not propagated from the generic but hardcoded in the config.
 
   series.forEach((seriesData, seriesIndex) => {
-    const {
-      id = `auto-generated-id-${seriesIndex}`,
-      type
-    } = seriesData;
-    if (seriesGroups[type] === undefined) {
-      seriesGroups[type] = {
+    const seriesWithDefaultValues = seriesConfig[seriesData.type].getSeriesWithDefaultValues(seriesData, seriesIndex, colors);
+    const id = seriesWithDefaultValues.id;
+    if (seriesGroups[seriesData.type] === undefined) {
+      seriesGroups[seriesData.type] = {
         series: {},
         seriesOrder: []
       };
     }
-    if (seriesGroups[type]?.series[id] !== undefined) {
+    if (seriesGroups[seriesData.type]?.series[id] !== undefined) {
       throw new Error(`MUI X: series' id "${id}" is not unique.`);
     }
-    seriesGroups[type].series[id] = _extends({
-      id
-    }, defaultizeColor(seriesData, seriesIndex, colors));
-    seriesGroups[type].seriesOrder.push(id);
+    seriesGroups[seriesData.type].series[id] = seriesWithDefaultValues;
+    seriesGroups[seriesData.type].seriesOrder.push(id);
   });
   const processedSeries = {};
   // Apply formatter on a type group

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

@@ -55,6 +55,7 @@ export function computeAxisValue({
       const zoomedRange = zoomScaleRange(scaleRange, zoomRange);
       completeAxis[axis.id] = _extends({
         offset: 0,
+        height: 0,
         categoryGapRatio,
         barGapRatio
       }, axis, {
@@ -74,7 +75,8 @@ export function computeAxisValue({
       const scaleRange = axisDirection === 'y' ? [...range].reverse() : range;
       const zoomedRange = zoomScaleRange(scaleRange, zoomRange);
       completeAxis[axis.id] = _extends({
-        offset: 0
+        offset: 0,
+        height: 0
       }, axis, {
         data,
         scale: scalePoint(axis.data, zoomedRange),
@@ -114,7 +116,8 @@ export function computeAxisValue({
     const [minDomain, maxDomain] = finalScale.domain();
     const domain = [axis.min ?? minDomain, axis.max ?? maxDomain];
     completeAxis[axis.id] = _extends({
-      offset: 0
+      offset: 0,
+      height: 0
     }, axis, {
       data,
       scaleType: scaleType,

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

@@ -2,5 +2,5 @@ import { MakeOptional } from '@mui/x-internals/types';
 import { AxisConfig, ScaleName } from "../../../../models/index.js";
 import { ChartsXAxisProps, ChartsYAxisProps } from "../../../../models/axis.js";
 import { DatasetType } from "../../../../models/seriesType/config.js";
-export declare function defaultizeAxis(inAxis: readonly MakeOptional<AxisConfig<ScaleName, any, ChartsXAxisProps>, 'id'>[] | undefined, dataset: Readonly<DatasetType> | undefined, axisName: 'x'): AxisConfig<ScaleName, any, ChartsXAxisProps>[];
-export declare function defaultizeAxis(inAxis: readonly MakeOptional<AxisConfig<ScaleName, any, ChartsYAxisProps>, 'id'>[] | undefined, dataset: Readonly<DatasetType> | undefined, axisName: 'y'): AxisConfig<ScaleName, any, ChartsYAxisProps>[];
+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>>;

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

@@ -1,38 +1,78 @@
 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 } from "../../../../constants/index.js";
-export function defaultizeAxis(inAxis, dataset, axisName) {
-  const DEFAULT_AXIS_KEY = axisName === 'x' ? DEFAULT_X_AXIS_KEY : DEFAULT_Y_AXIS_KEY;
+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) {
   const offsets = {
     top: 0,
-    right: 0,
     bottom: 0,
+    none: 0
+  };
+  const inputAxes = inAxis && inAxis.length > 0 ? inAxis : [{
+    id: DEFAULT_X_AXIS_KEY,
+    scaleType: 'linear'
+  }];
+  const parsedAxes = inputAxes.map((axisConfig, index) => {
+    const dataKey = axisConfig.dataKey;
+
+    // The first x-axis is defaultized to the bottom
+    const defaultPosition = index === 0 ? 'bottom' : 'none';
+    const position = axisConfig.position ?? defaultPosition;
+    const defaultHeight = DEFAULT_AXIS_SIZE_HEIGHT + (axisConfig.label ? AXIS_LABEL_DEFAULT_HEIGHT : 0);
+    const sharedConfig = _extends({
+      id: `defaultized-x-axis-${index}`,
+      offset: offsets[position]
+    }, axisConfig, {
+      position,
+      height: axisConfig.height ?? defaultHeight
+    });
+
+    // Increment the offset for the next axis
+    if (position !== 'none') {
+      offsets[position] += sharedConfig.height;
+    }
+
+    // If `dataKey` is NOT provided
+    if (dataKey === undefined || axisConfig.data !== undefined) {
+      return sharedConfig;
+    }
+    if (dataset === undefined) {
+      throw new Error(`MUI X: x-axis uses \`dataKey\` but no \`dataset\` is provided.`);
+    }
+
+    // If `dataKey` is provided
+    return _extends({}, sharedConfig, {
+      data: dataset.map(d => d[dataKey])
+    });
+  });
+  return parsedAxes;
+}
+export function defaultizeYAxis(inAxis, dataset) {
+  const offsets = {
+    right: 0,
     left: 0,
     none: 0
   };
   const inputAxes = inAxis && inAxis.length > 0 ? inAxis : [{
-    id: DEFAULT_AXIS_KEY,
+    id: DEFAULT_Y_AXIS_KEY,
     scaleType: 'linear'
   }];
   const parsedAxes = inputAxes.map((axisConfig, index) => {
     const dataKey = axisConfig.dataKey;
-    const defaultPosition = axisName === 'x' ? 'bottom' : 'left';
-    const position = axisConfig.position ?? 'none';
-    const dimension = axisName === 'x' ? 'height' : 'width';
-    const height = axisName === 'x' ? DEFAULT_AXIS_SIZE_HEIGHT : 0;
-    const width = axisName === 'y' ? DEFAULT_AXIS_SIZE_WIDTH : 0;
+
+    // The first y-axis is defaultized to the left
+    const defaultPosition = index === 0 ? 'left' : 'none';
+    const position = axisConfig.position ?? defaultPosition;
+    const defaultWidth = DEFAULT_AXIS_SIZE_WIDTH + (axisConfig.label ? AXIS_LABEL_DEFAULT_HEIGHT : 0);
     const sharedConfig = _extends({
-      id: `defaultized-${axisName}-axis-${index}`
-    }, index === 0 ? {
-      position: defaultPosition
-    } : {}, {
-      height,
-      width,
+      id: `defaultized-y-axis-${index}`,
       offset: offsets[position]
-    }, axisConfig);
+    }, axisConfig, {
+      position,
+      width: axisConfig.width ?? defaultWidth
+    });
 
     // Increment the offset for the next axis
     if (position !== 'none') {
-      offsets[position] += axisConfig[dimension] ?? (dimension === 'height' ? height : width);
+      offsets[position] += sharedConfig.width;
     }
 
     // If `dataKey` is NOT provided
@@ -40,7 +80,7 @@ export function defaultizeAxis(inAxis, dataset, axisName) {
       return sharedConfig;
     }
     if (dataset === undefined) {
-      throw new Error(`MUI X: ${axisName}-axis uses \`dataKey\` but no \`dataset\` is provided.`);
+      throw new Error(`MUI X: y-axis uses \`dataKey\` but no \`dataset\` is provided.`);
     }
 
     // If `dataKey` is provided

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

@@ -1,7 +1,7 @@
 export { useChartCartesianAxis } from "./useChartCartesianAxis.js";
 export type * from './useChartCartesianAxis.types';
 export * from "./useChartCartesianAxisRendering.selectors.js";
-export { defaultizeAxis } from "./defaultizeAxis.js";
+export { defaultizeXAxis, defaultizeYAxis } from "./defaultizeAxis.js";
 export * from "./computeAxisValue.js";
 export * from "./createZoomLookup.js";
 export * from "./zoom.types.js";

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

@@ -1,6 +1,6 @@
 export { useChartCartesianAxis } from "./useChartCartesianAxis.js";
 export * from "./useChartCartesianAxisRendering.selectors.js";
-export { defaultizeAxis } from "./defaultizeAxis.js";
+export { defaultizeXAxis, defaultizeYAxis } from "./defaultizeAxis.js";
 export * from "./computeAxisValue.js";
 export * from "./createZoomLookup.js";
 export * from "./zoom.types.js";

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

@@ -7,7 +7,7 @@ import { rainbowSurgePalette } from "../../../../colorPalettes/index.js";
 import { useSelector } from "../../../store/useSelector.js";
 import { selectorChartDrawingArea } from "../../corePlugins/useChartDimensions/useChartDimensions.selectors.js";
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/useChartSeries.selectors.js";
-import { defaultizeAxis } from "./defaultizeAxis.js";
+import { defaultizeXAxis, defaultizeYAxis } from "./defaultizeAxis.js";
 import { selectorChartXAxis, selectorChartYAxis } from "./useChartCartesianAxisRendering.selectors.js";
 import { getAxisValue } from "./getAxisValue.js";
 import { getSVGPoint } from "../../../getSVGPoint.js";
@@ -54,8 +54,8 @@ export const useChartCartesianAxis = ({
     }
     store.update(prev => _extends({}, prev, {
       cartesianAxis: _extends({}, prev.cartesianAxis, {
-        x: defaultizeAxis(xAxis, dataset, 'x'),
-        y: defaultizeAxis(yAxis, dataset, 'y')
+        x: defaultizeXAxis(xAxis, dataset),
+        y: defaultizeYAxis(yAxis, dataset)
       })
     }));
   }, [seriesConfig, drawingArea, xAxis, yAxis, dataset, store]);
@@ -194,8 +194,8 @@ useChartCartesianAxis.getDefaultizedParams = ({
   return _extends({}, params, {
     colors: params.colors ?? rainbowSurgePalette,
     theme: params.theme ?? 'light',
-    defaultizedXAxis: defaultizeAxis(params.xAxis, params.dataset, 'x'),
-    defaultizedYAxis: defaultizeAxis(params.yAxis, params.dataset, 'y')
+    defaultizedXAxis: defaultizeXAxis(params.xAxis, params.dataset),
+    defaultizedYAxis: defaultizeYAxis(params.yAxis, params.dataset)
   });
 };
 useChartCartesianAxis.getInitialState = params => ({

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

@@ -9,24 +9,6 @@ import type { ChartsAxisProps } from '../../../../ChartsAxis';
 export type DefaultizedAxisConfig<AxisProps extends ChartsAxisProps> = {
   [axisId: AxisId]: AxisDefaultized<ScaleName, any, AxisProps>;
 };
-export type CartesianContextState = {
-  /**
-   * Mapping from x-axis key to scaling configuration.
-   */
-  xAxis: DefaultizedAxisConfig<ChartsXAxisProps>;
-  /**
-   * Mapping from y-axis key to scaling configuration.
-   */
-  yAxis: DefaultizedAxisConfig<ChartsYAxisProps>;
-  /**
-   * The x-axes IDs sorted by order they got provided.
-   */
-  xAxisIds: AxisId[];
-  /**
-   * The y-axes IDs sorted by order they got provided.
-   */
-  yAxisIds: AxisId[];
-};
 export interface UseChartCartesianAxisParameters {
   /**
    * The configuration of the x-axes.

package/modern/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.selectors.d.ts

@@ -31,7 +31,7 @@ export declare const selectorChartsInteractionIsInitialized: ((state: import("..
 };
 export declare const selectorChartsInteractionItem: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartInteraction.types").UseChartInteractionState> & {
   cacheKey: import("../../models").ChartStateCacheKey;
-}) => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | null) & {
+}) => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | import("../../../..").RadarItemIdentifier | null) & {
   clearCache: () => void;
   resultsCount: () => number;
   resetResultsCount: () => void;
@@ -39,16 +39,16 @@ export declare const selectorChartsInteractionItem: ((state: import("../../coreP
   resultFunc: (resultFuncArgs_0: {
     item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
     axis: AxisInteractionData;
-  } | undefined) => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | null;
+  } | undefined) => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | import("../../../..").RadarItemIdentifier | null;
   memoizedResultFunc: ((resultFuncArgs_0: {
     item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
     axis: AxisInteractionData;
-  } | undefined) => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | null) & {
+  } | undefined) => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | import("../../../..").RadarItemIdentifier | null) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
   };
-  lastResult: () => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | null;
+  lastResult: () => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | import("../../../..").RadarItemIdentifier | null;
   dependencies: [ChartOptionalRootSelector<UseChartInteractionSignature>];
   recomputations: () => number;
   resetRecomputations: () => void;
@@ -220,8 +220,8 @@ export declare const selectorChartsInteractionItemIsDefined: ((state: import("..
   resultsCount: () => number;
   resetResultsCount: () => void;
 } & {
-  resultFunc: (resultFuncArgs_0: import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | null) => boolean;
-  memoizedResultFunc: ((resultFuncArgs_0: import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | null) => boolean) & {
+  resultFunc: (resultFuncArgs_0: import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | import("../../../..").RadarItemIdentifier | null) => boolean;
+  memoizedResultFunc: ((resultFuncArgs_0: import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | import("../../../..").RadarItemIdentifier | null) => boolean) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -229,7 +229,7 @@ export declare const selectorChartsInteractionItemIsDefined: ((state: import("..
   lastResult: () => boolean;
   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("./useChartInteraction.types").UseChartInteractionState> & {
     cacheKey: import("../../models").ChartStateCacheKey;
-  }) => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | null) & {
+  }) => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | import("../../../..").RadarItemIdentifier | null) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -237,16 +237,16 @@ export declare const selectorChartsInteractionItemIsDefined: ((state: import("..
     resultFunc: (resultFuncArgs_0: {
       item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
       axis: AxisInteractionData;
-    } | undefined) => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | null;
+    } | undefined) => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | import("../../../..").RadarItemIdentifier | null;
     memoizedResultFunc: ((resultFuncArgs_0: {
       item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
       axis: AxisInteractionData;
-    } | undefined) => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | null) & {
+    } | undefined) => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | import("../../../..").RadarItemIdentifier | null) & {
       clearCache: () => void;
       resultsCount: () => number;
       resetResultsCount: () => void;
     };
-    lastResult: () => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | null;
+    lastResult: () => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | import("../../../..").RadarItemIdentifier | null;
     dependencies: [ChartOptionalRootSelector<UseChartInteractionSignature>];
     recomputations: () => number;
     resetRecomputations: () => void;

package/modern/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.d.ts

@@ -0,0 +1,27 @@
+import { AxisConfig, ScaleName } from "../../../../models/index.js";
+import { ChartsAxisProps, ChartsYAxisProps, ChartsRotationAxisProps, ChartsRadiusAxisProps, PolarAxisDefaultized, AxisId } from "../../../../models/axis.js";
+import { ChartSeriesType } from "../../../../models/seriesType/config.js";
+import type { ChartDrawingArea } from '../../../../hooks';
+import { ChartSeriesConfig } from "../../models/seriesConfig/index.js";
+import { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
+export type DefaultizedAxisConfig<AxisProps extends ChartsRotationAxisProps | ChartsRadiusAxisProps> = {
+  [axisId: AxisId]: PolarAxisDefaultized<ScaleName, any, AxisProps>;
+};
+type ComputeResult<T extends ChartsAxisProps> = {
+  axis: DefaultizedAxisConfig<T>;
+  axisIds: string[];
+};
+type ComputeCommonParams<T extends ChartSeriesType = ChartSeriesType> = {
+  drawingArea: ChartDrawingArea;
+  formattedSeries: ProcessedSeries<T>;
+  seriesConfig: ChartSeriesConfig<T>;
+};
+export declare function computeAxisValue<T extends ChartSeriesType>(options: ComputeCommonParams<T> & {
+  axis?: AxisConfig<'linear', any, ChartsRadiusAxisProps>[];
+  axisDirection: 'radius';
+}): ComputeResult<ChartsYAxisProps>;
+export declare function computeAxisValue<T extends ChartSeriesType>(options: ComputeCommonParams<T> & {
+  axis?: AxisConfig<ScaleName, any, ChartsRotationAxisProps>[];
+  axisDirection: 'rotation';
+}): ComputeResult<ChartsAxisProps>;
+export {};

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

@@ -0,0 +1,133 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { scaleBand, scalePoint, scaleTime } from '@mui/x-charts-vendor/d3-scale';
+import { isBandScaleConfig, isPointScaleConfig } from "../../../../models/axis.js";
+import { getColorScale, getOrdinalColorScale } from "../../../colorScale.js";
+import { getTickNumber } from "../../../../hooks/useTicks.js";
+import { getScale } from "../../../getScale.js";
+import { getAxisExtremum } from "./getAxisExtremum.js";
+const degreeToRad = (value, defaultRad) => {
+  if (value === undefined) {
+    return defaultRad;
+  }
+  return Math.PI * value / 180;
+};
+function getRange(drawingArea, axisDirection, axis) {
+  if (axisDirection === 'rotation') {
+    if (axis.scaleType === 'point') {
+      const angles = [degreeToRad(axis.startAngle, 0), degreeToRad(axis.endAngle, 2 * Math.PI)];
+      const diff = angles[1] - angles[0];
+      if (diff > Math.PI * 2 - 0.1) {
+        // If we cover a full circle, we remove a slice to avoid having data point at the same place.
+        angles[1] -= diff / axis.data.length;
+      }
+      return angles;
+    }
+    return [degreeToRad(axis.startAngle, 0), degreeToRad(axis.endAngle, 2 * Math.PI)];
+  }
+  return [0, Math.min(drawingArea.height, drawingArea.width) / 2];
+}
+const isDateData = data => data?.[0] instanceof Date;
+function createDateFormatter(axis, range) {
+  const timeScale = scaleTime(axis.data, range);
+  return (v, {
+    location
+  }) => location === 'tick' ? timeScale.tickFormat(axis.tickNumber)(v) : `${v.toLocaleString()}`;
+}
+const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
+const DEFAULT_BAR_GAP_RATIO = 0.1;
+export function computeAxisValue({
+  drawingArea,
+  formattedSeries,
+  axis: allAxis,
+  seriesConfig,
+  axisDirection
+}) {
+  if (allAxis === undefined) {
+    return {
+      axis: {},
+      axisIds: []
+    };
+  }
+  const completeAxis = {};
+  allAxis.forEach((eachAxis, axisIndex) => {
+    const axis = eachAxis;
+    const range = getRange(drawingArea, axisDirection, axis);
+    const [minData, maxData] = getAxisExtremum(axis, axisDirection, seriesConfig, axisIndex, formattedSeries);
+    const data = axis.data ?? [];
+    if (isBandScaleConfig(axis)) {
+      const categoryGapRatio = axis.categoryGapRatio ?? DEFAULT_CATEGORY_GAP_RATIO;
+      const barGapRatio = axis.barGapRatio ?? DEFAULT_BAR_GAP_RATIO;
+      completeAxis[axis.id] = _extends({
+        offset: 0,
+        categoryGapRatio,
+        barGapRatio
+      }, axis, {
+        data,
+        scale: scaleBand(axis.data, range).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2),
+        tickNumber: axis.data.length,
+        colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? getOrdinalColorScale(_extends({
+          values: axis.data
+        }, axis.colorMap)) : getColorScale(axis.colorMap))
+      });
+      if (isDateData(axis.data)) {
+        const dateFormatter = createDateFormatter(axis, range);
+        completeAxis[axis.id].valueFormatter = axis.valueFormatter ?? dateFormatter;
+      }
+    }
+    if (isPointScaleConfig(axis)) {
+      completeAxis[axis.id] = _extends({
+        offset: 0
+      }, axis, {
+        data,
+        scale: scalePoint(axis.data, range),
+        tickNumber: axis.data.length,
+        colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? getOrdinalColorScale(_extends({
+          values: axis.data
+        }, axis.colorMap)) : getColorScale(axis.colorMap))
+      });
+      if (isDateData(axis.data)) {
+        const dateFormatter = createDateFormatter(axis, range);
+        completeAxis[axis.id].valueFormatter = axis.valueFormatter ?? dateFormatter;
+      }
+    }
+    if (axis.scaleType === 'band' || axis.scaleType === 'point') {
+      // 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;
+    }
+    const scaleType = axis.scaleType ?? 'linear';
+    const domainLimit = axis.domainLimit ?? 'nice';
+    const axisExtremums = [axis.min ?? minData, axis.max ?? maxData];
+    if (typeof domainLimit === 'function') {
+      const {
+        min,
+        max
+      } = domainLimit(minData, maxData);
+      axisExtremums[0] = min;
+      axisExtremums[1] = max;
+    }
+    const rawTickNumber = getTickNumber(_extends({}, axis, {
+      range,
+      domain: axisExtremums
+    }));
+    const tickNumber = rawTickNumber / ((range[1] - range[0]) / 100);
+    const scale = getScale(scaleType, axisExtremums, range);
+    const finalScale = domainLimit === 'nice' ? scale.nice(rawTickNumber) : scale;
+    const [minDomain, maxDomain] = finalScale.domain();
+    const domain = [axis.min ?? minDomain, axis.max ?? maxDomain];
+    completeAxis[axis.id] = _extends({
+      offset: 0
+    }, axis, {
+      data,
+      scaleType: scaleType,
+      scale: finalScale.domain(domain),
+      tickNumber,
+      colorScale: axis.colorMap && getColorScale(axis.colorMap)
+    });
+  });
+  return {
+    axis: completeAxis,
+    axisIds: allAxis.map(({
+      id
+    }) => id)
+  };
+}

package/modern/internals/plugins/featurePlugins/useChartPolarAxis/defaultizeAxis.d.ts

@@ -0,0 +1,5 @@
+import { MakeOptional } from '@mui/x-internals/types';
+import { ScaleName } from "../../../../models/index.js";
+import { PolarAxisConfig } from "../../../../models/axis.js";
+import { DatasetType } from "../../../../models/seriesType/config.js";
+export declare function defaultizeAxis<TScale extends ScaleName = ScaleName>(inAxis: MakeOptional<PolarAxisConfig<TScale, any>, 'id'>[] | undefined, dataset: Readonly<DatasetType> | undefined, axisName: 'rotation' | 'radius'): PolarAxisConfig<TScale, any>[];

package/modern/internals/plugins/featurePlugins/useChartPolarAxis/defaultizeAxis.js

@@ -0,0 +1,24 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { DEFAULT_ROTATION_AXIS_KEY } from "../../../../constants/index.js";
+export function defaultizeAxis(inAxis, dataset, axisName) {
+  const DEFAULT_AXIS_KEY = axisName === 'rotation' ? DEFAULT_ROTATION_AXIS_KEY : 5;
+  const inputAxes = inAxis && inAxis.length > 0 ? inAxis : [{
+    id: DEFAULT_AXIS_KEY
+  }];
+  return inputAxes.map((axisConfig, index) => {
+    const id = `defaultized-${axisName}-axis-${index}`;
+    const dataKey = axisConfig.dataKey;
+    if (dataKey === undefined || axisConfig.data !== undefined) {
+      return _extends({
+        id
+      }, axisConfig);
+    }
+    if (dataset === undefined) {
+      throw new Error(`MUI X: ${axisName}-axis uses \`dataKey\` but no \`dataset\` is provided.`);
+    }
+    return _extends({
+      id,
+      data: dataset.map(d => d[dataKey])
+    }, axisConfig);
+  });
+}

package/modern/internals/plugins/featurePlugins/useChartPolarAxis/getAxisExtremum.d.ts

@@ -0,0 +1,5 @@
+import { AxisConfig } from "../../../../models/axis.js";
+import { PolarChartSeriesType } from "../../../../models/seriesType/config.js";
+import { ChartSeriesConfig } from "../../models/seriesConfig/index.js";
+import { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
+export declare const getAxisExtremum: <TSeriesType extends PolarChartSeriesType>(axis: AxisConfig, axisDirection: "rotation" | "radius", seriesConfig: ChartSeriesConfig<TSeriesType>, axisIndex: number, formattedSeries: ProcessedSeries<TSeriesType>) => number[];

package/modern/internals/plugins/featurePlugins/useChartPolarAxis/getAxisExtremum.js

@@ -0,0 +1,21 @@
+import { isPolarSeriesType } from "../../../isPolar.js";
+const axisExtremumCallback = (acc, chartType, axis, axisDirection, seriesConfig, axisIndex, formattedSeries) => {
+  const getter = axisDirection === 'rotation' ? seriesConfig[chartType].rotationExtremumGetter : seriesConfig[chartType].radiusExtremumGetter;
+  const series = formattedSeries[chartType]?.series ?? {};
+  const [minChartTypeData, maxChartTypeData] = getter?.({
+    series,
+    axis,
+    axisIndex,
+    isDefaultAxis: axisIndex === 0
+  }) ?? [Infinity, -Infinity];
+  const [minData, maxData] = acc;
+  return [Math.min(minChartTypeData, minData), Math.max(maxChartTypeData, maxData)];
+};
+export const getAxisExtremum = (axis, axisDirection, seriesConfig, axisIndex, formattedSeries) => {
+  const polarSeriesTypes = Object.keys(seriesConfig).filter(isPolarSeriesType);
+  const extremums = polarSeriesTypes.reduce((acc, charType) => axisExtremumCallback(acc, charType, axis, axisDirection, seriesConfig, axisIndex, formattedSeries), [Infinity, -Infinity]);
+  if (Number.isNaN(extremums[0]) || Number.isNaN(extremums[1])) {
+    return [Infinity, -Infinity];
+  }
+  return extremums;
+};

package/modern/internals/plugins/featurePlugins/useChartPolarAxis/index.d.ts

@@ -0,0 +1,3 @@
+export { useChartPolarAxis } from "./useChartPolarAxis.js";
+export type * from './useChartPolarAxis.types';
+export * from "./useChartPolarAxis.selectors.js";

package/modern/internals/plugins/featurePlugins/useChartPolarAxis/index.js

@@ -0,0 +1,2 @@
+export { useChartPolarAxis } from "./useChartPolarAxis.js";
+export * from "./useChartPolarAxis.selectors.js";

package/modern/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.d.ts

@@ -0,0 +1,3 @@
+import { ChartPlugin } from "../../models/index.js";
+import { UseChartPolarAxisSignature } from "./useChartPolarAxis.types.js";
+export declare const useChartPolarAxis: ChartPlugin<UseChartPolarAxisSignature<any>>;