@azure/communication-react 1.8.0-alpha-202309020012 → 1.8.0-alpha-202309060012

package/dist/communication-react.d.ts

@@ -3560,14 +3560,14 @@ export declare type CancelEditCallback = (messageId: string) => void;
 /**
  * Callback for {@link CallAdapterSubscribers} 'capabilitiesChanged' event.
  *
- * @beta
+ * @public
  */
 export declare type CapabilitiesChangedListener = (data: CapabilitiesChangeInfo) => void;
 
 /**
  * State only version of {@link @azure/communication-calling#CapabilitiesFeature}
  *
- * @beta
+ * @public
  */
 export declare interface CapabilitiesFeatureState {
     /**
@@ -3582,7 +3582,7 @@ export declare interface CapabilitiesFeatureState {
 
 /**
  * Strings for capability changed notification
- * @beta
+ * @public
  */
 export declare interface CapabilityChangedNotificationStrings {
     /**
@@ -3627,7 +3627,7 @@ export declare interface CapabilityChangedNotificationStrings {
 }
 
 /**
- * @beta
+ * @public
  * caption language strings for captions setting modal
  */
 export declare interface CaptionLanguageStrings {
@@ -3666,7 +3666,7 @@ export declare interface CaptionLanguageStrings {
 }
 
 /**
- * @beta
+ * @public
  */
 export declare interface CaptionsCallFeatureState {
     /**
@@ -3700,7 +3700,7 @@ export declare interface CaptionsCallFeatureState {
 }
 
 /**
- * @beta
+ * @public
  */
 export declare interface CaptionsInfo {
     /**
@@ -3736,7 +3736,7 @@ export declare interface CaptionsInfo {
 /**
  * options bag to start captions
  *
- * @beta
+ * @public
  */
 export declare type CaptionsOptions = {
     spokenLanguage: string;
@@ -3745,7 +3745,7 @@ export declare type CaptionsOptions = {
 /**
  * Callback for {@link CallAdapterSubscribers} 'captionsReceived' event.
  *
- * @beta
+ * @public
  */
 export declare type CaptionsReceivedListener = (event: {
     captionsInfo: CaptionsInfo;
@@ -6947,7 +6947,7 @@ export declare interface IncomingCallState {
 /**
  * Callback for {@link CallAdapterSubscribers} 'isCaptionLanguageChanged' event.
  *
- * @beta
+ * @public
  */
 export declare type IsCaptionLanguageChangedListener = (event: {
     activeCaptionLanguage: string;
@@ -6956,7 +6956,7 @@ export declare type IsCaptionLanguageChangedListener = (event: {
 /**
  * Callback for {@link CallAdapterSubscribers} 'isCaptionsActiveChanged' event.
  *
- * @beta
+ * @public
  */
 export declare type IsCaptionsActiveChangedListener = (event: {
     isActive: boolean;
@@ -6994,7 +6994,7 @@ export declare type IsSpeakingChangedListener = (event: {
 /**
  * Callback for {@link CallAdapterSubscribers} 'isSpokenLanguageChanged' event.
  *
- * @beta
+ * @public
  */
 export declare type IsSpokenLanguageChangedListener = (event: {
     activeSpokenLanguage: string;
@@ -8927,7 +8927,7 @@ export declare interface SitePermissionsStyles extends BaseCustomStyles {
 }
 
 /**
- * @beta
+ * @public
  * spoken language strings for captions setting modal
  */
 export declare interface SpokenLanguageStrings {

package/dist/dist-cjs/communication-react/index.js

@@ -178,7 +178,7 @@ const _isValidIdentifier = (identifier) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.8.0-alpha-202309020012';
+var telemetryVersion = '1.8.0-alpha-202309060012';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -1955,7 +1955,7 @@ class CallContext$2 {
             }
         });
     }
-    /* @conditional-compile-remove(rooms) */
+    /* @conditional-compile-remove(rooms) */ /* @conditional-compile-remove(capabilities) */
     setRole(callId, role) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -3586,7 +3586,7 @@ class CallSubscriber {
             this._call.on('remoteParticipantsUpdated', this.remoteParticipantsUpdated);
             this._call.on('localVideoStreamsUpdated', this.localVideoStreamsUpdated);
             this._call.on('isMutedChanged', this.isMuteChanged);
-            /* @conditional-compile-remove(rooms) */
+            /* @conditional-compile-remove(rooms) */ /* @conditional-compile-remove(capabilities) */
             this._call.on('roleChanged', this.callRoleChangedHandler);
             this._call.feature(communicationCalling.Features.DominantSpeakers).on('dominantSpeakersChanged', this.dominantSpeakersChanged);
             /* @conditional-compile-remove(total-participant-count) */
@@ -3612,7 +3612,7 @@ class CallSubscriber {
             this._call.off('remoteParticipantsUpdated', this.remoteParticipantsUpdated);
             this._call.off('localVideoStreamsUpdated', this.localVideoStreamsUpdated);
             this._call.off('isMutedChanged', this.isMuteChanged);
-            /* @conditional-compile-remove(rooms) */
+            /* @conditional-compile-remove(rooms) */ /* @conditional-compile-remove(capabilities) */
             this._call.off('roleChanged', this.callRoleChangedHandler);
             /* @conditional-compile-remove(total-participant-count) */
             this._call.off('totalParticipantCountChanged', this.totalParticipantCountChangedHandler);
@@ -3662,7 +3662,7 @@ class CallSubscriber {
         this.isMuteChanged = () => {
             this._context.setCallIsMicrophoneMuted(this._callIdRef.callId, this._call.isMuted);
         };
-        /* @conditional-compile-remove(rooms) */
+        /* @conditional-compile-remove(rooms) */ /* @conditional-compile-remove(capabilities) */
         this.callRoleChangedHandler = () => {
             this._context.setRole(this._callIdRef.callId, this._call.role);
         };
@@ -17667,6 +17667,14 @@ const _CaptionsSettingsModal = (props) => {
             };
         });
     }, [supportedCaptionLanguages, captionLanguageStrings]);
+    const sortedSpokenLanguageDropdownOptions = React.useMemo(() => {
+        const copy = [...spokenLanguageDropdownOptions];
+        return copy.sort((a, b) => (a.text > b.text ? 1 : -1));
+    }, [spokenLanguageDropdownOptions]);
+    const sortedCaptionLanguageDropdownOptions = React.useMemo(() => {
+        const copy = [...captionLanguageDropdownOptions];
+        return copy.sort((a, b) => (a.text > b.text ? 1 : -1));
+    }, [captionLanguageDropdownOptions]);
     const onSpokenLanguageChange = (event, option) => {
         if (option) {
             setSelectedSpokenLanguage(option);
@@ -17686,17 +17694,17 @@ const _CaptionsSettingsModal = (props) => {
             ? currentCaptionLanguage
             : _spokenLanguageToCaptionLanguage[placeholderSpokenLanguage];
         return (React__default['default'].createElement(react.Stack, null,
-            React__default['default'].createElement(react.Dropdown, { label: strings === null || strings === void 0 ? void 0 : strings.captionsSettingsSpokenLanguageDropdownLabel, selectedKey: selectedSpokenLanguage ? selectedSpokenLanguage.key : undefined, onChange: onSpokenLanguageChange, calloutProps: calloutProps, placeholder: placeholderSpokenLanguage, options: spokenLanguageDropdownOptions, styles: dropdownStyles }),
+            React__default['default'].createElement(react.Dropdown, { label: strings === null || strings === void 0 ? void 0 : strings.captionsSettingsSpokenLanguageDropdownLabel, selectedKey: selectedSpokenLanguage ? selectedSpokenLanguage.key : undefined, onChange: onSpokenLanguageChange, calloutProps: calloutProps, placeholder: placeholderSpokenLanguage, options: sortedSpokenLanguageDropdownOptions, styles: dropdownStyles }),
             React__default['default'].createElement(react.Text, { className: dropdownInfoTextStyle(theme) }, strings === null || strings === void 0 ? void 0 : strings.captionsSettingsSpokenLanguageDropdownInfoText),
             changeCaptionLanguage && (React__default['default'].createElement(React__default['default'].Fragment, null,
-                React__default['default'].createElement(react.Dropdown, { label: strings === null || strings === void 0 ? void 0 : strings.captionsSettingsCaptionLanguageDropdownLabel, selectedKey: selectedCaptionLanguage ? selectedCaptionLanguage.key : undefined, onChange: onCaptionLanguageChange, calloutProps: calloutProps, placeholder: placeholderCaptionLanguage, options: captionLanguageDropdownOptions, styles: dropdownStyles }),
+                React__default['default'].createElement(react.Dropdown, { label: strings === null || strings === void 0 ? void 0 : strings.captionsSettingsCaptionLanguageDropdownLabel, selectedKey: selectedCaptionLanguage ? selectedCaptionLanguage.key : undefined, onChange: onCaptionLanguageChange, calloutProps: calloutProps, placeholder: placeholderCaptionLanguage, options: sortedCaptionLanguageDropdownOptions, styles: dropdownStyles }),
                 React__default['default'].createElement(react.Text, { className: dropdownInfoTextStyle(theme) }, strings === null || strings === void 0 ? void 0 : strings.captionsSettingsCaptionLanguageDropdownInfoText)))));
     }, [
         calloutProps,
         currentSpokenLanguage,
         currentCaptionLanguage,
-        spokenLanguageDropdownOptions,
-        captionLanguageDropdownOptions,
+        sortedSpokenLanguageDropdownOptions,
+        sortedCaptionLanguageDropdownOptions,
         selectedCaptionLanguage,
         selectedSpokenLanguage,
         strings === null || strings === void 0 ? void 0 : strings.captionsSettingsSpokenLanguageDropdownInfoText,
@@ -23146,7 +23154,7 @@ const Camera = (props) => {
     var _a, _b, _c;
     const cameraButtonProps = usePropsFor$1(CameraButton);
     const styles = React.useMemo(() => { var _a; return concatButtonBaseStyles((_a = props.styles) !== null && _a !== void 0 ? _a : {}); }, [props.styles]);
-    /* @conditional-compile-remove(rooms) */
+    /* @conditional-compile-remove(rooms) */ /* @conditional-compile-remove(capabilities) */
     const adapter = useAdapter();
     /* @conditional-compile-remove(rooms) */
     const isRoomsCall = adapter.getState().isRoomsCall;
@@ -23377,7 +23385,7 @@ const Microphone = (props) => {
     const callStatus = useSelector$1(getCallStatus);
     const isLocalMicrophoneEnabled = useSelector$1(getLocalMicrophoneEnabled);
     const strings = useLocale().strings.call;
-    /* @conditional-compile-remove(rooms) */
+    /* @conditional-compile-remove(rooms) */ /* @conditional-compile-remove(capabilities) */
     const adapter = useAdapter();
     /* @conditional-compile-remove(rooms) */
     const isRoomsCall = adapter.getState().isRoomsCall;
@@ -24654,8 +24662,12 @@ const CaptionSettingsDrawer = (props) => {
             secondaryIconProps: props.currentLanguage === languageCode ? { iconName: 'Accept' } : undefined
         }));
     }, [props.currentLanguage, props.supportedLanguageStrings, onDrawerItemClick]);
+    const sortedDrawerItems = React.useMemo(() => {
+        const copy = [...drawerItems];
+        return copy.sort((a, b) => (a.text && b.text && a.text > b.text ? 1 : -1));
+    }, [drawerItems]);
     /* @conditional-compile-remove(close-captions) */
-    return (React__default['default'].createElement(_DrawerMenu, { heading: (_a = props.strings) === null || _a === void 0 ? void 0 : _a.menuTitle, items: drawerItems !== null && drawerItems !== void 0 ? drawerItems : [], onLightDismiss: () => {
+    return (React__default['default'].createElement(_DrawerMenu, { heading: (_a = props.strings) === null || _a === void 0 ? void 0 : _a.menuTitle, items: sortedDrawerItems !== null && sortedDrawerItems !== void 0 ? sortedDrawerItems : [], onLightDismiss: () => {
             props.setCurrentLanguage(props.currentLanguage);
             props.onLightDismiss();
         }, styles: captionSettingsDrawerStyles(theme) }));