@azure/communication-react 1.7.0-alpha-202307180021 → 1.7.0-alpha-202307210013

package/dist/dist-esm/react-components/src/components/Announcer/Announcer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /** @private */
 export declare type AnnouncerMessageBag = {
     message: string;

package/dist/dist-esm/react-components/src/components/Announcer/LiveMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /** @private */
 declare const LiveMessage: (props: {
     message: string;

package/dist/dist-esm/react-components/src/components/Announcer/MessageBlock.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /** @private */
 declare const MessageBlock: (props: {
     message: string;

package/dist/dist-esm/react-components/src/components/Announcer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @internal
  *  aria props for this hidden component.

package/dist/dist-esm/react-components/src/components/CameraButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VideoStreamOptions } from '../types';
 import { ControlBarButtonProps } from './ControlBarButton';
 import { IContextualMenuItemStyles, IContextualMenuStyles } from '@fluentui/react';

package/dist/dist-esm/react-components/src/components/Caption.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OnRenderAvatarCallback } from '../types';
 import { _CaptionsInfo } from './CaptionsBanner';
 /**

package/dist/dist-esm/react-components/src/components/CaptionsBanner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OnRenderAvatarCallback } from '../types';
 /**
  * @internal

package/dist/dist-esm/react-components/src/components/CaptionsBanner.js

@@ -32,7 +32,7 @@ export const _CaptionsBanner = (props) => {
         return () => {
             captionsScrollDiv === null || captionsScrollDiv === void 0 ? void 0 : captionsScrollDiv.removeEventListener('scroll', handleScrollToTheBottom);
         };
-    }, [handleScrollToTheBottom]);
+    }, [handleScrollToTheBottom, isCaptionsOn]);
     useEffect(() => {
         // only auto scroll to bottom is already is at bottom of scroll before new caption comes in
         if (isAtBottomOfScroll) {

package/dist/dist-esm/react-components/src/components/CaptionsBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaptionsBanner.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/CaptionsBanner.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { Stack, FocusZone, Spinner } from '@fluentui/react';\nimport React, { useEffect, useRef, useState, useCallback } from 'react';\nimport { _FileUploadCardsStrings } from './FileUploadCards';\nimport { Ref } from '@internal/northstar-wrapper';\nimport { _Caption } from './Caption';\nimport {\n  captionContainerClassName,\n  captionsBannerClassName,\n  captionsContainerClassName,\n  loadingBannerClassName\n} from './styles/Captions.style';\nimport { OnRenderAvatarCallback } from '../types';\n\n/**\n * @internal\n * information required for each line of caption\n */\nexport type _CaptionsInfo = {\n  id: string;\n  displayName: string;\n  captionText: string;\n  userId?: string;\n};\n\n/**\n * @internal\n * strings for captions banner\n */\nexport interface _CaptionsBannerStrings {\n  captionsBannerSpinnerText?: string;\n}\n\n/**\n * @internal\n * _CaptionsBanner Component Props.\n */\nexport interface _CaptionsBannerProps {\n  captions: _CaptionsInfo[];\n  isCaptionsOn?: boolean;\n  startCaptionsInProgress?: boolean;\n  /**\n   * Optional callback to override render of the avatar.\n   *\n   * @param userId - user Id\n   */\n  onRenderAvatar?: OnRenderAvatarCallback;\n  strings?: _CaptionsBannerStrings;\n  /**\n   * Optional form factor for the component.\n   * @defaultValue 'default'\n   */\n  formFactor?: 'default' | 'compact';\n}\n\n/**\n * @internal\n * A component for displaying a CaptionsBanner with user icon, displayName and captions text.\n */\nexport const _CaptionsBanner = (props: _CaptionsBannerProps): JSX.Element => {\n  const { captions, isCaptionsOn, startCaptionsInProgress, onRenderAvatar, strings, formFactor = 'default' } = props;\n  const captionsScrollDivRef = useRef<HTMLElement>(null);\n  const [isAtBottomOfScroll, setIsAtBottomOfScroll] = useState<boolean>(true);\n\n  const scrollToBottom = (): void => {\n    if (captionsScrollDivRef.current) {\n      captionsScrollDivRef.current.scrollTop = captionsScrollDivRef.current.scrollHeight;\n    }\n  };\n\n  const handleScrollToTheBottom = useCallback((): void => {\n    if (!captionsScrollDivRef.current) {\n      return;\n    }\n    const atBottom =\n      Math.ceil(captionsScrollDivRef.current.scrollTop) >=\n      captionsScrollDivRef.current.scrollHeight - captionsScrollDivRef.current.clientHeight;\n\n    setIsAtBottomOfScroll(atBottom);\n  }, []);\n\n  useEffect(() => {\n    const captionsScrollDiv = captionsScrollDivRef.current;\n    captionsScrollDiv?.addEventListener('scroll', handleScrollToTheBottom);\n\n    return () => {\n      captionsScrollDiv?.removeEventListener('scroll', handleScrollToTheBottom);\n    };\n  }, [handleScrollToTheBottom]);\n\n  useEffect(() => {\n    // only auto scroll to bottom is already is at bottom of scroll before new caption comes in\n    if (isAtBottomOfScroll) {\n      scrollToBottom();\n    }\n  }, [captions, isAtBottomOfScroll]);\n\n  return (\n    <>\n      {startCaptionsInProgress && (\n        <FocusZone as=\"ul\" className={captionsContainerClassName}>\n          {isCaptionsOn && (\n            <Ref innerRef={captionsScrollDivRef}>\n              <Stack verticalAlign=\"start\" styles={captionsBannerClassName(formFactor)}>\n                {captions.map((caption) => {\n                  return (\n                    <div key={caption.id} className={captionContainerClassName} data-is-focusable={true}>\n                      <_Caption {...caption} onRenderAvatar={onRenderAvatar} />\n                    </div>\n                  );\n                })}\n              </Stack>\n            </Ref>\n          )}\n          {!isCaptionsOn && (\n            <Stack verticalAlign=\"center\" className={loadingBannerClassName} data-is-focusable={true}>\n              <Spinner label={strings?.captionsBannerSpinnerText} ariaLive=\"assertive\" labelPosition=\"right\" />\n            </Stack>\n          )}\n        </FocusZone>\n      )}\n    </>\n  );\n};\n\"../../../northstar-wrapper/src\""]}
+{"version":3,"file":"CaptionsBanner.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/CaptionsBanner.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { Stack, FocusZone, Spinner } from '@fluentui/react';\nimport React, { useEffect, useRef, useState, useCallback } from 'react';\nimport { _FileUploadCardsStrings } from './FileUploadCards';\nimport { Ref } from '@internal/northstar-wrapper';\nimport { _Caption } from './Caption';\nimport {\n  captionContainerClassName,\n  captionsBannerClassName,\n  captionsContainerClassName,\n  loadingBannerClassName\n} from './styles/Captions.style';\nimport { OnRenderAvatarCallback } from '../types';\n\n/**\n * @internal\n * information required for each line of caption\n */\nexport type _CaptionsInfo = {\n  id: string;\n  displayName: string;\n  captionText: string;\n  userId?: string;\n};\n\n/**\n * @internal\n * strings for captions banner\n */\nexport interface _CaptionsBannerStrings {\n  captionsBannerSpinnerText?: string;\n}\n\n/**\n * @internal\n * _CaptionsBanner Component Props.\n */\nexport interface _CaptionsBannerProps {\n  captions: _CaptionsInfo[];\n  isCaptionsOn?: boolean;\n  startCaptionsInProgress?: boolean;\n  /**\n   * Optional callback to override render of the avatar.\n   *\n   * @param userId - user Id\n   */\n  onRenderAvatar?: OnRenderAvatarCallback;\n  strings?: _CaptionsBannerStrings;\n  /**\n   * Optional form factor for the component.\n   * @defaultValue 'default'\n   */\n  formFactor?: 'default' | 'compact';\n}\n\n/**\n * @internal\n * A component for displaying a CaptionsBanner with user icon, displayName and captions text.\n */\nexport const _CaptionsBanner = (props: _CaptionsBannerProps): JSX.Element => {\n  const { captions, isCaptionsOn, startCaptionsInProgress, onRenderAvatar, strings, formFactor = 'default' } = props;\n  const captionsScrollDivRef = useRef<HTMLElement>(null);\n  const [isAtBottomOfScroll, setIsAtBottomOfScroll] = useState<boolean>(true);\n\n  const scrollToBottom = (): void => {\n    if (captionsScrollDivRef.current) {\n      captionsScrollDivRef.current.scrollTop = captionsScrollDivRef.current.scrollHeight;\n    }\n  };\n\n  const handleScrollToTheBottom = useCallback((): void => {\n    if (!captionsScrollDivRef.current) {\n      return;\n    }\n    const atBottom =\n      Math.ceil(captionsScrollDivRef.current.scrollTop) >=\n      captionsScrollDivRef.current.scrollHeight - captionsScrollDivRef.current.clientHeight;\n\n    setIsAtBottomOfScroll(atBottom);\n  }, []);\n\n  useEffect(() => {\n    const captionsScrollDiv = captionsScrollDivRef.current;\n    captionsScrollDiv?.addEventListener('scroll', handleScrollToTheBottom);\n\n    return () => {\n      captionsScrollDiv?.removeEventListener('scroll', handleScrollToTheBottom);\n    };\n  }, [handleScrollToTheBottom, isCaptionsOn]);\n\n  useEffect(() => {\n    // only auto scroll to bottom is already is at bottom of scroll before new caption comes in\n    if (isAtBottomOfScroll) {\n      scrollToBottom();\n    }\n  }, [captions, isAtBottomOfScroll]);\n\n  return (\n    <>\n      {startCaptionsInProgress && (\n        <FocusZone as=\"ul\" className={captionsContainerClassName}>\n          {isCaptionsOn && (\n            <Ref innerRef={captionsScrollDivRef}>\n              <Stack verticalAlign=\"start\" styles={captionsBannerClassName(formFactor)}>\n                {captions.map((caption) => {\n                  return (\n                    <div key={caption.id} className={captionContainerClassName} data-is-focusable={true}>\n                      <_Caption {...caption} onRenderAvatar={onRenderAvatar} />\n                    </div>\n                  );\n                })}\n              </Stack>\n            </Ref>\n          )}\n          {!isCaptionsOn && (\n            <Stack verticalAlign=\"center\" className={loadingBannerClassName} data-is-focusable={true}>\n              <Spinner label={strings?.captionsBannerSpinnerText} ariaLive=\"assertive\" labelPosition=\"right\" />\n            </Stack>\n          )}\n        </FocusZone>\n      )}\n    </>\n  );\n};\n\"../../../northstar-wrapper/src\""]}

package/dist/dist-esm/react-components/src/components/CaptionsSettingsModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { _captionsOptions } from './StartCaptionsButton';
 import { CaptionsAvailableLanguageStrings } from '../types';
 /**

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageActionsFlyout.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Target } from '@fluentui/react';
 import { OnRenderAvatarCallback } from '../../types';
 import { MessageThreadStrings } from '../MessageThread';

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MessageThreadStrings } from '../MessageThread';
 import { ChatMessage, ComponentSlotStyle, OnRenderAvatarCallback } from '../../types';
 import { BlockedMessage } from '../../types';

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsEditBox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MessageThreadStrings } from '../MessageThread';
 import { ChatMessage } from '../../types';
 import { FileMetadata } from '../FileDownloadCards';

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChatMessage } from '../../types/ChatMessage';
 import { BlockedMessage } from '../../types/ChatMessage';
 import { MentionDisplayOptions } from '../MentionPopover';

package/dist/dist-esm/react-components/src/components/ChatMessage/MentionRenderer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Mention } from '../MentionPopover';
 /**
  * Provides the default implementation for rendering an Mention in a message thread

package/dist/dist-esm/react-components/src/components/ComplianceBanner/BannerMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { _ComplianceBannerStrings } from './types';
 import { ComplianceBannerVariant } from './Utils';
 /** @private */

package/dist/dist-esm/react-components/src/components/ComplianceBanner/ComplianceBanner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { _ComplianceBannerProps } from './types';
 /**
  * A component that displays banners to notify the user when call recording and

package/dist/dist-esm/react-components/src/components/ComplianceBanner/DelayedUpdateBanner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { _ComplianceBannerStrings } from './types';
 import { ComplianceBannerVariant } from './Utils';
 /** @private */

package/dist/dist-esm/react-components/src/components/ControlBarButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IButtonProps, IRenderFunction, IButtonStyles } from '@fluentui/react';
 /**
  * Strings of {@link ControlBarButton} that can be overridden.

package/dist/dist-esm/react-components/src/components/ControlButtonTooltip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ITooltipHostProps } from '@fluentui/react';
 /**
  * Tooltip that should wrap control bar buttons.

package/dist/dist-esm/react-components/src/components/DevicePermissions/BrowserPermissionDenied.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IButtonStyles, ILinkStyles } from '@fluentui/react';
 import { BaseCustomStyles } from '../../types';
 /**

package/dist/dist-esm/react-components/src/components/DevicePermissions/BrowserPermissionDeniedIOS.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BrowserPermissionDeniedProps, BrowserPermissionDeniedStrings } from './BrowserPermissionDenied';
 /**
  * @beta

package/dist/dist-esm/react-components/src/components/DevicePermissions/DevicePermissionDropdown.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IDropdownOption, IDropdownStyles } from '@fluentui/react';
 /**
  * Strings of {@link DevicePermissionDropdown} that can be overridden.

package/dist/dist-esm/react-components/src/components/DevicePermissions/SitePermissions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SitePermissionsStrings, SitePermissionsStyles } from './SitePermissionsScaffolding';
 /**
  * @beta

package/dist/dist-esm/react-components/src/components/DevicePermissions/SitePermissionsScaffolding.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ILinkStyles, IButtonStyles } from '@fluentui/react';
 import { BaseCustomStyles } from '../../types';
 /**

package/dist/dist-esm/react-components/src/components/DevicesButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IContextualMenuItem, IContextualMenuItemStyles, IContextualMenuStyles } from '@fluentui/react';
 import { ControlBarButtonProps, ControlBarButtonStyles } from './ControlBarButton';
 /**

package/dist/dist-esm/react-components/src/components/Dialpad/Dialpad.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IStyle, IButtonStyles, ITextFieldStyles } from '@fluentui/react';
 /**
  * Strings of {@link Dialpad} that can be overridden.

package/dist/dist-esm/react-components/src/components/Drawer/DrawerLightDismiss.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseCustomStyles } from '../../types';
 /**
  * An element that fills the space the DrawerContentContainer does not take up.

package/dist/dist-esm/react-components/src/components/Drawer/DrawerMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseCustomStyles } from '../../types';
 import { _DrawerMenuItemProps } from './DrawerMenuItem';
 import { _DrawerSurfaceStyles } from './DrawerSurface';

package/dist/dist-esm/react-components/src/components/EndCallButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ControlBarButtonProps } from './ControlBarButton';
 /**
  * Strings of {@link EndCallButton} that can be overridden.

package/dist/dist-esm/react-components/src/components/ErrorBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IMessageBarProps } from '@fluentui/react';
 /**
  * Props for {@link ErrorBar}.

package/dist/dist-esm/react-components/src/components/FileCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { _FileUploadCardsStrings } from './FileUploadCards';
 /**
  * @internal

package/dist/dist-esm/react-components/src/components/FileDownloadCards.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @beta
  */

package/dist/dist-esm/react-components/src/components/FileUploadCards.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ActiveFileUpload } from './SendBox';
 /**
  * Strings of _FileUploadCards that can be overridden.

package/dist/dist-esm/react-components/src/components/HighContrastAwareIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @internal
  */

package/dist/dist-esm/react-components/src/components/HoldButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ControlBarButtonProps } from './ControlBarButton';
 /**
  *@beta

package/dist/dist-esm/react-components/src/components/LocalVideoCameraButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OptionsDevice } from './DevicesButton';
 /**
  * @public

package/dist/dist-esm/react-components/src/components/MessageStatusIndicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MessageStatus } from "../../../acs-ui-common/src";
 import { BaseCustomStyles } from '../types';
 /**

package/dist/dist-esm/react-components/src/components/MessageThread.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IStyle } from '@fluentui/react';
 import { BaseCustomStyles, ChatMessage, CustomMessage, SystemMessage, OnRenderAvatarCallback, Message, ReadReceiptsBySenderId, ComponentSlotStyle } from '../types';
 import { BlockedMessage } from '../types';

package/dist/dist-esm/react-components/src/components/MicrophoneButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ControlBarButtonProps } from './ControlBarButton';
 import { IContextualMenuItemStyles, IContextualMenuStyles } from '@fluentui/react';
 import { ControlBarButtonStyles } from './ControlBarButton';

package/dist/dist-esm/react-components/src/components/ParticipantItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IContextualMenuItem, IStyle, PersonaPresence } from '@fluentui/react';
 import { BaseCustomStyles, OnRenderAvatarCallback } from '../types';
 import { ParticipantState } from '../types';

package/dist/dist-esm/react-components/src/components/ParticipantList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IContextualMenuItem, IContextualMenuItemStyles } from '@fluentui/react';
 import { BaseCustomStyles, OnRenderAvatarCallback, ParticipantListParticipant } from '../types';
 import { ParticipantItemStyles } from './ParticipantItem';

package/dist/dist-esm/react-components/src/components/ParticipantsButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IContextualMenuStyles, IContextualMenuItemStyles } from '@fluentui/react';
 import { ParticipantListProps, ParticipantListStyles, ParticipantMenuItemsCallback } from './ParticipantList';
 import { ControlBarButtonProps, ControlBarButtonStyles } from './ControlBarButton';

package/dist/dist-esm/react-components/src/components/PictureInPictureInPicture/PictureInPictureInPicture.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { _PictureInPictureInPictureTileProps } from './PictureInPictureInPictureTile';
 /**
  * Strings of {@link _PictureInPictureInPicture} that can be overridden.

package/dist/dist-esm/react-components/src/components/ScreenShareButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ControlBarButtonProps } from './ControlBarButton';
 /**
  * Strings of {@link ScreenShareButton} that can be overridden.

package/dist/dist-esm/react-components/src/components/SendBoxErrorBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @beta
  * Error to be displayed to the user in an error bar above sendbox.

package/dist/dist-esm/react-components/src/components/SendBoxErrors.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SendBoxErrorBarError } from './SendBoxErrorBar';
 /**
  * @private

package/dist/dist-esm/react-components/src/components/StartCaptionsButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ControlBarButtonProps } from './ControlBarButton';
 /**
  * options bag to start captions

package/dist/dist-esm/react-components/src/components/StreamMedia.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseCustomStyles } from '../types';
 /**
  * Whether the stream is loading or not.

package/dist/dist-esm/react-components/src/components/SystemMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentSlotStyle } from '../types';
 /**
  * Todo: We need to add more types of system messages that we support.

package/dist/dist-esm/react-components/src/components/TextFieldWithMention/TextFieldWithMention.js

@@ -405,9 +405,8 @@ export const TextFieldWithMention = (props) => {
             // Update the caret position, used for positioning the suggestions popover
             const textField = event.currentTarget;
             const relativePosition = Caret.getRelativePosition(textField);
-            const adjustOffset = Math.max(0, textField.scrollHeight - textField.clientHeight);
-            if (relativePosition.top > adjustOffset) {
-                relativePosition.top -= adjustOffset;
+            if (textField.scrollHeight > textField.clientHeight) {
+                relativePosition.top -= textField.scrollTop;
             }
             setCaretPosition(relativePosition);
             if (triggerPriorIndex !== undefined) {