@azure/communication-react 1.9.0-alpha-202310121540 → 1.9.0-alpha-202310130013

package/dist/dist-cjs/communication-react/index.js

@@ -177,7 +177,7 @@ const _isValidIdentifier = (identifier) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.9.0-alpha-202310121540';
+var telemetryVersion = '1.9.0-alpha-202310130013';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -11848,17 +11848,18 @@ const DrawerMenuItem = (props) => {
     const onClick = (ev) => props.onItemClick && props.onItemClick(ev, props.itemKey);
     const onKeyPress = (ev) => onClick && submitWithKeyboard(ev, onClick);
     const secondaryIcon = props.secondaryIconProps ? (React__default["default"].createElement(MenuItemIcon, Object.assign({}, props.secondaryIconProps))) : props.subMenuProps ? (React__default["default"].createElement(MenuItemIcon, { iconName: "ChevronRight" })) : undefined;
-    return (React__default["default"].createElement(react.Stack, { tabIndex: 0, role: "menuitem", horizontal: true, className: react.mergeStyles(drawerMenuItemRootStyles(theme.palette.neutralLight, theme.fonts.small), props.disabled ? disabledDrawerMenuItemRootStyles(theme.palette.neutralQuaternaryAlt) : undefined, (_a = props.styles) === null || _a === void 0 ? void 0 : _a.root), onKeyPress: props.disabled ? undefined : onKeyPress, onClick: props.disabled ? undefined : onClick, tokens: menuItemChildrenGap, id: props.id },
-        props.iconProps && (React__default["default"].createElement(react.Stack.Item, { role: "presentation", styles: props.disabled ? { root: { color: theme.palette.neutralTertiaryAlt } } : undefined },
-            React__default["default"].createElement(MenuItemIcon, Object.assign({}, props.iconProps)))),
-        React__default["default"].createElement(react.Stack.Item, { styles: drawerMenuItemTextStyles, grow: true },
-            React__default["default"].createElement(react.Text, { styles: props.disabled ? { root: { color: theme.palette.neutralTertiaryAlt } } : undefined }, props.text)),
-        props.secondaryText && (React__default["default"].createElement(react.Stack.Item, { styles: drawerMenuItemTextStyles, className: react.mergeStyles(secondaryTextStyles$2) },
-            React__default["default"].createElement(react.Text, { styles: {
-                    root: { color: props.disabled ? theme.palette.neutralTertiaryAlt : theme.palette.neutralSecondary }
-                } }, props.secondaryText))),
-        props.secondaryComponent && React__default["default"].createElement(react.Stack.Item, null, props.secondaryComponent),
-        secondaryIcon && React__default["default"].createElement(react.Stack.Item, null, secondaryIcon)));
+    return (React__default["default"].createElement(react.FocusZone, { shouldFocusOnMount: props.shouldFocusOnMount },
+        React__default["default"].createElement(react.Stack, { tabIndex: 0, role: "menuitem", horizontal: true, className: react.mergeStyles(drawerMenuItemRootStyles(theme.palette.neutralLight, theme.fonts.small), props.disabled ? disabledDrawerMenuItemRootStyles(theme.palette.neutralQuaternaryAlt) : undefined, (_a = props.styles) === null || _a === void 0 ? void 0 : _a.root), onKeyPress: props.disabled ? undefined : onKeyPress, onClick: props.disabled ? undefined : onClick, tokens: menuItemChildrenGap, id: props.id },
+            props.iconProps && (React__default["default"].createElement(react.Stack.Item, { role: "presentation", styles: props.disabled ? { root: { color: theme.palette.neutralTertiaryAlt } } : undefined },
+                React__default["default"].createElement(MenuItemIcon, Object.assign({}, props.iconProps)))),
+            React__default["default"].createElement(react.Stack.Item, { styles: drawerMenuItemTextStyles, grow: true },
+                React__default["default"].createElement(react.Text, { styles: props.disabled ? { root: { color: theme.palette.neutralTertiaryAlt } } : undefined }, props.text)),
+            props.secondaryText && (React__default["default"].createElement(react.Stack.Item, { styles: drawerMenuItemTextStyles, className: react.mergeStyles(secondaryTextStyles$2) },
+                React__default["default"].createElement(react.Text, { styles: {
+                        root: { color: props.disabled ? theme.palette.neutralTertiaryAlt : theme.palette.neutralSecondary }
+                    } }, props.secondaryText))),
+            props.secondaryComponent && React__default["default"].createElement(react.Stack.Item, null, props.secondaryComponent),
+            secondaryIcon && React__default["default"].createElement(react.Stack.Item, null, secondaryIcon))));
 };
 const MenuItemIcon = (props) => (React__default["default"].createElement(react.FontIcon, Object.assign({ className: react.mergeStyles(iconStyles$1) }, props)));
 const menuItemChildrenGap = { childrenGap: '0.5rem' };
@@ -12027,10 +12028,10 @@ const _DrawerMenu = (props) => {
     }), [firstItemStyle, borderRadius]);
     return (React__default["default"].createElement(_DrawerSurface, { disableMaxHeight: props.disableMaxHeight, styles: (_b = props.styles) === null || _b === void 0 ? void 0 : _b.drawerSurfaceStyles, onLightDismiss: props.onLightDismiss, heading: props.heading },
         React__default["default"].createElement(react.Stack, { styles: props.styles, role: "menu", "data-ui-id": "drawer-menu" }, menuItemsToRender === null || menuItemsToRender === void 0 ? void 0 :
-            menuItemsToRender.slice(0, 1).map((item) => (React__default["default"].createElement(DrawerMenuItem, Object.assign({}, item, { key: '0', styles: modifiedFirstItemStyle, onItemClick: (ev, itemKey) => {
+            menuItemsToRender.slice(0, 1).map((item) => (React__default["default"].createElement(DrawerMenuItem, Object.assign({}, item, { key: `${item.itemKey}` + '0', shouldFocusOnMount: true, styles: modifiedFirstItemStyle, onItemClick: (ev, itemKey) => {
                     onItemClick(item, ev, itemKey);
                 } })))), menuItemsToRender === null || menuItemsToRender === void 0 ? void 0 :
-            menuItemsToRender.slice(1).map((item, i) => (React__default["default"].createElement(DrawerMenuItem, Object.assign({}, item, { key: `${i + 1}`, onItemClick: (ev, itemKey) => {
+            menuItemsToRender.slice(1).map((item, i) => (React__default["default"].createElement(DrawerMenuItem, Object.assign({}, item, { key: `${item.itemKey}` + `${i + 1}`, onItemClick: (ev, itemKey) => {
                     onItemClick(item, ev, itemKey);
                 } })))))));
 };
@@ -32481,6 +32482,7 @@ beforeDispose) => {
     const [adapter, setAdapter] = React.useState(undefined);
     // Ref needed for cleanup to access the old adapter created asynchronously.
     const adapterRef = React.useRef(undefined);
+    const creatingAdapterRef = React.useRef(false);
     const afterCreateRef = React.useRef(undefined);
     const beforeDisposeRef = React.useRef(undefined);
     // These refs are updated on *each* render, so that the latest values
@@ -32506,6 +32508,11 @@ beforeDispose) => {
                 adapterRef.current.dispose();
                 adapterRef.current = undefined;
             }
+            if (creatingAdapterRef.current) {
+                console.warn('Adapter is already being created, please see storybook for more information: https://azure.github.io/communication-ui-library/?path=/story/troubleshooting--page');
+                return;
+            }
+            creatingAdapterRef.current = true;
             let newAdapter = yield createAzureCommunicationCallWithChatAdapter({
                 credential,
                 displayName,