@azure/communication-react 1.5.1-alpha-202302180014 → 1.5.1-alpha-202302230015
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 +1 -1
- package/dist/dist-cjs/communication-react/index.js +3 -3
- package/dist/dist-cjs/communication-react/index.js.map +1 -1
- package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js +1 -1
- package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/OnFetchProfileCallback.d.ts +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/OnFetchProfileCallback.js +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/OnFetchProfileCallback.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/ParticipantContainer.js +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/ParticipantContainer.js.map +1 -1
- package/package.json +8 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"telemetryVersion.js","sourceRoot":"","sources":["../../../../../acs-ui-common/src/telemetryVersion.js"],"names":[],"mappings":";AAAA,uCAAuC;AACvC,kCAAkC;AAElC,wCAAwC;AAExC,MAAM,CAAC,OAAO,GAAG,0BAA0B,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n// GENERATED FILE. DO NOT EDIT MANUALLY.\n\nmodule.exports = '1.5.1-alpha-
|
|
1
|
+
{"version":3,"file":"telemetryVersion.js","sourceRoot":"","sources":["../../../../../acs-ui-common/src/telemetryVersion.js"],"names":[],"mappings":";AAAA,uCAAuC;AACvC,kCAAkC;AAElC,wCAAwC;AAExC,MAAM,CAAC,OAAO,GAAG,0BAA0B,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n// GENERATED FILE. DO NOT EDIT MANUALLY.\n\nmodule.exports = '1.5.1-alpha-202302230015';\n"]}
|
|
@@ -4,7 +4,7 @@ import { AdapterStateModifier } from './AzureCommunicationCallAdapter';
|
|
|
4
4
|
*
|
|
5
5
|
* @beta
|
|
6
6
|
*/
|
|
7
|
-
export declare type OnFetchProfileCallback = (userId: string) => Promise<Profile | undefined>;
|
|
7
|
+
export declare type OnFetchProfileCallback = (userId: string, defaultProfile?: Profile) => Promise<Profile | undefined>;
|
|
8
8
|
/**
|
|
9
9
|
* The profile of a user.
|
|
10
10
|
*
|
|
@@ -24,7 +24,7 @@ export const createProfileStateModifier = (onFetchProfile, notifyUpdate) => {
|
|
|
24
24
|
if (cachedDisplayName[key]) {
|
|
25
25
|
continue;
|
|
26
26
|
}
|
|
27
|
-
const profile = yield onFetchProfile(key);
|
|
27
|
+
const profile = yield onFetchProfile(key, { displayName: originalParticipants[key].displayName });
|
|
28
28
|
if ((profile === null || profile === void 0 ? void 0 : profile.displayName) && originalParticipants[key].displayName !== (profile === null || profile === void 0 ? void 0 : profile.displayName)) {
|
|
29
29
|
cachedDisplayName[key] = profile === null || profile === void 0 ? void 0 : profile.displayName;
|
|
30
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OnFetchProfileCallback.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/OnFetchProfileCallback.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAKlC,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAqBrD;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,cAAsC,EACtC,YAAwB,EACF,EAAE;IACxB,MAAM,iBAAiB,GAEnB,EAAE,CAAC;IAEP,OAAO,CAAC,KAAuB,EAAE,EAAE;;QACjC,MAAM,oBAAoB,GAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,kBAAkB,CAAC;QAC5D,CAAC,GAAS,EAAE;YACV,IAAI,mBAAmB,GAAG,KAAK,CAAC;YAChC,KAAK,MAAM,GAAG,IAAI,oBAAoB,EAAE;gBACtC,IAAI,iBAAiB,CAAC,GAAG,CAAC,EAAE;oBAC1B,SAAS;iBACV;gBACD,MAAM,OAAO,GAAG,MAAM,cAAc,CAAC,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"OnFetchProfileCallback.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/OnFetchProfileCallback.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAKlC,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAqBrD;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,cAAsC,EACtC,YAAwB,EACF,EAAE;IACxB,MAAM,iBAAiB,GAEnB,EAAE,CAAC;IAEP,OAAO,CAAC,KAAuB,EAAE,EAAE;;QACjC,MAAM,oBAAoB,GAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,kBAAkB,CAAC;QAC5D,CAAC,GAAS,EAAE;YACV,IAAI,mBAAmB,GAAG,KAAK,CAAC;YAChC,KAAK,MAAM,GAAG,IAAI,oBAAoB,EAAE;gBACtC,IAAI,iBAAiB,CAAC,GAAG,CAAC,EAAE;oBAC1B,SAAS;iBACV;gBACD,MAAM,OAAO,GAAG,MAAM,cAAc,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;gBAClG,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,KAAI,oBAAoB,CAAC,GAAG,CAAC,CAAC,WAAW,MAAK,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAA,EAAE;oBAC1F,iBAAiB,CAAC,GAAG,CAAC,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;iBAC/C;gBACD,mBAAmB,GAAG,IAAI,CAAC;aAC5B;YACD,wGAAwG;YACxG,mBAAmB,IAAI,YAAY,EAAE,CAAC;QACxC,CAAC,CAAA,CAAC,EAAE,CAAC;QAEL,MAAM,oBAAoB,GAAG,yBAAyB,CACpD,CAAC,EAAU,EAAE,WAAmC,EAAsC,EAAE;YACtF,IAAI,iBAAiB,CAAC,EAAE,CAAC,EAAE;gBACzB,uCAAY,WAAW,KAAE,WAAW,EAAE,iBAAiB,CAAC,EAAE,CAAC,IAAG;aAC/D;YACD,OAAO,SAAS,CAAC;QACnB,CAAC,CACF,CAAC;QAEF,OAAO,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { CallAdapterState } from './CallAdapter';\nimport { RemoteParticipantState } from '@internal/calling-stateful-client';\nimport { AdapterStateModifier } from './AzureCommunicationCallAdapter';\nimport { createParticipantModifier } from '../utils';\n\n/**\n * Callback function used to provide custom data to build profile for a user.\n *\n * @beta\n */\nexport type OnFetchProfileCallback = (userId: string, defaultProfile?: Profile) => Promise<Profile | undefined>;\n\n/**\n * The profile of a user.\n *\n * @beta\n */\nexport type Profile = {\n /**\n * Primary text to display, usually the name of the person.\n */\n displayName?: string;\n};\n\n/**\n * @private\n */\nexport const createProfileStateModifier = (\n onFetchProfile: OnFetchProfileCallback,\n notifyUpdate: () => void\n): AdapterStateModifier => {\n const cachedDisplayName: {\n [id: string]: string;\n } = {};\n\n return (state: CallAdapterState) => {\n const originalParticipants = state.call?.remoteParticipants;\n (async () => {\n let shouldNotifyUpdates = false;\n for (const key in originalParticipants) {\n if (cachedDisplayName[key]) {\n continue;\n }\n const profile = await onFetchProfile(key, { displayName: originalParticipants[key].displayName });\n if (profile?.displayName && originalParticipants[key].displayName !== profile?.displayName) {\n cachedDisplayName[key] = profile?.displayName;\n }\n shouldNotifyUpdates = true;\n }\n // notify update only when there is a change, which most likely will trigger modifier and setState again\n shouldNotifyUpdates && notifyUpdate();\n })();\n\n const participantsModifier = createParticipantModifier(\n (id: string, participant: RemoteParticipantState): RemoteParticipantState | undefined => {\n if (cachedDisplayName[id]) {\n return { ...participant, displayName: cachedDisplayName[id] };\n }\n return undefined;\n }\n );\n\n return participantsModifier(state);\n };\n};\n\"../../../../../calling-stateful-client/src\""]}
|
|
@@ -28,7 +28,7 @@ export const ParticipantListWithHeading = (props) => {
|
|
|
28
28
|
}
|
|
29
29
|
}), [theme.palette.neutralSecondary, theme.fonts.smallPlus.fontSize, props.isMobile]);
|
|
30
30
|
return (React.createElement(Stack, { className: participantListStack },
|
|
31
|
-
React.createElement(Stack.Item, { styles: subheadingStyleThemed, "aria-
|
|
31
|
+
React.createElement(Stack.Item, { styles: subheadingStyleThemed, "aria-label": title }, title),
|
|
32
32
|
React.createElement(FocusZone, { className: participantListContainerStyle, shouldFocusOnMount: true },
|
|
33
33
|
React.createElement(ParticipantList, Object.assign({}, participantListProps, { styles: props.isMobile ? participantListMobileStyle : participantListStyle, onRenderAvatar: (userId, options) => (React.createElement(React.Fragment, null,
|
|
34
34
|
React.createElement(AvatarPersona, Object.assign({ "data-ui-id": "chat-composite-participant-custom-avatar", userId: userId }, options, { hidePersonaDetails: !!(options === null || options === void 0 ? void 0 : options.text) }, { dataProvider: onFetchAvatarPersonaData })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ParticipantContainer.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/ParticipantContainer.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,6BAA6B,EAC7B,0BAA0B,EAC1B,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAEL,eAAe,EAGhB,yCAAmC;AACpC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,aAAa,EAA6B,MAAM,iBAAiB,CAAC;AAW3E;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,+BAA+B,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9F,OAAO,CACL,oBAAC,KAAK,IAAC,SAAS,EAAE,+BAA+B;QAC/C,oBAAC,0BAA0B,oBAAK,KAAK,EAAI,CACnC,CACT,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAM1C,EAAe,EAAE;IAChB,MAAM,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,KAAK,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IACrG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG,OAAO,CACnC,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB;YACrC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ;YACjD,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ;SACzC;KACF,CAAC,EACF,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CACjF,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,SAAS,EAAE,oBAAoB;QACpC,oBAAC,KAAK,CAAC,IAAI,IAAC,MAAM,EAAE,qBAAqB,gBAAc,KAAK,IACzD,KAAK,CACK;QACb,oBAAC,SAAS,IAAC,SAAS,EAAE,6BAA6B,EAAE,kBAAkB,EAAE,IAAI;YAC3E,oBAAC,eAAe,oBACV,oBAAoB,IACxB,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,oBAAoB,EAC1E,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CACnC;oBACE,oBAAC,aAAa,gCACD,0CAA0C,EACrD,MAAM,EAAE,MAAM,IACV,OAAO,EACP,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAA,EAAE,IAC3C,YAAY,EAAE,wBAAwB,IACtC;oBACD,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,KAAI,CAChB,oBAAC,IAAI,IAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,iBAAiB,IAC1C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CACT,CACR,CACA,CACJ,EACD,2BAA2B,EAAE,2BAA2B,EACxD,8BAA8B,EAAE,CAAC,KAAK,CAAC,QAAQ,IAC/C,CACQ,CACN,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport React, { useMemo } from 'react';\nimport {\n participantListContainerStyle,\n participantListMobileStyle,\n participantListStack,\n participantListStyle,\n participantListWrapper,\n displayNameStyles\n} from './styles/ParticipantContainer.styles';\nimport {\n OnRenderAvatarCallback,\n ParticipantList,\n ParticipantListProps,\n ParticipantMenuItemsCallback\n} from '@internal/react-components';\nimport { FocusZone, Stack, Text, useTheme } from '@fluentui/react';\nimport { AvatarPersona, AvatarPersonaDataCallback } from './AvatarPersona';\n\ntype ParticipantContainerProps = {\n onRenderAvatar?: OnRenderAvatarCallback;\n onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n participantListProps: ParticipantListProps;\n title?: string;\n isMobile?: boolean;\n};\n\n/**\n * @private\n */\nexport const ParticipantContainer = (props: ParticipantContainerProps): JSX.Element => {\n const theme = useTheme();\n const participantListWrapperClassName = useMemo(() => participantListWrapper(theme), [theme]);\n return (\n <Stack className={participantListWrapperClassName}>\n <ParticipantListWithHeading {...props} />\n </Stack>\n );\n};\n\n/**\n * @private\n */\nexport const ParticipantListWithHeading = (props: {\n participantListProps: ParticipantListProps;\n title?: string;\n isMobile?: boolean;\n onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n}): JSX.Element => {\n const { onFetchAvatarPersonaData, onFetchParticipantMenuItems, title, participantListProps } = props;\n const theme = useTheme();\n const subheadingStyleThemed = useMemo(\n () => ({\n root: {\n color: theme.palette.neutralSecondary,\n margin: props.isMobile ? '0.5rem 1rem' : '0.5rem',\n fontSize: theme.fonts.smallPlus.fontSize\n }\n }),\n [theme.palette.neutralSecondary, theme.fonts.smallPlus.fontSize, props.isMobile]\n );\n\n return (\n <Stack className={participantListStack}>\n <Stack.Item styles={subheadingStyleThemed} aria-
|
|
1
|
+
{"version":3,"file":"ParticipantContainer.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/ParticipantContainer.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,6BAA6B,EAC7B,0BAA0B,EAC1B,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAEL,eAAe,EAGhB,yCAAmC;AACpC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,aAAa,EAA6B,MAAM,iBAAiB,CAAC;AAW3E;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,+BAA+B,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9F,OAAO,CACL,oBAAC,KAAK,IAAC,SAAS,EAAE,+BAA+B;QAC/C,oBAAC,0BAA0B,oBAAK,KAAK,EAAI,CACnC,CACT,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAM1C,EAAe,EAAE;IAChB,MAAM,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,KAAK,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IACrG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG,OAAO,CACnC,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB;YACrC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ;YACjD,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ;SACzC;KACF,CAAC,EACF,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CACjF,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,SAAS,EAAE,oBAAoB;QACpC,oBAAC,KAAK,CAAC,IAAI,IAAC,MAAM,EAAE,qBAAqB,gBAAc,KAAK,IACzD,KAAK,CACK;QACb,oBAAC,SAAS,IAAC,SAAS,EAAE,6BAA6B,EAAE,kBAAkB,EAAE,IAAI;YAC3E,oBAAC,eAAe,oBACV,oBAAoB,IACxB,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,oBAAoB,EAC1E,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CACnC;oBACE,oBAAC,aAAa,gCACD,0CAA0C,EACrD,MAAM,EAAE,MAAM,IACV,OAAO,EACP,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAA,EAAE,IAC3C,YAAY,EAAE,wBAAwB,IACtC;oBACD,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,KAAI,CAChB,oBAAC,IAAI,IAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,iBAAiB,IAC1C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CACT,CACR,CACA,CACJ,EACD,2BAA2B,EAAE,2BAA2B,EACxD,8BAA8B,EAAE,CAAC,KAAK,CAAC,QAAQ,IAC/C,CACQ,CACN,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport React, { useMemo } from 'react';\nimport {\n participantListContainerStyle,\n participantListMobileStyle,\n participantListStack,\n participantListStyle,\n participantListWrapper,\n displayNameStyles\n} from './styles/ParticipantContainer.styles';\nimport {\n OnRenderAvatarCallback,\n ParticipantList,\n ParticipantListProps,\n ParticipantMenuItemsCallback\n} from '@internal/react-components';\nimport { FocusZone, Stack, Text, useTheme } from '@fluentui/react';\nimport { AvatarPersona, AvatarPersonaDataCallback } from './AvatarPersona';\n\ntype ParticipantContainerProps = {\n onRenderAvatar?: OnRenderAvatarCallback;\n onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n participantListProps: ParticipantListProps;\n title?: string;\n isMobile?: boolean;\n};\n\n/**\n * @private\n */\nexport const ParticipantContainer = (props: ParticipantContainerProps): JSX.Element => {\n const theme = useTheme();\n const participantListWrapperClassName = useMemo(() => participantListWrapper(theme), [theme]);\n return (\n <Stack className={participantListWrapperClassName}>\n <ParticipantListWithHeading {...props} />\n </Stack>\n );\n};\n\n/**\n * @private\n */\nexport const ParticipantListWithHeading = (props: {\n participantListProps: ParticipantListProps;\n title?: string;\n isMobile?: boolean;\n onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n}): JSX.Element => {\n const { onFetchAvatarPersonaData, onFetchParticipantMenuItems, title, participantListProps } = props;\n const theme = useTheme();\n const subheadingStyleThemed = useMemo(\n () => ({\n root: {\n color: theme.palette.neutralSecondary,\n margin: props.isMobile ? '0.5rem 1rem' : '0.5rem',\n fontSize: theme.fonts.smallPlus.fontSize\n }\n }),\n [theme.palette.neutralSecondary, theme.fonts.smallPlus.fontSize, props.isMobile]\n );\n\n return (\n <Stack className={participantListStack}>\n <Stack.Item styles={subheadingStyleThemed} aria-label={title}>\n {title}\n </Stack.Item>\n <FocusZone className={participantListContainerStyle} shouldFocusOnMount={true}>\n <ParticipantList\n {...participantListProps}\n styles={props.isMobile ? participantListMobileStyle : participantListStyle}\n onRenderAvatar={(userId, options) => (\n <>\n <AvatarPersona\n data-ui-id=\"chat-composite-participant-custom-avatar\"\n userId={userId}\n {...options}\n {...{ hidePersonaDetails: !!options?.text }}\n dataProvider={onFetchAvatarPersonaData}\n />\n {options?.text && (\n <Text nowrap={true} styles={displayNameStyles}>\n {options?.text}\n </Text>\n )}\n </>\n )}\n onFetchParticipantMenuItems={onFetchParticipantMenuItems}\n showParticipantOverflowTooltip={!props.isMobile}\n />\n </FocusZone>\n </Stack>\n );\n};\n\"../../../../react-components/src\""]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@azure/communication-react",
|
|
3
|
-
"version": "1.5.1-alpha-
|
|
3
|
+
"version": "1.5.1-alpha-202302230015",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"description": "React library for building modern communication user experiences utilizing Azure Communication Services",
|
|
6
6
|
"keywords": [
|
|
@@ -89,13 +89,13 @@
|
|
|
89
89
|
"@azure/core-auth": "1.3.2",
|
|
90
90
|
"@babel/cli": "~7.16.0",
|
|
91
91
|
"@babel/core": "~7.16.0",
|
|
92
|
-
"@internal/calling-component-bindings": "1.5.1-alpha-
|
|
93
|
-
"@internal/calling-stateful-client": "1.5.1-alpha-
|
|
94
|
-
"@internal/chat-component-bindings": "1.5.1-alpha-
|
|
95
|
-
"@internal/chat-stateful-client": "1.5.1-alpha-
|
|
96
|
-
"@internal/fake-backends": "1.5.1-alpha-
|
|
97
|
-
"@internal/react-components": "1.5.1-alpha-
|
|
98
|
-
"@internal/react-composites": "1.5.1-alpha-
|
|
92
|
+
"@internal/calling-component-bindings": "1.5.1-alpha-202302230015",
|
|
93
|
+
"@internal/calling-stateful-client": "1.5.1-alpha-202302230015",
|
|
94
|
+
"@internal/chat-component-bindings": "1.5.1-alpha-202302230015",
|
|
95
|
+
"@internal/chat-stateful-client": "1.5.1-alpha-202302230015",
|
|
96
|
+
"@internal/fake-backends": "1.5.1-alpha-202302230015",
|
|
97
|
+
"@internal/react-components": "1.5.1-alpha-202302230015",
|
|
98
|
+
"@internal/react-composites": "1.5.1-alpha-202302230015",
|
|
99
99
|
"@microsoft/api-documenter": "~7.12.11",
|
|
100
100
|
"@microsoft/api-extractor": "~7.18.0",
|
|
101
101
|
"@rollup/plugin-json": "~4.1.0",
|