@legendapp/list 2.0.0-next.5 → 2.0.0-next.6

package/index.js

@@ -332,16 +332,18 @@ function useListScrollSize() {
   const [scrollSize] = useArr$(["scrollSize"]);
   return scrollSize;
 }
+var typedForwardRef = React3.forwardRef;
+var typedMemo = React3.memo;
 
 // src/components/Container.tsx
-var Container = ({
+var Container = typedMemo(function Container2({
   id,
   recycleItems,
   horizontal,
   getRenderedItem: getRenderedItem2,
   updateItemSize: updateItemSize2,
   ItemSeparatorComponent
-}) => {
+}) {
   const ctx = useStateContext();
   const columnWrapperStyle = ctx.columnWrapperStyle;
   const [column = 0, data, itemKey, position = POSITION_OUT_OF_VIEW, numColumns, extraData] = useArr$([
@@ -393,12 +395,17 @@ var Container = ({
     [itemKey, data, extraData]
   );
   const { index, renderedItem } = renderedItemInfo || {};
-  const triggerLayout = React3.useCallback(() => {
-    forceLayoutRender((v) => v + 1);
-  }, []);
   const contextValue = React3.useMemo(() => {
     ctx.viewRefs.set(id, ref);
-    return { containerId: id, index, itemKey, triggerLayout, value: data };
+    return {
+      containerId: id,
+      index,
+      itemKey,
+      triggerLayout: () => {
+        forceLayoutRender((v) => v + 1);
+      },
+      value: data
+    };
   }, [id, itemKey, index, data]);
   const onLayout = (event) => {
     var _a, _b;
@@ -455,7 +462,7 @@ var Container = ({
       leadingItem: renderedItemInfo.item
     }
   )));
-};
+});
 var useAnimatedValue = (initialValue) => {
   return React3.useRef(new reactNative.Animated.Value(initialValue)).current;
 };
@@ -496,8 +503,6 @@ function useValue$(key, params) {
   }, []);
   return animValue;
 }
-var typedForwardRef = React3.forwardRef;
-var typedMemo = React3.memo;
 
 // src/components/Containers.tsx
 var Containers = typedMemo(function Containers2({
@@ -1706,13 +1711,12 @@ function calculateItemsInView(ctx, state, params = {}) {
         if (position === void 0) {
           set$(ctx, `containerPosition${i}`, POSITION_OUT_OF_VIEW);
         } else {
-          const pos = positions.get(id);
           const column = columns.get(id) || 1;
           const prevPos = peek$(ctx, `containerPosition${i}`);
           const prevColumn = peek$(ctx, `containerColumn${i}`);
           const prevData = peek$(ctx, `containerItemData${i}`);
-          if (!prevPos || pos > POSITION_OUT_OF_VIEW && pos !== prevPos) {
-            set$(ctx, `containerPosition${i}`, pos);
+          if (position > POSITION_OUT_OF_VIEW && position !== prevPos) {
+            set$(ctx, `containerPosition${i}`, position);
           }
           if (column >= 0 && column !== prevColumn) {
             set$(ctx, `containerColumn${i}`, column);
@@ -2298,20 +2302,19 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       (_, i) => getId(state, dataProp.length - 1 - i)
     );
   }, [dataProp, numColumnsProp]);
-  const initalizeStateVars = () => {
+  const initializeStateVars = () => {
     set$(ctx, "lastItemKeys", memoizedLastItemKeys);
     set$(ctx, "numColumns", numColumnsProp);
     const prevPaddingTop = peek$(ctx, "stylePaddingTop");
     setPaddingTop(ctx, { stylePaddingTop: stylePaddingTopState });
     refState.current.props.stylePaddingBottom = stylePaddingBottomState;
     const paddingDiff = stylePaddingTopState - prevPaddingTop;
-    if (paddingDiff && prevPaddingTop !== void 0 && reactNative.Platform.OS === "ios") {
-      calculateItemsInView(ctx, state, { doMVCP: true });
+    if (maintainVisibleContentPosition && paddingDiff && prevPaddingTop !== void 0 && reactNative.Platform.OS === "ios") {
       requestAdjust(ctx, state, paddingDiff);
     }
   };
   if (isFirst) {
-    initalizeStateVars();
+    initializeStateVars();
     updateAllPositions(ctx, state);
   }
   const initialContentOffset = React3.useMemo(() => {
@@ -2382,7 +2385,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   React3.useLayoutEffect(() => {
     set$(ctx, "extraData", extraData);
   }, [extraData]);
-  React3.useLayoutEffect(initalizeStateVars, [
+  React3.useLayoutEffect(initializeStateVars, [
     memoizedLastItemKeys.join(","),
     numColumnsProp,
     stylePaddingTopState,

package/index.mjs

@@ -1,5 +1,5 @@
 import * as React3 from 'react';
-import React3__default, { useReducer, useEffect, createContext, useMemo, useState, useRef, useLayoutEffect, useCallback, useImperativeHandle, useContext, forwardRef, memo } from 'react';
+import React3__default, { useReducer, useEffect, createContext, useRef, useState, useMemo, useLayoutEffect, useCallback, useImperativeHandle, useContext, forwardRef, memo } from 'react';
 import { View, Text, Platform, Animated, ScrollView, StyleSheet, Dimensions, RefreshControl } from 'react-native';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
 
@@ -311,16 +311,18 @@ function useListScrollSize() {
   const [scrollSize] = useArr$(["scrollSize"]);
   return scrollSize;
 }
+var typedForwardRef = forwardRef;
+var typedMemo = memo;
 
 // src/components/Container.tsx
-var Container = ({
+var Container = typedMemo(function Container2({
   id,
   recycleItems,
   horizontal,
   getRenderedItem: getRenderedItem2,
   updateItemSize: updateItemSize2,
   ItemSeparatorComponent
-}) => {
+}) {
   const ctx = useStateContext();
   const columnWrapperStyle = ctx.columnWrapperStyle;
   const [column = 0, data, itemKey, position = POSITION_OUT_OF_VIEW, numColumns, extraData] = useArr$([
@@ -372,12 +374,17 @@ var Container = ({
     [itemKey, data, extraData]
   );
   const { index, renderedItem } = renderedItemInfo || {};
-  const triggerLayout = useCallback(() => {
-    forceLayoutRender((v) => v + 1);
-  }, []);
   const contextValue = useMemo(() => {
     ctx.viewRefs.set(id, ref);
-    return { containerId: id, index, itemKey, triggerLayout, value: data };
+    return {
+      containerId: id,
+      index,
+      itemKey,
+      triggerLayout: () => {
+        forceLayoutRender((v) => v + 1);
+      },
+      value: data
+    };
   }, [id, itemKey, index, data]);
   const onLayout = (event) => {
     var _a, _b;
@@ -434,7 +441,7 @@ var Container = ({
       leadingItem: renderedItemInfo.item
     }
   )));
-};
+});
 var useAnimatedValue = (initialValue) => {
   return useRef(new Animated.Value(initialValue)).current;
 };
@@ -475,8 +482,6 @@ function useValue$(key, params) {
   }, []);
   return animValue;
 }
-var typedForwardRef = forwardRef;
-var typedMemo = memo;
 
 // src/components/Containers.tsx
 var Containers = typedMemo(function Containers2({
@@ -1685,13 +1690,12 @@ function calculateItemsInView(ctx, state, params = {}) {
         if (position === void 0) {
           set$(ctx, `containerPosition${i}`, POSITION_OUT_OF_VIEW);
         } else {
-          const pos = positions.get(id);
           const column = columns.get(id) || 1;
           const prevPos = peek$(ctx, `containerPosition${i}`);
           const prevColumn = peek$(ctx, `containerColumn${i}`);
           const prevData = peek$(ctx, `containerItemData${i}`);
-          if (!prevPos || pos > POSITION_OUT_OF_VIEW && pos !== prevPos) {
-            set$(ctx, `containerPosition${i}`, pos);
+          if (position > POSITION_OUT_OF_VIEW && position !== prevPos) {
+            set$(ctx, `containerPosition${i}`, position);
           }
           if (column >= 0 && column !== prevColumn) {
             set$(ctx, `containerColumn${i}`, column);
@@ -2277,20 +2281,19 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       (_, i) => getId(state, dataProp.length - 1 - i)
     );
   }, [dataProp, numColumnsProp]);
-  const initalizeStateVars = () => {
+  const initializeStateVars = () => {
     set$(ctx, "lastItemKeys", memoizedLastItemKeys);
     set$(ctx, "numColumns", numColumnsProp);
     const prevPaddingTop = peek$(ctx, "stylePaddingTop");
     setPaddingTop(ctx, { stylePaddingTop: stylePaddingTopState });
     refState.current.props.stylePaddingBottom = stylePaddingBottomState;
     const paddingDiff = stylePaddingTopState - prevPaddingTop;
-    if (paddingDiff && prevPaddingTop !== void 0 && Platform.OS === "ios") {
-      calculateItemsInView(ctx, state, { doMVCP: true });
+    if (maintainVisibleContentPosition && paddingDiff && prevPaddingTop !== void 0 && Platform.OS === "ios") {
       requestAdjust(ctx, state, paddingDiff);
     }
   };
   if (isFirst) {
-    initalizeStateVars();
+    initializeStateVars();
     updateAllPositions(ctx, state);
   }
   const initialContentOffset = useMemo(() => {
@@ -2361,7 +2364,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   useLayoutEffect(() => {
     set$(ctx, "extraData", extraData);
   }, [extraData]);
-  useLayoutEffect(initalizeStateVars, [
+  useLayoutEffect(initializeStateVars, [
     memoizedLastItemKeys.join(","),
     numColumnsProp,
     stylePaddingTopState,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@legendapp/list",
-  "version": "2.0.0-next.5",
+  "version": "2.0.0-next.6",
   "description": "Legend List is a drop-in replacement for FlatList with much better performance and supporting dynamically sized items.",
   "sideEffects": false,
   "private": false,