Lint Fixes

.jscsrc

@@ -4,5 +4,6 @@
   "disallowQuotedKeysInObjects": null,
   "validateQuoteMarks": null,
   "requireSemicolons": false,
-  "disallowSemicolons": true
+  "disallowSemicolons": true,
+  "requireSpacesInAnonymousFunctionExpression": null
 }

src/components/chrome/Chrome.js

@@ -10,7 +10,7 @@ import ChromePointerCircle from './ChromePointerCircle'
 import shallowCompare from 'react-addons-shallow-compare'
 
 export class Chrome extends ReactCSS.Component {
-  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]);
+  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1])
 
   classes(): any {
     return {
@@ -81,7 +81,7 @@ export class Chrome extends ReactCSS.Component {
 
   handleChange = (data: any) => {
     this.props.onChange(data)
-  };
+  }
 
   render(): any {
     return (

src/components/chrome/ChromeFields.js

@@ -8,7 +8,7 @@ import shallowCompare from 'react-addons-shallow-compare'
 import { EditableInput } from '../common'
 
 export class ChromeFields extends ReactCSS.Component {
-  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]);
+  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1])
 
   state = {
     view: '',
@@ -81,7 +81,7 @@ export class ChromeFields extends ReactCSS.Component {
 
   handleChange = (data: any) => {
     this.props.onChange(data)
-  };
+  }
 
   componentDidMount() {
     if (this.props.hsl.a === 1 && this.state.view !== 'hex') {
@@ -103,7 +103,7 @@ export class ChromeFields extends ReactCSS.Component {
         this.setState({ view: 'rgb' })
       }
     }
-  };
+  }
 
   componentWillReceiveProps(nextProps: any) {
     if (nextProps.hsl.a !== 1 && this.state.view === 'hex') {
@@ -141,15 +141,15 @@ export class ChromeFields extends ReactCSS.Component {
         l: data.l && (data.l).replace('%', '') || this.props.hsl.l,
       })
     }
-  };
+  }
 
   showHighlight = () => {
     this.refs.iconHighlight.style.display = 'block'
-  };
+  }
 
   hideHighlight = () => {
     this.refs.iconHighlight.style.display = 'none'
-  };
+  }
 
   render(): any {
     var fields

src/components/chrome/ChromePointer.js

@@ -5,7 +5,7 @@ import ReactCSS from 'reactcss'
 import shallowCompare from 'react-addons-shallow-compare'
 
 export class ChromePointer extends ReactCSS.Component {
-  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]);
+  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1])
 
   classes(): any {
     return {

src/components/chrome/ChromePointerCircle.js

@@ -5,7 +5,7 @@ import ReactCSS from 'reactcss'
 import shallowCompare from 'react-addons-shallow-compare'
 
 export class ChromePointerCircle extends ReactCSS.Component {
-  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]);
+  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1])
 
   classes(): any {
     return {

src/components/common/Alpha.js

@@ -7,7 +7,7 @@ import shallowCompare from 'react-addons-shallow-compare'
 import Checkboard from './Checkboard'
 
 export class Alpha extends ReactCSS.Component {
-  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]);
+  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1])
 
   classes(): any {
     return {
@@ -72,22 +72,22 @@ export class Alpha extends ReactCSS.Component {
     if (this.props.a !== a) {
       this.props.onChange({ h: this.props.hsl.h, s: this.props.hsl.s, l: this.props.hsl.l, a: a })
     }
-  };
+  }
 
   handleMouseDown = (e: any) => {
     this.handleChange(e, true)
     window.addEventListener('mousemove', this.handleChange)
     window.addEventListener('mouseup', this.handleMouseUp)
-  };
+  }
 
   handleMouseUp = () => {
     this.unbindEventListeners()
-  };
+  }
 
   unbindEventListeners = () => {
     window.removeEventListener('mousemove', this.handleChange)
     window.removeEventListener('mouseup', this.handleMouseUp)
-  };
+  }
 
   render(): any {
     var pointer = <div is="slider" />

src/components/common/Checkboard.js

@@ -34,7 +34,7 @@ function getCheckboard(c1: string, c2: string, size: number): any {
 }
 
 export class Checkboard extends ReactCSS.Component {
-  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]);
+  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1])
 
   classes(): any {
     var background = getCheckboard(this.props.white, this.props.grey, this.props.size)

src/components/common/ColorWrap.js

@@ -31,7 +31,7 @@ export const ColorWrap = (Picker) => {
         this.props.onChangeComplete && this.debounce(this.props.onChangeComplete, colors)
         this.props.onChange && this.props.onChange(colors)
       }
-    };
+    }
 
     componentWillReceiveProps(nextProps: any) {
       this.setState(merge(color.toState(nextProps.color, this.state.oldHue), {

src/components/common/EditableInput.js

@@ -56,7 +56,7 @@ export class EditableInput extends ReactCSS.Component {
     if (this.state.blurValue) {
       this.setState({ value: this.state.blurValue, blurValue: null })
     }
-  };
+  }
 
   handleChange = (e: any) => {
     if (this.props.label !== null) {
@@ -68,7 +68,7 @@ export class EditableInput extends ReactCSS.Component {
     }
 
     this.setState({ value: e.target.value })
-  };
+  }
 
   handleKeyDown = (e: any) => {
     var number = Number(e.target.value)
@@ -102,7 +102,7 @@ export class EditableInput extends ReactCSS.Component {
       }
 
     }
-  };
+  }
 
   handleDrag = (e: any) => {
     if (this.props.dragLabel) {
@@ -113,7 +113,7 @@ export class EditableInput extends ReactCSS.Component {
         this.props.onChange(obj)
       }
     }
-  };
+  }
 
   handleMouseDown = (e: any) => {
     if (this.props.dragLabel) {
@@ -122,16 +122,16 @@ export class EditableInput extends ReactCSS.Component {
       window.addEventListener('mousemove', this.handleDrag)
       window.addEventListener('mouseup', this.handleMouseUp)
     }
-  };
+  }
 
   handleMouseUp = () => {
     this.unbindEventListeners()
-  };
+  }
 
   unbindEventListeners = () => {
     window.removeEventListener('mousemove', this.handleChange)
     window.removeEventListener('mouseup', this.handleMouseUp)
-  };
+  }
 
   render(): any {
     var label

src/components/common/Hue.js

@@ -5,7 +5,7 @@ import ReactCSS from 'reactcss'
 import shallowCompare from 'react-addons-shallow-compare'
 
 export class Hue extends ReactCSS.Component {
-  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]);
+  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1])
 
   classes(): any {
     return {
@@ -89,17 +89,17 @@ export class Hue extends ReactCSS.Component {
         this.props.onChange({ h: h, s: this.props.hsl.s, l: this.props.hsl.l, a: this.props.hsl.a })
       }
     }
-  };
+  }
 
   handleMouseDown = (e: any) => {
     this.handleChange(e, true)
     window.addEventListener('mousemove', this.handleChange)
     window.addEventListener('mouseup', this.handleMouseUp)
-  };
+  }
 
   handleMouseUp = () => {
     this.unbindEventListeners()
-  };
+  }
 
   unbindEventListeners() {
     window.removeEventListener('mousemove', this.handleChange)

src/components/common/Saturation.js

@@ -77,17 +77,17 @@ export class Saturation extends ReactCSS.Component {
     var bright = -(top * 100 / containerHeight) + 100
 
     this.throttle(this.props.onChange, { h: this.props.hsl.h, s: saturation, v: bright, a: this.props.hsl.a })
-  };
+  }
 
   handleMouseDown = (e: any) => {
     this.handleChange(e, true)
     window.addEventListener('mousemove', this.handleChange)
     window.addEventListener('mouseup', this.handleMouseUp)
-  };
+  }
 
   handleMouseUp = () => {
     this.unbindEventListeners()
-  };
+  }
 
   unbindEventListeners() {
     window.removeEventListener('mousemove', this.handleChange)

src/components/compact/Compact.js

@@ -11,7 +11,7 @@ import CompactColor from './CompactColor'
 import CompactFields from './CompactFields'
 
 export class Compact extends ReactCSS.Component {
-  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]);
+  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1])
 
   classes(): any {
     return {
@@ -40,7 +40,7 @@ export class Compact extends ReactCSS.Component {
     } else {
       this.props.onChange(data)
     }
-  };
+  }
 
   render(): any {
     var colors = []

src/components/compact/CompactColor.js

@@ -5,7 +5,7 @@ import ReactCSS from 'reactcss'
 import shallowCompare from 'react-addons-shallow-compare'
 
 export class CompactColor extends ReactCSS.Component {
-  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]);
+  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1])
 
   classes(): any {
     return {
@@ -45,7 +45,7 @@ export class CompactColor extends ReactCSS.Component {
 
   handleClick = () => {
     this.props.onClick({ hex: this.props.color })
-  };
+  }
 
   render(): any {
     return (

src/components/compact/CompactFields.js

@@ -7,7 +7,7 @@ import shallowCompare from 'react-addons-shallow-compare'
 import { EditableInput } from '../common'
 
 export class CompactColor extends ReactCSS.Component {
-  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]);
+  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1])
 
   classes(): any {
     return {
@@ -90,7 +90,7 @@ export class CompactColor extends ReactCSS.Component {
     } else {
       this.props.onChange(data)
     }
-  };
+  }
 
   render(): any {
     return (

src/components/material/Material.js

@@ -9,7 +9,7 @@ import { Raised } from '../../../modules/react-material-design'
 import { ColorWrap, EditableInput } from '../common'
 
 export class Material extends ReactCSS.Component {
-  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]);
+  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1])
 
   classes(): any {
     return {
@@ -95,7 +95,7 @@ export class Material extends ReactCSS.Component {
         b: data.b || this.props.rgb.b,
       })
     }
-  };
+  }
 
   render(): any {
     return (

src/components/photoshop/Photoshop.js

@@ -122,15 +122,15 @@ export class Photoshop extends ReactCSS.Component {
 
   handleChange = (data: any) => {
     this.props.onChange(data)
-  };
+  }
 
   handleAccept = () => {
     this.props.onAccept && this.props.onAccept()
-  };
+  }
 
   handleCancel = () => {
     this.props.onCancel && this.props.onCancel()
-  };
+  }
 
   render(): any {
     var header

src/components/photoshop/PhotoshopFields.js

@@ -8,7 +8,7 @@ import shallowCompare from 'react-addons-shallow-compare'
 import { EditableInput } from '../common'
 
 export class PhotoshopPicker extends ReactCSS.Component {
-  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]);
+  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1])
 
   classes(): any {
     return {
@@ -107,7 +107,7 @@ export class PhotoshopPicker extends ReactCSS.Component {
         v: data.v || this.props.hsv.v,
       })
     }
-  };
+  }
 
   render(): any {
     return (

src/components/photoshop/PhotoshopPointer.js

@@ -5,7 +5,7 @@ import ReactCSS from 'reactcss'
 import shallowCompare from 'react-addons-shallow-compare'
 
 export class PhotoshopPointerCircle extends ReactCSS.Component {
-  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]);
+  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1])
 
   classes(): any {
     return {

src/components/photoshop/PhotoshopPointerCircle.js

@@ -5,7 +5,7 @@ import ReactCSS from 'reactcss'
 import shallowCompare from 'react-addons-shallow-compare'
 
 export class PhotoshopPointerCircle extends ReactCSS.Component {
-  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]);
+  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1])
 
   classes(): any {
     return {

src/components/sketched/Sketch.js

@@ -9,7 +9,7 @@ import SketchFields from './SketchFields'
 import SketchPresetColors from './SketchPresetColors'
 
 export class Sketch extends ReactCSS.Component {
-  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]);
+  shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1])
 
   classes(): any {
     return {
@@ -80,7 +80,7 @@ export class Sketch extends ReactCSS.Component {
 
   handleChange = (data: any) => {
     this.props.onChange(data)
-  };
+  }
 
   render(): any {
     return (