[changed] deprecated the Transition duration prop

src/Collapse.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import Transition from 'react-overlays/lib/Transition';
 import domUtils from './utils/domUtils';
+import CustomPropTypes from './utils/CustomPropTypes';
+import deprecationWarning from './deprecationWarning';
 import createChainedFunction from './utils/createChainedFunction';
 
 let capitalize = str => str[0].toUpperCase() + str.substr(1);
@@ -140,6 +142,20 @@ Collapse.propTypes = {
  */
  timeout: React.PropTypes.number,
 
+ /**
+ * duration
+ * @private
+ */
+ duration: CustomPropTypes.all([
+ React.PropTypes.number,
+ (props)=> {
+ if (props.duration != null){
+ deprecationWarning('Collapse `duration`', 'the `timeout` prop');
+ }
+ return null;
+ }
+ ]),
+
  /**
  * Callback fired before the component expands
  */

src/Fade.js

@@ -1,11 +1,16 @@
 import React from 'react';
 import Transition from 'react-overlays/lib/Transition';
+import CustomPropTypes from './utils/CustomPropTypes';
+import deprecationWarning from './deprecationWarning';
 
 class Fade extends React.Component {
  render() {
+ let timeout = this.props.timeout || this.props.duration;
+
  return (
  <Transition
  {...this.props}
+ timeout={timeout}
  className='fade'
  enteredClassName='in'
  enteringClassName='in'
@@ -18,7 +23,6 @@ class Fade extends React.Component {
 
 // Explicitly copied from Transition for doc generation.
 // TODO: Remove duplication once #977 is resolved.
-
 Fade.propTypes = {
  /**
  * Show the component; triggers the fade in or fade out animation
@@ -43,6 +47,20 @@ Fade.propTypes = {
  */
  timeout: React.PropTypes.number,
 
+ /**
+ * duration
+ * @private
+ */
+ duration: CustomPropTypes.all([
+ React.PropTypes.number,
+ (props)=> {
+ if (props.duration != null){
+ deprecationWarning('Fade `duration`', 'the `timeout` prop');
+ }
+ return null;
+ }
+ ]),
+
  /**
  * Callback fired before the component fades in
  */