@mui/x-charts-premium 9.0.0-alpha.0 → 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 {}
@@ -39,5 +39,5 @@ export interface BarChartPremiumProps extends Omit<BarChartProProps, 'series' |
  *
  * - [BarChart API](https://mui.com/x/api/charts/bar-chart/)
  */
-declare const BarChartPremium: React.ForwardRefExoticComponent<BarChartPremiumProps & React.RefAttributes<SVGSVGElement>>;
+declare const BarChartPremium: React.ForwardRefExoticComponent<BarChartPremiumProps & React.RefAttributes<HTMLDivElement>>;
 export { BarChartPremium };

package/BarChartPremium/BarChartPremium.d.ts

@@ -39,5 +39,5 @@ export interface BarChartPremiumProps extends Omit<BarChartProProps, 'series' |
  *
  * - [BarChart API](https://mui.com/x/api/charts/bar-chart/)
  */
-declare const BarChartPremium: React.ForwardRefExoticComponent<BarChartPremiumProps & React.RefAttributes<SVGSVGElement>>;
+declare const BarChartPremium: React.ForwardRefExoticComponent<BarChartPremiumProps & React.RefAttributes<HTMLDivElement>>;
 export { BarChartPremium };

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,21 +76,22 @@ 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,
     apiRef,
     plugins: _BarChartPremium2.BAR_CHART_PREMIUM_PLUGINS
-  }), ref);
+  }));
   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, {
     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, {
         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))]
     }))
   }));
@@ -195,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,
+    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.
    */
@@ -216,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.
@@ -246,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,
+    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.
@@ -295,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,
   /**
@@ -318,6 +331,14 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * @param {BarItemIdentifier | RangeBarItemIdentifier} itemIdentifier The item identifier.
    */
   onItemClick: _propTypes.default.func,
+  /**
+   * The function called when the pointer position corresponds to a new axis data item.
+   * This update can either be caused by a pointer movement, or an axis update.
+   * In case of multiple axes, the function is called if at least one axis is updated.
+   * The argument contains the identifier for all axes with a `data` property.
+   * @param {AxisItemIdentifier[]} axisItems The array of axes item identifiers.
+   */
+  onTooltipAxisChange: _propTypes.default.func,
   /**
    * The callback fired when the tooltip item changes.
    *
@@ -367,15 +388,26 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   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']),
   title: _propTypes.default.string,
+  /**
+   * The controlled axis tooltip.
+   * Identified by the axis id, and data index.
+   */
+  tooltipAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
+    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    dataIndex: _propTypes.default.number.isRequired
+  })),
   /**
    * 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']).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,21 +69,22 @@ const BarChartPremium = /*#__PURE__*/React.forwardRef(function BarChartPremium(i
   const {
     chartDataProviderProProps,
     chartsSurfaceProps
-  } = useChartContainerProProps(_extends({}, chartContainerProps, {
+  } = useChartsContainerProProps(_extends({}, chartContainerProps, {
     initialZoom,
     zoomData,
     onZoomChange,
     apiRef,
     plugins: BAR_CHART_PREMIUM_PLUGINS
-  }), ref);
+  }));
   const Tooltip = props.slots?.tooltip ?? ChartsTooltip;
   const Toolbar = props.slots?.toolbar ?? ChartsToolbarPro;
   return /*#__PURE__*/_jsx(ChartDataProviderPremium, _extends({}, chartDataProviderProProps, {
     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, {
         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))]
     }))
   }));
@@ -188,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,
+    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.
    */
@@ -209,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.
@@ -239,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,
+    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.
@@ -288,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,
   /**
@@ -311,6 +324,14 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * @param {BarItemIdentifier | RangeBarItemIdentifier} itemIdentifier The item identifier.
    */
   onItemClick: PropTypes.func,
+  /**
+   * The function called when the pointer position corresponds to a new axis data item.
+   * This update can either be caused by a pointer movement, or an axis update.
+   * In case of multiple axes, the function is called if at least one axis is updated.
+   * The argument contains the identifier for all axes with a `data` property.
+   * @param {AxisItemIdentifier[]} axisItems The array of axes item identifiers.
+   */
+  onTooltipAxisChange: PropTypes.func,
   /**
    * The callback fired when the tooltip item changes.
    *
@@ -360,15 +381,26 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   theme: PropTypes.oneOf(['dark', 'light']),
   title: PropTypes.string,
+  /**
+   * The controlled axis tooltip.
+   * Identified by the axis id, and data index.
+   */
+  tooltipAxis: PropTypes.arrayOf(PropTypes.shape({
+    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    dataIndex: PropTypes.number.isRequired
+  })),
   /**
    * 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']).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/keyboardFocusHandler.js

@@ -5,18 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _internals = require("@mui/x-charts/internals");
-const keyboardFocusHandler = event => {
-  switch (event.key) {
-    case 'ArrowRight':
-      return (0, _internals.createGetNextIndexFocusedItem)(_internals.composableCartesianSeriesTypes);
-    case 'ArrowLeft':
-      return (0, _internals.createGetPreviousIndexFocusedItem)(_internals.composableCartesianSeriesTypes);
-    case 'ArrowDown':
-      return (0, _internals.createGetPreviousSeriesFocusedItem)(_internals.composableCartesianSeriesTypes);
-    case 'ArrowUp':
-      return (0, _internals.createGetNextSeriesFocusedItem)(_internals.composableCartesianSeriesTypes);
-    default:
-      return null;
-  }
-};
+const keyboardFocusHandler = (0, _internals.createCommonKeyboardFocusHandler)(_internals.composableCartesianSeriesTypes);
 var _default = exports.default = keyboardFocusHandler;

package/BarChartPremium/RangeBar/seriesConfig/keyboardFocusHandler.mjs

@@ -0,0 +1,3 @@
+import { composableCartesianSeriesTypes, createCommonKeyboardFocusHandler } from '@mui/x-charts/internals';
+const keyboardFocusHandler = createCommonKeyboardFocusHandler(composableCartesianSeriesTypes);
+export default keyboardFocusHandler;

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;