@atlassian/aui 9.9.6 → 9.9.7

package/src/js/aui/checkbox-multiselect.js

@@ -15,11 +15,12 @@ var templates = {
         // clear items section
         var $clearItemsSection = createSection();
 
-        $('<button />').attr({
-            type: 'button',
-            'data-aui-checkbox-multiselect-clear': '',
-            class: 'aui-button aui-button-link'
-        })
+        $('<button />')
+            .attr({
+                'type': 'button',
+                'data-aui-checkbox-multiselect-clear': '',
+                'class': 'aui-button aui-button-link',
+            })
             .text(I18n.getText('aui.checkboxmultiselect.clear.selected'))
             .appendTo($clearItemsSection);
 
@@ -28,11 +29,13 @@ var templates = {
         var $itemList = $('<ul />').appendTo($section);
 
         $.each(items, function (idx, item) {
-            var $li = $('<li />').attr({
-                class: item.styleClass || ''
-            }).appendTo($itemList);
+            var $li = $('<li />')
+                .attr({
+                    class: item.styleClass || '',
+                })
+                .appendTo($itemList);
 
-            var $a =  $('<a />')
+            var $a = $('<a />')
                 .text(item.label)
                 .attr('data-value', item.value)
                 .addClass('aui-dropdown2-checkbox aui-dropdown2-interactive')
@@ -50,40 +53,33 @@ var templates = {
             }
         });
 
-        return $('<div />')
-            .append($clearItemsSection)
-            .append($section)
-            .html();
+        return $('<div />').append($clearItemsSection).append($section).html();
     },
 
     furniture: function (name, optionsHtml) {
         var dropdownId = name + '-dropdown';
 
-        var $select = $('<select />').attr({
-            name: name,
-            multiple: 'multiple'
-        }).html(optionsHtml);
-
-        var $dropdown = $('<div>')
+        var $select = $('<select />')
             .attr({
-                id: dropdownId,
-                class: 'aui-checkbox-multiselect-dropdown aui-dropdown2'
-            });
+                name: name,
+                multiple: 'multiple',
+            })
+            .html(optionsHtml);
 
-        var $button = $('<button />')
-            .attr({
-                class: 'aui-checkbox-multiselect-btn aui-button aui-dropdown2-trigger',
-                type: 'button',
-                'aria-owns': dropdownId,
-                'aria-haspopup': true
-            });
-
-        return $('<div />')
-            .append($select)
-            .append($button)
-            .append($dropdown)
-            .html();
-    }
+        var $dropdown = $('<div>').attr({
+            id: dropdownId,
+            class: 'aui-checkbox-multiselect-dropdown aui-dropdown2',
+        });
+
+        var $button = $('<button />').attr({
+            'class': 'aui-checkbox-multiselect-btn aui-button aui-dropdown2-trigger',
+            'type': 'button',
+            'aria-owns': dropdownId,
+            'aria-haspopup': true,
+        });
+
+        return $('<div />').append($select).append($button).append($dropdown).html();
+    },
 };
 
 /**
@@ -91,7 +87,7 @@ var templates = {
  * option in the <select>.
  * @private
  */
-function handleDropdownSelection (e) {
+function handleDropdownSelection(e) {
     var $a = $(e.target);
     var value = $a.attr('data-value');
     updateOption(this, value, $a.hasClass('aui-dropdown2-checked'));
@@ -104,7 +100,7 @@ function handleDropdownSelection (e) {
  * @param value - value of option to update
  * @param {Boolean} selected - select or unselect it.
  */
-function updateOption (component, value, selected) {
+function updateOption(component, value, selected) {
     var $toUpdate = component.$select.find('option').filter(function () {
         var $this = $(this);
         return $this.attr('value') === value && $this.prop('selected') !== selected;
@@ -119,7 +115,7 @@ function updateOption (component, value, selected) {
  * Enables 'clear all' button if there are any selected <option>s, otherwise disables it.
  * @private
  */
-function updateClearAll (component) {
+function updateClearAll(component) {
     component.$dropdown.find('[data-aui-checkbox-multiselect-clear]').prop('disabled', function () {
         return getSelectedDescriptors(component).length < 1;
     });
@@ -131,8 +127,10 @@ function updateClearAll (component) {
  * @param component
  * @returns {string}
  */
-function getButtonTitle (component) {
-    return component.$dropdown[0].hasAttribute('hidden') ? '' : getSelectedLabels(component).join(', ');
+function getButtonTitle(component) {
+    return component.$dropdown[0].hasAttribute('hidden')
+        ? ''
+        : getSelectedLabels(component).join(', ');
 }
 
 /**
@@ -141,7 +139,7 @@ function getButtonTitle (component) {
  * @returns {Array<Object>}
  * @private
  */
-function mapOptionDescriptors ($options) {
+function mapOptionDescriptors($options) {
     return $options.map(function () {
         var $option = $(this);
         return {
@@ -151,7 +149,7 @@ function mapOptionDescriptors ($options) {
             styleClass: $option.data('styleClass'),
             title: $option.attr('title'),
             disabled: $option.attr('disabled'),
-            selected: $option.prop('selected')
+            selected: $option.prop('selected'),
         };
     });
 }
@@ -161,16 +159,15 @@ function mapOptionDescriptors ($options) {
  * @returns {string}
  * @private
  */
-function getImplicitAllLabel (component) {
+function getImplicitAllLabel(component) {
     return $(component).data('allLabel') || 'All';
 }
 
-
 /**
  * Renders dropdown with list of items representing the selected or unselect state of the <option>s in <select>
  * @private
  */
-function renderDropdown (component) {
+function renderDropdown(component) {
     component.$dropdown.html(templates.dropdown(getDescriptors(component)));
     updateClearAll(component);
 }
@@ -180,9 +177,11 @@ function renderDropdown (component) {
  * is displayed.
  * @private
  */
-function renderButton (component) {
+function renderButton(component) {
     var selectedLabels = getSelectedLabels(component);
-    var label = isImplicitAll(component) ? getImplicitAllLabel(component) : selectedLabels.join(', ');
+    var label = isImplicitAll(component)
+        ? getImplicitAllLabel(component)
+        : selectedLabels.join(', ');
     component.$btn.text(label);
 }
 
@@ -192,7 +191,7 @@ function renderButton (component) {
  * @private
  * @returns Array<Object>
  */
-function getDescriptors (component) {
+function getDescriptors(component) {
     return mapOptionDescriptors(component.getOptions());
 }
 
@@ -202,7 +201,7 @@ function getDescriptors (component) {
  * @private
  * @returns Array<Object>
  */
-function getSelectedDescriptors (component) {
+function getSelectedDescriptors(component) {
     return mapOptionDescriptors(component.getSelectedOptions());
 }
 
@@ -211,7 +210,7 @@ function getSelectedDescriptors (component) {
  * @private
  * @returns Array<String>
  */
-function getSelectedLabels (component) {
+function getSelectedLabels(component) {
     return $.map(getSelectedDescriptors(component), function (descriptor) {
         return descriptor.label;
     });
@@ -221,7 +220,7 @@ function getSelectedLabels (component) {
  * If nothing is selected, we take this to mean that everything is selected.
  * @returns Boolean
  */
-function isImplicitAll (component) {
+function isImplicitAll(component) {
     return getSelectedDescriptors(component).length === 0;
 }
 
@@ -237,29 +236,30 @@ const CheckboxMultiselectEl = skate('aui-checkbox-multiselect', {
         var name = component.getAttribute('name') || uid('aui-checkbox-multiselect-');
         component.innerHTML = templates.furniture(name, component.innerHTML);
 
-        component.$select = $('select', component)
-            .on('change', function () {
-                renderButton(component);
-                updateClearAll(component);
-            });
+        component.$select = $('select', component).on('change', function () {
+            renderButton(component);
+            updateClearAll(component);
+        });
 
         component.$dropdown = $('.aui-checkbox-multiselect-dropdown', component)
             .on('aui-dropdown2-item-check', handleDropdownSelection.bind(component))
             .on('aui-dropdown2-item-uncheck', handleDropdownSelection.bind(component))
-            .on('click', 'button[data-aui-checkbox-multiselect-clear]', component.deselectAllOptions.bind(component));
-
-        component.$btn = $('.aui-checkbox-multiselect-btn', component)
-            .tooltip({
-                title: function () {
-                    return getButtonTitle(component);
-                }
-            });
+            .on(
+                'click',
+                'button[data-aui-checkbox-multiselect-clear]',
+                component.deselectAllOptions.bind(component)
+            );
+
+        component.$btn = $('.aui-checkbox-multiselect-btn', component).tooltip({
+            title: function () {
+                return getButtonTitle(component);
+            },
+        });
 
         renderButton(component);
         renderDropdown(component);
     },
     prototype: {
-
         /**
          * Gets all options regardless of selected or unselected
          * @returns {jQuery}
@@ -303,7 +303,9 @@ const CheckboxMultiselectEl = skate('aui-checkbox-multiselect', {
          */
         deselectAllOptions: function () {
             this.$select.val([]).trigger('change');
-            this.$dropdown.find('.aui-dropdown2-checked,.checked').removeClass('aui-dropdown2-checked checked');
+            this.$dropdown
+                .find('.aui-dropdown2-checked,.checked')
+                .removeClass('aui-dropdown2-checked checked');
         },
 
         /**
@@ -311,13 +313,14 @@ const CheckboxMultiselectEl = skate('aui-checkbox-multiselect', {
          * @param descriptor
          */
         addOption: function (descriptor) {
-            $('<option />').attr({
-                value: descriptor.value,
-                icon: descriptor.icon,
-                disabled: descriptor.disabled,
-                selected: descriptor.selected,
-                title: descriptor.title
-            })
+            $('<option />')
+                .attr({
+                    value: descriptor.value,
+                    icon: descriptor.icon,
+                    disabled: descriptor.disabled,
+                    selected: descriptor.selected,
+                    title: descriptor.title,
+                })
                 .text(descriptor.label)
                 .appendTo(this.$select);
             renderButton(this);
@@ -332,8 +335,8 @@ const CheckboxMultiselectEl = skate('aui-checkbox-multiselect', {
             this.$select.find("[value='" + value + "']").remove();
             renderButton(this);
             renderDropdown(this);
-        }
-    }
+        },
+    },
 });
 
 amdify('aui/checkbox-multiselect', CheckboxMultiselectEl);

package/src/js/aui/clone.js

@@ -6,7 +6,7 @@ import globalize from './internal/globalize';
  *
  * @param {String} selector A jQuery selector
  */
-function clone (selector) {
+function clone(selector) {
     return $(selector).clone().removeAttr('id');
 }
 

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