feat(eslint-config-react): add standalone emotion configuration (#1121)

* feat(eslint-config-react): add standalone emotion configuration

* fix: correct imports

* fix: correct css prop

* fix: revert

Author: chambo-e

.eslintrc

@@ -16,14 +16,14 @@
     {
       "parser": "@babel/eslint-parser",
       "files": ["*.js", "*.mjs"],
-      "extends": "@scaleway/react/index.js"
+      "extends": "@scaleway/react"
     },
     {
       "files": ["*.ts", "*.tsx"],
       "parserOptions": {
         "project": ["tsconfig.json"]
       },
-      "extends": ["@scaleway/react/typescript.js"]
+      "extends": ["@scaleway/react/typescript"]
     }
   ]
 }

packages/eslint-config-react/README.md

@@ -18,17 +18,25 @@ Add to your `.eslintrc`
 
 ```json
 {
-  "extends": "@scaleway/react"
+  "extends": ["@scaleway/react]"
 }
 ```
 
 Or for Typescript
 
 ```json
 {
-  "extends": "@scaleway/react/typescript",
+  "extends": ["@scaleway/react/typescript"],
   "parserOptions": {
     "project": "./path/to/tsconfig.json"
   }
 }
 ```
+
+We also have a standalong emotion configuration
+
+```json
+{
+  "extends": ["@scaleway/react", "@scaleway/react/emotion"]
+}
+```

packages/eslint-config-react/emotion.js

@@ -0,0 +1,15 @@
+module.exports = {
+  plugins: ['@emotion'],
+  rules: {
+    'react/no-unknown-property': [
+      'error',
+      {
+        ignore: ['css'],
+      },
+    ],
+    '@emotion/import-from-emotion': 'error',
+    '@emotion/no-vanilla': 'error',
+    '@emotion/styled-import': 'error',
+    '@emotion/syntax-preference': ['error', 'string'],
+  },
+}

packages/eslint-config-react/package.json

@@ -17,6 +17,7 @@
   },
   "license": "MIT",
   "dependencies": {
+    "@emotion/eslint-plugin": "11.10.0",
     "@typescript-eslint/eslint-plugin": "5.46.1",
     "@typescript-eslint/parser": "5.46.1",
     "eslint-config-airbnb": "19.0.4",