Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[styles] Add support for TypeScript 4.1 #23692

Merged
merged 2 commits into from
Nov 23, 2020
Merged

[styles] Add support for TypeScript 4.1 #23692

merged 2 commits into from
Nov 23, 2020

Conversation

ldrick
Copy link
Contributor

@ldrick ldrick commented Nov 23, 2020

This PR adds cherry picks support for TypeScript 4.1 #23633 fixing #23627 in version 4.
Thanks to @eps1lon for creating the original PR.

@mui-pr-bot
Copy link

mui-pr-bot commented Nov 23, 2020

Details of bundle changes.

Comparing: 2f8b294...45dba02

Details of page changes
bundle Size Change Size Gzip Change Gzip
/components/pagination ▼ -10 B (-0.12% ) 8.25 kB -- -1 B
/getting-started/templates/blog ▲ +10 B (+0.13% ) 7.44 kB -- -1 B
/premium-themes/onepirate/sign-up ▲ +10 B (+0.89% ) 1.13 kB -- -1 B
/_app -- 36.9 kB -- -1 B
/api-docs/accordion-actions -- 1.48 kB -- -1 B
/api-docs/accordion-details -- 1.4 kB -- -1 B
/api-docs/accordion-summary -- 1.7 kB -- -1 B
/api-docs/accordion -- 1.97 kB -- -1 B
/api-docs/alert-title -- 1.4 kB -- -1 B
/api-docs/alert -- 2.4 kB -- -1 B
/api-docs/app-bar -- 1.94 kB -- -1 B
/api-docs/autocomplete -- 4.62 kB -- -1 B
/api-docs/avatar-group -- 1.51 kB -- -1 B
/api-docs/avatar -- 1.88 kB -- -1 B
/api-docs/backdrop -- 1.73 kB -- -1 B
/api-docs/badge -- 2.25 kB -- -1 B
/api-docs/bottom-navigation-action -- 1.81 kB -- -1 B
/api-docs/bottom-navigation -- 1.7 kB -- -1 B
/api-docs/breadcrumbs -- 1.79 kB -- -1 B
/api-docs/button-base -- 2.22 kB -- -1 B
/api-docs/button-group -- 2.22 kB -- -1 B
/api-docs/button -- 2.53 kB -- -1 B
/api-docs/card-action-area -- 1.58 kB -- -1 B
/api-docs/card-actions -- 1.47 kB -- -1 B
/api-docs/card-content -- 1.45 kB -- -1 B
/api-docs/card-header -- 1.78 kB -- -1 B
/api-docs/card-media -- 1.69 kB -- -1 B
/api-docs/card -- 1.5 kB -- -1 B
/api-docs/checkbox -- 2.3 kB -- -1 B
/api-docs/chip -- 2.46 kB -- -1 B
/api-docs/circular-progress -- 2.09 kB -- -1 B
/api-docs/click-away-listener -- 1.45 kB -- -1 B
/api-docs/collapse -- 2.13 kB -- -1 B
/api-docs/container -- 1.83 kB -- -1 B
/api-docs/css-baseline -- 1.4 kB -- -1 B
/api-docs/dialog-actions -- 1.47 kB -- -1 B
/api-docs/dialog-content-text -- 1.48 kB -- -1 B
/api-docs/dialog-content -- 1.45 kB -- -1 B
/api-docs/dialog-title -- 1.49 kB -- -1 B
/api-docs/dialog -- 2.79 kB -- -1 B
/api-docs/divider -- 1.81 kB -- -1 B
/api-docs/drawer -- 2.13 kB -- -1 B
/api-docs/expansion-panel-actions -- 1.55 kB -- -1 B
/api-docs/expansion-panel-details -- 1.47 kB -- -1 B
/api-docs/expansion-panel-summary -- 1.84 kB -- -1 B
/api-docs/expansion-panel -- 2.04 kB -- -1 B
/api-docs/fab -- 2.1 kB -- -1 B
/api-docs/fade -- 1.5 kB -- -1 B
/api-docs/filled-input -- 2.87 kB -- -1 B
/api-docs/form-control-label -- 1.99 kB -- -1 B
/api-docs/form-control -- 2.36 kB -- -1 B
/api-docs/form-group -- 1.55 kB -- -1 B
/api-docs/form-helper-text -- 1.91 kB -- -1 B
/api-docs/form-label -- 1.84 kB -- -1 B
/api-docs/grid-list-tile-bar -- 1.87 kB -- -1 B
/api-docs/grid-list-tile -- 1.79 kB -- -1 B
/api-docs/grid-list -- 1.7 kB -- -1 B
/api-docs/grid -- 2.56 kB -- -1 B
/api-docs/grow -- 1.55 kB -- -1 B
/api-docs/hidden -- 1.53 kB -- -1 B
/api-docs/icon-button -- 2.07 kB -- -1 B
/api-docs/icon -- 1.78 kB -- -1 B
/api-docs/image-list-item-bar -- 1.85 kB -- -1 B
/api-docs/image-list-item -- 1.65 kB -- -1 B
/api-docs/image-list -- 1.7 kB -- -1 B
/api-docs/input-adornment -- 1.95 kB -- -1 B
/api-docs/input-base -- 2.95 kB -- -1 B
/api-docs/input-label -- 2.07 kB -- -1 B
/api-docs/input -- 2.83 kB -- -1 B
/api-docs/linear-progress -- 2.03 kB -- -1 B
/api-docs/link -- 1.94 kB -- -1 B
/api-docs/list-item-avatar -- 1.51 kB -- -1 B
/api-docs/list-item-icon -- 1.51 kB -- -1 B
/api-docs/list-item-secondary-action -- 1.47 kB -- -1 B
/api-docs/list-item-text -- 1.79 kB -- -1 B
/api-docs/list-item -- 2.25 kB -- -1 B
/api-docs/list-subheader -- 1.75 kB -- -1 B
/api-docs/list -- 1.68 kB -- -1 B
/api-docs/menu-item -- 1.74 kB -- -1 B
/api-docs/menu-list -- 1.57 kB -- -1 B
/api-docs/menu -- 2.54 kB -- -1 B
/api-docs/mobile-stepper -- 1.94 kB -- -1 B
/api-docs/modal -- 2.43 kB -- -1 B
/api-docs/native-select -- 2.11 kB -- -1 B
/api-docs/no-ssr -- 1.3 kB -- -1 B
/api-docs/outlined-input -- 2.98 kB -- -1 B
/api-docs/pagination-item -- 1.97 kB -- -1 B
/api-docs/pagination -- 2.24 kB -- -1 B
/api-docs/paper -- 1.87 kB -- -1 B
/api-docs/popover -- 2.75 kB -- -1 B
/api-docs/popper -- 1.92 kB -- -1 B
/api-docs/portal -- 1.34 kB -- -1 B
/api-docs/radio-group -- 1.45 kB -- -1 B
/api-docs/radio -- 2.12 kB -- -1 B
/api-docs/rating -- 2.49 kB -- -1 B
/api-docs/root-ref -- 1.42 kB -- -1 B
/api-docs/scoped-css-baseline -- 1.4 kB -- -1 B
/api-docs/select -- 2.96 kB -- -1 B
/api-docs/skeleton -- 1.87 kB -- -1 B
/api-docs/slide -- 1.54 kB -- -1 B
/api-docs/slider -- 3.11 kB -- -1 B
/api-docs/snackbar-content -- 1.61 kB -- -1 B
/api-docs/snackbar -- 2.77 kB -- -1 B
/api-docs/speed-dial-action -- 2.04 kB -- -1 B
/api-docs/speed-dial-icon -- 1.55 kB -- -1 B
/api-docs/speed-dial -- 2.32 kB -- -1 B
/api-docs/step-button -- 1.63 kB -- -1 B
/api-docs/step-connector -- 1.54 kB -- -1 B
/api-docs/step-content -- 1.72 kB -- -1 B
/api-docs/step-icon -- 1.57 kB -- -1 B
/api-docs/step-label -- 1.9 kB -- -1 B
/api-docs/step -- 1.64 kB -- -1 B
/api-docs/stepper -- 1.84 kB -- -1 B
/api-docs/svg-icon -- 2.26 kB -- -1 B
/api-docs/swipeable-drawer -- 2.01 kB -- -1 B
/api-docs/switch -- 2.46 kB -- -1 B
/api-docs/tab-context -- 1.08 kB -- -1 B
/api-docs/tab-list -- 1.09 kB -- -1 B
/api-docs/tab-panel -- 1.48 kB -- -1 B
/api-docs/tab-scroll-button -- 1.62 kB -- -1 B
/api-docs/tab -- 1.97 kB -- -1 B
/api-docs/table-body -- 1.47 kB -- -1 B
/api-docs/table-cell -- 2.13 kB -- -1 B
/api-docs/table-container -- 1.48 kB -- -1 B
/api-docs/table-footer -- 1.47 kB -- -1 B
/api-docs/table-head -- 1.46 kB -- -1 B
/api-docs/table-pagination -- 2.47 kB -- -1 B
/api-docs/table-row -- 1.69 kB -- -1 B
/api-docs/table-sort-label -- 1.83 kB -- -1 B
/api-docs/table -- 1.7 kB -- -1 B
/api-docs/tabs -- 2.68 kB -- -1 B
/api-docs/text-field -- 3.18 kB -- -1 B
/api-docs/textarea-autosize -- 1.13 kB -- -1 B
/api-docs/timeline-connector -- 1.4 kB -- -1 B
/api-docs/timeline-content -- 1.43 kB -- -1 B
/api-docs/timeline-dot -- 1.63 kB -- -1 B
/api-docs/timeline-item -- 1.54 kB -- -1 B
/api-docs/timeline-opposite-content -- 1.44 kB -- -1 B
/api-docs/timeline-separator -- 1.4 kB -- -1 B
/api-docs/timeline -- 1.52 kB -- -1 B
/api-docs/toggle-button-group -- 1.92 kB -- -1 B
/api-docs/toggle-button -- 1.79 kB -- -1 B
/api-docs/toolbar -- 1.65 kB -- -1 B
/api-docs/tooltip -- 2.57 kB -- -1 B
/api-docs/tree-item -- 1.89 kB -- -1 B
/api-docs/tree-view -- 1.92 kB -- -1 B
/api-docs/typography -- 2.59 kB -- -1 B
/api-docs/unstable-trap-focus -- 1.46 kB -- -1 B
/api-docs/zoom -- 1.52 kB -- -1 B
/blog/2019-developer-survey-results -- 7.56 kB -- -1 B
/blog/2019 -- 5.41 kB -- -1 B
/blog/2020-developer-survey-results -- 9.46 kB -- -1 B
/blog/2020-introducing-sketch -- 4.68 kB -- -1 B
/blog/2020-q1-update -- 5.51 kB -- -1 B
/blog/2020-q2-update -- 5.56 kB -- -1 B
/blog/2020-q3-update -- 7.31 kB -- -1 B
/blog/april-2019-update -- 4.3 kB -- -1 B
/blog/august-2019-update -- 3.41 kB -- -1 B
/blog/danail-hadjiatanasov-joining -- 3.37 kB -- -1 B
/blog/december-2019-update -- 3.55 kB -- -1 B
/blog/july-2019-update -- 3.31 kB -- -1 B
/blog/june-2019-update -- 3.19 kB -- -1 B
/blog/march-2019-update -- 3.72 kB -- -1 B
/blog/marija-najdova-joining -- 3.27 kB -- -1 B
/blog/material-ui-v1-is-out -- 7.88 kB -- -1 B
/blog/material-ui-v4-is-out -- 10.8 kB -- -1 B
/blog/may-2019-update -- 3.53 kB -- -1 B
/blog/november-2019-update -- 3.93 kB -- -1 B
/blog/october-2019-update -- 3.69 kB -- -1 B
/blog/september-2019-update -- 3.87 kB -- -1 B
/blog/spotlight-damien-tassone -- 3.25 kB -- -1 B
/company/about -- 1.75 kB -- -1 B
/company/contact -- 1.34 kB -- -1 B
/company/jobs -- 1.33 kB -- -1 B
/company/software-engineer -- 5.33 kB -- -1 B
/components/about-the-lab -- 11.1 kB -- -1 B
/components/accordion -- 22.6 kB -- -1 B
/components/alert -- 14 kB -- -1 B
/components/app-bar -- 30.3 kB -- -1 B
/components/autocomplete -- 102 kB -- -1 B
/components/avatars -- 9.99 kB -- -1 B
/components/backdrop -- 3.12 kB -- -1 B
/components/badges -- 15.4 kB -- -1 B
/components/bottom-navigation -- 6.16 kB -- -1 B
/components/box -- 8.33 kB -- -1 B
/components/breadcrumbs -- 14.5 kB -- -1 B
/components/button-group -- 7.83 kB -- -1 B
/components/buttons -- 27.2 kB -- -1 B
/components/cards -- 17.4 kB -- -1 B
/components/checkboxes -- 16.6 kB -- -1 B
/components/chips -- 21.6 kB -- -1 B
/components/click-away-listener -- 5.5 kB -- -1 B
/components/container -- 3.92 kB -- -1 B
/components/css-baseline -- 7.24 kB -- -1 B
/components/dialogs -- 43.2 kB -- -1 B
/components/dividers -- 12.7 kB -- -1 B
/components/drawers -- 31.1 kB -- -1 B
/components/floating-action-button -- 10.9 kB -- -1 B
/components/grid -- 32.6 kB -- -1 B
/components/hidden -- 10.3 kB -- -1 B
/components/icons -- 28 kB -- -1 B
/components/image-list -- 12.1 kB -- -1 B
/components/links -- 7.35 kB -- -1 B
/components/lists -- 26.2 kB -- -1 B
/components/material-icons -- 729 kB -- -1 B
/components/menus -- 24.3 kB -- -1 B
/components/modal -- 12.5 kB -- -1 B
/components/no-ssr -- 5.5 kB -- -1 B
/components/paper -- 3.37 kB -- -1 B
/components/pickers -- 37.7 kB -- -1 B
/components/popover -- 17.5 kB -- -1 B
/components/popper -- 22.9 kB -- -1 B
/components/portal -- 3.32 kB -- -1 B
/components/progress -- 19.5 kB -- -1 B
/components/radio-buttons -- 15.5 kB -- -1 B
/components/rating -- 10.7 kB -- -1 B
/components/selects -- 32.7 kB -- -1 B
/components/skeleton -- 13.9 kB -- -1 B
/components/slider -- 16.2 kB -- -1 B
/components/snackbars -- 23.2 kB -- -1 B
/components/speed-dial -- 15.3 kB -- -1 B
/components/steppers -- 37.2 kB -- -1 B
/components/switches -- 17.2 kB -- -1 B
/components/tables -- 108 kB -- -1 B
/components/tabs -- 24.8 kB -- -1 B
/components/text-fields -- 56.2 kB -- -1 B
/components/textarea-autosize -- 3.02 kB -- -1 B
/components/timeline -- 7.47 kB -- -1 B
/components/toggle-button -- 11.7 kB -- -1 B
/components/tooltips -- 17.9 kB -- -1 B
/components/transfer-list -- 9.77 kB -- -1 B
/components/transitions -- 12.1 kB -- -1 B
/components/tree-view -- 11.5 kB -- -1 B
/components/typography -- 12.6 kB -- -1 B
/components/use-media-query -- 13.6 kB -- -1 B
/customization/breakpoints -- 17.1 kB -- -1 B
/customization/color -- 19.1 kB -- -1 B
/customization/components -- 37.3 kB -- -1 B
/customization/default-theme -- 8.8 kB -- -1 B
/customization/density -- 10.2 kB -- -1 B
/customization/globals -- 5.12 kB -- -1 B
/customization/palette -- 15.1 kB -- -1 B
/customization/spacing -- 2.87 kB -- -1 B
/customization/theming -- 19.4 kB -- -1 B
/customization/typography -- 13.4 kB -- -1 B
/customization/z-index -- 3.5 kB -- -1 B
/discover-more/backers -- 3.11 kB -- -1 B
/discover-more/changelog -- 1.39 kB -- -1 B
/discover-more/languages -- 3.4 kB -- -1 B
/discover-more/related-projects -- 9.08 kB -- -1 B
/discover-more/roadmap -- 3.72 kB -- -1 B
/discover-more/showcase -- 15.4 kB -- -1 B
/discover-more/team -- 7.18 kB -- -1 B
/discover-more/vision -- 6.75 kB -- -1 B
/getting-started/example-projects -- 7.29 kB -- -1 B
/getting-started/faq -- 40.5 kB -- -1 B
/getting-started/installation -- 8.64 kB -- -1 B
/getting-started/learn -- 8.51 kB -- -1 B
/getting-started/support -- 11.1 kB -- -1 B
/getting-started/supported-components -- 7.91 kB -- -1 B
/getting-started/supported-platforms -- 5.97 kB -- -1 B
/getting-started/templates -- 8.81 kB -- -1 B
/getting-started/templates/album -- 5.56 kB -- -1 B
/getting-started/templates/checkout -- 10.2 kB -- -1 B
/getting-started/templates/dashboard -- 8.85 kB -- -1 B
/getting-started/templates/pricing -- 7.8 kB -- -1 B
/getting-started/templates/sign-in-side -- 8.22 kB -- -1 B
/getting-started/templates/sign-in -- 8.46 kB -- -1 B
/getting-started/templates/sign-up -- 8.56 kB -- -1 B
/getting-started/templates/sticky-footer -- 1.54 kB -- -1 B
/getting-started/usage -- 9.34 kB -- -1 B
/guides/api -- 14.8 kB -- -1 B
/guides/composition -- 15.6 kB -- -1 B
/guides/flow -- 2.36 kB -- -1 B
/guides/interoperability -- 16 kB -- -1 B
/guides/localization -- 10.1 kB -- -1 B
/guides/migration-v0x -- 7.78 kB -- -1 B
/guides/migration-v3 -- 18.7 kB -- -1 B
/guides/minimizing-bundle-size -- 14.9 kB -- -1 B
/guides/responsive-ui -- 4.22 kB -- -1 B
/guides/right-to-left -- 5.37 kB -- -1 B
/guides/server-rendering -- 9.93 kB -- -1 B
/guides/testing -- 8.18 kB -- -1 B
/guides/typescript -- 15.8 kB -- -1 B
/performance/table-component -- 1.44 kB -- -1 B
/performance/table-emotion -- 8.49 kB -- -1 B
/performance/table-hook -- 2.24 kB -- -1 B
/performance/table-mui -- 4.49 kB -- -1 B
/performance/table-raw -- 613 B -- -1 B
/performance/table-styled-components -- 2.61 kB -- -1 B
/premium-themes/onepirate -- 7.34 kB -- -1 B
/premium-themes/onepirate/forgot-password -- 1.01 kB -- -1 B
/premium-themes/onepirate/privacy -- 4.44 kB -- -1 B
/premium-themes/onepirate/sign-in -- 1.07 kB -- -1 B
/premium-themes/onepirate/terms -- 11.8 kB -- -1 B
/premium-themes/paperbase -- 7.7 kB -- -1 B
/production-error -- 3.71 kB -- -1 B
/styles/advanced -- 32.6 kB -- -1 B
/styles/api -- 16.4 kB -- -1 B
/styles/basics -- 15.9 kB -- -1 B
/system/api -- 3.57 kB -- -1 B
/system/basics -- 27.3 kB -- -1 B
/system/borders -- 3.71 kB -- -1 B
/system/display -- 6.2 kB -- -1 B
/system/flexbox -- 5.39 kB -- -1 B
/system/palette -- 4.16 kB -- -1 B
/system/positions -- 2.27 kB -- -1 B
/system/shadows -- 3.69 kB -- -1 B
/system/sizing -- 3.35 kB -- -1 B
/system/spacing -- 6.25 kB -- -1 B
/system/typography -- 4.03 kB -- -1 B
/versions -- 22.8 kB -- -1 B
docs:chunk:shared -- 64 kB -- -1 B
docs:shared:chunk/commons -- 5.99 kB -- -1 B
docs:shared:chunk/framework -- 42.3 kB -- -1 B
docs:shared:runtime/main -- 6.78 kB -- -1 B
docs:shared:runtime/webpack -- 1.24 kB -- -1 B
bundle Size Change Size Gzip Change Gzip
@material-ui/core -- 382 kB -- 103 kB
@material-ui/lab -- 223 kB -- 65.8 kB
@material-ui/styles -- 52.1 kB -- 15.6 kB
@material-ui/system -- 17.5 kB -- 4.55 kB
@material-ui/utils -- 7.19 kB -- 2.61 kB
Accordion -- 77.6 kB -- 24.3 kB
AccordionActions -- 66.9 kB -- 20.9 kB
AccordionDetails -- 66.8 kB -- 20.9 kB
AccordionSummary -- 82.7 kB -- 26.1 kB
Alert -- 87.8 kB -- 27.7 kB
AlertTitle -- 69.1 kB -- 21.7 kB
AppBar -- 68.9 kB -- 21.6 kB
Autocomplete -- 136 kB -- 42.9 kB
Avatar -- 70.1 kB -- 21.9 kB
AvatarGroup -- 71.2 kB -- 22.5 kB
Backdrop -- 73.6 kB -- 22.8 kB
Badge -- 71.7 kB -- 22 kB
BottomNavigation -- 67.3 kB -- 21.1 kB
BottomNavigationAction -- 80 kB -- 25.3 kB
Box -- 73.9 kB -- 22.4 kB
Breadcrumbs -- 85 kB -- 26.8 kB
Button -- 84.3 kB -- 25.9 kB
ButtonBase -- 78.4 kB -- 24.6 kB
ButtonGroup -- 87.9 kB -- 27.1 kB
Card -- 67.7 kB -- 21.2 kB
CardActionArea -- 79.6 kB -- 25.1 kB
CardActions -- 66.9 kB -- 20.9 kB
CardContent -- 66.8 kB -- 20.9 kB
CardHeader -- 70 kB -- 22 kB
CardMedia -- 67.2 kB -- 21.1 kB
Checkbox -- 86.7 kB -- 27.5 kB
Chip -- 87.2 kB -- 26.8 kB
CircularProgress -- 69 kB -- 21.7 kB
ClickAwayListener -- 4.16 kB -- 1.67 kB
Collapse -- 73.9 kB -- 22.8 kB
colorManipulator -- 4.21 kB -- 1.65 kB
Container -- 68.1 kB -- 21.2 kB
CssBaseline -- 66.8 kB -- 21 kB
Dialog -- 88.8 kB -- 27.8 kB
DialogActions -- 67 kB -- 21 kB
DialogContent -- 67.1 kB -- 21 kB
DialogContentText -- 69 kB -- 21.6 kB
DialogTitle -- 69.2 kB -- 21.7 kB
Divider -- 67.5 kB -- 21.2 kB
docs:/ -- 12.9 kB -- -1 B
docs:/_app -- 36.9 kB -- -1 B
Drawer -- 90.8 kB -- 27.7 kB
ExpansionPanel -- 77.6 kB -- 24.3 kB
ExpansionPanelActions -- 66.9 kB -- 20.9 kB
ExpansionPanelDetails -- 66.8 kB -- 20.9 kB
ExpansionPanelSummary -- 82.7 kB -- 26.1 kB
Fab -- 81.3 kB -- 25.4 kB
Fade -- 29.4 kB -- 9.8 kB
FilledInput -- 78.4 kB -- 24.3 kB
FormControl -- 69.3 kB -- 21.6 kB
FormControlLabel -- 70.4 kB -- 22.1 kB
FormGroup -- 66.9 kB -- 20.9 kB
FormHelperText -- 68.2 kB -- 21.2 kB
FormLabel -- 68.4 kB -- 21.2 kB
Grid -- 70 kB -- 21.9 kB
GridList -- 67.3 kB -- 21.1 kB
GridListTile -- 68.6 kB -- 21.5 kB
GridListTileBar -- 68.1 kB -- 21.3 kB
Grow -- 30 kB -- 10 kB
Hidden -- 70.9 kB -- 22.2 kB
Icon -- 67.7 kB -- 21.2 kB
IconButton -- 80.7 kB -- 25.2 kB
ImageList -- 67.4 kB -- 21.1 kB
ImageListItem -- 68.6 kB -- 21.5 kB
ImageListItemBar -- 68.1 kB -- 21.3 kB
Input -- 77.3 kB -- 24.1 kB
InputAdornment -- 70 kB -- 22 kB
InputBase -- 75.5 kB -- 23.6 kB
InputLabel -- 70.2 kB -- 21.6 kB
LinearProgress -- 70.3 kB -- 21.9 kB
Link -- 71.5 kB -- 22.6 kB
List -- 67.2 kB -- 20.9 kB
ListItem -- 81.5 kB -- 25.6 kB
ListItemAvatar -- 67 kB -- 20.9 kB
ListItemIcon -- 67 kB -- 21 kB
ListItemSecondaryAction -- 66.9 kB -- 20.9 kB
ListItemText -- 69.9 kB -- 22 kB
ListSubheader -- 67.7 kB -- 21.2 kB
Menu -- 94.5 kB -- 29.1 kB
MenuItem -- 82.6 kB -- 25.9 kB
MenuList -- 70.9 kB -- 22.1 kB
MobileStepper -- 72.8 kB -- 22.8 kB
Modal -- 15.1 kB -- 5.28 kB
NativeSelect -- 81.8 kB -- 25.8 kB
NoSsr -- 2.18 kB -- 1.03 kB
OutlinedInput -- 79.5 kB -- 24.7 kB
packages/material-ui/material-ui.production.min.js -- 336 kB -- 96 kB
Pagination -- 89 kB -- 27.4 kB
PaginationItem -- 85.4 kB -- 26.3 kB
Paper -- 67.2 kB -- 20.9 kB
Popover -- 88.7 kB -- 27.5 kB
Popper -- 28.7 kB -- 10.3 kB
Portal -- 2.87 kB -- 1.29 kB
Radio -- 87.7 kB -- 27.8 kB
RadioGroup -- 68.8 kB -- 21.3 kB
Rating -- 75.8 kB -- 24.3 kB
RootRef -- 4.64 kB -- 1.76 kB
ScopedCssBaseline -- 67.7 kB -- 21.2 kB
Select -- 122 kB -- 36.3 kB
Skeleton -- 68.1 kB -- 21.5 kB
Slide -- 31.1 kB -- 10.4 kB
Slider -- 80.8 kB -- 25.7 kB
Snackbar -- 81.3 kB -- 25.5 kB
SnackbarContent -- 68.4 kB -- 21.5 kB
SpeedDial -- 91.5 kB -- 29.1 kB
SpeedDialAction -- 123 kB -- 39.2 kB
SpeedDialIcon -- 69.5 kB -- 21.8 kB
Step -- 67.6 kB -- 21.2 kB
StepButton -- 86.8 kB -- 27.4 kB
StepConnector -- 67.6 kB -- 21.2 kB
StepContent -- 75.1 kB -- 23.5 kB
StepIcon -- 69.5 kB -- 21.6 kB
StepLabel -- 73.5 kB -- 22.7 kB
Stepper -- 69.7 kB -- 21.9 kB
styles/createMuiTheme -- 22.3 kB -- 7.71 kB
SvgIcon -- 67.9 kB -- 21.2 kB
SwipeableDrawer -- 98.2 kB -- 30.9 kB
Switch -- 85.9 kB -- 27.1 kB
Tab -- 81 kB -- 25.8 kB
TabContext -- 2.65 kB -- 1.15 kB
Table -- 67.4 kB -- 21.1 kB
TableBody -- 67 kB -- 20.9 kB
TableCell -- 69 kB -- 21.7 kB
TableContainer -- 66.8 kB -- 20.9 kB
TableFooter -- 67 kB -- 20.9 kB
TableHead -- 67 kB -- 20.9 kB
TablePagination -- 149 kB -- 43.7 kB
TableRow -- 67.4 kB -- 21.1 kB
TableSortLabel -- 81.9 kB -- 25.9 kB
TabList -- 91.9 kB -- 29.4 kB
TabPanel -- 67.7 kB -- 21.2 kB
Tabs -- 90.7 kB -- 28.3 kB
TabScrollButton -- 81.5 kB -- 25.5 kB
TextareaAutosize -- 5.23 kB -- 2.19 kB
TextField -- 131 kB -- 38.4 kB
Timeline -- 67.3 kB -- 21.1 kB
TimelineConnector -- 66.8 kB -- 20.9 kB
TimelineContent -- 67.3 kB -- 21 kB
TimelineDot -- 67.9 kB -- 21.2 kB
TimelineItem -- 68 kB -- 21.3 kB
TimelineOppositeContent -- 67.4 kB -- 21.1 kB
TimelineSeparator -- 66.8 kB -- 20.9 kB
ToggleButton -- 80.6 kB -- 25.5 kB
ToggleButtonGroup -- 68.3 kB -- 21.4 kB
Toolbar -- 67.2 kB -- 21.1 kB
Tooltip -- 107 kB -- 34 kB
TreeItem -- 81 kB -- 25.7 kB
TreeView -- 73.2 kB -- 23 kB
Typography -- 68.6 kB -- 21.4 kB
Unstable_TrapFocus -- 3.87 kB -- 1.59 kB
useAutocomplete -- 14.7 kB -- 5.27 kB
useMediaQuery -- 2.56 kB -- 1.06 kB
useScrollTrigger -- 2.66 kB -- 1.08 kB
Zoom -- 29.4 kB -- 9.94 kB

Generated by 🚫 dangerJS against 45dba02

@oliviertassinari oliviertassinari changed the title cherry-pick Typescript 4.1 support [styles] Add support for TypeScript 4.1 Nov 23, 2020
@oliviertassinari oliviertassinari merged commit 8109926 into mui:master Nov 23, 2020
@oliviertassinari oliviertassinari added package: styles Specific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5. typescript labels Nov 23, 2020
@oliviertassinari
Copy link
Member

@ldrick It's a great first pull request on Material-UI 👌🏻. Thank you for working on it!

export default function makeStyles<
Theme = DefaultTheme,
Props extends {} = {},
Props extends object = {},
Copy link

Choose a reason for hiding this comment

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

This change is a breaking one for me

// Type 'boolean' does not satisfy the constraint 'object'.ts(2344)
// ___________________________________🔻
const useStyles = makeStyles<Theme, boolean>(() =>
  createStyles({
    root: {
      display: (show) => (show ? 'block' : 'none'),
    }
  })
}

Copy link

Choose a reason for hiding this comment

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

Probably, I was using it not as it was designed but still, FYI if it was unintentional

Copy link
Member

Choose a reason for hiding this comment

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

Related to #23706 (comment)

Copy link
Contributor

@EsoterikStare EsoterikStare Dec 18, 2020

Choose a reason for hiding this comment

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

A bit late to the party, but I wanted to say that we also found this (after a day and a half of searching) to be a breaking change. Based on the docs here, I think lots of people may have implemented a function instead of an object... I'm also not sure I've fully wrapped my head around why it broke us, but that's sort of beside the point. Just wanted to request more caution around things like this being in a patch release even if you could argue people were using it wrong as a justification for why it's "not a breaking change".

I would argue that if it was ever possible to use it wrong, and then you remove that possibility, that you've just made a breaking change, even if that was never the intended usage. /shrug

Copy link
Member

Choose a reason for hiding this comment

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

Just wanted to request more caution around things like this being in a patch release even if you could argue people were using it wrong as a justification for why it's "not a breaking change".

Any type change is potentially backwards incompatible and can therefore be considered breaking. In the DefinitelyTyped community, as well as recommended by TypeScript core members, we don't bump SemVer major changes if patch types or add new features. Otherwise we couldn't apply any change without constantly bumping the major.

): (props: Props) => ClassNameMap<ClassKey>;
): keyof Props extends never // `makeStyles` where the passed `styles` do not depend on props
? (props?: any) => ClassNameMap<ClassKey> // `makeStyles` where the passed `styles` do depend on props
: (props: Props) => ClassNameMap<ClassKey>;
Copy link

Choose a reason for hiding this comment

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

Those comments should be on lines 14 & 15 I guess 😅

): (props: Props) => ClassNameMap<ClassKey>;
): keyof Props extends never // `makeStyles` where the passed `styles` do not depend on props
? (props?: any) => ClassNameMap<ClassKey> // `makeStyles` where the passed `styles` do depend on props
: (props: Props) => ClassNameMap<ClassKey>;
Copy link

Choose a reason for hiding this comment

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

here also

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
package: styles Specific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5. typescript
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants