package dependency cleanup (#330)

* update npm packages.  babel 7, redux 4, etc

* remove obsolete babel config file

* use correct icons

client/src/components/brushableHistogram/index.js

@@ -8,7 +8,7 @@ import React from "react";
 import _ from "lodash";
 import { connect } from "react-redux";
 import { kvCache } from "../../util/stateManager/";
-import FaPaintBrush from "react-icons/lib/fa/paint-brush";
+import { FaPaintBrush } from "react-icons/fa";
 import * as d3 from "d3";
 import memoize from "memoize-one";
 import * as globals from "../../globals";

client/src/components/categorical/categorical.js

@@ -3,9 +3,9 @@ import React from "react";
 import _ from "lodash";
 import { connect } from "react-redux";
 
-import FaArrowRight from "react-icons/lib/fa/angle-right";
-import FaArrowDown from "react-icons/lib/fa/angle-down";
-import FaPaintBrush from "react-icons/lib/fa/paint-brush";
+import { FaChevronRight } from "react-icons/fa";
+import { FaChevronDown } from "react-icons/fa";
+import { FaPaintBrush } from "react-icons/fa";
 
 import * as globals from "../../globals";
 import Value from "./value";
@@ -132,7 +132,7 @@ class Category extends React.Component {
                 this.setState({ isExpanded: !isExpanded });
               }}
             >
-              {isExpanded ? <FaArrowDown /> : <FaArrowRight />}
+              {isExpanded ? <FaChevronDown /> : <FaChevronRight />}
             </span>
             {metadataField}
             <input

client/src/components/expression/diffExpHeatmap.js

@@ -5,7 +5,7 @@ import memoize from "memoize-one";
 import { connect } from "react-redux";
 import ReactAutocomplete from "react-autocomplete"; /* http://emilebres.github.io/react-virtualized-checkbox/ */
 import getContrast from "font-color-contrast"; // https://www.npmjs.com/package/font-color-contrast
-import FaPaintBrush from "react-icons/lib/fa/paint-brush";
+import { FaPaintBrush } from "react-icons/fa";
 import * as d3 from "d3";
 import { interpolateGreys } from "d3-scale-chromatic";
 import * as globals from "../../globals";

client/src/components/geneExpression/index.js

@@ -5,7 +5,7 @@ import React from "react";
 import _ from "lodash";
 import * as d3 from "d3";
 import { connect } from "react-redux";
-import CirclePlus from "react-icons/lib/fa/plus-circle";
+import { FaPlusCircle } from "react-icons/fa";
 import HistogramBrush from "../brushableHistogram";
 import * as globals from "../../globals";
 // import ReactAutocomplete from "react-autocomplete"; /* http://emilebres.github.io/react-virtualized-checkbox/ */
@@ -89,7 +89,7 @@ class GeneExpression extends React.Component {
           }}
           onClick={this.handleClick.bind(this)}
         >
-          <CirclePlus
+          <FaPlusCircle
             style={{
               display: "inline-block",
               marginLeft: 7,

client/src/components/graph/graph.js

@@ -6,8 +6,8 @@ import { connect } from "react-redux";
 import mat4 from "gl-mat4";
 import _regl from "regl";
 
-import FaCrosshair from "react-icons/lib/fa/crosshairs";
-import FaZoom from "react-icons/lib/fa/search-plus";
+import { FaCrosshairs } from "react-icons/fa";
+import { FaSearchPlus } from "react-icons/fa";
 
 import * as globals from "../../globals";
 import setupSVGandBrushElements from "./setupSVGandBrush";
@@ -399,7 +399,7 @@ class Graph extends React.Component {
                   }}
                 >
                   {" "}
-                  <FaCrosshair />{" "}
+                  <FaCrosshairs />{" "}
                 </button>
                 <button
                   type="button"
@@ -419,7 +419,7 @@ class Graph extends React.Component {
                   }}
                 >
                   {" "}
-                  <FaZoom />{" "}
+                  <FaSearchPlus />{" "}
                 </button>
               </span>
             </div>