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

fix(react-conformance): add @swc/helpers to deps instead of tslib as we use swc for transpilation #28599

Merged

Conversation

Hotell
Copy link
Contributor

@Hotell Hotell commented Jul 20, 2023

New Behavior

During migration to v9 setup (including swc use for transpilation ) we forgot to replace tslib with swc helpers

Related Issue(s)

Follows #28215

@github-actions github-actions bot added this to the July Project Cycle Q3 2023 milestone Jul 20, 2023
@Hotell Hotell added Fluent UI react-components (v9) dependencies Pull requests that update a dependency file labels Jul 20, 2023
@Hotell Hotell changed the title fix(react-conformance): add @swc/helpers to deps instead of tslib as … fix(react-conformance): add @swc/helpers to deps instead of tslib as we use swc for transpilation Jul 20, 2023
@Hotell Hotell marked this pull request as ready for review July 20, 2023 12:58
@Hotell Hotell requested a review from a team as a code owner July 20, 2023 12:58
@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 614 585 5000
Button mount 290 291 5000
Field mount 1023 1031 5000
FluentProvider mount 645 643 5000
FluentProviderWithTheme mount 82 87 10
FluentProviderWithTheme virtual-rerender 68 60 10
FluentProviderWithTheme virtual-rerender-with-unmount 77 85 10
InfoButton mount 12 14 5000
MakeStyles mount 860 829 50000
Persona mount 1658 1594 5000
SpinButton mount 1315 1279 5000

@Hotell Hotell enabled auto-merge (squash) July 20, 2023 13:05
@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 85620a4:

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

@fabricteam
Copy link
Collaborator

🕵 fluentuiv8 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AvatarMinimalPerf.default 116 107 1.08:1
ButtonSlotsPerf.default 324 299 1.08:1
TreeWith60ListItems.default 83 77 1.08:1
SkeletonMinimalPerf.default 208 194 1.07:1
VideoMinimalPerf.default 438 414 1.06:1
CheckboxMinimalPerf.default 1169 1116 1.05:1
PortalMinimalPerf.default 89 85 1.05:1
ReactionMinimalPerf.default 221 210 1.05:1
IconMinimalPerf.default 376 359 1.05:1
CardMinimalPerf.default 315 304 1.04:1
ChatMinimalPerf.default 453 434 1.04:1
EmbedMinimalPerf.default 1917 1847 1.04:1
ProviderMergeThemesPerf.default 682 658 1.04:1
StatusMinimalPerf.default 399 385 1.04:1
BoxMinimalPerf.default 196 191 1.03:1
ChatWithPopoverPerf.default 187 182 1.03:1
DividerMinimalPerf.default 211 204 1.03:1
DropdownManyItemsPerf.default 404 391 1.03:1
SegmentMinimalPerf.default 203 197 1.03:1
ToolbarMinimalPerf.default 541 526 1.03:1
TreeMinimalPerf.default 486 470 1.03:1
AttachmentSlotsPerf.default 657 642 1.02:1
FlexMinimalPerf.default 157 154 1.02:1
ListCommonPerf.default 402 395 1.02:1
AccordionMinimalPerf.default 80 79 1.01:1
ButtonOverridesMissPerf.default 655 648 1.01:1
DialogMinimalPerf.default 447 444 1.01:1
GridMinimalPerf.default 198 196 1.01:1
MenuMinimalPerf.default 502 499 1.01:1
MenuButtonMinimalPerf.default 950 936 1.01:1
PopupMinimalPerf.default 346 344 1.01:1
TableManyItemsPerf.default 1126 1113 1.01:1
AlertMinimalPerf.default 152 152 1:1
DropdownMinimalPerf.default 1433 1427 1:1
HeaderSlotsPerf.default 470 470 1:1
InputMinimalPerf.default 538 539 1:1
LabelMinimalPerf.default 226 225 1:1
LayoutMinimalPerf.default 201 200 1:1
ProviderMinimalPerf.default 203 203 1:1
SplitButtonMinimalPerf.default 2291 2287 1:1
TooltipMinimalPerf.default 1265 1267 1:1
CarouselMinimalPerf.default 258 261 0.99:1
FormMinimalPerf.default 221 223 0.99:1
ItemLayoutMinimalPerf.default 697 701 0.99:1
ListNestedPerf.default 319 321 0.99:1
RadioGroupMinimalPerf.default 257 259 0.99:1
TextMinimalPerf.default 190 192 0.99:1
CustomToolbarPrototype.default 1466 1487 0.99:1
AnimationMinimalPerf.default 286 292 0.98:1
HeaderMinimalPerf.default 203 208 0.98:1
LoaderMinimalPerf.default 184 188 0.98:1
RosterPerf.default 1497 1520 0.98:1
ImageMinimalPerf.default 226 233 0.97:1
TextAreaMinimalPerf.default 290 299 0.97:1
DatepickerMinimalPerf.default 3582 3740 0.96:1
SliderMinimalPerf.default 726 759 0.96:1
ChatDuplicateMessagesPerf.default 145 152 0.95:1
TableMinimalPerf.default 233 244 0.95:1
ListMinimalPerf.default 298 318 0.94:1
ListWith60ListItems.default 362 385 0.94:1
RefMinimalPerf.default 101 108 0.94:1
AttachmentMinimalPerf.default 77 83 0.93:1
ButtonMinimalPerf.default 91 106 0.86:1

@fabricteam
Copy link
Collaborator

🕵 FluentUIV0 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-accordion
Accordion (including children components)
88.26 kB
26.718 kB
react-alert
Alert
84.966 kB
22.022 kB
react-avatar
Avatar
47.713 kB
14.513 kB
react-avatar
AvatarGroup
15.695 kB
6.314 kB
react-avatar
AvatarGroupItem
63.889 kB
18.993 kB
react-badge
Badge
23.604 kB
7.272 kB
react-badge
CounterBadge
24.506 kB
7.574 kB
react-badge
PresenceBadge
22.227 kB
7.881 kB
react-button
Button
39.193 kB
9.743 kB
react-button
CompoundButton
46.661 kB
11.257 kB
react-button
MenuButton
43.527 kB
10.967 kB
react-button
SplitButton
51.732 kB
12.563 kB
react-button
ToggleButton
57.629 kB
11.645 kB
react-card
Card - All
89.36 kB
25.284 kB
react-card
Card
83.778 kB
23.685 kB
react-card
CardFooter
9.24 kB
3.907 kB
react-card
CardHeader
11.652 kB
4.741 kB
react-card
CardPreview
10.048 kB
4.254 kB
react-checkbox
Checkbox
33.198 kB
10.718 kB
react-combobox
Combobox (including child components)
87.173 kB
28.125 kB
react-combobox
Dropdown (including child components)
85.576 kB
27.723 kB
react-components
react-components: Button, FluentProvider & webLightTheme
67.576 kB
18.225 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
213.081 kB
59.115 kB
react-components
react-components: FluentProvider & webLightTheme
36.409 kB
12.003 kB
react-datepicker-compat
DatePicker Compat
223.368 kB
59.265 kB
react-dialog
Dialog (including children components)
92.736 kB
27.579 kB
react-divider
Divider
17.49 kB
6.364 kB
react-field
Field
18.148 kB
6.97 kB
react-image
Image
11.561 kB
4.637 kB
react-infobutton
InfoButton
131.335 kB
40.311 kB
react-infobutton
InfoLabel
134.94 kB
41.443 kB
react-input
Input
24.232 kB
7.781 kB
react-label
Label
10.186 kB
4.253 kB
react-link
Link
12.782 kB
5.247 kB
react-menu
Menu (including children components)
132.673 kB
40.613 kB
react-menu
Menu (including selectable components)
135.437 kB
41.106 kB
react-persona
Persona
55.267 kB
16.525 kB
react-popover
Popover
119.925 kB
36.895 kB
react-portal
Portal
11.935 kB
4.421 kB
react-portal-compat
PortalCompatProvider
6.48 kB
2.203 kB
react-progress
ProgressBar
13.941 kB
5.498 kB
react-provider
FluentProvider
18.129 kB
6.73 kB
react-radio
Radio
26.991 kB
8.626 kB
react-radio
RadioGroup
11.376 kB
4.763 kB
react-select
Select
24.929 kB
8.713 kB
react-slider
Slider
34.87 kB
11.178 kB
react-spinbutton
SpinButton
33.73 kB
10.337 kB
react-spinner
Spinner
21.77 kB
7.134 kB
react-switch
Switch
29.485 kB
9.228 kB
react-table
DataGrid
158.282 kB
43.276 kB
react-table
Table (Primitives only)
44.666 kB
12.442 kB
react-table
Table as DataGrid
132.365 kB
33.849 kB
react-table
Table (Selection only)
77.993 kB
19.245 kB
react-table
Table (Sort only)
76.978 kB
18.973 kB
react-tags-preview
InteractionTag
34.145 kB
9.188 kB
react-tags-preview
Tag
25.936 kB
8.483 kB
react-tags-preview
TagGroup
69.142 kB
20.294 kB
react-text
Text - Default
12.574 kB
4.982 kB
react-text
Text - Wrappers
15.726 kB
5.302 kB
react-textarea
Textarea
27.703 kB
9.126 kB
react-toast
Toast (including Toaster)
78.365 kB
23.67 kB
react-tooltip
Tooltip
47.463 kB
16.655 kB
🤖 This report was generated against f5b6134905e28c124b2dc34cc6bd286ca621de6a

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

@size-auditor
Copy link

size-auditor bot commented Jul 20, 2023

Asset size changes

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

Baseline commit: f5b6134905e28c124b2dc34cc6bd286ca621de6a (build)

@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 623 616 5000
Breadcrumb mount 1682 1660 1000
Checkbox mount 1677 1695 5000
CheckboxBase mount 1481 1476 5000
ChoiceGroup mount 2971 2914 5000
ComboBox mount 631 655 1000
CommandBar mount 6290 6319 1000
ContextualMenu mount 13254 13219 1000
DefaultButton mount 751 734 5000
DetailsRow mount 2214 2160 5000
DetailsRowFast mount 2192 2193 5000
DetailsRowNoStyles mount 2038 2001 5000
Dialog mount 2599 2610 1000
DocumentCardTitle mount 223 233 1000
Dropdown mount 1966 1993 5000
FocusTrapZone mount 1126 1133 5000
FocusZone mount 1075 1057 5000
GroupedList mount 41511 41356 2
GroupedList virtual-rerender 19892 19837 2
GroupedList virtual-rerender-with-unmount 50913 51402 2
GroupedListV2 mount 213 219 2
GroupedListV2 virtual-rerender 215 215 2
GroupedListV2 virtual-rerender-with-unmount 222 235 2
IconButton mount 1097 1122 5000
Label mount 336 333 5000
Layer mount 2735 2746 5000
Link mount 387 401 5000
MenuButton mount 950 934 5000
MessageBar mount 21644 21685 5000
Nav mount 1958 1982 1000
OverflowSet mount 771 775 5000
Panel mount 1814 1759 1000
Persona mount 714 767 1000
Pivot mount 874 869 1000
PrimaryButton mount 826 852 5000
Rating mount 4620 4569 5000
SearchBox mount 889 914 5000
Shimmer mount 1881 1904 5000
Slider mount 1337 1342 5000
SpinButton mount 2901 2892 5000
Spinner mount 375 378 5000
SplitButton mount 1857 1832 5000
Stack mount 416 403 5000
StackWithIntrinsicChildren mount 876 854 5000
StackWithTextChildren mount 2650 2651 5000
SwatchColorPicker mount 6196 6218 5000
TagPicker mount 1462 1483 5000
Text mount 370 381 5000
TextField mount 921 926 5000
ThemeProvider mount 830 835 5000
ThemeProvider virtual-rerender 589 597 5000
ThemeProvider virtual-rerender-with-unmount 1237 1256 5000
Toggle mount 592 631 5000
buttonNative mount 191 191 5000

@Hotell Hotell merged commit d803aee into microsoft:master Jul 20, 2023
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jul 25, 2023
* master: (32 commits)
  chore: remove @fluentui/bundle-size (microsoft#28601)
  Breadcrumb UI adjustments (microsoft#28578)
  feat(tools): re-generate react-components.api.md when preparing 1st stable release (microsoft#28561)
  perf(tools): make dependency-mismatch execution 90% faster and ignore */>=9.0.0-alpha versions (microsoft#28597)
  Table/DataGrid: keyboard resizing improvements (microsoft#28493)
  docs(react-tooltip): Add info icon + tooltip story to Tooltip stories (microsoft#28611)
  chore: Updating @fluentui/react-icons to version 2.0.207 (microsoft#28590)
  feat: allSelectedRows and someSelectedRows should be more reliable (microsoft#28577)
  add vr test to react-tags (microsoft#28484)
  applying package updates
  chore: migrate to monosize (microsoft#26826)
  fix(react-conformance): add @swc/helpers to deps instead of tslib as we use swc for transpilation (microsoft#28599)
  fix: MenuItem content should be spaced 12px from the boundary (microsoft#28162)
  feat: implements selection (microsoft#28497)
  bugfix: moves handleBackdropClick from defaultProps to an override (microsoft#28579)
  Fix empty CSS creation (microsoft#28566)
  chore: replace plop with nx within create-* aliases in root package.json (microsoft#28575)
  applying package updates
  fix: High contrast mode hover style icon fixes in react-button components (microsoft#28156)
  SplitButton: updated border right token for primary variant (microsoft#28555)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dependencies Pull requests that update a dependency file Fluent UI react-components (v9)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants