@tw1934/react-countdown 2.3.6-no-proptypes.0

package/dist/index.es.js

@@ -0,0 +1,473 @@
+import { cloneElement, Component, createElement } from 'react';
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _assertThisInitialized(e) {
+  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
+}
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
+function _classCallCheck(a, n) {
+  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+}
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
+  }
+}
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
+}
+function _getPrototypeOf(t) {
+  return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
+    return t.__proto__ || Object.getPrototypeOf(t);
+  }, _getPrototypeOf(t);
+}
+function _inherits(t, e) {
+  if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
+  t.prototype = Object.create(e && e.prototype, {
+    constructor: {
+      value: t,
+      writable: !0,
+      configurable: !0
+    }
+  }), Object.defineProperty(t, "prototype", {
+    writable: !1
+  }), e && _setPrototypeOf(t, e);
+}
+function _isNativeReflectConstruct() {
+  try {
+    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+  } catch (t) {}
+  return (_isNativeReflectConstruct = function () {
+    return !!t;
+  })();
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _possibleConstructorReturn(t, e) {
+  if (e && ("object" == typeof e || "function" == typeof e)) return e;
+  if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
+  return _assertThisInitialized(t);
+}
+function _setPrototypeOf(t, e) {
+  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+    return t.__proto__ = e, t;
+  }, _setPrototypeOf(t, e);
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+function zeroPad(value) {
+  var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+  var strValue = String(value);
+  if (length === 0) return strValue;
+  var match = strValue.match(/(.*?)([0-9]+)(.*)/);
+  var prefix = match ? match[1] : '';
+  var suffix = match ? match[3] : '';
+  var strNo = match ? match[2] : strValue;
+  var paddedNo = strNo.length >= length ? strNo : (_toConsumableArray(Array(length)).map(function () {
+    return '0';
+  }).join('') + strNo).slice(length * -1);
+  return "".concat(prefix).concat(paddedNo).concat(suffix);
+}
+var timeDeltaFormatOptionsDefaults = {
+  daysInHours: false,
+  zeroPadTime: 2
+};
+function calcTimeDelta(date) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$now = options.now,
+    now = _options$now === void 0 ? Date.now : _options$now,
+    _options$precision = options.precision,
+    precision = _options$precision === void 0 ? 0 : _options$precision,
+    controlled = options.controlled,
+    _options$offsetTime = options.offsetTime,
+    offsetTime = _options$offsetTime === void 0 ? 0 : _options$offsetTime,
+    overtime = options.overtime;
+  var startTimestamp;
+  if (typeof date === 'string') {
+    startTimestamp = new Date(date).getTime();
+  } else if (date instanceof Date) {
+    startTimestamp = date.getTime();
+  } else {
+    startTimestamp = date;
+  }
+  if (!controlled) {
+    startTimestamp += offsetTime;
+  }
+  var timeLeft = controlled ? startTimestamp : startTimestamp - now();
+  var clampedPrecision = Math.min(20, Math.max(0, precision));
+  var total = Math.round(parseFloat(((overtime ? timeLeft : Math.max(0, timeLeft)) / 1000).toFixed(clampedPrecision)) * 1000);
+  var seconds = Math.abs(total) / 1000;
+  return {
+    total: total,
+    days: Math.floor(seconds / (3600 * 24)),
+    hours: Math.floor(seconds / 3600 % 24),
+    minutes: Math.floor(seconds / 60 % 60),
+    seconds: Math.floor(seconds % 60),
+    milliseconds: Number((seconds % 1 * 1000).toFixed()),
+    completed: total <= 0
+  };
+}
+function formatTimeDelta(timeDelta, options) {
+  var days = timeDelta.days,
+    hours = timeDelta.hours,
+    minutes = timeDelta.minutes,
+    seconds = timeDelta.seconds;
+  var _Object$assign = Object.assign(Object.assign({}, timeDeltaFormatOptionsDefaults), options),
+    daysInHours = _Object$assign.daysInHours,
+    zeroPadTime = _Object$assign.zeroPadTime,
+    _Object$assign$zeroPa = _Object$assign.zeroPadDays,
+    zeroPadDays = _Object$assign$zeroPa === void 0 ? zeroPadTime : _Object$assign$zeroPa;
+  var zeroPadTimeLength = Math.min(2, zeroPadTime);
+  var formattedHours = daysInHours ? zeroPad(hours + days * 24, zeroPadTime) : zeroPad(hours, zeroPadTimeLength);
+  return {
+    days: daysInHours ? '' : zeroPad(days, zeroPadDays),
+    hours: formattedHours,
+    minutes: zeroPad(minutes, zeroPadTimeLength),
+    seconds: zeroPad(seconds, zeroPadTimeLength)
+  };
+}
+
+var Countdown = function (_React$Component) {
+  function Countdown() {
+    var _this;
+    _classCallCheck(this, Countdown);
+    _this = _callSuper(this, Countdown, arguments);
+    _this.state = {
+      count: _this.props.count || 3
+    };
+    _this.startCountdown = function () {
+      _this.interval = window.setInterval(function () {
+        var count = _this.state.count - 1;
+        if (count === 0) {
+          _this.stopCountdown();
+          _this.props.onComplete && _this.props.onComplete();
+        } else {
+          _this.setState(function (prevState) {
+            return {
+              count: prevState.count - 1
+            };
+          });
+        }
+      }, 1000);
+    };
+    _this.stopCountdown = function () {
+      clearInterval(_this.interval);
+    };
+    _this.addTime = function (seconds) {
+      _this.stopCountdown();
+      _this.setState(function (prevState) {
+        return {
+          count: prevState.count + seconds
+        };
+      }, _this.startCountdown);
+    };
+    return _this;
+  }
+  _inherits(Countdown, _React$Component);
+  return _createClass(Countdown, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.startCountdown();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      clearInterval(this.interval);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return this.props.children ? cloneElement(this.props.children, {
+        count: this.state.count
+      }) : null;
+    }
+  }]);
+}(Component);
+Countdown.propTypes = {};
+
+var Countdown$1 = function (_React$Component) {
+  function Countdown$1(props) {
+    var _this;
+    _classCallCheck(this, Countdown$1);
+    _this = _callSuper(this, Countdown$1, [props]);
+    _this.mounted = false;
+    _this.initialTimestamp = _this.calcOffsetStartTimestamp();
+    _this.offsetStartTimestamp = _this.props.autoStart ? 0 : _this.initialTimestamp;
+    _this.offsetTime = 0;
+    _this.legacyMode = false;
+    _this.legacyCountdownRef = null;
+    _this.tick = function () {
+      var timeDelta = _this.calcTimeDelta();
+      var callback = timeDelta.completed && !_this.props.overtime ? undefined : _this.props.onTick;
+      _this.setTimeDeltaState(timeDelta, undefined, callback);
+    };
+    _this.setLegacyCountdownRef = function (ref) {
+      _this.legacyCountdownRef = ref;
+    };
+    _this.start = function () {
+      if (_this.isStarted()) return;
+      var prevOffsetStartTimestamp = _this.offsetStartTimestamp;
+      _this.offsetStartTimestamp = 0;
+      _this.offsetTime += prevOffsetStartTimestamp ? _this.calcOffsetStartTimestamp() - prevOffsetStartTimestamp : 0;
+      var timeDelta = _this.calcTimeDelta();
+      _this.setTimeDeltaState(timeDelta, "STARTED", _this.props.onStart);
+      if (!_this.props.controlled && (!timeDelta.completed || _this.props.overtime)) {
+        _this.clearTimer();
+        _this.interval = window.setInterval(_this.tick, _this.props.intervalDelay);
+      }
+    };
+    _this.pause = function () {
+      if (_this.isPaused()) return;
+      _this.clearTimer();
+      _this.offsetStartTimestamp = _this.calcOffsetStartTimestamp();
+      _this.setTimeDeltaState(_this.state.timeDelta, "PAUSED", _this.props.onPause);
+    };
+    _this.stop = function () {
+      if (_this.isStopped()) return;
+      _this.clearTimer();
+      _this.offsetStartTimestamp = _this.calcOffsetStartTimestamp();
+      _this.offsetTime = _this.offsetStartTimestamp - _this.initialTimestamp;
+      _this.setTimeDeltaState(_this.calcTimeDelta(), "STOPPED", _this.props.onStop);
+    };
+    _this.isStarted = function () {
+      return _this.isStatus("STARTED");
+    };
+    _this.isPaused = function () {
+      return _this.isStatus("PAUSED");
+    };
+    _this.isStopped = function () {
+      return _this.isStatus("STOPPED");
+    };
+    _this.isCompleted = function () {
+      return _this.isStatus("COMPLETED");
+    };
+    if (props.date) {
+      var timeDelta = _this.calcTimeDelta();
+      _this.state = {
+        timeDelta: timeDelta,
+        status: timeDelta.completed ? "COMPLETED" : "STOPPED"
+      };
+    } else {
+      _this.legacyMode = true;
+    }
+    return _this;
+  }
+  _inherits(Countdown$1, _React$Component);
+  return _createClass(Countdown$1, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.legacyMode) {
+        return;
+      }
+      this.mounted = true;
+      if (this.props.onMount) this.props.onMount(this.calcTimeDelta());
+      if (this.props.autoStart) this.start();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (this.legacyMode) {
+        return;
+      }
+      if (this.props.date !== prevProps.date) {
+        this.initialTimestamp = this.calcOffsetStartTimestamp();
+        this.offsetStartTimestamp = this.initialTimestamp;
+        this.offsetTime = 0;
+        this.setTimeDeltaState(this.calcTimeDelta());
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.legacyMode) {
+        return;
+      }
+      this.mounted = false;
+      this.clearTimer();
+    }
+  }, {
+    key: "calcTimeDelta",
+    value: function calcTimeDelta$1() {
+      var _this$props = this.props,
+        date = _this$props.date,
+        now = _this$props.now,
+        precision = _this$props.precision,
+        controlled = _this$props.controlled,
+        overtime = _this$props.overtime;
+      return calcTimeDelta(date, {
+        now: now,
+        precision: precision,
+        controlled: controlled,
+        offsetTime: this.offsetTime,
+        overtime: overtime
+      });
+    }
+  }, {
+    key: "calcOffsetStartTimestamp",
+    value: function calcOffsetStartTimestamp() {
+      return Date.now();
+    }
+  }, {
+    key: "addTime",
+    value: function addTime(seconds) {
+      this.legacyCountdownRef.addTime(seconds);
+    }
+  }, {
+    key: "clearTimer",
+    value: function clearTimer() {
+      window.clearInterval(this.interval);
+    }
+  }, {
+    key: "isStatus",
+    value: function isStatus(status) {
+      return this.state.status === status;
+    }
+  }, {
+    key: "setTimeDeltaState",
+    value: function setTimeDeltaState(timeDelta, status, callback) {
+      var _this2 = this;
+      if (!this.mounted) return;
+      var completing = timeDelta.completed && !this.state.timeDelta.completed;
+      var completedOnStart = timeDelta.completed && status === "STARTED";
+      if (completing && !this.props.overtime) {
+        this.clearTimer();
+      }
+      var onDone = function onDone() {
+        if (callback) callback(_this2.state.timeDelta);
+        if (_this2.props.onComplete && (completing || completedOnStart)) {
+          _this2.props.onComplete(timeDelta, completedOnStart);
+        }
+      };
+      return this.setState(function (prevState) {
+        var newStatus = status || prevState.status;
+        if (timeDelta.completed && !_this2.props.overtime) {
+          newStatus = "COMPLETED";
+        } else if (!status && newStatus === "COMPLETED") {
+          newStatus = "STOPPED";
+        }
+        return {
+          timeDelta: timeDelta,
+          status: newStatus
+        };
+      }, onDone);
+    }
+  }, {
+    key: "getApi",
+    value: function getApi() {
+      return this.api = this.api || {
+        start: this.start,
+        pause: this.pause,
+        stop: this.stop,
+        isStarted: this.isStarted,
+        isPaused: this.isPaused,
+        isStopped: this.isStopped,
+        isCompleted: this.isCompleted
+      };
+    }
+  }, {
+    key: "getRenderProps",
+    value: function getRenderProps() {
+      var _this$props2 = this.props,
+        daysInHours = _this$props2.daysInHours,
+        zeroPadTime = _this$props2.zeroPadTime,
+        zeroPadDays = _this$props2.zeroPadDays;
+      var timeDelta = this.state.timeDelta;
+      return Object.assign(Object.assign({}, timeDelta), {
+        api: this.getApi(),
+        props: this.props,
+        formatted: formatTimeDelta(timeDelta, {
+          daysInHours: daysInHours,
+          zeroPadTime: zeroPadTime,
+          zeroPadDays: zeroPadDays
+        })
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.legacyMode) {
+        var _this$props3 = this.props,
+          count = _this$props3.count,
+          _children = _this$props3.children,
+          onComplete = _this$props3.onComplete;
+        return createElement(Countdown, {
+          ref: this.setLegacyCountdownRef,
+          count: count,
+          onComplete: onComplete
+        }, _children);
+      }
+      var _this$props4 = this.props,
+        className = _this$props4.className,
+        overtime = _this$props4.overtime,
+        children = _this$props4.children,
+        renderer = _this$props4.renderer;
+      var renderProps = this.getRenderProps();
+      if (renderer) {
+        return renderer(renderProps);
+      }
+      if (children && this.state.timeDelta.completed && !overtime) {
+        return cloneElement(children, {
+          countdown: renderProps
+        });
+      }
+      var _renderProps$formatte = renderProps.formatted,
+        days = _renderProps$formatte.days,
+        hours = _renderProps$formatte.hours,
+        minutes = _renderProps$formatte.minutes,
+        seconds = _renderProps$formatte.seconds;
+      return createElement("span", {
+        className: className
+      }, renderProps.total < 0 ? '-' : '', days, days ? ':' : '', hours, ":", minutes, ":", seconds);
+    }
+  }]);
+}(Component);
+Countdown$1.defaultProps = Object.assign(Object.assign({}, timeDeltaFormatOptionsDefaults), {
+  controlled: false,
+  intervalDelay: 1000,
+  precision: 0,
+  autoStart: true
+});
+Countdown$1.propTypes = {};
+
+export default Countdown$1;
+export { calcTimeDelta, formatTimeDelta, zeroPad };