[Dashboard] Update dependencies and add linting rules (#7779)

python/ray/dashboard/client/package.json

@@ -3,27 +3,29 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@material-ui/core": "^4.3.3",
-    "@material-ui/icons": "^4.2.1",
-    "@reduxjs/toolkit": "^1.0.4",
-    "@types/classnames": "^2.2.9",
-    "@types/jest": "24.0.18",
-    "@types/node": "12.7.2",
-    "@types/react": "16.9.2",
-    "@types/react-dom": "16.9.0",
-    "@types/react-redux": "^7.1.5",
-    "@types/react-router-dom": "^4.3.5",
+    "@material-ui/core": "^4.9.7",
+    "@material-ui/icons": "^4.9.1",
+    "@reduxjs/toolkit": "^1.3.1",
+    "@types/classnames": "^2.2.10",
+    "@types/jest": "25.1.4",
+    "@types/node": "13.9.5",
+    "@types/react": "16.9.26",
+    "@types/react-dom": "16.9.5",
+    "@types/react-redux": "^7.1.7",
+    "@types/react-router-dom": "^5.1.3",
     "classnames": "^2.2.6",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0",
-    "react-redux": "^7.1.3",
-    "react-router-dom": "^5.0.1",
-    "react-scripts": "3.1.2",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "react-redux": "^7.2.0",
+    "react-router-dom": "^5.1.2",
+    "react-scripts": "3.4.1",
     "typeface-roboto": "0.0.75",
-    "typescript": "3.5.3"
+    "typescript": "3.8.3"
   },
   "devDependencies": {
-    "prettier": "^1.18.2"
+    "eslint-plugin-import": "^2.20.1",
+    "eslint-plugin-prefer-arrow": "^1.1.7",
+    "prettier": "^2.0.2"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -32,7 +34,64 @@
     "eject": "react-scripts eject"
   },
   "eslintConfig": {
-    "extends": "react-app"
+    "extends": [
+      "plugin:import/warnings",
+      "react-app"
+    ],
+    "plugins": [
+      "prefer-arrow"
+    ],
+    "rules": {
+      "@typescript-eslint/consistent-type-definitions": [
+        "error",
+        "type"
+      ],
+      "comma-dangle": [
+        "warn",
+        "always-multiline"
+      ],
+      "curly": [
+        "warn",
+        "all"
+      ],
+      "eqeqeq": [
+        "error",
+        "always"
+      ],
+      "import/order": [
+        "warn",
+        {
+          "alphabetize": {
+            "order": "asc",
+            "caseInsensitive": true
+          }
+        }
+      ],
+      "no-var": "error",
+      "prefer-arrow/prefer-arrow-functions": [
+        "warn",
+        {
+          "disallowPrototype": true,
+          "singleReturnOnly": false,
+          "classPropertiesAllowed": false
+        }
+      ],
+      "prefer-const": "error",
+      "react/jsx-fragments": [
+        "warn",
+        "element"
+      ],
+      "sort-imports": [
+        "warn",
+        {
+          "ignoreCase": true,
+          "ignoreDeclarationSort": true
+        }
+      ]
+    }
+  },
+  "prettier": {
+    "trailingComma": "all"
   },
   "browserslist": {
     "production": [