@atlassian/aui 9.3.21 → 9.3.23

package/src/js/aui/escape-html.js

@@ -5,13 +5,13 @@ const special = {
     '>': '>',
     '&': '&',
     '"': '"',
-    '\'': ''',
+    "'": ''',
     '`': '`',
 };
 
 const expr = new RegExp(`[${Object.keys(special).join('')}]`, 'g');
 
-function escapeHtml (str) {
+function escapeHtml(str) {
     return str.replace(expr, (str) => special[str]);
 }
 

package/src/js/aui/escape.js

@@ -8,7 +8,7 @@ import globalize from './internal/globalize';
  */
 const jsEscape = window.escape;
 
-function escape (string) {
+function escape(string) {
     return jsEscape(string).replace(/%u\w{4}/gi, function (w) {
         return unescape(w);
     });

package/src/js/aui/event.js

@@ -9,7 +9,7 @@ const $target = $(window);
  * Binds events to the window object. See jQuery bind documentation for more
  * details. Exceptions are caught and logged.
  */
-function bind (eventType, eventData, handler) {
+function bind(eventType, eventData, handler) {
     try {
         if (typeof handler === 'function') {
             return $target.on(eventType, EMPTY_SELECTOR, eventData, handler);
@@ -25,7 +25,7 @@ function bind (eventType, eventData, handler) {
  * Unbinds event handlers from the window object. See jQuery unbind
  * documentation for more details. Exceptions are caught and logged.
  */
-function unbind (eventType, handler) {
+function unbind(eventType, handler) {
     try {
         return $target.off(eventType, handler);
     } catch (e) {
@@ -37,7 +37,7 @@ function unbind (eventType, handler) {
  * Triggers events on the window object. See jQuery trigger documentation for
  * more details. Exceptions are caught and logged.
  */
-function trigger (eventType, extraParameters) {
+function trigger(eventType, extraParameters) {
     try {
         return $target.trigger(eventType, extraParameters);
     } catch (e) {
@@ -49,8 +49,4 @@ globalize('bind', bind);
 globalize('trigger', trigger);
 globalize('unbind', unbind);
 
-export {
-    bind,
-    unbind,
-    trigger
-};
+export { bind, unbind, trigger };

package/src/js/aui/expander.js

@@ -8,8 +8,11 @@ var getExpanderProperties = function (event) {
 
     properties.$trigger = $(event.currentTarget);
     properties.$content = $document.find('#' + properties.$trigger.attr('aria-controls'));
-    properties.triggerIsParent = properties.$content.parent().filter(properties.$trigger).length !== 0;
-    properties.$shortContent = properties.triggerIsParent ? properties.$trigger.find('.aui-expander-short-content') : null;
+    properties.triggerIsParent =
+        properties.$content.parent().filter(properties.$trigger).length !== 0;
+    properties.$shortContent = properties.triggerIsParent
+        ? properties.$trigger.find('.aui-expander-short-content')
+        : null;
     properties.height = properties.$content.css('min-height');
     properties.isCollapsible = properties.$trigger.data('collapsible') !== false;
     properties.replaceText = properties.$trigger.attr('data-replace-text'); //can't use .data here because it doesn't update after the first call
@@ -20,9 +23,9 @@ var getExpanderProperties = function (event) {
 
 var replaceText = function (properties) {
     if (properties.replaceText) {
-        var $replaceElement = properties.replaceSelector ?
-            properties.$trigger.find(properties.replaceSelector) :
-            properties.$trigger;
+        var $replaceElement = properties.replaceSelector
+            ? properties.$trigger.find(properties.replaceSelector)
+            : properties.$trigger;
 
         properties.$trigger.attr('data-replace-text', $replaceElement.text());
         $replaceElement.text(properties.replaceText);
@@ -65,7 +68,6 @@ var EXPANDER_EVENTS = {
             properties.$shortContent.hide();
         }
         properties.$trigger.trigger('aui-expander-expanded');
-
     },
 
     'aui-expander-collapse': function (event) {
@@ -99,7 +101,7 @@ var EXPANDER_EVENTS = {
     'click.aui-expander': function (event) {
         var $target = $(event.currentTarget);
         $target.trigger('aui-expander-invoke', event.currentTarget);
-    }
+    },
 };
 
 //delegate events to the triggers on the page

package/src/js/aui/flag.js

@@ -5,7 +5,7 @@ import globalize from './internal/globalize';
 import keyCode from './key-code';
 import CustomEvent from './polyfills/custom-event';
 import escapeHtml from './escape-html';
-import {CLOSE_BUTTON} from './close-button';
+import { CLOSE_BUTTON } from './close-button';
 
 var AUTO_CLOSE_TIME = 5000;
 var ID_FLAG_CONTAINER = 'aui-flag-container';
@@ -13,10 +13,10 @@ var defaultOptions = {
     body: '',
     close: 'manual',
     title: '',
-    type: 'info'
+    type: 'info',
 };
 
-function flag (options) {
+function flag(options) {
     options = $.extend({}, defaultOptions, options);
 
     // clean the title value
@@ -38,7 +38,7 @@ function flag (options) {
     return $flag.get(0);
 }
 
-function extendFlagElement ($flag) {
+function extendFlagElement($flag) {
     var flag = $flag[0];
 
     flag.close = function () {
@@ -46,7 +46,7 @@ function extendFlagElement ($flag) {
     };
 }
 
-function renderFlagElement ({body, title, close, type}) {
+function renderFlagElement({ body, title, close, type }) {
     const titleHtml = title ? `<p class="title"><strong>${escapeHtml(title)}</strong></p>` : '';
     const html = `<div class="aui-message">${titleHtml}</div>`;
 
@@ -57,7 +57,7 @@ function renderFlagElement ({body, title, close, type}) {
     return $('<div class="aui-flag" aria-live="polite"></div>').append($message);
 }
 
-function makeCloseable ($flag) {
+function makeCloseable($flag) {
     var $icon = $(CLOSE_BUTTON);
 
     $icon.on('click', function () {
@@ -65,7 +65,7 @@ function makeCloseable ($flag) {
     });
 
     $icon.on('keypress', function (e) {
-        if ((e.which === keyCode.ENTER) || (e.which === keyCode.SPACE)) {
+        if (e.which === keyCode.ENTER || e.which === keyCode.SPACE) {
             closeFlag($flag);
             e.preventDefault();
         }
@@ -74,47 +74,45 @@ function makeCloseable ($flag) {
     return $flag.find('.aui-message').append($icon)[0];
 }
 
-function makeAutoClosable ($flag) {
+function makeAutoClosable($flag) {
     $flag.find('.aui-message').addClass('aui-will-close');
     setTimeout(function () {
         $flag[0].close();
     }, AUTO_CLOSE_TIME);
 }
 
-function closeFlag ($flagToClose) {
+function closeFlag($flagToClose) {
     var flag = $flagToClose.get(0);
 
     flag.removeAttribute('open');
-    flag.dispatchEvent(new CustomEvent('aui-flag-close', {bubbles: true}));
+    flag.dispatchEvent(new CustomEvent('aui-flag-close', { bubbles: true }));
 
     return flag;
 }
 
-function handleFlagContainer () {
+function handleFlagContainer() {
     const container = findContainer();
 
     if (container) {
         const closedFlags = container.querySelectorAll('.aui-flag:not([open])');
 
-        Array.from(closedFlags).map(flag => flag.parentNode.removeChild(flag));
+        Array.from(closedFlags).map((flag) => flag.parentNode.removeChild(flag));
     } else {
         $('body').prepend('<div id="' + ID_FLAG_CONTAINER + '"></div>');
     }
 }
 
-function findContainer () {
+function findContainer() {
     return document.getElementById(ID_FLAG_CONTAINER);
 }
 
-function insertFlag ($flag) {
+function insertFlag($flag) {
     const flagContainer = findContainer();
 
     $flag.appendTo(flagContainer);
     recomputeStyle($flag);
 
-    $flag
-        .removeAttr('hidden')
-        .attr('open','');
+    $flag.removeAttr('hidden').attr('open', '');
 }
 
 amdify('aui/flag', flag);

package/src/js/aui/focus-manager.js

@@ -1,19 +1,19 @@
 import $ from './jquery';
 import globalize from './internal/globalize';
 import keyCodes from './key-code';
-import {getTrigger} from './trigger';
+import { getTrigger } from './trigger';
 
-(function initSelectors () {
+(function initSelectors() {
     /*
     :tabbable and :focusable functions from jQuery UI v 1.10.4
     renamed to :aui-tabbable and :aui-focusable to not clash with jquery-ui if it's included.
     */
 
-    function visible (element) {
-        return ($.css(element, 'visibility') === 'visible') && $(element).is(':visible');
+    function visible(element) {
+        return $.css(element, 'visibility') === 'visible' && $(element).is(':visible');
     }
 
-    function focusable (element, isTabIndexNotNaN) {
+    function focusable(element, isTabIndexNotNaN) {
         var nodeName = element.nodeName.toLowerCase();
 
         if (nodeName === 'aui-select') {
@@ -32,27 +32,27 @@ import {getTrigger} from './trigger';
         }
         var isFormElement = /input|select|textarea|button|object|iframe/.test(nodeName);
         var isAnchor = nodeName === 'a';
-        var isAnchorTabbable = (element.href || isTabIndexNotNaN);
+        var isAnchorTabbable = element.href || isTabIndexNotNaN;
 
         return (
-            isFormElement ? !element.disabled :
-                (isAnchor ? isAnchorTabbable : isTabIndexNotNaN)
-        ) && visible(element);
+            (isFormElement ? !element.disabled : isAnchor ? isAnchorTabbable : isTabIndexNotNaN) &&
+            visible(element)
+        );
     }
 
-    function tabbable (element) {
+    function tabbable(element) {
         var tabIndex = $.attr(element, 'tabindex');
         var isTabIndexNaN = isNaN(tabIndex);
-        var hasTabIndex = (isTabIndexNaN || tabIndex >= 0);
+        var hasTabIndex = isTabIndexNaN || tabIndex >= 0;
 
         return hasTabIndex && focusable(element, !isTabIndexNaN);
     }
 
     $.extend($.expr.pseudos, {
-        'aui-focusable': element => focusable(element, !isNaN($.attr(element, 'tabindex'))),
-        'aui-tabbable': tabbable
+        'aui-focusable': (element) => focusable(element, !isNaN($.attr(element, 'tabindex'))),
+        'aui-tabbable': tabbable,
     });
-}());
+})();
 
 var RESTORE_FOCUS_DATA_KEY = '_aui-focus-restore';
 
@@ -62,15 +62,15 @@ var RESTORE_FOCUS_DATA_KEY = '_aui-focus-restore';
  * @param {HTMLElement} $el - element to store the data about focus
  * @param {Element} [lastFocussedEl=document.activeElement] - last focused element
  */
-function setLastFocus ($el, lastFocussedEl = document.activeElement) {
+function setLastFocus($el, lastFocussedEl = document.activeElement) {
     $el.data(RESTORE_FOCUS_DATA_KEY, lastFocussedEl);
 }
 
-function getLastFocus ($el) {
+function getLastFocus($el) {
     return $($el.data(RESTORE_FOCUS_DATA_KEY));
 }
 
-function elementTrapsFocus ($el) {
+function elementTrapsFocus($el) {
     return $el.is('.aui-dialog2');
 }
 
@@ -89,7 +89,8 @@ FocusManager.prototype.enter = function ($el, $lastFocused) {
 
     // focus on new selector
     if ($el.attr('data-aui-focus') !== 'false') {
-        var focusSelector = $el.attr('data-aui-focus-selector') || FocusManager.defaultFocusSelector;
+        var focusSelector =
+            $el.attr('data-aui-focus-selector') || FocusManager.defaultFocusSelector;
         var $focusEl = $el.is(focusSelector) ? $el : $el.find(focusSelector);
         $focusEl.first().trigger('focus');
     }

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

@@ -1,8 +1,8 @@
 import $ from './jquery';
 import amdify from './internal/amdify';
 import skate from './internal/skate';
-import './spinner'
-import {getMessageLogger} from './internal/deprecation'
+import './spinner';
+import { getMessageLogger } from './internal/deprecation';
 
 const CLASS_NOTIFICATION_INITIALISED = '_aui-form-notification-initialised';
 
@@ -16,7 +16,7 @@ const NOTIFICATION_PRIORITY = [
     ATTRIBUTE_NOTIFICATION_ERROR,
     ATTRIBUTE_NOTIFICATION_SUCCESS,
     ATTRIBUTE_NOTIFICATION_WAIT,
-    ATTRIBUTE_NOTIFICATION_INFO
+    ATTRIBUTE_NOTIFICATION_INFO,
 ];
 
 function initialiseNotification($field) {
@@ -38,7 +38,7 @@ function prepareFieldMarkup($field) {
 function appendDescription($field, message) {
     message = message ? message : getNotificationMessage($field);
     if (getFieldNotificationType($field) === ATTRIBUTE_NOTIFICATION_INFO) {
-        $field.after(descriptionTemplate(message))
+        $field.after(descriptionTemplate(message));
     }
 }
 
@@ -100,16 +100,17 @@ function isJqueryObject(el) {
 
 function errorMessageTemplate(messages) {
     let list = messages
-        .map(message => `<li><span class="aui-icon aui-icon-small aui-iconfont-error aui-icon-notification">${message}</span>${message}</li>`)
+        .map(
+            (message) =>
+                `<li><span class="aui-icon aui-icon-small aui-iconfont-error aui-icon-notification">${message}</span>${message}</li>`
+        )
         .join('');
     return `<div class="error"><ul>${list}</ul></div>`;
 }
 
 function descriptionTemplate(messages) {
     if (messages.length > 1) {
-        let list = messages
-            .map(message => `<li>${message}</li>`)
-            .join('');
+        let list = messages.map((message) => `<li>${message}</li>`).join('');
         return `<div class="description"><ul>${list}</ul></div>`;
     }
     return `<div class="description">${messages}</div>`;
@@ -141,7 +142,7 @@ function setFieldSpinner($field, isSpinnerVisible) {
 
 const deprecationLogger = getMessageLogger('data-aui-notification-field attribute', {
     deprecationType: 'ATTRIBUTE',
-    alternativeName: 'HTML markup'
+    alternativeName: 'HTML markup',
 });
 
 skate('data-aui-notification-field', {
@@ -155,8 +156,8 @@ skate('data-aui-notification-field', {
             attrs[type] = synchroniseNotificationDisplay;
         });
         return attrs;
-    }()),
-    type: skate.type.ATTRIBUTE
+    })(),
+    type: skate.type.ATTRIBUTE,
 });
 
 amdify('aui/form-notification');
@@ -166,5 +167,5 @@ export {
     appendErrorMessages,
     appendDescription,
     errorMessageTemplate,
-    setFieldSpinner
-}
+    setFieldSpinner,
+};

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

@@ -11,13 +11,19 @@ function minMaxLength(field) {
     var minlength = parseInt(field.args('minlength'), 10);
     var maxlength = parseInt(field.args('maxlength'), 10);
 
-    if (minlength && maxlength && minlength === maxlength && (!fieldIsEmpty && fieldValueLength !== minlength)) {
+    if (
+        minlength &&
+        maxlength &&
+        minlength === maxlength &&
+        !fieldIsEmpty &&
+        fieldValueLength !== minlength
+    ) {
         const exactlengthMessage = makeMessage('exactlength', field.args, [minlength]);
         field.invalidate(exactlengthMessage);
-    } else if (minlength && (fieldValueLength < minlength && !fieldIsEmpty)) {
+    } else if (minlength && fieldValueLength < minlength && !fieldIsEmpty) {
         const minlengthMessage = makeMessage('minlength', field.args);
         field.invalidate(minlengthMessage);
-    } else if (maxlength && (fieldValueLength > maxlength)) {
+    } else if (maxlength && fieldValueLength > maxlength) {
         const maxlengthMessage = makeMessage('maxlength', field.args);
         field.invalidate(maxlengthMessage);
     } else {
@@ -33,14 +39,17 @@ validatorRegister.register(['matchingfield'], function (field) {
     var matchingField = document.getElementById(field.args('matchingfield'));
     var matchingFieldValue = matchingField.value;
 
-    var matchingFieldMessage = makeMessage('matchingfield', field.args, [thisFieldValue, matchingFieldValue]);
+    var matchingFieldMessage = makeMessage('matchingfield', field.args, [
+        thisFieldValue,
+        matchingFieldValue,
+    ]);
 
     var shouldHidePasswords = isPasswordField(field.el) || isPasswordField(matchingField);
     if (shouldHidePasswords) {
         matchingFieldMessage = makeMessage('matchingfield-novalue', field.args);
     }
 
-    if (!thisFieldValue || !matchingFieldValue){
+    if (!thisFieldValue || !matchingFieldValue) {
         field.validate();
     } else if (matchingFieldValue !== thisFieldValue) {
         field.invalidate(matchingFieldMessage);
@@ -66,12 +75,12 @@ validatorRegister.register(['doesnotcontain'], function (field) {
 
 //Matches regex
 
-function matchesRegex(val, regex){
+function matchesRegex(val, regex) {
     var matches = val.match(regex);
     if (!matches) {
         return false;
     }
-    var isExactMatch = (val === matches[0]);
+    var isExactMatch = val === matches[0];
     return isExactMatch;
 }
 
@@ -114,9 +123,9 @@ function minOrMax(field) {
     var minValue = field.args('min');
     var maxValue = field.args('max');
 
-    if (minValue && (fieldValue < parseInt(minValue, 10))) {
+    if (minValue && fieldValue < parseInt(minValue, 10)) {
         field.invalidate(makeMessage('min', field.args));
-    } else if (maxValue && (fieldValue > parseInt(maxValue, 10))){
+    } else if (maxValue && fieldValue > parseInt(maxValue, 10)) {
         field.invalidate(makeMessage('max', field.args));
     } else {
         field.validate();
@@ -131,12 +140,12 @@ validatorRegister.register(['dateformat'], function (field) {
     var dateFormatMessage = makeMessage('dateformat', field.args);
 
     var symbolRegexMap = {
-        'Y': '[0-9]{4}',
-        'y': '[0-9]{2}',
-        'm': '(0?[1-9]|10|11|12)',
-        'M': '[Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec]',
-        'D': '[Mon|Tue|Wed|Thu|Fri|Sat|Sun]',
-        'd': '([0-2]?[1-9]|10|20|30|31)'
+        Y: '[0-9]{4}',
+        y: '[0-9]{2}',
+        m: '(0?[1-9]|10|11|12)',
+        M: '[Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec]',
+        D: '[Mon|Tue|Wed|Thu|Fri|Sat|Sun]',
+        d: '([0-2]?[1-9]|10|20|30|31)',
     };
 
     var dateFormatSymbolArray = dateFormatSymbolic.split('');
@@ -164,8 +173,8 @@ validatorRegister.register(['dateformat'], function (field) {
 //Checkbox count
 validatorRegister.register(['minchecked', 'maxchecked'], function (field) {
     var amountChecked = $(field.el).find(':checked').length;
-    var aboveMin = !field.args('minchecked') || (amountChecked >= field.args('minchecked'));
-    var belowMax = !field.args('maxchecked') || (amountChecked <= field.args('maxchecked'));
+    var aboveMin = !field.args('minchecked') || amountChecked >= field.args('minchecked');
+    var belowMax = !field.args('maxchecked') || amountChecked <= field.args('maxchecked');
 
     var belowMinMessage = makeMessage('minchecked', field.args);
     var aboveMaxMessage = makeMessage('maxchecked', field.args);
@@ -213,20 +222,20 @@ function makeMessage(key, accessorFunction, customTokens) {
  must appear verbatim for the plugin I18n transformation to pick it up
  */
 var pluginI18nMessages = {
-    minlength: I18n.getText('aui.validation.message.minlength'),
-    maxlength: I18n.getText('aui.validation.message.maxlength'),
-    exactlength: I18n.getText('aui.validation.message.exactlength'),
-    matchingfield: I18n.getText('aui.validation.message.matchingfield'),
+    'minlength': I18n.getText('aui.validation.message.minlength'),
+    'maxlength': I18n.getText('aui.validation.message.maxlength'),
+    'exactlength': I18n.getText('aui.validation.message.exactlength'),
+    'matchingfield': I18n.getText('aui.validation.message.matchingfield'),
     'matchingfield-novalue': I18n.getText('aui.validation.message.matchingfield-novalue'),
-    doesnotcontain: I18n.getText('aui.validation.message.doesnotcontain'),
-    pattern: I18n.getText('aui.validation.message.pattern'),
-    required: I18n.getText('aui.validation.message.required'),
-    validnumber: I18n.getText('aui.validation.message.validnumber'),
-    min: I18n.getText('aui.validation.message.min'),
-    max: I18n.getText('aui.validation.message.max'),
-    dateformat: I18n.getText('aui.validation.message.dateformat'),
-    minchecked: I18n.getText('aui.validation.message.minchecked'),
-    maxchecked: I18n.getText('aui.validation.message.maxchecked')
+    'doesnotcontain': I18n.getText('aui.validation.message.doesnotcontain'),
+    'pattern': I18n.getText('aui.validation.message.pattern'),
+    'required': I18n.getText('aui.validation.message.required'),
+    'validnumber': I18n.getText('aui.validation.message.validnumber'),
+    'min': I18n.getText('aui.validation.message.min'),
+    'max': I18n.getText('aui.validation.message.max'),
+    'dateformat': I18n.getText('aui.validation.message.dateformat'),
+    'minchecked': I18n.getText('aui.validation.message.minchecked'),
+    'maxchecked': I18n.getText('aui.validation.message.maxchecked'),
 };
 
 amdify('aui/form-validation/basic-validators');

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

@@ -5,7 +5,7 @@ import amdify from '../internal/amdify';
 var ATTRIBUTE_RESERVED_ARGUMENTS = ['displayfield', 'watchfield', 'when', 'novalidate', 'state'];
 var validators = [];
 
-function getReservedArgument (validatorArguments) {
+function getReservedArgument(validatorArguments) {
     var reservedArgument = false;
 
     validatorArguments.some(function (arg) {
@@ -28,7 +28,7 @@ function getReservedArgument (validatorArguments) {
  *      field - the field that is being validated
  *      args - the arguments that have been specified in HTML markup.
  */
-function registerValidator (trigger, validatorFunction) {
+function registerValidator(trigger, validatorFunction) {
     var triggerSelector;
 
     if (typeof trigger === 'string') {
@@ -37,7 +37,11 @@ function registerValidator (trigger, validatorFunction) {
         var reservedArgument = getReservedArgument(trigger);
 
         if (reservedArgument) {
-            logger.warn('Validators cannot be registered with the argument "' + reservedArgument + '", as it is a reserved argument.');
+            logger.warn(
+                'Validators cannot be registered with the argument "' +
+                    reservedArgument +
+                    '", as it is a reserved argument.'
+            );
             return false;
         }
 
@@ -46,7 +50,7 @@ function registerValidator (trigger, validatorFunction) {
 
     var validator = {
         validatorFunction: validatorFunction,
-        validatorTrigger: triggerSelector
+        validatorTrigger: triggerSelector,
     };
 
     validators.push(validator);
@@ -58,7 +62,7 @@ var validatorRegister = {
     register: registerValidator,
     validators: function () {
         return validators;
-    }
+    },
 };
 
 amdify('aui/form-validation/validator-register', validatorRegister);