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.

Sign up for GitHub

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

Jump to bottom

chore: bump all webpack related dependencies to latest #30681

Closed
wants to merge 7 commits into from
Closed

chore: bump all webpack related dependencies to latest #30681

wants to merge 7 commits into from

Conversation

Hotell
Copy link
Contributor

@Hotell Hotell commented Mar 1, 2024 •
edited
Loading

Previous Behavior

New Behavior

  • bumps all webpack family of packages (express as well in order to dedupe node_modules)
    • security: we use old packages that fall behind our nodejs support
  • NOTE: wepback-dev-server cannot be bumped to v5 because cypress wont work with that 🚨

Related Issue(s)

@github-actions github-actions bot added this to the March Project Cycle Q1 2024 milestone Mar 1, 2024
@Hotell Hotell force-pushed the deps/bump-webpack branch from aac8124 to f287d55 Compare March 1, 2024 12:54
@fabricteam
Copy link
Collaborator

fabricteam commented Mar 1, 2024 •
edited
Loading

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 639 644 5000 Possible regression
Button mount 306 308 5000 Possible regression
Field mount 1115 1106 5000 Possible regression
FluentProvider mount 722 732 5000 Possible regression
FluentProviderWithTheme mount 76 85 10 Possible regression
FluentProviderWithTheme virtual-rerender 62 73 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 76 76 10 Possible regression
MakeStyles mount 871 892 50000 Possible regression
Persona mount 1764 1728 5000 Possible regression
SpinButton mount 1432 1373 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 639 644 5000 Possible regression
Button mount 306 308 5000 Possible regression
Field mount 1115 1106 5000 Possible regression
FluentProvider mount 722 732 5000 Possible regression
FluentProviderWithTheme mount 76 85 10 Possible regression
FluentProviderWithTheme virtual-rerender 62 73 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 76 76 10 Possible regression
MakeStyles mount 871 892 50000 Possible regression
Persona mount 1764 1728 5000 Possible regression
SpinButton mount 1432 1373 5000 Possible regression

@codesandbox-ci CodeSandbox CI
Copy link

codesandbox-ci bot commented Mar 1, 2024 •
edited
Loading

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

@fabricteam
Copy link
Collaborator

fabricteam commented Mar 1, 2024 •
edited
Loading

Perf Analysis (@fluentui/react-northstar)

⚠️ 8 potential perf regressions detected

Potential regressions comparing to master

Scenario Current PR Ticks Baseline Ticks Ratio Regression Analysis
AttachmentMinimalPerf.default 93 82 1.13:1 analysis
PortalMinimalPerf.default 89 83 1.07:1 analysis
ButtonMinimalPerf.default 90 85 1.06:1 analysis
InputMinimalPerf.default 544 523 1.04:1 analysis
TreeWith60ListItems.default 97 93 1.04:1 analysis
AlertMinimalPerf.default 155 154 1.01:1 analysis
AccordionMinimalPerf.default 89 93 0.96:1 analysis
AvatarMinimalPerf.default 104 108 0.96:1 analysis
Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
SkeletonMinimalPerf.default 209 192 1.09:1
CardMinimalPerf.default 327 305 1.07:1
FormMinimalPerf.default 222 209 1.06:1
ProviderMinimalPerf.default 208 196 1.06:1
SliderMinimalPerf.default 769 728 1.06:1
VideoMinimalPerf.default 462 434 1.06:1
ListWith60ListItems.default 387 367 1.05:1
MenuButtonMinimalPerf.default 981 936 1.05:1
AnimationMinimalPerf.default 303 292 1.04:1
ButtonOverridesMissPerf.default 680 651 1.04:1
TextMinimalPerf.default 197 189 1.04:1
TextAreaMinimalPerf.default 291 280 1.04:1
TooltipMinimalPerf.default 1313 1261 1.04:1
DialogMinimalPerf.default 445 432 1.03:1
EmbedMinimalPerf.default 1932 1869 1.03:1
HeaderSlotsPerf.default 480 468 1.03:1
ImageMinimalPerf.default 238 232 1.03:1
LayoutMinimalPerf.default 197 192 1.03:1
MenuMinimalPerf.default 515 498 1.03:1
SplitButtonMinimalPerf.default 2279 2202 1.03:1
BoxMinimalPerf.default 192 188 1.02:1
CarouselMinimalPerf.default 265 261 1.02:1
HeaderMinimalPerf.default 210 206 1.02:1
PopupMinimalPerf.default 348 341 1.02:1
ProviderMergeThemesPerf.default 656 643 1.02:1
StatusMinimalPerf.default 408 400 1.02:1
ToolbarMinimalPerf.default 551 541 1.02:1
ChatWithPopoverPerf.default 197 196 1.01:1
CheckboxMinimalPerf.default 1138 1125 1.01:1
DropdownMinimalPerf.default 1433 1413 1.01:1
ListMinimalPerf.default 315 312 1.01:1
ReactionMinimalPerf.default 216 214 1.01:1
IconMinimalPerf.default 387 382 1.01:1
TableManyItemsPerf.default 1114 1106 1.01:1
TableMinimalPerf.default 233 230 1.01:1
CustomToolbarPrototype.default 1480 1461 1.01:1
DatepickerMinimalPerf.default 3589 3604 1:1
FlexMinimalPerf.default 152 152 1:1
ListCommonPerf.default 398 400 1:1
ListNestedPerf.default 326 325 1:1
AttachmentSlotsPerf.default 634 641 0.99:1
ButtonSlotsPerf.default 320 323 0.99:1
ChatDuplicateMessagesPerf.default 146 148 0.99:1
GridMinimalPerf.default 187 189 0.99:1
ItemLayoutMinimalPerf.default 705 713 0.99:1
RosterPerf.default 1543 1558 0.99:1
SegmentMinimalPerf.default 198 199 0.99:1
ChatMinimalPerf.default 426 433 0.98:1
DropdownManyItemsPerf.default 396 404 0.98:1
RadioGroupMinimalPerf.default 251 256 0.98:1
LoaderMinimalPerf.default 190 196 0.97:1
DividerMinimalPerf.default 195 206 0.95:1
LabelMinimalPerf.default 213 230 0.93:1
TreeMinimalPerf.default 489 525 0.93:1
RefMinimalPerf.default 102 111 0.92:1

@fabricteam
Copy link
Collaborator

fabricteam commented Mar 1, 2024 •
edited
Loading

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-accordion
Accordion (including children components)		 100.127 kB
30.426 kB		 100.125 kB
30.423 kB		 -2 B
-3 B
react-alert
Alert		 83.737 kB
23.474 kB		 83.737 kB
23.475 kB
1 B
react-avatar
AvatarGroup		 19.704 kB
7.796 kB		 19.702 kB
7.794 kB		 -2 B
-2 B
react-avatar
AvatarGroupItem		 64.831 kB
20.274 kB		 64.829 kB
20.272 kB		 -2 B
-2 B
react-badge
Badge		 26.905 kB
8.729 kB		 26.905 kB
8.73 kB
1 B
react-badge
CounterBadge		 27.806 kB
9.024 kB		 27.806 kB
9.025 kB
1 B
react-badge
PresenceBadge		 25.311 kB
9.306 kB		 25.311 kB
9.307 kB
1 B
react-breadcrumb
@fluentui/react-breadcrumb - package		 115.48 kB
31.84 kB		 115.48 kB
31.843 kB
3 B
react-button
Button		 39.513 kB
11.169 kB		 39.513 kB
11.17 kB
1 B
react-button
CompoundButton		 46.874 kB
12.661 kB		 46.874 kB
12.662 kB
1 B
react-button
MenuButton		 44.292 kB
12.542 kB		 44.292 kB
12.544 kB
2 B
react-button
SplitButton		 52.306 kB
14.134 kB		 52.306 kB
14.135 kB
1 B
react-card
CardFooter		 13.064 kB
5.385 kB		 13.064 kB
5.386 kB
1 B
react-card
CardHeader		 15.307 kB
6.143 kB		 15.307 kB
6.144 kB
1 B
react-combobox
Combobox (including child components)		 102.463 kB
33.101 kB		 102.461 kB
33.098 kB		 -2 B
-3 B
react-combobox
Dropdown (including child components)		 103.837 kB
33.038 kB		 103.835 kB
33.036 kB		 -2 B
-2 B
react-components
react-components: Button, FluentProvider & webLightTheme		 71.098 kB
20.514 kB		 71.098 kB
20.515 kB
1 B
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover		 217.207 kB
61.943 kB		 217.205 kB
61.941 kB		 -2 B
-2 B
react-components
react-components: FluentProvider & webLightTheme		 43.585 kB
14.351 kB		 43.585 kB
14.352 kB
1 B
react-datepicker-compat
DatePicker Compat		 224.523 kB
62.939 kB		 224.523 kB
62.94 kB
1 B
react-dialog
Dialog (including children components)		 100.93 kB
29.924 kB		 100.928 kB
29.921 kB		 -2 B
-3 B
react-divider
Divider		 20.82 kB
7.763 kB		 20.82 kB
7.764 kB
1 B
react-field
Field		 22.542 kB
8.608 kB		 22.542 kB
8.609 kB
1 B
react-image
Image		 15.745 kB
6.23 kB		 15.745 kB
6.231 kB
1 B
react-infobutton
InfoButton		 138.696 kB
43.398 kB		 138.694 kB
43.395 kB		 -2 B
-3 B
react-infobutton
InfoLabel		 142.497 kB
44.627 kB		 142.495 kB
44.625 kB		 -2 B
-2 B
react-input
Input		 26.891 kB
9.119 kB		 26.891 kB
9.12 kB
1 B
react-jsx-runtime
JSX Dev Runtime		 3.783 kB
1.648 kB		 3.781 kB
1.646 kB		 -2 B
-2 B
react-label
Label		 14.266 kB
5.828 kB		 14.266 kB
5.829 kB
1 B
react-menu
Menu (including children components)		 149.428 kB
45.509 kB		 149.426 kB
45.505 kB		 -2 B
-4 B
react-menu
Menu (including selectable components)		 152.114 kB
46.021 kB		 152.112 kB
46.018 kB		 -2 B
-3 B
react-message-bar
MessageBar (all components)		 25.566 kB
9.131 kB		 25.566 kB
9.13 kB
-1 B
react-northstar
Accordion		 85.357 kB
26.509 kB		 85.386 kB
26.508 kB		 29 B
-1 B
react-northstar
Alert		 87.425 kB
26.91 kB		 87.45 kB
26.902 kB		 25 B
-8 B
react-northstar
Animation		 55.304 kB
17.834 kB		 55.329 kB
17.82 kB		 25 B
-14 B
react-northstar
Attachment		 86.819 kB
26.7 kB		 86.844 kB
26.692 kB		 25 B
-8 B
react-northstar
Avatar		 80.254 kB
24.634 kB		 80.279 kB
24.629 kB		 25 B
-5 B
react-northstar
Box		 75.223 kB
23.814 kB		 75.248 kB
23.806 kB		 25 B
-8 B
react-northstar
Breadcrumb		 79.889 kB
24.707 kB		 79.914 kB
24.701 kB		 25 B
-6 B
react-northstar
Button		 83.135 kB
25.957 kB		 83.16 kB
25.947 kB		 25 B
-10 B
react-northstar
Card		 82.674 kB
25.027 kB		 82.699 kB
25.017 kB		 25 B
-10 B
react-northstar
Carousel		 105.15 kB
31.882 kB		 105.176 kB
31.87 kB		 26 B
-12 B
react-northstar
Chat		 152.326 kB
45.963 kB		 152.354 kB
45.951 kB		 28 B
-12 B
react-northstar
Checkbox		 79.782 kB
25.085 kB		 79.807 kB
25.078 kB		 25 B
-7 B
react-northstar
Datepicker		 184.887 kB
56.167 kB		 184.921 kB
56.165 kB		 34 B
-2 B
react-northstar
Design		 36.564 kB
12.07 kB		 36.589 kB
12.067 kB		 25 B
-3 B
react-northstar
Dialog		 112.02 kB
33.638 kB		 112.052 kB
33.62 kB		 32 B
-18 B
react-northstar
Divider		 76.594 kB
24.137 kB		 76.619 kB
24.129 kB		 25 B
-8 B
react-northstar
Dropdown		 196.43 kB
59.442 kB		 196.469 kB
59.434 kB		 39 B
-8 B
react-northstar
Embed		 81.446 kB
25.42 kB		 81.471 kB
25.411 kB		 25 B
-9 B
react-northstar
Flex		 47.702 kB
15.45 kB		 47.728 kB
15.438 kB		 26 B
-12 B
react-northstar
Form		 92.492 kB
28.881 kB		 92.521 kB
28.871 kB		 29 B
-10 B
react-northstar
Grid		 70.555 kB
22.283 kB		 70.584 kB
22.278 kB		 29 B
-5 B
react-northstar
Header		 74.731 kB
23.476 kB		 74.756 kB
23.461 kB		 25 B
-15 B
react-northstar
Image		 73.566 kB
23.339 kB		 73.591 kB
23.329 kB		 25 B
-10 B
react-northstar
Input		 88.31 kB
27.784 kB		 88.339 kB
27.778 kB		 29 B
-6 B
react-northstar
ItemLayout		 78.206 kB
24.458 kB		 78.231 kB
24.454 kB		 25 B
-4 B
react-northstar
Label		 77.895 kB
24.415 kB		 77.92 kB
24.41 kB		 25 B
-5 B
react-northstar
Layout		 75.368 kB
23.806 kB		 75.393 kB
23.798 kB		 25 B
-8 B
react-northstar
List		 88.472 kB
27.57 kB		 88.493 kB
27.547 kB		 21 B
-23 B
react-northstar
Loader		 78.591 kB
24.745 kB		 78.616 kB
24.729 kB		 25 B
-16 B
react-northstar
Menu		 126.85 kB
39.875 kB		 126.878 kB
39.855 kB		 28 B
-20 B
react-northstar
MenuButton		 161.254 kB
48.881 kB		 161.283 kB
48.867 kB		 29 B
-14 B
react-northstar
Pill		 83.697 kB
26.077 kB		 83.722 kB
26.069 kB		 25 B
-8 B
react-northstar
Popup		 133.56 kB
41.486 kB		 133.592 kB
41.476 kB		 32 B
-10 B
react-northstar
Portal		 58.294 kB
18.855 kB		 58.321 kB
18.842 kB		 27 B
-13 B
react-northstar
Provider		 93.114 kB
29.626 kB		 93.126 kB
29.621 kB		 12 B
-5 B
react-northstar
RadioGroup		 83.25 kB
26.056 kB		 83.276 kB
26.049 kB		 26 B
-7 B
react-northstar
Reaction		 77.255 kB
24.138 kB		 77.28 kB
24.122 kB		 25 B
-16 B
react-northstar
Segment		 76.184 kB
23.899 kB		 76.209 kB
23.892 kB		 25 B
-7 B
react-northstar
Skeleton		 77.74 kB
24.21 kB		 77.765 kB
24.2 kB		 25 B
-10 B
react-northstar
Slider		 84.235 kB
26.744 kB		 84.264 kB
26.733 kB		 29 B
-11 B
react-northstar
SplitButton		 176.487 kB
52.632 kB		 176.516 kB
52.616 kB		 29 B
-16 B
react-northstar
Status		 76.247 kB
24.059 kB		 76.272 kB
24.05 kB		 25 B
-9 B
react-northstar
SvgIcon		 36.819 kB
11.744 kB		 36.823 kB
11.743 kB		 4 B
-1 B
react-northstar
Table		 80.765 kB
25.159 kB		 80.79 kB
25.149 kB		 25 B
-10 B
react-northstar
Text		 74.089 kB
23.522 kB		 74.114 kB
23.507 kB		 25 B
-15 B
react-northstar
TextArea		 74.223 kB
23.501 kB		 74.248 kB
23.492 kB		 25 B
-9 B
react-northstar
Toolbar		 173.3 kB
52.087 kB		 173.327 kB
52.071 kB		 27 B
-16 B
react-northstar
Tooltip		 108.23 kB
34.491 kB		 108.255 kB
34.484 kB		 25 B
-7 B
react-northstar
Tree		 87.83 kB
27.223 kB		 87.855 kB
27.217 kB		 25 B
-6 B
react-northstar
Video		 75.379 kB
23.794 kB		 75.404 kB
23.787 kB		 25 B
-7 B
react-overflow
hooks only		 12.862 kB
4.827 kB		 12.86 kB
4.825 kB		 -2 B
-2 B
react-popover
Popover		 126.886 kB
39.806 kB		 126.884 kB
39.803 kB		 -2 B
-3 B
react-progress
ProgressBar		 17.428 kB
6.898 kB		 17.428 kB
6.899 kB
1 B
react-radio
Radio		 32.95 kB
10.251 kB		 32.95 kB
10.252 kB
1 B
react-select
Select		 28.609 kB
10.205 kB		 28.609 kB
10.204 kB
-1 B
react-spinbutton
SpinButton		 36.774 kB
11.788 kB		 36.774 kB
11.789 kB
1 B
react-spinner
Spinner		 23.517 kB
8.512 kB		 23.517 kB
8.513 kB
1 B
react-switch
Switch		 35.14 kB
11.2 kB		 35.14 kB
11.199 kB
-1 B
react-table
DataGrid		 165.168 kB
45.902 kB		 165.166 kB
45.9 kB		 -2 B
-2 B
react-table
Table (Selection only)		 76.311 kB
20.546 kB		 76.311 kB
20.547 kB
1 B
react-table
Table (Sort only)		 74.977 kB
20.154 kB		 74.977 kB
20.155 kB
1 B
react-tags
InteractionTag		 15.259 kB
6.058 kB		 15.259 kB
6.056 kB
-2 B
react-tags
Tag		 29.982 kB
9.439 kB		 29.982 kB
9.441 kB
2 B
react-text
Text - Default		 16.705 kB
6.569 kB		 16.705 kB
6.57 kB
1 B
react-text
Text - Wrappers		 19.878 kB
6.896 kB		 19.878 kB
6.897 kB
1 B
react-textarea
Textarea		 30.947 kB
10.476 kB		 30.947 kB
10.477 kB
1 B
react-timepicker-compat
TimePicker		 104.484 kB
34.49 kB		 104.482 kB
34.487 kB		 -2 B
-3 B
react-toast
Toast (including Toaster)		 100.198 kB
29.76 kB		 100.198 kB
29.761 kB
1 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext		 510 B
328 B
global-context
createContextSelector		 537 B
339 B
keyboard-key
keyboard-key package		 3.746 kB
1.928 kB
priority-overflow
createOverflowManager		 4.447 kB
1.853 kB
react
ActivityItem		 68.833 kB
22.613 kB
react
Announced		 36.473 kB
12.628 kB
react
Autofill		 15.365 kB
4.743 kB
react
Breadcrumb		 196.083 kB
58.757 kB
react
Button		 190.127 kB
55.019 kB
react
ButtonGrid		 175.918 kB
53.25 kB
react
Calendar		 118.756 kB
36.101 kB
react
Callout		 80.866 kB
26.564 kB
react
Check		 51.062 kB
17.152 kB
react
Checkbox		 57.791 kB
19.17 kB
react
ChoiceGroup		 63.339 kB
20.824 kB
react
ChoiceGroupOption		 56.601 kB
18.695 kB
react
Coachmark		 89.704 kB
28.407 kB
react
Color		 7.737 kB
3.106 kB
react
ColorPicker		 129.984 kB
40.589 kB
react
ComboBox		 245.355 kB
70.51 kB
react
CommandBar		 197.362 kB
58.46 kB
react
ContextualMenu		 150.967 kB
46.982 kB
react
DatePicker		 180.318 kB
54.947 kB
react
DateTimeUtilities		 5.244 kB
1.849 kB
react
DetailsList		 225.886 kB
64.647 kB
react
Dialog		 205.294 kB
61.428 kB
react
Divider		 17.63 kB
6.234 kB
react
DocumentCard		 211.08 kB
62.793 kB
react
DragDrop		 8.343 kB
2.724 kB
react
DraggableZone		 33.345 kB
11.166 kB
react
Dropdown		 227.732 kB
66.867 kB
react
ExtendedPicker		 94.987 kB
27.297 kB
react
Fabric		 39.75 kB
13.688 kB
react
Facepile		 205.992 kB
61.67 kB
react
FloatingPicker		 236.233 kB
67.368 kB
react
FocusTrapZone		 15.831 kB
5.54 kB
react
FocusZone		 53.259 kB
16.869 kB
react
Grid		 175.918 kB
53.25 kB
react
GroupedList		 131.636 kB
39.657 kB
react
GroupedListV2		 119.324 kB
36.822 kB
react
HoverCard		 93.735 kB
29.778 kB
react
Icon		 49.74 kB
16.603 kB
react
Icons		 65.829 kB
24.212 kB
react
Image		 44.79 kB
15.024 kB
react
Keytip		 78.588 kB
25.825 kB
react
KeytipData		 13.585 kB
4.418 kB
react
KeytipLayer		 100.422 kB
31.128 kB
react
Keytips		 103.175 kB
32.07 kB
react
Label		 36.347 kB
12.639 kB
react
Layer		 45.683 kB
15.585 kB
react
Link		 37.673 kB
12.993 kB
react
List		 38.136 kB
12.004 kB
react
MarqueeSelection		 72.119 kB
21.676 kB
react
MessageBar		 184.707 kB
55.523 kB
react
Modal		 90.409 kB
29.213 kB
react
Nav		 183.442 kB
55.093 kB
react
OverflowSet		 31.044 kB
10.593 kB
react
Overlay		 38.784 kB
13.401 kB
react
Panel		 194.946 kB
58.34 kB
react
Persona		 111.705 kB
35.58 kB
react
PersonaCoin		 111.705 kB
35.58 kB
react
PersonaPresence		 55.928 kB
18.715 kB
react
Pickers		 287.603 kB
80.607 kB
react
Pivot		 184.252 kB
55.823 kB
react
Popup		 12.032 kB
4.114 kB
react
Positioning		 21.821 kB
7.334 kB
react
PositioningContainer		 70.754 kB
22.84 kB
react
ProgressIndicator		 37.498 kB
12.906 kB
react
Rating		 78.989 kB
25.18 kB
react
ResizeGroup		 13.286 kB
4.365 kB
react
ResponsiveMode		 8.078 kB
2.95 kB
react
ScrollablePane		 53.538 kB
17.113 kB
react
SearchBox		 182.982 kB
55.1 kB
react
SelectableOption		 724 B
413 B
react
SelectedItemsList		 226.659 kB
66.321 kB
react
Selection		 41.202 kB
11.839 kB
react
Separator		 33.397 kB
11.529 kB
react
Shimmer		 47.265 kB
15.632 kB
react
ShimmeredDetailsList		 236.654 kB
67.42 kB
react
Slider		 55.575 kB
18.574 kB
react
SpinButton		 186.661 kB
56.205 kB
react
Spinner		 39.691 kB
13.815 kB
react
Stack		 40.761 kB
13.931 kB
react
Sticky		 32.064 kB
10.324 kB
react
Styling		 44.812 kB
14.688 kB
react
SwatchColorPicker		 186.166 kB
56.724 kB
react
TeachingBubble		 200.004 kB
59.345 kB
react
Text		 35.931 kB
12.486 kB
react
TextField		 78.587 kB
24.642 kB
react
Theme		 42.456 kB
13.773 kB
react
ThemeGenerator		 12.34 kB
4.106 kB
react
TimePicker		 235.197 kB
68.29 kB
react
Toggle		 44.17 kB
15.346 kB
react
Tooltip		 84.225 kB
27.277 kB
react
Utilities		 71.851 kB
21.843 kB
react
Viewport		 22.945 kB
7.292 kB
react
WeeklyDayPicker		 98.762 kB
30.828 kB
react
WindowProvider		 1.059 kB
541 B
react-avatar
Avatar		 50.175 kB
15.944 kB
react-button
ToggleButton		 56.559 kB
13.068 kB
react-calendar-compat
Calendar Compat		 152.073 kB
39.83 kB
react-card
Card - All		 101.557 kB
28.932 kB
react-card
Card		 96.382 kB
27.401 kB
react-card
CardPreview		 14.015 kB
5.752 kB
react-checkbox
Checkbox		 35.656 kB
12.07 kB
react-jsx-runtime
Classic Pragma		 1.057 kB
530 B
react-jsx-runtime
JSX Runtime		 4.377 kB
1.881 kB
react-link
Link		 17.082 kB
6.911 kB
react-northstar
Debug		 8.801 kB
3.594 kB
react-persona
Persona		 57.066 kB
17.821 kB
react-portal
Portal		 13.633 kB
4.869 kB
react-portal-compat
PortalCompatProvider		 7.944 kB
2.588 kB
react-positioning
usePositioning		 26.398 kB
9.539 kB
react-provider
FluentProvider		 23.759 kB
8.657 kB
react-radio
RadioGroup		 15.354 kB
6.265 kB
react-slider
Slider		 39.949 kB
12.968 kB
react-table
Table (Primitives only)		 45.324 kB
14.116 kB
react-table
Table as DataGrid		 136.55 kB
36.811 kB
react-tags
TagGroup		 80.556 kB
24.027 kB
react-theme
Single theme token import		 69 B
89 B
react-theme
Teams: all themes		 35.666 kB
7.453 kB
react-theme
Teams: Light theme		 19.642 kB
5.549 kB
react-tooltip
Tooltip		 54.58 kB
19.188 kB
react-utilities
SSRProvider		 180 B
160 B
🤖 This report was generated against 322784eb9a0cfa4d6ff7afde5728c0a93aa53388

@fabricteam
Copy link
Collaborator

fabricteam commented Mar 1, 2024 •
edited
Loading

🕵 fluentuiv8 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

fabricteam commented Mar 1, 2024 •
edited
Loading

🕵 FluentUIV0 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

fabricteam commented Mar 1, 2024 •
edited
Loading

Perf Analysis (@fluentui/react)

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 632 649 5000 Possible regression
Breadcrumb mount 1687 1675 1000 Possible regression
Checkbox mount 1703 1709 5000 Possible regression
CheckboxBase mount 1474 1492 5000 Possible regression
ChoiceGroup mount 2928 2958 5000 Possible regression
ComboBox mount 630 664 1000 Possible regression
CommandBar mount 6234 6202 1000 Possible regression
ContextualMenu mount 11812 12005 1000 Possible regression
DefaultButton mount 752 750 5000 Possible regression
DetailsRow mount 2225 2210 5000 Possible regression
DetailsRowFast mount 2205 2236 5000 Possible regression
DetailsRowNoStyles mount 2028 2013 5000 Possible regression
Dialog mount 2788 2669 1000 Possible regression
DocumentCardTitle mount 220 226 1000 Possible regression
Dropdown mount 1992 1949 5000 Possible regression
FocusTrapZone mount 1137 1152 5000 Possible regression
FocusZone mount 1063 1098 5000 Possible regression
GroupedList mount 41830 42132 2 Possible regression
GroupedList virtual-rerender 17981 20193 2 Possible regression
GroupedList virtual-rerender-with-unmount 52958 53210 2 Possible regression
GroupedListV2 mount 223 226 2 Possible regression
GroupedListV2 virtual-rerender 208 215 2 Possible regression
GroupedListV2 virtual-rerender-with-unmount 227 233 2 Possible regression
IconButton mount 1119 1087 5000 Possible regression
Label mount 330 334 5000 Possible regression
Layer mount 2743 2773 5000 Possible regression
Link mount 399 379 5000 Possible regression
MenuButton mount 947 957 5000 Possible regression
Nav mount 1957 1951 1000 Possible regression
OverflowSet mount 806 781 5000 Possible regression
Panel mount 2051 1780 1000 Possible regression
Persona mount 735 741 1000 Possible regression
Pivot mount 904 881 1000 Possible regression
PrimaryButton mount 828 846 5000 Possible regression
Rating mount 4727 4641 5000 Possible regression
SearchBox mount 913 898 5000 Possible regression
Shimmer mount 1887 1895 5000 Possible regression
Slider mount 1327 1329 5000 Possible regression
SpinButton mount 2848 2858 5000 Possible regression
Spinner mount 394 380 5000 Possible regression
SplitButton mount 1822 1814 5000 Possible regression
Stack mount 416 417 5000 Possible regression
StackWithIntrinsicChildren mount 837 867 5000 Possible regression
StackWithTextChildren mount 2614 2590 5000 Possible regression
SwatchColorPicker mount 6207 6145 5000 Possible regression
TagPicker mount 1458 1497 5000 Possible regression
Text mount 367 372 5000 Possible regression
TextField mount 935 943 5000 Possible regression
ThemeProvider mount 822 835 5000 Possible regression
ThemeProvider virtual-rerender 578 577 5000 Possible regression
ThemeProvider virtual-rerender-with-unmount 1276 1257 5000 Possible regression
Toggle mount 611 627 5000 Possible regression
buttonNative mount 194 193 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 632 649 5000 Possible regression
Breadcrumb mount 1687 1675 1000 Possible regression
Checkbox mount 1703 1709 5000 Possible regression
CheckboxBase mount 1474 1492 5000 Possible regression
ChoiceGroup mount 2928 2958 5000 Possible regression
ComboBox mount 630 664 1000 Possible regression
CommandBar mount 6234 6202 1000 Possible regression
ContextualMenu mount 11812 12005 1000 Possible regression
DefaultButton mount 752 750 5000 Possible regression
DetailsRow mount 2225 2210 5000 Possible regression
DetailsRowFast mount 2205 2236 5000 Possible regression
DetailsRowNoStyles mount 2028 2013 5000 Possible regression
Dialog mount 2788 2669 1000 Possible regression
DocumentCardTitle mount 220 226 1000 Possible regression
Dropdown mount 1992 1949 5000 Possible regression
FocusTrapZone mount 1137 1152 5000 Possible regression
FocusZone mount 1063 1098 5000 Possible regression
GroupedList mount 41830 42132 2 Possible regression
GroupedList virtual-rerender 17981 20193 2 Possible regression
GroupedList virtual-rerender-with-unmount 52958 53210 2 Possible regression
GroupedListV2 mount 223 226 2 Possible regression
GroupedListV2 virtual-rerender 208 215 2 Possible regression
GroupedListV2 virtual-rerender-with-unmount 227 233 2 Possible regression
IconButton mount 1119 1087 5000 Possible regression
Label mount 330 334 5000 Possible regression
Layer mount 2743 2773 5000 Possible regression
Link mount 399 379 5000 Possible regression
MenuButton mount 947 957 5000 Possible regression
MessageBar mount 21268 21323 5000
Nav mount 1957 1951 1000 Possible regression
OverflowSet mount 806 781 5000 Possible regression
Panel mount 2051 1780 1000 Possible regression
Persona mount 735 741 1000 Possible regression
Pivot mount 904 881 1000 Possible regression
PrimaryButton mount 828 846 5000 Possible regression
Rating mount 4727 4641 5000 Possible regression
SearchBox mount 913 898 5000 Possible regression
Shimmer mount 1887 1895 5000 Possible regression
Slider mount 1327 1329 5000 Possible regression
SpinButton mount 2848 2858 5000 Possible regression
Spinner mount 394 380 5000 Possible regression
SplitButton mount 1822 1814 5000 Possible regression
Stack mount 416 417 5000 Possible regression
StackWithIntrinsicChildren mount 837 867 5000 Possible regression
StackWithTextChildren mount 2614 2590 5000 Possible regression
SwatchColorPicker mount 6207 6145 5000 Possible regression
TagPicker mount 1458 1497 5000 Possible regression
Text mount 367 372 5000 Possible regression
TextField mount 935 943 5000 Possible regression
ThemeProvider mount 822 835 5000 Possible regression
ThemeProvider virtual-rerender 578 577 5000 Possible regression
ThemeProvider virtual-rerender-with-unmount 1276 1257 5000 Possible regression
Toggle mount 611 627 5000 Possible regression
buttonNative mount 194 193 5000 Possible regression

@fabricteam
Copy link
Collaborator

fabricteam commented Mar 1, 2024 •
edited
Loading

🕵 fluentuiv9 No visual regressions between this PR and main

@Hotell Hotell force-pushed the deps/bump-webpack branch from 125411a to 3df13aa Compare March 1, 2024 14:28
@Hotell Hotell closed this Mar 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
March Project Cycle Q1 2024
Development

Successfully merging this pull request may close these issues.
2 participants
@Hotell @fabricteam