🚀 Add setItemExpansion Tree View API method (#12595) @flaviendelangle
🌍 Improve Persian (fa-IR), Portuguese (pt-BR), and Spanish (es-ES) locale on the Data Grid
🌍 Improve Persian (fa-IR), Portuguese (pt-BR), and Ukrainian (uk-UA) locale on the Pickers
🐞 Bugfixes
📚 Documentation improvements

Data Grid

7.0.0

Diff

noraleonte

published 7.0.0 • 8 months ago

Changelog

Source

7.0.0

Mar 22, 2024

We're excited to announce the first v7 stable release! 🎉🚀

This is now the officially supported major version, where we'll keep rolling out new features, bug fixes, and improvements. Migration guides are available with a complete list of the breaking changes:

We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:

🚀 Improve the usage of custom viewRenderers on DateTimePicker (#12441) @LukasTy
✨ Set focus on the focused Tree Item instead of the Tree View (#12226) @flaviendelangle
🕹️ Support controlled density for the Data Grid (#12332) @MBilalShafi
🎁 Dynamic virtualization range for the Data Grid (#12353) @romgrk
🐞 Bugfixes
📚 Documentation improvements

Data Grid

Breaking changes

The density is a controlled prop now, if you were previously passing the density prop to the Data Grid, you will need to do one of the following:
1. Move it to the initialState.density to initialize it.
```
 <DataGrid
-  density="compact"
+  initialState={{ density: "compact" }}
 />
```
1. Move it to the state and use onDensityChange callback to update the density prop accordingly for it to work as expected.
```
+ const [density, setDensity] = React.useState<GridDensity>('compact');
 <DataGrid
-  density="compact"
+  density={density}
+  onDensityChange={(newDensity) => setDensity(newDensity)}
 />
```
The selector gridDensityValueSelector was removed, use the gridDensitySelector instead.
The props rowBuffer and columnBuffer were renamed to rowBufferPx and columnBufferPx. Their value is now a pixel value rather than a number of items. Their default value is now 150.
The props rowThreshold and columnThreshold have been removed. If you had the rowThreshold prop set to 0 to force new rows to be rendered more often – this is no longer necessary.