@atlassian/aui 9.3.22 → 9.3.23

package/src/js/aui/restful-table/edit-row.js

@@ -5,7 +5,7 @@ import classNames from './class-names';
 import dataKeys from './data-keys';
 import events from './event-names';
 import { I18n } from '../i18n';
-import {appendStatusSpinner, removeStatusSpinner} from './spinner';
+import { appendStatusSpinner, removeStatusSpinner } from './spinner';
 
 var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;
 
@@ -18,9 +18,9 @@ export default Backbone.View.extend({
 
     // delegate events
     events: {
-        'focusin': '_focus',
-        'click': '_focus',
-        'keyup': '_handleKeyUpEvent'
+        focusin: '_focus',
+        click: '_focus',
+        keyup: '_handleKeyUpEvent',
     },
 
     /**
@@ -50,20 +50,19 @@ export default Backbone.View.extend({
         }
 
         this.fieldFocusSelector = options.fieldFocusSelector;
-        this
-            .on(this._event.CANCEL, () => {
-                if (!this.isCreateRow) {
-                    this.disabled = true;
-                }
-            })
-            .on(this._event.SAVE, (focusUpdated) => !this.disabled &&  this.submit(focusUpdated))
+        this.on(this._event.CANCEL, () => {
+            if (!this.isCreateRow) {
+                this.disabled = true;
+            }
+        })
+            .on(this._event.SAVE, (focusUpdated) => !this.disabled && this.submit(focusUpdated))
             .on(this._event.FOCUS, (name) => this.focus(name))
             .on(this._event.BLUR, () => {
                 this.$el.removeClass(this.classNames.FOCUSED);
                 this.disable();
             })
             .on(this._event.SUBMIT_STARTED, () => this._submitStarted())
-            .on(this._event.SUBMIT_FINISHED, () => this._submitFinished())
+            .on(this._event.SUBMIT_FINISHED, () => this._submitFinished());
     },
 
     /**
@@ -73,13 +72,11 @@ export default Backbone.View.extend({
      */
     defaultColumnRenderer: function (data) {
         if (data.allowEdit !== false) {
-            return $("<input type='text' />")
-                .addClass('text')
-                .attr({
-                    name: data.name,
-                    value: data.value,
-                    'aria-label': data.ariaLabel
-                });
+            return $("<input type='text' />").addClass('text').attr({
+                'name': data.name,
+                'value': data.value,
+                'aria-label': data.ariaLabel,
+            });
         } else if (data.value) {
             return document.createTextNode(data.value);
         }
@@ -124,9 +121,7 @@ export default Backbone.View.extend({
      */
     _submitStarted: function () {
         this.submitting = true;
-        this.showLoading()
-            .disable()
-            .delegateEvents({});
+        this.showLoading().disable().delegateEvents({});
 
         return this;
     },
@@ -138,9 +133,7 @@ export default Backbone.View.extend({
      */
     _submitFinished: function () {
         this.submitting = false;
-        this.hideLoading()
-            .enable()
-            .delegateEvents(this.events);
+        this.hideLoading().enable().delegateEvents(this.events);
 
         return this;
     },
@@ -159,7 +152,6 @@ export default Backbone.View.extend({
         return this;
     },
 
-
     /**
      * Returns true if row has focused class
      *
@@ -185,7 +177,6 @@ export default Backbone.View.extend({
         if (name) {
             $focus = this.$el.find(this.fieldFocusSelector(name));
         } else {
-
             $error = this.$el.find(this.classNames.ERROR + ':first');
 
             if ($error.length === 0) {
@@ -216,7 +207,9 @@ export default Backbone.View.extend({
             $submit = this.$el.find(':submit');
 
             if ($submit.length) {
-                $replacementSubmit = $("<input type='submit' class='" + this.classNames.SUBMIT + "' />")
+                $replacementSubmit = $(
+                    "<input type='submit' class='" + this.classNames.SUBMIT + "' />"
+                )
                     .addClass($submit.attr('class'))
                     .val($submit.val())
                     .data(this.dataKeys.ENABLED_SUBMIT, $submit);
@@ -225,9 +218,7 @@ export default Backbone.View.extend({
             }
         }
 
-        this.$el.addClass(this.classNames.DISABLED)
-            .find(':submit')
-            .attr('disabled', 'disabled');
+        this.$el.addClass(this.classNames.DISABLED).find(':submit').attr('disabled', 'disabled');
 
         return this;
     },
@@ -252,9 +243,7 @@ export default Backbone.View.extend({
             }
         }
 
-        this.$el.removeClass(this.classNames.DISABLED)
-            .find(':submit')
-            .removeAttr('disabled');
+        this.$el.removeClass(this.classNames.DISABLED).find(':submit').removeAttr('disabled');
 
         return this;
     },
@@ -296,9 +285,7 @@ export default Backbone.View.extend({
      */
     serializeObject: function () {
         var $el = this.$el;
-        return $el.serializeObject ?
-            $el.serializeObject() :
-            $el.serialize();
+        return $el.serializeObject ? $el.serializeObject() : $el.serialize();
     },
 
     mapSubmitParams: function (params) {
@@ -345,7 +332,7 @@ export default Backbone.View.extend({
 
                     instance.model = new instance._modelClass(); // reset
 
-                    instance.render({errors: {}, values: {}}); // pulls in instance's model for create row
+                    instance.render({ errors: {}, values: {} }); // pulls in instance's model for create row
                     instance.trigger(instance._event.FOCUS);
                 }
 
@@ -361,7 +348,7 @@ export default Backbone.View.extend({
                 instance.trigger(instance._event.SUBMIT_FINISHED);
             },
 
-            silent: true
+            silent: true,
         });
 
         return this;
@@ -391,7 +378,8 @@ export default Backbone.View.extend({
 
         if (errors) {
             $.each(errors, function (name, msg) {
-                instance.$el.find("[name='" + name + "']")
+                instance.$el
+                    .find("[name='" + name + "']")
                     .closest('td')
                     .append(instance.renderError(name, msg));
             });
@@ -400,20 +388,21 @@ export default Backbone.View.extend({
         return this;
     },
 
-
     /**
      * Handles rendering of row
      *
      * @param {Object} renderData
      * ... {Object} vales - Values of fields
      */
-    render: function  (renderData) {
+    render: function (renderData) {
         var instance = this;
 
         this.$el.empty();
 
         if (this.allowReorder) {
-            $('<td  class="' + this.classNames.ORDER + '" />').append(this.renderDragHandle()).appendTo(instance.$el);
+            $('<td  class="' + this.classNames.ORDER + '" />')
+                .append(this.renderDragHandle())
+                .appendTo(instance.$el);
         }
 
         $.each(this.columns, function (i, column) {
@@ -421,9 +410,14 @@ export default Backbone.View.extend({
             var $cell;
             var value = renderData.values[column.id];
             var args = [
-                {name: column.id, ariaLabel: column.inputAriaLabel ? column.inputAriaLabel : column.header, value: value, allowEdit: column.allowEdit},
+                {
+                    name: column.id,
+                    ariaLabel: column.inputAriaLabel ? column.inputAriaLabel : column.header,
+                    value: value,
+                    allowEdit: column.allowEdit,
+                },
                 renderData.values,
-                instance.model
+                instance.model,
             ];
             if (value) {
                 instance.$el.attr('data-' + column.id, value); // helper for webdriver testing
@@ -432,12 +426,11 @@ export default Backbone.View.extend({
             if (instance.isCreateRow && column.createView) {
                 // TODO AUI-1058 - The row's model should be guaranteed to be in the correct state by this point.
                 contents = new column.createView({
-                    model: instance.model
+                    model: instance.model,
                 }).render(args[0]);
-
             } else if (column.editView) {
                 contents = new column.editView({
-                    model: instance.model
+                    model: instance.model,
                 }).render(args[0]);
             } else {
                 contents = instance.defaultColumnRenderer.apply(instance, args);
@@ -479,23 +472,30 @@ export default Backbone.View.extend({
         var $operations = $('<td class="aui-restfultable-operations" />');
 
         if (update) {
-            $operations.append($('<input class="aui-button aui-button-primary" type="submit" />').attr({
-                accesskey: this.submitAccessKey,
-                value: I18n.getText('aui.words.update')
-            }))
-                .append($('<a class="aui-button aui-button-link" href="#" />')
-                    .addClass(this.classNames.CANCEL)
-                    .text(I18n.getText('aui.words.cancel'))
-                    .attr({
-                        accesskey: this.cancelAccessKey
-                    }));
+            $operations
+                .append(
+                    $('<input class="aui-button aui-button-primary" type="submit" />').attr({
+                        accesskey: this.submitAccessKey,
+                        value: I18n.getText('aui.words.update'),
+                    })
+                )
+                .append(
+                    $('<a class="aui-button aui-button-link" href="#" />')
+                        .addClass(this.classNames.CANCEL)
+                        .text(I18n.getText('aui.words.cancel'))
+                        .attr({
+                            accesskey: this.cancelAccessKey,
+                        })
+                );
         } else {
-            $operations.append($('<input class="aui-button aui-button-primary" type="submit" />').attr({
-                accesskey: this.submitAccessKey,
-                value: I18n.getText('aui.words.add')
-            }));
+            $operations.append(
+                $('<input class="aui-button aui-button-primary" type="submit" />').attr({
+                    accesskey: this.submitAccessKey,
+                    value: I18n.getText('aui.words.add'),
+                })
+            );
         }
 
         return $operations.add($(`<td class="${this.classNames.STATUS}" />`));
-    }
+    },
 });

package/src/js/aui/restful-table/entry-model.js

@@ -40,10 +40,8 @@ var EntryModel = Backbone.Model.extend({
         var error = options.error; // we override, so store original
         var success = options.success;
 
-
         // override error handler to provide some defaults
         options.error = function (model, xhr) {
-
             var data = $.parseJSON(xhr.responseText || xhr.data);
 
             // call original error handler
@@ -54,25 +52,23 @@ var EntryModel = Backbone.Model.extend({
 
         // if it is a new model, we don't have to worry about updating only changed attributes because they are all new
         if (this.isNew()) {
-
             // call super
             Backbone.Model.prototype.save.call(this, attributes, options);
 
-        // only go to server if something has changed
+            // only go to server if something has changed
         } else if (attributes) {
             // create temporary model
             Model = EntryModel.extend({
-                url: this.url()
+                url: this.url(),
             });
 
             syncModel = new Model({
-                id: this.id
+                id: this.id,
             });
 
             syncModel.save = Backbone.Model.prototype.save;
 
             options.success = function (model, xhr) {
-
                 // update original model with saved attributes
                 instance.clear().set(model.toJSON());
 
@@ -112,7 +108,7 @@ var EntryModel = Backbone.Model.extend({
             data: options.data || {},
             contentType: 'application/json',
             success(data) {
-                if (instance.collection){
+                if (instance.collection) {
                     instance.collection.remove(instance);
                 }
                 if (options.success) {
@@ -124,13 +120,12 @@ var EntryModel = Backbone.Model.extend({
                 if (options.error) {
                     options.error.call(instance, xhr);
                 }
-            }
+            },
         });
 
         return this;
     },
 
-
     /**
      * A more complex lookup for changed attributes then default backbone one.
      *
@@ -141,7 +136,6 @@ var EntryModel = Backbone.Model.extend({
         var current = this.toJSON();
 
         $.each(attributes, function (name, value) {
-
             if (!current[name]) {
                 if (typeof value === 'string') {
                     if ($.trim(value) !== '') {
@@ -155,7 +149,6 @@ var EntryModel = Backbone.Model.extend({
                     changed[name] = value;
                 }
             } else if (current[name] && current[name] !== value) {
-
                 if (typeof value === 'object') {
                     if (!isEqual(value, current[name])) {
                         changed[name] = value;
@@ -207,7 +200,7 @@ var EntryModel = Backbone.Model.extend({
 
         // call super
         Backbone.Model.prototype.fetch.call(this, options);
-    }
+    },
 });
 
 export default EntryModel;

package/src/js/aui/restful-table/event-handlers.js

@@ -9,7 +9,7 @@ const $eventTarget = $(eventRoot);
  * @param {String} name - name of event
  * @param {Array} args - args for event handler
  */
-function triggerEvt (name, args) {
+function triggerEvt(name, args) {
     $eventTarget.trigger(name, args);
 }
 
@@ -19,7 +19,7 @@ function triggerEvt (name, args) {
  * @param {String} name
  * @param {Function} func
  */
-function bindEvt (name, func) {
+function bindEvt(name, func) {
     $eventTarget.bind(name, func);
 }
 
@@ -33,7 +33,7 @@ function bindEvt (name, func) {
  * @param inst
  * @param args
  */
-function triggerEvtForInst (evt, inst, args) {
+function triggerEvtForInst(evt, inst, args) {
     $(inst).trigger(evt, args);
     triggerEvt(evt, args);
     if (inst.id) {
@@ -41,8 +41,4 @@ function triggerEvtForInst (evt, inst, args) {
     }
 }
 
-export {
-    bindEvt,
-    triggerEvt,
-    triggerEvtForInst
-};
+export { bindEvt, triggerEvt, triggerEvtForInst };

package/src/js/aui/restful-table/event-names.js

@@ -24,5 +24,5 @@ export default {
     SUBMIT_FINISHED: 'submitFinished',
     INITIALIZED: 'initialized',
     ROW_INITIALIZED: 'rowInitialized',
-    ROW_EDIT: 'editRow'
+    ROW_EDIT: 'editRow',
 };

package/src/js/aui/restful-table/row.js

@@ -4,7 +4,7 @@ import { I18n } from '../i18n';
 import classNames from './class-names';
 import dataKeys from './data-keys';
 import events from './event-names';
-import {appendStatusSpinner, removeStatusSpinner} from './spinner';
+import { appendStatusSpinner, removeStatusSpinner } from './spinner';
 
 /**
  * An abstract class that gives the required behaviour for RestfulTable rows.
@@ -14,7 +14,7 @@ export default Backbone.View.extend({
     tagName: 'tr',
 
     events: {
-        'click .aui-restfultable-editable': 'edit'
+        'click .aui-restfultable-editable': 'edit',
     },
 
     initialize: function (options) {
@@ -28,8 +28,10 @@ export default Backbone.View.extend({
         this.allowDelete = options.allowDelete;
 
         if (!this.events['click .aui-restfultable-editable']) {
-            throw new Error('It appears you have overridden the events property. To add events you will need to use' +
-                'a work around. https://github.com/documentcloud/backbone/issues/244');
+            throw new Error(
+                'It appears you have overridden the events property. To add events you will need to use' +
+                    'a work around. https://github.com/documentcloud/backbone/issues/244'
+            );
         }
 
         this.index = options.index || 0;
@@ -37,12 +39,11 @@ export default Backbone.View.extend({
         this.allowReorder = options.allowReorder;
         this.$el = $(this.el);
 
-        this
-            .on(this._event.CANCEL, () => this.disabled = true)
-            .on(this._event.FOCUS, field => this.focus(field))
+        this.on(this._event.CANCEL, () => (this.disabled = true))
+            .on(this._event.FOCUS, (field) => this.focus(field))
             .on(this._event.BLUR, () => this.unfocus())
             .on(this._event.MODAL, () => this.$el.addClass(this.classNames.ACTIVE))
-            .on(this._event.MODELESS, () => this.$el.removeClass(this.classNames.ACTIVE))
+            .on(this._event.MODELESS, () => this.$el.removeClass(this.classNames.ACTIVE));
     },
 
     /**
@@ -86,7 +87,7 @@ export default Backbone.View.extend({
             },
             error: function () {
                 instance.hideLoading();
-            }
+            },
         });
 
         return this;
@@ -113,7 +114,7 @@ export default Backbone.View.extend({
                 if (error) {
                     error.apply(this, arguments);
                 }
-            }
+            },
         });
 
         return this;
@@ -178,7 +179,9 @@ export default Backbone.View.extend({
         if ($(e.target).is('.' + this.classNames.EDITABLE)) {
             field = $(e.target).attr('data-field-name');
         } else {
-            field = $(e.target).closest('.' + this.classNames.EDITABLE).attr('data-field-name');
+            field = $(e.target)
+                .closest('.' + this.classNames.EDITABLE)
+                .attr('data-field-name');
         }
         this.trigger(this._event.ROW_EDIT, field);
         return this;
@@ -194,7 +197,8 @@ export default Backbone.View.extend({
         if (this.allowDelete !== false) {
             return $("<a href='#' class='aui-button' />")
                 .addClass(this.classNames.DELETE)
-                .text(I18n.getText('aui.words.delete')).on('click', function (e) {
+                .text(I18n.getText('aui.words.delete'))
+                .on('click', function (e) {
                     e.preventDefault();
                     instance.destroy();
                 });
@@ -215,7 +219,7 @@ export default Backbone.View.extend({
                     () => {}
                 );
             } else {
-                throw new Error('deleteConfirmationCallback needs to return a Promise')
+                throw new Error('deleteConfirmationCallback needs to return a Promise');
             }
         } else {
             this.model.destroy();
@@ -227,20 +231,29 @@ export default Backbone.View.extend({
      *
      * @return Row
      */
-    render: function  () {
+    render: function () {
         var instance = this;
         var renderData = this.model.toJSON();
-        var $opsCell = $("<td class='aui-restfultable-operations' />").append(this.renderOperations({}, renderData));
+        var $opsCell = $("<td class='aui-restfultable-operations' />").append(
+            this.renderOperations({}, renderData)
+        );
         var $throbberCell = $(`<td class="${this.classNames.STATUS}" />`);
         // restore state
         this.$el
-            .removeClass(this.classNames.DISABLED + ' ' + this.classNames.FOCUSED + ' ' + this.classNames.EDIT_ROW)
+            .removeClass(
+                this.classNames.DISABLED +
+                    ' ' +
+                    this.classNames.FOCUSED +
+                    ' ' +
+                    this.classNames.EDIT_ROW
+            )
             .addClass(this.classNames.READ_ONLY)
             .empty();
 
-
         if (this.allowReorder) {
-            $('<td  class="' + this.classNames.ORDER + '" />').append(this.renderDragHandle()).appendTo(instance.$el);
+            $('<td  class="' + this.classNames.ORDER + '" />')
+                .append(this.renderDragHandle())
+                .appendTo(instance.$el);
         }
 
         this.$el.attr('data-id', this.model.id); // helper for webdriver testing
@@ -250,7 +263,11 @@ export default Backbone.View.extend({
             var $cell = $('<td />');
             var value = renderData[column.id];
             var fieldName = column.fieldName || column.id;
-            var args = [{name: fieldName, value: value, allowEdit: column.allowEdit}, renderData, instance.model];
+            var args = [
+                { name: fieldName, value: value, allowEdit: column.allowEdit },
+                renderData,
+                instance.model,
+            ];
 
             if (value) {
                 instance.$el.attr('data-' + column.id, value); // helper for webdriver testing
@@ -258,7 +275,7 @@ export default Backbone.View.extend({
 
             if (column.readView) {
                 contents = new column.readView({
-                    model: instance.model
+                    model: instance.model,
                 }).render(args[0]);
             } else {
                 contents = instance.defaultColumnRenderer.apply(instance, args);
@@ -275,9 +292,10 @@ export default Backbone.View.extend({
 
                 if (!contents || !$.trim(contents)) {
                     $cell.addClass(instance.classNames.NO_VALUE);
-                    $editableRegion.html($('<em />').text(this.emptyText || I18n.getText('aui.enter.value')));
+                    $editableRegion.html(
+                        $('<em />').text(this.emptyText || I18n.getText('aui.enter.value'))
+                    );
                 }
-
             } else {
                 $cell.append(contents);
             }
@@ -298,5 +316,5 @@ export default Backbone.View.extend({
         this.$el.trigger(this._event.CONTENT_REFRESHED, [this.$el]);
 
         return this;
-    }
+    },
 });