@momentum-design/components 0.80.3 → 0.80.4

package/dist/react/index.d.ts

@@ -1,26 +1,26 @@
 export { default as AlertChip } from './alertchip';
-export { default as Animation } from './animation';
 export { default as Appheader } from './appheader';
+export { default as Animation } from './animation';
 export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Brandvisual } from './brandvisual';
 export { default as Bullet } from './bullet';
-export { default as ButtonGroup } from './buttongroup';
 export { default as Button } from './button';
+export { default as ButtonGroup } from './buttongroup';
 export { default as ButtonLink } from './buttonlink';
 export { default as Buttonsimple } from './buttonsimple';
+export { default as Card } from './card';
 export { default as CardButton } from './cardbutton';
 export { default as CardCheckbox } from './cardcheckbox';
 export { default as CardRadio } from './cardradio';
-export { default as Card } from './card';
 export { default as Checkbox } from './checkbox';
 export { default as Chip } from './chip';
 export { default as Coachmark } from './coachmark';
+export { default as Dialog } from './dialog';
 export { default as Divider } from './divider';
 export { default as FilterChip } from './filterchip';
 export { default as FormfieldGroup } from './formfieldgroup';
-export { default as Dialog } from './dialog';
 export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';
 export { default as IconProvider } from './iconprovider';
@@ -31,8 +31,8 @@ export { default as Linksimple } from './linksimple';
 export { default as List } from './list';
 export { default as ListItem } from './listitem';
 export { default as Marker } from './marker';
-export { default as MenuBar } from './menubar';
 export { default as Menu } from './menu';
+export { default as MenuBar } from './menubar';
 export { default as MenuItem } from './menuitem';
 export { default as MenuItemCheckbox } from './menuitemcheckbox';
 export { default as MenuItemRadio } from './menuitemradio';

package/dist/react/index.js

@@ -1,26 +1,26 @@
 export { default as AlertChip } from './alertchip';
-export { default as Animation } from './animation';
 export { default as Appheader } from './appheader';
+export { default as Animation } from './animation';
 export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Brandvisual } from './brandvisual';
 export { default as Bullet } from './bullet';
-export { default as ButtonGroup } from './buttongroup';
 export { default as Button } from './button';
+export { default as ButtonGroup } from './buttongroup';
 export { default as ButtonLink } from './buttonlink';
 export { default as Buttonsimple } from './buttonsimple';
+export { default as Card } from './card';
 export { default as CardButton } from './cardbutton';
 export { default as CardCheckbox } from './cardcheckbox';
 export { default as CardRadio } from './cardradio';
-export { default as Card } from './card';
 export { default as Checkbox } from './checkbox';
 export { default as Chip } from './chip';
 export { default as Coachmark } from './coachmark';
+export { default as Dialog } from './dialog';
 export { default as Divider } from './divider';
 export { default as FilterChip } from './filterchip';
 export { default as FormfieldGroup } from './formfieldgroup';
-export { default as Dialog } from './dialog';
 export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';
 export { default as IconProvider } from './iconprovider';
@@ -31,8 +31,8 @@ export { default as Linksimple } from './linksimple';
 export { default as List } from './list';
 export { default as ListItem } from './listitem';
 export { default as Marker } from './marker';
-export { default as MenuBar } from './menubar';
 export { default as Menu } from './menu';
+export { default as MenuBar } from './menubar';
 export { default as MenuItem } from './menuitem';
 export { default as MenuItemCheckbox } from './menuitemcheckbox';
 export { default as MenuItemRadio } from './menuitemradio';

package/dist/utils/mixins/MenuMixin.js

@@ -187,6 +187,9 @@ export const MenuMixin = (superClass) => {
          */
         getParentMenuItemDetails(menuChildId, menu) {
             var _a, _b;
+            if (menu === null) {
+                return { menu: null, menuChildId };
+            }
             if (menu && this.isValidMenu(menu.tagName)) {
                 return { menu, menuChildId };
             }
@@ -254,21 +257,6 @@ export const MenuMixin = (superClass) => {
             const parentMenuItemsChildren = Array.from(((_a = parentMenuItemDetails.menu) === null || _a === void 0 ? void 0 : _a.children) || []).filter((node) => this.isValidMenuItem(node));
             return { parentMenuItemDetails, parentMenuItemsChildren };
         }
-        /**
-         * Sets focus to the parent menu item of the given current menu item.
-         * It retrieves the parent menu item details and its children, then focuses
-         * on the menu item that matches the parent menu child ID.
-         * @param currentMenuItem - The current menu item from which to find and focus the parent menu item.
-         */
-        setFocusToParentMenuItem(currentMenuItem) {
-            var _a;
-            const { parentMenuItemDetails, parentMenuItemsChildren, } = this.getParentMenuContents(currentMenuItem);
-            // Only proceed if menuChildId is non-empty
-            if (parentMenuItemDetails === null || parentMenuItemDetails === void 0 ? void 0 : parentMenuItemDetails.menuChildId) {
-                const menuBarMenuItem = parentMenuItemsChildren.filter((node) => node.getAttribute('id') === parentMenuItemDetails.menuChildId);
-                (_a = menuBarMenuItem[0]) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-        }
         /**
          * Opens the popover of the next children menu item if there are children.
          * If there are no children, then it closes all popovers recursively and
@@ -407,7 +395,6 @@ export const MenuMixin = (superClass) => {
                     }
                     else if (this.isValidMenuItem(event.target)) {
                         this.setMenuBarPopoverValue(false);
-                        this.setFocusToParentMenuItem(this.menuItems[currentIndex]);
                     }
                     break;
                 }
@@ -439,17 +426,17 @@ export const MenuMixin = (superClass) => {
          * @param event - The mouse click event.
          */
         handleMouseClick(event) {
-            var _a, _b;
+            var _a;
             const target = event.target;
             const currentIndex = this.getCurrentIndex(target);
             if (currentIndex === -1)
                 return;
-            if (this.isValidPopover((_b = (_a = this.menuItems[currentIndex]) === null || _a === void 0 ? void 0 : _a.nextElementSibling) === null || _b === void 0 ? void 0 : _b.tagName)) {
+            if (this.isValidPopover((_a = target === null || target === void 0 ? void 0 : target.nextElementSibling) === null || _a === void 0 ? void 0 : _a.tagName)) {
                 this.closeAllPopoversExceptCurrent(currentIndex);
                 this.openPopoverAndNavigateToNextChildrenMenuItem(currentIndex);
             }
             else if (this.isValidMenuItem(target)) {
-                this.hideAllPopovers(this.menuItems[currentIndex]);
+                target.parentElement.hidePopover();
             }
         }
     }

package/package.json

@@ -41,5 +41,5 @@
     "lottie-web": "^5.12.2",
     "uuid": "^11.0.5"
   },
-  "version": "0.80.3"
+  "version": "0.80.4"
 }