@mui/x-data-grid 5.12.2 → 5.12.3

package/modern/hooks/features/filter/gridFilterUtils.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { GridLinkOperator } from '../../../models';
 import { buildWarning } from '../../../utils/warning';
-import { gridColumnFieldsSelector } from '../columns';
+import { gridColumnFieldsSelector, gridColumnLookupSelector } from '../columns';
 
 /**
  * Adds default values to the optional fields of a filter items.
@@ -18,8 +18,9 @@ export const cleanFilterItem = (item, apiRef) => {
   }
 
   if (cleanItem.operatorValue == null) {
-    // we select a default operator
-    const column = apiRef.current.getColumn(cleanItem.columnField);
+    // Selects a default operator
+    // We don't use `apiRef.current.getColumn` because it is not ready during state initialization
+    const column = gridColumnLookupSelector(apiRef)[cleanItem.columnField];
     cleanItem.operatorValue = column && column.filterOperators[0].value;
   }
 
@@ -183,14 +184,16 @@ export const buildAggregatedQuickFilterApplier = (filterModel, apiRef) => {
   const sanitizedQuickFilterValues = quickFilterValues.filter((value, index) => Object.keys(appliersPerColumnField).some(field => appliersPerColumnField[field][index] != null));
   return (rowId, shouldApplyFilter) => {
     const usedCellParams = {};
+    const columnsFieldsToFilter = [];
     Object.keys(appliersPerColumnField).forEach(columnField => {
       if (!shouldApplyFilter || shouldApplyFilter(columnField)) {
         usedCellParams[columnField] = apiRef.current.getCellParams(rowId, columnField);
+        columnsFieldsToFilter.push(columnField);
       }
     }); // Return `false` as soon as we have a quick filter value that does not match any column
 
     if (quickFilterLogicOperator === GridLinkOperator.And) {
-      return sanitizedQuickFilterValues.every((value, index) => Object.keys(appliersPerColumnField).some(field => {
+      return sanitizedQuickFilterValues.every((value, index) => columnsFieldsToFilter.some(field => {
         if (appliersPerColumnField[field][index] == null) {
           return false;
         }
@@ -200,7 +203,7 @@ export const buildAggregatedQuickFilterApplier = (filterModel, apiRef) => {
     } // Return `true` as soon as we have have a quick filter value that match any column
 
 
-    return sanitizedQuickFilterValues.some((value, index) => Object.keys(appliersPerColumnField).some(field => {
+    return sanitizedQuickFilterValues.some((value, index) => columnsFieldsToFilter.some(field => {
       if (appliersPerColumnField[field][index] == null) {
         return false;
       }

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

@@ -315,10 +315,23 @@ export const useGridRows = (apiRef, props) => {
     if (isFirstRender.current) {
       isFirstRender.current = false;
       return;
-    } // The new rows have already been applied (most likely in the `'rowGroupsPreProcessingChange'` listener)
+    }
+
+    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)
 
+    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`
+      if (!isNewLoadingAlreadyInState) {
+        apiRef.current.setState(state => _extends({}, state, {
+          rows: _extends({}, state.rows, {
+            loading: props.loading
+          })
+        }));
+        apiRef.current.unstable_caches.rows.loadingPropBeforePartialUpdates = props.loading;
+        apiRef.current.forceUpdate();
+      }
 
-    if (apiRef.current.unstable_caches.rows.rowsBeforePartialUpdates === props.rows && apiRef.current.unstable_caches.rows.loadingPropBeforePartialUpdates === props.loading) {
       return;
     }
 

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.12.2
+/** @license MUI v5.12.3
  *
  * 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/index.js

@@ -20,6 +20,7 @@ export * from './plPL';
 export * from './ptBR';
 export * from './ruRU';
 export * from './skSK';
+export * from './svSE';
 export * from './trTR';
 export * from './ukUA';
 export * from './viVN';

package/modern/locales/svSE.js

@@ -0,0 +1,116 @@
+import { svSE as svSECore } from '@mui/material/locale';
+import { getGridLocalization } from '../utils/getGridLocalization';
+const svSEGrid = {
+  // Root
+  noRowsLabel: 'Inga rader',
+  noResultsOverlayLabel: 'Inga resultat funna.',
+  errorOverlayDefaultLabel: 'Ett fel uppstod.',
+  // Density selector toolbar button text
+  toolbarDensity: 'Densitet',
+  toolbarDensityLabel: 'Densitet',
+  toolbarDensityCompact: 'Kompakt',
+  toolbarDensityStandard: 'Standard',
+  toolbarDensityComfortable: 'Bekväm',
+  // Columns selector toolbar button text
+  toolbarColumns: 'Kolumner',
+  toolbarColumnsLabel: 'Välj kolumner',
+  // Filters toolbar button text
+  toolbarFilters: 'Filter',
+  toolbarFiltersLabel: 'Visa filter',
+  toolbarFiltersTooltipHide: 'Dölj filter',
+  toolbarFiltersTooltipShow: 'Visa filter',
+  toolbarFiltersTooltipActive: count => count !== 1 ? `${count} aktiva filter` : `${count} aktivt filter`,
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'Sök...',
+  toolbarQuickFilterLabel: 'Sök',
+  toolbarQuickFilterDeleteIconLabel: 'Rensa',
+  // Export selector toolbar button text
+  toolbarExport: 'Exportera',
+  toolbarExportLabel: 'Exportera',
+  toolbarExportCSV: 'Ladda ner som CSV',
+  toolbarExportPrint: 'Skriv ut',
+  toolbarExportExcel: 'Ladda ner som Excel',
+  // Columns panel text
+  columnsPanelTextFieldLabel: 'Hitta kolumn',
+  columnsPanelTextFieldPlaceholder: 'Kolumntitel',
+  columnsPanelDragIconLabel: 'Ordna om kolumnen',
+  columnsPanelShowAllButton: 'Visa alla',
+  columnsPanelHideAllButton: 'Dölj alla',
+  // Filter panel text
+  filterPanelAddFilter: 'Lägg till filter',
+  filterPanelDeleteIconLabel: 'Ta bort',
+  filterPanelLinkOperator: 'Logisk operatör',
+  filterPanelOperators: 'Operatör',
+  // TODO v6: rename to filterPanelOperator
+  filterPanelOperatorAnd: 'Och',
+  filterPanelOperatorOr: 'Eller',
+  filterPanelColumns: 'Kolumner',
+  filterPanelInputLabel: 'Värde',
+  filterPanelInputPlaceholder: 'Filtervärde',
+  // Filter operators text
+  filterOperatorContains: 'innehåller',
+  filterOperatorEquals: 'är lika med',
+  filterOperatorStartsWith: 'börjar med',
+  filterOperatorEndsWith: 'slutar med',
+  filterOperatorIs: 'är',
+  filterOperatorNot: 'är inte',
+  filterOperatorAfter: 'är efter',
+  filterOperatorOnOrAfter: 'är på eller efter',
+  filterOperatorBefore: 'är innan',
+  filterOperatorOnOrBefore: 'är på eller innan',
+  filterOperatorIsEmpty: 'är tom',
+  filterOperatorIsNotEmpty: 'är inte tom',
+  filterOperatorIsAnyOf: 'är någon av',
+  // Filter values text
+  filterValueAny: 'något',
+  filterValueTrue: 'sant',
+  filterValueFalse: 'falskt',
+  // Column menu text
+  columnMenuLabel: 'Meny',
+  columnMenuShowColumns: 'Visa kolumner',
+  columnMenuFilter: 'Filtrera',
+  columnMenuHideColumn: 'Dölj',
+  columnMenuUnsort: 'Osortera',
+  columnMenuSortAsc: 'Sortera stigande',
+  columnMenuSortDesc: 'Sortera fallande',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} aktiva filter` : `${count} aktivt filter`,
+  columnHeaderFiltersLabel: 'Visa filter',
+  columnHeaderSortIconLabel: 'Sortera',
+  // Rows selected footer text
+  footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} rader markerade` : `${count.toLocaleString()} rad markerad`,
+  // Total row amount footer text
+  footerTotalRows: 'Totalt antal rader:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} av ${totalCount.toLocaleString()}`,
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'Markering med kryssruta',
+  checkboxSelectionSelectAllRows: 'Markera alla rader',
+  checkboxSelectionUnselectAllRows: 'Avmarkera alla rader',
+  checkboxSelectionSelectRow: 'Markera rad',
+  checkboxSelectionUnselectRow: 'Avmarkera rad',
+  // Boolean cell text
+  booleanCellTrueLabel: 'ja',
+  booleanCellFalseLabel: 'nej',
+  // Actions cell more text
+  actionsCellMore: 'mer',
+  // Column pinning text
+  pinToLeft: 'Fäst till vänster',
+  pinToRight: 'Fäst till höger',
+  unpin: 'Ta bort fäste',
+  // Tree Data
+  treeDataGroupingHeaderName: 'Grupp',
+  treeDataExpand: 'visa underordnade',
+  treeDataCollapse: 'dölj underordnade',
+  // Grouping columns
+  groupingColumnHeaderName: 'Grupp',
+  groupColumn: name => `Gruppera efter ${name}`,
+  unGroupColumn: name => `Sluta gruppera efter ${name}`,
+  // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
+  expandDetailPanel: 'Expandera',
+  collapseDetailPanel: 'Kollapsa',
+  // Row reordering text
+  rowReorderingHeaderName: 'Ordna om rader'
+};
+export const svSE = getGridLocalization(svSEGrid, svSECore);

package/node/components/cell/GridBooleanCell.js

@@ -19,6 +19,8 @@ var _gridClasses = require("../../constants/gridClasses");
 
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 
+var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "hasFocus", "tabIndex", "getValue"];
@@ -39,10 +41,10 @@ const useUtilityClasses = ownerState => {
 
 const GridBooleanCell = /*#__PURE__*/React.memo(props => {
   const {
-    value,
-    api
+    value
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const ownerState = {
     classes: rootProps.classes
@@ -52,7 +54,7 @@ const GridBooleanCell = /*#__PURE__*/React.memo(props => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, (0, _extends2.default)({
     fontSize: "small",
     className: classes.root,
-    titleAccess: api.getLocaleText(value ? 'booleanCellTrueLabel' : 'booleanCellFalseLabel'),
+    titleAccess: apiRef.current.getLocaleText(value ? 'booleanCellTrueLabel' : 'booleanCellFalseLabel'),
     "data-value": Boolean(value)
   }, other));
 });

package/node/components/cell/GridEditBooleanCell.js

@@ -26,6 +26,8 @@ var _gridClasses = require("../../constants/gridClasses");
 
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 
+var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "getValue", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange"];
@@ -50,13 +52,13 @@ function GridEditBooleanCell(props) {
   const {
     id: idProp,
     value,
-    api,
     field,
     className,
     hasFocus,
     onValueChange
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
   const inputRef = React.useRef(null);
   const id = (0, _utils.unstable_useId)();
   const [valueState, setValueState] = React.useState(value);
@@ -73,12 +75,12 @@ function GridEditBooleanCell(props) {
     }
 
     setValueState(newValue);
-    await api.setEditCellValue({
+    await apiRef.current.setEditCellValue({
       id: idProp,
       field,
       value: newValue
     }, event);
-  }, [api, field, idProp, onValueChange]);
+  }, [apiRef, field, idProp, onValueChange]);
   React.useEffect(() => {
     setValueState(value);
   }, [value]);

package/node/components/cell/GridEditDateCell.js

@@ -26,6 +26,8 @@ var _gridClasses = require("../../constants/gridClasses");
 
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 
+var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "hasFocus", "getValue", "inputProps", "isValidating", "isProcessingProps", "onValueChange"];
@@ -48,7 +50,6 @@ function GridEditDateCell(props) {
   const {
     id,
     value: valueProp,
-    api,
     field,
     colDef,
     hasFocus,
@@ -57,6 +58,7 @@ function GridEditDateCell(props) {
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const isDateTime = colDef.type === 'dateTime';
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
   const inputRef = React.useRef();
   const valueTransformed = React.useMemo(() => {
     let parsedDate;
@@ -116,12 +118,12 @@ function GridEditDateCell(props) {
       parsed: newParsedDate,
       formatted: newFormattedDate
     });
-    api.setEditCellValue({
+    apiRef.current.setEditCellValue({
       id,
       field,
       value: newParsedDate
     }, event);
-  }, [api, field, id, onValueChange]);
+  }, [apiRef, field, id, onValueChange]);
   React.useEffect(() => {
     setValueState(state => {
       var _valueTransformed$par, _state$parsed;

package/node/components/cell/GridEditInputCell.js

@@ -32,6 +32,8 @@ var _index = require("../icons/index");
 
 var _GridFilterInputValue = require("../panel/filterPanel/GridFilterInputValue");
 
+var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "hasFocus", "getValue", "isValidating", "debounceMs", "isProcessingProps", "onValueChange"];
@@ -71,7 +73,6 @@ function GridEditInputCell(props) {
   const {
     id,
     value,
-    api,
     field,
     colDef,
     hasFocus,
@@ -80,6 +81,7 @@ function GridEditInputCell(props) {
     onValueChange
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
   const inputRef = React.useRef();
   const [valueState, setValueState] = React.useState(value);
   const ownerState = {
@@ -94,13 +96,13 @@ function GridEditInputCell(props) {
     }
 
     setValueState(newValue);
-    api.setEditCellValue({
+    apiRef.current.setEditCellValue({
       id,
       field,
       value: newValue,
       debounceMs
     }, event);
-  }, [api, debounceMs, field, id, onValueChange]);
+  }, [apiRef, debounceMs, field, id, onValueChange]);
   React.useEffect(() => {
     setValueState(value);
   }, [value]);

package/node/components/cell/GridEditSingleSelectCell.js

@@ -28,6 +28,8 @@ var _gridEditRowModel = require("../../models/gridEditRowModel");
 
 var _filterPanelUtils = require("../panel/filterPanel/filterPanelUtils");
 
+var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "getValue", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange"];
@@ -62,6 +64,7 @@ function GridEditSingleSelectCell(props) {
     onValueChange
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
   const ref = React.useRef();
   const inputRef = React.useRef();
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
@@ -110,7 +113,7 @@ function GridEditSingleSelectCell(props) {
       await onValueChange(event, formattedTargetValue);
     }
 
-    const isValid = await api.setEditCellValue({
+    const isValid = await apiRef.current.setEditCellValue({
       id,
       field,
       value: formattedTargetValue
@@ -125,18 +128,18 @@ function GridEditSingleSelectCell(props) {
       return;
     }
 
-    const canCommit = await Promise.resolve(api.commitCellChange({
+    const canCommit = await Promise.resolve(apiRef.current.commitCellChange({
       id,
       field
     }, event));
 
     if (canCommit) {
-      api.setCellMode(id, field, 'view');
+      apiRef.current.setCellMode(id, field, 'view');
 
       if (event.key) {
         // TODO v6: remove once we stop ignoring events fired from portals
-        const params = api.getCellParams(id, field);
-        api.publishEvent('cellNavigationKeyDown', params, event);
+        const params = apiRef.current.getCellParams(id, field);
+        apiRef.current.publishEvent('cellNavigationKeyDown', params, event);
       }
     }
   };
@@ -151,13 +154,13 @@ function GridEditSingleSelectCell(props) {
       var _rootProps$experiment2;
 
       if ((_rootProps$experiment2 = rootProps.experimentalFeatures) != null && _rootProps$experiment2.newEditingApi) {
-        api.stopCellEditMode({
+        apiRef.current.stopCellEditMode({
           id,
           field,
           ignoreModifications: true
         });
       } else {
-        api.setCellMode(id, field, 'view');
+        apiRef.current.setCellMode(id, field, 'view');
       }
     }
   };

package/node/components/panel/GridColumnsPanel.js

@@ -112,7 +112,7 @@ function GridColumnsPanel(props) {
         return apiRef.current.setColumnVisibilityModel({});
       }
 
-      return apiRef.current.setColumnVisibilityModel(Object.fromEntries(columns.map(col => [col.field, false])));
+      return apiRef.current.setColumnVisibilityModel(Object.fromEntries(columns.filter(col => col.hideable !== false).map(col => [col.field, false])));
     } // TODO v6: Remove
 
 

package/node/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js

@@ -48,9 +48,17 @@ function GridFilterInputMultipleSingleSelect(props) {
   const id = (0, _utils.unstable_useId)();
   const resolvedColumn = item.columnField ? apiRef.current.getColumn(item.columnField) : null;
   const resolvedValueOptions = React.useMemo(() => {
-    return typeof (resolvedColumn == null ? void 0 : resolvedColumn.valueOptions) === 'function' ? resolvedColumn.valueOptions({
-      field: resolvedColumn.field
-    }) : resolvedColumn == null ? void 0 : resolvedColumn.valueOptions;
+    if (!(resolvedColumn != null && resolvedColumn.valueOptions)) {
+      return [];
+    }
+
+    if (typeof resolvedColumn.valueOptions === 'function') {
+      return resolvedColumn.valueOptions({
+        field: resolvedColumn.field
+      });
+    }
+
+    return resolvedColumn.valueOptions;
   }, [resolvedColumn]);
   const resolvedFormattedValueOptions = React.useMemo(() => {
     return resolvedValueOptions == null ? void 0 : resolvedValueOptions.map(_filterPanelUtils.getValueFromOption);
@@ -107,8 +115,7 @@ function GridFilterInputMultipleSingleSelect(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Autocomplete.default, (0, _extends2.default)({
     multiple: true,
     limitTags: 1,
-    options: resolvedValueOptions // TODO: avoid `any`?
-    ,
+    options: resolvedValueOptions,
     isOptionEqualToValue: isOptionEqualToValue,
     filterOptions: filter,
     id: id,

package/node/hooks/features/filter/gridFilterUtils.js

@@ -30,8 +30,9 @@ const cleanFilterItem = (item, apiRef) => {
   }
 
   if (cleanItem.operatorValue == null) {
-    // we select a default operator
-    const column = apiRef.current.getColumn(cleanItem.columnField);
+    // Selects a default operator
+    // We don't use `apiRef.current.getColumn` because it is not ready during state initialization
+    const column = (0, _columns.gridColumnLookupSelector)(apiRef)[cleanItem.columnField];
     cleanItem.operatorValue = column && column.filterOperators[0].value;
   }
 
@@ -208,14 +209,16 @@ const buildAggregatedQuickFilterApplier = (filterModel, apiRef) => {
   const sanitizedQuickFilterValues = quickFilterValues.filter((value, index) => Object.keys(appliersPerColumnField).some(field => appliersPerColumnField[field][index] != null));
   return (rowId, shouldApplyFilter) => {
     const usedCellParams = {};
+    const columnsFieldsToFilter = [];
     Object.keys(appliersPerColumnField).forEach(columnField => {
       if (!shouldApplyFilter || shouldApplyFilter(columnField)) {
         usedCellParams[columnField] = apiRef.current.getCellParams(rowId, columnField);
+        columnsFieldsToFilter.push(columnField);
       }
     }); // Return `false` as soon as we have a quick filter value that does not match any column
 
     if (quickFilterLogicOperator === _models.GridLinkOperator.And) {
-      return sanitizedQuickFilterValues.every((value, index) => Object.keys(appliersPerColumnField).some(field => {
+      return sanitizedQuickFilterValues.every((value, index) => columnsFieldsToFilter.some(field => {
         var _appliersPerColumnFie, _appliersPerColumnFie2;
 
         if (appliersPerColumnField[field][index] == null) {
@@ -227,7 +230,7 @@ const buildAggregatedQuickFilterApplier = (filterModel, apiRef) => {
     } // Return `true` as soon as we have have a quick filter value that match any column
 
 
-    return sanitizedQuickFilterValues.some((value, index) => Object.keys(appliersPerColumnField).some(field => {
+    return sanitizedQuickFilterValues.some((value, index) => columnsFieldsToFilter.some(field => {
       var _appliersPerColumnFie3, _appliersPerColumnFie4;
 
       if (appliersPerColumnField[field][index] == null) {

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

@@ -349,10 +349,23 @@ const useGridRows = (apiRef, props) => {
     if (isFirstRender.current) {
       isFirstRender.current = false;
       return;
-    } // The new rows have already been applied (most likely in the `'rowGroupsPreProcessingChange'` listener)
+    }
+
+    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)
 
+    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`
+      if (!isNewLoadingAlreadyInState) {
+        apiRef.current.setState(state => (0, _extends2.default)({}, state, {
+          rows: (0, _extends2.default)({}, state.rows, {
+            loading: props.loading
+          })
+        }));
+        apiRef.current.unstable_caches.rows.loadingPropBeforePartialUpdates = props.loading;
+        apiRef.current.forceUpdate();
+      }
 
-    if (apiRef.current.unstable_caches.rows.rowsBeforePartialUpdates === props.rows && apiRef.current.unstable_caches.rows.loadingPropBeforePartialUpdates === props.loading) {
       return;
     }
 

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.12.2
+/** @license MUI v5.12.3
  *
  * 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/index.js

@@ -277,6 +277,19 @@ Object.keys(_skSK).forEach(function (key) {
   });
 });
 
+var _svSE = require("./svSE");
+
+Object.keys(_svSE).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _svSE[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _svSE[key];
+    }
+  });
+});
+
 var _trTR = require("./trTR");
 
 Object.keys(_trTR).forEach(function (key) {