sharyn/components/DelayedProgress.js

"use strict";

var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/objectWithoutProperties"));

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

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

var _lifecycle = _interopRequireDefault(require("recompose/lifecycle"));

var _withState = _interopRequireDefault(require("recompose/withState"));

var _compose = _interopRequireDefault(require("recompose/compose"));

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

/* eslint-disable import/no-extraneous-dependencies */
// flow-disable-next-line
// flow-disable-next-line
// flow-disable-next-line
// flow-disable-next-line
var timerId;
var lifecycle = {
  componentDidMount: function componentDidMount() {
    var _this = this,
        _this$props$delay;

    timerId = setTimeout(function () {
      return _this.props.setShow(true);
    }, (_this$props$delay = this.props.delay) !== null && _this$props$delay !== void 0 ? _this$props$delay : 200);
  },
  componentWillUnmount: function componentWillUnmount() {
    clearTimeout(timerId);
  }
};

var DelayedProgressJSX = function DelayedProgressJSX(_ref) {
  var show = _ref.show,
      setShow = _ref.setShow,
      rest = (0, _objectWithoutProperties2.default)(_ref, ["show", "setShow"]);
  return show ? _react.default.createElement(_CircularProgress.default, rest) : null;
};

DelayedProgressJSX.propTypes = {
  show: _propTypes.default.bool.isRequired,
  setShow: _propTypes.default.func.isRequired
};
var DelayedProgress = (0, _compose.default)((0, _withState.default)('show', 'setShow', false), (0, _lifecycle.default)(lifecycle))(DelayedProgressJSX);
var _default = DelayedProgress;
exports.default = _default;