Skip to content

Conversation

@oliviertassinari
Copy link
Member

@oliviertassinari oliviertassinari commented Mar 27, 2020

A follow-up on #20268.

@mui-pr-bot
Copy link

mui-pr-bot commented Mar 28, 2020

Details of bundle changes.

Comparing: e9fbcbf...e17db10

Details of page changes
bundle Size Change Size Gzip Change Gzip
/components/lists ▼ -7.1 kB (-21.52% ) 25.9 kB -- -1 B
/components/autocomplete ▼ -7 kB (-6.31% ) 104 kB -- -1 B
/components/tables ▼ -3 kB (-1.69% ) 174 kB -- -1 B
/components/popover ▲ +2.2 kB (+15.07% ) 16.8 kB -- -1 B
/components/speed-dial ▼ -200 B (-1.37% ) 14.4 kB -- -1 B
/components/alert ▼ -100 B (-0.80% ) 12.4 kB -- -1 B
/components/app-bar ▼ -100 B (-0.32% ) 30.8 kB -- -1 B
/components/badges ▼ -100 B (-0.66% ) 15 kB -- -1 B
/components/cards ▼ -100 B (-0.59% ) 16.8 kB -- -1 B
/components/checkboxes ▼ -100 B (-0.60% ) 16.5 kB -- -1 B
/components/chips ▼ -100 B (-0.47% ) 21.4 kB -- -1 B
/components/dividers ▼ -100 B (-0.81% ) 12.2 kB -- -1 B
/components/expansion-panels ▼ -100 B (-0.50% ) 20 kB -- -1 B
/components/grid ▼ -100 B (-0.29% ) 33.8 kB -- -1 B
/components/rating ▼ -100 B (-0.93% ) 10.6 kB -- -1 B
/components/snackbars ▼ -100 B (-0.40% ) 24.8 kB -- -1 B
/components/toggle-button ▲ +100 B (+0.95% ) 10.6 kB -- -1 B
/customization/color ▼ -100 B (-0.46% ) 21.5 kB -- -1 B
/customization/theming ▼ -100 B (-0.58% ) 17 kB -- -1 B
/guides/localization ▼ -100 B (-0.50% ) 19.8 kB -- -1 B
/system/basics ▼ -100 B (-0.40% ) 25.1 kB -- -1 B
/components/avatars ▼ -90 B (-1.06% ) 8.44 kB -- -1 B
/components/pagination ▼ -80 B (-0.98% ) 8.07 kB -- -1 B
/components/transfer-list ▼ -80 B (-0.86% ) 9.2 kB -- -1 B
/getting-started/templates/album ▼ -70 B (-1.24% ) 5.58 kB -- -1 B
/getting-started/templates/dashboard ▼ -70 B (-0.82% ) 8.47 kB -- -1 B
/getting-started/templates/pricing ▼ -70 B (-0.89% ) 7.79 kB -- -1 B
/getting-started/templates/sign-in-side ▼ -70 B (-0.75% ) 9.24 kB -- -1 B
/getting-started/templates/sign-in ▼ -70 B (-0.73% ) 9.47 kB -- -1 B
/getting-started/templates/sign-up ▼ -70 B (-0.73% ) 9.58 kB -- -1 B
/components/button-group ▲ +10 B (+0.15% ) 6.66 kB -- -1 B
/customization/density ▲ +10 B (+0.11% ) 9.15 kB -- -1 B
/getting-started/templates/blog ▲ +10 B (+0.13% ) 7.44 kB -- -1 B
/guides/right-to-left ▼ -10 B (-0.15% ) 6.69 kB -- -1 B
/premium-themes/onepirate/privacy ▼ -10 B (-0.23% ) 4.43 kB -- -1 B
/premium-themes/paperbase ▼ -10 B (-0.11% ) 8.71 kB -- -1 B
/system/palette ▲ +10 B (+0.23% ) 4.29 kB -- -1 B
/_app -- 34.4 kB -- -1 B
/api-docs/alert-title -- 1.14 kB -- -1 B
/api-docs/alert -- 2.15 kB -- -1 B
/api-docs/app-bar -- 1.69 kB -- -1 B
/api-docs/autocomplete -- 4.05 kB -- -1 B
/api-docs/avatar-group -- 1.26 kB -- -1 B
/api-docs/avatar -- 1.61 kB -- -1 B
/api-docs/backdrop -- 1.38 kB -- -1 B
/api-docs/badge -- 1.88 kB -- -1 B
/api-docs/bottom-navigation-action -- 1.55 kB -- -1 B
/api-docs/bottom-navigation -- 1.43 kB -- -1 B
/api-docs/breadcrumbs -- 1.59 kB -- -1 B
/api-docs/button-base -- 2.08 kB -- -1 B
/api-docs/button-group -- 1.95 kB -- -1 B
/api-docs/button -- 2.32 kB -- -1 B
/api-docs/card-action-area -- 1.32 kB -- -1 B
/api-docs/card-actions -- 1.22 kB -- -1 B
/api-docs/card-content -- 1.2 kB -- -1 B
/api-docs/card-header -- 1.53 kB -- -1 B
/api-docs/card-media -- 1.43 kB -- -1 B
/api-docs/card -- 1.25 kB -- -1 B
/api-docs/checkbox -- 2.05 kB -- -1 B
/api-docs/chip -- 2.19 kB -- -1 B
/api-docs/circular-progress -- 1.8 kB -- -1 B
/api-docs/click-away-listener -- 1.13 kB -- -1 B
/api-docs/collapse -- 1.76 kB -- -1 B
/api-docs/container -- 1.62 kB -- -1 B
/api-docs/css-baseline -- 1.14 kB -- -1 B
/api-docs/dialog-actions -- 1.22 kB -- -1 B
/api-docs/dialog-content-text -- 1.23 kB -- -1 B
/api-docs/dialog-content -- 1.2 kB -- -1 B
/api-docs/dialog-title -- 1.25 kB -- -1 B
/api-docs/dialog -- 2.48 kB -- -1 B
/api-docs/divider -- 1.55 kB -- -1 B
/api-docs/drawer -- 1.87 kB -- -1 B
/api-docs/expansion-panel-actions -- 1.23 kB -- -1 B
/api-docs/expansion-panel-details -- 1.16 kB -- -1 B
/api-docs/expansion-panel-summary -- 1.46 kB -- -1 B
/api-docs/expansion-panel -- 1.7 kB -- -1 B
/api-docs/fab -- 1.86 kB -- -1 B
/api-docs/fade -- 1.17 kB -- -1 B
/api-docs/filled-input -- 2.65 kB -- -1 B
/api-docs/form-control-label -- 1.73 kB -- -1 B
/api-docs/form-control -- 2.1 kB -- -1 B
/api-docs/form-group -- 1.3 kB -- -1 B
/api-docs/form-helper-text -- 1.66 kB -- -1 B
/api-docs/form-label -- 1.59 kB -- -1 B
/api-docs/grid-list-tile-bar -- 1.54 kB -- -1 B
/api-docs/grid-list-tile -- 1.46 kB -- -1 B
/api-docs/grid-list -- 1.37 kB -- -1 B
/api-docs/grid -- 2.29 kB -- -1 B
/api-docs/grow -- 1.23 kB -- -1 B
/api-docs/hidden -- 1.32 kB -- -1 B
/api-docs/icon-button -- 1.85 kB -- -1 B
/api-docs/icon -- 1.54 kB -- -1 B
/api-docs/input-adornment -- 1.68 kB -- -1 B
/api-docs/input-base -- 2.74 kB -- -1 B
/api-docs/input-label -- 1.82 kB -- -1 B
/api-docs/input -- 2.61 kB -- -1 B
/api-docs/linear-progress -- 1.78 kB -- -1 B
/api-docs/link -- 1.68 kB -- -1 B
/api-docs/list-item-avatar -- 1.25 kB -- -1 B
/api-docs/list-item-icon -- 1.27 kB -- -1 B
/api-docs/list-item-secondary-action -- 1.22 kB -- -1 B
/api-docs/list-item-text -- 1.54 kB -- -1 B
/api-docs/list-item -- 2 kB -- -1 B
/api-docs/list-subheader -- 1.51 kB -- -1 B
/api-docs/list -- 1.44 kB -- -1 B
/api-docs/menu-item -- 1.46 kB -- -1 B
/api-docs/menu-list -- 1.36 kB -- -1 B
/api-docs/menu -- 2.13 kB -- -1 B
/api-docs/mobile-stepper -- 1.67 kB -- -1 B
/api-docs/modal -- 2.14 kB -- -1 B
/api-docs/native-select -- 1.83 kB -- -1 B
/api-docs/no-ssr -- 1.09 kB -- -1 B
/api-docs/outlined-input -- 2.76 kB -- -1 B
/api-docs/pagination-item -- 1.71 kB -- -1 B
/api-docs/pagination -- 1.98 kB -- -1 B
/api-docs/paper -- 1.61 kB -- -1 B
/api-docs/popover -- 2.5 kB -- -1 B
/api-docs/popper -- 1.76 kB -- -1 B
/api-docs/portal -- 1.12 kB -- -1 B
/api-docs/radio-group -- 1.23 kB -- -1 B
/api-docs/radio -- 1.87 kB -- -1 B
/api-docs/rating -- 2.25 kB -- -1 B
/api-docs/root-ref -- 1.2 kB -- -1 B
/api-docs/scoped-css-baseline -- 1.15 kB -- -1 B
/api-docs/select -- 2.65 kB -- -1 B
/api-docs/skeleton -- 1.52 kB -- -1 B
/api-docs/slide -- 1.31 kB -- -1 B
/api-docs/slider -- 2.85 kB -- -1 B
/api-docs/snackbar-content -- 1.36 kB -- -1 B
/api-docs/snackbar -- 2.46 kB -- -1 B
/api-docs/speed-dial-action -- 1.67 kB -- -1 B
/api-docs/speed-dial-icon -- 1.29 kB -- -1 B
/api-docs/speed-dial -- 2.05 kB -- -1 B
/api-docs/step-button -- 1.38 kB -- -1 B
/api-docs/step-connector -- 1.29 kB -- -1 B
/api-docs/step-content -- 1.47 kB -- -1 B
/api-docs/step-icon -- 1.33 kB -- -1 B
/api-docs/step-label -- 1.64 kB -- -1 B
/api-docs/step -- 1.38 kB -- -1 B
/api-docs/stepper -- 1.6 kB -- -1 B
/api-docs/svg-icon -- 2.01 kB -- -1 B
/api-docs/swipeable-drawer -- 1.78 kB -- -1 B
/api-docs/switch -- 2.22 kB -- -1 B
/api-docs/tab -- 1.74 kB -- -1 B
/api-docs/table-body -- 1.21 kB -- -1 B
/api-docs/table-cell -- 1.87 kB -- -1 B
/api-docs/table-container -- 1.22 kB -- -1 B
/api-docs/table-footer -- 1.22 kB -- -1 B
/api-docs/table-head -- 1.21 kB -- -1 B
/api-docs/table-pagination -- 2.21 kB -- -1 B
/api-docs/table-row -- 1.43 kB -- -1 B
/api-docs/table-sort-label -- 1.57 kB -- -1 B
/api-docs/table -- 1.43 kB -- -1 B
/api-docs/tabs -- 2.28 kB -- -1 B
/api-docs/text-field -- 2.94 kB -- -1 B
/api-docs/textarea-autosize -- 908 B -- -1 B
/api-docs/toggle-button-group -- 1.56 kB -- -1 B
/api-docs/toggle-button -- 1.55 kB -- -1 B
/api-docs/toolbar -- 1.4 kB -- -1 B
/api-docs/tooltip -- 2.3 kB -- -1 B
/api-docs/tree-item -- 1.53 kB -- -1 B
/api-docs/tree-view -- 1.67 kB -- -1 B
/api-docs/typography -- 2.33 kB -- -1 B
/api-docs/zoom -- 1.2 kB -- -1 B
/blog/2019-developer-survey-results -- 5.97 kB -- -1 B
/blog/2019 -- 3.86 kB -- -1 B
/blog/april-2019-update -- 2.75 kB -- -1 B
/blog/august-2019-update -- 1.86 kB -- -1 B
/blog/december-2019-update -- 2 kB -- -1 B
/blog/july-2019-update -- 1.75 kB -- -1 B
/blog/june-2019-update -- 1.62 kB -- -1 B
/blog/march-2019-update -- 2.15 kB -- -1 B
/blog/material-ui-v1-is-out -- 6.28 kB -- -1 B
/blog/material-ui-v4-is-out -- 9.31 kB -- -1 B
/blog/may-2019-update -- 1.95 kB -- -1 B
/blog/november-2019-update -- 2.36 kB -- -1 B
/blog/october-2019-update -- 2.1 kB -- -1 B
/blog/september-2019-update -- 2.29 kB -- -1 B
/company/about -- 1.56 kB -- -1 B
/company/contact -- 1.14 kB -- -1 B
/company/jobs -- 1.16 kB -- -1 B
/components/about-the-lab -- 5.55 kB -- -1 B
/components/backdrop -- 3.2 kB -- -1 B
/components/bottom-navigation -- 6.22 kB -- -1 B
/components/box -- 7.96 kB -- -1 B
/components/breadcrumbs -- 14.3 kB -- -1 B
/components/buttons -- 24.3 kB -- -1 B
/components/click-away-listener -- 3.38 kB -- -1 B
/components/container -- 3.84 kB -- -1 B
/components/css-baseline -- 5.96 kB -- -1 B
/components/dialogs -- 42.1 kB -- -1 B
/components/drawers -- 29.3 kB -- -1 B
/components/floating-action-button -- 10.2 kB -- -1 B
/components/grid-list -- 11.8 kB -- -1 B
/components/hidden -- 10.5 kB -- -1 B
/components/icons -- 23 kB -- -1 B
/components/links -- 6.82 kB -- -1 B
/components/material-icons -- 728 kB -- -1 B
/components/menus -- 23.2 kB -- -1 B
/components/modal -- 11.5 kB -- -1 B
/components/no-ssr -- 5.02 kB -- -1 B
/components/paper -- 3.33 kB -- -1 B
/components/pickers -- 38.2 kB -- -1 B
/components/popper -- 22.5 kB -- -1 B
/components/portal -- 3.29 kB -- -1 B
/components/progress -- 21.7 kB -- -1 B
/components/radio-buttons -- 15.2 kB -- -1 B
/components/selects -- 28.8 kB -- -1 B
/components/skeleton -- 10.1 kB -- -1 B
/components/slider -- 14.6 kB -- -1 B
/components/steppers -- 35.9 kB -- -1 B
/components/switches -- 16 kB -- -1 B
/components/tabs -- 19.2 kB -- -1 B
/components/text-fields -- 54.7 kB -- -1 B
/components/textarea-autosize -- 2.81 kB -- -1 B
/components/tooltips -- 17.3 kB -- -1 B
/components/transitions -- 10.8 kB -- -1 B
/components/tree-view -- 11.2 kB -- -1 B
/components/typography -- 9.7 kB -- -1 B
/components/use-media-query -- 13.1 kB -- -1 B
/customization/breakpoints -- 15.7 kB -- -1 B
/customization/components -- 37.4 kB -- -1 B
/customization/default-theme -- 8.48 kB -- -1 B
/customization/globals -- 4.65 kB -- -1 B
/customization/palette -- 11.9 kB -- -1 B
/customization/spacing -- 2.49 kB -- -1 B
/customization/typography -- 11.6 kB -- -1 B
/customization/z-index -- 3.05 kB -- -1 B
/discover-more/backers -- 2.89 kB -- -1 B
/discover-more/changelog -- 1.37 kB -- -1 B
/discover-more/languages -- 3.32 kB -- -1 B
/discover-more/related-projects -- 6.72 kB -- -1 B
/discover-more/roadmap -- 3.67 kB -- -1 B
/discover-more/showcase -- 13.5 kB -- -1 B
/discover-more/team -- 6.51 kB -- -1 B
/discover-more/vision -- 7.03 kB -- -1 B
/getting-started/example-projects -- 6.08 kB -- -1 B
/getting-started/faq -- 31.8 kB -- -1 B
/getting-started/installation -- 7.6 kB -- -1 B
/getting-started/learn -- 8.39 kB -- -1 B
/getting-started/support -- 7.83 kB -- -1 B
/getting-started/supported-components -- 6.19 kB -- -1 B
/getting-started/supported-platforms -- 5.69 kB -- -1 B
/getting-started/templates -- 8.3 kB -- -1 B
/getting-started/templates/checkout -- 11.2 kB -- -1 B
/getting-started/templates/sticky-footer -- 1.54 kB -- -1 B
/getting-started/usage -- 9.37 kB -- -1 B
/guides/api -- 17.4 kB -- -1 B
/guides/composition -- 14 kB -- -1 B
/guides/flow -- 2.21 kB -- -1 B
/guides/interoperability -- 14.9 kB -- -1 B
/guides/migration-v0x -- 7.23 kB -- -1 B
/guides/migration-v3 -- 22.3 kB -- -1 B
/guides/minimizing-bundle-size -- 6.74 kB -- -1 B
/guides/responsive-ui -- 4.18 kB -- -1 B
/guides/server-rendering -- 8.38 kB -- -1 B
/guides/testing -- 8.33 kB -- -1 B
/guides/typescript -- 13.4 kB -- -1 B
/performance/table-component -- 1.44 kB -- -1 B
/performance/table-emotion -- 2.96 kB -- -1 B
/performance/table-hook -- 2.23 kB -- -1 B
/performance/table-mui -- 4.42 kB -- -1 B
/performance/table-raw -- 613 B -- -1 B
/performance/table-styled-components -- 2.61 kB -- -1 B
/premium-themes/onepirate -- 7.11 kB -- -1 B
/premium-themes/onepirate/forgot-password -- 1.01 kB -- -1 B
/premium-themes/onepirate/sign-in -- 1.07 kB -- -1 B
/premium-themes/onepirate/sign-up -- 1.12 kB -- -1 B
/premium-themes/onepirate/terms -- 11.8 kB -- -1 B
/styles/advanced -- 30.2 kB -- -1 B
/styles/api -- 16 kB -- -1 B
/styles/basics -- 17.6 kB -- -1 B
/system/api -- 5.85 kB -- -1 B
/system/borders -- 4.04 kB -- -1 B
/system/display -- 6.51 kB -- -1 B
/system/flexbox -- 5.72 kB -- -1 B
/system/positions -- 2.46 kB -- -1 B
/system/shadows -- 3.44 kB -- -1 B
/system/sizing -- 3.44 kB -- -1 B
/system/spacing -- 5.97 kB -- -1 B
/system/typography -- 4.22 kB -- -1 B
/versions -- 23.1 kB -- -1 B
docs:chunk:shared -- 68.7 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
Autocomplete ▼ -224 B (-0.16% ) 136 kB ▼ -12 B (-0.03% ) 42.9 kB
@material-ui/lab ▼ -224 B (-0.11% ) 203 kB ▲ +9 B (+0.01% ) 60.5 kB
docs:/ ▼ -100 B (-0.93% ) 10.7 kB -- -1 B
Rating ▲ +15 B (+0.02% ) 75.1 kB ▲ +8 B (+0.03% ) 24.2 kB
SpeedDialIcon ▲ +15 B (+0.02% ) 69.2 kB ▲ +8 B (+0.04% ) 21.8 kB
Alert ▲ +15 B (+0.02% ) 87.9 kB ▲ +5 B (+0.02% ) 27.9 kB
Pagination ▲ +14 B (+0.02% ) 89 kB ▲ +9 B (+0.03% ) 27.5 kB
PaginationItem ▲ +14 B (+0.02% ) 85.4 kB ▲ +9 B (+0.03% ) 26.4 kB
Radio ▲ +12 B (+0.01% ) 87.7 kB ▲ +15 B (+0.05% ) 27.8 kB
AvatarGroup ▲ +12 B (+0.02% ) 70.8 kB ▲ +8 B (+0.04% ) 22.5 kB
Checkbox ▲ +12 B (+0.01% ) 86.7 kB ▲ +7 B (+0.03% ) 27.5 kB
StepButton ▲ +12 B (+0.01% ) 86.9 kB ▲ +7 B (+0.03% ) 27.5 kB
TableSortLabel ▲ +12 B (+0.01% ) 82 kB ▲ +7 B (+0.03% ) 26 kB
Tabs ▲ +12 B (+0.01% ) 89.9 kB ▲ +7 B (+0.02% ) 28.8 kB
NativeSelect ▲ +12 B (+0.01% ) 81.5 kB ▲ +1 B (0.00% ) 25.9 kB
Breadcrumbs ▲ +12 B (+0.01% ) 85 kB -- 27 kB
Chip ▲ +11 B (+0.01% ) 87.2 kB ▲ +11 B (+0.04% ) 26.8 kB
Avatar ▲ +11 B (+0.02% ) 69.8 kB ▲ +10 B (+0.05% ) 21.9 kB
@material-ui/core ▲ +11 B (0.00% ) 362 kB ▼ -9 B (-0.01% ) 99.6 kB
StepIcon ▲ +11 B (+0.02% ) 69.2 kB ▲ +8 B (+0.04% ) 21.6 kB
StepLabel ▲ +11 B (+0.02% ) 73.2 kB ▲ +8 B (+0.04% ) 22.7 kB
TextField ▲ +11 B (+0.01% ) 129 kB ▲ +3 B (+0.01% ) 37.9 kB
Select ▲ +10 B (+0.01% ) 120 kB ▲ +3 B (+0.01% ) 35.8 kB
TablePagination ▲ +10 B (+0.01% ) 147 kB ▲ +3 B (+0.01% ) 43.2 kB
@material-ui/core[umd] ▼ -3 B (-0.00% ) 320 kB ▼ -3 B (-0.00% ) 92.9 kB
SvgIcon ▲ +2 B (0.00% ) 67.7 kB -- 21.2 kB
TableCell ▼ -1 B (-0.00% ) 68.7 kB ▼ -224 B (-1.03% ) 21.4 kB
Backdrop ▼ -1 B (-0.00% ) 72.5 kB ▲ +2 B (+0.01% ) 22.4 kB
Button ▼ -1 B (-0.00% ) 84.3 kB ▼ -2 B (-0.01% ) 25.9 kB
ButtonBase ▼ -1 B (-0.00% ) 78.6 kB ▲ +2 B (+0.01% ) 24.7 kB
Fab ▼ -1 B (-0.00% ) 81.4 kB ▼ -2 B (-0.01% ) 25.4 kB
RadioGroup ▼ -1 B (-0.00% ) 68.4 kB ▼ -2 B (-0.01% ) 21.3 kB
Fade ▼ -1 B (-0.00% ) 28.4 kB ▲ +1 B (+0.01% ) 9.47 kB
IconButton ▼ -1 B (-0.00% ) 80.7 kB ▼ -1 B (-0.00% ) 25.2 kB
Input ▼ -1 B (-0.00% ) 77.2 kB ▲ +1 B (0.00% ) 24.2 kB
InputBase ▼ -1 B (-0.00% ) 75.3 kB ▼ -1 B (-0.00% ) 23.7 kB
ListItem ▼ -1 B (-0.00% ) 81.6 kB ▼ -1 B (-0.00% ) 25.6 kB
Menu ▼ -1 B (-0.00% ) 93.2 kB ▲ +1 B (0.00% ) 28.8 kB
MenuList ▼ -1 B (-0.00% ) 70.7 kB ▲ +1 B (0.00% ) 22.1 kB
Paper ▼ -1 B (-0.00% ) 67 kB ▼ -1 B (-0.00% ) 20.9 kB
SnackbarContent ▼ -1 B (-0.00% ) 68.2 kB ▼ -1 B (-0.00% ) 21.3 kB
Tooltip ▼ -1 B (-0.00% ) 106 kB ▲ +1 B (0.00% ) 33.6 kB
Collapse ▼ -1 B (-0.00% ) 72.6 kB -- 22.5 kB
Drawer ▼ -1 B (-0.00% ) 89.2 kB -- 27.2 kB
FilledInput ▼ -1 B (-0.00% ) 78.2 kB -- 24.4 kB
FormControl ▼ -1 B (-0.00% ) 69 kB -- 21.5 kB
FormGroup ▼ -1 B (-0.00% ) 66.7 kB -- 20.8 kB
FormHelperText ▼ -1 B (-0.00% ) 68 kB -- 21.2 kB
FormLabel ▼ -1 B (-0.00% ) 68.1 kB -- 21.2 kB
Grow ▼ -1 B (-0.00% ) 29 kB -- 9.68 kB
InputLabel ▼ -1 B (-0.00% ) 69.9 kB -- 21.6 kB
LinearProgress ▼ -1 B (-0.00% ) 70 kB -- 21.7 kB
List ▼ -1 B (-0.00% ) 67 kB -- 20.9 kB
MenuItem ▼ -1 B (-0.00% ) 82.7 kB -- 25.9 kB
OutlinedInput ▼ -1 B (-0.00% ) 79.2 kB -- 24.7 kB
Popover ▼ -1 B (-0.00% ) 87.6 kB -- 27.2 kB
Slide ▼ -1 B (-0.00% ) 30.4 kB -- 10.1 kB
ButtonGroup -- 87.8 kB ▲ +20 B (+0.07% ) 27.2 kB
MobileStepper -- 72.5 kB ▲ +13 B (+0.06% ) 22.8 kB
TableContainer -- 66.6 kB ▲ +5 B (+0.02% ) 20.9 kB
@material-ui/styles -- 52 kB ▲ +4 B (+0.03% ) 15.6 kB
Box -- 73.6 kB ▲ +4 B (+0.02% ) 22.4 kB
Card -- 67.5 kB ▼ -4 B (-0.02% ) 21.2 kB
CardMedia -- 67 kB ▲ +4 B (+0.02% ) 21.1 kB
DialogActions -- 66.8 kB ▲ +4 B (+0.02% ) 21 kB
ExpansionPanelSummary -- 82.7 kB ▼ -4 B (-0.02% ) 26.3 kB
CardContent -- 66.6 kB ▼ -3 B (-0.01% ) 20.9 kB
ExpansionPanel -- 76.2 kB ▼ -3 B (-0.01% ) 24 kB
ListItemSecondaryAction -- 66.7 kB ▲ +3 B (+0.01% ) 20.9 kB
ListItemText -- 69.6 kB ▼ -3 B (-0.01% ) 22 kB
Modal -- 14.9 kB ▼ -3 B (-0.06% ) 5.23 kB
StepContent -- 73.8 kB ▼ -3 B (-0.01% ) 23.1 kB
TreeItem -- 79.8 kB ▲ +3 B (+0.01% ) 25.4 kB
Dialog -- 87.5 kB ▼ -2 B (-0.01% ) 27.4 kB
GridListTile -- 68.4 kB ▼ -2 B (-0.01% ) 21.5 kB
GridListTileBar -- 67.9 kB ▲ +2 B (+0.01% ) 21.3 kB
NoSsr -- 2.18 kB ▲ +2 B (+0.19% ) 1.03 kB
ScopedCssBaseline -- 67.5 kB ▲ +2 B (+0.01% ) 21.2 kB
Step -- 67.3 kB ▲ +2 B (+0.01% ) 21.2 kB
Stepper -- 69.5 kB ▼ -2 B (-0.01% ) 22 kB
TableBody -- 66.8 kB ▼ -2 B (-0.01% ) 20.9 kB
TextareaAutosize -- 5.19 kB ▼ -2 B (-0.09% ) 2.17 kB
Zoom -- 28.4 kB ▲ +2 B (+0.02% ) 9.59 kB
@material-ui/system -- 17.2 kB ▼ -1 B (-0.02% ) 4.52 kB
AlertTitle -- 68.8 kB ▲ +1 B (0.00% ) 21.7 kB
CardActionArea -- 79.7 kB ▲ +1 B (0.00% ) 25.3 kB
CircularProgress -- 68.8 kB ▲ +1 B (0.00% ) 21.7 kB
CssBaseline -- 66.6 kB ▲ +1 B (0.00% ) 21 kB
DialogContent -- 66.9 kB ▼ -1 B (-0.00% ) 21 kB
DialogTitle -- 68.9 kB ▼ -1 B (-0.00% ) 21.7 kB
Divider -- 67.3 kB ▼ -1 B (-0.00% ) 21.2 kB
ExpansionPanelActions -- 66.7 kB ▼ -1 B (-0.00% ) 20.9 kB
Grid -- 69.8 kB ▲ +1 B (0.00% ) 21.9 kB
GridList -- 67.1 kB ▼ -1 B (-0.00% ) 21.1 kB
Icon -- 67.5 kB ▼ -1 B (-0.00% ) 21.2 kB
InputAdornment -- 69.7 kB ▼ -1 B (-0.00% ) 22 kB
Link -- 71.2 kB ▼ -1 B (-0.00% ) 22.6 kB
ListItemAvatar -- 66.8 kB ▲ +1 B (0.00% ) 20.9 kB
Popper -- 28.8 kB ▼ -1 B (-0.01% ) 10.3 kB
Portal -- 2.87 kB ▼ -1 B (-0.08% ) 1.29 kB
RootRef -- 4.61 kB ▼ -1 B (-0.06% ) 1.77 kB
Skeleton -- 67.7 kB ▲ +1 B (0.00% ) 21.4 kB
Slider -- 80.4 kB ▼ -1 B (-0.00% ) 25.7 kB
SpeedDial -- 90.8 kB ▼ -1 B (-0.00% ) 28.8 kB
SpeedDialAction -- 122 kB ▼ -1 B (-0.00% ) 39 kB
SwipeableDrawer -- 96.6 kB ▲ +1 B (0.00% ) 30.4 kB
Table -- 67.2 kB ▼ -1 B (-0.00% ) 21.1 kB
TableHead -- 66.8 kB ▲ +1 B (0.00% ) 20.9 kB
TableRow -- 67.1 kB ▼ -1 B (-0.00% ) 21.1 kB
ToggleButtonGroup -- 67.9 kB ▲ +1 B (0.00% ) 21.4 kB
TreeView -- 72.9 kB ▼ -1 B (-0.00% ) 23 kB
useAutocomplete -- 15.9 kB ▲ +1 B (+0.02% ) 5.72 kB
useMediaQuery -- 2.56 kB ▲ +1 B (+0.09% ) 1.06 kB
AppBar -- 68.7 kB -- 21.6 kB
Badge -- 70 kB -- 21.8 kB
BottomNavigation -- 67.1 kB -- 21.1 kB
BottomNavigationAction -- 80.1 kB -- 25.4 kB
CardActions -- 66.7 kB -- 20.9 kB
CardHeader -- 69.7 kB -- 22 kB
ClickAwayListener -- 3.84 kB -- 1.54 kB
colorManipulator -- 3.88 kB -- 1.52 kB
Container -- 67.8 kB -- 21.2 kB
DialogContentText -- 68.7 kB -- 21.6 kB
docs:/_app -- 34.4 kB -- -1 B
ExpansionPanelDetails -- 66.6 kB -- 20.9 kB
FormControlLabel -- 70.1 kB -- 22.1 kB
Hidden -- 70.6 kB -- 22.3 kB
ListItemIcon -- 66.8 kB -- 21 kB
ListSubheader -- 67.4 kB -- 21.2 kB
Snackbar -- 79.9 kB -- 25.1 kB
StepConnector -- 67.4 kB -- 21.3 kB
styles/createMuiTheme -- 22.2 kB -- 7.69 kB
Switch -- 85.9 kB -- 27.1 kB
Tab -- 80.9 kB -- 25.8 kB
TableFooter -- 66.8 kB -- 20.9 kB
ToggleButton -- 80.7 kB -- 25.7 kB
Toolbar -- 67 kB -- 21.1 kB
Typography -- 68.3 kB -- 21.4 kB

Generated by 🚫 dangerJS against e17db10

@oliviertassinari oliviertassinari marked this pull request as ready for review March 28, 2020 00:05
@oliviertassinari
Copy link
Member Author

@dmtrKovalenko No matter the outcome of this pull request, we will need to remove the imports above 2 layers, e.g:

import createSvgIcon from '@material-ui/core/internal/svg-icons/createSvgIcon';

https://github.com/mui-org/material-ui-pickers/blob/next/lib/src/_shared/icons/ArrowDropDownIcon.tsx#L2

As far as I know, this means that developers could bundle the styles twice (1 ESM, 1 CJS), leading to bundle bloat and incorrect CSS injection order.

Copy link
Member

@eps1lon eps1lon left a comment

Choose a reason for hiding this comment

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

Can we move this into core/src/utils instead? I don't think this tiny helper warrants its own module.

Still think that making this public is a bad idea. We're not creating a SVGIcon but a "Material-UI SVG icon". People will want us to support all sorts of different svg build scenarios.

@oliviertassinari
Copy link
Member Author

oliviertassinari commented Mar 28, 2020

Still think that making this public is a bad idea. We're not creating a SVGIcon but a "Material-UI SVG icon". People will want us to support all sorts of different svg build scenarios.

Only the modules available at @material-ui/core are considered public. So it's private, as all the utils modules.

@oliviertassinari oliviertassinari force-pushed the share-internal-createSvgIcon branch from c8a2961 to f1fb94d Compare March 28, 2020 20:03
@oliviertassinari oliviertassinari force-pushed the share-internal-createSvgIcon branch from f1fb94d to e17db10 Compare March 28, 2020 20:04
@oliviertassinari oliviertassinari added the internal Behind-the-scenes enhancement. Formerly called “core”. label Mar 28, 2020
@oliviertassinari oliviertassinari merged commit 8ea2df8 into mui:master Mar 29, 2020
@oliviertassinari oliviertassinari deleted the share-internal-createSvgIcon branch March 29, 2020 22:45
EsoterikStare pushed a commit to EsoterikStare/material-ui that referenced this pull request Mar 30, 2020
@koistya
Copy link
Contributor

koistya commented Apr 5, 2020

This breaks the latest version of @material-ui/pickers (currently v4.0.0-alpha.4):

./node_modules/@material-ui/pickers/DateTimePicker.js
Cannot find module: '@material-ui/core/internal/svg-icons/createSvgIcon'.
Make sure this package is installed.

Ref mui/material-ui-pickers#1619

@dmtrKovalenko
Copy link
Collaborator

@koistya which version of pickers are you using?

@kelly-tock
Copy link

kelly-tock commented Apr 7, 2020

does this impact @material-ui/lab? I recently bumped dependencies, "version": "4.0.0-alpha.48", and "version": "4.9.9", and when I run jest tests I am getting

TypeError: (0 , _utils.createSvgIcon) is not a function

when I include ToggleButton

any ideas?

@kelly-tock
Copy link

getting this when I try and run the app:

warning in ./node_modules/@material-ui/lab/esm/internal/svg-icons/FirstPage.js

"export 'createSvgIcon' was not found in '@material-ui/core/utils'

@NMinhNguyen
Copy link
Contributor

@koistya, @kelly-tock are you able to confirm that you only have 1 copy of @material-ui/core in your node_modules and that it is 4.9.9?

@oliviertassinari
Copy link
Member Author

@kelly-tock Upgrade your dependencies, you will be fine.

@NMinhNguyen
Copy link
Contributor

@oliviertassinari from what I can tell, @kelly-tock is already using the latest lab and core

@kelly-tock
Copy link

ok, yarn messed with me. sorry about that. I removed node modules, cleared yarn cache. specifically did 4.9.9. and now its fine :)

@kelly-tock
Copy link

out of curiosity, do you all prefer yarn or npm?

@NMinhNguyen
Copy link
Contributor

out of curiosity, do you all prefer yarn or npm?

I personally prefer Yarn and find yarn.lock a lot easier to read than package-lock.json.

I'm not sure if this is what you did, but I would recommend against blowing away your lockfile because that typically should be a last resort, especially if you have a large dependency tree - you could introduce lots of subtle changes that cumulatively break your project and it would be hard to diagnose due to the size of the change.

Instead, per https://material-ui.com/getting-started/faq/#why-arent-my-components-rendering-correctly-in-production-builds

You accidentally bundle two versions of Material-UI. You might have a dependency not correctly setting Material-UI as a peer dependency.

you could either have another place in your project where you didn't update @material-ui/core's version, or you could have a dependency that's not specifying @material-ui/core as a peer dependency, leading to duplication. I would look into these things first because otherwise you might run into the same problem in the future. Using https://classic.yarnpkg.com/en/docs/selective-version-resolutions/ could help you with ensuring a single version of @material-ui/core.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

internal Behind-the-scenes enhancement. Formerly called “core”.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants