tc-ui-toolkit
Version:
React components used to develop tools for the desktop app translationCore
94 lines (81 loc) • 9.03 kB
JavaScript
"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 _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 _reactBootstrap = require("react-bootstrap");
var OptionDialog = function OptionDialog(_ref) {
var isOpen = _ref.isOpen,
primaryOnclick = _ref.primaryOnclick,
content = _ref.content,
handleClose = _ref.handleClose,
headerTitleText = _ref.headerTitleText,
primaryButtonText = _ref.primaryButtonText,
secondaryButtonText = _ref.secondaryButtonText;
var actions = [/*#__PURE__*/_react["default"].createElement("button", {
key: 1,
className: "btn-second",
onClick: handleClose
}, secondaryButtonText), /*#__PURE__*/_react["default"].createElement("button", {
key: 2,
className: "btn-prime",
onClick: primaryOnclick
}, primaryButtonText)];
var headerContent = /*#__PURE__*/_react["default"].createElement("div", {
style: {
display: 'flex',
justifyContent: 'space-between',
width: '100%',
marginLeft: 20,
marginRight: 20
}
}, /*#__PURE__*/_react["default"].createElement("span", {
style: {
color: 'var(--reverse-color)'
}
}, headerTitleText), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Glyphicon, {
onClick: handleClose,
glyph: 'remove',
style: {
color: 'var(--reverse-color)',
cursor: 'pointer',
fontSize: '18px',
"float": 'right'
}
}));
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
open: isOpen,
fullWidth: true,
onClose: handleClose
}, /*#__PURE__*/_react["default"].createElement(_Toolbar["default"], {
disableGutters: true,
style: {
backgroundColor: 'var(--accent-color-dark)'
}
}, headerContent), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], {
style: {
padding: '0 18px 18px'
}
}, content), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], {
disableSpacing: true
}, actions)));
};
OptionDialog.propTypes = {
handleClose: _propTypes["default"].func.isRequired,
isOpen: _propTypes["default"].bool.isRequired,
primaryOnclick: _propTypes["default"].func.isRequired,
content: _propTypes["default"].any,
headerTitleText: _propTypes["default"].string.isRequired,
primaryButtonText: _propTypes["default"].string.isRequired,
secondaryButtonText: _propTypes["default"].string.isRequired
};
var _default = OptionDialog;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9WZXJzZUVkaXRvci9PcHRpb25EaWFsb2cuanMiXSwibmFtZXMiOlsiT3B0aW9uRGlhbG9nIiwiaXNPcGVuIiwicHJpbWFyeU9uY2xpY2siLCJjb250ZW50IiwiaGFuZGxlQ2xvc2UiLCJoZWFkZXJUaXRsZVRleHQiLCJwcmltYXJ5QnV0dG9uVGV4dCIsInNlY29uZGFyeUJ1dHRvblRleHQiLCJhY3Rpb25zIiwiaGVhZGVyQ29udGVudCIsImRpc3BsYXkiLCJqdXN0aWZ5Q29udGVudCIsIndpZHRoIiwibWFyZ2luTGVmdCIsIm1hcmdpblJpZ2h0IiwiY29sb3IiLCJjdXJzb3IiLCJmb250U2l6ZSIsImJhY2tncm91bmRDb2xvciIsInBhZGRpbmciLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJmdW5jIiwiaXNSZXF1aXJlZCIsImJvb2wiLCJhbnkiLCJzdHJpbmciXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUVBLElBQU1BLFlBQVksR0FBRyxTQUFmQSxZQUFlLE9BUWY7QUFBQSxNQVBKQyxNQU9JLFFBUEpBLE1BT0k7QUFBQSxNQU5KQyxjQU1JLFFBTkpBLGNBTUk7QUFBQSxNQUxKQyxPQUtJLFFBTEpBLE9BS0k7QUFBQSxNQUpKQyxXQUlJLFFBSkpBLFdBSUk7QUFBQSxNQUhKQyxlQUdJLFFBSEpBLGVBR0k7QUFBQSxNQUZKQyxpQkFFSSxRQUZKQSxpQkFFSTtBQUFBLE1BREpDLG1CQUNJLFFBREpBLG1CQUNJO0FBQ0osTUFBTUMsT0FBTyxHQUFHLGNBQ2Q7QUFDRSxJQUFBLEdBQUcsRUFBRSxDQURQO0FBRUUsSUFBQSxTQUFTLEVBQUMsWUFGWjtBQUdFLElBQUEsT0FBTyxFQUFFSjtBQUhYLEtBS0dHLG1CQUxILENBRGMsZUFRZDtBQUNFLElBQUEsR0FBRyxFQUFFLENBRFA7QUFFRSxJQUFBLFNBQVMsRUFBQyxXQUZaO0FBR0UsSUFBQSxPQUFPLEVBQUVMO0FBSFgsS0FLR0ksaUJBTEgsQ0FSYyxDQUFoQjs7QUFpQkEsTUFBTUcsYUFBYSxnQkFDakI7QUFBSyxJQUFBLEtBQUssRUFBRTtBQUNWQyxNQUFBQSxPQUFPLEVBQUUsTUFEQztBQUNPQyxNQUFBQSxjQUFjLEVBQUUsZUFEdkI7QUFDd0NDLE1BQUFBLEtBQUssRUFBQyxNQUQ5QztBQUNzREMsTUFBQUEsVUFBVSxFQUFDLEVBRGpFO0FBQ3FFQyxNQUFBQSxXQUFXLEVBQUM7QUFEakY7QUFBWixrQkFHRTtBQUFNLElBQUEsS0FBSyxFQUFFO0FBQUVDLE1BQUFBLEtBQUssRUFBRTtBQUFUO0FBQWIsS0FBaURWLGVBQWpELENBSEYsZUFJRSxnQ0FBQyx5QkFBRDtBQUNFLElBQUEsT0FBTyxFQUFFRCxXQURYO0FBRUUsSUFBQSxLQUFLLEVBQUUsUUFGVDtBQUdFLElBQUEsS0FBSyxFQUFFO0FBQ0xXLE1BQUFBLEtBQUssRUFBRSxzQkFERjtBQUMwQkMsTUFBQUEsTUFBTSxFQUFFLFNBRGxDO0FBQzZDQyxNQUFBQSxRQUFRLEVBQUUsTUFEdkQ7QUFDK0QsZUFBTztBQUR0RTtBQUhULElBSkYsQ0FERjs7QUFlQSxzQkFDRSwwREFDRSxnQ0FBQyxrQkFBRDtBQUNFLElBQUEsSUFBSSxFQUFFaEIsTUFEUjtBQUVFLElBQUEsU0FBUyxNQUZYO0FBR0UsSUFBQSxPQUFPLEVBQUVHO0FBSFgsa0JBSUUsZ0NBQUMsbUJBQUQ7QUFBUyxJQUFBLGNBQWMsRUFBRSxJQUF6QjtBQUErQixJQUFBLEtBQUssRUFBRTtBQUFFYyxNQUFBQSxlQUFlLEVBQUU7QUFBbkI7QUFBdEMsS0FDR1QsYUFESCxDQUpGLGVBT0UsMkNBUEYsZUFRRSxnQ0FBQyx5QkFBRDtBQUFlLElBQUEsS0FBSyxFQUFFO0FBQUVVLE1BQUFBLE9BQU8sRUFBRTtBQUFYO0FBQXRCLEtBQ0doQixPQURILENBUkYsZUFXRSxnQ0FBQyx5QkFBRDtBQUFlLElBQUEsY0FBYyxFQUFFO0FBQS9CLEtBQ0dLLE9BREgsQ0FYRixDQURGLENBREY7QUFtQkQsQ0E1REQ7O0FBOERBUixZQUFZLENBQUNvQixTQUFiLEdBQXlCO0FBQ3ZCaEIsRUFBQUEsV0FBVyxFQUFFaUIsc0JBQVVDLElBQVYsQ0FBZUMsVUFETDtBQUV2QnRCLEVBQUFBLE1BQU0sRUFBRW9CLHNCQUFVRyxJQUFWLENBQWVELFVBRkE7QUFHdkJyQixFQUFBQSxjQUFjLEVBQUVtQixzQkFBVUMsSUFBVixDQUFlQyxVQUhSO0FBSXZCcEIsRUFBQUEsT0FBTyxFQUFFa0Isc0JBQVVJLEdBSkk7QUFLdkJwQixFQUFBQSxlQUFlLEVBQUVnQixzQkFBVUssTUFBVixDQUFpQkgsVUFMWDtBQU12QmpCLEVBQUFBLGlCQUFpQixFQUFFZSxzQkFBVUssTUFBVixDQUFpQkgsVUFOYjtBQU92QmhCLEVBQUFBLG1CQUFtQixFQUFFYyxzQkFBVUssTUFBVixDQUFpQkg7QUFQZixDQUF6QjtlQVVldkIsWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IERpYWxvZyBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9EaWFsb2cnO1xuaW1wb3J0IERpYWxvZ0FjdGlvbnMgZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvRGlhbG9nQWN0aW9ucyc7XG5pbXBvcnQgRGlhbG9nQ29udGVudCBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9EaWFsb2dDb250ZW50JztcbmltcG9ydCBUb29sYmFyIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL1Rvb2xiYXInO1xuaW1wb3J0IHsgR2x5cGhpY29uIH0gZnJvbSAncmVhY3QtYm9vdHN0cmFwJztcblxuY29uc3QgT3B0aW9uRGlhbG9nID0gKHtcbiAgaXNPcGVuLFxuICBwcmltYXJ5T25jbGljayxcbiAgY29udGVudCxcbiAgaGFuZGxlQ2xvc2UsXG4gIGhlYWRlclRpdGxlVGV4dCxcbiAgcHJpbWFyeUJ1dHRvblRleHQsXG4gIHNlY29uZGFyeUJ1dHRvblRleHQsXG59KSA9PiB7XG4gIGNvbnN0IGFjdGlvbnMgPSBbXG4gICAgPGJ1dHRvblxuICAgICAga2V5PXsxfVxuICAgICAgY2xhc3NOYW1lPVwiYnRuLXNlY29uZFwiXG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbG9zZX1cbiAgICA+XG4gICAgICB7c2Vjb25kYXJ5QnV0dG9uVGV4dH1cbiAgICA8L2J1dHRvbj4sXG4gICAgPGJ1dHRvblxuICAgICAga2V5PXsyfVxuICAgICAgY2xhc3NOYW1lPVwiYnRuLXByaW1lXCJcbiAgICAgIG9uQ2xpY2s9e3ByaW1hcnlPbmNsaWNrfVxuICAgID5cbiAgICAgIHtwcmltYXJ5QnV0dG9uVGV4dH1cbiAgICA8L2J1dHRvbj4sXG4gIF07XG5cbiAgY29uc3QgaGVhZGVyQ29udGVudCA9IChcbiAgICA8ZGl2IHN0eWxlPXt7XG4gICAgICBkaXNwbGF5OiAnZmxleCcsIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsIHdpZHRoOicxMDAlJywgbWFyZ2luTGVmdDoyMCwgbWFyZ2luUmlnaHQ6MjAsXG4gICAgfX0+XG4gICAgICA8c3BhbiBzdHlsZT17eyBjb2xvcjogJ3ZhcigtLXJldmVyc2UtY29sb3IpJyB9fT57aGVhZGVyVGl0bGVUZXh0fTwvc3Bhbj5cbiAgICAgIDxHbHlwaGljb25cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ2xvc2V9XG4gICAgICAgIGdseXBoPXsncmVtb3ZlJ31cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBjb2xvcjogJ3ZhcigtLXJldmVyc2UtY29sb3IpJywgY3Vyc29yOiAncG9pbnRlcicsIGZvbnRTaXplOiAnMThweCcsIGZsb2F0OiAncmlnaHQnLFxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8RGlhbG9nXG4gICAgICAgIG9wZW49e2lzT3Blbn1cbiAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgIG9uQ2xvc2U9e2hhbmRsZUNsb3NlfT5cbiAgICAgICAgPFRvb2xiYXIgZGlzYWJsZUd1dHRlcnM9e3RydWV9IHN0eWxlPXt7IGJhY2tncm91bmRDb2xvcjogJ3ZhcigtLWFjY2VudC1jb2xvci1kYXJrKScgfX0+XG4gICAgICAgICAge2hlYWRlckNvbnRlbnR9XG4gICAgICAgIDwvVG9vbGJhcj5cbiAgICAgICAgPGJyIC8+XG4gICAgICAgIDxEaWFsb2dDb250ZW50IHN0eWxlPXt7IHBhZGRpbmc6ICcwIDE4cHggMThweCcgfX0+XG4gICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgIDwvRGlhbG9nQ29udGVudD5cbiAgICAgICAgPERpYWxvZ0FjdGlvbnMgZGlzYWJsZVNwYWNpbmc9e3RydWV9PlxuICAgICAgICAgIHthY3Rpb25zfVxuICAgICAgICA8L0RpYWxvZ0FjdGlvbnM+XG4gICAgICA8L0RpYWxvZz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbk9wdGlvbkRpYWxvZy5wcm9wVHlwZXMgPSB7XG4gIGhhbmRsZUNsb3NlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBpc09wZW46IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG4gIHByaW1hcnlPbmNsaWNrOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBjb250ZW50OiBQcm9wVHlwZXMuYW55LFxuICBoZWFkZXJUaXRsZVRleHQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgcHJpbWFyeUJ1dHRvblRleHQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgc2Vjb25kYXJ5QnV0dG9uVGV4dDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgT3B0aW9uRGlhbG9nO1xuIl19