@mui/x-charts 9.1.0 → 9.3.0

package/RadarChart/RadarChart.mjs

@@ -144,11 +144,11 @@ process.env.NODE_ENV !== "production" ? RadarChart.propTypes = {
    */
   highlightedItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radar']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['radar']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -249,11 +249,11 @@ process.env.NODE_ENV !== "production" ? RadarChart.propTypes = {
     labelFormatter: PropTypes.func,
     labelGap: PropTypes.number,
     max: PropTypes.number,
-    metrics: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.shape({
+    metrics: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.shape({
       max: PropTypes.number,
       min: PropTypes.number,
       name: PropTypes.string.isRequired
-    }))]).isRequired,
+    })), PropTypes.arrayOf(PropTypes.string)]).isRequired,
     startAngle: PropTypes.number
   }).isRequired,
   /**
@@ -306,11 +306,11 @@ process.env.NODE_ENV !== "production" ? RadarChart.propTypes = {
    */
   tooltipItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radar']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['radar']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/RadarChart/RadarGrid/CircularRadarStripes.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CircularRadarStripes = CircularRadarStripes;
 var React = _interopRequireWildcard(require("react"));
+var _getRingPath = require("../../internals/getRingPath");
 var _jsxRuntime = require("react/jsx-runtime");
-const getPath = (center, outerRadius, innerRadius) => [`M ${center.x - outerRadius} ${center.y}`, `A ${outerRadius} ${outerRadius} 0 1 0 ${center.x + outerRadius} ${center.y}`, `A ${outerRadius} ${outerRadius} 0 1 0 ${center.x - outerRadius} ${center.y} Z`, `M ${center.x - innerRadius} ${center.y}`, `A ${innerRadius} ${innerRadius} 0 1 0 ${center.x + innerRadius} ${center.y}`, `A ${innerRadius} ${innerRadius} 0 1 0 ${center.x - innerRadius} ${center.y} Z`].join('');
-
 /**
  * @ignore - internal component.
  */
@@ -27,7 +26,7 @@ function CircularRadarStripes(props) {
     children: divisionRadius.map((r, index) => {
       const smallerRadius = divisionRadius[index - 1] ?? 0;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-        d: getPath(center, r, smallerRadius),
+        d: (0, _getRingPath.getRingPath)(center, r, smallerRadius),
         fillRule: "evenodd",
         fill: stripeColor?.(index) ?? 'none',
         fillOpacity: 0.1,

package/RadarChart/RadarGrid/CircularRadarStripes.mjs

@@ -1,7 +1,6 @@
 import * as React from 'react';
+import { getRingPath } from "../../internals/getRingPath.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
-const getPath = (center, outerRadius, innerRadius) => [`M ${center.x - outerRadius} ${center.y}`, `A ${outerRadius} ${outerRadius} 0 1 0 ${center.x + outerRadius} ${center.y}`, `A ${outerRadius} ${outerRadius} 0 1 0 ${center.x - outerRadius} ${center.y} Z`, `M ${center.x - innerRadius} ${center.y}`, `A ${innerRadius} ${innerRadius} 0 1 0 ${center.x + innerRadius} ${center.y}`, `A ${innerRadius} ${innerRadius} 0 1 0 ${center.x - innerRadius} ${center.y} Z`].join('');
-
 /**
  * @ignore - internal component.
  */
@@ -20,7 +19,7 @@ export function CircularRadarStripes(props) {
     children: divisionRadius.map((r, index) => {
       const smallerRadius = divisionRadius[index - 1] ?? 0;
       return /*#__PURE__*/_jsx("path", {
-        d: getPath(center, r, smallerRadius),
+        d: getRingPath(center, r, smallerRadius),
         fillRule: "evenodd",
         fill: stripeColor?.(index) ?? 'none',
         fillOpacity: 0.1,

package/RadarChart/RadarSeriesPlot/RadarSeriesArea.js

@@ -69,7 +69,9 @@ function RadarSeriesArea(props) {
       if (hidden) {
         return null;
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("path", (0, _extends2.default)({}, getPathProps({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("path", (0, _extends2.default)({
+        "data-series": id
+      }, getPathProps({
         seriesId: id,
         points,
         color,

package/RadarChart/RadarSeriesPlot/RadarSeriesArea.mjs

@@ -60,7 +60,9 @@ function RadarSeriesArea(props) {
       if (hidden) {
         return null;
       }
-      return /*#__PURE__*/_jsx("path", _extends({}, getPathProps({
+      return /*#__PURE__*/_jsx("path", _extends({
+        "data-series": id
+      }, getPathProps({
         seriesId: id,
         points,
         color,

package/RadarChart/RadarSeriesPlot/RadarSeriesMarks.js

@@ -64,6 +64,7 @@ function RadarSeriesMarks(props) {
         return null;
       }
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+        "data-series": id,
         children: points.map((point, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", (0, _extends2.default)({}, getCircleProps({
           seriesId: id,
           point,

package/RadarChart/RadarSeriesPlot/RadarSeriesMarks.mjs

@@ -55,6 +55,7 @@ function RadarSeriesMarks(props) {
         return null;
       }
       return /*#__PURE__*/_jsx("g", {
+        "data-series": id,
         children: points.map((point, index) => /*#__PURE__*/_jsx("circle", _extends({}, getCircleProps({
           seriesId: id,
           point,

package/RadarChart/RadarSeriesPlot/RadarSeriesPlot.js

@@ -43,6 +43,7 @@ function RadarSeriesPlot(props) {
         return null;
       }
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+        "data-series": seriesId,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", (0, _extends2.default)({}, (0, _RadarSeriesArea.getPathProps)({
           seriesId,
           points,

package/RadarChart/RadarSeriesPlot/RadarSeriesPlot.mjs

@@ -36,6 +36,7 @@ function RadarSeriesPlot(props) {
         return null;
       }
       return /*#__PURE__*/_jsxs("g", {
+        "data-series": seriesId,
         children: [/*#__PURE__*/_jsx("path", _extends({}, getPathProps({
           seriesId,
           points,

package/RadarChart/RadarSeriesPlot/useRadarRotationIndex.js

@@ -32,7 +32,7 @@ function useRadarRotationIndex() {
     }
     const svgPoint = (0, _getChartPoint.getChartPoint)(element, event);
     const rotation = (0, _coordinateTransformation.generateSvg2rotation)(center)(svgPoint.x, svgPoint.y);
-    const rotationIndex = (0, _getAxisIndex.getAxisIndex)(rotationAxis, rotation);
+    const rotationIndex = (0, _getAxisIndex.getRotationAxisIndex)(rotationAxis, rotation);
     return rotationIndex;
   }, [center, rotationAxis, chartsLayerContainerRef]);
   return rotationIndexGetter;

package/RadarChart/RadarSeriesPlot/useRadarRotationIndex.mjs

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { selectorChartPolarCenter } from "../../internals/plugins/featurePlugins/useChartPolarAxis/index.mjs";
 import { getChartPoint } from "../../internals/getChartPoint.mjs";
 import { generateSvg2rotation } from "../../internals/plugins/featurePlugins/useChartPolarAxis/coordinateTransformation.mjs";
-import { getAxisIndex } from "../../internals/plugins/featurePlugins/useChartPolarAxis/getAxisIndex.mjs";
+import { getRotationAxisIndex } from "../../internals/plugins/featurePlugins/useChartPolarAxis/getAxisIndex.mjs";
 import { useStore } from "../../internals/store/useStore.mjs";
 import { useChartsLayerContainerRef } from "../../hooks/useChartsLayerContainerRef.mjs";
 import { useRotationAxis } from "../../hooks/useAxis.mjs";
@@ -25,7 +25,7 @@ export function useRadarRotationIndex() {
     }
     const svgPoint = getChartPoint(element, event);
     const rotation = generateSvg2rotation(center)(svgPoint.x, svgPoint.y);
-    const rotationIndex = getAxisIndex(rotationAxis, rotation);
+    const rotationIndex = getRotationAxisIndex(rotationAxis, rotation);
     return rotationIndex;
   }, [center, rotationAxis, chartsLayerContainerRef]);
   return rotationIndexGetter;

package/ScatterChart/ScatterChart.js

@@ -199,11 +199,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    */
   highlightedItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['scatter']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['scatter']).isRequired
   })]),
   /**
    * Defines the maximum distance between a scatter point and the pointer that triggers the interaction.
@@ -360,11 +360,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    */
   tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['scatter']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['scatter']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
@@ -387,11 +387,6 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    */
   zAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
-      colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
-      type: _propTypes.default.oneOf(['ordinal']).isRequired,
-      unknownColor: _propTypes.default.string,
-      values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired)
-    }), _propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
       min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -400,6 +395,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
       thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired,
       type: _propTypes.default.oneOf(['piecewise']).isRequired
+    }), _propTypes.default.shape({
+      colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
+      type: _propTypes.default.oneOf(['ordinal']).isRequired,
+      unknownColor: _propTypes.default.string,
+      values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired)
     })]),
     data: _propTypes.default.array,
     dataKey: _propTypes.default.string,

package/ScatterChart/ScatterChart.mjs

@@ -192,11 +192,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    */
   highlightedItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['scatter']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['scatter']).isRequired
   })]),
   /**
    * Defines the maximum distance between a scatter point and the pointer that triggers the interaction.
@@ -353,11 +353,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    */
   tooltipItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['scatter']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['scatter']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
@@ -380,11 +380,6 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    */
   zAxis: PropTypes.arrayOf(PropTypes.shape({
     colorMap: PropTypes.oneOfType([PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      type: PropTypes.oneOf(['ordinal']).isRequired,
-      unknownColor: PropTypes.string,
-      values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
-    }), PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
       min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -393,6 +388,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
       thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
       type: PropTypes.oneOf(['piecewise']).isRequired
+    }), PropTypes.shape({
+      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
+      type: PropTypes.oneOf(['ordinal']).isRequired,
+      unknownColor: PropTypes.string,
+      values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
     })]),
     data: PropTypes.array,
     dataKey: PropTypes.string,

package/ScatterChart/seriesConfig/tooltip.js

@@ -4,28 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _getLabel = require("../../internals/getLabel");
-const tooltipGetter = params => {
-  const {
-    series,
-    getColor,
-    identifier
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
-    return null;
-  }
-  const label = (0, _getLabel.getLabel)(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
-  });
-  return {
-    identifier,
-    color: getColor(identifier.dataIndex),
-    label,
-    value,
-    formattedValue,
-    markType: series.labelMarkType
-  };
-};
+var _getLineLikeTooltip = require("../../internals/getLineLikeTooltip");
+const tooltipGetter = params => (0, _getLineLikeTooltip.getLineLikeTooltip)(params);
 var _default = exports.default = tooltipGetter;

package/ScatterChart/seriesConfig/tooltip.mjs

@@ -1,25 +1,3 @@
-import { getLabel } from "../../internals/getLabel.mjs";
-const tooltipGetter = params => {
-  const {
-    series,
-    getColor,
-    identifier
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
-    return null;
-  }
-  const label = getLabel(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
-  });
-  return {
-    identifier,
-    color: getColor(identifier.dataIndex),
-    label,
-    value,
-    formattedValue,
-    markType: series.labelMarkType
-  };
-};
+import { getLineLikeTooltip } from "../../internals/getLineLikeTooltip.mjs";
+const tooltipGetter = params => getLineLikeTooltip(params);
 export default tooltipGetter;

package/SparkLineChart/SparkLineChart.js

@@ -292,15 +292,15 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['scatter']).isRequired
+    type: _propTypes.default.oneOf(['pie']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['pie']).isRequired
+    type: _propTypes.default.oneOf(['radar']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radar']).isRequired
+    type: _propTypes.default.oneOf(['scatter']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
@@ -312,15 +312,15 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['scatter'])
+    type: _propTypes.default.oneOf(['pie'])
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['pie'])
+    type: _propTypes.default.oneOf(['radar'])
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radar'])
+    type: _propTypes.default.oneOf(['scatter'])
   })]).isRequired),
   /**
    * The controlled axis highlight.
@@ -335,20 +335,16 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * Used when the highlight is controlled.
    */
   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
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['line']).isRequired
+    type: _propTypes.default.oneOf(['bar']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['scatter']).isRequired
+    type: _propTypes.default.oneOf(['line']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
@@ -357,6 +353,10 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
     type: _propTypes.default.oneOf(['radar']).isRequired
+  }), _propTypes.default.shape({
+    dataIndex: _propTypes.default.number,
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['scatter']).isRequired
   })]),
   /**
    * Defines the maximum distance between a scatter point and the pointer that triggers the interaction.
@@ -401,15 +401,15 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['scatter']).isRequired
+    type: _propTypes.default.oneOf(['pie']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['pie']).isRequired
+    type: _propTypes.default.oneOf(['radar']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radar']).isRequired
+    type: _propTypes.default.oneOf(['scatter']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
@@ -421,15 +421,15 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['scatter'])
+    type: _propTypes.default.oneOf(['pie'])
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['pie'])
+    type: _propTypes.default.oneOf(['radar'])
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radar'])
+    type: _propTypes.default.oneOf(['scatter'])
   })]).isRequired),
   /**
    * Localized text for chart components.
@@ -547,27 +547,27 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * Used when the tooltip is controlled.
    */
   tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
+    dataIndex: _propTypes.default.number.isRequired,
+    seriesId: _propTypes.default.string.isRequired
+  }), _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
-  }), _propTypes.default.shape({
-    dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['line']).isRequired
-  }), _propTypes.default.shape({
-    dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired
+    type: _propTypes.default.oneOf(['pie']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
     seriesId: _propTypes.default.string.isRequired,
     type: _propTypes.default.oneOf(['scatter']).isRequired
   }), _propTypes.default.shape({
-    dataIndex: _propTypes.default.number.isRequired,
+    dataIndex: _propTypes.default.number,
+    seriesId: _propTypes.default.string.isRequired
+  }), _propTypes.default.shape({
+    dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['pie']).isRequired
+    type: _propTypes.default.oneOf(['line']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,

package/SparkLineChart/SparkLineChart.mjs

@@ -285,15 +285,15 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['scatter']).isRequired
+    type: PropTypes.oneOf(['pie']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['pie']).isRequired
+    type: PropTypes.oneOf(['radar']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radar']).isRequired
+    type: PropTypes.oneOf(['scatter']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
@@ -305,15 +305,15 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['scatter'])
+    type: PropTypes.oneOf(['pie'])
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['pie'])
+    type: PropTypes.oneOf(['radar'])
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radar'])
+    type: PropTypes.oneOf(['scatter'])
   })]).isRequired),
   /**
    * The controlled axis highlight.
@@ -328,20 +328,16 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * Used when the highlight is controlled.
    */
   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
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['line']).isRequired
+    type: PropTypes.oneOf(['bar']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['scatter']).isRequired
+    type: PropTypes.oneOf(['line']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
@@ -350,6 +346,10 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
     type: PropTypes.oneOf(['radar']).isRequired
+  }), PropTypes.shape({
+    dataIndex: PropTypes.number,
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['scatter']).isRequired
   })]),
   /**
    * Defines the maximum distance between a scatter point and the pointer that triggers the interaction.
@@ -394,15 +394,15 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['scatter']).isRequired
+    type: PropTypes.oneOf(['pie']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['pie']).isRequired
+    type: PropTypes.oneOf(['radar']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radar']).isRequired
+    type: PropTypes.oneOf(['scatter']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
@@ -414,15 +414,15 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['scatter'])
+    type: PropTypes.oneOf(['pie'])
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['pie'])
+    type: PropTypes.oneOf(['radar'])
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radar'])
+    type: PropTypes.oneOf(['scatter'])
   })]).isRequired),
   /**
    * Localized text for chart components.
@@ -540,27 +540,27 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * Used when the tooltip is controlled.
    */
   tooltipItem: PropTypes.oneOfType([PropTypes.shape({
+    dataIndex: PropTypes.number.isRequired,
+    seriesId: PropTypes.string.isRequired
+  }), 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
-  }), PropTypes.shape({
-    dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['line']).isRequired
-  }), PropTypes.shape({
-    dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired
+    type: PropTypes.oneOf(['pie']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
     seriesId: PropTypes.string.isRequired,
     type: PropTypes.oneOf(['scatter']).isRequired
   }), PropTypes.shape({
-    dataIndex: PropTypes.number.isRequired,
+    dataIndex: PropTypes.number,
+    seriesId: PropTypes.string.isRequired
+  }), PropTypes.shape({
+    dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['pie']).isRequired
+    type: PropTypes.oneOf(['line']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v9.1.0
+ * @mui/x-charts v9.3.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v9.1.0
+ * @mui/x-charts v9.3.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/components/ChartsAccessibilityProxy/ChartsAccessibilityProxy.js

@@ -92,7 +92,7 @@ function ChartsAccessibilityProxy() {
     }
   }, [message, chartId]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    role: "presentation",
+    role: "none",
     tabIndex: message ? undefined : 0,
     ref: containerRef,
     style: fullSizeLayerStyle