@atlassian/aui 9.3.21 → 9.3.23

package/entry/aui.batch.components.js

@@ -1,23 +1,23 @@
 // JS components
-export * from './aui.component.banner'
-export * from './aui.component.button'
-export * from './aui.component.dialog2'
-export * from './aui.component.dropdown2'
-export * from './aui.component.expander'
-export * from './aui.component.flag'
-export * from './aui.component.form.checkbox-multi-select'
-export * from './aui.component.form.file-select'
-export * from './aui.component.form.label'
-export * from './aui.component.form.select2'
-export * from './aui.component.form.single-select'
-export * from './aui.component.form.toggle'
-export * from './aui.component.inline-dialog2'
+export * from './aui.component.banner';
+export * from './aui.component.button';
+export * from './aui.component.dialog2';
+export * from './aui.component.dropdown2';
+export * from './aui.component.expander';
+export * from './aui.component.flag';
+export * from './aui.component.form.checkbox-multi-select';
+export * from './aui.component.form.file-select';
+export * from './aui.component.form.label';
+export * from './aui.component.form.select2';
+export * from './aui.component.form.single-select';
+export * from './aui.component.form.toggle';
+export * from './aui.component.inline-dialog2';
 // export * from './aui.component.layer'
-export * from './aui.component.message'
-export * from './aui.component.nav'
-export * from './aui.component.progressbar'
-export * from './aui.component.sortable-table'
-export * from './aui.component.spinner'
-export * from './aui.component.tabs'
-export * from './aui.component.tooltip'
-export * from './aui.component.trigger'
+export * from './aui.component.message';
+export * from './aui.component.nav';
+export * from './aui.component.progressbar';
+export * from './aui.component.sortable-table';
+export * from './aui.component.spinner';
+export * from './aui.component.tabs';
+export * from './aui.component.tooltip';
+export * from './aui.component.trigger';

package/entry/aui.batch.page.js

@@ -1,4 +1,4 @@
 // Page-level CSS
-import './styles/aui.page.reset'
-import './styles/aui.page.typography'
-import './styles/aui.page.links'
+import './styles/aui.page.reset';
+import './styles/aui.page.typography';
+import './styles/aui.page.links';

package/entry/aui.batch.patterns.js

@@ -1,21 +1,21 @@
 // HTML + CSS patterns
-import './styles/aui.pattern.avatar'
-import './styles/aui.pattern.badge'
-import './styles/aui.pattern.banner'
-import './styles/aui.pattern.basic'
-import './styles/aui.pattern.button'
-import './styles/aui.pattern.forms'
-import './styles/aui.pattern.group'
-import './styles/aui.pattern.help'
-import './styles/aui.pattern.icon'
-import './styles/aui.pattern.inline-dialog'
-import './styles/aui.pattern.label'
-import './styles/aui.pattern.lozenge'
-import './styles/aui.pattern.messages'
-import './styles/aui.pattern.multi-step-progress'
-import './styles/aui.pattern.nav'
-import './styles/aui.pattern.page-header'
-import './styles/aui.pattern.page-layout'
-import './styles/aui.pattern.table'
-import './styles/aui.pattern.tabs'
-import './styles/aui.pattern.toolbar2'
+import './styles/aui.pattern.avatar';
+import './styles/aui.pattern.badge';
+import './styles/aui.pattern.banner';
+import './styles/aui.pattern.basic';
+import './styles/aui.pattern.button';
+import './styles/aui.pattern.forms';
+import './styles/aui.pattern.group';
+import './styles/aui.pattern.help';
+import './styles/aui.pattern.icon';
+import './styles/aui.pattern.inline-dialog';
+import './styles/aui.pattern.label';
+import './styles/aui.pattern.lozenge';
+import './styles/aui.pattern.messages';
+import './styles/aui.pattern.multi-step-progress';
+import './styles/aui.pattern.nav';
+import './styles/aui.pattern.page-header';
+import './styles/aui.pattern.page-layout';
+import './styles/aui.pattern.table';
+import './styles/aui.pattern.tabs';
+import './styles/aui.pattern.toolbar2';

package/entry/aui.batch.prototyping.js

@@ -1,6 +1,6 @@
 export * from './aui.side-effects';
 export { log, error, warn } from './behaviours/aui.behaviour.logger';
-import {i18n as I18n} from './behaviours/aui.behaviour.i18n';
+import { i18n as I18n } from './behaviours/aui.behaviour.i18n';
 import './aui.batch.page';
 import './aui.batch.patterns';
 import './aui.batch.iconography';
@@ -14,15 +14,7 @@ import { RestfulTable } from './aui.component.restful-table';
 import { sidebar } from './aui.component.sidebar';
 import { whenIType } from './behaviours/aui.behaviour.keyboard-shortcuts';
 
-export {
-    I18n,
-    Header,
-    DatePicker,
-    CalendarWidget,
-    RestfulTable,
-    sidebar,
-    whenIType,
-};
+export { I18n, Header, DatePicker, CalendarWidget, RestfulTable, sidebar, whenIType };
 
 export const {
     FocusManager,
@@ -47,7 +39,7 @@ export const {
     tablessortable,
     tabs,
     undim,
-    _addID
+    _addID,
 } = window.AJS;
 
 // Fix AUI + WRM compatibility in a hacky way.

package/entry/aui.component.nav.js

@@ -1,2 +1,2 @@
 import './styles/aui.pattern.nav';
-export {default as navigation, NavigationEl} from '@atlassian/aui/src/js/aui/navigation';
+export { default as navigation, NavigationEl } from '@atlassian/aui/src/js/aui/navigation';

package/entry/aui.component.progressbar.js

@@ -1,4 +1,7 @@
 import './styles/aui.page.reset';
 import './styles/aui.page.typography';
 import '@atlassian/aui/src/less/aui-experimental-progress-indicator.less';
-export { default as progressBars, ProgressBarEl } from '@atlassian/aui/src/js/aui/progress-indicator';
+export {
+    default as progressBars,
+    ProgressBarEl,
+} from '@atlassian/aui/src/js/aui/progress-indicator';

package/entry/aui.side-effects.js

@@ -20,5 +20,5 @@ import './styles/aui.pattern.toolbar2';
 export * from './aui.core';
 // todo AUI-4814: undo the weird relationships between layer, layerManager, and LayerManager.global
 export * from './behaviours/aui.behaviour.layer-manager'; // because this is created in layer.js, and is needed as a side-effect on most pages :(
-export {default as $} from '@atlassian/aui/src/js/aui/setup';
-export {default as toInit} from '@atlassian/aui/src/js/aui/to-init';
+export { default as $ } from '@atlassian/aui/src/js/aui/setup';
+export { default as toInit } from '@atlassian/aui/src/js/aui/to-init';

package/entry/behaviours/aui.behaviour.format.js

@@ -5,4 +5,4 @@
  * @note This behaviour really should be a part of the WRM itself.
  * @see https://ecosystem.atlassian.net/browse/PLUGWEB-109
  */
-export {default as format} from '@atlassian/aui/src/js/aui/format';
+export { default as format } from '@atlassian/aui/src/js/aui/format';

package/entry/behaviours/aui.behaviour.i18n.js

@@ -1 +1 @@
-export {default as i18n} from '@atlassian/aui/src/js/aui/i18n';
+export { default as i18n } from '@atlassian/aui/src/js/aui/i18n';

package/entry/behaviours/aui.behaviour.keyboard-shortcuts.js

@@ -1 +1 @@
-export {default as whenIType} from '@atlassian/aui/src/js/aui/when-i-type';
+export { default as whenIType } from '@atlassian/aui/src/js/aui/when-i-type';

package/entry/behaviours/aui.behaviour.progressive-data-set.js

@@ -1 +1 @@
-export {default as ProgressiveDataSet} from '../../src/js/aui/progressive-data-set';
+export { default as ProgressiveDataSet } from '../../src/js/aui/progressive-data-set';

package/entry/behaviours/aui.behaviour.version.js

@@ -1 +1 @@
-export {default as version} from '@atlassian/aui/src/js/aui/version';
+export { default as version } from '@atlassian/aui/src/js/aui/version';

package/entry/deprecated/aui.component.inline-dialog1.js

@@ -1,2 +1,2 @@
 import '../../src/less/inline-dialog.less';
-export {default as InlineDialog} from '../../src/js/aui/inline-dialog';
+export { default as InlineDialog } from '../../src/js/aui/inline-dialog';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@atlassian/aui",
     "description": "Atlassian User Interface library",
-    "version": "9.3.21",
+    "version": "9.3.23",
     "author": "Atlassian Pty Ltd.",
     "homepage": "https://aui.atlassian.com",
     "license": "Apache-2.0",
@@ -37,7 +37,7 @@
         "@popperjs/core": "2.4.4",
         "backbone": "1.4.0",
         "css.escape": "1.5.0",
-        "dompurify": "2.4.0",
+        "dompurify": "2.5.7",
         "fancy-file-input": "2.0.4",
         "jquery-ui": "1.13.2",
         "skatejs": "0.13.17",
@@ -50,7 +50,6 @@
         "@atlassian/aui-webpack-config": "2.0.0",
         "@babel/core": "7.14.0",
         "@babel/preset-env": "7.14.1",
-        "bundlesize": "1.0.0-beta.2",
         "cross-env": "7.0.3",
         "eslint": "7.24.0",
         "glob": "7.1.2",
@@ -68,9 +67,6 @@
         "dist/build:legacy": "yarn dist/build:core && yarn dist/build:exts",
         "dist/build:prototyping": "webpack --config webpack/dist.prototyping.webpack.config.js",
         "build": "yarn dist/build:prototyping",
-        "watch": "yarn dist/build:prototyping --watch",
-        "bundlesize/verify-dist": "node scripts/verify-dist-structure.js",
-        "bundlesize/gzipped": "node scripts/generate-bundlesize-config.js > configs/bundlesize-gzipped.json && bundlesize --config configs/bundlesize-gzipped.json",
-        "bundlesize/raw": "node scripts/generate-bundlesize-config.js raw > configs/bundlesize-raw.json && bundlesize --config configs/bundlesize-raw.json"
+        "watch": "yarn dist/build:prototyping --watch"
     }
 }

package/src/js/aui/alphanum.js

@@ -7,7 +7,7 @@ import globalize from './internal/globalize';
  * @param {String} b second string to compare
  * @return {Number(-1|0|1)} -1 if a < b, 0 if a = b, 1 if a > b
  */
-function alphanum (a, b) {
+function alphanum(a, b) {
     a = (a + '').toLowerCase();
     b = (b + '').toLowerCase();
 

package/src/js/aui/banner.js

@@ -5,7 +5,7 @@ import globalize from './internal/globalize';
 
 var ID_BANNER_CONTAINER = 'header';
 
-function banner (options) {
+function banner(options) {
     var $banner = renderBannerElement(options);
 
     pruneBannerContainer();
@@ -14,7 +14,7 @@ function banner (options) {
     return $banner[0];
 }
 
-function renderBannerElement({body, type = 'error'}) {
+function renderBannerElement({ body, type = 'error' }) {
     return $('<div class="aui-banner" role="banner"></div>')
         .append($.parseHTML(body || ''))
         .addClass(`aui-banner-${type}`);

package/src/js/aui/blanket.js

@@ -10,8 +10,7 @@ var _hiddenByAui = [];
  * Dims the screen using a blanket div
  * @param useShim deprecated, it is calculated by dim() now
  */
-function dim (useShim, zIndex) {
-
+function dim(useShim, zIndex) {
     //if we're blanketing the page it means we want to hide the whatever is under the blanket from the screen readers as well
     function hasAriaHidden(element) {
         return element.hasAttribute('aria-hidden');
@@ -36,7 +35,7 @@ function dim (useShim, zIndex) {
         useShimDeprecationLogger();
     }
 
-    var isBlanketShowing = (!!dim.$dim) && !dim.$dim[0].hasAttribute('hidden');
+    var isBlanketShowing = !!dim.$dim && !dim.$dim[0].hasAttribute('hidden');
 
     if (!!dim.$dim) {
         dim.$dim.remove();
@@ -55,7 +54,7 @@ function dim (useShim, zIndex) {
         dim.cachedOverflow = {
             overflow: overflowEl.style.overflow,
             overflowX: overflowEl.style.overflowX,
-            overflowY: overflowEl.style.overflowY
+            overflowY: overflowEl.style.overflowY,
         };
 
         overflowEl.style.overflowX = 'hidden';
@@ -66,7 +65,7 @@ function dim (useShim, zIndex) {
     dim.$dim.removeAttr('hidden');
 
     if (zIndex) {
-        dim.$dim.css({zIndex: zIndex});
+        dim.$dim.css({ zIndex: zIndex });
     }
 
     return dim.$dim;
@@ -76,7 +75,7 @@ function dim (useShim, zIndex) {
  * Removes semitransparent DIV
  * @see dim
  */
-function undim () {
+function undim() {
     _hiddenByAui.forEach(function (element) {
         element.removeAttribute('aria-hidden');
     });
@@ -95,13 +94,10 @@ function undim () {
 }
 
 var useShimDeprecationLogger = getMessageLogger('useShim', {
-    extraInfo: 'useShim has no alternative as it is now calculated by dim().'
+    extraInfo: 'useShim has no alternative as it is now calculated by dim().',
 });
 
 globalize('dim', dim);
 globalize('undim', undim);
 
-export {
-    dim,
-    undim
-};
+export { dim, undim };

package/src/js/aui/button.js

@@ -1,13 +1,13 @@
 import * as logger from './internal/log';
 import amdify from './internal/amdify';
 import skate from './internal/skate';
-import SpinnerEl, {SIZE} from './spinner';
+import SpinnerEl, { SIZE } from './spinner';
 
-function isBusy (button) {
+function isBusy(button) {
     return button.hasAttribute('aria-busy') && button.getAttribute('aria-busy') === 'true';
 }
 
-function isInputNode (button) {
+function isInputNode(button) {
     return button.nodeName === 'INPUT';
 }
 
@@ -66,8 +66,8 @@ skate('aui-button', {
             }
 
             return isBusy(this);
-        }
-    }
+        },
+    },
 });
 
 amdify('aui/button');

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