ui: Dependency Upgrade (#9907)

* Pin ember-changeset-validations and its dependencies to 3.9

Future versions produce a 'validator is not a function' error

* yarn upgrade

* Upgrade the majority of user facing deps that don't required add. change

not upgraded here due to more changes required:

- ember-page-title
- ember-href-to

* Upgrade ember-page-title which no longer requires ember-cli-head

* Upgrade some devtools related dependencies

* Upgrade some non ember-core test utils

* Upgrade js-yaml which required safeLoad > load

* Upgrade some compilation utils

* Yarn install from workspace root

* Add Python-2.0 to compliance checker

ui/package.json

@@ -11,11 +11,11 @@
   "scripts": {
     "doc:toc": "doctoc README.md",
     "compliance": "npm-run-all compliance:*",
-    "compliance:licenses": "license-checker --summary --onlyAllow 'Apache*;Apache License, Version 2.0;Apache-2.0;Apache 2.0;Artistic-2.0;BSD;BSD-3-Clause;CC-BY-3.0;CC-BY-4.0;CC0-1.0;ISC;MIT;MPL-2.0;Public Domain;Unicode-TOU;Unlicense;WTFPL' --excludePackages 'consul-ui@2.2.0;'"
+    "compliance:licenses": "license-checker --summary --onlyAllow 'Python-2.0;Apache*;Apache License, Version 2.0;Apache-2.0;Apache 2.0;Artistic-2.0;BSD;BSD-3-Clause;CC-BY-3.0;CC-BY-4.0;CC0-1.0;ISC;MIT;MPL-2.0;Public Domain;Unicode-TOU;Unlicense;WTFPL' --excludePackages 'consul-ui@2.2.0;'"
 
   },
   "devDependencies": {
-    "doctoc": "^1.4.0",
+    "doctoc": "^2.0.0",
     "license-checker": "^25.0.1",
     "npm-run-all": "^4.1.5"
   }

ui/packages/consul-ui/app/templates/application.hbs

@@ -1,7 +1,6 @@
 <Route
   @name={{routeName}}
 >
-<HeadLayout />
 {{page-title 'Consul' separator=' - '}}
 
 {{#if (env 'CONSUL_ACLS_ENABLED')}}

ui/packages/consul-ui/app/templates/debug.hbs

@@ -1,4 +1,3 @@
-<HeadLayout />
 {{page-title 'Engineering Docs - Consul' separator=' - '}}
 
 {{document-attrs class="is-debug"}}

ui/packages/consul-ui/package.json

@@ -64,17 +64,17 @@
     "@glimmer/component": "^1.0.0",
     "@glimmer/tracking": "^1.0.0",
     "@hashicorp/ember-cli-api-double": "^3.1.0",
-    "@mapbox/rehype-prism": "^0.5.0",
+    "@mapbox/rehype-prism": "^0.6.0",
     "@xstate/fsm": "^1.4.0",
     "a11y-dialog": "^6.0.1",
     "babel-eslint": "^10.0.3",
     "babel-loader": "^8.1.0",
     "babel-plugin-ember-modules-api-polyfill": "^3.2.0",
-    "babel-plugin-htmlbars-inline-precompile": "^4.2.0",
+    "babel-plugin-htmlbars-inline-precompile": "^5.0.0",
     "base64-js": "^1.3.0",
     "broccoli-asset-rev": "^3.0.0",
     "broccoli-funnel": "^3.0.3",
-    "broccoli-merge-trees": "^3.0.2",
+    "broccoli-merge-trees": "^4.2.0",
     "chalk": "^4.1.0",
     "clipboard": "^2.0.4",
     "css.escape": "^1.5.1",
@@ -88,13 +88,13 @@
     "ember-auto-import": "^1.5.3",
     "ember-can": "^3.0.0",
     "ember-changeset-conditional-validations": "^0.6.0",
-    "ember-changeset-validations": "^3.9.0",
+    "ember-changeset-validations": "~3.9.0",
     "ember-cli": "~3.20.2",
     "ember-cli-app-version": "^3.2.0",
     "ember-cli-babel": "^7.17.2",
     "ember-cli-code-coverage": "^1.0.0-beta.4",
     "ember-cli-dependency-checker": "^3.2.0",
-    "ember-cli-flash": "^1.6.3",
+    "ember-cli-flash": "^2.1.1",
     "ember-cli-htmlbars": "^5.2.0",
     "ember-cli-inject-live-reload": "^2.0.2",
     "ember-cli-page-object": "^1.16.2",
@@ -103,7 +103,7 @@
     "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-cli-yadda": "^0.6.0",
     "ember-collection": "^1.0.0-alpha.9",
     "ember-composable-helpers": "~4.0.0",
     "ember-data": "~3.20.4",
@@ -113,7 +113,7 @@
     "ember-export-application-global": "^2.0.1",
     "ember-href-to": "^3.1.0",
     "ember-in-viewport": "^3.8.1",
-    "ember-inflector": "^3.0.0",
+    "ember-inflector": "^4.0.1",
     "ember-intl": "^5.5.1",
     "ember-load-initializers": "^2.1.1",
     "ember-math-helpers": "^2.4.0",
@@ -122,12 +122,12 @@
     "ember-named-blocks-polyfill": "^0.2.3",
     "ember-on-helper": "^0.1.0",
     "ember-on-resize-modifier": "^0.3.0",
-    "ember-page-title": "^5.2.3",
+    "ember-page-title": "^6.2.1",
     "ember-power-select": "^4.0.5",
     "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-render-helpers": "^0.2.0",
     "ember-resolver": "^8.0.0",
     "ember-route-action-helper": "^2.0.8",
     "ember-router-helpers": "^0.4.0",
@@ -136,15 +136,15 @@
     "ember-source": "~3.20.5",
     "ember-stargate": "^0.2.0",
     "ember-string-fns": "^1.4.0",
-    "ember-test-selectors": "^4.0.0",
-    "ember-truth-helpers": "^2.0.0",
+    "ember-test-selectors": "^5.0.0",
+    "ember-truth-helpers": "^3.0.0",
     "eslint": "^7.12.1",
     "eslint-plugin-ember": "^7.7.2",
     "eslint-plugin-node": "^11.0.0",
     "flat": "^5.0.0",
     "husky": "^4.2.5",
     "ivy-codemirror": "^2.1.0",
-    "js-yaml": "^3.13.1",
+    "js-yaml": "^4.0.0",
     "jsonlint": "^1.6.3",
     "lint-staged": "^10.2.11",
     "loader.js": "^4.7.0",
@@ -156,7 +156,7 @@
     "react-is": "^17.0.1",
     "refractor": "^3.3.1",
     "remark-autolink-headings": "^6.0.1",
-    "remark-hbs": "^0.3.3",
+    "remark-hbs": "^0.4.0",
     "sass": "^1.28.0",
     "tape": "^5.0.1",
     "text-encoding": "^0.7.0",
@@ -165,7 +165,9 @@
     "wayfarer": "^7.0.1"
   },
   "resolutions": {
-    "ember-basic-dropdown": "^3.0.10"
+    "ember-basic-dropdown": "^3.0.10",
+    "ember-changeset": "3.10.1",
+    "validated-changeset": "0.10.0"
   },
   "engines": {
     "node": "10.* || >= 12"

ui/packages/consul-ui/tests/dictionary.js

@@ -63,7 +63,7 @@ export default utils => (annotations, nspace, dict = new Yadda.Dictionary()) =>
         /@namespace/g,
         typeof nspace === 'undefined' || nspace === '' ? 'default' : nspace
       );
-      cb(null, YAML.safeLoad(val));
+      cb(null, YAML.load(val));
     })
     .define('endpoint', /([^\u0000]*)/, function(val, cb) {
       // if is @namespace is !important, always replace with namespace