@legendapp/list 0.6.3 → 0.6.4

package/index.d.mts

@@ -29,6 +29,7 @@ type LegendListPropsBase<ItemT, TScrollView extends ComponentProps<typeof Scroll
     maintainVisibleContentPosition?: boolean;
     numColumns?: number;
     refScrollView?: React.Ref<ScrollView>;
+    waitForInitialLayout?: boolean;
     estimatedItemSize?: number;
     getEstimatedItemSize?: (index: number, item: ItemT) => number;
     onStartReached?: ((info: {
@@ -49,6 +50,13 @@ type LegendListPropsBase<ItemT, TScrollView extends ComponentProps<typeof Scroll
     viewabilityConfigCallbackPairs?: ViewabilityConfigCallbackPairs | undefined;
     viewabilityConfig?: ViewabilityConfig;
     onViewableItemsChanged?: OnViewableItemsChanged | undefined;
+    onItemSizeChanged?: (info: {
+        size: number;
+        previous: number;
+        index: number;
+        itemKey: string;
+        itemData: ItemT;
+    }) => void;
 };
 type LegendListProps<ItemT> = LegendListPropsBase<ItemT, ComponentProps<typeof ScrollView>>;
 interface InternalState {
@@ -89,10 +97,6 @@ interface InternalState {
     timeoutSizeMessage: any;
     nativeMarginTop: number;
     indexByKey: Map<string, number>;
-    contentSize: {
-        width: number;
-        height: number;
-    };
     viewabilityConfigCallbackPairs: ViewabilityConfigCallbackPairs | undefined;
     renderItem: (props: LegendListRenderItemProps<any>) => ReactNode;
     scrollHistory: Array<{

package/index.d.ts

@@ -29,6 +29,7 @@ type LegendListPropsBase<ItemT, TScrollView extends ComponentProps<typeof Scroll
     maintainVisibleContentPosition?: boolean;
     numColumns?: number;
     refScrollView?: React.Ref<ScrollView>;
+    waitForInitialLayout?: boolean;
     estimatedItemSize?: number;
     getEstimatedItemSize?: (index: number, item: ItemT) => number;
     onStartReached?: ((info: {
@@ -49,6 +50,13 @@ type LegendListPropsBase<ItemT, TScrollView extends ComponentProps<typeof Scroll
     viewabilityConfigCallbackPairs?: ViewabilityConfigCallbackPairs | undefined;
     viewabilityConfig?: ViewabilityConfig;
     onViewableItemsChanged?: OnViewableItemsChanged | undefined;
+    onItemSizeChanged?: (info: {
+        size: number;
+        previous: number;
+        index: number;
+        itemKey: string;
+        itemData: ItemT;
+    }) => void;
 };
 type LegendListProps<ItemT> = LegendListPropsBase<ItemT, ComponentProps<typeof ScrollView>>;
 interface InternalState {
@@ -89,10 +97,6 @@ interface InternalState {
     timeoutSizeMessage: any;
     nativeMarginTop: number;
     indexByKey: Map<string, number>;
-    contentSize: {
-        width: number;
-        height: number;
-    };
     viewabilityConfigCallbackPairs: ViewabilityConfigCallbackPairs | undefined;
     renderItem: (props: LegendListRenderItemProps<any>) => ReactNode;
     scrollHistory: Array<{

package/index.js

@@ -77,10 +77,13 @@ function set$(ctx, signalName, value) {
     }
   }
 }
+
+// src/Container.tsx
 var Container = ({
   id,
   recycleItems,
   horizontal,
+  waitForInitialLayout,
   getRenderedItem,
   updateItemSize,
   ItemSeparatorComponent
@@ -88,11 +91,10 @@ var Container = ({
   const ctx = useStateContext();
   const position = use$(`containerPosition${id}`);
   const column = use$(`containerColumn${id}`) || 0;
-  const visible = use$(`containerDidLayout${id}`);
   const numColumns = use$("numColumns");
   const otherAxisPos = numColumns > 1 ? `${(column - 1) / numColumns * 100}%` : 0;
   const otherAxisSize = numColumns > 1 ? `${1 / numColumns * 100}%` : void 0;
-  let style = horizontal ? {
+  const style = horizontal ? {
     flexDirection: "row",
     position: "absolute",
     top: otherAxisPos,
@@ -106,7 +108,8 @@ var Container = ({
     width: otherAxisSize,
     top: position
   };
-  {
+  if (waitForInitialLayout) {
+    const visible = use$(`containerDidLayout${id}`);
     style.opacity = visible ? 1 : 0;
   }
   const lastItemKey = use$("lastItemKey");
@@ -146,6 +149,7 @@ var Containers = React4__namespace.memo(function Containers2({
   horizontal,
   recycleItems,
   ItemSeparatorComponent,
+  waitForInitialLayout,
   updateItemSize,
   getRenderedItem
 }) {
@@ -161,6 +165,7 @@ var Containers = React4__namespace.memo(function Containers2({
           key: i,
           recycleItems,
           horizontal,
+          waitForInitialLayout,
           getRenderedItem,
           updateItemSize,
           ItemSeparatorComponent
@@ -190,6 +195,7 @@ var ListComponent = React4__namespace.memo(function ListComponent2({
   recycleItems,
   ItemSeparatorComponent,
   alignItemsAtEnd,
+  waitForInitialLayout,
   handleScroll,
   onLayout,
   ListHeaderComponent,
@@ -247,6 +253,7 @@ var ListComponent = React4__namespace.memo(function ListComponent2({
       {
         horizontal,
         recycleItems,
+        waitForInitialLayout,
         getRenderedItem,
         ItemSeparatorComponent: ItemSeparatorComponent && getComponent(ItemSeparatorComponent),
         updateItemSize
@@ -480,6 +487,8 @@ var LegendListInner = React4.forwardRef(function LegendListInner2(props, forward
     onEndReached,
     onStartReached,
     ListEmptyComponent,
+    onItemSizeChanged,
+    scrollEventThrottle,
     refScrollView,
     ...rest
   } = props;
@@ -557,7 +566,6 @@ var LegendListInner = React4.forwardRef(function LegendListInner2(props, forward
       indexByKey: /* @__PURE__ */ new Map(),
       scrollHistory: [],
       scrollVelocity: 0,
-      contentSize: { width: 0, height: 0 },
       sizesLaidOut: __DEV__ ? /* @__PURE__ */ new Map() : void 0,
       timeoutSizeMessage: 0,
       scrollTimer: void 0,
@@ -619,21 +627,18 @@ var LegendListInner = React4.forwardRef(function LegendListInner2(props, forward
       state.belowAnchorElementPositions = buildElementPositionsBelowAnchor();
       state.rowHeights.clear();
     }
-    const doAdd = () => {
-      const totalSize = state.totalSize;
-      let resultSize = totalSize;
-      if (applyAdjustValue !== void 0) {
-        resultSize -= applyAdjustValue;
-        refState.current.scrollAdjustHandler.requestAdjust(applyAdjustValue, (diff) => {
-          state.scroll -= diff;
-        });
-      }
-      set$(ctx, "totalSize", resultSize);
-      if (alignItemsAtEnd) {
-        doUpdatePaddingTop();
-      }
-    };
-    doAdd();
+    const totalSize = state.totalSize;
+    let resultSize = totalSize;
+    if (applyAdjustValue !== void 0) {
+      resultSize -= applyAdjustValue;
+      refState.current.scrollAdjustHandler.requestAdjust(applyAdjustValue, (diff) => {
+        state.scroll -= diff;
+      });
+    }
+    set$(ctx, "totalSize", resultSize);
+    if (alignItemsAtEnd) {
+      doUpdatePaddingTop();
+    }
   }, []);
   const getRowHeight = (n) => {
     const { rowHeights } = refState.current;
@@ -936,25 +941,25 @@ var LegendListInner = React4.forwardRef(function LegendListInner2(props, forward
     }
   };
   const doMaintainScrollAtEnd = (animated) => {
-    var _a2;
-    if (((_a2 = refState.current) == null ? void 0 : _a2.isAtBottom) && maintainScrollAtEnd) {
-      refState.current.scroll = refState.current.totalSize - refState.current.scrollLength;
+    const state = refState.current;
+    if ((state == null ? void 0 : state.isAtBottom) && maintainScrollAtEnd) {
+      state.scroll = state.totalSize - state.scrollLength + peek$(ctx, "paddingTop");
       requestAnimationFrame(() => {
-        var _a3;
-        (_a3 = refScroller.current) == null ? void 0 : _a3.scrollToEnd({
+        var _a2;
+        (_a2 = refScroller.current) == null ? void 0 : _a2.scrollToEnd({
           animated
         });
       });
+      return true;
     }
   };
   const checkAtBottom = () => {
     if (!refState.current) {
       return;
     }
-    const { scrollLength, scroll, contentSize } = refState.current;
-    const contentLength = contentSize[horizontal ? "width" : "height"];
-    if (scroll > 0 && contentLength > 0) {
-      const distanceFromEnd = contentLength - scroll - scrollLength;
+    const { scrollLength, scroll, totalSize } = refState.current;
+    if (totalSize > 0) {
+      const distanceFromEnd = totalSize - scroll - scrollLength;
       if (refState.current) {
         refState.current.isAtBottom = distanceFromEnd < scrollLength * maintainScrollAtEndThreshold;
       }
@@ -996,29 +1001,31 @@ var LegendListInner = React4.forwardRef(function LegendListInner2(props, forward
       }
     }
   };
-  const resetContainers = () => {
+  const checkResetContainers = (reset) => {
     const state = refState.current;
     if (state) {
-      if (data.length > state.data.length) {
-        state.isEndReached = false;
-      }
-      refState.current.scrollForNextCalculateItemsInView = void 0;
       state.data = data;
-      const numContainers = peek$(ctx, "numContainers");
-      for (let i = 0; i < numContainers; i++) {
-        const itemKey = peek$(ctx, `containerItemKey${i}`);
-        if (!keyExtractorProp || itemKey && state.indexByKey.get(itemKey) === void 0) {
-          set$(ctx, `containerItemKey${i}`, void 0);
-          set$(ctx, `containerPosition${i}`, POSITION_OUT_OF_VIEW);
-          set$(ctx, `containerColumn${i}`, -1);
+      if (reset) {
+        refState.current.scrollForNextCalculateItemsInView = void 0;
+        const numContainers = peek$(ctx, "numContainers");
+        for (let i = 0; i < numContainers; i++) {
+          const itemKey = peek$(ctx, `containerItemKey${i}`);
+          if (!keyExtractorProp || itemKey && state.indexByKey.get(itemKey) === void 0) {
+            set$(ctx, `containerItemKey${i}`, void 0);
+            set$(ctx, `containerPosition${i}`, POSITION_OUT_OF_VIEW);
+            set$(ctx, `containerColumn${i}`, -1);
+          }
+        }
+        if (!keyExtractorProp) {
+          state.sizes.clear();
+          state.positions;
         }
+        calculateItemsInView(state.scrollVelocity);
       }
-      if (!keyExtractorProp) {
-        state.sizes.clear();
-        state.positions;
+      const didMaintainScrollAtEnd = doMaintainScrollAtEnd(false);
+      if (!didMaintainScrollAtEnd && data.length > state.data.length) {
+        state.isEndReached = false;
       }
-      calculateItemsInView(state.scrollVelocity);
-      doMaintainScrollAtEnd(false);
       checkAtTop();
       checkAtBottom();
     }
@@ -1058,9 +1065,10 @@ var LegendListInner = React4.forwardRef(function LegendListInner2(props, forward
     addTotalSize(null, totalSize, totalSizeBelowIndex);
   }
   React4.useEffect(() => {
-    if (!isFirst) {
-      resetContainers();
-    }
+    checkResetContainers(
+      /*reset*/
+      !isFirst
+    );
   }, [isFirst, data, numColumnsProp]);
   refState.current.renderItem = renderItem;
   const lastItemKey = getId(data[data.length - 1]);
@@ -1250,6 +1258,9 @@ var LegendListInner = React4.forwardRef(function LegendListInner2(props, forward
           calculateItemsInView(state.scrollVelocity);
         }
       }
+      if (onItemSizeChanged) {
+        onItemSizeChanged({ size, previous: prevSize, index, itemKey, itemData: data2[index] });
+      }
     } else {
       set$(ctx, `containerDidLayout${containerId}`, true);
     }
@@ -1262,12 +1273,10 @@ var LegendListInner = React4.forwardRef(function LegendListInner2(props, forward
   const onLayout = React4.useCallback((event) => {
     const scrollLength = event.nativeEvent.layout[horizontal ? "width" : "height"];
     refState.current.scrollLength = scrollLength;
-    if (refState.current.hasScrolled) {
-      doMaintainScrollAtEnd(false);
-      doUpdatePaddingTop();
-      checkAtBottom();
-      checkAtTop();
-    }
+    doMaintainScrollAtEnd(false);
+    doUpdatePaddingTop();
+    checkAtBottom();
+    checkAtTop();
     if (__DEV__) {
       const isWidthZero = event.nativeEvent.layout.width === 0;
       const isHeightZero = event.nativeEvent.layout.height === 0;
@@ -1286,7 +1295,6 @@ var LegendListInner = React4.forwardRef(function LegendListInner2(props, forward
       }
       const state = refState.current;
       state.hasScrolled = true;
-      state.contentSize = event.nativeEvent.contentSize;
       const currentTime = performance.now();
       const newScroll = event.nativeEvent.contentOffset[horizontal ? "x" : "y"];
       if (!(state.scrollHistory.length === 0 && newScroll === initialContentOffset)) {
@@ -1374,6 +1382,7 @@ var LegendListInner = React4.forwardRef(function LegendListInner2(props, forward
       alignItemsAtEnd,
       ListEmptyComponent: data.length === 0 ? ListEmptyComponent : void 0,
       maintainVisibleContentPosition,
+      scrollEventThrottle: scrollEventThrottle != null ? scrollEventThrottle : reactNative.Platform.OS === "web" ? 16 : void 0,
       style
     }
   );

package/index.mjs

@@ -1,6 +1,6 @@
 import * as React4 from 'react';
 import React4__default, { forwardRef, useRef, useMemo, useCallback, useEffect, useImperativeHandle, useSyncExternalStore, useState } from 'react';
-import { Animated, ScrollView, View, Dimensions, StyleSheet, useAnimatedValue as useAnimatedValue$1 } from 'react-native';
+import { Animated, ScrollView, View, Dimensions, StyleSheet, Platform, useAnimatedValue as useAnimatedValue$1 } from 'react-native';
 
 // src/LegendList.tsx
 var ContextState = React4.createContext(null);
@@ -56,10 +56,13 @@ function set$(ctx, signalName, value) {
     }
   }
 }
+
+// src/Container.tsx
 var Container = ({
   id,
   recycleItems,
   horizontal,
+  waitForInitialLayout,
   getRenderedItem,
   updateItemSize,
   ItemSeparatorComponent
@@ -67,11 +70,10 @@ var Container = ({
   const ctx = useStateContext();
   const position = use$(`containerPosition${id}`);
   const column = use$(`containerColumn${id}`) || 0;
-  const visible = use$(`containerDidLayout${id}`);
   const numColumns = use$("numColumns");
   const otherAxisPos = numColumns > 1 ? `${(column - 1) / numColumns * 100}%` : 0;
   const otherAxisSize = numColumns > 1 ? `${1 / numColumns * 100}%` : void 0;
-  let style = horizontal ? {
+  const style = horizontal ? {
     flexDirection: "row",
     position: "absolute",
     top: otherAxisPos,
@@ -85,7 +87,8 @@ var Container = ({
     width: otherAxisSize,
     top: position
   };
-  {
+  if (waitForInitialLayout) {
+    const visible = use$(`containerDidLayout${id}`);
     style.opacity = visible ? 1 : 0;
   }
   const lastItemKey = use$("lastItemKey");
@@ -125,6 +128,7 @@ var Containers = React4.memo(function Containers2({
   horizontal,
   recycleItems,
   ItemSeparatorComponent,
+  waitForInitialLayout,
   updateItemSize,
   getRenderedItem
 }) {
@@ -140,6 +144,7 @@ var Containers = React4.memo(function Containers2({
           key: i,
           recycleItems,
           horizontal,
+          waitForInitialLayout,
           getRenderedItem,
           updateItemSize,
           ItemSeparatorComponent
@@ -169,6 +174,7 @@ var ListComponent = React4.memo(function ListComponent2({
   recycleItems,
   ItemSeparatorComponent,
   alignItemsAtEnd,
+  waitForInitialLayout,
   handleScroll,
   onLayout,
   ListHeaderComponent,
@@ -226,6 +232,7 @@ var ListComponent = React4.memo(function ListComponent2({
       {
         horizontal,
         recycleItems,
+        waitForInitialLayout,
         getRenderedItem,
         ItemSeparatorComponent: ItemSeparatorComponent && getComponent(ItemSeparatorComponent),
         updateItemSize
@@ -459,6 +466,8 @@ var LegendListInner = forwardRef(function LegendListInner2(props, forwardedRef)
     onEndReached,
     onStartReached,
     ListEmptyComponent,
+    onItemSizeChanged,
+    scrollEventThrottle,
     refScrollView,
     ...rest
   } = props;
@@ -536,7 +545,6 @@ var LegendListInner = forwardRef(function LegendListInner2(props, forwardedRef)
       indexByKey: /* @__PURE__ */ new Map(),
       scrollHistory: [],
       scrollVelocity: 0,
-      contentSize: { width: 0, height: 0 },
       sizesLaidOut: __DEV__ ? /* @__PURE__ */ new Map() : void 0,
       timeoutSizeMessage: 0,
       scrollTimer: void 0,
@@ -598,21 +606,18 @@ var LegendListInner = forwardRef(function LegendListInner2(props, forwardedRef)
       state.belowAnchorElementPositions = buildElementPositionsBelowAnchor();
       state.rowHeights.clear();
     }
-    const doAdd = () => {
-      const totalSize = state.totalSize;
-      let resultSize = totalSize;
-      if (applyAdjustValue !== void 0) {
-        resultSize -= applyAdjustValue;
-        refState.current.scrollAdjustHandler.requestAdjust(applyAdjustValue, (diff) => {
-          state.scroll -= diff;
-        });
-      }
-      set$(ctx, "totalSize", resultSize);
-      if (alignItemsAtEnd) {
-        doUpdatePaddingTop();
-      }
-    };
-    doAdd();
+    const totalSize = state.totalSize;
+    let resultSize = totalSize;
+    if (applyAdjustValue !== void 0) {
+      resultSize -= applyAdjustValue;
+      refState.current.scrollAdjustHandler.requestAdjust(applyAdjustValue, (diff) => {
+        state.scroll -= diff;
+      });
+    }
+    set$(ctx, "totalSize", resultSize);
+    if (alignItemsAtEnd) {
+      doUpdatePaddingTop();
+    }
   }, []);
   const getRowHeight = (n) => {
     const { rowHeights } = refState.current;
@@ -915,25 +920,25 @@ var LegendListInner = forwardRef(function LegendListInner2(props, forwardedRef)
     }
   };
   const doMaintainScrollAtEnd = (animated) => {
-    var _a2;
-    if (((_a2 = refState.current) == null ? void 0 : _a2.isAtBottom) && maintainScrollAtEnd) {
-      refState.current.scroll = refState.current.totalSize - refState.current.scrollLength;
+    const state = refState.current;
+    if ((state == null ? void 0 : state.isAtBottom) && maintainScrollAtEnd) {
+      state.scroll = state.totalSize - state.scrollLength + peek$(ctx, "paddingTop");
       requestAnimationFrame(() => {
-        var _a3;
-        (_a3 = refScroller.current) == null ? void 0 : _a3.scrollToEnd({
+        var _a2;
+        (_a2 = refScroller.current) == null ? void 0 : _a2.scrollToEnd({
           animated
         });
       });
+      return true;
     }
   };
   const checkAtBottom = () => {
     if (!refState.current) {
       return;
     }
-    const { scrollLength, scroll, contentSize } = refState.current;
-    const contentLength = contentSize[horizontal ? "width" : "height"];
-    if (scroll > 0 && contentLength > 0) {
-      const distanceFromEnd = contentLength - scroll - scrollLength;
+    const { scrollLength, scroll, totalSize } = refState.current;
+    if (totalSize > 0) {
+      const distanceFromEnd = totalSize - scroll - scrollLength;
       if (refState.current) {
         refState.current.isAtBottom = distanceFromEnd < scrollLength * maintainScrollAtEndThreshold;
       }
@@ -975,29 +980,31 @@ var LegendListInner = forwardRef(function LegendListInner2(props, forwardedRef)
       }
     }
   };
-  const resetContainers = () => {
+  const checkResetContainers = (reset) => {
     const state = refState.current;
     if (state) {
-      if (data.length > state.data.length) {
-        state.isEndReached = false;
-      }
-      refState.current.scrollForNextCalculateItemsInView = void 0;
       state.data = data;
-      const numContainers = peek$(ctx, "numContainers");
-      for (let i = 0; i < numContainers; i++) {
-        const itemKey = peek$(ctx, `containerItemKey${i}`);
-        if (!keyExtractorProp || itemKey && state.indexByKey.get(itemKey) === void 0) {
-          set$(ctx, `containerItemKey${i}`, void 0);
-          set$(ctx, `containerPosition${i}`, POSITION_OUT_OF_VIEW);
-          set$(ctx, `containerColumn${i}`, -1);
+      if (reset) {
+        refState.current.scrollForNextCalculateItemsInView = void 0;
+        const numContainers = peek$(ctx, "numContainers");
+        for (let i = 0; i < numContainers; i++) {
+          const itemKey = peek$(ctx, `containerItemKey${i}`);
+          if (!keyExtractorProp || itemKey && state.indexByKey.get(itemKey) === void 0) {
+            set$(ctx, `containerItemKey${i}`, void 0);
+            set$(ctx, `containerPosition${i}`, POSITION_OUT_OF_VIEW);
+            set$(ctx, `containerColumn${i}`, -1);
+          }
+        }
+        if (!keyExtractorProp) {
+          state.sizes.clear();
+          state.positions;
         }
+        calculateItemsInView(state.scrollVelocity);
       }
-      if (!keyExtractorProp) {
-        state.sizes.clear();
-        state.positions;
+      const didMaintainScrollAtEnd = doMaintainScrollAtEnd(false);
+      if (!didMaintainScrollAtEnd && data.length > state.data.length) {
+        state.isEndReached = false;
       }
-      calculateItemsInView(state.scrollVelocity);
-      doMaintainScrollAtEnd(false);
       checkAtTop();
       checkAtBottom();
     }
@@ -1037,9 +1044,10 @@ var LegendListInner = forwardRef(function LegendListInner2(props, forwardedRef)
     addTotalSize(null, totalSize, totalSizeBelowIndex);
   }
   useEffect(() => {
-    if (!isFirst) {
-      resetContainers();
-    }
+    checkResetContainers(
+      /*reset*/
+      !isFirst
+    );
   }, [isFirst, data, numColumnsProp]);
   refState.current.renderItem = renderItem;
   const lastItemKey = getId(data[data.length - 1]);
@@ -1229,6 +1237,9 @@ var LegendListInner = forwardRef(function LegendListInner2(props, forwardedRef)
           calculateItemsInView(state.scrollVelocity);
         }
       }
+      if (onItemSizeChanged) {
+        onItemSizeChanged({ size, previous: prevSize, index, itemKey, itemData: data2[index] });
+      }
     } else {
       set$(ctx, `containerDidLayout${containerId}`, true);
     }
@@ -1241,12 +1252,10 @@ var LegendListInner = forwardRef(function LegendListInner2(props, forwardedRef)
   const onLayout = useCallback((event) => {
     const scrollLength = event.nativeEvent.layout[horizontal ? "width" : "height"];
     refState.current.scrollLength = scrollLength;
-    if (refState.current.hasScrolled) {
-      doMaintainScrollAtEnd(false);
-      doUpdatePaddingTop();
-      checkAtBottom();
-      checkAtTop();
-    }
+    doMaintainScrollAtEnd(false);
+    doUpdatePaddingTop();
+    checkAtBottom();
+    checkAtTop();
     if (__DEV__) {
       const isWidthZero = event.nativeEvent.layout.width === 0;
       const isHeightZero = event.nativeEvent.layout.height === 0;
@@ -1265,7 +1274,6 @@ var LegendListInner = forwardRef(function LegendListInner2(props, forwardedRef)
       }
       const state = refState.current;
       state.hasScrolled = true;
-      state.contentSize = event.nativeEvent.contentSize;
       const currentTime = performance.now();
       const newScroll = event.nativeEvent.contentOffset[horizontal ? "x" : "y"];
       if (!(state.scrollHistory.length === 0 && newScroll === initialContentOffset)) {
@@ -1353,6 +1361,7 @@ var LegendListInner = forwardRef(function LegendListInner2(props, forwardedRef)
       alignItemsAtEnd,
       ListEmptyComponent: data.length === 0 ? ListEmptyComponent : void 0,
       maintainVisibleContentPosition,
+      scrollEventThrottle: scrollEventThrottle != null ? scrollEventThrottle : Platform.OS === "web" ? 16 : void 0,
       style
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@legendapp/list",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "description": "legend-list",
   "sideEffects": false,
   "private": false,

package/reanimated.d.mts

@@ -2,7 +2,7 @@ import { LegendListRef, LegendListPropsBase } from '@legendapp/list';
 import React__default, { ComponentProps } from 'react';
 import Animated from 'react-native-reanimated';
 
-type KeysToOmit = "getEstimatedItemSize" | "keyExtractor" | "animatedProps" | "renderItem";
+type KeysToOmit = "getEstimatedItemSize" | "keyExtractor" | "animatedProps" | "renderItem" | "onItemSizeChanged";
 type PropsBase<ItemT> = LegendListPropsBase<ItemT, ComponentProps<typeof Animated.ScrollView>>;
 interface AnimatedLegendListProps<ItemT> extends Omit<PropsBase<ItemT>, KeysToOmit> {
     refScrollView?: React__default.Ref<Animated.ScrollView>;

package/reanimated.d.ts

@@ -2,7 +2,7 @@ import { LegendListRef, LegendListPropsBase } from '@legendapp/list';
 import React__default, { ComponentProps } from 'react';
 import Animated from 'react-native-reanimated';
 
-type KeysToOmit = "getEstimatedItemSize" | "keyExtractor" | "animatedProps" | "renderItem";
+type KeysToOmit = "getEstimatedItemSize" | "keyExtractor" | "animatedProps" | "renderItem" | "onItemSizeChanged";
 type PropsBase<ItemT> = LegendListPropsBase<ItemT, ComponentProps<typeof Animated.ScrollView>>;
 interface AnimatedLegendListProps<ItemT> extends Omit<PropsBase<ItemT>, KeysToOmit> {
     refScrollView?: React__default.Ref<Animated.ScrollView>;