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

init: new package react-avatar-context #24968

Merged
merged 2 commits into from
Sep 27, 2022

Conversation

ling1726
Copy link
Member

Addresses #24790

@ling1726 ling1726 marked this pull request as ready for review September 27, 2022 13:51
@fabricteam
Copy link
Collaborator

fabricteam commented Sep 27, 2022

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
533 B
341 B
global-context
createContextSelector
554 B
348 B
priority-overflow
createOverflowManager
2.936 kB
1.212 kB
react-accordion
Accordion (including children components)
78.914 kB
24.06 kB
react-alert
Alert
83.822 kB
21.029 kB
react-avatar
Avatar
48.692 kB
13.8 kB
react-avatar
AvatarGroup
14.95 kB
5.989 kB
react-avatar
AvatarGroupItem
68.66 kB
19.138 kB
react-badge
Badge
22.6 kB
7.205 kB
react-badge
CounterBadge
23.503 kB
7.497 kB
react-badge
PresenceBadge
24.05 kB
7.067 kB
react-button
Button
36.119 kB
9.647 kB
react-button
CompoundButton
43.144 kB
10.86 kB
react-button
MenuButton
38.813 kB
10.551 kB
react-button
SplitButton
46.228 kB
11.933 kB
react-button
ToggleButton
51.888 kB
11.127 kB
react-card
Card - All
67.002 kB
19.261 kB
react-card
Card
62.684 kB
18.177 kB
react-card
CardFooter
8.561 kB
3.601 kB
react-card
CardHeader
9.604 kB
3.94 kB
react-card
CardPreview
8.662 kB
3.656 kB
react-combobox
Combobox (including child components)
74.636 kB
24.186 kB
react-combobox
Dropdown (including child components)
74.236 kB
24.086 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
188.681 kB
52.366 kB
react-components
react-components: FluentProvider & webLightTheme
33.394 kB
11.007 kB
react-dialog
Dialog (including children components)
82.755 kB
24.581 kB
react-divider
Divider
16.459 kB
5.902 kB
react-image
Image
10.78 kB
4.264 kB
react-input
Input
23.757 kB
7.704 kB
react-label
Label
9.338 kB
3.86 kB
react-link
Link
11.784 kB
4.867 kB
react-menu
Menu (including children components)
116.589 kB
35.777 kB
react-menu
Menu (including selectable components)
119.658 kB
36.296 kB
react-overflow
hooks only
10.685 kB
4.104 kB
react-popover
Popover
102.955 kB
31.548 kB
react-portal
Portal
10.576 kB
3.875 kB
react-portal-compat
PortalCompatProvider
5.851 kB
1.964 kB
react-positioning
usePositioning
19.7 kB
7.404 kB
react-provider
FluentProvider
15.755 kB
5.883 kB
react-radio
Radio
35.56 kB
11.929 kB
react-radio
RadioGroup
14.248 kB
5.7 kB
react-select
Select
20.846 kB
7.346 kB
react-slider
Slider
31.526 kB
10.046 kB
react-spinbutton
SpinButton
44.102 kB
12.425 kB
react-spinner
Spinner
19.977 kB
6.438 kB
react-switch
Switch
32.097 kB
10.27 kB
react-text
Text - Default
11.782 kB
4.605 kB
react-text
Text - Wrappers
15.092 kB
5.044 kB
react-textarea
Textarea
25.013 kB
8.133 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
29.65 kB
6.444 kB
react-theme
Teams: Light theme
17.486 kB
5.057 kB
react-tooltip
Tooltip
41.535 kB
14.639 kB
react-utilities
SSRProvider
180 B
159 B
🤖 This report was generated against 770c5e1841f4f0c976c2d3295667d95e930f7e3b

@codesandbox-ci
Copy link

codesandbox-ci bot commented Sep 27, 2022

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 cdbae6c:

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

@size-auditor
Copy link

size-auditor bot commented Sep 27, 2022

Asset size changes

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

Baseline commit: 770c5e1841f4f0c976c2d3295667d95e930f7e3b (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Sep 27, 2022

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1289 1250 5000
Button mount 929 921 5000
FluentProvider mount 1488 1498 5000
FluentProviderWithTheme mount 565 589 10
FluentProviderWithTheme virtual-rerender 539 527 10
FluentProviderWithTheme virtual-rerender-with-unmount 562 581 10
MakeStyles mount 1952 1964 50000
SpinButton mount 2315 2334 5000

@fabricteam
Copy link
Collaborator

fabricteam commented Sep 27, 2022

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AvatarMinimalPerf.default 169 159 1.06:1
ButtonMinimalPerf.default 140 132 1.06:1
ChatDuplicateMessagesPerf.default 220 208 1.06:1
IconMinimalPerf.default 573 545 1.05:1
CarouselMinimalPerf.default 363 350 1.04:1
ListCommonPerf.default 521 503 1.04:1
PortalMinimalPerf.default 146 140 1.04:1
ProviderMinimalPerf.default 322 310 1.04:1
AttachmentMinimalPerf.default 130 126 1.03:1
LabelMinimalPerf.default 344 334 1.03:1
MenuButtonMinimalPerf.default 1362 1328 1.03:1
ProviderMergeThemesPerf.default 1007 980 1.03:1
SegmentMinimalPerf.default 309 301 1.03:1
AttachmentSlotsPerf.default 883 865 1.02:1
BoxMinimalPerf.default 304 299 1.02:1
ChatWithPopoverPerf.default 296 289 1.02:1
ListMinimalPerf.default 461 454 1.02:1
ListNestedPerf.default 471 461 1.02:1
PopupMinimalPerf.default 564 554 1.02:1
RadioGroupMinimalPerf.default 398 391 1.02:1
RefMinimalPerf.default 188 185 1.02:1
TableMinimalPerf.default 359 352 1.02:1
TextAreaMinimalPerf.default 414 404 1.02:1
ButtonOverridesMissPerf.default 1031 1020 1.01:1
DropdownManyItemsPerf.default 547 540 1.01:1
DropdownMinimalPerf.default 2195 2176 1.01:1
GridMinimalPerf.default 297 294 1.01:1
HeaderSlotsPerf.default 677 671 1.01:1
LoaderMinimalPerf.default 523 519 1.01:1
RosterPerf.default 1719 1700 1.01:1
ReactionMinimalPerf.default 332 328 1.01:1
SkeletonMinimalPerf.default 305 303 1.01:1
StatusMinimalPerf.default 605 599 1.01:1
TextMinimalPerf.default 307 304 1.01:1
ToolbarMinimalPerf.default 805 794 1.01:1
TooltipMinimalPerf.default 1879 1860 1.01:1
TreeMinimalPerf.default 700 690 1.01:1
TreeWith60ListItems.default 125 124 1.01:1
AnimationMinimalPerf.default 470 468 1:1
CardMinimalPerf.default 461 461 1:1
CheckboxMinimalPerf.default 1534 1528 1:1
EmbedMinimalPerf.default 2655 2643 1:1
ItemLayoutMinimalPerf.default 976 973 1:1
ListWith60ListItems.default 492 492 1:1
MenuMinimalPerf.default 719 721 1:1
SliderMinimalPerf.default 1221 1226 1:1
SplitButtonMinimalPerf.default 3271 3265 1:1
TableManyItemsPerf.default 1577 1570 1:1
VideoMinimalPerf.default 614 612 1:1
ChatMinimalPerf.default 629 637 0.99:1
DialogMinimalPerf.default 684 694 0.99:1
FormMinimalPerf.default 323 325 0.99:1
ImageMinimalPerf.default 333 337 0.99:1
InputMinimalPerf.default 857 862 0.99:1
CustomToolbarPrototype.default 2146 2158 0.99:1
AlertMinimalPerf.default 222 227 0.98:1
ButtonSlotsPerf.default 422 429 0.98:1
LayoutMinimalPerf.default 315 322 0.98:1
DatepickerMinimalPerf.default 4542 4673 0.97:1
FlexMinimalPerf.default 252 261 0.97:1
HeaderMinimalPerf.default 309 319 0.97:1
DividerMinimalPerf.default 299 310 0.96:1
AccordionMinimalPerf.default 121 127 0.95:1

@fabricteam
Copy link
Collaborator

fabricteam commented Sep 27, 2022

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 1120 1160 5000
Breadcrumb mount 2714 2653 1000
Checkbox mount 2588 2603 5000
CheckboxBase mount 2297 2392 5000
ChoiceGroup mount 4276 4428 5000
ComboBox mount 1172 1259 1000
CommandBar mount 9486 9261 1000
ContextualMenu mount 11354 11565 1000
DefaultButton mount 1350 1403 5000
DetailsRow mount 3476 3616 5000
DetailsRowFast mount 3688 3635 5000
DetailsRowNoStyles mount 3513 3504 5000
Dialog mount 3014 3160 1000
DocumentCardTitle mount 579 552 1000
Dropdown mount 3139 3154 5000
FocusTrapZone mount 1929 2006 5000
FocusZone mount 1979 1889 5000
GroupedList mount 51722 60537 2
GroupedList virtual-rerender 25574 24171 2
GroupedList virtual-rerender-with-unmount 92767 93535 2
GroupedListV2 mount 557 618 2
GroupedListV2 virtual-rerender 524 550 2
GroupedListV2 virtual-rerender-with-unmount 548 540 2
IconButton mount 1905 1947 5000
Label mount 743 722 5000
Layer mount 4301 4271 5000
Link mount 810 844 5000
MenuButton mount 1552 1540 5000
MessageBar mount 2259 2194 5000
Nav mount 3176 3247 1000
OverflowSet mount 1322 1320 5000
Panel mount 2542 2476 1000
Persona mount 1265 1298 1000
Pivot mount 1659 1652 1000
PrimaryButton mount 1466 1508 5000
Rating mount 6431 6650 5000
SearchBox mount 1475 1418 5000
Shimmer mount 2826 2632 5000
Slider mount 1975 1907 5000
SpinButton mount 4571 4431 5000
Spinner mount 750 798 5000
SplitButton mount 3132 2952 5000
Stack mount 809 840 5000
StackWithIntrinsicChildren mount 2349 2190 5000
StackWithTextChildren mount 4498 4794 5000
SwatchColorPicker mount 10148 10230 5000
TagPicker mount 2546 2639 5000
TeachingBubble mount 88766 89617 5000
Text mount 796 787 5000
TextField mount 1597 1531 5000
ThemeProvider mount 1534 1521 5000
ThemeProvider virtual-rerender 1074 1083 5000
ThemeProvider virtual-rerender-with-unmount 2063 2117 5000
Toggle mount 1124 1101 5000
buttonNative mount 472 538 5000

@ling1726 ling1726 enabled auto-merge (squash) September 27, 2022 14:34
@ling1726 ling1726 merged commit d1cf2f3 into microsoft:master Sep 27, 2022
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Sep 28, 2022
* master: (21 commits)
  chore: Migrate react-avatar to use new build (microsoft#24969)
  applying package updates
  chore(react-input, react-textarea): Deprecating filled with shadow appearance variants (microsoft#24900)
  fix: v8 Dropdown no longer sets incorrect and unnecessary aria-activedescendant (microsoft#24593)
  feat: v0 Tooltip migration from v9 (microsoft#24908)
  chore: bump devDeps to fix critical security vulnerability (microsoft#24891)
  Fixing Tree chart issues (microsoft#24752)
  init: new package react-avatar-context (microsoft#24968)
  ci(.github): add issues write permisions to triage-bot worflow (microsoft#24963)
  applying package updates
  fix(Toolbar): close previous submenu when opening another submenu (microsoft#24836)
  fix: update non-focus-trap Popover role to be group (microsoft#24897)
  feat: Avatar's aria label includes 'active' or 'inactive' when using the active prop (microsoft#24901)
  feat(scripts): implement triage-bot module (microsoft#24911)
  chore: bump @octokit/rest to v18 (microsoft#24919)
  stress test: add "build-fixture" command (microsoft#24928)
  BREAKING-CHANGE: new ChatMessageContent for style caching (microsoft#24691)
  bugfix: fix changefile to properly update version of react-components with a patch (microsoft#24949)
  feat(scripts): enable strict checking for additional sub-folders(packages) (microsoft#24526)
  chore: exports DialogContent as unstable (microsoft#24943)
  ...
NotWoods pushed a commit to NotWoods/fluentui that referenced this pull request Nov 18, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants