react-planner-viewer/lib/catalog/properties/property-string.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
});
exports.default = PropertyString;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _propTypes2 = _interopRequireDefault(_propTypes);

var _export = require('../../components/style/export');

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

var _sharedPropertyStyle2 = _interopRequireDefault(_sharedPropertyStyle);

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

var tableStyle = { width: "100%", borderSpacing: "2px 0", marginBottom: "2px" };
var firstTdStyle = { width: '6em', textTransform: 'capitalize' };

function PropertyString(_ref) {
  var value = _ref.value,
      onUpdate = _ref.onUpdate,
      configs = _ref.configs,
      sourceElement = _ref.sourceElement,
      internalState = _ref.internalState,
      state = _ref.state;


  var update = function update(val) {

    if (configs.hook) {
      return configs.hook(val, sourceElement, internalState, state).then(function (_val) {
        return onUpdate(_val);
      });
    }

    return onUpdate(val);
  };

  return _react2.default.createElement(
    'table',
    { className: 'PropertyString', style: _sharedPropertyStyle2.default.tableStyle },
    _react2.default.createElement(
      'tbody',
      null,
      _react2.default.createElement(
        'tr',
        null,
        _react2.default.createElement(
          'td',
          { style: _sharedPropertyStyle2.default.firstTdStyle },
          _react2.default.createElement(
            _export.FormLabel,
            null,
            configs.label
          )
        ),
        _react2.default.createElement(
          'td',
          null,
          _react2.default.createElement(_export.FormTextInput, {
            value: value,
            onChange: function onChange(event) {
              return update(event.target.value);
            } })
        )
      )
    )
  );
}

PropertyString.propTypes = {
  value: _propTypes2.default.any.isRequired,
  onUpdate: _propTypes2.default.func.isRequired,
  configs: _propTypes2.default.object.isRequired,
  sourceElement: _propTypes2.default.object,
  internalState: _propTypes2.default.object,
  state: _propTypes2.default.object.isRequired
};
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXRhbG9nL3Byb3BlcnRpZXMvcHJvcGVydHktc3RyaW5nLmpzeCJdLCJuYW1lcyI6WyJQcm9wZXJ0eVN0cmluZyIsInRhYmxlU3R5bGUiLCJ3aWR0aCIsImJvcmRlclNwYWNpbmciLCJtYXJnaW5Cb3R0b20iLCJmaXJzdFRkU3R5bGUiLCJ0ZXh0VHJhbnNmb3JtIiwidmFsdWUiLCJvblVwZGF0ZSIsImNvbmZpZ3MiLCJzb3VyY2VFbGVtZW50IiwiaW50ZXJuYWxTdGF0ZSIsInN0YXRlIiwidXBkYXRlIiwidmFsIiwiaG9vayIsInRoZW4iLCJfdmFsIiwibGFiZWwiLCJldmVudCIsInRhcmdldCIsInByb3BUeXBlcyIsImFueSIsImlzUmVxdWlyZWQiLCJmdW5jIiwib2JqZWN0Il0sIm1hcHBpbmdzIjoiOzs7OztrQkFRd0JBLGM7O0FBUnhCOzs7O0FBQ0E7Ozs7QUFDQTs7QUFDQTs7Ozs7O0FBRUEsSUFBTUMsYUFBYSxFQUFDQyxPQUFPLE1BQVIsRUFBZ0JDLGVBQWUsT0FBL0IsRUFBd0NDLGNBQWMsS0FBdEQsRUFBbkI7QUFDQSxJQUFNQyxlQUFlLEVBQUNILE9BQU8sS0FBUixFQUFlSSxlQUFjLFlBQTdCLEVBQXJCOztBQUVlLFNBQVNOLGNBQVQsT0FBeUY7QUFBQSxNQUFoRU8sS0FBZ0UsUUFBaEVBLEtBQWdFO0FBQUEsTUFBekRDLFFBQXlELFFBQXpEQSxRQUF5RDtBQUFBLE1BQS9DQyxPQUErQyxRQUEvQ0EsT0FBK0M7QUFBQSxNQUF0Q0MsYUFBc0MsUUFBdENBLGFBQXNDO0FBQUEsTUFBdkJDLGFBQXVCLFFBQXZCQSxhQUF1QjtBQUFBLE1BQVJDLEtBQVEsUUFBUkEsS0FBUTs7O0FBRXRHLE1BQUlDLFNBQVMsU0FBVEEsTUFBUyxDQUFDQyxHQUFELEVBQVM7O0FBRXBCLFFBQUlMLFFBQVFNLElBQVosRUFBa0I7QUFDaEIsYUFBT04sUUFBUU0sSUFBUixDQUFhRCxHQUFiLEVBQWtCSixhQUFsQixFQUFpQ0MsYUFBakMsRUFBZ0RDLEtBQWhELEVBQXVESSxJQUF2RCxDQUE0RCxnQkFBUTtBQUN6RSxlQUFPUixTQUFTUyxJQUFULENBQVA7QUFDRCxPQUZNLENBQVA7QUFHRDs7QUFFRCxXQUFPVCxTQUFTTSxHQUFULENBQVA7QUFDRCxHQVREOztBQVdBLFNBQ0U7QUFBQTtBQUFBLE1BQU8sV0FBVSxnQkFBakIsRUFBa0MsT0FBTyw4QkFBY2IsVUFBdkQ7QUFDRTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDRTtBQUFBO0FBQUEsWUFBSSxPQUFPLDhCQUFjSSxZQUF6QjtBQUF1QztBQUFBO0FBQUE7QUFBWUksb0JBQVFTO0FBQXBCO0FBQXZDLFNBREY7QUFFRTtBQUFBO0FBQUE7QUFDRTtBQUNFLG1CQUFPWCxLQURUO0FBRUUsc0JBQVU7QUFBQSxxQkFBU00sT0FBT00sTUFBTUMsTUFBTixDQUFhYixLQUFwQixDQUFUO0FBQUEsYUFGWjtBQURGO0FBRkY7QUFEQTtBQURGLEdBREY7QUFjRDs7QUFFRFAsZUFBZXFCLFNBQWYsR0FBMkI7QUFDekJkLFNBQU8sb0JBQVVlLEdBQVYsQ0FBY0MsVUFESTtBQUV6QmYsWUFBVSxvQkFBVWdCLElBQVYsQ0FBZUQsVUFGQTtBQUd6QmQsV0FBUyxvQkFBVWdCLE1BQVYsQ0FBaUJGLFVBSEQ7QUFJekJiLGlCQUFlLG9CQUFVZSxNQUpBO0FBS3pCZCxpQkFBZSxvQkFBVWMsTUFMQTtBQU16QmIsU0FBTyxvQkFBVWEsTUFBVixDQUFpQkY7QUFOQyxDQUEzQiIsImZpbGUiOiJwcm9wZXJ0eS1zdHJpbmcuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZvcm1MYWJlbCwgRm9ybVRleHRJbnB1dCB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvc3R5bGUvZXhwb3J0JztcbmltcG9ydCBQcm9wZXJ0eVN0eWxlIGZyb20gJy4vc2hhcmVkLXByb3BlcnR5LXN0eWxlJztcblxuY29uc3QgdGFibGVTdHlsZSA9IHt3aWR0aDogXCIxMDAlXCIsIGJvcmRlclNwYWNpbmc6IFwiMnB4IDBcIiwgbWFyZ2luQm90dG9tOiBcIjJweFwifTtcbmNvbnN0IGZpcnN0VGRTdHlsZSA9IHt3aWR0aDogJzZlbScsIHRleHRUcmFuc2Zvcm06J2NhcGl0YWxpemUnfTtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gUHJvcGVydHlTdHJpbmcoe3ZhbHVlLCBvblVwZGF0ZSwgY29uZmlncywgc291cmNlRWxlbWVudCwgaW50ZXJuYWxTdGF0ZSwgc3RhdGV9KSB7XG5cbiAgbGV0IHVwZGF0ZSA9ICh2YWwpID0+IHtcblxuICAgIGlmIChjb25maWdzLmhvb2spIHtcbiAgICAgIHJldHVybiBjb25maWdzLmhvb2sodmFsLCBzb3VyY2VFbGVtZW50LCBpbnRlcm5hbFN0YXRlLCBzdGF0ZSkudGhlbihfdmFsID0+IHtcbiAgICAgICAgcmV0dXJuIG9uVXBkYXRlKF92YWwpO1xuICAgICAgfSk7XG4gICAgfVxuXG4gICAgcmV0dXJuIG9uVXBkYXRlKHZhbCk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8dGFibGUgY2xhc3NOYW1lPVwiUHJvcGVydHlTdHJpbmdcIiBzdHlsZT17UHJvcGVydHlTdHlsZS50YWJsZVN0eWxlfT5cbiAgICAgIDx0Ym9keT5cbiAgICAgIDx0cj5cbiAgICAgICAgPHRkIHN0eWxlPXtQcm9wZXJ0eVN0eWxlLmZpcnN0VGRTdHlsZX0+PEZvcm1MYWJlbD57Y29uZmlncy5sYWJlbH08L0Zvcm1MYWJlbD48L3RkPlxuICAgICAgICA8dGQ+XG4gICAgICAgICAgPEZvcm1UZXh0SW5wdXRcbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiB1cGRhdGUoZXZlbnQudGFyZ2V0LnZhbHVlKX0vPlxuICAgICAgICA8L3RkPlxuICAgICAgPC90cj5cbiAgICAgIDwvdGJvZHk+XG4gICAgPC90YWJsZT5cbiAgKTtcbn1cblxuUHJvcGVydHlTdHJpbmcucHJvcFR5cGVzID0ge1xuICB2YWx1ZTogUHJvcFR5cGVzLmFueS5pc1JlcXVpcmVkLFxuICBvblVwZGF0ZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgY29uZmlnczogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkLFxuICBzb3VyY2VFbGVtZW50OiBQcm9wVHlwZXMub2JqZWN0LFxuICBpbnRlcm5hbFN0YXRlOiBQcm9wVHlwZXMub2JqZWN0LFxuICBzdGF0ZTogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkXG59O1xuIl19