@azure/communication-react 1.14.1-alpha-202404020012 → 1.15.0-beta.1

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

@@ -1,286 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { mergeStyles } from '@fluentui/react';
-import { editorTextBoxButtonStyle } from './SendBox.styles';
-/**
- * @private
- */
-export const richTextEditorStyle = (props) => {
-    return mergeStyles({
-        border: 'none',
-        overflow: 'auto',
-        outline: 'none',
-        minHeight: props.minHeight,
-        maxHeight: props.maxHeight,
-        maxWidth: '100%'
-    });
-};
-/**
- * @private
- */
-export const richTextEditorWrapperStyle = (theme, addTopOffset) => {
-    return mergeStyles({
-        paddingTop: `${addTopOffset ? '0.5rem' : '0'}`,
-        paddingInlineStart: `0.75rem`,
-        paddingInlineEnd: `0.75rem`,
-        lineHeight: '1.25rem',
-        maxWidth: '100%',
-        color: theme.palette.neutralPrimary,
-        '& table': {
-            background: 'transparent',
-            borderCollapse: 'collapse',
-            width: '100%',
-            borderSpacing: '0',
-            // don't shrink/expand cells during the input to the table
-            tableLayout: 'fixed',
-            '& tr': {
-                background: 'transparent',
-                border: `1px solid ${theme.palette.neutralLight}`,
-                '& td': {
-                    background: 'transparent',
-                    border: `1px solid ${theme.palette.neutralLight}`,
-                    wordBreak: 'normal',
-                    padding: '0.125rem 0.25rem',
-                    verticalAlign: 'top'
-                }
-            }
-        }
-    });
-};
-/**
- * @private
- */
-export const richTextActionButtonsStackStyle = mergeStyles({
-    paddingRight: `0.125rem`
-});
-/**
- * @private
- */
-export const richTextActionButtonsStyle = mergeStyles({
-    height: '2.25rem',
-    width: '2.25rem',
-    margin: 'auto'
-});
-/**
- * @private
- */
-export const richTextActionButtonsDividerStyle = (theme) => {
-    return mergeStyles({
-        color: theme.palette.neutralQuaternaryAlt,
-        margin: '0.375rem -0.5rem 0 -0.5rem',
-        backgroundColor: 'transparent'
-    });
-};
-/**
- * @private
- */
-export const ribbonOverflowButtonStyle = (theme) => {
-    return {
-        subComponentStyles: {
-            menuItem: {
-                icon: { color: theme.palette.neutralPrimary, paddingTop: '0.5rem' },
-                root: ribbonOverflowButtonRootStyles(theme)
-            },
-            callout: {}
-        }
-    };
-};
-const ribbonOverflowButtonRootStyles = (theme) => {
-    return {
-        selectors: {
-            // Icon's color doesn't work here because of the specificity
-            '&:hover': {
-                selectors: {
-                    '.ms-ContextualMenu-icon': {
-                        color: theme.palette.neutralPrimary
-                    }
-                }
-            },
-            '.ribbon-table-button-regular-icon': {
-                display: 'inline-block',
-                margin: '-0.25rem 0.25rem 0 0.25rem',
-                width: '1.25rem',
-                height: '1.25rem'
-            },
-            '.ribbon-table-button-filled-icon': {
-                display: 'none'
-            }
-        }
-    };
-};
-const ribbonButtonRootStyles = (theme) => {
-    return {
-        backgroundColor: 'transparent',
-        selectors: {
-            // Icon's color doesn't work here because of the specificity
-            '.ms-Button-icon': {
-                color: theme.palette.themePrimary
-            },
-            '.ms-Button-menuIcon': {
-                color: theme.palette.themePrimary
-            }
-        }
-    };
-};
-/**
- * @private
- */
-export const ribbonButtonStyle = (theme) => {
-    return {
-        icon: { color: theme.palette.neutralPrimary, height: 'auto' },
-        menuIcon: { color: theme.palette.neutralPrimary, height: 'auto' },
-        root: { minWidth: 'auto', backgroundColor: 'transparent' },
-        rootChecked: ribbonButtonRootStyles(theme),
-        rootHovered: ribbonButtonRootStyles(theme),
-        rootCheckedHovered: ribbonButtonRootStyles(theme),
-        rootCheckedPressed: ribbonButtonRootStyles(theme),
-        rootPressed: ribbonButtonRootStyles(theme),
-        rootExpanded: ribbonButtonRootStyles(theme),
-        rootExpandedHovered: ribbonButtonRootStyles(theme)
-    };
-};
-const rootRibbonTableButtonStyle = (theme) => {
-    // merge IStyles props
-    return Object.assign({ minWidth: 'auto' }, ribbonTableButtonRootStyles(theme, false));
-};
-/**
- * @private
- */
-export const ribbonTableButtonStyle = (theme) => {
-    return {
-        icon: { height: 'auto' },
-        menuIcon: { height: 'auto' },
-        root: rootRibbonTableButtonStyle(theme),
-        rootChecked: ribbonTableButtonRootStyles(theme, true),
-        rootHovered: ribbonTableButtonRootStyles(theme, true),
-        rootCheckedHovered: ribbonTableButtonRootStyles(theme, true),
-        rootCheckedPressed: ribbonTableButtonRootStyles(theme, true),
-        rootPressed: ribbonTableButtonRootStyles(theme, true),
-        rootExpanded: ribbonTableButtonRootStyles(theme, true),
-        rootExpandedHovered: ribbonTableButtonRootStyles(theme, true)
-    };
-};
-const ribbonTableButtonRootStyles = (theme, isSelected) => {
-    return {
-        backgroundColor: 'transparent',
-        selectors: {
-            '.ribbon-table-button-regular-icon': {
-                width: '1.25rem',
-                height: '1.25rem',
-                marginTop: '-0.25rem',
-                color: theme.palette.neutralPrimary,
-                display: isSelected ? 'none' : 'inline-block'
-            },
-            '.ribbon-table-button-filled-icon': {
-                width: '1.25rem',
-                height: '1.25rem',
-                marginTop: '-0.25rem',
-                color: theme.palette.themePrimary,
-                display: isSelected ? 'inline-block' : 'none'
-            }
-        }
-    };
-};
-/**
- * @private
- */
-export const ribbonDividerStyle = (theme) => {
-    return {
-        icon: { color: theme.palette.neutralQuaternaryAlt, margin: '0 -0.5rem', height: 'auto' },
-        root: { margin: '0', padding: '0', minWidth: 'auto' },
-        rootHovered: {
-            backgroundColor: 'transparent',
-            selectors: {
-                // Icon's color doesn't work here because of the specificity
-                '.ms-Button-icon': {
-                    color: theme.palette.neutralQuaternaryAlt
-                },
-                '.ms-Button-menuIcon': {
-                    color: theme.palette.neutralQuaternaryAlt
-                }
-            }
-        }
-    };
-};
-/**
- * @private
- */
-export const ribbonStyle = {
-    // Override for the default white color of the Ribbon component
-    root: { backgroundColor: 'transparent' }
-};
-/**
- * @private
- */
-export const richTextFormatButtonIconStyle = (theme, isSelected) => {
-    return mergeStyles(editorTextBoxButtonStyle, {
-        color: isSelected ? theme.palette.themePrimary : theme.palette.neutralSecondary
-    });
-};
-/**
- * @private
- */
-export const editBoxRichTextEditorStyle = () => {
-    return {
-        minHeight: '2.25rem',
-        maxHeight: '2.25rem'
-    };
-};
-/**
- * @private
- */
-export const sendBoxRichTextEditorStyle = (isExpanded) => {
-    return {
-        minHeight: isExpanded ? '5rem' : '1.25rem',
-        maxHeight: '5rem'
-    };
-};
-/**
- * @private
- */
-export const insertTableMenuCellButtonStyles = (theme) => {
-    return {
-        width: '1rem',
-        height: '1rem',
-        border: `solid 0.0625rem ${theme.palette.neutralTertiaryAlt}`,
-        display: 'inline-block',
-        cursor: 'pointer',
-        background: 'transparent'
-    };
-};
-/**
- * @private
- */
-export const insertTableMenuCellButtonSelectedStyles = (theme) => {
-    return {
-        background: theme.palette.themePrimary
-    };
-};
-/**
- * @private
- */
-export const insertTableMenuTablePane = mergeStyles({
-    padding: '0.5rem 0.625rem 0.75rem 0.625rem',
-    boxSizing: 'content-box',
-    minWidth: 'auto'
-});
-/**
- * @private
- */
-export const insertTableMenuFocusZone = (theme) => {
-    return mergeStyles({
-        lineHeight: '12px',
-        width: '5rem',
-        border: `solid 0.0625rem ${theme.palette.neutralTertiaryAlt}`
-    });
-};
-/**
- * @private
- */
-export const insertTableMenuTitleStyles = mergeStyles({
-    width: '100%',
-    height: '1rem',
-    fontSize: '0.75rem',
-    marginBottom: '0.5rem'
-});
-//# sourceMappingURL=RichTextEditor.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextEditor.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/RichTextEditor.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport { IButtonStyles, ICommandBarStyles, IContextualMenuStyles, IStyle, Theme, mergeStyles } from '@fluentui/react';\nimport { editorTextBoxButtonStyle } from './SendBox.styles';\nimport { RichTextEditorStyleProps } from '../RichTextEditor/RichTextEditor';\n\n/**\n * @private\n */\nexport const richTextEditorStyle = (props: { minHeight: string; maxHeight: string }): string => {\n  return mergeStyles({\n    border: 'none',\n    overflow: 'auto',\n    outline: 'none',\n    minHeight: props.minHeight,\n    maxHeight: props.maxHeight,\n    maxWidth: '100%'\n  });\n};\n\n/**\n * @private\n */\nexport const richTextEditorWrapperStyle = (theme: Theme, addTopOffset: boolean): string => {\n  return mergeStyles({\n    paddingTop: `${addTopOffset ? '0.5rem' : '0'}`,\n    paddingInlineStart: `0.75rem`,\n    paddingInlineEnd: `0.75rem`,\n    lineHeight: '1.25rem',\n    maxWidth: '100%',\n    color: theme.palette.neutralPrimary,\n\n    '& table': {\n      background: 'transparent',\n      borderCollapse: 'collapse',\n      width: '100%',\n      borderSpacing: '0',\n      // don't shrink/expand cells during the input to the table\n      tableLayout: 'fixed',\n\n      '& tr': {\n        background: 'transparent',\n        border: `1px solid ${theme.palette.neutralLight}`,\n\n        '& td': {\n          background: 'transparent',\n          border: `1px solid ${theme.palette.neutralLight}`,\n          wordBreak: 'normal',\n          padding: '0.125rem 0.25rem',\n          verticalAlign: 'top'\n        }\n      }\n    }\n  });\n};\n\n/**\n * @private\n */\nexport const richTextActionButtonsStackStyle = mergeStyles({\n  paddingRight: `0.125rem`\n});\n\n/**\n * @private\n */\nexport const richTextActionButtonsStyle = mergeStyles({\n  height: '2.25rem',\n  width: '2.25rem',\n  margin: 'auto'\n});\n\n/**\n * @private\n */\nexport const richTextActionButtonsDividerStyle = (theme: Theme): string => {\n  return mergeStyles({\n    color: theme.palette.neutralQuaternaryAlt,\n    margin: '0.375rem -0.5rem 0 -0.5rem',\n    backgroundColor: 'transparent'\n  });\n};\n\n/**\n * @private\n */\nexport const ribbonOverflowButtonStyle = (theme: Theme): Partial<IContextualMenuStyles> => {\n  return {\n    subComponentStyles: {\n      menuItem: {\n        icon: { color: theme.palette.neutralPrimary, paddingTop: '0.5rem' },\n        root: ribbonOverflowButtonRootStyles(theme)\n      },\n      callout: {}\n    }\n  };\n};\n\nconst ribbonOverflowButtonRootStyles = (theme: Theme): IStyle => {\n  return {\n    selectors: {\n      // Icon's color doesn't work here because of the specificity\n      '&:hover': {\n        selectors: {\n          '.ms-ContextualMenu-icon': {\n            color: theme.palette.neutralPrimary\n          }\n        }\n      },\n      '.ribbon-table-button-regular-icon': {\n        display: 'inline-block',\n        margin: '-0.25rem 0.25rem 0 0.25rem',\n        width: '1.25rem',\n        height: '1.25rem'\n      },\n      '.ribbon-table-button-filled-icon': {\n        display: 'none'\n      }\n    }\n  };\n};\n\nconst ribbonButtonRootStyles = (theme: Theme): IStyle => {\n  return {\n    backgroundColor: 'transparent',\n    selectors: {\n      // Icon's color doesn't work here because of the specificity\n      '.ms-Button-icon': {\n        color: theme.palette.themePrimary\n      },\n      '.ms-Button-menuIcon': {\n        color: theme.palette.themePrimary\n      }\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const ribbonButtonStyle = (theme: Theme): Partial<IButtonStyles> => {\n  return {\n    icon: { color: theme.palette.neutralPrimary, height: 'auto' },\n    menuIcon: { color: theme.palette.neutralPrimary, height: 'auto' },\n    root: { minWidth: 'auto', backgroundColor: 'transparent' },\n    rootChecked: ribbonButtonRootStyles(theme),\n    rootHovered: ribbonButtonRootStyles(theme),\n    rootCheckedHovered: ribbonButtonRootStyles(theme),\n    rootCheckedPressed: ribbonButtonRootStyles(theme),\n    rootPressed: ribbonButtonRootStyles(theme),\n    rootExpanded: ribbonButtonRootStyles(theme),\n    rootExpandedHovered: ribbonButtonRootStyles(theme)\n  };\n};\n\nconst rootRibbonTableButtonStyle = (theme: Theme): IStyle => {\n  // merge IStyles props\n  return Object.assign({ minWidth: 'auto' }, ribbonTableButtonRootStyles(theme, false));\n};\n\n/**\n * @private\n */\nexport const ribbonTableButtonStyle = (theme: Theme): Partial<IButtonStyles> => {\n  return {\n    icon: { height: 'auto' },\n    menuIcon: { height: 'auto' },\n    root: rootRibbonTableButtonStyle(theme),\n    rootChecked: ribbonTableButtonRootStyles(theme, true),\n    rootHovered: ribbonTableButtonRootStyles(theme, true),\n    rootCheckedHovered: ribbonTableButtonRootStyles(theme, true),\n    rootCheckedPressed: ribbonTableButtonRootStyles(theme, true),\n    rootPressed: ribbonTableButtonRootStyles(theme, true),\n    rootExpanded: ribbonTableButtonRootStyles(theme, true),\n    rootExpandedHovered: ribbonTableButtonRootStyles(theme, true)\n  };\n};\nconst ribbonTableButtonRootStyles = (theme: Theme, isSelected: boolean): IStyle => {\n  return {\n    backgroundColor: 'transparent',\n    selectors: {\n      '.ribbon-table-button-regular-icon': {\n        width: '1.25rem',\n        height: '1.25rem',\n        marginTop: '-0.25rem',\n        color: theme.palette.neutralPrimary,\n        display: isSelected ? 'none' : 'inline-block'\n      },\n      '.ribbon-table-button-filled-icon': {\n        width: '1.25rem',\n        height: '1.25rem',\n        marginTop: '-0.25rem',\n        color: theme.palette.themePrimary,\n        display: isSelected ? 'inline-block' : 'none'\n      }\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const ribbonDividerStyle = (theme: Theme): Partial<IButtonStyles> => {\n  return {\n    icon: { color: theme.palette.neutralQuaternaryAlt, margin: '0 -0.5rem', height: 'auto' },\n    root: { margin: '0', padding: '0', minWidth: 'auto' },\n    rootHovered: {\n      backgroundColor: 'transparent',\n      selectors: {\n        // Icon's color doesn't work here because of the specificity\n        '.ms-Button-icon': {\n          color: theme.palette.neutralQuaternaryAlt\n        },\n        '.ms-Button-menuIcon': {\n          color: theme.palette.neutralQuaternaryAlt\n        }\n      }\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const ribbonStyle: Partial<ICommandBarStyles> = {\n  // Override for the default white color of the Ribbon component\n  root: { backgroundColor: 'transparent' }\n};\n\n/**\n * @private\n */\nexport const richTextFormatButtonIconStyle = (theme: Theme, isSelected: boolean): string => {\n  return mergeStyles(editorTextBoxButtonStyle, {\n    color: isSelected ? theme.palette.themePrimary : theme.palette.neutralSecondary\n  });\n};\n\n/**\n * @private\n */\nexport const editBoxRichTextEditorStyle = (): RichTextEditorStyleProps => {\n  return {\n    minHeight: '2.25rem',\n    maxHeight: '2.25rem'\n  };\n};\n\n/**\n * @private\n */\nexport const sendBoxRichTextEditorStyle = (isExpanded: boolean): RichTextEditorStyleProps => {\n  return {\n    minHeight: isExpanded ? '5rem' : '1.25rem',\n    maxHeight: '5rem'\n  };\n};\n\n/**\n * @private\n */\nexport const insertTableMenuCellButtonStyles = (theme: Theme): IStyle => {\n  return {\n    width: '1rem',\n    height: '1rem',\n    border: `solid 0.0625rem ${theme.palette.neutralTertiaryAlt}`,\n    display: 'inline-block',\n    cursor: 'pointer',\n    background: 'transparent'\n  };\n};\n\n/**\n * @private\n */\nexport const insertTableMenuCellButtonSelectedStyles = (theme: Theme): IStyle => {\n  return {\n    background: theme.palette.themePrimary\n  };\n};\n\n/**\n * @private\n */\nexport const insertTableMenuTablePane = mergeStyles({\n  padding: '0.5rem 0.625rem 0.75rem 0.625rem',\n  boxSizing: 'content-box',\n  minWidth: 'auto'\n});\n\n/**\n * @private\n */\nexport const insertTableMenuFocusZone = (theme: Theme): string => {\n  return mergeStyles({\n    lineHeight: '12px',\n    width: '5rem',\n    border: `solid 0.0625rem ${theme.palette.neutralTertiaryAlt}`\n  });\n};\n\n/**\n * @private\n */\nexport const insertTableMenuTitleStyles = mergeStyles({\n  width: '100%',\n  height: '1rem',\n  fontSize: '0.75rem',\n  marginBottom: '0.5rem'\n});\n"]}

package/dist/dist-esm/react-components/src/components/styles/RichTextInputBoxComponent.styles.d.ts

@@ -1,21 +0,0 @@
-import { Theme } from '@fluentui/react';
-/**
- * @private
- */
-export declare const inputBoxRichTextStackStyle: string;
-/**
- * @private
- */
-export declare const inputBoxRichTextStackItemStyle: string;
-/**
- * @private
- */
-export declare const inputBoxContentStackStyle: string;
-/**
- * @private
- */
-export declare const richTextBorderBoxStyle: (props: {
-    theme: Theme;
-    disabled: boolean;
-}) => string;
-//# sourceMappingURL=RichTextInputBoxComponent.styles.d.ts.map

package/dist/dist-esm/react-components/src/components/styles/RichTextInputBoxComponent.styles.js

@@ -1,34 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { mergeStyles } from '@fluentui/react';
-import { borderEditBoxStyle, defaultSendBoxActiveBorderThicknessREM, defaultSendBoxInactiveBorderThicknessREM } from './SendBox.styles';
-/**
- * @private
- */
-export const inputBoxRichTextStackStyle = mergeStyles({ overflow: 'hidden' });
-/**
- * @private
- */
-export const inputBoxRichTextStackItemStyle = mergeStyles({ paddingBottom: '0.25rem' });
-/**
- * @private
- */
-export const inputBoxContentStackStyle = mergeStyles({ overflow: 'hidden' });
-/**
- * @private
- */
-export const richTextBorderBoxStyle = (props) => {
-    const disabledStyles = {
-        pointerEvents: 'none',
-        backgroundColor: props.theme.palette.neutralLighter,
-        borderRadius: props.theme.effects.roundedCorner4,
-        border: `${defaultSendBoxInactiveBorderThicknessREM}rem solid transparent`,
-        margin: `${defaultSendBoxActiveBorderThicknessREM - defaultSendBoxInactiveBorderThicknessREM}rem`
-    };
-    return mergeStyles(props.disabled
-        ? disabledStyles
-        : borderEditBoxStyle(Object.assign(Object.assign({}, props), { 
-            // should always be false as we don't want to show the border when there is an error
-            hasErrorMessage: false, defaultBorderColor: props.theme.palette.neutralQuaternaryAlt })));
-};
-//# sourceMappingURL=RichTextInputBoxComponent.styles.js.map

package/dist/dist-esm/react-components/src/components/styles/RichTextInputBoxComponent.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextInputBoxComponent.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/RichTextInputBoxComponent.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAAiB,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EACL,kBAAkB,EAClB,sCAAsC,EACtC,wCAAwC,EACzC,MAAM,kBAAkB,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;AAE9E;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,WAAW,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAC;AAExF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,WAAW,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;AAE7E;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAA0C,EAAU,EAAE;IAC3F,MAAM,cAAc,GAAW;QAC7B,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;QACnD,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;QAChD,MAAM,EAAE,GAAG,wCAAwC,uBAAuB;QAC1E,MAAM,EAAE,GAAG,sCAAsC,GAAG,wCAAwC,KAAK;KAClG,CAAC;IACF,OAAO,WAAW,CAChB,KAAK,CAAC,QAAQ;QACZ,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,kBAAkB,iCACb,KAAK;YACR,oFAAoF;YACpF,eAAe,EAAE,KAAK,EACtB,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,oBAAoB,IAC5D,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport { IStyle, Theme, mergeStyles } from '@fluentui/react';\nimport {\n  borderEditBoxStyle,\n  defaultSendBoxActiveBorderThicknessREM,\n  defaultSendBoxInactiveBorderThicknessREM\n} from './SendBox.styles';\n\n/**\n * @private\n */\nexport const inputBoxRichTextStackStyle = mergeStyles({ overflow: 'hidden' });\n\n/**\n * @private\n */\nexport const inputBoxRichTextStackItemStyle = mergeStyles({ paddingBottom: '0.25rem' });\n\n/**\n * @private\n */\nexport const inputBoxContentStackStyle = mergeStyles({ overflow: 'hidden' });\n\n/**\n * @private\n */\nexport const richTextBorderBoxStyle = (props: { theme: Theme; disabled: boolean }): string => {\n  const disabledStyles: IStyle = {\n    pointerEvents: 'none',\n    backgroundColor: props.theme.palette.neutralLighter,\n    borderRadius: props.theme.effects.roundedCorner4,\n    border: `${defaultSendBoxInactiveBorderThicknessREM}rem solid transparent`,\n    margin: `${defaultSendBoxActiveBorderThicknessREM - defaultSendBoxInactiveBorderThicknessREM}rem`\n  };\n  return mergeStyles(\n    props.disabled\n      ? disabledStyles\n      : borderEditBoxStyle({\n          ...props,\n          // should always be false as we don't want to show the border when there is an error\n          hasErrorMessage: false,\n          defaultBorderColor: props.theme.palette.neutralQuaternaryAlt\n        })\n  );\n};\n"]}

package/dist/dist-esm/react-components/src/components/utils/RichTextEditorStringsUtils.d.ts

@@ -1,15 +0,0 @@
-import type { LocalizedStrings } from 'roosterjs-react';
-import type { RichTextSendBoxStrings } from '../RichTextEditor/RichTextSendBox';
-/**
- * @private
- *
- * Strings for the ribbon buttons where key should match `key` prop if any or the name of the item.
- */
-export declare const ribbonButtonsStrings: (strings: Partial<RichTextSendBoxStrings>) => LocalizedStrings<string>;
-/**
- * @private
- *
- * Strings for the table context menu  where key should match `key` prop if any or the name of the item.
- */
-export declare const tableContextMenuStrings: (strings: Partial<RichTextSendBoxStrings>) => LocalizedStrings<string>;
-//# sourceMappingURL=RichTextEditorStringsUtils.d.ts.map

package/dist/dist-esm/react-components/src/components/utils/RichTextEditorStringsUtils.js

@@ -1,39 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * @private
- *
- * Strings for the ribbon buttons where key should match `key` prop if any or the name of the item.
- */
-export const ribbonButtonsStrings = (strings) => {
-    return {
-        buttonNameBold: strings.boldTooltip,
-        buttonNameItalic: strings.italicTooltip,
-        buttonNameUnderline: strings.underlineTooltip,
-        buttonNameBulletedList: strings.bulletListTooltip,
-        buttonNameNumberedList: strings.numberListTooltip,
-        buttonNameIncreaseIndent: strings.increaseIndentTooltip,
-        buttonNameDecreaseIndent: strings.decreaseIndentTooltip,
-        buttonNameInsertTable: strings.insertTableTooltip,
-        insertTablePane: strings.insertTableMenuTitle
-    };
-};
-/**
- * @private
- *
- * Strings for the table context menu  where key should match `key` prop if any or the name of the item.
- */
-export const tableContextMenuStrings = (strings) => {
-    return {
-        menuNameTableInsert: strings.insertRowOrColumnMenu,
-        menuNameTableInsertAbove: strings.insertRowAboveMenu,
-        menuNameTableInsertBelow: strings.insertRowBelowMenu,
-        menuNameTableInsertLeft: strings.insertColumnLeftMenu,
-        menuNameTableInsertRight: strings.insertColumnRightMenu,
-        menuNameTableDelete: strings.deleteRowOrColumnMenu,
-        menuNameTableDeleteColumn: strings.deleteColumnMenu,
-        menuNameTableDeleteRow: strings.deleteRowMenu,
-        menuNameTableDeleteTable: strings.deleteTableMenu
-    };
-};
-//# sourceMappingURL=RichTextEditorStringsUtils.js.map

package/dist/dist-esm/react-components/src/components/utils/RichTextEditorStringsUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextEditorStringsUtils.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/RichTextEditorStringsUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,OAAwC,EAA4B,EAAE;IACzG,OAAO;QACL,cAAc,EAAE,OAAO,CAAC,WAAW;QACnC,gBAAgB,EAAE,OAAO,CAAC,aAAa;QACvC,mBAAmB,EAAE,OAAO,CAAC,gBAAgB;QAC7C,sBAAsB,EAAE,OAAO,CAAC,iBAAiB;QACjD,sBAAsB,EAAE,OAAO,CAAC,iBAAiB;QACjD,wBAAwB,EAAE,OAAO,CAAC,qBAAqB;QACvD,wBAAwB,EAAE,OAAO,CAAC,qBAAqB;QACvD,qBAAqB,EAAE,OAAO,CAAC,kBAAkB;QACjD,eAAe,EAAE,OAAO,CAAC,oBAAoB;KAC9C,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,OAAwC,EAA4B,EAAE;IAC5G,OAAO;QACL,mBAAmB,EAAE,OAAO,CAAC,qBAAqB;QAClD,wBAAwB,EAAE,OAAO,CAAC,kBAAkB;QACpD,wBAAwB,EAAE,OAAO,CAAC,kBAAkB;QACpD,uBAAuB,EAAE,OAAO,CAAC,oBAAoB;QACrD,wBAAwB,EAAE,OAAO,CAAC,qBAAqB;QACvD,mBAAmB,EAAE,OAAO,CAAC,qBAAqB;QAClD,yBAAyB,EAAE,OAAO,CAAC,gBAAgB;QACnD,sBAAsB,EAAE,OAAO,CAAC,aAAa;QAC7C,wBAAwB,EAAE,OAAO,CAAC,eAAe;KAClD,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport type { LocalizedStrings } from 'roosterjs-react';\nimport type { RichTextSendBoxStrings } from '../RichTextEditor/RichTextSendBox';\n/**\n * @private\n *\n * Strings for the ribbon buttons where key should match `key` prop if any or the name of the item.\n */\nexport const ribbonButtonsStrings = (strings: Partial<RichTextSendBoxStrings>): LocalizedStrings<string> => {\n  return {\n    buttonNameBold: strings.boldTooltip,\n    buttonNameItalic: strings.italicTooltip,\n    buttonNameUnderline: strings.underlineTooltip,\n    buttonNameBulletedList: strings.bulletListTooltip,\n    buttonNameNumberedList: strings.numberListTooltip,\n    buttonNameIncreaseIndent: strings.increaseIndentTooltip,\n    buttonNameDecreaseIndent: strings.decreaseIndentTooltip,\n    buttonNameInsertTable: strings.insertTableTooltip,\n    insertTablePane: strings.insertTableMenuTitle\n  };\n};\n\n/**\n * @private\n *\n * Strings for the table context menu  where key should match `key` prop if any or the name of the item.\n */\nexport const tableContextMenuStrings = (strings: Partial<RichTextSendBoxStrings>): LocalizedStrings<string> => {\n  return {\n    menuNameTableInsert: strings.insertRowOrColumnMenu,\n    menuNameTableInsertAbove: strings.insertRowAboveMenu,\n    menuNameTableInsertBelow: strings.insertRowBelowMenu,\n    menuNameTableInsertLeft: strings.insertColumnLeftMenu,\n    menuNameTableInsertRight: strings.insertColumnRightMenu,\n    menuNameTableDelete: strings.deleteRowOrColumnMenu,\n    menuNameTableDeleteColumn: strings.deleteColumnMenu,\n    menuNameTableDeleteRow: strings.deleteRowMenu,\n    menuNameTableDeleteTable: strings.deleteTableMenu\n  };\n};\n"]}

package/dist/dist-esm/react-components/src/components/utils/RichTextTableUtils.d.ts

@@ -1,22 +0,0 @@
-/**
- * @private
- *
- * String to be replaces by actual values of row and column.
- */
-export declare const ColumnRowReplaceString = "{column} x {row}";
-/**
- * @private
- *
- * Function to create key pair for the selected table size.
- */
-export declare function createKey(row: number, column: number): string;
-/**
- * @private
- *
- * Function to parse key to the selected table size valules.
- */
-export declare function parseKey(key: string): {
-    row: number;
-    column: number;
-};
-//# sourceMappingURL=RichTextTableUtils.d.ts.map

package/dist/dist-esm/react-components/src/components/utils/RichTextTableUtils.js

@@ -1,29 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * @private
- *
- * String to be replaces by actual values of row and column.
- */
-export const ColumnRowReplaceString = '{column} x {row}';
-/**
- * @private
- *
- * Function to create key pair for the selected table size.
- */
-export function createKey(row, column) {
-    return `${row},${column}`;
-}
-/**
- * @private
- *
- * Function to parse key to the selected table size valules.
- */
-export function parseKey(key) {
-    const [row, column] = key.split(',');
-    return {
-        row: parseInt(row),
-        column: parseInt(column)
-    };
-}
-//# sourceMappingURL=RichTextTableUtils.js.map

package/dist/dist-esm/react-components/src/components/utils/RichTextTableUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextTableUtils.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/RichTextTableUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,kBAAkB,CAAC;AAEzD;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,GAAW,EAAE,MAAc;IACnD,OAAO,GAAG,GAAG,IAAI,MAAM,EAAE,CAAC;AAC5B,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,GAAW;IAClC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACrC,OAAO;QACL,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC;QAClB,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;KACzB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @private\n *\n * String to be replaces by actual values of row and column.\n */\nexport const ColumnRowReplaceString = '{column} x {row}';\n\n/**\n * @private\n *\n * Function to create key pair for the selected table size.\n */\nexport function createKey(row: number, column: number): string {\n  return `${row},${column}`;\n}\n\n/**\n * @private\n *\n * Function to parse key to the selected table size valules.\n */\nexport function parseKey(key: string): { row: number; column: number } {\n  const [row, column] = key.split(',');\n  return {\n    row: parseInt(row),\n    column: parseInt(column)\n  };\n}\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/Prompt.d.ts

@@ -1,81 +0,0 @@
-/// <reference types="react" />
-/**
- * @private
- */
-export interface PromptProps {
-    isOpen?: boolean;
-    onDismiss?: () => void;
-    heading?: string;
-    text?: string;
-    confirmButtonLabel?: string;
-    cancelButtonLabel?: string;
-    onConfirm?: () => void;
-    onCancel?: () => void;
-}
-/**
- * @private
- */
-export declare const Prompt: (props: PromptProps) => JSX.Element;
-/**
- * Strings used in prompt related to spotlight
- * @beta
- */
-export interface SpotlightPromptStrings {
-    /**
-     * Heading for prompt when starting spotlight on participant
-     */
-    startSpotlightHeading: string;
-    /**
-     * Text for prompt when starting spotlight on participant
-     */
-    startSpotlightText: string;
-    /**
-     * Label for button to confirm starting spotlight on local user in prompt
-     */
-    startSpotlightOnSelfText: string;
-    /**
-     * Label for button to confirm starting spotlight on participant in prompt
-     */
-    startSpotlightConfirmButtonLabel: string;
-    /**
-     * Label for button to cancel starting spotlight on participant in prompt
-     */
-    startSpotlightCancelButtonLabel: string;
-    /**
-     * Heading for prompt when stopping spotlight on participant
-     */
-    stopSpotlightHeading: string;
-    /**
-     * Heading for prompt when stopping spotlight on local user
-     */
-    stopSpotlightOnSelfHeading: string;
-    /**
-     * Heading for prompt when stopping all spotlight
-     */
-    stopAllSpotlightHeading: string;
-    /**
-     * Text for prompt when stopping spotlight on participant
-     */
-    stopSpotlightText: string;
-    /**
-     * Text for prompt when stopping spotlight on local user
-     */
-    stopSpotlightOnSelfText: string;
-    /**
-     * Text for prompt when stopping all spotlight
-     */
-    stopAllSpotlightText: string;
-    /**
-     * Label for button to confirm stopping spotlight on participant(s) in prompt
-     */
-    stopSpotlightConfirmButtonLabel: string;
-    /**
-     * Label for button to confirm stopping spotlight on local user in prompt
-     */
-    stopSpotlightOnSelfConfirmButtonLabel: string;
-    /**
-     * Label for button to cancel stopping spotlight on participant(s) in prompt
-     */
-    stopSpotlightCancelButtonLabel: string;
-}
-//# sourceMappingURL=Prompt.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/Prompt.js

@@ -1,34 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { DefaultButton, IconButton, Modal, PrimaryButton, Stack, Text, mergeStyles } from '@fluentui/react';
-import { useTheme } from "../../../../../react-components/src";
-import React from 'react';
-/**
- * @private
- */
-export const Prompt = (props) => {
-    const theme = useTheme();
-    return (React.createElement(Modal, { styles: modalStyles, isOpen: props.isOpen, onDismiss: props.onDismiss, isBlocking: false },
-        React.createElement(Stack, { className: mergeStyles({ position: 'relative' }) },
-            React.createElement(Text, { className: mergeStyles({ fontWeight: 600, fontSize: '1.25rem' }) }, props.heading),
-            React.createElement(IconButton, { styles: iconButtonStyles(theme), iconProps: { iconName: 'Cancel' }, onClick: props.onCancel })),
-        React.createElement(Stack, { verticalAlign: "center", className: mergeStyles({ minHeight: '6rem' }) },
-            React.createElement(Text, { className: mergeStyles({ fontSize: '0.875rem' }) }, props.text)),
-        React.createElement(Stack, { horizontal: true, horizontalAlign: "end", tokens: { childrenGap: '0.5rem' } },
-            React.createElement(PrimaryButton, { styles: buttonTextStyles, text: props.confirmButtonLabel, onClick: props.onConfirm }),
-            React.createElement(DefaultButton, { styles: buttonTextStyles, text: props.cancelButtonLabel, onClick: props.onCancel }))));
-};
-const iconButtonStyles = (theme) => ({
-    root: {
-        position: 'absolute',
-        top: 0,
-        right: 0,
-        color: theme.palette.neutralPrimary
-    },
-    rootHovered: {
-        color: theme.palette.neutralDark
-    }
-});
-const modalStyles = { main: { padding: '1.5rem ', maxWidth: '30rem' } };
-const buttonTextStyles = { label: { fontSize: '0.875rem' } };
-//# sourceMappingURL=Prompt.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/Prompt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Prompt.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/Prompt.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EACL,aAAa,EAEb,UAAU,EACV,KAAK,EACL,aAAa,EACb,KAAK,EACL,IAAI,EAEJ,WAAW,EACZ,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,4CAAmC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAe,EAAE;IACxD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,oBAAC,KAAK,IAAC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK;QAC7F,oBAAC,KAAK,IAAC,SAAS,EAAE,WAAW,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;YACrD,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,IAAG,KAAK,CAAC,OAAO,CAAQ;YAC9F,oBAAC,UAAU,IAAC,MAAM,EAAE,gBAAgB,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,QAAQ,GAAI,CACrG;QACR,oBAAC,KAAK,IAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAE,WAAW,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;YACzE,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,IAAG,KAAK,CAAC,IAAI,CAAQ,CACrE;QACR,oBAAC,KAAK,IAAC,UAAU,QAAC,eAAe,EAAC,KAAK,EAAC,MAAM,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE;YACvE,oBAAC,aAAa,IAAC,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAK,CAAC,kBAAkB,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,GAAI;YACrG,oBAAC,aAAa,IAAC,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,KAAK,CAAC,QAAQ,GAAI,CAC7F,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAiB,EAAE,CAAC,CAAC;IACzD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;KACpC;IACD,WAAW,EAAE;QACX,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW;KACjC;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC;AAExE,MAAM,gBAAgB,GAAkB,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n  DefaultButton,\n  IButtonStyles,\n  IconButton,\n  Modal,\n  PrimaryButton,\n  Stack,\n  Text,\n  Theme,\n  mergeStyles\n} from '@fluentui/react';\nimport { useTheme } from '@internal/react-components';\nimport React from 'react';\n\n/**\n * @private\n */\nexport interface PromptProps {\n  isOpen?: boolean;\n  onDismiss?: () => void;\n  heading?: string;\n  text?: string;\n  confirmButtonLabel?: string;\n  cancelButtonLabel?: string;\n  onConfirm?: () => void;\n  onCancel?: () => void;\n}\n\n/**\n * @private\n */\nexport const Prompt = (props: PromptProps): JSX.Element => {\n  const theme = useTheme();\n\n  return (\n    <Modal styles={modalStyles} isOpen={props.isOpen} onDismiss={props.onDismiss} isBlocking={false}>\n      <Stack className={mergeStyles({ position: 'relative' })}>\n        <Text className={mergeStyles({ fontWeight: 600, fontSize: '1.25rem' })}>{props.heading}</Text>\n        <IconButton styles={iconButtonStyles(theme)} iconProps={{ iconName: 'Cancel' }} onClick={props.onCancel} />\n      </Stack>\n      <Stack verticalAlign=\"center\" className={mergeStyles({ minHeight: '6rem' })}>\n        <Text className={mergeStyles({ fontSize: '0.875rem' })}>{props.text}</Text>\n      </Stack>\n      <Stack horizontal horizontalAlign=\"end\" tokens={{ childrenGap: '0.5rem' }}>\n        <PrimaryButton styles={buttonTextStyles} text={props.confirmButtonLabel} onClick={props.onConfirm} />\n        <DefaultButton styles={buttonTextStyles} text={props.cancelButtonLabel} onClick={props.onCancel} />\n      </Stack>\n    </Modal>\n  );\n};\n\nconst iconButtonStyles = (theme: Theme): IButtonStyles => ({\n  root: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    color: theme.palette.neutralPrimary\n  },\n  rootHovered: {\n    color: theme.palette.neutralDark\n  }\n});\n\nconst modalStyles = { main: { padding: '1.5rem ', maxWidth: '30rem' } };\n\nconst buttonTextStyles: IButtonStyles = { label: { fontSize: '0.875rem' } };\n\n/* @conditional-compile-remove(spotlight) */\n/**\n * Strings used in prompt related to spotlight\n * @beta\n */\nexport interface SpotlightPromptStrings {\n  /**\n   * Heading for prompt when starting spotlight on participant\n   */\n  startSpotlightHeading: string;\n  /**\n   * Text for prompt when starting spotlight on participant\n   */\n  startSpotlightText: string;\n  /**\n   * Label for button to confirm starting spotlight on local user in prompt\n   */\n  startSpotlightOnSelfText: string;\n  /**\n   * Label for button to confirm starting spotlight on participant in prompt\n   */\n  startSpotlightConfirmButtonLabel: string;\n  /**\n   * Label for button to cancel starting spotlight on participant in prompt\n   */\n  startSpotlightCancelButtonLabel: string;\n  /**\n   * Heading for prompt when stopping spotlight on participant\n   */\n  stopSpotlightHeading: string;\n  /**\n   * Heading for prompt when stopping spotlight on local user\n   */\n  stopSpotlightOnSelfHeading: string;\n  /**\n   * Heading for prompt when stopping all spotlight\n   */\n  stopAllSpotlightHeading: string;\n  /**\n   * Text for prompt when stopping spotlight on participant\n   */\n  stopSpotlightText: string;\n  /**\n   * Text for prompt when stopping spotlight on local user\n   */\n  stopSpotlightOnSelfText: string;\n  /**\n   * Text for prompt when stopping all spotlight\n   */\n  stopAllSpotlightText: string;\n  /**\n   * Label for button to confirm stopping spotlight on participant(s) in prompt\n   */\n  stopSpotlightConfirmButtonLabel: string;\n  /**\n   * Label for button to confirm stopping spotlight on local user in prompt\n   */\n  stopSpotlightOnSelfConfirmButtonLabel: string;\n  /**\n   * Label for button to cancel stopping spotlight on participant(s) in prompt\n   */\n  stopSpotlightCancelButtonLabel: string;\n}\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/Reaction.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { ReactionResources } from "../../../../../../react-components/src";
-import { ControlBarButtonStyles } from "../../../../../../react-components/src";
-import { CallControlDisplayType } from '../../../common/types/CommonCallControlOptions';
-/** @private */
-export declare const Reaction: (props: {
-    reactionResource: ReactionResources;
-    option?: boolean | {
-        disabled: boolean;
-    };
-    displayType?: CallControlDisplayType;
-    styles?: ControlBarButtonStyles;
-    disabled?: boolean;
-    disableTooltip?: boolean;
-}) => JSX.Element;
-//# sourceMappingURL=Reaction.d.ts.map