@atlassian/aui 9.3.21 → 9.3.23

package/src/js/aui/close-button.js

@@ -1,11 +1,7 @@
-import {I18n} from './i18n';
+import { I18n } from './i18n';
 
 const CLOSE_BUTTON_CLASS = 'aui-close-button';
 const CLOSE_BUTTON_CLASS_SELECTOR = `.${CLOSE_BUTTON_CLASS}`;
 const CLOSE_BUTTON = `<button type="button" class="${CLOSE_BUTTON_CLASS}" aria-label="${I18n.getText('aui.words.close')}">`;
 
-export {
-    CLOSE_BUTTON,
-    CLOSE_BUTTON_CLASS,
-    CLOSE_BUTTON_CLASS_SELECTOR
-};
+export { CLOSE_BUTTON, CLOSE_BUTTON_CLASS, CLOSE_BUTTON_CLASS_SELECTOR };

package/src/js/aui/contain-dropdown.js

@@ -1,7 +1,7 @@
 import $ from './jquery';
 import globalize from './internal/globalize';
 
-function containDropdown (dropdown, containerSelector, dynamic) {
+function containDropdown(dropdown, containerSelector, dynamic) {
     function getDropdownOffset() {
         return dropdown.$.offset().top - $(containerSelector).offset().top;
     }
@@ -24,17 +24,17 @@ function containDropdown (dropdown, containerSelector, dynamic) {
         }
         dropdown.reset();
     }
-};
+}
 
 containDropdown.containHeight = function (dropdown, availableArea) {
     dropdown.$.css({
-        height: availableArea
+        height: availableArea,
     });
     if (dropdown.$.css('overflowY') !== 'scroll') {
         dropdown.$.css({
             width: 15 + dropdown.$.attr('scrollWidth'),
             overflowY: 'scroll',
-            overflowX: 'hidden'
+            overflowX: 'hidden',
         });
     }
 };
@@ -44,7 +44,7 @@ containDropdown.releaseContainment = function (dropdown) {
         height: '',
         width: '',
         overflowY: '',
-        overflowX: ''
+        overflowX: '',
     });
 };
 

package/src/js/aui/contains.js

@@ -9,7 +9,7 @@ import indexOf from './index-of';
  *
  * @return {Boolean}
  */
-function contains (array, item) {
+function contains(array, item) {
     return indexOf(array, item) > -1;
 }
 

package/src/js/aui/cookie.js

@@ -7,11 +7,11 @@ var CONSECUTIVE_PIPE_CHARS_REGEX = /\|\|+/g;
 var ANY_QUOTE_REGEX = /"/g;
 var REGEX_SPECIAL_CHARS = /[.*+?|^$()[\]{\\]/g;
 
-function regexEscape (str) {
+function regexEscape(str) {
     return str.replace(REGEX_SPECIAL_CHARS, '\\$&');
 }
 
-function getValueFromConglomerate (name, cookieValue) {
+function getValueFromConglomerate(name, cookieValue) {
     // A null cookieValue is just the first time through so create it.
     cookieValue = cookieValue || '';
     var reg = new RegExp(regexEscape(name) + '=([^|]+)');
@@ -20,7 +20,7 @@ function getValueFromConglomerate (name, cookieValue) {
 }
 
 // Either append or replace the value in the cookie string/
-function addOrAppendToValue (name, value, cookieValue) {
+function addOrAppendToValue(name, value, cookieValue) {
     // A cookie name follows after any amount of white space mixed with any amount of '|' characters.
     // A cookie value is preceded by '=', then anything except for '|'.
     var reg = new RegExp('(\\s|\\|)*\\b' + regexEscape(name) + '=[^|]*[|]*');
@@ -38,17 +38,17 @@ function addOrAppendToValue (name, value, cookieValue) {
     return cookieValue.replace(CONSECUTIVE_PIPE_CHARS_REGEX, '|');
 }
 
-function unescapeCookieValue (name) {
+function unescapeCookieValue(name) {
     return name.replace(UNESCAPE_COOKIE_REGEX, '');
 }
 
-function getCookieValue (name) {
+function getCookieValue(name) {
     var reg = new RegExp('\\b' + regexEscape(name) + '=((?:[^\\\\;]+|\\\\.)*)(?:;|$)');
     var res = document.cookie.match(reg);
     return res && unescapeCookieValue(res[1]);
 }
 
-function saveCookie (name, value, days) {
+function saveCookie(name, value, days) {
     var ex = '';
     var d;
     var quotedValue = '"' + value.replace(ANY_QUOTE_REGEX, '\\"') + '"';
@@ -68,7 +68,7 @@ function saveCookie (name, value, days) {
  * @param value {String} value of cookie
  * @param expires {Number} number of days before cookie expires
  */
-function save (name, value, expires) {
+function save(name, value, expires) {
     var cookieValue = getCookieValue(COOKIE_NAME);
     cookieValue = addOrAppendToValue(name, value, cookieValue);
     saveCookie(COOKIE_NAME, cookieValue, expires || 365);
@@ -79,7 +79,7 @@ function save (name, value, expires) {
  * @param name {String} name of cookie to read
  * @param defaultValue {String} the default value of the cookie to return if not found
  */
-function read (name, defaultValue) {
+function read(name, defaultValue) {
     var cookieValue = getCookieValue(COOKIE_NAME);
     var value = getValueFromConglomerate(name, cookieValue);
     if (value != null) {
@@ -92,14 +92,14 @@ function read (name, defaultValue) {
  * Remove the given cookie.
  * @param name {String} the name of the cookie to remove
  */
-function erase (name) {
+function erase(name) {
     save(name, '');
 }
 
 var cookie = {
     erase: erase,
     read: read,
-    save: save
+    save: save,
 };
 
 globalize('cookie', cookie);
@@ -107,11 +107,7 @@ globalize('Cookie', cookie);
 
 deprecate.prop(AJS, 'Cookie', {
     alternativeName: 'cookie',
-    sinceVersion: '5.8.0'
+    sinceVersion: '5.8.0',
 });
 
-export {
-    erase,
-    read,
-    save
-};
+export { erase, read, save };

package/src/js/aui/date-picker.js

@@ -8,7 +8,7 @@ import { I18n } from './i18n';
 import InlineDialogEl from './inline-dialog2';
 import generateUniqueId from './unique-id';
 
-const makePopup = ({horizontalAlignment, datePickerUUID}) => {
+const makePopup = ({ horizontalAlignment, datePickerUUID }) => {
     const popupInlineDialogElement = new InlineDialogEl();
     popupInlineDialogElement.id = datePickerUUID;
 
@@ -21,7 +21,15 @@ const makePopup = ({horizontalAlignment, datePickerUUID}) => {
     return popup;
 };
 
-const makeConfig = ({ minDate, maxDate, dateFormat, $field, onSelect, hide, onChangeMonthYear}) => ({
+const makeConfig = ({
+    minDate,
+    maxDate,
+    dateFormat,
+    $field,
+    onSelect,
+    hide,
+    onChangeMonthYear,
+}) => ({
     dateFormat,
     defaultDate: $field.val(),
     maxDate: maxDate || $field.attr('max'),
@@ -35,10 +43,10 @@ const makeConfig = ({ minDate, maxDate, dateFormat, $field, onSelect, hide, onCh
         onSelect && onSelect.call(this, dateText);
     },
     onChangeMonthYear,
-    prevText: '<'
+    prevText: '<',
 });
 
-const initCalendar = ({config, popupContents, getCalendarNode, hint}) => {
+const initCalendar = ({ config, popupContents, getCalendarNode, hint }) => {
     const calendar = $(getCalendarNode());
 
     calendar.datepicker(config);
@@ -59,7 +67,6 @@ const makeDefaultPopupController = ($field, datePickerUUID) => {
     let parentPopup;
     let isTrackingDatePickerFocus = false; // used to prevent multiple bindings of handleDatePickerFocus within handleFieldBlur
 
-
     const $body = $('body');
 
     const handleDatePickerFocus = (event) => {
@@ -81,33 +88,33 @@ const makeDefaultPopupController = ($field, datePickerUUID) => {
 
     const handleFieldBlur = () => {
         // Trigger blur if event is keydown and esc OR is focusout.
-        if (!(isTrackingDatePickerFocus)) {
+        if (!isTrackingDatePickerFocus) {
             $body.on('focus blur click mousedown', '*', handleDatePickerFocus);
             isTrackingDatePickerFocus = true;
         }
     };
 
-
     const createPolyfill = function () {
         // bind additional field processing events
         $body.on('keydown', handleDatePickerFocus);
         $field.on('focusout keydown', handleFieldBlur);
-
-
     };
 
-    const getPopupContents = ({$field}) => {
-        const calculateHorizontalAlignment = $field => {
+    const getPopupContents = ({ $field }) => {
+        const calculateHorizontalAlignment = ($field) => {
             let inLeftHalf = $field.offset().left < window.innerWidth / 2;
             return inLeftHalf ? 'left' : 'right';
         };
 
-        popup = makePopup({horizontalAlignment: calculateHorizontalAlignment($field), datePickerUUID});
+        popup = makePopup({
+            horizontalAlignment: calculateHorizontalAlignment($field),
+            datePickerUUID,
+        });
 
         parentPopup = $field.closest('aui-inline-dialog').get(0);
         if (parentPopup) {
             parentPopup._datePickerPopup = popup; // AUI-2696 - hackish coupling to control inline-dialog close behaviour.
-            $(parentPopup).on('aui-hide', e => {
+            $(parentPopup).on('aui-hide', (e) => {
                 if (isTrackingDatePickerFocus) {
                     e.preventDefault();
                 }
@@ -127,7 +134,7 @@ const makeDefaultPopupController = ($field, datePickerUUID) => {
 
     const handleFieldFocus = () => {
         if (!popup.get(0).open) {
-            showDatePicker()
+            showDatePicker();
         }
     };
 
@@ -144,8 +151,7 @@ const makeDefaultPopupController = ($field, datePickerUUID) => {
         setTimeout(popup.refresh, 0);
     };
 
-    const getCalendarNode = () =>
-        popup.get(0).childNodes[0];
+    const getCalendarNode = () => popup.get(0).childNodes[0];
 
     const destroyPolyfill = () => {
         // goodbye, cruel world!
@@ -167,8 +173,8 @@ const makeDefaultPopupController = ($field, datePickerUUID) => {
         handleChangeMonthYear,
         getCalendarNode,
         destroyPolyfill,
-        createPolyfill
-    }
+        createPolyfill,
+    };
 };
 
 const initPolyfill = function (datePicker) {
@@ -211,9 +217,9 @@ const initPolyfill = function (datePicker) {
     // mutate datePicker public API
     // -----------------------------------------------------------------
     {
-        const withCalendar = callback => value => {
+        const withCalendar = (callback) => (value) => {
             if (typeof calendar !== 'undefined') {
-                return callback(value)
+                return callback(value);
             }
         };
 
@@ -254,26 +260,27 @@ const initPolyfill = function (datePicker) {
 
             delete datePicker.show;
             delete datePicker.hide;
-
         };
 
-        datePicker.setDate = withCalendar(value => {
-            calendar.datepicker('setDate', value)
+        datePicker.setDate = withCalendar((value) => {
+            calendar.datepicker('setDate', value);
         });
 
         datePicker.getDate = withCalendar(() => calendar.datepicker('getDate'));
 
-        datePicker.setMin = withCalendar(value => calendar.datepicker('option', 'minDate', value));
+        datePicker.setMin = withCalendar((value) =>
+            calendar.datepicker('option', 'minDate', value)
+        );
 
-        datePicker.setMax = withCalendar(value => calendar.datepicker('option', 'maxDate', value));
+        datePicker.setMax = withCalendar((value) =>
+            calendar.datepicker('option', 'maxDate', value)
+        );
     }
 
-
     // -----------------------------------------------------------------
     // polyfill bootstrap ----------------------------------------------
     // -----------------------------------------------------------------
 
-
     if (!(options.languageCode in DatePicker.prototype.localisations)) {
         options.languageCode = '';
     }
@@ -283,7 +290,9 @@ const initPolyfill = function (datePicker) {
 
     if (typeof calendar === 'undefined') {
         if (typeof $field.attr('step') !== 'undefined') {
-            logger.log('WARNING: The date picker polyfill currently does not support the step attribute!');
+            logger.log(
+                'WARNING: The date picker polyfill currently does not support the step attribute!'
+            );
         }
         const baseConfig = makeConfig({
             dateFormat: options.dateFormat,
@@ -292,7 +301,7 @@ const initPolyfill = function (datePicker) {
             $field,
             onSelect: options.onSelect,
             hide: datePicker.hide,
-            onChangeMonthYear: handleChangeMonthYear
+            onChangeMonthYear: handleChangeMonthYear,
         });
         const config = $.extend(undefined, baseConfig, i18nConfig);
 
@@ -304,16 +313,15 @@ const initPolyfill = function (datePicker) {
 
         calendar = initCalendar({
             config,
-            popupContents: getPopupContents({$field}),
+            popupContents: getPopupContents({ $field }),
             getCalendarNode,
-            hint: options.hint
+            hint: options.hint,
         });
 
         createPolyfill();
 
         $field.on('propertychange keyup input paste', handleFieldUpdate);
 
-
         // bind attribute handlers to account for html5 attributes
         attributeHandler = new MutationObserver(function (mutationsList) {
             mutationsList.forEach(function (mutation) {
@@ -324,7 +332,7 @@ const initPolyfill = function (datePicker) {
                 }
             });
         });
-        attributeHandler.observe($field.get(0), {attributes: true});
+        attributeHandler.observe($field.get(0), { attributes: true });
     }
 
     // bind what we need to start off with
@@ -370,17 +378,14 @@ function DatePicker(field, baseOptions) {
             const browserDoesNotSupportDateField = !DatePicker.prototype.browserSupportsDateField;
             const shouldOverrideBrowserDefault = options.overrideBrowserDefault !== false;
 
-            if (
-                browserDoesNotSupportDateField ||
-                shouldOverrideBrowserDefault
-            ) {
+            if (browserDoesNotSupportDateField || shouldOverrideBrowserDefault) {
                 initPolyfill(datePicker);
             }
         },
-        reconfigure: newOptions => {
+        reconfigure: (newOptions) => {
             options = $.extend(undefined, DatePicker.prototype.defaultOptions, newOptions);
             datePicker.reset();
-        }
+        },
     };
 
     datePicker.reconfigure(baseOptions);
@@ -398,14 +403,17 @@ DatePicker.prototype.defaultOptions = {
     overrideBrowserDefault: false,
     firstDay: -1,
     languageCode: $('html').attr('lang') || 'en-AU',
-    dateFormat: datepickerUI.W3C // same as $.datepicker.ISO_8601
+    dateFormat: datepickerUI.W3C, // same as $.datepicker.ISO_8601
 };
 
 function CalendarWidget(calendarNode, baseOptions) {
-    const options = $.extend({
-        'nextText': '>',
-        'prevText': '<'
-    }, baseOptions);
+    const options = $.extend(
+        {
+            nextText: '>',
+            prevText: '<',
+        },
+        baseOptions
+    );
 
     const $calendarNode = $(calendarNode);
 
@@ -429,7 +437,7 @@ function CalendarWidget(calendarNode, baseOptions) {
         $result.datepicker('destroy');
     };
 
-    return $result
+    return $result;
 }
 
 // adapted from the jQuery UI Datepicker widget (v1.8.16), with the following changes:
@@ -459,23 +467,28 @@ for (langCode in langs) {
  */
 
 DatePicker.prototype.localisations = {
-    'dayNames': [I18n.getText('ajs.datepicker.localisations.day-names.sunday'),
+    dayNames: [
+        I18n.getText('ajs.datepicker.localisations.day-names.sunday'),
         I18n.getText('ajs.datepicker.localisations.day-names.monday'),
         I18n.getText('ajs.datepicker.localisations.day-names.tuesday'),
         I18n.getText('ajs.datepicker.localisations.day-names.wednesday'),
         I18n.getText('ajs.datepicker.localisations.day-names.thursday'),
         I18n.getText('ajs.datepicker.localisations.day-names.friday'),
-        I18n.getText('ajs.datepicker.localisations.day-names.saturday')],
-    'dayNamesMin': [I18n.getText('ajs.datepicker.localisations.day-names-min.sunday'),
+        I18n.getText('ajs.datepicker.localisations.day-names.saturday'),
+    ],
+    dayNamesMin: [
+        I18n.getText('ajs.datepicker.localisations.day-names-min.sunday'),
         I18n.getText('ajs.datepicker.localisations.day-names-min.monday'),
         I18n.getText('ajs.datepicker.localisations.day-names-min.tuesday'),
         I18n.getText('ajs.datepicker.localisations.day-names-min.wednesday'),
         I18n.getText('ajs.datepicker.localisations.day-names-min.thursday'),
         I18n.getText('ajs.datepicker.localisations.day-names-min.friday'),
-        I18n.getText('ajs.datepicker.localisations.day-names-min.saturday')],
-    'firstDay': I18n.getText('ajs.datepicker.localisations.first-day'),
-    'isRTL': I18n.getText('ajs.datepicker.localisations.is-RTL') === 'true',
-    'monthNames': [I18n.getText('ajs.datepicker.localisations.month-names.january'),
+        I18n.getText('ajs.datepicker.localisations.day-names-min.saturday'),
+    ],
+    firstDay: I18n.getText('ajs.datepicker.localisations.first-day'),
+    isRTL: I18n.getText('ajs.datepicker.localisations.is-RTL') === 'true',
+    monthNames: [
+        I18n.getText('ajs.datepicker.localisations.month-names.january'),
         I18n.getText('ajs.datepicker.localisations.month-names.february'),
         I18n.getText('ajs.datepicker.localisations.month-names.march'),
         I18n.getText('ajs.datepicker.localisations.month-names.april'),
@@ -486,29 +499,31 @@ DatePicker.prototype.localisations = {
         I18n.getText('ajs.datepicker.localisations.month-names.september'),
         I18n.getText('ajs.datepicker.localisations.month-names.october'),
         I18n.getText('ajs.datepicker.localisations.month-names.november'),
-        I18n.getText('ajs.datepicker.localisations.month-names.december')],
-    'showMonthAfterYear': I18n.getText('ajs.datepicker.localisations.show-month-after-year') === 'true',
-    'yearSuffix': I18n.getText('ajs.datepicker.localisations.year-suffix')
+        I18n.getText('ajs.datepicker.localisations.month-names.december'),
+    ],
+    showMonthAfterYear:
+        I18n.getText('ajs.datepicker.localisations.show-month-after-year') === 'true',
+    yearSuffix: I18n.getText('ajs.datepicker.localisations.year-suffix'),
 };
 
-
 // -------------------------------------------------------------------------
 // finally, integrate with jQuery for convenience --------------------------
 // -------------------------------------------------------------------------
 const key = 'aui-datepicker';
 
-const makePlugin = (WidgetConstructor) => function (options) {
-    let picker = this.data(key);
-    if (!picker) {
-        picker = new WidgetConstructor(this, options);
-        this.data(key, picker);
-    } else if (typeof options === 'object') {
-        picker.reconfigure(options);
-    } else if (options === 'destroy') {
-        picker.destroy();
-    }
-    return picker;
-};
+const makePlugin = (WidgetConstructor) =>
+    function (options) {
+        let picker = this.data(key);
+        if (!picker) {
+            picker = new WidgetConstructor(this, options);
+            this.data(key, picker);
+        } else if (typeof options === 'object') {
+            picker.reconfigure(options);
+        } else if (options === 'destroy') {
+            picker.destroy();
+        }
+        return picker;
+    };
 
 $.fn.datePicker = makePlugin(DatePicker);
 globalize('DatePicker', DatePicker);
@@ -517,4 +532,4 @@ $.fn.calendarWidget = makePlugin(CalendarWidget);
 globalize('CalendarWidget', CalendarWidget);
 
 export default DatePicker;
-export { CalendarWidget }
+export { CalendarWidget };

package/src/js/aui/debounce.js

@@ -4,7 +4,7 @@ import * as deprecate from './internal/deprecation';
 /**
  * @deprecated Since 8.0.0 Use equivalent functions from libraries like lodash / underscore instead.
  */
-function debounce (func, wait) {
+function debounce(func, wait) {
     var timeout;
     var result;
 
@@ -26,7 +26,7 @@ function debounce (func, wait) {
 var deprecatedDebounce = deprecate.fn(debounce, 'AJS.debounce', {
     removeInVersion: '10.0.0',
     sinceVersion: '8.0.0',
-    extraInfo: 'Use equivalent functions from libraries like lodash / underscore instead'
+    extraInfo: 'Use equivalent functions from libraries like lodash / underscore instead',
 });
 
 export default deprecatedDebounce;
@@ -36,7 +36,7 @@ globalize('debounce', deprecatedDebounce);
 /**
  * @deprecated Since 8.0.0 Use equivalent functions from libraries like lodash / underscore instead.
  */
-function debounceImmediate (func, wait) {
+function debounceImmediate(func, wait) {
     var timeout = null;
     var result;
 
@@ -61,12 +61,9 @@ function debounceImmediate (func, wait) {
 var deprecatedDebounceImmediate = deprecate.fn(debounceImmediate, 'AJS.debounceImmediate', {
     removeInVersion: '10.0.0',
     sinceVersion: '8.0.0',
-    extraInfo: 'Use equivalent functions from libraries like lodash / underscore instead'
+    extraInfo: 'Use equivalent functions from libraries like lodash / underscore instead',
 });
 
-export {
-    deprecatedDebounceImmediate as debounceImmediate
-};
+export { deprecatedDebounceImmediate as debounceImmediate };
 
 globalize('debounceImmediate', deprecatedDebounceImmediate);
-