@mui/x-data-grid 5.12.2 → 5.13.1

package/modern/locales/nlNL.js

@@ -21,15 +21,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',
@@ -39,7 +39,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',
@@ -60,7 +60,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',
@@ -85,10 +85,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',
@@ -105,12 +105,12 @@ 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'
 };
 export const nlNL = getGridLocalization(nlNLGrid, nlNLCore);

package/modern/locales/ptBR.js

@@ -21,14 +21,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',
@@ -60,7 +60,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',
@@ -99,9 +99,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}`,
@@ -109,8 +109,8 @@ 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'
 };
 export const ptBR = getGridLocalization(ptBRGrid, ptBRCore);

package/modern/locales/roRO.js

@@ -0,0 +1,116 @@
+import { roRO as roROCore } from '@mui/material/locale';
+import { getGridLocalization } from '../utils/getGridLocalization';
+const roROGrid = {
+  // Root
+  noRowsLabel: 'Lipsă date',
+  noResultsOverlayLabel: 'Nu au fost găsite rezultate.',
+  errorOverlayDefaultLabel: 'A apărut o eroare neașteptată.',
+  // Density selector toolbar button text
+  toolbarDensity: 'Înălțime rând',
+  toolbarDensityLabel: 'Înălțime rând',
+  toolbarDensityCompact: 'Compact',
+  toolbarDensityStandard: 'Standard',
+  toolbarDensityComfortable: 'Lat',
+  // Columns selector toolbar button text
+  toolbarColumns: 'Coloane',
+  toolbarColumnsLabel: 'Afișează selecție coloane',
+  // Filters toolbar button text
+  toolbarFilters: 'Filtru',
+  toolbarFiltersLabel: 'Afișează filtru',
+  toolbarFiltersTooltipHide: 'Ascunde filtru',
+  toolbarFiltersTooltipShow: 'Afișează filtru',
+  toolbarFiltersTooltipActive: count => count !== 1 ? `${count} filtru activ` : `${count} filtru activ`,
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'Căutare...',
+  toolbarQuickFilterLabel: 'Căutare',
+  toolbarQuickFilterDeleteIconLabel: 'Ștergere',
+  // Export selector toolbar button text
+  toolbarExport: 'Export',
+  toolbarExportLabel: 'Export',
+  toolbarExportCSV: 'Download în format CSV',
+  toolbarExportPrint: 'Printare',
+  toolbarExportExcel: 'Download în format Excel',
+  // Columns panel text
+  columnsPanelTextFieldLabel: 'Găsește coloana',
+  columnsPanelTextFieldPlaceholder: 'Titlu coloană',
+  columnsPanelDragIconLabel: 'Resortare coloană',
+  columnsPanelShowAllButton: 'Afișează tot',
+  columnsPanelHideAllButton: 'Ascunde tot',
+  // Filter panel text
+  filterPanelAddFilter: 'Adăugare filtru',
+  filterPanelDeleteIconLabel: 'Ștergere',
+  filterPanelLinkOperator: 'Operatori logici',
+  filterPanelOperators: 'Operatori',
+  // TODO v6: rename to filterPanelOperator
+  filterPanelOperatorAnd: 'Și',
+  filterPanelOperatorOr: 'Sau',
+  filterPanelColumns: 'Coloane',
+  filterPanelInputLabel: 'Valoare',
+  filterPanelInputPlaceholder: 'Filtrare valoare',
+  // Filter operators text
+  filterOperatorContains: 'conține',
+  filterOperatorEquals: 'este egal cu',
+  filterOperatorStartsWith: 'începe cu',
+  filterOperatorEndsWith: 'se termină cu',
+  filterOperatorIs: 'este',
+  filterOperatorNot: 'nu este',
+  filterOperatorAfter: 'este după',
+  filterOperatorOnOrAfter: 'este la sau după',
+  filterOperatorBefore: 'este înainte de',
+  filterOperatorOnOrBefore: 'este la sau înainte de',
+  filterOperatorIsEmpty: 'este gol',
+  filterOperatorIsNotEmpty: 'nu este gol',
+  filterOperatorIsAnyOf: 'este una din valori',
+  // Filter values text
+  filterValueAny: 'Aleatoriu',
+  filterValueTrue: 'Da',
+  filterValueFalse: 'Nu',
+  // Column menu text
+  columnMenuLabel: 'Meniu',
+  columnMenuShowColumns: 'Afișează toate coloanele',
+  columnMenuFilter: 'Filtru',
+  columnMenuHideColumn: 'Ascunde',
+  columnMenuUnsort: 'Dezactivare sortare',
+  columnMenuSortAsc: 'Sortează crescător',
+  columnMenuSortDesc: 'Sortează descrescător',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} filtru activ` : `${count} filtru activ`,
+  columnHeaderFiltersLabel: 'Afișează filtru',
+  columnHeaderSortIconLabel: 'Sortare',
+  // Rows selected footer text
+  footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} Înregistrări selectate` : `${count.toLocaleString()} Înregistrare selectată`,
+  // Total row amount footer text
+  footerTotalRows: 'Total:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} din ${totalCount.toLocaleString()}`,
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'Checkbox Selecție',
+  checkboxSelectionSelectAllRows: 'Selectare toate rândurile',
+  checkboxSelectionUnselectAllRows: 'Deselectare toate rândurile',
+  checkboxSelectionSelectRow: 'Selectare rând',
+  checkboxSelectionUnselectRow: 'Deselectare rând',
+  // Boolean cell text
+  booleanCellTrueLabel: 'Da',
+  booleanCellFalseLabel: 'Nu',
+  // Actions cell more text
+  actionsCellMore: 'Mai multe',
+  // Column pinning text
+  pinToLeft: 'Fixare în stânga',
+  pinToRight: 'Fixare în dreapta',
+  unpin: 'Anulare fixare',
+  // Tree Data
+  treeDataGroupingHeaderName: 'Grup',
+  treeDataExpand: 'Afișare copii',
+  treeDataCollapse: 'Ascundere copii',
+  // Grouping columns
+  groupingColumnHeaderName: 'Grupare',
+  groupColumn: name => `Grupare după ${name}`,
+  unGroupColumn: name => `Anulare Grupare după ${name}`,
+  // Master/detail
+  detailPanelToggle: 'Comutare panou detalii',
+  expandDetailPanel: 'Extindere',
+  collapseDetailPanel: 'Restrângere',
+  // Row reordering text
+  rowReorderingHeaderName: 'Reordonare rânduri'
+};
+export const roRO = getGridLocalization(roROGrid, roROCore);

package/modern/locales/skSK.js

@@ -31,15 +31,15 @@ const skSKGrid = {
     return `${count} ${pluralForm}`;
   },
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Vyhľadať...',
+  toolbarQuickFilterLabel: 'Vyhľadať',
+  toolbarQuickFilterDeleteIconLabel: 'Vymazať',
   // Export selector toolbar button text
   toolbarExport: 'Export',
   toolbarExportLabel: 'Export',
   toolbarExportCSV: 'Stiahnuť ako CSV',
   toolbarExportPrint: 'Vytlačiť',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'Stiahnuť ako Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Nájsť stĺpec',
   columnsPanelTextFieldPlaceholder: 'Názov stĺpca',
@@ -49,7 +49,7 @@ const skSKGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Pridať filter',
   filterPanelDeleteIconLabel: 'Odstrániť',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Logický operátor',
   filterPanelOperators: 'Operátory',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'A',
@@ -70,7 +70,7 @@ const skSKGrid = {
   filterOperatorOnOrBefore: 'je na alebo skôr',
   filterOperatorIsEmpty: 'je prázdny',
   filterOperatorIsNotEmpty: 'nie je prázdny',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'je jeden z',
   // Filter values text
   filterValueAny: 'akýkoľvek',
   filterValueTrue: 'áno',
@@ -120,10 +120,10 @@ const skSKGrid = {
   },
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Výber riadku',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: 'Vybrať všetky riadky',
+  checkboxSelectionUnselectAllRows: 'Zrušiť výber všetkých riadkov',
+  checkboxSelectionSelectRow: 'Vyber riadok',
+  checkboxSelectionUnselectRow: 'Zruš výber riadku',
   // Boolean cell text
   booleanCellTrueLabel: 'áno',
   booleanCellFalseLabel: 'nie',
@@ -140,12 +140,12 @@ const skSKGrid = {
   // Grouping columns
   groupingColumnHeaderName: 'Skupina',
   groupColumn: name => `Zoskupiť podľa ${name}`,
-  unGroupColumn: name => `Prestať zoskupovať podľa ${name}` // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
+  unGroupColumn: name => `Prestať zoskupovať podľa ${name}`,
+  // Master/detail
+  detailPanelToggle: 'Prepnúť detail panelu',
+  expandDetailPanel: 'Rozbaliť',
+  collapseDetailPanel: 'Zbaliť',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
-
+  rowReorderingHeaderName: 'Preusporiadávanie riadkov'
 };
 export const skSK = getGridLocalization(skSKGrid, skSKCore);

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/modern/utils/keyboardUtils.js

@@ -8,9 +8,10 @@ export const isSpaceKey = key => key === ' ';
 export const isArrowKeys = key => key.indexOf('Arrow') === 0;
 export const isHomeOrEndKeys = key => key === 'Home' || key === 'End';
 export const isPageKeys = key => key.indexOf('Page') === 0;
-export const isDeleteKeys = key => key === 'Delete' || key === 'Backspace';
-const printableCharRegex = /^(\p{L}|\p{M}\p{L}|\p{M}|\p{N}|\p{Z}|\p{S}|\p{P})$/iu;
-export const isPrintableKey = key => printableCharRegex.test(key);
+export const isDeleteKeys = key => key === 'Delete' || key === 'Backspace'; // Non printable keys have a name, e.g. "ArrowRight", see the whole list:
+// https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values
+
+export const isPrintableKey = key => key.length === 1;
 export const GRID_MULTIPLE_SELECTION_KEYS = ['Meta', 'Control', 'Shift'];
 export const GRID_CELL_EXIT_EDIT_MODE_KEYS = ['Enter', 'Escape', 'Tab'];
 export const GRID_CELL_EDIT_COMMIT_KEYS = ['Enter', 'Tab'];

package/node/DataGrid/DataGrid.js

@@ -109,7 +109,7 @@ DataGridRaw.propTypes = {
   columns: (0, _utils.chainPropTypes)(_propTypes.default.array.isRequired, props => {
     // @ts-ignore because otherwise `build:api` doesn't work
     if (props.columns && props.columns.some(column => column.resizable)) {
-      return new Error([`MUI: \`column.resizable = true\` is not a valid prop.`, 'Column resizing is not available in the MIT version.', '', 'You need to upgrade to the DataGridPro component to unlock this feature.'].join('\n'));
+      return new Error([`MUI: \`column.resizable = true\` is not a valid prop.`, 'Column resizing is not available in the MIT version.', '', 'You need to upgrade to DataGridPro or DataGridPremium component to unlock this feature.'].join('\n'));
     }
 
     return null;
@@ -679,14 +679,14 @@ DataGridRaw.propTypes = {
    */
   pageSize: (0, _utils.chainPropTypes)(_propTypes.default.number, props => {
     if (props.pageSize && props.pageSize > _useDataGridProps.MAX_PAGE_SIZE) {
-      return new Error([`MUI: \`<DataGrid pageSize={${props.pageSize}} />\` is not a valid prop.`, `Only page size below ${_useDataGridProps.MAX_PAGE_SIZE} is available in the MIT version.`, '', 'You need to upgrade to the DataGridPro component to unlock this feature.'].join('\n'));
+      return new Error([`MUI: \`<DataGrid pageSize={${props.pageSize}} />\` is not a valid prop.`, `Only page size below ${_useDataGridProps.MAX_PAGE_SIZE} is available in the MIT version.`, '', 'You need to upgrade to DataGridPro or DataGridPremium component to unlock this feature.'].join('\n'));
     }
 
     return null;
   }),
   pagination: props => {
     if (props.pagination === false) {
-      return new Error(['MUI: `<DataGrid pagination={false} />` is not a valid prop.', 'Infinite scrolling is not available in the MIT version.', '', 'You need to upgrade to the DataGridPro component to disable the pagination.'].join('\n'));
+      return new Error(['MUI: `<DataGrid pagination={false} />` is not a valid prop.', 'Infinite scrolling is not available in the MIT version.', '', 'You need to upgrade to DataGridPro or DataGridPremium component to disable the pagination.'].join('\n'));
     }
 
     return null;
@@ -766,7 +766,7 @@ DataGridRaw.propTypes = {
    */
   selectionModel: (0, _utils.chainPropTypes)(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.array]), props => {
     if (!props.checkboxSelection && Array.isArray(props.selectionModel) && props.selectionModel.length > 1) {
-      return new Error([`MUI: \`<DataGrid selectionModel={${JSON.stringify(props.selectionModel)}} />\` is not a valid prop.`, 'selectionModel can only be of 1 item in DataGrid.', '', 'You need to upgrade to the DataGridPro component to unlock multiple selection.'].join('\n'));
+      return new Error([`MUI: \`<DataGrid selectionModel={${JSON.stringify(props.selectionModel)}} />\` is not a valid prop.`, 'selectionModel can only be of 1 item in DataGrid.', '', 'You need to upgrade to DataGridPro or DataGridPremium component to unlock multiple selection.'].join('\n'));
     }
 
     return null;

package/node/colDef/gridDateOperators.js

@@ -99,7 +99,8 @@ const getGridDateOperators = showTime => [{
     }) => {
       return value == null;
     };
-  }
+  },
+  requiresFilterValue: false
 }, {
   value: 'isNotEmpty',
   getApplyFilterFn: () => {
@@ -108,7 +109,8 @@ const getGridDateOperators = showTime => [{
     }) => {
       return value != null;
     };
-  }
+  },
+  requiresFilterValue: false
 }];
 
 exports.getGridDateOperators = getGridDateOperators;

package/node/colDef/gridNumericOperators.js

@@ -165,7 +165,8 @@ const getGridNumericOperators = () => [{
     }) => {
       return value == null;
     };
-  }
+  },
+  requiresFilterValue: false
 }, {
   value: 'isNotEmpty',
   getApplyFilterFn: () => {
@@ -174,7 +175,8 @@ const getGridNumericOperators = () => [{
     }) => {
       return value != null;
     };
-  }
+  },
+  requiresFilterValue: false
 }, {
   value: 'isAnyOf',
   getApplyFilterFn: filterItem => {

package/node/colDef/gridStringOperators.js

@@ -26,14 +26,15 @@ const getGridStringQuickFilterFn = value => {
 
 exports.getGridStringQuickFilterFn = getGridStringQuickFilterFn;
 
-const getGridStringOperators = () => [{
+const getGridStringOperators = (disableTrim = false) => [{
   value: 'contains',
   getApplyFilterFn: filterItem => {
     if (!filterItem.value) {
       return null;
     }
 
-    const filterRegex = new RegExp((0, _utils.escapeRegExp)(filterItem.value), 'i');
+    const filterItemValue = disableTrim ? filterItem.value : filterItem.value.trim();
+    const filterRegex = new RegExp((0, _utils.escapeRegExp)(filterItemValue), 'i');
     return ({
       value
     }) => {
@@ -48,6 +49,7 @@ const getGridStringOperators = () => [{
       return null;
     }
 
+    const filterItemValue = disableTrim ? filterItem.value : filterItem.value.trim();
     const collator = new Intl.Collator(undefined, {
       sensitivity: 'base',
       usage: 'search'
@@ -55,7 +57,7 @@ const getGridStringOperators = () => [{
     return ({
       value
     }) => {
-      return value != null ? collator.compare(filterItem.value, value.toString()) === 0 : false;
+      return value != null ? collator.compare(filterItemValue, value.toString()) === 0 : false;
     };
   },
   InputComponent: _GridFilterInputValue.GridFilterInputValue
@@ -66,7 +68,8 @@ const getGridStringOperators = () => [{
       return null;
     }
 
-    const filterRegex = new RegExp(`^${(0, _utils.escapeRegExp)(filterItem.value)}.*$`, 'i');
+    const filterItemValue = disableTrim ? filterItem.value : filterItem.value.trim();
+    const filterRegex = new RegExp(`^${(0, _utils.escapeRegExp)(filterItemValue)}.*$`, 'i');
     return ({
       value
     }) => {
@@ -81,7 +84,8 @@ const getGridStringOperators = () => [{
       return null;
     }
 
-    const filterRegex = new RegExp(`.*${(0, _utils.escapeRegExp)(filterItem.value)}$`, 'i');
+    const filterItemValue = disableTrim ? filterItem.value : filterItem.value.trim();
+    const filterRegex = new RegExp(`.*${(0, _utils.escapeRegExp)(filterItemValue)}$`, 'i');
     return ({
       value
     }) => {
@@ -97,7 +101,8 @@ const getGridStringOperators = () => [{
     }) => {
       return value === '' || value == null;
     };
-  }
+  },
+  requiresFilterValue: false
 }, {
   value: 'isNotEmpty',
   getApplyFilterFn: () => {
@@ -106,7 +111,8 @@ const getGridStringOperators = () => [{
     }) => {
       return value !== '' && value != null;
     };
-  }
+  },
+  requiresFilterValue: false
 }, {
   value: 'isAnyOf',
   getApplyFilterFn: filterItem => {
@@ -114,13 +120,14 @@ const getGridStringOperators = () => [{
       return null;
     }
 
+    const filterItemValue = disableTrim ? filterItem.value : filterItem.value.map(val => val.trim());
     const collator = new Intl.Collator(undefined, {
       sensitivity: 'base',
       usage: 'search'
     });
     return ({
       value
-    }) => value != null ? filterItem.value.some(filterValue => {
+    }) => value != null ? filterItemValue.some(filterValue => {
       return collator.compare(filterValue, value.toString() || '') === 0;
     }) : false;
   },

package/node/components/GridRow.js

@@ -139,7 +139,7 @@ function GridRow(props) {
       // Fallback for IE
       apiRef.current.unstable_storeRowHeightMeasurement(rowId, ref.current.clientHeight);
     }
-  });
+  }, [apiRef, rowHeight, rowId]);
   React.useLayoutEffect(() => {
     if (currentPage.range) {
       // The index prop is relative to the rows from all pages. As example, the index prop of the

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));
 });