@fountain-ui/lab 2.0.0-beta.9 → 3.0.0-alpha.1

package/build/module/ViewPager/ViewPager.js

@@ -0,0 +1,57 @@
+import React, { Children, forwardRef, useCallback, useImperativeHandle, useMemo } from 'react';
+import { View } from 'react-native';
+import { StyleSheet, useSyncAnimatedValue } from '@fountain-ui/core';
+import { ChildrenMemoizedPage } from './components';
+import { defaultInitialPage, defaultLoading, isValidPage } from './utils';
+import { usePageStore } from './hooks';
+import InternalContext from './InternalContext';
+const styles = StyleSheet.create({
+  root: {
+    // @ts-ignore
+    overflow: 'auto',
+    position: 'relative'
+  }
+});
+const ViewPager = /*#__PURE__*/forwardRef(function ViewPager(props, ref) {
+  const {
+    children,
+    initialPage = defaultInitialPage,
+    loading = defaultLoading,
+    pageForceRerenderKey,
+    style,
+    UNSTABLE_sharedPage
+  } = props;
+  const fallbackSharedPage = useSyncAnimatedValue({
+    initialValue: initialPage
+  });
+  const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;
+  const numberOfPages = Children.count(children);
+  const setPage = useCallback(newPage => {
+    if (isValidPage(newPage, numberOfPages)) {
+      sharedPage.animatedValue.setValue(newPage);
+    }
+  }, [sharedPage, numberOfPages]);
+  useImperativeHandle(ref, () => ({
+    setPage
+  }), [setPage]);
+  const pageStore = usePageStore(sharedPage);
+  const contextValue = useMemo(() => ({
+    pageStore
+  }), [pageStore]);
+  return /*#__PURE__*/React.createElement(InternalContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.root, style]
+  }, Children.map(children, (child, index) => /*#__PURE__*/React.createElement(ChildrenMemoizedPage, {
+    key: index,
+    children: child,
+    index: index,
+    initialPage: sharedPage.initialValue,
+    loading: loading,
+    offscreenPageRerenderLimit: 0 // All offscreen pages will not be re-rendered
+    ,
+    rerenderKey: pageForceRerenderKey
+  }))));
+});
+export default ViewPager;
+//# sourceMappingURL=ViewPager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Children","forwardRef","useCallback","useImperativeHandle","useMemo","View","StyleSheet","useSyncAnimatedValue","ChildrenMemoizedPage","defaultInitialPage","defaultLoading","isValidPage","usePageStore","InternalContext","styles","create","root","overflow","position","ViewPager","props","ref","children","initialPage","loading","pageForceRerenderKey","style","UNSTABLE_sharedPage","fallbackSharedPage","initialValue","sharedPage","numberOfPages","count","setPage","newPage","animatedValue","setValue","pageStore","contextValue","map","child","index"],"sources":["ViewPager.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useImperativeHandle, useMemo } from 'react';\nimport { View } from 'react-native';\nimport { StyleSheet, useSyncAnimatedValue } from '@fountain-ui/core';\nimport { ChildrenMemoizedPage } from './components';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './types';\nimport { defaultInitialPage, defaultLoading, isValidPage } from './utils';\nimport { usePageStore } from './hooks';\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        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 numberOfPages = Children.count(children);\n    const setPage = useCallback((newPage: number) => {\n        if (isValidPage(newPage, numberOfPages)) {\n            sharedPage.animatedValue.setValue(newPage);\n        }\n    }, [sharedPage, numberOfPages]);\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [setPage],\n    );\n\n    const pageStore = usePageStore(sharedPage);\n\n    const contextValue = useMemo(() => ({ pageStore }), [pageStore]);\n\n    return (\n        <InternalContext.Provider value={contextValue}>\n            <View style={[styles.root, style]}>\n                {Children.map(children, (child, index) => (\n                    <ChildrenMemoizedPage\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,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,UAA1B,EAAsCC,WAAtC,EAAmDC,mBAAnD,EAAwEC,OAAxE,QAAuF,OAAvF;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,UAAT,EAAqBC,oBAArB,QAAiD,mBAAjD;AACA,SAASC,oBAAT,QAAqC,cAArC;AAGA,SAASC,kBAAT,EAA6BC,cAA7B,EAA6CC,WAA7C,QAAgE,SAAhE;AACA,SAASC,YAAT,QAA6B,SAA7B;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AAEA,MAAMC,MAAM,GAAGR,UAAU,CAACS,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACF;IACAC,QAAQ,EAAE,MAFR;IAGFC,QAAQ,EAAE;EAHR;AADuB,CAAlB,CAAf;AAQA,MAAMC,SAAS,gBAAGlB,UAAU,CAAoC,SAASkB,SAAT,CAAmBC,KAAnB,EAA0BC,GAA1B,EAA+B;EAC3F,MAAM;IACFC,QADE;IAEFC,WAAW,GAAGd,kBAFZ;IAGFe,OAAO,GAAGd,cAHR;IAIFe,oBAJE;IAKFC,KALE;IAMFC;EANE,IAOFP,KAPJ;EASA,MAAMQ,kBAAkB,GAAGrB,oBAAoB,CAAC;IAAEsB,YAAY,EAAEN;EAAhB,CAAD,CAA/C;EAEA,MAAMO,UAAU,GAAGH,mBAAmB,IAAIC,kBAA1C;EAEA,MAAMG,aAAa,GAAG/B,QAAQ,CAACgC,KAAT,CAAeV,QAAf,CAAtB;EACA,MAAMW,OAAO,GAAG/B,WAAW,CAAEgC,OAAD,IAAqB;IAC7C,IAAIvB,WAAW,CAACuB,OAAD,EAAUH,aAAV,CAAf,EAAyC;MACrCD,UAAU,CAACK,aAAX,CAAyBC,QAAzB,CAAkCF,OAAlC;IACH;EACJ,CAJ0B,EAIxB,CAACJ,UAAD,EAAaC,aAAb,CAJwB,CAA3B;EAMA5B,mBAAmB,CACfkB,GADe,EAEf,OAAO;IAAEY;EAAF,CAAP,CAFe,EAGf,CAACA,OAAD,CAHe,CAAnB;EAMA,MAAMI,SAAS,GAAGzB,YAAY,CAACkB,UAAD,CAA9B;EAEA,MAAMQ,YAAY,GAAGlC,OAAO,CAAC,OAAO;IAAEiC;EAAF,CAAP,CAAD,EAAwB,CAACA,SAAD,CAAxB,CAA5B;EAEA,oBACI,oBAAC,eAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAEC;EAAjC,gBACI,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACxB,MAAM,CAACE,IAAR,EAAcU,KAAd;EAAb,GACK1B,QAAQ,CAACuC,GAAT,CAAajB,QAAb,EAAuB,CAACkB,KAAD,EAAQC,KAAR,kBACpB,oBAAC,oBAAD;IACI,GAAG,EAAEA,KADT;IAEI,QAAQ,EAAED,KAFd;IAGI,KAAK,EAAEC,KAHX;IAII,WAAW,EAAEX,UAAU,CAACD,YAJ5B;IAKI,OAAO,EAAEL,OALb;IAMI,0BAA0B,EAAE,CANhC,CAMmC;IANnC;IAOI,WAAW,EAAEC;EAPjB,EADH,CADL,CADJ,CADJ;AAiBH,CAhD2B,CAA5B;AAkDA,eAAeN,SAAf"}

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

@@ -0,0 +1,129 @@
+import React, { Children, forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
+import RNViewPager from 'react-native-pager-view';
+import { useSyncAnimatedValue } from '@fountain-ui/core';
+import { ChildrenMemoizedPage } from './components';
+import { usePageStore } from './hooks';
+import { defaultInitialPage, defaultLoading, defaultOffscreenPageRerenderLimit, isValidPage } from './utils';
+import InternalContext from './InternalContext';
+const ViewPager = /*#__PURE__*/forwardRef(function ViewPager(props, ref) {
+  const {
+    children,
+    initialPage = defaultInitialPage,
+    keyboardDismissMode = 'on-drag',
+    loading = defaultLoading,
+    offscreenPageRerenderLimit = defaultOffscreenPageRerenderLimit,
+    onChange,
+    onPageScrollStateChanged,
+    pageForceRerenderKey,
+    scrollEnabled = true,
+    style,
+    UNSTABLE_sharedPage
+  } = props;
+  const fallbackSharedPage = useSyncAnimatedValue({
+    initialValue: initialPage
+  });
+  const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;
+  const pageRef = useRef(sharedPage.initialValue);
+  const desiredPageRef = useRef(NaN);
+  const pagerRef = useRef(null);
+  const animationFrameRef = useRef(NaN);
+  const numberOfPages = Children.count(children);
+  const setPage = useCallback(newPage => {
+    if (!isValidPage(newPage, numberOfPages)) {
+      return;
+    }
+
+    animationFrameRef.current = requestAnimationFrame(() => {
+      var _pagerRef$current;
+
+      if (Number.isFinite(desiredPageRef.current)) {
+        if (pageRef.current === desiredPageRef.current) {
+          // end of state machine. clear desired page.
+          desiredPageRef.current = NaN;
+          return;
+        }
+
+        if (newPage === desiredPageRef.current) {
+          return;
+        }
+      }
+
+      desiredPageRef.current = newPage;
+      (_pagerRef$current = pagerRef.current) === null || _pagerRef$current === void 0 ? void 0 : _pagerRef$current.setPage(newPage);
+    });
+  }, [numberOfPages]);
+  useEffect(() => {
+    return () => {
+      if (animationFrameRef.current) {
+        cancelAnimationFrame(animationFrameRef.current);
+      }
+    };
+  }, []);
+  useEffect(() => {
+    const animatedValue = sharedPage.animatedValue;
+    const id = animatedValue.addListener(newValue => {
+      const newPage = newValue.value;
+      pageRef.current = newPage;
+      setPage(newPage);
+    });
+    return () => {
+      animatedValue.removeListener(id);
+    };
+  }, [sharedPage, setPage]);
+  const handlePageSelected = useCallback(e => {
+    if (Number.isFinite(desiredPageRef.current)) {
+      // onPageSelected is called from outer controlling mechanism
+      // e.g. sharedPage.value is changed, setPage() is called
+      // Due to the onPageSelected bug,
+      // we don't trust the value from event, (e.nativeEvent.position)
+      // other than that trust the value from desiredPageRef.
+      const desiredPage = desiredPageRef.current;
+
+      if (pageRef.current === desiredPage) {
+        // end of state machine. clear desired page.
+        desiredPageRef.current = NaN;
+      } else {
+        sharedPage.animatedValue.setValue(desiredPage);
+      }
+
+      onChange === null || onChange === void 0 ? void 0 : onChange(desiredPage);
+    } else {
+      const trustfulNextPage = e.nativeEvent.position;
+
+      if (trustfulNextPage !== pageRef.current) {
+        desiredPageRef.current = trustfulNextPage;
+        sharedPage.animatedValue.setValue(trustfulNextPage);
+        onChange === null || onChange === void 0 ? void 0 : onChange(trustfulNextPage);
+      }
+    }
+  }, [onChange, sharedPage]);
+  useImperativeHandle(ref, () => ({
+    setPage
+  }), [setPage]);
+  const pageStore = usePageStore(sharedPage);
+  const contextValue = useMemo(() => ({
+    pageStore
+  }), [pageStore]);
+  return /*#__PURE__*/React.createElement(InternalContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(RNViewPager, {
+    ref: pagerRef,
+    initialPage: sharedPage.initialValue,
+    keyboardDismissMode: keyboardDismissMode,
+    onPageScrollStateChanged: onPageScrollStateChanged,
+    onPageSelected: handlePageSelected,
+    pageMargin: 8,
+    scrollEnabled: scrollEnabled,
+    style: style
+  }, Children.map(children, (child, index) => /*#__PURE__*/React.createElement(ChildrenMemoizedPage, {
+    key: index,
+    children: child,
+    index: index,
+    initialPage: sharedPage.initialValue,
+    loading: loading,
+    offscreenPageRerenderLimit: offscreenPageRerenderLimit,
+    rerenderKey: pageForceRerenderKey
+  }))));
+});
+export default ViewPager;
+//# sourceMappingURL=ViewPager.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Children","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","RNViewPager","useSyncAnimatedValue","ChildrenMemoizedPage","usePageStore","defaultInitialPage","defaultLoading","defaultOffscreenPageRerenderLimit","isValidPage","InternalContext","ViewPager","props","ref","children","initialPage","keyboardDismissMode","loading","offscreenPageRerenderLimit","onChange","onPageScrollStateChanged","pageForceRerenderKey","scrollEnabled","style","UNSTABLE_sharedPage","fallbackSharedPage","initialValue","sharedPage","pageRef","desiredPageRef","NaN","pagerRef","animationFrameRef","numberOfPages","count","setPage","newPage","current","requestAnimationFrame","Number","isFinite","cancelAnimationFrame","animatedValue","id","addListener","newValue","value","removeListener","handlePageSelected","e","desiredPage","setValue","trustfulNextPage","nativeEvent","position","pageStore","contextValue","map","child","index"],"sources":["ViewPager.native.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, 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 { ChildrenMemoizedPage } from './components';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './types';\nimport { usePageStore } from './hooks';\nimport { defaultInitialPage, defaultLoading, defaultOffscreenPageRerenderLimit, isValidPage } from './utils';\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        onPageScrollStateChanged,\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 numberOfPages = Children.count(children);\n    const setPage = useCallback((newPage: number) => {\n        if (!isValidPage(newPage, numberOfPages)) {\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    }, [numberOfPages]);\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, setPage]);\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                onChange?.(trustfulNextPage);\n            }\n        }\n    }, [onChange, sharedPage]);\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [setPage],\n    );\n\n    const pageStore = usePageStore(sharedPage);\n\n    const contextValue = useMemo(() => ({ pageStore }), [pageStore]);\n\n    return (\n        <InternalContext.Provider value={contextValue}>\n            <RNViewPager\n                ref={pagerRef}\n                initialPage={sharedPage.initialValue}\n                keyboardDismissMode={keyboardDismissMode}\n                onPageScrollStateChanged={onPageScrollStateChanged}\n                onPageSelected={handlePageSelected}\n                pageMargin={8}\n                scrollEnabled={scrollEnabled}\n                style={style}\n            >\n                {Children.map(children, (child, index) => (\n                    <ChildrenMemoizedPage\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":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ViewPagerProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { ComponentProps } from '@fountain-ui/core';\n\nexport type KeyboardDismissMode = 'none' | 'on-drag';\n\nexport type PageProps = React.PropsWithChildren<ViewProps> & {\n    isNeighbor: boolean;\n    isVisible: boolean;\n    rerenderKey?: any;\n};\n\nexport type PageComponent = React.ComponentType<PageProps>;\n\nexport type Loading = 'lazy' | 'eager';\n\nexport default interface ViewPagerProps extends ComponentProps<{\n    /**\n     * Collection of ViewPager components.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * If `true`, enable page visible hint.\n     * @default false\n     */\n    enableVisibleHint?: boolean;\n\n    /**\n     * If `true`, Based on the current index, the pages on the left and right are also rerender.\n     * @default false\n     */\n    enableNeighborPageRerender?: boolean;\n\n    /**\n     * A number representing the index of the active page.\n     */\n    index: number,\n\n    /**\n     * Whether to load the page immediately (`eager`) or on an as-needed basis (`lazy`).\n     * @default 'lazy'\n     */\n    loading?: Loading;\n\n    /**\n     * Callback fired when an index is changed.\n     */\n    onChange?: (newIndex: number) => void,\n\n    /**\n     * The component used to render the wrapper of the page.\n     * @default 'ChildrenMemoizedPage'\n     */\n    pageComponent?: PageComponent,\n\n    /**\n     * When this value is changed, page will be rerender.\n     */\n    pageForceRerenderKey?: any;\n\n    /**\n     * Mobile only. Should pager view scroll, when scroll enabled.\n     * @default true\n     */\n    scrollEnabled?: boolean;\n\n    /**\n     * Mobile only. Determines whether the keyboard gets dismissed in response to a drag.\n     * @default 'on-drag'\n     */\n    keyboardDismissMode?: KeyboardDismissMode;\n}> {}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["ViewPagerProps.ts"],"sourcesContent":["import type { ReactNode, Ref } from 'react';\nimport type { PageScrollStateChangedNativeEvent } from 'react-native-pager-view';\nimport type { ComponentProps, SyncAnimatedValue } from '@fountain-ui/core';\nimport type { KeyboardDismissMode, Loading, 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     * Native only. This handler processes events that occur when the pager is scrolled horizontally.\n     */\n    onPageScrollStateChanged?: (event: PageScrollStateChangedNativeEvent) => void;\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/module/ViewPager/components/ChildrenMemoizedPage.js

@@ -0,0 +1,101 @@
+import React, { memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Platform, View } from 'react-native';
+import { StyleSheet } from '@fountain-ui/core';
+import { useForceRender } from '../hooks';
+import PageStateContext from '../PageStateContext';
+import InternalContext from '../InternalContext';
+const styles = StyleSheet.create({
+  fill: {
+    width: '100%',
+    height: '100%'
+  },
+  none: {
+    display: 'none'
+  }
+});
+
+function Page(props) {
+  const {
+    index,
+    initialPage,
+    children,
+    loading,
+    offscreenPageRerenderLimit
+  } = props;
+  const {
+    pageStore
+  } = useContext(InternalContext);
+  const computePageDescription = useCallback(page => {
+    const activeIndex = page;
+    const isActive = index === activeIndex;
+    const shouldRerender = index >= activeIndex - offscreenPageRerenderLimit && index <= activeIndex + offscreenPageRerenderLimit;
+    const becomeNeighbor = shouldRerender && !isActive;
+    return {
+      isActive,
+      becomeNeighbor
+    };
+  }, [index]);
+  const [initialState] = useState(() => {
+    const {
+      isActive,
+      becomeNeighbor
+    } = computePageDescription(initialPage);
+
+    if (loading === 'eager') {
+      return {
+        active: isActive,
+        loaded: true
+      };
+    }
+
+    return {
+      active: isActive,
+      loaded: isActive || becomeNeighbor
+    };
+  }); // `Bailing out of a state update` is not working as expected.
+
+  const pageStateRef = useRef(initialState);
+  const forceRender = useForceRender();
+  const {
+    active,
+    loaded
+  } = pageStateRef.current;
+  const content = loaded ? children : null;
+  useEffect(() => {
+    return pageStore.subscribe(newPage => {
+      const {
+        isActive,
+        becomeNeighbor
+      } = computePageDescription(newPage);
+      const currentState = pageStateRef.current;
+      const newState = {
+        active: isActive,
+        loaded: isActive || becomeNeighbor ? true : currentState.loaded
+      };
+
+      if (currentState.active !== newState.active || currentState.loaded !== newState.loaded) {
+        pageStateRef.current = newState;
+        forceRender();
+      }
+    });
+  }, [pageStore, computePageDescription]);
+  const contextValue = useMemo(() => ({
+    isActive: active
+  }), [active]);
+  const style = Platform.OS === 'web' ? active ? StyleSheet.absoluteFill : styles.none : styles.fill;
+  return /*#__PURE__*/React.createElement(View, {
+    collapsable: false,
+    style: style
+  }, /*#__PURE__*/React.createElement(PageStateContext.Provider, {
+    value: contextValue
+  }, content));
+}
+
+export default /*#__PURE__*/memo(Page, (prevProps, nextProps) => {
+  if (prevProps.rerenderKey !== nextProps.rerenderKey) {
+    return false;
+  }
+
+  return prevProps.index === nextProps.index;
+});
+//# sourceMappingURL=ChildrenMemoizedPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useContext","useEffect","useMemo","useRef","useState","Platform","View","StyleSheet","useForceRender","PageStateContext","InternalContext","styles","create","fill","width","height","none","display","Page","props","index","initialPage","children","loading","offscreenPageRerenderLimit","pageStore","computePageDescription","page","activeIndex","isActive","shouldRerender","becomeNeighbor","initialState","active","loaded","pageStateRef","forceRender","current","content","subscribe","newPage","currentState","newState","contextValue","style","OS","absoluteFill","prevProps","nextProps","rerenderKey"],"sources":["ChildrenMemoizedPage.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport type { ViewProps } from 'react-native';\nimport { Platform, View } from 'react-native';\nimport { StyleSheet } from '@fountain-ui/core';\nimport type { Loading } from '../types';\nimport { useForceRender } from '../hooks';\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\nexport type PageProps = PropsWithChildren<ViewProps> & {\n    index: number;\n    initialPage: number;\n    loading: Loading;\n    offscreenPageRerenderLimit: number;\n    rerenderKey?: any;\n};\n\ninterface InternalPageDescription {\n    isActive: boolean;\n    becomeNeighbor: boolean;\n}\n\ninterface InternalPageState {\n    active: boolean;\n    loaded: 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 computePageDescription: (page: number) => InternalPageDescription = useCallback((page: number) => {\n        const activeIndex = page;\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    }, [index]);\n\n    const [initialState] = useState<InternalPageState>(() => {\n        const { isActive, becomeNeighbor } = computePageDescription(initialPage);\n\n        if (loading === 'eager') {\n            return { active: isActive, loaded: true };\n        }\n\n        return { active: isActive, loaded: isActive || becomeNeighbor };\n    });\n\n    // `Bailing out of a state update` is not working as expected.\n    const pageStateRef = useRef<InternalPageState>(initialState);\n    const forceRender = useForceRender();\n\n    const { active, loaded } = pageStateRef.current;\n\n    const content = loaded ? children : null;\n\n    useEffect(() => {\n        return pageStore.subscribe(newPage => {\n            const { isActive, becomeNeighbor } = computePageDescription(newPage);\n\n            const currentState = pageStateRef.current;\n\n            const newState: InternalPageState = {\n                active: isActive,\n                loaded: isActive || becomeNeighbor ? true : currentState.loaded,\n            };\n\n            if (\n                currentState.active !== newState.active\n                || currentState.loaded !== newState.loaded\n            ) {\n                pageStateRef.current = newState;\n\n                forceRender();\n            }\n        });\n    }, [pageStore, computePageDescription]);\n\n    const contextValue = useMemo(() => ({\n        isActive: active,\n    }), [active]);\n\n    const style = Platform.OS === 'web'\n        ? (active ? 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/module/ViewPager/components/FluxStoreProvider.js

@@ -0,0 +1,20 @@
+import React, { useEffect, useRef } from 'react';
+import { SimpleStore } from '@fountain-ui/core';
+import FluxContext from '../FluxContext';
+export default function FluxStoreProvider(props) {
+  const {
+    children,
+    initialState
+  } = props;
+  const store = useRef(new SimpleStore(initialState)).current;
+  useEffect(() => {
+    return () => {
+      store.removeAllListeners();
+    };
+  }, [store]);
+  return /*#__PURE__*/React.createElement(FluxContext.Provider, {
+    value: store
+  }, children);
+}
+;
+//# sourceMappingURL=FluxStoreProvider.js.map

package/build/module/ViewPager/components/FluxStoreProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","SimpleStore","FluxContext","FluxStoreProvider","props","children","initialState","store","current","removeAllListeners"],"sources":["FluxStoreProvider.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { SimpleStore } from '@fountain-ui/core';\nimport type { FluxStore } from '../FluxContext';\nimport FluxContext from '../FluxContext';\n\nexport interface FluxStoreProviderProps<State> {\n    children: React.ReactElement;\n    initialState: State;\n}\n\nexport default function FluxStoreProvider<State>(props: FluxStoreProviderProps<State>) {\n    const { children, initialState } = props;\n\n    const store = useRef<FluxStore<State>>(new SimpleStore(initialState)).current;\n\n    useEffect(() => {\n        return () => {\n            store.removeAllListeners();\n        };\n    }, [store]);\n\n    return (\n        <FluxContext.Provider value={store}>\n            {children}\n        </FluxContext.Provider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,QAAyC,OAAzC;AACA,SAASC,WAAT,QAA4B,mBAA5B;AAEA,OAAOC,WAAP,MAAwB,gBAAxB;AAOA,eAAe,SAASC,iBAAT,CAAkCC,KAAlC,EAAwE;EACnF,MAAM;IAAEC,QAAF;IAAYC;EAAZ,IAA6BF,KAAnC;EAEA,MAAMG,KAAK,GAAGP,MAAM,CAAmB,IAAIC,WAAJ,CAAgBK,YAAhB,CAAnB,CAAN,CAAwDE,OAAtE;EAEAT,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACTQ,KAAK,CAACE,kBAAN;IACH,CAFD;EAGH,CAJQ,EAIN,CAACF,KAAD,CAJM,CAAT;EAMA,oBACI,oBAAC,WAAD,CAAa,QAAb;IAAsB,KAAK,EAAEA;EAA7B,GACKF,QADL,CADJ;AAKH;AAAA"}

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

@@ -0,0 +1,3 @@
+export { default as ChildrenMemoizedPage } from './ChildrenMemoizedPage';
+export { default as FluxStoreProvider } from './FluxStoreProvider';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","ChildrenMemoizedPage","FluxStoreProvider"],"sources":["index.ts"],"sourcesContent":["export { default as ChildrenMemoizedPage } from './ChildrenMemoizedPage';\nexport { default as FluxStoreProvider } from './FluxStoreProvider';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,oBAApB,QAAgD,wBAAhD;AACA,SAASD,OAAO,IAAIE,iBAApB,QAA6C,qBAA7C"}

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

@@ -0,0 +1,8 @@
+export { default as useDispatch } from './useDispatch';
+export { default as useEagerState } from './useEagerState';
+export { default as useForceRender } from './useForceRender';
+export { default as useLazyState } from './useLazyState';
+export { default as usePageStore } from './usePageStore';
+export { default as useStore } from './useStore';
+export { default as useViewPagerPageState } from './useViewPagerPageState';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","useDispatch","useEagerState","useForceRender","useLazyState","usePageStore","useStore","useViewPagerPageState"],"sources":["index.ts"],"sourcesContent":["export { default as useDispatch } from './useDispatch';\nexport { default as useEagerState } from './useEagerState';\nexport { default as useForceRender } from './useForceRender';\nexport { default as useLazyState } from './useLazyState';\nexport { default as usePageStore } from './usePageStore';\nexport { default as useStore } from './useStore';\nexport { default as useViewPagerPageState } from './useViewPagerPageState';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAApB,QAAuC,eAAvC;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,iBAAzC;AACA,SAASF,OAAO,IAAIG,cAApB,QAA0C,kBAA1C;AACA,SAASH,OAAO,IAAII,YAApB,QAAwC,gBAAxC;AACA,SAASJ,OAAO,IAAIK,YAApB,QAAwC,gBAAxC;AACA,SAASL,OAAO,IAAIM,QAApB,QAAoC,YAApC;AACA,SAASN,OAAO,IAAIO,qBAApB,QAAiD,yBAAjD"}

package/build/module/ViewPager/hooks/useDispatch.js

@@ -0,0 +1,10 @@
+import { useCallback } from 'react';
+import useStore from './useStore';
+export default function useDispatch() {
+  const store = useStore();
+  return useCallback(action => {
+    store.dispatch(action);
+  }, [store]);
+}
+;
+//# sourceMappingURL=useDispatch.js.map

package/build/module/ViewPager/hooks/useDispatch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useStore","useDispatch","store","action","dispatch"],"sources":["useDispatch.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { DispatchAction } from '@fountain-ui/core';\nimport useStore from './useStore';\n\nexport default function useDispatch<State>() {\n    const store = useStore<State>();\n\n    return useCallback((action: DispatchAction<State>) => {\n        store.dispatch(action);\n    }, [store]);\n};\n"],"mappings":"AAAA,SAASA,WAAT,QAA4B,OAA5B;AAEA,OAAOC,QAAP,MAAqB,YAArB;AAEA,eAAe,SAASC,WAAT,GAA8B;EACzC,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAOD,WAAW,CAAEI,MAAD,IAAmC;IAClDD,KAAK,CAACE,QAAN,CAAeD,MAAf;EACH,CAFiB,EAEf,CAACD,KAAD,CAFe,CAAlB;AAGH;AAAA"}

package/build/module/ViewPager/hooks/useEagerState.js

@@ -0,0 +1,12 @@
+import { useEffect, useState } from 'react';
+import useStore from './useStore';
+export default function useEagerState() {
+  const store = useStore();
+  const [state, setState] = useState(() => store.getState());
+  useEffect(() => {
+    return store.subscribe(setState);
+  }, [store]);
+  return state;
+}
+;
+//# sourceMappingURL=useEagerState.js.map

package/build/module/ViewPager/hooks/useEagerState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","useStore","useEagerState","store","state","setState","getState","subscribe"],"sources":["useEagerState.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport useStore from './useStore';\n\nexport default function useEagerState<State>(): State {\n    const store = useStore<State>();\n\n    const [state, setState] = useState<State>(() => store.getState());\n\n    useEffect(() => {\n        return store.subscribe(setState);\n    }, [store]);\n\n    return state;\n};\n"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,QAApB,QAAoC,OAApC;AACA,OAAOC,QAAP,MAAqB,YAArB;AAEA,eAAe,SAASC,aAAT,GAAuC;EAClD,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,MAAM,CAACG,KAAD,EAAQC,QAAR,IAAoBL,QAAQ,CAAQ,MAAMG,KAAK,CAACG,QAAN,EAAd,CAAlC;EAEAP,SAAS,CAAC,MAAM;IACZ,OAAOI,KAAK,CAACI,SAAN,CAAgBF,QAAhB,CAAP;EACH,CAFQ,EAEN,CAACF,KAAD,CAFM,CAAT;EAIA,OAAOC,KAAP;AACH;AAAA"}

package/build/module/ViewPager/hooks/useForceRender.js

@@ -0,0 +1,7 @@
+import { useReducer } from 'react';
+export default function useForceRender() {
+  const [, forceRender] = useReducer(s => s + 1, 0);
+  return forceRender;
+}
+;
+//# sourceMappingURL=useForceRender.js.map

package/build/module/ViewPager/hooks/useForceRender.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useReducer","useForceRender","forceRender","s"],"sources":["useForceRender.ts"],"sourcesContent":["import { useReducer } from 'react';\n\nexport default function useForceRender() {\n    const [, forceRender] = useReducer((s) => s + 1, 0);\n\n    return forceRender;\n};\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,eAAe,SAASC,cAAT,GAA0B;EACrC,MAAM,GAAGC,WAAH,IAAkBF,UAAU,CAAEG,CAAD,IAAOA,CAAC,GAAG,CAAZ,EAAe,CAAf,CAAlC;EAEA,OAAOD,WAAP;AACH;AAAA"}

package/build/module/ViewPager/hooks/useLazyState.js

@@ -0,0 +1,28 @@
+import { useEffect, useRef } from 'react';
+import { refEqual } from '../utils';
+import useForceRender from './useForceRender';
+import useViewPagerPageState from './useViewPagerPageState';
+import useStore from './useStore';
+export default function useLazyState() {
+  let equalityFn = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refEqual;
+  const store = useStore();
+  const stateRef = useRef(store.getState());
+  const forceRender = useForceRender();
+  const pageState = useViewPagerPageState();
+  useEffect(() => {
+    return store.subscribe(newState => {
+      if (equalityFn(stateRef.current, newState)) {
+        return;
+      }
+
+      stateRef.current = newState;
+
+      if (pageState !== null && pageState !== void 0 && pageState.isActive) {
+        forceRender();
+      }
+    });
+  }, [store, pageState === null || pageState === void 0 ? void 0 : pageState.isActive]);
+  return stateRef.current;
+}
+;
+//# sourceMappingURL=useLazyState.js.map

package/build/module/ViewPager/hooks/useLazyState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","refEqual","useForceRender","useViewPagerPageState","useStore","useLazyState","equalityFn","store","stateRef","getState","forceRender","pageState","subscribe","newState","current","isActive"],"sources":["useLazyState.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { EqualityFunction } from '../types';\nimport { refEqual } from '../utils';\nimport useForceRender from './useForceRender';\nimport useViewPagerPageState from './useViewPagerPageState';\nimport useStore from './useStore';\n\nexport default function useLazyState<State>(equalityFn: EqualityFunction<State> = refEqual): State {\n    const store = useStore<State>();\n\n    const stateRef = useRef<State>(store.getState());\n\n    const forceRender = useForceRender();\n\n    const pageState = useViewPagerPageState();\n\n    useEffect(() => {\n        return store.subscribe(newState => {\n            if (equalityFn(stateRef.current, newState)) {\n                return;\n            }\n\n            stateRef.current = newState;\n\n            if (pageState?.isActive) {\n                forceRender();\n            }\n        });\n    }, [store, pageState?.isActive]);\n\n    return stateRef.current;\n};\n"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,MAApB,QAAkC,OAAlC;AAEA,SAASC,QAAT,QAAyB,UAAzB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,OAAOC,qBAAP,MAAkC,yBAAlC;AACA,OAAOC,QAAP,MAAqB,YAArB;AAEA,eAAe,SAASC,YAAT,GAAoF;EAAA,IAAvDC,UAAuD,uEAAjBL,QAAiB;EAC/F,MAAMM,KAAK,GAAGH,QAAQ,EAAtB;EAEA,MAAMI,QAAQ,GAAGR,MAAM,CAAQO,KAAK,CAACE,QAAN,EAAR,CAAvB;EAEA,MAAMC,WAAW,GAAGR,cAAc,EAAlC;EAEA,MAAMS,SAAS,GAAGR,qBAAqB,EAAvC;EAEAJ,SAAS,CAAC,MAAM;IACZ,OAAOQ,KAAK,CAACK,SAAN,CAAgBC,QAAQ,IAAI;MAC/B,IAAIP,UAAU,CAACE,QAAQ,CAACM,OAAV,EAAmBD,QAAnB,CAAd,EAA4C;QACxC;MACH;;MAEDL,QAAQ,CAACM,OAAT,GAAmBD,QAAnB;;MAEA,IAAIF,SAAJ,aAAIA,SAAJ,eAAIA,SAAS,CAAEI,QAAf,EAAyB;QACrBL,WAAW;MACd;IACJ,CAVM,CAAP;EAWH,CAZQ,EAYN,CAACH,KAAD,EAAQI,SAAR,aAAQA,SAAR,uBAAQA,SAAS,CAAEI,QAAnB,CAZM,CAAT;EAcA,OAAOP,QAAQ,CAACM,OAAhB;AACH;AAAA"}

package/build/module/ViewPager/hooks/usePageStore.js

@@ -0,0 +1,25 @@
+import { useEffect, useRef } from 'react';
+import { SimpleStore } from '@fountain-ui/core';
+export default function usePageStore(value) {
+  const {
+    animatedValue,
+    initialValue
+  } = value;
+  const store = useRef(new SimpleStore(initialValue)).current;
+  useEffect(() => {
+    const id = animatedValue.addListener(newPage => {
+      store.dispatch(newPage.value);
+    });
+    return () => {
+      animatedValue.removeListener(id);
+    };
+  }, [animatedValue]);
+  useEffect(() => {
+    return () => {
+      store.removeAllListeners();
+    };
+  }, [store]);
+  return store;
+}
+;
+//# sourceMappingURL=usePageStore.js.map

package/build/module/ViewPager/hooks/usePageStore.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","SimpleStore","usePageStore","value","animatedValue","initialValue","store","current","id","addListener","newPage","dispatch","removeListener","removeAllListeners"],"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    useEffect(() => {\n        return () => {\n            store.removeAllListeners();\n        };\n    }, [store]);\n\n    return store;\n};\n"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,MAApB,QAAkC,OAAlC;AAEA,SAASC,WAAT,QAA4B,mBAA5B;AAEA,eAAe,SAASC,YAAT,CAAsBC,KAAtB,EAAmE;EAC9E,MAAM;IACFC,aADE;IAEFC;EAFE,IAGFF,KAHJ;EAKA,MAAMG,KAAK,GAAGN,MAAM,CAAC,IAAIC,WAAJ,CAAgBI,YAAhB,CAAD,CAAN,CAAsCE,OAApD;EAEAR,SAAS,CAAC,MAAM;IACZ,MAAMS,EAAE,GAAGJ,aAAa,CAACK,WAAd,CAA2BC,OAAD,IAAa;MAC9CJ,KAAK,CAACK,QAAN,CAAeD,OAAO,CAACP,KAAvB;IACH,CAFU,CAAX;IAIA,OAAO,MAAM;MACTC,aAAa,CAACQ,cAAd,CAA6BJ,EAA7B;IACH,CAFD;EAGH,CARQ,EAQN,CAACJ,aAAD,CARM,CAAT;EAUAL,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACTO,KAAK,CAACO,kBAAN;IACH,CAFD;EAGH,CAJQ,EAIN,CAACP,KAAD,CAJM,CAAT;EAMA,OAAOA,KAAP;AACH;AAAA"}

package/build/module/ViewPager/hooks/useStore.js

@@ -0,0 +1,14 @@
+import { useContext } from 'react';
+import FluxContext from '../FluxContext';
+export default function useStore() {
+  // @ts-ignore
+  const store = useContext(FluxContext);
+
+  if (store == null) {
+    throw new Error('You should wrap your parent component with `FluxStoreProvider`');
+  }
+
+  return store;
+}
+;
+//# sourceMappingURL=useStore.js.map

package/build/module/ViewPager/hooks/useStore.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","FluxContext","useStore","store","Error"],"sources":["useStore.ts"],"sourcesContent":["import { useContext } from 'react';\nimport type { FluxStore } from '../FluxContext';\nimport FluxContext from '../FluxContext';\n\nexport default function useStore<State>(): FluxStore<State> {\n    // @ts-ignore\n    const store = useContext<FluxStore<State>>(FluxContext);\n    if (store == null) {\n        throw new Error(\n            'You should wrap your parent component with `FluxStoreProvider`',\n        );\n    }\n\n    return store;\n};\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,OAAOC,WAAP,MAAwB,gBAAxB;AAEA,eAAe,SAASC,QAAT,GAA6C;EACxD;EACA,MAAMC,KAAK,GAAGH,UAAU,CAAmBC,WAAnB,CAAxB;;EACA,IAAIE,KAAK,IAAI,IAAb,EAAmB;IACf,MAAM,IAAIC,KAAJ,CACF,gEADE,CAAN;EAGH;;EAED,OAAOD,KAAP;AACH;AAAA"}

package/build/module/ViewPager/hooks/useViewPagerPageState.js

@@ -0,0 +1,7 @@
+import { useContext } from 'react';
+import PageStateContext from '../PageStateContext';
+export default function useViewPagerPageState() {
+  return useContext(PageStateContext);
+}
+;
+//# sourceMappingURL=useViewPagerPageState.js.map

package/build/module/ViewPager/hooks/useViewPagerPageState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","PageStateContext","useViewPagerPageState"],"sources":["useViewPagerPageState.ts"],"sourcesContent":["import { useContext } from 'react';\nimport PageStateContext from '../PageStateContext';\n\nexport default function useViewPagerPageState() {\n    return useContext(PageStateContext);\n};\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAOC,gBAAP,MAA6B,qBAA7B;AAEA,eAAe,SAASC,qBAAT,GAAiC;EAC5C,OAAOF,UAAU,CAACC,gBAAD,CAAjB;AACH;AAAA"}

package/build/module/ViewPager/index.js

@@ -1,2 +1,4 @@
-export { default } from './ViewPagerWeb';
+export { default } from './ViewPager';
+export { useDispatch as useFluxDispatch, useEagerState, useStore as useFluxStore, useLazyState, useViewPagerPageState } from './hooks';
+export { FluxStoreProvider } from './components';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './ViewPagerWeb';\nexport type { default as ViewPagerProps } from './ViewPagerProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB"}
+{"version":3,"names":["default","useDispatch","useFluxDispatch","useEagerState","useStore","useFluxStore","useLazyState","useViewPagerPageState","FluxStoreProvider"],"sources":["index.ts"],"sourcesContent":["export { default } from './ViewPager';\nexport type { default as ViewPagerProps } from './ViewPagerProps';\nexport type { ViewPagerInstance } from './types';\nexport {\n    useDispatch as useFluxDispatch,\n    useEagerState,\n    useStore as useFluxStore,\n    useLazyState,\n    useViewPagerPageState,\n} from './hooks';\nexport { FluxStoreProvider } from './components';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AAGA,SACIC,WAAW,IAAIC,eADnB,EAEIC,aAFJ,EAGIC,QAAQ,IAAIC,YAHhB,EAIIC,YAJJ,EAKIC,qBALJ,QAMO,SANP;AAOA,SAASC,iBAAT,QAAkC,cAAlC"}

package/build/module/ViewPager/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export type KeyboardDismissMode = 'none' | 'on-drag';\n\nexport type Loading = 'lazy' | 'eager';\n\nexport interface EqualityFunction<State> {\n    (a: State, b: State): boolean;\n}\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/module/ViewPager/utils.js

@@ -1,36 +1,8 @@
-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 = _ref => {
-  let {
-    enableVisibleHint,
-    index: currentIndex,
-    loading,
-    pageComponent: PageComponent,
-    pageForceRerenderKey,
-    enableNeighborPageRerender
-  } = _ref;
-  const pagesStateRef = React.useRef([]);
-  pagesStateRef.current[currentIndex] = { ...pagesStateRef.current[currentIndex],
-    visited: true
-  };
-  return children => React.Children.map(children, (child, index) => {
-    var _pagesStateRef$curren;
-
-    const visited = ((_pagesStateRef$curren = pagesStateRef.current[index]) === null || _pagesStateRef$curren === void 0 ? void 0 : _pagesStateRef$curren.visited) ?? 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
-    });
-  });
-};
+export const defaultOffscreenPageRerenderLimit = 0;
+export const refEqual = (a, b) => a === b;
+export function isValidPage(maybePage, numberOfPages) {
+  return Number.isInteger(maybePage) && maybePage >= 0 && maybePage < numberOfPages;
+}
 //# sourceMappingURL=utils.js.map