Merge pull request #316 from carlosms/frontend-dep-update

Update frontend dependencies

Author: carlosms

frontend/.eslintrc.js

@@ -22,4 +22,9 @@ module.exports = {
     'class-methods-use-this': 0, // strange rule. It doesn't allow to create method render() without this
     'no-case-declarations': 0, // otherwise code is very ugly
   },
+  settings: {
+    "react": {
+      "version": "detect",
+    },
+  }
 };

frontend/package.json

@@ -4,20 +4,20 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "abortcontroller-polyfill": "^1.1.9",
+    "abortcontroller-polyfill": "^1.2.3",
     "bootstrap": "3",
-    "codemirror": "^5.37.0",
-    "nanoid": "^1.0.3",
-    "prop-types": "^15.6.1",
-    "react": "^16.3.2",
+    "codemirror": "^5.43.0",
+    "nanoid": "^2.0.1",
+    "prop-types": "^15.7.2",
+    "react": "^16.8.2",
     "react-bootstrap": "^0.32.1",
     "react-codemirror2": "^5.0.1",
-    "react-dom": "^16.3.2",
+    "react-dom": "^16.8.2",
     "react-helmet": "^5.2.0",
     "react-scripts": "1.1.4",
-    "react-split-pane": "^0.1.77",
-    "react-switch": "^3.0.4",
-    "react-table": "^6.8.2",
+    "react-split-pane": "^0.1.85",
+    "react-switch": "^4.0.1",
+    "react-table": "^6.9.2",
     "uast-viewer": "^0.2.0"
   },
   "scripts": {
@@ -30,20 +30,23 @@
   },
   "devDependencies": {
     "@ungap/url-search-params": "^0.1.2",
-    "enzyme": "^3.7.0",
-    "enzyme-adapter-react-16": "^1.7.0",
-    "eslint-config-airbnb-base": "^12.1.0",
-    "eslint-config-prettier": "^2.9.0",
-    "eslint-plugin-jest": "^21.15.1",
-    "eslint-plugin-prettier": "^2.6.0",
-    "jest-fetch-mock": "^1.5.0",
+    "enzyme": "^3.8.0",
+    "enzyme-adapter-react-16": "^1.9.1",
+    "eslint": "^5.13.0",
+    "eslint-config-airbnb-base": "^13.1.0",
+    "eslint-config-prettier": "^4.0.0",
+    "eslint-plugin-import": "^2.16.0",
+    "eslint-plugin-jest": "^22.3.0",
+    "eslint-plugin-prettier": "^3.0.1",
+    "eslint-plugin-react": "^7.12.4",
+    "jest-fetch-mock": "^2.1.0",
     "node-localstorage": "^1.3.1",
-    "prettier": "^1.12.1",
+    "prettier": "^1.16.4",
     "react-app-rewire-less": "^2.1.1",
     "react-app-rewire-svg-react-loader": "codebandits/react-app-rewire-svg-react-loader",
     "react-app-rewired": "^1.5.2",
-    "react-test-renderer": "^16.4.0",
-    "whatwg-url": "^6.4.1"
+    "react-test-renderer": "^16.8.2",
+    "whatwg-url": "^7.0.0"
   },
   "proxy": {
     "/query": {

frontend/src/App.js

@@ -376,12 +376,14 @@ FROM ( SELECT MONTH(committer_when) as month,
     this.stopInactiveTimer(key);
 
     const hiddenKeys = Array.from(results.keys()).filter(k => k !== key);
-    hiddenKeys.filter(k => !this.timers[k]).forEach(k => {
-      this.timers[k] = window.setTimeout(
-        () => this.removeResultContent(k),
-        INACTIVE_TIMEOUT
-      );
-    });
+    hiddenKeys
+      .filter(k => !this.timers[k])
+      .forEach(k => {
+        this.timers[k] = window.setTimeout(
+          () => this.removeResultContent(k),
+          INACTIVE_TIMEOUT
+        );
+      });
   }
 
   stopInactiveTimer(key) {

frontend/src/components/QueryBox.js

@@ -117,7 +117,8 @@ class QueryBox extends Component {
                 bsStyle="gbpl-primary-tint-2-link"
                 onClick={this.showHelpModal}
               >
-                <HelpIcon className="big-icon" />HELP
+                <HelpIcon className="big-icon" />
+                HELP
               </Button>
             </Col>
           </Row>

frontend/src/components/TabbedResults.js

@@ -138,7 +138,8 @@ function ResultInfo({ result }) {
   if (result.errorMsg) {
     return (
       <span className="meta meta-error">
-        <ErrorIcon className="big-icon" />Query Failed - {result.errorMsg}
+        <ErrorIcon className="big-icon" />
+        Query Failed - {result.errorMsg}
       </span>
     );
   }

frontend/src/components/__snapshots__/ResultsTable.test.js.snap

@@ -160,6 +160,7 @@ exports[`ResultsTable text with new lines should be shown as code 1`] = `
             className="-pageJump"
           >
             <input
+              aria-label="jump to page"
               onBlur={[Function]}
               onChange={[Function]}
               onKeyPress={[Function]}
@@ -180,50 +181,39 @@ exports[`ResultsTable text with new lines should be shown as code 1`] = `
           className="select-wrap -pageSizeOptions"
         >
           <select
+            aria-label="rows per page"
             onChange={[Function]}
             value={10}
           >
             <option
               value={5}
             >
-              5
-               
-              rows
+              5 rows
             </option>
             <option
               value={10}
             >
-              10
-               
-              rows
+              10 rows
             </option>
             <option
               value={20}
             >
-              20
-               
-              rows
+              20 rows
             </option>
             <option
               value={25}
             >
-              25
-               
-              rows
+              25 rows
             </option>
             <option
               value={50}
             >
-              50
-               
-              rows
+              50 rows
             </option>
             <option
               value={100}
             >
-              100
-               
-              rows
+              100 rows
             </option>
           </select>
         </span>