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

package/BarChart/BarChart.mjs

@@ -13,9 +13,9 @@ import { ChartsClipPath } from "../ChartsClipPath/index.mjs";
 import { ChartsGrid } from "../ChartsGrid/index.mjs";
 import { ChartsOverlay } from "../ChartsOverlay/ChartsOverlay.mjs";
 import { useBarChartProps } from "./useBarChartProps.mjs";
-import { ChartDataProvider } from "../ChartDataProvider/index.mjs";
+import { ChartsDataProvider } from "../ChartsDataProvider/index.mjs";
 import { ChartsSurface } from "../ChartsSurface/index.mjs";
-import { useChartContainerProps } from "../ChartContainer/useChartContainerProps.mjs";
+import { useChartsContainerProps } from "../ChartsContainer/useChartsContainerProps.mjs";
 import { ChartsWrapper } from "../ChartsWrapper/index.mjs";
 import { FocusedBar } from "./FocusedBar.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -37,7 +37,7 @@ const BarChart = /*#__PURE__*/React.forwardRef(function BarChart(inProps, ref) {
   });
   const {
     chartsWrapperProps,
-    chartContainerProps,
+    chartsContainerProps,
     barPlotProps,
     gridProps,
     clipPathProps,
@@ -49,12 +49,12 @@ const BarChart = /*#__PURE__*/React.forwardRef(function BarChart(inProps, ref) {
     children
   } = useBarChartProps(props);
   const {
-    chartDataProviderProps,
+    chartsDataProviderProps,
     chartsSurfaceProps
-  } = useChartContainerProps(chartContainerProps);
+  } = useChartsContainerProps(chartsContainerProps);
   const Tooltip = props.slots?.tooltip ?? ChartsTooltip;
   const Toolbar = props.slots?.toolbar;
-  return /*#__PURE__*/_jsx(ChartDataProvider, _extends({}, chartDataProviderProps, {
+  return /*#__PURE__*/_jsx(ChartsDataProvider, _extends({}, chartsDataProviderProps, {
     children: /*#__PURE__*/_jsxs(ChartsWrapper, _extends({}, chartsWrapperProps, {
       ref: ref,
       children: [props.showToolbar && Toolbar ? /*#__PURE__*/_jsx(Toolbar, _extends({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
@@ -89,15 +89,6 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     x: PropTypes.oneOf(['band', 'line', 'none']),
     y: PropTypes.oneOf(['band', 'line', 'none'])
   }),
-  /**
-   * @deprecated Use `barLabel` in the chart series instead.
-   * If provided, the function will be used to format the label of the bar.
-   * It can be set to 'value' to display the current value.
-   * @param {BarItem} item The item to format.
-   * @param {BarLabelContext} context data about the bar.
-   * @returns {string} The formatted label.
-   */
-  barLabel: PropTypes.oneOfType([PropTypes.oneOf(['value']), PropTypes.func]),
   /**
    * Defines the border radius of the bar element.
    */
@@ -121,6 +112,10 @@ process.env.NODE_ENV !== "production" ? BarChart.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.
@@ -132,6 +127,10 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
    * 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.
    */
@@ -285,7 +284,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
   onHighlightedAxisChange: PropTypes.func,
   /**
    * Callback fired when a bar item is clicked.
-   * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
+   * @param {MouseEvent} event The event source of the callback.
    * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
    */
   onItemClick: PropTypes.func,
@@ -339,6 +338,10 @@ process.env.NODE_ENV !== "production" ? BarChart.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.
@@ -374,6 +377,7 @@ process.env.NODE_ENV !== "production" ? BarChart.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,
@@ -399,7 +403,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
       tickLabelStyle: PropTypes.object,
       tickSize: PropTypes.number
     })),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -432,6 +436,7 @@ process.env.NODE_ENV !== "production" ? BarChart.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,
@@ -457,7 +462,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
       tickLabelStyle: PropTypes.object,
       tickSize: PropTypes.number
     })),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -490,6 +495,7 @@ process.env.NODE_ENV !== "production" ? BarChart.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]),
@@ -505,7 +511,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -535,6 +541,7 @@ process.env.NODE_ENV !== "production" ? BarChart.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]),
@@ -551,7 +558,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -581,6 +588,7 @@ process.env.NODE_ENV !== "production" ? BarChart.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]),
@@ -596,7 +604,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -626,6 +634,7 @@ process.env.NODE_ENV !== "production" ? BarChart.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]),
@@ -641,7 +650,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -671,6 +680,7 @@ process.env.NODE_ENV !== "production" ? BarChart.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]),
@@ -686,7 +696,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -720,6 +730,7 @@ process.env.NODE_ENV !== "production" ? BarChart.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]),
@@ -735,7 +746,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -769,6 +780,7 @@ process.env.NODE_ENV !== "production" ? BarChart.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]),
@@ -784,7 +796,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -822,6 +834,7 @@ process.env.NODE_ENV !== "production" ? BarChart.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,
@@ -875,10 +888,11 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), 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,
@@ -932,10 +946,11 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), 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]),
@@ -976,10 +991,11 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), 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]),
@@ -1021,10 +1037,11 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), 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]),
@@ -1065,10 +1082,11 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), 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]),
@@ -1109,10 +1127,11 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), 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]),
@@ -1157,10 +1176,11 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), 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]),
@@ -1205,10 +1225,11 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), 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]),
@@ -1249,7 +1270,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   })]).isRequired)
 } : void 0;
 export { BarChart };

package/BarChart/BarElement.js

@@ -13,8 +13,6 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _barClasses = require("./barClasses");
-var _barElementClasses = require("./barElementClasses");
-var _useInteractionItemProps = require("../hooks/useInteractionItemProps");
 var _useItemHighlightState = require("../hooks/useItemHighlightState");
 var _AnimatedBarElement = require("./AnimatedBarElement");
 var _useIsItemFocused = require("../hooks/useIsItemFocused");
@@ -46,7 +44,6 @@ function BarElement(props) {
     seriesId,
     dataIndex
   }), [seriesId, dataIndex]);
-  const interactionProps = (0, _useInteractionItemProps.useInteractionItemProps)(itemIdentifier);
   const highlightState = (0, _useItemHighlightState.useItemHighlightState)(itemIdentifier);
   const isHighlighted = highlightState === 'highlighted';
   const isFaded = highlightState === 'faded';
@@ -65,13 +62,12 @@ function BarElement(props) {
     isFocused
   };
   const classes = (0, _barClasses.useUtilityClasses)(ownerState);
-  const deprecatedClasses = (0, _barElementClasses.useUtilityClasses)(ownerState);
   const Bar = slots?.bar ?? _AnimatedBarElement.AnimatedBarElement;
   const barProps = (0, _useSlotProps.default)({
     elementType: Bar,
     externalSlotProps: slotProps?.bar,
     externalForwardedProps: other,
-    additionalProps: (0, _extends2.default)({}, interactionProps, {
+    additionalProps: {
       seriesId,
       dataIndex,
       color,
@@ -83,14 +79,14 @@ function BarElement(props) {
       height,
       style,
       onClick,
-      cursor: onClick ? 'pointer' : 'unset',
+      cursor: onClick ? 'pointer' : undefined,
       stroke: 'none',
       fill: color,
       skipAnimation,
       layout,
       hidden
-    }),
-    className: `${classes.element} ${deprecatedClasses.root}`,
+    },
+    className: classes.element,
     ownerState
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Bar, (0, _extends2.default)({}, barProps));

package/BarChart/BarElement.mjs

@@ -7,8 +7,6 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import useSlotProps from '@mui/utils/useSlotProps';
 import { useUtilityClasses } from "./barClasses.mjs";
-import { useUtilityClasses as useDeprecatedUtilityClasses } from "./barElementClasses.mjs";
-import { useInteractionItemProps } from "../hooks/useInteractionItemProps.mjs";
 import { useItemHighlightState } from "../hooks/useItemHighlightState.mjs";
 import { AnimatedBarElement } from "./AnimatedBarElement.mjs";
 import { useIsItemFocused } from "../hooks/useIsItemFocused.mjs";
@@ -39,7 +37,6 @@ function BarElement(props) {
     seriesId,
     dataIndex
   }), [seriesId, dataIndex]);
-  const interactionProps = useInteractionItemProps(itemIdentifier);
   const highlightState = useItemHighlightState(itemIdentifier);
   const isHighlighted = highlightState === 'highlighted';
   const isFaded = highlightState === 'faded';
@@ -58,13 +55,12 @@ function BarElement(props) {
     isFocused
   };
   const classes = useUtilityClasses(ownerState);
-  const deprecatedClasses = useDeprecatedUtilityClasses(ownerState);
   const Bar = slots?.bar ?? AnimatedBarElement;
   const barProps = useSlotProps({
     elementType: Bar,
     externalSlotProps: slotProps?.bar,
     externalForwardedProps: other,
-    additionalProps: _extends({}, interactionProps, {
+    additionalProps: {
       seriesId,
       dataIndex,
       color,
@@ -76,14 +72,14 @@ function BarElement(props) {
       height,
       style,
       onClick,
-      cursor: onClick ? 'pointer' : 'unset',
+      cursor: onClick ? 'pointer' : undefined,
       stroke: 'none',
       fill: color,
       skipAnimation,
       layout,
       hidden
-    }),
-    className: `${classes.element} ${deprecatedClasses.root}`,
+    },
+    className: classes.element,
     ownerState
   });
   return /*#__PURE__*/_jsx(Bar, _extends({}, barProps));

package/BarChart/BarLabel/BarLabel.js

@@ -14,22 +14,12 @@ var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useAnimateBarLabel = require("../../hooks/animation/useAnimateBarLabel");
-var _barLabelClasses = require("./barLabelClasses");
 var _animation = require("../../internals/animation/animation");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["seriesId", "dataIndex", "color", "isFaded", "isHighlighted", "classes", "skipAnimation", "layout", "xOrigin", "yOrigin", "placement", "hidden"];
 const BarLabelComponent = exports.BarLabelComponent = (0, _styles.styled)('text', {
   name: 'MuiBarLabel',
-  slot: 'Root',
-  overridesResolver: (_, styles) => [{
-    [`&.${_barLabelClasses.barLabelClasses.faded}`]: styles.faded
-  }, {
-    [`&.${_barLabelClasses.barLabelClasses.highlighted}`]: styles.highlighted
-  }, {
-    [`&[data-faded]`]: styles.faded
-  }, {
-    [`&[data-highlighted]`]: styles.highlighted
-  }, styles.root]
+  slot: 'Root'
 })(({
   theme
 }) => (0, _extends2.default)({}, theme?.typography?.body2, {

package/BarChart/BarLabel/BarLabel.mjs

@@ -7,21 +7,11 @@ import * as React from 'react';
 import { styled, useThemeProps } from '@mui/material/styles';
 import PropTypes from 'prop-types';
 import { useAnimateBarLabel } from "../../hooks/animation/useAnimateBarLabel.mjs";
-import { barLabelClasses } from "./barLabelClasses.mjs";
 import { ANIMATION_DURATION_MS, ANIMATION_TIMING_FUNCTION } from "../../internals/animation/animation.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const BarLabelComponent = styled('text', {
   name: 'MuiBarLabel',
-  slot: 'Root',
-  overridesResolver: (_, styles) => [{
-    [`&.${barLabelClasses.faded}`]: styles.faded
-  }, {
-    [`&.${barLabelClasses.highlighted}`]: styles.highlighted
-  }, {
-    [`&[data-faded]`]: styles.faded
-  }, {
-    [`&[data-highlighted]`]: styles.highlighted
-  }, styles.root]
+  slot: 'Root'
 })(({
   theme
 }) => _extends({}, theme?.typography?.body2, {

package/BarChart/BarLabel/BarLabelItem.js

@@ -12,7 +12,6 @@ var React = _interopRequireWildcard(require("react"));
 var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _barClasses = require("../barClasses");
-var _barLabelClasses = require("./barLabelClasses");
 var _getBarLabel = require("./getBarLabel");
 var _BarLabel = require("./BarLabel");
 var _useItemHighlightState = require("../../hooks/useItemHighlightState");
@@ -62,7 +61,6 @@ function BarLabelItem(props) {
     layout
   };
   const classes = (0, _barClasses.useUtilityClasses)(ownerState);
-  const deprecatedClasses = (0, _barLabelClasses.useUtilityClasses)(ownerState);
   const Component = slots?.barLabel ?? _BarLabel.BarLabel;
   const _useSlotProps = (0, _useSlotProps2.default)({
       elementType: Component,
@@ -75,7 +73,7 @@ function BarLabelItem(props) {
         width,
         height,
         placement: barLabelPlacement,
-        className: `${classes.label} ${deprecatedClasses.root}`,
+        className: classes.label,
         'data-highlighted': isHighlighted || undefined,
         'data-faded': isFaded || undefined
       }),

package/BarChart/BarLabel/BarLabelItem.mjs

@@ -6,7 +6,6 @@ import * as React from 'react';
 import useSlotProps from '@mui/utils/useSlotProps';
 import PropTypes from 'prop-types';
 import { useUtilityClasses } from "../barClasses.mjs";
-import { useUtilityClasses as useDeprecatedUtilityClasses } from "./barLabelClasses.mjs";
 import { getBarLabel } from "./getBarLabel.mjs";
 import { BarLabel } from "./BarLabel.mjs";
 import { useItemHighlightState } from "../../hooks/useItemHighlightState.mjs";
@@ -54,7 +53,6 @@ function BarLabelItem(props) {
     layout
   };
   const classes = useUtilityClasses(ownerState);
-  const deprecatedClasses = useDeprecatedUtilityClasses(ownerState);
   const Component = slots?.barLabel ?? BarLabel;
   const _useSlotProps = useSlotProps({
       elementType: Component,
@@ -67,7 +65,7 @@ function BarLabelItem(props) {
         width,
         height,
         placement: barLabelPlacement,
-        className: `${classes.label} ${deprecatedClasses.root}`,
+        className: classes.label,
         'data-highlighted': isHighlighted || undefined,
         'data-faded': isFaded || undefined
       }),

package/BarChart/BarLabel/BarLabelPlot.d.mts

@@ -1,5 +1,4 @@
 import { type AnimationData } from "../types.mjs";
-import { type BarLabelItemProps } from "./BarLabelItem.mjs";
 import type { SeriesId } from "../../models/seriesType/common.mjs";
 import { type BarSeriesType, type BarValueType } from "../../models/seriesType/bar.mjs";
 import { type BarLabelFunction } from "./BarLabel.types.mjs";
@@ -7,7 +6,6 @@ interface BarLabelPlotProps {
   processedSeries: ProcessedBarLabelSeriesData;
   className: string;
   skipAnimation?: boolean;
-  barLabel?: BarLabelItemProps<BarValueType | null>['barLabel'];
 }
 export interface ProcessedBarLabelSeriesData {
   seriesId: SeriesId;

package/BarChart/BarLabel/BarLabelPlot.d.ts

@@ -1,5 +1,4 @@
 import { type AnimationData } from "../types.js";
-import { type BarLabelItemProps } from "./BarLabelItem.js";
 import type { SeriesId } from "../../models/seriesType/common.js";
 import { type BarSeriesType, type BarValueType } from "../../models/seriesType/bar.js";
 import { type BarLabelFunction } from "./BarLabel.types.js";
@@ -7,7 +6,6 @@ interface BarLabelPlotProps {
   processedSeries: ProcessedBarLabelSeriesData;
   className: string;
   skipAnimation?: boolean;
-  barLabel?: BarLabelItemProps<BarValueType | null>['barLabel'];
 }
 export interface ProcessedBarLabelSeriesData {
   seriesId: SeriesId;

package/BarChart/BarLabel/BarLabelPlot.js

@@ -29,8 +29,7 @@ function BarLabelPlot(props) {
     xOrigin,
     yOrigin
   } = processedSeries;
-  const barLabel = processedSeries.barLabel ?? props.barLabel;
-  if (!barLabel) {
+  if (!processedSeries.barLabel) {
     return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
@@ -60,7 +59,7 @@ function BarLabelPlot(props) {
       layout: layout ?? 'vertical',
       hidden: hidden
     }, other, {
-      barLabel: barLabel,
+      barLabel: processedSeries.barLabel,
       barLabelPlacement: processedSeries.barLabelPlacement || 'center'
     }), dataIndex))
   }, seriesId);

package/BarChart/BarLabel/BarLabelPlot.mjs

@@ -21,8 +21,7 @@ function BarLabelPlot(props) {
     xOrigin,
     yOrigin
   } = processedSeries;
-  const barLabel = processedSeries.barLabel ?? props.barLabel;
-  if (!barLabel) {
+  if (!processedSeries.barLabel) {
     return null;
   }
   return /*#__PURE__*/_jsx("g", {
@@ -52,7 +51,7 @@ function BarLabelPlot(props) {
       layout: layout ?? 'vertical',
       hidden: hidden
     }, other, {
-      barLabel: barLabel,
+      barLabel: processedSeries.barLabel,
       barLabelPlacement: processedSeries.barLabelPlacement || 'center'
     }), dataIndex))
   }, seriesId);

package/BarChart/BarLabel/index.d.mts

@@ -1,6 +1,4 @@
 export { BarLabel } from "./BarLabel.mjs";
 export type { BarLabelProps } from "./BarLabel.mjs";
-export { barLabelClasses, getBarLabelUtilityClass } from "./barLabelClasses.mjs";
 export type { BarLabelSlotProps, BarLabelSlots } from "./BarLabelItem.mjs";
-export type { BarLabelOwnerState, BarItem, BarLabelContext } from "./BarLabel.types.mjs";
-export type { BarLabelClasses, BarLabelClassKey } from "./barLabelClasses.mjs";
+export type { BarLabelOwnerState, BarItem, BarLabelContext } from "./BarLabel.types.mjs";

package/BarChart/BarLabel/index.d.ts

@@ -1,6 +1,4 @@
 export { BarLabel } from "./BarLabel.js";
 export type { BarLabelProps } from "./BarLabel.js";
-export { barLabelClasses, getBarLabelUtilityClass } from "./barLabelClasses.js";
 export type { BarLabelSlotProps, BarLabelSlots } from "./BarLabelItem.js";
-export type { BarLabelOwnerState, BarItem, BarLabelContext } from "./BarLabel.types.js";
-export type { BarLabelClasses, BarLabelClassKey } from "./barLabelClasses.js";
+export type { BarLabelOwnerState, BarItem, BarLabelContext } from "./BarLabel.types.js";

package/BarChart/BarLabel/index.js

@@ -9,17 +9,4 @@ Object.defineProperty(exports, "BarLabel", {
     return _BarLabel.BarLabel;
   }
 });
-Object.defineProperty(exports, "barLabelClasses", {
-  enumerable: true,
-  get: function () {
-    return _barLabelClasses.barLabelClasses;
-  }
-});
-Object.defineProperty(exports, "getBarLabelUtilityClass", {
-  enumerable: true,
-  get: function () {
-    return _barLabelClasses.getBarLabelUtilityClass;
-  }
-});
-var _BarLabel = require("./BarLabel");
-var _barLabelClasses = require("./barLabelClasses");
+var _BarLabel = require("./BarLabel");