patternplate-client/application/components/common/select.js

Universal javascript client application for patternplate

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _icon = require('./icon');

var _icon2 = _interopRequireDefault(_icon);

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

exports.default = Select;


function Select(props) {
	var className = (0, _classnames2.default)('select', props.className);

	return _react2.default.createElement(
		'label',
		{ className: className },
		_react2.default.createElement(
			'select',
			{
				className: 'select__native',
				onChange: props.onChange,
				value: props.value.value
			},
			props.options.map(function (_ref) {
				var value = _ref.value,
				    name = _ref.name;

				return _react2.default.createElement(
					'option',
					{ key: value, value: value },
					name
				);
			})
		),
		_react2.default.createElement(
			'span',
			{ className: 'select__label' },
			props.label
		),
		_react2.default.createElement(
			'div',
			{ className: 'select__body' },
			_react2.default.createElement(
				'span',
				{ className: 'select__value' },
				props.value.name
			),
			_react2.default.createElement(_icon2.default, {
				base: props.base,
				className: 'select__icon',
				symbol: 'arrow-right'
			})
		)
	);
}

module.exports = exports['default'];
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NvdXJjZS9hcHBsaWNhdGlvbi9jb21wb25lbnRzL2NvbW1vbi9zZWxlY3QuanMiXSwibmFtZXMiOlsiU2VsZWN0IiwicHJvcHMiLCJjbGFzc05hbWUiLCJvbkNoYW5nZSIsInZhbHVlIiwib3B0aW9ucyIsIm1hcCIsIm5hbWUiLCJsYWJlbCIsImJhc2UiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBOzs7O0FBQ0E7Ozs7QUFFQTs7Ozs7O2tCQUVlQSxNOzs7QUFFZixTQUFTQSxNQUFULENBQWdCQyxLQUFoQixFQUF1QjtBQUN0QixLQUFNQyxZQUFZLDBCQUFLLFFBQUwsRUFBZUQsTUFBTUMsU0FBckIsQ0FBbEI7O0FBRUEsUUFDQztBQUFBO0FBQUEsSUFBTyxXQUFXQSxTQUFsQjtBQUNDO0FBQUE7QUFBQTtBQUNDLGVBQVUsZ0JBRFg7QUFFQyxjQUFVRCxNQUFNRSxRQUZqQjtBQUdDLFdBQU9GLE1BQU1HLEtBQU4sQ0FBWUE7QUFIcEI7QUFNRUgsU0FBTUksT0FBTixDQUFjQyxHQUFkLENBQWtCLGdCQUFtQjtBQUFBLFFBQWpCRixLQUFpQixRQUFqQkEsS0FBaUI7QUFBQSxRQUFWRyxJQUFVLFFBQVZBLElBQVU7O0FBQ3BDLFdBQU87QUFBQTtBQUFBLE9BQVEsS0FBS0gsS0FBYixFQUFvQixPQUFPQSxLQUEzQjtBQUFtQ0c7QUFBbkMsS0FBUDtBQUNBLElBRkQ7QUFORixHQUREO0FBWUM7QUFBQTtBQUFBLEtBQU0sV0FBVSxlQUFoQjtBQUNFTixTQUFNTztBQURSLEdBWkQ7QUFlQztBQUFBO0FBQUEsS0FBSyxXQUFVLGNBQWY7QUFDQztBQUFBO0FBQUEsTUFBTSxXQUFVLGVBQWhCO0FBQ0VQLFVBQU1HLEtBQU4sQ0FBWUc7QUFEZCxJQUREO0FBSUM7QUFDQyxVQUFNTixNQUFNUSxJQURiO0FBRUMsZUFBVSxjQUZYO0FBR0MsWUFBTztBQUhSO0FBSkQ7QUFmRCxFQUREO0FBNEJBIiwiZmlsZSI6InNlbGVjdC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1Byb3BUeXBlcyBhcyB0fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgam9pbiBmcm9tICdjbGFzc25hbWVzJztcblxuaW1wb3J0IEljb24gZnJvbSAnLi9pY29uJztcblxuZXhwb3J0IGRlZmF1bHQgU2VsZWN0O1xuXG5mdW5jdGlvbiBTZWxlY3QocHJvcHMpIHtcblx0Y29uc3QgY2xhc3NOYW1lID0gam9pbignc2VsZWN0JywgcHJvcHMuY2xhc3NOYW1lKTtcblxuXHRyZXR1cm4gKFxuXHRcdDxsYWJlbCBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG5cdFx0XHQ8c2VsZWN0XG5cdFx0XHRcdGNsYXNzTmFtZT1cInNlbGVjdF9fbmF0aXZlXCJcblx0XHRcdFx0b25DaGFuZ2U9e3Byb3BzLm9uQ2hhbmdlfVxuXHRcdFx0XHR2YWx1ZT17cHJvcHMudmFsdWUudmFsdWV9XG5cdFx0XHRcdD5cblx0XHRcdFx0e1xuXHRcdFx0XHRcdHByb3BzLm9wdGlvbnMubWFwKCh7dmFsdWUsIG5hbWV9KSA9PiB7XG5cdFx0XHRcdFx0XHRyZXR1cm4gPG9wdGlvbiBrZXk9e3ZhbHVlfSB2YWx1ZT17dmFsdWV9PntuYW1lfTwvb3B0aW9uPjtcblx0XHRcdFx0XHR9KVxuXHRcdFx0XHR9XG5cdFx0XHQ8L3NlbGVjdD5cblx0XHRcdDxzcGFuIGNsYXNzTmFtZT1cInNlbGVjdF9fbGFiZWxcIj5cblx0XHRcdFx0e3Byb3BzLmxhYmVsfVxuXHRcdFx0PC9zcGFuPlxuXHRcdFx0PGRpdiBjbGFzc05hbWU9XCJzZWxlY3RfX2JvZHlcIj5cblx0XHRcdFx0PHNwYW4gY2xhc3NOYW1lPVwic2VsZWN0X192YWx1ZVwiPlxuXHRcdFx0XHRcdHtwcm9wcy52YWx1ZS5uYW1lfVxuXHRcdFx0XHQ8L3NwYW4+XG5cdFx0XHRcdDxJY29uXG5cdFx0XHRcdFx0YmFzZT17cHJvcHMuYmFzZX1cblx0XHRcdFx0XHRjbGFzc05hbWU9XCJzZWxlY3RfX2ljb25cIlxuXHRcdFx0XHRcdHN5bWJvbD1cImFycm93LXJpZ2h0XCJcblx0XHRcdFx0XHQvPlxuXHRcdFx0PC9kaXY+XG5cdFx0PC9sYWJlbD5cblx0KTtcbn1cblxuU2VsZWN0LnByb3BUeXBlcyA9IHtcblx0YmFzZTogdC5zdHJpbmcuaXNSZXF1aXJlZCxcblx0Y2xhc3NOYW1lOiB0LnN0cmluZyxcblx0dmFsdWU6IHQuc2hhcGUoe1xuXHRcdHZhbHVlOiB0LnN0cmluZy5pc1JlcXVpcmVkLFxuXHRcdG5hbWU6IHQuc3RyaW5nLmlzUmVxdWlyZWRcblx0fSksXG5cdG9wdGlvbnM6IHQuYXJyYXlPZih0LnNoYXBlKHtcblx0XHR2YWx1ZTogdC5zdHJpbmcuaXNSZXF1aXJlZCxcblx0XHRuYW1lOiB0LnN0cmluZy5pc1JlcXVpcmVkXG5cdH0pKSxcblx0b25DaGFuZ2U6IHQuZnVuYy5pc1JlcXVpcmVkXG59O1xuIl19