react-auto-suggest/lib/SearchBox.js

React auto-suggest component

"use strict";

var _interopRequire = function (obj) { return obj && obj.__esModule ? obj["default"] : obj; };

var React = _interopRequire(require("react"));

var SearchBox = React.createClass({
    displayName: "SearchBox",

    componentDidMount: function componentDidMount() {
        this.refs.searchBox.getDOMNode().focus();
    },

    keyDown: function keyDown(event) {
        var keys = [13, 27, 38, 39, 40];
        if (keys.indexOf(event.keyCode) !== -1) {
            this.props.handleSpecial(event.keyCode);
        }
    },

    handleChange: function handleChange(event) {
        var keys = [13, 27, 38, 39, 40];
        var keyCode = event.keyCode;
        if (keys.indexOf(keyCode) === -1) {
            var inputtedTerm = event.target.value;
            this.props.handleTerm(inputtedTerm);
        }
    },

    render: function render() {
        var value = this.props.value || "";
        return React.createElement("input", { ref: "searchBox",
            className: this.constructor.displayName,
            onKeyDown: this.keyDown,
            onChange: this.handleChange,
            value: value });
    }
});

module.exports = SearchBox;