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

package/build/commonjs/ViewPager/ChildrenMemoizedPage.js

@@ -9,12 +9,12 @@ 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"));
 
+var _InternalContext = _interopRequireDefault(require("./InternalContext"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }
@@ -34,14 +34,17 @@ const styles = _core.StyleSheet.create({
 function Page(props) {
   const {
     index,
+    initialPage,
     children,
     loading,
-    offscreenPageRerenderLimit,
-    sharedIndex
+    offscreenPageRerenderLimit
   } = props;
+  const {
+    pageStore
+  } = (0, _react.useContext)(_InternalContext.default);
 
   const assumeInitialPageState = () => {
-    const activeIndex = sharedIndex.value;
+    const activeIndex = initialPage;
     const isActive = index === activeIndex;
 
     if (loading === 'eager') {
@@ -60,36 +63,30 @@ function Page(props) {
 
   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]);
+  (0, _react.useEffect)(() => {
+    return pageStore.subscribe(newPage => {
+      const activeIndex = newPage;
+      const isActive = index === activeIndex;
+      const shouldRerender = index >= activeIndex - offscreenPageRerenderLimit && index <= activeIndex + offscreenPageRerenderLimit;
+      const becomeNeighbor = shouldRerender && !isActive;
+      setPageState(prevState => {
+        if (prevState.isActive !== isActive) {
+          return { ...prevState,
+            isActive,
+            isLoaded: isActive || prevState.isLoaded
+          };
+        }
+
+        if (becomeNeighbor && !prevState.isLoaded) {
+          return { ...prevState,
+            isLoaded: true
+          };
+        }
+
+        return prevState;
+      });
+    });
+  }, [pageStore, index]);
   const contextValue = (0, _react.useMemo)(() => ({
     isActive: pageState.isActive
   }), [pageState.isActive]);

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

@@ -1 +1 @@
-{"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":"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"}
+{"version":3,"names":["styles","StyleSheet","create","fill","width","height","none","display","Page","props","index","initialPage","children","loading","offscreenPageRerenderLimit","pageStore","useContext","InternalContext","assumeInitialPageState","activeIndex","isActive","isLoaded","pageState","setPageState","useState","content","useEffect","subscribe","newPage","shouldRerender","becomeNeighbor","prevState","contextValue","useMemo","style","Platform","OS","absoluteFill","memo","prevProps","nextProps","rerenderKey"],"sources":["ChildrenMemoizedPage.tsx"],"sourcesContent":["import React, { memo, useContext, useEffect, useMemo, useState } from 'react';\nimport { Platform, View } from 'react-native';\nimport { StyleSheet } from '@fountain-ui/core';\nimport type { PageProps } from './types';\nimport PageStateContext from './PageStateContext';\nimport InternalContext from './InternalContext';\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        initialPage,\n        children,\n        loading,\n        offscreenPageRerenderLimit,\n    } = props;\n\n    const { pageStore } = useContext(InternalContext);\n\n    const assumeInitialPageState = (): InternalPageState => {\n        const activeIndex = initialPage;\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    useEffect(() => {\n        return pageStore.subscribe(newPage => {\n            const activeIndex = newPage;\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            setPageState(prevState => {\n                if (prevState.isActive !== isActive) {\n                    return {\n                        ...prevState,\n                        isActive,\n                        isLoaded: isActive || prevState.isLoaded,\n                    };\n                }\n\n                if (becomeNeighbor && !prevState.isLoaded) {\n                    return {\n                        ...prevState,\n                        isLoaded: true,\n                    };\n                }\n\n                return prevState;\n            });\n        });\n    }, [pageStore, index]);\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":"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"}

package/build/commonjs/ViewPager/InternalContext.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _core = require("@fountain-ui/core");
+
+const InternalContext = /*#__PURE__*/(0, _react.createContext)({
+  pageStore: new _core.MockStore()
+});
+var _default = InternalContext;
+exports.default = _default;
+//# sourceMappingURL=InternalContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["InternalContext","createContext","pageStore","MockStore"],"sources":["InternalContext.ts"],"sourcesContent":["import { createContext } from 'react';\nimport type { MonoStore } from '@fountain-ui/core';\nimport { MockStore } from '@fountain-ui/core';\n\nexport interface InternalContextValue {\n    pageStore: MonoStore<number>;\n}\n\nconst InternalContext = createContext<InternalContextValue>({\n    pageStore: new MockStore(),\n});\n\nexport default InternalContext;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAMA,MAAMA,eAAe,gBAAG,IAAAC,oBAAA,EAAoC;EACxDC,SAAS,EAAE,IAAIC,eAAJ;AAD6C,CAApC,CAAxB;eAIeH,e"}

package/build/commonjs/ViewPager/ViewPagerNative.js

@@ -9,10 +9,14 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactNativePagerView = _interopRequireDefault(require("react-native-pager-view"));
 
-var _reactNativeReanimated = require("react-native-reanimated");
+var _core = require("@fountain-ui/core");
 
 var _utils = require("./utils");
 
+var _usePageStore = _interopRequireDefault(require("./usePageStore"));
+
+var _InternalContext = _interopRequireDefault(require("./InternalContext"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }
@@ -33,8 +37,11 @@ const ViewPager = /*#__PURE__*/(0, _react.forwardRef)(function ViewPager(props,
     style,
     UNSTABLE_sharedPage
   } = props;
-  const fallbackSharedPage = (0, _reactNativeReanimated.useSharedValue)(initialPage);
+  const fallbackSharedPage = (0, _core.useSyncAnimatedValue)({
+    initialValue: initialPage
+  });
   const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;
+  const pageRef = (0, _react.useRef)(sharedPage.initialValue);
   const desiredPageRef = (0, _react.useRef)(NaN);
   const pagerRef = (0, _react.useRef)(null);
   const animationFrameRef = (0, _react.useRef)(NaN);
@@ -47,7 +54,7 @@ const ViewPager = /*#__PURE__*/(0, _react.forwardRef)(function ViewPager(props,
       var _pagerRef$current;
 
       if (Number.isFinite(desiredPageRef.current)) {
-        if (sharedPage.value === desiredPageRef.current) {
+        if (pageRef.current === desiredPageRef.current) {
           // end of state machine. clear desired page.
           desiredPageRef.current = NaN;
           return;
@@ -69,9 +76,17 @@ const ViewPager = /*#__PURE__*/(0, _react.forwardRef)(function ViewPager(props,
       }
     };
   }, []);
-  (0, _reactNativeReanimated.useAnimatedReaction)(() => sharedPage.value, result => {
-    (0, _reactNativeReanimated.runOnJS)(setPage)(result);
-  }, [setPage]);
+  (0, _react.useEffect)(() => {
+    const animatedValue = sharedPage.animatedValue;
+    const id = animatedValue.addListener(newValue => {
+      const newPage = newValue.value;
+      pageRef.current = newPage;
+      setPage(newPage);
+    });
+    return () => {
+      animatedValue.removeListener(id);
+    };
+  }, [sharedPage]);
   const handlePageSelected = (0, _react.useCallback)(e => {
     if (Number.isFinite(desiredPageRef.current)) {
       // onPageSelected is called from outer controlling mechanism
@@ -81,28 +96,37 @@ const ViewPager = /*#__PURE__*/(0, _react.forwardRef)(function ViewPager(props,
       // other than that trust the value from desiredPageRef.
       const desiredPage = desiredPageRef.current;
 
-      if (sharedPage.value === desiredPage) {
+      if (pageRef.current === desiredPage) {
         // end of state machine. clear desired page.
         desiredPageRef.current = NaN;
       } else {
-        sharedPage.value = desiredPage;
+        sharedPage.animatedValue.setValue(desiredPage);
       }
 
       onChange === null || onChange === void 0 ? void 0 : onChange(desiredPage);
     } else {
       const trustfulNextPage = e.nativeEvent.position;
-      desiredPageRef.current = trustfulNextPage;
-      sharedPage.value = trustfulNextPage;
+
+      if (trustfulNextPage !== pageRef.current) {
+        desiredPageRef.current = trustfulNextPage;
+        sharedPage.animatedValue.setValue(trustfulNextPage);
+      }
+
       onChange === null || onChange === void 0 ? void 0 : onChange(trustfulNextPage);
     }
-  }, [onChange]);
+  }, [onChange, sharedPage]);
   (0, _react.useImperativeHandle)(ref, () => ({
     setPage
   }), [setPage]);
+  const pageStore = (0, _usePageStore.default)(sharedPage);
   const PageComponent = pageComponent;
-  return /*#__PURE__*/_react.default.createElement(_reactNativePagerView.default, {
+  return /*#__PURE__*/_react.default.createElement(_InternalContext.default.Provider, {
+    value: {
+      pageStore
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNativePagerView.default, {
     ref: pagerRef,
-    initialPage: sharedPage.value,
+    initialPage: sharedPage.initialValue,
     keyboardDismissMode: keyboardDismissMode,
     onPageSelected: handlePageSelected,
     pageMargin: 8,
@@ -112,11 +136,11 @@ const ViewPager = /*#__PURE__*/(0, _react.forwardRef)(function ViewPager(props,
     key: index,
     children: child,
     index: index,
+    initialPage: sharedPage.initialValue,
     loading: loading,
     offscreenPageRerenderLimit: offscreenPageRerenderLimit,
-    rerenderKey: pageForceRerenderKey,
-    sharedIndex: sharedPage
-  })));
+    rerenderKey: pageForceRerenderKey
+  }))));
 });
 var _default = ViewPager;
 exports.default = _default;

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"names":["ViewPager","forwardRef","props","ref","children","initialPage","defaultInitialPage","keyboardDismissMode","loading","defaultLoading","offscreenPageRerenderLimit","defaultOffscreenPageRerenderLimit","onChange","pageComponent","defaultPageComponent","pageForceRerenderKey","scrollEnabled","style","UNSTABLE_sharedPage","fallbackSharedPage","useSyncAnimatedValue","initialValue","sharedPage","pageRef","useRef","desiredPageRef","NaN","pagerRef","animationFrameRef","setPage","useCallback","newPage","Number","isInteger","current","requestAnimationFrame","isFinite","useEffect","cancelAnimationFrame","animatedValue","id","addListener","newValue","value","removeListener","handlePageSelected","e","desiredPage","setValue","trustfulNextPage","nativeEvent","position","useImperativeHandle","pageStore","usePageStore","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 { useSyncAnimatedValue } from '@fountain-ui/core';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './types';\nimport { defaultInitialPage, defaultLoading, defaultOffscreenPageRerenderLimit, defaultPageComponent } from './utils';\nimport usePageStore from './usePageStore';\nimport InternalContext from './InternalContext';\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 = useSyncAnimatedValue({ initialValue: initialPage });\n\n    const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;\n\n    const pageRef = useRef<number>(sharedPage.initialValue);\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 (pageRef.current === 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    useEffect(() => {\n        const animatedValue = sharedPage.animatedValue;\n        const id = animatedValue.addListener(newValue => {\n            const newPage = newValue.value;\n            pageRef.current = newPage;\n            setPage(newPage);\n        });\n\n        return () => {\n            animatedValue.removeListener(id);\n        };\n    }, [sharedPage]);\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 (pageRef.current === desiredPage) {\n                // end of state machine. clear desired page.\n                desiredPageRef.current = NaN;\n            } else {\n                sharedPage.animatedValue.setValue(desiredPage);\n            }\n\n            onChange?.(desiredPage);\n        } else {\n            const trustfulNextPage = e.nativeEvent.position;\n\n            if (trustfulNextPage !== pageRef.current) {\n                desiredPageRef.current = trustfulNextPage;\n                sharedPage.animatedValue.setValue(trustfulNextPage);\n            }\n\n            onChange?.(trustfulNextPage);\n        }\n    }, [onChange, sharedPage]);\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [setPage],\n    );\n\n    const pageStore = usePageStore(sharedPage);\n\n    const PageComponent = pageComponent;\n\n    return (\n        <InternalContext.Provider value={{ pageStore }}>\n            <RNViewPager\n                ref={pagerRef}\n                initialPage={sharedPage.initialValue}\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                        initialPage={sharedPage.initialValue}\n                        loading={loading}\n                        offscreenPageRerenderLimit={offscreenPageRerenderLimit}\n                        rerenderKey={pageForceRerenderKey}\n                    />\n                ))}\n            </RNViewPager>\n        </InternalContext.Provider>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAGA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,SAAS,gBAAG,IAAAC,iBAAA,EAA8C,SAASD,SAAT,CAAmBE,KAAnB,EAA0BC,GAA1B,EAA+B;EAC3F,MAAM;IACFC,QADE;IAEFC,WAAW,GAAGC,yBAFZ;IAGFC,mBAAmB,GAAG,SAHpB;IAIFC,OAAO,GAAGC,qBAJR;IAKFC,0BAA0B,GAAGC,wCAL3B;IAMFC,QANE;IAOFC,aAAa,GAAGC,2BAPd;IAQFC,oBARE;IASFC,aAAa,GAAG,IATd;IAUFC,KAVE;IAWFC;EAXE,IAYFhB,KAZJ;EAcA,MAAMiB,kBAAkB,GAAG,IAAAC,0BAAA,EAAqB;IAAEC,YAAY,EAAEhB;EAAhB,CAArB,CAA3B;EAEA,MAAMiB,UAAU,GAAGJ,mBAAmB,IAAIC,kBAA1C;EAEA,MAAMI,OAAO,GAAG,IAAAC,aAAA,EAAeF,UAAU,CAACD,YAA1B,CAAhB;EAEA,MAAMI,cAAc,GAAG,IAAAD,aAAA,EAAeE,GAAf,CAAvB;EAEA,MAAMC,QAAQ,GAAG,IAAAH,aAAA,EAA2B,IAA3B,CAAjB;EAEA,MAAMI,iBAAiB,GAAG,IAAAJ,aAAA,EAAeE,GAAf,CAA1B;EAEA,MAAMG,OAAO,GAAG,IAAAC,kBAAA,EAAaC,OAAD,IAAqB;IAC7C,IAAI,CAACC,MAAM,CAACC,SAAP,CAAiBF,OAAjB,CAAL,EAAgC;MAC5B;IACH;;IAEDH,iBAAiB,CAACM,OAAlB,GAA4BC,qBAAqB,CAAC,MAAM;MAAA;;MACpD,IAAIH,MAAM,CAACI,QAAP,CAAgBX,cAAc,CAACS,OAA/B,CAAJ,EAA6C;QACzC,IAAIX,OAAO,CAACW,OAAR,KAAoBT,cAAc,CAACS,OAAvC,EAAgD;UAC5C;UACAT,cAAc,CAACS,OAAf,GAAyBR,GAAzB;UACA;QACH;;QAED,IAAIK,OAAO,KAAKN,cAAc,CAACS,OAA/B,EAAwC;UACpC;QACH;MACJ;;MAEDT,cAAc,CAACS,OAAf,GAAyBH,OAAzB;MACA,qBAAAJ,QAAQ,CAACO,OAAT,wEAAkBL,OAAlB,CAA0BE,OAA1B;IACH,CAfgD,CAAjD;EAgBH,CArBe,EAqBb,EArBa,CAAhB;EAuBA,IAAAM,gBAAA,EAAU,MAAM;IACZ,OAAO,MAAM;MACT,IAAIT,iBAAiB,CAACM,OAAtB,EAA+B;QAC3BI,oBAAoB,CAACV,iBAAiB,CAACM,OAAnB,CAApB;MACH;IACJ,CAJD;EAKH,CAND,EAMG,EANH;EAQA,IAAAG,gBAAA,EAAU,MAAM;IACZ,MAAME,aAAa,GAAGjB,UAAU,CAACiB,aAAjC;IACA,MAAMC,EAAE,GAAGD,aAAa,CAACE,WAAd,CAA0BC,QAAQ,IAAI;MAC7C,MAAMX,OAAO,GAAGW,QAAQ,CAACC,KAAzB;MACApB,OAAO,CAACW,OAAR,GAAkBH,OAAlB;MACAF,OAAO,CAACE,OAAD,CAAP;IACH,CAJU,CAAX;IAMA,OAAO,MAAM;MACTQ,aAAa,CAACK,cAAd,CAA6BJ,EAA7B;IACH,CAFD;EAGH,CAXD,EAWG,CAAClB,UAAD,CAXH;EAaA,MAAMuB,kBAAkB,GAAG,IAAAf,kBAAA,EAAagB,CAAD,IAAqC;IACxE,IAAId,MAAM,CAACI,QAAP,CAAgBX,cAAc,CAACS,OAA/B,CAAJ,EAA6C;MACzC;MACA;MACA;MACA;MACA;MAEA,MAAMa,WAAW,GAAGtB,cAAc,CAACS,OAAnC;;MAEA,IAAIX,OAAO,CAACW,OAAR,KAAoBa,WAAxB,EAAqC;QACjC;QACAtB,cAAc,CAACS,OAAf,GAAyBR,GAAzB;MACH,CAHD,MAGO;QACHJ,UAAU,CAACiB,aAAX,CAAyBS,QAAzB,CAAkCD,WAAlC;MACH;;MAEDnC,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGmC,WAAH,CAAR;IACH,CAjBD,MAiBO;MACH,MAAME,gBAAgB,GAAGH,CAAC,CAACI,WAAF,CAAcC,QAAvC;;MAEA,IAAIF,gBAAgB,KAAK1B,OAAO,CAACW,OAAjC,EAA0C;QACtCT,cAAc,CAACS,OAAf,GAAyBe,gBAAzB;QACA3B,UAAU,CAACiB,aAAX,CAAyBS,QAAzB,CAAkCC,gBAAlC;MACH;;MAEDrC,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGqC,gBAAH,CAAR;IACH;EACJ,CA5B0B,EA4BxB,CAACrC,QAAD,EAAWU,UAAX,CA5BwB,CAA3B;EA8BA,IAAA8B,0BAAA,EACIjD,GADJ,EAEI,OAAO;IAAE0B;EAAF,CAAP,CAFJ,EAGI,CAACA,OAAD,CAHJ;EAMA,MAAMwB,SAAS,GAAG,IAAAC,qBAAA,EAAahC,UAAb,CAAlB;EAEA,MAAMiC,aAAa,GAAG1C,aAAtB;EAEA,oBACI,6BAAC,wBAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAE;MAAEwC;IAAF;EAAjC,gBACI,6BAAC,6BAAD;IACI,GAAG,EAAE1B,QADT;IAEI,WAAW,EAAEL,UAAU,CAACD,YAF5B;IAGI,mBAAmB,EAAEd,mBAHzB;IAII,cAAc,EAAEsC,kBAJpB;IAKI,UAAU,EAAE,CALhB;IAMI,aAAa,EAAE7B,aANnB;IAOI,KAAK,EAAEC;EAPX,GASKuC,eAAA,CAASC,GAAT,CAAarD,QAAb,EAAuB,CAACsD,KAAD,EAAQC,KAAR,kBACpB,6BAAC,aAAD;IACI,GAAG,EAAEA,KADT;IAEI,QAAQ,EAAED,KAFd;IAGI,KAAK,EAAEC,KAHX;IAII,WAAW,EAAErC,UAAU,CAACD,YAJ5B;IAKI,OAAO,EAAEb,OALb;IAMI,0BAA0B,EAAEE,0BANhC;IAOI,WAAW,EAAEK;EAPjB,EADH,CATL,CADJ,CADJ;AAyBH,CAxIiB,CAAlB;eA0Ief,S"}

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

@@ -1 +1 @@
-{"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":""}
+{"version":3,"names":[],"sources":["ViewPagerProps.ts"],"sourcesContent":["import type { ReactNode, Ref } from 'react';\nimport type { ComponentProps, SyncAnimatedValue } from '@fountain-ui/core';\nimport type { KeyboardDismissMode, Loading, PageComponent, ViewPagerInstance } from './types';\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?: SyncAnimatedValue;\n}> {}\n"],"mappings":""}

package/build/commonjs/ViewPager/ViewPagerWeb.js

@@ -9,12 +9,16 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
-var _reactNativeReanimated = require("react-native-reanimated");
-
 var _core = require("@fountain-ui/core");
 
 var _utils = require("./utils");
 
+var _usePageStore = _interopRequireDefault(require("./usePageStore"));
+
+var _InternalContext = _interopRequireDefault(require("./InternalContext"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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; }
@@ -37,27 +41,34 @@ const ViewPager = /*#__PURE__*/(0, _react.forwardRef)(function ViewPager(props,
     style,
     UNSTABLE_sharedPage
   } = props;
-  const fallbackSharedPage = (0, _reactNativeReanimated.useSharedValue)(initialPage);
+  const fallbackSharedPage = (0, _core.useSyncAnimatedValue)({
+    initialValue: initialPage
+  });
   const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;
   const setPage = (0, _react.useCallback)(newPage => {
-    sharedPage.value = newPage;
+    sharedPage.animatedValue.setValue(newPage);
   }, [sharedPage]);
   (0, _react.useImperativeHandle)(ref, () => ({
     setPage
   }), [setPage]);
+  const pageStore = (0, _usePageStore.default)(sharedPage);
   const PageComponent = pageComponent;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return /*#__PURE__*/_react.default.createElement(_InternalContext.default.Provider, {
+    value: {
+      pageStore
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.root, style]
   }, _react.Children.map(children, (child, index) => /*#__PURE__*/_react.default.createElement(PageComponent, {
     key: index,
     children: child,
     index: index,
+    initialPage: sharedPage.initialValue,
     loading: loading,
     offscreenPageRerenderLimit: 0 // All offscreen pages will not be re-rendered
     ,
-    rerenderKey: pageForceRerenderKey,
-    sharedIndex: sharedPage
-  })));
+    rerenderKey: pageForceRerenderKey
+  }))));
 });
 var _default = ViewPager;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"names":["styles","StyleSheet","create","root","overflow","position","ViewPager","forwardRef","props","ref","children","initialPage","defaultInitialPage","loading","defaultLoading","pageComponent","defaultPageComponent","pageForceRerenderKey","style","UNSTABLE_sharedPage","fallbackSharedPage","useSharedValue","sharedPage","setPage","useCallback","newPage","value","useImperativeHandle","PageComponent","Children","map","child","index"],"sources":["ViewPagerWeb.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useImperativeHandle } from 'react';\nimport { View } from 'react-native';\nimport { useSharedValue } from 'react-native-reanimated';\nimport { StyleSheet } from '@fountain-ui/core';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './ViewPagerProps';\nimport { defaultInitialPage, defaultLoading, defaultPageComponent } from './utils';\n\nconst styles = StyleSheet.create({\n    root: {\n        // @ts-ignore\n        overflow: 'auto',\n        position: 'relative',\n    },\n});\n\nconst ViewPager = forwardRef<ViewPagerInstance, ViewPagerProps>(function ViewPager(props, ref) {\n    const {\n        children,\n        initialPage = defaultInitialPage,\n        loading = defaultLoading,\n        pageComponent = defaultPageComponent,\n        pageForceRerenderKey,\n        style,\n        UNSTABLE_sharedPage,\n    } = props;\n\n    const fallbackSharedPage = useSharedValue<number>(initialPage);\n\n    const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;\n\n    const setPage = useCallback((newPage: number) => {\n        sharedPage.value = newPage;\n    }, [sharedPage]);\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [setPage],\n    );\n\n    const PageComponent = pageComponent;\n\n    return (\n        <View style={[styles.root, style]}>\n            {Children.map(children, (child, index) => (\n                <PageComponent\n                    key={index}\n                    children={child}\n                    index={index}\n                    loading={loading}\n                    offscreenPageRerenderLimit={0} // All offscreen pages will not be re-rendered\n                    rerenderKey={pageForceRerenderKey}\n                    sharedIndex={sharedPage}\n                />\n            ))}\n        </View>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAGA;;;;;;AAEA,MAAMA,MAAM,GAAGC,gBAAA,CAAWC,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACF;IACAC,QAAQ,EAAE,MAFR;IAGFC,QAAQ,EAAE;EAHR;AADuB,CAAlB,CAAf;;AAQA,MAAMC,SAAS,gBAAG,IAAAC,iBAAA,EAA8C,SAASD,SAAT,CAAmBE,KAAnB,EAA0BC,GAA1B,EAA+B;EAC3F,MAAM;IACFC,QADE;IAEFC,WAAW,GAAGC,yBAFZ;IAGFC,OAAO,GAAGC,qBAHR;IAIFC,aAAa,GAAGC,2BAJd;IAKFC,oBALE;IAMFC,KANE;IAOFC;EAPE,IAQFX,KARJ;EAUA,MAAMY,kBAAkB,GAAG,IAAAC,qCAAA,EAAuBV,WAAvB,CAA3B;EAEA,MAAMW,UAAU,GAAGH,mBAAmB,IAAIC,kBAA1C;EAEA,MAAMG,OAAO,GAAG,IAAAC,kBAAA,EAAaC,OAAD,IAAqB;IAC7CH,UAAU,CAACI,KAAX,GAAmBD,OAAnB;EACH,CAFe,EAEb,CAACH,UAAD,CAFa,CAAhB;EAIA,IAAAK,0BAAA,EACIlB,GADJ,EAEI,OAAO;IAAEc;EAAF,CAAP,CAFJ,EAGI,CAACA,OAAD,CAHJ;EAMA,MAAMK,aAAa,GAAGb,aAAtB;EAEA,oBACI,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACf,MAAM,CAACG,IAAR,EAAce,KAAd;EAAb,GACKW,eAAA,CAASC,GAAT,CAAapB,QAAb,EAAuB,CAACqB,KAAD,EAAQC,KAAR,kBACpB,6BAAC,aAAD;IACI,GAAG,EAAEA,KADT;IAEI,QAAQ,EAAED,KAFd;IAGI,KAAK,EAAEC,KAHX;IAII,OAAO,EAAEnB,OAJb;IAKI,0BAA0B,EAAE,CALhC,CAKmC;IALnC;IAMI,WAAW,EAAEI,oBANjB;IAOI,WAAW,EAAEK;EAPjB,EADH,CADL,CADJ;AAeH,CA1CiB,CAAlB;eA4CehB,S"}
+{"version":3,"names":["styles","StyleSheet","create","root","overflow","position","ViewPager","forwardRef","props","ref","children","initialPage","defaultInitialPage","loading","defaultLoading","pageComponent","defaultPageComponent","pageForceRerenderKey","style","UNSTABLE_sharedPage","fallbackSharedPage","useSyncAnimatedValue","initialValue","sharedPage","setPage","useCallback","newPage","animatedValue","setValue","useImperativeHandle","pageStore","usePageStore","PageComponent","Children","map","child","index"],"sources":["ViewPagerWeb.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useImperativeHandle } from 'react';\nimport { View } from 'react-native';\nimport { StyleSheet, useSyncAnimatedValue } from '@fountain-ui/core';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './types';\nimport { defaultInitialPage, defaultLoading, defaultPageComponent } from './utils';\nimport usePageStore from './usePageStore';\nimport InternalContext from './InternalContext';\n\nconst styles = StyleSheet.create({\n    root: {\n        // @ts-ignore\n        overflow: 'auto',\n        position: 'relative',\n    },\n});\n\nconst ViewPager = forwardRef<ViewPagerInstance, ViewPagerProps>(function ViewPager(props, ref) {\n    const {\n        children,\n        initialPage = defaultInitialPage,\n        loading = defaultLoading,\n        pageComponent = defaultPageComponent,\n        pageForceRerenderKey,\n        style,\n        UNSTABLE_sharedPage,\n    } = props;\n\n    const fallbackSharedPage = useSyncAnimatedValue({ initialValue: initialPage });\n\n    const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;\n\n    const setPage = useCallback((newPage: number) => {\n        sharedPage.animatedValue.setValue(newPage);\n    }, [sharedPage]);\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [setPage],\n    );\n\n    const pageStore = usePageStore(sharedPage);\n\n    const PageComponent = pageComponent;\n\n    return (\n        <InternalContext.Provider value={{ pageStore }}>\n            <View style={[styles.root, style]}>\n                {Children.map(children, (child, index) => (\n                    <PageComponent\n                        key={index}\n                        children={child}\n                        index={index}\n                        initialPage={sharedPage.initialValue}\n                        loading={loading}\n                        offscreenPageRerenderLimit={0} // All offscreen pages will not be re-rendered\n                        rerenderKey={pageForceRerenderKey}\n                    />\n                ))}\n            </View>\n        </InternalContext.Provider>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAGA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,gBAAA,CAAWC,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACF;IACAC,QAAQ,EAAE,MAFR;IAGFC,QAAQ,EAAE;EAHR;AADuB,CAAlB,CAAf;;AAQA,MAAMC,SAAS,gBAAG,IAAAC,iBAAA,EAA8C,SAASD,SAAT,CAAmBE,KAAnB,EAA0BC,GAA1B,EAA+B;EAC3F,MAAM;IACFC,QADE;IAEFC,WAAW,GAAGC,yBAFZ;IAGFC,OAAO,GAAGC,qBAHR;IAIFC,aAAa,GAAGC,2BAJd;IAKFC,oBALE;IAMFC,KANE;IAOFC;EAPE,IAQFX,KARJ;EAUA,MAAMY,kBAAkB,GAAG,IAAAC,0BAAA,EAAqB;IAAEC,YAAY,EAAEX;EAAhB,CAArB,CAA3B;EAEA,MAAMY,UAAU,GAAGJ,mBAAmB,IAAIC,kBAA1C;EAEA,MAAMI,OAAO,GAAG,IAAAC,kBAAA,EAAaC,OAAD,IAAqB;IAC7CH,UAAU,CAACI,aAAX,CAAyBC,QAAzB,CAAkCF,OAAlC;EACH,CAFe,EAEb,CAACH,UAAD,CAFa,CAAhB;EAIA,IAAAM,0BAAA,EACIpB,GADJ,EAEI,OAAO;IAAEe;EAAF,CAAP,CAFJ,EAGI,CAACA,OAAD,CAHJ;EAMA,MAAMM,SAAS,GAAG,IAAAC,qBAAA,EAAaR,UAAb,CAAlB;EAEA,MAAMS,aAAa,GAAGjB,aAAtB;EAEA,oBACI,6BAAC,wBAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAE;MAAEe;IAAF;EAAjC,gBACI,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAAC9B,MAAM,CAACG,IAAR,EAAce,KAAd;EAAb,GACKe,eAAA,CAASC,GAAT,CAAaxB,QAAb,EAAuB,CAACyB,KAAD,EAAQC,KAAR,kBACpB,6BAAC,aAAD;IACI,GAAG,EAAEA,KADT;IAEI,QAAQ,EAAED,KAFd;IAGI,KAAK,EAAEC,KAHX;IAII,WAAW,EAAEb,UAAU,CAACD,YAJ5B;IAKI,OAAO,EAAET,OALb;IAMI,0BAA0B,EAAE,CANhC,CAMmC;IANnC;IAOI,WAAW,EAAEI;EAPjB,EADH,CADL,CADJ,CADJ;AAiBH,CA9CiB,CAAlB;eAgDeX,S"}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './ViewPagerWeb';\nexport type { default as ViewPagerProps, ViewPagerInstance } from './ViewPagerProps';\nexport { useViewPagerPageState } from './PageStateContext';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AAEA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './ViewPagerWeb';\nexport type { default as ViewPagerProps } from './ViewPagerProps';\nexport type { ViewPagerInstance } from './types';\nexport { useViewPagerPageState } from './PageStateContext';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AAGA"}

package/build/commonjs/ViewPager/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ComponentType, PropsWithChildren } from 'react';\nimport type { ViewProps } from 'react-native';\n\nexport type PageProps = PropsWithChildren<ViewProps> & {\n    index: number;\n    initialPage: number;\n    loading: Loading;\n    offscreenPageRerenderLimit: number;\n    rerenderKey?: any;\n};\n\nexport type KeyboardDismissMode = 'none' | 'on-drag';\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"],"mappings":""}

package/build/commonjs/ViewPager/usePageStore.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = usePageStore;
+
+var _react = require("react");
+
+var _core = require("@fountain-ui/core");
+
+function usePageStore(value) {
+  const {
+    animatedValue,
+    initialValue
+  } = value;
+  const store = (0, _react.useRef)(new _core.SimpleStore(initialValue)).current;
+  (0, _react.useEffect)(() => {
+    const id = animatedValue.addListener(newPage => {
+      store.dispatch(newPage.value);
+    });
+    return () => {
+      animatedValue.removeListener(id);
+    };
+  }, [animatedValue]);
+  return store;
+}
+
+;
+//# sourceMappingURL=usePageStore.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["usePageStore","value","animatedValue","initialValue","store","useRef","SimpleStore","current","useEffect","id","addListener","newPage","dispatch","removeListener"],"sources":["usePageStore.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { MonoStore, SyncAnimatedValue } from '@fountain-ui/core';\nimport { SimpleStore } from '@fountain-ui/core';\n\nexport default function usePageStore(value: SyncAnimatedValue): MonoStore<number> {\n    const {\n        animatedValue,\n        initialValue,\n    } = value;\n\n    const store = useRef(new SimpleStore(initialValue)).current;\n\n    useEffect(() => {\n        const id = animatedValue.addListener((newPage) => {\n            store.dispatch(newPage.value);\n        });\n\n        return () => {\n            animatedValue.removeListener(id);\n        };\n    }, [animatedValue]);\n\n    return store;\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEe,SAASA,YAAT,CAAsBC,KAAtB,EAAmE;EAC9E,MAAM;IACFC,aADE;IAEFC;EAFE,IAGFF,KAHJ;EAKA,MAAMG,KAAK,GAAG,IAAAC,aAAA,EAAO,IAAIC,iBAAJ,CAAgBH,YAAhB,CAAP,EAAsCI,OAApD;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACZ,MAAMC,EAAE,GAAGP,aAAa,CAACQ,WAAd,CAA2BC,OAAD,IAAa;MAC9CP,KAAK,CAACQ,QAAN,CAAeD,OAAO,CAACV,KAAvB;IACH,CAFU,CAAX;IAIA,OAAO,MAAM;MACTC,aAAa,CAACW,cAAd,CAA6BJ,EAA7B;IACH,CAFD;EAGH,CARD,EAQG,CAACP,aAAD,CARH;EAUA,OAAOE,KAAP;AACH;;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["defaultInitialPage","defaultLoading","defaultOffscreenPageRerenderLimit","defaultPageComponent","ChildrenMemoizedPage"],"sources":["utils.tsx"],"sourcesContent":["import { Loading, PageComponent } from './ViewPagerProps';\nimport ChildrenMemoizedPage from './ChildrenMemoizedPage';\n\nexport const defaultInitialPage: number = 0;\n\nexport const defaultLoading: Loading = 'lazy';\n\nexport const defaultOffscreenPageRerenderLimit: number = 0;\n\nexport const defaultPageComponent: PageComponent = ChildrenMemoizedPage;\n"],"mappings":";;;;;;;AACA;;;;AAEO,MAAMA,kBAA0B,GAAG,CAAnC;;AAEA,MAAMC,cAAuB,GAAG,MAAhC;;AAEA,MAAMC,iCAAyC,GAAG,CAAlD;;AAEA,MAAMC,oBAAmC,GAAGC,6BAA5C"}
+{"version":3,"names":["defaultInitialPage","defaultLoading","defaultOffscreenPageRerenderLimit","defaultPageComponent","ChildrenMemoizedPage"],"sources":["utils.tsx"],"sourcesContent":["import ChildrenMemoizedPage from './ChildrenMemoizedPage';\nimport type { Loading, PageComponent } from './types';\n\nexport const defaultInitialPage: number = 0;\n\nexport const defaultLoading: Loading = 'lazy';\n\nexport const defaultOffscreenPageRerenderLimit: number = 0;\n\nexport const defaultPageComponent: PageComponent = ChildrenMemoizedPage;\n"],"mappings":";;;;;;;AAAA;;;;AAGO,MAAMA,kBAA0B,GAAG,CAAnC;;AAEA,MAAMC,cAAuB,GAAG,MAAhC;;AAEA,MAAMC,iCAAyC,GAAG,CAAlD;;AAEA,MAAMC,oBAAmC,GAAGC,6BAA5C"}

package/build/commonjs/hooks/useUnstableCollapsibleAppBar.js

@@ -181,7 +181,7 @@ function useUnstableCollapsibleAppBar() {
         duration: ANIMATION_DURATION_MILLIS
       });
     }
-  }, []);
+  }, [appBarHeight]);
   const hasCollapsible = collapsibleToolbarHeight > 0;
   const appBarStyle = [animatedStyle, {
     paddingTop: safeAreaInsets.top

package/build/commonjs/hooks/useUnstableCollapsibleAppBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultOptions","shouldTranslateYReset","ANIMATION_DURATION_MILLIS","SUPPORTS_DRAG_DETECTION","Platform","OS","useLargerValueOfLastTwoValues","value","refLatestTwoValues","useRef","current","shift","push","Math","max","useUnstableCollapsibleAppBar","userOptions","styles","useAppbarStyles","safeAreaInsets","useSafeAreaInsets","appBarHeight","onAppBarLayout","useHeight","appBarMaxHeight","collapsibleToolbarHeight","onCollapsibleToolbarLayout","maxTranslateY","useDerivedValue","translateY","useSharedValue","lastTranslateY","lastOffsetY","prevOffsetY","overlapped","vectorY","elevationStyle","useElevationStyle","animatedStyle","useAnimatedStyle","transform","boxShadow","elevation","shadowColor","shadowOffset","shadowRadius","shadowOpacity","indexRef","offsetsRef","onScrollViewChanged","nextIndex","prevIndex","withTiming","duration","savedOffsetY","scrollHandler","useAnimatedScrollHandler","onBeginDrag","onMomentumBegin","onScroll","event","offsetY","contentOffset","y","ty","maxTy","deltaY","dy","min","onEndDrag","onMomentumEnd","threshold","nextTranslateY","hasCollapsible","appBarStyle","paddingTop","top","floating","undefined","scrollContentInsets"],"sources":["useUnstableCollapsibleAppBar.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { Falsy, Platform, RegisteredStyle, ScrollViewProps, ViewProps, ViewStyle } from 'react-native';\nimport type { SharedValue } from 'react-native-reanimated';\nimport {\n    useAnimatedScrollHandler,\n    useAnimatedStyle,\n    useDerivedValue,\n    useSharedValue,\n    withTiming,\n} from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport useAppbarStyles from './useAppbarStyles';\nimport useElevationStyle from './useElevationStyle';\nimport useHeight from './useHeight';\n\ntype WebOnlyStyle = { boxShadow: any };\n\ntype ViewStyleProp = Array<ViewStyle | RegisteredStyle<ViewStyle> | WebOnlyStyle | Falsy>;\n\ntype OnScroll = ScrollViewProps['onScroll'];\n\ntype OnLayoutCallback = ViewProps['onLayout'];\n\nexport interface ContentInsets {\n    top?: number;\n    bottom?: number;\n    left?: number;\n    right?: number;\n}\n\nexport interface Options {\n    shouldTranslateYReset?: boolean;\n}\n\nexport interface CollapsibleAppBar {\n    appBarStyle: ViewStyleProp;\n    vectorY: SharedValue<number>;\n    onAppBarLayout: OnLayoutCallback;\n    onCollapsibleToolbarLayout: OnLayoutCallback;\n    onScroll: OnScroll;\n    onScrollViewChanged: (index: number) => void;\n    scrollContentInsets: ContentInsets;\n}\n\nconst defaultOptions: Required<Options> = {\n    shouldTranslateYReset: false,\n};\n\nconst ANIMATION_DURATION_MILLIS = 100;\n\nconst SUPPORTS_DRAG_DETECTION = Platform.OS !== 'web';\n\nfunction useLargerValueOfLastTwoValues(value: number) {\n    const refLatestTwoValues = useRef([0, 0]);\n\n    refLatestTwoValues.current.shift();\n    refLatestTwoValues.current.push(value);\n\n    return Math.max(...refLatestTwoValues.current);\n}\n\nexport default function useUnstableCollapsibleAppBar(userOptions: Options = defaultOptions): CollapsibleAppBar {\n    const { shouldTranslateYReset }: Required<Options> = {\n        ...defaultOptions,\n        ...userOptions,\n    };\n\n    const styles = useAppbarStyles();\n\n    const safeAreaInsets = useSafeAreaInsets();\n\n    const [appBarHeight, onAppBarLayout] = useHeight();\n    const appBarMaxHeight = useLargerValueOfLastTwoValues(appBarHeight);\n    const [collapsibleToolbarHeight, onCollapsibleToolbarLayout] = useHeight();\n\n    const maxTranslateY = useDerivedValue(() => -collapsibleToolbarHeight, [collapsibleToolbarHeight]);\n\n    const translateY = useSharedValue<number>(0);\n    const lastTranslateY = useSharedValue<number>(0);\n    const lastOffsetY = useSharedValue<number>(0);\n    const prevOffsetY = useSharedValue<number>(0);\n    const overlapped = useSharedValue<boolean>(false);\n    const vectorY = useSharedValue<number>(0);\n\n    const elevationStyle = useElevationStyle(4);\n    const animatedStyle = useAnimatedStyle(() => {\n        const transform = [{ translateY: translateY.value }];\n\n        if (Platform.OS === 'web') {\n            return {\n                transform,\n                boxShadow: overlapped.value ? elevationStyle?.boxShadow : 0,\n            };\n        }\n        if (Platform.OS === 'android') {\n            return {\n                transform,\n                elevation: overlapped.value ? elevationStyle?.elevation : 0,\n            };\n        }\n        if (Platform.OS === 'ios') {\n            return {\n                transform,\n                shadowColor: elevationStyle?.shadowColor,\n                shadowOffset: elevationStyle?.shadowOffset,\n                shadowRadius: elevationStyle?.shadowRadius,\n                shadowOpacity: overlapped.value ? elevationStyle?.shadowOpacity : 0,\n            };\n        }\n        return {};\n    }, [\n        /**\n         * FIXME: Consider add `elevationStyle` to dependencies.\n         */\n    ]);\n\n    const indexRef = useRef<number>(0);\n    const offsetsRef = useRef<Array<number>>([]);\n\n    const onScrollViewChanged = (nextIndex: number) => {\n        const prevIndex = indexRef.current;\n        if (prevIndex === nextIndex) {\n            if (shouldTranslateYReset) {\n                translateY.value = withTiming(0, {\n                    duration: ANIMATION_DURATION_MILLIS,\n                });\n\n                vectorY.value = 0;\n                offsetsRef.current = [];\n                overlapped.value = false;\n            }\n\n            return;\n        }\n\n        offsetsRef.current[prevIndex] = lastOffsetY.value;\n\n        const savedOffsetY = offsetsRef.current[nextIndex] ?? 0;\n        lastOffsetY.value = savedOffsetY;\n\n        indexRef.current = nextIndex;\n\n        // Determine whether to overlap every time index is changed.\n        overlapped.value = savedOffsetY > 0;\n\n        // If next ScrollView's offset is too short, expand app bar.\n        if (translateY.value < 0 && savedOffsetY < appBarHeight) {\n            translateY.value = withTiming(0, {\n                duration: ANIMATION_DURATION_MILLIS,\n            });\n\n            vectorY.value = 0;\n        }\n    };\n\n    const scrollHandler = useAnimatedScrollHandler({\n        onBeginDrag: () => {\n            lastTranslateY.value = translateY.value;\n        },\n        onMomentumBegin: () => {\n            lastTranslateY.value = translateY.value;\n        },\n        onScroll: (event) => {\n            const offsetY = event.contentOffset.y;\n\n            const ty = translateY.value;\n            const maxTy = maxTranslateY.value;\n\n            const deltaY = offsetY - prevOffsetY.value;\n            vectorY.value = (vectorY.value * deltaY >= 0 && offsetY > 0) ? vectorY.value + deltaY : deltaY;\n            prevOffsetY.value = offsetY;\n\n            if (SUPPORTS_DRAG_DETECTION) {\n                const dy = offsetY - lastOffsetY.value;\n\n                translateY.value = offsetY <= 0 ? 0 : Math.min(Math.max(lastTranslateY.value - dy, maxTy), 0);\n\n                overlapped.value = offsetY + translateY.value > 0;\n            } else {\n                if (offsetY > -maxTy) {\n                    if (ty === 0) {\n                        translateY.value = withTiming(Math.min(Math.max(-offsetY, maxTy), 0), {\n                            duration: ANIMATION_DURATION_MILLIS,\n                        });\n                    }\n                } else {\n                    if (ty === maxTy) {\n                        translateY.value = withTiming(0, {\n                            duration: ANIMATION_DURATION_MILLIS,\n                        });\n                    }\n                }\n\n                overlapped.value = offsetY > 0;\n\n                lastOffsetY.value = offsetY;\n            }\n        },\n        onEndDrag: (event) => {\n            lastOffsetY.value = event.contentOffset.y;\n        },\n        onMomentumEnd: (event) => {\n            const offsetY = event.contentOffset.y;\n\n            lastOffsetY.value = offsetY;\n\n            const ty = translateY.value;\n            const maxTy = maxTranslateY.value;\n\n            // If toolbar is already positioned on edge, do nothing.\n            if (ty <= maxTy || ty >= 0) {\n                return;\n            }\n\n            const threshold = maxTy * 0.5;\n\n            const nextTranslateY = (ty > threshold || offsetY < appBarHeight) ? 0 : maxTy;\n\n            overlapped.value = offsetY + nextTranslateY > 0;\n\n            translateY.value = withTiming(nextTranslateY, {\n                duration: ANIMATION_DURATION_MILLIS,\n            });\n        },\n    }, []);\n\n    const hasCollapsible = collapsibleToolbarHeight > 0;\n\n    const appBarStyle = [\n        animatedStyle,\n        { paddingTop: safeAreaInsets.top },\n        hasCollapsible ? styles.floating : undefined,\n    ];\n\n    return {\n        appBarStyle,\n        vectorY,\n        onAppBarLayout,\n        onCollapsibleToolbarLayout,\n        onScroll: scrollHandler,\n        onScrollViewChanged,\n        scrollContentInsets: { top: hasCollapsible ? appBarMaxHeight : 0 },\n    };\n};\n"],"mappings":"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"}
+{"version":3,"names":["defaultOptions","shouldTranslateYReset","ANIMATION_DURATION_MILLIS","SUPPORTS_DRAG_DETECTION","Platform","OS","useLargerValueOfLastTwoValues","value","refLatestTwoValues","useRef","current","shift","push","Math","max","useUnstableCollapsibleAppBar","userOptions","styles","useAppbarStyles","safeAreaInsets","useSafeAreaInsets","appBarHeight","onAppBarLayout","useHeight","appBarMaxHeight","collapsibleToolbarHeight","onCollapsibleToolbarLayout","maxTranslateY","useDerivedValue","translateY","useSharedValue","lastTranslateY","lastOffsetY","prevOffsetY","overlapped","vectorY","elevationStyle","useElevationStyle","animatedStyle","useAnimatedStyle","transform","boxShadow","elevation","shadowColor","shadowOffset","shadowRadius","shadowOpacity","indexRef","offsetsRef","onScrollViewChanged","nextIndex","prevIndex","withTiming","duration","savedOffsetY","scrollHandler","useAnimatedScrollHandler","onBeginDrag","onMomentumBegin","onScroll","event","offsetY","contentOffset","y","ty","maxTy","deltaY","dy","min","onEndDrag","onMomentumEnd","threshold","nextTranslateY","hasCollapsible","appBarStyle","paddingTop","top","floating","undefined","scrollContentInsets"],"sources":["useUnstableCollapsibleAppBar.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { Falsy, Platform, RegisteredStyle, ScrollViewProps, ViewProps, ViewStyle } from 'react-native';\nimport type { SharedValue } from 'react-native-reanimated';\nimport {\n    useAnimatedScrollHandler,\n    useAnimatedStyle,\n    useDerivedValue,\n    useSharedValue,\n    withTiming,\n} from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport useAppbarStyles from './useAppbarStyles';\nimport useElevationStyle from './useElevationStyle';\nimport useHeight from './useHeight';\n\ntype WebOnlyStyle = { boxShadow: any };\n\ntype ViewStyleProp = Array<ViewStyle | RegisteredStyle<ViewStyle> | WebOnlyStyle | Falsy>;\n\ntype OnScroll = ScrollViewProps['onScroll'];\n\ntype OnLayoutCallback = ViewProps['onLayout'];\n\nexport interface ContentInsets {\n    top?: number;\n    bottom?: number;\n    left?: number;\n    right?: number;\n}\n\nexport interface Options {\n    shouldTranslateYReset?: boolean;\n}\n\nexport interface CollapsibleAppBar {\n    appBarStyle: ViewStyleProp;\n    vectorY: SharedValue<number>;\n    onAppBarLayout: OnLayoutCallback;\n    onCollapsibleToolbarLayout: OnLayoutCallback;\n    onScroll: OnScroll;\n    onScrollViewChanged: (index: number) => void;\n    scrollContentInsets: ContentInsets;\n}\n\nconst defaultOptions: Required<Options> = {\n    shouldTranslateYReset: false,\n};\n\nconst ANIMATION_DURATION_MILLIS = 100;\n\nconst SUPPORTS_DRAG_DETECTION = Platform.OS !== 'web';\n\nfunction useLargerValueOfLastTwoValues(value: number) {\n    const refLatestTwoValues = useRef([0, 0]);\n\n    refLatestTwoValues.current.shift();\n    refLatestTwoValues.current.push(value);\n\n    return Math.max(...refLatestTwoValues.current);\n}\n\nexport default function useUnstableCollapsibleAppBar(userOptions: Options = defaultOptions): CollapsibleAppBar {\n    const { shouldTranslateYReset }: Required<Options> = {\n        ...defaultOptions,\n        ...userOptions,\n    };\n\n    const styles = useAppbarStyles();\n\n    const safeAreaInsets = useSafeAreaInsets();\n\n    const [appBarHeight, onAppBarLayout] = useHeight();\n    const appBarMaxHeight = useLargerValueOfLastTwoValues(appBarHeight);\n    const [collapsibleToolbarHeight, onCollapsibleToolbarLayout] = useHeight();\n\n    const maxTranslateY = useDerivedValue(() => -collapsibleToolbarHeight, [collapsibleToolbarHeight]);\n\n    const translateY = useSharedValue<number>(0);\n    const lastTranslateY = useSharedValue<number>(0);\n    const lastOffsetY = useSharedValue<number>(0);\n    const prevOffsetY = useSharedValue<number>(0);\n    const overlapped = useSharedValue<boolean>(false);\n    const vectorY = useSharedValue<number>(0);\n\n    const elevationStyle = useElevationStyle(4);\n    const animatedStyle = useAnimatedStyle(() => {\n        const transform = [{ translateY: translateY.value }];\n\n        if (Platform.OS === 'web') {\n            return {\n                transform,\n                boxShadow: overlapped.value ? elevationStyle?.boxShadow : 0,\n            };\n        }\n        if (Platform.OS === 'android') {\n            return {\n                transform,\n                elevation: overlapped.value ? elevationStyle?.elevation : 0,\n            };\n        }\n        if (Platform.OS === 'ios') {\n            return {\n                transform,\n                shadowColor: elevationStyle?.shadowColor,\n                shadowOffset: elevationStyle?.shadowOffset,\n                shadowRadius: elevationStyle?.shadowRadius,\n                shadowOpacity: overlapped.value ? elevationStyle?.shadowOpacity : 0,\n            };\n        }\n        return {};\n    }, [\n        /**\n         * FIXME: Consider add `elevationStyle` to dependencies.\n         */\n    ]);\n\n    const indexRef = useRef<number>(0);\n    const offsetsRef = useRef<Array<number>>([]);\n\n    const onScrollViewChanged = (nextIndex: number) => {\n        const prevIndex = indexRef.current;\n        if (prevIndex === nextIndex) {\n            if (shouldTranslateYReset) {\n                translateY.value = withTiming(0, {\n                    duration: ANIMATION_DURATION_MILLIS,\n                });\n\n                vectorY.value = 0;\n                offsetsRef.current = [];\n                overlapped.value = false;\n            }\n\n            return;\n        }\n\n        offsetsRef.current[prevIndex] = lastOffsetY.value;\n\n        const savedOffsetY = offsetsRef.current[nextIndex] ?? 0;\n        lastOffsetY.value = savedOffsetY;\n\n        indexRef.current = nextIndex;\n\n        // Determine whether to overlap every time index is changed.\n        overlapped.value = savedOffsetY > 0;\n\n        // If next ScrollView's offset is too short, expand app bar.\n        if (translateY.value < 0 && savedOffsetY < appBarHeight) {\n            translateY.value = withTiming(0, {\n                duration: ANIMATION_DURATION_MILLIS,\n            });\n\n            vectorY.value = 0;\n        }\n    };\n\n    const scrollHandler = useAnimatedScrollHandler({\n        onBeginDrag: () => {\n            lastTranslateY.value = translateY.value;\n        },\n        onMomentumBegin: () => {\n            lastTranslateY.value = translateY.value;\n        },\n        onScroll: (event) => {\n            const offsetY = event.contentOffset.y;\n\n            const ty = translateY.value;\n            const maxTy = maxTranslateY.value;\n\n            const deltaY = offsetY - prevOffsetY.value;\n            vectorY.value = (vectorY.value * deltaY >= 0 && offsetY > 0) ? vectorY.value + deltaY : deltaY;\n            prevOffsetY.value = offsetY;\n\n            if (SUPPORTS_DRAG_DETECTION) {\n                const dy = offsetY - lastOffsetY.value;\n\n                translateY.value = offsetY <= 0 ? 0 : Math.min(Math.max(lastTranslateY.value - dy, maxTy), 0);\n\n                overlapped.value = offsetY + translateY.value > 0;\n            } else {\n                if (offsetY > -maxTy) {\n                    if (ty === 0) {\n                        translateY.value = withTiming(Math.min(Math.max(-offsetY, maxTy), 0), {\n                            duration: ANIMATION_DURATION_MILLIS,\n                        });\n                    }\n                } else {\n                    if (ty === maxTy) {\n                        translateY.value = withTiming(0, {\n                            duration: ANIMATION_DURATION_MILLIS,\n                        });\n                    }\n                }\n\n                overlapped.value = offsetY > 0;\n\n                lastOffsetY.value = offsetY;\n            }\n        },\n        onEndDrag: (event) => {\n            lastOffsetY.value = event.contentOffset.y;\n        },\n        onMomentumEnd: (event) => {\n            const offsetY = event.contentOffset.y;\n\n            lastOffsetY.value = offsetY;\n\n            const ty = translateY.value;\n            const maxTy = maxTranslateY.value;\n\n            // If toolbar is already positioned on edge, do nothing.\n            if (ty <= maxTy || ty >= 0) {\n                return;\n            }\n\n            const threshold = maxTy * 0.5;\n\n            const nextTranslateY = (ty > threshold || offsetY < appBarHeight) ? 0 : maxTy;\n\n            overlapped.value = offsetY + nextTranslateY > 0;\n\n            translateY.value = withTiming(nextTranslateY, {\n                duration: ANIMATION_DURATION_MILLIS,\n            });\n        },\n    }, [appBarHeight]);\n\n    const hasCollapsible = collapsibleToolbarHeight > 0;\n\n    const appBarStyle = [\n        animatedStyle,\n        { paddingTop: safeAreaInsets.top },\n        hasCollapsible ? styles.floating : undefined,\n    ];\n\n    return {\n        appBarStyle,\n        vectorY,\n        onAppBarLayout,\n        onCollapsibleToolbarLayout,\n        onScroll: scrollHandler,\n        onScrollViewChanged,\n        scrollContentInsets: { top: hasCollapsible ? appBarMaxHeight : 0 },\n    };\n};\n"],"mappings":"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"}