@atlassian/aui 9.2.1 → 9.2.4-b02efa22b

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@atlassian/aui",
     "description": "Atlassian User Interface library",
-    "version": "9.2.1",
+    "version": "9.2.4-b02efa22b",
     "author": "Atlassian Pty Ltd.",
     "homepage": "https://aui.atlassian.com",
     "license": "Apache-2.0",
@@ -42,7 +42,7 @@
         "skatejs": "0.13.17",
         "skatejs-template-html": "0.0.0",
         "trim-extra-html-whitespace": "1.3.0",
-        "underscore": "1.10.2"
+        "underscore": "1.13.1"
     },
     "devDependencies": {
         "@atlassian/adg-server-iconfont": "3.1.0",

package/src/js/aui/date-picker.js

@@ -337,6 +337,11 @@ const initPolyfill = function (datePicker) {
     // shows that changing the `type` of input does not erase its value.
     // see https://codepen.io/chrisdarroch/pen/YzwgjyJ
     $field.prop('type', 'text');
+    // Set default value on initialization to handle all date formats.
+    // It is possible, because of changing type to text on the line above.
+    $field.val($field.attr('value'));
+    // Trigger change to update calendar popup value.
+    $field.trigger('propertychange');
 
     // demonstrate the polyfill is initialised
     $field.attr('data-aui-dp-uuid', datePickerUUID);

package/src/js/aui/header-async.js

@@ -1,10 +1,15 @@
 import createHeader from './internal/header/create-header';
 import skate from './internal/skate';
 
-const Header = skate('aui-header', {
-    type: skate.type.CLASSNAME,
+const Header = skate('aui-header-end', {
+    type: skate.type.ELEMENT,
     created: function (element) {
-        createHeader(element);
+        const auiHeader = element.parentElement;
+        if (auiHeader && auiHeader.classList.contains('aui-header')) {
+            createHeader(auiHeader);
+        } else {
+            console.log('Could not async. initialise aui-header');
+        }
     }
 });
 

package/src/js/aui/i18n.js

@@ -7,7 +7,7 @@ import keys from './internal/i18n/aui';
  * the key is returned - this could occur in plugin mode if the I18n transform is not performed;
  * or in flatpack mode if the i18n JS file is not loaded.
  */
-export var I18n = {
+const I18n = {
     keys: keys,
     getText: function (key, ...params) {
         if (Object.prototype.hasOwnProperty.call(this.keys, key)) {
@@ -18,6 +18,11 @@ export var I18n = {
     }
 };
 
+export {
+    I18n,
+    format
+}
+
 /**
  * Deprecated - do not use AJS.I18n.getText from global scope within AUI code. Use import { I18n } from '../i18n'
  * Also keep in mind that WRM is looking for patterns like "I18n.getText" so do not create

package/src/js/aui/inline-dialog.js

@@ -6,7 +6,7 @@ import globalize from './internal/globalize';
 import keyCode from './key-code';
 import cssEscape from 'css.escape';
 
-/* eslint quotmark:off, eqeqeq:off, strict:off, complexity:off */
+/* eslint quotes:off, eqeqeq:off, strict:off, complexity:off */
 
 /**
  * Creates a new inline dialog.

package/src/js/aui/tabs.js

@@ -214,7 +214,7 @@ function calculateResponsiveTabs(tabsContainer, index) {
         }
 
         if (!$tabsContainer.hasClass('aui-tabs-disabled')) {
-            $dropdown.on('click', 'a', handleTabClick);
+            $dropdown.on('click.aui-tabs', 'a', handleTabClick);
         }
 
         /* Workaround for bug in Edge where the dom is just not being re-rendered properly
@@ -371,7 +371,7 @@ function getResponsiveTabs () {
 function initWindow () {
     const handler = debounce(responsiveResizeHandler, 200);
     handler(getResponsiveTabs());
-    $(window).on('resize', () => handler(getResponsiveTabs()));
+    $(window).on('resize.aui-tabs', () => handler(getResponsiveTabs()));
 }
 
 function initTab (tab) {
@@ -392,7 +392,7 @@ function initTab (tab) {
         });
 
         // Set up click event for tabs
-        $tabMenu.on('click', 'a', handleTabClick);
+        $tabMenu.on('click.aui-tabs', 'a', handleTabClick);
         $tab.data('aui-tab-events-bound', true);
 
         initPanes(tab);