@atlassian/aui 9.12.6 → 9.12.7

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';
@@ -18,13 +18,13 @@ const ZINDEX_AUI_LAYER_MIN = 3000;
 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;
         }
@@ -43,25 +43,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);
@@ -69,19 +69,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);
 }
 
@@ -131,7 +133,6 @@ Layer.prototype = {
         return this;
     },
 
-
     /**
      * Unbinds a layer event.
      *
@@ -302,7 +303,7 @@ Layer.prototype = {
 
         this.$el.trigger(EVENT_PREFIX + 'show');
         this.$el.trigger(GLOBAL_EVENT_PREFIX + 'show', [this.$el]);
-    }
+    },
 };
 
 var createLayer = widget('layer', Layer);
@@ -317,8 +318,6 @@ createLayer.off = function (eventName, selector, fn) {
     return this;
 };
 
-
-
 // Layer Manager
 // -------------
 
@@ -338,7 +337,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--) {
@@ -350,19 +349,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) {
@@ -376,7 +375,7 @@ function nextZIndex (layerArr) {
     return Math.max(ZINDEX_AUI_LAYER_MIN, _nextZIndex);
 }
 
-function updateBlanket (stack, oldBlanketIndex) {
+function updateBlanket(stack, oldBlanketIndex) {
     var newTopBlanketedIndex = topBlanketedIndex(stack);
 
     if (oldBlanketIndex !== newTopBlanketedIndex) {
@@ -388,7 +387,7 @@ function updateBlanket (stack, oldBlanketIndex) {
     }
 }
 
-function popLayers (stack, stopIndex, forceClosePersistent, triggerBeforeEvents = true) {
+function popLayers(stack, stopIndex, forceClosePersistent, triggerBeforeEvents = true) {
     if (stopIndex < 0) {
         return [false, null];
     }
@@ -408,7 +407,7 @@ function popLayers (stack, stopIndex, forceClosePersistent, triggerBeforeEvents
     return [true, $layer];
 }
 
-function getParentLayer (layer) {
+function getParentLayer(layer) {
     var trigger = getTrigger(layer);
 
     if (trigger) {
@@ -416,21 +415,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.');
         }
@@ -470,54 +469,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) {
@@ -540,14 +542,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) {
@@ -584,7 +586,12 @@ LayerManager.prototype = {
      * @return The first open layer in the stack, if it exists, otherwise null.
      */
     getTopOpenLayer: function () {
-        return this._stack.slice().reverse().find(layer => layer.attr('open')) || null;
+        return (
+            this._stack
+                .slice()
+                .reverse()
+                .find((layer) => layer.attr('open')) || null
+        );
     },
 
     /**
@@ -597,7 +604,7 @@ LayerManager.prototype = {
      * @returns {jQuery} The last layer that was popped, or null if no layer matching the given $el was found.
      */
     popUntil: function (element, triggerBeforeEvents = false) {
-        var $el = (element instanceof $) ? element : $(element);
+        var $el = element instanceof $ ? element : $(element);
         var index = layerIndex(this._stack, $el);
 
         if (index === -1) {
@@ -608,7 +615,12 @@ LayerManager.prototype = {
 
         // Removes all layers above the current one.
         const layer = createLayer($el);
-        const [success, $lastPopped] = popLayers(this._stack, index + 1, layer.isBlanketed(), triggerBeforeEvents)
+        const [success, $lastPopped] = popLayers(
+            this._stack,
+            index + 1,
+            layer.isBlanketed(),
+            triggerBeforeEvents
+        );
         if (!success) {
             return $lastPopped;
         }
@@ -624,10 +636,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 (triggerBeforeEvents = false) {
         var $topLayer = this.getTopLayer();
         var layer = createLayer($topLayer);
@@ -640,11 +652,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 (triggerBeforeEvents = false) {
         var i = topBlanketedIndex(this._stack);
 
@@ -672,9 +684,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 (triggerBeforeEvents = false) {
         var $toPop = LayerManager.global.getTopLayer();
         if (!$toPop) {
@@ -707,7 +719,7 @@ LayerManager.prototype = {
             popLayers(this._stack, stopIndex, true, triggerBeforeEvents);
             updateBlanket(this._stack, oldTopBlanketedIndex);
         }
-    }
+    },
 };
 
 // LayerManager.global
@@ -742,7 +754,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,8 +5,8 @@ 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 {I18n} from './i18n';
+import { CLOSE_BUTTON, CLOSE_BUTTON_CLASS_SELECTOR } from './close-button';
+import { I18n } from './i18n';
 
 const DEFAULT_FADEOUT_DURATION = 500;
 const DEFAULT_FADEOUT_DELAY = 5000;
@@ -45,7 +45,10 @@ function createMessageConstructor(type) {
 
         // Attach the optional extra behaviours
         if (obj.removeOnHide) {
-            console.warn && console.warn('Use of AUI Message `removeOnHide` is deprecated due to accessibility reasons and will be removed in AUI 10.0.0.')
+            console.warn &&
+                console.warn(
+                    'Use of AUI Message `removeOnHide` is deprecated due to accessibility reasons and will be removed in AUI 10.0.0.'
+                );
             makeRemoveOnHide($message, obj.delay, obj.duration);
         }
 
@@ -54,7 +57,10 @@ function createMessageConstructor(type) {
         }
 
         if (obj.fadeout) {
-            console.warn && console.warn('Use of AUI Message `fadeout` is deprecated due to accessibility reasons and will be removed in AUI 10.0.0.')
+            console.warn &&
+                console.warn(
+                    'Use of AUI Message `fadeout` is deprecated due to accessibility reasons and will be removed in AUI 10.0.0.'
+                );
             makeFadeout($message, obj.delay, obj.duration);
         }
 
@@ -65,8 +71,8 @@ function createMessageConstructor(type) {
 function makeRemoveOnHide(message, delay, duration) {
     $(message || '.aui-message.aui-remove-on-hide').each(function () {
         const $this = $(this);
-        makeFadeout($this, delay, duration)
-    })
+        makeFadeout($this, delay, duration);
+    });
 }
 
 function makeCloseable(message) {
@@ -83,8 +89,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 () {
         const $this = $(this);
@@ -94,7 +100,7 @@ function makeFadeout(message, delay, duration) {
         let 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
@@ -102,19 +108,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;
         }
 
@@ -131,11 +140,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();
@@ -157,20 +168,22 @@ const messageFunctions = {
     makeRemoveOnHide: makeRemoveOnHide,
     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) {
@@ -220,7 +233,7 @@ function getMessageA11yTypeText(obj, type) {
     }
 }
 
-function renderMessageElement (obj, type) {
+function renderMessageElement(obj, type) {
     const { id, closeable, removeOnHide, fadeout, title, body } = obj;
 
     const messageTypeText = getMessageA11yTypeText(obj, type);
@@ -228,7 +241,9 @@ function renderMessageElement (obj, type) {
 
     // Convert the options in to template values
     const titleId = id ? `${id}-title` : '';
-    const titleHtml = title ? `<p class="title"  ${titleId ? `id="${titleId}" aria-hidden="true"` : ''}>${messageTypeLabel}<strong>${escapeHtml(title)}</strong></p>` : '';
+    const titleHtml = title
+        ? `<p class="title"  ${titleId ? `id="${titleId}" aria-hidden="true"` : ''}>${messageTypeLabel}<strong>${escapeHtml(title)}</strong></p>`
+        : '';
     const html = `<div class="aui-message" role="note" ${titleId ? `aria-labelledby="${titleId}"` : ''}>${titleHtml}</div>`;
 
     // Construct the message element
@@ -243,7 +258,9 @@ function renderMessageElement (obj, 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);
         }
@@ -254,15 +271,17 @@ function renderMessageElement (obj, type) {
 
 $.fn.closeMessage = function () {
     const $message = $(this);
-    if ($message.hasClass('aui-message') && ($message.hasClass('closeable') || $message.hasClass('aui-remove-on-hide'))) {
+    if (
+        $message.hasClass('aui-message') &&
+        ($message.hasClass('closeable') || $message.hasClass('aui-remove-on-hide'))
+    ) {
         $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
     }
 };
 
-
 /**
  * Utility methods to display different message types to the user.
  * Usage:
@@ -298,10 +317,10 @@ 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'),
         });
         element.setAttribute('role', 'none');
-    }
+    },
 });
 
 $(function () {
@@ -309,30 +328,37 @@ $(function () {
 });
 
 deprecate.prop(messageFunctions, '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(messageFunctions, '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(messageFunctions, 'makeRemoveOnHide', {
-    extraInfo: 'Use of the `makeRemoveOnHide` option is deprecated due to accessibility reasons. Docs: https://aui.atlassian.com/latest/docs/messages.html'
+    extraInfo:
+        'Use of the `makeRemoveOnHide` option is deprecated due to accessibility reasons. Docs: https://aui.atlassian.com/latest/docs/messages.html',
 });
 
 deprecate.prop(messageFunctions, 'makeFadeout', {
-    extraInfo: 'Use of the `fadeout` option is deprecated due to accessibility reasons. Docs: https://aui.atlassian.com/latest/docs/messages.html'
+    extraInfo:
+        'Use of the `fadeout` option is deprecated due to accessibility reasons. Docs: https://aui.atlassian.com/latest/docs/messages.html',
 });
 
 deprecate.prop(messageFunctions, '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(messageFunctions, '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(messageFunctions, '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
@@ -340,6 +366,4 @@ deprecate.prop(messageFunctions, 'success', {
 globalize('messages', messageFunctions);
 
 export default messageFunctions;
-export {
-    MessageEl
-};
+export { MessageEl };