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

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

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useItemVisibilityStore;
+
+var _react = require("react");
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+class SimpleItemVisibilityStore {
+  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];
+}
+
+function useItemVisibilityStore(params) {
+  const {
+    currentIndex,
+    numberOfData,
+    windowSize
+  } = params;
+  const [initialRange] = (0, _react.useState)(() => makeVisibleIndexRanges(numberOfData, windowSize, currentIndex));
+  const store = (0, _react.useRef)(new SimpleItemVisibilityStore(initialRange)).current;
+  (0, _react.useEffect)(() => {
+    const newRanges = makeVisibleIndexRanges(numberOfData, windowSize, currentIndex);
+    store.dispatch(newRanges);
+  }, [currentIndex, numberOfData, windowSize]);
+  (0, _react.useEffect)(() => {
+    return () => {
+      store.removeAllListeners();
+    };
+  }, []);
+  return store;
+}
+
+;
+//# sourceMappingURL=useItemVisibilityStore.js.map

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

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

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useLoopedData;
+
+var _react = require("react");
+
+function useLoopedData(originalData, loop) {
+  return (0, _react.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/commonjs/Carousel/hooks/useLoopedData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useLoopedData","originalData","loop","useMemo","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;;AAEe,SAASA,aAAT,CACXC,YADW,EAEXC,IAFW,EAGS;EACpB,OAAO,IAAAC,cAAA,EAAQ,MAAM;IACjB,IAAI,CAACD,IAAL,EAAW;MACP,OAAOD,YAAP;IACH;;IAED,MAAMG,YAAY,GAAGH,YAAY,CAACI,MAAlC;;IAEA,IAAID,YAAY,KAAK,CAArB,EAAwB;MACpB,MAAM,CAACE,KAAD,IAAUL,YAAhB;MACA,OAAO,CAACK,KAAD,EAAQA,KAAR,EAAeA,KAAf,CAAP;IACH;;IAED,IAAIF,YAAY,KAAK,CAArB,EAAwB;MACpB,MAAM,CAACE,KAAD,EAAQC,MAAR,IAAkBN,YAAxB;MACA,OAAO,CAACK,KAAD,EAAQC,MAAR,EAAgBD,KAAhB,EAAuBC,MAAvB,CAAP;IACH;;IAED,OAAON,YAAP;EACH,CAlBM,EAkBJ,CAACA,YAAD,EAAeC,IAAf,CAlBI,CAAP;AAmBH;;AAAA"}

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

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = usePagingAnimation;
+
+var _react = require("react");
+
+var _reactNative = require("react-native");
+
+function directionToValue(itemWidth) {
+  return function (direction) {
+    switch (direction) {
+      case 'next':
+        return -itemWidth;
+
+      case 'prev':
+        return itemWidth;
+
+      case 'stay':
+        return 0;
+    }
+  };
+}
+
+function usePagingAnimation(config) {
+  const {
+    controlledTx,
+    createScrollAnimation,
+    getCurrentIndex,
+    itemWidth,
+    lastIndex,
+    loop,
+    numberOfData,
+    offsetTx
+  } = config;
+  const animationRef = (0, _react.useRef)(null);
+  const toValueRef = (0, _react.useRef)(0);
+  const globalInterpolation = (0, _react.useMemo)(() => _reactNative.Animated.add(controlledTx, offsetTx), [controlledTx, offsetTx]);
+  (0, _react.useEffect)(() => {
+    const subscriptionId = controlledTx.addListener(value => {
+      const currentTx = value.value; // Prevent infinite loop
+
+      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 = (0, _react.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 (_reactNative.Platform.OS === 'web') {
+        // @ts-ignore
+        controlledTx.setValue(controlledTx._value);
+      }
+
+      offsetTx.setValue(0);
+      toValueRef.current = 0;
+    };
+
+    stopUnfinishedSnapAnimation();
+    resetBoundary();
+  }, [controlledTx]);
+  const startAnimation = (0, _react.useCallback)(function (direction) {
+    let isGesture = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    const getToValueByDirection = directionToValue(itemWidth);
+    const currentIndex = getCurrentIndex();
+
+    const 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/commonjs/Carousel/hooks/usePagingAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["directionToValue","itemWidth","direction","usePagingAnimation","config","controlledTx","createScrollAnimation","getCurrentIndex","lastIndex","loop","numberOfData","offsetTx","animationRef","useRef","toValueRef","globalInterpolation","useMemo","Animated","add","useEffect","subscriptionId","addListener","value","currentTx","maxWidth","Math","abs","round","setValue","removeListener","finalizeAnimation","useCallback","stopUnfinishedSnapAnimation","current","stop","resetBoundary","setOffset","flattenOffset","Platform","OS","_value","startAnimation","isGesture","getToValueByDirection","currentIndex","computeToValueOnNoLoop","toValue","animation","start","finished"],"sources":["usePagingAnimation.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { Animated, Platform } from 'react-native';\nimport type { CreateScrollAnimation, GetCurrentIndex, PagingDirection, StartPagingAnimation } from '../types';\n\nexport interface PagingAnimationConfig {\n    controlledTx: Animated.Value;\n    createScrollAnimation: CreateScrollAnimation;\n    getCurrentIndex: GetCurrentIndex;\n    itemWidth: number;\n    lastIndex: number;\n    loop: boolean;\n    numberOfData: number;\n    offsetTx: Animated.Value;\n}\n\nexport interface UsePagingAnimation {\n    finalizeAnimation: () => void;\n    globalInterpolation: Animated.AnimatedInterpolation;\n    startAnimation: StartPagingAnimation;\n}\n\nfunction directionToValue(itemWidth: number) {\n    return function (direction: PagingDirection): number {\n        switch (direction) {\n            case 'next':\n                return -itemWidth;\n            case 'prev':\n                return itemWidth;\n            case 'stay':\n                return 0;\n        }\n    };\n}\n\nexport default function usePagingAnimation(config: PagingAnimationConfig): UsePagingAnimation {\n    const {\n        controlledTx,\n        createScrollAnimation,\n        getCurrentIndex,\n        itemWidth,\n        lastIndex,\n        loop,\n        numberOfData,\n        offsetTx,\n    } = config;\n\n    const animationRef = useRef<Animated.CompositeAnimation | null>(null);\n    const toValueRef = useRef<number>(0);\n\n    const globalInterpolation = useMemo(\n        () => Animated.add(controlledTx, offsetTx),\n        [controlledTx, offsetTx],\n    );\n\n    useEffect(() => {\n        const subscriptionId = controlledTx.addListener((value) => {\n            const currentTx = value.value;\n\n            // Prevent infinite loop\n            if (currentTx !== 0) {\n                const maxWidth = numberOfData * itemWidth;\n\n                if (Math.abs(Math.round(currentTx)) === Math.round(maxWidth)) {\n                    // reset position\n                    controlledTx.setValue(0);\n                }\n            }\n        });\n\n        return () => {\n            controlledTx.removeListener(subscriptionId);\n        };\n    }, [numberOfData, itemWidth]);\n\n    const finalizeAnimation = useCallback(() => {\n        const stopUnfinishedSnapAnimation = () => {\n            if (animationRef.current) {\n                animationRef.current?.stop();\n                animationRef.current = null;\n            }\n        };\n\n        const resetBoundary = () => {\n            controlledTx.setOffset(toValueRef.current);\n            controlledTx.flattenOffset();\n\n            // FIXME: react-native-web bug maybe?\n            //  `AnimatedValue.flattenOffset()` does not trigger any event listener.\n            //  Accessing value directly via `_value` is dangerous but working on web (`useNativeDriver` always false).\n            //  So setting same value with `value.setValue(value._value)` will trigger event listener.\n            if (Platform.OS === 'web') {\n                // @ts-ignore\n                controlledTx.setValue(controlledTx._value);\n            }\n\n            offsetTx.setValue(0);\n            toValueRef.current = 0;\n        };\n\n        stopUnfinishedSnapAnimation();\n\n        resetBoundary();\n    }, [controlledTx]);\n\n    const startAnimation = useCallback((direction: PagingDirection, isGesture: boolean = false) => {\n        const getToValueByDirection = directionToValue(itemWidth);\n\n        const currentIndex = getCurrentIndex();\n\n        const computeToValueOnNoLoop = (): number => {\n            if (currentIndex === 0 && direction === 'prev') {\n                return isGesture\n                    ? getToValueByDirection('stay')\n                    : -lastIndex * itemWidth; // last position\n            } else if (currentIndex === lastIndex && direction === 'next') {\n                return isGesture\n                    ? getToValueByDirection('stay')\n                    : lastIndex * itemWidth; // first position\n            }\n            return getToValueByDirection(direction);\n        };\n\n        const toValue = loop ? getToValueByDirection(direction) : computeToValueOnNoLoop();\n        const animation = createScrollAnimation(offsetTx, toValue);\n\n        animationRef.current = animation;\n        toValueRef.current = toValue;\n\n        animation.start(({ finished }) => {\n            if (finished) {\n                finalizeAnimation();\n            }\n        });\n    }, [\n        createScrollAnimation,\n        getCurrentIndex,\n        finalizeAnimation,\n        itemWidth,\n        lastIndex,\n        loop,\n    ]);\n\n    return {\n        globalInterpolation,\n        finalizeAnimation,\n        startAnimation,\n    };\n};\n"],"mappings":"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"}

package/build/commonjs/Carousel/index.js

@@ -6,11 +6,25 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _CarouselWeb.default;
+    return _Carousel.default;
   }
 });
+Object.defineProperty(exports, "normalItemStyleFactory", {
+  enumerable: true,
+  get: function () {
+    return _animation.normalItemStyleFactory;
+  }
+});
+Object.defineProperty(exports, "parallaxItemStyleFactory", {
+  enumerable: true,
+  get: function () {
+    return _animation.parallaxItemStyleFactory;
+  }
+});
+
+var _Carousel = _interopRequireDefault(require("./Carousel"));
 
-var _CarouselWeb = _interopRequireDefault(require("./CarouselWeb"));
+var _animation = require("./animation");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './CarouselWeb';\nexport type { default as CarouselProps } from './CarouselProps';"]}
+{"version":3,"names":[],"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;;AAGA"}

package/build/commonjs/Carousel/types.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const directions = ['next', 'prev', 'stay'];
+//# sourceMappingURL=types.js.map

package/build/commonjs/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/commonjs/ComicViewer/ComicViewer.js

@@ -19,7 +19,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
 
 const getItemHeights = items => R.map(content => content.height)(items);
 
@@ -65,9 +65,10 @@ function ComicViewer(props) {
       index
     };
   }, [itemHeights]);
-  const onViewableItemsChanged = (0, _react.useRef)(({
-    viewableItems
-  }) => {
+  const onViewableItemsChanged = (0, _react.useRef)(_ref => {
+    let {
+      viewableItems
+    } = _ref;
     setItems(prev => {
       const viewableItemIds = R.map(viewableItem => viewableItem.item.id)(viewableItems);
       return R.map(prevItem => ({ ...prevItem,
@@ -95,17 +96,21 @@ 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 = (0, _react.useCallback)(({
-    item
-  }) => {
+  const renderItem = (0, _react.useCallback)(_ref3 => {
+    let {
+      item
+    } = _ref3;
     const props = { ...item,
       onError: itemErrorHandler
     };

package/build/commonjs/ComicViewer/ComicViewer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ComicViewer.tsx"],"names":["getItemHeights","items","R","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":";;;;;;;AAAA;;AACA;;AACA;;AAGA;;;;;;;;;;AAEA,MAAMA,cAAc,GAASC,KAAN,IAAqDC,CAAC,CAACC,GAAF,CAAOC,OAAD,IAAsCA,OAAO,CAACC,MAApD,EAA4DJ,KAA5D,CAA5E;;AACA,MAAMK,QAAQ,GAAG,CAACC,IAAD,EAAeC,KAAf,KAAmD,CAACD,IAAI,GAAGC,KAAR,EAAeD,IAAI,GAAGC,KAAtB,CAApE;;AACA,MAAMC,cAAc,GAAIC,WAAD,IAA+CR,CAAC,CAACS,QAAF,CAAWL,QAAX,EAAqB,CAArB,EAAwBI,WAAxB,CAAtE;;AAEA,MAAME,YAAY,GAASC,IAAN,IAAwCA,IAAI,CAACC,EAAlE;;AAEe,SAASC,WAAT,CAAwBC,KAAxB,EAAoD;AAC/D,QAAM;AACFC,IAAAA,IADE;AAEFC,IAAAA,mBAAmB,GAAG,GAFpB;AAGFC,IAAAA,eAAe,GAAG,CAHhB;AAIFC,IAAAA,kBAAkB,GAAG,CAJnB;AAKFC,IAAAA,uBAAuB,GAAG,CALxB;AAMFC,IAAAA,2BAA2B,GAAG,CAN5B;AAOFC,IAAAA,OAPE;AAQFC,IAAAA,WARE;AASFC,IAAAA,UAAU,GAAG,CATX;AAUF,OAAGC;AAVD,MAWFV,KAXJ;AAaA,QAAMW,WAAW,GAAG,mBAAiB,IAAjB,CAApB;AAEA,QAAMC,MAAM,GAAG,mBAA4B,IAAIC,GAAJ,EAA5B,CAAf;AACA,QAAMC,eAAe,GAAG,mBAA8B,IAA9B,CAAxB;AAEA,QAAMC,cAAc,GAAG7B,CAAC,CAAC8B,QAAF,CAAW9B,CAAC,CAACC,GAAF,CAAO8B,QAAD,IAAmCA,QAAQ,CAACC,SAAlD,EAA6DjB,IAA7D,CAAX,CAAvB;AAEA,QAAMkB,YAAY,GAAGjC,CAAC,CAACC,GAAF,CAAO8B,QAAD,KAAuC,EAC9D,GAAGA,QAD2D;AAE9DG,IAAAA,UAAU,EAAE,KAFkD;AAG9DC,IAAAA,KAAK,EAAEb,WAHuD;AAI9DnB,IAAAA,MAAM,EAAG4B,QAAQ,CAAC5B,MAAT,GAAkBmB,WAAnB,GAAkCS,QAAQ,CAACI;AAJW,GAAvC,CAAN,EAKjBpB,IALiB,CAArB;AAOA,QAAM,CAAChB,KAAD,EAAQqC,QAAR,IAAoB,qBAAoCH,YAApC,CAA1B;AAEA,QAAMzB,WAAW,GAAGV,cAAc,CAACC,KAAD,CAAlC;AACA,QAAMsC,eAAe,GAAG9B,cAAc,CAACC,WAAD,CAAtC;AAEA,QAAM8B,iBAAiB,GAAG,oBAAQ,OAAO;AACrClB,IAAAA;AADqC,GAAP,CAAR,EAEtB,CAACA,2BAAD,CAFsB,CAA1B;AAIA,QAAMmB,aAAa,GAAG,wBAAY,CAACxB,IAAD,EAAYyB,KAAZ,KAA8B;AAC5D,UAAMC,OAAO,GAAGzC,CAAC,CAAC0C,OAAF,CAAU,CAAV,EAAaL,eAAe,CAAC,CAAD,CAA5B,CAAhB;AAEA,WAAO;AACHM,MAAAA,MAAM,EAAEnC,WAAW,CAACgC,KAAD,CADhB;AAEHI,MAAAA,MAAM,EAAEH,OAAO,CAACD,KAAD,CAFZ;AAGHA,MAAAA;AAHG,KAAP;AAKH,GARqB,EAQnB,CAAChC,WAAD,CARmB,CAAtB;AAUA,QAAMqC,sBAAsB,GAAG,mBAAO,CAAC;AAAEC,IAAAA;AAAF,GAAD,KAEhC;AACFV,IAAAA,QAAQ,CAAEW,IAAD,IAAqC;AAC1C,YAAMC,eAAe,GAAGhD,CAAC,CAACC,GAAF,CAAOgD,YAAD,IAA6BA,YAAY,CAACtC,IAAb,CAAkBC,EAArD,EAAyDkC,aAAzD,CAAxB;AAEA,aAAO9C,CAAC,CAACC,GAAF,CAAOiD,QAAD,KAAwC,EACjD,GAAGA,QAD8C;AAEjDhB,QAAAA,UAAU,EAAElC,CAAC,CAACmD,QAAF,CAAWD,QAAQ,CAACtC,EAApB,EAAwBoC,eAAxB;AAFqC,OAAxC,CAAN,EAGH,CAAC,GAAGD,IAAJ,CAHG,CAAP;AAIH,KAPO,CAAR;AAQH,GAX8B,CAA/B;;AAaA,QAAMK,cAAc,GAAI1B,MAAD,IAAyB;AAC5C,UAAM2B,cAAc,GAAGrD,CAAC,CAACsD,GAAF,CAAOC,KAAD,IAAsBA,KAAK,CAACC,KAAN,IAAevC,eAA3C,EAA4DS,MAA5D,CAAvB;;AAEA,QAAI2B,cAAJ,EAAoB;AAChB;AACH;;AAEDhC,IAAAA,OAAO,IAAIA,OAAO,CAACK,MAAD,CAAlB;AACH,GARD;;AAUA,QAAM+B,gBAAgB,GAAG,wBAAaC,SAAD,IAA0B;AAC3DhC,IAAAA,MAAM,CAACiC,OAAP,CAAeC,GAAf,CAAmBF,SAAS,CAAC9C,EAA7B,EAAiC8C,SAAS,CAACF,KAA3C;;AAEA,QAAI5B,eAAe,CAAC+B,OAApB,EAA6B;AACzBE,MAAAA,YAAY,CAACjC,eAAe,CAAC+B,OAAjB,CAAZ;AACH;;AAED/B,IAAAA,eAAe,CAAC+B,OAAhB,GAA0BG,UAAU,CAAC,YAAY;AAC7C,YAAMC,WAAW,GAAGC,KAAK,CAACC,IAAN,CAAWvC,MAAM,CAACiC,OAAP,CAAeO,OAAf,EAAX,CAApB;AACA,YAAMC,UAAU,GAAGnE,CAAC,CAACC,GAAF,CAAM,CAAC,CAACmE,GAAD,EAAMC,KAAN,CAAD,MAAqC;AAC1DzD,QAAAA,EAAE,EAAEwD,GADsD;AAE1DZ,QAAAA,KAAK,EAAEa;AAFmD,OAArC,CAAN,EAGfN,WAHe,CAAnB;AAKAX,MAAAA,cAAc,CAAC,CAAC,GAAGe,UAAJ,CAAD,CAAd;AACAzC,MAAAA,MAAM,CAACiC,OAAP,CAAeW,KAAf;AACH,KATmC,EASjCtD,mBATiC,CAApC;AAUH,GAjBwB,EAiBtB,CAACA,mBAAD,EAAsBU,MAAM,CAACiC,OAA7B,CAjBsB,CAAzB;AAmBA,QAAMY,UAAmD,GAAG,wBAAY,CAAC;AAAE5D,IAAAA;AAAF,GAAD,KAAc;AAClF,UAAMG,KAAK,GAAG,EACV,GAAGH,IADO;AAEVU,MAAAA,OAAO,EAAEoC;AAFC,KAAd;AAKA,wBAAO,6BAAC,mBAAD;AAAY,MAAA,KAAK,EAAE3C;AAAnB,MAAP;AACH,GAP2D,EAOzD,EAPyD,CAA5D;AASA,wBAAU,MAAM;AACZsB,IAAAA,QAAQ,CAAEW,IAAD,IAAqC;AAC1C,aAAO/C,CAAC,CAACC,GAAF,CAAOiD,QAAD,IAAuC;AAChD,cAAMsB,WAAW,GAAGxE,CAAC,CAACyE,IAAF,CAAQC,eAAD,IAA6CxB,QAAQ,CAACtC,EAAT,KAAgB8D,eAAe,CAAC9D,EAApF,EAAwFG,IAAxF,CAApB;;AAEA,YAAIyD,WAAW,IAAKA,WAAW,CAACxC,SAAZ,KAA0BkB,QAAQ,CAAClB,SAAvD,EAAmE;AAC/D,iBAAO,EACH,GAAGkB,QADA;AAEHlB,YAAAA,SAAS,EAAEwC,WAAW,CAACxC;AAFpB,WAAP;AAIH;;AAED,eAAOkB,QAAP;AACH,OAXM,EAWJ,CAAC,GAAGH,IAAJ,CAXI,CAAP;AAYH,KAbO,CAAR;AAcH,GAfD,EAeG,CAAClB,cAAD,CAfH;AAiBA,wBAAU,MAAM;AACZ,UAAM8C,QAAQ,GAAG3E,CAAC,CAACC,GAAF,CAAOU,IAAD,KAAoC,EACvD,GAAGA,IADoD;AAEvDwB,MAAAA,KAAK,EAAEb,WAFgD;AAGvDnB,MAAAA,MAAM,EAAGQ,IAAI,CAACR,MAAL,GAAcmB,WAAf,GAA8BX,IAAI,CAACwB;AAHY,KAApC,CAAN,EAIbpC,KAJa,CAAjB;AAMAqC,IAAAA,QAAQ,CAACuC,QAAD,CAAR;AACH,GARD,EAQG,CAACrD,WAAD,CARH;AAUA,wBAAU,MAAM;AACZ,UAAMsD,WAAW,GAAGvC,eAAe,CAAC,CAAD,CAAnC;AACA,UAAMO,MAAM,GAAGiC,IAAI,CAACC,KAAL,CAAY3D,uBAAuB,GAAG,GAA3B,GAAkCyD,WAA7C,CAAf;;AAEA,QAAInD,WAAW,CAACkC,OAAhB,EAAyB;AACrBlC,MAAAA,WAAW,CAACkC,OAAZ,CAAoBoB,cAApB,CAAmC;AAAEnC,QAAAA,MAAF;AAAUoC,QAAAA,QAAQ,EAAE;AAApB,OAAnC;AACH;AACJ,GAPD,EAOG,CAACvD,WAAW,CAACkC,OAAb,CAPH;AASA,sBACI,6BAAC,qBAAD;AACI,IAAA,IAAI,EAAE5D,KADV;AAEI,IAAA,aAAa,EAAEwC,aAFnB;AAGI,IAAA,kBAAkB,EAAErB,kBAHxB;AAII,IAAA,YAAY,EAAER,YAJlB;AAKI,IAAA,sBAAsB,EAAEmC,sBAAsB,CAACc,OALnD;AAMI,IAAA,GAAG,EAAElC,WANT;AAOI,IAAA,UAAU,EAAE8C,UAPhB;AAQI,IAAA,iBAAiB,EAAEjC,iBARvB;AASI,IAAA,UAAU,EAAEf;AAThB,KAUQC,UAVR,EADJ;AAcH;;AAAA","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":["getItemHeights","items","R","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","useRef","errors","Map","debounceTimeOut","resourceString","toString","itemData","sourceUrl","initialItems","isViewable","width","setItems","useState","itemHeightAccum","viewabilityConfig","useMemo","getItemLayout","useCallback","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","useEffect","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/commonjs/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/commonjs/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/commonjs/ComicViewer/ViewerItem.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["ViewerItem.tsx"],"names":["styles","StyleSheet","create","placeholder","backgroundColor","ViewerItem","props","height","id","isViewable","onError","sourceUrl","width","isLoaded","setIsLoaded","errorCount","onLoad","current","handleError","count","viewStyle","Placeholder","uri","React","memo","prevProps","nextProps"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAGA,MAAMA,MAAM,GAAGC,iBAAWC,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,IAA0B,qBAAS,KAAT,CAAhC;AAEA,QAAMC,UAAU,GAAG,mBAAe,CAAf,CAAnB;AAEA,QAAMC,MAAM,GAAG,wBAAY,MAAM;AAC7BD,IAAAA,UAAU,CAACE,OAAX,GAAqB,CAArB;AACAH,IAAAA,WAAW,CAAC,IAAD,CAAX;AACH,GAHc,EAGZ,EAHY,CAAf;AAKA,QAAMI,WAAW,GAAG,wBAAY,MAAM;AAClCH,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,GAPmB,EAOjB,CAACT,EAAD,CAPiB,CAApB;AASA,QAAMY,SAAS,GAAG;AAAER,IAAAA,KAAF;AAASL,IAAAA;AAAT,GAAlB;;AAEA,QAAMc,WAAW,GAAG,mBAChB,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CACTD,SADS,EAETpB,MAAM,CAACG,WAFE;AAAb,IADJ;;AAOA,MAAI,CAACM,UAAD,IAAe,CAACI,QAApB,EAA8B;AAC1B,wBAAO,6BAAC,WAAD,OAAP;AACH;;AAED,sBACI,6BAAC,WAAD;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;;4BAEcG,eAAMC,IAAN,CAAWnB,UAAX,EAAuB,CAACoB,SAAD,EAAYC,SAAZ,KAA0B;AAC5D,MAAID,SAAS,CAACnB,KAAV,CAAgBG,UAAhB,KAA+BiB,SAAS,CAACpB,KAAV,CAAgBG,UAAnD,EAA+D;AAC3D,WAAO,KAAP;AACH;;AAED,MAAIgB,SAAS,CAACnB,KAAV,CAAgBK,SAAhB,KAA8Be,SAAS,CAACpB,KAAV,CAAgBK,SAAlD,EAA6D;AACzD,WAAO,KAAP;AACH;;AAED,SAAO,IAAP;AACH,CAVc,C","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":["styles","StyleSheet","create","placeholder","backgroundColor","ViewerItem","props","height","id","isViewable","onError","sourceUrl","width","isLoaded","setIsLoaded","useState","errorCount","useRef","onLoad","useCallback","current","handleError","count","viewStyle","Placeholder","uri","React","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;;AACA;;AACA;;;;;;AAGA,MAAMA,MAAM,GAAGC,gBAAA,CAAWC,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,IAA0B,IAAAC,eAAA,EAAS,KAAT,CAAhC;EAEA,MAAMC,UAAU,GAAG,IAAAC,aAAA,EAAe,CAAf,CAAnB;EAEA,MAAMC,MAAM,GAAG,IAAAC,kBAAA,EAAY,MAAM;IAC7BH,UAAU,CAACI,OAAX,GAAqB,CAArB;IACAN,WAAW,CAAC,IAAD,CAAX;EACH,CAHc,EAGZ,EAHY,CAAf;EAKA,MAAMO,WAAW,GAAG,IAAAF,kBAAA,EAAY,MAAM;IAClCH,UAAU,CAACI,OAAX,GAAqBJ,UAAU,CAACI,OAAX,GAAqB,CAA1C;IAEAV,OAAO,IAAIA,OAAO,CAAC;MACfF,EADe;MAEfc,KAAK,EAAEN,UAAU,CAACI;IAFH,CAAD,CAAlB;EAIH,CAPmB,EAOjB,CAACZ,EAAD,CAPiB,CAApB;EASA,MAAMe,SAAS,GAAG;IAAEX,KAAF;IAASL;EAAT,CAAlB;;EAEA,MAAMiB,WAAW,GAAG,mBAChB,6BAAC,iBAAD;IAAM,KAAK,EAAE,CACTD,SADS,EAETvB,MAAM,CAACG,WAFE;EAAb,EADJ;;EAOA,IAAI,CAACM,UAAD,IAAe,CAACI,QAApB,EAA8B;IAC1B,oBAAO,6BAAC,WAAD,OAAP;EACH;;EAED,oBACI,6BAAC,WAAD;IACI,cAAc,EAAE,IADpB;IAEI,GAAG,EAAEF,SAFT;IAGI,MAAM,EAAEO,MAHZ;IAII,OAAO,EAAEG,WAJb;IAKI,MAAM,EAAE;MAAEI,GAAG,EAAEd;IAAP,CALZ;IAMI,KAAK,EAAEY,SANX;IAOI,MAAM,EAAE;EAPZ,EADJ;AAWH;;4BAEcG,cAAA,CAAMC,IAAN,CAAWtB,UAAX,EAAuB,CAACuB,SAAD,EAAYC,SAAZ,KAA0B;EAC5D,IAAID,SAAS,CAACtB,KAAV,CAAgBG,UAAhB,KAA+BoB,SAAS,CAACvB,KAAV,CAAgBG,UAAnD,EAA+D;IAC3D,OAAO,KAAP;EACH;;EAED,IAAImB,SAAS,CAACtB,KAAV,CAAgBK,SAAhB,KAA8BkB,SAAS,CAACvB,KAAV,CAAgBK,SAAlD,EAA6D;IACzD,OAAO,KAAP;EACH;;EAED,OAAO,IAAP;AACH,CAVc,C"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './ComicViewer';\nexport type { ComicViewerItemData, default as ComicViewerProps, ErrorInfo } from './ComicViewerProps';\nexport type { default as ComicViewerItemProps } from './ComicViewerItemProps';"]}
+{"version":3,"names":[],"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"}

package/build/commonjs/DateTimePicker/DateTimePicker.js

@@ -100,8 +100,8 @@ 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
     }

package/build/commonjs/DateTimePicker/DateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DateTimePicker.tsx"],"names":["useDateTimePicker","React","useContext","DateTimePickerContext","DateTimePicker","props","currentMonth","Date","locale","markedDate","markedDateProp","maxDate","minDate","onDayPress","onYearPress","onYearPressProp","theme","yearPickerVisible","setYearPickerVisible","useState","locales","LeftArrow","RightArrow","date","LocaleConfig","defaultLocale","direction","selected","disableTouchEvent","selectedColor","palette","primary","main","selectedTextColor","contrastTextColor","toDate","backgroundColor","background","default","calendarBackground","dayTextColor","text","textDisabledColor","hint"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { format } from 'date-fns';\n//@ts-ignore\nimport { Calendar, LocaleConfig } from 'react-native-calendars';\nimport { Button, Typography } from '@fountain-ui/core';\nimport { useTheme } from '@fountain-ui/styles';\nimport YearPicker from './YearPicker';\nimport { DateTimePickerContext } from './DateTimePickerProvider';\nimport type DateTimePickerProps from './DateTimePickerProps';\nimport { formatDate } from './utils';\n\nconst useDateTimePicker = () => {\n    return React.useContext(DateTimePickerContext);\n};\n\nexport default function DateTimePicker(props: DateTimePickerProps) {\n    const {\n        currentMonth = new Date(),\n        locale,\n        markedDate: markedDateProp,\n        maxDate,\n        minDate,\n        onDayPress,\n        onYearPress: onYearPressProp,\n    } = props;\n\n    const theme = useTheme();\n\n    const [yearPickerVisible, setYearPickerVisible] = React.useState(false);\n    const { locales } = useDateTimePicker();\n\n    //TODO: Need to update arrow components\n    const LeftArrow = <Typography children={'<'} color={'textPrimary'}/>;\n    const RightArrow = <Typography children={'>'} color={'textPrimary'}/>;\n\n    const onYearPress = (date: Date) => {\n        setYearPickerVisible(false);\n        onYearPressProp && onYearPressProp(date);\n    };\n\n    if (locale) {\n        LocaleConfig.locales = locales;\n        LocaleConfig.defaultLocale = locale;\n    }\n\n    const markedDate = markedDateProp ? format(markedDateProp, 'yyyy-MM-dd') : '';\n\n    if (yearPickerVisible) {\n        return (\n            <YearPicker\n                date={currentMonth}\n                locale={locale}\n                maxDate={maxDate}\n                minDate={minDate}\n                onYearPress={onYearPress}\n            />\n        );\n    }\n\n    return (\n        <Calendar\n            current={currentMonth}\n            onDayPress={onDayPress}\n            maxDate={maxDate}\n            minDate={minDate}\n            renderArrow={(direction: string) => direction === 'left' ? LeftArrow : RightArrow}\n            markedDates={{\n                [markedDate]: {\n                    selected: true,\n                    disableTouchEvent: true,\n                    selectedColor: theme.palette.primary.main,\n                    selectedTextColor: theme.palette.primary.contrastTextColor,\n                },\n            }}\n            // @ts-ignore\n            renderHeader={(date) => (\n                <Button\n                    children={formatDate(date.toDate(), locale)}\n                    variant={'text'}\n                    size={'small'}\n                    onPress={() => setYearPickerVisible(true)}\n                />\n            )}\n            theme={{\n                backgroundColor: theme.palette.background.default,\n                calendarBackground: theme.palette.background.default,\n                dayTextColor: theme.palette.text.primary,\n                textDisabledColor: theme.palette.text.hint,\n            }}\n        />\n    );\n};\n"]}
+{"version":3,"names":["useDateTimePicker","React","useContext","DateTimePickerContext","DateTimePicker","props","currentMonth","Date","locale","markedDate","markedDateProp","maxDate","minDate","onDayPress","onYearPress","onYearPressProp","theme","useTheme","yearPickerVisible","setYearPickerVisible","useState","locales","LeftArrow","RightArrow","date","LocaleConfig","defaultLocale","format","direction","selected","disableTouchEvent","selectedColor","palette","primary","main","selectedTextColor","contrastTextColor","formatDate","toDate","backgroundColor","paper","default","calendarBackground","dayTextColor","text","textDisabledColor","hint"],"sources":["DateTimePicker.tsx"],"sourcesContent":["import React from 'react';\nimport { format } from 'date-fns';\n//@ts-ignore\nimport { Calendar, LocaleConfig } from 'react-native-calendars';\nimport { Button, Typography } from '@fountain-ui/core';\nimport { useTheme } from '@fountain-ui/styles';\nimport YearPicker from './YearPicker';\nimport { DateTimePickerContext } from './DateTimePickerProvider';\nimport type DateTimePickerProps from './DateTimePickerProps';\nimport { formatDate } from './utils';\n\nconst useDateTimePicker = () => {\n    return React.useContext(DateTimePickerContext);\n};\n\nexport default function DateTimePicker(props: DateTimePickerProps) {\n    const {\n        currentMonth = new Date(),\n        locale,\n        markedDate: markedDateProp,\n        maxDate,\n        minDate,\n        onDayPress,\n        onYearPress: onYearPressProp,\n    } = props;\n\n    const theme = useTheme();\n\n    const [yearPickerVisible, setYearPickerVisible] = React.useState(false);\n    const { locales } = useDateTimePicker();\n\n    //TODO: Need to update arrow components\n    const LeftArrow = <Typography children={'<'} color={'textPrimary'}/>;\n    const RightArrow = <Typography children={'>'} color={'textPrimary'}/>;\n\n    const onYearPress = (date: Date) => {\n        setYearPickerVisible(false);\n        onYearPressProp && onYearPressProp(date);\n    };\n\n    if (locale) {\n        LocaleConfig.locales = locales;\n        LocaleConfig.defaultLocale = locale;\n    }\n\n    const markedDate = markedDateProp ? format(markedDateProp, 'yyyy-MM-dd') : '';\n\n    if (yearPickerVisible) {\n        return (\n            <YearPicker\n                date={currentMonth}\n                locale={locale}\n                maxDate={maxDate}\n                minDate={minDate}\n                onYearPress={onYearPress}\n            />\n        );\n    }\n\n    return (\n        <Calendar\n            current={currentMonth}\n            onDayPress={onDayPress}\n            maxDate={maxDate}\n            minDate={minDate}\n            renderArrow={(direction: string) => direction === 'left' ? LeftArrow : RightArrow}\n            markedDates={{\n                [markedDate]: {\n                    selected: true,\n                    disableTouchEvent: true,\n                    selectedColor: theme.palette.primary.main,\n                    selectedTextColor: theme.palette.primary.contrastTextColor,\n                },\n            }}\n            // @ts-ignore\n            renderHeader={(date) => (\n                <Button\n                    children={formatDate(date.toDate(), locale)}\n                    variant={'text'}\n                    size={'small'}\n                    onPress={() => setYearPickerVisible(true)}\n                />\n            )}\n            theme={{\n                backgroundColor: theme.palette.paper.default,\n                calendarBackground: theme.palette.paper.default,\n                dayTextColor: theme.palette.text.primary,\n                textDisabledColor: theme.palette.text.hint,\n            }}\n        />\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/DateTimePicker/DateTimePickerProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["DateTimePickerProps.ts"],"sourcesContent":["import type { ComponentProps } from '@fountain-ui/core';\n\nexport interface Day {\n    dateString: string;\n    day: number;\n    month: number;\n    timestamp: number;\n    year: number;\n}\n\nexport default interface DateTimePickerProps extends ComponentProps<{\n    /**\n     * To select month on calendar.\n     * @default Date()\n     */\n    currentMonth?: Date;\n\n    /**\n     * Locale for calendar.\n     */\n    locale?: string;\n\n    /**\n     * Marked date on calendar.\n     * @default Date()\n     */\n    markedDate?: Date;\n\n    /**\n     * Maximum date that can be selected, dates after maxDate will be grayed out.\n     */\n    maxDate?: Date;\n\n    /**\n     * Minimum date that can be selected, dates before minDate will be grayed out.\n     */\n    minDate?: Date;\n\n    /**\n     * Handler which gets executed on day press.\n     */\n    onDayPress?: (day: Day) => void;\n\n    /**\n     * Handler which gets executed on year press.\n     */\n    onYearPress?: (year: Date) => void;\n}> {}\n"],"mappings":""}

package/build/commonjs/DateTimePicker/DateTimePickerProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DateTimePickerProvider.ts"],"names":["defaultValue","locales","DateTimePickerContext","React","createContext","Provider"],"mappings":";;;;;;;AAAA;;;;AAMA,MAAMA,YAAiC,GAAG;AACtCC,EAAAA,OAAO,EAAE;AAD6B,CAA1C;;AAIO,MAAMC,qBAAqB,gBAAGC,eAAMC,aAAN,CAAyCJ,YAAzC,CAA9B;;;eAEQE,qBAAqB,CAACG,Q","sourcesContent":["import React from 'react';\n\nexport interface DateTimePickerValue {\n    locales: object;\n}\n\nconst defaultValue: DateTimePickerValue = {\n    locales: {},\n};\n\nexport const DateTimePickerContext = React.createContext<DateTimePickerValue>(defaultValue);\n\nexport default DateTimePickerContext.Provider;"]}
+{"version":3,"names":["defaultValue","locales","DateTimePickerContext","React","createContext","Provider"],"sources":["DateTimePickerProvider.ts"],"sourcesContent":["import React from 'react';\n\nexport interface DateTimePickerValue {\n    locales: object;\n}\n\nconst defaultValue: DateTimePickerValue = {\n    locales: {},\n};\n\nexport const DateTimePickerContext = React.createContext<DateTimePickerValue>(defaultValue);\n\nexport default DateTimePickerContext.Provider;"],"mappings":";;;;;;;AAAA;;;;AAMA,MAAMA,YAAiC,GAAG;EACtCC,OAAO,EAAE;AAD6B,CAA1C;;AAIO,MAAMC,qBAAqB,gBAAGC,cAAA,CAAMC,aAAN,CAAyCJ,YAAzC,CAA9B;;;eAEQE,qBAAqB,CAACG,Q"}

package/build/commonjs/DateTimePicker/YearPicker.js

@@ -30,13 +30,14 @@ const useStyles = function () {
   };
 };
 
-const YearPicker = ({
-  date,
-  locale,
-  maxDate,
-  minDate,
-  onYearPress
-}) => {
+const YearPicker = _ref => {
+  let {
+    date,
+    locale,
+    maxDate,
+    minDate,
+    onYearPress
+  } = _ref;
   const styles = useStyles();
 
   const ref = _react.default.useRef(null);
@@ -67,16 +68,19 @@ const YearPicker = ({
   }), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
     data: years,
     keyExtractor: item => item.toString(),
-    renderItem: ({
-      item
-    }) => /*#__PURE__*/_react.default.createElement(_core.Button, {
-      children: item.toString(),
-      variant: 'text',
-      onPress: () => {
-        const newDate = (0, _dateFns.setYear)(date, item);
-        onYearPress(newDate);
-      }
-    }),
+    renderItem: _ref2 => {
+      let {
+        item
+      } = _ref2;
+      return /*#__PURE__*/_react.default.createElement(_core.Button, {
+        children: item.toString(),
+        variant: 'text',
+        onPress: () => {
+          const newDate = (0, _dateFns.setYear)(date, item);
+          onYearPress(newDate);
+        }
+      });
+    },
     getItemLayout: getItemLayout,
     style: styles.list,
     ref: ref