@legendapp/list 3.0.0-beta.45 → 3.0.0-beta.46

package/react-native.js

@@ -348,12 +348,7 @@ var PositionViewAnimated = typedMemo(function PositionViewAnimated2({
   const position$ = useValue$(`containerPosition${id}`, {
     getValue: (v) => v != null ? v : POSITION_OUT_OF_VIEW
   });
-  let position;
-  if (ReactNative.Platform.OS === "ios" || ReactNative.Platform.OS === "android") {
-    position = horizontal ? { transform: [{ translateX: position$ }] } : { transform: [{ translateY: position$ }] };
-  } else {
-    position = horizontal ? { left: position$ } : { top: position$ };
-  }
+  const position = horizontal ? { left: position$ } : { top: position$ };
   return /* @__PURE__ */ React2__namespace.createElement(ReactNative.Animated.View, { ref: refView, style: [style, position], ...rest });
 });
 var PositionViewSticky = typedMemo(function PositionViewSticky2({
@@ -379,17 +374,17 @@ var PositionViewSticky = typedMemo(function PositionViewSticky2({
     () => getStickyPushLimit(ctx.state, index, itemKey),
     [ctx.state, index, itemKey, _totalSize]
   );
-  const transform = React2__namespace.useMemo(() => {
+  const stickyPosition = React2__namespace.useMemo(() => {
     var _a3;
     if (animatedScrollY) {
       const stickyConfigOffset = (_a3 = stickyHeaderConfig == null ? void 0 : stickyHeaderConfig.offset) != null ? _a3 : 0;
       const stickyStart = position + headerSize + stylePaddingTop - stickyConfigOffset;
-      let stickyPosition;
+      let nextStickyPosition;
       if (pushLimit !== void 0) {
         if (pushLimit <= position) {
-          stickyPosition = pushLimit;
+          nextStickyPosition = pushLimit;
         } else {
-          stickyPosition = animatedScrollY.interpolate({
+          nextStickyPosition = animatedScrollY.interpolate({
             extrapolateLeft: "clamp",
             extrapolateRight: "clamp",
             inputRange: [stickyStart, stickyStart + (pushLimit - position)],
@@ -397,17 +392,20 @@ var PositionViewSticky = typedMemo(function PositionViewSticky2({
           });
         }
       } else {
-        stickyPosition = animatedScrollY.interpolate({
+        nextStickyPosition = animatedScrollY.interpolate({
           extrapolateLeft: "clamp",
           extrapolateRight: "extend",
           inputRange: [stickyStart, stickyStart + 5e3],
           outputRange: [position, position + 5e3]
         });
       }
-      return horizontal ? [{ translateX: stickyPosition }] : [{ translateY: stickyPosition }];
+      return nextStickyPosition;
     }
-  }, [animatedScrollY, headerSize, horizontal, position, pushLimit, stylePaddingTop, stickyHeaderConfig == null ? void 0 : stickyHeaderConfig.offset]);
-  const viewStyle = React2__namespace.useMemo(() => [style, { zIndex: index + 1e3 }, { transform }], [style, transform]);
+  }, [animatedScrollY, headerSize, position, pushLimit, stylePaddingTop, stickyHeaderConfig == null ? void 0 : stickyHeaderConfig.offset]);
+  const viewStyle = React2__namespace.useMemo(
+    () => [style, { zIndex: index + 1e3 }, horizontal ? { left: stickyPosition } : { top: stickyPosition }],
+    [horizontal, index, stickyPosition, style]
+  );
   const renderStickyHeaderBackdrop = React2__namespace.useMemo(() => {
     if (!(stickyHeaderConfig == null ? void 0 : stickyHeaderConfig.backdropComponent)) {
       return null;
@@ -663,8 +661,8 @@ function useOnLayoutSync({
   }
   return { onLayout };
 }
-var Platform2 = ReactNative.Platform;
-var PlatformAdjustBreaksScroll = Platform2.OS === "android";
+var Platform = ReactNative.Platform;
+var PlatformAdjustBreaksScroll = Platform.OS === "android";
 
 // src/utils/isInMVCPActiveMode.native.ts
 function isInMVCPActiveMode(state) {
@@ -785,7 +783,7 @@ var Container = typedMemo(function Container2({
       updateItemSizeFn(currentItemKey, layout);
       itemLayoutRef.current.didLayout = true;
     };
-    const shouldDeferWebShrinkLayoutUpdate = Platform2.OS === "web" && !isInMVCPActiveMode(ctx.state) && prevSize !== void 0 && size + 1 < prevSize;
+    const shouldDeferWebShrinkLayoutUpdate = Platform.OS === "web" && !isInMVCPActiveMode(ctx.state) && prevSize !== void 0 && size + 1 < prevSize;
     if (shouldDeferWebShrinkLayoutUpdate) {
       const token = pendingShrinkToken + 1;
       itemLayoutRef.current.pendingShrinkToken = token;
@@ -1055,7 +1053,7 @@ var ListComponent = typedMemo(function ListComponent2({
       }
     ),
     ListFooterComponent && /* @__PURE__ */ React2__namespace.createElement(LayoutView, { onLayoutChange: onLayoutFooterInternal, style: ListFooterComponentStyle }, getComponent(ListFooterComponent)),
-    Platform2.OS === "web" && /* @__PURE__ */ React2__namespace.createElement(WebAnchoredEndSpace, { horizontal }),
+    Platform.OS === "web" && /* @__PURE__ */ React2__namespace.createElement(WebAnchoredEndSpace, { horizontal }),
     IS_DEV && ENABLE_DEVMODE
   );
 });
@@ -1093,7 +1091,7 @@ function useDevChecksImpl(props) {
     const state = ctx.state;
     const dataLength = state.props.data.length;
     const useWindowScrollResolved = state.props.useWindowScroll;
-    if (Platform2.OS !== "web" || useWindowScrollResolved || dataLength < WEB_UNBOUNDED_HEIGHT_MIN_DATA_LENGTH) {
+    if (Platform.OS !== "web" || useWindowScrollResolved || dataLength < WEB_UNBOUNDED_HEIGHT_MIN_DATA_LENGTH) {
       return;
     }
     const warnIfUnboundedOuterSize = () => {
@@ -1499,7 +1497,7 @@ function finishInitialScroll(ctx, options) {
   }
   const complete = () => {
     var _a4, _b2, _c2, _d, _e;
-    const shouldReleaseDeferredPublicOnScroll = Platform2.OS === "web" && ((_a4 = state.initialScrollSession) == null ? void 0 : _a4.kind) === "bootstrap";
+    const shouldReleaseDeferredPublicOnScroll = Platform.OS === "web" && ((_a4 = state.initialScrollSession) == null ? void 0 : _a4.kind) === "bootstrap";
     const finalScrollOffset = (_d = (_c2 = (_b2 = options == null ? void 0 : options.resolvedOffset) != null ? _b2 : state.scrollPending) != null ? _c2 : state.scroll) != null ? _d : 0;
     initialScrollWatchdog.clear(state);
     if ((options == null ? void 0 : options.preserveTarget) && state.initialScroll) {
@@ -1691,7 +1689,7 @@ function clampScrollOffset(ctx, offset, scrollTarget) {
   const state = ctx.state;
   const contentSize = getContentSize(ctx);
   let clampedOffset = offset;
-  if (Number.isFinite(contentSize) && Number.isFinite(state.scrollLength) && (Platform2.OS !== "android" || state.lastLayout)) {
+  if (Number.isFinite(contentSize) && Number.isFinite(state.scrollLength) && (Platform.OS !== "android" || state.lastLayout)) {
     const baseMaxOffset = Math.max(0, contentSize - state.scrollLength);
     const viewOffset = scrollTarget == null ? void 0 : scrollTarget.viewOffset;
     const extraEndOffset = typeof viewOffset === "number" && viewOffset < 0 ? -viewOffset : 0;
@@ -1858,7 +1856,7 @@ function checkFinishedScrollFallback(ctx) {
         );
         const completionState = getResolvedScrollCompletionState(ctx, isStillScrollingTo);
         const canFinishAfterSilentNativeDispatch = silentInitialDispatch && completionState.isAtResolvedTarget && numChecks >= 1;
-        const shouldRetrySilentInitialNativeScroll = Platform2.OS === "android" && canFinishAfterSilentNativeDispatch && !initialScrollCompletion.didRetrySilentInitialScroll(state);
+        const shouldRetrySilentInitialNativeScroll = Platform.OS === "android" && canFinishAfterSilentNativeDispatch && !initialScrollCompletion.didRetrySilentInitialScroll(state);
         if (shouldRetrySilentInitialNativeScroll) {
           const targetOffset = (_b = (_a3 = getInitialScrollWatchdogTargetOffset(state)) != null ? _a3 : isStillScrollingTo.targetOffset) != null ? _b : 0;
           const jiggleOffset = targetOffset >= SILENT_INITIAL_SCROLL_TARGET_EPSILON ? targetOffset - SILENT_INITIAL_SCROLL_TARGET_EPSILON : targetOffset + SILENT_INITIAL_SCROLL_TARGET_EPSILON;
@@ -1976,7 +1974,7 @@ function scrollTo(ctx, params) {
   }
   state.scrollPending = targetOffset;
   syncInitialScrollNativeWatchdog(state, { isInitialScroll, requestedOffset: offset, targetOffset });
-  if (forceScroll || !isInitialScroll || Platform2.OS === "android") {
+  if (forceScroll || !isInitialScroll || Platform.OS === "android") {
     doScrollTo(ctx, { animated, horizontal, isInitialScroll, offset });
   } else {
     state.scroll = offset;
@@ -2453,7 +2451,7 @@ function startBootstrapInitialScrollOnMount(ctx, options) {
   } else {
     startBootstrapInitialScrollSession(state, {
       scroll: offset,
-      seedContentOffset: Platform2.OS === "web" ? 0 : offset,
+      seedContentOffset: Platform.OS === "web" ? 0 : offset,
       targetIndexSeed: target.index
     });
     ensureBootstrapInitialScrollFrameTicker(ctx);
@@ -2650,7 +2648,7 @@ function evaluateBootstrapInitialScroll(ctx) {
     queueBootstrapInitialScrollReevaluation(state);
     return;
   }
-  if (Platform2.OS !== "web" && Platform2.OS !== "android" && Math.abs(bootstrapInitialScroll.seedContentOffset - resolvedOffset) <= 1 && Math.abs(getObservedBootstrapInitialScrollOffset(state) - resolvedOffset) <= 1) {
+  if (Platform.OS !== "web" && Platform.OS !== "android" && Math.abs(bootstrapInitialScroll.seedContentOffset - resolvedOffset) <= 1 && Math.abs(getObservedBootstrapInitialScrollOffset(state) - resolvedOffset) <= 1) {
     finishBootstrapInitialScrollWithoutScroll(ctx, resolvedOffset);
   } else {
     clearBootstrapInitialScrollSession(state);
@@ -2658,7 +2656,7 @@ function evaluateBootstrapInitialScroll(ctx) {
       forceScroll: true,
       resolvedOffset,
       target: initialScroll,
-      waitForCompletionFrame: Platform2.OS === "web"
+      waitForCompletionFrame: Platform.OS === "web"
     });
   }
 }
@@ -2685,7 +2683,7 @@ function abortBootstrapInitialScroll(ctx) {
       forceScroll: true,
       resolvedOffset: bootstrapInitialScroll.scroll,
       target: initialScroll,
-      waitForCompletionFrame: Platform2.OS === "web"
+      waitForCompletionFrame: Platform.OS === "web"
     });
   } else {
     finishBootstrapInitialScrollWithoutScroll(
@@ -2773,7 +2771,7 @@ function handleInitialScrollDataChange(ctx, options) {
 function requestAdjust(ctx, positionDiff, dataChanged) {
   const state = ctx.state;
   if (Math.abs(positionDiff) > 0.1) {
-    const needsScrollWorkaround = Platform2.OS === "android" && !IsNewArchitecture && dataChanged && state.scroll <= positionDiff;
+    const needsScrollWorkaround = Platform.OS === "android" && !IsNewArchitecture && dataChanged && state.scroll <= positionDiff;
     const doit = () => {
       if (needsScrollWorkaround) {
         scrollTo(ctx, {
@@ -2792,7 +2790,7 @@ function requestAdjust(ctx, positionDiff, dataChanged) {
     const readyToRender = peek$(ctx, "readyToRender");
     if (readyToRender) {
       doit();
-      if (Platform2.OS !== "web") {
+      if (Platform.OS !== "web") {
         const threshold = state.scroll - positionDiff / 2;
         if (!state.ignoreScrollFromMVCP) {
           state.ignoreScrollFromMVCP = {};
@@ -2847,7 +2845,7 @@ function resolveAnchorLock(state, enableMVCPAnchorLock, mvcpData, now) {
   return lock;
 }
 function updateAnchorLock(state, params) {
-  if (Platform2.OS === "web") {
+  if (Platform.OS === "web") {
     const { anchorId, anchorPosition, dataChanged, now, positionDiff } = params;
     const enableMVCPAnchorLock = !!dataChanged || !!state.mvcpAnchorLock;
     const mvcpData = state.props.maintainVisibleContentPosition.data;
@@ -2869,7 +2867,7 @@ function updateAnchorLock(state, params) {
   }
 }
 function shouldQueueNativeMVCPAdjust(dataChanged, state, positionDiff, prevTotalSize, prevScroll, scrollTarget) {
-  if (!dataChanged || Platform2.OS === "web" || !state.props.maintainVisibleContentPosition.data || scrollTarget !== void 0 || positionDiff >= -MVCP_POSITION_EPSILON) {
+  if (!dataChanged || Platform.OS === "web" || !state.props.maintainVisibleContentPosition.data || scrollTarget !== void 0 || positionDiff >= -MVCP_POSITION_EPSILON) {
     return false;
   }
   const distanceFromEnd = prevTotalSize - prevScroll - state.scrollLength;
@@ -2968,7 +2966,7 @@ function prepareMVCP(ctx, dataChanged) {
   const {
     maintainVisibleContentPosition: { data: mvcpData, size: mvcpScroll, shouldRestorePosition }
   } = props;
-  const isWeb = Platform2.OS === "web";
+  const isWeb = Platform.OS === "web";
   const now = Date.now();
   const enableMVCPAnchorLock = isWeb && (!!dataChanged || !!state.mvcpAnchorLock);
   const scrollingTo = state.scrollingTo;
@@ -3383,7 +3381,7 @@ function updateItemPositions(ctx, dataChanged, { startIndex, scrollBottomBuffere
   const layoutConfig = overrideItemLayout ? { span: 1 } : void 0;
   const lastScrollDelta = state.lastScrollDelta;
   const velocity = getScrollVelocity(state);
-  const shouldOptimize = !forceFullUpdate && !dataChanged && (optimizeForVisibleWindow || Math.abs(velocity) > 0 || Platform2.OS === "web" && state.scrollLength > 0 && lastScrollDelta > state.scrollLength);
+  const shouldOptimize = !forceFullUpdate && !dataChanged && (optimizeForVisibleWindow || Math.abs(velocity) > 0 || Platform.OS === "web" && state.scrollLength > 0 && lastScrollDelta > state.scrollLength);
   const maxVisibleArea = scrollBottomBuffered + 1e3;
   const useAverageSize = !getEstimatedItemSize;
   const preferCachedSize = !doMVCP || dataChanged || state.scrollAdjustHandler.getAdjust() !== 0 || ((_b = peek$(ctx, "scrollAdjustPending")) != null ? _b : 0) !== 0;
@@ -3722,6 +3720,7 @@ function findAvailableContainers(ctx, numNeeded, startBuffered, endBuffered, pen
   const numContainers = peek$(ctx, "numContainers");
   const state = ctx.state;
   const { stickyContainerPool, containerItemTypes } = state;
+  const shouldAvoidAssignedContainerReuse = state.props.recycleItems && !!state.props.positionComponentInternal;
   const result = [];
   const availableContainers = [];
   const pendingRemovalSet = new Set(pendingRemoval);
@@ -3778,18 +3777,20 @@ function findAvailableContainers(ctx, numNeeded, startBuffered, endBuffered, pen
       }
     }
   }
-  for (let u = 0; u < numContainers && result.length < numNeeded; u++) {
-    if (stickyContainerPool.has(u)) {
-      continue;
-    }
-    const key = peek$(ctx, `containerItemKey${u}`);
-    if (key === void 0) continue;
-    const index = state.indexByKey.get(key);
-    const isOutOfView = index < startBuffered || index > endBuffered;
-    if (isOutOfView) {
-      const distance = index < startBuffered ? startBuffered - index : index - endBuffered;
-      if (!requiredItemTypes || typeIndex < neededTypes.length && canReuseContainer(u, neededTypes[typeIndex])) {
-        availableContainers.push({ distance, index: u });
+  if (!shouldAvoidAssignedContainerReuse) {
+    for (let u = 0; u < numContainers && result.length < numNeeded; u++) {
+      if (stickyContainerPool.has(u)) {
+        continue;
+      }
+      const key = peek$(ctx, `containerItemKey${u}`);
+      if (key === void 0) continue;
+      const index = state.indexByKey.get(key);
+      const isOutOfView = index < startBuffered || index > endBuffered;
+      if (isOutOfView) {
+        const distance = index < startBuffered ? startBuffered - index : index - endBuffered;
+        if (!requiredItemTypes || typeIndex < neededTypes.length && canReuseContainer(u, neededTypes[typeIndex])) {
+          availableContainers.push({ distance, index: u });
+        }
       }
     }
   }
@@ -3994,7 +3995,7 @@ function calculateItemsInView(ctx, params = {}) {
       if (top === null && bottom === null) {
         state.scrollForNextCalculateItemsInView = void 0;
       } else if ((top === null || scrollTopBuffered > top) && (bottom === null || scrollBottomBuffered < bottom)) {
-        if (Platform2.OS !== "web" || !isInMVCPActiveMode(state)) {
+        if (Platform.OS !== "web" || !isInMVCPActiveMode(state)) {
           return;
         }
       }
@@ -4268,7 +4269,7 @@ function calculateItemsInView(ctx, params = {}) {
         }
       }
     }
-    if (Platform2.OS === "web" && didChangePositions) {
+    if (Platform.OS === "web" && didChangePositions) {
       set$(ctx, "lastPositionUpdate", Date.now());
     }
     if (suppressInitialScrollSideEffects) {
@@ -4582,7 +4583,7 @@ function updateScroll(ctx, newScroll, forceUpdate) {
       (_a4 = state.triggerCalculateItemsInView) == null ? void 0 : _a4.call(state, { doMVCP: scrollingTo !== void 0 });
       checkThresholds(ctx);
     };
-    if (Platform2.OS === "web" && scrollLength > 0 && scrollingTo === void 0 && scrollDelta > scrollLength) {
+    if (Platform.OS === "web" && scrollLength > 0 && scrollingTo === void 0 && scrollDelta > scrollLength) {
       flushSync(runCalculateItems);
     } else {
       runCalculateItems();
@@ -4615,7 +4616,7 @@ function trackInitialScrollNativeProgress(state, newScroll) {
 }
 function shouldDeferPublicOnScroll(state) {
   var _a3;
-  return Platform2.OS === "web" && !!state.initialScroll && ((_a3 = state.initialScrollSession) == null ? void 0 : _a3.kind) === "bootstrap" && !state.didFinishInitialScroll;
+  return Platform.OS === "web" && !!state.initialScroll && ((_a3 = state.initialScrollSession) == null ? void 0 : _a3.kind) === "bootstrap" && !state.didFinishInitialScroll;
 }
 function cloneScrollEvent(event) {
   return {
@@ -4765,7 +4766,7 @@ function maybeUpdateAnchoredEndSpace(ctx) {
 // src/core/updateItemSize.ts
 function runOrScheduleMVCPRecalculate(ctx) {
   const state = ctx.state;
-  if (Platform2.OS === "web") {
+  if (Platform.OS === "web") {
     if (!state.mvcpAnchorLock) {
       if (state.queuedMVCPRecalculate !== void 0) {
         cancelAnimationFrame(state.queuedMVCPRecalculate);
@@ -4891,7 +4892,7 @@ function updateOneItemSize(ctx, itemKey, sizeObj) {
   const index = indexByKey.get(itemKey);
   const prevSize = getItemSize(ctx, itemKey, index, data[index]);
   const rawSize = horizontal ? sizeObj.width : sizeObj.height;
-  const size = Platform2.OS === "web" ? Math.round(rawSize) : roundSize(rawSize);
+  const size = Platform.OS === "web" ? Math.round(rawSize) : roundSize(rawSize);
   const prevSizeKnown = sizesKnown.get(itemKey);
   sizesKnown.set(itemKey, size);
   if (!getEstimatedItemSize && !getFixedItemSize && size > 0) {
@@ -5515,7 +5516,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     dataVersion,
     keyExtractor
   ]);
-  const useWindowScrollResolved = Platform2.OS === "web" && !!useWindowScroll && !renderScrollComponent;
+  const useWindowScrollResolved = Platform.OS === "web" && !!useWindowScroll && !renderScrollComponent;
   const refState = React2.useRef(void 0);
   const hasOverrideItemLayout = !!overrideItemLayout;
   const prevHasOverrideItemLayout = React2.useRef(hasOverrideItemLayout);
@@ -5611,7 +5612,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   }
   const throttledOnScroll = useThrottledOnScroll(onScrollProp != null ? onScrollProp : noopOnScroll, scrollEventThrottle != null ? scrollEventThrottle : 0);
   const throttleScrollFn = scrollEventThrottle && onScrollProp ? throttledOnScroll : onScrollProp;
-  const anchoredEndSpaceResolved = Platform2.OS === "web" && anchoredEndSpace ? { ...anchoredEndSpace, includeInEndInset: true } : anchoredEndSpace;
+  const anchoredEndSpaceResolved = Platform.OS === "web" && anchoredEndSpace ? { ...anchoredEndSpace, includeInEndInset: true } : anchoredEndSpace;
   state.props = {
     alignItemsAtEnd,
     alwaysRender,
@@ -5671,7 +5672,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     setPaddingTop(ctx, { stylePaddingTop: stylePaddingTopState });
     refState.current.props.stylePaddingBottom = stylePaddingBottomState;
     let paddingDiff = stylePaddingTopState - prevPaddingTop;
-    if (shouldAdjustPadding && maintainVisibleContentPositionConfig.size && paddingDiff && prevPaddingTop !== void 0 && Platform2.OS === "ios") {
+    if (shouldAdjustPadding && maintainVisibleContentPositionConfig.size && paddingDiff && prevPaddingTop !== void 0 && Platform.OS === "ios") {
       if (state.scroll < 0) {
         paddingDiff += state.scroll;
       }
@@ -5693,7 +5694,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       return void 0;
     }
     const resolvedOffset = (_a4 = initialScroll.contentOffset) != null ? _a4 : resolveInitialScrollOffset(ctx, initialScroll);
-    return usesBootstrapInitialScroll && ((_b2 = state.initialScrollSession) == null ? void 0 : _b2.kind) === "bootstrap" && Platform2.OS === "web" ? void 0 : resolvedOffset;
+    return usesBootstrapInitialScroll && ((_b2 = state.initialScrollSession) == null ? void 0 : _b2.kind) === "bootstrap" && Platform.OS === "web" ? void 0 : resolvedOffset;
   }, [usesBootstrapInitialScroll]);
   React2.useLayoutEffect(() => {
     initializeInitialScrollOnMount(ctx, {
@@ -5848,7 +5849,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   });
   React2.useImperativeHandle(forwardedRef, () => createImperativeHandle(ctx), []);
   React2.useEffect(() => {
-    if (Platform2.OS !== "web" || usesBootstrapInitialScroll) {
+    if (Platform.OS !== "web" || usesBootstrapInitialScroll) {
       return;
     }
     advanceCurrentInitialScrollSession(ctx);