import React from 'react';
import _ from 'lodash';
import Select from 'trc-client-core/src/components/Select';

var RequiredRoleSelect = React.createClass({
    displayName: 'RequiredRoleSelect',
    getDefaultProps: function() {
        return {
            name: 'roleId'
        };
    },
    render: function() {
        var defaultItem = {
            id: null,
            name : "Select Required Role"
        };
        if(!_.find(this.props.roles, {'id': defaultItem.id})){
            this.props.roles.unshift(defaultItem);
        }
        return this.renderRoles(this.props.roles);  
    },
    renderRoles: function (data){
        var options = _.map(data, (item) => {
            return {
                value: item.id,
                label : item.name
            };
        });
        return <Select name={this.props.name} value={this.props.value} options={options} onChange={this.props.onChange} queryString></Select>;
    }

});

module.exports = RequiredRoleSelect;