@mui/x-data-grid-pro 7.22.0 → 7.22.1

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.
 
+## 7.22.1
+
+_Nov 1, 2024_
+
+We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+- 🌍 Improve Polish (pl-PL) locale on the Date Pickers
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@wojtkolos, @dpak-maurya, @k-rajat19.
+Following are all team members who have contributed to this release:
+@LukasTy, @arminmeh, @MBilalShafi, @KenanYusuf, @flaviendelangle.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.22.1`
+
+- [DataGrid] Fix right column group header border (#15152) @KenanYusuf
+- [DataGrid] Fix scroll jump when holding down arrow keys (#15167) @arminmeh
+- [DataGrid] Move `rowGroupingModelChange` handler to respective hook (#15127) @MBilalShafi
+- [DataGrid] Prevent error when deleting the last row (#15153) @dpak-maurya
+- [DataGrid] Fix overlay height in autoHeight mode (#15205) @cherniavskii
+
+#### `@mui/x-data-grid-pro@7.22.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.22.1`, plus:
+
+- [DataGridPro] Add list view tests (#15166) @KenanYusuf
+
+#### `@mui/x-data-grid-premium@7.22.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+- [DataGridPremium] Keep focus on the grouping cell on space bar press #15155 @k-rajat19
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.22.1`
+
+- [l10n] Improve Polish (pl-PL) locale (#15177) @wojtkolos
+
+#### `@mui/x-date-pickers-pro@7.22.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.22.1`.
+
+### Tree View
+
+#### `@mui/x-tree-view@7.22.1`
+
+- [TreeView] Export `TreeItem2DragAndDropOverlay` and `TreeItem2LabelInput` from the root of each package (#15208) @flaviendelangle
+- [TreeView] Fix drag and drop color usage (#15149) @LukasTy
+
+#### `@mui/x-tree-view-pro@7.22.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-tree-view@7.22.1`.
+
+### Docs
+
+- [docs] Add section explaining how to keep the selection while filtering in Data grid docs (#15199) @arminmeh
+
 ## 7.22.0
 
 _Oct 25, 2024_

package/esm/hooks/features/dataSource/useGridDataSource.js

@@ -194,8 +194,6 @@ export const useGridDataSource = (apiRef, props) => {
   useGridApiEventHandler(apiRef, 'sortModelChange', runIfServerMode(props.sortingMode, fetchRows));
   useGridApiEventHandler(apiRef, 'filterModelChange', runIfServerMode(props.filterMode, fetchRows));
   useGridApiEventHandler(apiRef, 'paginationModelChange', runIfServerMode(props.paginationMode, fetchRows));
-  // @ts-ignore - Event is not defined in the Pro API
-  useGridApiEventHandler(apiRef, 'rowGroupingModelChange', () => fetchRows());
   const isFirstRender = React.useRef(true);
   React.useEffect(() => {
     if (isFirstRender.current) {

package/esm/hooks/features/detailPanel/gridDetailPanelToggleColDef.js

@@ -1,10 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { GRID_STRING_COL_DEF } from '@mui/x-data-grid';
+import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from '@mui/x-data-grid/internals';
 import { GridDetailPanelToggleCell } from "../../../components/GridDetailPanelToggleCell.js";
 import { gridDetailPanelExpandedRowIdsSelector } from "./gridDetailPanelSelector.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const GRID_DETAIL_PANEL_TOGGLE_FIELD = '__detail_panel_toggle__';
+export { GRID_DETAIL_PANEL_TOGGLE_FIELD };
 export const GRID_DETAIL_PANEL_TOGGLE_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   type: 'custom',
   field: GRID_DETAIL_PANEL_TOGGLE_FIELD,

package/esm/hooks/features/treeData/gridTreeDataGroupColDef.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { GRID_STRING_COL_DEF } from '@mui/x-data-grid';
+import { GRID_TREE_DATA_GROUPING_FIELD } from '@mui/x-data-grid/internals';
 
 /**
  * TODO: Add sorting and filtering on the value and the filteredDescendantCount
@@ -18,7 +19,7 @@ export const GRID_TREE_DATA_GROUPING_COL_DEF = _extends({}, GRID_STRING_COL_DEF,
     return rowNode?.type === 'group' || rowNode?.type === 'leaf' ? rowNode.groupingKey : undefined;
   }
 });
-export const GRID_TREE_DATA_GROUPING_FIELD = '__tree_data_group__';
+export { GRID_TREE_DATA_GROUPING_FIELD };
 export const GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = {
   field: GRID_TREE_DATA_GROUPING_FIELD,
   editable: false,

package/esm/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTcyOTc5NjQwMDAwMA==";
+  const releaseInfo = "MTczMDQzMzYwMDAwMA==";
   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/hooks/features/dataSource/useGridDataSource.js

@@ -203,8 +203,6 @@ const useGridDataSource = (apiRef, props) => {
   (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'sortModelChange', (0, _utils.runIfServerMode)(props.sortingMode, fetchRows));
   (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'filterModelChange', (0, _utils.runIfServerMode)(props.filterMode, fetchRows));
   (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'paginationModelChange', (0, _utils.runIfServerMode)(props.paginationMode, fetchRows));
-  // @ts-ignore - Event is not defined in the Pro API
-  (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'rowGroupingModelChange', () => fetchRows());
   const isFirstRender = React.useRef(true);
   React.useEffect(() => {
     if (isFirstRender.current) {

package/hooks/features/detailPanel/gridDetailPanelToggleColDef.d.ts

@@ -1,3 +1,4 @@
 import { GridColDef } from '@mui/x-data-grid';
-export declare const GRID_DETAIL_PANEL_TOGGLE_FIELD = "__detail_panel_toggle__";
+import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from '@mui/x-data-grid/internals';
+export { GRID_DETAIL_PANEL_TOGGLE_FIELD };
 export declare const GRID_DETAIL_PANEL_TOGGLE_COL_DEF: GridColDef;

package/hooks/features/detailPanel/gridDetailPanelToggleColDef.js

@@ -5,17 +5,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GRID_DETAIL_PANEL_TOGGLE_FIELD = exports.GRID_DETAIL_PANEL_TOGGLE_COL_DEF = void 0;
+exports.GRID_DETAIL_PANEL_TOGGLE_COL_DEF = void 0;
+Object.defineProperty(exports, "GRID_DETAIL_PANEL_TOGGLE_FIELD", {
+  enumerable: true,
+  get: function () {
+    return _internals.GRID_DETAIL_PANEL_TOGGLE_FIELD;
+  }
+});
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _xDataGrid = require("@mui/x-data-grid");
+var _internals = require("@mui/x-data-grid/internals");
 var _GridDetailPanelToggleCell = require("../../../components/GridDetailPanelToggleCell");
 var _gridDetailPanelSelector = require("./gridDetailPanelSelector");
 var _jsxRuntime = require("react/jsx-runtime");
-const GRID_DETAIL_PANEL_TOGGLE_FIELD = exports.GRID_DETAIL_PANEL_TOGGLE_FIELD = '__detail_panel_toggle__';
 const GRID_DETAIL_PANEL_TOGGLE_COL_DEF = exports.GRID_DETAIL_PANEL_TOGGLE_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_COL_DEF, {
   type: 'custom',
-  field: GRID_DETAIL_PANEL_TOGGLE_FIELD,
+  field: _internals.GRID_DETAIL_PANEL_TOGGLE_FIELD,
   editable: false,
   sortable: false,
   filterable: false,

package/hooks/features/treeData/gridTreeDataGroupColDef.d.ts

@@ -1,7 +1,8 @@
 import { GridColDef } from '@mui/x-data-grid';
+import { GRID_TREE_DATA_GROUPING_FIELD } from '@mui/x-data-grid/internals';
 /**
  * TODO: Add sorting and filtering on the value and the filteredDescendantCount
  */
 export declare const GRID_TREE_DATA_GROUPING_COL_DEF: Omit<GridColDef, 'field' | 'editable'>;
-export declare const GRID_TREE_DATA_GROUPING_FIELD = "__tree_data_group__";
+export { GRID_TREE_DATA_GROUPING_FIELD };
 export declare const GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES: Pick<GridColDef, 'field' | 'editable' | 'groupable'>;

package/hooks/features/treeData/gridTreeDataGroupColDef.js

@@ -4,9 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GRID_TREE_DATA_GROUPING_FIELD = exports.GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = exports.GRID_TREE_DATA_GROUPING_COL_DEF = void 0;
+exports.GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = exports.GRID_TREE_DATA_GROUPING_COL_DEF = void 0;
+Object.defineProperty(exports, "GRID_TREE_DATA_GROUPING_FIELD", {
+  enumerable: true,
+  get: function () {
+    return _internals.GRID_TREE_DATA_GROUPING_FIELD;
+  }
+});
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _xDataGrid = require("@mui/x-data-grid");
+var _internals = require("@mui/x-data-grid/internals");
 /**
  * TODO: Add sorting and filtering on the value and the filteredDescendantCount
  */
@@ -24,9 +31,8 @@ const GRID_TREE_DATA_GROUPING_COL_DEF = exports.GRID_TREE_DATA_GROUPING_COL_DEF
     return rowNode?.type === 'group' || rowNode?.type === 'leaf' ? rowNode.groupingKey : undefined;
   }
 });
-const GRID_TREE_DATA_GROUPING_FIELD = exports.GRID_TREE_DATA_GROUPING_FIELD = '__tree_data_group__';
 const GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = exports.GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = {
-  field: GRID_TREE_DATA_GROUPING_FIELD,
+  field: _internals.GRID_TREE_DATA_GROUPING_FIELD,
   editable: false,
   groupable: false
 };

package/index.js

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

package/modern/hooks/features/dataSource/useGridDataSource.js

@@ -194,8 +194,6 @@ export const useGridDataSource = (apiRef, props) => {
   useGridApiEventHandler(apiRef, 'sortModelChange', runIfServerMode(props.sortingMode, fetchRows));
   useGridApiEventHandler(apiRef, 'filterModelChange', runIfServerMode(props.filterMode, fetchRows));
   useGridApiEventHandler(apiRef, 'paginationModelChange', runIfServerMode(props.paginationMode, fetchRows));
-  // @ts-ignore - Event is not defined in the Pro API
-  useGridApiEventHandler(apiRef, 'rowGroupingModelChange', () => fetchRows());
   const isFirstRender = React.useRef(true);
   React.useEffect(() => {
     if (isFirstRender.current) {

package/modern/hooks/features/detailPanel/gridDetailPanelToggleColDef.js

@@ -1,10 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { GRID_STRING_COL_DEF } from '@mui/x-data-grid';
+import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from '@mui/x-data-grid/internals';
 import { GridDetailPanelToggleCell } from "../../../components/GridDetailPanelToggleCell.js";
 import { gridDetailPanelExpandedRowIdsSelector } from "./gridDetailPanelSelector.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const GRID_DETAIL_PANEL_TOGGLE_FIELD = '__detail_panel_toggle__';
+export { GRID_DETAIL_PANEL_TOGGLE_FIELD };
 export const GRID_DETAIL_PANEL_TOGGLE_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   type: 'custom',
   field: GRID_DETAIL_PANEL_TOGGLE_FIELD,

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { GRID_STRING_COL_DEF } from '@mui/x-data-grid';
+import { GRID_TREE_DATA_GROUPING_FIELD } from '@mui/x-data-grid/internals';
 
 /**
  * TODO: Add sorting and filtering on the value and the filteredDescendantCount
@@ -18,7 +19,7 @@ export const GRID_TREE_DATA_GROUPING_COL_DEF = _extends({}, GRID_STRING_COL_DEF,
     return rowNode?.type === 'group' || rowNode?.type === 'leaf' ? rowNode.groupingKey : undefined;
   }
 });
-export const GRID_TREE_DATA_GROUPING_FIELD = '__tree_data_group__';
+export { GRID_TREE_DATA_GROUPING_FIELD };
 export const GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = {
   field: GRID_TREE_DATA_GROUPING_FIELD,
   editable: false,

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v7.22.0
+ * @mui/x-data-grid-pro v7.22.1
  *
  * @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 = "MTcyOTc5NjQwMDAwMA==";
+  const releaseInfo = "MTczMDQzMzYwMDAwMA==";
   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": "7.22.0",
+  "version": "7.22.1",
   "description": "The Pro plan edition of the Data Grid components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -39,9 +39,9 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
+    "@mui/x-data-grid": "7.22.1",
     "@mui/x-internals": "7.21.0",
-    "@mui/x-license": "7.21.0",
-    "@mui/x-data-grid": "7.22.0"
+    "@mui/x-license": "7.21.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTcyOTc5NjQwMDAwMA==";
+  const releaseInfo = "MTczMDQzMzYwMDAwMA==";
   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