Skip to content

Conversation

@bsunderhus
Copy link
Contributor

Previous Behavior

Node version was 14

New Behavior

Node version is 16

@bsunderhus bsunderhus self-assigned this Apr 27, 2023
@github-actions github-actions bot added this to the April Project Cycle Q2 2023 milestone Apr 27, 2023
@bsunderhus bsunderhus marked this pull request as ready for review April 27, 2023 13:20
@bsunderhus bsunderhus requested a review from a team as a code owner April 27, 2023 13:20
@bsunderhus bsunderhus enabled auto-merge (squash) April 27, 2023 13:26
@size-auditor
Copy link

size-auditor bot commented Apr 27, 2023

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 5174214ff482520b8d9fcc6894ed768604112ad5 (build)

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
InfoButton mount 20 23 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 711 726 5000
Button mount 378 386 5000
Field mount 1261 1270 5000
FluentProvider mount 911 888 5000
FluentProviderWithTheme mount 107 115 10
FluentProviderWithTheme virtual-rerender 95 97 10
FluentProviderWithTheme virtual-rerender-with-unmount 110 107 10
InfoButton mount 20 23 5000 Possible regression
MakeStyles mount 1125 1132 50000
Persona mount 2032 2012 5000
SpinButton mount 1528 1566 5000

@codesandbox-ci
Copy link

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.

Latest deployment of this branch, based on commit dd5ffa1:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

🕵 fluentuiv8 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
533 B
341 B
global-context
createContextSelector
560 B
352 B
priority-overflow
createOverflowManager
3.194 kB
1.314 kB
react-accordion
Accordion (including children components)
86.012 kB
26.086 kB
react-alert
Alert
93.779 kB
22.493 kB
react-avatar
Avatar
57.544 kB
14.966 kB
react-avatar
AvatarGroup
15.632 kB
6.258 kB
react-avatar
AvatarGroupItem
73.758 kB
19.478 kB
react-badge
Badge
23.512 kB
7.197 kB
react-badge
CounterBadge
24.416 kB
7.506 kB
react-badge
PresenceBadge
31.904 kB
8.296 kB
react-button
Button
37.179 kB
9.534 kB
react-button
CompoundButton
44.328 kB
11.016 kB
react-button
MenuButton
41.866 kB
10.861 kB
react-button
SplitButton
50.254 kB
12.441 kB
react-button
ToggleButton
55.397 kB
11.435 kB
react-card
Card - All
86.061 kB
24.345 kB
react-card
Card
80.997 kB
22.895 kB
react-card
CardFooter
9.158 kB
3.844 kB
react-card
CardHeader
11.048 kB
4.538 kB
react-card
CardPreview
9.963 kB
4.192 kB
react-checkbox
Checkbox
34.216 kB
10.784 kB
react-combobox
Combobox (including child components)
87.199 kB
28.095 kB
react-combobox
Dropdown (including child components)
85.583 kB
27.692 kB
react-components
react-components: Button, FluentProvider & webLightTheme
65.31 kB
17.931 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
204.34 kB
57.141 kB
react-components
react-components: FluentProvider & webLightTheme
36.086 kB
11.9 kB
react-datepicker-compat
DatePicker Compat
220.251 kB
58.471 kB
react-dialog
Dialog (including children components)
90.867 kB
27.047 kB
react-divider
Divider
17.399 kB
6.298 kB
react-field
Field
18.864 kB
7.004 kB
react-image
Image
11.479 kB
4.573 kB
react-infobutton
InfoButton
127.925 kB
39.003 kB
react-infobutton
InfoLabel
131.208 kB
39.996 kB
react-input
Input
23.972 kB
7.676 kB
react-label
Label
10.104 kB
4.185 kB
react-link
Link
12.357 kB
5.091 kB
react-menu
Menu (including children components)
128.202 kB
39.18 kB
react-menu
Menu (including selectable components)
131.186 kB
39.696 kB
react-overflow
hooks only
11.214 kB
4.271 kB
react-persona
Persona
64.465 kB
16.892 kB
react-popover
Popover
114.917 kB
35.388 kB
react-portal
Portal
11.649 kB
4.262 kB
react-portal-compat
PortalCompatProvider
6.446 kB
2.186 kB
react-positioning
usePositioning
24.008 kB
8.798 kB
react-progress
ProgressBar
13.856 kB
5.434 kB
react-provider
FluentProvider
18.033 kB
6.666 kB
react-radio
Radio
27.282 kB
8.661 kB
react-radio
RadioGroup
11.312 kB
4.71 kB
react-select
Select
25.357 kB
8.798 kB
react-slider
Slider
34.112 kB
11.018 kB
react-spinbutton
SpinButton
33.882 kB
10.325 kB
react-spinner
Spinner
20.882 kB
6.798 kB
react-switch
Switch
29.806 kB
9.274 kB
react-table
DataGrid
147.659 kB
40.567 kB
react-table
Table (Primitives only)
44.348 kB
12.347 kB
react-table
Table as DataGrid
130.218 kB
33.128 kB
react-table
Table (Selection only)
78.132 kB
19.127 kB
react-table
Table (Sort only)
77.462 kB
18.939 kB
react-text
Text - Default
12.492 kB
4.92 kB
react-text
Text - Wrappers
15.624 kB
5.232 kB
react-textarea
Textarea
27.399 kB
9.041 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
31.33 kB
6.764 kB
react-theme
Teams: Light theme
17.895 kB
5.162 kB
react-tooltip
Tooltip
46.656 kB
16.369 kB
react-utilities
SSRProvider
180 B
159 B
🤖 This report was generated against 5174214ff482520b8d9fcc6894ed768604112ad5

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
BoxMinimalPerf.default 338 302 1.12:1
ReactionMinimalPerf.default 363 328 1.11:1
AvatarMinimalPerf.default 181 167 1.08:1
FlexMinimalPerf.default 269 251 1.07:1
ImageMinimalPerf.default 388 367 1.06:1
PortalMinimalPerf.default 136 128 1.06:1
DividerMinimalPerf.default 357 341 1.05:1
ProviderMergeThemesPerf.default 1116 1059 1.05:1
TableManyItemsPerf.default 1970 1876 1.05:1
TreeWith60ListItems.default 127 121 1.05:1
HeaderSlotsPerf.default 790 756 1.04:1
LabelMinimalPerf.default 360 347 1.04:1
LoaderMinimalPerf.default 323 311 1.04:1
TextMinimalPerf.default 342 328 1.04:1
ToolbarMinimalPerf.default 875 843 1.04:1
FormMinimalPerf.default 381 370 1.03:1
PopupMinimalPerf.default 542 527 1.03:1
RadioGroupMinimalPerf.default 421 409 1.03:1
SegmentMinimalPerf.default 324 314 1.03:1
IconMinimalPerf.default 602 587 1.03:1
AttachmentMinimalPerf.default 147 144 1.02:1
ChatWithPopoverPerf.default 307 302 1.02:1
HeaderMinimalPerf.default 342 335 1.02:1
InputMinimalPerf.default 914 895 1.02:1
ItemLayoutMinimalPerf.default 1204 1175 1.02:1
ListMinimalPerf.default 485 475 1.02:1
ListNestedPerf.default 521 510 1.02:1
SliderMinimalPerf.default 1084 1067 1.02:1
TooltipMinimalPerf.default 2033 1984 1.02:1
TreeMinimalPerf.default 748 732 1.02:1
AccordionMinimalPerf.default 134 133 1.01:1
ButtonOverridesMissPerf.default 1008 995 1.01:1
CheckboxMinimalPerf.default 1992 1973 1.01:1
LayoutMinimalPerf.default 325 321 1.01:1
ListWith60ListItems.default 590 582 1.01:1
StatusMinimalPerf.default 647 639 1.01:1
TableMinimalPerf.default 378 376 1.01:1
AlertMinimalPerf.default 271 272 1:1
AttachmentSlotsPerf.default 1067 1069 1:1
ButtonMinimalPerf.default 129 129 1:1
ButtonSlotsPerf.default 513 511 1:1
CardMinimalPerf.default 489 489 1:1
DropdownMinimalPerf.default 2160 2159 1:1
MenuMinimalPerf.default 774 775 1:1
RosterPerf.default 2491 2493 1:1
ProviderMinimalPerf.default 290 290 1:1
SplitButtonMinimalPerf.default 3796 3797 1:1
VideoMinimalPerf.default 668 669 1:1
DatepickerMinimalPerf.default 5479 5557 0.99:1
GridMinimalPerf.default 318 321 0.99:1
MenuButtonMinimalPerf.default 1571 1580 0.99:1
SkeletonMinimalPerf.default 332 334 0.99:1
AnimationMinimalPerf.default 466 477 0.98:1
ChatMinimalPerf.default 674 686 0.98:1
DialogMinimalPerf.default 718 733 0.98:1
DropdownManyItemsPerf.default 668 681 0.98:1
ListCommonPerf.default 637 657 0.97:1
CustomToolbarPrototype.default 2182 2260 0.97:1
CarouselMinimalPerf.default 425 443 0.96:1
EmbedMinimalPerf.default 2933 3059 0.96:1
TextAreaMinimalPerf.default 466 483 0.96:1
ChatDuplicateMessagesPerf.default 214 238 0.9:1
RefMinimalPerf.default 160 177 0.9:1

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

🕵 FluentUI-v0 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 803 812 5000
Breadcrumb mount 2257 2248 1000
Checkbox mount 2151 2178 5000
CheckboxBase mount 1907 1872 5000
ChoiceGroup mount 3705 3732 5000
ComboBox mount 889 889 1000
CommandBar mount 8119 8110 1000
ContextualMenu mount 16701 16339 1000
DefaultButton mount 979 975 5000
DetailsRow mount 2927 2863 5000
DetailsRowFast mount 2887 2930 5000
DetailsRowNoStyles mount 2637 2708 5000
Dialog mount 3471 3482 1000
DocumentCardTitle mount 308 926 1000
Dropdown mount 2566 2567 5000
FocusTrapZone mount 1486 1539 5000
FocusZone mount 1463 1486 5000
GroupedList mount 49580 57777 2
GroupedList virtual-rerender 23524 24141 2
GroupedList virtual-rerender-with-unmount 74176 73096 2
GroupedListV2 mount 321 304 2
GroupedListV2 virtual-rerender 296 298 2
GroupedListV2 virtual-rerender-with-unmount 325 320 2
IconButton mount 1417 1434 5000
Label mount 461 461 5000
Layer mount 3592 3571 5000
Link mount 518 522 5000
MenuButton mount 1238 1216 5000
MessageBar mount 27995 28032 5000
Nav mount 2536 2550 1000
OverflowSet mount 1011 1011 5000
Panel mount 2275 2262 1000
Persona mount 973 979 1000
Pivot mount 1175 1168 1000
PrimaryButton mount 1113 1107 5000
Rating mount 5825 5795 5000
SearchBox mount 1155 1154 5000
Shimmer mount 2332 2377 5000
Slider mount 1731 1719 5000
SpinButton mount 3713 3771 5000
Spinner mount 525 521 5000
SplitButton mount 2431 2449 5000
Stack mount 533 537 5000
StackWithIntrinsicChildren mount 1140 1150 5000
StackWithTextChildren mount 3215 3242 5000
SwatchColorPicker mount 8137 8128 5000
TagPicker mount 1986 1991 5000
Text mount 489 490 5000
TextField mount 1212 1181 5000
ThemeProvider mount 1137 1127 5000
ThemeProvider virtual-rerender 773 780 5000
ThemeProvider virtual-rerender-with-unmount 1727 1713 5000
Toggle mount 811 820 5000
buttonNative mount 281 286 5000

@bsunderhus bsunderhus merged commit 1998266 into microsoft:master Apr 27, 2023
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Apr 27, 2023
* feat/drawer-components: (28 commits)
  docs: update API
  feat: add style overrides for upcoming drawer components
  feat: add support to override drawer styles
  fix: prevent elements from stretching
  chore: upgrade devcontainer node version to 16 (microsoft#27716)
  fix: rename styles file to use the newer naming conventions
  test: add cypress tests for scroll positions
  chore: enforce files naming to use .styles.ts [cxe-prg files] (microsoft#27707)
  feat: add support to override drawer body styles
  chore: migrate to NodeJS v16 (microsoft#27711)
  remove react-avatar-context package (microsoft#27709)
  test: migrate all v9 libraries to use new conformance setup which improves test execution by approx 46% (microsoft#27669)
  chore: Add caret to react-datepicker-compat dependencies (microsoft#27671)
  test(fluentui/react): fix initial global leaks that were causing OOM issues (microsoft#27661)
  chore(react-utilities): simplifies useControllableState hook internals (microsoft#27702)
  chore: enforce files naming to use .styles.ts (microsoft#27698)
  feat: adds lazy loading example (microsoft#27587)
  feat: react-combobox space conditionally inserts character when freeform is true (microsoft#27025)
  chore(react-tree): updates useOpenItemsState internals (microsoft#27697)
  feat(tools): add conformance setup migration to migrate-converged-pkg generator (microsoft#27668)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants