Skip to content

Conversation

@jurokapsiar
Copy link
Contributor

Alias for unstable was missing, which caused webpack warnings when I used Select in ui-builder app.

@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 6c5f4a9:

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

@size-auditor
Copy link

size-auditor bot commented Sep 21, 2022

Asset size changes

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

Baseline commit: cef8c1c773366a88759aa44e6a7aaa63ff7ac0df (build)

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1281 1288 5000
Button mount 935 922 5000
FluentProvider mount 1475 1479 5000
FluentProviderWithTheme mount 573 580 10
FluentProviderWithTheme virtual-rerender 537 540 10
FluentProviderWithTheme virtual-rerender-with-unmount 571 588 10
MakeStyles mount 1979 1964 50000
SpinButton mount 2329 2322 5000

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
533 B
341 B
global-context
createContextSelector
554 B
348 B
priority-overflow
createOverflowManager
2.936 kB
1.212 kB
react-accordion
Accordion (including children components)
78.914 kB
24.06 kB
react-alert
Alert
83.511 kB
20.921 kB
react-avatar
Avatar
48.381 kB
13.696 kB
react-avatar
AvatarGroup
14.95 kB
5.989 kB
react-avatar
AvatarGroupItem
68.349 kB
19.039 kB
react-badge
Badge
22.6 kB
7.205 kB
react-badge
CounterBadge
23.503 kB
7.497 kB
react-badge
PresenceBadge
24.05 kB
7.067 kB
react-button
Button
36.119 kB
9.647 kB
react-button
CompoundButton
43.144 kB
10.86 kB
react-button
MenuButton
38.813 kB
10.551 kB
react-button
SplitButton
46.228 kB
11.933 kB
react-button
ToggleButton
51.888 kB
11.127 kB
react-card
Card - All
67.002 kB
19.261 kB
react-card
Card
62.684 kB
18.177 kB
react-card
CardFooter
8.561 kB
3.601 kB
react-card
CardHeader
9.604 kB
3.94 kB
react-card
CardPreview
8.662 kB
3.656 kB
react-combobox
Combobox (including child components)
74.636 kB
24.186 kB
react-combobox
Dropdown (including child components)
74.236 kB
24.086 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
188.672 kB
52.359 kB
react-components
react-components: FluentProvider & webLightTheme
33.394 kB
11.007 kB
react-dialog
Dialog (including children components)
81.199 kB
24.196 kB
react-divider
Divider
16.459 kB
5.902 kB
react-image
Image
10.78 kB
4.264 kB
react-input
Input
23.757 kB
7.704 kB
react-label
Label
9.338 kB
3.86 kB
react-link
Link
11.784 kB
4.867 kB
react-menu
Menu (including children components)
116.572 kB
35.778 kB
react-menu
Menu (including selectable components)
119.641 kB
36.297 kB
react-overflow
hooks only
10.685 kB
4.104 kB
react-popover
Popover
102.963 kB
31.553 kB
react-portal
Portal
10.576 kB
3.875 kB
react-portal-compat
PortalCompatProvider
5.851 kB
1.964 kB
react-positioning
usePositioning
19.7 kB
7.404 kB
react-provider
FluentProvider
15.755 kB
5.883 kB
react-radio
Radio
35.56 kB
11.929 kB
react-radio
RadioGroup
14.248 kB
5.7 kB
react-select
Select
20.846 kB
7.346 kB
react-slider
Slider
31.526 kB
10.046 kB
react-spinbutton
SpinButton
44.102 kB
12.425 kB
react-spinner
Spinner
19.977 kB
6.438 kB
react-switch
Switch
32.097 kB
10.27 kB
react-text
Text - Default
11.782 kB
4.605 kB
react-text
Text - Wrappers
15.092 kB
5.044 kB
react-textarea
Textarea
25.013 kB
8.133 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
29.65 kB
6.444 kB
react-theme
Teams: Light theme
17.486 kB
5.057 kB
react-tooltip
Tooltip
41.535 kB
14.639 kB
react-utilities
SSRProvider
180 B
159 B
🤖 This report was generated against cef8c1c773366a88759aa44e6a7aaa63ff7ac0df

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AccordionMinimalPerf.default 132 124 1.06:1
CarouselMinimalPerf.default 365 344 1.06:1
SegmentMinimalPerf.default 315 301 1.05:1
TreeWith60ListItems.default 129 123 1.05:1
ImageMinimalPerf.default 342 330 1.04:1
ListCommonPerf.default 527 505 1.04:1
PortalMinimalPerf.default 143 137 1.04:1
RefMinimalPerf.default 190 183 1.04:1
IconMinimalPerf.default 580 559 1.04:1
BoxMinimalPerf.default 301 293 1.03:1
ButtonMinimalPerf.default 137 133 1.03:1
ChatWithPopoverPerf.default 308 298 1.03:1
FlexMinimalPerf.default 257 250 1.03:1
HeaderMinimalPerf.default 316 308 1.03:1
LabelMinimalPerf.default 341 332 1.03:1
LayoutMinimalPerf.default 321 313 1.03:1
ProviderMinimalPerf.default 322 314 1.03:1
SkeletonMinimalPerf.default 304 295 1.03:1
AttachmentMinimalPerf.default 132 130 1.02:1
AvatarMinimalPerf.default 165 161 1.02:1
GridMinimalPerf.default 299 293 1.02:1
ListMinimalPerf.default 462 453 1.02:1
MenuMinimalPerf.default 740 724 1.02:1
MenuButtonMinimalPerf.default 1363 1331 1.02:1
RadioGroupMinimalPerf.default 393 385 1.02:1
TableMinimalPerf.default 365 359 1.02:1
TextMinimalPerf.default 309 302 1.02:1
ButtonSlotsPerf.default 420 415 1.01:1
DividerMinimalPerf.default 315 313 1.01:1
DropdownManyItemsPerf.default 545 542 1.01:1
InputMinimalPerf.default 865 856 1.01:1
ItemLayoutMinimalPerf.default 981 967 1.01:1
ListNestedPerf.default 468 465 1.01:1
LoaderMinimalPerf.default 517 512 1.01:1
ReactionMinimalPerf.default 327 324 1.01:1
TreeMinimalPerf.default 698 694 1.01:1
AnimationMinimalPerf.default 472 474 1:1
ButtonOverridesMissPerf.default 1015 1015 1:1
CardMinimalPerf.default 467 465 1:1
ChatMinimalPerf.default 638 635 1:1
CheckboxMinimalPerf.default 1529 1533 1:1
DialogMinimalPerf.default 687 684 1:1
EmbedMinimalPerf.default 2628 2623 1:1
HeaderSlotsPerf.default 670 671 1:1
RosterPerf.default 1690 1694 1:1
PopupMinimalPerf.default 560 560 1:1
ProviderMergeThemesPerf.default 991 993 1:1
SplitButtonMinimalPerf.default 3271 3283 1:1
StatusMinimalPerf.default 606 607 1:1
TableManyItemsPerf.default 1559 1566 1:1
TextAreaMinimalPerf.default 409 410 1:1
CustomToolbarPrototype.default 2159 2164 1:1
ToolbarMinimalPerf.default 795 792 1:1
TooltipMinimalPerf.default 1835 1844 1:1
AttachmentSlotsPerf.default 875 886 0.99:1
DatepickerMinimalPerf.default 4719 4790 0.99:1
DropdownMinimalPerf.default 2165 2178 0.99:1
FormMinimalPerf.default 328 331 0.99:1
ListWith60ListItems.default 491 494 0.99:1
SliderMinimalPerf.default 1254 1262 0.99:1
VideoMinimalPerf.default 623 631 0.99:1
AlertMinimalPerf.default 224 231 0.97:1
ChatDuplicateMessagesPerf.default 226 233 0.97:1

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 1192 1224 5000
Breadcrumb mount 2764 2774 1000
Checkbox mount 2651 2662 5000
CheckboxBase mount 2404 2385 5000
ChoiceGroup mount 4276 4233 5000
ComboBox mount 1166 1207 1000
CommandBar mount 9239 9182 1000
ContextualMenu mount 10151 10135 1000
DefaultButton mount 1355 1383 5000
DetailsRow mount 3371 3366 5000
DetailsRowFast mount 3407 3356 5000
DetailsRowNoStyles mount 3259 3244 5000
Dialog mount 2933 2932 1000
DocumentCardTitle mount 569 596 1000
Dropdown mount 3171 3166 5000
FocusTrapZone mount 1942 1944 5000
FocusZone mount 1957 1913 5000
GroupedList mount 48468 54254 2
GroupedList virtual-rerender 22986 23172 2
GroupedList virtual-rerender-with-unmount 81411 81588 2
GroupedListV2 mount 561 557 2
GroupedListV2 virtual-rerender 532 535 2
GroupedListV2 virtual-rerender-with-unmount 562 557 2
IconButton mount 1802 1807 5000
Label mount 758 753 5000
Layer mount 4147 4152 5000
Link mount 846 851 5000
MenuButton mount 1635 1617 5000
MessageBar mount 2340 2345 5000
Nav mount 3097 3062 1000
OverflowSet mount 1401 1411 5000
Panel mount 2489 2499 1000
Persona mount 1275 1236 1000
Pivot mount 1518 1543 1000
PrimaryButton mount 1467 1489 5000
Rating mount 6970 6966 5000
SearchBox mount 1512 1513 5000
Shimmer mount 2913 2917 5000
Slider mount 2110 2100 5000
SpinButton mount 4249 4228 5000
Spinner mount 827 817 5000
SplitButton mount 2861 2848 5000
Stack mount 886 903 5000
StackWithIntrinsicChildren mount 2210 2250 5000
StackWithTextChildren mount 4942 4938 5000
SwatchColorPicker mount 9463 9529 5000
TagPicker mount 2335 2337 5000
TeachingBubble mount 75679 76070 5000
Text mount 815 815 5000
TextField mount 1551 1534 5000
ThemeProvider mount 1433 1447 5000
ThemeProvider virtual-rerender 1153 1143 5000
ThemeProvider virtual-rerender-with-unmount 1997 1990 5000
Toggle mount 1138 1129 5000
buttonNative mount 534 541 5000

@jurokapsiar jurokapsiar merged commit 0698ca1 into microsoft:master Sep 21, 2022
@jurokapsiar jurokapsiar deleted the v9-unstable-alias branch September 21, 2022 09:05
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Sep 24, 2022
* master: (29 commits)
  chore(react-tooltip): update package scaffold (microsoft#24927)
  chore(react-popover): update package scaffold (microsoft#24925)
  chore(react-overflow): update package scaffold (microsoft#24926)
  chore(react-menu): update package scaffold (microsoft#24924)
  applying package updates
  chore: Bump workspace-tools to 0.27.0 (microsoft#24914)
  fix: Make Menu openOnHover prop work again (microsoft#24899)
  stress test: convert cli scripts to typescript (microsoft#24915)
  update package manifest to only include v8 controls (microsoft#24839)
  Stress Test: add random tree (microsoft#24896)
  chore: Expand scope of dependency mismatch generator (microsoft#24880)
  chore: run dependency mismatch generator in release pipeline (microsoft#24881)
  chore: scaffolds react-trigger package (microsoft#24887)
  applying package updates
  chore: a11y docs structure update (microsoft#24871)
  feat: add popupProps to Modal component to allow override internal Popup props (microsoft#24693)
  fix: Set github user in nightly release pipeline (microsoft#24850)
  chore(react-aria): restructure folder organization (microsoft#24884)
  ci(github): fix invalid json string in issues.yml v2 (microsoft#24886)
  Add react-components/unstable to tsconfig aliases (microsoft#24878)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants