Skip to content

(chore) Move react-radio, react-switch, react-textarea to react-components subfolder#22802

Merged
TristanWatanabe merged 13 commits into
microsoft:masterfrom
TristanWatanabe:move-cxe-red-pkgs-batch-4
May 4, 2022
Merged

(chore) Move react-radio, react-switch, react-textarea to react-components subfolder#22802
TristanWatanabe merged 13 commits into
microsoft:masterfrom
TristanWatanabe:move-cxe-red-pkgs-batch-4

Conversation

@TristanWatanabe

@TristanWatanabe TristanWatanabe commented May 3, 2022

Copy link
Copy Markdown
Member

Changes

  • Moves @fluentui/react-radio, @fluentui/react-switch and @fluentui/react-textarea to react-components common folder using move-packages nx generator.

DO NOT MERGE UNTIL ONGOING WORK IS COMPLETE : #22819

Related Issue(s)

Part of #22427

@codesandbox-ci

codesandbox-ci Bot commented May 3, 2022

Copy link
Copy Markdown

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

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

@size-auditor

size-auditor Bot commented May 3, 2022

Copy link
Copy Markdown

Asset size changes

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

Baseline commit: f628da463f8a12f39e32785e086ef7a2687275f6 (build)

@fabricteam

fabricteam commented May 3, 2022

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 898 933 5000
Button mount 553 585 5000
FluentProvider mount 1688 1773 5000
FluentProviderWithTheme mount 274 287 10
FluentProviderWithTheme virtual-rerender 266 217 10
FluentProviderWithTheme virtual-rerender-with-unmount 304 296 10
MakeStyles mount 1430 1493 50000

@fabricteam

fabricteam commented May 3, 2022

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AttachmentMinimalPerf.default 131 124 1.06:1
AlertMinimalPerf.default 231 221 1.05:1
ButtonMinimalPerf.default 145 138 1.05:1
PortalMinimalPerf.default 156 150 1.04:1
DividerMinimalPerf.default 326 318 1.03:1
RefMinimalPerf.default 210 204 1.03:1
IconMinimalPerf.default 542 525 1.03:1
TextAreaMinimalPerf.default 442 430 1.03:1
TreeMinimalPerf.default 736 715 1.03:1
TreeWith60ListItems.default 146 142 1.03:1
AnimationMinimalPerf.default 506 496 1.02:1
CardMinimalPerf.default 502 492 1.02:1
CarouselMinimalPerf.default 375 369 1.02:1
HeaderSlotsPerf.default 704 692 1.02:1
ProviderMinimalPerf.default 324 317 1.02:1
CustomToolbarPrototype.default 2260 2224 1.02:1
VideoMinimalPerf.default 571 562 1.02:1
AccordionMinimalPerf.default 125 124 1.01:1
ButtonOverridesMissPerf.default 1186 1180 1.01:1
CheckboxMinimalPerf.default 1965 1949 1.01:1
DialogMinimalPerf.default 695 691 1.01:1
DropdownMinimalPerf.default 2570 2534 1.01:1
HeaderMinimalPerf.default 323 320 1.01:1
ImageMinimalPerf.default 330 327 1.01:1
ListMinimalPerf.default 465 460 1.01:1
MenuMinimalPerf.default 759 753 1.01:1
ReactionMinimalPerf.default 338 335 1.01:1
SplitButtonMinimalPerf.default 3365 3343 1.01:1
StatusMinimalPerf.default 625 616 1.01:1
TooltipMinimalPerf.default 951 944 1.01:1
AttachmentSlotsPerf.default 876 872 1:1
BoxMinimalPerf.default 307 307 1:1
ButtonSlotsPerf.default 432 434 1:1
ChatDuplicateMessagesPerf.default 235 234 1:1
ChatMinimalPerf.default 655 657 1:1
DropdownManyItemsPerf.default 567 568 1:1
EmbedMinimalPerf.default 3022 3015 1:1
GridMinimalPerf.default 298 297 1:1
InputMinimalPerf.default 1000 998 1:1
LabelMinimalPerf.default 346 345 1:1
LayoutMinimalPerf.default 327 327 1:1
MenuButtonMinimalPerf.default 1384 1384 1:1
PopupMinimalPerf.default 563 564 1:1
ProviderMergeThemesPerf.default 990 989 1:1
RadioGroupMinimalPerf.default 403 403 1:1
SkeletonMinimalPerf.default 313 313 1:1
SliderMinimalPerf.default 1320 1320 1:1
TextMinimalPerf.default 305 306 1:1
AvatarMinimalPerf.default 167 168 0.99:1
DatepickerMinimalPerf.default 4930 4976 0.99:1
ListCommonPerf.default 531 536 0.99:1
ListWith60ListItems.default 525 529 0.99:1
LoaderMinimalPerf.default 541 548 0.99:1
RosterPerf.default 854 867 0.99:1
TableManyItemsPerf.default 1636 1646 0.99:1
ChatWithPopoverPerf.default 316 323 0.98:1
FlexMinimalPerf.default 250 255 0.98:1
ItemLayoutMinimalPerf.default 986 1003 0.98:1
SegmentMinimalPerf.default 307 313 0.98:1
ToolbarMinimalPerf.default 830 845 0.98:1
TableMinimalPerf.default 353 365 0.97:1
FormMinimalPerf.default 352 368 0.96:1
ListNestedPerf.default 467 487 0.96:1

@fabricteam

fabricteam commented May 3, 2022

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-accordion
Accordion (including children components)
73.754 kB
22.494 kB
react-badge
Badge
20.965 kB
6.605 kB
react-badge
CounterBadge
21.918 kB
6.919 kB
react-badge
PresenceBadge
22.005 kB
6.582 kB
react-combobox
Combobox
60.564 kB
20.751 kB
react-divider
Divider
15.455 kB
5.57 kB
🤖 This report was generated against f628da463f8a12f39e32785e086ef7a2687275f6

@fabricteam

fabricteam commented May 3, 2022

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 931 951 5000
Breadcrumb mount 2840 2818 1000
Checkbox mount 1584 1507 5000
CheckboxBase mount 1314 1352 5000
ChoiceGroup mount 4909 4989 5000
ComboBox mount 1018 1037 1000
CommandBar mount 10876 11039 1000
ContextualMenu mount 11817 12016 1000
DefaultButton mount 1181 1207 5000
DetailsRow mount 3996 3854 5000
DetailsRowFast mount 4017 3838 5000
DetailsRowNoStyles mount 3729 3718 5000
Dialog mount 2319 2323 1000
DocumentCardTitle mount 200 181 1000
Dropdown mount 3476 3359 5000
FocusTrapZone mount 1951 1854 5000
FocusZone mount 1885 1903 5000
IconButton mount 1840 1788 5000
Label mount 346 358 5000
Layer mount 3154 3138 5000
Link mount 493 499 5000
MenuButton mount 1506 1544 5000
MessageBar mount 2105 2123 5000
Nav mount 3432 3385 1000
OverflowSet mount 1157 1151 5000
Panel mount 2276 2231 1000
Persona mount 1020 1069 1000
Pivot mount 1496 1518 1000
PrimaryButton mount 1345 1386 5000
Rating mount 8101 7978 5000
SearchBox mount 1373 1376 5000
Shimmer mount 2564 2563 5000
Slider mount 2064 2031 5000
SpinButton mount 5203 5205 5000
Spinner mount 465 435 5000
SplitButton mount 3322 3311 5000
Stack mount 544 521 5000
StackWithIntrinsicChildren mount 2418 2424 5000
StackWithTextChildren mount 5432 5441 5000
SwatchColorPicker mount 12185 11962 5000
TagPicker mount 3091 2732 5000
TeachingBubble mount 96894 98058 5000
Text mount 441 469 5000
TextField mount 1451 1486 5000
ThemeProvider mount 1262 1244 5000
ThemeProvider virtual-rerender 672 646 5000
ThemeProvider virtual-rerender-with-unmount 1949 1963 5000
Toggle mount 829 836 5000
buttonNative mount 131 131 5000

@TristanWatanabe TristanWatanabe force-pushed the move-cxe-red-pkgs-batch-4 branch from 571ca98 to df6c336 Compare May 4, 2022 13:47
@TristanWatanabe TristanWatanabe requested a review from a team as a code owner May 4, 2022 13:47
@TristanWatanabe TristanWatanabe merged commit ad3dfcc into microsoft:master May 4, 2022
@TristanWatanabe TristanWatanabe deleted the move-cxe-red-pkgs-batch-4 branch May 4, 2022 22:41
marwan38 pushed a commit to marwan38/fluentui that referenced this pull request Jun 13, 2022
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.

5 participants