Skip to content

chore(react-infolabel-preview): Scaffold react-infolabel package#29480

Merged
sopranopillow merged 4 commits intomicrosoft:masterfrom
sopranopillow:infolabel/scaffold
Oct 10, 2023
Merged

chore(react-infolabel-preview): Scaffold react-infolabel package#29480
sopranopillow merged 4 commits intomicrosoft:masterfrom
sopranopillow:infolabel/scaffold

Conversation

@sopranopillow
Copy link
Contributor

Scaffolding package for react-infolabel-preview

Related Issue(s)

@fabricteam
Copy link
Collaborator

fabricteam commented Oct 10, 2023

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
InfoButton mount 11 13 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 636 618 5000
Button mount 307 310 5000
Field mount 1099 1123 5000
FluentProvider mount 694 700 5000
FluentProviderWithTheme mount 83 80 10
FluentProviderWithTheme virtual-rerender 73 70 10
FluentProviderWithTheme virtual-rerender-with-unmount 74 83 10
InfoButton mount 11 13 5000 Possible regression
MakeStyles mount 842 874 50000
Persona mount 1744 1685 5000
SpinButton mount 1382 1340 5000

@codesandbox-ci
Copy link

codesandbox-ci bot commented Oct 10, 2023

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

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

@fabricteam
Copy link
Collaborator

fabricteam commented Oct 10, 2023

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
ButtonMinimalPerf.default 94 80 1.18:1
LoaderMinimalPerf.default 193 173 1.12:1
PortalMinimalPerf.default 90 81 1.11:1
ChatWithPopoverPerf.default 206 188 1.1:1
FlexMinimalPerf.default 160 147 1.09:1
CardMinimalPerf.default 309 290 1.07:1
TreeWith60ListItems.default 91 85 1.07:1
AccordionMinimalPerf.default 84 79 1.06:1
AvatarMinimalPerf.default 110 104 1.06:1
DividerMinimalPerf.default 207 196 1.06:1
ListNestedPerf.default 327 308 1.06:1
ProviderMinimalPerf.default 203 193 1.05:1
CheckboxMinimalPerf.default 1147 1108 1.04:1
TableMinimalPerf.default 240 231 1.04:1
DatepickerMinimalPerf.default 3738 3642 1.03:1
DropdownManyItemsPerf.default 381 369 1.03:1
LabelMinimalPerf.default 212 206 1.03:1
MenuButtonMinimalPerf.default 970 941 1.03:1
SplitButtonMinimalPerf.default 2274 2214 1.03:1
StatusMinimalPerf.default 392 380 1.03:1
BoxMinimalPerf.default 191 188 1.02:1
ChatDuplicateMessagesPerf.default 150 147 1.02:1
HeaderMinimalPerf.default 215 210 1.02:1
ListMinimalPerf.default 311 305 1.02:1
MenuMinimalPerf.default 498 489 1.02:1
RadioGroupMinimalPerf.default 255 250 1.02:1
RefMinimalPerf.default 108 106 1.02:1
TextMinimalPerf.default 198 195 1.02:1
TextAreaMinimalPerf.default 286 281 1.02:1
TreeMinimalPerf.default 473 466 1.02:1
DropdownMinimalPerf.default 1442 1423 1.01:1
HeaderSlotsPerf.default 456 452 1.01:1
PopupMinimalPerf.default 346 343 1.01:1
SliderMinimalPerf.default 752 745 1.01:1
IconMinimalPerf.default 395 391 1.01:1
TableManyItemsPerf.default 1095 1085 1.01:1
VideoMinimalPerf.default 435 431 1.01:1
FormMinimalPerf.default 210 211 1:1
GridMinimalPerf.default 184 184 1:1
ListCommonPerf.default 384 384 1:1
SegmentMinimalPerf.default 189 189 1:1
ToolbarMinimalPerf.default 541 539 1:1
AnimationMinimalPerf.default 292 295 0.99:1
ButtonOverridesMissPerf.default 633 639 0.99:1
CarouselMinimalPerf.default 247 249 0.99:1
EmbedMinimalPerf.default 1841 1853 0.99:1
InputMinimalPerf.default 520 525 0.99:1
ProviderMergeThemesPerf.default 643 651 0.99:1
CustomToolbarPrototype.default 1474 1488 0.99:1
DialogMinimalPerf.default 437 444 0.98:1
ItemLayoutMinimalPerf.default 686 700 0.98:1
LayoutMinimalPerf.default 196 201 0.98:1
RosterPerf.default 1510 1533 0.98:1
SkeletonMinimalPerf.default 186 190 0.98:1
AlertMinimalPerf.default 151 155 0.97:1
AttachmentSlotsPerf.default 608 624 0.97:1
ButtonSlotsPerf.default 304 314 0.97:1
ChatMinimalPerf.default 422 436 0.97:1
TooltipMinimalPerf.default 1250 1288 0.97:1
ListWith60ListItems.default 352 368 0.96:1
AttachmentMinimalPerf.default 76 81 0.94:1
ImageMinimalPerf.default 208 222 0.94:1
ReactionMinimalPerf.default 206 222 0.93:1

@fabricteam
Copy link
Collaborator

fabricteam commented Oct 10, 2023

🕵 fluentuiv8 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

fabricteam commented Oct 10, 2023

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
510 B
330 B
global-context
createContextSelector
537 B
342 B
priority-overflow
createOverflowManager
4.162 kB
1.735 kB
react-accordion
Accordion (including children components)
91.684 kB
28.007 kB
react-alert
Alert
83.172 kB
23.078 kB
react-avatar
Avatar
49.185 kB
15.491 kB
react-avatar
AvatarGroup
18.716 kB
7.458 kB
react-avatar
AvatarGroupItem
63.841 kB
19.834 kB
react-badge
Badge
25.921 kB
8.354 kB
react-badge
CounterBadge
26.822 kB
8.657 kB
react-badge
PresenceBadge
24.327 kB
8.867 kB
react-button
Button
38.892 kB
10.882 kB
react-button
CompoundButton
46.247 kB
12.375 kB
react-button
MenuButton
43.666 kB
12.26 kB
react-button
SplitButton
51.68 kB
13.845 kB
react-button
ToggleButton
55.938 kB
12.783 kB
react-card
Card - All
91.484 kB
26.485 kB
react-card
Card
86.31 kB
24.946 kB
react-card
CardFooter
12.074 kB
5.034 kB
react-card
CardHeader
14.323 kB
5.8 kB
react-card
CardPreview
13.031 kB
5.404 kB
react-checkbox
Checkbox
35.959 kB
11.852 kB
react-combobox
Combobox (including child components)
90.288 kB
29.491 kB
react-combobox
Dropdown (including child components)
88.728 kB
29.134 kB
react-components
react-components: Button, FluentProvider & webLightTheme
68.748 kB
19.742 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
206.455 kB
59.32 kB
react-components
react-components: FluentProvider & webLightTheme
40.866 kB
13.546 kB
react-datepicker-compat
DatePicker Compat
210.635 kB
58.707 kB
react-dialog
Dialog (including children components)
88.302 kB
26.325 kB
react-divider
Divider
19.836 kB
7.392 kB
react-field
Field
21.443 kB
8.194 kB
react-image
Image
14.752 kB
5.875 kB
react-infobutton
InfoButton
129.077 kB
40.673 kB
react-infobutton
InfoLabel
132.768 kB
41.846 kB
react-input
Input
25.97 kB
8.77 kB
react-jsx-runtime
Classic Pragma
1.049 kB
531 B
react-jsx-runtime
JSX Dev Runtime
2.874 kB
1.307 kB
react-jsx-runtime
JSX Runtime
3.46 kB
1.542 kB
react-label
Label
13.159 kB
5.416 kB
react-link
Link
16.051 kB
6.52 kB
react-menu
Menu (including children components)
138.901 kB
42.923 kB
react-menu
Menu (including selectable components)
141.587 kB
43.437 kB
react-overflow
hooks only
12.419 kB
4.687 kB
react-persona
Persona
56.076 kB
17.369 kB
react-popover
Popover
117.81 kB
37.19 kB
react-portal
Portal
12.255 kB
4.504 kB
react-portal-compat
PortalCompatProvider
6.503 kB
2.22 kB
react-positioning
usePositioning
25.305 kB
9.162 kB
react-progress
ProgressBar
16.448 kB
6.545 kB
react-provider
FluentProvider
21.411 kB
7.972 kB
react-radio
Radio
29.72 kB
9.802 kB
react-radio
RadioGroup
14.355 kB
5.913 kB
react-select
Select
27.692 kB
9.849 kB
react-slider
Slider
36.87 kB
12.141 kB
react-spinbutton
SpinButton
35.857 kB
11.426 kB
react-spinner
Spinner
22.412 kB
8.118 kB
react-switch
Switch
32.179 kB
10.437 kB
react-table
DataGrid
155.692 kB
43.414 kB
react-table
Table (Primitives only)
42.52 kB
13.314 kB
react-table
Table as DataGrid
128.989 kB
34.73 kB
react-table
Table (Selection only)
74.356 kB
20.029 kB
react-table
Table (Sort only)
72.963 kB
19.627 kB
react-tags
InteractionTag
14.342 kB
5.736 kB
react-tags
Tag
29.065 kB
9.081 kB
react-tags
TagGroup
72.581 kB
21.631 kB
react-text
Text - Default
15.766 kB
6.23 kB
react-text
Text - Wrappers
18.944 kB
6.551 kB
react-textarea
Textarea
30.03 kB
10.129 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
34.611 kB
7.295 kB
react-theme
Teams: Light theme
19.282 kB
5.486 kB
react-toast
Toast (including Toaster)
91.201 kB
27.314 kB
react-tooltip
Tooltip
51.027 kB
18.012 kB
react-utilities
SSRProvider
180 B
159 B
🤖 This report was generated against 3beb206ba64c40d184d59de64931fb8de4f48961

@size-auditor
Copy link

size-auditor bot commented Oct 10, 2023

Asset size changes

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

Baseline commit: 3beb206ba64c40d184d59de64931fb8de4f48961 (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Oct 10, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

fabricteam commented Oct 10, 2023

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 628 642 5000
Breadcrumb mount 1636 1677 1000
Checkbox mount 1670 1690 5000
CheckboxBase mount 1483 1451 5000
ChoiceGroup mount 2819 2900 5000
ComboBox mount 635 661 1000
CommandBar mount 6118 6124 1000
ContextualMenu mount 12353 12151 1000
DefaultButton mount 747 753 5000
DetailsRow mount 2146 2137 5000
DetailsRowFast mount 2140 2124 5000
DetailsRowNoStyles mount 1924 2005 5000
Dialog mount 2614 2564 1000
DocumentCardTitle mount 221 222 1000
Dropdown mount 1940 1956 5000
FocusTrapZone mount 1097 1131 5000
FocusZone mount 1050 1035 5000
GroupedList mount 36443 40893 2
GroupedList virtual-rerender 19502 19582 2
GroupedList virtual-rerender-with-unmount 50016 50276 2
GroupedListV2 mount 227 228 2
GroupedListV2 virtual-rerender 215 200 2
GroupedListV2 virtual-rerender-with-unmount 227 227 2
IconButton mount 1081 1060 5000
Label mount 340 330 5000
Layer mount 2690 2657 5000
Link mount 381 385 5000
MenuButton mount 939 933 5000
MessageBar mount 21447 21736 5000
Nav mount 1914 1928 1000
OverflowSet mount 792 759 5000
Panel mount 1990 1804 1000
Persona mount 710 733 1000
Pivot mount 856 856 1000
PrimaryButton mount 843 865 5000
Rating mount 4553 4471 5000
SearchBox mount 907 890 5000
Shimmer mount 1853 1820 5000
Slider mount 1338 1313 5000
SpinButton mount 2918 2807 5000
Spinner mount 392 380 5000
SplitButton mount 1814 1812 5000
Stack mount 420 415 5000
StackWithIntrinsicChildren mount 862 854 5000
StackWithTextChildren mount 2618 2567 5000
SwatchColorPicker mount 6003 6076 5000
TagPicker mount 1420 1440 5000
Text mount 372 373 5000
TextField mount 916 936 5000
ThemeProvider mount 832 827 5000
ThemeProvider virtual-rerender 581 583 5000
ThemeProvider virtual-rerender-with-unmount 1270 1280 5000
Toggle mount 591 598 5000
buttonNative mount 187 198 5000

@sopranopillow sopranopillow merged commit b7dbe13 into microsoft:master Oct 10, 2023
@sopranopillow sopranopillow deleted the infolabel/scaffold branch October 10, 2023 15:54
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.

Create a new package react-infolabel

5 participants