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

[core] Remove createSvgIcon duplication #20308

Merged

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 core Infrastructure work going on behind the scenes 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
Member

@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
core Infrastructure work going on behind the scenes
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants