@atlassian/aui 9.3.21 → 9.3.23

package/src/js/aui/form-validation.js

@@ -1,6 +1,11 @@
 import $ from './jquery';
 import './form-notification';
-import {appendDescription, appendErrorMessages, getMessageContainer, setFieldSpinner} from './form-notification';
+import {
+    appendDescription,
+    appendErrorMessages,
+    getMessageContainer,
+    setFieldSpinner,
+} from './form-notification';
 import './form-validation/basic-validators';
 import amdify from './internal/amdify';
 import * as deprecate from './internal/deprecation';
@@ -38,7 +43,7 @@ function initValidation($field) {
     }
 }
 
-function prepareFieldMarkup($field){
+function prepareFieldMarkup($field) {
     $field.addClass(CLASS_VALIDATION_INITIALISED);
     appendDescription($field);
 }
@@ -48,7 +53,7 @@ function bindFieldEvents($field) {
     bindValidationEvent($field);
 }
 
-function bindStopTypingEvent($field){
+function bindStopTypingEvent($field) {
     var keyUpTimer;
 
     var triggerStopTypingEvent = function () {
@@ -67,7 +72,7 @@ function bindValidationEvent($field) {
 
     var elementsToWatch = watchedFieldID ? $field.add('#' + watchedFieldID) : $field;
 
-    elementsToWatch.on(validateWhen, function startValidation () {
+    elementsToWatch.on(validateWhen, function startValidation() {
         validationTriggeredHandler($field);
     });
 }
@@ -85,7 +90,7 @@ function validationTriggeredHandler($field) {
 
 function getValidationOption($field, option) {
     var defaults = {
-        'when': 'change'
+        when: 'change',
     };
     var optionValue = $field.attr('data-' + ATTRIBUTE_VALIDATION_OPTION_PREFIX + option);
     if (!optionValue) {
@@ -156,14 +161,14 @@ function createValidatorContext($field, validatorDeferred) {
         },
         args: createArgumentAccessorFunction($field),
         el: $field[0],
-        $el: $field
+        $el: $field,
     };
 
     deprecate.prop(context, '$el', {
         sinceVersion: '5.9.0',
         removeInVersion: '10.0.0',
         alternativeName: 'el',
-        extraInfo: 'See https://ecosystem.atlassian.net/browse/AUI-3263.'
+        extraInfo: 'See https://ecosystem.atlassian.net/browse/AUI-3263.',
     });
 
     return context;
@@ -198,7 +203,6 @@ function changeFieldState($field, state, message) {
     } else {
         setFieldNotification($displayField, notificationType, message);
     }
-
 }
 
 function showSpinnerIfSlow($field) {
@@ -206,7 +210,7 @@ function showSpinnerIfSlow($field) {
         let stillValidating = getFieldState($field) === VALIDATING;
         if (stillValidating) {
             setFieldNotification($field, 'wait');
-            setFieldSpinner($field, true)
+            setFieldSpinner($field, true);
         }
     }, 500);
 }
@@ -214,7 +218,7 @@ function showSpinnerIfSlow($field) {
 function setFieldNotification($field, type, message) {
     const spinnerWasVisible = isSpinnerVisible($field);
     removeIconOnlyNotifications($field);
-    const skipShowingSuccessNotification = (type === 'success') && !spinnerWasVisible;
+    const skipShowingSuccessNotification = type === 'success' && !spinnerWasVisible;
     if (skipShowingSuccessNotification) {
         return;
     }
@@ -255,7 +259,7 @@ function combineJSONMessages(newString, previousString) {
 
 function getDisplayField($field) {
     var displayFieldID = getValidationOption($field, 'displayfield');
-    var notifyOnSelf = (displayFieldID === undefined);
+    var notifyOnSelf = displayFieldID === undefined;
     return notifyOnSelf ? $field : $('#' + displayFieldID);
 }
 
@@ -356,10 +360,9 @@ function getFieldsInFormWithState($form, state) {
     return $form.find(selector);
 }
 
-
 const validator = {
     register: validatorRegister.register,
-    validate: validateField
+    validate: validateField,
 };
 
 skate(ATTRIBUTE_VALIDATION_FIELD_COMPONENT, {
@@ -371,7 +374,7 @@ skate(ATTRIBUTE_VALIDATION_FIELD_COMPONENT, {
         initValidation($field);
         skate.init(field); //needed to kick off form notification skate initialisation
     },
-    type: skate.type.ATTRIBUTE
+    type: skate.type.ATTRIBUTE,
 });
 
 amdify('aui/form-validation', validator);

package/src/js/aui/format.js

@@ -18,7 +18,7 @@ import * as logger from './internal/log';
  * @return {String} the message with the tokens replaced
  * @usage formatString("This is a {0} test", "simple");
  */
-function formatString (message) {
+function formatString(message) {
     var apos = /'(?!')/g; // founds "'", but not "''" // TODO: does not work for floating point numbers!
     var simpleFormat = /^\d+$/;
     var numberFormat = /^(\d+),number$/; // TODO: incomplete, as doesn't support floating point numbers
@@ -32,25 +32,26 @@ function formatString (message) {
         var res = '';
 
         var match;
-        if (match = format.match(simpleFormat)) { // TODO: heavy guns for checking whether format is a simple number...
+        if ((match = format.match(simpleFormat))) {
+            // TODO: heavy guns for checking whether format is a simple number...
             res = args.length > ++format ? args[format] : ''; // use the argument as is, or use '' if not found
         }
 
         // number format
-        else if (match = format.match(numberFormat)) {
+        else if ((match = format.match(numberFormat))) {
             // TODO: doesn't actually format the number...
             res = args.length > ++match[1] ? args[match[1]] : '';
         }
 
         // choice format
-        else if (match = format.match(choiceFormat)) {
+        else if ((match = format.match(choiceFormat))) {
             // format: "0,choice,0#0 issues|1#1 issue|1<{0,number} issues"
             // match[0]: "0,choice,0#0 issues|1#1 issue|1<{0,number} issues"
             // match[1]: "0"
             // match[2]: "0#0 issues|1#1 issue|1<{0,number} issues"
 
             // get the argument value we base the choice on
-            var value = (args.length > ++match[1] ? args[match[1]] : null);
+            var value = args.length > ++match[1] ? args[match[1]] : null;
             if (value !== null) {
                 // go through all options, checking against the number, according to following formula,
                 // if X < the first entry then the first entry is returned, if X > last entry, the last entry is returned
@@ -102,7 +103,9 @@ function formatString (message) {
                 }
 
                 if (isInvalidFormat) {
-                    logger.error('The format "' + format + '" from message "' + message + '" is invalid.');
+                    logger.error(
+                        'The format "' + format + '" from message "' + message + '" is invalid.'
+                    );
                 }
 
                 // run result through format, as the parts might contain substitutes themselves

package/src/js/aui/forms/create-forms-component-body.js

@@ -1,17 +1,14 @@
 import skate from 'skatejs';
-import {onChildrenChange} from '../internal/detect-children-change';
+import { onChildrenChange } from '../internal/detect-children-change';
 import jQuery from 'jquery';
 
 export function createFormsComponentBody(type) {
-
     let unsub;
 
     return {
         type: skate.type.CLASSNAME,
-        attached: function(el) {
-
-            onChildrenChange(el,(unsubscribe) => {
-
+        attached: function (el) {
+            onChildrenChange(el, (unsubscribe) => {
                 // Store function that stops subscription
                 unsub = unsubscribe;
 
@@ -27,11 +24,11 @@ export function createFormsComponentBody(type) {
                 }
             });
         },
-        detached: function(el) {
+        detached: function (el) {
             jQuery('.aui-form-glyph', el).remove();
             if (unsub) {
                 unsub();
             }
-        }
-    }
+        },
+    };
 }

package/src/js/aui/forms/custom-checkbox.js

@@ -1,12 +1,8 @@
 import skate from 'skatejs';
-import {createFormsComponentBody} from './create-forms-component-body';
-
+import { createFormsComponentBody } from './create-forms-component-body';
 
 /**
  * Allows us to add a new DOM element for rendering ADG styled checkbox glyphs,
  * so we can get our desired aesthetic without having to rely on a specific markup pattern.
  */
-skate(
-    'checkbox',
-    createFormsComponentBody('checkbox')
-);
+skate('checkbox', createFormsComponentBody('checkbox'));

package/src/js/aui/forms/custom-radio.js

@@ -1,12 +1,8 @@
 import skate from 'skatejs';
-import {createFormsComponentBody} from './create-forms-component-body';
-
+import { createFormsComponentBody } from './create-forms-component-body';
 
 /**
  * Allows us to add a new DOM element for rendering ADG styled radio glyphs,
  * so we can get our desired aesthetic without having to rely on a specific markup pattern.
  */
-skate(
-    'radio',
-    createFormsComponentBody('radio')
-);
+skate('radio', createFormsComponentBody('radio'));

package/src/js/aui/forms.js

@@ -11,7 +11,7 @@ import './forms/custom-radio';
  *
  * @returns {jQuery}
  */
-function enable (el, b) {
+function enable(el, b) {
     var $el = $(el);
 
     if (typeof b === 'undefined') {
@@ -23,7 +23,6 @@ function enable (el, b) {
     });
 }
 
-
 /**
  * Forms: Inline Help - toggles visibility of inline help content.
  *
@@ -31,10 +30,10 @@ function enable (el, b) {
  * @namespace AJS
  * @for AJS
  */
-function inlineHelp () {
+function inlineHelp() {
     $(document).on('click', '.icon-inline-help', function () {
         var $t = $(this).siblings('.field-help');
-        if ($t.hasClass('hidden')){
+        if ($t.hasClass('hidden')) {
             $t.removeClass('hidden');
         } else {
             $t.addClass('hidden');
@@ -45,7 +44,4 @@ function inlineHelp () {
 globalize('enable', enable);
 globalize('inlineHelp', inlineHelp);
 
-export {
-    enable,
-    inlineHelp
-};
+export { enable, inlineHelp };

package/src/js/aui/header-async.js

@@ -10,7 +10,7 @@ const Header = skate('aui-header-end', {
         } else {
             console.log('Could not async. initialise aui-header');
         }
-    }
+    },
 });
 
 export default Header;

package/src/js/aui/header.js

@@ -3,7 +3,7 @@ import createHeader from './internal/header/create-header';
 import * as deprecate from './internal/deprecation';
 import globalize from './internal/globalize';
 
-function findAndCreateHeaders () {
+function findAndCreateHeaders() {
     $('.aui-header').each(function () {
         createHeader(this);
     });
@@ -15,7 +15,7 @@ const responsiveheader = {};
 responsiveheader.setup = deprecate.fn(findAndCreateHeaders, 'responsiveheader.setup', {
     removeInVersion: '10.0.0',
     sinceVersion: '5.8.0',
-    extraInfo: 'No need to manually initialise anymore as this is now a web component.'
+    extraInfo: 'No need to manually initialise anymore as this is now a web component.',
 });
 
 globalize('responsiveheader', responsiveheader);

package/src/js/aui/i18n.js

@@ -15,13 +15,10 @@ const I18n = {
         }
 
         return key;
-    }
+    },
 };
 
-export {
-    I18n,
-    format
-}
+export { I18n, format };
 
 /**
  * Deprecated - do not use AJS.I18n.getText from global scope within AUI code. Use import { I18n } from '../i18n'

package/src/js/aui/index-of.js

@@ -9,7 +9,7 @@ import globalize from './internal/globalize';
  *
  * @returns {Integer}
  */
-function indexOf (array, item, fromIndex) {
+function indexOf(array, item, fromIndex) {
     var length = array.length;
 
     if (!fromIndex) {