Skip to content

Conversation

@mainframev
Copy link
Contributor

Migrating charts and WC to use new flat config format

Previous Behavior

legacy eslint config format

New Behavior

new flat format

Related Issue(s)

@github-actions
Copy link

github-actions bot commented Dec 5, 2025

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-charts
AreaChart
402.827 kB
123.084 kB
402.809 kB
123.084 kB
-18 B
react-charts
DeclarativeChart
720.516 kB
208.412 kB
720.498 kB
208.411 kB
-18 B
-1 B
react-charts
GanttChart
384.697 kB
116.219 kB
384.679 kB
116.221 kB
-18 B
2 B
react-charts
GroupedVerticalBarChart
392.719 kB
118.848 kB
392.701 kB
118.847 kB
-18 B
-1 B
react-charts
HeatMapChart
386.777 kB
117.935 kB
386.759 kB
117.938 kB
-18 B
3 B
react-charts
LineChart
412.115 kB
124.516 kB
412.097 kB
124.515 kB
-18 B
-1 B
react-charts
ScatterChart
392.006 kB
118.772 kB
391.988 kB
118.771 kB
-18 B
-1 B
react-charts
VerticalBarChart
427.051 kB
123.837 kB
427.033 kB
123.838 kB
-18 B
1 B
react-charts
VerticalStackedBarChart
398.948 kB
119.78 kB
398.93 kB
119.783 kB
-18 B
3 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-charting
AreaChart
299.078 kB
93.301 kB
react-charting
ChartHoverCard
37.196 kB
12.7 kB
react-charting
DeclarativeChart
647.239 kB
182.738 kB
react-charting
DonutChart
194.195 kB
60.841 kB
react-charting
GanttChart
278.567 kB
87.144 kB
react-charting
GaugeChart
194.712 kB
60.486 kB
react-charting
GroupedVerticalBarChart
290.412 kB
90.13 kB
react-charting
HeatMapChart
281.428 kB
87.826 kB
react-charting
HorizontalBarChart
127.238 kB
39.931 kB
react-charting
HorizontalBarChartWithAxis
288.265 kB
89.081 kB
react-charting
Legends
151.235 kB
46.305 kB
react-charting
LineChart
328.606 kB
100.243 kB
react-charting
MultiStackedBarChart
181.411 kB
55.129 kB
react-charting
PieChart
134.239 kB
42.282 kB
react-charting
SankeyChart
149.298 kB
46.659 kB
react-charting
ScatterChart
285 kB
89.521 kB
react-charting
Sparkline
87.616 kB
29.671 kB
react-charting
StackedBarChart
175.092 kB
52.716 kB
react-charting
TreeChart
84.809 kB
26.636 kB
react-charting
VerticalBarChart
300.598 kB
91.596 kB
react-charting
VerticalStackedBarChart
296.558 kB
91.152 kB
react-charts
DonutChart
298.828 kB
89.101 kB
react-charts
FunnelChart
290.083 kB
85.929 kB
react-charts
GaugeChart
313.705 kB
92.734 kB
react-charts
HorizontalBarChart
296.449 kB
87.009 kB
react-charts
HorizontalBarChartWithAxis
63 B
83 B
react-charts
Legends
235.555 kB
69.356 kB
react-charts
SankeyChart
199.518 kB
61.371 kB
react-charts
Sparkline
91.385 kB
28.704 kB
🤖 This report was generated against 6daf8a064ebdab82213eebd2676a176c9f705041

@github-actions
Copy link

github-actions bot commented Dec 5, 2025

Pull request demo site: URL

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

Choose a reason for hiding this comment

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

🕵🏾‍♀️ visual changes to review in the Visual Change Report

vr-tests-react-components/CalendarCompat 4 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/CalendarCompat.multiDayView - Dark Mode.default.chromium.png 1102 Changed
vr-tests-react-components/CalendarCompat.multiDayView.default.chromium_1.png 495 Changed
vr-tests-react-components/CalendarCompat.multiDayView - RTL.default.chromium.png 492 Changed
vr-tests-react-components/CalendarCompat.multiDayView - High Contrast.default.chromium.png 1226 Changed
vr-tests-react-components/Charts-DonutChart 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Charts-DonutChart.Dynamic - RTL.default.chromium.png 30791 Changed
vr-tests-react-components/Charts-DonutChart.Dynamic.default.chromium.png 27057 Changed
vr-tests-react-components/Drawer 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Drawer.overlay drawer full.chromium.png 3265 Changed
vr-tests-react-components/Drawer.overlay drawer full - Dark Mode.chromium.png 936 Changed
vr-tests-react-components/Positioning 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Positioning.Positioning end.chromium.png 888 Changed
vr-tests-react-components/Positioning.Positioning end.updated 2 times.chromium.png 882 Changed
vr-tests-react-components/TagPicker 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/TagPicker.disabled - Dark Mode.disabled input hover.chromium.png 658 Changed
vr-tests-web-components/Avatar 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/Avatar. - Dark Mode.normal.chromium.png 10380 Changed
vr-tests-web-components/MenuList 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/MenuList. - RTL.2nd selected.chromium.png 17 Changed
vr-tests-web-components/RadioGroup 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/RadioGroup. - Dark Mode.normal.chromium_1.png 89 Changed
vr-tests/Callout 9 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/Callout.Gap space 25.default.chromium.png 2195 Changed
vr-tests/Callout.Bottom right edge.default.chromium.png 1130 Changed
vr-tests/Callout.Bottom left edge.default.chromium.png 2195 Changed
vr-tests/Callout.Left top edge.default.chromium.png 2183 Changed
vr-tests/Callout.No callout width specified.default.chromium.png 2143 Changed
vr-tests/Callout.Right top edge.default.chromium.png 1126 Changed
vr-tests/Callout.Top center.default.chromium.png 2127 Changed
vr-tests/Callout.Top right edge.default.chromium.png 1146 Changed
vr-tests/Callout.Top left edge.default.chromium.png 2212 Changed
vr-tests/Coachmark 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/Coachmark.Collapsed.default.chromium.png 159 Changed
vr-tests/react-charting-LineChart 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/react-charting-LineChart.Events - RTL.default.chromium.png 15 Changed
vr-tests/react-charting-MultiStackBarChart 4 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/react-charting-MultiStackBarChart.Basic_PartToWhole - RTL.default.chromium.png 343 Changed
vr-tests/react-charting-MultiStackBarChart.Basic_Absolute - Dark Mode.default.chromium.png 363 Changed
vr-tests/react-charting-MultiStackBarChart.Basic_Absolute - RTL.default.chromium.png 343 Changed
vr-tests/react-charting-MultiStackBarChart.Basic_PartToWhole.default.chromium.png 359 Changed

There were 6 duplicate changes discarded. Check the build logs for more information.

@mainframev mainframev marked this pull request as ready for review December 10, 2025 08:57
@mainframev mainframev requested review from a team as code owners December 10, 2025 08:57
@dmytrokirpa dmytrokirpa self-requested a review December 10, 2025 13:06
const fluentPlugin = require('@fluentui/eslint-plugin');

/** @type {import("eslint").Linter.Config[]} */
module.exports = [...fluentPlugin.configs['flat/react-legacy']];
Copy link
Contributor

Choose a reason for hiding this comment

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

"no-restricted-globals": "off" is missing from the legacy config, not sure if it's still needed though

"generate-api": "api-extractor run --local",
"build": "yarn compile && yarn rollup -c && yarn generate-api",
"lint": "ESLINT_USE_FLAT_CONFIG=false eslint . --ext .ts",
"lint": " eslint . --ext .ts",
Copy link
Contributor

Choose a reason for hiding this comment

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

nit

Suggested change
"lint": " eslint . --ext .ts",
"lint": "eslint . --ext .ts",

rules: {
'no-restricted-globals': 'off',
'no-unsafe-optional-chaining': 'off',
'react-compiler/react-compiler': 'off',
Copy link
Contributor

Choose a reason for hiding this comment

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

'no-unsafe-optional-chaining': 'off',
'react-compiler/react-compiler': 'off',

were not part of the legacy config, why did we add them here?

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.

3 participants