@azure/communication-react 1.13.0-alpha-202402020012 → 1.13.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.13.0-alpha-202402020012",
+  "version": "1.13.0-beta.1",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [

package/dist/dist-esm/calling-stateful-client/src/ReactionSubscriber.d.ts

@@ -1,16 +0,0 @@
-import { ReactionCallFeature } from '@azure/communication-calling';
-import { CallContext } from './CallContext';
-import { CallIdRef } from './CallIdRef';
-/**
- * @private
- */
-export declare class ReactionSubscriber {
-    private _callIdRef;
-    private _context;
-    private _reaction;
-    constructor(callIdRef: CallIdRef, context: CallContext, raiseHand: ReactionCallFeature);
-    private subscribe;
-    unsubscribe: () => void;
-    private onReactionEvent;
-}
-//# sourceMappingURL=ReactionSubscriber.d.ts.map

package/dist/dist-esm/calling-stateful-client/src/ReactionSubscriber.js

@@ -1,24 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(reaction) */
-/**
- * @private
- */
-export class ReactionSubscriber {
-    constructor(callIdRef, context, raiseHand) {
-        this.subscribe = () => {
-            this._reaction.on('reaction', this.onReactionEvent);
-        };
-        this.unsubscribe = () => {
-            this._reaction.off('reaction', this.onReactionEvent);
-        };
-        this.onReactionEvent = (event) => {
-            this._context.setReceivedReactionFromParticipant(this._callIdRef.callId, event.identifier, event.reactionMessage);
-        };
-        this._callIdRef = callIdRef;
-        this._context = context;
-        this._reaction = raiseHand;
-        this.subscribe();
-    }
-}
-//# sourceMappingURL=ReactionSubscriber.js.map

package/dist/dist-esm/calling-stateful-client/src/ReactionSubscriber.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactionSubscriber.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/ReactionSubscriber.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAQlC,2CAA2C;AAC3C;;GAEG;AACH,MAAM,OAAO,kBAAkB;IAK7B,YAAY,SAAoB,EAAE,OAAoB,EAAE,SAA8B;QAQ9E,cAAS,GAAG,GAAS,EAAE;YAC7B,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACtD,CAAC,CAAC;QAEK,gBAAW,GAAG,GAAS,EAAE;YAC9B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACvD,CAAC,CAAC;QAEM,oBAAe,GAAG,CAAC,KAAU,EAAQ,EAAE;YAC7C,IAAI,CAAC,QAAQ,CAAC,kCAAkC,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;QACpH,CAAC,CAAC;QAjBA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAE3B,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;CAaF","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(reaction) */\nimport { ReactionCallFeature } from '@azure/communication-calling';\n/* @conditional-compile-remove(reaction) */\nimport { CallContext } from './CallContext';\n/* @conditional-compile-remove(reaction) */\nimport { CallIdRef } from './CallIdRef';\n/* @conditional-compile-remove(reaction) */\n/**\n * @private\n */\nexport class ReactionSubscriber {\n  private _callIdRef: CallIdRef;\n  private _context: CallContext;\n  private _reaction: ReactionCallFeature;\n\n  constructor(callIdRef: CallIdRef, context: CallContext, raiseHand: ReactionCallFeature) {\n    this._callIdRef = callIdRef;\n    this._context = context;\n    this._reaction = raiseHand;\n\n    this.subscribe();\n  }\n\n  private subscribe = (): void => {\n    this._reaction.on('reaction', this.onReactionEvent);\n  };\n\n  public unsubscribe = (): void => {\n    this._reaction.off('reaction', this.onReactionEvent);\n  };\n\n  private onReactionEvent = (event: any): void => {\n    this._context.setReceivedReactionFromParticipant(this._callIdRef.callId, event.identifier, event.reactionMessage);\n  };\n}\n"]}

package/dist/dist-esm/calling-stateful-client/src/SpotlightSubscriber.d.ts

@@ -1,16 +0,0 @@
-import { SpotlightCallFeature } from '@azure/communication-calling';
-import { CallContext } from './CallContext';
-import { CallIdRef } from './CallIdRef';
-/**
- * @private
- */
-export declare class SpotlightSubscriber {
-    private _callIdRef;
-    private _context;
-    private _spotlightFeature;
-    constructor(callIdRef: CallIdRef, context: CallContext, spotlight: SpotlightCallFeature);
-    private subscribe;
-    unsubscribe: () => void;
-    private spotlightChanged;
-}
-//# sourceMappingURL=SpotlightSubscriber.d.ts.map

package/dist/dist-esm/calling-stateful-client/src/SpotlightSubscriber.js

@@ -1,27 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(spotlight) */
-/**
- * @private
- */
-export class SpotlightSubscriber {
-    constructor(callIdRef, context, spotlight) {
-        this.subscribe = () => {
-            this._spotlightFeature.on('spotlightChanged', this.spotlightChanged);
-        };
-        this.unsubscribe = () => {
-            this._spotlightFeature.off('spotlightChanged', this.spotlightChanged);
-        };
-        this.spotlightChanged = () => {
-            this._context.setSpotlight(this._callIdRef.callId, this._spotlightFeature.getSpotlightedParticipants());
-            for (const addedParticipant of this._spotlightFeature.getSpotlightedParticipants()) {
-                this._context.setParticipantSpotlighted(this._callIdRef.callId, addedParticipant);
-            }
-        };
-        this._callIdRef = callIdRef;
-        this._context = context;
-        this._spotlightFeature = spotlight;
-        this.subscribe();
-    }
-}
-//# sourceMappingURL=SpotlightSubscriber.js.map

package/dist/dist-esm/calling-stateful-client/src/SpotlightSubscriber.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpotlightSubscriber.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/SpotlightSubscriber.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AASlC,4CAA4C;AAC5C;;GAEG;AACH,MAAM,OAAO,mBAAmB;IAK9B,YAAY,SAAoB,EAAE,OAAoB,EAAE,SAA+B;QAQ/E,cAAS,GAAG,GAAS,EAAE;YAC7B,IAAI,CAAC,iBAAiB,CAAC,EAAE,CAAC,kBAAkB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACvE,CAAC,CAAC;QAEK,gBAAW,GAAG,GAAS,EAAE;YAC9B,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,kBAAkB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACxE,CAAC,CAAC;QAEM,qBAAgB,GAAG,GAAS,EAAE;YACpC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,0BAA0B,EAAE,CAAC,CAAC;YACxG,KAAK,MAAM,gBAAgB,IAAI,IAAI,CAAC,iBAAiB,CAAC,0BAA0B,EAAE,EAAE,CAAC;gBACnF,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;YACpF,CAAC;QACH,CAAC,CAAC;QApBA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;QAEnC,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;CAgBF","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(spotlight) */\nimport { SpotlightCallFeature } from '@azure/communication-calling';\n/* @conditional-compile-remove(spotlight) */\nimport { CallContext } from './CallContext';\n/* @conditional-compile-remove(spotlight) */\nimport { CallIdRef } from './CallIdRef';\n\n/* @conditional-compile-remove(spotlight) */\n/**\n * @private\n */\nexport class SpotlightSubscriber {\n  private _callIdRef: CallIdRef;\n  private _context: CallContext;\n  private _spotlightFeature: SpotlightCallFeature;\n\n  constructor(callIdRef: CallIdRef, context: CallContext, spotlight: SpotlightCallFeature) {\n    this._callIdRef = callIdRef;\n    this._context = context;\n    this._spotlightFeature = spotlight;\n\n    this.subscribe();\n  }\n\n  private subscribe = (): void => {\n    this._spotlightFeature.on('spotlightChanged', this.spotlightChanged);\n  };\n\n  public unsubscribe = (): void => {\n    this._spotlightFeature.off('spotlightChanged', this.spotlightChanged);\n  };\n\n  private spotlightChanged = (): void => {\n    this._context.setSpotlight(this._callIdRef.callId, this._spotlightFeature.getSpotlightedParticipants());\n    for (const addedParticipant of this._spotlightFeature.getSpotlightedParticipants()) {\n      this._context.setParticipantSpotlighted(this._callIdRef.callId, addedParticipant);\n    }\n  };\n}\n"]}

package/dist/dist-esm/react-components/src/components/RTE/RTEInputBoxComponent.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { BaseCustomStyles } from '../../types';
-/**
- * @private
- */
-export interface RTEInputBoxComponentStylesProps extends BaseCustomStyles {
-}
-/**
- * @private
- */
-export interface RTEInputBoxComponentProps {
-    placeholderText?: string;
-    content: string;
-}
-/**
- * @private
- */
-export declare const RTEInputBoxComponent: (props: RTEInputBoxComponentProps) => JSX.Element;
-//# sourceMappingURL=RTEInputBoxComponent.d.ts.map

package/dist/dist-esm/react-components/src/components/RTE/RTEInputBoxComponent.js

@@ -1,13 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-import { RichTextEditor } from './RichTextEditor';
-/**
- * @private
- */
-export const RTEInputBoxComponent = (props) => {
-    const { placeholderText, content } = props;
-    return (React.createElement("div", null,
-        React.createElement(RichTextEditor, { content: content, placeholderText: placeholderText, onChange: () => { } })));
-};
-//# sourceMappingURL=RTEInputBoxComponent.js.map

package/dist/dist-esm/react-components/src/components/RTE/RTEInputBoxComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RTEInputBoxComponent.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/RTE/RTEInputBoxComponent.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAelD;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE3C,OAAO,CACL;QACE,oBAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CACtF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { BaseCustomStyles } from '../../types';\nimport { RichTextEditor } from './RichTextEditor';\n\n/**\n * @private\n */\nexport interface RTEInputBoxComponentStylesProps extends BaseCustomStyles {}\n\n/**\n * @private\n */\nexport interface RTEInputBoxComponentProps {\n  placeholderText?: string;\n  content: string;\n}\n\n/**\n * @private\n */\nexport const RTEInputBoxComponent = (props: RTEInputBoxComponentProps): JSX.Element => {\n  const { placeholderText, content } = props;\n\n  return (\n    <div>\n      <RichTextEditor content={content} placeholderText={placeholderText} onChange={() => {}} />\n    </div>\n  );\n};\n"]}

package/dist/dist-esm/react-components/src/components/RTE/RTESendBox.d.ts

@@ -1,49 +0,0 @@
-/// <reference types="react" />
-import { SendBoxStrings } from '../SendBox';
-import { ActiveFileUpload } from '../FileUploadCards';
-/**
- * Props for {@link RTESendBox}.
- *
- * @beta
- */
-export interface RTESendBoxProps {
-    /**
-     * Optional boolean to disable text box
-     * @defaultValue false
-     */
-    disabled?: boolean;
-    /**
-     * Optional strings to override in component
-     */
-    strings?: Partial<SendBoxStrings>;
-    /**
-     * Optional text for system message below text box
-     */
-    systemMessage?: string;
-    /**
-     * Optional callback to render uploaded files in the SendBox. The sendBox will expand
-     * vertically to accommodate the uploaded files. File uploads will
-     * be rendered below the text area in sendBox.
-     * @beta
-     */
-    onRenderFileUploads?: () => JSX.Element;
-    /**
-     * Optional array of active file uploads where each object has attributes
-     * of a file upload like name, progress, errorMessage etc.
-     * @beta
-     */
-    activeFileUploads?: ActiveFileUpload[];
-    /**
-     * Optional callback to remove the file upload before sending by clicking on
-     * cancel icon.
-     * @beta
-     */
-    onCancelFileUpload?: (fileId: string) => void;
-}
-/**
- * A component to render SendBox with Rich Text Editor support.
- *
- * @beta
- */
-export declare const RTESendBox: (props: RTESendBoxProps) => JSX.Element;
-//# sourceMappingURL=RTESendBox.d.ts.map

package/dist/dist-esm/react-components/src/components/RTE/RTESendBox.js

@@ -1,55 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React, { useCallback, useMemo, useState } from 'react';
-import { RTEInputBoxComponent } from './RTEInputBoxComponent';
-import { Icon, Stack, useTheme } from '@fluentui/react';
-import { useLocale } from '../../localization';
-import { borderAndBoxShadowStyle, sendButtonStyle, sendIconStyle } from '../styles/SendBox.styles';
-import { InputBoxButton } from '../InputBoxButton';
-import { RTESendBoxErrors } from './RTESendBoxErrors';
-/**
- * A component to render SendBox with Rich Text Editor support.
- *
- * @beta
- */
-export const RTESendBox = (props) => {
-    const { disabled, systemMessage } = props;
-    const theme = useTheme();
-    const localeStrings = useLocale().strings.sendBox;
-    const strings = Object.assign(Object.assign({}, localeStrings), props.strings);
-    const [contentValue] = useState('');
-    const [contentValueOverflow] = useState(false);
-    const contentTooLongMessage = contentValueOverflow ? strings.textTooLong : undefined;
-    const errorMessage = systemMessage !== null && systemMessage !== void 0 ? systemMessage : contentTooLongMessage;
-    const sendMessageOnClick = () => {
-        if (disabled || contentValueOverflow) {
-            return;
-        }
-    };
-    const onRenderSendIcon = useCallback((isHover) => (React.createElement(Icon, { iconName: isHover && contentValue ? 'SendBoxSendHovered' : 'SendBoxSend', className: sendIconStyle({
-            theme,
-            hasText: !!contentValue,
-            /* @conditional-compile-remove(file-sharing) */ hasFile: false,
-            hasErrorMessage: !!errorMessage
-        }) })), [contentValue, errorMessage, theme]);
-    const sendBoxErrorsProps = useMemo(() => {
-        return {
-            fileUploadsPendingError: undefined,
-            fileUploadError: undefined,
-            systemError: systemMessage ? { message: systemMessage, timestamp: Date.now() } : undefined,
-            messageTooLongError: contentValueOverflow ? { message: strings.textTooLong, timestamp: Date.now() } : undefined
-        };
-    }, [contentValueOverflow, strings.textTooLong, systemMessage]);
-    return (React.createElement(Stack, { className: borderAndBoxShadowStyle({
-            theme: theme,
-            hasErrorMessage: !!errorMessage,
-            disabled: !!disabled
-        }) },
-        React.createElement(RTESendBoxErrors, Object.assign({}, sendBoxErrorsProps)),
-        React.createElement(RTEInputBoxComponent, { placeholderText: strings.placeholderText, content: contentValue }),
-        React.createElement(InputBoxButton, { onRenderIcon: onRenderSendIcon, onClick: (e) => {
-                sendMessageOnClick();
-                e.stopPropagation(); // Prevents the click from bubbling up and triggering a focus event on the chat.
-            }, className: sendButtonStyle, ariaLabel: localeStrings.sendButtonAriaLabel, tooltipContent: localeStrings.sendButtonAriaLabel })));
-};
-//# sourceMappingURL=RTESendBox.js.map

package/dist/dist-esm/react-components/src/components/RTE/RTESendBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RTESendBox.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/RTE/RTESendBox.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { RTEInputBoxComponent } from './RTEInputBoxComponent';\nimport { Icon, Stack, useTheme } from '@fluentui/react';\nimport { useLocale } from '../../localization';\nimport { SendBoxStrings } from '../SendBox';\nimport { borderAndBoxShadowStyle, sendButtonStyle, sendIconStyle } from '../styles/SendBox.styles';\nimport { InputBoxButton } from '../InputBoxButton';\nimport { RTESendBoxErrors, RTESendBoxErrorsProps } from './RTESendBoxErrors';\n/* @conditional-compile-remove(file-sharing) */\nimport { ActiveFileUpload } from '../FileUploadCards';\n\n/**\n * Props for {@link RTESendBox}.\n *\n * @beta\n */\nexport interface RTESendBoxProps {\n  /**\n   * Optional boolean to disable text box\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Optional strings to override in component\n   */\n  strings?: Partial<SendBoxStrings>;\n  /**\n   * Optional text for system message below text box\n   */\n  systemMessage?: string;\n  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * Optional callback to render uploaded files in the SendBox. The sendBox will expand\n   * vertically to accommodate the uploaded files. File uploads will\n   * be rendered below the text area in sendBox.\n   * @beta\n   */\n  onRenderFileUploads?: () => JSX.Element;\n  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * Optional array of active file uploads where each object has attributes\n   * of a file upload like name, progress, errorMessage etc.\n   * @beta\n   */\n  activeFileUploads?: ActiveFileUpload[];\n  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * Optional callback to remove the file upload before sending by clicking on\n   * cancel icon.\n   * @beta\n   */\n  onCancelFileUpload?: (fileId: string) => void;\n}\n\n/**\n * A component to render SendBox with Rich Text Editor support.\n *\n * @beta\n */\nexport const RTESendBox = (props: RTESendBoxProps): JSX.Element => {\n  const { disabled, systemMessage } = props;\n\n  const theme = useTheme();\n  const localeStrings = useLocale().strings.sendBox;\n  const strings = { ...localeStrings, ...props.strings };\n\n  const [contentValue] = useState('');\n  const [contentValueOverflow] = useState(false);\n\n  const contentTooLongMessage = contentValueOverflow ? strings.textTooLong : undefined;\n  const errorMessage = systemMessage ?? contentTooLongMessage;\n\n  const sendMessageOnClick = (): void => {\n    if (disabled || contentValueOverflow) {\n      return;\n    }\n  };\n\n  const onRenderSendIcon = useCallback(\n    (isHover: boolean) => (\n      <Icon\n        iconName={isHover && contentValue ? 'SendBoxSendHovered' : 'SendBoxSend'}\n        className={sendIconStyle({\n          theme,\n          hasText: !!contentValue,\n          /* @conditional-compile-remove(file-sharing) */ hasFile: false,\n          hasErrorMessage: !!errorMessage\n        })}\n      />\n    ),\n    [contentValue, errorMessage, theme]\n  );\n\n  const sendBoxErrorsProps = useMemo<RTESendBoxErrorsProps>(() => {\n    return {\n      fileUploadsPendingError: undefined,\n      fileUploadError: undefined,\n      systemError: systemMessage ? { message: systemMessage, timestamp: Date.now() } : undefined,\n      messageTooLongError: contentValueOverflow ? { message: strings.textTooLong, timestamp: Date.now() } : undefined\n    };\n  }, [contentValueOverflow, strings.textTooLong, systemMessage]);\n\n  return (\n    <Stack\n      className={borderAndBoxShadowStyle({\n        theme: theme,\n        hasErrorMessage: !!errorMessage,\n        disabled: !!disabled\n      })}\n    >\n      <RTESendBoxErrors {...sendBoxErrorsProps} />\n      <RTEInputBoxComponent placeholderText={strings.placeholderText} content={contentValue} />\n      <InputBoxButton\n        onRenderIcon={onRenderSendIcon}\n        onClick={(e) => {\n          sendMessageOnClick();\n          e.stopPropagation(); // Prevents the click from bubbling up and triggering a focus event on the chat.\n        }}\n        className={sendButtonStyle}\n        ariaLabel={localeStrings.sendButtonAriaLabel}\n        tooltipContent={localeStrings.sendButtonAriaLabel}\n      />\n      {/* File Upload */}\n    </Stack>\n  );\n};\n"]}

package/dist/dist-esm/react-components/src/components/RTE/RTESendBoxErrors.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { SendBoxErrorBarError } from '../SendBoxErrorBar';
-/**
- * @private
- */
-export interface RTESendBoxErrorsProps {
-    fileUploadsPendingError?: SendBoxErrorBarError;
-    fileUploadError?: SendBoxErrorBarError;
-    systemError?: SendBoxErrorBarError;
-}
-/**
- * @private
- */
-export declare const RTESendBoxErrors: (props: RTESendBoxErrorsProps) => JSX.Element;
-//# sourceMappingURL=RTESendBoxErrors.d.ts.map

package/dist/dist-esm/react-components/src/components/RTE/RTESendBoxErrors.js

@@ -1,18 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-import { SendBoxErrorBar } from '../SendBoxErrorBar';
-/**
- * @private
- */
-export const RTESendBoxErrors = (props) => {
-    const { fileUploadError, fileUploadsPendingError } = props;
-    const errorToDisplay = React.useMemo(() => {
-        if (fileUploadError && fileUploadsPendingError) {
-            return fileUploadError.timestamp > fileUploadsPendingError.timestamp ? fileUploadError : fileUploadsPendingError;
-        }
-        return fileUploadError || fileUploadsPendingError;
-    }, [fileUploadError, fileUploadsPendingError]);
-    return React.createElement(SendBoxErrorBar, { error: errorToDisplay, dismissAfterMs: 10 * 1000 });
-};
-//# sourceMappingURL=RTESendBoxErrors.js.map

package/dist/dist-esm/react-components/src/components/RTE/RTESendBoxErrors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RTESendBoxErrors.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/RTE/RTESendBoxErrors.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAW3E;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAe,EAAE;IAC5E,MAAM,EAAE,eAAe,EAAE,uBAAuB,EAAE,GAAG,KAAK,CAAC;IAE3D,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxC,IAAI,eAAe,IAAI,uBAAuB,EAAE,CAAC;YAC/C,OAAO,eAAe,CAAC,SAAS,GAAG,uBAAuB,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,uBAAuB,CAAC;QACnH,CAAC;QACD,OAAO,eAAe,IAAI,uBAAuB,CAAC;IACpD,CAAC,EAAE,CAAC,eAAe,EAAE,uBAAuB,CAAC,CAAC,CAAC;IAE/C,OAAO,oBAAC,eAAe,IAAC,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,EAAE,GAAG,IAAI,GAAI,CAAC;AAC/E,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { SendBoxErrorBar, SendBoxErrorBarError } from '../SendBoxErrorBar';\n\n/**\n * @private\n */\nexport interface RTESendBoxErrorsProps {\n  fileUploadsPendingError?: SendBoxErrorBarError;\n  fileUploadError?: SendBoxErrorBarError;\n  systemError?: SendBoxErrorBarError;\n}\n\n/**\n * @private\n */\nexport const RTESendBoxErrors = (props: RTESendBoxErrorsProps): JSX.Element => {\n  const { fileUploadError, fileUploadsPendingError } = props;\n\n  const errorToDisplay = React.useMemo(() => {\n    if (fileUploadError && fileUploadsPendingError) {\n      return fileUploadError.timestamp > fileUploadsPendingError.timestamp ? fileUploadError : fileUploadsPendingError;\n    }\n    return fileUploadError || fileUploadsPendingError;\n  }, [fileUploadError, fileUploadsPendingError]);\n\n  return <SendBoxErrorBar error={errorToDisplay} dismissAfterMs={10 * 1000} />;\n};\n"]}

package/dist/dist-esm/react-components/src/components/RTE/RichTextEditor.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-/**
- * Props for {@link RichTextEditor}.
- *
- * @beta
- */
-export interface RichTextEditorProps {
-    content?: string;
-    onChange: (newValue?: string) => void;
-    placeholderText?: string;
-}
-/**
- * A component to wrap RoosterJS Rich Text Editor.
- *
- * @beta
- */
-export declare const RichTextEditor: (props: RichTextEditorProps) => JSX.Element;
-//# sourceMappingURL=RichTextEditor.d.ts.map

package/dist/dist-esm/react-components/src/components/RTE/RichTextEditor.js

@@ -1,40 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React, { useEffect, useMemo, useRef } from 'react';
-import { ContentEdit, Watermark } from 'roosterjs-editor-plugins';
-import { Editor } from 'roosterjs-editor-core';
-import { Rooster, createUpdateContentPlugin, UpdateMode } from 'roosterjs-react';
-import { richTextEditorStyle } from '../styles/RichTextEditor.styles';
-/**
- * A component to wrap RoosterJS Rich Text Editor.
- *
- * @beta
- */
-export const RichTextEditor = (props) => {
-    const { content, onChange, placeholderText } = props;
-    const editor = useRef(null);
-    useEffect(() => {
-        var _a, _b;
-        if (content !== ((_a = editor.current) === null || _a === void 0 ? void 0 : _a.getContent())) {
-            (_b = editor.current) === null || _b === void 0 ? void 0 : _b.setContent(content || '');
-        }
-    }, [content]);
-    const editorCreator = useMemo(() => {
-        return (div) => {
-            const contentEdit = new ContentEdit();
-            const placeholderPlugin = new Watermark(placeholderText || '');
-            const updateContentPlugin = createUpdateContentPlugin(UpdateMode.OnContentChangedEvent | UpdateMode.OnUserInput, (content) => {
-                onChange && onChange(content);
-            });
-            const options = {
-                plugins: [placeholderPlugin, contentEdit, updateContentPlugin],
-                imageSelectionBorderColor: 'blue'
-            };
-            editor.current = new Editor(div, options);
-            return editor.current;
-        };
-    }, [onChange, placeholderText]);
-    return (React.createElement("div", null,
-        React.createElement(Rooster, { className: richTextEditorStyle, editorCreator: editorCreator })));
-};
-//# sourceMappingURL=RichTextEditor.js.map

package/dist/dist-esm/react-components/src/components/RTE/RichTextEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/RTE/RichTextEditor.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,yBAAyB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAYtE;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAe,EAAE;IACxE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,MAAM,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,OAAO,MAAK,MAAA,MAAM,CAAC,OAAO,0CAAE,UAAU,EAAE,CAAA,EAAE,CAAC;YAC7C,MAAA,MAAM,CAAC,OAAO,0CAAE,UAAU,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,CAAC,GAAmB,EAAE,EAAE;YAC7B,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;YACtC,MAAM,iBAAiB,GAAG,IAAI,SAAS,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC;YAC/D,MAAM,mBAAmB,GAAG,yBAAyB,CACnD,UAAU,CAAC,qBAAqB,GAAG,UAAU,CAAC,WAAW,EACzD,CAAC,OAAe,EAAE,EAAE;gBAClB,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC;YAChC,CAAC,CACF,CAAC;YAEF,MAAM,OAAO,GAAkB;gBAC7B,OAAO,EAAE,CAAC,iBAAiB,EAAE,WAAW,EAAE,mBAAmB,CAAC;gBAC9D,yBAAyB,EAAE,MAAM;aAClC,CAAC;YAEF,MAAM,CAAC,OAAO,GAAG,IAAI,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;YAC1C,OAAO,MAAM,CAAC,OAAO,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL;QACE,oBAAC,OAAO,IAAC,SAAS,EAAE,mBAAmB,EAAE,aAAa,EAAE,aAAa,GAAI,CACrE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { ContentEdit, Watermark } from 'roosterjs-editor-plugins';\nimport { Editor } from 'roosterjs-editor-core';\nimport { EditorOptions, IEditor } from 'roosterjs-editor-types';\nimport { Rooster, createUpdateContentPlugin, UpdateMode } from 'roosterjs-react';\nimport { richTextEditorStyle } from '../styles/RichTextEditor.styles';\n/**\n * Props for {@link RichTextEditor}.\n *\n * @beta\n */\nexport interface RichTextEditorProps {\n  content?: string;\n  onChange: (newValue?: string) => void;\n  placeholderText?: string;\n}\n\n/**\n * A component to wrap RoosterJS Rich Text Editor.\n *\n * @beta\n */\nexport const RichTextEditor = (props: RichTextEditorProps): JSX.Element => {\n  const { content, onChange, placeholderText } = props;\n  const editor = useRef<IEditor | null>(null);\n\n  useEffect(() => {\n    if (content !== editor.current?.getContent()) {\n      editor.current?.setContent(content || '');\n    }\n  }, [content]);\n\n  const editorCreator = useMemo(() => {\n    return (div: HTMLDivElement) => {\n      const contentEdit = new ContentEdit();\n      const placeholderPlugin = new Watermark(placeholderText || '');\n      const updateContentPlugin = createUpdateContentPlugin(\n        UpdateMode.OnContentChangedEvent | UpdateMode.OnUserInput,\n        (content: string) => {\n          onChange && onChange(content);\n        }\n      );\n\n      const options: EditorOptions = {\n        plugins: [placeholderPlugin, contentEdit, updateContentPlugin],\n        imageSelectionBorderColor: 'blue'\n      };\n\n      editor.current = new Editor(div, options);\n      return editor.current;\n    };\n  }, [onChange, placeholderText]);\n\n  return (\n    <div>\n      <Rooster className={richTextEditorStyle} editorCreator={editorCreator} />\n    </div>\n  );\n};\n"]}

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

@@ -1,54 +0,0 @@
-/// <reference types="react" />
-import { ControlBarButtonProps } from './ControlBarButton';
-import { ReactionResources } from '..';
-/**
- * Props for {@link ReactionButton}.
- *
- * @beta
- */
-export interface ReactionButtonProps extends ControlBarButtonProps {
-    /**
-     * Optional strings to override in component
-     */
-    strings?: Partial<ReactionButtonStrings>;
-    /**
-     * Click event to send reaction to meeting
-     */
-    onReactionClicked: (reaction: string) => Promise<void>;
-    /**
-     * Reaction resource locator and parameters
-     */
-    reactionResources: ReactionResources;
-}
-/**
- * Strings of {@link ReactionButton} that can be overridden.
- *
- * @beta
- */
-export interface ReactionButtonStrings {
-    /** Label of the button. */
-    label: string;
-    /** Tooltip content when the button is disabled. */
-    tooltipDisabledContent?: string;
-    /** Tooltip content when the button is enabled. */
-    tooltipContent?: string;
-    /** Tooltip content of like reaction button. */
-    likeReactionTooltipContent?: string;
-    /** Tooltip content of heart reaction button. */
-    heartReactionTooltipContent?: string;
-    /** Tooltip content of laugh reaction button. */
-    laughReactionTooltipContent?: string;
-    /** Tooltip content of clap reaction button. */
-    applauseReactionTooltipContent?: string;
-    /** Tooltip content of surprised reaction button. */
-    surprisedReactionTooltipContent?: string;
-}
-/**
- * A button to send reactions.
- *
- * Can be used with {@link ControlBar}.
- *
- * @beta
- */
-export declare const ReactionButton: (props: ReactionButtonProps) => JSX.Element;
-//# sourceMappingURL=ReactionButton.d.ts.map

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

@@ -1,89 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(reaction) */
-import { ContextualMenuItemType, DefaultPalette, IconButton, mergeStyles, TooltipHost, useTheme } from '@fluentui/react';
-/* @conditional-compile-remove(reaction) */
-import React, { useState } from 'react';
-/* @conditional-compile-remove(reaction) */
-import { ControlBarButton } from './ControlBarButton';
-/* @conditional-compile-remove(reaction) */
-import { _HighContrastAwareIcon } from './HighContrastAwareIcon';
-/* @conditional-compile-remove(reaction) */
-import { useLocale } from '../localization';
-/* @conditional-compile-remove(reaction) */
-import { emojiStyles, reactionEmojiMenuStyles, reactionToolTipHostStyle } from './styles/ReactionButton.styles';
-/* @conditional-compile-remove(reaction) */
-import { isDarkThemed } from '../theming/themeUtils';
-/* @conditional-compile-remove(reaction) */
-/**
- * A button to send reactions.
- *
- * Can be used with {@link ControlBar}.
- *
- * @beta
- */
-export const ReactionButton = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const localeStrings = useLocale().strings.reactionButton;
-    const strings = Object.assign(Object.assign({}, localeStrings), props.strings);
-    const theme = useTheme();
-    const styles = reactionButtonStyles(theme);
-    const onRenderIcon = () => (React.createElement(_HighContrastAwareIcon, { disabled: props.disabled, iconName: "ReactionButtonIcon" }));
-    const [isHoveredMap, setIsHoveredMap] = useState(new Map());
-    const emojis = ['like', 'heart', 'laugh', 'applause', 'surprised'];
-    const emojiButtonTooltip = new Map([
-        ['like', strings.likeReactionTooltipContent],
-        ['heart', strings.heartReactionTooltipContent],
-        ['laugh', strings.laughReactionTooltipContent],
-        ['applause', strings.applauseReactionTooltipContent],
-        ['surprised', strings.surprisedReactionTooltipContent]
-    ]);
-    const emojiResource = new Map([
-        ['like', (_a = props.reactionResources.likeReaction) === null || _a === void 0 ? void 0 : _a.url],
-        ['heart', (_b = props.reactionResources.heartReaction) === null || _b === void 0 ? void 0 : _b.url],
-        ['laugh', (_c = props.reactionResources.laughReaction) === null || _c === void 0 ? void 0 : _c.url],
-        ['applause', (_d = props.reactionResources.applauseReaction) === null || _d === void 0 ? void 0 : _d.url],
-        ['surprised', (_e = props.reactionResources.surprisedReaction) === null || _e === void 0 ? void 0 : _e.url]
-    ]);
-    const calloutStyle = { root: { padding: 0 }, calloutMain: { padding: '0.5rem' } };
-    const calloutProps = {
-        gapSpace: 4,
-        styles: calloutStyle,
-        backgroundColor: isDarkThemed(theme) ? theme.palette.neutralLighter : ''
-    };
-    const renderEmoji = (item, dismissMenu) => (React.createElement("div", { style: reactionEmojiMenuStyles() }, emojis.map((emoji, index) => {
-        const resourceUrl = emojiResource.get(emoji);
-        return (React.createElement(TooltipHost, { key: index, "data-ui-id": index, hidden: props.disableTooltip, content: emojiButtonTooltip.get(emoji), styles: reactionToolTipHostStyle(), calloutProps: Object.assign({}, calloutProps) },
-            React.createElement(IconButton, { key: index, onClick: () => {
-                    props.onReactionClicked(emoji);
-                    setIsHoveredMap((prevMap) => {
-                        return new Map(prevMap).set(emoji, false);
-                    });
-                    dismissMenu();
-                }, style: emojiStyles(resourceUrl ? resourceUrl : '', isHoveredMap.get(emoji) ? 'running' : 'paused'), onMouseEnter: () => setIsHoveredMap((prevMap) => {
-                    return new Map(prevMap).set(emoji, true);
-                }), onMouseLeave: () => setIsHoveredMap((prevMap) => {
-                    return new Map(prevMap).set(emoji, false);
-                }) })));
-    })));
-    const emojiList = [
-        { key: 'reactions', itemType: ContextualMenuItemType.Normal, onRender: renderEmoji }
-    ];
-    return (React.createElement(ControlBarButton, Object.assign({}, props, { className: mergeStyles(styles, props.styles), menuProps: {
-            shouldFocusOnMount: true,
-            items: emojiList
-        }, onRenderIcon: (_f = props.onRenderIcon) !== null && _f !== void 0 ? _f : onRenderIcon, strings: strings, labelKey: (_g = props.labelKey) !== null && _g !== void 0 ? _g : 'reactionButtonLabel', onRenderMenuIcon: () => React.createElement("div", null), disabled: props.disabled })));
-};
-/* @conditional-compile-remove(reaction) */
-const reactionButtonStyles = (theme) => ({
-    rootChecked: {
-        background: theme.palette.themePrimary,
-        color: DefaultPalette.white
-    },
-    rootCheckedHovered: {
-        background: theme.palette.themePrimary,
-        color: DefaultPalette.white
-    },
-    labelChecked: { color: DefaultPalette.white }
-});
-//# sourceMappingURL=ReactionButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReactionButton.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/ReactionButton.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(reaction) */\nimport {\n  ContextualMenuItemType,\n  DefaultPalette,\n  IButtonStyles,\n  ICalloutContentStyles,\n  IconButton,\n  IContextualMenuItem,\n  mergeStyles,\n  Theme,\n  TooltipHost,\n  useTheme\n} from '@fluentui/react';\n/* @conditional-compile-remove(reaction) */\nimport React, { useState } from 'react';\n/* @conditional-compile-remove(reaction) */\nimport { ControlBarButton, ControlBarButtonProps } from './ControlBarButton';\n/* @conditional-compile-remove(reaction) */\nimport { _HighContrastAwareIcon } from './HighContrastAwareIcon';\n/* @conditional-compile-remove(reaction) */\nimport { useLocale } from '../localization';\n/* @conditional-compile-remove(reaction) */\nimport { emojiStyles, reactionEmojiMenuStyles, reactionToolTipHostStyle } from './styles/ReactionButton.styles';\n/* @conditional-compile-remove(reaction) */\nimport { isDarkThemed } from '../theming/themeUtils';\n/* @conditional-compile-remove(reaction) */\nimport { ReactionResources } from '..';\n\n/* @conditional-compile-remove(reaction) */\n/**\n * Props for {@link ReactionButton}.\n *\n * @beta\n */\nexport interface ReactionButtonProps extends ControlBarButtonProps {\n  /**\n   * Optional strings to override in component\n   */\n  strings?: Partial<ReactionButtonStrings>;\n  /**\n   * Click event to send reaction to meeting\n   */\n  onReactionClicked: (reaction: string) => Promise<void>;\n  /**\n   * Reaction resource locator and parameters\n   */\n  reactionResources: ReactionResources;\n}\n\n/* @conditional-compile-remove(reaction) */\n/**\n * Strings of {@link ReactionButton} that can be overridden.\n *\n * @beta\n */\nexport interface ReactionButtonStrings {\n  /** Label of the button. */\n  label: string;\n  /** Tooltip content when the button is disabled. */\n  tooltipDisabledContent?: string;\n  /** Tooltip content when the button is enabled. */\n  tooltipContent?: string;\n  /** Tooltip content of like reaction button. */\n  likeReactionTooltipContent?: string;\n  /** Tooltip content of heart reaction button. */\n  heartReactionTooltipContent?: string;\n  /** Tooltip content of laugh reaction button. */\n  laughReactionTooltipContent?: string;\n  /** Tooltip content of clap reaction button. */\n  applauseReactionTooltipContent?: string;\n  /** Tooltip content of surprised reaction button. */\n  surprisedReactionTooltipContent?: string;\n}\n\n/* @conditional-compile-remove(reaction) */\n/**\n * A button to send reactions.\n *\n * Can be used with {@link ControlBar}.\n *\n * @beta\n */\nexport const ReactionButton = (props: ReactionButtonProps): JSX.Element => {\n  const localeStrings = useLocale().strings.reactionButton;\n  const strings = { ...localeStrings, ...props.strings };\n  const theme = useTheme();\n  const styles = reactionButtonStyles(theme);\n  const onRenderIcon = (): JSX.Element => (\n    <_HighContrastAwareIcon disabled={props.disabled} iconName=\"ReactionButtonIcon\" />\n  );\n\n  const [isHoveredMap, setIsHoveredMap] = useState(new Map());\n  const emojis = ['like', 'heart', 'laugh', 'applause', 'surprised'];\n  const emojiButtonTooltip: Map<string, string | undefined> = new Map([\n    ['like', strings.likeReactionTooltipContent],\n    ['heart', strings.heartReactionTooltipContent],\n    ['laugh', strings.laughReactionTooltipContent],\n    ['applause', strings.applauseReactionTooltipContent],\n    ['surprised', strings.surprisedReactionTooltipContent]\n  ]);\n  const emojiResource: Map<string, string | undefined> = new Map([\n    ['like', props.reactionResources.likeReaction?.url],\n    ['heart', props.reactionResources.heartReaction?.url],\n    ['laugh', props.reactionResources.laughReaction?.url],\n    ['applause', props.reactionResources.applauseReaction?.url],\n    ['surprised', props.reactionResources.surprisedReaction?.url]\n  ]);\n\n  const calloutStyle: Partial<ICalloutContentStyles> = { root: { padding: 0 }, calloutMain: { padding: '0.5rem' } };\n\n  const calloutProps = {\n    gapSpace: 4,\n    styles: calloutStyle,\n    backgroundColor: isDarkThemed(theme) ? theme.palette.neutralLighter : ''\n  };\n\n  const renderEmoji = (item: IContextualMenuItem, dismissMenu: () => void): React.JSX.Element => (\n    <div style={reactionEmojiMenuStyles()}>\n      {emojis.map((emoji, index) => {\n        const resourceUrl = emojiResource.get(emoji);\n        return (\n          <TooltipHost\n            key={index}\n            data-ui-id={index}\n            hidden={props.disableTooltip}\n            content={emojiButtonTooltip.get(emoji)}\n            styles={reactionToolTipHostStyle()}\n            calloutProps={{ ...calloutProps }}\n          >\n            <IconButton\n              key={index}\n              onClick={() => {\n                props.onReactionClicked(emoji);\n                setIsHoveredMap((prevMap) => {\n                  return new Map(prevMap).set(emoji, false);\n                });\n                dismissMenu();\n              }}\n              style={emojiStyles(resourceUrl ? resourceUrl : '', isHoveredMap.get(emoji) ? 'running' : 'paused')}\n              onMouseEnter={() =>\n                setIsHoveredMap((prevMap) => {\n                  return new Map(prevMap).set(emoji, true);\n                })\n              }\n              onMouseLeave={() =>\n                setIsHoveredMap((prevMap) => {\n                  return new Map(prevMap).set(emoji, false);\n                })\n              }\n            />\n          </TooltipHost>\n        );\n      })}\n    </div>\n  );\n\n  const emojiList: IContextualMenuItem[] = [\n    { key: 'reactions', itemType: ContextualMenuItemType.Normal, onRender: renderEmoji }\n  ];\n\n  return (\n    <ControlBarButton\n      {...props}\n      className={mergeStyles(styles, props.styles)}\n      menuProps={{\n        shouldFocusOnMount: true,\n        items: emojiList\n      }}\n      onRenderIcon={props.onRenderIcon ?? onRenderIcon}\n      strings={strings}\n      labelKey={props.labelKey ?? 'reactionButtonLabel'}\n      onRenderMenuIcon={() => <div />}\n      disabled={props.disabled}\n    />\n  );\n};\n\n/* @conditional-compile-remove(reaction) */\nconst reactionButtonStyles = (theme: Theme): IButtonStyles => ({\n  rootChecked: {\n    background: theme.palette.themePrimary,\n    color: DefaultPalette.white\n  },\n  rootCheckedHovered: {\n    background: theme.palette.themePrimary,\n    color: DefaultPalette.white\n  },\n  labelChecked: { color: DefaultPalette.white }\n});\n"]}

package/dist/dist-esm/react-components/src/components/Survey/StarSurvey/StarSurvey.d.ts

@@ -1,64 +0,0 @@
-/// <reference types="react" />
-/**
- * Strings of {@link StarSurvey} that can be overridden.
- *
- * @internal
- */
-export interface _StarSurveyStrings {
-    /**
-     * Helper text displayed below survey question before user choose a response
-     */
-    starSurveyHelperText?: string;
-    /**
-     * Helper text displayed below survey stars after user select one star
-     */
-    starSurveyOneStarText?: string;
-    /**
-     * Helper text displayed below survey stars after user select two star
-     */
-    starSurveyTwoStarText?: string;
-    /**
-     * Helper text displayed below survey stars after user select three star
-     */
-    starSurveyThreeStarText?: string;
-    /**
-     * Helper text displayed below survey stars after user select four star
-     */
-    starSurveyFourStarText?: string;
-    /**
-     * Helper text displayed below survey stars after user select five star
-     */
-    starSurveyFiveStarText?: string;
-    /**
-     * Aria Label for each individual star rating
-     */
-    starRatingAriaLabel?: string;
-}
-/**
- * Props for {@link StarSurvey} component.
- *
- * @internal
- */
-export interface _StarSurveyProps {
-    /**
-     * Custom icon name for selected rating elements.
-     * @defaultvalue FavoriteStarFill
-     */
-    selectedIcon?: string;
-    /**
-     * Custom icon name for unselected rating elements.
-     * @defaultvalue FavoriteStar
-     */
-    unselectedIcon?: string;
-    /** function called on star rating click*/
-    onStarRatingSelected?: (ratings: number) => void;
-    /** Star survey strings */
-    strings?: _StarSurveyStrings;
-}
-/**
- * A component to allow users to send numerical ratings regarding call quality
- *
- * @internal
- */
-export declare const _StarSurvey: (props: _StarSurveyProps) => JSX.Element;
-//# sourceMappingURL=StarSurvey.d.ts.map