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

package/build/module/ViewPager/ChildrenMemoizedPage.js

@@ -1,37 +1,99 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import { View } from 'react-native';
+import React, { memo, useState } from 'react';
+import { Platform, View } from 'react-native';
+import { runOnJS, useAnimatedReaction } from 'react-native-reanimated';
+import { StyleSheet } from '@fountain-ui/core';
+const OFFSCREEN_RERENDER_LIMIT = 1;
+const styles = StyleSheet.create({
+  none: {
+    display: 'none'
+  }
+});
 
-const Page = function Page(props) {
+function Page(props) {
   const {
-    isVisible,
-    ...otherProps
+    index,
+    children,
+    loading,
+    sharedIndex
   } = props;
-  return /*#__PURE__*/React.createElement(View, _extends({
-    collapsable: false
-  }, otherProps));
-};
 
-export default /*#__PURE__*/React.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 active = index === activeIndex;
 
+    if (Platform.OS === 'web') {
+      return {
+        active,
+        visited: active
+      };
+    }
 
-  if (prevProps.isVisible !== nextProps.isVisible) {
-    return false;
-  }
+    if (loading === 'eager') {
+      return {
+        active,
+        visited: true
+      };
+    }
 
-  if (nextProps.isVisible || nextProps.isNeighbor) {
-    return false;
-  }
+    const visited = index >= activeIndex - OFFSCREEN_RERENDER_LIMIT && index <= activeIndex + OFFSCREEN_RERENDER_LIMIT;
+    return {
+      active,
+      visited
+    };
+  };
+
+  const [pageState, setPageState] = useState(assumeInitialPageState);
+  const content = pageState.visited ? children : null;
+
+  const updatePageState = (active, neighbor) => {
+    setPageState(prevState => {
+      if (prevState.active !== active) {
+        return {
+          active,
+          visited: active || prevState.visited
+        };
+      }
+
+      if (neighbor && !prevState.visited) {
+        return { ...prevState,
+          visited: true
+        };
+      }
+
+      return prevState;
+    });
+  };
+
+  useAnimatedReaction(() => {
+    const activeIndex = sharedIndex.value;
+    const willVisible = index >= activeIndex - OFFSCREEN_RERENDER_LIMIT && index <= activeIndex + OFFSCREEN_RERENDER_LIMIT;
+    const willActive = index === activeIndex;
+    const willNeighbor = Platform.OS === 'web' ? false : willVisible && !willActive;
+    return {
+      willActive,
+      willNeighbor
+    };
+  }, (nextState, prevState) => {
+    const activeStateChanged = nextState.willActive !== (prevState === null || prevState === void 0 ? void 0 : prevState.willActive);
+    const willNewNeighbor = nextState.willNeighbor && !(prevState !== null && prevState !== void 0 && prevState.willNeighbor);
+
+    if (activeStateChanged || willNewNeighbor) {
+      runOnJS(updatePageState)(nextState.willActive, nextState.willNeighbor);
+    }
+  }, [index]);
+  const style = Platform.OS === 'web' ? pageState.active ? StyleSheet.absoluteFill : styles.none : undefined;
+  return /*#__PURE__*/React.createElement(View, {
+    children: content,
+    collapsable: false,
+    style: style
+  });
+}
 
+export default /*#__PURE__*/memo(Page, (prevProps, nextProps) => {
   if (prevProps.rerenderKey !== nextProps.rerenderKey) {
     return false;
   }
 
-  return prevProps.children !== null && nextProps.children !== null;
+  return prevProps.index !== nextProps.index;
 });
 //# sourceMappingURL=ChildrenMemoizedPage.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["ChildrenMemoizedPage.tsx"],"names":["React","View","Page","props","isVisible","otherProps","memo","prevProps","nextProps","children","isNeighbor","rerenderKey"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;;AAGA,MAAMC,IAAI,GAAG,SAASA,IAAT,CAAcC,KAAd,EAAgC;AACzC,QAAM;AAAEC,IAAAA,SAAF;AAAa,OAAGC;AAAhB,MAA+BF,KAArC;AAEA,sBACI,oBAAC,IAAD;AACI,IAAA,WAAW,EAAE;AADjB,KAEQE,UAFR,EADJ;AAMH,CATD;;AAWA,4BAAeL,KAAK,CAACM,IAAN,CAAWJ,IAAX,EAAiB,CAACK,SAAD,EAAYC,SAAZ,KAA0B;AACtD,MAAID,SAAS,CAACE,QAAV,KAAuB,IAAvB,IAA+BD,SAAS,CAACC,QAAV,KAAuB,IAA1D,EAAgE;AAC5D,WAAO,IAAP;AACH,GAHqD,CAKtD;AACA;;;AACA,MAAIF,SAAS,CAACH,SAAV,KAAwBI,SAAS,CAACJ,SAAtC,EAAiD;AAC7C,WAAO,KAAP;AACH;;AAED,MAAII,SAAS,CAACJ,SAAV,IAAuBI,SAAS,CAACE,UAArC,EAAiD;AAC7C,WAAO,KAAP;AACH;;AAED,MAAIH,SAAS,CAACI,WAAV,KAA0BH,SAAS,CAACG,WAAxC,EAAqD;AACjD,WAAO,KAAP;AACH;;AAED,SAAOJ,SAAS,CAACE,QAAV,KAAuB,IAAvB,IAA+BD,SAAS,CAACC,QAAV,KAAuB,IAA7D;AACH,CApBc,CAAf","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"]}
+{"version":3,"names":["React","memo","useState","Platform","View","runOnJS","useAnimatedReaction","StyleSheet","OFFSCREEN_RERENDER_LIMIT","styles","create","none","display","Page","props","index","children","loading","sharedIndex","assumeInitialPageState","activeIndex","value","active","OS","visited","pageState","setPageState","content","updatePageState","neighbor","prevState","willVisible","willActive","willNeighbor","nextState","activeStateChanged","willNewNeighbor","style","absoluteFill","undefined","prevProps","nextProps","rerenderKey"],"sources":["ChildrenMemoizedPage.tsx"],"sourcesContent":["import React, { memo, 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';\n\nconst OFFSCREEN_RERENDER_LIMIT = 1;\n\nconst styles = StyleSheet.create({\n    none: { display: 'none' },\n});\n\ninterface PageState {\n    active: boolean;\n    visited: boolean;\n}\n\nfunction Page(props: PageProps) {\n    const {\n        index,\n        children,\n        loading,\n        sharedIndex,\n    } = props;\n\n    const assumeInitialPageState = (): PageState => {\n        const activeIndex = sharedIndex.value;\n\n        const active = index === activeIndex;\n\n        if (Platform.OS === 'web') {\n            return { active, visited: active };\n        }\n\n        if (loading === 'eager') {\n            return { active, visited: true };\n        }\n\n        const visited = index >= activeIndex - OFFSCREEN_RERENDER_LIMIT\n            && index <= activeIndex + OFFSCREEN_RERENDER_LIMIT;\n\n        return { active, visited };\n    };\n\n    const [pageState, setPageState] = useState<PageState>(assumeInitialPageState);\n\n    const content = pageState.visited ? children : null;\n\n    const updatePageState = (active: boolean, neighbor: boolean) => {\n        setPageState(prevState => {\n            if (prevState.active !== active) {\n                return { active, visited: active || prevState.visited };\n            }\n\n            if (neighbor && !prevState.visited) {\n                return { ...prevState, visited: true };\n            }\n\n            return prevState;\n        });\n    };\n\n    useAnimatedReaction(\n        () => {\n            const activeIndex = sharedIndex.value;\n\n            const willVisible = index >= activeIndex - OFFSCREEN_RERENDER_LIMIT\n                && index <= activeIndex + OFFSCREEN_RERENDER_LIMIT;\n\n            const willActive = index === activeIndex;\n            const willNeighbor = Platform.OS === 'web' ? false : (willVisible && !willActive);\n\n            return { willActive, willNeighbor };\n        },\n        (nextState, prevState) => {\n            const activeStateChanged = nextState.willActive !== prevState?.willActive;\n            const willNewNeighbor = nextState.willNeighbor && !prevState?.willNeighbor;\n\n            if (activeStateChanged || willNewNeighbor) {\n                runOnJS(updatePageState)(nextState.willActive, nextState.willNeighbor);\n            }\n        },\n        [index],\n    );\n\n    const style = Platform.OS === 'web'\n        ? (pageState.active ? StyleSheet.absoluteFill : styles.none)\n        : undefined;\n\n    return (\n        <View\n            children={content}\n            collapsable={false}\n            style={style}\n        />\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/module/ViewPager/ViewPagerNative.js

@@ -1,53 +1,64 @@
-import React from 'react';
-import RNViewPager from '@react-native-community/viewpager';
-import { defaultEnableNeighborPageRerender, defaultEnableVisibleHint, defaultLoading, defaultPageComponent, usePageRenderer } from './utils';
-export default function ViewPager(props) {
+import React, { Children, forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
+import RNViewPager from 'react-native-pager-view';
+import { useSharedValue } from 'react-native-reanimated';
+import { defaultInitialPage, defaultLoading, defaultPageComponent } from './utils';
+const ViewPager = /*#__PURE__*/forwardRef(function ViewPager(props, ref) {
   const {
     children,
-    enableVisibleHint = defaultEnableVisibleHint,
-    index,
+    initialPage = defaultInitialPage,
     keyboardDismissMode = 'on-drag',
     loading = defaultLoading,
     onChange,
     pageComponent = defaultPageComponent,
-    enableNeighborPageRerender = defaultEnableNeighborPageRerender,
     pageForceRerenderKey,
     scrollEnabled = true,
     style
   } = props;
-  const indexRef = React.useRef(index);
-  const pagerRef = React.useRef(null);
-  const renderer = usePageRenderer({
-    enableVisibleHint,
-    index,
-    loading,
-    pageComponent,
-    pageForceRerenderKey,
-    enableNeighborPageRerender
-  });
-  const handlePageSelected = React.useCallback(e => {
-    indexRef.current = e.nativeEvent.position;
+  const sharedIndex = useSharedValue(initialPage);
+  const pagerRef = useRef(null);
 
-    if (onChange) {
-      onChange(indexRef.current);
-    }
-  }, [onChange]);
-  React.useEffect(() => {
-    if (index !== indexRef.current) {
+  const setPage = newIndex => {
+    requestAnimationFrame(() => {
       var _pagerRef$current;
 
-      (_pagerRef$current = pagerRef.current) === null || _pagerRef$current === void 0 ? void 0 : _pagerRef$current.setPage(index);
+      (_pagerRef$current = pagerRef.current) === null || _pagerRef$current === void 0 ? void 0 : _pagerRef$current.setPage(newIndex);
+    });
+  };
+
+  useImperativeHandle(ref, () => ({
+    setPage
+  }), []);
+  const handlePageSelected = useCallback(e => {
+    const currentIndex = sharedIndex.value;
+    const nextIndex = e.nativeEvent.position;
+
+    if (currentIndex === nextIndex) {
+      return;
     }
-  }, [index]);
+
+    sharedIndex.value = nextIndex;
+
+    if (onChange) {
+      onChange(nextIndex);
+    }
+  }, [onChange]);
+  const PageComponent = pageComponent;
   return /*#__PURE__*/React.createElement(RNViewPager, {
-    initialPage: index,
+    ref: pagerRef,
+    initialPage: initialPage,
     keyboardDismissMode: keyboardDismissMode,
     onPageSelected: handlePageSelected,
     pageMargin: 8,
-    ref: pagerRef,
     scrollEnabled: scrollEnabled,
     style: style
-  }, renderer(children));
-}
-;
+  }, Children.map(children, (child, index) => /*#__PURE__*/React.createElement(PageComponent, {
+    key: index,
+    children: child,
+    index: index,
+    loading: loading,
+    rerenderKey: pageForceRerenderKey,
+    sharedIndex: sharedIndex
+  })));
+});
+export default ViewPager;
 //# sourceMappingURL=ViewPagerNative.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["ViewPagerNative.tsx"],"names":["React","RNViewPager","defaultEnableNeighborPageRerender","defaultEnableVisibleHint","defaultLoading","defaultPageComponent","usePageRenderer","ViewPager","props","children","enableVisibleHint","index","keyboardDismissMode","loading","onChange","pageComponent","enableNeighborPageRerender","pageForceRerenderKey","scrollEnabled","style","indexRef","useRef","pagerRef","renderer","handlePageSelected","useCallback","e","current","nativeEvent","position","useEffect","setPage"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,WAAP,MAA0D,mCAA1D;AAEA,SACIC,iCADJ,EAEIC,wBAFJ,EAGIC,cAHJ,EAIIC,oBAJJ,EAKIC,eALJ,QAMO,SANP;AAQA,eAAe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,iBAAiB,GAAGP,wBAFlB;AAGFQ,IAAAA,KAHE;AAIFC,IAAAA,mBAAmB,GAAG,SAJpB;AAKFC,IAAAA,OAAO,GAAGT,cALR;AAMFU,IAAAA,QANE;AAOFC,IAAAA,aAAa,GAAGV,oBAPd;AAQFW,IAAAA,0BAA0B,GAAGd,iCAR3B;AASFe,IAAAA,oBATE;AAUFC,IAAAA,aAAa,GAAG,IAVd;AAWFC,IAAAA;AAXE,MAYFX,KAZJ;AAcA,QAAMY,QAAQ,GAAGpB,KAAK,CAACqB,MAAN,CAAqBV,KAArB,CAAjB;AACA,QAAMW,QAAQ,GAAGtB,KAAK,CAACqB,MAAN,CAAiC,IAAjC,CAAjB;AAEA,QAAME,QAAQ,GAAGjB,eAAe,CAAC;AAC7BI,IAAAA,iBAD6B;AAE7BC,IAAAA,KAF6B;AAG7BE,IAAAA,OAH6B;AAI7BE,IAAAA,aAJ6B;AAK7BE,IAAAA,oBAL6B;AAM7BD,IAAAA;AAN6B,GAAD,CAAhC;AASA,QAAMQ,kBAAkB,GAAGxB,KAAK,CAACyB,WAAN,CAAmBC,CAAD,IAAqC;AAC9EN,IAAAA,QAAQ,CAACO,OAAT,GAAmBD,CAAC,CAACE,WAAF,CAAcC,QAAjC;;AAEA,QAAIf,QAAJ,EAAc;AACVA,MAAAA,QAAQ,CAACM,QAAQ,CAACO,OAAV,CAAR;AACH;AACJ,GAN0B,EAMxB,CAACb,QAAD,CANwB,CAA3B;AAQAd,EAAAA,KAAK,CAAC8B,SAAN,CAAgB,MAAM;AAClB,QAAInB,KAAK,KAAKS,QAAQ,CAACO,OAAvB,EAAgC;AAAA;;AAC5B,2BAAAL,QAAQ,CAACK,OAAT,wEAAkBI,OAAlB,CAA0BpB,KAA1B;AACH;AACJ,GAJD,EAIG,CAACA,KAAD,CAJH;AAMA,sBACI,oBAAC,WAAD;AACI,IAAA,WAAW,EAAEA,KADjB;AAEI,IAAA,mBAAmB,EAAEC,mBAFzB;AAGI,IAAA,cAAc,EAAEY,kBAHpB;AAII,IAAA,UAAU,EAAE,CAJhB;AAKI,IAAA,GAAG,EAAEF,QALT;AAMI,IAAA,aAAa,EAAEJ,aANnB;AAOI,IAAA,KAAK,EAAEC;AAPX,KASKI,QAAQ,CAACd,QAAD,CATb,CADJ;AAaH;AAAA","sourcesContent":["import React from 'react';\nimport RNViewPager, { ViewPagerOnPageSelectedEvent } from '@react-native-community/viewpager';\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 = React.useRef<number>(index);\n    const pagerRef = React.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 = React.useCallback((e: ViewPagerOnPageSelectedEvent) => {\n        indexRef.current = e.nativeEvent.position;\n\n        if (onChange) {\n            onChange(indexRef.current);\n        }\n    }, [onChange]);\n\n    React.useEffect(() => {\n        if (index !== indexRef.current) {\n            pagerRef.current?.setPage(index);\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"]}
+{"version":3,"names":["React","Children","forwardRef","useCallback","useImperativeHandle","useRef","RNViewPager","useSharedValue","defaultInitialPage","defaultLoading","defaultPageComponent","ViewPager","props","ref","children","initialPage","keyboardDismissMode","loading","onChange","pageComponent","pageForceRerenderKey","scrollEnabled","style","sharedIndex","pagerRef","setPage","newIndex","requestAnimationFrame","current","handlePageSelected","e","currentIndex","value","nextIndex","nativeEvent","position","PageComponent","map","child","index"],"sources":["ViewPagerNative.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useImperativeHandle, useRef } from 'react';\nimport type { ViewPagerOnPageSelectedEvent } from 'react-native-pager-view';\nimport RNViewPager from 'react-native-pager-view';\nimport { useSharedValue } from 'react-native-reanimated';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './ViewPagerProps';\nimport { defaultInitialPage, defaultLoading, 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        onChange,\n        pageComponent = defaultPageComponent,\n        pageForceRerenderKey,\n        scrollEnabled = true,\n        style,\n    } = props;\n\n    const sharedIndex = useSharedValue<number>(initialPage);\n    const pagerRef = useRef<RNViewPager | null>(null);\n\n    const setPage = (newIndex: number) => {\n        requestAnimationFrame(() => {\n            pagerRef.current?.setPage(newIndex);\n        });\n    };\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [],\n    );\n\n    const handlePageSelected = useCallback((e: ViewPagerOnPageSelectedEvent) => {\n        const currentIndex = sharedIndex.value;\n        const nextIndex = e.nativeEvent.position;\n\n        if (currentIndex === nextIndex) {\n            return;\n        }\n\n        sharedIndex.value = nextIndex;\n\n        if (onChange) {\n            onChange(nextIndex);\n        }\n    }, [onChange]);\n\n    const PageComponent = pageComponent;\n\n    return (\n        <RNViewPager\n            ref={pagerRef}\n            initialPage={initialPage}\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                    rerenderKey={pageForceRerenderKey}\n                    sharedIndex={sharedIndex}\n                />\n            ))}\n        </RNViewPager>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,UAA1B,EAAsCC,WAAtC,EAAmDC,mBAAnD,EAAwEC,MAAxE,QAAsF,OAAtF;AAEA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,SAASC,cAAT,QAA+B,yBAA/B;AAGA,SAASC,kBAAT,EAA6BC,cAA7B,EAA6CC,oBAA7C,QAAyE,SAAzE;AAEA,MAAMC,SAAS,gBAAGT,UAAU,CAAoC,SAASS,SAAT,CAAmBC,KAAnB,EAA0BC,GAA1B,EAA+B;EAC3F,MAAM;IACFC,QADE;IAEFC,WAAW,GAAGP,kBAFZ;IAGFQ,mBAAmB,GAAG,SAHpB;IAIFC,OAAO,GAAGR,cAJR;IAKFS,QALE;IAMFC,aAAa,GAAGT,oBANd;IAOFU,oBAPE;IAQFC,aAAa,GAAG,IARd;IASFC;EATE,IAUFV,KAVJ;EAYA,MAAMW,WAAW,GAAGhB,cAAc,CAASQ,WAAT,CAAlC;EACA,MAAMS,QAAQ,GAAGnB,MAAM,CAAqB,IAArB,CAAvB;;EAEA,MAAMoB,OAAO,GAAIC,QAAD,IAAsB;IAClCC,qBAAqB,CAAC,MAAM;MAAA;;MACxB,qBAAAH,QAAQ,CAACI,OAAT,wEAAkBH,OAAlB,CAA0BC,QAA1B;IACH,CAFoB,CAArB;EAGH,CAJD;;EAMAtB,mBAAmB,CACfS,GADe,EAEf,OAAO;IAAEY;EAAF,CAAP,CAFe,EAGf,EAHe,CAAnB;EAMA,MAAMI,kBAAkB,GAAG1B,WAAW,CAAE2B,CAAD,IAAqC;IACxE,MAAMC,YAAY,GAAGR,WAAW,CAACS,KAAjC;IACA,MAAMC,SAAS,GAAGH,CAAC,CAACI,WAAF,CAAcC,QAAhC;;IAEA,IAAIJ,YAAY,KAAKE,SAArB,EAAgC;MAC5B;IACH;;IAEDV,WAAW,CAACS,KAAZ,GAAoBC,SAApB;;IAEA,IAAIf,QAAJ,EAAc;MACVA,QAAQ,CAACe,SAAD,CAAR;IACH;EACJ,CAbqC,EAanC,CAACf,QAAD,CAbmC,CAAtC;EAeA,MAAMkB,aAAa,GAAGjB,aAAtB;EAEA,oBACI,oBAAC,WAAD;IACI,GAAG,EAAEK,QADT;IAEI,WAAW,EAAET,WAFjB;IAGI,mBAAmB,EAAEC,mBAHzB;IAII,cAAc,EAAEa,kBAJpB;IAKI,UAAU,EAAE,CALhB;IAMI,aAAa,EAAER,aANnB;IAOI,KAAK,EAAEC;EAPX,GASKrB,QAAQ,CAACoC,GAAT,CAAavB,QAAb,EAAuB,CAACwB,KAAD,EAAQC,KAAR,kBACpB,oBAAC,aAAD;IACI,GAAG,EAAEA,KADT;IAEI,QAAQ,EAAED,KAFd;IAGI,KAAK,EAAEC,KAHX;IAII,OAAO,EAAEtB,OAJb;IAKI,WAAW,EAAEG,oBALjB;IAMI,WAAW,EAAEG;EANjB,EADH,CATL,CADJ;AAsBH,CAnE2B,CAA5B;AAqEA,eAAeZ,SAAf"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"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    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     * 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":""}

package/build/module/ViewPager/ViewPagerWeb.js

@@ -1,41 +1,44 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { defaultEnableNeighborPageRerender, defaultEnableVisibleHint, defaultLoading, defaultPageComponent, usePageRenderer } from './utils';
+import React, { Children, forwardRef, useImperativeHandle } from 'react';
+import { View } from 'react-native';
+import { useSharedValue } from 'react-native-reanimated';
+import { StyleSheet } from '@fountain-ui/core';
+import { defaultInitialPage, defaultLoading, defaultPageComponent } from './utils';
 const styles = StyleSheet.create({
   root: {
     // @ts-ignore
     overflow: 'auto',
     position: 'relative'
-  },
-  none: {
-    display: 'none'
   }
 });
-export default function ViewPager(props) {
+const ViewPager = /*#__PURE__*/forwardRef(function ViewPager(props, ref) {
   const {
     children,
-    enableVisibleHint = defaultEnableVisibleHint,
-    enableNeighborPageRerender = defaultEnableNeighborPageRerender,
-    index,
+    initialPage = defaultInitialPage,
     loading = defaultLoading,
     pageComponent = defaultPageComponent,
     pageForceRerenderKey,
     style
   } = props;
-  const renderer = usePageRenderer({
-    enableVisibleHint,
-    enableNeighborPageRerender,
-    index,
-    loading,
-    pageComponent,
-    pageForceRerenderKey
-  });
+  const sharedIndex = useSharedValue(initialPage);
+
+  const setPage = newIndex => {
+    sharedIndex.value = newIndex;
+  };
+
+  useImperativeHandle(ref, () => ({
+    setPage
+  }), []);
+  const PageComponent = pageComponent;
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.root, style]
-  }, React.Children.map(renderer(children), (child, i) => /*#__PURE__*/React.cloneElement(child, {
-    isVisible: i === index,
-    style: i !== index ? styles.none : StyleSheet.absoluteFill
+  }, Children.map(children, (child, index) => /*#__PURE__*/React.createElement(PageComponent, {
+    key: index,
+    children: child,
+    index: index,
+    loading: loading,
+    rerenderKey: pageForceRerenderKey,
+    sharedIndex: sharedIndex
   })));
-}
-;
+});
+export default ViewPager;
 //# sourceMappingURL=ViewPagerWeb.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["ViewPagerWeb.tsx"],"names":["React","StyleSheet","View","defaultEnableNeighborPageRerender","defaultEnableVisibleHint","defaultLoading","defaultPageComponent","usePageRenderer","styles","create","root","overflow","position","none","display","ViewPager","props","children","enableVisibleHint","enableNeighborPageRerender","index","loading","pageComponent","pageForceRerenderKey","style","renderer","Children","map","child","i","cloneElement","isVisible","absoluteFill"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,SACIC,iCADJ,EAEIC,wBAFJ,EAGIC,cAHJ,EAIIC,oBAJJ,EAKIC,eALJ,QAMO,SANP;AAQA,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAX,CAAkB;AAC7BC,EAAAA,IAAI,EAAE;AACF;AACAC,IAAAA,QAAQ,EAAE,MAFR;AAGFC,IAAAA,QAAQ,EAAE;AAHR,GADuB;AAM7BC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,OAAO,EAAE;AAAX;AANuB,CAAlB,CAAf;AASA,eAAe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,iBAAiB,GAAGd,wBAFlB;AAGFe,IAAAA,0BAA0B,GAAGhB,iCAH3B;AAIFiB,IAAAA,KAJE;AAKFC,IAAAA,OAAO,GAAGhB,cALR;AAMFiB,IAAAA,aAAa,GAAGhB,oBANd;AAOFiB,IAAAA,oBAPE;AAQFC,IAAAA;AARE,MASFR,KATJ;AAWA,QAAMS,QAAQ,GAAGlB,eAAe,CAAC;AAC7BW,IAAAA,iBAD6B;AAE7BC,IAAAA,0BAF6B;AAG7BC,IAAAA,KAH6B;AAI7BC,IAAAA,OAJ6B;AAK7BC,IAAAA,aAL6B;AAM7BC,IAAAA;AAN6B,GAAD,CAAhC;AASA,sBACI,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACf,MAAM,CAACE,IAAR,EAAcc,KAAd;AAAb,KACKxB,KAAK,CAAC0B,QAAN,CAAeC,GAAf,CAAmBF,QAAQ,CAACR,QAAD,CAA3B,EAAuC,CAACW,KAAD,EAAQC,CAAR,kBACpC7B,KAAK,CAAC8B,YAAN,CAAmBF,KAAnB,EAAgD;AAC5CG,IAAAA,SAAS,EAAEF,CAAC,KAAKT,KAD2B;AAE5CI,IAAAA,KAAK,EAAEK,CAAC,KAAKT,KAAN,GAAcZ,MAAM,CAACK,IAArB,GAA4BZ,UAAU,CAAC+B;AAFF,GAAhD,CADH,CADL,CADJ;AAUH;AAAA","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport type ViewPagerProps from './ViewPagerProps';\nimport {\n    defaultEnableNeighborPageRerender,\n    defaultEnableVisibleHint,\n    defaultLoading,\n    defaultPageComponent,\n    usePageRenderer,\n} from './utils';\n\nconst styles = StyleSheet.create({\n    root: {\n        // @ts-ignore\n        overflow: 'auto',\n        position: 'relative',\n    },\n    none: { display: 'none' },\n});\n\nexport default function ViewPager(props: ViewPagerProps) {\n    const {\n        children,\n        enableVisibleHint = defaultEnableVisibleHint,\n        enableNeighborPageRerender = defaultEnableNeighborPageRerender,\n        index,\n        loading = defaultLoading,\n        pageComponent = defaultPageComponent,\n        pageForceRerenderKey,\n        style,\n    } = props;\n\n    const renderer = usePageRenderer({\n        enableVisibleHint,\n        enableNeighborPageRerender,\n        index,\n        loading,\n        pageComponent,\n        pageForceRerenderKey,\n    });\n\n    return (\n        <View style={[styles.root, style]}>\n            {React.Children.map(renderer(children), (child, i) =>\n                React.cloneElement(child as React.ReactElement, {\n                    isVisible: i === index,\n                    style: i !== index ? styles.none : StyleSheet.absoluteFill,\n                }),\n            )}\n        </View>\n    );\n};\n"]}
+{"version":3,"names":["React","Children","forwardRef","useImperativeHandle","View","useSharedValue","StyleSheet","defaultInitialPage","defaultLoading","defaultPageComponent","styles","create","root","overflow","position","ViewPager","props","ref","children","initialPage","loading","pageComponent","pageForceRerenderKey","style","sharedIndex","setPage","newIndex","value","PageComponent","map","child","index"],"sources":["ViewPagerWeb.tsx"],"sourcesContent":["import React, { Children, forwardRef, 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    } = props;\n\n    const sharedIndex = useSharedValue<number>(initialPage);\n\n    const setPage = (newIndex: number) => {\n        sharedIndex.value = newIndex;\n    };\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [],\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                    rerenderKey={pageForceRerenderKey}\n                    sharedIndex={sharedIndex}\n                />\n            ))}\n        </View>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,UAA1B,EAAsCC,mBAAtC,QAAiE,OAAjE;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,cAAT,QAA+B,yBAA/B;AACA,SAASC,UAAT,QAA2B,mBAA3B;AAGA,SAASC,kBAAT,EAA6BC,cAA7B,EAA6CC,oBAA7C,QAAyE,SAAzE;AAEA,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACF;IACAC,QAAQ,EAAE,MAFR;IAGFC,QAAQ,EAAE;EAHR;AADuB,CAAlB,CAAf;AAQA,MAAMC,SAAS,gBAAGb,UAAU,CAAoC,SAASa,SAAT,CAAmBC,KAAnB,EAA0BC,GAA1B,EAA+B;EAC3F,MAAM;IACFC,QADE;IAEFC,WAAW,GAAGZ,kBAFZ;IAGFa,OAAO,GAAGZ,cAHR;IAIFa,aAAa,GAAGZ,oBAJd;IAKFa,oBALE;IAMFC;EANE,IAOFP,KAPJ;EASA,MAAMQ,WAAW,GAAGnB,cAAc,CAASc,WAAT,CAAlC;;EAEA,MAAMM,OAAO,GAAIC,QAAD,IAAsB;IAClCF,WAAW,CAACG,KAAZ,GAAoBD,QAApB;EACH,CAFD;;EAIAvB,mBAAmB,CACfc,GADe,EAEf,OAAO;IAAEQ;EAAF,CAAP,CAFe,EAGf,EAHe,CAAnB;EAMA,MAAMG,aAAa,GAAGP,aAAtB;EAEA,oBACI,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACX,MAAM,CAACE,IAAR,EAAcW,KAAd;EAAb,GACKtB,QAAQ,CAAC4B,GAAT,CAAaX,QAAb,EAAuB,CAACY,KAAD,EAAQC,KAAR,kBACpB,oBAAC,aAAD;IACI,GAAG,EAAEA,KADT;IAEI,QAAQ,EAAED,KAFd;IAGI,KAAK,EAAEC,KAHX;IAII,OAAO,EAAEX,OAJb;IAKI,WAAW,EAAEE,oBALjB;IAMI,WAAW,EAAEE;EANjB,EADH,CADL,CADJ;AAcH,CAtC2B,CAA5B;AAwCA,eAAeT,SAAf"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB","sourcesContent":["export { default } from './ViewPagerWeb';\nexport type { default as ViewPagerProps } from './ViewPagerProps';"]}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './ViewPagerWeb';\nexport type { default as ViewPagerProps, ViewPagerInstance } from './ViewPagerProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB"}

package/build/module/ViewPager/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.native.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB","sourcesContent":["export { default } from './ViewPagerNative';\n"]}
+{"version":3,"names":["default"],"sources":["index.native.ts"],"sourcesContent":["export { default } from './ViewPagerNative';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB"}

package/build/module/ViewPager/utils.js

@@ -1,35 +1,5 @@
-import React from 'react';
 import ChildrenMemoizedPage from './ChildrenMemoizedPage';
-export const defaultEnableVisibleHint = false;
-export const defaultEnableNeighborPageRerender = false;
+export const defaultInitialPage = 0;
 export const defaultLoading = 'lazy';
 export const defaultPageComponent = ChildrenMemoizedPage;
-export const usePageRenderer = ({
-  enableVisibleHint,
-  index: currentIndex,
-  loading,
-  pageComponent: PageComponent,
-  pageForceRerenderKey,
-  enableNeighborPageRerender
-}) => {
-  const pagesStateRef = React.useRef([]);
-  pagesStateRef.current[currentIndex] = { ...pagesStateRef.current[currentIndex],
-    visited: true
-  };
-  return children => React.Children.map(children, (child, index) => {
-    var _pagesStateRef$curren, _pagesStateRef$curren2;
-
-    const visited = (_pagesStateRef$curren = (_pagesStateRef$curren2 = pagesStateRef.current[index]) === null || _pagesStateRef$curren2 === void 0 ? void 0 : _pagesStateRef$curren2.visited) !== null && _pagesStateRef$curren !== void 0 ? _pagesStateRef$curren : false;
-    const content = loading === 'eager' || visited ? child : null;
-    const isVisible = enableVisibleHint ? index === currentIndex : false;
-    const isNeighborIndex = index === currentIndex - 1 || index === currentIndex + 1;
-    return /*#__PURE__*/React.createElement(PageComponent, {
-      key: index,
-      children: content,
-      isNeighbor: enableNeighborPageRerender && isNeighborIndex,
-      isVisible: isVisible,
-      rerenderKey: pageForceRerenderKey
-    });
-  });
-};
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["utils.tsx"],"names":["React","ChildrenMemoizedPage","defaultEnableVisibleHint","defaultEnableNeighborPageRerender","defaultLoading","defaultPageComponent","usePageRenderer","enableVisibleHint","index","currentIndex","loading","pageComponent","PageComponent","pageForceRerenderKey","enableNeighborPageRerender","pagesStateRef","useRef","current","visited","children","Children","map","child","content","isVisible","isNeighborIndex"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,oBAAP,MAAiC,wBAAjC;AAmBA,OAAO,MAAMC,wBAAiC,GAAG,KAA1C;AAEP,OAAO,MAAMC,iCAA0C,GAAG,KAAnD;AAEP,OAAO,MAAMC,cAAuB,GAAG,MAAhC;AAEP,OAAO,MAAMC,oBAAmC,GAAGJ,oBAA5C;AAEP,OAAO,MAAMK,eAAe,GAAG,CAAC;AAC5BC,EAAAA,iBAD4B;AAE5BC,EAAAA,KAAK,EAAEC,YAFqB;AAG5BC,EAAAA,OAH4B;AAI5BC,EAAAA,aAAa,EAAEC,aAJa;AAK5BC,EAAAA,oBAL4B;AAM5BC,EAAAA;AAN4B,CAAD,KAOO;AAClC,QAAMC,aAAa,GAAGf,KAAK,CAACgB,MAAN,CAA+B,EAA/B,CAAtB;AAEAD,EAAAA,aAAa,CAACE,OAAd,CAAsBR,YAAtB,IAAsC,EAClC,GAAGM,aAAa,CAACE,OAAd,CAAsBR,YAAtB,CAD+B;AAElCS,IAAAA,OAAO,EAAE;AAFyB,GAAtC;AAKA,SAAQC,QAAQ,IAAInB,KAAK,CAACoB,QAAN,CAAeC,GAAf,CAAmBF,QAAnB,EAA6B,CAACG,KAAD,EAAQd,KAAR,KAAkB;AAAA;;AAC/D,UAAMU,OAAO,sDAAGH,aAAa,CAACE,OAAd,CAAsBT,KAAtB,CAAH,2DAAG,uBAA8BU,OAAjC,yEAA4C,KAAzD;AACA,UAAMK,OAAO,GAAIb,OAAO,KAAK,OAAZ,IAAuBQ,OAAxB,GAAmCI,KAAnC,GAA2C,IAA3D;AAEA,UAAME,SAAS,GAAGjB,iBAAiB,GAAIC,KAAK,KAAKC,YAAd,GAA8B,KAAjE;AACA,UAAMgB,eAAe,GAAGjB,KAAK,KAAKC,YAAY,GAAG,CAAzB,IAA8BD,KAAK,KAAKC,YAAY,GAAG,CAA/E;AAEA,wBACI,oBAAC,aAAD;AACI,MAAA,GAAG,EAAED,KADT;AAEI,MAAA,QAAQ,EAAEe,OAFd;AAGI,MAAA,UAAU,EAAET,0BAA0B,IAAIW,eAH9C;AAII,MAAA,SAAS,EAAED,SAJf;AAKI,MAAA,WAAW,EAAEX;AALjB,MADJ;AASH,GAhBmB,CAApB;AAiBH,CAhCM","sourcesContent":["import React from 'react';\nimport ViewPagerProps, { Loading, PageComponent } from './ViewPagerProps';\nimport ChildrenMemoizedPage from './ChildrenMemoizedPage';\n\nexport interface PageState {\n    visited?: boolean;\n}\n\nexport interface PageRenderOption {\n    enableVisibleHint: boolean;\n    enableNeighborPageRerender: boolean;\n    index: number;\n    loading: Loading;\n    pageComponent: PageComponent;\n    pageForceRerenderKey?: any;\n}\n\nexport interface PageRenderer {\n    (children: ViewPagerProps['children']): React.ReactNode;\n}\n\nexport const defaultEnableVisibleHint: boolean = false;\n\nexport const defaultEnableNeighborPageRerender: boolean = false;\n\nexport const defaultLoading: Loading = 'lazy';\n\nexport const defaultPageComponent: PageComponent = ChildrenMemoizedPage;\n\nexport const usePageRenderer = ({\n    enableVisibleHint,\n    index: currentIndex,\n    loading,\n    pageComponent: PageComponent,\n    pageForceRerenderKey,\n    enableNeighborPageRerender,\n}: PageRenderOption): PageRenderer => {\n    const pagesStateRef = React.useRef<Array<PageState>>([]);\n\n    pagesStateRef.current[currentIndex] = {\n        ...pagesStateRef.current[currentIndex],\n        visited: true,\n    };\n\n    return (children => React.Children.map(children, (child, index) => {\n        const visited = pagesStateRef.current[index]?.visited ?? false;\n        const content = (loading === 'eager' || visited) ? child : null;\n\n        const isVisible = enableVisibleHint ? (index === currentIndex) : false;\n        const isNeighborIndex = index === currentIndex - 1 || index === currentIndex + 1;\n\n        return (\n            <PageComponent\n                key={index}\n                children={content}\n                isNeighbor={enableNeighborPageRerender && isNeighborIndex}\n                isVisible={isVisible}\n                rerenderKey={pageForceRerenderKey}\n            />\n        );\n    }));\n};\n"]}
+{"version":3,"names":["ChildrenMemoizedPage","defaultInitialPage","defaultLoading","defaultPageComponent"],"sources":["utils.tsx"],"sourcesContent":["import React from 'react';\nimport { Loading, PageComponent } from './ViewPagerProps';\nimport ChildrenMemoizedPage from './ChildrenMemoizedPage';\n\nexport const defaultInitialPage: number = 0;\n\nexport const defaultLoading: Loading = 'lazy';\n\nexport const defaultPageComponent: PageComponent = ChildrenMemoizedPage;\n"],"mappings":"AAEA,OAAOA,oBAAP,MAAiC,wBAAjC;AAEA,OAAO,MAAMC,kBAA0B,GAAG,CAAnC;AAEP,OAAO,MAAMC,cAAuB,GAAG,MAAhC;AAEP,OAAO,MAAMC,oBAAmC,GAAGH,oBAA5C"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default","useUnstableCollapsibleAppBar","useUnstableToggleDisplayStyle"],"mappings":"AAAA,SAASA,OAAO,IAAIC,4BAApB,QAAwD,gCAAxD;AACA,SAASD,OAAO,IAAIE,6BAApB,QAAyD,iCAAzD","sourcesContent":["export { default as useUnstableCollapsibleAppBar } from './useUnstableCollapsibleAppBar';\nexport { default as useUnstableToggleDisplayStyle } from './useUnstableToggleDisplayStyle';\n\n"]}
+{"version":3,"names":["default","useUnstableCollapsibleAppBar","useUnstableToggleDisplayStyle"],"sources":["index.ts"],"sourcesContent":["export { default as useUnstableCollapsibleAppBar } from './useUnstableCollapsibleAppBar';\nexport { default as useUnstableToggleDisplayStyle } from './useUnstableToggleDisplayStyle';\n\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,4BAApB,QAAwD,gCAAxD;AACA,SAASD,OAAO,IAAIE,6BAApB,QAAyD,iCAAzD"}

package/build/module/hooks/useAppbarStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAppbarStyles.ts"],"names":["useAppBarStyles","floating","position","top","left","right"],"mappings":"AAIA,MAAMA,eAAwC,GAAG,YAA0B;AACvE,SAAO;AACHC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,QAAQ,EAAE,UADJ;AAENC,MAAAA,GAAG,EAAE,CAFC;AAGNC,MAAAA,IAAI,EAAE,CAHA;AAINC,MAAAA,KAAK,EAAE;AAJD;AADP,GAAP;AAQH,CATD;;AAWA,eAAeL,eAAf","sourcesContent":["import { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\n\ntype AppBarStyles = NamedStylesStringUnion<'floating'>;\n\nconst useAppBarStyles: UseStyles<AppBarStyles> = function (): AppBarStyles {\n    return {\n        floating: {\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            right: 0,\n        },\n    };\n};\n\nexport default useAppBarStyles;"]}
+{"version":3,"names":["useAppBarStyles","floating","position","top","left","right"],"sources":["useAppbarStyles.ts"],"sourcesContent":["import { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\n\ntype AppBarStyles = NamedStylesStringUnion<'floating'>;\n\nconst useAppBarStyles: UseStyles<AppBarStyles> = function (): AppBarStyles {\n    return {\n        floating: {\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            right: 0,\n        },\n    };\n};\n\nexport default useAppBarStyles;"],"mappings":"AAIA,MAAMA,eAAwC,GAAG,YAA0B;EACvE,OAAO;IACHC,QAAQ,EAAE;MACNC,QAAQ,EAAE,UADJ;MAENC,GAAG,EAAE,CAFC;MAGNC,IAAI,EAAE,CAHA;MAINC,KAAK,EAAE;IAJD;EADP,CAAP;AAQH,CATD;;AAWA,eAAeL,eAAf"}

package/build/module/hooks/useElevationStyle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useElevationStyle.ts"],"names":["Platform","useTheme","useElevationStyle","elevation","theme","shadow","select","android","ios","web","boxShadow"],"mappings":"AAAA,SAASA,QAAT,QAAyB,cAAzB;AAEA,SAASC,QAAT,QAAyB,qBAAzB;AAEA,eAAe,SAASC,iBAAT,CAA2BC,SAA3B,EAAiD;AAC5D,QAAMC,KAAK,GAAGH,QAAQ,EAAtB;AACA,QAAMI,MAAM,GAAGD,KAAK,CAACC,MAAN,CAAaF,SAAb,CAAf;AAEA,SAAOH,QAAQ,CAACM,MAAT,CAAqB;AACxBC,IAAAA,OAAO,EAAEF,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEF,SADO;AAExBK,IAAAA,GAAG,EAAEH,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEA,MAFW;AAGxBI,IAAAA,GAAG,EAAEJ,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEK;AAHW,GAArB,CAAP;AAKH;AAAA","sourcesContent":["import { Platform } from 'react-native';\nimport type { Elevation } from '@fountain-ui/styles';\nimport { useTheme } from '@fountain-ui/styles';\n\nexport default function useElevationStyle(elevation: Elevation) {\n    const theme = useTheme();\n    const shadow = theme.shadow[elevation];\n\n    return Platform.select<any>({\n        android: shadow?.elevation,\n        ios: shadow?.shadow,\n        web: shadow?.boxShadow,\n    });\n};\n"]}
+{"version":3,"names":["Platform","useTheme","useElevationStyle","elevation","theme","shadow","select","android","ios","web","boxShadow"],"sources":["useElevationStyle.ts"],"sourcesContent":["import { Platform } from 'react-native';\nimport type { Elevation } from '@fountain-ui/styles';\nimport { useTheme } from '@fountain-ui/styles';\n\nexport default function useElevationStyle(elevation: Elevation) {\n    const theme = useTheme();\n    const shadow = theme.shadow[elevation];\n\n    return Platform.select<any>({\n        android: shadow?.elevation,\n        ios: shadow?.shadow,\n        web: shadow?.boxShadow,\n    });\n};\n"],"mappings":"AAAA,SAASA,QAAT,QAAyB,cAAzB;AAEA,SAASC,QAAT,QAAyB,qBAAzB;AAEA,eAAe,SAASC,iBAAT,CAA2BC,SAA3B,EAAiD;EAC5D,MAAMC,KAAK,GAAGH,QAAQ,EAAtB;EACA,MAAMI,MAAM,GAAGD,KAAK,CAACC,MAAN,CAAaF,SAAb,CAAf;EAEA,OAAOH,QAAQ,CAACM,MAAT,CAAqB;IACxBC,OAAO,EAAEF,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEF,SADO;IAExBK,GAAG,EAAEH,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEA,MAFW;IAGxBI,GAAG,EAAEJ,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEK;EAHW,CAArB,CAAP;AAKH;AAAA"}

package/build/module/hooks/useHeight.js

@@ -1,8 +1,9 @@
 import React from 'react';
-import Animated from 'react-native-reanimated';
-export default function useHeight(initialHeight = 0) {
+import { useWorkletCallback } from 'react-native-reanimated';
+export default function useHeight() {
+  let initialHeight = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   const [height, setHeight] = React.useState(initialHeight);
-  const onLayout = Animated.useWorkletCallback(e => {
+  const onLayout = useWorkletCallback(e => {
     setHeight(e.nativeEvent.layout.height);
   }, []);
   return [height, onLayout];

package/build/module/hooks/useHeight.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useHeight.ts"],"names":["React","Animated","useHeight","initialHeight","height","setHeight","useState","onLayout","useWorkletCallback","e","nativeEvent","layout"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,QAAP,MAAqB,yBAArB;AAIA,eAAe,SAASC,SAAT,CAAmBC,aAAa,GAAG,CAAnC,EAAkE;AAC7E,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBL,KAAK,CAACM,QAAN,CAAuBH,aAAvB,CAA5B;AAEA,QAAMI,QAAQ,GAAGN,QAAQ,CAACO,kBAAT,CAA6BC,CAAD,IAAO;AAChDJ,IAAAA,SAAS,CAACI,CAAC,CAACC,WAAF,CAAcC,MAAd,CAAqBP,MAAtB,CAAT;AACH,GAFgB,EAEd,EAFc,CAAjB;AAIA,SAAO,CAACA,MAAD,EAASG,QAAT,CAAP;AACH;AAAA","sourcesContent":["import React from 'react';\nimport { ViewProps } from 'react-native';\nimport Animated from 'react-native-reanimated';\n\ntype OnLayoutCallback = ViewProps['onLayout'];\n\nexport default function useHeight(initialHeight = 0): [number, OnLayoutCallback] {\n    const [height, setHeight] = React.useState<number>(initialHeight);\n\n    const onLayout = Animated.useWorkletCallback((e) => {\n        setHeight(e.nativeEvent.layout.height);\n    }, []);\n\n    return [height, onLayout];\n};\n"]}
+{"version":3,"names":["React","useWorkletCallback","useHeight","initialHeight","height","setHeight","useState","onLayout","e","nativeEvent","layout"],"sources":["useHeight.ts"],"sourcesContent":["import React from 'react';\nimport { ViewProps } from 'react-native';\nimport { useWorkletCallback } from 'react-native-reanimated';\n\ntype OnLayoutCallback = ViewProps['onLayout'];\n\nexport default function useHeight(initialHeight = 0): [number, OnLayoutCallback] {\n    const [height, setHeight] = React.useState<number>(initialHeight);\n\n    const onLayout = useWorkletCallback((e) => {\n        setHeight(e.nativeEvent.layout.height);\n    }, []);\n\n    return [height, onLayout];\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,kBAAT,QAAmC,yBAAnC;AAIA,eAAe,SAASC,SAAT,GAAkE;EAAA,IAA/CC,aAA+C,uEAA/B,CAA+B;EAC7E,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBL,KAAK,CAACM,QAAN,CAAuBH,aAAvB,CAA5B;EAEA,MAAMI,QAAQ,GAAGN,kBAAkB,CAAEO,CAAD,IAAO;IACvCH,SAAS,CAACG,CAAC,CAACC,WAAF,CAAcC,MAAd,CAAqBN,MAAtB,CAAT;EACH,CAFkC,EAEhC,EAFgC,CAAnC;EAIA,OAAO,CAACA,MAAD,EAASG,QAAT,CAAP;AACH;AAAA"}