@mui/x-charts-pro 9.0.0-alpha.4 → 9.0.0-beta.0

package/BarChartPro/BarChartPro.js

@@ -120,15 +120,6 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     x: _propTypes.default.oneOf(['band', 'line', 'none']),
     y: _propTypes.default.oneOf(['band', 'line', 'none'])
   }),
-  /**
-   * @deprecated Use `barLabel` in the chart series instead.
-   * If provided, the function will be used to format the label of the bar.
-   * It can be set to 'value' to display the current value.
-   * @param {BarItem} item The item to format.
-   * @param {BarLabelContext} context data about the bar.
-   * @returns {string} The formatted label.
-   */
-  barLabel: _propTypes.default.oneOfType([_propTypes.default.oneOf(['value']), _propTypes.default.func]),
   /**
    * Defines the border radius of the bar element.
    */
@@ -333,7 +324,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
   onHighlightedAxisChange: _propTypes.default.func,
   /**
    * Callback fired when a bar item is clicked.
-   * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
+   * @param {MouseEvent} event The event source of the callback.
    * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
    */
   onItemClick: _propTypes.default.func,
@@ -458,7 +449,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
       tickLabelStyle: _propTypes.default.object,
       tickSize: _propTypes.default.number
     })),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -532,7 +523,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
       tickLabelStyle: _propTypes.default.object,
       tickSize: _propTypes.default.number
     })),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -596,7 +587,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     disableLine: _propTypes.default.bool,
     disableTicks: _propTypes.default.bool,
     domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -658,7 +649,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     disableLine: _propTypes.default.bool,
     disableTicks: _propTypes.default.bool,
     domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -719,7 +710,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     disableLine: _propTypes.default.bool,
     disableTicks: _propTypes.default.bool,
     domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -780,7 +771,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     disableLine: _propTypes.default.bool,
     disableTicks: _propTypes.default.bool,
     domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -841,7 +832,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     disableLine: _propTypes.default.bool,
     disableTicks: _propTypes.default.bool,
     domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -906,7 +897,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     disableLine: _propTypes.default.bool,
     disableTicks: _propTypes.default.bool,
     domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -971,7 +962,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     disableLine: _propTypes.default.bool,
     disableTicks: _propTypes.default.bool,
     domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -1078,7 +1069,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number,
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -1151,7 +1142,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number,
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -1211,7 +1202,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number,
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -1272,7 +1263,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number,
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -1332,7 +1323,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number,
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -1392,7 +1383,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number,
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -1456,7 +1447,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number,
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -1520,7 +1511,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number,
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -1580,7 +1571,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number,
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,

package/BarChartPro/BarChartPro.mjs

@@ -113,15 +113,6 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     x: PropTypes.oneOf(['band', 'line', 'none']),
     y: PropTypes.oneOf(['band', 'line', 'none'])
   }),
-  /**
-   * @deprecated Use `barLabel` in the chart series instead.
-   * If provided, the function will be used to format the label of the bar.
-   * It can be set to 'value' to display the current value.
-   * @param {BarItem} item The item to format.
-   * @param {BarLabelContext} context data about the bar.
-   * @returns {string} The formatted label.
-   */
-  barLabel: PropTypes.oneOfType([PropTypes.oneOf(['value']), PropTypes.func]),
   /**
    * Defines the border radius of the bar element.
    */
@@ -326,7 +317,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
   onHighlightedAxisChange: PropTypes.func,
   /**
    * Callback fired when a bar item is clicked.
-   * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
+   * @param {MouseEvent} event The event source of the callback.
    * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
    */
   onItemClick: PropTypes.func,
@@ -451,7 +442,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
       tickLabelStyle: PropTypes.object,
       tickSize: PropTypes.number
     })),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -525,7 +516,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
       tickLabelStyle: PropTypes.object,
       tickSize: PropTypes.number
     })),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -589,7 +580,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -651,7 +642,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -712,7 +703,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -773,7 +764,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -834,7 +825,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -899,7 +890,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -964,7 +955,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -1071,7 +1062,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number,
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     zoom: PropTypes.oneOfType([PropTypes.shape({
       filterMode: PropTypes.oneOf(['discard', 'keep']),
       maxEnd: PropTypes.number,
@@ -1144,7 +1135,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number,
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     zoom: PropTypes.oneOfType([PropTypes.shape({
       filterMode: PropTypes.oneOf(['discard', 'keep']),
       maxEnd: PropTypes.number,
@@ -1204,7 +1195,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number,
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     zoom: PropTypes.oneOfType([PropTypes.shape({
       filterMode: PropTypes.oneOf(['discard', 'keep']),
       maxEnd: PropTypes.number,
@@ -1265,7 +1256,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number,
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     zoom: PropTypes.oneOfType([PropTypes.shape({
       filterMode: PropTypes.oneOf(['discard', 'keep']),
       maxEnd: PropTypes.number,
@@ -1325,7 +1316,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number,
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     zoom: PropTypes.oneOfType([PropTypes.shape({
       filterMode: PropTypes.oneOf(['discard', 'keep']),
       maxEnd: PropTypes.number,
@@ -1385,7 +1376,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number,
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     zoom: PropTypes.oneOfType([PropTypes.shape({
       filterMode: PropTypes.oneOf(['discard', 'keep']),
       maxEnd: PropTypes.number,
@@ -1449,7 +1440,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number,
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     zoom: PropTypes.oneOfType([PropTypes.shape({
       filterMode: PropTypes.oneOf(['discard', 'keep']),
       maxEnd: PropTypes.number,
@@ -1513,7 +1504,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number,
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     zoom: PropTypes.oneOfType([PropTypes.shape({
       filterMode: PropTypes.oneOf(['discard', 'keep']),
       maxEnd: PropTypes.number,
@@ -1573,7 +1564,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number,
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     zoom: PropTypes.oneOfType([PropTypes.shape({
       filterMode: PropTypes.oneOf(['discard', 'keep']),
       maxEnd: PropTypes.number,

package/CHANGELOG.md

@@ -1,5 +1,111 @@
 # Changelog
 
+## 9.0.0-beta.0
+
+<!-- generated comparing v9.0.0-alpha.4..master -->
+
+_Mar 27, 2026_
+
+We'd like to extend a big thank you to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 🔊 New Charts voiceover component for improved screen reader support
+- ⌨️ Charts keyboard navigation improvements: axis tooltip now shows when navigating with the keyboard
+- 📊 Charts axes now can be set to automatically resize to fit their content
+- 📝 New `rowCheckbox` slot in Data Grid for easier checkbox column customization
+- ⚡️ `fetchRows()` API in Data Grid Pro now defaults `start` and `end` based on scroll position with lazy loading
+- 🐞 Bugfixes and internal improvements
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @arminmeh, @cherniavskii, @Janpot, @JCQuintas, @mapache-salvaje, @michelengelen, @noraleonte, @rita-codes
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.0-beta.0`
+
+- [DataGrid] Add `rowCheckbox` slot for easier customization (#21797) @michelengelen
+- [DataGrid] Prevent repeated `hasScrollbar` state updates (#21820) @arminmeh
+
+#### `@mui/x-data-grid-pro@9.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.0.0-beta.0`, plus:
+
+- [DataGridPro] `fetchRows()` API's default `start` and `end` params based on scroll position with lazy loading (#21742) @arminmeh
+
+#### `@mui/x-data-grid-premium@9.0.0-beta.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.0.0-beta.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.0-beta.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.0.0-beta.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.0.0-beta.0`
+
+- [charts] Add `className` prop to Pro chart plot components (#21793) @JCQuintas
+- [charts] Add experimental position-based pointer interaction for line series (#21809) @JCQuintas
+- [charts] Add l10n to the bar accessibility (#21815) @alexfauquette
+- [charts] Add localization for the basic charts (#21822) @alexfauquette
+- [charts] Add voiceover component (#21344) @alexfauquette
+- [charts] Allow axes to automatically resize to content (#21087) @JCQuintas
+- [charts] Document multiple use-cases for references (#21768) @alexfauquette
+- [charts] Remove compatibility layer for React vs native events (#21780) @JCQuintas
+- [charts] Remove deprecated `barLabel` props (#21783) @alexfauquette
+- [charts] Show axis tooltip when navigating with keyboard (#21689) @Copilot
+
+#### `@mui/x-charts-pro@9.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.0.0-beta.0`.
+
+#### `@mui/x-charts-premium@9.0.0-beta.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.0.0-beta.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.0-alpha.4`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.0.0-alpha.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.0.0-alpha.4`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.0-alpha.4`
+
+Internal changes.
+
+### Docs
+
+- [docs] Document how to customize voiceover announcement (#21833) @alexfauquette
+- [docs] Remove Discord mention from docs (#21855) @mapache-salvaje
+- [docs] Remove stabilized experimental feature from demo (#21869) @JCQuintas
+- [docs] Update telemetry guide to reflect pseudonymous data collection and license compliance (#21812) @aemartos
+- [docs] Revise the Sparkline doc (#21614) @mapache-salvaje
+- [docs] Revise the Gauge doc (#21673) @mapache-salvaje
+- [docs] Revise the Heatmap doc (#21676) @mapache-salvaje
+
+### Core
+
+- [code-infra] Remove unused deps and unify es-toolkit via catalog (#21840) @Janpot
+- [code-infra] Update @mui/internal-bundle-size-checker to canary.68 (#21836) @Janpot
+- [code-infra] Update next (#21837) @Janpot
+- [internal] Remove headless data grid packages (#21843) @cherniavskii
+
+### Miscellaneous
+
+- Add @romgrk to CODEOWNERS for `x-virtualizer` and `x-internals` (#21819) @Copilot
+- [x-license] add 2022 plan version (#21814) @aemartos
+
 ## 9.0.0-alpha.4
 
 _Mar 19, 2026_
@@ -59,7 +165,7 @@ Same changes as in `@mui/x-date-pickers@9.0.0-alpha.4`.
 - [charts] Remove deprecated `useMouseTracker()` (#21787) @alexfauquette
 - [charts] Remove deprecated classes (#21775) @alexfauquette
 - [charts] Remove deprecated props from PieArcLabel animation (#21789) @alexfauquette
-- [charts] Remove get*UtilityClass from public exports (#21769) @JCQuintas
+- [charts] Remove get\*UtilityClass from public exports (#21769) @JCQuintas
 - [charts] Remove the deprecated `disableHover` property (#21785) @alexfauquette
 - [charts] Remove the deprecated `message` prop (#21784) @alexfauquette
 - [charts] Remove deprecated props about voronoi (#21796) @alexfauquette

package/ChartsDataProviderPro/ChartsDataProviderPro.js

@@ -18,8 +18,8 @@ var _useChartsDataProviderProProps = require("./useChartsDataProviderProProps");
 var _ChartsWatermark = require("../internals/ChartsWatermark");
 var _jsxRuntime = require("react/jsx-runtime");
 const packageInfo = {
-  releaseDate: "MTc3Mzk2NDgwMDAwMA==",
-  version: "9.0.0-alpha.4",
+  releaseDate: "MTc3NDU2OTYwMDAwMA==",
+  version: "9.0.0-beta.0",
   name: 'x-charts-pro'
 };
 const defaultSeriesConfigPro = exports.defaultSeriesConfigPro = _internals.defaultSeriesConfig;

package/ChartsDataProviderPro/ChartsDataProviderPro.mjs

@@ -11,8 +11,8 @@ import { useChartsDataProviderProProps } from "./useChartsDataProviderProProps.m
 import { ChartsWatermark } from "../internals/ChartsWatermark.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const packageInfo = {
-  releaseDate: "MTc3Mzk2NDgwMDAwMA==",
-  version: "9.0.0-alpha.4",
+  releaseDate: "MTc3NDU2OTYwMDAwMA==",
+  version: "9.0.0-beta.0",
   name: 'x-charts-pro'
 };
 export const defaultSeriesConfigPro = defaultSeriesConfig;

package/FunnelChart/FunnelChart.js

@@ -97,7 +97,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     position: _propTypes.default.oneOf(['bottom', 'left', 'none', 'right', 'top']),
     scaleType: _propTypes.default.oneOf(['band']),
-    size: _propTypes.default.number,
+    size: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     tickLabelStyle: _propTypes.default.object,
     tickSize: _propTypes.default.number
   }), _propTypes.default.shape({
@@ -107,7 +107,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     position: _propTypes.default.oneOf(['bottom', 'left', 'none', 'right', 'top']),
     scaleType: _propTypes.default.oneOf(['log']),
-    size: _propTypes.default.number,
+    size: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     tickLabelStyle: _propTypes.default.object,
     tickSize: _propTypes.default.number
   }), _propTypes.default.shape({
@@ -117,7 +117,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     position: _propTypes.default.oneOf(['bottom', 'left', 'none', 'right', 'top']),
     scaleType: _propTypes.default.oneOf(['symlog']),
-    size: _propTypes.default.number,
+    size: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     tickLabelStyle: _propTypes.default.object,
     tickSize: _propTypes.default.number
   }), _propTypes.default.shape({
@@ -127,7 +127,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     position: _propTypes.default.oneOf(['bottom', 'left', 'none', 'right', 'top']),
     scaleType: _propTypes.default.oneOf(['pow']),
-    size: _propTypes.default.number,
+    size: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     tickLabelStyle: _propTypes.default.object,
     tickSize: _propTypes.default.number
   }), _propTypes.default.shape({
@@ -137,7 +137,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     position: _propTypes.default.oneOf(['bottom', 'left', 'none', 'right', 'top']),
     scaleType: _propTypes.default.oneOf(['sqrt']),
-    size: _propTypes.default.number,
+    size: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     tickLabelStyle: _propTypes.default.object,
     tickSize: _propTypes.default.number
   }), _propTypes.default.shape({
@@ -147,7 +147,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     position: _propTypes.default.oneOf(['bottom', 'left', 'none', 'right', 'top']),
     scaleType: _propTypes.default.oneOf(['time']),
-    size: _propTypes.default.number,
+    size: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     tickLabelStyle: _propTypes.default.object,
     tickSize: _propTypes.default.number
   }), _propTypes.default.shape({
@@ -157,7 +157,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     position: _propTypes.default.oneOf(['bottom', 'left', 'none', 'right', 'top']),
     scaleType: _propTypes.default.oneOf(['utc']),
-    size: _propTypes.default.number,
+    size: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     tickLabelStyle: _propTypes.default.object,
     tickSize: _propTypes.default.number
   }), _propTypes.default.shape({
@@ -167,7 +167,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     position: _propTypes.default.oneOf(['bottom', 'left', 'none', 'right', 'top']),
     scaleType: _propTypes.default.oneOf(['linear']),
-    size: _propTypes.default.number,
+    size: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     tickLabelStyle: _propTypes.default.object,
     tickSize: _propTypes.default.number
   })]),

package/FunnelChart/FunnelChart.mjs

@@ -90,7 +90,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     position: PropTypes.oneOf(['bottom', 'left', 'none', 'right', 'top']),
     scaleType: PropTypes.oneOf(['band']),
-    size: PropTypes.number,
+    size: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     tickLabelStyle: PropTypes.object,
     tickSize: PropTypes.number
   }), PropTypes.shape({
@@ -100,7 +100,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     position: PropTypes.oneOf(['bottom', 'left', 'none', 'right', 'top']),
     scaleType: PropTypes.oneOf(['log']),
-    size: PropTypes.number,
+    size: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     tickLabelStyle: PropTypes.object,
     tickSize: PropTypes.number
   }), PropTypes.shape({
@@ -110,7 +110,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     position: PropTypes.oneOf(['bottom', 'left', 'none', 'right', 'top']),
     scaleType: PropTypes.oneOf(['symlog']),
-    size: PropTypes.number,
+    size: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     tickLabelStyle: PropTypes.object,
     tickSize: PropTypes.number
   }), PropTypes.shape({
@@ -120,7 +120,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     position: PropTypes.oneOf(['bottom', 'left', 'none', 'right', 'top']),
     scaleType: PropTypes.oneOf(['pow']),
-    size: PropTypes.number,
+    size: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     tickLabelStyle: PropTypes.object,
     tickSize: PropTypes.number
   }), PropTypes.shape({
@@ -130,7 +130,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     position: PropTypes.oneOf(['bottom', 'left', 'none', 'right', 'top']),
     scaleType: PropTypes.oneOf(['sqrt']),
-    size: PropTypes.number,
+    size: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     tickLabelStyle: PropTypes.object,
     tickSize: PropTypes.number
   }), PropTypes.shape({
@@ -140,7 +140,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     position: PropTypes.oneOf(['bottom', 'left', 'none', 'right', 'top']),
     scaleType: PropTypes.oneOf(['time']),
-    size: PropTypes.number,
+    size: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     tickLabelStyle: PropTypes.object,
     tickSize: PropTypes.number
   }), PropTypes.shape({
@@ -150,7 +150,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     position: PropTypes.oneOf(['bottom', 'left', 'none', 'right', 'top']),
     scaleType: PropTypes.oneOf(['utc']),
-    size: PropTypes.number,
+    size: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     tickLabelStyle: PropTypes.object,
     tickSize: PropTypes.number
   }), PropTypes.shape({
@@ -160,7 +160,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     position: PropTypes.oneOf(['bottom', 'left', 'none', 'right', 'top']),
     scaleType: PropTypes.oneOf(['linear']),
-    size: PropTypes.number,
+    size: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     tickLabelStyle: PropTypes.object,
     tickSize: PropTypes.number
   })]),