@legendapp/list 2.1.0-beta.12 → 2.1.0-beta.13

package/index.mjs

@@ -483,13 +483,17 @@ function useOnLayoutSync({
     };
     const rect = element.getBoundingClientRect();
     emit(toLayout(rect), true);
+    let prevRect = rect;
     return createResizeObserver(element, (entry) => {
       var _a4;
       const target = entry.target instanceof HTMLElement ? entry.target : void 0;
       const rect2 = (_a4 = entry.contentRect) != null ? _a4 : target == null ? void 0 : target.getBoundingClientRect();
-      emit(toLayout(rect2), false);
+      if (rect2.width !== prevRect.width || rect2.height !== prevRect.height) {
+        prevRect = rect2;
+        emit(toLayout(rect2), false);
+      }
     });
-  }, deps);
+  }, deps || []);
   return {};
 }
 function toLayout(rect) {
@@ -1037,8 +1041,26 @@ function ScrollAdjust() {
     if (scrollView && scrollOffset !== lastScrollOffsetRef.current) {
       const scrollDelta = scrollOffset - lastScrollOffsetRef.current;
       if (scrollDelta !== 0) {
-        scrollView.scrollBy(0, scrollDelta);
-        console.log("ScrollAdjust (web scrollBy)", scrollDelta, "total offset:", scrollOffset);
+        const el = scrollView.getScrollableNode();
+        const prevScroll = el.scrollTop;
+        const nextScroll = prevScroll + scrollDelta;
+        const totalSize = el.scrollHeight;
+        if (scrollDelta > 0 && !ctx.internalState.adjustingFromInitialMount && totalSize < nextScroll + el.clientHeight) {
+          const child = el.firstElementChild;
+          const prevPaddingBottom = child.style.paddingBottom;
+          const pad = (nextScroll + el.clientHeight - totalSize) * 2;
+          child.style.paddingBottom = `${pad}px`;
+          void el.offsetHeight;
+          scrollView.scrollBy(0, scrollDelta);
+          setTimeout(() => {
+            child.style.paddingBottom = prevPaddingBottom;
+          }, 100);
+        } else {
+          scrollView.scrollBy(0, scrollDelta);
+        }
+        if (IS_DEV) {
+          console.log("ScrollAdjust (web scrollBy)", scrollDelta, "total offset:", scrollOffset);
+        }
       }
       lastScrollOffsetRef.current = scrollOffset;
     }
@@ -1092,7 +1114,7 @@ var ListComponent = typedMemo(function ListComponent2({
   scrollAdjustHandler,
   onLayoutHeader,
   snapToIndices,
-  stickyIndices,
+  stickyHeaderIndices,
   ...rest
 }) {
   const ctx = useStateContext();
@@ -1127,7 +1149,7 @@ var ListComponent = typedMemo(function ListComponent2({
       ScrollComponent: snapToIndices ? ScrollComponent : void 0,
       style
     },
-    maintainVisibleContentPosition && /* @__PURE__ */ React3.createElement(ScrollAdjust, null),
+    /* @__PURE__ */ React3.createElement(ScrollAdjust, null),
     ENABLE_DEVMODE ? /* @__PURE__ */ React3.createElement(PaddingDevMode, null) : /* @__PURE__ */ React3.createElement(Padding, null),
     ListHeaderComponent && /* @__PURE__ */ React3.createElement(LayoutView, { onLayoutChange: onLayoutHeader, style: ListHeaderComponentStyle }, getComponent(ListHeaderComponent)),
     ListEmptyComponent && getComponent(ListEmptyComponent),
@@ -1318,6 +1340,67 @@ function calculateOffsetWithOffsetPosition(ctx, state, offsetParam, params) {
   return offset;
 }
 
+// src/core/finishScrollTo.ts
+function finishScrollTo(ctx, state) {
+  var _a3, _b;
+  if (state) {
+    state.scrollHistory.length = 0;
+    state.initialScroll = void 0;
+    state.initialAnchor = void 0;
+    set$(ctx, "scrollingTo", void 0);
+    if (state.pendingTotalSize !== void 0) {
+      addTotalSize(ctx, state, null, state.pendingTotalSize);
+    }
+    if ((_a3 = state.props) == null ? void 0 : _a3.data) {
+      (_b = state.triggerCalculateItemsInView) == null ? void 0 : _b.call(state, { forceFullItemPositions: true });
+    }
+  }
+}
+
+// src/core/scrollTo.ts
+function scrollTo(ctx, state, params) {
+  var _a3;
+  const { noScrollingTo, ...scrollTarget } = params;
+  const { animated, isInitialScroll, offset: scrollTargetOffset, precomputedWithViewOffset } = scrollTarget;
+  const {
+    refScroller,
+    props: { horizontal }
+  } = state;
+  let offset = precomputedWithViewOffset ? scrollTargetOffset : calculateOffsetWithOffsetPosition(ctx, state, scrollTargetOffset, scrollTarget);
+  if (Number.isFinite(state.scrollLength) && Number.isFinite(state.totalSize)) {
+    const maxOffset = Math.max(0, getContentSize(ctx) - state.scrollLength);
+    offset = Math.min(offset, maxOffset);
+  }
+  state.scrollHistory.length = 0;
+  if (!noScrollingTo) {
+    set$(ctx, "scrollingTo", scrollTarget);
+  }
+  state.scrollPending = offset;
+  if (!isInitialScroll || Platform.OS === "android") {
+    (_a3 = refScroller.current) == null ? void 0 : _a3.scrollTo({
+      animated: !!animated,
+      x: horizontal ? offset : 0,
+      y: horizontal ? 0 : offset
+    });
+  }
+  if (!animated) {
+    state.scroll = offset;
+    {
+      const unlisten = listen$(ctx, "containersDidLayout", (value) => {
+        if (value && peek$(ctx, "scrollingTo")) {
+          finishScrollTo(ctx, state);
+          unlisten();
+        }
+      });
+    }
+    if (isInitialScroll) {
+      setTimeout(() => {
+        state.initialScroll = void 0;
+      }, 500);
+    }
+  }
+}
+
 // src/utils/checkThreshold.ts
 var HYSTERESIS_MULTIPLIER = 1.3;
 var checkThreshold = (distance, atThreshold, threshold, wasReached, snapshot, context, onReached, setSnapshot) => {
@@ -1428,24 +1511,7 @@ function checkAtTop(state) {
   );
 }
 
-// src/core/onScroll.ts
-function onScroll(ctx, state, event) {
-  var _a3, _b, _c;
-  const {
-    scrollProcessingEnabled,
-    props: { onScroll: onScrollProp }
-  } = state;
-  if (scrollProcessingEnabled === false) {
-    return;
-  }
-  if (((_b = (_a3 = event.nativeEvent) == null ? void 0 : _a3.contentSize) == null ? void 0 : _b.height) === 0 && ((_c = event.nativeEvent.contentSize) == null ? void 0 : _c.width) === 0) {
-    return;
-  }
-  const newScroll = event.nativeEvent.contentOffset[state.props.horizontal ? "x" : "y"];
-  state.scrollPending = newScroll;
-  updateScroll(ctx, state, newScroll);
-  onScrollProp == null ? void 0 : onScrollProp(event);
-}
+// src/core/updateScroll.ts
 function updateScroll(ctx, state, newScroll, forceUpdate) {
   var _a3;
   const scrollingTo = peek$(ctx, "scrollingTo");
@@ -1488,73 +1554,15 @@ function updateScroll(ctx, state, newScroll, forceUpdate) {
   }
 }
 
-// src/core/finishScrollTo.ts
-function finishScrollTo(ctx, state) {
-  var _a3, _b;
-  if (state) {
-    state.scrollHistory.length = 0;
-    state.initialScroll = void 0;
-    state.initialAnchor = void 0;
-    set$(ctx, "scrollingTo", void 0);
-    if (state.pendingTotalSize !== void 0) {
-      addTotalSize(ctx, state, null, state.pendingTotalSize);
-    }
-    if ((_a3 = state.props) == null ? void 0 : _a3.data) {
-      (_b = state.triggerCalculateItemsInView) == null ? void 0 : _b.call(state, { forceFullItemPositions: true });
-    }
-  }
-}
-
-// src/core/scrollTo.ts
-function scrollTo(ctx, state, params) {
-  var _a3;
-  const { noScrollingTo, ...scrollTarget } = params;
-  const { animated, isInitialScroll, offset: scrollTargetOffset, precomputedWithViewOffset } = scrollTarget;
-  const {
-    refScroller,
-    props: { horizontal }
-  } = state;
-  let offset = precomputedWithViewOffset ? scrollTargetOffset : calculateOffsetWithOffsetPosition(ctx, state, scrollTargetOffset, scrollTarget);
-  if (Number.isFinite(state.scrollLength) && Number.isFinite(state.totalSize)) {
-    const maxOffset = Math.max(0, getContentSize(ctx) - state.scrollLength);
-    offset = Math.min(offset, maxOffset);
-  }
-  state.scrollHistory.length = 0;
-  if (!noScrollingTo) {
-    set$(ctx, "scrollingTo", scrollTarget);
-  }
-  state.scrollPending = offset;
-  if (!isInitialScroll || Platform.OS === "android") {
-    (_a3 = refScroller.current) == null ? void 0 : _a3.scrollTo({
-      animated: !!animated,
-      x: horizontal ? offset : 0,
-      y: horizontal ? 0 : offset
-    });
-  }
-  if (!animated) {
-    state.scroll = offset;
-    {
-      const unlisten = listen$(ctx, "containersDidLayout", (value) => {
-        if (value) {
-          finishScrollTo(ctx, state);
-          unlisten();
-        }
-      });
-    }
-    if (isInitialScroll) {
-      setTimeout(() => {
-        state.initialScroll = void 0;
-      }, 500);
-    }
-  }
-}
-
 // src/utils/requestAdjust.ts
 function requestAdjust(ctx, state, positionDiff, dataChanged) {
   if (Math.abs(positionDiff) > 0.1) {
     const doit = () => {
       {
         state.scrollAdjustHandler.requestAdjust(positionDiff);
+        if (state.adjustingFromInitialMount) {
+          state.adjustingFromInitialMount--;
+        }
       }
     };
     state.scroll += positionDiff;
@@ -1563,6 +1571,7 @@ function requestAdjust(ctx, state, positionDiff, dataChanged) {
     if (didLayout) {
       doit();
     } else {
+      state.adjustingFromInitialMount = (state.adjustingFromInitialMount || 0) + 1;
       requestAnimationFrame(doit);
     }
   }
@@ -1622,18 +1631,16 @@ function ensureInitialAnchor(ctx, state) {
 
 // src/core/mvcp.ts
 function prepareMVCP(ctx, state, dataChanged) {
-  const {
-    idsInView,
-    positions,
-    props: { maintainVisibleContentPosition }
-  } = state;
+  const { idsInView, positions, props } = state;
+  const { maintainVisibleContentPosition } = props;
   const scrollingTo = peek$(ctx, "scrollingTo");
   let prevPosition;
   let targetId;
   const idsInViewWithPositions = [];
   const scrollTarget = scrollingTo == null ? void 0 : scrollingTo.index;
-  if (maintainVisibleContentPosition) {
-    const indexByKey = state.indexByKey;
+  const shouldMVCP = !dataChanged || maintainVisibleContentPosition;
+  const indexByKey = state.indexByKey;
+  if (shouldMVCP) {
     if (scrollTarget !== void 0) {
       targetId = getId(state, scrollTarget);
     } else if (idsInView.length > 0 && peek$(ctx, "containersDidLayout")) {
@@ -1646,44 +1653,44 @@ function prepareMVCP(ctx, state, dataChanged) {
           }
         }
       } else {
-        targetId = state.idsInView.find((id) => indexByKey.get(id) !== void 0);
+        targetId = idsInView.find((id) => indexByKey.get(id) !== void 0);
       }
     }
     if (targetId !== void 0) {
       prevPosition = positions.get(targetId);
     }
-  }
-  return () => {
-    let positionDiff;
-    if (dataChanged && targetId === void 0) {
-      for (let i = 0; i < idsInViewWithPositions.length; i++) {
-        const { id, position } = idsInViewWithPositions[i];
-        const newPosition = positions.get(id);
-        if (newPosition !== void 0) {
-          positionDiff = newPosition - position;
-          break;
+    return () => {
+      let positionDiff;
+      if (dataChanged && targetId === void 0 && maintainVisibleContentPosition) {
+        for (let i = 0; i < idsInViewWithPositions.length; i++) {
+          const { id, position } = idsInViewWithPositions[i];
+          const newPosition = positions.get(id);
+          if (newPosition !== void 0) {
+            positionDiff = newPosition - position;
+            break;
+          }
         }
       }
-    }
-    if (targetId !== void 0 && prevPosition !== void 0) {
-      const newPosition = positions.get(targetId);
-      if (newPosition !== void 0) {
-        const totalSize = getContentSize(ctx);
-        let diff = newPosition - prevPosition;
-        if (diff !== 0 && state.scroll + state.scrollLength > totalSize) {
-          if (diff > 0) {
-            diff = Math.max(0, totalSize - state.scroll - state.scrollLength);
-          } else {
-            diff = 0;
+      if (targetId !== void 0 && prevPosition !== void 0) {
+        const newPosition = positions.get(targetId);
+        if (newPosition !== void 0) {
+          const totalSize = getContentSize(ctx);
+          let diff = newPosition - prevPosition;
+          if (diff !== 0 && state.scroll + state.scrollLength > totalSize) {
+            if (diff > 0) {
+              diff = Math.max(0, totalSize - state.scroll - state.scrollLength);
+            } else {
+              diff = 0;
+            }
           }
+          positionDiff = diff;
         }
-        positionDiff = diff;
       }
-    }
-    if (positionDiff !== void 0 && Math.abs(positionDiff) > 0.1) {
-      requestAdjust(ctx, state, positionDiff);
-    }
-  };
+      if (positionDiff !== void 0 && Math.abs(positionDiff) > 0.1) {
+        requestAdjust(ctx, state, positionDiff);
+      }
+    };
+  }
 }
 
 // src/core/prepareColumnStartState.ts
@@ -1825,7 +1832,8 @@ function updateSnapToOffsets(ctx, state) {
 }
 
 // src/core/updateItemPositions.ts
-function updateItemPositions(ctx, state, dataChanged, { startIndex, scrollBottomBuffered, forceFullUpdate = false } = {
+function updateItemPositions(ctx, state, dataChanged, { startIndex, scrollBottomBuffered, forceFullUpdate = false, doMVCP } = {
+  doMVCP: false,
   forceFullUpdate: false,
   scrollBottomBuffered: -1,
   startIndex: 0
@@ -1837,7 +1845,7 @@ function updateItemPositions(ctx, state, dataChanged, { startIndex, scrollBottom
     positions,
     idCache,
     sizesKnown,
-    props: { getEstimatedItemSize, snapToIndices, enableAverages, maintainVisibleContentPosition }
+    props: { getEstimatedItemSize, snapToIndices, enableAverages }
   } = state;
   const data = state.props.data;
   const dataLength = data.length;
@@ -1848,7 +1856,7 @@ function updateItemPositions(ctx, state, dataChanged, { startIndex, scrollBottom
   const shouldOptimize = !forceFullUpdate && !dataChanged && Math.abs(getScrollVelocity(state)) > 0;
   const maxVisibleArea = scrollBottomBuffered + 1e3;
   const useAverageSize = enableAverages && !getEstimatedItemSize;
-  const preferCachedSize = maintainVisibleContentPosition && (dataChanged || state.scrollAdjustHandler.getAdjust() !== 0 || ((_a3 = peek$(ctx, "scrollAdjustPending")) != null ? _a3 : 0) !== 0);
+  const preferCachedSize = !doMVCP || dataChanged || state.scrollAdjustHandler.getAdjust() !== 0 || ((_a3 = peek$(ctx, "scrollAdjustPending")) != null ? _a3 : 0) !== 0;
   let currentRowTop = 0;
   let column = 1;
   let maxSizeInRow = 0;
@@ -2303,14 +2311,14 @@ function findCurrentStickyIndex(stickyArray, scroll, state) {
   }
   return -1;
 }
-function getActiveStickyIndices(ctx, state, stickyIndices) {
+function getActiveStickyIndices(ctx, state, stickyHeaderIndices) {
   return new Set(
-    Array.from(state.stickyContainerPool).map((i) => peek$(ctx, `containerItemKey${i}`)).map((key) => key ? state.indexByKey.get(key) : void 0).filter((idx) => idx !== void 0 && stickyIndices.has(idx))
+    Array.from(state.stickyContainerPool).map((i) => peek$(ctx, `containerItemKey${i}`)).map((key) => key ? state.indexByKey.get(key) : void 0).filter((idx) => idx !== void 0 && stickyHeaderIndices.has(idx))
   );
 }
-function handleStickyActivation(ctx, state, stickyIndices, stickyArray, currentStickyIdx, needNewContainers, startBuffered, endBuffered) {
+function handleStickyActivation(ctx, state, stickyHeaderIndices, stickyArray, currentStickyIdx, needNewContainers, startBuffered, endBuffered) {
   var _a3;
-  const activeIndices = getActiveStickyIndices(ctx, state, stickyIndices);
+  const activeIndices = getActiveStickyIndices(ctx, state, stickyHeaderIndices);
   state.activeStickyIndex = currentStickyIdx >= 0 ? stickyArray[currentStickyIdx] : void 0;
   for (let offset = 0; offset <= 1; offset++) {
     const idx = currentStickyIdx - offset;
@@ -2446,6 +2454,7 @@ function calculateItemsInView(ctx, state, params = {}) {
     }
     const startIndex = dataChanged ? 0 : (_b = minIndexSizeChanged != null ? minIndexSizeChanged : state.startBuffered) != null ? _b : 0;
     updateItemPositions(ctx, state, dataChanged, {
+      doMVCP,
       forceFullUpdate: !!forceFullItemPositions,
       scrollBottomBuffered,
       startIndex
@@ -2740,6 +2749,7 @@ function doMaintainScrollAtEnd(ctx, state, animated) {
     });
     return true;
   }
+  return false;
 }
 
 // src/utils/updateAveragesOnDataChange.ts
@@ -2908,6 +2918,25 @@ function handleLayout(ctx, state, layout, setCanRender) {
   setCanRender(true);
 }
 
+// src/core/onScroll.ts
+function onScroll(ctx, state, event) {
+  var _a3, _b, _c;
+  const {
+    scrollProcessingEnabled,
+    props: { onScroll: onScrollProp }
+  } = state;
+  if (scrollProcessingEnabled === false) {
+    return;
+  }
+  if (((_b = (_a3 = event.nativeEvent) == null ? void 0 : _a3.contentSize) == null ? void 0 : _b.height) === 0 && ((_c = event.nativeEvent.contentSize) == null ? void 0 : _c.width) === 0) {
+    return;
+  }
+  const newScroll = event.nativeEvent.contentOffset[state.props.horizontal ? "x" : "y"];
+  state.scrollPending = newScroll;
+  updateScroll(ctx, state, newScroll);
+  onScrollProp == null ? void 0 : onScrollProp(event);
+}
+
 // src/core/ScrollAdjustHandler.ts
 var ScrollAdjustHandler = class {
   constructor(ctx) {
@@ -2943,12 +2972,7 @@ var ScrollAdjustHandler = class {
       set$(this.context, "scrollAdjustPending", this.pendingAdjust);
     } else {
       this.appliedAdjust += add;
-      const setter = () => set$(this.context, "scrollAdjust", this.appliedAdjust);
-      if (this.mounted) {
-        setter();
-      } else {
-        requestAnimationFrame(setter);
-      }
+      set$(this.context, "scrollAdjust", this.appliedAdjust);
     }
   }
   setMounted() {
@@ -3109,7 +3133,7 @@ function RefreshControl(_props) {
 }
 
 // src/platform/useStickyScrollHandler.ts
-function useStickyScrollHandler(_stickyIndices, _horizontal, _ctx, onScroll2) {
+function useStickyScrollHandler(_stickyHeaderIndices, _horizontal, _ctx, onScroll2) {
   return onScroll2;
 }
 
@@ -3332,7 +3356,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     ListHeaderComponent,
     maintainScrollAtEnd = false,
     maintainScrollAtEndThreshold = 0.1,
-    maintainVisibleContentPosition = true,
+    maintainVisibleContentPosition = false,
     numColumns: numColumnsProp = 1,
     onEndReached,
     onEndReachedThreshold = 0.5,
@@ -3354,7 +3378,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     renderItem,
     scrollEventThrottle,
     snapToIndices,
-    stickyIndices,
+    stickyHeaderIndices: stickyHeaderIndicesProp,
+    stickyIndices: stickyIndicesDeprecated,
     style: styleProp,
     suggestEstimatedItemSize,
     viewabilityConfig,
@@ -3376,6 +3401,13 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   const estimatedItemSize = estimatedItemSizeProp != null ? estimatedItemSizeProp : DEFAULT_ITEM_SIZE;
   const scrollBuffer = (drawDistance != null ? drawDistance : DEFAULT_DRAW_DISTANCE) || 1;
   const keyExtractor = keyExtractorProp != null ? keyExtractorProp : (_item, index) => index.toString();
+  const stickyHeaderIndices = stickyHeaderIndicesProp != null ? stickyHeaderIndicesProp : stickyIndicesDeprecated;
+  if (IS_DEV && stickyIndicesDeprecated && !stickyHeaderIndicesProp) {
+    warnDevOnce(
+      "stickyIndices",
+      "stickyIndices has been renamed to stickyHeaderIndices. Please update your props to use stickyHeaderIndices."
+    );
+  }
   const refState = useRef();
   if (!refState.current) {
     if (!ctx.internalState) {
@@ -3487,8 +3519,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     renderItem,
     scrollBuffer,
     snapToIndices,
-    stickyIndicesArr: stickyIndices != null ? stickyIndices : [],
-    stickyIndicesSet: useMemo(() => new Set(stickyIndices != null ? stickyIndices : []), [stickyIndices == null ? void 0 : stickyIndices.join(",")]),
+    stickyIndicesArr: stickyHeaderIndices != null ? stickyHeaderIndices : [],
+    stickyIndicesSet: useMemo(() => new Set(stickyHeaderIndices != null ? stickyHeaderIndices : []), [stickyHeaderIndices == null ? void 0 : stickyHeaderIndices.join(",")]),
     stylePaddingBottom: stylePaddingBottomState,
     stylePaddingTop: stylePaddingTopState,
     suggestEstimatedItemSize: !!suggestEstimatedItemSize
@@ -3508,7 +3540,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     setPaddingTop(ctx, state, { stylePaddingTop: stylePaddingTopState });
     refState.current.props.stylePaddingBottom = stylePaddingBottomState;
     let paddingDiff = stylePaddingTopState - prevPaddingTop;
-    if (maintainVisibleContentPosition && paddingDiff && prevPaddingTop !== void 0 && Platform.OS === "ios") {
+    if (paddingDiff && prevPaddingTop !== void 0 && Platform.OS === "ios") {
       if (state.scroll < 0) {
         paddingDiff += state.scroll;
       }
@@ -3556,7 +3588,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     state.initialScroll = updatedInitialScroll;
     refState.current.isStartReached = clampedOffset < refState.current.scrollLength * onStartReachedThreshold;
     return clampedOffset;
-  }, [renderNum, state.initialScroll]);
+  }, [renderNum]);
   if (isFirstLocal || didDataChangeLocal || numColumnsProp !== peek$(ctx, "numColumns")) {
     refState.current.lastBatchingAction = Date.now();
     if (!keyExtractorProp && !isFirstLocal && didDataChangeLocal) {
@@ -3594,7 +3626,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         precomputedWithViewOffset: true
       });
     }
-  }, [initialContentOffset, state.initialScroll]);
+  }, [initialContentOffset]);
   const onLayoutChange = useCallback((layout) => {
     doInitialScroll();
     handleLayout(ctx, state, layout, setCanRender);
@@ -3656,7 +3688,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }),
     []
   );
-  const onScrollHandler = useStickyScrollHandler(stickyIndices, horizontal, ctx, fns.onScroll);
+  const onScrollHandler = useStickyScrollHandler(stickyHeaderIndices, horizontal, ctx, fns.onScroll);
   return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(
     ListComponent,
     {
@@ -3698,7 +3730,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       scrollAdjustHandler: (_b = refState.current) == null ? void 0 : _b.scrollAdjustHandler,
       scrollEventThrottle: 16 ,
       snapToIndices,
-      stickyIndices,
+      stickyHeaderIndices,
       style,
       updateItemSize: fns.updateItemSize,
       waitForInitialLayout