From 078300ce08c9c619a16a60824fa3382afd127619 Mon Sep 17 00:00:00 2001
From: Tadeu Zagallo <tadeuzagallo@fb.com>
Date: Fri, 27 Feb 2015 08:40:52 -0800
Subject: [PATCH] Implement TextInput.clearButtonMode added by D1875684 on OSS
 fork + example

---
 Examples/UIExplorer/TextInputExample.js | 33 +++++++++++++++++++++++++
 ReactKit/Modules/RCTUIManager.m         |  8 ++++++
 ReactKit/Views/RCTTextFieldManager.m    |  1 +
 3 files changed, 42 insertions(+)

diff --git a/Examples/UIExplorer/TextInputExample.js b/Examples/UIExplorer/TextInputExample.js
index 656ccd4fc..e10dbc0f1 100644
--- a/Examples/UIExplorer/TextInputExample.js
+++ b/Examples/UIExplorer/TextInputExample.js
@@ -185,4 +185,37 @@ exports.examples = [
       );
     }
   },
+  {
+    title: 'Clear button mode',
+    render: function () {
+      return (
+        <View>
+          <WithLabel label="never">
+            <TextInput
+              style={styles.default}
+              clearButtonMode={TextInput.clearButtonModeTypes.never}
+            />
+          </WithLabel>
+          <WithLabel label="while editing">
+            <TextInput
+              style={styles.default}
+              clearButtonMode={TextInput.clearButtonModeTypes.whileEditing}
+            />
+          </WithLabel>
+          <WithLabel label="unless editing">
+            <TextInput
+              style={styles.default}
+              clearButtonMode={TextInput.clearButtonModeTypes.unlessEditing}
+            />
+          </WithLabel>
+          <WithLabel label="always">
+            <TextInput
+              style={styles.default}
+              clearButtonMode={TextInput.clearButtonModeTypes.always}
+            />
+          </WithLabel>
+        </View>
+      );
+    }
+  },
 ];
diff --git a/ReactKit/Modules/RCTUIManager.m b/ReactKit/Modules/RCTUIManager.m
index 844fd2597..0b34a820b 100644
--- a/ReactKit/Modules/RCTUIManager.m
+++ b/ReactKit/Modules/RCTUIManager.m
@@ -1293,6 +1293,14 @@ static void RCTSetShadowViewProps(NSDictionary *props, RCTShadowView *shadowView
         @"None": @(UITextAutocapitalizationTypeNone),
       },
     },
+    @"UITextField": @{
+      @"clearButtonMode": @{
+        @"Never": @(UITextFieldViewModeNever),
+        @"WhileEditing": @(UITextFieldViewModeWhileEditing),
+        @"UnlessEditing": @(UITextFieldViewModeUnlessEditing),
+        @"Always": @(UITextFieldViewModeAlways),
+      },
+    },
     @"UIView": @{
       @"ContentMode": @{
         @"ScaleToFill": @(UIViewContentModeScaleToFill),
diff --git a/ReactKit/Views/RCTTextFieldManager.m b/ReactKit/Views/RCTTextFieldManager.m
index 339a7803e..368bf1d7d 100644
--- a/ReactKit/Views/RCTTextFieldManager.m
+++ b/ReactKit/Views/RCTTextFieldManager.m
@@ -19,6 +19,7 @@ RCT_EXPORT_VIEW_PROPERTY(enabled)
 RCT_EXPORT_VIEW_PROPERTY(placeholder)
 RCT_EXPORT_VIEW_PROPERTY(text)
 RCT_EXPORT_VIEW_PROPERTY(font)
+RCT_EXPORT_VIEW_PROPERTY(clearButtonMode)
 RCT_REMAP_VIEW_PROPERTY(autoCapitalize, autocapitalizationType)
 RCT_EXPORT_VIEW_PROPERTY(keyboardType)
 RCT_REMAP_VIEW_PROPERTY(color, textColor)