chore: migrate v9 and tools to nx inferred tasks by Hotell · Pull Request #33074 · microsoft/fluentui

Hotell · 2024-10-17T16:08:28Z

Previous Behavior

New Behavior

Migrates v9 and tools packages to use project crystal ( inferred tasks )

additional changes

🔐 security

v9 won't ship package.json#scripts anymore, mitigating exposure of tools used that could be possibly compromised to run malicious code in user land

👨‍🔧 less boilerplate

git diff stats (excluding change files):

827 insertions(+),
2897 deletions(-)

🧹 task cleanup/normalization

📊 comparison data (before/after) npm-scripts-to-nx-project-crystal.json

unified task names across all projects ( example of v9 library/ project ):
- storybook
- test
- test-ssr
- lint
- format and format:check
- type-check
- build
- bundle-size
- generate-api
- e2e and e2e:local
- verify-packaging
ghost configurations that were not properly executed are now ran ( because project crystall properly defines them based on context )
- we have new bundle-size entries for packages
- some projects that defined e2e task, but had no e2e setup/tests are no longer present
- some projects that defined test-ssr task, but had no supporting stories to run actual test are no longer present

🧹 project cleanup

just-scripts are gonne

🎬 react-components project

generation of unstable.d.ts is not using api-extractor anymore rather switches to template
- /unstable api is deprecated and cannot be tweaked by anyone
- switching to template explicitly sets the contract while improving performance of 1 less api-extractor invocation

🚨 Breaking changes:

1. using yarn workspace won't work anymore (for packages using project crystal)

v9 (libraries for now)
tooling related

💡 following wont work anymore: yarn workspace @fluentui/<project-name> <task-name>

💡 if package.json doesn't have scripts === migrated to project crystal

how to run tasks going forward?

use yarn nx run <project>:<task-name>
use yarn start from monorepo root

2. package.json#scripts are gone and forbidden to use going forward

how can I determine what tasks are available per project ?:

yarn nx show project <project-name>
yarn start
Nx Console

Related Issue(s)

Implements partially [Feature]: migrate to nx #30267
Replaces chore(scripts/,tools/): switch to inferred tasks #33019

fabricteam · 2024-10-17T16:17:10Z

📊 Bundle size report

Package & Exports	Baseline (minified/GZIP)	PR	Change
`keyboard-keys` Multiple keyCodes	`0 B` `0 B`	`50 B` `70 B`	🆕 New entry
`keyboard-keys` Multiple keys	`0 B` `0 B`	`87 B` `94 B`	🆕 New entry
`keyboard-keys` Single key	`0 B` `0 B`	`44 B` `64 B`	🆕 New entry
`keyboard-keys` Single keyCode	`0 B` `0 B`	`39 B` `59 B`	🆕 New entry
`react-aria` ARIA - Default	`0 B` `0 B`	`237 B` `181 B`	🆕 New entry
`react-teaching-popover` TeachingPopover	`0 B` `0 B`	`90.611 kB` `27.593 kB`	🆕 New entry
`react-tree` FlatTree	`0 B` `0 B`	`145.048 kB` `41.691 kB`	🆕 New entry
`react-tree` PersonaFlatTree	`0 B` `0 B`	`145.736 kB` `41.798 kB`	🆕 New entry
`react-tree` PersonaTree	`0 B` `0 B`	`141.967 kB` `40.615 kB`	🆕 New entry
`react-tree` Tree	`0 B` `0 B`	`141.279 kB` `40.522 kB`	🆕 New entry

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.236 kB` `23.357 kB`
`react` Announced	`38.493 kB` `13.297 kB`
`react` Autofill	`15.428 kB` `4.768 kB`
`react` Breadcrumb	`202.406 kB` `60.482 kB`
`react` Button	`195.858 kB` `56.697 kB`
`react` ButtonGrid	`180.792 kB` `54.683 kB`
`react` Calendar	`121.905 kB` `37.046 kB`
`react` Callout	`84.33 kB` `27.648 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.151 kB` `29.428 kB`
`react` Color	`7.789 kB` `3.127 kB`
`react` ColorPicker	`135.359 kB` `42.257 kB`
`react` ComboBox	`252.295 kB` `72.392 kB`
`react` CommandBar	`203.447 kB` `60.224 kB`
`react` ContextualMenu	`155.273 kB` `48.228 kB`
`react` DatePicker	`184.333 kB` `56.194 kB`
`react` DateTimeUtilities	`5.244 kB` `1.849 kB`
`react` DetailsList	`230.107 kB` `65.952 kB`
`react` Dialog	`211.784 kB` `63.237 kB`
`react` Divider	`19.603 kB` `6.845 kB`
`react` DocumentCard	`217.399 kB` `64.512 kB`
`react` DragDrop	`8.343 kB` `2.724 kB`
`react` DraggableZone	`34.305 kB` `11.509 kB`
`react` Dropdown	`234.345 kB` `68.729 kB`
`react` ExtendedPicker	`96.924 kB` `27.92 kB`
`react` Fabric	`41.745 kB` `14.366 kB`
`react` Facepile	`210.998 kB` `63.254 kB`
`react` FloatingPicker	`242.44 kB` `69.088 kB`
`react` FocusTrapZone	`17.03 kB` `5.924 kB`
`react` FocusZone	`55.182 kB` `17.503 kB`
`react` Grid	`180.792 kB` `54.683 kB`
`react` GroupedList	`135.178 kB` `40.798 kB`
`react` GroupedListV2	`122.767 kB` `37.881 kB`
`react` HoverCard	`97.179 kB` `30.82 kB`
`react` Icon	`51.885 kB` `17.272 kB`
`react` Icons	`66.361 kB` `24.397 kB`
`react` Image	`46.904 kB` `15.707 kB`
`react` Keytip	`81.693 kB` `26.766 kB`
`react` KeytipData	`14.039 kB` `4.588 kB`
`react` KeytipLayer	`103.478 kB` `32.017 kB`
`react` Keytips	`106.25 kB` `33.023 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.4 kB` `12.481 kB`
`react` MarqueeSelection	`74.541 kB` `22.44 kB`
`react` MessageBar	`190.922 kB` `57.155 kB`
`react` Modal	`93.747 kB` `30.278 kB`
`react` Nav	`188.398 kB` `56.575 kB`
`react` OverflowSet	`33.393 kB` `11.329 kB`
`react` Overlay	`40.902 kB` `14.095 kB`
`react` Panel	`201.456 kB` `60.076 kB`
`react` Persona	`114.967 kB` `36.546 kB`
`react` PersonaCoin	`114.967 kB` `36.546 kB`
`react` PersonaPresence	`58.074 kB` `19.384 kB`
`react` Pickers	`294.462 kB` `82.501 kB`
`react` Pivot	`189.29 kB` `57.329 kB`
`react` Popup	`12.294 kB` `4.195 kB`
`react` Positioning	`22.807 kB` `7.701 kB`
`react` PositioningContainer	`73.85 kB` `23.765 kB`
`react` ProgressIndicator	`39.504 kB` `13.554 kB`
`react` Rating	`82.143 kB` `26.144 kB`
`react` Fluent UI React (entire library)	`1.015 MB` `282.181 kB`
`react` ResizeGroup	`13.338 kB` `4.377 kB`
`react` ResponsiveMode	`8.13 kB` `2.966 kB`
`react` ScrollablePane	`55.563 kB` `17.734 kB`
`react` SearchBox	`189.171 kB` `56.737 kB`
`react` SelectableOption	`724 B` `413 B`
`react` SelectedItemsList	`232.95 kB` `67.977 kB`
`react` Selection	`42.464 kB` `12.301 kB`
`react` Separator	`35.384 kB` `12.146 kB`
`react` Shimmer	`49.259 kB` `16.268 kB`
`react` ShimmeredDetailsList	`240.889 kB` `68.7 kB`
`react` Slider	`57.651 kB` `19.217 kB`
`react` SpinButton	`192.874 kB` `57.835 kB`
`react` Spinner	`41.777 kB` `14.478 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	`191.177 kB` `58.196 kB`
`react` TeachingBubble	`206.173 kB` `61.106 kB`
`react` Text	`36.908 kB` `12.822 kB`
`react` TextField	`80.816 kB` `25.332 kB`
`react` Theme	`43.501 kB` `14.183 kB`
`react` ThemeGenerator	`12.392 kB` `4.126 kB`
`react` TimePicker	`242.077 kB` `70.14 kB`
`react` Toggle	`46.225 kB` `15.986 kB`
`react` Tooltip	`87.456 kB` `28.268 kB`
`react` Utilities	`82.931 kB` `25.148 kB`
`react` Viewport	`23.888 kB` `7.656 kB`
`react` WeeklyDayPicker	`102.058 kB` `31.861 kB`
`react` WindowProvider	`1.059 kB` `541 B`
`react-accordion` Accordion (including children components)	`106.728 kB` `32.718 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	`114.291 kB` `31.695 kB`
`react-button` Button	`37.174 kB` `10.803 kB`
`react-button` CompoundButton	`43.588 kB` `12.101 kB`
`react-button` MenuButton	`41.989 kB` `12.144 kB`
`react-button` SplitButton	`50.006 kB` `13.716 kB`
`react-button` ToggleButton	`53.107 kB` `12.561 kB`
`react-calendar-compat` Calendar Compat	`150.095 kB` `40.026 kB`
`react-card` Card - All	`101.77 kB` `28.772 kB`
`react-card` Card	`94.544 kB` `26.951 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.383 kB` `34.197 kB`
`react-combobox` Dropdown (including child components)	`104.996 kB` `34.122 kB`
`react-components` react-components: Button, FluentProvider & webLightTheme	`69.21 kB` `20.174 kB`
`react-components` react-components: Accordion, Button, FluentProvider, Image, Menu, Popover	`220.616 kB` `63.902 kB`
`react-components` react-components: FluentProvider & webLightTheme	`44.447 kB` `14.59 kB`
`react-components` react-components: entire library	`1.16 MB` `290.619 kB`
`react-datepicker-compat` DatePicker Compat	`224.165 kB` `63.423 kB`
`react-dialog` Dialog (including children components)	`100.297 kB` `30.076 kB`
`react-divider` Divider	`21.328 kB` `7.953 kB`
`react-field` Field	`23.399 kB` `8.898 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.326 kB` `7.032 kB`
`react-list-preview` List	`89.148 kB` `26.597 kB`
`react-list-preview` ListItem	`112.707 kB` `33.428 kB`
`react-menu` Menu (including children components)	`152.661 kB` `46.116 kB`
`react-menu` Menu (including selectable components)	`155.342 kB` `46.598 kB`
`react-message-bar` MessageBar (all components)	`24.878 kB` `9.264 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.38 kB` `26.519 kB`
`react-northstar` Alert	`87.435 kB` `26.905 kB`
`react-northstar` Animation	`55.331 kB` `17.83 kB`
`react-northstar` Attachment	`86.829 kB` `26.7 kB`
`react-northstar` Avatar	`80.264 kB` `24.633 kB`
`react-northstar` Box	`75.233 kB` `23.813 kB`
`react-northstar` Breadcrumb	`79.908 kB` `24.717 kB`
`react-northstar` Button	`83.145 kB` `25.952 kB`
`react-northstar` Card	`82.693 kB` `25.037 kB`
`react-northstar` Carousel	`105.17 kB` `31.873 kB`
`react-northstar` Chat	`154.072 kB` `46.878 kB`
`react-northstar` Checkbox	`79.792 kB` `25.08 kB`
`react-northstar` Datepicker	`186.639 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.046 kB` `33.622 kB`
`react-northstar` Divider	`76.604 kB` `24.135 kB`
`react-northstar` Dropdown	`198.196 kB` `60.223 kB`
`react-northstar` Embed	`81.465 kB` `25.425 kB`
`react-northstar` Flex	`47.716 kB` `15.443 kB`
`react-northstar` Form	`92.515 kB` `28.888 kB`
`react-northstar` Grid	`70.569 kB` `22.283 kB`
`react-northstar` Header	`74.741 kB` `23.465 kB`
`react-northstar` Image	`73.576 kB` `23.333 kB`
`react-northstar` Input	`88.334 kB` `27.781 kB`
`react-northstar` ItemLayout	`78.213 kB` `24.457 kB`
`react-northstar` Label	`77.905 kB` `24.414 kB`
`react-northstar` Layout	`75.378 kB` `23.803 kB`
`react-northstar` List	`88.475 kB` `27.555 kB`
`react-northstar` Loader	`78.601 kB` `24.733 kB`
`react-northstar` Menu	`128.587 kB` `40.738 kB`
`react-northstar` MenuButton	`162.993 kB` `49.614 kB`
`react-northstar` Pill	`83.707 kB` `26.069 kB`
`react-northstar` Popup	`135.304 kB` `42.259 kB`
`react-northstar` Portal	`58.326 kB` `18.851 kB`
`react-northstar` Provider	`93.129 kB` `29.627 kB`
`react-northstar` RadioGroup	`83.27 kB` `26.053 kB`
`react-northstar` Reaction	`77.265 kB` `24.128 kB`
`react-northstar` Segment	`76.194 kB` `23.896 kB`
`react-northstar` Skeleton	`77.75 kB` `24.205 kB`
`react-northstar` Slider	`84.258 kB` `26.757 kB`
`react-northstar` SplitButton	`178.231 kB` `53.438 kB`
`react-northstar` Status	`76.257 kB` `24.054 kB`
`react-northstar` SvgIcon	`36.811 kB` `11.746 kB`
`react-northstar` Table	`80.784 kB` `25.157 kB`
`react-northstar` Text	`74.099 kB` `23.511 kB`
`react-northstar` TextArea	`74.233 kB` `23.496 kB`
`react-northstar` Toolbar	`175.042 kB` `52.844 kB`
`react-northstar` Tooltip	`109.961 kB` `35.238 kB`
`react-northstar` Tree	`87.84 kB` `27.223 kB`
`react-northstar` Video	`75.399 kB` `23.796 kB`
`react-overflow` hooks only	`12.808 kB` `4.819 kB`
`react-persona` Persona	`56.194 kB` `17.695 kB`
`react-popover` Popover	`128.904 kB` `40.314 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	`104.258 kB` `30.231 kB`
`react-switch` Switch	`35.319 kB` `11.314 kB`
`react-table` DataGrid	`161.034 kB` `45.71 kB`
`react-table` Table (Primitives only)	`42.666 kB` `13.854 kB`
`react-table` Table as DataGrid	`131.869 kB` `36.57 kB`
`react-table` Table (Selection only)	`70.536 kB` `19.999 kB`
`react-table` Table (Sort only)	`69.179 kB` `19.61 kB`
`react-tag-picker` @fluentui/react-tag-picker - package	`184.091 kB` `55.425 kB`
`react-tags` InteractionTag	`15.199 kB` `6.157 kB`
`react-tags` Tag	`29.016 kB` `9.524 kB`
`react-tags` TagGroup	`82.719 kB` `24.524 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.372 kB` `35.755 kB`
`react-toast` Toast (including Toaster)	`98.338 kB` `29.591 kB`
`react-tooltip` Tooltip	`55.517 kB` `19.515 kB`
`react-utilities` SSRProvider	`180 B` `160 B`

_{🤖 This report was generated against 49e6794b31d8097ace17a179a58d4db373a47ca4}

nx.json

fabricteam · 2024-10-17T16:24:23Z

🕵 FluentUIV0 No visual regressions between this PR and main

fabricteam · 2024-10-17T16:26:20Z

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

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations
Avatar	mount	653	623	5000
Button	mount	305	306	5000
Field	mount	1150	1128	5000
FluentProvider	mount	724	719	5000
FluentProviderWithTheme	mount	84	89	10
FluentProviderWithTheme	virtual-rerender	40	36	10
FluentProviderWithTheme	virtual-rerender-with-unmount	89	81	10
MakeStyles	mount	886	864	50000
Persona	mount	1749	1708	5000
SpinButton	mount	1405	1435	5000
SwatchPicker	mount	1656	1682	5000

fabricteam · 2024-10-17T16:26:52Z

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

Perf tests with no regressions

Scenario	Current PR Ticks	Baseline Ticks	Ratio
ButtonMinimalPerf.default	100	90	1.11:1
ReactionMinimalPerf.default	215	194	1.11:1
PortalMinimalPerf.default	89	81	1.1:1
TreeWith60ListItems.default	92	84	1.1:1
SkeletonMinimalPerf.default	212	196	1.08:1
AvatarMinimalPerf.default	114	107	1.07:1
RefMinimalPerf.default	113	106	1.07:1
ToolbarMinimalPerf.default	548	519	1.06:1
ButtonSlotsPerf.default	321	307	1.05:1
ChatDuplicateMessagesPerf.default	160	153	1.05:1
ProviderMinimalPerf.default	208	198	1.05:1
AccordionMinimalPerf.default	81	78	1.04:1
AttachmentMinimalPerf.default	88	85	1.04:1
AttachmentSlotsPerf.default	652	629	1.04:1
ListWith60ListItems.default	379	366	1.04:1
TooltipMinimalPerf.default	1276	1229	1.04:1
GridMinimalPerf.default	182	177	1.03:1
ImageMinimalPerf.default	226	220	1.03:1
IconMinimalPerf.default	382	371	1.03:1
VideoMinimalPerf.default	441	429	1.03:1
HeaderMinimalPerf.default	214	209	1.02:1
ListNestedPerf.default	332	324	1.02:1
RadioGroupMinimalPerf.default	269	263	1.02:1
SegmentMinimalPerf.default	199	195	1.02:1
SliderMinimalPerf.default	762	746	1.02:1
TableMinimalPerf.default	228	223	1.02:1
TreeMinimalPerf.default	490	479	1.02:1
BoxMinimalPerf.default	193	191	1.01:1
ChatMinimalPerf.default	438	433	1.01:1
DropdownManyItemsPerf.default	385	382	1.01:1
DropdownMinimalPerf.default	1475	1463	1.01:1
InputMinimalPerf.default	535	532	1.01:1
ListCommonPerf.default	393	388	1.01:1
ListMinimalPerf.default	307	305	1.01:1
PopupMinimalPerf.default	354	350	1.01:1
ProviderMergeThemesPerf.default	654	645	1.01:1
CustomToolbarPrototype.default	1475	1463	1.01:1
AnimationMinimalPerf.default	296	297	1:1
CardMinimalPerf.default	300	299	1:1
DatepickerMinimalPerf.default	3593	3599	1:1
DialogMinimalPerf.default	446	444	1:1
FormMinimalPerf.default	221	222	1:1
ItemLayoutMinimalPerf.default	709	710	1:1
CarouselMinimalPerf.default	266	268	0.99:1
EmbedMinimalPerf.default	1848	1858	0.99:1
LayoutMinimalPerf.default	198	199	0.99:1
MenuButtonMinimalPerf.default	942	952	0.99:1
ButtonOverridesMissPerf.default	640	654	0.98:1
ChatWithPopoverPerf.default	193	197	0.98:1
LabelMinimalPerf.default	214	218	0.98:1
RosterPerf.default	1554	1589	0.98:1
SplitButtonMinimalPerf.default	2226	2277	0.98:1
StatusMinimalPerf.default	395	404	0.98:1
TextAreaMinimalPerf.default	285	290	0.98:1
DividerMinimalPerf.default	203	209	0.97:1
FlexMinimalPerf.default	151	155	0.97:1
HeaderSlotsPerf.default	452	464	0.97:1
TableManyItemsPerf.default	1072	1103	0.97:1
TextMinimalPerf.default	187	192	0.97:1
AlertMinimalPerf.default	152	159	0.96:1
CheckboxMinimalPerf.default	1112	1156	0.96:1
LoaderMinimalPerf.default	180	187	0.96:1
MenuMinimalPerf.default	491	509	0.96:1

fabricteam · 2024-10-17T16:40:04Z

Perf Analysis (`@fluentui/react`)

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations
BaseButton	mount	631	640	5000
Breadcrumb	mount	1715	1700	1000
Checkbox	mount	1687	1747	5000
CheckboxBase	mount	1508	1503	5000
ChoiceGroup	mount	3029	3021	5000
ComboBox	mount	697	682	1000
CommandBar	mount	6628	6713	1000
ContextualMenu	mount	12264	12367	1000
DefaultButton	mount	808	800	5000
DetailsRow	mount	2302	2256	5000
DetailsRowFast	mount	2311	2235	5000
DetailsRowNoStyles	mount	2065	2098	5000
Dialog	mount	2692	2733	1000
DocumentCardTitle	mount	242	237	1000
Dropdown	mount	2017	2001	5000
FocusTrapZone	mount	1162	1126	5000
FocusZone	mount	1128	1107	5000
GroupedList	mount	43009	42820	2
GroupedList	virtual-rerender	20596	20584	2
GroupedList	virtual-rerender-with-unmount	52212	52325	2
GroupedListV2	mount	229	228	2
GroupedListV2	virtual-rerender	221	220	2
GroupedListV2	virtual-rerender-with-unmount	228	232	2
IconButton	mount	1160	1175	5000
Label	mount	342	346	5000
Layer	mount	2862	2793	5000
Link	mount	398	401	5000
MenuButton	mount	1005	1020	5000
MessageBar	mount	21638	21738	5000
Nav	mount	2072	2140	1000
OverflowSet	mount	830	788	5000
Panel	mount	1895	1924	1000
Persona	mount	775	755	1000
Pivot	mount	930	931	1000
PrimaryButton	mount	960	966	5000
Rating	mount	4769	4716	5000
SearchBox	mount	924	930	5000
Shimmer	mount	1907	1941	5000
Slider	mount	1355	1371	5000
SpinButton	mount	3039	3018	5000
Spinner	mount	395	387	5000
SplitButton	mount	1884	1929	5000
Stack	mount	433	426	5000
StackWithIntrinsicChildren	mount	880	896	5000
StackWithTextChildren	mount	2805	2852	5000
SwatchColorPicker	mount	6510	6543	5000
TagPicker	mount	1542	1485	5000
Text	mount	388	398	5000
TextField	mount	953	949	5000
ThemeProvider	mount	866	856	5000
ThemeProvider	virtual-rerender	582	598	5000
ThemeProvider	virtual-rerender-with-unmount	1293	1306	5000
Toggle	mount	632	631	5000
buttonNative	mount	197	194	5000

nx.json

change/@fluentui-babel-preset-global-context-be7bd550-e553-4a5f-9aa9-50399a752c06.json

github-actions · 2024-11-01T13:02:01Z

📊 Bundle size report

Package & Exports	Baseline (minified/GZIP)	PR	Change
`keyboard-keys` Multiple keyCodes	`0 B` `0 B`	`50 B` `70 B`	🆕 New entry
`keyboard-keys` Multiple keys	`0 B` `0 B`	`87 B` `94 B`	🆕 New entry
`keyboard-keys` Single key	`0 B` `0 B`	`44 B` `64 B`	🆕 New entry
`keyboard-keys` Single keyCode	`0 B` `0 B`	`39 B` `59 B`	🆕 New entry
`react` ExtendedPicker	`96.924 kB` `27.92 kB`	`96.924 kB` `27.917 kB`	`-3 B`
`react` FloatingPicker	`242.44 kB` `69.088 kB`	`242.44 kB` `69.089 kB`	`1 B`
`react` Fluent UI React (entire library)	`1.015 MB` `282.181 kB`	`1.015 MB` `282.184 kB`	`3 B`
`react` SelectedItemsList	`232.95 kB` `67.977 kB`	`232.95 kB` `67.979 kB`	`2 B`
`react-aria` ARIA - Default	`0 B` `0 B`	`237 B` `181 B`	🆕 New entry
`react-teaching-popover` TeachingPopover	`0 B` `0 B`	`90.611 kB` `27.593 kB`	🆕 New entry
`react-tree` FlatTree	`0 B` `0 B`	`145.048 kB` `41.691 kB`	🆕 New entry
`react-tree` PersonaFlatTree	`0 B` `0 B`	`145.736 kB` `41.798 kB`	🆕 New entry
`react-tree` PersonaTree	`0 B` `0 B`	`141.967 kB` `40.615 kB`	🆕 New entry
`react-tree` Tree	`0 B` `0 B`	`141.279 kB` `40.522 kB`	🆕 New entry

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.236 kB` `23.357 kB`
`react` Announced	`38.493 kB` `13.297 kB`
`react` Autofill	`15.428 kB` `4.768 kB`
`react` Breadcrumb	`202.406 kB` `60.482 kB`
`react` Button	`195.858 kB` `56.697 kB`
`react` ButtonGrid	`180.792 kB` `54.683 kB`
`react` Calendar	`121.905 kB` `37.046 kB`
`react` Callout	`84.33 kB` `27.648 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.151 kB` `29.428 kB`
`react` Color	`7.789 kB` `3.127 kB`
`react` ColorPicker	`135.359 kB` `42.257 kB`
`react` ComboBox	`252.295 kB` `72.392 kB`
`react` CommandBar	`203.447 kB` `60.224 kB`
`react` ContextualMenu	`155.273 kB` `48.228 kB`
`react` DatePicker	`184.333 kB` `56.194 kB`
`react` DateTimeUtilities	`5.244 kB` `1.849 kB`
`react` DetailsList	`230.107 kB` `65.952 kB`
`react` Dialog	`211.784 kB` `63.237 kB`
`react` Divider	`19.603 kB` `6.845 kB`
`react` DocumentCard	`217.399 kB` `64.512 kB`
`react` DragDrop	`8.343 kB` `2.724 kB`
`react` DraggableZone	`34.305 kB` `11.509 kB`
`react` Dropdown	`234.345 kB` `68.729 kB`
`react` Fabric	`41.745 kB` `14.366 kB`
`react` Facepile	`210.998 kB` `63.254 kB`
`react` FocusTrapZone	`17.03 kB` `5.924 kB`
`react` FocusZone	`55.182 kB` `17.503 kB`
`react` Grid	`180.792 kB` `54.683 kB`
`react` GroupedList	`135.178 kB` `40.798 kB`
`react` GroupedListV2	`122.767 kB` `37.881 kB`
`react` HoverCard	`97.179 kB` `30.82 kB`
`react` Icon	`51.885 kB` `17.272 kB`
`react` Icons	`66.361 kB` `24.397 kB`
`react` Image	`46.904 kB` `15.707 kB`
`react` Keytip	`81.693 kB` `26.766 kB`
`react` KeytipData	`14.039 kB` `4.588 kB`
`react` KeytipLayer	`103.478 kB` `32.017 kB`
`react` Keytips	`106.25 kB` `33.023 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.4 kB` `12.481 kB`
`react` MarqueeSelection	`74.541 kB` `22.44 kB`
`react` MessageBar	`190.922 kB` `57.155 kB`
`react` Modal	`93.747 kB` `30.278 kB`
`react` Nav	`188.398 kB` `56.575 kB`
`react` OverflowSet	`33.393 kB` `11.329 kB`
`react` Overlay	`40.902 kB` `14.095 kB`
`react` Panel	`201.456 kB` `60.076 kB`
`react` Persona	`114.967 kB` `36.546 kB`
`react` PersonaCoin	`114.967 kB` `36.546 kB`
`react` PersonaPresence	`58.074 kB` `19.384 kB`
`react` Pickers	`294.462 kB` `82.501 kB`
`react` Pivot	`189.29 kB` `57.329 kB`
`react` Popup	`12.294 kB` `4.195 kB`
`react` Positioning	`22.807 kB` `7.701 kB`
`react` PositioningContainer	`73.85 kB` `23.765 kB`
`react` ProgressIndicator	`39.504 kB` `13.554 kB`
`react` Rating	`82.143 kB` `26.144 kB`
`react` ResizeGroup	`13.338 kB` `4.377 kB`
`react` ResponsiveMode	`8.13 kB` `2.966 kB`
`react` ScrollablePane	`55.563 kB` `17.734 kB`
`react` SearchBox	`189.171 kB` `56.737 kB`
`react` SelectableOption	`724 B` `413 B`
`react` Selection	`42.464 kB` `12.301 kB`
`react` Separator	`35.384 kB` `12.146 kB`
`react` Shimmer	`49.259 kB` `16.268 kB`
`react` ShimmeredDetailsList	`240.889 kB` `68.7 kB`
`react` Slider	`57.651 kB` `19.217 kB`
`react` SpinButton	`192.874 kB` `57.835 kB`
`react` Spinner	`41.777 kB` `14.478 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	`191.177 kB` `58.196 kB`
`react` TeachingBubble	`206.173 kB` `61.106 kB`
`react` Text	`36.908 kB` `12.822 kB`
`react` TextField	`80.816 kB` `25.332 kB`
`react` Theme	`43.501 kB` `14.183 kB`
`react` ThemeGenerator	`12.392 kB` `4.126 kB`
`react` TimePicker	`242.077 kB` `70.14 kB`
`react` Toggle	`46.225 kB` `15.986 kB`
`react` Tooltip	`87.456 kB` `28.268 kB`
`react` Utilities	`82.931 kB` `25.148 kB`
`react` Viewport	`23.888 kB` `7.656 kB`
`react` WeeklyDayPicker	`102.058 kB` `31.861 kB`
`react` WindowProvider	`1.059 kB` `541 B`
`react-accordion` Accordion (including children components)	`106.728 kB` `32.718 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	`114.291 kB` `31.695 kB`
`react-button` Button	`37.174 kB` `10.803 kB`
`react-button` CompoundButton	`43.588 kB` `12.101 kB`
`react-button` MenuButton	`41.989 kB` `12.144 kB`
`react-button` SplitButton	`50.006 kB` `13.716 kB`
`react-button` ToggleButton	`53.107 kB` `12.561 kB`
`react-calendar-compat` Calendar Compat	`150.095 kB` `40.026 kB`
`react-card` Card - All	`101.77 kB` `28.772 kB`
`react-card` Card	`94.544 kB` `26.951 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.383 kB` `34.197 kB`
`react-combobox` Dropdown (including child components)	`104.996 kB` `34.122 kB`
`react-components` react-components: Button, FluentProvider & webLightTheme	`69.21 kB` `20.174 kB`
`react-components` react-components: Accordion, Button, FluentProvider, Image, Menu, Popover	`220.616 kB` `63.902 kB`
`react-components` react-components: FluentProvider & webLightTheme	`44.447 kB` `14.59 kB`
`react-components` react-components: entire library	`1.16 MB` `290.619 kB`
`react-datepicker-compat` DatePicker Compat	`224.165 kB` `63.423 kB`
`react-dialog` Dialog (including children components)	`100.297 kB` `30.076 kB`
`react-divider` Divider	`21.328 kB` `7.953 kB`
`react-field` Field	`23.399 kB` `8.898 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.326 kB` `7.032 kB`
`react-list-preview` List	`89.148 kB` `26.597 kB`
`react-list-preview` ListItem	`112.707 kB` `33.428 kB`
`react-menu` Menu (including children components)	`152.661 kB` `46.116 kB`
`react-menu` Menu (including selectable components)	`155.342 kB` `46.598 kB`
`react-message-bar` MessageBar (all components)	`24.878 kB` `9.264 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.38 kB` `26.519 kB`
`react-northstar` Alert	`87.435 kB` `26.905 kB`
`react-northstar` Animation	`55.331 kB` `17.83 kB`
`react-northstar` Attachment	`86.829 kB` `26.7 kB`
`react-northstar` Avatar	`80.264 kB` `24.633 kB`
`react-northstar` Box	`75.233 kB` `23.813 kB`
`react-northstar` Breadcrumb	`79.908 kB` `24.717 kB`
`react-northstar` Button	`83.145 kB` `25.952 kB`
`react-northstar` Card	`82.693 kB` `25.037 kB`
`react-northstar` Carousel	`105.17 kB` `31.873 kB`
`react-northstar` Chat	`154.072 kB` `46.878 kB`
`react-northstar` Checkbox	`79.792 kB` `25.08 kB`
`react-northstar` Datepicker	`186.639 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.046 kB` `33.622 kB`
`react-northstar` Divider	`76.604 kB` `24.135 kB`
`react-northstar` Dropdown	`198.196 kB` `60.223 kB`
`react-northstar` Embed	`81.465 kB` `25.425 kB`
`react-northstar` Flex	`47.716 kB` `15.443 kB`
`react-northstar` Form	`92.515 kB` `28.888 kB`
`react-northstar` Grid	`70.569 kB` `22.283 kB`
`react-northstar` Header	`74.741 kB` `23.465 kB`
`react-northstar` Image	`73.576 kB` `23.333 kB`
`react-northstar` Input	`88.334 kB` `27.781 kB`
`react-northstar` ItemLayout	`78.213 kB` `24.457 kB`
`react-northstar` Label	`77.905 kB` `24.414 kB`
`react-northstar` Layout	`75.378 kB` `23.803 kB`
`react-northstar` List	`88.475 kB` `27.555 kB`
`react-northstar` Loader	`78.601 kB` `24.733 kB`
`react-northstar` Menu	`128.587 kB` `40.738 kB`
`react-northstar` MenuButton	`162.993 kB` `49.614 kB`
`react-northstar` Pill	`83.707 kB` `26.069 kB`
`react-northstar` Popup	`135.304 kB` `42.259 kB`
`react-northstar` Portal	`58.326 kB` `18.851 kB`
`react-northstar` Provider	`93.129 kB` `29.627 kB`
`react-northstar` RadioGroup	`83.27 kB` `26.053 kB`
`react-northstar` Reaction	`77.265 kB` `24.128 kB`
`react-northstar` Segment	`76.194 kB` `23.896 kB`
`react-northstar` Skeleton	`77.75 kB` `24.205 kB`
`react-northstar` Slider	`84.258 kB` `26.757 kB`
`react-northstar` SplitButton	`178.231 kB` `53.438 kB`
`react-northstar` Status	`76.257 kB` `24.054 kB`
`react-northstar` SvgIcon	`36.811 kB` `11.746 kB`
`react-northstar` Table	`80.784 kB` `25.157 kB`
`react-northstar` Text	`74.099 kB` `23.511 kB`
`react-northstar` TextArea	`74.233 kB` `23.496 kB`
`react-northstar` Toolbar	`175.042 kB` `52.844 kB`
`react-northstar` Tooltip	`109.961 kB` `35.238 kB`
`react-northstar` Tree	`87.84 kB` `27.223 kB`
`react-northstar` Video	`75.399 kB` `23.796 kB`
`react-overflow` hooks only	`12.808 kB` `4.819 kB`
`react-persona` Persona	`56.194 kB` `17.695 kB`
`react-popover` Popover	`128.904 kB` `40.314 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	`104.258 kB` `30.231 kB`
`react-switch` Switch	`35.319 kB` `11.314 kB`
`react-table` DataGrid	`161.034 kB` `45.71 kB`
`react-table` Table (Primitives only)	`42.666 kB` `13.854 kB`
`react-table` Table as DataGrid	`131.869 kB` `36.57 kB`
`react-table` Table (Selection only)	`70.536 kB` `19.999 kB`
`react-table` Table (Sort only)	`69.179 kB` `19.61 kB`
`react-tag-picker` @fluentui/react-tag-picker - package	`184.091 kB` `55.425 kB`
`react-tags` InteractionTag	`15.199 kB` `6.157 kB`
`react-tags` Tag	`29.016 kB` `9.524 kB`
`react-tags` TagGroup	`82.719 kB` `24.524 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.372 kB` `35.755 kB`
`react-toast` Toast (including Toaster)	`98.338 kB` `29.591 kB`
`react-tooltip` Tooltip	`55.517 kB` `19.515 kB`
`react-utilities` SSRProvider	`180 B` `160 B`

_{🤖 This report was generated against be61563aabd3ea21fd4f52c1b1688cd89f613a22}

…rystal

… api-extractor twice

…ic from generators

fabricteam · 2024-11-01T17:32:57Z

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

github-actions · 2024-11-01T17:35:17Z

📊 Bundle size report

Package & Exports	Baseline (minified/GZIP)	PR	Change
`keyboard-keys` Multiple keyCodes	`0 B` `0 B`	`50 B` `70 B`	🆕 New entry
`keyboard-keys` Multiple keys	`0 B` `0 B`	`87 B` `94 B`	🆕 New entry
`keyboard-keys` Single key	`0 B` `0 B`	`44 B` `64 B`	🆕 New entry
`keyboard-keys` Single keyCode	`0 B` `0 B`	`39 B` `59 B`	🆕 New entry
`react` ExtendedPicker	`96.924 kB` `27.92 kB`	`96.924 kB` `27.917 kB`	`-3 B`
`react` FloatingPicker	`242.44 kB` `69.088 kB`	`242.44 kB` `69.089 kB`	`1 B`
`react` Fluent UI React (entire library)	`1.015 MB` `282.181 kB`	`1.015 MB` `282.184 kB`	`3 B`
`react` SelectedItemsList	`232.95 kB` `67.977 kB`	`232.95 kB` `67.979 kB`	`2 B`
`react-aria` ARIA - Default	`0 B` `0 B`	`237 B` `181 B`	🆕 New entry
`react-teaching-popover` TeachingPopover	`0 B` `0 B`	`90.611 kB` `27.593 kB`	🆕 New entry
`react-tree` FlatTree	`0 B` `0 B`	`145.048 kB` `41.691 kB`	🆕 New entry
`react-tree` PersonaFlatTree	`0 B` `0 B`	`145.736 kB` `41.798 kB`	🆕 New entry
`react-tree` PersonaTree	`0 B` `0 B`	`141.967 kB` `40.615 kB`	🆕 New entry
`react-tree` Tree	`0 B` `0 B`	`141.279 kB` `40.522 kB`	🆕 New entry

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.236 kB` `23.357 kB`
`react` Announced	`38.493 kB` `13.297 kB`
`react` Autofill	`15.428 kB` `4.768 kB`
`react` Breadcrumb	`202.406 kB` `60.482 kB`
`react` Button	`195.858 kB` `56.697 kB`
`react` ButtonGrid	`180.792 kB` `54.683 kB`
`react` Calendar	`121.905 kB` `37.046 kB`
`react` Callout	`84.33 kB` `27.648 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.151 kB` `29.428 kB`
`react` Color	`7.789 kB` `3.127 kB`
`react` ColorPicker	`135.359 kB` `42.257 kB`
`react` ComboBox	`252.295 kB` `72.392 kB`
`react` CommandBar	`203.447 kB` `60.224 kB`
`react` ContextualMenu	`155.273 kB` `48.228 kB`
`react` DatePicker	`184.333 kB` `56.194 kB`
`react` DateTimeUtilities	`5.244 kB` `1.849 kB`
`react` DetailsList	`230.107 kB` `65.952 kB`
`react` Dialog	`211.784 kB` `63.237 kB`
`react` Divider	`19.603 kB` `6.845 kB`
`react` DocumentCard	`217.399 kB` `64.512 kB`
`react` DragDrop	`8.343 kB` `2.724 kB`
`react` DraggableZone	`34.305 kB` `11.509 kB`
`react` Dropdown	`234.345 kB` `68.729 kB`
`react` Fabric	`41.745 kB` `14.366 kB`
`react` Facepile	`210.998 kB` `63.254 kB`
`react` FocusTrapZone	`17.03 kB` `5.924 kB`
`react` FocusZone	`55.182 kB` `17.503 kB`
`react` Grid	`180.792 kB` `54.683 kB`
`react` GroupedList	`135.178 kB` `40.798 kB`
`react` GroupedListV2	`122.767 kB` `37.881 kB`
`react` HoverCard	`97.179 kB` `30.82 kB`
`react` Icon	`51.885 kB` `17.272 kB`
`react` Icons	`66.361 kB` `24.397 kB`
`react` Image	`46.904 kB` `15.707 kB`
`react` Keytip	`81.693 kB` `26.766 kB`
`react` KeytipData	`14.039 kB` `4.588 kB`
`react` KeytipLayer	`103.478 kB` `32.017 kB`
`react` Keytips	`106.25 kB` `33.023 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.4 kB` `12.481 kB`
`react` MarqueeSelection	`74.541 kB` `22.44 kB`
`react` MessageBar	`190.922 kB` `57.155 kB`
`react` Modal	`93.747 kB` `30.278 kB`
`react` Nav	`188.398 kB` `56.575 kB`
`react` OverflowSet	`33.393 kB` `11.329 kB`
`react` Overlay	`40.902 kB` `14.095 kB`
`react` Panel	`201.456 kB` `60.076 kB`
`react` Persona	`114.967 kB` `36.546 kB`
`react` PersonaCoin	`114.967 kB` `36.546 kB`
`react` PersonaPresence	`58.074 kB` `19.384 kB`
`react` Pickers	`294.462 kB` `82.501 kB`
`react` Pivot	`189.29 kB` `57.329 kB`
`react` Popup	`12.294 kB` `4.195 kB`
`react` Positioning	`22.807 kB` `7.701 kB`
`react` PositioningContainer	`73.85 kB` `23.765 kB`
`react` ProgressIndicator	`39.504 kB` `13.554 kB`
`react` Rating	`82.143 kB` `26.144 kB`
`react` ResizeGroup	`13.338 kB` `4.377 kB`
`react` ResponsiveMode	`8.13 kB` `2.966 kB`
`react` ScrollablePane	`55.563 kB` `17.734 kB`
`react` SearchBox	`189.171 kB` `56.737 kB`
`react` SelectableOption	`724 B` `413 B`
`react` Selection	`42.464 kB` `12.301 kB`
`react` Separator	`35.384 kB` `12.146 kB`
`react` Shimmer	`49.259 kB` `16.268 kB`
`react` ShimmeredDetailsList	`240.889 kB` `68.7 kB`
`react` Slider	`57.651 kB` `19.217 kB`
`react` SpinButton	`192.874 kB` `57.835 kB`
`react` Spinner	`41.777 kB` `14.478 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	`191.177 kB` `58.196 kB`
`react` TeachingBubble	`206.173 kB` `61.106 kB`
`react` Text	`36.908 kB` `12.822 kB`
`react` TextField	`80.816 kB` `25.332 kB`
`react` Theme	`43.501 kB` `14.183 kB`
`react` ThemeGenerator	`12.392 kB` `4.126 kB`
`react` TimePicker	`242.077 kB` `70.14 kB`
`react` Toggle	`46.225 kB` `15.986 kB`
`react` Tooltip	`87.456 kB` `28.268 kB`
`react` Utilities	`82.931 kB` `25.148 kB`
`react` Viewport	`23.888 kB` `7.656 kB`
`react` WeeklyDayPicker	`102.058 kB` `31.861 kB`
`react` WindowProvider	`1.059 kB` `541 B`
`react-accordion` Accordion (including children components)	`106.728 kB` `32.718 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	`114.291 kB` `31.695 kB`
`react-button` Button	`37.174 kB` `10.803 kB`
`react-button` CompoundButton	`43.588 kB` `12.101 kB`
`react-button` MenuButton	`41.989 kB` `12.144 kB`
`react-button` SplitButton	`50.006 kB` `13.716 kB`
`react-button` ToggleButton	`53.107 kB` `12.561 kB`
`react-calendar-compat` Calendar Compat	`150.095 kB` `40.026 kB`
`react-card` Card - All	`101.77 kB` `28.772 kB`
`react-card` Card	`94.544 kB` `26.951 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.383 kB` `34.197 kB`
`react-combobox` Dropdown (including child components)	`104.996 kB` `34.122 kB`
`react-components` react-components: Button, FluentProvider & webLightTheme	`69.21 kB` `20.174 kB`
`react-components` react-components: Accordion, Button, FluentProvider, Image, Menu, Popover	`220.616 kB` `63.902 kB`
`react-components` react-components: FluentProvider & webLightTheme	`44.447 kB` `14.59 kB`
`react-components` react-components: entire library	`1.16 MB` `290.619 kB`
`react-datepicker-compat` DatePicker Compat	`224.165 kB` `63.423 kB`
`react-dialog` Dialog (including children components)	`100.297 kB` `30.076 kB`
`react-divider` Divider	`21.328 kB` `7.953 kB`
`react-field` Field	`23.399 kB` `8.898 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.326 kB` `7.032 kB`
`react-list-preview` List	`89.148 kB` `26.597 kB`
`react-list-preview` ListItem	`112.707 kB` `33.428 kB`
`react-menu` Menu (including children components)	`152.661 kB` `46.116 kB`
`react-menu` Menu (including selectable components)	`155.342 kB` `46.598 kB`
`react-message-bar` MessageBar (all components)	`24.878 kB` `9.264 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.38 kB` `26.519 kB`
`react-northstar` Alert	`87.435 kB` `26.905 kB`
`react-northstar` Animation	`55.331 kB` `17.83 kB`
`react-northstar` Attachment	`86.829 kB` `26.7 kB`
`react-northstar` Avatar	`80.264 kB` `24.633 kB`
`react-northstar` Box	`75.233 kB` `23.813 kB`
`react-northstar` Breadcrumb	`79.908 kB` `24.717 kB`
`react-northstar` Button	`83.145 kB` `25.952 kB`
`react-northstar` Card	`82.693 kB` `25.037 kB`
`react-northstar` Carousel	`105.17 kB` `31.873 kB`
`react-northstar` Chat	`154.072 kB` `46.878 kB`
`react-northstar` Checkbox	`79.792 kB` `25.08 kB`
`react-northstar` Datepicker	`186.639 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.046 kB` `33.622 kB`
`react-northstar` Divider	`76.604 kB` `24.135 kB`
`react-northstar` Dropdown	`198.196 kB` `60.223 kB`
`react-northstar` Embed	`81.465 kB` `25.425 kB`
`react-northstar` Flex	`47.716 kB` `15.443 kB`
`react-northstar` Form	`92.515 kB` `28.888 kB`
`react-northstar` Grid	`70.569 kB` `22.283 kB`
`react-northstar` Header	`74.741 kB` `23.465 kB`
`react-northstar` Image	`73.576 kB` `23.333 kB`
`react-northstar` Input	`88.334 kB` `27.781 kB`
`react-northstar` ItemLayout	`78.213 kB` `24.457 kB`
`react-northstar` Label	`77.905 kB` `24.414 kB`
`react-northstar` Layout	`75.378 kB` `23.803 kB`
`react-northstar` List	`88.475 kB` `27.555 kB`
`react-northstar` Loader	`78.601 kB` `24.733 kB`
`react-northstar` Menu	`128.587 kB` `40.738 kB`
`react-northstar` MenuButton	`162.993 kB` `49.614 kB`
`react-northstar` Pill	`83.707 kB` `26.069 kB`
`react-northstar` Popup	`135.304 kB` `42.259 kB`
`react-northstar` Portal	`58.326 kB` `18.851 kB`
`react-northstar` Provider	`93.129 kB` `29.627 kB`
`react-northstar` RadioGroup	`83.27 kB` `26.053 kB`
`react-northstar` Reaction	`77.265 kB` `24.128 kB`
`react-northstar` Segment	`76.194 kB` `23.896 kB`
`react-northstar` Skeleton	`77.75 kB` `24.205 kB`
`react-northstar` Slider	`84.258 kB` `26.757 kB`
`react-northstar` SplitButton	`178.231 kB` `53.438 kB`
`react-northstar` Status	`76.257 kB` `24.054 kB`
`react-northstar` SvgIcon	`36.811 kB` `11.746 kB`
`react-northstar` Table	`80.784 kB` `25.157 kB`
`react-northstar` Text	`74.099 kB` `23.511 kB`
`react-northstar` TextArea	`74.233 kB` `23.496 kB`
`react-northstar` Toolbar	`175.042 kB` `52.844 kB`
`react-northstar` Tooltip	`109.961 kB` `35.238 kB`
`react-northstar` Tree	`87.84 kB` `27.223 kB`
`react-northstar` Video	`75.399 kB` `23.796 kB`
`react-overflow` hooks only	`12.808 kB` `4.819 kB`
`react-persona` Persona	`56.194 kB` `17.695 kB`
`react-popover` Popover	`128.904 kB` `40.314 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	`104.258 kB` `30.231 kB`
`react-switch` Switch	`35.319 kB` `11.314 kB`
`react-table` DataGrid	`161.034 kB` `45.71 kB`
`react-table` Table (Primitives only)	`42.666 kB` `13.854 kB`
`react-table` Table as DataGrid	`131.869 kB` `36.57 kB`
`react-table` Table (Selection only)	`70.536 kB` `19.999 kB`
`react-table` Table (Sort only)	`69.179 kB` `19.61 kB`
`react-tag-picker` @fluentui/react-tag-picker - package	`184.091 kB` `55.425 kB`
`react-tags` InteractionTag	`15.199 kB` `6.157 kB`
`react-tags` Tag	`29.016 kB` `9.524 kB`
`react-tags` TagGroup	`82.719 kB` `24.524 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.372 kB` `35.755 kB`
`react-toast` Toast (including Toaster)	`98.338 kB` `29.591 kB`
`react-tooltip` Tooltip	`55.517 kB` `19.515 kB`
`react-utilities` SSRProvider	`180 B` `160 B`

_{🤖 This report was generated against 0d3fe3f3d9a53a75f307b0ae0610187ff9ac1a6e}

github-actions · 2024-11-01T17:38:16Z

Pull request demo site: URL

Hotell added the NX: core label Oct 17, 2024

github-actions bot added this to the October Project Cycle Q4 2024 milestone Oct 17, 2024

Hotell added Area: Build System Fluent UI react-components (v9) labels Oct 17, 2024

fabricteam reviewed Oct 17, 2024

View reviewed changes

nx.json Show resolved Hide resolved

Hotell force-pushed the nx/workspace-plugin/enable-in-monorepo branch from 28244e1 to c8a2463 Compare October 21, 2024 10:26

fabricteam reviewed Oct 21, 2024

View reviewed changes

nx.json Show resolved Hide resolved

This was referenced Oct 22, 2024

feat(workspace-plugin): various executor fixes and inferred ws plugin configuration capabilities #33098

Merged

chore: prepare project setup for inferred plugin enablement #33101

Merged

Hotell force-pushed the nx/workspace-plugin/enable-in-monorepo branch 2 times, most recently from 87a70ab to 1d438b7 Compare October 24, 2024 12:26

Hotell mentioned this pull request Oct 24, 2024

[Feature]: migrate to nx #30267

Closed

39 tasks

Hotell force-pushed the nx/workspace-plugin/enable-in-monorepo branch 2 times, most recently from 4d98204 to 13e692a Compare October 24, 2024 16:54

Hotell marked this pull request as ready for review October 25, 2024 06:58

Hotell requested review from a team, Mitch-At-Work, mltejera, sopranopillow and tomi-msft as code owners October 25, 2024 06:58

Hotell requested review from behowell, dmytrokirpa, khmakoto and spmonahan as code owners October 25, 2024 06:58

Hotell commented Oct 25, 2024

View reviewed changes

nx.json Show resolved Hide resolved

nx.json Show resolved Hide resolved

nx.json Show resolved Hide resolved

dmytrokirpa approved these changes Oct 29, 2024

View reviewed changes

change/@fluentui-babel-preset-global-context-be7bd550-e553-4a5f-9aa9-50399a752c06.json Show resolved Hide resolved

layershifter approved these changes Oct 29, 2024

View reviewed changes

spmonahan approved these changes Oct 29, 2024

View reviewed changes

TristanWatanabe approved these changes Oct 29, 2024

View reviewed changes

Hotell force-pushed the nx/workspace-plugin/enable-in-monorepo branch from 13e692a to 4666dac Compare November 1, 2024 11:33

github-actions bot modified the milestones: October Project Cycle Q4 2024, November Project Cycle Q4 2024 Nov 1, 2024

Hotell force-pushed the nx/workspace-plugin/enable-in-monorepo branch from 4666dac to e2ea968 Compare November 1, 2024 12:52

Hotell force-pushed the nx/workspace-plugin/enable-in-monorepo branch 3 times, most recently from cd0f62b to 9ef9819 Compare November 1, 2024 16:20

Hotell added 6 commits November 1, 2024 18:22

chore: replace npm-scripts and just-scrtips with nx inferred tasks

f761382

chore(nx): enable workspace-plugin for migrated packages to project c…

e9c788d

…rystal

chore(nx): enable inferred workspace-plugin options

d111e26

chore(react-components): make unstable.d.ts template instead invoking…

6baff5b

… api-extractor twice

fix(workspace-plugin): remove package.json#scripts related update log…

99169fa

…ic from generators

change files

a8367b1

Hotell force-pushed the nx/workspace-plugin/enable-in-monorepo branch from 9ef9819 to a8367b1 Compare November 1, 2024 17:22

Hotell mentioned this pull request Nov 4, 2024

feat(scripts-executors): add inferred projects support to start experience #33198

Merged

Hotell merged commit 2558ddc into microsoft:master Nov 4, 2024

Hotell deleted the nx/workspace-plugin/enable-in-monorepo branch November 4, 2024 14:06

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

chore: migrate v9 and tools to nx inferred tasks#33074

chore: migrate v9 and tools to nx inferred tasks#33074
Hotell merged 6 commits intomicrosoft:masterfrom
Hotell:nx/workspace-plugin/enable-in-monorepo

Hotell commented Oct 17, 2024 •

edited

Loading

Uh oh!

fabricteam commented Oct 17, 2024 •

edited

Loading

Uh oh!

Uh oh!

fabricteam commented Oct 17, 2024 •

edited

Loading

Uh oh!

fabricteam commented Oct 17, 2024 •

edited

Loading

Uh oh!

fabricteam commented Oct 17, 2024 •

edited

Loading

Uh oh!

fabricteam commented Oct 17, 2024 •

edited

Loading

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

github-actions bot commented Nov 1, 2024 •

edited

Loading

Uh oh!

fabricteam commented Nov 1, 2024

Uh oh!

github-actions bot commented Nov 1, 2024

Uh oh!

github-actions bot commented Nov 1, 2024

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

6 participants

Conversation

Hotell commented Oct 17, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Previous Behavior

New Behavior

additional changes

🚨 Breaking changes:

Related Issue(s)

Uh oh!

fabricteam commented Oct 17, 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 Oct 17, 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 Oct 17, 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 Oct 17, 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 Oct 17, 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!

Uh oh!

Uh oh!

github-actions bot commented Nov 1, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

📊 Bundle size report

Uh oh!

fabricteam commented Nov 1, 2024

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

Uh oh!

github-actions bot commented Nov 1, 2024

📊 Bundle size report

Uh oh!

github-actions bot commented Nov 1, 2024

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

6 participants

Hotell commented Oct 17, 2024 •

edited

Loading

fabricteam commented Oct 17, 2024 •

edited

Loading

fabricteam commented Oct 17, 2024 •

edited

Loading

fabricteam commented Oct 17, 2024 •

edited

Loading

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

fabricteam commented Oct 17, 2024 •

edited

Loading

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

fabricteam commented Oct 17, 2024 •

edited

Loading

Perf Analysis (`@fluentui/react`)

github-actions bot commented Nov 1, 2024 •

edited

Loading