Add accessible TreeGrid prototypes

[adamsamec]

Description of changes

This PR is not intended for merge. It is meant only for presentation of accessible prototypes for the TreeGrid Fluent UI v9 component which is currently under development.

The TreeGrid prototypes can be viewed on this link.

[fabricteam]

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations	Status
Avatar	mount	629	651	5000
Button	mount	299	297	5000
Field	mount	1130	1142	5000
FluentProvider	mount	697	709	5000
FluentProviderWithTheme	mount	77	86	10
FluentProviderWithTheme	virtual-rerender	62	67	10
FluentProviderWithTheme	virtual-rerender-with-unmount	78	75	10
MakeStyles	mount	848	879	50000
Persona	mount	1771	1734	5000
SpinButton	mount	1389	1422	5000

[fabricteam]

📊 Bundle size report

Unchanged fixtures

Package & Exports	Size (minified/GZIP)
react-accordion Accordion (including children components)	100.12 kB 30.422 kB
react-alert Alert	83.737 kB 23.474 kB
react-avatar Avatar	50.175 kB 15.944 kB
react-avatar AvatarGroup	19.704 kB 7.796 kB
react-avatar AvatarGroupItem	64.831 kB 20.274 kB
react-breadcrumb @fluentui/react-breadcrumb - package	115.465 kB 31.832 kB
react-button Button	39.513 kB 11.169 kB
react-button CompoundButton	46.874 kB 12.661 kB
react-button MenuButton	44.292 kB 12.542 kB
react-button SplitButton	52.306 kB 14.134 kB
react-button ToggleButton	56.559 kB 13.068 kB
react-calendar-compat Calendar Compat	152.067 kB 39.826 kB
react-card Card - All	101.55 kB 28.92 kB
react-card Card	96.373 kB 27.403 kB
react-card CardFooter	13.064 kB 5.385 kB
react-card CardHeader	15.307 kB 6.143 kB
react-card CardPreview	14.015 kB 5.752 kB
react-checkbox Checkbox	35.65 kB 12.076 kB
react-combobox Combobox (including child components)	102.176 kB 32.976 kB
react-combobox Dropdown (including child components)	103.543 kB 32.927 kB
react-components react-components: Button, FluentProvider & webLightTheme	70.726 kB 20.47 kB
react-components react-components: Accordion, Button, FluentProvider, Image, Menu, Popover	217.193 kB 61.95 kB
react-components react-components: FluentProvider & webLightTheme	43.211 kB 14.303 kB
react-datepicker-compat DatePicker Compat	224.513 kB 62.955 kB
react-dialog Dialog (including children components)	100.923 kB 29.928 kB
react-infobutton InfoButton	138.69 kB 43.394 kB
react-infobutton InfoLabel	142.491 kB 44.625 kB
react-link Link	17.082 kB 6.911 kB
react-menu Menu (including children components)	149.422 kB 45.506 kB
react-menu Menu (including selectable components)	152.108 kB 46.016 kB
react-message-bar MessageBar (all components)	25.566 kB 9.131 kB
react-persona Persona	57.066 kB 17.821 kB
react-popover Popover	126.88 kB 39.806 kB
react-portal Portal	13.629 kB 4.875 kB
react-portal-compat PortalCompatProvider	7.94 kB 2.592 kB
react-provider FluentProvider	23.751 kB 8.66 kB
react-radio Radio	32.946 kB 10.252 kB
react-radio RadioGroup	15.354 kB 6.265 kB
react-slider Slider	39.943 kB 12.969 kB
react-switch Switch	35.134 kB 11.198 kB
react-table DataGrid	165.162 kB 45.897 kB
react-table Table (Primitives only)	45.318 kB 14.117 kB
react-table Table as DataGrid	136.542 kB 36.827 kB
react-table Table (Selection only)	76.307 kB 20.546 kB
react-table Table (Sort only)	74.973 kB 20.156 kB
react-tags InteractionTag	15.259 kB 6.058 kB
react-tags Tag	29.982 kB 9.439 kB
react-tags TagGroup	80.55 kB 24.027 kB
react-timepicker-compat TimePicker	104.206 kB 34.375 kB
react-toast Toast (including Toaster)	100.192 kB 29.763 kB
react-tooltip Tooltip	54.576 kB 19.192 kB

_{🤖 This report was generated against 2d8daefd2266a1397a43cca5605f07c4d8a352e3}

[codesandbox-ci[bot]]

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.

[fabricteam]

🕵 fluentuiv9 No visual regressions between this PR and main