boldr-ui/Select/components/Search.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 Search = function (_Component) {
  (0, _inherits3.default)(Search, _Component);

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

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

    _this.changeHandler = _this.changeHandler.bind(_this);
    return _this;
  }

  (0, _createClass3.default)(Search, [{
    key: "componentDidMount",
    value: function componentDidMount() {
      this.input.focus();
    }
  }, {
    key: "changeHandler",
    value: function changeHandler(ev) {
      this.props.onChange(ev.target.value);
    }
  }, {
    key: "render",
    value: function render() {
      var _this2 = this;

      var _props = this.props,
          prefixCls = _props.prefixCls,
          placeholder = _props.placeholder,
          keyword = _props.keyword;


      return _react2.default.createElement(
        "div",
        { className: prefixCls + "-search" },
        _react2.default.createElement("input", {
          type: "text",
          ref: function ref(input) {
            return _this2.input = input;
          },
          placeholder: placeholder,
          className: prefixCls + "-filter",
          value: keyword,
          onChange: this.changeHandler
        })
      );
    }
  }]);
  return Search;
}(_react.Component);

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