react-planner-viewer/es/catalog/properties/property-color.js

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

import React from 'react';
import PropTypes from 'prop-types';
import { FormLabel, FormColorInput } from '../../components/style/export';
import PropertyStyle from './shared-property-style';

export default 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 React.createElement(
    'table',
    { className: 'PropertyColor', style: PropertyStyle.tableStyle },
    React.createElement(
      'tbody',
      null,
      React.createElement(
        'tr',
        null,
        React.createElement(
          'td',
          { style: PropertyStyle.firstTdStyle },
          React.createElement(
            FormLabel,
            null,
            configs.label
          )
        ),
        React.createElement(
          'td',
          null,
          React.createElement(FormColorInput, { value: value, onChange: function onChange(event) {
              return update(event.target.value);
            } })
        )
      )
    )
  );
}

PropertyColor.propTypes = {
  value: PropTypes.any.isRequired,
  onUpdate: PropTypes.func.isRequired,
  configs: PropTypes.object.isRequired,
  sourceElement: PropTypes.object,
  internalState: PropTypes.object,
  state: PropTypes.object.isRequired
};
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXRhbG9nL3Byb3BlcnRpZXMvcHJvcGVydHktY29sb3IuanN4Il0sIm5hbWVzIjpbIlJlYWN0IiwiUHJvcFR5cGVzIiwiRm9ybUxhYmVsIiwiRm9ybUNvbG9ySW5wdXQiLCJQcm9wZXJ0eVN0eWxlIiwiUHJvcGVydHlDb2xvciIsInZhbHVlIiwib25VcGRhdGUiLCJjb25maWdzIiwic291cmNlRWxlbWVudCIsImludGVybmFsU3RhdGUiLCJzdGF0ZSIsInVwZGF0ZSIsInZhbCIsImhvb2siLCJ0aGVuIiwiX3ZhbCIsInRhYmxlU3R5bGUiLCJmaXJzdFRkU3R5bGUiLCJsYWJlbCIsImV2ZW50IiwidGFyZ2V0IiwicHJvcFR5cGVzIiwiYW55IiwiaXNSZXF1aXJlZCIsImZ1bmMiLCJvYmplY3QiXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLEtBQVAsTUFBa0IsT0FBbEI7QUFDQSxPQUFPQyxTQUFQLE1BQXNCLFlBQXRCO0FBQ0EsU0FBU0MsU0FBVCxFQUFvQkMsY0FBcEIsUUFBMEMsK0JBQTFDO0FBQ0EsT0FBT0MsYUFBUCxNQUEwQix5QkFBMUI7O0FBRUEsZUFBZSxTQUFTQyxhQUFULE9BQXdGO0FBQUEsTUFBaEVDLEtBQWdFLFFBQWhFQSxLQUFnRTtBQUFBLE1BQXpEQyxRQUF5RCxRQUF6REEsUUFBeUQ7QUFBQSxNQUEvQ0MsT0FBK0MsUUFBL0NBLE9BQStDO0FBQUEsTUFBdENDLGFBQXNDLFFBQXRDQSxhQUFzQztBQUFBLE1BQXZCQyxhQUF1QixRQUF2QkEsYUFBdUI7QUFBQSxNQUFSQyxLQUFRLFFBQVJBLEtBQVE7OztBQUVyRyxNQUFJQyxTQUFTLFNBQVRBLE1BQVMsQ0FBQ0MsR0FBRCxFQUFTOztBQUVwQixRQUFJTCxRQUFRTSxJQUFaLEVBQWtCO0FBQ2hCLGFBQU9OLFFBQVFNLElBQVIsQ0FBYUQsR0FBYixFQUFrQkosYUFBbEIsRUFBaUNDLGFBQWpDLEVBQWdEQyxLQUFoRCxFQUF1REksSUFBdkQsQ0FBNEQsZ0JBQVE7QUFDekUsZUFBT1IsU0FBU1MsSUFBVCxDQUFQO0FBQ0QsT0FGTSxDQUFQO0FBR0Q7O0FBRUQsV0FBT1QsU0FBU00sR0FBVCxDQUFQO0FBQ0QsR0FURDs7QUFXQSxTQUNFO0FBQUE7QUFBQSxNQUFPLFdBQVUsZUFBakIsRUFBaUMsT0FBT1QsY0FBY2EsVUFBdEQ7QUFDRTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDRTtBQUFBO0FBQUEsWUFBSSxPQUFPYixjQUFjYyxZQUF6QjtBQUNFO0FBQUMscUJBQUQ7QUFBQTtBQUFZVixvQkFBUVc7QUFBcEI7QUFERixTQURGO0FBSUU7QUFBQTtBQUFBO0FBQ0UsOEJBQUMsY0FBRCxJQUFnQixPQUFPYixLQUF2QixFQUE4QixVQUFVO0FBQUEscUJBQVNNLE9BQU9RLE1BQU1DLE1BQU4sQ0FBYWYsS0FBcEIsQ0FBVDtBQUFBLGFBQXhDO0FBREY7QUFKRjtBQURBO0FBREYsR0FERjtBQWNEOztBQUVERCxjQUFjaUIsU0FBZCxHQUEwQjtBQUN4QmhCLFNBQU9MLFVBQVVzQixHQUFWLENBQWNDLFVBREc7QUFFeEJqQixZQUFVTixVQUFVd0IsSUFBVixDQUFlRCxVQUZEO0FBR3hCaEIsV0FBU1AsVUFBVXlCLE1BQVYsQ0FBaUJGLFVBSEY7QUFJeEJmLGlCQUFlUixVQUFVeUIsTUFKRDtBQUt4QmhCLGlCQUFlVCxVQUFVeUIsTUFMRDtBQU14QmYsU0FBT1YsVUFBVXlCLE1BQVYsQ0FBaUJGO0FBTkEsQ0FBMUIiLCJmaWxlIjoicHJvcGVydHktY29sb3IuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZvcm1MYWJlbCwgRm9ybUNvbG9ySW5wdXQgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL3N0eWxlL2V4cG9ydCc7XG5pbXBvcnQgUHJvcGVydHlTdHlsZSBmcm9tICcuL3NoYXJlZC1wcm9wZXJ0eS1zdHlsZSc7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIFByb3BlcnR5Q29sb3Ioe3ZhbHVlLCBvblVwZGF0ZSwgY29uZmlncywgc291cmNlRWxlbWVudCwgaW50ZXJuYWxTdGF0ZSwgc3RhdGV9KSB7XG5cbiAgbGV0IHVwZGF0ZSA9ICh2YWwpID0+IHtcblxuICAgIGlmIChjb25maWdzLmhvb2spIHtcbiAgICAgIHJldHVybiBjb25maWdzLmhvb2sodmFsLCBzb3VyY2VFbGVtZW50LCBpbnRlcm5hbFN0YXRlLCBzdGF0ZSkudGhlbihfdmFsID0+IHtcbiAgICAgICAgcmV0dXJuIG9uVXBkYXRlKF92YWwpO1xuICAgICAgfSk7XG4gICAgfVxuXG4gICAgcmV0dXJuIG9uVXBkYXRlKHZhbCk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8dGFibGUgY2xhc3NOYW1lPVwiUHJvcGVydHlDb2xvclwiIHN0eWxlPXtQcm9wZXJ0eVN0eWxlLnRhYmxlU3R5bGV9PlxuICAgICAgPHRib2R5PlxuICAgICAgPHRyPlxuICAgICAgICA8dGQgc3R5bGU9e1Byb3BlcnR5U3R5bGUuZmlyc3RUZFN0eWxlfT5cbiAgICAgICAgICA8Rm9ybUxhYmVsPntjb25maWdzLmxhYmVsfTwvRm9ybUxhYmVsPlxuICAgICAgICA8L3RkPlxuICAgICAgICA8dGQ+XG4gICAgICAgICAgPEZvcm1Db2xvcklucHV0IHZhbHVlPXt2YWx1ZX0gb25DaGFuZ2U9e2V2ZW50ID0+IHVwZGF0ZShldmVudC50YXJnZXQudmFsdWUpfS8+XG4gICAgICAgIDwvdGQ+XG4gICAgICA8L3RyPlxuICAgICAgPC90Ym9keT5cbiAgICA8L3RhYmxlPlxuICApO1xufVxuXG5Qcm9wZXJ0eUNvbG9yLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5hbnkuaXNSZXF1aXJlZCxcbiAgb25VcGRhdGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGNvbmZpZ3M6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgc291cmNlRWxlbWVudDogUHJvcFR5cGVzLm9iamVjdCxcbiAgaW50ZXJuYWxTdGF0ZTogUHJvcFR5cGVzLm9iamVjdCxcbiAgc3RhdGU6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZFxufTtcbiJdfQ==