react-planner-viewer/es/catalog/properties/property-string.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, FormTextInput } from '../../components/style/export';
import PropertyStyle from './shared-property-style';

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

export default 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 React.createElement(
    'table',
    { className: 'PropertyString', 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(FormTextInput, {
            value: value,
            onChange: function onChange(event) {
              return update(event.target.value);
            } })
        )
      )
    )
  );
}

PropertyString.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jYXRhbG9nL3Byb3BlcnRpZXMvcHJvcGVydHktc3RyaW5nLmpzeCJdLCJuYW1lcyI6WyJSZWFjdCIsIlByb3BUeXBlcyIsIkZvcm1MYWJlbCIsIkZvcm1UZXh0SW5wdXQiLCJQcm9wZXJ0eVN0eWxlIiwidGFibGVTdHlsZSIsIndpZHRoIiwiYm9yZGVyU3BhY2luZyIsIm1hcmdpbkJvdHRvbSIsImZpcnN0VGRTdHlsZSIsInRleHRUcmFuc2Zvcm0iLCJQcm9wZXJ0eVN0cmluZyIsInZhbHVlIiwib25VcGRhdGUiLCJjb25maWdzIiwic291cmNlRWxlbWVudCIsImludGVybmFsU3RhdGUiLCJzdGF0ZSIsInVwZGF0ZSIsInZhbCIsImhvb2siLCJ0aGVuIiwiX3ZhbCIsImxhYmVsIiwiZXZlbnQiLCJ0YXJnZXQiLCJwcm9wVHlwZXMiLCJhbnkiLCJpc1JlcXVpcmVkIiwiZnVuYyIsIm9iamVjdCJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBT0EsS0FBUCxNQUFrQixPQUFsQjtBQUNBLE9BQU9DLFNBQVAsTUFBc0IsWUFBdEI7QUFDQSxTQUFTQyxTQUFULEVBQW9CQyxhQUFwQixRQUF5QywrQkFBekM7QUFDQSxPQUFPQyxhQUFQLE1BQTBCLHlCQUExQjs7QUFFQSxJQUFNQyxhQUFhLEVBQUNDLE9BQU8sTUFBUixFQUFnQkMsZUFBZSxPQUEvQixFQUF3Q0MsY0FBYyxLQUF0RCxFQUFuQjtBQUNBLElBQU1DLGVBQWUsRUFBQ0gsT0FBTyxLQUFSLEVBQWVJLGVBQWMsWUFBN0IsRUFBckI7O0FBRUEsZUFBZSxTQUFTQyxjQUFULE9BQXlGO0FBQUEsTUFBaEVDLEtBQWdFLFFBQWhFQSxLQUFnRTtBQUFBLE1BQXpEQyxRQUF5RCxRQUF6REEsUUFBeUQ7QUFBQSxNQUEvQ0MsT0FBK0MsUUFBL0NBLE9BQStDO0FBQUEsTUFBdENDLGFBQXNDLFFBQXRDQSxhQUFzQztBQUFBLE1BQXZCQyxhQUF1QixRQUF2QkEsYUFBdUI7QUFBQSxNQUFSQyxLQUFRLFFBQVJBLEtBQVE7OztBQUV0RyxNQUFJQyxTQUFTLFNBQVRBLE1BQVMsQ0FBQ0MsR0FBRCxFQUFTOztBQUVwQixRQUFJTCxRQUFRTSxJQUFaLEVBQWtCO0FBQ2hCLGFBQU9OLFFBQVFNLElBQVIsQ0FBYUQsR0FBYixFQUFrQkosYUFBbEIsRUFBaUNDLGFBQWpDLEVBQWdEQyxLQUFoRCxFQUF1REksSUFBdkQsQ0FBNEQsZ0JBQVE7QUFDekUsZUFBT1IsU0FBU1MsSUFBVCxDQUFQO0FBQ0QsT0FGTSxDQUFQO0FBR0Q7O0FBRUQsV0FBT1QsU0FBU00sR0FBVCxDQUFQO0FBQ0QsR0FURDs7QUFXQSxTQUNFO0FBQUE7QUFBQSxNQUFPLFdBQVUsZ0JBQWpCLEVBQWtDLE9BQU9mLGNBQWNDLFVBQXZEO0FBQ0U7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0U7QUFBQTtBQUFBLFlBQUksT0FBT0QsY0FBY0ssWUFBekI7QUFBdUM7QUFBQyxxQkFBRDtBQUFBO0FBQVlLLG9CQUFRUztBQUFwQjtBQUF2QyxTQURGO0FBRUU7QUFBQTtBQUFBO0FBQ0UsOEJBQUMsYUFBRDtBQUNFLG1CQUFPWCxLQURUO0FBRUUsc0JBQVU7QUFBQSxxQkFBU00sT0FBT00sTUFBTUMsTUFBTixDQUFhYixLQUFwQixDQUFUO0FBQUEsYUFGWjtBQURGO0FBRkY7QUFEQTtBQURGLEdBREY7QUFjRDs7QUFFREQsZUFBZWUsU0FBZixHQUEyQjtBQUN6QmQsU0FBT1gsVUFBVTBCLEdBQVYsQ0FBY0MsVUFESTtBQUV6QmYsWUFBVVosVUFBVTRCLElBQVYsQ0FBZUQsVUFGQTtBQUd6QmQsV0FBU2IsVUFBVTZCLE1BQVYsQ0FBaUJGLFVBSEQ7QUFJekJiLGlCQUFlZCxVQUFVNkIsTUFKQTtBQUt6QmQsaUJBQWVmLFVBQVU2QixNQUxBO0FBTXpCYixTQUFPaEIsVUFBVTZCLE1BQVYsQ0FBaUJGO0FBTkMsQ0FBM0IiLCJmaWxlIjoicHJvcGVydHktc3RyaW5nLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBGb3JtTGFiZWwsIEZvcm1UZXh0SW5wdXQgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL3N0eWxlL2V4cG9ydCc7XG5pbXBvcnQgUHJvcGVydHlTdHlsZSBmcm9tICcuL3NoYXJlZC1wcm9wZXJ0eS1zdHlsZSc7XG5cbmNvbnN0IHRhYmxlU3R5bGUgPSB7d2lkdGg6IFwiMTAwJVwiLCBib3JkZXJTcGFjaW5nOiBcIjJweCAwXCIsIG1hcmdpbkJvdHRvbTogXCIycHhcIn07XG5jb25zdCBmaXJzdFRkU3R5bGUgPSB7d2lkdGg6ICc2ZW0nLCB0ZXh0VHJhbnNmb3JtOidjYXBpdGFsaXplJ307XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIFByb3BlcnR5U3RyaW5nKHt2YWx1ZSwgb25VcGRhdGUsIGNvbmZpZ3MsIHNvdXJjZUVsZW1lbnQsIGludGVybmFsU3RhdGUsIHN0YXRlfSkge1xuXG4gIGxldCB1cGRhdGUgPSAodmFsKSA9PiB7XG5cbiAgICBpZiAoY29uZmlncy5ob29rKSB7XG4gICAgICByZXR1cm4gY29uZmlncy5ob29rKHZhbCwgc291cmNlRWxlbWVudCwgaW50ZXJuYWxTdGF0ZSwgc3RhdGUpLnRoZW4oX3ZhbCA9PiB7XG4gICAgICAgIHJldHVybiBvblVwZGF0ZShfdmFsKTtcbiAgICAgIH0pO1xuICAgIH1cblxuICAgIHJldHVybiBvblVwZGF0ZSh2YWwpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPHRhYmxlIGNsYXNzTmFtZT1cIlByb3BlcnR5U3RyaW5nXCIgc3R5bGU9e1Byb3BlcnR5U3R5bGUudGFibGVTdHlsZX0+XG4gICAgICA8dGJvZHk+XG4gICAgICA8dHI+XG4gICAgICAgIDx0ZCBzdHlsZT17UHJvcGVydHlTdHlsZS5maXJzdFRkU3R5bGV9PjxGb3JtTGFiZWw+e2NvbmZpZ3MubGFiZWx9PC9Gb3JtTGFiZWw+PC90ZD5cbiAgICAgICAgPHRkPlxuICAgICAgICAgIDxGb3JtVGV4dElucHV0XG4gICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gdXBkYXRlKGV2ZW50LnRhcmdldC52YWx1ZSl9Lz5cbiAgICAgICAgPC90ZD5cbiAgICAgIDwvdHI+XG4gICAgICA8L3Rib2R5PlxuICAgIDwvdGFibGU+XG4gICk7XG59XG5cblByb3BlcnR5U3RyaW5nLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5hbnkuaXNSZXF1aXJlZCxcbiAgb25VcGRhdGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGNvbmZpZ3M6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgc291cmNlRWxlbWVudDogUHJvcFR5cGVzLm9iamVjdCxcbiAgaW50ZXJuYWxTdGF0ZTogUHJvcFR5cGVzLm9iamVjdCxcbiAgc3RhdGU6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZFxufTtcbiJdfQ==