@hero-design/rn 8.22.0 → 8.24.0-alpha.0

package/types/components/Success/StyledSuccess.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import { Modal, View } from 'react-native';
+declare type SuccessVariant = 'full-screen' | 'in-page';
+declare const StyledSuccessContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    themeVariant: SuccessVariant;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledSuccessImage: import("@emotion/native").StyledComponent<import("../Image").ImageProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+declare const StyledSuccessContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledSuccessImageContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledSuccessTitle: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+declare const StyledSuccessDescription: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+declare const StyledSuccessButtonContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledSuccessButtonPrimary: import("@emotion/native").StyledComponent<import("../Button/Button").ButtonProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+declare const StyledSuccessModal: import("@emotion/native").StyledComponent<import("react-native").ModalBaseProps & import("react-native").ModalPropsIOS & import("react-native").ModalPropsAndroid & import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<Modal> | undefined;
+}>;
+export { SuccessVariant, StyledSuccessImage, StyledSuccessContainer, StyledSuccessContent, StyledSuccessImageContainer, StyledSuccessTitle, StyledSuccessDescription, StyledSuccessButtonContainer, StyledSuccessButtonPrimary, StyledSuccessModal, };

package/types/components/Success/index.d.ts

@@ -0,0 +1,42 @@
+import { ReactElement } from 'react';
+import type { ViewProps, ImageSourcePropType, ImageProps as RNImageProps } from 'react-native';
+import { SuccessVariant } from './StyledSuccess';
+import { ImageProps } from '../Image';
+export interface SuccessProps extends ViewProps {
+    /**
+     * Image to be displayed.
+     */
+    image?: ReactElement<ImageProps | RNImageProps> | ImageSourcePropType | string;
+    /**
+     * Success's title.
+     */
+    title: string;
+    /**
+     * Success's description.
+     */
+    description?: string;
+    /**
+     * Success's variant.
+     */
+    variant?: SuccessVariant;
+    /**
+     * Action button text
+     */
+    ctaText?: string;
+    /**
+     * Callback when the action button is pressed.
+     */
+    onCtaPress?: () => void;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+}
+/**
+ * Renders success page
+ *
+ * @param {SuccessProps} props
+ * @return {*}  {ReactElement}
+ */
+declare const Success: (props: SuccessProps) => ReactElement;
+export default Success;

package/types/components/Tabs/SceneView.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const SceneView: ({ lazy, lazyPreloadDistance, children, index, selectedIndex, focused, }: {
+    renderScence: () => React.ReactNode;
+    index: number;
+    selectedIndex: number;
+    lazy?: boolean | undefined;
+    lazyPreloadDistance?: number | undefined;
+    focused?: boolean | undefined;
+}) => JSX.Element;

package/types/components/Tabs/ScrollableTabsHeader.d.ts

@@ -0,0 +1,35 @@
+import { StyleProp, ViewStyle, ViewProps } from 'react-native';
+import type { TabType } from '.';
+export interface ScrollableTabHeaderProps extends ViewProps {
+    /**
+     * Callback which is called on tab press, receiving key of upcoming active Tab.
+     */
+    onTabPress: (key: string) => void;
+    /**
+     * Current selected tab key.
+     */
+    selectedIndex?: number;
+    /**
+     * List of Tabs to be rendered. Each Tab must have an unique key.
+     */
+    tabs: TabType[];
+    /**
+     * Style for the tab navigation bar.
+     */
+    barStyle?: StyleProp<ViewStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+    /**
+     * component insets
+     */
+    insets?: {
+        top: number;
+        bottom: number;
+        right: number;
+        left: number;
+    };
+}
+declare const ScrollableTabHeader: ({ onTabPress, selectedIndex, tabs, barStyle, testID, insets, }: ScrollableTabHeaderProps) => JSX.Element;
+export default ScrollableTabHeader;

package/types/components/Tabs/ScrollableTabsV2/SceneView.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const SceneView: ({ lazy, lazyPreloadDistance, children, index, selectedIndex, focused, testID, }: {
+    children: React.ReactNode;
+    index: number;
+    selectedIndex: number;
+    lazy?: boolean | undefined;
+    lazyPreloadDistance?: number | undefined;
+    focused?: boolean | undefined;
+    testID?: string | undefined;
+}) => JSX.Element;

package/types/components/Tabs/ScrollableTabsV2/ScrollableTabsV2.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { TabsProps } from '..';
+export declare const TabContext: React.Context<{
+    selectedTabKey: string;
+} | null>;
+export declare const ScreenContext: React.Context<string | null>;
+export declare const useIsFocused: () => boolean | undefined;
+declare const ScrollableTab: ({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, swipeEnabled, testID: componentTestID, }: TabsProps) => JSX.Element;
+export default ScrollableTab;

package/types/components/Tabs/ScrollableTabsV2/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: (({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, swipeEnabled, testID: componentTestID, }: import("..").TabsProps) => JSX.Element) & {
+    useIsFocused: () => boolean | undefined;
+};
+export default _default;

package/types/components/Tabs/index.d.ts

@@ -56,5 +56,8 @@ export interface TabsProps extends ViewProps {
 }
 declare const _default: (({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, swipeEnabled, testID: componentTestID, }: TabsProps) => JSX.Element) & {
     Scroll: ({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, swipeEnabled, testID: componentTestID, }: TabsProps) => JSX.Element;
+    ScrollV2: (({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, swipeEnabled, testID: componentTestID, }: TabsProps) => JSX.Element) & {
+        useIsFocused: () => boolean | undefined;
+    };
 };
 export default _default;