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

.eslintrc

@@ -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,
       },
     },
   ],

docs/api/ReactWrapper/props.md

@@ -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/renderProp.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/simulate.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/simulateError.md

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

docs/api/ShallowWrapper/props.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/renderProp.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/simulate.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/simulateError.md

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

docs/api/shallow.md

@@ -37,7 +37,6 @@ describe('<MyComponent />', () => {
     expect(onButtonClick).to.have.property('callCount', 1);
   });
 });
-
 ```
 
 ## `shallow(node[, options]) => ShallowWrapper`

docs/guides/lab.md

@@ -13,7 +13,7 @@ const Code = require('code');
 const Lab = require('lab');
 
 const lab = Lab.script();
-exports.lab = lab;
+export { lab };
 
 lab.suite('A suite', () => {
   lab.test('calls componentDidMount', (done) => {

docs/guides/migration-from-2-to-3.md

@@ -78,7 +78,9 @@ const ICONS = {
   failure: <Icon name="exclamation-mark" />,
 };
 
-const StatusLabel = ({ id, label }) => <div>{ICONS[id]}{label}{ICONS[id]}</div>;
+function StatusLabel({ id, label }) {
+  return <div>{ICONS[id]}{label}{ICONS[id]}</div>;
+}
 ```
 
 ```js
@@ -504,11 +506,13 @@ Consider this example:
 <!-- eslint react/prop-types: 0, react/prefer-stateless-function: 0, react/jsx-props-no-spreading: 0 -->
 
 ```js
-const HelpLink = ({ text, ...rest }) => <a {...rest}>{text}</a>;
+function HelpLink({ text, ...rest }) {
+  return <a {...rest}>{text}</a>;
+}
 
-const HelpLinkContainer = ({ text, ...rest }) => (
-  <HelpLink text={text} {...rest} />
-);
+function HelpLinkContainer({ text, ...rest }) {
+  return <HelpLink text={text} {...rest} />;
+}
 
 const wrapper = mount(<HelpLinkContainer aria-expanded="true" text="foo" />);
 ```

docs/guides/mocha.md

@@ -22,5 +22,4 @@ describe('<Foo />', () => {
     expect(Foo.prototype.componentDidMount).to.have.property('callCount', 1);
   });
 });
-
-```
+```

package.json

@@ -15,7 +15,7 @@
     "clean": "lerna run clean",
     "prelint": "npm run lint:root",
     "lint": "lerna exec --parallel 'npm run lint -- --quiet'",
-    "lint:root": "eslint . --ext=js,md,jsx --ignore-pattern=packages/ --ignore-path .eslintignore",
+    "lint:root": "eslint . --ext=js,md,jsx --ignore-pattern=packages/",
     "check": "lerna run lint && npm run test:all",
     "prebuild": "npm run clean",
     "build": "lerna run build",
@@ -62,20 +62,20 @@
   "devDependencies": {
     "@babel/cli": "^7.19.3",
     "@babel/core": "^7.19.3",
+    "@babel/eslint-parser": "^7.19.1",
     "@babel/node": "^7.19.1",
     "@babel/register": "^7.18.9",
-    "babel-eslint": "^10.1.0",
     "babel-loader": "^8.2.2",
     "babel-plugin-add-module-exports": "^1.0.4",
     "babel-plugin-transform-replace-object-assign": "^2.0.0",
     "babel-preset-airbnb": "^4.5.0",
     "chai": "^4.3.4",
-    "eslint": "^8.24.0",
+    "eslint": "^8.26.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-markdown": "^3.0.0",
-    "eslint-plugin-react": "^7.31.8",
+    "eslint-plugin-react": "^7.31.10",
     "eslint-plugin-react-hooks": "^4.6.0",
     "gitbook-cli": "^1.0.1",
     "gitbook-plugin-anchors": "^0.7.1",

packages/enzyme-adapter-react-13/.eslintrc

@@ -1,9 +1,10 @@
 {
   "extends": "airbnb",
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
   "root": true,
+  "ignorePatterns": ["build/"],
   "rules": {
-	"max-classes-per-file": 0,
+    "max-classes-per-file": 0,
     "max-len": 0,
     "react/no-find-dom-node": 0,
     "react/no-multi-comp": 0,

packages/enzyme-adapter-react-13/package.json

@@ -51,7 +51,7 @@
   "devDependencies": {
     "@babel/cli": "^7.19.3",
     "@babel/core": "^7.19.3",
-    "babel-eslint": "^10.1.0",
+    "@babel/eslint-parser": "^7.19.1",
     "babel-plugin-add-module-exports": "^1.0.4",
     "babel-plugin-transform-replace-object-assign": "^2.0.0",
     "babel-preset-airbnb": "^4.5.0",

packages/enzyme-adapter-react-14/.eslintrc

@@ -1,7 +1,8 @@
 {
   "extends": "airbnb",
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
   "root": true,
+  "ignorePatterns": ["build/"],
   "rules": {
     "max-len": 0,
     "react/no-find-dom-node": 0,

packages/enzyme-adapter-react-14/package.json

@@ -55,7 +55,7 @@
   "devDependencies": {
     "@babel/cli": "^7.19.3",
     "@babel/core": "^7.19.3",
-    "babel-eslint": "^10.1.0",
+    "@babel/eslint-parser": "^7.19.1",
     "babel-plugin-add-module-exports": "^1.0.4",
     "babel-plugin-transform-replace-object-assign": "^2.0.0",
     "babel-preset-airbnb": "^4.5.0",