@mui/x-data-grid 5.17.7 → 5.17.9

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

@@ -16,7 +16,8 @@ export var rowsStateInitializer = function rowsStateInitializer(state, props, ap
   apiRef.current.unstable_caches.rows = createRowsInternalCache({
     rows: props.rows,
     getRowId: props.getRowId,
-    loading: props.loading
+    loading: props.loading,
+    rowCount: props.rowCount
   });
   return _extends({}, state, {
     rows: getRowsStateFromCache({
@@ -97,12 +98,16 @@ export var useGridRows = function useGridRows(apiRef, props) {
 
   var setRows = React.useCallback(function (rows) {
     logger.debug("Updating all rows, new length ".concat(rows.length));
-    throttledRowsChange(createRowsInternalCache({
+    var cache = createRowsInternalCache({
       rows: rows,
       getRowId: props.getRowId,
-      loading: props.loading
-    }), true);
-  }, [logger, props.getRowId, props.loading, throttledRowsChange]);
+      loading: props.loading,
+      rowCount: props.rowCount
+    });
+    var prevCache = apiRef.current.unstable_caches.rows;
+    cache.rowsBeforePartialUpdates = prevCache.rowsBeforePartialUpdates;
+    throttledRowsChange(cache, true);
+  }, [logger, props.getRowId, props.loading, props.rowCount, throttledRowsChange, apiRef]);
   var updateRows = React.useCallback(function (updates) {
     if (props.signature === GridSignature.DataGrid && updates.length > 1) {
       // TODO: Add test with direct call to `apiRef.current.updateRows` in DataGrid after enabling the `apiRef` on the free plan.
@@ -125,6 +130,7 @@ export var useGridRows = function useGridRows(apiRef, props) {
     var newCache = {
       rowsBeforePartialUpdates: prevCache.rowsBeforePartialUpdates,
       loadingPropBeforePartialUpdates: prevCache.loadingPropBeforePartialUpdates,
+      rowCountPropBeforePartialUpdates: prevCache.rowCountPropBeforePartialUpdates,
       idRowsLookup: _extends({}, prevCache.idRowsLookup),
       idToIdLookup: _extends({}, prevCache.idToIdLookup),
       ids: _toConsumableArray(prevCache.ids)
@@ -265,6 +271,7 @@ export var useGridRows = function useGridRows(apiRef, props) {
         })
       });
     });
+    apiRef.current.unstable_caches.rows.ids = updatedRows;
     apiRef.current.publishEvent('rowsSet');
   }, [apiRef, logger]);
   var replaceRows = React.useCallback(function (firstRowToRender, newRows) {
@@ -363,12 +370,13 @@ export var useGridRows = function useGridRows(apiRef, props) {
       cache = createRowsInternalCache({
         rows: props.rows,
         getRowId: props.getRowId,
-        loading: props.loading
+        loading: props.loading,
+        rowCount: props.rowCount
       });
     }
 
     throttledRowsChange(cache, false);
-  }, [logger, apiRef, props.rows, props.getRowId, props.loading, throttledRowsChange]);
+  }, [logger, apiRef, props.rows, props.getRowId, props.loading, props.rowCount, throttledRowsChange]);
   var handleStrategyProcessorChange = React.useCallback(function (methodName) {
     if (methodName === 'rowTreeCreation') {
       groupRows();
@@ -419,7 +427,8 @@ export var useGridRows = function useGridRows(apiRef, props) {
     }
 
     var areNewRowsAlreadyInState = apiRef.current.unstable_caches.rows.rowsBeforePartialUpdates === props.rows;
-    var isNewLoadingAlreadyInState = apiRef.current.unstable_caches.rows.loadingPropBeforePartialUpdates === props.loading; // The new rows have already been applied (most likely in the `'rowGroupsPreProcessingChange'` listener)
+    var isNewLoadingAlreadyInState = apiRef.current.unstable_caches.rows.loadingPropBeforePartialUpdates === props.loading;
+    var isNewRowCountAlreadyInState = apiRef.current.unstable_caches.rows.rowCountPropBeforePartialUpdates === props.rowCount; // The new rows have already been applied (most likely in the `'rowGroupsPreProcessingChange'` listener)
 
     if (areNewRowsAlreadyInState) {
       // If the loading prop has changed, we need to update its value in the state because it won't be done by `throttledRowsChange`
@@ -435,6 +444,19 @@ export var useGridRows = function useGridRows(apiRef, props) {
         apiRef.current.forceUpdate();
       }
 
+      if (!isNewRowCountAlreadyInState) {
+        apiRef.current.setState(function (state) {
+          return _extends({}, state, {
+            rows: _extends({}, state.rows, {
+              totalRowCount: Math.max(props.rowCount || 0, state.rows.totalRowCount),
+              totalTopLevelRowCount: Math.max(props.rowCount || 0, state.rows.totalTopLevelRowCount)
+            })
+          });
+        });
+        apiRef.current.unstable_caches.rows.rowCountPropBeforePartialUpdates = props.rowCount;
+        apiRef.current.forceUpdate();
+      }
+
       return;
     }
 
@@ -442,7 +464,8 @@ export var useGridRows = function useGridRows(apiRef, props) {
     throttledRowsChange(createRowsInternalCache({
       rows: props.rows,
       getRowId: props.getRowId,
-      loading: props.loading
+      loading: props.loading,
+      rowCount: props.rowCount
     }), false);
   }, [props.rows, props.rowCount, props.getRowId, props.loading, logger, throttledRowsChange, apiRef]);
 };

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.7
+/** @license MUI v5.17.9
  *
  * 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/bgBG.js

@@ -86,7 +86,7 @@ var bgBGGrid = {
     return count !== 1 ? "".concat(count.toLocaleString(), " \u0438\u0437\u0431\u0440\u0430\u043D\u0438 \u0440\u0435\u0434\u043E\u0432\u0435") : "".concat(count.toLocaleString(), " \u0438\u0437\u0431\u0440\u0430\u043D \u0440\u0435\u0434");
   },
   // Total row amount footer text
-  footerTotalRows: 'Общо Rедове:',
+  footerTotalRows: 'Общо Редове:',
   // Total visible row amount footer text
   footerTotalVisibleRows: function footerTotalVisibleRows(visibleCount, totalCount) {
     return "".concat(visibleCount.toLocaleString(), " \u043E\u0442 ").concat(totalCount.toLocaleString());

package/legacy/locales/trTR.js

@@ -41,7 +41,7 @@ var trTRGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Filtre Ekle',
   filterPanelDeleteIconLabel: 'Kaldır',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Mantıksal operatörler',
   filterPanelOperators: 'Operatör',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'Ve',
@@ -93,13 +93,13 @@ var trTRGrid = {
   },
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Seçim',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: 'Tüm satırları seç',
+  checkboxSelectionUnselectAllRows: 'Tüm satırların seçimini kaldır',
+  checkboxSelectionSelectRow: 'Satırı seç',
+  checkboxSelectionUnselectRow: 'Satır seçimini bırak',
   // Boolean cell text
-  // booleanCellTrueLabel: 'yes',
-  // booleanCellFalseLabel: 'no',
+  booleanCellTrueLabel: 'Evet',
+  booleanCellFalseLabel: 'Hayır',
   // Actions cell more text
   actionsCellMore: 'daha fazla',
   // Column pinning text
@@ -119,17 +119,17 @@ var trTRGrid = {
     return "".concat(name, " i\xE7in gruplamay\u0131 kald\u0131r");
   },
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
+  detailPanelToggle: 'Detay görünümüne geçiş',
   expandDetailPanel: 'Genişlet',
-  collapseDetailPanel: 'Gizle' // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  collapseDetailPanel: 'Gizle',
+  // Row reordering text
+  rowReorderingHeaderName: 'Satırı yeniden sırala',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
-
+  aggregationMenuItemHeader: 'Toplama',
+  aggregationFunctionLabelSum: 'top',
+  aggregationFunctionLabelAvg: 'ort',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'maks',
+  aggregationFunctionLabelSize: 'boyut'
 };
 export var trTR = getGridLocalization(trTRGrid, trTRCore);

package/legacy/utils/createSelector.js

@@ -58,6 +58,12 @@ export var createSelector = function createSelector() {
   return selector;
 }; // eslint-disable-next-line @typescript-eslint/naming-convention
 
-export var unstable_resetCreateSelectorCache = function unstable_resetCreateSelectorCache() {
-  cacheContainer.cache = null;
+export var unstable_resetCreateSelectorCache = function unstable_resetCreateSelectorCache(cacheKey) {
+  if (typeof cacheKey !== 'undefined') {
+    if (cacheContainer.cache && cacheContainer.cache[cacheKey]) {
+      delete cacheContainer.cache[cacheKey];
+    }
+  } else {
+    cacheContainer.cache = null;
+  }
 };

package/locales/bgBG.js

@@ -80,7 +80,7 @@ const bgBGGrid = {
   // Rows selected footer text
   footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} избрани редове` : `${count.toLocaleString()} избран ред`,
   // Total row amount footer text
-  footerTotalRows: 'Общо Rедове:',
+  footerTotalRows: 'Общо Редове:',
   // Total visible row amount footer text
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} от ${totalCount.toLocaleString()}`,
   // Checkbox selection text

package/locales/trTR.js

@@ -39,7 +39,7 @@ const trTRGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Filtre Ekle',
   filterPanelDeleteIconLabel: 'Kaldır',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Mantıksal operatörler',
   filterPanelOperators: 'Operatör',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'Ve',
@@ -85,13 +85,13 @@ const trTRGrid = {
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} / ${totalCount.toLocaleString()}`,
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Seçim',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: 'Tüm satırları seç',
+  checkboxSelectionUnselectAllRows: 'Tüm satırların seçimini kaldır',
+  checkboxSelectionSelectRow: 'Satırı seç',
+  checkboxSelectionUnselectRow: 'Satır seçimini bırak',
   // Boolean cell text
-  // booleanCellTrueLabel: 'yes',
-  // booleanCellFalseLabel: 'no',
+  booleanCellTrueLabel: 'Evet',
+  booleanCellFalseLabel: 'Hayır',
   // Actions cell more text
   actionsCellMore: 'daha fazla',
   // Column pinning text
@@ -107,17 +107,17 @@ const trTRGrid = {
   groupColumn: name => `${name} için grupla`,
   unGroupColumn: name => `${name} için gruplamayı kaldır`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
+  detailPanelToggle: 'Detay görünümüne geçiş',
   expandDetailPanel: 'Genişlet',
-  collapseDetailPanel: 'Gizle' // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  collapseDetailPanel: 'Gizle',
+  // Row reordering text
+  rowReorderingHeaderName: 'Satırı yeniden sırala',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
-
+  aggregationMenuItemHeader: 'Toplama',
+  aggregationFunctionLabelSum: 'top',
+  aggregationFunctionLabelAvg: 'ort',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'maks',
+  aggregationFunctionLabelSize: 'boyut'
 };
 export const trTR = getGridLocalization(trTRGrid, trTRCore);

package/modern/DataGrid/DataGrid.js

@@ -721,7 +721,7 @@ DataGridRaw.propTypes = {
   /**
    * Set of rows of type [[GridRowsProp]].
    */
-  rows: PropTypes.array.isRequired,
+  rows: PropTypes.arrayOf(PropTypes.object).isRequired,
 
   /**
    * Sets the type of space between rows added by `getRowSpacing`.

package/modern/components/cell/GridActionsCell.js

@@ -261,7 +261,7 @@ process.env.NODE_ENV !== "production" ? GridActionsCell.propTypes = {
   /**
    * The row model of the row that the current cell belongs to.
    */
-  row: PropTypes.object.isRequired,
+  row: PropTypes.any.isRequired,
 
   /**
    * The node of the row that the current cell belongs to.

package/modern/components/cell/GridBooleanCell.js

@@ -110,7 +110,7 @@ process.env.NODE_ENV !== "production" ? GridBooleanCellRaw.propTypes = {
   /**
    * The row model of the row that the current cell belongs to.
    */
-  row: PropTypes.object.isRequired,
+  row: PropTypes.any.isRequired,
 
   /**
    * The node of the row that the current cell belongs to.

package/modern/components/cell/GridEditBooleanCell.js

@@ -147,7 +147,7 @@ process.env.NODE_ENV !== "production" ? GridEditBooleanCell.propTypes = {
   /**
    * The row model of the row that the current cell belongs to.
    */
-  row: PropTypes.object.isRequired,
+  row: PropTypes.any.isRequired,
 
   /**
    * The node of the row that the current cell belongs to.

package/modern/components/cell/GridEditDateCell.js

@@ -201,7 +201,7 @@ process.env.NODE_ENV !== "production" ? GridEditDateCell.propTypes = {
   /**
    * The row model of the row that the current cell belongs to.
    */
-  row: PropTypes.object.isRequired,
+  row: PropTypes.any.isRequired,
 
   /**
    * The node of the row that the current cell belongs to.

package/modern/components/cell/GridEditInputCell.js

@@ -175,7 +175,7 @@ process.env.NODE_ENV !== "production" ? GridEditInputCell.propTypes = {
   /**
    * The row model of the row that the current cell belongs to.
    */
-  row: PropTypes.object,
+  row: PropTypes.any,
 
   /**
    * The node of the row that the current cell belongs to.

package/modern/components/cell/GridEditSingleSelectCell.js

@@ -246,7 +246,7 @@ process.env.NODE_ENV !== "production" ? GridEditSingleSelectCell.propTypes = {
   /**
    * The row model of the row that the current cell belongs to.
    */
-  row: PropTypes.object.isRequired,
+  row: PropTypes.any.isRequired,
 
   /**
    * The node of the row that the current cell belongs to.

package/modern/components/columnSelection/GridCellCheckboxRenderer.js

@@ -170,7 +170,7 @@ process.env.NODE_ENV !== "production" ? GridCellCheckboxForwardRef.propTypes = {
   /**
    * The row model of the row that the current cell belongs to.
    */
-  row: PropTypes.object.isRequired,
+  row: PropTypes.any.isRequired,
 
   /**
    * The node of the row that the current cell belongs to.

package/modern/components/panel/GridColumnsPanel.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["sort"];
+const _excluded = ["sort", "searchPredicate", "autoFocusSearchField"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_composeClasses as composeClasses } from '@mui/material';
@@ -59,6 +59,10 @@ const GridIconButtonRoot = styled(IconButton)({
 });
 const collator = new Intl.Collator();
 
+const defaultSearchPredicate = (column, searchValue) => {
+  return (column.headerName || column.field).toLowerCase().indexOf(searchValue) > -1;
+};
+
 function GridColumnsPanel(props) {
   const apiRef = useGridApiContext();
   const searchInputRef = React.useRef(null);
@@ -72,7 +76,9 @@ function GridColumnsPanel(props) {
   const classes = useUtilityClasses(ownerState);
 
   const {
-    sort
+    sort,
+    searchPredicate = defaultSearchPredicate,
+    autoFocusSearchField = true
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -126,11 +132,27 @@ function GridColumnsPanel(props) {
     }
 
     const searchValueToCheck = searchValue.toLowerCase();
-    return sortedColumns.filter(column => (column.headerName || column.field).toLowerCase().indexOf(searchValueToCheck) > -1);
-  }, [sortedColumns, searchValue]);
+    return sortedColumns.filter(column => searchPredicate(column, searchValueToCheck));
+  }, [sortedColumns, searchValue, searchPredicate]);
+  const firstSwitchRef = React.useRef(null);
   React.useEffect(() => {
-    searchInputRef.current.focus();
-  }, []);
+    if (autoFocusSearchField) {
+      searchInputRef.current.focus();
+    } else if (firstSwitchRef.current && typeof firstSwitchRef.current.focus === 'function') {
+      firstSwitchRef.current.focus();
+    }
+  }, [autoFocusSearchField]);
+  let firstHideableColumnFound = false;
+
+  const isFirstHideableColumn = column => {
+    if (firstHideableColumnFound === false && column.hideable !== false) {
+      firstHideableColumnFound = true;
+      return true;
+    }
+
+    return false;
+  };
+
   return /*#__PURE__*/_jsxs(GridPanelWrapper, _extends({}, other, {
     children: [/*#__PURE__*/_jsx(GridPanelHeader, {
       children: /*#__PURE__*/_jsx(rootProps.components.BaseTextField, _extends({
@@ -153,7 +175,8 @@ function GridColumnsPanel(props) {
               checked: columnVisibilityModel[column.field] !== false,
               onClick: toggleColumn,
               name: column.field,
-              size: "small"
+              size: "small",
+              inputRef: isFirstHideableColumn(column) ? firstSwitchRef : undefined
             }, rootProps.componentsProps?.baseSwitch)),
             label: column.headerName || column.field
           }), !rootProps.disableColumnReorder && GRID_EXPERIMENTAL_ENABLED && /*#__PURE__*/_jsx(GridIconButtonRoot, {
@@ -185,6 +208,8 @@ process.env.NODE_ENV !== "production" ? GridColumnsPanel.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
+  autoFocusSearchField: PropTypes.bool,
+  searchPredicate: PropTypes.func,
   sort: PropTypes.oneOf(['asc', 'desc'])
 } : void 0;
 export { GridColumnsPanel };

package/modern/hooks/core/useGridApiInitialization.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { useGridApiMethod } from '../utils/useGridApiMethod';
 import { GridSignature } from '../utils/useGridApiEventHandler';
 import { EventManager } from '../../utils/EventManager';
+import { unstable_resetCreateSelectorCache } from '../../utils/createSelector';
 
 const isSyntheticEvent = event => {
   return event.isPropagationStopped !== undefined;
@@ -53,6 +54,7 @@ export function useGridApiInitialization(inputApiRef, props) {
   React.useEffect(() => {
     const api = apiRef.current;
     return () => {
+      unstable_resetCreateSelectorCache(api.instanceId);
       api.publishEvent('unmount');
     };
   }, [apiRef]);

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

@@ -22,11 +22,13 @@ export const getRowIdFromRowModel = (rowModel, getRowId, detailErrorMessage) =>
 export const createRowsInternalCache = ({
   rows,
   getRowId,
-  loading
+  loading,
+  rowCount
 }) => {
   const cache = {
     rowsBeforePartialUpdates: rows,
     loadingPropBeforePartialUpdates: loading,
+    rowCountPropBeforePartialUpdates: rowCount,
     idRowsLookup: {},
     idToIdLookup: {},
     ids: []

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

@@ -13,7 +13,8 @@ export const rowsStateInitializer = (state, props, apiRef) => {
   apiRef.current.unstable_caches.rows = createRowsInternalCache({
     rows: props.rows,
     getRowId: props.getRowId,
-    loading: props.loading
+    loading: props.loading,
+    rowCount: props.rowCount
   });
   return _extends({}, state, {
     rows: getRowsStateFromCache({
@@ -87,12 +88,16 @@ export const useGridRows = (apiRef, props) => {
 
   const setRows = React.useCallback(rows => {
     logger.debug(`Updating all rows, new length ${rows.length}`);
-    throttledRowsChange(createRowsInternalCache({
+    const cache = createRowsInternalCache({
       rows,
       getRowId: props.getRowId,
-      loading: props.loading
-    }), true);
-  }, [logger, props.getRowId, props.loading, throttledRowsChange]);
+      loading: props.loading,
+      rowCount: props.rowCount
+    });
+    const prevCache = apiRef.current.unstable_caches.rows;
+    cache.rowsBeforePartialUpdates = prevCache.rowsBeforePartialUpdates;
+    throttledRowsChange(cache, true);
+  }, [logger, props.getRowId, props.loading, props.rowCount, throttledRowsChange, apiRef]);
   const updateRows = React.useCallback(updates => {
     if (props.signature === GridSignature.DataGrid && updates.length > 1) {
       // TODO: Add test with direct call to `apiRef.current.updateRows` in DataGrid after enabling the `apiRef` on the free plan.
@@ -115,6 +120,7 @@ export const useGridRows = (apiRef, props) => {
     const newCache = {
       rowsBeforePartialUpdates: prevCache.rowsBeforePartialUpdates,
       loadingPropBeforePartialUpdates: prevCache.loadingPropBeforePartialUpdates,
+      rowCountPropBeforePartialUpdates: prevCache.rowCountPropBeforePartialUpdates,
       idRowsLookup: _extends({}, prevCache.idRowsLookup),
       idToIdLookup: _extends({}, prevCache.idToIdLookup),
       ids: [...prevCache.ids]
@@ -233,6 +239,7 @@ export const useGridRows = (apiRef, props) => {
         ids: updatedRows
       })
     }));
+    apiRef.current.unstable_caches.rows.ids = updatedRows;
     apiRef.current.publishEvent('rowsSet');
   }, [apiRef, logger]);
   const replaceRows = React.useCallback((firstRowToRender, newRows) => {
@@ -324,12 +331,13 @@ export const useGridRows = (apiRef, props) => {
       cache = createRowsInternalCache({
         rows: props.rows,
         getRowId: props.getRowId,
-        loading: props.loading
+        loading: props.loading,
+        rowCount: props.rowCount
       });
     }
 
     throttledRowsChange(cache, false);
-  }, [logger, apiRef, props.rows, props.getRowId, props.loading, throttledRowsChange]);
+  }, [logger, apiRef, props.rows, props.getRowId, props.loading, props.rowCount, throttledRowsChange]);
   const handleStrategyProcessorChange = React.useCallback(methodName => {
     if (methodName === 'rowTreeCreation') {
       groupRows();
@@ -378,7 +386,8 @@ export const useGridRows = (apiRef, props) => {
     }
 
     const areNewRowsAlreadyInState = apiRef.current.unstable_caches.rows.rowsBeforePartialUpdates === props.rows;
-    const isNewLoadingAlreadyInState = apiRef.current.unstable_caches.rows.loadingPropBeforePartialUpdates === props.loading; // The new rows have already been applied (most likely in the `'rowGroupsPreProcessingChange'` listener)
+    const isNewLoadingAlreadyInState = apiRef.current.unstable_caches.rows.loadingPropBeforePartialUpdates === props.loading;
+    const isNewRowCountAlreadyInState = apiRef.current.unstable_caches.rows.rowCountPropBeforePartialUpdates === props.rowCount; // The new rows have already been applied (most likely in the `'rowGroupsPreProcessingChange'` listener)
 
     if (areNewRowsAlreadyInState) {
       // If the loading prop has changed, we need to update its value in the state because it won't be done by `throttledRowsChange`
@@ -392,6 +401,17 @@ export const useGridRows = (apiRef, props) => {
         apiRef.current.forceUpdate();
       }
 
+      if (!isNewRowCountAlreadyInState) {
+        apiRef.current.setState(state => _extends({}, state, {
+          rows: _extends({}, state.rows, {
+            totalRowCount: Math.max(props.rowCount || 0, state.rows.totalRowCount),
+            totalTopLevelRowCount: Math.max(props.rowCount || 0, state.rows.totalTopLevelRowCount)
+          })
+        }));
+        apiRef.current.unstable_caches.rows.rowCountPropBeforePartialUpdates = props.rowCount;
+        apiRef.current.forceUpdate();
+      }
+
       return;
     }
 
@@ -399,7 +419,8 @@ export const useGridRows = (apiRef, props) => {
     throttledRowsChange(createRowsInternalCache({
       rows: props.rows,
       getRowId: props.getRowId,
-      loading: props.loading
+      loading: props.loading,
+      rowCount: props.rowCount
     }), false);
   }, [props.rows, props.rowCount, props.getRowId, props.loading, logger, throttledRowsChange, apiRef]);
 };

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.7
+/** @license MUI v5.17.9
  *
  * 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/bgBG.js

@@ -80,7 +80,7 @@ const bgBGGrid = {
   // Rows selected footer text
   footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} избрани редове` : `${count.toLocaleString()} избран ред`,
   // Total row amount footer text
-  footerTotalRows: 'Общо Rедове:',
+  footerTotalRows: 'Общо Редове:',
   // Total visible row amount footer text
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} от ${totalCount.toLocaleString()}`,
   // Checkbox selection text

package/modern/locales/trTR.js

@@ -39,7 +39,7 @@ const trTRGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Filtre Ekle',
   filterPanelDeleteIconLabel: 'Kaldır',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Mantıksal operatörler',
   filterPanelOperators: 'Operatör',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'Ve',
@@ -85,13 +85,13 @@ const trTRGrid = {
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} / ${totalCount.toLocaleString()}`,
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Seçim',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: 'Tüm satırları seç',
+  checkboxSelectionUnselectAllRows: 'Tüm satırların seçimini kaldır',
+  checkboxSelectionSelectRow: 'Satırı seç',
+  checkboxSelectionUnselectRow: 'Satır seçimini bırak',
   // Boolean cell text
-  // booleanCellTrueLabel: 'yes',
-  // booleanCellFalseLabel: 'no',
+  booleanCellTrueLabel: 'Evet',
+  booleanCellFalseLabel: 'Hayır',
   // Actions cell more text
   actionsCellMore: 'daha fazla',
   // Column pinning text
@@ -107,17 +107,17 @@ const trTRGrid = {
   groupColumn: name => `${name} için grupla`,
   unGroupColumn: name => `${name} için gruplamayı kaldır`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
+  detailPanelToggle: 'Detay görünümüne geçiş',
   expandDetailPanel: 'Genişlet',
-  collapseDetailPanel: 'Gizle' // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  collapseDetailPanel: 'Gizle',
+  // Row reordering text
+  rowReorderingHeaderName: 'Satırı yeniden sırala',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
-
+  aggregationMenuItemHeader: 'Toplama',
+  aggregationFunctionLabelSum: 'top',
+  aggregationFunctionLabelAvg: 'ort',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'maks',
+  aggregationFunctionLabelSize: 'boyut'
 };
 export const trTR = getGridLocalization(trTRGrid, trTRCore);

package/modern/utils/createSelector.js

@@ -51,6 +51,12 @@ export const createSelector = (...args) => {
   return selector;
 }; // eslint-disable-next-line @typescript-eslint/naming-convention
 
-export const unstable_resetCreateSelectorCache = () => {
-  cacheContainer.cache = null;
+export const unstable_resetCreateSelectorCache = cacheKey => {
+  if (typeof cacheKey !== 'undefined') {
+    if (cacheContainer.cache && cacheContainer.cache[cacheKey]) {
+      delete cacheContainer.cache[cacheKey];
+    }
+  } else {
+    cacheContainer.cache = null;
+  }
 };