tc-ui-toolkit/lib/VerseCheck/ThreeDotMenu/index.js

React components used to develop tools for the desktop app translationCore

"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));

var _react = _interopRequireWildcard(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _reactBootstrap = require("react-bootstrap");

var _ThreeDotIcon = _interopRequireDefault(require("../../ThreeDotIcon"));

var _FontSizeSlider = _interopRequireDefault(require("../../FontSizeSlider"));

var _DropdownMenu = _interopRequireWildcard(require("../../DropdownMenu"));

function ThreeDotMenu(_ref) {
  var title = _ref.title,
      label = _ref.label,
      namespace = _ref.namespace,
      anchorOrigin = _ref.anchorOrigin,
      toolsSettings = _ref.toolsSettings,
      setToolSettings = _ref.setToolSettings,
      transformOrigin = _ref.transformOrigin,
      handleMyLanguageModal = _ref.handleMyLanguageModal;

  var _useState = (0, _react.useState)(null),
      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
      anchorEl = _useState2[0],
      setAnchorEl = _useState2[1];

  var open = Boolean(anchorEl);

  var handleClick = function handleClick(event) {
    setAnchorEl(event.currentTarget);
  };

  var handleClose = function handleClose() {
    setAnchorEl(null);
  };

  var handleFontSizeChange = function handleFontSizeChange(fontSize) {
    setToolSettings(namespace, 'fontSize', fontSize);
  };

  var _ref2 = toolsSettings[namespace] || {},
      fontSize = _ref2.fontSize;

  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ThreeDotIcon["default"], {
    onClick: handleClick
  }), /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
    open: open,
    anchorEl: anchorEl,
    onClose: handleClose,
    anchorOrigin: anchorOrigin,
    transformOrigin: transformOrigin,
    style: {
      margin: '-23px 0px 0px'
    }
  }, /*#__PURE__*/_react["default"].createElement(_DropdownMenu.MenuItem, {
    divider: true,
    onClick: function onClick() {
      handleMyLanguageModal();
      handleClose();
    },
    style: {
      display: 'flex',
      justifyContent: 'flex-start',
      alignItems: 'center'
    }
  }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Glyphicon, {
    title: title,
    glyph: "fullscreen",
    style: {
      fontSize: '20px',
      color: '#000000'
    }
  }), /*#__PURE__*/_react["default"].createElement("div", {
    title: title,
    style: {
      margin: '0px 10px',
      color: '#000000'
    }
  }, label)), /*#__PURE__*/_react["default"].createElement(_DropdownMenu.MenuItem, {
    disableOnClick: true
  }, /*#__PURE__*/_react["default"].createElement(_FontSizeSlider["default"], {
    value: fontSize,
    onChange: handleFontSizeChange
  }))));
}

ThreeDotMenu.defaultProps = {
  anchorOrigin: {
    vertical: 'bottom',
    horizontal: 'left'
  },
  transformOrigin: {
    vertical: 'top',
    horizontal: 'right'
  }
};
ThreeDotMenu.propTypes = {
  anchorOrigin: _propTypes["default"].object,
  transformOrigin: _propTypes["default"].object,
  title: _propTypes["default"].string.isRequired,
  label: _propTypes["default"].string.isRequired,
  namespace: _propTypes["default"].string.isRequired,
  toolsSettings: _propTypes["default"].object.isRequired,
  setToolSettings: _propTypes["default"].func.isRequired,
  handleMyLanguageModal: _propTypes["default"].func.isRequired
};
var _default = ThreeDotMenu;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9WZXJzZUNoZWNrL1RocmVlRG90TWVudS9pbmRleC5qcyJdLCJuYW1lcyI6WyJUaHJlZURvdE1lbnUiLCJ0aXRsZSIsImxhYmVsIiwibmFtZXNwYWNlIiwiYW5jaG9yT3JpZ2luIiwidG9vbHNTZXR0aW5ncyIsInNldFRvb2xTZXR0aW5ncyIsInRyYW5zZm9ybU9yaWdpbiIsImhhbmRsZU15TGFuZ3VhZ2VNb2RhbCIsImFuY2hvckVsIiwic2V0QW5jaG9yRWwiLCJvcGVuIiwiQm9vbGVhbiIsImhhbmRsZUNsaWNrIiwiZXZlbnQiLCJjdXJyZW50VGFyZ2V0IiwiaGFuZGxlQ2xvc2UiLCJoYW5kbGVGb250U2l6ZUNoYW5nZSIsImZvbnRTaXplIiwibWFyZ2luIiwiZGlzcGxheSIsImp1c3RpZnlDb250ZW50IiwiYWxpZ25JdGVtcyIsImNvbG9yIiwiZGVmYXVsdFByb3BzIiwidmVydGljYWwiLCJob3Jpem9udGFsIiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwib2JqZWN0Iiwic3RyaW5nIiwiaXNSZXF1aXJlZCIsImZ1bmMiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQSxTQUFTQSxZQUFULE9BU0c7QUFBQSxNQVJEQyxLQVFDLFFBUkRBLEtBUUM7QUFBQSxNQVBEQyxLQU9DLFFBUERBLEtBT0M7QUFBQSxNQU5EQyxTQU1DLFFBTkRBLFNBTUM7QUFBQSxNQUxEQyxZQUtDLFFBTERBLFlBS0M7QUFBQSxNQUpEQyxhQUlDLFFBSkRBLGFBSUM7QUFBQSxNQUhEQyxlQUdDLFFBSERBLGVBR0M7QUFBQSxNQUZEQyxlQUVDLFFBRkRBLGVBRUM7QUFBQSxNQUREQyxxQkFDQyxRQUREQSxxQkFDQzs7QUFBQSxrQkFDK0IscUJBQVMsSUFBVCxDQUQvQjtBQUFBO0FBQUEsTUFDTUMsUUFETjtBQUFBLE1BQ2dCQyxXQURoQjs7QUFFRCxNQUFNQyxJQUFJLEdBQUdDLE9BQU8s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LGFBQWEsRUFBRXVCLHNCQUFVQyxNQUFWLENBQWlCRSxVQU5UO0FBT3ZCekIsRUFBQUEsZUFBZSxFQUFFc0Isc0JBQVVJLElBQVYsQ0FBZUQsVUFQVDtBQVF2QnZCLEVBQUFBLHFCQUFxQixFQUFFb0Isc0JBQVVJLElBQVYsQ0FBZUQ7QUFSZixDQUF6QjtlQVdlL0IsWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBHbHlwaGljb24gfSBmcm9tICdyZWFjdC1ib290c3RyYXAnO1xuaW1wb3J0IFRocmVlRG90SWNvbiBmcm9tICcuLi8uLi9UaHJlZURvdEljb24nO1xuaW1wb3J0IEZvbnRTaXplU2xpZGVyIGZyb20gJy4uLy4uL0ZvbnRTaXplU2xpZGVyJztcbmltcG9ydCBEcm9wZG93bk1lbnUsIHsgTWVudUl0ZW0gfSBmcm9tICcuLi8uLi9Ecm9wZG93bk1lbnUnO1xuXG5mdW5jdGlvbiBUaHJlZURvdE1lbnUoe1xuICB0aXRsZSxcbiAgbGFiZWwsXG4gIG5hbWVzcGFjZSxcbiAgYW5jaG9yT3JpZ2luLFxuICB0b29sc1NldHRpbmdzLFxuICBzZXRUb29sU2V0dGluZ3MsXG4gIHRyYW5zZm9ybU9yaWdpbixcbiAgaGFuZGxlTXlMYW5ndWFnZU1vZGFsLFxufSkge1xuICBjb25zdCBbYW5jaG9yRWwsIHNldEFuY2hvckVsXSA9IHVzZVN0YXRlKG51bGwpO1xuICBjb25zdCBvcGVuID0gQm9vbGVhbihhbmNob3JFbCk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSBldmVudCA9PiB7XG4gICAgc2V0QW5jaG9yRWwoZXZlbnQuY3VycmVudFRhcmdldCk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgc2V0QW5jaG9yRWwobnVsbCk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlRm9udFNpemVDaGFuZ2UgPSAoZm9udFNpemUpID0+IHtcbiAgICBzZXRUb29sU2V0dGluZ3MobmFtZXNwYWNlLCAnZm9udFNpemUnLCBmb250U2l6ZSk7XG4gIH07XG5cbiAgY29uc3QgeyBmb250U2l6ZSB9ID0gdG9vbHNTZXR0aW5nc1tuYW1lc3BhY2VdIHx8IHt9O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxUaHJlZURvdEljb24gb25DbGljaz17aGFuZGxlQ2xpY2t9Lz5cbiAgICAgIDxEcm9wZG93bk1lbnVcbiAgICAgICAgb3Blbj17b3Blbn1cbiAgICAgICAgYW5jaG9yRWw9e2FuY2hvckVsfVxuICAgICAgICBvbkNsb3NlPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgYW5jaG9yT3JpZ2luPXthbmNob3JPcmlnaW59XG4gICAgICAgIHRyYW5zZm9ybU9yaWdpbj17dHJhbnNmb3JtT3JpZ2lufVxuICAgICAgICBzdHlsZT17eyBtYXJnaW46ICctMjNweCAwcHggMHB4JyB9fVxuICAgICAgPlxuICAgICAgICA8TWVudUl0ZW1cbiAgICAgICAgICBkaXZpZGVyXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgaGFuZGxlTXlMYW5ndWFnZU1vZGFsKCk7XG4gICAgICAgICAgICBoYW5kbGVDbG9zZSgpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JywganVzdGlmeUNvbnRlbnQ6ICdmbGV4LXN0YXJ0JywgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIDxHbHlwaGljb25cbiAgICAgICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgICAgIGdseXBoPSdmdWxsc2NyZWVuJ1xuICAgICAgICAgICAgc3R5bGU9e3sgZm9udFNpemU6ICcyMHB4JywgY29sb3I6ICcjMDAwMDAwJyB9fVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPGRpdiB0aXRsZT17dGl0bGV9IHN0eWxlPXt7IG1hcmdpbjogJzBweCAxMHB4JywgY29sb3I6ICcjMDAwMDAwJyB9fT5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9NZW51SXRlbT5cbiAgICAgICAgPE1lbnVJdGVtIGRpc2FibGVPbkNsaWNrPlxuICAgICAgICAgIDxGb250U2l6ZVNsaWRlciB2YWx1ZT17Zm9udFNpemV9IG9uQ2hhbmdlPXtoYW5kbGVGb250U2l6ZUNoYW5nZX0vPlxuICAgICAgICA8L01lbnVJdGVtPlxuICAgICAgPC9Ecm9wZG93bk1lbnU+XG4gICAgPC8+XG4gICk7XG59XG5cblRocmVlRG90TWVudS5kZWZhdWx0UHJvcHMgPSB7XG4gIGFuY2hvck9yaWdpbjogeyB2ZXJ0aWNhbDogJ2JvdHRvbScsIGhvcml6b250YWw6ICdsZWZ0JyB9LFxuICB0cmFuc2Zvcm1PcmlnaW46IHsgdmVydGljYWw6ICd0b3AnLCBob3Jpem9udGFsOiAncmlnaHQnIH0sXG59O1xuXG5UaHJlZURvdE1lbnUucHJvcFR5cGVzID0ge1xuICBhbmNob3JPcmlnaW46IFByb3BUeXBlcy5vYmplY3QsXG4gIHRyYW5zZm9ybU9yaWdpbjogUHJvcFR5cGVzLm9iamVjdCxcbiAgdGl0bGU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgbmFtZXNwYWNlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIHRvb2xzU2V0dGluZ3M6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgc2V0VG9vbFNldHRpbmdzOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBoYW5kbGVNeUxhbmd1YWdlTW9kYWw6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBUaHJlZURvdE1lbnU7XG4iXX0=