@mui/x-data-grid 5.13.1 → 5.15.1

package/node/hooks/features/selection/useGridSelection.js

@@ -91,9 +91,9 @@ const useGridSelection = (apiRef, props) => {
     checkboxSelection,
     disableMultipleSelection,
     disableSelectionOnClick,
-    isRowSelectable,
     pagination,
-    paginationMode
+    paginationMode,
+    isRowSelectable: propIsRowSelectable
   } = props;
   const canHaveMultipleSelection = !disableMultipleSelection || checkboxSelection;
   const visibleRows = (0, _useGridVisibleRows.useGridVisibleRows)(apiRef, props);
@@ -142,9 +142,22 @@ const useGridSelection = (apiRef, props) => {
     }
   }, [apiRef, logger]);
   const isRowSelected = React.useCallback(id => (0, _gridSelectionSelector.gridSelectionStateSelector)(apiRef.current.state).includes(id), [apiRef]);
+  const isRowSelectable = React.useCallback(id => {
+    if (propIsRowSelectable && !propIsRowSelectable(apiRef.current.getRowParams(id))) {
+      return false;
+    }
+
+    const rowNode = apiRef.current.getRowNode(id);
+
+    if ((rowNode == null ? void 0 : rowNode.position) === 'footer' || rowNode != null && rowNode.isPinned) {
+      return false;
+    }
+
+    return true;
+  }, [apiRef, propIsRowSelectable]);
   const getSelectedRows = React.useCallback(() => (0, _gridSelectionSelector.selectedGridRowsSelector)(apiRef), [apiRef]);
   const selectRow = React.useCallback((id, isSelected = true, resetSelection = false) => {
-    if (isRowSelectable && !isRowSelectable(apiRef.current.getRowParams(id))) {
+    if (!apiRef.current.isRowSelectable(id)) {
       return;
     }
 
@@ -168,10 +181,10 @@ const useGridSelection = (apiRef, props) => {
         apiRef.current.setSelectionModel(newSelection);
       }
     }
-  }, [apiRef, isRowSelectable, logger, canHaveMultipleSelection]);
+  }, [apiRef, logger, canHaveMultipleSelection]);
   const selectRows = React.useCallback((ids, isSelected = true, resetSelection = false) => {
     logger.debug(`Setting selection for several rows`);
-    const selectableIds = isRowSelectable ? ids.filter(id => isRowSelectable(apiRef.current.getRowParams(id))) : ids;
+    const selectableIds = ids.filter(id => apiRef.current.isRowSelectable(id));
     let newSelection;
 
     if (resetSelection) {
@@ -194,7 +207,7 @@ const useGridSelection = (apiRef, props) => {
     if (isSelectionValid) {
       apiRef.current.setSelectionModel(newSelection);
     }
-  }, [apiRef, isRowSelectable, logger, canHaveMultipleSelection]);
+  }, [apiRef, logger, canHaveMultipleSelection]);
   const selectRowRange = React.useCallback(({
     startId,
     endId
@@ -218,7 +231,8 @@ const useGridSelection = (apiRef, props) => {
     selectRowRange,
     setSelectionModel,
     getSelectedRows,
-    isRowSelected
+    isRowSelected,
+    isRowSelectable
   };
   (0, _useGridApiMethod.useGridApiMethod)(apiRef, selectionApi, 'GridSelectionApi');
   /**
@@ -285,6 +299,10 @@ const useGridSelection = (apiRef, props) => {
       }
     }
 
+    if (params.rowNode.isPinned) {
+      return;
+    }
+
     if (event.shiftKey && (canHaveMultipleSelection || checkboxSelection)) {
       expandMouseRowRangeSelection(params.id);
     } else {
@@ -399,13 +417,13 @@ const useGridSelection = (apiRef, props) => {
   React.useEffect(() => {
     if (isStateControlled) {
       return;
-    } // isRowSelectable changed
+    } // props.isRowSelectable changed
 
 
     const currentSelection = (0, _gridSelectionSelector.gridSelectionStateSelector)(apiRef.current.state);
 
     if (isRowSelectable) {
-      const newSelection = currentSelection.filter(id => isRowSelectable(apiRef.current.getRowParams(id)));
+      const newSelection = currentSelection.filter(id => isRowSelectable(id));
 
       if (newSelection.length < currentSelection.length) {
         apiRef.current.setSelectionModel(newSelection);
@@ -432,7 +450,7 @@ const useGridSelection = (apiRef, props) => {
         let isSelectable = true;
 
         if (isRowSelectable) {
-          isSelectable = isRowSelectable(apiRef.current.getRowParams(id));
+          isSelectable = isRowSelectable(id);
         }
 
         return isSelectable && currentPageRowsLookup[id]; // Check if the row is in the current page

package/node/hooks/features/sorting/gridSortingUtils.js

@@ -63,25 +63,24 @@ const parseSortItem = (sortItem, apiRef) => {
     comparator
   };
 };
+
 /**
  * Compare two rows according to a list of valid sort items.
  * The `row1Params` and `row2Params` must have the same length as `parsedSortItems`,
  * and each of their index must contain the `GridSortCellParams` of the sort item with the same index.
  * @param {GridParsedSortItem[]} parsedSortItems All the sort items with which we want to compare the rows.
- * @param {GridSortCellParams} row1Params The params of the 1st row for each sort item.
- * @param {GridSortCellParams} row2Params The params of the 2nd row for each sort item.
+ * @param {GridRowAggregatedSortingParams} row1 The node and params of the 1st row for each sort item.
+ * @param {GridRowAggregatedSortingParams} row2 The node and params of the 2nd row for each sort item.
  */
-
-
-const compareRows = (parsedSortItems, row1Params, row2Params) => {
+const compareRows = (parsedSortItems, row1, row2) => {
   return parsedSortItems.reduce((res, item, index) => {
     if (res !== 0) {
       // return the results of the first comparator which distinguish the two rows
       return res;
     }
 
-    const sortCellParams1 = row1Params[index];
-    const sortCellParams2 = row2Params[index];
+    const sortCellParams1 = row1.params[index];
+    const sortCellParams2 = row2.params[index];
     res = item.comparator(sortCellParams1.value, sortCellParams2.value, sortCellParams1, sortCellParams2);
     return res;
   }, 0);
@@ -101,10 +100,10 @@ const buildAggregatedSortingApplier = (sortModel, apiRef) => {
     return null;
   }
 
-  return rowList => rowList.map(value => ({
-    value,
-    params: comparatorList.map(el => el.getSortCellParams(value.id))
-  })).sort((a, b) => compareRows(comparatorList, a.params, b.params)).map(row => row.value.id);
+  return rowList => rowList.map(node => ({
+    node,
+    params: comparatorList.map(el => el.getSortCellParams(node.id))
+  })).sort((a, b) => compareRows(comparatorList, a, b)).map(row => row.node.id);
 };
 
 exports.buildAggregatedSortingApplier = buildAggregatedSortingApplier;

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

@@ -59,6 +59,8 @@ const sortingStateInitializer = (state, props) => {
 exports.sortingStateInitializer = sortingStateInitializer;
 
 const useGridSorting = (apiRef, props) => {
+  var _props$initialState3, _props$initialState3$;
+
   const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useGridSorting');
   apiRef.current.unstable_registerControlState({
     stateId: 'sortModel',
@@ -182,10 +184,17 @@ const useGridSorting = (apiRef, props) => {
    * PRE-PROCESSING
    */
 
-  const stateExportPreProcessing = React.useCallback(prevState => {
+  const stateExportPreProcessing = React.useCallback((prevState, context) => {
+    var _props$initialState2, _props$initialState2$;
+
     const sortModelToExport = (0, _gridSortingSelector.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$initialState2 = props.initialState) == null ? void 0 : (_props$initialState2$ = _props$initialState2.sorting) == null ? void 0 : _props$initialState2$.sortModel) != null || // Export if the model is not empty
+    sortModelToExport.length > 0;
 
-    if (sortModelToExport.length === 0) {
+    if (!shouldExportSortModel) {
       return prevState;
     }
 
@@ -194,7 +203,7 @@ const useGridSorting = (apiRef, props) => {
         sortModel: sortModelToExport
       }
     });
-  }, [apiRef]);
+  }, [apiRef, props.sortModel, (_props$initialState3 = props.initialState) == null ? void 0 : (_props$initialState3$ = _props$initialState3.sorting) == null ? void 0 : _props$initialState3$.sortModel]);
   const stateRestorePreProcessing = React.useCallback((params, context) => {
     var _context$stateToResto;
 
@@ -210,12 +219,39 @@ const useGridSorting = (apiRef, props) => {
     });
   }, [apiRef, props.disableMultipleColumnsSorting]);
   const flatSortingMethod = React.useCallback(params => {
+    const rowTree = (0, _rows.gridRowTreeSelector)(apiRef);
+
     if (!params.sortRowList) {
-      return (0, _rows.gridRowIdsSelector)(apiRef);
+      const bodyRowIds = [];
+      const footerRowIds = [];
+      (0, _rows.gridRowIdsSelector)(apiRef).forEach(rowId => {
+        if (rowTree[rowId].isPinned) {
+          return;
+        }
+
+        if (rowTree[rowId].position === 'footer') {
+          footerRowIds.push(rowId);
+        } else {
+          bodyRowIds.push(rowId);
+        }
+      });
+      return [...bodyRowIds, ...footerRowIds];
     }
 
-    const rowTree = (0, _rows.gridRowTreeSelector)(apiRef);
-    return params.sortRowList(Object.values(rowTree));
+    const bodyRows = [];
+    const footerRowIds = [];
+    Object.values(rowTree).forEach(rowNode => {
+      if (rowNode.isPinned) {
+        return;
+      }
+
+      if (rowNode.position === 'footer') {
+        footerRowIds.push(rowNode.id);
+      } else {
+        bodyRows.push(rowNode);
+      }
+    });
+    return [...params.sortRowList(bodyRows), ...footerRowIds];
   }, [apiRef]);
   (0, _pipeProcessing.useGridRegisterPipeProcessor)(apiRef, 'exportState', stateExportPreProcessing);
   (0, _pipeProcessing.useGridRegisterPipeProcessor)(apiRef, 'restoreState', stateRestorePreProcessing);

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

@@ -14,8 +14,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 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/node/hooks/features/virtualization/useGridVirtualScroller.js

@@ -207,10 +207,8 @@ const useGridVirtualScroller = props => {
   React.useEffect(() => {
     setContainerWidth(rootRef.current.clientWidth);
   }, [rowsMeta.currentPageTotalHeight]);
-  const handleResize = React.useCallback(() => {
-    if (rootRef.current) {
-      setContainerWidth(rootRef.current.clientWidth);
-    }
+  const handleResize = React.useCallback(params => {
+    setContainerWidth(params.width);
   }, []);
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'resize', handleResize);
   const updateRenderZonePosition = React.useCallback(nextRenderContext => {
@@ -326,10 +324,11 @@ const useGridVirtualScroller = props => {
       minFirstColumn = renderZoneMinColumnIndex,
       maxLastColumn = renderZoneMaxColumnIndex,
       availableSpace = containerWidth,
-      ignoreAutoHeight
+      ignoreAutoHeight,
+      rowIndexOffset = 0
     } = params;
 
-    if (!currentPage.range || !nextRenderContext || availableSpace == null) {
+    if (!nextRenderContext || availableSpace == null) {
       return null;
     }
 
@@ -344,14 +343,31 @@ const useGridVirtualScroller = props => {
     });
     const renderedRows = [];
 
-    for (let i = firstRowToRender; i < lastRowToRender; i += 1) {
-      const row = currentPage.rows[i];
-      renderedRows.push(row);
-      apiRef.current.unstable_calculateColSpan({
-        rowId: row.id,
-        minFirstColumn,
-        maxLastColumn
+    if (params.rows) {
+      params.rows.forEach(row => {
+        renderedRows.push(row);
+        apiRef.current.unstable_calculateColSpan({
+          rowId: row.id,
+          minFirstColumn,
+          maxLastColumn,
+          columns: visibleColumns
+        });
       });
+    } else {
+      if (!currentPage.range) {
+        return null;
+      }
+
+      for (let i = firstRowToRender; i < lastRowToRender; i += 1) {
+        const row = currentPage.rows[i];
+        renderedRows.push(row);
+        apiRef.current.unstable_calculateColSpan({
+          rowId: row.id,
+          minFirstColumn,
+          maxLastColumn,
+          columns: visibleColumns
+        });
+      }
     }
 
     const [initialFirstColumnToRender, lastColumnToRender] = getRenderableIndexes({
@@ -372,7 +388,7 @@ const useGridVirtualScroller = props => {
     const rows = [];
 
     for (let i = 0; i < renderedRows.length; i += 1) {
-      var _rootProps$components;
+      var _currentPage$range5, _rootProps$components;
 
       const {
         id,
@@ -384,10 +400,8 @@ 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__*/(0, _jsxRuntime.jsx)(rootProps.components.Row, (0, _extends2.default)({
@@ -405,7 +419,7 @@ const useGridVirtualScroller = props => {
         firstColumnToRender: firstColumnToRender,
         lastColumnToRender: lastColumnToRender,
         selected: isSelected,
-        index: currentPage.range.firstRowIndex + firstRowToRender + i,
+        index: rowIndexOffset + ((currentPage == null ? void 0 : (_currentPage$range5 = currentPage.range) == null ? void 0 : _currentPage$range5.firstRowIndex) || 0) + firstRowToRender + i,
         containerWidth: availableSpace,
         isLastVisible: lastVisibleRowIndex
       }, typeof getRowProps === 'function' ? getRowProps(id, model) : {}, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.row), id));

package/node/hooks/utils/useGridNativeEventListener.js

@@ -34,7 +34,7 @@ const useGridNativeEventListener = (apiRef, ref, eventName, handler, options) =>
       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/node/index.js

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

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "GRID_DEFAULT_STRATEGY", {
+  enumerable: true,
+  get: function () {
+    return _strategyProcessing.GRID_DEFAULT_STRATEGY;
+  }
+});
 Object.defineProperty(exports, "GridColumnHeaders", {
   enumerable: true,
   get: function () {
@@ -39,6 +45,12 @@ Object.defineProperty(exports, "buildWarning", {
     return _warning.buildWarning;
   }
 });
+Object.defineProperty(exports, "calculatePinnedRowsHeight", {
+  enumerable: true,
+  get: function () {
+    return _gridRowsUtils.calculatePinnedRowsHeight;
+  }
+});
 Object.defineProperty(exports, "clamp", {
   enumerable: true,
   get: function () {
@@ -117,18 +129,48 @@ Object.defineProperty(exports, "getColumnsToExport", {
     return _utils.getColumnsToExport;
   }
 });
+Object.defineProperty(exports, "getRowIdFromRowModel", {
+  enumerable: true,
+  get: function () {
+    return _gridRowsUtils.getRowIdFromRowModel;
+  }
+});
+Object.defineProperty(exports, "gridAdditionalRowGroupsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridRowsSelector.gridAdditionalRowGroupsSelector;
+  }
+});
+Object.defineProperty(exports, "gridPinnedRowsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridRowsSelector.gridPinnedRowsSelector;
+  }
+});
 Object.defineProperty(exports, "isDeepEqual", {
   enumerable: true,
   get: function () {
     return _utils2.isDeepEqual;
   }
 });
+Object.defineProperty(exports, "isFunction", {
+  enumerable: true,
+  get: function () {
+    return _utils2.isFunction;
+  }
+});
 Object.defineProperty(exports, "isNavigationKey", {
   enumerable: true,
   get: function () {
     return _keyboardUtils.isNavigationKey;
   }
 });
+Object.defineProperty(exports, "isNumber", {
+  enumerable: true,
+  get: function () {
+    return _utils2.isNumber;
+  }
+});
 Object.defineProperty(exports, "paginationStateInitializer", {
   enumerable: true,
   get: function () {
@@ -418,6 +460,10 @@ var _useGridRowsMeta = require("../hooks/features/rows/useGridRowsMeta");
 
 var _useGridParamsApi = require("../hooks/features/rows/useGridParamsApi");
 
+var _gridRowsUtils = require("../hooks/features/rows/gridRowsUtils");
+
+var _gridRowsSelector = require("../hooks/features/rows/gridRowsSelector");
+
 var _useGridSelection = require("../hooks/features/selection/useGridSelection");
 
 var _useGridSelectionPreProcessors = require("../hooks/features/selection/useGridSelectionPreProcessors");

package/node/locales/arSD.js

@@ -30,7 +30,7 @@ const arSDGrid = {
   toolbarFiltersTooltipShow: 'اظهر المرشِحات',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} من المرشِحات النشطة` : `مرشِح نشط`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
@@ -120,6 +120,13 @@ const arSDGrid = {
   expandDetailPanel: 'توسيع',
   collapseDetailPanel: 'طوي' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 const arSD = (0, _getGridLocalization.getGridLocalization)(arSDGrid, _locale.arSD);

package/node/locales/bgBG.js

@@ -30,7 +30,7 @@ const bgBGGrid = {
   toolbarFiltersTooltipShow: 'Покажи Филтрите',
   toolbarFiltersTooltipActive: count => `${count} активни филтри`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
@@ -120,6 +120,13 @@ const bgBGGrid = {
   expandDetailPanel: 'Разгъване',
   collapseDetailPanel: 'Свиване' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 const bgBG = (0, _getGridLocalization.getGridLocalization)(bgBGGrid, _locale.bgBG);

package/node/locales/csCZ.js

@@ -40,7 +40,7 @@ const csCZGrid = {
     return `${count} ${pluralForm}`;
   },
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
@@ -155,6 +155,13 @@ const csCZGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 const csCZ = (0, _getGridLocalization.getGridLocalization)(csCZGrid, _locale.csCZ);

package/node/locales/daDK.js

@@ -30,7 +30,7 @@ const daDKGrid = {
   toolbarFiltersTooltipShow: 'Vis filtre',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} aktive filtre` : `${count} aktivt filter`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
@@ -120,6 +120,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',
 
 };
 const daDK = (0, _getGridLocalization.getGridLocalization)(daDKGrid, _locale.daDK);

package/node/locales/deDE.js

@@ -30,7 +30,7 @@ const deDEGrid = {
   toolbarFiltersTooltipShow: 'Zeige Filter',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} aktive Filter` : `${count} aktiver Filter`,
   // Quick filter toolbar field
-  toolbarQuickFilterPlaceholder: 'Suchen...',
+  toolbarQuickFilterPlaceholder: 'Suchen…',
   toolbarQuickFilterLabel: 'Suchen',
   toolbarQuickFilterDeleteIconLabel: 'Löschen',
   // Export selector toolbar button text
@@ -120,7 +120,14 @@ const deDEGrid = {
   expandDetailPanel: 'Aufklappen',
   collapseDetailPanel: 'Zuklappen',
   // Row reordering text
-  rowReorderingHeaderName: 'Reihen neu ordnen'
+  rowReorderingHeaderName: 'Reihen neu ordnen',
+  // Aggregation
+  aggregationMenuItemHeader: 'Aggregation',
+  aggregationFunctionLabelSum: 'Summe',
+  aggregationFunctionLabelAvg: 'Mittelwert',
+  aggregationFunctionLabelMin: 'Minimum',
+  aggregationFunctionLabelMax: 'Maximum',
+  aggregationFunctionLabelSize: 'Anzahl'
 };
 const deDE = (0, _getGridLocalization.getGridLocalization)(deDEGrid, _locale.deDE);
 exports.deDE = deDE;

package/node/locales/elGR.js

@@ -28,7 +28,7 @@ const elGRGrid = {
   toolbarFiltersTooltipShow: 'Εμφάνιση φίλτρων',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} ενεργά φίλτρα` : `${count} ενεργό φίλτρο`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
@@ -118,6 +118,13 @@ const elGRGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 const elGR = (0, _getGridLocalization.getGridLocalization)(elGRGrid);

package/node/locales/esES.js

@@ -30,7 +30,7 @@ const esESGrid = {
   toolbarFiltersTooltipShow: 'Mostrar filtros',
   toolbarFiltersTooltipActive: count => count > 1 ? `${count} filtros activos` : `${count} filtro activo`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
@@ -120,6 +120,13 @@ const esESGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 const esES = (0, _getGridLocalization.getGridLocalization)(esESGrid, _locale.esES);

package/node/locales/faIR.js

@@ -30,7 +30,7 @@ const faIRGrid = {
   toolbarFiltersTooltipShow: 'نمایش فیلترها',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} فیلترهای فعال` : `${count} فیلتر فعال`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
@@ -120,6 +120,13 @@ const faIRGrid = {
   expandDetailPanel: 'بازکردن پنل جزئیات',
   collapseDetailPanel: 'بستن پنل جزئیات' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 const faIR = (0, _getGridLocalization.getGridLocalization)(faIRGrid, _locale.faIR);

package/node/locales/fiFI.js

@@ -30,7 +30,7 @@ const fiFIGrid = {
   toolbarFiltersTooltipShow: 'Näytä suodattimet',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} aktiivista suodatinta` : `${count} aktiivinen suodatin`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
+  // toolbarQuickFilterPlaceholder: 'Search…',
   // toolbarQuickFilterLabel: 'Search',
   // toolbarQuickFilterDeleteIconLabel: 'Clear',
   // Export selector toolbar button text
@@ -120,6 +120,13 @@ const fiFIGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 const fiFI = (0, _getGridLocalization.getGridLocalization)(fiFIGrid, _locale.fiFI);