@wix/editor-react-components 1.2554.0 → 1.2556.0

package/dist/site/components/Menu/component.js

@@ -864,6 +864,7 @@ const MenuItemLabel = (props) => {
   const { label: label2, link } = item2;
   const hasLink = !isEmptyObject(link);
   const linkRef = useRef(null);
+  const srOnlyChevronButtonRef = useRef(null);
   const itemLabelClassName = (_d = (_c = (_b = (_a = props.menuElementProps) == null ? void 0 : _a.item) == null ? void 0 : _b.elementProps) == null ? void 0 : _c.itemLabel) == null ? void 0 : _d.className;
   const labelContainerClassNames = clsx(
     selectors.item,
@@ -937,7 +938,7 @@ const MenuItemLabel = (props) => {
                 "<%= itemName %>",
                 label2
               ),
-              chevronButtonRef,
+              chevronButtonRef: variant === "srOnly" ? srOnlyChevronButtonRef : chevronButtonRef,
               onClick: toggleDropdown,
               isOpen,
               hasSubItems,
@@ -1697,10 +1698,12 @@ const MenuItem = (props) => {
     prevHamburgerOpenRef.current = isHamburgerMenuOpened;
   }, [isHamburgerMenuOpened, isOpen, hideDropdown]);
   const handleEscKeyDown = useCallback(() => {
-    var _a2;
-    (_a2 = chevronButtonRef.current) == null ? void 0 : _a2.focus();
+    var _a2, _b2;
+    if ((_a2 = itemRef.current) == null ? void 0 : _a2.contains(document.activeElement)) {
+      (_b2 = chevronButtonRef.current) == null ? void 0 : _b2.focus();
+    }
     hideDropdown();
-  }, [hideDropdown, chevronButtonRef]);
+  }, [hideDropdown]);
   const handleKeyDown = useCallback(
     (event) => {
       if (event.key === "Escape") {

package/dist/site/components/Menu/components/MenuContent/MenuItem/MenuItemLabel.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { RefObject, default as React } from 'react';
 import { IMenuItemProps } from '../../../Menu.types';
 import { DropdownAnimationNameType } from '../../../constants';
 import { AnimationState } from './useAnimationState';
@@ -6,7 +6,7 @@ export declare const MenuItemLabel: React.FC<IMenuItemProps & {
     hasDropdownMenu: boolean;
     hasSubItems: boolean;
     hasContainer: boolean;
-    chevronButtonRef: any;
+    chevronButtonRef: RefObject<HTMLButtonElement>;
     toggleDropdown: () => void;
     isOpen: boolean;
     dropdownAnimationState: AnimationState<DropdownAnimationNameType>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2554.0",
+  "version": "1.2556.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -84,7 +84,7 @@
     "@wix/site-service-business-logger": "^1.0.0",
     "@wix/site-service-configuration": "^1.0.1",
     "@wix/site-service-rendering-context": "^1.0.1",
-    "@wix/site-ui": "1.236.0",
+    "@wix/site-ui": "1.237.0",
     "@wix/video": "^1.106.0",
     "@wix/viewer-service-consent-policy": "^1.0.101",
     "@wix/web-bi-logger": "^2.1.29",
@@ -199,5 +199,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "2af7f2f83c58579501655ff433c12481f07767e2d31d48d35e09f638"
+  "falconPackageHash": "e94bace123d34f1b183027de42358d46d5a9236772e479d9d259096c"
 }