Clean Up Requires

src/components/Sketch/SketchFields.jsx

@@ -4,7 +4,7 @@ var React = require('react');
 var ReactCSS = require('reactcss');
 var tinycolor = require('tinycolor2');
 
-var EditableInput = require('../common/EditableInput');
+var { EditableInput } = require('../common');
 
 class ShetchFields extends ReactCSS.Component {
 

src/components/Sketch/SketchPresetColors.jsx

@@ -2,7 +2,6 @@
 
 var React = require('react');
 var ReactCSS = require('reactcss');
-var tinycolor = require('tinycolor2');
 
 class SketchPresetColors extends ReactCSS.Component {
 

src/components/chrome/Chrome.jsx

@@ -2,12 +2,8 @@
 
 var React = require('react');
 var ReactCSS = require('reactcss');
-var tinycolor = require('tinycolor2');
 
-var Saturation = require('../common/Saturation');
-var Hue = require('../common/Hue');
-var Alpha = require('../common/Alpha');
-var Checkboard = require('../common/Checkboard');
+var { Saturation, Hue, Alpha, Checkboard } = require('../common');
 var ChromeFields = require('./ChromeFields');
 var ChromePointer = require('./ChromePointer');
 var ChromePointerCircle = require('./ChromePointerCircle');

src/components/chrome/ChromeFields.jsx

@@ -4,7 +4,7 @@ var React = require('react');
 var ReactCSS = require('reactcss');
 var tinycolor = require('tinycolor2');
 
-var EditableInput = require('../common/EditableInput');
+var { EditableInput } = require('../common');
 
 class ChromeFields extends ReactCSS.Component {
 

src/components/common/index.js

@@ -0,0 +1,8 @@
+
+module.exports = {
+  Alpha: require('./Alpha'),
+  Checkboard: require('./Checkboard'),
+  EditableInput: require('./EditableInput'),
+  Hue: require('./Hue'),
+  Saturation: require('./Saturation'),
+};

src/components/compact/CompactFields.jsx

@@ -2,9 +2,8 @@
 
 var React = require('react');
 var ReactCSS = require('reactcss');
-var tinycolor = require('tinycolor2');
 
-var EditableInput = require('../common/EditableInput');
+var { EditableInput } = require('../common');
 
 class CompactColor extends ReactCSS.Component {
 

src/components/material/Material.jsx

@@ -5,7 +5,7 @@ var ReactCSS = require('reactcss');
 var tinycolor = require('tinycolor2');
 
 var { Raised } = require('react-material-design');
-var EditableInput = require('../common/EditableInput');
+var { EditableInput } = require('../common');
 
 class Material extends ReactCSS.Component {
 

src/components/photoshop/Photoshop.jsx

@@ -2,10 +2,8 @@
 
 var React = require('react');
 var ReactCSS = require('reactcss');
-var tinycolor = require('tinycolor2');
 
-var Saturation = require('../common/Saturation');
-var Hue = require('../common/Hue');
+var { Saturation, Hue } = require('../common');
 var PhotoshopFields = require('./PhotoshopFields');
 var PhotoshopPointerCircle = require('./PhotoshopPointerCircle');
 var PhotoshopPointer = require('./PhotoshopPointer');

src/components/photoshop/PhotoshopFields.jsx

@@ -4,7 +4,7 @@ var React = require('react');
 var ReactCSS = require('reactcss');
 var tinycolor = require('tinycolor2');
 
-var EditableInput = require('../common/EditableInput');
+var { EditableInput } = require('../common');
 
 class PhotoshopPicker extends ReactCSS.Component {
 

src/components/sketch/Sketch.jsx

@@ -2,11 +2,8 @@
 
 var React = require('react');
 var ReactCSS = require('reactcss');
-var tinycolor = require('tinycolor2');
 
-var Saturation = require('../common/Saturation');
-var Hue = require('../common/Hue');
-var Alpha = require('../common/Alpha');
+var { Saturation, Hue, Alpha } = require('../common');
 var SketchFields = require('./SketchFields');
 var SketchPresetColors = require('./SketchPresetColors');
 var Checkboard = require('../common/Checkboard');

src/components/slider/Slider.jsx

@@ -2,9 +2,8 @@
 
 var React = require('react');
 var ReactCSS = require('reactcss');
-var tinycolor = require('tinycolor2');
 
-var Hue = require('../common/Hue');
+var { Hue } = require('../common');
 var SliderSwatches = require('./SliderSwatches');
 var SliderPointer = require('./SliderPointer');