How to use the react-widgets.Combobox function in react-widgets

var React = require('react');
var ReactDOM = require('react-dom');

var ReactBootstrap = require('react-bootstrap');
var Modal = ReactBootstrap.Modal;
var Form = ReactBootstrap.Form;
var FormGroup = ReactBootstrap.FormGroup;
var FormControl = ReactBootstrap.FormControl;
var ControlLabel = ReactBootstrap.ControlLabel;
var Col = ReactBootstrap.Col;
var Button = ReactBootstrap.Button;
var ButtonGroup = ReactBootstrap.ButtonGroup;

var Combobox = require('react-widgets').Combobox;

var models = require('../models');
var User = models.User;

class NewUserModal extends React.Component {
	constructor() {
		super();
		this.state = {
			error: "",
			name: "",
			username: "",
			email: "",
			defaultCurrency: '840', // ISO4217 code for USD
			password: "",
			confirm_password: "",
			passwordChanged: false,

/*
 * Copyright 2018, GeoSolutions Sas.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree.
 */

const PropTypes = require('prop-types');
const React = require('react');
const { ControlLabel, FormGroup, Row, Col, Grid, Alert, Checkbox} = require('react-bootstrap');
const { isObject, isEqual} = require('lodash');
const Combobox = require('react-widgets').Combobox;
const assign = require('object-assign');
const Message = require('../../../I18N/Message');
const SwitchPanel = require('../../../misc/switch/SwitchPanel');
const ColorRangeSelector = require('../../../style/ColorRangeSelector');

const {Controlled: Codemirror} = require('react-codemirror2');
const {NumberPicker} = require('react-widgets');
require('codemirror/lib/codemirror.css');

require('codemirror/mode/javascript/javascript');

const { getMessageById } = require('../../../../utils/LocaleUtils');
const tinycolor = require('tinycolor2');
const ColorPicker = require('../../../style/ColorPicker');
const LoadingView = require('../../../misc/LoadingView');
const ThemaClassesEditor = require('../../../style/ThemaClassesEditor');

const PropTypes = require('prop-types');
/**
 * Copyright 2016, GeoSolutions Sas.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree.
 */

const React = require('react');
const {connect} = require('react-redux');

const {Grid, Row, Col, Panel, PanelGroup, Button, Glyphicon} = require('react-bootstrap');

const Combobox = require('react-widgets').Combobox;

const {getWindowSize} = require('../utils/AgentUtils');
const {setRasterStyleParameter, setRasterLayer} = require('../actions/rasterstyler');
const {changeLayerProperties} = require('../actions/layers');

const {
    RedBandSelector,
    BlueBandSelector,
    GreenBandSelector,
    GrayBandSelector,
    PseudoBandSelector,
    RasterStyleTypePicker,
    EqualInterval,
    PseudoColor,
    OpacityPicker
} = require('./rasterstyler/index');

const PropTypes = require('prop-types');

const React = require('react');
const {connect} = require('react-redux');

const {Grid, Row, Glyphicon, Alert, Button} = require('react-bootstrap');
const Spinner = require('react-spinkit');
const Dialog = require('../components/misc/Dialog');

const Combobox = require('react-widgets').Combobox;
const {head} = require('lodash');

const {getWindowSize} = require('../utils/AgentUtils');
const {setVectorLayer} = require('../actions/vectorstyler');
const {setRasterLayer} = require('../actions/rasterstyler');
const {toggleControl} = require('../actions/controls');
const {changeLayerProperties} = require('../actions/layers');
const {getDescribeLayer, getLayerCapabilities} = require('../actions/layerCapabilities');
const {saveLayerDefaultStyle, reset} = require('../actions/styler');

const {layersSelector} = require('../selectors/layers');

const {zoomToExtent} = require('../actions/map');

const Vector = require("./VectorStyler").VectorStylerPlugin;
const Raster = require("./RasterStyler").RasterStylerPlugin;

var React = require('react');

var ReactDOM = require('react-dom');

var ReactBootstrap = require('react-bootstrap');
var Modal = ReactBootstrap.Modal;
var Button = ReactBootstrap.Button;
var ButtonGroup = ReactBootstrap.ButtonGroup;
var Form = ReactBootstrap.Form;
var FormGroup = ReactBootstrap.FormGroup;
var FormControl = ReactBootstrap.FormControl;
var ControlLabel = ReactBootstrap.ControlLabel;
var Col = ReactBootstrap.Col;

var Combobox = require('react-widgets').Combobox;

var models = require('../models');
var User = models.User;

class AccountSettingsModal extends React.Component {
	_getInitialState(props) {
		return {
			error: "",
			name: props ? props.user.Name: "",
			username: props ? props.user.Username : "",
			email: props ? props.user.Email : "",
			defaultCurrency: props ? props.user.DefaultCurrency : "",
			password: models.BogusPassword,
			confirm_password: models.BogusPassword,
			passwordChanged: false,
			initial_password: models.BogusPassword

var ReactBootstrap = require('react-bootstrap');

var Col = ReactBootstrap.Col;
var Form = ReactBootstrap.Form;
var FormGroup = ReactBootstrap.FormGroup;
var FormControl = ReactBootstrap.FormControl;
var ControlLabel = ReactBootstrap.ControlLabel;
var Button = ReactBootstrap.Button;
var ButtonGroup = ReactBootstrap.ButtonGroup;
var ButtonToolbar = ReactBootstrap.ButtonToolbar;
var Glyphicon = ReactBootstrap.Glyphicon;
var Panel = ReactBootstrap.Panel;
var Modal = ReactBootstrap.Modal;
var ProgressBar = ReactBootstrap.ProgressBar;

var Combobox = require('react-widgets').Combobox;

var CodeMirror = require('react-codemirror');
require('codemirror/mode/lua/lua');

var StackedBarChart = require('../components/StackedBarChart');
var PieChart = require('../components/PieChart');

var models = require('../models')
var Report = models.Report;
var Tabulation = models.Tabulation;

class AddEditReportModal extends React.Component {
	getInitialState(props) {
		var s = {
			reportid: -1,
			name: "",

const React = require('react');
const PropTypes = require('prop-types');
const colorsSchema = require("./EqualIntervalComponents/ColorRamp");
const ColorRampItem = require('./EqualIntervalComponents/ColorRampItem');
const colors = require("./EqualIntervalComponents/ExtendColorBrewer");
const Combobox = require('react-widgets').Combobox;

class ColorRampSelector extends React.Component {

    static propTypes = {
        colorsSchema: PropTypes.array,
        colors: PropTypes.object,
        classes: PropTypes.number,
        ramp: PropTypes.string
    };

    static defaultProps = {
        colorsSchema,
        colors,
        classes: 5,
        ramp: 'Blues'
    };

const PropTypes = require('prop-types');
/**
 * Copyright 2016, GeoSolutions Sas.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree.
 */

const React = require('react');
const Combobox = require('react-widgets').Combobox;

const LocaleUtils = require('../../utils/LocaleUtils');

class RasterStyleTypePicker extends React.Component {
    static propTypes = {
        styletype: PropTypes.oneOf(['rgb', 'gray', 'pseudo']),
        onChange: PropTypes.func
    };

    static contextTypes = {
        messages: PropTypes.object
    };

    render() {
        return (

/*
 * Copyright 2017, GeoSolutions Sas.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree.
*/


const PropTypes = require('prop-types');
const React = require('react');
const Combobox = require('react-widgets').Combobox;
const {Glyphicon, Tooltip} = require('react-bootstrap');
const AutocompleteListItem = require('./AutocompleteListItem');
const LocaleUtils = require('../../../utils/LocaleUtils');
const {isLikeOrIlike} = require('../../../utils/FilterUtils');
const OverlayTrigger = require('../../../components/misc/OverlayTrigger');
const HTML = require('../../../components/I18N/HTML');
/**
 * Combobox with remote autocomplete functionality.
 * @memberof components.query
 * @class
 * @prop {bool} [disabled] if the combobox should be disabled
 * @prop {object} [filterField] the filterField values
 * @prop {string} [label] the label of the combobox
 * @prop {number} [maxFeaturesWPS] the max number of features for any page
 * @prop {string} [nextPage] the icon for the next page tool
 * @prop {string} [prevPage] the icon for the prev page tool

const PropTypes = require('prop-types');
/**
 * Copyright 2016, GeoSolutions Sas.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree.
 */


const React = require('react');
const {findDOMNode} = require('react-dom');
const {Grid, Row, Col, Button, Popover, Label, Overlay} = require('react-bootstrap');

const Combobox = require('react-widgets').Combobox;
const numberLocalizer = require('react-widgets/lib/localizers/simple-number');
numberLocalizer();
const {NumberPicker} = require('react-widgets');

const ColorRampItem = require('./EqualIntervalComponents/ColorRampItem');
const colorsSchema = require("./EqualIntervalComponents/ColorRamp");
const colors = require("./EqualIntervalComponents/ExtendColorBrewer");

const Message = require('../I18N/Message');

class EqualInterval extends React.Component {
    static propTypes = {
        min: PropTypes.number,
        max: PropTypes.number,
        classes: PropTypes.number,
        onChange: PropTypes.func,