Skip to content

Releases: mui/mui-x

v8.0.0-alpha.12

17 Feb 14:51
f2a285a
Compare
Choose a tag to compare
v8.0.0-alpha.12 Pre-release
Pre-release

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 to main--hiddenContent and is now also applied when the "No columns" overlay is displayed.

  • The apiRef.current.forceUpdate() method was removed. Use selectors combined with useGridSelector() hook to react to changes in the state.

  • The selectors signature has been updated. They are only accepting apiRef as a first argument and instanceId is no longer the third argument.

    -mySelector(state, arguments, instanceId)
    +mySelector(apiRef, arguments)

@mui/x-data-grid@8.0.0-alpha.12

@mui/x-data-grid-pro@8.0.0-alpha.12 pro

Same changes as in @mui/x-data-grid@8.0.0-alpha.12.

@mui/x-data-grid-premium@8.0.0-alpha.12 premium

Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.12, plus:

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 set ampm 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 use fullTime12h and fullTime24h instead:
        <LocalizationProvider
          dateFormats={{
      -     fullTime: 'LT',
      +     fullTime12h: 'hh:mm A',
      +     fullTime24h: 'hh:mm',
          }}
        >
    • keyboardDateTime - please use keyboardDateTime12h and keyboardDateTime24h 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

Same changes as in @mui/x-date-pickers@8.0.0-alpha.12, plus:

  • [DateRangePicker] Avoid unnecessary field section focusing (#16474) @LukasTy

Charts

Breaking changes

  • The useSeries hook family has been stabilized and renamed accordingly — Learn more

@mui/x-charts@8.0.0-alpha.12

@mui/x-charts-pro@8.0.0-alpha.12 pro

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

Same changes as in @mui/x-tree-view@8.0.0-alpha.12.

Docs

Core

v7.27.0

17 Feb 10:30
c505f40
Compare
Choose a tag to compare

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

@mui/x-data-grid-pro@7.27.0 pro

Same changes as in @mui/x-data-grid@7.27.0.

@mui/x-data-grid-premium@7.27.0 premium

Same changes as in @mui/x-data-grid-pro@7.27.0, plus:

Date and Time Pickers

@mui/x-date-pickers@7.27.0

Internal changes.

@mui/x-date-pickers-pro@7.27.0 pro

Same changes as in @mui/x-date-pickers@7.27.0, plus:

  • [DateRangePicker] Avoid unnecessary field section focusing (#16569) @LukasTy

Charts

@mui/x-charts@7.27.0

Internal changes.

@mui/x-charts-pro@7.27.0 pro

Core

  • [test] Fix Data Grid data source error test on React 18 (#16565) @arminmeh

v8.0.0-alpha.11

07 Feb 14:20
8ff176d
Compare
Choose a tag to compare
v8.0.0-alpha.11 Pre-release
Pre-release

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 contain true values anymore. If the row is filtered out, the value is false. Otherwise, the row id is not present in the object.
    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:

     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 contain true values anymore. If the row is not visible, the value is false. 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

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

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

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

@mui/x-charts-pro@8.0.0-alpha.11 pro

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

Same changes as in @mui/x-tree-view@8.0.0-alpha.11.

Docs

Core

v7.26.0

07 Feb 12:51
3b96643
Compare
Choose a tag to compare

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

  • [DataGrid] Avoid <GridRoot /> double-render pass on mount in SPA mode (#16480) @lauri865

@mui/x-data-grid-pro@7.26.0 pro

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

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

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

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

Same changes as in @mui/x-tree-view@7.26.0.

Core

v8.0.0-alpha.10

31 Jan 18:55
a592f92
Compare
Choose a tag to compare
v8.0.0-alpha.10 Pre-release
Pre-release

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 to theme.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 named containerBackground)
    • pinnedBg: Sets the background color of pinned rows and columns (previously named pinnedBackground)
     const theme = createTheme({
    -  mixins: {
    -    MuiDataGrid: {
    -      containerBackground: '#f8fafc',
    -      pinnedBackground: '#f1f5f9',
    -    },
    -  },
    +  palette: {
    +    DataGrid: {
    +      bg: '#f8fafc',
    +      headerBg: '#e2e8f0',
    +      pinnedBg: '#f1f5f9',
    +    },
    +  },
     });
  • The detailPanels, pinnedColumns, and pinnedRowsRenderZone classes have been removed.

  • 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 {}.

    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 not null
    • Return early if apiRef is null
    • Throw an error if apiRef is null

@mui/x-data-grid@8.0.0-alpha.10

@mui/x-data-grid-pro@8.0.0-alpha.10 pro

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

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 the ref, disabled, className, sx, label, name, formatDensity, enableAccessibleFieldDOMStructure, selectedSections, onSelectedSectionsChange and inputRef props — Learn more
  • The MuiPickersPopper theme entry have been renamed MuiPickerPopper and some of its props have been removed — Learn more

@mui/x-date-pickers@8.0.0-alpha.10

@mui/x-date-pickers-pro@8.0.0-alpha.10 pro

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 the colors property of charts.
  • The id property is now optional on the Pie and Scatter data types.

@mui/x-charts@8.0.0-alpha.10

@mui/x-charts-pro@8.0.0-alpha.10 pro

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

Same changes as in @mui/x-tree-view@8.0.0-alpha.10.

Docs

Core

v7.25.0

31 Jan 18:54
1e6ac1b
Compare
Choose a tag to compare

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

@mui/x-data-grid-pro@7.25.0 pro

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

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

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

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

Same changes as in @mui/x-tree-view@7.25.0.

Docs

Core

v8.0.0-alpha.9

24 Jan 13:16
22f4ca7
Compare
Choose a tag to compare
v8.0.0-alpha.9 Pre-release
Pre-release

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

@mui/x-data-grid-pro@v8.0.0-alpha.9 pro

Same changes as in @mui/x-data-grid@v8.0.0-alpha.9.

@mui/x-data-grid-premium@v8.0.0-alpha.9 premium

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

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

@mui/x-charts-pro@v8.0.0-alpha.9 pro

Same changes as in @mui/x-charts@v8.0.0-alpha.9, plus:

Tree View

@mui/x-tree-view@v8.0.0-alpha.9

Internal changes.

@mui/x-tree-view-pro@v8.0.0-alpha.9 pro

Same changes as in @mui/x-tree-view@v8.0.0-alpha.9.

Docs

v7.24.1

24 Jan 11:01
f354e42
Compare
Choose a tag to compare

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

@mui/x-data-grid-pro@7.24.1 pro

Same changes as in @mui/x-data-grid@7.24.1.

@mui/x-data-grid-premium@7.24.1 premium

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

Same changes as in @mui/x-date-pickers@7.24.1.

Charts

@mui/x-charts@7.24.1

@mui/x-charts-pro@7.24.1 pro

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

Same changes as in @mui/x-tree-view@7.24.1.

Docs

Core

v7.24.0

17 Jan 15:09
3dd2dfe
Compare
Choose a tag to compare

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

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

@mui/x-data-grid-pro@7.24.0 pro

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

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

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

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

Same changes as in @mui/x-tree-view@7.24.0.

Docs

Core

v8.0.0-alpha.8

16 Jan 16:13
3f5b6b1
Compare
Choose a tag to compare
v8.0.0-alpha.8 Pre-release
Pre-release

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

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

@mui/x-data-grid-pro@8.0.0-alpha.8 pro

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

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, and useMultiInputDateTimeRangeField hooks have been removed in favor of the new useMultiInputRangeField hook — Learn more
  • The component passed to the field slot no longer receives the value, onChange, timezone, format, disabled, formatDensity, enableAccessibleFieldDOMStructure, selectedSections and onSelectedSectionsChange props — Learn more

@mui/x-date-pickers@8.0.0-alpha.8

@mui/x-date-pickers-pro@8.0.0-alpha.8 pro

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 and y 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

@mui/x-charts-pro@8.0.0-alpha.8 pro

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

Same changes as in @mui/x-tree-view@8.0.0-alpha.8.

Docs

Core