@atlassian/aui 9.9.6 → 9.9.7

package/src/js/aui/tooltip.js

@@ -15,14 +15,14 @@ const AUI_TOOLTIP_TIMEOUT = 300;
  * @type {{n: string, ne: string, e: string, se: string, s: string, sw: string, w: string, nw: string}}
  */
 const GRAVITY_MAP = {
-    'n': 'bottom',
-    'ne': 'bottom-end',
-    'e': 'left',
-    'se': 'top-end',
-    's': 'top',
-    'sw': 'top-start',
-    'w': 'right',
-    'nw': 'bottom-start',
+    n: 'bottom',
+    ne: 'bottom-end',
+    e: 'left',
+    se: 'top-end',
+    s: 'top',
+    sw: 'top-start',
+    w: 'right',
+    nw: 'bottom-start',
 };
 
 // This key is used to differentiate events related to this particular plugin.
@@ -36,21 +36,21 @@ const defaultOptions = {
     suppress: () => false,
     aria: true,
     sanitize: true,
-    maxWidth: 200
-}
+    maxWidth: 200,
+};
 
 let $sharedTip;
 
 const getTipNode = () => {
     return $sharedTip && $sharedTip.get(0);
-}
+};
 
 const toggleTooltipVisibility = (shouldBeHidden = false) => {
     const tipNode = getTipNode();
     if (tipNode) {
-        tipNode.classList.toggle('assistive', shouldBeHidden)
+        tipNode.classList.toggle('assistive', shouldBeHidden);
     }
-}
+};
 
 class Tooltip {
     constructor(triggerElement, options) {
@@ -84,7 +84,6 @@ class Tooltip {
     }
 
     observeTriggerRemoval() {
-
         const observedElements = [];
 
         if (this.options.$delegationRoot && this.options.$delegationRoot.get(0)) {
@@ -96,7 +95,7 @@ class Tooltip {
         }
 
         this.triggerObservers = observedElements
-            .map(element => {
+            .map((element) => {
                 const parent = element.parentElement;
                 if (parent) {
                     const observer = new MutationObserver(() => {
@@ -107,12 +106,12 @@ class Tooltip {
                     });
                     observer.observe(parent, {
                         childList: true,
-                        subtree: false // We take trigger parent, so we only care about direct children
+                        subtree: false, // We take trigger parent, so we only care about direct children
                     });
                     return observer;
                 }
             })
-            .filter(observer => !!observer);
+            .filter((observer) => !!observer);
     }
 
     unbindHandlers() {
@@ -127,7 +126,7 @@ class Tooltip {
         }
 
         if (this.triggerObservers.length > 0) {
-            this.triggerObservers.forEach(observer => observer.disconnect());
+            this.triggerObservers.forEach((observer) => observer.disconnect());
         }
 
         // We only need to unbind event handlers from this particular element
@@ -135,8 +134,10 @@ class Tooltip {
     }
 
     initContainer() {
-        if ($sharedTip === undefined || $sharedTip.get(0) && !$sharedTip.get(0).isConnected) {
-            $sharedTip = $(`<div id="${AUI_TOOLTIP_ID}" class="${AUI_TOOLTIP_CLASS_NAME} assistive" role="tooltip"><p class="aui-tooltip-content"></p></div>`);
+        if ($sharedTip === undefined || ($sharedTip.get(0) && !$sharedTip.get(0).isConnected)) {
+            $sharedTip = $(
+                `<div id="${AUI_TOOLTIP_ID}" class="${AUI_TOOLTIP_CLASS_NAME} assistive" role="tooltip"><p class="aui-tooltip-content"></p></div>`
+            );
             $(document.body).append($sharedTip);
         }
     }
@@ -164,14 +165,15 @@ class Tooltip {
     getTipTitle() {
         const options = this.options;
 
-        let title = typeof options.title === 'function' ?
-            options.title :
-            typeof options.title === 'string' ?
-                () => options.title :
-                () => this.originalTitle || '';
+        let title =
+            typeof options.title === 'function'
+                ? options.title
+                : typeof options.title === 'string'
+                  ? () => options.title
+                  : () => this.originalTitle || '';
 
         let actualTitle = title.call(this.triggerElement);
-        return (!actualTitle || !actualTitle.trim().length) ? undefined : actualTitle;
+        return !actualTitle || !actualTitle.trim().length ? undefined : actualTitle;
     }
 
     show() {
@@ -257,9 +259,9 @@ const getTooltipInstance = (domNode, options) => {
         }
     }
     return tooltip;
-}
+};
 
-const namespacify = events => events.map(event => `${event}.${pluginKey}`).join(' ');
+const namespacify = (events) => events.map((event) => `${event}.${pluginKey}`).join(' ');
 
 const activationEvents = namespacify(['mouseenter', 'focus']);
 const deactivationEvents = namespacify(['click', 'mouseleave', 'blur']);
@@ -282,7 +284,7 @@ $.fn.tooltip = function (arg) {
         const commandName = arg;
 
         if (typeof tooltip[commandName] !== 'function') {
-            throw new Error(`Method ${commandName} does not exist on tooltip.`)
+            throw new Error(`Method ${commandName} does not exist on tooltip.`);
         }
 
         tooltip[commandName]();
@@ -308,7 +310,7 @@ $.fn.tooltip = function (arg) {
             clearAllTimers();
             hide();
         });
-    }
+    };
 
     const show = function () {
         // Stop all events that were triggered by different tooltip
@@ -320,8 +322,7 @@ $.fn.tooltip = function (arg) {
             tooltip.show();
             $sharedTip && updateTooltipEvents();
         }, AUI_TOOLTIP_TIMEOUT);
-
-    }
+    };
 
     const hide = function () {
         // Stop all events that were triggered by different tooltip
@@ -331,13 +332,13 @@ $.fn.tooltip = function (arg) {
         hideTimeoutId = setTimeout(() => {
             tooltip.hide();
         }, AUI_TOOLTIP_TIMEOUT);
-    }
+    };
 
     const hideOnEsc = function (e) {
         if (e.code === 'Escape') {
             hide();
         }
-    }
+    };
 
     const selector = options.live;
     if (selector !== undefined) {

package/src/js/aui/trigger.js

@@ -3,22 +3,22 @@ import keyCode from './key-code';
 import amdify from './internal/amdify';
 import skate from './internal/skate';
 import state from './internal/state';
-import { warn } from './internal/log'
+import { warn } from './internal/log';
 
-export function getTrigger (element) {
+export function getTrigger(element) {
     return state(element).get('last-trigger') || findControllers(element)[0];
 }
 
-export function setTrigger (element, trigger) {
+export function setTrigger(element, trigger) {
     var validTrigger = trigger && trigger.nodeType && trigger.nodeType === 1;
     return state(element).set('last-trigger', validTrigger ? trigger : false);
 }
 
-export function hasTrigger (element) {
+export function hasTrigger(element) {
     return !!getTrigger(element);
 }
 
-export function doIfTrigger (element, callback) {
+export function doIfTrigger(element, callback) {
     var trigger = getTrigger(element);
 
     if (trigger) {
@@ -26,7 +26,7 @@ export function doIfTrigger (element, callback) {
     }
 }
 
-export function forEachTrigger (element, callback) {
+export function forEachTrigger(element, callback) {
     return Array.prototype.forEach.call(findControllers(element), callback);
 }
 
@@ -41,7 +41,7 @@ function findControllers(element) {
 
     let controllers = [];
     let someFramesAreCrossOrigin = false;
-    for (let i = 0 ; i < frames.length; i++) {
+    for (let i = 0; i < frames.length; i++) {
         try {
             let nodeList = frames[i].document.querySelectorAll(selector);
             controllers = controllers.concat(Array.prototype.slice.apply(nodeList));
@@ -51,15 +51,17 @@ function findControllers(element) {
         }
     }
     const currentDocumentControllers = document.querySelectorAll(selector);
-    const allControllers = Array.prototype.slice.apply(currentDocumentControllers).concat(controllers);
+    const allControllers = Array.prototype.slice
+        .apply(currentDocumentControllers)
+        .concat(controllers);
     if (allControllers.length === 0 && someFramesAreCrossOrigin === true) {
         warn(
             [
                 `No triggers found for element (${element.id}) in iframes from the same origin.`,
                 'However some iframes in this document are cross-origin.',
-                'The trigger-element relations crossing the origin boundary are not supported.'
+                'The trigger-element relations crossing the origin boundary are not supported.',
             ].join(' ')
-        )
+        );
     }
     return allControllers;
 }
@@ -68,7 +70,7 @@ function findControlled(trigger) {
     return document.getElementById(trigger.getAttribute('aria-controls'));
 }
 
-function isEnabled (element) {
+function isEnabled(element) {
     return element.getAttribute('aria-disabled') !== 'true';
 }
 
@@ -94,7 +96,7 @@ function msg(e, type) {
         target,
         currentTarget,
         relatedTarget,
-        preventDefault: () => e.preventDefault()
+        preventDefault: () => e.preventDefault(),
     };
 }
 
@@ -133,16 +135,16 @@ const events = {
         triggerMessage(trigger, e);
     },
     blur(trigger, e) {
-        if (focusingToControlledElement(trigger, e)){
+        if (focusingToControlledElement(trigger, e)) {
             return;
         }
         triggerMessage(trigger, e);
-    }
+    },
 };
 
-Object.keys(events).forEach(function(name) {
+Object.keys(events).forEach(function (name) {
     const handler = events[name];
-    $(document).on(`${name}.aui-trigger`, '[data-aui-trigger]', function(e) {
+    $(document).on(`${name}.aui-trigger`, '[data-aui-trigger]', function (e) {
         handler(e.currentTarget, msg(e, name));
     });
 });
@@ -158,8 +160,8 @@ skate('data-aui-trigger', {
         },
         isEnabled: function () {
             return isEnabled(this);
-        }
-    }
+        },
+    },
 });
 
 amdify('aui/trigger');

package/src/js/aui/truncating-progressive-data-set.js

@@ -54,7 +54,7 @@ var TruncatingProgressiveDataSet = ProgressiveDataSet.extend({
         }
 
         return null;
-    }
+    },
 });
 
 globalize('TruncatingProgressiveDataSet', TruncatingProgressiveDataSet);

package/src/js/aui/unbind-text-resize.js

@@ -1,7 +1,7 @@
 import globalize from './internal/globalize';
 import onTextResize from './on-text-resize';
 
-function unbindTextResize (f) {
+function unbindTextResize(f) {
     for (var i = 0, ii = onTextResize['on-text-resize'].length; i < ii; i++) {
         if (onTextResize['on-text-resize'][i] === f) {
             return onTextResize['on-text-resize'].splice(i, 1);

package/src/js/aui/unique-id.js

@@ -13,7 +13,7 @@ var uniqueIDcounter = 0;
  *
  * @returns {String}
  */
-function generateUniqueId (prefix) {
+function generateUniqueId(prefix) {
     uniqueID = uniqueIDcounter++ + '';
     uniqueIDstring = prefix ? prefix + uniqueID : 'aui-uid-' + uniqueID;
 

package/src/js/aui/when-i-type.js

@@ -12,7 +12,8 @@ const EMPTY_SELECTOR = false;
 
 var isMac = navigator.platform.indexOf('Mac') !== -1;
 var isSafari = navigator.userAgent.indexOf('Safari') !== -1;
-var multiCharRegex = /^(backspace|tab|r(ight|eturn)|s(hift|pace|croll)|c(trl|apslock)|alt|pa(use|ge(up|down))|e(sc|nd)|home|left|up|d(el|own)|insert|f\d\d?|numlock|meta)/i;
+var multiCharRegex =
+    /^(backspace|tab|r(ight|eturn)|s(hift|pace|croll)|c(trl|apslock)|alt|pa(use|ge(up|down))|e(sc|nd)|home|left|up|d(el|own)|insert|f\d\d?|numlock|meta)/i;
 
 /**
  * Trigger native click event.
@@ -26,12 +27,27 @@ const triggerClickEvent = ($el) => {
         const bubbles = true;
         const cancelable = true;
         const event = document.createEvent('MouseEvent');
-        event.initMouseEvent('click', bubbles, cancelable, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
+        event.initMouseEvent(
+            'click',
+            bubbles,
+            cancelable,
+            window,
+            0,
+            0,
+            0,
+            0,
+            0,
+            false,
+            false,
+            false,
+            false,
+            0,
+            null
+        );
         element.dispatchEvent(event);
     }
 };
 
-
 /**
  * Keyboard commands with syntactic sugar.
  *
@@ -43,7 +59,7 @@ const triggerClickEvent = ($el) => {
  *
  * @param keys - Key combinations, modifier keys are "+" deliminated. e.g "ctrl+b"
  */
-function whenIType (keys) {
+function whenIType(keys) {
     var boundKeyCombos = [];
     var executor = $.Callbacks();
 
@@ -81,9 +97,8 @@ function whenIType (keys) {
     // bind a single key combo to this handler
     // A string like "abc 123" means (a then b then c) OR (1 then 2 then 3). abc is one key combo, 123 is another.
     function bindKeyCombo(keyCombo) {
-        var keysArr = keyCombo instanceof Array ?
-            keyCombo :
-            keyComboArrayFromString(keyCombo.toString());
+        var keysArr =
+            keyCombo instanceof Array ? keyCombo : keyComboArrayFromString(keyCombo.toString());
         var eventType = hasUnprintables(keysArr) ? 'keydown' : 'keypress';
 
         boundKeyCombos.push(keysArr);
@@ -106,12 +121,10 @@ function whenIType (keys) {
             if (modifierMatch) {
                 currModifiers += modifierMatch[0];
                 keyString = keyString.substring(modifierMatch[0].length);
-
             } else if (multiCharMatch) {
                 keysArr.push(currModifiers + multiCharMatch[0]);
                 keyString = keyString.substring(multiCharMatch[0].length);
                 currModifiers = '';
-
             } else {
                 keysArr.push(currModifiers + keyString[0]);
                 keyString = keyString.substring(1);
@@ -127,22 +140,35 @@ function whenIType (keys) {
         var title = elem.attr('title') || '';
         var keyCombos = boundKeyCombos.slice();
         var existingCombos = elem.data('boundKeyCombos') || [];
-        var kbShortcutAppended = elem.data('kbShortcutAppended') || ''
-        var kbShortcutAppendedScreenReader = elem.data('kbShortcutAppendedScreenReader') || ''
+        var kbShortcutAppended = elem.data('kbShortcutAppended') || '';
+        var kbShortcutAppendedScreenReader = elem.data('kbShortcutAppendedScreenReader') || '';
         var ariaLabel = elem.attr('aria-label');
         var isFirstShortcut = !kbShortcutAppended;
         var isFirstShortcutScreenReader = !kbShortcutAppendedScreenReader;
-        var originalTitle = isFirstShortcut ? title : title.substring(0, title.length - kbShortcutAppended.length);
-        var originalAriaLabel = isFirstShortcutScreenReader ? title : ariaLabel.substring(0, ariaLabel.length - kbShortcutAppendedScreenReader.length);
+        var originalTitle = isFirstShortcut
+            ? title
+            : title.substring(0, title.length - kbShortcutAppended.length);
+        var originalAriaLabel = isFirstShortcutScreenReader
+            ? title
+            : ariaLabel.substring(0, ariaLabel.length - kbShortcutAppendedScreenReader.length);
 
         while (keyCombos.length) {
             var keyCombo = keyCombos.shift();
-            var comboAlreadyExists = existingCombos.some(function(existingCombo) {
+            var comboAlreadyExists = existingCombos.some(function (existingCombo) {
                 return isEqual(keyCombo, existingCombo);
             });
             if (!comboAlreadyExists) {
-                kbShortcutAppended = appendKeyComboInstructions(keyCombo.slice(), kbShortcutAppended, isFirstShortcut);
-                kbShortcutAppendedScreenReader = appendKeyComboInstructions(keyCombo.slice(), kbShortcutAppendedScreenReader, isFirstShortcutScreenReader, { workaroundJaws: true });
+                kbShortcutAppended = appendKeyComboInstructions(
+                    keyCombo.slice(),
+                    kbShortcutAppended,
+                    isFirstShortcut
+                );
+                kbShortcutAppendedScreenReader = appendKeyComboInstructions(
+                    keyCombo.slice(),
+                    kbShortcutAppendedScreenReader,
+                    isFirstShortcutScreenReader,
+                    { workaroundJaws: true }
+                );
                 isFirstShortcut = false;
                 isFirstShortcutScreenReader = false;
             }
@@ -150,15 +176,15 @@ function whenIType (keys) {
 
         if (isMac) {
             kbShortcutAppended = kbShortcutAppended
-                .replace(/Meta/ig, '\u2318') //Apple cmd key
-                .replace(/Shift/ig, '\u21E7'); //Apple Shift symbol
+                .replace(/Meta/gi, '\u2318') //Apple cmd key
+                .replace(/Shift/gi, '\u21E7'); //Apple Shift symbol
             kbShortcutAppendedScreenReader = kbShortcutAppendedScreenReader
-                .replace(/Meta/ig, '\u2318') //Apple cmd key
-                .replace(/Shift/ig, '\u21E7'); //Apple Shift symbol
+                .replace(/Meta/gi, '\u2318') //Apple cmd key
+                .replace(/Shift/gi, '\u21E7'); //Apple Shift symbol
         }
 
         elem.attr('title', originalTitle + kbShortcutAppended);
-        elem.attr('aria-label', originalAriaLabel + kbShortcutAppendedScreenReader)
+        elem.attr('aria-label', originalAriaLabel + kbShortcutAppendedScreenReader);
         elem.data('kbShortcutAppended', kbShortcutAppended);
         elem.data('kbShortcutAppendedScreenReader', kbShortcutAppendedScreenReader);
         elem.data('boundKeyCombos', existingCombos.concat(boundKeyCombos));
@@ -190,7 +216,10 @@ function whenIType (keys) {
         }
 
         if (isFirst) {
-            title += ' ' + openParenthesis + I18n.getText('aui.keyboard.shortcut.type.x', keyCombo.shift());
+            title +=
+                ' ' +
+                openParenthesis +
+                I18n.getText('aui.keyboard.shortcut.type.x', keyCombo.shift());
         } else {
             title = title.replace(/\)$/, '');
             title += ' ' + I18n.getText('aui.keyboard.shortcut.or.x', keyCombo.shift());
@@ -212,7 +241,7 @@ function whenIType (keys) {
         addShortcutsToTitle: addShortcutsToTitle,
         removeShortcutsFromTitle: removeShortcutsFromTitle,
         keypressHandler: keypressHandler,
-        defaultPreventionHandler: defaultPreventionHandler
+        defaultPreventionHandler: defaultPreventionHandler,
     });
 }
 
@@ -234,10 +263,9 @@ whenIType.makeShortcut = function (options) {
             var escToCancel = options.hasOwnProperty('escToCancel') ? options.escToCancel : true;
 
             executor.add(function () {
-
                 const $items = $(selector);
                 let $focusedElem = $items.filter('.' + focusedClass);
-                const moveToOptions = $focusedElem.length === 0 ? undefined : {transition: true};
+                const moveToOptions = $focusedElem.length === 0 ? undefined : { transition: true };
 
                 if (escToCancel) {
                     $(document).one('keydown', function (e) {
@@ -268,7 +296,6 @@ whenIType.makeShortcut = function (options) {
     }
 
     return {
-
         /**
          * Scrolls to and adds <em>focused</em> class to the next item in the jQuery collection
          *
@@ -282,7 +309,6 @@ whenIType.makeShortcut = function (options) {
 
             if (wrapAround && $focusedElem.length === 0) {
                 return $items.eq(0);
-
             } else {
                 index = $.inArray($focusedElem.get(0), $items);
                 if (index < $items.length - 1) {
@@ -307,7 +333,6 @@ whenIType.makeShortcut = function (options) {
             var index;
             if (wrapAround && $focusedElem.length === 0) {
                 return $items.filter(':last');
-
             } else {
                 index = $.inArray($focusedElem.get(0), $items);
                 if (index > 0) {
@@ -366,7 +391,7 @@ whenIType.makeShortcut = function (options) {
 
             executor.add(function () {
                 var elem = $(selector)[0];
-                if (elem && {'a': true, 'link': true}[ elem.nodeName.toLowerCase() ]) {
+                if (elem && { a: true, link: true }[elem.nodeName.toLowerCase()]) {
                     window.location.href = elem.href;
                 }
             });
@@ -473,7 +498,7 @@ whenIType.makeShortcut = function (options) {
                 removeShortcutsFromTitle(selectorsWithTitlesModified[i]);
             }
             selectorsWithTitlesModified = [];
-        }
+        },
     };
 };
 
@@ -517,7 +542,7 @@ whenIType.fromJSON = function (json, switchCtrlToMetaOnMac) {
     var shortcuts = [];
 
     if (json) {
-        $.each(json, function (i,item) {
+        $.each(json, function (i, item) {
             const operation = item.op;
             const param = item.param;
             let params;
@@ -525,25 +550,28 @@ whenIType.fromJSON = function (json, switchCtrlToMetaOnMac) {
             if (operation === 'execute' || operation === 'evaluate') {
                 // need to turn function string into function object
                 params = [new Function(param)];
-
             } else if (/^\[[^\]\[]*,[^\]\[]*\]$/.test(param)) {
                 // pass in an array to send multiple params
                 try {
                     params = JSON.parse(param);
                 } catch (e) {
-                    logger.error('When using a parameter array, array must be in strict JSON format: ' + param);
+                    logger.error(
+                        'When using a parameter array, array must be in strict JSON format: ' +
+                            param
+                    );
                 }
 
                 if (!$.isArray(params)) {
-                    logger.error('Badly formatted shortcut parameter. String or JSON Array of parameters required: ' + param);
+                    logger.error(
+                        'Badly formatted shortcut parameter. String or JSON Array of parameters required: ' +
+                            param
+                    );
                 }
-
             } else {
                 params = [param];
             }
 
             $.each(item.keys, function () {
-
                 var shortcutList = this;
                 if (switchCtrlToMetaOnMac && isMac) {
                     shortcutList = $.map(shortcutList, function (shortcutString) {
@@ -555,7 +583,6 @@ whenIType.fromJSON = function (json, switchCtrlToMetaOnMac) {
                 newShortcut[operation].apply(newShortcut, params);
                 shortcuts.push(newShortcut);
             });
-
         });
     }
 
@@ -577,8 +604,8 @@ $(document).on('iframeAppended', function (e, iframe) {
                 $.event.trigger(
                     e,
                     arguments, // Preserve original event data.
-                    document,  // Bubble this event from the iframe's document to its parent document.
-                    true       // Use the capturing phase to preserve original event.target.
+                    document, // Bubble this event from the iframe's document to its parent document.
+                    true // Use the capturing phase to preserve original event.target.
                 );
             }
         });