@mui/x-charts 7.22.2 → 8.0.0-alpha.0

package/context/ChartDataProvider/index.js

@@ -0,0 +1 @@
+export * from "./ChartDataProvider.js";

package/context/ChartDataProvider/useChartDataProviderProps.d.ts

@@ -0,0 +1,97 @@
+import * as React from 'react';
+import type { DrawingProviderProps } from '../DrawingProvider';
+import type { CartesianProviderProps } from '../CartesianProvider';
+import type { SeriesProviderProps } from '../SeriesProvider';
+import type { ZAxisContextProviderProps } from '../ZAxisContextProvider';
+import type { ChartDataProviderProps } from './ChartDataProvider';
+import { HighlightedProviderProps } from '..';
+import { ChartsSurfaceProps } from '../../ChartsSurface';
+import { PluginProviderProps } from '../PluginProvider';
+import { AnimationProviderProps } from '../AnimationProvider';
+export declare const useChartDataProviderProps: (props: ChartDataProviderProps, ref: React.Ref<SVGSVGElement>) => {
+    children: React.ReactNode;
+    drawingProviderProps: Omit<DrawingProviderProps, "children">;
+    seriesProviderProps: Omit<SeriesProviderProps, "children">;
+    cartesianProviderProps: Omit<CartesianProviderProps, "children">;
+    zAxisContextProps: Omit<ZAxisContextProviderProps, "children">;
+    highlightedProviderProps: Omit<HighlightedProviderProps, "children">;
+    chartsSurfaceProps: ChartsSurfaceProps & {
+        ref: any;
+    };
+    pluginProviderProps: Omit<PluginProviderProps, "children">;
+    animationProviderProps: Omit<AnimationProviderProps, "children">;
+    xAxis: {
+        reverse?: boolean | undefined;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+        data?: any[] | undefined;
+        label?: string | undefined;
+        max?: (number | Date) | undefined;
+        min?: (number | Date) | undefined;
+        valueFormatter?: ((value: any, context: import("../../internals").AxisValueFormatterContext) => string) | undefined;
+        dataKey?: string | undefined;
+        sx?: import("@mui/system").SxProps | undefined;
+        classes?: Partial<import("../..").ChartsAxisClasses> | undefined;
+        tickMaxStep?: number | undefined;
+        tickMinStep?: number | undefined;
+        tickNumber?: number | undefined;
+        disableLine?: boolean | undefined;
+        disableTicks?: boolean | undefined;
+        tickFontSize?: number | undefined;
+        tickLabelStyle?: import("../..").ChartsTextProps["style"];
+        labelStyle?: import("../..").ChartsTextProps["style"];
+        tickLabelInterval?: ("auto" | ((value: any, index: number) => boolean)) | undefined;
+        labelFontSize?: number | undefined;
+        tickSize?: number | undefined;
+        slots?: Partial<import("../../internals").ChartsAxisSlots> | undefined;
+        slotProps?: Partial<import("../../internals").ChartsAxisSlotProps> | undefined;
+        tickInterval?: ("auto" | ((value: any, index: number) => boolean) | any[]) | undefined;
+        tickPlacement?: ("start" | "end" | "middle" | "extremities") | undefined;
+        tickLabelPlacement?: ("middle" | "tick") | undefined;
+        scaleType?: "linear" | "time" | "log" | "band" | "point" | "pow" | "sqrt" | "utc" | undefined;
+        colorMap?: import("../../models/colorMapping").ContinuousColorConfig<number | Date> | import("../../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
+        hideTooltip?: boolean | undefined;
+        domainLimit?: ("nice" | "strict" | ((min: number, max: number) => {
+            min: number;
+            max: number;
+        })) | undefined;
+        id: import("../../internals").AxisId;
+    }[];
+    yAxis: {
+        reverse?: boolean | undefined;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+        data?: any[] | undefined;
+        label?: string | undefined;
+        max?: (number | Date) | undefined;
+        min?: (number | Date) | undefined;
+        valueFormatter?: ((value: any, context: import("../../internals").AxisValueFormatterContext) => string) | undefined;
+        dataKey?: string | undefined;
+        sx?: import("@mui/system").SxProps | undefined;
+        classes?: Partial<import("../..").ChartsAxisClasses> | undefined;
+        tickMaxStep?: number | undefined;
+        tickMinStep?: number | undefined;
+        tickNumber?: number | undefined;
+        disableLine?: boolean | undefined;
+        disableTicks?: boolean | undefined;
+        tickFontSize?: number | undefined;
+        tickLabelStyle?: import("../..").ChartsTextProps["style"];
+        labelStyle?: import("../..").ChartsTextProps["style"];
+        tickLabelInterval?: ("auto" | ((value: any, index: number) => boolean)) | undefined;
+        labelFontSize?: number | undefined;
+        tickSize?: number | undefined;
+        slots?: Partial<import("../../internals").ChartsAxisSlots> | undefined;
+        slotProps?: Partial<import("../../internals").ChartsAxisSlotProps> | undefined;
+        tickInterval?: ("auto" | ((value: any, index: number) => boolean) | any[]) | undefined;
+        tickPlacement?: ("start" | "end" | "middle" | "extremities") | undefined;
+        tickLabelPlacement?: ("middle" | "tick") | undefined;
+        scaleType?: "linear" | "time" | "log" | "band" | "point" | "pow" | "sqrt" | "utc" | undefined;
+        colorMap?: import("../../models/colorMapping").ContinuousColorConfig<number | Date> | import("../../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
+        hideTooltip?: boolean | undefined;
+        domainLimit?: ("nice" | "strict" | ((min: number, max: number) => {
+            min: number;
+            max: number;
+        })) | undefined;
+        id: import("../../internals").AxisId;
+    }[];
+};

package/context/ChartDataProvider/useChartDataProviderProps.js

@@ -0,0 +1,86 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["width", "height", "series", "margin", "xAxis", "yAxis", "zAxis", "colors", "dataset", "sx", "title", "desc", "disableAxisListener", "highlightedItem", "onHighlightChange", "plugins", "children", "skipAnimation"];
+import * as React from 'react';
+import useForkRef from '@mui/utils/useForkRef';
+import { useDefaultizeAxis } from "./useDefaultizeAxis.js";
+export const useChartDataProviderProps = (props, ref) => {
+  const {
+      width,
+      height,
+      series,
+      margin,
+      xAxis,
+      yAxis,
+      zAxis,
+      colors,
+      dataset,
+      sx,
+      title,
+      desc,
+      disableAxisListener,
+      highlightedItem,
+      onHighlightChange,
+      plugins,
+      children,
+      skipAnimation
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const svgRef = React.useRef(null);
+  const chartSurfaceRef = useForkRef(ref, svgRef);
+  const [defaultizedXAxis, defaultizedYAxis] = useDefaultizeAxis(xAxis, yAxis, dataset);
+  const drawingProviderProps = {
+    width,
+    height,
+    margin,
+    svgRef
+  };
+  const animationProviderProps = {
+    skipAnimation
+  };
+  const pluginProviderProps = {
+    plugins
+  };
+  const seriesProviderProps = {
+    series,
+    colors,
+    dataset
+  };
+  const cartesianProviderProps = {
+    xAxis: defaultizedXAxis,
+    yAxis: defaultizedYAxis,
+    dataset
+  };
+  const zAxisContextProps = {
+    zAxis,
+    dataset
+  };
+  const highlightedProviderProps = {
+    highlightedItem,
+    onHighlightChange
+  };
+  const chartsSurfaceProps = _extends({}, other, {
+    width,
+    height,
+    ref: chartSurfaceRef,
+    sx,
+    title,
+    desc,
+    disableAxisListener
+  });
+  return {
+    children,
+    drawingProviderProps,
+    seriesProviderProps,
+    cartesianProviderProps,
+    zAxisContextProps,
+    highlightedProviderProps,
+    chartsSurfaceProps,
+    pluginProviderProps,
+    animationProviderProps,
+    xAxis: defaultizedXAxis,
+    yAxis: defaultizedYAxis
+  };
+};

package/{ChartContainer → context/ChartDataProvider}/useDefaultizeAxis.d.ts

@@ -1,7 +1,7 @@
-import { MakeOptional } from '../models/helpers';
-import { AxisConfig, ScaleName } from '../models';
-import { ChartsAxisProps } from '../models/axis';
-import { DatasetType } from '../models/seriesType/config';
+import { MakeOptional } from '@mui/x-internals/types';
+import { AxisConfig, ScaleName } from '../../models';
+import { ChartsAxisProps } from '../../models/axis';
+import { DatasetType } from '../../models/seriesType/config';
 export declare const useDefaultizeAxis: (inXAxis: MakeOptional<AxisConfig<ScaleName, any, ChartsAxisProps>, "id">[] | undefined, inYAxis: MakeOptional<AxisConfig<ScaleName, any, ChartsAxisProps>, "id">[] | undefined, dataset: DatasetType | undefined) => {
     reverse?: boolean | undefined;
     fill?: string | undefined;
@@ -10,32 +10,32 @@ export declare const useDefaultizeAxis: (inXAxis: MakeOptional<AxisConfig<ScaleN
     label?: string | undefined;
     max?: (number | Date) | undefined;
     min?: (number | Date) | undefined;
-    valueFormatter?: ((value: any, context: import("../internals").AxisValueFormatterContext) => string) | undefined;
+    valueFormatter?: ((value: any, context: import("../../internals").AxisValueFormatterContext) => string) | undefined;
     dataKey?: string | undefined;
     sx?: import("@mui/system").SxProps | undefined;
-    classes?: Partial<import("..").ChartsAxisClasses> | undefined;
+    classes?: Partial<import("../..").ChartsAxisClasses> | undefined;
     tickMaxStep?: number | undefined;
     tickMinStep?: number | undefined;
     tickNumber?: number | undefined;
     disableLine?: boolean | undefined;
     disableTicks?: boolean | undefined;
     tickFontSize?: number | undefined;
-    tickLabelStyle?: import("..").ChartsTextProps["style"];
-    labelStyle?: import("..").ChartsTextProps["style"];
+    tickLabelStyle?: import("../..").ChartsTextProps["style"];
+    labelStyle?: import("../..").ChartsTextProps["style"];
     tickLabelInterval?: ("auto" | ((value: any, index: number) => boolean)) | undefined;
     labelFontSize?: number | undefined;
     tickSize?: number | undefined;
-    slots?: Partial<import("../internals").ChartsAxisSlots> | undefined;
-    slotProps?: Partial<import("../internals").ChartsAxisSlotProps> | undefined;
+    slots?: Partial<import("../../internals").ChartsAxisSlots> | undefined;
+    slotProps?: Partial<import("../../internals").ChartsAxisSlotProps> | undefined;
     tickInterval?: ("auto" | ((value: any, index: number) => boolean) | any[]) | undefined;
     tickPlacement?: ("start" | "end" | "middle" | "extremities") | undefined;
     tickLabelPlacement?: ("middle" | "tick") | undefined;
     scaleType?: "linear" | "time" | "log" | "band" | "point" | "pow" | "sqrt" | "utc" | undefined;
-    colorMap?: import("../models/colorMapping").ContinuousColorConfig<number | Date> | import("../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
+    colorMap?: import("../../models/colorMapping").ContinuousColorConfig<number | Date> | import("../../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: ("nice" | "strict" | ((min: number, max: number) => {
         min: number;
         max: number;
     })) | undefined;
-    id: import("../internals").AxisId;
+    id: import("../../internals").AxisId;
 }[][];

package/{ChartContainer → context/ChartDataProvider}/useDefaultizeAxis.js

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from "../constants/index.js";
+import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from "../../constants/index.js";
 const defaultizeAxis = (inAxis, dataset, axisName) => {
   const DEFAULT_AXIS_KEY = axisName === 'x' ? DEFAULT_X_AXIS_KEY : DEFAULT_Y_AXIS_KEY;
   return [...(inAxis?.map((axis, index) => _extends({

package/context/HighlightedProvider/HighlightedContext.d.ts

@@ -30,10 +30,6 @@ export type HighlightItemData = {
 export type HighlightOptions = 'none' | 'item' | 'series';
 export type FadeOptions = 'none' | 'series' | 'global';
 export type HighlightScope = {
-    /**
-     * @deprecated Use `highlight` instead.
-     */
-    highlighted?: HighlightOptions;
     /**
      * The scope of highlighted elements.
      * - 'none': no highlight.
@@ -42,10 +38,6 @@ export type HighlightScope = {
      * @default 'none'
      */
     highlight?: HighlightOptions;
-    /**
-     * @deprecated Use `fade` instead.
-     */
-    faded?: FadeOptions;
     /**
      * The scope of faded elements.
      * - 'none': no fading.

package/context/HighlightedProvider/HighlightedProvider.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["highlighted", "faded"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import useControlled from '@mui/utils/useControlled';
@@ -11,18 +8,6 @@ import { createIsFaded } from "./createIsFaded.js";
 import { createIsHighlighted } from "./createIsHighlighted.js";
 import { useSeries } from "../../hooks/useSeries.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-const mergeDeprecatedOptions = options => {
-  const _ref = options ?? {},
-    {
-      highlighted,
-      faded
-    } = _ref,
-    other = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return _extends({
-    highlight: highlighted,
-    fade: faded
-  }, other);
-};
 function HighlightedProvider({
   children,
   highlightedItem: highlightedItemProps,
@@ -41,7 +26,7 @@ function HighlightedProvider({
       const seriesData = series[seriesType];
       Object.keys(seriesData?.series ?? {}).forEach(seriesId => {
         const seriesItem = seriesData?.series[seriesId];
-        map.set(seriesId, mergeDeprecatedOptions(seriesItem?.highlightScope));
+        map.set(seriesId, seriesItem?.highlightScope);
       });
     });
     return map;

package/context/PluginProvider/ExtremumGetter.types.d.ts

@@ -1,11 +1,11 @@
-import type { CartesianChartSeriesType, ChartSeries, ChartSeriesType } from '../../models/seriesType/config';
+import type { CartesianChartSeriesType, ChartSeriesDefaultized, ChartSeriesType } from '../../models/seriesType/config';
 import type { AxisConfig, AxisId } from '../../models/axis';
 import type { SeriesId } from '../../models/seriesType/common';
 export type ExtremumGettersConfig<T extends ChartSeriesType = CartesianChartSeriesType> = {
     [K in T]?: ExtremumGetter<K>;
 };
 type ExtremumGetterParams<T extends ChartSeriesType> = {
-    series: Record<SeriesId, ChartSeries<T>>;
+    series: Record<SeriesId, ChartSeriesDefaultized<T>>;
     axis: AxisConfig;
     axisIndex: number;
     isDefaultAxis: boolean;

package/context/ZAxisContextProvider.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
+import { MakeOptional } from '@mui/x-internals/types';
 import { DatasetType } from '../models/seriesType/config';
-import { MakeOptional } from '../models/helpers';
 import { ZAxisConfig, ZAxisDefaultized } from '../models/z-axis';
 export type ZAxisContextProviderProps = {
     /**

package/index.d.ts

@@ -21,6 +21,5 @@ export * from './PieChart';
 export * from './ScatterChart';
 export * from './SparkLineChart';
 export * from './Gauge';
-export * from './ChartContainer';
 export * from './ChartsSurface';
-export * from './ResponsiveChartContainer';
+export * from './ChartContainer';

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v7.22.2
+ * @mui/x-charts v8.0.0-alpha.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -28,6 +28,5 @@ export * from "./PieChart/index.js";
 export * from "./ScatterChart/index.js";
 export * from "./SparkLineChart/index.js";
 export * from "./Gauge/index.js";
-export * from "./ChartContainer/index.js";
 export * from "./ChartsSurface/index.js";
-export * from "./ResponsiveChartContainer/index.js";
+export * from "./ChartContainer/index.js";

package/internals/defaultizeColor.d.ts

@@ -41,7 +41,7 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     };
     id?: import(".").SeriesId;
     color?: string;
-    valueFormatter?: import(".").SeriesValueFormatter<import(".").MakeOptional<import("..").PieValueType, "id">> | undefined;
+    valueFormatter?: import(".").SeriesValueFormatter<import("@mui/x-internals/types").MakeOptional<import("..").PieValueType, "id">> | undefined;
     highlightScope?: Partial<import("..").HighlightScope>;
 } | {
     type: "bar";
@@ -54,8 +54,6 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     color: string;
     valueFormatter?: import(".").SeriesValueFormatter<number | null> | undefined;
     highlightScope?: Partial<import("..").HighlightScope>;
-    xAxisKey?: string;
-    yAxisKey?: string;
     xAxisId?: string;
     yAxisId?: string;
     stack?: string;
@@ -66,7 +64,6 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     markerSize?: number;
     label?: string | ((location: "tooltip" | "legend") => string);
     disableHover?: boolean;
-    zAxisKey?: string;
     zAxisId?: string;
     datasetKeys?: {
         x: string;
@@ -78,8 +75,6 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     color: string;
     valueFormatter?: import(".").SeriesValueFormatter<import("..").ScatterValueType> | undefined;
     highlightScope?: Partial<import("..").HighlightScope>;
-    xAxisKey?: string;
-    yAxisKey?: string;
     xAxisId?: string;
     yAxisId?: string;
 } | {
@@ -99,8 +94,6 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     color: string;
     valueFormatter?: import(".").SeriesValueFormatter<number | null> | undefined;
     highlightScope?: Partial<import("..").HighlightScope>;
-    xAxisKey?: string;
-    yAxisKey?: string;
     xAxisId?: string;
     yAxisId?: string;
     stackOrder?: import("..").StackOrderType;

package/internals/getSymbol.js

@@ -1,5 +1,21 @@
-// Returns the index of a defined shape
 export function getSymbol(shape) {
-  const symbolNames = 'circle cross diamond square star triangle wye'.split(/ /);
-  return symbolNames.indexOf(shape) || 0;
+  // prettier-ignore
+  switch (shape) {
+    case 'circle':
+      return 0;
+    case 'cross':
+      return 1;
+    case 'diamond':
+      return 2;
+    case 'square':
+      return 3;
+    case 'star':
+      return 4;
+    case 'triangle':
+      return 5;
+    case 'wye':
+      return 6;
+    default:
+      return 0;
+  }
 }

package/internals/index.d.ts

@@ -1,14 +1,14 @@
 export * from './components/ChartsAxesGradients';
-export * from '../ResponsiveChartContainer/useChartContainerDimensions';
-export * from '../ResponsiveChartContainer/ResizableContainer';
+export * from '../ChartContainer/useChartContainerDimensions';
+export * from '../ChartContainer/ResizableContainer';
 export { useSeries } from '../hooks/useSeries';
 export { useInteractionItemProps } from '../hooks/useInteractionItemProps';
 export { useDrawingArea } from '../hooks/useDrawingArea';
 export { useScatterChartProps } from '../ScatterChart/useScatterChartProps';
 export { useLineChartProps } from '../LineChart/useLineChartProps';
 export { useBarChartProps } from '../BarChart/useBarChartProps';
-export { useResponsiveChartContainerProps } from '../ResponsiveChartContainer/useResponsiveChartContainerProps';
-export { useChartContainerProps } from '../ChartContainer/useChartContainerProps';
+export * from '../ChartContainer/useChartContainerProps';
+export * from '../context/ChartDataProvider/useChartDataProviderProps';
 export * from './defaultizeValueFormatter';
 export * from './configInit';
 export * from './getLabel';
@@ -26,8 +26,8 @@ export * from '../context/PluginProvider';
 export * from '../context/AnimationProvider';
 export type * from '../context/context.types';
 export { getAxisExtremum } from '../context/CartesianProvider/getAxisExtremum';
+export * from '../context/ChartDataProvider';
 export * from '../models/seriesType/config';
 export * from '../models/seriesType/common';
-export * from '../models/helpers';
 export * from '../models/z-axis';
 export * from '../models/axis';

package/internals/index.js

@@ -1,7 +1,7 @@
 // Components
 export * from "./components/ChartsAxesGradients/index.js";
-export * from "../ResponsiveChartContainer/useChartContainerDimensions.js";
-export * from "../ResponsiveChartContainer/ResizableContainer.js";
+export * from "../ChartContainer/useChartContainerDimensions.js";
+export * from "../ChartContainer/ResizableContainer.js";
 
 // hooks
 export { useSeries } from "../hooks/useSeries.js";
@@ -10,8 +10,8 @@ export { useDrawingArea } from "../hooks/useDrawingArea.js";
 export { useScatterChartProps } from "../ScatterChart/useScatterChartProps.js";
 export { useLineChartProps } from "../LineChart/useLineChartProps.js";
 export { useBarChartProps } from "../BarChart/useBarChartProps.js";
-export { useResponsiveChartContainerProps } from "../ResponsiveChartContainer/useResponsiveChartContainerProps.js";
-export { useChartContainerProps } from "../ChartContainer/useChartContainerProps.js";
+export * from "../ChartContainer/useChartContainerProps.js";
+export * from "../context/ChartDataProvider/useChartDataProviderProps.js";
 
 // utils
 export * from "./defaultizeValueFormatter.js";
@@ -33,10 +33,10 @@ export * from "../context/ZAxisContextProvider.js";
 export * from "../context/PluginProvider/index.js";
 export * from "../context/AnimationProvider/index.js";
 export { getAxisExtremum } from "../context/CartesianProvider/getAxisExtremum.js";
+export * from "../context/ChartDataProvider/index.js";
 
 // series configuration
 export * from "../models/seriesType/config.js";
 export * from "../models/seriesType/common.js";
-export * from "../models/helpers.js";
 export * from "../models/z-axis.js";
 export * from "../models/axis.js";

package/internals/useStringInterpolator.js

@@ -1,3 +1,4 @@
+/* eslint-disable react-compiler/react-compiler */
 import * as React from 'react';
 import { interpolateString } from '@mui/x-charts-vendor/d3-interpolate';
 function usePrevious(value) {

package/models/seriesType/bar.d.ts

@@ -1,4 +1,4 @@
-import { DefaultizedProps } from '../helpers';
+import { DefaultizedProps } from '@mui/x-internals/types';
 import type { StackOffsetType } from '../stacking';
 import { CartesianSeriesType, CommonSeriesType, CommonDefaultizedProps, StackableSeriesType } from './common';
 export interface BarSeriesType extends CommonSeriesType<number | null>, CartesianSeriesType, StackableSeriesType {

package/models/seriesType/common.d.ts

@@ -25,16 +25,6 @@ export type CommonSeriesType<TValue> = {
 };
 export type CommonDefaultizedProps = 'id' | 'valueFormatter' | 'data';
 export type CartesianSeriesType = {
-    /**
-     * The id of the x-axis used to render the series.
-     * @deprecated Use `xAxisId` instead
-     */
-    xAxisKey?: string;
-    /**
-     * The id of the y-axis used to render the series.
-     * @deprecated Use `xAxisId` instead
-     */
-    yAxisKey?: string;
     /**
      * The id of the x-axis used to render the series.
      */

package/models/seriesType/config.d.ts

@@ -1,8 +1,8 @@
+import { DefaultizedProps, MakeOptional } from '@mui/x-internals/types';
 import { ScatterSeriesType, DefaultizedScatterSeriesType, ScatterItemIdentifier, ScatterValueType } from './scatter';
 import { LineSeriesType, DefaultizedLineSeriesType, LineItemIdentifier } from './line';
 import { BarItemIdentifier, BarSeriesType, DefaultizedBarSeriesType } from './bar';
 import { PieSeriesType, DefaultizedPieSeriesType, PieItemIdentifier, PieValueType, DefaultizedPieValueType } from './pie';
-import { DefaultizedProps, MakeOptional } from '../helpers';
 export interface ChartsSeriesConfig {
     bar: {
         /**

package/models/seriesType/line.d.ts

@@ -1,4 +1,4 @@
-import { DefaultizedProps } from '../helpers';
+import { DefaultizedProps } from '@mui/x-internals/types';
 import type { StackOffsetType } from '../stacking';
 import { CartesianSeriesType, CommonDefaultizedProps, CommonSeriesType, SeriesId, StackableSeriesType } from './common';
 export type CurveType = 'catmullRom' | 'linear' | 'monotoneX' | 'monotoneY' | 'natural' | 'step' | 'stepBefore' | 'stepAfter';

package/models/seriesType/pie.d.ts

@@ -1,5 +1,5 @@
 import { PieArcDatum as D3PieArcDatum } from '@mui/x-charts-vendor/d3-shape';
-import { DefaultizedProps } from '../helpers';
+import { DefaultizedProps } from '@mui/x-internals/types';
 import { CommonDefaultizedProps, CommonSeriesType, SeriesId } from './common';
 export type PieItemId = string | number;
 export type PieValueType = {

package/models/seriesType/scatter.d.ts

@@ -1,4 +1,4 @@
-import { DefaultizedProps } from '../helpers';
+import { DefaultizedProps } from '@mui/x-internals/types';
 import { CartesianSeriesType, CommonDefaultizedProps, CommonSeriesType, SeriesId } from './common';
 export type ScatterValueType = {
     x: number;
@@ -22,11 +22,6 @@ export interface ScatterSeriesType extends CommonSeriesType<ScatterValueType>, C
      * @default false
      */
     disableHover?: boolean;
-    /**
-     * The id of the z-axis used to render the series.
-     * @deprecated Use `zAxisId` instead.
-     */
-    zAxisKey?: string;
     /**
      * The id of the z-axis used to render the series.
      */

package/modern/BarChart/BarChart.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';
 import { BarPlot } from "./BarPlot.js";
-import { ResponsiveChartContainer } from "../ResponsiveChartContainer/index.js";
+import { ChartContainer } from "../ChartContainer/index.js";
 import { ChartsAxis } from "../ChartsAxis/index.js";
 import { ChartsTooltip } from "../ChartsTooltip/index.js";
 import { ChartsLegend } from "../ChartsLegend/index.js";
@@ -46,12 +46,12 @@ const BarChart = /*#__PURE__*/React.forwardRef(function BarChart(inProps, ref) {
     tooltipProps,
     children
   } = useBarChartProps(props);
-  return /*#__PURE__*/_jsxs(ResponsiveChartContainer, _extends({
+  return /*#__PURE__*/_jsxs(ChartContainer, _extends({
     ref: ref
   }, chartContainerProps, {
     children: [props.onAxisClick && /*#__PURE__*/_jsx(ChartsOnAxisClickHandler, _extends({}, axisClickHandlerProps)), /*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsxs("g", _extends({}, clipPathGroupProps, {
       children: [/*#__PURE__*/_jsx(BarPlot, _extends({}, barPlotProps)), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps))]
-    })), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), !props.loading && /*#__PURE__*/_jsx(ChartsTooltip, _extends({}, tooltipProps)), /*#__PURE__*/_jsx(ChartsClipPath, _extends({}, clipPathProps)), children]
+    })), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), !props.hideLegend && /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), !props.loading && /*#__PURE__*/_jsx(ChartsTooltip, _extends({}, tooltipProps)), /*#__PURE__*/_jsx(ChartsClipPath, _extends({}, clipPathProps)), children]
   }));
 });
 process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
@@ -116,6 +116,10 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
    * The height of the chart in px. If not defined, it takes the height of the parent element.
    */
   height: PropTypes.number,
+  /**
+   * If `true`, the legend is not rendered.
+   */
+  hideLegend: PropTypes.bool,
   /**
    * The item currently highlighted. Turns highlighting into a controlled prop.
    */
@@ -134,32 +138,6 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
    * @default yAxisIds[0] The id of the first provided axis
    */
   leftAxis: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-  /**
-   * @deprecated Consider using `slotProps.legend` instead.
-   */
-  legend: PropTypes.shape({
-    classes: PropTypes.object,
-    direction: PropTypes.oneOf(['column', 'row']),
-    hidden: PropTypes.bool,
-    itemGap: PropTypes.number,
-    itemMarkHeight: PropTypes.number,
-    itemMarkWidth: PropTypes.number,
-    labelStyle: PropTypes.object,
-    markGap: PropTypes.number,
-    onItemClick: PropTypes.func,
-    padding: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-      bottom: PropTypes.number,
-      left: PropTypes.number,
-      right: PropTypes.number,
-      top: PropTypes.number
-    })]),
-    position: PropTypes.shape({
-      horizontal: PropTypes.oneOf(['left', 'middle', 'right']).isRequired,
-      vertical: PropTypes.oneOf(['bottom', 'middle', 'top']).isRequired
-    }),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object
-  }),
   /**
    * If `true`, a loading overlay is displayed.
    * @default false