Update eslint and prettier dependencies and settings

- Add eslint-config-prettier, eslint-plugin-import,
  eslint-plugin-no-null and eslint-plugin-react
- Add prettier to .eslintrc.js files
- Configure specific prettier indentation rule
- Update eslint versions to align across packages
- disable eslint no-shallow for @typescript-eslint/no-shadow"
- disable @typescript-eslint/no-unsafe-declaration-merging (due to new
  eslint verison)
- Some code fixes due new eslint

Signed-off-by: Bernd Hufmann <[email protected]>

Author: bhufmann

base/.eslintrc.js

@@ -15,7 +15,8 @@ module.exports = {
         'plugin:@typescript-eslint/recommended',
         '../../../configs/base.eslintrc.json',
         '../../../configs/warnings.eslintrc.json',
-        '../../../configs/errors.eslintrc.json'
+        '../../../configs/errors.eslintrc.json',
+        'prettier'
     ],
     ignorePatterns: [
         'node_modules',

base/package.json

@@ -19,12 +19,13 @@
         "tsp-typescript-client": "^0.7.0"
     },
     "devDependencies": {
-        "@typescript-eslint/eslint-plugin": "^3.4.0",
-        "@typescript-eslint/parser": "^3.4.0",
-        "eslint": "^7.3.0",
+        "@typescript-eslint/eslint-plugin": "^6.0.0",
+        "@typescript-eslint/parser": "^6.0.0",
+        "eslint": "^8.43.0",
         "eslint-plugin-import": "^2.21.2",
         "eslint-plugin-no-null": "^1.0.2",
         "eslint-plugin-react": "^7.20.0",
+        "eslint-config-prettier": "^9.0.0",
         "prettier": "^3.6.2",
         "rimraf": "^5.0.0",
         "typescript": "4.9.5"

react-components/.eslintrc.js

@@ -19,7 +19,8 @@ module.exports = {
         'plugin:@typescript-eslint/recommended',
         '../../../configs/base.eslintrc.json',
         '../../../configs/warnings.eslintrc.json',
-        '../../../configs/errors.eslintrc.json'
+        '../../../configs/errors.eslintrc.json',
+        'prettier'
     ],
     ignorePatterns: [
         'node_modules',

react-components/package.json

@@ -49,12 +49,13 @@
         "@types/react-modal": "^3.8.2",
         "@types/react-test-renderer": "^18.3.0",
         "@types/react-virtualized": "^9.21.1",
-        "@typescript-eslint/eslint-plugin": "^3.4.0",
-        "@typescript-eslint/parser": "^3.4.0",
-        "eslint": "^7.3.0",
+        "@typescript-eslint/eslint-plugin": "^6.0.0",
+        "@typescript-eslint/parser": "^6.0.0",
+        "eslint": "^8.43.0",
         "eslint-plugin-import": "^2.21.2",
         "eslint-plugin-no-null": "^1.0.2",
         "eslint-plugin-react": "^7.20.0",
+        "eslint-config-prettier": "^9.0.0",
         "jest": "^28.1.3",
         "jest-canvas-mock": "^2.4.0",
         "jest-environment-jsdom": "^28.1.3",

react-components/src/components/utils/unit-controller-history-handler.ts

@@ -84,7 +84,7 @@ export class UnitControllerHistoryHandler {
         let oneIsDifferent = false;
         const { selectionRange: itemSR, viewRange: itemVR } = item;
         const { selectionRange: prevSR, viewRange: prevVR } = this.history[this.index];
-        const check = (value1: BigInt | undefined, value2: BigInt | undefined) => {
+        const check = (value1: bigint | undefined, value2: bigint | undefined) => {
             if (oneIsDifferent) {
                 return;
             }

react-components/src/trace-explorer/trace-explorer-views-widget.tsx

@@ -300,7 +300,7 @@ export class ReactAvailableViewsWidget extends React.Component<ReactAvailableVie
     private handleCustomizeClick = async (entry: OutputDescriptor, e: React.MouseEvent) => {
         e.stopPropagation();
         if (this.props.onCustomizationClick && this._selectedExperiment) {
-            await this.props.onCustomizationClick(entry, this._selectedExperiment);
+            this.props.onCustomizationClick(entry, this._selectedExperiment);
             this.updateAvailableViews();
         }
     };