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

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 checkboxStyle = { margin: 0 };

function PropertyCheckbox(_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: 'PropertyCheckbox', 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('input', { style: checkboxStyle, type: 'checkbox', checked: value, onChange: function onChange(e) {
              return update(!value);
            } })
        )
      )
    )
  );
}

PropertyCheckbox.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXRhbG9nL3Byb3BlcnRpZXMvcHJvcGVydHktY2hlY2tib3guanN4Il0sIm5hbWVzIjpbIlByb3BlcnR5Q2hlY2tib3giLCJjaGVja2JveFN0eWxlIiwibWFyZ2luIiwidmFsdWUiLCJvblVwZGF0ZSIsImNvbmZpZ3MiLCJzb3VyY2VFbGVtZW50IiwiaW50ZXJuYWxTdGF0ZSIsInN0YXRlIiwidXBkYXRlIiwidmFsIiwiaG9vayIsInRoZW4iLCJfdmFsIiwidGFibGVTdHlsZSIsImZpcnN0VGRTdHlsZSIsImxhYmVsIiwicHJvcFR5cGVzIiwiYW55IiwiaXNSZXF1aXJlZCIsImZ1bmMiLCJvYmplY3QiXSwibWFwcGluZ3MiOiI7Ozs7O2tCQU93QkEsZ0I7O0FBUHhCOzs7O0FBQ0E7Ozs7QUFDQTs7QUFDQTs7Ozs7O0FBRUEsSUFBTUMsZ0JBQWdCLEVBQUNDLFFBQVEsQ0FBVCxFQUF0Qjs7QUFFZSxTQUFTRixnQkFBVCxPQUEyRjtBQUFBLE1BQWhFRyxLQUFnRSxRQUFoRUEsS0FBZ0U7QUFBQSxNQUF6REMsUUFBeUQsUUFBekRBLFFBQXlEO0FBQUEsTUFBL0NDLE9BQStDLFFBQS9DQSxPQUErQztBQUFBLE1BQXRDQyxhQUFzQyxRQUF0Q0EsYUFBc0M7QUFBQSxNQUF2QkMsYUFBdUIsUUFBdkJBLGFBQXVCO0FBQUEsTUFBUkMsS0FBUSxRQUFSQSxLQUFROzs7QUFFeEcsTUFBSUMsU0FBUyxTQUFUQSxNQUFTLENBQUNDLEdBQUQsRUFBUzs7QUFFcEIsUUFBSUwsUUFBUU0sSUFBWixFQUFrQjtBQUNoQixhQUFPTixRQUFRTSxJQUFSLENBQWFELEdBQWIsRUFBa0JKLGFBQWxCLEVBQWlDQyxhQUFqQyxFQUFnREMsS0FBaEQsRUFBdURJLElBQXZELENBQTRELGdCQUFRO0FBQ3pFLGVBQU9SLFNBQVNTLElBQVQsQ0FBUDtBQUNELE9BRk0sQ0FBUDtBQUdEOztBQUVELFdBQU9ULFNBQVNNLEdBQVQsQ0FBUDtBQUNELEdBVEQ7O0FBV0EsU0FDRTtBQUFBO0FBQUEsTUFBTyxXQUFVLGtCQUFqQixFQUFvQyxPQUFPLDhCQUFjSSxVQUF6RDtBQUNFO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNFO0FBQUE7QUFBQSxZQUFJLE9BQU8sOEJBQWNDLFlBQXpCO0FBQXVDO0FBQUE7QUFBQTtBQUFZVixvQkFBUVc7QUFBcEI7QUFBdkMsU0FERjtBQUVFO0FBQUE7QUFBQTtBQUNFLG1EQUFPLE9BQU9mLGFBQWQsRUFBNkIsTUFBSyxVQUFsQyxFQUE2QyxTQUFTRSxLQUF0RCxFQUE2RCxVQUFVO0FBQUEscUJBQUtNLE9BQU8sQ0FBQ04sS0FBUixDQUFMO0FBQUEsYUFBdkU7QUFERjtBQUZGO0FBREE7QUFERixHQURGO0FBWUQ7O0FBRURILGlCQUFpQmlCLFNBQWpCLEdBQTZCO0FBQzNCZCxTQUFPLG9CQUFVZSxHQUFWLENBQWNDLFVBRE07QUFFM0JmLFlBQVUsb0JBQVVnQixJQUFWLENBQWVELFVBRkU7QUFHM0JkLFdBQVMsb0JBQVVnQixNQUFWLENBQWlCRixVQUhDO0FBSTNCYixpQkFBZSxvQkFBVWUsTUFKRTtBQUszQmQsaUJBQWUsb0JBQVVjLE1BTEU7QUFNM0JiLFNBQU8sb0JBQVVhLE1BQVYsQ0FBaUJGO0FBTkcsQ0FBN0IiLCJmaWxlIjoicHJvcGVydHktY2hlY2tib3guanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZvcm1MYWJlbCB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvc3R5bGUvZXhwb3J0JztcbmltcG9ydCBQcm9wZXJ0eVN0eWxlIGZyb20gJy4vc2hhcmVkLXByb3BlcnR5LXN0eWxlJztcblxuY29uc3QgY2hlY2tib3hTdHlsZSA9IHttYXJnaW46IDB9O1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBQcm9wZXJ0eUNoZWNrYm94KHt2YWx1ZSwgb25VcGRhdGUsIGNvbmZpZ3MsIHNvdXJjZUVsZW1lbnQsIGludGVybmFsU3RhdGUsIHN0YXRlfSkge1xuXG4gIGxldCB1cGRhdGUgPSAodmFsKSA9PiB7XG5cbiAgICBpZiAoY29uZmlncy5ob29rKSB7XG4gICAgICByZXR1cm4gY29uZmlncy5ob29rKHZhbCwgc291cmNlRWxlbWVudCwgaW50ZXJuYWxTdGF0ZSwgc3RhdGUpLnRoZW4oX3ZhbCA9PiB7XG4gICAgICAgIHJldHVybiBvblVwZGF0ZShfdmFsKTtcbiAgICAgIH0pO1xuICAgIH1cblxuICAgIHJldHVybiBvblVwZGF0ZSh2YWwpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPHRhYmxlIGNsYXNzTmFtZT1cIlByb3BlcnR5Q2hlY2tib3hcIiBzdHlsZT17UHJvcGVydHlTdHlsZS50YWJsZVN0eWxlfT5cbiAgICAgIDx0Ym9keT5cbiAgICAgIDx0cj5cbiAgICAgICAgPHRkIHN0eWxlPXtQcm9wZXJ0eVN0eWxlLmZpcnN0VGRTdHlsZX0+PEZvcm1MYWJlbD57Y29uZmlncy5sYWJlbH08L0Zvcm1MYWJlbD48L3RkPlxuICAgICAgICA8dGQ+XG4gICAgICAgICAgPGlucHV0IHN0eWxlPXtjaGVja2JveFN0eWxlfSB0eXBlPVwiY2hlY2tib3hcIiBjaGVja2VkPXt2YWx1ZX0gb25DaGFuZ2U9e2UgPT4gdXBkYXRlKCF2YWx1ZSl9Lz5cbiAgICAgICAgPC90ZD5cbiAgICAgIDwvdHI+XG4gICAgICA8L3Rib2R5PlxuICAgIDwvdGFibGU+XG4gICk7XG59XG5cblByb3BlcnR5Q2hlY2tib3gucHJvcFR5cGVzID0ge1xuICB2YWx1ZTogUHJvcFR5cGVzLmFueS5pc1JlcXVpcmVkLFxuICBvblVwZGF0ZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgY29uZmlnczogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkLFxuICBzb3VyY2VFbGVtZW50OiBQcm9wVHlwZXMub2JqZWN0LFxuICBpbnRlcm5hbFN0YXRlOiBQcm9wVHlwZXMub2JqZWN0LFxuICBzdGF0ZTogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkXG59O1xuIl19