@azure/communication-react 1.27.0-beta.1 → 1.27.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextSendBox.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/RichTextEditor/RichTextSendBox.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { RichTextInputBoxComponent } from './RichTextInputBoxComponent';\nimport { Icon, Stack } from '@fluentui/react';\nimport { useLocale } from '../../localization';\nimport { SendBoxStrings } from '../SendBox';\nimport { sendIconStyle } from '../styles/SendBox.styles';\nimport { useV9CustomStyles } from '../styles/SendBox.styles';\nimport { InputBoxButton } from '../InputBoxButton';\nimport { RichTextSendBoxErrors, RichTextSendBoxErrorsProps } from './RichTextSendBoxErrors';\nimport { isMessageTooLong, isSendBoxButtonDisabled, sanitizeText, modifyInlineImagesInContentString } from '../utils/SendBoxUtils';\nimport { hasInlineImageContent, getContentWithUpdatedInlineImagesInfo } from '../utils/SendBoxUtils';\nimport { RichTextEditorComponentRef } from './RichTextEditor';\nimport { useTheme } from '../../theming';\nimport { richTextActionButtonsStyle, sendBoxRichTextEditorStyle } from '../styles/RichTextEditor.styles';\nimport { _AttachmentUploadCards } from '../Attachment/AttachmentUploadCards';\nimport { AttachmentMetadataInProgress, MessageOptions } from '@internal/acs-ui-common';\nimport { isAttachmentUploadCompleted, hasIncompleteAttachmentUploads, toAttachmentMetadata } from '../utils/SendBoxUtils';\nimport { SendBoxErrorBarError } from '../SendBoxErrorBar';\nimport { SendBoxErrorBarType } from '../SendBoxErrorBar';\nimport { attachmentUploadCardsStyles } from '../styles/SendBox.styles';\nimport { FluentV9ThemeProvider } from '../../theming/FluentV9ThemeProvider';\nimport { richTextSendBoxIdentifier } from './RichTextSendBoxUtils';\n\n/**\n * Strings of {@link RichTextSendBox} that can be overridden.\n *\n * @beta\n */\nexport interface RichTextSendBoxStrings extends RichTextStrings, SendBoxStrings {}\n/**\n * Options for the rich text editor configuration.\n *\n * @beta\n */\nexport interface RichTextEditorOptions {\n  /**\n   * Optional callback to handle paste event.\n   */\n  onPaste?: (event: {\n    content: DocumentFragment;\n  }) => void;\n}\n\n/**\n * Strings of RichText that can be overridden.\n *\n * @beta\n */\nexport interface RichTextStrings {\n  /**\n   * Tooltip text for the bold button.\n   */\n  richTextBoldTooltip: string;\n  /**\n   * Tooltip text for the italic button.\n   */\n  richTextItalicTooltip: string;\n  /**\n   * Tooltip text for the underline button.\n   */\n  richTextUnderlineTooltip: string;\n  /**\n   * Tooltip text for the bullet list button.\n   */\n  richTextBulletListTooltip: string;\n  /**\n   * Tooltip text for the number list button.\n   */\n  richTextNumberListTooltip: string;\n  /**\n   * Tooltip text for the increase indent button.\n   */\n  richTextIncreaseIndentTooltip: string;\n  /**\n   * Tooltip text for the decrease indent button.\n   */\n  richTextDecreaseIndentTooltip: string;\n  /**\n   * Tooltip text insert table button.\n   */\n  richTextInsertTableTooltip: string;\n  /**\n   * Tooltip text for the rich text format button button.\n   */\n  richTextFormatButtonTooltip: string;\n  /**\n   * Text for the insert menu item.\n   */\n  richTextInsertRowOrColumnMenu: string;\n  /**\n   * Title for the insert table menu.\n   */\n  richTextInsertTableMenuTitle: string;\n  /**\n   * Text for the insert menu item to insert row above the current selection.\n   */\n  richTextInsertRowAboveMenu: string;\n  /**\n   * Text for the insert menu item to insert row below the current selection.\n   */\n  richTextInsertRowBelowMenu: string;\n  /**\n   * Text for the insert menu item to insert column to the left from the current selection.\n   */\n  richTextInsertColumnLeftMenu: string;\n  /**\n   * Text for the insert menu item to insert column to the right from the current selection.\n   */\n  richTextInsertColumnRightMenu: string;\n  /**\n   * Text for the delete row or column menu.\n   */\n  richTextDeleteRowOrColumnMenu: string;\n  /**\n   * Text for the delete column menu.\n   */\n  richTextDeleteColumnMenu: string;\n  /**\n   * Text for the delete row menu.\n   */\n  richTextDeleteRowMenu: string;\n  /**\n   * Text for the delete table menu.\n   */\n  richTextDeleteTableMenu: string;\n  /**\n   * Text for the rich text toolbar.\n   */\n  richTextToolbarAriaLabel: string;\n  /**\n   * Text for the rich text toolbar more button.\n   */\n  richTextToolbarMoreButtonAriaLabel: string;\n  /**\n   * Text for announcement when a new bulleted list item is added.\n   */\n  richTextNewBulletedListItemAnnouncement: string;\n  /**\n   * Text for announcement when a new numbered list item is added.\n   */\n  richTextNewNumberedListItemAnnouncement: string;\n  /**\n   * Text for announcement when the bulleted list style is applied.\n   */\n  richTextBulletedListAppliedAnnouncement: string;\n  /**\n   * Text for announcement when the numbered list style is applied.\n   */\n  richTextNumberedListAppliedAnnouncement: string;\n  /**\n   * Error message indicating image upload is not complete.\n   */\n  imageUploadsPendingError: string;\n}\n\n/**\n * Props for {@link RichTextSendBox}.\n *\n * @beta\n */\nexport interface RichTextSendBoxProps {\n  /**\n   * Optional boolean to disable text box\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Optional callback to handle paste event.\n   */\n  onPaste?: (event: {\n    content: DocumentFragment;\n  }) => void;\n  /**\n   * Optional strings to override in component\n   */\n  strings?: Partial<RichTextSendBoxStrings>;\n  /**\n   * Optional text for system message above the text box\n   */\n  systemMessage?: string;\n  /**\n   * Optional array of type {@link AttachmentMetadataInProgress}\n   * to render attachments being uploaded in the SendBox.\n   * @beta\n   */\n  attachments?: AttachmentMetadataInProgress[];\n  /**\n   * enumerable to determine if the input box has focus on render or not.\n   * When undefined nothing has focus on render\n   */\n  autoFocus?: 'sendBoxTextField';\n  /**\n   * Optional callback to remove the attachment upload before sending by clicking on\n   * cancel icon.\n   */\n  onCancelAttachmentUpload?: (attachmentId: string) => void;\n  /**\n   * Optional callback invoked after inline image is removed from the UI.\n   * @param imageAttributes - attributes of the image such as id, src, style, etc.\n   *        It also contains the image file name which can be accessed through imageAttributes['data-image-file-name'].\n   *        Note that if the src attribute is a local blob url, it has been revoked at this point.\n   */\n  onRemoveInlineImage?: (imageAttributes: Record<string, string>) => void;\n  /**\n   * Callback function used when the send button is clicked.\n   */\n  onSendMessage: (content: string, options?: MessageOptions) => Promise<void>;\n  /**\n   * Optional callback called when user is typing\n   */\n  onTyping?: () => Promise<void>;\n  /**\n   * Optional callback to handle an inline image that's inserted in the rich text editor.\n   * When not provided, pasting images into rich text editor will be disabled.\n   * @param imageAttributes - attributes of the image such as id, src, style, etc.\n   *        It also contains the image file name which can be accessed through imageAttributes['data-image-file-name']\n   */\n  onInsertInlineImage?: (imageAttributes: Record<string, string>) => void;\n  /**\n   * Optional Array of type {@link AttachmentMetadataInProgress}\n   * to render the errorBar for inline images inserted in the RichTextSendBox when:\n   *   - there is an error provided in the inlineImagesWithProgress\n   *   - progress is less than 1 when the send button is clicked\n   *   - content html string is longer than the max allowed length.\n   *     (Note that the id and the url prop of the inlineImagesWithProgress will be used as the id and src attribute of the content html\n   *     when calculating the content length, only for the purpose of displaying the content length overflow error.)\n   */\n  inlineImagesWithProgress?: AttachmentMetadataInProgress[];\n}\n\n/**\n * A component to render SendBox with Rich Text Editor support.\n *\n * @beta\n */\nexport const RichTextSendBox = (props: RichTextSendBoxProps): JSX.Element => {\n  const {\n    disabled = false,\n    systemMessage,\n    autoFocus,\n    onSendMessage,\n    onTyping,\n    attachments,\n    onCancelAttachmentUpload,\n    onPaste,\n    onInsertInlineImage,\n    inlineImagesWithProgress,\n    onRemoveInlineImage\n  } = props;\n  const theme = useTheme();\n  const locale = useLocale();\n  const localeStrings = useMemo(() => {\n    return locale.strings.richTextSendBox;\n    return locale.strings.sendBox;\n  }, [locale.strings.richTextSendBox, locale.strings.sendBox]);\n  const strings = useMemo(() => {\n    return {\n      ...localeStrings,\n      ...props.strings\n    };\n  }, [localeStrings, props.strings]);\n  const [contentValue, setContentValue] = useState('');\n  const [contentValueOverflow, setContentValueOverflow] = useState(false);\n  const [attachmentUploadsPendingError, setAttachmentUploadsPendingError] = useState<SendBoxErrorBarError | undefined>(undefined);\n  const editorComponentRef = useRef<RichTextEditorComponentRef>(null);\n  const customV9Styles = useV9CustomStyles();\n  const contentTooLongMessage = useMemo(() => contentValueOverflow ? strings.textTooLong : undefined, [contentValueOverflow, strings.textTooLong]);\n  const setContent = useCallback((newValue?: string): void => {\n    if (newValue === undefined) {\n      return;\n    }\n    setContentValueOverflow(isMessageTooLong(newValue.length));\n    setContentValue(newValue);\n  }, []);\n  const onChangeHandler = useCallback((newValue?: string, removedInlineImages?: Record<string, string>[]) => {\n    removedInlineImages?.forEach((removedInlineImage: Record<string, string>) => onRemoveInlineImage && onRemoveInlineImage(removedInlineImage));\n    setContent(newValue);\n  }, [setContent, onRemoveInlineImage]);\n  const hasContent = useMemo(() => {\n    // get plain text content from the editor to check if the message is empty\n    // as the content may contain tags even when the content is empty\n    const plainTextContent = editorComponentRef.current?.getPlainContent();\n    const hasPlainText = sanitizeText(contentValue ?? '').length > 0 && sanitizeText(plainTextContent ?? '').length > 0;\n    const hasInlineImages = hasInlineImageContent(contentValue);\n    return hasPlainText || hasInlineImages;\n  }, [contentValue]);\n  const sendMessageOnClick = useCallback((): void => {\n    if (inlineImagesWithProgress && inlineImagesWithProgress.length > 0) {\n      const contentWithUpdatedInlineImagesInfo = getContentWithUpdatedInlineImagesInfo(contentValue, inlineImagesWithProgress);\n      const messageTooLong = isMessageTooLong(contentWithUpdatedInlineImagesInfo.length);\n      // Set contentValueOverflow state to display the error bar\n      setContentValueOverflow(messageTooLong);\n      // The change from the setContentValueOverflow in the previous line will not kick in yet.\n      // We need to relay on the local value of messageTooLong to return early if the message is too long.\n      if (messageTooLong) {\n        return;\n      }\n    }\n    if (disabled || contentValueOverflow) {\n      return;\n    }\n    // Don't send message until all attachments have been uploaded successfully\n    setAttachmentUploadsPendingError(undefined);\n    const hasIncompleteImageUploads = hasIncompleteAttachmentUploads(inlineImagesWithProgress);\n    if (hasIncompleteAttachmentUploads(attachments) || hasIncompleteImageUploads) {\n      let errorMessage = strings.attachmentUploadsPendingError;\n      if (hasIncompleteImageUploads) {\n        errorMessage = strings.imageUploadsPendingError || '';\n      }\n      setAttachmentUploadsPendingError({\n        message: errorMessage,\n        timestamp: Date.now(),\n        errorBarType: SendBoxErrorBarType.info\n      });\n      return;\n    }\n\n    // we don't want to send empty messages including spaces, newlines, tabs\n    // Message can be empty if there is a valid attachment upload\n    if (hasContent || isAttachmentUploadCompleted(attachments)) {\n      const sendMessage = (content: string): void => {\n        onSendMessage(content, {\n          attachments: toAttachmentMetadata(attachments),\n          type: 'html'\n        });\n        setContentValue('');\n        editorComponentRef.current?.setEmptyContent();\n        editorComponentRef.current?.focus();\n      };\n      modifyInlineImagesInContentString(contentValue, [], (content: string) => {\n        sendMessage(content);\n      });\n    }\n  }, [disabled, contentValueOverflow, attachments, inlineImagesWithProgress, contentValue, hasContent, strings.attachmentUploadsPendingError, strings.imageUploadsPendingError, onSendMessage]);\n\n  // ignore attachments error (errored attachment will not be added, shouldn't disable SendButton)\n  const hasBlockingErrorMessages = useMemo(() => {\n    return !!systemMessage || !!contentTooLongMessage || !!attachmentUploadsPendingError || !!inlineImagesWithProgress?.filter(image => image.error).pop()?.error;\n  }, [contentTooLongMessage, attachmentUploadsPendingError, systemMessage, inlineImagesWithProgress]);\n  const isSendBoxButtonDisabledValue = useMemo(() => {\n    return isSendBoxButtonDisabled({\n      hasContent,\n      hasCompletedAttachmentUploads: isAttachmentUploadCompleted(attachments),\n      hasError: hasBlockingErrorMessages,\n      disabled\n    });\n  }, [attachments, disabled, hasContent, hasBlockingErrorMessages]);\n  const onRenderSendIcon = useCallback((isHover: boolean) => {\n    return <Icon iconName={isHover && hasContent ? 'SendBoxSendHovered' : 'SendBoxSend'} className={sendIconStyle({\n      theme,\n      isSendBoxButtonDisabled: isSendBoxButtonDisabledValue,\n      defaultTextColor: theme.palette.neutralSecondary\n    })} />;\n  }, [theme, isSendBoxButtonDisabledValue, hasContent]);\n  const sendBoxErrorsProps: RichTextSendBoxErrorsProps = useMemo(() => {\n    const uploadErrorMessage = attachments?.filter(attachmentUpload => attachmentUpload.error).pop()?.error?.message;\n    const imageUploadErrorMessage = inlineImagesWithProgress?.filter(image => image.error).pop()?.error?.message;\n    const errorMessage = uploadErrorMessage || imageUploadErrorMessage;\n    let errorBarType = SendBoxErrorBarType.error;\n    if (uploadErrorMessage) {\n      errorBarType = SendBoxErrorBarType.warning;\n    }\n    return {\n      attachmentUploadsPendingError: attachmentUploadsPendingError,\n      attachmentProgressError: errorMessage ? {\n        message: errorMessage,\n        timestamp: Date.now(),\n        errorBarType: errorBarType\n      } : undefined,\n      systemMessage: systemMessage,\n      textTooLongMessage: contentTooLongMessage\n    };\n  }, [attachments, contentTooLongMessage, attachmentUploadsPendingError, inlineImagesWithProgress, systemMessage]);\n  const onRenderAttachmentUploads = useCallback(() => {\n    return <Stack className={attachmentUploadCardsStyles}>\n        <FluentV9ThemeProvider v8Theme={theme} className={customV9Styles.clearBackground}>\n          <_AttachmentUploadCards attachments={attachments} onCancelAttachmentUpload={onCancelAttachmentUpload} strings={{\n          removeAttachment: strings.removeAttachment,\n          uploading: strings.uploading,\n          uploadCompleted: strings.uploadCompleted,\n          attachmentMoreMenu: strings.attachmentMoreMenu\n        }} disabled={disabled} />\n        </FluentV9ThemeProvider>\n      </Stack>;\n  }, [theme, customV9Styles.clearBackground, attachments, onCancelAttachmentUpload, strings.removeAttachment, strings.uploading, strings.uploadCompleted, strings.attachmentMoreMenu, disabled]);\n  const sendButton = useMemo(() => {\n    return <InputBoxButton onRenderIcon={onRenderSendIcon} onClick={e => {\n      sendMessageOnClick();\n      e.stopPropagation(); // Prevents the click from bubbling up and triggering a focus event on the chat.\n    }} className={richTextActionButtonsStyle} ariaLabel={localeStrings.sendButtonAriaLabel} tooltipContent={localeStrings.sendButtonAriaLabel} disabled={isSendBoxButtonDisabledValue} />;\n  }, [isSendBoxButtonDisabledValue, localeStrings.sendButtonAriaLabel, onRenderSendIcon, sendMessageOnClick]);\n  const hasAttachmentUploads = useMemo(() => {\n    return isAttachmentUploadCompleted(attachments) || hasIncompleteAttachmentUploads(attachments);\n  }, [attachments]);\n  return <Stack>\n      <RichTextSendBoxErrors {...sendBoxErrorsProps} />\n      <RichTextInputBoxComponent placeholderText={strings.placeholderText} autoFocus={autoFocus} onChange={onChangeHandler} onEnterKeyDown={sendMessageOnClick} onTyping={onTyping} editorComponentRef={editorComponentRef} strings={strings} disabled={disabled} actionComponents={sendButton} richTextEditorStyleProps={sendBoxRichTextEditorStyle} onRenderAttachmentUploads={onRenderAttachmentUploads} hasAttachments={hasAttachmentUploads} onPaste={onPaste} onInsertInlineImage={onInsertInlineImage} />\n    </Stack>;\n}; // Add component type check to assist in identification for usePropsFor\n// to avoid issue where production build does not have the component name\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n(RichTextSendBox as any)[richTextSendBoxIdentifier] = true;"]}

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

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

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

@@ -1,75 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { SendBoxErrorBar } from '../SendBoxErrorBar';
-/**
- * @private
- */
-export const RichTextSendBoxErrors = (props) => {
-    const { attachmentProgressError, attachmentUploadsPendingError, systemMessage, textTooLongMessage } = props;
-    const [sendBoxError, setSendBoxError] = useState(undefined);
-    useEffect(() => {
-        if (systemMessage && !isMessageEmpty(systemMessage)) {
-            setSendBoxError({
-                message: systemMessage,
-                timestamp: Date.now()
-            });
-        }
-    }, [systemMessage]);
-    useEffect(() => {
-        if (textTooLongMessage && !isMessageEmpty(textTooLongMessage)) {
-            setSendBoxError({
-                message: textTooLongMessage,
-                timestamp: Date.now()
-            });
-        }
-    }, [textTooLongMessage]);
-    useEffect(() => {
-        if ((textTooLongMessage === undefined || isMessageEmpty(textTooLongMessage)) && (systemMessage === undefined || isMessageEmpty(systemMessage))) {
-            setSendBoxError(undefined);
-        }
-    }, [systemMessage, textTooLongMessage]);
-    useEffect(() => {
-        setSendBoxError(prev => {
-            const errors = [];
-            if (prev) {
-                errors.push(prev);
-            }
-            if (attachmentUploadsPendingError) {
-                errors.push(attachmentUploadsPendingError);
-            }
-            if (attachmentProgressError) {
-                errors.push(attachmentProgressError);
-            }
-            if (errors.length === 0) {
-                return undefined;
-            }
-            // sort to get the latest error
-            const sortedErrors = errors.sort((a, b) => b.timestamp - a.timestamp);
-            return sortedErrors[0];
-        });
-    }, [attachmentProgressError, attachmentUploadsPendingError]);
-    const onDismiss = useCallback(() => {
-        if (systemMessage && !isMessageEmpty(systemMessage)) {
-            setSendBoxError({
-                message: systemMessage,
-                timestamp: Date.now()
-            });
-            return;
-        }
-        setSendBoxError(undefined);
-    }, [systemMessage]);
-    const dismissAfterMs = useMemo(() => {
-        const delayInMs = 10 * 1000;
-        // don't dismiss the system message
-        if (systemMessage) {
-            return (sendBoxError === null || sendBoxError === void 0 ? void 0 : sendBoxError.message) !== systemMessage ? delayInMs : undefined;
-        }
-        return delayInMs;
-    }, [sendBoxError === null || sendBoxError === void 0 ? void 0 : sendBoxError.message, systemMessage]);
-    return React.createElement(SendBoxErrorBar, { error: sendBoxError, dismissAfterMs: dismissAfterMs, onDismiss: onDismiss });
-};
-const isMessageEmpty = (message) => {
-    return message.trim().length === 0;
-};
-//# sourceMappingURL=RichTextSendBoxErrors.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextSendBoxErrors.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/RichTextEditor/RichTextSendBoxErrors.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { SendBoxErrorBar, SendBoxErrorBarError } from '../SendBoxErrorBar';\n\n/**\n * @private\n */\nexport interface RichTextSendBoxErrorsProps {\n  attachmentUploadsPendingError?: SendBoxErrorBarError;\n  attachmentProgressError?: SendBoxErrorBarError;\n  systemMessage?: string;\n  textTooLongMessage?: string;\n}\n\n/**\n * @private\n */\nexport const RichTextSendBoxErrors = (props: RichTextSendBoxErrorsProps): JSX.Element => {\n  const {\n    attachmentProgressError,\n    attachmentUploadsPendingError,\n    systemMessage,\n    textTooLongMessage\n  } = props;\n  const [sendBoxError, setSendBoxError] = useState<SendBoxErrorBarError | undefined>(undefined);\n  useEffect(() => {\n    if (systemMessage && !isMessageEmpty(systemMessage)) {\n      setSendBoxError({\n        message: systemMessage,\n        timestamp: Date.now()\n      });\n    }\n  }, [systemMessage]);\n  useEffect(() => {\n    if (textTooLongMessage && !isMessageEmpty(textTooLongMessage)) {\n      setSendBoxError({\n        message: textTooLongMessage,\n        timestamp: Date.now()\n      });\n    }\n  }, [textTooLongMessage]);\n  useEffect(() => {\n    if ((textTooLongMessage === undefined || isMessageEmpty(textTooLongMessage)) && (systemMessage === undefined || isMessageEmpty(systemMessage))) {\n      setSendBoxError(undefined);\n    }\n  }, [systemMessage, textTooLongMessage]);\n  useEffect(() => {\n    setSendBoxError(prev => {\n      const errors: SendBoxErrorBarError[] = [];\n      if (prev) {\n        errors.push(prev);\n      }\n      if (attachmentUploadsPendingError) {\n        errors.push(attachmentUploadsPendingError);\n      }\n      if (attachmentProgressError) {\n        errors.push(attachmentProgressError);\n      }\n      if (errors.length === 0) {\n        return undefined;\n      }\n      // sort to get the latest error\n      const sortedErrors = errors.sort((a, b) => b.timestamp - a.timestamp);\n      return sortedErrors[0];\n    });\n  }, [attachmentProgressError, attachmentUploadsPendingError]);\n  const onDismiss = useCallback(() => {\n    if (systemMessage && !isMessageEmpty(systemMessage)) {\n      setSendBoxError({\n        message: systemMessage,\n        timestamp: Date.now()\n      });\n      return;\n    }\n    setSendBoxError(undefined);\n  }, [systemMessage]);\n  const dismissAfterMs = useMemo(() => {\n    const delayInMs = 10 * 1000;\n    // don't dismiss the system message\n    if (systemMessage) {\n      return sendBoxError?.message !== systemMessage ? delayInMs : undefined;\n    }\n    return delayInMs;\n  }, [sendBoxError?.message, systemMessage]);\n  return <SendBoxErrorBar error={sendBoxError} dismissAfterMs={dismissAfterMs} onDismiss={onDismiss} />;\n};\nconst isMessageEmpty = (message: string): boolean => {\n  return message.trim().length === 0;\n};"]}

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

@@ -1,9 +0,0 @@
-/**
- * @private
- */
-export declare const richTextSendBoxIdentifier: unique symbol;
-/**
- * @internal
- */
-export declare const _isRichTextSendBox: (component: any) => boolean;
-//# sourceMappingURL=RichTextSendBoxUtils.d.ts.map

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

@@ -1,16 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-// Add component type check to assist in identification for usePropsFor
-// to avoid issue where production build does not have the component name
-/**
- * @private
- */
-export const richTextSendBoxIdentifier = Symbol('richTextSendBoxIdentifier');
-/**
- * @internal
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const _isRichTextSendBox = (component) => {
-    return (component === null || component === void 0 ? void 0 : component[richTextSendBoxIdentifier]) === true;
-};
-//# sourceMappingURL=RichTextSendBoxUtils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextSendBoxUtils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/RichTextEditor/RichTextSendBoxUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,uEAAuE;AACvE,yEAAyE;AACzE;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAC;AAC7E;;GAEG;AACH,8DAA8D;AAC9D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAAc,EAAW,EAAE;IAC5D,OAAO,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,yBAAyB,CAAC,MAAK,IAAI,CAAC;AACzD,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n// Add component type check to assist in identification for usePropsFor\n// to avoid issue where production build does not have the component name\n/**\n * @private\n */\nexport const richTextSendBoxIdentifier = Symbol('richTextSendBoxIdentifier');\n/**\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const _isRichTextSendBox = (component: any): boolean => {\n  return component?.[richTextSendBoxIdentifier] === true;\n};"]}

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

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { RichTextToolbarPlugin } from '../Plugins/RichTextToolbarPlugin';
-import { RichTextStrings } from '../RichTextSendBox';
-/**
- * Props for {@link RichTextToolbar}.
- *
- * @private
- */
-export interface RichTextToolbarProps {
-    plugin: RichTextToolbarPlugin;
-    strings: Partial<RichTextStrings>;
-}
-/**
- * A component to display rich text toolbar.
- *
- * @beta
- */
-export declare const RichTextToolbar: (props: RichTextToolbarProps) => JSX.Element;
-//# sourceMappingURL=RichTextToolbar.d.ts.map

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

@@ -1,229 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { CommandBar, ContextualMenuItemType, Icon } from '@fluentui/react';
-import { toolbarButtonStyle, ribbonDividerStyle, ribbonOverflowButtonStyle, richTextToolbarStyle } from '../../styles/RichTextEditor.styles';
-import { useTheme } from '../../../theming';
-import { toggleBold, toggleItalic, toggleUnderline, toggleBullet, toggleNumbering, setIndentation, insertTable } from 'roosterjs-content-model-api';
-import { richTextInsertTableCommandBarItem } from './Table/RichTextInsertTableCommandBarItem';
-const MaxRowsNumber = 5;
-const MaxColumnsNumber = 5;
-/**
- * A component to display rich text toolbar.
- *
- * @beta
- */
-export const RichTextToolbar = (props) => {
-    const { plugin, strings } = props;
-    const theme = useTheme();
-    // need to re-render the buttons when format state changes
-    const [formatState, setFormatState] = React.useState(undefined);
-    const commandBarRef = useRef(null);
-    useEffect(() => {
-        // update the format state on editor events
-        plugin.onFormatChanged = setFormatState;
-        // plugin editor ready event may happen before onFormatChanged is set
-        // call update format function to ensure the format state is set
-        plugin.updateFormat();
-    }, [plugin]);
-    const boldButton = useMemo(() => {
-        return getCommandBarItem({
-            dataTestId: 'rich-text-toolbar-bold-button',
-            key: 'RichTextToolbarBoldButton',
-            icon: 'RichTextBoldButtonIcon',
-            onClick: () => {
-                plugin.onToolbarButtonClick(editor => {
-                    toggleBold(editor);
-                });
-            },
-            text: strings.richTextBoldTooltip,
-            checked: formatState !== undefined && formatState.isBold === true,
-            theme: theme
-        });
-    }, [formatState, plugin, strings.richTextBoldTooltip, theme]);
-    const italicButton = useMemo(() => {
-        return getCommandBarItem({
-            dataTestId: 'rich-text-toolbar-italic-button',
-            key: 'RichTextToolbarItalicButton',
-            icon: 'RichTextItalicButtonIcon',
-            onClick: () => {
-                plugin.onToolbarButtonClick(editor => {
-                    toggleItalic(editor);
-                });
-            },
-            text: strings.richTextItalicTooltip,
-            checked: formatState !== undefined && (formatState === null || formatState === void 0 ? void 0 : formatState.isItalic) === true,
-            theme: theme
-        });
-    }, [formatState, plugin, strings.richTextItalicTooltip, theme]);
-    const underlineButton = useMemo(() => {
-        return getCommandBarItem({
-            dataTestId: 'rich-text-toolbar-underline-button',
-            key: 'RichTextToolbarUnderlineButton',
-            icon: 'RichTextUnderlineButtonIcon',
-            onClick: () => {
-                plugin.onToolbarButtonClick(editor => {
-                    toggleUnderline(editor);
-                });
-            },
-            text: strings.richTextUnderlineTooltip,
-            checked: formatState !== undefined && (formatState === null || formatState === void 0 ? void 0 : formatState.isUnderline) === true,
-            theme: theme
-        });
-    }, [formatState, plugin, strings.richTextUnderlineTooltip, theme]);
-    const bulletListButton = useMemo(() => {
-        return getCommandBarItem({
-            dataTestId: 'rich-text-toolbar-bullet-list-button',
-            key: 'RichTextToolbarBulletListButton',
-            icon: 'RichTextBulletListButtonIcon',
-            onClick: () => {
-                plugin.onToolbarButtonClick(editor => {
-                    // check the format state to see if the bulleted list is already applied
-                    const isBullet = formatState === null || formatState === void 0 ? void 0 : formatState.isBullet;
-                    toggleBullet(editor);
-                    // the bulleted list was added
-                    if (!isBullet) {
-                        setTimeout(() => {
-                            // a small delay and polite aria live are needed for MacOS VoiceOver to announce the change
-                            editor.announce({
-                                ariaLiveMode: 'polite',
-                                text: strings.richTextBulletedListAppliedAnnouncement
-                            });
-                        }, 50);
-                    }
-                });
-            },
-            text: strings.richTextBulletListTooltip,
-            checked: formatState !== undefined && (formatState === null || formatState === void 0 ? void 0 : formatState.isBullet) === true,
-            theme: theme
-        });
-    }, [formatState, plugin, strings.richTextBulletListTooltip, strings.richTextBulletedListAppliedAnnouncement, theme]);
-    const numberListButton = useMemo(() => {
-        return getCommandBarItem({
-            dataTestId: 'rich-text-toolbar-number-list-button',
-            key: 'RichTextToolbarNumberListButton',
-            icon: 'RichTextNumberListButtonIcon',
-            onClick: () => {
-                plugin.onToolbarButtonClick(editor => {
-                    // check the format state to see if the numbered list is already applied
-                    const isNumbering = formatState === null || formatState === void 0 ? void 0 : formatState.isNumbering;
-                    toggleNumbering(editor);
-                    // the numbered list was added
-                    if (!isNumbering) {
-                        // a small delay and polite aria live are needed for MacOS VoiceOver to announce the change
-                        setTimeout(() => {
-                            editor.announce({
-                                ariaLiveMode: 'polite',
-                                text: strings.richTextNumberedListAppliedAnnouncement
-                            });
-                        }, 50);
-                    }
-                });
-            },
-            text: strings.richTextNumberListTooltip,
-            checked: formatState !== undefined && (formatState === null || formatState === void 0 ? void 0 : formatState.isNumbering) === true,
-            theme: theme
-        });
-    }, [formatState, plugin, strings.richTextNumberListTooltip, strings.richTextNumberedListAppliedAnnouncement, theme]);
-    const indentDecreaseButton = useMemo(() => {
-        return getCommandBarItem({
-            dataTestId: 'rich-text-toolbar-indent-decrease-button',
-            key: 'RichTextToolbarIndentDecreaseButton',
-            icon: 'RichTextIndentDecreaseButtonIcon',
-            onClick: () => {
-                plugin.onToolbarButtonClick(editor => {
-                    setIndentation(editor, 'outdent');
-                });
-            },
-            text: strings.richTextDecreaseIndentTooltip,
-            canCheck: false,
-            theme: theme
-        });
-    }, [plugin, strings.richTextDecreaseIndentTooltip, theme]);
-    const indentIncreaseButton = useMemo(() => {
-        return getCommandBarItem({
-            dataTestId: 'rich-text-toolbar-indent-increase-button',
-            key: 'RichTextToolbarIndentIncreaseButton',
-            icon: 'RichTextIndentIncreaseButtonIcon',
-            onClick: () => {
-                plugin.onToolbarButtonClick(editor => {
-                    setIndentation(editor, 'indent');
-                });
-            },
-            text: strings.richTextIncreaseIndentTooltip,
-            canCheck: false,
-            theme: theme
-        });
-    }, [plugin, strings.richTextIncreaseIndentTooltip, theme]);
-    const divider = useCallback((key) => {
-        return dividerCommandBarItem(theme, key);
-    }, [theme]);
-    const tableButton = useMemo(() => {
-        return richTextInsertTableCommandBarItem(theme, MaxRowsNumber, MaxColumnsNumber, strings, (column, row) => {
-            plugin.onToolbarButtonClick(editor => {
-                //add format
-                insertTable(editor, column, row);
-                // when subMenuProps is used and the menu is dismissed, focus is set to the command bar item that opened the menu
-                // set focus to editor on next re-render
-                setTimeout(() => {
-                    editor.focus();
-                });
-            });
-        });
-    }, [plugin, strings, theme]);
-    const buttons = useMemo(() => {
-        return [boldButton, italicButton, underlineButton, divider('RichTextRibbonTextFormatDivider'), bulletListButton, numberListButton, indentDecreaseButton, indentIncreaseButton, divider('RichTextRibbonTableDivider'), tableButton];
-    }, [boldButton, italicButton, underlineButton, divider, bulletListButton, numberListButton, indentDecreaseButton, indentIncreaseButton, tableButton]);
-    const overflowButtonProps = useMemo(() => {
-        return {
-            ariaLabel: strings.richTextToolbarMoreButtonAriaLabel,
-            styles: toolbarButtonStyle(theme),
-            menuProps: {
-                items: [],
-                // CommandBar will determine items rendered in overflow
-                isBeakVisible: false,
-                styles: ribbonOverflowButtonStyle(theme)
-            }
-        };
-    }, [strings.richTextToolbarMoreButtonAriaLabel, theme]);
-    useEffect(() => {
-        // delay focus to ensure the command bar is rendered
-        setTimeout(() => {
-            var _a;
-            (_a = commandBarRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }, 25);
-    }, []);
-    return React.createElement(CommandBar, { items: buttons, "data-testid": 'rich-text-editor-toolbar', styles: richTextToolbarStyle, overflowButtonProps: overflowButtonProps, componentRef: commandBarRef, "aria-label": strings.richTextToolbarAriaLabel });
-};
-const getCommandBarItem = ({ key, icon, onClick, text, canCheck = true, checked = false, disabled = false, theme, dataTestId }) => {
-    return {
-        role: canCheck ? 'menuitemcheckbox' : 'menuitem',
-        'aria-checked': canCheck ? checked : undefined,
-        // `menuitem` role doesn't support `aria-checked`
-        'data-testid': dataTestId,
-        key: key,
-        iconProps: {
-            iconName: icon
-        },
-        onClick: onClick,
-        text: text,
-        ariaLabel: text,
-        iconOnly: true,
-        canCheck: canCheck,
-        buttonStyles: Object.assign({}, toolbarButtonStyle(theme)),
-        checked: checked,
-        disabled: disabled
-    };
-};
-const dividerCommandBarItem = (theme, key) => {
-    return {
-        key: key,
-        disabled: true,
-        // show the item correctly for the overflow menu
-        itemType: ContextualMenuItemType.Divider,
-        // this is still needed to remove checkmark icon space even though it is a divider
-        canCheck: false,
-        onRender: () => React.createElement(Icon, { iconName: "RichTextDividerIcon", className: ribbonDividerStyle(theme) })
-    };
-};
-//# sourceMappingURL=RichTextToolbar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextToolbar.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-components/src/components/RichTextEditor/Toolbar/RichTextToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { RichTextToolbarPlugin } from '../Plugins/RichTextToolbarPlugin';\nimport { CommandBar, ContextualMenuItemType, Icon } from '@fluentui/react';\nimport type { ICommandBarItemProps, ICommandBar, Theme } from '@fluentui/react';\nimport { toolbarButtonStyle, ribbonDividerStyle, ribbonOverflowButtonStyle, richTextToolbarStyle } from '../../styles/RichTextEditor.styles';\nimport { useTheme } from '../../../theming';\nimport { ContentModelFormatState } from 'roosterjs-content-model-types';\nimport { toggleBold, toggleItalic, toggleUnderline, toggleBullet, toggleNumbering, setIndentation, insertTable } from 'roosterjs-content-model-api';\nimport { RichTextStrings } from '../RichTextSendBox';\nimport { richTextInsertTableCommandBarItem } from './Table/RichTextInsertTableCommandBarItem';\nconst MaxRowsNumber = 5;\nconst MaxColumnsNumber = 5;\n\n/**\n * Props for {@link RichTextToolbar}.\n *\n * @private\n */\nexport interface RichTextToolbarProps {\n  // The rich text toolbar plugin used for connect editor and the ribbon.\n  plugin: RichTextToolbarPlugin;\n  // Strings for localization.\n  strings: Partial<RichTextStrings>;\n}\n\n/**\n * A component to display rich text toolbar.\n *\n * @beta\n */\nexport const RichTextToolbar = (props: RichTextToolbarProps): JSX.Element => {\n  const {\n    plugin,\n    strings\n  } = props;\n  const theme = useTheme();\n  // need to re-render the buttons when format state changes\n  const [formatState, setFormatState] = React.useState<ContentModelFormatState | undefined>(undefined);\n  const commandBarRef = useRef<ICommandBar>(null);\n  useEffect(() => {\n    // update the format state on editor events\n    plugin.onFormatChanged = setFormatState;\n    // plugin editor ready event may happen before onFormatChanged is set\n    // call update format function to ensure the format state is set\n    plugin.updateFormat();\n  }, [plugin]);\n  const boldButton: ICommandBarItemProps = useMemo(() => {\n    return getCommandBarItem({\n      dataTestId: 'rich-text-toolbar-bold-button',\n      key: 'RichTextToolbarBoldButton',\n      icon: 'RichTextBoldButtonIcon',\n      onClick: () => {\n        plugin.onToolbarButtonClick(editor => {\n          toggleBold(editor);\n        });\n      },\n      text: strings.richTextBoldTooltip,\n      checked: formatState !== undefined && formatState.isBold === true,\n      theme: theme\n    });\n  }, [formatState, plugin, strings.richTextBoldTooltip, theme]);\n  const italicButton: ICommandBarItemProps = useMemo(() => {\n    return getCommandBarItem({\n      dataTestId: 'rich-text-toolbar-italic-button',\n      key: 'RichTextToolbarItalicButton',\n      icon: 'RichTextItalicButtonIcon',\n      onClick: () => {\n        plugin.onToolbarButtonClick(editor => {\n          toggleItalic(editor);\n        });\n      },\n      text: strings.richTextItalicTooltip,\n      checked: formatState !== undefined && formatState?.isItalic === true,\n      theme: theme\n    });\n  }, [formatState, plugin, strings.richTextItalicTooltip, theme]);\n  const underlineButton: ICommandBarItemProps = useMemo(() => {\n    return getCommandBarItem({\n      dataTestId: 'rich-text-toolbar-underline-button',\n      key: 'RichTextToolbarUnderlineButton',\n      icon: 'RichTextUnderlineButtonIcon',\n      onClick: () => {\n        plugin.onToolbarButtonClick(editor => {\n          toggleUnderline(editor);\n        });\n      },\n      text: strings.richTextUnderlineTooltip,\n      checked: formatState !== undefined && formatState?.isUnderline === true,\n      theme: theme\n    });\n  }, [formatState, plugin, strings.richTextUnderlineTooltip, theme]);\n  const bulletListButton: ICommandBarItemProps = useMemo(() => {\n    return getCommandBarItem({\n      dataTestId: 'rich-text-toolbar-bullet-list-button',\n      key: 'RichTextToolbarBulletListButton',\n      icon: 'RichTextBulletListButtonIcon',\n      onClick: () => {\n        plugin.onToolbarButtonClick(editor => {\n          // check the format state to see if the bulleted list is already applied\n          const isBullet = formatState?.isBullet;\n          toggleBullet(editor);\n          // the bulleted list was added\n          if (!isBullet) {\n            setTimeout(() => {\n              // a small delay and polite aria live are needed for MacOS VoiceOver to announce the change\n              editor.announce({\n                ariaLiveMode: 'polite',\n                text: strings.richTextBulletedListAppliedAnnouncement\n              });\n            }, 50);\n          }\n        });\n      },\n      text: strings.richTextBulletListTooltip,\n      checked: formatState !== undefined && formatState?.isBullet === true,\n      theme: theme\n    });\n  }, [formatState, plugin, strings.richTextBulletListTooltip, strings.richTextBulletedListAppliedAnnouncement, theme]);\n  const numberListButton: ICommandBarItemProps = useMemo(() => {\n    return getCommandBarItem({\n      dataTestId: 'rich-text-toolbar-number-list-button',\n      key: 'RichTextToolbarNumberListButton',\n      icon: 'RichTextNumberListButtonIcon',\n      onClick: () => {\n        plugin.onToolbarButtonClick(editor => {\n          // check the format state to see if the numbered list is already applied\n          const isNumbering = formatState?.isNumbering;\n          toggleNumbering(editor);\n          // the numbered list was added\n          if (!isNumbering) {\n            // a small delay and polite aria live are needed for MacOS VoiceOver to announce the change\n            setTimeout(() => {\n              editor.announce({\n                ariaLiveMode: 'polite',\n                text: strings.richTextNumberedListAppliedAnnouncement\n              });\n            }, 50);\n          }\n        });\n      },\n      text: strings.richTextNumberListTooltip,\n      checked: formatState !== undefined && formatState?.isNumbering === true,\n      theme: theme\n    });\n  }, [formatState, plugin, strings.richTextNumberListTooltip, strings.richTextNumberedListAppliedAnnouncement, theme]);\n  const indentDecreaseButton: ICommandBarItemProps = useMemo(() => {\n    return getCommandBarItem({\n      dataTestId: 'rich-text-toolbar-indent-decrease-button',\n      key: 'RichTextToolbarIndentDecreaseButton',\n      icon: 'RichTextIndentDecreaseButtonIcon',\n      onClick: () => {\n        plugin.onToolbarButtonClick(editor => {\n          setIndentation(editor, 'outdent');\n        });\n      },\n      text: strings.richTextDecreaseIndentTooltip,\n      canCheck: false,\n      theme: theme\n    });\n  }, [plugin, strings.richTextDecreaseIndentTooltip, theme]);\n  const indentIncreaseButton: ICommandBarItemProps = useMemo(() => {\n    return getCommandBarItem({\n      dataTestId: 'rich-text-toolbar-indent-increase-button',\n      key: 'RichTextToolbarIndentIncreaseButton',\n      icon: 'RichTextIndentIncreaseButtonIcon',\n      onClick: () => {\n        plugin.onToolbarButtonClick(editor => {\n          setIndentation(editor, 'indent');\n        });\n      },\n      text: strings.richTextIncreaseIndentTooltip,\n      canCheck: false,\n      theme: theme\n    });\n  }, [plugin, strings.richTextIncreaseIndentTooltip, theme]);\n  const divider = useCallback((key: string) => {\n    return dividerCommandBarItem(theme, key);\n  }, [theme]);\n  const tableButton: ICommandBarItemProps = useMemo(() => {\n    return richTextInsertTableCommandBarItem(theme, MaxRowsNumber, MaxColumnsNumber, strings, (column: number, row: number) => {\n      plugin.onToolbarButtonClick(editor => {\n        //add format\n        insertTable(editor, column, row);\n        // when subMenuProps is used and the menu is dismissed, focus is set to the command bar item that opened the menu\n        // set focus to editor on next re-render\n        setTimeout(() => {\n          editor.focus();\n        });\n      });\n    });\n  }, [plugin, strings, theme]);\n  const buttons: ICommandBarItemProps[] = useMemo(() => {\n    return [boldButton, italicButton, underlineButton, divider('RichTextRibbonTextFormatDivider'), bulletListButton, numberListButton, indentDecreaseButton, indentIncreaseButton, divider('RichTextRibbonTableDivider'), tableButton];\n  }, [boldButton, italicButton, underlineButton, divider, bulletListButton, numberListButton, indentDecreaseButton, indentIncreaseButton, tableButton]);\n  const overflowButtonProps = useMemo(() => {\n    return {\n      ariaLabel: strings.richTextToolbarMoreButtonAriaLabel,\n      styles: toolbarButtonStyle(theme),\n      menuProps: {\n        items: [],\n        // CommandBar will determine items rendered in overflow\n        isBeakVisible: false,\n        styles: ribbonOverflowButtonStyle(theme)\n      }\n    };\n  }, [strings.richTextToolbarMoreButtonAriaLabel, theme]);\n  useEffect(() => {\n    // delay focus to ensure the command bar is rendered\n    setTimeout(() => {\n      commandBarRef.current?.focus();\n    }, 25);\n  }, []);\n  return <CommandBar items={buttons} data-testid={'rich-text-editor-toolbar'} styles={richTextToolbarStyle} overflowButtonProps={overflowButtonProps} componentRef={commandBarRef} aria-label={strings.richTextToolbarAriaLabel} />;\n};\nconst getCommandBarItem = ({\n  key,\n  icon,\n  onClick,\n  text,\n  canCheck = true,\n  checked = false,\n  disabled = false,\n  theme,\n  dataTestId\n}: {\n  key: string;\n  icon: string;\n  onClick: () => void;\n  text?: string;\n  canCheck?: boolean;\n  checked?: boolean;\n  disabled?: boolean;\n  theme: Theme;\n  dataTestId: string;\n}): ICommandBarItemProps => {\n  return {\n    role: canCheck ? 'menuitemcheckbox' : 'menuitem',\n    'aria-checked': canCheck ? checked : undefined,\n    // `menuitem` role doesn't support `aria-checked`\n    'data-testid': dataTestId,\n    key: key,\n    iconProps: {\n      iconName: icon\n    },\n    onClick: onClick,\n    text: text,\n    ariaLabel: text,\n    iconOnly: true,\n    canCheck: canCheck,\n    buttonStyles: {\n      ...toolbarButtonStyle(theme)\n    },\n    checked: checked,\n    disabled: disabled\n  };\n};\nconst dividerCommandBarItem = (theme: Theme, key: string): ICommandBarItemProps => {\n  return {\n    key: key,\n    disabled: true,\n    // show the item correctly for the overflow menu\n    itemType: ContextualMenuItemType.Divider,\n    // this is still needed to remove checkmark icon space even though it is a divider\n    canCheck: false,\n    onRender: () => <Icon iconName=\"RichTextDividerIcon\" className={ribbonDividerStyle(theme)} />\n  };\n};"]}

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

@@ -1,7 +0,0 @@
-import type { ICommandBarItemProps, Theme } from '@fluentui/react';
-import { RichTextStrings } from '../../RichTextSendBox';
-/**
- * "Insert table" command bar item for the rich text toolbar
- */
-export declare const richTextInsertTableCommandBarItem: (theme: Theme, maxRowsNumber: number, maxColumnsNumber: number, strings: Partial<RichTextStrings>, onClick: (column: number, row: number) => void) => ICommandBarItemProps;
-//# sourceMappingURL=RichTextInsertTableCommandBarItem.d.ts.map

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

@@ -1,51 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-import { FocusZoneDirection } from '@fluentui/react';
-import { insertTableMenuTablePane, toolbarTableButtonStyle } from '../../../styles/RichTextEditor.styles';
-import { RichTextInsertTablePane } from './RichTextInsertTablePane';
-import { parseKey } from '../../../utils/RichTextTableUtils';
-import { RichTextToolbarTableIcon } from './RichTextToolbarTableIcon';
-/**
- * "Insert table" command bar item for the rich text toolbar
- */
-export const richTextInsertTableCommandBarItem = (theme, maxRowsNumber, maxColumnsNumber, strings, onClick) => {
-    return {
-        'data-testid': 'rich-text-toolbar-insert-table-button',
-        key: 'RichTextToolbarInsertTableButton',
-        text: strings.richTextInsertTableTooltip,
-        ariaLabel: strings.richTextInsertTableTooltip,
-        // hide the chevron icon
-        menuIconProps: {
-            hidden: true
-        },
-        onRenderIcon: () => {
-            return React.createElement(RichTextToolbarTableIcon, null);
-        },
-        buttonStyles: toolbarTableButtonStyle(theme),
-        canCheck: false,
-        iconOnly: true,
-        subMenuProps: {
-            calloutProps: {
-                isBeakVisible: false
-            },
-            shouldFocusOnMount: true,
-            className: insertTableMenuTablePane,
-            focusZoneProps: {
-                direction: FocusZoneDirection.bidirectional
-            },
-            items: [{
-                    key: 'RichTextToolbarInsertTableMenu',
-                    text: strings.richTextInsertTableMenuTitle,
-                    canCheck: false,
-                    onRender: (item) => {
-                        return React.createElement(RichTextInsertTablePane, { item: item, onClick: key => {
-                                const { row, column } = parseKey(key);
-                                onClick(column, row);
-                            }, maxColumnsNumber: maxColumnsNumber, maxRowsNumber: maxRowsNumber });
-                    }
-                }]
-        }
-    };
-};
-//# sourceMappingURL=RichTextInsertTableCommandBarItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextInsertTableCommandBarItem.js","sourceRoot":"","sources":["../../../../../../../../preprocess-dist/react-components/src/components/RichTextEditor/Toolbar/Table/RichTextInsertTableCommandBarItem.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAC1G,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAE7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE;;GAEG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,KAAY,EAAE,aAAqB,EAAE,gBAAwB,EAAE,OAAiC,EAAE,OAA8C,EAAwB,EAAE;IAC1N,OAAO;QACL,aAAa,EAAE,uCAAuC;QACtD,GAAG,EAAE,kCAAkC;QACvC,IAAI,EAAE,OAAO,CAAC,0BAA0B;QACxC,SAAS,EAAE,OAAO,CAAC,0BAA0B;QAC7C,wBAAwB;QACxB,aAAa,EAAE;YACb,MAAM,EAAE,IAAI;SACb;QACD,YAAY,EAAE,GAAG,EAAE;YACjB,OAAO,oBAAC,wBAAwB,OAAG,CAAC;QACtC,CAAC;QACD,YAAY,EAAE,uBAAuB,CAAC,KAAK,CAAC;QAC5C,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE;YACZ,YAAY,EAAE;gBACZ,aAAa,EAAE,KAAK;aACrB;YACD,kBAAkB,EAAE,IAAI;YACxB,SAAS,EAAE,wBAAwB;YACnC,cAAc,EAAE;gBACd,SAAS,EAAE,kBAAkB,CAAC,aAAa;aAC5C;YACD,KAAK,EAAE,CAAC;oBACN,GAAG,EAAE,gCAAgC;oBACrC,IAAI,EAAE,OAAO,CAAC,4BAA4B;oBAC1C,QAAQ,EAAE,KAAK;oBACf,QAAQ,EAAE,CAAC,IAAyB,EAAE,EAAE;wBACtC,OAAO,oBAAC,uBAAuB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE;gCACzD,MAAM,EACJ,GAAG,EACH,MAAM,EACP,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;gCAClB,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;4BACvB,CAAC,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,GAAI,CAAC;oBAC1E,CAAC;iBACF,CAAC;SACH;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { FocusZoneDirection } from '@fluentui/react';\nimport type { ICommandBarItemProps, IContextualMenuItem, Theme } from '@fluentui/react';\nimport { insertTableMenuTablePane, toolbarTableButtonStyle } from '../../../styles/RichTextEditor.styles';\nimport { RichTextInsertTablePane } from './RichTextInsertTablePane';\nimport { parseKey } from '../../../utils/RichTextTableUtils';\nimport { RichTextStrings } from '../../RichTextSendBox';\nimport { RichTextToolbarTableIcon } from './RichTextToolbarTableIcon';\n\n/**\n * \"Insert table\" command bar item for the rich text toolbar\n */\nexport const richTextInsertTableCommandBarItem = (theme: Theme, maxRowsNumber: number, maxColumnsNumber: number, strings: Partial<RichTextStrings>, onClick: (column: number, row: number) => void): ICommandBarItemProps => {\n  return {\n    'data-testid': 'rich-text-toolbar-insert-table-button',\n    key: 'RichTextToolbarInsertTableButton',\n    text: strings.richTextInsertTableTooltip,\n    ariaLabel: strings.richTextInsertTableTooltip,\n    // hide the chevron icon\n    menuIconProps: {\n      hidden: true\n    },\n    onRenderIcon: () => {\n      return <RichTextToolbarTableIcon />;\n    },\n    buttonStyles: toolbarTableButtonStyle(theme),\n    canCheck: false,\n    iconOnly: true,\n    subMenuProps: {\n      calloutProps: {\n        isBeakVisible: false\n      },\n      shouldFocusOnMount: true,\n      className: insertTableMenuTablePane,\n      focusZoneProps: {\n        direction: FocusZoneDirection.bidirectional\n      },\n      items: [{\n        key: 'RichTextToolbarInsertTableMenu',\n        text: strings.richTextInsertTableMenuTitle,\n        canCheck: false,\n        onRender: (item: IContextualMenuItem) => {\n          return <RichTextInsertTablePane item={item} onClick={key => {\n            const {\n              row,\n              column\n            } = parseKey(key);\n            onClick(column, row);\n          }} maxColumnsNumber={maxColumnsNumber} maxRowsNumber={maxRowsNumber} />;\n        }\n      }]\n    }\n  };\n};"]}

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import type { IContextualMenuItem } from '@fluentui/react';
-interface RichTextInsertTablePaneProps {
-    item: IContextualMenuItem;
-    onClick: (key: string) => void;
-    maxRowsNumber: number;
-    maxColumnsNumber: number;
-}
-/**
- * @private
- * Component for the insert table pane
- */
-export declare const RichTextInsertTablePane: (props: RichTextInsertTablePaneProps) => JSX.Element;
-export {};
-//# sourceMappingURL=RichTextInsertTablePane.d.ts.map