@atlassian/aui 9.9.6 → 9.9.8

package/src/js/aui/sidebar.js

@@ -14,7 +14,6 @@ import uid from './unique-id';
 import widget from './internal/widget';
 import deduplicateIDs from './internal/deduplicateIDs';
 
-
 function sidebarOffset(sidebar) {
     return sidebar.offset().top;
 }
@@ -46,7 +45,7 @@ function Sidebar(selector) {
 var FORCE_COLLAPSE_WIDTH = 1240;
 var EVENT_PREFIX = '_aui-internal-sidebar-';
 
-function namespaceEvents (events) {
+function namespaceEvents(events) {
     return $.map(events.split(' '), function (event) {
         return EVENT_PREFIX + event;
     }).join(' ');
@@ -79,11 +78,15 @@ Sidebar.prototype.setTopPosition = function (scrollTop = window.pageYOffset) {
     return this;
 };
 
-Sidebar.prototype.setPosition = deprecate.fn(Sidebar.prototype.setTopPosition, 'Sidebar.setPosition', {
-    removeInVersion: '10.0.0',
-    sinceVersion: '7.6.1',
-    alternativeName: 'Sidebar.setTopPosition',
-});
+Sidebar.prototype.setPosition = deprecate.fn(
+    Sidebar.prototype.setTopPosition,
+    'Sidebar.setPosition',
+    {
+        removeInVersion: '10.0.0',
+        sinceVersion: '7.6.1',
+        alternativeName: 'Sidebar.setTopPosition',
+    }
+);
 
 Sidebar.prototype.setLeftPosition = function (scrollLeft = window.pageXOffset) {
     if (this.$wrapper.hasClass('aui-is-docked')) {
@@ -97,29 +100,29 @@ Sidebar.prototype.setCollapsedState = function (viewportWidth) {
     // state transitions are enumerated). The rest of the state machine,
     // e.g., entering the expanded narrow (fly-out) state, is implemented
     // by the toggle() method.
-    var transition = {collapsed: {}, expanded: {}};
+    var transition = { collapsed: {}, expanded: {} };
     transition.collapsed.narrow = {
         narrow: $.noop,
         wide: function (s) {
             s._expand(viewportWidth, true);
-        }
+        },
     };
     transition.collapsed.wide = {
-        narrow: $.noop,  // Becomes collapsed narrow (no visual change).
-        wide: $.noop
+        narrow: $.noop, // Becomes collapsed narrow (no visual change).
+        wide: $.noop,
     };
     transition.expanded.narrow = {
         narrow: $.noop,
         wide: function (s) {
             s.$body.removeClass('aui-sidebar-collapsed');
             s.$el.removeClass('aui-sidebar-fly-out');
-        }
+        },
     };
     transition.expanded.wide = {
         narrow: function (s) {
             s._collapse(true);
         },
-        wide: $.noop
+        wide: $.noop,
     };
 
     var collapseState = this.isCollapsed() ? 'collapsed' : 'expanded';
@@ -134,7 +137,7 @@ Sidebar.prototype._collapse = function (isResponsive) {
         return this;
     }
 
-    var startEvent = $.Event(EVENT_PREFIX + 'collapse-start', {isResponsive: isResponsive});
+    var startEvent = $.Event(EVENT_PREFIX + 'collapse-start', { isResponsive: isResponsive });
     this.$el.trigger(startEvent);
     if (startEvent.isDefaultPrevented()) {
         return this;
@@ -147,7 +150,7 @@ Sidebar.prototype._collapse = function (isResponsive) {
     $(this.inlineDialogSelector).attr('responds-to', 'hover');
 
     if (!this.isAnimated()) {
-        this.$el.trigger($.Event(EVENT_PREFIX + 'collapse-end', {isResponsive: isResponsive}));
+        this.$el.trigger($.Event(EVENT_PREFIX + 'collapse-end', { isResponsive: isResponsive }));
     }
     return this;
 };
@@ -157,7 +160,7 @@ Sidebar.prototype.collapse = function () {
 };
 
 Sidebar.prototype._expand = function (viewportWidth, isResponsive) {
-    var startEvent = $.Event(EVENT_PREFIX + 'expand-start', {isResponsive: isResponsive});
+    var startEvent = $.Event(EVENT_PREFIX + 'expand-start', { isResponsive: isResponsive });
     this.$el.trigger(startEvent);
     if (startEvent.isDefaultPrevented()) {
         return this;
@@ -171,7 +174,7 @@ Sidebar.prototype._expand = function (viewportWidth, isResponsive) {
     $(this.inlineDialogSelector).removeAttr('responds-to');
 
     if (!this.isAnimated()) {
-        this.$el.trigger($.Event(EVENT_PREFIX + 'expand-end', {isResponsive: isResponsive}));
+        this.$el.trigger($.Event(EVENT_PREFIX + 'expand-end', { isResponsive: isResponsive }));
     }
     return this;
 };
@@ -226,16 +229,24 @@ Sidebar.prototype.reflow = function reflow(
     viewportHeight = document.documentElement.clientHeight,
     viewportWidth = window.innerWidth,
     scrollHeight = document.documentElement.scrollHeight,
-    scrollLeft = window.pageXOffset) {
-
+    scrollLeft = window.pageXOffset
+) {
     // Header height needs to be checked because in Stash it changes when the CSS "transform: translate3d" is changed.
     // If you called reflow() after this change then nothing happened because the scrollTop and viewportHeight hadn't changed.
     var offsetTop = sidebarOffset(this.$el);
     var isInitialPageLoad = this._previousViewportWidth === null;
 
-    if (!(scrollTop === this._previousScrollTop && viewportHeight === this._previousViewportHeight && offsetTop === this._previousOffsetTop)) {
+    if (
+        !(
+            scrollTop === this._previousScrollTop &&
+            viewportHeight === this._previousViewportHeight &&
+            offsetTop === this._previousOffsetTop
+        )
+    ) {
         var isTouch = this.$body.hasClass('aui-page-sidebar-touch');
-        var isTrackpadBounce = scrollTop !== this._previousScrollTop && (scrollTop < 0 || scrollTop + viewportHeight > scrollHeight);
+        var isTrackpadBounce =
+            scrollTop !== this._previousScrollTop &&
+            (scrollTop < 0 || scrollTop + viewportHeight > scrollHeight);
         if (!isTouch && (isInitialPageLoad || !isTrackpadBounce)) {
             this.setHeight(scrollTop, viewportHeight, offsetTop);
             this.setTopPosition(scrollTop);
@@ -289,10 +300,10 @@ Sidebar.prototype.toggle = function () {
  * of isCollapsed(), e.g.,
  *
  *     sidebar.$el.on('click', sidebar.collapsedTriggersSelector, function (e) {
-     *         if (!sidebar.isCollapsed()) {
-     *             return;
-     *         }
-     *     });
+ *         if (!sidebar.isCollapsed()) {
+ *             return;
+ *         }
+ *     });
  *
  * @returns string
  */
@@ -301,7 +312,7 @@ Sidebar.prototype.submenuTriggersSelector = '.aui-sidebar-group:not(.aui-sidebar
 Sidebar.prototype.collapsedTriggersSelector = [
     Sidebar.prototype.submenuTriggersSelector,
     '.aui-sidebar-group.aui-sidebar-group-tier-one > .aui-nav > li > a',
-    '.aui-sidebar-footer > .aui-sidebar-settings-button'
+    '.aui-sidebar-footer > .aui-sidebar-settings-button',
 ].join(', ');
 
 Sidebar.prototype.toggleSelector = '.aui-sidebar-footer > .aui-sidebar-toggle';
@@ -315,7 +326,7 @@ function getAllSubmenuDialogs() {
     return document.querySelectorAll(Sidebar.prototype.inlineDialogSelector);
 }
 
-function SubmenuManager () {
+function SubmenuManager() {
     this.inlineDialog = null;
 }
 
@@ -400,7 +411,7 @@ function constructSubmenu(sidebar, $trigger) {
     if ($trigger.data('_aui-sidebar-submenu-constructed')) {
         return;
     } else {
-        $trigger.data('_aui-sidebar-submenu-constructed', true)
+        $trigger.data('_aui-sidebar-submenu-constructed', true);
     }
 
     if (!hasSubmenu($trigger)) {
@@ -477,10 +488,7 @@ function inlineDialogShowHandler($trigger, submenuInlineDialog) {
     var title = $trigger.is('a') ? $trigger.text() : $trigger.children('.aui-nav-heading').text();
 
     var $container = $(submenuInlineDialog).find('.aui-navgroup-inner');
-    $container.children('.aui-nav-heading')
-        .attr('title', title)
-        .children('strong')
-        .text(title);
+    $container.children('.aui-nav-heading').attr('title', title).children('strong').text(title);
 
     var $submenu = getSubmenu($trigger);
     cloneExpander($submenu).appendTo($container);
@@ -528,18 +536,29 @@ var tooltipOptions = {
     title: function () {
         var $item = $(this);
         if ($item.is('a') || $item.is('button')) {
-            return $item.attr('title') || $item.find('.aui-nav-item-label').text() || $item.data('tooltip');
+            return (
+                $item.attr('title') ||
+                $item.find('.aui-nav-item-label').text() ||
+                $item.data('tooltip')
+            );
         } else {
-            return $item.children('.aui-nav').attr('title') || $item.children('.aui-nav-heading').text();
+            return (
+                $item.children('.aui-nav').attr('title') ||
+                $item.children('.aui-nav-heading').text()
+            );
         }
-    }
+    },
 };
 
-function lazilyInitializeSubmenus (sidebar) {
-    sidebar.$el.on('mouseenter mouseleave click focus', sidebar.collapsedTriggersSelector, function (e) {
-        const $trigger = $(e.target);
-        constructSubmenu(sidebar, $trigger);
-    });
+function lazilyInitializeSubmenus(sidebar) {
+    sidebar.$el.on(
+        'mouseenter mouseleave click focus',
+        sidebar.collapsedTriggersSelector,
+        function (e) {
+            const $trigger = $(e.target);
+            constructSubmenu(sidebar, $trigger);
+        }
+    );
 }
 
 function initializeHandlers(sidebar) {
@@ -570,7 +589,9 @@ function initializeHandlers(sidebar) {
 
     if (sidebar.isAnimated()) {
         sidebar.$el.on('transitionend webkitTransitionEnd', function () {
-            sidebar.$el.trigger($.Event(EVENT_PREFIX + (sidebar.isCollapsed() ? 'collapse-end' : 'expand-end')));
+            sidebar.$el.trigger(
+                $.Event(EVENT_PREFIX + (sidebar.isCollapsed() ? 'collapse-end' : 'expand-end'))
+            );
         });
     }
 
@@ -619,26 +640,32 @@ function initializeHandlers(sidebar) {
             const sidebarIsExpanded = sidebar.isCollapsed() === false;
             const triggerHasSubmenu = hasSubmenu($trigger) === true;
             return triggerHasSubmenu || sidebarIsExpanded;
-        }
-    })
+        },
+    });
 
     sidebar.$el.tooltip({
         ...tooltipOptions,
         aria: false,
         live: sidebar.toggleSelector,
         title: function () {
-            return sidebar.isCollapsed() ?
-                I18n.getText('aui.sidebar.expand.tooltip') :
-                I18n.getText('aui.sidebar.collapse.tooltip')
-        }
-    })
+            return sidebar.isCollapsed()
+                ? I18n.getText('aui.sidebar.expand.tooltip')
+                : I18n.getText('aui.sidebar.collapse.tooltip');
+        },
+    });
 
     function isNormalTab(e) {
         return e.keyCode === keyCode.TAB && !e.shiftKey && !e.altKey;
     }
 
     function isNormalSquareBracket(e) {
-        return e.which === keyCode.LEFT_SQUARE_BRACKET && !e.shiftKey && !e.ctrlKey && !e.metaKey && !isInput(e.target);
+        return (
+            e.which === keyCode.LEFT_SQUARE_BRACKET &&
+            !e.shiftKey &&
+            !e.ctrlKey &&
+            !e.metaKey &&
+            !isInput(e.target)
+        );
     }
 
     function isShiftTab(e) {
@@ -684,7 +711,10 @@ function initializeHandlers(sidebar) {
                 focusFirstItemOfInlineDialog($submenuInlineDialog);
 
                 $submenuInlineDialog.on('keydown', function (e) {
-                    if (isShiftTab(e) && isFirstSubmenuItem(e.target, $submenuInlineDialog) || isNormalTab(e) && isLastSubmenuItem(e.target, $submenuInlineDialog)) {
+                    if (
+                        (isShiftTab(e) && isFirstSubmenuItem(e.target, $submenuInlineDialog)) ||
+                        (isNormalTab(e) && isLastSubmenuItem(e.target, $submenuInlineDialog))
+                    ) {
                         triggerEl.focus();
                         // unbind event and close submenu as the focus is out of the submenu
                         $(this).off('keydown');
@@ -704,7 +734,7 @@ $(function () {
 
 var sidebarSubmenuDeprecationLogger = deprecate.getMessageLogger('Sidebar.submenus', {
     removeInVersion: '10.0.0',
-    sinceVersion: '5.8.0'
+    sinceVersion: '5.8.0',
 });
 
 globalize('sidebar', sidebar);

package/src/js/aui/spin.js

@@ -16,60 +16,72 @@ import { fn } from './internal/deprecation';
  * @param {jQuerySpinnerConfig} [maybeArgs]
  * @deprecated since AUI 7.9.4. Use the `<aui-spinner>` web component directly.
  */
-$.fn.spin = fn(function spinStart(firstArgs, maybeArgs) {
-    let args = { size: 'small' };
-    if (typeof maybeArgs === 'object') {
-        args = $.extend(args, maybeArgs)
-    }
-    if (typeof firstArgs === 'object') {
-        args = $.extend(args, firstArgs);
-    }
-    if (typeof firstArgs === 'string') {
-        args.size = firstArgs;
-    }
-    if (typeof firstArgs === 'boolean' && firstArgs === false) {
-        return this.spinStop();
-    }
+$.fn.spin = fn(
+    function spinStart(firstArgs, maybeArgs) {
+        let args = { size: 'small' };
+        if (typeof maybeArgs === 'object') {
+            args = $.extend(args, maybeArgs);
+        }
+        if (typeof firstArgs === 'object') {
+            args = $.extend(args, firstArgs);
+        }
+        if (typeof firstArgs === 'string') {
+            args.size = firstArgs;
+        }
+        if (typeof firstArgs === 'boolean' && firstArgs === false) {
+            return this.spinStop();
+        }
 
-    return this.each(function() {
-        if (!this || !this.nodeType) { return; }
-        const $this = $(this);
-        const data = $this.data();
-        if (data) {
-            const $spinnerDom = $('<aui-spinner filled></aui-spinner>');
-            $spinnerDom.attr('size', args.size); // the web component handles validation
-            $spinnerDom.css('color', args.color);
+        return this.each(function () {
+            if (!this || !this.nodeType) {
+                return;
+            }
+            const $this = $(this);
+            const data = $this.data();
+            if (data) {
+                const $spinnerDom = $('<aui-spinner filled></aui-spinner>');
+                $spinnerDom.attr('size', args.size); // the web component handles validation
+                $spinnerDom.css('color', args.color);
 
-            $this.spinStop();
-            $this.append($spinnerDom);
-            // AUI-4819 - ensure web component is initialised synchronously.
-            skate.init(this);
+                $this.spinStop();
+                $this.append($spinnerDom);
+                // AUI-4819 - ensure web component is initialised synchronously.
+                skate.init(this);
 
-            data.spinner = $spinnerDom;
-        }
-    });
-}, 'jQuery.fn.spin', {
-    sinceVersion: '7.9.4',
-    removeInVersion: '10.0.0',
-    alternativeName: '<aui-spinner>'
-});
+                data.spinner = $spinnerDom;
+            }
+        });
+    },
+    'jQuery.fn.spin',
+    {
+        sinceVersion: '7.9.4',
+        removeInVersion: '10.0.0',
+        alternativeName: '<aui-spinner>',
+    }
+);
 
 /**
  * @deprecated since AUI 7.9.4. Use the `<aui-spinner>` web component directly.
  */
-$.fn.spinStop = fn(function spinStop() {
-    return this.each(function() {
-        if (!this || !this.nodeType) { return; }
-        const $this = $(this);
-        const data = $this.data();
-        if (data && data.spinner) {
-            data.spinner.remove();
+$.fn.spinStop = fn(
+    function spinStop() {
+        return this.each(function () {
+            if (!this || !this.nodeType) {
+                return;
+            }
+            const $this = $(this);
+            const data = $this.data();
+            if (data && data.spinner) {
+                data.spinner.remove();
 
-            delete data.spinner;
-        }
-    });
-}, 'jQuery.fn.spinStop', {
-    sinceVersion: '7.9.4',
-    removeInVersion: '10.0.0',
-    alternativeName: '<aui-spinner>'
-});
+                delete data.spinner;
+            }
+        });
+    },
+    'jQuery.fn.spinStop',
+    {
+        sinceVersion: '7.9.4',
+        removeInVersion: '10.0.0',
+        alternativeName: '<aui-spinner>',
+    }
+);

package/src/js/aui/spinner.js

@@ -47,13 +47,13 @@ See https://css-tricks.com/centering-css-complete-guide/ for techniques.`;
 const filledAttributeDeprecatedLogger = getMessageLogger('<aui-spinner> filled attribute', {
     sinceVersion: '7.9.4',
     removeInVersion: '10.0.0',
-    extraInfo: filledAttributeReplacementText
+    extraInfo: filledAttributeReplacementText,
 });
 
 const filledPropDeprecatedLogger = getMessageLogger('<aui-spinner> filled property', {
     sinceVersion: '7.9.4',
     removeInVersion: '10.0.0',
-    extraInfo: filledAttributeReplacementText
+    extraInfo: filledAttributeReplacementText,
 });
 
 /** @deprecated */
@@ -80,7 +80,7 @@ function validateSize(size) {
     let result = SIZE.MEDIUM.name;
     if (typeof size === 'string') {
         size = size.toLowerCase();
-        const possibleSizes = Object.keys(SIZE).map(key => key.toLowerCase());
+        const possibleSizes = Object.keys(SIZE).map((key) => key.toLowerCase());
 
         if (possibleSizes.indexOf(size) > -1) {
             result = size;
@@ -107,7 +107,7 @@ function setSize(element, size, radius) {
 }
 
 function refresh(element) {
-    const { px, radius } = find(SIZE, s => s.name === element._data.size) || SIZE.MEDIUM;
+    const { px, radius } = find(SIZE, (s) => s.name === element._data.size) || SIZE.MEDIUM;
     setSize(element, px, radius);
 
     if (element._data.filled) {
@@ -119,7 +119,8 @@ function refresh(element) {
 
 const SpinnerEl = skate('aui-spinner', {
     template(element) {
-        element.innerHTML = '<div class="aui-spinner spinner"><svg focusable="false"><circle></circle></svg></div>';
+        element.innerHTML =
+            '<div class="aui-spinner spinner"><svg focusable="false"><circle></circle></svg></div>';
         refresh(element);
     },
     attached(element) {
@@ -128,16 +129,16 @@ const SpinnerEl = skate('aui-spinner', {
     attributes: {
         filled: {
             /** @deprecated */
-            created: function(element) {
+            created: function (element) {
                 filledAttributeDeprecatedLogger();
                 element._data.filled = true;
                 refresh(element);
             },
             /** @deprecated */
-            removed: function(element) {
+            removed: function (element) {
                 element._data.filled = false;
                 refresh(element);
-            }
+            },
         },
         size(element, data) {
             element._data.size = validateSize(data.newValue);
@@ -149,7 +150,7 @@ const SpinnerEl = skate('aui-spinner', {
             return this.__data || (this._data = defaults({}, DEFAULTS));
         },
         set _data(data) {
-            return this.__data = data;
+            return (this.__data = data);
         },
         /** @deprecated */
         set filled(isFilled) {
@@ -164,6 +165,4 @@ const SpinnerEl = skate('aui-spinner', {
 });
 
 export default SpinnerEl;
-export {
-    SIZE
-};
+export { SIZE };

package/src/js/aui/tables-sortable.js

@@ -7,7 +7,7 @@ const DEFAULT_SORT_OPTIONS = {
     sortMultiSortKey: '',
     headers: {},
     debug: false,
-    tabIndex: false
+    tabIndex: false,
 };
 
 /**
@@ -34,7 +34,6 @@ function sortTable($table, extraOptions) {
 
 let tablessortable = {
     setup: function () {
-
         /*
         This parser is used for issue keys in the format <PROJECT_KEY>-<ISSUE_NUMBER>, where <PROJECT_KEY> is a maximum
         10 character string with characters(A-Z). Assumes that issue number is no larger than 999,999. e.g. not more
@@ -56,13 +55,18 @@ let tablessortable = {
 
                 const PROJECT_KEY_TEMPLATE = '..........';
                 const ISSUE_NUMBER_TEMPLATE = '000000';
-                let stringRepresentation = (projectKey + PROJECT_KEY_TEMPLATE).slice(0, PROJECT_KEY_TEMPLATE.length);
-                stringRepresentation += (ISSUE_NUMBER_TEMPLATE + issueNumber).slice(-ISSUE_NUMBER_TEMPLATE.length);
+                let stringRepresentation = (projectKey + PROJECT_KEY_TEMPLATE).slice(
+                    0,
+                    PROJECT_KEY_TEMPLATE.length
+                );
+                stringRepresentation += (ISSUE_NUMBER_TEMPLATE + issueNumber).slice(
+                    -ISSUE_NUMBER_TEMPLATE.length
+                );
 
                 return stringRepresentation;
             },
 
-            type: 'text'
+            type: 'text',
         });
 
         /*
@@ -72,12 +76,16 @@ let tablessortable = {
         $.tablesorter.addParser({
             id: 'textSortAttributeParser',
             is: function (nodeValue, table, node) {
-                return node.hasAttribute('data-sort-value') && (!node.hasAttribute('data-sort-type') || node.getAttribute('data-sort-type') === 'text');
+                return (
+                    node.hasAttribute('data-sort-value') &&
+                    (!node.hasAttribute('data-sort-type') ||
+                        node.getAttribute('data-sort-type') === 'text')
+                );
             },
             format: function (nodeValue, table, node) {
                 return node.getAttribute('data-sort-value');
             },
-            type: 'text'
+            type: 'text',
         });
 
         /*
@@ -87,12 +95,15 @@ let tablessortable = {
         $.tablesorter.addParser({
             id: 'numericSortAttributeParser',
             is: function (nodeValue, table, node) {
-                return node.getAttribute('data-sort-type') === 'numeric' && node.hasAttribute('data-sort-value');
+                return (
+                    node.getAttribute('data-sort-type') === 'numeric' &&
+                    node.hasAttribute('data-sort-value')
+                );
             },
             format: function (nodeValue, table, node) {
                 return node.getAttribute('data-sort-value');
             },
-            type: 'numeric'
+            type: 'numeric',
         });
 
         $('.aui-table-sortable').each(function () {
@@ -105,7 +116,7 @@ let tablessortable = {
      */
     setTableSortable: function ($table, options) {
         return sortTable($table, options);
-    }
+    },
 };
 
 $(tablessortable.setup);