rc-util - npm Package Compare versions

Comparing version 5.32.4 to 5.33.0

es/hooks/useLayoutEffect.d.ts

 import * as React from 'react';
-/**
- * Wrap `React.useLayoutEffect` which will not throw warning message in test env
- */
-declare const useLayoutEffect: typeof React.useEffect;
+declare const useLayoutEffect: (callback: (mount: boolean) => void | VoidFunction, deps?: React.DependencyList) => void;
+export declare const useLayoutUpdateEffect: typeof React.useEffect;
 export default useLayoutEffect;
-export declare const useLayoutUpdateEffect: typeof React.useEffect;

es/hooks/useLayoutEffect.js

@@ -7,14 +7,11 @@ import * as React from 'react';
  */
-var useLayoutEffect = process.env.NODE_ENV !== 'test' && canUseDom() ? React.useLayoutEffect : React.useEffect;
-export default useLayoutEffect;
-export var useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {
+var useInternalLayoutEffect = process.env.NODE_ENV !== 'test' && canUseDom() ? React.useLayoutEffect : React.useEffect;
+var useLayoutEffect = function useLayoutEffect(callback, deps) {
   var firstMountRef = React.useRef(true);
-  useLayoutEffect(function () {
-    if (!firstMountRef.current) {
-      return callback();
-    }
+  useInternalLayoutEffect(function () {
+    return callback(firstMountRef.current);
   }, deps);
 
   // We tell react that first mount has passed
-  useLayoutEffect(function () {
+  useInternalLayoutEffect(function () {
     firstMountRef.current = false;
@@ -25,2 +22,10 @@ return function () {
   }, []);
-};
+};
+export var useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {
+  useLayoutEffect(function (firstMount) {
+    if (!firstMount) {
+      return callback();
+    }
+  }, deps);
+};
+export default useLayoutEffect;

lib/hooks/useLayoutEffect.d.ts

 import * as React from 'react';
-/**
- * Wrap `React.useLayoutEffect` which will not throw warning message in test env
- */
-declare const useLayoutEffect: typeof React.useEffect;
+declare const useLayoutEffect: (callback: (mount: boolean) => void | VoidFunction, deps?: React.DependencyList) => void;
+export declare const useLayoutUpdateEffect: typeof React.useEffect;
 export default useLayoutEffect;
-export declare const useLayoutUpdateEffect: typeof React.useEffect;

lib/hooks/useLayoutEffect.js

@@ -14,15 +14,11 @@ "use strict";
  */
-var useLayoutEffect = process.env.NODE_ENV !== 'test' && (0, _canUseDom.default)() ? React.useLayoutEffect : React.useEffect;
-var _default = useLayoutEffect;
-exports.default = _default;
-var useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {
+var useInternalLayoutEffect = process.env.NODE_ENV !== 'test' && (0, _canUseDom.default)() ? React.useLayoutEffect : React.useEffect;
+var useLayoutEffect = function useLayoutEffect(callback, deps) {
   var firstMountRef = React.useRef(true);
-  useLayoutEffect(function () {
-    if (!firstMountRef.current) {
-      return callback();
-    }
+  useInternalLayoutEffect(function () {
+    return callback(firstMountRef.current);
   }, deps);
 
   // We tell react that first mount has passed
-  useLayoutEffect(function () {
+  useInternalLayoutEffect(function () {
     firstMountRef.current = false;
@@ -34,2 +30,11 @@ return function () {
 };
-exports.useLayoutUpdateEffect = useLayoutUpdateEffect;
+var useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {
+  useLayoutEffect(function (firstMount) {
+    if (!firstMount) {
+      return callback();
+    }
+  }, deps);
+};
+exports.useLayoutUpdateEffect = useLayoutUpdateEffect;
+var _default = useLayoutEffect;
+exports.default = _default;

package.json

 {
   "name": "rc-util",
-  "version": "5.32.4",
+  "version": "5.33.0",
   "description": "Common Utils For React Component",
@@ -5,0 +5,0 @@ "keywords": [

No alert changes

Improved metrics

Total package byte prevSize

223737

increased by0.14%

Lines of code

6880

increased by0.06%

No dependency changes