react-native-reorderable-list 0.7.1 → 0.9.0

package/lib/module/components/ReorderableList.js

@@ -4,18 +4,16 @@ import { ReorderableListCore } from './ReorderableListCore';
 const ReorderableListWithRef = ({
   scrollEnabled = true,
   ...rest
-}, ref) => {
-  return /*#__PURE__*/React.createElement(ReorderableListCore, _extends({}, rest, {
-    ref: ref,
-    scrollEnabled: scrollEnabled,
-    initialScrollViewScrollEnabled: true,
-    scrollable: true,
-    scrollViewContainerRef: undefined,
-    scrollViewScrollOffsetY: undefined,
-    scrollViewHeightY: undefined,
-    outerScrollGesture: undefined,
-    scrollViewScrollEnabled: undefined
-  }));
-};
+}, ref) => /*#__PURE__*/React.createElement(ReorderableListCore, _extends({}, rest, {
+  ref: ref,
+  scrollEnabled: scrollEnabled,
+  initialScrollViewScrollEnabled: true,
+  scrollable: true,
+  scrollViewContainerRef: undefined,
+  scrollViewScrollOffsetY: undefined,
+  scrollViewHeightY: undefined,
+  outerScrollGesture: undefined,
+  scrollViewScrollEnabled: undefined
+}));
 export const ReorderableList = /*#__PURE__*/forwardRef(ReorderableListWithRef);
 //# sourceMappingURL=ReorderableList.js.map

package/lib/module/components/ReorderableList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","ReorderableListCore","ReorderableListWithRef","scrollEnabled","rest","ref","createElement","_extends","initialScrollViewScrollEnabled","scrollable","scrollViewContainerRef","undefined","scrollViewScrollOffsetY","scrollViewHeightY","outerScrollGesture","scrollViewScrollEnabled","ReorderableList"],"sourceRoot":"../../../src","sources":["components/ReorderableList.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,UAAU,QAAO,OAAO;AAGvC,SAAQC,mBAAmB,QAAO,uBAAuB;AAGzD,MAAMC,sBAAsB,GAAGA,CAC7B;EAACC,aAAa,GAAG,IAAI;EAAE,GAAGC;AAA6B,CAAC,EACxDC,GAA2B,KACxB;EACH,oBACEN,KAAA,CAAAO,aAAA,CAACL,mBAAmB,EAAAM,QAAA,KACdH,IAAI;IACRC,GAAG,EAAEA,GAAI;IACTF,aAAa,EAAEA,aAAc;IAC7BK,8BAA8B,EAAE,IAAK;IACrCC,UAAU,EAAE,IAAK;IACjBC,sBAAsB,EAAEC,SAAU;IAClCC,uBAAuB,EAAED,SAAU;IACnCE,iBAAiB,EAAEF,SAAU;IAC7BG,kBAAkB,EAAEH,SAAU;IAC9BI,uBAAuB,EAAEJ;EAAU,EACpC,CAAC;AAEN,CAAC;AAED,OAAO,MAAMK,eAAe,gBAAGhB,UAAU,CAACE,sBAAsB,CAEhD","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","ReorderableListCore","ReorderableListWithRef","scrollEnabled","rest","ref","createElement","_extends","initialScrollViewScrollEnabled","scrollable","scrollViewContainerRef","undefined","scrollViewScrollOffsetY","scrollViewHeightY","outerScrollGesture","scrollViewScrollEnabled","ReorderableList"],"sourceRoot":"../../../src","sources":["components/ReorderableList.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,UAAU,QAAO,OAAO;AAGvC,SAAQC,mBAAmB,QAAO,uBAAuB;AAGzD,MAAMC,sBAAsB,GAAGA,CAC7B;EAACC,aAAa,GAAG,IAAI;EAAE,GAAGC;AAA6B,CAAC,EACxDC,GAA2B,kBAE3BN,KAAA,CAAAO,aAAA,CAACL,mBAAmB,EAAAM,QAAA,KACdH,IAAI;EACRC,GAAG,EAAEA,GAAI;EACTF,aAAa,EAAEA,aAAc;EAC7BK,8BAA8B,EAAE,IAAK;EACrCC,UAAU,EAAE,IAAK;EACjBC,sBAAsB,EAAEC,SAAU;EAClCC,uBAAuB,EAAED,SAAU;EACnCE,iBAAiB,EAAEF,SAAU;EAC7BG,kBAAkB,EAAEH,SAAU;EAC9BI,uBAAuB,EAAEJ;AAAU,EACpC,CACF;AAED,OAAO,MAAMK,eAAe,gBAAGhB,UAAU,CAACE,sBAAsB,CAEhD","ignoreList":[]}

package/lib/module/components/ReorderableListCell.js

@@ -1,5 +1,5 @@
 import React, { memo, useCallback, useMemo } from 'react';
-import Animated, { Easing, runOnUI, useAnimatedReaction, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import Animated, { Easing, runOnUI, useAnimatedReaction, useAnimatedStyle, useDerivedValue, useSharedValue, withTiming } from 'react-native-reanimated';
 import { ReorderableCellContext, ReorderableListContext } from '../contexts';
 import { useContext } from '../hooks';
 export const ReorderableListCell = /*#__PURE__*/memo(({
@@ -13,57 +13,70 @@ export const ReorderableListCell = /*#__PURE__*/memo(({
   draggedIndex,
   animationDuration
 }) => {
-  const dragHandler = useCallback(() => {
-    'worklet';
-
-    startDrag(index);
-  }, [startDrag, index]);
-  const contextValue = useMemo(() => ({
-    index,
-    dragHandler,
-    draggedIndex
-  }), [index, dragHandler, draggedIndex]);
   const {
     currentIndex,
-    draggedHeight
+    draggedHeight,
+    scale,
+    opacity,
+    activeIndex
   } = useContext(ReorderableListContext);
-  const itemZIndex = useSharedValue(0);
-  const itemPositionY = useSharedValue(0);
-  const itemDragY = useSharedValue(0);
-  const itemIndex = useSharedValue(index);
+  const dragHandler = useCallback(() => runOnUI(startDrag)(index), [startDrag, index]);
+  const isActive = activeIndex === index;
+  const contextValue = useMemo(() => ({
+    index,
+    dragHandler,
+    draggedIndex,
+    isActive
+  }), [index, dragHandler, draggedIndex, isActive]);
+
+  // Keep separate animated reactions that update itemTranslateY
+  // otherwise animations might stutter if multiple are triggered
+  // (even in other cells, e.g. released item and reordering cells)
+  const itemTranslateY = useSharedValue(0);
+  const isActiveCell = useDerivedValue(() => draggedIndex.value === index);
   useAnimatedReaction(() => dragY.value, () => {
-    if (itemIndex.value === draggedIndex.value && currentIndex.value >= 0 && draggedIndex.value >= 0) {
-      itemDragY.value = dragY.value;
+    if (index === draggedIndex.value && currentIndex.value >= 0 && draggedIndex.value >= 0) {
+      itemTranslateY.value = dragY.value;
     }
   });
   useAnimatedReaction(() => currentIndex.value, () => {
-    if (itemIndex.value !== draggedIndex.value && currentIndex.value >= 0 && draggedIndex.value >= 0) {
+    if (index !== draggedIndex.value && currentIndex.value >= 0 && draggedIndex.value >= 0) {
       const moveDown = currentIndex.value > draggedIndex.value;
       const startMove = Math.min(draggedIndex.value, currentIndex.value);
       const endMove = Math.max(draggedIndex.value, currentIndex.value);
       let newValue = 0;
-      if (itemIndex.value >= startMove && itemIndex.value <= endMove) {
+      if (index >= startMove && index <= endMove) {
         newValue = moveDown ? -draggedHeight.value : draggedHeight.value;
       }
-      if (newValue !== itemPositionY.value) {
-        itemPositionY.value = withTiming(newValue, {
+      if (newValue !== itemTranslateY.value) {
+        itemTranslateY.value = withTiming(newValue, {
           duration: animationDuration.value,
           easing: Easing.out(Easing.ease)
         });
       }
     }
   });
-  useAnimatedReaction(() => draggedIndex.value === index, newValue => {
-    itemZIndex.value = newValue ? 999 : 0;
+  const animatedStyle = useAnimatedStyle(() => {
+    if (isActiveCell.value) {
+      return {
+        transform: [{
+          translateY: itemTranslateY.value
+        }, {
+          scale: scale.value
+        }],
+        opacity: opacity.value,
+        zIndex: 999
+      };
+    }
+    return {
+      transform: [{
+        translateY: itemTranslateY.value
+      }],
+      // TODO: move to stylesheet when this is fixed
+      // https://github.com/software-mansion/react-native-reanimated/issues/6681#issuecomment-2514228447
+      zIndex: 0
+    };
   });
-  const animatedStyle = useAnimatedStyle(() => ({
-    zIndex: itemZIndex.value,
-    transform: [{
-      translateY: itemDragY.value
-    }, {
-      translateY: itemPositionY.value
-    }]
-  }));
   const handleLayout = e => {
     runOnUI((y, height) => {
       itemOffset.value[index] = y;

package/lib/module/components/ReorderableListCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useCallback","useMemo","Animated","Easing","runOnUI","useAnimatedReaction","useAnimatedStyle","useSharedValue","withTiming","ReorderableCellContext","ReorderableListContext","useContext","ReorderableListCell","index","startDrag","children","onLayout","itemOffset","itemHeight","dragY","draggedIndex","animationDuration","dragHandler","contextValue","currentIndex","draggedHeight","itemZIndex","itemPositionY","itemDragY","itemIndex","value","moveDown","startMove","Math","min","endMove","max","newValue","duration","easing","out","ease","animatedStyle","zIndex","transform","translateY","handleLayout","e","y","height","nativeEvent","layout","createElement","Provider","View","style"],"sourceRoot":"../../../src","sources":["components/ReorderableListCell.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useCallback","useMemo","Animated","Easing","runOnUI","useAnimatedReaction","useAnimatedStyle","useDerivedValue","useSharedValue","withTiming","ReorderableCellContext","ReorderableListContext","useContext","ReorderableListCell","index","startDrag","children","onLayout","itemOffset","itemHeight","dragY","draggedIndex","animationDuration","currentIndex","draggedHeight","scale","opacity","activeIndex","dragHandler","isActive","contextValue","itemTranslateY","isActiveCell","value","moveDown","startMove","Math","min","endMove","max","newValue","duration","easing","out","ease","animatedStyle","transform","translateY","zIndex","handleLayout","e","y","height","nativeEvent","layout","createElement","Provider","View","style"],"sourceRoot":"../../../src","sources":["components/ReorderableListCell.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ReorderableListCore/ReorderableListCore.js

@@ -2,14 +2,13 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import React, { useCallback, useMemo } from 'react';
 import { FlatList, Platform } from 'react-native';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import Animated from 'react-native-reanimated';
-import { AUTOSCROLL_CONFIG } from './constants';
+import Animated, { useComposedEventHandler } from 'react-native-reanimated';
+import { AUTOSCROLL_CONFIG } from './autoscrollConfig';
 import { useReorderableListCore } from './useReorderableListCore';
 import { ReorderableListContext } from '../../contexts';
 import { ReorderableListCell } from '../ReorderableListCell';
 const AnimatedFlatList = Animated.createAnimatedComponent(FlatList);
 const ReorderableListCore = ({
-  data,
   autoscrollThreshold = 0.1,
   autoscrollSpeedScale = 1,
   autoscrollDelay = AUTOSCROLL_CONFIG.delay,
@@ -18,17 +17,19 @@ const ReorderableListCore = ({
   onLayout,
   onReorder,
   onScroll,
+  onDragStart,
   onDragEnd,
-  keyExtractor,
-  extraData,
   scrollViewContainerRef,
   scrollViewHeightY,
   scrollViewScrollOffsetY,
   scrollViewScrollEnabled,
-  scrollEnabled,
   initialScrollViewScrollEnabled,
   scrollable,
   outerScrollGesture,
+  cellAnimations,
+  shouldUpdateActiveItem,
+  panEnabled = true,
+  panActivateAfterLongPress,
   ...rest
 }, ref) => {
   const {
@@ -52,7 +53,7 @@ const ReorderableListCore = ({
     dragReorderThreshold,
     onLayout,
     onReorder,
-    onScroll,
+    onDragStart,
     onDragEnd,
     scrollViewContainerRef,
     scrollViewHeightY,
@@ -60,9 +61,13 @@ const ReorderableListCore = ({
     scrollViewScrollEnabled,
     // flatlist will default to true if we pass explicitly undefined,
     // but internally we would treat it as false, so we force true
-    initialScrollEnabled: typeof scrollEnabled === 'undefined' ? true : scrollEnabled,
+    initialScrollEnabled: typeof rest.scrollEnabled === 'undefined' ? true : rest.scrollEnabled,
     initialScrollViewScrollEnabled: typeof initialScrollViewScrollEnabled === 'undefined' ? true : initialScrollViewScrollEnabled,
-    nestedScrollable: scrollable
+    nestedScrollable: scrollable,
+    cellAnimations,
+    shouldUpdateActiveItem,
+    panEnabled,
+    panActivateAfterLongPress
   });
   const combinedGesture = useMemo(() => {
     // android is able to handle nested scroll view, but not the full height ones like iOS
@@ -71,6 +76,7 @@ const ReorderableListCore = ({
     }
     return gestureHandler;
   }, [scrollable, outerScrollGesture, gestureHandler]);
+  const composedScrollHandler = useComposedEventHandler([handleScroll, onScroll || null]);
   const renderAnimatedCell = useCallback(({
     cellKey,
     ...props
@@ -90,17 +96,13 @@ const ReorderableListCore = ({
     gesture: combinedGesture
   }, /*#__PURE__*/React.createElement(AnimatedFlatList, _extends({}, rest, {
     ref: handleRef,
-    data: data,
     CellRendererComponent: renderAnimatedCell,
     onLayout: handleFlatListLayout,
-    onScroll: handleScroll,
+    onScroll: composedScrollHandler,
     scrollEventThrottle: 1,
     horizontal: false,
     removeClippedSubviews: false,
-    keyExtractor: keyExtractor,
-    extraData: extraData,
-    numColumns: 1,
-    scrollEnabled: scrollEnabled
+    numColumns: 1
   }))));
 };
 const MemoizedReorderableListCore = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(ReorderableListCore));

package/lib/module/components/ReorderableListCore/ReorderableListCore.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","FlatList","Platform","Gesture","GestureDetector","Animated","AUTOSCROLL_CONFIG","useReorderableListCore","ReorderableListContext","ReorderableListCell","AnimatedFlatList","createAnimatedComponent","ReorderableListCore","data","autoscrollThreshold","autoscrollSpeedScale","autoscrollDelay","delay","animationDuration","dragReorderThreshold","onLayout","onReorder","onScroll","onDragEnd","keyExtractor","extraData","scrollViewContainerRef","scrollViewHeightY","scrollViewScrollOffsetY","scrollViewScrollEnabled","scrollEnabled","initialScrollViewScrollEnabled","scrollable","outerScrollGesture","rest","ref","gestureHandler","handleScroll","handleFlatListLayout","handleRef","startDrag","listContextValue","itemOffset","itemHeight","dragY","draggedIndex","duration","initialScrollEnabled","nestedScrollable","combinedGesture","OS","Simultaneous","renderAnimatedCell","cellKey","props","createElement","_extends","key","index","Provider","value","gesture","CellRendererComponent","scrollEventThrottle","horizontal","removeClippedSubviews","numColumns","MemoizedReorderableListCore","memo","forwardRef"],"sourceRoot":"../../../../src","sources":["components/ReorderableListCore/ReorderableListCore.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","FlatList","Platform","Gesture","GestureDetector","Animated","useComposedEventHandler","AUTOSCROLL_CONFIG","useReorderableListCore","ReorderableListContext","ReorderableListCell","AnimatedFlatList","createAnimatedComponent","ReorderableListCore","autoscrollThreshold","autoscrollSpeedScale","autoscrollDelay","delay","animationDuration","dragReorderThreshold","onLayout","onReorder","onScroll","onDragStart","onDragEnd","scrollViewContainerRef","scrollViewHeightY","scrollViewScrollOffsetY","scrollViewScrollEnabled","initialScrollViewScrollEnabled","scrollable","outerScrollGesture","cellAnimations","shouldUpdateActiveItem","panEnabled","panActivateAfterLongPress","rest","ref","gestureHandler","handleScroll","handleFlatListLayout","handleRef","startDrag","listContextValue","itemOffset","itemHeight","dragY","draggedIndex","duration","initialScrollEnabled","scrollEnabled","nestedScrollable","combinedGesture","OS","Simultaneous","composedScrollHandler","renderAnimatedCell","cellKey","props","createElement","_extends","key","index","Provider","value","gesture","CellRendererComponent","scrollEventThrottle","horizontal","removeClippedSubviews","numColumns","MemoizedReorderableListCore","memo","forwardRef"],"sourceRoot":"../../../../src","sources":["components/ReorderableListCore/ReorderableListCore.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ReorderableListCore/animationDefaults.js

@@ -0,0 +1,28 @@
+import { Easing } from 'react-native-reanimated';
+const DURATION_START = 150;
+const DURATION_END = 200;
+export const SCALE_ANIMATION_CONFIG_DEFAULT = {
+  start: {
+    toValue: 1.025,
+    easing: Easing.in(Easing.ease),
+    duration: DURATION_START
+  },
+  end: {
+    toValue: 1,
+    easing: Easing.out(Easing.ease),
+    duration: DURATION_END
+  }
+};
+export const OPACITY_ANIMATION_CONFIG_DEFAULT = {
+  start: {
+    toValue: 0.75,
+    easing: Easing.in(Easing.ease),
+    duration: DURATION_START
+  },
+  end: {
+    toValue: 1,
+    easing: Easing.out(Easing.ease),
+    duration: DURATION_END
+  }
+};
+//# sourceMappingURL=animationDefaults.js.map

package/lib/module/components/ReorderableListCore/animationDefaults.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Easing","DURATION_START","DURATION_END","SCALE_ANIMATION_CONFIG_DEFAULT","start","toValue","easing","in","ease","duration","end","out","OPACITY_ANIMATION_CONFIG_DEFAULT"],"sourceRoot":"../../../../src","sources":["components/ReorderableListCore/animationDefaults.ts"],"mappings":"AAAA,SAAQA,MAAM,QAAyB,yBAAyB;AAEhE,MAAMC,cAAc,GAAG,GAAG;AAC1B,MAAMC,YAAY,GAAG,GAAG;AAOxB,OAAO,MAAMC,8BAA+C,GAAG;EAC7DC,KAAK,EAAE;IACLC,OAAO,EAAE,KAAK;IACdC,MAAM,EAAEN,MAAM,CAACO,EAAE,CAACP,MAAM,CAACQ,IAAI,CAAC;IAC9BC,QAAQ,EAAER;EACZ,CAAC;EACDS,GAAG,EAAE;IACHL,OAAO,EAAE,CAAC;IACVC,MAAM,EAAEN,MAAM,CAACW,GAAG,CAACX,MAAM,CAACQ,IAAI,CAAC;IAC/BC,QAAQ,EAAEP;EACZ;AACF,CAAC;AAED,OAAO,MAAMU,gCAAiD,GAAG;EAC/DR,KAAK,EAAE;IACLC,OAAO,EAAE,IAAI;IACbC,MAAM,EAAEN,MAAM,CAACO,EAAE,CAACP,MAAM,CAACQ,IAAI,CAAC;IAC9BC,QAAQ,EAAER;EACZ,CAAC;EACDS,GAAG,EAAE;IACHL,OAAO,EAAE,CAAC;IACVC,MAAM,EAAEN,MAAM,CAACW,GAAG,CAACX,MAAM,CAACQ,IAAI,CAAC;IAC/BC,QAAQ,EAAEP;EACZ;AACF,CAAC","ignoreList":[]}

package/lib/module/components/ReorderableListCore/{constants.js → autoscrollConfig.js}

@@ -22,4 +22,4 @@ export const AUTOSCROLL_CONFIG = Platform.select({
   windows: IOS_CONFIG,
   native: IOS_CONFIG
 });
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=autoscrollConfig.js.map

package/lib/module/components/ReorderableListCore/autoscrollConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","IOS_CONFIG","delay","increment","ANDROID_FABRIC_CONFIG","ANDROID_PAPER_CONFIG","IS_FABRIC","global","AUTOSCROLL_CONFIG","select","android","ios","web","macos","windows","native"],"sourceRoot":"../../../../src","sources":["components/ReorderableListCore/autoscrollConfig.ts"],"mappings":"AAAA,SAAQA,QAAQ,QAAO,cAAc;AAErC,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAE,EAAE;EACTC,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,qBAAqB,GAAG;EAC5BF,KAAK,EAAE,EAAE;EACTC,SAAS,EAAE;AACb,CAAC;AAED,MAAME,oBAAoB,GAAG;EAC3BH,KAAK,EAAE,EAAE;EACTC,SAAS,EAAE;AACb,CAAC;AAED,OAAO,MAAMG,SAAS,GACpBC,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAI,uBAAuB,IAAIA,MAAM;AAE3E,OAAO,MAAMC,iBAAiB,GAAGR,QAAQ,CAACS,MAAM,CAAC;EAC/C;EACAC,OAAO,EAAEJ,SAAS,GAAGF,qBAAqB,GAAGC,oBAAoB;EACjEM,GAAG,EAAEV,UAAU;EAEf;EACAW,GAAG,EAAEX,UAAU;EACfY,KAAK,EAAEZ,UAAU;EACjBa,OAAO,EAAEb,UAAU;EACnBc,MAAM,EAAEd;AACV,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/ReorderableListCore/useReorderableListCore.js

@@ -1,8 +1,9 @@
-import React, { useCallback, useEffect, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { unstable_batchedUpdates } from 'react-native';
 import { Gesture, State } from 'react-native-gesture-handler';
 import { Easing, runOnJS, runOnUI, scrollTo, useAnimatedReaction, useAnimatedRef, useAnimatedScrollHandler, useSharedValue, withDelay, withTiming } from 'react-native-reanimated';
-import { AUTOSCROLL_CONFIG } from './constants';
+import { OPACITY_ANIMATION_CONFIG_DEFAULT, SCALE_ANIMATION_CONFIG_DEFAULT } from './animationDefaults';
+import { AUTOSCROLL_CONFIG } from './autoscrollConfig';
 import { ReorderableListState } from '../../types';
 const version = React.version.split('.');
 const hasAutomaticBatching = version.length ? parseInt(version[0], 10) >= 18 : false;
@@ -14,8 +15,8 @@ export const useReorderableListCore = ({
   animationDuration,
   dragReorderThreshold,
   onReorder,
+  onDragStart,
   onDragEnd,
-  onScroll,
   onLayout,
   scrollViewContainerRef,
   scrollViewHeightY,
@@ -23,9 +24,14 @@ export const useReorderableListCore = ({
   scrollViewScrollEnabled,
   initialScrollEnabled,
   initialScrollViewScrollEnabled,
-  nestedScrollable
+  nestedScrollable,
+  cellAnimations,
+  shouldUpdateActiveItem,
+  panActivateAfterLongPress,
+  panEnabled
 }) => {
   const flatListRef = useAnimatedRef();
+  const [activeIndex, setActiveIndex] = useState(-1);
   const scrollEnabled = useSharedValue(initialScrollEnabled);
   const gestureState = useSharedValue(State.UNDETERMINED);
   const currentY = useSharedValue(0);
@@ -52,6 +58,12 @@ export const useReorderableListCore = ({
   const dragEndHandlers = useSharedValue([]);
   const startY = useSharedValue(0);
   const duration = useSharedValue(animationDuration);
+  const scaleDefault = useSharedValue(1);
+  const opacityDefault = useSharedValue(1);
+  const {
+    scale,
+    opacity
+  } = cellAnimations || {};
   useEffect(() => {
     duration.value = animationDuration;
   }, [duration, animationDuration]);
@@ -59,30 +71,38 @@ export const useReorderableListCore = ({
     draggedHeight,
     currentIndex,
     draggedIndex,
-    dragEndHandlers
-  }), [draggedHeight, currentIndex, draggedIndex, dragEndHandlers]);
+    dragEndHandlers,
+    activeIndex,
+    scale: scale || scaleDefault,
+    opacity: opacity || opacityDefault
+  }), [draggedHeight, currentIndex, draggedIndex, dragEndHandlers, activeIndex, scale, scaleDefault, opacity, opacityDefault]);
   const panGestureHandler = useMemo(() => Gesture.Pan().onBegin(e => {
     // prevent new dragging until item is completely released
     if (state.value === ReorderableListState.IDLE) {
       startY.value = e.y;
       currentY.value = e.y;
       currentTranslationY.value = e.translationY;
-      if (draggedIndex.value >= 0) {
-        dragY.value = e.translationY;
-      }
+      dragY.value = e.translationY;
       gestureState.value = e.state;
     }
   }).onUpdate(e => {
-    if (state.value !== ReorderableListState.RELEASING) {
+    if (state.value !== ReorderableListState.RELEASED) {
       currentY.value = startY.value + e.translationY;
       currentTranslationY.value = e.translationY;
-      if (draggedIndex.value >= 0) {
-        dragY.value = e.translationY + dragScrollTranslationY.value + scrollViewDragScrollTranslationY.value;
-      }
+      dragY.value = e.translationY + dragScrollTranslationY.value + scrollViewDragScrollTranslationY.value;
       gestureState.value = e.state;
     }
-  }).onEnd(e => gestureState.value = e.state).onFinalize(e => gestureState.value = e.state), [currentTranslationY, currentY, dragScrollTranslationY, scrollViewDragScrollTranslationY, draggedIndex, gestureState, dragY, startY, state]);
-  const gestureHandler = useMemo(() => Gesture.Simultaneous(Gesture.Native(), panGestureHandler), [panGestureHandler]);
+  }).onEnd(e => gestureState.value = e.state).onFinalize(e => gestureState.value = e.state), [currentTranslationY, currentY, dragScrollTranslationY, scrollViewDragScrollTranslationY, gestureState, dragY, startY, state]);
+  const panGestureHandlerWithOptions = useMemo(() => {
+    if (typeof panActivateAfterLongPress === 'number') {
+      panGestureHandler.activateAfterLongPress(panActivateAfterLongPress);
+    }
+    if (!panEnabled) {
+      panGestureHandler.enabled(panEnabled);
+    }
+    return panGestureHandler;
+  }, [panActivateAfterLongPress, panEnabled, panGestureHandler]);
+  const gestureHandler = useMemo(() => Gesture.Simultaneous(Gesture.Native(), panGestureHandlerWithOptions), [panGestureHandlerWithOptions]);
   const setScrollEnabled = useCallback(enabled => {
     // if scroll is enabled on list props then we can toggle it
     if (initialScrollEnabled) {
@@ -103,14 +123,15 @@ export const useReorderableListCore = ({
   const resetSharedValues = useCallback(() => {
     'worklet';
 
-    // current index is reset on item render for the on end event
-    draggedIndex.value = -1;
-    // released flag is reset after release is triggered in the item
     state.value = ReorderableListState.IDLE;
+    draggedIndex.value = -1;
     dragY.value = 0;
     dragScrollTranslationY.value = 0;
     scrollViewDragScrollTranslationY.value = 0;
-  }, [dragY, dragScrollTranslationY, scrollViewDragScrollTranslationY, draggedIndex, state]);
+  }, [draggedIndex, dragY, dragScrollTranslationY, scrollViewDragScrollTranslationY, state]);
+  const resetSharedValuesAfterAnimations = useCallback(() => {
+    setTimeout(runOnUI(resetSharedValues), duration.value);
+  }, [resetSharedValues, duration]);
   const reorder = (fromIndex, toIndex) => {
     runOnUI(resetSharedValues)();
     if (fromIndex !== toIndex) {
@@ -180,12 +201,31 @@ export const useReorderableListCore = ({
       currentIndex.value = newIndex;
     }
   }, [currentIndex, previousIndex, previousDirection, previousY, itemOffset, itemHeight, getIndexFromY]);
+  const runDefaultDragAnimations = useCallback(type => {
+    'worklet';
+
+    // if animation is not disabled and not custom run the default
+    if (scale !== false && !scale) {
+      const scaleConfig = SCALE_ANIMATION_CONFIG_DEFAULT[type];
+      scaleDefault.value = withTiming(scaleConfig.toValue, scaleConfig);
+    }
+
+    // if animation is not disabled and not custom run the default
+    if (opacity !== false && !opacity) {
+      const opacityConfig = OPACITY_ANIMATION_CONFIG_DEFAULT[type];
+      opacityDefault.value = withTiming(opacityConfig.toValue, opacityConfig);
+    }
+  }, [scale, scaleDefault, opacity, opacityDefault]);
   useAnimatedReaction(() => gestureState.value, () => {
-    if (gestureState.value !== State.ACTIVE && gestureState.value !== State.BEGAN && (state.value === ReorderableListState.DRAGGING || state.value === ReorderableListState.AUTO_SCROLL)) {
-      state.value = ReorderableListState.RELEASING;
+    if (gestureState.value !== State.ACTIVE && gestureState.value !== State.BEGAN && (state.value === ReorderableListState.DRAGGED || state.value === ReorderableListState.AUTOSCROLL)) {
+      state.value = ReorderableListState.RELEASED;
 
       // enable back scroll on releasing
       runOnJS(setScrollEnabled)(true);
+      if (shouldUpdateActiveItem) {
+        runOnJS(setActiveIndex)(-1);
+      }
+
       // trigger onDragEnd event
       let e = {
         from: draggedIndex.value,
@@ -203,6 +243,7 @@ export const useReorderableListCore = ({
       const draggedItemOffset = itemOffset.value[currentIndex.value];
       const draggedItemHeight = itemHeight.value[currentIndex.value];
       const newTopPosition = currentIndex.value > draggedIndex.value ? draggedItemOffset - currentItemOffset : draggedItemOffset - currentItemOffset + (draggedItemHeight - currentItemHeight);
+      runDefaultDragAnimations('end');
       if (dragY.value !== newTopPosition) {
         // animate dragged item to its new position on release
         dragY.value = withTiming(newTopPosition, {
@@ -215,7 +256,7 @@ export const useReorderableListCore = ({
         // user might drag and release the item without moving it so,
         // since the animation end callback is not executed in that case
         // we need to reset values as the reorder function would do
-        resetSharedValues();
+        runOnJS(resetSharedValuesAfterAnimations)();
       }
     }
   });
@@ -297,22 +338,22 @@ export const useReorderableListCore = ({
     return 0;
   }, [nestedScrollable, shouldScrollParent, calculateHiddenArea, calculateThresholdArea, calculateThresholdAreaParent]);
   useAnimatedReaction(() => currentY.value + scrollViewDragScrollTranslationY.value, y => {
-    if (state.value === ReorderableListState.DRAGGING || state.value === ReorderableListState.AUTO_SCROLL) {
+    if (state.value === ReorderableListState.DRAGGED || state.value === ReorderableListState.AUTOSCROLL) {
       setCurrentIndex(y);
       if (scrollDirection(y) !== 0) {
-        if (state.value !== ReorderableListState.AUTO_SCROLL) {
+        if (state.value !== ReorderableListState.AUTOSCROLL) {
           // trigger autoscroll
           lastAutoscrollTrigger.value = autoscrollTrigger.value;
           autoscrollTrigger.value *= -1;
-          state.value = ReorderableListState.AUTO_SCROLL;
+          state.value = ReorderableListState.AUTOSCROLL;
         }
-      } else if (state.value === ReorderableListState.AUTO_SCROLL) {
-        state.value = ReorderableListState.DRAGGING;
+      } else if (state.value === ReorderableListState.AUTOSCROLL) {
+        state.value = ReorderableListState.DRAGGED;
       }
     }
   });
   useAnimatedReaction(() => autoscrollTrigger.value, () => {
-    if (autoscrollTrigger.value !== lastAutoscrollTrigger.value && state.value === ReorderableListState.AUTO_SCROLL) {
+    if (autoscrollTrigger.value !== lastAutoscrollTrigger.value && state.value === ReorderableListState.AUTOSCROLL) {
       let y = currentY.value + scrollViewDragScrollTranslationY.value;
       const autoscrollIncrement = scrollDirection(y) * AUTOSCROLL_CONFIG.increment * autoscrollSpeedScale;
       if (autoscrollIncrement !== 0) {
@@ -341,14 +382,13 @@ export const useReorderableListCore = ({
     if (!scrollEnabled.value) {
       dragScrollTranslationY.value = flatListScrollOffsetY.value - dragInitialScrollOffsetY.value;
     }
-    if (state.value === ReorderableListState.AUTO_SCROLL) {
+    if (state.value === ReorderableListState.AUTOSCROLL) {
       dragY.value = currentTranslationY.value + dragScrollTranslationY.value + scrollViewDragScrollTranslationY.value;
       lastAutoscrollTrigger.value = autoscrollTrigger.value;
       autoscrollTrigger.value = withDelay(autoscrollDelay, withTiming(autoscrollTrigger.value * -1, {
         duration: 0
       }));
     }
-    onScroll === null || onScroll === void 0 || onScroll(e);
   });
 
   // parent scroll handler
@@ -360,7 +400,7 @@ export const useReorderableListCore = ({
       if (!scrollViewScrollEnabled.value) {
         scrollViewDragScrollTranslationY.value = value - scrollViewDragInitialScrollOffsetY.value;
       }
-      if (state.value === ReorderableListState.AUTO_SCROLL) {
+      if (state.value === ReorderableListState.AUTOSCROLL) {
         dragY.value = currentTranslationY.value + scrollViewDragScrollTranslationY.value;
         lastAutoscrollTrigger.value = autoscrollTrigger.value;
         autoscrollTrigger.value = withDelay(autoscrollDelay, withTiming(autoscrollTrigger.value * -1, {
@@ -377,16 +417,25 @@ export const useReorderableListCore = ({
       // resetting shared values again fixes a flickeing bug in nested lists where
       // after scrolling the parent list it would offset the new dragged item in another nested list
       resetSharedValues();
+      if (shouldUpdateActiveItem) {
+        runOnJS(setActiveIndex)(index);
+      }
       dragInitialScrollOffsetY.value = flatListScrollOffsetY.value;
       scrollViewDragInitialScrollOffsetY.value = scrollViewScrollOffsetY ? scrollViewScrollOffsetY.value : 0;
       draggedHeight.value = itemHeight.value[index];
       draggedIndex.value = index;
       previousIndex.value = -1;
       currentIndex.value = index;
-      state.value = ReorderableListState.DRAGGING;
+      state.value = ReorderableListState.DRAGGED;
       runOnJS(setScrollEnabled)(false);
+
+      // run animation before onDragStart to avoid potentially waiting for it
+      runDefaultDragAnimations('start');
+      onDragStart === null || onDragStart === void 0 || onDragStart({
+        index
+      });
     }
-  }, [resetSharedValues, dragInitialScrollOffsetY, scrollViewScrollOffsetY, scrollViewDragInitialScrollOffsetY, setScrollEnabled, currentIndex, previousIndex, draggedHeight, draggedIndex, state, flatListScrollOffsetY, itemHeight]);
+  }, [resetSharedValues, shouldUpdateActiveItem, dragInitialScrollOffsetY, scrollViewScrollOffsetY, scrollViewDragInitialScrollOffsetY, setScrollEnabled, currentIndex, previousIndex, draggedHeight, draggedIndex, state, flatListScrollOffsetY, itemHeight, onDragStart, runDefaultDragAnimations]);
   const handleFlatListLayout = useCallback(e => {
     nestedFlatListPositionY.value = e.nativeEvent.layout.y;
     flatListHeightY.value = e.nativeEvent.layout.height;