@atlassian/aui 9.3.10 → 9.3.12

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@atlassian/aui",
     "description": "Atlassian User Interface library",
-    "version": "9.3.10",
+    "version": "9.3.12",
     "author": "Atlassian Pty Ltd.",
     "homepage": "https://aui.atlassian.com",
     "license": "Apache-2.0",

package/src/js/aui/dropdown2.js

@@ -884,6 +884,10 @@ var stringAttributeHandlerGenerator = function(attrName) {
     };
 };
 
+const convertCssClassesToArray = function (spaceDelimitedClasses = '') {
+    return spaceDelimitedClasses.split(' ').map(str => str.trim()).filter(x => x);
+}
+
 const ItemLinkEl = skate('aui-item-link', {
     template: template(
         '<a role="menuitem" tabindex="-1"><content></content></a>'
@@ -909,7 +913,16 @@ const ItemLinkEl = skate('aui-item-link', {
                 anchor.removeAttribute('aria-controls');
                 $(anchor).removeClass('aui-dropdown2-sub-trigger');
             }
-        }
+        },
+        'extra-classes': function (element, change) {
+            const anchor = element.children[0];
+            if (change.oldValue) {
+                anchor.classList.remove(...convertCssClassesToArray(change.oldValue));
+            }
+            if (change.newValue) {
+                anchor.classList.add(...convertCssClassesToArray(change.newValue));
+            }
+        },
     },
 });
 

package/src/js/aui/internal/header/create-header.js

@@ -213,6 +213,10 @@ Header.prototype = {
                 $navItemDropdown.addClass('aui-dropdown2-sub-menu');
                 $navItemDropdown.appendTo('body');
             }
+            if ($navItemTrigger.get(0).hasAttribute('data-aui-extra-classes')) { // an opt-in behaviour
+                const extraClasses = Array.from($navItemTrigger.get(0).classList).filter(cls => !cls.startsWith('aui-'));
+                moreDropdownItemEl.setAttribute('extra-classes', extraClasses.join(' '));
+            }
             skate.init(moreDropdownItemEl);
             template.wrap(moreDropdownItemEl).textContent = $navItemTrigger.text();