All files / javascripts/explorev2/components CheckboxField.jsx

0% Statements 0/10
100% Branches 0/0
0% Functions 0/2
0% Lines 0/10
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39                                                                             
import React, { PropTypes } from 'react';
import { Checkbox } from 'react-bootstrap';
import ControlLabelWithTooltip from './ControlLabelWithTooltip';
 
const propTypes = {
  name: PropTypes.string.isRequired,
  value: PropTypes.bool,
  label: PropTypes.string,
  description: PropTypes.string,
  onChange: PropTypes.func,
};
 
const defaultProps = {
  value: false,
  label: null,
  description: null,
  onChange: () => {},
};
 
export default class CheckboxField extends React.Component {
  onToggle() {
    this.props.onChange(this.props.name);
  }
  render() {
    return (
      <Checkbox
        inline
        checked={this.props.value}
        onChange={this.onToggle.bind(this)}
      >
        <ControlLabelWithTooltip label={this.props.label} description={this.props.description} />
      </Checkbox>
    );
  }
}
 
CheckboxField.propTypes = propTypes;
CheckboxField.defaultProps = defaultProps;