@azure/communication-react 1.7.0-alpha-202307220013 → 1.7.0-alpha-202307250014

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-202307220013';
+var telemetryVersion = '1.7.0-alpha-202307250014';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -16233,17 +16233,21 @@ const captionContainerClassName = react.mergeStyles({
 /**
  * @private
  */
-const captionsBannerClassName = (formFactor) => {
+const captionsBannerStyles = (formFactor) => {
     return {
-        root: Object.assign({ overflowX: 'hidden', height: formFactor === 'compact' ? '4.5rem' : '6.25rem', overflowY: 'auto' }, scrollbarStyles)
+        root: Object.assign({ overflowX: 'hidden', height: formFactor === 'compact' ? '4.5rem' : '8.75rem', overflowY: 'auto' }, scrollbarStyles)
     };
 };
 /**
  * @private
  */
-const loadingBannerClassName = react.mergeStyles({
-    height: _pxToRem(100)
-});
+const loadingBannerStyles = (formFactor) => {
+    return {
+        root: {
+            height: formFactor === 'compact' ? '4.5rem' : '8.75rem'
+        }
+    };
+};
 /**
  * @private
  */
@@ -16323,11 +16327,11 @@ const _CaptionsBanner = (props) => {
     }, [captions, isAtBottomOfScroll]);
     return (React__default['default'].createElement(React__default['default'].Fragment, null, startCaptionsInProgress && (React__default['default'].createElement(react.FocusZone, { as: "ul", className: captionsContainerClassName },
         isCaptionsOn && (React__default['default'].createElement(c, { innerRef: captionsScrollDivRef },
-            React__default['default'].createElement(react.Stack, { verticalAlign: "start", styles: captionsBannerClassName(formFactor) }, captions.map((caption) => {
+            React__default['default'].createElement(react.Stack, { verticalAlign: "start", styles: captionsBannerStyles(formFactor) }, captions.map((caption) => {
                 return (React__default['default'].createElement("div", { key: caption.id, className: captionContainerClassName, "data-is-focusable": true },
                     React__default['default'].createElement(_Caption, Object.assign({}, caption, { onRenderAvatar: onRenderAvatar }))));
             })))),
-        !isCaptionsOn && (React__default['default'].createElement(react.Stack, { verticalAlign: "center", className: loadingBannerClassName, "data-is-focusable": true },
+        !isCaptionsOn && (React__default['default'].createElement(react.Stack, { verticalAlign: "center", styles: loadingBannerStyles(formFactor), "data-is-focusable": true },
             React__default['default'].createElement(react.Spinner, { label: strings === null || strings === void 0 ? void 0 : strings.captionsBannerSpinnerText, ariaLive: "assertive", labelPosition: "right" })))))));
 };
 
@@ -21696,7 +21700,7 @@ const CaptionsBanner = (props) => {
         /* @conditional-compile-remove(close-captions) */ isCaptionsSettingsOpen && (React__default['default'].createElement(CaptionsSettingsModal, { showCaptionsSettingsModal: isCaptionsSettingsOpen, onDismissCaptionsSettings: onDismissCaptionsSettings })),
         /* @conditional-compile-remove(close-captions) */ React__default['default'].createElement("div", { className: containerClassName },
             React__default['default'].createElement(react.Stack, { horizontalAlign: "center" },
-                React__default['default'].createElement(react.Stack.Item, { style: { width: props.isMobile ? mobileViewBannerWidth : desktopViewBannerWidth } },
+                React__default['default'].createElement(react.Stack.Item, { style: { width: props.isMobile ? mobileViewBannerWidth : desktopViewBannerWidth, maxWidth: '35rem' } },
                     React__default['default'].createElement(_CaptionsBanner, Object.assign({}, captionsBannerProps, handlers, { formFactor: props.isMobile ? 'compact' : 'default', strings: captionsBannerStrings })))),
             !props.isMobile && captionsBannerProps.isCaptionsOn && (React__default['default'].createElement("div", { className: floatingChildClassName },
                 React__default['default'].createElement(CaptionsBannerMoreButton, { onCaptionsSettingsClick: onClickCaptionsSettings }))))));