backpack-ui
Version:
Lonely Planet's Components
74 lines (50 loc) • 2.09 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require("babel-runtime/helpers/createClass");
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require("babel-runtime/helpers/inherits");
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = require("react");
var _react2 = _interopRequireDefault(_react);
var _propTypes = require("prop-types");
var _propTypes2 = _interopRequireDefault(_propTypes);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var ToggleController = function (_React$Component) {
(0, _inherits3.default)(ToggleController, _React$Component);
function ToggleController(props) {
(0, _classCallCheck3.default)(this, ToggleController);
var _this = (0, _possibleConstructorReturn3.default)(this, (ToggleController.__proto__ || (0, _getPrototypeOf2.default)(ToggleController)).call(this, props));
_this.state = {
active: props.active || false
};
_this.toggle = _this.toggle.bind(_this);
return _this;
}
(0, _createClass3.default)(ToggleController, [{
key: "toggle",
value: function toggle() {
this.setState({
active: !this.state.active
});
}
}, {
key: "render",
value: function render() {
return this.props.children(this.state.active, this.toggle);
}
}]);
return ToggleController;
}(_react2.default.Component);
ToggleController.propTypes = {
children: _propTypes2.default.func.isRequired,
active: _propTypes2.default.bool
};
exports.default = ToggleController;