react-auto-suggest/lib/DropDown.js

React auto-suggest component

"use strict";

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

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

var Suggestion = _interopRequire(require("./Suggestion"));

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

    onClick: function onClick(suggestion) {
        this.props.onClick(suggestion);
    },

    render: function render() {
        var _this = this;

        var index = this.props.index;
        var suggestions = this.props.suggestions;
        var renderer = this.props.renderer;
        var entries = [];
        if (suggestions && suggestions.length > 0) {
            entries = suggestions.map(function (suggestion, i) {
                var selected = i === index;
                if (renderer) {
                    return React.addons.cloneWithProps(renderer, {
                        selected: selected,
                        suggestion: suggestion,
                        key: i,
                        onClick: _this.onClick
                    });
                } else {
                    return React.createElement(Suggestion, { key: i, suggestion: suggestion, selected: selected, onClick: _this.onClick });
                }
            });
        }
        var styles = {
            display: this.props.display ? "block" : "none"
        };
        return React.createElement(
            "div",
            { className: this.constructor.displayName, style: styles },
            entries
        );
    }
});

module.exports = DropDown;