@atlassian/aui 9.12.6 → 9.12.7

package/src/js/aui/dialog2.js

@@ -9,7 +9,7 @@ import * as deprecate from './internal/deprecation';
 
 const defaults = {
     'aui-focus': 'false', // do not focus by default as it's overridden below
-    'aui-blanketed': 'true'
+    'aui-blanketed': 'true',
 };
 
 function applyDefaults($el) {
@@ -28,24 +28,30 @@ function applyDefaults($el) {
  * @returns {Array}
  */
 function getKeyboardFocusableElements(element) {
-    const focusableSelector = 'a[href], button, input, textarea, select, details,[tabindex]:not([tabindex="-1"])';
+    const focusableSelector =
+        'a[href], button, input, textarea, select, details,[tabindex]:not([tabindex="-1"])';
     const elementList = [...element.querySelectorAll(focusableSelector)];
 
-    return elementList.filter(el => !el.hasAttribute('disabled') && !el.getAttribute('aria-hidden'));
+    return elementList.filter(
+        (el) => !el.hasAttribute('disabled') && !el.getAttribute('aria-hidden')
+    );
 }
 
 function handleInitialFocus(el) {
-
     // prevent inability to focus the close button.
-    const closeButton = el.querySelector(CLOSE_BUTTON_CLASS_SELECTOR)
+    const closeButton = el.querySelector(CLOSE_BUTTON_CLASS_SELECTOR);
 
     if (closeButton) {
-        const lazyDeprecate = deprecate.getMessageLogger(`Dialog2 [${CLOSE_BUTTON_CLASS_SELECTOR}]`, {
-            removeInVersion: '10.0.0',
-            sinceVersion: '9.6.0',
-            extraInfo: 'Replace it with another actionable element inside your Dialog which will trigger closing of the modal.',
-            deprecationType: 'MARKUP'
-        });
+        const lazyDeprecate = deprecate.getMessageLogger(
+            `Dialog2 [${CLOSE_BUTTON_CLASS_SELECTOR}]`,
+            {
+                removeInVersion: '10.0.0',
+                sinceVersion: '9.6.0',
+                extraInfo:
+                    'Replace it with another actionable element inside your Dialog which will trigger closing of the modal.',
+                deprecationType: 'MARKUP',
+            }
+        );
         lazyDeprecate();
         closeButton.setAttribute('tabindex', '0');
     }
@@ -55,13 +61,17 @@ function handleInitialFocus(el) {
     // Print deprecation note for old custom focus selection if found
     const deprecatedFocusSelector = el.hasAttribute('data-aui-focus-selector');
     if (deprecatedFocusSelector) {
-        const lazyDeprecate = deprecate.getMessageLogger('Dialog2 [data-aui-focus-selector] attribute', {
-            removeInVersion: '10.0.0',
-            alternativeName: 'initialisation on DOM insertion',
-            sinceVersion: '9.6.0',
-            extraInfo: 'Replace [data-aui-focus-selector] attribute with HTML [autofocus] attribute',
-            deprecationType: 'ATTRIBUTE'
-        });
+        const lazyDeprecate = deprecate.getMessageLogger(
+            'Dialog2 [data-aui-focus-selector] attribute',
+            {
+                removeInVersion: '10.0.0',
+                alternativeName: 'initialisation on DOM insertion',
+                sinceVersion: '9.6.0',
+                extraInfo:
+                    'Replace [data-aui-focus-selector] attribute with HTML [autofocus] attribute',
+                deprecationType: 'ATTRIBUTE',
+            }
+        );
         lazyDeprecate();
     }
 
@@ -78,11 +88,12 @@ function handleInitialFocus(el) {
     // Deprecated focus selection, if autofocus not found
     if (deprecatedFocusSelector) {
         const elementToFocus = el.querySelector(deprecatedFocusSelector);
-        if (elementToFocus) {// Set timeout and blur are needed to avoid Chrome complaining about focus already set on an element
+        if (elementToFocus) {
+            // Set timeout and blur are needed to avoid Chrome complaining about focus already set on an element
             // Also helps to ensure focus will 100% work in every environment
             elementToFocus.blur();
             setTimeout(() => elementToFocus.focus(), 0);
-            return
+            return;
         }
     }
 
@@ -133,11 +144,10 @@ function Dialog2(selector) {
     applyDefaults(this.$el);
 }
 
-
 Dialog2.prototype.on = function (event, fn) {
     const $el = this.$el;
     if (!this._handlers.get(fn)) {
-        const handler = function(e) {
+        const handler = function (e) {
             if (e.target === $el.get(0)) {
                 fn.apply(this, arguments);
             }
@@ -198,8 +208,9 @@ dialog2Widget.off = function (eventName, fn) {
 
 /* Live events */
 
-$(document).on('click keydown', `.aui-dialog2-header ${CLOSE_BUTTON_CLASS_SELECTOR}`, function(e) {
-    const shouldHandle = e.type === 'click' || e.keyCode === keyCode.ENTER || e.keyCode === keyCode.SPACE;
+$(document).on('click keydown', `.aui-dialog2-header ${CLOSE_BUTTON_CLASS_SELECTOR}`, function (e) {
+    const shouldHandle =
+        e.type === 'click' || e.keyCode === keyCode.ENTER || e.keyCode === keyCode.SPACE;
     if (shouldHandle) {
         e.preventDefault();
         dialog2Widget($(e.target).closest('.aui-dialog2')).hide();
@@ -210,7 +221,7 @@ dialog2Widget.on('show', function (e, $el) {
     handleInitialFocus($el[0]);
 });
 
-dialog2Widget.on('hide', function (e,$el) {
+dialog2Widget.on('hide', function (e, $el) {
     const layer = layerWidget($el);
 
     if ($el.data('aui-remove-on-hide')) {