@azure/communication-react 1.15.0-alpha-202404100012 → 1.15.0-beta.2

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    // this is needed to fix an issue when text has some indentation, indentation uses blockquote tag and\n    // it gets both horizontal margins because of the user agent stylesheet\n    // remove this code when RoosterJS content model packages are used as they use different approach for indentation\n    '& blockquote': {\n      marginInlineEnd: '0'\n    }\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      tableLayout: 'auto',\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\n/**\n * @private\n */\nexport const tableContextMenuIconStyles = mergeStyles({\n  marginTop: '0.375rem'\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,83 +0,0 @@
-/// <reference types="react" />
-import { IModalStyles } from '@fluentui/react';
-/**
- * @private
- */
-export interface PromptProps {
-    isOpen?: boolean;
-    onDismiss?: () => void;
-    heading?: string;
-    text?: string;
-    confirmButtonLabel?: string;
-    cancelButtonLabel?: string;
-    onConfirm?: () => void;
-    onCancel?: () => void;
-    styles?: Partial<IModalStyles>;
-}
-/**
- * @private
- */
-export declare const Prompt: (props: PromptProps) => JSX.Element;
-/**
- * Strings used in prompt related to spotlight
- * @public
- */
-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,36 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { DefaultButton, IconButton, Modal, PrimaryButton, Stack, Text, mergeStyles, concatStyleSets } from '@fluentui/react';
-import { useTheme } from "../../../../../react-components/src";
-import React from 'react';
-/**
- * @private
- */
-export const Prompt = (props) => {
-    var _a;
-    const theme = useTheme();
-    const styles = concatStyleSets(modalStyles, (_a = props.styles) !== null && _a !== void 0 ? _a : {});
-    return (React.createElement(Modal, { styles: styles, 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,EAEX,eAAe,EAChB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,4CAAmC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAe,EAAE;;IACxD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,eAAe,CAAC,WAAW,EAAE,MAAA,KAAK,CAAC,MAAM,mCAAI,EAAE,CAAC,CAAC;IAEhE,OAAO,CACL,oBAAC,KAAK,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK;QACxF,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  IModalStyles,\n  concatStyleSets\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  styles?: Partial<IModalStyles>;\n}\n\n/**\n * @private\n */\nexport const Prompt = (props: PromptProps): JSX.Element => {\n  const theme = useTheme();\n  const styles = concatStyleSets(modalStyles, props.styles ?? {});\n\n  return (\n    <Modal styles={styles} 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 * @public\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

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

@@ -1,26 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(reaction) */
-import { ReactionButton } from "../../../../../../react-components/src";
-/* @conditional-compile-remove(reaction) */
-import React, { useMemo } from 'react';
-/* @conditional-compile-remove(reaction) */
-import { usePropsFor } from '../../hooks/usePropsFor';
-/* @conditional-compile-remove(reaction) */
-import { concatButtonBaseStyles } from '../../styles/Buttons.styles';
-/* @conditional-compile-remove(reaction) */
-/** @private */
-export const Reaction = (props) => {
-    const reactionButtonProps = usePropsFor(ReactionButton);
-    const styles = useMemo(() => { var _a; return concatButtonBaseStyles((_a = props.styles) !== null && _a !== void 0 ? _a : {}); }, [props.styles]);
-    const reactionButtonDisabled = isDisabled(props.option) || reactionButtonProps.disabled;
-    return (React.createElement(ReactionButton, Object.assign({ "data-ui-id": "call-composite-reaction-button" }, reactionButtonProps, { showLabel: props.displayType !== 'compact', disabled: reactionButtonDisabled || props.disabled, styles: styles, disableTooltip: props.disableTooltip, persistMenu: true, reactionResources: props.reactionResource })));
-};
-/* @conditional-compile-remove(reaction) */
-const isDisabled = (option) => {
-    if (option === undefined || option === true || option === false) {
-        return false;
-    }
-    return option.disabled;
-};
-//# sourceMappingURL=Reaction.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Reaction.js","sourceRoot":"","sources":["../../../../../../../../../react-composites/src/composites/CallComposite/components/buttons/Reaction.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,2CAA2C;AAC3C,OAAO,EAA0B,cAAc,EAAuB,+CAAmC;AACzG,2CAA2C;AAC3C,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGvC,2CAA2C;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,2CAA2C;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,2CAA2C;AAC3C,eAAe;AACf,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAQxB,EAAe,EAAE;IAChB,MAAM,mBAAmB,GAAG,WAAW,CAAC,cAAc,CAAmC,CAAC;IAC1F,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,WAAC,OAAA,sBAAsB,CAAC,MAAA,KAAK,CAAC,MAAM,mCAAI,EAAE,CAAC,CAAA,EAAA,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEzF,MAAM,sBAAsB,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,mBAAmB,CAAC,QAAQ,CAAC;IAExF,OAAO,CACL,oBAAC,cAAc,gCACF,gCAAgC,IACvC,mBAAmB,IACvB,SAAS,EAAE,KAAK,CAAC,WAAW,KAAK,SAAS,EAC1C,QAAQ,EAAE,sBAAsB,IAAI,KAAK,CAAC,QAAQ,EAClD,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,WAAW,EAAE,IAAI,EACjB,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,IACzC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,2CAA2C;AAC3C,MAAM,UAAU,GAAG,CAAC,MAAwC,EAAW,EAAE;IACvE,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;QAChE,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,MAAM,CAAC,QAAQ,CAAC;AACzB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(reaction) */\nimport { ReactionResources } from '@internal/react-components';\n/* @conditional-compile-remove(reaction) */\nimport { ControlBarButtonStyles, ReactionButton, ReactionButtonProps } from '@internal/react-components';\n/* @conditional-compile-remove(reaction) */\nimport React, { useMemo } from 'react';\n/* @conditional-compile-remove(reaction) */\nimport { CallControlDisplayType } from '../../../common/types/CommonCallControlOptions';\n/* @conditional-compile-remove(reaction) */\nimport { usePropsFor } from '../../hooks/usePropsFor';\n/* @conditional-compile-remove(reaction) */\nimport { concatButtonBaseStyles } from '../../styles/Buttons.styles';\n\n/* @conditional-compile-remove(reaction) */\n/** @private */\nexport const Reaction = (props: {\n  // The value of `CallControlOptions.reactionButton`.\n  reactionResource: ReactionResources;\n  option?: boolean | { disabled: boolean };\n  displayType?: CallControlDisplayType;\n  styles?: ControlBarButtonStyles;\n  disabled?: boolean;\n  disableTooltip?: boolean;\n}): JSX.Element => {\n  const reactionButtonProps = usePropsFor(ReactionButton) as unknown as ReactionButtonProps;\n  const styles = useMemo(() => concatButtonBaseStyles(props.styles ?? {}), [props.styles]);\n\n  const reactionButtonDisabled = isDisabled(props.option) || reactionButtonProps.disabled;\n\n  return (\n    <ReactionButton\n      data-ui-id=\"call-composite-reaction-button\"\n      {...reactionButtonProps}\n      showLabel={props.displayType !== 'compact'}\n      disabled={reactionButtonDisabled || props.disabled}\n      styles={styles}\n      disableTooltip={props.disableTooltip}\n      persistMenu={true}\n      reactionResources={props.reactionResource}\n    />\n  );\n};\n\n/* @conditional-compile-remove(reaction) */\nconst isDisabled = (option?: boolean | { disabled: boolean }): boolean => {\n  if (option === undefined || option === true || option === false) {\n    return false;\n  }\n  return option.disabled;\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/capabilitySelector.d.ts

@@ -1,14 +0,0 @@
-import * as reselect from 'reselect';
-/**
- * @private
- */
-export declare const capabilitySelector: ((state: import("index").CallAdapterUiState & import("index").CallAdapterClientState) => {
-    capabilities: import("@azure/communication-calling").ParticipantCapabilities | undefined;
-}) & reselect.OutputSelectorFields<(args_0: import("@azure/communication-calling").ParticipantCapabilities | undefined) => {
-    capabilities: import("@azure/communication-calling").ParticipantCapabilities | undefined;
-}, {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-//# sourceMappingURL=capabilitySelector.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/capabilitySelector.js

@@ -1,13 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import * as reselect from 'reselect';
-import { getCapabilites } from './baseSelectors';
-/**
- * @private
- */
-export const capabilitySelector = reselect.createSelector([getCapabilites], (capabilities) => {
-    return {
-        capabilities
-    };
-});
-//# sourceMappingURL=capabilitySelector.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/capabilitySelector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"capabilitySelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/capabilitySelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,EAAE;IAC3F,OAAO;QACL,YAAY;KACb,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport * as reselect from 'reselect';\nimport { getCapabilites } from './baseSelectors';\n\n/**\n * @private\n */\nexport const capabilitySelector = reselect.createSelector([getCapabilites], (capabilities) => {\n  return {\n    capabilities\n  };\n});\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/getFirstSpotlightedRemoteParticipantSelector.d.ts

@@ -1,15 +0,0 @@
-import { RemoteParticipantState } from "../../../../../calling-stateful-client/src";
-import * as reselect from 'reselect';
-/**
- * Get the first remote participant that is spotlighted if any
- *
- * @private
- */
-export declare const getFirstSpotlightedRemoteParticipant: ((state: import("index").CallAdapterUiState & import("index").CallAdapterClientState) => RemoteParticipantState | undefined) & reselect.OutputSelectorFields<(args_0: {
-    [keys: string]: RemoteParticipantState;
-} | undefined, args_1: import("@azure/communication-calling").SpotlightedParticipant[] | undefined) => RemoteParticipantState | undefined, {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-//# sourceMappingURL=getFirstSpotlightedRemoteParticipantSelector.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/getFirstSpotlightedRemoteParticipantSelector.js

@@ -1,32 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(spotlight) */
-import { toFlatCommunicationIdentifier } from "../../../../../acs-ui-common/src";
-/* @conditional-compile-remove(spotlight) */
-import * as reselect from 'reselect';
-/* @conditional-compile-remove(spotlight) */
-import { getRemoteParticipants, getSpotlightedParticipants } from './baseSelectors';
-/* @conditional-compile-remove(spotlight) */
-/**
- * Get the first remote participant that is spotlighted if any
- *
- * @private
- */
-export const getFirstSpotlightedRemoteParticipant = reselect.createSelector([getRemoteParticipants, getSpotlightedParticipants], (remoteParticipants, spotlightedParticipants) => {
-    const spotlightedParticipantUserIds = spotlightedParticipants
-        ? spotlightedParticipants.map((p) => toFlatCommunicationIdentifier(p.identifier))
-        : [];
-    const firstSpotlightedRemoteParticipant = remoteParticipants
-        ? findFirstSpotlightedRemoteParticipant(remoteParticipants, spotlightedParticipantUserIds)
-        : undefined;
-    return firstSpotlightedRemoteParticipant;
-});
-/* @conditional-compile-remove(spotlight) */
-const findFirstSpotlightedRemoteParticipant = (remoteParticipants, spotlightedParticipantUserIds) => {
-    const remoteParticipantIds = Object.keys(remoteParticipants);
-    const spotlightedRemoteParticipantUserIds = spotlightedParticipantUserIds.filter((p) => remoteParticipantIds.includes(p));
-    return spotlightedRemoteParticipantUserIds[0]
-        ? remoteParticipants[spotlightedRemoteParticipantUserIds[0]]
-        : undefined;
-};
-//# sourceMappingURL=getFirstSpotlightedRemoteParticipantSelector.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/selectors/getFirstSpotlightedRemoteParticipantSelector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getFirstSpotlightedRemoteParticipantSelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/selectors/getFirstSpotlightedRemoteParticipantSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,4CAA4C;AAC5C,OAAO,EAAE,6BAA6B,EAAE,yCAAgC;AAGxE,4CAA4C;AAC5C,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,4CAA4C;AAC5C,OAAO,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAIpF,4CAA4C;AAC5C;;;;GAIG;AACH,MAAM,CAAC,MAAM,oCAAoC,GAAG,QAAQ,CAAC,cAAc,CACzE,CAAC,qBAAqB,EAAE,0BAA0B,CAAC,EACnD,CAAC,kBAAkB,EAAE,uBAAuB,EAAE,EAAE;IAC9C,MAAM,6BAA6B,GAAG,uBAAuB;QAC3D,CAAC,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,6BAA6B,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QACjF,CAAC,CAAC,EAAE,CAAC;IACP,MAAM,iCAAiC,GAAG,kBAAkB;QAC1D,CAAC,CAAC,qCAAqC,CAAC,kBAAkB,EAAE,6BAA6B,CAAC;QAC1F,CAAC,CAAC,SAAS,CAAC;IACd,OAAO,iCAAiC,CAAC;AAC3C,CAAC,CACF,CAAC;AAEF,4CAA4C;AAC5C,MAAM,qCAAqC,GAAG,CAC5C,kBAA8D,EAC9D,6BAAuC,EACH,EAAE;IACtC,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC7D,MAAM,mCAAmC,GAAG,6BAA6B,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CACrF,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjC,CAAC;IAEF,OAAO,mCAAmC,CAAC,CAAC,CAAC;QAC3C,CAAC,CAAC,kBAAkB,CAAC,mCAAmC,CAAC,CAAC,CAAC,CAAC;QAC5D,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(spotlight) */\nimport { toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(spotlight) */\nimport { RemoteParticipantState } from '@internal/calling-stateful-client';\n/* @conditional-compile-remove(spotlight) */\nimport * as reselect from 'reselect';\n/* @conditional-compile-remove(spotlight) */\nimport { getRemoteParticipants, getSpotlightedParticipants } from './baseSelectors';\n/* @conditional-compile-remove(spotlight) */\nimport { _updateUserDisplayNames, _videoGalleryRemoteParticipantsMemo } from '@internal/calling-component-bindings';\n\n/* @conditional-compile-remove(spotlight) */\n/**\n * Get the first remote participant that is spotlighted if any\n *\n * @private\n */\nexport const getFirstSpotlightedRemoteParticipant = reselect.createSelector(\n  [getRemoteParticipants, getSpotlightedParticipants],\n  (remoteParticipants, spotlightedParticipants) => {\n    const spotlightedParticipantUserIds = spotlightedParticipants\n      ? spotlightedParticipants.map((p) => toFlatCommunicationIdentifier(p.identifier))\n      : [];\n    const firstSpotlightedRemoteParticipant = remoteParticipants\n      ? findFirstSpotlightedRemoteParticipant(remoteParticipants, spotlightedParticipantUserIds)\n      : undefined;\n    return firstSpotlightedRemoteParticipant;\n  }\n);\n\n/* @conditional-compile-remove(spotlight) */\nconst findFirstSpotlightedRemoteParticipant = (\n  remoteParticipants: { [keys: string]: RemoteParticipantState },\n  spotlightedParticipantUserIds: string[]\n): RemoteParticipantState | undefined => {\n  const remoteParticipantIds = Object.keys(remoteParticipants);\n  const spotlightedRemoteParticipantUserIds = spotlightedParticipantUserIds.filter((p) =>\n    remoteParticipantIds.includes(p)\n  );\n\n  return spotlightedRemoteParticipantUserIds[0]\n    ? remoteParticipants[spotlightedRemoteParticipantUserIds[0]]\n    : undefined;\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/spotlightUtils.d.ts

@@ -1,22 +0,0 @@
-import { PromptProps } from '../components/Prompt';
-/**
- * @internal
- */
-export declare const useLocalSpotlightCallbacksWithPrompt: (onStartLocalSpotlight?: () => Promise<void>, onStopLocalSpotlight?: () => Promise<void>, setIsPromptOpen?: ((isOpen: boolean) => void) | undefined, setPromptProps?: ((promptProps: PromptProps) => void) | undefined) => {
-    onStartLocalSpotlightWithPrompt?: () => Promise<void>;
-    onStopLocalSpotlightWithPrompt?: () => Promise<void>;
-};
-/**
- * @internal
- */
-export declare const useRemoteSpotlightCallbacksWithPrompt: (onStartRemoteSpotlight?: ((userIds: string[]) => Promise<void>) | undefined, onStopRemoteSpotlight?: ((userIds: string[]) => Promise<void>) | undefined, setIsPromptOpen?: ((isOpen: boolean) => void) | undefined, setPromptProps?: ((promptProps: PromptProps) => void) | undefined) => {
-    onStartRemoteSpotlightWithPrompt?: ((userIds: string[]) => Promise<void>) | undefined;
-    onStopRemoteSpotlightWithPrompt?: ((userIds: string[]) => Promise<void>) | undefined;
-};
-/**
- * @internal
- */
-export declare const useStopAllSpotlightCallbackWithPrompt: (stopAllSpotlight?: () => Promise<void>, setIsPromptOpen?: ((isOpen: boolean) => void) | undefined, setPromptProps?: ((promptProps: PromptProps) => void) | undefined) => {
-    stopAllSpotlightWithPrompt?: ((userIds?: string[]) => Promise<void>) | undefined;
-};
-//# sourceMappingURL=spotlightUtils.d.ts.map