@azure/communication-react 1.12.1-alpha-202401300049 → 1.12.1-alpha-202401310012

package/dist/communication-react.d.ts

@@ -1919,6 +1919,22 @@ export declare interface CallCompositeStrings {
      * Label for menu item to remove participant
      */
     removeMenuLabel: string;
+    /**
+     * Label for menu item to start spotlight on participant
+     */
+    startSpotlightParticipantListMenuLabel: string;
+    /**
+     * Label for menu item to add spotlight on participant
+     */
+    addSpotlightParticipantListMenuLabel: string;
+    /**
+     * Label for menu item to stop spotlight on participant
+     */
+    stopSpotlightParticipantListMenuLabel: string;
+    /**
+     * Label for menu item to stop spotlight on local user
+     */
+    stopSpotlightOnSelfParticipantListMenuLabel: string;
     /**
      * Label for add people dropdown
      */
@@ -6128,6 +6144,8 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ContextMenuSpeakerIcon: React_2.JSX.Element;
     SurveyStarIcon: React_2.JSX.Element;
     SurveyStarIconFilled: React_2.JSX.Element;
+    StartSpotlightContextualMenuItem: React_2.JSX.Element;
+    StopSpotlightContextualMenuItem: React_2.JSX.Element;
     VideoSpotlighted: React_2.JSX.Element;
 };
 
@@ -6274,6 +6292,8 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ContextMenuSpeakerIcon: React_2.JSX.Element;
     SurveyStarIcon: React_2.JSX.Element;
     SurveyStarIconFilled: React_2.JSX.Element;
+    StartSpotlightContextualMenuItem: React_2.JSX.Element;
+    StopSpotlightContextualMenuItem: React_2.JSX.Element;
     VideoSpotlighted: React_2.JSX.Element;
 };
 
@@ -8749,6 +8769,10 @@ export declare type ParticipantListProps = {
     onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;
     /** Optional callback when rendered ParticipantItem is clicked */
     onParticipantClick?: (participant?: ParticipantListParticipant) => void;
+    /** Optional callback to generate context menu item to stop spotlight of each participant */
+    onStartSpotlight?: (userId: string) => void;
+    /** Optional callback to generate context menu item to stop spotlight of each participant */
+    onStopSpotlight?: (userId: string) => void;
     /** Styles for the {@link ParticipantList} */
     styles?: ParticipantListStyles;
     /** Optional value to determine if the tooltip should be shown for participants or not */
@@ -8757,7 +8781,7 @@ export declare type ParticipantListProps = {
     totalParticipantCount?: number;
     /** Strings for the participant list */
     strings?: ParticipantListStrings;
-    /** Optional aria-lablledby prop that prefixes each ParticipantItem aria-label */
+    /** Optional aria-labelledby prop that prefixes each ParticipantItem aria-label */
     participantAriaLabelledBy?: string;
 };
 
@@ -10901,6 +10925,14 @@ export declare interface VideoGalleryProps {
      * List of spotlighted participant userIds.
      */
     spotlightedParticipants?: string[];
+    /**
+     * This callback will be called when spotlight is started for participant video tile.
+     */
+    onStartSpotlight?: (userId: string) => Promise<void>;
+    /**
+     * This callback will be called when spotlight is stopped for participant video tile.
+     */
+    onStopSpotlight?: (userId: string) => Promise<void>;
     /**
      * Options for showing the remote video tile menu.
      *
@@ -11015,7 +11047,7 @@ export declare interface VideoGalleryStrings {
     fillRemoteParticipantFrame: string;
     /** Menu text shown in Video Tile contextual menu for pinning a remote participant's video tile */
     pinParticipantForMe: string;
-    /** Menu text shown in Video Tile contextual menu for setting a remote participant's video tile */
+    /** Menu text shown in Video Tile contextual menu for unpinning a remote participant's video tile */
     unpinParticipantForMe: string;
     /** Aria label for pin participant menu item of remote participant's video tile */
     pinParticipantMenuItemAriaLabel: string;
@@ -11025,6 +11057,14 @@ export declare interface VideoGalleryStrings {
     pinnedParticipantAnnouncementAriaLabel: string;
     /** Aria label to announce when remote participant's video tile is unpinned */
     unpinnedParticipantAnnouncementAriaLabel: string;
+    /** Menu text shown in Video Tile contextual menu to start spotlight on participant's video tile */
+    startSpotlightVideoTileMenuLabel: string;
+    /** Menu text shown in Video Tile contextual menu to add spotlight to participant's video tile */
+    addSpotlightVideoTileMenuLabel: string;
+    /** Menu text shown in Video Tile contextual menu to stop spotlight on participant's video tile */
+    stopSpotlightVideoTileMenuLabel: string;
+    /** Menu text shown in Video Tile contextual menu to stop spotlight on local user's video tile */
+    stopSpotlightOnSelfVideoTileMenuLabel: string;
 }
 
 /**