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

package/node/ScatterChart/useScatterChartProps.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useScatterChartProps = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-const _excluded = ["xAxis", "yAxis", "zAxis", "series", "tooltip", "axisHighlight", "voronoiMaxRadius", "disableVoronoi", "legend", "width", "height", "margin", "colors", "sx", "grid", "topAxis", "leftAxis", "rightAxis", "bottomAxis", "onItemClick", "children", "slots", "slotProps", "loading", "highlightedItem", "onHighlightChange", "className"];
+const _excluded = ["xAxis", "yAxis", "zAxis", "series", "tooltip", "axisHighlight", "voronoiMaxRadius", "disableVoronoi", "hideLegend", "width", "height", "margin", "colors", "sx", "grid", "topAxis", "leftAxis", "rightAxis", "bottomAxis", "onItemClick", "children", "slots", "slotProps", "loading", "highlightedItem", "onHighlightChange", "className"];
 /**
  * A helper function that extracts ScatterChartProps from the input props
  * and returns an object with props for the children components of ScatterChart.
@@ -26,7 +26,6 @@ const useScatterChartProps = props => {
       axisHighlight,
       voronoiMaxRadius,
       disableVoronoi,
-      legend,
       width,
       height,
       margin,
@@ -91,10 +90,10 @@ const useScatterChartProps = props => {
     slots,
     slotProps
   };
-  const legendProps = (0, _extends2.default)({}, legend, {
+  const legendProps = {
     slots,
     slotProps
-  });
+  };
   const axisHighlightProps = (0, _extends2.default)({
     y: 'none',
     x: 'none'

package/node/SparkLineChart/SparkLineChart.js

@@ -13,7 +13,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _BarChart = require("../BarChart");
 var _LineChart = require("../LineChart");
-var _ResponsiveChartContainer = require("../ResponsiveChartContainer");
+var _ChartContainer = require("../ChartContainer");
 var _constants = require("../constants");
 var _ChartsTooltip = require("../ChartsTooltip");
 var _ChartsAxisHighlight = require("../ChartsAxisHighlight");
@@ -65,7 +65,7 @@ const SparkLineChart = exports.SparkLineChart = /*#__PURE__*/React.forwardRef(fu
     x: 'none'
   };
   const axisHighlight = (0, _extends2.default)({}, defaultXHighlight, inAxisHighlight);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ResponsiveChartContainer.ResponsiveChartContainer, (0, _extends2.default)({}, other, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartContainer.ChartContainer, (0, _extends2.default)({}, other, {
     ref: ref,
     series: [(0, _extends2.default)({
       type: plotType,

package/node/{ResponsiveChartContainer/ResponsiveChartContainer.js → context/ChartDataProvider/ChartDataProvider.js}

@@ -6,25 +6,54 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ResponsiveChartContainer = void 0;
+exports.ChartDataProvider = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ChartContainer = require("../ChartContainer");
-var _ResizableContainer = require("./ResizableContainer");
-var _useResponsiveChartContainerProps = require("./useResponsiveChartContainerProps");
+var _DrawingProvider = require("../DrawingProvider");
+var _SeriesProvider = require("../SeriesProvider");
+var _InteractionProvider = require("../InteractionProvider");
+var _ChartsSurface = require("../../ChartsSurface");
+var _CartesianProvider = require("../CartesianProvider");
+var _ChartsAxesGradients = require("../../internals/components/ChartsAxesGradients");
+var _ = require("..");
+var _PluginProvider = require("../PluginProvider");
+var _useChartDataProviderProps = require("./useChartDataProviderProps");
+var _AnimationProvider = require("../AnimationProvider");
 var _jsxRuntime = require("react/jsx-runtime");
-const ResponsiveChartContainer = exports.ResponsiveChartContainer = /*#__PURE__*/React.forwardRef(function ResponsiveChartContainer(props, ref) {
+const ChartDataProvider = exports.ChartDataProvider = /*#__PURE__*/React.forwardRef(function ChartDataProvider(props, ref) {
   const {
-    hasIntrinsicSize,
-    chartContainerProps,
-    resizableChartContainerProps
-  } = (0, _useResponsiveChartContainerProps.useResponsiveChartContainerProps)(props, ref);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResizableContainer.ResizableContainer, (0, _extends2.default)({}, resizableChartContainerProps, {
-    children: hasIntrinsicSize ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartContainer.ChartContainer, (0, _extends2.default)({}, chartContainerProps)) : null
+    children,
+    drawingProviderProps,
+    seriesProviderProps,
+    cartesianProviderProps,
+    zAxisContextProps,
+    highlightedProviderProps,
+    chartsSurfaceProps,
+    pluginProviderProps,
+    animationProviderProps
+  } = (0, _useChartDataProviderProps.useChartDataProviderProps)(props, ref);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawingProvider.DrawingProvider, (0, _extends2.default)({}, drawingProviderProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PluginProvider.PluginProvider, (0, _extends2.default)({}, pluginProviderProps, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SeriesProvider.SeriesProvider, (0, _extends2.default)({}, seriesProviderProps, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CartesianProvider.CartesianProvider, (0, _extends2.default)({}, cartesianProviderProps, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ZAxisContextProvider, (0, _extends2.default)({}, zAxisContextProps, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InteractionProvider.InteractionProvider, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HighlightedProvider, (0, _extends2.default)({}, highlightedProviderProps, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimationProvider.AnimationProvider, (0, _extends2.default)({}, animationProviderProps, {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
+                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxesGradients.ChartsAxesGradients, {}), children]
+                  }))
+                }))
+              }))
+            })
+          }))
+        }))
+      }))
+    }))
   }));
 });
-process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
+process.env.NODE_ENV !== "production" ? ChartDataProvider.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -48,9 +77,9 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
    */
   disableAxisListener: _propTypes.default.bool,
   /**
-   * The height of the chart in px. If not defined, it takes the height of the parent element.
+   * The height of the chart in px.
    */
-  height: _propTypes.default.number,
+  height: _propTypes.default.number.isRequired,
   /**
    * The item currently highlighted. Turns highlighting into a controlled prop.
    */
@@ -81,16 +110,6 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
    * If not provided, the container supports line, bar, scatter and pie charts.
    */
   plugins: _propTypes.default.arrayOf(_propTypes.default.object),
-  /**
-   * The chart will try to wait for the parent container to resolve its size
-   * before it renders for the first time.
-   *
-   * This can be useful in some scenarios where the chart appear to grow after
-   * the first render, like when used inside a grid.
-   *
-   * @default false
-   */
-  resolveSizeBeforeRender: _propTypes.default.bool,
   /**
    * The array of series to display.
    * Each type of series has its own specificity.
@@ -111,9 +130,9 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
     y: _propTypes.default.number
   }),
   /**
-   * The width of the chart in px. If not defined, it takes the width of the parent element.
+   * The width of the chart in px.
    */
-  width: _propTypes.default.number,
+  width: _propTypes.default.number.isRequired,
   /**
    * The configuration of the x-axes.
    * If not provided, a default axis config is used.

package/node/context/ChartDataProvider/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ChartDataProvider = require("./ChartDataProvider");
+Object.keys(_ChartDataProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartDataProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartDataProvider[key];
+    }
+  });
+});

package/node/context/ChartDataProvider/useChartDataProviderProps.js

@@ -0,0 +1,94 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChartDataProviderProps = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _useDefaultizeAxis = require("./useDefaultizeAxis");
+const _excluded = ["width", "height", "series", "margin", "xAxis", "yAxis", "zAxis", "colors", "dataset", "sx", "title", "desc", "disableAxisListener", "highlightedItem", "onHighlightChange", "plugins", "children", "skipAnimation"];
+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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const svgRef = React.useRef(null);
+  const chartSurfaceRef = (0, _useForkRef.default)(ref, svgRef);
+  const [defaultizedXAxis, defaultizedYAxis] = (0, _useDefaultizeAxis.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 = (0, _extends2.default)({}, other, {
+    width,
+    height,
+    ref: chartSurfaceRef,
+    sx,
+    title,
+    desc,
+    disableAxisListener
+  });
+  return {
+    children,
+    drawingProviderProps,
+    seriesProviderProps,
+    cartesianProviderProps,
+    zAxisContextProps,
+    highlightedProviderProps,
+    chartsSurfaceProps,
+    pluginProviderProps,
+    animationProviderProps,
+    xAxis: defaultizedXAxis,
+    yAxis: defaultizedYAxis
+  };
+};
+exports.useChartDataProviderProps = useChartDataProviderProps;

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useDefaultizeAxis = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _constants = require("../constants");
+var _constants = require("../../constants");
 const defaultizeAxis = (inAxis, dataset, axisName) => {
   const DEFAULT_AXIS_KEY = axisName === 'x' ? _constants.DEFAULT_X_AXIS_KEY : _constants.DEFAULT_Y_AXIS_KEY;
   return [...(inAxis?.map((axis, index) => (0, _extends2.default)({

package/node/context/HighlightedProvider/HighlightedProvider.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HighlightedProvider = HighlightedProvider;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useControlled = _interopRequireDefault(require("@mui/utils/useControlled"));
@@ -17,19 +15,6 @@ var _createIsFaded = require("./createIsFaded");
 var _createIsHighlighted = require("./createIsHighlighted");
 var _useSeries = require("../../hooks/useSeries");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["highlighted", "faded"];
-const mergeDeprecatedOptions = options => {
-  const _ref = options ?? {},
-    {
-      highlighted,
-      faded
-    } = _ref,
-    other = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  return (0, _extends2.default)({
-    highlight: highlighted,
-    fade: faded
-  }, other);
-};
 function HighlightedProvider({
   children,
   highlightedItem: highlightedItemProps,
@@ -48,7 +33,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/node/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
@@ -263,17 +263,6 @@ Object.keys(_Gauge).forEach(function (key) {
     }
   });
 });
-var _ChartContainer = require("./ChartContainer");
-Object.keys(_ChartContainer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ChartContainer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ChartContainer[key];
-    }
-  });
-});
 var _ChartsSurface = require("./ChartsSurface");
 Object.keys(_ChartsSurface).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -285,14 +274,14 @@ Object.keys(_ChartsSurface).forEach(function (key) {
     }
   });
 });
-var _ResponsiveChartContainer = require("./ResponsiveChartContainer");
-Object.keys(_ResponsiveChartContainer).forEach(function (key) {
+var _ChartContainer = require("./ChartContainer");
+Object.keys(_ChartContainer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ResponsiveChartContainer[key]) return;
+  if (key in exports && exports[key] === _ChartContainer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _ResponsiveChartContainer[key];
+      return _ChartContainer[key];
     }
   });
 });

package/node/internals/getSymbol.js

@@ -4,8 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSymbol = getSymbol;
-// Returns the index of a defined shape
 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/node/internals/index.js

@@ -10,8 +10,6 @@ var _exportNames = {
   useScatterChartProps: true,
   useLineChartProps: true,
   useBarChartProps: true,
-  useResponsiveChartContainerProps: true,
-  useChartContainerProps: true,
   unstable_cleanupDOM: true,
   getAxisExtremum: true
 };
@@ -33,12 +31,6 @@ Object.defineProperty(exports, "useBarChartProps", {
     return _useBarChartProps.useBarChartProps;
   }
 });
-Object.defineProperty(exports, "useChartContainerProps", {
-  enumerable: true,
-  get: function () {
-    return _useChartContainerProps.useChartContainerProps;
-  }
-});
 Object.defineProperty(exports, "useDrawingArea", {
   enumerable: true,
   get: function () {
@@ -57,12 +49,6 @@ Object.defineProperty(exports, "useLineChartProps", {
     return _useLineChartProps.useLineChartProps;
   }
 });
-Object.defineProperty(exports, "useResponsiveChartContainerProps", {
-  enumerable: true,
-  get: function () {
-    return _useResponsiveChartContainerProps.useResponsiveChartContainerProps;
-  }
-});
 Object.defineProperty(exports, "useScatterChartProps", {
   enumerable: true,
   get: function () {
@@ -87,7 +73,7 @@ Object.keys(_ChartsAxesGradients).forEach(function (key) {
     }
   });
 });
-var _useChartContainerDimensions = require("../ResponsiveChartContainer/useChartContainerDimensions");
+var _useChartContainerDimensions = require("../ChartContainer/useChartContainerDimensions");
 Object.keys(_useChartContainerDimensions).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -99,7 +85,7 @@ Object.keys(_useChartContainerDimensions).forEach(function (key) {
     }
   });
 });
-var _ResizableContainer = require("../ResponsiveChartContainer/ResizableContainer");
+var _ResizableContainer = require("../ChartContainer/ResizableContainer");
 Object.keys(_ResizableContainer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -117,8 +103,30 @@ var _useDrawingArea = require("../hooks/useDrawingArea");
 var _useScatterChartProps = require("../ScatterChart/useScatterChartProps");
 var _useLineChartProps = require("../LineChart/useLineChartProps");
 var _useBarChartProps = require("../BarChart/useBarChartProps");
-var _useResponsiveChartContainerProps = require("../ResponsiveChartContainer/useResponsiveChartContainerProps");
 var _useChartContainerProps = require("../ChartContainer/useChartContainerProps");
+Object.keys(_useChartContainerProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartContainerProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartContainerProps[key];
+    }
+  });
+});
+var _useChartDataProviderProps = require("../context/ChartDataProvider/useChartDataProviderProps");
+Object.keys(_useChartDataProviderProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartDataProviderProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartDataProviderProps[key];
+    }
+  });
+});
 var _defaultizeValueFormatter = require("./defaultizeValueFormatter");
 Object.keys(_defaultizeValueFormatter).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -289,39 +297,39 @@ Object.keys(_AnimationProvider).forEach(function (key) {
   });
 });
 var _getAxisExtremum = require("../context/CartesianProvider/getAxisExtremum");
-var _config = require("../models/seriesType/config");
-Object.keys(_config).forEach(function (key) {
+var _ChartDataProvider = require("../context/ChartDataProvider");
+Object.keys(_ChartDataProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _config[key]) return;
+  if (key in exports && exports[key] === _ChartDataProvider[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _config[key];
+      return _ChartDataProvider[key];
     }
   });
 });
-var _common = require("../models/seriesType/common");
-Object.keys(_common).forEach(function (key) {
+var _config = require("../models/seriesType/config");
+Object.keys(_config).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _common[key]) return;
+  if (key in exports && exports[key] === _config[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _common[key];
+      return _config[key];
     }
   });
 });
-var _helpers = require("../models/helpers");
-Object.keys(_helpers).forEach(function (key) {
+var _common = require("../models/seriesType/common");
+Object.keys(_common).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _helpers[key]) return;
+  if (key in exports && exports[key] === _common[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _helpers[key];
+      return _common[key];
     }
   });
 });

package/node/internals/useStringInterpolator.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useStringInterpolator = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _d3Interpolate = require("@mui/x-charts-vendor/d3-interpolate");
+/* eslint-disable react-compiler/react-compiler */
+
 function usePrevious(value) {
   const ref = React.useRef({
     currentPath: value,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "7.22.2",
+  "version": "8.0.0-alpha.0",
   "description": "The community edition of the Charts components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -29,14 +29,14 @@
     "directory": "packages/x-charts"
   },
   "dependencies": {
-    "@babel/runtime": "^7.25.7",
+    "@babel/runtime": "^7.26.0",
     "@mui/utils": "^5.16.6 || ^6.0.0",
     "@react-spring/rafz": "^9.7.5",
     "@react-spring/web": "^9.7.5",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-charts-vendor": "7.20.0",
-    "@mui/x-internals": "7.21.0"
+    "@mui/x-charts-vendor": "8.0.0-alpha.0",
+    "@mui/x-internals": "8.0.0-alpha.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/ResponsiveChartContainer/ResponsiveChartContainer.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { ChartContainerProps } from '../ChartContainer';
-export interface ResponsiveChartContainerProps extends Omit<ChartContainerProps, 'width' | 'height'> {
-    /**
-     * The width of the chart in px. If not defined, it takes the width of the parent element.
-     */
-    width?: number;
-    /**
-     * The height of the chart in px. If not defined, it takes the height of the parent element.
-     */
-    height?: number;
-    /**
-     * The chart will try to wait for the parent container to resolve its size
-     * before it renders for the first time.
-     *
-     * This can be useful in some scenarios where the chart appear to grow after
-     * the first render, like when used inside a grid.
-     *
-     * @default false
-     */
-    resolveSizeBeforeRender?: boolean;
-}
-declare const ResponsiveChartContainer: React.ForwardRefExoticComponent<ResponsiveChartContainerProps & React.RefAttributes<unknown>>;
-export { ResponsiveChartContainer };

package/ResponsiveChartContainer/index.d.ts

@@ -1 +0,0 @@
-export * from './ResponsiveChartContainer';

package/ResponsiveChartContainer/index.js

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

package/ResponsiveChartContainer/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/ResponsiveChartContainer/index.js",
-  "types": "./index.d.ts"
-}

package/ResponsiveChartContainer/useResponsiveChartContainerProps.d.ts

@@ -1,19 +0,0 @@
-import type { ResponsiveChartContainerProps } from './ResponsiveChartContainer';
-export declare const useResponsiveChartContainerProps: (props: ResponsiveChartContainerProps, ref: React.ForwardedRef<unknown>) => {
-    hasIntrinsicSize: number;
-    chartContainerProps: Omit<import("..").ChartsSurfaceProps & Omit<import("../internals").SeriesProviderProps, "seriesFormatters"> & Omit<import("../internals").DrawingProviderProps, "svgRef"> & Pick<import("../internals").CartesianProviderProps, "dataset"> & import("..").ZAxisContextProviderProps & import("..").HighlightedProviderProps & import("../internals").PluginProviderProps & import("../internals").AnimationProviderProps, "children"> & {
-        xAxis?: import("../internals").MakeOptional<import("..").AxisConfig<import("..").ScaleName, any, import("..").ChartsXAxisProps>, "id">[];
-        yAxis?: import("../internals").MakeOptional<import("..").AxisConfig<import("..").ScaleName, any, import("..").ChartsYAxisProps>, "id">[];
-        children?: React.ReactNode;
-    } & {
-        ref: React.ForwardedRef<unknown>;
-    };
-    resizableChartContainerProps: {
-        ownerState: {
-            width: number | undefined;
-            height: number | undefined;
-        };
-        ref: import("react").MutableRefObject<null>;
-        className?: string | undefined;
-    };
-};