react-transition-state 2.1.0-alpha.2 → 2.1.1-alpha.0

package/dist/cjs/index.js

@@ -72,7 +72,10 @@ const useTransition = ({
           break;
         case PRE_ENTER:
         case PRE_EXIT:
-          timeoutId.current = setTimeout(() => transitState(status + 1), 0);
+          timeoutId.current = setTimeout(() => {
+            // Reading document.body.offsetTop can force browser to repaint
+            isNaN(document.body.offsetTop) || transitState(status + 1);
+          }, 0);
           break;
       }
     };
@@ -166,7 +169,10 @@ const useTransitionMap = ({
           break;
         case PRE_ENTER:
         case PRE_EXIT:
-          config.timeoutId = setTimeout(() => transitState(status + 1), 0);
+          config.timeoutId = setTimeout(() => {
+            // Reading document.body.offsetTop can force browser to repaint
+            isNaN(document.body.offsetTop) || transitState(status + 1);
+          }, 0);
           break;
       }
     };

package/dist/es/hooks/useTransition.js

@@ -1,5 +1,5 @@
 import { useState, useRef, useCallback, useEffect } from 'react';
-import { getState, ENTERED, startOrEnd, getTimeout, getEndStatus, PRE_ENTER, ENTERING, PRE_EXIT, EXITING } from './utils.js';
+import { getState, ENTERED, startOrEnd, getEndStatus, PRE_EXIT, EXITING, getTimeout, PRE_ENTER, ENTERING } from './utils.js';
 
 const updateState = (status, setState, latestState, timeoutId, onChange) => {
   clearTimeout(timeoutId.current);
@@ -41,7 +41,10 @@ const useTransition = ({
           break;
         case PRE_ENTER:
         case PRE_EXIT:
-          timeoutId.current = setTimeout(() => transitState(status + 1), 0);
+          timeoutId.current = setTimeout(() => {
+            // Reading document.body.offsetTop can force browser to repaint
+            isNaN(document.body.offsetTop) || transitState(status + 1);
+          }, 0);
           break;
       }
     };

package/dist/es/hooks/useTransitionMap.js

@@ -1,5 +1,5 @@
 import { useState, useRef, useCallback } from 'react';
-import { getTimeout, ENTERED, startOrEnd, getEndStatus, PRE_ENTER, ENTERING, PRE_EXIT, EXITING, getState } from './utils.js';
+import { ENTERED, startOrEnd, getEndStatus, PRE_EXIT, EXITING, getTimeout, PRE_ENTER, ENTERING, getState } from './utils.js';
 
 const initialStateMap = new Map();
 const initialConfigMap = new Map();
@@ -79,7 +79,10 @@ const useTransitionMap = ({
           break;
         case PRE_ENTER:
         case PRE_EXIT:
-          config.timeoutId = setTimeout(() => transitState(status + 1), 0);
+          config.timeoutId = setTimeout(() => {
+            // Reading document.body.offsetTop can force browser to repaint
+            isNaN(document.body.offsetTop) || transitState(status + 1);
+          }, 0);
           break;
       }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-transition-state",
-  "version": "2.1.0-alpha.2",
+  "version": "2.1.1-alpha.0",
   "description": "Zero dependency React transition state machine.",
   "author": "Zheng Song",
   "license": "MIT",
@@ -41,25 +41,25 @@
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.12",
-    "@babel/preset-env": "^7.20.2",
+    "@babel/core": "^7.22.5",
+    "@babel/preset-env": "^7.22.5",
     "@rollup/plugin-babel": "^6.0.3",
-    "@testing-library/react": "^13.4.0",
-    "@types/jest": "^29.4.0",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.5.2",
     "babel-plugin-pure-annotations": "^0.1.2",
     "dtslint": "^4.1.6",
-    "eslint": "^8.33.0",
-    "eslint-config-prettier": "^8.6.0",
+    "eslint": "^8.41.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-jest": "^27.2.1",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "jest": "^29.4.1",
-    "jest-environment-jsdom": "^29.4.1",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.3",
+    "prettier": "^2.8.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "regenerator-runtime": "^0.13.11",
-    "rollup": "^3.14.0",
-    "typescript": "^4.9.5"
+    "rollup": "^3.25.1",
+    "typescript": "^5.1.3"
   }
 }