tc-ui-toolkit
Version:
React components used to develop tools for the desktop app translationCore
154 lines (122 loc) • 14 kB
JavaScript
;
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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _react = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
var _utils = require("../helpers/utils");
require("./Verse.styles.css");
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
var styles = {
edit_wrapper: {
textAlign: 'right'
},
edit_button: {
padding: 0,
width: 28,
height: 28
}
};
var Verse = /*#__PURE__*/function (_Component) {
(0, _inherits2["default"])(Verse, _Component);
var _super = _createSuper(Verse);
function Verse(props) {
var _this;
(0, _classCallCheck2["default"])(this, Verse);
_this = _super.call(this, props);
_this.handleEdit = _this.handleEdit.bind((0, _assertThisInitialized2["default"])(_this));
return _this;
}
(0, _createClass2["default"])(Verse, [{
key: "handleEdit",
value: function handleEdit() {
var _this$props = this.props,
bibleId = _this$props.bibleId,
chapter = _this$props.chapter,
verse = _this$props.verse,
verseText = _this$props.verseText,
onEdit = _this$props.onEdit;
if (typeof onEdit === 'function') {
onEdit(bibleId, chapter, verse, verseText);
}
}
}, {
key: "render",
value: function render() {
var _this$props2 = this.props,
verse = _this$props2.verse,
onEdit = _this$props2.onEdit,
bibleId = _this$props2.bibleId,
chapter = _this$props2.chapter,
fontClass = _this$props2.fontClass,
direction = _this$props2.direction,
translate = _this$props2.translate,
verseElements = _this$props2.verseElements;
var chapterVerseContent = (0, _utils.getReferenceStr)(chapter, verse) + ' ';
var chapterVerse = /*#__PURE__*/_react["default"].createElement("strong", {
className: fontClass
}, chapterVerseContent);
var isEditable = bibleId === 'targetBible';
var verseSpan = verseElements;
var verseContainerStyle = {};
if (bibleId === 'uhb') {
verseContainerStyle = {
WebkitFontSmoothing: 'antialiased',
fontSize: '175%'
};
}
if (!verseElements) {
verseSpan = /*#__PURE__*/_react["default"].createElement("span", {
className: "placeholder-text"
}, translate('pane.missing_verse_warning'));
}
var edit = null;
if (isEditable && onEdit) {
edit = /*#__PURE__*/_react["default"].createElement("div", {
style: styles.edit_wrapper
}, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
style: styles.edit_button,
onClick: this.handleEdit
}, /*#__PURE__*/_react["default"].createElement(_Edit["default"], {
style: {
fontSize: '24px'
}
})));
}
var directionClassName = direction === 'ltr' ? 'verse-content-ltr' : 'verse-content-rtl';
return /*#__PURE__*/_react["default"].createElement("div", {
className: "verse-container",
style: verseContainerStyle
}, /*#__PURE__*/_react["default"].createElement("div", {
className: directionClassName
}, chapterVerse, /*#__PURE__*/_react["default"].createElement("span", null, verseSpan)), edit);
}
}]);
return Verse;
}(_react.Component);
Verse.propTypes = {
onEdit: _propTypes["default"].func,
fontClass: _propTypes["default"].string,
translate: _propTypes["default"].func.isRequired,
chapter: _propTypes["default"].number.isRequired,
bibleId: _propTypes["default"].string.isRequired,
direction: _propTypes["default"].string.isRequired,
verse: _propTypes["default"].oneOfType([_propTypes["default"].string.isRequired, _propTypes["default"].number.isRequired]),
verseText: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array, _propTypes["default"].object]),
verseElements: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].string, _propTypes["default"].array])
};
var _default = Verse;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TY3JpcHR1cmVQYW5lL1ZlcnNlL2luZGV4LmpzIl0sIm5hbWVzIjpbInN0eWxlcyIsImVkaXRfd3JhcHBlciIsInRleHRBbGlnbiIsImVkaXRfYnV0dG9uIiwicGFkZGluZyIsIndpZHRoIiwiaGVpZ2h0IiwiVmVyc2UiLCJwcm9wcyIsImhhbmRsZUVkaXQiLCJiaW5kIiwiYmlibGVJZCIsImNoYXB0ZXIiLCJ2ZXJzZSIsInZlcnNlVGV4dCIsIm9uRWRpdCIsImZvbnRDbGFzcyIsImRpcmVjdGlvbiIsInRyYW5zbGF0ZSIsInZlcnNlRWxlbWVudHMiLCJjaGFwdGVyVmVyc2VDb250ZW50IiwiY2hhcHRlclZlcnNlIiwiaXNFZGl0YWJsZSIsInZlcnNlU3BhbiIsInZlcnNlQ29udGFpbmVyU3R5bGUiLCJXZWJraXRGb250U21vb3RoaW5nIiwiZm9udFNpemUiLCJlZGl0IiwiZGlyZWN0aW9uQ2xhc3NOYW1lIiwiQ29tcG9uZW50IiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwiZnVuYyIsInN0cmluZyIsImlzUmVxdWlyZWQiLCJudW1iZXIiLCJvbmVPZlR5cGUiLCJhcnJheSIsIm9iamVjdCIsImVsZW1lbnQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBRUE7Ozs7OztBQUVBLElBQU1BLE1BQU0sR0FBRztBQUNiQyxFQUFBQSxZQUFZLEVBQUU7QUFBRUMsSUFBQUEsU0FBUyxFQUFFO0FBQWIsR0FERDtBQUViQyxFQUFBQSxXQUFXLEVBQUU7QUFDWEMsSUFBQUEsT0FBTyxFQUFFLENBREU7QUFFWEMsSUFBQUEsS0FBSyxFQUFFLEVBRkk7QUFHWEMsSUFBQUEsTUFBTSxFQUFFO0FBSEc7QUFGQSxDQUFmOztJQVNNQyxLOzs7OztBQUNKLGlCQUFZQyxLQUFaLEVBQW1CO0FBQUE7O0FBQUE7QUFDakIsOEJBQU1BLEtBQU47QUFDQSxVQUFLQyxVQUFMLEdBQWtC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QUFpQkQsVUFKVjtBQUtoQnZCLEVBQUFBLE9BQU8sRUFBRW9CLHNCQUFVRSxNQUFWLENBQWlCQyxVQUxWO0FBTWhCakIsRUFBQUEsU0FBUyxFQUFFYyxzQkFBVUUsTUFBVixDQUFpQkMsVUFOWjtBQU9oQnJCLEVBQUFBLEtBQUssRUFBRWtCLHNCQUFVSyxTQUFWLENBQW9CLENBQ3pCTCxzQkFBVUUsTUFBVixDQUFpQkMsVUFEUSxFQUV6Qkgsc0JBQVVJLE1BQVYsQ0FBaUJELFVBRlEsQ0FBcEIsQ0FQUztBQVdoQnBCLEVBQUFBLFNBQVMsRUFBRWlCLHNCQUFVSyxTQUFWLENBQW9CLENBQzdCTCxzQkFBVUUsTUFEbUIsRUFFN0JGLHNCQUFVTSxLQUZtQixFQUc3Qk4sc0JBQVVPLE1BSG1CLENBQXBCLENBWEs7QUFnQmhCbkIsRUFBQUEsYUFBYSxFQUFFWSxzQkFBVUssU0FBVixDQUFvQixDQUNqQ0wsc0JBQVVRLE9BRHVCLEVBRWpDUixzQkFBVUUsTUFGdUIsRUFHakNGLHNCQUFVTSxLQUh1QixDQUFwQjtBQWhCQyxDQUFsQjtlQXVCZTlCLEsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBJY29uQnV0dG9uIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0ljb25CdXR0b24nO1xuaW1wb3J0IEVkaXRJY29uIGZyb20gJ0BtYXRlcmlhbC11aS9pY29ucy9FZGl0JztcbmltcG9ydCB7IGdldFJlZmVyZW5jZVN0ciB9IGZyb20gJy4uL2hlbHBlcnMvdXRpbHMnO1xuXG5pbXBvcnQgJy4vVmVyc2Uuc3R5bGVzLmNzcyc7XG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZWRpdF93cmFwcGVyOiB7IHRleHRBbGlnbjogJ3JpZ2h0JyB9LFxuICBlZGl0X2J1dHRvbjoge1xuICAgIHBhZGRpbmc6IDAsXG4gICAgd2lkdGg6IDI4LFxuICAgIGhlaWdodDogMjgsXG4gIH0sXG59O1xuXG5jbGFzcyBWZXJzZSBleHRlbmRzIENvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKHByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuaGFuZGxlRWRpdCA9IHRoaXMuaGFuZGxlRWRpdC5iaW5kKHRoaXMpO1xuICB9XG5cbiAgaGFuZGxlRWRpdCgpIHtcbiAgICBjb25zdCB7XG4gICAgICBiaWJsZUlkLCBjaGFwdGVyLCB2ZXJzZSwgdmVyc2VUZXh0LCBvbkVkaXQsXG4gICAgfSA9IHRoaXMucHJvcHM7XG5cbiAgICBpZiAodHlwZW9mIG9uRWRpdCA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgb25FZGl0KGJpYmxlSWQsIGNoYXB0ZXIsIHZlcnNlLCB2ZXJzZVRleHQpO1xuICAgIH1cbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7XG4gICAgICB2ZXJzZSxcbiAgICAgIG9uRWRpdCxcbiAgICAgIGJpYmxlSWQsXG4gICAgICBjaGFwdGVyLFxuICAgICAgZm9udENsYXNzLFxuICAgICAgZGlyZWN0aW9uLFxuICAgICAgdHJhbnNsYXRlLFxuICAgICAgdmVyc2VFbGVtZW50cyxcbiAgICB9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCBjaGFwdGVyVmVyc2VDb250ZW50ID0gZ2V0UmVmZXJlbmNlU3RyKGNoYXB0ZXIsIHZlcnNlKSArICcgJztcbiAgICBjb25zdCBjaGFwdGVyVmVyc2UgPSA8c3Ryb25nIGNsYXNzTmFtZT17Zm9udENsYXNzfT57Y2hhcHRlclZlcnNlQ29udGVudH08L3N0cm9uZz47XG4gICAgY29uc3QgaXNFZGl0YWJsZSA9IGJpYmxlSWQgPT09ICd0YXJnZXRCaWJsZSc7XG4gICAgbGV0IHZlcnNlU3BhbiA9IHZlcnNlRWxlbWVudHM7XG4gICAgbGV0IHZlcnNlQ29udGFpbmVyU3R5bGUgPSB7fTtcblxuICAgIGlmIChiaWJsZUlkID09PSAndWhiJykge1xuICAgICAgdmVyc2VDb250YWluZXJTdHlsZSA9IHsgV2Via2l0Rm9udFNtb290aGluZzogJ2FudGlhbGlhc2VkJywgZm9udFNpemU6ICcxNzUlJyB9O1xuICAgIH1cblxuICAgIGlmICghdmVyc2VFbGVtZW50cykge1xuICAgICAgdmVyc2VTcGFuID0gKFxuICAgICAgICA8c3BhbiBjbGFzc05hbWU9J3BsYWNlaG9sZGVyLXRleHQnPlxuICAgICAgICAgIHt0cmFuc2xhdGUoJ3BhbmUubWlzc2luZ192ZXJzZV93YXJuaW5nJyl9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgbGV0IGVkaXQgPSBudWxsO1xuXG4gICAgaWYgKGlzRWRpdGFibGUgJiYgb25FZGl0KSB7XG4gICAgICBlZGl0ID0gKFxuICAgICAgICA8ZGl2IHN0eWxlPXtzdHlsZXMuZWRpdF93cmFwcGVyfT5cbiAgICAgICAgICA8SWNvbkJ1dHRvbiBzdHlsZT17c3R5bGVzLmVkaXRfYnV0dG9ufSBvbkNsaWNrPXt0aGlzLmhhbmRsZUVkaXR9PlxuICAgICAgICAgICAgPEVkaXRJY29uIHN0eWxlPXt7IGZvbnRTaXplOiAnMjRweCcgfX0vPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICApO1xuICAgIH1cblxuICAgIGNvbnN0IGRpcmVjdGlvbkNsYXNzTmFtZSA9IGRpcmVjdGlvbiA9PT0gJ2x0cicgPyAndmVyc2UtY29udGVudC1sdHInIDogJ3ZlcnNlLWNvbnRlbnQtcnRsJztcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cInZlcnNlLWNvbnRhaW5lclwiIHN0eWxlPXt2ZXJzZUNvbnRhaW5lclN0eWxlfT5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2RpcmVjdGlvbkNsYXNzTmFtZX0+XG4gICAgICAgICAge2NoYXB0ZXJWZXJzZX1cbiAgICAgICAgICA8c3Bhbj57dmVyc2VTcGFufTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIHtlZGl0fVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxufVxuXG5WZXJzZS5wcm9wVHlwZXMgPSB7XG4gIG9uRWRpdDogUHJvcFR5cGVzLmZ1bmMsXG4gIGZvbnRDbGFzczogUHJvcFR5cGVzLnN0cmluZyxcbiAgdHJhbnNsYXRlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBjaGFwdGVyOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIGJpYmxlSWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgZGlyZWN0aW9uOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIHZlcnNlOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtcbiAgICBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICBdKSxcbiAgdmVyc2VUZXh0OiBQcm9wVHlwZXMub25lT2ZUeXBlKFtcbiAgICBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIFByb3BUeXBlcy5hcnJheSxcbiAgICBQcm9wVHlwZXMub2JqZWN0LFxuICBdKSxcbiAgdmVyc2VFbGVtZW50czogUHJvcFR5cGVzLm9uZU9mVHlwZShbXG4gICAgUHJvcFR5cGVzLmVsZW1lbnQsXG4gICAgUHJvcFR5cGVzLnN0cmluZyxcbiAgICBQcm9wVHlwZXMuYXJyYXksXG4gIF0pLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgVmVyc2U7XG4iXX0=