@flexis/ui
Version:
Styleless React Components
74 lines (63 loc) • 4.11 kB
JavaScript
import _extends from "@babel/runtime-corejs3/helpers/extends";
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
import _createClass from "@babel/runtime-corejs3/helpers/createClass";
import _possibleConstructorReturn from "@babel/runtime-corejs3/helpers/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime-corejs3/helpers/getPrototypeOf";
import _inherits from "@babel/runtime-corejs3/helpers/inherits";
import { __decorate } from "tslib";
import React from 'react';
var _createElement = React.createElement;
var PureComponent = React.PureComponent;
import PropTypes from 'prop-types';
import { Bind } from '../../helpers';
import { InputValuePropType } from '../common/types';
import { style, classes } from './Checkbox.st.css';
var Checkbox =
/** @class */
function () {
var Checkbox = /*#__PURE__*/function (_PureComponent) {
_inherits(Checkbox, _PureComponent);
function Checkbox() {
_classCallCheck(this, Checkbox);
return _possibleConstructorReturn(this, _getPrototypeOf(Checkbox).apply(this, arguments));
}
_createClass(Checkbox, [{
key: "render",
value: function render() {
var _this$props = this.props,
className = _this$props.className,
elementRef = _this$props.elementRef,
props = _objectWithoutProperties(_this$props, ["className", "elementRef"]);
return _createElement("input", _extends({
ref: elementRef
}, props, {
className: style(classes.root, className),
type: "checkbox",
onChange: this.onChange
}));
}
}, {
key: "onChange",
value: function onChange(event) {
var _this$props2 = this.props,
onChange = _this$props2.onChange,
value = _this$props2.value;
if (typeof onChange === 'function') {
var nextValue = typeof value !== 'undefined' ? value : event.currentTarget.checked;
onChange(nextValue, event);
}
}
}]);
return Checkbox;
}(PureComponent);
process.env.NODE_ENV !== "production" ? Checkbox.propTypes = {
elementRef: PropTypes.func,
onChange: PropTypes.func,
value: InputValuePropType
} : void 0;
__decorate([Bind()], Checkbox.prototype, "onChange", null);
return Checkbox;
}();
export default Checkbox;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUFBLE9BQU8sS0FBUCxNQUtPLE9BTFA7OztBQU1BLE9BQU8sU0FBUCxNQUFzQixZQUF0QjtBQUNBLFNBRUMsSUFGRCxRQUdPLGVBSFA7QUFJQSxTQUdDLGtCQUhELFFBSU8saUJBSlA7QUFLQSxTQUNDLEtBREQsRUFFQyxPQUZELFFBR08sbUJBSFA7O0FBZ0JBLElBQUEsUUFBQTtBQUFBO0FBQUEsWUFBQTtBQUFBLE1BQXFCLFFBQXJCO0FBQUE7O0FBQUE7QUFBQTs7QUFBQTtBQUFBOztBQUFBO0FBQUE7QUFBQSwrQkFRTztBQUFBLDBCQU1ELEtBQUssS0FOSjtBQUFBLFlBR0osU0FISSxlQUdKLFNBSEk7QUFBQSxZQUlKLFVBSkksZUFJSixVQUpJO0FBQUEsWUFLRCxLQUxDOztBQVFMLGVBQ0M7QUFDQyxVQUFBLEdBQUcsRUFBRTtBQUROLFdBRUssS0FGTDtBQUdDLFVBQUEsU0FBUyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBVCxFQUFlLFNBQWYsQ0FIakI7QUFJQyxVQUFBLElBQUksRUFBQyxVQUpOO0FBS0MsVUFBQSxRQUFRLEVBQUUsS0FBSztBQUxoQixXQUREO0FBU0E7QUF6QkY7QUFBQTtBQUFBLCtCQTRCa0IsS0E1QmxCLEVBNEJzRDtBQUFBLDJCQUtoRCxLQUFLLEtBTDJDO0FBQUEsWUFHbkQsUUFIbUQsZ0JBR25ELFFBSG1EO0FBQUEsWUFJbkQsS0FKbUQsZ0JBSW5ELEtBSm1EOztBQU9wRCxZQUFJLE9BQU8sUUFBUCxLQUFvQixVQUF4QixFQUFvQztBQUVuQyxjQUFNLFNBQVMsR0FBRyxPQUFPLEtBQVAsS0FBaUIsV0FBakIsR0FDZixLQURlLEdBRWYsS0FBSyxDQUFDLGFBQU4sQ0FBb0IsT0FGdkI7QUFJQSxVQUFBLFFBQVEsQ0FBQyxTQUFELEVBQVksS0FBWixDQUFSO0FBQ0E7QUFDRDtBQTNDRjs7QUFBQTtBQUFBLElBQXNDLGFBQXRDOztBQUVRLDBDQUFBLFFBQUEsQ0FBQSxTQUFBLEdBQVk7QUFDbEIsSUFBQSxVQUFVLEVBQUUsU0FBUyxDQUFDLElBREo7QUFFbEIsSUFBQSxRQUFRLEVBQUksU0FBUyxDQUFDLElBRko7QUFHbEIsSUFBQSxLQUFLLEVBQU87QUFITSxHQUFaOztBQTBCUCxFQUFBLFVBQUEsQ0FBQSxDQURDLElBQUksRUFDTCxDQUFBLEUsa0JBQUEsRSxVQUFBLEVBZUMsSUFmRCxDQUFBOztBQWdCRCxTQUFBLFFBQUE7QUFBQyxDQTVDRCxFQUFBOztlQUFxQixRIiwic291cmNlUm9vdCI6IiJ9