Update Ember to 4.0.x

.changeset/warm-drinks-turn.md

@@ -0,0 +1,5 @@
+---
+'mx-ui-components': major
+---
+
+BREAKING: deps(misc): upgrade to ember 4.0 and bump ember-keyboard to latest version

.eslintignore

@@ -19,4 +19,7 @@
 # ember-try
 /.node_modules.ember-try/
 /bower.json.ember-try
+/npm-shrinkwrap.json.ember-try
 /package.json.ember-try
+/package-lock.json.ember-try
+/yarn.lock.ember-try

.eslintrc.js

@@ -51,7 +51,7 @@ module.exports = {
       extends: ['plugin:node/recommended'],
     },
     {
-      // Test files:
+      // test files
       files: ['tests/**/*-test.{js,ts}'],
       extends: ['plugin:qunit/recommended'],
     },

.gitignore

@@ -24,6 +24,9 @@ build-storybook.log
 # ember-try
 /.node_modules.ember-try/
 /bower.json.ember-try
+/npm-shrinkwrap.json.ember-try
 /package.json.ember-try
 /storybook-static
 /.storybook/preview-head.html
+/package-lock.json.ember-try
+/yarn.lock.ember-try

.npmignore

@@ -14,6 +14,7 @@
 /.eslintignore
 /.eslintrc.js
 /.git/
+/.github/
 /.gitignore
 /.prettierignore
 /.prettierrc.js
@@ -33,4 +34,7 @@
 # ember-try
 /.node_modules.ember-try/
 /bower.json.ember-try
+/npm-shrinkwrap.json.ember-try
 /package.json.ember-try
+/package-lock.json.ember-try
+/yarn.lock.ember-try

.prettierignore

@@ -14,8 +14,12 @@
 /coverage/
 !.*
 .eslintcache
+.lint-todo/
 
 # ember-try
 /.node_modules.ember-try/
 /bower.json.ember-try
+/npm-shrinkwrap.json.ember-try
 /package.json.ember-try
+/package-lock.json.ember-try
+/yarn.lock.ember-try

addon/modifiers/focus-on-render.js

@@ -2,4 +2,4 @@ import { modifier } from 'ember-modifier';
 
 export default modifier(function focusOnRender(element) {
   element.focus();
-});
+}, { eager: false });

addon/modifiers/on-click-outside.js

@@ -20,5 +20,6 @@ export default modifier((element, [callback, outsideElementSelector], options) =
     return () => {
       outsideElement.removeEventListener('click', handleClick, options);
     };
-  }
+  },
+  { eager: false }
 );

app/modifiers/mox-copy-me.js

@@ -26,4 +26,4 @@ export default modifier(async (el, [id]) => {
   return () => {
     el.removeEventListener('click', copyToClipboard.bind(null, id), false);
   };
-});
+}, { eager: false });

app/modifiers/on-click-tag-input.js

@@ -9,4 +9,4 @@ export default modifier((element) => {
   return () => {
     element.removeEventListener('', handleEvent);
   };
-});
+}, { eager: false });

app/modifiers/on-select-tag.js

@@ -11,4 +11,4 @@ export default modifier((element, [callback]) => {
   return () => {
     element.removeEventListener('', runCallback);
   };
-});
+}, { eager: false });

config/deprecation-workflow.js

@@ -0,0 +1,42 @@
+/* eslint-disable no-undef */
+self.deprecationWorkflow = self.deprecationWorkflow || {};
+self.deprecationWorkflow.config = {
+  /* eslint-enable no-undef */
+  workflow: [
+    { handler: 'throw', matchId: 'ember-global' },
+    { handler: 'throw', matchId: 'ember.component.reopen' },
+    { handler: 'throw', matchId: 'ember.built-in-components.import' },
+    { handler: 'throw', matchId: 'ember.built-in-components.reopen' },
+    {
+      handler: 'throw',
+      matchId: 'deprecated-run-loop-and-computed-dot-access',
+    },
+    { handler: 'throw', matchId: 'implicit-injections' },
+    { handler: 'throw', matchId: 'route-render-template' },
+    { handler: 'throw', matchId: 'manager-capabilities.modifiers-3-13' },
+    {
+      handler: 'throw',
+      matchId: 'ember.built-in-components.legacy-arguments',
+    },
+    { handler: 'throw', matchId: 'ember-modifier.use-modify' },
+    { handler: 'throw', matchId: 'ember-modifier.no-args-property' },
+    { handler: 'throw', matchId: 'ember-modifier.no-element-property' },
+    { handler: 'throw', matchId: 'autotracking.mutation-after-consumption' },
+    { handler: 'throw', matchId: 'ember-modifier.function-based-options' },
+    {
+      handler: 'throw',
+      matchId: 'ember-keyboard.keyboard-first-responder-on-focus-mixin',
+    },
+    {
+      handler: 'silence',
+      matchId: 'ember-data:method-calls-on-destroyed-store',
+    },
+    { handler: 'throw', matchId: 'ember-keyboard.first-responder-inputs' },
+    { handler: 'throw', matchId: 'ember-keyboard.ember-keyboard-mixin' },
+    { handler: 'throw', matchId: 'manager-capabilities.modifiers-3-13' },
+    { handler: 'throw', matchId: 'autotracking.mutation-after-consumption' },
+    { handler: 'throw', matchId: 'this-property-fallback' },
+    { handler: 'throw', matchId: 'routing.transition-methods' },
+    { handler: 'throw', matchId: 'ember-data:method-calls-on-destroyed-store' },
+  ],
+};

package.json

@@ -35,9 +35,10 @@
     "build-storybook": "yarn run build:prod --"
   },
   "dependencies": {
+    "ember-auto-import": "^2.5.0",
     "ember-cli-babel": "^7.26.10",
-    "ember-cli-htmlbars": "^5.7.2",
-    "ember-keyboard": "6.0.4",
+    "ember-cli-htmlbars": "^6.1.1",
+    "ember-keyboard": "8.2.0",
     "ember-named-blocks-polyfill": "^0.2.4",
     "ember-root-url": "^1.0.0"
   },
@@ -70,10 +71,10 @@
     "chromatic": "^6.2.1",
     "core-js": "^3.9.1",
     "ember-a11y-testing": "^4.0.6",
-    "ember-auto-import": "^1.12.0",
-    "ember-cli": "~3.28.5",
+    "ember-cli": "~4.0.1",
     "ember-cli-code-coverage": "^1.0.2",
     "ember-cli-dependency-checker": "^3.2.0",
+    "ember-cli-deprecation-workflow": "^2.1.0",
     "ember-cli-inject-live-reload": "^2.1.0",
     "ember-cli-postcss": "^7.0.0",
     "ember-cli-sri": "^2.1.1",
@@ -82,31 +83,31 @@
     "ember-disable-prototype-extensions": "^1.1.3",
     "ember-export-application-global": "^2.0.1",
     "ember-load-initializers": "^2.1.2",
-    "ember-maybe-import-regenerator": "^0.1.6",
     "ember-modifier": "^3.1.0",
-    "ember-page-title": "^6.2.2",
+    "ember-page-title": "^7.0.0",
     "ember-qunit": "^5.1.5",
     "ember-resolver": "^8.0.3",
-    "ember-source": "~3.28.8",
+    "ember-source": "~4.0.1",
     "ember-source-channel-url": "^3.0.0",
     "ember-template-lint": "^3.15.0",
     "ember-tooltips": "^3.5.1",
     "ember-truth-helpers": "^3.0.0",
-    "ember-try": "^1.4.0",
+    "ember-try": "^2.0.0",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-ember": "^10.5.8",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^3.4.1",
-    "eslint-plugin-qunit": "^6.2.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-qunit": "^7.2.0",
     "loader.js": "^4.7.0",
     "npm-run-all": "^4.1.5",
     "postcss-import": "^14.0.2",
     "prettier": "^2.5.1",
     "qunit": "^2.17.2",
-    "qunit-dom": "^1.6.0",
+    "qunit-dom": "^2.0.0",
     "sinon": "^9.2.4",
-    "tailwindcss": "^3.0.22"
+    "tailwindcss": "^3.0.22",
+    "webpack": "^5.75.0"
   },
   "engines": {
     "node": ">= 12.20.* || 14.* || >= 16"

tests/dummy/config/ember-cli-update.json

@@ -3,7 +3,7 @@
   "packages": [
     {
       "name": "ember-cli",
-      "version": "3.28.5",
+      "version": "4.0.1",
       "blueprints": [
         {
           "name": "addon",

tests/dummy/config/targets.js

@@ -6,21 +6,6 @@ const browsers = [
   'last 1 Safari versions',
 ];
 
-// Ember's browser support policy is changing, and IE11 support will end in
-// v4.0 onwards.
-//
-// See https://deprecations.emberjs.com/v3.x#toc_3-0-browser-support-policy
-//
-// If you need IE11 support on a version of Ember that still offers support
-// for it, uncomment the code block below.
-//
-// const isCI = Boolean(process.env.CI);
-// const isProduction = process.env.EMBER_ENV === 'production';
-//
-// if (isCI || isProduction) {
-//   browsers.push('ie 11');
-// }
-
 module.exports = {
   browsers,
 };