@r0b0t3d/react-native-collapsible 1.5.0-alpha.1 → 1.5.0-alpha.3

package/lib/module/components/scrollable/CollapsibleLegendList.js

@@ -0,0 +1,110 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/* eslint-disable react-hooks/exhaustive-deps */
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { runOnJS, useAnimatedReaction } from 'react-native-reanimated';
+import useAnimatedScroll from './useAnimatedScroll';
+import useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';
+import AnimatedTopView from '../header/AnimatedTopView';
+import useCollapsibleContext from '../../hooks/useCollapsibleContext';
+let AnimatedLegendList = null;
+try {
+  AnimatedLegendList = require('@legendapp/list/reanimated').AnimatedLegendList;
+} catch (e) {
+  console.warn(e);
+}
+if (!AnimatedLegendList) {
+  throw new Error('@legendapp/list is not installed');
+}
+export default function CollapsibleLegendList(_ref) {
+  let {
+    headerSnappable = true,
+    ...props
+  } = _ref;
+  const {
+    headerHeight
+  } = useCollapsibleContext();
+  const {
+    scrollViewRef,
+    fixedHeaderHeight
+  } = useInternalCollapsibleContext();
+  const mounted = useRef(true);
+  const [internalProgressViewOffset, setInternalProgressViewOffset] = useState(0);
+  useEffect(() => {
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  const scrollTo = useCallback(function (yValue) {
+    var _scrollViewRef$curren;
+    let animated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    (_scrollViewRef$curren = scrollViewRef.current) === null || _scrollViewRef$curren === void 0 ? void 0 : _scrollViewRef$curren.scrollToOffset({
+      offset: yValue,
+      animated
+    });
+  }, []);
+  const scrollToIndex = useCallback(params => {
+    var _scrollViewRef$curren2;
+    (_scrollViewRef$curren2 = scrollViewRef.current) === null || _scrollViewRef$curren2 === void 0 ? void 0 : _scrollViewRef$curren2.scrollToIndex(params);
+  }, []);
+  const scrollToLocation = useCallback(() => {
+    console.warn('CollapsibleLegendList does not support scrollToLocation');
+  }, []);
+  const {
+    scrollHandler
+  } = useAnimatedScroll({
+    headerSnappable,
+    scrollTo,
+    scrollToIndex,
+    scrollToLocation
+  });
+  const handleInternalProgressViewOffset = useCallback(value => {
+    if (mounted.current) {
+      setInternalProgressViewOffset(value);
+    }
+  }, []);
+  useAnimatedReaction(() => {
+    return fixedHeaderHeight.value;
+  }, (result, previous) => {
+    if (result !== previous) {
+      runOnJS(handleInternalProgressViewOffset)(result);
+    }
+  });
+  const handleScrollToIndexFailed = useCallback(() => {}, []);
+  function renderListHeader() {
+    return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(AnimatedTopView, {
+      height: headerHeight
+    }), props.ListHeaderComponent);
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, props.style]
+  }, /*#__PURE__*/React.createElement(AnimatedLegendList, _extends({
+    ref: scrollViewRef,
+    keyboardDismissMode: "on-drag",
+    keyboardShouldPersistTaps: "handled",
+    scrollEventThrottle: 1,
+    onScrollToIndexFailed: handleScrollToIndexFailed
+  }, props, {
+    onScroll: scrollHandler,
+    ListHeaderComponent: renderListHeader()
+    //@ts-ignore
+    ,
+    simultaneousHandlers: [],
+    progressViewOffset: internalProgressViewOffset
+  })));
+}
+const styles = StyleSheet.create({
+  container: {
+    ...StyleSheet.absoluteFillObject
+  },
+  contentContainer: {
+    flexGrow: 1
+  },
+  topView: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0
+  }
+});
+//# sourceMappingURL=CollapsibleLegendList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useRef","useState","View","StyleSheet","runOnJS","useAnimatedReaction","useAnimatedScroll","useInternalCollapsibleContext","AnimatedTopView","useCollapsibleContext","AnimatedLegendList","require","e","console","warn","Error","CollapsibleLegendList","_ref","headerSnappable","props","headerHeight","scrollViewRef","fixedHeaderHeight","mounted","internalProgressViewOffset","setInternalProgressViewOffset","current","scrollTo","yValue","_scrollViewRef$curren","animated","arguments","length","undefined","scrollToOffset","offset","scrollToIndex","params","_scrollViewRef$curren2","scrollToLocation","scrollHandler","handleInternalProgressViewOffset","value","result","previous","handleScrollToIndexFailed","renderListHeader","createElement","height","ListHeaderComponent","style","styles","container","_extends","ref","keyboardDismissMode","keyboardShouldPersistTaps","scrollEventThrottle","onScrollToIndexFailed","onScroll","simultaneousHandlers","progressViewOffset","create","absoluteFillObject","contentContainer","flexGrow","topView","position","top","left","right"],"sourceRoot":"../../../../src","sources":["components/scrollable/CollapsibleLegendList.tsx"],"mappings":";AAAA;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACvE,SAASC,IAAI,EAAEC,UAAU,QAAuB,cAAc;AAC9D,SAASC,OAAO,EAAEC,mBAAmB,QAAQ,yBAAyB;AACtE,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,6BAA6B,MAAM,2CAA2C;AAErF,OAAOC,eAAe,MAAM,2BAA2B;AACvD,OAAOC,qBAAqB,MAAM,mCAAmC;AAErE,IAAIC,kBAAuB,GAAG,IAAI;AAClC,IAAI;EACFA,kBAAkB,GAAGC,OAAO,CAAC,4BAA4B,CAAC,CAACD,kBAAkB;AAC/E,CAAC,CAAC,OAAOE,CAAC,EAAE;EACVC,OAAO,CAACC,IAAI,CAACF,CAAC,CAAC;AACjB;AACA,IAAI,CAACF,kBAAkB,EAAE;EACvB,MAAM,IAAIK,KAAK,CAAC,kCAAkC,CAAC;AACrD;AAIA,eAAe,SAASC,qBAAqBA,CAAAC,IAAA,EAG7B;EAAA,IAHoC;IAClDC,eAAe,GAAG,IAAI;IACtB,GAAGC;EACQ,CAAC,GAAAF,IAAA;EACZ,MAAM;IAAEG;EAAa,CAAC,GAAGX,qBAAqB,CAAC,CAAC;EAChD,MAAM;IAAEY,aAAa;IAAEC;EAAkB,CAAC,GAAGf,6BAA6B,CAAC,CAAC;EAC5E,MAAMgB,OAAO,GAAGvB,MAAM,CAAC,IAAI,CAAC;EAC5B,MAAM,CAACwB,0BAA0B,EAAEC,6BAA6B,CAAC,GAC/DxB,QAAQ,CAAC,CAAC,CAAC;EAEbF,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACXwB,OAAO,CAACG,OAAO,GAAG,KAAK;IACzB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,QAAQ,GAAG7B,WAAW,CAAC,UAAC8B,MAAc,EAAsB;IAAA,IAAAC,qBAAA;IAAA,IAApBC,QAAQ,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;IAC3D,CAAAF,qBAAA,GAAAR,aAAa,CAACK,OAAO,cAAAG,qBAAA,uBAArBA,qBAAA,CAAuBK,cAAc,CAAC;MACpCC,MAAM,EAAEP,MAAM;MACdE;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,aAAa,GAAGtC,WAAW,CAAEuC,MAAM,IAAK;IAAA,IAAAC,sBAAA;IAC5C,CAAAA,sBAAA,GAAAjB,aAAa,CAACK,OAAO,cAAAY,sBAAA,uBAArBA,sBAAA,CAAuBF,aAAa,CAACC,MAAM,CAAC;EAC9C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,gBAAgB,GAAGzC,WAAW,CAAC,MAAM;IACzCe,OAAO,CAACC,IAAI,CAAC,yDAAyD,CAAC;EACzE,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAE0B;EAAc,CAAC,GAAGlC,iBAAiB,CAAC;IAC1CY,eAAe;IACfS,QAAQ;IACRS,aAAa;IACbG;EACF,CAAC,CAAC;EAEF,MAAME,gCAAgC,GAAG3C,WAAW,CAAE4C,KAAa,IAAK;IACtE,IAAInB,OAAO,CAACG,OAAO,EAAE;MACnBD,6BAA6B,CAACiB,KAAK,CAAC;IACtC;EACF,CAAC,EAAE,EAAE,CAAC;EAENrC,mBAAmB,CACjB,MAAM;IACJ,OAAOiB,iBAAiB,CAACoB,KAAK;EAChC,CAAC,EACD,CAACC,MAAM,EAAEC,QAAQ,KAAK;IACpB,IAAID,MAAM,KAAKC,QAAQ,EAAE;MACvBxC,OAAO,CAACqC,gCAAgC,CAAC,CAACE,MAAM,CAAC;IACnD;EACF,CACF,CAAC;EAED,MAAME,yBAAyB,GAAG/C,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC;EAE3D,SAASgD,gBAAgBA,CAAA,EAAG;IAC1B,oBACEjD,KAAA,CAAAkD,aAAA,CAAC7C,IAAI,qBACHL,KAAA,CAAAkD,aAAA,CAACvC,eAAe;MAACwC,MAAM,EAAE5B;IAAa,CAAE,CAAC,EACxCD,KAAK,CAAC8B,mBACH,CAAC;EAEX;EAEA,oBACEpD,KAAA,CAAAkD,aAAA,CAAC7C,IAAI;IAACgD,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEjC,KAAK,CAAC+B,KAAK;EAAE,gBAC3CrD,KAAA,CAAAkD,aAAA,CAACrC,kBAAkB,EAAA2C,QAAA;IACjBC,GAAG,EAAEjC,aAAc;IACnBkC,mBAAmB,EAAC,SAAS;IAC7BC,yBAAyB,EAAC,SAAS;IACnCC,mBAAmB,EAAE,CAAE;IACvBC,qBAAqB,EAAEb;EAA0B,GAC7C1B,KAAK;IACTwC,QAAQ,EAAEnB,aAAc;IACxBS,mBAAmB,EAAEH,gBAAgB,CAAC;IACtC;IAAA;IACAc,oBAAoB,EAAE,EAAG;IACzBC,kBAAkB,EAAErC;EAA2B,EAChD,CACG,CAAC;AAEX;AAEA,MAAM2B,MAAM,GAAGhD,UAAU,CAAC2D,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACT,GAAGjD,UAAU,CAAC4D;EAChB,CAAC;EACDC,gBAAgB,EAAE;IAChBC,QAAQ,EAAE;EACZ,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}

package/lib/module/index.js

@@ -3,6 +3,7 @@ export { default as useCollapsibleContext } from './hooks/useCollapsibleContext'
 export { default as CollapsibleContainer } from './components/CollapsibleContainer';
 export { default as CollapsibleFlatList } from './components/scrollable/CollapsibleFlatList';
 export { default as CollapsibleFlashList } from './components/scrollable/CollapsibleFlashList';
+export { default as CollapsibleLegendList } from './components/scrollable/CollapsibleLegendList';
 export { default as CollapsibleScrollView } from './components/scrollable/CollapsibleScrollView';
 export { default as CollapsibleSectionList } from './components/scrollable/CollapsibleSectionList';
 export { default as CollapsibleHeaderContainer } from './components/header/CollapsibleHeaderContainer';

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","withCollapsibleContext","useCollapsibleContext","CollapsibleContainer","CollapsibleFlatList","CollapsibleFlashList","CollapsibleScrollView","CollapsibleSectionList","CollapsibleHeaderContainer","StickyView","CollapsibleView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAASA,OAAO,IAAIC,sBAAsB,QAAQ,0BAA0B;AAC5E,SAASD,OAAO,IAAIE,qBAAqB,QAAQ,+BAA+B;AAEhF,SAASF,OAAO,IAAIG,oBAAoB,QAAQ,mCAAmC;AACnF,SAASH,OAAO,IAAII,mBAAmB,QAAQ,6CAA6C;AAC5F,SAASJ,OAAO,IAAIK,oBAAoB,QAAQ,8CAA8C;AAC9F,SAASL,OAAO,IAAIM,qBAAqB,QAAQ,+CAA+C;AAChG,SAASN,OAAO,IAAIO,sBAAsB,QAAQ,gDAAgD;AAClG,SAASP,OAAO,IAAIQ,0BAA0B,QAAQ,gDAAgD;AACtG,SAASR,OAAO,IAAIS,UAAU,QAAQ,gCAAgC;AACtE,SAAST,OAAO,IAAIU,eAAe,QAAQ,8BAA8B;AACzE,cAAc,8BAA8B"}
+{"version":3,"names":["default","withCollapsibleContext","useCollapsibleContext","CollapsibleContainer","CollapsibleFlatList","CollapsibleFlashList","CollapsibleLegendList","CollapsibleScrollView","CollapsibleSectionList","CollapsibleHeaderContainer","StickyView","CollapsibleView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAASA,OAAO,IAAIC,sBAAsB,QAAQ,0BAA0B;AAC5E,SAASD,OAAO,IAAIE,qBAAqB,QAAQ,+BAA+B;AAEhF,SAASF,OAAO,IAAIG,oBAAoB,QAAQ,mCAAmC;AACnF,SAASH,OAAO,IAAII,mBAAmB,QAAQ,6CAA6C;AAC5F,SAASJ,OAAO,IAAIK,oBAAoB,QAAQ,8CAA8C;AAC9F,SAASL,OAAO,IAAIM,qBAAqB,QAAQ,+CAA+C;AAChG,SAASN,OAAO,IAAIO,qBAAqB,QAAQ,+CAA+C;AAChG,SAASP,OAAO,IAAIQ,sBAAsB,QAAQ,gDAAgD;AAClG,SAASR,OAAO,IAAIS,0BAA0B,QAAQ,gDAAgD;AACtG,SAAST,OAAO,IAAIU,UAAU,QAAQ,gCAAgC;AACtE,SAASV,OAAO,IAAIW,eAAe,QAAQ,8BAA8B;AACzE,cAAc,8BAA8B"}

package/lib/module/withCollapsibleContext.js

@@ -49,10 +49,10 @@ export default function withCollapsibleContext(Component) {
       }
       headerViewPositions.value = values;
     }, []);
-    const handleContainerHeight = useCallback(height => {
-      containerHeight.value = height;
-    }, []);
     const handleScrollToView = useCallback((ref, animated) => {
+      if (!ref.current) {
+        return;
+      }
       ref.current.measureLayout(containerRef.current, (_left, top, _width, _height) => {
         var _collapsibleHandlers$;
         const headerContainers = Object.keys(headerContainerLayouts.current).filter(k => {
@@ -100,15 +100,15 @@ export default function withCollapsibleContext(Component) {
     }, [scrollY, headerHeight, headerCollapsed, handleScrollToView]);
     const internalContext = useMemo(() => ({
       containerRef,
+      containerHeight,
       scrollViewRef,
       handleHeaderContainerLayout,
       setCollapsibleHandlers,
-      handleContainerHeight,
       headerHeight,
       fixedHeaderHeight,
       contentMinHeight,
       headerViewPositions
-    }), [setCollapsibleHandlers, handleHeaderContainerLayout, handleContainerHeight, headerHeight, fixedHeaderHeight, contentMinHeight, headerViewPositions]);
+    }), [setCollapsibleHandlers, handleHeaderContainerLayout, headerHeight, fixedHeaderHeight, contentMinHeight, headerViewPositions]);
     return /*#__PURE__*/React.createElement(CollapsibleContext.Provider, {
       value: context
     }, /*#__PURE__*/React.createElement(InternalCollapsibleContext.Provider, {

package/lib/module/withCollapsibleContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","useRef","CollapsibleContext","InternalCollapsibleContext","useDerivedValue","useSharedValue","withCollapsibleContext","Component","props","collapsibleHandlers","headerHeight","scrollY","fixedHeaderHeight","containerHeight","scrollViewRef","containerRef","headerContainerLayouts","headerViewPositions","setCollapsibleHandlers","handlers","current","headerCollapsed","maxY","value","contentMinHeight","handleHeaderContainerLayout","key","layout","stickyHeight","undefined","headerContainers","Object","keys","filter","k","sortedHeaders","sort","a","b","_headerContainerLayou","_headerContainerLayou2","y","values","aStickyHeight","index","length","_headerContainerLayou3","headerKey","sHeight","top","handleContainerHeight","height","handleScrollToView","ref","animated","measureLayout","_left","_width","_height","_collapsibleHandlers$","stickyHeightAbove","reduce","acc","scrollTo","context","collapse","_collapsibleHandlers$2","expand","_collapsibleHandlers$3","offset","animate","_collapsibleHandlers$4","scrollToIndex","params","_collapsibleHandlers$5","scrollToLocation","_collapsibleHandlers$6","scrollToView","internalContext","createElement","Provider"],"sourceRoot":"../../src","sources":["withCollapsibleContext.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useMemo","useRef","CollapsibleContext","InternalCollapsibleContext","useDerivedValue","useSharedValue","withCollapsibleContext","Component","props","collapsibleHandlers","headerHeight","scrollY","fixedHeaderHeight","containerHeight","scrollViewRef","containerRef","headerContainerLayouts","headerViewPositions","setCollapsibleHandlers","handlers","current","headerCollapsed","maxY","value","contentMinHeight","handleHeaderContainerLayout","key","layout","stickyHeight","undefined","headerContainers","Object","keys","filter","k","sortedHeaders","sort","a","b","_headerContainerLayou","_headerContainerLayou2","y","values","aStickyHeight","index","length","_headerContainerLayou3","headerKey","sHeight","top","handleScrollToView","ref","animated","measureLayout","_left","_width","_height","_collapsibleHandlers$","height","stickyHeightAbove","reduce","acc","scrollTo","context","collapse","_collapsibleHandlers$2","expand","_collapsibleHandlers$3","offset","animate","_collapsibleHandlers$4","scrollToIndex","params","_collapsibleHandlers$5","scrollToLocation","_collapsibleHandlers$6","scrollToView","internalContext","createElement","Provider"],"sourceRoot":"../../src","sources":["withCollapsibleContext.tsx"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContainer.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,yBAAyB,EAIzB,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,KAAK,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,KAAK,GAAG,UAAU,CAAC,GAAG;IACjD,QAAQ,EAAE,OAAO,CAAC;IAClB,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IACtD,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,QAAQ,EACR,yBAAyB,EACzB,aAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,qBAuDP"}
+{"version":3,"file":"CollapsibleContainer.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAEL,yBAAyB,EAGzB,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,KAAK,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,KAAK,GAAG,UAAU,CAAC,GAAG;IACjD,QAAQ,EAAE,OAAO,CAAC;IAClB,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IACtD,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,QAAQ,EACR,yBAAyB,EACzB,aAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,qBAkDP"}

package/lib/typescript/components/scrollable/CollapsibleFlashList.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { FlashListProps } from '@shopify/flash-list';
+import { FlatListProps } from 'react-native';
 import type { CollapsibleProps } from '../../types';
-type Props<Data> = Omit<FlashListProps<Data>, 'scrollEnabled'> & CollapsibleProps;
-export default function CollapsibleFlatList<Data>({ headerSnappable, ...props }: Props<Data>): React.JSX.Element;
+type Props<Data> = FlatListProps<Data> & CollapsibleProps;
+export default function CollapsibleFlashList<Data>({ headerSnappable, ...props }: Props<Data>): React.JSX.Element;
 export {};
 //# sourceMappingURL=CollapsibleFlashList.d.ts.map

package/lib/typescript/components/scrollable/CollapsibleFlashList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleFlashList.d.ts","sourceRoot":"","sources":["../../../../src/components/scrollable/CollapsibleFlashList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,OAAO,EAAa,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGhE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAMpD,KAAK,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,eAAe,CAAC,GAC5D,gBAAgB,CAAC;AAEnB,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,IAAI,EAAE,EAChD,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,IAAI,CAAC,qBAgFb"}
+{"version":3,"file":"CollapsibleFlashList.d.ts","sourceRoot":"","sources":["../../../../src/components/scrollable/CollapsibleFlashList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAoB,aAAa,EAAE,MAAM,cAAc,CAAC;AAO/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAgBpD,KAAK,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC;AAE1D,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,IAAI,EAAE,EACjD,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,IAAI,CAAC,qBAiFb"}

package/lib/typescript/components/scrollable/CollapsibleLegendList.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { FlatListProps } from 'react-native';
+import type { CollapsibleProps } from '../../types';
+type Props<Data> = FlatListProps<Data> & CollapsibleProps;
+export default function CollapsibleLegendList<Data>({ headerSnappable, ...props }: Props<Data>): React.JSX.Element;
+export {};
+//# sourceMappingURL=CollapsibleLegendList.d.ts.map

package/lib/typescript/components/scrollable/CollapsibleLegendList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleLegendList.d.ts","sourceRoot":"","sources":["../../../../src/components/scrollable/CollapsibleLegendList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAoB,aAAa,EAAE,MAAM,cAAc,CAAC;AAI/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAcpD,KAAK,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC;AAE1D,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,IAAI,EAAE,EAClD,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,IAAI,CAAC,qBAgFb"}

package/lib/typescript/index.d.ts

@@ -3,6 +3,7 @@ export { default as useCollapsibleContext } from './hooks/useCollapsibleContext'
 export { default as CollapsibleContainer } from './components/CollapsibleContainer';
 export { default as CollapsibleFlatList } from './components/scrollable/CollapsibleFlatList';
 export { default as CollapsibleFlashList } from './components/scrollable/CollapsibleFlashList';
+export { default as CollapsibleLegendList } from './components/scrollable/CollapsibleLegendList';
 export { default as CollapsibleScrollView } from './components/scrollable/CollapsibleScrollView';
 export { default as CollapsibleSectionList } from './components/scrollable/CollapsibleSectionList';
 export { default as CollapsibleHeaderContainer } from './components/header/CollapsibleHeaderContainer';

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEjF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,gDAAgD,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEjF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,gDAAgD,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC"}

package/lib/typescript/types.d.ts

@@ -44,6 +44,7 @@ export type LayoutParams = {
 export type CollapsibleContextInternalType = {
     scrollViewRef: React.RefObject<any>;
     containerRef: React.RefObject<any>;
+    containerHeight: Animated.SharedValue<number>;
     contentMinHeight: Animated.SharedValue<number>;
     headerViewPositions: Animated.SharedValue<Record<string, {
         top: number;
@@ -51,7 +52,6 @@ export type CollapsibleContextInternalType = {
     }>>;
     fixedHeaderHeight: Animated.SharedValue<number>;
     headerHeight: Animated.SharedValue<number>;
-    handleContainerHeight: (height: number) => void;
     handleHeaderContainerLayout: (key: string, layout?: LayoutRectangle, stickyHeight?: number) => void;
     setCollapsibleHandlers: (handlers: CollapsibleHandles) => void;
 };

package/lib/typescript/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,QAAQ,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,aAAa,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACrD,gBAAgB,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,kBAAkB,GAAG;IACxD,OAAO,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACtC,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,eAAe,EAAE,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC/C;;;;;OAKG;IACH,YAAY,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACvE,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACpC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACnC,gBAAgB,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/C,mBAAmB,EAAE,QAAQ,CAAC,WAAW,CACvC,MAAM,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC,CACtD,CAAC;IACF,iBAAiB,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAChD,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,qBAAqB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,2BAA2B,EAAE,CAC3B,GAAG,EAAE,MAAM,EACX,MAAM,CAAC,EAAE,eAAe,EACxB,YAAY,CAAC,EAAE,MAAM,KAClB,IAAI,CAAC;IACV,sBAAsB,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAChE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,kBAAkB,EAAE,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAClD,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;CAC9C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,QAAQ,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,aAAa,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACrD,gBAAgB,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,kBAAkB,GAAG;IACxD,OAAO,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACtC,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,eAAe,EAAE,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC/C;;;;;OAKG;IACH,YAAY,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACvE,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACpC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACnC,eAAe,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9C,gBAAgB,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/C,mBAAmB,EAAE,QAAQ,CAAC,WAAW,CACvC,MAAM,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC,CACtD,CAAC;IACF,iBAAiB,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAChD,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,2BAA2B,EAAE,CAC3B,GAAG,EAAE,MAAM,EACX,MAAM,CAAC,EAAE,eAAe,EACxB,YAAY,CAAC,EAAE,MAAM,KAClB,IAAI,CAAC;IACV,sBAAsB,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAChE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,kBAAkB,EAAE,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAClD,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;CAC9C,CAAC"}

package/lib/typescript/withCollapsibleContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withCollapsibleContext.d.ts","sourceRoot":"","sources":["../../src/withCollapsibleContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAgC,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhE,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WACjD,CAAC,uBAiJjB"}
+{"version":3,"file":"withCollapsibleContext.d.ts","sourceRoot":"","sources":["../../src/withCollapsibleContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAgC,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhE,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WACjD,CAAC,uBA+IjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@r0b0t3d/react-native-collapsible",
-  "version": "1.5.0-alpha.1",
+  "version": "1.5.0-alpha.3",
   "description": "Fully customizable collapsible views",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -53,9 +53,10 @@
   "devDependencies": {
     "@commitlint/config-conventional": "^17.0.2",
     "@evilmartians/lefthook": "^1.2.2",
+    "@legendapp/list": "^1.0.7",
     "@react-native-community/eslint-config": "^3.0.2",
     "@release-it/conventional-changelog": "^5.0.0",
-    "@shopify/flash-list": "^1.6.1",
+    "@shopify/flash-list": "^1.8.0",
     "@types/jest": "^28.1.2",
     "@types/react": "~17.0.21",
     "@types/react-native": "0.70.0",
@@ -78,7 +79,6 @@
     "@types/react": "17.0.21"
   },
   "peerDependencies": {
-    "@shopify/flash-list": "*",
     "react": "*",
     "react-native": "*",
     "react-native-gesture-handler": "*",
@@ -87,7 +87,6 @@
   "engines": {
     "node": ">= 16.0.0"
   },
-  "packageManager": "^yarn@1.22.15",
   "jest": {
     "preset": "react-native",
     "modulePathIgnorePatterns": [

package/src/components/CollapsibleContainer.tsx

@@ -1,9 +1,8 @@
 /* eslint-disable react-hooks/exhaustive-deps */
-import React, { useCallback, useRef } from 'react';
+import React, { useLayoutEffect } from 'react';
 import {
   KeyboardAvoidingView,
   KeyboardAvoidingViewProps,
-  LayoutChangeEvent,
   StyleSheet,
   View,
   ViewProps,
@@ -25,12 +24,9 @@ export default function CollapsibleContainer({
   textInputRefs = [],
   ...props
 }: Props) {
-  const { handleContainerHeight, containerRef } =
-    useInternalCollapsibleContext();
+  const { containerHeight, containerRef } = useInternalCollapsibleContext();
   const { scrollY, scrollTo } = useCollapsibleContext();
 
-  const containerHeight = useRef(0);
-
   useKeyboardShowEvent(() => {
     textInputRefs.some((ref) => {
       const isFocusedFunc = ref.current.isFocused;
@@ -43,10 +39,10 @@ export default function CollapsibleContainer({
           // @ts-ignore
           containerRef.current,
           (_left: number, top: number, _width: number, height: number) => {
-            if (top + height - scrollY.value > containerHeight.current) {
+            if (top + height - scrollY.value > containerHeight.value) {
               const extraOffset =
                 keyboardAvoidingViewProps?.keyboardVerticalOffset ?? 20;
-              scrollTo(top + height + extraOffset - containerHeight.current);
+              scrollTo(top + height + extraOffset - containerHeight.value);
             }
           },
           () => {}
@@ -56,10 +52,9 @@ export default function CollapsibleContainer({
     });
   });
 
-  const handleContainerLayout = useCallback((layout: LayoutChangeEvent) => {
-    const height = layout.nativeEvent.layout.height;
-    containerHeight.current = height;
-    handleContainerHeight(height);
+  useLayoutEffect(() => {
+    const { height } = containerRef.current.unstable_getBoundingClientRect();
+    containerHeight.value = height;
   }, []);
 
   return (
@@ -72,7 +67,6 @@ export default function CollapsibleContainer({
         {...props}
         ref={containerRef}
         style={[styles.container, props.style]}
-        onLayout={handleContainerLayout}
         collapsable={false}
       >
         <CollapsibleHeaderConsumer>{children}</CollapsibleHeaderConsumer>

package/src/components/header/AnimatedTopView.tsx

@@ -8,7 +8,7 @@ type Props = {
 export default function AnimatedTopView({ height }: Props) {
   const contentStyle = useAnimatedStyle(
     () => ({
-      paddingTop: height.value,
+      height: height.value,
     }),
     []
   );

package/src/components/scrollable/CollapsibleFlashList.tsx

@@ -1,23 +1,31 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { View, StyleSheet } from 'react-native';
+import { View, StyleSheet, FlatListProps } from 'react-native';
 import Animated, {
   runOnJS,
   useAnimatedReaction,
 } from 'react-native-reanimated';
-import { FlashList, FlashListProps } from '@shopify/flash-list';
 import useAnimatedScroll from './useAnimatedScroll';
 import useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';
 import type { CollapsibleProps } from '../../types';
 import AnimatedTopView from '../header/AnimatedTopView';
 import useCollapsibleContext from '../../hooks/useCollapsibleContext';
 
+let FlashList = null;
+try {
+  FlashList = require('@shopify/flash-list').FlashList;
+} catch (e) {
+  console.warn(e);
+}
+if (!FlashList) {
+  throw new Error('@shopify/flash-list is not installed');
+}
+
 const AnimatedFlashList = Animated.createAnimatedComponent(FlashList);
 
-type Props<Data> = Omit<FlashListProps<Data>, 'scrollEnabled'> &
-  CollapsibleProps;
+type Props<Data> = FlatListProps<Data> & CollapsibleProps;
 
-export default function CollapsibleFlatList<Data>({
+export default function CollapsibleFlashList<Data>({
   headerSnappable = true,
   ...props
 }: Props<Data>) {
@@ -92,6 +100,7 @@ export default function CollapsibleFlatList<Data>({
         scrollEventThrottle={1}
         onScrollToIndexFailed={handleScrollToIndexFailed}
         {...props}
+        // @ts-ignore
         onScroll={scrollHandler}
         ListHeaderComponent={renderListHeader()}
         //@ts-ignore

package/src/components/scrollable/CollapsibleLegendList.tsx

@@ -0,0 +1,121 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { View, StyleSheet, FlatListProps } from 'react-native';
+import { runOnJS, useAnimatedReaction } from 'react-native-reanimated';
+import useAnimatedScroll from './useAnimatedScroll';
+import useInternalCollapsibleContext from '../../hooks/useInternalCollapsibleContext';
+import type { CollapsibleProps } from '../../types';
+import AnimatedTopView from '../header/AnimatedTopView';
+import useCollapsibleContext from '../../hooks/useCollapsibleContext';
+
+let AnimatedLegendList: any = null;
+try {
+  AnimatedLegendList = require('@legendapp/list/reanimated').AnimatedLegendList;
+} catch (e) {
+  console.warn(e);
+}
+if (!AnimatedLegendList) {
+  throw new Error('@legendapp/list is not installed');
+}
+
+type Props<Data> = FlatListProps<Data> & CollapsibleProps;
+
+export default function CollapsibleLegendList<Data>({
+  headerSnappable = true,
+  ...props
+}: Props<Data>) {
+  const { headerHeight } = useCollapsibleContext();
+  const { scrollViewRef, fixedHeaderHeight } = useInternalCollapsibleContext();
+  const mounted = useRef(true);
+  const [internalProgressViewOffset, setInternalProgressViewOffset] =
+    useState(0);
+
+  useEffect(() => {
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+
+  const scrollTo = useCallback((yValue: number, animated = true) => {
+    scrollViewRef.current?.scrollToOffset({
+      offset: yValue,
+      animated,
+    });
+  }, []);
+
+  const scrollToIndex = useCallback((params) => {
+    scrollViewRef.current?.scrollToIndex(params);
+  }, []);
+
+  const scrollToLocation = useCallback(() => {
+    console.warn('CollapsibleLegendList does not support scrollToLocation');
+  }, []);
+
+  const { scrollHandler } = useAnimatedScroll({
+    headerSnappable,
+    scrollTo,
+    scrollToIndex,
+    scrollToLocation,
+  });
+
+  const handleInternalProgressViewOffset = useCallback((value: number) => {
+    if (mounted.current) {
+      setInternalProgressViewOffset(value);
+    }
+  }, []);
+
+  useAnimatedReaction(
+    () => {
+      return fixedHeaderHeight.value;
+    },
+    (result, previous) => {
+      if (result !== previous) {
+        runOnJS(handleInternalProgressViewOffset)(result);
+      }
+    }
+  );
+
+  const handleScrollToIndexFailed = useCallback(() => {}, []);
+
+  function renderListHeader() {
+    return (
+      <View>
+        <AnimatedTopView height={headerHeight} />
+        {props.ListHeaderComponent}
+      </View>
+    );
+  }
+
+  return (
+    <View style={[styles.container, props.style]}>
+      <AnimatedLegendList
+        ref={scrollViewRef}
+        keyboardDismissMode="on-drag"
+        keyboardShouldPersistTaps="handled"
+        scrollEventThrottle={1}
+        onScrollToIndexFailed={handleScrollToIndexFailed}
+        {...props}
+        onScroll={scrollHandler}
+        ListHeaderComponent={renderListHeader()}
+        //@ts-ignore
+        simultaneousHandlers={[]}
+        progressViewOffset={internalProgressViewOffset}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    ...StyleSheet.absoluteFillObject,
+  },
+  contentContainer: {
+    flexGrow: 1,
+  },
+  topView: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+  },
+});

package/src/index.tsx

@@ -4,6 +4,7 @@ export { default as useCollapsibleContext } from './hooks/useCollapsibleContext'
 export { default as CollapsibleContainer } from './components/CollapsibleContainer';
 export { default as CollapsibleFlatList } from './components/scrollable/CollapsibleFlatList';
 export { default as CollapsibleFlashList } from './components/scrollable/CollapsibleFlashList';
+export { default as CollapsibleLegendList } from './components/scrollable/CollapsibleLegendList';
 export { default as CollapsibleScrollView } from './components/scrollable/CollapsibleScrollView';
 export { default as CollapsibleSectionList } from './components/scrollable/CollapsibleSectionList';
 export { default as CollapsibleHeaderContainer } from './components/header/CollapsibleHeaderContainer';

package/src/types.ts

@@ -49,13 +49,13 @@ export type LayoutParams = {
 export type CollapsibleContextInternalType = {
   scrollViewRef: React.RefObject<any>;
   containerRef: React.RefObject<any>;
+  containerHeight: Animated.SharedValue<number>;
   contentMinHeight: Animated.SharedValue<number>;
   headerViewPositions: Animated.SharedValue<
     Record<string, { top: number; stickyHeight: number }>
   >;
   fixedHeaderHeight: Animated.SharedValue<number>;
   headerHeight: Animated.SharedValue<number>;
-  handleContainerHeight: (height: number) => void;
   handleHeaderContainerLayout: (
     key: string,
     layout?: LayoutRectangle,

package/src/withCollapsibleContext.tsx

@@ -68,12 +68,11 @@ export default function withCollapsibleContext<T>(Component: FC<T>) {
       []
     );
 
-    const handleContainerHeight = useCallback((height: number) => {
-      containerHeight.value = height;
-    }, []);
-
     const handleScrollToView = useCallback(
       (ref: React.RefObject<any>, animated?: boolean) => {
+        if (!ref.current) {
+          return;
+        }
         ref.current.measureLayout(
           containerRef.current,
           (_left: number, top: number, _width: number, _height: number) => {
@@ -123,10 +122,10 @@ export default function withCollapsibleContext<T>(Component: FC<T>) {
     const internalContext = useMemo(
       () => ({
         containerRef,
+        containerHeight,
         scrollViewRef,
         handleHeaderContainerLayout,
         setCollapsibleHandlers,
-        handleContainerHeight,
         headerHeight,
         fixedHeaderHeight,
         contentMinHeight,
@@ -135,7 +134,6 @@ export default function withCollapsibleContext<T>(Component: FC<T>) {
       [
         setCollapsibleHandlers,
         handleHeaderContainerLayout,
-        handleContainerHeight,
         headerHeight,
         fixedHeaderHeight,
         contentMinHeight,