react-native-reorderable-list 0.4.0 → 0.5.0

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

@@ -0,0 +1,302 @@
+import React, { useCallback, useMemo } from 'react';
+import { unstable_batchedUpdates } from 'react-native';
+import { Gesture, State } from 'react-native-gesture-handler';
+import { Easing, cancelAnimation, measure, runOnJS, runOnUI, scrollTo, useAnimatedReaction, useAnimatedRef, useAnimatedScrollHandler, useSharedValue, withDelay, withTiming } from 'react-native-reanimated';
+import { AUTOSCROLL_INCREMENT } from './constants';
+import { ReorderableListState } from '../../types';
+const version = React.version.split('.');
+const hasAutomaticBatching = version.length ? parseInt(version[0], 10) >= 18 : false;
+export const useReorderableList = ({
+  ref,
+  autoscrollThreshold,
+  autoscrollSpeedScale,
+  autoscrollDelay,
+  animationDuration,
+  dragReorderThreshold,
+  onLayout,
+  onReorder,
+  onScroll
+}) => {
+  const scrollEnabled = useSharedValue(true);
+  const flatList = useAnimatedRef();
+  const gestureState = useSharedValue(State.UNDETERMINED);
+  const currentY = useSharedValue(0);
+  const currentTranslationY = useSharedValue(0);
+  const containerPositionY = useSharedValue(0);
+  const currentScrollOffsetY = useSharedValue(0);
+  const dragScrollTranslationY = useSharedValue(0);
+  const dragInitialScrollOffsetY = useSharedValue(0);
+  const draggedHeight = useSharedValue(0);
+  const itemOffset = useSharedValue([]);
+  const itemHeight = useSharedValue([]);
+  const topAutoscrollArea = useSharedValue(0);
+  const bottomAutoscrollArea = useSharedValue(0);
+  const autoscrollTrigger = useSharedValue(-1);
+  const lastAutoscrollTrigger = useSharedValue(-1);
+  const previousY = useSharedValue(0);
+  const dragY = useSharedValue(0);
+  const previousDirection = useSharedValue(0);
+  const previousIndex = useSharedValue(-1);
+  const currentIndex = useSharedValue(-1);
+  const draggedIndex = useSharedValue(-1);
+  const releasedIndex = useSharedValue(-1);
+  const state = useSharedValue(ReorderableListState.IDLE);
+
+  // animation duration as a shared value allows to avoid re-rendering of all cells on value change
+  const duration = useSharedValue(animationDuration);
+  if (duration.value !== animationDuration) {
+    duration.value = animationDuration;
+  }
+  const listContextValue = useMemo(() => ({
+    draggedHeight,
+    currentIndex,
+    draggedIndex
+  }), [draggedHeight, currentIndex, draggedIndex]);
+  const startY = useSharedValue(0);
+  const panGestureHandler = useMemo(() => Gesture.Pan().onBegin(e => {
+    // prevent new dragging until item is completely released
+    if (state.value === ReorderableListState.IDLE) {
+      const relativeY = e.absoluteY - containerPositionY.value;
+      startY.value = relativeY;
+      currentY.value = relativeY;
+      currentTranslationY.value = e.translationY;
+      if (draggedIndex.value >= 0) {
+        dragY.value = e.translationY;
+      }
+      gestureState.value = e.state;
+    }
+  }).onUpdate(e => {
+    if (state.value !== ReorderableListState.RELEASING) {
+      currentY.value = startY.value + e.translationY;
+      currentTranslationY.value = e.translationY;
+      if (draggedIndex.value >= 0) {
+        dragY.value = e.translationY + dragScrollTranslationY.value;
+      }
+      gestureState.value = e.state;
+    }
+  }).onEnd(e => gestureState.value = e.state).onFinalize(e => gestureState.value = e.state), [containerPositionY, currentTranslationY, currentY, dragScrollTranslationY, draggedIndex, gestureState, dragY, startY, state]);
+  const gestureHandler = useMemo(() => Gesture.Simultaneous(Gesture.Native(), panGestureHandler), [panGestureHandler]);
+  const setScrollEnabled = useCallback(enabled => {
+    var _flatList$current;
+    scrollEnabled.value = enabled;
+    (_flatList$current = flatList.current) === null || _flatList$current === void 0 || _flatList$current.setNativeProps({
+      scrollEnabled: enabled
+    });
+  }, [flatList, scrollEnabled]);
+  const resetSharedValues = useCallback(() => {
+    'worklet';
+
+    // reset indexes before arrays to avoid triggering animated reactions
+    draggedIndex.value = -1;
+    // current index is reset on item render for the on end event
+    dragY.value = 0;
+    // released flag is reset after release is triggered in the item
+    state.value = ReorderableListState.IDLE;
+    dragScrollTranslationY.value = 0;
+  }, [draggedIndex, dragY, state, dragScrollTranslationY]);
+  const reorder = (fromIndex, toIndex) => {
+    if (fromIndex !== toIndex) {
+      const updateState = () => {
+        onReorder({
+          from: fromIndex,
+          to: toIndex
+        });
+      };
+      if (!hasAutomaticBatching) {
+        unstable_batchedUpdates(updateState);
+      } else {
+        updateState();
+      }
+    }
+    runOnUI(resetSharedValues)();
+  };
+  const getIndexFromY = useCallback(y => {
+    'worklet';
+
+    const relativeY = currentScrollOffsetY.value + y;
+    const count = itemOffset.value.length;
+    for (let i = 0; i < count; i++) {
+      if (currentIndex.value === i) {
+        continue;
+      }
+      const direction = i > currentIndex.value ? 1 : -1;
+      const threshold = Math.max(0, Math.min(1, dragReorderThreshold));
+      const height = itemHeight.value[i];
+      const offset = itemOffset.value[i] + height * threshold * direction;
+      if (i === 0 && relativeY <= offset || i === count - 1 && relativeY >= offset + height || relativeY >= offset && relativeY <= offset + height) {
+        return {
+          index: i,
+          direction
+        };
+      }
+    }
+    return {
+      index: currentIndex.value,
+      direction: previousDirection.value
+    };
+  }, [dragReorderThreshold, currentIndex, currentScrollOffsetY, previousDirection, itemOffset, itemHeight]);
+  const setCurrentIndex = useCallback(y => {
+    'worklet';
+
+    const {
+      index: newIndex,
+      direction: newDirection
+    } = getIndexFromY(y);
+    const delta = Math.abs(previousY.value - y);
+    if (currentIndex.value !== newIndex && (
+    // if the same two items re-swap index check delta and direction to avoid swap flickering
+    previousIndex.value !== newIndex || previousDirection.value !== newDirection && delta >= 5)) {
+      const itemDirection = newIndex > currentIndex.value;
+      const index1 = itemDirection ? currentIndex.value : newIndex;
+      const index2 = itemDirection ? newIndex : currentIndex.value;
+      const newOffset1 = itemOffset.value[index1];
+      const newHeight1 = itemHeight.value[index2];
+      const newOffset2 = itemOffset.value[index2] + (itemHeight.value[index2] - itemHeight.value[index1]);
+      const newHeight2 = itemHeight.value[index1];
+      itemOffset.value[index1] = newOffset1;
+      itemHeight.value[index1] = newHeight1;
+      itemOffset.value[index2] = newOffset2;
+      itemHeight.value[index2] = newHeight2;
+      previousY.value = y;
+      previousDirection.value = newDirection;
+      previousIndex.value = currentIndex.value;
+      currentIndex.value = newIndex;
+    }
+  }, [currentIndex, previousIndex, previousDirection, previousY, itemOffset, itemHeight, getIndexFromY]);
+  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;
+      releasedIndex.value = draggedIndex.value;
+
+      // enable back scroll on releasing
+      runOnJS(setScrollEnabled)(true);
+
+      // they are actually swapped on drag translation
+      const currentItemOffset = itemOffset.value[draggedIndex.value];
+      const currentItemHeight = itemHeight.value[draggedIndex.value];
+      const draggedItemOffset = itemOffset.value[currentIndex.value];
+      const draggedItemHeight = itemHeight.value[currentIndex.value];
+      const newTopPosition = currentIndex.value > draggedIndex.value ? draggedItemOffset - currentItemOffset : draggedItemOffset - currentItemOffset + (draggedItemHeight - currentItemHeight);
+      if (dragY.value !== newTopPosition) {
+        // animate dragged item to its new position on release
+        dragY.value = withTiming(newTopPosition, {
+          duration: duration.value,
+          easing: Easing.out(Easing.ease)
+        }, () => {
+          runOnJS(reorder)(draggedIndex.value, currentIndex.value);
+        });
+      } else {
+        // 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();
+      }
+    }
+  });
+  useAnimatedReaction(() => currentY.value, y => {
+    if (state.value === ReorderableListState.DRAGGING || state.value === ReorderableListState.AUTO_SCROLL) {
+      setCurrentIndex(y);
+      if (y <= topAutoscrollArea.value || y >= bottomAutoscrollArea.value) {
+        if (state.value !== ReorderableListState.AUTO_SCROLL) {
+          // trigger autoscroll
+          lastAutoscrollTrigger.value = autoscrollTrigger.value;
+          autoscrollTrigger.value *= -1;
+        }
+        state.value = ReorderableListState.AUTO_SCROLL;
+      } else {
+        state.value = ReorderableListState.DRAGGING;
+      }
+    }
+  });
+  useAnimatedReaction(() => autoscrollTrigger.value, () => {
+    if (autoscrollTrigger.value !== lastAutoscrollTrigger.value && state.value === ReorderableListState.AUTO_SCROLL) {
+      const autoscrollIncrement = (currentY.value <= topAutoscrollArea.value ? -AUTOSCROLL_INCREMENT : AUTOSCROLL_INCREMENT) * autoscrollSpeedScale;
+      if (autoscrollIncrement !== 0) {
+        scrollTo(flatList, 0, currentScrollOffsetY.value + autoscrollIncrement, true);
+      }
+
+      // when autoscrolling user may not be moving his finger so we need
+      // to update the current position of the dragged item here
+      setCurrentIndex(currentY.value);
+    }
+  });
+  const handleScroll = useAnimatedScrollHandler(e => {
+    currentScrollOffsetY.value = e.contentOffset.y;
+
+    // checking if the list is not scrollable instead of the scrolling state
+    // fixes a bug on iOS where the item is shifted after autoscrolling and then
+    // moving await from autoscroll area
+    if (!scrollEnabled.value) {
+      dragScrollTranslationY.value = currentScrollOffsetY.value - dragInitialScrollOffsetY.value;
+    }
+    if (state.value === ReorderableListState.AUTO_SCROLL) {
+      dragY.value = currentTranslationY.value + dragScrollTranslationY.value;
+      cancelAnimation(autoscrollTrigger);
+      lastAutoscrollTrigger.value = autoscrollTrigger.value;
+      autoscrollTrigger.value = withDelay(autoscrollDelay, withTiming(autoscrollTrigger.value * -1, {
+        duration: 0
+      }));
+    } else {}
+    if (onScroll) {
+      onScroll(e);
+    }
+  });
+  const startDrag = useCallback(index => {
+    'worklet';
+
+    // allow new drag when item is completely released
+    if (state.value === ReorderableListState.IDLE) {
+      draggedHeight.value = itemHeight.value[index];
+      draggedIndex.value = index;
+      previousIndex.value = -1;
+      currentIndex.value = index;
+      state.value = ReorderableListState.DRAGGING;
+      dragInitialScrollOffsetY.value = currentScrollOffsetY.value;
+      runOnJS(setScrollEnabled)(false);
+    }
+  }, [setScrollEnabled, currentIndex, previousIndex, draggedHeight, draggedIndex, state, currentScrollOffsetY, dragInitialScrollOffsetY, itemHeight]);
+  const measureFlatList = useCallback(() => {
+    'worklet';
+
+    const measurement = measure(flatList);
+    if (measurement === null) {
+      return;
+    }
+    containerPositionY.value = measurement.pageY;
+  }, [flatList, containerPositionY]);
+  const handleFlatListLayout = useCallback(e => {
+    runOnUI(measureFlatList)();
+    const threshold = Math.max(0, Math.min(autoscrollThreshold, 0.4));
+    const {
+      height
+    } = e.nativeEvent.layout;
+    topAutoscrollArea.value = height * threshold;
+    bottomAutoscrollArea.value = height * (1 - threshold);
+    if (onLayout) {
+      onLayout(e);
+    }
+  }, [measureFlatList, topAutoscrollArea, bottomAutoscrollArea, autoscrollThreshold, onLayout]);
+  const handleRef = value => {
+    flatList(value);
+    if (typeof ref === 'function') {
+      ref(value);
+    } else if (ref) {
+      ref.current = value;
+    }
+  };
+  return {
+    gestureHandler,
+    handleScroll,
+    handleFlatListLayout,
+    handleRef,
+    startDrag,
+    listContextValue,
+    itemOffset,
+    itemHeight,
+    draggedIndex,
+    releasedIndex,
+    dragY,
+    duration
+  };
+};
+//# sourceMappingURL=useReorderableList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","unstable_batchedUpdates","Gesture","State","Easing","cancelAnimation","measure","runOnJS","runOnUI","scrollTo","useAnimatedReaction","useAnimatedRef","useAnimatedScrollHandler","useSharedValue","withDelay","withTiming","AUTOSCROLL_INCREMENT","ReorderableListState","version","split","hasAutomaticBatching","length","parseInt","useReorderableList","ref","autoscrollThreshold","autoscrollSpeedScale","autoscrollDelay","animationDuration","dragReorderThreshold","onLayout","onReorder","onScroll","scrollEnabled","flatList","gestureState","UNDETERMINED","currentY","currentTranslationY","containerPositionY","currentScrollOffsetY","dragScrollTranslationY","dragInitialScrollOffsetY","draggedHeight","itemOffset","itemHeight","topAutoscrollArea","bottomAutoscrollArea","autoscrollTrigger","lastAutoscrollTrigger","previousY","dragY","previousDirection","previousIndex","currentIndex","draggedIndex","releasedIndex","state","IDLE","duration","value","listContextValue","startY","panGestureHandler","Pan","onBegin","e","relativeY","absoluteY","translationY","onUpdate","RELEASING","onEnd","onFinalize","gestureHandler","Simultaneous","Native","setScrollEnabled","enabled","_flatList$current","current","setNativeProps","resetSharedValues","reorder","fromIndex","toIndex","updateState","from","to","getIndexFromY","y","count","i","direction","threshold","Math","max","min","height","offset","index","setCurrentIndex","newIndex","newDirection","delta","abs","itemDirection","index1","index2","newOffset1","newHeight1","newOffset2","newHeight2","ACTIVE","BEGAN","DRAGGING","AUTO_SCROLL","currentItemOffset","currentItemHeight","draggedItemOffset","draggedItemHeight","newTopPosition","easing","out","ease","autoscrollIncrement","handleScroll","contentOffset","startDrag","measureFlatList","measurement","pageY","handleFlatListLayout","nativeEvent","layout","handleRef"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/useReorderableList.ts"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,OAAO,QAAO,OAAO;AACjD,SAIEC,uBAAuB,QAClB,cAAc;AAErB,SAAQC,OAAO,EAAEC,KAAK,QAAO,8BAA8B;AAC3D,SAEEC,MAAM,EACNC,eAAe,EACfC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,QAAQ,EACRC,mBAAmB,EACnBC,cAAc,EACdC,wBAAwB,EACxBC,cAAc,EACdC,SAAS,EACTC,UAAU,QACL,yBAAyB;AAEhC,SAAQC,oBAAoB,QAAO,aAAa;AAChD,SAAQC,oBAAoB,QAAO,aAAa;AAGhD,MAAMC,OAAO,GAAGpB,KAAK,CAACoB,OAAO,CAACC,KAAK,CAAC,GAAG,CAAC;AACxC,MAAMC,oBAAoB,GAAGF,OAAO,CAACG,MAAM,GACvCC,QAAQ,CAACJ,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,GAC9B,KAAK;AAcT,OAAO,MAAMK,kBAAkB,GAAGA,CAAI;EACpCC,GAAG;EACHC,mBAAmB;EACnBC,oBAAoB;EACpBC,eAAe;EACfC,iBAAiB;EACjBC,oBAAoB;EACpBC,QAAQ;EACRC,SAAS;EACTC;AACyB,CAAC,KAAK;EAC/B,MAAMC,aAAa,GAAGpB,cAAc,CAAC,IAAI,CAAC;EAC1C,MAAMqB,QAAQ,GAAGvB,cAAc,CAAW,CAAC;EAC3C,MAAMwB,YAAY,GAAGtB,cAAc,CAAQV,KAAK,CAACiC,YAAY,CAAC;EAC9D,MAAMC,QAAQ,GAAGxB,cAAc,CAAC,CAAC,CAAC;EAClC,MAAMyB,mBAAmB,GAAGzB,cAAc,CAAC,CAAC,CAAC;EAC7C,MAAM0B,kBAAkB,GAAG1B,cAAc,CAAC,CAAC,CAAC;EAC5C,MAAM2B,oBAAoB,GAAG3B,cAAc,CAAC,CAAC,CAAC;EAC9C,MAAM4B,sBAAsB,GAAG5B,cAAc,CAAC,CAAC,CAAC;EAChD,MAAM6B,wBAAwB,GAAG7B,cAAc,CAAC,CAAC,CAAC;EAClD,MAAM8B,aAAa,GAAG9B,cAAc,CAAC,CAAC,CAAC;EACvC,MAAM+B,UAAU,GAAG/B,cAAc,CAAW,EAAE,CAAC;EAC/C,MAAMgC,UAAU,GAAGhC,cAAc,CAAW,EAAE,CAAC;EAC/C,MAAMiC,iBAAiB,GAAGjC,cAAc,CAAC,CAAC,CAAC;EAC3C,MAAMkC,oBAAoB,GAAGlC,cAAc,CAAC,CAAC,CAAC;EAC9C,MAAMmC,iBAAiB,GAAGnC,cAAc,CAAC,CAAC,CAAC,CAAC;EAC5C,MAAMoC,qBAAqB,GAAGpC,cAAc,CAAC,CAAC,CAAC,CAAC;EAChD,MAAMqC,SAAS,GAAGrC,cAAc,CAAC,CAAC,CAAC;EACnC,MAAMsC,KAAK,GAAGtC,cAAc,CAAC,CAAC,CAAC;EAC/B,MAAMuC,iBAAiB,GAAGvC,cAAc,CAAC,CAAC,CAAC;EAC3C,MAAMwC,aAAa,GAAGxC,cAAc,CAAC,CAAC,CAAC,CAAC;EACxC,MAAMyC,YAAY,GAAGzC,cAAc,CAAC,CAAC,CAAC,CAAC;EACvC,MAAM0C,YAAY,GAAG1C,cAAc,CAAC,CAAC,CAAC,CAAC;EACvC,MAAM2C,aAAa,GAAG3C,cAAc,CAAC,CAAC,CAAC,CAAC;EACxC,MAAM4C,KAAK,GAAG5C,cAAc,CAAuBI,oBAAoB,CAACyC,IAAI,CAAC;;EAE7E;EACA,MAAMC,QAAQ,GAAG9C,cAAc,CAACe,iBAAiB,CAAC;EAClD,IAAI+B,QAAQ,CAACC,KAAK,KAAKhC,iBAAiB,EAAE;IACxC+B,QAAQ,CAACC,KAAK,GAAGhC,iBAAiB;EACpC;EAEA,MAAMiC,gBAAgB,GAAG7D,OAAO,CAC9B,OAAO;IACL2C,aAAa;IACbW,YAAY;IACZC;EACF,CAAC,CAAC,EACF,CAACZ,aAAa,EAAEW,YAAY,EAAEC,YAAY,CAC5C,CAAC;EAED,MAAMO,MAAM,GAAGjD,cAAc,CAAC,CAAC,CAAC;EAEhC,MAAMkD,iBAAiB,GAAG/D,OAAO,CAC/B,MACEE,OAAO,CAAC8D,GAAG,CAAC,CAAC,CACVC,OAAO,CAACC,CAAC,IAAI;IACZ;IACA,IAAIT,KAAK,CAACG,KAAK,KAAK3C,oBAAoB,CAACyC,IAAI,EAAE;MAC7C,MAAMS,SAAS,GAAGD,CAAC,CAACE,SAAS,GAAG7B,kBAAkB,CAACqB,KAAK;MAExDE,MAAM,CAACF,KAAK,GAAGO,SAAS;MACxB9B,QAAQ,CAACuB,KAAK,GAAGO,SAAS;MAC1B7B,mBAAmB,CAACsB,KAAK,GAAGM,CAAC,CAACG,YAAY;MAC1C,IAAId,YAAY,CAACK,KAAK,IAAI,CAAC,EAAE;QAC3BT,KAAK,CAACS,KAAK,GAAGM,CAAC,CAACG,YAAY;MAC9B;MACAlC,YAAY,CAACyB,KAAK,GAAGM,CAAC,CAACT,KAAK;IAC9B;EACF,CAAC,CAAC,CACDa,QAAQ,CAACJ,CAAC,IAAI;IACb,IAAIT,KAAK,CAACG,KAAK,KAAK3C,oBAAoB,CAACsD,SAAS,EAAE;MAClDlC,QAAQ,CAACuB,KAAK,GAAGE,MAAM,CAACF,KAAK,GAAGM,CAAC,CAACG,YAAY;MAC9C/B,mBAAmB,CAACsB,KAAK,GAAGM,CAAC,CAACG,YAAY;MAC1C,IAAId,YAAY,CAACK,KAAK,IAAI,CAAC,EAAE;QAC3BT,KAAK,CAACS,KAAK,GAAGM,CAAC,CAACG,YAAY,GAAG5B,sBAAsB,CAACmB,KAAK;MAC7D;MACAzB,YAAY,CAACyB,KAAK,GAAGM,CAAC,CAACT,KAAK;IAC9B;EACF,CAAC,CAAC,CACDe,KAAK,CAACN,CAAC,IAAK/B,YAAY,CAACyB,KAAK,GAAGM,CAAC,CAACT,KAAM,CAAC,CAC1CgB,UAAU,CAACP,CAAC,IAAK/B,YAAY,CAACyB,KAAK,GAAGM,CAAC,CAACT,KAAM,CAAC,EACpD,CACElB,kBAAkB,EAClBD,mBAAmB,EACnBD,QAAQ,EACRI,sBAAsB,EACtBc,YAAY,EACZpB,YAAY,EACZgB,KAAK,EACLW,MAAM,EACNL,KAAK,CAET,CAAC;EAED,MAAMiB,cAAc,GAAG1E,OAAO,CAC5B,MAAME,OAAO,CAACyE,YAAY,CAACzE,OAAO,CAAC0E,MAAM,CAAC,CAAC,EAAEb,iBAAiB,CAAC,EAC/D,CAACA,iBAAiB,CACpB,CAAC;EAED,MAAMc,gBAAgB,GAAG9E,WAAW,CACjC+E,OAAgB,IAAK;IAAA,IAAAC,iBAAA;IACpB9C,aAAa,CAAC2B,KAAK,GAAGkB,OAAO;IAC7B,CAAAC,iBAAA,GAAA7C,QAAQ,CAAC8C,OAAO,cAAAD,iBAAA,eAAhBA,iBAAA,CAAkBE,cAAc,CAAC;MAAChD,aAAa,EAAE6C;IAAO,CAAC,CAAC;EAC5D,CAAC,EACD,CAAC5C,QAAQ,EAAED,aAAa,CAC1B,CAAC;EAED,MAAMiD,iBAAiB,GAAGnF,WAAW,CAAC,MAAM;IAC1C,SAAS;;IAET;IACAwD,YAAY,CAACK,KAAK,GAAG,CAAC,CAAC;IACvB;IACAT,KAAK,CAACS,KAAK,GAAG,CAAC;IACf;IACAH,KAAK,CAACG,KAAK,GAAG3C,oBAAoB,CAACyC,IAAI;IACvCjB,sBAAsB,CAACmB,KAAK,GAAG,CAAC;EAClC,CAAC,EAAE,CAACL,YAAY,EAAEJ,KAAK,EAAEM,KAAK,EAAEhB,sBAAsB,CAAC,CAAC;EAExD,MAAM0C,OAAO,GAAGA,CAACC,SAAiB,EAAEC,OAAe,KAAK;IACtD,IAAID,SAAS,KAAKC,OAAO,EAAE;MACzB,MAAMC,WAAW,GAAGA,CAAA,KAAM;QACxBvD,SAAS,CAAC;UAACwD,IAAI,EAAEH,SAAS;UAAEI,EAAE,EAAEH;QAAO,CAAC,CAAC;MAC3C,CAAC;MAED,IAAI,CAACjE,oBAAoB,EAAE;QACzBnB,uBAAuB,CAACqF,WAAW,CAAC;MACtC,CAAC,MAAM;QACLA,WAAW,CAAC,CAAC;MACf;IACF;IAEA9E,OAAO,CAAC0E,iBAAiB,CAAC,CAAC,CAAC;EAC9B,CAAC;EAED,MAAMO,aAAa,GAAG1F,WAAW,CAC9B2F,CAAS,IAAK;IACb,SAAS;;IAET,MAAMvB,SAAS,GAAG3B,oBAAoB,CAACoB,KAAK,GAAG8B,CAAC;IAChD,MAAMC,KAAK,GAAG/C,UAAU,CAACgB,KAAK,CAACvC,MAAM;IAErC,KAAK,IAAIuE,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,KAAK,EAAEC,CAAC,EAAE,EAAE;MAC9B,IAAItC,YAAY,CAACM,KAAK,KAAKgC,CAAC,EAAE;QAC5B;MACF;MAEA,MAAMC,SAAS,GAAGD,CAAC,GAAGtC,YAAY,CAACM,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;MACjD,MAAMkC,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEpE,oBAAoB,CAAC,CAAC;MAChE,MAAMqE,MAAM,GAAGrD,UAAU,CAACe,KAAK,CAACgC,CAAC,CAAC;MAClC,MAAMO,MAAM,GAAGvD,UAAU,CAACgB,KAAK,CAACgC,CAAC,CAAC,GAAGM,MAAM,GAAGJ,SAAS,GAAGD,SAAS;MAEnE,IACGD,CAAC,KAAK,CAAC,IAAIzB,SAAS,IAAIgC,MAAM,IAC9BP,CAAC,KAAKD,KAAK,GAAG,CAAC,IAAIxB,SAAS,IAAIgC,MAAM,GAAGD,MAAO,IAChD/B,SAAS,IAAIgC,MAAM,IAAIhC,SAAS,IAAIgC,MAAM,GAAGD,MAAO,EACrD;QACA,OAAO;UAACE,KAAK,EAAER,CAAC;UAAEC;QAAS,CAAC;MAC9B;IACF;IAEA,OAAO;MACLO,KAAK,EAAE9C,YAAY,CAACM,KAAK;MACzBiC,SAAS,EAAEzC,iBAAiB,CAACQ;IAC/B,CAAC;EACH,CAAC,EACD,CACE/B,oBAAoB,EACpByB,YAAY,EACZd,oBAAoB,EACpBY,iBAAiB,EACjBR,UAAU,EACVC,UAAU,CAEd,CAAC;EAED,MAAMwD,eAAe,GAAGtG,WAAW,CAChC2F,CAAS,IAAK;IACb,SAAS;;IAET,MAAM;MAACU,KAAK,EAAEE,QAAQ;MAAET,SAAS,EAAEU;IAAY,CAAC,GAAGd,aAAa,CAACC,CAAC,CAAC;IACnE,MAAMc,KAAK,GAAGT,IAAI,CAACU,GAAG,CAACvD,SAAS,CAACU,KAAK,GAAG8B,CAAC,CAAC;IAE3C,IACEpC,YAAY,CAACM,KAAK,KAAK0C,QAAQ;IAC/B;IACCjD,aAAa,CAACO,KAAK,KAAK0C,QAAQ,IAC9BlD,iBAAiB,CAACQ,KAAK,KAAK2C,YAAY,IAAIC,KAAK,IAAI,CAAE,CAAC,EAC3D;MACA,MAAME,aAAa,GAAGJ,QAAQ,GAAGhD,YAAY,CAACM,KAAK;MACnD,MAAM+C,MAAM,GAAGD,aAAa,GAAGpD,YAAY,CAACM,KAAK,GAAG0C,QAAQ;MAC5D,MAAMM,MAAM,GAAGF,aAAa,GAAGJ,QAAQ,GAAGhD,YAAY,CAACM,KAAK;MAE5D,MAAMiD,UAAU,GAAGjE,UAAU,CAACgB,KAAK,CAAC+C,MAAM,CAAC;MAC3C,MAAMG,UAAU,GAAGjE,UAAU,CAACe,KAAK,CAACgD,MAAM,CAAC;MAC3C,MAAMG,UAAU,GACdnE,UAAU,CAACgB,KAAK,CAACgD,MAAM,CAAC,IACvB/D,UAAU,CAACe,KAAK,CAACgD,MAAM,CAAC,GAAG/D,UAAU,CAACe,KAAK,CAAC+C,MAAM,CAAC,CAAC;MACvD,MAAMK,UAAU,GAAGnE,UAAU,CAACe,KAAK,CAAC+C,MAAM,CAAC;MAE3C/D,UAAU,CAACgB,KAAK,CAAC+C,MAAM,CAAC,GAAGE,UAAU;MACrChE,UAAU,CAACe,KAAK,CAAC+C,MAAM,CAAC,GAAGG,UAAU;MACrClE,UAAU,CAACgB,KAAK,CAACgD,MAAM,CAAC,GAAGG,UAAU;MACrClE,UAAU,CAACe,KAAK,CAACgD,MAAM,CAAC,GAAGI,UAAU;MAErC9D,SAAS,CAACU,KAAK,GAAG8B,CAAC;MACnBtC,iBAAiB,CAACQ,KAAK,GAAG2C,YAAY;MACtClD,aAAa,CAACO,KAAK,GAAGN,YAAY,CAACM,KAAK;MACxCN,YAAY,CAACM,KAAK,GAAG0C,QAAQ;IAC/B;EACF,CAAC,EACD,CACEhD,YAAY,EACZD,aAAa,EACbD,iBAAiB,EACjBF,SAAS,EACTN,UAAU,EACVC,UAAU,EACV4C,aAAa,CAEjB,CAAC;EAED/E,mBAAmB,CACjB,MAAMyB,YAAY,CAACyB,KAAK,EACxB,MAAM;IACJ,IACEzB,YAAY,CAACyB,KAAK,KAAKzD,KAAK,CAAC8G,MAAM,IACnC9E,YAAY,CAACyB,KAAK,KAAKzD,KAAK,CAAC+G,KAAK,KACjCzD,KAAK,CAACG,KAAK,KAAK3C,oBAAoB,CAACkG,QAAQ,IAC5C1D,KAAK,CAACG,KAAK,KAAK3C,oBAAoB,CAACmG,WAAW,CAAC,EACnD;MACA3D,KAAK,CAACG,KAAK,GAAG3C,oBAAoB,CAACsD,SAAS;MAC5Cf,aAAa,CAACI,KAAK,GAAGL,YAAY,CAACK,KAAK;;MAExC;MACArD,OAAO,CAACsE,gBAAgB,CAAC,CAAC,IAAI,CAAC;;MAE/B;MACA,MAAMwC,iBAAiB,GAAGzE,UAAU,CAACgB,KAAK,CAACL,YAAY,CAACK,KAAK,CAAC;MAC9D,MAAM0D,iBAAiB,GAAGzE,UAAU,CAACe,KAAK,CAACL,YAAY,CAACK,KAAK,CAAC;MAC9D,MAAM2D,iBAAiB,GAAG3E,UAAU,CAACgB,KAAK,CAACN,YAAY,CAACM,KAAK,CAAC;MAC9D,MAAM4D,iBAAiB,GAAG3E,UAAU,CAACe,KAAK,CAACN,YAAY,CAACM,KAAK,CAAC;MAE9D,MAAM6D,cAAc,GAClBnE,YAAY,CAACM,KAAK,GAAGL,YAAY,CAACK,KAAK,GACnC2D,iBAAiB,GAAGF,iBAAiB,GACrCE,iBAAiB,GACjBF,iBAAiB,IAChBG,iBAAiB,GAAGF,iBAAiB,CAAC;MAE7C,IAAInE,KAAK,CAACS,KAAK,KAAK6D,cAAc,EAAE;QAClC;QACAtE,KAAK,CAACS,KAAK,GAAG7C,UAAU,CACtB0G,cAAc,EACd;UACE9D,QAAQ,EAAEA,QAAQ,CAACC,KAAK;UACxB8D,MAAM,EAAEtH,MAAM,CAACuH,GAAG,CAACvH,MAAM,CAACwH,IAAI;QAChC,CAAC,EACD,MAAM;UACJrH,OAAO,CAAC4E,OAAO,CAAC,CAAC5B,YAAY,CAACK,KAAK,EAAEN,YAAY,CAACM,KAAK,CAAC;QAC1D,CACF,CAAC;MACH,CAAC,MAAM;QACL;QACA;QACA;QACAsB,iBAAiB,CAAC,CAAC;MACrB;IACF;EACF,CACF,CAAC;EAEDxE,mBAAmB,CACjB,MAAM2B,QAAQ,CAACuB,KAAK,EACpB8B,CAAC,IAAI;IACH,IACEjC,KAAK,CAACG,KAAK,KAAK3C,oBAAoB,CAACkG,QAAQ,IAC7C1D,KAAK,CAACG,KAAK,KAAK3C,oBAAoB,CAACmG,WAAW,EAChD;MACAf,eAAe,CAACX,CAAC,CAAC;MAElB,IAAIA,CAAC,IAAI5C,iBAAiB,CAACc,KAAK,IAAI8B,CAAC,IAAI3C,oBAAoB,CAACa,KAAK,EAAE;QACnE,IAAIH,KAAK,CAACG,KAAK,KAAK3C,oBAAoB,CAACmG,WAAW,EAAE;UACpD;UACAnE,qBAAqB,CAACW,KAAK,GAAGZ,iBAAiB,CAACY,KAAK;UACrDZ,iBAAiB,CAACY,KAAK,IAAI,CAAC,CAAC;QAC/B;QACAH,KAAK,CAACG,KAAK,GAAG3C,oBAAoB,CAACmG,WAAW;MAChD,CAAC,MAAM;QACL3D,KAAK,CAACG,KAAK,GAAG3C,oBAAoB,CAACkG,QAAQ;MAC7C;IACF;EACF,CACF,CAAC;EAEDzG,mBAAmB,CACjB,MAAMsC,iBAAiB,CAACY,KAAK,EAC7B,MAAM;IACJ,IACEZ,iBAAiB,CAACY,KAAK,KAAKX,qBAAqB,CAACW,KAAK,IACvDH,KAAK,CAACG,KAAK,KAAK3C,oBAAoB,CAACmG,WAAW,EAChD;MACA,MAAMS,mBAAmB,GACvB,CAACxF,QAAQ,CAACuB,KAAK,IAAId,iBAAiB,CAACc,KAAK,GACtC,CAAC5C,oBAAoB,GACrBA,oBAAoB,IAAIU,oBAAoB;MAElD,IAAImG,mBAAmB,KAAK,CAAC,EAAE;QAC7BpH,QAAQ,CACNyB,QAAQ,EACR,CAAC,EACDM,oBAAoB,CAACoB,KAAK,GAAGiE,mBAAmB,EAChD,IACF,CAAC;MACH;;MAEA;MACA;MACAxB,eAAe,CAAChE,QAAQ,CAACuB,KAAK,CAAC;IACjC;EACF,CACF,CAAC;EAED,MAAMkE,YAAY,GAAGlH,wBAAwB,CAACsD,CAAC,IAAI;IACjD1B,oBAAoB,CAACoB,KAAK,GAAGM,CAAC,CAAC6D,aAAa,CAACrC,CAAC;;IAE9C;IACA;IACA;IACA,IAAI,CAACzD,aAAa,CAAC2B,KAAK,EAAE;MACxBnB,sBAAsB,CAACmB,KAAK,GAC1BpB,oBAAoB,CAACoB,KAAK,GAAGlB,wBAAwB,CAACkB,KAAK;IAC/D;IAEA,IAAIH,KAAK,CAACG,KAAK,KAAK3C,oBAAoB,CAACmG,WAAW,EAAE;MACpDjE,KAAK,CAACS,KAAK,GAAGtB,mBAAmB,CAACsB,KAAK,GAAGnB,sBAAsB,CAACmB,KAAK;MAEtEvD,eAAe,CAAC2C,iBAAiB,CAAC;MAElCC,qBAAqB,CAACW,KAAK,GAAGZ,iBAAiB,CAACY,KAAK;MACrDZ,iBAAiB,CAACY,KAAK,GAAG9C,SAAS,CACjCa,eAAe,EACfZ,UAAU,CAACiC,iBAAiB,CAACY,KAAK,GAAG,CAAC,CAAC,EAAE;QAACD,QAAQ,EAAE;MAAC,CAAC,CACxD,CAAC;IACH,CAAC,MAAM,CACP;IAEA,IAAI3B,QAAQ,EAAE;MACZA,QAAQ,CAACkC,CAAC,CAAC;IACb;EACF,CAAC,CAAC;EAEF,MAAM8D,SAAS,GAAGjI,WAAW,CAC1BqG,KAAa,IAAK;IACjB,SAAS;;IAET;IACA,IAAI3C,KAAK,CAACG,KAAK,KAAK3C,oBAAoB,CAACyC,IAAI,EAAE;MAC7Cf,aAAa,CAACiB,KAAK,GAAGf,UAAU,CAACe,KAAK,CAACwC,KAAK,CAAC;MAC7C7C,YAAY,CAACK,KAAK,GAAGwC,KAAK;MAC1B/C,aAAa,CAACO,KAAK,GAAG,CAAC,CAAC;MACxBN,YAAY,CAACM,KAAK,GAAGwC,KAAK;MAC1B3C,KAAK,CAACG,KAAK,GAAG3C,oBAAoB,CAACkG,QAAQ;MAC3CzE,wBAAwB,CAACkB,KAAK,GAAGpB,oBAAoB,CAACoB,KAAK;MAE3DrD,OAAO,CAACsE,gBAAgB,CAAC,CAAC,KAAK,CAAC;IAClC;EACF,CAAC,EACD,CACEA,gBAAgB,EAChBvB,YAAY,EACZD,aAAa,EACbV,aAAa,EACbY,YAAY,EACZE,KAAK,EACLjB,oBAAoB,EACpBE,wBAAwB,EACxBG,UAAU,CAEd,CAAC;EAED,MAAMoF,eAAe,GAAGlI,WAAW,CAAC,MAAM;IACxC,SAAS;;IAET,MAAMmI,WAAW,GAAG5H,OAAO,CAAC4B,QAAQ,CAAC;IACrC,IAAIgG,WAAW,KAAK,IAAI,EAAE;MACxB;IACF;IAEA3F,kBAAkB,CAACqB,KAAK,GAAGsE,WAAW,CAACC,KAAK;EAC9C,CAAC,EAAE,CAACjG,QAAQ,EAAEK,kBAAkB,CAAC,CAAC;EAElC,MAAM6F,oBAAoB,GAAGrI,WAAW,CACrCmE,CAAoB,IAAK;IACxB1D,OAAO,CAACyH,eAAe,CAAC,CAAC,CAAC;IAE1B,MAAMnC,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAACxE,mBAAmB,EAAE,GAAG,CAAC,CAAC;IACjE,MAAM;MAACyE;IAAM,CAAC,GAAGhC,CAAC,CAACmE,WAAW,CAACC,MAAM;IAErCxF,iBAAiB,CAACc,KAAK,GAAGsC,MAAM,GAAGJ,SAAS;IAC5C/C,oBAAoB,CAACa,KAAK,GAAGsC,MAAM,IAAI,CAAC,GAAGJ,SAAS,CAAC;IAErD,IAAIhE,QAAQ,EAAE;MACZA,QAAQ,CAACoC,CAAC,CAAC;IACb;EACF,CAAC,EACD,CACE+D,eAAe,EACfnF,iBAAiB,EACjBC,oBAAoB,EACpBtB,mBAAmB,EACnBK,QAAQ,CAEZ,CAAC;EAED,MAAMyG,SAAS,GAAI3E,KAAkB,IAAK;IACxC1B,QAAQ,CAAC0B,KAAK,CAAC;IAEf,IAAI,OAAOpC,GAAG,KAAK,UAAU,EAAE;MAC7BA,GAAG,CAACoC,KAAK,CAAC;IACZ,CAAC,MAAM,IAAIpC,GAAG,EAAE;MACdA,GAAG,CAACwD,OAAO,GAAGpB,KAAK;IACrB;EACF,CAAC;EAED,OAAO;IACLc,cAAc;IACdoD,YAAY;IACZM,oBAAoB;IACpBG,SAAS;IACTP,SAAS;IACTnE,gBAAgB;IAChBjB,UAAU;IACVC,UAAU;IACVU,YAAY;IACZC,aAAa;IACbL,KAAK;IACLQ;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/components/ReorderableListCell.js

@@ -0,0 +1,85 @@
+import React, { memo, useCallback, useMemo } from 'react';
+import Animated, { Easing, runOnUI, useAnimatedReaction, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { ReorderableCellContext, ReorderableListContext } from '../contexts';
+import { useContext } from '../hooks';
+export const ReorderableListCell = /*#__PURE__*/memo(({
+  index,
+  startDrag,
+  children,
+  onLayout,
+  itemOffset,
+  itemHeight,
+  dragY,
+  draggedIndex,
+  releasedIndex,
+  animationDuration
+}) => {
+  const dragHandler = useCallback(() => {
+    'worklet';
+
+    startDrag(index);
+  }, [startDrag, index]);
+  const contextValue = useMemo(() => ({
+    index,
+    dragHandler,
+    draggedIndex,
+    releasedIndex
+  }), [index, dragHandler, draggedIndex, releasedIndex]);
+  const {
+    currentIndex,
+    draggedHeight
+  } = useContext(ReorderableListContext);
+  const itemZIndex = useSharedValue(0);
+  const itemPositionY = useSharedValue(0);
+  const itemDragY = useSharedValue(0);
+  const itemIndex = useSharedValue(index);
+  useAnimatedReaction(() => dragY.value, () => {
+    if (itemIndex.value === draggedIndex.value && currentIndex.value >= 0 && draggedIndex.value >= 0) {
+      itemDragY.value = dragY.value;
+    }
+  });
+  useAnimatedReaction(() => currentIndex.value, () => {
+    if (itemIndex.value !== 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) {
+        newValue = moveDown ? -draggedHeight.value : draggedHeight.value;
+      }
+      if (newValue !== itemPositionY.value) {
+        itemPositionY.value = withTiming(newValue, {
+          duration: animationDuration.value,
+          easing: Easing.out(Easing.ease)
+        });
+      }
+    }
+  });
+  useAnimatedReaction(() => draggedIndex.value === index, newValue => {
+    itemZIndex.value = newValue ? 999 : 0;
+  });
+  const animatedStyle = useAnimatedStyle(() => ({
+    zIndex: itemZIndex.value,
+    transform: [{
+      translateY: itemDragY.value
+    }, {
+      translateY: itemPositionY.value
+    }]
+  }));
+  const handleLayout = e => {
+    runOnUI((y, height) => {
+      itemOffset.value[index] = y;
+      itemHeight.value[index] = height;
+    })(e.nativeEvent.layout.y, e.nativeEvent.layout.height);
+    if (onLayout) {
+      onLayout(e);
+    }
+  };
+  return /*#__PURE__*/React.createElement(ReorderableCellContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: animatedStyle,
+    onLayout: handleLayout
+  }, children));
+}, (prev, next) => prev.item === next.item && prev.extraData === next.extraData);
+//# sourceMappingURL=ReorderableListCell.js.map

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

@@ -0,0 +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","releasedIndex","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","prev","next","item","extraData"],"sourceRoot":"../../../src","sources":["components/ReorderableListCell.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ReorderableListItem.js

@@ -0,0 +1,78 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useCallback, useMemo } from 'react';
+import Animated, { Easing, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useReorderableDragEnd, useReorderableDragStart } from '../hooks';
+const scaleDefaultConfig = {
+  enabled: true,
+  valueEnd: 1,
+  valueStart: 1.025,
+  easingStart: Easing.in(Easing.ease),
+  easingEnd: Easing.out(Easing.ease),
+  duration: 200
+};
+const opacityDefaultConfig = {
+  enabled: true,
+  valueEnd: 1,
+  valueStart: 0.75,
+  easingStart: Easing.in(Easing.ease),
+  easingEnd: Easing.out(Easing.ease),
+  duration: 200
+};
+export const ReorderableListItem = ({
+  scaleAnimationConfig = scaleDefaultConfig,
+  opacityAnimationConfig = opacityDefaultConfig,
+  ...rest
+}) => {
+  const scaleConfigWithDefaults = useMemo(() => ({
+    ...scaleDefaultConfig,
+    ...scaleAnimationConfig
+  }), [scaleAnimationConfig]);
+  const opacityConfigWithDefaults = useMemo(() => ({
+    ...opacityDefaultConfig,
+    ...opacityAnimationConfig
+  }), [opacityAnimationConfig]);
+  const scale = useSharedValue(scaleConfigWithDefaults.enabled ? scaleConfigWithDefaults.valueEnd : 1);
+  const opacity = useSharedValue(opacityConfigWithDefaults.enabled ? opacityConfigWithDefaults.valueEnd : 1);
+  useReorderableDragStart(useCallback(() => {
+    'worklet';
+
+    if (scaleConfigWithDefaults.enabled) {
+      scale.value = withTiming(scaleConfigWithDefaults.valueStart, {
+        easing: scaleConfigWithDefaults.easingStart,
+        duration: scaleConfigWithDefaults.duration
+      });
+    }
+    if (opacityConfigWithDefaults.enabled) {
+      opacity.value = withTiming(opacityConfigWithDefaults.valueStart, {
+        easing: opacityConfigWithDefaults.easingStart,
+        duration: opacityConfigWithDefaults.duration
+      });
+    }
+  }, [opacity, scale, opacityConfigWithDefaults, scaleConfigWithDefaults]));
+  useReorderableDragEnd(useCallback(() => {
+    'worklet';
+
+    if (scaleConfigWithDefaults.enabled) {
+      scale.value = withTiming(scaleConfigWithDefaults.valueEnd, {
+        easing: scaleConfigWithDefaults.easingEnd,
+        duration: scaleConfigWithDefaults.duration
+      });
+    }
+    if (opacityConfigWithDefaults.enabled) {
+      opacity.value = withTiming(opacityConfigWithDefaults.valueEnd, {
+        easing: opacityConfigWithDefaults.easingEnd,
+        duration: opacityConfigWithDefaults.duration
+      });
+    }
+  }, [opacity, scale, opacityConfigWithDefaults, scaleConfigWithDefaults]));
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      scale: scale.value
+    }],
+    opacity: opacity.value
+  }), [scale, opacity]);
+  return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
+    style: [animatedStyle, rest.style]
+  }));
+};
+//# sourceMappingURL=ReorderableListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","useReorderableDragEnd","useReorderableDragStart","scaleDefaultConfig","enabled","valueEnd","valueStart","easingStart","in","ease","easingEnd","out","duration","opacityDefaultConfig","ReorderableListItem","scaleAnimationConfig","opacityAnimationConfig","rest","scaleConfigWithDefaults","opacityConfigWithDefaults","scale","opacity","value","easing","animatedStyle","transform","createElement","View","_extends","style"],"sourceRoot":"../../../src","sources":["components/ReorderableListItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/index.js

@@ -0,0 +1,4 @@
+export * from './ReorderableList';
+export * from './ReorderableListCell';
+export * from './ReorderableListItem';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,uBAAuB;AACrC,cAAc,uBAAuB","ignoreList":[]}

package/lib/module/contexts/ReorderableCellContext.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export const ReorderableCellContext = /*#__PURE__*/React.createContext(undefined);
+//# sourceMappingURL=ReorderableCellContext.js.map

package/lib/module/contexts/ReorderableCellContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReorderableCellContext","createContext","undefined"],"sourceRoot":"../../../src","sources":["contexts/ReorderableCellContext.ts"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAWzB,OAAO,MAAMC,sBAAsB,gBAAGD,KAAK,CAACE,aAAa,CAEvDC,SAAS,CAAC","ignoreList":[]}

package/lib/module/contexts/ReorderableListContext.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export const ReorderableListContext = /*#__PURE__*/React.createContext(undefined);
+//# sourceMappingURL=ReorderableListContext.js.map

package/lib/module/contexts/ReorderableListContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReorderableListContext","createContext","undefined"],"sourceRoot":"../../../src","sources":["contexts/ReorderableListContext.ts"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AASzB,OAAO,MAAMC,sBAAsB,gBAAGD,KAAK,CAACE,aAAa,CAEvDC,SAAS,CAAC","ignoreList":[]}

package/lib/module/contexts/index.js

@@ -0,0 +1,3 @@
+export * from './ReorderableCellContext';
+export * from './ReorderableListContext';
+//# sourceMappingURL=index.js.map

package/lib/module/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["contexts/index.ts"],"mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,0BAA0B","ignoreList":[]}

package/lib/module/hooks/index.js

@@ -0,0 +1,5 @@
+export * from './useReorderableDrag';
+export * from './useReorderableDragStart';
+export * from './useReorderableDragEnd';
+export * from './useContext';
+//# sourceMappingURL=index.js.map

package/lib/module/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":"AAAA,cAAc,sBAAsB;AACpC,cAAc,2BAA2B;AACzC,cAAc,yBAAyB;AACvC,cAAc,cAAc","ignoreList":[]}

package/lib/module/hooks/useContext.js

@@ -0,0 +1,9 @@
+import { useContext as useReactContext } from 'react';
+export const useContext = context => {
+  const value = useReactContext(context);
+  if (value !== undefined) {
+    return value;
+  }
+  throw 'Please consume ReorderableList context within its provider.';
+};
+//# sourceMappingURL=useContext.js.map

package/lib/module/hooks/useContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","useReactContext","context","value","undefined"],"sourceRoot":"../../../src","sources":["hooks/useContext.ts"],"mappings":"AAAA,SAAQA,UAAU,IAAIC,eAAe,QAAO,OAAO;AAEnD,OAAO,MAAMD,UAAU,GAAOE,OAAqC,IAAK;EACtE,MAAMC,KAAK,GAAGF,eAAe,CAACC,OAAO,CAAC;EAEtC,IAAIC,KAAK,KAAKC,SAAS,EAAE;IACvB,OAAOD,KAAK;EACd;EAEA,MAAM,6DAA6D;AACrE,CAAC","ignoreList":[]}

package/lib/module/hooks/useReorderableDrag.js

@@ -0,0 +1,9 @@
+import { useContext } from './useContext';
+import { ReorderableCellContext } from '../contexts';
+export const useReorderableDrag = () => {
+  const {
+    dragHandler
+  } = useContext(ReorderableCellContext);
+  return dragHandler;
+};
+//# sourceMappingURL=useReorderableDrag.js.map

package/lib/module/hooks/useReorderableDrag.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","ReorderableCellContext","useReorderableDrag","dragHandler"],"sourceRoot":"../../../src","sources":["hooks/useReorderableDrag.ts"],"mappings":"AAAA,SAAQA,UAAU,QAAO,cAAc;AACvC,SAAQC,sBAAsB,QAAO,aAAa;AAElD,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAM;IAACC;EAAW,CAAC,GAAGH,UAAU,CAACC,sBAAsB,CAAC;EACxD,OAAOE,WAAW;AACpB,CAAC","ignoreList":[]}

package/lib/module/hooks/useReorderableDragEnd.js

@@ -0,0 +1,21 @@
+import { useAnimatedReaction } from 'react-native-reanimated';
+import { useContext } from './useContext';
+import { ReorderableCellContext, ReorderableListContext } from '../contexts';
+export const useReorderableDragEnd = onEnd => {
+  const {
+    currentIndex
+  } = useContext(ReorderableListContext);
+  const {
+    releasedIndex,
+    index
+  } = useContext(ReorderableCellContext);
+  useAnimatedReaction(() => releasedIndex.value === index, newValue => {
+    if (newValue) {
+      releasedIndex.value = -1;
+      if (onEnd) {
+        onEnd(index, currentIndex.value);
+      }
+    }
+  }, [onEnd]);
+};
+//# sourceMappingURL=useReorderableDragEnd.js.map

package/lib/module/hooks/useReorderableDragEnd.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAnimatedReaction","useContext","ReorderableCellContext","ReorderableListContext","useReorderableDragEnd","onEnd","currentIndex","releasedIndex","index","value","newValue"],"sourceRoot":"../../../src","sources":["hooks/useReorderableDragEnd.ts"],"mappings":"AAAA,SAAQA,mBAAmB,QAAO,yBAAyB;AAE3D,SAAQC,UAAU,QAAO,cAAc;AACvC,SAAQC,sBAAsB,EAAEC,sBAAsB,QAAO,aAAa;AAE1E,OAAO,MAAMC,qBAAqB,GAChCC,KAAyC,IACtC;EACH,MAAM;IAACC;EAAY,CAAC,GAAGL,UAAU,CAACE,sBAAsB,CAAC;EACzD,MAAM;IAACI,aAAa;IAAEC;EAAK,CAAC,GAAGP,UAAU,CAACC,sBAAsB,CAAC;EAEjEF,mBAAmB,CACjB,MAAMO,aAAa,CAACE,KAAK,KAAKD,KAAK,EACnCE,QAAQ,IAAI;IACV,IAAIA,QAAQ,EAAE;MACZH,aAAa,CAACE,KAAK,GAAG,CAAC,CAAC;MAExB,IAAIJ,KAAK,EAAE;QACTA,KAAK,CAACG,KAAK,EAAEF,YAAY,CAACG,KAAK,CAAC;MAClC;IACF;EACF,CAAC,EACD,CAACJ,KAAK,CACR,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/hooks/useReorderableDragStart.js

@@ -0,0 +1,15 @@
+import { useAnimatedReaction } from 'react-native-reanimated';
+import { useContext } from './useContext';
+import { ReorderableCellContext } from '../contexts';
+export const useReorderableDragStart = onStart => {
+  const {
+    draggedIndex,
+    index
+  } = useContext(ReorderableCellContext);
+  useAnimatedReaction(() => draggedIndex.value === index, newValue => {
+    if (newValue && onStart) {
+      onStart(index);
+    }
+  }, [onStart]);
+};
+//# sourceMappingURL=useReorderableDragStart.js.map

package/lib/module/hooks/useReorderableDragStart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAnimatedReaction","useContext","ReorderableCellContext","useReorderableDragStart","onStart","draggedIndex","index","value","newValue"],"sourceRoot":"../../../src","sources":["hooks/useReorderableDragStart.ts"],"mappings":"AAAA,SAAQA,mBAAmB,QAAO,yBAAyB;AAE3D,SAAQC,UAAU,QAAO,cAAc;AACvC,SAAQC,sBAAsB,QAAO,aAAa;AAElD,OAAO,MAAMC,uBAAuB,GAAIC,OAAgC,IAAK;EAC3E,MAAM;IAACC,YAAY;IAAEC;EAAK,CAAC,GAAGL,UAAU,CAACC,sBAAsB,CAAC;EAEhEF,mBAAmB,CACjB,MAAMK,YAAY,CAACE,KAAK,KAAKD,KAAK,EAClCE,QAAQ,IAAI;IACV,IAAIA,QAAQ,IAAIJ,OAAO,EAAE;MACvBA,OAAO,CAACE,KAAK,CAAC;IAChB;EACF,CAAC,EACD,CAACF,OAAO,CACV,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,6 @@
+import { ReorderableList, ReorderableListItem } from './components';
+import { useReorderableDrag, useReorderableDragEnd, useReorderableDragStart } from './hooks';
+import { reorderItems } from './utils';
+export { useReorderableDrag, useReorderableDragStart, useReorderableDragEnd, ReorderableListItem, reorderItems };
+export default ReorderableList;
+//# sourceMappingURL=index.js.map