feat(react-shared-contexts): add AnnounceContext

change/@fluentui-react-shared-contexts-6be5add1-ce81-4471-bd65-d79d627c1a96.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "adds Announce context",
+  "packageName": "@fluentui/react-shared-contexts",
+  "email": "eysjiang@gmail.com",
+  "dependentChangeType": "patch"
+}

packages/react-components/react-shared-contexts/src/AnnounceContext/AnnounceContext.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+
+export type AnnounceOptions = {
+  alert?: boolean;
+  priority?: number;
+  batchId?: string;
+};
+
+/**
+ * @internal
+ */
+export type AnnounceContextValue = (message: string, options: AnnounceOptions) => void;
+
+/**
+ * @internal
+ */
+export const AnnounceContext = React.createContext<AnnounceContextValue | undefined>(undefined);
+
+/**
+ * @internal
+ */
+export const AnnounceProvider = AnnounceContext.Provider;
+
+export function useAnnounce(): AnnounceContextValue {
+  return React.useContext(AnnounceContext) ?? (() => null);
+}

packages/react-components/react-shared-contexts/src/AnnounceContext/index.ts

@@ -0,0 +1 @@
+export * from './AnnounceContext';

packages/react-components/react-shared-contexts/src/index.ts

@@ -33,3 +33,6 @@ export { BackgroundAppearanceProvider, useBackgroundAppearance } from './Backgro
 export type { BackgroundAppearanceContextValue } from './BackgroundAppearanceContext';
 
 export { PortalMountNodeProvider, usePortalMountNode } from './PortalMountNodeContext';
+
+export { AnnounceProvider as AnnounceProvider_unstable, useAnnounce as useAnnounce_unstable } from './AnnounceContext';
+export type { AnnounceContextValue as AnnounceContextValue_unstable } from './AnnounceContext';