Skip to content

Releases: mui/mui-x

v4.0.0-alpha.19

05 Feb 19:41
@DanailH DanailH
v4.0.0-alpha.19
0d36f69
Compare
Choose a tag to compare
v4.0.0-alpha.19
Feb 5, 2021

Big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:

@material-ui/[email protected] / @material-ui/[email protected]

Docs

Core

Loading

v4.0.0-alpha.18

26 Jan 15:07
@oliviertassinari oliviertassinari
v4.0.0-alpha.18
3fd0768
Compare
Choose a tag to compare
v4.0.0-alpha.18
Jan 26, 2021

Big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:

  • 🎁 Add support for Material-UI v5-alpha (#855) @DanailH.
    The data grid supports Material-UI v4 and v5. We aim to retain the support for v4 as long as v5 hasn't reached the beta phase. If you using v5, use the documentation of the component for v4.

  • 💅 Update the customization API to be closer to Material-UI v5. (#890, #851, #879) @dtassone
    The date grid accepts two props: components and componentsProps.
    The first prop allows to swapping specific components used in slots the grid, like the checkboxes.
    The second one allows providing extra props to each slot. It avoids the need for using the React context to access information from outside the data grid.

    See the RFC for more details.

  • 🐛 Polish existing features, fix 3 issues.

@material-ui/[email protected] / @material-ui/[email protected]

Breaking changes

  • [DataGrid] Implement customization pattern of Material-UI v5 (#851, #879) @dtassone

    • Capitalize the keys of the components prop. This change aims to bring consistency with the customization pattern of Material-UI v5:
    <DataGrid
  components={{
-   noRowsOverlay: CustomNoRowsOverlay,
+   NoRowOverlay: CustomNoRowsOverlay,
  }}
/>
    • Move all the icon components overrides in the components prop. And added the suffix 'Icon' on each icon component. This change aims to bring consistency with the customization pattern of Material-UI v5:
    <DataGrid
- icons: {{
-   ColumnSortedAscending: SortedAscending,
- }},
+ components={{
+   ColumnSortedAscendingIcon: SortedAscending,
+ }}
/>
    • Change the props provided to the component of the components prop. Expose the whole state instead of an arbitrary set of props:
    -function CustomPagination(props: ComponentProps) {
-  const { pagination, api } = props;
+function CustomPagination(props: BaseComponentProps) {
+  const { state, api } = props;

   return (
     <Pagination
-      page={pagination.page}
-      count={pagination.pageCount}
+      page={state.pagination.page}
+      count={state.pagination.pageCount}

// ...

<DataGrid components={{ Pagination: CustomPagination }} />

Changes

  • [DataGrid] Add customisation on panels (#890) @dtassone
  • [DataGrid] Add support for Material-UI v5-alpha (#855) @DanailH
  • [DataGrid] Fix footer count not shown on small screen (#899) @mnajdova
  • [DataGrid] Fix column selector crash when hiding columns (#875) @DanailH
  • [DataGrid] Fix Shift + Space keyboard regression to select row (#897) @dtassone

Docs

Core

Loading

v4.0.0-alpha.17

16 Jan 11:04
@dtassone dtassone
v4.0.0-alpha.17
c82ff7a
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
v4.0.0-alpha.17
Jan 14, 2021

Big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:

  • 🎛 Add support for Column selector (#837) @DanailH @dtassone.
    The feature can be triggered from the toolbar or the column menu. Check the documentation.

    column selector

  • 🐛 A focus on fixing regressions from previous releases refactoring and bugs.

@material-ui/[email protected] / @material-ui/[email protected]

Docs

Core

  • [core] Add tests for Column selector feature (#845) @DanailH
Loading

v4.0.0-alpha.15

07 Jan 15:48
@DanailH DanailH
v4.0.0-alpha.15
7fb8065
Compare
Choose a tag to compare
v4.0.0-alpha.15
Jan 7, 2021

Big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:

  • 🔗 Update peer dependencies for React 17 (#814) @DanailH
  • 🐛 Fix keyboard event collisions inside DataGrid cells (#794) @DanailH

@material-ui/[email protected] / @material-ui/[email protected]

Docs

  • [docs] Add documentation for the column menu (#815) @DanailH

Core

Loading

v4.0.0-alpha.14

31 Dec 11:40
@oliviertassinari oliviertassinari
v4.0.0-alpha.14
fe6ee6f
Compare
Choose a tag to compare
v4.0.0-alpha.14
Dec 31, 2020

Big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:

  • 🌎 Add support for internationalization (#718) @DanailH

    You can use the localeText prop to provide custom wordings in the data grid.
    Check the documentation for a demo.

  • 📚 Start documenting the filtering feature 🧪 (#754) @dtassone

    The work in progress filtering feature and documentation can be found following this link. Early feedback are welcome.

@material-ui/[email protected] / @material-ui/[email protected]

  • [DataGrid] Convert remaining text to use locale text API (#791) @DanailH
  • [DataGrid] Fix column width calculation after data changes (#756) @DanailH
  • [DataGrid] Setup internationalization (#718) @DanailH
  • [DataGrid] getValueError in valueGetter if incorrect field is supplied (#755) @ZeeshanTamboli
  • [XGrid] Fix support for custom class name generators (#793) @DanailH

Docs

Core

Loading

v4.0.0-alpha.13

16 Dec 12:58
@DanailH DanailH
v4.0.0-alpha.13
07a1743
Compare
Choose a tag to compare
v4.0.0-alpha.13

Big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:

  • 🐛 Fix bugs from recently released features.
  • 🧪 Continue the iteration on the data grid filtering feature, soon to be released @dtassone.

@material-ui/[email protected] / @material-ui/[email protected]

Docs

Core

Loading

v4.0.0-alpha.12

09 Dec 12:04
@dtassone dtassone
v4.0.0-alpha.12
b00c1de
Compare
Choose a tag to compare
v4.0.0-alpha.12

Big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:

  • 🔍 Add a new data grid density selector feature (#606) @DanailH.
  • 💄 A first iteration on the data grid's toolbar.
  • 🧪 Continue the iteration on the data grid filtering feature, soon to be released @dtassone.

@material-ui/[email protected] / @material-ui/[email protected]

Changes

Docs

Core

Loading

v4.0.0-alpha.11

02 Dec 12:10
@oliviertassinari oliviertassinari
v4.0.0-alpha.11
85cab77
Compare
Choose a tag to compare
v4.0.0-alpha.11

Big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:

  • 🐛 Fix bugs from recently released features.
  • 🧪 Iterate on the upcoming filtering feature under an undocumented prop.

@material-ui/[email protected] / @material-ui/[email protected]

Breaking changes

  • [XGrid] Rows refactoring, flatten RowModel, remove RowData (#668) @dtassone

    These changes simplify the API and avoid confusion between RowData and RowModel.
    Now we only have RowModel which is a flat object containing an id and the row data. It is the same object as the items of the rows prop array.

    The API to change update the rows using apiRef has changed:

    -apiRef.current.updateRowDate()
+apiRef.current.updateRows()
    -apiRef.current.setRowModels()
+apiRef.current.setRows()

    apiRef.current.updateRowModels has been removed, please use apiRef.current.updateRows.

Changes

Docs

Core

Loading

v4.0.0-alpha.10 (Nov 20, 2020)

20 Nov 11:15
@DanailH DanailH
v4.0.0-alpha.10
f0b5a2d
Compare
Choose a tag to compare
v4.0.0-alpha.10 (Nov 20, 2020)

@material-ui/[email protected] / @material-ui/[email protected]

Docs

  • [docs] Update feature comparison table for Column reorder @DanailH

Core

Loading

v4.0.0-alpha.9 (Nov 9, 2020)

09 Nov 22:09
@dtassone dtassone
v4.0.0-alpha.9
036e2de
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
v4.0.0-alpha.9 (Nov 9, 2020)

@material-ui/[email protected] / @material-ui/[email protected]

Docs

Core

Loading