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

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","createDefaultItemStyle","createDefaultScrollAnimation","normalItemStyleFactory","parallaxItemStyleFactory"],"sources":["index.ts"],"sourcesContent":["export { default as createDefaultItemStyle } from './createDefaultItemStyle';\nexport { default as createDefaultScrollAnimation } from './createDefaultScrollAnimation';\nexport { default as normalItemStyleFactory } from './normalItemStyleFactory';\nexport { default as parallaxItemStyleFactory } from './parallaxItemStyleFactory';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,sBAApB,QAAkD,0BAAlD;AACA,SAASD,OAAO,IAAIE,4BAApB,QAAwD,gCAAxD;AACA,SAASF,OAAO,IAAIG,sBAApB,QAAkD,0BAAlD;AACA,SAASH,OAAO,IAAII,wBAApB,QAAoD,4BAApD"}

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

@@ -0,0 +1,18 @@
+import { itemInterpolationInputRange } from './animationUtils';
+export default function normalItemStyleFactory() {
+  const createItemStyle = (itemInterpolation, itemWidth) => {
+    const translate = itemInterpolation.interpolate({
+      inputRange: itemInterpolationInputRange,
+      outputRange: [-itemWidth, 0, itemWidth]
+    });
+    return {
+      transform: [{
+        translateX: translate
+      }]
+    };
+  };
+
+  return createItemStyle;
+}
+;
+//# sourceMappingURL=normalItemStyleFactory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["itemInterpolationInputRange","normalItemStyleFactory","createItemStyle","itemInterpolation","itemWidth","translate","interpolate","inputRange","outputRange","transform","translateX"],"sources":["normalItemStyleFactory.ts"],"sourcesContent":["import type { CreateItemStyle } from '../types';\nimport { itemInterpolationInputRange } from './animationUtils';\n\nexport default function normalItemStyleFactory() {\n    const createItemStyle: CreateItemStyle = (itemInterpolation, itemWidth) => {\n        const translate = itemInterpolation.interpolate({\n            inputRange: itemInterpolationInputRange,\n            outputRange: [\n                -itemWidth,\n                0,\n                itemWidth,\n            ],\n        });\n\n        return { transform: [{ translateX: translate }] };\n    };\n\n    return createItemStyle;\n};\n"],"mappings":"AACA,SAASA,2BAAT,QAA4C,kBAA5C;AAEA,eAAe,SAASC,sBAAT,GAAkC;EAC7C,MAAMC,eAAgC,GAAG,CAACC,iBAAD,EAAoBC,SAApB,KAAkC;IACvE,MAAMC,SAAS,GAAGF,iBAAiB,CAACG,WAAlB,CAA8B;MAC5CC,UAAU,EAAEP,2BADgC;MAE5CQ,WAAW,EAAE,CACT,CAACJ,SADQ,EAET,CAFS,EAGTA,SAHS;IAF+B,CAA9B,CAAlB;IASA,OAAO;MAAEK,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEL;MAAd,CAAD;IAAb,CAAP;EACH,CAXD;;EAaA,OAAOH,eAAP;AACH;AAAA"}

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

@@ -0,0 +1,55 @@
+import { itemInterpolationInputRange } from './animationUtils';
+const defaultParallaxAnimationConfig = {
+  parallaxActiveItemScale: 0.9,
+  parallaxActiveItemOpacity: 1,
+  parallaxAdjacentItemScale: Math.pow(0.9, 2),
+  parallaxAdjacentItemOpacity: 0.5,
+  parallaxScrollingOffset: 50
+};
+export default function parallaxItemStyleFactory() {
+  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultParallaxAnimationConfig;
+  const {
+    parallaxActiveItemScale,
+    parallaxActiveItemOpacity,
+    parallaxAdjacentItemOpacity,
+    parallaxAdjacentItemScale,
+    parallaxScrollingOffset
+  } = { ...config,
+    ...defaultParallaxAnimationConfig
+  };
+
+  const createItemStyle = (itemInterpolation, itemWidth) => {
+    const translate = itemInterpolation.interpolate({
+      inputRange: itemInterpolationInputRange,
+      outputRange: [-itemWidth + parallaxScrollingOffset, 0, itemWidth - parallaxScrollingOffset]
+    });
+    const zIndex = itemInterpolation.interpolate({
+      inputRange: itemInterpolationInputRange,
+      outputRange: [0, itemWidth, 0],
+      extrapolate: 'clamp'
+    });
+    const scale = itemInterpolation.interpolate({
+      inputRange: itemInterpolationInputRange,
+      outputRange: [parallaxAdjacentItemScale, parallaxActiveItemScale, parallaxAdjacentItemScale],
+      extrapolate: 'clamp'
+    });
+    const opacity = itemInterpolation.interpolate({
+      inputRange: itemInterpolationInputRange,
+      outputRange: [parallaxAdjacentItemOpacity, parallaxActiveItemOpacity, parallaxAdjacentItemOpacity],
+      extrapolate: 'clamp'
+    });
+    return {
+      transform: [{
+        translateX: translate
+      }, {
+        scale
+      }],
+      zIndex,
+      opacity
+    };
+  };
+
+  return createItemStyle;
+}
+;
+//# sourceMappingURL=parallaxItemStyleFactory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["itemInterpolationInputRange","defaultParallaxAnimationConfig","parallaxActiveItemScale","parallaxActiveItemOpacity","parallaxAdjacentItemScale","Math","pow","parallaxAdjacentItemOpacity","parallaxScrollingOffset","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    parallaxActiveItemScale?: number;\n    parallaxActiveItemOpacity?: number;\n    parallaxAdjacentItemScale?: number;\n    parallaxAdjacentItemOpacity?: number;\n    parallaxScrollingOffset?: number;\n}\n\nconst defaultParallaxAnimationConfig: Required<Readonly<ParallaxAnimationConfig>> = {\n    parallaxActiveItemScale: 0.9,\n    parallaxActiveItemOpacity: 1,\n    parallaxAdjacentItemScale: Math.pow(0.9, 2),\n    parallaxAdjacentItemOpacity: 0.5,\n    parallaxScrollingOffset: 50,\n};\n\nexport default function parallaxItemStyleFactory(config: ParallaxAnimationConfig = defaultParallaxAnimationConfig) {\n    const {\n        parallaxActiveItemScale,\n        parallaxActiveItemOpacity,\n        parallaxAdjacentItemOpacity,\n        parallaxAdjacentItemScale,\n        parallaxScrollingOffset,\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 + parallaxScrollingOffset,\n                0,\n                itemWidth - parallaxScrollingOffset,\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                parallaxAdjacentItemScale,\n                parallaxActiveItemScale,\n                parallaxAdjacentItemScale,\n            ],\n            extrapolate: 'clamp',\n        });\n\n        const opacity = itemInterpolation.interpolate({\n            inputRange: itemInterpolationInputRange,\n            outputRange: [\n                parallaxAdjacentItemOpacity,\n                parallaxActiveItemOpacity,\n                parallaxAdjacentItemOpacity,\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,uBAAuB,EAAE,GADuD;EAEhFC,yBAAyB,EAAE,CAFqD;EAGhFC,yBAAyB,EAAEC,IAAI,CAACC,GAAL,CAAS,GAAT,EAAc,CAAd,CAHqD;EAIhFC,2BAA2B,EAAE,GAJmD;EAKhFC,uBAAuB,EAAE;AALuD,CAApF;AAQA,eAAe,SAASC,wBAAT,GAAoG;EAAA,IAAlEC,MAAkE,uEAAhCT,8BAAgC;EAC/G,MAAM;IACFC,uBADE;IAEFC,yBAFE;IAGFI,2BAHE;IAIFH,yBAJE;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,uBADJ,EAET,CAFS,EAGTK,SAAS,GAAGL,uBAHH;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,yBADS,EAETF,uBAFS,EAGTE,yBAHS,CAF2B;MAOxCe,WAAW,EAAE;IAP2B,CAA9B,CAAd;IAUA,MAAME,OAAO,GAAGT,iBAAiB,CAACG,WAAlB,CAA8B;MAC1CC,UAAU,EAAEhB,2BAD8B;MAE1CiB,WAAW,EAAE,CACTV,2BADS,EAETJ,yBAFS,EAGTI,2BAHS,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/InternalContext.js

@@ -0,0 +1,19 @@
+import { createContext } from 'react';
+import { Animated } from 'react-native';
+const mockItemVisibilityStore = {
+  dispatch: () => void 0,
+  subscribe: () => () => void 0,
+  removeAllListeners: () => void 0
+};
+const initialValue = {
+  createItemStyle: () => ({}),
+  data: [],
+  globalInterpolation: Animated.add(new Animated.Value(0), 0),
+  itemHeight: 0,
+  itemWidth: 0,
+  itemVisibilityStore: mockItemVisibilityStore,
+  loop: false
+};
+const InternalContext = /*#__PURE__*/createContext(initialValue);
+export default InternalContext;
+//# sourceMappingURL=InternalContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","Animated","mockItemVisibilityStore","dispatch","subscribe","removeAllListeners","initialValue","createItemStyle","data","globalInterpolation","add","Value","itemHeight","itemWidth","itemVisibilityStore","loop","InternalContext"],"sources":["InternalContext.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { Animated } from 'react-native';\nimport type { CreateItemStyle, ItemVisibilityStore } from '../types';\n\nexport interface InternalContextValue<ItemT> {\n    createItemStyle: CreateItemStyle;\n    data: ReadonlyArray<ItemT>;\n    globalInterpolation: Animated.AnimatedInterpolation;\n    itemHeight: number;\n    itemWidth: number;\n    itemVisibilityStore: ItemVisibilityStore;\n    loop: boolean;\n}\n\nconst mockItemVisibilityStore: ItemVisibilityStore = {\n    dispatch: () => void 0,\n    subscribe: () => () => void 0,\n    removeAllListeners: () => void 0,\n};\n\nconst initialValue: Readonly<InternalContextValue<any>> = {\n    createItemStyle: () => ({}),\n    data: [],\n    globalInterpolation: Animated.add(new Animated.Value(0), 0),\n    itemHeight: 0,\n    itemWidth: 0,\n    itemVisibilityStore: mockItemVisibilityStore,\n    loop: false,\n};\n\nconst InternalContext = createContext<InternalContextValue<any>>(initialValue);\n\nexport default InternalContext;\n"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;AACA,SAASC,QAAT,QAAyB,cAAzB;AAaA,MAAMC,uBAA4C,GAAG;EACjDC,QAAQ,EAAE,MAAM,KAAK,CAD4B;EAEjDC,SAAS,EAAE,MAAM,MAAM,KAAK,CAFqB;EAGjDC,kBAAkB,EAAE,MAAM,KAAK;AAHkB,CAArD;AAMA,MAAMC,YAAiD,GAAG;EACtDC,eAAe,EAAE,OAAO,EAAP,CADqC;EAEtDC,IAAI,EAAE,EAFgD;EAGtDC,mBAAmB,EAAER,QAAQ,CAACS,GAAT,CAAa,IAAIT,QAAQ,CAACU,KAAb,CAAmB,CAAnB,CAAb,EAAoC,CAApC,CAHiC;EAItDC,UAAU,EAAE,CAJ0C;EAKtDC,SAAS,EAAE,CAL2C;EAMtDC,mBAAmB,EAAEZ,uBANiC;EAOtDa,IAAI,EAAE;AAPgD,CAA1D;AAUA,MAAMC,eAAe,gBAAGhB,aAAa,CAA4BM,YAA5B,CAArC;AAEA,eAAeU,eAAf"}

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

@@ -0,0 +1,44 @@
+import React, { useContext, useEffect, useMemo, useState } from 'react';
+import { Animated } from 'react-native';
+import { StyleSheet } from '@fountain-ui/core';
+import { useItemInterpolation } from '../hooks';
+import InternalContext from './InternalContext';
+export default function ItemView(props) {
+  const {
+    children,
+    index
+  } = props;
+  const {
+    createItemStyle,
+    itemHeight,
+    itemWidth,
+    itemVisibilityStore
+  } = useContext(InternalContext);
+  const [visible, setVisible] = useState(false);
+  const interpolation = useItemInterpolation(index);
+  const itemStyle = useMemo(() => createItemStyle(interpolation, itemWidth), [createItemStyle, interpolation]);
+  useEffect(() => {
+    return itemVisibilityStore.subscribe(ranges => {
+      const nextVisible = ranges.some(_ref => {
+        let [from, to] = _ref;
+        return index >= from && index <= to;
+      });
+      setVisible(nextVisible);
+    });
+  }, [itemVisibilityStore]);
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    children: visible ? children(interpolation) : null,
+    style: [{
+      width: itemWidth,
+      height: itemHeight
+    }, styles.absolute, // @ts-ignore
+    itemStyle]
+  });
+}
+;
+const styles = StyleSheet.create({
+  absolute: {
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=ItemView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","useEffect","useMemo","useState","Animated","StyleSheet","useItemInterpolation","InternalContext","ItemView","props","children","index","createItemStyle","itemHeight","itemWidth","itemVisibilityStore","visible","setVisible","interpolation","itemStyle","subscribe","ranges","nextVisible","some","from","to","width","height","styles","absolute","create","position"],"sources":["ItemView.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\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}\n\nexport default function ItemView(props: ItemViewProps) {\n    const { children, index } = 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            style={[\n                { width: itemWidth, height: itemHeight },\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;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,oBAAT,QAAqC,UAArC;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AAOA,eAAe,SAASC,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IAAEC,QAAF;IAAYC;EAAZ,IAAsBF,KAA5B;EAEA,MAAM;IACFG,eADE;IAEFC,UAFE;IAGFC,SAHE;IAIFC;EAJE,IAKFf,UAAU,CAACO,eAAD,CALd;EAOA,MAAM,CAACS,OAAD,EAAUC,UAAV,IAAwBd,QAAQ,CAAC,KAAD,CAAtC;EAEA,MAAMe,aAAa,GAAGZ,oBAAoB,CAACK,KAAD,CAA1C;EAEA,MAAMQ,SAAS,GAAGjB,OAAO,CACrB,MAAMU,eAAe,CAACM,aAAD,EAAgBJ,SAAhB,CADA,EAErB,CAACF,eAAD,EAAkBM,aAAlB,CAFqB,CAAzB;EAKAjB,SAAS,CAAC,MAAM;IACZ,OAAOc,mBAAmB,CAACK,SAApB,CAA8BC,MAAM,IAAI;MAC3C,MAAMC,WAAW,GAAGD,MAAM,CAACE,IAAP,CAAY;QAAA,IAAC,CAACC,IAAD,EAAOC,EAAP,CAAD;QAAA,OAAgBd,KAAK,IAAIa,IAAT,IAAiBb,KAAK,IAAIc,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,GAAGN,QAAQ,CAACQ,aAAD,CAAX,GAA6B,IADlD;IAEI,KAAK,EAAE,CACH;MAAEQ,KAAK,EAAEZ,SAAT;MAAoBa,MAAM,EAAEd;IAA5B,CADG,EAEHe,MAAM,CAACC,QAFJ,EAGH;IACAV,SAJG;EAFX,EADJ;AAWH;AAAA;AAED,MAAMS,MAAM,GAAGvB,UAAU,CAACyB,MAAX,CAAkB;EAC7BD,QAAQ,EAAE;IACNE,QAAQ,EAAE;EADJ;AADmB,CAAlB,CAAf"}

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

@@ -0,0 +1,47 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { memo, forwardRef } from 'react';
+import { Animated } from 'react-native';
+import { StyleSheet } from '@fountain-ui/core';
+import ItemView from './ItemView';
+const styles = StyleSheet.create({
+  root: {
+    width: '100%',
+    justifyContent: 'center'
+  },
+  horizontal: {
+    flexDirection: 'row',
+    overflow: 'hidden'
+  }
+});
+const RootView = /*#__PURE__*/forwardRef(function RootView(props, ref) {
+  const {
+    data,
+    itemHeight,
+    originalData,
+    renderItem,
+    style,
+    ...otherProps
+  } = props;
+
+  const renderItemView = (item, index) => /*#__PURE__*/React.createElement(ItemView, {
+    key: index,
+    index: index
+  }, interpolation => renderItem({
+    item,
+    index: index % originalData.length,
+    interpolation
+  }));
+
+  const viewStyles = [styles.root, styles.horizontal, {
+    height: itemHeight
+  }, style];
+  return /*#__PURE__*/React.createElement(Animated.View, _extends({
+    ref: ref
+  }, otherProps, {
+    children: data.map(renderItemView),
+    style: viewStyles
+  }));
+});
+export default /*#__PURE__*/memo(RootView);
+//# sourceMappingURL=RootView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","forwardRef","Animated","StyleSheet","ItemView","styles","create","root","width","justifyContent","horizontal","flexDirection","overflow","RootView","props","ref","data","itemHeight","originalData","renderItem","style","otherProps","renderItemView","item","index","interpolation","length","viewStyles","height","map"],"sources":["RootView.tsx"],"sourcesContent":["import React, { memo, ReactElement, forwardRef } from 'react';\nimport type { ViewProps, View } from 'react-native';\nimport { Animated } from 'react-native';\nimport { StyleSheet } from '@fountain-ui/core';\nimport type { RenderItem } from '../types';\nimport ItemView from './ItemView';\n\nconst styles = StyleSheet.create({\n    root: {\n        width: '100%',\n        justifyContent: 'center',\n    },\n    horizontal: {\n        flexDirection: 'row',\n        overflow: 'hidden',\n    },\n});\n\nexport type RootViewProps<ItemT> = ViewProps & {\n    data: ReadonlyArray<ItemT>;\n    itemHeight: number;\n    originalData: ReadonlyArray<ItemT>;\n    renderItem: RenderItem<ItemT>;\n};\n\nconst RootView = forwardRef<View, RootViewProps<any>>(function RootView(props, ref) {\n    const {\n        data,\n        itemHeight,\n        originalData,\n        renderItem,\n        style,\n        ...otherProps\n    } = props;\n\n    const renderItemView = (item: any, index: number): ReactElement => (\n        <ItemView\n            key={index}\n            index={index}\n        >\n            {(interpolation) => renderItem({\n                item,\n                index: index % originalData.length,\n                interpolation,\n            })}\n        </ItemView>\n    );\n\n    const viewStyles = [\n        styles.root,\n        styles.horizontal,\n        { height: itemHeight },\n        style,\n    ];\n\n    return (\n        <Animated.View\n            ref={ref}\n            {...otherProps}\n            children={data.map(renderItemView)}\n            style={viewStyles}\n        />\n    );\n});\n\nexport default memo(RootView);\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAoCC,UAApC,QAAsD,OAAtD;AAEA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,OAAOC,QAAP,MAAqB,YAArB;AAEA,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACFC,KAAK,EAAE,MADL;IAEFC,cAAc,EAAE;EAFd,CADuB;EAK7BC,UAAU,EAAE;IACRC,aAAa,EAAE,KADP;IAERC,QAAQ,EAAE;EAFF;AALiB,CAAlB,CAAf;AAkBA,MAAMC,QAAQ,gBAAGZ,UAAU,CAA2B,SAASY,QAAT,CAAkBC,KAAlB,EAAyBC,GAAzB,EAA8B;EAChF,MAAM;IACFC,IADE;IAEFC,UAFE;IAGFC,YAHE;IAIFC,UAJE;IAKFC,KALE;IAMF,GAAGC;EAND,IAOFP,KAPJ;;EASA,MAAMQ,cAAc,GAAG,CAACC,IAAD,EAAYC,KAAZ,kBACnB,oBAAC,QAAD;IACI,GAAG,EAAEA,KADT;IAEI,KAAK,EAAEA;EAFX,GAIMC,aAAD,IAAmBN,UAAU,CAAC;IAC3BI,IAD2B;IAE3BC,KAAK,EAAEA,KAAK,GAAGN,YAAY,CAACQ,MAFD;IAG3BD;EAH2B,CAAD,CAJlC,CADJ;;EAaA,MAAME,UAAU,GAAG,CACftB,MAAM,CAACE,IADQ,EAEfF,MAAM,CAACK,UAFQ,EAGf;IAAEkB,MAAM,EAAEX;EAAV,CAHe,EAIfG,KAJe,CAAnB;EAOA,oBACI,oBAAC,QAAD,CAAU,IAAV;IACI,GAAG,EAAEL;EADT,GAEQM,UAFR;IAGI,QAAQ,EAAEL,IAAI,CAACa,GAAL,CAASP,cAAT,CAHd;IAII,KAAK,EAAEK;EAJX,GADJ;AAQH,CAtC0B,CAA3B;AAwCA,4BAAe3B,IAAI,CAACa,QAAD,CAAnB"}

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

@@ -0,0 +1,62 @@
+import React, { useCallback } from 'react';
+import { Animated } from 'react-native';
+import { PanGestureHandler, State as GestureHandlerState } from 'react-native-gesture-handler';
+const SCROLL_TO_ADJACENT_TX_THRESHOLD = 60;
+const SCROLL_TO_ADJACENT_VX_THRESHOLD = 500;
+const ACTIVE_OFFSET_ABS_X = 5;
+const activeOffsetX = [-ACTIVE_OFFSET_ABS_X, ACTIVE_OFFSET_ABS_X];
+const endAnimationStates = [GestureHandlerState.CANCELLED, GestureHandlerState.END];
+
+function shouldScrollToAdjacent(translationX, velocityX) {
+  return Math.abs(translationX) >= SCROLL_TO_ADJACENT_TX_THRESHOLD || Math.abs(velocityX) >= SCROLL_TO_ADJACENT_VX_THRESHOLD;
+}
+
+export default function ScrollViewGesture(props) {
+  const {
+    autoplayController,
+    children,
+    finalizeAnimation,
+    offsetTx,
+    scrollEnabled,
+    startAnimation
+  } = props;
+  const {
+    pause: pauseAutoplay,
+    resume: resumeAutoplay
+  } = autoplayController;
+  const handleGestureBegin = useCallback(() => {
+    pauseAutoplay();
+    finalizeAnimation();
+  }, [finalizeAnimation, pauseAutoplay]);
+  const handleGestureEvent = useCallback(Animated.event([{
+    nativeEvent: {
+      translationX: offsetTx
+    }
+  }], {
+    useNativeDriver: true
+  }), []);
+  const handleHandlerStateChange = useCallback(event => {
+    const {
+      nativeEvent: {
+        translationX,
+        velocityX,
+        state
+      }
+    } = event;
+
+    if (endAnimationStates.includes(state)) {
+      const userDirection = shouldScrollToAdjacent(translationX, velocityX) ? translationX < 0 ? 'next' : 'prev' : 'stay';
+      startAnimation(userDirection, true);
+      resumeAutoplay();
+    }
+  }, [startAnimation, resumeAutoplay]);
+  return /*#__PURE__*/React.createElement(PanGestureHandler, {
+    activeOffsetX: activeOffsetX,
+    children: children,
+    enabled: scrollEnabled,
+    onBegan: handleGestureBegin,
+    onGestureEvent: handleGestureEvent,
+    onHandlerStateChange: handleHandlerStateChange
+  });
+}
+//# sourceMappingURL=ScrollViewGesture.js.map

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

@@ -0,0 +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","Math","abs","ScrollViewGesture","props","autoplayController","children","finalizeAnimation","offsetTx","scrollEnabled","startAnimation","pause","pauseAutoplay","resume","resumeAutoplay","handleGestureBegin","handleGestureEvent","event","nativeEvent","useNativeDriver","handleHandlerStateChange","state","includes","userDirection"],"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    startAnimation: StartPagingAnimation;\n}\n\nconst SCROLL_TO_ADJACENT_TX_THRESHOLD = 60;\nconst SCROLL_TO_ADJACENT_VX_THRESHOLD = 500;\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    return Math.abs(translationX) >= SCROLL_TO_ADJACENT_TX_THRESHOLD\n        || Math.abs(velocityX) >= SCROLL_TO_ADJACENT_VX_THRESHOLD;\n}\n\nexport default function ScrollViewGesture(props: ScrollViewGestureProps) {\n    const {\n        autoplayController,\n        children,\n        finalizeAnimation,\n        offsetTx,\n        scrollEnabled,\n        startAnimation,\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 userDirection: PagingDirection = shouldScrollToAdjacent(translationX, velocityX)\n                ? (translationX < 0 ? 'next' : 'prev')\n                : 'stay';\n\n            startAnimation(userDirection, true);\n\n            resumeAutoplay();\n        }\n    }, [startAnimation, 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,GAAxC;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,OAAOC,IAAI,CAACC,GAAL,CAASH,YAAT,KAA0BR,+BAA1B,IACAU,IAAI,CAACC,GAAL,CAASF,SAAT,KAAuBR,+BAD9B;AAEH;;AAED,eAAe,SAASW,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,GAAG7B,WAAW,CAAC,MAAM;IACzC0B,aAAa;IAEbL,iBAAiB;EACpB,CAJqC,EAInC,CAACA,iBAAD,EAAoBK,aAApB,CAJmC,CAAtC;EAMA,MAAMI,kBAAkB,GAAG9B,WAAW,CAACC,QAAQ,CAAC8B,KAAT,CACnC,CAAC;IAAEC,WAAW,EAAE;MAAEnB,YAAY,EAAES;IAAhB;EAAf,CAAD,CADmC,EAEnC;IAAEW,eAAe,EAAE;EAAnB,CAFmC,CAAD,EAGnC,EAHmC,CAAtC;EAKA,MAAMC,wBAAwB,GAAGlC,WAAW,CAAE+B,KAAD,IAA8C;IACvF,MAAM;MAAEC,WAAW,EAAE;QAAEnB,YAAF;QAAgBC,SAAhB;QAA2BqB;MAA3B;IAAf,IAAsDJ,KAA5D;;IAEA,IAAItB,kBAAkB,CAAC2B,QAAnB,CAA4BD,KAA5B,CAAJ,EAAwC;MACpC,MAAME,aAA8B,GAAGzB,sBAAsB,CAACC,YAAD,EAAeC,SAAf,CAAtB,GAChCD,YAAY,GAAG,CAAf,GAAmB,MAAnB,GAA4B,MADI,GAEjC,MAFN;MAIAW,cAAc,CAACa,aAAD,EAAgB,IAAhB,CAAd;MAEAT,cAAc;IACjB;EACJ,CAZ2C,EAYzC,CAACJ,cAAD,EAAiBI,cAAjB,CAZyC,CAA5C;EAcA,oBACI,oBAAC,iBAAD;IACI,aAAa,EAAEpB,aADnB;IAEI,QAAQ,EAAEY,QAFd;IAGI,OAAO,EAAEG,aAHb;IAII,OAAO,EAAEM,kBAJb;IAKI,cAAc,EAAEC,kBALpB;IAMI,oBAAoB,EAAEI;EAN1B,EADJ;AAUH"}

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

@@ -0,0 +1,5 @@
+export { default as InternalContext } from './InternalContext';
+export { default as ItemView } from './ItemView';
+export { default as RootView } from './RootView';
+export { default as ScrollViewGesture } from './ScrollViewGesture';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","InternalContext","ItemView","RootView","ScrollViewGesture"],"sources":["index.ts"],"sourcesContent":["export { default as InternalContext } from './InternalContext';\nexport { default as ItemView } from './ItemView';\nexport { default as RootView } from './RootView';\nexport { default as ScrollViewGesture } from './ScrollViewGesture';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,eAApB,QAA2C,mBAA3C;AACA,SAASD,OAAO,IAAIE,QAApB,QAAoC,YAApC;AACA,SAASF,OAAO,IAAIG,QAApB,QAAoC,YAApC;AACA,SAASH,OAAO,IAAII,iBAApB,QAA6C,qBAA7C"}

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

@@ -0,0 +1,8 @@
+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';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,45 @@
+import { useCallback, useEffect, useRef } from 'react';
+import { useDeferredExecutor } from '../../hooks';
+export default function useAutoplayController(config) {
+  const {
+    enabled,
+    intervalMillis,
+    startPagingAnimation
+  } = config;
+  const paused = useRef(false);
+  const executor = useDeferredExecutor();
+  const play = useCallback(() => {
+    if (paused.current) {
+      return;
+    }
+
+    executor.execute(() => {
+      startPagingAnimation('next', false);
+      play();
+    }, intervalMillis);
+  }, [intervalMillis, startPagingAnimation]);
+  const pause = useCallback(() => {
+    executor.cancel();
+    paused.current = true;
+  }, []);
+  const resume = useCallback(() => {
+    paused.current = false;
+
+    if (enabled) {
+      play();
+    }
+  }, [play, enabled]);
+  useEffect(() => {
+    if (enabled) {
+      resume();
+    } else {
+      pause();
+    }
+  }, [enabled]);
+  return {
+    pause,
+    resume
+  };
+}
+;
+//# sourceMappingURL=useAutoplayController.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useDeferredExecutor","useAutoplayController","config","enabled","intervalMillis","startPagingAnimation","paused","executor","play","current","execute","pause","cancel","resume"],"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,SAASA,WAAT,EAAsBC,SAAtB,EAAiCC,MAAjC,QAA+C,OAA/C;AAEA,SAASC,mBAAT,QAAoC,aAApC;AAQA,eAAe,SAASC,qBAAT,CAA+BC,MAA/B,EAA2E;EACtF,MAAM;IACFC,OADE;IAEFC,cAFE;IAGFC;EAHE,IAIFH,MAJJ;EAMA,MAAMI,MAAM,GAAGP,MAAM,CAAU,KAAV,CAArB;EAEA,MAAMQ,QAAQ,GAAGP,mBAAmB,EAApC;EAEA,MAAMQ,IAAI,GAAGX,WAAW,CAAC,MAAM;IAC3B,IAAIS,MAAM,CAACG,OAAX,EAAoB;MAChB;IACH;;IAEDF,QAAQ,CAACG,OAAT,CAAiB,MAAM;MACnBL,oBAAoB,CAAC,MAAD,EAAS,KAAT,CAApB;MACAG,IAAI;IACP,CAHD,EAGGJ,cAHH;EAIH,CATuB,EASrB,CAACA,cAAD,EAAiBC,oBAAjB,CATqB,CAAxB;EAWA,MAAMM,KAAK,GAAGd,WAAW,CAAC,MAAM;IAC5BU,QAAQ,CAACK,MAAT;IACAN,MAAM,CAACG,OAAP,GAAiB,IAAjB;EACH,CAHwB,EAGtB,EAHsB,CAAzB;EAKA,MAAMI,MAAM,GAAGhB,WAAW,CAAC,MAAM;IAC7BS,MAAM,CAACG,OAAP,GAAiB,KAAjB;;IACA,IAAIN,OAAJ,EAAa;MACTK,IAAI;IACP;EACJ,CALyB,EAKvB,CAACA,IAAD,EAAOL,OAAP,CALuB,CAA1B;EAOAL,SAAS,CAAC,MAAM;IACZ,IAAIK,OAAJ,EAAa;MACTU,MAAM;IACT,CAFD,MAEO;MACHF,KAAK;IACR;EACJ,CANQ,EAMN,CAACR,OAAD,CANM,CAAT;EAQA,OAAO;IAAEQ,KAAF;IAASE;EAAT,CAAP;AACH;AAAA"}

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

@@ -0,0 +1,14 @@
+import { useEffect } from 'react';
+export default function useDimensionChangeReaction(params) {
+  const {
+    controlledTx,
+    currentIndex,
+    itemWidth
+  } = params;
+  useEffect(() => {
+    const newTx = -currentIndex * itemWidth;
+    controlledTx.setValue(newTx);
+  }, [controlledTx, currentIndex, itemWidth]);
+}
+;
+//# sourceMappingURL=useDimensionChangeReaction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useDimensionChangeReaction","params","controlledTx","currentIndex","itemWidth","newTx","setValue"],"sources":["useDimensionChangeReaction.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { Animated } from 'react-native';\n\nexport interface Parameters {\n    controlledTx: Animated.AnimatedValue;\n    currentIndex: number;\n    itemWidth: number;\n}\n\nexport default function useDimensionChangeReaction(params: Parameters) {\n    const {\n        controlledTx,\n        currentIndex,\n        itemWidth,\n    } = params;\n\n    useEffect(() => {\n        const newTx = -currentIndex * itemWidth;\n        controlledTx.setValue(newTx);\n    }, [\n        controlledTx,\n        currentIndex,\n        itemWidth,\n    ]);\n};\n"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AASA,eAAe,SAASC,0BAAT,CAAoCC,MAApC,EAAwD;EACnE,MAAM;IACFC,YADE;IAEFC,YAFE;IAGFC;EAHE,IAIFH,MAJJ;EAMAF,SAAS,CAAC,MAAM;IACZ,MAAMM,KAAK,GAAG,CAACF,YAAD,GAAgBC,SAA9B;IACAF,YAAY,CAACI,QAAb,CAAsBD,KAAtB;EACH,CAHQ,EAGN,CACCH,YADD,EAECC,YAFD,EAGCC,SAHD,CAHM,CAAT;AAQH;AAAA"}

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

@@ -0,0 +1,54 @@
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Animated } from 'react-native';
+
+const normalizeIndex = (maybeIndex, numberOfData) => Math.abs(Math.floor(maybeIndex)) % numberOfData;
+
+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);
+
+      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, []);
+  return {
+    currentIndex: index,
+    getCurrentIndex,
+    lastIndex: numberOfOriginalData - 1,
+    monitorElement: /*#__PURE__*/React.createElement(Animated.View, {
+      collapsable: false,
+      style: [{
+        zIndex: maybeIndex
+      }, {
+        width: 1,
+        height: 1,
+        position: 'absolute'
+      }]
+    })
+  };
+}
+;
+//# sourceMappingURL=useIndexController.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,51 @@
+import { useContext, useMemo } from 'react';
+import { Animated } from 'react-native';
+import { InternalContext } from '../components';
+const OVERSCROLL_FRICTION_FACTOR = 4;
+export default function useItemInterpolation(index) {
+  const {
+    itemWidth,
+    data,
+    globalInterpolation,
+    loop
+  } = useContext(InternalContext);
+  const numberOfData = data.length;
+  const interpolationConfigOnLoop = useMemo(() => {
+    const lastIndex = numberOfData - 1;
+    const maxWidth = Math.abs(itemWidth * numberOfData);
+    const halfOfItemWidth = 0.5 * itemWidth;
+    const positiveCount = Math.round(lastIndex / 2);
+    const startPosition = index > positiveCount ? (index - numberOfData) * itemWidth : itemWidth * index;
+    const max = positiveCount * itemWidth;
+    const min = -((lastIndex - positiveCount) * itemWidth);
+    const inputRange = [-maxWidth, min - halfOfItemWidth - startPosition - Number.MIN_VALUE, min - halfOfItemWidth - startPosition, 0, max + halfOfItemWidth - startPosition, max + halfOfItemWidth - startPosition + Number.MIN_VALUE, maxWidth];
+    const outputRange = [startPosition, max + halfOfItemWidth - Number.MIN_VALUE, min - halfOfItemWidth, startPosition, max + halfOfItemWidth, min - halfOfItemWidth + Number.MIN_VALUE, startPosition];
+    return {
+      inputRange,
+      outputRange,
+      extrapolate: 'clamp'
+    };
+  }, [index, itemWidth, numberOfData]);
+  const interpolationConfigOnNoLoop = useMemo(() => {
+    const lastIndex = numberOfData - 1;
+    const maxWidth = itemWidth * lastIndex;
+    const startPosition = itemWidth * index;
+    const friction = itemWidth / OVERSCROLL_FRICTION_FACTOR;
+    const inputRange = [-(maxWidth + itemWidth), // overscroll
+    -maxWidth, 0, itemWidth // overscroll
+    ];
+    const outputRange = [-maxWidth + startPosition - friction, -maxWidth + startPosition, startPosition, startPosition + friction];
+    return {
+      inputRange,
+      outputRange,
+      extrapolate: 'clamp'
+    };
+  }, [index, itemWidth, numberOfData]);
+  return useMemo(() => {
+    const interpolationConfig = loop ? interpolationConfigOnLoop : interpolationConfigOnNoLoop;
+    const offsetX = globalInterpolation.interpolate(interpolationConfig);
+    return Animated.divide(offsetX, itemWidth);
+  }, [globalInterpolation, interpolationConfigOnLoop, interpolationConfigOnNoLoop, itemWidth, loop]);
+}
+;
+//# sourceMappingURL=useItemInterpolation.js.map

package/build/module/Carousel/hooks/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","offsetX","interpolate","divide"],"sources":["useItemInterpolation.ts"],"sourcesContent":["import { useContext, useMemo } from 'react';\nimport { Animated } from 'react-native';\nimport { InternalContext } from '../components';\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 offsetX = globalInterpolation.interpolate(interpolationConfig);\n\n        return Animated.divide(offsetX, 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/useItemVisibilityStore.js

@@ -0,0 +1,87 @@
+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';
+
+class SimpleItemVisibilityStore {
+  constructor(initialValue) {
+    _defineProperty(this, "store", void 0);
+
+    _defineProperty(this, "listeners", []);
+
+    this.store = initialValue;
+  }
+
+  subscribe(listener) {
+    this.listeners.push(listener);
+    listener(this.store);
+    return () => {
+      const index = this.listeners.indexOf(listener);
+      this.listeners.splice(index, 1);
+    };
+  }
+
+  dispatch(ranges) {
+    this.store = ranges;
+
+    for (const id in this.listeners) {
+      const listener = this.listeners[id];
+      listener === null || listener === void 0 ? void 0 : listener(ranges);
+    }
+  }
+
+  removeAllListeners() {
+    this.listeners.splice(0, this.listeners.length);
+  }
+
+}
+
+function normalize(windowSize, numberOfData) {
+  if (windowSize <= 0) {
+    return numberOfData;
+  }
+
+  if (windowSize > 0 && windowSize % 2 === 0) {
+    return windowSize + 1;
+  }
+
+  return windowSize;
+}
+
+function mod(value, modulo) {
+  return (value % modulo + modulo) % modulo;
+}
+
+function makeVisibleIndexRanges(numberOfData, windowSize, index) {
+  const ws = normalize(windowSize, numberOfData);
+  const firstIndex = 0;
+  const lastIndex = numberOfData - 1;
+  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
+
+  return [...leftRanges, ...rightRanges];
+}
+
+export default function useItemVisibilityStore(params) {
+  const {
+    currentIndex,
+    numberOfData,
+    windowSize
+  } = params;
+  const [initialRange] = useState(() => makeVisibleIndexRanges(numberOfData, windowSize, currentIndex));
+  const store = useRef(new SimpleItemVisibilityStore(initialRange)).current;
+  useEffect(() => {
+    const newRanges = makeVisibleIndexRanges(numberOfData, windowSize, currentIndex);
+    store.dispatch(newRanges);
+  }, [currentIndex, numberOfData, windowSize]);
+  useEffect(() => {
+    return () => {
+      store.removeAllListeners();
+    };
+  }, []);
+  return store;
+}
+;
+//# sourceMappingURL=useItemVisibilityStore.js.map