Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[DataGrid] Sticky headers #10059

Merged
merged 212 commits into from
Jan 16, 2024
Merged
Show file tree
Hide file tree
Changes from 194 commits
Commits
Show all changes
212 commits
Select commit Hold shift + click to select a range
c18d275
feat: split headers
romgrk Aug 16, 2023
6d7cd55
lint
romgrk Aug 16, 2023
4ae2c9b
lint
romgrk Aug 16, 2023
7906381
Merge branch 'master' into feat-sticky-headers
romgrk Oct 3, 2023
4cb08e5
lint
romgrk Oct 3, 2023
935f469
lint
romgrk Oct 3, 2023
3d7fb3c
refactor: virtualization code
romgrk Oct 3, 2023
4d26ef0
fix: render zone left offset
romgrk Oct 3, 2023
2e50f76
refactor: GridPinnedRows & dimensions API
romgrk Oct 3, 2023
63cfcfe
feat: main layout logic implementation
romgrk Oct 5, 2023
14f14e8
fix: layout issues
romgrk Oct 6, 2023
ecc5454
fix: pin right
romgrk Oct 6, 2023
0c2afda
Merge branch 'master' into feat-sticky-headers
romgrk Oct 12, 2023
a66ccba
lint
romgrk Oct 15, 2023
1698125
refactor
romgrk Oct 15, 2023
cc6c454
refactor: useResizeObserver
romgrk Oct 15, 2023
3ffac45
refactor: non-null core refs
romgrk Oct 15, 2023
d298072
refactor: constant rootElementRef
romgrk Oct 15, 2023
86dda88
refactor: more rootElementRef
romgrk Oct 15, 2023
8fb8418
refactor: simplify grid body/main
romgrk Oct 15, 2023
ae6c195
refactor: rootElementRef public
romgrk Oct 15, 2023
6c0e4d7
lint
romgrk Oct 15, 2023
f7b9a3f
lint
romgrk Oct 16, 2023
cc1ddbb
refactor: main => scrollerContainer
romgrk Oct 16, 2023
fa4f7f1
lint
romgrk Oct 17, 2023
1de974a
feat: fake scrollbars
romgrk Oct 17, 2023
56a35a5
refactor: move pinning state to community
romgrk Oct 19, 2023
0f73537
lint
romgrk Oct 19, 2023
3738f2a
refactor: remove getIndexesToRender
romgrk Oct 19, 2023
3628e82
lint
romgrk Oct 19, 2023
075b228
lint
romgrk Oct 19, 2023
03ddbf4
Merge branch 'master' into feat-sticky-headers
romgrk Oct 20, 2023
fad9a0a
Merge branch 'master' into feat-sticky-headers
romgrk Oct 20, 2023
86ff69e
feat: fake scrollbars
romgrk Oct 20, 2023
0c054a8
lint
romgrk Oct 20, 2023
55e7b07
feat: style fixups
romgrk Oct 22, 2023
7f8cb1d
refactor: move pinned columns selectors to community
romgrk Oct 22, 2023
c8ffef6
fix: bottom row margin
romgrk Oct 22, 2023
44f2fbd
feat: detail panels
romgrk Oct 24, 2023
dc9ca54
refactor
romgrk Oct 24, 2023
203d27a
fix: detail panel children
romgrk Oct 24, 2023
56da663
lint
romgrk Oct 24, 2023
41cc89d
Merge branch 'master' into feat-sticky-headers
romgrk Oct 24, 2023
701eae4
Merge branch 'master' into feat-sticky-headers
romgrk Oct 31, 2023
8233bdb
perf: memo grid headers
romgrk Nov 2, 2023
b83fe9c
fix: dimensions calculation
romgrk Nov 5, 2023
f9f5c56
refactor: focused cell code
romgrk Nov 5, 2023
da267dd
Merge branch 'next' into feat-sticky-headers
romgrk Nov 8, 2023
1b8b02c
lint
romgrk Nov 8, 2023
a82feef
lint
romgrk Nov 14, 2023
d38ebbd
lint
romgrk Nov 14, 2023
9b0f616
test: fix 1
romgrk Nov 14, 2023
2718a5a
fix: test 1
romgrk Nov 14, 2023
2b99fab
test: remove hovered tests
romgrk Nov 14, 2023
a4db84c
test: remove 3 pinning+offset
romgrk Nov 15, 2023
a2bea63
test: layout, shadows
romgrk Nov 15, 2023
a303879
test: remove pinning+dynamic
romgrk Nov 16, 2023
4a62408
fix: layout when < viewport width
romgrk Nov 16, 2023
f68d919
lint
romgrk Nov 16, 2023
e47d95d
lint+test
romgrk Nov 17, 2023
0e06b0c
test: spaces
romgrk Nov 17, 2023
6272202
fix: style
romgrk Nov 23, 2023
110b7c5
test: fix detail panel
romgrk Nov 23, 2023
dead150
test: row pinning colindex
romgrk Nov 23, 2023
afa6c9b
test: header filter operator menu
romgrk Nov 24, 2023
846e25c
test: print export className main
romgrk Nov 24, 2023
11c8f3f
test: row pinning + variable height
romgrk Nov 24, 2023
6410279
fix: test
romgrk Nov 24, 2023
fb4314e
test: row pinning
romgrk Nov 24, 2023
8960e13
fix: dimensions autoPageSize
romgrk Nov 24, 2023
51c4257
lint
romgrk Nov 24, 2023
a4d0818
Merge branch 'next' into feat-sticky-headers
romgrk Nov 27, 2023
abd793a
test: last row offset
romgrk Nov 27, 2023
1c17fcd
fix: style prop from #11215
romgrk Nov 27, 2023
2fd5909
refactor: remove dead prop from #11214
romgrk Nov 27, 2023
e143d7b
test: row virtualization
romgrk Nov 28, 2023
f8db852
test: improve helpers
romgrk Nov 29, 2023
327e63a
test: fix layout & warnings
romgrk Nov 29, 2023
aa6e3db
test: refix some tests
romgrk Nov 29, 2023
32b9020
test: row height
romgrk Nov 29, 2023
2a3fce4
fix: scroll, layout, borders
romgrk Dec 1, 2023
b77b9a0
fix: styles
romgrk Dec 1, 2023
6636d40
lint
romgrk Dec 1, 2023
8a0af2f
test: row pinning border bottom thing
romgrk Dec 1, 2023
008b653
test: no comment
romgrk Dec 1, 2023
caa9825
test: height
romgrk Dec 1, 2023
ce42ff2
test: toolbar density
romgrk Dec 1, 2023
4a1cd39
lint
romgrk Dec 1, 2023
820a4ee
Merge branch 'next' into feat-sticky-headers
romgrk Dec 1, 2023
3d23c83
lint: safe changes
romgrk Dec 1, 2023
795b7b0
lint
romgrk Dec 1, 2023
331e4ea
lint
romgrk Dec 1, 2023
65d30a1
lint
romgrk Dec 1, 2023
e8a056a
lint
romgrk Dec 1, 2023
ed35cf5
lint
romgrk Dec 1, 2023
fe9f8af
lint
romgrk Dec 1, 2023
5c734f8
lint
romgrk Dec 1, 2023
99cabde
fix: column headers virtualization
romgrk Dec 4, 2023
fde3fab
lint
romgrk Dec 4, 2023
c9eeb42
fix: detail panel layout
romgrk Dec 4, 2023
17fd23c
Merge branch 'next' into feat-sticky-headers
romgrk Dec 4, 2023
9d4772e
test: pick from #11215
romgrk Dec 4, 2023
84f98ab
lint
romgrk Dec 4, 2023
d94de78
refactor
romgrk Dec 4, 2023
c09544c
test: detail panel height xxx
romgrk Dec 5, 2023
9afd37c
feat: styling
romgrk Dec 5, 2023
a194900
lint
romgrk Dec 5, 2023
a19b281
Merge branch 'next' into feat-sticky-headers
romgrk Dec 5, 2023
de59ae6
fix: style
romgrk Dec 5, 2023
47f8794
lint
romgrk Dec 6, 2023
2fc6e33
fix: detail panels
romgrk Dec 6, 2023
34e46be
fix: missed refactoring
romgrk Dec 6, 2023
7c54178
fix: use fillers instead of padding for scrollbar spaces
romgrk Dec 7, 2023
d5af592
fix: test
romgrk Dec 7, 2023
165f092
fix: detail panel autoheight with resize observer
romgrk Dec 8, 2023
af74f7a
perf: remove repeat setState on wheel events
romgrk Dec 8, 2023
b24d6c6
fix: pinning & render context :|
romgrk Dec 8, 2023
5104fb8
lint
romgrk Dec 8, 2023
a08e127
lint
romgrk Dec 8, 2023
06a84b1
lint
romgrk Dec 8, 2023
35aa98e
lint: types
romgrk Dec 11, 2023
675c710
refactor: remove renderContext
romgrk Dec 11, 2023
ba198d7
test: columnBuffer prop
romgrk Dec 11, 2023
1daf112
fix: remove width that breaks resize
romgrk Dec 12, 2023
f4c6c75
lint
romgrk Dec 13, 2023
48619cd
Merge branch 'next' into feat-sticky-headers
cherniavskii Dec 15, 2023
3145945
refactor: make visiblePinnedColumns a selector
romgrk Dec 17, 2023
1809e93
Merge branch 'feat-sticky-headers' of github.com:romgrk/mui-x into fe…
romgrk Dec 17, 2023
d70a631
feat: remove pinned box-shadows for now
romgrk Dec 17, 2023
8697661
Fix header filters regression
MBilalShafi Dec 18, 2023
3c60375
fix: scrollbar not appearing in macOS & gnome
romgrk Dec 18, 2023
143556f
Merge branch 'feat-sticky-headers' of github.com:romgrk/mui-x into fe…
romgrk Dec 18, 2023
28bf055
fix: resizing for pinned cols
romgrk Dec 19, 2023
f34e2fb
lint
romgrk Dec 19, 2023
faa3c28
build: update
romgrk Dec 19, 2023
da77da1
fix: tabIndex in firefox
romgrk Dec 19, 2023
44306e6
Merge branch 'next' into feat-sticky-headers
cherniavskii Dec 20, 2023
db7b1c3
lint: typescript
romgrk Dec 20, 2023
c0acdca
Merge branch 'feat-sticky-headers' of github.com:romgrk/mui-x into fe…
romgrk Dec 20, 2023
8974a99
fix data grid crash when used inside CssVarsProvider
cherniavskii Dec 20, 2023
19a0b1d
lint
romgrk Dec 21, 2023
b2c3046
fix: style
romgrk Dec 21, 2023
80013ba
fix: row problems
romgrk Dec 21, 2023
09f9405
Merge branch 'next' into feat-sticky-headers
romgrk Jan 2, 2024
8c4a3a0
fix: spanned columns border color
romgrk Jan 2, 2024
a37254e
refactor: remove typings from cell slot
romgrk Jan 2, 2024
773cdde
fix: add back width:0 on menuIcon
romgrk Jan 2, 2024
19834c3
fix: resizing+autosizing
romgrk Jan 2, 2024
735d0b8
build: proptypes
romgrk Jan 2, 2024
2f9baa6
test: update column resizing
romgrk Jan 2, 2024
b6eab18
docs: api
romgrk Jan 2, 2024
c20f05e
fix: border-radius style
romgrk Jan 3, 2024
d50db54
fix: prefixed classNames
romgrk Jan 3, 2024
c6da399
make tests pass in jsdom
cherniavskii Jan 3, 2024
1a925a6
skip some tests in jsdom
cherniavskii Jan 3, 2024
af2f722
make row grouping tests pass
cherniavskii Jan 3, 2024
1c7fb63
Merge branch 'feat-sticky-headers' of github.com:romgrk/mui-x into fe…
romgrk Jan 4, 2024
8539fd4
fix: resizing bug with right pinned cols
romgrk Jan 5, 2024
f5fdea7
lint
romgrk Jan 5, 2024
0d3ef55
fix grid panel position
cherniavskii Jan 5, 2024
4f9e0a7
fix failing tests
cherniavskii Jan 5, 2024
0746e76
lint
cherniavskii Jan 5, 2024
db37564
fix header cell content shift on column menu close
cherniavskii Jan 5, 2024
b0a3680
Merge branch 'next' into feat-sticky-headers
romgrk Jan 8, 2024
70f6cd6
fix: border-radius style
romgrk Jan 8, 2024
302c2dc
Merge branch 'feat-sticky-headers' of github.com:romgrk/mui-x into fe…
romgrk Jan 8, 2024
53e3661
fix overlays position
cherniavskii Jan 9, 2024
0d61ace
avoid using eslint-disable for effect dependencies
cherniavskii Jan 9, 2024
11b3193
update comment
cherniavskii Jan 9, 2024
c679e5d
avoid showing both left and right border for right-pinned cells
cherniavskii Jan 9, 2024
93a54e5
update left border color
cherniavskii Jan 9, 2024
feb069f
fix indexInSection for unpinned cells when there are pinned cells
cherniavskii Jan 9, 2024
9fd9e53
show right cell border if grid doesn't have horizontal scroll
cherniavskii Jan 9, 2024
0fb10f6
add comment
cherniavskii Jan 9, 2024
2527605
proptypes
cherniavskii Jan 9, 2024
ed0e87b
Update packages/grid/x-data-grid/src/components/virtualization/GridVi…
romgrk Jan 10, 2024
149c675
Update packages/grid/x-data-grid/src/hooks/features/columnHeaders/use…
romgrk Jan 10, 2024
1747578
Update packages/grid/x-data-grid/src/components/GridRow.tsx
romgrk Jan 10, 2024
e0b5ef9
Merge branch 'feat-sticky-headers' of github.com:romgrk/mui-x into fe…
romgrk Jan 10, 2024
9a79ebf
prettier
cherniavskii Jan 10, 2024
32dafe0
fix failing test
cherniavskii Jan 10, 2024
e614ea5
use viewport width without borders in the test
cherniavskii Jan 10, 2024
c65d1e4
Merge branch 'next' into feat-sticky-headers
cherniavskii Jan 10, 2024
c6c416c
Merge branch 'feat-sticky-headers' of github.com:romgrk/mui-x into fe…
romgrk Jan 10, 2024
48eb7d7
lint
romgrk Jan 10, 2024
248b43a
doc: breaking changes
romgrk Jan 10, 2024
433f99c
lint
romgrk Jan 10, 2024
e7fbea8
lint
romgrk Jan 10, 2024
7c3176c
Merge branch 'next' into feat-sticky-headers
cherniavskii Jan 10, 2024
065ac5c
docs:api
cherniavskii Jan 10, 2024
9e0ddce
Merge branch 'next' into feat-sticky-headers
romgrk Jan 11, 2024
042ba19
Merge branch 'feat-sticky-headers' of github.com:romgrk/mui-x into fe…
romgrk Jan 11, 2024
f0f33a0
lint
romgrk Jan 11, 2024
df21bed
lint
romgrk Jan 11, 2024
7c23dee
doc: migration guide
romgrk Jan 11, 2024
5f4c6d1
prettier
MBilalShafi Jan 11, 2024
15908d5
fix: style
romgrk Jan 12, 2024
414a88c
lint
romgrk Jan 12, 2024
3810f36
lint
romgrk Jan 12, 2024
5d3339e
lint
romgrk Jan 12, 2024
4e5e570
lint
romgrk Jan 12, 2024
35a4da6
lint
romgrk Jan 12, 2024
e23779e
Merge branch 'next' into feat-sticky-headers
romgrk Jan 13, 2024
237d790
Merge branch 'next' into feat-sticky-headers
MBilalShafi Jan 14, 2024
d2bc80e
remove old translation files
cherniavskii Jan 15, 2024
1f34828
Update docs/data/migration/migration-data-grid-v6/migration-data-grid…
cherniavskii Jan 15, 2024
8266f81
fix: resizing & left-pinned cells & filler row
romgrk Jan 15, 2024
5bbc444
Merge branch 'feat-sticky-headers' of github.com:romgrk/mui-x into fe…
romgrk Jan 15, 2024
353818f
doc: update
romgrk Jan 15, 2024
d3e3059
doc: update
romgrk Jan 15, 2024
5ec566d
fix: cell vertical border
romgrk Jan 16, 2024
11c84c5
Fix headerFilterCell slot demo
MBilalShafi Jan 16, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions docs/data/data-grid/column-pinning/ControlPinnedColumns.tsx
romgrk marked this conversation as resolved.
Show resolved Hide resolved
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import * as React from 'react';
import {
DataGridPro,
GridColDef,
GridPinnedColumns,
GridPinnedColumnFields,
GridRowsProp,
} from '@mui/x-data-grid-pro';
import {
Expand All @@ -15,12 +15,12 @@ import Alert from '@mui/material/Alert';
import Box from '@mui/material/Box';

export default function ControlPinnedColumns() {
const [pinnedColumns, setPinnedColumns] = React.useState<GridPinnedColumns>({
const [pinnedColumns, setPinnedColumns] = React.useState<GridPinnedColumnFields>({
left: ['name'],
});

const handlePinnedColumnsChange = React.useCallback(
(updatedPinnedColumns: GridPinnedColumns) => {
(updatedPinnedColumns: GridPinnedColumnFields) => {
setPinnedColumns(updatedPinnedColumns);
},
[],
Expand Down
4 changes: 2 additions & 2 deletions docs/data/data-grid/events/events.json
romgrk marked this conversation as resolved.
Show resolved Hide resolved
Original file line number Diff line number Diff line change
Expand Up @@ -273,8 +273,8 @@
{
"projects": ["x-data-grid", "x-data-grid-pro", "x-data-grid-premium"],
"name": "renderedRowsIntervalChange",
"description": "Fired when the rendered rows index interval changes. Called with a GridRenderedRowsIntervalChangeParams object.",
"params": "GridRenderedRowsIntervalChangeParams",
"description": "Fired when the rendered rows index interval changes. Called with a GridRenderContext object.",
"params": "GridRenderContext",
"event": "MuiEvent<{}>"
},
{
Expand Down
4 changes: 2 additions & 2 deletions docs/data/data-grid/master-detail/FullWidthDetailPanel.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -26,12 +26,12 @@ function DetailPanelContent({ row: rowProp }: { row: Customer }) {
const apiRef = useGridApiContext();
romgrk marked this conversation as resolved.
Show resolved Hide resolved
const [width, setWidth] = React.useState(() => {
romgrk marked this conversation as resolved.
Show resolved Hide resolved
const dimensions = apiRef.current.getRootDimensions();
return dimensions!.viewportInnerSize.width;
romgrk marked this conversation as resolved.
Show resolved Hide resolved
return dimensions.viewportInnerSize.width;
});

const handleViewportInnerSizeChange = React.useCallback(() => {
const dimensions = apiRef.current.getRootDimensions();
setWidth(dimensions!.viewportInnerSize.width);
setWidth(dimensions.viewportInnerSize.width);
}, [apiRef]);

React.useEffect(() => {
Expand Down
2 changes: 1 addition & 1 deletion docs/data/data-grid/performance/GridVisualization.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ const TraceUpdates = React.forwardRef<any, any>((props, ref) => {

const CellWithTracer = React.forwardRef((props, ref) => {
return <TraceUpdates ref={ref} Component={GridCell} {...props} />;
});
}) as typeof GridCell;

const slots = {
cell: CellWithTracer,
Expand Down
4 changes: 2 additions & 2 deletions docs/data/data-grid/style/StripedGrid.js
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ const ODD_OPACITY = 0.2;
const StripedDataGrid = styled(DataGrid)(({ theme }) => ({
[`& .${gridClasses.row}.even`]: {
backgroundColor: theme.palette.grey[200],
'&:hover, &.Mui-hovered': {
'&:hover': {
backgroundColor: alpha(theme.palette.primary.main, ODD_OPACITY),
'@media (hover: none)': {
backgroundColor: 'transparent',
Expand All @@ -19,7 +19,7 @@ const StripedDataGrid = styled(DataGrid)(({ theme }) => ({
theme.palette.primary.main,
ODD_OPACITY + theme.palette.action.selectedOpacity,
),
'&:hover, &.Mui-hovered': {
'&:hover': {
backgroundColor: alpha(
theme.palette.primary.main,
ODD_OPACITY +
Expand Down
4 changes: 2 additions & 2 deletions docs/data/data-grid/style/StripedGrid.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ const ODD_OPACITY = 0.2;
const StripedDataGrid = styled(DataGrid)(({ theme }) => ({
[`& .${gridClasses.row}.even`]: {
backgroundColor: theme.palette.grey[200],
'&:hover, &.Mui-hovered': {
'&:hover': {
backgroundColor: alpha(theme.palette.primary.main, ODD_OPACITY),
'@media (hover: none)': {
backgroundColor: 'transparent',
Expand All @@ -19,7 +19,7 @@ const StripedDataGrid = styled(DataGrid)(({ theme }) => ({
theme.palette.primary.main,
ODD_OPACITY + theme.palette.action.selectedOpacity,
),
'&:hover, &.Mui-hovered': {
'&:hover': {
backgroundColor: alpha(
theme.palette.primary.main,
ODD_OPACITY +
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -69,6 +69,26 @@
These changes were done for consistency, improve stability and make room for new features.
Below are described the steps you need to make to migrate from v6 to v7.

## XXX: To classify

- type `GridPinnedColumns` => `GridPinnedColumnFields`, type `GridPinnedPosition` => `GridPinnedColumnPosition`
- column pinning api signature changes due to the changes above, but data format stays the same

Check warning on line 75 in docs/data/migration/migration-data-grid-v6/migration-data-grid-v6.md

View workflow job for this annotation

GitHub Actions / runner / vale

[vale] reported by reviewdog 🐶 [Blog.NamingConventions] To be consistent with capitalization, consider using 'API' instead of 'api'. Raw Output: {"message": "[Blog.NamingConventions] To be consistent with capitalization, consider using 'API' instead of 'api'.", "location": {"path": "docs/data/migration/migration-data-grid-v6/migration-data-grid-v6.md", "range": {"start": {"line": 75, "column": 20}}}, "severity": "WARNING"}
- props `pinnedColumns`, `onPinnedColumnsChange`
- `.Mui-hovered` => `:hover`
- `.pinnedColumns-(left|right)` removed
- `getRootDimensions()` now non-null
- slot `GridColumnHeaders`, props removed: columnPositions, densityFactor, minColumnIndex
- slot `GridRow`, props removed: containerWidth, position
- api `mainElementRef` non-null

Check warning on line 82 in docs/data/migration/migration-data-grid-v6/migration-data-grid-v6.md

View workflow job for this annotation

GitHub Actions / runner / vale

[vale] reported by reviewdog 🐶 [Blog.NamingConventions] To be consistent with capitalization, consider using 'API' instead of 'api'. Raw Output: {"message": "[Blog.NamingConventions] To be consistent with capitalization, consider using 'API' instead of 'api'.", "location": {"path": "docs/data/migration/migration-data-grid-v6/migration-data-grid-v6.md", "range": {"start": {"line": 82, "column": 3}}}, "severity": "WARNING"}
- api `rootElementRef` non-null

Check warning on line 83 in docs/data/migration/migration-data-grid-v6/migration-data-grid-v6.md

View workflow job for this annotation

GitHub Actions / runner / vale

[vale] reported by reviewdog 🐶 [Blog.NamingConventions] To be consistent with capitalization, consider using 'API' instead of 'api'. Raw Output: {"message": "[Blog.NamingConventions] To be consistent with capitalization, consider using 'API' instead of 'api'.", "location": {"path": "docs/data/migration/migration-data-grid-v6/migration-data-grid-v6.md", "range": {"start": {"line": 83, "column": 3}}}, "severity": "WARNING"}
- api `virtualScrollerRef` non-null

Check warning on line 84 in docs/data/migration/migration-data-grid-v6/migration-data-grid-v6.md

View workflow job for this annotation

GitHub Actions / runner / vale

[vale] reported by reviewdog 🐶 [Blog.NamingConventions] To be consistent with capitalization, consider using 'API' instead of 'api'. Raw Output: {"message": "[Blog.NamingConventions] To be consistent with capitalization, consider using 'API' instead of 'api'.", "location": {"path": "docs/data/migration/migration-data-grid-v6/migration-data-grid-v6.md", "range": {"start": {"line": 84, "column": 3}}}, "severity": "WARNING"}
- event `renderedRowsIntervalChange`: params changed `GridRenderedRowsIntervalChangeParams` to `GridRenderContext`
- type `GridRenderedRowsIntervalChangeParams` removed
- type `GridRootContainerRef` removed
- slot `GridRow` has typed props now
- slot `headerFilterCell`, props removed: filterOperators
- DOM changes

<!-- ### Renamed props

- -->
Expand Down
86 changes: 73 additions & 13 deletions docs/pages/x/api/data-grid/data-grid-premium.json
Original file line number Diff line number Diff line change
Expand Up @@ -411,7 +411,7 @@
"onPinnedColumnsChange": {
"type": { "name": "func" },
"signature": {
"type": "function(pinnedColumns: GridPinnedColumns, details: GridCallbackDetails) => void",
"type": "function(pinnedColumns: GridPinnedColumnFields, details: GridCallbackDetails) => void",
"describedArgs": ["pinnedColumns", "details"]
}
},
Expand Down Expand Up @@ -690,6 +690,18 @@
"description": "Styles applied to the cell element if the cell is in edit mode.",
"isGlobal": false
},
{
"key": "cell--pinnedLeft",
"className": "MuiDataGridPremium-cell--pinnedLeft",
"description": "Styles applied to the cell element if it is pinned to the left.",
"isGlobal": false
},
{
"key": "cell--pinnedRight",
"className": "MuiDataGridPremium-cell--pinnedRight",
"description": "Styles applied to the cell element if it is pinned to the right.",
"isGlobal": false
},
{
"key": "cell--rangeBottom",
"className": "MuiDataGridPremium-cell--rangeBottom",
Expand Down Expand Up @@ -738,6 +750,12 @@
"description": "Styles applied to the cell element if `align=\"right\"`.",
"isGlobal": false
},
{
"key": "cell--withLeftBorder",
"className": "MuiDataGridPremium-cell--withLeftBorder",
"description": "Styles applied the cell if `showColumnVerticalBorder={true}`.",
"isGlobal": false
},
{
"key": "cell--withRenderer",
"className": "MuiDataGridPremium-cell--withRenderer",
Expand All @@ -762,6 +780,12 @@
"description": "Styles applied to the element that wraps the cell content.",
"isGlobal": false
},
{
"key": "cellEmpty",
"className": "MuiDataGridPremium-cellEmpty",
"description": "Styles applied to the empty cell element.",
"isGlobal": false
},
{
"key": "cellSkeleton",
"className": "MuiDataGridPremium-cellSkeleton",
Expand Down Expand Up @@ -960,6 +984,18 @@
"description": "Styles applied to the columns panel row element.",
"isGlobal": false
},
{
"key": "container--bottom",
"className": "MuiDataGridPremium-container--bottom",
"description": "Styles applied to the bottom container.",
"isGlobal": false
},
{
"key": "container--top",
"className": "MuiDataGridPremium-container--top",
"description": "Styles applied to the top container.",
"isGlobal": false
},
{
"key": "detailPanel",
"className": "MuiDataGridPremium-detailPanel",
Expand Down Expand Up @@ -1086,6 +1122,12 @@
"description": "Styles applied to the main container element.",
"isGlobal": false
},
{
"key": "main--hasPinnedRight",
"className": "MuiDataGridPremium-main--hasPinnedRight",
"description": "Styles applied to the main container element when it has right pinned columns.",
"isGlobal": false
},
{
"key": "menu",
"className": "MuiDataGridPremium-menu",
Expand Down Expand Up @@ -1194,18 +1236,6 @@
"description": "Styles applied to the pinned columns.",
"isGlobal": false
},
{
"key": "pinnedColumns--left",
"className": "MuiDataGridPremium-pinnedColumns--left",
"description": "Styles applied to the left pinned columns.",
"isGlobal": false
},
{
"key": "pinnedColumns--right",
"className": "MuiDataGridPremium-pinnedColumns--right",
"description": "Styles applied to the right pinned columns.",
"isGlobal": false
},
{
"key": "pinnedRows",
"className": "MuiDataGridPremium-pinnedRows",
Expand Down Expand Up @@ -1296,6 +1326,12 @@
"description": "Styles applied to the row element if the row is in edit mode.",
"isGlobal": false
},
{
"key": "row--firstVisible",
"className": "MuiDataGridPremium-row--firstVisible",
"description": "Styles applied to the first visible row element on every page of the grid.",
"isGlobal": false
},
{
"key": "row--lastVisible",
"className": "MuiDataGridPremium-row--lastVisible",
Expand Down Expand Up @@ -1350,6 +1386,24 @@
"description": "Styles applied to the right scroll area element.",
"isGlobal": false
},
{
"key": "scrollbar",
"className": "MuiDataGridPremium-scrollbar",
"description": "Styles applied to the scrollbars.",
"isGlobal": false
},
{
"key": "scrollbar--horizontal",
"className": "MuiDataGridPremium-scrollbar--horizontal",
"description": "Styles applied to the horizontal scrollbar.",
"isGlobal": false
},
{
"key": "scrollbar--vertical",
"className": "MuiDataGridPremium-scrollbar--vertical",
"description": "Styles applied to the horizontal scrollbar.",
"isGlobal": false
},
{
"key": "selectedRowCount",
"className": "MuiDataGridPremium-selectedRowCount",
Expand Down Expand Up @@ -1415,6 +1469,12 @@
"className": "MuiDataGridPremium-withBorderColor",
"description": "Styles applied to cells, column header and other elements that have border.\nSets border color only.",
"isGlobal": false
},
{
"key": "withVerticalBorder",
"className": "MuiDataGridPremium-withVerticalBorder",
"description": "Styles applied the grid if `showColumnVerticalBorder={true}`.",
"isGlobal": false
}
],
"muiName": "MuiDataGridPremium",
Expand Down
Loading