auth0-extensions/auth0-sso-dashboard-extension

import React, { Component } from 'react';
import classNames from 'classnames';

class InputCombo extends Component {
  render() {
    const { label, field, fieldName, options, validationErrors, events } = this.props;
    const classes = classNames({
      'form-group': true,
      'has-error': validationErrors && validationErrors[fieldName] && validationErrors[fieldName].length
    });

    return <div className={classes}>
      <label>{label}</label>
      <select className="form-control" {...field} >
        <option value=""></option>
        {options.map((option, index) => {
          return <option key={index} value={option.value}>{option.text}</option>;
        })}
      </select>
      { validationErrors && validationErrors[fieldName] && validationErrors[fieldName].length && <div className="help-block">{ validationErrors[fieldName][0] }</div> }
    </div>;
  }
}

InputCombo.propTypes = {
  options: React.PropTypes.array.isRequired,
  field: React.PropTypes.object.isRequired,
  fieldName: React.PropTypes.string.isRequired,
  label: React.PropTypes.string.isRequired,
  validationErrors: React.PropTypes.object,
  events: React.PropTypes.object,
};

export default InputCombo;