diff --git a/react/react-addons-css-transition-group.d.ts b/react/react-addons-css-transition-group.d.ts index fb1d1ab83..c9b40476d 100644 --- a/react/react-addons-css-transition-group.d.ts +++ b/react/react-addons-css-transition-group.d.ts @@ -7,8 +7,18 @@ /// declare namespace __React { + + interface CSSTransitionGroupTransitionName { + enter: string; + enterActive?: string; + leave: string; + leaveActive?: string; + appear?: string; + appearActive?: string; + } + interface CSSTransitionGroupProps extends TransitionGroupProps { - transitionName: string; + transitionName: string | CSSTransitionGroupTransitionName; transitionAppear?: boolean; transitionEnter?: boolean; transitionLeave?: boolean; diff --git a/react/react-tests.ts b/react/react-tests.ts index d0f9ae146..ef505f85e 100644 --- a/react/react-tests.ts +++ b/react/react-tests.ts @@ -462,6 +462,17 @@ React.createFactory(CSSTransitionGroup)({ transitionLeave: true }); +React.createFactory(CSSTransitionGroup)({ + transitionName: { + enter: "enter", + enterActive: "enterActive", + leave: "leave", + leaveActive: "leaveActive", + appear: "appear", + appearActive: "appearActive" + } +}); + // // LinkedStateMixin addon // --------------------------------------------------------------------------