Update d3 dependency versions to 3.x.x and 4.x.x by AtishayMsft · Pull Request #32463 · microsoft/fluentui

AtishayMsft · 2024-09-05T09:27:43Z

Previous Behavior

react-charting package is using very old versions of d3.
This has caused multiple issues:

Projects using newer libraries have to import duplicate versions of d3 libraries to get react-charting to work.
Consume newer improvements from d3 side such as better tree shaking, module based packages and bug fixes.
As we prepare to release charts with v9 with modern constructs, duplicate versions of d3 won't work in the monorepo.

New Behavior

Upgraded the d3 dependencies to their latest versions by pinning the major version in the charting package.
The latest versions published by d3 are 3.x.x and 4.x.x generally called as d3 v7.
More details about d3 v7 and breaking changes can be found here.
https://github.com/d3/d3/releases/tag/v7.0.0
https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c
With this, individual consumers can choose a wider range of d3 packages without needing duplicate version dependencies.

Validations

All automations - component tests, UTs and VRs are passing.
Performed a manual test pass on the docsite.
Consumed the upgraded package in a standalone test app to verify no transitive issues in dependent packages at the consumer end.

Related Issue(s)

Fixes #

fabricteam · 2024-09-05T09:41:23Z

Perf Analysis (`@fluentui/react-components`)

Scenario	Render type	Master Ticks	PR Ticks	Iterations	Status
FluentProviderWithTheme	virtual-rerender	36	37	10	Possible regression

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations	Status
Avatar	mount	664	630	5000
Button	mount	320	303	5000
Field	mount	1150	1148	5000
FluentProvider	mount	717	728	5000
FluentProviderWithTheme	mount	81	89	10
FluentProviderWithTheme	virtual-rerender	36	37	10	Possible regression
FluentProviderWithTheme	virtual-rerender-with-unmount	91	81	10
MakeStyles	mount	843	866	50000
Persona	mount	1773	1745	5000
SpinButton	mount	1409	1419	5000
SwatchPicker	mount	1666	1691	5000

fabricteam · 2024-09-05T09:41:34Z

Perf Analysis (`@fluentui/react-northstar`)

Perf tests with no regressions

Scenario	Current PR Ticks	Baseline Ticks	Ratio
AccordionMinimalPerf.default	85	70	1.21:1
AttachmentMinimalPerf.default	87	80	1.09:1
CarouselMinimalPerf.default	278	257	1.08:1
CardMinimalPerf.default	319	299	1.07:1
GridMinimalPerf.default	203	190	1.07:1
RefMinimalPerf.default	114	107	1.07:1
StatusMinimalPerf.default	418	390	1.07:1
TextMinimalPerf.default	209	196	1.07:1
TreeWith60ListItems.default	90	84	1.07:1
ChatDuplicateMessagesPerf.default	154	145	1.06:1
DividerMinimalPerf.default	222	210	1.06:1
LayoutMinimalPerf.default	210	199	1.06:1
PopupMinimalPerf.default	363	344	1.06:1
ProviderMinimalPerf.default	208	197	1.06:1
IconMinimalPerf.default	394	372	1.06:1
ButtonMinimalPerf.default	89	85	1.05:1
ListNestedPerf.default	341	325	1.05:1
SkeletonMinimalPerf.default	208	198	1.05:1
BoxMinimalPerf.default	200	193	1.04:1
DropdownManyItemsPerf.default	399	385	1.04:1
ImageMinimalPerf.default	235	225	1.04:1
MenuMinimalPerf.default	522	503	1.04:1
TreeMinimalPerf.default	491	471	1.04:1
ChatMinimalPerf.default	443	430	1.03:1
FormMinimalPerf.default	231	225	1.03:1
LabelMinimalPerf.default	228	222	1.03:1
AttachmentSlotsPerf.default	646	634	1.02:1
MenuButtonMinimalPerf.default	960	941	1.02:1
RadioGroupMinimalPerf.default	269	264	1.02:1
TableManyItemsPerf.default	1118	1094	1.02:1
AnimationMinimalPerf.default	316	313	1.01:1
DropdownMinimalPerf.default	1455	1434	1.01:1
HeaderSlotsPerf.default	468	463	1.01:1
InputMinimalPerf.default	547	540	1.01:1
ListMinimalPerf.default	318	315	1.01:1
SliderMinimalPerf.default	738	728	1.01:1
SplitButtonMinimalPerf.default	2225	2195	1.01:1
CustomToolbarPrototype.default	1492	1471	1.01:1
TooltipMinimalPerf.default	1277	1262	1.01:1
ButtonOverridesMissPerf.default	645	647	1:1
ButtonSlotsPerf.default	317	316	1:1
CheckboxMinimalPerf.default	1143	1144	1:1
DialogMinimalPerf.default	450	450	1:1
ItemLayoutMinimalPerf.default	707	708	1:1
RosterPerf.default	1563	1570	1:1
TableMinimalPerf.default	238	238	1:1
ChatWithPopoverPerf.default	204	206	0.99:1
DatepickerMinimalPerf.default	3599	3621	0.99:1
FlexMinimalPerf.default	159	160	0.99:1
HeaderMinimalPerf.default	212	214	0.99:1
ListCommonPerf.default	377	380	0.99:1
LoaderMinimalPerf.default	196	197	0.99:1
ProviderMergeThemesPerf.default	643	649	0.99:1
ReactionMinimalPerf.default	211	213	0.99:1
TextAreaMinimalPerf.default	286	289	0.99:1
ToolbarMinimalPerf.default	545	551	0.99:1
AlertMinimalPerf.default	154	157	0.98:1
ListWith60ListItems.default	369	376	0.98:1
PortalMinimalPerf.default	85	87	0.98:1
SegmentMinimalPerf.default	195	200	0.98:1
VideoMinimalPerf.default	442	452	0.98:1
EmbedMinimalPerf.default	1826	1889	0.97:1
AvatarMinimalPerf.default	108	113	0.96:1

fabricteam · 2024-09-05T09:41:47Z

🕵 FluentUIV0 No visual regressions between this PR and main

fabricteam · 2024-09-05T09:42:18Z

📊 Bundle size report

Package & Exports	Baseline (minified/GZIP)	PR	Change
`react-components` react-components: entire library	`1.1 MB` `271.792 kB`	`1.1 MB` `271.811 kB`	`30 B` `19 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`
`priority-overflow` createOverflowManager	`4.457 kB` `1.856 kB`
`react` ActivityItem	`71.224 kB` `23.353 kB`
`react` Announced	`38.48 kB` `13.282 kB`
`react` Autofill	`15.428 kB` `4.768 kB`
`react` Breadcrumb	`202.185 kB` `60.419 kB`
`react` Button	`195.64 kB` `56.642 kB`
`react` ButtonGrid	`180.571 kB` `54.626 kB`
`react` Calendar	`121.763 kB` `37.01 kB`
`react` Callout	`84.292 kB` `27.63 kB`
`react` Check	`53.185 kB` `17.843 kB`
`react` Checkbox	`59.971 kB` `19.889 kB`
`react` ChoiceGroup	`65.48 kB` `21.488 kB`
`react` ChoiceGroupOption	`58.748 kB` `19.364 kB`
`react` Coachmark	`93.132 kB` `29.416 kB`
`react` Color	`7.789 kB` `3.127 kB`
`react` ColorPicker	`135.222 kB` `42.228 kB`
`react` ComboBox	`252.077 kB` `72.336 kB`
`react` CommandBar	`203.226 kB` `60.147 kB`
`react` ContextualMenu	`155.108 kB` `48.186 kB`
`react` DatePicker	`184.185 kB` `56.175 kB`
`react` DateTimeUtilities	`5.244 kB` `1.849 kB`
`react` DetailsList	`229.966 kB` `65.926 kB`
`react` Dialog	`211.492 kB` `63.169 kB`
`react` Divider	`19.591 kB` `6.841 kB`
`react` DocumentCard	`217.178 kB` `64.45 kB`
`react` DragDrop	`8.343 kB` `2.724 kB`
`react` DraggableZone	`34.305 kB` `11.509 kB`
`react` Dropdown	`234.124 kB` `68.674 kB`
`react` ExtendedPicker	`96.795 kB` `27.893 kB`
`react` Fabric	`41.732 kB` `14.349 kB`
`react` Facepile	`210.78 kB` `63.193 kB`
`react` FloatingPicker	`242.221 kB` `69.023 kB`
`react` FocusTrapZone	`17.03 kB` `5.924 kB`
`react` FocusZone	`55.053 kB` `17.47 kB`
`react` Grid	`180.571 kB` `54.626 kB`
`react` GroupedList	`135.03 kB` `40.749 kB`
`react` GroupedListV2	`122.619 kB` `37.852 kB`
`react` HoverCard	`97.16 kB` `30.816 kB`
`react` Icon	`51.873 kB` `17.266 kB`
`react` Icons	`66.361 kB` `24.397 kB`
`react` Image	`46.887 kB` `15.703 kB`
`react` Keytip	`81.661 kB` `26.758 kB`
`react` KeytipData	`14.028 kB` `4.587 kB`
`react` KeytipLayer	`103.459 kB` `32.014 kB`
`react` Keytips	`106.227 kB` `33.014 kB`
`react` Label	`38.335 kB` `13.251 kB`
`react` Layer	`48.084 kB` `16.358 kB`
`react` Link	`39.668 kB` `13.662 kB`
`react` List	`39.4 kB` `12.481 kB`
`react` MarqueeSelection	`74.528 kB` `22.424 kB`
`react` MessageBar	`190.675 kB` `57.075 kB`
`react` Modal	`93.657 kB` `30.253 kB`
`react` Nav	`188.175 kB` `56.524 kB`
`react` OverflowSet	`33.376 kB` `11.317 kB`
`react` Overlay	`40.889 kB` `14.084 kB`
`react` Panel	`201.233 kB` `60.035 kB`
`react` Persona	`114.83 kB` `36.503 kB`
`react` PersonaCoin	`114.83 kB` `36.503 kB`
`react` PersonaPresence	`58.055 kB` `19.378 kB`
`react` Pickers	`294.244 kB` `82.438 kB`
`react` Pivot	`189.068 kB` `57.252 kB`
`react` Popup	`12.294 kB` `4.195 kB`
`react` Positioning	`22.807 kB` `7.701 kB`
`react` PositioningContainer	`73.838 kB` `23.759 kB`
`react` ProgressIndicator	`39.491 kB` `13.54 kB`
`react` Rating	`81.995 kB` `26.107 kB`
`react` Fluent UI React (entire library)	`1.014 MB` `281.935 kB`
`react` ResizeGroup	`13.338 kB` `4.377 kB`
`react` ResponsiveMode	`8.13 kB` `2.966 kB`
`react` ScrollablePane	`55.551 kB` `17.729 kB`
`react` SearchBox	`188.95 kB` `56.685 kB`
`react` SelectableOption	`724 B` `413 B`
`react` SelectedItemsList	`232.732 kB` `67.931 kB`
`react` Selection	`42.464 kB` `12.301 kB`
`react` Separator	`35.372 kB` `12.142 kB`
`react` Shimmer	`49.238 kB` `16.264 kB`
`react` ShimmeredDetailsList	`240.748 kB` `68.656 kB`
`react` Slider	`57.639 kB` `19.206 kB`
`react` SpinButton	`192.651 kB` `57.78 kB`
`react` Spinner	`41.764 kB` `14.469 kB`
`react` Stack	`41.734 kB` `14.268 kB`
`react` Sticky	`32.613 kB` `10.509 kB`
`react` Styling	`46.033 kB` `15.135 kB`
`react` SwatchColorPicker	`190.896 kB` `58.128 kB`
`react` TeachingBubble	`205.952 kB` `61.057 kB`
`react` Text	`36.908 kB` `12.822 kB`
`react` TextField	`80.792 kB` `25.333 kB`
`react` Theme	`43.501 kB` `14.183 kB`
`react` ThemeGenerator	`12.392 kB` `4.126 kB`
`react` TimePicker	`241.859 kB` `70.092 kB`
`react` Toggle	`46.21 kB` `15.966 kB`
`react` Tooltip	`87.324 kB` `28.217 kB`
`react` Utilities	`82.675 kB` `25.119 kB`
`react` Viewport	`23.888 kB` `7.656 kB`
`react` WeeklyDayPicker	`101.917 kB` `31.829 kB`
`react` WindowProvider	`1.059 kB` `541 B`
`react-accordion` Accordion (including children components)	`104.529 kB` `32.097 kB`
`react-avatar` Avatar	`49.303 kB` `15.815 kB`
`react-avatar` AvatarGroup	`20.106 kB` `7.968 kB`
`react-avatar` AvatarGroupItem	`63.447 kB` `20.034 kB`
`react-badge` Badge	`25.954 kB` `8.595 kB`
`react-badge` CounterBadge	`26.733 kB` `8.872 kB`
`react-badge` PresenceBadge	`25.719 kB` `9.457 kB`
`react-breadcrumb` @fluentui/react-breadcrumb - package	`113.699 kB` `31.498 kB`
`react-button` Button	`37.104 kB` `10.766 kB`
`react-button` CompoundButton	`43.518 kB` `12.068 kB`
`react-button` MenuButton	`41.916 kB` `12.119 kB`
`react-button` SplitButton	`49.933 kB` `13.693 kB`
`react-button` ToggleButton	`53.037 kB` `12.528 kB`
`react-calendar-compat` Calendar Compat	`149.573 kB` `39.871 kB`
`react-card` Card - All	`101.248 kB` `28.626 kB`
`react-card` Card	`94.022 kB` `26.806 kB`
`react-card` CardFooter	`14.355 kB` `5.79 kB`
`react-card` CardHeader	`16.888 kB` `6.669 kB`
`react-card` CardPreview	`14.42 kB` `5.922 kB`
`react-checkbox` Checkbox	`35.118 kB` `12.077 kB`
`react-combobox` Combobox (including child components)	`104.398 kB` `34.199 kB`
`react-combobox` Dropdown (including child components)	`104.984 kB` `34.114 kB`
`react-components` react-components: Button, FluentProvider & webLightTheme	`69.14 kB` `20.137 kB`
`react-components` react-components: Accordion, Button, FluentProvider, Image, Menu, Popover	`218.197 kB` `63.203 kB`
`react-components` react-components: FluentProvider & webLightTheme	`44.447 kB` `14.59 kB`
`react-datepicker-compat` DatePicker Compat	`223.64 kB` `63.299 kB`
`react-dialog` Dialog (including children components)	`99.724 kB` `29.912 kB`
`react-divider` Divider	`21.328 kB` `7.953 kB`
`react-field` Field	`23.384 kB` `8.891 kB`
`react-image` Image	`15.36 kB` `6.236 kB`
`react-input` Input	`28.014 kB` `9.444 kB`
`react-jsx-runtime` Classic Pragma	`1.057 kB` `530 B`
`react-jsx-runtime` JSX Dev Runtime	`3.771 kB` `1.643 kB`
`react-jsx-runtime` JSX Runtime	`4.367 kB` `1.874 kB`
`react-label` Label	`14.671 kB` `5.99 kB`
`react-link` Link	`17.192 kB` `6.98 kB`
`react-list-preview` List	`88.626 kB` `26.435 kB`
`react-list-preview` ListItem	`112.168 kB` `33.273 kB`
`react-menu` Menu (including children components)	`151.856 kB` `45.848 kB`
`react-menu` Menu (including selectable components)	`154.537 kB` `46.326 kB`
`react-message-bar` MessageBar (all components)	`24.722 kB` `9.205 kB`
`react-motion` @fluentui/react-motion - createMotionComponent()	`4.303 kB` `1.899 kB`
`react-motion` @fluentui/react-motion - createPresenceComponent()	`5.038 kB` `2.229 kB`
`react-motion` @fluentui/react-motion - PresenceGroup	`1.714 kB` `819 B`
`react-northstar` Accordion	`85.383 kB` `26.519 kB`
`react-northstar` Alert	`87.438 kB` `26.904 kB`
`react-northstar` Animation	`55.331 kB` `17.83 kB`
`react-northstar` Attachment	`86.832 kB` `26.7 kB`
`react-northstar` Avatar	`80.267 kB` `24.633 kB`
`react-northstar` Box	`75.236 kB` `23.812 kB`
`react-northstar` Breadcrumb	`79.911 kB` `24.717 kB`
`react-northstar` Button	`83.148 kB` `25.952 kB`
`react-northstar` Card	`82.696 kB` `25.036 kB`
`react-northstar` Carousel	`105.173 kB` `31.872 kB`
`react-northstar` Chat	`154.081 kB` `46.876 kB`
`react-northstar` Checkbox	`79.795 kB` `25.08 kB`
`react-northstar` Datepicker	`186.642 kB` `56.99 kB`
`react-northstar` Debug	`8.801 kB` `3.594 kB`
`react-northstar` Design	`36.589 kB` `12.067 kB`
`react-northstar` Dialog	`112.049 kB` `33.622 kB`
`react-northstar` Divider	`76.607 kB` `24.135 kB`
`react-northstar` Dropdown	`198.202 kB` `60.222 kB`
`react-northstar` Embed	`81.468 kB` `25.424 kB`
`react-northstar` Flex	`47.716 kB` `15.443 kB`
`react-northstar` Form	`92.518 kB` `28.888 kB`
`react-northstar` Grid	`70.572 kB` `22.282 kB`
`react-northstar` Header	`74.744 kB` `23.465 kB`
`react-northstar` Image	`73.579 kB` `23.333 kB`
`react-northstar` Input	`88.337 kB` `27.78 kB`
`react-northstar` ItemLayout	`78.219 kB` `24.458 kB`
`react-northstar` Label	`77.908 kB` `24.413 kB`
`react-northstar` Layout	`75.381 kB` `23.803 kB`
`react-northstar` List	`88.481 kB` `27.556 kB`
`react-northstar` Loader	`78.604 kB` `24.733 kB`
`react-northstar` Menu	`128.593 kB` `40.737 kB`
`react-northstar` MenuButton	`162.999 kB` `49.613 kB`
`react-northstar` Pill	`83.71 kB` `26.069 kB`
`react-northstar` Popup	`135.307 kB` `42.257 kB`
`react-northstar` Portal	`58.329 kB` `18.851 kB`
`react-northstar` Provider	`93.129 kB` `29.627 kB`
`react-northstar` RadioGroup	`83.273 kB` `26.053 kB`
`react-northstar` Reaction	`77.268 kB` `24.127 kB`
`react-northstar` Segment	`76.197 kB` `23.896 kB`
`react-northstar` Skeleton	`77.753 kB` `24.205 kB`
`react-northstar` Slider	`84.261 kB` `26.755 kB`
`react-northstar` SplitButton	`178.237 kB` `53.438 kB`
`react-northstar` Status	`76.26 kB` `24.054 kB`
`react-northstar` SvgIcon	`36.811 kB` `11.746 kB`
`react-northstar` Table	`80.787 kB` `25.156 kB`
`react-northstar` Text	`74.102 kB` `23.511 kB`
`react-northstar` TextArea	`74.236 kB` `23.496 kB`
`react-northstar` Toolbar	`175.048 kB` `52.846 kB`
`react-northstar` Tooltip	`109.964 kB` `35.236 kB`
`react-northstar` Tree	`87.843 kB` `27.222 kB`
`react-northstar` Video	`75.402 kB` `23.797 kB`
`react-overflow` hooks only	`12.808 kB` `4.819 kB`
`react-persona` Persona	`56.194 kB` `17.695 kB`
`react-popover` Popover	`128.329 kB` `40.143 kB`
`react-portal` Portal	`14.563 kB` `5.118 kB`
`react-portal-compat` PortalCompatProvider	`8.39 kB` `2.64 kB`
`react-positioning` usePositioning	`27.057 kB` `9.698 kB`
`react-progress` ProgressBar	`17.084 kB` `6.891 kB`
`react-provider` FluentProvider	`24.623 kB` `8.893 kB`
`react-radio` Radio	`32.672 kB` `10.343 kB`
`react-radio` RadioGroup	`15.762 kB` `6.423 kB`
`react-select` Select	`27.732 kB` `10.124 kB`
`react-slider` Slider	`37.169 kB` `12.538 kB`
`react-spinbutton` SpinButton	`36.06 kB` `11.815 kB`
`react-spinner` Spinner	`25.245 kB` `8.539 kB`
`react-swatch-picker` @fluentui/react-swatch-picker - package	`103.736 kB` `30.073 kB`
`react-switch` Switch	`35.319 kB` `11.314 kB`
`react-table` DataGrid	`160.471 kB` `45.539 kB`
`react-table` Table (Primitives only)	`42.643 kB` `13.82 kB`
`react-table` Table as DataGrid	`131.325 kB` `36.373 kB`
`react-table` Table (Selection only)	`70.512 kB` `19.965 kB`
`react-table` Table (Sort only)	`69.155 kB` `19.576 kB`
`react-tag-picker` @fluentui/react-tag-picker - package	`183.584 kB` `55.264 kB`
`react-tags` InteractionTag	`15.199 kB` `6.157 kB`
`react-tags` Tag	`29.016 kB` `9.524 kB`
`react-tags` TagGroup	`82.197 kB` `24.362 kB`
`react-text` Text - Default	`17.061 kB` `6.723 kB`
`react-text` Text - Wrappers	`20.242 kB` `7.048 kB`
`react-textarea` Textarea	`26.572 kB` `9.755 kB`
`react-theme` Single theme token import	`69 B` `89 B`
`react-theme` Teams: all themes	`35.666 kB` `7.453 kB`
`react-theme` Teams: Light theme	`19.642 kB` `5.549 kB`
`react-timepicker-compat` TimePicker	`107.387 kB` `35.758 kB`
`react-toast` Toast (including Toaster)	`97.816 kB` `29.438 kB`
`react-tooltip` Tooltip	`55.517 kB` `19.515 kB`
`react-utilities` SSRProvider	`180 B` `160 B`

_{🤖 This report was generated against e98c6f08af15dfddc2560f5243298706e77eeede}

packages/react-charting/package.json

fabricteam · 2024-09-05T09:54:35Z

Perf Analysis (`@fluentui/react`)

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations
BaseButton	mount	638	638	5000
Breadcrumb	mount	1688	1709	1000
Checkbox	mount	1706	1705	5000
CheckboxBase	mount	1506	1495	5000
ChoiceGroup	mount	2989	2923	5000
ComboBox	mount	683	684	1000
CommandBar	mount	6507	6525	1000
ContextualMenu	mount	13916	13781	1000
DefaultButton	mount	800	779	5000
DetailsRow	mount	2202	2223	5000
DetailsRowFast	mount	2241	2233	5000
DetailsRowNoStyles	mount	2018	1990	5000
Dialog	mount	2689	2717	1000
DocumentCardTitle	mount	233	230	1000
Dropdown	mount	1988	2011	5000
FocusTrapZone	mount	1203	1133	5000
FocusZone	mount	1075	1059	5000
GroupedList	mount	42332	42528	2
GroupedList	virtual-rerender	20236	20200	2
GroupedList	virtual-rerender-with-unmount	51837	51484	2
GroupedListV2	mount	237	228	2
GroupedListV2	virtual-rerender	214	220	2
GroupedListV2	virtual-rerender-with-unmount	225	237	2
IconButton	mount	1094	1135	5000
Label	mount	335	342	5000
Layer	mount	2722	2776	5000
Link	mount	389	394	5000
MenuButton	mount	994	987	5000
MessageBar	mount	21412	21309	5000
Nav	mount	2035	2016	1000
OverflowSet	mount	793	792	5000
Panel	mount	1887	1809	1000
Persona	mount	724	743	1000
Pivot	mount	887	913	1000
PrimaryButton	mount	927	897	5000
Rating	mount	4682	4662	5000
SearchBox	mount	950	899	5000
Shimmer	mount	1931	1879	5000
Slider	mount	1317	1345	5000
SpinButton	mount	2976	2940	5000
Spinner	mount	398	390	5000
SplitButton	mount	1850	1824	5000
Stack	mount	429	421	5000
StackWithIntrinsicChildren	mount	876	862	5000
StackWithTextChildren	mount	2765	2758	5000
SwatchColorPicker	mount	6283	6353	5000
TagPicker	mount	1461	1487	5000
Text	mount	390	394	5000
TextField	mount	917	950	5000
ThemeProvider	mount	869	859	5000
ThemeProvider	virtual-rerender	584	588	5000
ThemeProvider	virtual-rerender-with-unmount	1289	1305	5000
Toggle	mount	614	605	5000
buttonNative	mount	198	196	5000

change/@fluentui-react-charting-8ac4b02b-fec4-4dbe-a1d2-6e8163a73b4b.json

packages/react-charting/src/utilities/utilities.ts

packages/react-charting/src/components/AreaChart/__snapshots__/AreaChart.test.tsx.snap

AtishayMsft · 2024-09-09T14:28:05Z

/azp run

azure-pipelines · 2024-09-09T14:28:29Z

Azure Pipelines successfully started running 4 pipeline(s).

change/@fluentui-react-charting-8ac4b02b-fec4-4dbe-a1d2-6e8163a73b4b.json

AtishayMsft · 2024-09-09T16:33:24Z

/azp run

azure-pipelines · 2024-09-09T16:33:49Z

Azure Pipelines successfully started running 4 pipeline(s).

fabricteam · 2024-09-09T16:44:58Z

🕵 fluentui-web-components-v3 No visual regressions between this PR and main

packages/react-charting/jest.config.js

…monorepo in order to mitigate dupes (#32809)

* master: (77 commits) fix(react-drawer): update scroll state when children changes (microsoft#32818) feat(react-storybook-addon): improve addon to more readable names (microsoft#32815) chore: cleanup react-carousel-preview (microsoft#32475) feat(storybook): add rtl/ltr toggle storybook addon (microsoft#32814) Carousel: Storybook updates and fixing exports/focus (microsoft#32457) release: applying package updates - react v8 release: applying package updates - web-components Update d3 dependency versions to 3.x.x and 4.x.x (microsoft#32463) RFC: Extended Design Tokens for Fluent UI React (microsoft#32058) update doc to reflect setTheme function change (microsoft#32490) fix (react-dialog): Use consistent rounding for clientHeight and innerHeight (microsoft#32480) fix(public-doscite-v9): global styles should not be applied to story elements (microsoft#32472) feat(workspace-plugin): implement verify-packaging executor (microsoft#32403) release: applying package updates - react-components Add strokeDasharray property when optimizeLargeData is true (microsoft#32494) fix(TreeItemLayout): Actions should not unmount between successive mouse events (microsoft#32477) release: applying package updates - react v8 bugfix(react-tree): recover from tabIndex=-1 when TreeItem is removed (microsoft#32442) Fix onResolveSuggestions not being called after component is remounted in react 18 strict mode (microsoft#28227) fix(codeowners): update most packages owned by cxe-red with cxe-prg (microsoft#32445) ...

Update d3 dependency versions

3e0cd18

fabricteam reviewed Sep 5, 2024

View reviewed changes

packages/react-charting/package.json Show resolved Hide resolved

AtishayMsft added 4 commits September 5, 2024 10:18

Add changefile and update jest config

1ae18e5

Fix test suite and update d3 versions for cjs based tests

4cbcb19

Update d3 dependency version for react examples

5da7063

Update yarn lockfile

2caa706

AtishayMsft commented Sep 9, 2024

View reviewed changes

change/@fluentui-react-charting-8ac4b02b-fec4-4dbe-a1d2-6e8163a73b4b.json Show resolved Hide resolved

AtishayMsft marked this pull request as ready for review September 9, 2024 09:39

AtishayMsft requested review from a team as code owners September 9, 2024 09:39

AtishayMsft changed the title ~~Update d3 dependency versions~~ Update d3 dependency versions to 3.x.x and 4.x.x Sep 9, 2024

Update comment about multiple dependency paths

5e21179

krkshitij reviewed Sep 9, 2024

View reviewed changes

packages/react-charting/src/utilities/utilities.ts Outdated Show resolved Hide resolved

krkshitij reviewed Sep 9, 2024

View reviewed changes

packages/react-charting/src/components/AreaChart/__snapshots__/AreaChart.test.tsx.snap Show resolved Hide resolved

krkshitij approved these changes Sep 9, 2024

View reviewed changes

Update node datatype as expected by d3

9d2b61c

fabricteam reviewed Sep 9, 2024

View reviewed changes

change/@fluentui-react-charting-8ac4b02b-fec4-4dbe-a1d2-6e8163a73b4b.json Show resolved Hide resolved

tudorpopams requested a review from Hotell September 10, 2024 12:06

Hotell mentioned this pull request Sep 10, 2024

chore: make charting deps compliant with single policy versioning in monorepo in order to mitigate dupes #32809

Merged

Hotell reviewed Sep 10, 2024

View reviewed changes

packages/react-charting/jest.config.js Outdated Show resolved Hide resolved

khmakoto approved these changes Sep 10, 2024

View reviewed changes

chore: make charting deps compliant with single policy versioning in …

5b42264

…monorepo in order to mitigate dupes (#32809)

Hotell requested a review from a team as a code owner September 10, 2024 17:04

Hotell approved these changes Sep 10, 2024

View reviewed changes

ling1726 approved these changes Sep 10, 2024

View reviewed changes

AtishayMsft merged commit a2162a3 into master Sep 11, 2024

AtishayMsft deleted the usr/atisjai/update_d3dep_3 branch September 11, 2024 10:10

Conversation

AtishayMsft commented Sep 5, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Previous Behavior

New Behavior

Validations

Related Issue(s)

Uh oh!

fabricteam commented Sep 5, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Perf Analysis (@fluentui/react-components)

Uh oh!

fabricteam commented Sep 5, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Perf Analysis (@fluentui/react-northstar)

Uh oh!

fabricteam commented Sep 5, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🕵 FluentUIV0 No visual regressions between this PR and main

Uh oh!

fabricteam commented Sep 5, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

📊 Bundle size report

Uh oh!

Uh oh!

fabricteam commented Sep 5, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Perf Analysis (@fluentui/react)

Uh oh!

Uh oh!

Uh oh!

Uh oh!

AtishayMsft commented Sep 9, 2024

Uh oh!

azure-pipelines bot commented Sep 9, 2024

Uh oh!

Uh oh!

AtishayMsft commented Sep 9, 2024

Uh oh!

azure-pipelines bot commented Sep 9, 2024

Uh oh!

fabricteam commented Sep 9, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🕵 fluentui-web-components-v3 No visual regressions between this PR and main

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

6 participants

AtishayMsft commented Sep 5, 2024 •

edited

Loading

fabricteam commented Sep 5, 2024 •

edited

Loading

Perf Analysis (`@fluentui/react-components`)

fabricteam commented Sep 5, 2024 •

edited

Loading

Perf Analysis (`@fluentui/react-northstar`)

fabricteam commented Sep 5, 2024 •

edited

Loading

fabricteam commented Sep 5, 2024 •

edited

Loading

fabricteam commented Sep 5, 2024 •

edited

Loading

Perf Analysis (`@fluentui/react`)

fabricteam commented Sep 9, 2024 •

edited

Loading