Update packages and jest environment

Author: szhsin

.eslintrc

@@ -1,13 +1,11 @@
 {
   "parser": "babel-eslint",
   "extends": [
-    // "standard",
-    // "standard-react",
-    // "plugin:prettier/recommended",
-    // "prettier/standard",
-    // "prettier/react"
+    "eslint:recommended",
+    "plugin:react/recommended"
   ],
   "env": {
+    "browser": true,
     "node": true
   },
   "parserOptions": {
@@ -26,12 +24,8 @@
     "react-hooks"
   ],
   "rules": {
-    "space-before-function-paren": 0,
     "react/prop-types": 0,
-    "react/jsx-handler-names": 0,
-    "react/jsx-fragments": 0,
-    "react/no-unused-prop-types": 0,
-    "import/export": 0,
+    "react/display-name": 0,
     "react-hooks/rules-of-hooks": "error",
     "react-hooks/exhaustive-deps": "warn"
   }

babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+    presets: ['@babel/preset-env', '@babel/preset-react'],
+};

example/package-lock.json

@@ -1331,4 +1331,5 @@ export const installation = {
         </>
 };
 
-export default [features, installation, usageExamples];
+const codeExamples = [features, installation, usageExamples];
+export default codeExamples;

example/src/App.test.js

@@ -771,4 +771,5 @@ const accessibility = {
     ]
 };
 
-export default [components, hooks, accessibility];
+const documentation = [components, hooks, accessibility];
+export default documentation;

example/src/data/codeExamples.js

@@ -224,4 +224,6 @@ const stylesProp = {
         </>
 }
 
-export default [stylesheet, classNameProp, stylesProp];
+const styleGuide = [stylesheet, classNameProp, stylesProp];
+export default styleGuide;
+

example/src/data/documentation.js

@@ -1,6 +1,6 @@
 {
   "name": "@szhsin/react-menu",
-  "version": "0.11.0",
+  "version": "0.11.1",
   "description": "React menu components",
   "author": "Zheng Song",
   "license": "MIT",
@@ -15,7 +15,7 @@
     "build": "microbundle-crl --no-compress --format cjs --css-modules false --sourcemap false",
     "start": "microbundle-crl watch --no-compress --format modern,cjs --css-modules false --sourcemap false",
     "prepare": "run-s build",
-    "test": "run-s test:unit test:lint test:build",
+    "test": "jest",
     "test:build": "run-s build",
     "test:lint": "eslint .",
     "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
@@ -29,27 +29,24 @@
     "prop-types": "^15.5.7"
   },
   "devDependencies": {
+    "@babel/preset-env": "^7.12.1",
+    "@babel/preset-react": "^7.12.1",
     "babel-eslint": "^10.0.3",
+    "babel-jest": "^26.6.1",
     "cross-env": "^7.0.2",
-    "eslint": "^6.8.0",
-    "eslint-config-prettier": "^6.7.0",
-    "eslint-config-standard": "^14.1.0",
-    "eslint-config-standard-react": "^9.2.0",
-    "eslint-plugin-import": "^2.18.2",
-    "eslint-plugin-node": "^11.0.0",
-    "eslint-plugin-prettier": "^3.1.1",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-react": "^7.17.0",
-    "eslint-plugin-react-hooks": "^4.1.0",
-    "eslint-plugin-standard": "^4.0.1",
+    "eslint": "^7.12.0",
+    "eslint-plugin-react": "^7.21.5",
+    "eslint-plugin-react-hooks": "^4.2.0",
     "gh-pages": "^2.2.0",
+    "jest": "^26.6.1",
     "microbundle-crl": "^0.13.11",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.0.4",
     "prop-types": "^15.7.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-scripts": "^3.4.1",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "react-scripts": "^4.0.0",
+    "react-test-renderer": "^16.14.0",
     "sass": "^1.26.10"
   },
   "files": [

example/src/data/styleGuide.js

@@ -22,7 +22,7 @@ export const useActiveState = (isHovering, customKey) => {
             e.currentTarget.releasePointerCapture(e.pointerId);
         }, []),
 
-        onLostPointerCapture: useCallback(e => {
+        onLostPointerCapture: useCallback(() => {
             setActive(false);
         }, []),
 
@@ -38,7 +38,7 @@ export const useActiveState = (isHovering, customKey) => {
             }
         }, [activeKeys]),
 
-        onBlur: useCallback(e => {
+        onBlur: useCallback(() => {
             setActive(false);
         }, [])
     }