fluentui
fluentui copied to clipboard
Published
20 hours ago •
microsoft
microsoft
Test swc transform imports
📊 Bundle size report
Unchanged fixtures
| Package & Exports | Size (minified/GZIP) |
|---|---|
| global-context createContext |
510 B328 B |
| global-context createContextSelector |
537 B339 B |
| keyboard-key keyboard-key package |
3.746 kB1.928 kB |
| priority-overflow createOverflowManager |
4.447 kB1.853 kB |
| react-accordion Accordion (including children components) |
100.12 kB30.422 kB |
| react-alert Alert |
83.737 kB23.474 kB |
| react-avatar Avatar |
50.175 kB15.944 kB |
| react-avatar AvatarGroup |
19.704 kB7.796 kB |
| react-avatar AvatarGroupItem |
64.831 kB20.274 kB |
| react-badge Badge |
26.905 kB8.729 kB |
| react-badge CounterBadge |
27.806 kB9.024 kB |
| react-badge PresenceBadge |
25.311 kB9.306 kB |
| react-breadcrumb @fluentui/react-breadcrumb - package |
115.465 kB31.832 kB |
| react-button Button |
39.513 kB11.169 kB |
| react-button CompoundButton |
46.874 kB12.661 kB |
| react-button MenuButton |
44.292 kB12.542 kB |
| react-button SplitButton |
52.306 kB14.134 kB |
| react-button ToggleButton |
56.559 kB13.068 kB |
| react-calendar-compat Calendar Compat |
152.067 kB39.826 kB |
| react-card Card - All |
101.55 kB28.92 kB |
| react-card Card |
96.373 kB27.403 kB |
| react-card CardFooter |
13.064 kB5.385 kB |
| react-card CardHeader |
15.307 kB6.143 kB |
| react-card CardPreview |
14.015 kB5.752 kB |
| react-checkbox Checkbox |
35.65 kB12.076 kB |
| react-combobox Combobox (including child components) |
102.446 kB33.094 kB |
| react-combobox Dropdown (including child components) |
103.825 kB33.037 kB |
| react-datepicker-compat DatePicker Compat |
224.513 kB62.955 kB |
| react-dialog Dialog (including children components) |
100.923 kB29.928 kB |
| react-divider Divider |
20.82 kB7.763 kB |
| react-field Field |
22.544 kB8.61 kB |
| react-image Image |
15.745 kB6.23 kB |
| react-infobutton InfoButton |
138.69 kB43.394 kB |
| react-infobutton InfoLabel |
142.491 kB44.625 kB |
| react-input Input |
26.887 kB9.118 kB |
| react-jsx-runtime Classic Pragma |
1.057 kB530 B |
| react-jsx-runtime JSX Dev Runtime |
3.783 kB1.648 kB |
| react-jsx-runtime JSX Runtime |
4.377 kB1.881 kB |
| react-label Label |
14.266 kB5.828 kB |
| react-link Link |
17.082 kB6.911 kB |
| react-menu Menu (including children components) |
149.422 kB45.506 kB |
| react-menu Menu (including selectable components) |
152.108 kB46.016 kB |
| react-message-bar MessageBar (all components) |
25.566 kB9.131 kB |
| react-overflow hooks only |
12.862 kB4.827 kB |
| react-persona Persona |
57.066 kB17.821 kB |
| react-popover Popover |
126.88 kB39.806 kB |
| react-portal Portal |
13.629 kB4.875 kB |
| react-positioning usePositioning |
26.398 kB9.539 kB |
| react-progress ProgressBar |
17.428 kB6.898 kB |
| react-provider FluentProvider |
23.751 kB8.66 kB |
| react-radio Radio |
32.946 kB10.252 kB |
| react-radio RadioGroup |
15.354 kB6.265 kB |
| react-select Select |
28.609 kB10.205 kB |
| react-slider Slider |
39.943 kB12.969 kB |
| react-spinbutton SpinButton |
36.774 kB11.788 kB |
| react-spinner Spinner |
23.517 kB8.512 kB |
| react-switch Switch |
35.134 kB11.198 kB |
| react-text Text - Default |
16.705 kB6.569 kB |
| react-text Text - Wrappers |
19.878 kB6.896 kB |
| react-textarea Textarea |
30.947 kB10.476 kB |
| react-theme Single theme token import |
69 B89 B |
| react-theme Teams: all themes |
34.616 kB7.317 kB |
| react-theme Teams: Light theme |
19.287 kB5.498 kB |
| react-timepicker-compat TimePicker |
104.476 kB34.491 kB |
| react-toast Toast (including Toaster) |
100.192 kB29.763 kB |
| react-tooltip Tooltip |
54.576 kB19.192 kB |
| react-utilities SSRProvider |
180 B160 B |
Perf Analysis (@fluentui/react-northstar)
:warning: 2 potential perf regressions detected
Potential regressions comparing to master
| Scenario | Current PR Ticks | Baseline Ticks | Ratio | Regression Analysis |
|---|---|---|---|---|
| InputMinimalPerf.default | 537 | 534 | 1.01:1 | analysis |
| PortalMinimalPerf.default | 85 | 87 | 0.98:1 | analysis |
Perf tests with no regressions
| Scenario | Current PR Ticks | Baseline Ticks | Ratio |
|---|---|---|---|
| ChatDuplicateMessagesPerf.default | 164 | 144 | 1.14:1 |
| FlexMinimalPerf.default | 169 | 150 | 1.13:1 |
| BoxMinimalPerf.default | 207 | 191 | 1.08:1 |
| FormMinimalPerf.default | 228 | 214 | 1.07:1 |
| LabelMinimalPerf.default | 228 | 213 | 1.07:1 |
| RefMinimalPerf.default | 114 | 107 | 1.07:1 |
| AnimationMinimalPerf.default | 317 | 300 | 1.06:1 |
| DividerMinimalPerf.default | 216 | 203 | 1.06:1 |
| MenuMinimalPerf.default | 527 | 497 | 1.06:1 |
| SegmentMinimalPerf.default | 201 | 189 | 1.06:1 |
| TreeWith60ListItems.default | 91 | 86 | 1.06:1 |
| AttachmentMinimalPerf.default | 85 | 81 | 1.05:1 |
| LayoutMinimalPerf.default | 209 | 199 | 1.05:1 |
| ToolbarMinimalPerf.default | 552 | 528 | 1.05:1 |
| DropdownManyItemsPerf.default | 395 | 379 | 1.04:1 |
| ListNestedPerf.default | 326 | 314 | 1.04:1 |
| LoaderMinimalPerf.default | 196 | 189 | 1.04:1 |
| PopupMinimalPerf.default | 361 | 348 | 1.04:1 |
| ReactionMinimalPerf.default | 216 | 208 | 1.04:1 |
| StatusMinimalPerf.default | 393 | 379 | 1.04:1 |
| TextMinimalPerf.default | 199 | 191 | 1.04:1 |
| ButtonSlotsPerf.default | 313 | 305 | 1.03:1 |
| DatepickerMinimalPerf.default | 3687 | 3571 | 1.03:1 |
| HeaderMinimalPerf.default | 211 | 204 | 1.03:1 |
| HeaderSlotsPerf.default | 476 | 463 | 1.03:1 |
| IconMinimalPerf.default | 398 | 386 | 1.03:1 |
| TableMinimalPerf.default | 238 | 232 | 1.03:1 |
| ChatWithPopoverPerf.default | 196 | 193 | 1.02:1 |
| ListMinimalPerf.default | 309 | 304 | 1.02:1 |
| ProviderMergeThemesPerf.default | 647 | 636 | 1.02:1 |
| ProviderMinimalPerf.default | 202 | 199 | 1.02:1 |
| SplitButtonMinimalPerf.default | 2295 | 2241 | 1.02:1 |
| TreeMinimalPerf.default | 477 | 468 | 1.02:1 |
| VideoMinimalPerf.default | 440 | 430 | 1.02:1 |
| AttachmentSlotsPerf.default | 645 | 640 | 1.01:1 |
| ButtonMinimalPerf.default | 88 | 87 | 1.01:1 |
| CheckboxMinimalPerf.default | 1160 | 1144 | 1.01:1 |
| DialogMinimalPerf.default | 434 | 430 | 1.01:1 |
| DropdownMinimalPerf.default | 1420 | 1406 | 1.01:1 |
| ListCommonPerf.default | 396 | 391 | 1.01:1 |
| MenuButtonMinimalPerf.default | 966 | 958 | 1.01:1 |
| RadioGroupMinimalPerf.default | 261 | 258 | 1.01:1 |
| SliderMinimalPerf.default | 767 | 757 | 1.01:1 |
| TableManyItemsPerf.default | 1111 | 1105 | 1.01:1 |
| TextAreaMinimalPerf.default | 293 | 290 | 1.01:1 |
| AlertMinimalPerf.default | 155 | 155 | 1:1 |
| ItemLayoutMinimalPerf.default | 705 | 707 | 1:1 |
| SkeletonMinimalPerf.default | 200 | 201 | 1:1 |
| TooltipMinimalPerf.default | 1274 | 1272 | 1:1 |
| CarouselMinimalPerf.default | 259 | 261 | 0.99:1 |
| EmbedMinimalPerf.default | 1870 | 1893 | 0.99:1 |
| ImageMinimalPerf.default | 227 | 229 | 0.99:1 |
| ListWith60ListItems.default | 383 | 387 | 0.99:1 |
| CustomToolbarPrototype.default | 1454 | 1465 | 0.99:1 |
| AccordionMinimalPerf.default | 84 | 86 | 0.98:1 |
| ButtonOverridesMissPerf.default | 663 | 678 | 0.98:1 |
| CardMinimalPerf.default | 300 | 307 | 0.98:1 |
| ChatMinimalPerf.default | 435 | 448 | 0.97:1 |
| RosterPerf.default | 1567 | 1610 | 0.97:1 |
| GridMinimalPerf.default | 191 | 199 | 0.96:1 |
| AvatarMinimalPerf.default | 102 | 109 | 0.94:1 |
Perf Analysis (@fluentui/react)
No significant results to display.
All results
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| BaseButton | mount | 633 | 627 | 5000 | |
| Breadcrumb | mount | 1694 | 1713 | 1000 | |
| Checkbox | mount | 1685 | 1679 | 5000 | |
| CheckboxBase | mount | 1465 | 1473 | 5000 | |
| ChoiceGroup | mount | 2964 | 2923 | 5000 | |
| ComboBox | mount | 663 | 657 | 1000 | |
| CommandBar | mount | 6195 | 6216 | 1000 | |
| ContextualMenu | mount | 12576 | 12609 | 1000 | |
| DefaultButton | mount | 751 | 744 | 5000 | |
| DetailsRow | mount | 2188 | 2217 | 5000 | |
| DetailsRowFast | mount | 2222 | 2239 | 5000 | |
| DetailsRowNoStyles | mount | 2031 | 2060 | 5000 | |
| Dialog | mount | 2780 | 2631 | 1000 | |
| DocumentCardTitle | mount | 214 | 234 | 1000 | |
| Dropdown | mount | 2018 | 2013 | 5000 | |
| FocusTrapZone | mount | 1178 | 1161 | 5000 | |
| FocusZone | mount | 1063 | 1058 | 5000 | |
| GroupedList | mount | 42000 | 42144 | 2 | |
| GroupedList | virtual-rerender | 19811 | 20270 | 2 | |
| GroupedList | virtual-rerender-with-unmount | 53209 | 50913 | 2 | |
| GroupedListV2 | mount | 229 | 227 | 2 | |
| GroupedListV2 | virtual-rerender | 209 | 209 | 2 | |
| GroupedListV2 | virtual-rerender-with-unmount | 224 | 232 | 2 | |
| IconButton | mount | 1060 | 1114 | 5000 | |
| Label | mount | 337 | 327 | 5000 | |
| Layer | mount | 2676 | 2767 | 5000 | |
| Link | mount | 382 | 403 | 5000 | |
| MenuButton | mount | 937 | 939 | 5000 | |
| MessageBar | mount | 21353 | 21426 | 5000 | |
| Nav | mount | 1977 | 1968 | 1000 | |
| OverflowSet | mount | 791 | 784 | 5000 | |
| Panel | mount | 2051 | 1771 | 1000 | |
| Persona | mount | 724 | 727 | 1000 | |
| Pivot | mount | 872 | 872 | 1000 | |
| PrimaryButton | mount | 841 | 858 | 5000 | |
| Rating | mount | 4631 | 4615 | 5000 | |
| SearchBox | mount | 902 | 917 | 5000 | |
| Shimmer | mount | 1901 | 1877 | 5000 | |
| Slider | mount | 1319 | 1313 | 5000 | |
| SpinButton | mount | 2856 | 2881 | 5000 | |
| Spinner | mount | 383 | 387 | 5000 | |
| SplitButton | mount | 1840 | 1843 | 5000 | |
| Stack | mount | 397 | 405 | 5000 | |
| StackWithIntrinsicChildren | mount | 833 | 869 | 5000 | |
| StackWithTextChildren | mount | 2554 | 2590 | 5000 | |
| SwatchColorPicker | mount | 6257 | 6162 | 5000 | |
| TagPicker | mount | 1455 | 1439 | 5000 | |
| Text | mount | 375 | 369 | 5000 | |
| TextField | mount | 957 | 954 | 5000 | |
| ThemeProvider | mount | 827 | 840 | 5000 | |
| ThemeProvider | virtual-rerender | 603 | 580 | 5000 | |
| ThemeProvider | virtual-rerender-with-unmount | 1275 | 1302 | 5000 | |
| Toggle | mount | 604 | 628 | 5000 | |
| buttonNative | mount | 192 | 194 | 5000 |
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.
![codesandbox-ci[bot] avatar](https://avatars.githubusercontent.com/in/38409?v=4 "Published by a pub.dev verified publisher"){kind=small}