@fountain-ui/lab 2.0.0-beta.14 → 2.0.0-beta.17

package/build/commonjs/Carousel/Carousel.js

@@ -43,49 +43,44 @@ const Carousel = /*#__PURE__*/(0, _react.forwardRef)(function Carousel(props, re
   } = props;
   const data = (0, _hooks.useLoopedData)(originalData, loop);
   const initialTx = itemWidth * initialIndex;
-  const controlledTx = (0, _react.useRef)(new _reactNative.Animated.Value(initialTx)).current;
-  const offsetTx = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  const {
-    currentIndex,
-    getCurrentIndex,
-    lastIndex,
-    monitorElement
-  } = (0, _hooks.useIndexController)({
-    controlledTx,
+  const offsetX = (0, _react.useRef)(new _reactNative.Animated.Value(initialTx)).current;
+  const translateX = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+
+  const globalInterpolation = _reactNative.Animated.add(offsetX, translateX);
+
+  const [itemVisibilityStore, onPositionChange] = (0, _hooks.useItemVisibilityStore)({
     initialIndex,
-    itemWidth,
-    numberOfOriginalData: originalData.length,
-    onIndexChange
-  });
-  const itemVisibilityStore = (0, _hooks.useItemVisibilityStore)({
-    currentIndex,
     numberOfData: data.length,
     windowSize
   });
+  const indexController = (0, _hooks.useIndexController)({
+    initialIndex,
+    itemWidth,
+    numberOfData: data.length,
+    numberOfOriginalData: originalData.length,
+    onIndexChange,
+    onPositionChange
+  });
   const {
-    finalizeAnimation,
-    globalInterpolation,
+    getCurrentIndex
+  } = indexController;
+  const {
+    interruptAnimation,
     startPagingAnimation
   } = (0, _hooks.usePagingAnimation)({
-    controlledTx,
     createScrollAnimation,
-    getCurrentIndex,
     itemWidth,
-    lastIndex,
+    indexController,
     loop,
     numberOfData: data.length,
-    offsetTx
+    offsetX,
+    translateX
   });
   const autoplayController = (0, _hooks.useAutoplayController)({
     enabled: autoplay,
     intervalMillis: autoplayInterval,
     startPagingAnimation
   });
-  (0, _hooks.useDimensionChangeReaction)({
-    controlledTx,
-    currentIndex,
-    itemWidth
-  });
   (0, _react.useImperativeHandle)(ref, () => ({
     getCurrentIndex,
     next: () => startPagingAnimation('directional', {
@@ -107,7 +102,7 @@ const Carousel = /*#__PURE__*/(0, _react.forwardRef)(function Carousel(props, re
   }), [createItemStyle, data, globalInterpolation, itemHeight, itemWidth, itemVisibilityStore, loop]);
   return /*#__PURE__*/_react.default.createElement(_components.InternalContext.Provider, {
     value: contextValue
-  }, monitorElement, /*#__PURE__*/_react.default.createElement(_ViewabilityTrackerView.default, {
+  }, /*#__PURE__*/_react.default.createElement(_ViewabilityTrackerView.default, {
     enabled: autoplay && !disableSmartAutoplay,
     measurementIntervalMillis: Math.max(3000, autoplayInterval),
     onViewabilityChange: _ref => {
@@ -123,8 +118,8 @@ const Carousel = /*#__PURE__*/(0, _react.forwardRef)(function Carousel(props, re
     }
   }, /*#__PURE__*/_react.default.createElement(_components.ScrollViewGesture, {
     autoplayController: autoplayController,
-    finalizeAnimation: finalizeAnimation,
-    offsetTx: offsetTx,
+    interruptAnimation: interruptAnimation,
+    translateX: translateX,
     scrollEnabled: scrollEnabled,
     startPagingAnimation: startPagingAnimation
   }, /*#__PURE__*/_react.default.createElement(_components.RootView, {

package/build/commonjs/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"names":["Carousel","forwardRef","props","ref","autoplay","autoplayInterval","createItemStyle","createDefaultItemStyle","createScrollAnimation","createDefaultScrollAnimation","data","originalData","disableSmartAutoplay","initialIndex","itemHeight","itemWidth","loop","onIndexChange","renderItem","scrollEnabled","style","windowSize","useLoopedData","initialTx","controlledTx","useRef","Animated","Value","current","offsetTx","currentIndex","getCurrentIndex","lastIndex","monitorElement","useIndexController","numberOfOriginalData","length","itemVisibilityStore","useItemVisibilityStore","numberOfData","finalizeAnimation","globalInterpolation","startPagingAnimation","usePagingAnimation","autoplayController","useAutoplayController","enabled","intervalMillis","useDimensionChangeReaction","useImperativeHandle","next","direction","prev","scrollTo","option","contextValue","useMemo","Math","max","visible","resume","pause","memo"],"sources":["Carousel.tsx"],"sourcesContent":["import React, { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';\nimport { Animated } from 'react-native';\nimport ViewabilityTrackerView from '../ViewabilityTrackerView';\nimport type CarouselProps from './CarouselProps';\nimport type { CarouselInstance } from './types';\nimport {\n    useAutoplayController,\n    useDimensionChangeReaction,\n    useIndexController,\n    useItemVisibilityStore,\n    useLoopedData,\n    usePagingAnimation,\n} from './hooks';\nimport { createDefaultItemStyle, createDefaultScrollAnimation } from './animation';\nimport { InternalContext, RootView, ScrollViewGesture } from './components';\n\nconst Carousel = forwardRef<CarouselInstance, CarouselProps>(function Carousel(props, ref) {\n    const {\n        autoplay = false,\n        autoplayInterval = 3000,\n        createItemStyle = createDefaultItemStyle,\n        createScrollAnimation = createDefaultScrollAnimation,\n        data: originalData,\n        disableSmartAutoplay = false,\n        initialIndex = 0,\n        itemHeight,\n        itemWidth,\n        loop = false,\n        onIndexChange,\n        renderItem,\n        scrollEnabled = true,\n        style,\n        windowSize = 5,\n    } = props;\n\n    const data = useLoopedData(originalData, loop);\n\n    const initialTx = itemWidth * initialIndex;\n    const controlledTx = useRef(new Animated.Value(initialTx)).current;\n    const offsetTx = useRef(new Animated.Value(0)).current;\n\n    const {\n        currentIndex,\n        getCurrentIndex,\n        lastIndex,\n        monitorElement,\n    } = useIndexController({\n        controlledTx,\n        initialIndex,\n        itemWidth,\n        numberOfOriginalData: originalData.length,\n        onIndexChange,\n    });\n\n    const itemVisibilityStore = useItemVisibilityStore({\n        currentIndex,\n        numberOfData: data.length,\n        windowSize,\n    });\n\n    const {\n        finalizeAnimation,\n        globalInterpolation,\n        startPagingAnimation,\n    } = usePagingAnimation({\n        controlledTx,\n        createScrollAnimation,\n        getCurrentIndex,\n        itemWidth,\n        lastIndex,\n        loop,\n        numberOfData: data.length,\n        offsetTx,\n    });\n\n    const autoplayController = useAutoplayController({\n        enabled: autoplay,\n        intervalMillis: autoplayInterval,\n        startPagingAnimation,\n    });\n\n    useDimensionChangeReaction({\n        controlledTx,\n        currentIndex,\n        itemWidth,\n    });\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            getCurrentIndex,\n            next: () => startPagingAnimation('directional', { direction: 'next' }),\n            prev: () => startPagingAnimation('directional', { direction: 'prev' }),\n            scrollTo: (option) => startPagingAnimation('index', option),\n        }),\n        [startPagingAnimation, getCurrentIndex],\n    );\n\n    const contextValue = useMemo(() => ({\n        createItemStyle,\n        data,\n        globalInterpolation,\n        itemHeight,\n        itemWidth,\n        itemVisibilityStore,\n        loop,\n    }), [\n        createItemStyle,\n        data,\n        globalInterpolation,\n        itemHeight,\n        itemWidth,\n        itemVisibilityStore,\n        loop,\n    ]);\n\n    return (\n        <InternalContext.Provider value={contextValue}>\n            {monitorElement}\n\n            <ViewabilityTrackerView\n                enabled={autoplay && !disableSmartAutoplay}\n                measurementIntervalMillis={Math.max(3000, autoplayInterval)}\n                onViewabilityChange={({ visible }) => {\n                    if (visible) {\n                        autoplayController.resume();\n                    } else {\n                        autoplayController.pause();\n                    }\n                }}\n            >\n                <ScrollViewGesture\n                    autoplayController={autoplayController}\n                    finalizeAnimation={finalizeAnimation}\n                    offsetTx={offsetTx}\n                    scrollEnabled={scrollEnabled}\n                    startPagingAnimation={startPagingAnimation}\n                >\n                    <RootView\n                        data={data}\n                        itemHeight={itemHeight}\n                        originalData={originalData}\n                        renderItem={renderItem}\n                        style={style}\n                    />\n                </ScrollViewGesture>\n            </ViewabilityTrackerView>\n        </InternalContext.Provider>\n    );\n});\n\nexport default memo(Carousel);\n"],"mappings":"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"}
+{"version":3,"names":["Carousel","forwardRef","props","ref","autoplay","autoplayInterval","createItemStyle","createDefaultItemStyle","createScrollAnimation","createDefaultScrollAnimation","data","originalData","disableSmartAutoplay","initialIndex","itemHeight","itemWidth","loop","onIndexChange","renderItem","scrollEnabled","style","windowSize","useLoopedData","initialTx","offsetX","useRef","Animated","Value","current","translateX","globalInterpolation","add","itemVisibilityStore","onPositionChange","useItemVisibilityStore","numberOfData","length","indexController","useIndexController","numberOfOriginalData","getCurrentIndex","interruptAnimation","startPagingAnimation","usePagingAnimation","autoplayController","useAutoplayController","enabled","intervalMillis","useImperativeHandle","next","direction","prev","scrollTo","option","contextValue","useMemo","Math","max","visible","resume","pause","memo"],"sources":["Carousel.tsx"],"sourcesContent":["import React, { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';\nimport { Animated } from 'react-native';\nimport ViewabilityTrackerView from '../ViewabilityTrackerView';\nimport type CarouselProps from './CarouselProps';\nimport type { CarouselInstance } from './types';\nimport {\n    useAutoplayController,\n    useIndexController,\n    useItemVisibilityStore,\n    useLoopedData,\n    usePagingAnimation,\n} from './hooks';\nimport { createDefaultItemStyle, createDefaultScrollAnimation } from './animation';\nimport { InternalContext, RootView, ScrollViewGesture } from './components';\n\nconst Carousel = forwardRef<CarouselInstance, CarouselProps>(function Carousel(props, ref) {\n    const {\n        autoplay = false,\n        autoplayInterval = 3000,\n        createItemStyle = createDefaultItemStyle,\n        createScrollAnimation = createDefaultScrollAnimation,\n        data: originalData,\n        disableSmartAutoplay = false,\n        initialIndex = 0,\n        itemHeight,\n        itemWidth,\n        loop = false,\n        onIndexChange,\n        renderItem,\n        scrollEnabled = true,\n        style,\n        windowSize = 5,\n    } = props;\n\n    const data = useLoopedData(originalData, loop);\n\n    const initialTx = itemWidth * initialIndex;\n    const offsetX = useRef(new Animated.Value(initialTx)).current;\n    const translateX = useRef(new Animated.Value(0)).current;\n    const globalInterpolation = Animated.add(offsetX, translateX);\n\n    const [itemVisibilityStore, onPositionChange] = useItemVisibilityStore({\n        initialIndex,\n        numberOfData: data.length,\n        windowSize,\n    });\n\n    const indexController = useIndexController({\n        initialIndex,\n        itemWidth,\n        numberOfData: data.length,\n        numberOfOriginalData: originalData.length,\n        onIndexChange,\n        onPositionChange,\n    });\n\n    const { getCurrentIndex } = indexController;\n\n    const {\n        interruptAnimation,\n        startPagingAnimation,\n    } = usePagingAnimation({\n        createScrollAnimation,\n        itemWidth,\n        indexController,\n        loop,\n        numberOfData: data.length,\n        offsetX,\n        translateX,\n    });\n\n    const autoplayController = useAutoplayController({\n        enabled: autoplay,\n        intervalMillis: autoplayInterval,\n        startPagingAnimation,\n    });\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            getCurrentIndex,\n            next: () => startPagingAnimation('directional', { direction: 'next' }),\n            prev: () => startPagingAnimation('directional', { direction: 'prev' }),\n            scrollTo: (option) => startPagingAnimation('index', option),\n        }),\n        [startPagingAnimation, getCurrentIndex],\n    );\n\n    const contextValue = useMemo(() => ({\n        createItemStyle,\n        data,\n        globalInterpolation,\n        itemHeight,\n        itemWidth,\n        itemVisibilityStore,\n        loop,\n    }), [\n        createItemStyle,\n        data,\n        globalInterpolation,\n        itemHeight,\n        itemWidth,\n        itemVisibilityStore,\n        loop,\n    ]);\n\n    return (\n        <InternalContext.Provider value={contextValue}>\n            <ViewabilityTrackerView\n                enabled={autoplay && !disableSmartAutoplay}\n                measurementIntervalMillis={Math.max(3000, autoplayInterval)}\n                onViewabilityChange={({ visible }) => {\n                    if (visible) {\n                        autoplayController.resume();\n                    } else {\n                        autoplayController.pause();\n                    }\n                }}\n            >\n                <ScrollViewGesture\n                    autoplayController={autoplayController}\n                    interruptAnimation={interruptAnimation}\n                    translateX={translateX}\n                    scrollEnabled={scrollEnabled}\n                    startPagingAnimation={startPagingAnimation}\n                >\n                    <RootView\n                        data={data}\n                        itemHeight={itemHeight}\n                        originalData={originalData}\n                        renderItem={renderItem}\n                        style={style}\n                    />\n                </ScrollViewGesture>\n            </ViewabilityTrackerView>\n        </InternalContext.Provider>\n    );\n});\n\nexport default memo(Carousel);\n"],"mappings":"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"}

package/build/commonjs/Carousel/CarouselProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["CarouselProps.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport type { ComponentProps } from '@fountain-ui/core';\nimport type { CarouselInstance, CreateItemStyle, CreateScrollAnimation, ItemHeight, RenderItem } from './types';\n\nexport default interface CarouselProps<ItemT = any> extends ComponentProps<{\n    ref?: RefObject<CarouselInstance>;\n\n    /**\n     * If `true`, enable autoplay.\n     * @default false\n     */\n    autoplay?: boolean;\n\n    /**\n     * Delay in ms until navigating to the next item.\n     * @default 3000\n     */\n    autoplayInterval?: number;\n\n    /**\n     * The item style creator function.\n     * @default createDefaultItemStyle\n     */\n    createItemStyle?: CreateItemStyle;\n\n    /**\n     * The scroll animation creator function.\n     * @default createDefaultScrollAnimation\n     */\n    createScrollAnimation?: CreateScrollAnimation;\n\n    /**\n     * Data for render items.\n     */\n    data: ReadonlyArray<ItemT>;\n\n    /**\n     * If `true`, carousel will detect its own viewability and control autoplay automatically.\n     * @default false\n     */\n    disableSmartAutoplay?: boolean;\n\n    /**\n     * Index of initial item that should be selected.\n     * @default 0\n     */\n    initialIndex?: number;\n\n    /**\n     * The item height.\n     * For a performance reason, always consider to provide a number value.\n     */\n    itemHeight: ItemHeight;\n\n    /**\n     * The item width.\n     */\n    itemWidth: number;\n\n    /**\n     * Enable infinite loop mode.\n     * @default false\n     */\n    loop?: boolean;\n\n    /**\n     * Callback fired when an index is changed.\n     */\n    onIndexChange?: (newIndex: number) => void;\n\n    /**\n     * Takes an item from data and renders it into the list.\n     */\n    renderItem: RenderItem<ItemT>;\n\n    /**\n     * Whether to enable scroll gesture.\n     * @default true\n     */\n    scrollEnabled?: boolean;\n\n    /**\n     * The maximum number of items that can respond to pan gesture events.\n     * Due to the nature of the `active` item, it accepts only odd number. (e.g. 1, 3, 5...)\n     * 0 means all items will respond to pan gesture events.\n     * @default 5\n     */\n    windowSize?: number;\n}> {}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["CarouselProps.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport type { ComponentProps } from '@fountain-ui/core';\nimport type {\n    CarouselInstance,\n    CreateItemStyle,\n    CreateScrollAnimation,\n    ItemHeight,\n    OnIndexChange,\n    RenderItem,\n} from './types';\n\nexport default interface CarouselProps<ItemT = any> extends ComponentProps<{\n    ref?: RefObject<CarouselInstance>;\n\n    /**\n     * If `true`, enable autoplay.\n     * @default false\n     */\n    autoplay?: boolean;\n\n    /**\n     * Delay in ms until navigating to the next item.\n     * @default 3000\n     */\n    autoplayInterval?: number;\n\n    /**\n     * The item style creator function.\n     * @default createDefaultItemStyle\n     */\n    createItemStyle?: CreateItemStyle;\n\n    /**\n     * The scroll animation creator function.\n     * @default createDefaultScrollAnimation\n     */\n    createScrollAnimation?: CreateScrollAnimation;\n\n    /**\n     * Data for render items.\n     */\n    data: ReadonlyArray<ItemT>;\n\n    /**\n     * If `true`, carousel will detect its own viewability and control autoplay automatically.\n     * @default false\n     */\n    disableSmartAutoplay?: boolean;\n\n    /**\n     * Index of initial item that should be selected.\n     * @default 0\n     */\n    initialIndex?: number;\n\n    /**\n     * The item height.\n     * For a performance reason, always consider to provide a number value.\n     */\n    itemHeight: ItemHeight;\n\n    /**\n     * The item width.\n     */\n    itemWidth: number;\n\n    /**\n     * Enable infinite loop mode.\n     * @default false\n     */\n    loop?: boolean;\n\n    /**\n     * Callback fired when an index is changed.\n     */\n    onIndexChange?: OnIndexChange;\n\n    /**\n     * Takes an item from data and renders it into the list.\n     */\n    renderItem: RenderItem<ItemT>;\n\n    /**\n     * Whether to enable scroll gesture.\n     * @default true\n     */\n    scrollEnabled?: boolean;\n\n    /**\n     * The maximum number of items that can respond to pan gesture events.\n     * Due to the nature of the `active` item, it accepts only odd number. (e.g. 1, 3, 5...)\n     * 0 means all items will respond to pan gesture events.\n     * @default 5\n     */\n    windowSize?: number;\n}> {}\n"],"mappings":""}

package/build/commonjs/Carousel/animation/createDefaultScrollAnimation.js

@@ -10,8 +10,8 @@ var _reactNative = require("react-native");
 function createDefaultScrollAnimation(animatedValue, toValue) {
   return _reactNative.Animated.timing(animatedValue, {
     toValue: toValue,
-    duration: 350,
-    easing: _reactNative.Easing.bezier(0.25, 1, 0.5, 1),
+    duration: 180,
+    easing: _reactNative.Easing.bezier(0.2, 0.2, 0.2, 1),
     useNativeDriver: true
   });
 }

package/build/commonjs/Carousel/animation/createDefaultScrollAnimation.js.map

@@ -1 +1 @@
-{"version":3,"names":["createDefaultScrollAnimation","animatedValue","toValue","Animated","timing","duration","easing","Easing","bezier","useNativeDriver"],"sources":["createDefaultScrollAnimation.ts"],"sourcesContent":["import { Animated, Easing } from 'react-native';\n\nexport default function createDefaultScrollAnimation(\n    animatedValue: Animated.Value,\n    toValue: number,\n): Animated.CompositeAnimation {\n    return Animated.timing(animatedValue, {\n        toValue: toValue,\n        duration: 350,\n        easing: Easing.bezier(0.25, 1, 0.5, 1),\n        useNativeDriver: true,\n    });\n};\n"],"mappings":";;;;;;;AAAA;;AAEe,SAASA,4BAAT,CACXC,aADW,EAEXC,OAFW,EAGgB;EAC3B,OAAOC,qBAAA,CAASC,MAAT,CAAgBH,aAAhB,EAA+B;IAClCC,OAAO,EAAEA,OADyB;IAElCG,QAAQ,EAAE,GAFwB;IAGlCC,MAAM,EAAEC,mBAAA,CAAOC,MAAP,CAAc,IAAd,EAAoB,CAApB,EAAuB,GAAvB,EAA4B,CAA5B,CAH0B;IAIlCC,eAAe,EAAE;EAJiB,CAA/B,CAAP;AAMH;;AAAA"}
+{"version":3,"names":["createDefaultScrollAnimation","animatedValue","toValue","Animated","timing","duration","easing","Easing","bezier","useNativeDriver"],"sources":["createDefaultScrollAnimation.ts"],"sourcesContent":["import { Animated, Easing } from 'react-native';\n\nexport default function createDefaultScrollAnimation(\n    animatedValue: Animated.Value,\n    toValue: number,\n): Animated.CompositeAnimation {\n    return Animated.timing(animatedValue, {\n        toValue: toValue,\n        duration: 180,\n        easing: Easing.bezier(0.2, 0.2, 0.2, 1),\n        useNativeDriver: true,\n    });\n};\n"],"mappings":";;;;;;;AAAA;;AAEe,SAASA,4BAAT,CACXC,aADW,EAEXC,OAFW,EAGgB;EAC3B,OAAOC,qBAAA,CAASC,MAAT,CAAgBH,aAAhB,EAA+B;IAClCC,OAAO,EAAEA,OADyB;IAElCG,QAAQ,EAAE,GAFwB;IAGlCC,MAAM,EAAEC,mBAAA,CAAOC,MAAP,CAAc,GAAd,EAAmB,GAAnB,EAAwB,GAAxB,EAA6B,CAA7B,CAH0B;IAIlCC,eAAe,EAAE;EAJiB,CAA/B,CAAP;AAMH;;AAAA"}

package/build/commonjs/Carousel/animation/parallaxItemStyleFactory.js

@@ -23,8 +23,8 @@ function parallaxItemStyleFactory() {
     adjacentItemOpacity,
     adjacentItemScale,
     scrollingOffset
-  } = { ...config,
-    ...defaultParallaxAnimationConfig
+  } = { ...defaultParallaxAnimationConfig,
+    ...config
   };
 
   const createItemStyle = (itemInterpolation, itemWidth) => {

package/build/commonjs/Carousel/animation/parallaxItemStyleFactory.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultParallaxAnimationConfig","activeItemScale","activeItemOpacity","adjacentItemScale","Math","pow","adjacentItemOpacity","scrollingOffset","parallaxItemStyleFactory","config","createItemStyle","itemInterpolation","itemWidth","translate","interpolate","inputRange","itemInterpolationInputRange","outputRange","zIndex","extrapolate","scale","opacity","transform","translateX"],"sources":["parallaxItemStyleFactory.ts"],"sourcesContent":["import type { CreateItemStyle } from '../types';\nimport { itemInterpolationInputRange } from './animationUtils';\n\nexport interface ParallaxAnimationConfig {\n    activeItemScale?: number;\n    activeItemOpacity?: number;\n    adjacentItemScale?: number;\n    adjacentItemOpacity?: number;\n    scrollingOffset?: number;\n}\n\nconst defaultParallaxAnimationConfig: Required<Readonly<ParallaxAnimationConfig>> = {\n    activeItemScale: 0.9,\n    activeItemOpacity: 1,\n    adjacentItemScale: Math.pow(0.9, 2),\n    adjacentItemOpacity: 0.5,\n    scrollingOffset: 50,\n};\n\nexport default function parallaxItemStyleFactory(config: ParallaxAnimationConfig = defaultParallaxAnimationConfig) {\n    const {\n        activeItemOpacity,\n        activeItemScale,\n        adjacentItemOpacity,\n        adjacentItemScale,\n        scrollingOffset,\n    }: Required<ParallaxAnimationConfig> = {\n        ...config,\n        ...defaultParallaxAnimationConfig,\n    };\n\n    const createItemStyle: CreateItemStyle = (itemInterpolation, itemWidth) => {\n        const translate = itemInterpolation.interpolate({\n            inputRange: itemInterpolationInputRange,\n            outputRange: [\n                -itemWidth + scrollingOffset,\n                0,\n                itemWidth - scrollingOffset,\n            ],\n        });\n\n        const zIndex = itemInterpolation.interpolate({\n            inputRange: itemInterpolationInputRange,\n            outputRange: [0, itemWidth, 0],\n            extrapolate: 'clamp',\n        });\n\n        const scale = itemInterpolation.interpolate({\n            inputRange: itemInterpolationInputRange,\n            outputRange: [\n                adjacentItemScale,\n                activeItemScale,\n                adjacentItemScale,\n            ],\n            extrapolate: 'clamp',\n        });\n\n        const opacity = itemInterpolation.interpolate({\n            inputRange: itemInterpolationInputRange,\n            outputRange: [\n                adjacentItemOpacity,\n                activeItemOpacity,\n                adjacentItemOpacity,\n            ],\n            extrapolate: 'clamp',\n        });\n\n        return {\n            transform: [\n                { translateX: translate },\n                { scale },\n            ],\n            zIndex,\n            opacity,\n        };\n    };\n\n    return createItemStyle;\n};\n"],"mappings":";;;;;;;AACA;;AAUA,MAAMA,8BAA2E,GAAG;EAChFC,eAAe,EAAE,GAD+D;EAEhFC,iBAAiB,EAAE,CAF6D;EAGhFC,iBAAiB,EAAEC,IAAI,CAACC,GAAL,CAAS,GAAT,EAAc,CAAd,CAH6D;EAIhFC,mBAAmB,EAAE,GAJ2D;EAKhFC,eAAe,EAAE;AAL+D,CAApF;;AAQe,SAASC,wBAAT,GAAoG;EAAA,IAAlEC,MAAkE,uEAAhCT,8BAAgC;EAC/G,MAAM;IACFE,iBADE;IAEFD,eAFE;IAGFK,mBAHE;IAIFH,iBAJE;IAKFI;EALE,IAMiC,EACnC,GAAGE,MADgC;IAEnC,GAAGT;EAFgC,CANvC;;EAWA,MAAMU,eAAgC,GAAG,CAACC,iBAAD,EAAoBC,SAApB,KAAkC;IACvE,MAAMC,SAAS,GAAGF,iBAAiB,CAACG,WAAlB,CAA8B;MAC5CC,UAAU,EAAEC,2CADgC;MAE5CC,WAAW,EAAE,CACT,CAACL,SAAD,GAAaL,eADJ,EAET,CAFS,EAGTK,SAAS,GAAGL,eAHH;IAF+B,CAA9B,CAAlB;IASA,MAAMW,MAAM,GAAGP,iBAAiB,CAACG,WAAlB,CAA8B;MACzCC,UAAU,EAAEC,2CAD6B;MAEzCC,WAAW,EAAE,CAAC,CAAD,EAAIL,SAAJ,EAAe,CAAf,CAF4B;MAGzCO,WAAW,EAAE;IAH4B,CAA9B,CAAf;IAMA,MAAMC,KAAK,GAAGT,iBAAiB,CAACG,WAAlB,CAA8B;MACxCC,UAAU,EAAEC,2CAD4B;MAExCC,WAAW,EAAE,CACTd,iBADS,EAETF,eAFS,EAGTE,iBAHS,CAF2B;MAOxCgB,WAAW,EAAE;IAP2B,CAA9B,CAAd;IAUA,MAAME,OAAO,GAAGV,iBAAiB,CAACG,WAAlB,CAA8B;MAC1CC,UAAU,EAAEC,2CAD8B;MAE1CC,WAAW,EAAE,CACTX,mBADS,EAETJ,iBAFS,EAGTI,mBAHS,CAF6B;MAO1Ca,WAAW,EAAE;IAP6B,CAA9B,CAAhB;IAUA,OAAO;MACHG,SAAS,EAAE,CACP;QAAEC,UAAU,EAAEV;MAAd,CADO,EAEP;QAAEO;MAAF,CAFO,CADR;MAKHF,MALG;MAMHG;IANG,CAAP;EAQH,CA5CD;;EA8CA,OAAOX,eAAP;AACH;;AAAA"}
+{"version":3,"names":["defaultParallaxAnimationConfig","activeItemScale","activeItemOpacity","adjacentItemScale","Math","pow","adjacentItemOpacity","scrollingOffset","parallaxItemStyleFactory","config","createItemStyle","itemInterpolation","itemWidth","translate","interpolate","inputRange","itemInterpolationInputRange","outputRange","zIndex","extrapolate","scale","opacity","transform","translateX"],"sources":["parallaxItemStyleFactory.ts"],"sourcesContent":["import type { CreateItemStyle } from '../types';\nimport { itemInterpolationInputRange } from './animationUtils';\n\nexport interface ParallaxAnimationConfig {\n    activeItemScale?: number;\n    activeItemOpacity?: number;\n    adjacentItemScale?: number;\n    adjacentItemOpacity?: number;\n    scrollingOffset?: number;\n}\n\nconst defaultParallaxAnimationConfig: Required<Readonly<ParallaxAnimationConfig>> = {\n    activeItemScale: 0.9,\n    activeItemOpacity: 1,\n    adjacentItemScale: Math.pow(0.9, 2),\n    adjacentItemOpacity: 0.5,\n    scrollingOffset: 50,\n};\n\nexport default function parallaxItemStyleFactory(config: ParallaxAnimationConfig = defaultParallaxAnimationConfig) {\n    const {\n        activeItemOpacity,\n        activeItemScale,\n        adjacentItemOpacity,\n        adjacentItemScale,\n        scrollingOffset,\n    }: Required<ParallaxAnimationConfig> = {\n        ...defaultParallaxAnimationConfig,\n        ...config,\n    };\n\n    const createItemStyle: CreateItemStyle = (itemInterpolation, itemWidth) => {\n        const translate = itemInterpolation.interpolate({\n            inputRange: itemInterpolationInputRange,\n            outputRange: [\n                -itemWidth + scrollingOffset,\n                0,\n                itemWidth - scrollingOffset,\n            ],\n        });\n\n        const zIndex = itemInterpolation.interpolate({\n            inputRange: itemInterpolationInputRange,\n            outputRange: [0, itemWidth, 0],\n            extrapolate: 'clamp',\n        });\n\n        const scale = itemInterpolation.interpolate({\n            inputRange: itemInterpolationInputRange,\n            outputRange: [\n                adjacentItemScale,\n                activeItemScale,\n                adjacentItemScale,\n            ],\n            extrapolate: 'clamp',\n        });\n\n        const opacity = itemInterpolation.interpolate({\n            inputRange: itemInterpolationInputRange,\n            outputRange: [\n                adjacentItemOpacity,\n                activeItemOpacity,\n                adjacentItemOpacity,\n            ],\n            extrapolate: 'clamp',\n        });\n\n        return {\n            transform: [\n                { translateX: translate },\n                { scale },\n            ],\n            zIndex,\n            opacity,\n        };\n    };\n\n    return createItemStyle;\n};\n"],"mappings":";;;;;;;AACA;;AAUA,MAAMA,8BAA2E,GAAG;EAChFC,eAAe,EAAE,GAD+D;EAEhFC,iBAAiB,EAAE,CAF6D;EAGhFC,iBAAiB,EAAEC,IAAI,CAACC,GAAL,CAAS,GAAT,EAAc,CAAd,CAH6D;EAIhFC,mBAAmB,EAAE,GAJ2D;EAKhFC,eAAe,EAAE;AAL+D,CAApF;;AAQe,SAASC,wBAAT,GAAoG;EAAA,IAAlEC,MAAkE,uEAAhCT,8BAAgC;EAC/G,MAAM;IACFE,iBADE;IAEFD,eAFE;IAGFK,mBAHE;IAIFH,iBAJE;IAKFI;EALE,IAMiC,EACnC,GAAGP,8BADgC;IAEnC,GAAGS;EAFgC,CANvC;;EAWA,MAAMC,eAAgC,GAAG,CAACC,iBAAD,EAAoBC,SAApB,KAAkC;IACvE,MAAMC,SAAS,GAAGF,iBAAiB,CAACG,WAAlB,CAA8B;MAC5CC,UAAU,EAAEC,2CADgC;MAE5CC,WAAW,EAAE,CACT,CAACL,SAAD,GAAaL,eADJ,EAET,CAFS,EAGTK,SAAS,GAAGL,eAHH;IAF+B,CAA9B,CAAlB;IASA,MAAMW,MAAM,GAAGP,iBAAiB,CAACG,WAAlB,CAA8B;MACzCC,UAAU,EAAEC,2CAD6B;MAEzCC,WAAW,EAAE,CAAC,CAAD,EAAIL,SAAJ,EAAe,CAAf,CAF4B;MAGzCO,WAAW,EAAE;IAH4B,CAA9B,CAAf;IAMA,MAAMC,KAAK,GAAGT,iBAAiB,CAACG,WAAlB,CAA8B;MACxCC,UAAU,EAAEC,2CAD4B;MAExCC,WAAW,EAAE,CACTd,iBADS,EAETF,eAFS,EAGTE,iBAHS,CAF2B;MAOxCgB,WAAW,EAAE;IAP2B,CAA9B,CAAd;IAUA,MAAME,OAAO,GAAGV,iBAAiB,CAACG,WAAlB,CAA8B;MAC1CC,UAAU,EAAEC,2CAD8B;MAE1CC,WAAW,EAAE,CACTX,mBADS,EAETJ,iBAFS,EAGTI,mBAHS,CAF6B;MAO1Ca,WAAW,EAAE;IAP6B,CAA9B,CAAhB;IAUA,OAAO;MACHG,SAAS,EAAE,CACP;QAAEC,UAAU,EAAEV;MAAd,CADO,EAEP;QAAEO;MAAF,CAFO,CADR;MAKHF,MALG;MAMHG;IANG,CAAP;EAQH,CA5CD;;EA8CA,OAAOX,eAAP;AACH;;AAAA"}

package/build/commonjs/Carousel/components/ItemView.js

@@ -11,7 +11,7 @@ var _reactNative = require("react-native");
 
 var _core = require("@fountain-ui/core");
 
-var _hooks = require("../hooks");
+var _useItemInterpolation = _interopRequireDefault(require("./useItemInterpolation"));
 
 var _InternalContext = _interopRequireDefault(require("./InternalContext"));
 
@@ -34,8 +34,8 @@ function ItemView(props) {
     itemVisibilityStore
   } = (0, _react.useContext)(_InternalContext.default);
   const [visible, setVisible] = (0, _react.useState)(false);
-  const interpolation = (0, _hooks.useItemInterpolation)(index);
-  const itemStyle = (0, _react.useMemo)(() => createItemStyle(interpolation, itemWidth), [createItemStyle, interpolation]);
+  const interpolation = (0, _useItemInterpolation.default)(index);
+  const itemStyle = (0, _react.useMemo)(() => createItemStyle(interpolation, itemWidth), [createItemStyle, interpolation, itemWidth]);
   (0, _react.useEffect)(() => {
     return itemVisibilityStore.subscribe(ranges => {
       const nextVisible = ranges.some(_ref => {
@@ -44,7 +44,7 @@ function ItemView(props) {
       });
       setVisible(nextVisible);
     });
-  }, [itemVisibilityStore]);
+  }, [index, itemVisibilityStore]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
     children: visible ? children(interpolation) : null,
     onLayout: onLayout,

package/build/commonjs/Carousel/components/ItemView.js.map

@@ -1 +1 @@
-{"version":3,"names":["ItemView","props","children","index","onLayout","createItemStyle","itemHeight","itemWidth","itemVisibilityStore","useContext","InternalContext","visible","setVisible","useState","interpolation","useItemInterpolation","itemStyle","useMemo","useEffect","subscribe","ranges","nextVisible","some","from","to","width","height","undefined","styles","absolute","StyleSheet","create","position"],"sources":["ItemView.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport type { ViewProps } from 'react-native';\nimport { Animated } from 'react-native';\nimport { StyleSheet } from '@fountain-ui/core';\nimport { useItemInterpolation } from '../hooks';\nimport InternalContext from './InternalContext';\n\nexport interface ItemViewProps {\n    children: (interpolation: Animated.AnimatedInterpolation) => ReactElement | null;\n    index: number;\n    onLayout?: ViewProps['onLayout'];\n}\n\nexport default function ItemView(props: ItemViewProps) {\n    const {\n        children,\n        index,\n        onLayout,\n    } = props;\n\n    const {\n        createItemStyle,\n        itemHeight,\n        itemWidth,\n        itemVisibilityStore,\n    } = useContext(InternalContext);\n\n    const [visible, setVisible] = useState(false);\n\n    const interpolation = useItemInterpolation(index);\n\n    const itemStyle = useMemo(\n        () => createItemStyle(interpolation, itemWidth),\n        [createItemStyle, interpolation],\n    );\n\n    useEffect(() => {\n        return itemVisibilityStore.subscribe(ranges => {\n            const nextVisible = ranges.some(([from, to]) => index >= from && index <= to);\n            setVisible(nextVisible);\n        });\n    }, [itemVisibilityStore]);\n\n    return (\n        <Animated.View\n            children={visible ? children(interpolation) : null}\n            onLayout={onLayout}\n            style={[\n                {\n                    width: itemWidth,\n                    height: itemHeight !== 'auto' ? itemHeight : undefined,\n                },\n                styles.absolute,\n                // @ts-ignore\n                itemStyle,\n            ]}\n        />\n    );\n};\n\nconst styles = StyleSheet.create({\n    absolute: {\n        position: 'absolute',\n    },\n});\n"],"mappings":";;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAQe,SAASA,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IACFC,QADE;IAEFC,KAFE;IAGFC;EAHE,IAIFH,KAJJ;EAMA,MAAM;IACFI,eADE;IAEFC,UAFE;IAGFC,SAHE;IAIFC;EAJE,IAKF,IAAAC,iBAAA,EAAWC,wBAAX,CALJ;EAOA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,IAAAC,eAAA,EAAS,KAAT,CAA9B;EAEA,MAAMC,aAAa,GAAG,IAAAC,2BAAA,EAAqBZ,KAArB,CAAtB;EAEA,MAAMa,SAAS,GAAG,IAAAC,cAAA,EACd,MAAMZ,eAAe,CAACS,aAAD,EAAgBP,SAAhB,CADP,EAEd,CAACF,eAAD,EAAkBS,aAAlB,CAFc,CAAlB;EAKA,IAAAI,gBAAA,EAAU,MAAM;IACZ,OAAOV,mBAAmB,CAACW,SAApB,CAA8BC,MAAM,IAAI;MAC3C,MAAMC,WAAW,GAAGD,MAAM,CAACE,IAAP,CAAY;QAAA,IAAC,CAACC,IAAD,EAAOC,EAAP,CAAD;QAAA,OAAgBrB,KAAK,IAAIoB,IAAT,IAAiBpB,KAAK,IAAIqB,EAA1C;MAAA,CAAZ,CAApB;MACAZ,UAAU,CAACS,WAAD,CAAV;IACH,CAHM,CAAP;EAIH,CALD,EAKG,CAACb,mBAAD,CALH;EAOA,oBACI,6BAAC,qBAAD,CAAU,IAAV;IACI,QAAQ,EAAEG,OAAO,GAAGT,QAAQ,CAACY,aAAD,CAAX,GAA6B,IADlD;IAEI,QAAQ,EAAEV,QAFd;IAGI,KAAK,EAAE,CACH;MACIqB,KAAK,EAAElB,SADX;MAEImB,MAAM,EAAEpB,UAAU,KAAK,MAAf,GAAwBA,UAAxB,GAAqCqB;IAFjD,CADG,EAKHC,MAAM,CAACC,QALJ,EAMH;IACAb,SAPG;EAHX,EADJ;AAeH;;AAAA;;AAED,MAAMY,MAAM,GAAGE,gBAAA,CAAWC,MAAX,CAAkB;EAC7BF,QAAQ,EAAE;IACNG,QAAQ,EAAE;EADJ;AADmB,CAAlB,CAAf"}
+{"version":3,"names":["ItemView","props","children","index","onLayout","createItemStyle","itemHeight","itemWidth","itemVisibilityStore","useContext","InternalContext","visible","setVisible","useState","interpolation","useItemInterpolation","itemStyle","useMemo","useEffect","subscribe","ranges","nextVisible","some","from","to","width","height","undefined","styles","absolute","StyleSheet","create","position"],"sources":["ItemView.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport type { ViewProps } from 'react-native';\nimport { Animated } from 'react-native';\nimport { StyleSheet } from '@fountain-ui/core';\nimport useItemInterpolation from './useItemInterpolation';\nimport InternalContext from './InternalContext';\n\nexport interface ItemViewProps {\n    children: (interpolation: Animated.AnimatedInterpolation) => ReactElement | null;\n    index: number;\n    onLayout?: ViewProps['onLayout'];\n}\n\nexport default function ItemView(props: ItemViewProps) {\n    const {\n        children,\n        index,\n        onLayout,\n    } = props;\n\n    const {\n        createItemStyle,\n        itemHeight,\n        itemWidth,\n        itemVisibilityStore,\n    } = useContext(InternalContext);\n\n    const [visible, setVisible] = useState(false);\n\n    const interpolation = useItemInterpolation(index);\n\n    const itemStyle = useMemo(\n        () => createItemStyle(interpolation, itemWidth),\n        [createItemStyle, interpolation, itemWidth],\n    );\n\n    useEffect(() => {\n        return itemVisibilityStore.subscribe(ranges => {\n            const nextVisible = ranges.some(([from, to]) => index >= from && index <= to);\n            setVisible(nextVisible);\n        });\n    }, [index, itemVisibilityStore]);\n\n    return (\n        <Animated.View\n            children={visible ? children(interpolation) : null}\n            onLayout={onLayout}\n            style={[\n                {\n                    width: itemWidth,\n                    height: itemHeight !== 'auto' ? itemHeight : undefined,\n                },\n                styles.absolute,\n                // @ts-ignore\n                itemStyle,\n            ]}\n        />\n    );\n};\n\nconst styles = StyleSheet.create({\n    absolute: {\n        position: 'absolute',\n    },\n});\n"],"mappings":";;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAQe,SAASA,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IACFC,QADE;IAEFC,KAFE;IAGFC;EAHE,IAIFH,KAJJ;EAMA,MAAM;IACFI,eADE;IAEFC,UAFE;IAGFC,SAHE;IAIFC;EAJE,IAKF,IAAAC,iBAAA,EAAWC,wBAAX,CALJ;EAOA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,IAAAC,eAAA,EAAS,KAAT,CAA9B;EAEA,MAAMC,aAAa,GAAG,IAAAC,6BAAA,EAAqBZ,KAArB,CAAtB;EAEA,MAAMa,SAAS,GAAG,IAAAC,cAAA,EACd,MAAMZ,eAAe,CAACS,aAAD,EAAgBP,SAAhB,CADP,EAEd,CAACF,eAAD,EAAkBS,aAAlB,EAAiCP,SAAjC,CAFc,CAAlB;EAKA,IAAAW,gBAAA,EAAU,MAAM;IACZ,OAAOV,mBAAmB,CAACW,SAApB,CAA8BC,MAAM,IAAI;MAC3C,MAAMC,WAAW,GAAGD,MAAM,CAACE,IAAP,CAAY;QAAA,IAAC,CAACC,IAAD,EAAOC,EAAP,CAAD;QAAA,OAAgBrB,KAAK,IAAIoB,IAAT,IAAiBpB,KAAK,IAAIqB,EAA1C;MAAA,CAAZ,CAApB;MACAZ,UAAU,CAACS,WAAD,CAAV;IACH,CAHM,CAAP;EAIH,CALD,EAKG,CAAClB,KAAD,EAAQK,mBAAR,CALH;EAOA,oBACI,6BAAC,qBAAD,CAAU,IAAV;IACI,QAAQ,EAAEG,OAAO,GAAGT,QAAQ,CAACY,aAAD,CAAX,GAA6B,IADlD;IAEI,QAAQ,EAAEV,QAFd;IAGI,KAAK,EAAE,CACH;MACIqB,KAAK,EAAElB,SADX;MAEImB,MAAM,EAAEpB,UAAU,KAAK,MAAf,GAAwBA,UAAxB,GAAqCqB;IAFjD,CADG,EAKHC,MAAM,CAACC,QALJ,EAMH;IACAb,SAPG;EAHX,EADJ;AAeH;;AAAA;;AAED,MAAMY,MAAM,GAAGE,gBAAA,CAAWC,MAAX,CAAkB;EAC7BF,QAAQ,EAAE;IACNG,QAAQ,EAAE;EADJ;AADmB,CAAlB,CAAf"}

package/build/commonjs/Carousel/components/ScrollViewGesture.js

@@ -19,7 +19,7 @@ const SCROLL_TO_ADJACENT_TX_THRESHOLD = 80;
 const SCROLL_TO_ADJACENT_VX_THRESHOLD = 1000;
 const ACTIVE_OFFSET_ABS_X = 5;
 const activeOffsetX = [-ACTIVE_OFFSET_ABS_X, ACTIVE_OFFSET_ABS_X];
-const endAnimationStates = [_reactNativeGestureHandler.State.CANCELLED, _reactNativeGestureHandler.State.END];
+const endAnimationStates = [_reactNativeGestureHandler.State.CANCELLED, _reactNativeGestureHandler.State.END, _reactNativeGestureHandler.State.FAILED];
 
 function shouldScrollToAdjacent(translationX, velocityX) {
   const isSameDirection = translationX * velocityX > 0;
@@ -31,8 +31,8 @@ function ScrollViewGesture(props) {
   const {
     autoplayController,
     children,
-    finalizeAnimation,
-    offsetTx,
+    interruptAnimation,
+    translateX,
     scrollEnabled,
     startPagingAnimation
   } = props;
@@ -42,11 +42,11 @@ function ScrollViewGesture(props) {
   } = autoplayController;
   const handleGestureBegin = (0, _react.useCallback)(() => {
     pauseAutoplay();
-    finalizeAnimation();
-  }, [finalizeAnimation, pauseAutoplay]);
+    interruptAnimation();
+  }, [interruptAnimation, pauseAutoplay]);
   const handleGestureEvent = (0, _react.useCallback)(_reactNative.Animated.event([{
     nativeEvent: {
-      translationX: offsetTx
+      translationX: translateX
     }
   }], {
     useNativeDriver: true

package/build/commonjs/Carousel/components/ScrollViewGesture.js.map

@@ -1 +1 @@
-{"version":3,"names":["SCROLL_TO_ADJACENT_TX_THRESHOLD","SCROLL_TO_ADJACENT_VX_THRESHOLD","ACTIVE_OFFSET_ABS_X","activeOffsetX","endAnimationStates","GestureHandlerState","CANCELLED","END","shouldScrollToAdjacent","translationX","velocityX","isSameDirection","isEnoughMovement","Math","abs","ScrollViewGesture","props","autoplayController","children","finalizeAnimation","offsetTx","scrollEnabled","startPagingAnimation","pause","pauseAutoplay","resume","resumeAutoplay","handleGestureBegin","useCallback","handleGestureEvent","Animated","event","nativeEvent","useNativeDriver","handleHandlerStateChange","state","includes","direction","isOriginatedFromGesture"],"sources":["ScrollViewGesture.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useCallback } from 'react';\nimport { Animated } from 'react-native';\nimport type { PanGestureHandlerStateChangeEvent } from 'react-native-gesture-handler';\nimport { PanGestureHandler, State as GestureHandlerState } from 'react-native-gesture-handler';\nimport type { AutoplayController, PagingDirection, StartPagingAnimation } from '../types';\n\nexport interface ScrollViewGestureProps {\n    autoplayController: AutoplayController;\n    children: ReactNode;\n    finalizeAnimation: () => void;\n    offsetTx: Animated.Value,\n    scrollEnabled: boolean;\n    startPagingAnimation: StartPagingAnimation;\n}\n\nconst SCROLL_TO_ADJACENT_TX_THRESHOLD = 80;\nconst SCROLL_TO_ADJACENT_VX_THRESHOLD = 1000;\n\nconst ACTIVE_OFFSET_ABS_X = 5;\nconst activeOffsetX: number[] = [-ACTIVE_OFFSET_ABS_X, ACTIVE_OFFSET_ABS_X];\n\nconst endAnimationStates: Readonly<GestureHandlerState[]> = [\n    GestureHandlerState.CANCELLED,\n    GestureHandlerState.END,\n];\n\nfunction shouldScrollToAdjacent(translationX: number, velocityX: number): boolean {\n    const isSameDirection = translationX * velocityX > 0;\n    const isEnoughMovement =\n        Math.abs(translationX) >= SCROLL_TO_ADJACENT_TX_THRESHOLD\n        || Math.abs(velocityX) >= SCROLL_TO_ADJACENT_VX_THRESHOLD;\n\n    return isSameDirection && isEnoughMovement;\n}\n\nexport default function ScrollViewGesture(props: ScrollViewGestureProps) {\n    const {\n        autoplayController,\n        children,\n        finalizeAnimation,\n        offsetTx,\n        scrollEnabled,\n        startPagingAnimation,\n    } = props;\n\n    const { pause: pauseAutoplay, resume: resumeAutoplay } = autoplayController;\n\n    const handleGestureBegin = useCallback(() => {\n        pauseAutoplay();\n\n        finalizeAnimation();\n    }, [finalizeAnimation, pauseAutoplay]);\n\n    const handleGestureEvent = useCallback(Animated.event(\n        [{ nativeEvent: { translationX: offsetTx } }],\n        { useNativeDriver: true },\n    ), []);\n\n    const handleHandlerStateChange = useCallback((event: PanGestureHandlerStateChangeEvent) => {\n        const { nativeEvent: { translationX, velocityX, state } } = event;\n\n        if (endAnimationStates.includes(state)) {\n            const direction: PagingDirection = shouldScrollToAdjacent(translationX, velocityX)\n                ? (translationX < 0 ? 'next' : 'prev')\n                : 'stay';\n\n            startPagingAnimation(\n                'directional',\n                { direction: direction, isOriginatedFromGesture: true },\n            );\n\n            resumeAutoplay();\n        }\n    }, [startPagingAnimation, resumeAutoplay]);\n\n    return (\n        <PanGestureHandler\n            activeOffsetX={activeOffsetX}\n            children={children}\n            enabled={scrollEnabled}\n            onBegan={handleGestureBegin}\n            onGestureEvent={handleGestureEvent}\n            onHandlerStateChange={handleHandlerStateChange}\n        />\n    );\n}\n"],"mappings":";;;;;;;AACA;;AACA;;AAEA;;;;;;AAYA,MAAMA,+BAA+B,GAAG,EAAxC;AACA,MAAMC,+BAA+B,GAAG,IAAxC;AAEA,MAAMC,mBAAmB,GAAG,CAA5B;AACA,MAAMC,aAAuB,GAAG,CAAC,CAACD,mBAAF,EAAuBA,mBAAvB,CAAhC;AAEA,MAAME,kBAAmD,GAAG,CACxDC,gCAAA,CAAoBC,SADoC,EAExDD,gCAAA,CAAoBE,GAFoC,CAA5D;;AAKA,SAASC,sBAAT,CAAgCC,YAAhC,EAAsDC,SAAtD,EAAkF;EAC9E,MAAMC,eAAe,GAAGF,YAAY,GAAGC,SAAf,GAA2B,CAAnD;EACA,MAAME,gBAAgB,GAClBC,IAAI,CAACC,GAAL,CAASL,YAAT,KAA0BT,+BAA1B,IACGa,IAAI,CAACC,GAAL,CAASJ,SAAT,KAAuBT,+BAF9B;EAIA,OAAOU,eAAe,IAAIC,gBAA1B;AACH;;AAEc,SAASG,iBAAT,CAA2BC,KAA3B,EAA0D;EACrE,MAAM;IACFC,kBADE;IAEFC,QAFE;IAGFC,iBAHE;IAIFC,QAJE;IAKFC,aALE;IAMFC;EANE,IAOFN,KAPJ;EASA,MAAM;IAAEO,KAAK,EAAEC,aAAT;IAAwBC,MAAM,EAAEC;EAAhC,IAAmDT,kBAAzD;EAEA,MAAMU,kBAAkB,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACzCJ,aAAa;IAEbL,iBAAiB;EACpB,CAJ0B,EAIxB,CAACA,iBAAD,EAAoBK,aAApB,CAJwB,CAA3B;EAMA,MAAMK,kBAAkB,GAAG,IAAAD,kBAAA,EAAYE,qBAAA,CAASC,KAAT,CACnC,CAAC;IAAEC,WAAW,EAAE;MAAEvB,YAAY,EAAEW;IAAhB;EAAf,CAAD,CADmC,EAEnC;IAAEa,eAAe,EAAE;EAAnB,CAFmC,CAAZ,EAGxB,EAHwB,CAA3B;EAKA,MAAMC,wBAAwB,GAAG,IAAAN,kBAAA,EAAaG,KAAD,IAA8C;IACvF,MAAM;MAAEC,WAAW,EAAE;QAAEvB,YAAF;QAAgBC,SAAhB;QAA2ByB;MAA3B;IAAf,IAAsDJ,KAA5D;;IAEA,IAAI3B,kBAAkB,CAACgC,QAAnB,CAA4BD,KAA5B,CAAJ,EAAwC;MACpC,MAAME,SAA0B,GAAG7B,sBAAsB,CAACC,YAAD,EAAeC,SAAf,CAAtB,GAC5BD,YAAY,GAAG,CAAf,GAAmB,MAAnB,GAA4B,MADA,GAE7B,MAFN;MAIAa,oBAAoB,CAChB,aADgB,EAEhB;QAAEe,SAAS,EAAEA,SAAb;QAAwBC,uBAAuB,EAAE;MAAjD,CAFgB,CAApB;MAKAZ,cAAc;IACjB;EACJ,CAfgC,EAe9B,CAACJ,oBAAD,EAAuBI,cAAvB,CAf8B,CAAjC;EAiBA,oBACI,6BAAC,4CAAD;IACI,aAAa,EAAEvB,aADnB;IAEI,QAAQ,EAAEe,QAFd;IAGI,OAAO,EAAEG,aAHb;IAII,OAAO,EAAEM,kBAJb;IAKI,cAAc,EAAEE,kBALpB;IAMI,oBAAoB,EAAEK;EAN1B,EADJ;AAUH"}
+{"version":3,"names":["SCROLL_TO_ADJACENT_TX_THRESHOLD","SCROLL_TO_ADJACENT_VX_THRESHOLD","ACTIVE_OFFSET_ABS_X","activeOffsetX","endAnimationStates","GestureHandlerState","CANCELLED","END","FAILED","shouldScrollToAdjacent","translationX","velocityX","isSameDirection","isEnoughMovement","Math","abs","ScrollViewGesture","props","autoplayController","children","interruptAnimation","translateX","scrollEnabled","startPagingAnimation","pause","pauseAutoplay","resume","resumeAutoplay","handleGestureBegin","useCallback","handleGestureEvent","Animated","event","nativeEvent","useNativeDriver","handleHandlerStateChange","state","includes","direction","isOriginatedFromGesture"],"sources":["ScrollViewGesture.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useCallback } from 'react';\nimport { Animated } from 'react-native';\nimport type { PanGestureHandlerStateChangeEvent } from 'react-native-gesture-handler';\nimport { PanGestureHandler, State as GestureHandlerState } from 'react-native-gesture-handler';\nimport type { AutoplayController, PagingDirection, StartPagingAnimation } from '../types';\n\nexport interface ScrollViewGestureProps {\n    autoplayController: AutoplayController;\n    children: ReactNode;\n    interruptAnimation: () => void;\n    translateX: Animated.Value,\n    scrollEnabled: boolean;\n    startPagingAnimation: StartPagingAnimation;\n}\n\nconst SCROLL_TO_ADJACENT_TX_THRESHOLD = 80;\nconst SCROLL_TO_ADJACENT_VX_THRESHOLD = 1000;\n\nconst ACTIVE_OFFSET_ABS_X = 5;\nconst activeOffsetX: number[] = [-ACTIVE_OFFSET_ABS_X, ACTIVE_OFFSET_ABS_X];\n\nconst endAnimationStates: Readonly<GestureHandlerState[]> = [\n    GestureHandlerState.CANCELLED,\n    GestureHandlerState.END,\n    GestureHandlerState.FAILED,\n];\n\nfunction shouldScrollToAdjacent(translationX: number, velocityX: number): boolean {\n    const isSameDirection = translationX * velocityX > 0;\n    const isEnoughMovement =\n        Math.abs(translationX) >= SCROLL_TO_ADJACENT_TX_THRESHOLD\n        || Math.abs(velocityX) >= SCROLL_TO_ADJACENT_VX_THRESHOLD;\n\n    return isSameDirection && isEnoughMovement;\n}\n\nexport default function ScrollViewGesture(props: ScrollViewGestureProps) {\n    const {\n        autoplayController,\n        children,\n        interruptAnimation,\n        translateX,\n        scrollEnabled,\n        startPagingAnimation,\n    } = props;\n\n    const { pause: pauseAutoplay, resume: resumeAutoplay } = autoplayController;\n\n    const handleGestureBegin = useCallback(() => {\n        pauseAutoplay();\n\n        interruptAnimation();\n    }, [interruptAnimation, pauseAutoplay]);\n\n    const handleGestureEvent = useCallback(Animated.event(\n        [{ nativeEvent: { translationX: translateX } }],\n        { useNativeDriver: true },\n    ), []);\n\n    const handleHandlerStateChange = useCallback((event: PanGestureHandlerStateChangeEvent) => {\n        const { nativeEvent: { translationX, velocityX, state } } = event;\n\n        if (endAnimationStates.includes(state)) {\n            const direction: PagingDirection = shouldScrollToAdjacent(translationX, velocityX)\n                ? (translationX < 0 ? 'next' : 'prev')\n                : 'stay';\n\n            startPagingAnimation(\n                'directional',\n                { direction: direction, isOriginatedFromGesture: true },\n            );\n\n            resumeAutoplay();\n        }\n    }, [startPagingAnimation, resumeAutoplay]);\n\n    return (\n        <PanGestureHandler\n            activeOffsetX={activeOffsetX}\n            children={children}\n            enabled={scrollEnabled}\n            onBegan={handleGestureBegin}\n            onGestureEvent={handleGestureEvent}\n            onHandlerStateChange={handleHandlerStateChange}\n        />\n    );\n}\n"],"mappings":";;;;;;;AACA;;AACA;;AAEA;;;;;;AAYA,MAAMA,+BAA+B,GAAG,EAAxC;AACA,MAAMC,+BAA+B,GAAG,IAAxC;AAEA,MAAMC,mBAAmB,GAAG,CAA5B;AACA,MAAMC,aAAuB,GAAG,CAAC,CAACD,mBAAF,EAAuBA,mBAAvB,CAAhC;AAEA,MAAME,kBAAmD,GAAG,CACxDC,gCAAA,CAAoBC,SADoC,EAExDD,gCAAA,CAAoBE,GAFoC,EAGxDF,gCAAA,CAAoBG,MAHoC,CAA5D;;AAMA,SAASC,sBAAT,CAAgCC,YAAhC,EAAsDC,SAAtD,EAAkF;EAC9E,MAAMC,eAAe,GAAGF,YAAY,GAAGC,SAAf,GAA2B,CAAnD;EACA,MAAME,gBAAgB,GAClBC,IAAI,CAACC,GAAL,CAASL,YAAT,KAA0BV,+BAA1B,IACGc,IAAI,CAACC,GAAL,CAASJ,SAAT,KAAuBV,+BAF9B;EAIA,OAAOW,eAAe,IAAIC,gBAA1B;AACH;;AAEc,SAASG,iBAAT,CAA2BC,KAA3B,EAA0D;EACrE,MAAM;IACFC,kBADE;IAEFC,QAFE;IAGFC,kBAHE;IAIFC,UAJE;IAKFC,aALE;IAMFC;EANE,IAOFN,KAPJ;EASA,MAAM;IAAEO,KAAK,EAAEC,aAAT;IAAwBC,MAAM,EAAEC;EAAhC,IAAmDT,kBAAzD;EAEA,MAAMU,kBAAkB,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACzCJ,aAAa;IAEbL,kBAAkB;EACrB,CAJ0B,EAIxB,CAACA,kBAAD,EAAqBK,aAArB,CAJwB,CAA3B;EAMA,MAAMK,kBAAkB,GAAG,IAAAD,kBAAA,EAAYE,qBAAA,CAASC,KAAT,CACnC,CAAC;IAAEC,WAAW,EAAE;MAAEvB,YAAY,EAAEW;IAAhB;EAAf,CAAD,CADmC,EAEnC;IAAEa,eAAe,EAAE;EAAnB,CAFmC,CAAZ,EAGxB,EAHwB,CAA3B;EAKA,MAAMC,wBAAwB,GAAG,IAAAN,kBAAA,EAAaG,KAAD,IAA8C;IACvF,MAAM;MAAEC,WAAW,EAAE;QAAEvB,YAAF;QAAgBC,SAAhB;QAA2ByB;MAA3B;IAAf,IAAsDJ,KAA5D;;IAEA,IAAI5B,kBAAkB,CAACiC,QAAnB,CAA4BD,KAA5B,CAAJ,EAAwC;MACpC,MAAME,SAA0B,GAAG7B,sBAAsB,CAACC,YAAD,EAAeC,SAAf,CAAtB,GAC5BD,YAAY,GAAG,CAAf,GAAmB,MAAnB,GAA4B,MADA,GAE7B,MAFN;MAIAa,oBAAoB,CAChB,aADgB,EAEhB;QAAEe,SAAS,EAAEA,SAAb;QAAwBC,uBAAuB,EAAE;MAAjD,CAFgB,CAApB;MAKAZ,cAAc;IACjB;EACJ,CAfgC,EAe9B,CAACJ,oBAAD,EAAuBI,cAAvB,CAf8B,CAAjC;EAiBA,oBACI,6BAAC,4CAAD;IACI,aAAa,EAAExB,aADnB;IAEI,QAAQ,EAAEgB,QAFd;IAGI,OAAO,EAAEG,aAHb;IAII,OAAO,EAAEM,kBAJb;IAKI,cAAc,EAAEE,kBALpB;IAMI,oBAAoB,EAAEK;EAN1B,EADJ;AAUH"}

package/build/commonjs/Carousel/{hooks → components}/useItemInterpolation.js

@@ -9,7 +9,9 @@ var _react = require("react");
 
 var _reactNative = require("react-native");
 
-var _components = require("../components");
+var _InternalContext = _interopRequireDefault(require("./InternalContext"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const OVERSCROLL_FRICTION_FACTOR = 4;
 
@@ -19,7 +21,7 @@ function useItemInterpolation(index) {
     data,
     globalInterpolation,
     loop
-  } = (0, _react.useContext)(_components.InternalContext);
+  } = (0, _react.useContext)(_InternalContext.default);
   const numberOfData = data.length;
   const interpolationConfigOnLoop = (0, _react.useMemo)(() => {
     const lastIndex = numberOfData - 1;
@@ -54,8 +56,8 @@ function useItemInterpolation(index) {
   }, [index, itemWidth, numberOfData]);
   return (0, _react.useMemo)(() => {
     const interpolationConfig = loop ? interpolationConfigOnLoop : interpolationConfigOnNoLoop;
-    const offsetX = globalInterpolation.interpolate(interpolationConfig);
-    return _reactNative.Animated.divide(offsetX, itemWidth);
+    const localOffsetX = globalInterpolation.interpolate(interpolationConfig);
+    return _reactNative.Animated.divide(localOffsetX, itemWidth);
   }, [globalInterpolation, interpolationConfigOnLoop, interpolationConfigOnNoLoop, itemWidth, loop]);
 }
 

package/build/commonjs/Carousel/components/useItemInterpolation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OVERSCROLL_FRICTION_FACTOR","useItemInterpolation","index","itemWidth","data","globalInterpolation","loop","useContext","InternalContext","numberOfData","length","interpolationConfigOnLoop","useMemo","lastIndex","maxWidth","Math","abs","halfOfItemWidth","positiveCount","round","startPosition","max","min","inputRange","Number","MIN_VALUE","outputRange","extrapolate","interpolationConfigOnNoLoop","friction","interpolationConfig","localOffsetX","interpolate","Animated","divide"],"sources":["useItemInterpolation.ts"],"sourcesContent":["import { useContext, useMemo } from 'react';\nimport { Animated } from 'react-native';\nimport InternalContext from './InternalContext';\n\nconst OVERSCROLL_FRICTION_FACTOR = 4;\n\nexport default function useItemInterpolation(index: number): Animated.AnimatedInterpolation {\n    const {\n        itemWidth,\n        data,\n        globalInterpolation,\n        loop,\n    } = useContext(InternalContext);\n\n    const numberOfData = data.length;\n\n    const interpolationConfigOnLoop = useMemo<Animated.InterpolationConfigType>(() => {\n        const lastIndex = numberOfData - 1;\n        const maxWidth = Math.abs(itemWidth * numberOfData);\n        const halfOfItemWidth = 0.5 * itemWidth;\n\n        const positiveCount = Math.round(lastIndex / 2);\n        const startPosition = index > positiveCount\n            ? (index - numberOfData) * itemWidth\n            : itemWidth * index;\n\n        const max = positiveCount * itemWidth;\n        const min = -((lastIndex - positiveCount) * itemWidth);\n\n        const inputRange = [\n            -maxWidth,\n            min - halfOfItemWidth - startPosition - Number.MIN_VALUE,\n            min - halfOfItemWidth - startPosition,\n            0,\n            max + halfOfItemWidth - startPosition,\n            max + halfOfItemWidth - startPosition + Number.MIN_VALUE,\n            maxWidth,\n        ];\n\n        const outputRange = [\n            startPosition,\n            max + halfOfItemWidth - Number.MIN_VALUE,\n            min - halfOfItemWidth,\n            startPosition,\n            max + halfOfItemWidth,\n            min - halfOfItemWidth + Number.MIN_VALUE,\n            startPosition,\n        ];\n\n        return {\n            inputRange,\n            outputRange,\n            extrapolate: 'clamp',\n        };\n    }, [\n        index,\n        itemWidth,\n        numberOfData,\n    ]);\n\n    const interpolationConfigOnNoLoop = useMemo<Animated.InterpolationConfigType>(() => {\n        const lastIndex = numberOfData - 1;\n        const maxWidth = itemWidth * lastIndex;\n        const startPosition = itemWidth * index;\n        const friction = itemWidth / OVERSCROLL_FRICTION_FACTOR;\n\n        const inputRange = [\n            -(maxWidth + itemWidth), // overscroll\n            -maxWidth,\n            0,\n            itemWidth, // overscroll\n        ];\n\n        const outputRange = [\n            -maxWidth + startPosition - friction,\n            -maxWidth + startPosition,\n            startPosition,\n            startPosition + friction,\n        ];\n\n        return {\n            inputRange,\n            outputRange,\n            extrapolate: 'clamp',\n        };\n    }, [\n        index,\n        itemWidth,\n        numberOfData,\n    ]);\n\n    return useMemo(() => {\n        const interpolationConfig = loop\n            ? interpolationConfigOnLoop\n            : interpolationConfigOnNoLoop;\n\n        const localOffsetX = globalInterpolation.interpolate(interpolationConfig);\n\n        return Animated.divide(localOffsetX, itemWidth);\n    }, [\n        globalInterpolation,\n        interpolationConfigOnLoop,\n        interpolationConfigOnNoLoop,\n        itemWidth,\n        loop,\n    ]);\n};\n"],"mappings":"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"}

package/build/commonjs/Carousel/hooks/index.js

@@ -9,24 +9,12 @@ Object.defineProperty(exports, "useAutoplayController", {
     return _useAutoplayController.default;
   }
 });
-Object.defineProperty(exports, "useDimensionChangeReaction", {
-  enumerable: true,
-  get: function () {
-    return _useDimensionChangeReaction.default;
-  }
-});
 Object.defineProperty(exports, "useIndexController", {
   enumerable: true,
   get: function () {
     return _useIndexController.default;
   }
 });
-Object.defineProperty(exports, "useItemInterpolation", {
-  enumerable: true,
-  get: function () {
-    return _useItemInterpolation.default;
-  }
-});
 Object.defineProperty(exports, "useItemVisibilityStore", {
   enumerable: true,
   get: function () {
@@ -48,12 +36,8 @@ Object.defineProperty(exports, "usePagingAnimation", {
 
 var _useAutoplayController = _interopRequireDefault(require("./useAutoplayController"));
 
-var _useDimensionChangeReaction = _interopRequireDefault(require("./useDimensionChangeReaction"));
-
 var _useIndexController = _interopRequireDefault(require("./useIndexController"));
 
-var _useItemInterpolation = _interopRequireDefault(require("./useItemInterpolation"));
-
 var _useLoopedData = _interopRequireDefault(require("./useLoopedData"));
 
 var _usePagingAnimation = _interopRequireDefault(require("./usePagingAnimation"));

package/build/commonjs/Carousel/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as useAutoplayController } from './useAutoplayController';\nexport { default as useDimensionChangeReaction } from './useDimensionChangeReaction';\nexport { default as useIndexController } from './useIndexController';\nexport { default as useItemInterpolation } from './useItemInterpolation';\nexport { default as useLoopedData } from './useLoopedData';\nexport { default as usePagingAnimation } from './usePagingAnimation';\nexport { default as useItemVisibilityStore } from './useItemVisibilityStore';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as useAutoplayController } from './useAutoplayController';\nexport { default as useIndexController } from './useIndexController';\nexport { default as useLoopedData } from './useLoopedData';\nexport { default as usePagingAnimation } from './usePagingAnimation';\nexport { default as useItemVisibilityStore } from './useItemVisibilityStore';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA"}

package/build/commonjs/Carousel/hooks/useIndexController.js

@@ -5,64 +5,48 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useIndexController;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
-var _reactNative = require("react-native");
+var _core = require("@fountain-ui/core");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const normalizeIndex = (maybeIndex, numberOfData) => Math.abs(Math.floor(maybeIndex)) % numberOfData;
+var _utils = require("@fountain-ui/utils");
 
 function useIndexController(params) {
   const {
-    controlledTx,
     initialIndex,
     itemWidth,
+    numberOfData,
     numberOfOriginalData,
-    onIndexChange
+    onIndexChange,
+    onPositionChange
   } = params;
-  const indexRef = (0, _react.useRef)(initialIndex);
-  const [index, setIndex] = (0, _react.useState)(indexRef.current);
-  const maybeIndex = (0, _react.useMemo)(() => {
-    const negative = new _reactNative.Animated.Value(-1);
-
-    const reversedTx = _reactNative.Animated.multiply(controlledTx, negative);
+  const currentIndex = (0, _core.useImperativeState)(initialIndex);
+  const currentPosition = (0, _core.useImperativeState)(initialIndex);
+  const notifyAnimationState = (0, _react.useCallback)(state => {
+    if (state === 'finished' || state === 'interrupted') {
+      if (currentIndex.hasChanged()) {
+        onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(currentIndex.get());
+      }
 
-    const normalized = _reactNative.Animated.divide(reversedTx, itemWidth);
+      if (currentPosition.hasChanged()) {
+        onPositionChange === null || onPositionChange === void 0 ? void 0 : onPositionChange(currentPosition.get());
+      }
+    }
+  }, [onIndexChange, onPositionChange]);
+  const notifyOffsetHasChanged = (0, _react.useCallback)(offset => {
+    const roundedOffset = Math.round(offset / itemWidth) * itemWidth; // To prevent floating point problem, make sure index is integer type.
 
-    return _reactNative.Animated.modulo(normalized, numberOfOriginalData);
-  }, [controlledTx, itemWidth, numberOfOriginalData]);
-  (0, _react.useEffect)(() => {
-    const subscriptionId = maybeIndex.addListener(observedValue => {
-      const newIndex = normalizeIndex(observedValue.value, numberOfOriginalData);
+    const nextIndex = Math.floor((0, _utils.mod)(-roundedOffset / itemWidth, numberOfOriginalData));
+    currentIndex.set(nextIndex); // To prevent floating point problem, make sure index is integer type.
 
-      if (indexRef.current !== newIndex) {
-        indexRef.current = newIndex;
-        setIndex(newIndex);
-        onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(newIndex);
-      }
-    });
-    return () => {
-      maybeIndex.removeListener(subscriptionId);
-    };
-  }, [maybeIndex, numberOfOriginalData, onIndexChange]);
-  const getCurrentIndex = (0, _react.useCallback)(() => indexRef.current, []);
+    const nextPosition = Math.floor((0, _utils.mod)(-roundedOffset / itemWidth, numberOfData));
+    currentPosition.set(nextPosition);
+  }, [itemWidth, numberOfData, numberOfOriginalData]);
   return {
-    currentIndex: index,
-    getCurrentIndex,
+    getCurrentIndex: currentIndex.get,
     lastIndex: numberOfOriginalData - 1,
-    monitorElement: /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
-      collapsable: false,
-      style: [{
-        zIndex: maybeIndex
-      }, {
-        width: 1,
-        height: 1,
-        position: 'absolute'
-      }]
-    })
+    notifyAnimationState,
+    notifyOffsetHasChanged
   };
 }
 

package/build/commonjs/Carousel/hooks/useIndexController.js.map

@@ -1 +1 @@
-{"version":3,"names":["normalizeIndex","maybeIndex","numberOfData","Math","abs","floor","useIndexController","params","controlledTx","initialIndex","itemWidth","numberOfOriginalData","onIndexChange","indexRef","useRef","index","setIndex","useState","current","useMemo","negative","Animated","Value","reversedTx","multiply","normalized","divide","modulo","useEffect","subscriptionId","addListener","observedValue","newIndex","value","removeListener","getCurrentIndex","useCallback","currentIndex","lastIndex","monitorElement","zIndex","width","height","position"],"sources":["useIndexController.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Animated } from 'react-native';\nimport type { IndexController } from '../types';\n\nexport interface UseIndexControllerParameters {\n    controlledTx: Animated.AnimatedValue;\n    initialIndex: number;\n    itemWidth: number;\n    numberOfOriginalData: number;\n    onIndexChange?: (newIndex: number) => void;\n}\n\nconst normalizeIndex = (maybeIndex: number, numberOfData: number): number =>\n    Math.abs(Math.floor(maybeIndex)) % numberOfData;\n\nexport default function useIndexController(params: UseIndexControllerParameters): IndexController {\n    const {\n        controlledTx,\n        initialIndex,\n        itemWidth,\n        numberOfOriginalData,\n        onIndexChange,\n    } = params;\n\n    const indexRef = useRef<number>(initialIndex);\n    const [index, setIndex] = useState<number>(indexRef.current);\n\n    const maybeIndex = useMemo(() => {\n        const negative = new Animated.Value(-1);\n        const reversedTx = Animated.multiply(controlledTx, negative);\n        const normalized = Animated.divide(reversedTx, itemWidth);\n        return Animated.modulo(normalized, numberOfOriginalData);\n    }, [\n        controlledTx,\n        itemWidth,\n        numberOfOriginalData,\n    ]);\n\n    useEffect(() => {\n        const subscriptionId = maybeIndex.addListener((observedValue) => {\n            const newIndex = normalizeIndex(observedValue.value, numberOfOriginalData);\n\n            if (indexRef.current !== newIndex) {\n                indexRef.current = newIndex;\n                setIndex(newIndex);\n\n                onIndexChange?.(newIndex);\n            }\n        });\n\n        return () => {\n            maybeIndex.removeListener(subscriptionId);\n        };\n    }, [\n        maybeIndex,\n        numberOfOriginalData,\n        onIndexChange,\n    ]);\n\n    const getCurrentIndex = useCallback(() => indexRef.current, []);\n\n    return {\n        currentIndex: index,\n        getCurrentIndex,\n        lastIndex: numberOfOriginalData - 1,\n        monitorElement: (\n            <Animated.View\n                collapsable={false}\n                style={[\n                    { zIndex: maybeIndex },\n                    { width: 1, height: 1, position: 'absolute' },\n                ]}\n            />\n        ),\n    };\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAWA,MAAMA,cAAc,GAAG,CAACC,UAAD,EAAqBC,YAArB,KACnBC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,KAAL,CAAWJ,UAAX,CAAT,IAAmCC,YADvC;;AAGe,SAASI,kBAAT,CAA4BC,MAA5B,EAAmF;EAC9F,MAAM;IACFC,YADE;IAEFC,YAFE;IAGFC,SAHE;IAIFC,oBAJE;IAKFC;EALE,IAMFL,MANJ;EAQA,MAAMM,QAAQ,GAAG,IAAAC,aAAA,EAAeL,YAAf,CAAjB;EACA,MAAM,CAACM,KAAD,EAAQC,QAAR,IAAoB,IAAAC,eAAA,EAAiBJ,QAAQ,CAACK,OAA1B,CAA1B;EAEA,MAAMjB,UAAU,GAAG,IAAAkB,cAAA,EAAQ,MAAM;IAC7B,MAAMC,QAAQ,GAAG,IAAIC,qBAAA,CAASC,KAAb,CAAmB,CAAC,CAApB,CAAjB;;IACA,MAAMC,UAAU,GAAGF,qBAAA,CAASG,QAAT,CAAkBhB,YAAlB,EAAgCY,QAAhC,CAAnB;;IACA,MAAMK,UAAU,GAAGJ,qBAAA,CAASK,MAAT,CAAgBH,UAAhB,EAA4Bb,SAA5B,CAAnB;;IACA,OAAOW,qBAAA,CAASM,MAAT,CAAgBF,UAAhB,EAA4Bd,oBAA5B,CAAP;EACH,CALkB,EAKhB,CACCH,YADD,EAECE,SAFD,EAGCC,oBAHD,CALgB,CAAnB;EAWA,IAAAiB,gBAAA,EAAU,MAAM;IACZ,MAAMC,cAAc,GAAG5B,UAAU,CAAC6B,WAAX,CAAwBC,aAAD,IAAmB;MAC7D,MAAMC,QAAQ,GAAGhC,cAAc,CAAC+B,aAAa,CAACE,KAAf,EAAsBtB,oBAAtB,CAA/B;;MAEA,IAAIE,QAAQ,CAACK,OAAT,KAAqBc,QAAzB,EAAmC;QAC/BnB,QAAQ,CAACK,OAAT,GAAmBc,QAAnB;QACAhB,QAAQ,CAACgB,QAAD,CAAR;QAEApB,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGoB,QAAH,CAAb;MACH;IACJ,CATsB,CAAvB;IAWA,OAAO,MAAM;MACT/B,UAAU,CAACiC,cAAX,CAA0BL,cAA1B;IACH,CAFD;EAGH,CAfD,EAeG,CACC5B,UADD,EAECU,oBAFD,EAGCC,aAHD,CAfH;EAqBA,MAAMuB,eAAe,GAAG,IAAAC,kBAAA,EAAY,MAAMvB,QAAQ,CAACK,OAA3B,EAAoC,EAApC,CAAxB;EAEA,OAAO;IACHmB,YAAY,EAAEtB,KADX;IAEHoB,eAFG;IAGHG,SAAS,EAAE3B,oBAAoB,GAAG,CAH/B;IAIH4B,cAAc,eACV,6BAAC,qBAAD,CAAU,IAAV;MACI,WAAW,EAAE,KADjB;MAEI,KAAK,EAAE,CACH;QAAEC,MAAM,EAAEvC;MAAV,CADG,EAEH;QAAEwC,KAAK,EAAE,CAAT;QAAYC,MAAM,EAAE,CAApB;QAAuBC,QAAQ,EAAE;MAAjC,CAFG;IAFX;EALD,CAAP;AAcH;;AAAA"}
+{"version":3,"names":["useIndexController","params","initialIndex","itemWidth","numberOfData","numberOfOriginalData","onIndexChange","onPositionChange","currentIndex","useImperativeState","currentPosition","notifyAnimationState","useCallback","state","hasChanged","get","notifyOffsetHasChanged","offset","roundedOffset","Math","round","nextIndex","floor","mod","set","nextPosition","getCurrentIndex","lastIndex"],"sources":["useIndexController.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { useImperativeState } from '@fountain-ui/core';\nimport { mod } from '@fountain-ui/utils';\nimport type { AnimationState, IndexController } from '../types';\n\nexport interface UseIndexControllerParameters {\n    initialIndex: number;\n    itemWidth: number;\n    numberOfData: number;\n    numberOfOriginalData: number;\n    onIndexChange?: (itemIndex: number) => void;\n    onPositionChange?: (position: number) => void;\n}\n\nexport default function useIndexController(params: UseIndexControllerParameters): IndexController {\n    const {\n        initialIndex,\n        itemWidth,\n        numberOfData,\n        numberOfOriginalData,\n        onIndexChange,\n        onPositionChange,\n    } = params;\n\n    const currentIndex = useImperativeState(initialIndex);\n    const currentPosition = useImperativeState(initialIndex);\n\n    const notifyAnimationState = useCallback((state: AnimationState) => {\n        if (state === 'finished' || state === 'interrupted') {\n            if (currentIndex.hasChanged()) {\n                onIndexChange?.(currentIndex.get());\n            }\n\n            if (currentPosition.hasChanged()) {\n                onPositionChange?.(currentPosition.get());\n            }\n        }\n    }, [\n        onIndexChange,\n        onPositionChange,\n    ]);\n\n    const notifyOffsetHasChanged = useCallback((offset: number) => {\n        const roundedOffset = Math.round(offset / itemWidth) * itemWidth;\n\n        // To prevent floating point problem, make sure index is integer type.\n        const nextIndex = Math.floor(mod((-roundedOffset / itemWidth), numberOfOriginalData));\n        currentIndex.set(nextIndex);\n\n        // To prevent floating point problem, make sure index is integer type.\n        const nextPosition = Math.floor(mod((-roundedOffset / itemWidth), numberOfData));\n        currentPosition.set(nextPosition);\n    }, [\n        itemWidth,\n        numberOfData,\n        numberOfOriginalData,\n    ]);\n\n    return {\n        getCurrentIndex: currentIndex.get,\n        lastIndex: numberOfOriginalData - 1,\n        notifyAnimationState,\n        notifyOffsetHasChanged,\n    };\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAYe,SAASA,kBAAT,CAA4BC,MAA5B,EAAmF;EAC9F,MAAM;IACFC,YADE;IAEFC,SAFE;IAGFC,YAHE;IAIFC,oBAJE;IAKFC,aALE;IAMFC;EANE,IAOFN,MAPJ;EASA,MAAMO,YAAY,GAAG,IAAAC,wBAAA,EAAmBP,YAAnB,CAArB;EACA,MAAMQ,eAAe,GAAG,IAAAD,wBAAA,EAAmBP,YAAnB,CAAxB;EAEA,MAAMS,oBAAoB,GAAG,IAAAC,kBAAA,EAAaC,KAAD,IAA2B;IAChE,IAAIA,KAAK,KAAK,UAAV,IAAwBA,KAAK,KAAK,aAAtC,EAAqD;MACjD,IAAIL,YAAY,CAACM,UAAb,EAAJ,EAA+B;QAC3BR,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGE,YAAY,CAACO,GAAb,EAAH,CAAb;MACH;;MAED,IAAIL,eAAe,CAACI,UAAhB,EAAJ,EAAkC;QAC9BP,gBAAgB,SAAhB,IAAAA,gBAAgB,WAAhB,YAAAA,gBAAgB,CAAGG,eAAe,CAACK,GAAhB,EAAH,CAAhB;MACH;IACJ;EACJ,CAV4B,EAU1B,CACCT,aADD,EAECC,gBAFD,CAV0B,CAA7B;EAeA,MAAMS,sBAAsB,GAAG,IAAAJ,kBAAA,EAAaK,MAAD,IAAoB;IAC3D,MAAMC,aAAa,GAAGC,IAAI,CAACC,KAAL,CAAWH,MAAM,GAAGd,SAApB,IAAiCA,SAAvD,CAD2D,CAG3D;;IACA,MAAMkB,SAAS,GAAGF,IAAI,CAACG,KAAL,CAAW,IAAAC,UAAA,EAAK,CAACL,aAAD,GAAiBf,SAAtB,EAAkCE,oBAAlC,CAAX,CAAlB;IACAG,YAAY,CAACgB,GAAb,CAAiBH,SAAjB,EAL2D,CAO3D;;IACA,MAAMI,YAAY,GAAGN,IAAI,CAACG,KAAL,CAAW,IAAAC,UAAA,EAAK,CAACL,aAAD,GAAiBf,SAAtB,EAAkCC,YAAlC,CAAX,CAArB;IACAM,eAAe,CAACc,GAAhB,CAAoBC,YAApB;EACH,CAV8B,EAU5B,CACCtB,SADD,EAECC,YAFD,EAGCC,oBAHD,CAV4B,CAA/B;EAgBA,OAAO;IACHqB,eAAe,EAAElB,YAAY,CAACO,GAD3B;IAEHY,SAAS,EAAEtB,oBAAoB,GAAG,CAF/B;IAGHM,oBAHG;IAIHK;EAJG,CAAP;AAMH;;AAAA"}

package/build/commonjs/Carousel/hooks/useItemVisibilityStore.js

@@ -7,6 +7,8 @@ exports.default = useItemVisibilityStore;
 
 var _react = require("react");
 
+var _utils = require("@fountain-ui/utils");
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 class SimpleItemVisibilityStore {
@@ -54,10 +56,6 @@ function normalize(windowSize, numberOfData) {
   return windowSize;
 }
 
-function mod(value, modulo) {
-  return (value % modulo + modulo) % modulo;
-}
-
 function makeVisibleIndexRanges(numberOfData, windowSize, index) {
   const ws = normalize(windowSize, numberOfData);
   const firstIndex = 0;
@@ -65,30 +63,32 @@ function makeVisibleIndexRanges(numberOfData, windowSize, index) {
   const halfNumberOfAdjacent = Math.floor(ws / 2);
   const leftSide = index - halfNumberOfAdjacent;
   const rightSide = index + halfNumberOfAdjacent;
-  const leftRanges = leftSide >= 0 ? [[leftSide, index]] : [[firstIndex, index], [mod(leftSide, numberOfData), lastIndex]];
-  const rightRanges = rightSide < numberOfData ? [[index, rightSide]] : [[index, lastIndex], [firstIndex, mod(rightSide, numberOfData)]]; // @ts-ignore
+  const leftRanges = leftSide >= 0 ? [[leftSide, index]] : [[firstIndex, index], [(0, _utils.mod)(leftSide, numberOfData), lastIndex]];
+  const rightRanges = rightSide < numberOfData ? [[index, rightSide]] : [[index, lastIndex], [firstIndex, (0, _utils.mod)(rightSide, numberOfData)]]; // @ts-ignore
 
   return [...leftRanges, ...rightRanges];
 }
 
 function useItemVisibilityStore(params) {
   const {
-    currentIndex,
+    initialIndex,
     numberOfData,
     windowSize
   } = params;
-  const [initialRange] = (0, _react.useState)(() => makeVisibleIndexRanges(numberOfData, windowSize, currentIndex));
+  const [initialRange] = (0, _react.useState)(() => {
+    return makeVisibleIndexRanges(numberOfData, windowSize, initialIndex);
+  });
   const store = (0, _react.useRef)(new SimpleItemVisibilityStore(initialRange)).current;
-  (0, _react.useEffect)(() => {
-    const newRanges = makeVisibleIndexRanges(numberOfData, windowSize, currentIndex);
+  const onPositionChange = (0, _react.useCallback)(position => {
+    const newRanges = makeVisibleIndexRanges(numberOfData, windowSize, position);
     store.dispatch(newRanges);
-  }, [currentIndex, numberOfData, windowSize]);
+  }, [numberOfData, windowSize]);
   (0, _react.useEffect)(() => {
     return () => {
       store.removeAllListeners();
     };
   }, []);
-  return store;
+  return [store, onPositionChange];
 }
 
 ;