updated react-addons-css-transition-group to react-transition-group

brijeshb42 · May 2, 2017 · a92dade · a92dade
1 parent 1160482
commit a92dade
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/package.json b/package.json
@@ -30,7 +30,7 @@
     "draft-js": "^0.10.0",
     "immutable": "^3.7.6",
     "prop-types": "^15.5.8",
-    "react-addons-css-transition-group": "^15.0.0"
+    "react-transition-group": "^1.1.2"
   },
   "peerDependencies": {
     "react": "^15.0.0",

diff --git a/src/components/addbutton.js b/src/components/addbutton.js
@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 // import './addbutton.scss';
 
 import React from 'react';
-import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
+import CSSTransitionGroup from 'react-transition-group/CSSTransitionGroup';
 
 import { getSelectedBlockNode } from '../util';
 
@@ -151,7 +151,7 @@ export default class AddButton extends React.Component {
             <i className="fa fa-plus-circle fa-lg" />
           </button>
           {this.state.isOpen ? (
-            <ReactCSSTransitionGroup
+            <CSSTransitionGroup
               transitionName="md-example"
               transitionEnterTimeout={200}
               transitionLeaveTimeout={100}
@@ -169,7 +169,7 @@ export default class AddButton extends React.Component {
                   />
                 );
               })}
-            </ReactCSSTransitionGroup>
+            </CSSTransitionGroup>
           ) : null}
         </div>
       );

diff --git a/webpack.config.js b/webpack.config.js
@@ -188,11 +188,11 @@ if (isProd) {
       }
     },
     {
-      'react-addons-css-transition-group': {
-        root: ['React','addons','CSSTransitionGroup'],
-        commonjs2: 'react-addons-css-transition-group',
-        commonjs: 'react-addons-css-transition-group',
-        amd: 'react-addons-css-transition-group',
+      'react-transition-group': {
+        root: ['React', 'addons', 'CSSTransitionGroup'],
+        commonjs2: 'react-transition-group',
+        commonjs: 'react-transition-group',
+        amd: 'react-transition-group',
       }
     },
     {