Update eslint rules.

.eslintignore

@@ -1,7 +1,3 @@
 dist/
-config/
 coverage/
 node_modules/
-lib/
-es/
-umd/

.eslintrc

@@ -1,19 +1,87 @@
 {
-  "env": {},
-  "extends": ["airbnb", "plugin:jest/recommended"],
+  "parserOptions": {
+    "ecmaVersion": 2022,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "extends": [
+    "airbnb",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:testing-library/react"
+  ],
   "globals": {
-    "document": true
+    "page": true,
+    "document": true,
+    "vi": true
   },
-  "parser": "@babel/eslint-parser",
-  "plugins": ["babel", "jest", "react", "react-hooks"],
+  "plugins": [
+    "react",
+    "react-hooks",
+    "testing-library"
+  ],
   "rules": {
+    "import/no-unresolved": [
+      2, { "ignore": ["test-utils"] }
+    ],
     "import/prefer-default-export": "off",
-    "import/no-extraneous-dependencies": "off",
-    "no-console": "warn",
+    "no-console": "off",
+    "no-unused-expressions": ["error", { "allowShortCircuit": true, "allowTernary": true }],
+    "no-unused-vars": "off",
+    "no-undef": "off",
+    "no-restricted-syntax": ["warn", "WithStatement"],
+    "no-restricted-globals": ["error"],
+    "eqeqeq": ["warn", "smart"],
+    "no-use-before-define": [
+      "warn",
+      {
+        "functions": false,
+        "classes": false,
+        "variables": false
+      },
+    ],
+    "no-mixed-operators": [
+      "warn",
+      {
+        "groups": [
+          ["&", "|", "^", "~", "<<", ">>", ">>>"],
+          ["==", "!=", "===", "!==", ">", ">=", "<", "<="],
+          ["&&", "||"],
+          ["in", "instanceof"],
+        ],
+        "allowSamePrecedence": false,
+      },
+    ],
     "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
-    "react/jsx-fragments": "off",
-    "react/jsx-props-no-spreading": "off",
+    "no-underscore-dangle": "off",
     "react/prefer-stateless-function": "off",
-    "react/function-component-definition": "off"
+    "react/jsx-props-no-spreading": "off",
+    "react/function-component-definition": "off",
+    "default-param-last": "off",
+    "arrow-parens": "off",
+    "import/no-anonymous-default-export": "off",
+    "import/no-extraneous-dependencies": "off",
+    "max-len": ["error", {
+      "code": 120,
+      "ignoreComments": true,
+      "ignoreStrings": true,
+      "ignoreTemplateLiterals": true,
+      "ignoreRegExpLiterals": true
+    }],
+    "react/jsx-uses-react": "off",
+    "react/react-in-jsx-scope": "off",
+    "react/require-default-props": [2, {
+      "functions": "defaultArguments"
+    }],
+    "react-hooks/exhaustive-deps": "error",
+    "testing-library/render-result-naming-convention": "off",
+    "testing-library/no-render-in-lifecycle": [
+      "error",
+      {
+        "allowTestingFrameworkSetupHook": "beforeEach"
+      }
+    ]
   }
 }

src/CanvasDownloadLinks.js

@@ -183,7 +183,7 @@ export default class CanvasDownloadLinks extends Component {
     const { canvas, canvasLabel } = this.props;
 
     return (
-      <React.Fragment>
+      <>
         <Typography noWrap variant="h3" sx={{ marginTop: '20px' }}>
           {canvasLabel}
         </Typography>
@@ -210,7 +210,7 @@ export default class CanvasDownloadLinks extends Component {
             <RenderingDownloadLink rendering={rendering} key={rendering.id} />
           ))}
         </List>
-      </React.Fragment>
+      </>
     );
   }
 }

src/ManifestDownloadLinks.js

@@ -16,7 +16,7 @@ export default class ManifestDownloadLinks extends Component {
     const { renderings, t } = this.props;
 
     return (
-      <React.Fragment>
+      <>
         <Typography variant="h3" sx={{ marginTop: '20px' }}>
           {t('mirador-dl-plugin.other_download')}
         </Typography>
@@ -25,7 +25,7 @@ export default class ManifestDownloadLinks extends Component {
             <RenderingDownloadLink rendering={rendering} key={rendering.id} />
           ))}
         </List>
-      </React.Fragment>
+      </>
     );
   }
 }