@mui/x-data-grid 6.0.0-beta.5 → 6.0.1

package/legacy/components/panel/filterPanel/GridFilterInputValue.js

@@ -5,7 +5,6 @@ var _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_useId as useId } from '@mui/utils';
-import { GridLoadIcon } from '../../icons';
 import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var SUBMIT_FILTER_STROKE_TIME = 500;
@@ -51,7 +50,7 @@ function GridFilterInputValue(props) {
     setFilterValueState(String(itemValue));
   }, [item.value]);
   var InputProps = applying ? {
-    endAdornment: /*#__PURE__*/_jsx(GridLoadIcon, {})
+    endAdornment: /*#__PURE__*/_jsx(rootProps.slots.loadIcon, {})
   } : others.InputProps;
   return /*#__PURE__*/_jsx(rootProps.slots.baseTextField, _extends({
     id: id,

package/legacy/components/panel/filterPanel/GridFilterPanel.js

@@ -55,6 +55,9 @@ var GridFilterPanel = /*#__PURE__*/React.forwardRef(function GridFilterPanel(pro
         currentFilters: (filterModel == null ? void 0 : filterModel.items) || [],
         columns: filterableColumns
       });
+      if (nextFieldName === null) {
+        return null;
+      }
       nextColumnWithOperator = filterableColumns.find(function (_ref) {
         var field = _ref.field;
         return field === nextFieldName;
@@ -81,6 +84,9 @@ var GridFilterPanel = /*#__PURE__*/React.forwardRef(function GridFilterPanel(pro
       currentFilters: currentFilters,
       columns: filterableColumns
     });
+    if (nextColumnFieldName === null) {
+      return null;
+    }
     var nextColumnWithOperator = filterableColumns.find(function (_ref2) {
       var field = _ref2.field;
       return field === nextColumnFieldName;
@@ -188,6 +194,7 @@ process.env.NODE_ENV !== "production" ? GridFilterPanel.propTypes = {
     columnInputProps: PropTypes.any,
     columnsSort: PropTypes.oneOf(['asc', 'desc']),
     deleteIconProps: PropTypes.any,
+    filterColumns: PropTypes.func,
     logicOperatorInputProps: PropTypes.any,
     operatorInputProps: PropTypes.any,
     valueInputProps: PropTypes.any
@@ -195,7 +202,7 @@ process.env.NODE_ENV !== "production" ? GridFilterPanel.propTypes = {
   /**
    * Function that returns the next filter item to be picked as default filter.
    * @param {GetColumnForNewFilterArgs} args Currently configured filters and columns.
-   * @returns {GridColDef['field']} The field to be used for the next filter.
+   * @returns {GridColDef['field']} The field to be used for the next filter or `null` to prevent adding a filter.
    */
   getColumnForNewFilter: PropTypes.func,
   /**

package/legacy/components/virtualization/GridVirtualScroller.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["className"];
 import * as React from 'react';
 import clsx from 'clsx';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/system';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
 import { getDataGridUtilityClass } from '../../constants/gridClasses';

package/legacy/components/virtualization/GridVirtualScrollerContent.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["className", "style"];
 import * as React from 'react';
 import clsx from 'clsx';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/system';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
 import { getDataGridUtilityClass } from '../../constants/gridClasses';

package/legacy/components/virtualization/GridVirtualScrollerRenderZone.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["className"];
 import * as React from 'react';
 import clsx from 'clsx';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/system';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
 import { getDataGridUtilityClass } from '../../constants/gridClasses';

package/legacy/constants/defaultGridSlotsComponents.js

@@ -1,66 +1,15 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import MUICheckbox from '@mui/material/Checkbox';
-import MUITextField from '@mui/material/TextField';
-import MUIFormControl from '@mui/material/FormControl';
-import MUISelect from '@mui/material/Select';
-import MUISwitch from '@mui/material/Switch';
-import MUIButton from '@mui/material/Button';
-import MUIIconButton from '@mui/material/IconButton';
-import MUITooltip from '@mui/material/Tooltip';
-import MUIPopper from '@mui/material/Popper';
-import { GridArrowDownwardIcon, GridArrowUpwardIcon, GridCell, GridSkeletonCell, GridCheckIcon, GridCloseIcon, GridColumnIcon, GridColumnsPanel, GridFilterAltIcon, GridFilterListIcon, GridFilterPanel, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridPanel, GridPreferencesPanel, GridRow, GridSaveAltIcon, GridSeparatorIcon, GridTableRowsIcon, GridTripleDotsVerticalIcon, GridViewHeadlineIcon, GridViewStreamIcon, GridMoreVertIcon, GridExpandMoreIcon, GridKeyboardArrowRight, GridAddIcon, GridRemoveIcon, GridDragIcon, GridColumnHeaderFilterIconButton, GridSearchIcon, GridVisibilityOffIcon, GridViewColumnIcon, GridClearIcon, GridDeleteIcon, GridDeleteForeverIcon } from '../components';
+import { GridCell, GridSkeletonCell, GridColumnsPanel, GridFilterPanel, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridPanel, GridPreferencesPanel, GridRow, GridColumnHeaderFilterIconButton } from '../components';
+import { GridColumnHeaders } from '../components/GridColumnHeaders';
 import { GridColumnMenu } from '../components/menu/columnMenu/GridColumnMenu';
-import { GridColumnUnsortedIcon } from '../components/columnHeaders/GridColumnUnsortedIcon';
 import { GridNoResultsOverlay } from '../components/GridNoResultsOverlay';
-var DEFAULT_GRID_ICON_SLOTS_COMPONENTS = {
-  BooleanCellTrueIcon: GridCheckIcon,
-  BooleanCellFalseIcon: GridCloseIcon,
-  ColumnMenuIcon: GridTripleDotsVerticalIcon,
-  OpenFilterButtonIcon: GridFilterListIcon,
-  FilterPanelAddIcon: GridAddIcon,
-  FilterPanelDeleteIcon: GridDeleteIcon,
-  FilterPanelRemoveAllIcon: GridDeleteForeverIcon,
-  ColumnFilteredIcon: GridFilterAltIcon,
-  ColumnSelectorIcon: GridColumnIcon,
-  ColumnUnsortedIcon: GridColumnUnsortedIcon,
-  ColumnSortedAscendingIcon: GridArrowUpwardIcon,
-  ColumnSortedDescendingIcon: GridArrowDownwardIcon,
-  ColumnResizeIcon: GridSeparatorIcon,
-  DensityCompactIcon: GridViewHeadlineIcon,
-  DensityStandardIcon: GridTableRowsIcon,
-  DensityComfortableIcon: GridViewStreamIcon,
-  ExportIcon: GridSaveAltIcon,
-  MoreActionsIcon: GridMoreVertIcon,
-  TreeDataCollapseIcon: GridExpandMoreIcon,
-  TreeDataExpandIcon: GridKeyboardArrowRight,
-  GroupingCriteriaCollapseIcon: GridExpandMoreIcon,
-  GroupingCriteriaExpandIcon: GridKeyboardArrowRight,
-  DetailPanelExpandIcon: GridAddIcon,
-  DetailPanelCollapseIcon: GridRemoveIcon,
-  RowReorderIcon: GridDragIcon,
-  QuickFilterIcon: GridSearchIcon,
-  QuickFilterClearIcon: GridCloseIcon,
-  ColumnMenuHideIcon: GridVisibilityOffIcon,
-  ColumnMenuSortAscendingIcon: GridArrowUpwardIcon,
-  ColumnMenuSortDescendingIcon: GridArrowDownwardIcon,
-  ColumnMenuFilterIcon: GridFilterAltIcon,
-  ColumnMenuManageColumnsIcon: GridViewColumnIcon,
-  ColumnMenuClearIcon: GridClearIcon
-};
-export var DATA_GRID_DEFAULT_SLOTS_COMPONENTS = _extends({}, DEFAULT_GRID_ICON_SLOTS_COMPONENTS, {
-  BaseCheckbox: MUICheckbox,
-  BaseTextField: MUITextField,
-  BaseFormControl: MUIFormControl,
-  BaseSelect: MUISelect,
-  BaseSwitch: MUISwitch,
-  BaseButton: MUIButton,
-  BaseIconButton: MUIIconButton,
-  BaseTooltip: MUITooltip,
-  BasePopper: MUIPopper,
+import materialSlots from '../material';
+export var DATA_GRID_DEFAULT_SLOTS_COMPONENTS = _extends({}, materialSlots, {
   Cell: GridCell,
   SkeletonCell: GridSkeletonCell,
   ColumnHeaderFilterIconButton: GridColumnHeaderFilterIconButton,
   ColumnMenu: GridColumnMenu,
+  ColumnHeaders: GridColumnHeaders,
   Footer: GridFooter,
   Toolbar: null,
   PreferencesPanel: GridPreferencesPanel,

package/legacy/hooks/core/useGridLocaleText.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { useGridApiMethod } from '../utils/useGridApiMethod';
 export var useGridLocaleText = function useGridLocaleText(apiRef, props) {
   var getLocaleText = React.useCallback(function (key) {
     if (props.localeText[key] == null) {
@@ -7,8 +6,7 @@ export var useGridLocaleText = function useGridLocaleText(apiRef, props) {
     }
     return props.localeText[key];
   }, [props.localeText]);
-  var localeTextApi = {
+  apiRef.current.register('public', {
     getLocaleText: getLocaleText
-  };
-  useGridApiMethod(apiRef, localeTextApi, 'public');
+  });
 };

package/legacy/hooks/features/columnGrouping/gridColumnGroupsUtils.js

@@ -2,18 +2,18 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import { isLeaf } from '../../../models/gridColumnGrouping';
 import { isDeepEqual } from '../../../utils/utils';
 // This is the recurrence function that help writing `unwrapGroupingColumnModel()`
-var recurrentUnwrapGroupingColumnModel = function recurrentUnwrapGroupingColumnModel(columnGroupNode, parents, unwrappedGroupingModelToComplet) {
+var recurrentUnwrapGroupingColumnModel = function recurrentUnwrapGroupingColumnModel(columnGroupNode, parents, unwrappedGroupingModelToComplete) {
   if (isLeaf(columnGroupNode)) {
-    if (unwrappedGroupingModelToComplet[columnGroupNode.field] !== undefined) {
-      throw new Error(["MUI: columnGroupingModel contains duplicated field", "column field ".concat(columnGroupNode.field, " occurrs two times in the grouping model:"), "- ".concat(unwrappedGroupingModelToComplet[columnGroupNode.field].join(' > ')), "- ".concat(parents.join(' > '))].join('\n'));
+    if (unwrappedGroupingModelToComplete[columnGroupNode.field] !== undefined) {
+      throw new Error(["MUI: columnGroupingModel contains duplicated field", "column field ".concat(columnGroupNode.field, " occurs two times in the grouping model:"), "- ".concat(unwrappedGroupingModelToComplete[columnGroupNode.field].join(' > ')), "- ".concat(parents.join(' > '))].join('\n'));
     }
-    unwrappedGroupingModelToComplet[columnGroupNode.field] = parents;
+    unwrappedGroupingModelToComplete[columnGroupNode.field] = parents;
     return;
   }
   var groupId = columnGroupNode.groupId,
     children = columnGroupNode.children;
   children.forEach(function (child) {
-    recurrentUnwrapGroupingColumnModel(child, [].concat(_toConsumableArray(parents), [groupId]), unwrappedGroupingModelToComplet);
+    recurrentUnwrapGroupingColumnModel(child, [].concat(_toConsumableArray(parents), [groupId]), unwrappedGroupingModelToComplete);
   });
 };
 

package/legacy/hooks/features/columnHeaders/useGridColumnHeaders.js

@@ -3,16 +3,9 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { unstable_useForkRef as useForkRef } from '@mui/utils';
-import { styled, useTheme } from '@mui/material/styles';
+import { styled, useTheme } from '@mui/system';
 import { defaultMemoize } from 'reselect';
 import { useGridPrivateApiContext } from '../../utils/useGridPrivateApiContext';
-import { useGridSelector } from '../../utils/useGridSelector';
-import { gridVisibleColumnDefinitionsSelector, gridColumnPositionsSelector, gridColumnVisibilityModelSelector } from '../columns/gridColumnsSelector';
-import { gridTabIndexColumnHeaderSelector, gridTabIndexCellSelector, gridFocusColumnHeaderSelector, unstable_gridFocusColumnGroupHeaderSelector, unstable_gridTabIndexColumnGroupHeaderSelector } from '../focus/gridFocusStateSelector';
-import { gridDensityFactorSelector } from '../density/densitySelector';
-import { gridFilterActiveItemsLookupSelector } from '../filter/gridFilterSelector';
-import { gridSortColumnLookupSelector } from '../sorting/gridSortingSelector';
-import { gridColumnMenuSelector } from '../columnMenu/columnMenuSelector';
 import { useGridRootProps } from '../../utils/useGridRootProps';
 import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
 import { GridColumnHeaderItem } from '../../../components/columnHeaders/GridColumnHeaderItem';
@@ -20,7 +13,6 @@ import { getFirstColumnIndexToRender, getTotalHeaderHeight } from '../columns/gr
 import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
 import { getRenderableIndexes } from '../virtualization/useGridVirtualScroller';
 import { GridColumnGroupHeader } from '../../../components/columnHeaders/GridColumnGroupHeader';
-import { gridColumnGroupsHeaderMaxDepthSelector, gridColumnGroupsHeaderStructureSelector } from '../columnGrouping/gridColumnGroupsSelector';
 import { jsx as _jsx } from "react/jsx-runtime";
 var GridColumnHeaderRow = styled('div', {
   name: 'MuiDataGrid',
@@ -39,7 +31,21 @@ function isUIEvent(event) {
 export var useGridColumnHeaders = function useGridColumnHeaders(props) {
   var innerRefProp = props.innerRef,
     _props$minColumnIndex = props.minColumnIndex,
-    minColumnIndex = _props$minColumnIndex === void 0 ? 0 : _props$minColumnIndex;
+    minColumnIndex = _props$minColumnIndex === void 0 ? 0 : _props$minColumnIndex,
+    visibleColumns = props.visibleColumns,
+    sortColumnLookup = props.sortColumnLookup,
+    filterColumnLookup = props.filterColumnLookup,
+    columnPositions = props.columnPositions,
+    columnHeaderTabIndexState = props.columnHeaderTabIndexState,
+    columnGroupHeaderTabIndexState = props.columnGroupHeaderTabIndexState,
+    columnHeaderFocus = props.columnHeaderFocus,
+    columnGroupHeaderFocus = props.columnGroupHeaderFocus,
+    densityFactor = props.densityFactor,
+    headerGroupingMaxDepth = props.headerGroupingMaxDepth,
+    columnMenuState = props.columnMenuState,
+    columnVisibility = props.columnVisibility,
+    columnGroupsHeaderStructure = props.columnGroupsHeaderStructure,
+    hasOtherElementInTabSequence = props.hasOtherElementInTabSequence;
   var theme = useTheme();
   var _React$useState = React.useState(''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -50,20 +56,6 @@ export var useGridColumnHeaders = function useGridColumnHeaders(props) {
     resizeCol = _React$useState4[0],
     setResizeCol = _React$useState4[1];
   var apiRef = useGridPrivateApiContext();
-  var visibleColumns = useGridSelector(apiRef, gridVisibleColumnDefinitionsSelector);
-  var columnPositions = useGridSelector(apiRef, gridColumnPositionsSelector);
-  var columnHeaderTabIndexState = useGridSelector(apiRef, gridTabIndexColumnHeaderSelector);
-  var cellTabIndexState = useGridSelector(apiRef, gridTabIndexCellSelector);
-  var columnGroupHeaderTabIndexState = useGridSelector(apiRef, unstable_gridTabIndexColumnGroupHeaderSelector);
-  var columnHeaderFocus = useGridSelector(apiRef, gridFocusColumnHeaderSelector);
-  var columnGroupHeaderFocus = useGridSelector(apiRef, unstable_gridFocusColumnGroupHeaderSelector);
-  var densityFactor = useGridSelector(apiRef, gridDensityFactorSelector);
-  var headerGroupingMaxDepth = useGridSelector(apiRef, gridColumnGroupsHeaderMaxDepthSelector);
-  var filterColumnLookup = useGridSelector(apiRef, gridFilterActiveItemsLookupSelector);
-  var sortColumnLookup = useGridSelector(apiRef, gridSortColumnLookupSelector);
-  var columnMenuState = useGridSelector(apiRef, gridColumnMenuSelector);
-  var columnVisibility = useGridSelector(apiRef, gridColumnVisibilityModelSelector);
-  var columnGroupsHeaderStructure = useGridSelector(apiRef, gridColumnGroupsHeaderStructureSelector);
   var rootProps = useGridRootProps();
   var innerRef = React.useRef(null);
   var handleInnerRef = useForkRef(innerRefProp, innerRef);
@@ -231,8 +223,7 @@ export var useGridColumnHeaders = function useGridColumnHeaders(props) {
       var colDef = renderedColumns[i];
       var columnIndex = firstColumnToRender + i;
       var isFirstColumn = columnIndex === 0;
-      var hasTabbableElement = !(columnGroupHeaderTabIndexState === null && columnHeaderTabIndexState === null && cellTabIndexState === null);
-      var tabIndex = columnHeaderTabIndexState !== null && columnHeaderTabIndexState.field === colDef.field || isFirstColumn && !hasTabbableElement ? 0 : -1;
+      var tabIndex = columnHeaderTabIndexState !== null && columnHeaderTabIndexState.field === colDef.field || isFirstColumn && !hasOtherElementInTabSequence ? 0 : -1;
       var hasFocus = columnHeaderFocus !== null && columnHeaderFocus.field === colDef.field;
       var open = columnMenuState.open && columnMenuState.field === colDef.field;
       columns.push( /*#__PURE__*/_jsx(GridColumnHeaderItem, _extends({}, sortColumnLookup[colDef.field], {

package/legacy/hooks/features/editing/useGridCellEditing.js

@@ -75,7 +75,7 @@ export var useGridCellEditing = function useGridCellEditing(apiRef, props) {
   var handleCellKeyDown = React.useCallback(function (params, event) {
     if (params.cellMode === GridCellModes.Edit) {
       // Wait until IME is settled for Asian languages like Japanese and Chinese
-      // TODO: `event.which` is depricated but this is a temporary workaround
+      // TODO: `event.which` is deprecated but this is a temporary workaround
       if (event.which === 229) {
         return;
       }

package/legacy/hooks/features/editing/useGridEditing.js

@@ -51,7 +51,7 @@ export var useGridEditing = function useGridEditing(apiRef, props) {
       clearTimeout(_timeout);
     }
 
-    // To run the callback immediatelly without waiting the timeout
+    // To run the callback immediately without waiting the timeout
     var runImmediately = function runImmediately() {
       var _debounceMap$current$2 = _slicedToArray(debounceMap.current[id][field], 1),
         timeout = _debounceMap$current$2[0];

package/legacy/hooks/features/editing/useGridRowEditing.js

@@ -109,7 +109,7 @@ export var useGridRowEditing = function useGridRowEditing(apiRef, props) {
   var handleCellKeyDown = React.useCallback(function (params, event) {
     if (params.cellMode === GridRowModes.Edit) {
       // Wait until IME is settled for Asian languages like Japanese and Chinese
-      // TODO: `event.which` is depricated but this is a temporary workaround
+      // TODO: `event.which` is deprecated but this is a temporary workaround
       if (event.which === 229) {
         return;
       }

package/legacy/hooks/features/export/useGridPrintExport.js

@@ -22,6 +22,15 @@ function raf() {
     });
   });
 }
+function buildPrintWindow(title) {
+  var iframeEl = document.createElement('iframe');
+  iframeEl.style.position = 'absolute';
+  iframeEl.style.width = '0px';
+  iframeEl.style.height = '0px';
+  iframeEl.title = title || document.title;
+  return iframeEl;
+}
+
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)
@@ -64,16 +73,6 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
       resolve();
     });
   }, [apiRef]);
-
-  // TODO move outside of this scope and remove React.useCallback
-  var buildPrintWindow = React.useCallback(function (title) {
-    var iframeEl = document.createElement('iframe');
-    iframeEl.style.position = 'absolute';
-    iframeEl.style.width = '0px';
-    iframeEl.style.height = '0px';
-    iframeEl.title = title || document.title;
-    return iframeEl;
-  }, []);
   var handlePrintWindowLoad = React.useCallback(function (printWindow, options) {
     var _querySelector, _querySelector2;
     var normalizeOptions = _extends({
@@ -245,7 +244,7 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
     return function (_x) {
       return _ref.apply(this, arguments);
     };
-  }(), [props, logger, apiRef, buildPrintWindow, handlePrintWindowLoad, handlePrintWindowAfterPrint, updateGridColumnsForPrint]);
+  }(), [props, logger, apiRef, handlePrintWindowLoad, handlePrintWindowAfterPrint, updateGridColumnsForPrint]);
   var printExportApi = {
     exportDataAsPrint: exportDataAsPrint
   };

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

@@ -8,12 +8,12 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { unstable_useForkRef as useForkRef, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
 import { useTheme } from '@mui/material/styles';
+import { defaultMemoize } from 'reselect';
 import { useGridPrivateApiContext } from '../../utils/useGridPrivateApiContext';
 import { useGridRootProps } from '../../utils/useGridRootProps';
 import { useGridSelector } from '../../utils/useGridSelector';
 import { gridVisibleColumnDefinitionsSelector, gridColumnsTotalWidthSelector, gridColumnPositionsSelector } from '../columns/gridColumnsSelector';
 import { gridFocusCellSelector, gridTabIndexCellSelector } from '../focus/gridFocusStateSelector';
-import { gridEditRowsStateSelector } from '../editing/gridEditingSelectors';
 import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
 import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
 import { clamp } from '../../../utils/utils';
@@ -21,9 +21,8 @@ import { selectedIdsLookupSelector } from '../rowSelection/gridRowSelectionSelec
 import { gridRowsMetaSelector } from '../rows/gridRowsMetaSelector';
 import { getFirstNonSpannedColumnToRender } from '../columns/gridColumnsUtils';
 import { getMinimalContentHeight } from '../rows/gridRowsUtils';
-
-// Uses binary search to avoid looping through all possible positions
 import { jsx as _jsx } from "react/jsx-runtime";
+// Uses binary search to avoid looping through all possible positions
 export function binarySearch(offset, positions) {
   var sliceStart = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   var sliceEnd = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : positions.length;
@@ -78,7 +77,6 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
   var cellFocus = useGridSelector(apiRef, gridFocusCellSelector);
   var cellTabIndex = useGridSelector(apiRef, gridTabIndexCellSelector);
   var rowsMeta = useGridSelector(apiRef, gridRowsMetaSelector);
-  var editRowsState = useGridSelector(apiRef, gridEditRowsStateSelector);
   var selectedRowsLookup = useGridSelector(apiRef, selectedIdsLookupSelector);
   var currentPage = useGridVisibleRows(apiRef, rootProps);
   var renderZoneRef = React.useRef(null);
@@ -101,6 +99,12 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     containerDimensions = _React$useState4[0],
     setContainerDimensions = _React$useState4[1];
   var prevTotalWidth = React.useRef(columnsTotalWidth);
+  var rowStyleCache = React.useRef({});
+  var prevGetRowProps = React.useRef();
+  var prevRootRowStyle = React.useRef();
+  var getRenderedColumnsRef = React.useRef(defaultMemoize(function (columns, firstColumnToRender, lastColumnToRender) {
+    return columns.slice(firstColumnToRender, lastColumnToRender);
+  }));
   var getNearestIndexToRender = React.useCallback(function (offset) {
     var _currentPage$range, _currentPage$range2;
     var lastMeasuredIndexRelativeToAllRows = apiRef.current.getLastMeasuredRowIndex();
@@ -315,6 +319,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     apiRef.current.publishEvent('virtualScrollerTouchMove', {}, event);
   };
   var getRows = function getRows() {
+    var _rootProps$slotProps;
     var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
       renderContext: renderContext
     };
@@ -387,10 +392,17 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
       lastRowToRender: lastRowToRender,
       visibleRows: currentPage.rows
     });
-    var renderedColumns = visibleColumns.slice(firstColumnToRender, lastColumnToRender);
+    var renderedColumns = getRenderedColumnsRef.current(visibleColumns, firstColumnToRender, lastColumnToRender);
+    var _ref4 = ((_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.row) || {},
+      rootRowStyle = _ref4.style,
+      rootRowProps = _objectWithoutProperties(_ref4, _excluded);
+    var invalidatesCachedRowStyle = prevGetRowProps.current !== getRowProps || prevRootRowStyle.current !== rootRowStyle;
+    if (invalidatesCachedRowStyle) {
+      rowStyleCache.current = {};
+    }
     var rows = [];
     for (var i = 0; i < renderedRows.length; i += 1) {
-      var _rootProps$slotProps, _currentPage$range5;
+      var _currentPage$range5;
       var _renderedRows$i = renderedRows[i],
         _id = _renderedRows$i.id,
         _model = _renderedRows$i.model;
@@ -402,22 +414,25 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
       } else {
         isSelected = apiRef.current.isRowSelectable(_id);
       }
-      var _ref4 = ((_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.row) || {},
-        rootRowStyle = _ref4.style,
-        rootRowProps = _objectWithoutProperties(_ref4, _excluded);
+      var focusedCell = cellFocus !== null && cellFocus.id === _id ? cellFocus.field : null;
+      var tabbableCell = null;
+      if (cellTabIndex !== null && cellTabIndex.id === _id) {
+        var cellParams = apiRef.current.getCellParams(_id, cellTabIndex.field);
+        tabbableCell = cellParams.cellMode === 'view' ? cellTabIndex.field : null;
+      }
       var _ref5 = typeof getRowProps === 'function' && getRowProps(_id, _model) || {},
         rowStyle = _ref5.style,
         rowProps = _objectWithoutProperties(_ref5, _excluded2);
+      if (!rowStyleCache.current[_id]) {
+        var style = _extends({}, rowStyle, rootRowStyle);
+        rowStyleCache.current[_id] = style;
+      }
       rows.push( /*#__PURE__*/_jsx(rootProps.slots.row, _extends({
         row: _model,
         rowId: _id,
         rowHeight: baseRowHeight,
-        cellFocus: cellFocus // TODO move to inside the row
-        ,
-        cellTabIndex: cellTabIndex // TODO move to inside the row
-        ,
-        editRowsState: editRowsState // TODO move to inside the row
-        ,
+        focusedCell: focusedCell,
+        tabbableCell: tabbableCell,
         renderedColumns: renderedColumns,
         visibleColumns: visibleColumns,
         firstColumnToRender: firstColumnToRender,
@@ -428,9 +443,11 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
         isLastVisible: lastVisibleRowIndex,
         position: position
       }, rowProps, rootRowProps, {
-        style: _extends({}, rowStyle, rootRowStyle)
+        style: rowStyleCache.current[_id]
       }), _id));
     }
+    prevGetRowProps.current = getRowProps;
+    prevRootRowStyle.current = rootRowStyle;
     return rows;
   };
   var needsHorizontalScrollbar = containerDimensions.width && columnsTotalWidth > containerDimensions.width;

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v6.0.0-beta.5
+ * @mui/x-data-grid v6.0.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -17,6 +17,8 @@ export * from './models';
 export * from './context';
 export * from './colDef';
 export * from './utils';
+export { GridColumnHeaders } from './components/GridColumnHeaders';
+
 /**
  * Reexportable components.
  */
@@ -24,4 +26,6 @@ export { GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENT
 
 /**
  * The full grid API.
+ * @demos
+ *   - [API object](/x/react-data-grid/api-object/)
  */

package/legacy/internals/index.js

@@ -1,7 +1,7 @@
 export { GridVirtualScroller } from '../components/virtualization/GridVirtualScroller';
 export { GridVirtualScrollerContent } from '../components/virtualization/GridVirtualScrollerContent';
 export { GridVirtualScrollerRenderZone } from '../components/virtualization/GridVirtualScrollerRenderZone';
-export { GridColumnHeaders } from '../components/columnHeaders/GridColumnHeaders';
+export { GridBaseColumnHeaders } from '../components/columnHeaders/GridBaseColumnHeaders';
 export { GridColumnHeadersInner } from '../components/columnHeaders/GridColumnHeadersInner';
 export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from '../constants/defaultGridSlotsComponents';
 export { useGridRegisterPipeProcessor } from '../hooks/core/pipeProcessing';

package/legacy/locales/arSD.js

@@ -22,17 +22,15 @@ var arSDGrid = {
     return count !== 1 ? "".concat(count, " \u0645\u0646 \u0627\u0644\u0645\u0631\u0634\u0650\u062D\u0627\u062A \u0627\u0644\u0646\u0634\u0637\u0629") : "\u0645\u0631\u0634\u0650\u062D \u0646\u0634\u0637";
   },
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
-
+  toolbarQuickFilterPlaceholder: 'بحث...',
+  toolbarQuickFilterLabel: 'بحث',
+  toolbarQuickFilterDeleteIconLabel: 'أزال',
   // Export selector toolbar button text
   toolbarExport: 'تصدير',
   toolbarExportLabel: 'تصدير',
   toolbarExportCSV: 'تنزيل كملف CSV',
-  // toolbarExportPrint: 'Print',
-  // toolbarExportExcel: 'Download as Excel',
-
+  toolbarExportPrint: 'طباعة',
+  toolbarExportExcel: 'تحميل كملف الإكسل',
   // Columns panel text
   columnsPanelTextFieldLabel: 'البحث عن العمود',
   columnsPanelTextFieldPlaceholder: 'عنوان العمود',
@@ -121,20 +119,17 @@ var arSDGrid = {
     return "\u0625\u064A\u0642\u0627\u0641 \u0627\u0644\u062A\u062C\u0645\u064A\u0639 \u062D\u0633\u0628 ".concat(name);
   },
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
+  detailPanelToggle: 'اظهار/اخفاء لوحة التفاصيل',
   expandDetailPanel: 'توسيع',
-  collapseDetailPanel: 'طوي'
-
+  collapseDetailPanel: 'طوي',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
-
+  rowReorderingHeaderName: 'أعادة ترتيب الصفوف',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'الدلالات الحسابية',
+  aggregationFunctionLabelSum: 'مجموع',
+  aggregationFunctionLabelAvg: 'معدل',
+  aggregationFunctionLabelMin: 'الحد الادنى',
+  aggregationFunctionLabelMax: 'الحد الاقصى',
+  aggregationFunctionLabelSize: 'الحجم'
 };
-
 export var arSD = getGridLocalization(arSDGrid, arSDCore);