Remove Touchable (base) from public API

Summary:
**Motivation**

The public type for `Touchable` has zero overlap with its runtime value, and this API is undocumented.

https://www.internalfb.com/code/fbsource/[86267213ee84]/xplat/js/react-native-github/packages/react-native/Libraries/Components/Touchable/Touchable.d.ts?lines=18-24

https://www.internalfb.com/code/fbsource/[86267213ee84]/xplat/js/react-native-github/packages/react-native/Libraries/Components/Touchable/Touchable.js?lines=966-986

Replaces D110483989 / #57419.

**Impact**

This API was undocumented, and any type usages will have disagreed under the manual types vs the Strict API.

- A load-bearing consumer of this was Uniwind, where types are fixed in uni-stack/uniwind#592.

Changelog:  
[General][Breaking] - The `Touchable` root export is removed. If you are extending `Touchable` as a type, please use `ViewProps` instead.

Differential Revision: D110488985

Author: huntie

packages/react-native/ReactNativeApi.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<67eb674c33870c82986054f0cee48385>>
+ * @generated SignedSource<<117357f08899828c66a83bdec1ee08f6>>
  *
  * This file was generated by scripts/js-api/build-types/index.js.
  */
@@ -399,16 +399,6 @@ declare const staggerImpl: (
   time: number,
   animations: Array<CompositeAnimation>,
 ) => CompositeAnimation
-declare const States: {
-  ERROR: "ERROR"
-  NOT_RESPONDER: "NOT_RESPONDER"
-  RESPONDER_ACTIVE_LONG_PRESS_IN: "RESPONDER_ACTIVE_LONG_PRESS_IN"
-  RESPONDER_ACTIVE_LONG_PRESS_OUT: "RESPONDER_ACTIVE_LONG_PRESS_OUT"
-  RESPONDER_ACTIVE_PRESS_IN: "RESPONDER_ACTIVE_PRESS_IN"
-  RESPONDER_ACTIVE_PRESS_OUT: "RESPONDER_ACTIVE_PRESS_OUT"
-  RESPONDER_INACTIVE_PRESS_IN: "RESPONDER_INACTIVE_PRESS_IN"
-  RESPONDER_INACTIVE_PRESS_OUT: "RESPONDER_INACTIVE_PRESS_OUT"
-}
 declare const subtract: typeof $$AnimatedImplementation.subtract
 declare const subtractImpl: (
   a: AnimatedNode_default | number,
@@ -452,7 +442,6 @@ declare const ToastAndroid_default: {
     yOffset: number,
   ) => void
 }
-declare const Touchable: typeof TouchableImpl_default
 declare const Touchable_default: (
   props: TouchableOpacityProps & {
     ref?: React.Ref<TouchableOpacityInstance>
@@ -464,33 +453,6 @@ declare const TouchableHighlight_default: (
     ref?: React.Ref<TouchableHighlightInstance>
   },
 ) => React.ReactNode
-declare const TouchableImpl_default: {
-  Mixin: typeof TouchableMixinImpl
-  renderDebugView: ($$PARAM_0$$: {
-    color: ColorValue
-    hitSlop?: EdgeInsetsProp
-  }) => null | React.ReactNode
-}
-declare const TouchableMixinImpl: {
-  withoutDefaultFocusAndBlur: {}
-  componentDidMount: () => void
-  componentWillUnmount: () => void
-  touchableGetInitialState: () => {
-    touchable: {
-      responderID: GestureResponderEvent["currentTarget"] | undefined
-      touchState: TouchableState | undefined
-    }
-  }
-  touchableHandleBlur: (e: BlurEvent) => void
-  touchableHandleFocus: (e: FocusEvent) => void
-  touchableHandleResponderGrant: (e: GestureResponderEvent) => void
-  touchableHandleResponderMove: (e: GestureResponderEvent) => void
-  touchableHandleResponderRelease: (e: GestureResponderEvent) => void
-  touchableHandleResponderTerminate: (e: GestureResponderEvent) => void
-  touchableHandleResponderTerminationRequest: () => any
-  touchableHandleStartShouldSetResponder: () => any
-  touchableLongPressCancelsPress: () => boolean
-}
 declare const TouchableOpacity: typeof Touchable_default
 declare const UIManager: typeof UIManager_default
 declare const UIManager_default: UIManagerJSInterface
@@ -5353,7 +5315,6 @@ declare type TimingAnimationConfig = Readonly<
   }
 >
 declare type ToastAndroid = typeof ToastAndroid
-declare type Touchable = typeof Touchable
 declare type TouchableHighlight = typeof TouchableHighlight
 declare type TouchableHighlightBaseProps = {
   readonly activeOpacity?: number
@@ -5460,15 +5421,6 @@ declare type TouchableOpacityTVProps = {
   readonly nextFocusRight?: number
   readonly nextFocusUp?: number
 }
-declare type TouchableState =
-  | typeof States.ERROR
-  | typeof States.NOT_RESPONDER
-  | typeof States.RESPONDER_ACTIVE_LONG_PRESS_IN
-  | typeof States.RESPONDER_ACTIVE_LONG_PRESS_OUT
-  | typeof States.RESPONDER_ACTIVE_PRESS_IN
-  | typeof States.RESPONDER_ACTIVE_PRESS_OUT
-  | typeof States.RESPONDER_INACTIVE_PRESS_IN
-  | typeof States.RESPONDER_INACTIVE_PRESS_OUT
 declare function TouchableWithoutFeedback(
   props: TouchableWithoutFeedbackProps,
 ): React.ReactNode
@@ -6153,7 +6105,6 @@ export {
   TextProps, // 58466ea1
   TextStyle, // b62b8399
   ToastAndroid, // 88a8969a
-  Touchable, // c15da0a2
   TouchableHighlight, // 20ba0199
   TouchableHighlightInstance, // b510c0eb
   TouchableHighlightProps, // 337a9164

packages/react-native/__typetests__/index.tsx

@@ -124,7 +124,6 @@ import {
   // @ts-ignore
   SectionListData,
   ToastAndroid,
-  Touchable,
   LayoutAnimation,
   processColor,
   experimental_LayoutConformance as LayoutConformance,
@@ -487,22 +486,6 @@ class Welcome extends React.Component<
 
 export default Welcome;
 
-// TouchableTest
-function TouchableTest() {
-  function basicUsage() {
-    return Touchable.renderDebugView({
-      color: 'mediumspringgreen',
-      hitSlop: {bottom: 5, top: 5},
-    });
-  }
-
-  function defaultHitSlop() {
-    return Touchable.renderDebugView({
-      color: 'red',
-    });
-  }
-}
-
 export class TouchableHighlightTest extends React.Component {
   buttonRef = React.createRef<React.ComponentRef<typeof TouchableHighlight>>();
 

packages/react-native/index.js

@@ -138,9 +138,6 @@ module.exports = {
   get TextInput() {
     return require('./Libraries/Components/TextInput/TextInput').default;
   },
-  get Touchable() {
-    return require('./Libraries/Components/Touchable/Touchable').default;
-  },
   get TouchableHighlight() {
     return require('./Libraries/Components/Touchable/TouchableHighlight')
       .default;

packages/react-native/index.js.flow

@@ -175,8 +175,6 @@ export type {
 } from './Libraries/Components/TextInput/TextInput';
 export {default as TextInput} from './Libraries/Components/TextInput/TextInput';
 
-export {default as Touchable} from './Libraries/Components/Touchable/Touchable';
-
 export type {
   TouchableHighlightInstance,
   TouchableHighlightProps,