tc-ui-toolkit/lib/VerseCheck/DialogComponent/index.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 _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 _localizationHelpers = require("../helpers/localizationHelpers");

var DialogComponent = function DialogComponent(_ref) {
  var dialogModalVisibility = _ref.dialogModalVisibility,
      translate = _ref.translate,
      handleSkip = _ref.handleSkip,
      handleClose = _ref.handleClose;
  var actions = [/*#__PURE__*/_react["default"].createElement("button", {
    key: 1,
    className: "btn-second",
    onClick: handleSkip
  }, translate('skip')), /*#__PURE__*/_react["default"].createElement("button", {
    key: 2,
    className: "btn-prime",
    onClick: handleClose
  }, translate('close'))];

  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)'
    }
  }, translate('attention')), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Glyphicon, {
    onClick: handleClose,
    glyph: 'remove',
    style: {
      color: 'var(--reverse-color)',
      cursor: 'pointer',
      fontSize: '18px',
      "float": 'right'
    }
  }));

  var select = (0, _localizationHelpers.getTranslatedParts)(translate, 'select_translation', '${span}', 3);
  var skip = (0, _localizationHelpers.getTranslatedParts)(translate, 'can_skip', '${span}', 3);
  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
    open: dialogModalVisibility,
    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("br", null), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, select[0], " ", /*#__PURE__*/_react["default"].createElement("span", {
    style: {
      color: 'var(--accent-color)',
      fontWeight: 'bold'
    }
  }, " ", select[1], " "), " ", select[2]), /*#__PURE__*/_react["default"].createElement("p", null, skip[0], " ", /*#__PURE__*/_react["default"].createElement("span", {
    style: {
      color: 'var(--accent-color)',
      fontWeight: 'bold'
    }
  }, " ", skip[1], " "), " ", skip[2])), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], {
    disableSpacing: true
  }, actions)));
};

DialogComponent.propTypes = {
  translate: _propTypes["default"].func.isRequired,
  handleClose: _propTypes["default"].func.isRequired,
  dialogModalVisibility: _propTypes["default"].bool.isRequired,
  handleSkip: _propTypes["default"].func.isRequired
};
var _default = DialogComponent;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9WZXJzZUNoZWNrL0RpYWxvZ0NvbXBvbmVudC9pbmRleC5qcyJdLCJuYW1lcyI6WyJEaWFsb2dDb21wb25lbnQiLCJkaWFsb2dNb2RhbFZpc2liaWxpdHkiLCJ0cmFuc2xhdGUiLCJoYW5kbGVTa2lwIiwiaGFuZGxlQ2xvc2UiLCJhY3Rpb25zIiwiaGVhZGVyQ29udGVudCIsImRpc3BsYXkiLCJqdXN0aWZ5Q29udGVudCIsIndpZHRoIiwibWFyZ2luTGVmdCIsIm1hcmdpblJpZ2h0IiwiY29sb3IiLCJjdXJzb3IiLCJmb250U2l6ZSIsInNlbGVjdCIsInNraXAiLCJiYWNrZ3JvdW5kQ29sb3IiLCJmb250V2VpZ2h0IiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwiZnVuYyIsImlzUmVxdWlyZWQiLCJib29sIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQSxJQUFJQSxlQUFlLEdBQUcsU0FBbEJBLGVBQWtCLE9BRWhCO0FBQUEsTUFESkMscUJBQ0ksUUFESkEscUJBQ0k7QUFBQSxNQURtQkMsU0FDbkIsUUFEbUJBLFNBQ25CO0FBQUEsTUFEOEJDLFVBQzlCLFFBRDhCQSxVQUM5QjtBQUFBLE1BRDBDQyxXQUMxQyxRQUQwQ0EsV0FDMUM7QUFDSixNQUFNQyxPQUFPLEdBQUcsY0FDZDtBQUNFLElBQUEsR0FBRyxFQUFFLENBRFA7QUFFRSxJQUFBLFNBQVMsRUFBQyxZQUZaO0FBR0UsSUFBQSxPQUFPLEVBQUVGO0FBSFgsS0FJR0QsU0FBUyxDQUFDLE1BQUQsQ0FKWixDQURjLGVBT2Q7QUFDRSxJQUFBLEdBQUcsRUFBRSxDQURQO0FBRUUsSUFBQSxTQUFTLEVBQUMsV0FGWjtBQUdFLElBQUEsT0FBTyxFQUFFRTtBQUhYLEtBSUdGLFNBQVMsQ0FBQyxPQUFELENBSlosQ0FQYyxDQUFoQjs7QUFlQSxNQUFNSSxhQUFhLGdCQUNqQjtBQUFLLElBQUEsS0FBSyxFQUFFO0FBQ1ZDLE1BQUFBLE9BQU8sRUFBRSxNQURDO0FBQ09DLE1BQUFBLGNBQWMsRUFBRSxlQUR2QjtBQUN3Q0MsTUFBQUEsS0FBSyxFQUFDLE1BRDlDO0FBQ3NEQyxNQUFBQSxVQUFVLEVBQUMsRUFEakU7QUFDcUVDLE1BQUFBLFdBQVcsRUFBQztBQURqRjtBQUFaLGtCQUdFO0FBQU0sSUFBQSxLQUFLLEVBQUU7QUFBRUMsTUFBQUEsS0FBSyxFQUFFO0FBQVQ7QUFBYixLQUFpRFYsU0FBUyxDQUFDLFdBQUQsQ0FBMUQsQ0FIRixlQUlFLGdDQUFDLHlCQUFEO0FBQ0UsSUFBQSxPQUFPLEVBQUVFLFdBRFg7QUFFRSxJQUFBLEtBQUssRUFBRSxRQUZUO0FBR0UsSUFBQSxLQUFLLEVBQUU7QUFDTFEsTUFBQUEsS0FBSyxFQUFFLHNCQURGO0FBQzBCQyxNQUFBQSxNQUFNLEVBQUUsU0FEbEM7QUFDNkNDLE1BQUFBLFFBQVEsRUFBRSxNQUR2RDtBQUMrRCxlQUFPO0FBRHRFO0FBSFQsSUFKRixDQURGOztBQWVBLE1BQUlDLE1BQU0sR0FBRyw2Q0FBbUJiLFNBQW5CLEVBQThCLG9CQUE5QixFQUFvRCxTQUFwRCxFQUErRCxDQUEvRCxDQUFiO0FBQ0EsTUFBSWMsSUFBSSxHQUFHLDZDQUFtQmQsU0FBbkIsRUFBOEIsVUFBOUIsRUFBMEMsU0FBMUMsRUFBcUQsQ0FBckQsQ0FBWDtBQUNBLHNCQUNFLDBEQUNFLGdDQUFDLGtCQUFEO0FBQ0UsSUFBQSxJQUFJLEVBQUVELHFCQURSO0FBRUUsSUFBQSxPQUFPLEVBQUVHO0FBRlgsa0JBR0UsZ0NBQUMsbUJBQUQ7QUFBUyxJQUFBLGNBQWMsRUFBRSxJQUF6QjtBQUErQixJQUFBLEtBQUssRUFBRTtBQUFFYSxNQUFBQSxlQUFlLEVBQUU7QUFBbkI7QUFBdEMsS0FDR1gsYUFESCxDQUhGLGVBTUUsMkNBTkYsZUFPRSwyQ0FQRixlQVFFLGdDQUFDLHlCQUFELHFCQUNFLDJDQUNHUyxNQUFNLENBQUMsQ0FBRCxDQURULG9CQUNjO0FBQU0sSUFBQSxLQUFLLEVBQUU7QUFBRUgsTUFBQUEsS0FBSyxFQUFFLHFCQUFUO0FBQWdDTSxNQUFBQSxVQUFVLEVBQUU7QUFBNUM7QUFBYixVQUFxRUgsTUFBTSxDQUFDLENBQUQsQ0FBM0UsTUFEZCxPQUN1R0EsTUFBTSxDQUFDLENBQUQsQ0FEN0csQ0FERixlQUlFLDJDQUNHQyxJQUFJLENBQUMsQ0FBRCxDQURQLG9CQUNZO0FBQU0sSUFBQSxLQUFLLEVBQUU7QUFBRUosTUFBQUEsS0FBSyxFQUFFLHFCQUFUO0FBQWdDTSxNQUFBQSxVQUFVLEVBQUU7QUFBNUM7QUFBYixVQUFxRUYsSUFBSSxDQUFDLENBQUQsQ0FBekUsTUFEWixPQUNtR0EsSUFBSSxDQUFDLENBQUQsQ0FEdkcsQ0FKRixDQVJGLGVBZ0JFLGdDQUFDLHlCQUFEO0FBQWUsSUFBQSxjQUFjLEVBQUU7QUFBL0IsS0FDR1gsT0FESCxDQWhCRixDQURGLENBREY7QUF3QkQsQ0EzREQ7O0FBNkRBTCxlQUFlLENBQUNtQixTQUFoQixHQUE0QjtBQUMxQmpCLEVBQUFBLFNBQVMsRUFBRWtCLHNCQUFVQyxJQUFWLENBQWVDLFVBREE7QUFFMUJsQixFQUFBQSxXQUFXLEVBQUVnQixzQkFBVUMsSUFBVixDQUFlQyxVQUZGO0FBRzFCckIsRUFBQUEscUJBQXFCLEVBQUVtQixzQkFBVUcsSUFBVixDQUFlRCxVQUhaO0FBSTFCbkIsRUFBQUEsVUFBVSxFQUFFaUIsc0JBQVVDLElBQVYsQ0FBZUM7QUFKRCxDQUE1QjtlQU9ldEIsZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IERpYWxvZyBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9EaWFsb2cnO1xuaW1wb3J0IERpYWxvZ0FjdGlvbnMgZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvRGlhbG9nQWN0aW9ucyc7XG5pbXBvcnQgRGlhbG9nQ29udGVudCBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9EaWFsb2dDb250ZW50JztcbmltcG9ydCBUb29sYmFyIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL1Rvb2xiYXInO1xuaW1wb3J0IHsgR2x5cGhpY29uIH0gZnJvbSAncmVhY3QtYm9vdHN0cmFwJztcbmltcG9ydCB7IGdldFRyYW5zbGF0ZWRQYXJ0cyB9IGZyb20gJy4uL2hlbHBlcnMvbG9jYWxpemF0aW9uSGVscGVycyc7XG5cbmxldCBEaWFsb2dDb21wb25lbnQgPSAoe1xuICBkaWFsb2dNb2RhbFZpc2liaWxpdHksIHRyYW5zbGF0ZSwgaGFuZGxlU2tpcCwgaGFuZGxlQ2xvc2UsXG59KSA9PiB7XG4gIGNvbnN0IGFjdGlvbnMgPSBbXG4gICAgPGJ1dHRvblxuICAgICAga2V5PXsxfVxuICAgICAgY2xhc3NOYW1lPVwiYnRuLXNlY29uZFwiXG4gICAgICBvbkNsaWNrPXtoYW5kbGVTa2lwfT5cbiAgICAgIHt0cmFuc2xhdGUoJ3NraXAnKX1cbiAgICA8L2J1dHRvbj4sXG4gICAgPGJ1dHRvblxuICAgICAga2V5PXsyfVxuICAgICAgY2xhc3NOYW1lPVwiYnRuLXByaW1lXCJcbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfSA+XG4gICAgICB7dHJhbnNsYXRlKCdjbG9zZScpfVxuICAgIDwvYnV0dG9uPixcbiAgXTtcblxuICBjb25zdCBoZWFkZXJDb250ZW50ID0gKFxuICAgIDxkaXYgc3R5bGU9e3tcbiAgICAgIGRpc3BsYXk6ICdmbGV4JywganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJywgd2lkdGg6JzEwMCUnLCBtYXJnaW5MZWZ0OjIwLCBtYXJnaW5SaWdodDoyMCxcbiAgICB9fT5cbiAgICAgIDxzcGFuIHN0eWxlPXt7IGNvbG9yOiAndmFyKC0tcmV2ZXJzZS1jb2xvciknIH19Pnt0cmFuc2xhdGUoJ2F0dGVudGlvbicpfTwvc3Bhbj5cbiAgICAgIDxHbHlwaGljb25cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ2xvc2V9XG4gICAgICAgIGdseXBoPXsncmVtb3ZlJ31cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBjb2xvcjogJ3ZhcigtLXJldmVyc2UtY29sb3IpJywgY3Vyc29yOiAncG9pbnRlcicsIGZvbnRTaXplOiAnMThweCcsIGZsb2F0OiAncmlnaHQnLFxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKTtcblxuICBsZXQgc2VsZWN0ID0gZ2V0VHJhbnNsYXRlZFBhcnRzKHRyYW5zbGF0ZSwgJ3NlbGVjdF90cmFuc2xhdGlvbicsICcke3NwYW59JywgMyk7XG4gIGxldCBza2lwID0gZ2V0VHJhbnNsYXRlZFBhcnRzKHRyYW5zbGF0ZSwgJ2Nhbl9za2lwJywgJyR7c3Bhbn0nLCAzKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPERpYWxvZ1xuICAgICAgICBvcGVuPXtkaWFsb2dNb2RhbFZpc2liaWxpdHl9XG4gICAgICAgIG9uQ2xvc2U9e2hhbmRsZUNsb3NlfT5cbiAgICAgICAgPFRvb2xiYXIgZGlzYWJsZUd1dHRlcnM9e3RydWV9IHN0eWxlPXt7IGJhY2tncm91bmRDb2xvcjogJ3ZhcigtLWFjY2VudC1jb2xvci1kYXJrKScgfX0+XG4gICAgICAgICAge2hlYWRlckNvbnRlbnR9XG4gICAgICAgIDwvVG9vbGJhcj5cbiAgICAgICAgPGJyIC8+XG4gICAgICAgIDxiciAvPlxuICAgICAgICA8RGlhbG9nQ29udGVudD5cbiAgICAgICAgICA8cD5cbiAgICAgICAgICAgIHtzZWxlY3RbMF19IDxzcGFuIHN0eWxlPXt7IGNvbG9yOiAndmFyKC0tYWNjZW50LWNvbG9yKScsIGZvbnRXZWlnaHQ6ICdib2xkJyB9fT4ge3NlbGVjdFsxXX0gPC9zcGFuPiB7c2VsZWN0WzJdfVxuICAgICAgICAgIDwvcD5cbiAgICAgICAgICA8cD5cbiAgICAgICAgICAgIHtza2lwWzBdfSA8c3BhbiBzdHlsZT17eyBjb2xvcjogJ3ZhcigtLWFjY2VudC1jb2xvciknLCBmb250V2VpZ2h0OiAnYm9sZCcgfX0+IHtza2lwWzFdfSA8L3NwYW4+IHtza2lwWzJdfVxuICAgICAgICAgIDwvcD5cbiAgICAgICAgPC9EaWFsb2dDb250ZW50PlxuICAgICAgICA8RGlhbG9nQWN0aW9ucyBkaXNhYmxlU3BhY2luZz17dHJ1ZX0+XG4gICAgICAgICAge2FjdGlvbnN9XG4gICAgICAgIDwvRGlhbG9nQWN0aW9ucz5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuRGlhbG9nQ29tcG9uZW50LnByb3BUeXBlcyA9IHtcbiAgdHJhbnNsYXRlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBoYW5kbGVDbG9zZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgZGlhbG9nTW9kYWxWaXNpYmlsaXR5OiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICBoYW5kbGVTa2lwOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgRGlhbG9nQ29tcG9uZW50O1xuIl19