Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

rc-animate

Package Overview
Dependencies
Maintainers
3
Versions
68
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

rc-animate - npm Package Compare versions

Comparing version 2.6.0 to 2.7.0

es/CSSMotionList.js

9

es/CSSMotion.js

@@ -197,3 +197,4 @@ import _defineProperty from 'babel-runtime/helpers/defineProperty';

removeOnLeave = _props.removeOnLeave,
leavedClassName = _props.leavedClassName;
leavedClassName = _props.leavedClassName,
eventKey = _props.eventKey;

@@ -205,5 +206,5 @@

if (visible) {
return children({});
return children({ key: eventKey });
} else if (!removeOnLeave) {
return children({ className: leavedClassName });
return children({ key: eventKey, className: leavedClassName });
}

@@ -215,2 +216,3 @@

return children({
key: eventKey,
className: classNames((_classNames = {}, _defineProperty(_classNames, getTransitionName(motionName, status), status !== STATUS_NONE), _defineProperty(_classNames, getTransitionName(motionName, status + '-active'), status !== STATUS_NONE && statusActive), _defineProperty(_classNames, motionName, typeof motionName === 'string'), _classNames)),

@@ -266,2 +268,3 @@ style: statusStyle

CSSMotion.propTypes = {
eventKey: PropTypes.any, // Internal usage. Only pass by CSSMotionList
visible: PropTypes.bool,

@@ -268,0 +271,0 @@ children: PropTypes.func,

# History
----
## 2.7.0 / 2019-04-29
- add CSSMotionList component
## 2.6.0 / 2018-11-26

@@ -5,0 +9,0 @@

@@ -241,3 +241,4 @@ 'use strict';

removeOnLeave = _props.removeOnLeave,
leavedClassName = _props.leavedClassName;
leavedClassName = _props.leavedClassName,
eventKey = _props.eventKey;

@@ -249,5 +250,5 @@

if (visible) {
return children({});
return children({ key: eventKey });
} else if (!removeOnLeave) {
return children({ className: leavedClassName });
return children({ key: eventKey, className: leavedClassName });
}

@@ -259,2 +260,3 @@

return children({
key: eventKey,
className: (0, _classnames2['default'])((_classNames = {}, (0, _defineProperty3['default'])(_classNames, (0, _motion.getTransitionName)(motionName, status), status !== STATUS_NONE), (0, _defineProperty3['default'])(_classNames, (0, _motion.getTransitionName)(motionName, status + '-active'), status !== STATUS_NONE && statusActive), (0, _defineProperty3['default'])(_classNames, motionName, typeof motionName === 'string'), _classNames)),

@@ -309,2 +311,3 @@ style: statusStyle

CSSMotion.propTypes = {
eventKey: _propTypes2['default'].any, // Internal usage. Only pass by CSSMotionList
visible: _propTypes2['default'].bool,

@@ -311,0 +314,0 @@ children: _propTypes2['default'].func,

{
"name": "rc-animate",
"version": "2.6.0",
"version": "2.7.0",
"description": "css-transition ui component for react",

@@ -41,3 +41,4 @@ "keywords": [

"coverage": "rc-test run coverage",
"prepublish": "rc-tools run guard"
"prepublish": "rc-tools run guard",
"now-build": "npm run build"
},

@@ -44,0 +45,0 @@ "devDependencies": {

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc