@flexis/ui/components/Switch/Switch.js

Styleless React Components

"use strict";

var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");

var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");

_Object$defineProperty(exports, "__esModule", {
  value: true
});

exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));

var _tslib = require("tslib");

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _helpers = require("../../helpers");

var _types = require("../common/types");

var _SwitchSt = require("./Switch.st.css");

var _createElement = _react.default.createElement;
var PureComponent = _react.default.PureComponent;

var Switch =
/** @class */
function () {
  var Switch = /*#__PURE__*/function (_PureComponent) {
    (0, _inherits2.default)(Switch, _PureComponent);

    function Switch() {
      (0, _classCallCheck2.default)(this, Switch);
      return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Switch).apply(this, arguments));
    }

    (0, _createClass2.default)(Switch, [{
      key: "render",
      value: function render() {
        var _this$props = this.props,
            className = _this$props.className,
            elementRef = _this$props.elementRef,
            props = (0, _objectWithoutProperties2.default)(_this$props, ["className", "elementRef"]);
        return _createElement("input", (0, _extends2.default)({
          ref: elementRef
        }, props, {
          className: (0, _SwitchSt.style)(_SwitchSt.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.default.func,
    type: _propTypes.default.oneOf(['checkbox', 'radio']).isRequired,
    onChange: _propTypes.default.func,
    value: _types.InputValuePropType
  } : void 0;
  (0, _tslib.__decorate)([(0, _helpers.Bind)()], Switch.prototype, "onChange", null);
  return Switch;
}();

var _default = Switch;
exports.default = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFNQTs7QUFDQTs7QUFJQTs7QUFLQTs7Ozs7QUFpQkEsSUFBQSxNQUFBO0FBQUE7QUFBQSxZQUFBO0FBQUEsTUFBcUIsTUFBckI7QUFBQTs7QUFBQTtBQUFBO0FBQUE7QUFBQTs7QUFBQTtBQUFBO0FBQUEsK0JBWU87QUFBQSwwQkFNRCxLQUFLLEtBTko7QUFBQSxZQUdKLFNBSEksZUFHSixTQUhJO0FBQUEsWUFJSixVQUpJLGVBSUosVUFKSTtBQUFBLFlBS0QsS0FMQztBQVFMLGVBQ0M7QUFDQyxVQUFBLEdBQUcsRUFBRTtBQUROLFdBRUssS0FGTDtBQUdDLFVBQUEsU0FBUyxFQUFFLHFCQUFNLGtCQUFRLElBQWQsRUFBb0IsU0FBcEIsQ0FIWjtBQUlDLFVBQUEsUUFBUSxFQUFFLEtBQUs7QUFKaEIsV0FERDtBQVFBO0FBNUJGO0FBQUE7QUFBQSwrQkErQmtCLEtBL0JsQixFQStCc0Q7QUFBQSwyQkFLaEQsS0FBSyxLQUwyQztBQUFBLFlBR25ELFFBSG1ELGdCQUduRCxRQUhtRDtBQUFBLFlBSW5ELEtBSm1ELGdCQUluRCxLQUptRDs7QUFPcEQsWUFBSSxPQUFPLFFBQVAsS0FBb0IsVUFBeEIsRUFBb0M7QUFFbkMsY0FBTSxTQUFTLEdBQUcsT0FBTyxLQUFQLEtBQWlCLFdBQWpCLEdBQ2YsS0FEZSxHQUVmLEtBQUssQ0FBQyxhQUFOLENBQW9CLE9BRnZCO0FBSUEsVUFBQSxRQUFRLENBQUMsU0FBRCxFQUFZLEtBQVosQ0FBUjtBQUNBO0FBQ0Q7QUE5Q0Y7QUFBQTtBQUFBLElBQW9DLGFBQXBDOztBQUVRLDBDQUFBLE1BQUEsQ0FBQSxTQUFBLEdBQVk7QUFDbEIsSUFBQSxVQUFVLEVBQUUsbUJBQVUsSUFESjtBQUVsQixJQUFBLElBQUksRUFBUSxtQkFBVSxLQUFWLENBQWdCLENBQzNCLFVBRDJCLEVBRTNCLE9BRjJCLENBQWhCLEVBR1QsVUFMZTtBQU1sQixJQUFBLFFBQVEsRUFBSSxtQkFBVSxJQU5KO0FBT2xCLElBQUEsS0FBSyxFQUFPO0FBUE0sR0FBWjtBQTZCUCx5QkFBQSxDQURDLG9CQUNELENBQUEsRSxnQkFBQSxFLFVBQUEsRUFlQyxJQWZEO0FBZ0JELFNBQUEsTUFBQTtBQUFDLENBL0NELEVBQUE7O2VBQXFCLE0iLCJzb3VyY2VSb290IjoiIn0=