Skip to content

Releases: mui/mui-x

v6.19.7

14 Mar 11:39
@alexfauquette alexfauquette
v6.19.7
b054297
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v6.19.7

We'd like to offer a big thanks to @LukasTy who made this release possible.

Date Pickers

@mui/x-date-pickers@6.19.7

  • [pickers] Keep the existing time when looking for closest enabled date (#12410) @LukasTy

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

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

Docs

Contributors

LukasTy
Assets 2
Loading

v7.0.0-beta.6

08 Mar 15:57
@flaviendelangle flaviendelangle
v7.0.0-beta.6
f96c319
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v7.0.0-beta.6 Pre-release
Pre-release

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

  • 🐞 Bugfixes
  • 📚 Documentation improvements

Data Grid

@mui/x-data-grid@7.0.0-beta.6

@mui/x-data-grid-pro@7.0.0-beta.6 pro

Same changes as in @mui/x-data-grid@7.0.0-beta.6, plus:

  • [DataGridPro] Rework onRowsScrollEnd to use IntersectionObserver (#8672) @DanailH

@mui/x-data-grid-premium@7.0.0-beta.6 premium

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

Charts

@mui/x-charts@7.0.0-beta.6

Tree View

Breaking changes

  • The component used to animate the item children is now defined as a slot on the TreeItem component.

    If you were passing a TransitionComponent or TransitionProps to your TreeItem component,
    you need to use the new groupTransition slot on this component:

     <SimpleTreeView>
    <TreeItem
      nodeId="1"
      label="Node 1"
-     TransitionComponent={Fade}
+     slots={{ groupTransition: Fade }}
-     TransitionProps={{ timeout: 600 }}
+     slotProps={{ groupTransition: { timeout: 600 } }}
    />
  </SimpleTreeView>

  • The group class of the TreeItem component has been renamed to groupTransition to match with its new slot name.

     const StyledTreeItem = styled(TreeItem)({
-  [`& .${treeItemClasses.group}`]: {
+  [`& .${treeItemClasses.groupTransition}`]: {
    marginLeft: 20,
  },
 });

@mui/x-tree-view@7.0.0-beta.6

Docs

Core

Contributors

romgrk, flaviendelangle, and 6 other contributors
Assets 2
Loading

v7.0.0-beta.5

02 Mar 08:23
@romgrk romgrk
v7.0.0-beta.5
f9f60fd
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v7.0.0-beta.5 Pre-release
Pre-release

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

  • 🎁 Add getSortComparator for more advanced sorting behaviors (#12215) @cherniavskii
  • 🚀 Add use client directive to the Grid packages (#11803) @MBilalShafi
  • 🌍 Improve Korean (ko-KR) and Chinese (zh-CN) locales on the Pickers
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Data Grid

@mui/x-data-grid@7.0.0-beta.5

  • [DataGrid] Add getSortComparator for more advanced sorting behaviors (#12215) @cherniavskii
  • [DataGrid] Add use client directive to the Grid packages (#11803) @MBilalShafi
  • [DataGrid] Fix disableResetButton and disableShowHideToggle flags to not exclude each other (#12169) @adyry
  • [DataGrid] Fix cell range classnames (#12230) @romgrk
  • [DataGrid] Fix wrong offset for right-pinned columns when toggling dark/light modes (#12233) @cherniavskii
  • [DataGrid] Improve row virtualization and rendering performance (#12247) @romgrk
  • [DataGrid] Improve performance by removing querySelector call (#12229) @romgrk
  • [DataGrid] Fix onColumnWidthChange called before autosize affects column width (#12140) @shaharyar-shamshi
  • [DataGrid] Fix boolean "is" filter (#12117) @shaharyar-shamshi
  • [DataGrid] Fix upsertFilterItems removing filters that are not part of the update (#11954) @gitstart
  • [DataGrid] Render scrollbars only if there is scroll (#12265) @cherniavskii

@mui/x-data-grid-pro@7.0.0-beta.5 pro

Same changes as in @mui/x-data-grid@7.0.0-beta.5, plus:

@mui/x-data-grid-premium@7.0.0-beta.5 premium

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

  • [DataGridPremium] Make clipboard copy respect the sorting during cell selection (#12235) @MBilalShafi

Date Pickers

@mui/x-date-pickers@7.0.0-beta.5

@mui/x-date-pickers-pro@7.0.0-beta.5 pro

Same changes as in @mui/x-date-pickers@7.0.0-beta.5.

Charts / @mui/x-charts@7.0.0-beta.5

Tree View / @mui/x-tree-view@7.0.0-beta.5

Docs

Core

Contributors

Luzi, romgrk, and 13 other contributors
Assets 2
Loading

v6.19.6

02 Mar 08:23
@romgrk romgrk
v6.19.6
9fdf893
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v6.19.6

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

  • 🌍 Improve Korean (ko-KR) and Chinese (zh-CN) locales on the Pickers
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Data Grid

@mui/x-data-grid@6.19.6

  • [DataGrid] Fix error when existing rows are passed to replaceRows (@martijn-basesoft)

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

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

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

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

  • [DataGridPremium] Make clipboard copy respect the sorting during cell selection (#12255) @MBilalShafi

Date Pickers

@mui/x-date-pickers@6.19.6

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

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

Docs

  • [docs] Update lazy loading demo to show skeleton rows during initial rows fetch (#12062) @cherniavskii

Contributors

Luzi, martijn-basesoft, and 3 other contributors
Assets 2
Loading

v7.0.0-beta.4

23 Feb 12:44
@MBilalShafi MBilalShafi
v7.0.0-beta.4
1dd8f58
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v7.0.0-beta.4 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 ✨:

  • 🎁 Introduce a new DOM structure for the field components that provides a better accessibility
  • 🚀 Simplify Data Grid DOM structure for improved performance (#12013) @romgrk
  • 🕥 The support for IE11 has been removed (#12151) @flaviendelangle
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Breaking changes

  • The support for IE11 has been removed from all MUI X packages. The legacy bundle that used to support old browsers like IE11 is no longer included.

Data Grid

Breaking changes

  • The cell inner wrapper .MuiDataGrid-cellContent has been removed, use .MuiDataGrid-cell to style the cells.

@mui/x-data-grid@7.0.0-beta.4

@mui/x-data-grid-pro@7.0.0-beta.4 pro

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

@mui/x-data-grid-premium@7.0.0-beta.4 premium

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

Date Pickers

Breaking changes

  • The selectedSections prop no longer accepts start and end indexes.
    When selecting several — but not all — sections, the field components were not behaving correctly, you can now only select one or all sections:

     <DateField
-  selectedSections={{ startIndex: 0, endIndex: 0 }}
+  selectedSections={0}

   // If the field has 3 sections
-  selectedSections={{ startIndex: 0, endIndex: 2 }}
+  selectedSections="all"
 />

  • The headless field hooks (e.g.: useDateField) now returns a new prop called enableAccessibleFieldDOMStructure.
    This property is utilized to determine whether the anticipated UI is constructed using an accessible DOM structure. Learn more about this new accessible DOM structure.

When building a custom UI, you are most-likely only supporting one DOM structure, so you can remove enableAccessibleFieldDOMStructure before it is passed to the DOM:

  function MyCustomTextField(props) {
    const {
+     // Should be ignored
+     enableAccessibleFieldDOMStructure,
      // ... rest of the props you are using
    } = props;

    return ( /* Some UI to edit the date */ )
  }

  function MyCustomField(props) {
    const fieldResponse = useDateField<Dayjs, false, typeof textFieldProps>({
      ...props,
+     // If you only support one DOM structure, we advise you to hardcode it here to avoid unwanted switches in your application
+     enableAccessibleFieldDOMStructure: false,
    });

    return <MyCustomTextField ref={ref} {...fieldResponse} />;
  }

  function App() {
    return <DatePicker slots={{ field: MyCustomField }} />;
  }

  • The following internal types were exported by mistake and have been removed from the public API:

    • UseDateFieldDefaultizedProps
    • UseTimeFieldDefaultizedProps
    • UseDateTimeFieldDefaultizedProps
    • UseSingleInputDateRangeFieldComponentProps
    • UseSingleInputTimeRangeFieldComponentProps
    • UseSingleInputDateTimeRangeFieldComponentProps

@mui/x-date-pickers@7.0.0-beta.4

@mui/x-date-pickers-pro@7.0.0-beta.4 pro

Same changes as in @mui/x-date-pickers@7.0.0-beta.4.

Charts / @mui/x-charts@7.0.0-beta.4

Breaking changes

These components are no longer exported from @mui/x-charts:

  • CartesianContextProvider
  • DrawingProvider

@mui/x-charts@7.0.0-beta.4

Tree View / @mui/x-tree-view@7.0.0-beta.4

Docs

Core

Contributors

romgrk, gitstart, and 8 other contributors
Assets 2
Loading

v6.19.5

23 Feb 10:04
@MBilalShafi MBilalShafi
v6.19.5
cbd69c7
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v6.19.5

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

  • 🐞 Bugfixes
  • 📚 Documentation improvements

Data Grid

@mui/x-data-grid@6.19.5

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

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

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

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

Date Pickers

@mui/x-date-pickers@6.19.5

  • [pickers] Fix referenceDate day calendar focus (#12136) @LukasTy
  • [pickers] Fix styling props propagation to DateTimePickerTabs (#12131) @LukasTy

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

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

Charts / @mui/x-charts@6.19.5

Docs

Core

Contributors

oliviertassinari, flaviendelangle, and 5 other contributors
Assets 2
Loading

v7.0.0-beta.3

16 Feb 14:04
@MBilalShafi MBilalShafi
v7.0.0-beta.3
a939cd6
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v7.0.0-beta.3 Pre-release
Pre-release

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

Data Grid

Breaking changes

  • The rowEditCommit event and the related prop onRowEditCommit was removed. The processRowUpdate prop can be used in place.

@mui/x-data-grid@7.0.0-beta.3

@mui/x-data-grid-pro@7.0.0-beta.3 pro

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

@mui/x-data-grid-premium@7.0.0-beta.3 premium

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

Charts / @mui/x-charts@7.0.0-beta.3

Tree View / @mui/x-tree-view@7.0.0-beta.3

Docs

Core

Contributors

StylesTrip, romgrk, and 7 other contributors
Assets 2
Loading

v7.0.0-beta.2

09 Feb 19:09
@DanailH DanailH
v7.0.0-beta.2
0625170
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v7.0.0-beta.2 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

@mui/x-data-grid@v7.0.0-beta.2

@mui/x-data-grid-pro@v7.0.0-beta.2 pro

Same changes as in @mui/x-data-grid@v7.0.0-beta.2.

@mui/x-data-grid-premium@v7.0.0-beta.2 premium

Same changes as in @mui/x-data-grid-pro@v7.0.0-beta.2, plus:

Date Pickers

@mui/x-date-pickers@v7.0.0-beta.2

@mui/x-date-pickers-pro@v7.0.0-beta.2 pro

Same changes as in @mui/x-date-pickers@v7.0.0-beta.2.

Charts / @mui/x-charts@v7.0.0-beta.2

Tree View / @mui/x-tree-view@v7.0.0-beta.2

License

Breaking changes

  • If you're using the commercial license, you need to update the import path:

    -import { LicenseInfo } from '@mui/x-license-pro';
+import { LicenseInfo } from '@mui/x-license';

@mui/x-license@v7.0.0-beta.2

Docs

Core

Contributors

romgrk, Janpot, and 14 other contributors
Assets 2
Loading

v6.19.4

09 Feb 18:59
@DanailH DanailH
v6.19.4
b4f0545
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v6.19.4

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

  • 🌍 Improve Danish (da-DK) locale on the Data Grid (#11972) @ShahrazH
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Data Grid

@mui/x-data-grid@v6.19.4

@mui/x-data-grid-pro@v6.19.4 pro

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

@mui/x-data-grid-premium@v6.19.4 premium

Same changes as in @mui/x-data-grid-pro@v6.19.4, plus:

Date Pickers

@mui/x-date-pickers@v6.19.4

  • [pickers] Avoid relying on locale in Luxon isWithinRange method (#11940) @LukasTy

@mui/x-date-pickers-pro@v6.19.4 pro

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

Charts / @mui/x-charts@v6.19.4

Docs

Contributors

romgrk, oliviertassinari, and 8 other contributors
Assets 2
Loading

v7.0.0-beta.1

01 Feb 20:53
@LukasTy LukasTy
v7.0.0-beta.1
ff52290
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v7.0.0-beta.1 Pre-release
Pre-release

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

Data Grid

Breaking changes

  • The signature of GridColDef['valueGetter'] has been changed for performance reasons:

    - valueGetter: ({ value, row }) => value,
+ valueGetter: (value, row, column, apiRef) => value,

    The GridValueGetterParams interface has been removed:

    - const customValueGetter = (params: GridValueGetterParams) => params.row.budget;
+ const customValueGetter: GridValueGetterFn = (value, row) => row.budget;

  • The signature of GridColDef['valueFormatter'] has been changed for performance reasons:

    - valueFormatter: ({ value }) => value,
+ valueFormatter: (value, row, column, apiRef) => value,

    The GridValueFormatterParams interface has been removed:

    - const gridDateFormatter = ({ value, field, id }: GridValueFormatterParams<Date>) => value.toLocaleDateString();
+ const gridDateFormatter: GridValueFormatter = (value: Date) => value.toLocaleDateString();

  • The signature of GridColDef['valueSetter'] has been changed for performance reasons:

    - valueSetter: (params) => {
-   const [firstName, lastName] = params.value!.toString().split(' ');
-   return { ...params.row, firstName, lastName };
- }
+ valueSetter: (value, row) => {
+   const [firstName, lastName] = value!.toString().split(' ');
+   return { ...row, firstName, lastName };
+}

    The GridValueSetterParams interface has been removed:

    - const setFullName = (params: GridValueSetterParams) => {
-   const [firstName, lastName] = params.value!.toString().split(' ');
-   return { ...params.row, firstName, lastName };
- };
+ const setFullName: GridValueSetter<Row> = (value, row) => {
+   const [firstName, lastName] = value!.toString().split(' ');
+   return { ...row, firstName, lastName };
+ }

  • The signature of GridColDef['valueParser'] has been changed for performance reasons:

    - valueParser: (value, params: GridCellParams) => value.toLowerCase(),
+ valueParser: (value, row, column, apiRef) => value.toLowerCase(),

  • The signature of GridColDef['colSpan'] has been changed for performance reasons:

    - colSpan: ({ row, field, value }: GridCellParams) => (row.id === 'total' ? 2 : 1),
+ colSpan: (value, row, column, apiRef) => (row.id === 'total' ? 2 : 1),

  • The signature of GridColDef['pastedValueParser'] has been changed for performance reasons:

    - pastedValueParser: (value, params) => new Date(value),
+ pastedValueParser: (value, row, column, apiRef) => new Date(value),

  • The signature of GridColDef['groupingValueGetter'] has been changed for performance reasons:

    - groupingValueGetter: (params) => params.value.name,
+ groupingValueGetter: (value: { name: string }) => value.name,

@mui/x-data-grid@7.0.0-beta.1

@mui/x-data-grid-pro@7.0.0-beta.1 pro

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

@mui/x-data-grid-premium@7.0.0-beta.1 premium

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

Date Pickers

@mui/x-date-pickers@7.0.0-beta.1

  • [TimePicker] Add missing toolbar classes descriptions (#11856) @LukasTy

@mui/x-date-pickers-pro@7.0.0-beta.1 pro

Same changes as in @mui/x-date-pickers@7.0.0-beta.1.

Charts

Breaking changes

  • The line chart now have animation by default.
    You can disable it with skipAnimation prop.
    See animation documentation for more information.

  • Pie charts onClick get renamed onItemClick for consistency with other charts click callback.

@mui/x-charts@7.0.0-beta.1

Docs

Core

Contributors

joserodolfofreitas, oliviertassinari, and 11 other contributors
Assets 2
Loading