Replace $FlowFixMe(Props|State|Empty) with just $FlowFixMe (#53002)

Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/53002

Changelog: [Internal]

Reviewed By: marcoww6

Differential Revision: D79524515

fbshipit-source-id: 18b96538a62c7ae5912b1e89d2b50c1420c7eaf5

packages/rn-tester/IntegrationTests/IntegrationTestsApp.js

@@ -48,7 +48,7 @@ require('./LoggingTestModule');
 
 type Test = any;
 
-class IntegrationTestsApp extends React.Component<{...}, $FlowFixMeState> {
+class IntegrationTestsApp extends React.Component<{...}, $FlowFixMe> {
   state: {test: ?Test} = {
     test: (null: ?Test),
   };

packages/rn-tester/js/components/ListExampleShared.js

@@ -169,7 +169,7 @@ const LoadingComponent: React.ComponentType<{}> = memo(() => (
   </View>
 ));
 
-class ItemSeparatorComponent extends React.PureComponent<$FlowFixMeProps> {
+class ItemSeparatorComponent extends React.PureComponent<$FlowFixMe> {
   render(): React.Node {
     const style = this.props.highlighted
       ? [
@@ -181,7 +181,7 @@ class ItemSeparatorComponent extends React.PureComponent<$FlowFixMeProps> {
   }
 }
 
-class Spindicator extends React.PureComponent<$FlowFixMeProps> {
+class Spindicator extends React.PureComponent<$FlowFixMe> {
   render(): React.Node {
     return (
       <Animated.View

packages/rn-tester/js/examples/ActionSheetIOS/ActionSheetIOSExample.js

@@ -72,10 +72,7 @@ class ActionSheetExample extends React.Component<Props, State> {
   };
 }
 
-class ActionSheetTintExample extends React.Component<
-  $FlowFixMeProps,
-  $FlowFixMeState,
-> {
+class ActionSheetTintExample extends React.Component<$FlowFixMe, $FlowFixMe> {
   state: any | {clicked: string} = {
     clicked: 'none',
   };
@@ -115,8 +112,8 @@ class ActionSheetTintExample extends React.Component<
 }
 
 class ActionSheetCancelButtonTintExample extends React.Component<
-  $FlowFixMeProps,
-  $FlowFixMeState,
+  $FlowFixMe,
+  $FlowFixMe,
 > {
   state: any | {clicked: string} = {
     clicked: 'none',
@@ -158,8 +155,8 @@ class ActionSheetCancelButtonTintExample extends React.Component<
 }
 
 class ActionSheetDisabledButtonTintExample extends React.Component<
-  $FlowFixMeProps,
-  $FlowFixMeState,
+  $FlowFixMe,
+  $FlowFixMe,
 > {
   state: any | {clicked: string} = {
     clicked: 'none',
@@ -201,10 +198,7 @@ class ActionSheetDisabledButtonTintExample extends React.Component<
   };
 }
 
-class ActionSheetAnchorExample extends React.Component<
-  $FlowFixMeProps,
-  $FlowFixMeState,
-> {
+class ActionSheetAnchorExample extends React.Component<$FlowFixMe, $FlowFixMe> {
   state: any | {clicked: string} = {
     clicked: 'none',
   };
@@ -326,10 +320,7 @@ class ActionSheetDismissExample extends React.Component<{...}> {
   };
 }
 
-class ShareActionSheetExample extends React.Component<
-  $FlowFixMeProps,
-  $FlowFixMeState,
-> {
+class ShareActionSheetExample extends React.Component<$FlowFixMe, $FlowFixMe> {
   state: any | {text: string} = {
     text: '',
   };
@@ -375,10 +366,7 @@ class ShareActionSheetExample extends React.Component<
   };
 }
 
-class ShareScreenshotExample extends React.Component<
-  $FlowFixMeProps,
-  $FlowFixMeState,
-> {
+class ShareScreenshotExample extends React.Component<$FlowFixMe, $FlowFixMe> {
   state: any | {text: string} = {
     text: '',
   };
@@ -429,8 +417,8 @@ class ShareScreenshotExample extends React.Component<
 }
 
 class ShareScreenshotAnchorExample extends React.Component<
-  $FlowFixMeProps,
-  $FlowFixMeState,
+  $FlowFixMe,
+  $FlowFixMe,
 > {
   state: any | {text: string} = {
     text: '',

packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExScroll.js

@@ -20,7 +20,7 @@ import {
   View,
 } from 'react-native';
 
-class AnExScroll extends React.Component<$FlowFixMeProps, any> {
+class AnExScroll extends React.Component<$FlowFixMe, any> {
   state: any = {scrollX: new Animated.Value(0)};
 
   render(): React.Node {

packages/rn-tester/js/examples/NativeAnimation/NativeAnimationsExample.js

@@ -24,7 +24,7 @@ import {
   View,
 } from 'react-native';
 
-class Tester extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
+class Tester extends React.Component<$FlowFixMe, $FlowFixMe> {
   state: any | {js: AnimatedValue, native: AnimatedValue} = {
     native: new Animated.Value(0),
     js: new Animated.Value(0),
@@ -73,7 +73,7 @@ class Tester extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
   }
 }
 
-class ValueListenerExample extends React.Component<{...}, $FlowFixMeState> {
+class ValueListenerExample extends React.Component<{...}, $FlowFixMe> {
   state: any | {anim: AnimatedValue, progress: number} = {
     anim: new Animated.Value(0),
     progress: 0,
@@ -122,7 +122,7 @@ class ValueListenerExample extends React.Component<{...}, $FlowFixMeState> {
   }
 }
 
-class LoopExample extends React.Component<{...}, $FlowFixMeState> {
+class LoopExample extends React.Component<{...}, $FlowFixMe> {
   state: any | {value: AnimatedValue} = {
     value: new Animated.Value(0),
   };
@@ -193,7 +193,7 @@ const InternalSettings = () => {
   );
 };
 
-class EventExample extends React.Component<{...}, $FlowFixMeState> {
+class EventExample extends React.Component<{...}, $FlowFixMe> {
   state: any | {anim: AnimatedValue} = {
     anim: new Animated.Value(0),
   };
@@ -240,10 +240,7 @@ class EventExample extends React.Component<{...}, $FlowFixMeState> {
   }
 }
 
-class TrackingExample extends React.Component<
-  $FlowFixMeProps,
-  $FlowFixMeState,
-> {
+class TrackingExample extends React.Component<$FlowFixMe, $FlowFixMe> {
   state:
     | any
     | {

packages/rn-tester/js/examples/PointerEvents/PointerEventsExample.js

@@ -67,7 +67,7 @@ class ExampleBox extends React.Component<ExampleBoxProps, ExampleBoxState> {
   }
 }
 
-class NoneExample extends React.Component<$FlowFixMeProps> {
+class NoneExample extends React.Component<$FlowFixMe> {
   render(): React.Node {
     return (
       <View
@@ -94,7 +94,7 @@ class NoneExample extends React.Component<$FlowFixMeProps> {
   }
 }
 
-class NoneStyleExample extends React.Component<$FlowFixMeProps> {
+class NoneStyleExample extends React.Component<$FlowFixMe> {
   render(): React.Node {
     return (
       <View
@@ -128,7 +128,7 @@ class NoneStyleExample extends React.Component<$FlowFixMeProps> {
  * Special demo text that makes itself untouchable so that it doesn't destroy
  * the experiment and confuse the output.
  */
-class DemoText extends React.Component<$FlowFixMeProps> {
+class DemoText extends React.Component<$FlowFixMe> {
   render(): React.Node {
     return (
       <View pointerEvents="none">
@@ -138,7 +138,7 @@ class DemoText extends React.Component<$FlowFixMeProps> {
   }
 }
 
-class BoxNoneExample extends React.Component<$FlowFixMeProps> {
+class BoxNoneExample extends React.Component<$FlowFixMe> {
   render(): React.Node {
     return (
       <View
@@ -171,7 +171,7 @@ class BoxNoneExample extends React.Component<$FlowFixMeProps> {
   }
 }
 
-class BoxNoneStyleExample extends React.Component<$FlowFixMeProps> {
+class BoxNoneStyleExample extends React.Component<$FlowFixMe> {
   render(): React.Node {
     return (
       <View
@@ -206,7 +206,7 @@ class BoxNoneStyleExample extends React.Component<$FlowFixMeProps> {
   }
 }
 
-class BoxOnlyExample extends React.Component<$FlowFixMeProps> {
+class BoxOnlyExample extends React.Component<$FlowFixMe> {
   render(): React.Node {
     return (
       <View
@@ -241,7 +241,7 @@ class BoxOnlyExample extends React.Component<$FlowFixMeProps> {
   }
 }
 
-class BoxOnlyStyleExample extends React.Component<$FlowFixMeProps> {
+class BoxOnlyStyleExample extends React.Component<$FlowFixMe> {
   render(): React.Node {
     return (
       <View

packages/rn-tester/js/examples/SetPropertiesExample/SetPropertiesExampleApp.js

@@ -13,7 +13,7 @@
 const React = require('react');
 const {Text, View} = require('react-native');
 
-class SetPropertiesExampleApp extends React.Component<$FlowFixMeProps> {
+class SetPropertiesExampleApp extends React.Component<$FlowFixMe> {
   render(): React.Node {
     const wrapperStyle = {
       backgroundColor: this.props.color,

packages/rn-tester/js/examples/Snapshot/SnapshotExample.js

@@ -17,7 +17,7 @@ const {RNTesterThemeContext} = require('../../components/RNTesterTheme');
 const React = require('react');
 const {Alert, Image, StyleSheet, Text, View} = require('react-native');
 
-class ScreenshotExample extends React.Component<{...}, $FlowFixMeState> {
+class ScreenshotExample extends React.Component<{...}, $FlowFixMe> {
   state: any | {uri: void} = {
     uri: undefined,
   };

packages/rn-tester/js/examples/StatusBar/StatusBarExample.js

@@ -32,7 +32,7 @@ function getValue<T>(values: Array<T>, index: number): T {
   return values[index % values.length];
 }
 
-class StatusBarHiddenExample extends React.Component<{...}, $FlowFixMeState> {
+class StatusBarHiddenExample extends React.Component<{...}, $FlowFixMe> {
   state:
     | $FlowFixMe
     | {animated: boolean, hidden: boolean, showHideTransition: string} = {
@@ -104,7 +104,7 @@ class StatusBarHiddenExample extends React.Component<{...}, $FlowFixMeState> {
   }
 }
 
-class StatusBarStyleExample extends React.Component<{...}, $FlowFixMeState> {
+class StatusBarStyleExample extends React.Component<{...}, $FlowFixMe> {
   _barStyleIndex = 0;
 
   _onChangeBarStyle = () => {
@@ -159,7 +159,7 @@ class StatusBarStyleExample extends React.Component<{...}, $FlowFixMeState> {
 
 class StatusBarBackgroundColorExample extends React.Component<
   {...},
-  $FlowFixMeState,
+  $FlowFixMe,
 > {
   state: $FlowFixMe | {animated: boolean, backgroundColor: string} = {
     animated: true,
@@ -207,10 +207,7 @@ class StatusBarBackgroundColorExample extends React.Component<
   }
 }
 
-class StatusBarTranslucentExample extends React.Component<
-  {...},
-  $FlowFixMeState,
-> {
+class StatusBarTranslucentExample extends React.Component<{...}, $FlowFixMe> {
   state: $FlowFixMe | {translucent: boolean} = {
     translucent: false,
   };
@@ -413,7 +410,7 @@ class StatusBarStaticAndroidExample extends React.Component<{...}> {
   }
 }
 
-class ModalExample extends React.Component<{...}, $FlowFixMeState> {
+class ModalExample extends React.Component<{...}, $FlowFixMe> {
   state: $FlowFixMe | {modalVisible: boolean} = {
     modalVisible: false,
   };

packages/rn-tester/js/examples/Switch/SwitchExample.js

@@ -125,7 +125,7 @@ class DisabledSwitchExample extends React.Component<
   }
 }
 
-class ColorSwitchExample extends React.Component<{...}, $FlowFixMeState> {
+class ColorSwitchExample extends React.Component<{...}, $FlowFixMe> {
   state: any | {colorFalseSwitchIsOn: boolean, colorTrueSwitchIsOn: boolean} = {
     colorTrueSwitchIsOn: true,
     colorFalseSwitchIsOn: false,
@@ -160,7 +160,7 @@ class ColorSwitchExample extends React.Component<{...}, $FlowFixMeState> {
   }
 }
 
-class EventSwitchExample extends React.Component<{...}, $FlowFixMeState> {
+class EventSwitchExample extends React.Component<{...}, $FlowFixMe> {
   state: any | {eventSwitchIsOn: boolean, eventSwitchRegressionIsOn: boolean} =
     {
       eventSwitchIsOn: false,
@@ -213,7 +213,7 @@ class EventSwitchExample extends React.Component<{...}, $FlowFixMeState> {
   }
 }
 
-class IOSBackgroundColEx extends React.Component<{...}, $FlowFixMeState> {
+class IOSBackgroundColEx extends React.Component<{...}, $FlowFixMe> {
   state: any | {iosBackgroundColor: string} = {
     iosBackgroundColor: '#ffa500',
   };
@@ -235,7 +235,7 @@ class IOSBackgroundColEx extends React.Component<{...}, $FlowFixMeState> {
   }
 }
 
-class OnChangeExample extends React.Component<{...}, $FlowFixMeState> {
+class OnChangeExample extends React.Component<{...}, $FlowFixMe> {
   render(): React.Node {
     return (
       <View>
@@ -252,7 +252,7 @@ class OnChangeExample extends React.Component<{...}, $FlowFixMeState> {
 
 class ContainerBackgroundColorStyleExample extends React.Component<
   {...},
-  $FlowFixMeState,
+  $FlowFixMe,
 > {
   render(): React.Node {
     return (

packages/rn-tester/js/examples/Text/TextExample.android.js

@@ -38,7 +38,7 @@ class Entity extends React.Component<{children: React.Node}> {
     );
   }
 }
-class AttributeToggler extends React.Component<{...}, $FlowFixMeState> {
+class AttributeToggler extends React.Component<{...}, $FlowFixMe> {
   state: {fontSize: number, fontWeight: 'bold' | 'normal'} = {
     fontWeight: 'bold',
     fontSize: 15,

packages/rn-tester/js/examples/Text/TextExample.ios.js

@@ -83,7 +83,7 @@ class TextAlignRTLExample extends React.Component<
   }
 }
 
-class Entity extends React.Component<$FlowFixMeProps> {
+class Entity extends React.Component<$FlowFixMe> {
   render(): React.Node {
     return (
       <Text style={{fontWeight: '500', color: '#527fe4'}}>
@@ -93,7 +93,7 @@ class Entity extends React.Component<$FlowFixMeProps> {
   }
 }
 
-class AttributeToggler extends React.Component<{...}, $FlowFixMeState> {
+class AttributeToggler extends React.Component<{...}, $FlowFixMe> {
   state: any | {fontSize: number, fontWeight: string} = {
     fontWeight: 'bold',
     fontSize: 15,

packages/rn-tester/js/examples/TextInput/TextInputExample.ios.js

@@ -32,7 +32,7 @@ import {
   View,
 } from 'react-native';
 
-class WithLabel extends React.Component<$FlowFixMeProps> {
+class WithLabel extends React.Component<$FlowFixMe> {
   render(): React.Node {
     return (
       <View style={styles.labelContainer}>
@@ -147,7 +147,7 @@ class TextInputAccessoryViewDefaultDoneButtonExample extends React.Component<
   }
 }
 
-class RewriteExampleKana extends React.Component<$FlowFixMeProps, any> {
+class RewriteExampleKana extends React.Component<$FlowFixMe, any> {
   constructor(props: any | void) {
     super(props);
     this.state = {text: ''};
@@ -167,7 +167,7 @@ class RewriteExampleKana extends React.Component<$FlowFixMeProps, any> {
   }
 }
 
-class SecureEntryExample extends React.Component<$FlowFixMeProps, any> {
+class SecureEntryExample extends React.Component<$FlowFixMe, any> {
   constructor(props: any | void) {
     super(props);
     this.state = {

packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js

@@ -76,7 +76,7 @@ const styles = StyleSheet.create({
 });
 
 class AutoFocusWithSelectOnFocusTextExample extends React.Component<
-  $FlowFixMeProps,
+  $FlowFixMe,
   any,
 > {
   constructor(props: any | void) {
@@ -108,7 +108,7 @@ class AutoFocusWithSelectOnFocusTextExample extends React.Component<
   }
 }
 
-class WithLabel extends React.Component<$FlowFixMeProps> {
+class WithLabel extends React.Component<$FlowFixMe> {
   render(): React.Node {
     return (
       <View style={styles.labelContainer}>
@@ -119,7 +119,7 @@ class WithLabel extends React.Component<$FlowFixMeProps> {
   }
 }
 
-class RewriteExample extends React.Component<$FlowFixMeProps, any> {
+class RewriteExample extends React.Component<$FlowFixMe, any> {
   constructor(props: any | void) {
     super(props);
     this.state = {text: ''};
@@ -149,10 +149,7 @@ class RewriteExample extends React.Component<$FlowFixMeProps, any> {
   }
 }
 
-class RewriteExampleInvalidCharacters extends React.Component<
-  $FlowFixMeProps,
-  any,
-> {
+class RewriteExampleInvalidCharacters extends React.Component<$FlowFixMe, any> {
   constructor(props: any | void) {
     super(props);
     this.state = {text: ''};
@@ -175,7 +172,7 @@ class RewriteExampleInvalidCharacters extends React.Component<
 }
 
 class RewriteInvalidCharactersAndClearExample extends React.Component<
-  $FlowFixMeProps,
+  $FlowFixMe,
   any,
 > {
   inputRef: ?React.ElementRef<typeof TextInput> = null;
@@ -359,7 +356,7 @@ class SubmitBehaviorExample extends React.Component<{...}> {
   }
 }
 
-class TextEventsExample extends React.Component<{...}, $FlowFixMeState> {
+class TextEventsExample extends React.Component<{...}, $FlowFixMe> {
   state:
     | any
     | {
@@ -427,10 +424,7 @@ class TextEventsExample extends React.Component<{...}, $FlowFixMeState> {
   }
 }
 
-class TokenizedTextExample extends React.Component<
-  $FlowFixMeProps,
-  $FlowFixMeState,
-> {
+class TokenizedTextExample extends React.Component<$FlowFixMe, $FlowFixMe> {
   constructor(props: any | void) {
     super(props);
     this.state = {text: 'Hello #World'};
@@ -500,7 +494,7 @@ type SelectionExampleState = {
 };
 
 class SelectionExample extends React.Component<
-  $FlowFixMeProps,
+  $FlowFixMe,
   SelectionExampleState,
 > {
   _textInput: React.ElementRef<typeof TextInput> | null = null;

packages/rn-tester/js/examples/Touchable/TouchableExample.js

@@ -28,7 +28,7 @@ import {
 const forceTouchAvailable =
   (Platform.OS === 'ios' && Platform.constants.forceTouchAvailable) || false;
 
-class TouchableHighlightBox extends React.Component<{...}, $FlowFixMeState> {
+class TouchableHighlightBox extends React.Component<{...}, $FlowFixMe> {
   state: any | {timesPressed: number} = {
     timesPressed: 0,
   };
@@ -79,10 +79,7 @@ class TouchableHighlightBox extends React.Component<{...}, $FlowFixMeState> {
   }
 }
 
-class TouchableWithoutFeedbackBox extends React.Component<
-  {...},
-  $FlowFixMeState,
-> {
+class TouchableWithoutFeedbackBox extends React.Component<{...}, $FlowFixMe> {
   state: any | {timesPressed: number} = {
     timesPressed: 0,
   };
@@ -122,7 +119,7 @@ class TouchableWithoutFeedbackBox extends React.Component<
   }
 }
 
-class TextOnPressBox extends React.Component<{...}, $FlowFixMeState> {
+class TextOnPressBox extends React.Component<{...}, $FlowFixMe> {
   state: any | {timesPressed: number} = {
     timesPressed: 0,
   };
@@ -157,7 +154,7 @@ class TextOnPressBox extends React.Component<{...}, $FlowFixMeState> {
   }
 }
 
-class TouchableFeedbackEvents extends React.Component<{...}, $FlowFixMeState> {
+class TouchableFeedbackEvents extends React.Component<{...}, $FlowFixMe> {
   state: any | {eventLog: Array<string>} = {
     eventLog: [],
   };
@@ -197,7 +194,7 @@ class TouchableFeedbackEvents extends React.Component<{...}, $FlowFixMeState> {
   };
 }
 
-class TouchableDelayEvents extends React.Component<{...}, $FlowFixMeState> {
+class TouchableDelayEvents extends React.Component<{...}, $FlowFixMe> {
   state: any | {eventLog: Array<string>} = {
     eventLog: [],
   };
@@ -238,7 +235,7 @@ class TouchableDelayEvents extends React.Component<{...}, $FlowFixMeState> {
   };
 }
 
-class ForceTouchExample extends React.Component<{...}, $FlowFixMeState> {
+class ForceTouchExample extends React.Component<{...}, $FlowFixMe> {
   state: any | {force: number} = {
     force: 0,
   };
@@ -272,7 +269,7 @@ class ForceTouchExample extends React.Component<{...}, $FlowFixMeState> {
   }
 }
 
-class TouchableHitSlop extends React.Component<{...}, $FlowFixMeState> {
+class TouchableHitSlop extends React.Component<{...}, $FlowFixMe> {
   state: any | {timesPressed: number} = {
     timesPressed: 0,
   };

packages/rn-tester/js/examples/XHR/XHRExampleBinaryUpload.js

@@ -49,7 +49,7 @@ That is my proper element.
 --Faust, JW Goethe
 `;
 
-class XHRExampleBinaryUpload extends React.Component<{...}, $FlowFixMeState> {
+class XHRExampleBinaryUpload extends React.Component<{...}, $FlowFixMe> {
   static handlePostTestServerUpload(xhr: XMLHttpRequest) {
     if (xhr.status !== 200) {
       Alert.alert(