npm - @azure/communication-react - Versions diffs - 1.7.0-alpha-202307190021 → 1.7.0-alpha-202307220013 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (159) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CaptionsBanner.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/CaptionsBanner.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,GAAG,EAAE,uCAAoC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EACL,yBAAyB,EACzB,uBAAuB,EACvB,0BAA0B,EAC1B,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AA4CjC;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAe,EAAE;IAC1E,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,uBAAuB,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACnH,MAAM,oBAAoB,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IAE5E,MAAM,cAAc,GAAG,GAAS,EAAE;QAChC,IAAI,oBAAoB,CAAC,OAAO,EAAE;YAChC,oBAAoB,CAAC,OAAO,CAAC,SAAS,GAAG,oBAAoB,CAAC,OAAO,CAAC,YAAY,CAAC;SACpF;IACH,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,WAAW,CAAC,GAAS,EAAE;QACrD,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE;YACjC,OAAO;SACR;QACD,MAAM,QAAQ,GACZ,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,SAAS,CAAC;YACjD,oBAAoB,CAAC,OAAO,CAAC,YAAY,GAAG,oBAAoB,CAAC,OAAO,CAAC,YAAY,CAAC;QAExF,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,OAAO,CAAC;QACvD,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,gBAAgB,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CAAC;QAEvE,OAAO,GAAG,EAAE;YACV,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,mBAAmB,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CAAC;QAC5E,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC;~~IAE9B~~,SAAS,CAAC,GAAG,EAAE;QACb,2FAA2F;QAC3F,IAAI,kBAAkB,EAAE;YACtB,cAAc,EAAE,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,0CACG,uBAAuB,IAAI,CAC1B,oBAAC,SAAS,IAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,0BAA0B;QACrD,YAAY,IAAI,CACf,oBAAC,GAAG,IAAC,QAAQ,EAAE,oBAAoB;YACjC,oBAAC,KAAK,IAAC,aAAa,EAAC,OAAO,EAAC,MAAM,EAAE,uBAAuB,CAAC,UAAU,CAAC,IACrE,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;gBACxB,OAAO,CACL,6BAAK,GAAG,EAAE,OAAO,CAAC,EAAE,EAAE,SAAS,EAAE,yBAAyB,uBAAqB,IAAI;oBACjF,oBAAC,QAAQ,oBAAK,OAAO,IAAE,cAAc,EAAE,cAAc,IAAI,CACrD,CACP,CAAC;YACJ,CAAC,CAAC,CACI,CACJ,CACP;QACA,CAAC,YAAY,IAAI,CAChB,oBAAC,KAAK,IAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAE,sBAAsB,uBAAqB,IAAI;YACtF,oBAAC,OAAO,IAAC,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,yBAAyB,EAAE,QAAQ,EAAC,WAAW,EAAC,aAAa,EAAC,OAAO,GAAG,CAC3F,CACT,CACS,CACb,CACA,CACJ,CAAC;AACJ,CAAC,CAAC","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\""]}
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, 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

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

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

@@ -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 CHANGED Viewed

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

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

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

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

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/TroubleshootingGuideErrorBar.d.ts CHANGED Viewed

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

package/dist/dist-esm/react-components/src/components/TypingIndicator.d.ts CHANGED Viewed

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

package/dist/dist-esm/react-components/src/components/UnsupportedBrowser.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Strings for UnsupportedBrowser component
  *

package/dist/dist-esm/react-components/src/components/UnsupportedBrowserVersion.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Strings for UnsupportedBrowser component
  *

package/dist/dist-esm/react-components/src/components/UnsupportedEnvironment.d.ts CHANGED Viewed

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

package/dist/dist-esm/react-components/src/components/UnsupportedOperatingSystem.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Strings for UnsupportedBrowser component
  *

package/dist/dist-esm/react-components/src/components/VideoEffects/PresetVideoEffectsItems.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { _VideoEffectsItemProps } from './VideoEffectsItem';
 /**
  * 'None' Video Effects Item.

package/dist/dist-esm/react-components/src/components/VideoEffects/VideoBackgroundEffectsPicker.d.ts CHANGED Viewed

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

package/dist/dist-esm/react-components/src/components/VideoEffects/VideoEffectsItem.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IIconProps, IStyle, ITooltipHostProps } from '@fluentui/react';
 /**
  * Props for {@link _VideoEffectsItem}

package/dist/dist-esm/react-components/src/components/VideoGallery/DefaultLayout.d.ts CHANGED Viewed

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

package/dist/dist-esm/react-components/src/components/VideoGallery/FloatingLocalVideo.d.ts CHANGED Viewed

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

package/dist/dist-esm/react-components/src/components/VideoGallery/FloatingLocalVideoLayout.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LayoutProps } from './Layout';
 import { LocalVideoTileSize } from '../VideoGallery';
 /**

package/dist/dist-esm/react-components/src/components/VideoGallery/Layout.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VideoGalleryParticipant, VideoGalleryRemoteParticipant } from '../../types';
 import { VideoGalleryStyles } from '../VideoGallery';
 import { OverflowGalleryPosition } from '../VideoGallery';

package/dist/dist-esm/react-components/src/components/VideoGallery/OverflowGallery.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { HorizontalGalleryStyles } from '../HorizontalGallery';
 import { VerticalGalleryStyles } from '../VerticalGallery';
 import { OverflowGalleryPosition } from '../VideoGallery';

package/dist/dist-esm/react-components/src/components/VideoGallery/ScrollableHorizontalGallery.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Component to display elements horizontally in a scrollable container
  * @private

package/dist/dist-esm/react-components/src/components/VideoGallery.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IStyle } from '@fluentui/react';
 import { GridLayoutStyles } from '.';
 import { BaseCustomStyles, OnRenderAvatarCallback, VideoGalleryLocalParticipant, VideoGalleryRemoteParticipant, VideoStreamOptions, CreateVideoStreamViewResult } from '../types';

package/dist/dist-esm/react-components/src/theming/icons.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Icons used by the React components exported from this library.
  *

package/dist/dist-esm/react-components/src/types/OnRender.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IPersonaStyleProps, IPersonaStyles, IStyleFunctionOrObject, PersonaPresence, PersonaSize } from '@fluentui/react';
 import { ParticipantState } from '.';
 /**

package/dist/dist-esm/react-composites/src/composites/CallComposite/CallComposite.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseCompositeProps } from '../common/BaseComposite';
 import { CallCompositeIcons } from '../common/icons';
 import { CommonCallAdapter } from './adapter/CallAdapter';

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { _ComplianceBannerProps, ActiveErrorMessage, ErrorBarProps } from "../../../../../react-components/src";
 import { AvatarPersonaDataCallback } from '../../common/AvatarPersona';
 import { CallControlsProps } from '../components/CallControls';

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallControls.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ParticipantMenuItemsCallback } from "../../../../../react-components/src";
 import { CallControlOptions } from '../types/CallControlOptions';
 import { ContainerRectProps } from '../../common/ContainerRectProps';

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallReadinessModal.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EnvironmentInfo } from '@azure/communication-calling';
 /**
  * Modal that guides user through enabling their camera and mic access

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/ConfigurationPageCameraDropdown.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { _DevicePermissionDropdownProps } from "../../../../../react-components/src";
 /**
  * @private

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/ConfigurationPageErrorBar.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ActiveErrorMessage, ErrorBarProps } from "../../../../../react-components/src";
 import { CallingHandlers } from "../../../../../calling-component-bindings/src";
 import { Common } from "../../../../../acs-ui-common/src";

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/ConfigurationPageMicDropdown.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { _DevicePermissionDropdownProps } from "../../../../../react-components/src";
 /**
  * @private

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/ExpandedLocalVideoTile.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VideoGalleryStream, VideoStreamOptions, CreateVideoStreamViewResult } from "../../../../../react-components/src";
 /**
  * @private

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/HoldPane.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Hold pane to display when the user places themselves on hold
  *

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/LobbyTile.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VideoGalleryStream } from "../../../../../react-components/src";
 /**
  * @private

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/LocalAndRemotePIP.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CreateVideoStreamViewResult, VideoGalleryStream, VideoStreamOptions } from "../../../../../react-components/src";
 /**
  * @private

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/LocalDeviceSettings.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AudioDeviceInfo, VideoDeviceInfo } from '@azure/communication-calling';
 import { VideoStreamOptions } from "../../../../../react-components/src";
 /**

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/LocalPreview.d.ts CHANGED Viewed

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

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/MediaGallery.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OnRenderAvatarCallback } from "../../../../../react-components/src";
 import { AvatarPersonaDataCallback } from '../../common/AvatarPersona';
 import { RemoteVideoTileMenuOptions } from '../CallComposite';

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/MutedNotification.d.ts CHANGED Viewed

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

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/NetworkReconnectTile.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VideoGalleryStream } from "../../../../../react-components/src";
 /**
  * @private

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/SidePane/SidePane.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SidePaneRenderer } from './SidePaneProvider';
 /** @private */
 export interface SidePaneProps {

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/StartCallButton.d.ts CHANGED Viewed

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

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Camera.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ControlBarButtonStyles } from "../../../../../../react-components/src";
 import { CallControlDisplayType } from '../../../common/types/CommonCallControlOptions';
 /**

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Custom.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CustomCallControlButtonCallback, CustomCallControlButtonPlacement } from '../../../common/ControlBar/CustomButton';
 import { CallControlDisplayType } from '../../../common/types/CommonCallControlOptions';
 /** @private */

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Devices.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ControlBarButtonStyles } from "../../../../../../react-components/src";
 import { CallControlDisplayType } from '../../../common/types/CommonCallControlOptions';
 /** @private */