Skip to content

Releases: mui/mui-x

v4.0.0-alpha.19

05 Feb 19:41
Compare
Choose a tag to compare
Feb 5, 2021

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

@material-ui/x-grid@v4.0.0-alpha.19 / @material-ui/data-grid@v4.0.0-alpha.19

Docs

Core

v4.0.0-alpha.18

26 Jan 15:07
Compare
Choose a tag to compare
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/x-grid@v4.0.0-alpha.18 / @material-ui/data-grid@v4.0.0-alpha.18

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

v4.0.0-alpha.17

16 Jan 11:04
c82ff7a
Compare
Choose a tag to compare
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/x-grid@v4.0.0-alpha.17 / @material-ui/data-grid@v4.0.0-alpha.17

Docs

Core

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

v4.0.0-alpha.15

07 Jan 15:48
Compare
Choose a tag to compare
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/x-grid@v4.0.0-alpha.15 / @material-ui/data-grid@v4.0.0-alpha.15

Docs

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

Core

v4.0.0-alpha.14

31 Dec 11:40
Compare
Choose a tag to compare
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/x-grid@v4.0.0-alpha.14 / @material-ui/data-grid@v4.0.0-alpha.14

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

v4.0.0-alpha.13

16 Dec 12:58
Compare
Choose a tag to compare

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/x-grid@v4.0.0-alpha.13 / @material-ui/data-grid@v4.0.0-alpha.13

Docs

Core

v4.0.0-alpha.12

09 Dec 12:04
Compare
Choose a tag to compare

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/x-grid@v4.0.0-alpha.12 / @material-ui/data-grid@v4.0.0-alpha.12

Changes

Docs

Core

v4.0.0-alpha.11

02 Dec 12:10
Compare
Choose a tag to compare

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/x-grid@v4.0.0-alpha.11 / @material-ui/data-grid@v4.0.0-alpha.11

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

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

20 Nov 11:15
Compare
Choose a tag to compare

@material-ui/x-grid@v4.0.0-alpha.10 / @material-ui/data-grid@v4.0.0-alpha.10

Docs

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

Core

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

09 Nov 22:09
036e2de
Compare
Choose a tag to compare

@material-ui/x-grid@v4.0.0-alpha.9 / @material-ui/data-grid@v4.0.0-alpha.9

Docs

Core