@mui/x-data-grid-pro 5.17.20 → 5.17.22

package/CHANGELOG.md

@@ -3,6 +3,70 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## v5.17.22
+
+_Feb 2, 2023_
+
+We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Urdu (ur-PK) locale
+- 🌍 Improve French (fr-FR) and Italian (it-IT) locales
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.22` / `@mui/x-data-grid-pro@v5.17.22` / `@mui/x-data-grid-premium@v5.17.22`
+
+#### Changes
+
+- [DataGrid] Fix an error when deleting pinned row using the buttons in the `actions` column (#7767) @cherniavskii
+- [DataGrid] Fix print preview regression in Chrome browser (#7405) @cherniavskii
+- [l10n] Add Urdu (ur-PK) locale (#7778) @MBilalShafi
+- [l10n] Improve French (fr-FR) locale (#7795) @Vivek-Prajapatii
+
+### `@mui/x-date-pickers@v5.0.17` / `@mui/x-date-pickers-pro@v5.0.17`
+
+#### Changes
+
+- [TimePicker] Add missing `themeAugmentation` entry (#7732) @LukasTy
+- [l10n] Improve Italian (it-IT) locale (#7761) @simonecervini
+
+## v5.17.21
+
+_Jan 27, 2023_
+
+We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Belarusian (be-BY), Czech (cs-CZ), and Russian (ru-RU) locales
+- 🌍 Improve Slovak (sk-SK), Japanese (ja-JP), Vietnamese (vi-VN), and Spanish (es-ES) locales
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.21` / `@mui/x-data-grid-pro@v5.17.21` / `@mui/x-data-grid-premium@v5.17.21`
+
+#### Changes
+
+- [DataGrid] Add `title` attribute to cells (#7695) @thupi
+- [DataGrid] Fix grid state not being updated after print preview is closed (#7680) @cherniavskii
+- [DataGrid] Fix non-hideable columns visibility toggling (#7716) @cherniavskii
+- [DataGrid] Fix scrolling on resize for data grids inside shadow root (#7722) @cherniavskii
+- [DataGridPremium] Create aggregation footer row with `isAutoGenerated: true` (#7681) @m4theushw
+- [l10n] Add Belarusian (be-BY) locale (#7718) @volhalink
+- [l10n] Add Slovak (sk-SK) translation for aggregation functions (#7690) @msidlo
+- [l10n] Add missing core locales for `MuiTablePagination` (#7719) @MBilalShafi
+- [l10n] Improve Japanese (ja-JP) locale (#7627) @makoto14
+- [l10n] Improve Vietnamese (vi-VN) locale (#7601) @SpacerZ
+
+### `@mui/x-date-pickers@v5.0.16` / `@mui/x-date-pickers-pro@v5.0.16`
+
+#### Changes
+
+- [pickers] Add missing components to `themeAugmentation` (#7677) @LukasTy
+- [l10n] Add Czech (cs-CZ) locale (#7666) @OndrejHj04
+- [l10n] Add Russian (ru-RU) locale (#7708) @rstmzh
+- [l10n] Improve Spanish (es-ES) locale (#7614) @WiXSL
+
+### Docs
+
+- [docs] Add info callout about available component `slots` (#7723) @Vivek-Prajapatii
+
 ## 5.17.20
 
 _Jan 19, 2023_

package/hooks/features/rowPinning/useGridRowPinningPreProcessors.d.ts

@@ -2,14 +2,15 @@ import * as React from 'react';
 import { GridHydrateRowsValue } from '@mui/x-data-grid/internals';
 import { GridRowEntry, GridRowId, GridRowModel } from '@mui/x-data-grid';
 import { GridApiPro } from '../../../models/gridApiPro';
-import { GridPinnedRowsProp } from './gridRowPinningInterface';
+import type { GridPinnedRowsProp } from './gridRowPinningInterface';
 declare type GridPinnedRowPosition = keyof GridPinnedRowsProp;
-export declare function addPinnedRow({ groupingParams, rowModel, rowId, position, apiRef, }: {
+export declare function addPinnedRow({ groupingParams, rowModel, rowId, position, apiRef, isAutoGenerated, }: {
     groupingParams: GridHydrateRowsValue;
     rowModel: GridRowModel;
     rowId: GridRowId;
     position: GridPinnedRowPosition;
     apiRef: React.MutableRefObject<GridApiPro>;
+    isAutoGenerated: boolean;
 }): {
     idRowsLookup: {
         [x: string]: import("@mui/x-data-grid").GridValidRowModel;
@@ -30,5 +31,10 @@ export declare function addPinnedRow({ groupingParams, rowModel, rowId, position
     ids: GridRowId[];
     idToIdLookup: Record<string, GridRowId>;
 };
+export declare function removePinnedRow({ groupingParams, rowId, apiRef, }: {
+    groupingParams: GridHydrateRowsValue;
+    rowId: GridRowId;
+    apiRef: React.MutableRefObject<GridApiPro>;
+}): void;
 export declare const useGridRowPinningPreProcessors: (apiRef: React.MutableRefObject<GridApiPro>) => void;
 export {};

package/hooks/features/rowPinning/useGridRowPinningPreProcessors.js

@@ -6,7 +6,8 @@ export function addPinnedRow({
   rowModel,
   rowId,
   position,
-  apiRef
+  apiRef,
+  isAutoGenerated
 }) {
   var _groupingParams$addit;
 
@@ -20,7 +21,7 @@ export function addPinnedRow({
 
   tree[rowId] = {
     id: rowId,
-    isAutoGenerated: false,
+    isAutoGenerated,
     parent: null,
     depth: 0,
     groupingKey: null,
@@ -44,11 +45,28 @@ export function addPinnedRow({
     })
   });
 }
+export function removePinnedRow({
+  groupingParams,
+  rowId,
+  apiRef
+}) {
+  const idRowsLookup = _extends({}, groupingParams.idRowsLookup);
+
+  const tree = _extends({}, groupingParams.tree);
+
+  delete idRowsLookup[rowId];
+  delete tree[rowId];
+  delete apiRef.current.unstable_caches.rows.idRowsLookup[rowId];
+  delete apiRef.current.unstable_caches.rows.idToIdLookup[rowId];
+}
 export const useGridRowPinningPreProcessors = apiRef => {
+  const previousPinnedRowsCacheRef = React.useRef(null);
   const addPinnedRows = React.useCallback(groupingParams => {
     var _pinnedRowsCache$topI, _pinnedRowsCache$bott;
 
     const pinnedRowsCache = apiRef.current.unstable_caches.pinnedRows || {};
+    const previousPinnedRowsCache = previousPinnedRowsCacheRef.current;
+    previousPinnedRowsCacheRef.current = pinnedRowsCache;
 
     let newGroupingParams = _extends({}, groupingParams, {
       additionalRowGroups: _extends({}, groupingParams.additionalRowGroups, {
@@ -57,13 +75,33 @@ export const useGridRowPinningPreProcessors = apiRef => {
       })
     });
 
+    if (previousPinnedRowsCache) {
+      var _previousPinnedRowsCa, _previousPinnedRowsCa2;
+
+      (_previousPinnedRowsCa = previousPinnedRowsCache.topIds) == null ? void 0 : _previousPinnedRowsCa.forEach(rowId => {
+        removePinnedRow({
+          groupingParams: newGroupingParams,
+          rowId,
+          apiRef
+        });
+      });
+      (_previousPinnedRowsCa2 = previousPinnedRowsCache.bottomIds) == null ? void 0 : _previousPinnedRowsCa2.forEach(rowId => {
+        removePinnedRow({
+          groupingParams: newGroupingParams,
+          rowId,
+          apiRef
+        });
+      });
+    }
+
     (_pinnedRowsCache$topI = pinnedRowsCache.topIds) == null ? void 0 : _pinnedRowsCache$topI.forEach(rowId => {
       newGroupingParams = addPinnedRow({
         groupingParams: newGroupingParams,
         rowModel: pinnedRowsCache.idLookup[rowId],
         rowId,
         position: 'top',
-        apiRef
+        apiRef,
+        isAutoGenerated: false
       });
     });
     (_pinnedRowsCache$bott = pinnedRowsCache.bottomIds) == null ? void 0 : _pinnedRowsCache$bott.forEach(rowId => {
@@ -72,7 +110,8 @@ export const useGridRowPinningPreProcessors = apiRef => {
         rowModel: pinnedRowsCache.idLookup[rowId],
         rowId,
         position: 'bottom',
-        apiRef
+        apiRef,
+        isAutoGenerated: false
       });
     }); // If row with the same `id` is present both in `rows` and `pinnedRows` - remove it from `ids`
 

package/index.js

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

package/legacy/hooks/features/rowPinning/useGridRowPinningPreProcessors.js

@@ -10,7 +10,8 @@ export function addPinnedRow(_ref) {
       rowModel = _ref.rowModel,
       rowId = _ref.rowId,
       position = _ref.position,
-      apiRef = _ref.apiRef;
+      apiRef = _ref.apiRef,
+      isAutoGenerated = _ref.isAutoGenerated;
 
   var idRowsLookup = _extends({}, groupingParams.idRowsLookup);
 
@@ -22,7 +23,7 @@ export function addPinnedRow(_ref) {
 
   tree[rowId] = {
     id: rowId,
-    isAutoGenerated: false,
+    isAutoGenerated: isAutoGenerated,
     parent: null,
     depth: 0,
     groupingKey: null,
@@ -44,11 +45,28 @@ export function addPinnedRow(_ref) {
     })
   });
 }
+export function removePinnedRow(_ref2) {
+  var groupingParams = _ref2.groupingParams,
+      rowId = _ref2.rowId,
+      apiRef = _ref2.apiRef;
+
+  var idRowsLookup = _extends({}, groupingParams.idRowsLookup);
+
+  var tree = _extends({}, groupingParams.tree);
+
+  delete idRowsLookup[rowId];
+  delete tree[rowId];
+  delete apiRef.current.unstable_caches.rows.idRowsLookup[rowId];
+  delete apiRef.current.unstable_caches.rows.idToIdLookup[rowId];
+}
 export var useGridRowPinningPreProcessors = function useGridRowPinningPreProcessors(apiRef) {
+  var previousPinnedRowsCacheRef = React.useRef(null);
   var addPinnedRows = React.useCallback(function (groupingParams) {
     var _pinnedRowsCache$topI, _pinnedRowsCache$bott;
 
     var pinnedRowsCache = apiRef.current.unstable_caches.pinnedRows || {};
+    var previousPinnedRowsCache = previousPinnedRowsCacheRef.current;
+    previousPinnedRowsCacheRef.current = pinnedRowsCache;
 
     var newGroupingParams = _extends({}, groupingParams, {
       additionalRowGroups: _extends({}, groupingParams.additionalRowGroups, {
@@ -57,13 +75,33 @@ export var useGridRowPinningPreProcessors = function useGridRowPinningPreProcess
       })
     });
 
+    if (previousPinnedRowsCache) {
+      var _previousPinnedRowsCa, _previousPinnedRowsCa2;
+
+      (_previousPinnedRowsCa = previousPinnedRowsCache.topIds) == null ? void 0 : _previousPinnedRowsCa.forEach(function (rowId) {
+        removePinnedRow({
+          groupingParams: newGroupingParams,
+          rowId: rowId,
+          apiRef: apiRef
+        });
+      });
+      (_previousPinnedRowsCa2 = previousPinnedRowsCache.bottomIds) == null ? void 0 : _previousPinnedRowsCa2.forEach(function (rowId) {
+        removePinnedRow({
+          groupingParams: newGroupingParams,
+          rowId: rowId,
+          apiRef: apiRef
+        });
+      });
+    }
+
     (_pinnedRowsCache$topI = pinnedRowsCache.topIds) == null ? void 0 : _pinnedRowsCache$topI.forEach(function (rowId) {
       newGroupingParams = addPinnedRow({
         groupingParams: newGroupingParams,
         rowModel: pinnedRowsCache.idLookup[rowId],
         rowId: rowId,
         position: 'top',
-        apiRef: apiRef
+        apiRef: apiRef,
+        isAutoGenerated: false
       });
     });
     (_pinnedRowsCache$bott = pinnedRowsCache.bottomIds) == null ? void 0 : _pinnedRowsCache$bott.forEach(function (rowId) {
@@ -72,7 +110,8 @@ export var useGridRowPinningPreProcessors = function useGridRowPinningPreProcess
         rowModel: pinnedRowsCache.idLookup[rowId],
         rowId: rowId,
         position: 'bottom',
-        apiRef: apiRef
+        apiRef: apiRef,
+        isAutoGenerated: false
       });
     }); // If row with the same `id` is present both in `rows` and `pinnedRows` - remove it from `ids`
 

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI X v5.17.20
+/** @license MUI X v5.17.22
  *
  * This source code is licensed under the commercial 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 = "MTY3NDA4MjgwMDAwMA==";
+  var releaseInfo = "MTY3NTI5MjQwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).

package/modern/hooks/features/rowPinning/useGridRowPinningPreProcessors.js

@@ -6,7 +6,8 @@ export function addPinnedRow({
   rowModel,
   rowId,
   position,
-  apiRef
+  apiRef,
+  isAutoGenerated
 }) {
   const idRowsLookup = _extends({}, groupingParams.idRowsLookup);
 
@@ -18,7 +19,7 @@ export function addPinnedRow({
 
   tree[rowId] = {
     id: rowId,
-    isAutoGenerated: false,
+    isAutoGenerated,
     parent: null,
     depth: 0,
     groupingKey: null,
@@ -42,9 +43,26 @@ export function addPinnedRow({
     })
   });
 }
+export function removePinnedRow({
+  groupingParams,
+  rowId,
+  apiRef
+}) {
+  const idRowsLookup = _extends({}, groupingParams.idRowsLookup);
+
+  const tree = _extends({}, groupingParams.tree);
+
+  delete idRowsLookup[rowId];
+  delete tree[rowId];
+  delete apiRef.current.unstable_caches.rows.idRowsLookup[rowId];
+  delete apiRef.current.unstable_caches.rows.idToIdLookup[rowId];
+}
 export const useGridRowPinningPreProcessors = apiRef => {
+  const previousPinnedRowsCacheRef = React.useRef(null);
   const addPinnedRows = React.useCallback(groupingParams => {
     const pinnedRowsCache = apiRef.current.unstable_caches.pinnedRows || {};
+    const previousPinnedRowsCache = previousPinnedRowsCacheRef.current;
+    previousPinnedRowsCacheRef.current = pinnedRowsCache;
 
     let newGroupingParams = _extends({}, groupingParams, {
       additionalRowGroups: _extends({}, groupingParams.additionalRowGroups, {
@@ -53,13 +71,31 @@ export const useGridRowPinningPreProcessors = apiRef => {
       })
     });
 
+    if (previousPinnedRowsCache) {
+      previousPinnedRowsCache.topIds?.forEach(rowId => {
+        removePinnedRow({
+          groupingParams: newGroupingParams,
+          rowId,
+          apiRef
+        });
+      });
+      previousPinnedRowsCache.bottomIds?.forEach(rowId => {
+        removePinnedRow({
+          groupingParams: newGroupingParams,
+          rowId,
+          apiRef
+        });
+      });
+    }
+
     pinnedRowsCache.topIds?.forEach(rowId => {
       newGroupingParams = addPinnedRow({
         groupingParams: newGroupingParams,
         rowModel: pinnedRowsCache.idLookup[rowId],
         rowId,
         position: 'top',
-        apiRef
+        apiRef,
+        isAutoGenerated: false
       });
     });
     pinnedRowsCache.bottomIds?.forEach(rowId => {
@@ -68,7 +104,8 @@ export const useGridRowPinningPreProcessors = apiRef => {
         rowModel: pinnedRowsCache.idLookup[rowId],
         rowId,
         position: 'bottom',
-        apiRef
+        apiRef,
+        isAutoGenerated: false
       });
     }); // If row with the same `id` is present both in `rows` and `pinnedRows` - remove it from `ids`
 

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI X v5.17.20
+/** @license MUI X v5.17.22
  *
  * This source code is licensed under the commercial 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 = "MTY3NDA4MjgwMDAwMA==";
+  const releaseInfo = "MTY3NTI5MjQwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).

package/node/hooks/features/rowPinning/useGridRowPinningPreProcessors.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.addPinnedRow = addPinnedRow;
+exports.removePinnedRow = removePinnedRow;
 exports.useGridRowPinningPreProcessors = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -23,7 +24,8 @@ function addPinnedRow({
   rowModel,
   rowId,
   position,
-  apiRef
+  apiRef,
+  isAutoGenerated
 }) {
   var _groupingParams$addit;
 
@@ -35,7 +37,7 @@ function addPinnedRow({
 
   tree[rowId] = {
     id: rowId,
-    isAutoGenerated: false,
+    isAutoGenerated,
     parent: null,
     depth: 0,
     groupingKey: null,
@@ -60,24 +62,61 @@ function addPinnedRow({
   });
 }
 
+function removePinnedRow({
+  groupingParams,
+  rowId,
+  apiRef
+}) {
+  const idRowsLookup = (0, _extends2.default)({}, groupingParams.idRowsLookup);
+  const tree = (0, _extends2.default)({}, groupingParams.tree);
+  delete idRowsLookup[rowId];
+  delete tree[rowId];
+  delete apiRef.current.unstable_caches.rows.idRowsLookup[rowId];
+  delete apiRef.current.unstable_caches.rows.idToIdLookup[rowId];
+}
+
 const useGridRowPinningPreProcessors = apiRef => {
+  const previousPinnedRowsCacheRef = React.useRef(null);
   const addPinnedRows = React.useCallback(groupingParams => {
     var _pinnedRowsCache$topI, _pinnedRowsCache$bott;
 
     const pinnedRowsCache = apiRef.current.unstable_caches.pinnedRows || {};
+    const previousPinnedRowsCache = previousPinnedRowsCacheRef.current;
+    previousPinnedRowsCacheRef.current = pinnedRowsCache;
     let newGroupingParams = (0, _extends2.default)({}, groupingParams, {
       additionalRowGroups: (0, _extends2.default)({}, groupingParams.additionalRowGroups, {
         // reset pinned rows state
         pinnedRows: {}
       })
     });
+
+    if (previousPinnedRowsCache) {
+      var _previousPinnedRowsCa, _previousPinnedRowsCa2;
+
+      (_previousPinnedRowsCa = previousPinnedRowsCache.topIds) == null ? void 0 : _previousPinnedRowsCa.forEach(rowId => {
+        removePinnedRow({
+          groupingParams: newGroupingParams,
+          rowId,
+          apiRef
+        });
+      });
+      (_previousPinnedRowsCa2 = previousPinnedRowsCache.bottomIds) == null ? void 0 : _previousPinnedRowsCa2.forEach(rowId => {
+        removePinnedRow({
+          groupingParams: newGroupingParams,
+          rowId,
+          apiRef
+        });
+      });
+    }
+
     (_pinnedRowsCache$topI = pinnedRowsCache.topIds) == null ? void 0 : _pinnedRowsCache$topI.forEach(rowId => {
       newGroupingParams = addPinnedRow({
         groupingParams: newGroupingParams,
         rowModel: pinnedRowsCache.idLookup[rowId],
         rowId,
         position: 'top',
-        apiRef
+        apiRef,
+        isAutoGenerated: false
       });
     });
     (_pinnedRowsCache$bott = pinnedRowsCache.bottomIds) == null ? void 0 : _pinnedRowsCache$bott.forEach(rowId => {
@@ -86,7 +125,8 @@ const useGridRowPinningPreProcessors = apiRef => {
         rowModel: pinnedRowsCache.idLookup[rowId],
         rowId,
         position: 'bottom',
-        apiRef
+        apiRef,
+        isAutoGenerated: false
       });
     }); // If row with the same `id` is present both in `rows` and `pinnedRows` - remove it from `ids`
 

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI X v5.17.20
+/** @license MUI X v5.17.22
  *
  * This source code is licensed under the commercial 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 = "MTY3NDA4MjgwMDAwMA==";
+  const releaseInfo = "MTY3NTI5MjQwMDAwMA==";
 
   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.20",
+  "version": "5.17.22",
   "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.18.9",
     "@mui/utils": "^5.10.3",
-    "@mui/x-data-grid": "5.17.20",
+    "@mui/x-data-grid": "5.17.22",
     "@mui/x-license-pro": "5.17.12",
     "@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 = "MTY3NDA4MjgwMDAwMA==";
+  const releaseInfo = "MTY3NTI5MjQwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).