Chore/eslint configs

.eslintrc

@@ -1,7 +1,20 @@
 {
   "parser": "babel-eslint",
   "plugins": ["react"],
-
+  "extends": [
+    "plugin:react/recommended"
+  ],
+  "parserOptions": {
+    "ecmaFeatures": {
+      "pragma": "React",
+      "jsx": true
+    }
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
   "rules": {
     "array-bracket-spacing": 0,
     "curly": 0,
@@ -20,13 +33,19 @@
     "comma-dangle": 2,
     "no-unused-expressions": [
       2,
-      { "allowShortCircuit": true, "allowTernary": true }
+      {
+        "allowShortCircuit": true,
+        "allowTernary": true
+      }
     ],
     "no-multiple-empty-lines": 0,
     "react/jsx-pascal-case": 0,
     "react/jsx-no-undef": 2,
     "react/jsx-uses-vars": 2,
+    "react/jsx-uses-react": 2,
     "react/jsx-wrap-multilines": 1,
+    "react/prop-types": 0,
+    "react/no-unescaped-entities": 0,
     "no-sequences": 0
   }
 }

package.json

@@ -36,8 +36,8 @@
     "dentist": "1.0.3",
     "envify": "4.1.0",
     "enzyme": "2.9.1",
-    "eslint": "5.3.0",
-    "eslint-plugin-react": "^7.10.0",
+    "eslint": "^6.6.0",
+    "eslint-plugin-react": "^7.16.0",
     "history": "4.2.0",
     "material-ui": "^0.17.1",
     "react": "^15.5.0",

src/components/Connector/ConnectorElbow.js

@@ -1,6 +1,3 @@
-/* eslint-disable no-unused-vars */
-import React from "react"
-/* eslint-enable no-unused-vars */
 import Elbow from "viz-annotation/lib/Connector/type-elbow"
 import Connector from "./Connector"
 

src/components/Connector/ConnectorEndArrow.js

@@ -1,6 +1,3 @@
-/* eslint-disable no-unused-vars */
-import React from "react"
-/* eslint-enable no-unused-vars */
 import EndArrow from "viz-annotation/lib/Connector/end-arrow"
 import ConnectorEnd from "./ConnectorEnd"
 import PropTypes from "prop-types"

src/components/Connector/ConnectorEndDot.js

@@ -1,6 +1,3 @@
-/* eslint-disable no-unused-vars */
-import React from "react"
-/* eslint-enable no-unused-vars */
 import EndDot from "viz-annotation/lib/Connector/end-dot"
 import ConnectorEnd from "./ConnectorEnd"
 import PropTypes from "prop-types"

src/components/Connector/ConnectorLine.js

@@ -1,6 +1,3 @@
-/* eslint-disable no-unused-vars */
-import React from "react"
-/* eslint-enable no-unused-vars */
 import Line from "viz-annotation/lib/Connector/type-line"
 import Connector from "./Connector"
 

src/components/Note/BracketNote.js

@@ -1,6 +1,4 @@
-/* eslint-disable no-unused-vars */
 import React from "react"
-/* eslint-enable no-unused-vars */
 
 import Note from "./Note"
 

src/components/Subject/SubjectBadge.js

@@ -1,6 +1,3 @@
-/* eslint-disable no-unused-vars */
-import React from "react"
-/* eslint-enable no-unused-vars */
 import Badge from "viz-annotation/lib/Subject/badge"
 import Subject from "./Subject"
 import PropTypes from "prop-types"

src/components/Subject/SubjectBracket.js

@@ -1,6 +1,3 @@
-/* eslint-disable no-unused-vars */
-import React from "react"
-/* eslint-enable no-unused-vars */
 import Bracket from "viz-annotation/lib/Subject/bracket"
 import Subject from "./Subject"
 import PropTypes from "prop-types"

src/components/Subject/SubjectCircle.js

@@ -1,6 +1,3 @@
-/* eslint-disable no-unused-vars */
-import React from "react"
-/* eslint-enable no-unused-vars */
 import Circle from "viz-annotation/lib/Subject/circle"
 import Subject from "./Subject"
 import PropTypes from "prop-types"

src/components/Subject/SubjectCustom.js

@@ -1,6 +1,4 @@
-/* eslint-disable no-unused-vars */
 import React from "react"
-/* eslint-enable no-unused-vars */
 // import Bracket from "./bracket"
 import Subject from "./Subject"
 import PropTypes from "prop-types"

src/components/Subject/SubjectRect.js

@@ -1,6 +1,3 @@
-/* eslint-disable no-unused-vars */
-import React from "react"
-/* eslint-enable no-unused-vars */
 import Rect from "viz-annotation/lib/Subject/rect"
 import Subject from "./Subject"
 import PropTypes from "prop-types"

src/components/Subject/SubjectThreshold.js

@@ -1,6 +1,3 @@
-/* eslint-disable no-unused-vars */
-import React from "react"
-/* eslint-enable no-unused-vars */
 import Threshold from "viz-annotation/lib/Subject/threshold"
 import Subject from "./Subject"
 import PropTypes from "prop-types"

src/components/Types/Type.js

@@ -13,7 +13,7 @@ import JSXNote from "../Note/JSXNote"
 const getAnnotationType = editMode =>
   editMode ? EditableAnnotation : Annotation
 
-export default function(
+export default function Type(
   props,
   Connector,
   NoteDefaultProps = {},

src/docs/Icons.js

@@ -1,6 +1,4 @@
-/* eslint-disable no-unused-vars */
 import React from "react"
-/* eslint-enable no-unused-vars */
 
 export function DonutIcon() {
   return (
@@ -18,6 +16,7 @@ export function DonutIcon() {
 export function PuppersIcon() {
   return [
     <circle
+      key="0"
       data-color="color-2"
       fill="none"
       stroke="#9610ff"
@@ -30,6 +29,7 @@ export function PuppersIcon() {
       strokeLinejoin="miter"
     />,
     <circle
+      key="1"
       data-color="color-2"
       fill="none"
       stroke="#9610ff"
@@ -42,6 +42,7 @@ export function PuppersIcon() {
       strokeLinejoin="miter"
     />,
     <path
+      key="2"
       data-cap="butt"
       fill="#9610ff"
       stroke="#9610ff"
@@ -52,6 +53,7 @@ export function PuppersIcon() {
       strokeLinecap="butt"
     />,
     <path
+      key="3"
       data-cap="butt"
       fill="none"
       stroke="#9610ff"
@@ -62,6 +64,7 @@ export function PuppersIcon() {
       strokeLinecap="butt"
     />,
     <path
+      key="4"
       data-cap="butt"
       fill="none"
       stroke="#9610ff"
@@ -72,6 +75,7 @@ export function PuppersIcon() {
       strokeLinecap="butt"
     />,
     <path
+      key="5"
       data-cap="butt"
       fill="#9610ff"
       stroke="#9610ff"
@@ -82,6 +86,7 @@ export function PuppersIcon() {
       strokeLinecap="butt"
     />,
     <path
+      key="6"
       data-cap="butt"
       data-color="color-2"
       fill="none"
@@ -93,6 +98,7 @@ export function PuppersIcon() {
       strokeLinecap="butt"
     />,
     <path
+      key="7"
       data-cap="butt"
       data-color="color-2"
       fill="none"
@@ -104,6 +110,7 @@ export function PuppersIcon() {
       strokeLinecap="butt"
     />,
     <path
+      key="8"
       data-color="color-2"
       fill="#9610ff"
       stroke="#9610ff"