@atlassian/aui 9.3.21 → 9.3.23

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

@@ -16,7 +16,7 @@ import cssEscape from 'css.escape';
  * @param url The URL to retrieve popup contents.
  * @param options Custom options to change default behaviour. See InlineDialog.opts for default values and valid options.
  */
-function InlineDialog (items, identifier, url, options) {
+function InlineDialog(items, identifier, url, options) {
     options = options || [];
 
     if (options.hasOwnProperty('onTop')) {
@@ -31,7 +31,16 @@ function InlineDialog (items, identifier, url, options) {
         identifier = String(Math.random()).replace('.', '');
 
         // if the generated supplied identifier already exists when combined with the prefixes we'll be using, then bail
-        if ($('#inline-dialog-' + identifier + ', #arrow-' + identifier + ', #inline-dialog-shim-' + identifier).length) {
+        if (
+            $(
+                '#inline-dialog-' +
+                    identifier +
+                    ', #arrow-' +
+                    identifier +
+                    ', #inline-dialog-shim-' +
+                    identifier
+            ).length
+        ) {
             throw 'GENERATED_IDENTIFIER_NOT_UNIQUE';
         }
     }
@@ -54,9 +63,13 @@ function InlineDialog (items, identifier, url, options) {
     var contentLoaded = false;
     var mousePosition;
     var targetPosition;
-    var popup  = $('<div id="inline-dialog-' + identifier +
-        '" class="aui-inline-dialog"><div class="aui-inline-dialog-contents contents"></div><div id="arrow-' +
-        identifier + '" class="aui-inline-dialog-arrow arrow aui-css-arrow"></div></div>');
+    var popup = $(
+        '<div id="inline-dialog-' +
+            identifier +
+            '" class="aui-inline-dialog"><div class="aui-inline-dialog-contents contents"></div><div id="arrow-' +
+            identifier +
+            '" class="aui-inline-dialog-arrow arrow aui-css-arrow"></div></div>'
+    );
 
     var arrow = $('#arrow-' + escapedIdentifier, popup);
     var contents = popup.find('.contents');
@@ -78,7 +91,7 @@ function InlineDialog (items, identifier, url, options) {
         },
         mouseleave: function () {
             hidePopup();
-        }
+        },
     });
 
     var getHash = function () {
@@ -94,8 +107,7 @@ function InlineDialog (items, identifier, url, options) {
                 },
                 persistent: opts.persistent ? true : false,
                 reset: function () {
-
-                    function drawPopup (popup, positions) {
+                    function drawPopup(popup, positions) {
                         //Position the popup using the left and right parameters
                         popup.css(positions.popupCss);
 
@@ -115,10 +127,14 @@ function InlineDialog (items, identifier, url, options) {
                     //DRAW POPUP
                     var viewportHeight = $(window).height();
                     var popupMaxHeight = Math.round(viewportHeight * 0.75);
-                    popup.children('.aui-inline-dialog-contents')
-                        .css('max-height', popupMaxHeight);
-
-                    var positions = opts.calculatePositions(popup, targetPosition, mousePosition, opts);
+                    popup.children('.aui-inline-dialog-contents').css('max-height', popupMaxHeight);
+
+                    var positions = opts.calculatePositions(
+                        popup,
+                        targetPosition,
+                        mousePosition,
+                        opts
+                    );
                     if (positions.hasOwnProperty('displayAbove')) {
                         displayAboveDeprecationLogger();
                         positions.gravity = positions.displayAbove ? 's' : 'n';
@@ -136,15 +152,21 @@ function InlineDialog (items, identifier, url, options) {
                         // iframeShim, prepend if it doesnt exist
                         var jQueryCache = $('#inline-dialog-shim-' + escapedIdentifier);
                         if (!jQueryCache.length) {
-                            $(popup).prepend($('<iframe class = "inline-dialog-shim" id="inline-dialog-shim-' + identifier + '" frameBorder="0" src="javascript:false;"></iframe>'));
+                            $(popup).prepend(
+                                $(
+                                    '<iframe class = "inline-dialog-shim" id="inline-dialog-shim-' +
+                                        identifier +
+                                        '" frameBorder="0" src="javascript:false;"></iframe>'
+                                )
+                            );
                         }
                         // adjust height and width of shim according to the popup
                         jQueryCache.css({
                             width: contents.outerWidth(),
-                            height: contents.outerHeight()
+                            height: contents.outerHeight(),
                         });
                     }
-                }
+                },
             };
         }
         return hash;
@@ -169,7 +191,6 @@ function InlineDialog (items, identifier, url, options) {
             // either have to be customisable or we will have to be smarter about calculating the padding and elements around it
 
             getHash().reset();
-
         }, opts.showDelay);
     };
 
@@ -187,7 +208,7 @@ function InlineDialog (items, identifier, url, options) {
         // only exectute the below if the popup is currently being shown
         // and the arbitrator callback gives us the green light
         if (beingShown && opts.preHideCallback.call(popup[0].popup)) {
-            delay = (delay == null) ? opts.hideDelay : delay;
+            delay = delay == null ? opts.hideDelay : delay;
             clearTimeout(hideDelayTimer);
             clearTimeout(showTimer);
             // store the timer so that it can be cleared in the mouseenter if required
@@ -210,10 +231,8 @@ function InlineDialog (items, identifier, url, options) {
                         contentLoaded = false;
                         contentLoading = false;
                     }
-
                 }, delay);
             }
-
         }
     };
 
@@ -229,7 +248,7 @@ function InlineDialog (items, identifier, url, options) {
             id: identifier,
             show: function () {
                 showPopup();
-            }
+            },
         });
 
         popup.each(function () {
@@ -246,15 +265,13 @@ function InlineDialog (items, identifier, url, options) {
         }
 
         //handle programmatic showing where there is no event
-        targetPosition = {target: $trigger};
+        targetPosition = { target: $trigger };
         if (!e) {
-            mousePosition = {x: $trigger.offset().left, y: $trigger.offset().top};
+            mousePosition = { x: $trigger.offset().left, y: $trigger.offset().top };
         } else {
-            mousePosition = {x: e.pageX, y: e.pageY};
+            mousePosition = { x: e.pageX, y: e.pageY };
         }
 
-
-
         if (!beingShown) {
             clearTimeout(showTimer);
         }
@@ -270,7 +287,7 @@ function InlineDialog (items, identifier, url, options) {
                 id: identifier,
                 show: function () {
                     showPopup();
-                }
+                },
             });
             showPopup();
         };
@@ -295,7 +312,7 @@ function InlineDialog (items, identifier, url, options) {
                         id: identifier,
                         show: function () {
                             showPopup();
-                        }
+                        },
                     });
                     showPopup();
                 });
@@ -313,7 +330,7 @@ function InlineDialog (items, identifier, url, options) {
     popup[0].popup = getHash();
 
     var contentLoading = false;
-    var added  = false;
+    var added = false;
     var appendPopup = function () {
         if (!added) {
             $(opts.container).append(popup);
@@ -332,57 +349,68 @@ function InlineDialog (items, identifier, url, options) {
             // Ideally we should throw an error if the $items has no selector but that is backwards incompatible,
             // so we warn and do a no-op - this emulates the behaviour of live() but has the added warning.
             if ($items.selector) {
-                $(document).on('mouseenter', $items.selector, function (e) {
-                    appendPopup();
-                    initPopup(e, this);
-                }).on('mouseleave', $items.selector, function () {
-                    hidePopup();
-                });
+                $(document)
+                    .on('mouseenter', $items.selector, function (e) {
+                        appendPopup();
+                        initPopup(e, this);
+                    })
+                    .on('mouseleave', $items.selector, function () {
+                        hidePopup();
+                    });
             } else {
-                logger.log('Warning: inline dialog trigger elements must have a jQuery selector when the useLiveEvents option is enabled.');
+                logger.log(
+                    'Warning: inline dialog trigger elements must have a jQuery selector when the useLiveEvents option is enabled.'
+                );
             }
         } else {
             $items.on({
                 mouseenter: function (e) {
                     appendPopup();
-                    initPopup(e,this);
+                    initPopup(e, this);
                 },
                 mouseleave: function () {
                     hidePopup();
-                }
+                },
             });
         }
     } else {
-        if (!opts.noBind) {   //Check if the noBind option is turned on
+        if (!opts.noBind) {
+            //Check if the noBind option is turned on
             if (opts.useLiveEvents) {
                 // See above for why we filter by .selector
                 if ($items.selector) {
-                    $(document).on('click', $items.selector, function (e) {
+                    $(document)
+                        .on('click', $items.selector, function (e) {
+                            appendPopup();
+                            if (shouldCloseOnTriggerClick()) {
+                                popup.hide();
+                            } else {
+                                initPopup(e, this);
+                            }
+                            return false;
+                        })
+                        .on('mouseleave', $items.selector, function () {
+                            hidePopup();
+                        });
+                } else {
+                    logger.log(
+                        'Warning: inline dialog trigger elements must have a jQuery selector when the useLiveEvents option is enabled.'
+                    );
+                }
+            } else {
+                $items
+                    .on('click', function (e) {
                         appendPopup();
                         if (shouldCloseOnTriggerClick()) {
                             popup.hide();
                         } else {
-                            initPopup(e,this);
+                            initPopup(e, this);
                         }
                         return false;
-                    }).on('mouseleave', $items.selector, function () {
+                    })
+                    .on('mouseleave', function () {
                         hidePopup();
                     });
-                } else {
-                    logger.log('Warning: inline dialog trigger elements must have a jQuery selector when the useLiveEvents option is enabled.');
-                }
-            } else {
-                $items.on('click', function (e) {
-                    appendPopup();
-                    if (shouldCloseOnTriggerClick()) {
-                        popup.hide();
-                    } else {
-                        initPopup(e,this);
-                    }
-                    return false;
-                }).on('mouseleave', function () {
-                    hidePopup();
-                });
             }
         }
     }
@@ -414,7 +442,10 @@ function InlineDialog (items, identifier, url, options) {
             $('body').bind('click.' + externalClickNamespace, function (e) {
                 var $target = $(e.target);
                 // hide the popup if the target of the event is not in the dialog
-                if ($target.closest('#inline-dialog-' + escapedIdentifier + ' .contents').length === 0) {
+                if (
+                    $target.closest('#inline-dialog-' + escapedIdentifier + ' .contents').length ===
+                    0
+                ) {
                     hidePopup(0);
                 }
             });
@@ -506,21 +537,27 @@ function dimensionsOf(el) {
 }
 
 function getDimensions(popup, targetPosition, mousePosition, opts) {
-    var offsetX = $.isFunction(opts.offsetX) ? opts.offsetX(popup, targetPosition, mousePosition, opts) : opts.offsetX;
-    var offsetY = $.isFunction(opts.offsetY) ? opts.offsetY(popup, targetPosition, mousePosition, opts) : opts.offsetY;
-    var arrowOffsetX = $.isFunction(opts.arrowOffsetX) ? opts.arrowOffsetX(popup, targetPosition, mousePosition, opts) : opts.arrowOffsetX;
-    var arrowOffsetY = $.isFunction(opts.arrowOffsetY) ? opts.arrowOffsetY(popup, targetPosition, mousePosition, opts) : opts.arrowOffsetY;
+    var offsetX = $.isFunction(opts.offsetX)
+        ? opts.offsetX(popup, targetPosition, mousePosition, opts)
+        : opts.offsetX;
+    var offsetY = $.isFunction(opts.offsetY)
+        ? opts.offsetY(popup, targetPosition, mousePosition, opts)
+        : opts.offsetY;
+    var arrowOffsetX = $.isFunction(opts.arrowOffsetX)
+        ? opts.arrowOffsetX(popup, targetPosition, mousePosition, opts)
+        : opts.arrowOffsetX;
+    var arrowOffsetY = $.isFunction(opts.arrowOffsetY)
+        ? opts.arrowOffsetY(popup, targetPosition, mousePosition, opts)
+        : opts.arrowOffsetY;
 
     // Support positioning inside a scroll container other than <body>
     var isConstrainedScroll = opts.container.toLowerCase() !== 'body';
     var $scrollContainer = $(opts.container);
-    var $scrollWindow = isConstrainedScroll ?
-        $(opts.container).parent() :
-        $(window);
-    var scrollContainerOffset = isConstrainedScroll ?
-        $scrollContainer.offset() : {left: 0, top: 0};
-    var scrollWindowOffset = isConstrainedScroll ?
-        $scrollWindow.offset() : {left: 0, top: 0};
+    var $scrollWindow = isConstrainedScroll ? $(opts.container).parent() : $(window);
+    var scrollContainerOffset = isConstrainedScroll
+        ? $scrollContainer.offset()
+        : { left: 0, top: 0 };
+    var scrollWindowOffset = isConstrainedScroll ? $scrollWindow.offset() : { left: 0, top: 0 };
 
     var trigger = targetPosition.target;
     var triggerOffset = trigger.offset();
@@ -539,34 +576,34 @@ function getDimensions(popup, targetPosition, mousePosition, opts) {
             scrollTop: $scrollWindow.scrollTop(),
             scrollLeft: $scrollWindow.scrollLeft(),
             width: $scrollWindow.width(),
-            height: $scrollWindow.height()
+            height: $scrollWindow.height(),
         },
         scrollContainer: {
             width: $scrollContainer.width(),
-            height: $scrollContainer.height()
+            height: $scrollContainer.height(),
         },
         // Position of the trigger is relative to the scroll container
         trigger: {
             top: triggerOffset.top - scrollContainerOffset.top,
             left: triggerOffset.left - scrollContainerOffset.left,
             width: triggerBBox ? triggerBBox.width : trigger.outerWidth(),
-            height: triggerBBox ? triggerBBox.height : trigger.outerHeight()
+            height: triggerBBox ? triggerBBox.height : trigger.outerHeight(),
         },
         dialog: {
             width: popup.width(),
             height: popup.height(),
             offset: {
                 top: offsetY,
-                left: offsetX
-            }
+                left: offsetX,
+            },
         },
         arrow: {
             height: popup.find('.arrow').outerHeight(),
             offset: {
                 top: arrowOffsetY,
-                left: arrowOffsetX
-            }
-        }
+                left: arrowOffsetX,
+            },
+        },
     };
 }
 
@@ -581,7 +618,7 @@ function calculateWestPositions(popup, targetPosition, mousePosition, opts) {
 
     var triggerScrollOffset = {
         top: trigger.top - win.scrollTop,
-        left: trigger.left - win.scrollLeft
+        left: trigger.left - win.scrollLeft,
     };
 
     // Halves - because the browser doesn't do sub-pixel positioning, we need to consistently floor
@@ -594,7 +631,12 @@ function calculateWestPositions(popup, targetPosition, mousePosition, opts) {
     var spaceOnLeft = triggerScrollOffset.left - dialog.offset.left - screenPadding;
 
     // This implementation may not be suitable for horizontally scrolling containers
-    var spaceOnRight = scrollContainer.width - triggerScrollOffset.left - trigger.width - dialog.offset.left - screenPadding;
+    var spaceOnRight =
+        scrollContainer.width -
+        triggerScrollOffset.left -
+        trigger.width -
+        dialog.offset.left -
+        screenPadding;
 
     var enoughSpaceOnLeft = spaceOnLeft >= dialog.width;
     var enoughSpaceOnRight = spaceOnRight >= dialog.width;
@@ -619,46 +661,55 @@ function calculateWestPositions(popup, targetPosition, mousePosition, opts) {
     if (isOverflowingAbove) {
         popupCss = {
             top: win.scrollTop + screenPadding,
-            left: gravity === 'w' ?
-                trigger.left + trigger.width + dialog.offset.left :
-                trigger.left - dialog.width - dialog.offset.left
+            left:
+                gravity === 'w'
+                    ? trigger.left + trigger.width + dialog.offset.left
+                    : trigger.left - dialog.width - dialog.offset.left,
         };
         arrowCss = {
-            top: (trigger.top + halfTriggerHeight) - (popupCss.top + halfArrowHeight)
+            top: trigger.top + halfTriggerHeight - (popupCss.top + halfArrowHeight),
         };
     } else if (isOverflowingBelow) {
         popupCss = {
             top: win.scrollTop + win.height - dialog.height - screenPadding,
-            left: gravity === 'w' ?
-                trigger.left + trigger.width + dialog.offset.left :
-                trigger.left - dialog.width - dialog.offset.left
+            left:
+                gravity === 'w'
+                    ? trigger.left + trigger.width + dialog.offset.left
+                    : trigger.left - dialog.width - dialog.offset.left,
         };
         arrowCss = {
-            top: (trigger.top + halfTriggerHeight) - (popupCss.top + halfArrowHeight)
+            top: trigger.top + halfTriggerHeight - (popupCss.top + halfArrowHeight),
         };
     } else {
         popupCss = {
             top: trigger.top + halfTriggerHeight - halfPopupHeight + dialog.offset.top,
-            left: gravity === 'w' ?
-                trigger.left + trigger.width + dialog.offset.left :
-                trigger.left - dialog.width - dialog.offset.left
+            left:
+                gravity === 'w'
+                    ? trigger.left + trigger.width + dialog.offset.left
+                    : trigger.left - dialog.width - dialog.offset.left,
         };
         arrowCss = {
-            top: halfPopupHeight - halfArrowHeight + arrow.offset.top
+            top: halfPopupHeight - halfArrowHeight + arrow.offset.top,
         };
     }
 
     return {
         gravity: gravity,
         popupCss: popupCss,
-        arrowCss: arrowCss
+        arrowCss: arrowCss,
     };
 }
 
 function calculateNorthSouthPositions(popup, targetPosition, mousePosition, opts) {
-    var offsetX = $.isFunction(opts.offsetX) ? opts.offsetX(popup, targetPosition, mousePosition, opts) : opts.offsetX;
-    var offsetY = $.isFunction(opts.offsetY) ? opts.offsetY(popup, targetPosition, mousePosition, opts) : opts.offsetY;
-    var arrowOffsetX = $.isFunction(opts.arrowOffsetX) ? opts.arrowOffsetX(popup, targetPosition, mousePosition, opts) : opts.arrowOffsetX;
+    var offsetX = $.isFunction(opts.offsetX)
+        ? opts.offsetX(popup, targetPosition, mousePosition, opts)
+        : opts.offsetX;
+    var offsetY = $.isFunction(opts.offsetY)
+        ? opts.offsetY(popup, targetPosition, mousePosition, opts)
+        : opts.offsetY;
+    var arrowOffsetX = $.isFunction(opts.arrowOffsetX)
+        ? opts.arrowOffsetX(popup, targetPosition, mousePosition, opts)
+        : opts.arrowOffsetX;
 
     var viewportDimensions = dimensionsOf(window);
     var targetDimensions = dimensionsOf(targetPosition.target);
@@ -666,7 +717,8 @@ function calculateNorthSouthPositions(popup, targetPosition, mousePosition, opts
     var arrowDimensions = dimensionsOf(popup.find('.aui-inline-dialog-arrow'));
 
     var middleOfTrigger = targetDimensions.left + targetDimensions.width / 2; //The absolute x position of the middle of the Trigger
-    var bottomOfViewablePage = (window.pageYOffset || document.documentElement.scrollTop) + viewportDimensions.height;
+    var bottomOfViewablePage =
+        (window.pageYOffset || document.documentElement.scrollTop) + viewportDimensions.height;
     var SCREEN_PADDING = 10; //determines how close to the edge the dialog needs to be before it is considered offscreen
 
     // Set popup's position (within the viewport)
@@ -674,7 +726,8 @@ function calculateNorthSouthPositions(popup, targetPosition, mousePosition, opts
     popupDimensions.left = targetDimensions.left + ~~offsetX;
 
     // Calculate if the popup would render off the side of the viewport
-    var diff = viewportDimensions.width - (popupDimensions.left + popupDimensions.width + SCREEN_PADDING);
+    var diff =
+        viewportDimensions.width - (popupDimensions.left + popupDimensions.width + SCREEN_PADDING);
 
     // Set arrow's position (within the popup)
     arrowDimensions.left = middleOfTrigger - popupDimensions.left + ~~arrowOffsetX;
@@ -683,28 +736,31 @@ function calculateNorthSouthPositions(popup, targetPosition, mousePosition, opts
 
     // Check whether the popup should display above or below the trigger
     var enoughRoomAbove = targetDimensions.top > popupDimensions.height;
-    var enoughRoomBelow = (popupDimensions.top + popupDimensions.height) < bottomOfViewablePage;
-    var displayAbove = (!enoughRoomBelow && enoughRoomAbove) || (enoughRoomAbove && opts.gravity === 's');
+    var enoughRoomBelow = popupDimensions.top + popupDimensions.height < bottomOfViewablePage;
+    var displayAbove =
+        (!enoughRoomBelow && enoughRoomAbove) || (enoughRoomAbove && opts.gravity === 's');
 
     if (displayAbove) {
-        popupDimensions.top = targetDimensions.top - popupDimensions.height - (arrowDimensions.height / 2);
+        popupDimensions.top =
+            targetDimensions.top - popupDimensions.height - arrowDimensions.height / 2;
         arrowDimensions.top = popupDimensions.height;
     }
 
     // Check if the popup should show up relative to the mouse
-    if (opts.isRelativeToMouse){
-        if (diff < 0){
+    if (opts.isRelativeToMouse) {
+        if (diff < 0) {
             popupDimensions.right = SCREEN_PADDING;
             popupDimensions.left = 'auto';
             // TODO Why doesn't arrowDimentions.left here use arrowOffsetX?
-            arrowDimensions.left = mousePosition.x - (viewportDimensions.width - popupDimensions.width);
+            arrowDimensions.left =
+                mousePosition.x - (viewportDimensions.width - popupDimensions.width);
         } else {
             popupDimensions.left = mousePosition.x - 20;
             // TODO Why doesn't arrowDimentions.left here use arrowOffsetX?
             arrowDimensions.left = mousePosition.x - popupDimensions.left;
         }
     } else {
-        if (diff < 0){
+        if (diff < 0) {
             popupDimensions.right = SCREEN_PADDING;
             popupDimensions.left = 'auto';
 
@@ -715,7 +771,7 @@ function calculateNorthSouthPositions(popup, targetPosition, mousePosition, opts
             arrowDimensions.right = 'auto';
             // TODO Why doesn't arrowDimentions.left here use arrowOffsetX?
             arrowDimensions.left = middleOfTrigger - popupLeftEdge - arrowDimensions.width / 2;
-        } else if (popupDimensions.width <= targetDimensions.width / 2){
+        } else if (popupDimensions.width <= targetDimensions.width / 2) {
             // TODO Why doesn't arrowDimentions.left here use arrowOffsetX?
             arrowDimensions.left = popupDimensions.width / 2;
             popupDimensions.left = middleOfTrigger - popupDimensions.width / 2;
@@ -723,21 +779,20 @@ function calculateNorthSouthPositions(popup, targetPosition, mousePosition, opts
     }
     return {
         gravity: displayAbove ? 's' : 'n',
-        displayAbove: displayAbove,  // Replaced with gravity but remains for backward compatibility.
+        displayAbove: displayAbove, // Replaced with gravity but remains for backward compatibility.
         popupCss: {
             left: popupDimensions.left,
             top: popupDimensions.top,
-            right: popupDimensions.right
+            right: popupDimensions.right,
         },
         arrowCss: {
             left: arrowDimensions.left,
             top: arrowDimensions.top,
-            right: arrowDimensions.right
-        }
+            right: arrowDimensions.right,
+        },
     };
 }
 
-
 InlineDialog.opts = {
     onTop: false,
     responseHandler: function (data) {
@@ -783,30 +838,29 @@ InlineDialog.opts = {
      */
     calculatePositions: function (popup, targetPosition, mousePosition, opts) {
         opts = opts || {};
-        var algorithm = opts.gravity === 'w' ? calculateWestPositions : calculateNorthSouthPositions;
-        return algorithm(popup, targetPosition, mousePosition, opts)
-    }
+        var algorithm =
+            opts.gravity === 'w' ? calculateWestPositions : calculateNorthSouthPositions;
+        return algorithm(popup, targetPosition, mousePosition, opts);
+    },
 };
 
-
 // Deprecations
 // ------------
 
 InlineDialog = deprecate.construct(InlineDialog, 'Inline dialog constructor', {
-    alternativeName: 'inline dialog 2'
+    alternativeName: 'inline dialog 2',
 });
 
 var displayAboveDeprecationLogger = deprecate.getMessageLogger('displayAbove', '[remove version]', {
     alternativeName: 'gravity',
-    extraInfo: 'See https://ecosystem.atlassian.net/browse/AUI-2197.'
+    extraInfo: 'See https://ecosystem.atlassian.net/browse/AUI-2197.',
 });
 
 var onTopDeprecationLogger = deprecate.getMessageLogger('onTop', '[remove version]', {
     alternativeName: 'gravity',
-    extraInfo: 'See https://ecosystem.atlassian.net/browse/AUI-2197.'
+    extraInfo: 'See https://ecosystem.atlassian.net/browse/AUI-2197.',
 });
 
-
 // Exporting
 // ---------