@momentum-design/components 0.120.9 → 0.120.10

package/dist/react/index.d.ts

@@ -3,9 +3,9 @@ export { default as AccordionButton } from './accordionbutton';
 export { default as AccordionGroup } from './accordiongroup';
 export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
-export { default as AnnouncementDialog } from './announcementdialog';
 export { default as Appheader } from './appheader';
 export { default as Avatar } from './avatar';
+export { default as AnnouncementDialog } from './announcementdialog';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Banner } from './banner';
@@ -28,10 +28,10 @@ export { default as Divider } from './divider';
 export { default as FilterChip } from './filterchip';
 export { default as FormfieldGroup } from './formfieldgroup';
 export { default as FormfieldWrapper } from './formfieldwrapper';
+export { default as Icon } from './icon';
 export { default as IconProvider } from './iconprovider';
 export { default as Illustration } from './illustration';
 export { default as IllustrationProvider } from './illustrationprovider';
-export { default as Icon } from './icon';
 export { default as Input } from './input';
 export { default as InputChip } from './inputchip';
 export { default as Link } from './link';
@@ -57,14 +57,14 @@ 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 Searchfield } from './searchfield';
-export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
 export { default as RadioGroup } from './radiogroup';
+export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
+export { default as Searchfield } from './searchfield';
 export { default as Select } from './select';
 export { default as Selectlistbox } from './selectlistbox';
+export { default as SideNavigation } from './sidenavigation';
 export { default as Skeleton } from './skeleton';
 export { default as Slider } from './slider';
-export { default as SideNavigation } from './sidenavigation';
 export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';
 export { default as StaticChip } from './staticchip';

package/dist/react/index.js

@@ -3,9 +3,9 @@ export { default as AccordionButton } from './accordionbutton';
 export { default as AccordionGroup } from './accordiongroup';
 export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
-export { default as AnnouncementDialog } from './announcementdialog';
 export { default as Appheader } from './appheader';
 export { default as Avatar } from './avatar';
+export { default as AnnouncementDialog } from './announcementdialog';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Banner } from './banner';
@@ -28,10 +28,10 @@ export { default as Divider } from './divider';
 export { default as FilterChip } from './filterchip';
 export { default as FormfieldGroup } from './formfieldgroup';
 export { default as FormfieldWrapper } from './formfieldwrapper';
+export { default as Icon } from './icon';
 export { default as IconProvider } from './iconprovider';
 export { default as Illustration } from './illustration';
 export { default as IllustrationProvider } from './illustrationprovider';
-export { default as Icon } from './icon';
 export { default as Input } from './input';
 export { default as InputChip } from './inputchip';
 export { default as Link } from './link';
@@ -57,14 +57,14 @@ 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 Searchfield } from './searchfield';
-export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
 export { default as RadioGroup } from './radiogroup';
+export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
+export { default as Searchfield } from './searchfield';
 export { default as Select } from './select';
 export { default as Selectlistbox } from './selectlistbox';
+export { default as SideNavigation } from './sidenavigation';
 export { default as Skeleton } from './skeleton';
 export { default as Slider } from './slider';
-export { default as SideNavigation } from './sidenavigation';
 export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';
 export { default as StaticChip } from './staticchip';

package/dist/utils/mixins/ListNavigationMixin.js

@@ -113,8 +113,14 @@ export const ListNavigationMixin = (superClass) => {
              * @internal
              */
             this.handleNavigationClick = (event) => {
-                const newIndex = this.getCurrentIndex(event.target);
-                this.resetTabIndexes(newIndex);
+                const target = event.target;
+                const newIndex = this.getCurrentIndex(target);
+                if (newIndex !== -1) {
+                    // When user clicked on a focusable element inside the item, we update the navigation index, but
+                    // keep the focus on the clicked element.
+                    const focusNewItem = !(this.navItems[newIndex] !== target && document.activeElement === event.target);
+                    this.resetTabIndexAndSetFocus(newIndex, undefined, focusNewItem);
+                }
             };
             this.addEventListener('keydown', this.handleNavigationKeyDown);
             this.addEventListener('click', this.handleNavigationClick);
@@ -136,6 +142,8 @@ export const ListNavigationMixin = (superClass) => {
          * @returns - The index of the current item in the `navItems` array.
          */
         getCurrentIndex(target) {
+            if (!target)
+                return -1;
             return this.navItems.findIndex(node => node === target ||
                 // eslint-disable-next-line no-bitwise
                 !!(node.compareDocumentPosition(target) & Node.DOCUMENT_POSITION_CONTAINED_BY));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-design/components",
   "packageManager": "yarn@3.2.4",
-  "version": "0.120.9",
+  "version": "0.120.10",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"