react-planner-viewer/lib/catalog/properties/property-color.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 = PropertyColor;

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 }; }

function PropertyColor(_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: 'PropertyColor', 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.FormColorInput, { value: value, onChange: function onChange(event) {
              return update(event.target.value);
            } })
        )
      )
    )
  );
}

PropertyColor.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXRhbG9nL3Byb3BlcnRpZXMvcHJvcGVydHktY29sb3IuanN4Il0sIm5hbWVzIjpbIlByb3BlcnR5Q29sb3IiLCJ2YWx1ZSIsIm9uVXBkYXRlIiwiY29uZmlncyIsInNvdXJjZUVsZW1lbnQiLCJpbnRlcm5hbFN0YXRlIiwic3RhdGUiLCJ1cGRhdGUiLCJ2YWwiLCJob29rIiwidGhlbiIsIl92YWwiLCJ0YWJsZVN0eWxlIiwiZmlyc3RUZFN0eWxlIiwibGFiZWwiLCJldmVudCIsInRhcmdldCIsInByb3BUeXBlcyIsImFueSIsImlzUmVxdWlyZWQiLCJmdW5jIiwib2JqZWN0Il0sIm1hcHBpbmdzIjoiOzs7OztrQkFLd0JBLGE7O0FBTHhCOzs7O0FBQ0E7Ozs7QUFDQTs7QUFDQTs7Ozs7O0FBRWUsU0FBU0EsYUFBVCxPQUF3RjtBQUFBLE1BQWhFQyxLQUFnRSxRQUFoRUEsS0FBZ0U7QUFBQSxNQUF6REMsUUFBeUQsUUFBekRBLFFBQXlEO0FBQUEsTUFBL0NDLE9BQStDLFFBQS9DQSxPQUErQztBQUFBLE1BQXRDQyxhQUFzQyxRQUF0Q0EsYUFBc0M7QUFBQSxNQUF2QkMsYUFBdUIsUUFBdkJBLGFBQXVCO0FBQUEsTUFBUkMsS0FBUSxRQUFSQSxLQUFROzs7QUFFckcsTUFBSUMsU0FBUyxTQUFUQSxNQUFTLENBQUNDLEdBQUQsRUFBUzs7QUFFcEIsUUFBSUwsUUFBUU0sSUFBWixFQUFrQjtBQUNoQixhQUFPTixRQUFRTSxJQUFSLENBQWFELEdBQWIsRUFBa0JKLGFBQWxCLEVBQWlDQyxhQUFqQyxFQUFnREMsS0FBaEQsRUFBdURJLElBQXZELENBQTRELGdCQUFRO0FBQ3pFLGVBQU9SLFNBQVNTLElBQVQsQ0FBUDtBQUNELE9BRk0sQ0FBUDtBQUdEOztBQUVELFdBQU9ULFNBQVNNLEdBQVQsQ0FBUDtBQUNELEdBVEQ7O0FBV0EsU0FDRTtBQUFBO0FBQUEsTUFBTyxXQUFVLGVBQWpCLEVBQWlDLE9BQU8sOEJBQWNJLFVBQXREO0FBQ0U7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0U7QUFBQTtBQUFBLFlBQUksT0FBTyw4QkFBY0MsWUFBekI7QUFDRTtBQUFBO0FBQUE7QUFBWVYsb0JBQVFXO0FBQXBCO0FBREYsU0FERjtBQUlFO0FBQUE7QUFBQTtBQUNFLGtFQUFnQixPQUFPYixLQUF2QixFQUE4QixVQUFVO0FBQUEscUJBQVNNLE9BQU9RLE1BQU1DLE1BQU4sQ0FBYWYsS0FBcEIsQ0FBVDtBQUFBLGFBQXhDO0FBREY7QUFKRjtBQURBO0FBREYsR0FERjtBQWNEOztBQUVERCxjQUFjaUIsU0FBZCxHQUEwQjtBQUN4QmhCLFNBQU8sb0JBQVVpQixHQUFWLENBQWNDLFVBREc7QUFFeEJqQixZQUFVLG9CQUFVa0IsSUFBVixDQUFlRCxVQUZEO0FBR3hCaEIsV0FBUyxvQkFBVWtCLE1BQVYsQ0FBaUJGLFVBSEY7QUFJeEJmLGlCQUFlLG9CQUFVaUIsTUFKRDtBQUt4QmhCLGlCQUFlLG9CQUFVZ0IsTUFMRDtBQU14QmYsU0FBTyxvQkFBVWUsTUFBVixDQUFpQkY7QUFOQSxDQUExQiIsImZpbGUiOiJwcm9wZXJ0eS1jb2xvci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgRm9ybUxhYmVsLCBGb3JtQ29sb3JJbnB1dCB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvc3R5bGUvZXhwb3J0JztcbmltcG9ydCBQcm9wZXJ0eVN0eWxlIGZyb20gJy4vc2hhcmVkLXByb3BlcnR5LXN0eWxlJztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gUHJvcGVydHlDb2xvcih7dmFsdWUsIG9uVXBkYXRlLCBjb25maWdzLCBzb3VyY2VFbGVtZW50LCBpbnRlcm5hbFN0YXRlLCBzdGF0ZX0pIHtcblxuICBsZXQgdXBkYXRlID0gKHZhbCkgPT4ge1xuXG4gICAgaWYgKGNvbmZpZ3MuaG9vaykge1xuICAgICAgcmV0dXJuIGNvbmZpZ3MuaG9vayh2YWwsIHNvdXJjZUVsZW1lbnQsIGludGVybmFsU3RhdGUsIHN0YXRlKS50aGVuKF92YWwgPT4ge1xuICAgICAgICByZXR1cm4gb25VcGRhdGUoX3ZhbCk7XG4gICAgICB9KTtcbiAgICB9XG5cbiAgICByZXR1cm4gb25VcGRhdGUodmFsKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDx0YWJsZSBjbGFzc05hbWU9XCJQcm9wZXJ0eUNvbG9yXCIgc3R5bGU9e1Byb3BlcnR5U3R5bGUudGFibGVTdHlsZX0+XG4gICAgICA8dGJvZHk+XG4gICAgICA8dHI+XG4gICAgICAgIDx0ZCBzdHlsZT17UHJvcGVydHlTdHlsZS5maXJzdFRkU3R5bGV9PlxuICAgICAgICAgIDxGb3JtTGFiZWw+e2NvbmZpZ3MubGFiZWx9PC9Gb3JtTGFiZWw+XG4gICAgICAgIDwvdGQ+XG4gICAgICAgIDx0ZD5cbiAgICAgICAgICA8Rm9ybUNvbG9ySW5wdXQgdmFsdWU9e3ZhbHVlfSBvbkNoYW5nZT17ZXZlbnQgPT4gdXBkYXRlKGV2ZW50LnRhcmdldC52YWx1ZSl9Lz5cbiAgICAgICAgPC90ZD5cbiAgICAgIDwvdHI+XG4gICAgICA8L3Rib2R5PlxuICAgIDwvdGFibGU+XG4gICk7XG59XG5cblByb3BlcnR5Q29sb3IucHJvcFR5cGVzID0ge1xuICB2YWx1ZTogUHJvcFR5cGVzLmFueS5pc1JlcXVpcmVkLFxuICBvblVwZGF0ZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgY29uZmlnczogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkLFxuICBzb3VyY2VFbGVtZW50OiBQcm9wVHlwZXMub2JqZWN0LFxuICBpbnRlcm5hbFN0YXRlOiBQcm9wVHlwZXMub2JqZWN0LFxuICBzdGF0ZTogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkXG59O1xuIl19