From bfb3d0de71a44ab9c3135755ac5f4344bfebab5e Mon Sep 17 00:00:00 2001 From: case Date: Sun, 6 Mar 2016 19:43:33 -0600 Subject: [PATCH] Lint Fixes --- .jscsrc | 3 ++- src/components/chrome/Chrome.js | 4 ++-- src/components/chrome/ChromeFields.js | 12 ++++++------ src/components/chrome/ChromePointer.js | 2 +- src/components/chrome/ChromePointerCircle.js | 2 +- src/components/common/Alpha.js | 10 +++++----- src/components/common/Checkboard.js | 2 +- src/components/common/ColorWrap.js | 2 +- src/components/common/EditableInput.js | 14 +++++++------- src/components/common/Hue.js | 8 ++++---- src/components/common/Saturation.js | 6 +++--- src/components/compact/Compact.js | 4 ++-- src/components/compact/CompactColor.js | 4 ++-- src/components/compact/CompactFields.js | 4 ++-- src/components/material/Material.js | 4 ++-- src/components/photoshop/Photoshop.js | 6 +++--- src/components/photoshop/PhotoshopFields.js | 4 ++-- src/components/photoshop/PhotoshopPointer.js | 2 +- src/components/photoshop/PhotoshopPointerCircle.js | 2 +- src/components/sketched/Sketch.js | 4 ++-- src/components/sketched/SketchFields.js | 4 ++-- src/components/sketched/SketchPresetColors.js | 4 ++-- src/components/slider/Slider.js | 4 ++-- src/components/slider/SliderPointer.js | 2 +- src/components/slider/SliderSwatch.js | 4 ++-- src/components/slider/SliderSwatches.js | 4 ++-- src/components/swatches/Swatches.js | 4 ++-- src/components/swatches/SwatchesColor.js | 4 ++-- src/components/swatches/SwatchesGroup.js | 4 ++-- 29 files changed, 67 insertions(+), 66 deletions(-) diff --git a/.jscsrc b/.jscsrc index b2c3bde1..8d51adc1 100644 --- a/.jscsrc +++ b/.jscsrc @@ -4,5 +4,6 @@ "disallowQuotedKeysInObjects": null, "validateQuoteMarks": null, "requireSemicolons": false, - "disallowSemicolons": true + "disallowSemicolons": true, + "requireSpacesInAnonymousFunctionExpression": null } diff --git a/src/components/chrome/Chrome.js b/src/components/chrome/Chrome.js index 15b4bf25..3875cdab 100644 --- a/src/components/chrome/Chrome.js +++ b/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 ( diff --git a/src/components/chrome/ChromeFields.js b/src/components/chrome/ChromeFields.js index 8b710b00..4622fa8b 100644 --- a/src/components/chrome/ChromeFields.js +++ b/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 diff --git a/src/components/chrome/ChromePointer.js b/src/components/chrome/ChromePointer.js index 9df27e4b..7df30f97 100644 --- a/src/components/chrome/ChromePointer.js +++ b/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 { diff --git a/src/components/chrome/ChromePointerCircle.js b/src/components/chrome/ChromePointerCircle.js index aed85339..d491c2fd 100644 --- a/src/components/chrome/ChromePointerCircle.js +++ b/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 { diff --git a/src/components/common/Alpha.js b/src/components/common/Alpha.js index 24f9401a..d9dc896f 100644 --- a/src/components/common/Alpha.js +++ b/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 =
diff --git a/src/components/common/Checkboard.js b/src/components/common/Checkboard.js index 6c134f9b..2510ecda 100644 --- a/src/components/common/Checkboard.js +++ b/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) diff --git a/src/components/common/ColorWrap.js b/src/components/common/ColorWrap.js index 859d1c76..063bc7c8 100644 --- a/src/components/common/ColorWrap.js +++ b/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), { diff --git a/src/components/common/EditableInput.js b/src/components/common/EditableInput.js index 60ed7ed0..e06a3406 100644 --- a/src/components/common/EditableInput.js +++ b/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 diff --git a/src/components/common/Hue.js b/src/components/common/Hue.js index 87684324..db31ffc3 100644 --- a/src/components/common/Hue.js +++ b/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) diff --git a/src/components/common/Saturation.js b/src/components/common/Saturation.js index f5388011..c7669864 100644 --- a/src/components/common/Saturation.js +++ b/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) diff --git a/src/components/compact/Compact.js b/src/components/compact/Compact.js index 76c21ca5..11c71fe5 100644 --- a/src/components/compact/Compact.js +++ b/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 = [] diff --git a/src/components/compact/CompactColor.js b/src/components/compact/CompactColor.js index ec3d49d1..f79704a9 100644 --- a/src/components/compact/CompactColor.js +++ b/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 ( diff --git a/src/components/compact/CompactFields.js b/src/components/compact/CompactFields.js index 1e98bcf7..92363113 100644 --- a/src/components/compact/CompactFields.js +++ b/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 ( diff --git a/src/components/material/Material.js b/src/components/material/Material.js index 8b058385..43109413 100644 --- a/src/components/material/Material.js +++ b/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 ( diff --git a/src/components/photoshop/Photoshop.js b/src/components/photoshop/Photoshop.js index 022b6b55..953a3f62 100644 --- a/src/components/photoshop/Photoshop.js +++ b/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 diff --git a/src/components/photoshop/PhotoshopFields.js b/src/components/photoshop/PhotoshopFields.js index 360322d3..3316e1a8 100644 --- a/src/components/photoshop/PhotoshopFields.js +++ b/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 ( diff --git a/src/components/photoshop/PhotoshopPointer.js b/src/components/photoshop/PhotoshopPointer.js index 3fbd684b..79ff0ff4 100644 --- a/src/components/photoshop/PhotoshopPointer.js +++ b/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 { diff --git a/src/components/photoshop/PhotoshopPointerCircle.js b/src/components/photoshop/PhotoshopPointerCircle.js index 4ffc1046..f4443048 100644 --- a/src/components/photoshop/PhotoshopPointerCircle.js +++ b/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 { diff --git a/src/components/sketched/Sketch.js b/src/components/sketched/Sketch.js index 5206fbdb..b19fe2d1 100644 --- a/src/components/sketched/Sketch.js +++ b/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 ( diff --git a/src/components/sketched/SketchFields.js b/src/components/sketched/SketchFields.js index a4b03d44..0ff74270 100644 --- a/src/components/sketched/SketchFields.js +++ b/src/components/sketched/SketchFields.js @@ -8,7 +8,7 @@ import shallowCompare from 'react-addons-shallow-compare' import { EditableInput } from '../common' export class ShetchFields extends ReactCSS.Component { - shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]); + shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]) classes(): any { return { @@ -73,7 +73,7 @@ export class ShetchFields extends ReactCSS.Component { a: data.a, }) } - }; + } render(): any { return ( diff --git a/src/components/sketched/SketchPresetColors.js b/src/components/sketched/SketchPresetColors.js index ceb064e1..26d31dd7 100644 --- a/src/components/sketched/SketchPresetColors.js +++ b/src/components/sketched/SketchPresetColors.js @@ -5,7 +5,7 @@ import ReactCSS from 'reactcss' import shallowCompare from 'react-addons-shallow-compare' export class SketchPresetColors extends ReactCSS.Component { - shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]); + shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]) classes(): any { return { @@ -49,7 +49,7 @@ export class SketchPresetColors extends ReactCSS.Component { handleClick = (hex: any) => { this.props.onClick(hex) - }; + } render(): any { var colors = [] diff --git a/src/components/slider/Slider.js b/src/components/slider/Slider.js index 4b61b396..9d84c06d 100644 --- a/src/components/slider/Slider.js +++ b/src/components/slider/Slider.js @@ -9,7 +9,7 @@ import SliderSwatches from './SliderSwatches' import SliderPointer from './SliderPointer' export class Slider extends ReactCSS.Component { - shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]); + shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]) classes(): any { return { @@ -29,7 +29,7 @@ export class Slider extends ReactCSS.Component { handleChange = (data: any) => { this.props.onChange(data) - }; + } render(): any { return ( diff --git a/src/components/slider/SliderPointer.js b/src/components/slider/SliderPointer.js index ce750b5c..6f8ae2d3 100644 --- a/src/components/slider/SliderPointer.js +++ b/src/components/slider/SliderPointer.js @@ -5,7 +5,7 @@ import ReactCSS from 'reactcss' import shallowCompare from 'react-addons-shallow-compare' export class SliderPointer extends ReactCSS.Component { - shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]); + shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]) classes(): any { return { diff --git a/src/components/slider/SliderSwatch.js b/src/components/slider/SliderSwatch.js index 2b894f1d..a503c666 100644 --- a/src/components/slider/SliderSwatch.js +++ b/src/components/slider/SliderSwatch.js @@ -5,7 +5,7 @@ import ReactCSS from 'reactcss' import shallowCompare from 'react-addons-shallow-compare' export class SliderSwatch extends ReactCSS.Component { - shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]); + shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]) classes(): any { return { @@ -37,7 +37,7 @@ export class SliderSwatch extends ReactCSS.Component { handleClick = () => { this.props.onClick({ h: this.props.hsl.h, s: .5, l: this.props.offset }) - }; + } render(): any { return ( diff --git a/src/components/slider/SliderSwatches.js b/src/components/slider/SliderSwatches.js index 63adb56d..14326700 100644 --- a/src/components/slider/SliderSwatches.js +++ b/src/components/slider/SliderSwatches.js @@ -7,7 +7,7 @@ import shallowCompare from 'react-addons-shallow-compare' import SliderSwatch from './SliderSwatch' export class SliderSwatches extends ReactCSS.Component { - shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]); + shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]) classes(): any { return { @@ -30,7 +30,7 @@ export class SliderSwatches extends ReactCSS.Component { handleClick = (data: any) => { this.props.onClick(data) - }; + } render(): any { return ( diff --git a/src/components/swatches/Swatches.js b/src/components/swatches/Swatches.js index a312de0e..7a83b4ec 100644 --- a/src/components/swatches/Swatches.js +++ b/src/components/swatches/Swatches.js @@ -11,7 +11,7 @@ import { Raised } from '../../../modules/react-material-design' import SwatchesGroup from './SwatchesGroup' export class Swatches extends ReactCSS.Component { - shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]); + shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]) classes(): any { return { @@ -37,7 +37,7 @@ export class Swatches extends ReactCSS.Component { handleChange = (data: any) => { color.isValidHex(data) && this.props.onChange(data) - }; + } render(): any { var groups = [] diff --git a/src/components/swatches/SwatchesColor.js b/src/components/swatches/SwatchesColor.js index 88d2795a..6913be66 100644 --- a/src/components/swatches/SwatchesColor.js +++ b/src/components/swatches/SwatchesColor.js @@ -5,7 +5,7 @@ import ReactCSS from 'reactcss' import shallowCompare from 'react-addons-shallow-compare' export class SwatchesColor 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 SwatchesColor extends ReactCSS.Component { handleClick = () => { this.props.onClick(this.props.color) - }; + } render(): any { return ( diff --git a/src/components/swatches/SwatchesGroup.js b/src/components/swatches/SwatchesGroup.js index cc27bfed..51a1f3c1 100644 --- a/src/components/swatches/SwatchesGroup.js +++ b/src/components/swatches/SwatchesGroup.js @@ -7,7 +7,7 @@ import shallowCompare from 'react-addons-shallow-compare' import SwatchesColor from './SwatchesColor' export class SwatchesGroup extends ReactCSS.Component { - shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]); + shouldComponentUpdate = shallowCompare.bind(this, this, arguments[0], arguments[1]) classes(): any { return { @@ -24,7 +24,7 @@ export class SwatchesGroup extends ReactCSS.Component { handleClick = (data: any) => { this.props.onClick(data) - }; + } render(): any { var colors = []