From c1c87d5a588124e80f22d6b248fbe55ed9234e7b Mon Sep 17 00:00:00 2001
From: William Durand <will+git@drnd.me>
Date: Sun, 15 Jan 2017 10:54:57 +0100
Subject: [PATCH] Update some dependencies

---
 .eslintrc                                     |  4 +++
 app/components/Annotation/Line.jsx            |  2 +-
 app/components/Annotation/index.jsx           |  6 ++--
 app/components/AnnotationForm/presenter.jsx   | 14 ++++++----
 app/components/Annotations/index.jsx          | 10 +++++--
 app/components/Disclaimer/index.jsx           |  2 +-
 app/components/Exons/ExonEdit.jsx             |  2 +-
 app/components/Exons/ExonForm.jsx             |  7 +++++
 app/components/Exons/presenter.jsx            | 10 +++----
 app/components/Footer.jsx                     |  2 +-
 app/components/InputNumber/InlineButton.jsx   | 16 +++++++++--
 app/components/InputNumber/RawInputNumber.jsx | 11 +++++++-
 app/components/InputNumber/index.jsx          | 14 ++++++++--
 app/components/Labels/LabelEdit.jsx           |  2 +-
 app/components/Labels/LabelForm.jsx           | 10 +++++--
 app/components/Labels/LabelTools.jsx          |  2 +-
 app/components/Labels/presenter.jsx           | 10 +++----
 app/components/Loader/presenter.jsx           |  2 +-
 app/components/Notifications/presenter.jsx    |  2 +-
 app/components/Nucleotide/index.js            |  6 ++--
 app/components/Nucleotide/presenter.jsx       |  2 +-
 app/components/Remove/index.jsx               |  2 +-
 app/components/Search/index.js                |  4 +--
 app/components/Search/presenter.jsx           |  6 +++-
 app/components/Sequence/index.jsx             |  2 +-
 .../Toolbar/__tests__/Toolbar-test.js         | 10 +++++--
 app/components/Toolbar/index.js               |  2 +-
 app/components/Toolbar/presenter.jsx          |  6 +++-
 app/components/Visualizer/Help.jsx            |  2 +-
 app/components/Visualizer/index.js            |  6 ++--
 app/components/Visualizer/presenter.jsx       | 12 ++++++--
 app/defaults.js                               |  4 +--
 app/modules/franklin.js                       |  2 +-
 app/modules/label.js                          | 10 +++----
 app/modules/notification.js                   |  4 +--
 app/modules/sequence.js                       |  4 +--
 app/store/configureStore.js                   | 16 +++++------
 app/utils/positionning.js                     | 17 +++++------
 package.json                                  | 28 +++++++++----------
 39 files changed, 175 insertions(+), 98 deletions(-)

diff --git a/.eslintrc b/.eslintrc
index 2a28c5c..09957a8 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -9,6 +9,10 @@
     "import/no-extraneous-dependencies": [2, {
       'optionalDependencies': false,
     }],
+    "react/no-unused-prop-types": 0,
+    "react/forbid-prop-types": 1,
+    "jsx-a11y/no-static-element-interactions": 1,
+    "react/no-array-index-key": 1,
   },
   "parserOptions":{
     "ecmaFeatures": {
diff --git a/app/components/Annotation/Line.jsx b/app/components/Annotation/Line.jsx
index 20532af..bf72b72 100644
--- a/app/components/Annotation/Line.jsx
+++ b/app/components/Annotation/Line.jsx
@@ -6,7 +6,7 @@ const tickPosition = {
   y: 4,
 };
 
-const Line = (props) => (
+const Line = props => (
   <g>
     <line
       x1={props.x1}
diff --git a/app/components/Annotation/index.jsx b/app/components/Annotation/index.jsx
index 52d9c97..f1b089b 100644
--- a/app/components/Annotation/index.jsx
+++ b/app/components/Annotation/index.jsx
@@ -28,7 +28,7 @@ class Annotation extends Component {
     this.props.onClick(
       this.props.labelId,
       this.props.annotation,
-      this.props.positionFrom
+      this.props.positionFrom,
     );
   }
 
@@ -37,7 +37,7 @@ class Annotation extends Component {
       segments: props.getAnnotationSegments(
         props.labelId,
         props.annotation.positionFrom - 1,
-        props.annotation.positionTo - 1
+        props.annotation.positionTo - 1,
       ),
     });
   }
@@ -67,7 +67,7 @@ class Annotation extends Component {
             color={this.props.label.color}
             hasTick={displayTick && !isUnit && indexForTick === index}
             isReverse={isReverse}
-          />
+          />,
         )}
       </g>
     );
diff --git a/app/components/AnnotationForm/presenter.jsx b/app/components/AnnotationForm/presenter.jsx
index 49da0fc..e263c7f 100644
--- a/app/components/AnnotationForm/presenter.jsx
+++ b/app/components/AnnotationForm/presenter.jsx
@@ -89,7 +89,7 @@ class AnnotationForm extends Component {
           comment: this.state.comment,
           displayTick: this.state.displayTick,
         },
-        this.state.annotationId
+        this.state.annotationId,
       );
     });
 
@@ -121,10 +121,10 @@ class AnnotationForm extends Component {
     event.preventDefault();
 
     this.props.updateSelectionFrom(
-      this.state.positionTo - this.props.positionFrom
+      this.state.positionTo - this.props.positionFrom,
     );
     this.props.updateSelectionTo(
-      this.state.positionFrom - this.props.positionFrom
+      this.state.positionFrom - this.props.positionFrom,
     );
   }
 
@@ -188,11 +188,11 @@ class AnnotationForm extends Component {
             {
               this.props.labels.map((label, index) =>
                 <option
-                  key={index}
+                  key={label.name}
                   value={index}
                 >
                   {label.name}
-                </option>
+                </option>,
               )
             }
           </select>
@@ -259,4 +259,8 @@ AnnotationForm.propTypes = {
   positionFrom: number.isRequired,
 };
 
+AnnotationForm.defaultProps = {
+  current: null,
+};
+
 export default AnnotationForm;
diff --git a/app/components/Annotations/index.jsx b/app/components/Annotations/index.jsx
index b08c32d..cfaceb8 100644
--- a/app/components/Annotations/index.jsx
+++ b/app/components/Annotations/index.jsx
@@ -24,7 +24,7 @@ class Annotations extends Component {
       this.props.nucleotideWidth,
       this.props.rowHeight,
       this.props.nucleotidesRowHeight,
-      this.props.trackHeight
+      this.props.trackHeight,
     );
   }
 
@@ -46,8 +46,8 @@ class Annotations extends Component {
                 getAnnotationSegments={this.getAnnotationSegments}
                 positionFrom={this.props.positionFrom}
                 onClick={this.props.onAnnotationClick}
-              />
-            )
+              />,
+            ),
           )
         }
       </g>
@@ -68,4 +68,8 @@ Annotations.propTypes = {
   selectedAnnotation: object,
 };
 
+Annotations.defaultProps = {
+  selectedAnnotation: null,
+};
+
 export default Annotations;
diff --git a/app/components/Disclaimer/index.jsx b/app/components/Disclaimer/index.jsx
index 541c55e..fd09175 100644
--- a/app/components/Disclaimer/index.jsx
+++ b/app/components/Disclaimer/index.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import Modal from 'react-modal';
 
-const Disclaimer = (props) => (
+const Disclaimer = props => (
   <Modal
     overlayClassName="modal-overlay"
     className="modal-content"
diff --git a/app/components/Exons/ExonEdit.jsx b/app/components/Exons/ExonEdit.jsx
index 0bc436e..24517bb 100644
--- a/app/components/Exons/ExonEdit.jsx
+++ b/app/components/Exons/ExonEdit.jsx
@@ -2,7 +2,7 @@ import React, { PropTypes } from 'react';
 import ExonForm from './ExonForm';
 
 
-const ExonEdit = (props) => (
+const ExonEdit = props => (
   <div className="action-edit">
     <ExonForm
       exon={props.exon}
diff --git a/app/components/Exons/ExonForm.jsx b/app/components/Exons/ExonForm.jsx
index 2512410..897640d 100644
--- a/app/components/Exons/ExonForm.jsx
+++ b/app/components/Exons/ExonForm.jsx
@@ -168,4 +168,11 @@ ExonForm.propTypes = {
   exon: object,
 };
 
+ExonForm.defaultProps = {
+  onRemoveExon: null,
+  onCreateNewExon: null,
+  onEditExon: null,
+  exon: null,
+};
+
 export default ExonForm;
diff --git a/app/components/Exons/presenter.jsx b/app/components/Exons/presenter.jsx
index 7f6d40a..18d106c 100644
--- a/app/components/Exons/presenter.jsx
+++ b/app/components/Exons/presenter.jsx
@@ -45,7 +45,7 @@ class Exons extends Component {
             exon={exon}
             onEditExon={this.props.onEditExon}
             onRemoveExon={this.props.onRemoveExon}
-          />
+          />,
         )}
         {/* New exon */}
         <div className="new">
@@ -56,10 +56,10 @@ class Exons extends Component {
               onCreateNewExon={this.props.onCreateNewExon}
             />
             :
-              <button
-                className="button new-exon"
-                onClick={this.toggleNewExonForm}
-              >
+            <button
+              className="button new-exon"
+              onClick={this.toggleNewExonForm}
+            >
                 New Exon
               </button>
           }
diff --git a/app/components/Footer.jsx b/app/components/Footer.jsx
index 22a4dd4..3be245f 100644
--- a/app/components/Footer.jsx
+++ b/app/components/Footer.jsx
@@ -3,7 +3,7 @@ import React, { PropTypes } from 'react';
 const { string } = PropTypes;
 
 
-const Footer = (props) =>
+const Footer = props =>
   <footer className="main">
     <div className="version">
       <span className="git-ref">
diff --git a/app/components/InputNumber/InlineButton.jsx b/app/components/InputNumber/InlineButton.jsx
index fba9b10..4ee5b49 100644
--- a/app/components/InputNumber/InlineButton.jsx
+++ b/app/components/InputNumber/InlineButton.jsx
@@ -20,7 +20,7 @@ const InlineButton = (props) => {
           <button
             onClick={props.onClick}
             className="button"
-            title={props.titleText || null}
+            title={props.titleText}
             disabled={props.hasButtonDisabled || false}
           >
             {props.children}
@@ -28,7 +28,7 @@ const InlineButton = (props) => {
         </div>
       </div>
       <small className={`form-error${isInvalid ? ' is-visible' : ''}`}>
-        {props.errorText || 'Invalid value'}
+        {props.errorText}
       </small>
     </div>
   );
@@ -55,4 +55,16 @@ InlineButton.propTypes = {
   hasButtonDisabled: React.PropTypes.bool,
 };
 
+InlineButton.defaultProps = {
+  children: null,
+  errorText: 'Invalid value',
+  isDisabled: false,
+  placeholder: null,
+  min: null,
+  value: '',
+  className: null,
+  titleText: null,
+  hasButtonDisabled: false,
+};
+
 export default InlineButton;
diff --git a/app/components/InputNumber/RawInputNumber.jsx b/app/components/InputNumber/RawInputNumber.jsx
index 72ffa92..8bf3d72 100644
--- a/app/components/InputNumber/RawInputNumber.jsx
+++ b/app/components/InputNumber/RawInputNumber.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 
-const RawInputNumber = (props) =>
+const RawInputNumber = props =>
   <input
     type="number"
     name={`input-number-${props.className}`}
@@ -31,4 +31,13 @@ RawInputNumber.propTypes = {
   className: React.PropTypes.string,
 };
 
+RawInputNumber.defaultProps = {
+  isDisabled: false,
+  isInvalid: false,
+  placeholder: null,
+  min: null,
+  value: '',
+  className: null,
+};
+
 export default RawInputNumber;
diff --git a/app/components/InputNumber/index.jsx b/app/components/InputNumber/index.jsx
index 9cdda6f..9e075c1 100644
--- a/app/components/InputNumber/index.jsx
+++ b/app/components/InputNumber/index.jsx
@@ -14,13 +14,13 @@ const InputNumber = (props) => {
       htmlFor={`input-number-${props.className}`}
       className={isInvalid ? 'is-invalid-label' : ''}
     >
-      {props.labelText || null}
+      {props.labelText}
       <RawInputNumber
         {...props}
         isInvalid={isInvalid}
       />
       <small className={`form-error${isInvalid ? ' is-visible' : ''}`}>
-        {props.errorText || 'Invalid value'}
+        {props.errorText}
       </small>
     </label>
   );
@@ -41,4 +41,14 @@ InputNumber.propTypes = {
   className: React.PropTypes.string,
 };
 
+InputNumber.defaultProps = {
+  isDisabled: false,
+  value: '',
+  min: null,
+  labelText: null,
+  errorText: 'Invalid value',
+  className: null,
+  placeholder: '',
+};
+
 export default InputNumber;
diff --git a/app/components/Labels/LabelEdit.jsx b/app/components/Labels/LabelEdit.jsx
index 0092145..1bca255 100644
--- a/app/components/Labels/LabelEdit.jsx
+++ b/app/components/Labels/LabelEdit.jsx
@@ -2,7 +2,7 @@ import React, { PropTypes } from 'react';
 import LabelForm from './LabelForm';
 
 
-const LabelEdit = (props) => (
+const LabelEdit = props => (
   <div className="action-edit">
     <LabelForm
       label={props.label}
diff --git a/app/components/Labels/LabelForm.jsx b/app/components/Labels/LabelForm.jsx
index c8d9ce9..09234fb 100644
--- a/app/components/Labels/LabelForm.jsx
+++ b/app/components/Labels/LabelForm.jsx
@@ -48,7 +48,7 @@ class LabelForm extends Component {
   }
 
   handleColorChange(color) {
-    this.setState((previousState) => ({
+    this.setState(previousState => ({
       label: {
         name: previousState.label.name,
         color: color.hex,
@@ -62,7 +62,7 @@ class LabelForm extends Component {
   handleNameChange(event) {
     event.persist();
 
-    this.setState((previousState) => ({
+    this.setState(previousState => ({
       label: {
         name: event.target.value,
         color: previousState.label.color,
@@ -158,4 +158,10 @@ LabelForm.propTypes = {
   label: object,
 };
 
+LabelForm.defaultProps = {
+  onCreateNewLabel: null,
+  onEditLabel: null,
+  label: null,
+};
+
 export default LabelForm;
diff --git a/app/components/Labels/LabelTools.jsx b/app/components/Labels/LabelTools.jsx
index a9737fe..1b261ff 100644
--- a/app/components/Labels/LabelTools.jsx
+++ b/app/components/Labels/LabelTools.jsx
@@ -1,7 +1,7 @@
 import React, { PropTypes } from 'react';
 
 
-const LabelTools = (props) => (
+const LabelTools = props => (
   <span className="label-tools">
     <i
       className="fa fa-adjust toggle"
diff --git a/app/components/Labels/presenter.jsx b/app/components/Labels/presenter.jsx
index 84fa928..0b75eae 100644
--- a/app/components/Labels/presenter.jsx
+++ b/app/components/Labels/presenter.jsx
@@ -38,7 +38,7 @@ export default class Labels extends Component {
             onToggleLabel={() => { this.props.onToggleLabel(index); }}
             onEditLabel={(editedLabel) => { this.props.onEditLabel(index, editedLabel); }}
             onRemoveLabel={() => { this.props.onRemoveLabel(index); }}
-          />
+          />,
         )}
 
         <li className="new">
@@ -48,10 +48,10 @@ export default class Labels extends Component {
               onCancel={this.toggleNewLabelForm}
             />
             :
-              <button
-                className="button new-label"
-                onClick={this.toggleNewLabelForm}
-              >
+            <button
+              className="button new-label"
+              onClick={this.toggleNewLabelForm}
+            >
                 New label
               </button>
           }
diff --git a/app/components/Loader/presenter.jsx b/app/components/Loader/presenter.jsx
index ba0c637..f5a27de 100644
--- a/app/components/Loader/presenter.jsx
+++ b/app/components/Loader/presenter.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-const Loader = (props) => (
+const Loader = props => (
   <div className="loader" style={{ display: props.display ? 'block' : 'none' }}>
     <p className="message">
       Rendering your sequence...<br /><br />
diff --git a/app/components/Notifications/presenter.jsx b/app/components/Notifications/presenter.jsx
index 54065e4..eee2de8 100644
--- a/app/components/Notifications/presenter.jsx
+++ b/app/components/Notifications/presenter.jsx
@@ -11,7 +11,7 @@ const Notifications = props => (
         key={index}
         message={message}
         onClose={props.onMessageBoxClose}
-      />
+      />,
     )}
   </div>
 );
diff --git a/app/components/Nucleotide/index.js b/app/components/Nucleotide/index.js
index 4cd525f..cf6b515 100644
--- a/app/components/Nucleotide/index.js
+++ b/app/components/Nucleotide/index.js
@@ -6,16 +6,16 @@ export const mapStateToProps = (state, ownProps) => {
   const exon = state.exon;
 
   const isSelected = (0 < selection.selections.filter(
-    s => (s.from === ownProps.index || s.to === ownProps.index)
+    s => (s.from === ownProps.index || s.to === ownProps.index),
   ).length);
 
   const isInSelectionRange = (0 < selection.selections.filter(s =>
     (s.from <= ownProps.index && s.to >= ownProps.index) ||
-    (s.from >= ownProps.index && s.to <= ownProps.index)
+    (s.from >= ownProps.index && s.to <= ownProps.index),
   ).length);
 
   const nbExons = exon.exons.filter(
-    e => e.positionFrom <= ownProps.position && e.positionTo >= ownProps.position
+    e => e.positionFrom <= ownProps.position && e.positionTo >= ownProps.position,
   ).size;
 
   return {
diff --git a/app/components/Nucleotide/presenter.jsx b/app/components/Nucleotide/presenter.jsx
index a90fc52..5c98939 100644
--- a/app/components/Nucleotide/presenter.jsx
+++ b/app/components/Nucleotide/presenter.jsx
@@ -55,7 +55,7 @@ export default class Nucleotide extends Component {
       props.visualizerMargin,
       props.nucleotidesPerRow,
       props.nucleotideWidth,
-      props.rowHeight
+      props.rowHeight,
     ));
   }
 
diff --git a/app/components/Remove/index.jsx b/app/components/Remove/index.jsx
index f731a90..8512c0d 100644
--- a/app/components/Remove/index.jsx
+++ b/app/components/Remove/index.jsx
@@ -1,7 +1,7 @@
 import React, { PropTypes } from 'react';
 
 
-const Remove = (props) => (
+const Remove = props => (
   <div className="action-remove">
     <p>
       {props.children}
diff --git a/app/components/Search/index.js b/app/components/Search/index.js
index 88d185a..7c36dac 100644
--- a/app/components/Search/index.js
+++ b/app/components/Search/index.js
@@ -20,11 +20,11 @@ const mapDispatchToProps = (dispatch, ownProps) => ({
     const len = event.target.value.length;
 
     const matches = ownProps.ntSequence.mapSequence(q).results().filter(
-      result => 0 < result.matches && len <= result.matches
+      result => 0 < result.matches && len <= result.matches,
     );
 
     dispatch(actions.search(event.target.value, matches.length));
-    dispatch(multiSelect(matches.map((m) => ({
+    dispatch(multiSelect(matches.map(m => ({
       from: m.pos,
       to: (m.pos + len) - 1,
     }))));
diff --git a/app/components/Search/presenter.jsx b/app/components/Search/presenter.jsx
index 3d36487..b626c48 100644
--- a/app/components/Search/presenter.jsx
+++ b/app/components/Search/presenter.jsx
@@ -1,6 +1,6 @@
 import React, { PropTypes } from 'react';
 
-const Search = (props) => (
+const Search = props => (
   <div className="search">
     <label htmlFor="search-help-input">
       <input
@@ -35,4 +35,8 @@ Search.propTypes = {
   matches: PropTypes.number.isRequired,
 };
 
+Search.defaultProps = {
+  ntSequence: null,
+};
+
 export default Search;
diff --git a/app/components/Sequence/index.jsx b/app/components/Sequence/index.jsx
index 5a65b10..00fe669 100644
--- a/app/components/Sequence/index.jsx
+++ b/app/components/Sequence/index.jsx
@@ -25,7 +25,7 @@ class Sequence extends Component {
             index={index}
             onClick={this.props.onNucleotideClick}
             {...this.props}
-          />
+          />,
         )}
       </g>
     );
diff --git a/app/components/Toolbar/__tests__/Toolbar-test.js b/app/components/Toolbar/__tests__/Toolbar-test.js
index 6a34077..54518a3 100644
--- a/app/components/Toolbar/__tests__/Toolbar-test.js
+++ b/app/components/Toolbar/__tests__/Toolbar-test.js
@@ -23,6 +23,8 @@ describe('<Toolbar />', () => {
         labels={list}
         positionFrom={1}
         onPositionFromChange={() => {}}
+        onClearSelection={() => {}}
+        hasSelection={false}
       />
     );
 
@@ -37,6 +39,8 @@ describe('<Toolbar />', () => {
         labels={list}
         positionFrom={1}
         onPositionFromChange={() => {}}
+        onClearSelection={() => {}}
+        hasSelection={false}
       />
     );
 
@@ -53,6 +57,7 @@ describe('<Toolbar />', () => {
         positionFrom={1}
         onPositionFromChange={() => {}}
         hasSelection={false}
+        onClearSelection={() => {}}
       />
     );
 
@@ -67,7 +72,8 @@ describe('<Toolbar />', () => {
         labels={list}
         positionFrom={1}
         onPositionFromChange={() => {}}
-        hasSelection={true}
+        hasSelection
+        onClearSelection={() => {}}
       />
     );
 
@@ -84,7 +90,7 @@ describe('<Toolbar />', () => {
         positionFrom={1}
         onPositionFromChange={() => {}}
         onClearSelection={spy}
-        hasSelection={true}
+        hasSelection
       />
     );
 
diff --git a/app/components/Toolbar/index.js b/app/components/Toolbar/index.js
index 47ba19c..f6e66de 100644
--- a/app/components/Toolbar/index.js
+++ b/app/components/Toolbar/index.js
@@ -28,7 +28,7 @@ export const mapStateToProps = (state) => {
   };
 };
 
-const mapDispatchToProps = (dispatch) => ({
+const mapDispatchToProps = dispatch => ({
   onPositionFromChange: (event) => {
     let position = parseInt(event.target.value, 10);
 
diff --git a/app/components/Toolbar/presenter.jsx b/app/components/Toolbar/presenter.jsx
index 23cefb0..51d1f05 100644
--- a/app/components/Toolbar/presenter.jsx
+++ b/app/components/Toolbar/presenter.jsx
@@ -8,7 +8,7 @@ import Search from '../Search';
 import Exons from '../Exons';
 import PositionFrom from '../PositionFrom';
 
-const Toolbar = (props) => (
+const Toolbar = props => (
   <div className="toolbar">
 
     <div className="search-panel">
@@ -109,4 +109,8 @@ Toolbar.propTypes = {
   hasSelection: React.PropTypes.bool.isRequired,
 };
 
+Toolbar.defaultProps = {
+  ntSequence: null,
+};
+
 export default Toolbar;
diff --git a/app/components/Visualizer/Help.jsx b/app/components/Visualizer/Help.jsx
index b54e252..57da0b4 100644
--- a/app/components/Visualizer/Help.jsx
+++ b/app/components/Visualizer/Help.jsx
@@ -30,7 +30,7 @@ const Help = ({ onFileSelectClick }) =>
     </p>
 
     <pre>
-      >gi|671162122:c7086083-7083225 Drosophila melanogaster chromosome 3R{'\n'}
+      &gt;gi|671162122:c7086083-7083225 Drosophila melanogaster chromosome 3R{'\n'}
       ATGGTCACTCTAATCGCAGTCTGCAATTTACGTGTTTCCAACTTAACGCCCCCAAGTTAATAGCCGTAAT{'\n'}
       CATTTGAAAAGAAAGGCACGCACGCACAACGCCATGCGGATCGAACCTGGGGACTCCTTTTGGACGAAAA{'\n'}
       AGGCGATGTTTTCCAACGCAGAAAGGCAGTACTTTGAGACGGTCCGTCCGCGGAAGACCAGTGTGAGTAA{'\n'}
diff --git a/app/components/Visualizer/index.js b/app/components/Visualizer/index.js
index 5447fae..b44ca0b 100644
--- a/app/components/Visualizer/index.js
+++ b/app/components/Visualizer/index.js
@@ -20,7 +20,7 @@ const mapStateToProps = (state) => {
   };
 };
 
-const mapDispatchToProps = (dispatch) => ({
+const mapDispatchToProps = dispatch => ({
   onNucleotideClick: (newIndex) => {
     dispatch(actions.clearSelectedAnnotation());
     dispatch(updateSelection(newIndex));
@@ -28,10 +28,10 @@ const mapDispatchToProps = (dispatch) => ({
   onAnnotationClick: (labelId, annotation, positionFrom) => {
     dispatch(actions.selectAnnotation(labelId, annotation));
     dispatch(updateSelectionFrom(
-      annotation.positionFrom - positionFrom
+      annotation.positionFrom - positionFrom,
     ));
     dispatch(updateSelectionTo(
-      annotation.positionTo - positionFrom
+      annotation.positionTo - positionFrom,
     ));
   },
 });
diff --git a/app/components/Visualizer/presenter.jsx b/app/components/Visualizer/presenter.jsx
index 7203f95..adb33bb 100644
--- a/app/components/Visualizer/presenter.jsx
+++ b/app/components/Visualizer/presenter.jsx
@@ -9,7 +9,7 @@ import Help from './Help';
 const { number, object, instanceOf, func } = PropTypes;
 
 
-export default class Visualizer extends Component {
+class Visualizer extends Component {
 
   constructor(props, context) {
     super(props, context);
@@ -40,7 +40,7 @@ export default class Visualizer extends Component {
     window.addEventListener(
       'resize',
       this.resizeListener,
-      false
+      false,
     );
   }
 
@@ -52,7 +52,7 @@ export default class Visualizer extends Component {
     window.removeEventListener(
       'resize',
       this.resizeListener,
-      false
+      false,
     );
   }
 
@@ -132,3 +132,9 @@ Visualizer.propTypes = {
   onAnnotationClick: func.isRequired,
   selectedAnnotation: object,
 };
+
+Visualizer.defaultProps = {
+  selectedAnnotation: null,
+};
+
+export default Visualizer;
diff --git a/app/defaults.js b/app/defaults.js
index 9658ae4..ce3d7ed 100644
--- a/app/defaults.js
+++ b/app/defaults.js
@@ -9,7 +9,7 @@ export const defaultSequence = new Immutable.List(
     'AAGTTGACCGTCGATGGCGATTTCACAAGTGACGTTTAAGTGGCGGGAACTTCTACTCACAAATCCCTGA',
     'GCCCTGTGATATGATTTATTTTATGGAGCCGTGATCCGGACGAAAAATGCACACACATTTCTACAAAAAT',
     'ATGTACATCGCGGTGCGATTGTGTCGCTTAAAGCACACGTACACCCACTGTCACACTCACACTCACATGC',
-  ].join('').split('')
+  ].join('').split(''),
 );
 
 export const defaultLabels = new Immutable.List([
@@ -80,7 +80,7 @@ export const defaultLabels = new Immutable.List([
           comment: 'rs115543127',
           displayTick: true,
         },
-      ]
+      ],
     ),
   },
 ]);
diff --git a/app/modules/franklin.js b/app/modules/franklin.js
index 415c29b..e9039aa 100644
--- a/app/modules/franklin.js
+++ b/app/modules/franklin.js
@@ -17,7 +17,7 @@ import { clear as clearSearch } from './search';
 
 // Actions
 export function loadDefault() {
-  return (dispatch) => Promise.all([
+  return dispatch => Promise.all([
     dispatch(loadDefaultSequence()),
     dispatch(loadDefaultLabels()),
     dispatch(loadDefaultExons()),
diff --git a/app/modules/label.js b/app/modules/label.js
index 2837c09..de45917 100644
--- a/app/modules/label.js
+++ b/app/modules/label.js
@@ -65,7 +65,7 @@ function doCreateAnnotation(state, action) {
   }
 
   return {
-    labels: state.labels.update(action.labelId, (v) => (
+    labels: state.labels.update(action.labelId, v => (
       {
         name: v.name,
         color: v.color,
@@ -91,7 +91,7 @@ function doUpdateAnnotation(state, action) {
   }
 
   return {
-    labels: state.labels.update(labelId, (v) => (
+    labels: state.labels.update(labelId, v => (
       {
         name: v.name,
         color: v.color,
@@ -116,7 +116,7 @@ function doRemoveAnnotation(state, action) {
   }
 
   return {
-    labels: state.labels.update(labelId, (v) => (
+    labels: state.labels.update(labelId, v => (
       {
         name: v.name,
         color: v.color,
@@ -136,7 +136,7 @@ function doSelectAnnotation(state, action) {
     return state;
   }
 
-  const annotationId = state.labels.get(labelId).annotations.findKey((v) => (
+  const annotationId = state.labels.get(labelId).annotations.findKey(v => (
     v.positionFrom === annotation.positionFrom && v.positionTo === annotation.positionTo
   ));
 
@@ -197,7 +197,7 @@ export default function reducer(state = initialState, action = {}) {
 
     case TOGGLE_AT:
       return Object.assign({}, state, {
-        labels: state.labels.update(action.index, (label) => (
+        labels: state.labels.update(action.index, label => (
           {
             name: label.name,
             color: label.color,
diff --git a/app/modules/notification.js b/app/modules/notification.js
index 28463df..a89a516 100644
--- a/app/modules/notification.js
+++ b/app/modules/notification.js
@@ -40,7 +40,7 @@ const initialState = {
 
 function doNotify(state, action) {
   const idx = state.messages.findIndex(
-    m => action.message === m.content && action.level === m.level && action.category === m.category
+    m => action.message === m.content && action.level === m.level && action.category === m.category,
   );
 
   if (-1 !== idx) {
@@ -76,7 +76,7 @@ function doClose(state, action) {
 
 function doCloseCategory(state, action) {
   return {
-    messages: state.messages.filter((message) => message.category !== action.category),
+    messages: state.messages.filter(message => message.category !== action.category),
   };
 }
 
diff --git a/app/modules/sequence.js b/app/modules/sequence.js
index 80468fe..2b99f2b 100644
--- a/app/modules/sequence.js
+++ b/app/modules/sequence.js
@@ -40,7 +40,7 @@ export function checkUploadedFile(dispatch, { header, sequence }) {
 }
 
 export function loadFile(file) {
-  return dispatch => {
+  return (dispatch) => {
     dispatch({ type: LOAD_FILE });
 
     const reader = new FileReader();
@@ -48,7 +48,7 @@ export function loadFile(file) {
       reader.onload = (event) => {
         const { header, sequence } = checkUploadedFile(
           dispatch,
-          Fasta.parseString(event.target.result)
+          Fasta.parseString(event.target.result),
         );
 
         // Customize page title with the current sequence header
diff --git a/app/store/configureStore.js b/app/store/configureStore.js
index 4110347..cd17485 100644
--- a/app/store/configureStore.js
+++ b/app/store/configureStore.js
@@ -14,13 +14,13 @@ if ('production' !== process.env.NODE_ENV) {
     stateTransformer: (state) => {
       const newState = {};
 
-      for (const i of Object.keys(state)) {
-        if (Immutable.Iterable.isIterable(state[i])) {
-          newState[i] = state[i].toJS();
-        } else {
-          newState[i] = state[i];
+        for (const i of Object.keys(state)) { // eslint-disable-line
+          if (Immutable.Iterable.isIterable(state[i])) {
+            newState[i] = state[i].toJS();
+          } else {
+            newState[i] = state[i];
+          }
         }
-      }
 
       return newState;
     },
@@ -34,7 +34,7 @@ export default function configureStore(initialState) {
   return createStoreWithMiddleware(
     rootReducer,
     initialState,
-    'production' !== process.env.NODE_ENV && typeof 'undefined' !== window &&
-    window.devToolsExtension ? window.devToolsExtension() : f => f
+    'production' !== process.env.NODE_ENV && 'undefined' !== typeof window &&
+    window.devToolsExtension ? window.devToolsExtension() : f => f,
   );
 }
diff --git a/app/utils/positionning.js b/app/utils/positionning.js
index 2f4e6af..bf912ca 100644
--- a/app/utils/positionning.js
+++ b/app/utils/positionning.js
@@ -1,3 +1,4 @@
+/* eslint no-plusplus: 0 */
 /*
  * Positionning utils
  */
@@ -14,7 +15,7 @@
   * @return {Object} coordinates - nucleotide coordinates {x: 0, y: 0}
   */
 export const getNucleotideCoordinates = (
-  index, visualizerMargin, nucleotidesPerRow, nucleotideWidth, rowHeight
+  index, visualizerMargin, nucleotidesPerRow, nucleotideWidth, rowHeight,
 ) => {
   const x = visualizerMargin.x + (nucleotideWidth * (index % nucleotidesPerRow));
 
@@ -41,7 +42,7 @@ export const getNucleotideCoordinates = (
  */
 export const getAnnotationSegmentCoordinates = (
   indexFrom, indexTo, currentTrack, visualizerMargin, nucleotidesPerRow,
-  nucleotideWidth, rowHeight, nucleotidesRowHeight, trackHeight
+  nucleotideWidth, rowHeight, nucleotidesRowHeight, trackHeight,
 ) => {
   const { from, to } = indexFrom < indexTo ?
     { from: indexFrom, to: indexTo } : { from: indexTo, to: indexFrom };
@@ -51,14 +52,14 @@ export const getAnnotationSegmentCoordinates = (
     visualizerMargin,
     nucleotidesPerRow,
     nucleotideWidth,
-    rowHeight
+    rowHeight,
   );
   const nucleotideToCoordinates = getNucleotideCoordinates(
     to,
     visualizerMargin,
     nucleotidesPerRow,
     nucleotideWidth,
-    rowHeight
+    rowHeight,
   );
 
   const x1 = (nucleotideWidth / 2) + nucleotideFromCoordinates.x;
@@ -73,7 +74,7 @@ export const getAnnotationSegmentCoordinates = (
  */
 export const getAnnotationSegments = (
   indexFrom, indexTo, currentTrack, visualizerMargin, nucleotidesPerRow,
-  nucleotideWidth, rowHeight, nucleotidesRowHeight, trackHeight
+  nucleotideWidth, rowHeight, nucleotidesRowHeight, trackHeight,
 ) => {
   const segments = [];
   const { from, to } = indexFrom < indexTo ?
@@ -88,7 +89,7 @@ export const getAnnotationSegments = (
   }
   segments.push([start, to]);
 
-  return segments.map((segment) =>
+  return segments.map(segment =>
     getAnnotationSegmentCoordinates(
       segment[0],
       segment[1],
@@ -98,7 +99,7 @@ export const getAnnotationSegments = (
       nucleotideWidth,
       rowHeight,
       nucleotidesRowHeight,
-      trackHeight
-    )
+      trackHeight,
+    ),
   );
 };
diff --git a/package.json b/package.json
index 7e4f1d0..0ef8808 100644
--- a/package.json
+++ b/package.json
@@ -27,34 +27,34 @@
     "babel-preset-airbnb": "^2.0.0",
     "babel-register": "^6.14.0",
     "chai": "^3.5.0",
-    "clean-webpack-plugin": "^0.1.9",
+    "clean-webpack-plugin": "^0.1.15",
     "css-loader": "^0.23.1",
     "enzyme": "^2.3.0",
-    "eslint": "^3.5.0",
-    "eslint-config-airbnb": "^10.0.1",
+    "eslint": "^3.13.1",
+    "eslint-config-airbnb": "^14.0.0",
     "eslint-loader": "^1.6.1",
-    "eslint-plugin-import": "^1.16.0",
-    "eslint-plugin-jsx-a11y": "^2.2.3",
-    "eslint-plugin-react": "^6.7.1",
+    "eslint-plugin-import": "^2.2.0",
+    "eslint-plugin-jsx-a11y": "^3.0.2",
+    "eslint-plugin-react": "^6.9.0",
     "extract-text-webpack-plugin": "^1.0.1",
     "file-loader": "^0.9.0",
     "font-awesome": "^4.6.3",
     "foundation-sites": "^6.2.1",
-    "html-webpack-plugin": "^2.16.2",
+    "html-webpack-plugin": "^2.26.0",
     "immutable": "^3.7.6",
-    "jsdom": "^9.5.0",
+    "jsdom": "^9.9.0",
     "lodash.debounce": "^4.0.6",
     "mocha": "^3.0.0",
     "mocha-circleci-reporter": "0.0.2",
-    "node-sass": "^3.9.3",
+    "node-sass": "^4.3.0",
     "nyc": "^9.0.1",
-    "react": "^15.2.1",
-    "react-addons-perf": "^15.2.1",
-    "react-addons-test-utils": "^15.2.1",
+    "react": "^15.4.2",
+    "react-addons-perf": "^15.4.2",
+    "react-addons-test-utils": "^15.4.2",
     "react-color": "^2.2.7",
     "react-dom": "^15.2.0",
     "react-dropzone": "^3.6.0",
-    "react-hot-loader": "^3.0.0-beta.3",
+    "react-hot-loader": "^3.0.0-beta.6",
     "react-hotkeys": "^0.9.0",
     "react-modal": "^1.3.0",
     "react-redux": "^4.4.5",
@@ -69,7 +69,7 @@
     "url-loader": "^0.5.7",
     "webpack": "^1.12.2",
     "webpack-dev-server": "^1.15.1",
-    "webpack-merge": "^0.17.0"
+    "webpack-merge": "^2.1.0"
   },
   "dependencies": {
     "compression": "^1.6.1",