@royaloperahouse/chord 2.3.1 → 2.3.2

package/CHANGELOG.md

@@ -1,3 +1,6 @@
+## [2.3.2]
+- AuxiliaryNav: onClick handler fixes
+
 ## [2.3.1]
 - AuxiliaryNav: accessibility improvements
 

package/dist/chord.cjs.development.js

@@ -10076,15 +10076,24 @@ var NavItem = function NavItem(_ref) {
       onClick = _ref.onClick,
       isActive = _ref.isActive,
       isMobile = _ref.isMobile;
-
-  var clickHandler = function () {
-    if (!onClick) return undefined;
-    return function (e) {
-      e.preventDefault();
-      onClick();
+  var linkRef = React.useRef(null);
+  React.useEffect(function () {
+    var handleClick = function handleClick(e) {
+      if (onClick) onClick(e);
     };
-  }();
 
+    var linkElement = linkRef.current;
+
+    if (linkElement) {
+      linkElement.addEventListener('click', handleClick);
+    }
+
+    return function () {
+      if (linkElement) {
+        linkElement.removeEventListener('click', handleClick);
+      }
+    };
+  }, [onClick]);
   var ariaCurrent = isMobile ? undefined : isActive;
   var ariaSelected = isMobile ? isActive : undefined;
   var role = isMobile ? 'option' : undefined;
@@ -10093,7 +10102,7 @@ var NavItem = function NavItem(_ref) {
     "aria-selected": ariaSelected,
     role: role
   }, /*#__PURE__*/React__default.createElement(MenuItem$1, {
-    onClick: clickHandler,
+    ref: linkRef,
     href: href,
     isActive: isActive,
     "data-testid": "nav-menu-item" + (isActive ? '-active' : '')
@@ -10162,16 +10171,16 @@ var MobileNav = function MobileNav(_ref4) {
     "aria-expanded": isOpen,
     "aria-controls": "auxiliary-nav-list",
     "aria-haspopup": "listbox",
-    role: 'combobox'
+    role: "combobox"
   }, activeItem, /*#__PURE__*/React__default.createElement(Icon, {
     iconName: "DropdownArrow",
     direction: isOpen ? 'left' : 'right'
   })), /*#__PURE__*/React__default.createElement(MobileMenuList, {
-    id: 'auxiliary-nav-list',
+    id: "auxiliary-nav-list",
     "data-testid": "nav-menu-list",
     isOpen: isOpen,
     "aria-hidden": !isOpen,
-    role: 'listbox'
+    role: "listbox"
   }, items.map(function (_ref5, idx) {
     var text = _ref5.text,
         href = _ref5.href,