ReactCssTransitionGroup: Added support for {Appear,Enter,Leave}Timeout props

Author: zv3

core/src/main/scala/japgolly/scalajs/react/Addons.scala

@@ -14,17 +14,25 @@ object Addons {
         React.addons.CSSTransitionGroup.asInstanceOf[JsComponentType[js.Any, js.Any, TopNode]])
   }
 
-  case class ReactCssTransitionGroup(name     : String,
-                                     enter    : js.UndefOr[Boolean] = js.undefined,
-                                     leave    : js.UndefOr[Boolean] = js.undefined,
-                                     component: js.UndefOr[String]  = js.undefined,
-                                     ref      : js.UndefOr[String]  = js.undefined) {
+  case class ReactCssTransitionGroup(name         : String,
+                                     appear       : js.UndefOr[Boolean] = js.undefined,
+                                     appearTimeout: js.UndefOr[Int]     = js.undefined,
+                                     enter        : js.UndefOr[Boolean] = js.undefined,
+                                     enterTimeout : js.UndefOr[Int]     = js.undefined,
+                                     leave        : js.UndefOr[Boolean] = js.undefined,
+                                     leaveTimeout : js.UndefOr[Int]     = js.undefined,
+                                     component    : js.UndefOr[String]  = js.undefined,
+                                     ref          : js.UndefOr[String]  = js.undefined) {
     def toJs: js.Object = {
       val p = js.Dynamic.literal("transitionName" -> name)
-      enter    .foreach(p.updateDynamic("transitionEnter")(_))
-      leave    .foreach(p.updateDynamic("transitionLeave")(_))
-      component.foreach(p.updateDynamic("component"      )(_))
-      ref      .foreach(p.updateDynamic("ref"            )(_))
+      appear       .foreach(p.updateDynamic("transitionAppear")(_))
+      appearTimeout.foreach(p.updateDynamic("transitionAppearTimeout")(_))
+      enter        .foreach(p.updateDynamic("transitionEnter")(_))
+      enterTimeout .foreach(p.updateDynamic("transitionEnterTimeout")(_))
+      leave        .foreach(p.updateDynamic("transitionLeave")(_))
+      leaveTimeout .foreach(p.updateDynamic("transitionLeaveTimeout")(_))
+      component    .foreach(p.updateDynamic("component"      )(_))
+      ref          .foreach(p.updateDynamic("ref"            )(_))
       p
     }