Skip to content

fix(Popover): Remove leftover defaultProps and fix trigger props merge#19934

Merged
ling1726 merged 2 commits intomicrosoft:masterfrom
ling1726:fix/popover-slot-migration
Sep 23, 2021
Merged

fix(Popover): Remove leftover defaultProps and fix trigger props merge#19934
ling1726 merged 2 commits intomicrosoft:masterfrom
ling1726:fix/popover-slot-migration

Conversation

@ling1726
Copy link
Contributor

Pull request checklist

Description of changes

Removes lefover defaultProps usages from #19767

Also fixes an issue where user props can never override trigger props

Focus areas to test

(optional)

Removes lefover `defaultProps` usages from microsoft#19767

Also fixes an issue where user props can never override trigger props
@fabricteam
Copy link
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
164.666 kB
46.939 kB
164.658 kB
46.937 kB
8 B
2 B
react-popover
Popover
100.427 kB
30.079 kB
100.419 kB
30.077 kB
8 B
2 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-accordion
Accordion (including children components)
55.248 kB
17.403 kB
react-avatar
Avatar
57.872 kB
16.158 kB
react-badge
Badge
23.939 kB
7.029 kB
react-badge
CounterBadge
26.929 kB
7.743 kB
react-badge
PresenseBadge
237 B
177 B
react-button
Button
23.256 kB
7.052 kB
react-button
CompoundButton
28.568 kB
7.895 kB
react-button
MenuButton
25.45 kB
7.732 kB
react-button
Button
30.849 kB
8.852 kB
react-button
ToggleButton
32.956 kB
7.672 kB
react-components
react-components: FluentProvider & webLightTheme
35.754 kB
11.393 kB
react-divider
Divider
15.794 kB
5.714 kB
react-image
Image
9.804 kB
3.942 kB
react-input
Input
31.636 kB
11.312 kB
react-label
Label
9.397 kB
3.839 kB
react-link
Link
11.647 kB
4.589 kB
react-make-styles
makeStaticStyles (runtime)
7.59 kB
3.321 kB
react-make-styles
makeStyles + mergeClasses (runtime)
22.135 kB
8.356 kB
react-make-styles
makeStyles + mergeClasses (build time)
2.557 kB
1.202 kB
react-menu
Menu (including children components)
103.443 kB
31.446 kB
react-menu
Menu (including selectable components)
105.719 kB
31.799 kB
react-portal
Portal
6.725 kB
2.237 kB
react-positioning
usePopper
23.145 kB
7.942 kB
react-provider
FluentProvider
15.748 kB
5.773 kB
react-slider
Slider
32.889 kB
10.255 kB
react-switch
Switch
24.344 kB
7.847 kB
react-text
Text - Default
11.722 kB
4.437 kB
react-text
Text - Wrappers
15.344 kB
4.733 kB
react-tooltip
Tooltip
46.037 kB
15.67 kB
react-utilities
SSRProvider
213 B
170 B
🤖 This report was generated against 9eaa5a108ce72f6350b572ca71e496d573cd400c

@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 ede5939:

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

@size-auditor
Copy link

size-auditor bot commented Sep 23, 2021

Asset size changes

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

Baseline commit: 9eaa5a108ce72f6350b572ca71e496d573cd400c (build)

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 927 905 5000
BaseButton mount 922 897 5000
Breadcrumb mount 2681 2681 1000
ButtonNext mount 456 448 5000
Checkbox mount 1568 1518 5000
CheckboxBase mount 1290 1310 5000
ChoiceGroup mount 4827 4768 5000
ComboBox mount 1011 1003 1000
CommandBar mount 10296 10402 1000
ContextualMenu mount 6584 6714 1000
DefaultButton mount 1160 1136 5000
DetailsRow mount 3735 3702 5000
DetailsRowFast mount 3807 3743 5000
DetailsRowNoStyles mount 3539 3596 5000
Dialog mount 2485 2428 1000
DocumentCardTitle mount 143 147 1000
Dropdown mount 3231 3327 5000
FluentProviderNext mount 7721 7819 5000
FluentProviderWithTheme mount 352 386 10
FluentProviderWithTheme virtual-rerender 93 101 10
FluentProviderWithTheme virtual-rerender-with-unmount 508 499 10
FocusTrapZone mount 1832 1770 5000
FocusZone mount 1780 1801 5000
IconButton mount 1774 1765 5000
Label mount 345 343 5000
Layer mount 2947 2981 5000
Link mount 488 476 5000
MakeStyles mount 1853 1833 50000
MenuButton mount 1487 1458 5000
MessageBar mount 2023 2013 5000
Nav mount 3288 3298 1000
OverflowSet mount 1128 1127 5000
Panel mount 2434 2394 1000
Persona mount 858 839 1000
Pivot mount 1455 1428 1000
PrimaryButton mount 1270 1308 5000
Rating mount 7872 7719 5000
SearchBox mount 1333 1338 5000
Shimmer mount 2575 2515 5000
Slider mount 1965 1986 5000
SpinButton mount 5066 5049 5000
Spinner mount 418 411 5000
SplitButton mount 3239 3185 5000
Stack mount 497 500 5000
StackWithIntrinsicChildren mount 1708 1755 5000
StackWithTextChildren mount 4710 4789 5000
SwatchColorPicker mount 10531 10585 5000
Tabs mount 1444 1432 1000
TagPicker mount 2698 2620 5000
TeachingBubble mount 13735 13672 5000
Text mount 419 415 5000
TextField mount 1419 1426 5000
ThemeProvider mount 1195 1183 5000
ThemeProvider virtual-rerender 638 595 5000
ThemeProvider virtual-rerender-with-unmount 1912 1980 5000
Toggle mount 803 840 5000
buttonNative mount 123 116 5000

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AccordionMinimalPerf.default 167 151 1.11:1
AvatarMinimalPerf.default 210 192 1.09:1
LabelMinimalPerf.default 409 383 1.07:1
SegmentMinimalPerf.default 359 336 1.07:1
AttachmentMinimalPerf.default 172 164 1.05:1
AttachmentSlotsPerf.default 1134 1080 1.05:1
ChatWithPopoverPerf.default 386 369 1.05:1
GridMinimalPerf.default 354 336 1.05:1
ImageMinimalPerf.default 390 371 1.05:1
AlertMinimalPerf.default 286 276 1.04:1
CarouselMinimalPerf.default 473 456 1.04:1
LayoutMinimalPerf.default 376 361 1.04:1
ListWith60ListItems.default 670 644 1.04:1
RefMinimalPerf.default 247 238 1.04:1
TextMinimalPerf.default 361 347 1.04:1
TreeWith60ListItems.default 180 173 1.04:1
HeaderMinimalPerf.default 374 362 1.03:1
TableManyItemsPerf.default 1984 1924 1.03:1
ButtonMinimalPerf.default 170 166 1.02:1
ItemLayoutMinimalPerf.default 1233 1204 1.02:1
ListCommonPerf.default 621 609 1.02:1
MenuMinimalPerf.default 872 851 1.02:1
MenuButtonMinimalPerf.default 1668 1639 1.02:1
SliderMinimalPerf.default 1762 1726 1.02:1
TableMinimalPerf.default 403 394 1.02:1
CheckboxMinimalPerf.default 2773 2743 1.01:1
DatepickerMinimalPerf.default 5594 5547 1.01:1
DropdownManyItemsPerf.default 688 680 1.01:1
EmbedMinimalPerf.default 4385 4336 1.01:1
FormMinimalPerf.default 417 414 1.01:1
ListMinimalPerf.default 521 517 1.01:1
SkeletonMinimalPerf.default 364 361 1.01:1
CustomToolbarPrototype.default 4162 4127 1.01:1
VideoMinimalPerf.default 639 633 1.01:1
ButtonOverridesMissPerf.default 1773 1777 1:1
InputMinimalPerf.default 1331 1336 1:1
ListNestedPerf.default 559 557 1:1
ProviderMinimalPerf.default 1131 1128 1:1
ReactionMinimalPerf.default 379 378 1:1
StatusMinimalPerf.default 663 663 1:1
TooltipMinimalPerf.default 1033 1035 1:1
ButtonSlotsPerf.default 568 572 0.99:1
CardMinimalPerf.default 542 545 0.99:1
DividerMinimalPerf.default 354 357 0.99:1
DropdownMinimalPerf.default 3200 3234 0.99:1
LoaderMinimalPerf.default 702 709 0.99:1
PopupMinimalPerf.default 604 608 0.99:1
ProviderMergeThemesPerf.default 1746 1756 0.99:1
SplitButtonMinimalPerf.default 4350 4372 0.99:1
AnimationMinimalPerf.default 422 432 0.98:1
ChatMinimalPerf.default 638 649 0.98:1
DialogMinimalPerf.default 744 763 0.98:1
HeaderSlotsPerf.default 760 775 0.98:1
RosterPerf.default 1191 1219 0.98:1
RadioGroupMinimalPerf.default 444 452 0.98:1
ToolbarMinimalPerf.default 927 946 0.98:1
TreeMinimalPerf.default 784 804 0.98:1
IconMinimalPerf.default 599 620 0.97:1
TextAreaMinimalPerf.default 498 515 0.97:1
BoxMinimalPerf.default 348 363 0.96:1
FlexMinimalPerf.default 287 300 0.96:1
ChatDuplicateMessagesPerf.default 290 306 0.95:1
PortalMinimalPerf.default 167 181 0.92:1

@ling1726 ling1726 merged commit a0035a1 into microsoft:master Sep 23, 2021
mlp73 pushed a commit to mlp73/fluentui that referenced this pull request Jan 17, 2022
microsoft#19934)

* fix(Popover): Remove leftover defaultProps and fix trigger props merge

Removes lefover `defaultProps` usages from microsoft#19767

Also fixes an issue where user props can never override trigger props

* Change files
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.

4 participants