react-native-ui-lib 8.0.1 → 8.1.0

package/src/assets/index.d.ts

@@ -1,3 +0,0 @@
-import { Assets } from './Assets';
-declare const _default: Assets;
-export default _default;

package/src/assets/internal/index.d.ts

@@ -1,4 +0,0 @@
-export declare const internal: {
-    readonly icons: any;
-    readonly images: any;
-};

package/src/commons/Config.d.ts

@@ -1,24 +0,0 @@
-import { SchemeType } from '../style';
-interface ConfigOptions {
-    /**
-     * Should use platform colors for design tokens
-     */
-    usePlatformColors?: boolean;
-    /**
-     * Whether to scheme from local storage
-     */
-    useLocalScheme?: boolean;
-    /**
-     * The app's colors scheme (default | light | dark)
-     */
-    appScheme?: SchemeType;
-}
-declare class Config {
-    usePlatformColors?: boolean;
-    useLocalScheme?: boolean;
-    appScheme: SchemeType;
-    constructor();
-    setConfig(options: ConfigOptions): Promise<void>;
-}
-declare const _default: Config;
-export default _default;

package/src/commons/Constants.d.ts

@@ -1,54 +0,0 @@
-export declare enum orientations {
-    PORTRAIT = "portrait",
-    LANDSCAPE = "landscape"
-}
-export interface Breakpoint {
-    breakpoint: number;
-    pageMargin: number;
-}
-declare let defaultMargin: number;
-export declare function updateConstants(dimensions: any): void;
-declare const constants: {
-    orientations: typeof orientations;
-    isAndroid: boolean;
-    isIOS: boolean;
-    isWeb: boolean;
-    getAndroidVersion: () => number | undefined;
-    readonly statusBarHeight: number;
-    isRTL: boolean;
-    readonly orientation: orientations;
-    readonly isLandscape: boolean;
-    readonly screenWidth: number;
-    readonly screenHeight: number;
-    readonly windowWidth: number;
-    readonly windowHeight: number;
-    readonly isSmallWindow: boolean;
-    readonly isSmallScreen: boolean;
-    readonly isShortScreen: boolean;
-    readonly isWideScreen: boolean;
-    readonly screenAspectRatio: number;
-    isTablet: boolean;
-    setBreakpoints(value: Breakpoint[], options?: {
-        defaultMargin: number;
-    }): void;
-    getPageMargins(): number;
-    getSafeAreaInsets: () => {
-        left: number;
-        right: number;
-        bottom: number;
-        top: number;
-    };
-    readonly isIphoneX: boolean;
-    dimensionsEventListener: undefined;
-    addDimensionsEventListener: (callback: any) => import("react-native").EmitterSubscription;
-    removeDimensionsEventListener: (callback: any) => void;
-    readonly accessibility: {
-        isReduceMotionEnabled: boolean;
-        isScreenReaderEnabled: boolean;
-    };
-    backspaceKey: string;
-    enterKey: string;
-    getFontScale: () => number;
-};
-export default constants;
-export declare const _reset: () => void;

package/src/commons/UIComponent.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export default class UIComponent<P = {}, S = {}, SS = any> extends React.PureComponent<P, S, SS> {
-    static defaultProps: any;
-}

package/src/commons/asBaseComponent.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import * as Modifiers from './modifiers';
-export interface BaseComponentInjectedProps {
-    /**
-     * All generated styles from the modifiers props
-     */
-    modifiers: ReturnType<typeof Modifiers.generateModifiersStyle>;
-}
-export interface AsBaseComponentOptions {
-    ignoreModifiers?: boolean;
-    ignoreTheme?: boolean;
-    modifiersOptions?: Modifiers.ModifiersOptions;
-}
-declare function asBaseComponent<PROPS, STATICS = {}, RefInterface = any>(WrappedComponent: React.ComponentType<any>, options?: AsBaseComponentOptions): React.ForwardRefExoticComponent<React.PropsWithoutRef<PROPS> & React.RefAttributes<RefInterface>> & STATICS;
-export default asBaseComponent;

package/src/commons/baseComponent.d.ts

@@ -1,2 +0,0 @@
-import { ComponentType } from 'react';
-export default function baseComponent(usePure: boolean): ComponentType;

package/src/commons/forwardRef.d.ts

@@ -1,8 +0,0 @@
-import React, { ComponentType, ForwardedRef } from 'react';
-export interface ForwardRefInjectedProps<T = any> {
-    /**
-     * The forwarded ref of the containing element
-     */
-    forwardedRef: ForwardedRef<T>;
-}
-export default function forwardRef<P, STATICS = {}, RefInterface = any>(WrappedComponent: ComponentType<P & ForwardRefInjectedProps<RefInterface>>): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<RefInterface>> & STATICS;

package/src/commons/modifiers.d.ts

@@ -1,118 +0,0 @@
-import _ from 'lodash';
-import { DesignTokens } from '../style';
-import { BorderRadiusesLiterals } from '../style/borderRadiuses';
-import TypographyPresets from '../style/typographyPresets';
-import { colorsPalette } from '../style/colorsPalette';
-import type { Dictionary } from '../typings/common';
-export declare const FLEX_KEY_PATTERN: RegExp;
-export declare const PADDING_KEY_PATTERN: RegExp;
-export declare const MARGIN_KEY_PATTERN: RegExp;
-export declare const ALIGNMENT_KEY_PATTERN: RegExp;
-export declare const POSITION_KEY_PATTERN: RegExp;
-export declare const GAP_KEY_PATTERN: RegExp;
-export interface AlteredOptions {
-    flex?: boolean;
-    alignments?: boolean;
-    paddings?: boolean;
-    margins?: boolean;
-    backgroundColor?: boolean;
-    position?: boolean;
-}
-export interface ExtractedStyle {
-    color?: ReturnType<typeof extractColorValue>;
-    typography?: ReturnType<typeof extractTypographyValue>;
-    backgroundColor?: ReturnType<typeof extractBackgroundColorValue>;
-    borderRadius?: ReturnType<typeof extractBorderRadiusValue>;
-    paddings?: ReturnType<typeof extractPaddingValues>;
-    margins?: ReturnType<typeof extractMarginValues>;
-    alignments?: ReturnType<typeof extractAlignmentsValues>;
-    flexStyle?: ReturnType<typeof extractFlexStyle>;
-    positionStyle?: ReturnType<typeof extractPositionStyle>;
-    gap?: ReturnType<typeof extractGapValues>;
-}
-export type ModifiersOptions = {
-    color?: boolean;
-    typography?: boolean;
-    backgroundColor?: boolean;
-    borderRadius?: boolean;
-    paddings?: boolean;
-    margins?: boolean;
-    alignments?: boolean;
-    flex?: boolean;
-    position?: boolean;
-    gap?: boolean;
-};
-declare const PADDING_VARIATIONS: {
-    readonly padding: "padding";
-    readonly paddingL: "paddingLeft";
-    readonly paddingT: "paddingTop";
-    readonly paddingR: "paddingRight";
-    readonly paddingB: "paddingBottom";
-    readonly paddingH: "paddingHorizontal";
-    readonly paddingV: "paddingVertical";
-};
-declare const MARGIN_VARIATIONS: {
-    readonly margin: "margin";
-    readonly marginL: "marginLeft";
-    readonly marginT: "marginTop";
-    readonly marginR: "marginRight";
-    readonly marginB: "marginBottom";
-    readonly marginH: "marginHorizontal";
-    readonly marginV: "marginVertical";
-};
-declare const STYLE_KEY_CONVERTERS: {
-    readonly flex: "flex";
-    readonly flexG: "flexGrow";
-    readonly flexS: "flexShrink";
-};
-export type PaddingLiterals = keyof typeof PADDING_VARIATIONS;
-export type NativePaddingKeyType = (typeof PADDING_VARIATIONS)[PaddingLiterals];
-export type MarginLiterals = keyof typeof MARGIN_VARIATIONS;
-export type NativeMarginModifierKeyType = (typeof MARGIN_VARIATIONS)[MarginLiterals];
-export type FlexLiterals = keyof typeof STYLE_KEY_CONVERTERS;
-export type NativeFlexModifierKeyType = (typeof STYLE_KEY_CONVERTERS)[FlexLiterals];
-export type ColorLiterals = keyof (typeof colorsPalette & typeof DesignTokens);
-export type TypographyLiterals = keyof typeof TypographyPresets;
-export type BorderRadiusLiterals = keyof typeof BorderRadiusesLiterals;
-export type AlignmentLiterals = 'row' | 'spread' | 'center' | 'centerH' | 'centerV' | 'left' | 'right' | 'top' | 'bottom';
-export type PositionLiterals = 'absF' | 'absL' | 'absR' | 'absT' | 'absB' | 'absV' | 'absH';
-export type GapLiterals = 'gap';
-export type Modifier<T extends string> = Partial<Record<T, boolean>>;
-export type CustomModifier = {
-    [key: string]: boolean;
-};
-export type TypographyModifiers = Modifier<TypographyLiterals> | CustomModifier;
-export type ColorsModifiers = Modifier<ColorLiterals> | CustomModifier;
-export type BackgroundColorModifier = Modifier<`bg-${ColorLiterals}`>;
-export type AlignmentModifiers = Modifier<AlignmentLiterals>;
-export type PositionModifiers = Modifier<PositionLiterals>;
-export type PaddingModifiers = Modifier<PaddingLiterals>;
-export type MarginModifiers = Modifier<MarginLiterals>;
-export type FlexModifiers = Modifier<FlexLiterals>;
-export type BorderRadiusModifiers = Modifier<BorderRadiusLiterals>;
-export type GapModifiers = Modifier<GapLiterals>;
-export type ContainerModifiers = AlignmentModifiers & PositionModifiers & PaddingModifiers & MarginModifiers & FlexModifiers & BorderRadiusModifiers & BackgroundColorModifier & GapModifiers;
-export declare function extractColorValue(props: Dictionary<any>): any;
-export declare function extractBackgroundColorValue(props: Dictionary<any>): any;
-export declare function extractTypographyValue(props: Dictionary<any>): object | undefined;
-export declare function extractPaddingValues(props: Dictionary<any>): Partial<Record<NativePaddingKeyType, number>>;
-export declare function extractMarginValues(props: Dictionary<any>): Partial<Record<NativeMarginModifierKeyType, number>>;
-export declare function extractGapValues(props: Dictionary<any>): number | undefined;
-export declare function extractAlignmentsValues(props: Dictionary<any>): any;
-export declare function extractPositionStyle(props: Dictionary<any>): {} | undefined;
-export declare function extractFlexStyle(props: Dictionary<any>): Partial<Record<NativeFlexModifierKeyType, number>> | undefined;
-export declare function extractAccessibilityProps(props?: any): Partial<any>;
-export declare function extractAnimationProps(props?: any): Pick<any, "animation" | "duration" | "delay" | "direction" | "easing" | "iterationCount" | "transition" | "onAnimationBegin" | "onAnimationEnd" | "useNativeDriver">;
-export declare function extractBorderRadiusValue(props: Dictionary<any>): number | undefined;
-export declare function extractModifierProps(props: Dictionary<any>): _.Dictionary<any>;
-/**
- * TODO:
- * @deprecated switch to Modifiers#extractComponentProps
- */
-export declare function extractOwnProps(props: Dictionary<any>, ignoreProps: string[]): _.Omit<_.Dictionary<any>, string>;
-export declare function extractComponentProps(component: any, props: Dictionary<any>, ignoreProps?: string[]): _.Omit<_.Dictionary<any>, string>;
-export declare function getComponentName(componentDisplayName: string): any;
-export declare function getThemeProps<T extends object>(props?: T, context?: any, componentDisplayName?: string): T;
-export declare function generateModifiersStyle(options: ModifiersOptions | undefined, props: Dictionary<any>): ExtractedStyle;
-export declare function getAlteredModifiersOptions(currentProps: any, nextProps: any): AlteredOptions;
-export {};

package/src/commons/new.d.ts

@@ -1,8 +0,0 @@
-export { default as UIComponent } from './UIComponent';
-export { default as asBaseComponent, BaseComponentInjectedProps } from './asBaseComponent';
-export { default as forwardRef, ForwardRefInjectedProps } from './forwardRef';
-export { default as withScrollEnabler, WithScrollEnablerProps } from './withScrollEnabler';
-export { default as withScrollReached, WithScrollReachedProps } from './withScrollReached';
-export { default as Constants } from './Constants';
-export { default as Config } from './Config';
-export { ContainerModifiers, AlignmentModifiers, MarginModifiers, PaddingModifiers, TypographyModifiers, ColorsModifiers, BackgroundColorModifier, FlexModifiers } from './modifiers';

package/src/commons/withScrollEnabler.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { LayoutChangeEvent } from 'react-native';
-type ScrollEnablerProps = {
-    onContentSizeChange: (contentWidth: number, contentHeight: number) => void;
-    onLayout: (event: LayoutChangeEvent) => void;
-    scrollEnabled: boolean;
-};
-export type WithScrollEnablerProps = {
-    scrollEnablerProps: ScrollEnablerProps;
-    ref?: any;
-};
-declare function withScrollEnabler<PROPS, STATICS = {}>(WrappedComponent: React.ComponentType<PROPS & WithScrollEnablerProps>): React.ComponentType<PROPS> & STATICS;
-export default withScrollEnabler;

package/src/commons/withScrollReached.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-import { NativeSyntheticEvent, NativeScrollEvent } from 'react-native';
-type ScrollReachedProps = {
-    onScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
-    /**
-     * Is the scroll at the start (or equal\smaller than the threshold if one was given)
-     */
-    isScrollAtStart?: boolean;
-    /**
-     * Is the scroll at the end (or equal\greater than the threshold if one was given)
-     */
-    isScrollAtEnd?: boolean;
-};
-export type WithScrollReachedOptionsProps = {
-    /**
-     * Whether the scroll is horizontal.
-     */
-    horizontal?: boolean;
-    /**
-     * Allows to be notified prior to actually reaching the start \ end of the scroll (by the threshold).
-     * Should be a positive value.
-     */
-    threshold?: number;
-};
-export type WithScrollReachedProps = {
-    scrollReachedProps: ScrollReachedProps;
-    ref?: any;
-};
-/**
- * @description: Add scroll reached which notifies on reaching start \ end of ScrollView \ FlatList
- * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/WithScrollReachedScreen.tsx
- * @notes: Send `props.scrollReachedProps.onScroll` to your onScroll and receive via props.scrollReachedProps.isScrollAtStart props.scrollReachedProps.isScrollAtEnd
- */
-declare function withScrollReached<PROPS, STATICS = {}>(WrappedComponent: React.ComponentType<PROPS & WithScrollReachedProps>, options?: WithScrollReachedOptionsProps): React.ComponentType<PROPS> & STATICS;
-export default withScrollReached;

package/src/components/WheelPicker/Item.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { TextStyle } from 'react-native';
-import Animated from 'react-native-reanimated';
-import { TextProps } from '../text';
-import { WheelPickerAlign, WheelPickerItemValue } from './types';
-export interface WheelPickerItemProps<T = WheelPickerItemValue> {
-    label: string;
-    value: T;
-    align?: WheelPickerAlign;
-    disableRTL?: boolean;
-}
-interface InternalProps<T> extends WheelPickerItemProps<T> {
-    index: number;
-    offset: Animated.SharedValue<number>;
-    itemHeight: number;
-    activeColor?: string;
-    inactiveColor?: string;
-    style?: TextStyle;
-    onSelect: (index: number) => void;
-    onPress?: () => void;
-    centerH?: boolean;
-    fakeLabel?: string;
-    fakeLabelStyle?: TextStyle;
-    fakeLabelProps?: TextProps;
-    testID?: string;
-}
-declare const _default: React.MemoExoticComponent<(<T extends WheelPickerItemValue = number>(props: InternalProps<T>) => React.JSX.Element)>;
-export default _default;

package/src/components/WheelPicker/WheelPicker.driver.d.ts

@@ -1,18 +0,0 @@
-import { ComponentProps } from '../../testkit/new/Component.driver';
-export declare const WheelPickerDriver: (props: ComponentProps) => {
-    getListHeight: () => any;
-    moveToItem: (index: number, itemHeight?: number, numberOfRows?: number) => void;
-    getLabel: () => string | (string | import("react-test-renderer").ReactTestInstance)[];
-    scroll: (contentOffset: Partial<import("react-native/types").NativeScrollPoint>, options?: {
-        contentInset: import("react-native/types").NativeScrollRectangle;
-        zoomScale: number;
-        layoutMeasurement: import("react-native/types").NativeScrollSize;
-        contentSize: import("react-native/types").NativeScrollSize;
-        velocity?: import("react-native/types").NativeScrollVelocity | undefined;
-        targetContentOffset?: import("react-native/types").NativeScrollPoint | undefined;
-    } | undefined) => void;
-    triggerEvent: (eventName?: string | undefined, event?: Partial<import("react-native/types").NativeScrollEvent> | undefined) => void;
-    getElement: () => import("react-test-renderer").ReactTestInstance;
-    queryElement: () => import("react-test-renderer").ReactTestInstance | undefined;
-    exists: () => boolean;
-};

package/src/components/WheelPicker/WheelPickerItem.driver.d.ts

@@ -1,8 +0,0 @@
-import { ComponentProps } from '../../testkit/new/Component.driver';
-export declare const WheelPickerItemDriver: (props: ComponentProps) => {
-    getLabel: () => string | (string | import("react-test-renderer").ReactTestInstance)[];
-    getLabelStyle: () => import("react-native/types").TextStyle;
-    getElement: () => import("react-test-renderer").ReactTestInstance;
-    queryElement: () => import("react-test-renderer").ReactTestInstance | undefined;
-    exists: () => boolean;
-};

package/src/components/WheelPicker/helpers/useListMiddleIndex.d.ts

@@ -1,6 +0,0 @@
-type ItemType = {
-    itemHeight: number;
-    listSize: number;
-};
-declare const _default: ({ itemHeight, listSize }: ItemType) => (offset: number) => number;
-export default _default;

package/src/components/WheelPicker/index.d.ts

@@ -1,88 +0,0 @@
-import React from 'react';
-import { TextStyle, ViewStyle, FlatListProps } from 'react-native';
-import { TextProps } from '../text';
-import { FaderProps } from '../fader';
-import { WheelPickerItemProps } from './Item';
-import { WheelPickerAlign, WheelPickerItemValue } from './types';
-export { WheelPickerAlign, WheelPickerItemValue };
-export declare const ITEM_HEIGHT = 44;
-export type WheelPickerProps<T = WheelPickerItemValue> = {
-    /**
-     * Initial value
-     */
-    initialValue?: T;
-    /**
-     * Data source for WheelPicker
-     */
-    items?: WheelPickerItemProps<T>[];
-    /**
-     * Describe the height of each item in the WheelPicker
-     * default value: 44
-     */
-    itemHeight?: number;
-    /**
-     * Describe the number of rows visible
-     * default value: 5
-     */
-    numberOfVisibleRows?: number;
-    /**
-     * Text color for the focused row
-     */
-    activeTextColor?: string;
-    /**
-     * Text color for other, non-focused rows
-     */
-    inactiveTextColor?: string;
-    /**
-     * Row text style
-     */
-    textStyle?: Omit<TextStyle, 'color'>;
-    /**
-     * Additional label on the right of the item text
-     */
-    label?: string;
-    /**
-     * The Additional label's style
-     */
-    labelStyle?: TextStyle;
-    /**
-     * The Additional label's props
-     */
-    labelProps?: TextProps;
-    /**
-     * Event, on active row change
-     */
-    onChange?: (item: T, index: number) => void;
-    /**
-     * Container's ViewStyle, height is computed according to itemHeight * numberOfVisibleRows
-     */
-    style?: Omit<ViewStyle, 'height'>;
-    /**
-     * Support passing items as children props
-     */
-    children?: JSX.Element | JSX.Element[];
-    /**
-     * Align the content to center, right ot left (default: center)
-     */
-    align?: WheelPickerAlign;
-    disableRTL?: boolean;
-    /**
-     * Extra style for the separators
-     */
-    separatorsStyle?: ViewStyle;
-    testID?: string;
-    /**
-     * Change the default (white) tint color of the fade view.
-     */
-    faderProps?: Omit<FaderProps, 'visible' | 'position'>;
-    /**
-     * Props to be sent to the FlatList
-     */
-    flatListProps?: Partial<FlatListProps<WheelPickerItemProps<T>>>;
-};
-declare const WheelPicker: {
-    <T extends WheelPickerItemValue>(props: WheelPickerProps<T>): React.JSX.Element;
-    alignments: typeof WheelPickerAlign;
-};
-export default WheelPicker;
-export { WheelPickerItemProps };

package/src/components/WheelPicker/types.d.ts

@@ -1,6 +0,0 @@
-export declare enum WheelPickerAlign {
-    CENTER = "center",
-    RIGHT = "right",
-    LEFT = "left"
-}
-export type WheelPickerItemValue = number | string;

package/src/components/WheelPicker/usePresenter.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { WheelPickerItemValue } from './types';
-import { WheelPickerItemProps } from './Item';
-type PropTypes<T> = {
-    initialValue?: T;
-    children?: JSX.Element | JSX.Element[];
-    items?: WheelPickerItemProps<T>[];
-    itemHeight: number;
-    preferredNumVisibleRows: number;
-};
-type RowItem<T> = {
-    value: T;
-    index: number;
-};
-declare const usePresenter: <T extends WheelPickerItemValue>({ initialValue, children, items: propItems, itemHeight, preferredNumVisibleRows }: PropTypes<T>) => {
-    index: number | undefined;
-    items: WheelPickerItemProps<T>[];
-    height: number;
-    getRowItemAtOffset: (offset: number) => RowItem<T>;
-};
-export default usePresenter;

package/src/components/actionBar/index.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-import { ViewStyle } from 'react-native';
-import { ButtonProps } from '../button';
-export type ActionBarProps = {
-    /**
-     * action bar height
-     */
-    height?: number;
-    /**
-     * action bar background color
-     */
-    backgroundColor?: string;
-    /**
-     * actions for the action bar
-     */
-    actions: ButtonProps[];
-    /**
-     * should action be equally centered
-     */
-    centered?: boolean;
-    /**
-     * use safe area, in case action bar attached to the bottom (default: true)
-     */
-    useSafeArea?: boolean;
-    /**
-     * keep the action bar position relative instead of it absolute position
-     */
-    keepRelative?: boolean;
-    /**
-     * style the action bar
-     */
-    style?: ViewStyle;
-};
-declare const _default: React.ForwardRefExoticComponent<ActionBarProps & React.RefAttributes<any>>;
-export default _default;

package/src/components/actionSheet/index.d.ts

@@ -1,80 +0,0 @@
-import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { ButtonProps } from '../button';
-import { type DialogProps } from '../dialog';
-type ActionSheetOnOptionPress = (index: number) => void;
-type ActionSheetProps = {
-    /**
-     * Whether to show the action sheet or not
-     */
-    visible: boolean;
-    /**
-     * Title of the action sheet. Note: if both title and message are not passed will not render the title view at all
-     */
-    title?: string;
-    /**
-     * Message of the action sheet
-     */
-    message?: string;
-    /**
-     * Index of the option represents the cancel action (to be displayed as the separated bottom bold button)
-     */
-    cancelButtonIndex?: number;
-    /**
-     * Index of the option represents the destructive action (will display red text. Usually used for 'delete' or
-     * 'abort' actions)
-     */
-    destructiveButtonIndex?: number;
-    /**
-     * List of options for the action sheet, follows the Button prop types (supply 'label' string and 'onPress'
-     * function)
-     */
-    options?: Array<ButtonProps>;
-    /**
-     * callback for when dismissing the action sheet, usually used for setting visible prop to false
-     */
-    onDismiss?: DialogProps['onDismiss'];
-    /**
-     * Should use the native action sheet for iOS
-     */
-    useNativeIOS?: boolean;
-    /**
-     * When passed (only with useNativeIOS), will display a cancel button at the bottom (overrides cancelButtonIndex)
-     */
-    showCancelButton?: boolean;
-    /**
-     * Add or override style of the action sheet (wraps the title and actions)
-     */
-    containerStyle?: StyleProp<ViewStyle>;
-    /**
-     * Add or override style of the dialog wrapping the action sheet
-     */
-    dialogStyle?: StyleProp<ViewStyle>;
-    /**
-     * Add or override style of the options list
-     */
-    optionsStyle?: StyleProp<ViewStyle>;
-    /**
-     * Render custom title
-     */
-    renderTitle?: () => JSX.Element;
-    /**
-     * Render custom action
-     * Note: you will need to call onOptionPress so the option's onPress will be called
-     */
-    renderAction?: (option: ButtonProps, index: number, onOptionPress: ActionSheetOnOptionPress) => JSX.Element;
-    /**
-     * Whether or not to handle SafeArea
-     */
-    useSafeArea?: boolean;
-    /**
-     * Additional props to send to the Dialog
-     */
-    dialogProps?: Omit<DialogProps, 'useSafeArea' | 'testID' | 'containerStyle' | 'visible' | 'onDismiss' | 'onDialogDismissed'> | DialogProps;
-    /**
-     * testID for e2e tests
-     */
-    testID?: string;
-};
-declare const _default: React.ForwardRefExoticComponent<ActionSheetProps & React.RefAttributes<any>>;
-export default _default;

package/src/components/animatedImage/index.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { ImageProps } from '../../components/image';
-export interface AnimatedImageProps extends ImageProps {
-    /**
-     * Additional spacing styles for the container
-     */
-    containerStyle?: StyleProp<ViewStyle>;
-    /**
-     * Duration for the fade animation when the image is loaded
-     */
-    animationDuration?: number;
-    /**
-     * A component to render while the image is loading
-     */
-    loader?: React.ReactElement;
-}
-/**
- * @description: Image component that fades-in the image with animation once it's loaded
- * @extends: Animated.Image
- * @gif: https://media.giphy.com/media/l0HU7jj0ivEFyZIA0/giphy.gif
- * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/AnimatedImageScreen.js
- */
-declare const AnimatedImage: {
-    (props: AnimatedImageProps): React.JSX.Element;
-    displayName: string;
-};
-export default AnimatedImage;