@mui/x-data-grid 5.12.3 → 5.14.0

package/modern/hooks/features/sorting/useGridSorting.js

@@ -146,10 +146,15 @@ export const useGridSorting = (apiRef, props) => {
    * PRE-PROCESSING
    */
 
-  const stateExportPreProcessing = React.useCallback(prevState => {
+  const stateExportPreProcessing = React.useCallback((prevState, context) => {
     const sortModelToExport = gridSortModelSelector(apiRef);
+    const shouldExportSortModel = // Always export if the `exportOnlyDirtyModels` property is activated
+    !context.exportOnlyDirtyModels || // Always export if the model is controlled
+    props.sortModel != null || // Always export if the model has been initialized
+    props.initialState?.sorting?.sortModel != null || // Export if the model is not empty
+    sortModelToExport.length > 0;
 
-    if (sortModelToExport.length === 0) {
+    if (!shouldExportSortModel) {
       return prevState;
     }
 
@@ -158,7 +163,7 @@ export const useGridSorting = (apiRef, props) => {
         sortModel: sortModelToExport
       }
     });
-  }, [apiRef]);
+  }, [apiRef, props.sortModel, props.initialState?.sorting?.sortModel]);
   const stateRestorePreProcessing = React.useCallback((params, context) => {
     const sortModel = context.stateToRestore.sorting?.sortModel;
 
@@ -172,12 +177,31 @@ export const useGridSorting = (apiRef, props) => {
     });
   }, [apiRef, props.disableMultipleColumnsSorting]);
   const flatSortingMethod = React.useCallback(params => {
+    const rowTree = gridRowTreeSelector(apiRef);
+
     if (!params.sortRowList) {
-      return gridRowIdsSelector(apiRef);
+      const bodyRowIds = [];
+      const footerRowIds = [];
+      gridRowIdsSelector(apiRef).forEach(rowId => {
+        if (rowTree[rowId].position === 'footer') {
+          footerRowIds.push(rowId);
+        } else {
+          bodyRowIds.push(rowId);
+        }
+      });
+      return [...bodyRowIds, ...footerRowIds];
     }
 
-    const rowTree = gridRowTreeSelector(apiRef);
-    return params.sortRowList(Object.values(rowTree));
+    const bodyRows = [];
+    const footerRowIds = [];
+    Object.values(rowTree).forEach(rowNode => {
+      if (rowNode.position === 'footer') {
+        footerRowIds.push(rowNode.id);
+      } else {
+        bodyRows.push(rowNode);
+      }
+    });
+    return [...params.sortRowList(bodyRows), ...footerRowIds];
   }, [apiRef]);
   useGridRegisterPipeProcessor(apiRef, 'exportState', stateExportPreProcessing);
   useGridRegisterPipeProcessor(apiRef, 'restoreState', stateRestorePreProcessing);

package/modern/hooks/features/statePersistence/useGridStatePersistence.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { useGridApiMethod } from '../../utils';
 export const useGridStatePersistence = apiRef => {
-  const exportState = React.useCallback(() => {
-    const stateToExport = apiRef.current.unstable_applyPipeProcessors('exportState', {});
+  const exportState = React.useCallback((params = {}) => {
+    const stateToExport = apiRef.current.unstable_applyPipeProcessors('exportState', {}, params);
     return stateToExport;
   }, [apiRef]);
   const restoreState = React.useCallback(stateToRestore => {

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

@@ -86,8 +86,15 @@ export 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;
+    const lastMeasuredIndexRelativeToAllRows = apiRef.current.unstable_getLastMeasuredRowIndex();
+    const lastMeasuredIndexRelativeToCurrentPage = lastMeasuredIndexRelativeToAllRows - (currentPage.range?.firstRowIndex || 0);
+    const lastMeasuredIndex = Math.max(0, lastMeasuredIndexRelativeToCurrentPage);
+    let allRowsMeasured = lastMeasuredIndex === Infinity;
+
+    if (currentPage.range?.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
@@ -100,7 +107,7 @@ export const useGridVirtualScroller = props => {
 
 
     return exponentialSearch(offset, rowsMeta.positions, lastMeasuredIndex);
-  }, [apiRef, rowsMeta.positions]);
+  }, [apiRef, currentPage.range?.firstRowIndex, currentPage.range?.lastRowIndex, rowsMeta.positions]);
   const computeRenderContext = React.useCallback(() => {
     if (disableVirtualization) {
       return {
@@ -302,7 +309,8 @@ export const useGridVirtualScroller = props => {
       apiRef.current.unstable_calculateColSpan({
         rowId: row.id,
         minFirstColumn,
-        maxLastColumn
+        maxLastColumn,
+        columns: visibleColumns
       });
     }
 
@@ -334,10 +342,8 @@ export const useGridVirtualScroller = props => {
 
       if (selectedRowsLookup[id] == null) {
         isSelected = false;
-      } else if (typeof rootProps.isRowSelectable === 'function') {
-        isSelected = rootProps.isRowSelectable(apiRef.current.getRowParams(id));
       } else {
-        isSelected = true;
+        isSelected = apiRef.current.isRowSelectable(id);
       }
 
       rows.push( /*#__PURE__*/_jsx(rootProps.components.Row, _extends({

package/modern/hooks/utils/useGridApiContext.js

@@ -4,7 +4,7 @@ export function useGridApiContext() {
   const apiRef = React.useContext(GridApiContext);
 
   if (apiRef === undefined) {
-    throw new Error(['MUI: Could not find the data grid context.', 'It looks like you rendered your component outside of a DataGrid or DataGridPro parent component.', 'This can also happen if you are bundling multiple versions of the data grid.'].join('\n'));
+    throw new Error(['MUI: Could not find the data grid context.', 'It looks like you rendered your component outside of a DataGrid, DataGridPro or DataGridPremium parent component.', 'This can also happen if you are bundling multiple versions of the data grid.'].join('\n'));
   }
 
   return apiRef;

package/modern/hooks/utils/useGridNativeEventListener.js

@@ -20,7 +20,7 @@ export const useGridNativeEventListener = (apiRef, ref, eventName, handler, opti
       targetElement = ref && ref.current ? ref.current : null;
     }
 
-    if (targetElement && wrapHandler && eventName && !added) {
+    if (targetElement && eventName && !added) {
       logger.debug(`Binding native ${eventName} event`);
       targetElement.addEventListener(eventName, wrapHandler, options);
       const boundElem = targetElement;

package/modern/hooks/utils/useGridRootProps.js

@@ -4,7 +4,7 @@ export const useGridRootProps = () => {
   const contextValue = React.useContext(GridRootPropsContext);
 
   if (!contextValue) {
-    throw new Error('MUI: useGridRootProps should only be used inside the DataGrid/DataGridPro component.');
+    throw new Error('MUI: useGridRootProps should only be used inside the DataGrid, DataGridPro or DataGridPremium component.');
   }
 
   return contextValue;

package/modern/index.js

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

package/modern/internals/index.js

@@ -4,7 +4,7 @@ export { GridVirtualScrollerRenderZone } from '../components/virtualization/Grid
 export { GridColumnHeaders } from '../components/columnHeaders/GridColumnHeaders';
 export { GridColumnHeadersInner } from '../components/columnHeaders/GridColumnHeadersInner';
 export { useGridRegisterPipeProcessor } from '../hooks/core/pipeProcessing';
-export { useGridRegisterStrategyProcessor } from '../hooks/core/strategyProcessing';
+export { useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from '../hooks/core/strategyProcessing';
 export { useGridInitialization } from '../hooks/core/useGridInitialization';
 export { useGridClipboard } from '../hooks/features/clipboard/useGridClipboard';
 export { useGridColumnHeaders } from '../hooks/features/columnHeaders/useGridColumnHeaders';
@@ -39,6 +39,6 @@ export { getColumnsToExport, defaultGetRowsToExport } from '../hooks/features/ex
 export { createSelector, unstable_resetCreateSelectorCache } from '../utils/createSelector';
 export { findParentElementFromClassName } from '../utils/domUtils';
 export { isNavigationKey } from '../utils/keyboardUtils';
-export { clamp, isDeepEqual } from '../utils/utils';
+export { clamp, isDeepEqual, isNumber, isFunction } from '../utils/utils';
 export { buildWarning } from '../utils/warning';
 export { exportAs } from '../utils/exportAs';

package/modern/locales/arSD.js

@@ -111,6 +111,13 @@ const arSDGrid = {
   expandDetailPanel: 'توسيع',
   collapseDetailPanel: 'طوي' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const arSD = getGridLocalization(arSDGrid, arSDCore);

package/modern/locales/bgBG.js

@@ -111,6 +111,13 @@ const bgBGGrid = {
   expandDetailPanel: 'Разгъване',
   collapseDetailPanel: 'Свиване' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const bgBG = getGridLocalization(bgBGGrid, bgBGCore);

package/modern/locales/csCZ.js

@@ -146,6 +146,13 @@ const csCZGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const csCZ = getGridLocalization(csCZGrid, csCZCore);

package/modern/locales/daDK.js

@@ -111,6 +111,13 @@ const daDKGrid = {
   expandDetailPanel: 'Udvid',
   collapseDetailPanel: 'Kollaps' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const daDK = getGridLocalization(daDKGrid, daDKCore);

package/modern/locales/deDE.js

@@ -21,9 +21,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',
@@ -107,10 +107,17 @@ 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
-  rowReorderingHeaderName: 'Reihen neu ordnen'
+  rowReorderingHeaderName: 'Reihen neu ordnen' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
+
 };
 export const deDE = getGridLocalization(deDEGrid, deDECore);

package/modern/locales/elGR.js

@@ -110,6 +110,13 @@ const elGRGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const elGR = getGridLocalization(elGRGrid);

package/modern/locales/esES.js

@@ -111,6 +111,13 @@ const esESGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const esES = getGridLocalization(esESGrid, esESCore);

package/modern/locales/faIR.js

@@ -111,6 +111,13 @@ const faIRGrid = {
   expandDetailPanel: 'بازکردن پنل جزئیات',
   collapseDetailPanel: 'بستن پنل جزئیات' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const faIR = getGridLocalization(faIRGrid, faIRCore);

package/modern/locales/fiFI.js

@@ -111,6 +111,13 @@ const fiFIGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const fiFI = getGridLocalization(fiFIGrid, fiFICore);

package/modern/locales/frFR.js

@@ -29,7 +29,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',
@@ -85,10 +85,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',
@@ -105,12 +105,19 @@ 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' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const frFR = getGridLocalization(frFRGrid, frFRCore);

package/modern/locales/heIL.js

@@ -111,6 +111,13 @@ const heILGrid = {
   expandDetailPanel: 'הרחב',
   collapseDetailPanel: 'כווץ',
   // Row reordering text
-  rowReorderingHeaderName: 'סידור שורות'
+  rowReorderingHeaderName: 'סידור שורות' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
+
 };
 export const heIL = getGridLocalization(heILGrid, heILCore);

package/modern/locales/huHU.js

@@ -111,6 +111,13 @@ const huHUGrid = {
   expandDetailPanel: 'Kibontás',
   collapseDetailPanel: 'Összecsukás' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const huHU = getGridLocalization(huHUGrid, huHUCore);

package/modern/locales/index.js

@@ -15,13 +15,16 @@ export * from './huHU';
 export * from './itIT';
 export * from './jaJP';
 export * from './koKR';
+export * from './nbNO';
 export * from './nlNL';
 export * from './plPL';
 export * from './ptBR';
+export * from './roRO';
 export * from './ruRU';
 export * from './skSK';
 export * from './svSE';
 export * from './trTR';
 export * from './ukUA';
 export * from './viVN';
-export * from './zhCN';
+export * from './zhCN';
+export * from './zhTW';

package/modern/locales/itIT.js

@@ -111,6 +111,13 @@ const itITGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const itIT = getGridLocalization(itITGrid, itITCore);

package/modern/locales/jaJP.js

@@ -111,6 +111,13 @@ const jaJPGrid = {
   expandDetailPanel: '展開',
   collapseDetailPanel: '折りたたみ',
   // Row reordering text
-  rowReorderingHeaderName: '行並び替え'
+  rowReorderingHeaderName: '行並び替え' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
+
 };
 export const jaJP = getGridLocalization(jaJPGrid, jaJPCore);

package/modern/locales/koKR.js

@@ -111,6 +111,13 @@ const koKRGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const koKR = getGridLocalization(koKRGrid, koKRCore);

package/modern/locales/nbNO.js

@@ -111,6 +111,13 @@ const nbNOGrid = {
   expandDetailPanel: 'Utvid',
   collapseDetailPanel: 'Kollaps',
   // Row reordering text
-  rowReorderingHeaderName: 'Rad reorganisering'
+  rowReorderingHeaderName: 'Rad reorganisering' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
+
 };
 export const nbNO = getGridLocalization(nbNOGrid, nbNOCore);

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,19 @@ 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' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const nlNL = getGridLocalization(nlNLGrid, nlNLCore);

package/modern/locales/plPL.js

@@ -111,6 +111,13 @@ const plPLGrid = {
   expandDetailPanel: 'Rozwiń',
   collapseDetailPanel: 'Zwiń' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const plPL = getGridLocalization(plPLGrid, plPLCore);