tc-ui-toolkit/lib/GroupedMenu/Menu/ProgressIcon.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 _styles = require("@material-ui/core/styles");

var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));

var styles = function styles() {
  return {
    root: {
      position: 'relative'
    },
    progress: {
      postiion: 'absolute',
      color: 'var(--completed-color)'
    },
    shadow: {
      position: 'absolute',
      color: '#EEEEEE'
    }
  };
};
/**
 * Displays a circular progress icon with a faint background
 * @param {number} progress - a value between 0 and 100 inclusive
 */


var ProgressIcon = function ProgressIcon(_ref) {
  var classes = _ref.classes,
      progress = _ref.progress;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: classes.root
  }, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
    className: classes.shadow,
    size: 22,
    thickness: 6,
    variant: "static",
    value: 100
  }), /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
    className: classes.progress,
    size: 22,
    thickness: 7,
    variant: "static",
    value: progress
  }));
};

ProgressIcon.propTypes = {
  classes: _propTypes["default"].object.isRequired,
  progress: _propTypes["default"].number.isRequired
};

var _default = (0, _styles.withStyles)(styles)(ProgressIcon);

exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Hcm91cGVkTWVudS9NZW51L1Byb2dyZXNzSWNvbi5qcyJdLCJuYW1lcyI6WyJzdHlsZXMiLCJyb290IiwicG9zaXRpb24iLCJwcm9ncmVzcyIsInBvc3RpaW9uIiwiY29sb3IiLCJzaGFkb3ciLCJQcm9ncmVzc0ljb24iLCJjbGFzc2VzIiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwib2JqZWN0IiwiaXNSZXF1aXJlZCIsIm51bWJlciJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBRUEsSUFBTUEsTUFBTSxHQUFHLFNBQVRBLE1BQVM7QUFBQSxTQUFPO0FBQ3BCQyxJQUFBQSxJQUFJLEVBQUU7QUFBRUMsTUFBQUEsUUFBUSxFQUFFO0FBQVosS0FEYztBQUVwQkMsSUFBQUEsUUFBUSxFQUFFO0FBQ1JDLE1BQUFBLFFBQVEsRUFBRSxVQURGO0FBRVJDLE1BQUFBLEtBQUssRUFBRTtBQUZDLEtBRlU7QUFNcEJDLElBQUFBLE1BQU0sRUFBRTtBQUNOSixNQUFBQSxRQUFRLEVBQUUsVUFESjtBQUVORyxNQUFBQSxLQUFLLEVBQUU7QUFGRDtBQU5ZLEdBQVA7QUFBQSxDQUFmO0FBWUE7Ozs7OztBQUlBLElBQU1FLFlBQVksR0FBRyxTQUFmQSxZQUFlO0FBQUEsTUFBR0MsT0FBSCxRQUFHQSxPQUFIO0FBQUEsTUFBWUwsUUFBWixRQUFZQSxRQUFaO0FBQUEsc0JBQ25CO0FBQUssSUFBQSxTQUFTLEVBQUVLLE9BQU8sQ0FBQ1A7QUFBeEIsa0JBQ0UsZ0NBQUMsNEJBQUQ7QUFDRSxJQUFBLFNBQVMsRUFBRU8sT0FBTyxDQUFDRixNQURyQjtBQUVFLElBQUEsSUFBSSxFQUFFLEVBRlI7QUFHRSxJQUFBLFNBQVMsRUFBRSxDQUhiO0FBSUUsSUFBQSxPQUFPLEVBQUMsUUFKVjtBQUtFLElBQUEsS0FBSyxFQUFFO0FBTFQsSUFERixlQVFFLGdDQUFDLDRCQUFEO0FBQ0UsSUFBQSxTQUFTLEVBQUVFLE9BQU8sQ0FBQ0wsUUFEckI7QUFFRSxJQUFBLElBQUksRUFBRSxFQUZSO0FBR0UsSUFBQSxTQUFTLEVBQUUsQ0FIYjtBQUlFLElBQUEsT0FBTyxFQUFDLFFBSlY7QUFLRSxJQUFBLEtBQUssRUFBRUE7QUFMVCxJQVJGLENBRG1CO0FBQUEsQ0FBckI7O0FBbUJBSSxZQUFZLENBQUNFLFNBQWIsR0FBeUI7QUFDdkJELEVBQUFBLE9BQU8sRUFBRUUsc0JBQVVDLE1BQVYsQ0FBaUJDLFVBREg7QUFFdkJULEVBQUFBLFFBQVEsRUFBRU8sc0JBQVVHLE1BQVYsQ0FBaUJEO0FBRkosQ0FBekI7O2VBS2Usd0JBQVdaLE1BQVgsRUFBbUJPLFlBQW5CLEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHdpdGhTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuaW1wb3J0IENpcmN1bGFyUHJvZ3Jlc3MgZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvQ2lyY3VsYXJQcm9ncmVzcyc7XG5cbmNvbnN0IHN0eWxlcyA9ICgpID0+ICh7XG4gIHJvb3Q6IHsgcG9zaXRpb246ICdyZWxhdGl2ZScgfSxcbiAgcHJvZ3Jlc3M6IHtcbiAgICBwb3N0aWlvbjogJ2Fic29sdXRlJyxcbiAgICBjb2xvcjogJ3ZhcigtLWNvbXBsZXRlZC1jb2xvciknLFxuICB9LFxuICBzaGFkb3c6IHtcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBjb2xvcjogJyNFRUVFRUUnLFxuICB9LFxufSk7XG5cbi8qKlxuICogRGlzcGxheXMgYSBjaXJjdWxhciBwcm9ncmVzcyBpY29uIHdpdGggYSBmYWludCBiYWNrZ3JvdW5kXG4gKiBAcGFyYW0ge251bWJlcn0gcHJvZ3Jlc3MgLSBhIHZhbHVlIGJldHdlZW4gMCBhbmQgMTAwIGluY2x1c2l2ZVxuICovXG5jb25zdCBQcm9ncmVzc0ljb24gPSAoeyBjbGFzc2VzLCBwcm9ncmVzcyB9KSA9PiAoXG4gIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLnJvb3R9PlxuICAgIDxDaXJjdWxhclByb2dyZXNzXG4gICAgICBjbGFzc05hbWU9e2NsYXNzZXMuc2hhZG93fVxuICAgICAgc2l6ZT17MjJ9XG4gICAgICB0aGlja25lc3M9ezZ9XG4gICAgICB2YXJpYW50PVwic3RhdGljXCJcbiAgICAgIHZhbHVlPXsxMDB9XG4gICAgLz5cbiAgICA8Q2lyY3VsYXJQcm9ncmVzc1xuICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzLnByb2dyZXNzfVxuICAgICAgc2l6ZT17MjJ9XG4gICAgICB0aGlja25lc3M9ezd9XG4gICAgICB2YXJpYW50PVwic3RhdGljXCJcbiAgICAgIHZhbHVlPXtwcm9ncmVzc31cbiAgICAvPlxuICA8L2Rpdj5cbik7XG5cblByb2dyZXNzSWNvbi5wcm9wVHlwZXMgPSB7XG4gIGNsYXNzZXM6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgcHJvZ3Jlc3M6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZXMoc3R5bGVzKShQcm9ncmVzc0ljb24pO1xuIl19