boldr-ui/Select/triggers/InputTrigger.js

UI components for Boldr

'use strict';

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);

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

if (typeof exports !== 'undefined') Object.defineProperty(exports, 'babelPluginFlowReactPropTypes_proptype_Props', {
  value: {
    prefixCls: require('prop-types').string,
    value: require('prop-types').any,
    placeholder: require('prop-types').string
  }
});

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

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

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

    _this.state = {
      value: ''
    };
    _this.inputChangeHandler = _this.inputChangeHandler.bind(_this);
    _this.inputFocusHandler = _this.inputFocusHandler.bind(_this);
    return _this;
  }

  (0, _createClass3.default)(InputTrigger, [{
    key: 'componentDidMount',
    value: function componentDidMount() {
      this.props.onChange({
        extraFilter: true
      });
    }
  }, {
    key: 'shouldComponentUpdate',
    value: function shouldComponentUpdate(nextProps, nextState) {
      return nextState.value !== this.state.value;
    }
  }, {
    key: 'componentWillReceiveProps',
    value: function componentWillReceiveProps(nextProps) {
      this.setState({
        value: nextProps.keyword === null ? nextProps.value : nextProps.keyword
      });
    }
  }, {
    key: 'inputChangeHandler',
    value: function inputChangeHandler(ev) {
      this.props.onChange({
        open: true,
        keyword: ev.target.value
      });
    }
  }, {
    key: 'inputFocusHandler',
    value: function inputFocusHandler() {
      this.props.onChange({
        open: true
      });
    }
  }, {
    key: 'render',
    value: function render() {
      var _this2 = this;

      var _props = this.props,
          prefixCls = _props.prefixCls,
          placeholder = _props.placeholder;
      var value = this.state.value;


      return _react2.default.createElement('input', {
        ref: function ref(input) {
          return _this2.input = input;
        },
        className: prefixCls + '-input',
        placeholder: placeholder,
        type: 'text',
        value: value,
        onFocus: this.inputFocusHandler,
        onChange: this.inputChangeHandler
      });
    }
  }]);
  return InputTrigger;
}(_react.Component);

InputTrigger.propTypes = process.env.NODE_ENV !== "production" ? {
  prefixCls: require('prop-types').string,
  value: require('prop-types').any,
  placeholder: require('prop-types').string
} : {};
exports.default = InputTrigger;