@mui/x-charts 8.26.0 → 9.0.0-alpha.0

package/RadarChart/RadarSeriesPlot/useRadarSeriesData.d.ts

@@ -5,7 +5,7 @@ import { type SeriesId } from "../../models/seriesType/common.js";
  * @returns
  */
 export declare function useRadarSeriesData(querySeriesId?: SeriesId): {
-  seriesId: SeriesId;
+  seriesId: string;
   isSeriesHighlighted: boolean;
   isSeriesFaded: boolean;
   points: {
@@ -20,8 +20,8 @@ export declare function useRadarSeriesData(querySeriesId?: SeriesId): {
   hidden: boolean;
   type: "radar";
   label?: string | ((location: "tooltip" | "legend") => string) | undefined;
+  highlightScope?: import("../../internals/index.js").CommonHighlightScope | undefined;
   labelMarkType?: import("../../internals/index.js").ChartsLabelMarkType | undefined;
-  highlightScope?: import("../../index.js").HighlightScope | undefined;
   colorGetter?: ((data: import("../../internals/index.js").ColorCallbackValue<number>) => string) | undefined;
   hideMark?: boolean | undefined;
   fillArea?: boolean | undefined;

package/RadarChart/seriesConfig/extremums.d.ts

@@ -1,3 +1,3 @@
-import { type PolarExtremumGetter } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type PolarExtremumGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 export declare const radiusExtremumGetter: PolarExtremumGetter<'radar'>;
 export declare const rotationExtremumGetter: PolarExtremumGetter<'radar'>;

package/RadarChart/seriesConfig/getColor.d.ts

@@ -1,3 +1,3 @@
-import { type ColorProcessor } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type ColorProcessor } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 declare const getColor: ColorProcessor<'radar'>;
 export default getColor;

package/RadarChart/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -1,3 +1,3 @@
-import type { GetSeriesWithDefaultValues } from "../../internals/plugins/models/seriesConfig/index.js";
+import type { GetSeriesWithDefaultValues } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 declare const getSeriesWithDefaultValues: GetSeriesWithDefaultValues<'radar'>;
 export default getSeriesWithDefaultValues;

package/RadarChart/seriesConfig/index.d.ts

@@ -1,2 +1,2 @@
-import { type ChartSeriesTypeConfig } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type ChartSeriesTypeConfig } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 export declare const radarSeriesConfig: ChartSeriesTypeConfig<'radar'>;

package/RadarChart/seriesConfig/index.js

@@ -15,6 +15,7 @@ var _getSeriesWithDefaultValues = _interopRequireDefault(require("./getSeriesWit
 var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
 var _keyboardFocusHandler = _interopRequireDefault(require("./keyboardFocusHandler"));
 var _identifierSerializer = require("../../internals/identifierSerializer");
+var _identifierCleaner = require("../../internals/identifierCleaner");
 const radarSeriesConfig = exports.radarSeriesConfig = {
   colorProcessor: _getColor.default,
   seriesProcessor: _seriesProcessor.default,
@@ -26,5 +27,6 @@ const radarSeriesConfig = exports.radarSeriesConfig = {
   radiusExtremumGetter: _extremums.radiusExtremumGetter,
   rotationExtremumGetter: _extremums.rotationExtremumGetter,
   keyboardFocusHandler: _keyboardFocusHandler.default,
-  identifierSerializer: _identifierSerializer.identifierSerializerSeriesIdDataIndex
+  identifierSerializer: _identifierSerializer.identifierSerializerSeriesIdDataIndex,
+  identifierCleaner: _identifierCleaner.identifierCleanerSeriesIdDataIndex
 };

package/RadarChart/seriesConfig/legend.d.ts

@@ -1,3 +1,3 @@
-import { type LegendGetter } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type LegendGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 declare const legendGetter: LegendGetter<'radar'>;
 export default legendGetter;

package/RadarChart/seriesConfig/legend.js

@@ -17,7 +17,6 @@ const legendGetter = params => {
     }
     acc.push({
       type: 'radar',
-      id: seriesId,
       seriesId,
       color: series[seriesId].color,
       label: formattedLabel,

package/RadarChart/seriesConfig/seriesProcessor.d.ts

@@ -1,3 +1,3 @@
-import { type SeriesProcessor } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type SeriesProcessor } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 declare const seriesProcessor: SeriesProcessor<'radar'>;
 export default seriesProcessor;

package/RadarChart/seriesConfig/tooltip.d.ts

@@ -1,4 +1,4 @@
-import type { AxisTooltipGetter, TooltipGetter } from "../../internals/plugins/models/index.js";
+import type { AxisTooltipGetter, TooltipGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 declare const tooltipGetter: TooltipGetter<'radar'>;
 export declare const axisTooltipGetter: AxisTooltipGetter<'radar', 'rotation'>;
 export default tooltipGetter;

package/RadarChart/seriesConfig/tooltipPosition.d.ts

@@ -1,3 +1,3 @@
-import type { TooltipItemPositionGetter } from "../../internals/plugins/models/seriesConfig/tooltipItemPositionGetter.types.js";
+import type { TooltipItemPositionGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'radar'>;
 export default tooltipItemPositionGetter;

package/RadarChart/useRadarChartProps.js

@@ -57,7 +57,7 @@ const useRadarChartProps = props => {
     skipAnimation,
     onAxisClick,
     enableKeyboardNavigation,
-    plugins: props.plugins ?? _RadarChart.RADAR_PLUGINS
+    plugins: _RadarChart.RADAR_PLUGINS
   };
   const overlayProps = {
     slots,

package/ScatterChart/BatchScatter.d.ts

@@ -1,7 +1,7 @@
 import { type DefaultizedScatterSeriesType } from "../models/seriesType/scatter.js";
 import { type D3Scale } from "../models/axis.js";
 import { type ScatterClasses } from "./scatterClasses.js";
-import { type ColorGetter } from "../internals/plugins/models/seriesConfig/index.js";
+import { type ColorGetter } from "../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 export interface BatchScatterProps {
   series: DefaultizedScatterSeriesType;
   xScale: D3Scale;

package/ScatterChart/Scatter.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type ScatterMarkerSlotProps, type ScatterMarkerSlots } from "./ScatterMarker.types.js";
 import { type DefaultizedScatterSeriesType, type ScatterItemIdentifier } from "../models/seriesType/scatter.js";
 import { type D3Scale } from "../models/axis.js";
-import { type ColorGetter } from "../internals/plugins/models/seriesConfig/index.js";
+import { type ColorGetter } from "../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 import { type ScatterClasses } from "./scatterClasses.js";
 export interface ScatterProps {
   series: DefaultizedScatterSeriesType;

package/ScatterChart/ScatterChart.js

@@ -79,6 +79,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
   apiRef: _propTypes.default.shape({
     current: _propTypes.default.object
   }),
+  /**
+   * A gap added between axes when multiple axes are rendered on the same side of the chart.
+   * @default 0
+   */
+  axesGap: _propTypes.default.number,
   /**
    * The configuration of axes highlight.
    * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
@@ -153,7 +158,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    */
   hiddenItems: _propTypes.default.arrayOf(_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+    seriesId: _propTypes.default.string,
     type: _propTypes.default.oneOf(['scatter']).isRequired
   })),
   /**
@@ -166,7 +171,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    */
   highlightedItem: _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -196,7 +201,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    */
   initialHiddenItems: _propTypes.default.arrayOf(_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+    seriesId: _propTypes.default.string,
     type: _propTypes.default.oneOf(['scatter']).isRequired
   })),
   /**
@@ -293,7 +298,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    */
   tooltipItem: _propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    seriesId: _propTypes.default.string.isRequired,
     type: _propTypes.default.oneOf(['scatter']).isRequired
   }),
   /**

package/ScatterChart/scatterClasses.js

@@ -10,9 +10,9 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 function getScatterUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiScatter', slot);
+  return (0, _generateUtilityClass.default)('MuiScatterChart', slot);
 }
-const scatterClasses = exports.scatterClasses = (0, _generateUtilityClasses.default)('MuiScatter', ['root']);
+const scatterClasses = exports.scatterClasses = (0, _generateUtilityClasses.default)('MuiScatterChart', ['root']);
 const useUtilityClasses = classes => {
   const slots = {
     root: ['root']

package/ScatterChart/seriesConfig/extremums.d.ts

@@ -1,3 +1,3 @@
-import { type CartesianExtremumGetter } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type CartesianExtremumGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 export declare const getExtremumX: CartesianExtremumGetter<'scatter'>;
 export declare const getExtremumY: CartesianExtremumGetter<'scatter'>;

package/ScatterChart/seriesConfig/getColor.d.ts

@@ -1,3 +1,3 @@
-import { type ColorProcessor } from "../../internals/plugins/models/index.js";
+import { type ColorProcessor } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 declare const getColor: ColorProcessor<'scatter'>;
 export default getColor;

package/ScatterChart/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -1,3 +1,3 @@
-import type { GetSeriesWithDefaultValues } from "../../internals/plugins/models/seriesConfig/index.js";
+import type { GetSeriesWithDefaultValues } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 declare const getSeriesWithDefaultValues: GetSeriesWithDefaultValues<'scatter'>;
 export default getSeriesWithDefaultValues;

package/ScatterChart/seriesConfig/index.d.ts

@@ -1,2 +1,2 @@
-import { type ChartSeriesTypeConfig } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type ChartSeriesTypeConfig } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 export declare const scatterSeriesConfig: ChartSeriesTypeConfig<'scatter'>;

package/ScatterChart/seriesConfig/index.js

@@ -14,6 +14,7 @@ var _getSeriesWithDefaultValues = _interopRequireDefault(require("./getSeriesWit
 var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
 var _keyboardFocusHandler = _interopRequireDefault(require("./keyboardFocusHandler"));
 var _identifierSerializer = require("../../internals/identifierSerializer");
+var _identifierCleaner = require("../../internals/identifierCleaner");
 const scatterSeriesConfig = exports.scatterSeriesConfig = {
   seriesProcessor: _seriesProcessor.default,
   colorProcessor: _getColor.default,
@@ -24,5 +25,6 @@ const scatterSeriesConfig = exports.scatterSeriesConfig = {
   yExtremumGetter: _extremums.getExtremumY,
   getSeriesWithDefaultValues: _getSeriesWithDefaultValues.default,
   keyboardFocusHandler: _keyboardFocusHandler.default,
-  identifierSerializer: _identifierSerializer.identifierSerializerSeriesIdDataIndex
+  identifierSerializer: _identifierSerializer.identifierSerializerSeriesIdDataIndex,
+  identifierCleaner: _identifierCleaner.identifierCleanerSeriesIdDataIndex
 };

package/ScatterChart/seriesConfig/keyboardFocusHandler.d.ts

@@ -1,3 +1,4 @@
+import { type ComposableCartesianChartSeriesType } from "../../internals/commonNextFocusItem.js";
 import type { KeyboardFocusHandler } from "../../internals/plugins/featurePlugins/useChartKeyboardNavigation/keyboardFocusHandler.types.js";
-declare const keyboardFocusHandler: KeyboardFocusHandler<'scatter', 'bar' | 'line' | 'scatter'>;
+declare const keyboardFocusHandler: KeyboardFocusHandler<'scatter', ComposableCartesianChartSeriesType>;
 export default keyboardFocusHandler;

package/ScatterChart/seriesConfig/keyboardFocusHandler.js

@@ -5,17 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _commonNextFocusItem = require("../../internals/commonNextFocusItem");
-const outSeriesTypes = new Set(['bar', 'line', 'scatter']);
 const keyboardFocusHandler = event => {
   switch (event.key) {
     case 'ArrowRight':
-      return (0, _commonNextFocusItem.createGetNextIndexFocusedItem)(outSeriesTypes);
+      return (0, _commonNextFocusItem.createGetNextIndexFocusedItem)(_commonNextFocusItem.composableCartesianSeriesTypes);
     case 'ArrowLeft':
-      return (0, _commonNextFocusItem.createGetPreviousIndexFocusedItem)(outSeriesTypes);
+      return (0, _commonNextFocusItem.createGetPreviousIndexFocusedItem)(_commonNextFocusItem.composableCartesianSeriesTypes);
     case 'ArrowDown':
-      return (0, _commonNextFocusItem.createGetPreviousSeriesFocusedItem)(outSeriesTypes);
+      return (0, _commonNextFocusItem.createGetPreviousSeriesFocusedItem)(_commonNextFocusItem.composableCartesianSeriesTypes);
     case 'ArrowUp':
-      return (0, _commonNextFocusItem.createGetNextSeriesFocusedItem)(outSeriesTypes);
+      return (0, _commonNextFocusItem.createGetNextSeriesFocusedItem)(_commonNextFocusItem.composableCartesianSeriesTypes);
     default:
       return null;
   }

package/ScatterChart/seriesConfig/legend.d.ts

@@ -1,3 +1,3 @@
-import { type LegendGetter } from "../../internals/plugins/models/index.js";
+import { type LegendGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 declare const legendGetter: LegendGetter<'scatter'>;
 export default legendGetter;

package/ScatterChart/seriesConfig/legend.js

@@ -18,7 +18,6 @@ const legendGetter = params => {
     acc.push({
       type: 'scatter',
       markType: series[seriesId].labelMarkType,
-      id: seriesId,
       seriesId,
       color: series[seriesId].color,
       label: formattedLabel

package/ScatterChart/seriesConfig/seriesProcessor.d.ts

@@ -1,3 +1,3 @@
-import { type SeriesProcessor } from "../../internals/plugins/models/index.js";
+import { type SeriesProcessor } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 declare const seriesProcessor: SeriesProcessor<'scatter'>;
 export default seriesProcessor;

package/ScatterChart/seriesConfig/tooltip.d.ts

@@ -1,3 +1,3 @@
-import type { TooltipGetter } from "../../internals/plugins/models/index.js";
+import type { TooltipGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 declare const tooltipGetter: TooltipGetter<'scatter'>;
 export default tooltipGetter;

package/ScatterChart/seriesConfig/tooltipPosition.d.ts

@@ -1,3 +1,3 @@
-import type { TooltipItemPositionGetter } from "../../internals/plugins/models/seriesConfig/tooltipItemPositionGetter.types.js";
+import type { TooltipItemPositionGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'scatter'>;
 export default tooltipItemPositionGetter;

package/SparkLineChart/SparkLineChart.d.ts

@@ -13,7 +13,7 @@ import type { BarPlotSlots, BarPlotSlotProps } from "../BarChart/BarPlot.js";
 import type { ChartMargin } from "../internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types.js";
 export interface SparkLineChartSlots extends AreaPlotSlots, LinePlotSlots, MarkPlotSlots, LineHighlightPlotSlots, Omit<BarPlotSlots, 'barLabel'>, ChartsTooltipSlots {}
 export interface SparkLineChartSlotProps extends AreaPlotSlotProps, LinePlotSlotProps, MarkPlotSlotProps, LineHighlightPlotSlotProps, BarPlotSlotProps, ChartsTooltipSlotProps {}
-export interface SparkLineChartProps<PlotType extends 'line' | 'bar' = 'line' | 'bar'> extends Omit<ChartContainerProps, 'series' | 'xAxis' | 'yAxis' | 'zAxis' | 'radiusAxis' | 'rotationAxis' | 'margin' | 'plugins' | 'colors' | 'slots' | 'slotProps' | 'experimentalFeatures'> {
+export interface SparkLineChartProps<PlotType extends 'line' | 'bar' = 'line' | 'bar'> extends Omit<ChartContainerProps, 'series' | 'xAxis' | 'yAxis' | 'zAxis' | 'radiusAxis' | 'rotationAxis' | 'axesGap' | 'margin' | 'plugins' | 'colors' | 'slots' | 'slotProps' | 'experimentalFeatures'> {
   /**
    * The xAxis configuration.
    * Notice it is a single [[AxisConfig]] object, not an array of configuration.

package/SparkLineChart/SparkLineChart.js

@@ -270,23 +270,23 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    */
   hiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+    seriesId: _propTypes.default.string,
     type: _propTypes.default.oneOf(['bar']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+    seriesId: _propTypes.default.string,
     type: _propTypes.default.oneOf(['line']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+    seriesId: _propTypes.default.string,
     type: _propTypes.default.oneOf(['scatter']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+    seriesId: _propTypes.default.string,
     type: _propTypes.default.oneOf(['pie']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+    seriesId: _propTypes.default.string,
     type: _propTypes.default.oneOf(['radar']).isRequired
   })]).isRequired),
   /**
@@ -303,7 +303,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    */
   highlightedItem: _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -333,23 +333,23 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    */
   initialHiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+    seriesId: _propTypes.default.string,
     type: _propTypes.default.oneOf(['bar']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+    seriesId: _propTypes.default.string,
     type: _propTypes.default.oneOf(['line']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+    seriesId: _propTypes.default.string,
     type: _propTypes.default.oneOf(['scatter']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+    seriesId: _propTypes.default.string,
     type: _propTypes.default.oneOf(['pie']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+    seriesId: _propTypes.default.string,
     type: _propTypes.default.oneOf(['radar']).isRequired
   })]).isRequired),
   /**
@@ -449,23 +449,23 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    */
   tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    seriesId: _propTypes.default.string.isRequired,
     type: _propTypes.default.oneOf(['bar']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    seriesId: _propTypes.default.string.isRequired,
     type: _propTypes.default.oneOf(['line']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    seriesId: _propTypes.default.string.isRequired,
     type: _propTypes.default.oneOf(['scatter']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    seriesId: _propTypes.default.string.isRequired,
     type: _propTypes.default.oneOf(['pie']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    seriesId: _propTypes.default.string.isRequired,
     type: _propTypes.default.oneOf(['radar']).isRequired
   })]),
   /**

package/context/ChartProvider/ChartProvider.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import type { ChartProviderProps } from "./ChartProvider.types.js";
 import { type ChartAnyPluginSignature } from "../../internals/plugins/models/index.js";
-import { type ChartSeriesConfig } from "../../internals/plugins/models/seriesConfig/index.js";
-import { type ChartSeriesType } from "../../models/seriesType/config.js";
-export declare const defaultSeriesConfig: ChartSeriesConfig<'bar' | 'scatter' | 'line' | 'pie'>;
-declare function ChartProvider<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]>(props: React.PropsWithChildren<ChartProviderProps<TSeriesType, TSignatures>>): import("react/jsx-runtime").JSX.Element;
+import type { ChartSeriesType } from "../../models/seriesType/config.js";
+import type { ChartCorePluginSignatures } from "../../internals/plugins/corePlugins/index.js";
+declare function ChartProvider<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = ChartCorePluginSignatures<TSeriesType>>(props: React.PropsWithChildren<ChartProviderProps<TSeriesType, TSignatures>>): import("react/jsx-runtime").JSX.Element;
 export { ChartProvider };

package/context/ChartProvider/ChartProvider.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChartProvider = ChartProvider;
-exports.defaultSeriesConfig = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _useCharts = require("../../internals/store/useCharts");
 var _ChartContext = require("./ChartContext");
@@ -15,18 +14,7 @@ var _useChartTooltip = require("../../internals/plugins/featurePlugins/useChartT
 var _useChartInteraction = require("../../internals/plugins/featurePlugins/useChartInteraction");
 var _useChartZAxis = require("../../internals/plugins/featurePlugins/useChartZAxis");
 var _useChartHighlight = require("../../internals/plugins/featurePlugins/useChartHighlight/useChartHighlight");
-var _seriesConfig = require("../../BarChart/seriesConfig");
-var _seriesConfig2 = require("../../ScatterChart/seriesConfig");
-var _seriesConfig3 = require("../../LineChart/seriesConfig");
-var _seriesConfig4 = require("../../PieChart/seriesConfig");
 var _jsxRuntime = require("react/jsx-runtime");
-const defaultSeriesConfig = exports.defaultSeriesConfig = {
-  bar: _seriesConfig.barSeriesConfig,
-  scatter: _seriesConfig2.scatterSeriesConfig,
-  line: _seriesConfig3.lineSeriesConfig,
-  pie: _seriesConfig4.pieSeriesConfig
-};
-
 // For consistency with the v7, the cartesian axes are set by default.
 // To remove them, you can provide a `plugins` props.
 const defaultPlugins = [_useChartZAxis.useChartZAxis, _useChartTooltip.useChartTooltip, _useChartInteraction.useChartInteraction, _useChartCartesianAxis.useChartCartesianAxis, _useChartHighlight.useChartHighlight];
@@ -34,12 +22,11 @@ function ChartProvider(props) {
   const {
     children,
     plugins = defaultPlugins,
-    pluginParams = {},
-    seriesConfig = defaultSeriesConfig
+    pluginParams = {}
   } = props;
   const {
     contextValue
-  } = (0, _useCharts.useCharts)(plugins, pluginParams, seriesConfig);
+  } = (0, _useCharts.useCharts)(plugins, pluginParams);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartContext.ChartContext.Provider, {
     value: contextValue,
     children: children

package/context/ChartProvider/ChartProvider.types.d.ts

@@ -1,8 +1,6 @@
-import type * as React from 'react';
 import { type Store } from '@mui/x-internals/store';
 import type { ChartAnyPluginSignature, ChartInstance, ChartPublicAPI, ChartState, ConvertSignaturesIntoPlugins, MergeSignaturesProperty } from "../../internals/plugins/models/index.js";
 import type { ChartCorePluginSignatures } from "../../internals/plugins/corePlugins/index.js";
-import type { ChartSeriesConfig } from "../../internals/plugins/models/seriesConfig/index.js";
 import type { UseChartBaseProps } from "../../internals/store/useCharts.types.js";
 import type { ChartSeriesType } from "../../models/seriesType/config.js";
 export type ChartContextValue<TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[] = []> = {
@@ -18,25 +16,12 @@ export type ChartContextValue<TSignatures extends readonly ChartAnyPluginSignatu
    * The internal state of the chart.
    */
   store: Store<ChartState<TSignatures, TOptionalSignatures>>;
-  /**
-   * The ref to the <svg />.
-   */
-  svgRef: React.RefObject<SVGSVGElement | null>;
-  /**
-   * The ref to the chart root element.
-   */
-  chartRootRef: React.RefObject<HTMLDivElement | null>;
 };
-export type ChartPluginParams<TSignatures extends readonly ChartAnyPluginSignature[]> = UseChartBaseProps<TSignatures> & MergeSignaturesProperty<[...ChartCorePluginSignatures, ...TSignatures], 'params'>;
-export interface ChartProviderProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = []> {
+export type ChartPluginParams<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = UseChartBaseProps<TSignatures> & MergeSignaturesProperty<[...ChartCorePluginSignatures<TSeriesType>, ...TSignatures], 'params'>;
+export interface ChartProviderProps<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> {
   /**
    * Array of plugins used to add features to the chart.
    */
   plugins?: ConvertSignaturesIntoPlugins<TSignatures>;
-  pluginParams?: ChartPluginParams<TSignatures>;
-  /**
-   * The configuration helpers used to compute attributes according to the series type.
-   * @ignore Unstable props for internal usage.
-   */
-  seriesConfig?: ChartSeriesConfig<TSeries>;
+  pluginParams?: ChartPluginParams<TSeriesType, TSignatures>;
 }

package/context/index.d.ts

@@ -1,3 +1,4 @@
-export type { HighlightScope, FadeOptions, HighlightItemData, HighlightOptions } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";
+export type { FadeOptions, HighlightItemData, HighlightOptions } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";
+export type { HighlightScope } from "../models/seriesType/config.js";
 export * from "./useChartApiContext.js";
 export type { ChartApi } from "./ChartApi.js";

package/esm/BarChart/AnimatedBarElement.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { type SeriesId } from "../models/seriesType/common.js";
 import { type BarElementOwnerState } from "./barElementClasses.js";
-export interface BarProps extends Omit<React.SVGProps<SVGRectElement>, 'id' | 'color' | 'ref' | 'x' | 'y' | 'height' | 'width'> {
-  id: SeriesId;
+export interface BarProps extends Omit<React.SVGProps<SVGRectElement>, 'color' | 'ref' | 'x' | 'y' | 'height' | 'width'> {
+  seriesId: SeriesId;
   dataIndex: number;
   color: string;
   ownerState: BarElementOwnerState;

package/esm/BarChart/AnimatedBarElement.js

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["ownerState", "skipAnimation", "id", "dataIndex", "xOrigin", "yOrigin"];
+const _excluded = ["ownerState", "skipAnimation", "seriesId", "dataIndex", "xOrigin", "yOrigin"];
 import * as React from 'react';
 import { useAnimateBar } from "../hooks/animation/useAnimateBar.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/BarChart/BarChart.js

@@ -73,6 +73,11 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
   apiRef: PropTypes.shape({
     current: PropTypes.object
   }),
+  /**
+   * A gap added between axes when multiple axes are rendered on the same side of the chart.
+   * @default 0
+   */
+  axesGap: PropTypes.number,
   /**
    * The configuration of axes highlight.
    * Default is set to 'band' in the bar direction.
@@ -156,7 +161,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
    */
   hiddenItems: PropTypes.arrayOf(PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    seriesId: PropTypes.string,
     type: PropTypes.oneOf(['bar']).isRequired
   })),
   /**
@@ -177,7 +182,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
    */
   highlightedItem: PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
+    seriesId: PropTypes.string.isRequired
   }),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -207,7 +212,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
    */
   initialHiddenItems: PropTypes.arrayOf(PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    seriesId: PropTypes.string,
     type: PropTypes.oneOf(['bar']).isRequired
   })),
   /**
@@ -317,7 +322,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
    */
   tooltipItem: PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
-    seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    seriesId: PropTypes.string.isRequired,
     type: PropTypes.oneOf(['bar']).isRequired
   }),
   /**

package/esm/BarChart/BarElement.d.ts

@@ -7,12 +7,12 @@ export interface BarElementSlots {
    * The component that renders the bar.
    * @default BarElementPath
    */
-  bar?: React.ElementType<BarProps>;
+  bar?: React.JSXElementConstructor<BarProps>;
 }
 export interface BarElementSlotProps {
   bar?: SlotComponentPropsFromProps<BarProps, {}, BarElementOwnerState>;
 }
-export type BarElementProps = Omit<BarElementOwnerState, 'isFaded' | 'isHighlighted'> & Omit<React.SVGProps<SVGRectElement>, 'ref' | 'id'> & {
+export type BarElementProps = Omit<BarElementOwnerState, 'isFaded' | 'isHighlighted' | 'isFocused'> & Omit<React.SVGProps<SVGRectElement>, 'ref'> & {
   /**
    * The props used for each component slot.
    * @default {}