@legendapp/list 3.0.0-beta.34 → 3.0.0-beta.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@legendapp/list",
-  "version": "3.0.0-beta.34",
+  "version": "3.0.0-beta.36",
   "description": "Legend List is a drop-in replacement for FlatList with much better performance and supporting dynamically sized items.",
   "sideEffects": false,
   "private": false,
@@ -41,10 +41,10 @@
       "default": "./reanimated.js"
     },
     "./react-native": {
-      "types": "./list-react-native.d.ts",
-      "import": "./list-react-native.mjs",
-      "require": "./list-react-native.js",
-      "default": "./list-react-native.js"
+      "types": "./react-native.d.ts",
+      "import": "./react-native.mjs",
+      "require": "./react-native.js",
+      "default": "./react-native.js"
     },
     "./section-list": {
       "types": "./section-list.d.ts",
@@ -53,10 +53,10 @@
       "default": "./section-list.js"
     },
     "./react": {
-      "types": "./list-react.d.ts",
-      "import": "./list-react.mjs",
-      "require": "./list-react.js",
-      "default": "./list-react.js"
+      "types": "./react.d.ts",
+      "import": "./react.mjs",
+      "require": "./react.js",
+      "default": "./react.js"
     }
   },
   "files": [

package/reanimated.js

@@ -172,18 +172,37 @@ var ReanimatedPositionViewSticky = typedMemo(function ReanimatedPositionViewStic
   return /* @__PURE__ */ React3__namespace.createElement(Reanimated__default.default.View, { ref: refView, style: viewStyle, ...rest }, /* @__PURE__ */ React3__namespace.createElement(StickyOverlay, { stickyHeaderConfig }), children);
 });
 var ReanimatedPositionView = typedMemo(function ReanimatedPositionViewComponent(props) {
-  const { id, horizontal, style, refView, children, layoutTransition, ...rest } = props;
-  const [positionValue = POSITION_OUT_OF_VIEW] = useArr$([`containerPosition${id}`]);
+  const { id, horizontal, style, refView, children, recycleItems, layoutTransition, ...rest } = props;
+  const [positionValue = POSITION_OUT_OF_VIEW, itemKey] = useArr$([
+    `containerPosition${id}`,
+    `containerItemKey${id}`
+  ]);
+  const prevItemKeyRef = React3__namespace.useRef(void 0);
+  const shouldSkipTransitionForRecycleReuse = !!recycleItems && itemKey !== void 0 && prevItemKeyRef.current !== void 0 && prevItemKeyRef.current !== itemKey;
+  React3__namespace.useEffect(() => {
+    if (itemKey !== void 0) {
+      prevItemKeyRef.current = itemKey;
+    }
+  }, [itemKey]);
   const viewStyle = React3__namespace.useMemo(
     () => [style, horizontal ? { left: positionValue } : { top: positionValue }],
     [horizontal, positionValue, style]
   );
-  return /* @__PURE__ */ React3__namespace.createElement(Reanimated__default.default.View, { layout: layoutTransition, ref: refView, style: viewStyle, ...rest }, children);
+  return /* @__PURE__ */ React3__namespace.createElement(
+    Reanimated__default.default.View,
+    {
+      layout: shouldSkipTransitionForRecycleReuse ? void 0 : layoutTransition,
+      ref: refView,
+      style: viewStyle,
+      ...rest
+    },
+    children
+  );
 });
 var LegendListForwardedRef = typedMemo(
   // biome-ignore lint/nursery/noShadow: const function name shadowing is intentional
   React3__namespace.forwardRef(function LegendListForwardedRef2(props, ref) {
-    const { itemLayoutAnimation, refLegendList, ...rest } = props;
+    const { itemLayoutAnimation, recycleItems, refLegendList, ...rest } = props;
     const refFn = React3.useCallback(
       (r) => {
         refLegendList(r);
@@ -220,9 +239,16 @@ var LegendListForwardedRef = typedMemo(
         return void 0;
       }
       return function PositionComponent(positionProps) {
-        return /* @__PURE__ */ React3__namespace.createElement(ReanimatedPositionView, { ...positionProps, layoutTransition: itemLayoutAnimationRef.current });
+        return /* @__PURE__ */ React3__namespace.createElement(
+          ReanimatedPositionView,
+          {
+            ...positionProps,
+            layoutTransition: itemLayoutAnimationRef.current,
+            recycleItems
+          }
+        );
       };
-    }, [hasItemLayoutAnimation]);
+    }, [hasItemLayoutAnimation, recycleItems]);
     const legendListProps = {
       ...rest,
       positionComponentInternal,

package/reanimated.mjs

@@ -148,18 +148,37 @@ var ReanimatedPositionViewSticky = typedMemo(function ReanimatedPositionViewStic
   return /* @__PURE__ */ React3.createElement(Reanimated.View, { ref: refView, style: viewStyle, ...rest }, /* @__PURE__ */ React3.createElement(StickyOverlay, { stickyHeaderConfig }), children);
 });
 var ReanimatedPositionView = typedMemo(function ReanimatedPositionViewComponent(props) {
-  const { id, horizontal, style, refView, children, layoutTransition, ...rest } = props;
-  const [positionValue = POSITION_OUT_OF_VIEW] = useArr$([`containerPosition${id}`]);
+  const { id, horizontal, style, refView, children, recycleItems, layoutTransition, ...rest } = props;
+  const [positionValue = POSITION_OUT_OF_VIEW, itemKey] = useArr$([
+    `containerPosition${id}`,
+    `containerItemKey${id}`
+  ]);
+  const prevItemKeyRef = React3.useRef(void 0);
+  const shouldSkipTransitionForRecycleReuse = !!recycleItems && itemKey !== void 0 && prevItemKeyRef.current !== void 0 && prevItemKeyRef.current !== itemKey;
+  React3.useEffect(() => {
+    if (itemKey !== void 0) {
+      prevItemKeyRef.current = itemKey;
+    }
+  }, [itemKey]);
   const viewStyle = React3.useMemo(
     () => [style, horizontal ? { left: positionValue } : { top: positionValue }],
     [horizontal, positionValue, style]
   );
-  return /* @__PURE__ */ React3.createElement(Reanimated.View, { layout: layoutTransition, ref: refView, style: viewStyle, ...rest }, children);
+  return /* @__PURE__ */ React3.createElement(
+    Reanimated.View,
+    {
+      layout: shouldSkipTransitionForRecycleReuse ? void 0 : layoutTransition,
+      ref: refView,
+      style: viewStyle,
+      ...rest
+    },
+    children
+  );
 });
 var LegendListForwardedRef = typedMemo(
   // biome-ignore lint/nursery/noShadow: const function name shadowing is intentional
   React3.forwardRef(function LegendListForwardedRef2(props, ref) {
-    const { itemLayoutAnimation, refLegendList, ...rest } = props;
+    const { itemLayoutAnimation, recycleItems, refLegendList, ...rest } = props;
     const refFn = useCallback(
       (r) => {
         refLegendList(r);
@@ -196,9 +215,16 @@ var LegendListForwardedRef = typedMemo(
         return void 0;
       }
       return function PositionComponent(positionProps) {
-        return /* @__PURE__ */ React3.createElement(ReanimatedPositionView, { ...positionProps, layoutTransition: itemLayoutAnimationRef.current });
+        return /* @__PURE__ */ React3.createElement(
+          ReanimatedPositionView,
+          {
+            ...positionProps,
+            layoutTransition: itemLayoutAnimationRef.current,
+            recycleItems
+          }
+        );
       };
-    }, [hasItemLayoutAnimation]);
+    }, [hasItemLayoutAnimation, recycleItems]);
     const legendListProps = {
       ...rest,
       positionComponentInternal,