@atlassian/aui 9.3.21 → 9.3.23

package/src/js/aui/layer.js

@@ -1,7 +1,7 @@
 import $ from './jquery';
 import { dim, undim } from './blanket';
 import FocusManager from './focus-manager';
-import {getTrigger,hasTrigger} from './trigger';
+import { getTrigger, hasTrigger } from './trigger';
 import globalize from './internal/globalize';
 import keyCode from './key-code';
 import widget from './internal/widget';
@@ -17,13 +17,13 @@ const ATTR_DOM_CONTAINER = 'dom-container';
 var $doc = $(document);
 
 // AUI-3708 - Abstracted to reflect code implemented upstream.
-function isTransitioning (el, prop) {
+function isTransitioning(el, prop) {
     var transition = window.getComputedStyle(el).transitionProperty;
     return transition ? transition.indexOf(prop) > -1 : false;
 }
 
-function onTransitionEnd (el, prop, func, once) {
-    function handler (e) {
+function onTransitionEnd(el, prop, func, once) {
+    function handler(e) {
         if (prop !== e.propertyName) {
             return;
         }
@@ -42,25 +42,25 @@ function onTransitionEnd (el, prop, func, once) {
     }
 }
 
-function oneTransitionEnd (el, prop, func) {
+function oneTransitionEnd(el, prop, func) {
     onTransitionEnd(el, prop, func, true);
 }
 // end AUI-3708
 
 /**
-* @return {bool} Returns false if at least one of the event handlers called .preventDefault(). Returns true otherwise.
-*/
-function triggerEvent ($el, deprecatedName, newNativeName) {
+ * @return {bool} Returns false if at least one of the event handlers called .preventDefault(). Returns true otherwise.
+ */
+function triggerEvent($el, deprecatedName, newNativeName) {
     var e1 = $.Event(EVENT_PREFIX + deprecatedName);
     var e2 = $.Event(GLOBAL_EVENT_PREFIX + deprecatedName);
     // TODO: Remove this 'aui-layer-' prefixed event once it is no longer used by inline dialog and dialog2.
     var nativeEvent = new CustomEvent(LAYER_EVENT_PREFIX + newNativeName, {
         bubbles: true,
-        cancelable: true
+        cancelable: true,
     });
     var nativeEvent2 = new CustomEvent(AUI_EVENT_PREFIX + newNativeName, {
         bubbles: true,
-        cancelable: true
+        cancelable: true,
     });
 
     $el.trigger(e1);
@@ -68,19 +68,21 @@ function triggerEvent ($el, deprecatedName, newNativeName) {
     $el[0].dispatchEvent(nativeEvent);
     $el[0].dispatchEvent(nativeEvent2);
 
-    return !e1.isDefaultPrevented() &&
+    return (
+        !e1.isDefaultPrevented() &&
         !e2.isDefaultPrevented() &&
         !nativeEvent.defaultPrevented &&
-        !nativeEvent2.defaultPrevented;
+        !nativeEvent2.defaultPrevented
+    );
 }
 
-function Layer (selector) {
+function Layer(selector) {
     this.$el = $(selector || '<div class="aui-layer"></div>');
     this.el = this.$el[0];
     this.$el.addClass('aui-layer');
 }
 
-function getAttribute (el, name) {
+function getAttribute(el, name) {
     return el.getAttribute(name) || el.getAttribute('data-aui-' + name);
 }
 
@@ -130,7 +132,6 @@ Layer.prototype = {
         return this;
     },
 
-
     /**
      * Unbinds a layer event.
      *
@@ -297,7 +298,7 @@ Layer.prototype = {
 
         this.$el.trigger(EVENT_PREFIX + 'show');
         this.$el.trigger(GLOBAL_EVENT_PREFIX + 'show', [this.$el]);
-    }
+    },
 };
 
 var createLayer = widget('layer', Layer);
@@ -312,8 +313,6 @@ createLayer.off = function (eventName, selector, fn) {
     return this;
 };
 
-
-
 // Layer Manager
 // -------------
 
@@ -333,7 +332,7 @@ createLayer.off = function (eventName, selector, fn) {
  * popUntil(dialog.$el) would hide all layers above & including the dialog.
  */
 
-function topIndexWhere (layerArr, fn) {
+function topIndexWhere(layerArr, fn) {
     var i = layerArr.length;
 
     while (i--) {
@@ -345,19 +344,19 @@ function topIndexWhere (layerArr, fn) {
     return -1;
 }
 
-function layerIndex (layerArr, $el) {
+function layerIndex(layerArr, $el) {
     return topIndexWhere(layerArr, function ($layer) {
         return $layer[0] === $el[0];
     });
 }
 
-function topBlanketedIndex (layerArr) {
+function topBlanketedIndex(layerArr) {
     return topIndexWhere(layerArr, function ($layer) {
         return createLayer($layer).isBlanketed();
     });
 }
 
-function nextZIndex (layerArr) {
+function nextZIndex(layerArr) {
     var _nextZIndex;
 
     if (layerArr.length) {
@@ -371,7 +370,7 @@ function nextZIndex (layerArr) {
     return Math.max(3000, _nextZIndex);
 }
 
-function updateBlanket (stack, oldBlanketIndex) {
+function updateBlanket(stack, oldBlanketIndex) {
     var newTopBlanketedIndex = topBlanketedIndex(stack);
 
     if (oldBlanketIndex !== newTopBlanketedIndex) {
@@ -383,7 +382,7 @@ function updateBlanket (stack, oldBlanketIndex) {
     }
 }
 
-function popLayers (stack, stopIndex, forceClosePersistent) {
+function popLayers(stack, stopIndex, forceClosePersistent) {
     if (stopIndex < 0) {
         return;
     }
@@ -399,7 +398,7 @@ function popLayers (stack, stopIndex, forceClosePersistent) {
     }
 }
 
-function getParentLayer (layer) {
+function getParentLayer(layer) {
     var trigger = getTrigger(layer);
 
     if (trigger) {
@@ -407,21 +406,21 @@ function getParentLayer (layer) {
     }
 }
 
-function LayerManager () {
+function LayerManager() {
     this._stack = [];
 }
 
 LayerManager.prototype = {
     /**
-    * Pushes a layer onto the stack. The same element cannot be opened as a layer multiple times - if the given
-    * element is already an open layer, this method throws an exception.
-    *
-    * @param {HTMLElement | String | jQuery} element  The element to push onto the stack.
-    *
-    * @returns {LayerManager}
-    */
+     * Pushes a layer onto the stack. The same element cannot be opened as a layer multiple times - if the given
+     * element is already an open layer, this method throws an exception.
+     *
+     * @param {HTMLElement | String | jQuery} element  The element to push onto the stack.
+     *
+     * @returns {LayerManager}
+     */
     push: function (element) {
-        var $el = (element instanceof $) ? element : $(element);
+        var $el = element instanceof $ ? element : $(element);
         if (layerIndex(this._stack, $el) >= 0) {
             throw new Error('The given element is already an active layer.');
         }
@@ -461,54 +460,57 @@ LayerManager.prototype = {
     },
 
     /**
-    * Returns the index of the specified layer in the layer stack.
-    *
-    * @param {HTMLElement | String | jQuery} element  The element to find in the stack.
-    *
-    * @returns {Number} the (zero-based) index of the element, or -1 if not in the stack.
-    */
+     * Returns the index of the specified layer in the layer stack.
+     *
+     * @param {HTMLElement | String | jQuery} element  The element to find in the stack.
+     *
+     * @returns {Number} the (zero-based) index of the element, or -1 if not in the stack.
+     */
     indexOf: function (element) {
         return layerIndex(this._stack, $(element));
     },
 
     /**
-    * Returns the item at the particular index or false.
-    *
-    * @param {Number} index The index of the element to get.
-    *
-    * @returns {jQuery | Boolean}
-    */
+     * Returns the item at the particular index or false.
+     *
+     * @param {Number} index The index of the element to get.
+     *
+     * @returns {jQuery | Boolean}
+     */
     item: function (index) {
         return this._stack[index];
     },
 
     /**
-    * Hides all layers in the stack.
-    *
-    * @returns {LayerManager}
-    */
+     * Hides all layers in the stack.
+     *
+     * @returns {LayerManager}
+     */
     hideAll: function () {
-        this._stack.slice().reverse().forEach(function (element) {
-            let layer = createLayer(element);
-            if (layer.isBlanketed() || layer.isPersistent()) {
-                return;
-            }
-            layer.hide();
-        });
+        this._stack
+            .slice()
+            .reverse()
+            .forEach(function (element) {
+                let layer = createLayer(element);
+                if (layer.isBlanketed() || layer.isPersistent()) {
+                    return;
+                }
+                layer.hide();
+            });
 
         return this;
     },
 
     /**
-    * Gets the previous layer below the given layer, which is non modal and non persistent. If it finds a blanketed layer on the way
-    * it returns it regardless if it is modal or not
-    *
-    * @param {HTMLElement | String | jQuery} element layer to start the search from.
-    *
-    * @returns {jQuery | null} the next matching layer or null if none found.
-    */
+     * Gets the previous layer below the given layer, which is non modal and non persistent. If it finds a blanketed layer on the way
+     * it returns it regardless if it is modal or not
+     *
+     * @param {HTMLElement | String | jQuery} element layer to start the search from.
+     *
+     * @returns {jQuery | null} the next matching layer or null if none found.
+     */
     getNextLowerNonPersistentOrBlanketedLayer: function (element) {
-        var $el = (element instanceof $) ? element : $(element);
+        var $el = element instanceof $ ? element : $(element);
         var index = layerIndex(this._stack, $el);
 
         if (index < 0) {
@@ -531,14 +533,14 @@ LayerManager.prototype = {
     },
 
     /**
-    * Gets the next layer which is neither modal or blanketed, from the given layer.
-    *
-    * @param {HTMLElement | String | jQuery} element layer to start the search from.
-    *
-    * @returns {jQuery | null} the next non modal non blanketed layer or null if none found.
-    */
+     * Gets the next layer which is neither modal or blanketed, from the given layer.
+     *
+     * @param {HTMLElement | String | jQuery} element layer to start the search from.
+     *
+     * @returns {jQuery | null} the next non modal non blanketed layer or null if none found.
+     */
     getNextHigherNonPeristentAndNonBlanketedLayer: function (element) {
-        var $el = (element instanceof $) ? element : $(element);
+        var $el = element instanceof $ ? element : $(element);
         var index = layerIndex(this._stack, $el);
 
         if (index < 0) {
@@ -561,15 +563,15 @@ LayerManager.prototype = {
     },
 
     /**
-    * Removes all non-modal layers above & including the given element. If the given element is not an active layer, this method
-    * is a no-op. The given element will be removed regardless of whether or not it is modal.
-    *
-    * @param {HTMLElement | String | jQuery} element layer to pop.
-    *
-    * @returns {jQuery} The last layer that was popped, or null if no layer matching the given $el was found.
-    */
+     * Removes all non-modal layers above & including the given element. If the given element is not an active layer, this method
+     * is a no-op. The given element will be removed regardless of whether or not it is modal.
+     *
+     * @param {HTMLElement | String | jQuery} element layer to pop.
+     *
+     * @returns {jQuery} The last layer that was popped, or null if no layer matching the given $el was found.
+     */
     popUntil: function (element) {
-        var $el = (element instanceof $) ? element : $(element);
+        var $el = element instanceof $ ? element : $(element);
         var index = layerIndex(this._stack, $el);
 
         if (index === -1) {
@@ -591,10 +593,10 @@ LayerManager.prototype = {
     },
 
     /**
-    * Gets the top layer, if it exists.
-    *
-    * @returns The layer on top of the stack, if it exists, otherwise null.
-    */
+     * Gets the top layer, if it exists.
+     *
+     * @returns The layer on top of the stack, if it exists, otherwise null.
+     */
     getTopLayer: function () {
         if (!this._stack.length) {
             return null;
@@ -606,10 +608,10 @@ LayerManager.prototype = {
     },
 
     /**
-    * Pops the top layer, if it exists and it is non modal and non persistent.
-    *
-    * @returns The layer that was popped, if it was popped.
-    */
+     * Pops the top layer, if it exists and it is non modal and non persistent.
+     *
+     * @returns The layer that was popped, if it was popped.
+     */
     popTopIfNonPersistent: function () {
         var $topLayer = this.getTopLayer();
         var layer = createLayer($topLayer);
@@ -622,11 +624,11 @@ LayerManager.prototype = {
     },
 
     /**
-    * Pops all layers above and including the top blanketed layer. If layers exist but none are blanketed, this method
-    * does nothing.
-    *
-    * @returns The blanketed layer that was popped, if it exists, otherwise null.
-    */
+     * Pops all layers above and including the top blanketed layer. If layers exist but none are blanketed, this method
+     * does nothing.
+     *
+     * @returns The blanketed layer that was popped, if it exists, otherwise null.
+     */
     popUntilTopBlanketed: function () {
         var i = topBlanketedIndex(this._stack);
 
@@ -654,9 +656,9 @@ LayerManager.prototype = {
     },
 
     /**
-    * Pops all layers above and including the top persistent layer. If layers exist but none are persistent, this method
-    * does nothing.
-    */
+     * Pops all layers above and including the top persistent layer. If layers exist but none are persistent, this method
+     * does nothing.
+     */
     popUntilTopPersistent: function () {
         var $toPop = LayerManager.global.getTopLayer();
         if (!$toPop) {
@@ -689,7 +691,7 @@ LayerManager.prototype = {
             popLayers(this._stack, stopIndex, true);
             updateBlanket(this._stack, oldTopBlanketedIndex);
         }
-    }
+    },
 };
 
 // LayerManager.global
@@ -724,7 +726,7 @@ function hasLayer($trigger) {
 // If it's a click on a trigger, do nothing.
 // If it's a click on a layer, close all layers above.
 // Otherwise, close all layers.
-function initCloseLayerOnOuterClick () {
+function initCloseLayerOnOuterClick() {
     $doc.on('click', function (e) {
         var $target = $(e.target);
         if ($target.closest('.aui-blanket').length) {

package/src/js/aui/messages.js

@@ -5,7 +5,7 @@ import globalize from './internal/globalize';
 import escapeHtml from './escape-html';
 import keyCode from './key-code';
 import skate from './internal/skate';
-import {CLOSE_BUTTON, CLOSE_BUTTON_CLASS_SELECTOR} from './close-button';
+import { CLOSE_BUTTON, CLOSE_BUTTON_CLASS_SELECTOR } from './close-button';
 
 var DEFAULT_FADEOUT_DURATION = 500;
 var DEFAULT_FADEOUT_DELAY = 5000;
@@ -67,8 +67,8 @@ function makeCloseable(message) {
 }
 
 function makeFadeout(message, delay, duration) {
-    delay = (typeof delay !== 'undefined') ? delay : DEFAULT_FADEOUT_DELAY;
-    duration = (typeof duration !== 'undefined') ? duration : DEFAULT_FADEOUT_DURATION;
+    delay = typeof delay !== 'undefined' ? delay : DEFAULT_FADEOUT_DELAY;
+    duration = typeof duration !== 'undefined' ? duration : DEFAULT_FADEOUT_DURATION;
 
     $(message || 'div.aui-message.fadeout').each(function () {
         var $this = $(this);
@@ -78,7 +78,7 @@ function makeFadeout(message, delay, duration) {
         var isHover = false;
 
         //Small functions to keep the code easier to read and avoid code duplication
-        function fadeOut(){
+        function fadeOut() {
             //Algorithm:
             //1. Stop all running animations (first arg), including any fade animation and delay
             //   Do not jump to the end of the animation (second arg). This prevents the message to abruptly
@@ -86,19 +86,22 @@ function makeFadeout(message, delay, duration) {
             //2. Wait <delay> ms before starting the fadeout
             //3. Start the fadeout with a duration of <duration> ms
             //4. Close the message at the end of the animation
-            $this.stop(true,false).delay(delay).fadeOut(duration, function () {
-                $this.closeMessage();
-            });
+            $this
+                .stop(true, false)
+                .delay(delay)
+                .fadeOut(duration, function () {
+                    $this.closeMessage();
+                });
         }
-        function resetFadeOut(){
+        function resetFadeOut() {
             //Algorithm:
             //1. Stop all running animations (first arg), including any fade animation and delay
             //   Do not jump to the end of the animation (second arg). This prevents the message to abruptly
             //   jump to opacity:0 or opacity:1
             //2. Fast animation to opacity:1
-            $this.stop(true,false).fadeTo(FADEOUT_RESTORE_DURATION, 1);
+            $this.stop(true, false).fadeTo(FADEOUT_RESTORE_DURATION, 1);
         }
-        function shouldStartFadeOut(){
+        function shouldStartFadeOut() {
             return !hasFocus && !isHover;
         }
 
@@ -115,11 +118,13 @@ function makeFadeout(message, delay, duration) {
                 }
             })
             .hover(
-                function () {  //should be called .hoverin(), but jQuery does not implement that method
+                function () {
+                    //should be called .hoverin(), but jQuery does not implement that method
                     isHover = true;
                     resetFadeOut();
                 },
-                function () { //should be called .hoverout(), but jQuery does not implement that method
+                function () {
+                    //should be called .hoverout(), but jQuery does not implement that method
                     isHover = false;
                     if (shouldStartFadeOut()) {
                         fadeOut();
@@ -137,10 +142,10 @@ function makeFadeout(message, delay, duration) {
  * Usage:
  * <pre>
  * messages.info("#container", {
-     *   title: "Info",
-     *   body: "You can choose to have messages without Close functionality.",
-     *   closeable: false,
-     * });
+ *   title: "Info",
+ *   body: "You can choose to have messages without Close functionality.",
+ *   closeable: false,
+ * });
  * </pre>
  */
 var messages = {
@@ -150,20 +155,22 @@ var messages = {
     },
     makeCloseable: makeCloseable,
     makeFadeout: makeFadeout,
-    createMessage: createMessageConstructor
+    createMessage: createMessageConstructor,
 };
 
 function initCloseMessageBoxOnClickAndKeypress($message) {
     $message.unbind('click.aui-message').unbind('keydown.aui-message');
 
-    $message.on('click.aui-message', CLOSE_BUTTON_CLASS_SELECTOR, function (e) {
-        $(e.target).closest('.aui-message').closeMessage();
-    }).on('keydown.aui-message', CLOSE_BUTTON_CLASS_SELECTOR, function (e) {
-        if ((e.which === keyCode.ENTER) || (e.which === keyCode.SPACE)) {
+    $message
+        .on('click.aui-message', CLOSE_BUTTON_CLASS_SELECTOR, function (e) {
             $(e.target).closest('.aui-message').closeMessage();
-            e.preventDefault(); // this is especially important when handling the space bar, as we don't want to page down
-        }
-    });
+        })
+        .on('keydown.aui-message', CLOSE_BUTTON_CLASS_SELECTOR, function (e) {
+            if (e.which === keyCode.ENTER || e.which === keyCode.SPACE) {
+                $(e.target).closest('.aui-message').closeMessage();
+                e.preventDefault(); // this is especially important when handling the space bar, as we don't want to page down
+            }
+        });
 }
 
 function insertMessageIntoContext($message, insertWhere, context) {
@@ -178,7 +185,7 @@ function insertMessageIntoContext($message, insertWhere, context) {
     }
 }
 
-function renderMessageElement ({id, closeable, fadeout, title, body}, type) {
+function renderMessageElement({ id, closeable, fadeout, title, body }, type) {
     // Convert the options in to template values
     const titleHtml = title ? `<p class="title"><strong>${escapeHtml(title)}</strong></p>` : '';
     const html = `<div class="aui-message">${titleHtml}</div>`;
@@ -194,7 +201,9 @@ function renderMessageElement ({id, closeable, fadeout, title, body}, type) {
     if (id) {
         if (/[#\'\"\.\s]/g.test(id)) {
             // reject IDs that don't comply with style guide (ie. they'll break stuff)
-            logger.warn('Messages error: ID rejected, must not include spaces, hashes, dots or quotes.');
+            logger.warn(
+                'Messages error: ID rejected, must not include spaces, hashes, dots or quotes.'
+            );
         } else {
             $message.attr('id', id);
         }
@@ -209,7 +218,7 @@ $.fn.closeMessage = function () {
         $message.stop(true); //Stop any running animation
         $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
+        $(document).trigger('aui-message-close', [this]); //must trigger on document since the element has been removed
     }
 };
 
@@ -234,9 +243,9 @@ const MessageEl = skate('aui-message', {
             delay: element.getAttribute('delay'),
             duration: element.getAttribute('duration'),
             fadeout: element.getAttribute('fadeout'),
-            title: element.getAttribute('title')
+            title: element.getAttribute('title'),
         });
-    }
+    },
 });
 
 $(function () {
@@ -244,26 +253,32 @@ $(function () {
 });
 
 deprecate.prop(messages, 'makeCloseable', {
-    extraInfo: 'Use the "closeable" option in the constructor instead. Docs: https://aui.atlassian.com/latest/docs/messages.html'
+    extraInfo:
+        'Use the "closeable" option in the constructor instead. Docs: https://aui.atlassian.com/latest/docs/messages.html',
 });
 
 deprecate.prop(messages, 'createMessage', {
-    extraInfo: 'Use the provided convenience methods instead e.g. messages.info(). Docs: https://aui.atlassian.com/latest/docs/messages.html'
+    extraInfo:
+        'Use the provided convenience methods instead e.g. messages.info(). Docs: https://aui.atlassian.com/latest/docs/messages.html',
 });
 
 deprecate.prop(messages, 'makeFadeout', {
-    extraInfo: 'Use the "fadeout" option in the constructor instead. Docs: https://aui.atlassian.com/latest/docs/messages.html'
+    extraInfo:
+        'Use the "fadeout" option in the constructor instead. Docs: https://aui.atlassian.com/latest/docs/messages.html',
 });
 
 deprecate.prop(messages, 'generic', {
-    extraInfo: 'use the messages.info() method instead. Docs: https://aui.atlassian.com/latest/docs/messages.html'
+    extraInfo:
+        'use the messages.info() method instead. Docs: https://aui.atlassian.com/latest/docs/messages.html',
 });
 
 deprecate.prop(messages, 'hint', {
-    extraInfo: 'use the messages.info() method instead. Docs: https://aui.atlassian.com/latest/docs/messages.html'
+    extraInfo:
+        'use the messages.info() method instead. Docs: https://aui.atlassian.com/latest/docs/messages.html',
 });
 deprecate.prop(messages, 'success', {
-    extraInfo: 'use the messages.confirmation() method instead. Docs: https://aui.atlassian.com/latest/docs/messages.html'
+    extraInfo:
+        'use the messages.confirmation() method instead. Docs: https://aui.atlassian.com/latest/docs/messages.html',
 });
 
 // Exporting
@@ -271,6 +286,4 @@ deprecate.prop(messages, 'success', {
 globalize('messages', messages);
 
 export default messages;
-export {
-    MessageEl
-};
+export { MessageEl };

package/src/js/aui/navigation.js

@@ -13,7 +13,7 @@ import widget from './internal/widget';
  *     .aui-nav element is used.
  * @constructor
  */
-function Navigation (selector) {
+function Navigation(selector) {
     this.$el = $(selector).closest('.aui-nav');
 
     // If there are multiple objects, initialise them separately
@@ -62,11 +62,11 @@ function Navigation (selector) {
         var isListItemExpanded = $parent.attr('aria-expanded') === 'true';
 
         $icon.text(
-            isListItemExpanded ?
-                I18n.getText('aui.words.collapse') :
-                I18n.getText('aui.words.expand')
+            isListItemExpanded
+                ? I18n.getText('aui.words.collapse')
+                : I18n.getText('aui.words.expand')
         );
-    })
+    });
 
     return this;
 }
@@ -116,12 +116,10 @@ const NavigationEl = skate('aui-nav', {
     },
     detached: function (element) {
         $(element).removeData();
-    }
+    },
 });
 
 globalize('navigation', navigationWidget);
 
 export default navigationWidget;
-export {
-    NavigationEl
-};
+export { NavigationEl };