@azure/communication-react 1.10.0-alpha-202311060013 → 1.10.0-alpha-202311080012

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

@@ -177,7 +177,7 @@ const _isValidIdentifier = (identifier) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.10.0-alpha-202311060013';
+var telemetryVersion = '1.10.0-alpha-202311080012';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -9711,7 +9711,12 @@ const chatMessageActionMenuProps = (menuProps) => {
     // Show the action button while the flyout is open (otherwise this will dismiss when the pointer is hovered over the flyout)
     const showActionMenu = enabled || menuExpanded;
     const actionMenuProps = {
-        children: (React__default["default"].createElement("div", { tabIndex: showActionMenu ? 0 : undefined, key: "menuButton", "data-ui-id": "chat-composite-message-action-icon", ref: menuProps.menuButtonRef, onClick: showActionMenu ? () => menuProps.onActionButtonClick() : undefined, style: { margin: showActionMenu ? '1px' : 0, minHeight: showActionMenu ? undefined : '30px' }, role: "button", "aria-label": showActionMenu ? ariaLabel : undefined, "aria-haspopup": showActionMenu, "aria-expanded": menuExpanded }, showActionMenu ? (React__default["default"].createElement(react.Icon, { iconName: "ChatMessageOptions", "aria-label": ariaLabel, styles: iconWrapperStyle(theme, menuExpanded) })) : undefined))
+        children: (React__default["default"].createElement("div", { tabIndex: showActionMenu ? 0 : undefined, key: "menuButton", "data-ui-id": "chat-composite-message-action-icon", ref: menuProps.menuButtonRef, onClick: showActionMenu ? () => menuProps.onActionButtonClick() : undefined, style: { margin: showActionMenu ? '1px' : 0, minHeight: showActionMenu ? undefined : '30px' }, role: "button", "aria-label": showActionMenu ? ariaLabel : undefined, "aria-haspopup": showActionMenu, "aria-expanded": menuExpanded, onKeyDown: (e) => {
+                // simulate <button> tag behavior
+                if (showActionMenu && (e.key === 'Enter' || e.key === ' ')) {
+                    menuProps.onActionButtonClick();
+                }
+            } }, showActionMenu ? (React__default["default"].createElement(react.Icon, { iconName: "ChatMessageOptions", "aria-label": ariaLabel, styles: iconWrapperStyle(theme, menuExpanded) })) : undefined))
     };
     return actionMenuProps;
 };
@@ -27205,6 +27210,15 @@ const CallArrangement = (props) => {
         }
     }, [closePeoplePane, isPeoplePaneOpen, openPeoplePane]);
     const isSidePaneOpen = useIsSidePaneOpen();
+    const [renderGallery, setRenderGallery] = React.useState(!isSidePaneOpen && props.mobileView);
+    React.useEffect(() => {
+        if (isSidePaneOpen && props.mobileView) {
+            setRenderGallery(false);
+        }
+        else {
+            setRenderGallery(true);
+        }
+    }, [props.mobileView, isSidePaneOpen]);
     const locale = useLocale();
     const modalStrings = { dismissModalAriaLabel: locale.strings.call.dismissModalAriaLabel };
     const isMobileWithActivePane = props.mobileView && isSidePaneOpen;
@@ -27342,7 +27356,7 @@ const CallArrangement = (props) => {
                                         props.capabilitiesChangedNotificationBarProps.capabilitiesChangedNotifications.length > 0 && (React__default["default"].createElement(react.Stack, { styles: bannerNotificationStyles },
                                         React__default["default"].createElement(CapabilitiesChangedNotificationBar, Object.assign({}, props.capabilitiesChangedNotificationBarProps, { capabilitiesChangedNotifications: filteredCapabilitesChangedNotifications !== null && filteredCapabilitesChangedNotifications !== void 0 ? filteredCapabilitesChangedNotifications : [] })))),
                                     canUnmute && !!props.mutedNotificationProps && (React__default["default"].createElement(MutedNotification, Object.assign({}, props.mutedNotificationProps)))),
-                                props.onRenderGalleryContent && props.onRenderGalleryContent(),
+                                renderGallery && props.onRenderGalleryContent && props.onRenderGalleryContent(),
                                 /* @conditional-compile-remove(close-captions) */
                                 /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ !isInLocalHold && (React__default["default"].createElement(CaptionsBanner, { isMobile: props.mobileView, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData }))))),
                     React__default["default"].createElement(SidePane, { mobileView: props.mobileView,