@legendapp/list 1.0.19 → 1.1.0

package/index.js

@@ -3,6 +3,7 @@
 var React2 = require('react');
 var reactNative = require('react-native');
 var shim = require('use-sync-external-store/shim');
+var list = require('@legendapp/list');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -193,6 +194,9 @@ function useInterval(callback, delay) {
 function isFunction(obj) {
   return typeof obj === "function";
 }
+function isArray(obj) {
+  return Array.isArray(obj);
+}
 var warned = /* @__PURE__ */ new Set();
 function warnDevOnce(id, text) {
   if (__DEV__ && !warned.has(id)) {
@@ -1005,7 +1009,7 @@ var LegendList = typedForwardRef(function LegendList2(props, forwardedRef) {
 var LegendListInner = typedForwardRef(function LegendListInner2(props, forwardedRef) {
   const {
     data: dataProp = [],
-    initialScrollIndex,
+    initialScrollIndex: initialScrollIndexProp,
     initialScrollOffset,
     horizontal,
     drawDistance = 250,
@@ -1021,7 +1025,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     numColumns: numColumnsProp = 1,
     columnWrapperStyle,
     keyExtractor: keyExtractorProp,
-    renderItem,
+    renderItem: renderItem2,
+    estimatedListSize,
     estimatedItemSize: estimatedItemSizeProp,
     getEstimatedItemSize,
     suggestEstimatedItemSize,
@@ -1044,6 +1049,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     onViewableItemsChanged,
     ...rest
   } = props;
+  const initialScroll = typeof initialScrollIndexProp === "number" ? { index: initialScrollIndexProp } : initialScrollIndexProp;
+  const initialScrollIndex = initialScroll == null ? void 0 : initialScroll.index;
   const refLoadStartTime = React2.useRef(Date.now());
   const callbacks = React2.useRef({
     onStartReached: rest.onStartReached,
@@ -1121,9 +1128,21 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }
     return 0;
   };
+  const calculateOffsetWithOffsetPosition = (offsetParam, params) => {
+    const { index, viewOffset, viewPosition } = params;
+    let offset = offsetParam;
+    const state = refState.current;
+    if (viewOffset) {
+      offset -= viewOffset;
+    }
+    if (viewPosition !== void 0 && index !== void 0) {
+      offset -= viewPosition * (state.scrollLength - getItemSize(getId(index), index, state.data[index]));
+    }
+    return offset;
+  };
   const initialContentOffset = initialScrollOffset != null ? initialScrollOffset : React2.useMemo(() => calculateOffsetForIndex(void 0), []);
   if (!refState.current) {
-    const initialScrollLength = reactNative.Dimensions.get("window")[horizontal ? "width" : "height"];
+    const initialScrollLength = (estimatedListSize != null ? estimatedListSize : reactNative.Dimensions.get("window"))[horizontal ? "width" : "height"];
     refState.current = {
       sizes: /* @__PURE__ */ new Map(),
       positions: /* @__PURE__ */ new Map(),
@@ -1247,12 +1266,12 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         props.onLoad({ elapsedTimeInMs: Date.now() - refLoadStartTime.current });
       }
     };
-    if (initialScrollIndex) {
+    if (initialScroll) {
       queueMicrotask(() => {
-        scrollToIndex({ index: initialScrollIndex, animated: false });
+        scrollToIndex({ ...initialScroll, animated: false });
         requestAnimationFrame(() => {
           if (!IsNewArchitecture) {
-            scrollToIndex({ index: initialScrollIndex, animated: false });
+            scrollToIndex({ ...initialScroll, animated: false });
           }
           setIt();
         });
@@ -1466,8 +1485,11 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     let scrollState = state.scroll;
     const scrollExtra = 0;
     const useAverageSize = !state.disableScrollJumpsFrom && speed >= 0 && peek$(ctx, "containersDidLayout");
-    if (!state.queuedInitialLayout && initialScrollIndex) {
-      const updatedOffset = calculateOffsetForIndex(initialScrollIndex);
+    if (!state.queuedInitialLayout && initialScroll) {
+      const updatedOffset = calculateOffsetWithOffsetPosition(
+        calculateOffsetForIndex(initialScroll.index),
+        initialScroll
+      );
       scrollState = updatedOffset;
     }
     const scrollAdjustPad = -previousScrollAdjust - topPad;
@@ -1759,14 +1781,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   const scrollTo = (params = {}) => {
     var _a;
     const state = refState.current;
-    const { animated, index, viewPosition, viewOffset } = params;
-    let { offset } = params;
-    if (viewOffset) {
-      offset -= viewOffset;
-    }
-    if (viewPosition !== void 0 && index !== void 0) {
-      offset -= viewPosition * (state.scrollLength - getItemSize(getId(index), index, state.data[index]));
-    }
+    const { animated } = params;
+    const offset = calculateOffsetWithOffsetPosition(params.offset, params);
     state.scrollAdjustHandler.setDisableAdjust(true);
     state.scrollHistory.length = 0;
     state.scrollingTo = params;
@@ -2097,10 +2113,10 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     calcTotalSizesAndPositions({ forgetPositions: false });
   }
   React2.useEffect(() => {
-    if (initialScrollIndex && ListHeaderComponent) {
+    if (initialScroll && ListHeaderComponent) {
       const dispose = listen$(ctx, "headerSize", (size) => {
         if (size > 0) {
-          scrollToIndex({ index: initialScrollIndex, animated: false });
+          scrollToIndex({ ...initialScroll, animated: false });
           dispose == null ? void 0 : dispose();
         }
       });
@@ -2120,7 +2136,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   React2.useEffect(() => {
     set$(ctx, "extraData", extraData);
   }, [extraData]);
-  refState.current.renderItem = renderItem;
+  refState.current.renderItem = renderItem2;
   React2.useEffect(initalizeStateVars, [
     memoizedLastItemKeys.join(","),
     numColumnsProp,
@@ -2161,7 +2177,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
       set$(ctx, "numContainers", numContainers);
       set$(ctx, "numContainersPooled", numContainers * initialContainerPoolRatio);
-      if (initialScrollIndex) {
+      if (initialScroll) {
         requestAnimationFrame(() => {
           calculateItemsInView(
             /*isReset*/
@@ -2569,7 +2585,20 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }
   ), __DEV__ && ENABLE_DEBUG_VIEW && /* @__PURE__ */ React2__namespace.createElement(DebugView, { state: refState.current }));
 });
+var typedForwardRef2 = React2.forwardRef;
+var renderItem = ({ item }) => item;
+var LazyLegendList = typedForwardRef2(function LazyLegendList2(props, forwardedRef) {
+  const { LegendList: LegendListProp, children, ...rest } = props;
+  const LegendListComponent = LegendListProp != null ? LegendListProp : list.LegendList;
+  const data = (isArray(children) ? children : React2__namespace.Children.toArray(children)).flat(1);
+  console.log({ data });
+  return (
+    // @ts-expect-error TODO: Fix this type
+    /* @__PURE__ */ React2__namespace.createElement(LegendListComponent, { ...rest, data, renderItem, ref: forwardedRef })
+  );
+});
 
+exports.LazyLegendList = LazyLegendList;
 exports.LegendList = LegendList;
 exports.useIsLastItem = useIsLastItem;
 exports.useListScrollSize = useListScrollSize;

package/index.mjs

@@ -2,6 +2,7 @@ import * as React2 from 'react';
 import React2__default, { useReducer, useEffect, createContext, useMemo, useRef, useCallback, useLayoutEffect, useImperativeHandle, useContext, useState, forwardRef, memo } from 'react';
 import { View, Text, Platform, Animated, ScrollView, StyleSheet, Dimensions, RefreshControl } from 'react-native';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
+import { LegendList as LegendList$1 } from '@legendapp/list';
 
 // src/LegendList.tsx
 var ContextState = React2.createContext(null);
@@ -172,6 +173,9 @@ function useInterval(callback, delay) {
 function isFunction(obj) {
   return typeof obj === "function";
 }
+function isArray(obj) {
+  return Array.isArray(obj);
+}
 var warned = /* @__PURE__ */ new Set();
 function warnDevOnce(id, text) {
   if (__DEV__ && !warned.has(id)) {
@@ -984,7 +988,7 @@ var LegendList = typedForwardRef(function LegendList2(props, forwardedRef) {
 var LegendListInner = typedForwardRef(function LegendListInner2(props, forwardedRef) {
   const {
     data: dataProp = [],
-    initialScrollIndex,
+    initialScrollIndex: initialScrollIndexProp,
     initialScrollOffset,
     horizontal,
     drawDistance = 250,
@@ -1000,7 +1004,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     numColumns: numColumnsProp = 1,
     columnWrapperStyle,
     keyExtractor: keyExtractorProp,
-    renderItem,
+    renderItem: renderItem2,
+    estimatedListSize,
     estimatedItemSize: estimatedItemSizeProp,
     getEstimatedItemSize,
     suggestEstimatedItemSize,
@@ -1023,6 +1028,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     onViewableItemsChanged,
     ...rest
   } = props;
+  const initialScroll = typeof initialScrollIndexProp === "number" ? { index: initialScrollIndexProp } : initialScrollIndexProp;
+  const initialScrollIndex = initialScroll == null ? void 0 : initialScroll.index;
   const refLoadStartTime = useRef(Date.now());
   const callbacks = useRef({
     onStartReached: rest.onStartReached,
@@ -1100,9 +1107,21 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }
     return 0;
   };
+  const calculateOffsetWithOffsetPosition = (offsetParam, params) => {
+    const { index, viewOffset, viewPosition } = params;
+    let offset = offsetParam;
+    const state = refState.current;
+    if (viewOffset) {
+      offset -= viewOffset;
+    }
+    if (viewPosition !== void 0 && index !== void 0) {
+      offset -= viewPosition * (state.scrollLength - getItemSize(getId(index), index, state.data[index]));
+    }
+    return offset;
+  };
   const initialContentOffset = initialScrollOffset != null ? initialScrollOffset : useMemo(() => calculateOffsetForIndex(void 0), []);
   if (!refState.current) {
-    const initialScrollLength = Dimensions.get("window")[horizontal ? "width" : "height"];
+    const initialScrollLength = (estimatedListSize != null ? estimatedListSize : Dimensions.get("window"))[horizontal ? "width" : "height"];
     refState.current = {
       sizes: /* @__PURE__ */ new Map(),
       positions: /* @__PURE__ */ new Map(),
@@ -1226,12 +1245,12 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         props.onLoad({ elapsedTimeInMs: Date.now() - refLoadStartTime.current });
       }
     };
-    if (initialScrollIndex) {
+    if (initialScroll) {
       queueMicrotask(() => {
-        scrollToIndex({ index: initialScrollIndex, animated: false });
+        scrollToIndex({ ...initialScroll, animated: false });
         requestAnimationFrame(() => {
           if (!IsNewArchitecture) {
-            scrollToIndex({ index: initialScrollIndex, animated: false });
+            scrollToIndex({ ...initialScroll, animated: false });
           }
           setIt();
         });
@@ -1445,8 +1464,11 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     let scrollState = state.scroll;
     const scrollExtra = 0;
     const useAverageSize = !state.disableScrollJumpsFrom && speed >= 0 && peek$(ctx, "containersDidLayout");
-    if (!state.queuedInitialLayout && initialScrollIndex) {
-      const updatedOffset = calculateOffsetForIndex(initialScrollIndex);
+    if (!state.queuedInitialLayout && initialScroll) {
+      const updatedOffset = calculateOffsetWithOffsetPosition(
+        calculateOffsetForIndex(initialScroll.index),
+        initialScroll
+      );
       scrollState = updatedOffset;
     }
     const scrollAdjustPad = -previousScrollAdjust - topPad;
@@ -1738,14 +1760,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   const scrollTo = (params = {}) => {
     var _a;
     const state = refState.current;
-    const { animated, index, viewPosition, viewOffset } = params;
-    let { offset } = params;
-    if (viewOffset) {
-      offset -= viewOffset;
-    }
-    if (viewPosition !== void 0 && index !== void 0) {
-      offset -= viewPosition * (state.scrollLength - getItemSize(getId(index), index, state.data[index]));
-    }
+    const { animated } = params;
+    const offset = calculateOffsetWithOffsetPosition(params.offset, params);
     state.scrollAdjustHandler.setDisableAdjust(true);
     state.scrollHistory.length = 0;
     state.scrollingTo = params;
@@ -2076,10 +2092,10 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     calcTotalSizesAndPositions({ forgetPositions: false });
   }
   useEffect(() => {
-    if (initialScrollIndex && ListHeaderComponent) {
+    if (initialScroll && ListHeaderComponent) {
       const dispose = listen$(ctx, "headerSize", (size) => {
         if (size > 0) {
-          scrollToIndex({ index: initialScrollIndex, animated: false });
+          scrollToIndex({ ...initialScroll, animated: false });
           dispose == null ? void 0 : dispose();
         }
       });
@@ -2099,7 +2115,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   useEffect(() => {
     set$(ctx, "extraData", extraData);
   }, [extraData]);
-  refState.current.renderItem = renderItem;
+  refState.current.renderItem = renderItem2;
   useEffect(initalizeStateVars, [
     memoizedLastItemKeys.join(","),
     numColumnsProp,
@@ -2140,7 +2156,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
       set$(ctx, "numContainers", numContainers);
       set$(ctx, "numContainersPooled", numContainers * initialContainerPoolRatio);
-      if (initialScrollIndex) {
+      if (initialScroll) {
         requestAnimationFrame(() => {
           calculateItemsInView(
             /*isReset*/
@@ -2548,5 +2564,17 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }
   ), __DEV__ && ENABLE_DEBUG_VIEW && /* @__PURE__ */ React2.createElement(DebugView, { state: refState.current }));
 });
+var typedForwardRef2 = forwardRef;
+var renderItem = ({ item }) => item;
+var LazyLegendList = typedForwardRef2(function LazyLegendList2(props, forwardedRef) {
+  const { LegendList: LegendListProp, children, ...rest } = props;
+  const LegendListComponent = LegendListProp != null ? LegendListProp : LegendList$1;
+  const data = (isArray(children) ? children : React2.Children.toArray(children)).flat(1);
+  console.log({ data });
+  return (
+    // @ts-expect-error TODO: Fix this type
+    /* @__PURE__ */ React2.createElement(LegendListComponent, { ...rest, data, renderItem, ref: forwardedRef })
+  );
+});
 
-export { LegendList, useIsLastItem, useListScrollSize, useRecyclingEffect, useRecyclingState, useViewability, useViewabilityAmount };
+export { LazyLegendList, LegendList, useIsLastItem, useListScrollSize, useRecyclingEffect, useRecyclingState, useViewability, useViewabilityAmount };

package/keyboard-controller.d.mts

@@ -1,23 +1,28 @@
-import * as react_native_reanimated_lib_typescript_layoutReanimation_animationBuilder_Keyframe from 'react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe';
-import * as react_native_reanimated from 'react-native-reanimated';
 import * as _legendapp_list_reanimated from '@legendapp/list/reanimated';
 import * as _legendapp_list from '@legendapp/list';
 import { LegendListRef } from '@legendapp/list';
 import * as react_native from 'react-native';
-import { Insets } from 'react-native';
 import * as React from 'react';
 
-declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews"> & {
+declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews" | "children"> & {
     alignItemsAtEnd?: boolean;
     columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
     data: readonly T[];
     drawDistance?: number;
     estimatedItemSize?: number;
+    estimatedListSize?: {
+        height: number;
+        width: number;
+    };
     extraData?: any;
     getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
     initialContainerPoolRatio?: number | undefined;
     initialScrollOffset?: number;
-    initialScrollIndex?: number;
+    initialScrollIndex?: number | {
+        index: number;
+        viewOffset?: number | undefined;
+        viewPosition?: number | undefined;
+    };
     ItemSeparatorComponent?: React.ComponentType<{
         leadingItem: T;
     }> | undefined;
@@ -61,17 +66,25 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_nati
     onLoad?: (info: {
         elapsedTimeInMs: number;
     }) => void;
-} & React.RefAttributes<LegendListRef>) => React.ReactNode) | react_native.Animated.AnimatedComponent<(<T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews"> & {
+} & React.RefAttributes<LegendListRef>) => React.ReactNode) | react_native.Animated.AnimatedComponent<(<T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews" | "children"> & {
     alignItemsAtEnd?: boolean;
     columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
     data: readonly T[];
     drawDistance?: number;
     estimatedItemSize?: number;
+    estimatedListSize?: {
+        height: number;
+        width: number;
+    };
     extraData?: any;
     getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
     initialContainerPoolRatio?: number | undefined;
     initialScrollOffset?: number;
-    initialScrollIndex?: number;
+    initialScrollIndex?: number | {
+        index: number;
+        viewOffset?: number | undefined;
+        viewPosition?: number | undefined;
+    };
     ItemSeparatorComponent?: React.ComponentType<{
         leadingItem: T;
     }> | undefined;
@@ -115,200 +128,27 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_nati
     onLoad?: (info: {
         elapsedTimeInMs: number;
     }) => void;
-} & React.RefAttributes<LegendListRef>) => React.ReactNode)> | (<ItemT_1>(props: Omit<_legendapp_list_reanimated.AnimatedLegendListPropsBase<ItemT_1>, "refLegendList"> & {
-    getEstimatedItemSize?: ((index: number, item: ItemT_1) => number) | undefined;
-    ItemSeparatorComponent?: React.ComponentType<{
-        leadingItem: ItemT_1;
-    }> | undefined;
-    keyExtractor?: ((item: ItemT_1, index: number) => string) | undefined;
-    onItemSizeChanged?: ((info: {
-        size: number;
-        previous: number;
-        index: number;
-        itemKey: string;
-        itemData: ItemT_1;
-    }) => void) | undefined;
-    renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<ItemT_1>) => React.ReactNode) | React.ComponentType<_legendapp_list.LegendListRenderItemProps<ItemT_1>> | undefined;
-    animatedProps?: Partial<{
-        contentOffset?: react_native.PointProp | react_native_reanimated.SharedValue<react_native.PointProp | undefined> | undefined;
-        contentInset?: Insets | react_native_reanimated.SharedValue<Insets | undefined> | undefined;
-        maintainVisibleContentPosition?: {
-            autoscrollToTopThreshold?: number | null | undefined;
-            minIndexForVisible: number;
-        } | react_native_reanimated.SharedValue<{
-            autoscrollToTopThreshold?: number | null | undefined;
-            minIndexForVisible: number;
-        } | null | undefined> | null | undefined;
-        stickyHeaderIndices?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
-        removeClippedSubviews?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        scrollEventThrottle?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
-        decelerationRate?: number | "fast" | "normal" | react_native_reanimated.SharedValue<number | "fast" | "normal" | undefined> | undefined;
-        horizontal?: boolean | react_native_reanimated.SharedValue<boolean | null | undefined> | null | undefined;
-        invertStickyHeaders?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        keyboardDismissMode?: "none" | "interactive" | "on-drag" | react_native_reanimated.SharedValue<"none" | "interactive" | "on-drag" | undefined> | undefined;
-        keyboardShouldPersistTaps?: boolean | "always" | "never" | "handled" | react_native_reanimated.SharedValue<boolean | "always" | "never" | "handled" | undefined> | undefined;
-        onContentSizeChange?: ((w: number, h: number) => void) | react_native_reanimated.SharedValue<((w: number, h: number) => void) | undefined> | undefined;
-        onScroll?: ((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | react_native_reanimated.SharedValue<((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | undefined> | undefined;
-        onScrollBeginDrag?: ((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | react_native_reanimated.SharedValue<((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | undefined> | undefined;
-        onScrollEndDrag?: ((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | react_native_reanimated.SharedValue<((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | undefined> | undefined;
-        onMomentumScrollEnd?: ((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | react_native_reanimated.SharedValue<((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | undefined> | undefined;
-        onMomentumScrollBegin?: ((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | react_native_reanimated.SharedValue<((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | undefined> | undefined;
-        pagingEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        scrollEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        showsHorizontalScrollIndicator?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        showsVerticalScrollIndicator?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        stickyHeaderHiddenOnScroll?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        refreshControl?: React.ReactElement<react_native.RefreshControlProps, string | React.JSXElementConstructor<any>> | react_native_reanimated.SharedValue<React.ReactElement<react_native.RefreshControlProps, string | React.JSXElementConstructor<any>> | undefined> | undefined;
-        snapToInterval?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
-        snapToOffsets?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
-        snapToStart?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        snapToEnd?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        disableIntervalMomentum?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        disableScrollViewPanResponder?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        StickyHeaderComponent?: React.ComponentType<any> | react_native_reanimated.SharedValue<React.ComponentType<any> | undefined> | undefined;
-        children?: React.ReactNode | react_native_reanimated.SharedValue<React.ReactNode>;
-        hitSlop?: number | Insets | react_native_reanimated.SharedValue<number | Insets | null | undefined> | null | undefined;
-        id?: string | react_native_reanimated.SharedValue<string | undefined> | undefined;
-        needsOffscreenAlphaCompositing?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        onLayout?: ((event: react_native.LayoutChangeEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.LayoutChangeEvent) => void) | undefined> | undefined;
-        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | react_native_reanimated.SharedValue<"box-none" | "none" | "box-only" | "auto" | undefined> | undefined;
-        testID?: string | react_native_reanimated.SharedValue<string | undefined> | undefined;
-        nativeID?: string | react_native_reanimated.SharedValue<string | undefined> | undefined;
-        className?: string | react_native_reanimated.SharedValue<string | undefined> | undefined;
-        collapsable?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        collapsableChildren?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        renderToHardwareTextureAndroid?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        focusable?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        tabIndex?: 0 | -1 | react_native_reanimated.SharedValue<0 | -1 | undefined> | undefined;
-        shouldRasterizeIOS?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        isTVSelectable?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        hasTVPreferredFocus?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        tvParallaxShiftDistanceX?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
-        tvParallaxShiftDistanceY?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
-        tvParallaxTiltAngle?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
-        tvParallaxMagnification?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
-        onStartShouldSetResponder?: ((event: react_native.GestureResponderEvent) => boolean) | react_native_reanimated.SharedValue<((event: react_native.GestureResponderEvent) => boolean) | undefined> | undefined;
-        onMoveShouldSetResponder?: ((event: react_native.GestureResponderEvent) => boolean) | react_native_reanimated.SharedValue<((event: react_native.GestureResponderEvent) => boolean) | undefined> | undefined;
-        onResponderEnd?: ((event: react_native.GestureResponderEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.GestureResponderEvent) => void) | undefined> | undefined;
-        onResponderGrant?: ((event: react_native.GestureResponderEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.GestureResponderEvent) => void) | undefined> | undefined;
-        onResponderReject?: ((event: react_native.GestureResponderEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.GestureResponderEvent) => void) | undefined> | undefined;
-        onResponderMove?: ((event: react_native.GestureResponderEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.GestureResponderEvent) => void) | undefined> | undefined;
-        onResponderRelease?: ((event: react_native.GestureResponderEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.GestureResponderEvent) => void) | undefined> | undefined;
-        onResponderStart?: ((event: react_native.GestureResponderEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.GestureResponderEvent) => void) | undefined> | undefined;
-        onResponderTerminationRequest?: ((event: react_native.GestureResponderEvent) => boolean) | react_native_reanimated.SharedValue<((event: react_native.GestureResponderEvent) => boolean) | undefined> | undefined;
-        onResponderTerminate?: ((event: react_native.GestureResponderEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.GestureResponderEvent) => void) | undefined> | undefined;
-        onStartShouldSetResponderCapture?: ((event: react_native.GestureResponderEvent) => boolean) | react_native_reanimated.SharedValue<((event: react_native.GestureResponderEvent) => boolean) | undefined> | undefined;
-        onMoveShouldSetResponderCapture?: ((event: react_native.GestureResponderEvent) => boolean) | react_native_reanimated.SharedValue<((event: react_native.GestureResponderEvent) => boolean) | undefined> | undefined;
-        onTouchStart?: ((event: react_native.GestureResponderEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.GestureResponderEvent) => void) | undefined> | undefined;
-        onTouchMove?: ((event: react_native.GestureResponderEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.GestureResponderEvent) => void) | undefined> | undefined;
-        onTouchEnd?: ((event: react_native.GestureResponderEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.GestureResponderEvent) => void) | undefined> | undefined;
-        onTouchCancel?: ((event: react_native.GestureResponderEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.GestureResponderEvent) => void) | undefined> | undefined;
-        onTouchEndCapture?: ((event: react_native.GestureResponderEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.GestureResponderEvent) => void) | undefined> | undefined;
-        onPointerEnter?: ((event: react_native.PointerEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.PointerEvent) => void) | undefined> | undefined;
-        onPointerEnterCapture?: ((event: react_native.PointerEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.PointerEvent) => void) | undefined> | undefined;
-        onPointerLeave?: ((event: react_native.PointerEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.PointerEvent) => void) | undefined> | undefined;
-        onPointerLeaveCapture?: ((event: react_native.PointerEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.PointerEvent) => void) | undefined> | undefined;
-        onPointerMove?: ((event: react_native.PointerEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.PointerEvent) => void) | undefined> | undefined;
-        onPointerMoveCapture?: ((event: react_native.PointerEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.PointerEvent) => void) | undefined> | undefined;
-        onPointerCancel?: ((event: react_native.PointerEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.PointerEvent) => void) | undefined> | undefined;
-        onPointerCancelCapture?: ((event: react_native.PointerEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.PointerEvent) => void) | undefined> | undefined;
-        onPointerDown?: ((event: react_native.PointerEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.PointerEvent) => void) | undefined> | undefined;
-        onPointerDownCapture?: ((event: react_native.PointerEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.PointerEvent) => void) | undefined> | undefined;
-        onPointerUp?: ((event: react_native.PointerEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.PointerEvent) => void) | undefined> | undefined;
-        onPointerUpCapture?: ((event: react_native.PointerEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.PointerEvent) => void) | undefined> | undefined;
-        accessible?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        accessibilityActions?: readonly Readonly<{
-            name: react_native.AccessibilityActionName | string;
-            label?: string | undefined;
-        }>[] | react_native_reanimated.SharedValue<readonly Readonly<{
-            name: react_native.AccessibilityActionName | string;
-            label?: string | undefined;
-        }>[] | undefined> | undefined;
-        accessibilityLabel?: string | react_native_reanimated.SharedValue<string | undefined> | undefined;
-        'aria-label'?: string | react_native_reanimated.SharedValue<string | undefined> | undefined;
-        accessibilityRole?: react_native.AccessibilityRole | react_native_reanimated.SharedValue<react_native.AccessibilityRole | undefined> | undefined;
-        accessibilityState?: react_native.AccessibilityState | react_native_reanimated.SharedValue<react_native.AccessibilityState | undefined> | undefined;
-        'aria-busy'?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        'aria-checked'?: boolean | "mixed" | react_native_reanimated.SharedValue<boolean | "mixed" | undefined> | undefined;
-        'aria-disabled'?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        'aria-expanded'?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        'aria-selected'?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        accessibilityHint?: string | react_native_reanimated.SharedValue<string | undefined> | undefined;
-        accessibilityValue?: react_native.AccessibilityValue | react_native_reanimated.SharedValue<react_native.AccessibilityValue | undefined> | undefined;
-        'aria-valuemax'?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
-        'aria-valuemin'?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
-        'aria-valuenow'?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
-        'aria-valuetext'?: string | react_native_reanimated.SharedValue<string | undefined> | undefined;
-        onAccessibilityAction?: ((event: react_native.AccessibilityActionEvent) => void) | react_native_reanimated.SharedValue<((event: react_native.AccessibilityActionEvent) => void) | undefined> | undefined;
-        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | react_native_reanimated.SharedValue<"auto" | "yes" | "no" | "no-hide-descendants" | undefined> | undefined;
-        'aria-hidden'?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        'aria-modal'?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        role?: react_native.Role | react_native_reanimated.SharedValue<react_native.Role | undefined> | undefined;
-        accessibilityLabelledBy?: string | string[] | react_native_reanimated.SharedValue<string | string[] | undefined> | undefined;
-        'aria-labelledby'?: string | react_native_reanimated.SharedValue<string | undefined> | undefined;
-        accessibilityLiveRegion?: "none" | "polite" | "assertive" | react_native_reanimated.SharedValue<"none" | "polite" | "assertive" | undefined> | undefined;
-        'aria-live'?: "polite" | "assertive" | "off" | react_native_reanimated.SharedValue<"polite" | "assertive" | "off" | undefined> | undefined;
-        accessibilityElementsHidden?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        accessibilityViewIsModal?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        onAccessibilityEscape?: (() => void) | react_native_reanimated.SharedValue<(() => void) | undefined> | undefined;
-        onAccessibilityTap?: (() => void) | react_native_reanimated.SharedValue<(() => void) | undefined> | undefined;
-        onMagicTap?: (() => void) | react_native_reanimated.SharedValue<(() => void) | undefined> | undefined;
-        accessibilityIgnoresInvertColors?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        accessibilityLanguage?: string | react_native_reanimated.SharedValue<string | undefined> | undefined;
-        accessibilityShowsLargeContentViewer?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        accessibilityLargeContentTitle?: string | react_native_reanimated.SharedValue<string | undefined> | undefined;
-        alwaysBounceHorizontal?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        alwaysBounceVertical?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        automaticallyAdjustContentInsets?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        automaticallyAdjustKeyboardInsets?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        automaticallyAdjustsScrollIndicatorInsets?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        bounces?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        bouncesZoom?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        canCancelContentTouches?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        centerContent?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        contentInsetAdjustmentBehavior?: "always" | "never" | "automatic" | "scrollableAxes" | react_native_reanimated.SharedValue<"always" | "never" | "automatic" | "scrollableAxes" | undefined> | undefined;
-        directionalLockEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        maximumZoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
-        minimumZoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
-        onScrollAnimationEnd?: (() => void) | react_native_reanimated.SharedValue<(() => void) | undefined> | undefined;
-        pinchGestureEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        scrollIndicatorInsets?: Insets | react_native_reanimated.SharedValue<Insets | undefined> | undefined;
-        scrollToOverflowEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        scrollsToTop?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        snapToAlignment?: "end" | "start" | "center" | react_native_reanimated.SharedValue<"end" | "start" | "center" | undefined> | undefined;
-        onScrollToTop?: ((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | react_native_reanimated.SharedValue<((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | undefined> | undefined;
-        zoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
-        endFillColor?: react_native.ColorValue | react_native_reanimated.SharedValue<react_native.ColorValue | undefined> | undefined;
-        scrollPerfTag?: string | react_native_reanimated.SharedValue<string | undefined> | undefined;
-        overScrollMode?: "auto" | "always" | "never" | react_native_reanimated.SharedValue<"auto" | "always" | "never" | undefined> | undefined;
-        nestedScrollEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        fadingEdgeLength?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
-        persistentScrollbar?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-    } & {
-        contentContainerStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
-        style?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
-        indicatorStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<"default" | "black" | "white" | undefined>>;
-    } & {
-        layout?: react_native_reanimated.BaseAnimationBuilder | react_native_reanimated.LayoutAnimationFunction | typeof react_native_reanimated.BaseAnimationBuilder;
-        entering?: react_native_reanimated.BaseAnimationBuilder | typeof react_native_reanimated.BaseAnimationBuilder | react_native_reanimated.EntryExitAnimationFunction | react_native_reanimated_lib_typescript_layoutReanimation_animationBuilder_Keyframe.ReanimatedKeyframe;
-        exiting?: react_native_reanimated.BaseAnimationBuilder | typeof react_native_reanimated.BaseAnimationBuilder | react_native_reanimated.EntryExitAnimationFunction | react_native_reanimated_lib_typescript_layoutReanimation_animationBuilder_Keyframe.ReanimatedKeyframe;
-    } & {
-        sharedTransitionTag?: string;
-        sharedTransitionStyle?: react_native_reanimated.SharedTransition;
-    }> | undefined;
-} & {
+} & React.RefAttributes<LegendListRef>) => React.ReactNode)> | (<ItemT_1>(props: _legendapp_list_reanimated.AnimatedLegendListProps<ItemT_1> & {
     ref?: React.Ref<LegendListRef>;
-}) => React.ReactElement | null) = <T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews"> & {
+}) => React.ReactElement | null) = <T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews" | "children"> & {
     alignItemsAtEnd?: boolean;
     columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
     data: readonly T[];
     drawDistance?: number;
     estimatedItemSize?: number;
+    estimatedListSize?: {
+        height: number;
+        width: number;
+    };
     extraData?: any;
     getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
     initialContainerPoolRatio?: number | undefined;
     initialScrollOffset?: number;
-    initialScrollIndex?: number;
+    initialScrollIndex?: number | {
+        index: number;
+        viewOffset?: number | undefined;
+        viewPosition?: number | undefined;
+    };
     ItemSeparatorComponent?: React.ComponentType<{
         leadingItem: T;
     }> | undefined;
@@ -352,17 +192,25 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_nati
     onLoad?: (info: {
         elapsedTimeInMs: number;
     }) => void;
-} & React.RefAttributes<LegendListRef>) => React.ReactNode>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews"> & {
+} & React.RefAttributes<LegendListRef>) => React.ReactNode>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews" | "children"> & {
     alignItemsAtEnd?: boolean;
     columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
     data: readonly ItemT[];
     drawDistance?: number;
     estimatedItemSize?: number;
+    estimatedListSize?: {
+        height: number;
+        width: number;
+    };
     extraData?: any;
     getEstimatedItemSize?: ((index: number, item: ItemT) => number) | undefined;
     initialContainerPoolRatio?: number | undefined;
     initialScrollOffset?: number;
-    initialScrollIndex?: number;
+    initialScrollIndex?: number | {
+        index: number;
+        viewOffset?: number | undefined;
+        viewPosition?: number | undefined;
+    };
     ItemSeparatorComponent?: React.ComponentType<{
         leadingItem: ItemT;
     }> | undefined;