@r0b0t3d/react-native-collapsible 1.1.1 → 1.2.0-alpha.2

package/lib/module/components/pullToRefresh/PullToRefreshProvider.js

@@ -0,0 +1,21 @@
+import React, { useMemo } from 'react';
+import { useSharedValue } from 'react-native-reanimated';
+import { PullToRefreshContext } from './usePullToRefreshContext';
+export default function PullToRefreshProvider({
+  children
+}) {
+  const refreshValue = useSharedValue(0);
+  const internalRefreshing = useSharedValue(false);
+  const internalHeight = useSharedValue(0);
+  const context = useMemo(() => {
+    return {
+      refreshValue: refreshValue,
+      internalRefreshing,
+      internalHeight
+    };
+  }, [refreshValue, internalRefreshing, internalHeight]);
+  return /*#__PURE__*/React.createElement(PullToRefreshContext.Provider, {
+    value: context
+  }, children);
+}
+//# sourceMappingURL=PullToRefreshProvider.js.map

package/lib/module/components/pullToRefresh/PullToRefreshProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PullToRefreshProvider.tsx"],"names":["React","useMemo","useSharedValue","PullToRefreshContext","PullToRefreshProvider","children","refreshValue","internalRefreshing","internalHeight","context"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,SAASC,cAAT,QAA+B,yBAA/B;AACA,SAASC,oBAAT,QAAqC,2BAArC;AAMA,eAAe,SAASC,qBAAT,CAA+B;AAAEC,EAAAA;AAAF,CAA/B,EAAoD;AACjE,QAAMC,YAAY,GAAGJ,cAAc,CAAC,CAAD,CAAnC;AACA,QAAMK,kBAAkB,GAAGL,cAAc,CAAC,KAAD,CAAzC;AACA,QAAMM,cAAc,GAAGN,cAAc,CAAC,CAAD,CAArC;AAEA,QAAMO,OAAO,GAAGR,OAAO,CAAC,MAAM;AAC5B,WAAO;AACLK,MAAAA,YAAY,EAAEA,YADT;AAELC,MAAAA,kBAFK;AAGLC,MAAAA;AAHK,KAAP;AAKD,GANsB,EAMpB,CAACF,YAAD,EAAeC,kBAAf,EAAmCC,cAAnC,CANoB,CAAvB;AAQA,sBACE,oBAAC,oBAAD,CAAsB,QAAtB;AAA+B,IAAA,KAAK,EAAEC;AAAtC,KACGJ,QADH,CADF;AAKD","sourcesContent":["import React, { useMemo } from 'react';\nimport { useSharedValue } from 'react-native-reanimated';\nimport { PullToRefreshContext } from './usePullToRefreshContext';\n\ntype Props = {\n  children: React.ReactNode;\n};\n\nexport default function PullToRefreshProvider({ children }: Props) {\n  const refreshValue = useSharedValue(0);\n  const internalRefreshing = useSharedValue(false);\n  const internalHeight = useSharedValue(0);\n\n  const context = useMemo(() => {\n    return {\n      refreshValue: refreshValue,\n      internalRefreshing,\n      internalHeight,\n    };\n  }, [refreshValue, internalRefreshing, internalHeight]);\n\n  return (\n    <PullToRefreshContext.Provider value={context}>\n      {children}\n    </PullToRefreshContext.Provider>\n  );\n}\n"]}

package/lib/module/components/pullToRefresh/RefreshControl.js

@@ -0,0 +1,63 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+import React, { useCallback, useEffect } from 'react';
+import { StyleSheet } from 'react-native';
+import Animated, { runOnJS, useAnimatedProps, useAnimatedReaction, useAnimatedStyle, withTiming } from 'react-native-reanimated';
+import usePullToRefreshContext from './usePullToRefreshContext';
+export default function RefreshControl({
+  height = 100,
+  refreshing,
+  onRefresh,
+  renderAnimation
+}) {
+  const {
+    refreshValue,
+    internalRefreshing,
+    internalHeight
+  } = usePullToRefreshContext();
+  useEffect(() => {
+    internalHeight.value = height;
+  }, [height]);
+  useEffect(() => {
+    internalRefreshing.value = refreshing;
+  }, [refreshing]);
+  useAnimatedReaction(() => {
+    return internalRefreshing.value;
+  }, (result, prev) => {
+    if (result !== prev) {
+      if (result && refreshValue.value === 0) {
+        refreshValue.value = height;
+      }
+    }
+  });
+  const animatedStyle = useAnimatedStyle(() => {
+    return {
+      height: refreshValue.value
+    };
+  }, []);
+  const handleRefresh = useCallback(() => {
+    onRefresh();
+  }, [onRefresh]);
+  useAnimatedReaction(() => internalRefreshing.value, (result, prev) => {
+    if (result !== prev) {
+      if (result) {
+        runOnJS(handleRefresh)();
+      } else {
+        refreshValue.value = withTiming(0);
+      }
+    }
+  });
+  const animatedProps = useAnimatedProps(() => {
+    return {
+      progress: internalRefreshing.value ? undefined : Math.min(refreshValue.value / height, 1)
+    };
+  }, [height]);
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.container, animatedStyle]
+  }, renderAnimation(animatedProps));
+}
+const styles = StyleSheet.create({
+  container: {
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=RefreshControl.js.map

package/lib/module/components/pullToRefresh/RefreshControl.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RefreshControl.tsx"],"names":["React","useCallback","useEffect","StyleSheet","Animated","runOnJS","useAnimatedProps","useAnimatedReaction","useAnimatedStyle","withTiming","usePullToRefreshContext","RefreshControl","height","refreshing","onRefresh","renderAnimation","refreshValue","internalRefreshing","internalHeight","value","result","prev","animatedStyle","handleRefresh","animatedProps","progress","undefined","Math","min","styles","container","create","overflow"],"mappings":"AAAA;AACA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,SAA7B,QAA8C,OAA9C;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,OAAOC,QAAP,IACEC,OADF,EAEEC,gBAFF,EAGEC,mBAHF,EAIEC,gBAJF,EAKEC,UALF,QAMO,yBANP;AAOA,OAAOC,uBAAP,MAAoC,2BAApC;AASA,eAAe,SAASC,cAAT,CAAwB;AACrCC,EAAAA,MAAM,GAAG,GAD4B;AAErCC,EAAAA,UAFqC;AAGrCC,EAAAA,SAHqC;AAIrCC,EAAAA;AAJqC,CAAxB,EAKL;AACR,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA,kBAAhB;AAAoCC,IAAAA;AAApC,MACJR,uBAAuB,EADzB;AAGAR,EAAAA,SAAS,CAAC,MAAM;AACdgB,IAAAA,cAAc,CAACC,KAAf,GAAuBP,MAAvB;AACD,GAFQ,EAEN,CAACA,MAAD,CAFM,CAAT;AAIAV,EAAAA,SAAS,CAAC,MAAM;AACde,IAAAA,kBAAkB,CAACE,KAAnB,GAA2BN,UAA3B;AACD,GAFQ,EAEN,CAACA,UAAD,CAFM,CAAT;AAIAN,EAAAA,mBAAmB,CACjB,MAAM;AACJ,WAAOU,kBAAkB,CAACE,KAA1B;AACD,GAHgB,EAIjB,CAACC,MAAD,EAASC,IAAT,KAAkB;AAChB,QAAID,MAAM,KAAKC,IAAf,EAAqB;AACnB,UAAID,MAAM,IAAIJ,YAAY,CAACG,KAAb,KAAuB,CAArC,EAAwC;AACtCH,QAAAA,YAAY,CAACG,KAAb,GAAqBP,MAArB;AACD;AACF;AACF,GAVgB,CAAnB;AAaA,QAAMU,aAAa,GAAGd,gBAAgB,CAAC,MAAM;AAC3C,WAAO;AACLI,MAAAA,MAAM,EAAEI,YAAY,CAACG;AADhB,KAAP;AAGD,GAJqC,EAInC,EAJmC,CAAtC;AAMA,QAAMI,aAAa,GAAGtB,WAAW,CAAC,MAAM;AACtCa,IAAAA,SAAS;AACV,GAFgC,EAE9B,CAACA,SAAD,CAF8B,CAAjC;AAIAP,EAAAA,mBAAmB,CACjB,MAAMU,kBAAkB,CAACE,KADR,EAEjB,CAACC,MAAD,EAASC,IAAT,KAAkB;AAChB,QAAID,MAAM,KAAKC,IAAf,EAAqB;AACnB,UAAID,MAAJ,EAAY;AACVf,QAAAA,OAAO,CAACkB,aAAD,CAAP;AACD,OAFD,MAEO;AACLP,QAAAA,YAAY,CAACG,KAAb,GAAqBV,UAAU,CAAC,CAAD,CAA/B;AACD;AACF;AACF,GAVgB,CAAnB;AAaA,QAAMe,aAAa,GAAGlB,gBAAgB,CAAC,MAAM;AAC3C,WAAO;AACLmB,MAAAA,QAAQ,EAAER,kBAAkB,CAACE,KAAnB,GACNO,SADM,GAENC,IAAI,CAACC,GAAL,CAASZ,YAAY,CAACG,KAAb,GAAqBP,MAA9B,EAAsC,CAAtC;AAHC,KAAP;AAKD,GANqC,EAMnC,CAACA,MAAD,CANmC,CAAtC;AAQA,sBACE,oBAAC,QAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE,CAACiB,MAAM,CAACC,SAAR,EAAmBR,aAAnB;AAAtB,KACGP,eAAe,CAACS,aAAD,CADlB,CADF;AAKD;AAED,MAAMK,MAAM,GAAG1B,UAAU,CAAC4B,MAAX,CAAkB;AAC/BD,EAAAA,SAAS,EAAE;AACTE,IAAAA,QAAQ,EAAE;AADD;AADoB,CAAlB,CAAf","sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useCallback, useEffect } from 'react';\nimport { StyleSheet } from 'react-native';\nimport Animated, {\n  runOnJS,\n  useAnimatedProps,\n  useAnimatedReaction,\n  useAnimatedStyle,\n  withTiming,\n} from 'react-native-reanimated';\nimport usePullToRefreshContext from './usePullToRefreshContext';\n\ntype Props = {\n  height?: number;\n  refreshing: boolean;\n  onRefresh: () => void;\n  renderAnimation: (animatedProps: any) => React.ReactNode;\n};\n\nexport default function RefreshControl({\n  height = 100,\n  refreshing,\n  onRefresh,\n  renderAnimation,\n}: Props) {\n  const { refreshValue, internalRefreshing, internalHeight } =\n    usePullToRefreshContext();\n\n  useEffect(() => {\n    internalHeight.value = height;\n  }, [height]);\n\n  useEffect(() => {\n    internalRefreshing.value = refreshing;\n  }, [refreshing]);\n\n  useAnimatedReaction(\n    () => {\n      return internalRefreshing.value;\n    },\n    (result, prev) => {\n      if (result !== prev) {\n        if (result && refreshValue.value === 0) {\n          refreshValue.value = height;\n        }\n      }\n    }\n  );\n\n  const animatedStyle = useAnimatedStyle(() => {\n    return {\n      height: refreshValue.value,\n    };\n  }, []);\n\n  const handleRefresh = useCallback(() => {\n    onRefresh();\n  }, [onRefresh]);\n\n  useAnimatedReaction(\n    () => internalRefreshing.value,\n    (result, prev) => {\n      if (result !== prev) {\n        if (result) {\n          runOnJS(handleRefresh)();\n        } else {\n          refreshValue.value = withTiming(0);\n        }\n      }\n    }\n  );\n\n  const animatedProps = useAnimatedProps(() => {\n    return {\n      progress: internalRefreshing.value\n        ? undefined\n        : Math.min(refreshValue.value / height, 1),\n    };\n  }, [height]);\n\n  return (\n    <Animated.View style={[styles.container, animatedStyle]}>\n      {renderAnimation(animatedProps)}\n    </Animated.View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    overflow: 'hidden',\n  },\n});\n"]}

package/lib/module/components/pullToRefresh/usePullToRefreshContext.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from 'react';
+// @ts-ignore
+export const PullToRefreshContext = /*#__PURE__*/createContext({});
+export default function usePullToRefreshContext() {
+  const ctx = useContext(PullToRefreshContext);
+
+  if (!ctx) {
+    throw new Error('Component should be wrapped with withCollapsibleContext');
+  }
+
+  return ctx;
+}
+//# sourceMappingURL=usePullToRefreshContext.js.map

package/lib/module/components/pullToRefresh/usePullToRefreshContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePullToRefreshContext.ts"],"names":["createContext","useContext","PullToRefreshContext","usePullToRefreshContext","ctx","Error"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAGA;AACA,OAAO,MAAMC,oBAAoB,gBAAGF,aAAa,CAA2B,EAA3B,CAA1C;AAEP,eAAe,SAASG,uBAAT,GAAmC;AAChD,QAAMC,GAAG,GAAGH,UAAU,CAACC,oBAAD,CAAtB;;AACA,MAAI,CAACE,GAAL,EAAU;AACR,UAAM,IAAIC,KAAJ,CAAU,yDAAV,CAAN;AACD;;AACD,SAAOD,GAAP;AACD","sourcesContent":["import { createContext, useContext } from 'react';\nimport type { PullToRefreshContextType } from '../../types';\n\n// @ts-ignore\nexport const PullToRefreshContext = createContext<PullToRefreshContextType>({});\n\nexport default function usePullToRefreshContext() {\n  const ctx = useContext(PullToRefreshContext);\n  if (!ctx) {\n    throw new Error('Component should be wrapped with withCollapsibleContext');\n  }\n  return ctx;\n}\n"]}

package/lib/module/components/pullToRefresh/utils.js

@@ -0,0 +1,42 @@
+export const springConfig = velocity => {
+  'worklet';
+
+  return {
+    stiffness: 1000,
+    damping: 500,
+    mass: 3,
+    overshootClamping: true,
+    restDisplacementThreshold: 0.01,
+    restSpeedThreshold: 0.01,
+    velocity
+  };
+};
+export function clamp(value, lowerbound, upperbound) {
+  'worklet';
+
+  return Math.min(Math.max(value, lowerbound), upperbound);
+}
+/**
+ * calculates rubber value
+ *
+ * @param x distance from the edge
+ * @param dim dimension, either width or height
+ * @param coeff constant value, UIScrollView uses 0.55
+ * @returns rubber = (1.0 – (1.0 / ((x * coeff / dim) + 1.0))) * dim
+ */
+
+export const rubberBandClamp = (x, dim, coeff) => {
+  'worklet';
+
+  return (1.0 - 1.0 / (x * coeff / dim + 1.0)) * dim;
+};
+export const rubberClamp = (y, topBound, bottomBound, coeff = 0.55) => {
+  'worklet';
+
+  const clampedY = clamp(y, topBound, bottomBound);
+  const diff = Math.abs(y - clampedY);
+  const sign = clampedY > y ? -1 : 1;
+  const dimension = bottomBound - topBound;
+  return clampedY + sign * rubberBandClamp(diff, dimension, coeff);
+};
+//# sourceMappingURL=utils.js.map

package/lib/module/components/pullToRefresh/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils.ts"],"names":["springConfig","velocity","stiffness","damping","mass","overshootClamping","restDisplacementThreshold","restSpeedThreshold","clamp","value","lowerbound","upperbound","Math","min","max","rubberBandClamp","x","dim","coeff","rubberClamp","y","topBound","bottomBound","clampedY","diff","abs","sign","dimension"],"mappings":"AAAA,OAAO,MAAMA,YAAY,GAAIC,QAAD,IAAsB;AAChD;;AAEA,SAAO;AACLC,IAAAA,SAAS,EAAE,IADN;AAELC,IAAAA,OAAO,EAAE,GAFJ;AAGLC,IAAAA,IAAI,EAAE,CAHD;AAILC,IAAAA,iBAAiB,EAAE,IAJd;AAKLC,IAAAA,yBAAyB,EAAE,IALtB;AAMLC,IAAAA,kBAAkB,EAAE,IANf;AAOLN,IAAAA;AAPK,GAAP;AASD,CAZM;AAcP,OAAO,SAASO,KAAT,CAAeC,KAAf,EAA8BC,UAA9B,EAAkDC,UAAlD,EAAsE;AAC3E;;AAEA,SAAOC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASL,KAAT,EAAgBC,UAAhB,CAAT,EAAsCC,UAAtC,CAAP;AACD;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMI,eAAe,GAAG,CAACC,CAAD,EAAYC,GAAZ,EAAyBC,KAAzB,KAA2C;AACxE;;AAEA,SAAO,CAAC,MAAM,OAAQF,CAAC,GAAGE,KAAL,GAAcD,GAAd,GAAoB,GAA3B,CAAP,IAA0CA,GAAjD;AACD,CAJM;AAMP,OAAO,MAAME,WAAW,GAAG,CACzBC,CADyB,EAEzBC,QAFyB,EAGzBC,WAHyB,EAIzBJ,KAAK,GAAG,IAJiB,KAKtB;AACH;;AAEA,QAAMK,QAAQ,GAAGf,KAAK,CAACY,CAAD,EAAIC,QAAJ,EAAcC,WAAd,CAAtB;AACA,QAAME,IAAI,GAAGZ,IAAI,CAACa,GAAL,CAASL,CAAC,GAAGG,QAAb,CAAb;AACA,QAAMG,IAAI,GAAGH,QAAQ,GAAGH,CAAX,GAAe,CAAC,CAAhB,GAAoB,CAAjC;AACA,QAAMO,SAAS,GAAGL,WAAW,GAAGD,QAAhC;AAEA,SAAOE,QAAQ,GAAGG,IAAI,GAAGX,eAAe,CAACS,IAAD,EAAOG,SAAP,EAAkBT,KAAlB,CAAxC;AACD,CAdM","sourcesContent":["export const springConfig = (velocity: number) => {\n  'worklet';\n\n  return {\n    stiffness: 1000,\n    damping: 500,\n    mass: 3,\n    overshootClamping: true,\n    restDisplacementThreshold: 0.01,\n    restSpeedThreshold: 0.01,\n    velocity,\n  };\n};\n\nexport function clamp(value: number, lowerbound: number, upperbound: number) {\n  'worklet';\n\n  return Math.min(Math.max(value, lowerbound), upperbound);\n}\n\n/**\n * calculates rubber value\n *\n * @param x distance from the edge\n * @param dim dimension, either width or height\n * @param coeff constant value, UIScrollView uses 0.55\n * @returns rubber = (1.0 – (1.0 / ((x * coeff / dim) + 1.0))) * dim\n */\nexport const rubberBandClamp = (x: number, dim: number, coeff: number) => {\n  'worklet';\n\n  return (1.0 - 1.0 / ((x * coeff) / dim + 1.0)) * dim;\n};\n\nexport const rubberClamp = (\n  y: number,\n  topBound: number,\n  bottomBound: number,\n  coeff = 0.55\n) => {\n  'worklet';\n\n  const clampedY = clamp(y, topBound, bottomBound);\n  const diff = Math.abs(y - clampedY);\n  const sign = clampedY > y ? -1 : 1;\n  const dimension = bottomBound - topBound;\n\n  return clampedY + sign * rubberBandClamp(diff, dimension, coeff);\n};\n"]}

package/lib/module/components/{CollapsibleFlatList.js → scrollable/CollapsibleFlatList.js}

@@ -1,23 +1,26 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+/* eslint-disable react-hooks/exhaustive-deps */
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { FlatList, View, StyleSheet } from 'react-native';
+import { View, StyleSheet, FlatList } from 'react-native';
 import Animated, { runOnJS, useAnimatedReaction } from 'react-native-reanimated';
-import AnimatedTopView from './AnimatedTopView';
-import useAnimatedScroll from '../hooks/useAnimatedScroll';
-import useCollapsibleContext from '../hooks/useCollapsibleContext';
-import { useInternalCollapsibleContext } from '../hooks/useInternalCollapsibleContext';
+import AnimatedTopView from '../header/AnimatedTopView';
+import useAnimatedScroll from './useAnimatedScroll';
+import useCollapsibleContext from '../../hooks/useCollapsibleContext';
+import useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';
+import PullToRefreshContainer from '../pullToRefresh/PullToRefreshContainer';
 const AnimatedFlatList = Animated.createAnimatedComponent(FlatList);
 export default function CollapsibleFlatList({
   headerSnappable = true,
   ...props
 }) {
-  const scrollView = useRef(null);
   const {
-    headerHeight
+    headerHeight,
+    scrollY
   } = useCollapsibleContext();
   const {
-    contentMinHeight
+    contentMinHeight,
+    scrollViewRef
   } = useInternalCollapsibleContext();
   const mounted = useRef(true);
   const contentHeight = useRef(0);
@@ -27,9 +30,9 @@ export default function CollapsibleFlatList({
     };
   }, []);
   const scrollTo = useCallback((yValue, animated = true) => {
-    var _scrollView$current;
+    var _scrollViewRef$curren;
 
-    (_scrollView$current = scrollView.current) === null || _scrollView$current === void 0 ? void 0 : _scrollView$current.scrollToOffset({
+    (_scrollViewRef$curren = scrollViewRef.current) === null || _scrollViewRef$curren === void 0 ? void 0 : _scrollViewRef$curren.scrollToOffset({
       offset: yValue,
       animated
     });
@@ -66,23 +69,21 @@ export default function CollapsibleFlatList({
     height: headerHeight
   }), props.ListHeaderComponent);
 
-  return (
-    /*#__PURE__*/
-    // @ts-ignore
-    React.createElement(AnimatedFlatList, _extends({
-      ref: scrollView,
-      bounces: false,
-      keyboardDismissMode: "on-drag",
-      keyboardShouldPersistTaps: "handled",
-      scrollEventThrottle: 16
-    }, props, {
-      style: [styles.container, props.style],
-      contentContainerStyle: contentContainerStyle,
-      onScroll: scrollHandler,
-      ListHeaderComponent: renderListHeader(),
-      onContentSizeChange: handleContentSizeChange
-    }))
-  );
+  return /*#__PURE__*/React.createElement(PullToRefreshContainer, {
+    scrollY: scrollY
+  }, /*#__PURE__*/React.createElement(AnimatedFlatList, _extends({
+    ref: scrollViewRef,
+    bounces: false,
+    keyboardDismissMode: "on-drag",
+    keyboardShouldPersistTaps: "handled",
+    scrollEventThrottle: 1
+  }, props, {
+    style: [styles.container, props.style],
+    contentContainerStyle: contentContainerStyle,
+    onScroll: scrollHandler,
+    ListHeaderComponent: renderListHeader(),
+    onContentSizeChange: handleContentSizeChange
+  })));
 }
 const styles = StyleSheet.create({
   container: { ...StyleSheet.absoluteFillObject

package/lib/module/components/scrollable/CollapsibleFlatList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CollapsibleFlatList.tsx"],"names":["React","useCallback","useEffect","useMemo","useRef","useState","View","StyleSheet","FlatList","Animated","runOnJS","useAnimatedReaction","AnimatedTopView","useAnimatedScroll","useCollapsibleContext","useInternalCollapsibleContext","PullToRefreshContainer","AnimatedFlatList","createAnimatedComponent","CollapsibleFlatList","headerSnappable","props","headerHeight","scrollY","contentMinHeight","scrollViewRef","mounted","contentHeight","current","scrollTo","yValue","animated","scrollToOffset","offset","handleInternalContentHeight","value","setInternalContentMinHeight","scrollHandler","internalContentMinHeight","result","previous","contentContainerStyle","styles","contentContainer","minHeight","handleContentSizeChange","_","height","renderListHeader","ListHeaderComponent","container","style","create","absoluteFillObject","flexGrow","topView","position","top","left","right"],"mappings":"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","sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { FlatListProps, View, StyleSheet, FlatList } from 'react-native';\nimport Animated, {\n  runOnJS,\n  useAnimatedReaction,\n} from 'react-native-reanimated';\nimport AnimatedTopView from '../header/AnimatedTopView';\nimport useAnimatedScroll from './useAnimatedScroll';\nimport useCollapsibleContext from '../../hooks/useCollapsibleContext';\nimport useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';\nimport type { CollapsibleProps } from '../../types';\nimport PullToRefreshContainer from '../pullToRefresh/PullToRefreshContainer';\n\nconst AnimatedFlatList = Animated.createAnimatedComponent(FlatList);\n\ntype Props<Data> = Omit<FlatListProps<Data>, 'scrollEnabled'> &\n  CollapsibleProps;\n\nexport default function CollapsibleFlatList<Data>({\n  headerSnappable = true,\n  ...props\n}: Props<Data>) {\n  const { headerHeight, scrollY } = useCollapsibleContext();\n  const { contentMinHeight, scrollViewRef } = useInternalCollapsibleContext();\n  const mounted = useRef(true);\n  const contentHeight = useRef(0);\n\n  useEffect(() => {\n    return () => {\n      mounted.current = false;\n    };\n  }, []);\n\n  const scrollTo = useCallback((yValue: number, animated = true) => {\n    scrollViewRef.current?.scrollToOffset({\n      offset: yValue,\n      animated,\n    });\n  }, []);\n\n  const handleInternalContentHeight = useCallback((value: number) => {\n    if (mounted.current) {\n      setInternalContentMinHeight(value);\n    }\n  }, []);\n\n  const { scrollHandler } = useAnimatedScroll({\n    headerSnappable,\n    scrollTo,\n  });\n\n  const [internalContentMinHeight, setInternalContentMinHeight] = useState(\n    contentMinHeight.value\n  );\n\n  useAnimatedReaction(\n    () => {\n      return contentMinHeight.value;\n    },\n    (result, previous) => {\n      if (result !== previous) {\n        if (\n          contentHeight.current < contentMinHeight.value &&\n          internalContentMinHeight !== contentMinHeight.value\n        ) {\n          runOnJS(handleInternalContentHeight)(contentMinHeight.value);\n        }\n      }\n    }\n  );\n\n  const contentContainerStyle = useMemo(\n    () => [\n      styles.contentContainer,\n      { minHeight: internalContentMinHeight },\n      props.contentContainerStyle,\n    ],\n    [props.contentContainerStyle, internalContentMinHeight]\n  );\n\n  const handleContentSizeChange = useCallback((_, height) => {\n    contentHeight.current = height;\n  }, []);\n\n  const renderListHeader = () => (\n    <View>\n      <AnimatedTopView height={headerHeight} />\n      {props.ListHeaderComponent}\n    </View>\n  );\n\n  return (\n    <PullToRefreshContainer scrollY={scrollY}>\n      {/* @ts-ignore */}\n      <AnimatedFlatList\n        ref={scrollViewRef}\n        bounces={false}\n        keyboardDismissMode=\"on-drag\"\n        keyboardShouldPersistTaps=\"handled\"\n        scrollEventThrottle={1}\n        {...props}\n        style={[styles.container, props.style]}\n        contentContainerStyle={contentContainerStyle}\n        onScroll={scrollHandler}\n        ListHeaderComponent={renderListHeader()}\n        onContentSizeChange={handleContentSizeChange}\n      />\n    </PullToRefreshContainer>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    ...StyleSheet.absoluteFillObject,\n  },\n  contentContainer: {\n    flexGrow: 1,\n  },\n  topView: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n  },\n});\n"]}

package/lib/module/components/{CollapsibleScrollView.js → scrollable/CollapsibleScrollView.js}

@@ -1,29 +1,29 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import AnimatedTopView from './AnimatedTopView';
-import useAnimatedScroll from '../hooks/useAnimatedScroll';
-import React, { useCallback, useMemo, useRef } from 'react';
+/* eslint-disable react-hooks/exhaustive-deps */
+import AnimatedTopView from '../header/AnimatedTopView';
+import useAnimatedScroll from './useAnimatedScroll';
+import React, { useCallback, useMemo } from 'react';
 import { StyleSheet } from 'react-native';
 import Animated, { useAnimatedStyle } from 'react-native-reanimated';
-import useCollapsibleContext from '../hooks/useCollapsibleContext';
-import { useInternalCollapsibleContext } from '../hooks/useInternalCollapsibleContext';
+import useCollapsibleContext from '../../hooks/useCollapsibleContext';
+import useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';
 export default function CollapsibleScrollView({
   headerSnappable = true,
   children,
   ...props
 }) {
-  const scrollView = useRef(null);
   const {
-    contentMinHeight
+    contentMinHeight,
+    scrollViewRef
   } = useInternalCollapsibleContext();
   const {
     headerHeight
   } = useCollapsibleContext();
   const scrollTo = useCallback((yValue, animated = true) => {
-    var _scrollView$current;
+    var _scrollViewRef$curren;
 
-    // @ts-ignore
-    (_scrollView$current = scrollView.current) === null || _scrollView$current === void 0 ? void 0 : _scrollView$current.scrollTo({
+    (_scrollViewRef$curren = scrollViewRef.current) === null || _scrollViewRef$curren === void 0 ? void 0 : _scrollViewRef$curren.scrollTo({
       y: yValue,
       animated
     });
@@ -41,7 +41,7 @@ export default function CollapsibleScrollView({
   }, []);
   const contentContainerStyle = useMemo(() => [styles.contentContainer, props.contentContainerStyle], [props.contentContainerStyle]);
   return /*#__PURE__*/React.createElement(Animated.ScrollView, _extends({
-    ref: scrollView,
+    ref: scrollViewRef,
     bounces: false
   }, props, {
     style: [styles.container, props.style],
@@ -49,7 +49,7 @@ export default function CollapsibleScrollView({
     onScroll: scrollHandler,
     keyboardDismissMode: "on-drag",
     keyboardShouldPersistTaps: "handled",
-    scrollEventThrottle: 16
+    scrollEventThrottle: 1
   }), /*#__PURE__*/React.createElement(Animated.View, {
     style: animatedStyle
   }, /*#__PURE__*/React.createElement(AnimatedTopView, {

package/lib/module/components/scrollable/CollapsibleScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CollapsibleScrollView.tsx"],"names":["AnimatedTopView","useAnimatedScroll","React","useCallback","useMemo","StyleSheet","Animated","useAnimatedStyle","useCollapsibleContext","useInternalCollapsibleContext","CollapsibleScrollView","headerSnappable","children","props","contentMinHeight","scrollViewRef","headerHeight","scrollTo","yValue","animated","current","y","scrollHandler","animatedStyle","minHeight","value","contentContainerStyle","styles","contentContainer","container","style","create","absoluteFillObject","flexGrow","topView","position","top","left","right"],"mappings":";;AAAA;AACA,OAAOA,eAAP,MAA4B,2BAA5B;AACA,OAAOC,iBAAP,MAA8B,qBAA9B;AACA,OAAOC,KAAP,IAA2BC,WAA3B,EAAwCC,OAAxC,QAAuD,OAAvD;AACA,SAA0BC,UAA1B,QAA4C,cAA5C;AACA,OAAOC,QAAP,IAAmBC,gBAAnB,QAA2C,yBAA3C;AAEA,OAAOC,qBAAP,MAAkC,mCAAlC;AACA,OAAOC,6BAAP,MAA0C,2CAA1C;AAOA,eAAe,SAASC,qBAAT,CAA+B;AAC5CC,EAAAA,eAAe,GAAG,IAD0B;AAE5CC,EAAAA,QAF4C;AAG5C,KAAGC;AAHyC,CAA/B,EAIL;AACR,QAAM;AAAEC,IAAAA,gBAAF;AAAoBC,IAAAA;AAApB,MAAsCN,6BAA6B,EAAzE;AACA,QAAM;AAAEO,IAAAA;AAAF,MAAmBR,qBAAqB,EAA9C;AAEA,QAAMS,QAAQ,GAAGd,WAAW,CAAC,CAACe,MAAD,EAAiBC,QAAQ,GAAG,IAA5B,KAAqC;AAAA;;AAChE,6BAAAJ,aAAa,CAACK,OAAd,gFAAuBH,QAAvB,CAAgC;AAAEI,MAAAA,CAAC,EAAEH,MAAL;AAAaC,MAAAA;AAAb,KAAhC;AACD,GAF2B,EAEzB,EAFyB,CAA5B;AAIA,QAAM;AAAEG,IAAAA;AAAF,MAAoBrB,iBAAiB,CAAC;AAC1CU,IAAAA,eAD0C;AAE1CM,IAAAA;AAF0C,GAAD,CAA3C;AAKA,QAAMM,aAAa,GAAGhB,gBAAgB,CAAC,MAAM;AAC3C,WAAO;AACLiB,MAAAA,SAAS,EAAEV,gBAAgB,CAACW;AADvB,KAAP;AAGD,GAJqC,EAInC,EAJmC,CAAtC;AAMA,QAAMC,qBAAqB,GAAGtB,OAAO,CACnC,MAAM,CAACuB,MAAM,CAACC,gBAAR,EAA0Bf,KAAK,CAACa,qBAAhC,CAD6B,EAEnC,CAACb,KAAK,CAACa,qBAAP,CAFmC,CAArC;AAKA,sBACE,oBAAC,QAAD,CAAU,UAAV;AACE,IAAA,GAAG,EAAEX,aADP;AAEE,IAAA,OAAO,EAAE;AAFX,KAGMF,KAHN;AAIE,IAAA,KAAK,EAAE,CAACc,MAAM,CAACE,SAAR,EAAmBhB,KAAK,CAACiB,KAAzB,CAJT;AAKE,IAAA,qBAAqB,EAAEJ,qBALzB;AAME,IAAA,QAAQ,EAAEJ,aANZ;AAOE,IAAA,mBAAmB,EAAC,SAPtB;AAQE,IAAA,yBAAyB,EAAC,SAR5B;AASE,IAAA,mBAAmB,EAAE;AATvB,mBAWE,oBAAC,QAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAEC;AAAtB,kBACE,oBAAC,eAAD;AAAiB,IAAA,MAAM,EAAEP;AAAzB,IADF,EAEGJ,QAFH,CAXF,CADF;AAkBD;AAED,MAAMe,MAAM,GAAGtB,UAAU,CAAC0B,MAAX,CAAkB;AAC/BF,EAAAA,SAAS,EAAE,EACT,GAAGxB,UAAU,CAAC2B;AADL,GADoB;AAI/BJ,EAAAA,gBAAgB,EAAE;AAChBK,IAAAA,QAAQ,EAAE;AADM,GAJa;AAO/BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,QAAQ,EAAE,UADH;AAEPC,IAAAA,GAAG,EAAE,CAFE;AAGPC,IAAAA,IAAI,EAAE,CAHC;AAIPC,IAAAA,KAAK,EAAE;AAJA;AAPsB,CAAlB,CAAf","sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport AnimatedTopView from '../header/AnimatedTopView';\nimport useAnimatedScroll from './useAnimatedScroll';\nimport React, { ReactNode, useCallback, useMemo } from 'react';\nimport { ScrollViewProps, StyleSheet } from 'react-native';\nimport Animated, { useAnimatedStyle } from 'react-native-reanimated';\nimport type { CollapsibleProps } from '../../types';\nimport useCollapsibleContext from '../../hooks/useCollapsibleContext';\nimport useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';\n\ntype Props = ScrollViewProps &\n  CollapsibleProps & {\n    children?: ReactNode;\n  };\n\nexport default function CollapsibleScrollView({\n  headerSnappable = true,\n  children,\n  ...props\n}: Props) {\n  const { contentMinHeight, scrollViewRef } = useInternalCollapsibleContext();\n  const { headerHeight } = useCollapsibleContext();\n\n  const scrollTo = useCallback((yValue: number, animated = true) => {\n    scrollViewRef.current?.scrollTo({ y: yValue, animated });\n  }, []);\n\n  const { scrollHandler } = useAnimatedScroll({\n    headerSnappable,\n    scrollTo,\n  });\n\n  const animatedStyle = useAnimatedStyle(() => {\n    return {\n      minHeight: contentMinHeight.value,\n    };\n  }, []);\n\n  const contentContainerStyle = useMemo(\n    () => [styles.contentContainer, props.contentContainerStyle],\n    [props.contentContainerStyle]\n  );\n\n  return (\n    <Animated.ScrollView\n      ref={scrollViewRef}\n      bounces={false}\n      {...props}\n      style={[styles.container, props.style]}\n      contentContainerStyle={contentContainerStyle}\n      onScroll={scrollHandler}\n      keyboardDismissMode=\"on-drag\"\n      keyboardShouldPersistTaps=\"handled\"\n      scrollEventThrottle={1}\n    >\n      <Animated.View style={animatedStyle}>\n        <AnimatedTopView height={headerHeight} />\n        {children}\n      </Animated.View>\n    </Animated.ScrollView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    ...StyleSheet.absoluteFillObject,\n  },\n  contentContainer: {\n    flexGrow: 1,\n  },\n  topView: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n  },\n});\n"]}

package/lib/module/{hooks → components/scrollable}/useAnimatedScroll.js

@@ -2,8 +2,8 @@
 import { useCallback, useEffect } from 'react';
 import { Dimensions } from 'react-native';
 import { runOnJS, useAnimatedScrollHandler, useSharedValue } from 'react-native-reanimated';
-import useCollapsibleContext from './useCollapsibleContext';
-import { useInternalCollapsibleContext } from './useInternalCollapsibleContext';
+import useCollapsibleContext from '../../hooks/useCollapsibleContext';
+import useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';
 const {
   height: wHeight
 } = Dimensions.get('window');

package/lib/module/{hooks → components/scrollable}/useAnimatedScroll.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAnimatedScroll.ts"],"names":["useCallback","useEffect","Dimensions","runOnJS","useAnimatedScrollHandler","useSharedValue","useCollapsibleContext","useInternalCollapsibleContext","height","wHeight","get","useAnimatedScroll","headerSnappable","scrollTo","scrollDirection","scrollY","setCollapsibleHandlers","firstStickyViewY","fixedHeaderHeight","value","requestAnimationFrame","collapse","Math","min","expand","scrollHandler","onScroll","event","offset","contentOffset","y","diff","onEndDrag","maxY","delta","abs","yValue"],"mappings":"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","sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { useCallback, useEffect } from 'react';\nimport { Dimensions } from 'react-native';\nimport {\n  runOnJS,\n  useAnimatedScrollHandler,\n  useSharedValue,\n} from 'react-native-reanimated';\nimport useCollapsibleContext from './useCollapsibleContext';\nimport { useInternalCollapsibleContext } from './useInternalCollapsibleContext';\n\nconst { height: wHeight } = Dimensions.get('window');\n\ntype Props = {\n  headerSnappable: boolean;\n  scrollTo: (yValue: number, animated?: boolean) => void;\n};\n\nexport default function useAnimatedScroll({\n  headerSnappable,\n  scrollTo,\n}: Props) {\n  const scrollDirection = useSharedValue('unknown');\n  const { scrollY } = useCollapsibleContext();\n  const { setCollapsibleHandlers, firstStickyViewY, fixedHeaderHeight } =\n    useInternalCollapsibleContext();\n\n  useEffect(() => {\n    if (scrollY.value > 0) {\n      requestAnimationFrame(() => scrollTo(scrollY.value, false));\n    }\n  }, []);\n\n  const collapse = useCallback(() => {\n    scrollTo(\n      Math.min(fixedHeaderHeight.value || 0, firstStickyViewY.value || 0)\n    );\n  }, [scrollTo]);\n\n  const expand = useCallback(() => scrollTo(0), [scrollTo]);\n\n  useEffect(() => {\n    setCollapsibleHandlers({\n      collapse,\n      expand,\n      scrollTo,\n    });\n  }, [setCollapsibleHandlers, collapse, expand, scrollTo]);\n\n  const scrollHandler = useAnimatedScrollHandler(\n    {\n      onScroll: (event) => {\n        const offset = event.contentOffset.y;\n        const diff = scrollY.value - offset;\n        scrollDirection.value = diff > 0 ? 'down' : diff < 0 ? 'up' : 'unknown';\n        scrollY.value = offset;\n      },\n      onEndDrag: () => {\n        if (!headerSnappable) return;\n        const maxY =\n          firstStickyViewY.value && firstStickyViewY.value > 0\n            ? firstStickyViewY.value\n            : fixedHeaderHeight.value || 0;\n\n        if (scrollY.value < maxY) {\n          const delta = Math.abs(scrollY.value - maxY);\n          if (delta < wHeight / 2) {\n            let yValue = 0;\n            if (scrollDirection.value === 'up') {\n              yValue = maxY;\n            }\n            runOnJS(scrollTo)(yValue);\n          }\n        }\n      },\n    },\n    [scrollTo]\n  );\n\n  return {\n    scrollHandler,\n    collapse,\n    expand,\n  };\n}\n"]}
+{"version":3,"sources":["useAnimatedScroll.ts"],"names":["useCallback","useEffect","Dimensions","runOnJS","useAnimatedScrollHandler","useSharedValue","useCollapsibleContext","useInternalCollapsibleContext","height","wHeight","get","useAnimatedScroll","headerSnappable","scrollTo","scrollDirection","scrollY","setCollapsibleHandlers","firstStickyViewY","fixedHeaderHeight","value","requestAnimationFrame","collapse","Math","min","expand","scrollHandler","onScroll","event","offset","contentOffset","y","diff","onEndDrag","maxY","delta","abs","yValue"],"mappings":"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","sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { useCallback, useEffect } from 'react';\nimport { Dimensions } from 'react-native';\nimport {\n  runOnJS,\n  useAnimatedScrollHandler,\n  useSharedValue,\n} from 'react-native-reanimated';\nimport useCollapsibleContext from '../../hooks/useCollapsibleContext';\nimport useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';\n\nconst { height: wHeight } = Dimensions.get('window');\n\ntype Props = {\n  headerSnappable: boolean;\n  scrollTo: (yValue: number, animated?: boolean) => void;\n};\n\nexport default function useAnimatedScroll({\n  headerSnappable,\n  scrollTo,\n}: Props) {\n  const scrollDirection = useSharedValue('unknown');\n  const { scrollY } = useCollapsibleContext();\n  const { setCollapsibleHandlers, firstStickyViewY, fixedHeaderHeight } =\n    useInternalCollapsibleContext();\n\n  useEffect(() => {\n    if (scrollY.value > 0) {\n      requestAnimationFrame(() => scrollTo(scrollY.value, false));\n    }\n  }, []);\n\n  const collapse = useCallback(() => {\n    scrollTo(\n      Math.min(fixedHeaderHeight.value || 0, firstStickyViewY.value || 0)\n    );\n  }, [scrollTo]);\n\n  const expand = useCallback(() => scrollTo(0), [scrollTo]);\n\n  useEffect(() => {\n    setCollapsibleHandlers({\n      collapse,\n      expand,\n      scrollTo,\n    });\n  }, [setCollapsibleHandlers, collapse, expand, scrollTo]);\n\n  const scrollHandler = useAnimatedScrollHandler(\n    {\n      onScroll: (event) => {\n        const offset = event.contentOffset.y;\n        const diff = scrollY.value - offset;\n        scrollDirection.value = diff > 0 ? 'down' : diff < 0 ? 'up' : 'unknown';\n        scrollY.value = offset;\n      },\n      onEndDrag: () => {\n        if (!headerSnappable) return;\n        const maxY =\n          firstStickyViewY.value && firstStickyViewY.value > 0\n            ? firstStickyViewY.value\n            : fixedHeaderHeight.value || 0;\n\n        if (scrollY.value < maxY) {\n          const delta = Math.abs(scrollY.value - maxY);\n          if (delta < wHeight / 2) {\n            let yValue = 0;\n            if (scrollDirection.value === 'up') {\n              yValue = maxY;\n            }\n            runOnJS(scrollTo)(yValue);\n          }\n        }\n      },\n    },\n    [scrollTo]\n  );\n\n  return {\n    scrollHandler,\n    collapse,\n    expand,\n  };\n}\n"]}

package/lib/module/hooks/useInternalCollapsibleContext.js

@@ -3,7 +3,7 @@ export const InternalCollapsibleContext =
 /*#__PURE__*/
 // @ts-ignore
 createContext();
-export function useInternalCollapsibleContext() {
+export default function useInternalCollapsibleContext() {
   const ctx = useContext(InternalCollapsibleContext);
 
   if (!ctx) {

package/lib/module/hooks/useInternalCollapsibleContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useInternalCollapsibleContext.ts"],"names":["createContext","useContext","InternalCollapsibleContext","useInternalCollapsibleContext","ctx","Error"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAGA,OAAO,MAAMC,0BAA0B;AAAA;AACrC;AACAF,aAAa,EAFR;AAIP,OAAO,SAASG,6BAAT,GAAyC;AAC9C,QAAMC,GAAG,GAAGH,UAAU,CAACC,0BAAD,CAAtB;;AACA,MAAI,CAACE,GAAL,EAAU;AACR,UAAM,IAAIC,KAAJ,CAAU,yDAAV,CAAN;AACD;;AACD,SAAOD,GAAP;AACD","sourcesContent":["import { createContext, useContext } from 'react';\nimport type { CollapsibleContextInternalType } from '../types';\n\nexport const InternalCollapsibleContext =\n  // @ts-ignore\n  createContext<CollapsibleContextInternalType>();\n\nexport function useInternalCollapsibleContext() {\n  const ctx = useContext(InternalCollapsibleContext);\n  if (!ctx) {\n    throw new Error('Component should be wrapped with withCollapsibleContext');\n  }\n  return ctx;\n}\n"]}
+{"version":3,"sources":["useInternalCollapsibleContext.ts"],"names":["createContext","useContext","InternalCollapsibleContext","useInternalCollapsibleContext","ctx","Error"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAGA,OAAO,MAAMC,0BAA0B;AAAA;AACrC;AACAF,aAAa,EAFR;AAIP,eAAe,SAASG,6BAAT,GAAyC;AACtD,QAAMC,GAAG,GAAGH,UAAU,CAACC,0BAAD,CAAtB;;AACA,MAAI,CAACE,GAAL,EAAU;AACR,UAAM,IAAIC,KAAJ,CAAU,yDAAV,CAAN;AACD;;AACD,SAAOD,GAAP;AACD","sourcesContent":["import { createContext, useContext } from 'react';\nimport type { CollapsibleContextInternalType } from '../types';\n\nexport const InternalCollapsibleContext =\n  // @ts-ignore\n  createContext<CollapsibleContextInternalType>();\n\nexport default function useInternalCollapsibleContext() {\n  const ctx = useContext(InternalCollapsibleContext);\n  if (!ctx) {\n    throw new Error('Component should be wrapped with withCollapsibleContext');\n  }\n  return ctx;\n}\n"]}

package/lib/module/hooks/useKeyboardShowEvent.js

@@ -0,0 +1,19 @@
+import { useEffect, useRef } from 'react';
+import { Keyboard } from 'react-native';
+export default function useKeyboardShowEvent(callback) {
+  const savedCallback = useRef(callback);
+  useEffect(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+  useEffect(() => {
+    const subscription = Keyboard.addListener('keyboardDidShow', () => {
+      if (savedCallback.current) {
+        savedCallback.current();
+      }
+    });
+    return () => {
+      subscription.remove();
+    };
+  }, []);
+}
+//# sourceMappingURL=useKeyboardShowEvent.js.map

package/lib/module/hooks/useKeyboardShowEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useKeyboardShowEvent.ts"],"names":["useEffect","useRef","Keyboard","useKeyboardShowEvent","callback","savedCallback","current","subscription","addListener","remove"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,MAApB,QAAkC,OAAlC;AACA,SAASC,QAAT,QAAyB,cAAzB;AAEA,eAAe,SAASC,oBAAT,CAA8BC,QAA9B,EAAoD;AACjE,QAAMC,aAAa,GAAGJ,MAAM,CAACG,QAAD,CAA5B;AAEAJ,EAAAA,SAAS,CAAC,MAAM;AACdK,IAAAA,aAAa,CAACC,OAAd,GAAwBF,QAAxB;AACD,GAFQ,EAEN,CAACA,QAAD,CAFM,CAAT;AAIAJ,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMO,YAAY,GAAGL,QAAQ,CAACM,WAAT,CAAqB,iBAArB,EAAwC,MAAM;AACjE,UAAIH,aAAa,CAACC,OAAlB,EAA2B;AACzBD,QAAAA,aAAa,CAACC,OAAd;AACD;AACF,KAJoB,CAArB;AAMA,WAAO,MAAM;AACXC,MAAAA,YAAY,CAACE,MAAb;AACD,KAFD;AAGD,GAVQ,EAUN,EAVM,CAAT;AAWD","sourcesContent":["import { useEffect, useRef } from 'react';\nimport { Keyboard } from 'react-native';\n\nexport default function useKeyboardShowEvent(callback: () => void) {\n  const savedCallback = useRef(callback);\n\n  useEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  useEffect(() => {\n    const subscription = Keyboard.addListener('keyboardDidShow', () => {\n      if (savedCallback.current) {\n        savedCallback.current();\n      }\n    });\n\n    return () => {\n      subscription.remove();\n    };\n  }, []);\n}\n"]}

package/lib/module/index.js

@@ -1,10 +1,11 @@
-export { default as withCollapsibleContext } from './hooks/withCollapsibleContext';
+export { default as withCollapsibleContext } from './withCollapsibleContext';
 export { default as useCollapsibleContext } from './hooks/useCollapsibleContext';
 export { default as CollapsibleContainer } from './components/CollapsibleContainer';
-export { default as CollapsibleFlatList } from './components/CollapsibleFlatList';
-export { default as CollapsibleScrollView } from './components/CollapsibleScrollView';
-export { default as CollapsibleHeaderContainer } from './components/CollapsibleHeaderContainer';
+export { default as CollapsibleFlatList } from './components/scrollable/CollapsibleFlatList';
+export { default as CollapsibleScrollView } from './components/scrollable/CollapsibleScrollView';
+export { default as CollapsibleHeaderContainer } from './components/header/CollapsibleHeaderContainer';
+export { default as StickyView } from './components/header/StickyView';
+export { default as RefreshControl } from './components/pullToRefresh/RefreshControl';
 export { default as CollapsibleView } from './components/CollapsibleView';
-export { default as StickyView } from './components/StickyView';
 export * from './components/CollapsibleView';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["default","withCollapsibleContext","useCollapsibleContext","CollapsibleContainer","CollapsibleFlatList","CollapsibleScrollView","CollapsibleHeaderContainer","CollapsibleView","StickyView"],"mappings":"AAAA,SAASA,OAAO,IAAIC,sBAApB,QAAkD,gCAAlD;AACA,SAASD,OAAO,IAAIE,qBAApB,QAAiD,+BAAjD;AAEA,SAASF,OAAO,IAAIG,oBAApB,QAAgD,mCAAhD;AACA,SAASH,OAAO,IAAII,mBAApB,QAA+C,kCAA/C;AACA,SAASJ,OAAO,IAAIK,qBAApB,QAAiD,oCAAjD;AACA,SAASL,OAAO,IAAIM,0BAApB,QAAsD,yCAAtD;AACA,SAASN,OAAO,IAAIO,eAApB,QAA2C,8BAA3C;AACA,SAASP,OAAO,IAAIQ,UAApB,QAAsC,yBAAtC;AACA,cAAc,8BAAd","sourcesContent":["export { default as withCollapsibleContext } from './hooks/withCollapsibleContext';\nexport { default as useCollapsibleContext } from './hooks/useCollapsibleContext';\n\nexport { default as CollapsibleContainer } from './components/CollapsibleContainer';\nexport { default as CollapsibleFlatList } from './components/CollapsibleFlatList';\nexport { default as CollapsibleScrollView } from './components/CollapsibleScrollView';\nexport { default as CollapsibleHeaderContainer } from './components/CollapsibleHeaderContainer';\nexport { default as CollapsibleView } from './components/CollapsibleView';\nexport { default as StickyView } from './components/StickyView';\nexport * from './components/CollapsibleView';\n"]}
+{"version":3,"sources":["index.tsx"],"names":["default","withCollapsibleContext","useCollapsibleContext","CollapsibleContainer","CollapsibleFlatList","CollapsibleScrollView","CollapsibleHeaderContainer","StickyView","RefreshControl","CollapsibleView"],"mappings":"AAAA,SAASA,OAAO,IAAIC,sBAApB,QAAkD,0BAAlD;AACA,SAASD,OAAO,IAAIE,qBAApB,QAAiD,+BAAjD;AAEA,SAASF,OAAO,IAAIG,oBAApB,QAAgD,mCAAhD;AACA,SAASH,OAAO,IAAII,mBAApB,QAA+C,6CAA/C;AACA,SAASJ,OAAO,IAAIK,qBAApB,QAAiD,+CAAjD;AACA,SAASL,OAAO,IAAIM,0BAApB,QAAsD,gDAAtD;AACA,SAASN,OAAO,IAAIO,UAApB,QAAsC,gCAAtC;AACA,SAASP,OAAO,IAAIQ,cAApB,QAA0C,2CAA1C;AACA,SAASR,OAAO,IAAIS,eAApB,QAA2C,8BAA3C;AACA,cAAc,8BAAd","sourcesContent":["export { default as withCollapsibleContext } from './withCollapsibleContext';\nexport { default as useCollapsibleContext } from './hooks/useCollapsibleContext';\n\nexport { default as CollapsibleContainer } from './components/CollapsibleContainer';\nexport { default as CollapsibleFlatList } from './components/scrollable/CollapsibleFlatList';\nexport { default as CollapsibleScrollView } from './components/scrollable/CollapsibleScrollView';\nexport { default as CollapsibleHeaderContainer } from './components/header/CollapsibleHeaderContainer';\nexport { default as StickyView } from './components/header/StickyView';\nexport { default as RefreshControl } from './components/pullToRefresh/RefreshControl';\nexport { default as CollapsibleView } from './components/CollapsibleView';\nexport * from './components/CollapsibleView';\n"]}

package/lib/module/{hooks/withCollapsibleContext.js → withCollapsibleContext.js}

@@ -2,10 +2,11 @@
 
 /* eslint-disable react-hooks/exhaustive-deps */
 import React, { useCallback, useMemo, useRef } from 'react';
-import { CollapsibleContext } from './useCollapsibleContext';
-import { InternalCollapsibleContext } from './useInternalCollapsibleContext';
+import { CollapsibleContext } from './hooks/useCollapsibleContext';
+import { InternalCollapsibleContext } from './hooks/useInternalCollapsibleContext';
 import { useAnimatedReaction, useDerivedValue, useSharedValue, withTiming } from 'react-native-reanimated';
-import { debounce } from '../utils/debounce';
+import { debounce } from './utils/debounce';
+import PullToRefreshProvider from './components/pullToRefresh/PullToRefreshProvider';
 export default function withCollapsibleContext(Component) {
   return props => {
     const collapsibleHandlers = useRef();
@@ -21,6 +22,7 @@ export default function withCollapsibleContext(Component) {
     const firstStickyViewY = useSharedValue(1000000);
     const headerContainersHeight = useRef({});
     const containerRef = useRef(null);
+    const scrollViewRef = useRef(null);
     const setCollapsibleHandlers = useCallback(handlers => {
       collapsibleHandlers.current = handlers;
     }, []);
@@ -141,6 +143,7 @@ export default function withCollapsibleContext(Component) {
       };
     }, [scrollY, headerHeight, headerCollapsed]);
     const internalContext = useMemo(() => ({
+      scrollViewRef,
       containerRef,
       handleStickyViewLayout,
       handleHeaderContainerLayout,
@@ -156,7 +159,7 @@ export default function withCollapsibleContext(Component) {
       value: context
     }, /*#__PURE__*/React.createElement(InternalCollapsibleContext.Provider, {
       value: internalContext
-    }, /*#__PURE__*/React.createElement(Component, props)));
+    }, /*#__PURE__*/React.createElement(PullToRefreshProvider, null, /*#__PURE__*/React.createElement(Component, props))));
   };
 }
 //# sourceMappingURL=withCollapsibleContext.js.map

package/lib/module/withCollapsibleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["withCollapsibleContext.tsx"],"names":["React","useCallback","useMemo","useRef","CollapsibleContext","InternalCollapsibleContext","useAnimatedReaction","useDerivedValue","useSharedValue","withTiming","debounce","PullToRefreshProvider","withCollapsibleContext","Component","props","collapsibleHandlers","headerHeight","scrollY","stickyViewRefs","stickyViewTops","stickyViewPositionsRef","stickyViewPositions","fixedHeaderHeight","stickyHeaderHeight","containerHeight","firstStickyViewY","headerContainersHeight","containerRef","scrollViewRef","setCollapsibleHandlers","handlers","current","headerCollapsed","maxY","value","contentMinHeight","totalHeight","Object","keys","reduce","acc","item","top","result","previous","viewPositions","sortedKeys","sort","a","b","totalTop","values","i","length","height","stickyHeader","key","data","isInsideHeader","handleStickyViewLayout","viewKey","viewRef","measureLayout","left","width","debounceRefreshStickyPositions","forEach","handleHeaderContainerLayout","duration","handleContainerHeight","context","collapse","expand","scrollTo","offset","animate","internalContext"],"mappings":"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","sourcesContent":["/* eslint-disable no-shadow */\n/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { FC, useCallback, useMemo, useRef } from 'react';\nimport type { CollapsibleHandles, LayoutParams } from './types';\nimport { CollapsibleContext } from './hooks/useCollapsibleContext';\nimport { InternalCollapsibleContext } from './hooks/useInternalCollapsibleContext';\nimport {\n  useAnimatedReaction,\n  useDerivedValue,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport type { View } from 'react-native';\nimport { debounce } from './utils/debounce';\nimport PullToRefreshProvider from './components/pullToRefresh/PullToRefreshProvider';\n\nexport default function withCollapsibleContext<T>(Component: FC<T>) {\n  return (props: T) => {\n    const collapsibleHandlers = useRef<CollapsibleHandles>();\n    const headerHeight = useSharedValue(0);\n    const scrollY = useSharedValue(0);\n    const stickyViewRefs = useRef<Record<string, React.RefObject<View>>>({});\n    const stickyViewTops = useSharedValue<Record<string, number>>({});\n    const stickyViewPositionsRef = useRef<Record<string, LayoutParams>>({});\n    const stickyViewPositions = useSharedValue<Record<string, LayoutParams>>(\n      {}\n    );\n    const fixedHeaderHeight = useSharedValue(0);\n    const stickyHeaderHeight = useSharedValue(0);\n    const containerHeight = useSharedValue(0);\n    const firstStickyViewY = useSharedValue(1000000);\n    const headerContainersHeight = useRef<Record<string, number>>({});\n    const containerRef = useRef<View>(null);\n    const scrollViewRef = useRef<View>(null);\n\n    const setCollapsibleHandlers = useCallback((handlers) => {\n      collapsibleHandlers.current = handlers;\n    }, []);\n\n    const headerCollapsed = useDerivedValue(() => {\n      const maxY = fixedHeaderHeight.value - firstStickyViewY.value;\n      return scrollY.value >= maxY;\n    }, []);\n\n    const contentMinHeight = useDerivedValue(() => {\n      return (\n        containerHeight.value +\n        fixedHeaderHeight.value -\n        stickyHeaderHeight.value\n      );\n    }, []);\n\n    useAnimatedReaction(\n      () => {\n        const totalHeight = Object.keys(stickyViewPositions.value).reduce(\n          (acc, item) => {\n            return acc + stickyViewPositions.value[item].top;\n          },\n          0\n        );\n        return totalHeight - fixedHeaderHeight.value;\n      },\n      (result, previous) => {\n        if (result !== previous) {\n          const viewPositions = stickyViewPositions.value;\n          const headerHeight = fixedHeaderHeight.value;\n          const sortedKeys = Object.keys(viewPositions).sort(\n            (a, b) => viewPositions[a].top - viewPositions[b].top\n          );\n          let totalTop = 0;\n          const values: any = {};\n          for (let i = 0; i < sortedKeys.length; i++) {\n            values[sortedKeys[i]] = totalTop;\n            // Try minus 1 make it filled when scrolling up.\n            // Otherwise, we can see a small space between the persits views\n            totalTop += viewPositions[sortedKeys[i]].height - 1;\n          }\n          stickyViewTops.value = values;\n          firstStickyViewY.value = viewPositions[sortedKeys[0]]?.top || 0;\n          const stickyHeader = sortedKeys.reduce((acc, key) => {\n            const data = viewPositions[key];\n            const isInsideHeader = data.top < headerHeight;\n            if (isInsideHeader) {\n              return acc + data.height;\n            }\n            return acc;\n          }, 0);\n          stickyHeaderHeight.value = stickyHeader;\n        }\n      }\n    );\n\n    const handleStickyViewLayout = useCallback(\n      (viewKey: string, viewRef?: React.RefObject<View>) => {\n        if (viewRef && viewRef.current && containerRef.current) {\n          stickyViewRefs.current[viewKey] = viewRef;\n          viewRef.current.measureLayout(\n            // @ts-ignore\n            containerRef.current,\n            (left, top, width, height) => {\n              stickyViewPositionsRef.current = {\n                ...stickyViewPositionsRef.current,\n                [viewKey]: { left, top, width, height },\n              };\n              stickyViewPositions.value = stickyViewPositionsRef.current;\n            },\n            () => {}\n          );\n        } else {\n          delete stickyViewRefs.current[viewKey];\n          delete stickyViewPositionsRef.current[viewKey];\n          stickyViewPositions.value = stickyViewPositionsRef.current;\n        }\n      },\n      []\n    );\n\n    const debounceRefreshStickyPositions = useMemo(() => {\n      return debounce(() => {\n        Object.keys(stickyViewRefs.current).forEach((key) => {\n          const viewRef = stickyViewRefs.current[key];\n          if (viewRef) {\n            handleStickyViewLayout(key, viewRef);\n          }\n        });\n      }, 200);\n    }, []);\n\n    const handleHeaderContainerLayout = useCallback(\n      (viewKey: string, height?: number) => {\n        if (!height) {\n          delete headerContainersHeight.current[viewKey];\n        } else {\n          headerContainersHeight.current[viewKey] = height;\n        }\n        const totalHeight = Object.keys(headerContainersHeight.current).reduce(\n          (acc, key) => headerContainersHeight.current[key] + acc,\n          0\n        );\n        headerHeight.value = withTiming(totalHeight, {\n          duration: fixedHeaderHeight.value === 0 ? 0 : 200,\n        });\n        fixedHeaderHeight.value = totalHeight;\n        // Try refresh sticky positions\n        debounceRefreshStickyPositions();\n      },\n      []\n    );\n\n    const handleContainerHeight = useCallback((height: number) => {\n      containerHeight.value = height;\n    }, []);\n\n    const context = useMemo(() => {\n      return {\n        collapse: () => collapsibleHandlers.current?.collapse(),\n        expand: () => collapsibleHandlers.current?.expand(),\n        scrollTo: (offset: number, animate?: boolean) =>\n          collapsibleHandlers.current?.scrollTo(offset, animate),\n        headerHeight,\n        scrollY,\n        headerCollapsed,\n      };\n    }, [scrollY, headerHeight, headerCollapsed]);\n\n    const internalContext = useMemo(\n      () => ({\n        scrollViewRef,\n        containerRef,\n        handleStickyViewLayout,\n        handleHeaderContainerLayout,\n        setCollapsibleHandlers,\n        handleContainerHeight,\n        firstStickyViewY,\n        stickyViewTops,\n        stickyViewPositions,\n        fixedHeaderHeight,\n        contentMinHeight,\n      }),\n      [\n        setCollapsibleHandlers,\n        handleStickyViewLayout,\n        handleHeaderContainerLayout,\n        handleContainerHeight,\n        firstStickyViewY,\n        stickyViewTops,\n        stickyViewPositions,\n        fixedHeaderHeight,\n        contentMinHeight,\n      ]\n    );\n\n    return (\n      <CollapsibleContext.Provider value={context}>\n        <InternalCollapsibleContext.Provider value={internalContext}>\n          <PullToRefreshProvider>\n            <Component {...props} />\n          </PullToRefreshProvider>\n        </InternalCollapsibleContext.Provider>\n      </CollapsibleContext.Provider>\n    );\n  };\n}\n"]}

package/lib/typescript/components/CollapsibleContainer.d.ts

@@ -1,6 +1,8 @@
-import { ViewProps } from 'react-native';
+import { KeyboardAvoidingViewProps, ViewProps } from 'react-native';
 declare type Props = Omit<ViewProps, 'ref' | 'onLayout'> & {
     children: Element;
+    keyboardAvoidingViewProps?: KeyboardAvoidingViewProps;
+    textInputRefs?: any[];
 };
-export default function CollapsibleContainer({ children, ...props }: Props): JSX.Element;
+export default function CollapsibleContainer({ children, keyboardAvoidingViewProps, textInputRefs, ...props }: Props): JSX.Element;
 export {};

package/lib/typescript/components/pullToRefresh/PullToRefreshContainer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import Animated from 'react-native-reanimated';
+declare type Props = {
+    children: React.ReactNode;
+    scrollY: Animated.SharedValue<number>;
+};
+export default function PullToRefreshContainer({ children, scrollY }: Props): JSX.Element;
+export {};

package/lib/typescript/components/pullToRefresh/PullToRefreshProvider.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type Props = {
+    children: React.ReactNode;
+};
+export default function PullToRefreshProvider({ children }: Props): JSX.Element;
+export {};

package/lib/typescript/components/pullToRefresh/RefreshControl.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type Props = {
+    height?: number;
+    refreshing: boolean;
+    onRefresh: () => void;
+    renderAnimation: (animatedProps: any) => React.ReactNode;
+};
+export default function RefreshControl({ height, refreshing, onRefresh, renderAnimation, }: Props): JSX.Element;
+export {};

package/lib/typescript/components/pullToRefresh/usePullToRefreshContext.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { PullToRefreshContextType } from '../../types';
+export declare const PullToRefreshContext: import("react").Context<PullToRefreshContextType>;
+export default function usePullToRefreshContext(): PullToRefreshContextType;