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

chore: bump all webpack related dependencies to latest #30684

Merged
merged 7 commits into from
Mar 6, 2024

Conversation

Hotell
Copy link
Contributor

@Hotell Hotell commented Mar 1, 2024

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
@fabricteam
Copy link
Collaborator

fabricteam commented Mar 1, 2024

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 646 651 5000 Possible regression
Button mount 294 319 5000 Possible regression
Field mount 1126 1120 5000 Possible regression
FluentProvider mount 696 700 5000 Possible regression
FluentProviderWithTheme mount 85 96 10 Possible regression
FluentProviderWithTheme virtual-rerender 76 72 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 88 80 10 Possible regression
MakeStyles mount 865 874 50000 Possible regression
Persona mount 1750 1785 5000 Possible regression
SpinButton mount 1384 1401 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 646 651 5000 Possible regression
Button mount 294 319 5000 Possible regression
Field mount 1126 1120 5000 Possible regression
FluentProvider mount 696 700 5000 Possible regression
FluentProviderWithTheme mount 85 96 10 Possible regression
FluentProviderWithTheme virtual-rerender 76 72 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 88 80 10 Possible regression
MakeStyles mount 865 874 50000 Possible regression
Persona mount 1750 1785 5000 Possible regression
SpinButton mount 1384 1401 5000 Possible regression

Copy link

codesandbox-ci bot commented Mar 1, 2024

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

🕵 fluentuiv8 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

fabricteam commented Mar 1, 2024

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 88 78 1.13:1 analysis
ButtonMinimalPerf.default 93 84 1.11:1 analysis
RefMinimalPerf.default 112 105 1.07:1 analysis
FlexMinimalPerf.default 158 150 1.05:1 analysis
TreeWith60ListItems.default 92 89 1.03:1 analysis
AccordionMinimalPerf.default 78 77 1.01:1 analysis
LoaderMinimalPerf.default 194 194 1:1 analysis
RadioGroupMinimalPerf.default 259 263 0.98:1 analysis
Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
IconMinimalPerf.default 415 377 1.1:1
ButtonSlotsPerf.default 324 303 1.07:1
LabelMinimalPerf.default 230 214 1.07:1
ChatWithPopoverPerf.default 200 188 1.06:1
DividerMinimalPerf.default 208 198 1.05:1
ToolbarMinimalPerf.default 554 530 1.05:1
AnimationMinimalPerf.default 301 289 1.04:1
AvatarMinimalPerf.default 113 109 1.04:1
ButtonOverridesMissPerf.default 646 622 1.04:1
CardMinimalPerf.default 309 296 1.04:1
ChatMinimalPerf.default 456 438 1.04:1
SegmentMinimalPerf.default 203 195 1.04:1
SliderMinimalPerf.default 759 733 1.04:1
TextMinimalPerf.default 199 191 1.04:1
CarouselMinimalPerf.default 252 244 1.03:1
HeaderMinimalPerf.default 210 204 1.03:1
MenuButtonMinimalPerf.default 975 948 1.03:1
ReactionMinimalPerf.default 220 214 1.03:1
TableMinimalPerf.default 232 226 1.03:1
VideoMinimalPerf.default 432 421 1.03:1
DialogMinimalPerf.default 449 442 1.02:1
ListNestedPerf.default 320 315 1.02:1
ProviderMinimalPerf.default 209 204 1.02:1
TableManyItemsPerf.default 1116 1096 1.02:1
CheckboxMinimalPerf.default 1122 1109 1.01:1
FormMinimalPerf.default 225 223 1.01:1
HeaderSlotsPerf.default 469 463 1.01:1
ImageMinimalPerf.default 223 220 1.01:1
LayoutMinimalPerf.default 195 193 1.01:1
PopupMinimalPerf.default 345 343 1.01:1
PortalMinimalPerf.default 83 82 1.01:1
DatepickerMinimalPerf.default 3522 3518 1:1
DropdownMinimalPerf.default 1420 1417 1:1
EmbedMinimalPerf.default 1827 1832 1:1
ProviderMergeThemesPerf.default 654 655 1:1
TextAreaMinimalPerf.default 295 294 1:1
TreeMinimalPerf.default 479 478 1:1
BoxMinimalPerf.default 190 192 0.99:1
ListCommonPerf.default 384 386 0.99:1
ListWith60ListItems.default 369 371 0.99:1
MenuMinimalPerf.default 493 498 0.99:1
SkeletonMinimalPerf.default 194 196 0.99:1
ChatDuplicateMessagesPerf.default 152 155 0.98:1
InputMinimalPerf.default 538 547 0.98:1
ItemLayoutMinimalPerf.default 699 710 0.98:1
RosterPerf.default 1570 1608 0.98:1
SplitButtonMinimalPerf.default 2199 2254 0.98:1
StatusMinimalPerf.default 386 394 0.98:1
CustomToolbarPrototype.default 1455 1487 0.98:1
AttachmentSlotsPerf.default 628 645 0.97:1
DropdownManyItemsPerf.default 376 386 0.97:1
TooltipMinimalPerf.default 1226 1268 0.97:1
GridMinimalPerf.default 186 193 0.96:1
ListMinimalPerf.default 301 312 0.96:1
AlertMinimalPerf.default 153 172 0.89:1

@fabricteam
Copy link
Collaborator

fabricteam commented Mar 1, 2024

🕵 FluentUIV0 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

fabricteam commented Mar 1, 2024

📊 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 73dd463eb6d3c9dfbaabb4a080b585516b17b31f

@fabricteam
Copy link
Collaborator

fabricteam commented Mar 1, 2024

Perf Analysis (@fluentui/react)

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 631 639 5000 Possible regression
Breadcrumb mount 1672 1647 1000 Possible regression
Checkbox mount 1687 1679 5000 Possible regression
CheckboxBase mount 1455 1460 5000 Possible regression
ChoiceGroup mount 2942 2977 5000 Possible regression
ComboBox mount 669 646 1000 Possible regression
CommandBar mount 6143 6209 1000 Possible regression
ContextualMenu mount 12058 12377 1000 Possible regression
DefaultButton mount 745 742 5000 Possible regression
DetailsRow mount 2169 2170 5000 Possible regression
DetailsRowFast mount 2220 2197 5000 Possible regression
DetailsRowNoStyles mount 2022 2040 5000 Possible regression
Dialog mount 2631 2636 1000 Possible regression
DocumentCardTitle mount 217 225 1000 Possible regression
Dropdown mount 1973 1989 5000 Possible regression
FocusTrapZone mount 1151 1181 5000 Possible regression
FocusZone mount 1053 1066 5000 Possible regression
GroupedList mount 41977 41585 2 Possible regression
GroupedList virtual-rerender 20282 20116 2 Possible regression
GroupedList virtual-rerender-with-unmount 52716 52974 2 Possible regression
GroupedListV2 mount 226 227 2 Possible regression
GroupedListV2 virtual-rerender 208 205 2 Possible regression
GroupedListV2 virtual-rerender-with-unmount 213 214 2 Possible regression
IconButton mount 1118 1100 5000 Possible regression
Label mount 333 339 5000 Possible regression
Layer mount 2728 2711 5000 Possible regression
Link mount 381 377 5000 Possible regression
MenuButton mount 935 935 5000 Possible regression
Nav mount 1950 1963 1000 Possible regression
OverflowSet mount 783 787 5000 Possible regression
Panel mount 2075 1799 1000 Possible regression
Persona mount 740 729 1000 Possible regression
Pivot mount 882 876 1000 Possible regression
PrimaryButton mount 828 846 5000 Possible regression
Rating mount 4630 4591 5000 Possible regression
SearchBox mount 888 905 5000 Possible regression
Shimmer mount 1905 1881 5000 Possible regression
Slider mount 1316 1298 5000 Possible regression
SpinButton mount 2909 2890 5000 Possible regression
Spinner mount 376 383 5000 Possible regression
SplitButton mount 1808 1829 5000 Possible regression
Stack mount 398 398 5000 Possible regression
StackWithIntrinsicChildren mount 862 850 5000 Possible regression
StackWithTextChildren mount 2531 2558 5000 Possible regression
SwatchColorPicker mount 6144 6107 5000 Possible regression
TagPicker mount 1459 1466 5000 Possible regression
Text mount 372 365 5000 Possible regression
TextField mount 941 921 5000 Possible regression
ThemeProvider mount 832 821 5000 Possible regression
ThemeProvider virtual-rerender 583 579 5000 Possible regression
ThemeProvider virtual-rerender-with-unmount 1272 1281 5000 Possible regression
Toggle mount 601 611 5000 Possible regression
buttonNative mount 204 205 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 631 639 5000 Possible regression
Breadcrumb mount 1672 1647 1000 Possible regression
Checkbox mount 1687 1679 5000 Possible regression
CheckboxBase mount 1455 1460 5000 Possible regression
ChoiceGroup mount 2942 2977 5000 Possible regression
ComboBox mount 669 646 1000 Possible regression
CommandBar mount 6143 6209 1000 Possible regression
ContextualMenu mount 12058 12377 1000 Possible regression
DefaultButton mount 745 742 5000 Possible regression
DetailsRow mount 2169 2170 5000 Possible regression
DetailsRowFast mount 2220 2197 5000 Possible regression
DetailsRowNoStyles mount 2022 2040 5000 Possible regression
Dialog mount 2631 2636 1000 Possible regression
DocumentCardTitle mount 217 225 1000 Possible regression
Dropdown mount 1973 1989 5000 Possible regression
FocusTrapZone mount 1151 1181 5000 Possible regression
FocusZone mount 1053 1066 5000 Possible regression
GroupedList mount 41977 41585 2 Possible regression
GroupedList virtual-rerender 20282 20116 2 Possible regression
GroupedList virtual-rerender-with-unmount 52716 52974 2 Possible regression
GroupedListV2 mount 226 227 2 Possible regression
GroupedListV2 virtual-rerender 208 205 2 Possible regression
GroupedListV2 virtual-rerender-with-unmount 213 214 2 Possible regression
IconButton mount 1118 1100 5000 Possible regression
Label mount 333 339 5000 Possible regression
Layer mount 2728 2711 5000 Possible regression
Link mount 381 377 5000 Possible regression
MenuButton mount 935 935 5000 Possible regression
MessageBar mount 21165 21186 5000
Nav mount 1950 1963 1000 Possible regression
OverflowSet mount 783 787 5000 Possible regression
Panel mount 2075 1799 1000 Possible regression
Persona mount 740 729 1000 Possible regression
Pivot mount 882 876 1000 Possible regression
PrimaryButton mount 828 846 5000 Possible regression
Rating mount 4630 4591 5000 Possible regression
SearchBox mount 888 905 5000 Possible regression
Shimmer mount 1905 1881 5000 Possible regression
Slider mount 1316 1298 5000 Possible regression
SpinButton mount 2909 2890 5000 Possible regression
Spinner mount 376 383 5000 Possible regression
SplitButton mount 1808 1829 5000 Possible regression
Stack mount 398 398 5000 Possible regression
StackWithIntrinsicChildren mount 862 850 5000 Possible regression
StackWithTextChildren mount 2531 2558 5000 Possible regression
SwatchColorPicker mount 6144 6107 5000 Possible regression
TagPicker mount 1459 1466 5000 Possible regression
Text mount 372 365 5000 Possible regression
TextField mount 941 921 5000 Possible regression
ThemeProvider mount 832 821 5000 Possible regression
ThemeProvider virtual-rerender 583 579 5000 Possible regression
ThemeProvider virtual-rerender-with-unmount 1272 1281 5000 Possible regression
Toggle mount 601 611 5000 Possible regression
buttonNative mount 204 205 5000 Possible regression

@fabricteam
Copy link
Collaborator

fabricteam commented Mar 1, 2024

🕵 fluentuiv9 No visual regressions between this PR and main

@Hotell Hotell force-pushed the deps/bump-webpack branch from 3df13aa to d99df7d Compare March 1, 2024 15:34
@Hotell Hotell force-pushed the deps/bump-webpack branch from d99df7d to d6cc9dd Compare March 4, 2024 09:22
@Hotell Hotell marked this pull request as ready for review March 4, 2024 10:43
@Hotell Hotell requested review from a team as code owners March 4, 2024 10:43
@Hotell Hotell added the dependencies Pull requests that update a dependency file label Mar 4, 2024
@tudorpopams tudorpopams self-requested a review March 5, 2024 13:13
@Hotell Hotell merged commit 5a3e27f into microsoft:master Mar 6, 2024
21 checks passed
@Hotell Hotell deleted the deps/bump-webpack branch March 6, 2024 15:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dependencies Pull requests that update a dependency file
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants