@lyra/vision/lib/components/Dropdown.js

React-based data management tool for Lyra projects

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

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

function Dropdown(props) {
  const id = props.id,
        value = props.value,
        className = props.className,
        values = props.values,
        onChange = props.onChange;

  return _react2.default.createElement(
    'select',
    { id: id, className: className, value: value, onChange: onChange },
    values.map(val => _react2.default.createElement(
      'option',
      { key: val },
      val
    ))
  );
}

Dropdown.propTypes = {
  id: _propTypes2.default.string,
  onChange: _propTypes2.default.func,
  className: _propTypes2.default.string,
  values: _propTypes2.default.arrayOf(_propTypes2.default.string),
  value: _propTypes2.default.string
};

Dropdown.defaultProps = {
  values: []
};

exports.default = Dropdown;