@mui/x-data-grid-pro 6.7.0 → 6.8.0

package/CHANGELOG.md

@@ -3,6 +3,68 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.8.0
+
+_Jun 16, 2023_
+
+We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Greek (el-GR) locale on Pickers and improve on Data Grid
+- 🚅 Performance improvements
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@6.8.0` / `@mui/x-data-grid-pro@6.8.0` / `@mui/x-data-grid-premium@6.8.0`
+
+#### Changes
+
+- [DataGrid] Add missing styles to `overridesResolver` (#9248) @mrmuhammadali
+- [DataGrid] Keep column header menu icon always visible on touch devices (#9076) @cherniavskii
+- [DataGrid] Correct the type for single digit edited number value (#9282) @MBilalShafi
+- [DataGrid] Correct the type for single digit edited number for row edit (#9348) @MBilalShafi
+- [DataGrid] Filtering performance: cache values (#9284) @romgrk
+- [DataGrid] Fix tabbing between `actions` cells in edit mode (#9321) @md250721
+- [DataGrid] Make autocompletion work for `GridColDef['type']` (#9320) @cherniavskii
+- [DataGrid] Polish shortcut logic (#9220) @oliviertassinari
+- [DataGrid] Row reordering fix for different row heights (#7006) @yaredtsy
+- [DataGrid] Scroll performance improvements (#9037) @romgrk
+- [l10n] Improve Greek (el-GR) locale (#9292) @clytras
+
+### `@mui/x-date-pickers@6.8.0` / `@mui/x-date-pickers-pro@6.8.0`
+
+#### Changes
+
+- [l10n] Add Greek (el-GR) locale (#9293) @clytras
+- [pickers] Add a `referenceDate` prop on `DateCalendar`, `MonthCalendar` and `YearCalendar` (#9260) @flaviendelangle
+- [pickers] Close the calendar when a shortcut is selected (#9080) @flaviendelangle
+- [pickers] Fix disabling for digital clock (#9300) @alexfauquette
+
+### Docs
+
+- [docs] Add header filters to the popular features demo (#9069) @MBilalShafi
+- [docs] Fix `Date Calendar` dynamic data demo (#9290) @benzler
+- [docs] Fix Data Grid header filter link (#9225) @oliviertassinari
+- [docs] Fix missing docs version warning (#9221) @oliviertassinari
+- [docs] Improve Chart overview (#9333) @oliviertassinari
+- [docs] Improve Next.js license installation guide (#8975) @oliviertassinari
+- [docs] Link pagination documentation to the migration guide (#9296) @MBilalShafi
+- [docs] One step toward components -> slots (#9251) @oliviertassinari
+- [docs] Improve and reorganize sections on editing page (#8431) @joserodolfofreitas
+- [docs] Add clipboard paste to popular features demo (#9029) @cherniavskii
+
+### Core
+
+- [core] Polish event name (#9336) @oliviertassinari
+- [core] Re-enable `Argos` CI step (#9301) @LukasTy
+- [core] Upgrade Node.js to v18 on CircleCI, CodeSandbox and Netlify (#9319) @ZeeshanTamboli
+- [core] Upgrade Node.js v18 for l10n GitHub CI (#9355) @ZeeshanTamboli
+- [charts] Add demonstration pages based on Recharts demo (#9175) @alexfauquette
+- [charts] Add legend (#9024) @alexfauquette
+- [charts] Complete the docs to introduce charts (#9153) @alexfauquette
+- [charts] Manage elements highlights (#9242) @alexfauquette
+- [charts] Prefix subcomponents with `Charts` (#9314) @alexfauquette
+- [license] Improve annual license expiration message (#9135) @oliviertassinari
+
 ## 6.7.0
 
 _Jun 9, 2023_
@@ -17,11 +79,11 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
   <TimePicker views={['hours', 'minutes', 'seconds']} ampm />
   // Format before v6.7.0: `hh:mm aa`
   // Format after v6.7.0: `hh:mm:ss aa`
- 
+
   <DatePicker views={['year']} />
   // Format before v6.7.0: `MM/DD/YYYY`
   // Format after v6.7.0: `YYYY`
-  
+
   <DateTimePicker views={['day', 'hours', 'minutes']} ampm />
   // Format before v6.7.0: `MM/DD/YYYY hh:mm aa`
   // Format after v6.7.0: `DD hh:mm aa`
@@ -83,7 +145,7 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
 
 - 🚀 New date time picking UI on [`DesktopDateTimePicker`](https://mui.com/x/react-date-pickers/date-time-picker/)
 
-  <img src="https://user-images.githubusercontent.com/4941090/242533399-2b106390-8158-4aba-9ca4-b621c6310977.gif" width="628" />
+  <img src="https://github.com/mui/mui-x/assets/3165635/4e1fe9f9-03eb-4f23-99dd-80212b21fb23" width="840" height="506" />
 
 - 🚀 Performance improvements
 - 🐞 Bugfixes
@@ -151,7 +213,7 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
 - [charts] Manage series stacking (#8888) @alexfauquette
 - [license] List side effects in the license package (#9092) @cherniavskii
 
-## v6.5.0
+## 6.5.0
 
 _May 19, 2023_
 
@@ -159,9 +221,9 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
 
 - 💫 Introduce filtering on column headers for `DataGridPro` and `DataGridPremium`:
 
-  https://github.com/mui/mui-x/assets/12609561/c4c2bfec-59cf-4cab-932d-dc1983081de9
+  <img src="https://github.com/mui/mui-x/releases/download/v6.5.0/recording.gif" width="840" height="506" />
 
-  See [the documentation](https://mui.com/x/react-data-grid/filtering/#header-filters) for more information
+  See [the documentation](https://mui.com/x/react-data-grid/filtering/header-filters/) for more information
 
 - 🌍 Improve Hebrew (he-IL) and Czech (cs-CZ) locales
 - 📝 Support for editing on pinned rows
@@ -207,7 +269,7 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
 - [DataGrid] Memoize root props for better performance (#8942) @romgrk
 - [test] Skip flaky unit tests in JSDOM (#8994) @cherniavskii
 
-## v6.4.0
+## 6.4.0
 
 _May 12, 2023_
 
@@ -4240,7 +4302,7 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
 - [docs] Revise and split up "Overview" page into "Introduction" (#4692) @samuelsycamore
 - [docs] Use `useKeepGroupedColumnsHiddren` from the grid package on remaining demo (#5382) @flaviendelangle
 
-## v5.12.3
+## 5.12.3
 
 _Jun 23, 2022_
 
@@ -4291,7 +4353,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
 - [test] Throw if date adapter is not found (#5289) @cherniavskii
 - [test] Use mock for `ResizeObserver` (#5215) @m4theushw
 
-## v5.12.2
+## 5.12.2
 
 _Jun 16, 2022_
 
@@ -4334,7 +4396,7 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss
 - [core] Fix `GridColTypeDef` usage in demo (#5197) @cherniavskii
 - [test] Add `waitFor` before asserting height (#5203) @m4theushw
 
-## v5.12.1
+## 5.12.1
 
 _Jun 9, 2022_
 
@@ -4391,7 +4453,7 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
 - [test] Fix dynamic row height test failing on Chrome (#5147) @m4theushw
 - [test] Remove delay on server demo for regression tests (#5131) @alexfauquette
 
-## v5.12.0
+## 5.12.0
 
 _May 31, 2022_
 
@@ -4472,7 +4534,7 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
 - [test] Skip Safari and Firefox on broken tests (#4994) @alexfauquette
 - [test] Make argos screenshots stable (#5061) @m4theushw
 
-## v5.11.1
+## 5.11.1
 
 _May 20, 2022_
 
@@ -4564,7 +4626,7 @@ We'd like to offer a big thanks to the 6 contributors who made this release poss
 - [core] Simplify rows cache management (#4933) @flaviendelangle
 - [core] Use internal icons for quick filter (#4912) @alexfauquette
 
-## v5.11.0
+## 5.11.0
 
 _May 13, 2022_
 
@@ -4708,7 +4770,7 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
 - [test] Reset cleanup tracking on Karma tests (#4679) @m4theushw
 - [test] Restore `sinon` sandbox after each `karma` test (#4689) @m4theushw
 
-## v5.10.0
+## 5.10.0
 
 _Apr 25, 2022_
 
@@ -4744,7 +4806,7 @@ We'd like to offer a big thanks to the 6 contributors who made this release poss
 - [core] Fix the README of the X packages (#4590) @flaviendelangle
 - [test] Fix test to not depend on screen resolution (#4587) @m4theushw
 
-## v5.9.0
+## 5.9.0
 
 _Apr 14, 2022_
 

package/hooks/features/rowReorder/useGridRowReorder.js

@@ -2,6 +2,16 @@ import * as React from 'react';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import { useGridLogger, useGridApiEventHandler, getDataGridUtilityClass, useGridSelector, gridSortModelSelector, gridRowMaximumTreeDepthSelector, useGridApiOptionHandler } from '@mui/x-data-grid';
 import { gridEditRowsStateSelector } from '@mui/x-data-grid/internals';
+var Direction = /*#__PURE__*/function (Direction) {
+  Direction[Direction["UP"] = 0] = "UP";
+  Direction[Direction["DOWN"] = 1] = "DOWN";
+  return Direction;
+}(Direction || {});
+let previousMousePosition = null;
+let previousReorderState = {
+  previousTargetId: null,
+  dragDirection: null
+};
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -70,10 +80,24 @@ export const useGridRowReorder = (apiRef, props) => {
     // Prevent drag events propagation.
     // For more information check here https://github.com/mui/mui-x/issues/2680.
     event.stopPropagation();
+    const mouseMovementDiff = previousMousePosition ? previousMousePosition.y - event.clientY : event.clientY;
     if (params.id !== dragRowId) {
       const targetRowIndex = apiRef.current.getRowIndexRelativeToVisibleRows(params.id);
-      apiRef.current.setRowIndex(dragRowId, targetRowIndex);
+      const dragDirection = mouseMovementDiff > 0 ? Direction.DOWN : Direction.UP;
+      const currentReorderState = {
+        dragDirection,
+        previousTargetId: params.id
+      };
+      const isStateChanged = currentReorderState.dragDirection !== previousReorderState.dragDirection || currentReorderState.previousTargetId !== previousReorderState.previousTargetId;
+      if (previousReorderState.dragDirection === null || Math.abs(mouseMovementDiff) >= 1 && isStateChanged) {
+        apiRef.current.setRowIndex(dragRowId, targetRowIndex);
+        previousReorderState = currentReorderState;
+      }
     }
+    previousMousePosition = {
+      x: event.clientX,
+      y: event.clientY
+    };
   }, [apiRef, logger, dragRowId]);
   const handleDragEnd = React.useCallback((params, event) => {
     // Call the gridEditRowsStateSelector directly to avoid infnite loop
@@ -88,6 +112,7 @@ export const useGridRowReorder = (apiRef, props) => {
     event.stopPropagation();
     clearTimeout(removeDnDStylesTimeout.current);
     dragRowNode.current = null;
+    previousReorderState.dragDirection = null;
 
     // Check if the row was dropped outside the grid.
     if (event.dataTransfer.dropEffect === 'none') {

package/hooks/features/treeData/gridTreeDataUtils.js

@@ -14,6 +14,7 @@ export const filterRowTreeFromTreeData = params => {
   } = params;
   const filteredRowsLookup = {};
   const filteredDescendantCountLookup = {};
+  const filterCache = {};
   const filterTreeNode = (node, isParentMatchingFilters, areAncestorsExpanded) => {
     const shouldSkipFilters = disableChildrenFiltering && node.depth > 0;
     let isMatchingFilters;
@@ -26,7 +27,7 @@ export const filterRowTreeFromTreeData = params => {
         passingFilterItems,
         passingQuickFilterValues
       } = isRowMatchingFilters(node.id);
-      isMatchingFilters = passFilterLogic([passingFilterItems], [passingQuickFilterValues], params.filterModel, params.apiRef);
+      isMatchingFilters = passFilterLogic([passingFilterItems], [passingQuickFilterValues], params.filterModel, params.apiRef, filterCache);
     }
     let filteredDescendantCount = 0;
     if (node.type === 'group') {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.7.0
+ * @mui/x-data-grid-pro v6.8.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/legacy/hooks/features/rowReorder/useGridRowReorder.js

@@ -3,6 +3,16 @@ import * as React from 'react';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import { useGridLogger, useGridApiEventHandler, getDataGridUtilityClass, useGridSelector, gridSortModelSelector, gridRowMaximumTreeDepthSelector, useGridApiOptionHandler } from '@mui/x-data-grid';
 import { gridEditRowsStateSelector } from '@mui/x-data-grid/internals';
+var Direction = /*#__PURE__*/function (Direction) {
+  Direction[Direction["UP"] = 0] = "UP";
+  Direction[Direction["DOWN"] = 1] = "DOWN";
+  return Direction;
+}(Direction || {});
+var previousMousePosition = null;
+var previousReorderState = {
+  previousTargetId: null,
+  dragDirection: null
+};
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
   var slots = {
@@ -72,10 +82,24 @@ export var useGridRowReorder = function useGridRowReorder(apiRef, props) {
     // Prevent drag events propagation.
     // For more information check here https://github.com/mui/mui-x/issues/2680.
     event.stopPropagation();
+    var mouseMovementDiff = previousMousePosition ? previousMousePosition.y - event.clientY : event.clientY;
     if (params.id !== dragRowId) {
       var targetRowIndex = apiRef.current.getRowIndexRelativeToVisibleRows(params.id);
-      apiRef.current.setRowIndex(dragRowId, targetRowIndex);
+      var dragDirection = mouseMovementDiff > 0 ? Direction.DOWN : Direction.UP;
+      var currentReorderState = {
+        dragDirection: dragDirection,
+        previousTargetId: params.id
+      };
+      var isStateChanged = currentReorderState.dragDirection !== previousReorderState.dragDirection || currentReorderState.previousTargetId !== previousReorderState.previousTargetId;
+      if (previousReorderState.dragDirection === null || Math.abs(mouseMovementDiff) >= 1 && isStateChanged) {
+        apiRef.current.setRowIndex(dragRowId, targetRowIndex);
+        previousReorderState = currentReorderState;
+      }
     }
+    previousMousePosition = {
+      x: event.clientX,
+      y: event.clientY
+    };
   }, [apiRef, logger, dragRowId]);
   var handleDragEnd = React.useCallback(function (params, event) {
     // Call the gridEditRowsStateSelector directly to avoid infnite loop
@@ -90,6 +114,7 @@ export var useGridRowReorder = function useGridRowReorder(apiRef, props) {
     event.stopPropagation();
     clearTimeout(removeDnDStylesTimeout.current);
     dragRowNode.current = null;
+    previousReorderState.dragDirection = null;
 
     // Check if the row was dropped outside the grid.
     if (event.dataTransfer.dropEffect === 'none') {

package/legacy/hooks/features/treeData/gridTreeDataUtils.js

@@ -12,6 +12,7 @@ export var filterRowTreeFromTreeData = function filterRowTreeFromTreeData(params
     isRowMatchingFilters = params.isRowMatchingFilters;
   var filteredRowsLookup = {};
   var filteredDescendantCountLookup = {};
+  var filterCache = {};
   var filterTreeNode = function filterTreeNode(node, isParentMatchingFilters, areAncestorsExpanded) {
     var shouldSkipFilters = disableChildrenFiltering && node.depth > 0;
     var isMatchingFilters;
@@ -23,7 +24,7 @@ export var filterRowTreeFromTreeData = function filterRowTreeFromTreeData(params
       var _isRowMatchingFilters = isRowMatchingFilters(node.id),
         passingFilterItems = _isRowMatchingFilters.passingFilterItems,
         passingQuickFilterValues = _isRowMatchingFilters.passingQuickFilterValues;
-      isMatchingFilters = passFilterLogic([passingFilterItems], [passingQuickFilterValues], params.filterModel, params.apiRef);
+      isMatchingFilters = passFilterLogic([passingFilterItems], [passingQuickFilterValues], params.filterModel, params.apiRef, filterCache);
     }
     var filteredDescendantCount = 0;
     if (node.type === 'group') {

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.7.0
+ * @mui/x-data-grid-pro v6.8.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/legacy/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export var getReleaseInfo = function getReleaseInfo() {
-  var releaseInfo = "MTY4NjI2MTYwMDAwMA==";
+  var releaseInfo = "MTY4Njg2MjgwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/modern/hooks/features/rowReorder/useGridRowReorder.js

@@ -2,6 +2,16 @@ import * as React from 'react';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import { useGridLogger, useGridApiEventHandler, getDataGridUtilityClass, useGridSelector, gridSortModelSelector, gridRowMaximumTreeDepthSelector, useGridApiOptionHandler } from '@mui/x-data-grid';
 import { gridEditRowsStateSelector } from '@mui/x-data-grid/internals';
+var Direction = /*#__PURE__*/function (Direction) {
+  Direction[Direction["UP"] = 0] = "UP";
+  Direction[Direction["DOWN"] = 1] = "DOWN";
+  return Direction;
+}(Direction || {});
+let previousMousePosition = null;
+let previousReorderState = {
+  previousTargetId: null,
+  dragDirection: null
+};
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -70,10 +80,24 @@ export const useGridRowReorder = (apiRef, props) => {
     // Prevent drag events propagation.
     // For more information check here https://github.com/mui/mui-x/issues/2680.
     event.stopPropagation();
+    const mouseMovementDiff = previousMousePosition ? previousMousePosition.y - event.clientY : event.clientY;
     if (params.id !== dragRowId) {
       const targetRowIndex = apiRef.current.getRowIndexRelativeToVisibleRows(params.id);
-      apiRef.current.setRowIndex(dragRowId, targetRowIndex);
+      const dragDirection = mouseMovementDiff > 0 ? Direction.DOWN : Direction.UP;
+      const currentReorderState = {
+        dragDirection,
+        previousTargetId: params.id
+      };
+      const isStateChanged = currentReorderState.dragDirection !== previousReorderState.dragDirection || currentReorderState.previousTargetId !== previousReorderState.previousTargetId;
+      if (previousReorderState.dragDirection === null || Math.abs(mouseMovementDiff) >= 1 && isStateChanged) {
+        apiRef.current.setRowIndex(dragRowId, targetRowIndex);
+        previousReorderState = currentReorderState;
+      }
     }
+    previousMousePosition = {
+      x: event.clientX,
+      y: event.clientY
+    };
   }, [apiRef, logger, dragRowId]);
   const handleDragEnd = React.useCallback((params, event) => {
     // Call the gridEditRowsStateSelector directly to avoid infnite loop
@@ -88,6 +112,7 @@ export const useGridRowReorder = (apiRef, props) => {
     event.stopPropagation();
     clearTimeout(removeDnDStylesTimeout.current);
     dragRowNode.current = null;
+    previousReorderState.dragDirection = null;
 
     // Check if the row was dropped outside the grid.
     if (event.dataTransfer.dropEffect === 'none') {

package/modern/hooks/features/treeData/gridTreeDataUtils.js

@@ -14,6 +14,7 @@ export const filterRowTreeFromTreeData = params => {
   } = params;
   const filteredRowsLookup = {};
   const filteredDescendantCountLookup = {};
+  const filterCache = {};
   const filterTreeNode = (node, isParentMatchingFilters, areAncestorsExpanded) => {
     const shouldSkipFilters = disableChildrenFiltering && node.depth > 0;
     let isMatchingFilters;
@@ -26,7 +27,7 @@ export const filterRowTreeFromTreeData = params => {
         passingFilterItems,
         passingQuickFilterValues
       } = isRowMatchingFilters(node.id);
-      isMatchingFilters = passFilterLogic([passingFilterItems], [passingQuickFilterValues], params.filterModel, params.apiRef);
+      isMatchingFilters = passFilterLogic([passingFilterItems], [passingQuickFilterValues], params.filterModel, params.apiRef, filterCache);
     }
     let filteredDescendantCount = 0;
     if (node.type === 'group') {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.7.0
+ * @mui/x-data-grid-pro v6.8.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY4NjI2MTYwMDAwMA==";
+  const releaseInfo = "MTY4Njg2MjgwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/node/hooks/features/rowReorder/useGridRowReorder.js

@@ -10,6 +10,16 @@ var _xDataGrid = require("@mui/x-data-grid");
 var _internals = require("@mui/x-data-grid/internals");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var Direction = /*#__PURE__*/function (Direction) {
+  Direction[Direction["UP"] = 0] = "UP";
+  Direction[Direction["DOWN"] = 1] = "DOWN";
+  return Direction;
+}(Direction || {});
+let previousMousePosition = null;
+let previousReorderState = {
+  previousTargetId: null,
+  dragDirection: null
+};
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -78,10 +88,24 @@ const useGridRowReorder = (apiRef, props) => {
     // Prevent drag events propagation.
     // For more information check here https://github.com/mui/mui-x/issues/2680.
     event.stopPropagation();
+    const mouseMovementDiff = previousMousePosition ? previousMousePosition.y - event.clientY : event.clientY;
     if (params.id !== dragRowId) {
       const targetRowIndex = apiRef.current.getRowIndexRelativeToVisibleRows(params.id);
-      apiRef.current.setRowIndex(dragRowId, targetRowIndex);
+      const dragDirection = mouseMovementDiff > 0 ? Direction.DOWN : Direction.UP;
+      const currentReorderState = {
+        dragDirection,
+        previousTargetId: params.id
+      };
+      const isStateChanged = currentReorderState.dragDirection !== previousReorderState.dragDirection || currentReorderState.previousTargetId !== previousReorderState.previousTargetId;
+      if (previousReorderState.dragDirection === null || Math.abs(mouseMovementDiff) >= 1 && isStateChanged) {
+        apiRef.current.setRowIndex(dragRowId, targetRowIndex);
+        previousReorderState = currentReorderState;
+      }
     }
+    previousMousePosition = {
+      x: event.clientX,
+      y: event.clientY
+    };
   }, [apiRef, logger, dragRowId]);
   const handleDragEnd = React.useCallback((params, event) => {
     // Call the gridEditRowsStateSelector directly to avoid infnite loop
@@ -96,6 +120,7 @@ const useGridRowReorder = (apiRef, props) => {
     event.stopPropagation();
     clearTimeout(removeDnDStylesTimeout.current);
     dragRowNode.current = null;
+    previousReorderState.dragDirection = null;
 
     // Check if the row was dropped outside the grid.
     if (event.dataTransfer.dropEffect === 'none') {

package/node/hooks/features/treeData/gridTreeDataUtils.js

@@ -21,6 +21,7 @@ const filterRowTreeFromTreeData = params => {
   } = params;
   const filteredRowsLookup = {};
   const filteredDescendantCountLookup = {};
+  const filterCache = {};
   const filterTreeNode = (node, isParentMatchingFilters, areAncestorsExpanded) => {
     const shouldSkipFilters = disableChildrenFiltering && node.depth > 0;
     let isMatchingFilters;
@@ -33,7 +34,7 @@ const filterRowTreeFromTreeData = params => {
         passingFilterItems,
         passingQuickFilterValues
       } = isRowMatchingFilters(node.id);
-      isMatchingFilters = (0, _internals.passFilterLogic)([passingFilterItems], [passingQuickFilterValues], params.filterModel, params.apiRef);
+      isMatchingFilters = (0, _internals.passFilterLogic)([passingFilterItems], [passingQuickFilterValues], params.filterModel, params.apiRef, filterCache);
     }
     let filteredDescendantCount = 0;
     if (node.type === 'group') {

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.7.0
+ * @mui/x-data-grid-pro v6.8.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/node/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY4NjI2MTYwMDAwMA==";
+  const releaseInfo = "MTY4Njg2MjgwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "6.7.0",
+  "version": "6.8.0",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@babel/runtime": "^7.21.0",
     "@mui/utils": "^5.13.1",
-    "@mui/x-data-grid": "6.7.0",
+    "@mui/x-data-grid": "6.8.0",
     "@mui/x-license-pro": "6.6.0",
     "@types/format-util": "^1.0.2",
     "clsx": "^1.2.1",

package/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY4NjI2MTYwMDAwMA==";
+  const releaseInfo = "MTY4Njg2MjgwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat