fix(react-addons): move to external react-transition-group dependency (#399)

ened · eddywashere · commit a4fec3c52e0b · 2017-05-14T16:03:09.000-07:00
diff --git a/README.md b/README.md
@@ -28,7 +28,7 @@ Install reactstrap and Bootstrap from NPM. Reactstrap does not include Bootstrap
 
 ```
 npm install bootstrap@4.0.0-alpha.6 --save
-npm install --save reactstrap react-addons-transition-group react-addons-css-transition-group react react-dom
+npm install --save reactstrap react-transition-group react react-dom
 ```
 
 Import Bootstrap CSS in the ```src/index.js``` file:
diff --git a/docs/lib/Home/index.js b/docs/lib/Home/index.js
@@ -36,7 +36,7 @@ export default () => {
             <h3 className="mt-5">NPM</h3>
             <p>Install reactstrap and peer dependencies via NPM</p>
             <pre>
-              <PrismCode className="language-bash">npm install --save reactstrap react-addons-transition-group react-addons-css-transition-group react react-dom</PrismCode>
+              <PrismCode className="language-bash">npm install --save reactstrap react-transition-group react react-dom</PrismCode>
             </pre>
             <p>Import the components you need</p>
             <div className="docs-example">
diff --git a/package.json b/package.json
@@ -96,8 +96,7 @@
   },
   "peerDependencies": {
     "react": "^0.14.9 || ^15.3.0",
-    "react-addons-css-transition-group": "^0.14.8 || ^15.3.0",
-    "react-addons-transition-group": "^0.14.8 || ^15.3.0",
+    "react-transition-group": "^1.1.2",
     "react-dom": "^0.14.9 || ^15.3.0"
   },
   "devDependencies": {
@@ -129,9 +128,7 @@
     "json-loader": "^0.5.4",
     "raw-loader": "^0.5.1",
     "react": "^15.3.0",
-    "react-addons-css-transition-group": "^15.3.2",
     "react-addons-test-utils": "^15.3.0",
-    "react-addons-transition-group": "^15.3.0",
     "react-dom": "^15.3.0",
     "react-helmet": "^3.0.1",
     "react-prism": "4.0.0",
diff --git a/rollup.config.js b/rollup.config.js
@@ -17,15 +17,12 @@ const config = {
   external: [
     'react',
     'react-dom',
-    'react-addons-css-transition-group',
-    'react-addons-transition-group',
+    'react-transition-group',
   ],
   // Used for the UMD bundles
   globals: {
     react: 'React',
     'react-dom': 'ReactDOM',
-    'react-addons-css-transition-group': 'React.addons.CSSTransitionGroup',
-    'react-addons-transition-group': 'React.addons.TransitionGroup',
   },
   targets: [
     { dest: 'dist/reactstrap.es.js', format: 'es' },
diff --git a/src/Alert.js b/src/Alert.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
+import CSSTransitionGroup from 'react-transition-group/CSSTransitionGroup';
 import { mapToCssModules } from './utils';
 
 const FirstChild = ({ children }) => (
@@ -64,7 +64,7 @@ const Alert = (props) => {
   );
 
   return (
-    <ReactCSSTransitionGroup
+    <CSSTransitionGroup
       component={FirstChild}
       transitionName={{
         appear: 'fade',
@@ -82,7 +82,7 @@ const Alert = (props) => {
       transitionLeaveTimeout={transitionLeaveTimeout}
     >
       {isOpen ? alert : null}
-    </ReactCSSTransitionGroup>
+    </CSSTransitionGroup>
   );
 };
 
diff --git a/src/Modal.js b/src/Modal.js
@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import classNames from 'classnames';
-import TransitionGroup from 'react-addons-transition-group';
+import TransitionGroup from 'react-transition-group/TransitionGroup';
 import Fade from './Fade';
 import {
   getOriginalBodyPadding,
diff --git a/src/__tests__/Fade.spec.js b/src/__tests__/Fade.spec.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import TransitionGroup from 'react-addons-transition-group';
+import TransitionGroup from 'react-transition-group/TransitionGroup';
 import { Fade } from '../';
 
 class Helper extends React.Component {
diff --git a/webpack.base.config.js b/webpack.base.config.js
@@ -57,11 +57,10 @@ module.exports = function (env) {
         }
       },
       {
-        'react-addons-transition-group': {
-          commonjs: 'react-addons-transition-group',
-          commonjs2: 'react-addons-transition-group',
-          amd: 'react-addons-transition-group',
-          root: ['React', 'addons', 'TransitionGroup']
+        'react-transition-group': {
+          commonjs: 'react-transition-group',
+          commonjs2: 'react-transition-group',
+          amd: 'react-transition-group',
         }
       }
     ],

Original file line number	Diff line number	Diff line change
`@@ -57,11 +57,10 @@ module.exports = function (env) {`
`57`	`57`	`}`
`58`	`58`	`},`
`59`	`59`	`{`
`60`		`- 'react-addons-transition-group': {`
`61`		`- commonjs: 'react-addons-transition-group',`
`62`		`- commonjs2: 'react-addons-transition-group',`
`63`		`- amd: 'react-addons-transition-group',`
`64`		`- root: ['React', 'addons', 'TransitionGroup']`
	`60`	`+ 'react-transition-group': {`
	`61`	`+ commonjs: 'react-transition-group',`
	`62`	`+ commonjs2: 'react-transition-group',`
	`63`	`+ amd: 'react-transition-group',`
`65`	`64`	`}`
`66`	`65`	`}`
`67`	`66`	`],`