diff --git a/packages/rn-tester/IntegrationTests/IntegrationTestsApp.js b/packages/rn-tester/IntegrationTests/IntegrationTestsApp.js index 7f0194e4d93..d278a1b6d89 100644 --- a/packages/rn-tester/IntegrationTests/IntegrationTestsApp.js +++ b/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), }; diff --git a/packages/rn-tester/js/components/ListExampleShared.js b/packages/rn-tester/js/components/ListExampleShared.js index 42bc8694e66..e1dad999b27 100644 --- a/packages/rn-tester/js/components/ListExampleShared.js +++ b/packages/rn-tester/js/components/ListExampleShared.js @@ -169,7 +169,7 @@ const LoadingComponent: React.ComponentType<{}> = memo(() => ( )); -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 ( { }; } -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: '', diff --git a/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExScroll.js b/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExScroll.js index 8cb35f4f8f7..439c66931d7 100644 --- a/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExScroll.js +++ b/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 { diff --git a/packages/rn-tester/js/examples/NativeAnimation/NativeAnimationsExample.js b/packages/rn-tester/js/examples/NativeAnimation/NativeAnimationsExample.js index 7aab9b50dda..9ada17831a7 100644 --- a/packages/rn-tester/js/examples/NativeAnimation/NativeAnimationsExample.js +++ b/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 | { diff --git a/packages/rn-tester/js/examples/PointerEvents/PointerEventsExample.js b/packages/rn-tester/js/examples/PointerEvents/PointerEventsExample.js index d3407178281..1956d657545 100644 --- a/packages/rn-tester/js/examples/PointerEvents/PointerEventsExample.js +++ b/packages/rn-tester/js/examples/PointerEvents/PointerEventsExample.js @@ -67,7 +67,7 @@ class ExampleBox extends React.Component { } } -class NoneExample extends React.Component<$FlowFixMeProps> { +class NoneExample extends React.Component<$FlowFixMe> { render(): React.Node { return ( { } } -class NoneStyleExample extends React.Component<$FlowFixMeProps> { +class NoneStyleExample extends React.Component<$FlowFixMe> { render(): React.Node { return ( { * 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 ( @@ -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 ( { } } -class BoxNoneStyleExample extends React.Component<$FlowFixMeProps> { +class BoxNoneStyleExample extends React.Component<$FlowFixMe> { render(): React.Node { return ( { } } -class BoxOnlyExample extends React.Component<$FlowFixMeProps> { +class BoxOnlyExample extends React.Component<$FlowFixMe> { render(): React.Node { return ( { } } -class BoxOnlyStyleExample extends React.Component<$FlowFixMeProps> { +class BoxOnlyStyleExample extends React.Component<$FlowFixMe> { render(): React.Node { return ( { +class SetPropertiesExampleApp extends React.Component<$FlowFixMe> { render(): React.Node { const wrapperStyle = { backgroundColor: this.props.color, diff --git a/packages/rn-tester/js/examples/Snapshot/SnapshotExample.js b/packages/rn-tester/js/examples/Snapshot/SnapshotExample.js index 91dcf8d8565..85660887a68 100644 --- a/packages/rn-tester/js/examples/Snapshot/SnapshotExample.js +++ b/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, }; diff --git a/packages/rn-tester/js/examples/StatusBar/StatusBarExample.js b/packages/rn-tester/js/examples/StatusBar/StatusBarExample.js index d321fc14f26..79d04085b7e 100644 --- a/packages/rn-tester/js/examples/StatusBar/StatusBarExample.js +++ b/packages/rn-tester/js/examples/StatusBar/StatusBarExample.js @@ -32,7 +32,7 @@ function getValue(values: Array, 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, }; diff --git a/packages/rn-tester/js/examples/Switch/SwitchExample.js b/packages/rn-tester/js/examples/Switch/SwitchExample.js index 6e24845e708..c8692cfe61d 100644 --- a/packages/rn-tester/js/examples/Switch/SwitchExample.js +++ b/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 ( @@ -252,7 +252,7 @@ class OnChangeExample extends React.Component<{...}, $FlowFixMeState> { class ContainerBackgroundColorStyleExample extends React.Component< {...}, - $FlowFixMeState, + $FlowFixMe, > { render(): React.Node { return ( diff --git a/packages/rn-tester/js/examples/Text/TextExample.android.js b/packages/rn-tester/js/examples/Text/TextExample.android.js index f12cf9d50dc..70e1722244a 100644 --- a/packages/rn-tester/js/examples/Text/TextExample.android.js +++ b/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, diff --git a/packages/rn-tester/js/examples/Text/TextExample.ios.js b/packages/rn-tester/js/examples/Text/TextExample.ios.js index 869b111297e..ab8ed5180e7 100644 --- a/packages/rn-tester/js/examples/Text/TextExample.ios.js +++ b/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 ( @@ -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, diff --git a/packages/rn-tester/js/examples/TextInput/TextInputExample.ios.js b/packages/rn-tester/js/examples/TextInput/TextInputExample.ios.js index 62f9607de9e..1d628ade1f9 100644 --- a/packages/rn-tester/js/examples/TextInput/TextInputExample.ios.js +++ b/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 ( @@ -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 = { diff --git a/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js b/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js index 84bffb1eaf3..2de5275b9dd 100644 --- a/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js +++ b/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 ( @@ -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 = 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 | null = null; diff --git a/packages/rn-tester/js/examples/Touchable/TouchableExample.js b/packages/rn-tester/js/examples/Touchable/TouchableExample.js index 3364e243247..31daa433f77 100644 --- a/packages/rn-tester/js/examples/Touchable/TouchableExample.js +++ b/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} = { 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} = { 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, }; diff --git a/packages/rn-tester/js/examples/XHR/XHRExampleBinaryUpload.js b/packages/rn-tester/js/examples/XHR/XHRExampleBinaryUpload.js index d5d8727e24d..7ecf186661c 100644 --- a/packages/rn-tester/js/examples/XHR/XHRExampleBinaryUpload.js +++ b/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(