Skip to content

v5.0.0-alpha.34

Pre-release
Pre-release
Compare
Choose a tag to compare
@siriwatknp siriwatknp released this 18 May 10:50
· 7757 commits to next since this release
v5.0.0-alpha.34
ee3a077
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

May 18, 2021

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

  • 💥 Make progress with the breaking changes. We have done 89 of the 109 changes planned. We will release 5.0.0-beta.0 on July 1st and start to promote its usage over v4. You can also follow our milestone for more details.
  • 🚀 Make progress with components migration to emotion. We have done 153 of the 168 components (almost there!)
  • And many more 🐛 bug fixes and 📚 improvements.

@material-ui/core@5.0.0-alpha.34

Breaking change

  • [Select][NativeSelect] Polish CSS classes (#26186) @m4theushw

    Select, NativeSelect

    Merge the selectMenu slot into select. Slot selectMenu was redundant. The root slot is no longer applied to the select, but to the root.

    -<NativeSelect classes={{ root: 'class1', select: 'class2', selectMenu: 'class3' }} />
+<NativeSelect classes={{ select: 'class1 class2 class3' }} />

    TablePagination

    Move the custom class on input to select. The input key is being applied on another element.

    <TablePagination
- classes={{ input: 'foo' }}
+ classes={{ select: 'foo' }}
/>
  • [core] Move `StyledEngineProvider` to `@material-ui/core/styles` (#26265) @mnajdova

    Change location of StyledEngineProvider import.

    -import StyledEngineProvider from '@material-ui/core/StyledEngineProvider';
+import { StyledEngineProvider } from '@material-ui/core/styles';
  • [Autocomplete] Apply .Mui-focused instead of data-focus on the focused option (#26181) @m4theushw

    The data-focus attribute is not set on the focused option anymore, instead, global class names are used.

    -'.MuiAutocomplete-option[data-focus="true"]': {
+'.MuiAutocomplete-option.Mui-focused': {
  • [Radio] Make color primary default (#26180) @vicasas
  • [Switch] Make color primary default (#26182) @vicasas
  • [pickers] Drop ResponsiveWrapper usage (#26123) @eps1lon

    When a responsive picker changes from mobile to desktop, it will now clear its entire state. To keep the original behavior you can implement a controlled picker:

    function ResponsiveDateTimePicker(props) {
  const [open, setOpen] = React.useState(false);

  return (
    <DateTimePicker
      open={open}
      onClose={() => setOpen(false)}
      onOpen={() => setOpen(true)}
      {...props}
    />
  );
}
  • [Autocomplete] Rename getOptionSelected to isOptionEqualToValue (#26173) @m4theushw 
    <Autocomplete
-  getOptionSelected={(option, value) => option.title === value.title}
+  isOptionEqualToValue={(option, value) => option.title === value.title}
/>

Follow this link for full migration from v4 => v5

Changes

@material-ui/lab@5.0.0-alpha.34

@material-ui/icons@5.0.0-alpha.34

  • [icons] Remove extraneous React.Fragment (#26308) @eps1lon
  • [icons] Synchronize icons (#26302) @eps1lon

    New DriveFileMove icon and its variants

Docs

Core

All contributors of this release in alphabetical order: @arpitBhalla, @atisheyJain03, @davidfdriscoll, @eps1lon, @fzaninotto, @Gautam-Arora24, @gnowland, @huyenltnguyen, @likitarai1, @m4theushw, @mnajdova, @oliviertassinari, @ruppysuppy, @siriwatknp, @smmoosavi, @Vicas

Assets 2