rc-motion - npm Package Compare versions

Comparing version 2.0.1 to 2.1.0

es/CSSMotionList.d.ts

 import * as React from 'react';
 import { CSSMotionProps } from './CSSMotion';
 import { KeyObject } from './util/diff';
-export interface CSSMotionListProps extends CSSMotionProps {
+import { ListMotionEndEventHandler } from './interface';
+export interface CSSMotionListProps extends Omit<CSSMotionProps, 'onLeaveEnd'> {
     keys: (React.Key | {
@@ -10,2 +11,3 @@ key: React.Key;
     component?: string | React.ComponentType | false;
+    onLeaveEnd?: ListMotionEndEventHandler;
 }
@@ -12,0 +14,0 @@ export interface CSSMotionListState {

es/CSSMotionList.js

@@ -59,3 +59,4 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
             children = _this$props.children,
-            restProps = _objectWithoutProperties(_this$props, ["component", "children"]);
+            _onLeaveEnd = _this$props.onLeaveEnd,
+            restProps = _objectWithoutProperties(_this$props, ["component", "children", "onLeaveEnd"]);
 
@@ -79,4 +80,10 @@ var Component = component || React.Fragment;
             onLeaveEnd: function onLeaveEnd() {
-              if (motionProps.onLeaveEnd) {
-                motionProps.onLeaveEnd.apply(motionProps, arguments);
+              if (_onLeaveEnd) {
+                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                  args[_key] = arguments[_key];
+                }
+
+                _onLeaveEnd.apply(void 0, args.concat([{
+                  key: eventProps.key
+                }]));
               }
@@ -83,0 +90,0 @@

es/interface.d.ts

@@ -19,1 +19,4 @@ /// <reference types="react" />
 export declare type MotionEndEventHandler = (element: HTMLElement, event: MotionEvent) => boolean | void;
+export declare type ListMotionEndEventHandler = (element: HTMLElement, event: MotionEvent, info: {
+    key: React.Key;
+}) => void;

lib/CSSMotionList.d.ts

 import * as React from 'react';
 import { CSSMotionProps } from './CSSMotion';
 import { KeyObject } from './util/diff';
-export interface CSSMotionListProps extends CSSMotionProps {
+import { ListMotionEndEventHandler } from './interface';
+export interface CSSMotionListProps extends Omit<CSSMotionProps, 'onLeaveEnd'> {
     keys: (React.Key | {
@@ -10,2 +11,3 @@ key: React.Key;
     component?: string | React.ComponentType | false;
+    onLeaveEnd?: ListMotionEndEventHandler;
 }
@@ -12,0 +14,0 @@ export interface CSSMotionListState {

lib/CSSMotionList.js

@@ -79,3 +79,4 @@ "use strict";
             children = _this$props.children,
-            restProps = (0, _objectWithoutProperties2.default)(_this$props, ["component", "children"]);
+            _onLeaveEnd = _this$props.onLeaveEnd,
+            restProps = (0, _objectWithoutProperties2.default)(_this$props, ["component", "children", "onLeaveEnd"]);
         var Component = component || React.Fragment;
@@ -97,4 +98,10 @@ var motionProps = {};
             onLeaveEnd: function onLeaveEnd() {
-              if (motionProps.onLeaveEnd) {
-                motionProps.onLeaveEnd.apply(motionProps, arguments);
+              if (_onLeaveEnd) {
+                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                  args[_key] = arguments[_key];
+                }
+
+                _onLeaveEnd.apply(void 0, args.concat([{
+                  key: eventProps.key
+                }]));
               }
@@ -101,0 +108,0 @@

lib/interface.d.ts

@@ -19,1 +19,4 @@ /// <reference types="react" />
 export declare type MotionEndEventHandler = (element: HTMLElement, event: MotionEvent) => boolean | void;
+export declare type ListMotionEndEventHandler = (element: HTMLElement, event: MotionEvent, info: {
+    key: React.Key;
+}) => void;

package.json

 {
   "name": "rc-motion",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "description": "React lifecycle controlled motion library",
@@ -67,3 +67,4 @@ "keywords": [
     "react-dom": "^16.0.0",
-    "regenerator-runtime": "^0.13.7"
+    "regenerator-runtime": "^0.13.7",
+    "typescript": "^4.0.3"
   },
@@ -70,0 +71,0 @@ "peerDependencies": {

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

85061

increased by1.29%

Lines of code

1837

increased by1.21%

Worsened metrics

Dev dependency count

20

increased by5.26%

No dependency changes