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

package/build/commonjs/ViewPager/ViewPagerWeb.js

@@ -3,53 +3,62 @@
 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); }
+
+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 = _reactNative.StyleSheet.create({
+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
+    style,
+    UNSTABLE_sharedPage
   } = props;
-  const renderer = (0, _utils.usePageRenderer)({
-    enableVisibleHint,
-    enableNeighborPageRerender,
-    index,
-    loading,
-    pageComponent,
-    pageForceRerenderKey
-  });
+  const fallbackSharedPage = (0, _reactNativeReanimated.useSharedValue)(initialPage);
+  const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;
+  const setPage = (0, _react.useCallback)(newPage => {
+    sharedPage.value = newPage;
+  }, [sharedPage]);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    setPage
+  }), [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,
+    offscreenPageRerenderLimit: 0 // All offscreen pages will not be re-rendered
+    ,
+    rerenderKey: pageForceRerenderKey,
+    sharedIndex: sharedPage
   })));
-}
-
-;
+});
+var _default = ViewPager;
+exports.default = _default;
 //# sourceMappingURL=ViewPagerWeb.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["styles","StyleSheet","create","root","overflow","position","none","display","ViewPager","props","children","enableVisibleHint","defaultEnableVisibleHint","enableNeighborPageRerender","defaultEnableNeighborPageRerender","index","loading","defaultLoading","pageComponent","defaultPageComponent","pageForceRerenderKey","style","renderer","usePageRenderer","React","Children","map","child","i","cloneElement","isVisible","absoluteFill"],"sources":["ViewPagerWeb.tsx"],"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"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAQA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACF;IACAC,QAAQ,EAAE,MAFR;IAGFC,QAAQ,EAAE;EAHR,CADuB;EAM7BC,IAAI,EAAE;IAAEC,OAAO,EAAE;EAAX;AANuB,CAAlB,CAAf;;AASe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,QADE;IAEFC,iBAAiB,GAAGC,+BAFlB;IAGFC,0BAA0B,GAAGC,wCAH3B;IAIFC,KAJE;IAKFC,OAAO,GAAGC,qBALR;IAMFC,aAAa,GAAGC,2BANd;IAOFC,oBAPE;IAQFC;EARE,IASFZ,KATJ;EAWA,MAAMa,QAAQ,GAAG,IAAAC,sBAAA,EAAgB;IAC7BZ,iBAD6B;IAE7BE,0BAF6B;IAG7BE,KAH6B;IAI7BC,OAJ6B;IAK7BE,aAL6B;IAM7BE;EAN6B,CAAhB,CAAjB;EASA,oBACI,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACpB,MAAM,CAACG,IAAR,EAAckB,KAAd;EAAb,GACKG,cAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBJ,QAAQ,CAACZ,QAAD,CAA3B,EAAuC,CAACiB,KAAD,EAAQC,CAAR,kBACpCJ,cAAA,CAAMK,YAAN,CAAmBF,KAAnB,EAAgD;IAC5CG,SAAS,EAAEF,CAAC,KAAKb,KAD2B;IAE5CM,KAAK,EAAEO,CAAC,KAAKb,KAAN,GAAcf,MAAM,CAACM,IAArB,GAA4BL,uBAAA,CAAW8B;EAFF,CAAhD,CADH,CADL,CADJ;AAUH;;AAAA"}
+{"version":3,"names":["styles","StyleSheet","create","root","overflow","position","ViewPager","forwardRef","props","ref","children","initialPage","defaultInitialPage","loading","defaultLoading","pageComponent","defaultPageComponent","pageForceRerenderKey","style","UNSTABLE_sharedPage","fallbackSharedPage","useSharedValue","sharedPage","setPage","useCallback","newPage","value","useImperativeHandle","PageComponent","Children","map","child","index"],"sources":["ViewPagerWeb.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useImperativeHandle } from 'react';\nimport { View } from 'react-native';\nimport { useSharedValue } from 'react-native-reanimated';\nimport { StyleSheet } from '@fountain-ui/core';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './ViewPagerProps';\nimport { defaultInitialPage, defaultLoading, defaultPageComponent } from './utils';\n\nconst styles = StyleSheet.create({\n    root: {\n        // @ts-ignore\n        overflow: 'auto',\n        position: 'relative',\n    },\n});\n\nconst ViewPager = forwardRef<ViewPagerInstance, ViewPagerProps>(function ViewPager(props, ref) {\n    const {\n        children,\n        initialPage = defaultInitialPage,\n        loading = defaultLoading,\n        pageComponent = defaultPageComponent,\n        pageForceRerenderKey,\n        style,\n        UNSTABLE_sharedPage,\n    } = props;\n\n    const fallbackSharedPage = useSharedValue<number>(initialPage);\n\n    const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;\n\n    const setPage = useCallback((newPage: number) => {\n        sharedPage.value = newPage;\n    }, [sharedPage]);\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [setPage],\n    );\n\n    const PageComponent = pageComponent;\n\n    return (\n        <View style={[styles.root, style]}>\n            {Children.map(children, (child, index) => (\n                <PageComponent\n                    key={index}\n                    children={child}\n                    index={index}\n                    loading={loading}\n                    offscreenPageRerenderLimit={0} // All offscreen pages will not be re-rendered\n                    rerenderKey={pageForceRerenderKey}\n                    sharedIndex={sharedPage}\n                />\n            ))}\n        </View>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAGA;;;;;;AAEA,MAAMA,MAAM,GAAGC,gBAAA,CAAWC,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACF;IACAC,QAAQ,EAAE,MAFR;IAGFC,QAAQ,EAAE;EAHR;AADuB,CAAlB,CAAf;;AAQA,MAAMC,SAAS,gBAAG,IAAAC,iBAAA,EAA8C,SAASD,SAAT,CAAmBE,KAAnB,EAA0BC,GAA1B,EAA+B;EAC3F,MAAM;IACFC,QADE;IAEFC,WAAW,GAAGC,yBAFZ;IAGFC,OAAO,GAAGC,qBAHR;IAIFC,aAAa,GAAGC,2BAJd;IAKFC,oBALE;IAMFC,KANE;IAOFC;EAPE,IAQFX,KARJ;EAUA,MAAMY,kBAAkB,GAAG,IAAAC,qCAAA,EAAuBV,WAAvB,CAA3B;EAEA,MAAMW,UAAU,GAAGH,mBAAmB,IAAIC,kBAA1C;EAEA,MAAMG,OAAO,GAAG,IAAAC,kBAAA,EAAaC,OAAD,IAAqB;IAC7CH,UAAU,CAACI,KAAX,GAAmBD,OAAnB;EACH,CAFe,EAEb,CAACH,UAAD,CAFa,CAAhB;EAIA,IAAAK,0BAAA,EACIlB,GADJ,EAEI,OAAO;IAAEc;EAAF,CAAP,CAFJ,EAGI,CAACA,OAAD,CAHJ;EAMA,MAAMK,aAAa,GAAGb,aAAtB;EAEA,oBACI,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACf,MAAM,CAACG,IAAR,EAAce,KAAd;EAAb,GACKW,eAAA,CAASC,GAAT,CAAapB,QAAb,EAAuB,CAACqB,KAAD,EAAQC,KAAR,kBACpB,6BAAC,aAAD;IACI,GAAG,EAAEA,KADT;IAEI,QAAQ,EAAED,KAFd;IAGI,KAAK,EAAEC,KAHX;IAII,OAAO,EAAEnB,OAJb;IAKI,0BAA0B,EAAE,CALhC,CAKmC;IALnC;IAMI,WAAW,EAAEI,oBANjB;IAOI,WAAW,EAAEK;EAPjB,EADH,CADL,CADJ;AAeH,CA1CiB,CAAlB;eA4CehB,S"}

package/build/commonjs/ViewPager/index.js

@@ -9,8 +9,16 @@ Object.defineProperty(exports, "default", {
     return _ViewPagerWeb.default;
   }
 });
+Object.defineProperty(exports, "useViewPagerPageState", {
+  enumerable: true,
+  get: function () {
+    return _PageStateContext.useViewPagerPageState;
+  }
+});
 
 var _ViewPagerWeb = _interopRequireDefault(require("./ViewPagerWeb"));
 
+var _PageStateContext = require("./PageStateContext");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

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

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

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

@@ -9,8 +9,16 @@ Object.defineProperty(exports, "default", {
     return _ViewPagerNative.default;
   }
 });
+Object.defineProperty(exports, "useViewPagerPageState", {
+  enumerable: true,
+  get: function () {
+    return _PageStateContext.useViewPagerPageState;
+  }
+});
 
 var _ViewPagerNative = _interopRequireDefault(require("./ViewPagerNative"));
 
+var _PageStateContext = require("./PageStateContext");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.native.js.map

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

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

package/build/commonjs/ViewPager/utils.js

@@ -3,54 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.usePageRenderer = exports.defaultPageComponent = exports.defaultLoading = exports.defaultEnableVisibleHint = exports.defaultEnableNeighborPageRerender = void 0;
-
-var _react = _interopRequireDefault(require("react"));
+exports.defaultPageComponent = exports.defaultOffscreenPageRerenderLimit = 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 defaultOffscreenPageRerenderLimit = 0;
+exports.defaultOffscreenPageRerenderLimit = defaultOffscreenPageRerenderLimit;
 const defaultPageComponent = _ChildrenMemoizedPage.default;
 exports.defaultPageComponent = defaultPageComponent;
-
-const usePageRenderer = _ref => {
-  let {
-    enableVisibleHint,
-    index: currentIndex,
-    loading,
-    pageComponent: PageComponent,
-    pageForceRerenderKey,
-    enableNeighborPageRerender
-  } = _ref;
-
-  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;
-
-    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.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,"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"],"sources":["utils.tsx"],"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"],"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,QAOO;EAAA,IAPN;IAC5BC,iBAD4B;IAE5BC,KAAK,EAAEC,YAFqB;IAG5BC,OAH4B;IAI5BC,aAAa,EAAEC,aAJa;IAK5BC,oBAL4B;IAM5BC;EAN4B,CAOM;;EAClC,MAAMC,aAAa,GAAGC,cAAA,CAAMC,MAAN,CAA+B,EAA/B,CAAtB;;EAEAF,aAAa,CAACG,OAAd,CAAsBT,YAAtB,IAAsC,EAClC,GAAGM,aAAa,CAACG,OAAd,CAAsBT,YAAtB,CAD+B;IAElCU,OAAO,EAAE;EAFyB,CAAtC;EAKA,OAAQC,QAAQ,IAAIJ,cAAA,CAAMK,QAAN,CAAeC,GAAf,CAAmBF,QAAnB,EAA6B,CAACG,KAAD,EAAQf,KAAR,KAAkB;IAAA;;IAC/D,MAAMW,OAAO,GAAG,0BAAAJ,aAAa,CAACG,OAAd,CAAsBV,KAAtB,iFAA8BW,OAA9B,KAAyC,KAAzD;IACA,MAAMK,OAAO,GAAId,OAAO,KAAK,OAAZ,IAAuBS,OAAxB,GAAmCI,KAAnC,GAA2C,IAA3D;IAEA,MAAME,SAAS,GAAGlB,iBAAiB,GAAIC,KAAK,KAAKC,YAAd,GAA8B,KAAjE;IACA,MAAMiB,eAAe,GAAGlB,KAAK,KAAKC,YAAY,GAAG,CAAzB,IAA8BD,KAAK,KAAKC,YAAY,GAAG,CAA/E;IAEA,oBACI,6BAAC,aAAD;MACI,GAAG,EAAED,KADT;MAEI,QAAQ,EAAEgB,OAFd;MAGI,UAAU,EAAEV,0BAA0B,IAAIY,eAH9C;MAII,SAAS,EAAED,SAJf;MAKI,WAAW,EAAEZ;IALjB,EADJ;EASH,CAhBmB,CAApB;AAiBH,CAhCM"}
+{"version":3,"names":["defaultInitialPage","defaultLoading","defaultOffscreenPageRerenderLimit","defaultPageComponent","ChildrenMemoizedPage"],"sources":["utils.tsx"],"sourcesContent":["import { Loading, PageComponent } from './ViewPagerProps';\nimport ChildrenMemoizedPage from './ChildrenMemoizedPage';\n\nexport const defaultInitialPage: number = 0;\n\nexport const defaultLoading: Loading = 'lazy';\n\nexport const defaultOffscreenPageRerenderLimit: number = 0;\n\nexport const defaultPageComponent: PageComponent = ChildrenMemoizedPage;\n"],"mappings":";;;;;;;AACA;;;;AAEO,MAAMA,kBAA0B,GAAG,CAAnC;;AAEA,MAAMC,cAAuB,GAAG,MAAhC;;AAEA,MAAMC,iCAAyC,GAAG,CAAlD;;AAEA,MAAMC,oBAAmC,GAAGC,6BAA5C"}

package/build/commonjs/ViewabilityTrackerView/Viewability.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Viewability.js.map

package/build/commonjs/ViewabilityTrackerView/Viewability.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["Viewability.ts"],"sourcesContent":["export default interface Viewability {\n    visible: boolean;\n}\n"],"mappings":""}

package/build/commonjs/ViewabilityTrackerView/ViewabilityTrackerView.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ViewabilityTrackerView;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _useViewabilityTracker = _interopRequireDefault(require("./useViewabilityTracker"));
+
+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; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ViewabilityTrackerView(props) {
+  const {
+    enabled = true,
+    measurementIntervalMillis = 1000,
+    onViewabilityChange,
+    visiblePercentThreshold = 50,
+    ...otherProps
+  } = props;
+  const viewRef = (0, _react.useRef)(null);
+  (0, _useViewabilityTracker.default)({
+    enabled,
+    measurementIntervalMillis,
+    onViewabilityChange,
+    viewRef,
+    visiblePercentThreshold
+  });
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, otherProps, {
+    ref: viewRef,
+    collapsable: false
+  }));
+}
+
+;
+//# sourceMappingURL=ViewabilityTrackerView.js.map

package/build/commonjs/ViewabilityTrackerView/ViewabilityTrackerView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ViewabilityTrackerView","props","enabled","measurementIntervalMillis","onViewabilityChange","visiblePercentThreshold","otherProps","viewRef","useRef","useViewabilityTracker"],"sources":["ViewabilityTrackerView.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { View } from 'react-native';\nimport useViewabilityTracker from './useViewabilityTracker';\nimport type ViewabilityTrackerViewProps from './ViewabilityTrackerViewProps';\n\n\nexport default function ViewabilityTrackerView(props: ViewabilityTrackerViewProps) {\n    const {\n        enabled = true,\n        measurementIntervalMillis = 1000,\n        onViewabilityChange,\n        visiblePercentThreshold = 50,\n        ...otherProps\n    } = props;\n\n    const viewRef = useRef<View>(null);\n\n    useViewabilityTracker({\n        enabled,\n        measurementIntervalMillis,\n        onViewabilityChange,\n        viewRef,\n        visiblePercentThreshold,\n    });\n\n    return (\n        <View\n            {...otherProps}\n            ref={viewRef}\n            collapsable={false}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAIe,SAASA,sBAAT,CAAgCC,KAAhC,EAAoE;EAC/E,MAAM;IACFC,OAAO,GAAG,IADR;IAEFC,yBAAyB,GAAG,IAF1B;IAGFC,mBAHE;IAIFC,uBAAuB,GAAG,EAJxB;IAKF,GAAGC;EALD,IAMFL,KANJ;EAQA,MAAMM,OAAO,GAAG,IAAAC,aAAA,EAAa,IAAb,CAAhB;EAEA,IAAAC,8BAAA,EAAsB;IAClBP,OADkB;IAElBC,yBAFkB;IAGlBC,mBAHkB;IAIlBG,OAJkB;IAKlBF;EALkB,CAAtB;EAQA,oBACI,6BAAC,iBAAD,eACQC,UADR;IAEI,GAAG,EAAEC,OAFT;IAGI,WAAW,EAAE;EAHjB,GADJ;AAOH;;AAAA"}

package/build/commonjs/ViewabilityTrackerView/ViewabilityTrackerViewProps.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ViewabilityTrackerViewProps.js.map

package/build/commonjs/ViewabilityTrackerView/ViewabilityTrackerViewProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["ViewabilityTrackerViewProps.ts"],"sourcesContent":["import type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '@fountain-ui/core';\nimport type Viewability from './Viewability';\n\nexport default interface ViewabilityTrackerViewProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * @default true\n     */\n    enabled?: boolean;\n\n    /**\n     * @default 1000\n     */\n    measurementIntervalMillis?: number;\n\n    /**\n     *\n     */\n    onViewabilityChange?: (viewability: Viewability) => void;\n\n    /**\n     * @default 50\n     */\n    visiblePercentThreshold?: number;\n}> {}\n"],"mappings":""}

package/build/commonjs/{Carousel/index.native.js → ViewabilityTrackerView/index.js}

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _CarouselNative.default;
+    return _ViewabilityTrackerView.default;
   }
 });
 
-var _CarouselNative = _interopRequireDefault(require("./CarouselNative"));
+var _ViewabilityTrackerView = _interopRequireDefault(require("./ViewabilityTrackerView"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.native.js.map
+//# sourceMappingURL=index.js.map

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

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

package/build/commonjs/ViewabilityTrackerView/measureViewability.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = measureViewability;
+
+const computeRectSize = rect => (rect.bottom - rect.top) * (rect.right - rect.left);
+
+const normalizePagePosition = value => value != null && Number.isFinite(value) ? value : Number.MAX_SAFE_INTEGER;
+
+const normalizeViewSize = size => Number.isFinite(size) && size > 0 ? size : Number.MAX_SAFE_INTEGER;
+
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+
+function measureViewability(_ref) {
+  let {
+    view,
+    windowWidth,
+    windowHeight,
+    onViewabilityDetailMeasured
+  } = _ref;
+  view.measure((x, y, width, height, pageX, pageY) => {
+    const safePageX = normalizePagePosition(pageX);
+    const safePageY = normalizePagePosition(pageY);
+    const visibleRect = {
+      top: clamp(safePageY, 0, windowHeight),
+      bottom: clamp(safePageY + height, 0, windowHeight),
+      left: clamp(safePageX, 0, windowWidth),
+      right: clamp(safePageX + width, 0, windowWidth)
+    };
+    const visibleRectSize = computeRectSize(visibleRect);
+    const viewSize = normalizeViewSize(width * height);
+    const visiblePercent = Math.round(visibleRectSize / viewSize * 100);
+    onViewabilityDetailMeasured === null || onViewabilityDetailMeasured === void 0 ? void 0 : onViewabilityDetailMeasured({
+      visiblePercent
+    });
+  });
+}
+
+;
+//# sourceMappingURL=measureViewability.js.map

package/build/commonjs/ViewabilityTrackerView/measureViewability.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["computeRectSize","rect","bottom","top","right","left","normalizePagePosition","value","Number","isFinite","MAX_SAFE_INTEGER","normalizeViewSize","size","clamp","min","max","Math","measureViewability","view","windowWidth","windowHeight","onViewabilityDetailMeasured","measure","x","y","width","height","pageX","pageY","safePageX","safePageY","visibleRect","visibleRectSize","viewSize","visiblePercent","round"],"sources":["measureViewability.ts"],"sourcesContent":["import type { View } from 'react-native';\n\ninterface Rect {\n    top: number,\n    bottom: number;\n    left: number;\n    right: number;\n}\n\nexport interface ViewabilityDetail {\n    visiblePercent: number;\n}\n\nexport interface MeasureViewabilityParameters {\n    view: View;\n    windowWidth: number;\n    windowHeight: number;\n    onViewabilityDetailMeasured: (detail: ViewabilityDetail) => void;\n}\n\nconst computeRectSize = (rect: Rect): number =>\n    (rect.bottom - rect.top) * (rect.right - rect.left);\n\nconst normalizePagePosition = (value?: number): number =>\n    (value != null && Number.isFinite(value)) ? value : Number.MAX_SAFE_INTEGER;\n\nconst normalizeViewSize = (size: number): number =>\n    Number.isFinite(size) && size > 0 ? size : Number.MAX_SAFE_INTEGER;\n\nconst clamp = (value: number, min: number, max: number): number =>\n    Math.min(Math.max(value, min), max);\n\nexport default function measureViewability({\n    view,\n    windowWidth,\n    windowHeight,\n    onViewabilityDetailMeasured,\n}: MeasureViewabilityParameters) {\n    view.measure((x, y, width, height, pageX?: number, pageY?: number) => {\n        const safePageX = normalizePagePosition(pageX);\n        const safePageY = normalizePagePosition(pageY);\n\n        const visibleRect: Rect = {\n            top: clamp(safePageY, 0, windowHeight),\n            bottom: clamp(safePageY + height, 0, windowHeight),\n            left: clamp(safePageX, 0, windowWidth),\n            right: clamp(safePageX + width, 0, windowWidth),\n        };\n\n        const visibleRectSize = computeRectSize(visibleRect);\n        const viewSize = normalizeViewSize(width * height);\n        const visiblePercent = Math.round(visibleRectSize / viewSize * 100);\n\n        onViewabilityDetailMeasured?.({ visiblePercent });\n    });\n};\n"],"mappings":";;;;;;;AAoBA,MAAMA,eAAe,GAAIC,IAAD,IACpB,CAACA,IAAI,CAACC,MAAL,GAAcD,IAAI,CAACE,GAApB,KAA4BF,IAAI,CAACG,KAAL,GAAaH,IAAI,CAACI,IAA9C,CADJ;;AAGA,MAAMC,qBAAqB,GAAIC,KAAD,IACzBA,KAAK,IAAI,IAAT,IAAiBC,MAAM,CAACC,QAAP,CAAgBF,KAAhB,CAAlB,GAA4CA,KAA5C,GAAoDC,MAAM,CAACE,gBAD/D;;AAGA,MAAMC,iBAAiB,GAAIC,IAAD,IACtBJ,MAAM,CAACC,QAAP,CAAgBG,IAAhB,KAAyBA,IAAI,GAAG,CAAhC,GAAoCA,IAApC,GAA2CJ,MAAM,CAACE,gBADtD;;AAGA,MAAMG,KAAK,GAAG,CAACN,KAAD,EAAgBO,GAAhB,EAA6BC,GAA7B,KACVC,IAAI,CAACF,GAAL,CAASE,IAAI,CAACD,GAAL,CAASR,KAAT,EAAgBO,GAAhB,CAAT,EAA+BC,GAA/B,CADJ;;AAGe,SAASE,kBAAT,OAKkB;EAAA,IALU;IACvCC,IADuC;IAEvCC,WAFuC;IAGvCC,YAHuC;IAIvCC;EAJuC,CAKV;EAC7BH,IAAI,CAACI,OAAL,CAAa,CAACC,CAAD,EAAIC,CAAJ,EAAOC,KAAP,EAAcC,MAAd,EAAsBC,KAAtB,EAAsCC,KAAtC,KAAyD;IAClE,MAAMC,SAAS,GAAGvB,qBAAqB,CAACqB,KAAD,CAAvC;IACA,MAAMG,SAAS,GAAGxB,qBAAqB,CAACsB,KAAD,CAAvC;IAEA,MAAMG,WAAiB,GAAG;MACtB5B,GAAG,EAAEU,KAAK,CAACiB,SAAD,EAAY,CAAZ,EAAeV,YAAf,CADY;MAEtBlB,MAAM,EAAEW,KAAK,CAACiB,SAAS,GAAGJ,MAAb,EAAqB,CAArB,EAAwBN,YAAxB,CAFS;MAGtBf,IAAI,EAAEQ,KAAK,CAACgB,SAAD,EAAY,CAAZ,EAAeV,WAAf,CAHW;MAItBf,KAAK,EAAES,KAAK,CAACgB,SAAS,GAAGJ,KAAb,EAAoB,CAApB,EAAuBN,WAAvB;IAJU,CAA1B;IAOA,MAAMa,eAAe,GAAGhC,eAAe,CAAC+B,WAAD,CAAvC;IACA,MAAME,QAAQ,GAAGtB,iBAAiB,CAACc,KAAK,GAAGC,MAAT,CAAlC;IACA,MAAMQ,cAAc,GAAGlB,IAAI,CAACmB,KAAL,CAAWH,eAAe,GAAGC,QAAlB,GAA6B,GAAxC,CAAvB;IAEAZ,2BAA2B,SAA3B,IAAAA,2BAA2B,WAA3B,YAAAA,2BAA2B,CAAG;MAAEa;IAAF,CAAH,CAA3B;EACH,CAhBD;AAiBH;;AAAA"}

package/build/commonjs/ViewabilityTrackerView/useViewabilityTracker.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useViewabilityTracker;
+
+var _react = require("react");
+
+var _core = require("@fountain-ui/core");
+
+var _hooks = require("../hooks");
+
+var _measureViewability = _interopRequireDefault(require("./measureViewability"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const initialViewability = {
+  visible: false
+};
+
+function useViewabilityTracker(config) {
+  const {
+    enabled,
+    measurementIntervalMillis,
+    onViewabilityChange,
+    viewRef,
+    visiblePercentThreshold
+  } = config;
+  const viewabilityRef = (0, _react.useRef)(initialViewability);
+  const executor = (0, _hooks.useDeferredExecutor)();
+  const window = (0, _core.useValidWindowDimensions)();
+
+  const maybeMeasureRecursive = () => {
+    if (!enabled) {
+      return;
+    }
+
+    const mapViewabilityDetailToViewability = detail => {
+      return {
+        visible: detail.visiblePercent >= visiblePercentThreshold
+      };
+    };
+
+    const isViewabilityEquals = (a, b) => {
+      return a.visible === b.visible;
+    };
+
+    const dispatchViewabilityChanged = viewability => {
+      executor.execute(() => onViewabilityChange === null || onViewabilityChange === void 0 ? void 0 : onViewabilityChange(viewability));
+    };
+
+    const onViewabilityDetailMeasured = detail => {
+      const nextViewability = mapViewabilityDetailToViewability(detail);
+
+      if (!isViewabilityEquals(viewabilityRef.current, nextViewability)) {
+        viewabilityRef.current = nextViewability;
+        dispatchViewabilityChanged(nextViewability);
+      }
+
+      maybeMeasureRecursive();
+    };
+
+    const maybeMeasure = () => {
+      if (viewRef.current) {
+        (0, _measureViewability.default)({
+          view: viewRef.current,
+          windowWidth: window.width,
+          windowHeight: window.height,
+          onViewabilityDetailMeasured
+        });
+      }
+    };
+
+    executor.execute(maybeMeasure, measurementIntervalMillis);
+  };
+
+  (0, _react.useEffect)(() => {
+    if (enabled) {
+      maybeMeasureRecursive();
+    } else {
+      executor.cancel();
+    }
+  }, [enabled]);
+}
+
+;
+//# sourceMappingURL=useViewabilityTracker.js.map

package/build/commonjs/ViewabilityTrackerView/useViewabilityTracker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["initialViewability","visible","useViewabilityTracker","config","enabled","measurementIntervalMillis","onViewabilityChange","viewRef","visiblePercentThreshold","viewabilityRef","useRef","executor","useDeferredExecutor","window","useValidWindowDimensions","maybeMeasureRecursive","mapViewabilityDetailToViewability","detail","visiblePercent","isViewabilityEquals","a","b","dispatchViewabilityChanged","viewability","execute","onViewabilityDetailMeasured","nextViewability","current","maybeMeasure","measureViewability","view","windowWidth","width","windowHeight","height","useEffect","cancel"],"sources":["useViewabilityTracker.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect, useRef } from 'react';\nimport type { View } from 'react-native';\nimport { useValidWindowDimensions } from '@fountain-ui/core';\nimport { useDeferredExecutor } from '../hooks';\nimport type { ViewabilityDetail } from './measureViewability';\nimport measureViewability from './measureViewability';\nimport type Viewability from './Viewability';\n\nexport interface ViewabilityTrackerConfig {\n    enabled: boolean;\n    measurementIntervalMillis: number;\n    onViewabilityChange?: (viewability: Viewability) => void;\n    viewRef: RefObject<View>;\n    visiblePercentThreshold: number;\n}\n\nconst initialViewability: Readonly<Viewability> = { visible: false };\n\nexport default function useViewabilityTracker(config: ViewabilityTrackerConfig) {\n    const {\n        enabled,\n        measurementIntervalMillis,\n        onViewabilityChange,\n        viewRef,\n        visiblePercentThreshold,\n    } = config;\n\n    const viewabilityRef = useRef<Viewability>(initialViewability);\n\n    const executor = useDeferredExecutor();\n\n    const window = useValidWindowDimensions();\n\n    const maybeMeasureRecursive = () => {\n        if (!enabled) {\n            return;\n        }\n\n        const mapViewabilityDetailToViewability = (detail: ViewabilityDetail): Viewability => {\n            return { visible: detail.visiblePercent >= visiblePercentThreshold };\n        };\n\n        const isViewabilityEquals = (a: Viewability, b: Viewability): boolean => {\n            return a.visible === b.visible;\n        };\n\n        const dispatchViewabilityChanged = (viewability: Viewability) => {\n            executor.execute(() => onViewabilityChange?.(viewability));\n        };\n\n        const onViewabilityDetailMeasured = (detail: ViewabilityDetail) => {\n            const nextViewability = mapViewabilityDetailToViewability(detail);\n\n            if (!isViewabilityEquals(viewabilityRef.current, nextViewability)) {\n                viewabilityRef.current = nextViewability;\n\n                dispatchViewabilityChanged(nextViewability);\n            }\n\n            maybeMeasureRecursive();\n        };\n\n        const maybeMeasure = () => {\n            if (viewRef.current) {\n                measureViewability({\n                    view: viewRef.current,\n                    windowWidth: window.width,\n                    windowHeight: window.height,\n                    onViewabilityDetailMeasured,\n                });\n            }\n        };\n\n        executor.execute(maybeMeasure, measurementIntervalMillis);\n    };\n\n    useEffect(() => {\n        if (enabled) {\n            maybeMeasureRecursive();\n        } else {\n            executor.cancel();\n        }\n    }, [enabled]);\n};\n"],"mappings":";;;;;;;AACA;;AAEA;;AACA;;AAEA;;;;AAWA,MAAMA,kBAAyC,GAAG;EAAEC,OAAO,EAAE;AAAX,CAAlD;;AAEe,SAASC,qBAAT,CAA+BC,MAA/B,EAAiE;EAC5E,MAAM;IACFC,OADE;IAEFC,yBAFE;IAGFC,mBAHE;IAIFC,OAJE;IAKFC;EALE,IAMFL,MANJ;EAQA,MAAMM,cAAc,GAAG,IAAAC,aAAA,EAAoBV,kBAApB,CAAvB;EAEA,MAAMW,QAAQ,GAAG,IAAAC,0BAAA,GAAjB;EAEA,MAAMC,MAAM,GAAG,IAAAC,8BAAA,GAAf;;EAEA,MAAMC,qBAAqB,GAAG,MAAM;IAChC,IAAI,CAACX,OAAL,EAAc;MACV;IACH;;IAED,MAAMY,iCAAiC,GAAIC,MAAD,IAA4C;MAClF,OAAO;QAAEhB,OAAO,EAAEgB,MAAM,CAACC,cAAP,IAAyBV;MAApC,CAAP;IACH,CAFD;;IAIA,MAAMW,mBAAmB,GAAG,CAACC,CAAD,EAAiBC,CAAjB,KAA6C;MACrE,OAAOD,CAAC,CAACnB,OAAF,KAAcoB,CAAC,CAACpB,OAAvB;IACH,CAFD;;IAIA,MAAMqB,0BAA0B,GAAIC,WAAD,IAA8B;MAC7DZ,QAAQ,CAACa,OAAT,CAAiB,MAAMlB,mBAAN,aAAMA,mBAAN,uBAAMA,mBAAmB,CAAGiB,WAAH,CAA1C;IACH,CAFD;;IAIA,MAAME,2BAA2B,GAAIR,MAAD,IAA+B;MAC/D,MAAMS,eAAe,GAAGV,iCAAiC,CAACC,MAAD,CAAzD;;MAEA,IAAI,CAACE,mBAAmB,CAACV,cAAc,CAACkB,OAAhB,EAAyBD,eAAzB,CAAxB,EAAmE;QAC/DjB,cAAc,CAACkB,OAAf,GAAyBD,eAAzB;QAEAJ,0BAA0B,CAACI,eAAD,CAA1B;MACH;;MAEDX,qBAAqB;IACxB,CAVD;;IAYA,MAAMa,YAAY,GAAG,MAAM;MACvB,IAAIrB,OAAO,CAACoB,OAAZ,EAAqB;QACjB,IAAAE,2BAAA,EAAmB;UACfC,IAAI,EAAEvB,OAAO,CAACoB,OADC;UAEfI,WAAW,EAAElB,MAAM,CAACmB,KAFL;UAGfC,YAAY,EAAEpB,MAAM,CAACqB,MAHN;UAIfT;QAJe,CAAnB;MAMH;IACJ,CATD;;IAWAd,QAAQ,CAACa,OAAT,CAAiBI,YAAjB,EAA+BvB,yBAA/B;EACH,CAzCD;;EA2CA,IAAA8B,gBAAA,EAAU,MAAM;IACZ,IAAI/B,OAAJ,EAAa;MACTW,qBAAqB;IACxB,CAFD,MAEO;MACHJ,QAAQ,CAACyB,MAAT;IACH;EACJ,CAND,EAMG,CAAChC,OAAD,CANH;AAOH;;AAAA"}

package/build/commonjs/hooks/index.js

@@ -3,6 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "useDeferredExecutor", {
+  enumerable: true,
+  get: function () {
+    return _useDeferredExecutor.default;
+  }
+});
+Object.defineProperty(exports, "useIsMounted", {
+  enumerable: true,
+  get: function () {
+    return _useIsMounted.default;
+  }
+});
 Object.defineProperty(exports, "useUnstableCollapsibleAppBar", {
   enumerable: true,
   get: function () {
@@ -16,6 +28,10 @@ Object.defineProperty(exports, "useUnstableToggleDisplayStyle", {
   }
 });
 
+var _useDeferredExecutor = _interopRequireDefault(require("./useDeferredExecutor"));
+
+var _useIsMounted = _interopRequireDefault(require("./useIsMounted"));
+
 var _useUnstableCollapsibleAppBar = _interopRequireDefault(require("./useUnstableCollapsibleAppBar"));
 
 var _useUnstableToggleDisplayStyle = _interopRequireDefault(require("./useUnstableToggleDisplayStyle"));

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

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

package/build/commonjs/hooks/useDeferredExecutor.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useDeferredExecutor;
+
+var _react = require("react");
+
+var _useIsMounted = _interopRequireDefault(require("./useIsMounted"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function useDeferredExecutor() {
+  const isMounted = (0, _useIsMounted.default)();
+  const timeoutIdRef = (0, _react.useRef)(null);
+  const cancel = (0, _react.useCallback)(() => {
+    if (timeoutIdRef.current) {
+      clearTimeout(timeoutIdRef.current);
+    }
+  }, []);
+  (0, _react.useEffect)(() => {
+    return cancel;
+  }, []);
+  const execute = (0, _react.useCallback)((runnable, delay) => {
+    if (!isMounted()) {
+      return;
+    }
+
+    cancel();
+
+    if (Number.isFinite(delay)) {
+      timeoutIdRef.current = setTimeout(() => runnable(), delay);
+    } else {
+      runnable();
+    }
+  }, []);
+  return {
+    cancel,
+    execute
+  };
+}
+
+;
+//# sourceMappingURL=useDeferredExecutor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useDeferredExecutor","isMounted","useIsMounted","timeoutIdRef","useRef","cancel","useCallback","current","clearTimeout","useEffect","execute","runnable","delay","Number","isFinite","setTimeout"],"sources":["useDeferredExecutor.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport useIsMounted from './useIsMounted';\n\nexport interface Runnable {\n    (): void;\n}\n\nexport interface DeferredExecute {\n    (runnable: Runnable, delay?: number): void;\n}\n\nexport interface DeferredExecutor {\n    cancel: () => void;\n    execute: DeferredExecute;\n}\n\nexport default function useDeferredExecutor(): DeferredExecutor {\n    const isMounted = useIsMounted();\n    const timeoutIdRef = useRef<NodeJS.Timer | null>(null);\n\n    const cancel = useCallback(() => {\n        if (timeoutIdRef.current) {\n            clearTimeout(timeoutIdRef.current);\n        }\n    }, []);\n\n    useEffect(() => {\n        return cancel;\n    }, []);\n\n    const execute = useCallback<DeferredExecute>((runnable, delay) => {\n        if (!isMounted()) {\n            return;\n        }\n\n        cancel();\n\n        if (Number.isFinite(delay)) {\n            timeoutIdRef.current = setTimeout(() => runnable(), delay);\n        } else {\n            runnable();\n        }\n    }, []);\n\n    return { cancel, execute };\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAee,SAASA,mBAAT,GAAiD;EAC5D,MAAMC,SAAS,GAAG,IAAAC,qBAAA,GAAlB;EACA,MAAMC,YAAY,GAAG,IAAAC,aAAA,EAA4B,IAA5B,CAArB;EAEA,MAAMC,MAAM,GAAG,IAAAC,kBAAA,EAAY,MAAM;IAC7B,IAAIH,YAAY,CAACI,OAAjB,EAA0B;MACtBC,YAAY,CAACL,YAAY,CAACI,OAAd,CAAZ;IACH;EACJ,CAJc,EAIZ,EAJY,CAAf;EAMA,IAAAE,gBAAA,EAAU,MAAM;IACZ,OAAOJ,MAAP;EACH,CAFD,EAEG,EAFH;EAIA,MAAMK,OAAO,GAAG,IAAAJ,kBAAA,EAA6B,CAACK,QAAD,EAAWC,KAAX,KAAqB;IAC9D,IAAI,CAACX,SAAS,EAAd,EAAkB;MACd;IACH;;IAEDI,MAAM;;IAEN,IAAIQ,MAAM,CAACC,QAAP,CAAgBF,KAAhB,CAAJ,EAA4B;MACxBT,YAAY,CAACI,OAAb,GAAuBQ,UAAU,CAAC,MAAMJ,QAAQ,EAAf,EAAmBC,KAAnB,CAAjC;IACH,CAFD,MAEO;MACHD,QAAQ;IACX;EACJ,CAZe,EAYb,EAZa,CAAhB;EAcA,OAAO;IAAEN,MAAF;IAAUK;EAAV,CAAP;AACH;;AAAA"}

package/build/commonjs/hooks/useIsMounted.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useIsMounted;
+
+var _react = require("react");
+
+function useIsMounted() {
+  const mountedRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  return (0, _react.useCallback)(() => mountedRef.current, []);
+}
+
+;
+//# sourceMappingURL=useIsMounted.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useIsMounted","mountedRef","useRef","useEffect","current","useCallback"],"sources":["useIsMounted.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nexport interface UseIsMounted {\n    (): boolean;\n}\n\nexport default function useIsMounted(): UseIsMounted {\n    const mountedRef = useRef<boolean>(false);\n\n    useEffect(() => {\n        mountedRef.current = true;\n\n        return () => {\n            mountedRef.current = false;\n        };\n    }, []);\n\n    return useCallback(() => mountedRef.current, []);\n};\n"],"mappings":";;;;;;;AAAA;;AAMe,SAASA,YAAT,GAAsC;EACjD,MAAMC,UAAU,GAAG,IAAAC,aAAA,EAAgB,KAAhB,CAAnB;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACZF,UAAU,CAACG,OAAX,GAAqB,IAArB;IAEA,OAAO,MAAM;MACTH,UAAU,CAACG,OAAX,GAAqB,KAArB;IACH,CAFD;EAGH,CAND,EAMG,EANH;EAQA,OAAO,IAAAC,kBAAA,EAAY,MAAMJ,UAAU,CAACG,OAA7B,EAAsC,EAAtC,CAAP;AACH;;AAAA"}

package/build/commonjs/index.js

@@ -11,7 +11,8 @@ var _exportNames = {
   ViewPager: true,
   ComicViewer: true,
   StatusBarProvider: true,
-  useStatusBarContext: true
+  useStatusBarContext: true,
+  ViewabilityTrackerView: true
 };
 Object.defineProperty(exports, "BottomSheet", {
   enumerable: true,
@@ -55,6 +56,12 @@ Object.defineProperty(exports, "ViewPager", {
     return _ViewPager.default;
   }
 });
+Object.defineProperty(exports, "ViewabilityTrackerView", {
+  enumerable: true,
+  get: function () {
+    return _ViewabilityTrackerView.default;
+  }
+});
 Object.defineProperty(exports, "useStatusBarContext", {
   enumerable: true,
   get: function () {
@@ -160,6 +167,20 @@ Object.keys(_StatusBarProvider).forEach(function (key) {
   });
 });
 
+var _ViewabilityTrackerView = _interopRequireWildcard(require("./ViewabilityTrackerView"));
+
+Object.keys(_ViewabilityTrackerView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ViewabilityTrackerView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ViewabilityTrackerView[key];
+    }
+  });
+});
+
 var _hooks = require("./hooks");
 
 Object.keys(_hooks).forEach(function (key) {