@atlassian/aui 9.12.6 → 9.12.7

package/src/js/aui/select.js

@@ -42,11 +42,11 @@ function hasResults(element) {
     return element._suggestionModel.getNumberOfResults();
 }
 
-function waitForAssistive (callback) {
+function waitForAssistive(callback) {
     setTimeout(callback, ASSISTIVE_STATUS_DELAY_MS);
 }
 
-function setBusyState (element) {
+function setBusyState(element) {
     if (!element._button.isBusy()) {
         element._button.busy();
         element._input.setAttribute('aria-busy', 'true');
@@ -54,30 +54,30 @@ function setBusyState (element) {
     }
 }
 
-function setIdleState (element) {
+function setIdleState(element) {
     element._button.idle();
     element._input.setAttribute('aria-busy', 'false');
     element._dropdown.setAttribute('aria-busy', 'false');
 }
 
-function matchPrefix (model, query) {
+function matchPrefix(model, query) {
     var value = model.get('label').toLowerCase();
     return value.indexOf(query.toLowerCase()) === 0;
 }
 
-function resetDropdown (element) {
+function resetDropdown(element) {
     element._input.setAttribute('aria-expanded', 'false');
     element._button.setAttribute('aria-expanded', 'false');
     element._input.removeAttribute('aria-activedescendant');
     updateAssistiveStatus(element, '');
 }
 
-function resetAndCloseDropdown (element) {
+function resetAndCloseDropdown(element) {
     element._suggestionsView.hide();
     resetDropdown(element);
 }
 
-function setInitialVisualState (element) {
+function setInitialVisualState(element) {
     var initialHighlightedItem = hasResults(element) ? 0 : NO_HIGHLIGHT;
 
     element._suggestionModel.highlight(initialHighlightedItem);
@@ -85,12 +85,12 @@ function setInitialVisualState (element) {
     resetAndCloseDropdown(element);
 }
 
-function setElementImage (element, imageSource) {
+function setElementImage(element, imageSource) {
     $(element._input).addClass('aui-select-has-inline-image');
     element._input.setAttribute('style', 'background-image: url(' + encodeURI(imageSource) + ')');
 }
 
-function suggest (element, autoHighlight, query) {
+function suggest(element, autoHighlight, query) {
     element._autoHighlight = autoHighlight;
 
     if (query === undefined) {
@@ -100,14 +100,16 @@ function suggest (element, autoHighlight, query) {
     element._progressiveDataSet.query(query);
 }
 
-function setInputImageToHighlightedSuggestion (element) {
-    var imageSource = (element._suggestionModel.highlighted() && element._suggestionModel.highlighted().get('img-src'));
+function setInputImageToHighlightedSuggestion(element) {
+    var imageSource =
+        element._suggestionModel.highlighted() &&
+        element._suggestionModel.highlighted().get('img-src');
     if (imageSource) {
         setElementImage(element, imageSource);
     }
 }
 
-function setValueAndDisplayFromModel (element, model) {
+function setValueAndDisplayFromModel(element, model) {
     if (!model) {
         return;
     }
@@ -126,25 +128,25 @@ function setValueAndDisplayFromModel (element, model) {
 
     select.innerHTML = '';
     select.options.add(option);
-    select.dispatchEvent(new CustomEvent('change', {bubbles: true}));
+    select.dispatchEvent(new CustomEvent('change', { bubbles: true }));
 }
 
-function clearValue (element) {
+function clearValue(element) {
     element._input.value = '';
     element._select.innerHTML = '';
 }
 
-function selectHighlightedSuggestion (element) {
+function selectHighlightedSuggestion(element) {
     setValueAndDisplayFromModel(element, element._suggestionModel.highlighted());
     setInputImageToHighlightedSuggestion(element);
     resetAndCloseDropdown(element);
 }
 
-function convertOptionToModel (option) {
+function convertOptionToModel(option) {
     return new SuggestionModel(option.serialize());
 }
 
-function convertOptionsToModels (element) {
+function convertOptionsToModels(element) {
     var models = [];
 
     for (var i = 0; i < element._datalist.children.length; i++) {
@@ -161,7 +163,7 @@ function convertOptionsToModels (element) {
  * @param data
  * @returns {boolean} true if the results are different from the previous set; false otherwise.
  */
-function clearAndSet (element, data) {
+function clearAndSet(element, data) {
     const before = element._suggestionModel.getNumberOfResults();
     element._suggestionModel.set();
     element._suggestionModel.set(data.results);
@@ -169,12 +171,12 @@ function clearAndSet (element, data) {
     return before !== after;
 }
 
-function getActiveId (select) {
+function getActiveId(select) {
     var active = select._dropdown.querySelector('.aui-select-active');
     return active && active.id;
 }
 
-function getIndexInResults (id, results) {
+function getIndexInResults(id, results) {
     var resultsIds = $.map(results, function (result) {
         return result.id;
     });
@@ -182,7 +184,7 @@ function getIndexInResults (id, results) {
     return resultsIds.indexOf(id);
 }
 
-function createNewValueModel (element) {
+function createNewValueModel(element) {
     var option = new Option();
     option.setAttribute('value', element._input.value);
     var newValueSuggestionModel = convertOptionToModel(option);
@@ -190,12 +192,12 @@ function createNewValueModel (element) {
     return newValueSuggestionModel;
 }
 
-function initialiseProgressiveDataSet (element) {
+function initialiseProgressiveDataSet(element) {
     element._progressiveDataSet = new ProgressiveDataSet(convertOptionsToModels(element), {
         model: SuggestionModel,
         matcher: matchPrefix,
         queryEndpoint: element._queryEndpoint,
-        maxResults: DEFAULT_SS_PDS_SIZE
+        maxResults: DEFAULT_SS_PDS_SIZE,
     });
 
     element._isSync = !element._queryEndpoint;
@@ -267,20 +269,27 @@ function initialiseProgressiveDataSet (element) {
         element._button.setAttribute('aria-expanded', 'true');
 
         // If the response is async (append operation), has elements to append and has a highlighted element, we need to update the status.
-        if (!element._isSync && resultsChanged && element._suggestionsView.getActive() && state(element).get('should-flag-new-suggestions')) {
-            element.querySelector('.aui-select-status').innerHTML = I18n.getText('aui.select.new.suggestions');
+        if (
+            !element._isSync &&
+            resultsChanged &&
+            element._suggestionsView.getActive() &&
+            state(element).get('should-flag-new-suggestions')
+        ) {
+            element.querySelector('.aui-select-status').innerHTML = I18n.getText(
+                'aui.select.new.suggestions'
+            );
         }
 
         element._suggestionsView.show();
     });
 }
 
-function associateDropdownAndTrigger (element) {
+function associateDropdownAndTrigger(element) {
     element._dropdown.id = element._listId;
     element.querySelector('button').setAttribute('aria-controls', element._listId);
 }
 
-function bindHighlightMouseover (element) {
+function bindHighlightMouseover(element) {
     $(element._dropdown).on('mouseover', 'li', function (e) {
         if (hasResults(element)) {
             element._suggestionModel.highlight($(e.target).index());
@@ -288,10 +297,10 @@ function bindHighlightMouseover (element) {
     });
 }
 
-export function bindSelectMousedown (element) {
+export function bindSelectMousedown(element) {
     let preventClosingContainerLayer = false;
 
-    $(document).on('aui-close-layers-on-outer-click.single-select', e => {
+    $(document).on('aui-close-layers-on-outer-click.single-select', (e) => {
         if (preventClosingContainerLayer) {
             e.preventDefault();
             preventClosingContainerLayer = false;
@@ -312,7 +321,7 @@ export function bindSelectMousedown (element) {
     });
 }
 
-function updateAssistiveStatus (element, status) {
+function updateAssistiveStatus(element, status) {
     clearTimeout(element.assistiveStatusTimerId);
     element.assistiveStatusTimerId = setTimeout(() => {
         const assistiveStatusText = element._assistiveStatus.innerText;
@@ -322,7 +331,7 @@ function updateAssistiveStatus (element, status) {
     }, ASSISTIVE_STATUS_DELAY_MS);
 }
 
-function initialiseValue (element) {
+function initialiseValue(element) {
     var option = element._datalist.querySelector('aui-option[selected]');
 
     if (option) {
@@ -330,18 +339,18 @@ function initialiseValue (element) {
     }
 }
 
-function isQueryInProgress (element) {
+function isQueryInProgress(element) {
     return element._progressiveDataSet.activeQueryCount > 0;
 }
 
-function focusInHandler (element) {
+function focusInHandler(element) {
     //if there is a selected value the single select should do an empty
     //search and return everything
     const searchValue = element.value ? '' : element._input.value;
     suggest(element, true, searchValue);
 }
 
-function cancelInProgressQueries (element) {
+function cancelInProgressQueries(element) {
     if (isQueryInProgress(element)) {
         state(element).set('should-cancel-response', true);
     }
@@ -353,7 +362,7 @@ function getSelectedLabel(element) {
     }
 }
 
-function handleInvalidInputOnFocusOut (element) {
+function handleInvalidInputOnFocusOut(element) {
     var selectCanBeEmpty = !element.hasAttribute('no-empty-values');
     var selectionIsEmpty = !element._input.value;
     var selectionNotExact = element._input.value !== getSelectedLabel(element);
@@ -378,7 +387,7 @@ function handleHighlightOnFocusOut(element) {
     element._suggestionModel.highlight(NO_HIGHLIGHT);
 }
 
-function focusOutHandler (element) {
+function focusOutHandler(element) {
     cancelInProgressQueries(element);
     handleInvalidInputOnFocusOut(element);
     handleHighlightOnFocusOut(element);
@@ -402,7 +411,9 @@ const SelectEl = skate('aui-select', {
             const suggestionsToAdd = [];
 
             element._suggestionModel._suggestions.forEach(function (newSuggestion) {
-                const inArray = oldSuggestions.some((oldSuggestion) => newSuggestion.id === oldSuggestion.id);
+                const inArray = oldSuggestions.some(
+                    (oldSuggestion) => newSuggestion.id === oldSuggestion.id
+                );
                 if (!inArray) {
                     suggestionsToAdd.push(newSuggestion);
                 }
@@ -412,7 +423,12 @@ const SelectEl = skate('aui-select', {
             const numberOfItems = oldSuggestions.length + suggestionsToAdd.length;
             const status = numberOfItems ? '' : `${I18n.getText('aui.select.no.suggestions')}`;
 
-            element._suggestionsView.render(suggestionsToAdd, oldSuggestions.length, element._listId, indexOfValueInResults);
+            element._suggestionsView.render(
+                suggestionsToAdd,
+                oldSuggestions.length,
+                element._listId,
+                indexOfValueInResults
+            );
             updateAssistiveStatus(element, status);
         };
 
@@ -460,7 +476,9 @@ const SelectEl = skate('aui-select', {
             element.querySelector('select').setAttribute('name', data.newValue);
             element.querySelector('select').setAttribute('aria-label', `${data.newValue} list`);
             element.querySelector('button').setAttribute('aria-label', `${data.newValue} list`);
-            element.querySelector('ul[role="listbox"]').setAttribute('aria-label', `${data.newValue} list`);
+            element
+                .querySelector('ul[role="listbox"]')
+                .setAttribute('aria-label', `${data.newValue} list`);
         },
 
         placeholder(element, data) {
@@ -469,7 +487,7 @@ const SelectEl = skate('aui-select', {
 
         src(element, data) {
             element._queryEndpoint = data.newValue;
-        }
+        },
     },
 
     events: {
@@ -478,7 +496,10 @@ const SelectEl = skate('aui-select', {
         },
 
         'mousedown button': function (element) {
-            if (document.activeElement === element._input && !element._dropdown.hasAttribute('hidden')) {
+            if (
+                document.activeElement === element._input &&
+                !element._dropdown.hasAttribute('hidden')
+            ) {
                 state(element).set('prevent-open-on-button-click', true);
             }
         },
@@ -498,7 +519,7 @@ const SelectEl = skate('aui-select', {
             }
         },
 
-        input: function (element) {
+        'input': function (element) {
             if (!element._input.value) {
                 if (state(element).get('button-clicked-prevent-dropdown-hide')) {
                     state(element).set('button-clicked-prevent-dropdown-hide', false);
@@ -547,21 +568,21 @@ const SelectEl = skate('aui-select', {
             }
 
             handled = handled || e.defaultPrevented;
-            setTimeout(function emulateCrossBrowserInputEvent () {
+            setTimeout(function emulateCrossBrowserInputEvent() {
                 if (element._input.value !== currentValue && !handled) {
-                    element.dispatchEvent(new CustomEvent('input', {bubbles: true}));
+                    element.dispatchEvent(new CustomEvent('input', { bubbles: true }));
                 }
             }, 0);
-        }
+        },
     },
 
     prototype: {
-        get value () {
+        get value() {
             var selected = this._select.options[this._select.selectedIndex];
             return selected ? selected.value : '';
         },
 
-        set value (value) {
+        set value(value) {
             if (value === '') {
                 clearValue(this);
             } else if (value) {
@@ -570,7 +591,7 @@ const SelectEl = skate('aui-select', {
 
                 // Create a new value if allowed and the value doesn't exist.
                 if (!model && this.hasAttribute('can-create-values')) {
-                    model = new SuggestionModel({value: value, label: value});
+                    model = new SuggestionModel({ value: value, label: value });
                 }
 
                 setValueAndDisplayFromModel(this, model);
@@ -578,7 +599,7 @@ const SelectEl = skate('aui-select', {
             return this;
         },
 
-        get displayValue () {
+        get displayValue() {
             return this._input.value;
         },
 
@@ -592,8 +613,8 @@ const SelectEl = skate('aui-select', {
             this._input.focus();
             focusInHandler(this);
             return this;
-        }
-    }
+        },
+    },
 });
 
 amdify('aui/select', SelectEl);

package/src/js/aui/select2.js

@@ -30,15 +30,23 @@ $.fn.auiSelect2 = function (first) {
         const auiOpts = $.extend({}, first);
         const auiAvatarClass = auiOpts.hasAvatar ? ' ' + auiHasAvatar : '';
         //add our classes in addition to those the caller specified
-        auiOpts.containerCssClass  = auiContainer + auiAvatarClass + (auiOpts.containerCssClass ? ' ' + auiOpts.containerCssClass : '');
-        auiOpts.dropdownCssClass  = auiDropdown + auiAvatarClass + (auiOpts.dropdownCssClass  ? ' ' + auiOpts.dropdownCssClass : '');
+        auiOpts.containerCssClass =
+            auiContainer +
+            auiAvatarClass +
+            (auiOpts.containerCssClass ? ' ' + auiOpts.containerCssClass : '');
+        auiOpts.dropdownCssClass =
+            auiDropdown +
+            auiAvatarClass +
+            (auiOpts.dropdownCssClass ? ' ' + auiOpts.dropdownCssClass : '');
         updatedArgs = Array.prototype.slice.call(arguments, 1);
         updatedArgs.unshift(auiOpts);
     } else if (!arguments.length) {
-        updatedArgs = [{
-            containerCssClass: auiContainer,
-            dropdownCssClass: auiDropdown
-        }];
+        updatedArgs = [
+            {
+                containerCssClass: auiContainer,
+                dropdownCssClass: auiDropdown,
+            },
+        ];
     } else {
         updatedArgs = arguments;
     }
@@ -66,10 +74,10 @@ $.fn.auiSelect2 = function (first) {
         }
         let originalTransport = options.ajax.transport;
         if (!originalTransport) {
-            originalTransport = originalSelect2.ajaxDefaults.transport
+            originalTransport = originalSelect2.ajaxDefaults.transport;
         }
 
-        const newTransport = function(...args) {
+        const newTransport = function (...args) {
             args[0].error = [args[0].error, ...customErrorHandlers];
             return originalTransport(...args);
         };