d2-ui/lib/form-fields/CheckBox.component.js

d2-ui

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

import React from 'react';
import PropTypes from 'prop-types';
import Checkbox from 'material-ui/Checkbox';

var CheckBox = function CheckBox(_ref) {
    var onChange = _ref.onChange,
        wrapperStyle = _ref.wrapperStyle,
        errorStyle = _ref.errorStyle,
        errorText = _ref.errorText,
        other = _objectWithoutProperties(_ref, ['onChange', 'wrapperStyle', 'errorStyle', 'errorText']);

    var baseWrapperStyle = { marginTop: 12, marginBottom: 12 };
    var mergedWrapperStyle = _extends({}, baseWrapperStyle, wrapperStyle);
    return React.createElement(
        'div',
        { style: mergedWrapperStyle },
        React.createElement(Checkbox, _extends({ onCheck: onChange }, other))
    );
};

CheckBox.propTypes = {
    wrapperStyle: PropTypes.object,
    errorStyle: PropTypes.object,
    errorText: PropTypes.string,
    onChange: PropTypes.func.isRequired
};

CheckBox.defaultProps = {
    wrapperStyle: {},
    errorStyle: {},
    errorText: ''
};

export default CheckBox;