tc-ui-toolkit
Version:
React components used to develop tools for the desktop app translationCore
129 lines (107 loc) • 11.2 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _styles = require("@material-ui/core/styles");
var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
var _Toolbar = _interopRequireDefault(require("@material-ui/core/Toolbar"));
var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
var _reactBootstrap = require("react-bootstrap");
var _marked = _interopRequireDefault(require("marked"));
var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
var _reactDraggable = _interopRequireDefault(require("react-draggable"));
require("./ExpandedHelpsModal.styles.css");
/**
* @description This component displays a modal when the user clicks the
* new-window glyphicon button on translationHelps component.
*/
function PaperComponent(props) {
// component will only be draggable by element with the className in the handle prop
return /*#__PURE__*/_react["default"].createElement(_reactDraggable["default"], {
handle: ".thelps-tool-bar "
}, /*#__PURE__*/_react["default"].createElement(_Paper["default"], (0, _extends2["default"])({}, props, {
elevation: 2
})));
}
var styles = {
paper: {
minWidth: 800,
minHeight: 500
},
paperRoot: {
margin: '0px'
}
};
var ExpandedHelpsModal = function ExpandedHelpsModal(_ref) {
var show = _ref.show,
onHide = _ref.onHide,
title = _ref.title,
article = _ref.article,
classes = _ref.classes,
translate = _ref.translate,
direction = _ref.direction;
return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
classes: {
paper: classes.paper
},
dir: direction,
open: show,
onClose: onHide,
maxWidth: "md",
PaperComponent: PaperComponent,
PaperProps: {
className: classes.paperRoot
},
"aria-labelledby": "thelps-dialog"
}, /*#__PURE__*/_react["default"].createElement(_Toolbar["default"], {
className: "thelps-tool-bar"
}, /*#__PURE__*/_react["default"].createElement("div", {
className: "tool-bar-title"
}, title), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
style: {
position: 'absolute',
right: 10
},
color: "inherit",
onClick: onHide,
"aria-label": "Close",
className: "close-button"
}, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Glyphicon, {
glyph: "remove"
}))), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], {
className: "dialog-content",
dir: direction
}, /*#__PURE__*/_react["default"].createElement("div", {
dangerouslySetInnerHTML: {
__html: (0, _marked["default"])(article)
}
})), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], {
disableSpacing: true,
className: "dialog-actions"
}, /*#__PURE__*/_react["default"].createElement("button", {
className: "btn-prime",
onClick: onHide
}, translate('close'))));
};
ExpandedHelpsModal.propTypes = {
show: _propTypes["default"].bool.isRequired,
onHide: _propTypes["default"].func.isRequired,
title: _propTypes["default"].string.isRequired,
article: _propTypes["default"].string.isRequired,
classes: _propTypes["default"].object.isRequired,
translate: _propTypes["default"].func.isRequired,
direction: _propTypes["default"].oneOf(['ltr', 'rtl'])
};
ExpandedHelpsModal.defaultProps = {
direction: 'ltr'
};
var _default = (0, _styles.withStyles)(styles)(ExpandedHelpsModal);
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UcmFuc2xhdGlvbkhlbHBzL0V4cGFuZGVkSGVscHNNb2RhbC9pbmRleC5qcyJdLCJuYW1lcyI6WyJQYXBlckNvbXBvbmVudCIsInByb3BzIiwic3R5bGVzIiwicGFwZXIiLCJtaW5XaWR0aCIsIm1pbkhlaWdodCIsInBhcGVyUm9vdCIsIm1hcmdpbiIsIkV4cGFuZGVkSGVscHNNb2RhbCIsInNob3ciLCJvbkhpZGUiLCJ0aXRsZSIsImFydGljbGUiLCJjbGFzc2VzIiwidHJhbnNsYXRlIiwiZGlyZWN0aW9uIiwiY2xhc3NOYW1lIiwicG9zaXRpb24iLCJyaWdodCIsIl9faHRtbCIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsImJvb2wiLCJpc1JlcXVpcmVkIiwiZnVuYyIsInN0cmluZyIsIm9iamVjdCIsIm9uZU9mIiwiZGVmYXVsdFByb3BzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUlBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUVBOztBQWpCQTs7OztBQW1CQSxTQUFTQSxjQUFULENBQXdCQyxLQUF4QixFQUErQjtBQUM3QjtBQUNBLHNCQUNFLGdDQUFDLDBCQUFEO0FBQVcsSUFBQSxNQUFNLEVBQUM7QUFBbEIsa0JBQ0UsZ0NBQUMsaUJBQUQsZ0NBQVdBLEtBQVg7QUFBa0IsSUFBQSxTQUFTLEVBQUU7QUFBN0IsS0FERixDQURGO0FBS0Q7O0FBRUQsSUFBTUMsTUFBTSxHQUFHO0FBQ2JDLEVBQUFBLEtBQUssRUFBRTtBQUNMQyxJQUFBQSxRQUFRLEVBQUUsR0FETDtBQUVMQyxJQUFBQSxTQUFTLEVBQUU7QUFGTixHQURNO0FBS2JDLEVBQUFBLFNBQVMsRUFBRTtBQUFFQyxJQUFBQSxNQUFNLEVBQUU7QUFBVjtBQUxFLENBQWY7O0FBUUEsSUFBTUMsa0JBQWtCLEdBQUcsU0FBckJBLGtCQUFxQjtBQUFBLE1BQ3pCQyxJQUR5QixRQUN6QkEsSUFEeUI7QUFBQSxNQUV6QkMsTUFGeUIsUUFFekJBLE1BRnlCO0FBQUEsTUFHekJDLEtBSHlCLFFBR3pCQSxLQUh5QjtBQUFBLE1BSXpCQyxPQUp5QixRQUl6QkEsT0FKeUI7QUFBQSxNQUt6QkMsT0FMeUIsUUFLekJBLE9BTHlCO0FBQUEsTUFNekJDLFNBTnlCLFFBTXpCQSxTQU55QjtBQUFBLE1BT3pCQyxTQVB5QixRQU96QkEsU0FQeUI7QUFBQSxzQkFTekIsZ0NBQUMsa0JBQUQ7QUFDRSxJQUFBLE9BQU8sRUFBRTtBQUFFWixNQUFBQSxLQUFLLEVBQUVVLE9BQU8sQ0FBQ1Y7QUFBakIsS0FEWDtBQUVFLElBQUEsR0FBRyxFQUFFWSxTQUZQO0FBR0UsSUFBQSxJQUFJLEVBQUVOLElBSFI7QUFJRSxJQUFBLE9BQU8sRUFBRUMsTUFKWDtBQUtFLElBQUEsUUFBUSxFQUFDLElBTFg7QUFNRSxJQUFBLGNBQWMsRUFBRVYsY0FObEI7QUFPRSxJQUFBLFVBQVUsRUFBRTtBQUFFZ0IsTUFBQUEsU0FBUyxFQUFFSCxPQUFPLENBQUNQO0FBQXJCLEtBUGQ7QUFRRSx1QkFBZ0I7QUFSbEIsa0JBVUUsZ0NBQUMsbUJBQUQ7QUFBUyxJQUFBLFNBQVMsRUFBQztBQUFuQixrQkFDRTtBQUFLLElBQUEsU0FBUyxFQUFDO0FBQWYsS0FDR0ssS0FESCxDQURGLGVBSUUsZ0NBQUMsc0JBQUQ7QUFBWSxJQUFBLEtBQUssRUFBRTtBQUFFTSxNQUFBQSxRQUFRLEVBQUUsVUFBWjtBQUF3QkMsTUFBQUEsS0FBSyxFQUFFO0FBQS9CLEtBQW5CO0FBQXdELElBQUEsS0FBSyxFQUFDLFNBQTlEO0FBQXdFLElBQUEsT0FBTyxFQUFFUixNQUFqRjtBQUF5RixrQkFBVyxPQUFwRztBQUE0RyxJQUFBLFNBQVMsRUFBQztBQUF0SCxrQkFDRSxnQ0FBQyx5QkFBRDtBQUFXLElBQUEsS0FBSyxFQUFDO0FBQWpCLElBREYsQ0FKRixDQVZGLGVBa0JFLGdDQUFDLHlCQUFEO0FBQ0UsSUFBQSxTQUFTLEVBQUMsZ0JBRFo7QUFFRSxJQUFBLEdBQUcsRUFBRUs7QUFGUCxrQkFJRTtBQUFLLElBQUEsdUJBQXVCLEVBQUU7QUFBRUksTUFBQUEsTUFBTSxFQUFFLHdCQUFPUCxPQUFQO0FBQVY7QUFBOUIsSUFKRixDQWxCRixlQXdCRSxnQ0FBQyx5QkFBRDtBQUFlLElBQUEsY0FBYyxNQUE3QjtBQUE4QixJQUFBLFNBQVMsRUFBQztBQUF4QyxrQkFDRTtBQUFRLElBQUEsU0FBUyxFQUFDLFdBQWxCO0FBQThCLElBQUEsT0FBTyxFQUFFRjtBQUF2QyxLQUNHSSxTQUFTLENBQUMsT0FBRCxDQURaLENBREYsQ0F4QkYsQ0FUeUI7QUFBQSxDQUEzQjs7QUEwQ0FOLGtCQUFrQixDQUFDWSxTQUFuQixHQUErQjtBQUM3QlgsRUFBQUEsSUFBSSxFQUFFWSxzQkFBVUMsSUFBVixDQUFlQyxVQURRO0FBRTdCYixFQUFBQSxNQUFNLEVBQUVXLHNCQUFVRyxJQUFWLENBQWVELFVBRk07QUFHN0JaLEVBQUFBLEtBQUssRUFBRVUsc0JBQVVJLE1BQVYsQ0FBaUJGLFVBSEs7QUFJN0JYLEVBQUFBLE9BQU8sRUFBRVMsc0JBQVVJLE1BQVYsQ0FBaUJGLFVBSkc7QUFLN0JWLEVBQUFBLE9BQU8sRUFBRVEsc0JBQVVLLE1BQVYsQ0FBaUJILFVBTEc7QUFNN0JULEVBQUFBLFNBQVMsRUFBRU8sc0JBQVVHLElBQVYsQ0FBZUQsVUFORztBQU83QlIsRUFBQUEsU0FBUyxFQUFFTSxzQkFBVU0sS0FBVixDQUFnQixDQUFDLEtBQUQsRUFBUSxLQUFSLENBQWhCO0FBUGtCLENBQS9CO0FBVUFuQixrQkFBa0IsQ0FBQ29CLFlBQW5CLEdBQWtDO0FBQUViLEVBQUFBLFNBQVMsRUFBRTtBQUFiLENBQWxDOztlQUVlLHdCQUFXYixNQUFYLEVBQW1CTSxrQkFBbkIsQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuKiBAZGVzY3JpcHRpb24gVGhpcyBjb21wb25lbnQgZGlzcGxheXMgYSBtb2RhbCB3aGVuIHRoZSB1c2VyIGNsaWNrcyB0aGVcbiogbmV3LXdpbmRvdyBnbHlwaGljb24gYnV0dG9uIG9uIHRyYW5zbGF0aW9uSGVscHMgY29tcG9uZW50LlxuKi9cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgd2l0aFN0eWxlcyB9IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL3N0eWxlcyc7XG5pbXBvcnQgRGlhbG9nIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0RpYWxvZyc7XG5pbXBvcnQgRGlhbG9nQWN0aW9ucyBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9EaWFsb2dBY3Rpb25zJztcbmltcG9ydCBEaWFsb2dDb250ZW50IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0RpYWxvZ0NvbnRlbnQnO1xuaW1wb3J0IFRvb2xiYXIgZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvVG9vbGJhcic7XG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9JY29uQnV0dG9uJztcbmltcG9ydCB7IEdseXBoaWNvbiB9IGZyb20gJ3JlYWN0LWJvb3RzdHJhcCc7XG5pbXBvcnQgbWFya2VkIGZyb20gJ21hcmtlZCc7XG5pbXBvcnQgUGFwZXIgZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvUGFwZXInO1xuaW1wb3J0IERyYWdnYWJsZSBmcm9tICdyZWFjdC1kcmFnZ2FibGUnO1xuXG5pbXBvcnQgJy4vRXhwYW5kZWRIZWxwc01vZGFsLnN0eWxlcy5jc3MnO1xuXG5mdW5jdGlvbiBQYXBlckNvbXBvbmVudChwcm9wcykge1xuICAvLyBjb21wb25lbnQgd2lsbCBvbmx5IGJlIGRyYWdnYWJsZSBieSBlbGVtZW50IHdpdGggdGhlIGNsYXNzTmFtZSBpbiB0aGUgaGFuZGxlIHByb3BcbiAgcmV0dXJuIChcbiAgICA8RHJhZ2dhYmxlIGhhbmRsZT1cIi50aGVscHMtdG9vbC1iYXIgXCI+XG4gICAgICA8UGFwZXIgey4uLnByb3BzfSBlbGV2YXRpb249ezJ9IC8+XG4gICAgPC9EcmFnZ2FibGU+XG4gICk7XG59XG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgcGFwZXI6IHtcbiAgICBtaW5XaWR0aDogODAwLFxuICAgIG1pbkhlaWdodDogNTAwLFxuICB9LFxuICBwYXBlclJvb3Q6IHsgbWFyZ2luOiAnMHB4JyB9LFxufTtcblxuY29uc3QgRXhwYW5kZWRIZWxwc01vZGFsID0gKHtcbiAgc2hvdyxcbiAgb25IaWRlLFxuICB0aXRsZSxcbiAgYXJ0aWNsZSxcbiAgY2xhc3NlcyxcbiAgdHJhbnNsYXRlLFxuICBkaXJlY3Rpb24sXG59KSA9PiAoXG4gIDxEaWFsb2dcbiAgICBjbGFzc2VzPXt7IHBhcGVyOiBjbGFzc2VzLnBhcGVyIH19XG4gICAgZGlyPXtkaXJlY3Rpb259XG4gICAgb3Blbj17c2hvd31cbiAgICBvbkNsb3NlPXtvbkhpZGV9XG4gICAgbWF4V2lkdGg9J21kJ1xuICAgIFBhcGVyQ29tcG9uZW50PXtQYXBlckNvbXBvbmVudH1cbiAgICBQYXBlclByb3BzPXt7IGNsYXNzTmFtZTogY2xhc3Nlcy5wYXBlclJvb3QgfX1cbiAgICBhcmlhLWxhYmVsbGVkYnk9XCJ0aGVscHMtZGlhbG9nXCJcbiAgPlxuICAgIDxUb29sYmFyIGNsYXNzTmFtZT1cInRoZWxwcy10b29sLWJhclwiPlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJ0b29sLWJhci10aXRsZVwiPlxuICAgICAgICB7dGl0bGV9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxJY29uQnV0dG9uIHN0eWxlPXt7IHBvc2l0aW9uOiAnYWJzb2x1dGUnLCByaWdodDogMTAgfX0gY29sb3I9XCJpbmhlcml0XCIgb25DbGljaz17b25IaWRlfSBhcmlhLWxhYmVsPVwiQ2xvc2VcIiBjbGFzc05hbWU9XCJjbG9zZS1idXR0b25cIj5cbiAgICAgICAgPEdseXBoaWNvbiBnbHlwaD1cInJlbW92ZVwiIC8+XG4gICAgICA8L0ljb25CdXR0b24+XG4gICAgPC9Ub29sYmFyPlxuICAgIDxEaWFsb2dDb250ZW50XG4gICAgICBjbGFzc05hbWU9XCJkaWFsb2ctY29udGVudFwiXG4gICAgICBkaXI9e2RpcmVjdGlvbn1cbiAgICA+XG4gICAgICA8ZGl2IGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogbWFya2VkKGFydGljbGUpIH19IC8+XG4gICAgPC9EaWFsb2dDb250ZW50PlxuICAgIDxEaWFsb2dBY3Rpb25zIGRpc2FibGVTcGFjaW5nIGNsYXNzTmFtZT1cImRpYWxvZy1hY3Rpb25zXCI+XG4gICAgICA8YnV0dG9uIGNsYXNzTmFtZT1cImJ0bi1wcmltZVwiIG9uQ2xpY2s9e29uSGlkZX0+XG4gICAgICAgIHt0cmFuc2xhdGUoJ2Nsb3NlJyl9XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L0RpYWxvZ0FjdGlvbnM+XG4gIDwvRGlhbG9nPlxuKTtcblxuXG5FeHBhbmRlZEhlbHBzTW9kYWwucHJvcFR5cGVzID0ge1xuICBzaG93OiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICBvbkhpZGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHRpdGxlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGFydGljbGU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgY2xhc3NlczogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkLFxuICB0cmFuc2xhdGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsnbHRyJywgJ3J0bCddKSxcbn07XG5cbkV4cGFuZGVkSGVscHNNb2RhbC5kZWZhdWx0UHJvcHMgPSB7IGRpcmVjdGlvbjogJ2x0cicgfTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlcyhzdHlsZXMpKEV4cGFuZGVkSGVscHNNb2RhbCk7XG4iXX0=