Skip to content

Releases: mui/mui-x

v7.3.1

26 Apr 11:00
0cfc7e2
Compare
Choose a tag to compare

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

Data Grid

@mui/x-data-grid@7.3.1

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

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

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

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

Date and Time Pickers

@mui/x-date-pickers@7.3.1

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

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

Charts

@mui/x-charts@7.3.1

Tree View

@mui/x-tree-view@7.3.1

Docs

Core

v7.3.0

18 Apr 15:35
3a938a1
Compare
Choose a tag to compare

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

Data Grid

@mui/x-data-grid@7.3.0

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

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

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

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

Charts

Breaking change

A typo fix:

- ContinuouseScaleName
+ ContinuousScaleName

@mui/x-charts@7.3.0

Tree View

@mui/x-tree-view@7.3.0

Docs

Core

v6.19.11

18 Apr 15:01
571d833
Compare
Choose a tag to compare

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

  • 🐞 Bugfixes

Data Grid

@mui/x-data-grid@6.19.11

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

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

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

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

v7.2.0

12 Apr 17:44
a672caa
Compare
Choose a tag to compare

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

  • 🎨 Make grid colors customizable through the MUI themes API
  • 🌍 Improve French (fr-FR), German (de-DE), and Swedish (sv-SE) locales on the Data Grid and Pickers
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Data Grid

@mui/x-data-grid@7.2.0

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

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

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

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

  • [DataGridPremium] Fix clipboard paste not working when a cell loses focus (#12724) @cherniavskii

Date and Time Pickers

@mui/x-date-pickers@7.2.0

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

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

Charts

@mui/x-charts@7.2.0

Tree View

@mui/x-tree-view@7.2.0

Docs

Core

v6.19.10

12 Apr 17:53
943aa9f
Compare
Choose a tag to compare

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

  • 🐞 Bugfixes
  • 📚 Documentation improvements

Data Grid

@mui/x-data-grid@6.19.10

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

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

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

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

Core

v7.1.1

05 Apr 09:34
04c7262
Compare
Choose a tag to compare

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

  • 🚀 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

@mui/x-data-grid@7.1.1

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

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

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

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

Date and Time Pickers

@mui/x-date-pickers@7.1.1

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

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

Charts

@mui/x-charts@7.1.1

Tree View

@mui/x-tree-view@7.1.1

Docs

Core

v6.19.9

05 Apr 08:19
658dc34
Compare
Choose a tag to compare

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

  • 🐞 Bugfixes
  • 📚 Documentation improvements

Data Grid

@mui/x-data-grid@6.19.9

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

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

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

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

Date Pickers

@mui/x-date-pickers@6.19.9

No changes.

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

  • [DateRangePicker] Fix selection behavior with single input field when readOnly (#12605) @LukasTy

Docs

Core

v7.1.0

28 Mar 16:58
91c4e2c
Compare
Choose a tag to compare

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

  • 🚀 Add resizeThrottleMs prop (#12556) @romgrk
  • 🌍 Improve Chinese (Hong Kong) (zh-HK) and Italian (it-IT) locale on the Pickers
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Data Grid

@mui/x-data-grid@7.1.0

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

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

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

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

Date and Time Pickers

@mui/x-date-pickers@7.1.0

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

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

  • [DateRangePicker] Fix selection behavior with single input field when readOnly (#12593) @LukasTy

Charts

@mui/x-charts@7.1.0

Tree View

@mui/x-tree-view@7.1.0

  • [TreeView] Do not use outdated version of the state to compute new label first char in RichTreeView (#12512) @flaviendelangle

Docs

Core

v7.0.0

22 Mar 11:44
2e5fbb3
Compare
Choose a tag to compare

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.

@mui/x-data-grid@7.0.0

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

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

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

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

Date and Time Pickers

Breaking changes

  • The DesktopDateTimePicker view rendering has been optimized by using the same technique as for DesktopDateTimeRangePicker.
    • The dateTimeViewRenderers have been removed in favor of reusing existing time view renderers (renderTimeViewClock, renderDigitalClockTimeView and renderMultiSectionDigitalClockTimeView) and date view renderer (renderDateViewCalendar).
    • Passing renderTimeViewClock to time view renderers will no longer revert to the old behavior of rendering only date or time view.

@mui/x-date-pickers@7.0.0

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

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

Charts

@mui/x-charts@7.0.0

  • [charts] Fix small typo in CartesianContextProvider (#12461) @Janpot

Tree View

Breaking changes

  • The required nodeId prop used by the TreeItem has been renamed to itemId for consistency:
 <TreeView>
-    <TreeItem label="Item 1" nodeId="one">
+    <TreeItem label="Item 1" itemId="one">
 </TreeView>
  • The focus is now applied to the Tree Item root element instead of the Tree View root element.

    This change will allow new features that require the focus to be on the Tree Item,
    like the drag and drop reordering of items.
    It also solves several issues with focus management,
    like the inability to scroll to the focused item when a lot of items are rendered.

    This will mostly impact how you write tests to interact with the Tree View:

    For example, if you were writing a test with react-testing-library, here is what the changes could look like:

     it('test example on first item', () => {
    -  const { getByRole } = render(
    +  const { getAllByRole } = render(
         <SimpleTreeView>
           <TreeItem nodeId="one" />
           <TreeItem nodeId="two" />
        </SimpleTreeView>
       );
    
    -  const tree = getByRole('tree');
    +  const firstTreeItem = getAllByRole('treeitem')[0];
       act(() => {
    -    tree.focus();
    +    firstTreeItem.focus();
       });
    -  fireEvent.keyDown(tree, { key: 'ArrowDown' });
    +  fireEvent.keyDown(firstTreeItem, { key: 'ArrowDown' });
     })

@mui/x-tree-view@7.0.0

@mui/x-codemod@7.0.0

Docs

Core

v6.19.8

20 Mar 14:48
26ae333
Compare
Choose a tag to compare

We'd like to offer a big thanks to the 3 contributors who made this release possible.

Data Grid

@mui/x-data-grid@6.19.8

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

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

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

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

Docs