use nullish coalescing operator where possible

Author: mvorisek

js/.eslintrc.js

@@ -77,7 +77,6 @@ module.exports = {
         'unicorn/no-negated-condition': 'off',
         'unicorn/no-null': 'off',
         'unicorn/no-this-assignment': 'off',
-        'unicorn/prefer-logical-operator-over-ternary': 'off', // nullish coalescing operator has limited support
         'unicorn/prefer-module': 'off',
         'unicorn/prevent-abbreviations': 'off',
         'unicorn/switch-case-braces': ['error', 'avoid'],

js/babel.config.js

@@ -5,9 +5,9 @@ module.exports = (api) => {
     return {
         presets: [
             [
-                '@babel/env',
+                '@babel/preset-env',
                 {
-                    targets: '> 1%, not dead',
+                    targets: 'defaults',
                     corejs: { version: '3.9999', proposals: true },
                     useBuiltIns: 'usage',
                 },

js/src/plugins/ajaxec.plugin.js

@@ -22,10 +22,10 @@ export default class AtkAjaxecPlugin extends AtkPlugin {
 
     doExecute() {
         const url = atk.urlHelper.removeAllParams(this.settings.url);
-        const userConfig = this.settings.apiConfig ? this.settings.apiConfig : {};
+        const userConfig = this.settings.apiConfig ?? {};
 
         // urlOptions is always used as data in a POST request
-        const data = this.settings.urlOptions ? this.settings.urlOptions : {};
+        const data = this.settings.urlOptions ?? {};
 
         // retrieve param from URL
         let urlParams = atk.urlHelper.parseParams(this.settings.url);

js/src/plugins/reload-view.plugin.js

@@ -21,12 +21,12 @@ export default class AtkReloadViewPlugin extends AtkPlugin {
         }
 
         const url = atk.urlHelper.removeAllParams(this.settings.url);
-        const userConfig = this.settings.apiConfig ? this.settings.apiConfig : {};
+        const userConfig = this.settings.apiConfig ?? {};
 
         // add new param and remove duplicate, prioritizing the latest one.
         let urlParams = Object.assign(
             atk.urlHelper.parseParams(this.settings.url),
-            this.settings.urlOptions ? this.settings.urlOptions : {}
+            this.settings.urlOptions ?? {}
         );
 
         // get store object.

js/src/services/modal.service.js

@@ -92,7 +92,7 @@ class ModalService {
 
             const $content = $modal.find('.atk-dialog-content');
 
-            $content.html(this.getLoaderHtml(data.loadingLabel ? data.loadingLabel : ''));
+            $content.html(this.getLoaderHtml(data.loadingLabel ?? ''));
 
             $content.api({
                 on: 'now',

js/src/services/panel.service.js

@@ -81,7 +81,7 @@ class PanelService {
     openPanel(params) {
         // if no id is provide, then get the first one.
         // no id mean the first panel in list.
-        const panelId = (params.openId) ? params.openId : Object.keys(this.service.panels[0])[0];
+        const panelId = params.openId ?? Object.keys(this.service.panels[0])[0];
         // save our open param.
         this.service.currentParams = params;
         if (this.isSameElement(panelId, params.triggered)) {

js/src/vue-components/multiline/multiline-body.component.js

@@ -38,7 +38,7 @@ export default {
             return this.deletables.includes(row.__atkml);
         },
         getRowErrors: function (rowId) {
-            return this.errors[rowId] ? this.errors[rowId] : [];
+            return this.errors[rowId] ?? [];
         },
     },
 };

js/src/vue-components/multiline/multiline.component.js

@@ -72,7 +72,7 @@ export default {
         AtkMultilineBody: multilineBody,
     },
     mounted: function () {
-        this.rowData = this.buildRowData(this.valueJson ? this.valueJson : '[]');
+        this.rowData = this.buildRowData(this.valueJson ?? '[]');
         this.updateInputValue();
 
         atk.eventBus.on(this.$root.$el.parentElement.id + '-update-row', (payload) => {

js/src/vue-components/query-builder/query-builder.component.vue

@@ -54,13 +54,13 @@ export default {
     },
     data: function () {
         return {
-            query: this.data.query ? this.data.query : {},
-            rules: this.data.rules ? this.data.rules : [],
-            name: this.data.name ? this.data.name : '',
-            maxDepth: this.data.maxDepth ? this.data.maxDepth : 1,
+            query: this.data.query ?? {},
+            rules: this.data.rules ?? [],
+            name: this.data.name ?? '',
+            maxDepth: this.data.maxDepth ?? 1,
             labels: this.getLabels(this.data.labels),
             form: this.data.form,
-            debug: this.data.debug ? this.data.debug : false,
+            debug: this.data.debug ?? false,
         };
     },
     computed: {