@twreporter/universal-header 3.0.3-rc.2 → 3.0.3-rc.3

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.3-rc.3](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@3.0.3-rc.2...@twreporter/universal-header@3.0.3-rc.3) (2024-06-23)
+
+
+### Bug Fixes
+
+* **universal-header:** fix scroll hide issue ([7e86579](https://github.com/twreporter/twreporter-npm-packages/commit/7e86579d01ee4452cc902ef105a945be41c158c0))
+
+
+
+
+
 ## [3.0.3-rc.2](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@3.0.3-rc.1...@twreporter/universal-header@3.0.3-rc.2) (2024-06-19)
 
 **Note:** Version bump only for package @twreporter/universal-header

package/lib/containers/header.js

@@ -57,27 +57,13 @@ var Container = function Container(_ref) {
   var readyY = (0, _react.useRef)(0);
   var isTransforming = (0, _react.useRef)(false);
   var transformTimer = (0, _react.useRef)(null);
-  var handleScroll = (0, _react.useCallback)(function () {
-    lastKnownPageYOffset.current = window.pageYOffset;
-    if (!ticking.current) {
-      window.requestAnimationFrame(function () {
-        updateScrollState(lastKnownPageYOffset.current);
-        ticking.current = false;
-      });
-      ticking.current = true;
-    }
-  }, []);
-  var updateScrollState = (0, _react.useCallback)(function (currentScrollTop) {
-    var scrollDirection = currentScrollTop > currentY.current ? 'down' : 'up';
-    currentY.current = currentScrollTop;
-    var updateState = getScrollState(currentScrollTop, scrollDirection);
-    setToUseNarrow(updateState.toUseNarrow);
-    setHideHeader(updateState.hideHeader);
-  }, []);
   var getScrollState = (0, _react.useCallback)(function (scrollTop, scrollDirection) {
     var isCurrentNarrow = toUseNarrow;
     var nextToUseNarrow = scrollTop > TRANSFORM_HEADER_THRESHOLD;
-    var scrollState = {};
+    var scrollState = {
+      toUseNarrow: toUseNarrow,
+      hideHeader: hideHeader
+    };
     if (isTransforming.current) {
       return scrollState;
     }
@@ -106,7 +92,28 @@ var Container = function Container(_ref) {
       }
     }
     return scrollState;
-  }, [toUseNarrow]);
+  }, [toUseNarrow, hideHeader]);
+  var updateScrollState = (0, _react.useCallback)(function (currentScrollTop) {
+    var scrollDirection = currentScrollTop > currentY.current ? 'down' : 'up';
+    currentY.current = currentScrollTop;
+    var updateState = getScrollState(currentScrollTop, scrollDirection);
+    setToUseNarrow(function () {
+      return updateState.toUseNarrow;
+    });
+    setHideHeader(function () {
+      return updateState.hideHeader;
+    });
+  }, [getScrollState]);
+  var handleScroll = (0, _react.useCallback)(function () {
+    lastKnownPageYOffset.current = window.pageYOffset;
+    if (!ticking.current) {
+      window.requestAnimationFrame(function () {
+        updateScrollState(lastKnownPageYOffset.current);
+        ticking.current = false;
+      });
+      ticking.current = true;
+    }
+  }, [updateScrollState]);
   (0, _react.useEffect)(function () {
     window.addEventListener('scroll', handleScroll, {
       passive: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/universal-header",
-  "version": "3.0.3-rc.2",
+  "version": "3.0.3-rc.3",
   "description": "Universal header of TWReporter sites",
   "main": "lib/index.js",
   "scripts": {
@@ -53,5 +53,5 @@
     "babel-loader": "^8.2.5",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "3533d6d6a476f82a3321957472543986229115ba"
+  "gitHead": "71085043100578f659308e6d6d37a3de0a51eab2"
 }