@mui/x-data-grid 5.17.21 → 5.17.23

package/CHANGELOG.md

@@ -3,6 +3,66 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.17.23
+
+_Feb 9, 2023_
+
+We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Brazilian Portuguese (pt-BR) locale
+- 🎉 Add banner and callouts to inform about MUI X v6 beta
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.23` / `@mui/x-data-grid-pro@v5.17.23` / `@mui/x-data-grid-premium@v5.17.23`
+
+#### Changes
+
+- [DataGrid] Allow to customize the value displayed in the filter button tooltip (#7816) @ithrforu
+- [DataGrid] Fix `getCellElement` method not working with pinned columns (#7844) @yaredtsy
+- [DataGrid] Fix stale rows issue in `unstable_replaceRows` (#7694) @MBilalShafi
+- [l10n] Improve Brazilian Portuguese (pt-BR) locale (#7850) @ed-ateixeira
+
+### `@mui/x-date-pickers@v_5.0.18` / `@mui/x-date-pickers-pro@v_5.0.18`
+
+#### Changes
+
+- [pickers] Update pickers when new value has a distinct timezone (#7853) @alexfauquette
+
+### Docs
+
+- [docs] Add messages in v5 doc to inform people about v6 (#7838) @flaviendelangle
+- [docs] Fix 301 link @oliviertassinari
+
+### Core
+
+- [core] Upgrade monorepo (#7849) @cherniavskii
+
+## 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/components/toolbar/GridToolbarFilterButton.js

@@ -67,18 +67,21 @@ const GridToolbarFilterButton = /*#__PURE__*/React.forwardRef(function GridToolb
 
     const getOperatorLabel = item => lookup[item.columnField].filterOperators.find(operator => operator.value === item.operatorValue).label || apiRef.current.getLocaleText(`filterOperator${capitalize(item.operatorValue)}`).toString();
 
+    const getFilterItemValue = item => {
+      const {
+        getValueAsString
+      } = lookup[item.columnField].filterOperators.find(operator => operator.value === item.operatorValue);
+      return getValueAsString ? getValueAsString(item.value) : item.value;
+    };
+
     return /*#__PURE__*/_jsxs("div", {
       children: [apiRef.current.getLocaleText('toolbarFiltersTooltipActive')(activeFilters.length), /*#__PURE__*/_jsx(GridToolbarFilterListRoot, {
         className: classes.root,
-        children: activeFilters.map((item, index) => {
-          var _item$value;
-
-          return _extends({}, lookup[item.columnField] && /*#__PURE__*/_jsx("li", {
-            children: `${lookup[item.columnField].headerName || item.columnField}
+        children: activeFilters.map((item, index) => _extends({}, lookup[item.columnField] && /*#__PURE__*/_jsx("li", {
+          children: `${lookup[item.columnField].headerName || item.columnField}
                   ${getOperatorLabel(item)}
-                  ${(_item$value = item.value) != null ? _item$value : ''}`
-          }, index));
-        })
+                  ${item.value ? getFilterItemValue(item) : ''}`
+        }, index)))
       })]
     });
   }, [apiRef, preferencePanel.open, activeFilters, lookup, classes]);

package/hooks/features/export/useGridPrintExport.js

@@ -21,6 +21,11 @@ function raf() {
   });
 }
 
+function getChromeVersion() {
+  const raw = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
+  return raw ? parseInt(raw[2], 10) : null;
+}
+
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)
@@ -96,6 +101,13 @@ export const useGridPrintExport = (apiRef, props) => {
 
     const gridMain = gridClone.querySelector(`.${gridClasses.main}`);
     gridMain.style.overflow = 'visible';
+    const chromeVersion = getChromeVersion();
+
+    if (chromeVersion && chromeVersion >= 108) {
+      // See https://support.google.com/chrome/thread/191619088?hl=en&msgid=193009642
+      gridClone.style.contain = 'size';
+    }
+
     const columnHeaders = gridClone.querySelector(`.${gridClasses.columnHeaders}`);
     const columnHeadersInner = columnHeaders.querySelector(`.${gridClasses.columnHeadersInner}`);
     columnHeadersInner.style.width = '100%';

package/hooks/features/rows/useGridRows.js

@@ -299,14 +299,19 @@ export const useGridRows = (apiRef, props) => {
     apiRef.current.unstable_caches.rows.idRowsLookup = updatedIdRowsLookup;
     apiRef.current.unstable_caches.rows.idToIdLookup = updatedIdToIdLookup;
     apiRef.current.unstable_caches.rows.ids = updatedRows;
-    apiRef.current.setState(state => _extends({}, state, {
-      rows: _extends({}, state.rows, {
+    apiRef.current.setState(state => {
+      const newRowsState = {
         idRowsLookup: updatedIdRowsLookup,
         idToIdLookup: updatedIdToIdLookup,
         tree: updatedTree,
         ids: updatedRows
-      })
-    }));
+      };
+      return _extends({}, state, {
+        rows: _extends({}, state.rows, newRowsState, {
+          groupingResponseBeforeRowHydration: _extends({}, state.rows.groupingResponseBeforeRowHydration, newRowsState)
+        })
+      });
+    });
     apiRef.current.publishEvent('rowsSet');
   }, [apiRef, props.signature, props.getRowId]);
   const rowApi = {

package/index.js

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

package/legacy/components/toolbar/GridToolbarFilterButton.js

@@ -71,14 +71,21 @@ var GridToolbarFilterButton = /*#__PURE__*/React.forwardRef(function GridToolbar
       }).label || apiRef.current.getLocaleText("filterOperator".concat(capitalize(item.operatorValue))).toString();
     };
 
+    var getFilterItemValue = function getFilterItemValue(item) {
+      var _ref2 = lookup[item.columnField].filterOperators.find(function (operator) {
+        return operator.value === item.operatorValue;
+      }),
+          getValueAsString = _ref2.getValueAsString;
+
+      return getValueAsString ? getValueAsString(item.value) : item.value;
+    };
+
     return /*#__PURE__*/_jsxs("div", {
       children: [apiRef.current.getLocaleText('toolbarFiltersTooltipActive')(activeFilters.length), /*#__PURE__*/_jsx(GridToolbarFilterListRoot, {
         className: classes.root,
         children: activeFilters.map(function (item, index) {
-          var _item$value;
-
           return _extends({}, lookup[item.columnField] && /*#__PURE__*/_jsx("li", {
-            children: "".concat(lookup[item.columnField].headerName || item.columnField, "\n                  ").concat(getOperatorLabel(item), "\n                  ").concat((_item$value = item.value) != null ? _item$value : '')
+            children: "".concat(lookup[item.columnField].headerName || item.columnField, "\n                  ").concat(getOperatorLabel(item), "\n                  ").concat(item.value ? getFilterItemValue(item) : '')
           }, index));
         })
       })]

package/legacy/hooks/features/export/useGridPrintExport.js

@@ -24,6 +24,11 @@ function raf() {
   });
 }
 
+function getChromeVersion() {
+  var raw = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
+  return raw ? parseInt(raw[2], 10) : null;
+}
+
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)
@@ -103,6 +108,13 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
 
     var gridMain = gridClone.querySelector(".".concat(gridClasses.main));
     gridMain.style.overflow = 'visible';
+    var chromeVersion = getChromeVersion();
+
+    if (chromeVersion && chromeVersion >= 108) {
+      // See https://support.google.com/chrome/thread/191619088?hl=en&msgid=193009642
+      gridClone.style.contain = 'size';
+    }
+
     var columnHeaders = gridClone.querySelector(".".concat(gridClasses.columnHeaders));
     var columnHeadersInner = columnHeaders.querySelector(".".concat(gridClasses.columnHeadersInner));
     columnHeadersInner.style.width = '100%';

package/legacy/hooks/features/rows/useGridRows.js

@@ -329,12 +329,15 @@ export var useGridRows = function useGridRows(apiRef, props) {
     apiRef.current.unstable_caches.rows.idToIdLookup = updatedIdToIdLookup;
     apiRef.current.unstable_caches.rows.ids = updatedRows;
     apiRef.current.setState(function (state) {
+      var newRowsState = {
+        idRowsLookup: updatedIdRowsLookup,
+        idToIdLookup: updatedIdToIdLookup,
+        tree: updatedTree,
+        ids: updatedRows
+      };
       return _extends({}, state, {
-        rows: _extends({}, state.rows, {
-          idRowsLookup: updatedIdRowsLookup,
-          idToIdLookup: updatedIdToIdLookup,
-          tree: updatedTree,
-          ids: updatedRows
+        rows: _extends({}, state.rows, newRowsState, {
+          groupingResponseBeforeRowHydration: _extends({}, state.rows.groupingResponseBeforeRowHydration, newRowsState)
         })
       });
     });

package/legacy/index.js

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

package/legacy/locales/frFR.js

@@ -62,7 +62,7 @@ var frFRGrid = {
   filterOperatorOnOrBefore: 'égal ou antérieur',
   filterOperatorIsEmpty: 'est vide',
   filterOperatorIsNotEmpty: "n'est pas vide",
-  filterOperatorIsAnyOf: 'fait parti de',
+  filterOperatorIsAnyOf: 'fait partie de',
   // Filter values text
   filterValueAny: 'tous',
   filterValueTrue: 'vrai',

package/legacy/locales/index.js

@@ -26,6 +26,7 @@ export * from './skSK';
 export * from './svSE';
 export * from './trTR';
 export * from './ukUA';
+export * from './urPK';
 export * from './viVN';
 export * from './zhCN';
 export * from './zhTW';

package/legacy/locales/urPK.js

@@ -0,0 +1,135 @@
+import { urPKCore } from './coreLocales';
+import { getGridLocalization } from '../utils/getGridLocalization';
+var urPKGrid = {
+  // Root
+  noRowsLabel: 'کوئی قطاریں نہیں',
+  noResultsOverlayLabel: 'کوئی نتائج نہیں',
+  errorOverlayDefaultLabel: 'ایک مسئلہ ہو گیا',
+  // Density selector toolbar button text
+  toolbarDensity: 'کثافت',
+  toolbarDensityLabel: 'کثافت',
+  toolbarDensityCompact: 'تنگ',
+  toolbarDensityStandard: 'درمیانہ',
+  toolbarDensityComfortable: 'مناسب',
+  // Columns selector toolbar button text
+  toolbarColumns: 'کالمز',
+  toolbarColumnsLabel: 'کالمز کو منتخب کریں',
+  // Filters toolbar button text
+  toolbarFilters: 'فلٹرز',
+  toolbarFiltersLabel: 'فلٹرز دکھائیں',
+  toolbarFiltersTooltipHide: 'فلٹرز چھپائیں',
+  toolbarFiltersTooltipShow: 'فلٹرز دکھائیں',
+  toolbarFiltersTooltipActive: function toolbarFiltersTooltipActive(count) {
+    return count !== 1 ? "".concat(count, " \u0641\u0639\u0627\u0644 \u0641\u0644\u0679\u0631\u0632") : "".concat(count, " \u0641\u0644\u0679\u0631\u0632 \u0641\u0639\u0627\u0644");
+  },
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'تلاش کریں۔۔۔',
+  toolbarQuickFilterLabel: 'تلاش کریں',
+  toolbarQuickFilterDeleteIconLabel: 'کلئیر کریں',
+  // Export selector toolbar button text
+  toolbarExport: 'ایکسپورٹ',
+  toolbarExportLabel: 'ایکسپورٹ',
+  toolbarExportCSV: 'CSV کے طور پر ڈاوٴنلوڈ کریں',
+  toolbarExportPrint: 'پرنٹ کریں',
+  toolbarExportExcel: 'ایکسل کے طور پر ڈاوٴنلوڈ کریں',
+  // Columns panel text
+  columnsPanelTextFieldLabel: 'کالم کو تلاش کریں',
+  columnsPanelTextFieldPlaceholder: 'کالم کا عنوان',
+  columnsPanelDragIconLabel: 'کالم کی ترتیب تبدیل کریں',
+  columnsPanelShowAllButton: 'سارے دکھائیں',
+  columnsPanelHideAllButton: 'سارے چھپائیں',
+  // Filter panel text
+  filterPanelAddFilter: 'نیا فلٹر',
+  filterPanelDeleteIconLabel: 'ختم کریں',
+  filterPanelLinkOperator: 'لاجک آپریٹر',
+  filterPanelOperators: 'آپریٹر',
+  // TODO v6: rename to filterPanelOperator
+  filterPanelOperatorAnd: 'اور',
+  filterPanelOperatorOr: 'یا',
+  filterPanelColumns: 'کالمز',
+  filterPanelInputLabel: 'ویلیو',
+  filterPanelInputPlaceholder: 'ویلیو کو فلٹر کریں',
+  // Filter operators text
+  filterOperatorContains: 'شامل ہے',
+  filterOperatorEquals: 'برابر ہے',
+  filterOperatorStartsWith: 'شروع ہوتا ہے',
+  filterOperatorEndsWith: 'ختم ہوتا ہے',
+  filterOperatorIs: 'ہے',
+  filterOperatorNot: 'نہیں',
+  filterOperatorAfter: 'بعد میں ہے',
+  filterOperatorOnOrAfter: 'پر یا بعد میں ہے',
+  filterOperatorBefore: 'پہلے ہے',
+  filterOperatorOnOrBefore: 'پر یا پہلے ہے',
+  filterOperatorIsEmpty: 'خالی ہے',
+  filterOperatorIsNotEmpty: 'خالی نہیں ہے',
+  filterOperatorIsAnyOf: 'ان میں سے کوئی ہے',
+  // Filter values text
+  filterValueAny: 'کوئی بھی',
+  filterValueTrue: 'صحیح',
+  filterValueFalse: 'غلط',
+  // Column menu text
+  columnMenuLabel: 'مینیو',
+  columnMenuShowColumns: 'کالم دکھائیں',
+  columnMenuFilter: 'فلٹر',
+  columnMenuHideColumn: 'چھپائیں',
+  columnMenuUnsort: 'sort ختم کریں',
+  columnMenuSortAsc: 'ترتیب صعودی',
+  columnMenuSortDesc: 'ترتیب نزولی',
+  // Column header text
+  columnHeaderFiltersTooltipActive: function columnHeaderFiltersTooltipActive(count) {
+    return count !== 1 ? "".concat(count, " \u0641\u0639\u0627\u0644 \u0641\u0644\u0679\u0631\u0632") : "".concat(count, " \u0641\u0644\u0679\u0631\u0632 \u0641\u0639\u0627\u0644");
+  },
+  columnHeaderFiltersLabel: 'فلٹرز دکھائیں',
+  columnHeaderSortIconLabel: 'Sort',
+  // Rows selected footer text
+  footerRowSelected: function footerRowSelected(count) {
+    return count !== 1 ? "".concat(count.toLocaleString(), " \u0645\u0646\u062A\u062E\u0628 \u0642\u0637\u0627\u0631\u06CC\u06BA") : "".concat(count.toLocaleString(), " \u0645\u0646\u062A\u062E\u0628 \u0642\u0637\u0627\u0631");
+  },
+  // Total row amount footer text
+  footerTotalRows: 'کل قطاریں:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: function footerTotalVisibleRows(visibleCount, totalCount) {
+    return "".concat(totalCount.toLocaleString(), " \u0645\u06CC\u06BA \u0633\u06D2 ").concat(visibleCount.toLocaleString());
+  },
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'چیک باکس منتخب کریں',
+  checkboxSelectionSelectAllRows: 'تمام قطاریں منتخب کریں',
+  checkboxSelectionUnselectAllRows: 'تمام قطاریں نامنتخب کریں ',
+  checkboxSelectionSelectRow: 'قطار منتخب کریں',
+  checkboxSelectionUnselectRow: 'قطار نامنتخب کریں',
+  // Boolean cell text
+  booleanCellTrueLabel: 'ہاں',
+  booleanCellFalseLabel: 'نہیں',
+  // Actions cell more text
+  actionsCellMore: 'ذیادہ',
+  // Column pinning text
+  pinToLeft: 'بائیں جانب pin کریں',
+  pinToRight: 'دائیں جانب pin کریں',
+  unpin: 'pin ختم کریں',
+  // Tree Data
+  treeDataGroupingHeaderName: 'گروپ',
+  treeDataExpand: 'شاخیں دیکھیں',
+  treeDataCollapse: 'شاخیں چھپائیں',
+  // Grouping columns
+  groupingColumnHeaderName: 'گروپ',
+  groupColumn: function groupColumn(name) {
+    return "".concat(name, " \u0633\u06D2 \u06AF\u0631\u0648\u067E \u06A9\u0631\u06CC\u06BA");
+  },
+  unGroupColumn: function unGroupColumn(name) {
+    return "".concat(name, " \u0633\u06D2 \u06AF\u0631\u0648\u067E \u062E\u062A\u0645 \u06A9\u0631\u06CC\u06BA");
+  },
+  // Master/detail
+  detailPanelToggle: 'ڈیٹیل پینل کھولیں / بند کریں',
+  expandDetailPanel: 'پھیلائیں',
+  collapseDetailPanel: 'تنگ کریں',
+  // Row reordering text
+  rowReorderingHeaderName: 'قطاروں کی ترتیب تبدیل کریں',
+  // Aggregation
+  aggregationMenuItemHeader: 'Aggregation',
+  aggregationFunctionLabelSum: 'sum',
+  aggregationFunctionLabelAvg: 'avg',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'max',
+  aggregationFunctionLabelSize: 'size'
+};
+export var urPK = getGridLocalization(urPKGrid, urPKCore);

package/legacy/utils/domUtils.js

@@ -27,17 +27,19 @@ function escapeOperandAttributeSelector(operand) {
 export function getGridColumnHeaderElement(root, field) {
   return root.querySelector("[role=\"columnheader\"][data-field=\"".concat(escapeOperandAttributeSelector(field), "\"]"));
 }
+
+function getGridRowElementSelector(id) {
+  return ".".concat(gridClasses.row, "[data-id=\"").concat(escapeOperandAttributeSelector(String(id)), "\"]");
+}
+
 export function getGridRowElement(root, id) {
-  return root.querySelector(".".concat(gridClasses.row, "[data-id=\"").concat(escapeOperandAttributeSelector(String(id)), "\"]"));
+  return root.querySelector(getGridRowElementSelector(id));
 }
 export function getGridCellElement(root, _ref) {
   var id = _ref.id,
       field = _ref.field;
-  var row = getGridRowElement(root, id);
-
-  if (!row) {
-    return null;
-  }
-
-  return row.querySelector(".".concat(gridClasses.cell, "[data-field=\"").concat(escapeOperandAttributeSelector(field), "\"]"));
+  var rowSelector = getGridRowElementSelector(id);
+  var cellSelector = ".".concat(gridClasses.cell, "[data-field=\"").concat(escapeOperandAttributeSelector(field), "\"]");
+  var selector = "".concat(rowSelector, " ").concat(cellSelector);
+  return root.querySelector(selector);
 }

package/locales/frFR.js

@@ -60,7 +60,7 @@ const frFRGrid = {
   filterOperatorOnOrBefore: 'égal ou antérieur',
   filterOperatorIsEmpty: 'est vide',
   filterOperatorIsNotEmpty: "n'est pas vide",
-  filterOperatorIsAnyOf: 'fait parti de',
+  filterOperatorIsAnyOf: 'fait partie de',
   // Filter values text
   filterValueAny: 'tous',
   filterValueTrue: 'vrai',

package/locales/index.d.ts

@@ -25,6 +25,7 @@ export * from './skSK';
 export * from './svSE';
 export * from './trTR';
 export * from './ukUA';
+export * from './urPK';
 export * from './viVN';
 export * from './zhCN';
 export * from './zhTW';

package/locales/index.js

@@ -26,6 +26,7 @@ export * from './skSK';
 export * from './svSE';
 export * from './trTR';
 export * from './ukUA';
+export * from './urPK';
 export * from './viVN';
 export * from './zhCN';
 export * from './zhTW';

package/locales/urPK.d.ts

@@ -0,0 +1,2 @@
+import { Localization } from '../utils/getGridLocalization';
+export declare const urPK: Localization;

package/locales/urPK.js

@@ -0,0 +1,123 @@
+import { urPKCore } from './coreLocales';
+import { getGridLocalization } from '../utils/getGridLocalization';
+const urPKGrid = {
+  // Root
+  noRowsLabel: 'کوئی قطاریں نہیں',
+  noResultsOverlayLabel: 'کوئی نتائج نہیں',
+  errorOverlayDefaultLabel: 'ایک مسئلہ ہو گیا',
+  // Density selector toolbar button text
+  toolbarDensity: 'کثافت',
+  toolbarDensityLabel: 'کثافت',
+  toolbarDensityCompact: 'تنگ',
+  toolbarDensityStandard: 'درمیانہ',
+  toolbarDensityComfortable: 'مناسب',
+  // Columns selector toolbar button text
+  toolbarColumns: 'کالمز',
+  toolbarColumnsLabel: 'کالمز کو منتخب کریں',
+  // Filters toolbar button text
+  toolbarFilters: 'فلٹرز',
+  toolbarFiltersLabel: 'فلٹرز دکھائیں',
+  toolbarFiltersTooltipHide: 'فلٹرز چھپائیں',
+  toolbarFiltersTooltipShow: 'فلٹرز دکھائیں',
+  toolbarFiltersTooltipActive: count => count !== 1 ? `${count} فعال فلٹرز` : `${count} فلٹرز فعال`,
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'تلاش کریں۔۔۔',
+  toolbarQuickFilterLabel: 'تلاش کریں',
+  toolbarQuickFilterDeleteIconLabel: 'کلئیر کریں',
+  // Export selector toolbar button text
+  toolbarExport: 'ایکسپورٹ',
+  toolbarExportLabel: 'ایکسپورٹ',
+  toolbarExportCSV: 'CSV کے طور پر ڈاوٴنلوڈ کریں',
+  toolbarExportPrint: 'پرنٹ کریں',
+  toolbarExportExcel: 'ایکسل کے طور پر ڈاوٴنلوڈ کریں',
+  // Columns panel text
+  columnsPanelTextFieldLabel: 'کالم کو تلاش کریں',
+  columnsPanelTextFieldPlaceholder: 'کالم کا عنوان',
+  columnsPanelDragIconLabel: 'کالم کی ترتیب تبدیل کریں',
+  columnsPanelShowAllButton: 'سارے دکھائیں',
+  columnsPanelHideAllButton: 'سارے چھپائیں',
+  // Filter panel text
+  filterPanelAddFilter: 'نیا فلٹر',
+  filterPanelDeleteIconLabel: 'ختم کریں',
+  filterPanelLinkOperator: 'لاجک آپریٹر',
+  filterPanelOperators: 'آپریٹر',
+  // TODO v6: rename to filterPanelOperator
+  filterPanelOperatorAnd: 'اور',
+  filterPanelOperatorOr: 'یا',
+  filterPanelColumns: 'کالمز',
+  filterPanelInputLabel: 'ویلیو',
+  filterPanelInputPlaceholder: 'ویلیو کو فلٹر کریں',
+  // Filter operators text
+  filterOperatorContains: 'شامل ہے',
+  filterOperatorEquals: 'برابر ہے',
+  filterOperatorStartsWith: 'شروع ہوتا ہے',
+  filterOperatorEndsWith: 'ختم ہوتا ہے',
+  filterOperatorIs: 'ہے',
+  filterOperatorNot: 'نہیں',
+  filterOperatorAfter: 'بعد میں ہے',
+  filterOperatorOnOrAfter: 'پر یا بعد میں ہے',
+  filterOperatorBefore: 'پہلے ہے',
+  filterOperatorOnOrBefore: 'پر یا پہلے ہے',
+  filterOperatorIsEmpty: 'خالی ہے',
+  filterOperatorIsNotEmpty: 'خالی نہیں ہے',
+  filterOperatorIsAnyOf: 'ان میں سے کوئی ہے',
+  // Filter values text
+  filterValueAny: 'کوئی بھی',
+  filterValueTrue: 'صحیح',
+  filterValueFalse: 'غلط',
+  // Column menu text
+  columnMenuLabel: 'مینیو',
+  columnMenuShowColumns: 'کالم دکھائیں',
+  columnMenuFilter: 'فلٹر',
+  columnMenuHideColumn: 'چھپائیں',
+  columnMenuUnsort: 'sort ختم کریں',
+  columnMenuSortAsc: 'ترتیب صعودی',
+  columnMenuSortDesc: 'ترتیب نزولی',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} فعال فلٹرز` : `${count} فلٹرز فعال`,
+  columnHeaderFiltersLabel: 'فلٹرز دکھائیں',
+  columnHeaderSortIconLabel: 'Sort',
+  // Rows selected footer text
+  footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} منتخب قطاریں` : `${count.toLocaleString()} منتخب قطار`,
+  // Total row amount footer text
+  footerTotalRows: 'کل قطاریں:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => `${totalCount.toLocaleString()} میں سے ${visibleCount.toLocaleString()}`,
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'چیک باکس منتخب کریں',
+  checkboxSelectionSelectAllRows: 'تمام قطاریں منتخب کریں',
+  checkboxSelectionUnselectAllRows: 'تمام قطاریں نامنتخب کریں ',
+  checkboxSelectionSelectRow: 'قطار منتخب کریں',
+  checkboxSelectionUnselectRow: 'قطار نامنتخب کریں',
+  // Boolean cell text
+  booleanCellTrueLabel: 'ہاں',
+  booleanCellFalseLabel: 'نہیں',
+  // Actions cell more text
+  actionsCellMore: 'ذیادہ',
+  // Column pinning text
+  pinToLeft: 'بائیں جانب pin کریں',
+  pinToRight: 'دائیں جانب pin کریں',
+  unpin: 'pin ختم کریں',
+  // Tree Data
+  treeDataGroupingHeaderName: 'گروپ',
+  treeDataExpand: 'شاخیں دیکھیں',
+  treeDataCollapse: 'شاخیں چھپائیں',
+  // Grouping columns
+  groupingColumnHeaderName: 'گروپ',
+  groupColumn: name => `${name} سے گروپ کریں`,
+  unGroupColumn: name => `${name} سے گروپ ختم کریں`,
+  // Master/detail
+  detailPanelToggle: 'ڈیٹیل پینل کھولیں / بند کریں',
+  expandDetailPanel: 'پھیلائیں',
+  collapseDetailPanel: 'تنگ کریں',
+  // Row reordering text
+  rowReorderingHeaderName: 'قطاروں کی ترتیب تبدیل کریں',
+  // Aggregation
+  aggregationMenuItemHeader: 'Aggregation',
+  aggregationFunctionLabelSum: 'sum',
+  aggregationFunctionLabelAvg: 'avg',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'max',
+  aggregationFunctionLabelSize: 'size'
+};
+export const urPK = getGridLocalization(urPKGrid, urPKCore);

package/models/gridFilterOperator.d.ts

@@ -35,6 +35,12 @@ export interface GridFilterOperator<R extends GridValidRowModel = any, V = any,
      * The props to pass to the input component in the filter panel for this filter operator.
      */
     InputComponentProps?: Record<string, any>;
+    /**
+     * Converts the value of a filter item to a human-readable form.
+     * @param {GridFilterItem['value']} value The filter item value.
+     * @returns {string} The value formatted to be displayed in the UI of filter button tooltip.
+     */
+    getValueAsString?: (value: GridFilterItem['value']) => string;
     /**
      * If `false`, filter operator doesn't require user-entered value to work.
      * Usually should be set to `false` for filter operators that don't have `InputComponent` (for example `isEmpty`)

package/modern/components/toolbar/GridToolbarFilterButton.js

@@ -65,13 +65,20 @@ const GridToolbarFilterButton = /*#__PURE__*/React.forwardRef(function GridToolb
 
     const getOperatorLabel = item => lookup[item.columnField].filterOperators.find(operator => operator.value === item.operatorValue).label || apiRef.current.getLocaleText(`filterOperator${capitalize(item.operatorValue)}`).toString();
 
+    const getFilterItemValue = item => {
+      const {
+        getValueAsString
+      } = lookup[item.columnField].filterOperators.find(operator => operator.value === item.operatorValue);
+      return getValueAsString ? getValueAsString(item.value) : item.value;
+    };
+
     return /*#__PURE__*/_jsxs("div", {
       children: [apiRef.current.getLocaleText('toolbarFiltersTooltipActive')(activeFilters.length), /*#__PURE__*/_jsx(GridToolbarFilterListRoot, {
         className: classes.root,
         children: activeFilters.map((item, index) => _extends({}, lookup[item.columnField] && /*#__PURE__*/_jsx("li", {
           children: `${lookup[item.columnField].headerName || item.columnField}
                   ${getOperatorLabel(item)}
-                  ${item.value ?? ''}`
+                  ${item.value ? getFilterItemValue(item) : ''}`
         }, index)))
       })]
     });

package/modern/hooks/features/export/useGridPrintExport.js

@@ -21,6 +21,11 @@ function raf() {
   });
 }
 
+function getChromeVersion() {
+  const raw = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
+  return raw ? parseInt(raw[2], 10) : null;
+}
+
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)
@@ -94,6 +99,13 @@ export const useGridPrintExport = (apiRef, props) => {
 
     const gridMain = gridClone.querySelector(`.${gridClasses.main}`);
     gridMain.style.overflow = 'visible';
+    const chromeVersion = getChromeVersion();
+
+    if (chromeVersion && chromeVersion >= 108) {
+      // See https://support.google.com/chrome/thread/191619088?hl=en&msgid=193009642
+      gridClone.style.contain = 'size';
+    }
+
     const columnHeaders = gridClone.querySelector(`.${gridClasses.columnHeaders}`);
     const columnHeadersInner = columnHeaders.querySelector(`.${gridClasses.columnHeadersInner}`);
     columnHeadersInner.style.width = '100%';

package/modern/hooks/features/rows/useGridRows.js

@@ -291,14 +291,19 @@ export const useGridRows = (apiRef, props) => {
     apiRef.current.unstable_caches.rows.idRowsLookup = updatedIdRowsLookup;
     apiRef.current.unstable_caches.rows.idToIdLookup = updatedIdToIdLookup;
     apiRef.current.unstable_caches.rows.ids = updatedRows;
-    apiRef.current.setState(state => _extends({}, state, {
-      rows: _extends({}, state.rows, {
+    apiRef.current.setState(state => {
+      const newRowsState = {
         idRowsLookup: updatedIdRowsLookup,
         idToIdLookup: updatedIdToIdLookup,
         tree: updatedTree,
         ids: updatedRows
-      })
-    }));
+      };
+      return _extends({}, state, {
+        rows: _extends({}, state.rows, newRowsState, {
+          groupingResponseBeforeRowHydration: _extends({}, state.rows.groupingResponseBeforeRowHydration, newRowsState)
+        })
+      });
+    });
     apiRef.current.publishEvent('rowsSet');
   }, [apiRef, props.signature, props.getRowId]);
   const rowApi = {

package/modern/index.js

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

package/modern/locales/frFR.js

@@ -60,7 +60,7 @@ const frFRGrid = {
   filterOperatorOnOrBefore: 'égal ou antérieur',
   filterOperatorIsEmpty: 'est vide',
   filterOperatorIsNotEmpty: "n'est pas vide",
-  filterOperatorIsAnyOf: 'fait parti de',
+  filterOperatorIsAnyOf: 'fait partie de',
   // Filter values text
   filterValueAny: 'tous',
   filterValueTrue: 'vrai',

package/modern/locales/index.js

@@ -26,6 +26,7 @@ export * from './skSK';
 export * from './svSE';
 export * from './trTR';
 export * from './ukUA';
+export * from './urPK';
 export * from './viVN';
 export * from './zhCN';
 export * from './zhTW';

package/modern/locales/urPK.js

@@ -0,0 +1,123 @@
+import { urPKCore } from './coreLocales';
+import { getGridLocalization } from '../utils/getGridLocalization';
+const urPKGrid = {
+  // Root
+  noRowsLabel: 'کوئی قطاریں نہیں',
+  noResultsOverlayLabel: 'کوئی نتائج نہیں',
+  errorOverlayDefaultLabel: 'ایک مسئلہ ہو گیا',
+  // Density selector toolbar button text
+  toolbarDensity: 'کثافت',
+  toolbarDensityLabel: 'کثافت',
+  toolbarDensityCompact: 'تنگ',
+  toolbarDensityStandard: 'درمیانہ',
+  toolbarDensityComfortable: 'مناسب',
+  // Columns selector toolbar button text
+  toolbarColumns: 'کالمز',
+  toolbarColumnsLabel: 'کالمز کو منتخب کریں',
+  // Filters toolbar button text
+  toolbarFilters: 'فلٹرز',
+  toolbarFiltersLabel: 'فلٹرز دکھائیں',
+  toolbarFiltersTooltipHide: 'فلٹرز چھپائیں',
+  toolbarFiltersTooltipShow: 'فلٹرز دکھائیں',
+  toolbarFiltersTooltipActive: count => count !== 1 ? `${count} فعال فلٹرز` : `${count} فلٹرز فعال`,
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'تلاش کریں۔۔۔',
+  toolbarQuickFilterLabel: 'تلاش کریں',
+  toolbarQuickFilterDeleteIconLabel: 'کلئیر کریں',
+  // Export selector toolbar button text
+  toolbarExport: 'ایکسپورٹ',
+  toolbarExportLabel: 'ایکسپورٹ',
+  toolbarExportCSV: 'CSV کے طور پر ڈاوٴنلوڈ کریں',
+  toolbarExportPrint: 'پرنٹ کریں',
+  toolbarExportExcel: 'ایکسل کے طور پر ڈاوٴنلوڈ کریں',
+  // Columns panel text
+  columnsPanelTextFieldLabel: 'کالم کو تلاش کریں',
+  columnsPanelTextFieldPlaceholder: 'کالم کا عنوان',
+  columnsPanelDragIconLabel: 'کالم کی ترتیب تبدیل کریں',
+  columnsPanelShowAllButton: 'سارے دکھائیں',
+  columnsPanelHideAllButton: 'سارے چھپائیں',
+  // Filter panel text
+  filterPanelAddFilter: 'نیا فلٹر',
+  filterPanelDeleteIconLabel: 'ختم کریں',
+  filterPanelLinkOperator: 'لاجک آپریٹر',
+  filterPanelOperators: 'آپریٹر',
+  // TODO v6: rename to filterPanelOperator
+  filterPanelOperatorAnd: 'اور',
+  filterPanelOperatorOr: 'یا',
+  filterPanelColumns: 'کالمز',
+  filterPanelInputLabel: 'ویلیو',
+  filterPanelInputPlaceholder: 'ویلیو کو فلٹر کریں',
+  // Filter operators text
+  filterOperatorContains: 'شامل ہے',
+  filterOperatorEquals: 'برابر ہے',
+  filterOperatorStartsWith: 'شروع ہوتا ہے',
+  filterOperatorEndsWith: 'ختم ہوتا ہے',
+  filterOperatorIs: 'ہے',
+  filterOperatorNot: 'نہیں',
+  filterOperatorAfter: 'بعد میں ہے',
+  filterOperatorOnOrAfter: 'پر یا بعد میں ہے',
+  filterOperatorBefore: 'پہلے ہے',
+  filterOperatorOnOrBefore: 'پر یا پہلے ہے',
+  filterOperatorIsEmpty: 'خالی ہے',
+  filterOperatorIsNotEmpty: 'خالی نہیں ہے',
+  filterOperatorIsAnyOf: 'ان میں سے کوئی ہے',
+  // Filter values text
+  filterValueAny: 'کوئی بھی',
+  filterValueTrue: 'صحیح',
+  filterValueFalse: 'غلط',
+  // Column menu text
+  columnMenuLabel: 'مینیو',
+  columnMenuShowColumns: 'کالم دکھائیں',
+  columnMenuFilter: 'فلٹر',
+  columnMenuHideColumn: 'چھپائیں',
+  columnMenuUnsort: 'sort ختم کریں',
+  columnMenuSortAsc: 'ترتیب صعودی',
+  columnMenuSortDesc: 'ترتیب نزولی',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} فعال فلٹرز` : `${count} فلٹرز فعال`,
+  columnHeaderFiltersLabel: 'فلٹرز دکھائیں',
+  columnHeaderSortIconLabel: 'Sort',
+  // Rows selected footer text
+  footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} منتخب قطاریں` : `${count.toLocaleString()} منتخب قطار`,
+  // Total row amount footer text
+  footerTotalRows: 'کل قطاریں:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => `${totalCount.toLocaleString()} میں سے ${visibleCount.toLocaleString()}`,
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'چیک باکس منتخب کریں',
+  checkboxSelectionSelectAllRows: 'تمام قطاریں منتخب کریں',
+  checkboxSelectionUnselectAllRows: 'تمام قطاریں نامنتخب کریں ',
+  checkboxSelectionSelectRow: 'قطار منتخب کریں',
+  checkboxSelectionUnselectRow: 'قطار نامنتخب کریں',
+  // Boolean cell text
+  booleanCellTrueLabel: 'ہاں',
+  booleanCellFalseLabel: 'نہیں',
+  // Actions cell more text
+  actionsCellMore: 'ذیادہ',
+  // Column pinning text
+  pinToLeft: 'بائیں جانب pin کریں',
+  pinToRight: 'دائیں جانب pin کریں',
+  unpin: 'pin ختم کریں',
+  // Tree Data
+  treeDataGroupingHeaderName: 'گروپ',
+  treeDataExpand: 'شاخیں دیکھیں',
+  treeDataCollapse: 'شاخیں چھپائیں',
+  // Grouping columns
+  groupingColumnHeaderName: 'گروپ',
+  groupColumn: name => `${name} سے گروپ کریں`,
+  unGroupColumn: name => `${name} سے گروپ ختم کریں`,
+  // Master/detail
+  detailPanelToggle: 'ڈیٹیل پینل کھولیں / بند کریں',
+  expandDetailPanel: 'پھیلائیں',
+  collapseDetailPanel: 'تنگ کریں',
+  // Row reordering text
+  rowReorderingHeaderName: 'قطاروں کی ترتیب تبدیل کریں',
+  // Aggregation
+  aggregationMenuItemHeader: 'Aggregation',
+  aggregationFunctionLabelSum: 'sum',
+  aggregationFunctionLabelAvg: 'avg',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'max',
+  aggregationFunctionLabelSize: 'size'
+};
+export const urPK = getGridLocalization(urPKGrid, urPKCore);

package/modern/utils/domUtils.js

@@ -27,18 +27,20 @@ function escapeOperandAttributeSelector(operand) {
 export function getGridColumnHeaderElement(root, field) {
   return root.querySelector(`[role="columnheader"][data-field="${escapeOperandAttributeSelector(field)}"]`);
 }
+
+function getGridRowElementSelector(id) {
+  return `.${gridClasses.row}[data-id="${escapeOperandAttributeSelector(String(id))}"]`;
+}
+
 export function getGridRowElement(root, id) {
-  return root.querySelector(`.${gridClasses.row}[data-id="${escapeOperandAttributeSelector(String(id))}"]`);
+  return root.querySelector(getGridRowElementSelector(id));
 }
 export function getGridCellElement(root, {
   id,
   field
 }) {
-  const row = getGridRowElement(root, id);
-
-  if (!row) {
-    return null;
-  }
-
-  return row.querySelector(`.${gridClasses.cell}[data-field="${escapeOperandAttributeSelector(field)}"]`);
+  const rowSelector = getGridRowElementSelector(id);
+  const cellSelector = `.${gridClasses.cell}[data-field="${escapeOperandAttributeSelector(field)}"]`;
+  const selector = `${rowSelector} ${cellSelector}`;
+  return root.querySelector(selector);
 }

package/node/components/toolbar/GridToolbarFilterButton.js

@@ -95,18 +95,21 @@ const GridToolbarFilterButton = /*#__PURE__*/React.forwardRef(function GridToolb
 
     const getOperatorLabel = item => lookup[item.columnField].filterOperators.find(operator => operator.value === item.operatorValue).label || apiRef.current.getLocaleText(`filterOperator${(0, _utils.capitalize)(item.operatorValue)}`).toString();
 
+    const getFilterItemValue = item => {
+      const {
+        getValueAsString
+      } = lookup[item.columnField].filterOperators.find(operator => operator.value === item.operatorValue);
+      return getValueAsString ? getValueAsString(item.value) : item.value;
+    };
+
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       children: [apiRef.current.getLocaleText('toolbarFiltersTooltipActive')(activeFilters.length), /*#__PURE__*/(0, _jsxRuntime.jsx)(GridToolbarFilterListRoot, {
         className: classes.root,
-        children: activeFilters.map((item, index) => {
-          var _item$value;
-
-          return (0, _extends2.default)({}, lookup[item.columnField] && /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-            children: `${lookup[item.columnField].headerName || item.columnField}
+        children: activeFilters.map((item, index) => (0, _extends2.default)({}, lookup[item.columnField] && /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: `${lookup[item.columnField].headerName || item.columnField}
                   ${getOperatorLabel(item)}
-                  ${(_item$value = item.value) != null ? _item$value : ''}`
-          }, index));
-        })
+                  ${item.value ? getFilterItemValue(item) : ''}`
+        }, index)))
       })]
     });
   }, [apiRef, preferencePanel.open, activeFilters, lookup, classes]);

package/node/hooks/features/export/useGridPrintExport.js

@@ -47,6 +47,11 @@ function raf() {
   });
 }
 
+function getChromeVersion() {
+  const raw = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
+  return raw ? parseInt(raw[2], 10) : null;
+}
+
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)
@@ -121,6 +126,13 @@ const useGridPrintExport = (apiRef, props) => {
 
     const gridMain = gridClone.querySelector(`.${_gridClasses.gridClasses.main}`);
     gridMain.style.overflow = 'visible';
+    const chromeVersion = getChromeVersion();
+
+    if (chromeVersion && chromeVersion >= 108) {
+      // See https://support.google.com/chrome/thread/191619088?hl=en&msgid=193009642
+      gridClone.style.contain = 'size';
+    }
+
     const columnHeaders = gridClone.querySelector(`.${_gridClasses.gridClasses.columnHeaders}`);
     const columnHeadersInner = columnHeaders.querySelector(`.${_gridClasses.gridClasses.columnHeadersInner}`);
     columnHeadersInner.style.width = '100%';

package/node/hooks/features/rows/useGridRows.js

@@ -321,14 +321,19 @@ const useGridRows = (apiRef, props) => {
     apiRef.current.unstable_caches.rows.idRowsLookup = updatedIdRowsLookup;
     apiRef.current.unstable_caches.rows.idToIdLookup = updatedIdToIdLookup;
     apiRef.current.unstable_caches.rows.ids = updatedRows;
-    apiRef.current.setState(state => (0, _extends2.default)({}, state, {
-      rows: (0, _extends2.default)({}, state.rows, {
+    apiRef.current.setState(state => {
+      const newRowsState = {
         idRowsLookup: updatedIdRowsLookup,
         idToIdLookup: updatedIdToIdLookup,
         tree: updatedTree,
         ids: updatedRows
-      })
-    }));
+      };
+      return (0, _extends2.default)({}, state, {
+        rows: (0, _extends2.default)({}, state.rows, newRowsState, {
+          groupingResponseBeforeRowHydration: (0, _extends2.default)({}, state.rows.groupingResponseBeforeRowHydration, newRowsState)
+        })
+      });
+    });
     apiRef.current.publishEvent('rowsSet');
   }, [apiRef, props.signature, props.getRowId]);
   const rowApi = {

package/node/index.js

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

package/node/locales/frFR.js

@@ -69,7 +69,7 @@ const frFRGrid = {
   filterOperatorOnOrBefore: 'égal ou antérieur',
   filterOperatorIsEmpty: 'est vide',
   filterOperatorIsNotEmpty: "n'est pas vide",
-  filterOperatorIsAnyOf: 'fait parti de',
+  filterOperatorIsAnyOf: 'fait partie de',
   // Filter values text
   filterValueAny: 'tous',
   filterValueTrue: 'vrai',

package/node/locales/index.js

@@ -355,6 +355,19 @@ Object.keys(_ukUA).forEach(function (key) {
   });
 });
 
+var _urPK = require("./urPK");
+
+Object.keys(_urPK).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _urPK[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _urPK[key];
+    }
+  });
+});
+
 var _viVN = require("./viVN");
 
 Object.keys(_viVN).forEach(function (key) {

package/node/locales/urPK.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.urPK = void 0;
+
+var _coreLocales = require("./coreLocales");
+
+var _getGridLocalization = require("../utils/getGridLocalization");
+
+const urPKGrid = {
+  // Root
+  noRowsLabel: 'کوئی قطاریں نہیں',
+  noResultsOverlayLabel: 'کوئی نتائج نہیں',
+  errorOverlayDefaultLabel: 'ایک مسئلہ ہو گیا',
+  // Density selector toolbar button text
+  toolbarDensity: 'کثافت',
+  toolbarDensityLabel: 'کثافت',
+  toolbarDensityCompact: 'تنگ',
+  toolbarDensityStandard: 'درمیانہ',
+  toolbarDensityComfortable: 'مناسب',
+  // Columns selector toolbar button text
+  toolbarColumns: 'کالمز',
+  toolbarColumnsLabel: 'کالمز کو منتخب کریں',
+  // Filters toolbar button text
+  toolbarFilters: 'فلٹرز',
+  toolbarFiltersLabel: 'فلٹرز دکھائیں',
+  toolbarFiltersTooltipHide: 'فلٹرز چھپائیں',
+  toolbarFiltersTooltipShow: 'فلٹرز دکھائیں',
+  toolbarFiltersTooltipActive: count => count !== 1 ? `${count} فعال فلٹرز` : `${count} فلٹرز فعال`,
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'تلاش کریں۔۔۔',
+  toolbarQuickFilterLabel: 'تلاش کریں',
+  toolbarQuickFilterDeleteIconLabel: 'کلئیر کریں',
+  // Export selector toolbar button text
+  toolbarExport: 'ایکسپورٹ',
+  toolbarExportLabel: 'ایکسپورٹ',
+  toolbarExportCSV: 'CSV کے طور پر ڈاوٴنلوڈ کریں',
+  toolbarExportPrint: 'پرنٹ کریں',
+  toolbarExportExcel: 'ایکسل کے طور پر ڈاوٴنلوڈ کریں',
+  // Columns panel text
+  columnsPanelTextFieldLabel: 'کالم کو تلاش کریں',
+  columnsPanelTextFieldPlaceholder: 'کالم کا عنوان',
+  columnsPanelDragIconLabel: 'کالم کی ترتیب تبدیل کریں',
+  columnsPanelShowAllButton: 'سارے دکھائیں',
+  columnsPanelHideAllButton: 'سارے چھپائیں',
+  // Filter panel text
+  filterPanelAddFilter: 'نیا فلٹر',
+  filterPanelDeleteIconLabel: 'ختم کریں',
+  filterPanelLinkOperator: 'لاجک آپریٹر',
+  filterPanelOperators: 'آپریٹر',
+  // TODO v6: rename to filterPanelOperator
+  filterPanelOperatorAnd: 'اور',
+  filterPanelOperatorOr: 'یا',
+  filterPanelColumns: 'کالمز',
+  filterPanelInputLabel: 'ویلیو',
+  filterPanelInputPlaceholder: 'ویلیو کو فلٹر کریں',
+  // Filter operators text
+  filterOperatorContains: 'شامل ہے',
+  filterOperatorEquals: 'برابر ہے',
+  filterOperatorStartsWith: 'شروع ہوتا ہے',
+  filterOperatorEndsWith: 'ختم ہوتا ہے',
+  filterOperatorIs: 'ہے',
+  filterOperatorNot: 'نہیں',
+  filterOperatorAfter: 'بعد میں ہے',
+  filterOperatorOnOrAfter: 'پر یا بعد میں ہے',
+  filterOperatorBefore: 'پہلے ہے',
+  filterOperatorOnOrBefore: 'پر یا پہلے ہے',
+  filterOperatorIsEmpty: 'خالی ہے',
+  filterOperatorIsNotEmpty: 'خالی نہیں ہے',
+  filterOperatorIsAnyOf: 'ان میں سے کوئی ہے',
+  // Filter values text
+  filterValueAny: 'کوئی بھی',
+  filterValueTrue: 'صحیح',
+  filterValueFalse: 'غلط',
+  // Column menu text
+  columnMenuLabel: 'مینیو',
+  columnMenuShowColumns: 'کالم دکھائیں',
+  columnMenuFilter: 'فلٹر',
+  columnMenuHideColumn: 'چھپائیں',
+  columnMenuUnsort: 'sort ختم کریں',
+  columnMenuSortAsc: 'ترتیب صعودی',
+  columnMenuSortDesc: 'ترتیب نزولی',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} فعال فلٹرز` : `${count} فلٹرز فعال`,
+  columnHeaderFiltersLabel: 'فلٹرز دکھائیں',
+  columnHeaderSortIconLabel: 'Sort',
+  // Rows selected footer text
+  footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} منتخب قطاریں` : `${count.toLocaleString()} منتخب قطار`,
+  // Total row amount footer text
+  footerTotalRows: 'کل قطاریں:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => `${totalCount.toLocaleString()} میں سے ${visibleCount.toLocaleString()}`,
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'چیک باکس منتخب کریں',
+  checkboxSelectionSelectAllRows: 'تمام قطاریں منتخب کریں',
+  checkboxSelectionUnselectAllRows: 'تمام قطاریں نامنتخب کریں ',
+  checkboxSelectionSelectRow: 'قطار منتخب کریں',
+  checkboxSelectionUnselectRow: 'قطار نامنتخب کریں',
+  // Boolean cell text
+  booleanCellTrueLabel: 'ہاں',
+  booleanCellFalseLabel: 'نہیں',
+  // Actions cell more text
+  actionsCellMore: 'ذیادہ',
+  // Column pinning text
+  pinToLeft: 'بائیں جانب pin کریں',
+  pinToRight: 'دائیں جانب pin کریں',
+  unpin: 'pin ختم کریں',
+  // Tree Data
+  treeDataGroupingHeaderName: 'گروپ',
+  treeDataExpand: 'شاخیں دیکھیں',
+  treeDataCollapse: 'شاخیں چھپائیں',
+  // Grouping columns
+  groupingColumnHeaderName: 'گروپ',
+  groupColumn: name => `${name} سے گروپ کریں`,
+  unGroupColumn: name => `${name} سے گروپ ختم کریں`,
+  // Master/detail
+  detailPanelToggle: 'ڈیٹیل پینل کھولیں / بند کریں',
+  expandDetailPanel: 'پھیلائیں',
+  collapseDetailPanel: 'تنگ کریں',
+  // Row reordering text
+  rowReorderingHeaderName: 'قطاروں کی ترتیب تبدیل کریں',
+  // Aggregation
+  aggregationMenuItemHeader: 'Aggregation',
+  aggregationFunctionLabelSum: 'sum',
+  aggregationFunctionLabelAvg: 'avg',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'max',
+  aggregationFunctionLabelSize: 'size'
+};
+const urPK = (0, _getGridLocalization.getGridLocalization)(urPKGrid, _coreLocales.urPKCore);
+exports.urPK = urPK;

package/node/utils/domUtils.js

@@ -47,19 +47,20 @@ function getGridColumnHeaderElement(root, field) {
   return root.querySelector(`[role="columnheader"][data-field="${escapeOperandAttributeSelector(field)}"]`);
 }
 
+function getGridRowElementSelector(id) {
+  return `.${_gridClasses.gridClasses.row}[data-id="${escapeOperandAttributeSelector(String(id))}"]`;
+}
+
 function getGridRowElement(root, id) {
-  return root.querySelector(`.${_gridClasses.gridClasses.row}[data-id="${escapeOperandAttributeSelector(String(id))}"]`);
+  return root.querySelector(getGridRowElementSelector(id));
 }
 
 function getGridCellElement(root, {
   id,
   field
 }) {
-  const row = getGridRowElement(root, id);
-
-  if (!row) {
-    return null;
-  }
-
-  return row.querySelector(`.${_gridClasses.gridClasses.cell}[data-field="${escapeOperandAttributeSelector(field)}"]`);
+  const rowSelector = getGridRowElementSelector(id);
+  const cellSelector = `.${_gridClasses.gridClasses.cell}[data-field="${escapeOperandAttributeSelector(field)}"]`;
+  const selector = `${rowSelector} ${cellSelector}`;
+  return root.querySelector(selector);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "5.17.21",
+  "version": "5.17.23",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",

package/utils/domUtils.js

@@ -27,18 +27,20 @@ function escapeOperandAttributeSelector(operand) {
 export function getGridColumnHeaderElement(root, field) {
   return root.querySelector(`[role="columnheader"][data-field="${escapeOperandAttributeSelector(field)}"]`);
 }
+
+function getGridRowElementSelector(id) {
+  return `.${gridClasses.row}[data-id="${escapeOperandAttributeSelector(String(id))}"]`;
+}
+
 export function getGridRowElement(root, id) {
-  return root.querySelector(`.${gridClasses.row}[data-id="${escapeOperandAttributeSelector(String(id))}"]`);
+  return root.querySelector(getGridRowElementSelector(id));
 }
 export function getGridCellElement(root, {
   id,
   field
 }) {
-  const row = getGridRowElement(root, id);
-
-  if (!row) {
-    return null;
-  }
-
-  return row.querySelector(`.${gridClasses.cell}[data-field="${escapeOperandAttributeSelector(field)}"]`);
+  const rowSelector = getGridRowElementSelector(id);
+  const cellSelector = `.${gridClasses.cell}[data-field="${escapeOperandAttributeSelector(field)}"]`;
+  const selector = `${rowSelector} ${cellSelector}`;
+  return root.querySelector(selector);
 }