tc-ui-toolkit/lib/TranslationHelps/TranslationHelps.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");

var _ExpandedHelpsModal = _interopRequireDefault(require("./ExpandedHelpsModal"));

var _THelpsMarkDown = _interopRequireDefault(require("./THelpsMarkDown"));

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

/**
 *  TranslationHelps is a feature of the TranslationWords tool and consists of:
 *   A collapible sidebar showing the complete artical sumarized in panel
 *     The sidebar has a sash that expands to about 20% of the application window
 *     The sash can collapse to about 0.25in
 *     The expanded sidebar vertically wraps article text and can scroll entire article
 *     When expanded the "See More" button in panel is hidden
 *
 *
 *   It interoperates with CheckInfoCard
 */
// components
var TranslationHelps = function TranslationHelps(_ref) {
  var modalArticle = _ref.modalArticle,
      article = _ref.article,
      expandedHelpsButtonHoverText = _ref.expandedHelpsButtonHoverText,
      openExpandedHelpsModal = _ref.openExpandedHelpsModal,
      isShowHelpsSidebar = _ref.isShowHelpsSidebar,
      sidebarToggle = _ref.sidebarToggle,
      isShowHelpsExpanded = _ref.isShowHelpsExpanded,
      modalTitle = _ref.modalTitle,
      translate = _ref.translate,
      direction = _ref.direction;

  if (isShowHelpsSidebar) {
    return /*#__PURE__*/_react["default"].createElement("div", {
      className: "helps-sash-container",
      style: {
        direction: direction
      }
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: "helps-sash-closed",
      onClick: sidebarToggle
    }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Glyphicon, {
      glyph: "chevron-right",
      style: {
        cursor: 'pointer'
      }
    })), /*#__PURE__*/_react["default"].createElement("div", {
      className: "helps"
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: "helps-title-bar"
    }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Glyphicon, {
      onClick: openExpandedHelpsModal,
      glyph: 'fullscreen',
      style: {
        cursor: 'pointer'
      },
      title: expandedHelpsButtonHoverText
    })), /*#__PURE__*/_react["default"].createElement(_THelpsMarkDown["default"], {
      article: article
    })), /*#__PURE__*/_react["default"].createElement(_ExpandedHelpsModal["default"], {
      translate: translate,
      show: isShowHelpsExpanded,
      onHide: openExpandedHelpsModal,
      title: modalTitle,
      article: modalArticle || article,
      direction: direction
    }));
  } else {
    return /*#__PURE__*/_react["default"].createElement("div", {
      className: "helps-sash-closed",
      style: {
        direction: direction
      },
      onClick: sidebarToggle
    }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Glyphicon, {
      glyph: "chevron-left",
      style: {
        cursor: 'pointer'
      },
      onClick: sidebarToggle
    }));
  }
};

TranslationHelps.propTypes = {
  modalArticle: _propTypes["default"].string.isRequired,
  article: _propTypes["default"].string.isRequired,
  expandedHelpsButtonHoverText: _propTypes["default"].string.isRequired,
  openExpandedHelpsModal: _propTypes["default"].func.isRequired,
  isShowHelpsSidebar: _propTypes["default"].bool.isRequired,
  sidebarToggle: _propTypes["default"].func.isRequired,
  isShowHelpsExpanded: _propTypes["default"].bool.isRequired,
  translate: _propTypes["default"].func.isRequired,
  direction: _propTypes["default"].oneOf(['ltr', 'rtl'])
};
TranslationHelps.defaultProps = {
  modalTitle: 'translationHelps',
  article: '',
  modalArticle: '',
  direction: 'ltr'
};
var _default = TranslationHelps;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UcmFuc2xhdGlvbkhlbHBzL1RyYW5zbGF0aW9uSGVscHMuanMiXSwibmFtZXMiOlsiVHJhbnNsYXRpb25IZWxwcyIsIm1vZGFsQXJ0aWNsZSIsImFydGljbGUiLCJleHBhbmRlZEhlbHBzQnV0dG9uSG92ZXJUZXh0Iiwib3BlbkV4cGFuZGVkSGVscHNNb2RhbCIsImlzU2hvd0hlbHBzU2lkZWJhciIsInNpZGViYXJUb2dnbGUiLCJpc1Nob3dIZWxwc0V4cGFuZGVkIiwibW9kYWxUaXRsZSIsInRyYW5zbGF0ZSIsImRpcmVjdGlvbiIsImN1cnNvciIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsInN0cmluZyIsImlzUmVxdWlyZWQiLCJmdW5jIiwiYm9vbCIsIm9uZU9mIiwiZGVmYXVsdFByb3BzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFZQTs7QUFDQTs7QUFDQTs7QUFFQTs7QUFDQTs7QUFFQTs7QUFuQkE7Ozs7Ozs7Ozs7O0FBZUE7QUFNQSxJQUFNQSxnQkFBZ0IsR0FBRyxTQUFuQkEsZ0JBQW1CLE9BV25CO0FBQUEsTUFWSkMsWUFVSSxRQVZKQSxZQVVJO0FBQUEsTUFUSkMsT0FTSSxRQVRKQSxPQVNJO0FBQUEsTUFSSkMsNEJBUUksUUFSSkEsNEJBUUk7QUFBQSxNQVBKQyxzQkFPSSxRQVBKQSxzQkFPSTtBQUFBLE1BTkpDLGtCQU1JLFFBTkpBLGtCQU1JO0FBQUEsTUFMSkMsYUFLSSxRQUxKQSxhQUtJO0FBQUEsTUFKSkMsbUJBSUksUUFKSkEsbUJBSUk7QUFBQSxNQUhKQyxVQUdJLFFBSEpBLFVBR0k7QUFBQSxNQUZKQyxTQUVJLFFBRkpBLFNBRUk7QUFBQSxNQURKQyxTQUNJLFFBREpBLFNBQ0k7O0FBQ0osTUFBSUwsa0JBQUosRUFBd0I7QUFDdEIsd0JBQ0U7QUFBSyxNQUFBLFNBQVMsRUFBQyxzQkFBZjtBQUFzQyxNQUFBLEtBQUssRUFBRTtBQUFFSyxRQUFBQSxTQUFTLEVBQVRBO0FBQUY7QUFBN0Msb0JBQ0U7QUFBSyxNQUFBLFNBQVMsRUFBQyxtQkFBZjtBQUFtQyxNQUFBLE9BQU8sRUFBRUo7QUFBNUMsb0JBQ0UsZ0NBQUMseUJBQUQ7QUFDRSxNQUFBLEtBQUssRUFBQyxlQURSO0FBRUUsTUFBQSxLQUFLLEVBQUU7QUFBRUssUUFBQUEsTUFBTSxFQUFFO0FBQVY7QUFGVCxNQURGLENBREYsZUFNRTtBQUFLLE1BQUEsU0FBUyxFQUFDO0FBQWYsb0JBQ0U7QUFBSyxNQUFBLFNBQVMsRUFBQztBQUFmLG9CQUNFLGdDQUFDLHlCQUFEO0FBQ0UsTUFBQSxPQUFPLEVBQUVQLHNCQURYO0FBRUUsTUFBQSxLQUFLLEVBQUUsWUFGVDtBQUdFLE1BQUEsS0FBSyxFQUFFO0FBQUVPLFFBQUFBLE1BQU0sRUFBRTtBQUFWLE9BSFQ7QUFJRSxNQUFBLEtBQUssRUFBRVI7QUFKVCxNQURGLENBREYsZUFRRSxnQ0FBQywwQkFBRDtBQUFnQixNQUFBLE9BQU8sRUFBRUQ7QUFBekIsTUFSRixDQU5GLGVBZ0JFLGdDQUFDLDhCQUFEO0FBQ0UsTUFBQSxTQUFTLEVBQUVPLFNBRGI7QUFFRSxNQUFBLElBQUksRUFBRUYsbUJBRlI7QUFHRSxNQUFBLE1BQU0sRUFBRUgsc0JBSFY7QUFJRSxNQUFBLEtBQUssRUFBRUksVUFKVDtBQUtFLE1BQUEsT0FBTyxFQUFFUCxZQUFZLElBQUlDLE9BTDNCO0FBTUUsTUFBQSxTQUFTLEVBQUVRO0FBTmIsTUFoQkYsQ0FERjtBQTJCRCxHQTVCRCxNQTRCTztBQUNMLHdCQUNFO0FBQUssTUFBQSxTQUFTLEVBQUMsbUJBQWY7QUFBbUMsTUFBQSxLQUFLLEVBQUU7QUFBRUEsUUFBQUEsU0FBUyxFQUFUQTtBQUFGLE9BQTFDO0FBQXlELE1BQUEsT0FBTyxFQUFFSjtBQUFsRSxvQkFDRSxnQ0FBQyx5QkFBRDtBQUNFLE1BQUEsS0FBSyxFQUFDLGNBRFI7QUFFRSxNQUFBLEtBQUssRUFBRTtBQUFFSyxRQUFBQSxNQUFNLEVBQUU7QUFBVixPQUZUO0FBR0UsTUFBQSxPQUFPLEVBQUVMO0FBSFgsTUFERixDQURGO0FBU0Q7QUFDRixDQW5ERDs7QUFxREFOLGdCQUFnQixDQUFDWSxTQUFqQixHQUE2QjtBQUMzQlgsRUFBQUEsWUFBWSxFQUFFWSxzQkFBVUMsTUFBVixDQUFpQkMsVUFESjtBQUUzQmIsRUFBQUEsT0FBTyxFQUFFVyxzQkFBVUMsTUFBVixDQUFpQkMsVUFGQztBQUczQlosRUFBQUEsNEJBQTRCLEVBQUVVLHNCQUFVQyxNQUFWLENBQWlCQyxVQUhwQjtBQUkzQlgsRUFBQUEsc0JBQXNCLEVBQUVTLHNCQUFVRyxJQUFWLENBQWVELFVBSlo7QUFLM0JWLEVBQUFBLGtCQUFrQixFQUFFUSxzQkFBVUksSUFBVixDQUFlRixVQUxSO0FBTTNCVCxFQUFBQSxhQUFhLEVBQUVPLHNCQUFVRyxJQUFWLENBQWVELFVBTkg7QUFPM0JSLEVBQUFBLG1CQUFtQixFQUFFTSxzQkFBVUksSUFBVixDQUFlRixVQVBUO0FBUTNCTixFQUFBQSxTQUFTLEVBQUVJLHNCQUFVRyxJQUFWLENBQWVELFVBUkM7QUFTM0JMLEVBQUFBLFNBQVMsRUFBRUcsc0JBQVVLLEtBQVYsQ0FBZ0IsQ0FBQyxLQUFELEVBQVEsS0FBUixDQUFoQjtBQVRnQixDQUE3QjtBQVlBbEIsZ0JBQWdCLENBQUNtQixZQUFqQixHQUFnQztBQUM5QlgsRUFBQUEsVUFBVSxFQUFFLGtCQURrQjtBQUU5Qk4sRUFBQUEsT0FBTyxFQUFFLEVBRnFCO0FBRzlCRCxFQUFBQSxZQUFZLEVBQUUsRUFIZ0I7QUFJOUJTLEVBQUFBLFNBQVMsRUFBRTtBQUptQixDQUFoQztlQU9lVixnQiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogIFRyYW5zbGF0aW9uSGVscHMgaXMgYSBmZWF0dXJlIG9mIHRoZSBUcmFuc2xhdGlvbldvcmRzIHRvb2wgYW5kIGNvbnNpc3RzIG9mOlxuICogICBBIGNvbGxhcGlibGUgc2lkZWJhciBzaG93aW5nIHRoZSBjb21wbGV0ZSBhcnRpY2FsIHN1bWFyaXplZCBpbiBwYW5lbFxuICogICAgIFRoZSBzaWRlYmFyIGhhcyBhIHNhc2ggdGhhdCBleHBhbmRzIHRvIGFib3V0IDIwJSBvZiB0aGUgYXBwbGljYXRpb24gd2luZG93XG4gKiAgICAgVGhlIHNhc2ggY2FuIGNvbGxhcHNlIHRvIGFib3V0IDAuMjVpblxuICogICAgIFRoZSBleHBhbmRlZCBzaWRlYmFyIHZlcnRpY2FsbHkgd3JhcHMgYXJ0aWNsZSB0ZXh0IGFuZCBjYW4gc2Nyb2xsIGVudGlyZSBhcnRpY2xlXG4gKiAgICAgV2hlbiBleHBhbmRlZCB0aGUgXCJTZWUgTW9yZVwiIGJ1dHRvbiBpbiBwYW5lbCBpcyBoaWRkZW5cbiAqXG4gKlxuICogICBJdCBpbnRlcm9wZXJhdGVzIHdpdGggQ2hlY2tJbmZvQ2FyZFxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgR2x5cGhpY29uIH0gZnJvbSAncmVhY3QtYm9vdHN0cmFwJztcbi8vIGNvbXBvbmVudHNcbmltcG9ydCBFeHBhbmRlZEhlbHBzTW9kYWwgZnJvbSAnLi9FeHBhbmRlZEhlbHBzTW9kYWwnO1xuaW1wb3J0IFRIZWxwc01hcmtEb3duIGZyb20gJy4vVEhlbHBzTWFya0Rvd24nO1xuXG5pbXBvcnQgJy4vVHJhbnNsYXRpb25IZWxwcy5zdHlsZXMuY3NzJztcblxuY29uc3QgVHJhbnNsYXRpb25IZWxwcyA9ICh7XG4gIG1vZGFsQXJ0aWNsZSxcbiAgYXJ0aWNsZSwgLy8gQXJ0aWNsZSB0byBkaXNwbGF5IGluIHNpZGViYXIgYW5kIGV4cGFuZGVkIG1vZGFsXG4gIGV4cGFuZGVkSGVscHNCdXR0b25Ib3ZlclRleHQsIC8vIFRleHQgdG8gZGlzcGxheSB3aGVuIGhvdmVyaW5nIG92ZXIgc2FzaCBhbmQgZXhwYW5zaW9uIGJ1dHRvblxuICBvcGVuRXhwYW5kZWRIZWxwc01vZGFsLCAvLyBGdW5jdGlvbiB0byBvcGVuIHRoZSBleHBhbmRlZCBUcmFuc2xhdGlvbiBIZWxwcyBNb2RhbFxuICBpc1Nob3dIZWxwc1NpZGViYXIsIC8vIGlzIHRoZSBUcmFuc2xhdGlvbiBoZWxwcyBzaWRlYmFyIGRpc3BsYXllZFxuICBzaWRlYmFyVG9nZ2xlLCAvLyB0b2dnbGUgdGhlIHRyYW5zbGF0aW9uIGhlbHBzIHNpZGViYXJcbiAgaXNTaG93SGVscHNFeHBhbmRlZCwgLy8gaXMgdGhlIGV4cGFuZGVkIFRyYW5zbGF0aW9uIEhlbHBzIG1vZGFsIGRpc3BsYXllZD9cbiAgbW9kYWxUaXRsZSwgLy8gVGl0bGUgZm9yIHRoZSBleHBhbmRlZCBoZWxwcyBtb2RhbFxuICB0cmFuc2xhdGUsXG4gIGRpcmVjdGlvbiwgLy8gbGFuZ3VhZ2UgZGlyZWN0aW9uXG59KSA9PiB7XG4gIGlmIChpc1Nob3dIZWxwc1NpZGViYXIpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJoZWxwcy1zYXNoLWNvbnRhaW5lclwiIHN0eWxlPXt7IGRpcmVjdGlvbiB9fT5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJoZWxwcy1zYXNoLWNsb3NlZFwiIG9uQ2xpY2s9e3NpZGViYXJUb2dnbGV9PlxuICAgICAgICAgIDxHbHlwaGljb25cbiAgICAgICAgICAgIGdseXBoPVwiY2hldnJvbi1yaWdodFwiXG4gICAgICAgICAgICBzdHlsZT17eyBjdXJzb3I6ICdwb2ludGVyJyB9fSAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJoZWxwc1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiaGVscHMtdGl0bGUtYmFyXCI+XG4gICAgICAgICAgICA8R2x5cGhpY29uXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29wZW5FeHBhbmRlZEhlbHBzTW9kYWx9XG4gICAgICAgICAgICAgIGdseXBoPXsnZnVsbHNjcmVlbid9XG4gICAgICAgICAgICAgIHN0eWxlPXt7IGN1cnNvcjogJ3BvaW50ZXInIH19XG4gICAgICAgICAgICAgIHRpdGxlPXtleHBhbmRlZEhlbHBzQnV0dG9uSG92ZXJUZXh0fSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxUSGVscHNNYXJrRG93biBhcnRpY2xlPXthcnRpY2xlfSAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPEV4cGFuZGVkSGVscHNNb2RhbFxuICAgICAgICAgIHRyYW5zbGF0ZT17dHJhbnNsYXRlfVxuICAgICAgICAgIHNob3c9e2lzU2hvd0hlbHBzRXhwYW5kZWR9XG4gICAgICAgICAgb25IaWRlPXtvcGVuRXhwYW5kZWRIZWxwc01vZGFsfVxuICAgICAgICAgIHRpdGxlPXttb2RhbFRpdGxlfVxuICAgICAgICAgIGFydGljbGU9e21vZGFsQXJ0aWNsZSB8fCBhcnRpY2xlfVxuICAgICAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfSBlbHNlIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJoZWxwcy1zYXNoLWNsb3NlZFwiIHN0eWxlPXt7IGRpcmVjdGlvbiB9fSBvbkNsaWNrPXtzaWRlYmFyVG9nZ2xlfT5cbiAgICAgICAgPEdseXBoaWNvblxuICAgICAgICAgIGdseXBoPVwiY2hldnJvbi1sZWZ0XCJcbiAgICAgICAgICBzdHlsZT17eyBjdXJzb3I6ICdwb2ludGVyJyB9fVxuICAgICAgICAgIG9uQ2xpY2s9e3NpZGViYXJUb2dnbGV9XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG59O1xuXG5UcmFuc2xhdGlvbkhlbHBzLnByb3BUeXBlcyA9IHtcbiAgbW9kYWxBcnRpY2xlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGFydGljbGU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgZXhwYW5kZWRIZWxwc0J1dHRvbkhvdmVyVGV4dDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvcGVuRXhwYW5kZWRIZWxwc01vZGFsOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBpc1Nob3dIZWxwc1NpZGViYXI6IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG4gIHNpZGViYXJUb2dnbGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGlzU2hvd0hlbHBzRXhwYW5kZWQ6IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG4gIHRyYW5zbGF0ZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgZGlyZWN0aW9uOiBQcm9wVHlwZXMub25lT2YoWydsdHInLCAncnRsJ10pLFxufTtcblxuVHJhbnNsYXRpb25IZWxwcy5kZWZhdWx0UHJvcHMgPSB7XG4gIG1vZGFsVGl0bGU6ICd0cmFuc2xhdGlvbkhlbHBzJyxcbiAgYXJ0aWNsZTogJycsXG4gIG1vZGFsQXJ0aWNsZTogJycsXG4gIGRpcmVjdGlvbjogJ2x0cicsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBUcmFuc2xhdGlvbkhlbHBzO1xuIl19