@mui/x-data-grid-pro 5.17.10 → 5.17.11

package/CHANGELOG.md

@@ -3,6 +3,35 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.17.11
+
+_Nov 10, 2022_
+
+We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.11` / `@mui/x-data-grid-pro@v5.17.11` / `@mui/x-data-grid-premium@v5.17.11`
+
+#### Changes
+
+- [DataGrid] Fix for cell focus preventing scroll when virtualization enabled (#6622) @yaredtsy
+- [DataGridPro] Opt-out for column jump back on re-order (#6697) @gavbrennan
+
+### `@mui/x-date-pickers@v5.0.8` / `@mui/x-date-pickers-pro@v5.0.8`
+
+#### Changes
+
+- [pickers] Fix pickers toolbar styling (#6793) @LukasTy
+
+### Docs
+
+- [docs] Fix link to localization page (#6766) @alexfauquette
+
+### Core
+
+- [license] Add new license status 'Out of scope' (#6774) @oliviertassinari
+
 ## 5.17.10
 
 _Nov 4, 2022_

package/DataGridPro/DataGridPro.js

@@ -449,6 +449,13 @@ DataGridProRaw.propTypes = {
    */
   isRowSelectable: PropTypes.func,
 
+  /**
+   * If `true`, moving the mouse pointer outside the grid before releasing the mouse button
+   * in a column re-order action will not cause the column to jump back to its original position.
+   * @default false
+   */
+  keepColumnPositionIfDraggedOutside: PropTypes.bool,
+
   /**
    * If `true`, the selection model will retain selected rows that do not exist.
    * Useful when using server side pagination and row selections need to be retained

package/DataGridPro/useDataGridProProps.js

@@ -11,6 +11,7 @@ export const DATA_GRID_PRO_PROPS_DEFAULT_VALUES = _extends({}, DATA_GRID_PROPS_D
   treeData: false,
   defaultGroupingExpansionDepth: 0,
   disableColumnPinning: false,
+  keepColumnPositionIfDraggedOutside: false,
   disableChildrenFiltering: false,
   disableChildrenSorting: false,
   rowReordering: false,

package/hooks/features/columnReorder/useGridColumnReorder.d.ts

@@ -6,4 +6,4 @@ export declare const columnReorderStateInitializer: GridStateInitializer;
 /**
  * @requires useGridColumns (method)
  */
-export declare const useGridColumnReorder: (apiRef: React.MutableRefObject<GridApiPro>, props: Pick<DataGridProProcessedProps, 'disableColumnReorder' | 'classes'>) => void;
+export declare const useGridColumnReorder: (apiRef: React.MutableRefObject<GridApiPro>, props: Pick<DataGridProProcessedProps, 'disableColumnReorder' | 'keepColumnPositionIfDraggedOutside' | 'classes'>) => void;

package/hooks/features/columnReorder/useGridColumnReorder.js

@@ -234,19 +234,19 @@ export const useGridColumnReorder = (apiRef, props) => {
     clearTimeout(removeDnDStylesTimeout.current);
     dragColNode.current = null; // Check if the column was dropped outside the grid.
 
-    if (event.dataTransfer.dropEffect === 'none') {
+    if (event.dataTransfer.dropEffect === 'none' && !props.keepColumnPositionIfDraggedOutside) {
       // Accessing params.field may contain the wrong field as header elements are reused
       apiRef.current.setColumnIndex(dragColField, originColumnIndex.current);
-      originColumnIndex.current = null;
     }
 
+    originColumnIndex.current = null;
     apiRef.current.setState(state => _extends({}, state, {
       columnReorder: _extends({}, state.columnReorder, {
         dragCol: ''
       })
     }));
     apiRef.current.forceUpdate();
-  }, [props.disableColumnReorder, logger, apiRef]);
+  }, [props.disableColumnReorder, props.keepColumnPositionIfDraggedOutside, logger, apiRef]);
   useGridApiEventHandler(apiRef, 'columnHeaderDragStart', handleDragStart);
   useGridApiEventHandler(apiRef, 'columnHeaderDragEnter', handleDragEnter);
   useGridApiEventHandler(apiRef, 'columnHeaderDragOver', handleDragOver);

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.10
+/** @license MUI v5.17.11
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/DataGridPro/DataGridPro.js

@@ -449,6 +449,13 @@ DataGridProRaw.propTypes = {
    */
   isRowSelectable: PropTypes.func,
 
+  /**
+   * If `true`, moving the mouse pointer outside the grid before releasing the mouse button
+   * in a column re-order action will not cause the column to jump back to its original position.
+   * @default false
+   */
+  keepColumnPositionIfDraggedOutside: PropTypes.bool,
+
   /**
    * If `true`, the selection model will retain selected rows that do not exist.
    * Useful when using server side pagination and row selections need to be retained

package/legacy/DataGridPro/useDataGridProProps.js

@@ -12,6 +12,7 @@ export var DATA_GRID_PRO_PROPS_DEFAULT_VALUES = _extends({}, DATA_GRID_PROPS_DEF
   treeData: false,
   defaultGroupingExpansionDepth: 0,
   disableColumnPinning: false,
+  keepColumnPositionIfDraggedOutside: false,
   disableChildrenFiltering: false,
   disableChildrenSorting: false,
   rowReordering: false,

package/legacy/hooks/features/columnReorder/useGridColumnReorder.js

@@ -242,12 +242,12 @@ export var useGridColumnReorder = function useGridColumnReorder(apiRef, props) {
     clearTimeout(removeDnDStylesTimeout.current);
     dragColNode.current = null; // Check if the column was dropped outside the grid.
 
-    if (event.dataTransfer.dropEffect === 'none') {
+    if (event.dataTransfer.dropEffect === 'none' && !props.keepColumnPositionIfDraggedOutside) {
       // Accessing params.field may contain the wrong field as header elements are reused
       apiRef.current.setColumnIndex(dragColField, originColumnIndex.current);
-      originColumnIndex.current = null;
     }
 
+    originColumnIndex.current = null;
     apiRef.current.setState(function (state) {
       return _extends({}, state, {
         columnReorder: _extends({}, state.columnReorder, {
@@ -256,7 +256,7 @@ export var useGridColumnReorder = function useGridColumnReorder(apiRef, props) {
       });
     });
     apiRef.current.forceUpdate();
-  }, [props.disableColumnReorder, logger, apiRef]);
+  }, [props.disableColumnReorder, props.keepColumnPositionIfDraggedOutside, logger, apiRef]);
   useGridApiEventHandler(apiRef, 'columnHeaderDragStart', handleDragStart);
   useGridApiEventHandler(apiRef, 'columnHeaderDragEnter', handleDragEnter);
   useGridApiEventHandler(apiRef, 'columnHeaderDragOver', handleDragOver);

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.10
+/** @license MUI v5.17.11
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/utils/releaseInfo.js

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

package/models/dataGridProProps.d.ts

@@ -90,6 +90,12 @@ export interface DataGridProPropsWithDefaultValue extends DataGridPropsWithDefau
      * * @default "client"
      */
     rowsLoadingMode: GridFeatureMode;
+    /**
+     * If `true`, moving the mouse pointer outside the grid before releasing the mouse button
+     * in a column re-order action will not cause the column to jump back to its original position.
+     * @default false
+     */
+    keepColumnPositionIfDraggedOutside: boolean;
 }
 export interface DataGridProPropsWithoutDefaultValue<R extends GridValidRowModel = any> extends Omit<DataGridPropsWithoutDefaultValue<R>, 'initialState'> {
     /**

package/modern/DataGridPro/DataGridPro.js

@@ -449,6 +449,13 @@ DataGridProRaw.propTypes = {
    */
   isRowSelectable: PropTypes.func,
 
+  /**
+   * If `true`, moving the mouse pointer outside the grid before releasing the mouse button
+   * in a column re-order action will not cause the column to jump back to its original position.
+   * @default false
+   */
+  keepColumnPositionIfDraggedOutside: PropTypes.bool,
+
   /**
    * If `true`, the selection model will retain selected rows that do not exist.
    * Useful when using server side pagination and row selections need to be retained

package/modern/DataGridPro/useDataGridProProps.js

@@ -11,6 +11,7 @@ export const DATA_GRID_PRO_PROPS_DEFAULT_VALUES = _extends({}, DATA_GRID_PROPS_D
   treeData: false,
   defaultGroupingExpansionDepth: 0,
   disableColumnPinning: false,
+  keepColumnPositionIfDraggedOutside: false,
   disableChildrenFiltering: false,
   disableChildrenSorting: false,
   rowReordering: false,

package/modern/hooks/features/columnReorder/useGridColumnReorder.js

@@ -222,19 +222,19 @@ export const useGridColumnReorder = (apiRef, props) => {
     clearTimeout(removeDnDStylesTimeout.current);
     dragColNode.current = null; // Check if the column was dropped outside the grid.
 
-    if (event.dataTransfer.dropEffect === 'none') {
+    if (event.dataTransfer.dropEffect === 'none' && !props.keepColumnPositionIfDraggedOutside) {
       // Accessing params.field may contain the wrong field as header elements are reused
       apiRef.current.setColumnIndex(dragColField, originColumnIndex.current);
-      originColumnIndex.current = null;
     }
 
+    originColumnIndex.current = null;
     apiRef.current.setState(state => _extends({}, state, {
       columnReorder: _extends({}, state.columnReorder, {
         dragCol: ''
       })
     }));
     apiRef.current.forceUpdate();
-  }, [props.disableColumnReorder, logger, apiRef]);
+  }, [props.disableColumnReorder, props.keepColumnPositionIfDraggedOutside, logger, apiRef]);
   useGridApiEventHandler(apiRef, 'columnHeaderDragStart', handleDragStart);
   useGridApiEventHandler(apiRef, 'columnHeaderDragEnter', handleDragEnter);
   useGridApiEventHandler(apiRef, 'columnHeaderDragOver', handleDragOver);

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.10
+/** @license MUI v5.17.11
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/utils/releaseInfo.js

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

package/node/DataGridPro/DataGridPro.js

@@ -473,6 +473,13 @@ DataGridProRaw.propTypes = {
    */
   isRowSelectable: _propTypes.default.func,
 
+  /**
+   * If `true`, moving the mouse pointer outside the grid before releasing the mouse button
+   * in a column re-order action will not cause the column to jump back to its original position.
+   * @default false
+   */
+  keepColumnPositionIfDraggedOutside: _propTypes.default.bool,
+
   /**
    * If `true`, the selection model will retain selected rows that do not exist.
    * Useful when using server side pagination and row selections need to be retained

package/node/DataGridPro/useDataGridProProps.js

@@ -27,6 +27,7 @@ const DATA_GRID_PRO_PROPS_DEFAULT_VALUES = (0, _extends2.default)({}, _xDataGrid
   treeData: false,
   defaultGroupingExpansionDepth: 0,
   disableColumnPinning: false,
+  keepColumnPositionIfDraggedOutside: false,
   disableChildrenFiltering: false,
   disableChildrenSorting: false,
   rowReordering: false,

package/node/hooks/features/columnReorder/useGridColumnReorder.js

@@ -255,19 +255,19 @@ const useGridColumnReorder = (apiRef, props) => {
     clearTimeout(removeDnDStylesTimeout.current);
     dragColNode.current = null; // Check if the column was dropped outside the grid.
 
-    if (event.dataTransfer.dropEffect === 'none') {
+    if (event.dataTransfer.dropEffect === 'none' && !props.keepColumnPositionIfDraggedOutside) {
       // Accessing params.field may contain the wrong field as header elements are reused
       apiRef.current.setColumnIndex(dragColField, originColumnIndex.current);
-      originColumnIndex.current = null;
     }
 
+    originColumnIndex.current = null;
     apiRef.current.setState(state => (0, _extends2.default)({}, state, {
       columnReorder: (0, _extends2.default)({}, state.columnReorder, {
         dragCol: ''
       })
     }));
     apiRef.current.forceUpdate();
-  }, [props.disableColumnReorder, logger, apiRef]);
+  }, [props.disableColumnReorder, props.keepColumnPositionIfDraggedOutside, logger, apiRef]);
   (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'columnHeaderDragStart', handleDragStart);
   (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'columnHeaderDragEnter', handleDragEnter);
   (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'columnHeaderDragOver', handleDragOver);

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.10
+/** @license MUI v5.17.11
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/utils/releaseInfo.js

@@ -8,7 +8,7 @@ exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY2NzUxNjQwMDAwMA==";
+  const releaseInfo = "MTY2ODAyMDQwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "5.17.10",
+  "version": "5.17.11",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,8 +33,8 @@
   "dependencies": {
     "@babel/runtime": "^7.18.9",
     "@mui/utils": "^5.10.3",
-    "@mui/x-data-grid": "5.17.10",
-    "@mui/x-license-pro": "5.17.0",
+    "@mui/x-data-grid": "5.17.11",
+    "@mui/x-license-pro": "5.17.11",
     "@types/format-util": "^1.0.2",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",

package/utils/releaseInfo.js

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