chore: upgrade to new eslint config

Author: lukasbach

.eslintrc.json

@@ -1,24 +1,29 @@
 {
   "env": {
     "browser": true,
-    "es2021": true
+    "es2021": true,
+    "jest": true
   },
   "extends": [
+    "plugin:prettier/recommended",
     "eslint:recommended",
     "plugin:react/recommended",
     "plugin:@typescript-eslint/recommended",
-    "prettier",
-    "plugin:react-hooks/recommended"
+    "plugin:react-hooks/recommended",
+    "airbnb",
+    "airbnb-typescript",
+    "prettier"
   ],
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
     "ecmaFeatures": {
       "jsx": true
     },
     "ecmaVersion": 12,
-    "sourceType": "module"
+    "sourceType": "module",
+    "project": "./tsconfig.json"
   },
-  "plugins": ["react", "@typescript-eslint"],
+  "plugins": ["react", "@typescript-eslint", "prettier"],
   "rules": {
     "linebreak-style": ["error", "unix"],
     "quotes": ["error", "single"],
@@ -36,7 +41,38 @@
       {
         "additionalHooks": "(useSideEffect)|(useMemoizedObject)"
       }
-    ]
+    ],
+    "import/prefer-default-export": "off",
+    "react/jsx-props-no-spreading": "off",
+    "no-nested-ternary": "off",
+    "@typescript-eslint/no-shadow": "off",
+    "import/no-extraneous-dependencies": "off",
+
+    // TODO these came up when upgrading to new eslint config. fix these.
+    "no-restricted-syntax": "off",
+    "no-param-reassign": "off",
+    "@typescript-eslint/no-use-before-define": "off",
+    "@typescript-eslint/no-unnecessary-type-constraint": "off",
+    "consistent-return": "off",
+    "no-await-in-loop": "off",
+    "@typescript-eslint/no-unused-vars": "off",
+    "import/no-cycle": "off",
+    "no-plusplus": "off",
+    "no-case-declarations": "off",
+    "react/function-component-definition": "off",
+    "react/jsx-no-constructed-context-values": "off", // TODO important!,
+    "react/destructuring-assignment": "off",
+    "react/button-has-type": "off",
+    "no-promise-executor-return": "off",
+    "react/no-danger": "off",
+    "react/no-unstable-nested-components": "off",
+    "react/require-default-props": "off",
+    "react/jsx-no-useless-fragment": "off",
+    "array-callback-return": "off",
+    "guard-for-in": "off",
+    "no-unreachable-loop": "off",
+    "@typescript-eslint/no-throw-literal": "off",
+    "jsx-a11y/no-static-element-interactions": "off"
   },
-  "ignorePatterns": ["**/lib"]
+  "ignorePatterns": ["**/lib", "**/webpack.config.ts"]
 }

.gitignore

@@ -1,3 +1,4 @@
 .idea
 node_modules
-storybook-static
+storybook-static
+yarn-error.log

.prettierrc.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/prettierrc",
   "bracketSpacing": true,
-  "printWidth": 120,
+  "printWidth": 80,
   "semi": true,
   "singleQuote": true,
   "tabWidth": 2,

package.json

@@ -31,15 +31,20 @@
     "@storybook/preset-typescript": "^3.0.0",
     "@storybook/react": "^6.4.17",
     "@types/storybook__react": "^5.2.1",
-    "@typescript-eslint/eslint-plugin": "^4.28.2",
-    "@typescript-eslint/parser": "^4.28.2",
-    "eslint": "^7.30.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-react": "^7.24.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-storybook": "^0.5.6",
+    "@typescript-eslint/eslint-plugin": "^5.41.0",
+    "@typescript-eslint/parser": "^5.41.0",
+    "eslint": "^8.26.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^17.0.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-storybook": "^0.6.6",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
     "lerna": "^3.22.1",
-    "prettier": "^2.3.2",
+    "prettier": "^2.7.1",
     "react-docgen": "^5.3.1",
     "react-docgen-typescript": "^1.20.5",
     "react-docgen-typescript-loader": "^3.7.2",

packages/core/package.json

@@ -45,6 +45,9 @@
     "typescript": "4.2.2",
     "webpack-cli": "^4.7.2"
   },
+  "peerDependencies": {
+    "react": "*"
+  },
   "scripts": {
     "build": "run-p \"build:*\"",
     "build:cjs": "tsc -m commonjs --outDir lib/cjs",