@legendapp/list 3.0.0-beta.5 → 3.0.0-beta.7

package/index.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Dispatch, SetStateAction } from 'react';
-import { L as LegendListProps, a as LegendListRef, V as ViewabilityCallback, b as ViewabilityAmountCallback, c as LegendListRecyclingState } from './types-YNdphn_A.mjs';
-export { C as ColumnWrapperStyle, u as GetRenderedItem, G as GetRenderedItemResult, s as InitialScrollAnchor, I as InternalState, d as LegendListPropsBase, f as LegendListRenderItemProps, M as MaintainScrollAtEndOptions, O as OnViewableItemsChanged, p as ScrollIndexWithOffset, r as ScrollIndexWithOffsetAndContentOffset, q as ScrollIndexWithOffsetPosition, g as ScrollState, S as ScrollTarget, T as ThresholdSnapshot, m as TypedForwardRef, n as TypedMemo, i as ViewAmountToken, h as ViewToken, l as ViewabilityConfig, j as ViewabilityConfigCallbackPair, k as ViewabilityConfigCallbackPairs, e as ViewableRange, t as typedForwardRef, o as typedMemo } from './types-YNdphn_A.mjs';
+import { L as LegendListProps, a as LegendListRef, V as ViewabilityCallback, b as ViewabilityAmountCallback, c as LegendListRecyclingState } from './types-BWlIhlCl.mjs';
+export { C as ColumnWrapperStyle, u as GetRenderedItem, G as GetRenderedItemResult, s as InitialScrollAnchor, I as InternalState, d as LegendListPropsBase, f as LegendListRenderItemProps, M as MaintainScrollAtEndOptions, O as OnViewableItemsChanged, p as ScrollIndexWithOffset, r as ScrollIndexWithOffsetAndContentOffset, q as ScrollIndexWithOffsetPosition, g as ScrollState, S as ScrollTarget, T as ThresholdSnapshot, m as TypedForwardRef, n as TypedMemo, i as ViewAmountToken, h as ViewToken, l as ViewabilityConfig, j as ViewabilityConfigCallbackPair, k as ViewabilityConfigCallbackPairs, e as ViewableRange, t as typedForwardRef, o as typedMemo } from './types-BWlIhlCl.mjs';
 import 'react-native';
 import 'react-native-reanimated';
 

package/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Dispatch, SetStateAction } from 'react';
-import { L as LegendListProps, a as LegendListRef, V as ViewabilityCallback, b as ViewabilityAmountCallback, c as LegendListRecyclingState } from './types-YNdphn_A.js';
-export { C as ColumnWrapperStyle, u as GetRenderedItem, G as GetRenderedItemResult, s as InitialScrollAnchor, I as InternalState, d as LegendListPropsBase, f as LegendListRenderItemProps, M as MaintainScrollAtEndOptions, O as OnViewableItemsChanged, p as ScrollIndexWithOffset, r as ScrollIndexWithOffsetAndContentOffset, q as ScrollIndexWithOffsetPosition, g as ScrollState, S as ScrollTarget, T as ThresholdSnapshot, m as TypedForwardRef, n as TypedMemo, i as ViewAmountToken, h as ViewToken, l as ViewabilityConfig, j as ViewabilityConfigCallbackPair, k as ViewabilityConfigCallbackPairs, e as ViewableRange, t as typedForwardRef, o as typedMemo } from './types-YNdphn_A.js';
+import { L as LegendListProps, a as LegendListRef, V as ViewabilityCallback, b as ViewabilityAmountCallback, c as LegendListRecyclingState } from './types-BWlIhlCl.js';
+export { C as ColumnWrapperStyle, u as GetRenderedItem, G as GetRenderedItemResult, s as InitialScrollAnchor, I as InternalState, d as LegendListPropsBase, f as LegendListRenderItemProps, M as MaintainScrollAtEndOptions, O as OnViewableItemsChanged, p as ScrollIndexWithOffset, r as ScrollIndexWithOffsetAndContentOffset, q as ScrollIndexWithOffsetPosition, g as ScrollState, S as ScrollTarget, T as ThresholdSnapshot, m as TypedForwardRef, n as TypedMemo, i as ViewAmountToken, h as ViewToken, l as ViewabilityConfig, j as ViewabilityConfigCallbackPair, k as ViewabilityConfigCallbackPairs, e as ViewableRange, t as typedForwardRef, o as typedMemo } from './types-BWlIhlCl.js';
 import 'react-native';
 import 'react-native-reanimated';
 

package/index.js

@@ -876,7 +876,6 @@ var ListComponentScrollView = React3.forwardRef(function ListComponentScrollView
 }, ref) {
   const scrollRef = React3.useRef(null);
   const contentRef = React3.useRef(null);
-  const momentumTimeout = React3.useRef(null);
   React3.useImperativeHandle(ref, () => {
     const api = {
       getBoundingClientRect: () => {
@@ -942,16 +941,6 @@ var ListComponentScrollView = React3.forwardRef(function ListComponentScrollView
         }
       };
       onScroll2(scrollEvent);
-      if (onMomentumScrollEnd) {
-        if (momentumTimeout.current != null) clearTimeout(momentumTimeout.current);
-        momentumTimeout.current = setTimeout(() => {
-          onMomentumScrollEnd({
-            nativeEvent: {
-              contentOffset: scrollEvent.nativeEvent.contentOffset
-            }
-          });
-        }, 100);
-      }
     },
     [onScroll2, onMomentumScrollEnd]
   );
@@ -1374,13 +1363,76 @@ function finishScrollTo(ctx, state) {
   }
 }
 
+// src/core/doScrollTo.ts
+var SCROLL_END_IDLE_MS = 80;
+var SCROLL_END_MAX_MS = 1500;
+var SMOOTH_SCROLL_DURATION_MS = 320;
+function doScrollTo(ctx, state, params) {
+  const { animated, horizontal, offset } = params;
+  const scroller = state.refScroller.current;
+  const node = typeof (scroller == null ? void 0 : scroller.getScrollableNode) === "function" ? scroller.getScrollableNode() : scroller;
+  if (node) {
+    const left = horizontal ? offset : 0;
+    const top = horizontal ? 0 : offset;
+    node.scrollTo({ behavior: animated ? "smooth" : "auto", left, top });
+    if (animated) {
+      listenForScrollEnd(ctx, state, node);
+    } else {
+      state.scroll = offset;
+      setTimeout(() => {
+        finishScrollTo(ctx, state);
+      }, 100);
+    }
+  }
+}
+function listenForScrollEnd(ctx, state, node) {
+  const supportsScrollEnd = "onscrollend" in node;
+  let idleTimeout;
+  let maxTimeout;
+  let settled = false;
+  const targetToken = peek$(ctx, "scrollingTo");
+  const finish = () => {
+    if (settled) return;
+    settled = true;
+    cleanup();
+    if (targetToken === peek$(ctx, "scrollingTo")) {
+      finishScrollTo(ctx, state);
+    }
+  };
+  const onScroll2 = () => {
+    if (idleTimeout) {
+      clearTimeout(idleTimeout);
+    }
+    idleTimeout = setTimeout(finish, SCROLL_END_IDLE_MS);
+  };
+  const cleanup = () => {
+    if (supportsScrollEnd) {
+      node.removeEventListener("scrollend", finish);
+    } else {
+      node.removeEventListener("scroll", onScroll2);
+    }
+    if (idleTimeout) {
+      clearTimeout(idleTimeout);
+    }
+    if (maxTimeout) {
+      clearTimeout(maxTimeout);
+    }
+  };
+  if (supportsScrollEnd) {
+    node.addEventListener("scrollend", finish, { once: true });
+  } else {
+    node.addEventListener("scroll", onScroll2);
+    idleTimeout = setTimeout(finish, SMOOTH_SCROLL_DURATION_MS);
+    maxTimeout = setTimeout(finish, SCROLL_END_MAX_MS);
+  }
+  return cleanup;
+}
+
 // src/core/scrollTo.ts
 function scrollTo(ctx, state, params) {
-  var _a3;
   const { noScrollingTo, ...scrollTarget } = params;
   const { animated, isInitialScroll, offset: scrollTargetOffset, precomputedWithViewOffset } = scrollTarget;
   const {
-    refScroller,
     props: { horizontal }
   } = state;
   let offset = precomputedWithViewOffset ? scrollTargetOffset : calculateOffsetWithOffsetPosition(ctx, state, scrollTargetOffset, scrollTarget);
@@ -1394,22 +1446,9 @@ function scrollTo(ctx, state, params) {
   }
   state.scrollPending = offset;
   if (!isInitialScroll || Platform.OS === "android") {
-    (_a3 = refScroller.current) == null ? void 0 : _a3.scrollTo({
-      animated: !!animated,
-      x: horizontal ? offset : 0,
-      y: horizontal ? 0 : offset
-    });
-  }
-  if (!animated) {
+    doScrollTo(ctx, state, { animated, horizontal, isInitialScroll, offset });
+  } else {
     state.scroll = offset;
-    {
-      const unlisten = listen$(ctx, "containersDidLayout", (value) => {
-        if (value && peek$(ctx, "scrollingTo")) {
-          finishScrollTo(ctx, state);
-          unlisten();
-        }
-      });
-    }
   }
 }
 
@@ -1557,7 +1596,8 @@ function updateScroll(ctx, state, newScroll, forceUpdate) {
       return;
     }
   }
-  if (state.dataChangeNeedsScrollUpdate || Math.abs(state.scroll - state.scrollPrev) > 2) {
+  if (state.dataChangeNeedsScrollUpdate || Math.abs(state.scroll - state.scrollLastCalculate) > 2) {
+    state.scrollLastCalculate = state.scroll;
     state.ignoreScrollFromMVCPIgnored = false;
     (_a3 = state.triggerCalculateItemsInView) == null ? void 0 : _a3.call(state, { doMVCP: scrollingTo !== void 0 });
     checkAtBottom(ctx, state);
@@ -2424,7 +2464,7 @@ function calculateItemsInView(ctx, state, params = {}) {
     }
     const scrollAdjustPending = (_a3 = peek$(ctx, "scrollAdjustPending")) != null ? _a3 : 0;
     const scrollAdjustPad = scrollAdjustPending - topPad;
-    let scroll = scrollState + scrollExtra + scrollAdjustPad;
+    let scroll = Math.round(scrollState + scrollExtra + scrollAdjustPad);
     if (scroll + scrollLength > totalSize) {
       scroll = Math.max(0, totalSize - scrollLength);
     }
@@ -2451,7 +2491,7 @@ function calculateItemsInView(ctx, state, params = {}) {
     const scrollBottomBuffered = scrollBottom + scrollBufferBottom;
     if (!dataChanged && scrollForNextCalculateItemsInView) {
       const { top, bottom } = scrollForNextCalculateItemsInView;
-      if (scrollTopBuffered > top && scrollBottomBuffered < bottom) {
+      if ((top === null || scrollTopBuffered > top) && (bottom === null || scrollBottomBuffered < bottom)) {
         if (state.initialAnchor) {
           ensureInitialAnchor(ctx, state);
         }
@@ -2486,7 +2526,7 @@ function calculateItemsInView(ctx, state, params = {}) {
       const top = positions.get(id);
       const size = (_d = sizes.get(id)) != null ? _d : getItemSize(ctx, state, id, i, data[i]);
       const bottom = top + size;
-      if (bottom > scroll - scrollBuffer) {
+      if (bottom > scroll - scrollBufferTop) {
         loopStart = i;
       } else {
         break;
@@ -2523,7 +2563,11 @@ function calculateItemsInView(ctx, state, params = {}) {
         if (startBuffered === null && top + size > scrollTopBuffered) {
           startBuffered = i;
           startBufferedId = id;
-          nextTop = top;
+          if (scrollTopBuffered < 0) {
+            nextTop = null;
+          } else {
+            nextTop = top;
+          }
         }
         if (startNoBuffer !== null) {
           if (top <= scrollBottom) {
@@ -2531,7 +2575,11 @@ function calculateItemsInView(ctx, state, params = {}) {
           }
           if (top <= scrollBottomBuffered) {
             endBuffered = i;
-            nextBottom = top + size;
+            if (scrollBottomBuffered > totalSize) {
+              nextBottom = null;
+            } else {
+              nextBottom = top + size;
+            }
           } else {
             foundEnd = true;
           }
@@ -3647,6 +3695,14 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         offset: initialContentOffset,
         precomputedWithViewOffset: true
       });
+      {
+        const unlisten = listen$(ctx, "containersDidLayout", (value) => {
+          if (value && peek$(ctx, "scrollingTo")) {
+            finishScrollTo(ctx, state);
+            unlisten();
+          }
+        });
+      }
     }
   }, [initialContentOffset]);
   const onLayoutChange = React3.useCallback((layout) => {

package/index.mjs

@@ -855,7 +855,6 @@ var ListComponentScrollView = forwardRef(function ListComponentScrollView2({
 }, ref) {
   const scrollRef = useRef(null);
   const contentRef = useRef(null);
-  const momentumTimeout = useRef(null);
   useImperativeHandle(ref, () => {
     const api = {
       getBoundingClientRect: () => {
@@ -921,16 +920,6 @@ var ListComponentScrollView = forwardRef(function ListComponentScrollView2({
         }
       };
       onScroll2(scrollEvent);
-      if (onMomentumScrollEnd) {
-        if (momentumTimeout.current != null) clearTimeout(momentumTimeout.current);
-        momentumTimeout.current = setTimeout(() => {
-          onMomentumScrollEnd({
-            nativeEvent: {
-              contentOffset: scrollEvent.nativeEvent.contentOffset
-            }
-          });
-        }, 100);
-      }
     },
     [onScroll2, onMomentumScrollEnd]
   );
@@ -1353,13 +1342,76 @@ function finishScrollTo(ctx, state) {
   }
 }
 
+// src/core/doScrollTo.ts
+var SCROLL_END_IDLE_MS = 80;
+var SCROLL_END_MAX_MS = 1500;
+var SMOOTH_SCROLL_DURATION_MS = 320;
+function doScrollTo(ctx, state, params) {
+  const { animated, horizontal, offset } = params;
+  const scroller = state.refScroller.current;
+  const node = typeof (scroller == null ? void 0 : scroller.getScrollableNode) === "function" ? scroller.getScrollableNode() : scroller;
+  if (node) {
+    const left = horizontal ? offset : 0;
+    const top = horizontal ? 0 : offset;
+    node.scrollTo({ behavior: animated ? "smooth" : "auto", left, top });
+    if (animated) {
+      listenForScrollEnd(ctx, state, node);
+    } else {
+      state.scroll = offset;
+      setTimeout(() => {
+        finishScrollTo(ctx, state);
+      }, 100);
+    }
+  }
+}
+function listenForScrollEnd(ctx, state, node) {
+  const supportsScrollEnd = "onscrollend" in node;
+  let idleTimeout;
+  let maxTimeout;
+  let settled = false;
+  const targetToken = peek$(ctx, "scrollingTo");
+  const finish = () => {
+    if (settled) return;
+    settled = true;
+    cleanup();
+    if (targetToken === peek$(ctx, "scrollingTo")) {
+      finishScrollTo(ctx, state);
+    }
+  };
+  const onScroll2 = () => {
+    if (idleTimeout) {
+      clearTimeout(idleTimeout);
+    }
+    idleTimeout = setTimeout(finish, SCROLL_END_IDLE_MS);
+  };
+  const cleanup = () => {
+    if (supportsScrollEnd) {
+      node.removeEventListener("scrollend", finish);
+    } else {
+      node.removeEventListener("scroll", onScroll2);
+    }
+    if (idleTimeout) {
+      clearTimeout(idleTimeout);
+    }
+    if (maxTimeout) {
+      clearTimeout(maxTimeout);
+    }
+  };
+  if (supportsScrollEnd) {
+    node.addEventListener("scrollend", finish, { once: true });
+  } else {
+    node.addEventListener("scroll", onScroll2);
+    idleTimeout = setTimeout(finish, SMOOTH_SCROLL_DURATION_MS);
+    maxTimeout = setTimeout(finish, SCROLL_END_MAX_MS);
+  }
+  return cleanup;
+}
+
 // src/core/scrollTo.ts
 function scrollTo(ctx, state, params) {
-  var _a3;
   const { noScrollingTo, ...scrollTarget } = params;
   const { animated, isInitialScroll, offset: scrollTargetOffset, precomputedWithViewOffset } = scrollTarget;
   const {
-    refScroller,
     props: { horizontal }
   } = state;
   let offset = precomputedWithViewOffset ? scrollTargetOffset : calculateOffsetWithOffsetPosition(ctx, state, scrollTargetOffset, scrollTarget);
@@ -1373,22 +1425,9 @@ function scrollTo(ctx, state, params) {
   }
   state.scrollPending = offset;
   if (!isInitialScroll || Platform.OS === "android") {
-    (_a3 = refScroller.current) == null ? void 0 : _a3.scrollTo({
-      animated: !!animated,
-      x: horizontal ? offset : 0,
-      y: horizontal ? 0 : offset
-    });
-  }
-  if (!animated) {
+    doScrollTo(ctx, state, { animated, horizontal, isInitialScroll, offset });
+  } else {
     state.scroll = offset;
-    {
-      const unlisten = listen$(ctx, "containersDidLayout", (value) => {
-        if (value && peek$(ctx, "scrollingTo")) {
-          finishScrollTo(ctx, state);
-          unlisten();
-        }
-      });
-    }
   }
 }
 
@@ -1536,7 +1575,8 @@ function updateScroll(ctx, state, newScroll, forceUpdate) {
       return;
     }
   }
-  if (state.dataChangeNeedsScrollUpdate || Math.abs(state.scroll - state.scrollPrev) > 2) {
+  if (state.dataChangeNeedsScrollUpdate || Math.abs(state.scroll - state.scrollLastCalculate) > 2) {
+    state.scrollLastCalculate = state.scroll;
     state.ignoreScrollFromMVCPIgnored = false;
     (_a3 = state.triggerCalculateItemsInView) == null ? void 0 : _a3.call(state, { doMVCP: scrollingTo !== void 0 });
     checkAtBottom(ctx, state);
@@ -2403,7 +2443,7 @@ function calculateItemsInView(ctx, state, params = {}) {
     }
     const scrollAdjustPending = (_a3 = peek$(ctx, "scrollAdjustPending")) != null ? _a3 : 0;
     const scrollAdjustPad = scrollAdjustPending - topPad;
-    let scroll = scrollState + scrollExtra + scrollAdjustPad;
+    let scroll = Math.round(scrollState + scrollExtra + scrollAdjustPad);
     if (scroll + scrollLength > totalSize) {
       scroll = Math.max(0, totalSize - scrollLength);
     }
@@ -2430,7 +2470,7 @@ function calculateItemsInView(ctx, state, params = {}) {
     const scrollBottomBuffered = scrollBottom + scrollBufferBottom;
     if (!dataChanged && scrollForNextCalculateItemsInView) {
       const { top, bottom } = scrollForNextCalculateItemsInView;
-      if (scrollTopBuffered > top && scrollBottomBuffered < bottom) {
+      if ((top === null || scrollTopBuffered > top) && (bottom === null || scrollBottomBuffered < bottom)) {
         if (state.initialAnchor) {
           ensureInitialAnchor(ctx, state);
         }
@@ -2465,7 +2505,7 @@ function calculateItemsInView(ctx, state, params = {}) {
       const top = positions.get(id);
       const size = (_d = sizes.get(id)) != null ? _d : getItemSize(ctx, state, id, i, data[i]);
       const bottom = top + size;
-      if (bottom > scroll - scrollBuffer) {
+      if (bottom > scroll - scrollBufferTop) {
         loopStart = i;
       } else {
         break;
@@ -2502,7 +2542,11 @@ function calculateItemsInView(ctx, state, params = {}) {
         if (startBuffered === null && top + size > scrollTopBuffered) {
           startBuffered = i;
           startBufferedId = id;
-          nextTop = top;
+          if (scrollTopBuffered < 0) {
+            nextTop = null;
+          } else {
+            nextTop = top;
+          }
         }
         if (startNoBuffer !== null) {
           if (top <= scrollBottom) {
@@ -2510,7 +2554,11 @@ function calculateItemsInView(ctx, state, params = {}) {
           }
           if (top <= scrollBottomBuffered) {
             endBuffered = i;
-            nextBottom = top + size;
+            if (scrollBottomBuffered > totalSize) {
+              nextBottom = null;
+            } else {
+              nextBottom = top + size;
+            }
           } else {
             foundEnd = true;
           }
@@ -3626,6 +3674,14 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         offset: initialContentOffset,
         precomputedWithViewOffset: true
       });
+      {
+        const unlisten = listen$(ctx, "containersDidLayout", (value) => {
+          if (value && peek$(ctx, "scrollingTo")) {
+            finishScrollTo(ctx, state);
+            unlisten();
+          }
+        });
+      }
     }
   }, [initialContentOffset]);
   const onLayoutChange = useCallback((layout) => {

package/index.native.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Dispatch, SetStateAction } from 'react';
-import { L as LegendListProps, a as LegendListRef, V as ViewabilityCallback, b as ViewabilityAmountCallback, c as LegendListRecyclingState } from './types-YNdphn_A.mjs';
-export { C as ColumnWrapperStyle, u as GetRenderedItem, G as GetRenderedItemResult, s as InitialScrollAnchor, I as InternalState, d as LegendListPropsBase, f as LegendListRenderItemProps, M as MaintainScrollAtEndOptions, O as OnViewableItemsChanged, p as ScrollIndexWithOffset, r as ScrollIndexWithOffsetAndContentOffset, q as ScrollIndexWithOffsetPosition, g as ScrollState, S as ScrollTarget, T as ThresholdSnapshot, m as TypedForwardRef, n as TypedMemo, i as ViewAmountToken, h as ViewToken, l as ViewabilityConfig, j as ViewabilityConfigCallbackPair, k as ViewabilityConfigCallbackPairs, e as ViewableRange, t as typedForwardRef, o as typedMemo } from './types-YNdphn_A.mjs';
+import { L as LegendListProps, a as LegendListRef, V as ViewabilityCallback, b as ViewabilityAmountCallback, c as LegendListRecyclingState } from './types-BWlIhlCl.mjs';
+export { C as ColumnWrapperStyle, u as GetRenderedItem, G as GetRenderedItemResult, s as InitialScrollAnchor, I as InternalState, d as LegendListPropsBase, f as LegendListRenderItemProps, M as MaintainScrollAtEndOptions, O as OnViewableItemsChanged, p as ScrollIndexWithOffset, r as ScrollIndexWithOffsetAndContentOffset, q as ScrollIndexWithOffsetPosition, g as ScrollState, S as ScrollTarget, T as ThresholdSnapshot, m as TypedForwardRef, n as TypedMemo, i as ViewAmountToken, h as ViewToken, l as ViewabilityConfig, j as ViewabilityConfigCallbackPair, k as ViewabilityConfigCallbackPairs, e as ViewableRange, t as typedForwardRef, o as typedMemo } from './types-BWlIhlCl.mjs';
 import 'react-native';
 import 'react-native-reanimated';
 

package/index.native.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Dispatch, SetStateAction } from 'react';
-import { L as LegendListProps, a as LegendListRef, V as ViewabilityCallback, b as ViewabilityAmountCallback, c as LegendListRecyclingState } from './types-YNdphn_A.js';
-export { C as ColumnWrapperStyle, u as GetRenderedItem, G as GetRenderedItemResult, s as InitialScrollAnchor, I as InternalState, d as LegendListPropsBase, f as LegendListRenderItemProps, M as MaintainScrollAtEndOptions, O as OnViewableItemsChanged, p as ScrollIndexWithOffset, r as ScrollIndexWithOffsetAndContentOffset, q as ScrollIndexWithOffsetPosition, g as ScrollState, S as ScrollTarget, T as ThresholdSnapshot, m as TypedForwardRef, n as TypedMemo, i as ViewAmountToken, h as ViewToken, l as ViewabilityConfig, j as ViewabilityConfigCallbackPair, k as ViewabilityConfigCallbackPairs, e as ViewableRange, t as typedForwardRef, o as typedMemo } from './types-YNdphn_A.js';
+import { L as LegendListProps, a as LegendListRef, V as ViewabilityCallback, b as ViewabilityAmountCallback, c as LegendListRecyclingState } from './types-BWlIhlCl.js';
+export { C as ColumnWrapperStyle, u as GetRenderedItem, G as GetRenderedItemResult, s as InitialScrollAnchor, I as InternalState, d as LegendListPropsBase, f as LegendListRenderItemProps, M as MaintainScrollAtEndOptions, O as OnViewableItemsChanged, p as ScrollIndexWithOffset, r as ScrollIndexWithOffsetAndContentOffset, q as ScrollIndexWithOffsetPosition, g as ScrollState, S as ScrollTarget, T as ThresholdSnapshot, m as TypedForwardRef, n as TypedMemo, i as ViewAmountToken, h as ViewToken, l as ViewabilityConfig, j as ViewabilityConfigCallbackPair, k as ViewabilityConfigCallbackPairs, e as ViewableRange, t as typedForwardRef, o as typedMemo } from './types-BWlIhlCl.js';
 import 'react-native';
 import 'react-native-reanimated';
 

package/index.native.js

@@ -1074,15 +1074,44 @@ function finishScrollTo(ctx, state) {
     }
   }
 }
+
+// src/core/doScrollTo.native.ts
+function doScrollTo(ctx, state, params) {
+  var _a3;
+  const { animated, horizontal, isInitialScroll, offset } = params;
+  const { refScroller } = state;
+  (_a3 = refScroller.current) == null ? void 0 : _a3.scrollTo({
+    animated: !!animated,
+    x: horizontal ? offset : 0,
+    y: horizontal ? 0 : offset
+  });
+  if (!animated) {
+    state.scroll = offset;
+    const slowTimeout = isInitialScroll || !peek$(ctx, "containersDidLayout");
+    setTimeout(
+      () => {
+        let numChecks = 0;
+        const checkHasScrolled = () => {
+          numChecks++;
+          if (state.hasScrolled || numChecks > 5) {
+            finishScrollTo(ctx, state);
+          } else {
+            setTimeout(checkHasScrolled, 100);
+          }
+        };
+        checkHasScrolled();
+      },
+      slowTimeout ? 500 : 100
+    );
+  }
+}
 var Platform2 = reactNative.Platform;
 
 // src/core/scrollTo.ts
 function scrollTo(ctx, state, params) {
-  var _a3;
   const { noScrollingTo, ...scrollTarget } = params;
   const { animated, isInitialScroll, offset: scrollTargetOffset, precomputedWithViewOffset } = scrollTarget;
   const {
-    refScroller,
     props: { horizontal }
   } = state;
   let offset = precomputedWithViewOffset ? scrollTargetOffset : calculateOffsetWithOffsetPosition(ctx, state, scrollTargetOffset, scrollTarget);
@@ -1096,39 +1125,9 @@ function scrollTo(ctx, state, params) {
   }
   state.scrollPending = offset;
   if (!isInitialScroll || Platform2.OS === "android") {
-    (_a3 = refScroller.current) == null ? void 0 : _a3.scrollTo({
-      animated: !!animated,
-      x: horizontal ? offset : 0,
-      y: horizontal ? 0 : offset
-    });
-  }
-  if (!animated) {
+    doScrollTo(ctx, state, { animated, horizontal, isInitialScroll, offset });
+  } else {
     state.scroll = offset;
-    if (Platform2.OS === "web") {
-      const unlisten = listen$(ctx, "containersDidLayout", (value) => {
-        if (value && peek$(ctx, "scrollingTo")) {
-          finishScrollTo(ctx, state);
-          unlisten();
-        }
-      });
-    } else {
-      const slowTimeout = isInitialScroll || !peek$(ctx, "containersDidLayout");
-      setTimeout(
-        () => {
-          let numChecks = 0;
-          const checkHasScrolled = () => {
-            numChecks++;
-            if (state.hasScrolled || numChecks > 5) {
-              finishScrollTo(ctx, state);
-            } else {
-              setTimeout(checkHasScrolled, 100);
-            }
-          };
-          checkHasScrolled();
-        },
-        slowTimeout ? 500 : 100
-      );
-    }
   }
 }
 
@@ -1276,7 +1275,8 @@ function updateScroll(ctx, state, newScroll, forceUpdate) {
       return;
     }
   }
-  if (forceUpdate || state.dataChangeNeedsScrollUpdate || Math.abs(state.scroll - state.scrollPrev) > 2) {
+  if (forceUpdate || state.dataChangeNeedsScrollUpdate || Math.abs(state.scroll - state.scrollLastCalculate) > 2) {
+    state.scrollLastCalculate = state.scroll;
     state.ignoreScrollFromMVCPIgnored = false;
     (_a3 = state.triggerCalculateItemsInView) == null ? void 0 : _a3.call(state, { doMVCP: scrollingTo !== void 0 });
     checkAtBottom(ctx, state);
@@ -2187,7 +2187,7 @@ function calculateItemsInView(ctx, state, params = {}) {
     }
     const scrollAdjustPending = (_a3 = peek$(ctx, "scrollAdjustPending")) != null ? _a3 : 0;
     const scrollAdjustPad = scrollAdjustPending - topPad;
-    let scroll = scrollState + scrollExtra + scrollAdjustPad;
+    let scroll = Math.round(scrollState + scrollExtra + scrollAdjustPad);
     if (scroll + scrollLength > totalSize) {
       scroll = Math.max(0, totalSize - scrollLength);
     }
@@ -2214,7 +2214,7 @@ function calculateItemsInView(ctx, state, params = {}) {
     const scrollBottomBuffered = scrollBottom + scrollBufferBottom;
     if (!dataChanged && scrollForNextCalculateItemsInView) {
       const { top, bottom } = scrollForNextCalculateItemsInView;
-      if (scrollTopBuffered > top && scrollBottomBuffered < bottom) {
+      if ((top === null || scrollTopBuffered > top) && (bottom === null || scrollBottomBuffered < bottom)) {
         if (state.initialAnchor) {
           ensureInitialAnchor(ctx, state);
         }
@@ -2249,7 +2249,7 @@ function calculateItemsInView(ctx, state, params = {}) {
       const top = positions.get(id);
       const size = (_d = sizes.get(id)) != null ? _d : getItemSize(ctx, state, id, i, data[i]);
       const bottom = top + size;
-      if (bottom > scroll - scrollBuffer) {
+      if (bottom > scroll - scrollBufferTop) {
         loopStart = i;
       } else {
         break;
@@ -2286,7 +2286,11 @@ function calculateItemsInView(ctx, state, params = {}) {
         if (startBuffered === null && top + size > scrollTopBuffered) {
           startBuffered = i;
           startBufferedId = id;
-          nextTop = top;
+          if (scrollTopBuffered < 0) {
+            nextTop = null;
+          } else {
+            nextTop = top;
+          }
         }
         if (startNoBuffer !== null) {
           if (top <= scrollBottom) {
@@ -2294,7 +2298,11 @@ function calculateItemsInView(ctx, state, params = {}) {
           }
           if (top <= scrollBottomBuffered) {
             endBuffered = i;
-            nextBottom = top + size;
+            if (scrollBottomBuffered > totalSize) {
+              nextBottom = null;
+            } else {
+              nextBottom = top + size;
+            }
           } else {
             foundEnd = true;
           }
@@ -3431,6 +3439,14 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         offset: initialContentOffset,
         precomputedWithViewOffset: true
       });
+      if (Platform2.OS === "web") {
+        const unlisten = listen$(ctx, "containersDidLayout", (value) => {
+          if (value && peek$(ctx, "scrollingTo")) {
+            finishScrollTo(ctx, state);
+            unlisten();
+          }
+        });
+      }
     }
   }, [initialContentOffset]);
   const onLayoutChange = React2.useCallback((layout) => {