@azure/communication-react 1.7.0-alpha-202308100014 → 1.7.0-alpha-202308110012
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/dist-cjs/communication-react/index.js +18 -12
- 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/components/SidePane/SidePane.js +17 -11
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/SidePane/SidePane.js.map +1 -1
- package/package.json +8 -8
@@ -178,7 +178,7 @@ const _isValidIdentifier = (identifier) => {
|
|
178
178
|
// Copyright (c) Microsoft Corporation.
|
179
179
|
// Licensed under the MIT license.
|
180
180
|
// GENERATED FILE. DO NOT EDIT MANUALLY.
|
181
|
-
var telemetryVersion = '1.7.0-alpha-
|
181
|
+
var telemetryVersion = '1.7.0-alpha-202308110012';
|
182
182
|
|
183
183
|
// Copyright (c) Microsoft Corporation.
|
184
184
|
/**
|
@@ -24205,7 +24205,7 @@ const SidePane = (props) => {
|
|
24205
24205
|
: props.mobileView
|
24206
24206
|
? availableSpaceStyles
|
24207
24207
|
: maxWidthStyles;
|
24208
|
-
|
24208
|
+
const Header = (_a = ((overrideSidePane === null || overrideSidePane === void 0 ? void 0 : overrideSidePane.isActive) ? overrideSidePane.renderer.headerRenderer : sidePaneRenderer === null || sidePaneRenderer === void 0 ? void 0 : sidePaneRenderer.headerRenderer)) !== null && _a !== void 0 ? _a : EmptyElement;
|
24209
24209
|
/**
|
24210
24210
|
* Legacy code to support old behavior of showing chat and people tab headers on mobile side pane.
|
24211
24211
|
* To be removed in breaking change.
|
@@ -24215,15 +24215,21 @@ const SidePane = (props) => {
|
|
24215
24215
|
const closePane = React.useCallback(() => {
|
24216
24216
|
updateSidePaneRenderer(undefined);
|
24217
24217
|
}, [updateSidePaneRenderer]);
|
24218
|
-
|
24219
|
-
|
24220
|
-
|
24221
|
-
|
24222
|
-
|
24223
|
-
|
24224
|
-
|
24225
|
-
|
24226
|
-
|
24218
|
+
const LegacyHeader = React.useMemo(() => {
|
24219
|
+
var _a;
|
24220
|
+
return (React__default['default'].createElement(PeopleAndChatHeader, { onClose: overrideSidePaneId === 'chat' ? (_a = props.onChatButtonClicked) !== null && _a !== void 0 ? _a : noop : closePane, activeTab: (sidePaneRenderer === null || sidePaneRenderer === void 0 ? void 0 : sidePaneRenderer.id) === 'people' ? 'people' : 'chat',
|
24221
|
+
// legacy arguments to be removed in breaking change:
|
24222
|
+
disablePeopleButton: props.disablePeopleButton, disableChatButton: props.disableChatButton, onPeopleButtonClicked: (sidePaneRenderer === null || sidePaneRenderer === void 0 ? void 0 : sidePaneRenderer.id) === 'people' ? noop : props.onPeopleButtonClicked, onChatButtonClicked: overrideSidePaneId === 'chat' ? noop : props.onChatButtonClicked }));
|
24223
|
+
}, [
|
24224
|
+
overrideSidePaneId,
|
24225
|
+
props.onChatButtonClicked,
|
24226
|
+
props.onPeopleButtonClicked,
|
24227
|
+
props.disablePeopleButton,
|
24228
|
+
props.disableChatButton,
|
24229
|
+
sidePaneRenderer,
|
24230
|
+
closePane
|
24231
|
+
]);
|
24232
|
+
const HeaderToRender = props.mobileView && (overrideSidePaneId === 'chat' || (sidePaneRenderer === null || sidePaneRenderer === void 0 ? void 0 : sidePaneRenderer.id) === 'people') ? LegacyHeader : Header();
|
24227
24233
|
const ContentRender = (overrideSidePane === null || overrideSidePane === void 0 ? void 0 : overrideSidePane.isActive) ? undefined : sidePaneRenderer === null || sidePaneRenderer === void 0 ? void 0 : sidePaneRenderer.contentRenderer;
|
24228
24234
|
const OverrideContentRender = (overrideSidePane === null || overrideSidePane === void 0 ? void 0 : overrideSidePane.isActive) || (overrideSidePane === null || overrideSidePane === void 0 ? void 0 : overrideSidePane.persistRenderingWhenClosed)
|
24229
24235
|
? overrideSidePane.renderer.contentRenderer
|
@@ -24232,7 +24238,7 @@ const SidePane = (props) => {
|
|
24232
24238
|
return React__default['default'].createElement(EmptyElement, null);
|
24233
24239
|
}
|
24234
24240
|
return (React__default['default'].createElement(react.Stack, { verticalFill: true, grow: true, styles: paneStyles, "data-ui-id": "SidePane", tokens: props.mobileView ? {} : sidePaneTokens },
|
24235
|
-
|
24241
|
+
HeaderToRender,
|
24236
24242
|
React__default['default'].createElement(react.Stack.Item, { verticalFill: true, grow: true, styles: paneBodyContainer },
|
24237
24243
|
React__default['default'].createElement(react.Stack, { verticalFill: true, styles: scrollableContainer },
|
24238
24244
|
ContentRender && (React__default['default'].createElement(react.Stack.Item, { verticalFill: true, styles: scrollableContainerContents },
|