From 6cf782b75c7730a4319aec20cc6ef513dc83a3e2 Mon Sep 17 00:00:00 2001
From: Duke Pham <dookpham@gmail.com>
Date: Mon, 29 Aug 2016 15:50:23 -0700
Subject: [PATCH] Add line breaks to examples on 10.1-animation docs per
 (#7606)

comments to issue #7317.
Updated JP doc examples to match other languages
Reformat to match JSX multi-line style #7550
(cherry picked from commit 3071f31d04d4763ccd6c7627f2818693ce52b704)
---
 docs/docs/10.1-animation.it-IT.md | 15 ++++++++++++---
 docs/docs/10.1-animation.ja-JP.md | 15 ++++++++++++---
 docs/docs/10.1-animation.ko-KR.md | 15 ++++++++++++---
 docs/docs/10.1-animation.md       | 15 ++++++++++++---
 docs/docs/10.1-animation.zh-CN.md | 15 ++++++++++++---
 5 files changed, 60 insertions(+), 15 deletions(-)

diff --git a/docs/docs/10.1-animation.it-IT.md b/docs/docs/10.1-animation.it-IT.md
index f3c35ec99d..7f83da965d 100644
--- a/docs/docs/10.1-animation.it-IT.md
+++ b/docs/docs/10.1-animation.it-IT.md
@@ -44,7 +44,10 @@ var TodoList = React.createClass({
     return (
       <div>
         <button onClick={this.handleAdd}>Aggiungi Elemento</button>
-        <ReactCSSTransitionGroup transitionName="example" transitionEnterTimeout={500} transitionLeaveTimeout={300}>
+        <ReactCSSTransitionGroup 
+          transitionName="example" 
+          transitionEnterTimeout={500} 
+          transitionLeaveTimeout={300}>
           {items}
         </ReactCSSTransitionGroup>
       </div>
@@ -89,7 +92,10 @@ Ti accorgerai che la durata delle animazioni devono essere specificate sia nel C
 ```javascript{3-5}
   render: function() {
     return (
-      <ReactCSSTransitionGroup transitionName="example" transitionAppear={true} transitionAppearTimeout={500}>
+      <ReactCSSTransitionGroup 
+        transitionName="example" 
+        transitionAppear={true} 
+        transitionAppearTimeout={500}>
         <h1>Dissolvenza al Montaggio Iniziale</h1>
       </ReactCSSTransitionGroup>
     );
@@ -182,7 +188,10 @@ var ImageCarousel = React.createClass({
   render: function() {
     return (
       <div>
-        <ReactCSSTransitionGroup transitionName="carousel" transitionEnterTimeout={300} transitionLeaveTimeout={300}>
+        <ReactCSSTransitionGroup 
+          transitionName="carousel" 
+          transitionEnterTimeout={300} 
+          transitionLeaveTimeout={300}>
           <img src={this.props.imageSrc} key={this.props.imageSrc} />
         </ReactCSSTransitionGroup>
       </div>
diff --git a/docs/docs/10.1-animation.ja-JP.md b/docs/docs/10.1-animation.ja-JP.md
index f76f24a284..ac381de3f8 100644
--- a/docs/docs/10.1-animation.ja-JP.md
+++ b/docs/docs/10.1-animation.ja-JP.md
@@ -44,7 +44,10 @@ var TodoList = React.createClass({
     return (
       <div>
         <button onClick={this.handleAdd}>Add Item</button>
-        <ReactCSSTransitionGroup transitionName="example">
+        <ReactCSSTransitionGroup 
+          transitionName="example" 
+          transitionEnterTimeout={500} 
+          transitionLeaveTimeout={300}>
           {items}
         </ReactCSSTransitionGroup>
       </div>
@@ -90,7 +93,10 @@ var TodoList = React.createClass({
 ```javascript{3-5}
   render: function() {
     return (
-      <ReactCSSTransitionGroup transitionName="example" transitionAppear={true}>
+      <ReactCSSTransitionGroup 
+        transitionName="example" 
+        transitionAppear={true} 
+        transitionAppearTimeout={500}>
         <h1>Fading at Initial Mount</h1>
       </ReactCSSTransitionGroup>
     );
@@ -153,7 +159,10 @@ var ImageCarousel = React.createClass({
   render: function() {
     return (
       <div>
-        <ReactCSSTransitionGroup transitionName="carousel">
+        <ReactCSSTransitionGroup 
+          transitionName="carousel" 
+          transitionEnterTimeout={300} 
+          transitionLeaveTimeout={300}>
           <img src={this.props.imageSrc} key={this.props.imageSrc} />
         </ReactCSSTransitionGroup>
       </div>
diff --git a/docs/docs/10.1-animation.ko-KR.md b/docs/docs/10.1-animation.ko-KR.md
index 0f68a206a8..7bc766c6ab 100644
--- a/docs/docs/10.1-animation.ko-KR.md
+++ b/docs/docs/10.1-animation.ko-KR.md
@@ -44,7 +44,10 @@ var TodoList = React.createClass({
     return (
       <div>
         <button onClick={this.handleAdd}>Add Item</button>
-        <ReactCSSTransitionGroup transitionName="example" transitionEnterTimeout={500} transitionLeaveTimeout={300}>
+        <ReactCSSTransitionGroup 
+          transitionName="example" 
+          transitionEnterTimeout={500} 
+          transitionLeaveTimeout={300}>
           {items}
         </ReactCSSTransitionGroup>
       </div>
@@ -90,7 +93,10 @@ var TodoList = React.createClass({
 ```javascript{3-5}
   render: function() {
     return (
-      <ReactCSSTransitionGroup transitionName="example" transitionAppear={true} transitionAppearTimeout={500}>
+      <ReactCSSTransitionGroup 
+        transitionName="example" 
+        transitionAppear={true} 
+        transitionAppearTimeout={500}>
         <h1>Fading at Initial Mount</h1>
       </ReactCSSTransitionGroup>
     );
@@ -183,7 +189,10 @@ var ImageCarousel = React.createClass({
   render: function() {
     return (
       <div>
-        <ReactCSSTransitionGroup transitionName="carousel" transitionEnterTimeout={300} transitionLeaveTimeout={300}>
+        <ReactCSSTransitionGroup 
+          transitionName="carousel" 
+          transitionEnterTimeout={300} 
+          transitionLeaveTimeout={300}>
           <img src={this.props.imageSrc} key={this.props.imageSrc} />
         </ReactCSSTransitionGroup>
       </div>
diff --git a/docs/docs/10.1-animation.md b/docs/docs/10.1-animation.md
index c41dbd360a..cd18b99c12 100644
--- a/docs/docs/10.1-animation.md
+++ b/docs/docs/10.1-animation.md
@@ -44,7 +44,10 @@ var TodoList = React.createClass({
     return (
       <div>
         <button onClick={this.handleAdd}>Add Item</button>
-        <ReactCSSTransitionGroup transitionName="example" transitionEnterTimeout={500} transitionLeaveTimeout={300}>
+        <ReactCSSTransitionGroup 
+          transitionName="example" 
+          transitionEnterTimeout={500} 
+          transitionLeaveTimeout={300}>
           {items}
         </ReactCSSTransitionGroup>
       </div>
@@ -90,7 +93,10 @@ You'll notice that animation durations need to be specified in both the CSS and
 ```javascript{3-5}
   render: function() {
     return (
-      <ReactCSSTransitionGroup transitionName="example" transitionAppear={true} transitionAppearTimeout={500}>
+      <ReactCSSTransitionGroup 
+        transitionName="example" 
+        transitionAppear={true} 
+        transitionAppearTimeout={500}>
         <h1>Fading at Initial Mount</h1>
       </ReactCSSTransitionGroup>
     );
@@ -183,7 +189,10 @@ var ImageCarousel = React.createClass({
   render: function() {
     return (
       <div>
-        <ReactCSSTransitionGroup transitionName="carousel" transitionEnterTimeout={300} transitionLeaveTimeout={300}>
+        <ReactCSSTransitionGroup 
+          transitionName="carousel" 
+          transitionEnterTimeout={300} 
+          transitionLeaveTimeout={300}>
           <img src={this.props.imageSrc} key={this.props.imageSrc} />
         </ReactCSSTransitionGroup>
       </div>
diff --git a/docs/docs/10.1-animation.zh-CN.md b/docs/docs/10.1-animation.zh-CN.md
index 00c0065d6f..b374a005c4 100644
--- a/docs/docs/10.1-animation.zh-CN.md
+++ b/docs/docs/10.1-animation.zh-CN.md
@@ -44,7 +44,10 @@ var TodoList = React.createClass({
     return (
       <div>
         <button onClick={this.handleAdd}>Add Item</button>
-        <ReactCSSTransitionGroup transitionName="example" transitionEnterTimeout={500} transitionLeaveTimeout={300}>
+        <ReactCSSTransitionGroup 
+          transitionName="example" 
+          transitionEnterTimeout={500} 
+          transitionLeaveTimeout={300}>
           {items}
         </ReactCSSTransitionGroup>
       </div>
@@ -89,7 +92,10 @@ var TodoList = React.createClass({
 ```javascript{3-5}
   render: function() {
     return (
-      <ReactCSSTransitionGroup transitionName="example" transitionAppear={true} transitionAppearTimeout={500}>
+      <ReactCSSTransitionGroup 
+        transitionName="example" 
+        transitionAppear={true} 
+        transitionAppearTimeout={500}>
         <h1>Fading at Initial Mount</h1>
       </ReactCSSTransitionGroup>
     );
@@ -182,7 +188,10 @@ var ImageCarousel = React.createClass({
   render: function() {
     return (
       <div>
-        <ReactCSSTransitionGroup transitionName="carousel" transitionEnterTimeout={300} transitionLeaveTimeout={300}>
+        <ReactCSSTransitionGroup 
+          transitionName="carousel" 
+          transitionEnterTimeout={300} 
+          transitionLeaveTimeout={300}>
           <img src={this.props.imageSrc} key={this.props.imageSrc} />
         </ReactCSSTransitionGroup>
       </div>