change Function type to a more elaborate function type

Author: ethanshar

generatedTypes/components/button/index.d.ts

@@ -38,7 +38,7 @@ export declare type ButtonPropTypes = TextPropTypes & TypographyModifiers & Colo
     /**
      * Actions handler
      */
-    onPress?: Function;
+    onPress?: (props: any) => void;
     /**
      * Disable interactions for the component
      */
@@ -95,7 +95,7 @@ export declare type ButtonPropTypes = TextPropTypes & TypographyModifiers & Colo
      * callback for getting activeBackgroundColor (e.g. (calculatedBackgroundColor, prop) => {...})
      * better set using ThemeManager
      */
-    getActiveBackgroundColor?: Function;
+    getActiveBackgroundColor?: (backgroundColor: string, props: any) => string;
     /**
      * should animate layout change
      * Note?: For Android you must set 'setLayoutAnimationEnabledExperimental(true)' via RN's 'UIManager'
@@ -289,7 +289,7 @@ declare class Button extends PureComponent<Props, ButtonState> {
     get isFilled(): boolean;
     get isIconButton(): boolean | 0 | undefined;
     getBackgroundColor(): any;
-    getActiveBackgroundColor(): any;
+    getActiveBackgroundColor(): string | undefined;
     getLabelColor(): string | undefined;
     getLabelSizeStyle(): object;
     getContainerSizeStyle(): any;

generatedTypes/components/checkbox/index.d.ts

@@ -8,7 +8,7 @@ interface CheckboxProps {
     /**
      * Invoked with the new value when the value changes.
      */
-    onValueChange?: Function;
+    onValueChange?: (value: boolean) => void;
     /**
      * Whether the checkbox should be disabled
      */

generatedTypes/components/image/index.d.ts

@@ -1,12 +1,12 @@
 import React, { PureComponent } from 'react';
-import { ImageProps as RNImageProps } from 'react-native';
+import { ImageProps as RNImageProps, ImageSourcePropType } from 'react-native';
 import { ForwardRefInjectedProps } from '../../commons/new';
 import { OverlayTypeType } from '../overlay';
 declare type ImageProps = RNImageProps & {
     /**
      * custom source transform handler for manipulating the image source (great for size control)
      */
-    sourceTransformer?: Function;
+    sourceTransformer?: (props: any) => ImageSourcePropType;
     /**
      * if provided image source will be driven from asset name
      */
@@ -62,7 +62,7 @@ declare class Image extends PureComponent<Props> {
         BOTTOM: string;
         SOLID: string;
     };
-    sourceTransformer?: Function;
+    sourceTransformer?: (props: any) => ImageSourcePropType;
     constructor(props: Props);
     isGif(): boolean | undefined;
     shouldUseImageBackground(): boolean;

generatedTypes/components/radioButton/RadioButton.d.ts

@@ -12,7 +12,7 @@ interface RadioButtonPropTypes {
     /**
      * Invoked when pressing the button
      */
-    onPress?: Function;
+    onPress?: (selected: boolean) => void;
     /**
      * Whether the radio button should be disabled
      */

generatedTypes/components/radioButton/RadioGroup.d.ts

@@ -7,7 +7,7 @@ interface RadioGroupPropTypes {
     /**
      * Invoked once when value changes, by selecting one of the radio buttons in the group
      */
-    onValueChange?: Function;
+    onValueChange?: (value: string | number | boolean) => void;
 }
 declare const _default: React.ComponentType<RadioGroupPropTypes>;
 export default _default;

generatedTypes/components/radioButton/RadioGroupContext.d.ts

@@ -7,7 +7,7 @@ export interface RadioGroupContextPropTypes {
     /**
      * Invoked once when value changes, by selecting one of the radio buttons in the group
      */
-    onValueChange?: Function;
+    onValueChange?: (value: string | number | boolean) => void;
 }
 declare const _default: React.Context<RadioGroupContextPropTypes>;
 export default _default;

generatedTypes/incubator/TouchableOpacity.d.ts

@@ -20,11 +20,11 @@ declare type TouchableOpacityPropTypes = {
     /**
      * Callback for when tapping the touchable
      */
-    onPress: Function;
+    onPress: (props: any) => void;
     /**
      * Callback for when long pressing the touchable
      */
-    onLongPress: Function;
+    onLongPress: (props: any) => void;
     /**
      * Pass controlled pressState to track gesture state changes
      */

src/components/button/index.tsx

@@ -58,7 +58,7 @@ export type ButtonPropTypes = TextPropTypes &
     /**
      * Actions handler
      */
-    onPress?: Function;
+    onPress?: (props: any) => void;
     /**
      * Disable interactions for the component
      */
@@ -115,7 +115,7 @@ export type ButtonPropTypes = TextPropTypes &
      * callback for getting activeBackgroundColor (e.g. (calculatedBackgroundColor, prop) => {...})
      * better set using ThemeManager
      */
-    getActiveBackgroundColor?: Function;
+    getActiveBackgroundColor?: (backgroundColor: string, props: any) => string;
     /**
      * should animate layout change
      * Note?: For Android you must set 'setLayoutAnimationEnabledExperimental(true)' via RN's 'UIManager'

src/components/checkbox/index.tsx

@@ -20,7 +20,7 @@ interface CheckboxProps {
   /**
    * Invoked with the new value when the value changes.
    */
-  onValueChange?: Function;
+  onValueChange?: (value: boolean) => void;
   /**
    * Whether the checkbox should be disabled
    */

src/components/image/index.tsx

@@ -2,7 +2,7 @@ import _ from 'lodash';
 import React, {PureComponent} from 'react';
 //@ts-ignore
 import hoistNonReactStatic from 'hoist-non-react-statics';
-import {Image as RNImage, ImageProps as RNImageProps, StyleSheet, ImageBackground} from 'react-native';
+import {Image as RNImage, ImageProps as RNImageProps, StyleSheet, ImageBackground, ImageSourcePropType} from 'react-native';
 import Constants from '../../helpers/Constants';
 import {asBaseComponent, forwardRef, ForwardRefInjectedProps} from '../../commons/new';
 // @ts-ignore
@@ -13,7 +13,7 @@ type ImageProps = RNImageProps & {
   /**
    * custom source transform handler for manipulating the image source (great for size control)
    */
-  sourceTransformer?: Function;
+  sourceTransformer?: (props: any) => ImageSourcePropType;
   /**
    * if provided image source will be driven from asset name
    */
@@ -69,7 +69,7 @@ class Image extends PureComponent<Props> {
 
   public static overlayTypes = Overlay.overlayTypes;
 
-  sourceTransformer?: Function;
+  sourceTransformer?: (props: any) => ImageSourcePropType;
 
   constructor(props: Props) {
     super(props);

src/components/radioButton/RadioButton.tsx

@@ -35,7 +35,7 @@ interface RadioButtonPropTypes {
   /**
    * Invoked when pressing the button
    */
-  onPress?: Function;
+  onPress?: (selected: boolean) => void;
   /**
    * Whether the radio button should be disabled
    */

src/components/radioButton/RadioGroup.tsx

@@ -12,7 +12,7 @@ interface RadioGroupPropTypes {
   /**
    * Invoked once when value changes, by selecting one of the radio buttons in the group
    */
-  onValueChange?: Function;
+  onValueChange?: (value: string | number | boolean) => void;
 }
 
 interface RadioGroupState {

src/components/radioButton/RadioGroupContext.ts

@@ -8,7 +8,7 @@ export interface RadioGroupContextPropTypes {
   /**
    * Invoked once when value changes, by selecting one of the radio buttons in the group
    */
-  onValueChange?: Function;
+  onValueChange?: (value: string | number | boolean) => void;
 }
 
 type PropTypes = RadioGroupContextPropTypes;

src/incubator/TouchableOpacity.tsx

@@ -46,11 +46,11 @@ type TouchableOpacityPropTypes = {
   /**
    * Callback for when tapping the touchable
    */
-  onPress: Function;
+  onPress: (props: any) => void;
   /**
    * Callback for when long pressing the touchable
    */
-  onLongPress: Function;
+  onLongPress: (props: any) => void;
   /**
    * Pass controlled pressState to track gesture state changes
    */