@mui/x-data-grid 7.0.0-beta.7 → 7.0.0

package/hooks/features/headerFiltering/useGridHeaderFiltering.js

@@ -3,25 +3,20 @@ import * as React from 'react';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { useGridLogger } from '../../utils';
 import { gridColumnLookupSelector, gridColumnVisibilityModelSelector, gridColumnFieldsSelector } from '../columns/gridColumnsSelector';
-export const headerFilteringStateInitializer = (state, props) => {
-  var _props$headerFilters;
-  return _extends({}, state, {
-    // @ts-expect-error Access `Pro` prop in MIT
-    headerFiltering: {
-      enabled: (_props$headerFilters = props.headerFilters) != null ? _props$headerFilters : false,
-      editing: null,
-      menuOpen: null
-    }
-  });
-};
+export const headerFilteringStateInitializer = (state, props) => _extends({}, state, {
+  // @ts-expect-error Access `Pro` prop in MIT
+  headerFiltering: {
+    enabled: props.headerFilters ?? false,
+    editing: null,
+    menuOpen: null
+  }
+});
 export const useGridHeaderFiltering = (apiRef, props) => {
-  var _props$headerFilters2;
   const logger = useGridLogger(apiRef, 'useGridHeaderFiltering');
   // @ts-expect-error Access `Pro` prop in MIT
-  const isHeaderFilteringEnabled = (_props$headerFilters2 = props.headerFilters) != null ? _props$headerFilters2 : false;
+  const isHeaderFilteringEnabled = props.headerFilters ?? false;
   const setHeaderFilterState = React.useCallback(headerFilterState => {
     apiRef.current.setState(state => {
-      var _headerFilterState$ed, _headerFilterState$me;
       // Safety check to avoid MIT users from using it
       // This hook should ultimately be moved to the Pro package
       if (props.signature === 'DataGrid') {
@@ -29,9 +24,9 @@ export const useGridHeaderFiltering = (apiRef, props) => {
       }
       return _extends({}, state, {
         headerFiltering: {
-          enabled: isHeaderFilteringEnabled != null ? isHeaderFilteringEnabled : false,
-          editing: (_headerFilterState$ed = headerFilterState.editing) != null ? _headerFilterState$ed : null,
-          menuOpen: (_headerFilterState$me = headerFilterState.menuOpen) != null ? _headerFilterState$me : null
+          enabled: isHeaderFilteringEnabled ?? false,
+          editing: headerFilterState.editing ?? null,
+          menuOpen: headerFilterState.menuOpen ?? null
         }
       });
     });

package/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js

@@ -127,8 +127,7 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
     apiRef.current.setColumnGroupHeaderFocus(field, depth, event);
   }, [apiRef, logger]);
   const getRowIdFromIndex = React.useCallback(rowIndex => {
-    var _currentPageRows$rowI;
-    return (_currentPageRows$rowI = currentPageRows[rowIndex]) == null ? void 0 : _currentPageRows$rowI.id;
+    return currentPageRows[rowIndex]?.id;
   }, [currentPageRows]);
   const handleColumnHeaderKeyDown = React.useCallback((params, event) => {
     const headerTitleNode = event.currentTarget.querySelector(`.${gridClasses.columnHeaderTitleContainerContent}`);

package/hooks/features/pagination/gridPaginationSelector.js

@@ -66,9 +66,8 @@ export const gridPaginationRowRangeSelector = createSelectorMemoized(gridPaginat
   let lastRowIndex = firstRowIndex;
   let topLevelRowAdded = 0;
   while (lastRowIndex < visibleSortedRowEntries.length && topLevelRowAdded <= topLevelRowsInCurrentPageCount) {
-    var _rowTree$row$id;
     const row = visibleSortedRowEntries[lastRowIndex];
-    const depth = (_rowTree$row$id = rowTree[row.id]) == null ? void 0 : _rowTree$row$id.depth;
+    const depth = rowTree[row.id]?.depth;
     if (depth === undefined) {
       lastRowIndex += 1;
     } else {

package/hooks/features/pagination/useGridPagination.js

@@ -3,10 +3,9 @@ import { throwIfPageSizeExceedsTheLimit, getDefaultGridPaginationModel } from '.
 import { useGridPaginationModel } from './useGridPaginationModel';
 import { useGridRowCount } from './useGridRowCount';
 export const paginationStateInitializer = (state, props) => {
-  var _props$paginationMode, _props$initialState, _props$rowCount, _props$initialState2;
-  const paginationModel = _extends({}, getDefaultGridPaginationModel(props.autoPageSize), (_props$paginationMode = props.paginationModel) != null ? _props$paginationMode : (_props$initialState = props.initialState) == null || (_props$initialState = _props$initialState.pagination) == null ? void 0 : _props$initialState.paginationModel);
+  const paginationModel = _extends({}, getDefaultGridPaginationModel(props.autoPageSize), props.paginationModel ?? props.initialState?.pagination?.paginationModel);
   throwIfPageSizeExceedsTheLimit(paginationModel.pageSize, props.signature);
-  const rowCount = (_props$rowCount = props.rowCount) != null ? _props$rowCount : (_props$initialState2 = props.initialState) == null || (_props$initialState2 = _props$initialState2.pagination) == null ? void 0 : _props$initialState2.rowCount;
+  const rowCount = props.rowCount ?? props.initialState?.pagination?.rowCount;
   return _extends({}, state, {
     pagination: {
       paginationModel,

package/hooks/features/pagination/useGridPaginationModel.js

@@ -6,12 +6,11 @@ import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
 import { gridPageCountSelector, gridPaginationModelSelector } from './gridPaginationSelector';
 import { getPageCount, defaultPageSize, throwIfPageSizeExceedsTheLimit, getDefaultGridPaginationModel, getValidPage } from './gridPaginationUtils';
 export const getDerivedPaginationModel = (paginationState, signature, paginationModelProp) => {
-  var _paginationModelProp$;
   let paginationModel = paginationState.paginationModel;
   const rowCount = paginationState.rowCount;
-  const pageSize = (_paginationModelProp$ = paginationModelProp == null ? void 0 : paginationModelProp.pageSize) != null ? _paginationModelProp$ : paginationModel.pageSize;
+  const pageSize = paginationModelProp?.pageSize ?? paginationModel.pageSize;
   const pageCount = getPageCount(rowCount, pageSize);
-  if (paginationModelProp && ((paginationModelProp == null ? void 0 : paginationModelProp.page) !== paginationModel.page || (paginationModelProp == null ? void 0 : paginationModelProp.pageSize) !== paginationModel.pageSize)) {
+  if (paginationModelProp && (paginationModelProp?.page !== paginationModel.page || paginationModelProp?.pageSize !== paginationModel.pageSize)) {
     paginationModel = paginationModelProp;
   }
   const validPage = getValidPage(paginationModel.page, pageCount);
@@ -29,7 +28,6 @@ export const getDerivedPaginationModel = (paginationState, signature, pagination
  * @requires useGridDimensions (event) - can be after
  */
 export const useGridPaginationModel = (apiRef, props) => {
-  var _props$initialState2;
   const logger = useGridLogger(apiRef, 'useGridPaginationModel');
   const densityFactor = useGridSelector(apiRef, gridDensityFactorSelector);
   const rowHeight = Math.floor(props.rowHeight * densityFactor);
@@ -89,7 +87,6 @@ export const useGridPaginationModel = (apiRef, props) => {
    * PRE-PROCESSING
    */
   const stateExportPreProcessing = React.useCallback((prevState, context) => {
-    var _props$initialState;
     const paginationModel = gridPaginationModelSelector(apiRef);
     const shouldExportPaginationModel =
     // Always export if the `exportOnlyDirtyModels` property is not activated
@@ -97,7 +94,7 @@ export const useGridPaginationModel = (apiRef, props) => {
     // Always export if the `paginationModel` is controlled
     props.paginationModel != null ||
     // Always export if the `paginationModel` has been initialized
-    ((_props$initialState = props.initialState) == null || (_props$initialState = _props$initialState.pagination) == null ? void 0 : _props$initialState.paginationModel) != null ||
+    props.initialState?.pagination?.paginationModel != null ||
     // Export if `page` or `pageSize` is not equal to the default value
     paginationModel.page !== 0 && paginationModel.pageSize !== defaultPageSize(props.autoPageSize);
     if (!shouldExportPaginationModel) {
@@ -108,10 +105,9 @@ export const useGridPaginationModel = (apiRef, props) => {
         paginationModel
       })
     });
-  }, [apiRef, props.paginationModel, (_props$initialState2 = props.initialState) == null || (_props$initialState2 = _props$initialState2.pagination) == null ? void 0 : _props$initialState2.paginationModel, props.autoPageSize]);
+  }, [apiRef, props.paginationModel, props.initialState?.pagination?.paginationModel, props.autoPageSize]);
   const stateRestorePreProcessing = React.useCallback((params, context) => {
-    var _context$stateToResto, _context$stateToResto2;
-    const paginationModel = (_context$stateToResto = context.stateToRestore.pagination) != null && _context$stateToResto.paginationModel ? _extends({}, getDefaultGridPaginationModel(props.autoPageSize), (_context$stateToResto2 = context.stateToRestore.pagination) == null ? void 0 : _context$stateToResto2.paginationModel) : gridPaginationModelSelector(apiRef);
+    const paginationModel = context.stateToRestore.pagination?.paginationModel ? _extends({}, getDefaultGridPaginationModel(props.autoPageSize), context.stateToRestore.pagination?.paginationModel) : gridPaginationModelSelector(apiRef);
     apiRef.current.setState(state => _extends({}, state, {
       pagination: _extends({}, state.pagination, {
         paginationModel: getDerivedPaginationModel(state.pagination, props.signature, paginationModel)
@@ -126,9 +122,8 @@ export const useGridPaginationModel = (apiRef, props) => {
    * EVENTS
    */
   const handlePaginationModelChange = () => {
-    var _apiRef$current$virtu;
     const paginationModel = gridPaginationModelSelector(apiRef);
-    if ((_apiRef$current$virtu = apiRef.current.virtualScrollerRef) != null && _apiRef$current$virtu.current) {
+    if (apiRef.current.virtualScrollerRef?.current) {
       apiRef.current.scrollToIndexes({
         rowIndex: paginationModel.page * paginationModel.pageSize
       });

package/hooks/features/pagination/useGridRowCount.js

@@ -11,7 +11,6 @@ import { noRowCountInServerMode } from './gridPaginationUtils';
  * @requires useGridDimensions (event) - can be after
  */
 export const useGridRowCount = (apiRef, props) => {
-  var _props$initialState2;
   const logger = useGridLogger(apiRef, 'useGridRowCount');
   const visibleTopLevelRowCount = useGridSelector(apiRef, gridFilteredTopLevelRowCountSelector);
   const rowCount = useGridSelector(apiRef, gridPaginationRowCountSelector);
@@ -46,7 +45,6 @@ export const useGridRowCount = (apiRef, props) => {
    * PRE-PROCESSING
    */
   const stateExportPreProcessing = React.useCallback((prevState, context) => {
-    var _props$initialState;
     const exportedRowCount = gridPaginationRowCountSelector(apiRef);
     const shouldExportRowCount =
     // Always export if the `exportOnlyDirtyModels` property is not activated
@@ -54,7 +52,7 @@ export const useGridRowCount = (apiRef, props) => {
     // Always export if the `rowCount` is controlled
     props.rowCount != null ||
     // Always export if the `rowCount` has been initialized
-    ((_props$initialState = props.initialState) == null || (_props$initialState = _props$initialState.pagination) == null ? void 0 : _props$initialState.rowCount) != null;
+    props.initialState?.pagination?.rowCount != null;
     if (!shouldExportRowCount) {
       return prevState;
     }
@@ -63,10 +61,9 @@ export const useGridRowCount = (apiRef, props) => {
         rowCount: exportedRowCount
       })
     });
-  }, [apiRef, props.rowCount, (_props$initialState2 = props.initialState) == null || (_props$initialState2 = _props$initialState2.pagination) == null ? void 0 : _props$initialState2.rowCount]);
+  }, [apiRef, props.rowCount, props.initialState?.pagination?.rowCount]);
   const stateRestorePreProcessing = React.useCallback((params, context) => {
-    var _context$stateToResto;
-    const restoredRowCount = (_context$stateToResto = context.stateToRestore.pagination) != null && _context$stateToResto.rowCount ? context.stateToRestore.pagination.rowCount : gridPaginationRowCountSelector(apiRef);
+    const restoredRowCount = context.stateToRestore.pagination?.rowCount ? context.stateToRestore.pagination.rowCount : gridPaginationRowCountSelector(apiRef);
     apiRef.current.setState(state => _extends({}, state, {
       pagination: _extends({}, state.pagination, {
         rowCount: restoredRowCount

package/hooks/features/preferencesPanel/useGridPreferencesPanel.js

@@ -4,20 +4,16 @@ import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { useGridLogger } from '../../utils/useGridLogger';
 import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
 import { gridPreferencePanelStateSelector } from './gridPreferencePanelSelector';
-export const preferencePanelStateInitializer = (state, props) => {
-  var _props$initialState$p, _props$initialState;
-  return _extends({}, state, {
-    preferencePanel: (_props$initialState$p = (_props$initialState = props.initialState) == null ? void 0 : _props$initialState.preferencePanel) != null ? _props$initialState$p : {
-      open: false
-    }
-  });
-};
+export const preferencePanelStateInitializer = (state, props) => _extends({}, state, {
+  preferencePanel: props.initialState?.preferencePanel ?? {
+    open: false
+  }
+});
 
 /**
  * TODO: Add a single `setPreferencePanel` method to avoid multiple `setState`
  */
 export const useGridPreferencesPanel = (apiRef, props) => {
-  var _props$initialState3;
   const logger = useGridLogger(apiRef, 'useGridPreferencesPanel');
   const hideTimeout = React.useRef();
   const immediateTimeout = React.useRef();
@@ -77,13 +73,12 @@ export const useGridPreferencesPanel = (apiRef, props) => {
    * PRE-PROCESSING
    */
   const stateExportPreProcessing = React.useCallback((prevState, context) => {
-    var _props$initialState2;
     const preferencePanelToExport = gridPreferencePanelStateSelector(apiRef.current.state);
     const shouldExportPreferencePanel =
     // Always export if the `exportOnlyDirtyModels` property is not activated
     !context.exportOnlyDirtyModels ||
     // Always export if the panel was initialized
-    ((_props$initialState2 = props.initialState) == null ? void 0 : _props$initialState2.preferencePanel) != null ||
+    props.initialState?.preferencePanel != null ||
     // Always export if the panel is opened
     preferencePanelToExport.open;
     if (!shouldExportPreferencePanel) {
@@ -92,7 +87,7 @@ export const useGridPreferencesPanel = (apiRef, props) => {
     return _extends({}, prevState, {
       preferencePanel: preferencePanelToExport
     });
-  }, [apiRef, (_props$initialState3 = props.initialState) == null ? void 0 : _props$initialState3.preferencePanel]);
+  }, [apiRef, props.initialState?.preferencePanel]);
   const stateRestorePreProcessing = React.useCallback((params, context) => {
     const preferencePanel = context.stateToRestore.preferencePanel;
     if (preferencePanel != null) {

package/hooks/features/rowSelection/useGridRowSelection.js

@@ -7,7 +7,7 @@ import { gridRowsLookupSelector } from '../rows/gridRowsSelector';
 import { gridRowSelectionStateSelector, selectedGridRowsSelector, selectedIdsLookupSelector } from './gridRowSelectionSelector';
 import { gridPaginatedVisibleSortedGridRowIdsSelector } from '../pagination';
 import { gridFocusCellSelector } from '../focus/gridFocusStateSelector';
-import { gridExpandedSortedRowIdsSelector } from '../filter/gridFilterSelector';
+import { gridExpandedSortedRowIdsSelector, gridFilterModelSelector } from '../filter/gridFilterSelector';
 import { GRID_CHECKBOX_SELECTION_COL_DEF, GRID_ACTIONS_COLUMN_TYPE } from '../../../colDef';
 import { GridCellModes } from '../../../models/gridEditRowModel';
 import { isKeyboardEvent, isNavigationKey } from '../../../utils/keyboardUtils';
@@ -28,12 +28,9 @@ const getSelectionModelPropValue = (selectionModelProp, prevSelectionModel) => {
   }
   return [selectionModelProp];
 };
-export const rowSelectionStateInitializer = (state, props) => {
-  var _getSelectionModelPro;
-  return _extends({}, state, {
-    rowSelection: props.rowSelection ? (_getSelectionModelPro = getSelectionModelPropValue(props.rowSelectionModel)) != null ? _getSelectionModelPro : [] : []
-  });
-};
+export const rowSelectionStateInitializer = (state, props) => _extends({}, state, {
+  rowSelection: props.rowSelection ? getSelectionModelPropValue(props.rowSelectionModel) ?? [] : []
+});
 
 /**
  * @requires useGridRows (state, method) - can be after
@@ -67,9 +64,8 @@ export const useGridRowSelection = (apiRef, props) => {
   const canHaveMultipleSelection = isMultipleRowSelectionEnabled(props);
   const visibleRows = useGridVisibleRows(apiRef, props);
   const expandMouseRowRangeSelection = React.useCallback(id => {
-    var _lastRowToggled$curre;
     let endId = id;
-    const startId = (_lastRowToggled$curre = lastRowToggled.current) != null ? _lastRowToggled$curre : id;
+    const startId = lastRowToggled.current ?? id;
     const isSelected = apiRef.current.isRowSelected(id);
     if (isSelected) {
       const visibleRowIds = gridExpandedSortedRowIdsSelector(apiRef);
@@ -113,7 +109,7 @@ export const useGridRowSelection = (apiRef, props) => {
       return false;
     }
     const rowNode = apiRef.current.getRowNode(id);
-    if ((rowNode == null ? void 0 : rowNode.type) === 'footer' || (rowNode == null ? void 0 : rowNode.type) === 'pinnedRow') {
+    if (rowNode?.type === 'footer' || rowNode?.type === 'pinnedRow') {
       return false;
     }
     return true;
@@ -235,11 +231,10 @@ export const useGridRowSelection = (apiRef, props) => {
     }
   }, [apiRef, canHaveMultipleSelection, checkboxSelection]);
   const handleRowClick = React.useCallback((params, event) => {
-    var _closest;
     if (disableRowSelectionOnClick) {
       return;
     }
-    const field = (_closest = event.target.closest(`.${gridClasses.cell}`)) == null ? void 0 : _closest.getAttribute('data-field');
+    const field = event.target.closest(`.${gridClasses.cell}`)?.getAttribute('data-field');
     if (field === GRID_CHECKBOX_SELECTION_COL_DEF.field) {
       // click on checkbox should not trigger row selection
       return;
@@ -250,7 +245,7 @@ export const useGridRowSelection = (apiRef, props) => {
     }
     if (field) {
       const column = apiRef.current.getColumn(field);
-      if ((column == null ? void 0 : column.type) === GRID_ACTIONS_COLUMN_TYPE) {
+      if (column?.type === GRID_ACTIONS_COLUMN_TYPE) {
         return;
       }
     }
@@ -266,8 +261,7 @@ export const useGridRowSelection = (apiRef, props) => {
   }, [disableRowSelectionOnClick, canHaveMultipleSelection, apiRef, expandMouseRowRangeSelection, handleSingleRowSelection]);
   const preventSelectionOnShift = React.useCallback((params, event) => {
     if (canHaveMultipleSelection && event.shiftKey) {
-      var _window$getSelection;
-      (_window$getSelection = window.getSelection()) == null || _window$getSelection.removeAllRanges();
+      window.getSelection()?.removeAllRanges();
     }
   }, [canHaveMultipleSelection]);
   const handleRowSelectionCheckboxChange = React.useCallback((params, event) => {
@@ -280,7 +274,8 @@ export const useGridRowSelection = (apiRef, props) => {
   const handleHeaderSelectionCheckboxChange = React.useCallback(params => {
     const shouldLimitSelectionToCurrentPage = props.checkboxSelectionVisibleOnly && props.pagination;
     const rowsToBeSelected = shouldLimitSelectionToCurrentPage ? gridPaginatedVisibleSortedGridRowIdsSelector(apiRef) : gridExpandedSortedRowIdsSelector(apiRef);
-    apiRef.current.selectRows(rowsToBeSelected, params.value);
+    const filterModel = gridFilterModelSelector(apiRef);
+    apiRef.current.selectRows(rowsToBeSelected, params.value, filterModel?.items.length > 0);
   }, [apiRef, props.checkboxSelectionVisibleOnly, props.pagination]);
   const handleCellKeyDown = React.useCallback((params, event) => {
     // Get the most recent cell mode because it may have been changed by another listener

package/hooks/features/rows/gridRowsSelector.js

@@ -22,29 +22,22 @@ export const gridDataRowIdsSelector = createSelector(gridRowsStateSelector, rows
 /**
  * @ignore - do not document.
  */
-export const gridAdditionalRowGroupsSelector = createSelector(gridRowsStateSelector, rows => rows == null ? void 0 : rows.additionalRowGroups);
+export const gridAdditionalRowGroupsSelector = createSelector(gridRowsStateSelector, rows => rows?.additionalRowGroups);
 
 /**
  * @ignore - do not document.
  */
 export const gridPinnedRowsSelector = createSelectorMemoized(gridAdditionalRowGroupsSelector, additionalRowGroups => {
-  var _rawPinnedRows$bottom, _rawPinnedRows$bottom2, _rawPinnedRows$top$ma, _rawPinnedRows$top;
-  const rawPinnedRows = additionalRowGroups == null ? void 0 : additionalRowGroups.pinnedRows;
+  const rawPinnedRows = additionalRowGroups?.pinnedRows;
   return {
-    bottom: (_rawPinnedRows$bottom = rawPinnedRows == null || (_rawPinnedRows$bottom2 = rawPinnedRows.bottom) == null ? void 0 : _rawPinnedRows$bottom2.map(rowEntry => {
-      var _rowEntry$model;
-      return {
-        id: rowEntry.id,
-        model: (_rowEntry$model = rowEntry.model) != null ? _rowEntry$model : {}
-      };
-    })) != null ? _rawPinnedRows$bottom : [],
-    top: (_rawPinnedRows$top$ma = rawPinnedRows == null || (_rawPinnedRows$top = rawPinnedRows.top) == null ? void 0 : _rawPinnedRows$top.map(rowEntry => {
-      var _rowEntry$model2;
-      return {
-        id: rowEntry.id,
-        model: (_rowEntry$model2 = rowEntry.model) != null ? _rowEntry$model2 : {}
-      };
-    })) != null ? _rawPinnedRows$top$ma : []
+    bottom: rawPinnedRows?.bottom?.map(rowEntry => ({
+      id: rowEntry.id,
+      model: rowEntry.model ?? {}
+    })) ?? [],
+    top: rawPinnedRows?.top?.map(rowEntry => ({
+      id: rowEntry.id,
+      model: rowEntry.model ?? {}
+    })) ?? []
   };
 });
 
@@ -52,6 +45,5 @@ export const gridPinnedRowsSelector = createSelectorMemoized(gridAdditionalRowGr
  * @ignore - do not document.
  */
 export const gridPinnedRowsCountSelector = createSelector(gridPinnedRowsSelector, pinnedRows => {
-  var _pinnedRows$top, _pinnedRows$bottom;
-  return ((pinnedRows == null || (_pinnedRows$top = pinnedRows.top) == null ? void 0 : _pinnedRows$top.length) || 0) + ((pinnedRows == null || (_pinnedRows$bottom = pinnedRows.bottom) == null ? void 0 : _pinnedRows$bottom.length) || 0);
+  return (pinnedRows?.top?.length || 0) + (pinnedRows?.bottom?.length || 0);
 });

package/hooks/features/rows/gridRowsUtils.js

@@ -146,7 +146,6 @@ export const updateCacheWithNewRows = ({
   getRowId,
   updates
 }) => {
-  var _previousCache$update, _previousCache$update2, _previousCache$update3;
   if (previousCache.updates.type === 'full') {
     throw new Error('MUI X: Unable to prepare a partial update if a full update is not applied yet.');
   }
@@ -165,9 +164,9 @@ export const updateCacheWithNewRows = ({
   const partialUpdates = {
     type: 'partial',
     actions: {
-      insert: [...((_previousCache$update = previousCache.updates.actions.insert) != null ? _previousCache$update : [])],
-      modify: [...((_previousCache$update2 = previousCache.updates.actions.modify) != null ? _previousCache$update2 : [])],
-      remove: [...((_previousCache$update3 = previousCache.updates.actions.remove) != null ? _previousCache$update3 : [])]
+      insert: [...(previousCache.updates.actions.insert ?? [])],
+      modify: [...(previousCache.updates.actions.modify ?? [])],
+      remove: [...(previousCache.updates.actions.remove ?? [])]
     },
     idToActionLookup: _extends({}, previousCache.updates.idToActionLookup)
   };
@@ -265,16 +264,15 @@ export const updateCacheWithNewRows = ({
   };
 };
 export function calculatePinnedRowsHeight(apiRef) {
-  var _pinnedRows$top, _pinnedRows$bottom;
   const pinnedRows = gridPinnedRowsSelector(apiRef);
-  const topPinnedRowsHeight = (pinnedRows == null || (_pinnedRows$top = pinnedRows.top) == null ? void 0 : _pinnedRows$top.reduce((acc, value) => {
+  const topPinnedRowsHeight = pinnedRows?.top?.reduce((acc, value) => {
     acc += apiRef.current.unstable_getRowHeight(value.id);
     return acc;
-  }, 0)) || 0;
-  const bottomPinnedRowsHeight = (pinnedRows == null || (_pinnedRows$bottom = pinnedRows.bottom) == null ? void 0 : _pinnedRows$bottom.reduce((acc, value) => {
+  }, 0) || 0;
+  const bottomPinnedRowsHeight = pinnedRows?.bottom?.reduce((acc, value) => {
     acc += apiRef.current.unstable_getRowHeight(value.id);
     return acc;
-  }, 0)) || 0;
+  }, 0) || 0;
   return {
     top: topPinnedRowsHeight,
     bottom: bottomPinnedRowsHeight

package/hooks/features/rows/useGridParamsApi.js

@@ -37,7 +37,7 @@ export function useGridParamsApi(apiRef) {
       throw new MissingRowIdError(`No row with id #${id} found`);
     }
     const rawValue = row[field];
-    const value = colDef != null && colDef.valueGetter ? colDef.valueGetter(rawValue, row, colDef, apiRef) : rawValue;
+    const value = colDef?.valueGetter ? colDef.valueGetter(rawValue, row, colDef, apiRef) : rawValue;
     const cellFocus = gridFocusCellSelector(apiRef);
     const cellTabIndex = gridTabIndexCellSelector(apiRef);
     const params = {

package/hooks/features/rows/useGridRows.js

@@ -127,7 +127,7 @@ export const useGridRows = (apiRef, props) => {
     updates.forEach(update => {
       const id = getRowIdFromRowModel(update, props.getRowId, 'A row was provided without id when calling updateRows():');
       const rowNode = apiRef.current.getRowNode(id);
-      if ((rowNode == null ? void 0 : rowNode.type) === 'pinnedRow') {
+      if (rowNode?.type === 'pinnedRow') {
         // @ts-ignore because otherwise `release:build` doesn't work
         const pinnedRowsCache = apiRef.current.caches.pinnedRows;
         const prevModel = pinnedRowsCache.idLookup[id];
@@ -151,10 +151,7 @@ export const useGridRows = (apiRef, props) => {
   const getRowModels = React.useCallback(() => {
     const dataRows = gridDataRowIdsSelector(apiRef);
     const idRowsLookup = gridRowsLookupSelector(apiRef);
-    return new Map(dataRows.map(id => {
-      var _idRowsLookup$id;
-      return [id, (_idRowsLookup$id = idRowsLookup[id]) != null ? _idRowsLookup$id : {}];
-    }));
+    return new Map(dataRows.map(id => [id, idRowsLookup[id] ?? {}]));
   }, [apiRef]);
   const getRowsCount = React.useCallback(() => gridRowCountSelector(apiRef), [apiRef]);
   const getAllRowIds = React.useCallback(() => gridDataRowIdsSelector(apiRef), [apiRef]);
@@ -182,10 +179,7 @@ export const useGridRows = (apiRef, props) => {
     apiRef.current.forceUpdate();
     apiRef.current.publishEvent('rowExpansionChange', newNode);
   }, [apiRef]);
-  const getRowNode = React.useCallback(id => {
-    var _ref;
-    return (_ref = gridRowTreeSelector(apiRef)[id]) != null ? _ref : null;
-  }, [apiRef]);
+  const getRowNode = React.useCallback(id => gridRowTreeSelector(apiRef)[id] ?? null, [apiRef]);
   const getRowGroupChildren = React.useCallback(({
     skipAutoGeneratedRows = true,
     groupId,
@@ -293,10 +287,7 @@ export const useGridRows = (apiRef, props) => {
     });
 
     // Removes potential remaining skeleton rows from the dataRowIds.
-    const dataRowIds = rootGroupChildren.filter(childId => {
-      var _tree$childId;
-      return ((_tree$childId = tree[childId]) == null ? void 0 : _tree$childId.type) === 'leaf';
-    });
+    const dataRowIds = rootGroupChildren.filter(childId => tree[childId]?.type === 'leaf');
     apiRef.current.caches.rows.dataRowIdToModelLookup = dataRowIdToModelLookup;
     apiRef.current.caches.rows.dataRowIdToIdLookup = dataRowIdToIdLookup;
     apiRef.current.setState(state => _extends({}, state, {

package/hooks/features/rows/useGridRowsMeta.js

@@ -58,7 +58,6 @@ export const useGridRowsMeta = (apiRef, props) => {
   const validRowHeight = getValidRowHeight(props.rowHeight, DATA_GRID_PROPS_DEFAULT_VALUES.rowHeight, rowHeightWarning);
   const rowHeight = Math.floor(validRowHeight * densityFactor);
   const hydrateRowsMeta = React.useCallback(() => {
-    var _pinnedRows$top, _pinnedRows$bottom;
     hasRowWithAutoHeight.current = false;
     const calculateRowProcessedSizes = row => {
       if (!rowsHeightLookup.current[row.id]) {
@@ -92,7 +91,7 @@ export const useGridRowsMeta = (apiRef, props) => {
             })) : rowHeight;
 
             // If the row was not measured yet use the estimated row height
-            baseRowHeight = estimatedRowHeight != null ? estimatedRowHeight : rowHeight;
+            baseRowHeight = estimatedRowHeight ?? rowHeight;
           } else {
             baseRowHeight = existingBaseRowHeight;
           }
@@ -111,15 +110,14 @@ export const useGridRowsMeta = (apiRef, props) => {
         baseCenter: baseRowHeight
       };
       if (getRowSpacing) {
-        var _spacing$top, _spacing$bottom;
         const indexRelativeToCurrentPage = apiRef.current.getRowIndexRelativeToVisibleRows(row.id);
         const spacing = getRowSpacing(_extends({}, row, {
           isFirstVisible: indexRelativeToCurrentPage === 0,
           isLastVisible: indexRelativeToCurrentPage === currentPage.rows.length - 1,
           indexRelativeToCurrentPage
         }));
-        initialHeights.spacingTop = (_spacing$top = spacing.top) != null ? _spacing$top : 0;
-        initialHeights.spacingBottom = (_spacing$bottom = spacing.bottom) != null ? _spacing$bottom : 0;
+        initialHeights.spacingTop = spacing.top ?? 0;
+        initialHeights.spacingBottom = spacing.bottom ?? 0;
       }
       const processedSizes = apiRef.current.unstable_applyPipeProcessors('rowHeight', initialHeights, row);
       rowsHeightLookup.current[row.id].sizes = processedSizes;
@@ -139,10 +137,10 @@ export const useGridRowsMeta = (apiRef, props) => {
       }
       return acc + processedSizes.baseCenter + otherSizes;
     }, 0);
-    pinnedRows == null || (_pinnedRows$top = pinnedRows.top) == null || _pinnedRows$top.forEach(row => {
+    pinnedRows?.top?.forEach(row => {
       calculateRowProcessedSizes(row);
     });
-    pinnedRows == null || (_pinnedRows$bottom = pinnedRows.bottom) == null || _pinnedRows$bottom.forEach(row => {
+    pinnedRows?.bottom?.forEach(row => {
       calculateRowProcessedSizes(row);
     });
     apiRef.current.setState(state => {
@@ -163,10 +161,7 @@ export const useGridRowsMeta = (apiRef, props) => {
     const height = rowsHeightLookup.current[rowId];
     return height ? height.sizes.baseCenter : rowHeight;
   }, [rowHeight]);
-  const getRowInternalSizes = rowId => {
-    var _rowsHeightLookup$cur;
-    return (_rowsHeightLookup$cur = rowsHeightLookup.current[rowId]) == null ? void 0 : _rowsHeightLookup$cur.sizes;
-  };
+  const getRowInternalSizes = rowId => rowsHeightLookup.current[rowId]?.sizes;
   const setRowHeight = React.useCallback((id, height) => {
     rowsHeightLookup.current[id].sizes.baseCenter = height;
     rowsHeightLookup.current[id].isResized = true;
@@ -188,8 +183,7 @@ export const useGridRowsMeta = (apiRef, props) => {
     }
   }, [debouncedHydrateRowsMeta]);
   const rowHasAutoHeight = React.useCallback(id => {
-    var _rowsHeightLookup$cur2;
-    return ((_rowsHeightLookup$cur2 = rowsHeightLookup.current[id]) == null ? void 0 : _rowsHeightLookup$cur2.autoHeight) || false;
+    return rowsHeightLookup.current[id]?.autoHeight || false;
   }, []);
   const getLastMeasuredRowIndex = React.useCallback(() => {
     return lastMeasuredRowIndex.current;

package/hooks/features/scroll/useGridScroll.js

@@ -62,8 +62,7 @@ export const useGridScroll = (apiRef, props) => {
       const columnPositions = gridColumnPositionsSelector(apiRef);
       let cellWidth;
       if (typeof params.rowIndex !== 'undefined') {
-        var _visibleSortedRows$pa;
-        const rowId = (_visibleSortedRows$pa = visibleSortedRows[params.rowIndex]) == null ? void 0 : _visibleSortedRows$pa.id;
+        const rowId = visibleSortedRows[params.rowIndex]?.id;
         const cellColSpanInfo = apiRef.current.unstable_getCellColSpanInfo(rowId, params.colIndex);
         if (cellColSpanInfo && !cellColSpanInfo.spannedByColSpan) {
           cellWidth = cellColSpanInfo.cellProps.width;
@@ -114,7 +113,7 @@ export const useGridScroll = (apiRef, props) => {
     logger.debug(`Scrolling, updating container, and viewport`);
   }, [virtualScrollerRef, theme.direction, colRef, logger]);
   const getScrollPosition = React.useCallback(() => {
-    if (!(virtualScrollerRef != null && virtualScrollerRef.current)) {
+    if (!virtualScrollerRef?.current) {
       return {
         top: 0,
         left: 0

package/hooks/features/sorting/gridSortingSelector.js

@@ -19,13 +19,10 @@ export const gridSortedRowIdsSelector = createSelector(gridSortingStateSelector,
  */
 export const gridSortedRowEntriesSelector = createSelectorMemoized(gridSortedRowIdsSelector, gridRowsLookupSelector,
 // TODO rows v6: Is this the best approach ?
-(sortedIds, idRowsLookup) => sortedIds.map(id => {
-  var _idRowsLookup$id;
-  return {
-    id,
-    model: (_idRowsLookup$id = idRowsLookup[id]) != null ? _idRowsLookup$id : {}
-  };
-}));
+(sortedIds, idRowsLookup) => sortedIds.map(id => ({
+  id,
+  model: idRowsLookup[id] ?? {}
+})));
 
 /**
  * Get the current sorting model.