@mui/x-charts-premium 9.0.0-alpha.2 → 9.0.0-alpha.4

package/BarChartPremium/BarChartPremium.js

@@ -28,7 +28,7 @@ var _ChartsClipPath = require("@mui/x-charts/ChartsClipPath");
 var _internals = require("@mui/x-charts-pro/internals");
 var _useBarChartPremiumProps = require("./useBarChartPremiumProps");
 var _BarChartPremium2 = require("./BarChartPremium.plugins");
-var _ChartDataProviderPremium = require("../ChartDataProviderPremium");
+var _ChartsDataProviderPremium = require("../ChartsDataProviderPremium");
 var _RangeBarPlot = require("./RangeBar/RangeBarPlot");
 var _FocusedRangeBar = require("./RangeBar/FocusedRangeBar");
 var _RangeBarPreviewPlot = require("../ChartsZoomSlider/internals/previews/RangeBarPreviewPlot");
@@ -61,7 +61,7 @@ const BarChartPremium = exports.BarChartPremium = /*#__PURE__*/React.forwardRef(
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     chartsWrapperProps,
-    chartContainerProps,
+    chartsContainerProps,
     barPlotProps,
     rangeBarPlotProps,
     gridProps,
@@ -74,9 +74,9 @@ const BarChartPremium = exports.BarChartPremium = /*#__PURE__*/React.forwardRef(
     children
   } = (0, _useBarChartPremiumProps.useBarChartPremiumProps)(other);
   const {
-    chartDataProviderProProps,
+    chartsDataProviderProProps,
     chartsSurfaceProps
-  } = (0, _internals.useChartsContainerProProps)((0, _extends2.default)({}, chartContainerProps, {
+  } = (0, _internals.useChartsContainerProProps)((0, _extends2.default)({}, chartsContainerProps, {
     initialZoom,
     zoomData,
     onZoomChange,
@@ -85,7 +85,7 @@ const BarChartPremium = exports.BarChartPremium = /*#__PURE__*/React.forwardRef(
   }));
   const Tooltip = props.slots?.tooltip ?? _ChartsTooltip.ChartsTooltip;
   const Toolbar = props.slots?.toolbar ?? _ChartsToolbarPro.ChartsToolbarPro;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartDataProviderPremium.ChartDataProviderPremium, (0, _extends2.default)({}, chartDataProviderProProps, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsDataProviderPremium.ChartsDataProviderPremium, (0, _extends2.default)({}, chartsDataProviderProProps, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsWrapper.ChartsWrapper, (0, _extends2.default)({}, chartsWrapperProps, {
       ref: ref,
       children: [showToolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Toolbar, (0, _extends2.default)({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLegend.ChartsLegend, (0, _extends2.default)({}, legendProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
@@ -157,6 +157,10 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * An array of objects that can be used to populate series and axes data using their `dataKey` property.
    */
   dataset: _propTypes.default.arrayOf(_propTypes.default.object),
+  /**
+   * The description of the chart.
+   * Used to provide an accessible description for the chart.
+   */
   desc: _propTypes.default.string,
   /**
    * If `true`, the charts will not listen to the mouse move event.
@@ -164,7 +168,14 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * @default false
    */
   disableAxisListener: _propTypes.default.bool,
-  enableKeyboardNavigation: _propTypes.default.bool,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: _propTypes.default.bool,
+  /**
+   * Options to enable features planned for the next major.
+   */
+  experimentalFeatures: _propTypes.default.object,
   /**
    * Option to display a cartesian grid in the background.
    */
@@ -342,7 +353,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
   onTooltipItemChange: _propTypes.default.func,
   /**
@@ -387,6 +398,10 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   slots: _propTypes.default.object,
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   theme: _propTypes.default.oneOf(['dark', 'light']),
+  /**
+   * The title of the chart.
+   * Used to provide an accessible label for the chart.
+   */
   title: _propTypes.default.string,
   /**
    * The controlled axis tooltip.
@@ -422,6 +437,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
     barGapRatio: _propTypes.default.number,
     categoryGapRatio: _propTypes.default.number,
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
       type: _propTypes.default.oneOf(['ordinal']).isRequired,
@@ -495,6 +511,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
       type: _propTypes.default.oneOf(['ordinal']).isRequired,
@@ -568,6 +585,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -628,6 +646,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -689,6 +708,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -749,6 +769,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -809,6 +830,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -873,6 +895,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -937,6 +960,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -1005,6 +1029,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
     barGapRatio: _propTypes.default.number,
     categoryGapRatio: _propTypes.default.number,
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
       type: _propTypes.default.oneOf(['ordinal']).isRequired,
@@ -1077,6 +1102,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
       type: _propTypes.default.oneOf(['ordinal']).isRequired,
@@ -1149,6 +1175,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -1208,6 +1235,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -1268,6 +1296,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -1327,6 +1356,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -1386,6 +1416,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -1449,6 +1480,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -1512,6 +1544,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -1637,8 +1670,8 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
       requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
       type: _propTypes.default.oneOf(['doubleTapReset']).isRequired
     }), _propTypes.default.shape({
-      pointerMode: _propTypes.default.any,
-      requiredKeys: _propTypes.default.array,
+      pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
+      requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
       type: _propTypes.default.oneOf(['brush']).isRequired
     })]).isRequired)
   })

package/BarChartPremium/BarChartPremium.mjs

@@ -22,7 +22,7 @@ import { ChartsClipPath } from '@mui/x-charts/ChartsClipPath';
 import { seriesPreviewPlotMap, useChartsContainerProProps } from '@mui/x-charts-pro/internals';
 import { useBarChartPremiumProps } from "./useBarChartPremiumProps.mjs";
 import { BAR_CHART_PREMIUM_PLUGINS } from "./BarChartPremium.plugins.mjs";
-import { ChartDataProviderPremium } from "../ChartDataProviderPremium/index.mjs";
+import { ChartsDataProviderPremium } from "../ChartsDataProviderPremium/index.mjs";
 import { RangeBarPlot } from "./RangeBar/RangeBarPlot.mjs";
 import { FocusedRangeBar } from "./RangeBar/FocusedRangeBar.mjs";
 import { RangeBarPreviewPlot } from "../ChartsZoomSlider/internals/previews/RangeBarPreviewPlot.mjs";
@@ -54,7 +54,7 @@ const BarChartPremium = /*#__PURE__*/React.forwardRef(function BarChartPremium(i
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     chartsWrapperProps,
-    chartContainerProps,
+    chartsContainerProps,
     barPlotProps,
     rangeBarPlotProps,
     gridProps,
@@ -67,9 +67,9 @@ const BarChartPremium = /*#__PURE__*/React.forwardRef(function BarChartPremium(i
     children
   } = useBarChartPremiumProps(other);
   const {
-    chartDataProviderProProps,
+    chartsDataProviderProProps,
     chartsSurfaceProps
-  } = useChartsContainerProProps(_extends({}, chartContainerProps, {
+  } = useChartsContainerProProps(_extends({}, chartsContainerProps, {
     initialZoom,
     zoomData,
     onZoomChange,
@@ -78,7 +78,7 @@ const BarChartPremium = /*#__PURE__*/React.forwardRef(function BarChartPremium(i
   }));
   const Tooltip = props.slots?.tooltip ?? ChartsTooltip;
   const Toolbar = props.slots?.toolbar ?? ChartsToolbarPro;
-  return /*#__PURE__*/_jsx(ChartDataProviderPremium, _extends({}, chartDataProviderProProps, {
+  return /*#__PURE__*/_jsx(ChartsDataProviderPremium, _extends({}, chartsDataProviderProProps, {
     children: /*#__PURE__*/_jsxs(ChartsWrapper, _extends({}, chartsWrapperProps, {
       ref: ref,
       children: [showToolbar ? /*#__PURE__*/_jsx(Toolbar, _extends({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
@@ -150,6 +150,10 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * An array of objects that can be used to populate series and axes data using their `dataKey` property.
    */
   dataset: PropTypes.arrayOf(PropTypes.object),
+  /**
+   * The description of the chart.
+   * Used to provide an accessible description for the chart.
+   */
   desc: PropTypes.string,
   /**
    * If `true`, the charts will not listen to the mouse move event.
@@ -157,7 +161,14 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * @default false
    */
   disableAxisListener: PropTypes.bool,
-  enableKeyboardNavigation: PropTypes.bool,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: PropTypes.bool,
+  /**
+   * Options to enable features planned for the next major.
+   */
+  experimentalFeatures: PropTypes.object,
   /**
    * Option to display a cartesian grid in the background.
    */
@@ -335,7 +346,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
   onTooltipItemChange: PropTypes.func,
   /**
@@ -380,6 +391,10 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   slots: PropTypes.object,
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   theme: PropTypes.oneOf(['dark', 'light']),
+  /**
+   * The title of the chart.
+   * Used to provide an accessible label for the chart.
+   */
   title: PropTypes.string,
   /**
    * The controlled axis tooltip.
@@ -415,6 +430,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
     barGapRatio: PropTypes.number,
     categoryGapRatio: PropTypes.number,
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
       type: PropTypes.oneOf(['ordinal']).isRequired,
@@ -488,6 +504,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
       type: PropTypes.oneOf(['ordinal']).isRequired,
@@ -561,6 +578,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -621,6 +639,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -682,6 +701,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -742,6 +762,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -802,6 +823,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -866,6 +888,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -930,6 +953,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -998,6 +1022,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
     barGapRatio: PropTypes.number,
     categoryGapRatio: PropTypes.number,
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
       type: PropTypes.oneOf(['ordinal']).isRequired,
@@ -1070,6 +1095,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
       type: PropTypes.oneOf(['ordinal']).isRequired,
@@ -1142,6 +1168,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -1201,6 +1228,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -1261,6 +1289,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -1320,6 +1349,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -1379,6 +1409,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -1442,6 +1473,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -1505,6 +1537,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -1630,8 +1663,8 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
       requiredKeys: PropTypes.arrayOf(PropTypes.string),
       type: PropTypes.oneOf(['doubleTapReset']).isRequired
     }), PropTypes.shape({
-      pointerMode: PropTypes.any,
-      requiredKeys: PropTypes.array,
+      pointerMode: PropTypes.oneOf(['mouse', 'touch']),
+      requiredKeys: PropTypes.arrayOf(PropTypes.string),
       type: PropTypes.oneOf(['brush']).isRequired
     })]).isRequired)
   })

package/BarChartPremium/RangeBar/RangeBarPlot.js

@@ -25,7 +25,7 @@ const RangeBarPlotRoot = (0, _styles.styled)('g', {
   name: 'MuiRangeBarPlot',
   slot: 'Root'
 })({
-  [`& .${_BarChart.barElementClasses.root}`]: {
+  [`& .${_BarChart.barClasses.element}`]: {
     transition: 'opacity 0.2s ease-in, fill 0.2s ease-in'
   }
 });

package/BarChartPremium/RangeBar/RangeBarPlot.mjs

@@ -7,7 +7,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@mui/material/styles';
 import { useSkipAnimation } from '@mui/x-charts/internals';
-import { BarElement, barElementClasses } from '@mui/x-charts/BarChart';
+import { BarElement, barClasses } from '@mui/x-charts/BarChart';
 import { useDrawingArea, useXAxes, useYAxes } from '@mui/x-charts/hooks';
 import { useIsZoomInteracting } from '@mui/x-charts-pro/hooks';
 import { useUtilityClasses } from "./useUtilityClasses.mjs";
@@ -18,7 +18,7 @@ const RangeBarPlotRoot = styled('g', {
   name: 'MuiRangeBarPlot',
   slot: 'Root'
 })({
-  [`& .${barElementClasses.root}`]: {
+  [`& .${barClasses.element}`]: {
     transition: 'opacity 0.2s ease-in, fill 0.2s ease-in'
   }
 });

package/BarChartPremium/RangeBar/seriesConfig/legend.js

@@ -5,24 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _internals = require("@mui/x-charts/internals");
-const legendGetter = params => {
-  const {
-    seriesOrder,
-    series
-  } = params;
-  return seriesOrder.reduce((acc, seriesId) => {
-    const formattedLabel = (0, _internals.getLabel)(series[seriesId].label, 'legend');
-    if (formattedLabel === undefined) {
-      return acc;
-    }
-    acc.push({
-      type: 'rangeBar',
-      markType: series[seriesId].labelMarkType,
-      seriesId,
-      color: series[seriesId].color,
-      label: formattedLabel
-    });
-    return acc;
-  }, []);
-};
+const legendGetter = series => (0, _internals.getSeriesLegendItems)('rangeBar', series);
 var _default = exports.default = legendGetter;

package/BarChartPremium/RangeBar/seriesConfig/legend.mjs

@@ -1,22 +1,3 @@
-import { getLabel } from '@mui/x-charts/internals';
-const legendGetter = params => {
-  const {
-    seriesOrder,
-    series
-  } = params;
-  return seriesOrder.reduce((acc, seriesId) => {
-    const formattedLabel = getLabel(series[seriesId].label, 'legend');
-    if (formattedLabel === undefined) {
-      return acc;
-    }
-    acc.push({
-      type: 'rangeBar',
-      markType: series[seriesId].labelMarkType,
-      seriesId,
-      color: series[seriesId].color,
-      label: formattedLabel
-    });
-    return acc;
-  }, []);
-};
+import { getSeriesLegendItems } from '@mui/x-charts/internals';
+const legendGetter = series => getSeriesLegendItems('rangeBar', series);
 export default legendGetter;

package/BarChartPremium/useBarChartPremiumProps.d.mts

@@ -10,7 +10,7 @@ import { type RangeBarPlotProps } from "./RangeBar/RangeBarPlot.mjs";
  * @returns An object with props for the children components of BarChartPremium
  */
 export declare function useBarChartPremiumProps(props: BarChartPremiumProps): {
-  chartContainerProps: ChartsContainerProps<"bar" | "rangeBar", BarChartPluginSignatures>;
+  chartsContainerProps: ChartsContainerProps<"bar" | "rangeBar", BarChartPluginSignatures>;
   rangeBarPlotProps: RangeBarPlotProps;
   chartsWrapperProps: Omit<import("@mui/x-charts").ChartsWrapperProps, "children">;
   barPlotProps: import("@mui/x-charts").BarPlotProps;

package/BarChartPremium/useBarChartPremiumProps.d.ts

@@ -10,7 +10,7 @@ import { type RangeBarPlotProps } from "./RangeBar/RangeBarPlot.js";
  * @returns An object with props for the children components of BarChartPremium
  */
 export declare function useBarChartPremiumProps(props: BarChartPremiumProps): {
-  chartContainerProps: ChartsContainerProps<"bar" | "rangeBar", BarChartPluginSignatures>;
+  chartsContainerProps: ChartsContainerProps<"bar" | "rangeBar", BarChartPluginSignatures>;
   rangeBarPlotProps: RangeBarPlotProps;
   chartsWrapperProps: Omit<import("@mui/x-charts").ChartsWrapperProps, "children">;
   barPlotProps: import("@mui/x-charts").BarPlotProps;

package/BarChartPremium/useBarChartPremiumProps.js

@@ -8,7 +8,7 @@ exports.useBarChartPremiumProps = useBarChartPremiumProps;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _internals = require("@mui/x-charts/internals");
-const _excluded = ["chartContainerProps"];
+const _excluded = ["chartsContainerProps"];
 /**
  * A helper function that extracts BarChartPremiumProps from the input props
  * and returns an object with props for the children components of BarChartPremium.
@@ -19,7 +19,7 @@ const _excluded = ["chartContainerProps"];
 function useBarChartPremiumProps(props) {
   const _useBarChartProps = (0, _internals.useBarChartProps)(props),
     {
-      chartContainerProps
+      chartsContainerProps
     } = _useBarChartProps,
     barChartProps = (0, _objectWithoutPropertiesLoose2.default)(_useBarChartProps, _excluded);
   const rangeBarPlotProps = {
@@ -29,7 +29,7 @@ function useBarChartPremiumProps(props) {
     borderRadius: props.borderRadius
   };
   return (0, _extends2.default)({}, barChartProps, {
-    chartContainerProps: chartContainerProps,
+    chartsContainerProps: chartsContainerProps,
     rangeBarPlotProps
   });
 }

package/BarChartPremium/useBarChartPremiumProps.mjs

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["chartContainerProps"];
+const _excluded = ["chartsContainerProps"];
 import { useBarChartProps } from '@mui/x-charts/internals';
 /**
  * A helper function that extracts BarChartPremiumProps from the input props
@@ -12,7 +12,7 @@ import { useBarChartProps } from '@mui/x-charts/internals';
 export function useBarChartPremiumProps(props) {
   const _useBarChartProps = useBarChartProps(props),
     {
-      chartContainerProps
+      chartsContainerProps
     } = _useBarChartProps,
     barChartProps = _objectWithoutPropertiesLoose(_useBarChartProps, _excluded);
   const rangeBarPlotProps = {
@@ -22,7 +22,7 @@ export function useBarChartPremiumProps(props) {
     borderRadius: props.borderRadius
   };
   return _extends({}, barChartProps, {
-    chartContainerProps: chartContainerProps,
+    chartsContainerProps: chartsContainerProps,
     rangeBarPlotProps
   });
 }