UNPKG

tc-ui-toolkit

Version:

React components used to develop tools for the desktop app translationCore

121 lines (105 loc) 13.8 kB
"use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); 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 _reactTooltip = _interopRequireDefault(require("react-tooltip")); var _InstructionsAreaTextSelection = _interopRequireWildcard(require("../InstructionsAreaTextSelection")); require("./InstructionsArea.styles.css"); // components // css function getSelectionString(invalidated, translate) { if (invalidated) { return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, translate('selection_invalidated'), /*#__PURE__*/_react["default"].createElement("strong", { "data-tip": translate('invalidated_tooltip'), "data-place": "top", "data-effect": "float", "data-type": "dark", "data-class": "selection-tooltip", "data-delay-hide": "100", style: { verticalAlign: 'super', fontSize: '0.8em' } }, "1")), /*#__PURE__*/_react["default"].createElement(_reactTooltip["default"], null)); } } var InstructionsArea = function InstructionsArea(_ref) { var mode = _ref.mode, verseText = _ref.verseText, translate = _ref.translate, selections = _ref.selections, invalidated = _ref.invalidated, alignedGLText = _ref.alignedGLText, nothingToSelect = _ref.nothingToSelect, targetLanguageFont = _ref.targetLanguageFont, dontShowTranslation = _ref.dontShowTranslation, targetLanguageDirection = _ref.targetLanguageDirection; if (!verseText) { return /*#__PURE__*/_react["default"].createElement("div", { className: "instructions-area" }, /*#__PURE__*/_react["default"].createElement("span", null, translate('empty_verse')), /*#__PURE__*/_react["default"].createElement("br", null)); } if (nothingToSelect) { // if nothingToSelect is true return /*#__PURE__*/_react["default"].createElement("div", { className: "instructions-area" }, /*#__PURE__*/_react["default"].createElement("span", null, translate('no_selection_needed_description')), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_InstructionsAreaTextSelection.SelectedText, null, /*#__PURE__*/_react["default"].createElement("strong", { className: "no-selection-needed" }, translate('no_selection_needed')))); } if (selections.length === 0 && dontShowTranslation && !invalidated) { // if invalidated we had previous selection return /*#__PURE__*/_react["default"].createElement("div", { className: "instructions-area" }, /*#__PURE__*/_react["default"].createElement("span", null, translate('no_selection')), /*#__PURE__*/_react["default"].createElement("br", null)); } if (mode === 'select' || invalidated) { // if invalidated we had previous selection return /*#__PURE__*/_react["default"].createElement("div", { className: "instructions-area" }, getSelectionString(invalidated, translate), /*#__PURE__*/_react["default"].createElement("span", null, translate('please_select')), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("strong", { style: { color: 'var(--accent-color)' } }, "".concat(alignedGLText))), /*#__PURE__*/_react["default"].createElement("br", null)); } return /*#__PURE__*/_react["default"].createElement("div", { className: "instructions-area" }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("strong", { style: { color: 'var(--accent-color)' } }, "".concat(alignedGLText))), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("span", { style: { lineHeight: 2 } }, translate('translated_as')), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_InstructionsAreaTextSelection["default"], { selections: selections, verseText: verseText, targetLanguageFont: targetLanguageFont, languageDirection: targetLanguageDirection }))); }; InstructionsArea.propTypes = { translate: _propTypes["default"].func.isRequired, alignedGLText: _propTypes["default"].string.isRequired, selections: _propTypes["default"].array.isRequired, dontShowTranslation: _propTypes["default"].bool, verseText: _propTypes["default"].string.isRequired, mode: _propTypes["default"].string, invalidated: _propTypes["default"].bool, nothingToSelect: _propTypes["default"].bool, targetLanguageFont: _propTypes["default"].string, targetLanguageDirection: _propTypes["default"].string }; InstructionsArea.defaultProps = { targetLanguageDirection: 'ltr' }; var _default = InstructionsArea; exports["default"] = _default; //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9WZXJzZUNoZWNrL0luc3RydWN0aW9uc0FyZWEvaW5kZXguanMiXSwibmFtZXMiOlsiZ2V0U2VsZWN0aW9uU3RyaW5nIiwiaW52YWxpZGF0ZWQiLCJ0cmFuc2xhdGUiLCJ2ZXJ0aWNhbEFsaWduIiwiZm9udFNpemUiLCJJbnN0cnVjdGlvbnNBcmVhIiwibW9kZSIsInZlcnNlVGV4dCIsInNlbGVjdGlvbnMiLCJhbGlnbmVkR0xUZXh0Iiwibm90aGluZ1RvU2VsZWN0IiwidGFyZ2V0TGFuZ3VhZ2VGb250IiwiZG9udFNob3dUcmFuc2xhdGlvbiIsInRhcmdldExhbmd1YWdlRGlyZWN0aW9uIiwibGVuZ3RoIiwiY29sb3IiLCJsaW5lSGVpZ2h0IiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwiZnVuYyIsImlzUmVxdWlyZWQiLCJzdHJpbmciLCJhcnJheSIsImJvb2wiLCJkZWZhdWx0UHJvcHMiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBRUE7O0FBRUE7O0FBSEE7QUFFQTtBQUdBLFNBQVNBLGtCQUFULENBQTRCQyxXQUE1QixFQUF5Q0MsU0FBekMsRUFBb0Q7QUFDbEQsTUFBSUQsV0FBSixFQUFpQjtBQUNmLHdCQUNFLDBEQUNFLDhDQUFPQyxTQUFTLENBQUMsdUJBQUQsQ0FBaEIsZUFDRTtBQUNFLGtCQUFVQSxTQUFTLENBQUMscUJBQUQsQ0FEckI7QUFFRSxvQkFBVyxLQUZiO0FBR0UscUJBQVksT0FIZDtBQUlFLG1CQUFVLE1BSlo7QUFLRSxvQkFBVyxtQkFMYjtBQU1FLHlCQUFnQixLQU5sQjtBQU9FLE1BQUEsS0FBSyxFQUFFO0FBQUVDLFFBQUFBLGFBQWEsRUFBRSxPQUFqQjtBQUEwQkMsUUFBQUEsUUFBUSxFQUFFO0FBQXBDO0FBUFQsV0FERixDQURGLGVBYUUsZ0NBQUMsd0JBQUQsT0FiRixDQURGO0FBaUJEO0FBQ0Y7O0FBRUQsSUFBTUMsZ0JBQWdCLEdBQUcsU0FBbkJBLGdCQUFtQixP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V0FBVyxFQUFFaUIsc0JBQVVLLElBUEk7QUFRM0JiLEVBQUFBLGVBQWUsRUFBRVEsc0JBQVVLLElBUkE7QUFTM0JaLEVBQUFBLGtCQUFrQixFQUFFTyxzQkFBVUcsTUFUSDtBQVUzQlIsRUFBQUEsdUJBQXVCLEVBQUVLLHNCQUFVRztBQVZSLENBQTdCO0FBYUFoQixnQkFBZ0IsQ0FBQ21CLFlBQWpCLEdBQWdDO0FBQUVYLEVBQUFBLHVCQUF1QixFQUFFO0FBQTNCLENBQWhDO2VBRWVSLGdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3RUb29sdGlwIGZyb20gJ3JlYWN0LXRvb2x0aXAnO1xuLy8gY29tcG9uZW50c1xuaW1wb3J0IEluc3RydWN0aW9uc0FyZWFUZXh0U2VsZWN0aW9uLCB7IFNlbGVjdGVkVGV4dCB9IGZyb20gJy4uL0luc3RydWN0aW9uc0FyZWFUZXh0U2VsZWN0aW9uJztcbi8vIGNzc1xuaW1wb3J0ICcuL0luc3RydWN0aW9uc0FyZWEuc3R5bGVzLmNzcyc7XG5cbmZ1bmN0aW9uIGdldFNlbGVjdGlvblN0cmluZyhpbnZhbGlkYXRlZCwgdHJhbnNsYXRlKSB7XG4gIGlmIChpbnZhbGlkYXRlZCkge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICA8c3Bhbj57dHJhbnNsYXRlKCdzZWxlY3Rpb25faW52YWxpZGF0ZWQnKX1cbiAgICAgICAgICA8c3Ryb25nXG4gICAgICAgICAgICBkYXRhLXRpcD17dHJhbnNsYXRlKCdpbnZhbGlkYXRlZF90b29sdGlwJyl9XG4gICAgICAgICAgICBkYXRhLXBsYWNlPVwidG9wXCJcbiAgICAgICAgICAgIGRhdGEtZWZmZWN0PVwiZmxvYXRcIlxuICAgICAgICAgICAgZGF0YS10eXBlPVwiZGFya1wiXG4gICAgICAgICAgICBkYXRhLWNsYXNzPVwic2VsZWN0aW9uLXRvb2x0aXBcIlxuICAgICAgICAgICAgZGF0YS1kZWxheS1oaWRlPVwiMTAwXCJcbiAgICAgICAgICAgIHN0eWxlPXt7IHZlcnRpY2FsQWxpZ246ICdzdXBlcicsIGZvbnRTaXplOiAnMC44ZW0nIH19PlxuICAgICAgICAgICAgMVxuICAgICAgICAgIDwvc3Ryb25nPlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxSZWFjdFRvb2x0aXAgLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3QgSW5zdHJ1Y3Rpb25zQXJlYSA9ICh7XG4gIG1vZGUsXG4gIHZlcnNlVGV4dCxcbiAgdHJhbnNsYXRlLFxuICBzZWxlY3Rpb25zLFxuICBpbnZhbGlkYXRlZCxcbiAgYWxpZ25lZEdMVGV4dCxcbiAgbm90aGluZ1RvU2VsZWN0LFxuICB0YXJnZXRMYW5ndWFnZUZvbnQsXG4gIGRvbnRTaG93VHJhbnNsYXRpb24sXG4gIHRhcmdldExhbmd1YWdlRGlyZWN0aW9uLFxufSkgPT4ge1xuICBpZiAoIXZlcnNlVGV4dCkge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT0naW5zdHJ1Y3Rpb25zLWFyZWEnPlxuICAgICAgICA8c3Bhbj57dHJhbnNsYXRlKCdlbXB0eV92ZXJzZScpfTwvc3Bhbj48YnIgLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cblxuICBpZiAobm90aGluZ1RvU2VsZWN0KSB7IC8vIGlmIG5vdGhpbmdUb1NlbGVjdCBpcyB0cnVlXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPSdpbnN0cnVjdGlvbnMtYXJlYSc+XG4gICAgICAgIDxzcGFuPnt0cmFuc2xhdGUoJ25vX3NlbGVjdGlvbl9uZWVkZWRfZGVzY3JpcHRpb24nKX08L3NwYW4+PGJyIC8+XG4gICAgICAgIDxTZWxlY3RlZFRleHQ+XG4gICAgICAgICAgPHN0cm9uZyBjbGFzc05hbWU9XCJuby1zZWxlY3Rpb24tbmVlZGVkXCI+XG4gICAgICAgICAgICB7dHJhbnNsYXRlKCdub19zZWxlY3Rpb25fbmVlZGVkJyl9XG4gICAgICAgICAgPC9zdHJvbmc+XG4gICAgICAgIDwvU2VsZWN0ZWRUZXh0PlxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuXG4gIGlmIChzZWxlY3Rpb25zLmxlbmd0aCA9PT0gMCAmJiBkb250U2hvd1RyYW5zbGF0aW9uICYmICFpbnZhbGlkYXRlZCkgeyAvLyBpZiBpbnZhbGlkYXRlZCB3ZSBoYWQgcHJldmlvdXMgc2VsZWN0aW9uXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPSdpbnN0cnVjdGlvbnMtYXJlYSc+XG4gICAgICAgIDxzcGFuPnt0cmFuc2xhdGUoJ25vX3NlbGVjdGlvbicpfTwvc3Bhbj48YnIgLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cblxuICBpZiAobW9kZSA9PT0gJ3NlbGVjdCcgfHwgaW52YWxpZGF0ZWQpIHsgLy8gaWYgaW52YWxpZGF0ZWQgd2UgaGFkIHByZXZpb3VzIHNlbGVjdGlvblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT0naW5zdHJ1Y3Rpb25zLWFyZWEnPlxuICAgICAgICB7Z2V0U2VsZWN0aW9uU3RyaW5nKGludmFsaWRhdGVkLCB0cmFuc2xhdGUpfVxuICAgICAgICA8c3Bhbj57dHJhbnNsYXRlKCdwbGVhc2Vfc2VsZWN0Jyl9PC9zcGFuPjxiciAvPlxuICAgICAgICA8c3Bhbj5cbiAgICAgICAgICA8c3Ryb25nIHN0eWxlPXt7IGNvbG9yOiAndmFyKC0tYWNjZW50LWNvbG9yKScgfX0+XG4gICAgICAgICAgICB7YCR7YWxpZ25lZEdMVGV4dH1gfVxuICAgICAgICAgIDwvc3Ryb25nPlxuICAgICAgICA8L3NwYW4+PGJyIC8+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT0naW5zdHJ1Y3Rpb25zLWFyZWEnPlxuICAgICAgPHNwYW4+XG4gICAgICAgIDxzdHJvbmcgc3R5bGU9e3sgY29sb3I6ICd2YXIoLS1hY2NlbnQtY29sb3IpJyB9fT5cbiAgICAgICAgICB7YCR7YWxpZ25lZEdMVGV4dH1gfVxuICAgICAgICA8L3N0cm9uZz5cbiAgICAgIDwvc3Bhbj48YnIgLz5cbiAgICAgIDxzcGFuIHN0eWxlPXt7IGxpbmVIZWlnaHQ6IDIgfX0+e3RyYW5zbGF0ZSgndHJhbnNsYXRlZF9hcycpfTwvc3Bhbj48YnIgLz5cbiAgICAgIDxzcGFuPlxuICAgICAgICA8SW5zdHJ1Y3Rpb25zQXJlYVRleHRTZWxlY3Rpb25cbiAgICAgICAgICBzZWxlY3Rpb25zPXtzZWxlY3Rpb25zfVxuICAgICAgICAgIHZlcnNlVGV4dD17dmVyc2VUZXh0fVxuICAgICAgICAgIHRhcmdldExhbmd1YWdlRm9udD17dGFyZ2V0TGFuZ3VhZ2VGb250fVxuICAgICAgICAgIGxhbmd1YWdlRGlyZWN0aW9uPXt0YXJnZXRMYW5ndWFnZURpcmVjdGlvbn1cbiAgICAgICAgLz5cbiAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbkluc3RydWN0aW9uc0FyZWEucHJvcFR5cGVzID0ge1xuICB0cmFuc2xhdGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGFsaWduZWRHTFRleHQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgc2VsZWN0aW9uczogUHJvcFR5cGVzLmFycmF5LmlzUmVxdWlyZWQsXG4gIGRvbnRTaG93VHJhbnNsYXRpb246IFByb3BUeXBlcy5ib29sLFxuICB2ZXJzZVRleHQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgbW9kZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgaW52YWxpZGF0ZWQ6IFByb3BUeXBlcy5ib29sLFxuICBub3RoaW5nVG9TZWxlY3Q6IFByb3BUeXBlcy5ib29sLFxuICB0YXJnZXRMYW5ndWFnZUZvbnQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhcmdldExhbmd1YWdlRGlyZWN0aW9uOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcblxuSW5zdHJ1Y3Rpb25zQXJlYS5kZWZhdWx0UHJvcHMgPSB7IHRhcmdldExhbmd1YWdlRGlyZWN0aW9uOiAnbHRyJyB9O1xuXG5leHBvcnQgZGVmYXVsdCBJbnN0cnVjdGlvbnNBcmVhO1xuIl19