@azure/communication-react 1.7.0-alpha-202307120016 → 1.7.0-alpha-202307130015

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.7.0-alpha-202307120016';
+var telemetryVersion = '1.7.0-alpha-202307130015';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -7032,7 +7032,7 @@ const _MentionPopover = (props) => {
     const ids = useIdentifiers();
     const localeStrings = useLocale$1().strings;
     const popoverRef = React.useRef();
-    const [position, setPosition] = React.useState({ left: 0 });
+    const [position, setPosition] = React.useState();
     const [hoveredSuggestion, setHoveredSuggestion] = React.useState(undefined);
     const [changedSelection, setChangedSelection] = React.useState(undefined); // Selection UI as per teams
     const dismissPopoverWhenClickingOutside = React.useCallback((e) => {
@@ -7119,20 +7119,19 @@ const _MentionPopover = (props) => {
         /* @conditional-compile-remove(mention) */
         return localeStrings.mentionPopover.mentionPopoverHeader;
     }, [localeStrings, title]);
-    return (React__default['default'].createElement("div", { ref: popoverRef },
-        React__default['default'].createElement(react.Stack, { "data-testid": 'mention-suggestion-list-container', className: react.mergeStyles({
-                maxHeight: 212,
-                maxWidth: position.maxWidth
-            }, mentionPopoverContainerStyle(theme), Object.assign(Object.assign({}, position), { position: 'absolute' })) },
-            React__default['default'].createElement(react.Stack.Item, { styles: headerStyleThemed(theme), "aria-label": title }, getHeaderTitle()),
-            React__default['default'].createElement(react.Stack
-            /* @conditional-compile-remove(mention) */
-            , { "data-ui-id": ids.mentionSuggestionList, className: suggestionListStyle }, suggestions.map((suggestion, index) => {
-                const active = index === activeSuggestionIndex;
-                return onRenderSuggestionItem
-                    ? onRenderSuggestionItem(suggestion, onSuggestionSelected, active)
-                    : defaultOnRenderSuggestionItem(suggestion, onSuggestionSelected, active);
-            })))));
+    return (React__default['default'].createElement("div", { ref: popoverRef }, position && (React__default['default'].createElement(react.Stack, { "data-testid": 'mention-suggestion-list-container', className: react.mergeStyles({
+            maxHeight: 212,
+            maxWidth: position.maxWidth
+        }, mentionPopoverContainerStyle(theme), Object.assign(Object.assign({}, position), { position: 'absolute' })) },
+        React__default['default'].createElement(react.Stack.Item, { styles: headerStyleThemed(theme), "aria-label": title }, getHeaderTitle()),
+        React__default['default'].createElement(react.Stack
+        /* @conditional-compile-remove(mention) */
+        , { "data-ui-id": ids.mentionSuggestionList, className: suggestionListStyle }, suggestions.map((suggestion, index) => {
+            const active = index === activeSuggestionIndex;
+            return onRenderSuggestionItem
+                ? onRenderSuggestionItem(suggestion, onSuggestionSelected, active)
+                : defaultOnRenderSuggestionItem(suggestion, onSuggestionSelected, active);
+        }))))));
 };
 
 // Copyright (c) Microsoft Corporation.