Use package react-transition-group

Author: cvle

package.json

@@ -48,8 +48,7 @@
   "author": "Chi Vinh Le and contributors (https://github.com/wikiwi/react-css-transition/graphs/contributors)",
   "license": "MIT",
   "peerDependencies": {
-    "react": "^0.14.0 || ^15.0.0-0",
-    "react-addons-transition-group": "^0.14.0 || ^15.0.0-0"
+    "react": "^15.0.0"
   },
   "devDependencies": {
     "@types/chai": "^3.4.34",
@@ -58,7 +57,6 @@
     "@types/jsdom": "^2.0.29",
     "@types/mocha": "^2.2.32",
     "@types/react": "^15.0.4",
-    "@types/react-addons-transition-group": "^0.14.19",
     "@types/sinon": "^1.16.31",
     "awesome-typescript-loader": "^3.0.0-beta.18",
     "babel-core": "^6.22.1",
@@ -110,7 +108,6 @@
     "raw-loader": "^0.5.1",
     "react": "^15.4.2",
     "react-addons-test-utils": "^15.4.2",
-    "react-addons-transition-group": "^15.4.2",
     "react-dom": "^15.4.2",
     "react-icons": "^2.2.3",
     "react-syntax-highlighter": "^4.0.1",
@@ -124,6 +121,7 @@
     "webpack-dev-server": "^1.16.2"
   },
   "dependencies": {
+    "react-transition-group": "^1.0.0",
     "reassemble": "^0.5.0"
   }
 }

src/csstransitiongroup.spec.tsx

@@ -25,7 +25,7 @@ describe("csstransitiongroup.tsx", () => {
       const wrapper = getWrapper(
         { id: "abc", children: <span key="child" /> },
       );
-      const { id } = wrapper.find("ReactTransitionGroup").props();
+      const { id } = wrapper.find("TransitionGroup").props();
       assert.strictEqual(id, "abc");
     });
 

src/csstransitiongroup.tsx

@@ -3,7 +3,7 @@ import {
   Component, Children, ReactElement, HTMLAttributes,
   ComponentClass, StatelessComponent, cloneElement,
 } from "react";
-import * as ReactTransitionGroup from "react-addons-transition-group";
+import TransitionGroup from "react-transition-group/TransitionGroup";
 
 import { CSSTransitionProps } from "./csstransition";
 
@@ -24,7 +24,7 @@ export class CSSTransitionGroup extends Component<CSSTransitionGroupProps, {}> {
   public render() {
     const { transitionAppear, children, ...rest } = this.props as any;
     return (
-      <ReactTransitionGroup {...rest}>
+      <TransitionGroup {...rest}>
         {Children.map(children, (child: ReactElement<any>, index) =>
           <CSSTransitionGroupChild
             transitionAppear={transitionAppear}
@@ -33,7 +33,7 @@ export class CSSTransitionGroup extends Component<CSSTransitionGroupProps, {}> {
             {child}
           </CSSTransitionGroupChild>,
         )}
-      </ReactTransitionGroup>);
+      </TransitionGroup>);
   }
 }
 

src/global.d.ts

@@ -1 +1,2 @@
 declare module "fbjs/lib/shallowEqual";
+declare module "react-transition-group/TransitionGroup";