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

package/CHANGELOG.md

@@ -3,6 +3,32 @@
 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_

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

@@ -2,7 +2,7 @@ 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, isAutoGenerated, }: {
     groupingParams: GridHydrateRowsValue;
@@ -31,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

@@ -45,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, {
@@ -58,6 +75,25 @@ 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,

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI X v5.17.21
+/** @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

@@ -45,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, {
@@ -58,6 +75,25 @@ 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,

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI X v5.17.21
+/** @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 = "MTY3NDc1OTYwMDAwMA==";
+  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

@@ -43,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, {
@@ -54,6 +71,23 @@ 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,

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI X v5.17.21
+/** @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 = "MTY3NDc1OTYwMDAwMA==";
+  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"));
@@ -61,17 +62,53 @@ 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,

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI X v5.17.21
+/** @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 = "MTY3NDc1OTYwMDAwMA==";
+  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.21",
+  "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.21",
+    "@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 = "MTY3NDc1OTYwMDAwMA==";
+  const releaseInfo = "MTY3NTI5MjQwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).