ferns-ui 0.39.0 → 0.39.2

package/dist/Common.d.ts

@@ -1,5 +1,9 @@
+import { SaveFormat } from "expo-image-manipulator";
 import React, { ReactElement, ReactNode, SyntheticEvent } from "react";
-import { ListRenderItemInfo } from "react-native";
+import { ListRenderItemInfo, StyleProp, ViewStyle } from "react-native";
+import { DimensionValue } from "react-native/Libraries/StyleSheet/StyleSheetTypes";
+import { Styles } from "react-native-google-places-autocomplete";
+import { SelectListOptions } from "./SelectList";
 export interface BaseProfile {
     email: string;
     id: string;
@@ -7,58 +11,6 @@ export interface BaseProfile {
         testUser?: boolean;
     };
 }
-export interface TrackingConfig {
-    MIXPANEL_TOKEN: string;
-    SENTRY_WEB_DSN: string;
-    SENTRY_MOBILE_DSN: string;
-    USER_PROPERTY_KEYS: string[];
-}
-export interface IConfig extends TrackingConfig {
-    FEEDBACK_URL: string;
-    PRIVACY_POLICY_URL: string;
-    PROFILE_COLLECTION: string;
-    TERMS_URL: string;
-    BASE_URL: string;
-    PRODUCTION: boolean;
-    primaryLighterColor: string;
-    primaryLightColor: string;
-    primaryColor: string;
-    primaryDarkColor: string;
-    primaryDarkerColor: string;
-    secondaryLighterColor: string;
-    secondaryLightColor: string;
-    secondaryColor: string;
-    secondaryDarkColor: string;
-    secondaryDarkerColor: string;
-    accentLighterColor: string;
-    accentLightColor: string;
-    accentColor: string;
-    accentDarkColor: string;
-    accentDarkerColor: string;
-    tertiaryLighterColor: string;
-    tertiaryLightColor: string;
-    tertiaryColor: string;
-    tertiaryDarkColor: string;
-    tertiaryDarkerColor: string;
-    neutral900: string;
-    neutral800: string;
-    neutral700: string;
-    neutral600: string;
-    neutral500: string;
-    neutral400: string;
-    neutral300: string;
-    neutral200: string;
-    neutral100: string;
-    neutral90: string;
-    neutral80: string;
-    neutral70: string;
-    neutral60: string;
-    neutral50: string;
-    neutral40: string;
-    neutral30: string;
-    neutral20: string;
-    neutral10: string;
-}
 export interface UnifiedTheme {
     blue: string;
     darkGray: string;
@@ -162,38 +114,16 @@ export declare const SPACING = 4;
 export type TextFieldType = "date" | "datetime" | "decimal" | "decimalRange" | "email" | "height" | "password" | "phoneNumber" | "number" | "numberRange" | "search" | "text" | "time" | "url" | "username";
 export type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
 export declare const iconSizeToNumber: (size?: IconSize) => number;
-export declare const iconNumberToSize: (size?: number) => IconSize;
-export declare function getSectionColor(section: "Breakfast" | "Lunch" | "Dinner" | "Snack" | "workouts"): Color;
 export type TextSize = "sm" | "md" | "lg";
 export type TextColor = "blue" | "darkGray" | "eggplant" | "gray" | "green" | "lightGray" | "maroon" | "midnight" | "navy" | "olive" | "orange" | "orchid" | "pine" | "purple" | "red" | "watermelon" | "white";
 export type ButtonColor = "blue" | "gray" | "red" | "white" | "primary" | "secondary" | "accent" | "tertiary";
 export type IconPrefix = "far" | "fas";
-export interface ActionBannerProps {
-    /** The text to show in the banner. */
-    text: string;
-    color?: AllColors;
-    textColor?: TextColor;
-    negativeXMargin?: number;
-    onClick: () => void;
-    shape?: Rounding;
-}
 export interface BlurBoxProps extends BoxProps {
     blurType?: "regular" | "dark" | "prominent";
 }
 export interface LayerProps {
     children: ReactChildren;
 }
-export interface ModalProps {
-    header?: React.ReactNode;
-    accessibilityModalLabel: string;
-    children?: ReactChildren;
-    closeOnOutsideClick?: boolean;
-    footer?: ReactChild;
-    heading?: string | ReactChild;
-    onDismiss: () => void;
-    role?: "alertdialog" | "dialog";
-    size?: "sm" | "md" | "lg" | number;
-}
 export interface BoxProps {
     alignContent?: AlignContent;
     alignItems?: AlignItems;
@@ -295,27 +225,10 @@ export interface BoxProps {
     testID?: string;
 }
 export type BoxColor = AllColors | "transparent";
-export interface DrawerProps {
-    animationOpenTime: number;
-    animationCloseTime: number;
-    direction: Direction;
-    dismissWhenTouchOutside?: boolean;
-    fadeOpacity?: number;
-    drawerScreenWidth: number;
-    drawerScreenHeight: number;
-    style?: any;
-    parent: any;
-    dismiss?: any;
-}
-export type DrawerDirection = "left" | "right" | "bottom" | "top";
 export interface ErrorBoundaryProps {
     onError?: (error: Error, stack: any) => void;
     children?: ReactNode;
 }
-export interface FaceBookButtonProps {
-    errorMessageColor?: "red" | "white";
-    signUp: boolean;
-}
 export interface IconProps {
     prefix?: IconPrefix;
     name: IconName;
@@ -323,9 +236,7 @@ export interface IconProps {
     size?: IconSize;
     iconStyle?: any;
     containerStyle?: any;
-}
-export interface NavigatorProps {
-    config?: any;
+    testID?: string;
 }
 export type TooltipDirection = "top" | "bottom" | "left" | "right";
 export type IndicatorDirection = "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
@@ -348,6 +259,7 @@ export interface SegmentedControlProps {
     selectLimit?: number;
 }
 export interface FieldWithLabelsProps {
+    testID?: string;
     errorMessage?: string;
     errorMessageColor?: AllColors;
     label?: string;
@@ -393,9 +305,6 @@ export interface TextFieldProps extends FieldWithLabelsProps {
     max?: number;
 }
 export type TextAreaProps = TextFieldProps;
-export interface SubmittingFormProps {
-    onSubmitEditting: () => void;
-}
 export interface SwitchProps extends FieldWithLabelsProps {
     id?: string;
     onChange: (value: boolean) => void;
@@ -435,6 +344,7 @@ export interface HeadingProps {
     overflow?: "normal" | "breakWord";
     size?: "sm" | "md" | "lg";
     truncate?: boolean;
+    testID?: string;
 }
 export interface MetaProps {
     itemProp?: string;
@@ -484,379 +394,811 @@ export interface CheckBoxProps {
     label?: string;
     subLabel?: string;
     labelColor?: AllColors;
+    testID?: string;
 }
-export interface ChatPaneProps {
-    messagesView: any;
-    textFormView: any;
-    ref: any;
+interface LayoutRectangle {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
 }
-export interface ScrollViewProps {
-    scrollTo?: (y?: number | {
-        x?: number;
-        y?: number;
-        animated?: boolean;
-    }, x?: number, animated?: boolean) => void;
+interface LayoutChangeEvent {
+    nativeEvent: {
+        layout: LayoutRectangle;
+    };
+}
+export interface SplitPageProps {
     /**
-     * These styles will be applied to the scroll view content container which
-     * wraps all of the child views. Example:
-     *
-     *   return (
-     *     <ScrollView contentContainerStyle={styles.contentContainer}>
-     *     </ScrollView>
-     *   );
-     *   ...
-     *   const styles = StyleSheet.create({
-     *     contentContainer: {
-     *       paddingVertical: 20
-     *     }
-     *   });
+     * can accept either one React Child or any array of ReactChild. If this is not provided,
+     * renderContent must return one or many ReactChild.
      */
-    contentContainerStyle?: any;
+    children?: ReactChild | ReactChild[] | null;
     /**
-     * When true the scroll view's children are arranged horizontally in a row
-     * instead of vertically in a column. The default value is false.
+     * The names of the tabs that will be generated per ReactChild provided.
+     * Tabs will not be generated if renderContent is provided in place of children
      */
-    horizontal?: boolean | null;
+    tabs?: string[];
+    selectLimit?: number;
+    bottomNavBarHeight?: number;
+    showItemList?: boolean;
+    loading?: boolean;
+    color?: Color;
+    keyboardOffset?: number;
+    renderListViewItem: (itemInfo: ListRenderItemInfo<any>) => ReactElement | null;
+    renderListViewHeader?: () => ReactElement | null;
+    renderContent?: (index?: number) => ReactElement | ReactElement[] | null;
+    listViewData: any[];
+    listViewExtraData?: any;
+    listViewWidth?: number;
+    renderChild?: () => ReactChild;
+    onSelectionChange?: (value?: any) => void | Promise<void>;
+}
+export type PermissionKind = "location" | "locationAlways" | "camera" | "microphone" | "photo" | "contacts" | "event" | "reminder" | "bluetooth" | "notification" | "backgroundRefresh" | "speechRecognition" | "mediaLibrary" | "motion";
+export type PermissionStatus = "authorized" | "denied" | "softDenied" | "restricted" | "undetermined";
+export interface AddressInterface {
+    address1: string;
+    address2?: string;
+    city: string;
+    state: string;
+    zipcode: string;
+    countyName?: string;
+    countyCode?: string;
+}
+export type ReactChild = ReactNode;
+export type ReactChildren = ReactNode;
+export type WithChildren<P> = P & {
+    children?: ReactNode;
+};
+export interface AddressAutocompleteProps {
+    disabled?: boolean;
+    googleMapsApiKey?: string;
+    includeCounty?: boolean;
+    inputValue: string;
+    styles?: Styles;
+    handleAddressChange: OnChangeCallback;
+    handleAutoCompleteChange: (value: AddressInterface) => void;
+    googlePlacesMobileStyles?: Styles;
+    testID?: string;
+}
+export type ActionSheetProps = {
+    children?: React.ReactNode;
+    ref?: React.MutableRefObject<{
+        /**
+         * Open or close the ActionSheet.
+         */
+        setModalVisible(visible?: boolean): void;
+        /**
+         * Open the Action Sheet.
+         */
+        show(): void;
+        /**
+         * Close the ActionSheet.
+         */
+        hide(): void;
+        /**
+         * Attach this to any child ScrollView Component's onScrollEndDrag,
+         * onMomentumScrollEnd,onScrollAnimationEnd callbacks to handle the ActionSheet
+         * closing and bouncing back properly.
+         */
+        handleChildScrollEnd(): void;
+        /**
+         * Snap ActionSheet to given offset
+         */
+        snapToOffset(offset: number): void;
+    }>;
     /**
-     * If sticky headers should stick at the bottom instead of the top of the
-     * ScrollView. This is usually used with inverted ScrollViews.
+     * Animate the opening and closing of ActionSheet.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | boolean | no |
+  
+     Default: `true`
      */
+    animated?: boolean;
     /**
-     * Determines whether the keyboard gets dismissed in response to a drag.
-     *   - 'none' (the default) drags do not dismiss the keyboard.
-     *   - 'onDrag' the keyboard is dismissed when a drag begins.
-     *   - 'interactive' the keyboard is dismissed interactively with the drag
-     *     and moves in synchrony with the touch; dragging upwards cancels the
-     *     dismissal.
+     * Use if you want to show the ActionSheet Partially on Opening.
+     * **Requires `gestureEnabled=true`**
+  
+     | Type | Required |
+     | ---- | -------- |
+     | boolean | no |
+  
+     Default:`1`
      */
+    initialOffsetFromBottom?: number;
     /**
-     * Determines when the keyboard should stay visible after a tap.
-     * - 'never' (the default), tapping outside of the focused text input when the keyboard is up dismisses the keyboard. When this happens, children won't receive the tap.
-     * - 'always', the keyboard will not dismiss automatically, and the scroll view will not catch taps, but children of the scroll view can catch taps.
-     * - 'handled', the keyboard will not dismiss automatically when the tap was handled by a children, (or captured by an ancestor).
-     * - false, deprecated, use 'never' instead
-     * - true, deprecated, use 'always' instead
+     * When touch ends and user has not moved farther from the set springOffset,
+     * the ActionSheet will return to previous position.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | number | no |
+  
+     Default: `50`
      */
-    keyboardShouldPersistTaps?: boolean | "always" | "never" | "handled";
+    springOffset?: number;
     /**
-     * Called when scrollable content view of the ScrollView changes.
-     * Handler function is passed the content width and content height as parameters: (contentWidth, contentHeight)
-     * It's implemented using onLayout handler attached to the content container which this ScrollView renders.
-     *
+     * Add elevation to the ActionSheet container.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | number | no |
+  
+     Default: `0`
+  
+     #
      */
+    elevation?: number;
     /**
-     * Fires at most once per frame during scrolling.
-     * The frequency of the events can be contolled using the scrollEventThrottle prop.
+     * Color of the gestureEnabled Indicator.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | string | no |
+  
+     Default: `"#f0f0f0"`
      */
-    onScroll?: (event: any) => void;
+    indicatorColor?: string;
     /**
-     * Fires if a user initiates a scroll gesture.
+     * Normally when the ActionSheet is fully opened, a small portion from the bottom is hidden by
+     * default. Use this prop if you want the ActionSheet to hover over the bottom of screen and not
+     * hide a little behind it.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | number | no |
+  
+     Default:`0`
      */
+    extraScroll?: number;
     /**
-     * Fires when a user has finished scrolling.
+     * Color of the overlay/backdrop.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | string | no |
+  
+     Default: `"black"`
      */
+    overlayColor?: string;
     /**
-     * Fires when scroll view has finished moving
+     * Keep the header always visible even when gestures are disabled.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | boolean | no |
+  
+     Default: `false`
      */
+    headerAlwaysVisible?: boolean;
     /**
-     * Fires when scroll view has begun moving
+     * Delay draw of ActionSheet on open for android.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | boolean | no |
+  
+     Default: `false`
      */
+    delayActionSheetDraw?: boolean;
     /**
-     * When true the scroll view stops on multiples of the scroll view's size
-     * when scrolling. This can be used for horizontal pagination. The default
-     * value is false.
+     * Delay draw of ActionSheet on open for android time.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | number (ms) | no |
+  
+     Default: `50`
      */
+    delayActionSheetDrawTime?: number;
     /**
-     * When false, the content does not scroll. The default value is true
+     * Your custom header component. Using this will hide the default indicator.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | React.Component | no |
      */
+    CustomHeaderComponent?: React.ReactNode;
     /**
-     * Experimental: When true offscreen child views (whose `overflow` value is
-     * `hidden`) are removed from their native backing superview when offscreen.
-     * This canimprove scrolling performance on long lists. The default value is
-     * false.
+     * Any custom styles for the container.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | Object | no |
      */
+    containerStyle?: ViewStyle;
     /**
-     * When true, shows a horizontal scroll indicator.
+     * Control closing ActionSheet by touching on backdrop.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | boolean | no |
+  
+     Default: `true`
      */
+    closeOnTouchBackdrop?: boolean;
     /**
-     * When true, shows a vertical scroll indicator.
+     * Speed of opening animation. Higher means the ActionSheet will open more quickly.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | number | no |
+  
+     Default: `12`
      */
+    openAnimationSpeed?: number;
     /**
-     * Style
+     * Duration of closing animation.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | number | no |
+  
+     Default: `300`
      */
-    style?: any;
-}
-type ItemT = any;
-type ViewStyle = any;
-export interface StyleProp {
-    [key: string]: any;
-}
-interface LayoutRectangle {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-interface LayoutChangeEvent {
-    nativeEvent: {
-        layout: LayoutRectangle;
-    };
-}
-interface RenderItemData {
-    item: any;
-    index: number;
-}
-export interface FlatListProps extends ScrollViewProps {
+    closeAnimationDuration?: number;
     /**
-     * Rendered in between each item, but not at the top or bottom
+     *
+     How much you want the ActionSheet to bounce when it is opened.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | number | no |
+  
+     Default: `8`
      */
-    ItemSeparatorComponent?: React.ComponentType<any> | null;
+    bounciness?: number;
     /**
-     * Rendered when the list is empty.
+     * Will the ActionSheet close on `hardwareBackPress` event.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | boolean | no |
+  
+     Default: `true`
      */
-    ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null;
+    closeOnPressBack?: boolean;
     /**
-     * Rendered at the very end of the list.
+     * Default opacity of the overlay/backdrop.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | number 0 - 1 | no |
+  
+     Default: `0.3`
      */
-    ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null;
+    defaultOverlayOpacity?: number;
     /**
-     * Styling for internal View for ListFooterComponent
+     * Enables gesture control of ActionSheet
+  
+     | Type | Required |
+     | ---- | -------- |
+     | boolean | no |
+  
+     Default: `false`
      */
-    ListFooterComponentStyle?: ViewStyle | null;
+    gestureEnabled?: boolean;
     /**
-     * Rendered at the very beginning of the list.
+     * Bounces the ActionSheet on open.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | boolean | no |
+  
+     Default: `false`
      */
-    ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null;
+    bounceOnOpen?: boolean;
     /**
-     * Styling for internal View for ListHeaderComponent
+     * Setting the keyboard persistence of the ScrollView component, should be one of "never",
+     * "always", or "handled"
+  
+     | Type | Required |
+     | ---- | -------- |
+     | string | no |
+  
+     Default: `"never"`
      */
-    ListHeaderComponentStyle?: ViewStyle | null;
+    keyboardShouldPersistTaps?: boolean | "always" | "never" | "handled";
     /**
-     * Optional custom style for multi-item rows generated when numColumns > 1
+     * Determine whether the modal should go under the system statusbar.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | boolean | no |
+  
+     Default: `true`
      */
-    columnWrapperStyle?: StyleProp;
+    statusBarTranslucent?: boolean;
     /**
-     * Determines when the keyboard should stay visible after a tap.
-     * - 'never' (the default), tapping outside of the focused text input when the keyboard is up dismisses the keyboard. When this happens, children won't receive the tap.
-     * - 'always', the keyboard will not dismiss automatically, and the scroll view will not catch taps, but children of the scroll view can catch taps.
-     * - 'handled', the keyboard will not dismiss automatically when the tap was handled by a children, (or captured by an ancestor).
-     * - false, deprecated, use 'never' instead
-     * - true, deprecated, use 'always' instead
+     * Prevent ActionSheet from closing on
+     * gesture or tapping on backdrop.
+     * Instead snap it to `bottomOffset` location
+     *
+     *
+     * | Type | Required |
+     | ---- | -------- |
+     | boolean | no |
      */
-    keyboardShouldPersistTaps?: boolean | "always" | "never" | "handled";
+    closable?: boolean;
     /**
-     * Multiple columns can only be rendered with `horizontal={false}` and will zig-zag like a `flexWrap` layout.
-     * Items should all be the same height - masonry layouts are not supported.
+     * Allow ActionSheet to draw under the StatusBar.
+     * This is enabled by default.
+     *
+     *
+     * | Type | Required |
+     | ---- | -------- |
+     | boolean | no |
+     Default: `true`
      */
-    numColumns?: number;
+    drawUnderStatusBar?: boolean;
     /**
-     * The default accessor functions assume this is an Array<{key: string}> but you can override
-     * getItem, getItemCount, and keyExtractor to handle any type of index-based data.
+     * Snap ActionSheet to this location if `closable` is set to false;
+     *
+     *
+     * | Type | Required |
+     | ---- | -------- |
+     | number | no |
      */
-    data?: any;
+    bottomOffset?: number;
     /**
-     * `debug` will turn on extra logging and visual overlays to aid with debugging both usage and
-     * implementation, but with a significant perf hit.
+     * Change how ActionSheet behaves when keyboard is opened.
+     *
+     *
+     * | Type | Required |
+     | ---- | -------- |
+     | "padding" | "position" | no |
+     Default:`padding`
      */
-    debug?: boolean;
+    keyboardMode?: "padding" | "position";
     /**
-     * DEPRECATED: Virtualization provides significant performance and memory optimizations, but fully
-     * unmounts react instances that are outside of the render window. You should only need to disable
-     * this for debugging purposes.
+     * Test ID for unit testing
      */
-    disableVirtualization?: boolean;
+    testID?: string;
     /**
-     * A marker property for telling the list to re-render (since it implements `PureComponent`). If
-     * any of your `renderItem`, Header, Footer, etc. functions depend on anything outside of the
-     * `data` prop, stick it here and treat it immutably.
+     *
+     Event called when the ActionSheet closes.
+  
+  
+     * | Type | Required |
+     | ---- | -------- |
+     | function | no |
+  
+  
+     #
      */
-    extraData?: any;
+    onClose?: () => void;
     /**
-     * A generic accessor for extracting an item from any sort of data blob.
+     * An event called when the ActionSheet Opens.
+  
+     | Type | Required |
+     | ---- | -------- |
+     | function | no |
      */
-    getItem?: (data: any, index: number) => ItemT;
+    onOpen?: () => void;
     /**
-     * Determines how many items are in the data blob.
+     * Event called when position of ActionSheet changes.
      */
-    getItemCount?: (data: any) => number;
-    getItemLayout?: (data: any, index: number) => {
-        length: number;
-        offset: number;
-        index: number;
-    };
-    horizontal?: boolean | null;
+    onPositionChanged?: (hasReachedTop: boolean) => void;
+};
+export type AvatarStatus = "online" | "offline" | "doNotDisturb" | "away" | "meeting" | "vacation" | "sick" | "outOfOffice" | "commuting";
+export interface AvatarProps {
+    backgroundColor?: AllColors;
+    textColor?: AllColors;
     /**
-     * How many items to render in the initial batch. This should be enough to fill the screen but not
-     * much more. Note these items will never be unmounted as part of the windowed rendering in order
-     * to improve perceived performance of scroll-to-top actions.
+     * The name of the user. This is used for the placeholder treatment if an image is not available.
      */
-    initialNumToRender?: number;
+    name: string;
     /**
-     * Instead of starting at the top with the first item, start at `initialScrollIndex`. This
-     * disables the "scroll to top" optimization that keeps the first `initialNumToRender` items
-     * always rendered and immediately renders the items starting at this initial index. Requires
-     * `getItemLayout` to be implemented.
+     * Override the generated initials from `name`.
      */
-    initialScrollIndex?: number | null;
+    initials?: string;
     /**
-     * Reverses the direction of scroll. Uses scale transforms of -1.
+     * Adds a white border around Avatar so it's visible when displayed on other images.
      */
-    inverted?: boolean | null;
-    keyExtractor?: (item: ItemT, index: number) => string;
-    listKey?: string;
+    outline?: boolean;
     /**
-     * The maximum number of items to render in each incremental render batch. The more rendered at
-     * once, the better the fill rate, but responsiveness my suffer because rendering content may
-     * interfere with responding to button taps or other interactions.
+     * xs: 24px, sm: 32px, md: 48px, lg: 64px, xl: 120px.
      */
-    maxToRenderPerBatch?: number;
-    onEndReached?: ((info: {
-        distanceFromEnd: number;
-    }) => void) | null;
-    onEndReachedThreshold?: number | null;
-    onLayout?: (event: LayoutChangeEvent) => void;
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
     /**
-     * If provided, a standard RefreshControl will be added for "Pull to Refresh" functionality. Make
-     * sure to also set the `refreshing` prop correctly.
+     * The URL of the user's image.
      */
-    onRefresh?: (() => void) | null;
+    src?: string;
     /**
-     * Used to handle failures when scrolling to an index that has not been measured yet.
-     * Recommended action is to either compute your own offset and `scrollTo` it, or scroll as far
-     * as possible and then try again after more items have been rendered.
+     * The fit for the image within the Avatar: "cover" | "contain" | "none".
+     * Default is undefined. See Image.tsx for more info
      */
-    onScrollToIndexFailed?: (info: {
-        index: number;
-        highestMeasuredFrameIndex: number;
-        averageItemLength: number;
-    }) => void;
+    imageFit?: "cover" | "contain" | "none";
     /**
-     * Called when the viewability of rows changes, as defined by the
-     * `viewabilityConfig` prop.
+     * Allow user to edit the image of the avatar
      */
-    onViewableItemsChanged?: ((info: {
-        viewableItems: any[];
-        changed: any[];
-    }) => void) | null;
+    editAvatarImage?: boolean;
     /**
-     * Set this when offset is needed for the loading indicator to show correctly.
-     * @platform android
+     * Function to handle the avatar image edit
      */
-    progressViewOffset?: number;
+    onChange?: (val: any) => void;
     /**
-     * Set this true while waiting for new data from a refresh.
+     * Resize image width. If only the width is provided, the image will preserve aspect ratio
      */
-    refreshing?: boolean | null;
+    avatarImageWidth?: number;
     /**
-     * Note: may have bugs (missing content) in some circumstances - use at your own risk.
-     *
-     * This may improve scroll performance for large lists.
+     * Resize image height. If avatarImageWidth is also provided, the image aspect ratio may be
+     * distorted.
      */
-    removeClippedSubviews?: boolean;
+    avatarImageHeight?: number;
     /**
-     * Render a custom scroll component, e.g. with a differently styled `RefreshControl`.
+     * The image format that the image will be saved as after any edits by the expo-image-manipulator
      */
-    renderScrollComponent?: (props: ScrollViewProps) => React.ReactElement<ScrollViewProps>;
+    avatarImageFormat?: SaveFormat;
     /**
-     * Amount of time between low-pri item render batches, e.g. for rendering items quite a ways off
-     * screen. Similar fill rate/responsiveness tradeoff as `maxToRenderPerBatch`.
+     * The status of the user to display with the avatar.
      */
-    updateCellsBatchingPeriod?: number;
-    viewabilityConfig?: any;
-    viewabilityConfigCallbackPairs?: any;
+    status?: AvatarStatus;
     /**
-     * Determines the maximum number of items rendered outside of the visible area, in units of
-     * visible lengths. So if your list fills the screen, then `windowSize={21}` (the default) will
-     * render the visible screen area plus up to 10 screens above and 10 below the viewport. Reducing
-     * this number will reduce memory consumption and may improve performance, but will increase the
-     * chance that fast scrolling may reveal momentary blank areas of unrendered content.
+     * If true, the status indicator will show a mobile icon instead of a dot, if status is one of
+     * "online", "away", "offline", or "doNotDisturb". Will show the normal status icon in other
+     * cases.
      */
-    windowSize?: number;
-    renderItem: (info: RenderItemData) => React.ReactElement | null;
-}
-export interface PickerProps {
-    onValueChange?: (itemValue: any, itemPosition: number) => void;
-    selectedValue?: any;
-    style?: StyleProp;
-    testID?: string;
-    itemStyle?: StyleProp;
-    enabled?: boolean;
-    mode?: "dialog" | "dropdown";
-    prompt?: string;
-}
-export interface SplitPageProps {
+    statusMobile?: boolean;
     /**
-     * can accept either one React Child or any array of ReactChild. If this is not provided,
-     * renderContent must return one or many ReactChild.
+     * Text to show when hovering over the avatar image. Only works on web.
      */
-    children?: ReactChild | ReactChild[] | null;
+    statusText?: string;
     /**
-     * The names of the tabs that will be generated per ReactChild provided. Tabs will not be generated if renderContent is provided in place of children
+     * If edit icon should be present when no image is present
      */
-    tabs?: string[];
-    selectLimit?: number;
-    bottomNavBarHeight?: number;
-    showItemList?: boolean;
+    shouldShowEditIconIfNoImage?: boolean;
+}
+export interface BadgeProps {
+    title: string;
+    position?: "top" | "middle";
+    type?: "info" | "error" | "warning" | "success" | "neutral" | "custom";
+    color?: AllColors;
+}
+export interface BannerProps {
+    id: string;
+    dismissible?: boolean;
+    text: string;
+    subtext?: string;
+    iconName?: IconName;
+    color?: BoxColor;
+    textColor?: TextColor;
+    negativeXMargin?: number;
+    shape?: Rounding;
+    type?: "dismiss" | "action" | "permanent";
+    onClick?: () => void;
+}
+export interface BodyProps {
+    scroll?: boolean;
     loading?: boolean;
+    padding?: UnsignedUpTo12;
+    height?: number | string;
+    avoidKeyboard?: boolean;
+    children?: ReactNode;
+}
+export interface ButtonProps {
+    children?: React.ReactElement;
+    text: string;
+    color?: ButtonColor | Color;
+    disabled?: boolean;
+    inline?: boolean;
+    size?: "sm" | "md" | "lg";
+    type?: "solid" | "ghost" | "outline";
+    loading?: boolean;
+    onClick: any;
+    icon?: IconName;
+    iconPrefix?: IconPrefix;
+    iconColor?: ButtonColor | Color;
+    withConfirmation?: boolean;
+    confirmationText?: string;
+    confirmationHeading?: string;
+    shape?: "rounded" | "pill";
+    testID?: string;
+    tooltip?: {
+        text: string;
+        idealDirection?: TooltipDirection;
+    };
+}
+export interface CustomSelectProps {
+    value: string;
+    onChange: (value: string) => void;
+    options: Array<{
+        label: string;
+        value: string;
+    }>;
+    placeholder?: string;
+    disabled?: boolean;
+    label?: string;
+    labelColor?: string;
+}
+export interface DateTimeActionSheetProps {
+    value?: string;
+    mode?: "date" | "time" | "datetime";
+    onChange: OnChangeCallback;
+    actionSheetRef: React.RefObject<any>;
+    visible: boolean;
+    onDismiss: () => void;
+}
+export interface DecimalRangeActionSheetProps {
+    value: string;
+    min: number;
+    max: number;
+    onChange: OnChangeCallback;
+    actionSheetRef: React.RefObject<any>;
+}
+export interface DecimalRangeActionSheetState {
+    whole: string;
+    decimal: string;
+}
+export interface ErrorPageProps {
+    error: Error;
+    resetError: () => void;
+}
+export interface FieldProps extends FieldWithLabelsProps {
+    name?: string;
+    label?: string;
+    height?: number;
+    type?: "address" | "boolean" | "currency" | "customSelect" | "date" | "datetime" | "email" | "multiselect" | "number" | "password" | "percent" | "phoneNumber" | "select" | "text" | "textarea" | "time" | "url";
+    rows?: number;
+    value?: any;
+    onChange?: any;
+    options?: SelectListOptions;
+    placeholder?: string;
+    disabled?: boolean;
+    useCheckbox?: boolean;
+    includeCounty?: boolean;
+    googleMapsApiKey?: string;
+    googlePlacesMobileStyles?: Styles;
+}
+export interface FormLineProps {
+    name: string;
+    value: any;
+    onSave: (value: any) => void;
+    kind: "boolean" | "string" | "textarea" | "select" | "multiboolean";
+    options?: string[];
+}
+export interface HeightActionSheetProps {
+    value?: string;
+    onChange: OnChangeCallback;
+    actionSheetRef: React.RefObject<any>;
+}
+export interface HyperlinkProps {
+    linkDefault?: boolean;
+    linkify?: any;
+    linkStyle?: StyleProp<any>;
+    linkText?: string | ((url: string) => string);
+    onPress?: (url: string) => void;
+    onLongPress?: (url: string, text: string) => void;
+    injectViewProps?: (url: string) => any;
+    children?: React.ReactNode;
+    style?: StyleProp<any>;
+}
+export interface IconButtonProps {
+    prefix?: IconPrefix;
+    icon: IconName;
+    accessibilityLabel: string;
+    iconColor: "darkGray" | ButtonColor | ThemeColor | Color;
+    onClick: () => void;
+    size?: IconSize;
+    bgColor?: "transparent" | "transparentDarkGray" | "gray" | "lightGray" | "white" | "background" | "backgroundSecondary";
+    disabled?: boolean;
+    selected?: boolean;
+    withConfirmation?: boolean;
+    confirmationText?: string;
+    confirmationHeading?: string;
+    tooltip?: {
+        text: string;
+        idealDirection?: TooltipDirection;
+    };
+    indicator?: boolean;
+    indicatorStyle?: {
+        position: IndicatorDirection;
+        color: AllColors;
+    };
+    testID?: string;
+}
+export interface InfoTooltipButtonProps {
+    text: string;
+    size?: IconSize;
+}
+export interface ModalProps {
+    onDismiss: () => void;
+    visible: boolean;
+    align?: "center" | "start";
+    children?: React.ReactElement;
+    footer?: React.ReactElement;
+    heading?: string;
+    size?: "sm" | "md" | "lg";
+    subHeading?: string;
+    primaryButtonText?: string;
+    primaryButtonOnClick?: (value?: any) => void;
+    primaryButtonDisabled?: boolean;
+    secondaryButtonText?: string;
+    secondaryButtonOnClick?: (value?: any) => void;
+    showClose?: boolean;
+}
+export interface NumberPickerActionSheetProps {
+    value: string;
+    min: number;
+    max: number;
+    onChange: OnChangeCallback;
+    actionSheetRef: React.RefObject<any>;
+}
+export interface PageProps {
+    navigation: any;
+    scroll?: boolean;
+    loading?: boolean;
+    display?: "flex" | "none" | "block" | "inlineBlock";
+    title?: string;
+    backButton?: boolean;
+    closeButton?: boolean;
+    direction?: "row" | "column";
+    padding?: UnsignedUpTo12;
     color?: Color;
+    maxWidth?: number | string;
     keyboardOffset?: number;
-    renderListViewItem: (itemInfo: ListRenderItemInfo<any>) => ReactElement | null;
-    renderListViewHeader?: () => ReactElement | null;
-    renderContent?: (index?: number) => ReactElement | ReactElement[] | null;
-    listViewData: any[];
-    listViewExtraData?: any;
-    listViewWidth?: number;
-    renderChild?: () => ReactChild;
-    onSelectionChange?: (value?: any) => void | Promise<void>;
+    footer?: any;
+    rightButton?: string;
+    rightButtonOnClick?: () => void;
+    children?: any;
+    onError?: (error: Error, stack: any) => void;
 }
-export type LogLevel = "fatal" | "error" | "warning" | "info" | "debug" | "critical";
-export type PermissionKind = "location" | "locationAlways" | "camera" | "microphone" | "photo" | "contacts" | "event" | "reminder" | "bluetooth" | "notification" | "backgroundRefresh" | "speechRecognition" | "mediaLibrary" | "motion";
-export type PermissionStatus = "authorized" | "denied" | "softDenied" | "restricted" | "undetermined";
-export interface TrackingProperties {
-    [name: string]: any;
-}
-export declare function isTestUser(profile?: BaseProfile): boolean | "" | undefined;
-export interface TrackerInterface {
-    initFinished: boolean;
-    init: (config: TrackingConfig) => void;
-    trackPages: () => void;
-    setUser: (user: BaseProfile) => void;
-    setUserProperty: (property: string, value: string | {
-        object: {
-            [id: string]: any;
-        };
-    }) => void;
-    track: (eventName: string, properties?: TrackingProperties) => void;
-    trackNavigation: (screen: string, properties?: TrackingProperties) => void;
-    trackLogin: (method: string, success: boolean, properties?: TrackingProperties) => void;
-    trackSignup: (method: string, success: boolean, properties?: TrackingProperties) => void;
-    trackSignOut: () => void;
-    log: (message: string, properties?: TrackingProperties, level?: LogLevel) => void;
-    error: (message: string, properties?: TrackingProperties) => void;
-    warn: (message: string, properties?: TrackingProperties) => void;
-    debug: (message: string, properties?: TrackingProperties) => void;
-    handleErrorAlert: (text: string, exception?: Error, showAlert?: boolean) => void;
-    trackPermission: (kind: PermissionKind, status: PermissionStatus, requested: boolean) => void;
-    updateAppInfo: () => void;
-}
-export interface NavConfig {
-    url?: string;
-    wrapper?: (component: any) => any;
-    store?: any;
-    provider?: any;
+export interface PogProps {
+    active?: boolean;
+    bgColor?: "transparent" | "transparentDarkGray" | "gray" | "lightGray" | "white" | "blue";
+    focused?: boolean;
+    hovered?: boolean;
+    selected?: boolean;
+    iconColor?: AllColors;
+    icon: IconName;
+    iconPrefix?: IconPrefix;
+    size?: IconSize;
 }
-export interface AddressInterface {
-    address1: string;
-    address2?: string;
-    city: string;
-    state: string;
-    zipcode: string;
-    countyName?: string;
-    countyCode?: string;
+export interface ProgressBarProps {
+    color: Color;
+    completed: number;
+}
+export interface SideDrawerProps {
+    position?: "right" | "left";
+    isOpen: boolean;
+    renderContent: () => ReactElement | ReactElement[];
+    onClose?: () => void;
+    onOpen?: () => void;
+    drawerType?: "front" | "back" | "slide" | "permanent";
+    children?: ReactElement;
+    drawerStyles?: StyleProp<ViewStyle>;
+}
+export interface SpinnerProps {
+    size?: "sm" | "md";
+    color?: Color;
+}
+export interface TableProps {
+    /**
+     * Must be instances of TableHeader, TableRow, and/or TableFooter components.
+     */
+    children: React.ReactNode | React.ReactNode[];
+    /**
+     * Width of columns in the table. This is used to calculate the width of each column.
+     * Can be numbers for pixels or strings for percentages.
+     */
+    columns: Array<number | string>;
+    /**
+     * Specify a border width for Table: "sm" is 1px.
+     */
+    borderStyle?: "sm" | "none";
+    /**
+     * Use numbers for pixels: `maxHeight={100}` and strings for percentages: `maxHeight="100%"`.
+     */
+    maxHeight?: DimensionValue;
+    /**
+     * If true, the header will stick to the top of the table when scrolling. Defaults to true.
+     */
+    stickyHeader?: boolean;
+    /**
+     * If true, alternate rows will have a light gray background. Defaults to true.
+     */
+    alternateRowBackground?: boolean;
+}
+export interface TableHeaderProps {
+    /**
+     * Must be an instance of TableRow.
+     */
+    children: React.ReactNode | React.ReactNode[];
+    /**
+     * Display `visuallyHidden` ensures the component is visually hidden but still is read by screen
+     * readers.
+     */
+    display?: "tableHeaderGroup" | "visuallyHidden";
+    /**
+     * If true, the table header will be sticky and the table body will be scrollable. Not yet
+     * implemented.
+     */
+    sticky?: boolean;
+    color?: BoxColor;
+}
+export interface TableHeaderCellProps {
+    /**
+     * The content of the table header cell.
+     */
+    children: ReactElement;
+    index: number;
+    sortable?: boolean;
+    onSortChange?: (direction: "asc" | "desc" | undefined) => void;
+}
+export interface TableRowProps {
+    /**
+     * Must be instances of TableCell or TableHeaderCell.
+     */
+    children: React.ReactNode | React.ReactNode[];
+    /**
+     * Header rows have an extra thick bottom border.
+     */
+    headerRow?: boolean;
+    /**
+     * Whether the row should start expanded or not.
+     */
+    expanded?: boolean;
+    /**
+     * When the row is expanded, the drawerContents are shown. If not
+     */
+    drawerContents?: React.ReactNode | React.ReactNode[];
+    /**
+     * Background color of the row. Defaults to white.
+     */
+    color?: BoxColor;
+}
+export interface TextProps {
+    align?: "left" | "right" | "center" | "justify";
+    children?: React.ReactNode;
+    color?: AllColors;
+    inline?: boolean;
+    italic?: boolean;
+    onPress?: () => void;
+    overflow?: "normal" | "breakWord";
+    size?: TextSize;
+    truncate?: boolean;
+    font?: Font;
+    underline?: boolean;
+    numberOfLines?: number;
+    skipLinking?: boolean;
+    weight?: "bold" | "normal";
+    testID?: string;
+}
+export interface TextFieldPickerActionSheetProps {
+    value?: string;
+    mode?: "date" | "time";
+    onChange: OnChangeCallback;
+    actionSheetRef: React.RefObject<any>;
+}
+export interface ToastProps {
+    message: string;
+    data: {
+        variant?: "default" | "warning" | "error";
+        buttonText?: string;
+        buttonOnClick?: () => void | Promise<void>;
+        persistent?: boolean;
+        onDismiss?: () => void;
+    };
+}
+export interface TooltipProps {
+    children: React.ReactElement;
+    text?: string;
+    idealDirection?: "top" | "bottom" | "left" | "right";
+    bgColor?: "white" | "lightGray" | "gray" | "darkGray";
+}
+export interface LinkProps extends TextProps {
+    href: string;
+}
+export interface WithLabelProps {
+    children?: ReactChildren;
+    show?: boolean;
+    label?: string;
+    labelInline?: boolean;
+    labelColor?: AllColors;
+    labelJustifyContent?: JustifyContent;
+    labelAlignItems?: AlignItems;
+    labelPlacement?: "before" | "after";
+    labelSize?: TextSize;
 }
-export type ReactChild = ReactNode;
-export type ReactChildren = ReactNode;
-export type WithChildren<P> = P & {
-    children?: ReactNode;
-};
 export {};