@moxon6/form-components/lib/Dropdown.js

This is small collection of Material-ui fields components,

"use strict";

exports.__esModule = true;

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _utils = require("./utils");

var _SelectField = require("material-ui/SelectField");

var _SelectField2 = _interopRequireDefault(_SelectField);

var _MenuItem = require("material-ui/MenuItem");

var _MenuItem2 = _interopRequireDefault(_MenuItem);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var onChange = function onChange(e, index, response) {
  return onChange((0, _utils.fakeEvent)(response));
};

exports.default = function (_ref) {
  var key = _ref.key,
      value = _ref.value,
      options = _ref.options,
      onChange = _ref.onChange,
      title = _ref.title;
  return _react2.default.createElement(
    "div",
    { style: { paddingLeft: 20 } },
    _react2.default.createElement(
      _SelectField2.default,
      {
        floatingLabelText: title,
        value: value,
        fullWidth: true,
        onChange: options.length ? function (e, index, response) {
          return onChange((0, _utils.fakeEvent)(response));
        } : function () {
          return null;
        }
      },
      options.map(function (entry, index) {
        return _react2.default.createElement(_MenuItem2.default, {
          key: key + "/" + index,
          value: entry.id,
          primaryText: entry.text
        });
      })
    )
  );
};

module.exports = exports["default"];