react-planner-viewer/lib/components/style/form-select.js

react-planner-viewer is a React Component for view plans builded with react-planner in 2D mode

'use strict';

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

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

exports.default = FormSelect;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _sharedStyle = require('../../shared-style');

var SharedStyle = _interopRequireWildcard(_sharedStyle);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

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

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

var BASE_STYLE = {
  display: "block",
  width: "100%",
  padding: "0px 4px",
  fontSize: "13px",
  color: "#55595c",
  backgroundColor: SharedStyle.COLORS.white,
  backgroundImage: "none",
  border: "1px solid rgba(0,0,0,.15)",
  outline: "none",
  borderRadius: "0px",
  height: "30px",
  WebkitAppearance: "none",
  WebkitBorderRadius: "0px",
  background: 'url("data:image/svg+xml;utf8,<svg version=\'1.1\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\' width=\'24\' height=\'24\' viewBox=\'0 0 24 24\'><path fill=\'#444\' d=\'M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z\'></path></svg>") #fff',
  backgroundPosition: "100% 50%",
  backgroundRepeat: "no-repeat"
};

function FormSelect(_ref) {
  var children = _ref.children,
      style = _ref.style,
      rest = _objectWithoutProperties(_ref, ['children', 'style']);

  return _react2.default.createElement(
    'select',
    _extends({ type: 'text', style: _extends({}, BASE_STYLE, style) }, rest),
    children
  );
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlL2Zvcm0tc2VsZWN0LmpzeCJdLCJuYW1lcyI6WyJGb3JtU2VsZWN0IiwiU2hhcmVkU3R5bGUiLCJCQVNFX1NUWUxFIiwiZGlzcGxheSIsIndpZHRoIiwicGFkZGluZyIsImZvbnRTaXplIiwiY29sb3IiLCJiYWNrZ3JvdW5kQ29sb3IiLCJDT0xPUlMiLCJ3aGl0ZSIsImJhY2tncm91bmRJbWFnZSIsImJvcmRlciIsIm91dGxpbmUiLCJib3JkZXJSYWRpdXMiLCJoZWlnaHQiLCJXZWJraXRBcHBlYXJhbmNlIiwiV2Via2l0Qm9yZGVyUmFkaXVzIiwiYmFja2dyb3VuZCIsImJhY2tncm91bmRQb3NpdGlvbiIsImJhY2tncm91bmRSZXBlYXQiLCJjaGlsZHJlbiIsInN0eWxlIiwicmVzdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7a0JBc0J3QkEsVTs7QUF0QnhCOzs7O0FBQ0E7O0lBQVlDLFc7Ozs7Ozs7O0FBRVosSUFBTUMsYUFBYTtBQUNqQkMsV0FBUyxPQURRO0FBRWpCQyxTQUFPLE1BRlU7QUFHakJDLFdBQVMsU0FIUTtBQUlqQkMsWUFBVSxNQUpPO0FBS2pCQyxTQUFPLFNBTFU7QUFNakJDLG1CQUFpQlAsWUFBWVEsTUFBWixDQUFtQkMsS0FObkI7QUFPakJDLG1CQUFpQixNQVBBO0FBUWpCQyxVQUFRLDJCQVJTO0FBU2pCQyxXQUFTLE1BVFE7QUFVakJDLGdCQUFjLEtBVkc7QUFXakJDLFVBQVEsTUFYUztBQVlqQkMsb0JBQWtCLE1BWkQ7QUFhakJDLHNCQUFvQixLQWJIO0FBY2pCQyw2U0FkaUI7QUFlakJDLHNCQUFvQixVQWZIO0FBZ0JqQkMsb0JBQWtCO0FBaEJELENBQW5COztBQW1CZSxTQUFTcEIsVUFBVCxPQUFnRDtBQUFBLE1BQTNCcUIsUUFBMkIsUUFBM0JBLFFBQTJCO0FBQUEsTUFBakJDLEtBQWlCLFFBQWpCQSxLQUFpQjtBQUFBLE1BQVBDLElBQU87O0FBQzdELFNBQU87QUFBQTtBQUFBLGVBQVEsTUFBSyxNQUFiLEVBQW9CLG9CQUFXckIsVUFBWCxFQUEwQm9CLEtBQTFCLENBQXBCLElBQTBEQyxJQUExRDtBQUFpRUY7QUFBakUsR0FBUDtBQUNEIiwiZmlsZSI6ImZvcm0tc2VsZWN0LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFNoYXJlZFN0eWxlIGZyb20gJy4uLy4uL3NoYXJlZC1zdHlsZSc7XG5cbmNvbnN0IEJBU0VfU1RZTEUgPSB7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBwYWRkaW5nOiBcIjBweCA0cHhcIixcbiAgZm9udFNpemU6IFwiMTNweFwiLFxuICBjb2xvcjogXCIjNTU1OTVjXCIsXG4gIGJhY2tncm91bmRDb2xvcjogU2hhcmVkU3R5bGUuQ09MT1JTLndoaXRlLFxuICBiYWNrZ3JvdW5kSW1hZ2U6IFwibm9uZVwiLFxuICBib3JkZXI6IFwiMXB4IHNvbGlkIHJnYmEoMCwwLDAsLjE1KVwiLFxuICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgYm9yZGVyUmFkaXVzOiBcIjBweFwiLFxuICBoZWlnaHQ6IFwiMzBweFwiLFxuICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgV2Via2l0Qm9yZGVyUmFkaXVzOiBcIjBweFwiLFxuICBiYWNrZ3JvdW5kOiBgdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sO3V0ZjgsPHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBmaWxsPScjNDQ0JyBkPSdNNy40MDYgNy44MjhsNC41OTQgNC41OTQgNC41OTQtNC41OTQgMS40MDYgMS40MDYtNiA2LTYtNnonPjwvcGF0aD48L3N2Zz5cIikgI2ZmZmAsXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCIxMDAlIDUwJVwiLFxuICBiYWNrZ3JvdW5kUmVwZWF0OiBcIm5vLXJlcGVhdFwiLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gRm9ybVNlbGVjdCh7Y2hpbGRyZW4sIHN0eWxlLCAuLi5yZXN0fSkge1xuICByZXR1cm4gPHNlbGVjdCB0eXBlPVwidGV4dFwiIHN0eWxlPXt7Li4uQkFTRV9TVFlMRSwgLi4uc3R5bGV9fSB7Li4ucmVzdH0+e2NoaWxkcmVufTwvc2VsZWN0Pjtcbn1cbiJdfQ==