fluentui
fluentui copied to clipboard
microsoft
chore(react-tag-picker): bug bash follow up
Previous Behavior
New Behavior
- adds TagPicker custom style hooks
- removes TODO comments
- fix style problems
- adds
aria-expandedback toexpandIcon - adds
aria-ownstoTagPickerControlroot
Related Issue(s)
- Fixes #
This pull request is automatically built and testable in CodeSandbox.
To see build info of the built libraries, click here or the icon next to each commit SHA.
![codesandbox-ci[bot] avatar](https://avatars.githubusercontent.com/in/38409?v=4 "Published by a pub.dev verified publisher"){kind=small}
📊 Bundle size report
| Package & Exports | Baseline (minified/GZIP) | PR | Change |
|---|---|---|---|
| react-tag-picker-preview @fluentui/react-tag-picker-preview - package |
188.719 kB55.819 kB |
189.041 kB55.839 kB |
322 B 20 B |
Unchanged fixtures
| Package & Exports | Size (minified/GZIP) |
|---|---|
| global-context createContext |
510 B328 B |
| global-context createContextSelector |
537 B339 B |
| react-accordion Accordion (including children components) |
101.386 kB30.643 kB |
| react-alert Alert |
83.737 kB23.475 kB |
| react-avatar Avatar |
50.175 kB15.944 kB |
| react-avatar AvatarGroup |
19.702 kB7.794 kB |
| react-avatar AvatarGroupItem |
64.829 kB20.272 kB |
| react-badge Badge |
26.905 kB8.73 kB |
| react-badge CounterBadge |
27.806 kB9.025 kB |
| react-badge PresenceBadge |
25.311 kB9.307 kB |
| react-breadcrumb @fluentui/react-breadcrumb - package |
117.263 kB32.241 kB |
| react-button Button |
39.513 kB11.17 kB |
| react-button CompoundButton |
46.874 kB12.662 kB |
| react-button MenuButton |
44.292 kB12.544 kB |
| react-button SplitButton |
52.306 kB14.135 kB |
| react-button ToggleButton |
56.558 kB13.068 kB |
| react-calendar-compat Calendar Compat |
153.874 kB40.203 kB |
| react-card Card - All |
104.438 kB29.41 kB |
| react-card Card |
97.449 kB27.681 kB |
| react-card CardFooter |
13.971 kB5.626 kB |
| react-card CardHeader |
16.214 kB6.386 kB |
| react-card CardPreview |
14.015 kB5.752 kB |
| react-checkbox Checkbox |
36.102 kB12.131 kB |
| react-combobox Combobox (including child components) |
105.372 kB33.874 kB |
| react-combobox Dropdown (including child components) |
106.844 kB33.85 kB |
| react-components react-components: Button, FluentProvider & webLightTheme |
71.55 kB20.584 kB |
| react-components react-components: Accordion, Button, FluentProvider, Image, Menu, Popover |
221.733 kB62.557 kB |
| react-components react-components: FluentProvider & webLightTheme |
44.037 kB14.418 kB |
| react-components react-components: entire library |
1.1 MB267.187 kB |
| react-datepicker-compat DatePicker Compat |
227.897 kB63.584 kB |
| react-dialog Dialog (including children components) |
117.345 kB36.161 kB |
| react-divider Divider |
20.922 kB7.791 kB |
| react-field Field |
22.976 kB8.722 kB |
| react-image Image |
15.745 kB6.231 kB |
| react-input Input |
28.122 kB9.36 kB |
| react-jsx-runtime Classic Pragma |
1.057 kB530 B |
| react-jsx-runtime JSX Dev Runtime |
3.781 kB1.646 kB |
| react-jsx-runtime JSX Runtime |
4.377 kB1.881 kB |
| react-label Label |
14.266 kB5.829 kB |
| react-link Link |
17.082 kB6.911 kB |
| react-menu Menu (including children components) |
154.292 kB46.144 kB |
| react-menu Menu (including selectable components) |
156.978 kB46.695 kB |
| react-message-bar MessageBar (all components) |
24.204 kB8.983 kB |
| react-overflow hooks only |
12.86 kB4.825 kB |
| react-persona Persona |
57.066 kB17.821 kB |
| react-popover Popover |
128.578 kB40.244 kB |
| react-portal Portal |
14.163 kB4.948 kB |
| react-portal-compat PortalCompatProvider |
8.39 kB2.64 kB |
| react-positioning usePositioning |
26.398 kB9.539 kB |
| react-progress ProgressBar |
17.428 kB6.899 kB |
| react-provider FluentProvider |
24.211 kB8.721 kB |
| react-radio Radio |
33.396 kB10.316 kB |
| react-radio RadioGroup |
15.354 kB6.265 kB |
| react-select Select |
28.609 kB10.204 kB |
| react-slider Slider |
40.395 kB13.024 kB |
| react-spinbutton SpinButton |
36.78 kB11.789 kB |
| react-spinner Spinner |
24.729 kB8.348 kB |
| react-swatch-picker-preview @fluentui/react-swatch-picker-preview - package |
108.862 kB30.32 kB |
| react-switch Switch |
35.586 kB11.256 kB |
| react-table DataGrid |
169.274 kB46.907 kB |
| react-table Table (Primitives only) |
45.77 kB14.174 kB |
| react-table Table as DataGrid |
138.358 kB37.213 kB |
| react-table Table (Selection only) |
76.774 kB20.602 kB |
| react-table Table (Sort only) |
75.417 kB20.205 kB |
| react-tags InteractionTag |
15.299 kB6.08 kB |
| react-tags Tag |
29.092 kB9.418 kB |
| react-tags TagGroup |
82.49 kB24.46 kB |
| react-text Text - Default |
16.705 kB6.57 kB |
| react-text Text - Wrappers |
19.878 kB6.897 kB |
| react-textarea Textarea |
30.947 kB10.477 kB |
| react-timepicker-compat TimePicker |
107.39 kB35.223 kB |
| react-toast Toast (including Toaster) |
99.113 kB29.844 kB |
| react-tooltip Tooltip |
55.11 kB19.268 kB |
| react-utilities SSRProvider |
180 B160 B |
Perf Analysis (@fluentui/react-components)
No significant results to display.
All results
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| Avatar | mount | 628 | 638 | 5000 | |
| Button | mount | 309 | 302 | 5000 | |
| Field | mount | 1165 | 1162 | 5000 | |
| FluentProvider | mount | 716 | 701 | 5000 | |
| FluentProviderWithTheme | mount | 77 | 83 | 10 | |
| FluentProviderWithTheme | virtual-rerender | 36 | 36 | 10 | |
| FluentProviderWithTheme | virtual-rerender-with-unmount | 76 | 73 | 10 | |
| MakeStyles | mount | 872 | 849 | 50000 | |
| Persona | mount | 1775 | 1746 | 5000 | |
| SpinButton | mount | 1423 | 1344 | 5000 | |
| SwatchPicker | mount | 1543 | 1560 | 5000 |