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

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

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

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

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

@@ -0,0 +1,24 @@
+import { useMemo } from 'react';
+export default function useLoopedData(originalData, loop) {
+  return useMemo(() => {
+    if (!loop) {
+      return originalData;
+    }
+
+    const numberOfData = originalData.length;
+
+    if (numberOfData === 1) {
+      const [first] = originalData;
+      return [first, first, first];
+    }
+
+    if (numberOfData === 2) {
+      const [first, second] = originalData;
+      return [first, second, first, second];
+    }
+
+    return originalData;
+  }, [originalData, loop]);
+}
+;
+//# sourceMappingURL=useLoopedData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useLoopedData","originalData","loop","numberOfData","length","first","second"],"sources":["useLoopedData.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nexport default function useLoopedData<ItemT>(\n    originalData: ReadonlyArray<ItemT>,\n    loop: boolean,\n): ReadonlyArray<ItemT> {\n    return useMemo(() => {\n        if (!loop) {\n            return originalData;\n        }\n\n        const numberOfData = originalData.length;\n\n        if (numberOfData === 1) {\n            const [first] = originalData;\n            return [first, first, first];\n        }\n\n        if (numberOfData === 2) {\n            const [first, second] = originalData;\n            return [first, second, first, second];\n        }\n\n        return originalData;\n    }, [originalData, loop]);\n};\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB;AAEA,eAAe,SAASC,aAAT,CACXC,YADW,EAEXC,IAFW,EAGS;EACpB,OAAOH,OAAO,CAAC,MAAM;IACjB,IAAI,CAACG,IAAL,EAAW;MACP,OAAOD,YAAP;IACH;;IAED,MAAME,YAAY,GAAGF,YAAY,CAACG,MAAlC;;IAEA,IAAID,YAAY,KAAK,CAArB,EAAwB;MACpB,MAAM,CAACE,KAAD,IAAUJ,YAAhB;MACA,OAAO,CAACI,KAAD,EAAQA,KAAR,EAAeA,KAAf,CAAP;IACH;;IAED,IAAIF,YAAY,KAAK,CAArB,EAAwB;MACpB,MAAM,CAACE,KAAD,EAAQC,MAAR,IAAkBL,YAAxB;MACA,OAAO,CAACI,KAAD,EAAQC,MAAR,EAAgBD,KAAhB,EAAuBC,MAAvB,CAAP;IACH;;IAED,OAAOL,YAAP;EACH,CAlBa,EAkBX,CAACA,YAAD,EAAeC,IAAf,CAlBW,CAAd;AAmBH;AAAA"}

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

@@ -0,0 +1,115 @@
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { Animated, Platform } from 'react-native';
+
+function directionToValue(itemWidth) {
+  return function (direction) {
+    switch (direction) {
+      case 'next':
+        return -itemWidth;
+
+      case 'prev':
+        return itemWidth;
+
+      case 'stay':
+        return 0;
+    }
+  };
+}
+
+export default function usePagingAnimation(config) {
+  const {
+    controlledTx,
+    createScrollAnimation,
+    getCurrentIndex,
+    itemWidth,
+    lastIndex,
+    loop,
+    numberOfData,
+    offsetTx
+  } = config;
+  const animationRef = useRef(null);
+  const toValueRef = useRef(0);
+  const globalInterpolation = useMemo(() => Animated.add(controlledTx, offsetTx), [controlledTx, offsetTx]);
+  useEffect(() => {
+    const subscriptionId = controlledTx.addListener(value => {
+      const currentTx = value.value; // Prevent infinite loop
+
+      if (currentTx !== 0) {
+        const maxWidth = numberOfData * itemWidth;
+
+        if (Math.abs(Math.round(currentTx)) === Math.round(maxWidth)) {
+          // reset position
+          controlledTx.setValue(0);
+        }
+      }
+    });
+    return () => {
+      controlledTx.removeListener(subscriptionId);
+    };
+  }, [numberOfData, itemWidth]);
+  const finalizeAnimation = useCallback(() => {
+    const stopUnfinishedSnapAnimation = () => {
+      if (animationRef.current) {
+        var _animationRef$current;
+
+        (_animationRef$current = animationRef.current) === null || _animationRef$current === void 0 ? void 0 : _animationRef$current.stop();
+        animationRef.current = null;
+      }
+    };
+
+    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.
+
+      if (Platform.OS === 'web') {
+        // @ts-ignore
+        controlledTx.setValue(controlledTx._value);
+      }
+
+      offsetTx.setValue(0);
+      toValueRef.current = 0;
+    };
+
+    stopUnfinishedSnapAnimation();
+    resetBoundary();
+  }, [controlledTx]);
+  const startAnimation = useCallback(function (direction) {
+    let isGesture = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    const getToValueByDirection = directionToValue(itemWidth);
+    const currentIndex = getCurrentIndex();
+
+    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
+      }
+
+      return getToValueByDirection(direction);
+    };
+
+    const toValue = loop ? getToValueByDirection(direction) : computeToValueOnNoLoop();
+    const animation = createScrollAnimation(offsetTx, toValue);
+    animationRef.current = animation;
+    toValueRef.current = toValue;
+    animation.start(_ref => {
+      let {
+        finished
+      } = _ref;
+
+      if (finished) {
+        finalizeAnimation();
+      }
+    });
+  }, [createScrollAnimation, getCurrentIndex, finalizeAnimation, itemWidth, lastIndex, loop]);
+  return {
+    globalInterpolation,
+    finalizeAnimation,
+    startAnimation
+  };
+}
+;
+//# sourceMappingURL=usePagingAnimation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","Animated","Platform","directionToValue","itemWidth","direction","usePagingAnimation","config","controlledTx","createScrollAnimation","getCurrentIndex","lastIndex","loop","numberOfData","offsetTx","animationRef","toValueRef","globalInterpolation","add","subscriptionId","addListener","value","currentTx","maxWidth","Math","abs","round","setValue","removeListener","finalizeAnimation","stopUnfinishedSnapAnimation","current","stop","resetBoundary","setOffset","flattenOffset","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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"}

package/build/module/Carousel/index.js

@@ -1,2 +1,3 @@
-export { default } from './CarouselWeb';
+export { default } from './Carousel';
+export { normalItemStyleFactory, parallaxItemStyleFactory } from './animation';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB","sourcesContent":["export { default } from './CarouselWeb';\nexport type { default as CarouselProps } from './CarouselProps';"]}
+{"version":3,"names":["default","normalItemStyleFactory","parallaxItemStyleFactory"],"sources":["index.ts"],"sourcesContent":["export { default } from './Carousel';\nexport type { default as CarouselProps } from './CarouselProps';\nexport type { CarouselInstance } from './types';\nexport { normalItemStyleFactory, parallaxItemStyleFactory } from './animation';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB;AAGA,SAASC,sBAAT,EAAiCC,wBAAjC,QAAiE,aAAjE"}

package/build/module/Carousel/types.js

@@ -0,0 +1,3 @@
+const directions = ['next', 'prev', 'stay'];
+export {};
+//# sourceMappingURL=types.js.map

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

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

package/build/module/ComicViewer/ComicViewer.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || 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); }
+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, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { FlatList } from 'react-native';
@@ -49,9 +49,10 @@ export default function ComicViewer(props) {
       index
     };
   }, [itemHeights]);
-  const onViewableItemsChanged = useRef(({
-    viewableItems
-  }) => {
+  const onViewableItemsChanged = useRef(_ref => {
+    let {
+      viewableItems
+    } = _ref;
     setItems(prev => {
       const viewableItemIds = R.map(viewableItem => viewableItem.item.id)(viewableItems);
       return R.map(prevItem => ({ ...prevItem,
@@ -79,17 +80,21 @@ export default function ComicViewer(props) {
 
     debounceTimeOut.current = setTimeout(function () {
       const errorsArray = Array.from(errors.current.entries());
-      const errorsInfo = R.map(([key, value]) => ({
-        id: key,
-        count: value
-      }))(errorsArray);
+      const errorsInfo = R.map(_ref2 => {
+        let [key, value] = _ref2;
+        return {
+          id: key,
+          count: value
+        };
+      })(errorsArray);
       onErrorHandler([...errorsInfo]);
       errors.current.clear();
     }, errorDebounceMillis);
   }, [errorDebounceMillis, errors.current]);
-  const renderItem = useCallback(({
-    item
-  }) => {
+  const renderItem = useCallback(_ref3 => {
+    let {
+      item
+    } = _ref3;
     const props = { ...item,
       onError: itemErrorHandler
     };

package/build/module/ComicViewer/ComicViewer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ComicViewer.tsx"],"names":["React","useCallback","useEffect","useMemo","useRef","useState","FlatList","R","ViewerItem","getItemHeights","items","map","content","height","appender","left","right","getHeightAccum","itemHeights","mapAccum","keyExtractor","item","id","ComicViewer","props","data","errorDebounceMillis","errorRetryCount","initialNumToRender","initialScrollPercentage","itemVisiblePercentThreshold","onError","viewerWidth","windowSize","otherProps","flatListRef","errors","Map","debounceTimeOut","resourceString","toString","itemData","sourceUrl","initialItems","isViewable","width","setItems","itemHeightAccum","viewabilityConfig","getItemLayout","index","offsets","prepend","length","offset","onViewableItemsChanged","viewableItems","prev","viewableItemIds","viewableItem","prevItem","includes","onErrorHandler","isRetryLimited","any","error","count","itemErrorHandler","errorInfo","current","set","clearTimeout","setTimeout","errorsArray","Array","from","entries","errorsInfo","key","value","clear","renderItem","currentData","find","currentItemData","newItems","totalHeight","Math","floor","scrollToOffset","animated"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { FlatList, ListRenderItem, ViewToken } from 'react-native';\nimport * as R from 'ramda';\nimport { ComicViewerItemData, default as ComicViewerProps, ErrorInfo } from './ComicViewerProps';\nimport type ComicViewerItemProps from './ComicViewerItemProps';\nimport ViewerItem from './ViewerItem';\n\nconst getItemHeights = <T, >(items: ComicViewerItemProps<T>[]): number[] => R.map((content: ComicViewerItemProps<T>) => content.height)(items);\nconst appender = (left: number, right: number): [number, number] => [left + right, left + right];\nconst getHeightAccum = (itemHeights: number[]): [number, number[]] => R.mapAccum(appender, 0, itemHeights);\n\nconst keyExtractor = <T, >(item: ComicViewerItemProps<T>) => item.id;\n\nexport default function ComicViewer<T>(props: ComicViewerProps<T>) {\n    const {\n        data,\n        errorDebounceMillis = 500,\n        errorRetryCount = 3,\n        initialNumToRender = 1,\n        initialScrollPercentage = 0,\n        itemVisiblePercentThreshold = 0,\n        onError,\n        viewerWidth,\n        windowSize = 3,\n        ...otherProps\n    } = props;\n\n    const flatListRef = useRef<FlatList>(null);\n\n    const errors = useRef<Map<string, number>>(new Map());\n    const debounceTimeOut = useRef<NodeJS.Timeout | null>(null);\n\n    const resourceString = R.toString(R.map((itemData: ComicViewerItemData) => itemData.sourceUrl)(data));\n\n    const initialItems = R.map((itemData: ComicViewerItemData<T>) => ({\n        ...itemData,\n        isViewable: false,\n        width: viewerWidth,\n        height: (itemData.height * viewerWidth) / itemData.width,\n    }))(data);\n\n    const [items, setItems] = useState<ComicViewerItemProps<T>[]>(initialItems);\n\n    const itemHeights = getItemHeights(items);\n    const itemHeightAccum = getHeightAccum(itemHeights);\n\n    const viewabilityConfig = useMemo(() => ({\n        itemVisiblePercentThreshold,\n    }), [itemVisiblePercentThreshold]);\n\n    const getItemLayout = useCallback((data: any, index: number) => {\n        const offsets = R.prepend(0, itemHeightAccum[1]);\n\n        return {\n            length: itemHeights[index],\n            offset: offsets[index],\n            index,\n        };\n    }, [itemHeights]);\n\n    const onViewableItemsChanged = useRef(({ viewableItems }: {\n        viewableItems: Array<ViewToken>,\n    }) => {\n        setItems((prev: ComicViewerItemProps<T>[]) => {\n            const viewableItemIds = R.map((viewableItem: ViewToken) => viewableItem.item.id)(viewableItems);\n\n            return R.map((prevItem: ComicViewerItemProps<T>) => ({\n                ...prevItem,\n                isViewable: R.includes(prevItem.id, viewableItemIds),\n            }))([...prev]);\n        });\n    });\n\n    const onErrorHandler = (errors: ErrorInfo[]) => {\n        const isRetryLimited = R.any((error: ErrorInfo) => error.count >= errorRetryCount)(errors);\n\n        if (isRetryLimited) {\n            return;\n        }\n\n        onError && onError(errors);\n    };\n\n    const itemErrorHandler = useCallback((errorInfo: ErrorInfo) => {\n        errors.current.set(errorInfo.id, errorInfo.count);\n\n        if (debounceTimeOut.current) {\n            clearTimeout(debounceTimeOut.current);\n        }\n\n        debounceTimeOut.current = setTimeout(function () {\n            const errorsArray = Array.from(errors.current.entries());\n            const errorsInfo = R.map(([key, value]: [string, number]) => ({\n                id: key,\n                count: value,\n            }))(errorsArray);\n\n            onErrorHandler([...errorsInfo]);\n            errors.current.clear();\n        }, errorDebounceMillis);\n    }, [errorDebounceMillis, errors.current]);\n\n    const renderItem: ListRenderItem<ComicViewerItemProps<T>> = useCallback(({ item }) => {\n        const props = {\n            ...item,\n            onError: itemErrorHandler,\n        };\n\n        return <ViewerItem props={props}/>;\n    }, []);\n\n    useEffect(() => {\n        setItems((prev: ComicViewerItemProps<T>[]) => {\n            return R.map((prevItem: ComicViewerItemProps<T>) => {\n                const currentData = R.find((currentItemData: ComicViewerItemData<T>) => prevItem.id === currentItemData.id)(data);\n\n                if (currentData && (currentData.sourceUrl !== prevItem.sourceUrl)) {\n                    return {\n                        ...prevItem,\n                        sourceUrl: currentData.sourceUrl,\n                    };\n                }\n\n                return prevItem;\n            })([...prev]);\n        });\n    }, [resourceString]);\n\n    useEffect(() => {\n        const newItems = R.map((item: ComicViewerItemProps<T>) => ({\n            ...item,\n            width: viewerWidth,\n            height: (item.height * viewerWidth) / item.width,\n        }))(items);\n\n        setItems(newItems);\n    }, [viewerWidth]);\n\n    useEffect(() => {\n        const totalHeight = itemHeightAccum[0];\n        const offset = Math.floor((initialScrollPercentage / 100) * totalHeight);\n\n        if (flatListRef.current) {\n            flatListRef.current.scrollToOffset({ offset, animated: false });\n        }\n    }, [flatListRef.current]);\n\n    return (\n        <FlatList\n            data={items}\n            getItemLayout={getItemLayout}\n            initialNumToRender={initialNumToRender}\n            keyExtractor={keyExtractor}\n            onViewableItemsChanged={onViewableItemsChanged.current}\n            ref={flatListRef}\n            renderItem={renderItem}\n            viewabilityConfig={viewabilityConfig}\n            windowSize={windowSize}\n            {...otherProps}\n        />\n    );\n};\n"]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","FlatList","R","ViewerItem","getItemHeights","items","map","content","height","appender","left","right","getHeightAccum","itemHeights","mapAccum","keyExtractor","item","id","ComicViewer","props","data","errorDebounceMillis","errorRetryCount","initialNumToRender","initialScrollPercentage","itemVisiblePercentThreshold","onError","viewerWidth","windowSize","otherProps","flatListRef","errors","Map","debounceTimeOut","resourceString","toString","itemData","sourceUrl","initialItems","isViewable","width","setItems","itemHeightAccum","viewabilityConfig","getItemLayout","index","offsets","prepend","length","offset","onViewableItemsChanged","viewableItems","prev","viewableItemIds","viewableItem","prevItem","includes","onErrorHandler","isRetryLimited","any","error","count","itemErrorHandler","errorInfo","current","set","clearTimeout","setTimeout","errorsArray","Array","from","entries","errorsInfo","key","value","clear","renderItem","currentData","find","currentItemData","newItems","totalHeight","Math","floor","scrollToOffset","animated"],"sources":["ComicViewer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { FlatList, ListRenderItem, ViewToken } from 'react-native';\nimport * as R from 'ramda';\nimport { ComicViewerItemData, default as ComicViewerProps, ErrorInfo } from './ComicViewerProps';\nimport type ComicViewerItemProps from './ComicViewerItemProps';\nimport ViewerItem from './ViewerItem';\n\nconst getItemHeights = <T, >(items: ComicViewerItemProps<T>[]): number[] => R.map((content: ComicViewerItemProps<T>) => content.height)(items);\nconst appender = (left: number, right: number): [number, number] => [left + right, left + right];\nconst getHeightAccum = (itemHeights: number[]): [number, number[]] => R.mapAccum(appender, 0, itemHeights);\n\nconst keyExtractor = <T, >(item: ComicViewerItemProps<T>) => item.id;\n\nexport default function ComicViewer<T>(props: ComicViewerProps<T>) {\n    const {\n        data,\n        errorDebounceMillis = 500,\n        errorRetryCount = 3,\n        initialNumToRender = 1,\n        initialScrollPercentage = 0,\n        itemVisiblePercentThreshold = 0,\n        onError,\n        viewerWidth,\n        windowSize = 3,\n        ...otherProps\n    } = props;\n\n    const flatListRef = useRef<FlatList>(null);\n\n    const errors = useRef<Map<string, number>>(new Map());\n    const debounceTimeOut = useRef<NodeJS.Timeout | null>(null);\n\n    const resourceString = R.toString(R.map((itemData: ComicViewerItemData) => itemData.sourceUrl)(data));\n\n    const initialItems = R.map((itemData: ComicViewerItemData<T>) => ({\n        ...itemData,\n        isViewable: false,\n        width: viewerWidth,\n        height: (itemData.height * viewerWidth) / itemData.width,\n    }))(data);\n\n    const [items, setItems] = useState<ComicViewerItemProps<T>[]>(initialItems);\n\n    const itemHeights = getItemHeights(items);\n    const itemHeightAccum = getHeightAccum(itemHeights);\n\n    const viewabilityConfig = useMemo(() => ({\n        itemVisiblePercentThreshold,\n    }), [itemVisiblePercentThreshold]);\n\n    const getItemLayout = useCallback((data: any, index: number) => {\n        const offsets = R.prepend(0, itemHeightAccum[1]);\n\n        return {\n            length: itemHeights[index],\n            offset: offsets[index],\n            index,\n        };\n    }, [itemHeights]);\n\n    const onViewableItemsChanged = useRef(({ viewableItems }: {\n        viewableItems: Array<ViewToken>,\n    }) => {\n        setItems((prev: ComicViewerItemProps<T>[]) => {\n            const viewableItemIds = R.map((viewableItem: ViewToken) => viewableItem.item.id)(viewableItems);\n\n            return R.map((prevItem: ComicViewerItemProps<T>) => ({\n                ...prevItem,\n                isViewable: R.includes(prevItem.id, viewableItemIds),\n            }))([...prev]);\n        });\n    });\n\n    const onErrorHandler = (errors: ErrorInfo[]) => {\n        const isRetryLimited = R.any((error: ErrorInfo) => error.count >= errorRetryCount)(errors);\n\n        if (isRetryLimited) {\n            return;\n        }\n\n        onError && onError(errors);\n    };\n\n    const itemErrorHandler = useCallback((errorInfo: ErrorInfo) => {\n        errors.current.set(errorInfo.id, errorInfo.count);\n\n        if (debounceTimeOut.current) {\n            clearTimeout(debounceTimeOut.current);\n        }\n\n        debounceTimeOut.current = setTimeout(function () {\n            const errorsArray = Array.from(errors.current.entries());\n            const errorsInfo = R.map(([key, value]: [string, number]) => ({\n                id: key,\n                count: value,\n            }))(errorsArray);\n\n            onErrorHandler([...errorsInfo]);\n            errors.current.clear();\n        }, errorDebounceMillis);\n    }, [errorDebounceMillis, errors.current]);\n\n    const renderItem: ListRenderItem<ComicViewerItemProps<T>> = useCallback(({ item }) => {\n        const props = {\n            ...item,\n            onError: itemErrorHandler,\n        };\n\n        return <ViewerItem props={props}/>;\n    }, []);\n\n    useEffect(() => {\n        setItems((prev: ComicViewerItemProps<T>[]) => {\n            return R.map((prevItem: ComicViewerItemProps<T>) => {\n                const currentData = R.find((currentItemData: ComicViewerItemData<T>) => prevItem.id === currentItemData.id)(data);\n\n                if (currentData && (currentData.sourceUrl !== prevItem.sourceUrl)) {\n                    return {\n                        ...prevItem,\n                        sourceUrl: currentData.sourceUrl,\n                    };\n                }\n\n                return prevItem;\n            })([...prev]);\n        });\n    }, [resourceString]);\n\n    useEffect(() => {\n        const newItems = R.map((item: ComicViewerItemProps<T>) => ({\n            ...item,\n            width: viewerWidth,\n            height: (item.height * viewerWidth) / item.width,\n        }))(items);\n\n        setItems(newItems);\n    }, [viewerWidth]);\n\n    useEffect(() => {\n        const totalHeight = itemHeightAccum[0];\n        const offset = Math.floor((initialScrollPercentage / 100) * totalHeight);\n\n        if (flatListRef.current) {\n            flatListRef.current.scrollToOffset({ offset, animated: false });\n        }\n    }, [flatListRef.current]);\n\n    return (\n        <FlatList\n            data={items}\n            getItemLayout={getItemLayout}\n            initialNumToRender={initialNumToRender}\n            keyExtractor={keyExtractor}\n            onViewableItemsChanged={onViewableItemsChanged.current}\n            ref={flatListRef}\n            renderItem={renderItem}\n            viewabilityConfig={viewabilityConfig}\n            windowSize={windowSize}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":"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"}

package/build/module/ComicViewer/ComicViewerItemProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["ComicViewerItemProps.ts"],"sourcesContent":["import { ComicViewerItemData, ErrorInfo } from './ComicViewerProps';\n\ntype ComicViewerItemProps<T> = ComicViewerItemData<T> & {\n    /**\n     * FlatListItem is viewable in screen.\n     */\n    isViewable: boolean;\n\n    /**\n     * Error handler\n     */\n    onError?: (errorInfo: ErrorInfo) => void;\n}\n\nexport default ComicViewerItemProps;"],"mappings":""}

package/build/module/ComicViewer/ComicViewerProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["ComicViewerProps.ts"],"sourcesContent":["import { ComponentProps } from '@fountain-ui/core';\n\nexport interface ErrorInfo {\n    /**\n     * ComicViewerItemData.id.\n     */\n    id: string;\n\n    /**\n     * Number of times an error occurred.\n     */\n    count: number;\n}\n\nexport type ComicViewerItemData<T = {}> = T & {\n    /**\n     * Image height.\n     */\n    height: number;\n\n    /**\n     * Unique value for identifying.\n     */\n    id: string;\n\n    /**\n     * Image sourceUrl for displaying.\n     */\n    sourceUrl: string;\n\n    /**\n     * Image width.\n     */\n    width: number;\n}\n\nexport default interface ComicViewerProps<T> extends ComponentProps <{\n    /**\n     * Data for render.\n     */\n    data: ComicViewerItemData<T>[];\n\n    /**\n     * Delay Time to call the error handler.\n     * @default 500\n     */\n    errorDebounceMillis?: number;\n\n    /**\n     * How many times retry onError when same item error occur\n     * @default 3\n     */\n    errorRetryCount?: number;\n\n     /**\n     * How many items to render in the initial batch.\n     * @default 1\n     */\n    initialNumToRender?: number;\n\n    /**\n     * Start at initialScrollPercentage.\n     * If over 100, scroll to end.\n     * @default 0\n     */\n    initialScrollPercentage?: number;\n\n    /**\n     * The value for FlatList viewabilityConfig.itemVisiblePercentThreshold.\n     * @default 0\n     */\n    itemVisiblePercentThreshold?: number;\n\n    /**\n     * Handling all viewerItem errors at once.\n     * @param errors Array of ViewerItems errorInfo.\n     */\n    onError?: (errors: ErrorInfo[]) => void;\n\n    /**\n     * Comic viewer width.\n     */\n    viewerWidth: number;\n\n    /**\n     * The value for FlatList windowSize.\n     * @default 3\n     */\n    windowSize?: number;\n}> {}"],"mappings":""}

package/build/module/ComicViewer/ViewerItem.js

@@ -7,9 +7,10 @@ const styles = StyleSheet.create({
   }
 });
 
-function ViewerItem({
-  props
-}) {
+function ViewerItem(_ref) {
+  let {
+    props
+  } = _ref;
   const {
     height,
     id,

package/build/module/ComicViewer/ViewerItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ViewerItem.tsx"],"names":["React","useCallback","useRef","useState","View","Image","StyleSheet","styles","create","placeholder","backgroundColor","ViewerItem","props","height","id","isViewable","onError","sourceUrl","width","isLoaded","setIsLoaded","errorCount","onLoad","current","handleError","count","viewStyle","Placeholder","uri","memo","prevProps","nextProps"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,MAA7B,EAAqCC,QAArC,QAAqD,OAArD;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,KAAT,EAAgBC,UAAhB,QAAkC,mBAAlC;AAGA,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAX,CAAkB;AAC7BC,EAAAA,WAAW,EAAE;AACTC,IAAAA,eAAe,EAAE;AADR;AADgB,CAAlB,CAAf;;AAMA,SAASC,UAAT,CAAuB;AAAEC,EAAAA;AAAF,CAAvB,EAAsE;AAClE,QAAM;AACFC,IAAAA,MADE;AAEFC,IAAAA,EAFE;AAGFC,IAAAA,UAHE;AAIFC,IAAAA,OAJE;AAKFC,IAAAA,SALE;AAMFC,IAAAA;AANE,MAOFN,KAPJ;AASA,QAAM,CAACO,QAAD,EAAWC,WAAX,IAA0BjB,QAAQ,CAAC,KAAD,CAAxC;AAEA,QAAMkB,UAAU,GAAGnB,MAAM,CAAS,CAAT,CAAzB;AAEA,QAAMoB,MAAM,GAAGrB,WAAW,CAAC,MAAM;AAC7BoB,IAAAA,UAAU,CAACE,OAAX,GAAqB,CAArB;AACAH,IAAAA,WAAW,CAAC,IAAD,CAAX;AACH,GAHyB,EAGvB,EAHuB,CAA1B;AAKA,QAAMI,WAAW,GAAGvB,WAAW,CAAC,MAAM;AAClCoB,IAAAA,UAAU,CAACE,OAAX,GAAqBF,UAAU,CAACE,OAAX,GAAqB,CAA1C;AAEAP,IAAAA,OAAO,IAAIA,OAAO,CAAC;AACfF,MAAAA,EADe;AAEfW,MAAAA,KAAK,EAAEJ,UAAU,CAACE;AAFH,KAAD,CAAlB;AAIH,GAP8B,EAO5B,CAACT,EAAD,CAP4B,CAA/B;AASA,QAAMY,SAAS,GAAG;AAAER,IAAAA,KAAF;AAASL,IAAAA;AAAT,GAAlB;;AAEA,QAAMc,WAAW,GAAG,mBAChB,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CACTD,SADS,EAETnB,MAAM,CAACE,WAFE;AAAb,IADJ;;AAOA,MAAI,CAACM,UAAD,IAAe,CAACI,QAApB,EAA8B;AAC1B,wBAAO,oBAAC,WAAD,OAAP;AACH;;AAED,sBACI,oBAAC,KAAD;AACI,IAAA,cAAc,EAAE,IADpB;AAEI,IAAA,GAAG,EAAEF,SAFT;AAGI,IAAA,MAAM,EAAEK,MAHZ;AAII,IAAA,OAAO,EAAEE,WAJb;AAKI,IAAA,MAAM,EAAE;AAAEI,MAAAA,GAAG,EAAEX;AAAP,KALZ;AAMI,IAAA,KAAK,EAAES,SANX;AAOI,IAAA,MAAM,EAAE;AAPZ,IADJ;AAWH;;AAED,4BAAe1B,KAAK,CAAC6B,IAAN,CAAWlB,UAAX,EAAuB,CAACmB,SAAD,EAAYC,SAAZ,KAA0B;AAC5D,MAAID,SAAS,CAAClB,KAAV,CAAgBG,UAAhB,KAA+BgB,SAAS,CAACnB,KAAV,CAAgBG,UAAnD,EAA+D;AAC3D,WAAO,KAAP;AACH;;AAED,MAAIe,SAAS,CAAClB,KAAV,CAAgBK,SAAhB,KAA8Bc,SAAS,CAACnB,KAAV,CAAgBK,SAAlD,EAA6D;AACzD,WAAO,KAAP;AACH;;AAED,SAAO,IAAP;AACH,CAVc,CAAf","sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport { View } from 'react-native';\nimport { Image, StyleSheet } from '@fountain-ui/core';\nimport ComicViewerItemProps from './ComicViewerItemProps';\n\nconst styles = StyleSheet.create({\n    placeholder: {\n        backgroundColor: '#abcabc',\n    },\n});\n\nfunction ViewerItem<T>({ props }: { props: ComicViewerItemProps<T> }) {\n    const {\n        height,\n        id,\n        isViewable,\n        onError,\n        sourceUrl,\n        width,\n    } = props;\n\n    const [isLoaded, setIsLoaded] = useState(false);\n\n    const errorCount = useRef<number>(0);\n\n    const onLoad = useCallback(() => {\n        errorCount.current = 0;\n        setIsLoaded(true);\n    }, []);\n\n    const handleError = useCallback(() => {\n        errorCount.current = errorCount.current + 1;\n\n        onError && onError({\n            id,\n            count: errorCount.current\n        });\n    }, [id]);\n\n    const viewStyle = { width, height };\n\n    const Placeholder = () => (\n        <View style={[\n            viewStyle,\n            styles.placeholder,\n        ]}/>\n    );\n\n    if (!isViewable && !isLoaded) {\n        return <Placeholder/>;\n    }\n\n    return (\n        <Image\n            disableOutline={true}\n            key={sourceUrl}\n            onLoad={onLoad}\n            onError={handleError}\n            source={{ uri: sourceUrl }}\n            style={viewStyle}\n            square={true}\n        />\n    );\n}\n\nexport default React.memo(ViewerItem, (prevProps, nextProps) => {\n    if (prevProps.props.isViewable !== nextProps.props.isViewable) {\n        return false;\n    }\n\n    if (prevProps.props.sourceUrl !== nextProps.props.sourceUrl) {\n        return false;\n    }\n\n    return true;\n});\n"]}
+{"version":3,"names":["React","useCallback","useRef","useState","View","Image","StyleSheet","styles","create","placeholder","backgroundColor","ViewerItem","props","height","id","isViewable","onError","sourceUrl","width","isLoaded","setIsLoaded","errorCount","onLoad","current","handleError","count","viewStyle","Placeholder","uri","memo","prevProps","nextProps"],"sources":["ViewerItem.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport { View } from 'react-native';\nimport { Image, StyleSheet } from '@fountain-ui/core';\nimport ComicViewerItemProps from './ComicViewerItemProps';\n\nconst styles = StyleSheet.create({\n    placeholder: {\n        backgroundColor: '#abcabc',\n    },\n});\n\nfunction ViewerItem<T>({ props }: { props: ComicViewerItemProps<T> }) {\n    const {\n        height,\n        id,\n        isViewable,\n        onError,\n        sourceUrl,\n        width,\n    } = props;\n\n    const [isLoaded, setIsLoaded] = useState(false);\n\n    const errorCount = useRef<number>(0);\n\n    const onLoad = useCallback(() => {\n        errorCount.current = 0;\n        setIsLoaded(true);\n    }, []);\n\n    const handleError = useCallback(() => {\n        errorCount.current = errorCount.current + 1;\n\n        onError && onError({\n            id,\n            count: errorCount.current\n        });\n    }, [id]);\n\n    const viewStyle = { width, height };\n\n    const Placeholder = () => (\n        <View style={[\n            viewStyle,\n            styles.placeholder,\n        ]}/>\n    );\n\n    if (!isViewable && !isLoaded) {\n        return <Placeholder/>;\n    }\n\n    return (\n        <Image\n            disableOutline={true}\n            key={sourceUrl}\n            onLoad={onLoad}\n            onError={handleError}\n            source={{ uri: sourceUrl }}\n            style={viewStyle}\n            square={true}\n        />\n    );\n}\n\nexport default React.memo(ViewerItem, (prevProps, nextProps) => {\n    if (prevProps.props.isViewable !== nextProps.props.isViewable) {\n        return false;\n    }\n\n    if (prevProps.props.sourceUrl !== nextProps.props.sourceUrl) {\n        return false;\n    }\n\n    return true;\n});\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,MAA7B,EAAqCC,QAArC,QAAqD,OAArD;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,KAAT,EAAgBC,UAAhB,QAAkC,mBAAlC;AAGA,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAX,CAAkB;EAC7BC,WAAW,EAAE;IACTC,eAAe,EAAE;EADR;AADgB,CAAlB,CAAf;;AAMA,SAASC,UAAT,OAAsE;EAAA,IAA/C;IAAEC;EAAF,CAA+C;EAClE,MAAM;IACFC,MADE;IAEFC,EAFE;IAGFC,UAHE;IAIFC,OAJE;IAKFC,SALE;IAMFC;EANE,IAOFN,KAPJ;EASA,MAAM,CAACO,QAAD,EAAWC,WAAX,IAA0BjB,QAAQ,CAAC,KAAD,CAAxC;EAEA,MAAMkB,UAAU,GAAGnB,MAAM,CAAS,CAAT,CAAzB;EAEA,MAAMoB,MAAM,GAAGrB,WAAW,CAAC,MAAM;IAC7BoB,UAAU,CAACE,OAAX,GAAqB,CAArB;IACAH,WAAW,CAAC,IAAD,CAAX;EACH,CAHyB,EAGvB,EAHuB,CAA1B;EAKA,MAAMI,WAAW,GAAGvB,WAAW,CAAC,MAAM;IAClCoB,UAAU,CAACE,OAAX,GAAqBF,UAAU,CAACE,OAAX,GAAqB,CAA1C;IAEAP,OAAO,IAAIA,OAAO,CAAC;MACfF,EADe;MAEfW,KAAK,EAAEJ,UAAU,CAACE;IAFH,CAAD,CAAlB;EAIH,CAP8B,EAO5B,CAACT,EAAD,CAP4B,CAA/B;EASA,MAAMY,SAAS,GAAG;IAAER,KAAF;IAASL;EAAT,CAAlB;;EAEA,MAAMc,WAAW,GAAG,mBAChB,oBAAC,IAAD;IAAM,KAAK,EAAE,CACTD,SADS,EAETnB,MAAM,CAACE,WAFE;EAAb,EADJ;;EAOA,IAAI,CAACM,UAAD,IAAe,CAACI,QAApB,EAA8B;IAC1B,oBAAO,oBAAC,WAAD,OAAP;EACH;;EAED,oBACI,oBAAC,KAAD;IACI,cAAc,EAAE,IADpB;IAEI,GAAG,EAAEF,SAFT;IAGI,MAAM,EAAEK,MAHZ;IAII,OAAO,EAAEE,WAJb;IAKI,MAAM,EAAE;MAAEI,GAAG,EAAEX;IAAP,CALZ;IAMI,KAAK,EAAES,SANX;IAOI,MAAM,EAAE;EAPZ,EADJ;AAWH;;AAED,4BAAe1B,KAAK,CAAC6B,IAAN,CAAWlB,UAAX,EAAuB,CAACmB,SAAD,EAAYC,SAAZ,KAA0B;EAC5D,IAAID,SAAS,CAAClB,KAAV,CAAgBG,UAAhB,KAA+BgB,SAAS,CAACnB,KAAV,CAAgBG,UAAnD,EAA+D;IAC3D,OAAO,KAAP;EACH;;EAED,IAAIe,SAAS,CAAClB,KAAV,CAAgBK,SAAhB,KAA8Bc,SAAS,CAACnB,KAAV,CAAgBK,SAAlD,EAA6D;IACzD,OAAO,KAAP;EACH;;EAED,OAAO,IAAP;AACH,CAVc,CAAf"}

package/build/module/ComicViewer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB","sourcesContent":["export { default } from './ComicViewer';\nexport type { ComicViewerItemData, default as ComicViewerProps, ErrorInfo } from './ComicViewerProps';\nexport type { default as ComicViewerItemProps } from './ComicViewerItemProps';"]}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './ComicViewer';\nexport type { ComicViewerItemData, default as ComicViewerProps, ErrorInfo } from './ComicViewerProps';\nexport type { default as ComicViewerItemProps } from './ComicViewerItemProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB"}

package/build/module/DateTimePicker/DateTimePicker.js

@@ -81,8 +81,8 @@ export default function DateTimePicker(props) {
       onPress: () => setYearPickerVisible(true)
     }),
     theme: {
-      backgroundColor: theme.palette.background.default,
-      calendarBackground: theme.palette.background.default,
+      backgroundColor: theme.palette.paper.default,
+      calendarBackground: theme.palette.paper.default,
       dayTextColor: theme.palette.text.primary,
       textDisabledColor: theme.palette.text.hint
     }