first commit
This commit is contained in:
37
node_modules/react-smooth/src/AnimateGroup.js
generated
vendored
Normal file
37
node_modules/react-smooth/src/AnimateGroup.js
generated
vendored
Normal file
@@ -0,0 +1,37 @@
|
||||
import React, { Children } from 'react';
|
||||
import { TransitionGroup } from 'react-transition-group';
|
||||
import PropTypes from 'prop-types';
|
||||
import AnimateGroupChild from './AnimateGroupChild';
|
||||
|
||||
function AnimateGroup(props) {
|
||||
const { component, children, appear, enter, leave } = props;
|
||||
|
||||
return (
|
||||
<TransitionGroup component={component}>
|
||||
{Children.map(children, (child, index) => (
|
||||
<AnimateGroupChild
|
||||
appearOptions={appear}
|
||||
enterOptions={enter}
|
||||
leaveOptions={leave}
|
||||
key={`child-${index}`} // eslint-disable-line
|
||||
>
|
||||
{child}
|
||||
</AnimateGroupChild>
|
||||
))}
|
||||
</TransitionGroup>
|
||||
);
|
||||
}
|
||||
|
||||
AnimateGroup.propTypes = {
|
||||
appear: PropTypes.object,
|
||||
enter: PropTypes.object,
|
||||
leave: PropTypes.object,
|
||||
children: PropTypes.oneOfType([PropTypes.array, PropTypes.element]),
|
||||
component: PropTypes.any,
|
||||
};
|
||||
|
||||
AnimateGroup.defaultProps = {
|
||||
component: 'span',
|
||||
};
|
||||
|
||||
export default AnimateGroup;
|
||||
Reference in New Issue
Block a user