@azure/communication-react 1.3.2-alpha-202207010015.0 → 1.3.2-alpha-202207060015.0

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

@@ -191,7 +191,7 @@ const fromFlatCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.3.2-alpha-202207010015.0';
+var telemetryVersion = '1.3.2-alpha-202207060015.0';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -4384,7 +4384,7 @@ const ParticipantItem = (props) => {
             setItemHovered(true);
             setMenuHidden(false);
             onClick === null || onClick === void 0 ? void 0 : onClick(props);
-        } },
+        }, tabIndex: 0 },
         React__default['default'].createElement(react.Stack, { horizontal: true, className: react.mergeStyles({ width: `calc(100% - ${menuButtonContainerStyle.width})`, alignItems: 'center' }) },
             avatar,
             me && React__default['default'].createElement(react.Text, { className: meTextStyle }, isMeText),
@@ -11022,7 +11022,7 @@ class ProxyCallAgent {
              * 3. Use `callAgent.incomingCalls` and filter an incoming call ID to get a declarative incoming call object
              */
             case 'incomingCalls': {
-                return this._declarativeIncomingCalls;
+                return Array.from(this._declarativeIncomingCalls.values());
             }
             default:
                 return Reflect.get(target, prop);
@@ -13357,7 +13357,8 @@ const chatContainer = react.mergeStyles({
 const chatArea = react.mergeStyles({
     height: '100%',
     width: '100%',
-    overflow: 'auto'
+    overflow: 'auto',
+    position: 'relative' // Ensure that the absolute children components are positioned relative to the chat area
 });
 /**
  * @private
@@ -17551,7 +17552,7 @@ const TabHeader = (props) => {
     }, [theme, haveMultipleTabs]);
     const strings = useCallWithChatCompositeStrings();
     return (React__default['default'].createElement(react.Stack, { horizontal: true, grow: true, styles: mobilePaneControlBarStyle },
-        React__default['default'].createElement(react.DefaultButton, { ariaLabel: strings.returnToCallButtonAriaLabel, ariaDescription: strings.returnToCallButtonAriaDescription, onClick: props.onClose, styles: mobilePaneBackButtonStyles, onRenderIcon: () => React__default['default'].createElement(CallWithChatCompositeIcon, { iconName: "ChevronLeft" }) }),
+        React__default['default'].createElement(react.DefaultButton, { ariaLabel: strings.returnToCallButtonAriaLabel, ariaDescription: strings.returnToCallButtonAriaDescription, onClick: props.onClose, styles: mobilePaneBackButtonStyles, onRenderIcon: () => React__default['default'].createElement(CallWithChatCompositeIcon, { iconName: "ChevronLeft" }), autoFocus: true }),
         React__default['default'].createElement(react.Stack.Item, { grow: true }, props.onChatButtonClicked && (React__default['default'].createElement(react.DefaultButton, { onClick: props.onChatButtonClicked, styles: mobilePaneButtonStylesThemed, checked: props.activeTab === 'chat', role: 'tab' }, strings.chatButtonLabel))),
         React__default['default'].createElement(react.Stack.Item, { grow: true }, props.onPeopleButtonClicked && (React__default['default'].createElement(react.DefaultButton, { onClick: props.onPeopleButtonClicked, styles: mobilePaneButtonStylesThemed, checked: props.activeTab === 'people', role: 'tab' }, strings.peopleButtonLabel))),
         React__default['default'].createElement(react.DefaultButton, { styles: mobilePaneHiddenIconStyles, onRenderIcon: () => React__default['default'].createElement(CallWithChatCompositeIcon, { iconName: "ChevronLeft" }) })));