rc-motion - npm Package Compare versions

Comparing version 2.5.0 to 2.5.1

es/hooks/useStatus.js

@@ -7,6 +7,6 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import useState from "rc-util/es/hooks/useState";
-import useLayoutEffect from "rc-util/es/hooks/useLayoutEffect";
 import { STATUS_APPEAR, STATUS_NONE, STATUS_LEAVE, STATUS_ENTER, STEP_PREPARE, STEP_START, STEP_ACTIVE } from '../interface';
 import useStepQueue, { DoStep, SkipStep, isActive } from './useStepQueue';
 import useDomMotionEvents from './useDomMotionEvents';
+import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';
 export default function useStatus(supportMotion, visible, getElement, _ref) {
@@ -156,3 +156,3 @@ var _ref$motionEnter = _ref.motionEnter,
 
-  useLayoutEffect(function () {
+  useIsomorphicLayoutEffect(function () {
     setAsyncVisible(visible);
@@ -159,0 +159,0 @@ var isMounted = mountedRef.current;

es/hooks/useStepQueue.js

 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as React from 'react';
 import useState from "rc-util/es/hooks/useState";
-import useLayoutEffect from "rc-util/es/hooks/useLayoutEffect";
 import { STEP_PREPARE, STEP_ACTIVE, STEP_START, STEP_ACTIVATED, STEP_NONE } from '../interface';
 import useNextFrame from './useNextFrame';
+import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';
 var STEP_QUEUE = [STEP_PREPARE, STEP_START, STEP_ACTIVE, STEP_ACTIVATED];
@@ -32,3 +32,3 @@ /** Skip current step */
 
-  useLayoutEffect(function () {
+  useIsomorphicLayoutEffect(function () {
     if (step !== STEP_NONE && step !== STEP_ACTIVATED) {
@@ -35,0 +35,0 @@ var index = STEP_QUEUE.indexOf(step);

lib/hooks/useStatus.js

@@ -22,4 +22,2 @@ "use strict";
 
-var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
-
 var _interface = require("../interface");
@@ -31,2 +29,4 @@
 
+var _useIsomorphicLayoutEffect = _interopRequireDefault(require("./useIsomorphicLayoutEffect"));
+
 function useStatus(supportMotion, visible, getElement, _ref) {
@@ -176,3 +176,3 @@ var _ref$motionEnter = _ref.motionEnter,
 
-  (0, _useLayoutEffect.default)(function () {
+  (0, _useIsomorphicLayoutEffect.default)(function () {
     setAsyncVisible(visible);
@@ -179,0 +179,0 @@ var isMounted = mountedRef.current;

lib/hooks/useStepQueue.js

@@ -19,4 +19,2 @@ "use strict";
 
-var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
-
 var _interface = require("../interface");
@@ -26,2 +24,4 @@
 
+var _useIsomorphicLayoutEffect = _interopRequireDefault(require("./useIsomorphicLayoutEffect"));
+
 var STEP_QUEUE = [_interface.STEP_PREPARE, _interface.STEP_START, _interface.STEP_ACTIVE, _interface.STEP_ACTIVATED];
@@ -56,3 +56,3 @@ /** Skip current step */
 
-  (0, _useLayoutEffect.default)(function () {
+  (0, _useIsomorphicLayoutEffect.default)(function () {
     if (step !== _interface.STEP_NONE && step !== _interface.STEP_ACTIVATED) {
@@ -59,0 +59,0 @@ var index = STEP_QUEUE.indexOf(step);

package.json

 {
   "name": "rc-motion",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "description": "React lifecycle controlled motion library",
@@ -5,0 +5,0 @@ "keywords": [

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

90674

increased by1.29%

Number of package files

54

increased by8%

Lines of code

1932

increased by1.05%

No dependency changes