Skip to content

feat: add AriaLiveAnnouncer component#30345

Merged
layershifter merged 1 commit intomicrosoft:masterfrom
layershifter:feat/aria-announcer
Jan 22, 2024
Merged

feat: add AriaLiveAnnouncer component#30345
layershifter merged 1 commit intomicrosoft:masterfrom
layershifter:feat/aria-announcer

Conversation

@layershifter
Copy link
Member

@layershifter layershifter commented Jan 18, 2024

Fixes #29371.

New Behavior

Adds a default implementation (and docs 📝 ) of the announcer to be used with useAnnounce().

Main code of the announcer part is ported from Fluent **, kudos to @smhigley.

@fabricteam
Copy link
Collaborator

fabricteam commented Jan 18, 2024

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-accordion
Accordion (including children components)
93.962 kB
28.706 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-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-card
Card - All
94.653 kB
27.242 kB
react-card
Card
89.477 kB
25.731 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-components
react-components: Button, FluentProvider & webLightTheme
69.901 kB
20.261 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
210.494 kB
60.055 kB
react-components
react-components: FluentProvider & webLightTheme
42.388 kB
14.103 kB
react-datepicker-compat
DatePicker Compat
214.107 kB
60.047 kB
react-dialog
Dialog (including children components)
95.522 kB
28.482 kB
react-infobutton
InfoButton
132.952 kB
41.844 kB
react-infobutton
InfoLabel
136.64 kB
42.986 kB
react-menu
Menu (including children components)
142.794 kB
43.72 kB
react-menu
Menu (including selectable components)
145.48 kB
44.227 kB
react-message-bar
MessageBar (all components)
25.181 kB
9.039 kB
react-persona
Persona
57.066 kB
17.821 kB
react-popover
Popover
121.146 kB
38.235 kB
react-portal-compat
PortalCompatProvider
7.099 kB
2.385 kB
react-table
DataGrid
157.363 kB
43.948 kB
react-table
Table (Primitives only)
44.493 kB
13.921 kB
react-table
Table as DataGrid
130.321 kB
35.173 kB
react-table
Table (Selection only)
75.365 kB
20.367 kB
react-table
Table (Sort only)
74.031 kB
19.976 kB
react-tags
InteractionTag
15.259 kB
6.058 kB
react-tags
Tag
29.982 kB
9.439 kB
react-tags
TagGroup
74.404 kB
22.31 kB
react-toast
Toast (including Toaster)
93.274 kB
28.044 kB
🤖 This report was generated against 28dc7702fd80cb04c6b0cf7617d55ba5213616e3

@fabricteam
Copy link
Collaborator

fabricteam commented Jan 18, 2024

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 675 639 5000
Button mount 307 319 5000
Field mount 1150 1153 5000
FluentProvider mount 696 725 5000
FluentProviderWithTheme mount 79 82 10
FluentProviderWithTheme virtual-rerender 71 61 10
FluentProviderWithTheme virtual-rerender-with-unmount 77 78 10
MakeStyles mount 885 889 50000
Persona mount 1758 1739 5000
SpinButton mount 1405 1353 5000

@codesandbox-ci
Copy link

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.

Latest deployment of this branch, based on commit 74f81f2:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@size-auditor
Copy link

size-auditor bot commented Jan 18, 2024

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 28dc7702fd80cb04c6b0cf7617d55ba5213616e3 (build)

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

@layershifter layershifter marked this pull request as ready for review January 18, 2024 18:03
@layershifter layershifter requested review from a team as code owners January 18, 2024 18:03
@layershifter layershifter merged commit 6220c3d into microsoft:master Jan 22, 2024
@layershifter layershifter deleted the feat/aria-announcer branch January 22, 2024 09:31
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.

Implement default announce implementation in Fluent UI

3 participants