@flexis/ui
Version:
Styleless React Components
74 lines (63 loc) • 4.19 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 './Switch.st.css';
var Switch =
/** @class */
function () {
var Switch = /*#__PURE__*/function (_PureComponent) {
_inherits(Switch, _PureComponent);
function Switch() {
_classCallCheck(this, Switch);
return _possibleConstructorReturn(this, _getPrototypeOf(Switch).apply(this, arguments));
}
_createClass(Switch, [{
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),
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 Switch;
}(PureComponent);
process.env.NODE_ENV !== "production" ? Switch.propTypes = {
elementRef: PropTypes.func,
type: PropTypes.oneOf(['checkbox', 'radio']).isRequired,
onChange: PropTypes.func,
value: InputValuePropType
} : void 0;
__decorate([Bind()], Switch.prototype, "onChange", null);
return Switch;
}();
export default Switch;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFQLE1BS08sT0FMUDs7O0FBTUEsT0FBTyxTQUFQLE1BQXNCLFlBQXRCO0FBQ0EsU0FFQyxJQUZELFFBR08sZUFIUDtBQUlBLFNBR0Msa0JBSEQsUUFJTyxpQkFKUDtBQUtBLFNBQ0MsS0FERCxFQUVDLE9BRkQsUUFHTyxpQkFIUDs7QUFpQkEsSUFBQSxNQUFBO0FBQUE7QUFBQSxZQUFBO0FBQUEsTUFBcUIsTUFBckI7QUFBQTs7QUFBQTtBQUFBOztBQUFBO0FBQUE7O0FBQUE7QUFBQTtBQUFBLCtCQVlPO0FBQUEsMEJBTUQsS0FBSyxLQU5KO0FBQUEsWUFHSixTQUhJLGVBR0osU0FISTtBQUFBLFlBSUosVUFKSSxlQUlKLFVBSkk7QUFBQSxZQUtELEtBTEM7O0FBUUwsZUFDQztBQUNDLFVBQUEsR0FBRyxFQUFFO0FBRE4sV0FFSyxLQUZMO0FBR0MsVUFBQSxTQUFTLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFULEVBQWUsU0FBZixDQUhqQjtBQUlDLFVBQUEsUUFBUSxFQUFFLEtBQUs7QUFKaEIsV0FERDtBQVFBO0FBNUJGO0FBQUE7QUFBQSwrQkErQmtCLEtBL0JsQixFQStCc0Q7QUFBQSwyQkFLaEQsS0FBSyxLQUwyQztBQUFBLFlBR25ELFFBSG1ELGdCQUduRCxRQUhtRDtBQUFBLFlBSW5ELEtBSm1ELGdCQUluRCxLQUptRDs7QUFPcEQsWUFBSSxPQUFPLFFBQVAsS0FBb0IsVUFBeEIsRUFBb0M7QUFFbkMsY0FBTSxTQUFTLEdBQUcsT0FBTyxLQUFQLEtBQWlCLFdBQWpCLEdBQ2YsS0FEZSxHQUVmLEtBQUssQ0FBQyxhQUFOLENBQW9CLE9BRnZCO0FBSUEsVUFBQSxRQUFRLENBQUMsU0FBRCxFQUFZLEtBQVosQ0FBUjtBQUNBO0FBQ0Q7QUE5Q0Y7O0FBQUE7QUFBQSxJQUFvQyxhQUFwQzs7QUFFUSwwQ0FBQSxNQUFBLENBQUEsU0FBQSxHQUFZO0FBQ2xCLElBQUEsVUFBVSxFQUFFLFNBQVMsQ0FBQyxJQURKO0FBRWxCLElBQUEsSUFBSSxFQUFRLFNBQVMsQ0FBQyxLQUFWLENBQWdCLENBQzNCLFVBRDJCLEVBRTNCLE9BRjJCLENBQWhCLEVBR1QsVUFMZTtBQU1sQixJQUFBLFFBQVEsRUFBSSxTQUFTLENBQUMsSUFOSjtBQU9sQixJQUFBLEtBQUssRUFBTztBQVBNLEdBQVo7O0FBNkJQLEVBQUEsVUFBQSxDQUFBLENBREMsSUFBSSxFQUNMLENBQUEsRSxnQkFBQSxFLFVBQUEsRUFlQyxJQWZELENBQUE7O0FBZ0JELFNBQUEsTUFBQTtBQUFDLENBL0NELEVBQUE7O2VBQXFCLE0iLCJzb3VyY2VSb290IjoiIn0=