rc-motion - npm Package Compare versions

Comparing version 2.4.9 to 2.5.0

es/CSSMotion.js

@@ -10,3 +10,3 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import findDOMNode from "rc-util/es/Dom/findDOMNode";
-import { fillRef } from "rc-util/es/ref";
+import { fillRef, supportRef } from "rc-util/es/ref";
 import classNames from 'classnames';
@@ -82,3 +82,3 @@ import { getTransitionName, supportTransition } from './util/motion';
       fillRef(ref, node);
-    }, []); // ===================== Render =====================
+    }, [ref]); // ===================== Render =====================
 
@@ -129,2 +129,14 @@ var motionChildren;
       }), setNodeRef);
+    } // Auto inject ref if child node not have `ref` props
+
+
+    if ( /*#__PURE__*/React.isValidElement(motionChildren) && supportRef(motionChildren)) {
+      var _motionChildren = motionChildren,
+          originNodeRef = _motionChildren.ref;
+
+      if (!originNodeRef) {
+        motionChildren = /*#__PURE__*/React.cloneElement(motionChildren, {
+          ref: setNodeRef
+        });
+      }
     }
@@ -131,0 +143,0 @@

es/hooks/useDomMotionEvents.d.ts

@@ -1,3 +0,3 @@
-import { MotionEvent } from '../interface';
+import type { MotionEvent } from '../interface';
 declare const _default: (callback: (event: MotionEvent) => void) => [(element: HTMLElement) => void, (element: HTMLElement) => void];
 export default _default;

es/hooks/useStatus.js

@@ -7,4 +7,4 @@ 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 useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';
 import useStepQueue, { DoStep, SkipStep, isActive } from './useStepQueue';
@@ -156,3 +156,3 @@ import useDomMotionEvents from './useDomMotionEvents';
 
-  useIsomorphicLayoutEffect(function () {
+  useLayoutEffect(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 useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';
 import useNextFrame from './useNextFrame';
@@ -32,3 +32,3 @@ var STEP_QUEUE = [STEP_PREPARE, STEP_START, STEP_ACTIVE, STEP_ACTIVATED];
 
-  useIsomorphicLayoutEffect(function () {
+  useLayoutEffect(function () {
     if (step !== STEP_NONE && step !== STEP_ACTIVATED) {
@@ -35,0 +35,0 @@ var index = STEP_QUEUE.indexOf(step);

lib/CSSMotion.js

@@ -104,3 +104,3 @@ "use strict";
       (0, _ref.fillRef)(ref, node);
-    }, []); // ===================== Render =====================
+    }, [ref]); // ===================== Render =====================
 
@@ -150,2 +150,14 @@ var motionChildren;
       }), setNodeRef);
+    } // Auto inject ref if child node not have `ref` props
+
+
+    if ( /*#__PURE__*/React.isValidElement(motionChildren) && (0, _ref.supportRef)(motionChildren)) {
+      var _motionChildren = motionChildren,
+          originNodeRef = _motionChildren.ref;
+
+      if (!originNodeRef) {
+        motionChildren = /*#__PURE__*/React.cloneElement(motionChildren, {
+          ref: setNodeRef
+        });
+      }
     }
@@ -152,0 +164,0 @@

lib/hooks/useDomMotionEvents.d.ts

@@ -1,3 +0,3 @@
-import { MotionEvent } from '../interface';
+import type { MotionEvent } from '../interface';
 declare const _default: (callback: (event: MotionEvent) => void) => [(element: HTMLElement) => void, (element: HTMLElement) => void];
 export default _default;

lib/hooks/useStatus.js

@@ -22,6 +22,6 @@ "use strict";
 
+var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
+
 var _interface = require("../interface");
 
-var _useIsomorphicLayoutEffect = _interopRequireDefault(require("./useIsomorphicLayoutEffect"));
-
 var _useStepQueue3 = _interopRequireWildcard(require("./useStepQueue"));
@@ -175,3 +175,3 @@
 
-  (0, _useIsomorphicLayoutEffect.default)(function () {
+  (0, _useLayoutEffect.default)(function () {
     setAsyncVisible(visible);
@@ -178,0 +178,0 @@ var isMounted = mountedRef.current;

lib/hooks/useStepQueue.js

@@ -19,6 +19,6 @@ "use strict";
 
+var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
+
 var _interface = require("../interface");
 
-var _useIsomorphicLayoutEffect = _interopRequireDefault(require("./useIsomorphicLayoutEffect"));
-
 var _useNextFrame3 = _interopRequireDefault(require("./useNextFrame"));
@@ -55,3 +55,3 @@
 
-  (0, _useIsomorphicLayoutEffect.default)(function () {
+  (0, _useLayoutEffect.default)(function () {
     if (step !== _interface.STEP_NONE && step !== _interface.STEP_ACTIVATED) {
@@ -58,0 +58,0 @@ var index = STEP_QUEUE.indexOf(step);

package.json

 {
   "name": "rc-motion",
-  "version": "2.4.9",
+  "version": "2.5.0",
   "description": "React lifecycle controlled motion library",
@@ -46,5 +46,7 @@ "keywords": [
     "classnames": "^2.2.1",
-    "rc-util": "^5.19.2"
+    "rc-util": "^5.21.0"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.0.0",
     "@types/classnames": "^2.2.9",
@@ -57,5 +59,2 @@ "@types/enzyme": "^3.10.5",
     "cross-env": "^7.0.2",
-    "enzyme": "^3.0.0",
-    "enzyme-adapter-react-16": "^1.0.1",
-    "enzyme-to-json": "^3.4.0",
     "eslint": "^7.0.0",
@@ -67,4 +66,4 @@ "father": "^2.13.4",
     "prettier": "^2.1.1",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "regenerator-runtime": "^0.13.7",
@@ -71,0 +70,0 @@ "typescript": "^4.0.3"

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

Dev dependency count

19

decreased by-5%

Worsened metrics

Total package byte prevSize

89515

decreased by-0.41%

Number of package files

50

decreased by-7.41%

Lines of code

1912

decreased by-0.1%

Dependency changes

• Updatedrc-util@^5.21.0