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

package/build/module/Carousel/Carousel.js

@@ -1,7 +1,7 @@
-import React, { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
+import React, { forwardRef, memo, useCallback, useImperativeHandle, useMemo, useRef } from 'react';
 import { Animated } from 'react-native';
 import ViewabilityTrackerView from '../ViewabilityTrackerView';
-import { useAutoplayController, useDimensionChangeReaction, useIndexController, useItemVisibilityStore, useLoopedData, usePagingAnimation } from './hooks';
+import { useAutoplayController, useIndexController, useItemVisibilityStore, useLoopedData, usePagingAnimation } from './hooks';
 import { createDefaultItemStyle, createDefaultScrollAnimation } from './animation';
 import { InternalContext, RootView, ScrollViewGesture } from './components';
 const Carousel = /*#__PURE__*/forwardRef(function Carousel(props, ref) {
@@ -16,7 +16,7 @@ const Carousel = /*#__PURE__*/forwardRef(function Carousel(props, ref) {
     itemHeight,
     itemWidth,
     loop = false,
-    onIndexChange,
+    onIndexChange: onIndexChangeProp,
     renderItem,
     scrollEnabled = true,
     style,
@@ -24,49 +24,44 @@ const Carousel = /*#__PURE__*/forwardRef(function Carousel(props, ref) {
   } = props;
   const data = useLoopedData(originalData, loop);
   const initialTx = itemWidth * initialIndex;
-  const controlledTx = useRef(new Animated.Value(initialTx)).current;
-  const offsetTx = useRef(new Animated.Value(0)).current;
-  const {
-    currentIndex,
-    getCurrentIndex,
-    lastIndex,
-    monitorElement
-  } = useIndexController({
-    controlledTx,
+  const offsetX = useRef(new Animated.Value(initialTx)).current;
+  const translateX = useRef(new Animated.Value(0)).current;
+  const globalInterpolation = Animated.add(offsetX, translateX);
+  const [itemVisibilityStore, onIndexChange] = useItemVisibilityStore({
     initialIndex,
-    itemWidth,
-    numberOfOriginalData: originalData.length,
-    onIndexChange
-  });
-  const itemVisibilityStore = useItemVisibilityStore({
-    currentIndex,
     numberOfData: data.length,
     windowSize
   });
+  const handleIndexChange = useCallback(newIndex => {
+    onIndexChange(newIndex);
+    onIndexChangeProp === null || onIndexChangeProp === void 0 ? void 0 : onIndexChangeProp(newIndex);
+  }, [onIndexChange, onIndexChangeProp]);
+  const indexController = useIndexController({
+    initialIndex,
+    itemWidth,
+    numberOfOriginalData: originalData.length,
+    onIndexChange: handleIndexChange
+  });
   const {
-    finalizeAnimation,
-    globalInterpolation,
+    getCurrentIndex
+  } = indexController;
+  const {
+    interruptAnimation,
     startPagingAnimation
   } = usePagingAnimation({
-    controlledTx,
     createScrollAnimation,
-    getCurrentIndex,
     itemWidth,
-    lastIndex,
+    indexController,
     loop,
     numberOfData: data.length,
-    offsetTx
+    offsetX,
+    translateX
   });
   const autoplayController = useAutoplayController({
     enabled: autoplay,
     intervalMillis: autoplayInterval,
     startPagingAnimation
   });
-  useDimensionChangeReaction({
-    controlledTx,
-    currentIndex,
-    itemWidth
-  });
   useImperativeHandle(ref, () => ({
     getCurrentIndex,
     next: () => startPagingAnimation('directional', {
@@ -88,7 +83,7 @@ const Carousel = /*#__PURE__*/forwardRef(function Carousel(props, ref) {
   }), [createItemStyle, data, globalInterpolation, itemHeight, itemWidth, itemVisibilityStore, loop]);
   return /*#__PURE__*/React.createElement(InternalContext.Provider, {
     value: contextValue
-  }, monitorElement, /*#__PURE__*/React.createElement(ViewabilityTrackerView, {
+  }, /*#__PURE__*/React.createElement(ViewabilityTrackerView, {
     enabled: autoplay && !disableSmartAutoplay,
     measurementIntervalMillis: Math.max(3000, autoplayInterval),
     onViewabilityChange: _ref => {
@@ -104,8 +99,8 @@ const Carousel = /*#__PURE__*/forwardRef(function Carousel(props, ref) {
     }
   }, /*#__PURE__*/React.createElement(ScrollViewGesture, {
     autoplayController: autoplayController,
-    finalizeAnimation: finalizeAnimation,
-    offsetTx: offsetTx,
+    interruptAnimation: interruptAnimation,
+    translateX: translateX,
     scrollEnabled: scrollEnabled,
     startPagingAnimation: startPagingAnimation
   }, /*#__PURE__*/React.createElement(RootView, {

package/build/module/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","memo","useImperativeHandle","useMemo","useRef","Animated","ViewabilityTrackerView","useAutoplayController","useDimensionChangeReaction","useIndexController","useItemVisibilityStore","useLoopedData","usePagingAnimation","createDefaultItemStyle","createDefaultScrollAnimation","InternalContext","RootView","ScrollViewGesture","Carousel","props","ref","autoplay","autoplayInterval","createItemStyle","createScrollAnimation","data","originalData","disableSmartAutoplay","initialIndex","itemHeight","itemWidth","loop","onIndexChange","renderItem","scrollEnabled","style","windowSize","initialTx","controlledTx","Value","current","offsetTx","currentIndex","getCurrentIndex","lastIndex","monitorElement","numberOfOriginalData","length","itemVisibilityStore","numberOfData","finalizeAnimation","globalInterpolation","startPagingAnimation","autoplayController","enabled","intervalMillis","next","direction","prev","scrollTo","option","contextValue","Math","max","visible","resume","pause"],"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":["React","forwardRef","memo","useCallback","useImperativeHandle","useMemo","useRef","Animated","ViewabilityTrackerView","useAutoplayController","useIndexController","useItemVisibilityStore","useLoopedData","usePagingAnimation","createDefaultItemStyle","createDefaultScrollAnimation","InternalContext","RootView","ScrollViewGesture","Carousel","props","ref","autoplay","autoplayInterval","createItemStyle","createScrollAnimation","data","originalData","disableSmartAutoplay","initialIndex","itemHeight","itemWidth","loop","onIndexChange","onIndexChangeProp","renderItem","scrollEnabled","style","windowSize","initialTx","offsetX","Value","current","translateX","globalInterpolation","add","itemVisibilityStore","numberOfData","length","handleIndexChange","newIndex","indexController","numberOfOriginalData","getCurrentIndex","interruptAnimation","startPagingAnimation","autoplayController","enabled","intervalMillis","next","direction","prev","scrollTo","option","contextValue","Math","max","visible","resume","pause"],"sources":["Carousel.tsx"],"sourcesContent":["import React, { forwardRef, memo, useCallback, 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: onIndexChangeProp,\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, onIndexChange] = useItemVisibilityStore({\n        initialIndex,\n        numberOfData: data.length,\n        windowSize,\n    });\n\n    const handleIndexChange = useCallback((newIndex: number) => {\n        onIndexChange(newIndex);\n        onIndexChangeProp?.(newIndex);\n    }, [onIndexChange, onIndexChangeProp]);\n\n    const indexController = useIndexController({\n        initialIndex,\n        itemWidth,\n        numberOfOriginalData: originalData.length,\n        onIndexChange: handleIndexChange,\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/module/Carousel/animation/createDefaultScrollAnimation.js

@@ -2,8 +2,8 @@ import { Animated, Easing } from 'react-native';
 export default function createDefaultScrollAnimation(animatedValue, toValue) {
   return Animated.timing(animatedValue, {
     toValue: toValue,
-    duration: 350,
-    easing: Easing.bezier(0.25, 1, 0.5, 1),
+    duration: 220,
+    easing: Easing.bezier(0.35, 0.5, 0.5, 0.75),
     useNativeDriver: true
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["Animated","Easing","createDefaultScrollAnimation","animatedValue","toValue","timing","duration","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,SAASA,QAAT,EAAmBC,MAAnB,QAAiC,cAAjC;AAEA,eAAe,SAASC,4BAAT,CACXC,aADW,EAEXC,OAFW,EAGgB;EAC3B,OAAOJ,QAAQ,CAACK,MAAT,CAAgBF,aAAhB,EAA+B;IAClCC,OAAO,EAAEA,OADyB;IAElCE,QAAQ,EAAE,GAFwB;IAGlCC,MAAM,EAAEN,MAAM,CAACO,MAAP,CAAc,IAAd,EAAoB,CAApB,EAAuB,GAAvB,EAA4B,CAA5B,CAH0B;IAIlCC,eAAe,EAAE;EAJiB,CAA/B,CAAP;AAMH;AAAA"}
+{"version":3,"names":["Animated","Easing","createDefaultScrollAnimation","animatedValue","toValue","timing","duration","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: 220,\n        easing: Easing.bezier(0.35, 0.5, 0.5, 0.75),\n        useNativeDriver: true,\n    });\n};\n"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,MAAnB,QAAiC,cAAjC;AAEA,eAAe,SAASC,4BAAT,CACXC,aADW,EAEXC,OAFW,EAGgB;EAC3B,OAAOJ,QAAQ,CAACK,MAAT,CAAgBF,aAAhB,EAA+B;IAClCC,OAAO,EAAEA,OADyB;IAElCE,QAAQ,EAAE,GAFwB;IAGlCC,MAAM,EAAEN,MAAM,CAACO,MAAP,CAAc,IAAd,EAAoB,GAApB,EAAyB,GAAzB,EAA8B,IAA9B,CAH0B;IAIlCC,eAAe,EAAE;EAJiB,CAA/B,CAAP;AAMH;AAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["itemInterpolationInputRange","defaultParallaxAnimationConfig","activeItemScale","activeItemOpacity","adjacentItemScale","Math","pow","adjacentItemOpacity","scrollingOffset","parallaxItemStyleFactory","config","createItemStyle","itemInterpolation","itemWidth","translate","interpolate","inputRange","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,SAASA,2BAAT,QAA4C,kBAA5C;AAUA,MAAMC,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;AAQA,eAAe,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,EAAEhB,2BADgC;MAE5CiB,WAAW,EAAE,CACT,CAACJ,SAAD,GAAaL,eADJ,EAET,CAFS,EAGTK,SAAS,GAAGL,eAHH;IAF+B,CAA9B,CAAlB;IASA,MAAMU,MAAM,GAAGN,iBAAiB,CAACG,WAAlB,CAA8B;MACzCC,UAAU,EAAEhB,2BAD6B;MAEzCiB,WAAW,EAAE,CAAC,CAAD,EAAIJ,SAAJ,EAAe,CAAf,CAF4B;MAGzCM,WAAW,EAAE;IAH4B,CAA9B,CAAf;IAMA,MAAMC,KAAK,GAAGR,iBAAiB,CAACG,WAAlB,CAA8B;MACxCC,UAAU,EAAEhB,2BAD4B;MAExCiB,WAAW,EAAE,CACTb,iBADS,EAETF,eAFS,EAGTE,iBAHS,CAF2B;MAOxCe,WAAW,EAAE;IAP2B,CAA9B,CAAd;IAUA,MAAME,OAAO,GAAGT,iBAAiB,CAACG,WAAlB,CAA8B;MAC1CC,UAAU,EAAEhB,2BAD8B;MAE1CiB,WAAW,EAAE,CACTV,mBADS,EAETJ,iBAFS,EAGTI,mBAHS,CAF6B;MAO1CY,WAAW,EAAE;IAP6B,CAA9B,CAAhB;IAUA,OAAO;MACHG,SAAS,EAAE,CACP;QAAEC,UAAU,EAAET;MAAd,CADO,EAEP;QAAEM;MAAF,CAFO,CADR;MAKHF,MALG;MAMHG;IANG,CAAP;EAQH,CA5CD;;EA8CA,OAAOV,eAAP;AACH;AAAA"}
+{"version":3,"names":["itemInterpolationInputRange","defaultParallaxAnimationConfig","activeItemScale","activeItemOpacity","adjacentItemScale","Math","pow","adjacentItemOpacity","scrollingOffset","parallaxItemStyleFactory","config","createItemStyle","itemInterpolation","itemWidth","translate","interpolate","inputRange","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,SAASA,2BAAT,QAA4C,kBAA5C;AAUA,MAAMC,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;AAQA,eAAe,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,EAAEhB,2BADgC;MAE5CiB,WAAW,EAAE,CACT,CAACJ,SAAD,GAAaL,eADJ,EAET,CAFS,EAGTK,SAAS,GAAGL,eAHH;IAF+B,CAA9B,CAAlB;IASA,MAAMU,MAAM,GAAGN,iBAAiB,CAACG,WAAlB,CAA8B;MACzCC,UAAU,EAAEhB,2BAD6B;MAEzCiB,WAAW,EAAE,CAAC,CAAD,EAAIJ,SAAJ,EAAe,CAAf,CAF4B;MAGzCM,WAAW,EAAE;IAH4B,CAA9B,CAAf;IAMA,MAAMC,KAAK,GAAGR,iBAAiB,CAACG,WAAlB,CAA8B;MACxCC,UAAU,EAAEhB,2BAD4B;MAExCiB,WAAW,EAAE,CACTb,iBADS,EAETF,eAFS,EAGTE,iBAHS,CAF2B;MAOxCe,WAAW,EAAE;IAP2B,CAA9B,CAAd;IAUA,MAAME,OAAO,GAAGT,iBAAiB,CAACG,WAAlB,CAA8B;MAC1CC,UAAU,EAAEhB,2BAD8B;MAE1CiB,WAAW,EAAE,CACTV,mBADS,EAETJ,iBAFS,EAGTI,mBAHS,CAF6B;MAO1CY,WAAW,EAAE;IAP6B,CAA9B,CAAhB;IAUA,OAAO;MACHG,SAAS,EAAE,CACP;QAAEC,UAAU,EAAET;MAAd,CADO,EAEP;QAAEM;MAAF,CAFO,CADR;MAKHF,MALG;MAMHG;IANG,CAAP;EAQH,CA5CD;;EA8CA,OAAOV,eAAP;AACH;AAAA"}

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

@@ -1,7 +1,7 @@
 import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { Animated } from 'react-native';
 import { StyleSheet } from '@fountain-ui/core';
-import { useItemInterpolation } from '../hooks';
+import useItemInterpolation from './useItemInterpolation';
 import InternalContext from './InternalContext';
 export default function ItemView(props) {
   const {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useEffect","useMemo","useState","Animated","StyleSheet","useItemInterpolation","InternalContext","ItemView","props","children","index","onLayout","createItemStyle","itemHeight","itemWidth","itemVisibilityStore","visible","setVisible","interpolation","itemStyle","subscribe","ranges","nextVisible","some","from","to","width","height","undefined","styles","absolute","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,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,SAA5B,EAAuCC,OAAvC,EAAgDC,QAAhD,QAAgE,OAAhE;AAEA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,oBAAT,QAAqC,UAArC;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AAQA,eAAe,SAASC,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IACFC,QADE;IAEFC,KAFE;IAGFC;EAHE,IAIFH,KAJJ;EAMA,MAAM;IACFI,eADE;IAEFC,UAFE;IAGFC,SAHE;IAIFC;EAJE,IAKFhB,UAAU,CAACO,eAAD,CALd;EAOA,MAAM,CAACU,OAAD,EAAUC,UAAV,IAAwBf,QAAQ,CAAC,KAAD,CAAtC;EAEA,MAAMgB,aAAa,GAAGb,oBAAoB,CAACK,KAAD,CAA1C;EAEA,MAAMS,SAAS,GAAGlB,OAAO,CACrB,MAAMW,eAAe,CAACM,aAAD,EAAgBJ,SAAhB,CADA,EAErB,CAACF,eAAD,EAAkBM,aAAlB,CAFqB,CAAzB;EAKAlB,SAAS,CAAC,MAAM;IACZ,OAAOe,mBAAmB,CAACK,SAApB,CAA8BC,MAAM,IAAI;MAC3C,MAAMC,WAAW,GAAGD,MAAM,CAACE,IAAP,CAAY;QAAA,IAAC,CAACC,IAAD,EAAOC,EAAP,CAAD;QAAA,OAAgBf,KAAK,IAAIc,IAAT,IAAiBd,KAAK,IAAIe,EAA1C;MAAA,CAAZ,CAApB;MACAR,UAAU,CAACK,WAAD,CAAV;IACH,CAHM,CAAP;EAIH,CALQ,EAKN,CAACP,mBAAD,CALM,CAAT;EAOA,oBACI,oBAAC,QAAD,CAAU,IAAV;IACI,QAAQ,EAAEC,OAAO,GAAGP,QAAQ,CAACS,aAAD,CAAX,GAA6B,IADlD;IAEI,QAAQ,EAAEP,QAFd;IAGI,KAAK,EAAE,CACH;MACIe,KAAK,EAAEZ,SADX;MAEIa,MAAM,EAAEd,UAAU,KAAK,MAAf,GAAwBA,UAAxB,GAAqCe;IAFjD,CADG,EAKHC,MAAM,CAACC,QALJ,EAMH;IACAX,SAPG;EAHX,EADJ;AAeH;AAAA;AAED,MAAMU,MAAM,GAAGzB,UAAU,CAAC2B,MAAX,CAAkB;EAC7BD,QAAQ,EAAE;IACNE,QAAQ,EAAE;EADJ;AADmB,CAAlB,CAAf"}
+{"version":3,"names":["React","useContext","useEffect","useMemo","useState","Animated","StyleSheet","useItemInterpolation","InternalContext","ItemView","props","children","index","onLayout","createItemStyle","itemHeight","itemWidth","itemVisibilityStore","visible","setVisible","interpolation","itemStyle","subscribe","ranges","nextVisible","some","from","to","width","height","undefined","styles","absolute","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],\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,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,SAA5B,EAAuCC,OAAvC,EAAgDC,QAAhD,QAAgE,OAAhE;AAEA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,oBAAP,MAAiC,wBAAjC;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AAQA,eAAe,SAASC,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IACFC,QADE;IAEFC,KAFE;IAGFC;EAHE,IAIFH,KAJJ;EAMA,MAAM;IACFI,eADE;IAEFC,UAFE;IAGFC,SAHE;IAIFC;EAJE,IAKFhB,UAAU,CAACO,eAAD,CALd;EAOA,MAAM,CAACU,OAAD,EAAUC,UAAV,IAAwBf,QAAQ,CAAC,KAAD,CAAtC;EAEA,MAAMgB,aAAa,GAAGb,oBAAoB,CAACK,KAAD,CAA1C;EAEA,MAAMS,SAAS,GAAGlB,OAAO,CACrB,MAAMW,eAAe,CAACM,aAAD,EAAgBJ,SAAhB,CADA,EAErB,CAACF,eAAD,EAAkBM,aAAlB,CAFqB,CAAzB;EAKAlB,SAAS,CAAC,MAAM;IACZ,OAAOe,mBAAmB,CAACK,SAApB,CAA8BC,MAAM,IAAI;MAC3C,MAAMC,WAAW,GAAGD,MAAM,CAACE,IAAP,CAAY;QAAA,IAAC,CAACC,IAAD,EAAOC,EAAP,CAAD;QAAA,OAAgBf,KAAK,IAAIc,IAAT,IAAiBd,KAAK,IAAIe,EAA1C;MAAA,CAAZ,CAApB;MACAR,UAAU,CAACK,WAAD,CAAV;IACH,CAHM,CAAP;EAIH,CALQ,EAKN,CAACP,mBAAD,CALM,CAAT;EAOA,oBACI,oBAAC,QAAD,CAAU,IAAV;IACI,QAAQ,EAAEC,OAAO,GAAGP,QAAQ,CAACS,aAAD,CAAX,GAA6B,IADlD;IAEI,QAAQ,EAAEP,QAFd;IAGI,KAAK,EAAE,CACH;MACIe,KAAK,EAAEZ,SADX;MAEIa,MAAM,EAAEd,UAAU,KAAK,MAAf,GAAwBA,UAAxB,GAAqCe;IAFjD,CADG,EAKHC,MAAM,CAACC,QALJ,EAMH;IACAX,SAPG;EAHX,EADJ;AAeH;AAAA;AAED,MAAMU,MAAM,GAAGzB,UAAU,CAAC2B,MAAX,CAAkB;EAC7BD,QAAQ,EAAE;IACNE,QAAQ,EAAE;EADJ;AADmB,CAAlB,CAAf"}

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

@@ -5,7 +5,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 = [GestureHandlerState.CANCELLED, GestureHandlerState.END];
+const endAnimationStates = [GestureHandlerState.CANCELLED, GestureHandlerState.END, GestureHandlerState.FAILED];
 
 function shouldScrollToAdjacent(translationX, velocityX) {
   const isSameDirection = translationX * velocityX > 0;
@@ -17,8 +17,8 @@ export default function ScrollViewGesture(props) {
   const {
     autoplayController,
     children,
-    finalizeAnimation,
-    offsetTx,
+    interruptAnimation,
+    translateX,
     scrollEnabled,
     startPagingAnimation
   } = props;
@@ -28,11 +28,11 @@ export default function ScrollViewGesture(props) {
   } = autoplayController;
   const handleGestureBegin = useCallback(() => {
     pauseAutoplay();
-    finalizeAnimation();
-  }, [finalizeAnimation, pauseAutoplay]);
+    interruptAnimation();
+  }, [interruptAnimation, pauseAutoplay]);
   const handleGestureEvent = useCallback(Animated.event([{
     nativeEvent: {
-      translationX: offsetTx
+      translationX: translateX
     }
   }], {
     useNativeDriver: true

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Animated","PanGestureHandler","State","GestureHandlerState","SCROLL_TO_ADJACENT_TX_THRESHOLD","SCROLL_TO_ADJACENT_VX_THRESHOLD","ACTIVE_OFFSET_ABS_X","activeOffsetX","endAnimationStates","CANCELLED","END","shouldScrollToAdjacent","translationX","velocityX","isSameDirection","isEnoughMovement","Math","abs","ScrollViewGesture","props","autoplayController","children","finalizeAnimation","offsetTx","scrollEnabled","startPagingAnimation","pause","pauseAutoplay","resume","resumeAutoplay","handleGestureBegin","handleGestureEvent","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,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAASC,QAAT,QAAyB,cAAzB;AAEA,SAASC,iBAAT,EAA4BC,KAAK,IAAIC,mBAArC,QAAgE,8BAAhE;AAYA,MAAMC,+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,CACxDL,mBAAmB,CAACM,SADoC,EAExDN,mBAAmB,CAACO,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,KAA0BR,+BAA1B,IACGY,IAAI,CAACC,GAAL,CAASJ,SAAT,KAAuBR,+BAF9B;EAIA,OAAOS,eAAe,IAAIC,gBAA1B;AACH;;AAED,eAAe,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/B,WAAW,CAAC,MAAM;IACzC4B,aAAa;IAEbL,iBAAiB;EACpB,CAJqC,EAInC,CAACA,iBAAD,EAAoBK,aAApB,CAJmC,CAAtC;EAMA,MAAMI,kBAAkB,GAAGhC,WAAW,CAACC,QAAQ,CAACgC,KAAT,CACnC,CAAC;IAAEC,WAAW,EAAE;MAAErB,YAAY,EAAEW;IAAhB;EAAf,CAAD,CADmC,EAEnC;IAAEW,eAAe,EAAE;EAAnB,CAFmC,CAAD,EAGnC,EAHmC,CAAtC;EAKA,MAAMC,wBAAwB,GAAGpC,WAAW,CAAEiC,KAAD,IAA8C;IACvF,MAAM;MAAEC,WAAW,EAAE;QAAErB,YAAF;QAAgBC,SAAhB;QAA2BuB;MAA3B;IAAf,IAAsDJ,KAA5D;;IAEA,IAAIxB,kBAAkB,CAAC6B,QAAnB,CAA4BD,KAA5B,CAAJ,EAAwC;MACpC,MAAME,SAA0B,GAAG3B,sBAAsB,CAACC,YAAD,EAAeC,SAAf,CAAtB,GAC5BD,YAAY,GAAG,CAAf,GAAmB,MAAnB,GAA4B,MADA,GAE7B,MAFN;MAIAa,oBAAoB,CAChB,aADgB,EAEhB;QAAEa,SAAS,EAAEA,SAAb;QAAwBC,uBAAuB,EAAE;MAAjD,CAFgB,CAApB;MAKAV,cAAc;IACjB;EACJ,CAf2C,EAezC,CAACJ,oBAAD,EAAuBI,cAAvB,CAfyC,CAA5C;EAiBA,oBACI,oBAAC,iBAAD;IACI,aAAa,EAAEtB,aADnB;IAEI,QAAQ,EAAEc,QAFd;IAGI,OAAO,EAAEG,aAHb;IAII,OAAO,EAAEM,kBAJb;IAKI,cAAc,EAAEC,kBALpB;IAMI,oBAAoB,EAAEI;EAN1B,EADJ;AAUH"}
+{"version":3,"names":["React","useCallback","Animated","PanGestureHandler","State","GestureHandlerState","SCROLL_TO_ADJACENT_TX_THRESHOLD","SCROLL_TO_ADJACENT_VX_THRESHOLD","ACTIVE_OFFSET_ABS_X","activeOffsetX","endAnimationStates","CANCELLED","END","FAILED","shouldScrollToAdjacent","translationX","velocityX","isSameDirection","isEnoughMovement","Math","abs","ScrollViewGesture","props","autoplayController","children","interruptAnimation","translateX","scrollEnabled","startPagingAnimation","pause","pauseAutoplay","resume","resumeAutoplay","handleGestureBegin","handleGestureEvent","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,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAASC,QAAT,QAAyB,cAAzB;AAEA,SAASC,iBAAT,EAA4BC,KAAK,IAAIC,mBAArC,QAAgE,8BAAhE;AAYA,MAAMC,+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,CACxDL,mBAAmB,CAACM,SADoC,EAExDN,mBAAmB,CAACO,GAFoC,EAGxDP,mBAAmB,CAACQ,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,KAA0BT,+BAA1B,IACGa,IAAI,CAACC,GAAL,CAASJ,SAAT,KAAuBT,+BAF9B;EAIA,OAAOU,eAAe,IAAIC,gBAA1B;AACH;;AAED,eAAe,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,GAAGhC,WAAW,CAAC,MAAM;IACzC6B,aAAa;IAEbL,kBAAkB;EACrB,CAJqC,EAInC,CAACA,kBAAD,EAAqBK,aAArB,CAJmC,CAAtC;EAMA,MAAMI,kBAAkB,GAAGjC,WAAW,CAACC,QAAQ,CAACiC,KAAT,CACnC,CAAC;IAAEC,WAAW,EAAE;MAAErB,YAAY,EAAEW;IAAhB;EAAf,CAAD,CADmC,EAEnC;IAAEW,eAAe,EAAE;EAAnB,CAFmC,CAAD,EAGnC,EAHmC,CAAtC;EAKA,MAAMC,wBAAwB,GAAGrC,WAAW,CAAEkC,KAAD,IAA8C;IACvF,MAAM;MAAEC,WAAW,EAAE;QAAErB,YAAF;QAAgBC,SAAhB;QAA2BuB;MAA3B;IAAf,IAAsDJ,KAA5D;;IAEA,IAAIzB,kBAAkB,CAAC8B,QAAnB,CAA4BD,KAA5B,CAAJ,EAAwC;MACpC,MAAME,SAA0B,GAAG3B,sBAAsB,CAACC,YAAD,EAAeC,SAAf,CAAtB,GAC5BD,YAAY,GAAG,CAAf,GAAmB,MAAnB,GAA4B,MADA,GAE7B,MAFN;MAIAa,oBAAoB,CAChB,aADgB,EAEhB;QAAEa,SAAS,EAAEA,SAAb;QAAwBC,uBAAuB,EAAE;MAAjD,CAFgB,CAApB;MAKAV,cAAc;IACjB;EACJ,CAf2C,EAezC,CAACJ,oBAAD,EAAuBI,cAAvB,CAfyC,CAA5C;EAiBA,oBACI,oBAAC,iBAAD;IACI,aAAa,EAAEvB,aADnB;IAEI,QAAQ,EAAEe,QAFd;IAGI,OAAO,EAAEG,aAHb;IAII,OAAO,EAAEM,kBAJb;IAKI,cAAc,EAAEC,kBALpB;IAMI,oBAAoB,EAAEI;EAN1B,EADJ;AAUH"}

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

@@ -1,6 +1,6 @@
 import { useContext, useMemo } from 'react';
 import { Animated } from 'react-native';
-import { InternalContext } from '../components';
+import InternalContext from './InternalContext';
 const OVERSCROLL_FRICTION_FACTOR = 4;
 export default function useItemInterpolation(index) {
   const {
@@ -43,8 +43,8 @@ export default function useItemInterpolation(index) {
   }, [index, itemWidth, numberOfData]);
   return useMemo(() => {
     const interpolationConfig = loop ? interpolationConfigOnLoop : interpolationConfigOnNoLoop;
-    const offsetX = globalInterpolation.interpolate(interpolationConfig);
-    return Animated.divide(offsetX, itemWidth);
+    const localOffsetX = globalInterpolation.interpolate(interpolationConfig);
+    return Animated.divide(localOffsetX, itemWidth);
   }, [globalInterpolation, interpolationConfigOnLoop, interpolationConfigOnNoLoop, itemWidth, loop]);
 }
 ;

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

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","useMemo","Animated","InternalContext","OVERSCROLL_FRICTION_FACTOR","useItemInterpolation","index","itemWidth","data","globalInterpolation","loop","numberOfData","length","interpolationConfigOnLoop","lastIndex","maxWidth","Math","abs","halfOfItemWidth","positiveCount","round","startPosition","max","min","inputRange","Number","MIN_VALUE","outputRange","extrapolate","interpolationConfigOnNoLoop","friction","interpolationConfig","localOffsetX","interpolate","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/module/Carousel/hooks/index.js

@@ -1,7 +1,5 @@
 export { default as useAutoplayController } from './useAutoplayController';
-export { default as useDimensionChangeReaction } from './useDimensionChangeReaction';
 export { default as useIndexController } from './useIndexController';
-export { default as useItemInterpolation } from './useItemInterpolation';
 export { default as useLoopedData } from './useLoopedData';
 export { default as usePagingAnimation } from './usePagingAnimation';
 export { default as useItemVisibilityStore } from './useItemVisibilityStore';

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

@@ -1 +1 @@
-{"version":3,"names":["default","useAutoplayController","useDimensionChangeReaction","useIndexController","useItemInterpolation","useLoopedData","usePagingAnimation","useItemVisibilityStore"],"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,SAASA,OAAO,IAAIC,qBAApB,QAAiD,yBAAjD;AACA,SAASD,OAAO,IAAIE,0BAApB,QAAsD,8BAAtD;AACA,SAASF,OAAO,IAAIG,kBAApB,QAA8C,sBAA9C;AACA,SAASH,OAAO,IAAII,oBAApB,QAAgD,wBAAhD;AACA,SAASJ,OAAO,IAAIK,aAApB,QAAyC,iBAAzC;AACA,SAASL,OAAO,IAAIM,kBAApB,QAA8C,sBAA9C;AACA,SAASN,OAAO,IAAIO,sBAApB,QAAkD,0BAAlD"}
+{"version":3,"names":["default","useAutoplayController","useIndexController","useLoopedData","usePagingAnimation","useItemVisibilityStore"],"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,SAASA,OAAO,IAAIC,qBAApB,QAAiD,yBAAjD;AACA,SAASD,OAAO,IAAIE,kBAApB,QAA8C,sBAA9C;AACA,SAASF,OAAO,IAAIG,aAApB,QAAyC,iBAAzC;AACA,SAASH,OAAO,IAAII,kBAApB,QAA8C,sBAA9C;AACA,SAASJ,OAAO,IAAIK,sBAApB,QAAkD,0BAAlD"}

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

@@ -1,53 +1,28 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Animated } from 'react-native';
-
-const normalizeIndex = (maybeIndex, numberOfData) => Math.abs(Math.floor(maybeIndex)) % numberOfData;
-
+import { useCallback, useRef } from 'react';
+import { mod } from '@fountain-ui/utils';
 export default function useIndexController(params) {
   const {
-    controlledTx,
     initialIndex,
     itemWidth,
     numberOfOriginalData,
     onIndexChange
   } = params;
-  const indexRef = useRef(initialIndex);
-  const [index, setIndex] = useState(indexRef.current);
-  const maybeIndex = useMemo(() => {
-    const negative = new Animated.Value(-1);
-    const reversedTx = Animated.multiply(controlledTx, negative);
-    const normalized = Animated.divide(reversedTx, itemWidth);
-    return Animated.modulo(normalized, numberOfOriginalData);
-  }, [controlledTx, itemWidth, numberOfOriginalData]);
-  useEffect(() => {
-    const subscriptionId = maybeIndex.addListener(observedValue => {
-      const newIndex = normalizeIndex(observedValue.value, numberOfOriginalData);
+  const currentIndexRef = useRef(initialIndex);
+  const getCurrentIndex = useCallback(() => currentIndexRef.current, []);
+  const notifyOffsetHasChanged = useCallback(offset => {
+    const roundedOffset = Math.round(offset / itemWidth) * itemWidth; // To prevent floating point problem, make sure index is integer type.
+
+    const nextIndex = Math.floor(mod(-roundedOffset / itemWidth, numberOfOriginalData));
 
-      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 = useCallback(() => indexRef.current, []);
+    if (nextIndex !== currentIndexRef.current) {
+      currentIndexRef.current = nextIndex;
+      onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(nextIndex);
+    }
+  }, [itemWidth, numberOfOriginalData, onIndexChange]);
   return {
-    currentIndex: index,
     getCurrentIndex,
     lastIndex: numberOfOriginalData - 1,
-    monitorElement: /*#__PURE__*/React.createElement(Animated.View, {
-      collapsable: false,
-      style: [{
-        zIndex: maybeIndex
-      }, {
-        width: 1,
-        height: 1,
-        position: 'absolute'
-      }]
-    })
+    notifyOffsetHasChanged
   };
 }
 ;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","Animated","normalizeIndex","maybeIndex","numberOfData","Math","abs","floor","useIndexController","params","controlledTx","initialIndex","itemWidth","numberOfOriginalData","onIndexChange","indexRef","index","setIndex","current","negative","Value","reversedTx","multiply","normalized","divide","modulo","subscriptionId","addListener","observedValue","newIndex","value","removeListener","getCurrentIndex","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,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,SAA7B,EAAwCC,OAAxC,EAAiDC,MAAjD,EAAyDC,QAAzD,QAAyE,OAAzE;AACA,SAASC,QAAT,QAAyB,cAAzB;;AAWA,MAAMC,cAAc,GAAG,CAACC,UAAD,EAAqBC,YAArB,KACnBC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,KAAL,CAAWJ,UAAX,CAAT,IAAmCC,YADvC;;AAGA,eAAe,SAASI,kBAAT,CAA4BC,MAA5B,EAAmF;EAC9F,MAAM;IACFC,YADE;IAEFC,YAFE;IAGFC,SAHE;IAIFC,oBAJE;IAKFC;EALE,IAMFL,MANJ;EAQA,MAAMM,QAAQ,GAAGhB,MAAM,CAASY,YAAT,CAAvB;EACA,MAAM,CAACK,KAAD,EAAQC,QAAR,IAAoBjB,QAAQ,CAASe,QAAQ,CAACG,OAAlB,CAAlC;EAEA,MAAMf,UAAU,GAAGL,OAAO,CAAC,MAAM;IAC7B,MAAMqB,QAAQ,GAAG,IAAIlB,QAAQ,CAACmB,KAAb,CAAmB,CAAC,CAApB,CAAjB;IACA,MAAMC,UAAU,GAAGpB,QAAQ,CAACqB,QAAT,CAAkBZ,YAAlB,EAAgCS,QAAhC,CAAnB;IACA,MAAMI,UAAU,GAAGtB,QAAQ,CAACuB,MAAT,CAAgBH,UAAhB,EAA4BT,SAA5B,CAAnB;IACA,OAAOX,QAAQ,CAACwB,MAAT,CAAgBF,UAAhB,EAA4BV,oBAA5B,CAAP;EACH,CALyB,EAKvB,CACCH,YADD,EAECE,SAFD,EAGCC,oBAHD,CALuB,CAA1B;EAWAhB,SAAS,CAAC,MAAM;IACZ,MAAM6B,cAAc,GAAGvB,UAAU,CAACwB,WAAX,CAAwBC,aAAD,IAAmB;MAC7D,MAAMC,QAAQ,GAAG3B,cAAc,CAAC0B,aAAa,CAACE,KAAf,EAAsBjB,oBAAtB,CAA/B;;MAEA,IAAIE,QAAQ,CAACG,OAAT,KAAqBW,QAAzB,EAAmC;QAC/Bd,QAAQ,CAACG,OAAT,GAAmBW,QAAnB;QACAZ,QAAQ,CAACY,QAAD,CAAR;QAEAf,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGe,QAAH,CAAb;MACH;IACJ,CATsB,CAAvB;IAWA,OAAO,MAAM;MACT1B,UAAU,CAAC4B,cAAX,CAA0BL,cAA1B;IACH,CAFD;EAGH,CAfQ,EAeN,CACCvB,UADD,EAECU,oBAFD,EAGCC,aAHD,CAfM,CAAT;EAqBA,MAAMkB,eAAe,GAAGpC,WAAW,CAAC,MAAMmB,QAAQ,CAACG,OAAhB,EAAyB,EAAzB,CAAnC;EAEA,OAAO;IACHe,YAAY,EAAEjB,KADX;IAEHgB,eAFG;IAGHE,SAAS,EAAErB,oBAAoB,GAAG,CAH/B;IAIHsB,cAAc,eACV,oBAAC,QAAD,CAAU,IAAV;MACI,WAAW,EAAE,KADjB;MAEI,KAAK,EAAE,CACH;QAAEC,MAAM,EAAEjC;MAAV,CADG,EAEH;QAAEkC,KAAK,EAAE,CAAT;QAAYC,MAAM,EAAE,CAApB;QAAuBC,QAAQ,EAAE;MAAjC,CAFG;IAFX;EALD,CAAP;AAcH;AAAA"}
+{"version":3,"names":["useCallback","useRef","mod","useIndexController","params","initialIndex","itemWidth","numberOfOriginalData","onIndexChange","currentIndexRef","getCurrentIndex","current","notifyOffsetHasChanged","offset","roundedOffset","Math","round","nextIndex","floor","lastIndex"],"sources":["useIndexController.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { mod } from '@fountain-ui/utils';\nimport type { IndexController } from '../types';\n\nexport interface UseIndexControllerParameters {\n    initialIndex: number;\n    itemWidth: number;\n    numberOfOriginalData: number;\n    onIndexChange?: (newIndex: number) => void;\n}\n\nexport default function useIndexController(params: UseIndexControllerParameters): IndexController {\n    const {\n        initialIndex,\n        itemWidth,\n        numberOfOriginalData,\n        onIndexChange,\n    } = params;\n\n    const currentIndexRef = useRef<number>(initialIndex);\n\n    const getCurrentIndex = useCallback(() => currentIndexRef.current, []);\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\n        if (nextIndex !== currentIndexRef.current) {\n            currentIndexRef.current = nextIndex;\n\n            onIndexChange?.(nextIndex);\n        }\n    }, [\n        itemWidth,\n        numberOfOriginalData,\n        onIndexChange,\n    ]);\n\n    return {\n        getCurrentIndex,\n        lastIndex: numberOfOriginalData - 1,\n        notifyOffsetHasChanged,\n    };\n};\n"],"mappings":"AAAA,SAAgBA,WAAhB,EAA6BC,MAA7B,QAA2C,OAA3C;AACA,SAASC,GAAT,QAAoB,oBAApB;AAUA,eAAe,SAASC,kBAAT,CAA4BC,MAA5B,EAAmF;EAC9F,MAAM;IACFC,YADE;IAEFC,SAFE;IAGFC,oBAHE;IAIFC;EAJE,IAKFJ,MALJ;EAOA,MAAMK,eAAe,GAAGR,MAAM,CAASI,YAAT,CAA9B;EAEA,MAAMK,eAAe,GAAGV,WAAW,CAAC,MAAMS,eAAe,CAACE,OAAvB,EAAgC,EAAhC,CAAnC;EAEA,MAAMC,sBAAsB,GAAGZ,WAAW,CAAEa,MAAD,IAAoB;IAC3D,MAAMC,aAAa,GAAGC,IAAI,CAACC,KAAL,CAAWH,MAAM,GAAGP,SAApB,IAAiCA,SAAvD,CAD2D,CAG3D;;IACA,MAAMW,SAAS,GAAGF,IAAI,CAACG,KAAL,CAAWhB,GAAG,CAAE,CAACY,aAAD,GAAiBR,SAAnB,EAA+BC,oBAA/B,CAAd,CAAlB;;IAEA,IAAIU,SAAS,KAAKR,eAAe,CAACE,OAAlC,EAA2C;MACvCF,eAAe,CAACE,OAAhB,GAA0BM,SAA1B;MAEAT,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGS,SAAH,CAAb;IACH;EACJ,CAXyC,EAWvC,CACCX,SADD,EAECC,oBAFD,EAGCC,aAHD,CAXuC,CAA1C;EAiBA,OAAO;IACHE,eADG;IAEHS,SAAS,EAAEZ,oBAAoB,GAAG,CAF/B;IAGHK;EAHG,CAAP;AAKH;AAAA"}

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

@@ -1,6 +1,7 @@
 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; }
 
-import { useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { mod } from '@fountain-ui/utils';
 
 class SimpleItemVisibilityStore {
   constructor(initialValue) {
@@ -47,10 +48,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;
@@ -66,22 +63,24 @@ function makeVisibleIndexRanges(numberOfData, windowSize, index) {
 
 export default function useItemVisibilityStore(params) {
   const {
-    currentIndex,
+    initialIndex,
     numberOfData,
     windowSize
   } = params;
-  const [initialRange] = useState(() => makeVisibleIndexRanges(numberOfData, windowSize, currentIndex));
+  const [initialRange] = useState(() => {
+    return makeVisibleIndexRanges(numberOfData, windowSize, initialIndex);
+  });
   const store = useRef(new SimpleItemVisibilityStore(initialRange)).current;
-  useEffect(() => {
-    const newRanges = makeVisibleIndexRanges(numberOfData, windowSize, currentIndex);
+  const onIndexChange = useCallback(newIndex => {
+    const newRanges = makeVisibleIndexRanges(numberOfData, windowSize, newIndex);
     store.dispatch(newRanges);
-  }, [currentIndex, numberOfData, windowSize]);
+  }, [numberOfData, windowSize]);
   useEffect(() => {
     return () => {
       store.removeAllListeners();
     };
   }, []);
-  return store;
+  return [store, onIndexChange];
 }
 ;
 //# sourceMappingURL=useItemVisibilityStore.js.map

package/build/module/Carousel/hooks/useItemVisibilityStore.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","useState","SimpleItemVisibilityStore","constructor","initialValue","store","subscribe","listener","listeners","push","index","indexOf","splice","dispatch","ranges","id","removeAllListeners","length","normalize","windowSize","numberOfData","mod","value","modulo","makeVisibleIndexRanges","ws","firstIndex","lastIndex","halfNumberOfAdjacent","Math","floor","leftSide","rightSide","leftRanges","rightRanges","useItemVisibilityStore","params","currentIndex","initialRange","current","newRanges"],"sources":["useItemVisibilityStore.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport type { ItemVisibilityStore, VisibleIndexRanges } from '../types';\n\nexport interface Parameters {\n    currentIndex: number;\n    numberOfData: number;\n    windowSize: number;\n}\n\nclass SimpleItemVisibilityStore implements ItemVisibilityStore {\n\n    private store: VisibleIndexRanges;\n\n    constructor(initialValue: VisibleIndexRanges) {\n        this.store = initialValue;\n    }\n\n    private listeners: Array<(ranges: VisibleIndexRanges) => void> = [];\n\n    subscribe(listener: (ranges: VisibleIndexRanges) => void) {\n        this.listeners.push(listener);\n\n        listener(this.store);\n\n        return () => {\n            const index = this.listeners.indexOf(listener);\n            this.listeners.splice(index, 1);\n        };\n    }\n\n    dispatch(ranges: VisibleIndexRanges): void {\n        this.store = ranges;\n        for (const id in this.listeners) {\n            const listener = this.listeners[id];\n            listener?.(ranges);\n        }\n    }\n\n    removeAllListeners(): void {\n        this.listeners.splice(0, this.listeners.length);\n    }\n\n}\n\nfunction normalize(windowSize: number, numberOfData: number): number {\n    if (windowSize <= 0) {\n        return numberOfData;\n    }\n    if (windowSize > 0 && windowSize % 2 === 0) {\n        return windowSize + 1;\n    }\n    return windowSize;\n}\n\nfunction mod(value: number, modulo: number): number {\n    return ((value % modulo) + modulo) % modulo;\n}\n\nfunction makeVisibleIndexRanges(numberOfData: number, windowSize: number, index: number): VisibleIndexRanges {\n    const ws = normalize(windowSize, numberOfData);\n\n    const firstIndex = 0;\n    const lastIndex = numberOfData - 1;\n    const halfNumberOfAdjacent = Math.floor(ws / 2);\n\n    const leftSide = index - halfNumberOfAdjacent;\n    const rightSide = index + halfNumberOfAdjacent;\n\n    const leftRanges = leftSide >= 0\n        ? [[leftSide, index]]\n        : [[firstIndex, index], [mod(leftSide, numberOfData), lastIndex]];\n\n    const rightRanges = rightSide < numberOfData\n        ? [[index, rightSide]]\n        : [[index, lastIndex], [firstIndex, mod(rightSide, numberOfData)]];\n\n    // @ts-ignore\n    return [\n        ...leftRanges,\n        ...rightRanges,\n    ];\n}\n\nexport default function useItemVisibilityStore(params: Parameters): ItemVisibilityStore {\n    const {\n        currentIndex,\n        numberOfData,\n        windowSize,\n    } = params;\n\n    const [initialRange] = useState(() => makeVisibleIndexRanges(numberOfData, windowSize, currentIndex));\n    const store = useRef(new SimpleItemVisibilityStore(initialRange)).current;\n\n    useEffect(() => {\n        const newRanges = makeVisibleIndexRanges(numberOfData, windowSize, currentIndex);\n\n        store.dispatch(newRanges);\n    }, [currentIndex, numberOfData, windowSize]);\n\n    useEffect(() => {\n        return () => {\n            store.removeAllListeners();\n        };\n    }, []);\n\n    return store;\n};\n"],"mappings":"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"}
+{"version":3,"names":["useCallback","useEffect","useRef","useState","mod","SimpleItemVisibilityStore","constructor","initialValue","store","subscribe","listener","listeners","push","index","indexOf","splice","dispatch","ranges","id","removeAllListeners","length","normalize","windowSize","numberOfData","makeVisibleIndexRanges","ws","firstIndex","lastIndex","halfNumberOfAdjacent","Math","floor","leftSide","rightSide","leftRanges","rightRanges","useItemVisibilityStore","params","initialIndex","initialRange","current","onIndexChange","newIndex","newRanges"],"sources":["useItemVisibilityStore.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { mod } from '@fountain-ui/utils';\nimport type { ItemVisibilityStore, VisibleIndexRanges } from '../types';\n\nexport interface Parameters {\n    initialIndex: number;\n    numberOfData: number;\n    windowSize: number;\n}\n\nexport interface OnIndexChange {\n    (newIndex: number): void;\n}\n\nclass SimpleItemVisibilityStore implements ItemVisibilityStore {\n\n    private store: VisibleIndexRanges;\n\n    constructor(initialValue: VisibleIndexRanges) {\n        this.store = initialValue;\n    }\n\n    private listeners: Array<(ranges: VisibleIndexRanges) => void> = [];\n\n    subscribe(listener: (ranges: VisibleIndexRanges) => void) {\n        this.listeners.push(listener);\n\n        listener(this.store);\n\n        return () => {\n            const index = this.listeners.indexOf(listener);\n            this.listeners.splice(index, 1);\n        };\n    }\n\n    dispatch(ranges: VisibleIndexRanges): void {\n        this.store = ranges;\n        for (const id in this.listeners) {\n            const listener = this.listeners[id];\n            listener?.(ranges);\n        }\n    }\n\n    removeAllListeners(): void {\n        this.listeners.splice(0, this.listeners.length);\n    }\n\n}\n\nfunction normalize(windowSize: number, numberOfData: number): number {\n    if (windowSize <= 0) {\n        return numberOfData;\n    }\n    if (windowSize > 0 && windowSize % 2 === 0) {\n        return windowSize + 1;\n    }\n    return windowSize;\n}\n\nfunction makeVisibleIndexRanges(numberOfData: number, windowSize: number, index: number): VisibleIndexRanges {\n    const ws = normalize(windowSize, numberOfData);\n\n    const firstIndex = 0;\n    const lastIndex = numberOfData - 1;\n    const halfNumberOfAdjacent = Math.floor(ws / 2);\n\n    const leftSide = index - halfNumberOfAdjacent;\n    const rightSide = index + halfNumberOfAdjacent;\n\n    const leftRanges = leftSide >= 0\n        ? [[leftSide, index]]\n        : [[firstIndex, index], [mod(leftSide, numberOfData), lastIndex]];\n\n    const rightRanges = rightSide < numberOfData\n        ? [[index, rightSide]]\n        : [[index, lastIndex], [firstIndex, mod(rightSide, numberOfData)]];\n\n    // @ts-ignore\n    return [\n        ...leftRanges,\n        ...rightRanges,\n    ];\n}\n\nexport default function useItemVisibilityStore(params: Parameters): [ItemVisibilityStore, OnIndexChange] {\n    const {\n        initialIndex,\n        numberOfData,\n        windowSize,\n    } = params;\n\n    const [initialRange] = useState(() => {\n        return makeVisibleIndexRanges(numberOfData, windowSize, initialIndex);\n    });\n\n    const store = useRef(new SimpleItemVisibilityStore(initialRange)).current;\n\n    const onIndexChange: OnIndexChange = useCallback((newIndex) => {\n        const newRanges = makeVisibleIndexRanges(numberOfData, windowSize, newIndex);\n\n        store.dispatch(newRanges);\n    }, [numberOfData, windowSize]);\n\n    useEffect(() => {\n        return () => {\n            store.removeAllListeners();\n        };\n    }, []);\n\n    return [store, onIndexChange];\n};\n"],"mappings":"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"}