Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Conversation

@mikemurray
Copy link
Member

@mikemurray mikemurray commented Jul 3, 2019

Impact: major
Type: feature|chore

Issue

MUI 4.0 release a few months back and adds some refinements to an already super useful library. We were on 3.9 previously.

Solution

  • Update to 4.2.1
  • Fix issues with Grid and spacing

Breaking changes

  • Depreciation warning: theme.spacing.unit is will be theme.spacing(). Updated all our uses of theme.spacing.unit to theme.spacing(). This will be a breaking change for v5.
  • Visual: Grid spacing is now from 0-10 which are multiples of the base spacing unit of 8. Values about 10 with show a warning in the console.
  • Visual: tables with checkboxes and icon buttons will need <TableCell paddingCheckbox> or <TableCell paddingNone>, otherwise the rows will be much taller than necessary.

I say these are mostly visual breaking changes. The app should run with maybe some extra padding or warnings to update to the new features for older plugins.

Testing

  1. Smoke test the operator UI and ensure there are no console warnings from MUI and that everything is spaced correctly.
  2. Compare to a previous version of the UI that's already running (you know the one) and see that this matches closely to that one.

Theme.spacing() is now a function.

Signed-off-by: Mike Murray <[email protected]>
`spacing` is now from 0 - 10, where `3 * base spacing unit of 8` will still equal `24`

Signed-off-by: Mike Murray <[email protected]>
`spacing` is now from 0 - 10, where `1 * base spacing unit of 8` will still equal `8`

Signed-off-by: Mike Murray <[email protected]>
`spacing` is now from 0 - 10, where `5 * base spacing unit of 8` will still equal `40`

Signed-off-by: Mike Murray <[email protected]>
@mikemurray mikemurray force-pushed the feat-mikemurray-mui-4.0 branch from 0b9e30d to e660e8d Compare July 3, 2019 23:14
@mikemurray
Copy link
Member Author

The remaining issues I see seem to be some icon size and list item spacing issues.

@mikemurray mikemurray changed the title [WIP] Update Material-UI 4.x Update Material-UI 4.x Jul 19, 2019
@mikemurray mikemurray marked this pull request as ready for review July 19, 2019 21:06
Copy link
Member

@kieckhafer kieckhafer left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code changes look good. Made a comment about MUI version inline.

Signed-off-by: Mike Murray <[email protected]>
Copy link
Member

@kieckhafer kieckhafer left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I made a couple updates to change spacing sizes in a couple files that were missed, but everything looks good after those couple changes 👍

Signed-off-by: Erik Kieckhafer <[email protected]>
@kieckhafer kieckhafer merged commit 9831ad7 into develop Jul 19, 2019
@kieckhafer kieckhafer deleted the feat-mikemurray-mui-4.0 branch July 19, 2019 22:19
@kieckhafer kieckhafer mentioned this pull request Aug 2, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants