@fountain-ui/lab 2.0.0-beta.4 → 2.0.0-beta.40

package/build/typescript/Carousel/components/InternalContext.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Animated } from 'react-native';
+import type { CreateItemStyle, ItemHeight, ItemVisibilityStore } from '../types';
+export interface InternalContextValue<ItemT> {
+    createItemStyle: CreateItemStyle;
+    data: ReadonlyArray<ItemT>;
+    globalInterpolation: Animated.AnimatedInterpolation;
+    itemHeight: ItemHeight;
+    itemWidth: number;
+    itemVisibilityStore: ItemVisibilityStore;
+    loop: boolean;
+}
+declare const InternalContext: import("react").Context<InternalContextValue<any>>;
+export default InternalContext;

package/build/typescript/Carousel/components/ItemView.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from 'react';
+import type { ViewProps } from 'react-native';
+import { Animated } from 'react-native';
+export interface ItemViewProps {
+    children: (interpolation: Animated.AnimatedInterpolation) => ReactElement | null;
+    index: number;
+    onLayout?: ViewProps['onLayout'];
+}
+export default function ItemView(props: ItemViewProps): JSX.Element;

package/build/typescript/Carousel/components/RootView.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { View, ViewProps } from 'react-native';
+import type { ItemHeight, RenderItem } from '../types';
+export declare type RootViewProps<ItemT> = ViewProps & {
+    data: ReadonlyArray<ItemT>;
+    itemHeight: ItemHeight;
+    originalData: ReadonlyArray<ItemT>;
+    renderItem: RenderItem<ItemT>;
+};
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ViewProps & {
+    data: readonly any[];
+    itemHeight: ItemHeight;
+    originalData: readonly any[];
+    renderItem: RenderItem<any>;
+} & React.RefAttributes<View>>>;
+export default _default;

package/build/typescript/Carousel/components/ScrollViewGesture.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import { Animated } from 'react-native';
+import type { AutoplayController, StartPagingAnimation } from '../types';
+export interface ScrollViewGestureProps {
+    autoplayController: AutoplayController;
+    children: ReactNode;
+    gestureTranslationX: Animated.Value;
+    interruptAnimation: () => void;
+    scrollEnabled: boolean;
+    startPagingAnimation: StartPagingAnimation;
+}
+export default function ScrollViewGesture(props: ScrollViewGestureProps): JSX.Element;

package/build/typescript/Carousel/components/index.d.ts

@@ -0,0 +1,4 @@
+export { default as InternalContext } from './InternalContext';
+export { default as ItemView } from './ItemView';
+export { default as RootView } from './RootView';
+export { default as ScrollViewGesture } from './ScrollViewGesture';

package/build/typescript/Carousel/components/useItemInterpolation.d.ts

@@ -0,0 +1,2 @@
+import { Animated } from 'react-native';
+export default function useItemInterpolation(index: number): Animated.AnimatedInterpolation;

package/build/typescript/Carousel/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export { default as useAutoplayController } from './useAutoplayController';
+export { default as useIndexController } from './useIndexController';
+export { default as useLoopedData } from './useLoopedData';
+export { default as usePagingAnimator } from './usePagingAnimator';
+export { default as useItemVisibilityStore } from './useItemVisibilityStore';

package/build/typescript/Carousel/hooks/useAutoplayController.d.ts

@@ -0,0 +1,7 @@
+import type { AutoplayController, StartPagingAnimation } from '../types';
+export interface AutoplayConfig {
+    enabled: boolean;
+    intervalMillis: number;
+    startPagingAnimation: StartPagingAnimation;
+}
+export default function useAutoplayController(config: AutoplayConfig): AutoplayController;

package/build/typescript/Carousel/hooks/useIndexController.d.ts

@@ -0,0 +1,10 @@
+import type { IndexController } from '../types';
+export interface UseIndexControllerParameters {
+    initialIndex: number;
+    itemWidth: number;
+    numberOfData: number;
+    numberOfOriginalData: number;
+    onIndexChange?: (itemIndex: number) => void;
+    onPositionChange?: (position: number) => void;
+}
+export default function useIndexController(params: UseIndexControllerParameters): IndexController;

package/build/typescript/Carousel/hooks/useItemVisibilityStore.d.ts

@@ -0,0 +1,7 @@
+import type { ItemVisibilityStore, OnPositionChange } from '../types';
+export interface Parameters {
+    initialIndex: number;
+    numberOfData: number;
+    windowSize: number;
+}
+export default function useItemVisibilityStore(params: Parameters): [ItemVisibilityStore, OnPositionChange];

package/build/typescript/Carousel/hooks/useLoopedData.d.ts

@@ -0,0 +1 @@
+export default function useLoopedData<ItemT>(originalData: ReadonlyArray<ItemT>, loop: boolean): ReadonlyArray<ItemT>;

package/build/typescript/Carousel/hooks/usePagingAnimator.d.ts

@@ -0,0 +1,17 @@
+import { Animated } from 'react-native';
+import type { CreateScrollAnimation, IndexController, StartPagingAnimation } from '../types';
+export interface PagingAnimatorConfig {
+    createScrollAnimation: CreateScrollAnimation;
+    itemWidth: number;
+    indexController: IndexController;
+    initialIndex: number;
+    loop: boolean;
+    numberOfData: number;
+}
+export interface PagingAnimator {
+    gestureTranslationX: Animated.Value;
+    globalInterpolation: Animated.AnimatedInterpolation;
+    interruptAnimation: () => void;
+    startPagingAnimation: StartPagingAnimation;
+}
+export default function usePagingAnimator(config: PagingAnimatorConfig): PagingAnimator;

package/build/typescript/Carousel/index.d.ts

@@ -1,2 +1,4 @@
-export { default } from './CarouselWeb';
+export { default } from './Carousel';
 export type { default as CarouselProps } from './CarouselProps';
+export type { CarouselInstance } from './types';
+export { normalItemStyleFactory, parallaxItemStyleFactory } from './animation';

package/build/typescript/Carousel/tick.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: string, message?: string | undefined) => void;
+export default _default;

package/build/typescript/Carousel/types.d.ts

@@ -0,0 +1,91 @@
+import type { ReactElement } from 'react';
+import type { Animated, ViewProps } from 'react-native';
+declare const directions: readonly ["next", "prev", "stay"];
+export declare type PagingDirection = (typeof directions)[number];
+declare const scrollStates: readonly ["idle", "dragging", "interrupted"];
+export declare type ScrollState = (typeof scrollStates)[number];
+export declare type ItemHeight = number | 'auto';
+export interface RenderItem<T> {
+    (info: {
+        item: T;
+        index: number;
+        interpolation: Animated.AnimatedInterpolation;
+    }): ReactElement | null;
+}
+export interface CreateScrollAnimation {
+    (aValue: Animated.AnimatedValue, toValue: number): Animated.CompositeAnimation;
+}
+export interface CreateItemStyle {
+    (itemInterpolation: Animated.AnimatedInterpolation, itemWidth: number): Animated.AnimatedProps<ViewProps['style']>;
+}
+export interface GetCurrentIndex {
+    (): number;
+}
+export interface OnIndexChange {
+    (itemIndex: number): void;
+}
+export interface OnPositionChange {
+    (position: number): void;
+}
+export interface ScrollStateChangeEvent {
+    offset: number;
+    state: ScrollState;
+}
+export interface IndexController {
+    getCurrentIndex: GetCurrentIndex;
+    lastIndex: number;
+    notifyScrollStateHasChanged: (event: ScrollStateChangeEvent) => void;
+}
+export declare type PagingAnimationType = 'directional' | 'index';
+export interface BasePagingAnimationConfig {
+    animated?: boolean;
+    lastGestureTranslationX?: number;
+}
+export interface DirectionalPagingAnimationConfig extends BasePagingAnimationConfig {
+    direction: PagingDirection;
+    isOriginatedFromGesture?: boolean;
+}
+export interface IndexPagingAnimationConfig extends BasePagingAnimationConfig {
+    index: number;
+}
+export declare type PagingAnimationConfig = DirectionalPagingAnimationConfig | IndexPagingAnimationConfig;
+export interface StartPagingAnimation {
+    (type: PagingAnimationType, config: PagingAnimationConfig): void;
+}
+export declare type VisibleIndexRanges = Array<[number, number]>;
+export interface StoreSubscription {
+    (): void;
+}
+export interface ItemVisibilityStore {
+    dispatch: (ranges: VisibleIndexRanges) => void;
+    subscribe: (listener: (ranges: VisibleIndexRanges) => void) => StoreSubscription;
+    removeAllListeners: () => void;
+}
+export interface AutoplayController {
+    pause: () => void;
+    resume: () => void;
+}
+export interface ScrollToOption {
+    index: number;
+    animated?: boolean;
+}
+export interface CarouselInstance {
+    /**
+     * Get current visible item index.
+     */
+    getCurrentIndex: GetCurrentIndex;
+    /**
+     * Scroll to next visible item.
+     */
+    next: () => void;
+    /**
+     * Scroll to previous visible item.
+     */
+    prev: () => void;
+    /**
+     * Scroll to desired indexed item.
+     * Invalid index is ignored.
+     */
+    scrollTo: (option: ScrollToOption) => void;
+}
+export {};

package/build/typescript/ComicViewer/ComicViewer.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { default as ComicViewerProps } from './ComicViewerProps';
-export default function ComicViewer<T>(props: ComicViewerProps<T>): JSX.Element;
+export default function ComicViewer(props: ComicViewerProps): JSX.Element;

package/build/typescript/ComicViewer/ComicViewerProps.d.ts

@@ -1,51 +1,25 @@
+import React from 'react';
 import { ComponentProps } from '@fountain-ui/core';
-export interface ErrorInfo {
-    /**
-     * ComicViewerItemData.id.
-     */
-    id: string;
-    /**
-     * Number of times an error occurred.
-     */
-    count: number;
-}
-export declare type ComicViewerItemData<T = {}> = T & {
-    /**
-     * Image height.
-     */
-    height: number;
-    /**
-     * Unique value for identifying.
-     */
-    id: string;
-    /**
-     * Image sourceUrl for displaying.
-     */
-    sourceUrl: string;
-    /**
-     * Image width.
-     */
+import { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';
+export interface Dimension {
     width: number;
-};
-export default interface ComicViewerProps<T> extends ComponentProps<{
-    /**
-     * Data for render.
-     */
-    data: ComicViewerItemData<T>[];
+    height: number;
+}
+export default interface ComicViewerProps extends ComponentProps<{
     /**
      * Delay Time to call the error handler.
-     * @default 500
+     * @default 100
      */
-    errorDebounceMillis?: number;
+    debounceMillis?: number;
     /**
-     * How many times retry onError when same item error occur
+     * How many times handle onError directly when item error occur
      * @default 3
      */
-    errorRetryCount?: number;
+    autoHandleErrorCount?: number;
     /**
-    * How many items to render in the initial batch.
-    * @default 1
-    */
+     * How many items to render in the initial batch.
+     * @default 1
+     */
     initialNumToRender?: number;
     /**
      * Start at initialScrollPercentage.
@@ -59,18 +33,39 @@ export default interface ComicViewerProps<T> extends ComponentProps<{
      */
     itemVisiblePercentThreshold?: number;
     /**
-     * Handling all viewerItem errors at once.
-     * @param errors Array of ViewerItems errorInfo.
+     * Dimensions of each Image considering viewport.
      */
-    onError?: (errors: ErrorInfo[]) => void;
+    intrinsicDimensions: Array<Dimension>;
     /**
-     * Comic viewer width.
+     * Max value of contents image width size.
+     * @default 720
      */
-    viewerWidth: number;
+    maxContentWidth?: number;
+    /**
+     * Width of viewport.
+     */
+    viewportWidth: number;
     /**
      * The value for FlatList windowSize.
      * @default 3
      */
     windowSize?: number;
+    /**
+     * Get contents urls by indexes.
+     */
+    getUrlByIndex: (indexes: Array<number>) => Promise<Map<number, string> | undefined>;
+    /**
+     * Handle scroll event.
+     * @param event Scroll event.
+     */
+    onScroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    /**
+     * Handle item press event.
+     */
+    onItemPress?: () => void;
+    /**
+     * Component for comic viewer footer.
+     */
+    ListFooterComponent?: React.ReactElement;
 }> {
 }