ci: update eslint config with latest guidelines (#592)

Author: chambo-e

.eslintrc

@@ -3,54 +3,32 @@
   "env": {
     "browser": true
   },
-  "extends": [
-    "@scaleway/react/typescript",
-    "plugin:react/jsx-runtime"
-  ],
-  "parserOptions": {
-    "project": [
-      "tsconfig.json"
-    ]
-  },
-  "plugins": [
-    "@emotion"
-  ],
-  "rules": {
-    // Import
-    "import/no-extraneous-dependencies": [
-      "error",
-      {
-        "devDependencies": [
-          "**/__stories__/**/*",
-          "**/__tests__/**/*",
-          "**/jestHelpers.tsx",
-          "rollup.config.mjs"
-        ]
-      }
-    ],
-    // emotion
-    "@emotion/styled-import": "error",
-    "@emotion/no-vanilla": "error",
-    "@emotion/import-from-emotion": "error",
-    "@emotion/syntax-preference": [
-      "error",
-      "string"
-    ]
-  },
   "overrides": [
     {
+      "files": ["*.js", "*.mjs"],
+      "extends": ["@scaleway/react", "@scaleway/react/emotion"],
+      "parser": "@babel/eslint-parser"
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "extends": ["@scaleway/react/typescript", "@scaleway/react/emotion"],
+      "parserOptions": {
+        "project": ["tsconfig.json"]
+      }
+    },
+    {
+      "files": ["**/__stories__/**/*.{ts,tsx}", "**/__tests__/**/*.{ts,tsx}"],
+      "extends": ["@scaleway/react/typescript"],
+      "parserOptions": {
+        "project": ["tsconfig.json"]
+      },
       "env": {
         "jest": true
       },
-      "files": [
-        "**/__stories__/**/*.{ts,tsx}",
-        "**/__tests__/**/*.{ts,tsx}"
-      ],
       "rules": {
         "no-console": "off",
         "no-alert": "off",
-        "react/prop-types": "off",
-        "react/jsx-props-no-spreading": "off"
+        "react/jsx-props-no-spreading": "off",
       }
     }
   ]

src/helpers/jestHelpers.tsx renamed to .jest/helpers.tsx

@@ -3,8 +3,8 @@ import makeHelpers from '@scaleway/jest-helpers'
 import { theme as lightTheme } from '@scaleway/ui'
 import { render } from '@testing-library/react'
 import type { ComponentProps, ReactElement, ReactNode } from 'react'
-import { Form } from '../components'
-import { mockErrors } from '../mocks'
+import { Form } from '../src/components'
+import { mockErrors } from '../src/mocks'
 
 type WrapperProps = {
   theme?: typeof lightTheme

package.json

@@ -138,7 +138,7 @@
     "@rollup/plugin-babel": "6.0.3",
     "@rollup/plugin-node-resolve": "15.0.1",
     "@rollup/plugin-url": "8.0.1",
-    "@scaleway/eslint-config-react": "3.11.2",
+    "@scaleway/eslint-config-react": "3.13.0",
     "@scaleway/jest-helpers": "2.0.24",
     "@scaleway/tsconfig": "1.1.0",
     "@semantic-release/changelog": "6.0.2",