use AppCompat widgets

ReactAndroid/src/androidTest/java/com/facebook/react/testing/BUCK

@@ -14,7 +14,7 @@ rn_android_library(
     ],
     deps = [
         react_native_dep("libraries/soloader/java/com/facebook/soloader:soloader"),
-        react_native_dep("third-party/android/support/v4:lib-support-v4"),
+        react_native_dep("third-party/android/support/v7/appcompat-orig:appcompat"),
         react_native_dep("third-party/java/buck-android-support:buck-android-support"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),

ReactAndroid/src/androidTest/java/com/facebook/react/tests/BUCK

@@ -7,7 +7,7 @@ rn_android_library(
         "PUBLIC",
     ],
     deps = [
-        react_native_dep("third-party/android/support/v4:lib-support-v4"),
+        react_native_dep("third-party/android/support/v7/appcompat-orig:appcompat"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
         react_native_dep("third-party/java/junit:junit"),
         react_native_integration_tests_target("java/com/facebook/react/testing:testing"),

ReactAndroid/src/main/java/com/facebook/react/views/checkbox/BUCK

@@ -4,7 +4,6 @@ rn_android_library(
     name = "checkbox",
     srcs = glob(["*.java"]),
     provided_deps = [
-        react_native_dep("third-party/android/support/v4:lib-support-v4"),
         react_native_dep("third-party/android/support/v7/appcompat-orig:appcompat"),
     ],
     visibility = [

ReactAndroid/src/main/java/com/facebook/react/views/picker/BUCK

@@ -3,6 +3,9 @@ load("//ReactNative:DEFS.bzl", "react_native_dep", "react_native_target", "rn_an
 rn_android_library(
     name = "picker",
     srcs = glob(["**/*.java"]),
+    provided_deps = [
+        react_native_dep("third-party/android/support/v7/appcompat-orig:appcompat"),
+    ],
     visibility = [
         "PUBLIC",
     ],

ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPicker.java

@@ -10,16 +10,17 @@
 import javax.annotation.Nullable;
 
 import android.content.Context;
+import android.support.v7.widget.AppCompatSpinner;
 import android.util.AttributeSet;
 import android.view.View;
 import android.widget.AdapterView;
 import android.widget.Spinner;
 
 import com.facebook.react.common.annotations.VisibleForTesting;
 
-public class ReactPicker extends Spinner {
+public class ReactPicker extends AppCompatSpinner {
 
-  private int mMode = MODE_DIALOG;
+  private int mMode = Spinner.MODE_DIALOG;
   private @Nullable Integer mPrimaryColor;
   private boolean mSuppressNextEvent;
   private @Nullable OnSelectListener mOnSelectListener;

ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSlider.java

@@ -8,8 +8,8 @@
 package com.facebook.react.views.slider;
 
 import android.content.Context;
+import android.support.v7.widget.AppCompatSeekBar;
 import android.util.AttributeSet;
-import android.widget.SeekBar;
 
 import javax.annotation.Nullable;
 
@@ -23,7 +23,7 @@
  * Note that the slider is _not_ a controlled component (setValue isn't called
  * during dragging).
  */
-public class ReactSlider extends SeekBar {
+public class ReactSlider extends AppCompatSeekBar {
 
   /**
    * If step is 0 (unset) we default to this total number of steps.

ReactAndroid/src/main/java/com/facebook/react/views/slider/ReactSliderManager.java

@@ -13,6 +13,7 @@
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.SeekBar;
+
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.uimanager.LayoutShadowNode;
@@ -89,7 +90,7 @@ public long measure(
         float height,
         YogaMeasureMode heightMode) {
       if (!mMeasured) {
-        SeekBar reactSlider = new ReactSlider(getThemedContext(), null, STYLE);
+        ReactSlider reactSlider = new ReactSlider(getThemedContext(), null, STYLE);
         final int spec = View.MeasureSpec.makeMeasureSpec(
             ViewGroup.LayoutParams.WRAP_CONTENT,
             View.MeasureSpec.UNSPECIFIED);

ReactAndroid/src/main/java/com/facebook/react/views/text/BUCK

@@ -9,6 +9,7 @@ rn_android_library(
     ],
     deps = [
         YOGA_TARGET,
+        react_native_dep("third-party/android/support/v7/appcompat-orig:appcompat"),
         react_native_dep("third-party/java/infer-annotations:infer-annotations"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
         react_native_target("java/com/facebook/react/bridge:bridge"),

ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextView.java

@@ -10,18 +10,18 @@
 import android.content.Context;
 import android.graphics.drawable.Drawable;
 import android.os.Build;
+import android.support.v7.widget.AppCompatTextView;
 import android.text.Layout;
 import android.text.Spanned;
 import android.text.TextUtils;
 import android.view.Gravity;
 import android.view.ViewGroup;
-import android.widget.TextView;
 import com.facebook.react.uimanager.ReactCompoundView;
 import com.facebook.react.uimanager.ViewDefaults;
 import com.facebook.react.views.view.ReactViewBackgroundManager;
 import javax.annotation.Nullable;
 
-public class ReactTextView extends TextView implements ReactCompoundView {
+public class ReactTextView extends AppCompatTextView implements ReactCompoundView {
 
   private static final ViewGroup.LayoutParams EMPTY_LAYOUT_PARAMS =
     new ViewGroup.LayoutParams(0, 0);

ReactAndroid/src/main/java/com/facebook/react/views/textinput/BUCK

@@ -4,7 +4,7 @@ rn_android_library(
     name = "textinput",
     srcs = glob(["*.java"]),
     provided_deps = [
-        react_native_dep("third-party/android/support/v4:lib-support-v4"),
+        react_native_dep("third-party/android/support/v7/appcompat-orig:appcompat"),
     ],
     required_for_source_only_abi = True,
     visibility = [

ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditText.java

@@ -12,6 +12,7 @@
 import android.graphics.Typeface;
 import android.graphics.drawable.Drawable;
 import android.os.Build;
+import android.support.v7.widget.AppCompatEditText;
 import android.text.Editable;
 import android.text.InputType;
 import android.text.SpannableStringBuilder;
@@ -30,7 +31,6 @@
 import android.view.inputmethod.EditorInfo;
 import android.view.inputmethod.InputConnection;
 import android.view.inputmethod.InputMethodManager;
-import android.widget.EditText;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.uimanager.PixelUtil;
@@ -55,7 +55,7 @@
  * has called this explicitly. This is the default behavior on other platforms as well.
  * VisibleForTesting from {@link TextInputEventsTestCase}.
  */
-public class ReactEditText extends EditText {
+public class ReactEditText extends AppCompatEditText {
 
   private final InputMethodManager mInputMethodManager;
   // This flag is set to true when we set the text of the EditText explicitly. In that case, no

ReactAndroid/src/main/third-party/android/support/v7/appcompat-orig/BUCK

@@ -1,4 +1,4 @@
-load("//ReactNative:DEFS.bzl", "rn_android_library", "rn_android_resource", "rn_prebuilt_jar")
+load("//ReactNative:DEFS.bzl", "react_native_dep", "rn_android_library", "rn_android_resource", "rn_prebuilt_jar")
 
 # This is a bit messy and hopefully a temporary thing
 # The problem is that Gradle extracts appcompat resources into app namespace, com.facebook.react
@@ -19,6 +19,8 @@ rn_android_library(
     ],
     exported_deps = [
         ":classes-for-react-native",
+        react_native_dep("third-party/android/support-annotations:android-support-annotations"),
+        react_native_dep("third-party/android/support/v4:lib-support-v4"),
     ],
 )