@mui/x-data-grid 5.13.0 → 5.13.1

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

@@ -146,7 +146,25 @@ const useGridFilter = (apiRef, props) => {
 
     if (targetColumnField) {
       const filterModel = (0, _gridFilterSelector.gridFilterModelSelector)(apiRef);
-      const filterItemsWithValue = filterModel.items.filter(item => item.value !== undefined);
+      const filterItemsWithValue = filterModel.items.filter(item => {
+        var _column$filterOperato;
+
+        if (item.value !== undefined) {
+          return true;
+        }
+
+        const column = apiRef.current.getColumn(item.columnField);
+        const filterOperator = (_column$filterOperato = column.filterOperators) == null ? void 0 : _column$filterOperato.find(operator => operator.value === item.operatorValue);
+        const requiresFilterValue = typeof (filterOperator == null ? void 0 : filterOperator.requiresFilterValue) === 'undefined' ? true : filterOperator == null ? void 0 : filterOperator.requiresFilterValue; // Operators like `isEmpty` don't have and don't require `item.value`.
+        // So we don't want to remove them from the filter model if `item.value === undefined`.
+        // See https://github.com/mui/mui-x/issues/5402
+
+        if (requiresFilterValue) {
+          return false;
+        }
+
+        return true;
+      });
       let newFilterItems;
       const filterItemOnTarget = filterItemsWithValue.find(item => item.columnField === targetColumnField);
 

package/node/hooks/features/virtualization/useGridVirtualScroller.js

@@ -91,6 +91,8 @@ const getRenderableIndexes = ({
 exports.getRenderableIndexes = getRenderableIndexes;
 
 const useGridVirtualScroller = props => {
+  var _currentPage$range3, _currentPage$range4;
+
   const apiRef = (0, _useGridApiContext.useGridApiContext)();
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const visibleColumns = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnsSelector.gridVisibleColumnDefinitionsSelector);
@@ -123,8 +125,17 @@ const useGridVirtualScroller = props => {
   const [containerWidth, setContainerWidth] = React.useState(null);
   const prevTotalWidth = React.useRef(columnsTotalWidth);
   const getNearestIndexToRender = React.useCallback(offset => {
-    const lastMeasuredIndex = Math.max(0, apiRef.current.unstable_getLastMeasuredRowIndex());
-    const allRowsMeasured = lastMeasuredIndex === Infinity;
+    var _currentPage$range, _currentPage$range2;
+
+    const lastMeasuredIndexRelativeToAllRows = apiRef.current.unstable_getLastMeasuredRowIndex();
+    const lastMeasuredIndexRelativeToCurrentPage = lastMeasuredIndexRelativeToAllRows - (((_currentPage$range = currentPage.range) == null ? void 0 : _currentPage$range.firstRowIndex) || 0);
+    const lastMeasuredIndex = Math.max(0, lastMeasuredIndexRelativeToCurrentPage);
+    let allRowsMeasured = lastMeasuredIndex === Infinity;
+
+    if ((_currentPage$range2 = currentPage.range) != null && _currentPage$range2.lastRowIndex && !allRowsMeasured) {
+      // Check if all rows in this page are already measured
+      allRowsMeasured = lastMeasuredIndex >= currentPage.range.lastRowIndex;
+    }
 
     if (allRowsMeasured || rowsMeta.positions[lastMeasuredIndex] >= offset) {
       // If all rows were measured (when no row has "auto" as height) or all rows before the offset
@@ -137,7 +148,7 @@ const useGridVirtualScroller = props => {
 
 
     return exponentialSearch(offset, rowsMeta.positions, lastMeasuredIndex);
-  }, [apiRef, rowsMeta.positions]);
+  }, [apiRef, (_currentPage$range3 = currentPage.range) == null ? void 0 : _currentPage$range3.firstRowIndex, (_currentPage$range4 = currentPage.range) == null ? void 0 : _currentPage$range4.lastRowIndex, rowsMeta.positions]);
   const computeRenderContext = React.useCallback(() => {
     if (disableVirtualization) {
       return {

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.13.0
+/** @license MUI v5.13.1
  *
  * 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/deDE.js

@@ -30,9 +30,9 @@ const deDEGrid = {
   toolbarFiltersTooltipShow: 'Zeige Filter',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} aktive Filter` : `${count} aktiver Filter`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Suchen...',
+  toolbarQuickFilterLabel: 'Suchen',
+  toolbarQuickFilterDeleteIconLabel: 'Löschen',
   // Export selector toolbar button text
   toolbarExport: 'Exportieren',
   toolbarExportLabel: 'Exportieren',
@@ -116,7 +116,7 @@ const deDEGrid = {
   groupColumn: name => `Gruppieren nach ${name}`,
   unGroupColumn: name => `Gruppierung nach ${name} aufheben`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
+  detailPanelToggle: 'Detailansicht Kippschalter',
   expandDetailPanel: 'Aufklappen',
   collapseDetailPanel: 'Zuklappen',
   // Row reordering text

package/node/locales/frFR.js

@@ -38,7 +38,7 @@ const frFRGrid = {
   toolbarExportLabel: 'Exporter',
   toolbarExportCSV: 'Télécharger en CSV',
   toolbarExportPrint: 'Imprimer',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'Télécharger pour Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Chercher colonne',
   columnsPanelTextFieldPlaceholder: 'Titre de la colonne',
@@ -94,10 +94,10 @@ const frFRGrid = {
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} sur ${totalCount.toLocaleString()}`,
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Sélection',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: 'Sélectionner toutes les lignes',
+  checkboxSelectionUnselectAllRows: 'Désélectionner toutes les lignes',
+  checkboxSelectionSelectRow: 'Sélectionner la ligne',
+  checkboxSelectionUnselectRow: 'Désélectionner la ligne',
   // Boolean cell text
   booleanCellTrueLabel: 'vrai',
   booleanCellFalseLabel: 'faux',
@@ -114,13 +114,13 @@ const frFRGrid = {
   // Grouping columns
   groupingColumnHeaderName: 'Groupe',
   groupColumn: name => `Grouper par ${name}`,
-  unGroupColumn: name => `Arrêter de grouper par ${name}` // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
+  unGroupColumn: name => `Arrêter de grouper par ${name}`,
+  // Master/detail
+  detailPanelToggle: 'Afficher/masquer les détails',
+  expandDetailPanel: 'Afficher',
+  collapseDetailPanel: 'Masquer',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
-
+  rowReorderingHeaderName: 'Positionnement des lignes'
 };
 const frFR = (0, _getGridLocalization.getGridLocalization)(frFRGrid, _locale.frFR);
 exports.frFR = frFR;

package/node/locales/nlNL.js

@@ -30,15 +30,15 @@ const nlNLGrid = {
   toolbarFiltersTooltipShow: 'Toon filters',
   toolbarFiltersTooltipActive: count => count > 1 ? `${count} actieve filters` : `${count} filter actief`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Zoeken...',
+  toolbarQuickFilterLabel: 'Zoeken',
+  toolbarQuickFilterDeleteIconLabel: 'Wissen',
   // Export selector toolbar button text
   toolbarExport: 'Exporteren',
   toolbarExportLabel: 'Exporteren',
   toolbarExportCSV: 'Exporteer naar CSV',
   toolbarExportPrint: 'Print',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'Downloaden als Excel-bestand',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Zoek kolom',
   columnsPanelTextFieldPlaceholder: 'Kolomtitel',
@@ -48,7 +48,7 @@ const nlNLGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Filter toevoegen',
   filterPanelDeleteIconLabel: 'Verwijderen',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Logische operator',
   filterPanelOperators: 'Operatoren',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'En',
@@ -69,7 +69,7 @@ const nlNLGrid = {
   filterOperatorOnOrBefore: 'is gelijk of er voor',
   filterOperatorIsEmpty: 'is leeg',
   filterOperatorIsNotEmpty: 'is niet leeg',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'is een van',
   // Filter values text
   filterValueAny: 'alles',
   filterValueTrue: 'waar',
@@ -94,10 +94,10 @@ const nlNLGrid = {
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} van ${totalCount.toLocaleString()}`,
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Checkbox selectie',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: 'Alle rijen selecteren',
+  checkboxSelectionUnselectAllRows: 'Alle rijen de-selecteren',
+  checkboxSelectionSelectRow: 'Rij selecteren',
+  checkboxSelectionUnselectRow: 'Rij de-selecteren',
   // Boolean cell text
   booleanCellTrueLabel: 'waar',
   booleanCellFalseLabel: 'onwaar',
@@ -114,13 +114,13 @@ const nlNLGrid = {
   // Grouping columns
   groupingColumnHeaderName: 'Groep',
   groupColumn: name => `Groepeer op ${name}`,
-  unGroupColumn: name => `Stop groeperen op ${name}` // Master/detail
+  unGroupColumn: name => `Stop groeperen op ${name}`,
+  // Master/detail
   // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
+  expandDetailPanel: 'Uitklappen',
+  collapseDetailPanel: 'Inklappen',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
-
+  rowReorderingHeaderName: 'Rijen hersorteren'
 };
 const nlNL = (0, _getGridLocalization.getGridLocalization)(nlNLGrid, _locale.nlNL);
 exports.nlNL = nlNL;

package/node/locales/ptBR.js

@@ -30,14 +30,14 @@ const ptBRGrid = {
   toolbarFiltersTooltipShow: 'Exibir filtros',
   toolbarFiltersTooltipActive: count => `${count} ${count !== 1 ? 'filtros' : 'filtro'} ${count !== 1 ? 'ativos' : 'ativo'}`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Procurar...',
+  toolbarQuickFilterLabel: 'Procurar',
+  toolbarQuickFilterDeleteIconLabel: 'Limpar',
   // Export selector toolbar button text
   toolbarExport: 'Exportar',
   toolbarExportLabel: 'Exportar',
   toolbarExportCSV: 'Baixar como CSV',
-  toolbarExportPrint: 'Print',
+  toolbarExportPrint: 'Imprimir',
   toolbarExportExcel: 'Baixar como Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Localizar coluna',
@@ -69,7 +69,7 @@ const ptBRGrid = {
   filterOperatorOnOrBefore: 'em ou antes de',
   filterOperatorIsEmpty: 'está vazio',
   filterOperatorIsNotEmpty: 'não está vazio',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'é qualquer um dos',
   // Filter values text
   filterValueAny: 'qualquer',
   filterValueTrue: 'verdadeiro',
@@ -108,9 +108,9 @@ const ptBRGrid = {
   pinToRight: 'Fixar à direita',
   unpin: 'Desafixar',
   // Tree Data
-  // treeDataGroupingHeaderName: 'Group',
-  // treeDataExpand: 'see children',
-  // treeDataCollapse: 'hide children',
+  treeDataGroupingHeaderName: 'Grupo',
+  treeDataExpand: 'mostrar filhos',
+  treeDataCollapse: 'esconder filhos',
   // Grouping columns
   groupingColumnHeaderName: 'Grupo',
   groupColumn: name => `Agrupar por ${name}`,
@@ -118,9 +118,9 @@ const ptBRGrid = {
   // Master/detail
   detailPanelToggle: 'Painel de detalhes',
   expandDetailPanel: 'Expandir',
-  collapseDetailPanel: 'Esconder' // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
-
+  collapseDetailPanel: 'Esconder',
+  // Row reordering text
+  rowReorderingHeaderName: 'Reorganizar linhas'
 };
 const ptBR = (0, _getGridLocalization.getGridLocalization)(ptBRGrid, _locale.ptBR);
 exports.ptBR = ptBR;

package/node/locales/roRO.js

@@ -30,9 +30,9 @@ const roROGrid = {
   toolbarFiltersTooltipShow: 'Afișează filtru',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} filtru activ` : `${count} filtru activ`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Căutare...',
+  toolbarQuickFilterLabel: 'Căutare',
+  toolbarQuickFilterDeleteIconLabel: 'Ștergere',
   // Export selector toolbar button text
   toolbarExport: 'Export',
   toolbarExportLabel: 'Export',
@@ -116,7 +116,7 @@ const roROGrid = {
   groupColumn: name => `Grupare după ${name}`,
   unGroupColumn: name => `Anulare Grupare după ${name}`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
+  detailPanelToggle: 'Comutare panou detalii',
   expandDetailPanel: 'Extindere',
   collapseDetailPanel: 'Restrângere',
   // Row reordering text

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "5.13.0",
+  "version": "5.13.1",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -35,7 +35,7 @@
     "directory": "packages/grid/x-data-grid"
   },
   "dependencies": {
-    "@babel/runtime": "^7.17.2",
+    "@babel/runtime": "^7.18.6",
     "@mui/utils": "^5.4.1",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",