From bb72880cd3a999b849f8d3408cce39d7fe739777 Mon Sep 17 00:00:00 2001
From: James Brantly <james@jbrantly.com>
Date: Wed, 11 Nov 2015 08:55:17 -0500
Subject: [PATCH] Add custom classes support to CSSTransitionGroup

---
 react/react-addons-css-transition-group.d.ts | 12 +++++++++++-
 react/react-tests.ts                         | 11 +++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)

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 @@
 /// <reference path="react-addons-transition-group.d.ts" />
 
 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
 // --------------------------------------------------------------------------