@tanem/react-nprogress 3.0.79 → 4.0.0-beta.1

package/dist/react-nprogress.umd.development.js

@@ -2,7 +2,7 @@
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
 	typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
 	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.NProgress = {}, global.React));
-}(this, (function (exports, React) { 'use strict';
+})(this, (function (exports, React) { 'use strict';
 
 	function _interopNamespace(e) {
 		if (e && e.__esModule) return e;
@@ -13,14 +13,12 @@
 					var d = Object.getOwnPropertyDescriptor(e, k);
 					Object.defineProperty(n, k, d.get ? d : {
 						enumerable: true,
-						get: function () {
-							return e[k];
-						}
+						get: function () { return e[k]; }
 					});
 				}
 			});
 		}
-		n['default'] = e;
+		n["default"] = e;
 		return Object.freeze(n);
 	}
 
@@ -50,8 +48,7 @@
 	  return target;
 	}
 
-	module.exports = _objectWithoutPropertiesLoose;
-	module.exports["default"] = module.exports, module.exports.__esModule = true;
+	module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
 	});
 
 	var _objectWithoutPropertiesLoose = unwrapExports(objectWithoutPropertiesLoose);
@@ -70,14 +67,11 @@
 	    }
 
 	    return target;
-	  };
-
-	  module.exports["default"] = module.exports, module.exports.__esModule = true;
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
 	  return _extends.apply(this, arguments);
 	}
 
-	module.exports = _extends;
-	module.exports["default"] = module.exports, module.exports.__esModule = true;
+	module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
 	});
 
 	var _extends = unwrapExports(_extends_1);
@@ -186,73 +180,90 @@
 	  return clamp(progress + amount, 0, 0.994);
 	};
 
-	var isRunning = false;
-	var pending = [];
+	var createQueue = function createQueue() {
+	  var isRunning = false;
+	  var pending = [];
 
-	var next = function next() {
-	  isRunning = true;
-	  var cb = pending.shift();
+	  var next = function next() {
+	    isRunning = true;
+	    var cb = pending.shift();
 
-	  if (cb) {
-	    return cb(next);
-	  }
+	    if (cb) {
+	      return cb(next);
+	    }
 
-	  isRunning = false;
-	};
+	    isRunning = false;
+	  };
 
-	var clear = function clear() {
-	  isRunning = false;
-	  pending = [];
-	};
-	var queue = function queue(cb) {
-	  pending.push(cb);
+	  var clear = function clear() {
+	    isRunning = false;
+	    pending = [];
+	  };
 
-	  if (!isRunning && pending.length === 1) {
-	    next();
-	  }
-	};
+	  var queue = function queue(cb) {
+	    pending.push(cb);
 
-	var handle;
-	var cancel = function cancel() {
-	  if (handle) {
-	    window.cancelAnimationFrame(handle);
-	  }
+	    if (!isRunning && pending.length === 1) {
+	      next();
+	    }
+	  };
+
+	  return {
+	    clear: clear,
+	    queue: queue
+	  };
 	};
-	var timeout = function timeout(callback, delay) {
-	  var deltaTime;
-	  var start;
 
-	  var frame = function frame(time) {
-	    start = start || time;
-	    deltaTime = time - start;
+	var createTimeout = function createTimeout() {
+	  var handle;
 
-	    if (deltaTime > delay) {
-	      callback();
-	      return;
+	  var cancel = function cancel() {
+	    console.log('cancel');
+
+	    if (handle) {
+	      window.cancelAnimationFrame(handle);
 	    }
+	  };
+
+	  var timeout = function timeout(callback, delay) {
+	    var deltaTime;
+	    var start;
+
+	    var frame = function frame(time) {
+	      start = start || time;
+	      deltaTime = time - start;
+
+	      if (deltaTime > delay) {
+	        callback();
+	        return;
+	      }
+
+	      handle = window.requestAnimationFrame(frame);
+	    };
 
 	    handle = window.requestAnimationFrame(frame);
 	  };
 
-	  handle = window.requestAnimationFrame(frame);
+	  return {
+	    cancel: cancel,
+	    timeout: timeout
+	  };
 	};
 
 	/* istanbul ignore next */
 
 	var noop = function noop() {
 	  return undefined;
-	};
+	}; // const initialState: State = {
+	//   isFinished: true,
+	//   progress: 0,
+	//   sideEffect: noop,
+	// }
+	// const cleanup = () => {
+	//   cancelCurrentTimeout()
+	//   clearQueue()
+	// }
 
-	var initialState = {
-	  isFinished: true,
-	  progress: 0,
-	  sideEffect: noop
-	};
-
-	var cleanup = function cleanup() {
-	  cancel();
-	  clear();
-	};
 
 	var useNProgress = function useNProgress(_temp) {
 	  var _ref = _temp === void 0 ? {} : _temp,
@@ -265,10 +276,29 @@
 	      _ref$minimum = _ref.minimum,
 	      minimum = _ref$minimum === void 0 ? 0.08 : _ref$minimum;
 
+	  var initialState = {
+	    isFinished: true,
+	    progress: 0,
+	    sideEffect: noop
+	  };
+
 	  var _useGetSetState = useGetSetState$1(initialState),
 	      get = _useGetSetState[0],
 	      setState = _useGetSetState[1];
 
+	  var _createQueue = createQueue(),
+	      clearQueue = _createQueue.clear,
+	      queue = _createQueue.queue;
+
+	  var _createTimeout = createTimeout(),
+	      cancelCurrentTimeout = _createTimeout.cancel,
+	      timeout = _createTimeout.timeout;
+
+	  var cleanup = function cleanup() {
+	    cancelCurrentTimeout();
+	    clearQueue();
+	  };
+
 	  var set = React.useCallback(function (n) {
 	    n = clamp(n, minimum, 1);
 
@@ -357,45 +387,6 @@
 	  return children(renderProps);
 	};
 
-	var reactIs_production_min = createCommonjsModule(function (module, exports) {
-	Object.defineProperty(exports,"__esModule",{value:!0});
-	var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?Symbol.for("react.suspense_list"):
-	60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.fundamental"):60117,w=b?Symbol.for("react.responder"):60118,x=b?Symbol.for("react.scope"):60119;function y(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function z(a){return y(a)===m}
-	exports.typeOf=y;exports.AsyncMode=l;exports.ConcurrentMode=m;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=n;exports.Fragment=e;exports.Lazy=t;exports.Memo=r;exports.Portal=d;exports.Profiler=g;exports.StrictMode=f;exports.Suspense=p;
-	exports.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===v||a.$$typeof===w||a.$$typeof===x)};exports.isAsyncMode=function(a){return z(a)||y(a)===l};exports.isConcurrentMode=z;exports.isContextConsumer=function(a){return y(a)===k};exports.isContextProvider=function(a){return y(a)===h};
-	exports.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};exports.isForwardRef=function(a){return y(a)===n};exports.isFragment=function(a){return y(a)===e};exports.isLazy=function(a){return y(a)===t};exports.isMemo=function(a){return y(a)===r};exports.isPortal=function(a){return y(a)===d};exports.isProfiler=function(a){return y(a)===g};exports.isStrictMode=function(a){return y(a)===f};exports.isSuspense=function(a){return y(a)===p};
-	});
-
-	unwrapExports(reactIs_production_min);
-	reactIs_production_min.typeOf;
-	reactIs_production_min.AsyncMode;
-	reactIs_production_min.ConcurrentMode;
-	reactIs_production_min.ContextConsumer;
-	reactIs_production_min.ContextProvider;
-	reactIs_production_min.Element;
-	reactIs_production_min.ForwardRef;
-	reactIs_production_min.Fragment;
-	reactIs_production_min.Lazy;
-	reactIs_production_min.Memo;
-	reactIs_production_min.Portal;
-	reactIs_production_min.Profiler;
-	reactIs_production_min.StrictMode;
-	reactIs_production_min.Suspense;
-	reactIs_production_min.isValidElementType;
-	reactIs_production_min.isAsyncMode;
-	reactIs_production_min.isConcurrentMode;
-	reactIs_production_min.isContextConsumer;
-	reactIs_production_min.isContextProvider;
-	reactIs_production_min.isElement;
-	reactIs_production_min.isForwardRef;
-	reactIs_production_min.isFragment;
-	reactIs_production_min.isLazy;
-	reactIs_production_min.isMemo;
-	reactIs_production_min.isPortal;
-	reactIs_production_min.isProfiler;
-	reactIs_production_min.isStrictMode;
-	reactIs_production_min.isSuspense;
-
 	var reactIs_development = createCommonjsModule(function (module, exports) {
 
 
@@ -403,8 +394,6 @@
 	{
 	  (function() {
 
-	Object.defineProperty(exports, '__esModule', { value: true });
-
 	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
 	// nor polyfill, then a plain number is used for performance.
 	var hasSymbol = typeof Symbol === 'function' && Symbol.for;
@@ -424,70 +413,16 @@
 	var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
 	var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
 	var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+	var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
 	var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
 	var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
 	var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
 
 	function isValidElementType(type) {
 	  return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-	  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE);
-	}
-
-	/**
-	 * Forked from fbjs/warning:
-	 * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
-	 *
-	 * Only change is we use console.warn instead of console.error,
-	 * and do nothing when 'console' is not supported.
-	 * This really simplifies the code.
-	 * ---
-	 * Similar to invariant but only logs a warning if the condition is not met.
-	 * This can be used to log issues in development environments in critical
-	 * paths. Removing the logging code for production environments will keep the
-	 * same logic and follow the same code paths.
-	 */
-	var lowPriorityWarningWithoutStack = function () {};
-
-	{
-	  var printWarning = function (format) {
-	    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-	      args[_key - 1] = arguments[_key];
-	    }
-
-	    var argIndex = 0;
-	    var message = 'Warning: ' + format.replace(/%s/g, function () {
-	      return args[argIndex++];
-	    });
-
-	    if (typeof console !== 'undefined') {
-	      console.warn(message);
-	    }
-
-	    try {
-	      // --- Welcome to debugging React ---
-	      // This error was thrown as a convenience so that you can use this stack
-	      // to find the callsite that caused this warning to fire.
-	      throw new Error(message);
-	    } catch (x) {}
-	  };
-
-	  lowPriorityWarningWithoutStack = function (condition, format) {
-	    if (format === undefined) {
-	      throw new Error('`lowPriorityWarningWithoutStack(condition, format, ...args)` requires a warning ' + 'message argument');
-	    }
-
-	    if (!condition) {
-	      for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
-	        args[_key2 - 2] = arguments[_key2];
-	      }
-
-	      printWarning.apply(void 0, [format].concat(args));
-	    }
-	  };
+	  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
 	}
 
-	var lowPriorityWarningWithoutStack$1 = lowPriorityWarningWithoutStack;
-
 	function typeOf(object) {
 	  if (typeof object === 'object' && object !== null) {
 	    var $$typeof = object.$$typeof;
@@ -548,8 +483,9 @@
 	function isAsyncMode(object) {
 	  {
 	    if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-	      hasWarnedAboutDeprecatedIsAsyncMode = true;
-	      lowPriorityWarningWithoutStack$1(false, 'The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
+	      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
+
+	      console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
 	    }
 	  }
 
@@ -592,7 +528,6 @@
 	  return typeOf(object) === REACT_SUSPENSE_TYPE;
 	}
 
-	exports.typeOf = typeOf;
 	exports.AsyncMode = AsyncMode;
 	exports.ConcurrentMode = ConcurrentMode;
 	exports.ContextConsumer = ContextConsumer;
@@ -606,7 +541,6 @@
 	exports.Profiler = Profiler;
 	exports.StrictMode = StrictMode;
 	exports.Suspense = Suspense;
-	exports.isValidElementType = isValidElementType;
 	exports.isAsyncMode = isAsyncMode;
 	exports.isConcurrentMode = isConcurrentMode;
 	exports.isContextConsumer = isContextConsumer;
@@ -620,12 +554,11 @@
 	exports.isProfiler = isProfiler;
 	exports.isStrictMode = isStrictMode;
 	exports.isSuspense = isSuspense;
+	exports.isValidElementType = isValidElementType;
+	exports.typeOf = typeOf;
 	  })();
 	}
 	});
-
-	unwrapExports(reactIs_development);
-	reactIs_development.typeOf;
 	reactIs_development.AsyncMode;
 	reactIs_development.ConcurrentMode;
 	reactIs_development.ContextConsumer;
@@ -639,7 +572,6 @@
 	reactIs_development.Profiler;
 	reactIs_development.StrictMode;
 	reactIs_development.Suspense;
-	reactIs_development.isValidElementType;
 	reactIs_development.isAsyncMode;
 	reactIs_development.isConcurrentMode;
 	reactIs_development.isContextConsumer;
@@ -653,6 +585,8 @@
 	reactIs_development.isProfiler;
 	reactIs_development.isStrictMode;
 	reactIs_development.isSuspense;
+	reactIs_development.isValidElementType;
+	reactIs_development.typeOf;
 
 	var reactIs = createCommonjsModule(function (module) {
 
@@ -777,5 +711,5 @@
 
 	Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=react-nprogress.umd.development.js.map