[eslint] switch to @babel/eslint-parser, fix linting

Author: ljharb

.eslintignore

@@ -4,7 +4,17 @@
   "env": {
     "node": true,
   },
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
+  "ignorePatterns": [
+    "/build",
+    "_book",
+    "packages/*/build/",
+    // Temporarily copied
+    "packages/*/LICENSE.md",
+    "packages/enzyme/README.md",
+    "packages/enzyme-adapter-react-*/README.md",
+    "packages/enzyme-adapter-utils*/README.md",
+  ],
   "rules": {
     "id-length": 0,
     "react/no-find-dom-node": 1,
@@ -23,43 +33,45 @@
           "devDependencies": true,
         }],
         "comma-dangle": [2, {
-          arrays: "always-multiline",
-          objects: "always-multiline",
-          imports: "always-multiline",
-          exports: "always-multiline",
-          functions: "ignore",
+          "arrays": "always-multiline",
+          "objects": "always-multiline",
+          "imports": "always-multiline",
+          "exports": "always-multiline",
+          "functions": "ignore",
         }],
         "strict": [2, "safe"],
         "prefer-destructuring": 0,
         "prefer-template": 0,
       },
       "parserOptions": {
-        sourceType: "script",
+        "sourceType": "script",
       },
     },
     {
       "files": [
-        "*.md",
         "**/*.md",
+        "**/*.md/**"
       ],
-      "plugins": [
-        "markdown"
-      ],
+      "extends": ["plugin:markdown/recommended"],
       "rules": {
         "class-methods-use-this": 0,
-        "import/no-unresolved": 0,
-        "import/no-extraneous-dependencies": 0,
         "import/extensions": 0,
+        "import/no-extraneous-dependencies": 0,
+        "import/no-unresolved": 0,
+        "import/prefer-default-export": 0,
         "max-len": 0,
-        "no-unused-vars": 0,
         "no-console": 0,
         "no-undef": 0,
-        "react/react-in-jsx-scope": 0,
+        "no-unused-vars": 0,
         "react/jsx-filename-extension": 0,
+        "react/jsx-fragments": 0,
         "react/jsx-no-undef": 0,
-        "react/no-multi-comp": 0,
+        "react/jsx-no-useless-fragment": 0,
         "react/jsx-one-expression-per-line": 0,
-        "react/jsx-fragments": 0,
+        "react/no-multi-comp": 0,
+        "react/no-unknown-property": 0,
+        "react/no-unused-class-component-methods": 0,
+        "react/react-in-jsx-scope": 0,
       },
     },
   ],

.eslintrc

@@ -7,7 +7,6 @@ This method is a reliable way of accessing the props of a node; `wrapper.instanc
 
 #### Example
 ```jsx
-
 import PropTypes from 'prop-types';
 
 function MyComponent(props) {

docs/api/ReactWrapper/props.md

@@ -50,17 +50,19 @@ Mouse.propTypes = {
 ```
 
 ```jsx
-const App = () => (
-  <div style={{ height: '100%' }}>
-    <Mouse
-      render={(x = 0, y = 0) => (
-        <h1>
-          The mouse position is ({x}, {y})
-        </h1>
-      )}
-    />
-  </div>
-);
+function App() {
+  return (
+    <div style={{ height: '100%' }}>
+      <Mouse
+        render={(x = 0, y = 0) => (
+          <h1>
+            The mouse position is ({x}, {y})
+          </h1>
+        )}
+      />
+    </div>
+  );
+}
 ```
 
 ##### Testing with no arguments

docs/api/ReactWrapper/renderProp.md

@@ -48,12 +48,14 @@ expect(wrapper.find('.clicks-1').length).to.equal(1);
 #### Example `functional component`
 
 ```jsx
-const Foo = ({ width, height, onChange }) => (
-  <div>
-    <input name="width" value={width} onChange={onChange} />
-    <input name="height" value={height} onChange={onChange} />
-  </div>
-);
+function Foo({ width, height, onChange }) {
+  return (
+    <div>
+      <input name="width" value={width} onChange={onChange} />
+      <input name="height" value={height} onChange={onChange} />
+    </div>
+  );
+}
 Foo.propTypes = {
   width: PropTypes.number.isRequired,
   height: PropTypes.number.isRequired,

docs/api/ReactWrapper/simulate.md

@@ -74,5 +74,3 @@ expect(spy.args).to.deep.equal([
   },
 ]);
 ```
-
-

docs/api/ReactWrapper/simulateError.md

@@ -9,7 +9,6 @@ This method is a reliable way of accessing the props of a node; `wrapper.instanc
 
 #### Example
 ```jsx
-
 import PropTypes from 'prop-types';
 
 function MyComponent(props) {

docs/api/ShallowWrapper/props.md

@@ -50,17 +50,19 @@ Mouse.propTypes = {
 ```
 
 ```jsx
-const App = () => (
-  <div style={{ height: '100%' }}>
-    <Mouse
-      render={(x = 0, y = 0) => (
-        <h1>
-          The mouse position is ({x}, {y})
-        </h1>
-      )}
-    />
-  </div>
-);
+function App() {
+  return (
+    <div style={{ height: '100%' }}>
+      <Mouse
+        render={(x = 0, y = 0) => (
+          <h1>
+            The mouse position is ({x}, {y})
+          </h1>
+        )}
+      />
+    </div>
+  );
+}
 ```
 
 ##### Testing with no arguments

docs/api/ShallowWrapper/renderProp.md

@@ -48,12 +48,14 @@ expect(wrapper.find('.clicks-1').length).to.equal(1);
 #### Example `functional component`
 
 ```jsx
-const Foo = ({ width, height, onChange }) => (
-  <div>
-    <input name="width" value={width} onChange={onChange} />
-    <input name="height" value={height} onChange={onChange} />
-  </div>
-);
+function Foo({ width, height, onChange }) {
+  return (
+    <div>
+      <input name="width" value={width} onChange={onChange} />
+      <input name="height" value={height} onChange={onChange} />
+    </div>
+  );
+}
 Foo.propTypes = {
   width: PropTypes.number.isRequired,
   height: PropTypes.number.isRequired,

docs/api/ShallowWrapper/simulate.md

@@ -73,6 +73,4 @@ expect(spy.args).to.deep.equal([
     in WrapperComponent`,
   },
 ]);
-```
-
-
+```