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

package/animated.d.ts

@@ -417,6 +417,8 @@ type LegendListState = {
     endBuffered: number;
     isAtEnd: boolean;
     isAtStart: boolean;
+    isEndReached: boolean;
+    isStartReached: boolean;
     listen: <T extends LegendListListenerType>(listenerType: T, callback: (value: ListenerTypeValueMap[T]) => void) => () => void;
     listenToPosition: (key: string, callback: (value: number) => void) => () => void;
     positionAtIndex: (index: number) => number;

package/index.d.ts

@@ -663,6 +663,8 @@ type LegendListState$1 = {
     endBuffered: number;
     isAtEnd: boolean;
     isAtStart: boolean;
+    isEndReached: boolean;
+    isStartReached: boolean;
     listen: <T extends LegendListListenerType>(listenerType: T, callback: (value: ListenerTypeValueMap[T]) => void) => () => void;
     listenToPosition: (key: string, callback: (value: number) => void) => () => void;
     positionAtIndex: (index: number) => number;

package/index.js

@@ -4022,6 +4022,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],

package/index.mjs

@@ -4001,6 +4001,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],

package/index.native.js

@@ -3635,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],

package/index.native.mjs

@@ -3614,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],

package/keyboard-test.d.ts

@@ -65,6 +65,8 @@ type LegendListState = {
     endBuffered: number;
     isAtEnd: boolean;
     isAtStart: boolean;
+    isEndReached: boolean;
+    isStartReached: boolean;
     listen: <T extends LegendListListenerType>(listenerType: T, callback: (value: ListenerTypeValueMap[T]) => void) => () => void;
     listenToPosition: (key: string, callback: (value: number) => void) => () => void;
     positionAtIndex: (index: number) => number;

package/keyboard.d.ts

@@ -65,6 +65,8 @@ type LegendListState = {
     endBuffered: number;
     isAtEnd: boolean;
     isAtStart: boolean;
+    isEndReached: boolean;
+    isStartReached: boolean;
     listen: <T extends LegendListListenerType>(listenerType: T, callback: (value: ListenerTypeValueMap[T]) => void) => () => void;
     listenToPosition: (key: string, callback: (value: number) => void) => () => void;
     positionAtIndex: (index: number) => number;

package/package.json

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

package/react-native.d.ts

@@ -664,6 +664,8 @@ type LegendListState$1 = {
     endBuffered: number;
     isAtEnd: boolean;
     isAtStart: boolean;
+    isEndReached: boolean;
+    isStartReached: boolean;
     listen: <T extends LegendListListenerType>(listenerType: T, callback: (value: ListenerTypeValueMap[T]) => void) => () => void;
     listenToPosition: (key: string, callback: (value: number) => void) => () => void;
     positionAtIndex: (index: number) => number;

package/react-native.js

@@ -3635,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],
@@ -4416,8 +4418,10 @@ var internal = {
   getComponent,
   IsNewArchitecture,
   POSITION_OUT_OF_VIEW,
+  peek$,
   useArr$,
-  useCombinedRef
+  useCombinedRef,
+  useStateContext
 };
 
 exports.LegendList = LegendList3;

package/react-native.mjs

@@ -3614,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],
@@ -4395,8 +4397,10 @@ var internal = {
   getComponent,
   IsNewArchitecture,
   POSITION_OUT_OF_VIEW,
+  peek$,
   useArr$,
-  useCombinedRef
+  useCombinedRef,
+  useStateContext
 };
 
 export { LegendList3 as LegendList, internal, typedForwardRef, typedMemo2 as typedMemo, useIsLastItem, useListScrollSize, useRecyclingEffect, useRecyclingState, useSyncLayout, useViewability, useViewabilityAmount };

package/react.d.ts

@@ -683,6 +683,8 @@ type LegendListState$1 = {
     endBuffered: number;
     isAtEnd: boolean;
     isAtStart: boolean;
+    isEndReached: boolean;
+    isStartReached: boolean;
     listen: <T extends LegendListListenerType>(listenerType: T, callback: (value: ListenerTypeValueMap[T]) => void) => () => void;
     listenToPosition: (key: string, callback: (value: number) => void) => () => void;
     positionAtIndex: (index: number) => number;

package/react.js

@@ -4022,6 +4022,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],

package/react.mjs

@@ -4001,6 +4001,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],

package/reanimated.d.ts

@@ -418,6 +418,8 @@ type LegendListState = {
     endBuffered: number;
     isAtEnd: boolean;
     isAtStart: boolean;
+    isEndReached: boolean;
+    isStartReached: boolean;
     listen: <T extends LegendListListenerType>(listenerType: T, callback: (value: ListenerTypeValueMap[T]) => void) => () => void;
     listenToPosition: (key: string, callback: (value: number) => void) => () => void;
     positionAtIndex: (index: number) => number;

package/reanimated.js

@@ -30,6 +30,7 @@ var Reanimated__default = /*#__PURE__*/_interopDefault(Reanimated);
 
 // src/integrations/reanimated.tsx
 var { POSITION_OUT_OF_VIEW, IsNewArchitecture, useArr$, useCombinedRef, getComponent } = reactNative.internal;
+var { peek$, useStateContext } = reactNative.internal;
 var typedMemo = React.memo;
 var ReanimatedScrollBridge = typedMemo(function ReanimatedScrollBridgeComponent({
   forwardedRef,
@@ -85,18 +86,21 @@ var ReanimatedPositionViewSticky = typedMemo(function ReanimatedPositionViewStic
   return /* @__PURE__ */ React__namespace.createElement(Reanimated__default.default.View, { ref: refView, style: viewStyle, ...rest }, /* @__PURE__ */ React__namespace.createElement(StickyOverlay, { stickyHeaderConfig }), children);
 });
 var ReanimatedPositionView = typedMemo(function ReanimatedPositionViewComponent(props) {
+  const ctx = useStateContext();
   const { id, horizontal, style, refView, children, recycleItems, layoutTransition, ...rest } = props;
-  const [positionValue = POSITION_OUT_OF_VIEW, itemKey] = useArr$([
-    `containerPosition${id}`,
-    `containerItemKey${id}`
-  ]);
+  const [positionValue = POSITION_OUT_OF_VIEW] = useArr$([`containerPosition${id}`]);
   const prevItemKeyRef = React__namespace.useRef(void 0);
-  const shouldSkipTransitionForRecycleReuse = !!recycleItems && itemKey !== void 0 && prevItemKeyRef.current !== void 0 && prevItemKeyRef.current !== itemKey;
-  React__namespace.useEffect(() => {
+  let shouldSkipTransitionForRecycleReuse = false;
+  if (recycleItems && layoutTransition) {
+    const itemKeySignal = `containerItemKey${id}`;
+    const itemKey = peek$(ctx, itemKeySignal);
+    shouldSkipTransitionForRecycleReuse = itemKey !== void 0 && prevItemKeyRef.current !== void 0 && prevItemKeyRef.current !== itemKey;
     if (itemKey !== void 0) {
       prevItemKeyRef.current = itemKey;
     }
-  }, [itemKey]);
+  } else {
+    prevItemKeyRef.current = void 0;
+  }
   const viewStyle = React__namespace.useMemo(
     () => [style, horizontal ? { left: positionValue } : { top: positionValue }],
     [horizontal, positionValue, style]
@@ -170,6 +174,7 @@ var LegendListForwardedRef = typedMemo(
     const legendListProps = {
       ...rest,
       positionComponentInternal,
+      recycleItems,
       ...shouldUseReanimatedScrollView ? {
         renderScrollComponent: renderReanimatedScrollComponent,
         stickyPositionComponentInternal

package/reanimated.mjs

@@ -6,6 +6,7 @@ import { internal, LegendList } from '@legendapp/list/react-native';
 
 // src/integrations/reanimated.tsx
 var { POSITION_OUT_OF_VIEW, IsNewArchitecture, useArr$, useCombinedRef, getComponent } = internal;
+var { peek$, useStateContext } = internal;
 var typedMemo = memo;
 var ReanimatedScrollBridge = typedMemo(function ReanimatedScrollBridgeComponent({
   forwardedRef,
@@ -61,18 +62,21 @@ var ReanimatedPositionViewSticky = typedMemo(function ReanimatedPositionViewStic
   return /* @__PURE__ */ React.createElement(Reanimated.View, { ref: refView, style: viewStyle, ...rest }, /* @__PURE__ */ React.createElement(StickyOverlay, { stickyHeaderConfig }), children);
 });
 var ReanimatedPositionView = typedMemo(function ReanimatedPositionViewComponent(props) {
+  const ctx = useStateContext();
   const { id, horizontal, style, refView, children, recycleItems, layoutTransition, ...rest } = props;
-  const [positionValue = POSITION_OUT_OF_VIEW, itemKey] = useArr$([
-    `containerPosition${id}`,
-    `containerItemKey${id}`
-  ]);
+  const [positionValue = POSITION_OUT_OF_VIEW] = useArr$([`containerPosition${id}`]);
   const prevItemKeyRef = React.useRef(void 0);
-  const shouldSkipTransitionForRecycleReuse = !!recycleItems && itemKey !== void 0 && prevItemKeyRef.current !== void 0 && prevItemKeyRef.current !== itemKey;
-  React.useEffect(() => {
+  let shouldSkipTransitionForRecycleReuse = false;
+  if (recycleItems && layoutTransition) {
+    const itemKeySignal = `containerItemKey${id}`;
+    const itemKey = peek$(ctx, itemKeySignal);
+    shouldSkipTransitionForRecycleReuse = itemKey !== void 0 && prevItemKeyRef.current !== void 0 && prevItemKeyRef.current !== itemKey;
     if (itemKey !== void 0) {
       prevItemKeyRef.current = itemKey;
     }
-  }, [itemKey]);
+  } else {
+    prevItemKeyRef.current = void 0;
+  }
   const viewStyle = React.useMemo(
     () => [style, horizontal ? { left: positionValue } : { top: positionValue }],
     [horizontal, positionValue, style]
@@ -146,6 +150,7 @@ var LegendListForwardedRef = typedMemo(
     const legendListProps = {
       ...rest,
       positionComponentInternal,
+      recycleItems,
       ...shouldUseReanimatedScrollView ? {
         renderScrollComponent: renderReanimatedScrollComponent,
         stickyPositionComponentInternal

package/section-list.d.ts

@@ -474,6 +474,8 @@ type LegendListState = {
     endBuffered: number;
     isAtEnd: boolean;
     isAtStart: boolean;
+    isEndReached: boolean;
+    isStartReached: boolean;
     listen: <T extends LegendListListenerType>(listenerType: T, callback: (value: ListenerTypeValueMap[T]) => void) => () => void;
     listenToPosition: (key: string, callback: (value: number) => void) => () => void;
     positionAtIndex: (index: number) => number;