Releases: mui/mui-x
v8.0.0-alpha.12
We'd like to offer a big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
- 📦 Data Grid data source is now available in the Community plan
- ⚡ Improve Data Grid Excel export serialization performance
- 🚫 Add "No columns" overlay to Data Grid
- 🌍 Improve Polish (pl-PL) and Ukrainian (uk-UA) locales on the Data Grid
- 🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@Neonin, @nusr, and @pawelkula.
Following are all team members who have contributed to this release:
@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @romgrk, and @mapache-salvaje.
Data Grid
Breaking changes
-
The
main--hasSkeletonLoadingOverlay
class has been renamed tomain--hiddenContent
and is now also applied when the "No columns" overlay is displayed. -
The
apiRef.current.forceUpdate()
method was removed. Use selectors combined withuseGridSelector()
hook to react to changes in the state. -
The selectors signature has been updated. They are only accepting
apiRef
as a first argument andinstanceId
is no longer the third argument.-mySelector(state, arguments, instanceId) +mySelector(apiRef, arguments)
@mui/x-data-grid@8.0.0-alpha.12
- [DataGrid] Add "No columns" overlay (#16543) @KenanYusuf
- [DataGrid] All selectors accept only
apiRef
as first argument (#16198) @arminmeh - [DataGrid] Avoid
undefined
value for paginationrowCount
(#16488) @cherniavskii - [DataGrid] Create the base Checkbox slot (#16445) @romgrk
- [DataGrid] Create the base Input slot (#16443) @romgrk
- [DataGrid] Create the base MenuList slot (#16481) @romgrk
- [DataGrid] Create the base Popper slot (#16362) @romgrk
- [DataGrid] Create the base Select slot (#16394) @romgrk
- [DataGrid] Create the base Switch slot (#16527) @romgrk
- [DataGrid] Extract
getRowId()
API method as a selector (#16487) @MBilalShafi - [DataGrid] Fix the
onClock
prop of the base Select slot (#16557) @romgrk - [DataGrid] Go to the first page when sorting/filtering is applied (#16447) @arminmeh
- [DataGrid] Make base data source available in the Community plan (#16359) @MBilalShafi
- [DataGrid] Remove
apiRef.current.forceUpdate()
method (#16560) @MBilalShafi - [DataGrid] Fix the unexpected behavior of the pagination when using
-1
for "All" rows per page (#16485) @nusr - [l10n] Improve Polish (pl-PL) locale (#16123) @pawelkula
- [l10n] Improve Ukrainian (uk-UA) locale (#16463) @Neonin
@mui/x-data-grid-pro@8.0.0-alpha.12
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-data-grid@8.0.0-alpha.12
.
@mui/x-data-grid-premium@8.0.0-alpha.12
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.12
, plus:
- [DataGridPremium] Fix Excel export Web Worker demo not working in dev mode (#16517) @cherniavskii
- [DataGridPremium] Fix loading issue + add skeleton overlay (#16282) @MBilalShafi
- [DataGridPremium] Improve Excel export serialization performance (#16526) @cherniavskii
- [DataGridPremium] Namespace Excel export worker (#16020) @oliviertassinari
Date and Time Pickers
Breaking changes
-
The
aria-label
on the<Clock />
component and Time Picker opening button has been fixed to rely on the setampm
property instead of defaulting to the user's locale. -
The following unused formats have been removed from the adapters and can no longer be overridden via the
dateFormats
prop on the<LocalizationProvider />
component:fullTime
- please usefullTime12h
andfullTime24h
instead:<LocalizationProvider dateFormats={{ - fullTime: 'LT', + fullTime12h: 'hh:mm A', + fullTime24h: 'hh:mm', }} >
keyboardDateTime
- please usekeyboardDateTime12h
andkeyboardDateTime24h
instead:<LocalizationProvider dateFormats={{ - keyboardDateTime: 'DD.MM.YYYY | LT', + keyboardDateTime12h: 'DD.MM.YYYY | hh:mm A', + keyboardDateTime24h: 'DD.MM.YYYY | hh:mm', }} >
@mui/x-date-pickers@8.0.0-alpha.12
- [pickers] Fix time related aria labels to depend on
ampm
flag value (#16572) @LukasTy - [pickers] Remove unused adapter formats (#16522) @LukasTy
@mui/x-date-pickers-pro@8.0.0-alpha.12
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-date-pickers@8.0.0-alpha.12
, plus:
Charts
Breaking changes
- The
useSeries
hook family has been stabilized and renamed accordingly — Learn more
@mui/x-charts@8.0.0-alpha.12
- [charts] Add docs for scatter "Size" section (#16556) @bernardobelchior
- [charts] Add
test:performance:browser
script #16600 @bernardobelchior - [charts] Add warning when using unknown ids in
useXxxSeries
hooks (#16552) @JCQuintas - [charts] Divide the logic for
useXxxSeries
intouseXxxSeriesContext
(#16546) @JCQuintas - [charts] Document plugins for internal use (#16504) @JCQuintas
- [charts] Fix internal typo (#16524) @alexfauquette
- [charts] Fix type overloads (#16581) @JCQuintas
- [charts] Fix zoom filter regression (#16507) @alexfauquette
- [charts] Improve tooltip placement in mobile (#16553) @bernardobelchior
- [charts] Let the
useXxxSeries
support array of ids and document them (#15545) @JCQuintas - [charts] Memoize some tooltip internals (#16564) @alexfauquette
- [charts] Move Voronoi handler in a dedicated plugin (#16470) @alexfauquette
- [charts] Performance tests: set license on setup. Update vitest minor version. (#16525) @bernardobelchior
- [charts] Propagate the axis scale to the
valueFormatter
(#16555) @alexfauquette - [charts] Remove
colors
prop fromSparkLineChart
. (#16494) @bernardobelchior - [charts] Stabilize series hooks (
useSeries
,usePieSeries
, etc.) (#16459) @bernardobelchior
@mui/x-charts-pro@8.0.0-alpha.12
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-charts@8.0.0-alpha.12
.
Tree View
@mui/x-tree-view@8.0.0-alpha.12
Internal changes.
@mui/x-tree-view-pro@8.0.0-alpha.12
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-tree-view@8.0.0-alpha.12
.
Docs
- [docs] Add demo for Scatter Chart with linked points (#16505) @bernardobelchior
- [docs] Improve license installation page (#16403) @michelengelen
- [docs] Standardize getting started docs across all packages (#16302) @mapache-salvaje
Core
- [core] Update charts folder structure (#16471) @alexfauquette
- [code-infra] Bump @mui/monorepo (#16422) @LukasTy
- [code-infra] Fix lock file (#16562) @LukasTy
- [code-infra] Fix root package version (#16503) @JCQuintas
- [code-infra] Update internal packages to
next
releases (#16423) @LukasTy - [code-infra] Update package layout for better ESM support (#14386) @Janpot
- [code-infra] Update peer dependencies for v8 (#16563) @Janpot
v7.27.0
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
- ⚡ Improve Data Grid Excel export serialization performance
- 🐞 Bugfixes
- 🌍 Improve Polish (pl-PL) and Ukrainian (uk-UA) locale on the Data Grid
Special thanks go out to the community contributors who have helped make this release possible:
@pawelkula, @Neonin.
Following are all team members who have contributed to this release:
@cherniavskii, @JCQuintas, @oliviertassinari, @arminmeh and @LukasTy
Data Grid
@mui/x-data-grid@7.27.0
- [DataGrid] Add
resetPageOnSortFilter
prop that resets the page after sorting and filtering (#16580) @arminmeh - [DataGrid] Avoid
undefined
value for paginationrowCount
(#16558) @cherniavskii - [l10n] Improve Polish (pl-PL) locale (#16594) @pawelkula
- [l10n] Improve Ukrainian (uk-UA) locale (#16593) @Neonin
@mui/x-data-grid-pro@7.27.0
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-data-grid@7.27.0
.
@mui/x-data-grid-premium@7.27.0
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/x-data-grid-pro@7.27.0
, plus:
- [DataGridPremium] Fix Excel export Web Worker demo not working in dev mode (#16532) @cherniavskii
- [DataGridPremium] Improve Excel export serialization performance (#16545) @cherniavskii
- [DataGridPremium] Namespace Excel export worker (#16539) @oliviertassinari
Date and Time Pickers
@mui/x-date-pickers@7.27.0
Internal changes.
@mui/x-date-pickers-pro@7.27.0
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-date-pickers@7.27.0
, plus:
Charts
@mui/x-charts@7.27.0
Internal changes.
@mui/x-charts-pro@7.27.0
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
- [charts-pro] Fix automatic type overloads (#16579) @JCQuintas
Core
v8.0.0-alpha.11
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
- ⚡ Mount and resize performance improvements for the Data Grid
Special thanks go out to the community contributors who have helped make this release possible:
@lauri865.
Following are all team members who have contributed to this release:
@alexfauquette, @arminmeh, @bernardobelchior, @flaviendelangle, @Janpot, @KenanYusuf, @LukasTy, @MBilalShafi, @noraleonte, @romgrk.
Data Grid
Breaking changes
-
createUseGridApiEventHandler()
is not exported anymore. -
The
filteredRowsLookup
object of the filter state does not containtrue
values anymore. If the row is filtered out, the value isfalse
. Otherwise, the row id is not present in the object.
This change only impacts you if you relied onfilteredRowsLookup
to get ids of filtered rows. In this case,usegridDataRowIdsSelector
selector to get row ids and checkfilteredRowsLookup
forfalse
values:const filteredRowsLookup = gridFilteredRowsLookupSelector(apiRef); -const filteredRowIds = Object.keys(filteredRowsLookup).filter((rowId) => filteredRowsLookup[rowId] === true); +const rowIds = gridDataRowIdsSelector(apiRef); +const filteredRowIds = rowIds.filter((rowId) => filteredRowsLookup[rowId] !== false);
-
The
visibleRowsLookup
state does not containtrue
values anymore. If the row is not visible, the value isfalse
. Otherwise, the row id is not present in the object:const visibleRowsLookup = gridVisibleRowsLookupSelector(apiRef); -const isRowVisible = visibleRowsLookup[rowId] === true; +const isRowVisible = visibleRowsLookup[rowId] !== false;
@mui/x-data-grid@8.0.0-alpha.11
- [DataGrid] Avoid
<GridRoot />
double-render pass on mount in SPA mode (#15648) @lauri865 - [DataGrid] Fix loading overlay not in sync with scroll (#16437) @MBilalShafi
- [DataGrid] Refactor: remove material
MenuList
import (#16444) @romgrk - [DataGrid] Refactor: simplify
useGridApiEventHandler()
(#16479) @romgrk
@mui/x-data-grid-pro@8.0.0-alpha.11
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-data-grid@8.0.0-alpha.11
, plus:
- [DataGridPro] Fix the return type of
useGridApiContext()
for Pro and Premium packages on React < 19 (#16441) @arminmeh
@mui/x-data-grid-premium@8.0.0-alpha.11
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.11
, plus:
- [DataGridPremium] Fix "no rows" overlay not showing with active aggregation (#16466) @KenanYusuf
Date and Time Pickers
@mui/x-date-pickers@8.0.0-alpha.11
Internal changes.
@mui/x-date-pickers-pro@8.0.0-alpha.11
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-date-pickers@8.0.0-alpha.11
, plus:
- [DateRangeCalendar] Support arrow navigation with multiple months rendered (#16363) @flaviendelangle
- [DateRangePicker] Fix
currentMonthCalendarPosition
prop behavior on mobile (#16455) @LukasTy - [DateRangePicker] Fix vertical alignment for multi input fields (#16489) @noraleonte
Charts
@mui/x-charts@8.0.0-alpha.11
- [charts] Add
color
prop toSparkline
and deprecatecolors
(#16477) @bernardobelchior - [charts] Make typescript more flexible about plugins and their params (#16478) @alexfauquette
- [charts] Remove component for axis event listener (#16314) @alexfauquette
@mui/x-charts-pro@8.0.0-alpha.11
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-charts@8.0.0-alpha.11
.
Tree View
@mui/x-tree-view@8.0.0-alpha.11
Internal changes.
@mui/x-tree-view-pro@8.0.0-alpha.11
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-tree-view@8.0.0-alpha.11
.
Docs
- [docs] Update charts colors default value (#16484) @bernardobelchior
Core
v7.26.0
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
- ⚡ Mount and resize performance improvements for the Data Grid
- 🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@lauri865.
Following are all team members who have contributed to this release:
@arminmeh, @noraleonte, @LukasTy, @KenanYusuf, @flaviendelangle.
Data Grid
@mui/x-data-grid@7.26.0
@mui/x-data-grid-pro@7.26.0
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-data-grid@7.26.0
, plus:
- [DataGridPro] Fix the return type of
useGridApiContext()
for Pro and Premium packages on React < 19 (#16446) @arminmeh
@mui/x-data-grid-premium@7.26.0
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/x-data-grid-pro@7.26.0
, plus:
- [DataGridPremium] Fix "no rows" overlay not showing with active aggregation (#16468) @KenanYusuf
Date and Time Pickers
@mui/x-date-pickers@7.26.0
Internal changes.
@mui/x-date-pickers-pro@7.26.0
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-date-pickers@7.26.0
, plus:
- [DateRangePicker] Fix
currentMonthCalendarPosition
prop behavior on mobile (#16457) @LukasTy - [DateRangePicker] Fix vertical alignment for multi input fields (#16490) @noraleonte
Charts
@mui/x-charts@7.26.0
Internal changes.
@mui/x-charts-pro@7.26.0
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-charts@7.26.0
.
Tree View
@mui/x-tree-view@7.26.0
Internal changes.
@mui/x-tree-view-pro@7.26.0
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-tree-view@7.26.0
.
Core
- [core] Fix corepack and pnpm installation in CircleCI (#16452) @flaviendelangle
v8.0.0-alpha.10
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
- 🎨 Data Grid theming improvements and default background color
- 📚 Documentation improvements
- 🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@k-rajat19, @lauri865, @mateuseap.
Following are all team members who have contributed to this release:
@alexfauquette, @flaviendelangle, @JCQuintas, @KenanYusuf, @MBilalShafi, @romgrk, @arminmeh.
Data Grid
Breaking changes
-
viewportInnerSize.width
now includes pinned columns' widths (fixes recursive loops in updating dimensions <-> columns) -
The Data Grid now has a default background color, and its customization has moved from
theme.mixins.MuiDataGrid
totheme.palette.DataGrid
with the following properties:bg
: Sets the background color of the entire grid (new property)headerBg
: Sets the background color of the header (previously namedcontainerBackground
)pinnedBg
: Sets the background color of pinned rows and columns (previously namedpinnedBackground
)
const theme = createTheme({ - mixins: { - MuiDataGrid: { - containerBackground: '#f8fafc', - pinnedBackground: '#f1f5f9', - }, - }, + palette: { + DataGrid: { + bg: '#f8fafc', + headerBg: '#e2e8f0', + pinnedBg: '#f1f5f9', + }, + }, });
-
The
detailPanels
,pinnedColumns
, andpinnedRowsRenderZone
classes have been removed. -
Return type of the
useGridApiRef()
hook and the type ofapiRef
prop are updated to explicitly include the possibilty ofnull
. In addition to this,useGridApiRef()
returns a reference that is initialized withnull
instead of{}
.Only the initial value and the type are updated. Logic that initializes the API and its availability remained the same, which means that if you could access API in a particular line of your code before, you are able to access it as well after this change.
Depending on the context in which the API is being used, you can decide what is the best way to deal with
null
value. Some options are:- Use optional chaining
- Use non-null assertion operator if you are sure your code is always executed when the
apiRef
is notnull
- Return early if
apiRef
isnull
- Throw an error if
apiRef
isnull
@mui/x-data-grid@8.0.0-alpha.10
- [DataGrid] Fix
renderContext
calculation with scroll bounce / over-scroll (#16297) @lauri865 - [DataGrid] Remove unused classes from
gridClasses
(#16256) @mateuseap - [DataGrid] Add default background color to grid (#16066) @KenanYusuf
- [DataGrid] Add missing style overrides (#16272) @KenanYusuf
- [DataGrid] Add possibility of
null
in the return type of theuseGridApiRef()
hook (#16353) @arminmeh - [DataGrid] Fix header filters keyboard navigation when there are no rows (#16126) @k-rajat19
- [DataGrid] Fix order of
onClick
prop on toolbar buttons (#16356) @KenanYusuf - [DataGrid] Refactor row state propagation (#15627) @lauri865
- [DataGrid] Refactor: create TextField props (#16174) @romgrk
- [DataGrid] Remove outdated warning (#16360) @MBilalShafi
- [DataGrid] Respect width of
iconContainer
during autosizing (#16399) @michelengelen
@mui/x-data-grid-pro@8.0.0-alpha.10
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-data-grid@8.0.0-alpha.10
, plus:
- [DataGridPro] Fetch new rows only once when multiple models are changed in one cycle (#16101) @arminmeh
- [DataGridPro] Fix the return type of
useGridApiRef
for Pro and Premium packages on React < 19 (#16328) @arminmeh
@mui/x-data-grid-premium@8.0.0-alpha.10
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.10
.
Date and Time Pickers
Breaking changes
- The component passed to the
field
slot no longer receives theref
,disabled
,className
,sx
,label
,name
,formatDensity
,enableAccessibleFieldDOMStructure
,selectedSections
,onSelectedSectionsChange
andinputRef
props — Learn more - The
MuiPickersPopper
theme entry have been renamedMuiPickerPopper
and some of its props have been removed — Learn more
@mui/x-date-pickers@8.0.0-alpha.10
- [pickers] Clean the internals and the public API of
<PickersPopper />
(#16319) @flaviendelangle - [pickers] Improve the JSDoc of the
PickerContextValue
properties (#16327) @flaviendelangle - [pickers] Move more field props to the context (#16278) @flaviendelangle
- [pickers] Do not close the picker when doing keyboard editing (#16402) @flaviendelangle
@mui/x-date-pickers-pro@8.0.0-alpha.10
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-date-pickers@8.0.0-alpha.10
.
Charts
Breaking changes
- Replace
legend.position.horizontal
from"left" | "middle" | "right"
to"start" | "center" | "end"
.
This is to align with the CSS values and reflect the RTL ability of the legend component. - 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 thecolors
property of charts. - The
id
property is now optional on thePie
andScatter
data types.
@mui/x-charts@8.0.0-alpha.10
- [charts] Add new
bumpX
andbumpY
curve options (#16318) @JCQuintas - [charts] Move
tooltipGetter
toseriesConfig
(#16331) @JCQuintas - [charts] Move item highligh feature to plugin system (#16211) @alexfauquette
- [charts] Replace
legend.position.horizontal
from"left" | "middle" | "right"
to"start" | "center" | "end"
(#16315) @JCQuintas - [charts] New default colors (#16373) @JCQuintas
- [charts] Make
id
optional onPieValueType
andScatterValueType
(#16389) @JCQuintas
@mui/x-charts-pro@8.0.0-alpha.10
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-charts@8.0.0-alpha.10
.
Tree View
@mui/x-tree-view@8.0.0-alpha.10
Internal changes.
@mui/x-tree-view-pro@8.0.0-alpha.10
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-tree-view@8.0.0-alpha.10
.
Docs
- [docs] Improve release documentation (#16321) @MBilalShafi
Core
v7.25.0
We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
- 🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@k-rajat19, @lauri865.
Following are all team members who have contributed to this release:
@KenanYusuf, @MBilalShafi, @arminmeh.
Data Grid
@mui/x-data-grid@7.25.0
- [DataGrid] Fix
renderContext
calculation with scroll bounce / over-scroll (#16368) @lauri865 - [DataGrid] Refactor row state propagation (#16351) @lauri865
- [DataGrid] Add missing style overrides (#16272) (#16358) @KenanYusuf
- [DataGrid] Fix header filters keyboard navigation when there are no rows (#16369) @k-rajat19
- [DataGrid] Fix order of
onClick
prop on toolbar buttons (#16364) @KenanYusuf - [DataGrid] Improve test coverage of server side data source (#15988) @MBilalShafi
- [DataGrid] Remove outdated warning (#16370) @MBilalShafi
- [DataGrid] Respect width of
iconContainer
during autosizing (#16409) @michelengelen
@mui/x-data-grid-pro@7.25.0
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-data-grid@7.25.0
, plus:
- [DataGridPro] Fix the return type of
useGridApiRef
for Pro and Premium packages on React < 19 (#16348) @arminmeh - [DataGridPro] Fetch new rows only once when multiple models are changed in one cycle (#16382) @arminmeh
@mui/x-data-grid-premium@7.25.0
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/x-data-grid-pro@7.25.0
.
Date and Time Pickers
@mui/x-date-pickers@7.25.0
Internal changes.
@mui/x-date-pickers-pro@7.25.0
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-date-pickers@7.25.0
.
Charts
@mui/x-charts@7.25.0
Internal changes.
@mui/x-charts-pro@7.25.0
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-charts@7.25.0
.
Tree View
@mui/x-tree-view@7.25.0
Internal changes.
@mui/x-tree-view-pro@7.25.0
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-tree-view@7.25.0
.
Docs
- [docs] Improve release documentation (#16322) @MBilalShafi
Core
v8.0.0-alpha.9
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Improve Persian (fa-IR) and Urdu (ur-PK) locales on the Data Grid
- 📚 Documentation improvements
- 🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@AxharKhan, @lauri865, @mapache-salvaje, @mostafaRoosta74.
Following are all team members who have contributed to this release:
@alexfauquette, @cherniavskii, @Janpot, @JCQuintas, @LukasTy, @arminmeh.
Data Grid
@mui/x-data-grid@v8.0.0-alpha.9
- [DataGrid] Fix toggling preference panel from toolbar (#16274) @lauri865
- [DataGrid] Only try to mount filter button if there are filters present (#16267) @lauri865
- [DataGrid] Revert
apiRef
to beMutableRefObject
for React versions < 19 (#16279) @arminmeh - [l10n] Improve Persian (fa-IR) locale (#16312) @mostafaRoosta74
- [l10n] Improve Urdu (ur-PK) locale (#16295) @AxharKhan
@mui/x-data-grid-pro@v8.0.0-alpha.9
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-data-grid@v8.0.0-alpha.9
.
@mui/x-data-grid-premium@v8.0.0-alpha.9
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/x-data-grid-pro@v8.0.0-alpha.9
.
Date and Time Pickers
@mui/x-date-pickers@v8.0.0-alpha.9
@mui/x-date-pickers-pro@v8.0.0-alpha.9
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-date-pickers@v8.0.0-alpha.9
.
Charts
Breaking Changes
The experimentalMarkRendering
prop has been removed from the LineChart
component.
The line mark are now <circle />
element by default.
And you can chose another shape by adding a shape
property to your line series.
The codemod only removes the experimentalMarkRendering
prop.
If you relied on the fact that marks were path
elements, you need to update your logic.
@mui/x-charts@v8.0.0-alpha.9
- [charts] Expand line with step interpolation (#16229) @alexfauquette
- [charts] Fix hydration mismatch (#16261) @alexfauquette
- [charts] Fix zoom option reactivity (#16262) @alexfauquette
- [charts] Move legend getter to series config (#16307) @alexfauquette
- [charts] Use
<circle />
instead of<path />
for line marks by default (#15220) @alexfauquette
@mui/x-charts-pro@v8.0.0-alpha.9
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-charts@v8.0.0-alpha.9
, plus:
- [charts-pro] Fix
pro
components watermark (#16222) @JCQuintas
Tree View
@mui/x-tree-view@v8.0.0-alpha.9
Internal changes.
@mui/x-tree-view-pro@v8.0.0-alpha.9
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-tree-view@v8.0.0-alpha.9
.
Docs
- [docs] Fix
domainLimit
definition (#16270) @alexfauquette - [docs] Fix tiny line chart breaking change (#16268) @alexfauquette
- [docs] Revise planned feature callouts and descriptions (#16290) @mapache-salvaje
- [docs] Copyedit the Aggregation doc (#16200) @mapache-salvaje
- [docs] Revise the Data Grid getting started docs (#15757) @mapache-salvaje
- [code-infra] Add 'use client' directive (#16273) @Janpot
- [code-infra] Allow dispatch of manual cherry-pick workflow (#16299) @JCQuintas
- [code-infra] Update changelog script (#16218) @cherniavskii
- [test] Fix flaky column pinning tests (#16219) @cherniavskii
- [test] Fix flaky tests (#16257) @lauri865
v7.24.1
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
- 🐞 Bugfixes
- 🌍 Improve Persian (fa-IR) locale on the Data Grid
Special thanks go out to the community contributors who have helped make this release possible:
@mostafaRoosta74, @lauri865.
Following are all team members who have contributed to this release:
@alexfauquette, @JCQuintas, @cherniavskii, @LukasTy, @arminmeh.
Data Grid
@mui/x-data-grid@7.24.1
- [DataGrid] Fix toggling preference panel from toolbar (#16276) @lauri865
- [DataGrid] Only try to mount filter button if there are filters present (#16269) @lauri865
- [DataGrid] Revert
apiRef
to beMutableRefObject
for React versions < 19 (#16320) @arminmeh - [l10n] Improve Persian (fa-IR) locale (#15964) @mostafaRoosta74
@mui/x-data-grid-pro@7.24.1
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-data-grid@7.24.1
.
@mui/x-data-grid-premium@7.24.1
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/x-data-grid-pro@7.24.1
.
Date and Time Pickers
@mui/x-date-pickers@7.24.1
@mui/x-date-pickers-pro@7.24.1
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-date-pickers@7.24.1
.
Charts
@mui/x-charts@7.24.1
- [charts] Handle case where gradient stop
offset
could beInfinite
(@JCQuintas) (#16309) @JCQuintas
@mui/x-charts-pro@7.24.1
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-charts@7.24.1
.
Tree View
@mui/x-tree-view@7.24.1
Internal changes.
@mui/x-tree-view-pro@7.24.1
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-tree-view@7.24.1
.
Docs
- [docs] Fix
domainLimit
definition (#16271) @alexfauquette
Core
- [core] Make
@mui/x-internals
a dependency of@mui/x-license
(#16265) @alexfauquette - [test] Fix flaky column pinning tests (#16228) @cherniavskii
- [test] Fix flaky tests (#16264) @lauri865
v7.24.0
We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
- 🔄 Data Grid Scroll restoration
- 🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@lauri865, @AxharKhan.
Following are all team members who have contributed to this release:
@KenanYusuf, @arminmeh, @cherniavskii, @michelengelen, @samuelsycamore, @LukasTy.
Data Grid
@mui/x-data-grid@7.24.0
- [DataGrid] Fix resizing right pinned column (#16193) @KenanYusuf
- [DataGrid] Improve scrollbar deadzone with overlay scrollbars (#16212) @lauri865
- [DataGrid] Scroll restoration (#16208) @lauri865
- [DataGrid] Fix row, cell and header memoizations (#16195) @lauri865
- [l10n] Improve Urdu (ur-PK) locale (#16081) @AxharKhan
@mui/x-data-grid-pro@7.24.0
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-data-grid@7.24.0
, plus:
- [DataGridPro] Add test for column pinning with disabled column virtualization (#16196) @cherniavskii
- [DataGridPro] Fix width of right-pinned column group during resize (#16207) @cherniavskii
@mui/x-data-grid-premium@7.24.0
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/x-data-grid-pro@7.24.0
.
Date and Time Pickers
@mui/x-date-pickers@7.24.0
Internal changes.
@mui/x-date-pickers-pro@7.24.0
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-date-pickers@7.24.0
.
Charts
@mui/x-charts@7.24.0
Internal changes.
@mui/x-charts-pro@7.24.0
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-charts@7.24.0
.
Tree View
@mui/x-tree-view@7.24.0
Internal changes.
@mui/x-tree-view-pro@7.24.0
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-tree-view@7.24.0
.
Docs
- [docs] Copyedit the Data Grid cell selection page (#16213) @samuelsycamore
- [docs] Fix demo rendering issue on Codesandbox (#16129) @arminmeh
Core
- [core] Type all references as
RefObject
(#16125) @arminmeh - [code-infra] Refactor
react
andreact-dom
definitions to simplify dep resolving (#16214) @LukasTy - [infra] Improve cherry-pick action target list (#16188) @michelengelen
- [test] Fix flaky column pinning unit test (#16209) @cherniavskii
v8.0.0-alpha.8
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
-
🍬 Improved design for Data Grid Header filters
-
🔄 Data Grid Scroll restoration
-
📊 Charts support server-side rendering under some conditions
-
🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@lauri865.
Following are all team members who have contributed to this release:
@arminmeh, @romgrk, @samuelsycamore, @alexfauquette, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @michelengelen.
Data Grid
Breaking changes
- The clear button in header filter cells has been moved to the header filter menu. Use
slotProps={{ headerFilterCell: { showClearIcon: true } }}
to restore the clear button in the cell.
@mui/x-data-grid@8.0.0-alpha.8
- [DataGrid] Improve scrollbar deadzone with overlay scrollbars (#15961) @lauri865
- [DataGrid] Header filter design improvements (#15991) @KenanYusuf
- [DataGrid] Scroll restoration (#15623) @lauri865
- [DataGrid] Fix row, cell and header memoizations (#15666) @lauri865
@mui/x-data-grid-pro@8.0.0-alpha.8
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-data-grid@8.0.0-alpha.8
, plus:
- [DataGridPro] Add test for column pinning with disabled column virtualization (#16176) @cherniavskii
- [DataGridPro] Fix width of right-pinned column group during resize (#16199) @cherniavskii
@mui/x-data-grid-premium@8.0.0-alpha.8
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.8
.
Date and Time Pickers
Breaking changes
- The field is now editable if rendered inside a mobile Picker — Learn more
- The
useMultiInputDateRangeField
,useMultiInputTimeRangeField
, anduseMultiInputDateTimeRangeField
hooks have been removed in favor of the newuseMultiInputRangeField
hook — Learn more - The component passed to the
field
slot no longer receives thevalue
,onChange
,timezone
,format
,disabled
,formatDensity
,enableAccessibleFieldDOMStructure
,selectedSections
andonSelectedSectionsChange
props — Learn more
@mui/x-date-pickers@8.0.0-alpha.8
- [pickers] Let the field components handle their opening UI, and allow field editing on mobile pickers (#15671) @flaviendelangle
- [pickers] Remove code duplication for the multi input range fields (#15505) @flaviendelangle
- [pickers] Rename
onRangePositionChange
intosetRangePosition
inusePickerRangePositionContext
(#16189) @flaviendelangle - [pickers] Use context to pass props from the picker to the field (#16042) @flaviendelangle
@mui/x-date-pickers-pro@8.0.0-alpha.8
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-date-pickers@8.0.0-alpha.8
.
Charts
Breaking changes
- Charts tooltip markers now have different styles for each chart type. The tooltip and legend marks are now the same.
- Duplicate axis id's across
x
andy
axis now log a warning in dev mode. Axis ids should be unique to prevent internal issues.
@mui/x-charts@8.0.0-alpha.8
- [charts] Fix flaky charts tests (#16180) @JCQuintas
- [charts] Handle case where gradient stop
offset
could beInfinite
(#16131) @JCQuintas - [charts] Make
useChartGradientId
public (#16106) @JCQuintas - [charts] Move z-axis to plugin (#16130) @alexfauquette
- [charts] Plot data at first render if
skipAnimation
is set totrue
(#16166) @alexfauquette - [charts] Replace tooltip mark with style (#16117) @JCQuintas
- [charts] Support
rtl
for gradient legend (#16115) @JCQuintas - [charts] Use plugin system for series and axes (#15865) @alexfauquette
@mui/x-charts-pro@8.0.0-alpha.8
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-charts@8.0.0-alpha.8
.
Tree View
@mui/x-tree-view@8.0.0-alpha.8
No changes since @mui/x-tree-view-pro@v8.0.0-alpha.7
.
@mui/x-tree-view-pro@8.0.0-alpha.8
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/x-tree-view@8.0.0-alpha.8
.
Docs
- [docs] Add example for custom legend (#16169) @alexfauquette
- [docs] Add full custom field creation example (#15194) @flaviendelangle
- [docs] Copyedit the Data Grid cell selection page (#16099) @samuelsycamore
- [docs] Fix demo rendering issue on Codesandbox (#16118) @arminmeh
- [docs] Remove broken links (#16167) @alexfauquette
- [docs] Split the Data Grid editing page (#14931) @MBilalShafi
- [docs] Fix wrong props warnings (#16119) @JCQuintas
Core
- [core] Type all references as
RefObject
(#16124) @arminmeh - [code-infra] Refactor
react
andreact-dom
definitions to simplify dep resolving (#16160) @LukasTy - [code-infra] Stop renovate from updating
date-fns-v2
(#16158) @LukasTy - [infra] Improve cherry-pick action target list (#16184) @michelengelen
- [test] Fix flaky column pinning unit test (#16202) @cherniavskii
- [test] Fix flaky screenshot (#16182) @cherniavskii