@fountain-ui/lab 2.0.0-beta.7 → 2.0.0-beta.71

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,2 +1,3 @@
+/// <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,76 +1,94 @@
+import React from 'react';
 import { ComponentProps } from '@fountain-ui/core';
-export interface ErrorInfo {
+import { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';
+import { FastScrollOptions } from './FastScrollProps';
+export interface Dimension {
+    width: number;
+    height: number;
+}
+export interface IntrinsicImage {
+    dimension: Dimension;
+    url: string;
+}
+export default interface ComicViewerProps extends ComponentProps<{
     /**
-     * ComicViewerItemData.id.
+     * Delay Time to call the error handler.
+     * @default 100
      */
-    id: string;
+    debounceMillis?: number;
     /**
-     * Number of times an error occurred.
+     * How many times handle onError directly when item error occur
+     * @default 3
      */
-    count: number;
-}
-export declare type ComicViewerItemData<T = {}> = T & {
+    autoHandleErrorCount?: number;
     /**
-     * Image height.
+     * How many items to render in the initial batch.
+     * @default 1
      */
-    height: number;
+    initialNumToRender?: number;
     /**
-     * Unique value for identifying.
+     * How many items to create in the initial batch.
+     * @default 1
      */
-    id: string;
+    initialNumToCreate?: number;
     /**
-     * Image sourceUrl for displaying.
+     * Start at initialScrollPercentage.
+     * If over 100, scroll to end.
+     * @default 0
      */
-    sourceUrl: string;
+    initialScrollPercentage?: number;
     /**
-     * Image width.
+     * The value for FlatList viewabilityConfig.itemVisiblePercentThreshold.
+     * @default 0
      */
-    width: number;
-};
-export default interface ComicViewerProps<T> extends ComponentProps<{
+    itemVisiblePercentThreshold?: number;
     /**
-     * Data for render.
+     * Dimensions and url info of each Image considering viewport.
      */
-    data: ComicViewerItemData<T>[];
+    intrinsicImages: Array<IntrinsicImage>;
     /**
-     * Delay Time to call the error handler.
-     * @default 500
+     * Need invisible paddingTop viewer vertically expanded.
+     * @default 0
      */
-    errorDebounceMillis?: number;
+    invisiblePaddingTop?: number;
     /**
-     * How many times retry onError when same item error occur
+     * Max value of contents image width size.
+     * @default 720
+     */
+    maxContentWidth?: number;
+    /**
+     * Width of viewport.
+     */
+    viewportWidth: number;
+    /**
+     * The value for FlatList windowSize.
      * @default 3
      */
-    errorRetryCount?: number;
+    windowSize?: number;
     /**
-    * How many items to render in the initial batch.
-    * @default 1
-    */
-    initialNumToRender?: number;
+     * Options for fastscroll component.
+     */
+    fastScrollOptions: FastScrollOptions;
     /**
-     * Start at initialScrollPercentage.
-     * If over 100, scroll to end.
-     * @default 0
+     * Handle scroll event.
+     * @param event Scroll event.
      */
-    initialScrollPercentage?: number;
+    onScroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
     /**
-     * The value for FlatList viewabilityConfig.itemVisiblePercentThreshold.
-     * @default 0
+     * Handle item press event.
      */
-    itemVisiblePercentThreshold?: number;
+    onItemPress?: () => void;
     /**
-     * Handling all viewerItem errors at once.
-     * @param errors Array of ViewerItems errorInfo.
+     * Handle image loading fail event.
      */
-    onError?: (errors: ErrorInfo[]) => void;
+    onError?: () => void;
     /**
-     * Comic viewer width.
+     * Handle reload button press event.
      */
-    viewerWidth: number;
+    onReloadPress?: () => void;
     /**
-     * The value for FlatList windowSize.
-     * @default 3
+     * Component for comic viewer footer.
      */
-    windowSize?: number;
+    ListFooterComponent?: React.ReactElement;
 }> {
 }