search

microsoft / fluentui

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
https://react.fluentui.dev
Other
17.75k stars 2.65k forks source link

fix(react-tabster): bump keyborg to 2.6.0 and tabster to 7.1.2 in order to fix iOS touch bug #31268

Closed mshoho closed 2 weeks ago

mshoho commented 2 weeks ago

bump keyborg and tabster to fix iOS touch bug https://github.com/microsoft/keyborg/issues/79

Replaces: https://github.com/microsoft/fluentui/pull/31266

fabricteam commented 2 weeks ago

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 636 623 5000
Button mount 300 298 5000
Field mount 1133 1125 5000
FluentProvider mount 714 710 5000
FluentProviderWithTheme mount 81 87 10
FluentProviderWithTheme virtual-rerender 34 37 10
FluentProviderWithTheme virtual-rerender-with-unmount 70 78 10
MakeStyles mount 847 863 50000
Persona mount 1745 1742 5000
SpinButton mount 1399 1371 5000
SwatchPicker mount 1492 1539 5000

codesandbox-ci[bot] commented 2 weeks ago

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.

fabricteam commented 2 weeks ago

🕵 fluentuiv8 No visual regressions between this PR and main

fabricteam commented 2 weeks ago

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions Scenario | Current PR Ticks | Baseline Ticks | Ratio :--- | ---:| ---:| ---: DividerMinimalPerf.default | [223](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/DividerMinimalPerf.default.html) | [200](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/DividerMinimalPerf.default_base.html) | 1.12:1 FlexMinimalPerf.default | [167](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/FlexMinimalPerf.default.html) | [150](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/FlexMinimalPerf.default_base.html) | 1.11:1 AccordionMinimalPerf.default | [90](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/AccordionMinimalPerf.default.html) | [82](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/AccordionMinimalPerf.default_base.html) | 1.1:1 ButtonMinimalPerf.default | [89](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ButtonMinimalPerf.default.html) | [81](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ButtonMinimalPerf.default_base.html) | 1.1:1 LayoutMinimalPerf.default | [214](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/LayoutMinimalPerf.default.html) | [194](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/LayoutMinimalPerf.default_base.html) | 1.1:1 AttachmentMinimalPerf.default | [89](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/AttachmentMinimalPerf.default.html) | [82](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/AttachmentMinimalPerf.default_base.html) | 1.09:1 ChatWithPopoverPerf.default | [199](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ChatWithPopoverPerf.default.html) | [184](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ChatWithPopoverPerf.default_base.html) | 1.08:1 LoaderMinimalPerf.default | [199](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/LoaderMinimalPerf.default.html) | [184](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/LoaderMinimalPerf.default_base.html) | 1.08:1 AttachmentSlotsPerf.default | [670](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/AttachmentSlotsPerf.default.html) | [624](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/AttachmentSlotsPerf.default_base.html) | 1.07:1 ListMinimalPerf.default | [317](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ListMinimalPerf.default.html) | [299](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ListMinimalPerf.default_base.html) | 1.06:1 MenuMinimalPerf.default | [518](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/MenuMinimalPerf.default.html) | [487](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/MenuMinimalPerf.default_base.html) | 1.06:1 TextAreaMinimalPerf.default | [295](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/TextAreaMinimalPerf.default.html) | [278](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/TextAreaMinimalPerf.default_base.html) | 1.06:1 AnimationMinimalPerf.default | [308](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/AnimationMinimalPerf.default.html) | [292](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/AnimationMinimalPerf.default_base.html) | 1.05:1 AvatarMinimalPerf.default | [111](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/AvatarMinimalPerf.default.html) | [106](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/AvatarMinimalPerf.default_base.html) | 1.05:1 ChatMinimalPerf.default | [439](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ChatMinimalPerf.default.html) | [418](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ChatMinimalPerf.default_base.html) | 1.05:1 PopupMinimalPerf.default | [364](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/PopupMinimalPerf.default.html) | [348](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/PopupMinimalPerf.default_base.html) | 1.05:1 RefMinimalPerf.default | [116](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/RefMinimalPerf.default.html) | [111](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/RefMinimalPerf.default_base.html) | 1.05:1 FormMinimalPerf.default | [232](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/FormMinimalPerf.default.html) | [224](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/FormMinimalPerf.default_base.html) | 1.04:1 ButtonSlotsPerf.default | [313](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ButtonSlotsPerf.default.html) | [305](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ButtonSlotsPerf.default_base.html) | 1.03:1 CarouselMinimalPerf.default | [269](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/CarouselMinimalPerf.default.html) | [261](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/CarouselMinimalPerf.default_base.html) | 1.03:1 EmbedMinimalPerf.default | [1911](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/EmbedMinimalPerf.default.html) | [1855](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/EmbedMinimalPerf.default_base.html) | 1.03:1 HeaderMinimalPerf.default | [220](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/HeaderMinimalPerf.default.html) | [213](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/HeaderMinimalPerf.default_base.html) | 1.03:1 ImageMinimalPerf.default | [224](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ImageMinimalPerf.default.html) | [217](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ImageMinimalPerf.default_base.html) | 1.03:1 SegmentMinimalPerf.default | [203](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/SegmentMinimalPerf.default.html) | [198](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/SegmentMinimalPerf.default_base.html) | 1.03:1 SplitButtonMinimalPerf.default | [2273](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/SplitButtonMinimalPerf.default.html) | [2211](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/SplitButtonMinimalPerf.default_base.html) | 1.03:1 TableMinimalPerf.default | [241](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/TableMinimalPerf.default.html) | [233](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/TableMinimalPerf.default_base.html) | 1.03:1 TextMinimalPerf.default | [199](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/TextMinimalPerf.default.html) | [193](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/TextMinimalPerf.default_base.html) | 1.03:1 ButtonOverridesMissPerf.default | [661](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ButtonOverridesMissPerf.default.html) | [646](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ButtonOverridesMissPerf.default_base.html) | 1.02:1 ChatDuplicateMessagesPerf.default | [149](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ChatDuplicateMessagesPerf.default.html) | [146](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ChatDuplicateMessagesPerf.default_base.html) | 1.02:1 CheckboxMinimalPerf.default | [1129](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/CheckboxMinimalPerf.default.html) | [1106](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/CheckboxMinimalPerf.default_base.html) | 1.02:1 RadioGroupMinimalPerf.default | [267](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/RadioGroupMinimalPerf.default.html) | [262](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/RadioGroupMinimalPerf.default_base.html) | 1.02:1 TooltipMinimalPerf.default | [1292](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/TooltipMinimalPerf.default.html) | [1268](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/TooltipMinimalPerf.default_base.html) | 1.02:1 CardMinimalPerf.default | [298](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/CardMinimalPerf.default.html) | [296](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/CardMinimalPerf.default_base.html) | 1.01:1 LabelMinimalPerf.default | [221](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/LabelMinimalPerf.default.html) | [219](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/LabelMinimalPerf.default_base.html) | 1.01:1 MenuButtonMinimalPerf.default | [969](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/MenuButtonMinimalPerf.default.html) | [958](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/MenuButtonMinimalPerf.default_base.html) | 1.01:1 ProviderMergeThemesPerf.default | [665](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ProviderMergeThemesPerf.default.html) | [658](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ProviderMergeThemesPerf.default_base.html) | 1.01:1 ReactionMinimalPerf.default | [216](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ReactionMinimalPerf.default.html) | [214](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ReactionMinimalPerf.default_base.html) | 1.01:1 CustomToolbarPrototype.default | [1519](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/CustomToolbarPrototype.default.html) | [1500](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/CustomToolbarPrototype.default_base.html) | 1.01:1 DatepickerMinimalPerf.default | [3673](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/DatepickerMinimalPerf.default.html) | [3679](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/DatepickerMinimalPerf.default_base.html) | 1:1 DialogMinimalPerf.default | [442](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/DialogMinimalPerf.default.html) | [441](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/DialogMinimalPerf.default_base.html) | 1:1 HeaderSlotsPerf.default | [457](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/HeaderSlotsPerf.default.html) | [457](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/HeaderSlotsPerf.default_base.html) | 1:1 ListNestedPerf.default | [328](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ListNestedPerf.default.html) | [329](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ListNestedPerf.default_base.html) | 1:1 TableManyItemsPerf.default | [1110](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/TableManyItemsPerf.default.html) | [1110](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/TableManyItemsPerf.default_base.html) | 1:1 DropdownManyItemsPerf.default | [380](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/DropdownManyItemsPerf.default.html) | [384](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/DropdownManyItemsPerf.default_base.html) | 0.99:1 DropdownMinimalPerf.default | [1426](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/DropdownMinimalPerf.default.html) | [1435](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/DropdownMinimalPerf.default_base.html) | 0.99:1 ListWith60ListItems.default | [374](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ListWith60ListItems.default.html) | [379](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ListWith60ListItems.default_base.html) | 0.99:1 PortalMinimalPerf.default | [83](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/PortalMinimalPerf.default.html) | [84](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/PortalMinimalPerf.default_base.html) | 0.99:1 ProviderMinimalPerf.default | [194](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ProviderMinimalPerf.default.html) | [196](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ProviderMinimalPerf.default_base.html) | 0.99:1 ItemLayoutMinimalPerf.default | [685](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ItemLayoutMinimalPerf.default.html) | [696](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ItemLayoutMinimalPerf.default_base.html) | 0.98:1 StatusMinimalPerf.default | [399](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/StatusMinimalPerf.default.html) | [407](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/StatusMinimalPerf.default_base.html) | 0.98:1 InputMinimalPerf.default | [542](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/InputMinimalPerf.default.html) | [557](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/InputMinimalPerf.default_base.html) | 0.97:1 RosterPerf.default | [1543](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/RosterPerf.default.html) | [1592](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/RosterPerf.default_base.html) | 0.97:1 SkeletonMinimalPerf.default | [201](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/SkeletonMinimalPerf.default.html) | [207](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/SkeletonMinimalPerf.default_base.html) | 0.97:1 IconMinimalPerf.default | [388](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/IconMinimalPerf.default.html) | [399](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/IconMinimalPerf.default_base.html) | 0.97:1 ToolbarMinimalPerf.default | [547](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ToolbarMinimalPerf.default.html) | [562](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ToolbarMinimalPerf.default_base.html) | 0.97:1 TreeWith60ListItems.default | [83](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/TreeWith60ListItems.default.html) | [86](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/TreeWith60ListItems.default_base.html) | 0.97:1 SliderMinimalPerf.default | [725](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/SliderMinimalPerf.default.html) | [758](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/SliderMinimalPerf.default_base.html) | 0.96:1 VideoMinimalPerf.default | [427](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/VideoMinimalPerf.default.html) | [450](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/VideoMinimalPerf.default_base.html) | 0.95:1 BoxMinimalPerf.default | [193](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/BoxMinimalPerf.default.html) | [205](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/BoxMinimalPerf.default_base.html) | 0.94:1 GridMinimalPerf.default | [184](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/GridMinimalPerf.default.html) | [196](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/GridMinimalPerf.default_base.html) | 0.94:1 ListCommonPerf.default | [379](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ListCommonPerf.default.html) | [403](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/ListCommonPerf.default_base.html) | 0.94:1 TreeMinimalPerf.default | [471](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/TreeMinimalPerf.default.html) | [501](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/TreeMinimalPerf.default_base.html) | 0.94:1 AlertMinimalPerf.default | [149](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/AlertMinimalPerf.default.html) | [164](https://fluentuipr.z22.web.core.windows.net/pull/31268/perf-test-northstar/AlertMinimalPerf.default_base.html) | 0.91:1
fabricteam commented 2 weeks ago

🕵 FluentUIV0 No visual regressions between this PR and main

fabricteam commented 2 weeks ago

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-accordion
Accordion (including children components)		 100.94 kB
30.574 kB		 101.386 kB
30.643 kB		 446 B
69 B
react-breadcrumb
@fluentui/react-breadcrumb - package		 116.817 kB
32.173 kB		 117.263 kB
32.241 kB		 446 B
68 B
react-calendar-compat
Calendar Compat		 153.428 kB
40.128 kB		 153.874 kB
40.203 kB		 446 B
75 B
react-card
Card - All		 103.992 kB
29.35 kB		 104.438 kB
29.41 kB		 446 B
60 B
react-card
Card		 97.003 kB
27.61 kB		 97.449 kB
27.681 kB		 446 B
71 B
react-checkbox
Checkbox		 35.656 kB
12.07 kB		 36.102 kB
12.131 kB		 446 B
61 B
react-combobox
Combobox (including child components)		 104.926 kB
33.812 kB		 105.372 kB
33.874 kB		 446 B
62 B
react-combobox
Dropdown (including child components)		 106.398 kB
33.79 kB		 106.844 kB
33.85 kB		 446 B
60 B
react-components
react-components: Button, FluentProvider & webLightTheme		 71.104 kB
20.52 kB		 71.55 kB
20.584 kB		 446 B
64 B
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover		 221.287 kB
62.497 kB		 221.733 kB
62.557 kB		 446 B
60 B
react-components
react-components: FluentProvider & webLightTheme		 43.591 kB
14.356 kB		 44.037 kB
14.418 kB		 446 B
62 B
react-components
react-components: entire library		 1.1 MB
267.122 kB		 1.1 MB
267.187 kB		 446 B
65 B
react-datepicker-compat
DatePicker Compat		 227.451 kB
63.531 kB		 227.897 kB
63.584 kB		 446 B
53 B
react-dialog
Dialog (including children components)		 116.899 kB
36.102 kB		 117.345 kB
36.161 kB		 446 B
59 B
react-menu
Menu (including children components)		 153.846 kB
46.074 kB		 154.292 kB
46.144 kB		 446 B
70 B
react-menu
Menu (including selectable components)		 156.532 kB
46.623 kB		 156.978 kB
46.695 kB		 446 B
72 B
react-popover
Popover		 128.132 kB
40.174 kB		 128.578 kB
40.244 kB		 446 B
70 B
react-portal
Portal		 13.717 kB
4.886 kB		 14.163 kB
4.948 kB		 446 B
62 B
react-portal-compat
PortalCompatProvider		 7.944 kB
2.588 kB		 8.39 kB
2.64 kB		 446 B
52 B
react-provider
FluentProvider		 23.765 kB
8.662 kB		 24.211 kB
8.721 kB		 446 B
59 B
react-radio
Radio		 32.95 kB
10.252 kB		 33.396 kB
10.316 kB		 446 B
64 B
react-slider
Slider		 39.949 kB
12.968 kB		 40.395 kB
13.024 kB		 446 B
56 B
react-swatch-picker-preview
@fluentui/react-swatch-picker-preview - package		 108.416 kB
30.25 kB		 108.862 kB
30.32 kB		 446 B
70 B
react-switch
Switch		 35.14 kB
11.199 kB		 35.586 kB
11.256 kB		 446 B
57 B
react-table
DataGrid		 168.828 kB
46.848 kB		 169.274 kB
46.907 kB		 446 B
59 B
react-table
Table (Primitives only)		 45.324 kB
14.116 kB		 45.77 kB
14.174 kB		 446 B
58 B
react-table
Table as DataGrid		 137.912 kB
37.14 kB		 138.358 kB
37.213 kB		 446 B
73 B
react-table
Table (Selection only)		 76.328 kB
20.545 kB		 76.774 kB
20.602 kB		 446 B
57 B
react-table
Table (Sort only)		 74.971 kB
20.148 kB		 75.417 kB
20.205 kB		 446 B
57 B
react-tag-picker-preview
@fluentui/react-tag-picker-preview - package		 188.273 kB
55.749 kB		 188.719 kB
55.819 kB		 446 B
70 B
react-tags
TagGroup		 82.044 kB
24.39 kB		 82.49 kB
24.46 kB		 446 B
70 B
react-timepicker-compat
TimePicker		 106.944 kB
35.169 kB		 107.39 kB
35.223 kB		 446 B
54 B
react-toast
Toast (including Toaster)		 98.667 kB
29.793 kB		 99.113 kB
29.844 kB		 446 B
51 B
react-tooltip
Tooltip		 54.664 kB
19.206 kB		 55.11 kB
19.268 kB		 446 B
62 B
Unchanged fixtures | Package & Exports | Size (minified/GZIP) | | ----------------- | -------------------: | | global-context
createContext | `510 B`
`328 B` | | global-context
createContextSelector | `537 B`
`339 B` | | keyboard-key
keyboard-key package | `3.746 kB`
`1.928 kB` | | priority-overflow
createOverflowManager | `4.447 kB`
`1.853 kB` | | react
ActivityItem | `71.019 kB`
`23.288 kB` | | react
Announced | `38.291 kB`
`13.239 kB` | | react
Autofill | `15.365 kB`
`4.743 kB` | | react
Breadcrumb | `200.619 kB`
`60.07 kB` | | react
Button | `194.573 kB`
`56.3 kB` | | react
ButtonGrid | `180.349 kB`
`54.518 kB` | | react
Calendar | `121.542 kB`
`36.943 kB` | | react
Callout | `84.108 kB`
`27.552 kB` | | react
Check | `52.963 kB`
`17.773 kB` | | react
Checkbox | `59.751 kB`
`19.806 kB` | | react
ChoiceGroup | `65.276 kB`
`21.438 kB` | | react
ChoiceGroupOption | `58.531 kB`
`19.309 kB` | | react
Coachmark | `92.937 kB`
`29.356 kB` | | react
Color | `7.737 kB`
`3.106 kB` | | react
ColorPicker | `132.985 kB`
`41.502 kB` | | react
ComboBox | `250.423 kB`
`71.926 kB` | | react
CommandBar | `201.843 kB`
`59.824 kB` | | react
ContextualMenu | `154.789 kB`
`48.068 kB` | | react
DatePicker | `183.939 kB`
`56.079 kB` | | react
DateTimeUtilities | `5.244 kB`
`1.849 kB` | | react
DetailsList | `229.3 kB`
`65.63 kB` | | react
Dialog | `209.943 kB`
`62.812 kB` | | react
Divider | `19.399 kB`
`6.798 kB` | | react
DocumentCard | `215.628 kB`
`64.085 kB` | | react
DragDrop | `8.343 kB`
`2.724 kB` | | react
DraggableZone | `34.109 kB`
`11.448 kB` | | react
Dropdown | `232.588 kB`
`68.284 kB` | | react
ExtendedPicker | `96.565 kB`
`27.809 kB` | | react
Fabric | `41.537 kB`
`14.283 kB` | | react
Facepile | `210.48 kB`
`63.032 kB` | | react
FloatingPicker | `240.713 kB`
`68.651 kB` | | react
FocusTrapZone | `16.975 kB`
`5.917 kB` | | react
FocusZone | `54.844 kB`
`17.402 kB` | | react
Grid | `180.349 kB`
`54.518 kB` | | react
GroupedList | `134.634 kB`
`40.596 kB` | | react
GroupedListV2 | `122.251 kB`
`37.703 kB` | | react
HoverCard | `96.969 kB`
`30.741 kB` | | react
Icon | `51.644 kB`
`17.197 kB` | | react
Icons | `66.305 kB`
`24.379 kB` | | react
Image | `46.701 kB`
`15.646 kB` | | react
Keytip | `81.482 kB`
`26.712 kB` | | react
KeytipData | `13.969 kB`
`4.57 kB` | | react
KeytipLayer | `103.278 kB`
`31.961 kB` | | react
Keytips | `106.046 kB`
`32.966 kB` | | react
Label | `38.134 kB`
`13.207 kB` | | react
Layer | `47.887 kB`
`16.295 kB` | | react
Link | `39.488 kB`
`13.614 kB` | | react
List | `39.176 kB`
`12.384 kB` | | react
MarqueeSelection | `74.321 kB`
`22.385 kB` | | react
MessageBar | `189.134 kB`
`56.778 kB` | | react
Modal | `93.44 kB`
`30.18 kB` | | react
Nav | `187.931 kB`
`56.384 kB` | | react
OverflowSet | `33.191 kB`
`11.252 kB` | | react
Overlay | `40.694 kB`
`14.023 kB` | | react
Panel | `199.654 kB`
`59.727 kB` | | react
Persona | `114.617 kB`
`36.442 kB` | | react
PersonaCoin | `114.617 kB`
`36.442 kB` | | react
PersonaPresence | `57.833 kB`
`19.303 kB` | | react
Pickers | `292.399 kB`
`82.007 kB` | | react
Pivot | `188.845 kB`
`57.107 kB` | | react
Popup | `12.242 kB`
`4.181 kB` | | react
Positioning | `22.608 kB`
`7.63 kB` | | react
PositioningContainer | `73.643 kB`
`23.706 kB` | | react
ProgressIndicator | `39.286 kB`
`13.482 kB` | | react
Rating | `81.762 kB`
`26.057 kB` | | react
Fluent UI React (entire library) | `1.012 MB`
`281.091 kB` | | react
ResizeGroup | `13.286 kB`
`4.365 kB` | | react
ResponsiveMode | `8.078 kB`
`2.95 kB` | | react
ScrollablePane | `55.325 kB`
`17.669 kB` | | react
SearchBox | `187.409 kB`
`56.377 kB` | | react
SelectableOption | `724 B`
`413 B` | | react
SelectedItemsList | `231.169 kB`
`67.62 kB` | | react
Selection | `42.252 kB`
`12.203 kB` | | react
Separator | `35.183 kB`
`12.088 kB` | | react
Shimmer | `49.049 kB`
`16.206 kB` | | react
ShimmeredDetailsList | `240.075 kB`
`68.397 kB` | | react
Slider | `57.449 kB`
`19.143 kB` | | react
SpinButton | `191.137 kB`
`57.503 kB` | | react
Spinner | `41.481 kB`
`14.412 kB` | | react
Stack | `41.547 kB`
`14.233 kB` | | react
Sticky | `32.541 kB`
`10.49 kB` | | react
Styling | `45.853 kB`
`15.082 kB` | | react
SwatchColorPicker | `190.675 kB`
`57.985 kB` | | react
TeachingBubble | `204.685 kB`
`60.713 kB` | | react
Text | `36.723 kB`
`12.763 kB` | | react
TextField | `80.555 kB`
`25.262 kB` | | react
Theme | `43.321 kB`
`14.129 kB` | | react
ThemeGenerator | `12.34 kB`
`4.106 kB` | | react
TimePicker | `240.227 kB`
`69.693 kB` | | react
Toggle | `46.02 kB`
`15.903 kB` | | react
Tooltip | `87.136 kB`
`28.164 kB` | | react
Utilities | `82.495 kB`
`25.047 kB` | | react
Viewport | `23.703 kB`
`7.589 kB` | | react
WeeklyDayPicker | `101.682 kB`
`31.738 kB` | | react
WindowProvider | `1.059 kB`
`541 B` | | react-alert
Alert | `83.737 kB`
`23.475 kB` | | react-avatar
Avatar | `50.175 kB`
`15.944 kB` | | react-avatar
AvatarGroup | `19.702 kB`
`7.794 kB` | | react-avatar
AvatarGroupItem | `64.829 kB`
`20.272 kB` | | react-badge
Badge | `26.905 kB`
`8.73 kB` | | react-badge
CounterBadge | `27.806 kB`
`9.025 kB` | | react-badge
PresenceBadge | `25.311 kB`
`9.307 kB` | | react-button
Button | `39.513 kB`
`11.17 kB` | | react-button
CompoundButton | `46.874 kB`
`12.662 kB` | | react-button
MenuButton | `44.292 kB`
`12.544 kB` | | react-button
SplitButton | `52.306 kB`
`14.135 kB` | | react-button
ToggleButton | `56.558 kB`
`13.068 kB` | | react-card
CardFooter | `13.971 kB`
`5.626 kB` | | react-card
CardHeader | `16.214 kB`
`6.386 kB` | | react-card
CardPreview | `14.015 kB`
`5.752 kB` | | react-divider
Divider | `20.922 kB`
`7.791 kB` | | react-field
Field | `22.976 kB`
`8.722 kB` | | react-image
Image | `15.745 kB`
`6.231 kB` | | react-input
Input | `28.122 kB`
`9.36 kB` | | react-jsx-runtime
Classic Pragma | `1.057 kB`
`530 B` | | react-jsx-runtime
JSX Dev Runtime | `3.781 kB`
`1.646 kB` | | react-jsx-runtime
JSX Runtime | `4.377 kB`
`1.881 kB` | | react-label
Label | `14.266 kB`
`5.829 kB` | | react-link
Link | `17.082 kB`
`6.911 kB` | | react-message-bar
MessageBar (all components) | `24.204 kB`
`8.983 kB` | | react-northstar
Accordion | `85.392 kB`
`26.518 kB` | | react-northstar
Alert | `87.45 kB`
`26.902 kB` | | react-northstar
Animation | `55.34 kB`
`17.829 kB` | | react-northstar
Attachment | `86.844 kB`
`26.692 kB` | | react-northstar
Avatar | `80.279 kB`
`24.629 kB` | | react-northstar
Box | `75.248 kB`
`23.806 kB` | | react-northstar
Breadcrumb | `79.92 kB`
`24.709 kB` | | react-northstar
Button | `83.16 kB`
`25.947 kB` | | react-northstar
Card | `82.705 kB`
`25.023 kB` | | react-northstar
Carousel | `105.182 kB`
`31.871 kB` | | react-northstar
Chat | `152.378 kB`
`45.964 kB` | | react-northstar
Checkbox | `79.807 kB`
`25.078 kB` | | react-northstar
Datepicker | `184.939 kB`
`56.194 kB` | | react-northstar
Debug | `8.801 kB`
`3.594 kB` | | react-northstar
Design | `36.589 kB`
`12.067 kB` | | react-northstar
Dialog | `112.058 kB`
`33.615 kB` | | react-northstar
Divider | `76.619 kB`
`24.129 kB` | | react-northstar
Dropdown | `196.499 kB`
`59.455 kB` | | react-northstar
Embed | `81.477 kB`
`25.417 kB` | | react-northstar
Flex | `47.728 kB`
`15.438 kB` | | react-northstar
Form | `92.527 kB`
`28.879 kB` | | react-northstar
Grid | `70.584 kB`
`22.278 kB` | | react-northstar
Header | `74.756 kB`
`23.461 kB` | | react-northstar
Image | `73.591 kB`
`23.329 kB` | | react-northstar
Input | `88.346 kB`
`27.78 kB` | | react-northstar
ItemLayout | `78.231 kB`
`24.454 kB` | | react-northstar
Label | `77.92 kB`
`24.41 kB` | | react-northstar
Layout | `75.393 kB`
`23.798 kB` | | react-northstar
List | `88.493 kB`
`27.547 kB` | | react-northstar
Loader | `78.616 kB`
`24.729 kB` | | react-northstar
Menu | `126.89 kB`
`39.872 kB` | | react-northstar
MenuButton | `161.296 kB`
`48.883 kB` | | react-northstar
Pill | `83.722 kB`
`26.069 kB` | | react-northstar
Popup | `133.604 kB`
`41.483 kB` | | react-northstar
Portal | `58.338 kB`
`18.852 kB` | | react-northstar
Provider | `93.138 kB`
`29.63 kB` | | react-northstar
RadioGroup | `83.282 kB`
`26.053 kB` | | react-northstar
Reaction | `77.28 kB`
`24.122 kB` | | react-northstar
Segment | `76.209 kB`
`23.892 kB` | | react-northstar
Skeleton | `77.765 kB`
`24.2 kB` | | react-northstar
Slider | `84.27 kB`
`26.737 kB` | | react-northstar
SplitButton | `176.534 kB`
`52.63 kB` | | react-northstar
Status | `76.272 kB`
`24.05 kB` | | react-northstar
SvgIcon | `36.823 kB`
`11.743 kB` | | react-northstar
Table | `80.796 kB`
`25.154 kB` | | react-northstar
Text | `74.114 kB`
`23.507 kB` | | react-northstar
TextArea | `74.248 kB`
`23.492 kB` | | react-northstar
Toolbar | `173.345 kB`
`52.08 kB` | | react-northstar
Tooltip | `108.261 kB`
`34.482 kB` | | react-northstar
Tree | `87.855 kB`
`27.217 kB` | | react-northstar
Video | `75.411 kB`
`23.799 kB` | | react-overflow
hooks only | `12.86 kB`
`4.825 kB` | | react-persona
Persona | `57.066 kB`
`17.821 kB` | | react-positioning
usePositioning | `26.398 kB`
`9.539 kB` | | react-progress
ProgressBar | `17.428 kB`
`6.899 kB` | | react-radio
RadioGroup | `15.354 kB`
`6.265 kB` | | react-select
Select | `28.609 kB`
`10.204 kB` | | react-spinbutton
SpinButton | `36.78 kB`
`11.789 kB` | | react-spinner
Spinner | `24.729 kB`
`8.348 kB` | | react-tags
InteractionTag | `15.299 kB`
`6.08 kB` | | react-tags
Tag | `29.092 kB`
`9.418 kB` | | react-text
Text - Default | `16.705 kB`
`6.57 kB` | | react-text
Text - Wrappers | `19.878 kB`
`6.897 kB` | | react-textarea
Textarea | `30.947 kB`
`10.477 kB` | | react-theme
Single theme token import | `69 B`
`89 B` | | react-theme
Teams: all themes | `35.666 kB`
`7.453 kB` | | react-theme
Teams: Light theme | `19.642 kB`
`5.549 kB` | | react-utilities
SSRProvider | `180 B`
`160 B` |

🤖 This report was generated against bd9a5d65dd0626cf3d83fc2c3195c04acc2aeb81

fabricteam commented 2 weeks ago

🕵 fluentuiv9 No visual regressions between this PR and main

fabricteam commented 2 weeks ago

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 646 622 5000
Breadcrumb mount 1678 1703 1000
Checkbox mount 1683 1675 5000
CheckboxBase mount 1480 1480 5000
ChoiceGroup mount 2939 2935 5000
ComboBox mount 668 666 1000
CommandBar mount 6580 6558 1000
ContextualMenu mount 12541 12567 1000
DefaultButton mount 780 789 5000
DetailsRow mount 2239 2211 5000
DetailsRowFast mount 2234 2181 5000
DetailsRowNoStyles mount 2037 2041 5000
Dialog mount 2803 2650 1000
DocumentCardTitle mount 233 230 1000
Dropdown mount 1995 2000 5000
FocusTrapZone mount 1132 1121 5000
FocusZone mount 1109 1065 5000
GroupedList mount 42617 42268 2
GroupedList virtual-rerender 17978 20138 2
GroupedList virtual-rerender-with-unmount 50727 50684 2
GroupedListV2 mount 230 230 2
GroupedListV2 virtual-rerender 218 224 2
GroupedListV2 virtual-rerender-with-unmount 227 239 2
IconButton mount 1133 1160 5000
Label mount 347 356 5000
Layer mount 2686 2743 5000
Link mount 405 389 5000
MenuButton mount 991 981 5000
MessageBar mount 21397 21230 5000
Nav mount 2020 2103 1000
OverflowSet mount 798 783 5000
Panel mount 1897 1807 1000
Persona mount 752 754 1000
Pivot mount 894 896 1000
PrimaryButton mount 930 928 5000
Rating mount 4619 4686 5000
SearchBox mount 922 901 5000
Shimmer mount 1921 1899 5000
Slider mount 1309 1313 5000
SpinButton mount 3012 3003 5000
Spinner mount 408 382 5000
SplitButton mount 1913 1901 5000
Stack mount 424 426 5000
StackWithIntrinsicChildren mount 897 872 5000
StackWithTextChildren mount 2672 2638 5000
SwatchColorPicker mount 6404 6288 5000
TagPicker mount 1531 1457 5000
Text mount 385 381 5000
TextField mount 954 912 5000
ThemeProvider mount 842 846 5000
ThemeProvider virtual-rerender 581 592 5000
ThemeProvider virtual-rerender-with-unmount 1263 1304 5000
Toggle mount 628 619 5000
buttonNative mount 204 186 5000

  • © Githubissues.
  • Githubissues is a development platform for aggregating issues.