boldr-ui/Select/triggers/Index.js

UI components for Boldr

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

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 _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (typeof exports !== 'undefined') Object.defineProperty(exports, 'babelPluginFlowReactPropTypes_proptype_Props', {
  value: {
    trigger: require('prop-types').any,
    open: require('prop-types').bool
  }
});
/**
 * Trigger
 */

var Trigger = function (_Component) {
  (0, _inherits3.default)(Trigger, _Component);

  function Trigger(props) {
    (0, _classCallCheck3.default)(this, Trigger);

    var _this = (0, _possibleConstructorReturn3.default)(this, (Trigger.__proto__ || (0, _getPrototypeOf2.default)(Trigger)).call(this, props));

    _this.state = {
      open: props.open
    };
    _this.triggerClickHandler = _this.triggerClickHandler.bind(_this);
    return _this;
  }

  (0, _createClass3.default)(Trigger, [{
    key: 'componentWillReceiveProps',
    value: function componentWillReceiveProps(nextProps) {
      this.setState(nextProps);
    }
  }, {
    key: 'triggerClickHandler',
    value: function triggerClickHandler() {
      var open = this.state.open;

      this.props.onChange({
        open: !open
      });
    }
  }, {
    key: 'render',
    value: function render() {
      var Node = this.props.trigger;

      return _react2.default.createElement(Node, (0, _extends3.default)({}, this.props, { onClick: this.triggerClickHandler }));
    }
  }]);
  return Trigger;
}(_react.Component);

Trigger.propTypes = process.env.NODE_ENV !== "production" ? {
  trigger: require('prop-types').any,
  open: require('prop-types').bool
} : {};


Trigger.defaultProps = {
  open: false
};

exports.default = Trigger;