@mui/x-data-grid 5.13.1 → 5.15.1

package/hooks/features/rows/useGridRowsMeta.js

@@ -9,6 +9,7 @@ import { gridFilterStateSelector } from '../filter/gridFilterSelector';
 import { gridPaginationSelector } from '../pagination/gridPaginationSelector';
 import { gridSortingStateSelector } from '../sorting/gridSortingSelector';
 import { useGridRegisterPipeApplier } from '../../core/pipeProcessing';
+import { gridPinnedRowsSelector } from './gridRowsSelector';
 export const rowsMetaStateInitializer = state => _extends({}, state, {
   rowsMeta: {
     currentPageTotalHeight: 0,
@@ -35,13 +36,14 @@ export const useGridRowsMeta = (apiRef, props) => {
   const paginationState = useGridSelector(apiRef, gridPaginationSelector);
   const sortingState = useGridSelector(apiRef, gridSortingStateSelector);
   const currentPage = useGridVisibleRows(apiRef, props);
+  const pinnedRows = useGridSelector(apiRef, gridPinnedRowsSelector);
   const hydrateRowsMeta = React.useCallback(() => {
+    var _pinnedRows$top, _pinnedRows$bottom;
+
     hasRowWithAutoHeight.current = false;
     const densityFactor = gridDensityFactorSelector(apiRef.current.state, apiRef.current.instanceId);
-    const positions = [];
-    const currentPageTotalHeight = currentPage.rows.reduce((acc, row) => {
-      positions.push(acc);
 
+    const calculateRowProcessedSizes = row => {
       if (!rowsHeightLookup.current[row.id]) {
         rowsHeightLookup.current[row.id] = {
           sizes: {
@@ -113,9 +115,22 @@ export const useGridRowsMeta = (apiRef, props) => {
 
       const processedSizes = apiRef.current.unstable_applyPipeProcessors('rowHeight', initialHeights, row);
       rowsHeightLookup.current[row.id].sizes = processedSizes;
+      return processedSizes;
+    };
+
+    const positions = [];
+    const currentPageTotalHeight = currentPage.rows.reduce((acc, row) => {
+      positions.push(acc);
+      const processedSizes = calculateRowProcessedSizes(row);
       const finalRowHeight = Object.values(processedSizes).reduce((acc2, value) => acc2 + value, 0);
       return acc + finalRowHeight;
     }, 0);
+    pinnedRows == null ? void 0 : (_pinnedRows$top = pinnedRows.top) == null ? void 0 : _pinnedRows$top.forEach(row => {
+      calculateRowProcessedSizes(row);
+    });
+    pinnedRows == null ? void 0 : (_pinnedRows$bottom = pinnedRows.bottom) == null ? void 0 : _pinnedRows$bottom.forEach(row => {
+      calculateRowProcessedSizes(row);
+    });
     apiRef.current.setState(state => {
       return _extends({}, state, {
         rowsMeta: {
@@ -131,7 +146,7 @@ export const useGridRowsMeta = (apiRef, props) => {
     }
 
     apiRef.current.forceUpdate();
-  }, [apiRef, currentPage.rows, rowHeightFromDensity, getRowHeightProp, getRowSpacing, getEstimatedRowHeight]);
+  }, [apiRef, currentPage.rows, rowHeightFromDensity, getRowHeightProp, getRowSpacing, getEstimatedRowHeight, pinnedRows]);
   const getRowHeight = React.useCallback(rowId => {
     const height = rowsHeightLookup.current[rowId];
     return height ? height.sizes.base : rowHeightFromDensity;

package/hooks/features/rows/useGridRowsPreProcessors.js

@@ -11,7 +11,8 @@ const flatRowTreeCreationMethod = ({
   for (let i = 0; i < ids.length; i += 1) {
     const rowId = ids[i];
 
-    if (previousTree && previousTree[rowId] && previousTree[rowId].depth === 0 && previousTree[rowId].parent == null) {
+    if (previousTree && previousTree[rowId] && previousTree[rowId].depth === 0 && previousTree[rowId].parent == null && // pinned row can be unpinned
+    !previousTree[rowId].isPinned) {
       tree[rowId] = previousTree[rowId];
     } else {
       tree[rowId] = {

package/hooks/features/scroll/useGridScroll.js

@@ -6,7 +6,8 @@ import { gridPageSelector, gridPageSizeSelector } from '../pagination/gridPagina
 import { gridRowCountSelector } from '../rows/gridRowsSelector';
 import { gridRowsMetaSelector } from '../rows/gridRowsMetaSelector';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { gridVisibleSortedRowEntriesSelector } from '../filter/gridFilterSelector'; // Logic copied from https://www.w3.org/TR/wai-aria-practices/examples/listbox/js/listbox.js
+import { gridVisibleSortedRowEntriesSelector } from '../filter/gridFilterSelector';
+import { gridClasses } from '../../../constants/gridClasses'; // Logic copied from https://www.w3.org/TR/wai-aria-practices/examples/listbox/js/listbox.js
 // Similar to https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView
 
 function scrollIntoView(dimensions) {
@@ -88,13 +89,17 @@ export const useGridScroll = (apiRef, props) => {
     }
 
     if (params.rowIndex != null) {
+      var _querySelector, _querySelector2;
+
       const rowsMeta = gridRowsMetaSelector(apiRef.current.state);
       const page = gridPageSelector(apiRef);
       const pageSize = gridPageSizeSelector(apiRef);
       const elementIndex = !props.pagination ? params.rowIndex : params.rowIndex - page * pageSize;
       const targetOffsetHeight = rowsMeta.positions[elementIndex + 1] ? rowsMeta.positions[elementIndex + 1] - rowsMeta.positions[elementIndex] : rowsMeta.currentPageTotalHeight - rowsMeta.positions[elementIndex];
+      const topPinnedRowsHeight = ((_querySelector = windowRef.current.querySelector(`.${gridClasses['pinnedRows--top']}`)) == null ? void 0 : _querySelector.clientHeight) || 0;
+      const bottomPinnedRowsHeight = ((_querySelector2 = windowRef.current.querySelector(`.${gridClasses['pinnedRows--bottom']}`)) == null ? void 0 : _querySelector2.clientHeight) || 0;
       scrollCoordinates.top = scrollIntoView({
-        clientHeight: windowRef.current.clientHeight,
+        clientHeight: windowRef.current.clientHeight - topPinnedRowsHeight - bottomPinnedRowsHeight,
         scrollTop: windowRef.current.scrollTop,
         offsetHeight: targetOffsetHeight,
         offsetTop: rowsMeta.positions[elementIndex]

package/hooks/features/selection/useGridSelection.js

@@ -61,9 +61,9 @@ export const useGridSelection = (apiRef, props) => {
     checkboxSelection,
     disableMultipleSelection,
     disableSelectionOnClick,
-    isRowSelectable,
     pagination,
-    paginationMode
+    paginationMode,
+    isRowSelectable: propIsRowSelectable
   } = props;
   const canHaveMultipleSelection = !disableMultipleSelection || checkboxSelection;
   const visibleRows = useGridVisibleRows(apiRef, props);
@@ -112,9 +112,22 @@ export const useGridSelection = (apiRef, props) => {
     }
   }, [apiRef, logger]);
   const isRowSelected = React.useCallback(id => 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(() => 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;
     }
 
@@ -138,10 +151,10 @@ export 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) {
@@ -165,7 +178,7 @@ export const useGridSelection = (apiRef, props) => {
     if (isSelectionValid) {
       apiRef.current.setSelectionModel(newSelection);
     }
-  }, [apiRef, isRowSelectable, logger, canHaveMultipleSelection]);
+  }, [apiRef, logger, canHaveMultipleSelection]);
   const selectRowRange = React.useCallback(({
     startId,
     endId
@@ -189,7 +202,8 @@ export const useGridSelection = (apiRef, props) => {
     selectRowRange,
     setSelectionModel,
     getSelectedRows,
-    isRowSelected
+    isRowSelected,
+    isRowSelectable
   };
   useGridApiMethod(apiRef, selectionApi, 'GridSelectionApi');
   /**
@@ -257,6 +271,10 @@ export const useGridSelection = (apiRef, props) => {
       }
     }
 
+    if (params.rowNode.isPinned) {
+      return;
+    }
+
     if (event.shiftKey && (canHaveMultipleSelection || checkboxSelection)) {
       expandMouseRowRangeSelection(params.id);
     } else {
@@ -371,13 +389,13 @@ export const useGridSelection = (apiRef, props) => {
   React.useEffect(() => {
     if (isStateControlled) {
       return;
-    } // isRowSelectable changed
+    } // props.isRowSelectable changed
 
 
     const currentSelection = 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);
@@ -404,7 +422,7 @@ export 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/hooks/features/sorting/gridSortingUtils.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { GridSortingModelApplier } from './gridSortingState';
 import { GridApiCommunity } from '../../../models/api/gridApiCommunity';
 import { GridStateCommunity } from '../../../models/gridStateCommunity';

package/hooks/features/sorting/gridSortingUtils.js

@@ -46,25 +46,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);
@@ -84,10 +83,10 @@ export 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);
 };
 export const getNextGridSortDirection = (sortingOrder, current) => {
   const currentIdx = sortingOrder.indexOf(current);

package/hooks/features/sorting/useGridSorting.d.ts

@@ -7,4 +7,4 @@ export declare const sortingStateInitializer: GridStateInitializer<Pick<DataGrid
  * @requires useGridRows (event)
  * @requires useGridColumns (event)
  */
-export declare const useGridSorting: (apiRef: React.MutableRefObject<GridApiCommunity>, props: Pick<DataGridProcessedProps, 'sortModel' | 'onSortModelChange' | 'sortingOrder' | 'sortingMode' | 'disableMultipleColumnsSorting'>) => void;
+export declare const useGridSorting: (apiRef: React.MutableRefObject<GridApiCommunity>, props: Pick<DataGridProcessedProps, 'initialState' | 'sortModel' | 'onSortModelChange' | 'sortingOrder' | 'sortingMode' | 'disableMultipleColumnsSorting'>) => void;

package/hooks/features/sorting/useGridSorting.js

@@ -29,6 +29,8 @@ export const sortingStateInitializer = (state, props) => {
  */
 
 export const useGridSorting = (apiRef, props) => {
+  var _props$initialState3, _props$initialState3$;
+
   const logger = useGridLogger(apiRef, 'useGridSorting');
   apiRef.current.unstable_registerControlState({
     stateId: 'sortModel',
@@ -152,10 +154,17 @@ export const useGridSorting = (apiRef, props) => {
    * PRE-PROCESSING
    */
 
-  const stateExportPreProcessing = React.useCallback(prevState => {
+  const stateExportPreProcessing = React.useCallback((prevState, context) => {
+    var _props$initialState2, _props$initialState2$;
+
     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$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;
     }
 
@@ -164,7 +173,7 @@ export 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;
 
@@ -180,12 +189,39 @@ 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].isPinned) {
+          return;
+        }
+
+        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.isPinned) {
+        return;
+      }
+
+      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/hooks/features/statePersistence/gridStatePersistenceInterface.d.ts

@@ -3,9 +3,10 @@ export interface GridStatePersistenceApi<InitialState extends GridInitialStateCo
     /**
      * Generates a serializable object containing the exportable parts of the DataGrid state.
      * These values can then be passed to the `initialState` prop or injected using the `restoreState` method.
+     * @param {GridExportStateParams} params With all properties from [[GridExportStateParams]]
      * @returns {GridInitialState} The exported state.
      */
-    exportState: () => InitialState;
+    exportState: (params?: GridExportStateParams) => InitialState;
     /**
      * Inject the given values into the state of the DataGrid.
      * @param {GridInitialState} stateToRestore The exported state to restore.
@@ -19,6 +20,16 @@ export interface GridRestoreStatePreProcessingValue {
      */
     callbacks: (() => void)[];
 }
+export interface GridExportStateParams {
+    /**
+     * By default, the grid exports all the models.
+     * You can switch this property to `true` to only exports models that are either controlled, initialized or modified.
+     * For instance, with this property, if you don't control or initialize the `filterModel` and you did not apply any filter, the model won't be exported.
+     * Note that the column dimensions are not a model. The grid only exports the dimensions of the modified columns even when `exportOnlyDirtyModels` is false.
+     * @default false
+     */
+    exportOnlyDirtyModels?: boolean;
+}
 export interface GridRestoreStatePreProcessingContext<I extends GridInitialStateCommunity> {
     stateToRestore: I;
 }

package/hooks/features/statePersistence/index.d.ts

@@ -1 +1 @@
-export type { GridStatePersistenceApi } from './gridStatePersistenceInterface';
+export type { GridStatePersistenceApi, GridExportStateParams, } from './gridStatePersistenceInterface';

package/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/hooks/features/virtualization/useGridVirtualScroller.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridRenderContext } from '../../../models';
+import { GridRenderContext, GridRowEntry } from '../../../models';
 import { GridRowId, GridRowModel } from '../../../models/gridRows';
 export declare function binarySearch(offset: number, positions: number[], sliceStart?: number, sliceEnd?: number): number;
 export declare const getRenderableIndexes: ({ firstIndex, lastIndex, buffer, minFirstIndex, maxLastIndex, }: {
@@ -29,6 +29,8 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
         maxLastColumn?: number | undefined;
         availableSpace?: number | null | undefined;
         ignoreAutoHeight?: boolean | undefined;
+        rows?: GridRowEntry<any>[] | undefined;
+        rowIndexOffset?: number | undefined;
     }) => JSX.Element[] | null;
     getRootProps: ({ style, ...other }?: {
         style?: {} | undefined;

package/hooks/features/virtualization/useGridVirtualScroller.js

@@ -170,10 +170,8 @@ export 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);
   }, []);
   useGridApiEventHandler(apiRef, 'resize', handleResize);
   const updateRenderZonePosition = React.useCallback(nextRenderContext => {
@@ -289,10 +287,11 @@ export 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;
     }
 
@@ -307,14 +306,31 @@ export 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({
@@ -335,7 +351,7 @@ export const useGridVirtualScroller = props => {
     const rows = [];
 
     for (let i = 0; i < renderedRows.length; i += 1) {
-      var _rootProps$components;
+      var _currentPage$range5, _rootProps$components;
 
       const {
         id,
@@ -347,10 +363,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({
@@ -368,7 +382,7 @@ export 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/hooks/utils/useGridApiEventHandler.d.ts

@@ -14,8 +14,8 @@ declare enum GridSignature {
 interface RegistryContainer {
     registry: CleanupTracking | null;
 }
-export declare function createUseGridApiEventHandler(registryContainer: RegistryContainer): <Api extends GridApiCommon, E extends keyof import("../../models").GridEventLookup>(apiRef: React.MutableRefObject<Api>, eventName: E, handler?: GridEventListener<E> | undefined, options?: EventListenerOptions | undefined) => void;
+export declare function createUseGridApiEventHandler(registryContainer: RegistryContainer): <Api extends GridApiCommon, E extends keyof import("../../models").GridEventLookup>(apiRef: React.MutableRefObject<Api>, eventName: E, handler?: GridEventListener<E> | undefined, options?: EventListenerOptions) => void;
 export declare const unstable_resetCleanupTracking: () => void;
-export declare const useGridApiEventHandler: <Api extends GridApiCommon, E extends keyof import("../../models").GridEventLookup>(apiRef: React.MutableRefObject<Api>, eventName: E, handler?: GridEventListener<E> | undefined, options?: EventListenerOptions | undefined) => void;
+export declare const useGridApiEventHandler: <Api extends GridApiCommon, E extends keyof import("../../models").GridEventLookup>(apiRef: React.MutableRefObject<Api>, eventName: E, handler?: GridEventListener<E> | undefined, options?: EventListenerOptions) => void;
 export declare function useGridApiOptionHandler<Api extends GridApiCommon, E extends GridEventsStr>(apiRef: React.MutableRefObject<Api>, eventName: E, handler?: GridEventListener<E>): void;
 export { GridSignature };

package/hooks/utils/useGridNativeEventListener.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { GridApiCommon } from '../../models';
-export declare const useGridNativeEventListener: <Api extends GridApiCommon, E extends Event>(apiRef: React.MutableRefObject<Api>, ref: React.MutableRefObject<HTMLDivElement | null> | (() => Element | undefined | null), eventName: string, handler?: ((event: E) => any) | undefined, options?: AddEventListenerOptions | undefined) => void;
+export declare const useGridNativeEventListener: <Api extends GridApiCommon, E extends Event>(apiRef: React.MutableRefObject<Api>, ref: React.MutableRefObject<HTMLDivElement | null> | (() => Element | undefined | null), eventName: string, handler?: ((event: E) => any) | undefined, options?: AddEventListenerOptions) => void;

package/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/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/internals/index.d.ts

@@ -5,7 +5,7 @@ export { GridColumnHeaders } from '../components/columnHeaders/GridColumnHeaders
 export { GridColumnHeadersInner } from '../components/columnHeaders/GridColumnHeadersInner';
 export { useGridRegisterPipeProcessor } from '../hooks/core/pipeProcessing';
 export type { GridPipeProcessor } from '../hooks/core/pipeProcessing';
-export { useGridRegisterStrategyProcessor } from '../hooks/core/strategyProcessing';
+export { useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY, } from '../hooks/core/strategyProcessing';
 export type { GridStrategyProcessor } from '../hooks/core/strategyProcessing';
 export { useGridInitialization } from '../hooks/core/useGridInitialization';
 export { useGridClipboard } from '../hooks/features/clipboard/useGridClipboard';
@@ -27,9 +27,12 @@ export { useGridEditing as useGridEditing_new, editingStateInitializer as editin
 export { useGridEditing as useGridEditing_old, editingStateInitializer as editingStateInitializer_old, } from '../hooks/features/editRows/useGridEditing.old';
 export { useGridRows, rowsStateInitializer } from '../hooks/features/rows/useGridRows';
 export { useGridRowsPreProcessors } from '../hooks/features/rows/useGridRowsPreProcessors';
-export type { GridRowTreeCreationParams, GridRowTreeCreationValue, } from '../hooks/features/rows/gridRowsState';
+export type { GridRowTreeCreationParams, GridRowTreeCreationValue, GridHydrateRowsValue, GridPinnedRowsState, } from '../hooks/features/rows/gridRowsState';
 export { useGridRowsMeta, rowsMetaStateInitializer } from '../hooks/features/rows/useGridRowsMeta';
 export { useGridParamsApi } from '../hooks/features/rows/useGridParamsApi';
+export { getRowIdFromRowModel } from '../hooks/features/rows/gridRowsUtils';
+export { gridAdditionalRowGroupsSelector, gridPinnedRowsSelector, } from '../hooks/features/rows/gridRowsSelector';
+export { calculatePinnedRowsHeight } from '../hooks/features/rows/gridRowsUtils';
 export { useGridSelection, selectionStateInitializer, } from '../hooks/features/selection/useGridSelection';
 export { useGridSelectionPreProcessors } from '../hooks/features/selection/useGridSelectionPreProcessors';
 export { useGridSorting, sortingStateInitializer } from '../hooks/features/sorting/useGridSorting';
@@ -48,7 +51,7 @@ 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';
 export type { GridApiCommunity } from '../models/api/gridApiCommunity';

package/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';
@@ -25,6 +25,9 @@ export { useGridRows, rowsStateInitializer } from '../hooks/features/rows/useGri
 export { useGridRowsPreProcessors } from '../hooks/features/rows/useGridRowsPreProcessors';
 export { useGridRowsMeta, rowsMetaStateInitializer } from '../hooks/features/rows/useGridRowsMeta';
 export { useGridParamsApi } from '../hooks/features/rows/useGridParamsApi';
+export { getRowIdFromRowModel } from '../hooks/features/rows/gridRowsUtils';
+export { gridAdditionalRowGroupsSelector, gridPinnedRowsSelector } from '../hooks/features/rows/gridRowsSelector';
+export { calculatePinnedRowsHeight } from '../hooks/features/rows/gridRowsUtils';
 export { useGridSelection, selectionStateInitializer } from '../hooks/features/selection/useGridSelection';
 export { useGridSelectionPreProcessors } from '../hooks/features/selection/useGridSelectionPreProcessors';
 export { useGridSorting, sortingStateInitializer } from '../hooks/features/sorting/useGridSorting';
@@ -39,6 +42,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/legacy/DataGrid/DataGrid.js

@@ -157,6 +157,12 @@ DataGridRaw.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`, the selection on click on a row or cell is disabled.
    * @default false

package/legacy/DataGrid/useDataGridComponent.js

@@ -60,7 +60,7 @@ export var useDataGridComponent = function useDataGridComponent(props) {
   var useGridEditing = (_props$experimentalFe2 = props.experimentalFeatures) != null && _props$experimentalFe2.newEditingApi ? useGridEditing_new : useGridEditing_old;
   useGridEditing(apiRef, props);
   useGridFocus(apiRef, props);
-  useGridPreferencesPanel(apiRef);
+  useGridPreferencesPanel(apiRef, props);
   useGridFilter(apiRef, props);
   useGridSorting(apiRef, props);
   useGridDensity(apiRef, props);

package/legacy/DataGrid/useDataGridProps.js

@@ -42,6 +42,7 @@ export var DATA_GRID_PROPS_DEFAULT_VALUES = {
   disableMultipleColumnsSorting: false,
   disableSelectionOnClick: false,
   disableVirtualization: false,
+  disableIgnoreModificationsIfProcessingProps: false,
   editMode: GridEditModes.Cell,
   filterMode: GridFeatureModeConstant.client,
   headerHeight: 56,

package/legacy/colDef/gridActionsColDef.js

@@ -5,6 +5,8 @@ export var GRID_ACTIONS_COLUMN_TYPE = 'actions';
 export var GRID_ACTIONS_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   sortable: false,
   filterable: false,
+  // @ts-ignore
+  aggregable: false,
   width: 100,
   align: 'center',
   headerAlign: 'center',