@atlassian/aui 8.7.0 → 8.7.4

package/entry/aui.batch.prototyping.js

@@ -1,6 +1,6 @@
 export * from './aui.side-effects';
 export { log, error, warn } from './behaviours/aui.behaviour.logger';
-import {i18n as I18n} from './behaviours/aui.behaviour.i18n';
+import { I18n } from './behaviours/aui.behaviour.i18n';
 import './aui.batch.page';
 import './aui.batch.patterns';
 import './aui.batch.iconography';

package/entry/behaviours/aui.behaviour.i18n.js

@@ -1 +1 @@
-export {default as i18n} from '@atlassian/aui/src/js/aui/i18n';
+export { I18n } from '@atlassian/aui/src/js/aui/i18n';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@atlassian/aui",
     "description": "Atlassian User Interface library",
-    "version": "8.7.0",
+    "version": "8.7.4",
     "author": "Atlassian Pty Ltd.",
     "homepage": "https://aui.atlassian.com",
     "license": "Apache-2.0",
@@ -28,21 +28,22 @@
         "README.md",
         "yarn.lock"
     ],
+    "//": "AUI's publishConfig is managed by its build scripts.",
     "peerDependencies": {
         "jquery": "^2 || ^3"
     },
     "dependencies": {
-        "@atlassian/brand-logos": "^1.2.0",
-        "@atlassian/tipsy": "^1.3.1",
-        "backbone": "^1.3.3",
+        "@atlassian/brand-logos": "1.2.0",
+        "@atlassian/tipsy": "1.3.3",
+        "backbone": "1.4.0",
         "css.escape": "1.5.0",
-        "fancy-file-input": "~2.0.4",
-        "jquery-ui": "^1.12.1",
-        "popper.js": "^1.14.5",
+        "fancy-file-input": "2.0.4",
+        "jquery-ui": "1.12.1",
+        "popper.js": "1.16.1",
         "skatejs": "0.13.17",
         "skatejs-template-html": "0.0.0",
         "trim-extra-html-whitespace": "1.3.0",
-        "underscore": "^1.9.1"
+        "underscore": "1.13.1"
     },
     "devDependencies": {
         "@atlassian/adg-server-iconfont": "3.1.0",
@@ -50,11 +51,11 @@
         "babel-core": "^6.26.0",
         "babel-plugin-add-module-exports": "0.2.1",
         "babel-preset-es2015": "6.24.1",
-        "cross-env": "^5.1.3",
+        "cross-env": "7.0.3",
         "eslint": "^4.10.0",
         "glob": "7.1.2",
-        "jquery": "^3",
-        "jquery-migrate": "^3",
+        "jquery": "3.5.1",
+        "jquery-migrate": "3.3.2",
         "less": "^3.10.3",
         "webpack-bundle-size-limit-plugin": "^1.1.0"
     },

package/src/js/aui/dropdown2.js

@@ -12,6 +12,7 @@ import keyCode from './key-code';
 import layer from './layer';
 import state from './internal/state';
 import skate from './internal/skate';
+import escapeHtml from './escape-html';
 import {ifGone} from './internal/elements';
 import {doIfTrigger, setTrigger} from './trigger';
 
@@ -55,7 +56,7 @@ function makeAsyncDropdownContents (json) {
             var itemHtml = `
                 <${tagName} ${makeAttribute('for')} ${makeAttribute('href')} ${makeBooleanAttribute('interactive')}
                     ${makeBooleanAttribute('checked')} ${makeBooleanAttribute('disabled')} ${makeBooleanAttribute('hidden')}>
-                    ${itemData.content}
+                    ${escapeHtml(itemData.content)}
                 </${tagName}>`;
 
             return itemHtml;

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/messages.js

@@ -207,7 +207,7 @@ $.fn.closeMessage = function () {
     var $message = $(this);
     if ($message.hasClass('aui-message') && $message.hasClass('closeable')) {
         $message.stop(true); //Stop any running animation
-        $message.trigger('messageClose', [this]);  //messageClose event Deprecated as of 5.3
+        $message.trigger('messageClose', [this]); //messageClose event Deprecated as of 5.3
         $message.remove();
         $(document).trigger('aui-message-close', [this]);  //must trigger on document since the element has been removed
     }

package/src/js/aui/restful-table.js

@@ -251,7 +251,9 @@ var RestfulTable = Backbone.View.extend({
             this._applyFocusCoordinator(this._createRow);
 
             // focus create row
-            this._createRow.trigger(this._event.FOCUS);
+            if (this.options.autoFocus) {
+                this._createRow.trigger(this._event.FOCUS);
+            }
         }
 
         // when a model is removed from the collection, remove it from the viewport also

package/src/js/aui/select.js

@@ -204,6 +204,7 @@ function initialiseProgressiveDataSet (element) {
     // 2. Async fetching and matching
     /* eslint-disable complexity */
     element._progressiveDataSet.on('respond', function (data) {
+        /*eslint complexity: ["error", 17]*/
         var optionToHighlight;
 
         // This means that a query was made before the input was cleared and

package/src/js/aui/tabs.js

@@ -442,7 +442,8 @@ var tabs = {
     },
 
     change: function (a) {
-        var $a = $(a);
+        var collection = a instanceof HTMLElement || a instanceof $ ? a : document.querySelector(a);
+        var $a = $(collection).first();
         var $tabGroup = $a.closest('.aui-tabs');
 
         switchToTab($a);

package/src/js/aui/trigger.js

@@ -3,6 +3,7 @@ import keyCode from './key-code';
 import amdify from './internal/amdify';
 import skate from './internal/skate';
 import state from './internal/state';
+import { warn } from './internal/log'
 
 export function getTrigger (element) {
     return state(element).get('last-trigger') || findControllers(element)[0];
@@ -39,12 +40,28 @@ function findControllers(element) {
     const selector = `[aria-controls="${element.id}"]`;
 
     let controllers = [];
+    let someFramesAreCrossOrigin = false;
     for (let i = 0 ; i < frames.length; i++) {
-        let nodeList = frames[i].document.querySelectorAll(selector);
-        controllers = controllers.concat(Array.prototype.slice.apply(nodeList));
+        try {
+            let nodeList = frames[i].document.querySelectorAll(selector);
+            controllers = controllers.concat(Array.prototype.slice.apply(nodeList));
+        } catch (e) {
+            // Silently catch DOM exceptions related to accessing cross-origin frames
+            someFramesAreCrossOrigin = true;
+        }
     }
     const currentDocumentControllers = document.querySelectorAll(selector);
-    return Array.prototype.slice.apply(currentDocumentControllers).concat(controllers);
+    const allControllers = Array.prototype.slice.apply(currentDocumentControllers).concat(controllers);
+    if (allControllers.length === 0 && someFramesAreCrossOrigin === true) {
+        warn(
+            [
+                `No triggers found for element (${element.id}) in iframes from the same origin.`,
+                'However some iframes in this document are cross-origin.',
+                'The trigger-element relations crossing the origin boundary are not supported.'
+            ].join(' ')
+        )
+    }
+    return allControllers;
 }
 
 function findControlled(trigger) {