Merge pull request #1 from funcompany/wferrell

Updating react-addons-css-transition-group to react-transition-group
claytonmarinho · Sep 5, 2018 · 3caef91 · 3caef91
2 parents 73461e1 + fd42d5c
commit 3caef91
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 59 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,17 +21,17 @@
   },
   "dependencies": {
     "prop-types": "^15.6.0",
-    "react-addons-css-transition-group": "^15.6.2"
+    "react-transition-group": "^1.x"
   },
   "peerDependencies": {
-    "react": "15.x"
+    "react": "16.2"
   },
   "devDependencies": {
     "gh-pages": "^1.0.0",
     "nwb": "0.19.x",
     "nwb-less": "^0.6.0",
-    "react": "^15.4.2",
-    "react-dom": "^15.4.2"
+    "react": "^16.2.0",
+    "react-dom": "^16.2.0"
   },
   "author": "Clayton Marinho <claytonmarinho@gmail.com>",
   "homepage": "https://claytonmarinho.github.io/react-text-rotator/",

diff --git a/src/index.js b/src/index.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
+import CSSTransitionGroup from 'react-transition-group/CSSTransitionGroup';
 import './styles/transitions.less';
 
 class TextRotator extends Component {
@@ -61,14 +61,14 @@ class TextRotator extends Component {
     if (!text) return <span />;
 
     return (
-      <ReactCSSTransitionGroup
+      <CSSTransitionGroup
         transitionName={`react-text-rotator-${animation}`}
         transitionEnterTimeout={300}
         transitionLeaveTimeout={0}
         transitionLeave={false}
       >
         <span key={index} className={className}>{text}</span>
-      </ReactCSSTransitionGroup>
+      </CSSTransitionGroup>
     );
   }
 }