tc-ui-toolkit/lib/VerseCheck/CommentArea/index.js

React components used to develop tools for the desktop app translationCore

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _reactBootstrap = require("react-bootstrap");

require("./CommentArea.styles.css");

var _editHelpers = require("../../VerseEditor/helpers/editHelpers");

var CommentArea = function CommentArea(_ref) {
  var comment = _ref.comment,
      translate = _ref.translate,
      handleComment = _ref.handleComment,
      checkIfCommentChanged = _ref.checkIfCommentChanged;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "comment-area"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      fontWeight: 'bold'
    }
  }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Glyphicon, {
    glyph: "comment",
    style: {
      marginRight: '5px'
    }
  }), translate('comment')), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.FormGroup, {
    style: {
      flex: 'auto',
      display: 'flex'
    },
    controlId: "formControlsTextarea"
  }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.FormControl, {
    autoFocus: true,
    onFocus: _editHelpers.moveCursorToEnd,
    componentClass: "textarea",
    type: "text",
    defaultValue: comment,
    style: {
      flex: 'auto'
    },
    onBlur: handleComment,
    onInput: checkIfCommentChanged
  })));
};

CommentArea.propTypes = {
  translate: _propTypes["default"].func.isRequired,
  comment: _propTypes["default"].string.isRequired,
  handleComment: _propTypes["default"].func.isRequired,
  checkIfCommentChanged: _propTypes["default"].func.isRequired
};
var _default = CommentArea;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9WZXJzZUNoZWNrL0NvbW1lbnRBcmVhL2luZGV4LmpzIl0sIm5hbWVzIjpbIkNvbW1lbnRBcmVhIiwiY29tbWVudCIsInRyYW5zbGF0ZSIsImhhbmRsZUNvbW1lbnQiLCJjaGVja0lmQ29tbWVudENoYW5nZWQiLCJmb250V2VpZ2h0IiwibWFyZ2luUmlnaHQiLCJmbGV4IiwiZGlzcGxheSIsIm1vdmVDdXJzb3JUb0VuZCIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsImZ1bmMiLCJpc1JlcXVpcmVkIiwic3RyaW5nIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFHQTs7QUFDQTs7QUFFQSxJQUFNQSxXQUFXLEdBQUcsU0FBZEEsV0FBYztBQUFBLE1BQ2xCQyxPQURrQixRQUNsQkEsT0FEa0I7QUFBQSxNQUVsQkMsU0FGa0IsUUFFbEJBLFNBRmtCO0FBQUEsTUFHbEJDLGFBSGtCLFFBR2xCQSxhQUhrQjtBQUFBLE1BSWxCQyxxQkFKa0IsUUFJbEJBLHFCQUprQjtBQUFBLHNCQU1sQjtBQUFLLElBQUEsU0FBUyxFQUFDO0FBQWYsa0JBQ0U7QUFBSyxJQUFBLEtBQUssRUFBRTtBQUFFQyxNQUFBQSxVQUFVLEVBQUU7QUFBZDtBQUFaLGtCQUNFLGdDQUFDLHlCQUFEO0FBQVcsSUFBQSxLQUFLLEVBQUMsU0FBakI7QUFBMkIsSUFBQSxLQUFLLEVBQUU7QUFBRUMsTUFBQUEsV0FBVyxFQUFFO0FBQWY7QUFBbEMsSUFERixFQUVHSixTQUFTLENBQUMsU0FBRCxDQUZaLENBREYsZUFLRSxnQ0FBQyx5QkFBRDtBQUFXLElBQUEsS0FBSyxFQUFFO0FBQUVLLE1BQUFBLElBQUksRUFBRSxNQUFSO0FBQWdCQyxNQUFBQSxPQUFPLEVBQUU7QUFBekIsS0FBbEI7QUFBcUQsSUFBQSxTQUFTLEVBQUM7QUFBL0Qsa0JBQ0UsZ0NBQUMsMkJBQUQ7QUFDRSxJQUFBLFNBQVMsTUFEWDtBQUVFLElBQUEsT0FBTyxFQUFFQyw0QkFGWDtBQUdFLElBQUEsY0FBYyxFQUFDLFVBSGpCO0FBSUUsSUFBQSxJQUFJLEVBQUMsTUFKUDtBQUtFLElBQUEsWUFBWSxFQUFFUixPQUxoQjtBQU1FLElBQUEsS0FBSyxFQUFFO0FBQUVNLE1BQUFBLElBQUksRUFBRTtBQUFSLEtBTlQ7QUFPRSxJQUFBLE1BQU0sRUFBRUosYUFQVjtBQVFFLElBQUEsT0FBTyxFQUFFQztBQVJYLElBREYsQ0FMRixDQU5rQjtBQUFBLENBQXBCOztBQTBCQUosV0FBVyxDQUFDVSxTQUFaLEdBQXdCO0FBQ3RCUixFQUFBQSxTQUFTLEVBQUVTLHNCQUFVQyxJQUFWLENBQWVDLFVBREo7QUFFdEJaLEVBQUFBLE9BQU8sRUFBRVUsc0JBQVVHLE1BQVYsQ0FBaUJELFVBRko7QUFHdEJWLEVBQUFBLGFBQWEsRUFBRVEsc0JBQVVDLElBQVYsQ0FBZUMsVUFIUjtBQUl0QlQsRUFBQUEscUJBQXFCLEVBQUVPLHNCQUFVQyxJQUFWLENBQWVDO0FBSmhCLENBQXhCO2VBT2ViLFciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7XG4gIEZvcm1Hcm91cCwgRm9ybUNvbnRyb2wsIEdseXBoaWNvbixcbn0gZnJvbSAncmVhY3QtYm9vdHN0cmFwJztcbmltcG9ydCAnLi9Db21tZW50QXJlYS5zdHlsZXMuY3NzJztcbmltcG9ydCB7IG1vdmVDdXJzb3JUb0VuZCB9IGZyb20gJy4uLy4uL1ZlcnNlRWRpdG9yL2hlbHBlcnMvZWRpdEhlbHBlcnMnO1xuXG5jb25zdCBDb21tZW50QXJlYSA9ICh7XG4gIGNvbW1lbnQsXG4gIHRyYW5zbGF0ZSxcbiAgaGFuZGxlQ29tbWVudCxcbiAgY2hlY2tJZkNvbW1lbnRDaGFuZ2VkLFxufSkgPT4gKFxuICA8ZGl2IGNsYXNzTmFtZT0nY29tbWVudC1hcmVhJz5cbiAgICA8ZGl2IHN0eWxlPXt7IGZvbnRXZWlnaHQ6ICdib2xkJyB9fT5cbiAgICAgIDxHbHlwaGljb24gZ2x5cGg9J2NvbW1lbnQnIHN0eWxlPXt7IG1hcmdpblJpZ2h0OiAnNXB4JyB9fSAvPlxuICAgICAge3RyYW5zbGF0ZSgnY29tbWVudCcpfVxuICAgIDwvZGl2PlxuICAgIDxGb3JtR3JvdXAgc3R5bGU9e3sgZmxleDogJ2F1dG8nLCBkaXNwbGF5OiAnZmxleCcgfX0gY29udHJvbElkPVwiZm9ybUNvbnRyb2xzVGV4dGFyZWFcIj5cbiAgICAgIDxGb3JtQ29udHJvbFxuICAgICAgICBhdXRvRm9jdXNcbiAgICAgICAgb25Gb2N1cz17bW92ZUN1cnNvclRvRW5kfVxuICAgICAgICBjb21wb25lbnRDbGFzcz0ndGV4dGFyZWEnXG4gICAgICAgIHR5cGU9J3RleHQnXG4gICAgICAgIGRlZmF1bHRWYWx1ZT17Y29tbWVudH1cbiAgICAgICAgc3R5bGU9e3sgZmxleDogJ2F1dG8nIH19XG4gICAgICAgIG9uQmx1cj17aGFuZGxlQ29tbWVudH1cbiAgICAgICAgb25JbnB1dD17Y2hlY2tJZkNvbW1lbnRDaGFuZ2VkfVxuICAgICAgLz5cbiAgICA8L0Zvcm1Hcm91cD5cbiAgPC9kaXY+XG4pO1xuXG5Db21tZW50QXJlYS5wcm9wVHlwZXMgPSB7XG4gIHRyYW5zbGF0ZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgY29tbWVudDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBoYW5kbGVDb21tZW50OiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBjaGVja0lmQ29tbWVudENoYW5nZWQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBDb21tZW50QXJlYTtcbiJdfQ==