@fountain-ui/lab 2.0.0-beta.10 → 2.0.0-beta.13

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

@@ -0,0 +1,162 @@
+"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(params) {
+  const {
+    controlledTx,
+    createScrollAnimation,
+    getCurrentIndex,
+    itemWidth,
+    lastIndex,
+    loop,
+    numberOfData,
+    offsetTx
+  } = params;
+  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 startPagingAnimation = (0, _react.useCallback)((type, config) => {
+    const configWithDefaults = {
+      animated: true,
+      ...config
+    };
+    const currentIndex = getCurrentIndex();
+    const getValueByDirectionOnAllAdjacentItemsVisible = directionToValue(itemWidth);
+
+    const getValueByDirectionalPagingOnLoopDisabled = _config => {
+      const {
+        direction,
+        isOriginatedFromGesture
+      } = _config;
+
+      if (currentIndex === 0 && direction === 'prev') {
+        return isOriginatedFromGesture ? getValueByDirectionOnAllAdjacentItemsVisible('stay') : -lastIndex * itemWidth; // last position
+      } else if (currentIndex === lastIndex && direction === 'next') {
+        return isOriginatedFromGesture ? getValueByDirectionOnAllAdjacentItemsVisible('stay') : lastIndex * itemWidth; // first position
+      }
+
+      return getValueByDirectionOnAllAdjacentItemsVisible(direction);
+    };
+
+    const getValueByDirectionalPaging = _config => {
+      const _configWithDefaults = {
+        isOriginatedFromGesture: false,
+        ..._config
+      };
+      return loop ? getValueByDirectionOnAllAdjacentItemsVisible(_configWithDefaults.direction) : getValueByDirectionalPagingOnLoopDisabled(_configWithDefaults);
+    };
+
+    const getValueByIndexPaging = _ref => {
+      let {
+        index
+      } = _ref;
+
+      if (index < 0 || index > lastIndex || index === currentIndex) {
+        // no animation if index is invalid or equals to current index
+        return 0;
+      }
+
+      const distance = Math.abs(currentIndex - index) * itemWidth;
+      const direction = index > currentIndex ? -1 : 1;
+      return distance * direction;
+    };
+
+    const toValue = type === 'directional' // @ts-ignore
+    ? getValueByDirectionalPaging(configWithDefaults) // @ts-ignore
+    : getValueByIndexPaging(configWithDefaults);
+    toValueRef.current = toValue;
+
+    if (configWithDefaults.animated) {
+      const animation = createScrollAnimation(offsetTx, toValue);
+      animationRef.current = animation;
+      animation.start(_ref2 => {
+        let {
+          finished
+        } = _ref2;
+
+        if (finished) {
+          finalizeAnimation();
+        }
+      });
+    } else {
+      finalizeAnimation();
+    }
+  }, [createScrollAnimation, getCurrentIndex, finalizeAnimation, itemWidth, lastIndex, loop]);
+  return {
+    globalInterpolation,
+    finalizeAnimation,
+    startPagingAnimation
+  };
+}
+
+;
+//# sourceMappingURL=usePagingAnimation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["directionToValue","itemWidth","direction","usePagingAnimation","params","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","startPagingAnimation","type","config","configWithDefaults","animated","currentIndex","getValueByDirectionOnAllAdjacentItemsVisible","getValueByDirectionalPagingOnLoopDisabled","_config","isOriginatedFromGesture","getValueByDirectionalPaging","_configWithDefaults","getValueByIndexPaging","index","distance","toValue","animation","start","finished"],"sources":["usePagingAnimation.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { Animated, Platform } from 'react-native';\nimport type {\n    CreateScrollAnimation,\n    DirectionalPagingAnimationConfig,\n    GetCurrentIndex,\n    IndexPagingAnimationConfig,\n    PagingAnimationConfig,\n    PagingAnimationType,\n    PagingDirection,\n    StartPagingAnimation,\n} from '../types';\n\nexport interface PagingAnimationParameters {\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    startPagingAnimation: StartPagingAnimation;\n}\n\nfunction directionToValue(itemWidth: number) {\n    return function (direction: PagingDirection): number {\n        switch (direction) {\n            case 'next':\n                return -itemWidth;\n            case 'prev':\n                return itemWidth;\n            case 'stay':\n                return 0;\n        }\n    };\n}\n\nexport default function usePagingAnimation(params: PagingAnimationParameters): UsePagingAnimation {\n    const {\n        controlledTx,\n        createScrollAnimation,\n        getCurrentIndex,\n        itemWidth,\n        lastIndex,\n        loop,\n        numberOfData,\n        offsetTx,\n    } = params;\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 startPagingAnimation = useCallback((type: PagingAnimationType, config: PagingAnimationConfig) => {\n        const configWithDefaults: PagingAnimationConfig = {\n            animated: true,\n            ...config,\n        };\n\n        const currentIndex = getCurrentIndex();\n\n        const getValueByDirectionOnAllAdjacentItemsVisible = directionToValue(itemWidth);\n\n        const getValueByDirectionalPagingOnLoopDisabled = (_config: DirectionalPagingAnimationConfig): number => {\n            const { direction, isOriginatedFromGesture } = _config;\n\n            if (currentIndex === 0 && direction === 'prev') {\n                return isOriginatedFromGesture\n                    ? getValueByDirectionOnAllAdjacentItemsVisible('stay')\n                    : -lastIndex * itemWidth; // last position\n            } else if (currentIndex === lastIndex && direction === 'next') {\n                return isOriginatedFromGesture\n                    ? getValueByDirectionOnAllAdjacentItemsVisible('stay')\n                    : lastIndex * itemWidth; // first position\n            }\n            return getValueByDirectionOnAllAdjacentItemsVisible(direction);\n        };\n\n        const getValueByDirectionalPaging = (_config: DirectionalPagingAnimationConfig): number => {\n            const _configWithDefaults: DirectionalPagingAnimationConfig = {\n                isOriginatedFromGesture: false,\n                ..._config,\n            };\n\n            return loop\n                ? getValueByDirectionOnAllAdjacentItemsVisible(_configWithDefaults.direction)\n                : getValueByDirectionalPagingOnLoopDisabled(_configWithDefaults);\n        };\n\n        const getValueByIndexPaging = ({ index }: IndexPagingAnimationConfig): number => {\n            if (index < 0 || index > lastIndex || index === currentIndex) {\n                // no animation if index is invalid or equals to current index\n                return 0;\n            }\n\n            const distance = Math.abs(currentIndex - index) * itemWidth;\n            const direction = index > currentIndex ? -1 : 1;\n\n            return distance * direction;\n        };\n\n        const toValue = type === 'directional'\n            // @ts-ignore\n            ? getValueByDirectionalPaging(configWithDefaults)\n            // @ts-ignore\n            : getValueByIndexPaging(configWithDefaults);\n\n        toValueRef.current = toValue;\n\n        if (configWithDefaults.animated) {\n            const animation = createScrollAnimation(offsetTx, toValue);\n            animationRef.current = animation;\n            animation.start(({ finished }) => {\n                if (finished) {\n                    finalizeAnimation();\n                }\n            });\n        } else {\n            finalizeAnimation();\n        }\n    }, [\n        createScrollAnimation,\n        getCurrentIndex,\n        finalizeAnimation,\n        itemWidth,\n        lastIndex,\n        loop,\n    ]);\n\n    return {\n        globalInterpolation,\n        finalizeAnimation,\n        startPagingAnimation,\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,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './CarouselWeb';\nexport type { default as CarouselProps } from './CarouselProps';"],"mappings":";;;;;;;;;;;;AAAA"}
+{"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 type ItemHeight = number | 'auto';\n\nexport interface RenderItem<T> {\n    (info: { item: T, index: number, interpolation: Animated.AnimatedInterpolation }): ReactElement | null;\n}\n\nexport interface CreateScrollAnimation {\n    (aValue: Animated.AnimatedValue, toValue: number): Animated.CompositeAnimation;\n}\n\nexport interface CreateItemStyle {\n    (itemInterpolation: Animated.AnimatedInterpolation, itemWidth: number): Animated.AnimatedProps<ViewProps['style']>;\n}\n\nexport interface GetCurrentIndex {\n    (): number;\n}\n\nexport interface IndexController {\n    currentIndex: number;\n    getCurrentIndex: GetCurrentIndex;\n    lastIndex: number;\n    monitorElement: ReactElement;\n}\n\nexport type PagingAnimationType = 'directional' | 'index';\n\nexport interface BasePagingAnimationConfig {\n    animated?: boolean;\n}\n\nexport interface DirectionalPagingAnimationConfig extends BasePagingAnimationConfig {\n    direction: PagingDirection;\n    isOriginatedFromGesture?: boolean;\n}\n\nexport interface IndexPagingAnimationConfig extends BasePagingAnimationConfig {\n    index: number;\n}\n\nexport type PagingAnimationConfig = DirectionalPagingAnimationConfig | IndexPagingAnimationConfig;\n\nexport interface StartPagingAnimation {\n    (type: PagingAnimationType, config: PagingAnimationConfig): void;\n}\n\nexport type VisibleIndexRanges = Array<[number, number]>;\n\nexport interface StoreSubscription {\n    (): void;\n}\n\nexport interface ItemVisibilityStore {\n    dispatch: (ranges: VisibleIndexRanges) => void;\n    subscribe: (listener: (ranges: VisibleIndexRanges) => void) => StoreSubscription;\n    removeAllListeners: () => void;\n}\n\nexport interface AutoplayController {\n    pause: () => void;\n    resume: () => void;\n}\n\nexport interface ScrollToOption {\n    index: number;\n    animated?: boolean;\n}\n\nexport interface CarouselInstance {\n    /**\n     * Get current visible item index.\n     */\n    getCurrentIndex: GetCurrentIndex;\n\n    /**\n     * Scroll to next visible item.\n     */\n    next: () => void;\n\n    /**\n     * Scroll to previous visible item.\n     */\n    prev: () => void;\n\n    /**\n     * Scroll to desired indexed item.\n     * Invalid index is ignored.\n     */\n    scrollTo: (option: ScrollToOption) => void;\n}\n"],"mappings":";;;;;AAGA,MAAMA,UAAU,GAAG,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,CAAnB"}

package/build/commonjs/ViewPager/ChildrenMemoizedPage.js

@@ -5,44 +5,109 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
+var _reactNativeReanimated = require("react-native-reanimated");
+
+var _core = require("@fountain-ui/core");
+
+var _PageStateContext = _interopRequireDefault(require("./PageStateContext"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const styles = _core.StyleSheet.create({
+  fill: {
+    width: '100%',
+    height: '100%'
+  },
+  none: {
+    display: 'none'
+  }
+});
 
-const Page = function Page(props) {
+function Page(props) {
   const {
-    isVisible,
-    ...otherProps
+    index,
+    children,
+    loading,
+    offscreenPageRerenderLimit,
+    sharedIndex
   } = props;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
-    collapsable: false
-  }, otherProps));
-};
 
-var _default = /*#__PURE__*/_react.default.memo(Page, (prevProps, nextProps) => {
-  if (prevProps.children === null && nextProps.children === null) {
-    return true;
-  } // isVisible is an important condition for determining memos on the web.
-  // Reference ViewPagerWeb's return.
+  const assumeInitialPageState = () => {
+    const activeIndex = sharedIndex.value;
+    const isActive = index === activeIndex;
 
+    if (loading === 'eager') {
+      return {
+        isActive,
+        isLoaded: true
+      };
+    }
 
-  if (prevProps.isVisible !== nextProps.isVisible) {
-    return false;
-  }
+    const isLoaded = index >= activeIndex - offscreenPageRerenderLimit && index <= activeIndex + offscreenPageRerenderLimit;
+    return {
+      isActive,
+      isLoaded
+    };
+  };
 
-  if (nextProps.isVisible || nextProps.isNeighbor) {
-    return false;
-  }
+  const [pageState, setPageState] = (0, _react.useState)(assumeInitialPageState);
+  const content = pageState.isLoaded ? children : null;
+
+  const onActiveStateChange = isActive => {
+    setPageState(prevState => ({ ...prevState,
+      isActive,
+      isLoaded: isActive || prevState.isLoaded
+    }));
+  };
+
+  const onBecomeNeighbor = () => {
+    setPageState(prevState => ({ ...prevState,
+      isLoaded: true
+    }));
+  };
+
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => {
+    const activeIndex = sharedIndex.value;
+    const isActive = index === activeIndex;
+    const shouldRerender = index >= activeIndex - offscreenPageRerenderLimit && index <= activeIndex + offscreenPageRerenderLimit;
+    const becomeNeighbor = shouldRerender && !isActive;
+    return {
+      isActive,
+      becomeNeighbor
+    };
+  }, (nextState, prevState) => {
+    if (nextState.isActive !== (prevState === null || prevState === void 0 ? void 0 : prevState.isActive)) {
+      (0, _reactNativeReanimated.runOnJS)(onActiveStateChange)(nextState.isActive);
+    } else if (nextState.becomeNeighbor) {
+      (0, _reactNativeReanimated.runOnJS)(onBecomeNeighbor)();
+    }
+  }, [index]);
+  const contextValue = (0, _react.useMemo)(() => ({
+    isActive: pageState.isActive
+  }), [pageState.isActive]);
+  const style = _reactNative.Platform.OS === 'web' ? pageState.isActive ? _core.StyleSheet.absoluteFill : styles.none : styles.fill;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    collapsable: false,
+    style: style
+  }, /*#__PURE__*/_react.default.createElement(_PageStateContext.default.Provider, {
+    value: contextValue
+  }, content));
+}
 
+var _default = /*#__PURE__*/(0, _react.memo)(Page, (prevProps, nextProps) => {
   if (prevProps.rerenderKey !== nextProps.rerenderKey) {
     return false;
   }
 
-  return prevProps.children !== null && nextProps.children !== null;
+  return prevProps.index !== nextProps.index;
 });
 
 exports.default = _default;

package/build/commonjs/ViewPager/ChildrenMemoizedPage.js.map

@@ -1 +1 @@
-{"version":3,"names":["Page","props","isVisible","otherProps","React","memo","prevProps","nextProps","children","isNeighbor","rerenderKey"],"sources":["ChildrenMemoizedPage.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport type { PageProps } from './ViewPagerProps';\n\nconst Page = function Page(props: PageProps) {\n    const { isVisible, ...otherProps } = props;\n\n    return (\n        <View\n            collapsable={false}\n            {...otherProps}\n        />\n    );\n};\n\nexport default React.memo(Page, (prevProps, nextProps) => {\n    if (prevProps.children === null && nextProps.children === null) {\n        return true;\n    }\n\n    // isVisible is an important condition for determining memos on the web.\n    // Reference ViewPagerWeb's return.\n    if (prevProps.isVisible !== nextProps.isVisible) {\n        return false;\n    }\n\n    if (nextProps.isVisible || nextProps.isNeighbor) {\n        return false;\n    }\n\n    if (prevProps.rerenderKey !== nextProps.rerenderKey) {\n        return false;\n    }\n\n    return prevProps.children !== null && nextProps.children !== null;\n});\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAGA,MAAMA,IAAI,GAAG,SAASA,IAAT,CAAcC,KAAd,EAAgC;EACzC,MAAM;IAAEC,SAAF;IAAa,GAAGC;EAAhB,IAA+BF,KAArC;EAEA,oBACI,6BAAC,iBAAD;IACI,WAAW,EAAE;EADjB,GAEQE,UAFR,EADJ;AAMH,CATD;;4BAWeC,cAAA,CAAMC,IAAN,CAAWL,IAAX,EAAiB,CAACM,SAAD,EAAYC,SAAZ,KAA0B;EACtD,IAAID,SAAS,CAACE,QAAV,KAAuB,IAAvB,IAA+BD,SAAS,CAACC,QAAV,KAAuB,IAA1D,EAAgE;IAC5D,OAAO,IAAP;EACH,CAHqD,CAKtD;EACA;;;EACA,IAAIF,SAAS,CAACJ,SAAV,KAAwBK,SAAS,CAACL,SAAtC,EAAiD;IAC7C,OAAO,KAAP;EACH;;EAED,IAAIK,SAAS,CAACL,SAAV,IAAuBK,SAAS,CAACE,UAArC,EAAiD;IAC7C,OAAO,KAAP;EACH;;EAED,IAAIH,SAAS,CAACI,WAAV,KAA0BH,SAAS,CAACG,WAAxC,EAAqD;IACjD,OAAO,KAAP;EACH;;EAED,OAAOJ,SAAS,CAACE,QAAV,KAAuB,IAAvB,IAA+BD,SAAS,CAACC,QAAV,KAAuB,IAA7D;AACH,CApBc,C"}
+{"version":3,"names":["styles","StyleSheet","create","fill","width","height","none","display","Page","props","index","children","loading","offscreenPageRerenderLimit","sharedIndex","assumeInitialPageState","activeIndex","value","isActive","isLoaded","pageState","setPageState","useState","content","onActiveStateChange","prevState","onBecomeNeighbor","useAnimatedReaction","shouldRerender","becomeNeighbor","nextState","runOnJS","contextValue","useMemo","style","Platform","OS","absoluteFill","memo","prevProps","nextProps","rerenderKey"],"sources":["ChildrenMemoizedPage.tsx"],"sourcesContent":["import React, { memo, useMemo, useState } from 'react';\nimport { Platform, View } from 'react-native';\nimport { runOnJS, useAnimatedReaction } from 'react-native-reanimated';\nimport { StyleSheet } from '@fountain-ui/core';\nimport type { PageProps } from './ViewPagerProps';\nimport PageStateContext from './PageStateContext';\n\nconst styles = StyleSheet.create({\n    fill: { width: '100%', height: '100%' },\n    none: { display: 'none' },\n});\n\ninterface InternalPageState {\n    isActive: boolean;\n    isLoaded: boolean;\n}\n\nfunction Page(props: PageProps) {\n    const {\n        index,\n        children,\n        loading,\n        offscreenPageRerenderLimit,\n        sharedIndex,\n    } = props;\n\n    const assumeInitialPageState = (): InternalPageState => {\n        const activeIndex = sharedIndex.value;\n\n        const isActive = index === activeIndex;\n\n        if (loading === 'eager') {\n            return { isActive, isLoaded: true };\n        }\n\n        const isLoaded = index >= activeIndex - offscreenPageRerenderLimit\n            && index <= activeIndex + offscreenPageRerenderLimit;\n\n        return { isActive, isLoaded };\n    };\n\n    const [pageState, setPageState] = useState<InternalPageState>(assumeInitialPageState);\n\n    const content = pageState.isLoaded ? children : null;\n\n    const onActiveStateChange = (isActive: boolean) => {\n        setPageState(prevState => ({\n            ...prevState,\n            isActive,\n            isLoaded: isActive || prevState.isLoaded,\n        }));\n    };\n\n    const onBecomeNeighbor = () => {\n        setPageState(prevState => ({\n            ...prevState,\n            isLoaded: true,\n        }));\n    };\n\n    useAnimatedReaction(\n        () => {\n            const activeIndex = sharedIndex.value;\n\n            const isActive = index === activeIndex;\n\n            const shouldRerender = index >= activeIndex - offscreenPageRerenderLimit\n                && index <= activeIndex + offscreenPageRerenderLimit;\n\n            const becomeNeighbor = shouldRerender && !isActive;\n\n            return { isActive, becomeNeighbor };\n        },\n        (nextState, prevState) => {\n            if (nextState.isActive !== prevState?.isActive) {\n                runOnJS(onActiveStateChange)(nextState.isActive);\n            } else if (nextState.becomeNeighbor) {\n                runOnJS(onBecomeNeighbor)();\n            }\n        },\n        [index],\n    );\n\n    const contextValue = useMemo(() => ({\n        isActive: pageState.isActive,\n    }), [pageState.isActive]);\n\n    const style = Platform.OS === 'web'\n        ? (pageState.isActive ? StyleSheet.absoluteFill : styles.none)\n        : styles.fill;\n\n    return (\n        <View\n            collapsable={false}\n            style={style}\n        >\n            <PageStateContext.Provider value={contextValue}>\n                {content}\n            </PageStateContext.Provider>\n        </View>\n    );\n}\n\nexport default memo(Page, (prevProps, nextProps) => {\n    if (prevProps.rerenderKey !== nextProps.rerenderKey) {\n        return false;\n    }\n\n    return prevProps.index !== nextProps.index;\n});\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,gBAAA,CAAWC,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IAAEC,KAAK,EAAE,MAAT;IAAiBC,MAAM,EAAE;EAAzB,CADuB;EAE7BC,IAAI,EAAE;IAAEC,OAAO,EAAE;EAAX;AAFuB,CAAlB,CAAf;;AAUA,SAASC,IAAT,CAAcC,KAAd,EAAgC;EAC5B,MAAM;IACFC,KADE;IAEFC,QAFE;IAGFC,OAHE;IAIFC,0BAJE;IAKFC;EALE,IAMFL,KANJ;;EAQA,MAAMM,sBAAsB,GAAG,MAAyB;IACpD,MAAMC,WAAW,GAAGF,WAAW,CAACG,KAAhC;IAEA,MAAMC,QAAQ,GAAGR,KAAK,KAAKM,WAA3B;;IAEA,IAAIJ,OAAO,KAAK,OAAhB,EAAyB;MACrB,OAAO;QAAEM,QAAF;QAAYC,QAAQ,EAAE;MAAtB,CAAP;IACH;;IAED,MAAMA,QAAQ,GAAGT,KAAK,IAAIM,WAAW,GAAGH,0BAAvB,IACVH,KAAK,IAAIM,WAAW,GAAGH,0BAD9B;IAGA,OAAO;MAAEK,QAAF;MAAYC;IAAZ,CAAP;EACH,CAbD;;EAeA,MAAM,CAACC,SAAD,EAAYC,YAAZ,IAA4B,IAAAC,eAAA,EAA4BP,sBAA5B,CAAlC;EAEA,MAAMQ,OAAO,GAAGH,SAAS,CAACD,QAAV,GAAqBR,QAArB,GAAgC,IAAhD;;EAEA,MAAMa,mBAAmB,GAAIN,QAAD,IAAuB;IAC/CG,YAAY,CAACI,SAAS,KAAK,EACvB,GAAGA,SADoB;MAEvBP,QAFuB;MAGvBC,QAAQ,EAAED,QAAQ,IAAIO,SAAS,CAACN;IAHT,CAAL,CAAV,CAAZ;EAKH,CAND;;EAQA,MAAMO,gBAAgB,GAAG,MAAM;IAC3BL,YAAY,CAACI,SAAS,KAAK,EACvB,GAAGA,SADoB;MAEvBN,QAAQ,EAAE;IAFa,CAAL,CAAV,CAAZ;EAIH,CALD;;EAOA,IAAAQ,0CAAA,EACI,MAAM;IACF,MAAMX,WAAW,GAAGF,WAAW,CAACG,KAAhC;IAEA,MAAMC,QAAQ,GAAGR,KAAK,KAAKM,WAA3B;IAEA,MAAMY,cAAc,GAAGlB,KAAK,IAAIM,WAAW,GAAGH,0BAAvB,IAChBH,KAAK,IAAIM,WAAW,GAAGH,0BAD9B;IAGA,MAAMgB,cAAc,GAAGD,cAAc,IAAI,CAACV,QAA1C;IAEA,OAAO;MAAEA,QAAF;MAAYW;IAAZ,CAAP;EACH,CAZL,EAaI,CAACC,SAAD,EAAYL,SAAZ,KAA0B;IACtB,IAAIK,SAAS,CAACZ,QAAV,MAAuBO,SAAvB,aAAuBA,SAAvB,uBAAuBA,SAAS,CAAEP,QAAlC,CAAJ,EAAgD;MAC5C,IAAAa,8BAAA,EAAQP,mBAAR,EAA6BM,SAAS,CAACZ,QAAvC;IACH,CAFD,MAEO,IAAIY,SAAS,CAACD,cAAd,EAA8B;MACjC,IAAAE,8BAAA,EAAQL,gBAAR;IACH;EACJ,CAnBL,EAoBI,CAAChB,KAAD,CApBJ;EAuBA,MAAMsB,YAAY,GAAG,IAAAC,cAAA,EAAQ,OAAO;IAChCf,QAAQ,EAAEE,SAAS,CAACF;EADY,CAAP,CAAR,EAEjB,CAACE,SAAS,CAACF,QAAX,CAFiB,CAArB;EAIA,MAAMgB,KAAK,GAAGC,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GACPhB,SAAS,CAACF,QAAV,GAAqBjB,gBAAA,CAAWoC,YAAhC,GAA+CrC,MAAM,CAACM,IAD/C,GAERN,MAAM,CAACG,IAFb;EAIA,oBACI,6BAAC,iBAAD;IACI,WAAW,EAAE,KADjB;IAEI,KAAK,EAAE+B;EAFX,gBAII,6BAAC,yBAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAEF;EAAlC,GACKT,OADL,CAJJ,CADJ;AAUH;;4BAEc,IAAAe,WAAA,EAAK9B,IAAL,EAAW,CAAC+B,SAAD,EAAYC,SAAZ,KAA0B;EAChD,IAAID,SAAS,CAACE,WAAV,KAA0BD,SAAS,CAACC,WAAxC,EAAqD;IACjD,OAAO,KAAP;EACH;;EAED,OAAOF,SAAS,CAAC7B,KAAV,KAAoB8B,SAAS,CAAC9B,KAArC;AACH,CANc,C"}

package/build/commonjs/ViewPager/PageStateContext.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useViewPagerPageState = exports.default = void 0;
+
+var _react = require("react");
+
+const initialPageState = {
+  isActive: false
+};
+const PageStateContext = /*#__PURE__*/(0, _react.createContext)(initialPageState);
+
+const useViewPagerPageState = () => {
+  return (0, _react.useContext)(PageStateContext);
+};
+
+exports.useViewPagerPageState = useViewPagerPageState;
+var _default = PageStateContext;
+exports.default = _default;
+//# sourceMappingURL=PageStateContext.js.map

package/build/commonjs/ViewPager/PageStateContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["initialPageState","isActive","PageStateContext","createContext","useViewPagerPageState","useContext"],"sources":["PageStateContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\ninterface PageState {\n    isActive: boolean;\n}\n\nconst initialPageState: Readonly<PageState> = { isActive: false };\n\nconst PageStateContext = createContext<PageState>(initialPageState);\n\nexport const useViewPagerPageState = () => {\n    return useContext(PageStateContext);\n};\n\nexport default PageStateContext;\n"],"mappings":";;;;;;;AAAA;;AAMA,MAAMA,gBAAqC,GAAG;EAAEC,QAAQ,EAAE;AAAZ,CAA9C;AAEA,MAAMC,gBAAgB,gBAAG,IAAAC,oBAAA,EAAyBH,gBAAzB,CAAzB;;AAEO,MAAMI,qBAAqB,GAAG,MAAM;EACvC,OAAO,IAAAC,iBAAA,EAAWH,gBAAX,CAAP;AACH,CAFM;;;eAIQA,gB"}

package/build/commonjs/ViewPager/ViewPagerNative.js

@@ -3,12 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = ViewPager;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactNativePagerView = _interopRequireDefault(require("react-native-pager-view"));
 
+var _reactNativeReanimated = require("react-native-reanimated");
+
 var _utils = require("./utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -17,59 +19,105 @@ 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 ViewPager(props) {
+const ViewPager = /*#__PURE__*/(0, _react.forwardRef)(function ViewPager(props, ref) {
   const {
     children,
-    enableVisibleHint = _utils.defaultEnableVisibleHint,
-    index,
+    initialPage = _utils.defaultInitialPage,
     keyboardDismissMode = 'on-drag',
     loading = _utils.defaultLoading,
+    offscreenPageRerenderLimit = _utils.defaultOffscreenPageRerenderLimit,
     onChange,
     pageComponent = _utils.defaultPageComponent,
-    enableNeighborPageRerender = _utils.defaultEnableNeighborPageRerender,
     pageForceRerenderKey,
     scrollEnabled = true,
-    style
+    style,
+    UNSTABLE_sharedPage
   } = props;
-  const indexRef = (0, _react.useRef)(index);
+  const fallbackSharedPage = (0, _reactNativeReanimated.useSharedValue)(initialPage);
+  const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;
+  const desiredPageRef = (0, _react.useRef)(NaN);
   const pagerRef = (0, _react.useRef)(null);
-  const renderer = (0, _utils.usePageRenderer)({
-    enableVisibleHint,
-    index,
-    loading,
-    pageComponent,
-    pageForceRerenderKey,
-    enableNeighborPageRerender
-  });
-  const handlePageSelected = (0, _react.useCallback)(e => {
-    indexRef.current = e.nativeEvent.position;
-
-    if (onChange) {
-      onChange(indexRef.current);
+  const animationFrameRef = (0, _react.useRef)(NaN);
+  const setPage = (0, _react.useCallback)(newPage => {
+    if (!Number.isInteger(newPage)) {
+      return;
     }
-  }, [onChange]);
-  (0, _react.useEffect)(() => {
-    const handleNumber = index !== indexRef.current ? requestAnimationFrame(() => {
+
+    animationFrameRef.current = requestAnimationFrame(() => {
       var _pagerRef$current;
 
-      return (_pagerRef$current = pagerRef.current) === null || _pagerRef$current === void 0 ? void 0 : _pagerRef$current.setPage(index);
-    }) : undefined;
+      if (Number.isFinite(desiredPageRef.current)) {
+        if (sharedPage.value === desiredPageRef.current) {
+          // end of state machine. clear desired page.
+          desiredPageRef.current = NaN;
+          return;
+        }
+
+        if (newPage === desiredPageRef.current) {
+          return;
+        }
+      }
+
+      desiredPageRef.current = newPage;
+      (_pagerRef$current = pagerRef.current) === null || _pagerRef$current === void 0 ? void 0 : _pagerRef$current.setPage(newPage);
+    });
+  }, []);
+  (0, _react.useEffect)(() => {
     return () => {
-      if (handleNumber) {
-        cancelAnimationFrame(handleNumber);
+      if (animationFrameRef.current) {
+        cancelAnimationFrame(animationFrameRef.current);
       }
     };
-  }, [index]);
+  }, []);
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => sharedPage.value, result => {
+    (0, _reactNativeReanimated.runOnJS)(setPage)(result);
+  }, [setPage]);
+  const handlePageSelected = (0, _react.useCallback)(e => {
+    if (Number.isFinite(desiredPageRef.current)) {
+      // onPageSelected is called from outer controlling mechanism
+      // e.g. sharedPage.value is changed, setPage() is called
+      // Due to the onPageSelected bug,
+      // we don't trust the value from event, (e.nativeEvent.position)
+      // other than that trust the value from desiredPageRef.
+      const desiredPage = desiredPageRef.current;
+
+      if (sharedPage.value === desiredPage) {
+        // end of state machine. clear desired page.
+        desiredPageRef.current = NaN;
+      } else {
+        sharedPage.value = desiredPage;
+      }
+
+      onChange === null || onChange === void 0 ? void 0 : onChange(desiredPage);
+    } else {
+      const trustfulNextPage = e.nativeEvent.position;
+      desiredPageRef.current = trustfulNextPage;
+      sharedPage.value = trustfulNextPage;
+      onChange === null || onChange === void 0 ? void 0 : onChange(trustfulNextPage);
+    }
+  }, [onChange]);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    setPage
+  }), [setPage]);
+  const PageComponent = pageComponent;
   return /*#__PURE__*/_react.default.createElement(_reactNativePagerView.default, {
-    initialPage: index,
+    ref: pagerRef,
+    initialPage: sharedPage.value,
     keyboardDismissMode: keyboardDismissMode,
     onPageSelected: handlePageSelected,
     pageMargin: 8,
-    ref: pagerRef,
     scrollEnabled: scrollEnabled,
     style: style
-  }, renderer(children));
-}
-
-;
+  }, _react.Children.map(children, (child, index) => /*#__PURE__*/_react.default.createElement(PageComponent, {
+    key: index,
+    children: child,
+    index: index,
+    loading: loading,
+    offscreenPageRerenderLimit: offscreenPageRerenderLimit,
+    rerenderKey: pageForceRerenderKey,
+    sharedIndex: sharedPage
+  })));
+});
+var _default = ViewPager;
+exports.default = _default;
 //# sourceMappingURL=ViewPagerNative.js.map

package/build/commonjs/ViewPager/ViewPagerNative.js.map

@@ -1 +1 @@
-{"version":3,"names":["ViewPager","props","children","enableVisibleHint","defaultEnableVisibleHint","index","keyboardDismissMode","loading","defaultLoading","onChange","pageComponent","defaultPageComponent","enableNeighborPageRerender","defaultEnableNeighborPageRerender","pageForceRerenderKey","scrollEnabled","style","indexRef","useRef","pagerRef","renderer","usePageRenderer","handlePageSelected","useCallback","e","current","nativeEvent","position","useEffect","handleNumber","requestAnimationFrame","setPage","undefined","cancelAnimationFrame"],"sources":["ViewPagerNative.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport type { ViewPagerOnPageSelectedEvent } from 'react-native-pager-view';\nimport RNViewPager from 'react-native-pager-view';\nimport type ViewPagerProps from './ViewPagerProps';\nimport {\n    defaultEnableNeighborPageRerender,\n    defaultEnableVisibleHint,\n    defaultLoading,\n    defaultPageComponent,\n    usePageRenderer,\n} from './utils';\n\nexport default function ViewPager(props: ViewPagerProps) {\n    const {\n        children,\n        enableVisibleHint = defaultEnableVisibleHint,\n        index,\n        keyboardDismissMode = 'on-drag',\n        loading = defaultLoading,\n        onChange,\n        pageComponent = defaultPageComponent,\n        enableNeighborPageRerender = defaultEnableNeighborPageRerender,\n        pageForceRerenderKey,\n        scrollEnabled = true,\n        style,\n    } = props;\n\n    const indexRef = useRef<number>(index);\n    const pagerRef = useRef<RNViewPager | null>(null);\n\n    const renderer = usePageRenderer({\n        enableVisibleHint,\n        index,\n        loading,\n        pageComponent,\n        pageForceRerenderKey,\n        enableNeighborPageRerender,\n    });\n\n    const handlePageSelected = useCallback((e: ViewPagerOnPageSelectedEvent) => {\n        indexRef.current = e.nativeEvent.position;\n\n        if (onChange) {\n            onChange(indexRef.current);\n        }\n    }, [onChange]);\n\n    useEffect(() => {\n        const handleNumber = index !== indexRef.current\n            ? requestAnimationFrame(() => pagerRef.current?.setPage(index))\n            : undefined;\n\n        return () => {\n            if (handleNumber) {\n                cancelAnimationFrame(handleNumber);\n            }\n        };\n    }, [index]);\n\n    return (\n        <RNViewPager\n            initialPage={index}\n            keyboardDismissMode={keyboardDismissMode}\n            onPageSelected={handlePageSelected}\n            pageMargin={8}\n            ref={pagerRef}\n            scrollEnabled={scrollEnabled}\n            style={style}\n        >\n            {renderer(children)}\n        </RNViewPager>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;;;;;AAQe,SAASA,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,QADE;IAEFC,iBAAiB,GAAGC,+BAFlB;IAGFC,KAHE;IAIFC,mBAAmB,GAAG,SAJpB;IAKFC,OAAO,GAAGC,qBALR;IAMFC,QANE;IAOFC,aAAa,GAAGC,2BAPd;IAQFC,0BAA0B,GAAGC,wCAR3B;IASFC,oBATE;IAUFC,aAAa,GAAG,IAVd;IAWFC;EAXE,IAYFf,KAZJ;EAcA,MAAMgB,QAAQ,GAAG,IAAAC,aAAA,EAAeb,KAAf,CAAjB;EACA,MAAMc,QAAQ,GAAG,IAAAD,aAAA,EAA2B,IAA3B,CAAjB;EAEA,MAAME,QAAQ,GAAG,IAAAC,sBAAA,EAAgB;IAC7BlB,iBAD6B;IAE7BE,KAF6B;IAG7BE,OAH6B;IAI7BG,aAJ6B;IAK7BI,oBAL6B;IAM7BF;EAN6B,CAAhB,CAAjB;EASA,MAAMU,kBAAkB,GAAG,IAAAC,kBAAA,EAAaC,CAAD,IAAqC;IACxEP,QAAQ,CAACQ,OAAT,GAAmBD,CAAC,CAACE,WAAF,CAAcC,QAAjC;;IAEA,IAAIlB,QAAJ,EAAc;MACVA,QAAQ,CAACQ,QAAQ,CAACQ,OAAV,CAAR;IACH;EACJ,CAN0B,EAMxB,CAAChB,QAAD,CANwB,CAA3B;EAQA,IAAAmB,gBAAA,EAAU,MAAM;IACZ,MAAMC,YAAY,GAAGxB,KAAK,KAAKY,QAAQ,CAACQ,OAAnB,GACfK,qBAAqB,CAAC;MAAA;;MAAA,4BAAMX,QAAQ,CAACM,OAAf,sDAAM,kBAAkBM,OAAlB,CAA0B1B,KAA1B,CAAN;IAAA,CAAD,CADN,GAEf2B,SAFN;IAIA,OAAO,MAAM;MACT,IAAIH,YAAJ,EAAkB;QACdI,oBAAoB,CAACJ,YAAD,CAApB;MACH;IACJ,CAJD;EAKH,CAVD,EAUG,CAACxB,KAAD,CAVH;EAYA,oBACI,6BAAC,6BAAD;IACI,WAAW,EAAEA,KADjB;IAEI,mBAAmB,EAAEC,mBAFzB;IAGI,cAAc,EAAEgB,kBAHpB;IAII,UAAU,EAAE,CAJhB;IAKI,GAAG,EAAEH,QALT;IAMI,aAAa,EAAEJ,aANnB;IAOI,KAAK,EAAEC;EAPX,GASKI,QAAQ,CAAClB,QAAD,CATb,CADJ;AAaH;;AAAA"}
+{"version":3,"names":["ViewPager","forwardRef","props","ref","children","initialPage","defaultInitialPage","keyboardDismissMode","loading","defaultLoading","offscreenPageRerenderLimit","defaultOffscreenPageRerenderLimit","onChange","pageComponent","defaultPageComponent","pageForceRerenderKey","scrollEnabled","style","UNSTABLE_sharedPage","fallbackSharedPage","useSharedValue","sharedPage","desiredPageRef","useRef","NaN","pagerRef","animationFrameRef","setPage","useCallback","newPage","Number","isInteger","current","requestAnimationFrame","isFinite","value","useEffect","cancelAnimationFrame","useAnimatedReaction","result","runOnJS","handlePageSelected","e","desiredPage","trustfulNextPage","nativeEvent","position","useImperativeHandle","PageComponent","Children","map","child","index"],"sources":["ViewPagerNative.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport type { ViewPagerOnPageSelectedEvent } from 'react-native-pager-view';\nimport RNViewPager from 'react-native-pager-view';\nimport { runOnJS, useAnimatedReaction, useSharedValue } from 'react-native-reanimated';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './ViewPagerProps';\nimport { defaultInitialPage, defaultLoading, defaultOffscreenPageRerenderLimit, defaultPageComponent } from './utils';\n\nconst ViewPager = forwardRef<ViewPagerInstance, ViewPagerProps>(function ViewPager(props, ref) {\n    const {\n        children,\n        initialPage = defaultInitialPage,\n        keyboardDismissMode = 'on-drag',\n        loading = defaultLoading,\n        offscreenPageRerenderLimit = defaultOffscreenPageRerenderLimit,\n        onChange,\n        pageComponent = defaultPageComponent,\n        pageForceRerenderKey,\n        scrollEnabled = true,\n        style,\n        UNSTABLE_sharedPage,\n    } = props;\n\n    const fallbackSharedPage = useSharedValue<number>(initialPage);\n\n    const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;\n\n    const desiredPageRef = useRef<number>(NaN);\n\n    const pagerRef = useRef<RNViewPager | null>(null);\n\n    const animationFrameRef = useRef<number>(NaN);\n\n    const setPage = useCallback((newPage: number) => {\n        if (!Number.isInteger(newPage)) {\n            return;\n        }\n\n        animationFrameRef.current = requestAnimationFrame(() => {\n            if (Number.isFinite(desiredPageRef.current)) {\n                if (sharedPage.value === desiredPageRef.current) {\n                    // end of state machine. clear desired page.\n                    desiredPageRef.current = NaN;\n                    return;\n                }\n\n                if (newPage === desiredPageRef.current) {\n                    return;\n                }\n            }\n\n            desiredPageRef.current = newPage;\n            pagerRef.current?.setPage(newPage);\n        });\n    }, []);\n\n    useEffect(() => {\n        return () => {\n            if (animationFrameRef.current) {\n                cancelAnimationFrame(animationFrameRef.current);\n            }\n        };\n    }, []);\n\n    useAnimatedReaction(\n        () => sharedPage.value,\n        (result) => {\n            runOnJS(setPage)(result);\n        },\n        [setPage],\n    );\n\n    const handlePageSelected = useCallback((e: ViewPagerOnPageSelectedEvent) => {\n        if (Number.isFinite(desiredPageRef.current)) {\n            // onPageSelected is called from outer controlling mechanism\n            // e.g. sharedPage.value is changed, setPage() is called\n            // Due to the onPageSelected bug,\n            // we don't trust the value from event, (e.nativeEvent.position)\n            // other than that trust the value from desiredPageRef.\n\n            const desiredPage = desiredPageRef.current;\n\n            if (sharedPage.value === desiredPage) {\n                // end of state machine. clear desired page.\n                desiredPageRef.current = NaN;\n            } else {\n                sharedPage.value = desiredPage;\n            }\n\n            onChange?.(desiredPage);\n        } else {\n            const trustfulNextPage = e.nativeEvent.position;\n\n            desiredPageRef.current = trustfulNextPage;\n\n            sharedPage.value = trustfulNextPage;\n\n            onChange?.(trustfulNextPage);\n        }\n    }, [onChange]);\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [setPage],\n    );\n\n    const PageComponent = pageComponent;\n\n    return (\n        <RNViewPager\n            ref={pagerRef}\n            initialPage={sharedPage.value}\n            keyboardDismissMode={keyboardDismissMode}\n            onPageSelected={handlePageSelected}\n            pageMargin={8}\n            scrollEnabled={scrollEnabled}\n            style={style}\n        >\n            {Children.map(children, (child, index) => (\n                <PageComponent\n                    key={index}\n                    children={child}\n                    index={index}\n                    loading={loading}\n                    offscreenPageRerenderLimit={offscreenPageRerenderLimit}\n                    rerenderKey={pageForceRerenderKey}\n                    sharedIndex={sharedPage}\n                />\n            ))}\n        </RNViewPager>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":"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"}

package/build/commonjs/ViewPager/ViewPagerProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ViewPagerProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { ComponentProps } from '@fountain-ui/core';\n\nexport type KeyboardDismissMode = 'none' | 'on-drag';\n\nexport type PageProps = React.PropsWithChildren<ViewProps> & {\n    isNeighbor: boolean;\n    isVisible: boolean;\n    rerenderKey?: any;\n};\n\nexport type PageComponent = React.ComponentType<PageProps>;\n\nexport type Loading = 'lazy' | 'eager';\n\nexport default interface ViewPagerProps extends ComponentProps<{\n    /**\n     * Collection of ViewPager components.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * If `true`, enable page visible hint.\n     * @default false\n     */\n    enableVisibleHint?: boolean;\n\n    /**\n     * If `true`, Based on the current index, the pages on the left and right are also rerender.\n     * @default false\n     */\n    enableNeighborPageRerender?: boolean;\n\n    /**\n     * A number representing the index of the active page.\n     */\n    index: number,\n\n    /**\n     * Whether to load the page immediately (`eager`) or on an as-needed basis (`lazy`).\n     * @default 'lazy'\n     */\n    loading?: Loading;\n\n    /**\n     * Callback fired when an index is changed.\n     */\n    onChange?: (newIndex: number) => void,\n\n    /**\n     * The component used to render the wrapper of the page.\n     * @default 'ChildrenMemoizedPage'\n     */\n    pageComponent?: PageComponent,\n\n    /**\n     * When this value is changed, page will be rerender.\n     */\n    pageForceRerenderKey?: any;\n\n    /**\n     * Mobile only. Should pager view scroll, when scroll enabled.\n     * @default true\n     */\n    scrollEnabled?: boolean;\n\n    /**\n     * Mobile only. Determines whether the keyboard gets dismissed in response to a drag.\n     * @default 'on-drag'\n     */\n    keyboardDismissMode?: KeyboardDismissMode;\n}> {}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["ViewPagerProps.ts"],"sourcesContent":["import type { ComponentType, PropsWithChildren, ReactNode, Ref } from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { SharedValue } from 'react-native-reanimated';\nimport type { ComponentProps } from '@fountain-ui/core';\n\nexport type KeyboardDismissMode = 'none' | 'on-drag';\n\nexport type PageProps = PropsWithChildren<ViewProps> & {\n    index: number;\n    loading: ViewPagerProps['loading'];\n    offscreenPageRerenderLimit: number;\n    sharedIndex: SharedValue<number>;\n    rerenderKey?: ViewPagerProps['pageForceRerenderKey'];\n};\n\nexport type PageComponent = ComponentType<PageProps>;\n\nexport type Loading = 'lazy' | 'eager';\n\nexport interface ViewPagerInstance {\n    /**\n     * Function to scroll to a specific page in the ViewPager. Invalid index is ignored.\n     * @param index\n     */\n    setPage: (index: number) => void;\n}\n\nexport default interface ViewPagerProps extends ComponentProps<{\n    ref?: Ref<ViewPagerInstance>;\n\n    /**\n     * Collection of ViewPager components.\n     */\n    children?: ReactNode;\n\n    /**\n     * Index of initial page that should be selected.\n     * @default 0\n     */\n    initialPage?: number;\n\n    /**\n     * Whether to load the page immediately (`eager`) or on an as-needed basis (`lazy`).\n     * @default 'lazy'\n     */\n    loading?: Loading;\n\n    /**\n     * Mobile only. The number of pages that should be re-rendered to either side of the current page.\n     * Changing this value after the component mount has no effect.\n     * @default 0\n     */\n    offscreenPageRerenderLimit?: number;\n\n    /**\n     * Callback fired when an index is changed.\n     */\n    onChange?: (newIndex: number) => void,\n\n    /**\n     * The component used to render the wrapper of the page.\n     * @default 'ChildrenMemoizedPage'\n     */\n    pageComponent?: PageComponent,\n\n    /**\n     * When this value is changed, page will be rerender.\n     */\n    pageForceRerenderKey?: any;\n\n    /**\n     * Mobile only. Should pager view scroll, when scroll enabled.\n     * @default true\n     */\n    scrollEnabled?: boolean;\n\n    /**\n     * Mobile only. Determines whether the keyboard gets dismissed in response to a drag.\n     * @default 'on-drag'\n     */\n    keyboardDismissMode?: KeyboardDismissMode;\n\n    /**\n     * Unstable API.\n     */\n    UNSTABLE_sharedPage?: SharedValue<number>;\n}> {}\n"],"mappings":""}