@azure/communication-react 1.23.0-alpha-202501160016 → 1.23.0

package/dist/dist-esm/react-components/src/components/RichTextEditor/Toolbar/Table/RichTextInsertTablePane.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextInsertTablePane.js","sourceRoot":"","sources":["../../../../../../../../../react-components/src/components/RichTextEditor/Toolbar/Table/RichTextInsertTablePane.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useMemo } from 'react';\nimport { FocusZone, FocusZoneDirection, mergeStyles } from '@fluentui/react';\nimport type { IContextualMenuItem } from '@fluentui/react';\nimport {\n  insertTableMenuCellButtonSelectedStyles,\n  insertTableMenuCellButtonStyles,\n  insertTableMenuFocusZone,\n  insertTableMenuTitleStyles\n} from '../../../styles/RichTextEditor.styles';\nimport { ColumnRowReplaceString, createKey } from '../../../utils/RichTextTableUtils';\nimport { useTheme } from '../../../../theming';\n\n// This file uses RoosterJS React package implementation with updates to UI components and styles.\nconst RowColumnInitialValue = 0;\n\ninterface RichTextInsertTablePaneProps {\n  item: IContextualMenuItem;\n  onClick: (key: string) => void;\n  maxRowsNumber: number;\n  maxColumnsNumber: number;\n}\n\n/**\n * @private\n * Component for the insert table pane\n */\nexport const RichTextInsertTablePane = (props: RichTextInsertTablePaneProps): JSX.Element => {\n  const { item, onClick, maxColumnsNumber, maxRowsNumber } = props;\n  const [column, setColumn] = React.useState(RowColumnInitialValue);\n  const [row, setRow] = React.useState(RowColumnInitialValue);\n  const theme = useTheme();\n\n  const updateSize = React.useCallback(\n    (target?: HTMLElement) => {\n      if (target !== undefined && target.dataset.column !== undefined && target.dataset.row !== undefined) {\n        const column = parseInt(target.dataset.column);\n        const row = parseInt(target.dataset.row);\n\n        if (\n          column >= RowColumnInitialValue &&\n          column < maxColumnsNumber &&\n          row >= RowColumnInitialValue &&\n          row < maxRowsNumber\n        ) {\n          setColumn(column);\n          setRow(row);\n        }\n      }\n    },\n    [maxColumnsNumber, maxRowsNumber]\n  );\n\n  const onMouseEnter = React.useCallback(\n    (e: React.MouseEvent<HTMLButtonElement>) => {\n      updateSize(e.target as HTMLElement);\n    },\n    [updateSize]\n  );\n\n  const onTouchStart = React.useCallback(\n    (e: React.TouchEvent<HTMLButtonElement>) => {\n      updateSize(e.target as HTMLElement);\n    },\n    [updateSize]\n  );\n\n  const onClickButton = React.useCallback(() => {\n    onClick(createKey(formatRowColumnText(row), formatRowColumnText(column)));\n  }, [row, column, onClick]);\n\n  const items = React.useMemo(() => {\n    const items: JSX.Element[] = [];\n\n    for (let i = 0; i < maxRowsNumber; i++) {\n      for (let j = 0; j < maxColumnsNumber; j++) {\n        const key = `cell_${i}_${j}`;\n        const isSelected = j <= column && i <= row;\n        items.push(\n          <button\n            className={mergeStyles(\n              insertTableMenuCellButtonStyles(theme),\n              isSelected ? insertTableMenuCellButtonSelectedStyles(theme) : undefined\n            )}\n            onClick={onClickButton}\n            key={key}\n            id={key}\n            data-column={j}\n            data-row={i}\n            data-is-focusable={true}\n            onMouseEnter={onMouseEnter}\n            onTouchStart={onTouchStart}\n            aria-label={formatText(item.text ?? '', formatRowColumnText(i), formatRowColumnText(j))}\n            data-testid={key}\n          />\n        );\n      }\n    }\n\n    return items;\n  }, [maxRowsNumber, maxColumnsNumber, column, row, theme, onClickButton, onMouseEnter, onTouchStart, item.text]);\n\n  const text = useMemo(() => {\n    return formatText(item.text ?? '', formatRowColumnText(row), formatRowColumnText(column));\n  }, [column, item.text, row]);\n\n  return (\n    <div>\n      <div className={insertTableMenuTitleStyles}>{text}</div>\n      <FocusZone\n        defaultTabbableElement={`cell_${RowColumnInitialValue}_${RowColumnInitialValue}`}\n        direction={FocusZoneDirection.bidirectional}\n        onActiveElementChanged={updateSize}\n        className={insertTableMenuFocusZone(theme)}\n      >\n        {items}\n      </FocusZone>\n    </div>\n  );\n};\n\nconst formatText = (text: string, row: number, column: number): string => {\n  return text.replace(`${ColumnRowReplaceString}`, `${column.toString()} x ${row.toString()}`);\n};\n\nconst formatRowColumnText = (value: number): number => {\n  return value + 1;\n};\n"]}

package/dist/dist-esm/react-components/src/components/RichTextEditor/Toolbar/Table/RichTextToolbarTableIcon.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-/**
- * Renders the icon component for the insert table button in the rich text editor toolbar.
- */
-export declare const RichTextToolbarTableIcon: () => JSX.Element;
-//# sourceMappingURL=RichTextToolbarTableIcon.d.ts.map

package/dist/dist-esm/react-components/src/components/RichTextEditor/Toolbar/Table/RichTextToolbarTableIcon.js

@@ -1,13 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-import { Icon, Stack } from '@fluentui/react';
-/**
- * Renders the icon component for the insert table button in the rich text editor toolbar.
- */
-export const RichTextToolbarTableIcon = () => {
-    return (React.createElement(Stack, null,
-        React.createElement(Icon, { iconName: "RichTextInsertTableFilledIcon", className: 'ribbon-table-button-filled-icon' }),
-        React.createElement(Icon, { iconName: "RichTextInsertTableRegularIcon", className: 'ribbon-table-button-regular-icon' })));
-};
-//# sourceMappingURL=RichTextToolbarTableIcon.js.map

package/dist/dist-esm/react-components/src/components/RichTextEditor/Toolbar/Table/RichTextToolbarTableIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextToolbarTableIcon.js","sourceRoot":"","sources":["../../../../../../../../../react-components/src/components/RichTextEditor/Toolbar/Table/RichTextToolbarTableIcon.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAgB,EAAE;IACxD,OAAO,CACL,oBAAC,KAAK;QACJ,oBAAC,IAAI,IAAC,QAAQ,EAAC,+BAA+B,EAAC,SAAS,EAAE,iCAAiC,GAAI;QAC/F,oBAAC,IAAI,IAAC,QAAQ,EAAC,gCAAgC,EAAC,SAAS,EAAE,kCAAkC,GAAI,CAC3F,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { Icon, Stack } from '@fluentui/react';\n\n/**\n * Renders the icon component for the insert table button in the rich text editor toolbar.\n */\nexport const RichTextToolbarTableIcon = (): JSX.Element => {\n  return (\n    <Stack>\n      <Icon iconName=\"RichTextInsertTableFilledIcon\" className={'ribbon-table-button-filled-icon'} />\n      <Icon iconName=\"RichTextInsertTableRegularIcon\" className={'ribbon-table-button-regular-icon'} />\n    </Stack>\n  );\n};\n"]}

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

@@ -1,56 +0,0 @@
-/// <reference types="react" />
-/**
- * @beta
- * Error bar type for {@link SendBoxErrorBarError}
- */
-export declare enum SendBoxErrorBarType {
-    /** Info styled MessageBar */
-    info = 0,
-    /** Error styled MessageBar */
-    error = 1,
-    /** Blocked styled MessageBar */
-    blocked = 2,
-    /** SevereWarning styled MessageBar */
-    severeWarning = 3,
-    /** Success styled MessageBar */
-    success = 4,
-    /** Warning styled MessageBar */
-    warning = 5
-}
-/**
- * @beta
- * Error to be displayed to the user in an error bar above sendbox.
- */
-export interface SendBoxErrorBarError {
-    /** Error Message to be displayed */
-    message: string;
-    /**
-     * Unix Timestamp. Preferred generation using `Date.now()`
-     */
-    timestamp: number;
-    /**
-     * ErrorBar type. Defaults to `warning`.
-     */
-    errorBarType?: SendBoxErrorBarType;
-}
-/**
- * @private
- */
-export interface SendBoxErrorBarProps {
-    /** Error to render */
-    error?: SendBoxErrorBarError;
-    /**
-     * Automatically dismisses the error bar after the specified delay in ms.
-     * Example: `10 * 1000` would be 10 seconds
-     */
-    dismissAfterMs?: number;
-    /**
-     * Callback to invoke when the error bar is dismissed
-     */
-    onDismiss?: () => void;
-}
-/**
- * @private
- */
-export declare const SendBoxErrorBar: (props: SendBoxErrorBarProps) => JSX.Element;
-//# sourceMappingURL=SendBoxErrorBar.d.ts.map

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

@@ -1,91 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { MessageBar } from '@fluentui/react';
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-import { MessageBarType } from '@fluentui/react';
-import React, { useEffect } from 'react';
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-import { useMemo } from 'react';
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-import { useLocale } from '../localization';
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-/**
- * @beta
- * Error bar type for {@link SendBoxErrorBarError}
- */
-export var SendBoxErrorBarType;
-(function (SendBoxErrorBarType) {
-    /** Info styled MessageBar */
-    SendBoxErrorBarType[SendBoxErrorBarType["info"] = 0] = "info";
-    /** Error styled MessageBar */
-    SendBoxErrorBarType[SendBoxErrorBarType["error"] = 1] = "error";
-    /** Blocked styled MessageBar */
-    SendBoxErrorBarType[SendBoxErrorBarType["blocked"] = 2] = "blocked";
-    /** SevereWarning styled MessageBar */
-    SendBoxErrorBarType[SendBoxErrorBarType["severeWarning"] = 3] = "severeWarning";
-    /** Success styled MessageBar */
-    SendBoxErrorBarType[SendBoxErrorBarType["success"] = 4] = "success";
-    /** Warning styled MessageBar */
-    SendBoxErrorBarType[SendBoxErrorBarType["warning"] = 5] = "warning";
-})(SendBoxErrorBarType || (SendBoxErrorBarType = {}));
-/**
- * @private
- */
-export const SendBoxErrorBar = (props) => {
-    const { error, dismissAfterMs, onDismiss } = props;
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    const strings = useLocale().strings.errorBar;
-    const [errorMessage, setErrorMessage] = React.useState(error === null || error === void 0 ? void 0 : error.message);
-    // Using `any` because `NodeJS.Timeout` here will cause `declaration error` with jest.
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const timeoutRef = React.useRef();
-    React.useEffect(() => {
-        setErrorMessage(error === null || error === void 0 ? void 0 : error.message);
-    }, [error]);
-    useEffect(() => {
-        if (error && dismissAfterMs !== undefined) {
-            timeoutRef.current = setTimeout(() => {
-                setErrorMessage(undefined);
-                onDismiss && onDismiss();
-            }, dismissAfterMs);
-        }
-        return () => {
-            timeoutRef.current && clearTimeout(timeoutRef.current);
-        };
-    }, [dismissAfterMs, onDismiss, error]);
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    const messageBarType = useMemo(() => {
-        switch (error === null || error === void 0 ? void 0 : error.errorBarType) {
-            case SendBoxErrorBarType.info:
-                return MessageBarType.info;
-            case SendBoxErrorBarType.error:
-                return MessageBarType.error;
-            case SendBoxErrorBarType.blocked:
-                return MessageBarType.blocked;
-            case SendBoxErrorBarType.severeWarning:
-                return MessageBarType.severeWarning;
-            case SendBoxErrorBarType.success:
-                return MessageBarType.success;
-            case SendBoxErrorBarType.warning:
-            default:
-                return MessageBarType.warning;
-        }
-    }, [error]);
-    if (errorMessage) {
-        return (React.createElement(MessageBar, { role: "alert", "aria-label": errorMessage, "data-testid": 'send-box-message-bar', 
-            /* @conditional-compile-remove(rich-text-editor-image-upload) */
-            messageBarType: messageBarType, 
-            /* @conditional-compile-remove(rich-text-editor-image-upload) */
-            isMultiline: true, 
-            /* @conditional-compile-remove(rich-text-editor-image-upload) */
-            key: (error === null || error === void 0 ? void 0 : error.errorBarType) || SendBoxErrorBarType.warning, 
-            /* @conditional-compile-remove(rich-text-editor-image-upload) */
-            onDismiss: onDismiss, 
-            /* @conditional-compile-remove(rich-text-editor-image-upload) */
-            dismissButtonAriaLabel: strings.dismissButtonAriaLabel }, errorMessage));
-    }
-    else {
-        return React.createElement(React.Fragment, null);
-    }
-};
-//# sourceMappingURL=SendBoxErrorBar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SendBoxErrorBar.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/SendBoxErrorBar.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { MessageBar } from '@fluentui/react';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { MessageBarType } from '@fluentui/react';\nimport React, { useEffect } from 'react';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { useMemo } from 'react';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { useLocale } from '../localization';\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @beta\n * Error bar type for {@link SendBoxErrorBarError}\n */\nexport enum SendBoxErrorBarType {\n  /** Info styled MessageBar */\n  info = 0,\n  /** Error styled MessageBar */\n  error = 1,\n  /** Blocked styled MessageBar */\n  blocked = 2,\n  /** SevereWarning styled MessageBar */\n  severeWarning = 3,\n  /** Success styled MessageBar */\n  success = 4,\n  /** Warning styled MessageBar */\n  warning = 5\n}\n\n/**\n * @beta\n * Error to be displayed to the user in an error bar above sendbox.\n */\nexport interface SendBoxErrorBarError {\n  /** Error Message to be displayed */\n  message: string;\n  /**\n   * Unix Timestamp. Preferred generation using `Date.now()`\n   */\n  timestamp: number;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  /**\n   * ErrorBar type. Defaults to `warning`.\n   */\n  errorBarType?: SendBoxErrorBarType;\n}\n\n/**\n * @private\n */\nexport interface SendBoxErrorBarProps {\n  /** Error to render */\n  error?: SendBoxErrorBarError;\n  /**\n   * Automatically dismisses the error bar after the specified delay in ms.\n   * Example: `10 * 1000` would be 10 seconds\n   */\n  dismissAfterMs?: number;\n  /**\n   * Callback to invoke when the error bar is dismissed\n   */\n  onDismiss?: () => void;\n}\n\n/**\n * @private\n */\nexport const SendBoxErrorBar = (props: SendBoxErrorBarProps): JSX.Element => {\n  const { error, dismissAfterMs, onDismiss } = props;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  const strings = useLocale().strings.errorBar;\n\n  const [errorMessage, setErrorMessage] = React.useState(error?.message);\n  // Using `any` because `NodeJS.Timeout` here will cause `declaration error` with jest.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const timeoutRef = React.useRef<any>();\n\n  React.useEffect(() => {\n    setErrorMessage(error?.message);\n  }, [error]);\n\n  useEffect(() => {\n    if (error && dismissAfterMs !== undefined) {\n      timeoutRef.current = setTimeout(() => {\n        setErrorMessage(undefined);\n        onDismiss && onDismiss();\n      }, dismissAfterMs);\n    }\n    return () => {\n      timeoutRef.current && clearTimeout(timeoutRef.current);\n    };\n  }, [dismissAfterMs, onDismiss, error]);\n\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  const messageBarType = useMemo(() => {\n    switch (error?.errorBarType) {\n      case SendBoxErrorBarType.info:\n        return MessageBarType.info;\n      case SendBoxErrorBarType.error:\n        return MessageBarType.error;\n      case SendBoxErrorBarType.blocked:\n        return MessageBarType.blocked;\n      case SendBoxErrorBarType.severeWarning:\n        return MessageBarType.severeWarning;\n      case SendBoxErrorBarType.success:\n        return MessageBarType.success;\n      case SendBoxErrorBarType.warning:\n      default:\n        return MessageBarType.warning;\n    }\n  }, [error]);\n\n  if (errorMessage) {\n    return (\n      <MessageBar\n        role=\"alert\"\n        aria-label={errorMessage}\n        data-testid={'send-box-message-bar'}\n        /* @conditional-compile-remove(rich-text-editor-image-upload) */\n        messageBarType={messageBarType}\n        /* @conditional-compile-remove(rich-text-editor-image-upload) */\n        isMultiline={true}\n        /* @conditional-compile-remove(rich-text-editor-image-upload) */\n        key={error?.errorBarType || SendBoxErrorBarType.warning}\n        /* @conditional-compile-remove(rich-text-editor-image-upload) */\n        onDismiss={onDismiss}\n        /* @conditional-compile-remove(rich-text-editor-image-upload) */\n        dismissButtonAriaLabel={strings.dismissButtonAriaLabel}\n      >\n        {errorMessage}\n      </MessageBar>\n    );\n  } else {\n    return <></>;\n  }\n};\n"]}

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

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { SendBoxErrorBarError } from './SendBoxErrorBar';
-/**
- * @private
- */
-export interface SendBoxErrorsProps {
-    attachmentUploadsPendingError?: SendBoxErrorBarError;
-    attachmentProgressError?: SendBoxErrorBarError;
-}
-/**
- * @private
- */
-export declare const SendBoxErrors: (props: SendBoxErrorsProps) => JSX.Element;
-//# sourceMappingURL=SendBoxErrors.d.ts.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SendBoxErrors.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/SendBoxErrors.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAwB,MAAM,mBAAmB,CAAC;AAU1E;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;IACtE,MAAM,EAAE,uBAAuB,EAAE,6BAA6B,EAAE,GAAG,KAAK,CAAC;IAEzE,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxC,IAAI,uBAAuB,IAAI,6BAA6B,EAAE,CAAC;YAC7D,OAAO,uBAAuB,CAAC,SAAS,GAAG,6BAA6B,CAAC,SAAS;gBAChF,CAAC,CAAC,uBAAuB;gBACzB,CAAC,CAAC,6BAA6B,CAAC;QACpC,CAAC;QACD,OAAO,uBAAuB,IAAI,6BAA6B,CAAC;IAClE,CAAC,EAAE,CAAC,uBAAuB,EAAE,6BAA6B,CAAC,CAAC,CAAC;IAE7D,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 SendBoxErrorsProps {\n  attachmentUploadsPendingError?: SendBoxErrorBarError;\n  attachmentProgressError?: SendBoxErrorBarError;\n}\n\n/**\n * @private\n */\nexport const SendBoxErrors = (props: SendBoxErrorsProps): JSX.Element => {\n  const { attachmentProgressError, attachmentUploadsPendingError } = props;\n\n  const errorToDisplay = React.useMemo(() => {\n    if (attachmentProgressError && attachmentUploadsPendingError) {\n      return attachmentProgressError.timestamp > attachmentUploadsPendingError.timestamp\n        ? attachmentProgressError\n        : attachmentUploadsPendingError;\n    }\n    return attachmentProgressError || attachmentUploadsPendingError;\n  }, [attachmentProgressError, attachmentUploadsPendingError]);\n\n  return <SendBoxErrorBar error={errorToDisplay} dismissAfterMs={10 * 1000} />;\n};\n"]}

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

@@ -1,47 +0,0 @@
-/// <reference types="react" />
-import { ControlBarButtonProps } from './ControlBarButton';
-/**
- * Props for the StartRealTimeTextButton component
- * @beta
- */
-export interface StartRealTimeTextButtonProps extends ControlBarButtonProps {
-    /**
-     * Use this function to show RealTimeText UI in the calling experience.
-     * Note that real time text should not be started for everyone in the call until the first real time text is received.
-     */
-    onStartRealTimeText: () => void;
-    /**
-     * If RealTimeText is on
-     */
-    isRealTimeTextOn: boolean;
-    /**
-     * Optional strings to override in component
-     */
-    strings?: StartRealTimeTextButtonStrings;
-}
-/**
- * Strings for the hold button labels
- * @beta
- */
-export interface StartRealTimeTextButtonStrings {
-    /**
-     * Label for when action is to start RealTimeText
-     */
-    onLabel: string;
-    /**
-     * Content for when button is checked, RealTimeText is on
-     */
-    tooltipOnContent: string;
-}
-/**
- * a button to start RealTimeText
- * based on accessibility requirement, real time text cannot be turned off once it is on
- *
- * Can be used with {@link ControlBar}
- *
- * @param props - properties for the start RealTimeText button.
- * @beta
- */
-export declare const StartRealTimeTextButton: (props: StartRealTimeTextButtonProps) => JSX.Element;
-export {};
-//# sourceMappingURL=StartRealTimeTextButton.d.ts.map

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

@@ -1,30 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(rtt) */
-import { ControlBarButton } from './ControlBarButton';
-/* @conditional-compile-remove(rtt) */
-import React from 'react';
-/* @conditional-compile-remove(rtt) */
-import { _HighContrastAwareIcon } from './HighContrastAwareIcon';
-/* @conditional-compile-remove(rtt) */
-import { useLocale } from '../localization';
-/* @conditional-compile-remove(rtt) */
-/**
- * a button to start RealTimeText
- * based on accessibility requirement, real time text cannot be turned off once it is on
- *
- * Can be used with {@link ControlBar}
- *
- * @param props - properties for the start RealTimeText button.
- * @beta
- */
-export const StartRealTimeTextButton = (props) => {
-    const { onStartRealTimeText, isRealTimeTextOn } = props;
-    const localeStrings = useLocale().strings.startRealTimeTextButton;
-    const strings = Object.assign(Object.assign({}, localeStrings), props.strings);
-    const onRenderStartIcon = () => {
-        return React.createElement(_HighContrastAwareIcon, { disabled: props.disabled, iconName: "RealTimeTextIcon" });
-    };
-    return (React.createElement(ControlBarButton, Object.assign({}, props, { strings: strings, onClick: onStartRealTimeText, onRenderOffIcon: onRenderStartIcon, disabled: isRealTimeTextOn })));
-};
-//# sourceMappingURL=StartRealTimeTextButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StartRealTimeTextButton.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/StartRealTimeTextButton.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,sCAAsC;AACtC,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAC;AAC7E,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAuC5C,sCAAsC;AACtC;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAmC,EAAe,EAAE;IAC1F,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IACxD,MAAM,aAAa,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,uBAAuB,CAAC;IAClE,MAAM,OAAO,mCAAQ,aAAa,GAAK,KAAK,CAAC,OAAO,CAAE,CAAC;IACvD,MAAM,iBAAiB,GAAG,GAAgB,EAAE;QAC1C,OAAO,oBAAC,sBAAsB,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAC,kBAAkB,GAAG,CAAC;IAC1F,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,gBAAgB,oBACX,KAAK,IACT,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,mBAAmB,EAC5B,eAAe,EAAE,iBAAiB,EAClC,QAAQ,EAAE,gBAAgB,IAC1B,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(rtt) */\nimport { ControlBarButton, ControlBarButtonProps } from './ControlBarButton';\n/* @conditional-compile-remove(rtt) */\nimport React from 'react';\n/* @conditional-compile-remove(rtt) */\nimport { _HighContrastAwareIcon } from './HighContrastAwareIcon';\n/* @conditional-compile-remove(rtt) */\nimport { useLocale } from '../localization';\n\n/* @conditional-compile-remove(rtt) */\n/**\n * Props for the StartRealTimeTextButton component\n * @beta\n */\nexport interface StartRealTimeTextButtonProps extends ControlBarButtonProps {\n  /**\n   * Use this function to show RealTimeText UI in the calling experience.\n   * Note that real time text should not be started for everyone in the call until the first real time text is received.\n   */\n  onStartRealTimeText: () => void;\n  /**\n   * If RealTimeText is on\n   */\n  isRealTimeTextOn: boolean;\n  /**\n   * Optional strings to override in component\n   */\n  strings?: StartRealTimeTextButtonStrings;\n}\n\n/* @conditional-compile-remove(rtt) */\n/**\n * Strings for the hold button labels\n * @beta\n */\nexport interface StartRealTimeTextButtonStrings {\n  /**\n   * Label for when action is to start RealTimeText\n   */\n  onLabel: string;\n  /**\n   * Content for when button is checked, RealTimeText is on\n   */\n  tooltipOnContent: string;\n}\n\n/* @conditional-compile-remove(rtt) */\n/**\n * a button to start RealTimeText\n * based on accessibility requirement, real time text cannot be turned off once it is on\n *\n * Can be used with {@link ControlBar}\n *\n * @param props - properties for the start RealTimeText button.\n * @beta\n */\nexport const StartRealTimeTextButton = (props: StartRealTimeTextButtonProps): JSX.Element => {\n  const { onStartRealTimeText, isRealTimeTextOn } = props;\n  const localeStrings = useLocale().strings.startRealTimeTextButton;\n  const strings = { ...localeStrings, ...props.strings };\n  const onRenderStartIcon = (): JSX.Element => {\n    return <_HighContrastAwareIcon disabled={props.disabled} iconName=\"RealTimeTextIcon\" />;\n  };\n\n  return (\n    <ControlBarButton\n      {...props}\n      strings={strings}\n      onClick={onStartRealTimeText}\n      onRenderOffIcon={onRenderStartIcon}\n      disabled={isRealTimeTextOn}\n    />\n  );\n};\n\nexport {};\n"]}

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

@@ -1,24 +0,0 @@
-import React, { FormEvent } from 'react';
-import { ITextField, ITextFieldProps } from '@fluentui/react';
-import { MentionLookupOptions } from '../MentionPopover';
-/**
- * Props for the TextFieldWithMention component.
- *
- * @private
- */
-export interface TextFieldWithMentionProps {
-    textFieldProps: ITextFieldProps;
-    dataUiId?: string;
-    textValue: string;
-    onChange: (event?: FormEvent<HTMLInputElement | HTMLTextAreaElement>, newValue?: string) => void;
-    onKeyDown?: (ev: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    onEnterKeyDown?: () => void;
-    textFieldRef?: React.RefObject<ITextField>;
-    supportNewline?: boolean;
-    mentionLookupOptions?: MentionLookupOptions;
-}
-/**
- * @private
- */
-export declare const TextFieldWithMention: (props: TextFieldWithMentionProps) => JSX.Element;
-//# sourceMappingURL=TextFieldWithMention.d.ts.map