@momentum-design/components 0.76.3 → 0.76.5

package/dist/react/index.d.ts

@@ -37,17 +37,17 @@ export { default as MenuItem } from './menuitem';
 export { default as MenuItemCheckbox } from './menuitemcheckbox';
 export { default as MenuItemRadio } from './menuitemradio';
 export { default as MenuPopover } from './menupopover';
-export { default as OptGroup } from './optgroup';
 export { default as MenuSection } from './menusection';
+export { default as OptGroup } from './optgroup';
 export { default as Option } from './option';
 export { default as Popover } from './popover';
 export { default as Presence } from './presence';
 export { default as Progressbar } from './progressbar';
 export { default as Progressspinner } from './progressspinner';
 export { default as Radio } from './radio';
+export { default as RadioGroup } from './radiogroup';
 export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
 export { default as Searchfield } from './searchfield';
-export { default as RadioGroup } from './radiogroup';
 export { default as Select } from './select';
 export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';

package/dist/react/index.js

@@ -37,17 +37,17 @@ export { default as MenuItem } from './menuitem';
 export { default as MenuItemCheckbox } from './menuitemcheckbox';
 export { default as MenuItemRadio } from './menuitemradio';
 export { default as MenuPopover } from './menupopover';
-export { default as OptGroup } from './optgroup';
 export { default as MenuSection } from './menusection';
+export { default as OptGroup } from './optgroup';
 export { default as Option } from './option';
 export { default as Popover } from './popover';
 export { default as Presence } from './presence';
 export { default as Progressbar } from './progressbar';
 export { default as Progressspinner } from './progressspinner';
 export { default as Radio } from './radio';
+export { default as RadioGroup } from './radiogroup';
 export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
 export { default as Searchfield } from './searchfield';
-export { default as RadioGroup } from './radiogroup';
 export { default as Select } from './select';
 export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';

package/dist/utils/mixins/MenuMixin.d.ts

@@ -5,8 +5,6 @@ export declare class MenuMixinInterface {
     ariaOrientation: Orientation;
     protected handleKeyDown(event: KeyboardEvent): void;
     protected handleMouseClick(event: MouseEvent): void;
-    protected resetTabIndexAndSetActiveTabIndex(newIndex: number): void;
-    protected setTabIndexOnMouseClick(event: MouseEvent): void;
     protected updatePopoverPlacementBasedOnOrientation(): void;
 }
 export declare const MenuMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<MenuMixinInterface> & T;

package/dist/utils/mixins/MenuMixin.js

@@ -47,6 +47,7 @@ export const MenuMixin = (superClass) => {
         firstUpdated(changedProperties) {
             super.firstUpdated(changedProperties);
             this.setMenuBarPopoverValue(false);
+            this.resetTabIndexAndSetActiveTabIndex(this.menuItems);
         }
         /**
          * Sets the value of the data-menu-popover-open attribute on the menu element.
@@ -202,6 +203,10 @@ export const MenuMixin = (superClass) => {
             if (this.isValidPopover(menu === null || menu === void 0 ? void 0 : menu.tagName)) {
                 menu === null || menu === void 0 ? void 0 : menu.toggleAttribute('visible');
             }
+            if (menu === null || menu === void 0 ? void 0 : menu.children) {
+                const menuChildren = Array.from(menu.children).filter((child) => this.isValidMenuItem(child));
+                this.resetTabIndexAndSetActiveTabIndex(menuChildren);
+            }
             if (menu === null || menu === void 0 ? void 0 : menu.parentElement) {
                 this.hideAllPopovers(menu.parentElement);
             }
@@ -300,19 +305,6 @@ export const MenuMixin = (superClass) => {
             return [MENUITEM_TAGNAME, MENUITEMCHECKBOX_TAGNAME, MENUITEMRADIO_TAGNAME]
                 .includes((_a = menuItem.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase());
         }
-        /**
-         * Handles the mouse click event on the menu items.
-         * Resets all the menu items tabindex to -1 and sets the tabindex of the
-         * element at the given index to 0, effectively setting the active
-         * element. This is used when clicking on the menu items.
-         * @param event - The mouse click event.
-         */
-        setTabIndexOnMouseClick(event) {
-            var _a;
-            const newIndex = this.getCurrentIndex(event.target);
-            this.resetTabIndexAndSetActiveTabIndex(newIndex);
-            (_a = this.menuItems[newIndex]) === null || _a === void 0 ? void 0 : _a.focus();
-        }
         /**
          * Resets all list items tabindex to -1 and sets the tabindex of the
          * element at the given index to 0, effectively setting the active
@@ -320,9 +312,9 @@ export const MenuMixin = (superClass) => {
          *
          * @param newIndex - The index of the new active element in the list.
          */
-        resetTabIndexAndSetActiveTabIndex(newIndex) {
-            this.menuItems.forEach((node, index) => {
-                const newTabindex = newIndex === index ? '0' : '-1';
+        resetTabIndexAndSetActiveTabIndex(menuItems) {
+            menuItems.forEach((node, index) => {
+                const newTabindex = index === 0 ? '0' : '-1';
                 node === null || node === void 0 ? void 0 : node.setAttribute('tabindex', newTabindex);
             });
         }

package/package.json

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