@azure/communication-react 1.3.2-alpha-202208040020.0 → 1.3.2-alpha-202208050016.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/communication-react.d.ts +88 -0
- package/dist/dist-cjs/communication-react/index.js +463 -172
- package/dist/dist-cjs/communication-react/index.js.map +1 -1
- package/dist/dist-esm/acs-ui-common/src/common.d.ts +20 -0
- package/dist/dist-esm/acs-ui-common/src/common.d.ts.map +1 -0
- package/dist/dist-esm/acs-ui-common/src/common.js +26 -0
- package/dist/dist-esm/acs-ui-common/src/common.js.map +1 -0
- package/dist/dist-esm/acs-ui-common/src/index.d.ts +1 -0
- package/dist/dist-esm/acs-ui-common/src/index.d.ts.map +1 -1
- package/dist/dist-esm/acs-ui-common/src/index.js +1 -0
- package/dist/dist-esm/acs-ui-common/src/index.js.map +1 -1
- package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js +1 -1
- package/dist/dist-esm/calling-component-bindings/src/utils/videoGalleryUtils.d.ts +2 -2
- package/dist/dist-esm/calling-component-bindings/src/utils/videoGalleryUtils.d.ts.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/utils/videoGalleryUtils.js +31 -5
- package/dist/dist-esm/calling-component-bindings/src/utils/videoGalleryUtils.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/videoGallerySelector.d.ts.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/videoGallerySelector.js +1 -1
- package/dist/dist-esm/calling-component-bindings/src/videoGallerySelector.js.map +1 -1
- package/dist/dist-esm/communication-react/src/index.d.ts +1 -1
- package/dist/dist-esm/communication-react/src/index.d.ts.map +1 -1
- package/dist/dist-esm/communication-react/src/index.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/DevicesButton.js +1 -1
- package/dist/dist-esm/react-components/src/components/DevicesButton.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/Dialpad/Dialpad.d.ts +2 -0
- package/dist/dist-esm/react-components/src/components/Dialpad/Dialpad.d.ts.map +1 -1
- package/dist/dist-esm/react-components/src/components/Dialpad/Dialpad.js +9 -14
- package/dist/dist-esm/react-components/src/components/Dialpad/Dialpad.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/ParticipantItem.js +1 -1
- package/dist/dist-esm/react-components/src/components/ParticipantItem.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/ParticipantsButton.js +1 -1
- package/dist/dist-esm/react-components/src/components/ParticipantsButton.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/RemoteVideoTile.d.ts +2 -1
- package/dist/dist-esm/react-components/src/components/RemoteVideoTile.d.ts.map +1 -1
- package/dist/dist-esm/react-components/src/components/RemoteVideoTile.js +8 -2
- package/dist/dist-esm/react-components/src/components/RemoteVideoTile.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/ResponsiveHorizontalGallery.js +1 -1
- package/dist/dist-esm/react-components/src/components/ResponsiveHorizontalGallery.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/VideoTile.d.ts +16 -1
- package/dist/dist-esm/react-components/src/components/VideoTile.d.ts.map +1 -1
- package/dist/dist-esm/react-components/src/components/VideoTile.js +38 -6
- package/dist/dist-esm/react-components/src/components/VideoTile.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/index.d.ts +1 -0
- package/dist/dist-esm/react-components/src/components/index.d.ts.map +1 -1
- package/dist/dist-esm/react-components/src/components/index.js +0 -1
- package/dist/dist-esm/react-components/src/components/index.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/styles/Dialpad.styles.js +1 -1
- package/dist/dist-esm/react-components/src/components/styles/Dialpad.styles.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/styles/VideoTile.styles.d.ts +4 -0
- package/dist/dist-esm/react-components/src/components/styles/VideoTile.styles.d.ts.map +1 -1
- package/dist/dist-esm/react-components/src/components/styles/VideoTile.styles.js +9 -0
- package/dist/dist-esm/react-components/src/components/styles/VideoTile.styles.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/utils/common.d.ts +0 -19
- package/dist/dist-esm/react-components/src/components/utils/common.d.ts.map +1 -1
- package/dist/dist-esm/react-components/src/components/utils/common.js +0 -23
- package/dist/dist-esm/react-components/src/components/utils/common.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/utils/responsive.js +1 -1
- package/dist/dist-esm/react-components/src/components/utils/responsive.js.map +1 -1
- package/dist/dist-esm/react-components/src/index.d.ts +1 -1
- package/dist/dist-esm/react-components/src/index.d.ts.map +1 -1
- package/dist/dist-esm/react-components/src/localization/LocalizationProvider.d.ts +3 -0
- package/dist/dist-esm/react-components/src/localization/LocalizationProvider.d.ts.map +1 -1
- package/dist/dist-esm/react-components/src/localization/LocalizationProvider.js.map +1 -1
- package/dist/dist-esm/react-components/src/localization/locales/en-US/strings.json +6 -1
- package/dist/dist-esm/react-components/src/types/VideoGalleryParticipant.d.ts +10 -0
- package/dist/dist-esm/react-components/src/types/VideoGalleryParticipant.d.ts.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/Strings.d.ts +24 -0
- package/dist/dist-esm/react-composites/src/composites/CallComposite/Strings.d.ts.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/ConvertContextualMenuItemToDrawerMenuItem.d.ts +11 -0
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/ConvertContextualMenuItemToDrawerMenuItem.d.ts.map +1 -0
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/ConvertContextualMenuItemToDrawerMenuItem.js +23 -0
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/ConvertContextualMenuItemToDrawerMenuItem.js.map +1 -0
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/Strings.d.ts +24 -0
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/Strings.d.ts.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/AddPeopleButton.d.ts +13 -0
- package/dist/dist-esm/react-composites/src/composites/common/AddPeopleButton.d.ts.map +1 -0
- package/dist/dist-esm/react-composites/src/composites/common/AddPeopleButton.js +36 -0
- package/dist/dist-esm/react-composites/src/composites/common/AddPeopleButton.js.map +1 -0
- package/dist/dist-esm/react-composites/src/composites/common/AddPeopleDropdown.d.ts +17 -0
- package/dist/dist-esm/react-composites/src/composites/common/AddPeopleDropdown.d.ts.map +1 -0
- package/dist/dist-esm/react-composites/src/composites/common/AddPeopleDropdown.js +90 -0
- package/dist/dist-esm/react-composites/src/composites/common/AddPeopleDropdown.js.map +1 -0
- package/dist/dist-esm/react-composites/src/composites/common/AddPeopleDropdown.styles.d.ts +17 -0
- package/dist/dist-esm/react-composites/src/composites/common/AddPeopleDropdown.styles.d.ts.map +1 -0
- package/dist/dist-esm/react-composites/src/composites/common/AddPeopleDropdown.styles.js +32 -0
- package/dist/dist-esm/react-composites/src/composites/common/AddPeopleDropdown.styles.js.map +1 -0
- package/dist/dist-esm/react-composites/src/composites/common/CallingDialpad.d.ts +18 -0
- package/dist/dist-esm/react-composites/src/composites/common/CallingDialpad.d.ts.map +1 -0
- package/dist/dist-esm/react-composites/src/composites/common/CallingDialpad.js +53 -0
- package/dist/dist-esm/react-composites/src/composites/common/CallingDialpad.js.map +1 -0
- package/dist/dist-esm/react-composites/src/composites/common/CallingDialpad.styles.d.ts +15 -0
- package/dist/dist-esm/react-composites/src/composites/common/CallingDialpad.styles.d.ts.map +1 -0
- package/dist/dist-esm/react-composites/src/composites/common/CallingDialpad.styles.js +54 -0
- package/dist/dist-esm/react-composites/src/composites/common/CallingDialpad.styles.js.map +1 -0
- package/dist/dist-esm/react-composites/src/composites/common/PeoplePaneContent.d.ts.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/PeoplePaneContent.js +8 -38
- package/dist/dist-esm/react-composites/src/composites/common/PeoplePaneContent.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/icons.d.ts +9 -0
- package/dist/dist-esm/react-composites/src/composites/common/icons.d.ts.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/icons.js +9 -1
- package/dist/dist-esm/react-composites/src/composites/common/icons.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/styles/PeoplePaneContent.styles.d.ts +5 -1
- package/dist/dist-esm/react-composites/src/composites/common/styles/PeoplePaneContent.styles.d.ts.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/styles/PeoplePaneContent.styles.js +12 -1
- package/dist/dist-esm/react-composites/src/composites/common/styles/PeoplePaneContent.styles.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/localization/locales/en-US/strings.json +14 -2
- package/package.json +8 -8
@@ -0,0 +1,13 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { CallWithChatCompositeStrings } from '../../index-public';
|
3
|
+
import { CallCompositeStrings } from '../../index-public';
|
4
|
+
/** @private */
|
5
|
+
export interface AddPeopleButtonProps {
|
6
|
+
inviteLink?: string;
|
7
|
+
mobileView?: boolean;
|
8
|
+
participantList?: JSX.Element;
|
9
|
+
strings: CallWithChatCompositeStrings | /* @conditional-compile-remove(one-to-n-calling) */ CallCompositeStrings;
|
10
|
+
}
|
11
|
+
/** @private */
|
12
|
+
export declare const AddPeopleButton: (props: AddPeopleButtonProps) => JSX.Element;
|
13
|
+
//# sourceMappingURL=AddPeopleButton.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AddPeopleButton.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/AddPeopleButton.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AAElE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAa1D,eAAe;AACf,MAAM,WAAW,oBAAoB;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC9B,OAAO,EAAE,4BAA4B,GAAG,mDAAmD,CAAC,oBAAoB,CAAC;CAClH;AAED,eAAe;AACf,eAAO,MAAM,eAAe,UAAW,oBAAoB,KAAG,WAsD7D,CAAC"}
|
@@ -0,0 +1,36 @@
|
|
1
|
+
// Copyright (c) Microsoft Corporation.
|
2
|
+
// Licensed under the MIT license.
|
3
|
+
import { concatStyleSets, DefaultButton, PrimaryButton, Stack, useTheme } from '@fluentui/react';
|
4
|
+
import copy from 'copy-to-clipboard';
|
5
|
+
import React, { useMemo } from 'react';
|
6
|
+
import { CallWithChatCompositeIcon } from './icons';
|
7
|
+
import { peoplePaneContainerTokens } from './styles/ParticipantContainer.styles';
|
8
|
+
import { copyLinkButtonContainerStyles, copyLinkButtonStackStyles, copyLinkButtonStyles, linkIconStyles, themedCopyLinkButtonStyles } from './styles/PeoplePaneContent.styles';
|
9
|
+
/* @conditional-compile-remove(PSTN-calls) */
|
10
|
+
import { AddPeopleDropdown } from './AddPeopleDropdown';
|
11
|
+
/** @private */
|
12
|
+
export const AddPeopleButton = (props) => {
|
13
|
+
const { inviteLink, mobileView, strings, participantList } = props;
|
14
|
+
const theme = useTheme();
|
15
|
+
const copyLinkButtonStylesThemed = useMemo(() => concatStyleSets(copyLinkButtonStyles, themedCopyLinkButtonStyles(mobileView, theme)), [mobileView, theme]);
|
16
|
+
/* @conditional-compile-remove(PSTN-calls) */
|
17
|
+
if (mobileView) {
|
18
|
+
return React.createElement(AddPeopleDropdown, { strings: strings, mobileView: mobileView, inviteLink: inviteLink });
|
19
|
+
}
|
20
|
+
else {
|
21
|
+
return (React.createElement(Stack, { tokens: peoplePaneContainerTokens },
|
22
|
+
React.createElement(AddPeopleDropdown, { strings: strings, mobileView: mobileView, inviteLink: inviteLink }),
|
23
|
+
participantList));
|
24
|
+
}
|
25
|
+
if (mobileView) {
|
26
|
+
return (React.createElement(Stack, null, inviteLink && (React.createElement(Stack.Item, { styles: copyLinkButtonContainerStyles },
|
27
|
+
React.createElement(PrimaryButton, { onClick: () => copy(inviteLink !== null && inviteLink !== void 0 ? inviteLink : ''), styles: copyLinkButtonStylesThemed, onRenderIcon: () => React.createElement(CallWithChatCompositeIcon, { iconName: "Link", style: linkIconStyles }), text: strings.copyInviteLinkButtonLabel })))));
|
28
|
+
}
|
29
|
+
else {
|
30
|
+
return (React.createElement(Stack, { tokens: peoplePaneContainerTokens },
|
31
|
+
inviteLink && (React.createElement(Stack, { styles: copyLinkButtonStackStyles },
|
32
|
+
React.createElement(DefaultButton, { text: strings.copyInviteLinkButtonLabel, onRenderIcon: () => React.createElement(CallWithChatCompositeIcon, { iconName: "Link", style: linkIconStyles }), onClick: () => copy(inviteLink !== null && inviteLink !== void 0 ? inviteLink : ''), styles: copyLinkButtonStylesThemed }))),
|
33
|
+
participantList));
|
34
|
+
}
|
35
|
+
};
|
36
|
+
//# sourceMappingURL=AddPeopleButton.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AddPeopleButton.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/AddPeopleButton.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAiB,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChH,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EACL,6BAA6B,EAC7B,yBAAyB,EACzB,oBAAoB,EACpB,cAAc,EACd,0BAA0B,EAC3B,MAAM,mCAAmC,CAAC;AAC3C,6CAA6C;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAUxD,eAAe;AACf,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAe,EAAE;IAC1E,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAEnE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,0BAA0B,GAAG,OAAO,CACxC,GAAkB,EAAE,CAAC,eAAe,CAAC,oBAAoB,EAAE,0BAA0B,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,EACzG,CAAC,UAAU,EAAE,KAAK,CAAC,CACpB,CAAC;IAEF,6CAA6C;IAC7C,IAAI,UAAU,EAAE;QACd,OAAO,oBAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC;KAChG;SAAM;QACL,OAAO,CACL,oBAAC,KAAK,IAAC,MAAM,EAAE,yBAAyB;YACtC,oBAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,GAAI;YACtF,eAAe,CACV,CACT,CAAC;KACH;IAED,IAAI,UAAU,EAAE;QACd,OAAO,CACL,oBAAC,KAAK,QACH,UAAU,IAAI,CACb,oBAAC,KAAK,CAAC,IAAI,IAAC,MAAM,EAAE,6BAA6B;YAC/C,oBAAC,aAAa,IACZ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,CAAC,EACrC,MAAM,EAAE,0BAA0B,EAClC,YAAY,EAAE,GAAG,EAAE,CAAC,oBAAC,yBAAyB,IAAC,QAAQ,EAAC,MAAM,EAAC,KAAK,EAAE,cAAc,GAAI,EACxF,IAAI,EAAE,OAAO,CAAC,yBAAyB,GACvC,CACS,CACd,CACK,CACT,CAAC;KACH;SAAM;QACL,OAAO,CACL,oBAAC,KAAK,IAAC,MAAM,EAAE,yBAAyB;YACrC,UAAU,IAAI,CACb,oBAAC,KAAK,IAAC,MAAM,EAAE,yBAAyB;gBACtC,oBAAC,aAAa,IACZ,IAAI,EAAE,OAAO,CAAC,yBAAyB,EACvC,YAAY,EAAE,GAAG,EAAE,CAAC,oBAAC,yBAAyB,IAAC,QAAQ,EAAC,MAAM,EAAC,KAAK,EAAE,cAAc,GAAI,EACxF,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,CAAC,EACrC,MAAM,EAAE,0BAA0B,GAClC,CACI,CACT;YACA,eAAe,CACV,CACT,CAAC;KACH;AACH,CAAC,CAAC"}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { CallingDialpadStrings } from './CallingDialpad';
|
3
|
+
/** @private */
|
4
|
+
export interface AddPeopleDropdownStrings extends CallingDialpadStrings {
|
5
|
+
copyInviteLinkButtonLabel: string;
|
6
|
+
openDialpadButtonLabel: string;
|
7
|
+
peoplePaneAddPeopleButtonLabel: string;
|
8
|
+
}
|
9
|
+
/** @private */
|
10
|
+
export interface AddPeopleDropdownProps {
|
11
|
+
inviteLink?: string;
|
12
|
+
mobileView?: boolean;
|
13
|
+
strings: AddPeopleDropdownStrings;
|
14
|
+
}
|
15
|
+
/** @private */
|
16
|
+
export declare const AddPeopleDropdown: (props: AddPeopleDropdownProps) => JSX.Element;
|
17
|
+
//# sourceMappingURL=AddPeopleDropdown.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AddPeopleDropdown.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/AddPeopleDropdown.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAMzD,eAAe;AACf,MAAM,WAAW,wBAAyB,SAAQ,qBAAqB;IACrE,yBAAyB,EAAE,MAAM,CAAC;IAClC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,8BAA8B,EAAE,MAAM,CAAC;CACxC;AAED,eAAe;AACf,MAAM,WAAW,sBAAsB;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,wBAAwB,CAAC;CACnC;AAED,eAAe;AACf,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,KAAG,WAgHjE,CAAC"}
|
@@ -0,0 +1,90 @@
|
|
1
|
+
// Copyright (c) Microsoft Corporation.
|
2
|
+
// Licensed under the MIT license.
|
3
|
+
import React from 'react';
|
4
|
+
import { DefaultButton, PrimaryButton, Stack, useTheme } from '@fluentui/react';
|
5
|
+
import { _DrawerMenu } from "../../../../react-components/src";
|
6
|
+
import copy from 'copy-to-clipboard';
|
7
|
+
import { useMemo, useState } from 'react';
|
8
|
+
/* @conditional-compile-remove(PSTN-calls) */
|
9
|
+
import { CallWithChatCompositeIcon } from './icons';
|
10
|
+
import { iconStyles, themedCopyLinkButtonStyles, themedMenuStyle } from './AddPeopleDropdown.styles';
|
11
|
+
import { CallingDialpad } from './CallingDialpad';
|
12
|
+
import { _preventDismissOnEvent as preventDismissOnEvent } from "../../../../acs-ui-common/src";
|
13
|
+
import { copyLinkButtonContainerStyles, copyLinkButtonStackStyles } from './styles/PeoplePaneContent.styles';
|
14
|
+
import { drawerContainerStyles } from '../CallComposite/styles/CallComposite.styles';
|
15
|
+
import { convertContextualMenuItemToDrawerMenuItem } from '../CallWithChatComposite/ConvertContextualMenuItemToDrawerMenuItem';
|
16
|
+
/** @private */
|
17
|
+
export const AddPeopleDropdown = (props) => {
|
18
|
+
const theme = useTheme();
|
19
|
+
const { inviteLink, strings, mobileView } = props;
|
20
|
+
const [showDialpad, setShowDialpad] = useState(false);
|
21
|
+
const menuStyleThemed = useMemo(() => themedMenuStyle(theme), [theme]);
|
22
|
+
const copyLinkButtonStylesThemed = useMemo(() => themedCopyLinkButtonStyles(theme, mobileView), [mobileView, theme]);
|
23
|
+
const defaultMenuProps = useMemo(() => {
|
24
|
+
const menuProps = {
|
25
|
+
styles: menuStyleThemed,
|
26
|
+
items: [],
|
27
|
+
useTargetWidth: true,
|
28
|
+
calloutProps: {
|
29
|
+
preventDismissOnEvent
|
30
|
+
}
|
31
|
+
};
|
32
|
+
if (inviteLink) {
|
33
|
+
menuProps.items.push({
|
34
|
+
key: 'InviteLinkKey',
|
35
|
+
text: strings.copyInviteLinkButtonLabel,
|
36
|
+
itemProps: { styles: copyLinkButtonStylesThemed },
|
37
|
+
iconProps: { iconName: 'Link', style: iconStyles },
|
38
|
+
onClick: () => copy(inviteLink)
|
39
|
+
});
|
40
|
+
}
|
41
|
+
menuProps.items.push({
|
42
|
+
key: 'DialpadKey',
|
43
|
+
text: strings.openDialpadButtonLabel,
|
44
|
+
itemProps: { styles: copyLinkButtonStylesThemed },
|
45
|
+
iconProps: { iconName: PeoplePaneOpenDialpadIconNameTrampoline(), style: iconStyles },
|
46
|
+
onClick: () => setShowDialpad(true),
|
47
|
+
'data-ui-id': 'call-with-chat-composite-dial-phone-number-button'
|
48
|
+
});
|
49
|
+
return menuProps;
|
50
|
+
}, [
|
51
|
+
strings.copyInviteLinkButtonLabel,
|
52
|
+
strings.openDialpadButtonLabel,
|
53
|
+
copyLinkButtonStylesThemed,
|
54
|
+
inviteLink,
|
55
|
+
menuStyleThemed
|
56
|
+
]);
|
57
|
+
const onDismissDialpad = () => {
|
58
|
+
setShowDialpad(false);
|
59
|
+
};
|
60
|
+
const [addPeopleDrawerMenuItems, setAddPeopleDrawerMenuItems] = useState([]);
|
61
|
+
const setDrawerMenuItemsForAddPeople = useMemo(() => {
|
62
|
+
return () => {
|
63
|
+
const drawerMenuItems = defaultMenuProps.items.map((contextualMenu) => convertContextualMenuItemToDrawerMenuItem(contextualMenu, () => setAddPeopleDrawerMenuItems([])));
|
64
|
+
setAddPeopleDrawerMenuItems(drawerMenuItems);
|
65
|
+
};
|
66
|
+
}, [defaultMenuProps, setAddPeopleDrawerMenuItems]);
|
67
|
+
if (mobileView) {
|
68
|
+
return (React.createElement(Stack, null,
|
69
|
+
React.createElement(Stack.Item, { styles: copyLinkButtonContainerStyles },
|
70
|
+
React.createElement(PrimaryButton, { onClick: setDrawerMenuItemsForAddPeople, styles: copyLinkButtonStylesThemed, onRenderIcon: () => PeoplePaneAddPersonIconTrampoline(), text: strings.peoplePaneAddPeopleButtonLabel, "data-ui-id": "call-with-chat-composite-add-people-button" })),
|
71
|
+
addPeopleDrawerMenuItems.length > 0 && (React.createElement(Stack, { styles: drawerContainerStyles, "data-ui-id": "call-with-chat-composite-add-people-dropdown" },
|
72
|
+
React.createElement(_DrawerMenu, { onLightDismiss: () => setAddPeopleDrawerMenuItems([]), items: addPeopleDrawerMenuItems }))),
|
73
|
+
React.createElement(CallingDialpad, { isMobile: true, strings: strings, showDialpad: showDialpad, onDismissDialpad: onDismissDialpad })));
|
74
|
+
}
|
75
|
+
return (React.createElement(React.Fragment, null, React.createElement(Stack, null,
|
76
|
+
React.createElement(CallingDialpad, { isMobile: false, strings: strings, showDialpad: showDialpad, onDismissDialpad: onDismissDialpad }),
|
77
|
+
React.createElement(Stack, { styles: copyLinkButtonStackStyles },
|
78
|
+
React.createElement(DefaultButton, { onRenderIcon: () => PeoplePaneAddPersonIconTrampoline(), text: strings.peoplePaneAddPeopleButtonLabel, menuProps: defaultMenuProps, styles: copyLinkButtonStylesThemed, "data-ui-id": "call-with-chat-composite-add-people-button" })))));
|
79
|
+
};
|
80
|
+
function PeoplePaneOpenDialpadIconNameTrampoline() {
|
81
|
+
/* @conditional-compile-remove(PSTN-calls) */
|
82
|
+
return 'PeoplePaneOpenDialpad';
|
83
|
+
return '';
|
84
|
+
}
|
85
|
+
function PeoplePaneAddPersonIconTrampoline() {
|
86
|
+
/* @conditional-compile-remove(PSTN-calls) */
|
87
|
+
return React.createElement(CallWithChatCompositeIcon, { iconName: "PeoplePaneAddPerson" });
|
88
|
+
return React.createElement(React.Fragment, null);
|
89
|
+
}
|
90
|
+
//# sourceMappingURL=AddPeopleDropdown.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AddPeopleDropdown.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/AddPeopleDropdown.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { IButtonStyles, IContextualMenuStyles, Theme } from '@fluentui/react';
|
2
|
+
/**
|
3
|
+
* @private
|
4
|
+
*/
|
5
|
+
export declare const themedCopyLinkButtonStyles: (theme: Theme, mobileView?: boolean | undefined) => Partial<IButtonStyles>;
|
6
|
+
/**
|
7
|
+
* @private
|
8
|
+
*/
|
9
|
+
export declare const themedMenuStyle: (theme: Theme) => Partial<IContextualMenuStyles>;
|
10
|
+
/**
|
11
|
+
* @private
|
12
|
+
*/
|
13
|
+
export declare const iconStyles: {
|
14
|
+
lineHeight: string;
|
15
|
+
width: string;
|
16
|
+
};
|
17
|
+
//# sourceMappingURL=AddPeopleDropdown.styles.d.ts.map
|
package/dist/dist-esm/react-composites/src/composites/common/AddPeopleDropdown.styles.d.ts.map
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AddPeopleDropdown.styles.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/AddPeopleDropdown.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE9E;;GAEG;AACH,eAAO,MAAM,0BAA0B,UAAW,KAAK,uCAAyB,QAAQ,aAAa,CASnG,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,eAAe,UAAW,KAAK,KAAG,QAAQ,qBAAqB,CAI1E,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,UAAU;;;CAItB,CAAC"}
|
@@ -0,0 +1,32 @@
|
|
1
|
+
// Copyright (c) Microsoft Corporation.
|
2
|
+
// Licensed under the MIT license.
|
3
|
+
/**
|
4
|
+
* @private
|
5
|
+
*/
|
6
|
+
export const themedCopyLinkButtonStyles = (theme, mobileView) => ({
|
7
|
+
root: {
|
8
|
+
minHeight: mobileView ? '3rem' : '2.5rem',
|
9
|
+
borderRadius: mobileView ? theme.effects.roundedCorner6 : theme.effects.roundedCorner4,
|
10
|
+
width: '100%'
|
11
|
+
},
|
12
|
+
textContainer: {
|
13
|
+
display: 'contents'
|
14
|
+
}
|
15
|
+
});
|
16
|
+
/**
|
17
|
+
* @private
|
18
|
+
*/
|
19
|
+
export const themedMenuStyle = (theme) => ({
|
20
|
+
root: {
|
21
|
+
borderRadius: theme.effects.roundedCorner6
|
22
|
+
}
|
23
|
+
});
|
24
|
+
/**
|
25
|
+
* @private
|
26
|
+
*/
|
27
|
+
export const iconStyles = {
|
28
|
+
// overwrite default line height which results in icons having different size
|
29
|
+
lineHeight: '0',
|
30
|
+
width: '1.125rem'
|
31
|
+
};
|
32
|
+
//# sourceMappingURL=AddPeopleDropdown.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AddPeopleDropdown.styles.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/AddPeopleDropdown.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAAY,EAAE,UAAoB,EAA0B,EAAE,CAAC,CAAC;IACzG,IAAI,EAAE;QACJ,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;QACzC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;QACtF,KAAK,EAAE,MAAM;KACd;IACD,aAAa,EAAE;QACb,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAY,EAAkC,EAAE,CAAC,CAAC;IAChF,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;KAC3C;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,6EAA6E;IAC7E,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,UAAU;CAClB,CAAC"}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
/** @private */
|
3
|
+
export interface CallingDialpadStrings {
|
4
|
+
dialpadModalAriaLabel: string;
|
5
|
+
dialpadModalTitle: string;
|
6
|
+
dialpadCloseModalButtonAriaLabel: string;
|
7
|
+
dialpadStartCallButtonLabel: string;
|
8
|
+
}
|
9
|
+
/** @private */
|
10
|
+
export interface CallingDialpadProps {
|
11
|
+
isMobile: boolean;
|
12
|
+
showDialpad: boolean;
|
13
|
+
strings: CallingDialpadStrings;
|
14
|
+
onDismissDialpad: () => void;
|
15
|
+
}
|
16
|
+
/** @private */
|
17
|
+
export declare const CallingDialpad: (props: CallingDialpadProps) => JSX.Element;
|
18
|
+
//# sourceMappingURL=CallingDialpad.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CallingDialpad.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/CallingDialpad.tsx"],"names":[],"mappings":";AAgBA,eAAe;AACf,MAAM,WAAW,qBAAqB;IACpC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gCAAgC,EAAE,MAAM,CAAC;IACzC,2BAA2B,EAAE,MAAM,CAAC;CACrC;AAED,eAAe;AACf,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,qBAAqB,CAAC;IAC/B,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAe;AACf,eAAO,MAAM,cAAc,UAAW,mBAAmB,KAAG,WA+E3D,CAAC"}
|
@@ -0,0 +1,53 @@
|
|
1
|
+
// Copyright (c) Microsoft Corporation.
|
2
|
+
// Licensed under the MIT license.
|
3
|
+
import React from 'react';
|
4
|
+
import { useState } from 'react';
|
5
|
+
import { useMemo } from 'react';
|
6
|
+
import { Dialpad } from "../../../../react-components/src";
|
7
|
+
import { _DrawerSurface } from "../../../../react-components/src";
|
8
|
+
import { Modal, Stack, useTheme, Text, IconButton } from '@fluentui/react';
|
9
|
+
import { PrimaryButton } from '@fluentui/react';
|
10
|
+
import { themedDialpadModelStyle } from './CallingDialpad.styles';
|
11
|
+
import { themedCallButtonStyle, themedDialpadStyle } from './CallingDialpad.styles';
|
12
|
+
/* @conditional-compile-remove(PSTN-calls) */
|
13
|
+
import { CallWithChatCompositeIcon } from './icons';
|
14
|
+
import { drawerContainerStyles } from '../CallWithChatComposite/styles/CallWithChatCompositeStyles';
|
15
|
+
/** @private */
|
16
|
+
export const CallingDialpad = (props) => {
|
17
|
+
const { strings, isMobile, showDialpad, onDismissDialpad } = props;
|
18
|
+
const [textFieldInput, setTextFieldInput] = useState('');
|
19
|
+
const theme = useTheme();
|
20
|
+
const onDismissTriggered = () => {
|
21
|
+
setTextFieldInput('');
|
22
|
+
onDismissDialpad();
|
23
|
+
};
|
24
|
+
const onClickCall = () => {
|
25
|
+
//place holder for adding calling functionality
|
26
|
+
console.log(textFieldInput);
|
27
|
+
};
|
28
|
+
const dialpadModelStyle = useMemo(() => themedDialpadModelStyle(theme), [theme]);
|
29
|
+
const dialpadStyle = useMemo(() => themedDialpadStyle(isMobile, theme), [theme, isMobile]);
|
30
|
+
const callButtonStyle = useMemo(() => themedCallButtonStyle(theme), [theme]);
|
31
|
+
const dialpadComponent = () => {
|
32
|
+
return (React.createElement(React.Fragment, null,
|
33
|
+
React.createElement(Dialpad, { onChange: setTextFieldInput, styles: dialpadStyle }),
|
34
|
+
React.createElement(PrimaryButton, { text: strings.dialpadStartCallButtonLabel, onRenderIcon: () => DialpadStartCallIconTrampoline(), onClick: onClickCall, styles: callButtonStyle, disabled: textFieldInput === '' })));
|
35
|
+
return React.createElement(React.Fragment, null);
|
36
|
+
};
|
37
|
+
if (isMobile) {
|
38
|
+
return (React.createElement(Stack, { "data-ui-id": "call-with-chat-composite-dialpad" }, showDialpad && (React.createElement(Stack, { styles: drawerContainerStyles },
|
39
|
+
React.createElement(_DrawerSurface, { onLightDismiss: onDismissTriggered },
|
40
|
+
React.createElement(Stack, { style: { padding: '16px' } }, dialpadComponent()))))));
|
41
|
+
}
|
42
|
+
return (React.createElement(React.Fragment, null, React.createElement(Modal, { titleAriaId: strings.dialpadModalAriaLabel, isOpen: showDialpad, onDismiss: onDismissTriggered, isBlocking: true, styles: dialpadModelStyle, "data-ui-id": "call-with-chat-composite-dialpad" },
|
43
|
+
React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center" },
|
44
|
+
React.createElement(Text, null, strings.dialpadModalTitle),
|
45
|
+
React.createElement(IconButton, { iconProps: { iconName: 'Cancel' }, ariaLabel: strings.dialpadCloseModalButtonAriaLabel, onClick: onDismissTriggered, style: { color: 'black' } })),
|
46
|
+
React.createElement(Stack, null, dialpadComponent()))));
|
47
|
+
};
|
48
|
+
function DialpadStartCallIconTrampoline() {
|
49
|
+
/* @conditional-compile-remove(PSTN-calls) */
|
50
|
+
return React.createElement(CallWithChatCompositeIcon, { iconName: "DialpadStartCall" });
|
51
|
+
return React.createElement(React.Fragment, null);
|
52
|
+
}
|
53
|
+
//# sourceMappingURL=CallingDialpad.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CallingDialpad.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/CallingDialpad.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { IButtonStyles, IModalStyles, Theme } from '@fluentui/react';
|
2
|
+
import { DialpadStyles } from "../../../../react-components/src";
|
3
|
+
/**
|
4
|
+
* @private
|
5
|
+
*/
|
6
|
+
export declare const themedDialpadModelStyle: (theme: Theme) => Partial<IModalStyles>;
|
7
|
+
/**
|
8
|
+
* @private
|
9
|
+
*/
|
10
|
+
export declare const themedDialpadStyle: (isMobile: boolean, theme: Theme) => Partial<DialpadStyles>;
|
11
|
+
/**
|
12
|
+
* @private
|
13
|
+
*/
|
14
|
+
export declare const themedCallButtonStyle: (theme: Theme) => Partial<IButtonStyles>;
|
15
|
+
//# sourceMappingURL=CallingDialpad.styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CallingDialpad.styles.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/CallingDialpad.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAErE,OAAO,EAAE,aAAa,EAAE,yCAAmC;AAE3D;;GAEG;AACH,eAAO,MAAM,uBAAuB,UAAW,KAAK,KAAG,QAAQ,YAAY,CAKzE,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,kBAAkB,aAAc,OAAO,SAAS,KAAK,KAAG,QAAQ,aAAa,CAsBxF,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,qBAAqB,UAAW,KAAK,KAAG,QAAQ,aAAa,CAYxE,CAAC"}
|
@@ -0,0 +1,54 @@
|
|
1
|
+
// Copyright (c) Microsoft Corporation.
|
2
|
+
// Licensed under the MIT license.
|
3
|
+
/**
|
4
|
+
* @private
|
5
|
+
*/
|
6
|
+
export const themedDialpadModelStyle = (theme) => ({
|
7
|
+
main: {
|
8
|
+
borderRadius: theme.effects.roundedCorner6,
|
9
|
+
padding: '1rem'
|
10
|
+
}
|
11
|
+
});
|
12
|
+
/**
|
13
|
+
* @private
|
14
|
+
*/
|
15
|
+
export const themedDialpadStyle = (isMobile, theme) => ({
|
16
|
+
root: {
|
17
|
+
padding: 0,
|
18
|
+
marginLeft: 0,
|
19
|
+
marginRight: 0,
|
20
|
+
maxWidth: '100%'
|
21
|
+
},
|
22
|
+
textField: {
|
23
|
+
root: {
|
24
|
+
borderBottom: `1px solid ${theme.palette.neutralTertiaryAlt}`
|
25
|
+
},
|
26
|
+
field: {
|
27
|
+
backgroundColor: theme.palette.white,
|
28
|
+
fontSize: theme.fonts.large.fontSize,
|
29
|
+
padding: '1.063rem 0.5rem',
|
30
|
+
textAlign: isMobile ? 'center' : 'left',
|
31
|
+
paddingTop: 0
|
32
|
+
}
|
33
|
+
},
|
34
|
+
primaryContent: {
|
35
|
+
color: theme.palette.themeDarkAlt
|
36
|
+
}
|
37
|
+
});
|
38
|
+
/**
|
39
|
+
* @private
|
40
|
+
*/
|
41
|
+
export const themedCallButtonStyle = (theme) => ({
|
42
|
+
root: {
|
43
|
+
fontWeight: theme.fonts.medium.fontWeight,
|
44
|
+
fontSize: theme.fonts.medium.fontSize,
|
45
|
+
width: '100%',
|
46
|
+
height: '2.5rem',
|
47
|
+
borderRadius: 3,
|
48
|
+
padding: '0.625rem'
|
49
|
+
},
|
50
|
+
textContainer: {
|
51
|
+
display: 'contents'
|
52
|
+
}
|
53
|
+
});
|
54
|
+
//# sourceMappingURL=CallingDialpad.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CallingDialpad.styles.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/CallingDialpad.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAMlC;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAY,EAAyB,EAAE,CAAC,CAAC;IAC/E,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;QAC1C,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAiB,EAAE,KAAY,EAA0B,EAAE,CAAC,CAAC;IAC9F,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;QACd,QAAQ,EAAE,MAAM;KACjB;IACD,SAAS,EAAE;QACT,IAAI,EAAE;YACJ,YAAY,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,kBAAkB,EAAE;SAC9D;QACD,KAAK,EAAE;YACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;YACpC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;YACpC,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;YACvC,UAAU,EAAE,CAAC;SACd;KACF;IACD,cAAc,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;KAClC;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAY,EAA0B,EAAE,CAAC,CAAC;IAC9E,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;QACzC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;QACrC,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,QAAQ;QAChB,YAAY,EAAE,CAAC;QACf,OAAO,EAAE,UAAU;KACpB;IACD,aAAa,EAAE;QACb,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PeoplePaneContent.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/PeoplePaneContent.tsx"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"PeoplePaneContent.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/PeoplePaneContent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAIL,4BAA4B,EAE7B,yCAAmC;AAEpC,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AAExE,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAMpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAGxD;;GAEG;AACH,eAAO,MAAM,iBAAiB;;yCAES,MAAM,KAAK,IAAI;;;aAG3C,4BAA4B,GAAG,mDAAmD,CAAC,oBAAoB;uDAClE,IAAI;;MAEhD,WAiFH,CAAC"}
|
@@ -1,3 +1,5 @@
|
|
1
|
+
// Copyright (c) Microsoft Corporation.
|
2
|
+
// Licensed under the MIT license.
|
1
3
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
2
4
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
3
5
|
return new (P || (P = Promise))(function (resolve, reject) {
|
@@ -7,17 +9,15 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
7
9
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
8
10
|
});
|
9
11
|
};
|
10
|
-
|
11
|
-
// Licensed under the MIT license.
|
12
|
-
import { concatStyleSets, DefaultButton, PrimaryButton, Stack, useTheme } from '@fluentui/react';
|
12
|
+
import { Stack } from '@fluentui/react';
|
13
13
|
import { ParticipantList } from "../../../../react-components/src";
|
14
|
-
import copy from 'copy-to-clipboard';
|
15
14
|
import React, { useMemo } from 'react';
|
16
15
|
import { usePropsFor } from '../CallComposite/hooks/usePropsFor';
|
17
|
-
import { CallWithChatCompositeIcon } from '../common/icons';
|
18
16
|
import { ParticipantListWithHeading } from '../common/ParticipantContainer';
|
19
17
|
import { peoplePaneContainerTokens } from '../common/styles/ParticipantContainer.styles';
|
20
|
-
import {
|
18
|
+
import { participantListContainerStyles, peoplePaneContainerStyle } from './styles/PeoplePaneContent.styles';
|
19
|
+
import { convertContextualMenuItemToDrawerMenuItem } from '../CallWithChatComposite/ConvertContextualMenuItemToDrawerMenuItem';
|
20
|
+
import { AddPeopleButton } from './AddPeopleButton';
|
21
21
|
/**
|
22
22
|
* @private
|
23
23
|
*/
|
@@ -51,23 +51,12 @@ export const PeoplePaneContent = (props) => {
|
|
51
51
|
onParticipantClick: props.mobileView ? setDrawerMenuItemsForParticipant : undefined });
|
52
52
|
}, [participantListDefaultProps, props.mobileView, setDrawerMenuItemsForParticipant, onRemoveParticipant]);
|
53
53
|
const participantList = (React.createElement(ParticipantListWithHeading, { isMobile: props.mobileView, participantListProps: participantListProps, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData, onFetchParticipantMenuItems: props.onFetchParticipantMenuItems, title: props.strings.peoplePaneSubTitle }));
|
54
|
-
const theme = useTheme();
|
55
|
-
const copyLinkButtonStylesThemed = useMemo(() => concatStyleSets(copyLinkButtonStyles, {
|
56
|
-
root: {
|
57
|
-
minHeight: props.mobileView ? '3rem' : '2.5rem',
|
58
|
-
borderRadius: props.mobileView ? theme.effects.roundedCorner6 : theme.effects.roundedCorner4
|
59
|
-
}
|
60
|
-
}), [props.mobileView, theme.effects.roundedCorner6, theme.effects.roundedCorner4]);
|
61
54
|
if (props.mobileView) {
|
62
55
|
return (React.createElement(Stack, { verticalFill: true, styles: peoplePaneContainerStyle, tokens: peoplePaneContainerTokens },
|
63
56
|
React.createElement(Stack.Item, { grow: true, styles: participantListContainerStyles }, participantList),
|
64
|
-
|
65
|
-
React.createElement(PrimaryButton, { onClick: () => copy(inviteLink), styles: copyLinkButtonStylesThemed, onRenderIcon: () => React.createElement(CallWithChatCompositeIcon, { iconName: "Link", style: linkIconStyles }), text: strings.copyInviteLinkButtonLabel })))));
|
57
|
+
React.createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings })));
|
66
58
|
}
|
67
|
-
return (React.createElement(
|
68
|
-
inviteLink && (React.createElement(Stack, { styles: copyLinkButtonStackStyles },
|
69
|
-
React.createElement(DefaultButton, { text: strings.copyInviteLinkButtonLabel, onRenderIcon: () => React.createElement(CallWithChatCompositeIcon, { iconName: "Link", style: linkIconStyles }), onClick: () => copy(inviteLink), styles: copyLinkButtonStylesThemed }))),
|
70
|
-
participantList));
|
59
|
+
return (React.createElement(AddPeopleButton, { inviteLink: inviteLink, mobileView: props.mobileView, participantList: participantList, strings: strings }));
|
71
60
|
};
|
72
61
|
/**
|
73
62
|
* Create default contextual menu items for particant
|
@@ -96,23 +85,4 @@ const createDefaultContextualMenuItems = (participant, strings, onRemoveParticip
|
|
96
85
|
}
|
97
86
|
return menuItems;
|
98
87
|
};
|
99
|
-
/**
|
100
|
-
* Convert IContextualMenuItem to _DrawerMenuItemProps
|
101
|
-
* @param contextualMenu - IContextualMenuItem to convert
|
102
|
-
* @param onDrawerMenuItemClick - callback to call when converted DrawerMenuItem is clicked
|
103
|
-
* @returns DrawerMenuItem
|
104
|
-
*/
|
105
|
-
const convertContextualMenuItemToDrawerMenuItem = (contextualMenu, onDrawerMenuItemClick) => {
|
106
|
-
return {
|
107
|
-
itemKey: contextualMenu.key,
|
108
|
-
onItemClick: () => {
|
109
|
-
var _a;
|
110
|
-
(_a = contextualMenu.onClick) === null || _a === void 0 ? void 0 : _a.call(contextualMenu);
|
111
|
-
onDrawerMenuItemClick();
|
112
|
-
},
|
113
|
-
iconProps: contextualMenu.iconProps,
|
114
|
-
text: contextualMenu.text,
|
115
|
-
disabled: contextualMenu.disabled
|
116
|
-
};
|
117
|
-
};
|
118
88
|
//# sourceMappingURL=PeoplePaneContent.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PeoplePaneContent.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/PeoplePaneContent.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"PeoplePaneContent.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/PeoplePaneContent.tsx"],"names":[],"mappings":"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"}
|
@@ -67,6 +67,9 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
|
|
67
67
|
ParticipantItemScreenShareStart: JSX.Element;
|
68
68
|
VideoTileMicOff: JSX.Element;
|
69
69
|
LocalCameraSwitch?: JSX.Element | undefined;
|
70
|
+
PeoplePaneAddPerson?: JSX.Element | undefined;
|
71
|
+
PeoplePaneOpenDialpad?: JSX.Element | undefined;
|
72
|
+
DialpadStartCall?: JSX.Element | undefined;
|
70
73
|
ChevronLeft?: JSX.Element | undefined;
|
71
74
|
ControlBarChatButtonActive?: JSX.Element | undefined;
|
72
75
|
ControlBarChatButtonInactive?: JSX.Element | undefined;
|
@@ -169,6 +172,9 @@ export declare type CallCompositeIcons = {
|
|
169
172
|
ParticipantItemScreenShareStart?: JSX.Element;
|
170
173
|
VideoTileMicOff?: JSX.Element;
|
171
174
|
LocalCameraSwitch?: JSX.Element;
|
175
|
+
PeoplePaneAddPerson?: JSX.Element;
|
176
|
+
PeoplePaneOpenDialpad?: JSX.Element;
|
177
|
+
DialpadStartCall?: JSX.Element;
|
172
178
|
};
|
173
179
|
/**
|
174
180
|
* Icon wrapper to use when including customizable icons inside the CallComposite.
|
@@ -235,6 +241,9 @@ export declare type CallWithChatCompositeIcons = {
|
|
235
241
|
ParticipantItemScreenShareStart?: JSX.Element;
|
236
242
|
VideoTileMicOff?: JSX.Element;
|
237
243
|
LocalCameraSwitch?: JSX.Element;
|
244
|
+
PeoplePaneAddPerson?: JSX.Element;
|
245
|
+
PeoplePaneOpenDialpad?: JSX.Element;
|
246
|
+
DialpadStartCall?: JSX.Element;
|
238
247
|
EditBoxCancel?: JSX.Element;
|
239
248
|
EditBoxSubmit?: JSX.Element;
|
240
249
|
MessageDelivered?: JSX.Element;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/icons.tsx"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/icons.tsx"],"names":[],"mappings":";AA0BA,OAAO,EAAY,UAAU,EAAqB,MAAM,iBAAiB,CAAC;AAiB1E;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,cAgClC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB;mBAclB,WAAW;mBACX,WAAW;sBACR,WAAW;iBAChB,WAAW;mBACT,WAAW;mBACX,WAAW;iBACb,WAAW;oBACR,WAAW;4BACH,WAAW;mCACJ,WAAW;iBAC7B,WAAW;wBACJ,WAAW;;4BAsBP,WAAW;2BACZ,WAAW;0BACZ,WAAW;yBACZ,WAAW;wBACZ,WAAW;0BACT,WAAW;+BACN,WAAW;mCACP,WAAW;kCACZ,WAAW;oCACT,WAAW;oCACX,WAAW;kCACb,WAAW;yCACJ,WAAW;6CACP,WAAW;wCAChB,WAAW;yCACV,WAAW;2CACT,WAAW;mCACnB,WAAW;mCACX,WAAW;gCACd,WAAW;mBACxB,WAAW;iCACG,WAAW;kCACV,WAAW;;;;;;;;;;;;;mBAa1B,WAAW;gBACd,WAAW;oBACP,WAAW;2BACJ,WAAW;qCAGD,WAAW;qBAC3B,WAAW;;;;;;;;;;;;;;;;;;;;;;;;CAtF9B,CAAC;AAEF,eAAe;AACf,oBAAY,kBAAkB,CAAC,KAAK,IAAI,UAAU,GAAG;IAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;CAAE,CAAC;AAE/E;;;;GAIG;AACH,oBAAY,kBAAkB,GAAG;IAC/B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,sBAAsB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrC,6BAA6B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5C,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAEjC,iBAAiB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACjC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,UAAW,mBAAmB,kBAAkB,CAAC,KAAG,WAEjF,CAAC;AAEF;;;;GAIG;AACH,oBAAY,kBAAkB,GAAG;IAC/B,sBAAsB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrC,qBAAqB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpC,oBAAoB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnC,mBAAmB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAClC,kBAAkB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACjC,oBAAoB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnC,yBAAyB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxC,6BAA6B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5C,4BAA4B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3C,8BAA8B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7C,8BAA8B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7C,4BAA4B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3C,mCAAmC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAClD,uCAAuC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtD,kCAAkC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACjD,mCAAmC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAClD,qCAAqC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpD,6BAA6B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5C,6BAA6B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5C,0BAA0B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,2BAA2B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1C,4BAA4B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3C,2BAA2B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1C,8BAA8B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7C,yBAAyB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxC,sBAAsB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrC,0BAA0B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzC,uBAAuB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnC,kCAAkC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACjD,sCAAsC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrD,kBAAkB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACjC,yBAAyB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpC,sBAAsB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrC,6BAA6B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5C,+BAA+B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC9C,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAEhC,mBAAmB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAElC,qBAAqB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAEpC,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAChC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,UAAW,mBAAmB,kBAAkB,CAAC,KAAG,WAEjF,CAAC;AAEF;;;;GAIG;AACH,oBAAY,0BAA0B,GAAG;IAEvC,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,0BAA0B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzC,4BAA4B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3C,sBAAsB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrC,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,qBAAqB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpC,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC/B,4BAA4B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3C,yBAAyB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxC,kBAAkB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAGjC,sBAAsB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrC,qBAAqB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpC,oBAAoB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnC,mBAAmB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAClC,kBAAkB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACjC,oBAAoB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnC,6BAA6B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5C,4BAA4B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3C,8BAA8B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7C,8BAA8B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7C,4BAA4B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3C,mCAAmC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAClD,uCAAuC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtD,kCAAkC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACjD,mCAAmC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAClD,qCAAqC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpD,6BAA6B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5C,6BAA6B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5C,0BAA0B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,2BAA2B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1C,4BAA4B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3C,2BAA2B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1C,8BAA8B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7C,yBAAyB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxC,sBAAsB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrC,0BAA0B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzC,uBAAuB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnC,kCAAkC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACjD,sCAAsC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrD,kBAAkB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACjC,yBAAyB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpC,+BAA+B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC9C,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAEhC,mBAAmB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAElC,qBAAqB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAEpC,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAG/B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAGhC,sBAAsB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrC,6BAA6B,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC7C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,UAAW,mBAAmB,0BAA0B,CAAC,KAAG,WAEjG,CAAC;AAEF;;;;;;GAMG;AACH,oBAAY,cAAc,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,0BAA0B,CAAC"}
|
@@ -1,6 +1,8 @@
|
|
1
1
|
// Copyright (c) Microsoft Corporation.
|
2
2
|
// Licensed under the MIT license.
|
3
3
|
import { CallEnd20Filled, CallMissed20Filled, CameraSwitch24Regular, Chat20Filled, Chat20Regular, Info20Filled, MicOff20Filled, MicOn20Filled, MicOn20Regular, People20Regular, PersonDelete20Filled, Speaker220Filled, Speaker220Regular, Video20Filled, VideoOff20Filled, WifiWarning20Filled } from '@fluentui/react-icons';
|
4
|
+
/* @conditional-compile-remove(PSTN-calls) */
|
5
|
+
import { PersonAdd20Regular, Dialpad20Regular, Call20Regular } from '@fluentui/react-icons';
|
4
6
|
import { DEFAULT_COMPONENT_ICONS } from "../../../../react-components/src";
|
5
7
|
import React from 'react';
|
6
8
|
// eslint-disable-next-line no-restricted-imports
|
@@ -44,7 +46,13 @@ export const COMPOSITE_ONLY_ICONS = {
|
|
44
46
|
NoticePageLeftCall: React.createElement(CallEnd20Filled, null),
|
45
47
|
NoticePageRemovedFromCall: React.createElement(Info20Filled, null),
|
46
48
|
/* @conditional-compile-remove(file-sharing) */
|
47
|
-
SendBoxAttachFile: React.createElement(Attach20Regular, null)
|
49
|
+
SendBoxAttachFile: React.createElement(Attach20Regular, null),
|
50
|
+
/* @conditional-compile-remove(PSTN-calls) */
|
51
|
+
PeoplePaneAddPerson: React.createElement(PersonAdd20Regular, null),
|
52
|
+
/* @conditional-compile-remove(PSTN-calls) */
|
53
|
+
PeoplePaneOpenDialpad: React.createElement(Dialpad20Regular, null),
|
54
|
+
/* @conditional-compile-remove(PSTN-calls) */
|
55
|
+
DialpadStartCall: React.createElement(Call20Regular, null)
|
48
56
|
};
|
49
57
|
/**
|
50
58
|
* The default set of icons that are available to used in the Composites.
|