V3.3.3

get-focus · May 18, 2017 · d08aae5 · d08aae5
1 parent 05a06ab
commit d08aae5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "focus-components",
-  "version": "3.3.3-preview4",
+  "version": "3.3.3",
   "description": "Focus web components to build applications (based on Material Design)",
   "main": "index.js",
   "scripts": {
@@ -78,8 +78,9 @@
   "homepage": "https://github.com/KleeGroup/focus-components",
   "dependencies": {
     "@types/react": "15.0.1",
+    "@types/react-transition-group": "1.1.0",
     "closest": "0.0.1",
-    "react-addons-css-transition-group": "^15.4.1",
+    "react-transition-group": "1.1.3",
     "react-date-picker": "^3.1.6"
   },
   "peerDependencies": {

diff --git a/src/animation/index.js b/src/animation/index.js
@@ -1,6 +1,6 @@
 //dependencies
 import React, {PropTypes} from 'react';
-import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
+import {CSSTransitionGroup} from 'react-transition-group';
 
 const propTypes = {
     //If you want to use a custom css class
@@ -61,7 +61,7 @@ function Animation({customClasses, appear, enter, leave, appearName,
         }
     }
     return (
-      <ReactCSSTransitionGroup
+      <CSSTransitionGroup
           transitionAppear={appear}
           transitionAppearTimeout={enter}
           transitionEnter={leave}
@@ -73,7 +73,7 @@ function Animation({customClasses, appear, enter, leave, appearName,
           <div className='animated'>
             {otherProps.children}
           </div>
-      </ReactCSSTransitionGroup>
+      </CSSTransitionGroup>
     );
 }