@mui/x-data-grid 5.0.0-beta.4 → 5.0.0

package/CHANGELOG.md

@@ -3,6 +3,406 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.0.0
+
+_Nov 15, 2021_
+
+🎉 This is the new stable release of the data grid component 🎉!
+
+If you want to migrate the DataGrid or DataGridPro from v4 to v5, take a look at the [migration guide](https://mui.com/components/data-grid/migration-v4/).
+This version is fully compatible with `@mui/material@5.X` and can be used with `@material-ui/core@4.x` with some additional steps as described [here](https://mui.com/components/data-grid/migration-v4/#using-mui-x-v5-with-mui-core-v4)
+
+A big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- ⌨️ Enhance keyboard navigation when pagination is enabled
+- 👁 Better support for flex columns
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.0.0` / `@mui/x-data-grid-pro@v5.0.0`
+
+#### Breaking changes
+
+- [DataGrid] The following CSS classes were renamed to follow the internal convention:
+
+  - `MuiDataGrid-columnsContainer` was renamed to `MuiDataGrid-columnHeaders`
+  - `MuiDataGrid-columnHeaderWrapper` was renamed to `MuiDataGrid-columnHeadersInner`
+  - The `scroll` class applied to `MuiDataGrid-columnHeaderWrapper` was renamed to `MuiDataGrid-columnHeadersInner--scrollable`
+
+- [DataGrid] The `props.components.Checkbox` and `props.componentsProps.checkbox` props were renamed to `props.components.BaseCheckbox` and `props.componentsProps.baseCheckbox` respectively.
+
+  As a first step for [#3066](https://github.com/mui-org/material-ui-x/issues/3066), these slots were renamed to clearly indicate that they are meant to replace a core component.
+
+  ```diff
+   <DataGrid
+    components={{
+  -    checkbox: MyCustomCheckbox,
+  +    BaseCheckbox: MyCustomCheckbox,
+    }}
+    componentsProps={{
+  -    checkbox: {},
+  +    baseCheckbox: {},
+    }}  
+  />;
+  ```
+
+  **Note**: these changes apply to both the `DataGrid` and `DataGridPro` components.
+
+#### Changes
+
+- [DataGrid] Block multi-rows updates in `apiRef.current.updateRows` on the Community plan (#3095) @flaviendelangle
+- [DataGrid] Fix filter not working after deleting the value (#3018) @m4theushw
+- [DataGrid] Fix performance regression when selecting 100k rows (#3077) @m4theushw
+- [DataGrid] Fix `apiRef.current.updateRows` to not share rows from other instances (#3127) @m4theushw
+- [DataGrid] Fix flex space allocation to not cause a horizontal scroll when there is enough space (#3099) @flaviendelangle
+- [DataGrid] Improve the filter panel behaviors (#3080) @flaviendelangle
+- [DataGrid] Fix keyboard navigation between column headers and rows when not on the first page (#3086) @flaviendelangle
+- [DataGrid] Fix keyboard navigation between rows when not on the first page (#3074) @flaviendelangle
+- [DataGrid] Prevents bubbling in menu header (#3000) @alexfauquette
+- [DataGrid] Remove unused rendering state and selectors (#3133) @flaviendelangle
+- [DataGrid] Rename `Checkbox` component and props slots to `BaseCheckbox` (#3142) @DanailH
+
+### Core
+
+- [core] Adapt changelog script to GitHub DOM modification (#3087) @alexfauquette
+- [core] Automatically close issues that are incomplete and inactive (#3029) @oliviertassinari
+- [core] Improve the typing of `LicenseStatus` (#3141) @Himself65
+- [core] Make `useGridColumnsPreProcessing` generic (#3092) @m4theushw
+- [core] Move column headers virtualization to hook (#3078) @m4theushw
+- [core] Move virtualization logic to hook (#3079) @m4theushw
+- [core] Rename directories to match new packages new names (#3088) @flaviendelangle
+- [core] Replace `createClientRender` with new `createRenderer` API (#3125) @flaviendelangle
+- [core] Store the event manager in a key of `GridApi` instead of making the whole `GridApi` extend it (#3069) @flaviendelangle
+- [core] Update monorepo (#3139) @m4theushw
+- [core] Use `unstable_` prefix instead of `unsafe_` for private APIs (#3090) @flaviendelangle
+- [core] Use official MUI repo as monorepo (#3084) @m4theushw
+
+### Docs
+
+- [docs] Fix broken example in the component slot example (#3123) @Himself65
+- [docs] Fix inline previews (#3081) @DanailH
+- [docs] Fix the client-side validation link clarity (#3100) @oliviertassinari
+- [docs] Improve `rowCount` CSS class description (#3072) @ZeeshanTamboli
+- [docs] Use core repo constants for doc internationalization (#3143) @flaviendelangle
+
+## 5.0.0-beta.7
+
+_Nov 4, 2021_
+
+- 💅 Reduce styles specificity to make simpler to override (#3012) @DanailH
+- 🌍 Add Hebrew (heIL) locale (#3028) @ColdAtNight
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.0.0-beta.7` / `@mui/x-data-grid-pro@v5.0.0-beta.7`
+
+#### Breaking changes
+
+- [core] Prefix selectors from `useGridContainerProps` with `unsafe` (#3002) @flaviendelangle
+
+  The dimension API is being temporarily made private to allow to clean it in future minor releases. The current approach causes useless re-renders.
+  If you relay on any of these selectors, open an issue explaining the use case so that will be taken into account when refactoring them.
+
+  The following selectors were prefixed by `unstable_`. Use the provided alternatives.
+
+  1. `gridContainerSizesSelector` was renamed to `unstable_gridContainerSizesSelector`
+  2. `gridViewportSizesSelector` was renamed to `unstable_gridViewportSizesSelector`
+  3. `gridScrollBarSizeSelector` was renamed to `unstable_gridScrollBarSizeSelector`
+
+  The following selectors were removed. You can hard-code their logic in your application if you really need them.
+
+  1. `gridDataContainerSizesSelector`
+
+  ```ts
+  const dataContainerSizes = gridContainerSizesSelector(state)?.dataContainerSizes ?? null;
+  ```
+
+  2. `gridDataContainerHeightSelector`
+
+  ```ts
+  const dataContainerHeight = gridContainerSizesSelector(state)?.dataContainerSizes.height ?? null;
+  ```
+
+  The selector `gridViewportSizeStateSelector` was a duplicate and has been removed, you can use the selector `unstable_gridViewportSizesSelector` instead.
+
+#### Changes
+
+- [DataGrid] Add Hebrew (heIL) locale (#3028) @ColdAtNight
+- [DataGrid] Move virtualization logic to hook (#3079) @m4theushw
+- [DataGrid] Revert year change in the MIT license (#3059) @oliviertassinari
+- [DataGrid] Fix filtering of nullish numeric cells (#3070) @flaviendelangle
+- [DataGrid] Improve performance when selecting 100k rows (#3077) @m4theushw
+- [DataGrid] Fix `GridEditDateCell` to handle timezone correctly (#2918) @flaviendelangle
+- [DataGrid] Fix keyboard navigation on page > 0 (#3074) @flaviendelangle
+- [DataGrid] Prevents bubbling in menu header (#3000) @alexfauquette
+- [DataGrid] Fix wrong params provided to `cellModeChange` when `setCellMode` is called (#3025) @flaviendelangle
+
+### Core
+
+- [core] Adapt `useDemoData` for Tree Data (#2978) @flaviendelangle
+- [core] Group update of MUI Core (#3055) @oliviertassinari
+- [core] Ignore `*.tsbuildinfo` files (#3068) @m4theushw
+- [core] Implement tree-based row management (#2996) @flaviendelangle
+- [core] Invert Codesandbox examples on README (#3073) @flaviendelangle
+- [core] Prefix selectors from `useGridContainerProps` with `unsafe` (#3002) @flaviendelangle
+- [core] Reduce `setGridState` and `applyFilters` call when updating `filterModel` (#3023) @flaviendelangle
+- [core] Reduce styles complexity (#3012) @DanailH
+- [core] Upgrade monorepo (#3067) @m4theushw
+- [core] Use official MUI repo as monorepo (#3084) @m4theushw
+- [test] Retry each expect until success (#3027) @m4theushw
+- [core] Adapt changelog script to new GitHub DOM (#3087) @alexfauquette
+
+### Docs
+
+- [docs] Explain how to use `valueGetter` to transform type (#3003) @alexfauquette
+- [docs] Fix the outdated demo of the docs (#3058) @oliviertassinari
+- [docs] Fix inline previews #3081) @DanailH
+
+## 5.0.0-beta.6
+
+_Oct 29, 2021_
+
+A big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- ✨ Allow `valueOptions` from `GridColDef` to accept a function (#2850) @alexfauquette
+- 💅 Prefix undocumented `apiRef` methods with `unsafe_` (#2985) @flaviendelangle
+- 👁 Unify filtering, sorting, and rows selectors names (#2942) @flaviendelangle
+- 💡 Support style overrides added in the theme (#2995) @DanailH
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.0.0-beta.6` / `@mui/x-data-grid-pro@v5.0.0-beta.6`
+
+#### Breaking changes
+
+- [DataGridPro] The following methods from `apiRef` were renamed. Use the provided alternatives. (#2870) @flaviendelangle
+
+  1. `apiRef.current.applyFilters` was renamed to `apiRef.current.unsafe_applyFilters`
+  2. `apiRef.current.applyFilterLinkOperator` was renamed to `apiRef.current.setFilterLinkOperator`
+  3. `apiRef.current.upsertFilter` was renamed to `apiRef.current.upsertFilterItem`
+  4. `apiRef.current.deleteFilter` was renamed to `apiRef.current.deleteFilterItem`
+
+- [DataGridPro] The `apiRef.current.applyFilter` method was removed. (#2870) @flaviendelangle
+  You should never have to call it directly since the filters are already applied when the `filterModel` prop changes.
+  To manually apply the filters, use `apiRef.current.unsafe_applyFilters`.
+
+  ```diff
+  -apiRef.current.applyFilter
+  +apiRef.current.unsafe_applyFilters
+  ```
+
+- [DataGridPro] Rename filtering, sorting, and rows selectors to match the naming convention (#2942) @flaviendelangle
+
+  1. `unorderedGridRowIdsSelector` was renamed to `gridRowIdsSelector`
+  2. `sortingGridStateSelector` was renamed to `gridSortingStateSelector`
+  3. `sortedGridRowIdsSelector` was renamed to `gridSortedRowIdsSelector`
+  4. `visibleSortedGridRowIdsSelector` was renamed to `gridVisibleSortedRowIdsSelector`
+  5. `visibleGridRowCountSelector` was renamed to `gridVisibleRowCountSelector`
+  6. `filterGridColumnLookupSelector` was renamed to `gridFilterActiveItemsSelector`
+
+- [DataGridPro] The `sortedGridRowsSelector` was renamed to `gridSortedRowEntriesSelector` (#2942) @flaviendelangle
+
+  The return value was also changed as below:
+
+  ```diff
+  -sortedGridRowsSelector: (state: GridState) => Map<GridRowId, GridRowModel>
+  -const map = sortedGridRowsSelector(state);
+  +gridSortedRowEntriesSelector: (state: GridState) => GridRowEntry[]
+  +const map = new Map(gridSortedRowEntriesSelector(state).map(row => [row.id, row.model]));
+  ```
+
+- [DataGridPro] The `visibleSortedGridRowsSelector` was replaced with `gridVisibleSortedRowEntriesSelector` (#2942) @flaviendelangle
+
+  The return value was also changed as below:
+
+  ```diff
+  -visibleSortedGridRowsSelector: (state: GridState) => Map<GridRowId, GridRowModel>;
+  -const map = visibleSortedGridRowsSelector(state);
+  +gridVisibleSortedRowEntriesSelector: (state: GridState) => GridRowEntry[]
+  +const map = new Map(gridVisibleSortedRowEntriesSelector(state).map(row => [row.id, row.model]));
+  ```
+
+- [DataGridPro] The `visibleSortedGridRowsAsArraySelector` was replaced with `gridVisibleSortedRowEntriesSelector` (#2942) @flaviendelangle
+
+  The return value was also changed as below:
+
+  ```diff
+  -visibleSortedGridRowsAsArraySelector: (state: GridState) => [GridRowId, GridRowData][];
+  +gridVisibleSortedRowEntriesSelector: (state: GridState) => GridRowEntry[]
+  ```
+
+- [DataGridPro] The `filterGridItemsCounterSelector` selector was removed. (#2942) @flaviendelangle
+  Use `gridFilterActiveItemsSelector` as replacement.
+
+  ```diff
+  -const filterCount = filterGridItemsCounterSelector(state);
+  +const filterCount = gridFilterActiveItemsSelector(state).length;
+  ```
+
+- [DataGridPro] The `unorderedGridRowModelsSelector` selector was removed. (#2942) @flaviendelangle
+  Use `apiRef.current.getRowModels` or `gridRowIdsSelector` and `gridRowsLookupSelector`.
+
+#### Changes
+
+- [DataGrid] Allow `valueOptions` to accept a function (#2850) @alexfauquette
+- [DataGrid] Add `overridesResolver` (#2995) @DanailH
+- [DataGrid] Unify filtering, sorting, and rows selectors names (#2942) @flaviendelangle
+- [DataGridPro] Prefix undocumented `apiRef` methods with `unsafe_` (#2985) @flaviendelangle
+
+### Docs
+
+- [docs] Explain how to use MUI X v5 with MUI Core v4 (#2846) @m4theushw
+- [docs] Generate docs for components (#2465) @m4theushw
+- [docs] Improve `scrollEndThreshold` API docs (#3001) @ZeeshanTamboli
+- [docs] Fix CodeSandbox and feature request templates (#2986) @flaviendelangle
+
+### Core
+
+- [core] Add step for announcing the releases on Twitter (#2997) @DanailH
+- [core] Apply all filters to a row before moving to the next one (#2870) @flaviendelangle
+- [core] Change monorepo repository URL (#2983) @m4theushw
+- [core] Clean Storybook examples (#2805) @flaviendelangle
+- [core] Generate list of all grid exports (#2801) @flaviendelangle
+- [core] Improve typing of `buildApi.ts` (#2922) @flaviendelangle
+- [core] Add additional test for `checkboxSelection` toggling (#2979) @flaviendelangle
+- [test] Fix flaky visual regression test (#2981) @m4theushw
+
+## 5.0.0-beta.5
+
+_Oct 22, 2021_
+
+A big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
+
+- 💅 Remove dependency on `@mui/styles` and use the same styling solution from MUI Core (#2784) @DanailH
+- ✨ Add support for generics in `GridRowParams`, `GridCellParams` and `GridRenderCellParams` (#2436) @ZeeshanTamboli
+- 👁 Rework the virtualization engine (#2673) @m4theushw
+- 💡 Enhance internal code structure
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.0.0-beta.5` / `@mui/x-data-grid-pro@v5.0.0-beta.5`
+
+#### Breaking changes
+
+- The `DataGrid` and `DataGridPro` no longer depends on `@mui/styles`. Use `styled` to provide custom styling. (#2784) @DanailH
+
+  ```diff
+  -import { createTheme } from '@mui/material/styles';
+  -import { makeStyles } from '@mui/styles';
+  +import { styled } from '@mui/material/styles';
+  ```
+
+  The following CSS classes were renamed:
+
+  - `.MuiDataGrid-gridMenuList` was renamed to `.MuiDataGrid-menuList`
+  - `.MuiGridToolbarContainer-root` was renamed to `.MuiDataGrid-toolbarContainer`
+  - `.MuiGridMenu-root` was renamed to `.MuiDataGrid-menu`
+  - `.MuiDataGridColumnsPanel-root` was renamed to `.MuiDataGrid-columnsPanel`
+  - `.MuiGridPanel-root` was renamed to `.MuiDataGrid-panel`
+  - `.MuiGridPanelContent-root` was renamed to `.MuiDataGrid-panelContent`
+  - `.MuiGridPanelFooter-root` was renamed to `.MuiDataGrid-panelFooter`
+  - `.MuiDataGridPanelHeader-root` was renamed to `.MuiDataGrid-panelHeader`
+  - `.MuiGridPanelWrapper-root` was renamed to `.MuiDataGrid-panelWrapper`
+  - `.MuiGridFilterForm-root` was renamed to `.MuiDataGrid-filterForm`
+  - `.MuiGridToolbarFilterButton-root` was renamed to `.MuiDataGrid-toolbarFilterList`
+
+- [DataGrid] The CSS classes `.MuiDataGrid-window` and `.MuiDataGrid-windowContainer` were removed (#2673) @m4theushw
+
+  The following CSS classes were renamed:
+
+  - `.MuiDataGrid-viewport` was renamed to `.MuiDataGrid-virtualScroller`
+  - `.MuiDataGrid-dataContainer` was renamed to `.MuiDataGrid-virtualScrollerContent`
+  - `.MuiDataGrid-renderingZone` was renamed to `.MuiDataGrid-virtualScrollerRenderZone`
+
+- [DataGrid] Remove the `useGridSlotComponentProps` hook and replace it as below: (#2856) @flaviendelangle
+
+  ```diff
+  -const { apiRef, state, rootElement } = useGridSlotComponentProps();
+  +const apiRef = useGridApiContext();
+  +const [state] = useGridState(apiRef);
+  +const rootElement = apiRef.current.rootElementRef;
+  ```
+
+- [DataGrid] Remove the `state` prop and use the `initialState` prop (#2848) @flaviendelangle
+
+  Note that `initialState` only allows the `preferencePanel`, `filter.filterModel` and `sort.sortModel` keys.
+  To fully control the state, use the the feature's model prop and change callback (e.g. `filterModel` and `onFilterModelChange`).
+
+  ```diff
+  <DataGrid
+  -  state={{
+  +  initialState={{
+      preferencePanel: {
+        open: true,
+        openedPanelValue: GridPreferencePanelsValue.filters,
+      },
+    }}
+  />
+  ```
+
+- [DataGridPro] Remove the `onViewportRowsChange` prop and the `viewportRowsChange` event (#2673) @m4theushw
+
+  A listener on the `rowsScroll` event, as shown below, can be used to replace the prop:
+
+  ```tsx
+  const apiRef = useGridApiRef();
+  const prevRenderContext = React.useRef(null);
+
+  React.useEffect(() => {
+    return apiRef.current.subscribeEvent('rowsScroll', ({ renderContext }) => {
+      if (
+        !prevRenderContext.current ||
+        renderContext.firstRowIdx !== prevRenderContext.current.firstRowIndex ||
+        renderContext.lastRowIdx !== prevRenderContext.current.lastRowIndex
+      ) {
+        prevRenderContext.current = renderContext;
+        const params = {
+          firstRowIndex: renderContext.firstRowIndex,
+          lastRowIndex: renderContext.lastRowIndex,
+        };
+      }
+    });
+  }, [apiRef]);
+
+  <DataGridPro apiRef={apiRef} />;
+  ```
+
+#### Changes
+
+- [DataGrid] Add `valueSetter` (#2876) @m4theushw
+- [DataGrid] Add support for generic types in `GridRowParams`, `GridCellParams`, `GridRenderCellParams` (#2436) @ZeeshanTamboli
+- [DataGrid] Fix `actions` column type to not select the row when clicking on an item (#2862) @m4theushw
+- [DataGrid] Fix column headers misalignment when the render context changes (#2937) @m4theushw
+- [DataGrid] Rework virtualization (#2673) @m4theushw
+- [DataGrid] Remove `@mui/styles` dependency (#2784) @DanailH
+- [DataGrid] Remove `useGridSlotComponentProps` (#2856) @flaviendelangle
+- [DataGrid] Replace `prop.state` with `prop.initialState` (#2848) @flaviendelangle
+- [DataGrid] Use true content height to dispatch `rowsScrollEnd` (#2938) @m4theushw
+- [DataGrid] Fix the typing of `GridToolbarFilterButton` (#2841) @alexfauquette
+
+### Docs
+
+- [docs] Improve the README for releases (#2908) @flaviendelangle
+- [docs] Re-add Pro icon (#2928) @m4theushw
+- [docs] Fix to not commit changes when clicking outside the cell (#2906) @ZeeshanTamboli
+- [docs] Update link to Quick Filter issue (#2909) @m4theushw
+
+### Core
+
+- [core] Small fixes on the Components page (#2877) @flaviendelangle
+- [core] Make each feature hook responsible for its column pre-processing (#2839) @flaviendelangle
+- [core] Add `useGridRowGroupsPreProcessing` internal hook (#2840) @flaviendelangle
+- [core] Register events async if not registered (#2916) @m4theushw
+- [core] Remove `material-ui-utils.ts` (#2872) @DanailH
+- [core] Remove outdated hooks requirements (#2939) @flaviendelangle
+- [core] Remove test event (#2912) @m4theushw
+- [core] Remove unused `GridSlotComponentProps` interface (#2911) @flaviendelangle
+- [core] Rename 'UNSTABLE_' prefix to 'unstable_' (#2931) @flaviendelangle
+- [core] Replace usage of `GridRowData` with `GridRowModel` (#2936) @flaviendelangle
+- [core] Revert hardcoded typings (#2907) @DanailH
+- [core] Simplify the CSV export (#2941) @flaviendelangle
+- [core] Update monorepo version (#2927) @m4theushw
+- [test] Take screenshot of the print export (#2881) @m4theushw
+
 ## 5.0.0-beta.4
 
 _Oct 14, 2021_
@@ -10,7 +410,7 @@ _Oct 14, 2021_
 A big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
 
 - 🎁 Add the ability to print the grid (#2519) @DanailH
-  
+
   This new feature adds a button to the toolbar to generate a printer-friendly layout. Check the [documentation](https://mui.com/components/data-grid/export/#print) about it.
 
 - 💡 Enhance internal code structure
@@ -46,11 +446,11 @@ A big thanks to the 7 contributors who made this release possible. Here are some
   +  }}
   +/>;
   ```
-  
+
   The `data-rowindex` and `data-rowselected` attributes were removed from the cell element. Equivalent attributes can be found in the row element.
-  
+
   The `data-editable` attribute was removed from the cell element. Use the `.MuiDataGrid-cell--editable` CSS class.
-  
+
   The `data-mode` attribute was removed from the cell element. Use the `.MuiDataGrid-cell--editing` CSS class.
 
 - [DataGrid] The `state.filter` and `state.visibleRows` were merged into a single `state.filter` sub-state (#2782) @flaviendelangle
@@ -62,12 +462,12 @@ A big thanks to the 7 contributors who made this release possible. Here are some
   -const filterModel = gridFilterStateSelector(state)
   +const filterModel = state.filter.filterModel
   +const filterModel = gridFilterModelSelector(state) // preferred method
-  
+
   -const visibleRowsLookup = state.visibleRows.visibleRowsLookup
   -const visibleRowsLookup = visibleGridRowsStateSelector(state).visibleRowsLookup
   +const visibleRowsLookup = state.filter.visibleRowsLookup
   +const visibleRowsLookup = gridVisibleRowsLookupSelector(state).visibleRowsLookup // preferred method
-  
+
   -const visibleRows = state.visibleRows.visibleRows
   +const visibleRows = state.filter.visibleRows
   +const visibleRows = gridVisibleRowsLookupSelector(state).visibleRows // preferred method
@@ -78,22 +478,22 @@ A big thanks to the 7 contributors who made this release possible. Here are some
   ```diff
   -const columnHeaderClass = GRID_COLUMN_HEADER_CSS_CLASS
   +const columnHeaderClass = gridClasses.columnHeader
-  
+
   -const rowClass = GRID_ROW_CSS_CLASS
   +const rowClass = gridClasses.row
-  
+
   -const cellClass = GRID_CELL_CSS_CLASS
   +const cellClass = gridClasses.cell
-  
+
   -const columnSeparatorClass = GRID_COLUMN_HEADER_SEPARATOR_RESIZABLE_CSS_CLASS
   +const columnSeparatorClass = gridClasses['columnSeparator--resizable']
-  
+
   -const columnHeaderTitleClass = GRID_COLUMN_HEADER_TITLE_CSS_CLASS
   +const columnHeaderTitleClass = gridClasses.columnHeaderTitle
-  
+
   -const columnHeaderDropZoneClass = GRID_COLUMN_HEADER_DROP_ZONE_CSS_CLASS
   +const columnHeaderDropZoneClass = gridClasses.columnHeaderDropZone
-  
+
   -const columnHeaderDraggingClass = GRID_COLUMN_HEADER_DRAGGING_CSS_CLASS
   +const columnHeaderDraggingClass = gridClasses["columnHeader--dragging"]
   ```
@@ -111,16 +511,16 @@ A big thanks to the 7 contributors who made this release possible. Here are some
   ```diff
   -const isColumnString = column.type === GRID_STRING_COLUMN_TYPE;
   +const isColumnString = col.type === 'string';
-  
+
   -const isColumnNumber = col.type === GRID_NUMBER_COLUMN_TYPE;
   +const isColumnNumber = col.type === 'number';
-  
+
   -const isColumnDate = col.type === GRID_DATE_COLUMN_TYPE;
   +const isColumnDate = col.type === 'date';
-  
+
   -const isColumnDateTime = col.type === GRID_DATETIME_COLUMN_TYPE;
   +const isColumnDateTime = col.type === 'dateTime';
-  
+
   -const isColumnBoolean = col.type === GRID_BOOLEAN_COLUMN_TYPE;
   +const isColumnBoolean = col.type === 'boolean';
   ```
@@ -133,13 +533,13 @@ A big thanks to the 7 contributors who made this release possible. Here are some
   -const [filterModel, setFilterModel] = React.useState(getInitialGridFilterState);
   +const [filterModel, setFilterModel] = React.useState(getDefaultGridFilterModel);
   ```
-  
+
   For the other methods, you can hardcode the value you want to apply:
 
   ```diff
   -const [sortModel, setSortModel] = React.useState(() => getInitialGridSortingState().sortModel);
   +const [sortModel, setSortModel] React.useState([]);
-  
+
   -getInitialGridColumnReorderState
   -getInitialGridColumnResizeState
   -getInitialGridColumnsState

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Material-UI SAS
+Copyright (c) 2020 Material-UI SAS
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -20,7 +20,6 @@ This component has three peer dependencies that you will need to install as well
 ```json
 "peerDependencies": {
   "@mui/material": "^5.0.0",
-  "@mui/styles": "^5.0.0",
   "react": "^17.0.0"
 },
 ```