upgrade dependencies - react, typescriipt, eslint, babel

Author: manvydasu

.eslintignore

@@ -0,0 +1 @@
+.eslintrc.js

.eslintrc.js

@@ -0,0 +1,42 @@
+module.exports = {
+  env: {
+    browser: true,
+    es6: true,
+    node: true,
+  },
+  extends: [
+    "plugin:@shopify/typescript",
+    "plugin:@shopify/jest",
+    "plugin:@shopify/react",
+    "plugin:@shopify/prettier",
+  ],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    project: "tsconfig.json",
+    sourceType: "module",
+    ecmaVersion: 2020
+  },
+  plugins: ["@typescript-eslint"],
+  rules: {
+    "babel/object-curly-spacing": "off",
+    "no-undefined": "off",
+    "no-param-reassign": "off",
+    "react/no-unused-prop-types": "off",
+    "react/jsx-filename-extension": [1, { extensions: [".tsx"] }],
+    "typescript/member-ordering": "off",
+    "jest/consistent-test-it": [
+      "error",
+      {
+        fn: "it",
+      },
+    ],
+    "prettier/prettier": ["error", { "singleQuote": true }],
+    "no-use-before-define": "off",
+    "@typescript-eslint/no-use-before-define": ["error"],
+    "@shopify/react-prefer-private-members": "off",
+    "@typescript-eslint/member-ordering": "off"
+  },
+  settings: {
+    "import/ignore": ["node_modules", "\\.s?css"],
+  },
+};

.eslintrc.json

@@ -5,3 +5,4 @@
 /types
 npm-debug.log*
 .DS_Store
+.idea

.gitignore

@@ -3,16 +3,17 @@
   "collectCoverage": true,
   "rootDir": "../..",
   "roots": [
-    "<rootDir>/src",
     "<rootDir>/tests"
   ],
   "moduleFileExtensions": [
     "ts",
     "tsx",
     "js"
   ],
-  "testRegex": "[\\w+]\\.test\\.(tsx?|js)$",
   "transform": {
     "\\.tsx?$": "<rootDir>/config/jest/transformers/typescript.js"
-  }
+  },
+  "testMatch": [
+    "**/?(*.)+(spec|test).+(ts|tsx|js)"
+  ]
 }

config/jest/config.json

@@ -23,40 +23,44 @@
     "prop-types": "^15.5.7"
   },
   "peerDependencies": {
-    "react": "15.x || 16.x"
+    "react": "15.x || 16.x || 17.x"
   },
   "devDependencies": {
+    "@shopify/eslint-plugin": "^39.0.4",
     "@types/jest": "^20.0.8",
-    "@types/prop-types": "^15.5.1",
-    "@types/react": "^15.0.38",
-    "@types/react-dom": "^15.5.4",
+    "@types/prop-types": "^15.7.3",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "@typescript-eslint/eslint-plugin": "^4.13.0",
+    "@typescript-eslint/parser": "^4.13.0",
     "awesome-typescript-loader": "^3.2.1",
     "babel-cli": "^6.26.0",
-    "babel-eslint": "7.0.0",
+    "babel-eslint": "^10.1.0",
     "babel-jest": "^19.0.0",
-    "babel-preset-es2015": "^6.22.0",
-    "babel-preset-react": "^6.23.0",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-react": "^6.24.1",
     "babel-preset-typescript": "^7.0.0-alpha.19",
     "codecov": "^1.0.1",
-    "eslint": "^4.10.0",
-    "eslint-plugin-shopify": "^22.1.0",
+    "eslint": "^7.18.0",
+    "eslint-plugin-jest": "^24.1.3",
+    "eslint-plugin-prettier": "^3.3.1",
     "fs-extra": "^4.0.1",
-    "jest": "^19.0.2",
+    "jest": "^26.6.3",
     "nwb": "0.15.x",
-    "react": "^15.4.2",
-    "react-addons-test-utils": "^15.4.2",
-    "react-dom": "^15.4.2",
-    "react-test-renderer": "^15.4.2",
+    "prettier": "^2.2.1",
+    "react": "^17.0.1",
+    "react-addons-test-utils": "^15.6.2",
+    "react-dom": "^17.0.1",
+    "react-test-renderer": "^17.0.1",
     "rimraf": "^2.6.1",
-    "rollup": "^0.49.2",
+    "rollup": "0.50",
     "rollup-plugin-babel": "^3.0.2",
     "rollup-plugin-commonjs": "^8.2.0",
     "rollup-plugin-node-resolve": "^3.0.0",
     "rollup-plugin-typescript2": "^0.15.0",
     "rollup-plugin-uglify": "^2.0.1",
-    "tslint": "^5.10.0",
-    "tslint-config-shopify": "^3.0.2",
-    "typescript": "2.8.3"
+    "tslib": "^2.1.0",
+    "typescript": "^4.1.3"
   },
   "author": {
     "name": "Clauderic Demers",