@legendapp/list 3.0.0-beta.37 → 3.0.0-beta.39

package/index.native.js

@@ -342,7 +342,7 @@ function useValue$(key, params) {
   }, []);
   return animValue;
 }
-var typedMemo = React2.memo;
+var typedMemo = React2__namespace.memo;
 var getComponent = (Component) => {
   if (React2__namespace.isValidElement(Component)) {
     return Component;
@@ -634,8 +634,8 @@ function useOnLayoutSync({
 }
 var Platform2 = ReactNative.Platform;
 var PlatformAdjustBreaksScroll = Platform2.OS === "android";
-var typedForwardRef = React2.forwardRef;
-var typedMemo2 = React2.memo;
+var typedForwardRef = React2__namespace.forwardRef;
+var typedMemo2 = React2__namespace.memo;
 
 // src/utils/isInMVCPActiveMode.native.ts
 function isInMVCPActiveMode(state) {
@@ -836,7 +836,6 @@ var Containers = typedMemo(function Containers2({
   updateItemSize: updateItemSize2,
   getRenderedItem: getRenderedItem2
 }) {
-  var _a3;
   const ctx = useStateContext();
   const columnWrapperStyle = ctx.columnWrapperStyle;
   const [numContainers, numColumns] = useArr$(["numContainersPooled", "numColumns"]);
@@ -844,13 +843,11 @@ var Containers = typedMemo(function Containers2({
     // Use a microtask if increasing the size significantly, otherwise use a timeout
     // If this is the initial scroll, we don't want to delay because we want to update the size immediately
     delay: (value, prevValue) => {
-      var _a4;
-      return !((_a4 = ctx.state) == null ? void 0 : _a4.initialScroll) ? !prevValue || value - prevValue > 20 ? 0 : 200 : void 0;
+      var _a3;
+      return !((_a3 = ctx.state) == null ? void 0 : _a3.initialScroll) ? !prevValue || value - prevValue > 20 ? 0 : 200 : void 0;
     }
   });
-  const readyToRenderOpacity = useValue$("readyToRender", { getValue: (value) => value ? 1 : 0 });
-  const shouldWaitForReadyToRender = !!waitForInitialLayout && (!IsNewArchitecture || !!((_a3 = ctx.state) == null ? void 0 : _a3.initialScroll));
-  const animOpacity = shouldWaitForReadyToRender ? readyToRenderOpacity : void 0;
+  const animOpacity = waitForInitialLayout && !IsNewArchitecture ? useValue$("readyToRender", { getValue: (value) => value ? 1 : 0 }) : void 0;
   const otherAxisSize = useValue$("otherAxisSize", { delay: 0 });
   const containers = [];
   for (let i = 0; i < numContainers; i++) {
@@ -916,7 +913,7 @@ function SnapWrapper({ ScrollComponent, ...props }) {
   return /* @__PURE__ */ React2__namespace.createElement(ScrollComponent, { ...props, snapToOffsets });
 }
 var LayoutView = ({ onLayoutChange, refView, ...rest }) => {
-  const ref = refView != null ? refView : React2.useRef();
+  const ref = refView != null ? refView : React2.useRef(null);
   const { onLayout } = useOnLayoutSync({ onLayoutChange, ref });
   return /* @__PURE__ */ React2__namespace.createElement(ReactNative.View, { ...rest, onLayout, ref });
 };
@@ -1353,7 +1350,6 @@ function finishScrollTo(ctx) {
     state.initialScroll = void 0;
     state.initialAnchor = void 0;
     state.scrollingTo = void 0;
-    state.stableTarget = void 0;
     if (state.pendingTotalSize !== void 0) {
       addTotalSize(ctx, null, state.pendingTotalSize);
     }
@@ -1370,14 +1366,6 @@ function finishScrollTo(ctx) {
 }
 
 // src/core/checkFinishedScroll.ts
-function getCurrentTargetOffset(ctx, scrollingTo) {
-  if (scrollingTo.index !== void 0) {
-    const baseOffset = calculateOffsetForIndex(ctx, scrollingTo.index);
-    const resolvedOffset = calculateOffsetWithOffsetPosition(ctx, baseOffset, scrollingTo);
-    return clampScrollOffset(ctx, resolvedOffset, scrollingTo);
-  }
-  return clampScrollOffset(ctx, scrollingTo.offset, scrollingTo);
-}
 function checkFinishedScroll(ctx) {
   ctx.state.animFrameCheckFinishedScroll = requestAnimationFrame(() => checkFinishedScrollFrame(ctx));
 }
@@ -1387,30 +1375,20 @@ function checkFinishedScrollFrame(ctx) {
     const { state } = ctx;
     state.animFrameCheckFinishedScroll = void 0;
     const scroll = state.scrollPending;
-    const clampedTargetOffset = getCurrentTargetOffset(ctx, scrollingTo);
-    if (Math.abs(scrollingTo.offset - clampedTargetOffset) >= 1) {
-      state.scrollingTo = { ...scrollingTo, offset: clampedTargetOffset };
-    }
+    const adjust = state.scrollAdjustHandler.getAdjust();
+    const clampedTargetOffset = clampScrollOffset(
+      ctx,
+      scrollingTo.offset - (scrollingTo.viewOffset || 0),
+      scrollingTo
+    );
     const maxOffset = clampScrollOffset(ctx, scroll, scrollingTo);
     const diff1 = Math.abs(scroll - clampedTargetOffset);
+    const diff2 = Math.abs(diff1 - adjust);
     const isNotOverscrolled = Math.abs(scroll - maxOffset) < 1;
-    const isAtTarget = diff1 < 1;
-    const previousStableTarget = state.stableTarget;
-    const hasStableTargetFrame = !!previousStableTarget && Math.abs(previousStableTarget.target - clampedTargetOffset) < 1 && Math.abs(previousStableTarget.scroll - scroll) < 1;
-    if (isAtTarget && !hasStableTargetFrame) {
-      state.stableTarget = { scroll, target: clampedTargetOffset };
-      state.animFrameCheckFinishedScroll = requestAnimationFrame(() => checkFinishedScrollFrame(ctx));
-      return;
-    }
-    if (!isAtTarget) {
-      state.stableTarget = void 0;
-    }
+    const isAtTarget = diff1 < 1 || !scrollingTo.animated && diff2 < 1;
     if (isNotOverscrolled && isAtTarget) {
-      state.stableTarget = void 0;
       finishScrollTo(ctx);
     }
-  } else {
-    ctx.state.stableTarget = void 0;
   }
 }
 function checkFinishedScrollFallback(ctx) {
@@ -1476,9 +1454,8 @@ function scrollTo(ctx, params) {
   let offset = precomputedWithViewOffset ? scrollTargetOffset : calculateOffsetWithOffsetPosition(ctx, scrollTargetOffset, scrollTarget);
   offset = clampScrollOffset(ctx, offset, scrollTarget);
   state.scrollHistory.length = 0;
-  state.stableTarget = void 0;
   if (!noScrollingTo) {
-    state.scrollingTo = { ...scrollTarget, offset };
+    state.scrollingTo = scrollTarget;
   }
   state.scrollPending = offset;
   if (forceScroll || !isInitialScroll || Platform2.OS === "android") {
@@ -3537,20 +3514,69 @@ function createColumnWrapperStyle(contentContainerStyle) {
   }
 }
 
+// src/utils/hasActiveMVCPAnchorLock.ts
+function hasActiveMVCPAnchorLock(state) {
+  const lock = state.mvcpAnchorLock;
+  if (!lock) {
+    return false;
+  }
+  if (Date.now() > lock.expiresAt) {
+    state.mvcpAnchorLock = void 0;
+    return false;
+  }
+  return true;
+}
+
 // src/utils/createImperativeHandle.ts
 function createImperativeHandle(ctx) {
   const state = ctx.state;
+  const IMPERATIVE_SCROLL_SETTLE_MAX_WAIT_MS = 800;
+  const IMPERATIVE_SCROLL_SETTLE_STABLE_FRAMES = 2;
+  let imperativeScrollToken = 0;
+  const isSettlingAfterDataChange = () => !!state.didDataChange || !!state.didColumnsChange || state.queuedMVCPRecalculate !== void 0 || state.ignoreScrollFromMVCP !== void 0 || hasActiveMVCPAnchorLock(state);
+  const runWhenSettled = (token, run) => {
+    const startedAt = Date.now();
+    let stableFrames = 0;
+    const check = () => {
+      if (token !== imperativeScrollToken) {
+        return;
+      }
+      if (isSettlingAfterDataChange()) {
+        stableFrames = 0;
+      } else {
+        stableFrames += 1;
+      }
+      const timedOut = Date.now() - startedAt >= IMPERATIVE_SCROLL_SETTLE_MAX_WAIT_MS;
+      if (stableFrames >= IMPERATIVE_SCROLL_SETTLE_STABLE_FRAMES || timedOut) {
+        run();
+        return;
+      }
+      requestAnimationFrame(check);
+    };
+    requestAnimationFrame(check);
+  };
   const runScrollWithPromise = (run) => new Promise((resolve) => {
     var _a3;
+    const token = ++imperativeScrollToken;
     (_a3 = state.pendingScrollResolve) == null ? void 0 : _a3.call(state);
     state.pendingScrollResolve = resolve;
-    const didStartScroll = run();
-    if (!didStartScroll || !state.scrollingTo) {
-      if (state.pendingScrollResolve === resolve) {
-        state.pendingScrollResolve = void 0;
+    const runNow = () => {
+      if (token !== imperativeScrollToken) {
+        return;
+      }
+      const didStartScroll = run();
+      if (!didStartScroll || !state.scrollingTo) {
+        if (state.pendingScrollResolve === resolve) {
+          state.pendingScrollResolve = void 0;
+        }
+        resolve();
       }
-      resolve();
+    };
+    if (isSettlingAfterDataChange()) {
+      runWhenSettled(token, runNow);
+      return;
     }
+    runNow();
   });
   const scrollIndexIntoView = (options) => {
     if (state) {
@@ -3609,6 +3635,8 @@ function createImperativeHandle(ctx) {
       endBuffered: state.endBuffered,
       isAtEnd: state.isAtEnd,
       isAtStart: state.isAtStart,
+      isEndReached: state.isEndReached,
+      isStartReached: state.isStartReached,
       listen: (signalName, cb) => listen$(ctx, signalName, cb),
       listenToPosition: (key, cb) => listenPosition$(ctx, key, cb),
       positionAtIndex: (index) => state.positions[index],
@@ -3860,7 +3888,7 @@ var LegendList = typedMemo2(
   })
 );
 var LegendListInner = typedForwardRef(function LegendListInner2(props, forwardedRef) {
-  var _a3, _b, _c, _d;
+  var _a3, _b, _c, _d, _e;
   const {
     alignItemsAtEnd = false,
     alwaysRender,
@@ -3989,7 +4017,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     );
   }
   const useWindowScrollResolved = Platform2.OS === "web" && !!useWindowScroll && !renderScrollComponent;
-  const refState = React2.useRef();
+  const refState = React2.useRef(void 0);
   const hasOverrideItemLayout = !!overrideItemLayout;
   const prevHasOverrideItemLayout = React2.useRef(hasOverrideItemLayout);
   if (!refState.current) {
@@ -4341,6 +4369,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     []
   );
   const onScrollHandler = useStickyScrollHandler(stickyHeaderIndices, horizontal, ctx, fns.onScroll);
+  const refreshControlElement = refreshControl;
   return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(
     ListComponent,
     {
@@ -4359,9 +4388,9 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       onMomentumScrollEnd: fns.onMomentumScrollEnd,
       onScroll: onScrollHandler,
       recycleItems,
-      refreshControl: refreshControl ? stylePaddingTopState > 0 ? React2__namespace.cloneElement(refreshControl, {
-        progressViewOffset: (refreshControl.props.progressViewOffset || 0) + stylePaddingTopState
-      }) : refreshControl : onRefresh && /* @__PURE__ */ React2__namespace.createElement(
+      refreshControl: refreshControlElement ? stylePaddingTopState > 0 ? React2__namespace.cloneElement(refreshControlElement, {
+        progressViewOffset: ((_d = refreshControlElement.props.progressViewOffset) != null ? _d : 0) + stylePaddingTopState
+      }) : refreshControlElement : onRefresh && /* @__PURE__ */ React2__namespace.createElement(
         ReactNative.RefreshControl,
         {
           onRefresh,
@@ -4371,7 +4400,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       ),
       refScrollView: combinedRef,
       renderScrollComponent,
-      scrollAdjustHandler: (_d = refState.current) == null ? void 0 : _d.scrollAdjustHandler,
+      scrollAdjustHandler: (_e = refState.current) == null ? void 0 : _e.scrollAdjustHandler,
       scrollEventThrottle: 0,
       snapToIndices,
       stickyHeaderIndices,

package/index.native.mjs

@@ -1,5 +1,5 @@
 import * as React2 from 'react';
-import React2__default, { useReducer, useEffect, createContext, useRef, useState, useMemo, useCallback, useLayoutEffect, useImperativeHandle, memo, forwardRef, useContext } from 'react';
+import React2__default, { useReducer, useEffect, createContext, useRef, useState, useMemo, useCallback, useLayoutEffect, useImperativeHandle, useContext } from 'react';
 import * as ReactNative from 'react-native';
 import { Animated, View as View$1, Text as Text$1, Platform, StyleSheet as StyleSheet$1, RefreshControl, Dimensions } from 'react-native';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
@@ -321,7 +321,7 @@ function useValue$(key, params) {
   }, []);
   return animValue;
 }
-var typedMemo = memo;
+var typedMemo = React2.memo;
 var getComponent = (Component) => {
   if (React2.isValidElement(Component)) {
     return Component;
@@ -613,8 +613,8 @@ function useOnLayoutSync({
 }
 var Platform2 = Platform;
 var PlatformAdjustBreaksScroll = Platform2.OS === "android";
-var typedForwardRef = forwardRef;
-var typedMemo2 = memo;
+var typedForwardRef = React2.forwardRef;
+var typedMemo2 = React2.memo;
 
 // src/utils/isInMVCPActiveMode.native.ts
 function isInMVCPActiveMode(state) {
@@ -815,7 +815,6 @@ var Containers = typedMemo(function Containers2({
   updateItemSize: updateItemSize2,
   getRenderedItem: getRenderedItem2
 }) {
-  var _a3;
   const ctx = useStateContext();
   const columnWrapperStyle = ctx.columnWrapperStyle;
   const [numContainers, numColumns] = useArr$(["numContainersPooled", "numColumns"]);
@@ -823,13 +822,11 @@ var Containers = typedMemo(function Containers2({
     // Use a microtask if increasing the size significantly, otherwise use a timeout
     // If this is the initial scroll, we don't want to delay because we want to update the size immediately
     delay: (value, prevValue) => {
-      var _a4;
-      return !((_a4 = ctx.state) == null ? void 0 : _a4.initialScroll) ? !prevValue || value - prevValue > 20 ? 0 : 200 : void 0;
+      var _a3;
+      return !((_a3 = ctx.state) == null ? void 0 : _a3.initialScroll) ? !prevValue || value - prevValue > 20 ? 0 : 200 : void 0;
     }
   });
-  const readyToRenderOpacity = useValue$("readyToRender", { getValue: (value) => value ? 1 : 0 });
-  const shouldWaitForReadyToRender = !!waitForInitialLayout && (!IsNewArchitecture || !!((_a3 = ctx.state) == null ? void 0 : _a3.initialScroll));
-  const animOpacity = shouldWaitForReadyToRender ? readyToRenderOpacity : void 0;
+  const animOpacity = waitForInitialLayout && !IsNewArchitecture ? useValue$("readyToRender", { getValue: (value) => value ? 1 : 0 }) : void 0;
   const otherAxisSize = useValue$("otherAxisSize", { delay: 0 });
   const containers = [];
   for (let i = 0; i < numContainers; i++) {
@@ -895,7 +892,7 @@ function SnapWrapper({ ScrollComponent, ...props }) {
   return /* @__PURE__ */ React2.createElement(ScrollComponent, { ...props, snapToOffsets });
 }
 var LayoutView = ({ onLayoutChange, refView, ...rest }) => {
-  const ref = refView != null ? refView : useRef();
+  const ref = refView != null ? refView : useRef(null);
   const { onLayout } = useOnLayoutSync({ onLayoutChange, ref });
   return /* @__PURE__ */ React2.createElement(View$1, { ...rest, onLayout, ref });
 };
@@ -1332,7 +1329,6 @@ function finishScrollTo(ctx) {
     state.initialScroll = void 0;
     state.initialAnchor = void 0;
     state.scrollingTo = void 0;
-    state.stableTarget = void 0;
     if (state.pendingTotalSize !== void 0) {
       addTotalSize(ctx, null, state.pendingTotalSize);
     }
@@ -1349,14 +1345,6 @@ function finishScrollTo(ctx) {
 }
 
 // src/core/checkFinishedScroll.ts
-function getCurrentTargetOffset(ctx, scrollingTo) {
-  if (scrollingTo.index !== void 0) {
-    const baseOffset = calculateOffsetForIndex(ctx, scrollingTo.index);
-    const resolvedOffset = calculateOffsetWithOffsetPosition(ctx, baseOffset, scrollingTo);
-    return clampScrollOffset(ctx, resolvedOffset, scrollingTo);
-  }
-  return clampScrollOffset(ctx, scrollingTo.offset, scrollingTo);
-}
 function checkFinishedScroll(ctx) {
   ctx.state.animFrameCheckFinishedScroll = requestAnimationFrame(() => checkFinishedScrollFrame(ctx));
 }
@@ -1366,30 +1354,20 @@ function checkFinishedScrollFrame(ctx) {
     const { state } = ctx;
     state.animFrameCheckFinishedScroll = void 0;
     const scroll = state.scrollPending;
-    const clampedTargetOffset = getCurrentTargetOffset(ctx, scrollingTo);
-    if (Math.abs(scrollingTo.offset - clampedTargetOffset) >= 1) {
-      state.scrollingTo = { ...scrollingTo, offset: clampedTargetOffset };
-    }
+    const adjust = state.scrollAdjustHandler.getAdjust();
+    const clampedTargetOffset = clampScrollOffset(
+      ctx,
+      scrollingTo.offset - (scrollingTo.viewOffset || 0),
+      scrollingTo
+    );
     const maxOffset = clampScrollOffset(ctx, scroll, scrollingTo);
     const diff1 = Math.abs(scroll - clampedTargetOffset);
+    const diff2 = Math.abs(diff1 - adjust);
     const isNotOverscrolled = Math.abs(scroll - maxOffset) < 1;
-    const isAtTarget = diff1 < 1;
-    const previousStableTarget = state.stableTarget;
-    const hasStableTargetFrame = !!previousStableTarget && Math.abs(previousStableTarget.target - clampedTargetOffset) < 1 && Math.abs(previousStableTarget.scroll - scroll) < 1;
-    if (isAtTarget && !hasStableTargetFrame) {
-      state.stableTarget = { scroll, target: clampedTargetOffset };
-      state.animFrameCheckFinishedScroll = requestAnimationFrame(() => checkFinishedScrollFrame(ctx));
-      return;
-    }
-    if (!isAtTarget) {
-      state.stableTarget = void 0;
-    }
+    const isAtTarget = diff1 < 1 || !scrollingTo.animated && diff2 < 1;
     if (isNotOverscrolled && isAtTarget) {
-      state.stableTarget = void 0;
       finishScrollTo(ctx);
     }
-  } else {
-    ctx.state.stableTarget = void 0;
   }
 }
 function checkFinishedScrollFallback(ctx) {
@@ -1455,9 +1433,8 @@ function scrollTo(ctx, params) {
   let offset = precomputedWithViewOffset ? scrollTargetOffset : calculateOffsetWithOffsetPosition(ctx, scrollTargetOffset, scrollTarget);
   offset = clampScrollOffset(ctx, offset, scrollTarget);
   state.scrollHistory.length = 0;
-  state.stableTarget = void 0;
   if (!noScrollingTo) {
-    state.scrollingTo = { ...scrollTarget, offset };
+    state.scrollingTo = scrollTarget;
   }
   state.scrollPending = offset;
   if (forceScroll || !isInitialScroll || Platform2.OS === "android") {
@@ -3516,20 +3493,69 @@ function createColumnWrapperStyle(contentContainerStyle) {
   }
 }
 
+// src/utils/hasActiveMVCPAnchorLock.ts
+function hasActiveMVCPAnchorLock(state) {
+  const lock = state.mvcpAnchorLock;
+  if (!lock) {
+    return false;
+  }
+  if (Date.now() > lock.expiresAt) {
+    state.mvcpAnchorLock = void 0;
+    return false;
+  }
+  return true;
+}
+
 // src/utils/createImperativeHandle.ts
 function createImperativeHandle(ctx) {
   const state = ctx.state;
+  const IMPERATIVE_SCROLL_SETTLE_MAX_WAIT_MS = 800;
+  const IMPERATIVE_SCROLL_SETTLE_STABLE_FRAMES = 2;
+  let imperativeScrollToken = 0;
+  const isSettlingAfterDataChange = () => !!state.didDataChange || !!state.didColumnsChange || state.queuedMVCPRecalculate !== void 0 || state.ignoreScrollFromMVCP !== void 0 || hasActiveMVCPAnchorLock(state);
+  const runWhenSettled = (token, run) => {
+    const startedAt = Date.now();
+    let stableFrames = 0;
+    const check = () => {
+      if (token !== imperativeScrollToken) {
+        return;
+      }
+      if (isSettlingAfterDataChange()) {
+        stableFrames = 0;
+      } else {
+        stableFrames += 1;
+      }
+      const timedOut = Date.now() - startedAt >= IMPERATIVE_SCROLL_SETTLE_MAX_WAIT_MS;
+      if (stableFrames >= IMPERATIVE_SCROLL_SETTLE_STABLE_FRAMES || timedOut) {
+        run();
+        return;
+      }
+      requestAnimationFrame(check);
+    };
+    requestAnimationFrame(check);
+  };
   const runScrollWithPromise = (run) => new Promise((resolve) => {
     var _a3;
+    const token = ++imperativeScrollToken;
     (_a3 = state.pendingScrollResolve) == null ? void 0 : _a3.call(state);
     state.pendingScrollResolve = resolve;
-    const didStartScroll = run();
-    if (!didStartScroll || !state.scrollingTo) {
-      if (state.pendingScrollResolve === resolve) {
-        state.pendingScrollResolve = void 0;
+    const runNow = () => {
+      if (token !== imperativeScrollToken) {
+        return;
+      }
+      const didStartScroll = run();
+      if (!didStartScroll || !state.scrollingTo) {
+        if (state.pendingScrollResolve === resolve) {
+          state.pendingScrollResolve = void 0;
+        }
+        resolve();
       }
-      resolve();
+    };
+    if (isSettlingAfterDataChange()) {
+      runWhenSettled(token, runNow);
+      return;
     }
+    runNow();
   });
   const scrollIndexIntoView = (options) => {
     if (state) {
@@ -3588,6 +3614,8 @@ function createImperativeHandle(ctx) {
       endBuffered: state.endBuffered,
       isAtEnd: state.isAtEnd,
       isAtStart: state.isAtStart,
+      isEndReached: state.isEndReached,
+      isStartReached: state.isStartReached,
       listen: (signalName, cb) => listen$(ctx, signalName, cb),
       listenToPosition: (key, cb) => listenPosition$(ctx, key, cb),
       positionAtIndex: (index) => state.positions[index],
@@ -3839,7 +3867,7 @@ var LegendList = typedMemo2(
   })
 );
 var LegendListInner = typedForwardRef(function LegendListInner2(props, forwardedRef) {
-  var _a3, _b, _c, _d;
+  var _a3, _b, _c, _d, _e;
   const {
     alignItemsAtEnd = false,
     alwaysRender,
@@ -3968,7 +3996,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     );
   }
   const useWindowScrollResolved = Platform2.OS === "web" && !!useWindowScroll && !renderScrollComponent;
-  const refState = useRef();
+  const refState = useRef(void 0);
   const hasOverrideItemLayout = !!overrideItemLayout;
   const prevHasOverrideItemLayout = useRef(hasOverrideItemLayout);
   if (!refState.current) {
@@ -4320,6 +4348,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     []
   );
   const onScrollHandler = useStickyScrollHandler(stickyHeaderIndices, horizontal, ctx, fns.onScroll);
+  const refreshControlElement = refreshControl;
   return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(
     ListComponent,
     {
@@ -4338,9 +4367,9 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       onMomentumScrollEnd: fns.onMomentumScrollEnd,
       onScroll: onScrollHandler,
       recycleItems,
-      refreshControl: refreshControl ? stylePaddingTopState > 0 ? React2.cloneElement(refreshControl, {
-        progressViewOffset: (refreshControl.props.progressViewOffset || 0) + stylePaddingTopState
-      }) : refreshControl : onRefresh && /* @__PURE__ */ React2.createElement(
+      refreshControl: refreshControlElement ? stylePaddingTopState > 0 ? React2.cloneElement(refreshControlElement, {
+        progressViewOffset: ((_d = refreshControlElement.props.progressViewOffset) != null ? _d : 0) + stylePaddingTopState
+      }) : refreshControlElement : onRefresh && /* @__PURE__ */ React2.createElement(
         RefreshControl,
         {
           onRefresh,
@@ -4350,7 +4379,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       ),
       refScrollView: combinedRef,
       renderScrollComponent,
-      scrollAdjustHandler: (_d = refState.current) == null ? void 0 : _d.scrollAdjustHandler,
+      scrollAdjustHandler: (_e = refState.current) == null ? void 0 : _e.scrollAdjustHandler,
       scrollEventThrottle: 0,
       snapToIndices,
       stickyHeaderIndices,