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

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/useAutoplayController.js

@@ -23,7 +23,10 @@ function useAutoplayController(config) {
     }
 
     executor.execute(() => {
-      startPagingAnimation('next', false);
+      startPagingAnimation('directional', {
+        direction: 'next',
+        isOriginatedFromGesture: false
+      });
       play();
     }, intervalMillis);
   }, [intervalMillis, startPagingAnimation]);

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

@@ -1 +1 @@
-{"version":3,"names":["useAutoplayController","config","enabled","intervalMillis","startPagingAnimation","paused","useRef","executor","useDeferredExecutor","play","useCallback","current","execute","pause","cancel","resume","useEffect"],"sources":["useAutoplayController.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport type { AutoplayController, StartPagingAnimation } from '../types';\nimport { useDeferredExecutor } from '../../hooks';\n\nexport interface AutoplayConfig {\n    enabled: boolean;\n    intervalMillis: number;\n    startPagingAnimation: StartPagingAnimation;\n}\n\nexport default function useAutoplayController(config: AutoplayConfig): AutoplayController {\n    const {\n        enabled,\n        intervalMillis,\n        startPagingAnimation,\n    } = config;\n\n    const paused = useRef<boolean>(false);\n\n    const executor = useDeferredExecutor();\n\n    const play = useCallback(() => {\n        if (paused.current) {\n            return;\n        }\n\n        executor.execute(() => {\n            startPagingAnimation('next', false);\n            play();\n        }, intervalMillis);\n    }, [intervalMillis, startPagingAnimation]);\n\n    const pause = useCallback(() => {\n        executor.cancel();\n        paused.current = true;\n    }, []);\n\n    const resume = useCallback(() => {\n        paused.current = false;\n        if (enabled) {\n            play();\n        }\n    }, [play, enabled]);\n\n    useEffect(() => {\n        if (enabled) {\n            resume();\n        } else {\n            pause();\n        }\n    }, [enabled]);\n\n    return { pause, resume };\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAQe,SAASA,qBAAT,CAA+BC,MAA/B,EAA2E;EACtF,MAAM;IACFC,OADE;IAEFC,cAFE;IAGFC;EAHE,IAIFH,MAJJ;EAMA,MAAMI,MAAM,GAAG,IAAAC,aAAA,EAAgB,KAAhB,CAAf;EAEA,MAAMC,QAAQ,GAAG,IAAAC,0BAAA,GAAjB;EAEA,MAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAY,MAAM;IAC3B,IAAIL,MAAM,CAACM,OAAX,EAAoB;MAChB;IACH;;IAEDJ,QAAQ,CAACK,OAAT,CAAiB,MAAM;MACnBR,oBAAoB,CAAC,MAAD,EAAS,KAAT,CAApB;MACAK,IAAI;IACP,CAHD,EAGGN,cAHH;EAIH,CATY,EASV,CAACA,cAAD,EAAiBC,oBAAjB,CATU,CAAb;EAWA,MAAMS,KAAK,GAAG,IAAAH,kBAAA,EAAY,MAAM;IAC5BH,QAAQ,CAACO,MAAT;IACAT,MAAM,CAACM,OAAP,GAAiB,IAAjB;EACH,CAHa,EAGX,EAHW,CAAd;EAKA,MAAMI,MAAM,GAAG,IAAAL,kBAAA,EAAY,MAAM;IAC7BL,MAAM,CAACM,OAAP,GAAiB,KAAjB;;IACA,IAAIT,OAAJ,EAAa;MACTO,IAAI;IACP;EACJ,CALc,EAKZ,CAACA,IAAD,EAAOP,OAAP,CALY,CAAf;EAOA,IAAAc,gBAAA,EAAU,MAAM;IACZ,IAAId,OAAJ,EAAa;MACTa,MAAM;IACT,CAFD,MAEO;MACHF,KAAK;IACR;EACJ,CAND,EAMG,CAACX,OAAD,CANH;EAQA,OAAO;IAAEW,KAAF;IAASE;EAAT,CAAP;AACH;;AAAA"}
+{"version":3,"names":["useAutoplayController","config","enabled","intervalMillis","startPagingAnimation","paused","useRef","executor","useDeferredExecutor","play","useCallback","current","execute","direction","isOriginatedFromGesture","pause","cancel","resume","useEffect"],"sources":["useAutoplayController.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport type { AutoplayController, StartPagingAnimation } from '../types';\nimport { useDeferredExecutor } from '../../hooks';\n\nexport interface AutoplayConfig {\n    enabled: boolean;\n    intervalMillis: number;\n    startPagingAnimation: StartPagingAnimation;\n}\n\nexport default function useAutoplayController(config: AutoplayConfig): AutoplayController {\n    const {\n        enabled,\n        intervalMillis,\n        startPagingAnimation,\n    } = config;\n\n    const paused = useRef<boolean>(false);\n\n    const executor = useDeferredExecutor();\n\n    const play = useCallback(() => {\n        if (paused.current) {\n            return;\n        }\n\n        executor.execute(() => {\n            startPagingAnimation(\n                'directional',\n                { direction: 'next', isOriginatedFromGesture: false },\n            );\n            play();\n        }, intervalMillis);\n    }, [intervalMillis, startPagingAnimation]);\n\n    const pause = useCallback(() => {\n        executor.cancel();\n        paused.current = true;\n    }, []);\n\n    const resume = useCallback(() => {\n        paused.current = false;\n        if (enabled) {\n            play();\n        }\n    }, [play, enabled]);\n\n    useEffect(() => {\n        if (enabled) {\n            resume();\n        } else {\n            pause();\n        }\n    }, [enabled]);\n\n    return { pause, resume };\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAQe,SAASA,qBAAT,CAA+BC,MAA/B,EAA2E;EACtF,MAAM;IACFC,OADE;IAEFC,cAFE;IAGFC;EAHE,IAIFH,MAJJ;EAMA,MAAMI,MAAM,GAAG,IAAAC,aAAA,EAAgB,KAAhB,CAAf;EAEA,MAAMC,QAAQ,GAAG,IAAAC,0BAAA,GAAjB;EAEA,MAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAY,MAAM;IAC3B,IAAIL,MAAM,CAACM,OAAX,EAAoB;MAChB;IACH;;IAEDJ,QAAQ,CAACK,OAAT,CAAiB,MAAM;MACnBR,oBAAoB,CAChB,aADgB,EAEhB;QAAES,SAAS,EAAE,MAAb;QAAqBC,uBAAuB,EAAE;MAA9C,CAFgB,CAApB;MAIAL,IAAI;IACP,CAND,EAMGN,cANH;EAOH,CAZY,EAYV,CAACA,cAAD,EAAiBC,oBAAjB,CAZU,CAAb;EAcA,MAAMW,KAAK,GAAG,IAAAL,kBAAA,EAAY,MAAM;IAC5BH,QAAQ,CAACS,MAAT;IACAX,MAAM,CAACM,OAAP,GAAiB,IAAjB;EACH,CAHa,EAGX,EAHW,CAAd;EAKA,MAAMM,MAAM,GAAG,IAAAP,kBAAA,EAAY,MAAM;IAC7BL,MAAM,CAACM,OAAP,GAAiB,KAAjB;;IACA,IAAIT,OAAJ,EAAa;MACTO,IAAI;IACP;EACJ,CALc,EAKZ,CAACA,IAAD,EAAOP,OAAP,CALY,CAAf;EAOA,IAAAgB,gBAAA,EAAU,MAAM;IACZ,IAAIhB,OAAJ,EAAa;MACTe,MAAM;IACT,CAFD,MAEO;MACHF,KAAK;IACR;EACJ,CAND,EAMG,CAACb,OAAD,CANH;EAQA,OAAO;IAAEa,KAAF;IAASE;EAAT,CAAP;AACH;;AAAA"}

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

@@ -5,64 +5,33 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useIndexController;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
-var _reactNative = require("react-native");
-
-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,
     numberOfOriginalData,
     onIndexChange
   } = 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 normalized = _reactNative.Animated.divide(reversedTx, itemWidth);
-
-    return _reactNative.Animated.modulo(normalized, numberOfOriginalData);
-  }, [controlledTx, itemWidth, numberOfOriginalData]);
-  (0, _react.useEffect)(() => {
-    const subscriptionId = maybeIndex.addListener(observedValue => {
-      const newIndex = normalizeIndex(observedValue.value, 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 = (0, _react.useCallback)(() => indexRef.current, []);
+  const currentIndexRef = (0, _react.useRef)(initialIndex);
+  const getCurrentIndex = (0, _react.useCallback)(() => currentIndexRef.current, []);
+  const notifyOffsetHasChanged = (0, _react.useCallback)(offset => {
+    const roundedOffset = Math.round(offset / itemWidth) * itemWidth; // To prevent floating point problem, make sure index is integer type.
+
+    const nextIndex = Math.floor((0, _utils.mod)(-roundedOffset / itemWidth, numberOfOriginalData));
+
+    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.default.createElement(_reactNative.Animated.View, {
-      collapsable: false,
-      style: [{
-        zIndex: maybeIndex
-      }, {
-        width: 1,
-        height: 1,
-        position: 'absolute'
-      }]
-    })
+    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","numberOfOriginalData","onIndexChange","currentIndexRef","useRef","getCurrentIndex","useCallback","current","notifyOffsetHasChanged","offset","roundedOffset","Math","round","nextIndex","floor","mod","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;;AACA;;AAUe,SAASA,kBAAT,CAA4BC,MAA5B,EAAmF;EAC9F,MAAM;IACFC,YADE;IAEFC,SAFE;IAGFC,oBAHE;IAIFC;EAJE,IAKFJ,MALJ;EAOA,MAAMK,eAAe,GAAG,IAAAC,aAAA,EAAeL,YAAf,CAAxB;EAEA,MAAMM,eAAe,GAAG,IAAAC,kBAAA,EAAY,MAAMH,eAAe,CAACI,OAAlC,EAA2C,EAA3C,CAAxB;EAEA,MAAMC,sBAAsB,GAAG,IAAAF,kBAAA,EAAaG,MAAD,IAAoB;IAC3D,MAAMC,aAAa,GAAGC,IAAI,CAACC,KAAL,CAAWH,MAAM,GAAGT,SAApB,IAAiCA,SAAvD,CAD2D,CAG3D;;IACA,MAAMa,SAAS,GAAGF,IAAI,CAACG,KAAL,CAAW,IAAAC,UAAA,EAAK,CAACL,aAAD,GAAiBV,SAAtB,EAAkCC,oBAAlC,CAAX,CAAlB;;IAEA,IAAIY,SAAS,KAAKV,eAAe,CAACI,OAAlC,EAA2C;MACvCJ,eAAe,CAACI,OAAhB,GAA0BM,SAA1B;MAEAX,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGW,SAAH,CAAb;IACH;EACJ,CAX8B,EAW5B,CACCb,SADD,EAECC,oBAFD,EAGCC,aAHD,CAX4B,CAA/B;EAiBA,OAAO;IACHG,eADG;IAEHW,SAAS,EAAEf,oBAAoB,GAAG,CAF/B;IAGHO;EAHG,CAAP;AAKH;;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 onIndexChange = (0, _react.useCallback)(newIndex => {
+    const newRanges = makeVisibleIndexRanges(numberOfData, windowSize, newIndex);
     store.dispatch(newRanges);
-  }, [currentIndex, numberOfData, windowSize]);
+  }, [numberOfData, windowSize]);
   (0, _react.useEffect)(() => {
     return () => {
       store.removeAllListeners();
     };
   }, []);
-  return store;
+  return [store, onIndexChange];
 }
 
 ;

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

@@ -1 +1 @@
-{"version":3,"names":["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","useState","useRef","current","useEffect","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":["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","mod","rightRanges","useItemVisibilityStore","params","initialIndex","initialRange","useState","useRef","current","onIndexChange","useCallback","newIndex","newRanges","useEffect"],"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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"}

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

@@ -7,8 +7,6 @@ exports.default = usePagingAnimation;
 
 var _react = require("react");
 
-var _reactNative = require("react-native");
-
 function directionToValue(itemWidth) {
   return function (direction) {
     switch (direction) {
@@ -24,99 +22,153 @@ function directionToValue(itemWidth) {
   };
 }
 
-function usePagingAnimation(config) {
+function toValueCompensator(itemWidth) {
+  return function (toValue, currentOffset) {
+    const remainder = Math.abs(currentOffset % itemWidth);
+    const halfOfItemWidth = Math.abs(itemWidth / 2);
+    const compensateVector = remainder > halfOfItemWidth ? remainder - itemWidth : remainder;
+    const direction = currentOffset > 0 ? -1 : 1;
+    return toValue + direction * compensateVector;
+  };
+}
+
+function usePagingAnimation(params) {
   const {
-    controlledTx,
     createScrollAnimation,
-    getCurrentIndex,
     itemWidth,
-    lastIndex,
+    indexController,
     loop,
     numberOfData,
-    offsetTx
-  } = config;
-  const animationRef = (0, _react.useRef)(null);
+    offsetX,
+    translateX
+  } = params;
+  const {
+    getCurrentIndex,
+    lastIndex,
+    notifyOffsetHasChanged
+  } = indexController;
   const toValueRef = (0, _react.useRef)(0);
-  const globalInterpolation = (0, _react.useMemo)(() => _reactNative.Animated.add(controlledTx, offsetTx), [controlledTx, offsetTx]);
-  (0, _react.useEffect)(() => {
-    const subscriptionId = controlledTx.addListener(value => {
-      const currentTx = value.value; // Prevent infinite loop
+  const currentOffsetRef = (0, _react.useRef)(0);
+  const isAnimatingRef = (0, _react.useRef)(false);
+  const maxWidth = Math.abs(numberOfData * itemWidth);
+  const ensureOffsetBoundary = (0, _react.useCallback)(offset => {
+    if (loop) {
+      const isCloseToEnd = Math.abs(offset) >= maxWidth - itemWidth;
+
+      if (isCloseToEnd) {
+        const signOfOffset = offset > 0 ? 1 : -1;
+        return offset + -signOfOffset * maxWidth;
+      }
+    }
 
-      if (currentTx !== 0) {
-        const maxWidth = numberOfData * itemWidth;
+    return offset % maxWidth;
+  }, [itemWidth, loop, maxWidth]);
+  const requireNewOffset = (0, _react.useCallback)(newOffset => {
+    const nextOffset = ensureOffsetBoundary(newOffset);
+    currentOffsetRef.current = nextOffset;
+    offsetX.setValue(nextOffset);
+    toValueRef.current = 0;
+    translateX.setValue(0);
+  }, [ensureOffsetBoundary, offsetX, translateX]);
+  const interruptAnimation = (0, _react.useCallback)(() => {
+    if (toValueRef.current === 0) {
+      // Performance optimization
+      return;
+    }
 
-        if (Math.abs(Math.round(currentTx)) === Math.round(maxWidth)) {
-          // reset position
-          controlledTx.setValue(0);
-        }
-      }
+    translateX.stopAnimation(lastValue => {
+      isAnimatingRef.current = false;
+      const prevOffset = currentOffsetRef.current;
+      const totalOffset = prevOffset + lastValue;
+      notifyOffsetHasChanged(totalOffset);
+      requireNewOffset(totalOffset);
     });
-    return () => {
-      controlledTx.removeListener(subscriptionId);
-    };
-  }, [numberOfData, itemWidth]);
+  }, [requireNewOffset, translateX]);
   const finalizeAnimation = (0, _react.useCallback)(() => {
-    const stopUnfinishedSnapAnimation = () => {
-      if (animationRef.current) {
-        var _animationRef$current;
+    isAnimatingRef.current = false;
+    const prevOffset = currentOffsetRef.current;
+    const toValue = toValueRef.current;
+    const totalOffset = prevOffset + toValue;
+    requireNewOffset(totalOffset);
+  }, [requireNewOffset]);
+  const startPagingAnimation = (0, _react.useCallback)((type, config) => {
+    if (isAnimatingRef.current) {
+      return;
+    }
 
-        (_animationRef$current = animationRef.current) === null || _animationRef$current === void 0 ? void 0 : _animationRef$current.stop();
-        animationRef.current = null;
-      }
+    const configWithDefaults = {
+      animated: true,
+      ...config
     };
+    const currentIndex = getCurrentIndex();
+    const getValueByDirectionOnAllAdjacentItemsVisible = directionToValue(itemWidth);
+    const compensateToValue = toValueCompensator(itemWidth);
 
-    const resetBoundary = () => {
-      controlledTx.setOffset(toValueRef.current);
-      controlledTx.flattenOffset(); // FIXME: react-native-web bug maybe?
-      //  `AnimatedValue.flattenOffset()` does not trigger any event listener.
-      //  Accessing value directly via `_value` is dangerous but working on web (`useNativeDriver` always false).
-      //  So setting same value with `value.setValue(value._value)` will trigger event listener.
+    const getValueByDirectionalPagingOnLoopDisabled = _config => {
+      const {
+        direction,
+        isOriginatedFromGesture
+      } = _config;
 
-      if (_reactNative.Platform.OS === 'web') {
-        // @ts-ignore
-        controlledTx.setValue(controlledTx._value);
+      if (currentIndex === 0 && direction === 'prev') {
+        return isOriginatedFromGesture ? getValueByDirectionOnAllAdjacentItemsVisible('stay') : -lastIndex * itemWidth; // last position
+      } else if (currentIndex === lastIndex && direction === 'next') {
+        return isOriginatedFromGesture ? getValueByDirectionOnAllAdjacentItemsVisible('stay') : lastIndex * itemWidth; // first position
       }
 
-      offsetTx.setValue(0);
-      toValueRef.current = 0;
+      return getValueByDirectionOnAllAdjacentItemsVisible(direction);
     };
 
-    stopUnfinishedSnapAnimation();
-    resetBoundary();
-  }, [controlledTx]);
-  const startAnimation = (0, _react.useCallback)(function (direction) {
-    let isGesture = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    const getToValueByDirection = directionToValue(itemWidth);
-    const currentIndex = getCurrentIndex();
+    const getValueByDirectionalPaging = _config => {
+      const _configWithDefaults = {
+        isOriginatedFromGesture: false,
+        ..._config
+      };
+      return loop ? getValueByDirectionOnAllAdjacentItemsVisible(_configWithDefaults.direction) : getValueByDirectionalPagingOnLoopDisabled(_configWithDefaults);
+    };
 
-    const computeToValueOnNoLoop = () => {
-      if (currentIndex === 0 && direction === 'prev') {
-        return isGesture ? getToValueByDirection('stay') : -lastIndex * itemWidth; // last position
-      } else if (currentIndex === lastIndex && direction === 'next') {
-        return isGesture ? getToValueByDirection('stay') : lastIndex * itemWidth; // first position
+    const getValueByIndexPaging = _ref => {
+      let {
+        index
+      } = _ref;
+
+      if (index < 0 || index > lastIndex || index === currentIndex) {
+        // no animation if index is invalid or equals to current index
+        return 0;
       }
 
-      return getToValueByDirection(direction);
+      const distance = Math.abs(currentIndex - index) * itemWidth;
+      const direction = index > currentIndex ? -1 : 1;
+      return distance * direction;
     };
 
-    const toValue = loop ? getToValueByDirection(direction) : computeToValueOnNoLoop();
-    const animation = createScrollAnimation(offsetTx, toValue);
-    animationRef.current = animation;
+    const wantedToValue = type === 'directional' // @ts-ignore
+    ? getValueByDirectionalPaging(configWithDefaults) // @ts-ignore
+    : getValueByIndexPaging(configWithDefaults);
+    const toValue = compensateToValue(wantedToValue, currentOffsetRef.current);
     toValueRef.current = toValue;
-    animation.start(_ref => {
-      let {
-        finished
-      } = _ref;
+    isAnimatingRef.current = true;
 
-      if (finished) {
-        finalizeAnimation();
-      }
-    });
-  }, [createScrollAnimation, getCurrentIndex, finalizeAnimation, itemWidth, lastIndex, loop]);
+    if (configWithDefaults.animated) {
+      const animation = createScrollAnimation(translateX, toValue);
+      animation.start(_ref2 => {
+        let {
+          finished
+        } = _ref2;
+
+        if (finished) {
+          finalizeAnimation();
+        }
+      });
+    } else {
+      finalizeAnimation();
+    }
+
+    notifyOffsetHasChanged(currentOffsetRef.current + toValue);
+  }, [createScrollAnimation, getCurrentIndex, finalizeAnimation, itemWidth, lastIndex, loop, notifyOffsetHasChanged]);
   return {
-    globalInterpolation,
-    finalizeAnimation,
-    startAnimation
+    interruptAnimation,
+    startPagingAnimation
   };
 }
 

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

@@ -1 +1 @@
-{"version":3,"names":["directionToValue","itemWidth","direction","usePagingAnimation","config","controlledTx","createScrollAnimation","getCurrentIndex","lastIndex","loop","numberOfData","offsetTx","animationRef","useRef","toValueRef","globalInterpolation","useMemo","Animated","add","useEffect","subscriptionId","addListener","value","currentTx","maxWidth","Math","abs","round","setValue","removeListener","finalizeAnimation","useCallback","stopUnfinishedSnapAnimation","current","stop","resetBoundary","setOffset","flattenOffset","Platform","OS","_value","startAnimation","isGesture","getToValueByDirection","currentIndex","computeToValueOnNoLoop","toValue","animation","start","finished"],"sources":["usePagingAnimation.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { Animated, Platform } from 'react-native';\nimport type { CreateScrollAnimation, GetCurrentIndex, PagingDirection, StartPagingAnimation } from '../types';\n\nexport interface PagingAnimationConfig {\n    controlledTx: Animated.Value;\n    createScrollAnimation: CreateScrollAnimation;\n    getCurrentIndex: GetCurrentIndex;\n    itemWidth: number;\n    lastIndex: number;\n    loop: boolean;\n    numberOfData: number;\n    offsetTx: Animated.Value;\n}\n\nexport interface UsePagingAnimation {\n    finalizeAnimation: () => void;\n    globalInterpolation: Animated.AnimatedInterpolation;\n    startAnimation: StartPagingAnimation;\n}\n\nfunction directionToValue(itemWidth: number) {\n    return function (direction: PagingDirection): number {\n        switch (direction) {\n            case 'next':\n                return -itemWidth;\n            case 'prev':\n                return itemWidth;\n            case 'stay':\n                return 0;\n        }\n    };\n}\n\nexport default function usePagingAnimation(config: PagingAnimationConfig): UsePagingAnimation {\n    const {\n        controlledTx,\n        createScrollAnimation,\n        getCurrentIndex,\n        itemWidth,\n        lastIndex,\n        loop,\n        numberOfData,\n        offsetTx,\n    } = config;\n\n    const animationRef = useRef<Animated.CompositeAnimation | null>(null);\n    const toValueRef = useRef<number>(0);\n\n    const globalInterpolation = useMemo(\n        () => Animated.add(controlledTx, offsetTx),\n        [controlledTx, offsetTx],\n    );\n\n    useEffect(() => {\n        const subscriptionId = controlledTx.addListener((value) => {\n            const currentTx = value.value;\n\n            // Prevent infinite loop\n            if (currentTx !== 0) {\n                const maxWidth = numberOfData * itemWidth;\n\n                if (Math.abs(Math.round(currentTx)) === Math.round(maxWidth)) {\n                    // reset position\n                    controlledTx.setValue(0);\n                }\n            }\n        });\n\n        return () => {\n            controlledTx.removeListener(subscriptionId);\n        };\n    }, [numberOfData, itemWidth]);\n\n    const finalizeAnimation = useCallback(() => {\n        const stopUnfinishedSnapAnimation = () => {\n            if (animationRef.current) {\n                animationRef.current?.stop();\n                animationRef.current = null;\n            }\n        };\n\n        const resetBoundary = () => {\n            controlledTx.setOffset(toValueRef.current);\n            controlledTx.flattenOffset();\n\n            // FIXME: react-native-web bug maybe?\n            //  `AnimatedValue.flattenOffset()` does not trigger any event listener.\n            //  Accessing value directly via `_value` is dangerous but working on web (`useNativeDriver` always false).\n            //  So setting same value with `value.setValue(value._value)` will trigger event listener.\n            if (Platform.OS === 'web') {\n                // @ts-ignore\n                controlledTx.setValue(controlledTx._value);\n            }\n\n            offsetTx.setValue(0);\n            toValueRef.current = 0;\n        };\n\n        stopUnfinishedSnapAnimation();\n\n        resetBoundary();\n    }, [controlledTx]);\n\n    const startAnimation = useCallback((direction: PagingDirection, isGesture: boolean = false) => {\n        const getToValueByDirection = directionToValue(itemWidth);\n\n        const currentIndex = getCurrentIndex();\n\n        const computeToValueOnNoLoop = (): number => {\n            if (currentIndex === 0 && direction === 'prev') {\n                return isGesture\n                    ? getToValueByDirection('stay')\n                    : -lastIndex * itemWidth; // last position\n            } else if (currentIndex === lastIndex && direction === 'next') {\n                return isGesture\n                    ? getToValueByDirection('stay')\n                    : lastIndex * itemWidth; // first position\n            }\n            return getToValueByDirection(direction);\n        };\n\n        const toValue = loop ? getToValueByDirection(direction) : computeToValueOnNoLoop();\n        const animation = createScrollAnimation(offsetTx, toValue);\n\n        animationRef.current = animation;\n        toValueRef.current = toValue;\n\n        animation.start(({ finished }) => {\n            if (finished) {\n                finalizeAnimation();\n            }\n        });\n    }, [\n        createScrollAnimation,\n        getCurrentIndex,\n        finalizeAnimation,\n        itemWidth,\n        lastIndex,\n        loop,\n    ]);\n\n    return {\n        globalInterpolation,\n        finalizeAnimation,\n        startAnimation,\n    };\n};\n"],"mappings":"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"}
+{"version":3,"names":["directionToValue","itemWidth","direction","toValueCompensator","toValue","currentOffset","remainder","Math","abs","halfOfItemWidth","compensateVector","usePagingAnimation","params","createScrollAnimation","indexController","loop","numberOfData","offsetX","translateX","getCurrentIndex","lastIndex","notifyOffsetHasChanged","toValueRef","useRef","currentOffsetRef","isAnimatingRef","maxWidth","ensureOffsetBoundary","useCallback","offset","isCloseToEnd","signOfOffset","requireNewOffset","newOffset","nextOffset","current","setValue","interruptAnimation","stopAnimation","lastValue","prevOffset","totalOffset","finalizeAnimation","startPagingAnimation","type","config","configWithDefaults","animated","currentIndex","getValueByDirectionOnAllAdjacentItemsVisible","compensateToValue","getValueByDirectionalPagingOnLoopDisabled","_config","isOriginatedFromGesture","getValueByDirectionalPaging","_configWithDefaults","getValueByIndexPaging","index","distance","wantedToValue","animation","start","finished"],"sources":["usePagingAnimation.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { Animated } from 'react-native';\nimport type {\n    CreateScrollAnimation,\n    DirectionalPagingAnimationConfig,\n    IndexController,\n    IndexPagingAnimationConfig,\n    PagingAnimationConfig,\n    PagingAnimationType,\n    PagingDirection,\n    StartPagingAnimation,\n} from '../types';\n\nexport interface PagingAnimationParameters {\n    createScrollAnimation: CreateScrollAnimation;\n    itemWidth: number;\n    indexController: IndexController;\n    loop: boolean;\n    numberOfData: number;\n    offsetX: Animated.Value;\n    translateX: Animated.Value;\n}\n\nexport interface UsePagingAnimation {\n    interruptAnimation: () => void;\n    startPagingAnimation: StartPagingAnimation;\n}\n\nfunction directionToValue(itemWidth: number) {\n    return function (direction: PagingDirection): number {\n        switch (direction) {\n            case 'next':\n                return -itemWidth;\n            case 'prev':\n                return itemWidth;\n            case 'stay':\n                return 0;\n        }\n    };\n}\n\nfunction toValueCompensator(itemWidth: number) {\n    return function (toValue: number, currentOffset: number): number {\n        const remainder = Math.abs(currentOffset % itemWidth);\n\n        const halfOfItemWidth = Math.abs(itemWidth / 2);\n        const compensateVector = remainder > halfOfItemWidth\n            ? remainder - itemWidth\n            : remainder;\n\n        const direction = currentOffset > 0 ? -1 : 1;\n\n        return toValue + (direction * compensateVector);\n    };\n}\n\nexport default function usePagingAnimation(params: PagingAnimationParameters): UsePagingAnimation {\n    const {\n        createScrollAnimation,\n        itemWidth,\n        indexController,\n        loop,\n        numberOfData,\n        offsetX,\n        translateX,\n    } = params;\n\n    const {\n        getCurrentIndex,\n        lastIndex,\n        notifyOffsetHasChanged,\n    } = indexController;\n\n    const toValueRef = useRef<number>(0);\n    const currentOffsetRef = useRef<number>(0);\n\n    const isAnimatingRef = useRef<boolean>(false);\n\n    const maxWidth = Math.abs(numberOfData * itemWidth);\n\n    const ensureOffsetBoundary: (offset: number) => number = useCallback((offset: number) => {\n        if (loop) {\n            const isCloseToEnd = Math.abs(offset) >= (maxWidth - itemWidth);\n            if (isCloseToEnd) {\n                const signOfOffset = offset > 0 ? 1 : -1;\n                return offset + (-signOfOffset * maxWidth);\n            }\n        }\n\n        return offset % maxWidth;\n    }, [itemWidth, loop, maxWidth]);\n\n    const requireNewOffset = useCallback((newOffset: number) => {\n        const nextOffset = ensureOffsetBoundary(newOffset);\n\n        currentOffsetRef.current = nextOffset;\n        offsetX.setValue(nextOffset);\n\n        toValueRef.current = 0;\n        translateX.setValue(0);\n    }, [\n        ensureOffsetBoundary,\n        offsetX,\n        translateX,\n    ]);\n\n    const interruptAnimation = useCallback(() => {\n        if (toValueRef.current === 0) {\n            // Performance optimization\n            return;\n        }\n\n        translateX.stopAnimation(lastValue => {\n            isAnimatingRef.current = false;\n\n            const prevOffset = currentOffsetRef.current;\n            const totalOffset = prevOffset + lastValue;\n\n            notifyOffsetHasChanged(totalOffset);\n\n            requireNewOffset(totalOffset);\n        });\n    }, [requireNewOffset, translateX]);\n\n    const finalizeAnimation = useCallback(() => {\n        isAnimatingRef.current = false;\n\n        const prevOffset = currentOffsetRef.current;\n        const toValue = toValueRef.current;\n        const totalOffset = prevOffset + toValue;\n\n        requireNewOffset(totalOffset);\n    }, [requireNewOffset]);\n\n    const startPagingAnimation = useCallback((type: PagingAnimationType, config: PagingAnimationConfig) => {\n        if (isAnimatingRef.current) {\n            return;\n        }\n\n        const configWithDefaults: PagingAnimationConfig = {\n            animated: true,\n            ...config,\n        };\n\n        const currentIndex = getCurrentIndex();\n\n        const getValueByDirectionOnAllAdjacentItemsVisible = directionToValue(itemWidth);\n        const compensateToValue = toValueCompensator(itemWidth);\n\n        const getValueByDirectionalPagingOnLoopDisabled = (_config: DirectionalPagingAnimationConfig): number => {\n            const { direction, isOriginatedFromGesture } = _config;\n\n            if (currentIndex === 0 && direction === 'prev') {\n                return isOriginatedFromGesture\n                    ? getValueByDirectionOnAllAdjacentItemsVisible('stay')\n                    : -lastIndex * itemWidth; // last position\n            } else if (currentIndex === lastIndex && direction === 'next') {\n                return isOriginatedFromGesture\n                    ? getValueByDirectionOnAllAdjacentItemsVisible('stay')\n                    : lastIndex * itemWidth; // first position\n            }\n            return getValueByDirectionOnAllAdjacentItemsVisible(direction);\n        };\n\n        const getValueByDirectionalPaging = (_config: DirectionalPagingAnimationConfig): number => {\n            const _configWithDefaults: DirectionalPagingAnimationConfig = {\n                isOriginatedFromGesture: false,\n                ..._config,\n            };\n\n            return loop\n                ? getValueByDirectionOnAllAdjacentItemsVisible(_configWithDefaults.direction)\n                : getValueByDirectionalPagingOnLoopDisabled(_configWithDefaults);\n        };\n\n        const getValueByIndexPaging = ({ index }: IndexPagingAnimationConfig): number => {\n            if (index < 0 || index > lastIndex || index === currentIndex) {\n                // no animation if index is invalid or equals to current index\n                return 0;\n            }\n\n            const distance = Math.abs(currentIndex - index) * itemWidth;\n            const direction = index > currentIndex ? -1 : 1;\n\n            return distance * direction;\n        };\n\n        const wantedToValue = type === 'directional'\n            // @ts-ignore\n            ? getValueByDirectionalPaging(configWithDefaults)\n            // @ts-ignore\n            : getValueByIndexPaging(configWithDefaults);\n\n        const toValue = compensateToValue(wantedToValue, currentOffsetRef.current);\n\n        toValueRef.current = toValue;\n        isAnimatingRef.current = true;\n\n        if (configWithDefaults.animated) {\n            const animation = createScrollAnimation(translateX, toValue);\n\n            animation.start(({ finished }) => {\n                if (finished) {\n                    finalizeAnimation();\n                }\n            });\n        } else {\n            finalizeAnimation();\n        }\n\n        notifyOffsetHasChanged(currentOffsetRef.current + toValue);\n    }, [\n        createScrollAnimation,\n        getCurrentIndex,\n        finalizeAnimation,\n        itemWidth,\n        lastIndex,\n        loop,\n        notifyOffsetHasChanged,\n    ]);\n\n    return {\n        interruptAnimation,\n        startPagingAnimation,\n    };\n};\n"],"mappings":"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"}

package/build/commonjs/Carousel/tick.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _utils = require("@fountain-ui/utils");
+
+var _default = (0, _utils.logger)('Carousel', {
+  enabled: __DEV__,
+  format: 'diff'
+});
+
+exports.default = _default;
+//# sourceMappingURL=tick.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["logger","enabled","__DEV__","format"],"sources":["tick.ts"],"sourcesContent":["import { logger } from '@fountain-ui/utils';\n\nexport default logger('Carousel', {\n    enabled: __DEV__,\n    format: 'diff',\n});\n"],"mappings":";;;;;;;AAAA;;eAEe,IAAAA,aAAA,EAAO,UAAP,EAAmB;EAC9BC,OAAO,EAAEC,OADqB;EAE9BC,MAAM,EAAE;AAFsB,CAAnB,C"}

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

@@ -1 +1 @@
-{"version":3,"names":["directions"],"sources":["types.ts"],"sourcesContent":["import type { ReactElement } from 'react';\nimport type { Animated, ViewProps } from 'react-native';\n\nconst directions = ['next', 'prev', 'stay'] as const;\n\nexport type PagingDirection = (typeof directions)[number];\n\nexport interface RenderItem<T> {\n    (info: { item: T, index: number, interpolation: Animated.AnimatedInterpolation }): ReactElement | null;\n}\n\nexport interface CreateScrollAnimation {\n    (aValue: Animated.AnimatedValue, toValue: number): Animated.CompositeAnimation;\n}\n\nexport interface CreateItemStyle {\n    (itemInterpolation: Animated.AnimatedInterpolation, itemWidth: number): Animated.AnimatedProps<ViewProps['style']>;\n}\n\nexport interface GetCurrentIndex {\n    (): number;\n}\n\nexport interface IndexController {\n    currentIndex: number;\n    getCurrentIndex: GetCurrentIndex;\n    lastIndex: number;\n    monitorElement: ReactElement;\n}\n\nexport interface StartPagingAnimation {\n    (direction: PagingDirection, isGesture?: boolean): void;\n}\n\nexport type VisibleIndexRanges = Array<[number, number]>;\n\nexport interface StoreSubscription {\n    (): void;\n}\n\nexport interface ItemVisibilityStore {\n    dispatch: (ranges: VisibleIndexRanges) => void;\n    subscribe: (listener: (ranges: VisibleIndexRanges) => void) => StoreSubscription;\n    removeAllListeners: () => void;\n}\n\nexport interface AutoplayController {\n    pause: () => void;\n    resume: () => void;\n}\n\nexport interface CarouselInstance {\n    /**\n     * Scroll to next visible item.\n     */\n    next: () => void;\n\n    /**\n     * Scroll to previous visible item.\n     */\n    prev: () => void;\n\n    /**\n     * Get current visible item index.\n     */\n    getCurrentIndex: GetCurrentIndex;\n}\n"],"mappings":";;;;;AAGA,MAAMA,UAAU,GAAG,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,CAAnB"}
+{"version":3,"names":["directions"],"sources":["types.ts"],"sourcesContent":["import type { ReactElement } from 'react';\nimport type { Animated, ViewProps } from 'react-native';\n\nconst directions = ['next', 'prev', 'stay'] as const;\n\nexport type PagingDirection = (typeof directions)[number];\n\nexport type ItemHeight = number | 'auto';\n\nexport interface RenderItem<T> {\n    (info: { item: T, index: number, interpolation: Animated.AnimatedInterpolation }): ReactElement | null;\n}\n\nexport interface CreateScrollAnimation {\n    (aValue: Animated.AnimatedValue, toValue: number): Animated.CompositeAnimation;\n}\n\nexport interface CreateItemStyle {\n    (itemInterpolation: Animated.AnimatedInterpolation, itemWidth: number): Animated.AnimatedProps<ViewProps['style']>;\n}\n\nexport interface GetCurrentIndex {\n    (): number;\n}\n\nexport interface IndexController {\n    getCurrentIndex: GetCurrentIndex;\n    lastIndex: number;\n    notifyOffsetHasChanged: (offset: number) => void;\n}\n\nexport type PagingAnimationType = 'directional' | 'index';\n\nexport interface BasePagingAnimationConfig {\n    animated?: boolean;\n}\n\nexport interface DirectionalPagingAnimationConfig extends BasePagingAnimationConfig {\n    direction: PagingDirection;\n    isOriginatedFromGesture?: boolean;\n}\n\nexport interface IndexPagingAnimationConfig extends BasePagingAnimationConfig {\n    index: number;\n}\n\nexport type PagingAnimationConfig = DirectionalPagingAnimationConfig | IndexPagingAnimationConfig;\n\nexport interface StartPagingAnimation {\n    (type: PagingAnimationType, config: PagingAnimationConfig): void;\n}\n\nexport type VisibleIndexRanges = Array<[number, number]>;\n\nexport interface StoreSubscription {\n    (): void;\n}\n\nexport interface ItemVisibilityStore {\n    dispatch: (ranges: VisibleIndexRanges) => void;\n    subscribe: (listener: (ranges: VisibleIndexRanges) => void) => StoreSubscription;\n    removeAllListeners: () => void;\n}\n\nexport interface AutoplayController {\n    pause: () => void;\n    resume: () => void;\n}\n\nexport interface ScrollToOption {\n    index: number;\n    animated?: boolean;\n}\n\nexport interface CarouselInstance {\n    /**\n     * Get current visible item index.\n     */\n    getCurrentIndex: GetCurrentIndex;\n\n    /**\n     * Scroll to next visible item.\n     */\n    next: () => void;\n\n    /**\n     * Scroll to previous visible item.\n     */\n    prev: () => void;\n\n    /**\n     * Scroll to desired indexed item.\n     * Invalid index is ignored.\n     */\n    scrollTo: (option: ScrollToOption) => void;\n}\n"],"mappings":";;;;;AAGA,MAAMA,UAAU,GAAG,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,CAAnB"}