Merge pull request #135 from Exabyte-io/update/SOF-6874

update/SOF-6874: update eslint config

.eslintrc.json

@@ -1,48 +1,13 @@
 {
-    "extends": ["@exabyte-io/eslint-config"],
+    "extends": ["@exabyte-io/eslint-config"],    "extends": ["@exabyte-io/eslint-config"],
     "settings": {
         "import/resolver": {
             "node": {
                 "extensions": [".js", ".jsx", ".ts", ".tsx"]
             }
         }
     },
-    "rules": {
-        "import/extensions": "off"
-    },
     "globals": {
-        "jest": "readonly",
-        "expect": "readonly"
-    },
-    "overrides": [
-        {
-            "files": [
-                "*.ts",
-                "*.tsx"
-            ],
-            "extends": [
-                "@exabyte-io/eslint-config",
-                "eslint:recommended",
-                "plugin:@typescript-eslint/eslint-recommended",
-                "plugin:@typescript-eslint/recommended",
-                // "plugin:@typescript-eslint/recommended-requiring-type-checking",
-                "plugin:import/typescript"
-            ],
-            "parser": "@typescript-eslint/parser",
-            "rules": {
-                "@typescript-eslint/ban-ts-comment": "off",
-                "import/no-absolute-path": "off",
-                "import/extensions": "off",
-                "react/forbid-prop-types": "off",
-                "react/jsx-filename-extension": "off",
-                "react/require-default-props": "off",
-                "react/prop-types": "off",
-                "no-use-before-define": "off",
-                "no-shadow": "off",
-                "@typescript-eslint/no-use-before-define": ["error"],
-                "react/function-component-definition": [2, { "namedComponents": "function-declaration","unnamedComponents": "function-expression" }]
-            },
-            "plugins": ["@typescript-eslint"]
-        }
-    ]
+        "jest": "readonly"
+    }
 }

package.json

@@ -68,12 +68,12 @@
     },
     "devDependencies": {
         "@babel/preset-typescript": "^7.22.5",
-        "@exabyte-io/eslint-config": "^2022.11.17-0",
+        "@exabyte-io/eslint-config": "^2023.8.29-1",
         "@exabyte-io/made.js": "2022.5.5-3",
-        "@typescript-eslint/eslint-plugin": "^5.56.0",
-        "@typescript-eslint/parser": "^5.56.0",
         "@types/react": "^18.2.8",
         "@types/react-dom": "^18.2.4",
+        "@typescript-eslint/eslint-plugin": "^5.56.0",
+        "@typescript-eslint/parser": "^5.56.0",
         "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
         "babel-jest": "^28.1.0",
         "cross-env": "^7.0.3",
@@ -84,6 +84,7 @@
         "eslint-plugin-import": "2.25.3",
         "eslint-plugin-jsdoc": "37.1.0",
         "eslint-plugin-jsx-a11y": "6.5.1",
+        "eslint-plugin-mui-path-imports": "0.0.15",
         "eslint-plugin-prettier": "^4.2.1",
         "eslint-plugin-simple-import-sort": "7.0.0",
         "expect": "27.4.2",

src/components/ParametersMenu.tsx

@@ -1,5 +1,9 @@
-import { Box, Divider, Stack, TextField, Typography } from "@mui/material";
+import Box from "@mui/material/Box";
+import Divider from "@mui/material/Divider";
+import Stack from "@mui/material/Stack";
 import { useTheme } from "@mui/material/styles";
+import TextField from "@mui/material/TextField";
+import Typography from "@mui/material/Typography";
 import React from "react";
 
 export type ViewerSettings = {