react-native-reorderable-list 0.8.0 → 0.10.0

package/README.md

@@ -9,8 +9,7 @@
 
 A reorderable list for React Native applications, powered by Reanimated 🚀
 
-![Playlist](https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExM3JpY200bHoxeDVneGV1YTUxaHIxaGNuNjQ3ZjRlZWZ1NmluYjFlZSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/rk5aZKXYVMBktawoTr/giphy.gif)
-![Example](https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExNzBhdWZoM3F4bGlnajB6NGdsbjA3MW54aHk5NGxkZnp3aXJrdDJ6ciZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/oJhSawgWA1OtR1IPgT/giphy.gif)
+![Demo](https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExanBuODMwN29scmxoNXY0MmZkcHpzZnFxYXE5eTVydzBsbHIyY3ZqMyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/T9uQrEnUCijeJOzSs9/giphy.gif)
 
 ## Index
 
@@ -23,7 +22,10 @@ A reorderable list for React Native applications, powered by Reanimated 🚀
   - [useReorderableDrag](#usereorderabledrag)
   - [useReorderableDragStart](#usereorderabledragstart)
   - [useReorderableDragEnd](#usereorderabledragend)
+  - [useIsActive](#useisactive)
 - [Utils](#utils)
+- [Troubleshooting](#troubleshooting)
+  - [RefreshControl](#refreshcontrol)
 - [Example](#example)
 - [License](#license)
 
@@ -54,18 +56,22 @@ Then you need to install these two peer dependencies:
 
 This component uses a [FlatList](https://reactnative.dev/docs/flatlist) and it extends its props:
 
-| Props                | Type                                                                             | Required | Default                    | Description                                                                                                                                                                                                                                                                                                   |
-| -------------------- | -------------------------------------------------------------------------------- | -------- | -------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| autoscrollThreshold  | `number`                                                                         | No       | `0.1`                      | Threshold at the extremity of the list that triggers autoscroll when an item is dragged to it. A value of `0.1` means that 10% of the area at the top and 10% at the bottom will trigger autoscroll. Min value: `0`. Max value: `0.4`.                                                                        |
-| autoscrollSpeedScale | `number`                                                                         | No       | `1`                        | Scales the autoscroll speed at which the list scrolls when an item is dragged to the scroll areas.                                                                                                                                                                                                            |
-| autoscrollDelay      | `number`                                                                         | No       | `0` (Android), `100` (iOS) | Delay in between autoscroll triggers. Can be used to tune the autoscroll smoothness. Default values differ between platforms: `0` for Android and `100` for iOS.                                                                                                                                              |
-| dragReorderThreshold | `number`                                                                         | No       | `0.2`                      | Specifies the fraction of an item's size at which it will shift when a dragged item crosses over it. For example, `0.2` means the item shifts when the dragged item passes 20% of its height (in a vertical list).                                                                                            |
-| animationDuration    | `number`                                                                         | No       | `200`                      | Duration of the animations in milliseconds. Users won't be able to drag a new item until the dragged item is released and its animation to its new position ends.                                                                                                                                             |
-| cellAnimations       | `{ scale: SharedValue<number> \| false, opacity: SharedValue<number> \| false }` | No       | N/A                        | Allows passing an object with shared values that can animate a cell by using the `onDragStart` and `onDragEnd` events. Set the property in the object to false to disable the animation. Check the [examples](https://github.com/omahili/react-native-reorderable-list/tree/master/example) for more details. |
-| onReorder            | `(event: { from: number, to: number  }) => void`                                 | Yes      | N/A                        | Event fired after an item is released and the list is reordered. Needs to be a `worklet`. See [Reanimated docs](https://docs.swmansion.com/react-native-reanimated) for further info.                                                                                                                         |
-| onDragStart          | `(event: { index: number }) => void`                                             | No       | N/A                        | Event fired when an item is dragged. Needs to be a `worklet`. See [Reanimated docs](https://docs.swmansion.com/react-native-reanimated) for further info.                                                                                                                                                     |
-| onDragEnd            | `(event: { from: number, to: number  }) => void`                                 | No       | N/A                        | Event fired when the dragged item is released. Needs to be a `worklet`. See [Reanimated docs](https://docs.swmansion.com/react-native-reanimated) for further info.                                                                                                                                           |
-| onScroll             | `ReturnType<typeof useAnimatedScrollHandler>`                                    | No       | N/A                        | An animated scroll handler created with useAnimatedScrollHandler. See [Reanimated docs](https://docs.swmansion.com/react-native-reanimated) for further info.                                                                                                                                                 |
+| Props                     | Type                                             | Required | Default                    | Description                                                                                                                                                                                                                                                                                                                                                                                                    |
+| ------------------------- | ------------------------------------------------ | -------- | -------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| autoscrollThreshold       | `number`                                         | No       | `0.1`                      | Threshold at the extremity of the list that triggers autoscroll when an item is dragged to it. A value of `0.1` means that 10% of the area at the top and 10% at the bottom will trigger autoscroll. Min value: `0`. Max value: `0.4`.                                                                                                                                                                         |
+| autoscrollThresholdOffset | `{top?: number; bottom?: number}`                | No       | `{top: 0, bottom: 0}`      | Amount by which the threshold is offset at the extremety of the list. For example, setting `{top: 50}` will make the autoscroll trigger 50 pixels earlier at the top.                                                                                                                                                                                                                                          |
+| autoscrollSpeedScale      | `number`                                         | No       | `1`                        | Scales the autoscroll speed at which the list scrolls when an item is dragged to the scroll areas.                                                                                                                                                                                                                                                                                                             |
+| autoscrollDelay           | `number`                                         | No       | `0` (Android), `100` (iOS) | Delay in between autoscroll triggers. Can be used to tune the autoscroll smoothness. Default values differ between platforms: `0` for Android and `100` for iOS.                                                                                                                                                                                                                                               |
+| dragReorderThreshold      | `number`                                         | No       | `0.2`                      | Specifies the fraction of an item's size at which it will shift when a dragged item crosses over it. For example, `0.2` means the item shifts when the dragged item passes 20% of its height (in a vertical list).                                                                                                                                                                                             |
+| animationDuration         | `number`                                         | No       | `200`                      | Duration of the animations in milliseconds. Users won't be able to drag a new item until the dragged item is released and its animation to its new position ends.                                                                                                                                                                                                                                              |
+| cellAnimations            | `ReorderableListCellAnimations`                  | No       | N/A                        | Allows passing an object with values and/or shared values that can animate a cell, for example by using the `onDragStart` and `onDragEnd` events. Supports view style properties. Override opacity and/or transform to disable the default animation, e.g. `{opacity: 1, transform: []}`. Check the [examples](https://github.com/omahili/react-native-reorderable-list/tree/master/example) for more details. |
+| shouldUpdateActiveItem    | boolean                                          | No       | `false`                    | Whether the active item should be updated. Enables usage of `useIsActive` hook.                                                                                                                                                                                                                                                                                                                                |
+| panEnabled                | `boolean`                                        | No       | `true`                     | Wether the pan gestures necessary for dragging are enabled.                                                                                                                                                                                                                                                                                                                                                    |
+| panActivateAfterLongPress | `number`                                         | No       | N/A                        | Duration in milliseconds a the long press on the list before pan gestures, necessary for dragging, are allowed to activate.                                                                                                                                                                                                                                                                                    |
+| onReorder                 | `(event: { from: number, to: number  }) => void` | Yes      | N/A                        | Event fired after an item is released and the list is reordered.                                                                                                                                                                                                                                                                                                                                               |
+| onDragStart               | `(event: { index: number }) => void`             | No       | N/A                        | Event fired when an item is dragged. Needs to be a `worklet`. See [Reanimated docs](https://docs.swmansion.com/react-native-reanimated) for further info.                                                                                                                                                                                                                                                      |
+| onDragEnd                 | `(event: { from: number, to: number  }) => void` | No       | N/A                        | Event fired when the dragged item is released. Needs to be a `worklet`. See [Reanimated docs](https://docs.swmansion.com/react-native-reanimated) for further info.                                                                                                                                                                                                                                            |
+| onScroll                  | `ReturnType<typeof useAnimatedScrollHandler>`    | No       | N/A                        | An animated scroll handler created with useAnimatedScrollHandler. See [Reanimated docs](https://docs.swmansion.com/react-native-reanimated) for further info.                                                                                                                                                                                                                                                  |
 
 The following props from FlatList are not supported:
 
@@ -133,19 +139,90 @@ useReorderableDragEnd(
 
 Using this hook in large lists is discouraged due to performance bottlenecks, prefer `onDragEnd` on the ReorderableList instead.
 
+### useIsActive
+
+This hook returns a boolean indicating whether the current item is active. It will return true on drag start and false on drag end. This hook can only be used inside of a list item component.
+
+```typescript
+const isActive = useIsActive();
+```
+
+Additionally this hook requires setting `shouldUpdateActiveItem` to true on the ReorderableList:
+
+```typescript
+<ReorderableList
+  // ...
+  shouldUpdateActiveItem
+/>
+```
+
 ## Utils
 
 - **reorderItems**: `<T>(data: T[], from: number, to: number) => T[]`
 
   This function receives an array of items, the index of the item to be moved, and the index of the new position and it returns a new array with the items reordered.
 
+## Troubleshooting
+
+### RefreshControl
+
+If you want to use RefreshControl with ReorderableList you might encounter some issues on Android, where gestures are conflicting making one or both of the components non responsive. To overcome this issues you can delay the activation of pan gestures necessary for dragging items by using the `panActivateAfterLongPress` prop. This duration should be slightly longer than the long press delay necessary to drag your items. If you're using Pressable the `delayLongPress` is 500 ms by default.
+
+```typescript
+<ReorderableList
+  // ...
+  panActivateAfterLongPress={Platform.OS === 'android' ? 520 : undefined}
+/>
+```
+
+If you change `delayLongPress` on your Pressable, update this prop accordingly.
+
+Another issue you'll encounter is that when you drag your items the RefreshControl might animate. To avoid this you can enable and disable it on drag start and drag end like so:
+
+```typescript
+const [refreshEnabled, setRefreshEnabled] = useState(true);
+
+const handleDragStart = useCallback(() => {
+  'worklet';
+
+  // NOTE: If it's refreshing we don't want the refresh control to disappear
+  // and we can keep it enabled since it won't conflict with the drag.
+  if (Platform.OS === 'android' && !refreshing) {
+    runOnJS(setRefreshEnabled)(false);
+  }
+}, [refreshing]);
+
+const handleDragEnd = useCallback(() => {
+  'worklet';
+
+  if (Platform.OS === 'android') {
+    runOnJS(setRefreshEnabled)(true);
+  }
+}, []);
+
+return (
+  <ReorderableList
+    // ...
+    onDragStart={handleDragStart}
+    onDragEnd={handleDragEnd}
+    refreshControl={
+      <RefreshControl
+        // ...
+        enabled={refreshEnabled}
+      />
+    }
+  />
+);
+```
+
 ## Example
 
-Here is simple example of how to use this component. Examples of nested lists and much more can be found in the [example](https://github.com/omahili/react-native-reorderable-list/tree/feat/nested-lists/example) directory.
+Here is simple example of how to use this component. Examples of nested lists and much more can be found in the [example](https://github.com/omahili/react-native-reorderable-list/tree/master/example) directory.
 
 ```typescript
 import React, {memo, useState} from 'react';
 import {ListRenderItemInfo, Pressable, StyleSheet, Text} from 'react-native';
+
 import ReorderableList, {
   ReorderableListReorderEvent,
   reorderItems,
@@ -158,18 +235,15 @@ interface CardProps {
   height: number;
 }
 
-const list: CardProps[] = [
-  {id: '0', color: 'red', height: 100},
-  {id: '1', color: 'blue', height: 150},
-  {id: '2', color: 'green', height: 80},
-  {id: '3', color: 'violet', height: 100},
-  {id: '4', color: 'orange', height: 120},
-  {id: '5', color: 'coral', height: 100},
-  {id: '6', color: 'purple', height: 110},
-  {id: '7', color: 'chocolate', height: 80},
-  {id: '8', color: 'crimson', height: 90},
-  {id: '9', color: 'seagreen', height: 90},
-];
+const rand = () => Math.floor(Math.random() * 256);
+
+const seedData: CardProps[] = Array(20)
+  .fill(null)
+  .map((_, i) => ({
+    id: i.toString(),
+    color: `rgb(${rand()}, ${rand()}, ${rand()})`,
+    height: Math.max(60, Math.floor(Math.random() * 100)),
+  }));
 
 const Card: React.FC<CardProps> = memo(({id, color, height}) => {
   const drag = useReorderableDrag();
@@ -182,7 +256,7 @@ const Card: React.FC<CardProps> = memo(({id, color, height}) => {
 });
 
 const Example = () => {
-  const [data, setData] = useState(list);
+  const [data, setData] = useState(seedData);
 
   const handleReorder = ({from, to}: ReorderableListReorderEvent) => {
     setData(value => reorderItems(value, from, to));
@@ -206,11 +280,9 @@ const styles = StyleSheet.create({
   card: {
     justifyContent: 'center',
     alignItems: 'center',
-    margin: 6,
-    borderRadius: 5,
     backgroundColor: 'white',
-    borderWidth: 1,
-    borderColor: '#ddd',
+    borderBottomWidth: 1,
+    borderBottomColor: '#ddd',
   },
   text: {
     fontSize: 20,

package/lib/commonjs/components/ReorderableListCell.js

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _contexts = require("../contexts");
 var _hooks = require("../hooks");
+var _helpers = require("./helpers");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const ReorderableListCell = exports.ReorderableListCell = /*#__PURE__*/(0, _react.memo)(({
@@ -24,21 +25,23 @@ const ReorderableListCell = exports.ReorderableListCell = /*#__PURE__*/(0, _reac
   const {
     currentIndex,
     draggedHeight,
-    scale,
-    opacity
+    activeIndex,
+    cellAnimations
   } = (0, _hooks.useContext)(_contexts.ReorderableListContext);
   const dragHandler = (0, _react.useCallback)(() => (0, _reactNativeReanimated.runOnUI)(startDrag)(index), [startDrag, index]);
+  const isActive = activeIndex === index;
   const contextValue = (0, _react.useMemo)(() => ({
     index,
     dragHandler,
-    draggedIndex
-  }), [index, dragHandler, draggedIndex]);
+    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 = (0, _reactNativeReanimated.useSharedValue)(0);
-  const isActive = (0, _reactNativeReanimated.useDerivedValue)(() => draggedIndex.value === index);
+  const isActiveCell = (0, _reactNativeReanimated.useDerivedValue)(() => draggedIndex.value === index);
   (0, _reactNativeReanimated.useAnimatedReaction)(() => dragY.value, () => {
     if (index === draggedIndex.value && currentIndex.value >= 0 && draggedIndex.value >= 0) {
       itemTranslateY.value = dragY.value;
@@ -62,16 +65,18 @@ const ReorderableListCell = exports.ReorderableListCell = /*#__PURE__*/(0, _reac
     }
   });
   const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    if (isActive.value) {
-      return {
-        transform: [{
-          translateY: itemTranslateY.value
-        }, {
-          scale: scale.value
-        }],
-        opacity: opacity.value,
+    if (isActiveCell.value) {
+      const transform = [{
+        translateY: itemTranslateY.value
+      }];
+      if (Array.isArray(cellAnimations.transform)) {
+        const customTransform = cellAnimations.transform.map(x => (0, _helpers.applyAnimatedStyles)({}, x));
+        transform.push(...customTransform);
+      }
+      return (0, _helpers.applyAnimatedStyles)({
+        transform,
         zIndex: 999
-      };
+      }, cellAnimations, ['transform']);
     }
     return {
       transform: [{

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_contexts","_hooks","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ReorderableListCell","exports","memo","index","startDrag","children","onLayout","itemOffset","itemHeight","dragY","draggedIndex","animationDuration","currentIndex","draggedHeight","scale","opacity","useContext","ReorderableListContext","dragHandler","useCallback","runOnUI","contextValue","useMemo","itemTranslateY","useSharedValue","isActive","useDerivedValue","value","useAnimatedReaction","moveDown","startMove","Math","min","endMove","max","newValue","withTiming","duration","easing","Easing","out","ease","animatedStyle","useAnimatedStyle","transform","translateY","zIndex","handleLayout","y","height","nativeEvent","layout","createElement","ReorderableCellContext","Provider","View","style"],"sourceRoot":"../../../src","sources":["components/ReorderableListCell.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_contexts","_hooks","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ReorderableListCell","exports","memo","index","startDrag","children","onLayout","itemOffset","itemHeight","dragY","draggedIndex","animationDuration","currentIndex","draggedHeight","activeIndex","cellAnimations","useContext","ReorderableListContext","dragHandler","useCallback","runOnUI","isActive","contextValue","useMemo","itemTranslateY","useSharedValue","isActiveCell","useDerivedValue","value","useAnimatedReaction","moveDown","startMove","Math","min","endMove","max","newValue","withTiming","duration","easing","Easing","out","ease","animatedStyle","useAnimatedStyle","transform","translateY","Array","isArray","customTransform","map","x","applyAnimatedStyles","push","zIndex","handleLayout","y","height","nativeEvent","layout","createElement","ReorderableCellContext","Provider","View","style"],"sourceRoot":"../../../src","sources":["components/ReorderableListCell.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ReorderableListCore/ReorderableListCore.js

@@ -17,8 +17,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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); }
 const AnimatedFlatList = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.FlatList);
 const ReorderableListCore = ({
-  data,
   autoscrollThreshold = 0.1,
+  autoscrollThresholdOffset,
   autoscrollSpeedScale = 1,
   autoscrollDelay = _autoscrollConfig.AUTOSCROLL_CONFIG.delay,
   animationDuration = 200,
@@ -28,17 +28,17 @@ const ReorderableListCore = ({
   onScroll,
   onDragStart,
   onDragEnd,
-  keyExtractor,
-  extraData,
   scrollViewContainerRef,
   scrollViewHeightY,
   scrollViewScrollOffsetY,
   scrollViewScrollEnabled,
-  scrollEnabled,
   initialScrollViewScrollEnabled,
   scrollable,
   outerScrollGesture,
   cellAnimations,
+  shouldUpdateActiveItem,
+  panEnabled = true,
+  panActivateAfterLongPress,
   ...rest
 }, ref) => {
   const {
@@ -56,6 +56,7 @@ const ReorderableListCore = ({
   } = (0, _useReorderableListCore.useReorderableListCore)({
     ref,
     autoscrollThreshold,
+    autoscrollThresholdOffset,
     autoscrollSpeedScale,
     autoscrollDelay,
     animationDuration,
@@ -70,10 +71,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,
-    cellAnimations
+    cellAnimations,
+    shouldUpdateActiveItem,
+    panEnabled,
+    panActivateAfterLongPress
   });
   const combinedGesture = (0, _react.useMemo)(() => {
     // android is able to handle nested scroll view, but not the full height ones like iOS
@@ -102,17 +106,13 @@ const ReorderableListCore = ({
     gesture: combinedGesture
   }, /*#__PURE__*/_react.default.createElement(AnimatedFlatList, _extends({}, rest, {
     ref: handleRef,
-    data: data,
     CellRendererComponent: renderAnimatedCell,
     onLayout: handleFlatListLayout,
     onScroll: composedScrollHandler,
     scrollEventThrottle: 1,
     horizontal: false,
     removeClippedSubviews: false,
-    keyExtractor: keyExtractor,
-    extraData: extraData,
-    numColumns: 1,
-    scrollEnabled: scrollEnabled
+    numColumns: 1
   }))));
 };
 const MemoizedReorderableListCore = exports.ReorderableListCore = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef(ReorderableListCore));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_autoscrollConfig","_useReorderableListCore","_contexts","_ReorderableListCell","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","AnimatedFlatList","Animated","createAnimatedComponent","FlatList","ReorderableListCore","data","autoscrollThreshold","autoscrollSpeedScale","autoscrollDelay","AUTOSCROLL_CONFIG","delay","animationDuration","dragReorderThreshold","onLayout","onReorder","onScroll","onDragStart","onDragEnd","keyExtractor","extraData","scrollViewContainerRef","scrollViewHeightY","scrollViewScrollOffsetY","scrollViewScrollEnabled","scrollEnabled","initialScrollViewScrollEnabled","scrollable","outerScrollGesture","cellAnimations","rest","ref","gestureHandler","handleScroll","handleFlatListLayout","handleRef","startDrag","listContextValue","itemOffset","itemHeight","dragY","draggedIndex","duration","useReorderableListCore","initialScrollEnabled","nestedScrollable","combinedGesture","useMemo","Platform","OS","Gesture","Simultaneous","composedScrollHandler","useComposedEventHandler","renderAnimatedCell","useCallback","cellKey","props","createElement","ReorderableListCell","key","index","ReorderableListContext","Provider","value","GestureDetector","gesture","CellRendererComponent","scrollEventThrottle","horizontal","removeClippedSubviews","numColumns","MemoizedReorderableListCore","exports","React","memo","forwardRef"],"sourceRoot":"../../../../src","sources":["components/ReorderableListCore/ReorderableListCore.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_autoscrollConfig","_useReorderableListCore","_contexts","_ReorderableListCell","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","AnimatedFlatList","Animated","createAnimatedComponent","FlatList","ReorderableListCore","autoscrollThreshold","autoscrollThresholdOffset","autoscrollSpeedScale","autoscrollDelay","AUTOSCROLL_CONFIG","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","useReorderableListCore","initialScrollEnabled","scrollEnabled","nestedScrollable","combinedGesture","useMemo","Platform","OS","Gesture","Simultaneous","composedScrollHandler","useComposedEventHandler","renderAnimatedCell","useCallback","cellKey","props","createElement","ReorderableListCell","key","index","ReorderableListContext","Provider","value","GestureDetector","gesture","CellRendererComponent","scrollEventThrottle","horizontal","removeClippedSubviews","numColumns","MemoizedReorderableListCore","exports","React","memo","forwardRef"],"sourceRoot":"../../../../src","sources":["components/ReorderableListCore/ReorderableListCore.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -18,6 +18,7 @@ const hasAutomaticBatching = version.length ? parseInt(version[0], 10) >= 18 : f
 const useReorderableListCore = ({
   ref,
   autoscrollThreshold,
+  autoscrollThresholdOffset,
   autoscrollSpeedScale,
   autoscrollDelay,
   animationDuration,
@@ -33,9 +34,13 @@ const useReorderableListCore = ({
   initialScrollEnabled,
   initialScrollViewScrollEnabled,
   nestedScrollable,
-  cellAnimations
+  cellAnimations,
+  shouldUpdateActiveItem,
+  panActivateAfterLongPress,
+  panEnabled
 }) => {
   const flatListRef = (0, _reactNativeReanimated.useAnimatedRef)();
+  const [activeIndex, setActiveIndex] = (0, _react.useState)(-1);
   const scrollEnabled = (0, _reactNativeReanimated.useSharedValue)(initialScrollEnabled);
   const gestureState = (0, _reactNativeReanimated.useSharedValue)(_reactNativeGestureHandler.State.UNDETERMINED);
   const currentY = (0, _reactNativeReanimated.useSharedValue)(0);
@@ -64,10 +69,6 @@ const useReorderableListCore = ({
   const duration = (0, _reactNativeReanimated.useSharedValue)(animationDuration);
   const scaleDefault = (0, _reactNativeReanimated.useSharedValue)(1);
   const opacityDefault = (0, _reactNativeReanimated.useSharedValue)(1);
-  const {
-    scale,
-    opacity
-  } = cellAnimations || {};
   (0, _react.useEffect)(() => {
     duration.value = animationDuration;
   }, [duration, animationDuration]);
@@ -76,9 +77,15 @@ const useReorderableListCore = ({
     currentIndex,
     draggedIndex,
     dragEndHandlers,
-    scale: scale || scaleDefault,
-    opacity: opacity || opacityDefault
-  }), [draggedHeight, currentIndex, draggedIndex, dragEndHandlers, scale, scaleDefault, opacity, opacityDefault]);
+    activeIndex,
+    cellAnimations: {
+      ...cellAnimations,
+      transform: cellAnimations && 'transform' in cellAnimations ? cellAnimations.transform : [{
+        scale: scaleDefault
+      }],
+      opacity: cellAnimations && 'opacity' in cellAnimations ? cellAnimations.opacity : opacityDefault
+    }
+  }), [draggedHeight, currentIndex, draggedIndex, dragEndHandlers, activeIndex, cellAnimations, scaleDefault, opacityDefault]);
   const panGestureHandler = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Pan().onBegin(e => {
     // prevent new dragging until item is completely released
     if (state.value === _types.ReorderableListState.IDLE) {
@@ -96,7 +103,16 @@ const useReorderableListCore = ({
       gestureState.value = e.state;
     }
   }).onEnd(e => gestureState.value = e.state).onFinalize(e => gestureState.value = e.state), [currentTranslationY, currentY, dragScrollTranslationY, scrollViewDragScrollTranslationY, gestureState, dragY, startY, state]);
-  const gestureHandler = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Simultaneous(_reactNativeGestureHandler.Gesture.Native(), panGestureHandler), [panGestureHandler]);
+  const panGestureHandlerWithOptions = (0, _react.useMemo)(() => {
+    if (typeof panActivateAfterLongPress === 'number') {
+      panGestureHandler.activateAfterLongPress(panActivateAfterLongPress);
+    }
+    if (!panEnabled) {
+      panGestureHandler.enabled(panEnabled);
+    }
+    return panGestureHandler;
+  }, [panActivateAfterLongPress, panEnabled, panGestureHandler]);
+  const gestureHandler = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Simultaneous(_reactNativeGestureHandler.Gesture.Native(), panGestureHandlerWithOptions), [panGestureHandlerWithOptions]);
   const setScrollEnabled = (0, _react.useCallback)(enabled => {
     // if scroll is enabled on list props then we can toggle it
     if (initialScrollEnabled) {
@@ -198,24 +214,27 @@ const useReorderableListCore = ({
   const runDefaultDragAnimations = (0, _react.useCallback)(type => {
     'worklet';
 
-    // if animation is not disabled and not custom run the default
-    if (scale !== false && !scale) {
+    // if no custom scale run default
+    if (!(cellAnimations && 'transformtra' in cellAnimations)) {
       const scaleConfig = _animationDefaults.SCALE_ANIMATION_CONFIG_DEFAULT[type];
       scaleDefault.value = (0, _reactNativeReanimated.withTiming)(scaleConfig.toValue, scaleConfig);
     }
 
-    // if animation is not disabled and not custom run the default
-    if (opacity !== false && !opacity) {
+    // if no custom opacity run the default
+    if (!(cellAnimations && 'opacity' in cellAnimations)) {
       const opacityConfig = _animationDefaults.OPACITY_ANIMATION_CONFIG_DEFAULT[type];
       opacityDefault.value = (0, _reactNativeReanimated.withTiming)(opacityConfig.toValue, opacityConfig);
     }
-  }, [scale, scaleDefault, opacity, opacityDefault]);
+  }, [cellAnimations, scaleDefault, opacityDefault]);
   (0, _reactNativeReanimated.useAnimatedReaction)(() => gestureState.value, () => {
     if (gestureState.value !== _reactNativeGestureHandler.State.ACTIVE && gestureState.value !== _reactNativeGestureHandler.State.BEGAN && (state.value === _types.ReorderableListState.DRAGGED || state.value === _types.ReorderableListState.AUTOSCROLL)) {
       state.value = _types.ReorderableListState.RELEASED;
 
       // enable back scroll on releasing
       (0, _reactNativeReanimated.runOnJS)(setScrollEnabled)(true);
+      if (shouldUpdateActiveItem) {
+        (0, _reactNativeReanimated.runOnJS)(setActiveIndex)(-1);
+      }
 
       // trigger onDragEnd event
       let e = {
@@ -272,21 +291,27 @@ const useReorderableListCore = ({
   const calculateThresholdArea = (0, _react.useCallback)(hiddenArea => {
     'worklet';
 
+    const offsetTop = Math.max(0, (autoscrollThresholdOffset === null || autoscrollThresholdOffset === void 0 ? void 0 : autoscrollThresholdOffset.top) || 0);
+    const offsetBottom = Math.max(0, (autoscrollThresholdOffset === null || autoscrollThresholdOffset === void 0 ? void 0 : autoscrollThresholdOffset.bottom) || 0);
     const threshold = Math.max(0, Math.min(autoscrollThreshold, 0.4));
-    const visibleHeight = flatListHeightY.value - (hiddenArea.top + hiddenArea.bottom);
-    const top = visibleHeight * threshold;
-    const bottom = flatListHeightY.value - top;
+    const visibleHeight = flatListHeightY.value - (hiddenArea.top + hiddenArea.bottom) - (offsetTop + offsetBottom);
+    const area = visibleHeight * threshold;
+    const top = area + offsetTop;
+    const bottom = flatListHeightY.value - area - offsetBottom;
     return {
       top,
       bottom
     };
-  }, [autoscrollThreshold, flatListHeightY]);
+  }, [autoscrollThreshold, autoscrollThresholdOffset, flatListHeightY]);
   const calculateThresholdAreaParent = (0, _react.useCallback)(hiddenArea => {
     'worklet';
 
+    const offsetTop = Math.max(0, (autoscrollThresholdOffset === null || autoscrollThresholdOffset === void 0 ? void 0 : autoscrollThresholdOffset.top) || 0);
+    const offsetBottom = Math.max(0, (autoscrollThresholdOffset === null || autoscrollThresholdOffset === void 0 ? void 0 : autoscrollThresholdOffset.bottom) || 0);
     const threshold = Math.max(0, Math.min(autoscrollThreshold, 0.4));
-    const top = flatListHeightY.value * threshold;
-    const bottom = flatListHeightY.value - top;
+    const area = flatListHeightY.value * threshold;
+    const top = area + offsetTop;
+    const bottom = flatListHeightY.value - area - offsetBottom;
 
     // if the hidden area is 0 then we don't have a threshold area
     // we might have floating errors like 0.0001 which we should ignore
@@ -294,7 +319,7 @@ const useReorderableListCore = ({
       top: hiddenArea.top > 0.1 ? top + hiddenArea.top : 0,
       bottom: hiddenArea.bottom > 0.1 ? bottom - hiddenArea.bottom : 0
     };
-  }, [autoscrollThreshold, flatListHeightY]);
+  }, [autoscrollThreshold, autoscrollThresholdOffset, flatListHeightY]);
   const shouldScrollParent = (0, _react.useCallback)(y => {
     'worklet';
 
@@ -408,6 +433,9 @@ 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) {
+        (0, _reactNativeReanimated.runOnJS)(setActiveIndex)(index);
+      }
       dragInitialScrollOffsetY.value = flatListScrollOffsetY.value;
       scrollViewDragInitialScrollOffsetY.value = scrollViewScrollOffsetY ? scrollViewScrollOffsetY.value : 0;
       draggedHeight.value = itemHeight.value[index];
@@ -423,7 +451,7 @@ const useReorderableListCore = ({
         index
       });
     }
-  }, [resetSharedValues, dragInitialScrollOffsetY, scrollViewScrollOffsetY, scrollViewDragInitialScrollOffsetY, setScrollEnabled, currentIndex, previousIndex, draggedHeight, draggedIndex, state, flatListScrollOffsetY, itemHeight, onDragStart, runDefaultDragAnimations]);
+  }, [resetSharedValues, shouldUpdateActiveItem, dragInitialScrollOffsetY, scrollViewScrollOffsetY, scrollViewDragInitialScrollOffsetY, setScrollEnabled, currentIndex, previousIndex, draggedHeight, draggedIndex, state, flatListScrollOffsetY, itemHeight, onDragStart, runDefaultDragAnimations]);
   const handleFlatListLayout = (0, _react.useCallback)(e => {
     nestedFlatListPositionY.value = e.nativeEvent.layout.y;
     flatListHeightY.value = e.nativeEvent.layout.height;