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

package/build/commonjs/ViewPager/ViewPagerNative.js

@@ -3,70 +3,80 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = ViewPager;
+exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _viewpager = _interopRequireDefault(require("@react-native-community/viewpager"));
+var _reactNativePagerView = _interopRequireDefault(require("react-native-pager-view"));
+
+var _reactNativeReanimated = require("react-native-reanimated");
 
 var _utils = require("./utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ViewPager(props) {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const ViewPager = /*#__PURE__*/(0, _react.forwardRef)(function ViewPager(props, ref) {
   const {
     children,
-    enableVisibleHint = _utils.defaultEnableVisibleHint,
-    index,
+    initialPage = _utils.defaultInitialPage,
     keyboardDismissMode = 'on-drag',
     loading = _utils.defaultLoading,
     onChange,
     pageComponent = _utils.defaultPageComponent,
-    enableNeighborPageRerender = _utils.defaultEnableNeighborPageRerender,
     pageForceRerenderKey,
     scrollEnabled = true,
     style
   } = props;
+  const sharedIndex = (0, _reactNativeReanimated.useSharedValue)(initialPage);
+  const pagerRef = (0, _react.useRef)(null);
 
-  const indexRef = _react.default.useRef(index);
-
-  const pagerRef = _react.default.useRef(null);
+  const setPage = newIndex => {
+    requestAnimationFrame(() => {
+      var _pagerRef$current;
 
-  const renderer = (0, _utils.usePageRenderer)({
-    enableVisibleHint,
-    index,
-    loading,
-    pageComponent,
-    pageForceRerenderKey,
-    enableNeighborPageRerender
-  });
+      (_pagerRef$current = pagerRef.current) === null || _pagerRef$current === void 0 ? void 0 : _pagerRef$current.setPage(newIndex);
+    });
+  };
 
-  const handlePageSelected = _react.default.useCallback(e => {
-    indexRef.current = e.nativeEvent.position;
+  (0, _react.useImperativeHandle)(ref, () => ({
+    setPage
+  }), []);
+  const handlePageSelected = (0, _react.useCallback)(e => {
+    const currentIndex = sharedIndex.value;
+    const nextIndex = e.nativeEvent.position;
 
-    if (onChange) {
-      onChange(indexRef.current);
+    if (currentIndex === nextIndex) {
+      return;
     }
-  }, [onChange]);
 
-  _react.default.useEffect(() => {
-    if (index !== indexRef.current) {
-      var _pagerRef$current;
+    sharedIndex.value = nextIndex;
 
-      (_pagerRef$current = pagerRef.current) === null || _pagerRef$current === void 0 ? void 0 : _pagerRef$current.setPage(index);
+    if (onChange) {
+      onChange(nextIndex);
     }
-  }, [index]);
-
-  return /*#__PURE__*/_react.default.createElement(_viewpager.default, {
-    initialPage: index,
+  }, [onChange]);
+  const PageComponent = pageComponent;
+  return /*#__PURE__*/_react.default.createElement(_reactNativePagerView.default, {
+    ref: pagerRef,
+    initialPage: initialPage,
     keyboardDismissMode: keyboardDismissMode,
     onPageSelected: handlePageSelected,
     pageMargin: 8,
-    ref: pagerRef,
     scrollEnabled: scrollEnabled,
     style: style
-  }, renderer(children));
-}
-
-;
+  }, _react.Children.map(children, (child, index) => /*#__PURE__*/_react.default.createElement(PageComponent, {
+    key: index,
+    children: child,
+    index: index,
+    loading: loading,
+    rerenderKey: pageForceRerenderKey,
+    sharedIndex: sharedIndex
+  })));
+});
+var _default = ViewPager;
+exports.default = _default;
 //# sourceMappingURL=ViewPagerNative.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["ViewPagerNative.tsx"],"names":["ViewPager","props","children","enableVisibleHint","defaultEnableVisibleHint","index","keyboardDismissMode","loading","defaultLoading","onChange","pageComponent","defaultPageComponent","enableNeighborPageRerender","defaultEnableNeighborPageRerender","pageForceRerenderKey","scrollEnabled","style","indexRef","React","useRef","pagerRef","renderer","handlePageSelected","useCallback","e","current","nativeEvent","position","useEffect","setPage"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAQe,SAASA,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,iBAAiB,GAAGC,+BAFlB;AAGFC,IAAAA,KAHE;AAIFC,IAAAA,mBAAmB,GAAG,SAJpB;AAKFC,IAAAA,OAAO,GAAGC,qBALR;AAMFC,IAAAA,QANE;AAOFC,IAAAA,aAAa,GAAGC,2BAPd;AAQFC,IAAAA,0BAA0B,GAAGC,wCAR3B;AASFC,IAAAA,oBATE;AAUFC,IAAAA,aAAa,GAAG,IAVd;AAWFC,IAAAA;AAXE,MAYFf,KAZJ;;AAcA,QAAMgB,QAAQ,GAAGC,eAAMC,MAAN,CAAqBd,KAArB,CAAjB;;AACA,QAAMe,QAAQ,GAAGF,eAAMC,MAAN,CAAiC,IAAjC,CAAjB;;AAEA,QAAME,QAAQ,GAAG,4BAAgB;AAC7BlB,IAAAA,iBAD6B;AAE7BE,IAAAA,KAF6B;AAG7BE,IAAAA,OAH6B;AAI7BG,IAAAA,aAJ6B;AAK7BI,IAAAA,oBAL6B;AAM7BF,IAAAA;AAN6B,GAAhB,CAAjB;;AASA,QAAMU,kBAAkB,GAAGJ,eAAMK,WAAN,CAAmBC,CAAD,IAAqC;AAC9EP,IAAAA,QAAQ,CAACQ,OAAT,GAAmBD,CAAC,CAACE,WAAF,CAAcC,QAAjC;;AAEA,QAAIlB,QAAJ,EAAc;AACVA,MAAAA,QAAQ,CAACQ,QAAQ,CAACQ,OAAV,CAAR;AACH;AACJ,GAN0B,EAMxB,CAAChB,QAAD,CANwB,CAA3B;;AAQAS,iBAAMU,SAAN,CAAgB,MAAM;AAClB,QAAIvB,KAAK,KAAKY,QAAQ,CAACQ,OAAvB,EAAgC;AAAA;;AAC5B,2BAAAL,QAAQ,CAACK,OAAT,wEAAkBI,OAAlB,CAA0BxB,KAA1B;AACH;AACJ,GAJD,EAIG,CAACA,KAAD,CAJH;;AAMA,sBACI,6BAAC,kBAAD;AACI,IAAA,WAAW,EAAEA,KADjB;AAEI,IAAA,mBAAmB,EAAEC,mBAFzB;AAGI,IAAA,cAAc,EAAEgB,kBAHpB;AAII,IAAA,UAAU,EAAE,CAJhB;AAKI,IAAA,GAAG,EAAEF,QALT;AAMI,IAAA,aAAa,EAAEL,aANnB;AAOI,IAAA,KAAK,EAAEC;AAPX,KASKK,QAAQ,CAACnB,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":["ViewPager","forwardRef","props","ref","children","initialPage","defaultInitialPage","keyboardDismissMode","loading","defaultLoading","onChange","pageComponent","defaultPageComponent","pageForceRerenderKey","scrollEnabled","style","sharedIndex","useSharedValue","pagerRef","useRef","setPage","newIndex","requestAnimationFrame","current","useImperativeHandle","handlePageSelected","useCallback","e","currentIndex","value","nextIndex","nativeEvent","position","PageComponent","Children","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;;AAEA;;AACA;;AAGA;;;;;;;;AAEA,MAAMA,SAAS,gBAAG,IAAAC,iBAAA,EAA8C,SAASD,SAAT,CAAmBE,KAAnB,EAA0BC,GAA1B,EAA+B;EAC3F,MAAM;IACFC,QADE;IAEFC,WAAW,GAAGC,yBAFZ;IAGFC,mBAAmB,GAAG,SAHpB;IAIFC,OAAO,GAAGC,qBAJR;IAKFC,QALE;IAMFC,aAAa,GAAGC,2BANd;IAOFC,oBAPE;IAQFC,aAAa,GAAG,IARd;IASFC;EATE,IAUFb,KAVJ;EAYA,MAAMc,WAAW,GAAG,IAAAC,qCAAA,EAAuBZ,WAAvB,CAApB;EACA,MAAMa,QAAQ,GAAG,IAAAC,aAAA,EAA2B,IAA3B,CAAjB;;EAEA,MAAMC,OAAO,GAAIC,QAAD,IAAsB;IAClCC,qBAAqB,CAAC,MAAM;MAAA;;MACxB,qBAAAJ,QAAQ,CAACK,OAAT,wEAAkBH,OAAlB,CAA0BC,QAA1B;IACH,CAFoB,CAArB;EAGH,CAJD;;EAMA,IAAAG,0BAAA,EACIrB,GADJ,EAEI,OAAO;IAAEiB;EAAF,CAAP,CAFJ,EAGI,EAHJ;EAMA,MAAMK,kBAAkB,GAAG,IAAAC,kBAAA,EAAaC,CAAD,IAAqC;IACxE,MAAMC,YAAY,GAAGZ,WAAW,CAACa,KAAjC;IACA,MAAMC,SAAS,GAAGH,CAAC,CAACI,WAAF,CAAcC,QAAhC;;IAEA,IAAIJ,YAAY,KAAKE,SAArB,EAAgC;MAC5B;IACH;;IAEDd,WAAW,CAACa,KAAZ,GAAoBC,SAApB;;IAEA,IAAIpB,QAAJ,EAAc;MACVA,QAAQ,CAACoB,SAAD,CAAR;IACH;EACJ,CAb0B,EAaxB,CAACpB,QAAD,CAbwB,CAA3B;EAeA,MAAMuB,aAAa,GAAGtB,aAAtB;EAEA,oBACI,6BAAC,6BAAD;IACI,GAAG,EAAEO,QADT;IAEI,WAAW,EAAEb,WAFjB;IAGI,mBAAmB,EAAEE,mBAHzB;IAII,cAAc,EAAEkB,kBAJpB;IAKI,UAAU,EAAE,CALhB;IAMI,aAAa,EAAEX,aANnB;IAOI,KAAK,EAAEC;EAPX,GASKmB,eAAA,CAASC,GAAT,CAAa/B,QAAb,EAAuB,CAACgC,KAAD,EAAQC,KAAR,kBACpB,6BAAC,aAAD;IACI,GAAG,EAAEA,KADT;IAEI,QAAQ,EAAED,KAFd;IAGI,KAAK,EAAEC,KAHX;IAII,OAAO,EAAE7B,OAJb;IAKI,WAAW,EAAEK,oBALjB;IAMI,WAAW,EAAEG;EANjB,EADH,CATL,CADJ;AAsBH,CAnEiB,CAAlB;eAqEehB,S"}

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

@@ -3,53 +3,60 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = ViewPager;
+exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
+var _reactNativeReanimated = require("react-native-reanimated");
+
+var _core = require("@fountain-ui/core");
+
 var _utils = require("./utils");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-const styles = _reactNative.StyleSheet.create({
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const styles = _core.StyleSheet.create({
   root: {
     // @ts-ignore
     overflow: 'auto',
     position: 'relative'
-  },
-  none: {
-    display: 'none'
   }
 });
 
-function ViewPager(props) {
+const ViewPager = /*#__PURE__*/(0, _react.forwardRef)(function ViewPager(props, ref) {
   const {
     children,
-    enableVisibleHint = _utils.defaultEnableVisibleHint,
-    enableNeighborPageRerender = _utils.defaultEnableNeighborPageRerender,
-    index,
+    initialPage = _utils.defaultInitialPage,
     loading = _utils.defaultLoading,
     pageComponent = _utils.defaultPageComponent,
     pageForceRerenderKey,
     style
   } = props;
-  const renderer = (0, _utils.usePageRenderer)({
-    enableVisibleHint,
-    enableNeighborPageRerender,
-    index,
-    loading,
-    pageComponent,
-    pageForceRerenderKey
-  });
+  const sharedIndex = (0, _reactNativeReanimated.useSharedValue)(initialPage);
+
+  const setPage = newIndex => {
+    sharedIndex.value = newIndex;
+  };
+
+  (0, _react.useImperativeHandle)(ref, () => ({
+    setPage
+  }), []);
+  const PageComponent = pageComponent;
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.root, style]
-  }, _react.default.Children.map(renderer(children), (child, i) => /*#__PURE__*/_react.default.cloneElement(child, {
-    isVisible: i === index,
-    style: i !== index ? styles.none : _reactNative.StyleSheet.absoluteFill
+  }, _react.Children.map(children, (child, index) => /*#__PURE__*/_react.default.createElement(PageComponent, {
+    key: index,
+    children: child,
+    index: index,
+    loading: loading,
+    rerenderKey: pageForceRerenderKey,
+    sharedIndex: sharedIndex
   })));
-}
-
-;
+});
+var _default = ViewPager;
+exports.default = _default;
 //# sourceMappingURL=ViewPagerWeb.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["ViewPagerWeb.tsx"],"names":["styles","StyleSheet","create","root","overflow","position","none","display","ViewPager","props","children","enableVisibleHint","defaultEnableVisibleHint","enableNeighborPageRerender","defaultEnableNeighborPageRerender","index","loading","defaultLoading","pageComponent","defaultPageComponent","pageForceRerenderKey","style","renderer","React","Children","map","child","i","cloneElement","isVisible","absoluteFill"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAQA,MAAMA,MAAM,GAAGC,wBAAWC,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;;AASe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,iBAAiB,GAAGC,+BAFlB;AAGFC,IAAAA,0BAA0B,GAAGC,wCAH3B;AAIFC,IAAAA,KAJE;AAKFC,IAAAA,OAAO,GAAGC,qBALR;AAMFC,IAAAA,aAAa,GAAGC,2BANd;AAOFC,IAAAA,oBAPE;AAQFC,IAAAA;AARE,MASFZ,KATJ;AAWA,QAAMa,QAAQ,GAAG,4BAAgB;AAC7BX,IAAAA,iBAD6B;AAE7BE,IAAAA,0BAF6B;AAG7BE,IAAAA,KAH6B;AAI7BC,IAAAA,OAJ6B;AAK7BE,IAAAA,aAL6B;AAM7BE,IAAAA;AAN6B,GAAhB,CAAjB;AASA,sBACI,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACpB,MAAM,CAACG,IAAR,EAAckB,KAAd;AAAb,KACKE,eAAMC,QAAN,CAAeC,GAAf,CAAmBH,QAAQ,CAACZ,QAAD,CAA3B,EAAuC,CAACgB,KAAD,EAAQC,CAAR,kBACpCJ,eAAMK,YAAN,CAAmBF,KAAnB,EAAgD;AAC5CG,IAAAA,SAAS,EAAEF,CAAC,KAAKZ,KAD2B;AAE5CM,IAAAA,KAAK,EAAEM,CAAC,KAAKZ,KAAN,GAAcf,MAAM,CAACM,IAArB,GAA4BL,wBAAW6B;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":["styles","StyleSheet","create","root","overflow","position","ViewPager","forwardRef","props","ref","children","initialPage","defaultInitialPage","loading","defaultLoading","pageComponent","defaultPageComponent","pageForceRerenderKey","style","sharedIndex","useSharedValue","setPage","newIndex","value","useImperativeHandle","PageComponent","Children","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;;AACA;;AACA;;AACA;;AAGA;;;;;;AAEA,MAAMA,MAAM,GAAGC,gBAAA,CAAWC,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACF;IACAC,QAAQ,EAAE,MAFR;IAGFC,QAAQ,EAAE;EAHR;AADuB,CAAlB,CAAf;;AAQA,MAAMC,SAAS,gBAAG,IAAAC,iBAAA,EAA8C,SAASD,SAAT,CAAmBE,KAAnB,EAA0BC,GAA1B,EAA+B;EAC3F,MAAM;IACFC,QADE;IAEFC,WAAW,GAAGC,yBAFZ;IAGFC,OAAO,GAAGC,qBAHR;IAIFC,aAAa,GAAGC,2BAJd;IAKFC,oBALE;IAMFC;EANE,IAOFV,KAPJ;EASA,MAAMW,WAAW,GAAG,IAAAC,qCAAA,EAAuBT,WAAvB,CAApB;;EAEA,MAAMU,OAAO,GAAIC,QAAD,IAAsB;IAClCH,WAAW,CAACI,KAAZ,GAAoBD,QAApB;EACH,CAFD;;EAIA,IAAAE,0BAAA,EACIf,GADJ,EAEI,OAAO;IAAEY;EAAF,CAAP,CAFJ,EAGI,EAHJ;EAMA,MAAMI,aAAa,GAAGV,aAAtB;EAEA,oBACI,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACf,MAAM,CAACG,IAAR,EAAce,KAAd;EAAb,GACKQ,eAAA,CAASC,GAAT,CAAajB,QAAb,EAAuB,CAACkB,KAAD,EAAQC,KAAR,kBACpB,6BAAC,aAAD;IACI,GAAG,EAAEA,KADT;IAEI,QAAQ,EAAED,KAFd;IAGI,KAAK,EAAEC,KAHX;IAII,OAAO,EAAEhB,OAJb;IAKI,WAAW,EAAEI,oBALjB;IAMI,WAAW,EAAEE;EANjB,EADH,CADL,CADJ;AAcH,CAtCiB,CAAlB;eAwCeb,S"}

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

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

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

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

package/build/commonjs/ViewPager/utils.js

@@ -3,52 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.usePageRenderer = exports.defaultPageComponent = exports.defaultLoading = exports.defaultEnableNeighborPageRerender = exports.defaultEnableVisibleHint = void 0;
-
-var _react = _interopRequireDefault(require("react"));
+exports.defaultPageComponent = exports.defaultLoading = exports.defaultInitialPage = void 0;
 
 var _ChildrenMemoizedPage = _interopRequireDefault(require("./ChildrenMemoizedPage"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const defaultEnableVisibleHint = false;
-exports.defaultEnableVisibleHint = defaultEnableVisibleHint;
-const defaultEnableNeighborPageRerender = false;
-exports.defaultEnableNeighborPageRerender = defaultEnableNeighborPageRerender;
+const defaultInitialPage = 0;
+exports.defaultInitialPage = defaultInitialPage;
 const defaultLoading = 'lazy';
 exports.defaultLoading = defaultLoading;
 const defaultPageComponent = _ChildrenMemoizedPage.default;
 exports.defaultPageComponent = defaultPageComponent;
-
-const usePageRenderer = ({
-  enableVisibleHint,
-  index: currentIndex,
-  loading,
-  pageComponent: PageComponent,
-  pageForceRerenderKey,
-  enableNeighborPageRerender
-}) => {
-  const pagesStateRef = _react.default.useRef([]);
-
-  pagesStateRef.current[currentIndex] = { ...pagesStateRef.current[currentIndex],
-    visited: true
-  };
-  return children => _react.default.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.default.createElement(PageComponent, {
-      key: index,
-      children: content,
-      isNeighbor: enableNeighborPageRerender && isNeighborIndex,
-      isVisible: isVisible,
-      rerenderKey: pageForceRerenderKey
-    });
-  });
-};
-
-exports.usePageRenderer = usePageRenderer;
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["utils.tsx"],"names":["defaultEnableVisibleHint","defaultEnableNeighborPageRerender","defaultLoading","defaultPageComponent","ChildrenMemoizedPage","usePageRenderer","enableVisibleHint","index","currentIndex","loading","pageComponent","PageComponent","pageForceRerenderKey","enableNeighborPageRerender","pagesStateRef","React","useRef","current","visited","children","Children","map","child","content","isVisible","isNeighborIndex"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAmBO,MAAMA,wBAAiC,GAAG,KAA1C;;AAEA,MAAMC,iCAA0C,GAAG,KAAnD;;AAEA,MAAMC,cAAuB,GAAG,MAAhC;;AAEA,MAAMC,oBAAmC,GAAGC,6BAA5C;;;AAEA,MAAMC,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,GAAGC,eAAMC,MAAN,CAA+B,EAA/B,CAAtB;;AAEAF,EAAAA,aAAa,CAACG,OAAd,CAAsBT,YAAtB,IAAsC,EAClC,GAAGM,aAAa,CAACG,OAAd,CAAsBT,YAAtB,CAD+B;AAElCU,IAAAA,OAAO,EAAE;AAFyB,GAAtC;AAKA,SAAQC,QAAQ,IAAIJ,eAAMK,QAAN,CAAeC,GAAf,CAAmBF,QAAnB,EAA6B,CAACG,KAAD,EAAQf,KAAR,KAAkB;AAAA;;AAC/D,UAAMW,OAAO,sDAAGJ,aAAa,CAACG,OAAd,CAAsBV,KAAtB,CAAH,2DAAG,uBAA8BW,OAAjC,yEAA4C,KAAzD;AACA,UAAMK,OAAO,GAAId,OAAO,KAAK,OAAZ,IAAuBS,OAAxB,GAAmCI,KAAnC,GAA2C,IAA3D;AAEA,UAAME,SAAS,GAAGlB,iBAAiB,GAAIC,KAAK,KAAKC,YAAd,GAA8B,KAAjE;AACA,UAAMiB,eAAe,GAAGlB,KAAK,KAAKC,YAAY,GAAG,CAAzB,IAA8BD,KAAK,KAAKC,YAAY,GAAG,CAA/E;AAEA,wBACI,6BAAC,aAAD;AACI,MAAA,GAAG,EAAED,KADT;AAEI,MAAA,QAAQ,EAAEgB,OAFd;AAGI,MAAA,UAAU,EAAEV,0BAA0B,IAAIY,eAH9C;AAII,MAAA,SAAS,EAAED,SAJf;AAKI,MAAA,WAAW,EAAEZ;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":["defaultInitialPage","defaultLoading","defaultPageComponent","ChildrenMemoizedPage"],"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;;;;AAEO,MAAMA,kBAA0B,GAAG,CAAnC;;AAEA,MAAMC,cAAuB,GAAG,MAAhC;;AAEA,MAAMC,oBAAmC,GAAGC,6BAA5C"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { default as useUnstableCollapsibleAppBar } from './useUnstableCollapsibleAppBar';\nexport { default as useUnstableToggleDisplayStyle } from './useUnstableToggleDisplayStyle';\n\n"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as useUnstableCollapsibleAppBar } from './useUnstableCollapsibleAppBar';\nexport { default as useUnstableToggleDisplayStyle } from './useUnstableToggleDisplayStyle';\n\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA"}

package/build/commonjs/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;;eAWeL,e","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;;eAWeL,e"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useElevationStyle.ts"],"names":["useElevationStyle","elevation","theme","shadow","Platform","select","android","ios","web","boxShadow"],"mappings":";;;;;;;AAAA;;AAEA;;AAEe,SAASA,iBAAT,CAA2BC,SAA3B,EAAiD;AAC5D,QAAMC,KAAK,GAAG,uBAAd;AACA,QAAMC,MAAM,GAAGD,KAAK,CAACC,MAAN,CAAaF,SAAb,CAAf;AAEA,SAAOG,sBAASC,MAAT,CAAqB;AACxBC,IAAAA,OAAO,EAAEH,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEF,SADO;AAExBM,IAAAA,GAAG,EAAEJ,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEA,MAFW;AAGxBK,IAAAA,GAAG,EAAEL,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEM;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":["useElevationStyle","elevation","theme","useTheme","shadow","Platform","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;;AAEA;;AAEe,SAASA,iBAAT,CAA2BC,SAA3B,EAAiD;EAC5D,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EACA,MAAMC,MAAM,GAAGF,KAAK,CAACE,MAAN,CAAaH,SAAb,CAAf;EAEA,OAAOI,qBAAA,CAASC,MAAT,CAAqB;IACxBC,OAAO,EAAEH,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEH,SADO;IAExBO,GAAG,EAAEJ,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEA,MAFW;IAGxBK,GAAG,EAAEL,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEM;EAHW,CAArB,CAAP;AAKH;;AAAA"}

package/build/commonjs/hooks/useHeight.js

@@ -7,17 +7,18 @@ exports.default = useHeight;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _reactNativeReanimated = require("react-native-reanimated");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function useHeight(initialHeight = 0) {
+function useHeight() {
+  let initialHeight = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+
   const [height, setHeight] = _react.default.useState(initialHeight);
 
-  const onLayout = _reactNativeReanimated.default.useWorkletCallback(e => {
+  const onLayout = (0, _reactNativeReanimated.useWorkletCallback)(e => {
     setHeight(e.nativeEvent.layout.height);
   }, []);
-
   return [height, onLayout];
 }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["useHeight.ts"],"names":["useHeight","initialHeight","height","setHeight","React","useState","onLayout","Animated","useWorkletCallback","e","nativeEvent","layout"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAIe,SAASA,SAAT,CAAmBC,aAAa,GAAG,CAAnC,EAAkE;AAC7E,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBC,eAAMC,QAAN,CAAuBJ,aAAvB,CAA5B;;AAEA,QAAMK,QAAQ,GAAGC,+BAASC,kBAAT,CAA6BC,CAAD,IAAO;AAChDN,IAAAA,SAAS,CAACM,CAAC,CAACC,WAAF,CAAcC,MAAd,CAAqBT,MAAtB,CAAT;AACH,GAFgB,EAEd,EAFc,CAAjB;;AAIA,SAAO,CAACA,MAAD,EAASI,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":["useHeight","initialHeight","height","setHeight","React","useState","onLayout","useWorkletCallback","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;;AAEA;;;;AAIe,SAASA,SAAT,GAAkE;EAAA,IAA/CC,aAA+C,uEAA/B,CAA+B;;EAC7E,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBC,cAAA,CAAMC,QAAN,CAAuBJ,aAAvB,CAA5B;;EAEA,MAAMK,QAAQ,GAAG,IAAAC,yCAAA,EAAoBC,CAAD,IAAO;IACvCL,SAAS,CAACK,CAAC,CAACC,WAAF,CAAcC,MAAd,CAAqBR,MAAtB,CAAT;EACH,CAFgB,EAEd,EAFc,CAAjB;EAIA,OAAO,CAACA,MAAD,EAASI,QAAT,CAAP;AACH;;AAAA"}

package/build/commonjs/hooks/useUnstableCollapsibleAppBar.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useUnstableCollapsibleAppBar;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _reactNative = require("react-native");
 
-var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _reactNativeReanimated = require("react-native-reanimated");
 
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 
@@ -21,12 +21,7 @@ var _useHeight = _interopRequireDefault(require("./useHeight"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const defaultOptions = {
-  translucent: false,
   shouldTranslateYReset: false
 };
 const ANIMATION_DURATION_MILLIS = 100;
@@ -39,9 +34,9 @@ function useLargerValueOfLastTwoValues(value) {
   return Math.max(...refLatestTwoValues.current);
 }
 
-function useUnstableCollapsibleAppBar(userOptions = defaultOptions) {
+function useUnstableCollapsibleAppBar() {
+  let userOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultOptions;
   const {
-    translucent,
     shouldTranslateYReset
   } = { ...defaultOptions,
     ...userOptions
@@ -51,53 +46,58 @@ function useUnstableCollapsibleAppBar(userOptions = defaultOptions) {
   const [appBarHeight, onAppBarLayout] = (0, _useHeight.default)();
   const appBarMaxHeight = useLargerValueOfLastTwoValues(appBarHeight);
   const [collapsibleToolbarHeight, onCollapsibleToolbarLayout] = (0, _useHeight.default)();
+  const maxTranslateY = (0, _reactNativeReanimated.useDerivedValue)(() => -collapsibleToolbarHeight, [collapsibleToolbarHeight]);
+  const translateY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const lastTranslateY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const lastOffsetY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const prevOffsetY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const overlapped = (0, _reactNativeReanimated.useSharedValue)(false);
+  const vectorY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const elevationStyle = (0, _useElevationStyle.default)(4);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const transform = [{
+      translateY: translateY.value
+    }];
+
+    if (_reactNative.Platform.OS === 'web') {
+      return {
+        transform,
+        boxShadow: overlapped.value ? elevationStyle === null || elevationStyle === void 0 ? void 0 : elevationStyle.boxShadow : 0
+      };
+    }
 
-  const maxTranslateY = _reactNativeReanimated.default.useDerivedValue(() => -collapsibleToolbarHeight);
-
-  const translateY = _reactNativeReanimated.default.useSharedValue(0);
-
-  const lastTranslateY = _reactNativeReanimated.default.useSharedValue(0);
-
-  const lastOffsetY = _reactNativeReanimated.default.useSharedValue(0);
-
-  const prevOffsetY = _reactNativeReanimated.default.useSharedValue(0);
-
-  const overlapped = _reactNativeReanimated.default.useSharedValue(false);
-
-  const vectorY = _reactNativeReanimated.default.useSharedValue(0);
+    if (_reactNative.Platform.OS === 'android') {
+      return {
+        transform,
+        elevation: overlapped.value ? elevationStyle === null || elevationStyle === void 0 ? void 0 : elevationStyle.elevation : 0
+      };
+    }
 
-  const elevationStyle = (0, _useElevationStyle.default)(4);
+    if (_reactNative.Platform.OS === 'ios') {
+      return {
+        transform,
+        shadowColor: elevationStyle === null || elevationStyle === void 0 ? void 0 : elevationStyle.shadowColor,
+        shadowOffset: elevationStyle === null || elevationStyle === void 0 ? void 0 : elevationStyle.shadowOffset,
+        shadowRadius: elevationStyle === null || elevationStyle === void 0 ? void 0 : elevationStyle.shadowRadius,
+        shadowOpacity: overlapped.value ? elevationStyle === null || elevationStyle === void 0 ? void 0 : elevationStyle.shadowOpacity : 0
+      };
+    }
 
-  const animatedStyle = _reactNativeReanimated.default.useAnimatedStyle(() => {
-    return _reactNative.Platform.OS === 'web' ? {
-      transform: [{
-        translateY: translateY.value
-      }],
-      boxShadow: overlapped.value ? elevationStyle === null || elevationStyle === void 0 ? void 0 : elevationStyle.boxShadow : 0
-    } : {
-      transform: [{
-        translateY: translateY.value
-      }],
-      elevation: overlapped.value ? elevationStyle === null || elevationStyle === void 0 ? void 0 : elevationStyle.elevation : 0,
-      shadowColor: elevationStyle === null || elevationStyle === void 0 ? void 0 : elevationStyle.shadowColor,
-      shadowOffset: elevationStyle === null || elevationStyle === void 0 ? void 0 : elevationStyle.shadowOffset,
-      shadowRadius: elevationStyle === null || elevationStyle === void 0 ? void 0 : elevationStyle.shadowRadius,
-      shadowOpacity: overlapped.value ? elevationStyle === null || elevationStyle === void 0 ? void 0 : elevationStyle.shadowOpacity : 0
-    };
-  });
-
-  const indexRef = _react.default.useRef(0);
-
-  const offsetsRef = _react.default.useRef([]);
+    return {};
+  }, [
+    /**
+     * FIXME: Consider add `elevationStyle` to dependencies.
+     */
+  ]);
+  const indexRef = (0, _react.useRef)(0);
+  const offsetsRef = (0, _react.useRef)([]);
 
   const onScrollViewChanged = nextIndex => {
-    var _offsetsRef$current$n;
-
     const prevIndex = indexRef.current;
 
     if (prevIndex === nextIndex) {
       if (shouldTranslateYReset) {
-        translateY.value = _reactNativeReanimated.default.withTiming(0, {
+        translateY.value = (0, _reactNativeReanimated.withTiming)(0, {
           duration: ANIMATION_DURATION_MILLIS
         });
         vectorY.value = 0;
@@ -109,21 +109,21 @@ function useUnstableCollapsibleAppBar(userOptions = defaultOptions) {
     }
 
     offsetsRef.current[prevIndex] = lastOffsetY.value;
-    const savedOffsetY = (_offsetsRef$current$n = offsetsRef.current[nextIndex]) !== null && _offsetsRef$current$n !== void 0 ? _offsetsRef$current$n : 0;
+    const savedOffsetY = offsetsRef.current[nextIndex] ?? 0;
     lastOffsetY.value = savedOffsetY;
     indexRef.current = nextIndex; // Determine whether to overlap every time index is changed.
 
     overlapped.value = savedOffsetY > 0; // If next ScrollView's offset is too short, expand app bar.
 
     if (translateY.value < 0 && savedOffsetY < appBarHeight) {
-      translateY.value = _reactNativeReanimated.default.withTiming(0, {
+      translateY.value = (0, _reactNativeReanimated.withTiming)(0, {
         duration: ANIMATION_DURATION_MILLIS
       });
       vectorY.value = 0;
     }
   };
 
-  const scrollHandler = _reactNativeReanimated.default.useAnimatedScrollHandler({
+  const scrollHandler = (0, _reactNativeReanimated.useAnimatedScrollHandler)({
     onBeginDrag: () => {
       lastTranslateY.value = translateY.value;
     },
@@ -145,13 +145,13 @@ function useUnstableCollapsibleAppBar(userOptions = defaultOptions) {
       } else {
         if (offsetY > -maxTy) {
           if (ty === 0) {
-            translateY.value = _reactNativeReanimated.default.withTiming(Math.min(Math.max(-offsetY, maxTy), 0), {
+            translateY.value = (0, _reactNativeReanimated.withTiming)(Math.min(Math.max(-offsetY, maxTy), 0), {
               duration: ANIMATION_DURATION_MILLIS
             });
           }
         } else {
           if (ty === maxTy) {
-            translateY.value = _reactNativeReanimated.default.withTiming(0, {
+            translateY.value = (0, _reactNativeReanimated.withTiming)(0, {
               duration: ANIMATION_DURATION_MILLIS
             });
           }
@@ -177,16 +177,15 @@ function useUnstableCollapsibleAppBar(userOptions = defaultOptions) {
       const threshold = maxTy * 0.5;
       const nextTranslateY = ty > threshold || offsetY < appBarHeight ? 0 : maxTy;
       overlapped.value = offsetY + nextTranslateY > 0;
-      translateY.value = _reactNativeReanimated.default.withTiming(nextTranslateY, {
+      translateY.value = (0, _reactNativeReanimated.withTiming)(nextTranslateY, {
         duration: ANIMATION_DURATION_MILLIS
       });
     }
-  });
-
+  }, []);
   const hasCollapsible = collapsibleToolbarHeight > 0;
-  const appBarStyle = [animatedStyle, translucent ? {
+  const appBarStyle = [animatedStyle, {
     paddingTop: safeAreaInsets.top
-  } : undefined, hasCollapsible ? styles.floating : undefined];
+  }, hasCollapsible ? styles.floating : undefined];
   return {
     appBarStyle,
     vectorY,