Skip to content

Commit

Permalink
Examples
Browse files Browse the repository at this point in the history
  • Loading branch information
casesandberg committed Feb 26, 2016
1 parent 6506f13 commit 88cd7a7
Show file tree
Hide file tree
Showing 4 changed files with 45 additions and 44 deletions.
5 changes: 3 additions & 2 deletions .jscsrc
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
{
"preset": "airbnb",
"excludeFiles": ["build/**", "node_modules/**"],
"excludeFiles": ["lib/**", "build/**", "node_modules/**"],
"disallowQuotedKeysInObjects": null,
"validateQuoteMarks": null,
"requireSemicolons": false,
"disallowSemicolons": true
"disallowSemicolons": true,
"requireSpacesInAnonymousFunctionExpression": null
}
24 changes: 12 additions & 12 deletions examples/Button.js
Original file line number Diff line number Diff line change
@@ -1,25 +1,25 @@
'use strict';
'use strict'

import React from 'react';
import ColorPicker from 'react-color';
import React from 'react'
import ColorPicker from 'react-color'

class ButtonExample extends React.Component {

constructor() {
super();
super()
this.state = {
displayColorPicker: false,
};
this.handleClick = this.handleClick.bind(this);
this.handleClose = this.handleClose.bind(this);
}
this.handleClick = this.handleClick.bind(this)
this.handleClose = this.handleClose.bind(this)
}

handleClick() {
this.setState({ displayColorPicker: !this.state.displayColorPicker });
this.setState({ displayColorPicker: !this.state.displayColorPicker })
}

handleClose() {
this.setState({ displayColorPicker: false });
this.setState({ displayColorPicker: false })
}

render() {
Expand All @@ -28,8 +28,8 @@ class ButtonExample extends React.Component {
<button onClick={ this.handleClick }>Pick Color</button>
<ColorPicker display={ this.state.displayColorPicker } onClose={ this.handleClose } type="chrome" />
</div>
);
)
}
};
}

export default ButtonExample;
export default ButtonExample
32 changes: 16 additions & 16 deletions examples/Sketch.js
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
'use strict';
'use strict'

import React from 'react';
import ReactCSS from 'reactcss';
import ColorPicker from 'react-color';
import React from 'react'
import ReactCSS from 'reactcss'
import ColorPicker from 'react-color'

class SketchExample extends ReactCSS.Component {

constructor() {
super();
super()
this.state = {
displayColorPicker: false,
color: '#F17013',
};
this.handleClick = this.handleClick.bind(this);
this.handleClose = this.handleClose.bind(this);
this.handleChange = this.handleChange.bind(this);
}
this.handleClick = this.handleClick.bind(this)
this.handleClose = this.handleClose.bind(this)
this.handleChange = this.handleChange.bind(this)
}

classes() {
Expand All @@ -35,19 +35,19 @@ class SketchExample extends ReactCSS.Component {
cursor: 'pointer',
},
},
};
}
}

handleClick() {
this.setState({ displayColorPicker: !this.state.displayColorPicker });
this.setState({ displayColorPicker: !this.state.displayColorPicker })
}

handleClose() {
this.setState({ displayColorPicker: false });
this.setState({ displayColorPicker: false })
}

handleChange(color) {
this.setState({ color: '#' + color.hex });
this.setState({ color: '#' + color.hex })
}

render() {
Expand All @@ -58,8 +58,8 @@ class SketchExample extends ReactCSS.Component {
</div>
<ColorPicker color={ this.state.color } display={ this.state.displayColorPicker } position="below" onChange={ this.handleChange } onClose={ this.handleClose } type="sketch" />
</div>
);
)
}
};
}

export default SketchExample;
export default SketchExample
28 changes: 14 additions & 14 deletions examples/index.js
Original file line number Diff line number Diff line change
@@ -1,28 +1,28 @@
'use strict';
'use strict'

Object.defineProperty(exports, '__esModule', {
value: true,
});
})

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

var _Button = require('./Button');
var _Button = require('./Button')

var _Button2 = _interopRequireDefault(_Button);
var _Button2 = _interopRequireDefault(_Button)

var _buttonMd = require('./button.md');
var _buttonMd = require('./button.md')

var _buttonMd2 = _interopRequireDefault(_buttonMd);
var _buttonMd2 = _interopRequireDefault(_buttonMd)

var _Sketch = require('./Sketch');
var _Sketch = require('./Sketch')

var _Sketch2 = _interopRequireDefault(_Sketch);
var _Sketch2 = _interopRequireDefault(_Sketch)

var _sketchMd = require('./sketch.md');
var _sketchMd = require('./sketch.md')

var _sketchMd2 = _interopRequireDefault(_sketchMd);
var _sketchMd2 = _interopRequireDefault(_sketchMd)

exports.Button = _Button2['default'];
exports.buttonmd = _buttonMd2['default'];
exports.Sketch = _Sketch2['default'];
exports.sketchmd = _sketchMd2['default'];
exports.Button = _Button2['default']
exports.buttonmd = _buttonMd2['default']
exports.Sketch = _Sketch2['default']
exports.sketchmd = _sketchMd2['default']

0 comments on commit 88cd7a7

Please sign in to comment.