package upgrades and some code stubbing

Author: rishabh-gupta-hashicorp

ui/packages/consul-peerings/app/components/consul/peer/form/generate/index.hbs

@@ -13,7 +13,7 @@
     as |fsm|
   >
 
-    {{#let (unique-id) as |id reset|}}
+    {{#let (dom-guid) as |id reset|}}
       <form {{on "submit" (fn fsm.dispatch "LOAD")}} id={{id}}>
 
         <fsm.State @matches={{array "idle" "error"}}>

ui/packages/consul-peerings/app/components/consul/peer/form/initiate/index.hbs

@@ -25,7 +25,7 @@
       </Hds::Alert>
     </BlockSlot>
     <BlockSlot @name="content">
-      {{#let (unique-id) as |id|}}
+      {{#let (dom-guid) as |id|}}
         <form id={{id}} {{on "submit" (fn writer.persist @item)}}>
           {{yield
             (hash

ui/packages/consul-peerings/app/templates/dc/peers/index.hbs

@@ -70,7 +70,7 @@
               as |modal|
             >
               <BlockSlot @name="header">
-                {{did-insert (set this "create" modal)}}
+                {{did-insert-helper (set this "create" modal)}}
                 <h2>
                   Add peer connection
                 </h2>
@@ -84,7 +84,7 @@
                       @onsubmit={{fn this.redirectToPeerShow modal.close}}
                       as |form|
                     >
-                      {{did-insert (set this "form" form)}}
+                      {{did-insert-helper (set this "form" form)}}
                       <form.Fieldsets />
                     </form.Form>
                   </Consul::Peer::Form>
@@ -133,7 +133,7 @@
                   as |modal|
                 >
                   <BlockSlot @name="header">
-                    {{did-insert (set this "regenerate" modal)}}
+                    {{did-insert-helper (set this "regenerate" modal)}}
                     <h2>
                       Regenerate token
                     </h2>
@@ -146,7 +146,7 @@
                         @regenerate={{true}}
                         as |form|
                       >
-                        {{did-insert (set this "regenerateForm" form)}}
+                        {{did-insert-helper (set this "regenerateForm" form)}}
                         <form.Fieldsets />
                       </Consul::Peer::Form::Generate>
                     {{/if}}

ui/packages/consul-peerings/app/templates/dc/peers/show/index.hbs

@@ -4,5 +4,5 @@
 }}
 
 <Route @name={{routeName}} as |route|>
-  {{did-insert this.transitionToImported}}
+  {{did-insert-helper this.transitionToImported}}
 </Route>

ui/packages/consul-ui/.eslintrc.js

@@ -5,10 +5,17 @@
 
 module.exports = {
   root: true,
-  parser: 'babel-eslint',
+  parser: '@babel/eslint-parser',
   parserOptions: {
-    ecmaVersion: 2018,
+    ecmaVersion: 2022,
     sourceType: 'module',
+    requireConfigFile: false,
+    babelOptions: {
+      plugins: [
+        ['@babel/plugin-proposal-decorators', { legacy: true }],
+        ['@babel/plugin-proposal-class-properties', { loose: true }],
+      ],
+    },
     ecmaFeatures: {
       legacyDecorators: true,
     },

ui/packages/consul-ui/app/abilities/base.js

@@ -5,7 +5,7 @@
 
 import { inject as service } from '@ember/service';
 import { get } from '@ember/object';
-import { Ability } from 'ember-can';
+import Ability from 'ember-can/ability';
 
 export const ACCESS_READ = 'read';
 export const ACCESS_WRITE = 'write';

ui/packages/consul-ui/app/components/data-collection/index.hbs

@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-{{did-update (action (fn (set this 'term') '') @search)}}
+{{did-update-helper (action (fn (set this 'term') '') @search)}}
 {{yield (hash
   search=(action this.search)
   items=this.items

ui/packages/consul-ui/app/components/data-loader/index.hbs

@@ -31,7 +31,7 @@
               @onchange={{queue (action "change" value="data") (action dispatch "SUCCESS")}}
               @onerror={{api.dispatchError}}
             as |source|>
-              {{did-insert (set this 'invalidate' source.invalidate)}}
+              {{did-insert-helper (set this 'invalidate' source.invalidate)}}
             </DataSource>
           {{/if}}
         </State>
@@ -86,5 +86,5 @@
   </State>
 
 {{/let}}
-  {{did-update (fn dispatch "LOAD") src=@src}}
+  {{did-update-helper (fn dispatch "LOAD") src=@src}}
 </StateChart>

ui/packages/consul-ui/app/components/data-source/index.hbs

@@ -12,13 +12,13 @@
       style="width: 0;height: 0;font-size: 0;padding: 0;margin: 0;"
     />
   {{else}}
-    {{did-insert this.connect}}
+    {{did-insert-helper this.connect}}
   {{/if}}
-  {{did-update this.attributeChanged 'src' @src}}
-  {{did-update this.attributeChanged 'loading' @loading}}
-  {{will-destroy this.disconnect}}
+  {{did-update-helper this.attributeChanged 'src' @src}}
+  {{did-update-helper this.attributeChanged 'loading' @loading}}
+  {{will-destroy-helper this.disconnect}}
 {{/if}}
-{{did-update this.attributeChanged 'disabled' @disabled}}
+{{did-update-helper this.attributeChanged 'disabled' @disabled}}
 {{yield (hash
   data=this.data
   error=this.error

ui/packages/consul-ui/app/components/disclosure/details/index.hbs

@@ -4,7 +4,7 @@
 }}
 
 {{#let
-  (unique-id)
+  (dom-guid)
 as |id|}}
 {{#if (or
     (and (eq @auto undefined) @disclosure.expanded)
@@ -16,6 +16,6 @@ as |id|}}
   expanded=@disclosure.expanded
 )}}
 {{/if}}
-{{did-insert (fn @disclosure.add id)}}
-{{will-destroy (fn @disclosure.remove id)}}
+{{did-insert-helper (fn @disclosure.add id)}}
+{{will-destroy-helper (fn @disclosure.remove id)}}
 {{/let}}