rc-animate - npm Package Compare versions

Comparing version 2.3.1 to 2.3.3

lib/Animate.js

@@ -7,2 +7,4 @@ 'use strict';
 
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
 var _react = require('react');
@@ -48,2 +50,3 @@
     component: _react2["default"].PropTypes.any,
+    componentProps: _react2["default"].PropTypes.object,
     animation: _react2["default"].PropTypes.object,
@@ -66,2 +69,3 @@ transitionName: _react2["default"].PropTypes.oneOfType([_react2["default"].PropTypes.string, _react2["default"].PropTypes.object]),
       component: 'span',
+      componentProps: {},
       transitionEnter: true,
@@ -314,6 +318,6 @@ transitionLeave: true,
       if (typeof Component === 'string') {
-        passedProps = {
+        passedProps = _extends({
           className: props.className,
           style: props.style
-        };
+        }, props.componentProps);
       }
@@ -320,0 +324,0 @@ return _react2["default"].createElement(

lib/AnimateChild.js

@@ -7,3 +7,3 @@ 'use strict';
 
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 
@@ -10,0 +10,0 @@ var _react = require('react');

package.json

 {
   "name": "rc-animate",
-  "version": "2.3.1",
+  "version": "2.3.3",
   "description": "css-transition ui component for react",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -36,6 +36,11 @@ # rc-animate
 
-```js
-var Animate = require('rc-animate');
-var ReactDOM = require('react-dom');
-ReactDOM.render(<Animate animation={{}}><p key="1">1</p><p key="2">2</p></Animate>, container);
+```jsx
+import Animate from 'rc-animate';
+
+ReactDOM.render(
+  <Animate animation={{ ... }}>
+    <p key="1">1</p>
+    <p key="2">2</p>
+  </Animate>
+, mountNode);
 ```
@@ -64,2 +69,8 @@
         <tr>
+          <td>componentProps</td>
+          <td>Object</td>
+          <td>{}</td>
+          <td>extra props that will be passed to component</td>
+        </tr>
+        <tr>
           <td>showProp</td>
@@ -66,0 +77,0 @@ <td>String</td>

New alerts

SPDX disjunction

License

SPDX disjunction for an artifact's license information

Found 1 instance in 1 package

Fixed alerts

SPDX disjunction

License

SPDX disjunction for an artifact's license information

Found 1 instance in 1 package

No License Found

License

(Experimental) License information could not be found

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

25520

increased by6.88%

Number of package files

9

increased by12.5%

Number of low license alerts

1

decreased by-50%

Lines of code

523

increased by0.58%

Number of lines in readme file

189

increased by6.18%

No dependency changes