@hero-design/rn 8.41.1 → 8.41.3-alpha-0

package/types/components/FAB/ActionGroup/FABModal.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface ModalProps {
+    /**
+     * Content of the modal.
+     */
+    children: React.ReactElement;
+    /**
+     * Visibility of the modal
+     */
+    visible?: boolean;
+    /**
+     * Callback when the modal is shown.
+     */
+    onShow?: () => void;
+    /**
+     * TestID of the modal.
+     */
+    testID?: string;
+}
+declare const fABModal: ({ children, onShow, testID, visible }: ModalProps) => null;
+export default fABModal;

package/types/components/FAB/ActionGroup/FABModalContentWrapper.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+type ModalContentWrapperProps = {
+    children: React.ReactElement;
+    visible?: boolean;
+    testID?: string;
+    style?: StyleProp<ViewStyle>;
+    animated?: boolean;
+    pointerEvents: 'box-none' | 'none' | 'box-only' | 'auto';
+};
+export type ModalContentWrapperHandler = {
+    hide: (callback?: () => void) => void;
+};
+declare const FABModalContentWrapper: {
+    ({ children, testID, pointerEvents, }: ModalContentWrapperProps): JSX.Element;
+    displayName: string;
+};
+export default FABModalContentWrapper;

package/types/components/FAB/ActionGroup/FABProvider.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+declare const ModalProvider: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export default ModalProvider;

package/types/components/FAB/ActionGroup/ModalPresenter/ModalPresenter.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+export type ModalPresenterHandles = {
+    animatedOut: (completion?: () => void) => void;
+};
+export type FABModalDismissFunc = (onDismiss?: () => void) => void;
+export type FABModalUpdateFunc = (content: React.ReactNode) => void;
+/**
+ * Modal handler is returned by `showModal` function.
+ */
+export type FABModalHandler = {
+    /**
+     * Same `dismiss` function as in `ModalContentProps`.
+     */
+    dismiss: FABModalDismissFunc;
+    /**
+     * Same `update` function as in `ModalContentProps`.
+     */
+    update: FABModalUpdateFunc;
+};
+declare const FABModalPresenter: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<ModalPresenterHandles>>;
+/**
+ * Present a modal on screen immediately.
+ *
+ * The new presented modal will be on top of existing modals if there are any.
+ *
+ * @param Content A component to be presented as a modal on screen.
+ * This component will be centered horizontally and vertically on screen with
+ * a semitransparent black overlay underneath.
+ * @param contentProps Props for this modal component.
+ * @returns A `ModalHandler` you can use to dismiss the modal.
+ */
+export declare const showFABModal: (content: React.ReactNode) => FABModalHandler;
+export default FABModalPresenter;

package/types/components/FAB/ActionGroup/ModalPresenter/index.d.ts

@@ -0,0 +1,3 @@
+import { FABModalDismissFunc, FABModalHandler, showFABModal, ModalPresenterHandles } from './ModalPresenter';
+export type { FABModalDismissFunc as ModalDismissFunc, FABModalHandler as ModalHandler, ModalPresenterHandles, };
+export { showFABModal };

package/types/components/Modal/ModalContentWrapper.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+type ModalContentWrapperProps = {
+    children: React.ReactElement;
+    visible?: boolean;
+    onShow?: () => void;
+    testID?: string;
+    animationType?: 'none' | 'slide' | 'fade';
+    style?: StyleProp<ViewStyle>;
+    animated?: boolean;
+};
+export type ModalContentWrapperHandler = {
+    hide: (callback?: () => void) => void;
+};
+declare const ModalContentWrapper: React.ForwardRefExoticComponent<ModalContentWrapperProps & React.RefAttributes<ModalContentWrapperHandler>>;
+export default ModalContentWrapper;

package/types/components/Modal/ModalPresenter/ModalPresenter.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+export type ModalPresenterHandles = {
+    animatedOut: (completion?: () => void) => void;
+};
+export type ModalDismissFunc = (onDismiss?: () => void) => void;
+export type ModalUpdateFunc = (content: React.ReactNode) => void;
+/**
+ * Modal handler is returned by `showModal` function.
+ */
+export type ModalHandler = {
+    /**
+     * Same `dismiss` function as in `ModalContentProps`.
+     */
+    dismiss: ModalDismissFunc;
+    /**
+     * Same `update` function as in `ModalContentProps`.
+     */
+    update: ModalUpdateFunc;
+};
+declare const ModalPresenter: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<ModalPresenterHandles>>;
+/**
+ * Present a modal on screen immediately.
+ *
+ * The new presented modal will be on top of existing modals if there are any.
+ *
+ * @param Content A component to be presented as a modal on screen.
+ * This component will be centered horizontally and vertically on screen with
+ * a semitransparent black overlay underneath.
+ * @param contentProps Props for this modal component.
+ * @returns A `ModalHandler` you can use to dismiss the modal.
+ */
+export declare const showModal: (content: React.ReactNode) => ModalHandler;
+export default ModalPresenter;

package/types/components/Modal/ModalPresenter/index.d.ts

@@ -0,0 +1,3 @@
+import { ModalDismissFunc, ModalHandler, showModal, ModalPresenterHandles } from './ModalPresenter';
+export type { ModalDismissFunc, ModalHandler, ModalPresenterHandles };
+export { showModal };

package/types/components/Modal/ModalProvider.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+declare const ModalProvider: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export default ModalProvider;

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, testID, }: {
+    children: React.ReactNode;
+    index: number;
+    selectedIndex: number;
+    lazy?: boolean | undefined;
+    lazyPreloadDistance?: number | undefined;
+    testID?: string | undefined;
+}) => JSX.Element;
+export default SceneView;

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;