@designbycosmic/cosmic-react-scroll-hook - npm Package Compare versions

Comparing version 0.1.0 to 0.2.0

dist/index.js

@@ -23,5 +23,2 @@ "use strict";
 var hasWindow = typeof window !== "undefined";
-var lastKnownScrollX = 0;
-var lastKnownScrollY = 0;
-var ticking = false;
 
@@ -31,3 +28,5 @@ var getPosition = function getPosition() {
     scrollX: hasWindow ? window.pageXOffset : 0,
-    scrollY: hasWindow ? window.pageYOffset : 0
+    scrollY: hasWindow ? window.pageYOffset : 0,
+    scrollingUp: false,
+    scrollingDown: false
   };
@@ -42,2 +41,6 @@ };
 
+  var lastKnownScrollX = (0, _react.useRef)(0);
+  var lastKnownScrollY = (0, _react.useRef)(0);
+  var ticking = (0, _react.useRef)(false);
+
   var handleScroll = function handleScroll(e) {
@@ -48,18 +51,18 @@ if (!hasWindow) {
 
-    var scrollingUp = window.pageYOffset < lastKnownScrollY;
-    var scrollingDown = window.pageYOffset > lastKnownScrollY;
-    lastKnownScrollX = window.pageXOffset;
-    lastKnownScrollY = window.pageYOffset;
+    var scrollingUp = window.pageYOffset < lastKnownScrollY.current;
+    var scrollingDown = window.pageYOffset > lastKnownScrollY.current;
+    lastKnownScrollX.current = window.pageXOffset;
+    lastKnownScrollY.current = window.pageYOffset;
 
-    if (!ticking) {
+    if (!ticking.current) {
       window.requestAnimationFrame(function () {
         setPosition({
-          scrollX: lastKnownScrollX,
-          scrollY: lastKnownScrollY,
+          scrollX: lastKnownScrollX.current,
+          scrollY: lastKnownScrollY.current,
           scrollingUp: scrollingUp,
           scrollingDown: scrollingDown
         });
-        ticking = false;
+        ticking.current = false;
       });
-      ticking = true;
+      ticking.current = true;
     }
@@ -85,2 +88,2 @@ };
 exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJuYW1lcyI6WyJoYXNXaW5kb3ciLCJ3aW5kb3ciLCJsYXN0S25vd25TY3JvbGxYIiwibGFzdEtub3duU2Nyb2xsWSIsInRpY2tpbmciLCJnZXRQb3NpdGlvbiIsInNjcm9sbFgiLCJwYWdlWE9mZnNldCIsInNjcm9sbFkiLCJwYWdlWU9mZnNldCIsInVzZVNjcm9sbFBvc2l0aW9uIiwicG9zaXRpb24iLCJzZXRQb3NpdGlvbiIsImhhbmRsZVNjcm9sbCIsImUiLCJzY3JvbGxpbmdVcCIsInNjcm9sbGluZ0Rvd24iLCJyZXF1ZXN0QW5pbWF0aW9uRnJhbWUiLCJhZGRFdmVudExpc3RlbmVyIiwic3VwcG9ydHNQYXNzaXZlIiwicGFzc2l2ZSIsInJlbW92ZUV2ZW50TGlzdGVuZXIiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQTs7QUFDQTs7Ozs7Ozs7Ozs7O0FBRUEsSUFBTUEsU0FBUyxHQUFHLE9BQU9DLE1BQVAsS0FBa0IsV0FBcEM7QUFFQSxJQUFJQyxnQkFBZ0IsR0FBRyxDQUF2QjtBQUNBLElBQUlDLGdCQUFnQixHQUFHLENBQXZCO0FBQ0EsSUFBSUMsT0FBTyxHQUFHLEtBQWQ7O0FBRUEsSUFBTUMsV0FBVyxHQUFHLFNBQWRBLFdBQWM7QUFBQSxTQUFPO0FBQ3pCQyxJQUFBQSxPQUFPLEVBQUVOLFNBQVMsR0FBR0MsTUFBTSxDQUFDTSxXQUFWLEdBQXdCLENBRGpCO0FBRXpCQyxJQUFBQSxPQUFPLEVBQUVSLFNBQVMsR0FBR0MsTUFBTSxDQUFDUSxXQUFWLEdBQXdCO0FBRmpCLEdBQVA7QUFBQSxDQUFwQjs7QUFLQSxTQUFTQyxpQkFBVCxHQUE2QjtBQUFBLGtCQUNLLHFCQUFTTCxXQUFXLEVBQXBCLENBREw7QUFBQTtBQUFBLE1BQ3BCTSxRQURvQjtBQUFBLE1BQ1ZDLFdBRFU7O0FBRzNCLE1BQU1DLFlBQVksR0FBRyxTQUFmQSxZQUFlLENBQUFDLENBQUMsRUFBSTtBQUN4QixRQUFJLENBQUNkLFNBQUwsRUFBZ0I7QUFDZCxhQUFPLEtBQVA7QUFDRDs7QUFFRCxRQUFNZSxXQUFXLEdBQUdkLE1BQU0sQ0FBQ1EsV0FBUCxHQUFxQk4sZ0JBQXpDO0FBQ0EsUUFBTWEsYUFBYSxHQUFHZixNQUFNLENBQUNRLFdBQVAsR0FBcUJOLGdCQUEzQztBQUVBRCxJQUFBQSxnQkFBZ0IsR0FBR0QsTUFBTSxDQUFDTSxXQUExQjtBQUNBSixJQUFBQSxnQkFBZ0IsR0FBR0YsTUFBTSxDQUFDUSxXQUExQjs7QUFFQSxRQUFJLENBQUNMLE9BQUwsRUFBYztBQUNaSCxNQUFBQSxNQUFNLENBQUNnQixxQkFBUCxDQUE2QixZQUFXO0FBQ3RDTCxRQUFBQSxXQUFXLENBQUM7QUFDVk4sVUFBQUEsT0FBTyxFQUFFSixnQkFEQztBQUVWTSxVQUFBQSxPQUFPLEVBQUVMLGdCQUZDO0FBR1ZZLFVBQUFBLFdBQVcsRUFBWEEsV0FIVTtBQUlWQyxVQUFBQSxhQUFhLEVBQWJBO0FBSlUsU0FBRCxDQUFYO0FBTUFaLFFBQUFBLE9BQU8sR0FBRyxLQUFWO0FBQ0QsT0FSRDtBQVVBQSxNQUFBQSxPQUFPLEdBQUcsSUFBVjtBQUNEO0FBQ0YsR0F4QkQ7O0FBMEJBLHdCQUFVLFlBQU07QUFDZCxRQUFJLENBQUNKLFNBQUwsRUFBZ0I7QUFDZCxhQUFPLEtBQVA7QUFDRDs7QUFFREMsSUFBQUEsTUFBTSxDQUFDaUIsZ0JBQVAsQ0FDRSxRQURGLEVBRUVMLFlBRkYsRUFHRU0sOEJBQWtCO0FBQUVDLE1BQUFBLE9BQU8sRUFBRTtBQUFYLEtBQWxCLEdBQXNDLEtBSHhDO0FBTUEsV0FBTztBQUFBLGFBQU1uQixNQUFNLENBQUNvQixtQkFBUCxDQUEyQixRQUEzQixFQUFxQ1IsWUFBckMsQ0FBTjtBQUFBLEtBQVA7QUFDRCxHQVpELEVBWUcsRUFaSDtBQWNBLFNBQU9GLFFBQVA7QUFDRDs7ZUFFY0QsaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3VwcG9ydHNQYXNzaXZlIGZyb20gXCIuL3V0aWxzL3N1cHBvcnRzUGFzc2l2ZVwiO1xuXG5jb25zdCBoYXNXaW5kb3cgPSB0eXBlb2Ygd2luZG93ICE9PSBcInVuZGVmaW5lZFwiO1xuXG5sZXQgbGFzdEtub3duU2Nyb2xsWCA9IDA7XG5sZXQgbGFzdEtub3duU2Nyb2xsWSA9IDA7XG5sZXQgdGlja2luZyA9IGZhbHNlO1xuXG5jb25zdCBnZXRQb3NpdGlvbiA9ICgpID0+ICh7XG4gIHNjcm9sbFg6IGhhc1dpbmRvdyA/IHdpbmRvdy5wYWdlWE9mZnNldCA6IDAsXG4gIHNjcm9sbFk6IGhhc1dpbmRvdyA/IHdpbmRvdy5wYWdlWU9mZnNldCA6IDAsXG59KTtcblxuZnVuY3Rpb24gdXNlU2Nyb2xsUG9zaXRpb24oKSB7XG4gIGNvbnN0IFtwb3NpdGlvbiwgc2V0UG9zaXRpb25dID0gdXNlU3RhdGUoZ2V0UG9zaXRpb24oKSk7XG5cbiAgY29uc3QgaGFuZGxlU2Nyb2xsID0gZSA9PiB7XG4gICAgaWYgKCFoYXNXaW5kb3cpIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG5cbiAgICBjb25zdCBzY3JvbGxpbmdVcCA9IHdpbmRvdy5wYWdlWU9mZnNldCA8IGxhc3RLbm93blNjcm9sbFk7XG4gICAgY29uc3Qgc2Nyb2xsaW5nRG93biA9IHdpbmRvdy5wYWdlWU9mZnNldCA+IGxhc3RLbm93blNjcm9sbFk7XG4gICAgXG4gICAgbGFzdEtub3duU2Nyb2xsWCA9IHdpbmRvdy5wYWdlWE9mZnNldDtcbiAgICBsYXN0S25vd25TY3JvbGxZID0gd2luZG93LnBhZ2VZT2Zmc2V0O1xuICBcbiAgICBpZiAoIXRpY2tpbmcpIHtcbiAgICAgIHdpbmRvdy5yZXF1ZXN0QW5pbWF0aW9uRnJhbWUoZnVuY3Rpb24oKSB7XG4gICAgICAgIHNldFBvc2l0aW9uKHtcbiAgICAgICAgICBzY3JvbGxYOiBsYXN0S25vd25TY3JvbGxYLFxuICAgICAgICAgIHNjcm9sbFk6IGxhc3RLbm93blNjcm9sbFksXG4gICAgICAgICAgc2Nyb2xsaW5nVXAsXG4gICAgICAgICAgc2Nyb2xsaW5nRG93biwgXG4gICAgICAgIH0pO1xuICAgICAgICB0aWNraW5nID0gZmFsc2U7XG4gICAgICB9KTtcbiAgXG4gICAgICB0aWNraW5nID0gdHJ1ZTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWhhc1dpbmRvdykge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cblxuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKFxuICAgICAgXCJzY3JvbGxcIixcbiAgICAgIGhhbmRsZVNjcm9sbCxcbiAgICAgIHN1cHBvcnRzUGFzc2l2ZSA/IHsgcGFzc2l2ZTogdHJ1ZSB9IDogZmFsc2VcbiAgICApO1xuXG4gICAgcmV0dXJuICgpID0+IHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKFwic2Nyb2xsXCIsIGhhbmRsZVNjcm9sbCk7XG4gIH0sIFtdKTtcblxuICByZXR1cm4gcG9zaXRpb247XG59XG5cbmV4cG9ydCBkZWZhdWx0IHVzZVNjcm9sbFBvc2l0aW9uOyJdfQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJuYW1lcyI6WyJoYXNXaW5kb3ciLCJ3aW5kb3ciLCJnZXRQb3NpdGlvbiIsInNjcm9sbFgiLCJwYWdlWE9mZnNldCIsInNjcm9sbFkiLCJwYWdlWU9mZnNldCIsInNjcm9sbGluZ1VwIiwic2Nyb2xsaW5nRG93biIsInVzZVNjcm9sbFBvc2l0aW9uIiwicG9zaXRpb24iLCJzZXRQb3NpdGlvbiIsImxhc3RLbm93blNjcm9sbFgiLCJsYXN0S25vd25TY3JvbGxZIiwidGlja2luZyIsImhhbmRsZVNjcm9sbCIsImUiLCJjdXJyZW50IiwicmVxdWVzdEFuaW1hdGlvbkZyYW1lIiwiYWRkRXZlbnRMaXN0ZW5lciIsInN1cHBvcnRzUGFzc2l2ZSIsInBhc3NpdmUiLCJyZW1vdmVFdmVudExpc3RlbmVyIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUE7O0FBQ0E7Ozs7Ozs7Ozs7OztBQUVBLElBQU1BLFNBQVMsR0FBRyxPQUFPQyxNQUFQLEtBQWtCLFdBQXBDOztBQUVBLElBQU1DLFdBQVcsR0FBRyxTQUFkQSxXQUFjO0FBQUEsU0FBTztBQUN6QkMsSUFBQUEsT0FBTyxFQUFFSCxTQUFTLEdBQUdDLE1BQU0sQ0FBQ0csV0FBVixHQUF3QixDQURqQjtBQUV6QkMsSUFBQUEsT0FBTyxFQUFFTCxTQUFTLEdBQUdDLE1BQU0sQ0FBQ0ssV0FBVixHQUF3QixDQUZqQjtBQUd6QkMsSUFBQUEsV0FBVyxFQUFFLEtBSFk7QUFJekJDLElBQUFBLGFBQWEsRUFBRTtBQUpVLEdBQVA7QUFBQSxDQUFwQjs7QUFPQSxTQUFTQyxpQkFBVCxHQUE2QjtBQUFBLGtCQUNLLHFCQUFTUCxXQUFXLEVBQXBCLENBREw7QUFBQTtBQUFBLE1BQ3BCUSxRQURvQjtBQUFBLE1BQ1ZDLFdBRFU7O0FBRzNCLE1BQU1DLGdCQUFnQixHQUFHLG1CQUFPLENBQVAsQ0FBekI7QUFDQSxNQUFNQyxnQkFBZ0IsR0FBRyxtQkFBTyxDQUFQLENBQXpCO0FBQ0EsTUFBTUMsT0FBTyxHQUFHLG1CQUFPLEtBQVAsQ0FBaEI7O0FBRUEsTUFBTUMsWUFBWSxHQUFHLFNBQWZBLFlBQWUsQ0FBQUMsQ0FBQyxFQUFJO0FBQ3hCLFFBQUksQ0FBQ2hCLFNBQUwsRUFBZ0I7QUFDZCxhQUFPLEtBQVA7QUFDRDs7QUFFRCxRQUFNTyxXQUFXLEdBQUdOLE1BQU0sQ0FBQ0ssV0FBUCxHQUFxQk8sZ0JBQWdCLENBQUNJLE9BQTFEO0FBQ0EsUUFBTVQsYUFBYSxHQUFHUCxNQUFNLENBQUNLLFdBQVAsR0FBcUJPLGdCQUFnQixDQUFDSSxPQUE1RDtBQUVBTCxJQUFBQSxnQkFBZ0IsQ0FBQ0ssT0FBakIsR0FBMkJoQixNQUFNLENBQUNHLFdBQWxDO0FBQ0FTLElBQUFBLGdCQUFnQixDQUFDSSxPQUFqQixHQUEyQmhCLE1BQU0sQ0FBQ0ssV0FBbEM7O0FBRUEsUUFBSSxDQUFDUSxPQUFPLENBQUNHLE9BQWIsRUFBc0I7QUFDcEJoQixNQUFBQSxNQUFNLENBQUNpQixxQkFBUCxDQUE2QixZQUFXO0FBQ3RDUCxRQUFBQSxXQUFXLENBQUM7QUFDVlIsVUFBQUEsT0FBTyxFQUFFUyxnQkFBZ0IsQ0FBQ0ssT0FEaEI7QUFFVlosVUFBQUEsT0FBTyxFQUFFUSxnQkFBZ0IsQ0FBQ0ksT0FGaEI7QUFHVlYsVUFBQUEsV0FBVyxFQUFYQSxXQUhVO0FBSVZDLFVBQUFBLGFBQWEsRUFBYkE7QUFKVSxTQUFELENBQVg7QUFNQU0sUUFBQUEsT0FBTyxDQUFDRyxPQUFSLEdBQWtCLEtBQWxCO0FBQ0QsT0FSRDtBQVVBSCxNQUFBQSxPQUFPLENBQUNHLE9BQVIsR0FBa0IsSUFBbEI7QUFDRDtBQUNGLEdBeEJEOztBQTBCQSx3QkFBVSxZQUFNO0FBQ2QsUUFBSSxDQUFDakIsU0FBTCxFQUFnQjtBQUNkLGFBQU8sS0FBUDtBQUNEOztBQUVEQyxJQUFBQSxNQUFNLENBQUNrQixnQkFBUCxDQUNFLFFBREYsRUFFRUosWUFGRixFQUdFSyw4QkFBa0I7QUFBRUMsTUFBQUEsT0FBTyxFQUFFO0FBQVgsS0FBbEIsR0FBc0MsS0FIeEM7QUFNQSxXQUFPO0FBQUEsYUFBTXBCLE1BQU0sQ0FBQ3FCLG1CQUFQLENBQTJCLFFBQTNCLEVBQXFDUCxZQUFyQyxDQUFOO0FBQUEsS0FBUDtBQUNELEdBWkQsRUFZRyxFQVpIO0FBY0EsU0FBT0wsUUFBUDtBQUNEOztlQUVjRCxpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZVN0YXRlLCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN1cHBvcnRzUGFzc2l2ZSBmcm9tIFwiLi91dGlscy9zdXBwb3J0c1Bhc3NpdmVcIjtcblxuY29uc3QgaGFzV2luZG93ID0gdHlwZW9mIHdpbmRvdyAhPT0gXCJ1bmRlZmluZWRcIjtcblxuY29uc3QgZ2V0UG9zaXRpb24gPSAoKSA9PiAoe1xuICBzY3JvbGxYOiBoYXNXaW5kb3cgPyB3aW5kb3cucGFnZVhPZmZzZXQgOiAwLFxuICBzY3JvbGxZOiBoYXNXaW5kb3cgPyB3aW5kb3cucGFnZVlPZmZzZXQgOiAwLFxuICBzY3JvbGxpbmdVcDogZmFsc2UsXG4gIHNjcm9sbGluZ0Rvd246IGZhbHNlLFxufSk7XG5cbmZ1bmN0aW9uIHVzZVNjcm9sbFBvc2l0aW9uKCkge1xuICBjb25zdCBbcG9zaXRpb24sIHNldFBvc2l0aW9uXSA9IHVzZVN0YXRlKGdldFBvc2l0aW9uKCkpO1xuXG4gIGNvbnN0IGxhc3RLbm93blNjcm9sbFggPSB1c2VSZWYoMCk7XG4gIGNvbnN0IGxhc3RLbm93blNjcm9sbFkgPSB1c2VSZWYoMCk7XG4gIGNvbnN0IHRpY2tpbmcgPSB1c2VSZWYoZmFsc2UpO1xuXG4gIGNvbnN0IGhhbmRsZVNjcm9sbCA9IGUgPT4ge1xuICAgIGlmICghaGFzV2luZG93KSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgY29uc3Qgc2Nyb2xsaW5nVXAgPSB3aW5kb3cucGFnZVlPZmZzZXQgPCBsYXN0S25vd25TY3JvbGxZLmN1cnJlbnQ7XG4gICAgY29uc3Qgc2Nyb2xsaW5nRG93biA9IHdpbmRvdy5wYWdlWU9mZnNldCA+IGxhc3RLbm93blNjcm9sbFkuY3VycmVudDtcbiAgICBcbiAgICBsYXN0S25vd25TY3JvbGxYLmN1cnJlbnQgPSB3aW5kb3cucGFnZVhPZmZzZXQ7XG4gICAgbGFzdEtub3duU2Nyb2xsWS5jdXJyZW50ID0gd2luZG93LnBhZ2VZT2Zmc2V0O1xuICBcbiAgICBpZiAoIXRpY2tpbmcuY3VycmVudCkge1xuICAgICAgd2luZG93LnJlcXVlc3RBbmltYXRpb25GcmFtZShmdW5jdGlvbigpIHtcbiAgICAgICAgc2V0UG9zaXRpb24oe1xuICAgICAgICAgIHNjcm9sbFg6IGxhc3RLbm93blNjcm9sbFguY3VycmVudCxcbiAgICAgICAgICBzY3JvbGxZOiBsYXN0S25vd25TY3JvbGxZLmN1cnJlbnQsXG4gICAgICAgICAgc2Nyb2xsaW5nVXAsXG4gICAgICAgICAgc2Nyb2xsaW5nRG93biwgXG4gICAgICAgIH0pO1xuICAgICAgICB0aWNraW5nLmN1cnJlbnQgPSBmYWxzZTtcbiAgICAgIH0pO1xuICBcbiAgICAgIHRpY2tpbmcuY3VycmVudCA9IHRydWU7XG4gICAgfVxuICB9O1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFoYXNXaW5kb3cpIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG5cbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcihcbiAgICAgIFwic2Nyb2xsXCIsXG4gICAgICBoYW5kbGVTY3JvbGwsXG4gICAgICBzdXBwb3J0c1Bhc3NpdmUgPyB7IHBhc3NpdmU6IHRydWUgfSA6IGZhbHNlXG4gICAgKTtcblxuICAgIHJldHVybiAoKSA9PiB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcInNjcm9sbFwiLCBoYW5kbGVTY3JvbGwpO1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIHBvc2l0aW9uO1xufVxuXG5leHBvcnQgZGVmYXVsdCB1c2VTY3JvbGxQb3NpdGlvbjsiXX0=

package.json

 {
   "name": "@designbycosmic/cosmic-react-scroll-hook",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "main": "dist/index.js",
@@ -5,0 +5,0 @@ "source": "src/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

21199

increased by3.42%

Lines of code

180

increased by1.12%

No dependency changes