@souscheflabs/reanimated-flashlist 0.3.2 → 0.3.3

package/lib/AnimatedFlashList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedFlashList.d.ts","sourceRoot":"","sources":["../src/AnimatedFlashList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAaf,OAAO,KAAK,EACV,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EAErB,MAAM,SAAS,CAAC;AA0YjB,eAAO,MAAM,iBAAiB,EAAyC,CACrE,CAAC,SAAS,gBAAgB,EAE1B,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAA;CAAE,KAClF,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}
+{"version":3,"file":"AnimatedFlashList.d.ts","sourceRoot":"","sources":["../src/AnimatedFlashList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAaf,OAAO,KAAK,EACV,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EAErB,MAAM,SAAS,CAAC;AAyYjB,eAAO,MAAM,iBAAiB,EAAyC,CACrE,CAAC,SAAS,gBAAgB,EAE1B,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAA;CAAE,KAClF,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}

package/lib/AnimatedFlashList.js

@@ -46,13 +46,17 @@ const ItemWrapper = react_1.default.memo(function ItemWrapper({ item, index, tot
 });
 function InnerFlashList({ data, totalItemsRef, flashListRef, renderItem, keyExtractor, canDrag, dragEnabled, onReorderByDelta, onHapticFeedback, itemHeight, ListFooterComponent, onEndReached, onEndReachedThreshold, onRefresh, refreshing, refreshTintColor, contentContainerStyle, drawDistance = 500, showsVerticalScrollIndicator = true, }) {
     // Get drag state context for scroll tracking
-    const { scrollOffset, contentHeight, visibleHeight, listTopY, setListRef } = (0, contexts_1.useDragState)();
+    const { scrollOffset, contentHeight, visibleHeight, listTopY, setListRef, totalItems } = (0, contexts_1.useDragState)();
     // Register FlashList ref with drag context for autoscroll
     (0, react_1.useEffect)(() => {
         // Cast to unknown to satisfy the generic constraint
         setListRef(flashListRef.current);
         return () => setListRef(null);
     }, [setListRef, flashListRef]);
+    // Sync totalItems SharedValue with data.length for worklet access
+    (0, react_1.useEffect)(() => {
+        totalItems.value = data.length;
+    }, [data.length, totalItems]);
     // Update scroll offset on scroll
     const handleScroll = (0, react_1.useCallback)((event) => {
         scrollOffset.value = event.nativeEvent.contentOffset.y;
@@ -127,17 +131,11 @@ function AnimatedFlashListInner(props, ref) {
     const { data, keyExtractor, renderItem, dragEnabled = false, onReorder, onReorderByNeighbors, canDrag, onHapticFeedback, config, onPrepareLayoutAnimation, ListFooterComponent, onRefresh, refreshing = false, onEndReached, onEndReachedThreshold = 0.5, contentContainerStyle, estimatedItemSize, ...flashListProps } = props;
     // Merge config with defaults
     // Use estimatedItemSize as default itemHeight if not explicitly configured
-    const dragConfig = (0, react_1.useMemo)(() => {
-        const mergedConfig = {
-            ...constants_1.DEFAULT_DRAG_CONFIG,
-            ...config?.drag,
-            itemHeight: config?.drag?.itemHeight ?? estimatedItemSize ?? constants_1.DEFAULT_DRAG_CONFIG.itemHeight,
-        };
-        if (__DEV__) {
-            console.log(`[AnimatedFlashList] dragConfig.itemHeight=${mergedConfig.itemHeight}, estimatedItemSize=${estimatedItemSize}, config.drag?.itemHeight=${config?.drag?.itemHeight}`);
-        }
-        return mergedConfig;
-    }, [config?.drag, estimatedItemSize]);
+    const dragConfig = (0, react_1.useMemo)(() => ({
+        ...constants_1.DEFAULT_DRAG_CONFIG,
+        ...config?.drag,
+        itemHeight: config?.drag?.itemHeight ?? estimatedItemSize ?? constants_1.DEFAULT_DRAG_CONFIG.itemHeight,
+    }), [config?.drag, estimatedItemSize]);
     // Ref to FlashList
     const flashListRef = (0, react_1.useRef)(null);
     // Expose methods to parent via ref

package/lib/AnimatedFlashListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedFlashListItem.d.ts","sourceRoot":"","sources":["../src/AnimatedFlashListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAY7E,OAAO,KAAK,EACV,gBAAgB,EAChB,sBAAsB,EACtB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAEjB,UAAU,0BAA0B,CAAC,CAAC,SAAS,gBAAgB;IAC7D,oBAAoB;IACpB,IAAI,EAAE,CAAC,CAAC;IACR,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,aAAa,EAAE,OAAO,CAAC;IACvB,kCAAkC;IAClC,UAAU,EAAE,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IACpE,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACvD;AAED;;;;;;;;;;GAUG;AACH,iBAAS,0BAA0B,CAAC,CAAC,SAAS,gBAAgB,EAAE,EAC9D,IAAI,EACJ,KAAK,EACL,UAAU,EACV,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,0BAA0B,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAmK3D;AAGD,eAAO,MAAM,qBAAqB,EAE7B,OAAO,0BAA0B,CAAC"}
+{"version":3,"file":"AnimatedFlashListItem.d.ts","sourceRoot":"","sources":["../src/AnimatedFlashListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAY7E,OAAO,KAAK,EACV,gBAAgB,EAChB,sBAAsB,EACtB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAEjB,UAAU,0BAA0B,CAAC,CAAC,SAAS,gBAAgB;IAC7D,oBAAoB;IACpB,IAAI,EAAE,CAAC,CAAC;IACR,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,aAAa,EAAE,OAAO,CAAC;IACvB,kCAAkC;IAClC,UAAU,EAAE,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IACpE,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACvD;AAED;;;;;;;;;;GAUG;AACH,iBAAS,0BAA0B,CAAC,CAAC,SAAS,gBAAgB,EAAE,EAC9D,IAAI,EACJ,KAAK,EACL,UAAU,EACV,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,0BAA0B,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA8J3D;AAGD,eAAO,MAAM,qBAAqB,EAE7B,OAAO,0BAA0B,CAAC"}

package/lib/AnimatedFlashListItem.js

@@ -50,10 +50,6 @@ const contexts_1 = require("./contexts");
  * @internal
  */
 function AnimatedFlashListItemInner({ item, index, totalItems, isDragEnabled, renderItem, onReorderByDelta, onHapticFeedback, }) {
-    // DEBUG: Log renders
-    if (__DEV__) {
-        console.log(`[AnimatedFlashListItem] RENDER ${item.id} at index=${index}`);
-    }
     // Register this item's index in the central registry
     // This handles FlashList's recycling behavior where components may not re-render
     // after data changes, leaving their index props stale
@@ -72,10 +68,10 @@ function AnimatedFlashListItemInner({ item, index, totalItems, isDragEnabled, re
     const animationContext = (0, contexts_1.useListAnimationOptional)();
     // === DRAG HOOKS ===
     // Pan gesture for drag-to-reorder
+    // Note: totalItems is now accessed via SharedValue from DragStateContext
     const { panGesture, isDragging, translateY } = (0, hooks_1.useDragGesture)({
         itemId: item.id,
         index,
-        totalItems,
         enabled: isDragEnabled,
         containerRef,
     }, {

package/lib/contexts/DragStateContext.d.ts

@@ -80,6 +80,8 @@ export interface DragStateContextValue {
      * Call this from handleDragEnd after onEnd updates the registry.
      */
     markRegistryUpdated: () => void;
+    /** Total number of items in the list (synced from data.length) */
+    totalItems: SharedValue<number>;
 }
 /**
  * Hook to access shared drag state from context.

package/lib/contexts/DragStateContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DragStateContext.d.ts","sourceRoot":"","sources":["../../src/contexts/DragStateContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAgC3C;;;;;;;;;GASG;AACH,MAAM,WAAW,qBAAqB;IACpC,2CAA2C;IAC3C,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC,oEAAoE;IACpE,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,oFAAoF;IACpF,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,iFAAiF;IACjF,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,sEAAsE;IACtE,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,+DAA+D;IAC/D,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,uFAAuF;IACvF,qBAAqB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,yEAAyE;IACzE,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,qDAAqD;IACrD,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,mFAAmF;IACnF,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,4EAA4E;IAC5E,kBAAkB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACxC,yDAAyD;IACzD,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC,gFAAgF;IAChF,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,2DAA2D;IAC3D,UAAU,EAAE,CAAC,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,wEAAwE;IACxE,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,6EAA6E;IAC7E,+BAA+B,EAAE,MAAM,IAAI,CAAC;IAC5C,sDAAsD;IACtD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,iCAAiC;IACjC,MAAM,EAAE,UAAU,CAAC;IACnB;;;;OAIG;IACH,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACvD,mEAAmE;IACnE,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,4CAA4C;IAC5C,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACrD;;;;OAIG;IACH,sBAAsB,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC5D;;;OAGG;IACH,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC;;;OAGG;IACH,sBAAsB,EAAE,CACtB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,KACZ,IAAI,CAAC;IACV;;;OAGG;IACH,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC;AAID;;;GAGG;AACH,eAAO,MAAM,YAAY,QAAO,qBAM/B,CAAC;AAEF,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;CAC9B;AAmDD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAyO9D,CAAC"}
+{"version":3,"file":"DragStateContext.d.ts","sourceRoot":"","sources":["../../src/contexts/DragStateContext.tsx"],"names":[],"mappings":"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"}

package/lib/contexts/DragStateContext.js

@@ -136,6 +136,8 @@ const DragStateProvider = ({ children, config: configOverrides, }) => {
     const itemIndexRegistry = (0, react_native_reanimated_1.useSharedValue)({});
     // Snapshot of registry taken at drag start for consistent index lookup during drag
     const dragStartIndexSnapshot = (0, react_native_reanimated_1.useSharedValue)({});
+    // Total number of items in the list (synced from data.length by InnerFlashList)
+    const totalItems = (0, react_native_reanimated_1.useSharedValue)(0);
     // Timestamp when registry was last updated by onEnd (for protecting against stale overwrites)
     const registryUpdateTimestamp = (0, react_1.useRef)(0);
     // Ref to FlashList for autoscroll operations
@@ -258,6 +260,7 @@ const DragStateProvider = ({ children, config: configOverrides, }) => {
         snapshotRegistryForDrag,
         applyReorderToRegistry,
         markRegistryUpdated,
+        totalItems,
     }), [
         isDragging,
         draggedIndex,
@@ -283,6 +286,7 @@ const DragStateProvider = ({ children, config: configOverrides, }) => {
         snapshotRegistryForDrag,
         applyReorderToRegistry,
         markRegistryUpdated,
+        totalItems,
     ]);
     return (<DragStateContext.Provider value={value}>
       {children}

package/lib/hooks/drag/useDragGesture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDragGesture.d.ts","sourceRoot":"","sources":["../../../src/hooks/drag/useDragGesture.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACrB,MAAM,aAAa,CAAC;AAErB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,oBAAoB,EAC5B,SAAS,EAAE,uBAAuB,GACjC,oBAAoB,CAybtB"}
+{"version":3,"file":"useDragGesture.d.ts","sourceRoot":"","sources":["../../../src/hooks/drag/useDragGesture.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACrB,MAAM,aAAa,CAAC;AAErB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,oBAAoB,EAC5B,SAAS,EAAE,uBAAuB,GACjC,oBAAoB,CA2btB"}

package/lib/hooks/drag/useDragGesture.js

@@ -35,7 +35,7 @@ const DragStateContext_1 = require("../../contexts/DragStateContext");
  * ```
  */
 function useDragGesture(config, callbacks) {
-    const { itemId, index, totalItems, enabled, containerRef } = config;
+    const { itemId, index, enabled, containerRef } = config;
     const { onReorderByDelta, onHapticFeedback } = callbacks;
     // Dev-only guard to warn once if measurement is missing
     const hasWarnedMissingHeight = (0, react_1.useRef)(false);
@@ -43,7 +43,7 @@ function useDragGesture(config, callbacks) {
     const isDragging = (0, react_native_reanimated_1.useSharedValue)(false);
     const translateY = (0, react_native_reanimated_1.useSharedValue)(0);
     // Global drag state for coordinating animations across all items
-    const { isDragging: globalIsDragging, draggedIndex, draggedItemId, currentTranslateY, draggedScale, scrollOffset, dragStartScrollOffset, contentHeight, visibleHeight, listTopY, measuredItemHeight, isDropping, scrollToOffset, prepareForLayoutAnimationRender, config: dragConfig, itemIndexRegistry, dragStartIndexSnapshot, dragSequence, markRegistryUpdated, } = (0, DragStateContext_1.useDragState)();
+    const { isDragging: globalIsDragging, draggedIndex, draggedItemId, currentTranslateY, draggedScale, scrollOffset, dragStartScrollOffset, contentHeight, visibleHeight, listTopY, measuredItemHeight, isDropping, scrollToOffset, prepareForLayoutAnimationRender, config: dragConfig, itemIndexRegistry, dragStartIndexSnapshot, dragSequence, markRegistryUpdated, totalItems, } = (0, DragStateContext_1.useDragState)();
     // Performance optimization: Track last significant Y position and scroll time
     // to avoid updating on every pixel movement
     const lastSignificantY = (0, react_native_reanimated_1.useSharedValue)(0);
@@ -82,20 +82,20 @@ function useDragGesture(config, callbacks) {
         currentIndex.value = index;
     }, [index, currentIndex]);
     // Store current values in refs for stable gesture callbacks
+    // Note: totalItems is now a SharedValue from context, accessed directly in worklets
     const dragContextRef = (0, react_1.useRef)({
-        totalItems,
         itemId,
         onReorderByDelta,
     });
     // Keep ref in sync with current values
     dragContextRef.current = {
-        totalItems,
         itemId,
         onReorderByDelta,
     };
     // Calculate new position and call reorder callback
     const handleDragEnd = (0, react_1.useCallback)((finalTranslateY) => {
-        const { totalItems: total, itemId: currentItemId, onReorderByDelta: reorder, } = dragContextRef.current;
+        const { itemId: currentItemId, onReorderByDelta: reorder, } = dragContextRef.current;
+        const total = totalItems.value;
         // Use draggedIndex from context, which was set in onStart using the registry
         // This handles FlashList's recycling where closure-captured index may be stale
         const currentIndex = draggedIndex.value;
@@ -184,6 +184,7 @@ function useDragGesture(config, callbacks) {
         onHapticFeedback,
         dragSequence,
         markRegistryUpdated,
+        totalItems,
     ]);
     // Stable haptic callback for drag start
     const triggerLightHaptic = (0, react_1.useCallback)(() => {
@@ -301,7 +302,7 @@ function useDragGesture(config, callbacks) {
         // runs on the JS thread, which would cause the new drag's snapshot to have
         // stale indices.
         const currentIdx = draggedIndex.value;
-        const total = dragContextRef.current.totalItems;
+        const total = totalItems.value;
         // Use measured item height for accurate position calculations
         // Fall back to config height if measurement failed or not yet available
         const itemHeight = measuredItemHeight.value > 0
@@ -371,6 +372,7 @@ function useDragGesture(config, callbacks) {
         itemId,
         dragStartIndexSnapshot,
         itemIndexRegistry,
+        totalItems,
     ]);
     return { panGesture, isDragging, translateY };
 }

package/lib/hooks/drag/useDropCompensation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDropCompensation.d.ts","sourceRoot":"","sources":["../../../src/hooks/drag/useDropCompensation.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,yBAAyB,GAAG,IAAI,CA+I3E"}
+{"version":3,"file":"useDropCompensation.d.ts","sourceRoot":"","sources":["../../../src/hooks/drag/useDropCompensation.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,yBAAyB,GAAG,IAAI,CA0I3E"}

package/lib/hooks/drag/useDropCompensation.js

@@ -84,9 +84,6 @@ function useDropCompensation(config) {
                 }
                 else {
                     // Normal index change (not during drop): apply compensation
-                    if (__DEV__) {
-                        console.log("[DROP-COMP] Non-dragged normal index change - compensating");
-                    }
                     translateY.value = (0, react_native_reanimated_1.withTiming)(compensatedY, {
                         duration: constants_1.ANIMATION_TIMING.COMPENSATION_DURATION,
                         easing: react_native_reanimated_1.Easing.out(react_native_reanimated_1.Easing.ease),

package/lib/types/drag.d.ts

@@ -28,8 +28,6 @@ export interface UseDragGestureConfig {
     itemId: string;
     /** Current index in list */
     index: number;
-    /** Total number of items in the list */
-    totalItems: number;
     /** Whether drag is enabled for this item */
     enabled: boolean;
     /** Ref to measure item container */

package/lib/types/drag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drag.d.ts","sourceRoot":"","sources":["../../src/types/drag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAEpD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,+BAA+B;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,8DAA8D;IAC9D,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sDAAsD;IACtD,aAAa,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,YAAY,EAAE,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;CAC1C;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,KAAK,IAAI,CAAC;CACvD;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,+CAA+C;IAC/C,UAAU,EAAE,WAAW,CAAC;IACxB,mDAAmD;IACnD,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC,sCAAsC;IACtC,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,iDAAiD;IACjD,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,yDAAyD;IACzD,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,sEAAsE;IACtE,iBAAiB,EAAE,UAAU,CAAC,cAAc,yBAAyB,EAAE,gBAAgB,CAAC,CAAC;CAC1F"}
+{"version":3,"file":"drag.d.ts","sourceRoot":"","sources":["../../src/types/drag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAEpD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,+BAA+B;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,8DAA8D;IAC9D,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sDAAsD;IACtD,aAAa,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,YAAY,EAAE,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;CAC1C;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,KAAK,IAAI,CAAC;CACvD;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,+CAA+C;IAC/C,UAAU,EAAE,WAAW,CAAC;IACxB,mDAAmD;IACnD,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC,sCAAsC;IACtC,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,iDAAiD;IACjD,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,yDAAyD;IACzD,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,sEAAsE;IACtE,iBAAiB,EAAE,UAAU,CAAC,cAAc,yBAAyB,EAAE,gBAAgB,CAAC,CAAC;CAC1F"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@souscheflabs/reanimated-flashlist",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "A high-performance animated FlashList with drag-to-reorder and entry/exit animations (New Architecture)",
   "main": "lib/index.js",
   "module": "lib/index.js",

package/src/AnimatedFlashList.tsx

@@ -112,7 +112,7 @@ function InnerFlashList<T extends AnimatedListItem>({
   showsVerticalScrollIndicator = true,
 }: InnerFlashListProps<T>): React.ReactElement {
   // Get drag state context for scroll tracking
-  const { scrollOffset, contentHeight, visibleHeight, listTopY, setListRef } =
+  const { scrollOffset, contentHeight, visibleHeight, listTopY, setListRef, totalItems } =
     useDragState();
 
   // Register FlashList ref with drag context for autoscroll
@@ -122,6 +122,11 @@ function InnerFlashList<T extends AnimatedListItem>({
     return () => setListRef(null);
   }, [setListRef, flashListRef]);
 
+  // Sync totalItems SharedValue with data.length for worklet access
+  useEffect(() => {
+    totalItems.value = data.length;
+  }, [data.length, totalItems]);
+
   // Update scroll offset on scroll
   const handleScroll = useCallback(
     (event: NativeSyntheticEvent<NativeScrollEvent>) => {
@@ -285,17 +290,11 @@ function AnimatedFlashListInner<T extends AnimatedListItem>(
   // Merge config with defaults
   // Use estimatedItemSize as default itemHeight if not explicitly configured
   const dragConfig = useMemo(
-    () => {
-      const mergedConfig = {
-        ...DEFAULT_DRAG_CONFIG,
-        ...config?.drag,
-        itemHeight: config?.drag?.itemHeight ?? estimatedItemSize ?? DEFAULT_DRAG_CONFIG.itemHeight,
-      };
-      if (__DEV__) {
-        console.log(`[AnimatedFlashList] dragConfig.itemHeight=${mergedConfig.itemHeight}, estimatedItemSize=${estimatedItemSize}, config.drag?.itemHeight=${config?.drag?.itemHeight}`);
-      }
-      return mergedConfig;
-    },
+    () => ({
+      ...DEFAULT_DRAG_CONFIG,
+      ...config?.drag,
+      itemHeight: config?.drag?.itemHeight ?? estimatedItemSize ?? DEFAULT_DRAG_CONFIG.itemHeight,
+    }),
     [config?.drag, estimatedItemSize],
   );
 

package/src/AnimatedFlashListItem.tsx

@@ -53,11 +53,6 @@ function AnimatedFlashListItemInner<T extends AnimatedListItem>({
   onReorderByDelta,
   onHapticFeedback,
 }: AnimatedFlashListItemProps<T>): React.ReactElement | null {
-  // DEBUG: Log renders
-  if (__DEV__) {
-    console.log(`[AnimatedFlashListItem] RENDER ${item.id} at index=${index}`);
-  }
-
   // Register this item's index in the central registry
   // This handles FlashList's recycling behavior where components may not re-render
   // after data changes, leaving their index props stale
@@ -82,11 +77,11 @@ function AnimatedFlashListItemInner<T extends AnimatedListItem>({
   // === DRAG HOOKS ===
 
   // Pan gesture for drag-to-reorder
+  // Note: totalItems is now accessed via SharedValue from DragStateContext
   const { panGesture, isDragging, translateY } = useDragGesture(
     {
       itemId: item.id,
       index,
-      totalItems,
       enabled: isDragEnabled,
       containerRef,
     },

package/src/contexts/DragStateContext.tsx

@@ -123,6 +123,8 @@ export interface DragStateContextValue {
    * Call this from handleDragEnd after onEnd updates the registry.
    */
   markRegistryUpdated: () => void;
+  /** Total number of items in the list (synced from data.length) */
+  totalItems: SharedValue<number>;
 }
 
 const DragStateContext = createContext<DragStateContextValue | null>(null);
@@ -236,6 +238,9 @@ export const DragStateProvider: React.FC<DragStateProviderProps> = ({
   // Snapshot of registry taken at drag start for consistent index lookup during drag
   const dragStartIndexSnapshot = useSharedValue<Record<string, number>>({});
 
+  // Total number of items in the list (synced from data.length by InnerFlashList)
+  const totalItems = useSharedValue(0);
+
   // Timestamp when registry was last updated by onEnd (for protecting against stale overwrites)
   const registryUpdateTimestamp = useRef<number>(0);
 
@@ -393,6 +398,7 @@ export const DragStateProvider: React.FC<DragStateProviderProps> = ({
       snapshotRegistryForDrag,
       applyReorderToRegistry,
       markRegistryUpdated,
+      totalItems,
     }),
     [
       isDragging,
@@ -419,6 +425,7 @@ export const DragStateProvider: React.FC<DragStateProviderProps> = ({
       snapshotRegistryForDrag,
       applyReorderToRegistry,
       markRegistryUpdated,
+      totalItems,
     ],
   );
 

package/src/hooks/drag/useDragGesture.ts

@@ -55,7 +55,7 @@ export function useDragGesture(
   config: UseDragGestureConfig,
   callbacks: UseDragGestureCallbacks,
 ): UseDragGestureResult {
-  const { itemId, index, totalItems, enabled, containerRef } = config;
+  const { itemId, index, enabled, containerRef } = config;
   const { onReorderByDelta, onHapticFeedback } = callbacks;
 
   // Dev-only guard to warn once if measurement is missing
@@ -86,6 +86,7 @@ export function useDragGesture(
     dragStartIndexSnapshot,
     dragSequence,
     markRegistryUpdated,
+    totalItems,
   } = useDragState();
 
   // Performance optimization: Track last significant Y position and scroll time
@@ -131,15 +132,14 @@ export function useDragGesture(
   }, [index, currentIndex]);
 
   // Store current values in refs for stable gesture callbacks
+  // Note: totalItems is now a SharedValue from context, accessed directly in worklets
   const dragContextRef = useRef({
-    totalItems,
     itemId,
     onReorderByDelta,
   });
 
   // Keep ref in sync with current values
   dragContextRef.current = {
-    totalItems,
     itemId,
     onReorderByDelta,
   };
@@ -148,10 +148,10 @@ export function useDragGesture(
   const handleDragEnd = useCallback(
     (finalTranslateY: number) => {
       const {
-        totalItems: total,
         itemId: currentItemId,
         onReorderByDelta: reorder,
       } = dragContextRef.current;
+      const total = totalItems.value;
 
       // Use draggedIndex from context, which was set in onStart using the registry
       // This handles FlashList's recycling where closure-captured index may be stale
@@ -266,6 +266,7 @@ export function useDragGesture(
       onHapticFeedback,
       dragSequence,
       markRegistryUpdated,
+      totalItems,
     ],
   );
 
@@ -416,7 +417,7 @@ export function useDragGesture(
           // runs on the JS thread, which would cause the new drag's snapshot to have
           // stale indices.
           const currentIdx = draggedIndex.value;
-          const total = dragContextRef.current.totalItems;
+          const total = totalItems.value;
           // Use measured item height for accurate position calculations
           // Fall back to config height if measurement failed or not yet available
           const itemHeight =
@@ -491,6 +492,7 @@ export function useDragGesture(
       itemId,
       dragStartIndexSnapshot,
       itemIndexRegistry,
+      totalItems,
     ],
   );
 

package/src/hooks/drag/useDropCompensation.ts

@@ -110,11 +110,6 @@ export function useDropCompensation(config: UseDropCompensationConfig): void {
           translateY.value = 0;
         } else {
           // Normal index change (not during drop): apply compensation
-          if (__DEV__) {
-            console.log(
-              "[DROP-COMP] Non-dragged normal index change - compensating",
-            );
-          }
           translateY.value = withTiming(compensatedY, {
             duration: ANIMATION_TIMING.COMPENSATION_DURATION,
             easing: Easing.out(Easing.ease),

package/src/types/drag.ts

@@ -30,8 +30,6 @@ export interface UseDragGestureConfig {
   itemId: string;
   /** Current index in list */
   index: number;
-  /** Total number of items in the list */
-  totalItems: number;
   /** Whether drag is enabled for this item */
   enabled: boolean;
   /** Ref to measure item container */