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

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 mapUtils = require('../../utils/MapUtils');
const {findDOMNode} = require('react-dom');
const DropdownList = require('react-widgets').DropdownList;
const {Row, Col, Overlay, Popover, Label} = require('react-bootstrap');
const LocaleUtils = require('../../utils/LocaleUtils');
const Message = require('../I18N/Message');

class ScaleDenominator extends React.Component {
    static propTypes = {
        minValue: PropTypes.number,
        maxValue: PropTypes.number,
        onChange: PropTypes.func.isRequired
    };

    static contextTypes = {
        messages: PropTypes.object
    };

    static defaultProps = {

const React = require('react');
const PropTypes = require('prop-types');
const ColorUtils = require('../../utils/ColorUtils');
const ColorRampItem = require('./EqualIntervalComponents/ColorRampItem');
const DropdownList = require('react-widgets').DropdownList;
const {head} = require('lodash');

class ColorRangeSelector extends React.Component {

    static propTypes = {
        value: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
        samples: PropTypes.number,
        onChange: PropTypes.func,
        items: PropTypes.array,
        rampFunction: PropTypes.func,
        disabled: PropTypes.bool
    };
    static contextTypes = {
        messages: PropTypes.object
    };
    static defaultProps = {

/**
 * 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 Message = require('../../I18N/Message');
const LocaleUtils = require('../../../utils/LocaleUtils');
let StyleUtils;
const { Grid, Row, Col, Button, Alert} = require('react-bootstrap');

const Combo = require('react-widgets').DropdownList;

const {Promise} = require('es6-promise');

class StylePanel extends React.Component {
    static propTypes = {
        bbox: PropTypes.array,
        layers: PropTypes.array,
        selected: PropTypes.object,
        style: PropTypes.object,
        shapeStyle: PropTypes.object,
        onError: PropTypes.func,
        onSuccess: PropTypes.func,
        setLayers: PropTypes.func,
        addLayer: PropTypes.func,
        onSelectLayer: PropTypes.func,
        onLayerAdded: PropTypes.func,

* 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 PropTypes = require('prop-types');
const Message = require('../../components/I18N/Message');
const LayersUtils = require('../../utils/LayersUtils');
const LocaleUtils = require('../../utils/LocaleUtils');
const FileUtils = require('../../utils/FileUtils');
let StyleUtils;
const {Grid, Row, Col, Button} = require('react-bootstrap');
const {isString} = require('lodash');
const Combobox = require('react-widgets').DropdownList;
const SelectShape = require('./SelectShape');
const {Promise} = require('es6-promise');

class ShapeFileUploadAndStyle extends React.Component {
    static propTypes = {
        bbox: PropTypes.array,
        layers: PropTypes.array,
        selected: PropTypes.object,
        style: PropTypes.object,
        shapeStyle: PropTypes.object,
        readFiles: PropTypes.func,
        onShapeError: PropTypes.func,
        onShapeSuccess: PropTypes.func,
        onShapeChoosen: PropTypes.func,
        addShapeLayer: PropTypes.func,
        shapeLoading: PropTypes.func,

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 DropdownList = require('react-widgets').DropdownList;
const LocaleUtils = require('../../utils/LocaleUtils');

class MarkNameSelector extends React.Component {
    static propTypes = {
        markName: PropTypes.string,
        onChange: PropTypes.func
    };

    static contextTypes = {
        messages: PropTypes.object

    };

    static defaultProps = {
        markName: "circle",
        onChange: () => {}

var Form = ReactBootstrap.Form;
var FormGroup = ReactBootstrap.FormGroup;
var FormControl = ReactBootstrap.FormControl;
var InputGroup = ReactBootstrap.InputGroup;
var ControlLabel = ReactBootstrap.ControlLabel;
var HelpBlock = ReactBootstrap.HelpBlock;
var Button = ReactBootstrap.Button;
var ButtonGroup = ReactBootstrap.ButtonGroup;
var ButtonToolbar = ReactBootstrap.ButtonToolbar;
var ProgressBar = ReactBootstrap.ProgressBar;
var Glyphicon = ReactBootstrap.Glyphicon;

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

var Big = require('big.js');

var models = require('../models');
var Security = models.Security;
var Account = models.Account;
var SplitStatus = models.SplitStatus;
var SplitStatusList = models.SplitStatusList;
var SplitStatusMap = models.SplitStatusMap;
var Split = models.Split;
var Transaction = models.Transaction;
var Error = models.Error;

var getAccountDisplayName = require('../utils').getAccountDisplayName;

var AccountCombobox = require('./AccountCombobox');