@mui/x-charts 7.0.0 → 7.1.1

package/CHANGELOG.md

@@ -3,7 +3,179 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## v7.0.0
+## 7.1.1
+
+_Apr 5, 2024_
+
+We'd like to offer a big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Add `setItemExpansion` Tree View API method (#12595) @flaviendelangle
+- 🌍 Improve Persian (fa-IR), Portuguese (pt-BR), and Spanish (es-ES) locale on the Data Grid
+- 🌍 Improve Persian (fa-IR), Portuguese (pt-BR), and Ukrainian (uk-UA) locale on the Pickers
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.1.1`
+
+- [DataGrid] Allow higher packages' props to be used in MIT (#12365) @MBilalShafi
+- [DataGrid] Fix RTL mode (#12583) @romgrk
+- [DataGrid] Fix `ColDefChangesGridNoSnap` demo crash (#12663) @MBilalShafi
+- [DataGrid] Fix server-side filter demo not working (#12662) @MBilalShafi
+- [DataGrid] Log error if `rowCount` is used with client-side pagination (#12448) @michelengelen
+- [DataGrid] Remove `GridFormatterParams` completely (#12660) @romgrk
+- [DataGrid] Restore main slot (#12657) @romgrk
+- [l10n] Improve Persian (fa-IR) locale (#12630) @amirhosseinzf
+- [l10n] Improve Portuguese (pt-BR) locale (#12618) @hugoalkimim
+- [l10n] Improve Spanish (es-ES) locale (#12606) @aitor40
+
+#### `@mui/x-data-grid-pro@7.1.1` [![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@7.1.1`.
+
+#### `@mui/x-data-grid-premium@7.1.1` [![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@7.1.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.1.1`
+
+- [fields] Fix `readOnly` behavior (#12609) @LukasTy
+- [l10n] Improve Persian (fa-IR) locale (#12632) @misafari
+- [l10n] Improve Portuguese (pt-BR) locale (#12613) @cnHealth
+- [l10n] Improve Ukrainian (uk-UA) locale (#12627) @alexkobylansky
+
+#### `@mui/x-date-pickers-pro@7.1.1` [![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@7.1.1`, plus:
+
+- [DateTimeRangePicker] Fix selection on same day (#12604) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@7.1.1`
+
+- [charts] Fix `tickInterval` usage for y-axis (#12592) @alexfauquette
+- [charts] Fix Scatter series highlight when `id` is a `number` (#12677) @JCQuintas
+- [charts] Fix TS error when using `sx` property on `ChartsTooltip` (#12659) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@7.1.1`
+
+- [TreeView] Add JSDoc to all `publicAPI` methods (#12649) @flaviendelangle
+- [TreeView] Create `RichTreeViewPro` component (not released yet) (#12610) @flaviendelangle
+- [TreeView] Create pro package (not released yet) (#12240) @flaviendelangle
+- [TreeView] Fix typo in errors (#12623) @alissa-tung
+- [TreeView] New API method: `setItemExpansion` (#12595) @flaviendelangle
+
+### Docs
+
+- [docs] Add a recipe for the `checkboxSelectionVisibleOnly` prop (#12646) @michelengelen
+- [docs] Explain the use of `_action: 'delete'` in `processRowUpdate` (#12670) @michelengelen
+- [docs] Fix formatting and typo on migration guide @oliviertassinari
+- [docs] Fix formatting in changelog @oliviertassinari
+- [docs] Fix grammar in TreeView migration doc (#12615) @joshkel
+- [docs] Fix missing closing props in `PieShapeNoSnap` demo (#12636) @alp-ex
+- [docs] Fix type arguments in Custom Field page (#12619) @Juneezee
+- [docs] Fix typo in `getItemId` prop description (#12637) @flaviendelangle
+- [docs] Make the Charts `margin` usage more visible (#12591) @alexfauquette
+- [docs] Match IE 11 spacing with Material UI @oliviertassinari
+- [docs] Move data grid interfaces to standard API page layout (#12016) @alexfauquette
+- [docs] Remove ` around @default values (#12158) @alexfauquette
+- [docs] Remove `day` from the default `dayOfWeekFormatter` function params (#12644) @LukasTy
+- [docs] Use `TreeItem2` for icon expansion example on `RichTreeView` (#12563) @flaviendelangle
+
+### Core
+
+- [core] Add cherry-pick `master` to `v6` action (#12648) @LukasTy
+- [core] Fix typo in `@mui/x-tree-view-pro/themeAugmentation` (#12674) @flaviendelangle
+- [core] Introduce `describeTreeView` to run test on `SimpleTreeView` and `RichTreeView`, using `TreeItem` and `TreeItem2` + migrate expansion tests (#12428) @flaviendelangle
+- [core] Limit `test-types` CI step allowed memory (#12651) @LukasTy
+- [core] Remove explicit `express` package (#12602) @LukasTy
+- [core] Update to new embedded translations in the docs package (#12232) @Janpot
+- [core] Use PR labels to identify the package a `l10n` PR belongs to (#12639) @LukasTy
+- [core] Use `describeTreeView` for selection tests (#12647) @flaviendelangle
+- [docs-infra] Adjust the links to search for issues (#11995) @michelengelen
+- [infra] Polish support survey experience (#12624) @oliviertassinari
+- [support-infra] Replace author association with a permission check in survey action (#12068) @michelengelen
+- [support-infra] Fix user permission check (#12669) @michelengelen
+- [test] Fix Tree View test import (#12668) @LukasTy
+
+## 7.1.0
+
+_Mar 28, 2024_
+
+We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Add `resizeThrottleMs` prop (#12556) @romgrk
+- 🌍 Improve Chinese (Hong Kong) (zh-HK) and Italian (it-IT) locale on the Pickers
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.1.0`
+
+- [DataGrid] Add `resizeThrottleMs` prop (#12556) @romgrk
+- [DataGrid] Do not publish `rowEditStop` event if row has fields with errors (#11383) @cherniavskii
+- [DataGrid] Fix bug in suspense (#12553) @romgrk
+- [DataGrid] Fix missing class name in the `GridToolbarQuickFilter` component (#12484) @jhawkins11
+
+#### `@mui/x-data-grid-pro@7.1.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@7.1.0`.
+
+#### `@mui/x-data-grid-premium@7.1.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@7.1.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.1.0`
+
+- [fields] Fix placeholder override (#12589) @flaviendelangle
+- [l10n] Improve Chinese (Hong Kong) (zh-HK) locale (#12547) @samchiu90
+- [l10n] Improve Italian (it-IT) locale (#12549) @antomanc
+- [pickers] Prepare compatibility with `@mui/zero-runtime` (stop using `ownerState` in `styled`) (#12003) @flaviendelangle
+
+#### `@mui/x-date-pickers-pro@7.1.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@7.1.0`, plus:
+
+- [DateRangePicker] Fix selection behavior with single input field when `readOnly` (#12593) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@7.1.0`
+
+- [charts] Fix tooltip causing crash on data change (#12571) @Rishi556
+
+### Tree View
+
+#### `@mui/x-tree-view@7.1.0`
+
+- [TreeView] Do not use outdated version of the state to compute new label first char in `RichTreeView` (#12512) @flaviendelangle
+
+### Docs
+
+- [docs] Add example to add a second icon next to the field's opening button (#12524) @flaviendelangle
+- [docs] Add missing note to Data Grid migration guide (#12557) @romgrk
+- [docs] Fix Charts title for SEO (#12545) @oliviertassinari
+- [docs] Fix small typo (#12558) @diogoparente
+- [docs] Improve codemod related documentation (#12582) @MBilalShafi
+- [docs] Reduce noise in migration docs side navigation (#12552) @cherniavskii
+- [docs] Sync static images from core repository (#12525) @LukasTy
+
+### Core
+
+- [core] Fix `l10n` script on Windows (#12550) @LukasTy
+- [core] Include `DateTimeRangePicker` tag in `releaseChangelog` (#12526) @LukasTy
+- [core] Upgrade monorepo (#12536) @cherniavskii
+
+## 7.0.0
 
 _Mar 22, 2024_
 
@@ -459,13 +631,13 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
 
 - 🎁 Introduce a new DOM structure for the field components that provides a better accessibility
 - 🚀 Simplify Data Grid DOM structure for improved performance (#12013) @romgrk
-- 🕥 The support for IE11 has been removed (#12151) @flaviendelangle
+- 🕥 The support for IE 11 has been removed (#12151) @flaviendelangle
 - 🐞 Bugfixes
 - 📚 Documentation improvements
 
 ### Breaking changes
 
-- The support for IE11 has been removed from all MUI X packages. The `legacy` bundle that used to support old browsers like IE11 is no longer included.
+- The support for IE 11 has been removed from all MUI X packages. The `legacy` bundle that used to support old browsers like IE 11 is no longer included.
 
 ### Data Grid
 
@@ -570,7 +742,7 @@ These components are no longer exported from `@mui/x-charts`:
 
 ### Tree View / `@mui/x-tree-view@7.0.0-beta.4`
 
-- [TreeView] Stop using custom `findIndex` to support IE11 (#12129) @flaviendelangle
+- [TreeView] Stop using custom `findIndex` to support IE 11 (#12129) @flaviendelangle
 
 ### Docs
 
@@ -2800,6 +2972,76 @@ Here is an example of the renaming for the `<ChartsTooltip />` component.
 - [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
 - [license] Correctly throw errors (#10924) @oliviertassinari
 
+## 6.19.9
+
+_Apr 5, 2024_
+
+We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.19.9`
+
+- [DataGrid] Remove legacy editing API event: `rowEditCommit` (#12087) @MBilalShafi
+
+#### `@mui/x-data-grid-pro@6.19.9` [![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@6.19.9`.
+
+#### `@mui/x-data-grid-premium@6.19.9` [![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@6.19.9`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.19.9`
+
+No changes.
+
+#### `@mui/x-date-pickers-pro@6.19.9` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+- [DateRangePicker] Fix selection behavior with single input field when `readOnly` (#12605) @LukasTy
+
+### Docs
+
+- [docs] Add a recipe for the `checkboxSelectionVisibleOnly` prop (#12667) @michelengelen
+- [docs] Explain the use of `_action: 'delete'` in `processRowUpdate` (#12673) @michelengelen
+
+### Core
+
+- [core] Use Circle CI context (#12607) @cherniavskii
+
+## 6.19.8
+
+_Mar 20, 2024_
+
+We'd like to offer a big thanks to the 3 contributors who made this release possible.
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.19.8`
+
+- [DataGrid] Fix `ElementType` usage (#12505) @cherniavskii
+- [DataGrid] Fix cell value formatting on copy (#12483) @sai6855
+- [DataGrid] Fix checkbox selection when filtering (#12485) @g1mishra
+
+#### `@mui/x-data-grid-pro@6.19.8` [![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@6.19.8`.
+
+#### `@mui/x-data-grid-premium@6.19.8` [![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@6.19.8`, plus:
+
+- [DataGridPremium] Add support for confirmation before clipboard paste (#12466) @cherniavskii
+
+### Docs
+
+- [docs] Update links to v7 (#12495) @cherniavskii
+
 ## 6.19.7
 
 _Mar 14, 2024_

package/ChartsTooltip/ChartsTooltip.d.ts

@@ -1,9 +1,16 @@
 import * as React from 'react';
-import { PopperProps } from '@mui/base/Popper';
+import { SxProps, Theme } from '@mui/material/styles';
+import { PopperProps as BasePopperProps } from '@mui/base/Popper';
 import { TriggerOptions } from './utils';
 import { ChartsItemContentProps } from './ChartsItemTooltipContent';
 import { ChartsAxisContentProps } from './ChartsAxisTooltipContent';
 import { ChartsTooltipClasses } from './chartsTooltipClasses';
+export type PopperProps = BasePopperProps & {
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+};
 export interface ChartsTooltipSlots {
     /**
      * Custom component for the tooltip popper.

package/ChartsTooltip/DefaultChartsItemTooltipContent.js

@@ -19,7 +19,7 @@ function DefaultChartsItemTooltipContent(props) {
     sx,
     classes
   } = props;
-  if (itemData.dataIndex === undefined) {
+  if (itemData.dataIndex === undefined || !series.data[itemData.dataIndex]) {
     return null;
   }
   const {

package/ChartsVoronoiHandler/ChartsVoronoiHandler.d.ts

@@ -8,8 +8,8 @@ export type ChartsVoronoiHandlerProps = {
     voronoiMaxRadius?: number | undefined;
     /**
      * Callback fired when clicking on a scatter item.
-     * @param {MouseEvent} event Mouse event catched at the svg level
-     * @param {ScatterItemIdentifier} scatterItemIdentifier Identify whihc item got clicked
+     * @param {MouseEvent} event Mouse event caught at the svg level
+     * @param {ScatterItemIdentifier} scatterItemIdentifier Identify which item got clicked
      */
     onItemClick?: (event: MouseEvent, scatterItemIdentifier: ScatterItemIdentifier) => void;
 };

package/ChartsVoronoiHandler/ChartsVoronoiHandler.js

@@ -44,6 +44,7 @@ function ChartsVoronoiHandler(props) {
     seriesOrder
   } = React.useContext(_SeriesContextProvider.SeriesContext).scatter ?? {};
   const voronoiRef = React.useRef({});
+  const delauneyRef = React.useRef(undefined);
   const defaultXAxisId = xAxisIds[0];
   const defaultYAxisId = yAxisIds[0];
   (0, _useEnhancedEffect.default)(() => {
@@ -82,12 +83,13 @@ function ChartsVoronoiHandler(props) {
         y
       }) => [getXPosition(x), getYPosition(y)]);
       voronoiRef.current[seriesId] = {
+        seriesId,
         startIndex: points.length,
         endIndex: points.length + seriesPoints.length
       };
       points = points.concat(seriesPoints);
     });
-    voronoiRef.current.delauney = new _d3Delaunay.Delaunay(points);
+    delauneyRef.current = new _d3Delaunay.Delaunay(points);
   }, [defaultXAxisId, defaultYAxisId, series, seriesOrder, xAxis, yAxis]);
   React.useEffect(() => {
     const element = svgRef.current;
@@ -95,7 +97,7 @@ function ChartsVoronoiHandler(props) {
       return undefined;
     }
 
-    // TODO: A perf optimisation of voronoi could be to use the last point as the intial point for the next search.
+    // TODO: A perf optimisation of voronoi could be to use the last point as the initial point for the next search.
     function getClosestPoint(event) {
       // Get mouse coordinate in global SVG space
       const svgPoint = (0, _utils.getSVGPoint)(svgRef.current, event);
@@ -104,26 +106,23 @@ function ChartsVoronoiHandler(props) {
       if (outsideX || outsideY) {
         return 'outside-chart';
       }
-      if (!voronoiRef.current.delauney) {
+      if (!delauneyRef.current) {
         return 'no-point-found';
       }
-      const closestPointIndex = voronoiRef.current.delauney?.find(svgPoint.x, svgPoint.y);
+      const closestPointIndex = delauneyRef.current.find(svgPoint.x, svgPoint.y);
       if (closestPointIndex === undefined) {
         return 'no-point-found';
       }
-      const seriesId = Object.keys(voronoiRef.current).find(id => {
-        if (id === 'delauney') {
-          return false;
-        }
-        return 2 * closestPointIndex >= voronoiRef.current[id].startIndex && 2 * closestPointIndex < voronoiRef.current[id].endIndex;
+      const closestSeries = Object.values(voronoiRef.current).find(value => {
+        return 2 * closestPointIndex >= value.startIndex && 2 * closestPointIndex < value.endIndex;
       });
-      if (seriesId === undefined) {
+      if (closestSeries === undefined) {
         return 'no-point-found';
       }
-      const dataIndex = (2 * closestPointIndex - voronoiRef.current[seriesId].startIndex) / 2;
+      const dataIndex = (2 * closestPointIndex - voronoiRef.current[closestSeries.seriesId].startIndex) / 2;
       if (voronoiMaxRadius !== undefined) {
-        const pointX = voronoiRef.current.delauney.points[2 * closestPointIndex];
-        const pointY = voronoiRef.current.delauney.points[2 * closestPointIndex + 1];
+        const pointX = delauneyRef.current.points[2 * closestPointIndex];
+        const pointY = delauneyRef.current.points[2 * closestPointIndex + 1];
         const dist2 = (pointX - svgPoint.x) ** 2 + (pointY - svgPoint.y) ** 2;
         if (dist2 > voronoiMaxRadius ** 2) {
           // The closest point is too far to be considered.
@@ -131,7 +130,7 @@ function ChartsVoronoiHandler(props) {
         }
       }
       return {
-        seriesId,
+        seriesId: closestSeries.seriesId,
         dataIndex
       };
     }
@@ -209,8 +208,8 @@ process.env.NODE_ENV !== "production" ? ChartsVoronoiHandler.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * Callback fired when clicking on a scatter item.
-   * @param {MouseEvent} event Mouse event catched at the svg level
-   * @param {ScatterItemIdentifier} scatterItemIdentifier Identify whihc item got clicked
+   * @param {MouseEvent} event Mouse event caught at the svg level
+   * @param {ScatterItemIdentifier} scatterItemIdentifier Identify which item got clicked
    */
   onItemClick: _propTypes.default.func,
   /**

package/ChartsYAxis/ChartsYAxis.js

@@ -89,7 +89,8 @@ function ChartsYAxis(inProps) {
     slots,
     slotProps,
     tickPlacement,
-    tickLabelPlacement
+    tickLabelPlacement,
+    tickInterval
   } = defaultizedProps;
   const theme = (0, _styles.useTheme)();
   const classes = useUtilityClasses((0, _extends2.default)({}, defaultizedProps, {
@@ -107,7 +108,8 @@ function ChartsYAxis(inProps) {
     tickNumber,
     valueFormatter,
     tickPlacement,
-    tickLabelPlacement
+    tickLabelPlacement,
+    tickInterval
   });
   const positionSign = position === 'right' ? 1 : -1;
   const labelRefPoint = {

package/esm/ChartsTooltip/DefaultChartsItemTooltipContent.js

@@ -11,7 +11,7 @@ function DefaultChartsItemTooltipContent(props) {
     sx,
     classes
   } = props;
-  if (itemData.dataIndex === undefined) {
+  if (itemData.dataIndex === undefined || !series.data[itemData.dataIndex]) {
     return null;
   }
   const {

package/esm/ChartsVoronoiHandler/ChartsVoronoiHandler.js

@@ -35,6 +35,7 @@ function ChartsVoronoiHandler(props) {
     seriesOrder
   } = React.useContext(SeriesContext).scatter ?? {};
   const voronoiRef = React.useRef({});
+  const delauneyRef = React.useRef(undefined);
   const defaultXAxisId = xAxisIds[0];
   const defaultYAxisId = yAxisIds[0];
   useEnhancedEffect(() => {
@@ -73,12 +74,13 @@ function ChartsVoronoiHandler(props) {
         y
       }) => [getXPosition(x), getYPosition(y)]);
       voronoiRef.current[seriesId] = {
+        seriesId,
         startIndex: points.length,
         endIndex: points.length + seriesPoints.length
       };
       points = points.concat(seriesPoints);
     });
-    voronoiRef.current.delauney = new Delaunay(points);
+    delauneyRef.current = new Delaunay(points);
   }, [defaultXAxisId, defaultYAxisId, series, seriesOrder, xAxis, yAxis]);
   React.useEffect(() => {
     const element = svgRef.current;
@@ -86,7 +88,7 @@ function ChartsVoronoiHandler(props) {
       return undefined;
     }
 
-    // TODO: A perf optimisation of voronoi could be to use the last point as the intial point for the next search.
+    // TODO: A perf optimisation of voronoi could be to use the last point as the initial point for the next search.
     function getClosestPoint(event) {
       // Get mouse coordinate in global SVG space
       const svgPoint = getSVGPoint(svgRef.current, event);
@@ -95,26 +97,23 @@ function ChartsVoronoiHandler(props) {
       if (outsideX || outsideY) {
         return 'outside-chart';
       }
-      if (!voronoiRef.current.delauney) {
+      if (!delauneyRef.current) {
         return 'no-point-found';
       }
-      const closestPointIndex = voronoiRef.current.delauney?.find(svgPoint.x, svgPoint.y);
+      const closestPointIndex = delauneyRef.current.find(svgPoint.x, svgPoint.y);
       if (closestPointIndex === undefined) {
         return 'no-point-found';
       }
-      const seriesId = Object.keys(voronoiRef.current).find(id => {
-        if (id === 'delauney') {
-          return false;
-        }
-        return 2 * closestPointIndex >= voronoiRef.current[id].startIndex && 2 * closestPointIndex < voronoiRef.current[id].endIndex;
+      const closestSeries = Object.values(voronoiRef.current).find(value => {
+        return 2 * closestPointIndex >= value.startIndex && 2 * closestPointIndex < value.endIndex;
       });
-      if (seriesId === undefined) {
+      if (closestSeries === undefined) {
         return 'no-point-found';
       }
-      const dataIndex = (2 * closestPointIndex - voronoiRef.current[seriesId].startIndex) / 2;
+      const dataIndex = (2 * closestPointIndex - voronoiRef.current[closestSeries.seriesId].startIndex) / 2;
       if (voronoiMaxRadius !== undefined) {
-        const pointX = voronoiRef.current.delauney.points[2 * closestPointIndex];
-        const pointY = voronoiRef.current.delauney.points[2 * closestPointIndex + 1];
+        const pointX = delauneyRef.current.points[2 * closestPointIndex];
+        const pointY = delauneyRef.current.points[2 * closestPointIndex + 1];
         const dist2 = (pointX - svgPoint.x) ** 2 + (pointY - svgPoint.y) ** 2;
         if (dist2 > voronoiMaxRadius ** 2) {
           // The closest point is too far to be considered.
@@ -122,7 +121,7 @@ function ChartsVoronoiHandler(props) {
         }
       }
       return {
-        seriesId,
+        seriesId: closestSeries.seriesId,
         dataIndex
       };
     }
@@ -200,8 +199,8 @@ process.env.NODE_ENV !== "production" ? ChartsVoronoiHandler.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * Callback fired when clicking on a scatter item.
-   * @param {MouseEvent} event Mouse event catched at the svg level
-   * @param {ScatterItemIdentifier} scatterItemIdentifier Identify whihc item got clicked
+   * @param {MouseEvent} event Mouse event caught at the svg level
+   * @param {ScatterItemIdentifier} scatterItemIdentifier Identify which item got clicked
    */
   onItemClick: PropTypes.func,
   /**

package/esm/ChartsYAxis/ChartsYAxis.js

@@ -81,7 +81,8 @@ function ChartsYAxis(inProps) {
     slots,
     slotProps,
     tickPlacement,
-    tickLabelPlacement
+    tickLabelPlacement,
+    tickInterval
   } = defaultizedProps;
   const theme = useTheme();
   const classes = useUtilityClasses(_extends({}, defaultizedProps, {
@@ -99,7 +100,8 @@ function ChartsYAxis(inProps) {
     tickNumber,
     valueFormatter,
     tickPlacement,
-    tickLabelPlacement
+    tickLabelPlacement,
+    tickInterval
   });
   const positionSign = position === 'right' ? 1 : -1;
   const labelRefPoint = {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v7.0.0
+ * @mui/x-charts v7.1.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/ChartsTooltip/DefaultChartsItemTooltipContent.js

@@ -11,7 +11,7 @@ function DefaultChartsItemTooltipContent(props) {
     sx,
     classes
   } = props;
-  if (itemData.dataIndex === undefined) {
+  if (itemData.dataIndex === undefined || !series.data[itemData.dataIndex]) {
     return null;
   }
   const {

package/modern/ChartsVoronoiHandler/ChartsVoronoiHandler.js

@@ -35,6 +35,7 @@ function ChartsVoronoiHandler(props) {
     seriesOrder
   } = React.useContext(SeriesContext).scatter ?? {};
   const voronoiRef = React.useRef({});
+  const delauneyRef = React.useRef(undefined);
   const defaultXAxisId = xAxisIds[0];
   const defaultYAxisId = yAxisIds[0];
   useEnhancedEffect(() => {
@@ -73,12 +74,13 @@ function ChartsVoronoiHandler(props) {
         y
       }) => [getXPosition(x), getYPosition(y)]);
       voronoiRef.current[seriesId] = {
+        seriesId,
         startIndex: points.length,
         endIndex: points.length + seriesPoints.length
       };
       points = points.concat(seriesPoints);
     });
-    voronoiRef.current.delauney = new Delaunay(points);
+    delauneyRef.current = new Delaunay(points);
   }, [defaultXAxisId, defaultYAxisId, series, seriesOrder, xAxis, yAxis]);
   React.useEffect(() => {
     const element = svgRef.current;
@@ -86,7 +88,7 @@ function ChartsVoronoiHandler(props) {
       return undefined;
     }
 
-    // TODO: A perf optimisation of voronoi could be to use the last point as the intial point for the next search.
+    // TODO: A perf optimisation of voronoi could be to use the last point as the initial point for the next search.
     function getClosestPoint(event) {
       // Get mouse coordinate in global SVG space
       const svgPoint = getSVGPoint(svgRef.current, event);
@@ -95,26 +97,23 @@ function ChartsVoronoiHandler(props) {
       if (outsideX || outsideY) {
         return 'outside-chart';
       }
-      if (!voronoiRef.current.delauney) {
+      if (!delauneyRef.current) {
         return 'no-point-found';
       }
-      const closestPointIndex = voronoiRef.current.delauney?.find(svgPoint.x, svgPoint.y);
+      const closestPointIndex = delauneyRef.current.find(svgPoint.x, svgPoint.y);
       if (closestPointIndex === undefined) {
         return 'no-point-found';
       }
-      const seriesId = Object.keys(voronoiRef.current).find(id => {
-        if (id === 'delauney') {
-          return false;
-        }
-        return 2 * closestPointIndex >= voronoiRef.current[id].startIndex && 2 * closestPointIndex < voronoiRef.current[id].endIndex;
+      const closestSeries = Object.values(voronoiRef.current).find(value => {
+        return 2 * closestPointIndex >= value.startIndex && 2 * closestPointIndex < value.endIndex;
       });
-      if (seriesId === undefined) {
+      if (closestSeries === undefined) {
         return 'no-point-found';
       }
-      const dataIndex = (2 * closestPointIndex - voronoiRef.current[seriesId].startIndex) / 2;
+      const dataIndex = (2 * closestPointIndex - voronoiRef.current[closestSeries.seriesId].startIndex) / 2;
       if (voronoiMaxRadius !== undefined) {
-        const pointX = voronoiRef.current.delauney.points[2 * closestPointIndex];
-        const pointY = voronoiRef.current.delauney.points[2 * closestPointIndex + 1];
+        const pointX = delauneyRef.current.points[2 * closestPointIndex];
+        const pointY = delauneyRef.current.points[2 * closestPointIndex + 1];
         const dist2 = (pointX - svgPoint.x) ** 2 + (pointY - svgPoint.y) ** 2;
         if (dist2 > voronoiMaxRadius ** 2) {
           // The closest point is too far to be considered.
@@ -122,7 +121,7 @@ function ChartsVoronoiHandler(props) {
         }
       }
       return {
-        seriesId,
+        seriesId: closestSeries.seriesId,
         dataIndex
       };
     }
@@ -200,8 +199,8 @@ process.env.NODE_ENV !== "production" ? ChartsVoronoiHandler.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * Callback fired when clicking on a scatter item.
-   * @param {MouseEvent} event Mouse event catched at the svg level
-   * @param {ScatterItemIdentifier} scatterItemIdentifier Identify whihc item got clicked
+   * @param {MouseEvent} event Mouse event caught at the svg level
+   * @param {ScatterItemIdentifier} scatterItemIdentifier Identify which item got clicked
    */
   onItemClick: PropTypes.func,
   /**

package/modern/ChartsYAxis/ChartsYAxis.js

@@ -81,7 +81,8 @@ function ChartsYAxis(inProps) {
     slots,
     slotProps,
     tickPlacement,
-    tickLabelPlacement
+    tickLabelPlacement,
+    tickInterval
   } = defaultizedProps;
   const theme = useTheme();
   const classes = useUtilityClasses(_extends({}, defaultizedProps, {
@@ -99,7 +100,8 @@ function ChartsYAxis(inProps) {
     tickNumber,
     valueFormatter,
     tickPlacement,
-    tickLabelPlacement
+    tickLabelPlacement,
+    tickInterval
   });
   const positionSign = position === 'right' ? 1 : -1;
   const labelRefPoint = {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v7.0.0
+ * @mui/x-charts v7.1.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mui/x-charts",
-  "version": "7.0.0",
-  "description": "The community edition of the charts components (MUI X).",
+  "version": "7.1.1",
+  "description": "The community edition of the Charts components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
   "license": "MIT",