@atlassian/aui 9.3.22 → 9.3.23

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);