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

package/{esm/BarChartPremium/BarChartPremium.d.ts → BarChartPremium/BarChartPremium.d.mts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type BarChartProProps, type BarChartProSlotProps, type BarChartProSlots } from '@mui/x-charts-pro/BarChartPro';
 import { type BarSeries } from '@mui/x-charts/BarChart';
-import { type BarItemIdentifier, type RangeBarItemIdentifier, type RangeBarSeriesType } from "../models/index.js";
+import { type BarItemIdentifier, type RangeBarItemIdentifier, type RangeBarSeriesType } from "../models/index.mjs";
 export type RangeBarSeries = RangeBarSeriesType;
 export interface BarChartPremiumSlots extends BarChartProSlots {}
 export interface BarChartPremiumSlotProps extends BarChartProSlotProps {}

package/BarChartPremium/BarChartPremium.js

@@ -22,7 +22,7 @@ var _BarChart = require("@mui/x-charts/BarChart");
 var _ChartsOverlay = require("@mui/x-charts/ChartsOverlay");
 var _ChartsAxisHighlight = require("@mui/x-charts/ChartsAxisHighlight");
 var _ChartsAxis = require("@mui/x-charts/ChartsAxis");
-var _ChartZoomSlider = require("@mui/x-charts-pro/ChartZoomSlider");
+var _ChartsZoomSlider = require("@mui/x-charts-pro/ChartsZoomSlider");
 var _ChartsBrushOverlay = require("@mui/x-charts/ChartsBrushOverlay");
 var _ChartsClipPath = require("@mui/x-charts/ChartsClipPath");
 var _internals = require("@mui/x-charts-pro/internals");
@@ -31,7 +31,7 @@ var _BarChartPremium2 = require("./BarChartPremium.plugins");
 var _ChartDataProviderPremium = require("../ChartDataProviderPremium");
 var _RangeBarPlot = require("./RangeBar/RangeBarPlot");
 var _FocusedRangeBar = require("./RangeBar/FocusedRangeBar");
-var _RangeBarPreviewPlot = require("../ChartZoomSlider/internals/previews/RangeBarPreviewPlot");
+var _RangeBarPreviewPlot = require("../ChartsZoomSlider/internals/previews/RangeBarPreviewPlot");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToolbar"];
 _internals.seriesPreviewPlotMap.set('rangeBar', _RangeBarPreviewPlot.RangeBarPreviewPlot);
@@ -76,7 +76,7 @@ const BarChartPremium = exports.BarChartPremium = /*#__PURE__*/React.forwardRef(
   const {
     chartDataProviderProProps,
     chartsSurfaceProps
-  } = (0, _internals.useChartContainerProProps)((0, _extends2.default)({}, chartContainerProps, {
+  } = (0, _internals.useChartsContainerProProps)((0, _extends2.default)({}, chartContainerProps, {
     initialZoom,
     zoomData,
     onZoomChange,
@@ -91,7 +91,7 @@ const BarChartPremium = exports.BarChartPremium = /*#__PURE__*/React.forwardRef(
       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, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsGrid.ChartsGrid, (0, _extends2.default)({}, gridProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", (0, _extends2.default)({}, clipPathGroupProps, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BarChart.BarPlot, (0, _extends2.default)({}, barPlotProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangeBarPlot.RangeBarPlot, (0, _extends2.default)({}, rangeBarPlotProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisHighlight.ChartsAxisHighlight, (0, _extends2.default)({}, axisHighlightProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarChart.FocusedBar, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusedRangeBar.FocusedRangeBar, {})]
-        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxis.ChartsAxis, (0, _extends2.default)({}, chartsAxisProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartZoomSlider.ChartZoomSlider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsBrushOverlay.ChartsBrushOverlay, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsClipPath.ChartsClipPath, (0, _extends2.default)({}, clipPathProps)), children]
+        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxis.ChartsAxis, (0, _extends2.default)({}, chartsAxisProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsZoomSlider.ChartsZoomSlider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsBrushOverlay.ChartsBrushOverlay, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsClipPath.ChartsClipPath, (0, _extends2.default)({}, clipPathProps)), children]
       })), !props.loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, (0, _extends2.default)({}, props.slotProps?.tooltip))]
     }))
   }));
@@ -196,11 +196,15 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * ]
    * ```
    */
-  hiddenItems: _propTypes.default.arrayOf(_propTypes.default.shape({
+  hiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
     type: _propTypes.default.oneOf(['bar'])
-  })),
+  }), _propTypes.default.shape({
+    dataIndex: _propTypes.default.number,
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['bar']).isRequired
+  })]).isRequired),
   /**
    * If `true`, the legend is not rendered.
    */
@@ -217,10 +221,14 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * The highlighted item.
    * Used when the highlight is controlled.
    */
-  highlightedItem: _propTypes.default.shape({
+  highlightedItem: _propTypes.default.oneOfType([_propTypes.default.shape({
+    dataIndex: _propTypes.default.number,
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['bar']).isRequired
+  }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired
-  }),
+  })]),
   /**
    * This prop is used to help implement the accessibility logic.
    * If you don't provide this prop. It falls back to a randomly generated id.
@@ -247,11 +255,15 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * ]
    * ```
    */
-  initialHiddenItems: _propTypes.default.arrayOf(_propTypes.default.shape({
+  initialHiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
     type: _propTypes.default.oneOf(['bar'])
-  })),
+  }), _propTypes.default.shape({
+    dataIndex: _propTypes.default.number,
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['bar']).isRequired
+  })]).isRequired),
   /**
    * The list of zoom data related to each axis.
    * Used to initialize the zoom in a specific configuration without controlling it.
@@ -296,13 +308,13 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   onAxisClick: _propTypes.default.func,
   /**
    * Callback fired when any hidden identifiers change.
-   * @param {VisibilityIdentifier[]} hiddenItems The new list of hidden identifiers.
+   * @param {VisibilityIdentifierWithType[]} hiddenItems The new list of hidden identifiers.
    */
   onHiddenItemsChange: _propTypes.default.func,
   /**
    * The callback fired when the highlighted item changes.
    *
-   * @param {HighlightItemData | null} highlightedItem  The newly highlighted item.
+   * @param {HighlightItemIdentifierWithType<SeriesType> | null} highlightedItem  The newly highlighted item.
    */
   onHighlightChange: _propTypes.default.func,
   /**
@@ -388,11 +400,14 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * The tooltip item.
    * Used when the tooltip is controlled.
    */
-  tooltipItem: _propTypes.default.shape({
+  tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['bar'])
-  }),
+    type: _propTypes.default.oneOf(['bar']).isRequired
+  }), _propTypes.default.shape({
+    dataIndex: _propTypes.default.number.isRequired,
+    seriesId: _propTypes.default.string.isRequired
+  })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
    */

package/{esm/BarChartPremium/BarChartPremium.js → BarChartPremium/BarChartPremium.mjs}

@@ -16,16 +16,16 @@ import { BarPlot, FocusedBar } from '@mui/x-charts/BarChart';
 import { ChartsOverlay } from '@mui/x-charts/ChartsOverlay';
 import { ChartsAxisHighlight } from '@mui/x-charts/ChartsAxisHighlight';
 import { ChartsAxis } from '@mui/x-charts/ChartsAxis';
-import { ChartZoomSlider } from '@mui/x-charts-pro/ChartZoomSlider';
+import { ChartsZoomSlider } from '@mui/x-charts-pro/ChartsZoomSlider';
 import { ChartsBrushOverlay } from '@mui/x-charts/ChartsBrushOverlay';
 import { ChartsClipPath } from '@mui/x-charts/ChartsClipPath';
-import { seriesPreviewPlotMap, useChartContainerProProps } from '@mui/x-charts-pro/internals';
-import { useBarChartPremiumProps } from "./useBarChartPremiumProps.js";
-import { BAR_CHART_PREMIUM_PLUGINS } from "./BarChartPremium.plugins.js";
-import { ChartDataProviderPremium } from "../ChartDataProviderPremium/index.js";
-import { RangeBarPlot } from "./RangeBar/RangeBarPlot.js";
-import { FocusedRangeBar } from "./RangeBar/FocusedRangeBar.js";
-import { RangeBarPreviewPlot } from "../ChartZoomSlider/internals/previews/RangeBarPreviewPlot.js";
+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 { RangeBarPlot } from "./RangeBar/RangeBarPlot.mjs";
+import { FocusedRangeBar } from "./RangeBar/FocusedRangeBar.mjs";
+import { RangeBarPreviewPlot } from "../ChartsZoomSlider/internals/previews/RangeBarPreviewPlot.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 seriesPreviewPlotMap.set('rangeBar', RangeBarPreviewPlot);
 /**
@@ -69,7 +69,7 @@ const BarChartPremium = /*#__PURE__*/React.forwardRef(function BarChartPremium(i
   const {
     chartDataProviderProProps,
     chartsSurfaceProps
-  } = useChartContainerProProps(_extends({}, chartContainerProps, {
+  } = useChartsContainerProProps(_extends({}, chartContainerProps, {
     initialZoom,
     zoomData,
     onZoomChange,
@@ -84,7 +84,7 @@ const BarChartPremium = /*#__PURE__*/React.forwardRef(function BarChartPremium(i
       children: [showToolbar ? /*#__PURE__*/_jsx(Toolbar, _extends({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
         children: [/*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsxs("g", _extends({}, clipPathGroupProps, {
           children: [/*#__PURE__*/_jsx(BarPlot, _extends({}, barPlotProps)), /*#__PURE__*/_jsx(RangeBarPlot, _extends({}, rangeBarPlotProps)), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps)), /*#__PURE__*/_jsx(FocusedBar, {}), /*#__PURE__*/_jsx(FocusedRangeBar, {})]
-        })), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartZoomSlider, {}), /*#__PURE__*/_jsx(ChartsBrushOverlay, {}), /*#__PURE__*/_jsx(ChartsClipPath, _extends({}, clipPathProps)), children]
+        })), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartsZoomSlider, {}), /*#__PURE__*/_jsx(ChartsBrushOverlay, {}), /*#__PURE__*/_jsx(ChartsClipPath, _extends({}, clipPathProps)), children]
       })), !props.loading && /*#__PURE__*/_jsx(Tooltip, _extends({}, props.slotProps?.tooltip))]
     }))
   }));
@@ -189,11 +189,15 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * ]
    * ```
    */
-  hiddenItems: PropTypes.arrayOf(PropTypes.shape({
+  hiddenItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
     type: PropTypes.oneOf(['bar'])
-  })),
+  }), PropTypes.shape({
+    dataIndex: PropTypes.number,
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['bar']).isRequired
+  })]).isRequired),
   /**
    * If `true`, the legend is not rendered.
    */
@@ -210,10 +214,14 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * The highlighted item.
    * Used when the highlight is controlled.
    */
-  highlightedItem: PropTypes.shape({
+  highlightedItem: PropTypes.oneOfType([PropTypes.shape({
+    dataIndex: PropTypes.number,
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['bar']).isRequired
+  }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired
-  }),
+  })]),
   /**
    * This prop is used to help implement the accessibility logic.
    * If you don't provide this prop. It falls back to a randomly generated id.
@@ -240,11 +248,15 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * ]
    * ```
    */
-  initialHiddenItems: PropTypes.arrayOf(PropTypes.shape({
+  initialHiddenItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
     type: PropTypes.oneOf(['bar'])
-  })),
+  }), PropTypes.shape({
+    dataIndex: PropTypes.number,
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['bar']).isRequired
+  })]).isRequired),
   /**
    * The list of zoom data related to each axis.
    * Used to initialize the zoom in a specific configuration without controlling it.
@@ -289,13 +301,13 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   onAxisClick: PropTypes.func,
   /**
    * Callback fired when any hidden identifiers change.
-   * @param {VisibilityIdentifier[]} hiddenItems The new list of hidden identifiers.
+   * @param {VisibilityIdentifierWithType[]} hiddenItems The new list of hidden identifiers.
    */
   onHiddenItemsChange: PropTypes.func,
   /**
    * The callback fired when the highlighted item changes.
    *
-   * @param {HighlightItemData | null} highlightedItem  The newly highlighted item.
+   * @param {HighlightItemIdentifierWithType<SeriesType> | null} highlightedItem  The newly highlighted item.
    */
   onHighlightChange: PropTypes.func,
   /**
@@ -381,11 +393,14 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * The tooltip item.
    * Used when the tooltip is controlled.
    */
-  tooltipItem: PropTypes.shape({
+  tooltipItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['bar'])
-  }),
+    type: PropTypes.oneOf(['bar']).isRequired
+  }), PropTypes.shape({
+    dataIndex: PropTypes.number.isRequired,
+    seriesId: PropTypes.string.isRequired
+  })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
    */

package/{esm/BarChartPremium/RangeBar/AnimatedRangeBarElement.js → BarChartPremium/RangeBar/AnimatedRangeBarElement.mjs}

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["ownerState", "skipAnimation", "seriesId", "dataIndex", "xOrigin", "yOrigin", "hidden"];
 import * as React from 'react';
-import { useAnimateRangeBar } from "../../hooks/animation/useAnimateRangeBar.js";
+import { useAnimateRangeBar } from "../../hooks/animation/useAnimateRangeBar.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function AnimatedRangeBarElement(props) {
   const {

package/{esm/BarChartPremium/RangeBar/FocusedRangeBar.js → BarChartPremium/RangeBar/FocusedRangeBar.mjs}

@@ -4,8 +4,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useTheme } from '@mui/material/styles';
 import { useFocusedItem, useXAxes, useYAxes } from '@mui/x-charts/hooks';
-import { createGetRangeBarDimensions } from "./createGetRangeBarDimensions.js";
-import { useRangeBarSeriesContext } from "../../hooks/useRangeBarSeries.js";
+import { createGetRangeBarDimensions } from "./createGetRangeBarDimensions.mjs";
+import { useRangeBarSeriesContext } from "../../hooks/useRangeBarSeries.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function FocusedRangeBar(props) {
   const theme = useTheme();

package/{esm/BarChartPremium/RangeBar/RangeBarPlot.d.ts → BarChartPremium/RangeBar/RangeBarPlot.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type BarElementSlotProps, type BarElementSlots, type BarLabelSlots, type BarLabelSlotProps } from '@mui/x-charts/BarChart';
-import { type RangeBarItemIdentifier } from "../../models/index.js";
+import { type RangeBarItemIdentifier } from "../../models/index.mjs";
 export interface RangeBarPlotSlots extends BarElementSlots, BarLabelSlots {}
 export interface RangeBarPlotSlotProps extends BarElementSlotProps, BarLabelSlotProps {}
 export interface RangeBarPlotProps {

package/{esm/BarChartPremium/RangeBar/RangeBarPlot.js → BarChartPremium/RangeBar/RangeBarPlot.mjs}

@@ -10,9 +10,9 @@ import { useSkipAnimation } from '@mui/x-charts/internals';
 import { BarElement, barElementClasses } 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.js";
-import { useRangeBarPlotData } from "./useRangeBarPlotData.js";
-import { AnimatedRangeBarElement } from "./AnimatedRangeBarElement.js";
+import { useUtilityClasses } from "./useUtilityClasses.mjs";
+import { useRangeBarPlotData } from "./useRangeBarPlotData.mjs";
+import { AnimatedRangeBarElement } from "./AnimatedRangeBarElement.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const RangeBarPlotRoot = styled('g', {
   name: 'MuiRangeBarPlot',

package/{esm/BarChartPremium/RangeBar/seriesConfig/getSeriesWithDefaultValues.d.ts → BarChartPremium/RangeBar/seriesConfig/getSeriesWithDefaultValues.d.mts}

@@ -3,17 +3,17 @@ export declare function getSeriesWithDefaultValues(seriesData: AllSeriesType<'ra
   id: string;
   color: string;
   type: "rangeBar";
-  data?: ReadonlyArray<import("../../../index.js").RangeBarValueType | null>;
+  data?: ReadonlyArray<import("../../../index.mjs").RangeBarValueType | null>;
   datasetKeys?: {
     start: string;
     end: string;
   };
   label?: string | ((location: "tooltip" | "legend") => string);
   layout?: "horizontal" | "vertical";
-  valueFormatter?: import("@mui/x-charts/internals").SeriesValueFormatter<import("../../../index.js").RangeBarValueType | null> | undefined;
+  valueFormatter?: import("@mui/x-charts/internals").SeriesValueFormatter<import("../../../index.mjs").RangeBarValueType | null> | undefined;
   highlightScope?: import("@mui/x-charts/internals").CommonHighlightScope | undefined;
   labelMarkType?: import("@mui/x-charts/internals").ChartsLabelMarkType;
-  colorGetter?: ((data: import("@mui/x-charts/internals").ColorCallbackValue<import("../../../index.js").RangeBarValueType | null>) => string) | undefined;
+  colorGetter?: ((data: import("@mui/x-charts/internals").ColorCallbackValue<import("../../../index.mjs").RangeBarValueType | null>) => string) | undefined;
   xAxisId?: import("@mui/x-charts/internals").AxisId;
   yAxisId?: import("@mui/x-charts/internals").AxisId;
 };

package/BarChartPremium/RangeBar/seriesConfig/index.js

@@ -27,6 +27,8 @@ const rangeBarSeriesConfig = exports.rangeBarSeriesConfig = {
   getSeriesWithDefaultValues: _getSeriesWithDefaultValues.getSeriesWithDefaultValues,
   keyboardFocusHandler: _keyboardFocusHandler.default,
   identifierSerializer: _internals.identifierSerializerSeriesIdDataIndex,
-  identifierCleaner: _internals.identifierCleanerSeriesIdDataIndex
+  identifierCleaner: _internals.identifierCleanerSeriesIdDataIndex,
+  isHighlightedCreator: _internals.createIsHighlighted,
+  isFadedCreator: _internals.createIsFaded
 };
 _internals.cartesianSeriesTypes.addType('rangeBar');

package/BarChartPremium/RangeBar/seriesConfig/index.mjs

@@ -0,0 +1,26 @@
+import { cartesianSeriesTypes, identifierSerializerSeriesIdDataIndex, identifierCleanerSeriesIdDataIndex, createIsHighlighted, createIsFaded } from '@mui/x-charts/internals';
+import { getExtremumX, getExtremumY } from "./extrema.mjs";
+import tooltipGetter, { axisTooltipGetter } from "./tooltip.mjs";
+import seriesProcessor from "./seriesProcessor.mjs";
+import getColor from "./getColor.mjs";
+import legendGetter from "./legend.mjs";
+import keyboardFocusHandler from "./keyboardFocusHandler.mjs";
+import tooltipItemPositionGetter from "./tooltipPosition.mjs";
+import { getSeriesWithDefaultValues } from "./getSeriesWithDefaultValues.mjs";
+export const rangeBarSeriesConfig = {
+  seriesProcessor,
+  colorProcessor: getColor,
+  legendGetter,
+  tooltipGetter,
+  tooltipItemPositionGetter,
+  axisTooltipGetter,
+  xExtremumGetter: getExtremumX,
+  yExtremumGetter: getExtremumY,
+  getSeriesWithDefaultValues,
+  keyboardFocusHandler,
+  identifierSerializer: identifierSerializerSeriesIdDataIndex,
+  identifierCleaner: identifierCleanerSeriesIdDataIndex,
+  isHighlightedCreator: createIsHighlighted,
+  isFadedCreator: createIsFaded
+};
+cartesianSeriesTypes.addType('rangeBar');

package/BarChartPremium/RangeBar/seriesConfig/seriesProcessor.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _warning = require("@mui/x-internals/warning");
 const rangeBarValueFormatter = v => v == null ? '' : `[${v[0]}, ${v[1]}]`;
 const seriesProcessor = (params, dataset, isItemVisible) => {
@@ -18,11 +19,13 @@ const seriesProcessor = (params, dataset, isItemVisible) => {
     const seriesData = series[id];
     const datasetKeys = seriesData?.datasetKeys;
     if (seriesData.data === undefined && dataset === undefined && process.env.NODE_ENV !== 'production') {
-      throw new Error([`MUI X Charts: range bar series with id='${id}' has no data.`, 'Either provide a data property to the series or use the dataset prop.'].join('\n'));
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: range bar series with id='${id}' has no data.
+Either provide a data property to the series or use the dataset prop.` : (0, _formatErrorMessage2.default)(44, id));
     }
     const missingKeys = ['start', 'end'].filter(key => typeof datasetKeys?.[key] !== 'string');
     if (datasetKeys && missingKeys.length > 0) {
-      throw new Error([`MUI X Charts: range bar series with id='${id}' has incomplete datasetKeys.`, `Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.`].join('\n'));
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: range bar series with id='${id}' has incomplete datasetKeys.
+Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.` : (0, _formatErrorMessage2.default)(45, id, missingKeys.map(key => `"${key}"`).join(', ')));
     }
     completedSeries[id] = (0, _extends2.default)({
       layout: 'vertical'

package/{esm/BarChartPremium/RangeBar/seriesConfig/seriesProcessor.js → BarChartPremium/RangeBar/seriesConfig/seriesProcessor.mjs}

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import { warnOnce } from '@mui/x-internals/warning';
 const rangeBarValueFormatter = v => v == null ? '' : `[${v[0]}, ${v[1]}]`;
 const seriesProcessor = (params, dataset, isItemVisible) => {
@@ -11,11 +12,13 @@ const seriesProcessor = (params, dataset, isItemVisible) => {
     const seriesData = series[id];
     const datasetKeys = seriesData?.datasetKeys;
     if (seriesData.data === undefined && dataset === undefined && process.env.NODE_ENV !== 'production') {
-      throw new Error([`MUI X Charts: range bar series with id='${id}' has no data.`, 'Either provide a data property to the series or use the dataset prop.'].join('\n'));
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: range bar series with id='${id}' has no data.
+Either provide a data property to the series or use the dataset prop.` : _formatErrorMessage(44, id));
     }
     const missingKeys = ['start', 'end'].filter(key => typeof datasetKeys?.[key] !== 'string');
     if (datasetKeys && missingKeys.length > 0) {
-      throw new Error([`MUI X Charts: range bar series with id='${id}' has incomplete datasetKeys.`, `Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.`].join('\n'));
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: range bar series with id='${id}' has incomplete datasetKeys.
+Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.` : _formatErrorMessage(45, id, missingKeys.map(key => `"${key}"`).join(', ')));
     }
     completedSeries[id] = _extends({
       layout: 'vertical'

package/{esm/BarChartPremium/RangeBar/seriesConfig/tooltipPosition.js → BarChartPremium/RangeBar/seriesConfig/tooltipPosition.mjs}

@@ -1,4 +1,4 @@
-import { createGetRangeBarDimensions } from "../createGetRangeBarDimensions.js";
+import { createGetRangeBarDimensions } from "../createGetRangeBarDimensions.mjs";
 const tooltipItemPositionGetter = params => {
   const {
     series,

package/{esm/BarChartPremium/RangeBar/types.d.ts → BarChartPremium/RangeBar/types.d.mts}

@@ -1,6 +1,6 @@
 import type { SeriesId } from '@mui/x-charts/models';
 import type { BarSeriesType } from '@mui/x-charts-pro/models';
-import type { RangeBarValueType } from "../../models/index.js";
+import type { RangeBarValueType } from "../../models/index.mjs";
 export interface LayoutData {
   x: number;
   y: number;

package/{esm/BarChartPremium/RangeBar/useRangeBarPlotData.d.ts → BarChartPremium/RangeBar/useRangeBarPlotData.d.mts}

@@ -1,5 +1,5 @@
 import { type ChartDrawingArea } from '@mui/x-charts/hooks';
 import { type ComputedAxisConfig } from '@mui/x-charts/internals';
 import { type ChartsXAxisProps, type ChartsYAxisProps } from '@mui/x-charts/models';
-import { type ProcessedRangeBarSeriesData } from "./types.js";
+import { type ProcessedRangeBarSeriesData } from "./types.mjs";
 export declare function useRangeBarPlotData(drawingArea: ChartDrawingArea, xAxes: ComputedAxisConfig<ChartsXAxisProps>, yAxes: ComputedAxisConfig<ChartsYAxisProps>): ProcessedRangeBarSeriesData[];

package/{esm/BarChartPremium/RangeBar/useRangeBarPlotData.js → BarChartPremium/RangeBar/useRangeBarPlotData.mjs}

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { useXAxes, useYAxes } from '@mui/x-charts/hooks';
 import { checkBarChartScaleErrors, useStore } from '@mui/x-charts/internals';
-import { useRangeBarSeriesContext } from "../../hooks/useRangeBarSeries.js";
-import { createGetRangeBarDimensions } from "./createGetRangeBarDimensions.js";
+import { useRangeBarSeriesContext } from "../../hooks/useRangeBarSeries.mjs";
+import { createGetRangeBarDimensions } from "./createGetRangeBarDimensions.mjs";
 export function useRangeBarPlotData(drawingArea, xAxes, yAxes) {
   const store = useStore();
   const seriesData = useRangeBarSeriesContext() ?? {

package/BarChartPremium/index.d.mts

@@ -0,0 +1,5 @@
+export * from "./BarChartPremium.mjs";
+export * from "./BarChartPremium.plugins.mjs";
+export * from "./RangeBar/RangeBarPlot.mjs";
+export * from "./RangeBar/FocusedRangeBar.mjs";
+export { rangeBarClasses, type RangeBarClasses, type RangeBarClassKey } from "./RangeBar/useUtilityClasses.mjs";

package/BarChartPremium/index.mjs

@@ -0,0 +1,5 @@
+export * from "./BarChartPremium.mjs";
+export * from "./BarChartPremium.plugins.mjs";
+export * from "./RangeBar/RangeBarPlot.mjs";
+export * from "./RangeBar/FocusedRangeBar.mjs";
+export { rangeBarClasses } from "./RangeBar/useUtilityClasses.mjs";

package/{esm/BarChartPremium/useBarChartPremiumProps.d.ts → BarChartPremium/useBarChartPremiumProps.d.mts}

@@ -1,7 +1,7 @@
 import { type BarChartPluginSignatures } from '@mui/x-charts/BarChart';
-import { type ChartContainerProps } from '@mui/x-charts/ChartContainer';
-import { type BarChartPremiumProps } from "./BarChartPremium.js";
-import { type RangeBarPlotProps } from "./RangeBar/RangeBarPlot.js";
+import { type ChartsContainerProps } from '@mui/x-charts/ChartsContainer';
+import { type BarChartPremiumProps } from "./BarChartPremium.mjs";
+import { type RangeBarPlotProps } from "./RangeBar/RangeBarPlot.mjs";
 /**
  * A helper function that extracts BarChartPremiumProps from the input props
  * and returns an object with props for the children components of BarChartPremium.
@@ -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: ChartContainerProps<"bar" | "rangeBar", BarChartPluginSignatures>;
+  chartContainerProps: 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

@@ -1,5 +1,5 @@
 import { type BarChartPluginSignatures } from '@mui/x-charts/BarChart';
-import { type ChartContainerProps } from '@mui/x-charts/ChartContainer';
+import { type ChartsContainerProps } from '@mui/x-charts/ChartsContainer';
 import { type BarChartPremiumProps } from "./BarChartPremium.js";
 import { type RangeBarPlotProps } from "./RangeBar/RangeBarPlot.js";
 /**
@@ -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: ChartContainerProps<"bar" | "rangeBar", BarChartPluginSignatures>;
+  chartContainerProps: ChartsContainerProps<"bar" | "rangeBar", BarChartPluginSignatures>;
   rangeBarPlotProps: RangeBarPlotProps;
   chartsWrapperProps: Omit<import("@mui/x-charts").ChartsWrapperProps, "children">;
   barPlotProps: import("@mui/x-charts").BarPlotProps;

package/CHANGELOG.md

@@ -1,5 +1,123 @@
 # Changelog
 
+## 9.0.0-alpha.2
+
+_Mar 5, 2026_
+
+We'd like to extend a big thank you to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- ✅ Stabilize Sankey chart
+- 🐞 Bugfixes and internal improvements
+
+The following team members contributed to this release:
+@aemartos, @alelthomas, @alexfauquette, @arminmeh, @bernardobelchior, @brijeshb42, @Janpot, @JCQuintas, @mapache-salvaje, @michelengelen, @mj12albert, @sai6855, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.0-alpha.2`
+
+- [dataGrid] Fix keyboard nav with single-row checkbox selection (#21149) @mj12albert
+- [DataGrid] Add `checkboxColDef` prop to customize the selection column (#21331) @michelengelen
+- [DataGrid] Format pagination numbers by default (#21117) @siriwatknp
+- [DataGrid] Prevent unnecessary row selection checkbox rerendering (#21570) @arminmeh
+- [DataGrid] Make GridScrollArea overrides resolver dynamic (#21532) @sai6855
+
+#### `@mui/x-data-grid-pro@9.0.0-alpha.2` [![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-alpha.2`, plus:
+
+- [DataGridPro] Use `getRowId` prop to calculate the tree data row update (#21540) @arminmeh
+
+#### `@mui/x-data-grid-premium@9.0.0-alpha.2` [![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-alpha.2`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.0-alpha.2`
+
+- [pickers] Add `keepOpenDuringFieldFocus` prop (#20782) @michelengelen
+
+#### `@mui/x-date-pickers-pro@9.0.0-alpha.2` [![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-alpha.2`.
+
+### Charts
+
+#### `@mui/x-charts@9.0.0-alpha.2`
+
+- [charts] Add `ChartsLayerContainer` component (#21264) @bernardobelchior
+- [charts] Add codemod for `ChartsContainer` rename (#21504) @JCQuintas
+- [charts] Add codemod for `ChartsDataProvider` rename (#21552) @JCQuintas
+- [charts] Add codemod for `ChartsZoomSlider` rename (#21597) @JCQuintas
+- [charts] Base the highlight items on the item identifiers (#21161) @alexfauquette
+- [charts] Deprecate `ChartDataProvider` in favour of `ChartsDataProvider` (#21191) @JCQuintas
+- [charts] Deprecate `highlighted` and `faded` classes (#21476) @alexfauquette
+- [charts] Migrate to latest v8 warning (#21518) @JCQuintas
+- [charts] Rename `ChartZoomSlider` to `ChartsZoomSlider` (#21553) @JCQuintas
+- [charts] Rename `WebGl` to `WebGL` (#21524) @JCQuintas
+- [charts] Rename `useSvgRef()` by `useChartsLayerContainerRef()` (#21494) @alexfauquette
+- [charts] Restore focus on last focused item (#21522) @alexfauquette
+- [charts] Warn users when controlled tooltip state does not match the trigger (#21520) @Copilot
+- [charts] Fix controlled tooltip position (#21603) @bernardobelchior
+
+#### `@mui/x-charts-pro@9.0.0-alpha.2` [![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-alpha.2`, plus:
+
+- [charts-pro] Center the watermark (#21550) @alexfauquette
+- [charts-pro] Stabilize `SankeyChart` API (#21133) @Copilot
+
+#### `@mui/x-charts-premium@9.0.0-alpha.2` [![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-alpha.2`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.0-alpha.2`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.0.0-alpha.2` [![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.2`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.0-alpha.2`
+
+Internal changes.
+
+### Docs
+
+- [docs] Add backticks and parentheses to all functions and hooks (DX-173) (#21496) @mapache-salvaje
+- [docs] Remove mentions of `mySvgRef` (#21559) @bernardobelchior
+- [docs] Update Roadmap section in the docs  (#20892) @alelthomas
+- [docs] Add tutorial and example app for aggregation with row grouping (DX-162) (#21102) @mapache-salvaje
+- [docs] Fix missing codemod docs (#21604) @JCQuintas
+
+### Core
+
+- [code-infra] Add eslint rule to prevent `Math.random` in docs (#21505) @JCQuintas
+- [code-infra] Avoid static props for pageContent (#21038) @Janpot
+- [code-infra] Isolate `date-pickers-pro` in the browser tests (#21383) @Janpot
+- [code-infra] Remove `--coverage` (#21410) @Janpot
+- [code-infra] Remove unneeded `skipIf`s (#21569) @JCQuintas
+- [code-infra] Remove vale as a workspace dependency (#21489) @brijeshb42
+- [code-infra] Remove x-charts-vendor from nextjs processing (#21534) @brijeshb42
+- [code-infra] Set BASE_BRANCH env var in CircleCI config (#21548) @brijeshb42
+- [code-infra] Setup error code extraction (#21469) @brijeshb42
+- [code-infra] Setup flat build for packages (#21029) @brijeshb42
+- [code-infra] Upgrade test_unit to large resource class (#21558) @Janpot
+- [code-infra] Removed getTeamMembers function and usage from release script (#21605) @michelengelen
+
+### Miscellaneous
+
+- [x-license] Add Q1-2026 plan version with quantity and appType support (#21574) @aemartos
+- [x-license] Add v3 key format support, centralize test keys, and trim public API (#21485) @aemartos
+- [x-telemetry] telemetry opt-out by default, remove conf dependency (#21470) @aemartos
+- [x-telemetry] test: mock context module directly in sender tests (#21546) @aemartos
+
 ## 9.0.0-alpha.1
 
 _Feb 26, 2026_