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

GroupedList: Adding support for custom keyUp callback to GroupHeader #15624

Merged
merged 2 commits into from
Oct 20, 2020

Conversation

khmakoto
Copy link
Member

@khmakoto khmakoto commented Oct 20, 2020

Pull request checklist

Description of changes

Cherry-pick of #15478.

Original PR description:

Give the user the ability to override what happens with KeyUp. Currently it is only used with Right/Left to expand and collapse the group.

Focus areas to test

Ensure that Right/Left to expand and collapse still works.

@khmakoto
Copy link
Member Author

@msft-github-bot merge in 1 minute

@msft-github-bot
Copy link
Contributor

Hello @khmakoto!

Because you've given me some instructions on how to help merge this pull request, I'll be modifying my merge approach. Here's how I understand your requirements for merging this pull request:

  • I won't merge this pull request until after the UTC date Tue, 20 Oct 2020 23:23:30 GMT, which is in 1 minute

If this doesn't seem right to you, you can tell me to cancel these instructions and use the auto-merge policy that has been configured for this repository. Try telling me "forget everything I just told you".

@msft-github-bot
Copy link
Contributor

Perf Analysis

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 832 831 5000
BaseButtonCompat mount 943 955 5000
Breadcrumb mount 153581 153479 5000
Checkbox mount 1514 1500 5000
CheckboxBase mount 1281 1284 5000
ChoiceGroup mount 4824 4807 5000
ComboBox mount 979 948 1000
CommandBar mount 20946 21018 1000
ContextualMenu mount 5831 5921 1000
DefaultButtonCompat mount 1140 1125 5000
DetailsRow mount 3640 3651 5000
DetailsRowFast mount 3646 3679 5000
DetailsRowNoStyles mount 3512 3489 5000
Dialog mount 1491 1495 1000
DocumentCardTitle mount 1766 1757 1000
Dropdown mount 3438 3418 5000
FocusTrapZone mount 1743 1771 5000
FocusZone mount 1682 1782 5000
IconButtonCompat mount 1781 1802 5000
Label mount 323 322 5000
Layer mount 1840 1806 5000
Link mount 451 464 5000
MenuButtonCompat mount 1536 1503 5000
MessageBar mount 1955 1993 5000
Nav mount 3309 3288 1000
OverflowSet mount 1032 1039 5000
Panel mount 1403 1413 1000
Persona mount 856 836 1000
Pivot mount 1381 1412 1000
PrimaryButtonCompat mount 1286 1259 5000
Rating mount 7928 7668 5000
SearchBox mount 1390 1378 5000
Shimmer mount 2732 2659 5000
Slider mount 1968 1977 5000
SpinButton mount 5191 5159 5000
Spinner mount 412 401 5000
SplitButtonCompat mount 3290 3290 5000
Stack mount 513 516 5000
StackWithIntrinsicChildren mount 1578 1569 5000
StackWithTextChildren mount 4812 4963 5000
SwatchColorPicker mount 10151 10144 5000
TagPicker mount 2765 2740 5000
TeachingBubble mount 11354 11294 5000
Text mount 444 432 5000
TextField mount 1472 1404 5000
ThemeProvider mount 1922 2014 5000
ThemeProvider virtual-rerender 625 623 5000
Toggle mount 790 796 5000
button mount 571 562 5000
buttonNative mount 106 98 5000

Perf Analysis (Fluent)

Perf comparison
Status Scenario Fluent TPI Fabric TPI Ratio Iterations Ticks
🎯 Avatar.Fluent 0.45 0.52 0.87:1 2000 908
🦄 Button.Fluent 0.12 0.24 0.5:1 5000 616
🔧 Checkbox.Fluent 0.63 0.36 1.75:1 1000 627
🎯 Dialog.Fluent 0.16 0.22 0.73:1 5000 804
🔧 Dropdown.Fluent 2.86 0.41 6.98:1 1000 2864
🔧 Icon.Fluent 0.15 0.06 2.5:1 5000 752
🦄 Image.Fluent 0.08 0.13 0.62:1 5000 420
🔧 Slider.Fluent 1.55 0.45 3.44:1 1000 1547
🔧 Text.Fluent 0.08 0.03 2.67:1 5000 382
🦄 Tooltip.Fluent 0.11 0.88 0.13:1 5000 560

🔧 Needs work     🎯 On target     🦄 Amazing

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
TreeWith60ListItems.default 237 207 1.14:1
ImageMinimalPerf.default 456 417 1.09:1
AccordionMinimalPerf.default 175 162 1.08:1
ChatWithPopoverPerf.default 504 476 1.06:1
GridMinimalPerf.default 383 363 1.06:1
PortalMinimalPerf.default 169 160 1.06:1
AnimationMinimalPerf.default 438 418 1.05:1
ButtonMinimalPerf.default 201 191 1.05:1
FlexMinimalPerf.default 330 315 1.05:1
RefMinimalPerf.default 242 231 1.05:1
TextAreaMinimalPerf.default 569 543 1.05:1
AttachmentMinimalPerf.default 179 172 1.04:1
FormMinimalPerf.default 492 471 1.04:1
ListMinimalPerf.default 533 511 1.04:1
SegmentMinimalPerf.default 395 381 1.04:1
ChatDuplicateMessagesPerf.default 440 429 1.03:1
HeaderMinimalPerf.default 411 398 1.03:1
ItemLayoutMinimalPerf.default 1367 1331 1.03:1
LoaderMinimalPerf.default 758 733 1.03:1
ToolbarMinimalPerf.default 1015 988 1.03:1
BoxMinimalPerf.default 400 392 1.02:1
ButtonSlotsPerf.default 633 623 1.02:1
ButtonUseCssNestingPerf.default 1107 1086 1.02:1
ChatMinimalPerf.default 667 656 1.02:1
EmbedMinimalPerf.default 2028 1982 1.02:1
ListCommonPerf.default 712 698 1.02:1
ListWith60ListItems.default 960 939 1.02:1
PopupMinimalPerf.default 711 696 1.02:1
ProviderMinimalPerf.default 976 959 1.02:1
ReactionMinimalPerf.default 437 430 1.02:1
SkeletonMinimalPerf.default 469 458 1.02:1
SplitButtonMinimalPerf.default 3885 3819 1.02:1
Button.Fluent 616 606 1.02:1
Slider.Fluent 1547 1516 1.02:1
Text.Fluent 382 374 1.02:1
AvatarMinimalPerf.default 505 501 1.01:1
ButtonOverridesMissPerf.default 1726 1701 1.01:1
ButtonUseCssPerf.default 850 838 1.01:1
DropdownMinimalPerf.default 2889 2873 1.01:1
LabelMinimalPerf.default 463 458 1.01:1
ProviderMergeThemesPerf.default 1973 1957 1.01:1
SliderMinimalPerf.default 1552 1536 1.01:1
StatusMinimalPerf.default 784 777 1.01:1
IconMinimalPerf.default 737 731 1.01:1
TableManyItemsPerf.default 2363 2344 1.01:1
TableMinimalPerf.default 445 439 1.01:1
CustomToolbarPrototype.default 3810 3760 1.01:1
VideoMinimalPerf.default 672 665 1.01:1
Dropdown.Fluent 2864 2849 1.01:1
CardMinimalPerf.default 620 618 1:1
CarouselMinimalPerf.default 476 474 1:1
CheckboxMinimalPerf.default 2885 2871 1:1
DialogMinimalPerf.default 823 823 1:1
HeaderSlotsPerf.default 841 845 1:1
ListNestedPerf.default 614 615 1:1
MenuButtonMinimalPerf.default 1634 1633 1:1
RadioGroupMinimalPerf.default 468 466 1:1
TooltipMinimalPerf.default 823 827 1:1
Checkbox.Fluent 627 627 1:1
Dialog.Fluent 804 802 1:1
Image.Fluent 420 418 1:1
Tooltip.Fluent 560 559 1:1
AttachmentSlotsPerf.default 1171 1186 0.99:1
DividerMinimalPerf.default 396 402 0.99:1
DropdownManyItemsPerf.default 786 796 0.99:1
InputMinimalPerf.default 1300 1307 0.99:1
LayoutMinimalPerf.default 440 444 0.99:1
Icon.Fluent 752 760 0.99:1
TextMinimalPerf.default 385 391 0.98:1
TreeMinimalPerf.default 938 961 0.98:1
Avatar.Fluent 908 929 0.98:1
AlertMinimalPerf.default 327 337 0.97:1
MenuMinimalPerf.default 888 916 0.97:1

@size-auditor
Copy link

size-auditor bot commented Oct 20, 2020

Asset size changes

Project Bundle Baseline Size New Size Difference
office-ui-fabric-react fluentui-react-GroupedList 117.736 kB 117.818 kB ExceedsBaseline     82 bytes
office-ui-fabric-react fluentui-react-DetailsList 208.291 kB 208.373 kB ExceedsBaseline     82 bytes
office-ui-fabric-react fluentui-react-ShimmeredDetailsList 218.602 kB 218.684 kB ExceedsBaseline     82 bytes

ExceedsTolerance Over Tolerance (1024 B) ExceedsBaseline Over Baseline BelowBaseline Below Baseline New New Deleted  Removed 1 kB = 1000 B

Baseline commit: b14a4ed22b4ea4cd45fa09a4a34f9ccfe71d32dd (build)

@msft-github-bot msft-github-bot merged commit 3545f57 into microsoft:master Oct 20, 2020
@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 f10f39e:

Sandbox Source
Fluent UI Button Configuration
codesandbox-react-template Configuration
codesandbox-react-northstar-template Configuration

@khmakoto khmakoto deleted the groupHeaderKeyUp branch October 20, 2020 23:52
@msft-github-bot
Copy link
Contributor

🎉@fluentui/[email protected] has been released which incorporates this pull request.:tada:

Handy links:

SethDonohue pushed a commit to SethDonohue/fluentui that referenced this pull request Nov 2, 2020
…icrosoft#15624)

<!--
!!!!!!! IMPORTANT !!!!!!!

Due to work we're currently doing to prepare master branch for our version 8 beta release,
please hold-off submitting the PR until around October 12 if it's not urgent.
If it is urgent, please submit the PR targeting the 7.0 branch.

This change does not apply to react-northstar contributors.

See microsoft#15222 for more details. Sorry for the inconvenience and short notice.
-->

#### Pull request checklist

- [ ] Addresses an existing issue: Fixes #0000
- [x] Include a change request file using `$ yarn change`

#### Description of changes

_Cherry-pick of microsoft#15478._

_Original PR description:_

Give the user the ability to override what happens with KeyUp. Currently it is only used with Right/Left to expand and collapse the group.

#### Focus areas to test

Ensure that Right/Left to expand and collapse still works.
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