Merge pull request #214 from TailorDev/deps

Update some dependencies

Author: willdurand

.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": {

app/components/Annotation/Line.jsx

@@ -6,7 +6,7 @@ const tickPosition = {
   y: 4,
 };
 
-const Line = (props) => (
+const Line = props => (
   <g>
     <line
       x1={props.x1}

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>
     );

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;

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;

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"

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}

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;

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>
           }

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">