@mui/x-charts 9.2.0 → 9.3.0

package/BarChart/BarChart.js

@@ -172,11 +172,11 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
   hiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['bar'])
+    type: _propTypes.default.oneOf(['bar']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['bar']).isRequired
+    type: _propTypes.default.oneOf(['bar'])
   })]).isRequired),
   /**
    * If `true`, the legend is not rendered.
@@ -196,11 +196,11 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
    */
   highlightedItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['bar']).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(['bar']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -231,11 +231,11 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
   initialHiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['bar'])
+    type: _propTypes.default.oneOf(['bar']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['bar']).isRequired
+    type: _propTypes.default.oneOf(['bar'])
   })]).isRequired),
   /**
    * The direction of the bar elements.
@@ -365,11 +365,11 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
    */
   tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['bar']).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(['bar']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/BarChart/BarChart.mjs

@@ -165,11 +165,11 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
   hiddenItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['bar'])
+    type: PropTypes.oneOf(['bar']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['bar']).isRequired
+    type: PropTypes.oneOf(['bar'])
   })]).isRequired),
   /**
    * If `true`, the legend is not rendered.
@@ -189,11 +189,11 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
    */
   highlightedItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['bar']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['bar']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -224,11 +224,11 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
   initialHiddenItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['bar'])
+    type: PropTypes.oneOf(['bar']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['bar']).isRequired
+    type: PropTypes.oneOf(['bar'])
   })]).isRequired),
   /**
    * The direction of the bar elements.
@@ -358,11 +358,11 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
    */
   tooltipItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['bar']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['bar']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/BarChart/seriesConfig/bar/getColor.js

@@ -4,60 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _getSeriesColorFn = require("../../../internals/getSeriesColorFn");
+var _resolveColorProcessor = require("../../../internals/resolveColorProcessor");
 const getColor = (series, xAxis, yAxis) => {
   const verticalLayout = series.layout === 'vertical';
-  const bandColorScale = verticalLayout ? xAxis?.colorScale : yAxis?.colorScale;
-  const valueColorScale = verticalLayout ? yAxis?.colorScale : xAxis?.colorScale;
-  const bandValues = verticalLayout ? xAxis?.data : yAxis?.data;
-  const getSeriesColor = (0, _getSeriesColorFn.getSeriesColorFn)(series);
-  if (valueColorScale) {
-    return dataIndex => {
-      if (dataIndex === undefined) {
-        return series.color;
-      }
-      const value = series.data[dataIndex];
-      const color = value === null ? getSeriesColor({
-        value,
-        dataIndex
-      }) : valueColorScale(value);
-      if (color === null) {
-        return getSeriesColor({
-          value,
-          dataIndex
-        });
-      }
-      return color;
-    };
-  }
-  if (bandColorScale && bandValues) {
-    return dataIndex => {
-      if (dataIndex === undefined) {
-        return series.color;
-      }
-      const value = bandValues[dataIndex];
-      const color = value === null ? getSeriesColor({
-        value,
-        dataIndex
-      }) : bandColorScale(value);
-      if (color === null) {
-        return getSeriesColor({
-          value,
-          dataIndex
-        });
-      }
-      return color;
-    };
-  }
-  return dataIndex => {
-    if (dataIndex === undefined) {
-      return series.color;
-    }
-    const value = series.data[dataIndex];
-    return getSeriesColor({
-      value,
-      dataIndex
-    });
-  };
+  return (0, _resolveColorProcessor.resolveColorProcessor)({
+    series,
+    valueColorScale: verticalLayout ? yAxis?.colorScale : xAxis?.colorScale,
+    categoryColorScale: verticalLayout ? xAxis?.colorScale : yAxis?.colorScale,
+    categoryValues: verticalLayout ? xAxis?.data : yAxis?.data
+  });
 };
 var _default = exports.default = getColor;

package/BarChart/seriesConfig/bar/getColor.mjs

@@ -1,57 +1,11 @@
-import { getSeriesColorFn } from "../../../internals/getSeriesColorFn.mjs";
+import { resolveColorProcessor } from "../../../internals/resolveColorProcessor.mjs";
 const getColor = (series, xAxis, yAxis) => {
   const verticalLayout = series.layout === 'vertical';
-  const bandColorScale = verticalLayout ? xAxis?.colorScale : yAxis?.colorScale;
-  const valueColorScale = verticalLayout ? yAxis?.colorScale : xAxis?.colorScale;
-  const bandValues = verticalLayout ? xAxis?.data : yAxis?.data;
-  const getSeriesColor = getSeriesColorFn(series);
-  if (valueColorScale) {
-    return dataIndex => {
-      if (dataIndex === undefined) {
-        return series.color;
-      }
-      const value = series.data[dataIndex];
-      const color = value === null ? getSeriesColor({
-        value,
-        dataIndex
-      }) : valueColorScale(value);
-      if (color === null) {
-        return getSeriesColor({
-          value,
-          dataIndex
-        });
-      }
-      return color;
-    };
-  }
-  if (bandColorScale && bandValues) {
-    return dataIndex => {
-      if (dataIndex === undefined) {
-        return series.color;
-      }
-      const value = bandValues[dataIndex];
-      const color = value === null ? getSeriesColor({
-        value,
-        dataIndex
-      }) : bandColorScale(value);
-      if (color === null) {
-        return getSeriesColor({
-          value,
-          dataIndex
-        });
-      }
-      return color;
-    };
-  }
-  return dataIndex => {
-    if (dataIndex === undefined) {
-      return series.color;
-    }
-    const value = series.data[dataIndex];
-    return getSeriesColor({
-      value,
-      dataIndex
-    });
-  };
+  return resolveColorProcessor({
+    series,
+    valueColorScale: verticalLayout ? yAxis?.colorScale : xAxis?.colorScale,
+    categoryColorScale: verticalLayout ? xAxis?.colorScale : yAxis?.colorScale,
+    categoryValues: verticalLayout ? xAxis?.data : yAxis?.data
+  });
 };
 export default getColor;

package/BarChart/seriesConfig/bar/seriesProcessor.js

@@ -44,7 +44,9 @@ const seriesProcessor = (params, dataset, isItemVisible) => {
           d3Dataset[index][id] = value;
         }
       });
-    } else if (dataset === undefined) {
+    } else if (dataset === undefined && process.env.NODE_ENV !== 'production') {
+      // TODO: fix mui/no-guarded-throw
+      // eslint-disable-next-line mui/no-guarded-throw
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Bar series with id="${id}" has no data. ` + 'The chart cannot render this series without data. ' + 'Provide a data property to the series or use the dataset prop.' : (0, _formatErrorMessage2.default)(33, id));
     }
     if (process.env.NODE_ENV !== 'production') {

package/BarChart/seriesConfig/bar/seriesProcessor.mjs

@@ -37,7 +37,9 @@ const seriesProcessor = (params, dataset, isItemVisible) => {
           d3Dataset[index][id] = value;
         }
       });
-    } else if (dataset === undefined) {
+    } else if (dataset === undefined && process.env.NODE_ENV !== 'production') {
+      // TODO: fix mui/no-guarded-throw
+      // eslint-disable-next-line mui/no-guarded-throw
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Bar series with id="${id}" has no data. ` + 'The chart cannot render this series without data. ' + 'Provide a data property to the series or use the dataset prop.' : _formatErrorMessage(33, id));
     }
     if (process.env.NODE_ENV !== 'production') {

package/BarChart/seriesConfig/bar/tooltip.js

@@ -4,33 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.axisTooltipGetter = 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];
-  if (value == null) {
-    return null;
-  }
-  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, {
+  skipNullValues: true
+});
 const axisTooltipGetter = series => {
   return Object.values(series).map(s => s.layout === 'horizontal' ? {
     direction: 'y',

package/BarChart/seriesConfig/bar/tooltip.mjs

@@ -1,30 +1,7 @@
-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];
-  if (value == null) {
-    return null;
-  }
-  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, {
+  skipNullValues: true
+});
 export const axisTooltipGetter = series => {
   return Object.values(series).map(s => s.layout === 'horizontal' ? {
     direction: 'y',

package/CHANGELOG.md

@@ -1,5 +1,123 @@
 # Changelog
 
+## 9.3.0
+
+_May 21, 2026_
+
+We'd like to extend a big thank you to the 16 contributors who made this release possible. Here are some highlights ✨:
+
+- 📆 Refactor Calendar Range drag editing to use Pointer Events instead of drag and touch events combination (#22279)
+- ✨ Apply lazy loading to `EventTimelinePremium` (#22308)
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+- 🌎 Added Norwegian bokmål (nb-NO) locale to the Scheduler
+- 🌎 Improved Swedish (sv-SE) locale on the Data Grid
+
+Special thanks go out to these community members for their valuable contributions:
+@Anexus5919, @jvskriubakken, @oscar-b, @rin, @viktormelin
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @arminmeh, @Janpot, @JCQuintas, @LukasTy, @mj12albert, @oliviertassinari, @rita-codes, @romgrk, @sai6855
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.3.0`
+
+- [DataGrid] Fix scrollbar disappearing after multiple resizes (#22512) @LukasTy
+- [DataGrid] Revert "Add support for pinned columns in `GridVirtualScroller`" (#22467) @oliviertassinari
+- [l10n] Improve Swedish (svSE) locale (#21851) @viktormelin
+
+#### `@mui/x-data-grid-pro@9.3.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.3.0`.
+
+#### `@mui/x-data-grid-premium@9.3.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.3.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.3.0`
+
+- [pickers] Fix disabled state styling for `PickersTextField` standard and filled variants (#22189) @LukasTy
+- [pickers] Fix previous month disabled state calculation (#22524) @mj12albert
+- [pickers] Merge `slotProps.sectionContent` in `PickersInputBase` (#22324) @rin
+
+#### `@mui/x-date-pickers-pro@9.3.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.3.0`, plus:
+
+- [DateRangeCalendar] Use Pointer Events for drag editing (#22279) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@9.3.0`
+
+- [charts] Add `data-series` to elements of radar chart (#22523) @alexfauquette
+- [charts] Add environment check for warning messages in axis and radar hooks (#22506) @sai6855
+- [charts] Chart `seriesConfig` deduplication for lines and bars (#22257) @sai6855
+- [charts] Fix highlighted item crash (#22539) @oscar-b
+- [charts] Fix the line and mark class (#22526) @alexfauquette
+- [charts] Fix use of deprecated API in docs (#22469) @oliviertassinari
+- [charts] Improve performance of `evaluateCurveY` function (#22407) @sai6855
+
+#### `@mui/x-charts-pro@9.3.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.3.0`.
+
+#### `@mui/x-charts-premium@9.3.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.3.0`, plus:
+
+- [charts-premium] Add `closePath` option to the radial line series (#22517) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view-pro@9.3.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Internal changes.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-alpha.7`
+
+- [I10n] Add Norwegian bokmål (nb-NO) locale (#22415) @jvskriubakken
+
+#### `@mui/x-scheduler-premium@9.0.0-alpha.7` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-alpha.7`, plus:
+
+- [scheduler] Apply lazy loading to `EventTimelinePremium` (#22308) @rita-codes
+- [scheduler] Deduplicate staged ranges within the debounce window (#22476) @Anexus5919
+- [scheduler] Pass full event objects to `dataSource.updateEvents` (#22462) @rita-codes
+
+### Docs
+
+- [docs] Automatically update supported versions (#21850) @arminmeh
+- [docs] Fix `New` label on bar charts docs (#22473) @oliviertassinari
+- [docs] Improve premium page header for charts (#22474) @oliviertassinari
+- [docs] Sync `README` with licensing/licensing.md in scheduler (#22468) @oliviertassinari
+
+### Core
+
+- [code-infra] Cover docs overview composites with Argos (#22283) @LukasTy
+- [code-infra] Enable `mui/no-presentation-role` lint rule (#22360) @Janpot
+- [code-infra] Make generated `propTypes` union order deterministic (#22521) @JCQuintas
+- [code-infra] Make screenshots stable across different ordering of the tests (#22449) @Janpot
+- [code-infra] Optimize visual regression testing (#22447) @Janpot
+- [code-infra] Replace markdownlint with remark from code-infra (#22255) @Janpot
+
+### Miscellaneous
+
+- [virtualizer] Improve `controlled` mode performance (#22123) @romgrk
+- [data-grid-generator] Include `tree-data` params in `useDemoData` cache key (#22456) @Janpot
+- [test] Fix flaky browser tests and optimize (#22431) @Janpot
+- [test] Speed up `test_types` job (#22442) @Janpot
+- [test] Trim ffmpeg install in `test_regressions` (#22459) @Janpot
+- [test] Add WebGL performance benchmarks for charts (#22471) @JCQuintas
+- [test] Expand chart performance benchmarks for charts (#22472) @JCQuintas
+- [x-license] use workspace dep for v9 in cross-major compat tests (#22504) @aemartos
+
 ## 9.2.0
 
 _May 13, 2026_

package/ChartsContainer/ChartsContainer.js

@@ -136,11 +136,11 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
   hiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['bar', 'line', 'pie', 'radar', 'scatter'])
+    type: _propTypes.default.oneOf(['bar', 'line', 'pie', 'radar', 'scatter']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['bar', 'line', 'pie', 'radar', 'scatter']).isRequired
+    type: _propTypes.default.oneOf(['bar', 'line', 'pie', 'radar', 'scatter'])
   })]).isRequired),
   /**
    * The controlled axis highlight.
@@ -197,11 +197,11 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
   initialHiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['bar', 'line', 'pie', 'radar', 'scatter'])
+    type: _propTypes.default.oneOf(['bar', 'line', 'pie', 'radar', 'scatter']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['bar', 'line', 'pie', 'radar', 'scatter']).isRequired
+    type: _propTypes.default.oneOf(['bar', 'line', 'pie', 'radar', 'scatter'])
   })]).isRequired),
   /**
    * Localized text for chart components.
@@ -345,11 +345,6 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.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]),
@@ -358,6 +353,11 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.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/ChartsContainer/ChartsContainer.mjs

@@ -129,11 +129,11 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
   hiddenItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['bar', 'line', 'pie', 'radar', 'scatter'])
+    type: PropTypes.oneOf(['bar', 'line', 'pie', 'radar', 'scatter']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['bar', 'line', 'pie', 'radar', 'scatter']).isRequired
+    type: PropTypes.oneOf(['bar', 'line', 'pie', 'radar', 'scatter'])
   })]).isRequired),
   /**
    * The controlled axis highlight.
@@ -190,11 +190,11 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
   initialHiddenItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['bar', 'line', 'pie', 'radar', 'scatter'])
+    type: PropTypes.oneOf(['bar', 'line', 'pie', 'radar', 'scatter']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['bar', 'line', 'pie', 'radar', 'scatter']).isRequired
+    type: PropTypes.oneOf(['bar', 'line', 'pie', 'radar', 'scatter'])
   })]).isRequired),
   /**
    * Localized text for chart components.
@@ -338,11 +338,6 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.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]),
@@ -351,6 +346,11 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.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/ChartsLabel/ChartsLabelMark.js

@@ -37,8 +37,6 @@ const Root = (0, _styles.styled)('div', {
       alignItems: 'center'
     },
     [`&.${_labelMarkClasses.labelMarkClasses.lineAndMark}`]: {
-      width: 16,
-      height: 16,
       alignItems: 'center'
     },
     [`&.${_labelMarkClasses.labelMarkClasses.square}`]: {

package/ChartsLabel/ChartsLabelMark.mjs

@@ -30,8 +30,6 @@ const Root = styled('div', {
       alignItems: 'center'
     },
     [`&.${labelMarkClasses.lineAndMark}`]: {
-      width: 16,
-      height: 16,
       alignItems: 'center'
     },
     [`&.${labelMarkClasses.square}`]: {

package/ChartsLabel/labelMarkClasses.d.mts

@@ -13,6 +13,5 @@ export interface ChartsLabelMarkClasses {
   /** Styles applied to the element with fill={color} attribute. */
   fill: string;
 }
-export declare function getLabelMarkUtilityClass(slot: string): string;
 export declare const labelMarkClasses: ChartsLabelMarkClasses;
 export declare const useUtilityClasses: (props: ChartsLabelMarkProps) => Record<"root" | "fill", string>;

package/ChartsLabel/labelMarkClasses.d.ts

@@ -13,6 +13,5 @@ export interface ChartsLabelMarkClasses {
   /** Styles applied to the element with fill={color} attribute. */
   fill: string;
 }
-export declare function getLabelMarkUtilityClass(slot: string): string;
 export declare const labelMarkClasses: ChartsLabelMarkClasses;
 export declare const useUtilityClasses: (props: ChartsLabelMarkProps) => Record<"root" | "fill", string>;

package/ChartsLabel/labelMarkClasses.js

@@ -4,7 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getLabelMarkUtilityClass = getLabelMarkUtilityClass;
 exports.useUtilityClasses = exports.labelMarkClasses = void 0;
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
@@ -18,7 +17,7 @@ const useUtilityClasses = props => {
     type
   } = props;
   const slots = {
-    root: typeof type === 'function' ? ['root'] : ['root', type],
+    root: typeof type === 'function' ? ['root'] : ['root', type === 'line+mark' ? 'lineAndMark' : type],
     fill: ['fill']
   };
   return (0, _composeClasses.default)(slots, getLabelMarkUtilityClass, props.classes);

package/ChartsLabel/labelMarkClasses.mjs

@@ -1,7 +1,7 @@
 import composeClasses from '@mui/utils/composeClasses';
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
 import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getLabelMarkUtilityClass(slot) {
+function getLabelMarkUtilityClass(slot) {
   return generateUtilityClass('MuiChartsLabelMark', slot);
 }
 export const labelMarkClasses = generateUtilityClasses('MuiChartsLabelMark', ['root', 'line', 'lineAndMark', 'square', 'circle', 'fill']);
@@ -10,7 +10,7 @@ export const useUtilityClasses = props => {
     type
   } = props;
   const slots = {
-    root: typeof type === 'function' ? ['root'] : ['root', type],
+    root: typeof type === 'function' ? ['root'] : ['root', type === 'line+mark' ? 'lineAndMark' : type],
     fill: ['fill']
   };
   return composeClasses(slots, getLabelMarkUtilityClass, props.classes);