@mui/x-charts 7.11.1 → 7.12.0

package/SparkLineChart/SparkLineChart.js

@@ -254,7 +254,6 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * Notice it is a single [[AxisConfig]] object, not an array of configuration.
    */
   xAxis: _propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
@@ -306,7 +305,6 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * Notice it is a single [[AxisConfig]] object, not an array of configuration.
    */
   yAxis: _propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,

package/context/CartesianProvider/computeValue.d.ts

@@ -3,7 +3,7 @@ import { ChartsXAxisProps, ChartsAxisProps, ChartsYAxisProps, AxisId } from '../
 import { CartesianChartSeriesType, DatasetType, ExtremumGetter } from '../../models/seriesType/config';
 import { DefaultizedAxisConfig } from './CartesianContext';
 import { DrawingArea } from '../DrawingProvider';
-import { FormattedSeries } from '../SeriesContextProvider';
+import { FormattedSeries } from '../SeriesProvider';
 export declare function computeValue(options: {
     drawingArea: DrawingArea;
     formattedSeries: FormattedSeries;

package/context/CartesianProvider/computeValue.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.computeValue = computeValue;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _d3Scale = require("d3-scale");
+var _d3Scale = require("@mui/x-charts-vendor/d3-scale");
 var _axis = require("../../models/axis");
 var _colorScale = require("../../internals/colorScale");
 var _useTicks = require("../../hooks/useTicks");

package/context/CartesianProvider/defaultizeAxis.d.ts

@@ -2,35 +2,34 @@ import { MakeOptional } from '../../models/helpers';
 import { AxisConfig, ScaleName } from '../../models';
 import { ChartsAxisProps } from '../../models/axis';
 export declare const defaultizeAxis: (inAxis: MakeOptional<AxisConfig<ScaleName, any, ChartsAxisProps>, "id">[] | undefined, axisName: "x" | "y") => {
-    reverse?: boolean;
-    fill?: string;
-    stroke?: string;
+    reverse?: boolean | undefined;
+    fill?: string | undefined;
+    stroke?: string | undefined;
     data?: any[] | undefined;
-    label?: string;
-    max?: number | Date;
-    min?: number | Date;
-    classes?: Partial<import("../..").ChartsAxisClasses>;
-    slots?: Partial<import("../../models/axis").ChartsAxisSlots>;
-    slotProps?: Partial<import("../../models/axis").ChartsAxisSlotProps>;
-    dataKey?: string;
+    label?: string | undefined;
+    max?: (number | Date) | undefined;
+    min?: (number | Date) | undefined;
+    classes?: Partial<import("../..").ChartsAxisClasses> | undefined;
+    slots?: Partial<import("../../models/axis").ChartsAxisSlots> | undefined;
+    slotProps?: Partial<import("../../models/axis").ChartsAxisSlotProps> | undefined;
+    dataKey?: string | undefined;
     valueFormatter?: ((value: any, context: import("../../models/axis").AxisValueFormatterContext) => string) | undefined;
     colorMap?: import("../../models/colorMapping").ContinuousColorConfig<number | Date> | import("../../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
-    tickMaxStep?: number;
-    tickMinStep?: number;
-    tickNumber?: number;
-    tickPlacement?: "start" | "end" | "middle" | "extremities";
-    tickLabelPlacement?: "middle" | "tick";
-    scaleType?: "linear" | "time" | "log" | "band" | "point" | "pow" | "sqrt" | "utc" | undefined;
-    axisId?: import("../../models/axis").AxisId;
-    disableLine?: boolean;
-    disableTicks?: boolean;
-    tickFontSize?: number;
+    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);
-    labelFontSize?: number;
-    tickSize?: number;
-    tickInterval?: "auto" | ((value: any, index: number) => boolean) | any[];
-    hideTooltip?: boolean;
+    tickLabelInterval?: ("auto" | ((value: any, index: number) => boolean)) | undefined;
+    labelFontSize?: number | undefined;
+    tickSize?: number | 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;
+    hideTooltip?: boolean | undefined;
     id: import("../../models/axis").AxisId;
 }[];

package/context/CartesianProvider/getAxisExtremum.d.ts

@@ -1,4 +1,4 @@
 import { AxisConfig, ExtremumGettersConfig } from '../../models';
 import { ExtremumGetterResult } from '../../models/seriesType/config';
-import { FormattedSeries } from '../SeriesContextProvider';
+import { FormattedSeries } from '../SeriesProvider';
 export declare const getAxisExtremum: (axis: AxisConfig, getters: ExtremumGettersConfig, isDefaultAxis: boolean, formattedSeries: FormattedSeries) => ExtremumGetterResult;

package/context/{SeriesContextProvider.d.ts → SeriesProvider/Series.types.d.ts}

@@ -1,12 +1,11 @@
 import * as React from 'react';
-import { AllSeriesType } from '../models/seriesType';
-import { ChartSeriesType, DatasetType, FormatterParams, FormatterResult } from '../models/seriesType/config';
-import { ChartsColorPalette } from '../colorPalettes';
-import { Initializable } from './context.types';
+import { AllSeriesType } from '../../models/seriesType';
+import { ChartSeriesType, DatasetType, FormatterParams, FormatterResult } from '../../models/seriesType/config';
+import { ChartsColorPalette } from '../../colorPalettes';
 export type SeriesFormatterType<T extends ChartSeriesType> = (series: AllSeriesType<T>[], colors: string[], dataset?: DatasetType) => {
     [type in T]?: FormatterResult<type>;
 };
-export type SeriesContextProviderProps<T extends ChartSeriesType = ChartSeriesType> = {
+export type SeriesProviderProps<T extends ChartSeriesType = ChartSeriesType> = {
     dataset?: DatasetType;
     /**
      * The array of series to display.
@@ -28,9 +27,6 @@ export type SeriesContextProviderProps<T extends ChartSeriesType = ChartSeriesTy
 export type FormattedSeries = {
     [type in ChartSeriesType]?: FormatterResult<type>;
 };
-export declare const SeriesContext: React.Context<Initializable<FormattedSeries>>;
 export type SeriesFormatterConfig<T extends ChartSeriesType = ChartSeriesType> = {
     [K in T]?: (series: FormatterParams<K>, dataset?: DatasetType) => any;
 };
-declare function SeriesContextProvider<T extends ChartSeriesType>(props: SeriesContextProviderProps<T>): React.JSX.Element;
-export { SeriesContextProvider };

package/context/SeriesProvider/Series.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/context/SeriesProvider/SeriesContext.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Initializable } from '../context.types';
+import { FormattedSeries } from './Series.types';
+export declare const SeriesContext: React.Context<Initializable<FormattedSeries>>;

package/context/SeriesProvider/SeriesContext.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SeriesContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const SeriesContext = exports.SeriesContext = /*#__PURE__*/React.createContext({
+  isInitialized: false,
+  data: {}
+});
+if (process.env.NODE_ENV !== 'production') {
+  SeriesContext.displayName = 'SeriesContext';
+}

package/context/SeriesProvider/SeriesProvider.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ChartSeriesType } from '../../models/seriesType/config';
+import { SeriesProviderProps } from './Series.types';
+declare function SeriesProvider<T extends ChartSeriesType>(props: SeriesProviderProps<T>): React.JSX.Element;
+export { SeriesProvider };

package/context/SeriesProvider/SeriesProvider.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SeriesProvider = SeriesProvider;
+var React = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/material/styles");
+var _colorPalettes = require("../../colorPalettes");
+var _SeriesContext = require("./SeriesContext");
+var _processSeries = require("./processSeries");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function SeriesProvider(props) {
+  const {
+    series,
+    dataset,
+    colors = _colorPalettes.blueberryTwilightPalette,
+    seriesFormatters,
+    children
+  } = props;
+  const theme = (0, _styles.useTheme)();
+  const formattedSeries = React.useMemo(() => ({
+    isInitialized: true,
+    data: (0, _processSeries.preprocessSeries)({
+      series,
+      colors: typeof colors === 'function' ? colors(theme.palette.mode) : colors,
+      seriesFormatters,
+      dataset: dataset
+    })
+  }), [series, colors, theme.palette.mode, seriesFormatters, dataset]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SeriesContext.SeriesContext.Provider, {
+    value: formattedSeries,
+    children: children
+  });
+}

package/context/SeriesProvider/index.d.ts

@@ -0,0 +1,12 @@
+export * from './SeriesProvider';
+export * from './SeriesContext';
+export * from './Series.types';
+declare const seriesProviderUtils: {
+    preprocessSeries: <T extends import("../../internals").ChartSeriesType>({ series, colors, seriesFormatters, dataset, }: {
+        series: import("../..").AllSeriesType<T>[];
+        colors: string[];
+        seriesFormatters: import("./Series.types").SeriesFormatterConfig<T>;
+        dataset?: import("../../internals").DatasetType;
+    }) => import("./Series.types").FormattedSeries;
+};
+export { seriesProviderUtils };

package/context/SeriesProvider/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  seriesProviderUtils: true
+};
+exports.seriesProviderUtils = void 0;
+var _processSeries = require("./processSeries");
+var _SeriesProvider = require("./SeriesProvider");
+Object.keys(_SeriesProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SeriesProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SeriesProvider[key];
+    }
+  });
+});
+var _SeriesContext = require("./SeriesContext");
+Object.keys(_SeriesContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SeriesContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SeriesContext[key];
+    }
+  });
+});
+var _Series = require("./Series.types");
+Object.keys(_Series).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Series[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Series[key];
+    }
+  });
+});
+const seriesProviderUtils = exports.seriesProviderUtils = {
+  preprocessSeries: _processSeries.preprocessSeries
+};

package/context/SeriesProvider/processSeries.d.ts

@@ -0,0 +1,17 @@
+import { AllSeriesType } from '../../models/seriesType';
+import { ChartSeriesType, DatasetType } from '../../models/seriesType/config';
+import { FormattedSeries, SeriesFormatterConfig } from './Series.types';
+/**
+ * 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
+ * It also add defaultized values such as the ids, colors
+ * @param series The array of series provided by the developer
+ * @param colors The color palette used to defaultize series colors
+ * @returns An object structuring all the series by type.
+ */
+export declare const preprocessSeries: <T extends ChartSeriesType>({ series, colors, seriesFormatters, dataset, }: {
+    series: AllSeriesType<T>[];
+    colors: string[];
+    seriesFormatters: SeriesFormatterConfig<T>;
+    dataset?: DatasetType;
+}) => FormattedSeries;

package/context/SeriesProvider/processSeries.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.preprocessSeries = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defaultizeColor = require("../../internals/defaultizeColor");
+/**
+ * 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
+ * It also add defaultized values such as the ids, colors
+ * @param series The array of series provided by the developer
+ * @param colors The color palette used to defaultize series colors
+ * @returns An object structuring all the series by type.
+ */
+const preprocessSeries = ({
+  series,
+  colors,
+  seriesFormatters,
+  dataset
+}) => {
+  // Group series by type
+  const seriesGroups = {};
+  series.forEach((seriesData, seriesIndex) => {
+    const {
+      id = `auto-generated-id-${seriesIndex}`,
+      type
+    } = seriesData;
+    if (seriesGroups[type] === undefined) {
+      seriesGroups[type] = {
+        series: {},
+        seriesOrder: []
+      };
+    }
+    if (seriesGroups[type]?.series[id] !== undefined) {
+      throw new Error(`MUI X: series' id "${id}" is not unique.`);
+    }
+    seriesGroups[type].series[id] = (0, _extends2.default)({
+      id
+    }, (0, _defaultizeColor.defaultizeColor)(seriesData, seriesIndex, colors));
+    seriesGroups[type].seriesOrder.push(id);
+  });
+  const formattedSeries = {};
+  // Apply formatter on a type group
+  Object.keys(seriesFormatters).forEach(type => {
+    const group = seriesGroups[type];
+    if (group !== undefined) {
+      formattedSeries[type] = seriesFormatters[type]?.(group, dataset) ?? seriesGroups[type];
+    }
+  });
+  return formattedSeries;
+};
+exports.preprocessSeries = preprocessSeries;

package/esm/BarChart/BarChart.js

@@ -239,7 +239,6 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   xAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     classes: PropTypes.object,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
@@ -292,7 +291,6 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   yAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     classes: PropTypes.object,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,

package/esm/BarChart/BarElement.js

@@ -4,11 +4,11 @@ const _excluded = ["id", "dataIndex", "classes", "color", "slots", "slotProps",
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
-import { useSlotProps } from '@mui/base/utils';
+import useSlotProps from '@mui/utils/useSlotProps';
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
 import { styled } from '@mui/material/styles';
-import { color as d3Color } from 'd3-color';
 import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import { color as d3Color } from '@mui/x-charts-vendor/d3-color';
 import { animated } from '@react-spring/web';
 import { useInteractionItemProps } from '../hooks/useInteractionItemProps';
 import { useItemHighlighted } from '../context';

package/esm/BarChart/BarLabel/BarLabelItem.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["seriesId", "classes", "color", "style", "dataIndex", "barLabel", "slots", "slotProps", "height", "width", "value"],
   _excluded2 = ["ownerState"];
 import * as React from 'react';
-import { useSlotProps } from '@mui/base/utils';
+import useSlotProps from '@mui/utils/useSlotProps';
 import PropTypes from 'prop-types';
 import { useUtilityClasses } from './barLabelClasses';
 import { getBarLabel } from './getBarLabel';

package/esm/BarChart/formatter.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { stack as d3Stack } from 'd3-shape';
+import { stack as d3Stack } from '@mui/x-charts-vendor/d3-shape';
 import { getStackingGroups } from '../internals/stackSeries';
 import { defaultizeValueFormatter } from '../internals/defaultizeValueFormatter';
 let warnOnce = false;

package/esm/ChartContainer/ChartContainer.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { DrawingProvider } from '../context/DrawingProvider';
-import { SeriesContextProvider } from '../context/SeriesContextProvider';
+import { SeriesProvider } from '../context/SeriesProvider';
 import { InteractionProvider } from '../context/InteractionProvider';
 import { ColorProvider } from '../context/ColorProvider';
 import { ChartsSurface } from '../ChartsSurface';
@@ -16,7 +16,7 @@ const ChartContainer = /*#__PURE__*/React.forwardRef(function ChartContainer(pro
     children,
     drawingProviderProps,
     colorProviderProps,
-    seriesContextProps,
+    seriesProviderProps,
     cartesianContextProps,
     zAxisContextProps,
     highlightedProviderProps,
@@ -24,7 +24,7 @@ const ChartContainer = /*#__PURE__*/React.forwardRef(function ChartContainer(pro
   } = useChartContainerProps(props, ref);
   return /*#__PURE__*/_jsx(DrawingProvider, _extends({}, drawingProviderProps, {
     children: /*#__PURE__*/_jsx(ColorProvider, _extends({}, colorProviderProps, {
-      children: /*#__PURE__*/_jsx(SeriesContextProvider, _extends({}, seriesContextProps, {
+      children: /*#__PURE__*/_jsx(SeriesProvider, _extends({}, seriesProviderProps, {
         children: /*#__PURE__*/_jsx(CartesianContextProvider, _extends({}, cartesianContextProps, {
           children: /*#__PURE__*/_jsx(ZAxisContextProvider, _extends({}, zAxisContextProps, {
             children: /*#__PURE__*/_jsx(InteractionProvider, {
@@ -121,7 +121,6 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   xAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     classes: PropTypes.object,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
@@ -174,7 +173,6 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   yAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     classes: PropTypes.object,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,

package/esm/ChartContainer/useChartContainerProps.js

@@ -42,7 +42,7 @@ export const useChartContainerProps = (props, ref) => {
   const colorProviderProps = {
     colorProcessors
   };
-  const seriesContextProps = {
+  const seriesProviderProps = {
     series,
     colors,
     dataset,
@@ -76,7 +76,7 @@ export const useChartContainerProps = (props, ref) => {
     children,
     drawingProviderProps,
     colorProviderProps,
-    seriesContextProps,
+    seriesProviderProps,
     cartesianContextProps,
     zAxisContextProps,
     highlightedProviderProps,

package/esm/ChartsLegend/ChartsLegend.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useSlotProps } from '@mui/base/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import useSlotProps from '@mui/utils/useSlotProps';
+import composeClasses from '@mui/utils/composeClasses';
 import { useThemeProps, useTheme } from '@mui/material/styles';
 import { getSeriesToDisplay } from './utils';
 import { getLegendUtilityClass } from './chartsLegendClasses';

package/esm/ChartsLegend/LegendPerItem.js

@@ -2,7 +2,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["rotate", "dominantBaseline"];
 import * as React from 'react';
-import { NoSsr } from '@mui/base/NoSsr';
+import NoSsr from '@mui/material/NoSsr';
 import { useTheme, styled } from '@mui/material/styles';
 import { ChartsText } from '../ChartsText';
 import { getWordsByLines } from '../internals/getWordsByLines';

package/esm/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useSlotProps } from '@mui/base/utils';
+import useSlotProps from '@mui/utils/useSlotProps';
 import { useCartesianContext } from '../context/CartesianProvider';
 import { DefaultChartsAxisTooltipContent } from './DefaultChartsAxisTooltipContent';
 import { ZAxisContext } from '../context/ZAxisContextProvider';

package/esm/ChartsTooltip/ChartsItemTooltipContent.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useSlotProps } from '@mui/base/utils';
+import useSlotProps from '@mui/utils/useSlotProps';
 import { DefaultChartsItemTooltipContent } from './DefaultChartsItemTooltipContent';
 import { useCartesianContext } from '../context/CartesianProvider';
 import { ZAxisContext } from '../context/ZAxisContextProvider';

package/esm/ChartsTooltip/ChartsTooltip.js

@@ -3,9 +3,9 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import { styled, useThemeProps } from '@mui/material/styles';
-import { Popper } from '@mui/base/Popper';
-import { NoSsr } from '@mui/base/NoSsr';
-import { useSlotProps } from '@mui/base/utils';
+import Popper from '@mui/material/Popper';
+import NoSsr from '@mui/material/NoSsr';
+import useSlotProps from '@mui/utils/useSlotProps';
 import { InteractionContext } from '../context/InteractionProvider';
 import { generateVirtualElement, useMouseTracker, getTooltipHasData } from './utils';
 import { ChartsItemTooltipContent } from './ChartsItemTooltipContent';

package/esm/ChartsVoronoiHandler/ChartsVoronoiHandler.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { Delaunay } from 'd3-delaunay';
+import { Delaunay } from '@mui/x-charts-vendor/d3-delaunay';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { InteractionContext } from '../context/InteractionProvider';
 import { useCartesianContext } from '../context/CartesianProvider';

package/esm/ChartsXAxis/ChartsXAxis.js

@@ -3,8 +3,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["scale", "tickNumber", "reverse"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useSlotProps } from '@mui/base/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import useSlotProps from '@mui/utils/useSlotProps';
+import composeClasses from '@mui/utils/composeClasses';
 import { useThemeProps, useTheme } from '@mui/material/styles';
 import { useCartesianContext } from '../context/CartesianProvider';
 import { useTicks } from '../hooks/useTicks';

package/esm/ChartsYAxis/ChartsYAxis.js

@@ -3,8 +3,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["scale", "tickNumber"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useSlotProps } from '@mui/base/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import useSlotProps from '@mui/utils/useSlotProps';
+import composeClasses from '@mui/utils/composeClasses';
 import { useThemeProps, useTheme } from '@mui/material/styles';
 import { useCartesianContext } from '../context/CartesianProvider';
 import { useTicks } from '../hooks/useTicks';

package/esm/Gauge/GaugeReferenceArc.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { arc as d3Arc } from 'd3-shape';
+import { arc as d3Arc } from '@mui/x-charts-vendor/d3-shape';
 import { styled } from '@mui/material/styles';
 import { useGaugeState } from './GaugeProvider';
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/Gauge/GaugeValueArc.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { arc as d3Arc } from 'd3-shape';
+import { arc as d3Arc } from '@mui/x-charts-vendor/d3-shape';
 import { styled } from '@mui/material/styles';
 import { useGaugeState } from './GaugeProvider';
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/LineChart/AnimatedArea.js

@@ -4,8 +4,8 @@ const _excluded = ["d", "skipAnimation", "ownerState"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@mui/material/styles';
-import { color as d3Color } from 'd3-color';
 import { animated, useSpring } from '@react-spring/web';
+import { color as d3Color } from '@mui/x-charts-vendor/d3-color';
 import { useAnimatedPath } from '../internals/useAnimatedPath';
 import { cleanId } from '../internals/cleanId';
 import { useChartId, useDrawingArea } from '../hooks';

package/esm/LineChart/AnimatedLine.js

@@ -4,7 +4,7 @@ const _excluded = ["d", "skipAnimation", "ownerState"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { animated, useSpring } from '@react-spring/web';
-import { color as d3Color } from 'd3-color';
+import { color as d3Color } from '@mui/x-charts-vendor/d3-color';
 import { styled } from '@mui/material/styles';
 import { useAnimatedPath } from '../internals/useAnimatedPath';
 import { cleanId } from '../internals/cleanId';

package/esm/LineChart/AreaElement.js

@@ -4,7 +4,7 @@ const _excluded = ["id", "classes", "color", "gradientId", "slots", "slotProps",
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
-import { useSlotProps } from '@mui/base/utils';
+import useSlotProps from '@mui/utils/useSlotProps';
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
 import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 import { useInteractionItemProps } from '../hooks/useInteractionItemProps';

package/esm/LineChart/AreaPlot.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["slots", "slotProps", "onItemClick", "skipAnimation"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { area as d3Area } from 'd3-shape';
+import { area as d3Area } from '@mui/x-charts-vendor/d3-shape';
 import { useCartesianContext } from '../context/CartesianProvider';
 import { AreaElement } from './AreaElement';
 import { getValueToPositionMapper } from '../hooks/useScale';

package/esm/LineChart/LineChart.js

@@ -240,7 +240,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   xAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     classes: PropTypes.object,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
@@ -293,7 +292,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   yAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     classes: PropTypes.object,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,