@azure/communication-react 1.3.2-alpha-202206300013.0 → 1.3.2-alpha-202207070016.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-202206300013.0';
+var telemetryVersion = '1.3.2-alpha-202207070016.0';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -2307,7 +2307,7 @@ const _FileCard = (props) => {
             } },
             React__default['default'].createElement(react.Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center", className: fileInfoWrapperClassName },
                 React__default['default'].createElement(react.Stack, null,
-                    React__default['default'].createElement(react.Icon, Object.assign({}, reactFileTypeIcons.getFileTypeIconProps({
+                    React__default['default'].createElement(react.Icon, Object.assign({ "data-ui-id": 'filetype-icon' }, reactFileTypeIcons.getFileTypeIconProps({
                         extension: fileExtension,
                         size: 24,
                         imageFileType: 'svg'
@@ -2646,6 +2646,8 @@ const MESSAGE_AMOUNT_OUT_FROM_EDGE_REM = 2;
 const MESSAGE_AVATAR_OVERLAP_REM = 0.425;
 const CHAT_MESSAGE_ZINDEX = 1;
 const AVATAR_ZINDEX = 2;
+// new message button should be on top of chat message
+const NEW_MESSAGE_BUTTON_ZINDEX = 2;
 /**
  * @private
  */
@@ -2682,7 +2684,7 @@ const chatStyle = {
  */
 const newMessageButtonContainerStyle = react.mergeStyles({
     position: 'absolute',
-    zIndex: 1,
+    zIndex: NEW_MESSAGE_BUTTON_ZINDEX,
     bottom: 0,
     right: '1.5rem'
 });
@@ -4384,7 +4386,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 +11024,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 +13359,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 +17554,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" }) })));