« Changelog History


MUI X v4.0.0-alpha.18 Release Notes

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