Update generated types

Author: ethanshar

generatedTypes/components/dialog/OverlayFadingBackground.d.ts

@@ -4,5 +4,8 @@ interface Props {
     modalVisibility: boolean;
     overlayBackgroundColor: string;
 }
-declare const _default: ({ dialogVisibility, modalVisibility, overlayBackgroundColor }: Props) => JSX.Element;
-export default _default;
+declare const OverlayFadingBackground: {
+    ({ dialogVisibility, modalVisibility, overlayBackgroundColor }: Props): JSX.Element;
+    displayName: string;
+};
+export default OverlayFadingBackground;

generatedTypes/components/drawer/Swipeable.d.ts

@@ -43,6 +43,7 @@ declare type StateType = {
     rowWidth: number | typeof undefined;
 };
 export default class Swipeable extends Component<PropType, StateType> {
+    static displayName: string;
     static defaultProps: {
         friction: number;
         overshootFriction: number;

generatedTypes/components/image/index.d.ts

@@ -33,7 +33,7 @@ export declare type ImageProps = RNImageProps & MarginModifiers & {
     aspectRatio?: number;
     /**
      * The type of overly to place on top of the image. Note: the image MUST have proper size, see examples in:
-     * https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/OverlaysScreen.js
+     * https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/OverlaysScreen.tsx
      */
     overlayType?: OverlayTypeType;
     /**
@@ -101,7 +101,7 @@ declare const _default: React.ComponentClass<RNImageProps & Partial<Record<"marg
     aspectRatio?: number | undefined;
     /**
      * The type of overly to place on top of the image. Note: the image MUST have proper size, see examples in:
-     * https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/OverlaysScreen.js
+     * https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/OverlaysScreen.tsx
      */
     overlayType?: string | undefined;
     /**

generatedTypes/components/tabBar/index.d.ts

@@ -27,6 +27,10 @@ export declare type TabBarProps = BaseComponentInjectedProps & ViewPropTypes & {
      * custom style for the selected indicator
      */
     indicatorStyle?: ViewStyle;
+    /**
+     * The background color
+     */
+    backgroundColor: string;
     /**
      * Tab Bar height
      */
@@ -65,6 +69,10 @@ declare const _default: React.ComponentClass<BaseComponentInjectedProps & ViewPr
      * custom style for the selected indicator
      */
     indicatorStyle?: ViewStyle | undefined;
+    /**
+     * The background color
+     */
+    backgroundColor: string;
     /**
      * Tab Bar height
      */

generatedTypes/incubator/TextField/AccessoryButton.d.ts

@@ -1,4 +1,7 @@
 /// <reference types="react" />
 import { ButtonPropTypes } from '../../components/button';
-declare const _default: (props: ButtonPropTypes) => JSX.Element;
-export default _default;
+declare const AccessoryButton: {
+    (props: ButtonPropTypes): JSX.Element;
+    displayName: string;
+};
+export default AccessoryButton;

generatedTypes/incubator/TextField/CharCounter.d.ts

@@ -1,9 +1,18 @@
 /// <reference types="react" />
 import { TextStyle } from 'react-native';
 export interface CharCounterProps {
+    /**
+     * Should show a character counter (works only with maxLength)
+     */
     showCharCounter?: boolean;
     maxLength?: number;
+    /**
+     * Pass custom style to character counter text
+     */
     charCounterStyle?: TextStyle;
 }
-declare const _default: ({ maxLength, charCounterStyle }: CharCounterProps) => JSX.Element | null;
-export default _default;
+declare const CharCounter: {
+    ({ maxLength, charCounterStyle }: CharCounterProps): JSX.Element | null;
+    displayName: string;
+};
+export default CharCounter;

generatedTypes/incubator/TextField/FloatingPlaceholder.d.ts

@@ -2,9 +2,21 @@
 import { TextStyle } from 'react-native';
 import { ColorType } from './types';
 export interface FloatingPlaceholderProps {
+    /**
+     * The placeholder for the field
+     */
     placeholder?: string;
+    /**
+     * The floating placeholder color
+     */
     floatingPlaceholderColor?: ColorType;
+    /**
+     * Custom style to pass to the floating placeholder
+     */
     floatingPlaceholderStyle?: TextStyle;
 }
-declare const _default: ({ placeholder, floatingPlaceholderColor, floatingPlaceholderStyle }: FloatingPlaceholderProps) => JSX.Element;
-export default _default;
+declare const FloatingPlaceholder: {
+    ({ placeholder, floatingPlaceholderColor, floatingPlaceholderStyle }: FloatingPlaceholderProps): JSX.Element;
+    displayName: string;
+};
+export default FloatingPlaceholder;

generatedTypes/incubator/TextField/Input.d.ts

@@ -2,7 +2,13 @@ import React from 'react';
 import { TextInput, TextInputProps } from 'react-native';
 import { ForwardRefInjectedProps } from '../../commons/new';
 export interface InputProps extends TextInputProps, React.ComponentPropsWithRef<typeof TextInput> {
+    /**
+     * A hint text to display when focusing the field
+     */
     hint?: string;
 }
-declare const Input: ({ style, hint, forwardedRef, ...props }: InputProps & ForwardRefInjectedProps) => JSX.Element;
+declare const Input: {
+    ({ style, hint, forwardedRef, ...props }: InputProps & ForwardRefInjectedProps): JSX.Element;
+    displayName: string;
+};
 export default Input;

generatedTypes/incubator/TextField/Label.d.ts

@@ -3,11 +3,26 @@ import { TextStyle } from 'react-native';
 import { TextPropTypes } from '../../components/text';
 import { ColorType, ValidationMessagePosition } from './types';
 export interface LabelProps {
+    /**
+     * Field label
+     */
     label?: string;
+    /**
+     * Field label color. Either a string or color by state map ({default, focus, error, disabled})
+     */
     labelColor?: ColorType;
+    /**
+     * Custom style for the field label
+     */
     labelStyle?: TextStyle;
+    /**
+     * Pass extra props to the label Text element
+     */
     labelProps?: TextPropTypes;
     validationMessagePosition?: ValidationMessagePosition;
 }
-declare const _default: ({ label, labelColor, labelStyle, labelProps, validationMessagePosition }: LabelProps) => JSX.Element | null;
-export default _default;
+declare const Label: {
+    ({ label, labelColor, labelStyle, labelProps, validationMessagePosition }: LabelProps): JSX.Element | null;
+    displayName: string;
+};
+export default Label;

generatedTypes/incubator/TextField/ValidationMessage.d.ts

@@ -1,7 +1,13 @@
 /// <reference types="react" />
 import { TextStyle } from 'react-native';
 export interface ValidationMessageProps {
+    /**
+     * Should support showing validation error message
+     */
     enableErrors?: boolean;
+    /**
+     * The validation message to display when field is invalid (depends on validate)
+     */
     validationMessage?: string;
     validationMessageStyle?: TextStyle;
     retainSpace?: boolean;

generatedTypes/incubator/TextField/index.d.ts

@@ -9,12 +9,33 @@ import { FieldStateProps } from './withFieldState';
 import { FloatingPlaceholderProps } from './FloatingPlaceholder';
 import { CharCounterProps } from './CharCounter';
 interface TextFieldProps extends InputProps, LabelProps, FloatingPlaceholderProps, FieldStateProps, ValidationMessageProps, Omit<CharCounterProps, 'maxLength'> {
+    /**
+     * Pass to render a leading button/icon
+     */
     leadingButton?: ButtonPropTypes;
+    /**
+     * Pass to render a trailing button/icon
+     */
     trailingButton?: ButtonPropTypes;
+    /**
+     * Pass to add floating placeholder support
+     */
     floatingPlaceholder?: boolean;
+    /**
+     * Custom style for the floating placeholder
+     */
     floatingPlaceholderStyle?: TextStyle;
+    /**
+     * The position of the validation message (top/bottom)
+     */
     validationMessagePosition?: ValidationMessagePosition;
+    /**
+     * Internal style for the field container
+     */
     fieldStyle?: ViewStyle;
+    /**
+     * Container style of the whole component
+     */
     containerStyle?: ViewStyle;
 }
 interface StaticMembers {

generatedTypes/incubator/TextField/withFieldState.d.ts

@@ -18,6 +18,9 @@ export interface FieldStateProps extends TextInputProps {
     validateOnStart?: boolean;
     validateOnChange?: boolean;
     validateOnBlur?: boolean;
+    /**
+     * A single or multiple validator. Can be a string (required, email) or custom function.
+     */
     validate?: Validator | Validator[];
 }
 declare function withFieldState(WrappedComponent: React.ComponentType<FieldStateInjectedProps & TextInputProps>): {