Skip to content

Conversation

@mainframev
Copy link
Contributor

@mainframev mainframev commented Oct 29, 2025

This pull request updates multiple Fluent UI packages by migrating their linting configuration to use the new ESLint flat config format

partially implements #32289

@github-actions
Copy link

github-actions bot commented Oct 29, 2025

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: entire library
1.279 MB
321.377 kB
1.279 MB
321.375 kB
-9 B
-2 B
react-spinbutton
SpinButton
34.485 kB
11.455 kB
34.476 kB
11.452 kB
-9 B
-3 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
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
priority-overflow
createOverflowManager
4.457 kB
1.832 kB
react
ActivityItem
71.22 kB
23.347 kB
react
Announced
38.472 kB
13.275 kB
react
Autofill
15.42 kB
4.766 kB
react
Breadcrumb
200.805 kB
59.601 kB
react
Button
194.354 kB
55.886 kB
react
ButtonGrid
179.242 kB
53.891 kB
react
Calendar
121.162 kB
36.83 kB
react
Callout
84.299 kB
27.593 kB
react
Check
53.206 kB
17.835 kB
react
Checkbox
59.978 kB
19.874 kB
react
ChoiceGroup
65.488 kB
21.465 kB
react
ChoiceGroupOption
58.769 kB
19.353 kB
react
Coachmark
92.7 kB
29.305 kB
react
Color
7.789 kB
3.127 kB
react
ColorPicker
134.97 kB
42.125 kB
react
ComboBox
250.687 kB
71.515 kB
react
CommandBar
201.861 kB
59.387 kB
react
ContextualMenu
154.229 kB
47.566 kB
react
DatePicker
183.251 kB
55.892 kB
react
DateTimeUtilities
5.244 kB
1.849 kB
react
DetailsList
229.929 kB
65.81 kB
react
Dialog
210.16 kB
62.358 kB
react
Divider
19.588 kB
6.84 kB
react
DocumentCard
215.843 kB
63.666 kB
react
DragDrop
8.343 kB
2.724 kB
react
DraggableZone
34.28 kB
11.488 kB
react
Dropdown
233.151 kB
67.962 kB
react
ExtendedPicker
96.823 kB
27.866 kB
react
Fabric
41.728 kB
14.343 kB
react
Facepile
209.377 kB
62.375 kB
react
FloatingPicker
240.865 kB
68.222 kB
react
FocusTrapZone
16.99 kB
5.891 kB
react
FocusZone
55.1 kB
17.451 kB
react
Grid
179.242 kB
53.891 kB
react
GroupedList
135.035 kB
40.67 kB
react
GroupedListV2
122.659 kB
37.758 kB
react
HoverCard
96.784 kB
30.688 kB
react
Icon
51.887 kB
17.263 kB
react
Icons
66.339 kB
24.385 kB
react
Image
46.901 kB
15.695 kB
react
Keytip
81.301 kB
26.677 kB
react
KeytipData
14.05 kB
4.583 kB
react
KeytipLayer
103.089 kB
31.9 kB
react
Keytips
105.873 kB
32.904 kB
react
Label
38.324 kB
13.241 kB
react
Layer
48.089 kB
16.348 kB
react
Link
39.665 kB
13.653 kB
react
List
39.346 kB
12.454 kB
react
MarqueeSelection
74.49 kB
22.402 kB
react
MessageBar
189.388 kB
56.33 kB
react
Modal
93.738 kB
30.223 kB
react
Nav
186.825 kB
55.723 kB
react
OverflowSet
33.354 kB
11.282 kB
react
Overlay
40.885 kB
14.077 kB
react
Panel
200.327 kB
59.336 kB
react
Persona
114.591 kB
36.435 kB
react
PersonaCoin
114.591 kB
36.435 kB
react
PersonaPresence
58.076 kB
19.372 kB
react
Pickers
297.91 kB
82.996 kB
react
Pivot
187.734 kB
56.5 kB
react
Popup
12.312 kB
4.197 kB
react
Positioning
22.764 kB
7.683 kB
react
PositioningContainer
73.445 kB
23.685 kB
react
ProgressIndicator
39.477 kB
13.528 kB
react
Rating
82.086 kB
26.09 kB
react
Fluent UI React (entire library)
1.019 MB
283.18 kB
react
ResizeGroup
13.35 kB
4.379 kB
react
ResponsiveMode
8.13 kB
2.966 kB
react
ScrollablePane
55.541 kB
17.718 kB
react
SearchBox
187.63 kB
55.936 kB
react
SelectableOption
724 B
413 B
react
SelectedItemsList
231.35 kB
67.176 kB
react
Selection
42.418 kB
12.26 kB
react
Separator
35.365 kB
12.132 kB
react
Shimmer
49.249 kB
16.258 kB
react
ShimmeredDetailsList
240.71 kB
68.549 kB
react
Slider
57.627 kB
19.198 kB
react
SpinButton
191.297 kB
57.006 kB
react
Spinner
41.759 kB
14.468 kB
react
Stack
42.03 kB
14.386 kB
react
Sticky
32.577 kB
10.488 kB
react
Styling
46.033 kB
15.135 kB
react
SwatchColorPicker
189.637 kB
57.417 kB
react
TeachingBubble
204.639 kB
60.311 kB
react
Text
36.886 kB
12.806 kB
react
TextField
80.798 kB
25.308 kB
react
Theme
43.486 kB
14.168 kB
react
ThemeGenerator
12.384 kB
4.116 kB
react
TimePicker
240.515 kB
69.311 kB
react
Toggle
46.201 kB
15.957 kB
react
Tooltip
87.073 kB
28.151 kB
react
Utilities
82.938 kB
25.15 kB
react
Viewport
23.872 kB
7.642 kB
react
WeeklyDayPicker
101.348 kB
31.644 kB
react
WindowProvider
1.059 kB
541 B
react-accordion
Accordion (including children components)
108.262 kB
33.154 kB
react-aria
ARIA - Default
237 B
181 B
react-avatar
Avatar
48.572 kB
15.53 kB
react-avatar
AvatarGroup
19.252 kB
7.618 kB
react-avatar
AvatarGroupItem
62.716 kB
19.749 kB
react-badge
Badge
25.106 kB
8.258 kB
react-badge
CounterBadge
25.886 kB
8.532 kB
react-badge
PresenceBadge
24.987 kB
9.165 kB
react-breadcrumb
@fluentui/react-breadcrumb - package
114.247 kB
31.553 kB
react-button
Button
36.722 kB
10.51 kB
react-button
CompoundButton
43.134 kB
11.814 kB
react-button
MenuButton
41.659 kB
11.918 kB
react-button
SplitButton
49.719 kB
13.498 kB
react-button
ToggleButton
52.653 kB
12.287 kB
react-calendar-compat
Calendar Compat
149.957 kB
39.99 kB
react-card
Card - All
106.036 kB
29.803 kB
react-card
Card
98.682 kB
27.928 kB
react-card
CardFooter
13.679 kB
5.519 kB
react-card
CardHeader
16.212 kB
6.382 kB
react-card
CardPreview
13.746 kB
5.646 kB
react-charting
AreaChart
299.477 kB
92.893 kB
react-charting
ChartHoverCard
37.196 kB
12.7 kB
react-charting
DeclarativeChart
646.215 kB
181.927 kB
react-charting
DonutChart
192.178 kB
60.145 kB
react-charting
GanttChart
278.903 kB
86.752 kB
react-charting
GaugeChart
192.697 kB
59.722 kB
react-charting
GroupedVerticalBarChart
290.597 kB
89.743 kB
react-charting
HeatMapChart
281.829 kB
87.426 kB
react-charting
HorizontalBarChart
127.238 kB
39.931 kB
react-charting
HorizontalBarChartWithAxis
288.62 kB
88.725 kB
react-charting
Legends
151.066 kB
46.245 kB
react-charting
LineChart
329.007 kB
99.864 kB
react-charting
MultiStackedBarChart
181.242 kB
55.075 kB
react-charting
PieChart
134.239 kB
42.282 kB
react-charting
SankeyChart
147.46 kB
45.913 kB
react-charting
ScatterChart
285.222 kB
89.094 kB
react-charting
Sparkline
87.616 kB
29.671 kB
react-charting
StackedBarChart
174.923 kB
52.655 kB
react-charting
TreeChart
84.809 kB
26.636 kB
react-charting
VerticalBarChart
301.006 kB
91.22 kB
react-charting
VerticalStackedBarChart
296.876 kB
90.709 kB
react-charts
AreaChart
387.419 kB
118.103 kB
react-charts
DeclarativeChart
696.68 kB
200.695 kB
react-charts
DonutChart
297.014 kB
88.733 kB
react-charts
FunnelChart
288.17 kB
85.633 kB
react-charts
GanttChart
368.931 kB
111.133 kB
react-charts
GaugeChart
311.789 kB
92.389 kB
react-charts
GroupedVerticalBarChart
376.957 kB
113.671 kB
react-charts
HeatMapChart
370.9 kB
112.701 kB
react-charts
HorizontalBarChart
296.414 kB
87.291 kB
react-charts
HorizontalBarChartWithAxis
63 B
83 B
react-charts
Legends
235.149 kB
69.572 kB
react-charts
LineChart
396.643 kB
119.593 kB
react-charts
SankeyChart
199.145 kB
61.216 kB
react-charts
ScatterChart
376.474 kB
113.624 kB
react-charts
Sparkline
91.098 kB
28.693 kB
react-charts
VerticalBarChart
411.471 kB
119.191 kB
react-charts
VerticalStackedBarChart
383.287 kB
115.032 kB
react-checkbox
Checkbox
34.431 kB
11.803 kB
react-color-picker
ColorArea
49.337 kB
17.321 kB
react-color-picker
ColorPicker
17.967 kB
7.145 kB
react-color-picker
ColorSlider
41.51 kB
15.377 kB
react-combobox
Combobox (including child components)
106.982 kB
34.8 kB
react-combobox
Dropdown (including child components)
107.612 kB
34.724 kB
react-components
react-components: Button, FluentProvider & webLightTheme
68.813 kB
19.905 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
236.652 kB
68.58 kB
react-components
react-components: FluentProvider & webLightTheme
43.647 kB
14.259 kB
react-datepicker-compat
DatePicker Compat
226.831 kB
64.143 kB
react-dialog
Dialog (including children components)
103.742 kB
30.963 kB
react-divider
Divider
20.643 kB
7.656 kB
react-field
Field
22.714 kB
8.606 kB
react-image
Image
14.49 kB
5.922 kB
react-input
Input
27.165 kB
9.11 kB
react-jsx-runtime
Classic Pragma
1.101 kB
550 B
react-jsx-runtime
JSX Dev Runtime
2.8 kB
1.251 kB
react-jsx-runtime
JSX Runtime
3.422 kB
1.493 kB
react-label
Label
13.816 kB
5.645 kB
react-link
Link
16.763 kB
6.786 kB
react-list
List
88.914 kB
26.39 kB
react-list
ListItem
112.496 kB
33.256 kB
react-menu
Menu (including children components)
165.378 kB
50.096 kB
react-menu
Menu (including selectable components)
168.36 kB
50.67 kB
react-message-bar
MessageBar (all components)
24.174 kB
8.984 kB
react-motion
@fluentui/react-motion - createMotionComponent()
4.109 kB
1.806 kB
react-motion
@fluentui/react-motion - createPresenceComponent()
5.771 kB
2.396 kB
react-motion
@fluentui/react-motion - PresenceGroup
1.727 kB
823 B
react-overflow
hooks only
12.869 kB
4.807 kB
react-persona
Persona
55.463 kB
17.411 kB
react-popover
Popover
132.276 kB
41.167 kB
react-portal
Portal
15.395 kB
5.377 kB
react-portal-compat
PortalCompatProvider
8.386 kB
2.624 kB
react-positioning
usePositioning
28.865 kB
10.146 kB
react-positioning
useSafeZoneArea
12.29 kB
4.967 kB
react-progress
ProgressBar
16.61 kB
6.615 kB
react-provider
FluentProvider
23.823 kB
8.559 kB
react-radio
Radio
31.817 kB
10.007 kB
react-radio
RadioGroup
14.906 kB
6.091 kB
react-select
Select
27.004 kB
9.85 kB
react-slider
Slider
37.228 kB
12.463 kB
react-spinner
Spinner
24.413 kB
8.203 kB
react-swatch-picker
@fluentui/react-swatch-picker - package
106.074 kB
30.563 kB
react-switch
Switch
34.567 kB
11.014 kB
react-table
DataGrid
161.193 kB
45.568 kB
react-table
Table (Primitives only)
41.992 kB
13.576 kB
react-table
Table as DataGrid
131.516 kB
36.36 kB
react-table
Table (Selection only)
69.904 kB
19.72 kB
react-table
Table (Sort only)
68.547 kB
19.334 kB
react-tag-picker
@fluentui/react-tag-picker - package
188.352 kB
56.465 kB
react-tags
InteractionTag
14.578 kB
5.866 kB
react-tags
Tag
30.43 kB
9.803 kB
react-tags
TagGroup
83.117 kB
24.564 kB
react-teaching-popover
TeachingPopover
102.752 kB
30.741 kB
react-text
Text - Default
16.207 kB
6.368 kB
react-text
Text - Wrappers
19.367 kB
6.696 kB
react-textarea
Textarea
25.547 kB
9.363 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
36.081 kB
7.658 kB
react-theme
Teams: Light theme
20.025 kB
5.723 kB
react-timepicker-compat
TimePicker
109.948 kB
36.338 kB
react-toast
Toast (including Toaster)
103.339 kB
30.971 kB
react-tooltip
Tooltip
58.019 kB
20.119 kB
react-tree
FlatTree
149.09 kB
42.662 kB
react-tree
PersonaFlatTree
149.848 kB
42.793 kB
react-tree
PersonaTree
146.113 kB
41.654 kB
react-tree
Tree
145.363 kB
41.53 kB
react-utilities
SSRProvider
180 B
160 B
🤖 This report was generated against b7b0b5f5eec9d1ef0310a393653b6e19ab94b7bc

@mainframev mainframev force-pushed the chore/migrate-to-eslint-flat-configs branch 2 times, most recently from 4716d92 to 5897acd Compare October 31, 2025 00:37
@github-actions
Copy link

Pull request demo site: URL

@mainframev mainframev force-pushed the chore/migrate-to-eslint-flat-configs branch from 5897acd to 7d55897 Compare November 3, 2025 13:19
"@fluentui/scripts-storybook": "*",
"@fluentui/eslint-plugin": "*"
},
"scripts": {
Copy link
Contributor Author

Choose a reason for hiding this comment

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

this is temporary change, will be removed once we will use default target without flag to support legacy format

module.exports = tseslint.config(
...core,
/** @type { import("eslint").Linter.Config } */
module.exports = defineConfig(
Copy link
Contributor Author

Choose a reason for hiding this comment

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

we can use now default defineConfig from eslint after we upgraded ts-eslint in #35378

@mainframev mainframev force-pushed the chore/migrate-to-eslint-flat-configs branch from 57e4027 to 0971f0d Compare November 4, 2025 20:07
@mainframev mainframev marked this pull request as ready for review November 4, 2025 20:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant