|
5 | 5 | All notable changes to this project will be documented in this file.
|
6 | 6 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
7 | 7 |
|
| 8 | +## **8.0.0-alpha.11** |
| 9 | + |
| 10 | +_Feb 7, 2025_ |
| 11 | + |
| 12 | +We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨: |
| 13 | + |
| 14 | +- ⚡ Mount and resize performance improvements for the Data Grid |
| 15 | + |
| 16 | +Special thanks go out to the community contributors who have helped make this release possible: |
| 17 | +@lauri865. |
| 18 | +Following are all team members who have contributed to this release: |
| 19 | +@alexfauquette, @arminmeh, @bernardobelchior, @flaviendelangle, @Janpot, @KenanYusuf, @LukasTy, @MBilalShafi, @noraleonte, @romgrk. |
| 20 | + |
| 21 | +<!--/ HIGHLIGHT_ABOVE_SEPARATOR /--> |
| 22 | + |
| 23 | +### Data Grid |
| 24 | + |
| 25 | +#### Breaking changes |
| 26 | + |
| 27 | +- `createUseGridApiEventHandler()` is not exported anymore. |
| 28 | +- The `filteredRowsLookup` object of the filter state does not contain `true` values anymore. If the row is filtered out, the value is `false`. Otherwise, the row id is not present in the object. |
| 29 | + This change only impacts you if you relied on `filteredRowsLookup` to get ids of filtered rows. In this case,use `gridDataRowIdsSelector` selector to get row ids and check `filteredRowsLookup` for `false` values: |
| 30 | + |
| 31 | + ```diff |
| 32 | + const filteredRowsLookup = gridFilteredRowsLookupSelector(apiRef); |
| 33 | + -const filteredRowIds = Object.keys(filteredRowsLookup).filter((rowId) => filteredRowsLookup[rowId] === true); |
| 34 | + +const rowIds = gridDataRowIdsSelector(apiRef); |
| 35 | + +const filteredRowIds = rowIds.filter((rowId) => filteredRowsLookup[rowId] !== false); |
| 36 | + ``` |
| 37 | + |
| 38 | +- The `visibleRowsLookup` state does not contain `true` values anymore. If the row is not visible, the value is `false`. Otherwise, the row id is not present in the object: |
| 39 | + |
| 40 | + ```diff |
| 41 | + const visibleRowsLookup = gridVisibleRowsLookupSelector(apiRef); |
| 42 | + -const isRowVisible = visibleRowsLookup[rowId] === true; |
| 43 | + +const isRowVisible = visibleRowsLookup[rowId] !== false; |
| 44 | + ``` |
| 45 | + |
| 46 | + |
| 47 | + |
| 48 | +- [DataGrid] Avoid `<GridRoot />` double-render pass on mount in SPA mode (#15648) @lauri865 |
| 49 | +- [DataGrid] Fix loading overlay not in sync with scroll (#16437) @MBilalShafi |
| 50 | +- [DataGrid] Refactor: remove material `MenuList` import (#16444) @romgrk |
| 51 | +- [DataGrid] Refactor: simplify `useGridApiEventHandler()` (#16479) @romgrk |
| 52 | + |
| 53 | +#### `@mui/[email protected]` [](https://mui.com/r/x-pro-svg-link 'Pro plan') |
| 54 | + |
| 55 | +Same changes as in `@mui/[email protected]`, plus: |
| 56 | + |
| 57 | +- [DataGridPro] Fix the return type of `useGridApiContext()` for Pro and Premium packages on React < 19 (#16441) @arminmeh |
| 58 | + |
| 59 | +#### `@mui/[email protected]` [](https://mui.com/r/x-premium-svg-link 'Premium plan') |
| 60 | + |
| 61 | +Same changes as in `@mui/[email protected]`, plus: |
| 62 | + |
| 63 | +- [DataGridPremium] Fix "no rows" overlay not showing with active aggregation (#16466) @KenanYusuf |
| 64 | + |
| 65 | +### Date and Time Pickers |
| 66 | + |
| 67 | + |
| 68 | + |
| 69 | +Internal changes. |
| 70 | + |
| 71 | +#### `@mui/[email protected]` [](https://mui.com/r/x-pro-svg-link 'Pro plan') |
| 72 | + |
| 73 | +Same changes as in `@mui/[email protected]`, plus: |
| 74 | + |
| 75 | +- [DateRangeCalendar] Support arrow navigation with multiple months rendered (#16363) @flaviendelangle |
| 76 | +- [DateRangePicker] Fix `currentMonthCalendarPosition` prop behavior on mobile (#16455) @LukasTy |
| 77 | +- [DateRangePicker] Fix vertical alignment for multi input fields (#16489) @noraleonte |
| 78 | + |
| 79 | +### Charts |
| 80 | + |
| 81 | + |
| 82 | + |
| 83 | +- [charts] Add `color` prop to `Sparkline` and deprecate `colors` (#16477) @bernardobelchior |
| 84 | +- [charts] Make typescript more flexible about plugins and their params (#16478) @alexfauquette |
| 85 | +- [charts] Remove component for axis event listener (#16314) @alexfauquette |
| 86 | + |
| 87 | +#### `@mui/[email protected]` [](https://mui.com/r/x-pro-svg-link 'Pro plan') |
| 88 | + |
| 89 | +Same changes as in `@mui/[email protected]`. |
| 90 | + |
| 91 | +### Tree View |
| 92 | + |
| 93 | + |
| 94 | + |
| 95 | +Internal changes. |
| 96 | + |
| 97 | +#### `@mui/[email protected]` [](https://mui.com/r/x-pro-svg-link 'Pro plan') |
| 98 | + |
| 99 | +Same changes as in `@mui/[email protected]`. |
| 100 | + |
| 101 | +### Docs |
| 102 | + |
| 103 | +- [docs] Update charts colors default value (#16484) @bernardobelchior |
| 104 | + |
| 105 | +### Core |
| 106 | + |
| 107 | +- [core] Fix corepack and pnpm installation in CircleCI (#16434) @flaviendelangle |
| 108 | +- [code-infra] Update monorepo (#16112) @Janpot |
| 109 | +- [test] Avoid test warning when running on React 18 (#16486) @LukasTy |
| 110 | +- [test] Disable `react-transition-group` transitions in unit testing (#16288) @lauri865 |
| 111 | + |
8 | 112 | ## 8.0.0-alpha.10
|
9 | 113 |
|
10 | 114 | _Jan 30, 2025_
|
@@ -50,6 +154,7 @@ Following are all team members who have contributed to this release:
|
50 | 154 | + },
|
51 | 155 | });
|
52 | 156 | ```
|
| 157 | + |
53 | 158 | - The `detailPanels`, `pinnedColumns`, and `pinnedRowsRenderZone` classes have been removed.
|
54 | 159 | - Return type of the `useGridApiRef()` hook and the type of `apiRef` prop are updated to explicitly include the possibilty of `null`. In addition to this, `useGridApiRef()` returns a reference that is initialized with `null` instead of `{}`.
|
55 | 160 |
|
|
91 | 196 |
|
92 | 197 | #### Breaking changes
|
93 | 198 |
|
94 |
| -- The component passed to the `field` slot no longer receives the `ref`, `disabled`, `className`, `sx`, `label`, `name`, `formatDensity`, `enableAccessibleFieldDOMStructure`, `selectedSections`, `onSelectedSectionsChange` and `inputRef` props — [Learn more](https://next.mui.com/x/migration/migration-pickers-v7/#slot-field) |
| 199 | +- The component passed to the `field` slot no longer receives the `ref`, `disabled`, `className`, `sx`, `label`, `name`, `formatDensity`, `enableAccessibleFieldDOMStructure`, `selectedSections`, `onSelectedSectionsChange` and `inputRef` props — [Learn more](https://next.mui.com/x/migration/migration-pickers-v7/#slot-field) |
95 | 200 | - The `MuiPickersPopper` theme entry have been renamed `MuiPickerPopper` and some of its props have been removed — [Learn more](https://next.mui.com/x/migration/migration-pickers-v7/#muipickerspopper)
|
96 | 201 |
|
97 | 202 |
|
|
111 | 216 |
|
112 | 217 | - Replace `legend.position.horizontal` from `"left" | "middle" | "right"` to `"start" | "center" | "end"`.
|
113 | 218 | This is to align with the CSS values and reflect the RTL ability of the legend component.
|
114 |
| -- The default colors have changed. To keep using the old palette. It is possible to import `blueberryTwilightPalette` from `@mui/x-charts/colorPalettes` and set it on the `colors` property of charts. |
| 219 | +- The default colors have changed. To keep using the old palette. It is possible to import `blueberryTwilightPalette` from `@mui/x-charts/colorPalettes` and set it on the `colors` property of charts. |
115 | 220 | - The `id` property is now optional on the `Pie` and `Scatter` data types.
|
116 | 221 |
|
117 | 222 |
|
|
0 commit comments