@azure/communication-react 1.5.1-alpha-202302132135 → 1.5.1-alpha-202302150014

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

@@ -161,7 +161,7 @@ const _toCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.5.1-alpha-202302132135';
+var telemetryVersion = '1.5.1-alpha-202302150014';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -8660,18 +8660,16 @@ const VideoTile = (props) => {
     const canShowContextMenuButton = isHovered || isFocused;
     return (React__default['default'].createElement(react.Stack, Object.assign({ "data-ui-id": ids.videoTile, className: react.mergeStyles(rootStyles, {
             background: theme.palette.neutralLighter,
-            borderRadius: theme.effects.roundedCorner4,
-            // To ensure that the video tile is focusable when there is a floating video tile
-            zIndex: 1
+            borderRadius: theme.effects.roundedCorner4
         }, isSpeaking && {
-            '&::before': {
+            '&::after': {
                 content: `''`,
                 position: 'absolute',
-                zIndex: 1,
                 border: `0.25rem solid ${theme.palette.themePrimary}`,
                 borderRadius: theme.effects.roundedCorner4,
                 width: '100%',
-                height: '100%'
+                height: '100%',
+                pointerEvents: 'none'
             }
         }, styles === null || styles === void 0 ? void 0 : styles.root) }, longPressHandlersTrampoline),
         React__default['default'].createElement("div", Object.assign({ ref: videoTileRef, style: { width: '100%', height: '100%' } }, hoverHandlers, { "data-is-focusable": true }),
@@ -10400,11 +10398,11 @@ const FloatingLocalVideoLayout = (props) => {
         return (React__default['default'].createElement(VideoGalleryResponsiveHorizontalGallery, { isNarrow: isNarrow, shouldFloatLocalVideo: true, horizontalGalleryElements: horizontalGalleryTiles, styles: styles === null || styles === void 0 ? void 0 : styles.horizontalGallery }));
     }, [isNarrow, horizontalGalleryTiles, styles === null || styles === void 0 ? void 0 : styles.horizontalGallery]);
     return (React__default['default'].createElement(react.Stack, { styles: rootLayoutStyle },
+        wrappedLocalVideoComponent,
+        React__default['default'].createElement(react.LayerHost, { id: layerHostId, className: react.mergeStyles(layerHostStyle) }),
         React__default['default'].createElement(react.Stack, { horizontal: false, styles: innerLayoutStyle, tokens: videoGalleryLayoutGap },
             screenShareComponent ? (screenShareComponent) : (React__default['default'].createElement(GridLayout, { key: "grid-layout", styles: styles === null || styles === void 0 ? void 0 : styles.gridLayout }, gridTiles)),
-            horizontalGallery),
-        wrappedLocalVideoComponent,
-        React__default['default'].createElement(react.LayerHost, { id: layerHostId, className: react.mergeStyles(layerHostStyle) })));
+            horizontalGallery)));
 };
 
 // Copyright (c) Microsoft Corporation.