@mui/x-data-grid-premium 5.13.0 → 5.15.0

package/legacy/hooks/features/aggregation/wrapColumnWithAggregation.js

@@ -0,0 +1,262 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { gridAggregationLookupSelector } from './gridAggregationSelectors';
+import { GridFooterCell } from '../../../components/GridFooterCell';
+import { GridAggregationHeader } from '../../../components/GridAggregationHeader';
+import { jsx as _jsx } from "react/jsx-runtime";
+var AGGREGATION_WRAPPABLE_PROPERTIES = ['valueGetter', 'valueFormatter', 'renderCell', 'renderHeader', 'filterOperators'];
+
+var getAggregationValueWrappedValueGetter = function getAggregationValueWrappedValueGetter(_ref) {
+  var valueGetter = _ref.value,
+      getCellAggregationResult = _ref.getCellAggregationResult;
+
+  var wrappedValueGetter = function wrappedValueGetter(params) {
+    var cellAggregationResult = getCellAggregationResult(params.id, params.field);
+
+    if (cellAggregationResult != null) {
+      var _cellAggregationResul;
+
+      return (_cellAggregationResul = cellAggregationResult == null ? void 0 : cellAggregationResult.value) != null ? _cellAggregationResul : null;
+    }
+
+    if (valueGetter) {
+      return valueGetter(params);
+    }
+
+    return params.row[params.field];
+  };
+
+  return wrappedValueGetter;
+};
+
+var getAggregationValueWrappedValueFormatter = function getAggregationValueWrappedValueFormatter(_ref2) {
+  var valueFormatter = _ref2.value,
+      aggregationRule = _ref2.aggregationRule,
+      getCellAggregationResult = _ref2.getCellAggregationResult;
+
+  // If neither the inline aggregation function nor the footer aggregation function have a custom value formatter,
+  // Then we don't wrap the column value formatter
+  if (!aggregationRule.aggregationFunction.valueFormatter) {
+    return valueFormatter;
+  }
+
+  var wrappedValueFormatter = function wrappedValueFormatter(params) {
+    if (params.id != null) {
+      var cellAggregationResult = getCellAggregationResult(params.id, params.field);
+
+      if (cellAggregationResult != null) {
+        return aggregationRule.aggregationFunction.valueFormatter(params);
+      }
+    }
+
+    if (valueFormatter) {
+      return valueFormatter(params);
+    }
+
+    return params.value;
+  };
+
+  return wrappedValueFormatter;
+};
+
+var getAggregationValueWrappedRenderCell = function getAggregationValueWrappedRenderCell(_ref3) {
+  var renderCell = _ref3.value,
+      aggregationRule = _ref3.aggregationRule,
+      getCellAggregationResult = _ref3.getCellAggregationResult;
+
+  var wrappedRenderCell = function wrappedRenderCell(params) {
+    var cellAggregationResult = getCellAggregationResult(params.id, params.field);
+
+    if (cellAggregationResult != null) {
+      var _aggregationFunction$;
+
+      if (!renderCell) {
+        if (cellAggregationResult.position === 'footer') {
+          return /*#__PURE__*/_jsx(GridFooterCell, _extends({}, params));
+        }
+
+        return params.formattedValue;
+      }
+
+      var aggregationMeta = {
+        hasCellUnit: (_aggregationFunction$ = aggregationRule.aggregationFunction.hasCellUnit) != null ? _aggregationFunction$ : true,
+        aggregationFunctionName: aggregationRule.aggregationFunctionName
+      };
+      return renderCell(_extends({}, params, {
+        aggregation: aggregationMeta
+      }));
+    }
+
+    if (!renderCell) {
+      return params.formattedValue;
+    }
+
+    return renderCell(params);
+  };
+
+  return wrappedRenderCell;
+};
+/**
+ * Skips the filtering for aggregated rows
+ */
+
+
+var getWrappedFilterOperators = function getWrappedFilterOperators(_ref4) {
+  var filterOperators = _ref4.value,
+      getCellAggregationResult = _ref4.getCellAggregationResult;
+  return filterOperators.map(function (operator) {
+    return _extends({}, operator, {
+      getApplyFilterFn: function getApplyFilterFn(filterItem, column) {
+        var originalFn = operator.getApplyFilterFn(filterItem, column);
+
+        if (!originalFn) {
+          return null;
+        }
+
+        return function (params) {
+          if (getCellAggregationResult(params.id, params.field) != null) {
+            return true;
+          }
+
+          return originalFn(params);
+        };
+      }
+    });
+  });
+};
+/**
+ * Add the aggregation method around the header name
+ */
+
+
+var getWrappedRenderHeader = function getWrappedRenderHeader(_ref5) {
+  var renderHeader = _ref5.value,
+      aggregationRule = _ref5.aggregationRule;
+
+  var wrappedRenderCell = function wrappedRenderCell(params) {
+    var aggregationMeta = {
+      aggregationRule: aggregationRule
+    };
+
+    if (!renderHeader) {
+      return /*#__PURE__*/_jsx(GridAggregationHeader, _extends({}, params, {
+        aggregation: aggregationMeta
+      }));
+    }
+
+    return renderHeader(_extends({}, params, {
+      aggregation: aggregationMeta
+    }));
+  };
+
+  return wrappedRenderCell;
+};
+/**
+ * Add a wrapper around each wrappable property of the column to customize the behavior of the aggregation cells.
+ */
+
+
+export var wrapColumnWithAggregationValue = function wrapColumnWithAggregationValue(_ref6) {
+  var column = _ref6.column,
+      apiRef = _ref6.apiRef,
+      aggregationRule = _ref6.aggregationRule;
+
+  var getCellAggregationResult = function getCellAggregationResult(id, field) {
+    var _parent, _gridAggregationLooku;
+
+    var cellAggregationPosition = null;
+
+    if (id.toString().startsWith('auto-generated-row-')) {
+      cellAggregationPosition = 'inline';
+    } else if (id.toString().startsWith('auto-generated-group-footer-')) {
+      cellAggregationPosition = 'footer';
+    }
+
+    if (cellAggregationPosition == null) {
+      return null;
+    } // TODO: Add custom root id
+
+
+    var groupId = cellAggregationPosition === 'inline' ? id : (_parent = apiRef.current.getRowNode(id).parent) != null ? _parent : '';
+    var aggregationResult = (_gridAggregationLooku = gridAggregationLookupSelector(apiRef)[groupId]) == null ? void 0 : _gridAggregationLooku[field];
+
+    if (!aggregationResult || aggregationResult.position !== cellAggregationPosition) {
+      return null;
+    }
+
+    return aggregationResult;
+  };
+
+  var aggregationWrappedProperties = {};
+
+  var wrappedColumn = _extends({}, column, {
+    aggregationWrappedProperties: aggregationWrappedProperties
+  });
+
+  var wrapColumnProperty = function wrapColumnProperty(property, wrapper) {
+    var originalValue = column[property];
+    var wrappedProperty = wrapper({
+      apiRef: apiRef,
+      value: originalValue,
+      colDef: column,
+      aggregationRule: aggregationRule,
+      getCellAggregationResult: getCellAggregationResult
+    });
+
+    if (wrappedProperty !== originalValue) {
+      aggregationWrappedProperties[property] = {
+        original: originalValue,
+        wrapped: wrappedProperty
+      };
+      wrappedColumn[property] = wrappedProperty;
+    }
+  };
+
+  wrapColumnProperty('valueGetter', getAggregationValueWrappedValueGetter);
+  wrapColumnProperty('valueFormatter', getAggregationValueWrappedValueFormatter);
+  wrapColumnProperty('renderCell', getAggregationValueWrappedRenderCell);
+  wrapColumnProperty('renderHeader', getWrappedRenderHeader);
+  wrapColumnProperty('filterOperators', getWrappedFilterOperators);
+
+  if (Object.keys(aggregationWrappedProperties).length === 0) {
+    return column;
+  }
+
+  return wrappedColumn;
+};
+/**
+ * Remove the aggregation wrappers around the wrappable properties of the column.
+ */
+
+export var unwrapColumnFromAggregation = function unwrapColumnFromAggregation(_ref7) {
+  var column = _ref7.column;
+
+  if (!column.aggregationWrappedProperties) {
+    return column;
+  }
+
+  var originalProperties = Object.entries(column.aggregationWrappedProperties);
+
+  if (originalProperties.length === 0) {
+    return column;
+  }
+
+  var unwrappedColumn = _extends({}, column);
+
+  originalProperties.forEach(function (_ref8) {
+    var _ref9 = _slicedToArray(_ref8, 2),
+        propertyName = _ref9[0],
+        _ref9$ = _ref9[1],
+        original = _ref9$.original,
+        wrapped = _ref9$.wrapped;
+
+    // The value changed since we wrapped it
+    if (wrapped !== column[propertyName]) {
+      return;
+    }
+
+    unwrappedColumn[propertyName] = original;
+  });
+  return unwrappedColumn;
+};

package/legacy/hooks/features/export/serializer/excelSerializer.js

@@ -78,7 +78,8 @@ var serializeRow = function serializeRow(id, columns, api, defaultValueOptionsFo
   api.unstable_calculateColSpan({
     rowId: id,
     minFirstColumn: 0,
-    maxLastColumn: columns.length - 1
+    maxLastColumn: columns.length,
+    columns: columns
   });
   columns.forEach(function (column, colIndex) {
     var colSpanInfo = api.unstable_getCellColSpanInfo(id, colIndex);

package/legacy/hooks/features/index.js

@@ -1,3 +1,4 @@
 // Only export the variable and types that should be publicly exposed and re-exported from `@mui/x-data-grid-premium`
+export * from './aggregation';
 export * from './rowGrouping';
 export * from './export';

package/legacy/hooks/features/rowGrouping/createGroupingColDef.js

@@ -5,6 +5,7 @@ var _excluded = ["leafField", "mainGroupingCriteria", "hideDescendantCount"],
     _excluded2 = ["leafField", "mainGroupingCriteria", "hideDescendantCount"];
 import * as React from 'react';
 import { GRID_STRING_COL_DEF } from '@mui/x-data-grid-pro';
+import { GridGroupingColumnFooterCell } from '../../../components/GridGroupingColumnFooterCell';
 import { GridGroupingCriteriaCell } from '../../../components/GridGroupingCriteriaCell';
 import { GridGroupingColumnLeafCell } from '../../../components/GridGroupingColumnLeafCell';
 import { getRowGroupingFieldFromGroupingCriteria, GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD } from './gridRowGroupingUtils';
@@ -155,7 +156,12 @@ export var createGroupingColDefForOneGroupingCriteria = function createGroupingC
   var commonProperties = {
     width: Math.max(((_groupedByColDef$widt = groupedByColDef.width) != null ? _groupedByColDef$widt : GRID_STRING_COL_DEF.width) + 40, (_leafColDef$width = leafColDef == null ? void 0 : leafColDef.width) != null ? _leafColDef$width : 0),
     renderCell: function renderCell(params) {
-      // Render leaves
+      // Render footer
+      if (params.rowNode.position === 'footer') {
+        return /*#__PURE__*/_jsx(GridGroupingColumnFooterCell, _extends({}, params));
+      } // Render leaves
+
+
       if (params.rowNode.groupingField == null) {
         if (leafColDef) {
           var leafParams = _extends({}, params.api.getCellParams(params.id, leafField), {
@@ -254,7 +260,12 @@ export var createGroupingColDefForAllGroupingCriteria = function createGroupingC
       return ((_columnsLookup$field$ = columnsLookup[field].width) != null ? _columnsLookup$field$ : GRID_STRING_COL_DEF.width) + 40;
     })).concat([(_leafColDef$width2 = leafColDef == null ? void 0 : leafColDef.width) != null ? _leafColDef$width2 : 0])),
     renderCell: function renderCell(params) {
-      // Render the leaves
+      // Render footer
+      if (params.rowNode.position === 'footer') {
+        return /*#__PURE__*/_jsx(GridGroupingColumnFooterCell, _extends({}, params));
+      } // Render the leaves
+
+
       if (params.rowNode.groupingField == null) {
         if (leafColDef) {
           var leafParams = _extends({}, params.api.getCellParams(params.id, leafField), {

package/legacy/hooks/features/rowGrouping/gridRowGroupingUtils.js

@@ -81,13 +81,17 @@ export var filterRowTreeFromGroupingColumns = function filterRowTreeFromGrouping
     visibleRowsLookup[node.id] = shouldPassFilters && areAncestorsExpanded;
     filteredRowsLookup[node.id] = shouldPassFilters;
 
+    if (node.footerId != null) {
+      visibleRowsLookup[node.footerId] = shouldPassFilters && areAncestorsExpanded && !!node.childrenExpanded;
+    }
+
     if (!shouldPassFilters) {
       return 0;
     }
 
     filteredDescendantCountLookup[node.id] = filteredDescendantCount;
 
-    if (!node.children) {
+    if (!node.children && !node.isAutoGenerated) {
       return filteredDescendantCount + 1;
     }
 

package/legacy/hooks/features/rowGrouping/useGridRowGrouping.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import Divider from '@mui/material/Divider';
+import MuiDivider from '@mui/material/Divider';
 import { useGridApiEventHandler, useGridApiMethod, gridFilteredDescendantCountLookupSelector } from '@mui/x-data-grid-pro';
 import { useGridRegisterPipeProcessor, isDeepEqual } from '@mui/x-data-grid-pro/internals';
 import { gridRowGroupingModelSelector, gridRowGroupingSanitizedModelSelector } from './gridRowGroupingSelector';
@@ -9,6 +9,15 @@ import { getRowGroupingFieldFromGroupingCriteria, ROW_GROUPING_STRATEGY, isGroup
 import { GridRowGroupableColumnMenuItems } from '../../../components/GridRowGroupableColumnMenuItems';
 import { GridRowGroupingColumnMenuItems } from '../../../components/GridRowGroupingColumnMenuItems';
 import { jsx as _jsx } from "react/jsx-runtime";
+
+var Divider = function Divider() {
+  return /*#__PURE__*/_jsx(MuiDivider, {
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    }
+  });
+};
+
 export var rowGroupingStateInitializer = function rowGroupingStateInitializer(state, props, apiRef) {
   var _ref, _props$rowGroupingMod, _props$initialState, _props$initialState$r;
 
@@ -28,6 +37,8 @@ export var rowGroupingStateInitializer = function rowGroupingStateInitializer(st
  */
 
 export var useGridRowGrouping = function useGridRowGrouping(apiRef, props) {
+  var _props$initialState3, _props$initialState3$;
+
   apiRef.current.unstable_registerControlState({
     stateId: 'rowGrouping',
     propModel: props.rowGroupingModel,
@@ -94,16 +105,16 @@ export var useGridRowGrouping = function useGridRowGrouping(apiRef, props) {
    * PRE-PROCESSING
    */
 
-  var addColumnMenuButtons = React.useCallback(function (initialValue, columns) {
+  var addColumnMenuButtons = React.useCallback(function (initialValue, column) {
     if (props.disableRowGrouping) {
       return initialValue;
     }
 
     var menuItems;
 
-    if (isGroupingColumn(columns.field)) {
+    if (isGroupingColumn(column.field)) {
       menuItems = /*#__PURE__*/_jsx(GridRowGroupingColumnMenuItems, {});
-    } else if (columns.groupable) {
+    } else if (column.groupable) {
       menuItems = /*#__PURE__*/_jsx(GridRowGroupableColumnMenuItems, {});
     } else {
       menuItems = null;
@@ -115,14 +126,17 @@ export var useGridRowGrouping = function useGridRowGrouping(apiRef, props) {
 
     return [].concat(_toConsumableArray(initialValue), [/*#__PURE__*/_jsx(Divider, {}), menuItems]);
   }, [props.disableRowGrouping]);
-  var stateExportPreProcessing = React.useCallback(function (prevState) {
-    if (props.disableRowGrouping) {
-      return prevState;
-    }
+  var stateExportPreProcessing = React.useCallback(function (prevState, context) {
+    var _props$initialState2, _props$initialState2$;
 
     var rowGroupingModelToExport = gridRowGroupingModelSelector(apiRef);
+    var shouldExportRowGroupingModel = // Always export if the `exportOnlyDirtyModels` property is activated
+    !context.exportOnlyDirtyModels || // Always export if the model is controlled
+    props.rowGroupingModel != null || // Always export if the model has been initialized
+    ((_props$initialState2 = props.initialState) == null ? void 0 : (_props$initialState2$ = _props$initialState2.rowGrouping) == null ? void 0 : _props$initialState2$.model) != null || // Export if the model is not empty
+    Object.keys(rowGroupingModelToExport).length > 0;
 
-    if (rowGroupingModelToExport.length === 0) {
+    if (!shouldExportRowGroupingModel) {
       return prevState;
     }
 
@@ -131,7 +145,7 @@ export var useGridRowGrouping = function useGridRowGrouping(apiRef, props) {
         model: rowGroupingModelToExport
       }
     });
-  }, [apiRef, props.disableRowGrouping]);
+  }, [apiRef, props.rowGroupingModel, (_props$initialState3 = props.initialState) == null ? void 0 : (_props$initialState3$ = _props$initialState3.rowGrouping) == null ? void 0 : _props$initialState3$.model]);
   var stateRestorePreProcessing = React.useCallback(function (params, context) {
     var _context$stateToResto;
 

package/legacy/index.js

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

package/legacy/typeOverloads/index.js

@@ -1,2 +1,2 @@
 import '@mui/x-data-grid-pro/typeOverloads';
-import './modules';
+export * from './modules';

package/legacy/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export var getReleaseInfo = function getReleaseInfo() {
-  var releaseInfo = "MTY1NzE0NDgwMDAwMA==";
+  var releaseInfo = "MTY1OTA0NTYwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).

package/models/dataGridPremiumProps.d.ts

@@ -1,10 +1,15 @@
 import * as React from 'react';
-import { GridCallbackDetails, GridValidRowModel } from '@mui/x-data-grid-pro';
+import { GridCallbackDetails, GridValidRowModel, GridRowTreeNodeConfig } from '@mui/x-data-grid-pro';
 import { GridExperimentalProFeatures, DataGridProPropsWithDefaultValue, DataGridProPropsWithoutDefaultValue, DataGridPropsWithComplexDefaultValueAfterProcessing, DataGridPropsWithComplexDefaultValueBeforeProcessing } from '@mui/x-data-grid-pro/internals';
 import type { GridRowGroupingModel } from '../hooks/features/rowGrouping';
+import type { GridAggregationModel, GridAggregationFunction, GridAggregationPosition } from '../hooks/features/aggregation';
 import { GridInitialStatePremium } from './gridStatePremium';
 import { GridApiPremium } from './gridApiPremium';
 export interface GridExperimentalPremiumFeatures extends GridExperimentalProFeatures {
+    /**
+     * Enables the aggregation feature.
+     */
+    aggregation: boolean;
 }
 /**
  * The props users can give to the `DataGridProProps` component.
@@ -28,6 +33,11 @@ export declare type DataGridPremiumForcedPropsKey = 'signature';
  * The controlled model do not have a default value at the prop processing level, so they must be defined in `DataGridOtherProps`
  */
 export interface DataGridPremiumPropsWithDefaultValue extends DataGridProPropsWithDefaultValue {
+    /**
+     * If `true`, aggregation is disabled.
+     * @default false
+     */
+    disableAggregation: boolean;
     /**
      * If `true`, the row grouping is disabled.
      * @default false
@@ -39,6 +49,25 @@ export interface DataGridPremiumPropsWithDefaultValue extends DataGridProPropsWi
      * @default 'single'
      */
     rowGroupingColumnMode: 'single' | 'multiple';
+    /**
+     * Aggregation functions available on the grid.
+     * @default GRID_AGGREGATION_FUNCTIONS
+     */
+    aggregationFunctions: Record<string, GridAggregationFunction>;
+    /**
+     * Rows used to generate the aggregated value.
+     * If `filtered`, the aggregated values will be generated using only the rows currently passing the filtering process.
+     * If `all`, the aggregated values will be generated using all the rows.
+     * @default "filtered"
+     */
+    aggregationRowsScope: 'filtered' | 'all';
+    /**
+     * Determines the position of an aggregated value.
+     * @param {GridRowTreeNodeConfig | null} groupNode The current group (`null` being the top level group).
+     * @returns {GridAggregationPosition | null} Position of the aggregated value (if `null`, the group will not be aggregated).
+     * @default `(groupNode) => groupNode == null ? 'footer' : 'inline'`
+     */
+    getAggregationPosition: (groupNode: GridRowTreeNodeConfig | null) => GridAggregationPosition | null;
 }
 export interface DataGridPremiumPropsWithoutDefaultValue<R extends GridValidRowModel = any> extends Omit<DataGridProPropsWithoutDefaultValue<R>, 'initialState' | 'apiRef'> {
     /**
@@ -61,4 +90,14 @@ export interface DataGridPremiumPropsWithoutDefaultValue<R extends GridValidRowM
      * @param {GridCallbackDetails} details Additional details for this callback.
      */
     onRowGroupingModelChange?: (model: GridRowGroupingModel, details: GridCallbackDetails) => void;
+    /**
+     * Set the aggregation model of the grid.
+     */
+    aggregationModel?: GridAggregationModel;
+    /**
+     * Callback fired when the row grouping model changes.
+     * @param {GridAggregationModel} model The aggregated columns.
+     * @param {GridCallbackDetails} details Additional details for this callback.
+     */
+    onAggregationModelChange?: (model: GridAggregationModel, details: GridCallbackDetails) => void;
 }

package/models/gridApiPremium.d.ts

@@ -1,6 +1,6 @@
-import { GridApiCommon, GridStateApi, GridStatePersistenceApi, GridColumnPinningApi, GridDetailPanelApi } from '@mui/x-data-grid-pro';
+import { GridApiCommon, GridStateApi, GridStatePersistenceApi, GridColumnPinningApi, GridDetailPanelApi, GridRowPinningApi } from '@mui/x-data-grid-pro';
 import { GridInitialStatePremium, GridStatePremium } from './gridStatePremium';
-import type { GridRowGroupingApi, GridExcelExportApi } from '../hooks';
+import type { GridRowGroupingApi, GridExcelExportApi, GridAggregationApi } from '../hooks';
 declare type GridStateApiUntyped = {
     [key in keyof (GridStateApi<any> & GridStatePersistenceApi<any>)]: any;
 };
@@ -8,6 +8,6 @@ declare type GridStateApiUntyped = {
  * The api of `DataGridPremium`.
  * TODO: Do not redefine manually the pro features
  */
-export interface GridApiPremium extends Omit<GridApiCommon, keyof GridStateApiUntyped>, GridStateApi<GridStatePremium>, GridStatePersistenceApi<GridInitialStatePremium>, GridColumnPinningApi, GridDetailPanelApi, GridRowGroupingApi, GridExcelExportApi {
+export interface GridApiPremium extends Omit<GridApiCommon, keyof GridStateApiUntyped>, GridStateApi<GridStatePremium>, GridStatePersistenceApi<GridInitialStatePremium>, GridColumnPinningApi, GridDetailPanelApi, GridRowGroupingApi, GridExcelExportApi, GridAggregationApi, GridRowPinningApi {
 }
 export {};

package/models/gridStatePremium.d.ts

@@ -1,14 +1,16 @@
 import { GridInitialState as GridInitialStatePro, GridState as GridStatePro } from '@mui/x-data-grid-pro';
-import type { GridRowGroupingState, GridRowGroupingInitialState } from '../hooks';
+import type { GridRowGroupingState, GridRowGroupingInitialState, GridAggregationState, GridAggregationInitialState } from '../hooks';
 /**
  * The state of `DataGridPremium`.
  */
 export interface GridStatePremium extends GridStatePro {
     rowGrouping: GridRowGroupingState;
+    aggregation: GridAggregationState;
 }
 /**
  * The initial state of `DataGridPremium`.
  */
 export interface GridInitialStatePremium extends GridInitialStatePro {
     rowGrouping?: GridRowGroupingInitialState;
+    aggregation?: GridAggregationInitialState;
 }

package/modern/DataGridPremium/DataGridPremium.js

@@ -42,6 +42,25 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
 
+  /**
+   * Aggregation functions available on the grid.
+   * @default GRID_AGGREGATION_FUNCTIONS
+   */
+  aggregationFunctions: PropTypes.object,
+
+  /**
+   * Set the aggregation model of the grid.
+   */
+  aggregationModel: PropTypes.object,
+
+  /**
+   * Rows used to generate the aggregated value.
+   * If `filtered`, the aggregated values will be generated using only the rows currently passing the filtering process.
+   * If `all`, the aggregated values will be generated using all the rows.
+   * @default "filtered"
+   */
+  aggregationRowsScope: PropTypes.oneOf(['all', 'filtered']),
+
   /**
    * The ref object that allows grid manipulation. Can be instantiated with [[useGridApiRef()]].
    */
@@ -156,6 +175,12 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    */
   detailPanelExpandedRowIds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired),
 
+  /**
+   * If `true`, aggregation is disabled.
+   * @default false
+   */
+  disableAggregation: PropTypes.bool,
+
   /**
    * If `true`, the filtering will only be applied to the top level rows when grouping rows with the `treeData` prop.
    * @default false
@@ -216,6 +241,12 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    */
   disableExtendRowFullWidth: PropTypes.bool,
 
+  /**
+   * If `true`, modification to a cell will not be discarded if the mode is changed from "edit" to "view" while processing props.
+   * @default false
+   */
+  disableIgnoreModificationsIfProcessingProps: PropTypes.bool,
+
   /**
    * If `true`, filtering with multiple columns is disabled.
    * @default false
@@ -273,8 +304,10 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * For each feature, if the flag is not explicitly set to `true`, the feature will be fully disabled and any property / method call will not have any effect.
    */
   experimentalFeatures: PropTypes.shape({
+    aggregation: PropTypes.bool,
     newEditingApi: PropTypes.bool,
     preventCommitWhileValidating: PropTypes.bool,
+    rowPinning: PropTypes.bool,
     warnIfFocusStateIsNotSynced: PropTypes.bool
   }),
 
@@ -306,6 +339,14 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
     quickFilterValues: PropTypes.array
   }),
 
+  /**
+   * Determines the position of an aggregated value.
+   * @param {GridRowTreeNodeConfig | null} groupNode The current group (`null` being the top level group).
+   * @returns {GridAggregationPosition | null} Position of the aggregated value (if `null`, the group will not be aggregated).
+   * @default `(groupNode) => groupNode == null ? 'footer' : 'inline'`
+   */
+  getAggregationPosition: PropTypes.func,
+
   /**
    * Function that applies CSS classes dynamically on cells.
    * @param {GridCellParams} params With all properties from [[GridCellParams]].
@@ -485,6 +526,13 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    */
   nonce: PropTypes.string,
 
+  /**
+   * Callback fired when the row grouping model changes.
+   * @param {GridAggregationModel} model The aggregated columns.
+   * @param {GridCallbackDetails} details Additional details for this callback.
+   */
+  onAggregationModelChange: PropTypes.func,
+
   /**
    * Callback fired when any cell is clicked.
    * @param {GridCellParams} params With all properties from [[GridCellParams]].
@@ -866,6 +914,14 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
     right: PropTypes.arrayOf(PropTypes.string)
   }),
 
+  /**
+   * Rows data to pin on top or bottom.
+   */
+  pinnedRows: PropTypes.shape({
+    bottom: PropTypes.array,
+    top: PropTypes.array
+  }),
+
   /**
    * Callback called before updating a row with new values in the row and cell editing.
    * Only applied if `props.experimentalFeatures.newEditingApi: true`.