ui: Dependency upgrade (#8276)

* Remove curly brackets and pass through attributes

* yarn upgrade and part manual deps upgrade of non-problematic things

* from-entries from ember-composable helpers receives an array

* PowerSelect destruction bug seems to be fixed upstream

* Ensure all policies have a default 0 date for ember-c-h upgrade

sorting no longer works correctly unless CreateTime has a value

ui-v2/app/components/consul-kind/index.hbs

@@ -33,10 +33,11 @@
                       About Mesh gateways
                   {{/if}}
                 </li>
-          {{#let (from-entries
-            (array 'ingress-gateway' '/consul/developer-mesh/ingress-gateways')
-            (array 'terminating-gateway' '/consul/developer-mesh/understand-terminating-gateways')
-            (array 'mesh-gateway' '/consul/developer-mesh/connect-gateways')
+          {{#let (from-entries (array
+              (array 'ingress-gateway' '/consul/developer-mesh/ingress-gateways')
+              (array 'terminating-gateway' '/consul/developer-mesh/understand-terminating-gateways')
+              (array 'mesh-gateway' '/consul/developer-mesh/connect-gateways')
+            )
           ) as |link|}}
                 <li role="none" class="learn-link">
                   <a tabindex="-1" role="menuitem" href={{concat (env 'CONSUL_DOCS_LEARN_URL') (get link item.Kind)}} rel="noopener noreferrer" target="_blank">
@@ -44,10 +45,11 @@
                   </a>
                 </li>
           {{/let}}
-          {{#let (from-entries
-            (array 'ingress-gateway' '/connect/ingress-gateway')
-            (array 'terminating-gateway' '/connect/terminating-gateway')
-            (array 'mesh-gateway' '/connect/mesh-gateway')
+          {{#let (from-entries (array
+              (array 'ingress-gateway' '/connect/ingress-gateway')
+              (array 'terminating-gateway' '/connect/terminating-gateway')
+              (array 'mesh-gateway' '/connect/mesh-gateway')
+            )
           ) as |link|}}
                 <li role="none" class="docs-link">
                   <a tabindex="-1" role="menuitem" href={{concat (env 'CONSUL_DOCS_URL') (get link item.Kind)}} rel="noopener noreferrer" target="_blank">

ui-v2/app/components/policy-form/index.hbs

@@ -1,5 +1,5 @@
 {{yield}}
-<fieldset>
+<fieldset ...attributes>
   {{#yield-slot name='template'}}
   {{else}}
     <header>

ui-v2/app/components/role-selector/index.hbs

@@ -28,7 +28,7 @@
     </RoleForm>
 
     <input id="{{name}}_state_policy" type="radio" name="{{name}}[state]" value="policy" checked={{if (eq state 'policy') 'checked'}} onchange={{action 'change'}} />
-    {{policy-form data-test-policy-form name="role[policy]" form=policyForm dc=dc}}
+    <PolicyForm data-test-policy-form @name="role[policy]" @form={{policyForm}} @dc={{dc}} />
 
   </BlockSlot>
   <BlockSlot @name="actions" as |close|>

ui-v2/app/helpers/from-entries.js

@@ -1,5 +0,0 @@
-import { helper } from '@ember/component/helper';
-
-export default helper(function fromEntries(params /*, hash*/) {
-  return Object.fromEntries(params);
-});

ui-v2/app/initializers/power-select.js

@@ -1,14 +0,0 @@
-export function initialize(application) {
-  const PowerSelectComponent = application.resolveRegistration('component:power-select');
-  PowerSelectComponent.reopen({
-    updateState: function(changes) {
-      if (!this.isDestroyed) {
-        return this._super(changes);
-      }
-    },
-  });
-}
-
-export default {
-  initialize,
-};

ui-v2/app/models/policy.js

@@ -17,7 +17,7 @@ export default Model.extend({
     defaultValue: '',
   }),
   // frontend only for ordering where CreateIndex can't be used
-  CreateTime: attr('date'),
+  CreateTime: attr('date', { defaultValue: 0 }),
   //
   Datacenter: attr('string'),
   Namespace: attr('string'),

ui-v2/package.json

@@ -64,7 +64,7 @@
     "base64-js": "^1.3.0",
     "broccoli-asset-rev": "^3.0.0",
     "broccoli-funnel": "^3.0.3",
-    "chalk": "^2.4.2",
+    "chalk": "^4.1.0",
     "clipboard": "^2.0.4",
     "css.escape": "^1.5.1",
     "dart-sass": "^1.25.0",
@@ -78,22 +78,21 @@
     "ember-cli-dependency-checker": "^3.2.0",
     "ember-cli-eslint": "^5.1.0",
     "ember-cli-flash": "^1.6.3",
-    "ember-cli-htmlbars": "^4.2.2",
+    "ember-cli-htmlbars": "^5.2.0",
     "ember-cli-inject-live-reload": "^2.0.2",
     "ember-cli-page-object": "^1.16.2",
     "ember-cli-sass": "^10.0.1",
     "ember-cli-sri": "^2.1.1",
-    "ember-cli-string-helpers": "^4.0.3",
+    "ember-cli-string-helpers": "^5.0.0",
     "ember-cli-template-lint": "^2.0.1",
     "ember-cli-uglify": "^3.0.0",
     "ember-cli-yadda": "^0.5.0",
     "ember-collection": "^1.0.0-alpha.9",
-    "ember-composable-helpers": "^3.1.1",
+    "ember-composable-helpers": "^4.2.2",
     "ember-computed-style": "^0.3.0",
     "ember-data": "~3.16.0",
     "ember-exam": "^4.0.0",
     "ember-export-application-global": "^2.0.1",
-    "ember-fetch": "^7.0.0",
     "ember-href-to": "^3.1.0",
     "ember-inflector": "^3.0.0",
     "ember-load-initializers": "^2.1.1",
@@ -101,14 +100,14 @@
     "ember-maybe-import-regenerator": "^0.1.6",
     "ember-on-helper": "^0.1.0",
     "ember-page-title": "^5.1.0",
-    "ember-power-select": "^3.0.6",
-    "ember-power-select-with-create": "^0.7.0",
+    "ember-power-select": "^4.0.3",
+    "ember-power-select-with-create": "^0.8.0",
     "ember-qunit": "^4.6.0",
     "ember-ref-modifier": "^1.0.0",
     "ember-render-helpers": "^0.1.1",
-    "ember-resolver": "^7.0.0",
+    "ember-resolver": "^8.0.0",
     "ember-router-helpers": "^0.4.0",
-    "ember-sinon-qunit": "4.0.1",
+    "ember-sinon-qunit": "5.0.0",
     "ember-source": "~3.16.0",
     "ember-stargate": "^0.2.0",
     "ember-test-selectors": "^4.0.0",
@@ -116,20 +115,20 @@
     "ember-truth-helpers": "^2.0.0",
     "eslint-plugin-ember": "^7.7.2",
     "eslint-plugin-node": "^11.0.0",
-    "flat": "^4.1.0",
-    "husky": "^3.0.5",
+    "flat": "^5.0.0",
+    "husky": "^4.2.5",
     "ivy-codemirror": "^2.1.0",
     "js-yaml": "^3.13.1",
     "jsonlint": "^1.6.3",
-    "lint-staged": "^9.2.5",
+    "lint-staged": "^10.2.11",
     "loader.js": "^4.7.0",
-    "mnemonist": "^0.30.0",
-    "ngraph.graph": "^18.0.3",
+    "mnemonist": "^0.38.0",
+    "ngraph.graph": "^19.1.0",
     "node-sass": "^4.9.3",
     "pretender": "^3.2.0",
     "prettier": "^1.10.2",
     "qunit-dom": "^1.0.0",
-    "tape": "^4.13.0",
+    "tape": "^5.0.1",
     "text-encoding": "^0.7.0",
     "torii": "^0.10.1"
   },