@r0b0t3d/react-native-collapsible 1.1.2 → 1.2.0-alpha.0

package/src/components/pullToRefresh/RefreshControl.tsx

@@ -0,0 +1,80 @@
+/* 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';
+
+type Props = {
+  height?: number;
+  refreshing: boolean;
+  onRefresh: () => void;
+  renderAnimation: (animatedProps: any) => React.ReactNode;
+};
+
+export default function RefreshControl({
+  height = 100,
+  refreshing,
+  onRefresh,
+  renderAnimation,
+}: Props) {
+  const { refreshValue, internalRefreshing, internalHeight } =
+    usePullToRefreshContext();
+
+  useEffect(() => {
+    internalHeight.value = height;
+  }, [height]);
+
+  useEffect(() => {
+    internalRefreshing.value = refreshing;
+  }, [refreshing]);
+
+  const animatedStyle = useAnimatedStyle(() => {
+    return {
+      height: refreshValue.value,
+    };
+  }, []);
+
+  const handleRefresh = useCallback(() => {
+    console.log('refresh');
+    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 (
+    <Animated.View style={[styles.container, animatedStyle]}>
+      {renderAnimation(animatedProps)}
+    </Animated.View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    overflow: 'hidden',
+  },
+});

package/src/components/pullToRefresh/usePullToRefreshContext.ts

@@ -0,0 +1,13 @@
+import { createContext, useContext } from 'react';
+import type { PullToRefreshContextType } from '../../types';
+
+// @ts-ignore
+export const PullToRefreshContext = createContext<PullToRefreshContextType>({});
+
+export default function usePullToRefreshContext() {
+  const ctx = useContext(PullToRefreshContext);
+  if (!ctx) {
+    throw new Error('Component should be wrapped with withCollapsibleContext');
+  }
+  return ctx;
+}

package/src/components/pullToRefresh/utils.ts

@@ -0,0 +1,49 @@
+export const springConfig = (velocity: number) => {
+  'worklet';
+
+  return {
+    stiffness: 1000,
+    damping: 500,
+    mass: 3,
+    overshootClamping: true,
+    restDisplacementThreshold: 0.01,
+    restSpeedThreshold: 0.01,
+    velocity,
+  };
+};
+
+export function clamp(value: number, lowerbound: number, upperbound: number) {
+  '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: number, dim: number, coeff: number) => {
+  'worklet';
+
+  return (1.0 - 1.0 / ((x * coeff) / dim + 1.0)) * dim;
+};
+
+export const rubberClamp = (
+  y: number,
+  topBound: number,
+  bottomBound: number,
+  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);
+};

package/src/components/{CollapsibleFlatList.tsx → scrollable/CollapsibleFlatList.tsx}

@@ -5,16 +5,17 @@ import React, {
   useRef,
   useState,
 } from 'react';
-import { FlatListProps, FlatList, View, StyleSheet } from 'react-native';
+import { FlatListProps, 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 type { CollapsibleProps } from '../types';
-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 type { CollapsibleProps } from '../../types';
+import PullToRefreshContainer from '../pullToRefresh/PullToRefreshContainer';
 
 const AnimatedFlatList = Animated.createAnimatedComponent(FlatList);
 
@@ -25,9 +26,9 @@ export default function CollapsibleFlatList<Data>({
   headerSnappable = true,
   ...props
 }: Props<Data>) {
-  const scrollView = useRef<FlatList>(null);
-  const { headerHeight } = useCollapsibleContext();
+  const { headerHeight, scrollY } = useCollapsibleContext();
   const { contentMinHeight } = useInternalCollapsibleContext();
+  const scrollRef = useRef<any>(null);
   const mounted = useRef(true);
   const contentHeight = useRef(0);
 
@@ -37,12 +38,15 @@ export default function CollapsibleFlatList<Data>({
     };
   }, []);
 
-  const scrollTo = useCallback((yValue: number, animated = true) => {
-    scrollView.current?.scrollToOffset({
-      offset: yValue,
-      animated,
-    });
-  }, []);
+  const scrollTo = useCallback(
+    (yValue: number, animated = true) => {
+      scrollRef.current?.scrollToOffset({
+        offset: yValue,
+        animated,
+      });
+    },
+    [scrollRef]
+  );
 
   const handleInternalContentHeight = useCallback((value: number) => {
     if (mounted.current) {
@@ -96,20 +100,22 @@ export default function CollapsibleFlatList<Data>({
   );
 
   return (
-    // @ts-ignore
-    <AnimatedFlatList
-      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}
-    />
+    <PullToRefreshContainer scrollY={scrollY}>
+      {/* @ts-ignore */}
+      <AnimatedFlatList
+        ref={scrollRef}
+        bounces={false}
+        keyboardDismissMode="on-drag"
+        keyboardShouldPersistTaps="handled"
+        scrollEventThrottle={1}
+        {...props}
+        style={[styles.container, props.style]}
+        contentContainerStyle={contentContainerStyle}
+        onScroll={scrollHandler}
+        ListHeaderComponent={renderListHeader()}
+        onContentSizeChange={handleContentSizeChange}
+      />
+    </PullToRefreshContainer>
   );
 }
 

package/src/components/{CollapsibleScrollView.tsx → scrollable/CollapsibleScrollView.tsx}

@@ -1,11 +1,11 @@
-import AnimatedTopView from './AnimatedTopView';
-import useAnimatedScroll from '../hooks/useAnimatedScroll';
+import AnimatedTopView from '../header/AnimatedTopView';
+import useAnimatedScroll from './useAnimatedScroll';
 import React, { ReactNode, useCallback, useMemo, useRef } from 'react';
 import { ScrollViewProps, StyleSheet } from 'react-native';
 import Animated, { useAnimatedStyle } from 'react-native-reanimated';
-import type { CollapsibleProps } from '../types';
-import useCollapsibleContext from '../hooks/useCollapsibleContext';
-import { useInternalCollapsibleContext } from '../hooks/useInternalCollapsibleContext';
+import type { CollapsibleProps } from '../../types';
+import useCollapsibleContext from '../../hooks/useCollapsibleContext';
+import useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';
 
 type Props = ScrollViewProps &
   CollapsibleProps & {
@@ -52,7 +52,7 @@ export default function CollapsibleScrollView({
       onScroll={scrollHandler}
       keyboardDismissMode="on-drag"
       keyboardShouldPersistTaps="handled"
-      scrollEventThrottle={16}
+      scrollEventThrottle={1}
     >
       <Animated.View style={animatedStyle}>
         <AnimatedTopView height={headerHeight} />

package/src/{hooks → components/scrollable}/useAnimatedScroll.ts

@@ -6,8 +6,8 @@ import {
   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/src/hooks/useInternalCollapsibleContext.ts

@@ -5,7 +5,7 @@ export const InternalCollapsibleContext =
   // @ts-ignore
   createContext<CollapsibleContextInternalType>();
 
-export function useInternalCollapsibleContext() {
+export default function useInternalCollapsibleContext() {
   const ctx = useContext(InternalCollapsibleContext);
   if (!ctx) {
     throw new Error('Component should be wrapped with withCollapsibleContext');

package/src/index.tsx

@@ -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';

package/src/{types.ts → types.d.ts}

@@ -1,3 +1,4 @@
+import type { RefObject } from 'react';
 import type React from 'react';
 import type { View } from 'react-native';
 import type Animated from 'react-native-reanimated';
@@ -40,3 +41,9 @@ export type CollapsibleContextInternalType = {
 export type CollapsibleProps = {
   headerSnappable?: boolean;
 };
+
+export type PullToRefreshContextType = {
+  refreshValue: Animated.SharedValue<number>;
+  internalRefreshing: Animated.SharedValue<boolean>;
+  internalHeight: Animated.SharedValue<number>;
+};

package/src/{hooks/withCollapsibleContext.tsx → withCollapsibleContext.tsx}

@@ -1,9 +1,9 @@
 /* eslint-disable no-shadow */
 /* eslint-disable react-hooks/exhaustive-deps */
 import React, { FC, useCallback, useMemo, useRef } from 'react';
-import type { CollapsibleHandles, LayoutParams } from '../types';
-import { CollapsibleContext } from './useCollapsibleContext';
-import { InternalCollapsibleContext } from './useInternalCollapsibleContext';
+import type { CollapsibleHandles, LayoutParams } from './types';
+import { CollapsibleContext } from './hooks/useCollapsibleContext';
+import { InternalCollapsibleContext } from './hooks/useInternalCollapsibleContext';
 import {
   useAnimatedReaction,
   useDerivedValue,
@@ -11,7 +11,8 @@ import {
   withTiming,
 } from 'react-native-reanimated';
 import type { View } from 'react-native';
-import { debounce } from '../utils/debounce';
+import { debounce } from './utils/debounce';
+import PullToRefreshProvider from './components/pullToRefresh/PullToRefreshProvider';
 
 export default function withCollapsibleContext<T>(Component: FC<T>) {
   return (props: T) => {
@@ -190,7 +191,9 @@ export default function withCollapsibleContext<T>(Component: FC<T>) {
     return (
       <CollapsibleContext.Provider value={context}>
         <InternalCollapsibleContext.Provider value={internalContext}>
-          <Component {...props} />
+          <PullToRefreshProvider>
+            <Component {...props} />
+          </PullToRefreshProvider>
         </InternalCollapsibleContext.Provider>
       </CollapsibleContext.Provider>
     );

package/lib/commonjs/components/CollapsibleFlatList.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["CollapsibleFlatList.tsx"],"names":["AnimatedFlatList","Animated","createAnimatedComponent","FlatList","CollapsibleFlatList","headerSnappable","props","scrollView","headerHeight","contentMinHeight","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","StyleSheet","create","absoluteFillObject","flexGrow","topView","position","top","left","right"],"mappings":"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","sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { FlatListProps, FlatList, View, StyleSheet } from 'react-native';\nimport Animated, {\n  runOnJS,\n  useAnimatedReaction,\n} from 'react-native-reanimated';\nimport AnimatedTopView from './AnimatedTopView';\nimport useAnimatedScroll from '../hooks/useAnimatedScroll';\nimport useCollapsibleContext from '../hooks/useCollapsibleContext';\nimport type { CollapsibleProps } from '../types';\nimport { useInternalCollapsibleContext } from '../hooks/useInternalCollapsibleContext';\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 scrollView = useRef<FlatList>(null);\n  const { headerHeight } = useCollapsibleContext();\n  const { contentMinHeight } = 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    scrollView.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    // @ts-ignore\n    <AnimatedFlatList\n      ref={scrollView}\n      bounces={false}\n      keyboardDismissMode=\"on-drag\"\n      keyboardShouldPersistTaps=\"handled\"\n      scrollEventThrottle={16}\n      {...props}\n      style={[styles.container, props.style]}\n      contentContainerStyle={contentContainerStyle}\n      onScroll={scrollHandler}\n      ListHeaderComponent={renderListHeader()}\n      onContentSizeChange={handleContentSizeChange}\n    />\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/commonjs/components/CollapsibleHeaderContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["CollapsibleHeaderContainer.tsx"],"names":["key","CollapsibleHeaderContainer","children","containerStyle","contentKey","scrollY","handleHeaderContainerLayout","headerHeight","undefined","handleHeaderLayout","nativeEvent","layout","height","value","duration","headerTranslate","Animated","Extrapolate","CLAMP","headerStyle","transform","translateY","minHeight","internalStyle","zIndex","styles","container","StyleSheet","create","backgroundColor","marginTop","Platform","OS"],"mappings":";;;;;;;AACA;;AACA;;AACA;;AAQA;;AAOA;;;;;;;;AAlBA;AAyBA,IAAIA,GAAG,GAAG,CAAV;;AAEe,SAASC,0BAAT,CAAoC;AACjDC,EAAAA,QADiD;AAEjDC,EAAAA;AAFiD,CAApC,EAGL;AACR,QAAMC,UAAU,GAAG,oBAAQ,MAAO,sBAAqBJ,GAAG,EAAG,EAA1C,EAA6C,EAA7C,CAAnB;AACA,QAAM;AAAEK,IAAAA;AAAF,MAAc,qCAApB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAkC,mEAAxC;AACA,QAAMC,YAAY,GAAG,2CAAe,CAAf,CAArB;AAEA,wBAAU,MAAM;AACd,WAAO,MAAMD,2BAA2B,CAACF,UAAD,EAAaI,SAAb,CAAxC;AACD,GAFD,EAEG,EAFH;AAIA,QAAMC,kBAAkB,GAAG,wBACzB,CAAC;AACCC,IAAAA,WAAW,EAAE;AACXC,MAAAA,MAAM,EAAE;AAAEC,QAAAA;AAAF;AADG;AADd,GAAD,KAIyB;AACvBL,IAAAA,YAAY,CAACM,KAAb,GAAqB,uCAAWD,MAAX,EAAmB;AACtCE,MAAAA,QAAQ,EAAE;AAD4B,KAAnB,CAArB;AAGAR,IAAAA,2BAA2B,CAACF,UAAD,EAAaQ,MAAb,CAA3B;AACD,GAVwB,EAWzB,CAACR,UAAD,EAAaE,2BAAb,CAXyB,CAA3B;AAcA,QAAMS,eAAe,GAAG,4CACtB,MACE,wCACEV,OAAO,CAACQ,KADV,EAEE;AACA,GAAC,CAAC,GAAF,EAAO,CAAP,EAAU,MAAV,CAHF,EAIE,CAAC,GAAD,EAAM,CAAN,EAAS,CAAC,MAAV,CAJF,EAKEG,+BAASC,WAAT,CAAqBC,KALvB,CAFoB,EAStB,EATsB,CAAxB;AAYA,QAAMC,WAAW,GAAG,6CAAiB,MAAM;AACzC,WAAO;AACLC,MAAAA,SAAS,EAAE,CAAC;AAAEC,QAAAA,UAAU,EAAEN,eAAe,CAACF;AAA9B,OAAD,CADN;AAELS,MAAAA,SAAS,EAAEf,YAAY,CAACM;AAFnB,KAAP;AAID,GALmB,EAKjB,CAACN,YAAD,EAAeQ,eAAf,CALiB,CAApB;AAOA,QAAMQ,aAAa,GAAG,oBAAQ,MAAM;AAClC,WAAO;AACLC,MAAAA,MAAM,EAAE,SAASxB;AADZ,KAAP;AAGD,GAJqB,EAInB,EAJmB,CAAtB;AAMA,sBACE,6BAAC,8BAAD,CAAU,IAAV;AACE,IAAA,KAAK,EAAE,CAACmB,WAAD,EAAcI,aAAd,CADT;AAEE,IAAA,aAAa,EAAC;AAFhB,kBAIE,6BAAC,iBAAD;AACE,IAAA,GAAG,EAAEnB,UADP;AAEE,IAAA,QAAQ,EAAEK,kBAFZ;AAGE,IAAA,aAAa,EAAC,UAHhB;AAIE,IAAA,KAAK,EAAE,CAACgB,MAAM,CAACC,SAAR,EAAmBvB,cAAnB;AAJT,KAMGD,QANH,CAJF,CADF;AAeD;;AAED,MAAMuB,MAAM,GAAGE,wBAAWC,MAAX,CAAkB;AAC/BF,EAAAA,SAAS,EAAE;AACTG,IAAAA,eAAe,EAAE,OADR;AAETC,IAAAA,SAAS,EAAEC,sBAASC,EAAT,KAAgB,SAAhB,GAA4B,CAAC,CAA7B,GAAiC;AAFnC;AADoB,CAAlB,CAAf","sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { useInternalCollapsibleContext } from '../hooks/useInternalCollapsibleContext';\nimport React, { ReactNode, useCallback, useEffect, useMemo } from 'react';\nimport {\n  LayoutChangeEvent,\n  Platform,\n  StyleProp,\n  StyleSheet,\n  View,\n  ViewStyle,\n} from 'react-native';\nimport Animated, {\n  interpolate,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport useCollapsibleContext from '../hooks/useCollapsibleContext';\n\ntype Props = {\n  children: ReactNode;\n  containerStyle?: StyleProp<ViewStyle>;\n};\n\nlet key = 0;\n\nexport default function CollapsibleHeaderContainer({\n  children,\n  containerStyle,\n}: Props) {\n  const contentKey = useMemo(() => `collapsible-header-${key++}`, []);\n  const { scrollY } = useCollapsibleContext();\n  const { handleHeaderContainerLayout } = useInternalCollapsibleContext();\n  const headerHeight = useSharedValue(0);\n\n  useEffect(() => {\n    return () => handleHeaderContainerLayout(contentKey, undefined);\n  }, []);\n\n  const handleHeaderLayout = useCallback(\n    ({\n      nativeEvent: {\n        layout: { height },\n      },\n    }: LayoutChangeEvent) => {\n      headerHeight.value = withTiming(height, {\n        duration: 200,\n      });\n      handleHeaderContainerLayout(contentKey, height);\n    },\n    [contentKey, handleHeaderContainerLayout]\n  );\n\n  const headerTranslate = useDerivedValue(\n    () =>\n      interpolate(\n        scrollY.value,\n        // FIXME: can improve by geting maxY value of header and sticky views\n        [-250, 0, 100000],\n        [250, 0, -100000],\n        Animated.Extrapolate.CLAMP\n      ),\n    []\n  );\n\n  const headerStyle = useAnimatedStyle(() => {\n    return {\n      transform: [{ translateY: headerTranslate.value }],\n      minHeight: headerHeight.value,\n    };\n  }, [headerHeight, headerTranslate]);\n\n  const internalStyle = useMemo(() => {\n    return {\n      zIndex: 100000 - key,\n    };\n  }, []);\n\n  return (\n    <Animated.View\n      style={[headerStyle, internalStyle]}\n      pointerEvents=\"box-none\"\n    >\n      <View\n        key={contentKey}\n        onLayout={handleHeaderLayout}\n        pointerEvents=\"box-none\"\n        style={[styles.container, containerStyle]}\n      >\n        {children}\n      </View>\n    </Animated.View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: 'white',\n    marginTop: Platform.OS === 'android' ? -1 : 0\n  },\n});\n"]}

package/lib/commonjs/components/CollapsibleScrollView.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["CollapsibleScrollView.tsx"],"names":["CollapsibleScrollView","headerSnappable","children","props","scrollView","contentMinHeight","headerHeight","scrollTo","yValue","animated","current","y","scrollHandler","animatedStyle","minHeight","value","contentContainerStyle","styles","contentContainer","container","style","StyleSheet","create","absoluteFillObject","flexGrow","topView","position","top","left","right"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;AAOe,SAASA,qBAAT,CAA+B;AAC5CC,EAAAA,eAAe,GAAG,IAD0B;AAE5CC,EAAAA,QAF4C;AAG5C,KAAGC;AAHyC,CAA/B,EAIL;AACR,QAAMC,UAAU,GAAG,mBAA4B,IAA5B,CAAnB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAuB,mEAA7B;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAmB,qCAAzB;AAEA,QAAMC,QAAQ,GAAG,wBAAY,CAACC,MAAD,EAAiBC,QAAQ,GAAG,IAA5B,KAAqC;AAAA;;AAChE;AACA,2BAAAL,UAAU,CAACM,OAAX,4EAAoBH,QAApB,CAA6B;AAAEI,MAAAA,CAAC,EAAEH,MAAL;AAAaC,MAAAA;AAAb,KAA7B;AACD,GAHgB,EAGd,EAHc,CAAjB;AAKA,QAAM;AAAEG,IAAAA;AAAF,MAAoB,gCAAkB;AAC1CX,IAAAA,eAD0C;AAE1CM,IAAAA;AAF0C,GAAlB,CAA1B;AAKA,QAAMM,aAAa,GAAG,6CAAiB,MAAM;AAC3C,WAAO;AACLC,MAAAA,SAAS,EAAET,gBAAgB,CAACU;AADvB,KAAP;AAGD,GAJqB,EAInB,EAJmB,CAAtB;AAMA,QAAMC,qBAAqB,GAAG,oBAC5B,MAAM,CAACC,MAAM,CAACC,gBAAR,EAA0Bf,KAAK,CAACa,qBAAhC,CADsB,EAE5B,CAACb,KAAK,CAACa,qBAAP,CAF4B,CAA9B;AAKA,sBACE,6BAAC,8BAAD,CAAU,UAAV;AACE,IAAA,GAAG,EAAEZ,UADP;AAEE,IAAA,OAAO,EAAE;AAFX,KAGMD,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,6BAAC,8BAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAEC;AAAtB,kBACE,6BAAC,wBAAD;AAAiB,IAAA,MAAM,EAAEP;AAAzB,IADF,EAEGJ,QAFH,CAXF,CADF;AAkBD;;AAED,MAAMe,MAAM,GAAGI,wBAAWC,MAAX,CAAkB;AAC/BH,EAAAA,SAAS,EAAE,EACT,GAAGE,wBAAWE;AADL,GADoB;AAI/BL,EAAAA,gBAAgB,EAAE;AAChBM,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":["import AnimatedTopView from './AnimatedTopView';\nimport useAnimatedScroll from '../hooks/useAnimatedScroll';\nimport React, { ReactNode, useCallback, useMemo, useRef } 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 scrollView = useRef<Animated.ScrollView>(null);\n  const { contentMinHeight } = useInternalCollapsibleContext();\n  const { headerHeight } = useCollapsibleContext();\n\n  const scrollTo = useCallback((yValue: number, animated = true) => {\n    // @ts-ignore\n    scrollView.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={scrollView}\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={16}\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/commonjs/components/StickyView.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["StickyView.tsx"],"names":["stickyKey","StickyView","children","style","key","viewRef","handleStickyViewLayout","stickyViewTops","stickyViewPositions","scrollY","undefined","handleLayout","translateY","top","value","layoutValues","inputMid","Extrapolate","CLAMP","animatedStyle","transform","styles","container","StyleSheet","create","backgroundColor","zIndex"],"mappings":";;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AALA;AAiBA,IAAIA,SAAS,GAAG,CAAhB;;AAEe,SAASC,UAAT,CAAoB;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAApB,EAAgD;AAC7D,QAAMC,GAAG,GAAG,oBAAQ,MAAO,UAASJ,SAAS,EAAG,EAApC,EAAuC,EAAvC,CAAZ;AACA,QAAMK,OAAO,GAAG,mBAAa,IAAb,CAAhB;AACA,QAAM;AAAEC,IAAAA,sBAAF;AAA0BC,IAAAA,cAA1B;AAA0CC,IAAAA;AAA1C,MACJ,mEADF;AAEA,QAAM;AAAEC,IAAAA;AAAF,MAAc,qCAApB;AAEA,wBAAU,MAAM;AACd,WAAO,MAAMH,sBAAsB,CAACF,GAAD,EAAMM,SAAN,CAAnC;AACD,GAFD,EAEG,EAFH;AAIA,QAAMC,YAAY,GAAG,wBAAY,MAAM;AACrCL,IAAAA,sBAAsB,CAACF,GAAD,EAAMC,OAAN,CAAtB;AACD,GAFoB,EAElB,CAACC,sBAAD,EAAyBF,GAAzB,CAFkB,CAArB;AAIA,QAAMQ,UAAU,GAAG,4CAAgB,MAAM;AACvC,UAAMC,GAAG,GAAGN,cAAc,CAACO,KAAf,CAAqBV,GAArB,KAA6B,CAAzC;AACA,UAAMW,YAAY,GAAGP,mBAAmB,CAACM,KAApB,CAA0BV,GAA1B,KAAkC;AAAES,MAAAA,GAAG,EAAE;AAAP,KAAvD;AACA,UAAMG,QAAQ,GAAGD,YAAY,CAACF,GAAb,GAAmBA,GAApC;AACA,WAAO,wCACLJ,OAAO,CAACK,KADH,EAEL,CAAC,CAAD,EAAIE,QAAJ,EAAcA,QAAQ,GAAG,MAAzB,CAFK,EAGL,CAAC,CAAD,EAAI,CAAJ,EAAO,MAAP,CAHK,EAILC,mCAAYC,KAJP,CAAP;AAMD,GAVkB,EAUhB,EAVgB,CAAnB;AAYA,QAAMC,aAAa,GAAG,6CAAiB,MAAM;AAC3C,WAAO;AACLC,MAAAA,SAAS,EAAE,CACT;AACER,QAAAA,UAAU,EAAEA,UAAU,CAACE;AADzB,OADS;AADN,KAAP;AAOD,GARqB,EAQnB,EARmB,CAAtB;AAUA,sBACE,6BAAC,8BAAD,CAAU,IAAV;AACE,IAAA,GAAG,EAAEV,GADP,CAEE;AAFF;AAGE,IAAA,GAAG,EAAEC,OAHP;AAIE,IAAA,QAAQ,EAAEM,YAJZ;AAKE,IAAA,KAAK,EAAE,CAACU,MAAM,CAACC,SAAR,EAAmBH,aAAnB,EAAkChB,KAAlC,CALT;AAME,IAAA,aAAa,EAAC;AANhB,KAQGD,QARH,CADF;AAYD;;AAED,MAAMmB,MAAM,GAAGE,wBAAWC,MAAX,CAAkB;AAC/BF,EAAAA,SAAS,EAAE;AACTG,IAAAA,eAAe,EAAE,OADR;AAETC,IAAAA,MAAM,EAAE;AAFC;AADoB,CAAlB,CAAf","sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { useInternalCollapsibleContext } from '../hooks/useInternalCollapsibleContext';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport useCollapsibleContext from '../hooks/useCollapsibleContext';\nimport Animated, {\n  Extrapolate,\n  interpolate,\n  useAnimatedStyle,\n  useDerivedValue,\n} from 'react-native-reanimated';\n\ntype Props = {\n  style?: StyleProp<ViewStyle>;\n  children: Element;\n};\n\nlet stickyKey = 0;\n\nexport default function StickyView({ children, style }: Props) {\n  const key = useMemo(() => `sticky_${stickyKey++}`, []);\n  const viewRef = useRef<View>(null);\n  const { handleStickyViewLayout, stickyViewTops, stickyViewPositions } =\n    useInternalCollapsibleContext();\n  const { scrollY } = useCollapsibleContext();\n\n  useEffect(() => {\n    return () => handleStickyViewLayout(key, undefined);\n  }, []);\n\n  const handleLayout = useCallback(() => {\n    handleStickyViewLayout(key, viewRef);\n  }, [handleStickyViewLayout, key]);\n\n  const translateY = useDerivedValue(() => {\n    const top = stickyViewTops.value[key] || 0;\n    const layoutValues = stickyViewPositions.value[key] || { top: 0 };\n    const inputMid = layoutValues.top - top;\n    return interpolate(\n      scrollY.value,\n      [0, inputMid, inputMid + 100000],\n      [0, 0, 100000],\n      Extrapolate.CLAMP\n    );\n  }, []);\n\n  const animatedStyle = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          translateY: translateY.value,\n        },\n      ],\n    };\n  }, []);\n\n  return (\n    <Animated.View\n      key={key}\n      // @ts-ignore\n      ref={viewRef}\n      onLayout={handleLayout}\n      style={[styles.container, animatedStyle, style]}\n      pointerEvents=\"box-none\"\n    >\n      {children}\n    </Animated.View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: 'white',\n    zIndex: 10,\n  },\n});\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["CollapsibleFlatList.tsx"],"names":["React","useCallback","useEffect","useMemo","useRef","useState","FlatList","View","StyleSheet","Animated","runOnJS","useAnimatedReaction","AnimatedTopView","useAnimatedScroll","useCollapsibleContext","useInternalCollapsibleContext","AnimatedFlatList","createAnimatedComponent","CollapsibleFlatList","headerSnappable","props","scrollView","headerHeight","contentMinHeight","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":";;AAAA,OAAOA,KAAP,IACEC,WADF,EAEEC,SAFF,EAGEC,OAHF,EAIEC,MAJF,EAKEC,QALF,QAMO,OANP;AAOA,SAAwBC,QAAxB,EAAkCC,IAAlC,EAAwCC,UAAxC,QAA0D,cAA1D;AACA,OAAOC,QAAP,IACEC,OADF,EAEEC,mBAFF,QAGO,yBAHP;AAIA,OAAOC,eAAP,MAA4B,mBAA5B;AACA,OAAOC,iBAAP,MAA8B,4BAA9B;AACA,OAAOC,qBAAP,MAAkC,gCAAlC;AAEA,SAASC,6BAAT,QAA8C,wCAA9C;AAEA,MAAMC,gBAAgB,GAAGP,QAAQ,CAACQ,uBAAT,CAAiCX,QAAjC,CAAzB;AAKA,eAAe,SAASY,mBAAT,CAAmC;AAChDC,EAAAA,eAAe,GAAG,IAD8B;AAEhD,KAAGC;AAF6C,CAAnC,EAGC;AACd,QAAMC,UAAU,GAAGjB,MAAM,CAAW,IAAX,CAAzB;AACA,QAAM;AAAEkB,IAAAA;AAAF,MAAmBR,qBAAqB,EAA9C;AACA,QAAM;AAAES,IAAAA;AAAF,MAAuBR,6BAA6B,EAA1D;AACA,QAAMS,OAAO,GAAGpB,MAAM,CAAC,IAAD,CAAtB;AACA,QAAMqB,aAAa,GAAGrB,MAAM,CAAC,CAAD,CAA5B;AAEAF,EAAAA,SAAS,CAAC,MAAM;AACd,WAAO,MAAM;AACXsB,MAAAA,OAAO,CAACE,OAAR,GAAkB,KAAlB;AACD,KAFD;AAGD,GAJQ,EAIN,EAJM,CAAT;AAMA,QAAMC,QAAQ,GAAG1B,WAAW,CAAC,CAAC2B,MAAD,EAAiBC,QAAQ,GAAG,IAA5B,KAAqC;AAAA;;AAChE,2BAAAR,UAAU,CAACK,OAAX,4EAAoBI,cAApB,CAAmC;AACjCC,MAAAA,MAAM,EAAEH,MADyB;AAEjCC,MAAAA;AAFiC,KAAnC;AAID,GAL2B,EAKzB,EALyB,CAA5B;AAOA,QAAMG,2BAA2B,GAAG/B,WAAW,CAAEgC,KAAD,IAAmB;AACjE,QAAIT,OAAO,CAACE,OAAZ,EAAqB;AACnBQ,MAAAA,2BAA2B,CAACD,KAAD,CAA3B;AACD;AACF,GAJ8C,EAI5C,EAJ4C,CAA/C;AAMA,QAAM;AAAEE,IAAAA;AAAF,MAAoBtB,iBAAiB,CAAC;AAC1CM,IAAAA,eAD0C;AAE1CQ,IAAAA;AAF0C,GAAD,CAA3C;AAKA,QAAM,CAACS,wBAAD,EAA2BF,2BAA3B,IAA0D7B,QAAQ,CACtEkB,gBAAgB,CAACU,KADqD,CAAxE;AAIAtB,EAAAA,mBAAmB,CACjB,MAAM;AACJ,WAAOY,gBAAgB,CAACU,KAAxB;AACD,GAHgB,EAIjB,CAACI,MAAD,EAASC,QAAT,KAAsB;AACpB,QAAID,MAAM,KAAKC,QAAf,EAAyB;AACvB,UACEb,aAAa,CAACC,OAAd,GAAwBH,gBAAgB,CAACU,KAAzC,IACAG,wBAAwB,KAAKb,gBAAgB,CAACU,KAFhD,EAGE;AACAvB,QAAAA,OAAO,CAACsB,2BAAD,CAAP,CAAqCT,gBAAgB,CAACU,KAAtD;AACD;AACF;AACF,GAbgB,CAAnB;AAgBA,QAAMM,qBAAqB,GAAGpC,OAAO,CACnC,MAAM,CACJqC,MAAM,CAACC,gBADH,EAEJ;AAAEC,IAAAA,SAAS,EAAEN;AAAb,GAFI,EAGJhB,KAAK,CAACmB,qBAHF,CAD6B,EAMnC,CAACnB,KAAK,CAACmB,qBAAP,EAA8BH,wBAA9B,CANmC,CAArC;AASA,QAAMO,uBAAuB,GAAG1C,WAAW,CAAC,CAAC2C,CAAD,EAAIC,MAAJ,KAAe;AACzDpB,IAAAA,aAAa,CAACC,OAAd,GAAwBmB,MAAxB;AACD,GAF0C,EAExC,EAFwC,CAA3C;;AAIA,QAAMC,gBAAgB,GAAG,mBACvB,oBAAC,IAAD,qBACE,oBAAC,eAAD;AAAiB,IAAA,MAAM,EAAExB;AAAzB,IADF,EAEGF,KAAK,CAAC2B,mBAFT,CADF;;AAOA;AAAA;AACE;AACA,wBAAC,gBAAD;AACE,MAAA,GAAG,EAAE1B,UADP;AAEE,MAAA,OAAO,EAAE,KAFX;AAGE,MAAA,mBAAmB,EAAC,SAHtB;AAIE,MAAA,yBAAyB,EAAC,SAJ5B;AAKE,MAAA,mBAAmB,EAAE;AALvB,OAMMD,KANN;AAOE,MAAA,KAAK,EAAE,CAACoB,MAAM,CAACQ,SAAR,EAAmB5B,KAAK,CAAC6B,KAAzB,CAPT;AAQE,MAAA,qBAAqB,EAAEV,qBARzB;AASE,MAAA,QAAQ,EAAEJ,aATZ;AAUE,MAAA,mBAAmB,EAAEW,gBAAgB,EAVvC;AAWE,MAAA,mBAAmB,EAAEH;AAXvB;AAFF;AAgBD;AAED,MAAMH,MAAM,GAAGhC,UAAU,CAAC0C,MAAX,CAAkB;AAC/BF,EAAAA,SAAS,EAAE,EACT,GAAGxC,UAAU,CAAC2C;AADL,GADoB;AAI/BV,EAAAA,gBAAgB,EAAE;AAChBW,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":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { FlatListProps, FlatList, View, StyleSheet } from 'react-native';\nimport Animated, {\n  runOnJS,\n  useAnimatedReaction,\n} from 'react-native-reanimated';\nimport AnimatedTopView from './AnimatedTopView';\nimport useAnimatedScroll from '../hooks/useAnimatedScroll';\nimport useCollapsibleContext from '../hooks/useCollapsibleContext';\nimport type { CollapsibleProps } from '../types';\nimport { useInternalCollapsibleContext } from '../hooks/useInternalCollapsibleContext';\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 scrollView = useRef<FlatList>(null);\n  const { headerHeight } = useCollapsibleContext();\n  const { contentMinHeight } = 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    scrollView.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    // @ts-ignore\n    <AnimatedFlatList\n      ref={scrollView}\n      bounces={false}\n      keyboardDismissMode=\"on-drag\"\n      keyboardShouldPersistTaps=\"handled\"\n      scrollEventThrottle={16}\n      {...props}\n      style={[styles.container, props.style]}\n      contentContainerStyle={contentContainerStyle}\n      onScroll={scrollHandler}\n      ListHeaderComponent={renderListHeader()}\n      onContentSizeChange={handleContentSizeChange}\n    />\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.map

@@ -1 +0,0 @@
-{"version":3,"sources":["CollapsibleScrollView.tsx"],"names":["AnimatedTopView","useAnimatedScroll","React","useCallback","useMemo","useRef","StyleSheet","Animated","useAnimatedStyle","useCollapsibleContext","useInternalCollapsibleContext","CollapsibleScrollView","headerSnappable","children","props","scrollView","contentMinHeight","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,OAAOA,eAAP,MAA4B,mBAA5B;AACA,OAAOC,iBAAP,MAA8B,4BAA9B;AACA,OAAOC,KAAP,IAA2BC,WAA3B,EAAwCC,OAAxC,EAAiDC,MAAjD,QAA+D,OAA/D;AACA,SAA0BC,UAA1B,QAA4C,cAA5C;AACA,OAAOC,QAAP,IAAmBC,gBAAnB,QAA2C,yBAA3C;AAEA,OAAOC,qBAAP,MAAkC,gCAAlC;AACA,SAASC,6BAAT,QAA8C,wCAA9C;AAOA,eAAe,SAASC,qBAAT,CAA+B;AAC5CC,EAAAA,eAAe,GAAG,IAD0B;AAE5CC,EAAAA,QAF4C;AAG5C,KAAGC;AAHyC,CAA/B,EAIL;AACR,QAAMC,UAAU,GAAGV,MAAM,CAAsB,IAAtB,CAAzB;AACA,QAAM;AAAEW,IAAAA;AAAF,MAAuBN,6BAA6B,EAA1D;AACA,QAAM;AAAEO,IAAAA;AAAF,MAAmBR,qBAAqB,EAA9C;AAEA,QAAMS,QAAQ,GAAGf,WAAW,CAAC,CAACgB,MAAD,EAAiBC,QAAQ,GAAG,IAA5B,KAAqC;AAAA;;AAChE;AACA,2BAAAL,UAAU,CAACM,OAAX,4EAAoBH,QAApB,CAA6B;AAAEI,MAAAA,CAAC,EAAEH,MAAL;AAAaC,MAAAA;AAAb,KAA7B;AACD,GAH2B,EAGzB,EAHyB,CAA5B;AAKA,QAAM;AAAEG,IAAAA;AAAF,MAAoBtB,iBAAiB,CAAC;AAC1CW,IAAAA,eAD0C;AAE1CM,IAAAA;AAF0C,GAAD,CAA3C;AAKA,QAAMM,aAAa,GAAGhB,gBAAgB,CAAC,MAAM;AAC3C,WAAO;AACLiB,MAAAA,SAAS,EAAET,gBAAgB,CAACU;AADvB,KAAP;AAGD,GAJqC,EAInC,EAJmC,CAAtC;AAMA,QAAMC,qBAAqB,GAAGvB,OAAO,CACnC,MAAM,CAACwB,MAAM,CAACC,gBAAR,EAA0Bf,KAAK,CAACa,qBAAhC,CAD6B,EAEnC,CAACb,KAAK,CAACa,qBAAP,CAFmC,CAArC;AAKA,sBACE,oBAAC,QAAD,CAAU,UAAV;AACE,IAAA,GAAG,EAAEZ,UADP;AAEE,IAAA,OAAO,EAAE;AAFX,KAGMD,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":["import AnimatedTopView from './AnimatedTopView';\nimport useAnimatedScroll from '../hooks/useAnimatedScroll';\nimport React, { ReactNode, useCallback, useMemo, useRef } 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 scrollView = useRef<Animated.ScrollView>(null);\n  const { contentMinHeight } = useInternalCollapsibleContext();\n  const { headerHeight } = useCollapsibleContext();\n\n  const scrollTo = useCallback((yValue: number, animated = true) => {\n    // @ts-ignore\n    scrollView.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={scrollView}\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={16}\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/components/StickyView.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["StickyView.tsx"],"names":["useInternalCollapsibleContext","React","useCallback","useEffect","useMemo","useRef","StyleSheet","useCollapsibleContext","Animated","Extrapolate","interpolate","useAnimatedStyle","useDerivedValue","stickyKey","StickyView","children","style","key","viewRef","handleStickyViewLayout","stickyViewTops","stickyViewPositions","scrollY","undefined","handleLayout","translateY","top","value","layoutValues","inputMid","CLAMP","animatedStyle","transform","styles","container","create","backgroundColor","zIndex"],"mappings":"AAAA;AACA,SAASA,6BAAT,QAA8C,wCAA9C;AACA,OAAOC,KAAP,IAAgBC,WAAhB,EAA6BC,SAA7B,EAAwCC,OAAxC,EAAiDC,MAAjD,QAA+D,OAA/D;AACA,SAAoBC,UAApB,QAAuD,cAAvD;AACA,OAAOC,qBAAP,MAAkC,gCAAlC;AACA,OAAOC,QAAP,IACEC,WADF,EAEEC,WAFF,EAGEC,gBAHF,EAIEC,eAJF,QAKO,yBALP;AAYA,IAAIC,SAAS,GAAG,CAAhB;AAEA,eAAe,SAASC,UAAT,CAAoB;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAApB,EAAgD;AAC7D,QAAMC,GAAG,GAAGb,OAAO,CAAC,MAAO,UAASS,SAAS,EAAG,EAA7B,EAAgC,EAAhC,CAAnB;AACA,QAAMK,OAAO,GAAGb,MAAM,CAAO,IAAP,CAAtB;AACA,QAAM;AAAEc,IAAAA,sBAAF;AAA0BC,IAAAA,cAA1B;AAA0CC,IAAAA;AAA1C,MACJrB,6BAA6B,EAD/B;AAEA,QAAM;AAAEsB,IAAAA;AAAF,MAAcf,qBAAqB,EAAzC;AAEAJ,EAAAA,SAAS,CAAC,MAAM;AACd,WAAO,MAAMgB,sBAAsB,CAACF,GAAD,EAAMM,SAAN,CAAnC;AACD,GAFQ,EAEN,EAFM,CAAT;AAIA,QAAMC,YAAY,GAAGtB,WAAW,CAAC,MAAM;AACrCiB,IAAAA,sBAAsB,CAACF,GAAD,EAAMC,OAAN,CAAtB;AACD,GAF+B,EAE7B,CAACC,sBAAD,EAAyBF,GAAzB,CAF6B,CAAhC;AAIA,QAAMQ,UAAU,GAAGb,eAAe,CAAC,MAAM;AACvC,UAAMc,GAAG,GAAGN,cAAc,CAACO,KAAf,CAAqBV,GAArB,KAA6B,CAAzC;AACA,UAAMW,YAAY,GAAGP,mBAAmB,CAACM,KAApB,CAA0BV,GAA1B,KAAkC;AAAES,MAAAA,GAAG,EAAE;AAAP,KAAvD;AACA,UAAMG,QAAQ,GAAGD,YAAY,CAACF,GAAb,GAAmBA,GAApC;AACA,WAAOhB,WAAW,CAChBY,OAAO,CAACK,KADQ,EAEhB,CAAC,CAAD,EAAIE,QAAJ,EAAcA,QAAQ,GAAG,MAAzB,CAFgB,EAGhB,CAAC,CAAD,EAAI,CAAJ,EAAO,MAAP,CAHgB,EAIhBpB,WAAW,CAACqB,KAJI,CAAlB;AAMD,GAViC,EAU/B,EAV+B,CAAlC;AAYA,QAAMC,aAAa,GAAGpB,gBAAgB,CAAC,MAAM;AAC3C,WAAO;AACLqB,MAAAA,SAAS,EAAE,CACT;AACEP,QAAAA,UAAU,EAAEA,UAAU,CAACE;AADzB,OADS;AADN,KAAP;AAOD,GARqC,EAQnC,EARmC,CAAtC;AAUA,sBACE,oBAAC,QAAD,CAAU,IAAV;AACE,IAAA,GAAG,EAAEV,GADP,CAEE;AAFF;AAGE,IAAA,GAAG,EAAEC,OAHP;AAIE,IAAA,QAAQ,EAAEM,YAJZ;AAKE,IAAA,KAAK,EAAE,CAACS,MAAM,CAACC,SAAR,EAAmBH,aAAnB,EAAkCf,KAAlC,CALT;AAME,IAAA,aAAa,EAAC;AANhB,KAQGD,QARH,CADF;AAYD;AAED,MAAMkB,MAAM,GAAG3B,UAAU,CAAC6B,MAAX,CAAkB;AAC/BD,EAAAA,SAAS,EAAE;AACTE,IAAAA,eAAe,EAAE,OADR;AAETC,IAAAA,MAAM,EAAE;AAFC;AADoB,CAAlB,CAAf","sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { useInternalCollapsibleContext } from '../hooks/useInternalCollapsibleContext';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport useCollapsibleContext from '../hooks/useCollapsibleContext';\nimport Animated, {\n  Extrapolate,\n  interpolate,\n  useAnimatedStyle,\n  useDerivedValue,\n} from 'react-native-reanimated';\n\ntype Props = {\n  style?: StyleProp<ViewStyle>;\n  children: Element;\n};\n\nlet stickyKey = 0;\n\nexport default function StickyView({ children, style }: Props) {\n  const key = useMemo(() => `sticky_${stickyKey++}`, []);\n  const viewRef = useRef<View>(null);\n  const { handleStickyViewLayout, stickyViewTops, stickyViewPositions } =\n    useInternalCollapsibleContext();\n  const { scrollY } = useCollapsibleContext();\n\n  useEffect(() => {\n    return () => handleStickyViewLayout(key, undefined);\n  }, []);\n\n  const handleLayout = useCallback(() => {\n    handleStickyViewLayout(key, viewRef);\n  }, [handleStickyViewLayout, key]);\n\n  const translateY = useDerivedValue(() => {\n    const top = stickyViewTops.value[key] || 0;\n    const layoutValues = stickyViewPositions.value[key] || { top: 0 };\n    const inputMid = layoutValues.top - top;\n    return interpolate(\n      scrollY.value,\n      [0, inputMid, inputMid + 100000],\n      [0, 0, 100000],\n      Extrapolate.CLAMP\n    );\n  }, []);\n\n  const animatedStyle = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          translateY: translateY.value,\n        },\n      ],\n    };\n  }, []);\n\n  return (\n    <Animated.View\n      key={key}\n      // @ts-ignore\n      ref={viewRef}\n      onLayout={handleLayout}\n      style={[styles.container, animatedStyle, style]}\n      pointerEvents=\"box-none\"\n    >\n      {children}\n    </Animated.View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: 'white',\n    zIndex: 10,\n  },\n});\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["withCollapsibleContext.tsx"],"names":["React","useCallback","useMemo","useRef","CollapsibleContext","InternalCollapsibleContext","useAnimatedReaction","useDerivedValue","useSharedValue","withTiming","debounce","withCollapsibleContext","Component","props","collapsibleHandlers","headerHeight","scrollY","stickyViewRefs","stickyViewTops","stickyViewPositionsRef","stickyViewPositions","fixedHeaderHeight","stickyHeaderHeight","containerHeight","firstStickyViewY","headerContainersHeight","containerRef","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 './useCollapsibleContext';\nimport { InternalCollapsibleContext } from './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';\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\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        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          <Component {...props} />\n        </InternalCollapsibleContext.Provider>\n      </CollapsibleContext.Provider>\n    );\n  };\n}\n"]}

package/lib/module/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/lib/typescript/types.d.ts

@@ -1,34 +0,0 @@
-import type React from 'react';
-import type { View } from 'react-native';
-import type Animated from 'react-native-reanimated';
-export declare type CollapsibleHandles = {
-    collapse: () => void;
-    expand: () => void;
-    scrollTo: (offset: number, animate?: boolean) => void;
-};
-export declare type CollapsibleContextType = CollapsibleHandles & {
-    scrollY: Animated.SharedValue<number>;
-    headerHeight: Animated.SharedValue<number>;
-    headerCollapsed: Animated.SharedValue<boolean>;
-};
-export declare type LayoutParams = {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-};
-export declare type CollapsibleContextInternalType = {
-    containerRef: React.RefObject<View>;
-    contentMinHeight: Animated.SharedValue<number>;
-    firstStickyViewY: Animated.SharedValue<number>;
-    stickyViewPositions: Animated.SharedValue<Record<string, LayoutParams>>;
-    stickyViewTops: Animated.SharedValue<Record<string, number>>;
-    fixedHeaderHeight: Animated.SharedValue<number>;
-    handleContainerHeight: (height: number) => void;
-    handleStickyViewLayout: (viewKey: string, viewRef?: React.RefObject<View>) => void;
-    handleHeaderContainerLayout: (viewKey: string, height?: number) => void;
-    setCollapsibleHandlers: (handlers: CollapsibleHandles) => void;
-};
-export declare type CollapsibleProps = {
-    headerSnappable?: boolean;
-};