chore: add Toolbar autogenerated files#21791
Conversation
|
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 c751ae5:
|
📊 Bundle size report🤖 This report was generated against 5795a9c44f6f4653b153f5b80e3fb6de6d9ba3a0 |
Asset size changesSize Auditor did not detect a change in bundle size for any component! Baseline commit: 5795a9c44f6f4653b153f5b80e3fb6de6d9ba3a0 (build) |
Perf Analysis (
|
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| ContextualMenu | mount | 8917 | 16866 | 1000 | Possible regression |
All results
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| Avatar | mount | 972 | 994 | 5000 | |
| BaseButton | mount | 1082 | 1083 | 5000 | |
| Breadcrumb | mount | 2764 | 2783 | 1000 | |
| ButtonNext | mount | 526 | 551 | 5000 | |
| Checkbox | mount | 1796 | 1805 | 5000 | |
| CheckboxBase | mount | 1522 | 1503 | 5000 | |
| ChoiceGroup | mount | 5419 | 5463 | 5000 | |
| ComboBox | mount | 1105 | 1061 | 1000 | |
| CommandBar | mount | 10587 | 10675 | 1000 | |
| ContextualMenu | mount | 8917 | 16866 | 1000 | Possible regression |
| DefaultButton | mount | 1288 | 1271 | 5000 | |
| DetailsRow | mount | 4121 | 4199 | 5000 | |
| DetailsRowFast | mount | 4016 | 4078 | 5000 | |
| DetailsRowNoStyles | mount | 3770 | 3859 | 5000 | |
| Dialog | mount | 2478 | 2407 | 1000 | |
| DocumentCardTitle | mount | 204 | 230 | 1000 | |
| Dropdown | mount | 4045 | 3702 | 5000 | |
| FluentProviderNext | mount | 1984 | 1916 | 5000 | |
| FluentProviderWithTheme | mount | 198 | 190 | 10 | |
| FluentProviderWithTheme | virtual-rerender | 126 | 129 | 10 | |
| FluentProviderWithTheme | virtual-rerender-with-unmount | 222 | 233 | 10 | |
| FocusTrapZone | mount | 2035 | 2118 | 5000 | |
| FocusZone | mount | 2019 | 1949 | 5000 | |
| IconButton | mount | 2038 | 2062 | 5000 | |
| Label | mount | 408 | 414 | 5000 | |
| Layer | mount | 3346 | 3335 | 5000 | |
| Link | mount | 573 | 602 | 5000 | |
| MakeStyles | mount | 1782 | 1826 | 50000 | |
| MenuButton | mount | 1708 | 1708 | 5000 | |
| MessageBar | mount | 2130 | 2172 | 5000 | |
| Nav | mount | 3681 | 3657 | 1000 | |
| OverflowSet | mount | 1246 | 1243 | 5000 | |
| Panel | mount | 2359 | 2343 | 1000 | |
| Persona | mount | 971 | 974 | 1000 | |
| Pivot | mount | 1649 | 1617 | 1000 | |
| PrimaryButton | mount | 1448 | 1453 | 5000 | |
| Rating | mount | 8783 | 8655 | 5000 | |
| SearchBox | mount | 1565 | 1512 | 5000 | |
| Shimmer | mount | 2887 | 2827 | 5000 | |
| Slider | mount | 2190 | 2244 | 5000 | |
| SpinButton | mount | 5609 | 5655 | 5000 | |
| Spinner | mount | 481 | 478 | 5000 | |
| SplitButton | mount | 3535 | 3621 | 5000 | |
| Stack | mount | 632 | 625 | 5000 | |
| StackWithIntrinsicChildren | mount | 2731 | 2837 | 5000 | |
| StackWithTextChildren | mount | 6282 | 6353 | 5000 | |
| SwatchColorPicker | mount | 12408 | 12433 | 5000 | |
| TagPicker | mount | 2821 | 2976 | 5000 | |
| TeachingBubble | mount | 14098 | 13778 | 5000 | |
| Text | mount | 508 | 486 | 5000 | |
| TextField | mount | 1596 | 1631 | 5000 | |
| ThemeProvider | mount | 1296 | 1311 | 5000 | |
| ThemeProvider | virtual-rerender | 689 | 697 | 5000 | |
| ThemeProvider | virtual-rerender-with-unmount | 2181 | 2139 | 5000 | |
| Toggle | mount | 987 | 911 | 5000 | |
| buttonNative | mount | 174 | 179 | 5000 |
Perf Analysis (@fluentui/react-northstar)
Perf tests with no regressions
| Scenario | Current PR Ticks | Baseline Ticks | Ratio |
|---|---|---|---|
| FormMinimalPerf.default | 499 | 452 | 1.1:1 |
| AnimationMinimalPerf.default | 611 | 560 | 1.09:1 |
| ListCommonPerf.default | 765 | 704 | 1.09:1 |
| AvatarMinimalPerf.default | 246 | 227 | 1.08:1 |
| FlexMinimalPerf.default | 338 | 315 | 1.07:1 |
| GridMinimalPerf.default | 391 | 367 | 1.07:1 |
| AccordionMinimalPerf.default | 178 | 168 | 1.06:1 |
| ChatDuplicateMessagesPerf.default | 358 | 339 | 1.06:1 |
| ListMinimalPerf.default | 596 | 562 | 1.06:1 |
| ListNestedPerf.default | 642 | 603 | 1.06:1 |
| PortalMinimalPerf.default | 198 | 186 | 1.06:1 |
| TableManyItemsPerf.default | 2226 | 2119 | 1.05:1 |
| TextMinimalPerf.default | 405 | 385 | 1.05:1 |
| BoxMinimalPerf.default | 414 | 399 | 1.04:1 |
| ChatMinimalPerf.default | 837 | 802 | 1.04:1 |
| DropdownManyItemsPerf.default | 799 | 771 | 1.04:1 |
| RefMinimalPerf.default | 268 | 257 | 1.04:1 |
| TableMinimalPerf.default | 477 | 458 | 1.04:1 |
| TooltipMinimalPerf.default | 1186 | 1139 | 1.04:1 |
| TreeWith60ListItems.default | 221 | 213 | 1.04:1 |
| AlertMinimalPerf.default | 319 | 311 | 1.03:1 |
| AttachmentMinimalPerf.default | 197 | 191 | 1.03:1 |
| AttachmentSlotsPerf.default | 1192 | 1159 | 1.03:1 |
| ChatWithPopoverPerf.default | 444 | 432 | 1.03:1 |
| DatepickerMinimalPerf.default | 6055 | 5902 | 1.03:1 |
| DialogMinimalPerf.default | 874 | 846 | 1.03:1 |
| HeaderMinimalPerf.default | 419 | 406 | 1.03:1 |
| InputMinimalPerf.default | 1445 | 1397 | 1.03:1 |
| ItemLayoutMinimalPerf.default | 1378 | 1339 | 1.03:1 |
| LabelMinimalPerf.default | 439 | 427 | 1.03:1 |
| SegmentMinimalPerf.default | 405 | 394 | 1.03:1 |
| SkeletonMinimalPerf.default | 403 | 390 | 1.03:1 |
| IconMinimalPerf.default | 694 | 677 | 1.03:1 |
| VideoMinimalPerf.default | 723 | 704 | 1.03:1 |
| CheckboxMinimalPerf.default | 2909 | 2858 | 1.02:1 |
| RadioGroupMinimalPerf.default | 503 | 492 | 1.02:1 |
| DividerMinimalPerf.default | 416 | 410 | 1.01:1 |
| DropdownMinimalPerf.default | 3281 | 3257 | 1.01:1 |
| HeaderSlotsPerf.default | 860 | 853 | 1.01:1 |
| MenuMinimalPerf.default | 941 | 929 | 1.01:1 |
| ReactionMinimalPerf.default | 437 | 431 | 1.01:1 |
| SliderMinimalPerf.default | 1828 | 1814 | 1.01:1 |
| CarouselMinimalPerf.default | 520 | 522 | 1:1 |
| EmbedMinimalPerf.default | 4574 | 4576 | 1:1 |
| LoaderMinimalPerf.default | 741 | 739 | 1:1 |
| SplitButtonMinimalPerf.default | 4718 | 4736 | 1:1 |
| ButtonMinimalPerf.default | 208 | 211 | 0.99:1 |
| CardMinimalPerf.default | 632 | 636 | 0.99:1 |
| LayoutMinimalPerf.default | 408 | 411 | 0.99:1 |
| MenuButtonMinimalPerf.default | 1822 | 1842 | 0.99:1 |
| RosterPerf.default | 1365 | 1382 | 0.99:1 |
| PopupMinimalPerf.default | 663 | 667 | 0.99:1 |
| ProviderMergeThemesPerf.default | 1791 | 1816 | 0.99:1 |
| StatusMinimalPerf.default | 760 | 764 | 0.99:1 |
| CustomToolbarPrototype.default | 4447 | 4507 | 0.99:1 |
| ButtonOverridesMissPerf.default | 1876 | 1909 | 0.98:1 |
| ListWith60ListItems.default | 723 | 738 | 0.98:1 |
| TextAreaMinimalPerf.default | 579 | 591 | 0.98:1 |
| ToolbarMinimalPerf.default | 1052 | 1071 | 0.98:1 |
| TreeMinimalPerf.default | 885 | 907 | 0.98:1 |
| ImageMinimalPerf.default | 409 | 423 | 0.97:1 |
| ProviderMinimalPerf.default | 1252 | 1289 | 0.97:1 |
| ButtonSlotsPerf.default | 591 | 627 | 0.94:1 |
…eat/add-toolbar-autogenerated
|
hi @chpalac . Would you mind to share how did you create this boilerplate ? It doesn't look like you've used thx |
Hey @Hotell , I did use |
interesting, this PR was missing updated |
Overview
This is a prep PR for the #21743 adding all auto-generated files to actually highlight the changes in there.