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

chore: update Typescript target to ES2020 for v9 #34035

Draft
wants to merge 7 commits into
base: master
Choose a base branch
from

Conversation

TristanWatanabe
Copy link
Member

Previous Behavior

New Behavior

Related Issue(s)

  • Fixes #

Copy link

github-actions bot commented Mar 19, 2025

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
priority-overflow
createOverflowManager
4.481 kB
1.864 kB
4.341 kB
1.801 kB
-140 B
-63 B
react
ExtendedPicker
96.873 kB
27.893 kB
96.873 kB
27.892 kB

-1 B
react
FloatingPicker
242.388 kB
69.002 kB
242.388 kB
69.003 kB

1 B
react
Fluent UI React (entire library)
1.018 MB
282.948 kB
1.018 MB
282.95 kB

2 B
react
SelectedItemsList
232.878 kB
67.891 kB
232.878 kB
67.893 kB

2 B
react-accordion
Accordion (including children components)
106.976 kB
32.812 kB
106.343 kB
32.675 kB
-633 B
-137 B
react-avatar
Avatar
49.329 kB
15.824 kB
48.926 kB
15.706 kB
-403 B
-118 B
react-avatar
AvatarGroup
20.132 kB
7.976 kB
19.985 kB
7.925 kB
-147 B
-51 B
react-avatar
AvatarGroupItem
63.473 kB
20.043 kB
63.08 kB
19.933 kB
-393 B
-110 B
react-badge
Badge
25.98 kB
8.602 kB
25.833 kB
8.548 kB
-147 B
-54 B
react-badge
CounterBadge
26.759 kB
8.879 kB
26.612 kB
8.825 kB
-147 B
-54 B
react-badge
PresenceBadge
25.745 kB
9.463 kB
25.598 kB
9.408 kB
-147 B
-55 B
react-breadcrumb
@fluentui/react-breadcrumb - package
114.719 kB
31.752 kB
114.195 kB
31.651 kB
-524 B
-101 B
react-button
Button
37.602 kB
10.858 kB
37.367 kB
10.782 kB
-235 B
-76 B
react-button
CompoundButton
44.016 kB
12.162 kB
43.707 kB
12.064 kB
-309 B
-98 B
react-button
MenuButton
42.417 kB
12.209 kB
42.166 kB
12.12 kB
-251 B
-89 B
react-button
SplitButton
50.482 kB
13.776 kB
50.188 kB
13.686 kB
-294 B
-90 B
react-button
ToggleButton
53.535 kB
12.631 kB
53.286 kB
12.534 kB
-249 B
-97 B
react-calendar-compat
Calendar Compat
150.095 kB
40.026 kB
149.029 kB
39.797 kB
-1.066 kB
-229 B
react-card
Card - All
102.031 kB
28.833 kB
101.459 kB
28.73 kB
-572 B
-103 B
react-card
Card
94.677 kB
26.996 kB
94.294 kB
26.93 kB
-383 B
-66 B
react-card
CardFooter
14.56 kB
5.874 kB
14.413 kB
5.824 kB
-147 B
-50 B
react-card
CardHeader
17.093 kB
6.745 kB
16.773 kB
6.637 kB
-320 B
-108 B
react-card
CardPreview
14.626 kB
6 kB
14.443 kB
5.934 kB
-183 B
-66 B
react-checkbox
Checkbox
35.144 kB
12.085 kB
34.687 kB
11.979 kB
-457 B
-106 B
react-color-picker
ColorArea
50.206 kB
17.662 kB
49.924 kB
17.596 kB
-282 B
-66 B
react-color-picker
ColorPicker
18.848 kB
7.503 kB
18.694 kB
7.448 kB
-154 B
-55 B
react-color-picker
ColorSlider
42.392 kB
15.711 kB
42.19 kB
15.644 kB
-202 B
-67 B
react-combobox
Combobox (including child components)
106.021 kB
34.634 kB
103.565 kB
34.066 kB
-2.456 kB
-568 B
react-combobox
Dropdown (including child components)
106.645 kB
34.567 kB
104.335 kB
34.058 kB
-2.31 kB
-509 B
react-components
react-components: Button, FluentProvider & webLightTheme
69.638 kB
20.24 kB
69.07 kB
20.078 kB
-568 B
-162 B
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
225.293 kB
65.216 kB
221.874 kB
64.488 kB
-3.419 kB
-728 B
react-components
react-components: FluentProvider & webLightTheme
44.473 kB
14.597 kB
44.051 kB
14.487 kB
-422 B
-110 B
react-components
react-components: entire library
1.224 MB
308.493 kB
1.206 MB
303.938 kB
-18.227 kB
-4.555 kB
react-datepicker-compat
DatePicker Compat
225.993 kB
64.072 kB
223.155 kB
63.412 kB
-2.838 kB
-660 B
react-dialog
Dialog (including children components)
101.099 kB
30.381 kB
100.226 kB
30.201 kB
-873 B
-180 B
react-divider
Divider
21.354 kB
7.963 kB
21.177 kB
7.901 kB
-177 B
-62 B
react-field
Field
23.425 kB
8.905 kB
22.887 kB
8.75 kB
-538 B
-155 B
react-image
Image
15.386 kB
6.243 kB
15.239 kB
6.198 kB
-147 B
-45 B
react-input
Input
28.04 kB
9.451 kB
27.654 kB
9.336 kB
-386 B
-115 B
react-jsx-runtime
Classic Pragma
1.057 kB
530 B
1.037 kB
516 B
-20 B
-14 B
react-jsx-runtime
JSX Dev Runtime
3.771 kB
1.643 kB
3.751 kB
1.638 kB
-20 B
-5 B
react-jsx-runtime
JSX Runtime
4.367 kB
1.874 kB
4.347 kB
1.869 kB
-20 B
-5 B
react-label
Label
14.697 kB
5.999 kB
14.55 kB
5.952 kB
-147 B
-47 B
react-link
Link
17.625 kB
7.146 kB
17.417 kB
7.076 kB
-208 B
-70 B
react-list
List
89.19 kB
26.607 kB
88.797 kB
26.52 kB
-393 B
-87 B
react-list
ListItem
112.691 kB
33.41 kB
111.947 kB
33.269 kB
-744 B
-141 B
react-menu
Menu (including children components)
155.638 kB
46.887 kB
153.204 kB
46.444 kB
-2.434 kB
-443 B
react-menu
Menu (including selectable components)
158.62 kB
47.484 kB
156.006 kB
46.974 kB
-2.614 kB
-510 B
react-message-bar
MessageBar (all components)
24.904 kB
9.273 kB
24.191 kB
9.094 kB
-713 B
-179 B
react-motion
@fluentui/react-motion - createMotionComponent()
4.506 kB
1.967 kB
4.243 kB
1.874 kB
-263 B
-93 B
react-motion
@fluentui/react-motion - createPresenceComponent()
5.189 kB
2.274 kB
4.92 kB
2.176 kB
-269 B
-98 B
react-motion
@fluentui/react-motion - PresenceGroup
1.714 kB
819 B
1.684 kB
800 B
-30 B
-19 B
react-overflow
hooks only
12.832 kB
4.828 kB
12.579 kB
4.742 kB
-253 B
-86 B
react-persona
Persona
56.22 kB
17.704 kB
55.817 kB
17.593 kB
-403 B
-111 B
react-popover
Popover
131.072 kB
41.023 kB
129.092 kB
40.663 kB
-1.98 kB
-360 B
react-portal
Portal
14.563 kB
5.118 kB
14.312 kB
5.046 kB
-251 B
-72 B
react-portal-compat
PortalCompatProvider
8.39 kB
2.64 kB
8.216 kB
2.588 kB
-174 B
-52 B
react-positioning
usePositioning
28.166 kB
10.056 kB
27.548 kB
9.883 kB
-618 B
-173 B
react-progress
ProgressBar
17.11 kB
6.899 kB
16.871 kB
6.84 kB
-239 B
-59 B
react-provider
FluentProvider
24.649 kB
8.902 kB
24.227 kB
8.79 kB
-422 B
-112 B
react-radio
Radio
32.698 kB
10.351 kB
32.429 kB
10.285 kB
-269 B
-66 B
react-radio
RadioGroup
15.788 kB
6.431 kB
15.312 kB
6.295 kB
-476 B
-136 B
react-select
Select
27.758 kB
10.131 kB
27.372 kB
10.015 kB
-386 B
-116 B
react-slider
Slider
37.994 kB
12.723 kB
37.602 kB
12.618 kB
-392 B
-105 B
react-spinbutton
SpinButton
35.24 kB
11.754 kB
34.715 kB
11.597 kB
-525 B
-157 B
react-spinner
Spinner
25.271 kB
8.547 kB
24.993 kB
8.472 kB
-278 B
-75 B
react-swatch-picker
@fluentui/react-swatch-picker - package
105.112 kB
30.526 kB
104.463 kB
30.362 kB
-649 B
-164 B
react-switch
Switch
35.345 kB
11.322 kB
34.868 kB
11.209 kB
-477 B
-113 B
react-table
DataGrid
160.994 kB
45.684 kB
158.387 kB
45.137 kB
-2.607 kB
-547 B
react-table
Table (Primitives only)
42.692 kB
13.862 kB
41.868 kB
13.674 kB
-824 B
-188 B
react-table
Table as DataGrid
131.895 kB
36.579 kB
130.497 kB
36.269 kB
-1.398 kB
-310 B
react-table
Table (Selection only)
70.562 kB
20.007 kB
69.278 kB
19.683 kB
-1.284 kB
-324 B
react-table
Table (Sort only)
69.205 kB
19.618 kB
68.061 kB
19.344 kB
-1.144 kB
-274 B
react-tag-picker
@fluentui/react-tag-picker - package
186.441 kB
56.041 kB
183.583 kB
55.443 kB
-2.858 kB
-598 B
react-tags
InteractionTag
15.461 kB
6.224 kB
15.239 kB
6.147 kB
-222 B
-77 B
react-tags
Tag
29.849 kB
9.732 kB
29.526 kB
9.632 kB
-323 B
-100 B
react-tags
TagGroup
83.532 kB
24.803 kB
83.125 kB
24.729 kB
-407 B
-74 B
react-teaching-popover
TeachingPopover
101.379 kB
30.47 kB
99.912 kB
30.21 kB
-1.467 kB
-260 B
react-text
Text - Default
17.087 kB
6.731 kB
16.882 kB
6.655 kB
-205 B
-76 B
react-text
Text - Wrappers
20.268 kB
7.055 kB
20.121 kB
7 kB
-147 B
-55 B
react-textarea
Textarea
26.607 kB
9.762 kB
26.221 kB
9.643 kB
-386 B
-119 B
react-timepicker-compat
TimePicker
109.01 kB
36.221 kB
106.324 kB
35.558 kB
-2.686 kB
-663 B
react-toast
Toast (including Toaster)
101.201 kB
30.45 kB
99.073 kB
30.014 kB
-2.128 kB
-436 B
react-tooltip
Tooltip
57.153 kB
19.948 kB
55.702 kB
19.618 kB
-1.451 kB
-330 B
react-tree
FlatTree
147.751 kB
42.374 kB
145.377 kB
41.851 kB
-2.374 kB
-523 B
react-tree
PersonaFlatTree
148.496 kB
42.517 kB
146.122 kB
41.995 kB
-2.374 kB
-522 B
react-tree
PersonaTree
144.707 kB
41.371 kB
142.557 kB
40.915 kB
-2.15 kB
-456 B
react-tree
Tree
143.968 kB
41.245 kB
141.818 kB
40.783 kB
-2.15 kB
-462 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
510 B
328 B
global-context
createContextSelector
537 B
339 B
keyboard-keys
Multiple keyCodes
50 B
70 B
keyboard-keys
Multiple keys
87 B
94 B
keyboard-keys
Single key
44 B
64 B
keyboard-keys
Single keyCode
39 B
59 B
react
ActivityItem
71.236 kB
23.357 kB
react
Announced
38.489 kB
13.296 kB
react
Autofill
15.42 kB
4.766 kB
react
Breadcrumb
202.318 kB
60.388 kB
react
Button
195.791 kB
56.627 kB
react
ButtonGrid
180.722 kB
54.627 kB
react
Calendar
121.875 kB
37.024 kB
react
Callout
84.323 kB
27.64 kB
react
Check
53.204 kB
17.848 kB
react
Checkbox
59.985 kB
19.903 kB
react
ChoiceGroup
65.494 kB
21.489 kB
react
ChoiceGroupOption
58.767 kB
19.362 kB
react
Coachmark
93.121 kB
29.414 kB
react
Color
7.789 kB
3.127 kB
react
ColorPicker
135.292 kB
42.21 kB
react
ComboBox
252.24 kB
72.304 kB
react
CommandBar
203.359 kB
60.141 kB
react
ContextualMenu
155.243 kB
48.202 kB
react
DatePicker
184.295 kB
56.15 kB
react
DateTimeUtilities
5.244 kB
1.849 kB
react
DetailsList
229.909 kB
65.781 kB
react
Dialog
211.717 kB
63.165 kB
react
Divider
19.603 kB
6.845 kB
react
DocumentCard
217.336 kB
64.44 kB
react
DragDrop
8.343 kB
2.724 kB
react
DraggableZone
34.303 kB
11.511 kB
react
Dropdown
234.695 kB
68.743 kB
react
Fabric
41.745 kB
14.366 kB
react
Facepile
210.893 kB
63.167 kB
react
FocusTrapZone
17.023 kB
5.911 kB
react
FocusZone
55.159 kB
17.492 kB
react
Grid
180.722 kB
54.627 kB
react
GroupedList
135.07 kB
40.7 kB
react
GroupedListV2
122.687 kB
37.788 kB
react
HoverCard
97.16 kB
30.787 kB
react
Icon
51.885 kB
17.272 kB
react
Icons
66.361 kB
24.396 kB
react
Image
46.904 kB
15.707 kB
react
Keytip
81.693 kB
26.766 kB
react
KeytipData
14.032 kB
4.582 kB
react
KeytipLayer
103.478 kB
32.006 kB
react
Keytips
106.242 kB
33.002 kB
react
Label
38.347 kB
13.257 kB
react
Layer
48.099 kB
16.367 kB
react
Link
39.682 kB
13.67 kB
react
List
39.371 kB
12.463 kB
react
MarqueeSelection
74.517 kB
22.433 kB
react
MessageBar
190.869 kB
57.103 kB
react
Modal
93.738 kB
30.271 kB
react
Nav
188.306 kB
56.485 kB
react
OverflowSet
33.385 kB
11.314 kB
react
Overlay
40.902 kB
14.095 kB
react
Panel
201.808 kB
60.106 kB
react
Persona
114.948 kB
36.532 kB
react
PersonaCoin
114.948 kB
36.532 kB
react
PersonaPresence
58.074 kB
19.384 kB
react
Pickers
299.046 kB
83.653 kB
react
Pivot
189.226 kB
57.267 kB
react
Popup
12.294 kB
4.195 kB
react
Positioning
22.807 kB
7.701 kB
react
PositioningContainer
73.827 kB
23.758 kB
react
ProgressIndicator
39.494 kB
13.55 kB
react
Rating
82.12 kB
26.127 kB
react
ResizeGroup
13.338 kB
4.377 kB
react
ResponsiveMode
8.13 kB
2.966 kB
react
ScrollablePane
55.557 kB
17.728 kB
react
SearchBox
189.118 kB
56.68 kB
react
SelectableOption
724 B
413 B
react
Selection
42.444 kB
12.278 kB
react
Separator
35.384 kB
12.146 kB
react
Shimmer
49.259 kB
16.268 kB
react
ShimmeredDetailsList
240.691 kB
68.532 kB
react
Slider
57.651 kB
19.217 kB
react
SpinButton
192.821 kB
57.775 kB
react
Spinner
41.775 kB
14.48 kB
react
Stack
42.074 kB
14.405 kB
react
Sticky
32.599 kB
10.504 kB
react
Styling
46.033 kB
15.135 kB
react
SwatchColorPicker
191.136 kB
58.151 kB
react
TeachingBubble
206.139 kB
61.063 kB
react
Text
36.908 kB
12.822 kB
react
TextField
80.79 kB
25.315 kB
react
Theme
43.493 kB
14.173 kB
react
ThemeGenerator
12.392 kB
4.126 kB
react
TimePicker
242.051 kB
70.061 kB
react
Toggle
46.225 kB
15.986 kB
react
Tooltip
87.437 kB
28.26 kB
react
Utilities
82.931 kB
25.148 kB
react
Viewport
23.888 kB
7.656 kB
react
WeeklyDayPicker
102.017 kB
31.834 kB
react
WindowProvider
1.059 kB
541 B
react-aria
ARIA - Default
237 B
181 B
react-northstar
Accordion
85.406 kB
26.542 kB
react-northstar
Alert
87.463 kB
26.931 kB
react-northstar
Animation
55.343 kB
17.839 kB
react-northstar
Attachment
86.851 kB
26.721 kB
react-northstar
Avatar
80.276 kB
24.64 kB
react-northstar
Box
75.245 kB
23.819 kB
react-northstar
Breadcrumb
79.92 kB
24.723 kB
react-northstar
Button
83.161 kB
25.967 kB
react-northstar
Card
82.705 kB
25.047 kB
react-northstar
Carousel
105.2 kB
31.902 kB
react-northstar
Chat
154.119 kB
46.93 kB
react-northstar
Checkbox
79.808 kB
25.096 kB
react-northstar
Datepicker
186.672 kB
57.026 kB
react-northstar
Debug
8.8 kB
3.595 kB
react-northstar
Design
36.595 kB
12.073 kB
react-northstar
Dialog
112.07 kB
33.637 kB
react-northstar
Divider
76.616 kB
24.141 kB
react-northstar
Dropdown
198.27 kB
60.275 kB
react-northstar
Embed
81.479 kB
25.443 kB
react-northstar
Flex
47.728 kB
15.451 kB
react-northstar
Form
92.537 kB
28.908 kB
react-northstar
Grid
70.581 kB
22.289 kB
react-northstar
Header
74.753 kB
23.477 kB
react-northstar
Image
73.588 kB
23.34 kB
react-northstar
Input
88.35 kB
27.801 kB
react-northstar
ItemLayout
78.253 kB
24.484 kB
react-northstar
Label
77.917 kB
24.422 kB
react-northstar
Layout
75.404 kB
23.819 kB
react-northstar
List
88.493 kB
27.569 kB
react-northstar
Loader
78.617 kB
24.749 kB
react-northstar
Menu
128.605 kB
40.751 kB
react-northstar
MenuButton
163.013 kB
49.642 kB
react-northstar
Pill
83.719 kB
26.084 kB
react-northstar
Popup
135.32 kB
42.278 kB
react-northstar
Portal
58.33 kB
18.854 kB
react-northstar
Provider
93.14 kB
29.653 kB
react-northstar
RadioGroup
83.286 kB
26.072 kB
react-northstar
Reaction
77.281 kB
24.147 kB
react-northstar
Segment
76.206 kB
23.911 kB
react-northstar
Skeleton
77.762 kB
24.214 kB
react-northstar
Slider
84.28 kB
26.775 kB
react-northstar
SplitButton
178.255 kB
53.474 kB
react-northstar
Status
76.269 kB
24.065 kB
react-northstar
SvgIcon
36.817 kB
11.753 kB
react-northstar
Table
80.8 kB
25.172 kB
react-northstar
Text
74.111 kB
23.524 kB
react-northstar
TextArea
74.245 kB
23.507 kB
react-northstar
Toolbar
175.072 kB
52.868 kB
react-northstar
Tooltip
109.976 kB
35.257 kB
react-northstar
Tree
87.854 kB
27.236 kB
react-northstar
Video
75.411 kB
23.808 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
35.835 kB
7.512 kB
react-theme
Teams: Light theme
19.794 kB
5.602 kB
react-utilities
SSRProvider
180 B
160 B
🤖 This report was generated against 5c27deee413ce9c79c5e4a06358828877278ea44

Copy link

Pull request demo site: URL

@TristanWatanabe TristanWatanabe changed the title chore: update Typescript target to ES2020 chore: update Typescript target to ES2020 for v9 Mar 19, 2025
@@ -0,0 +1,7 @@
{
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual regressions to review in the fluentui-web-components-v3 Visual Regression Report

Avatar 1 screenshots
Image Name Diff(in Pixels) Image Type
Avatar. - Dark Mode.normal.chromium.png 10569 Changed
Badge 1 screenshots
Image Name Diff(in Pixels) Image Type
Badge. - Dark Mode.normal.chromium.png 511 Changed
Checkbox 1 screenshots
Image Name Diff(in Pixels) Image Type
Checkbox. - Dark Mode.normal.chromium_1.png 3 Changed
MenuList 2 screenshots
Image Name Diff(in Pixels) Image Type
MenuList. - RTL.2nd selected.chromium.png 17 Changed
MenuList. - RTL.normal.chromium_1.png 39102 Changed

@fabricteam
Copy link
Collaborator

🕵 FluentUIV0 No visual regressions between this PR and main

@@ -0,0 +1,7 @@
{
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual regressions to review in the fluentuiv8 Visual Regression Report

Callout 1 screenshots
Image Name Diff(in Pixels) Image Type
Callout.Bottom center.default.chromium.png 2146 Changed
react-charting-LineChart 1 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-LineChart.Gaps.default.chromium.png 1 Changed
react-charting-VerticalBarChart 1 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-VerticalBarChart.Basic - Secondary Y Axis.default.chromium.png 4 Changed

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants