react-native-reorderable-list 0.7.1 → 0.9.0

package/README.md

@@ -1,6 +1,6 @@
-![NPM Downloads](https://img.shields.io/npm/dm/react-native-reorderable-list)
-![GitHub License](https://img.shields.io/github/license/omahili/react-native-reorderable-list)
-![NPM Version](https://img.shields.io/npm/v/react-native-reorderable-list)
+[![NPM Downloads](https://img.shields.io/npm/dm/react-native-reorderable-list)](https://www.npmjs.com/package/react-native-reorderable-list)
+[![GitHub License](https://img.shields.io/github/license/omahili/react-native-reorderable-list)](https://github.com/omahili/react-native-reorderable-list?tab=MIT-1-ov-file#readme)
+[![NPM Version](https://img.shields.io/npm/v/react-native-reorderable-list)](https://www.npmjs.com/package/react-native-reorderable-list?activeTab=versions)
 <br />
 ![iOS](https://img.shields.io/badge/platform-iOS-000.svg?logo=apple)
 ![Android](https://img.shields.io/badge/platform-Android-3ddc84.svg?logo=android)
@@ -17,19 +17,23 @@ A reorderable list for React Native applications, powered by Reanimated 🚀
 - [Install](#install)
 - [Components](#components)
   - [ReorderableList](#reorderablelist)
-  - [ReorderableListItem](#reorderablelistitem)
   - [ScrollViewContainer](#scrollviewcontainer)
   - [NestedReorderableList](#nestedreorderablelist)
 - [Hooks](#hooks)
   - [useReorderableDrag](#usereorderabledrag)
   - [useReorderableDragStart](#usereorderabledragstart)
   - [useReorderableDragEnd](#usereorderabledragend)
+  - [useIsActive](#useisactive)
 - [Utils](#utils)
+- [Troubleshooting](#troubleshooting)
+  - [RefreshControl](#refreshcontrol)
 - [Example](#example)
 - [License](#license)
 
 ## Install
 
+> **NOTE**: This package follows [semantic versioning](https://semver.org/). Versions 0.X.0 are safe to use but may introduce breaking changes, as the public API is not considered stable yet.
+
 Npm:
 
 ```bash
@@ -44,8 +48,8 @@ yarn add react-native-reorderable-list
 
 Then you need to install these two peer dependencies:
 
-- [React Native Reanimated](https://docs.swmansion.com/react-native-reanimated) >=3.6.0
-- [React Native Gesture Handler](https://docs.swmansion.com/react-native-gesture-handler) >=2.0.0
+- [React Native Reanimated](https://docs.swmansion.com/react-native-reanimated) >=3.12.0
+- [React Native Gesture Handler](https://docs.swmansion.com/react-native-gesture-handler) >=2.12.0
 
 ## Components
 
@@ -53,16 +57,21 @@ 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.                                                                      |
-| onReorder            | `(event: { from: number, to: number  }) => void` | Yes      | N/A                        | Event fired after an item is released and the list is reordered.                                                                                                                                                                       |
-| 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             | `(event: NativeScrollEvent) => void`             | No       | N/A                        | Event fired at most once per frame during scrolling. Needs to be a `worklet`. 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`.                                                                        |
+| 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. |
+| 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:
 
@@ -72,22 +81,13 @@ The following props from FlatList are not supported:
 - CellRendererComponent
 - numColumns
 
-### ReorderableListItem
-
-This component allows you to animate the item when it's dragged. It currently supports two animations: `scale` and `opacity`. Using this component is optional.
-
-| Props                  | Type                                                                                                                                         | Required | Default                                                                                                                                     | Description                                               |
-| ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- |
-| scaleAnimationConfig   | `{ enabled?: boolean, valueEnd?: number, valueStart?: number, easingEnd?: EasingFunction, easingStart?: EasingFunction, duration?: number }` | false    | `{ enabled: true, valueEnd: 1, valueStart: 1.025, easingStart: Easing.in(Easing.ease), easingEnd: Easing.out(Easing.ease), duration: 200 }` | Configures the scale animation of the reorderable item.   |
-| opacityAnimationConfig | `{ enabled?: boolean, valueEnd?: number, valueStart?: number, easingEnd?: EasingFunction, easingStart?: EasingFunction, duration?: number }` | false    | `{ enabled: true, valueEnd: 1, valueStart: 0.75, easingStart: Easing.in(Easing.ease), easingEnd: Easing.out(Easing.ease), duration: 200, }` | Configures the opacity animation of the reorderable item. |
-
 ### ScrollViewContainer
 
 This component extends the [ScrollView](https://reactnative.dev/docs/scrollview) component and is used for nesting a [NestedReorderableList](#nestedreorderablelist) within a scrollable container:
 
-| Props    | Type                                 | Required | Default | Description                                                                                                                                                               |
-| -------- | ------------------------------------ | -------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| onScroll | `(event: NativeScrollEvent) => void` | No       | N/A     | Event fired at most once per frame during scrolling. Needs to be a `worklet`. See [Reanimated docs](https://docs.swmansion.com/react-native-reanimated) for further info. |
+| Props    | Type                                          | Required | Default | Description                                                                                                                                                   |
+| -------- | --------------------------------------------- | -------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| 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. |
 
 ### NestedReorderableList
 
@@ -109,19 +109,52 @@ This hook creates a function that triggers the drag of a list item. It's usually
 
 ### useReorderableDragStart
 
-This hook allows handling the drag start event of a list item. It receives a worklet callback that is called when the drag starts. It's recommended to wrap the handler function in a useCallback as follows: `useReorderableDragStart(useCallback(...))`. This hook can only be used inside of a list item component.
+This hook allows handling the drag start event of a list item. This hook can only be used inside of a list item component. It receives a worklet callback that is called when the drag starts. It's recommended to wrap the handler function in a useCallback as follows:
 
-##### Parameters
+```typescript
+useReorderableDragStart(
+  useCallback((index: number) => {
+    'worklet';
 
-- onStart: `(index: number) => void`
+    // ...
+  }, []),
+);
+```
+
+Using this hook in large lists is discouraged due to performance bottlenecks, prefer `onDragStart` on the ReorderableList instead.
 
 ### useReorderableDragEnd
 
-This hook allows handling the drag end event of a list item. It receives a worklet callback that is called when the drag ends. It's recommended to wrap the handler function in a useCallback as follows: `useReorderableDragEnd(useCallback(...))`. This hook can only be used inside of a list item component.
+This hook allows handling the drag end event of a list item. This hook can only be used inside of a list item component. It receives a worklet callback that is called when the drag starts. It's recommended to wrap the handler function in a useCallback as follows:
+
+```typescript
+useReorderableDragEnd(
+  useCallback((from: number, to: number) => {
+    'worklet';
+
+    // ...
+  }, []),
+);
+```
+
+Using this hook in large lists is discouraged due to performance bottlenecks, prefer `onDragEnd` on the ReorderableList instead.
 
-##### Parameters
+### useIsActive
 
-- onEnd: `(from: number, to: number) => void`
+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
 
@@ -129,15 +162,69 @@ This hook allows handling the drag end event of a list item. It receives a workl
 
   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';
+
+  // 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)(true);
+  }
+}, [refreshing]);
+
+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.
 
 ```typescript
-import React, {useState} from 'react';
+import React, {memo, useState} from 'react';
 import {ListRenderItemInfo, Pressable, StyleSheet, Text} from 'react-native';
 import ReorderableList, {
-  ReorderableListItem,
   ReorderableListReorderEvent,
   reorderItems,
   useReorderableDrag,
@@ -162,30 +249,27 @@ const list: CardProps[] = [
   {id: '9', color: 'seagreen', height: 90},
 ];
 
-const Card: React.FC<CardProps> = React.memo(({id, color, height}) => {
+const Card: React.FC<CardProps> = memo(({id, color, height}) => {
   const drag = useReorderableDrag();
 
   return (
-    <ReorderableListItem>
-      <Pressable style={[styles.card, {height}]} onLongPress={drag}>
-        <Text style={[styles.text, {color}]}>Card {id}</Text>
-      </Pressable>
-    </ReorderableListItem>
+    <Pressable style={[styles.card, {height}]} onLongPress={drag}>
+      <Text style={[styles.text, {color}]}>Card {id}</Text>
+    </Pressable>
   );
 });
 
 const Example = () => {
   const [data, setData] = useState(list);
 
+  const handleReorder = ({from, to}: ReorderableListReorderEvent) => {
+    setData(value => reorderItems(value, from, to));
+  };
+
   const renderItem = ({item}: ListRenderItemInfo<CardProps>) => (
     <Card {...item} />
   );
 
-  const handleReorder = ({from, to}: ReorderableListReorderEvent) => {
-    const newData = reorderItems(data, from, to);
-    setData(newData);
-  };
-
   return (
     <ReorderableList
       data={data}

package/lib/commonjs/components/ReorderableList.js

@@ -12,18 +12,16 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 const ReorderableListWithRef = ({
   scrollEnabled = true,
   ...rest
-}, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_ReorderableListCore.ReorderableListCore, _extends({}, rest, {
-    ref: ref,
-    scrollEnabled: scrollEnabled,
-    initialScrollViewScrollEnabled: true,
-    scrollable: true,
-    scrollViewContainerRef: undefined,
-    scrollViewScrollOffsetY: undefined,
-    scrollViewHeightY: undefined,
-    outerScrollGesture: undefined,
-    scrollViewScrollEnabled: undefined
-  }));
-};
+}, ref) => /*#__PURE__*/_react.default.createElement(_ReorderableListCore.ReorderableListCore, _extends({}, rest, {
+  ref: ref,
+  scrollEnabled: scrollEnabled,
+  initialScrollViewScrollEnabled: true,
+  scrollable: true,
+  scrollViewContainerRef: undefined,
+  scrollViewScrollOffsetY: undefined,
+  scrollViewHeightY: undefined,
+  outerScrollGesture: undefined,
+  scrollViewScrollEnabled: undefined
+}));
 const ReorderableList = exports.ReorderableList = /*#__PURE__*/(0, _react.forwardRef)(ReorderableListWithRef);
 //# sourceMappingURL=ReorderableList.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ReorderableListCore","_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","ReorderableListWithRef","scrollEnabled","rest","ref","createElement","ReorderableListCore","initialScrollViewScrollEnabled","scrollable","scrollViewContainerRef","undefined","scrollViewScrollOffsetY","scrollViewHeightY","outerScrollGesture","scrollViewScrollEnabled","ReorderableList","exports","forwardRef"],"sourceRoot":"../../../src","sources":["components/ReorderableList.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,oBAAA,GAAAD,OAAA;AAA0D,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAR,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAE,CAAA,IAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAD,CAAA,MAAAM,CAAA,CAAAN,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAM,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAG1D,MAAMG,sBAAsB,GAAGA,CAC7B;EAACC,aAAa,GAAG,IAAI;EAAE,GAAGC;AAA6B,CAAC,EACxDC,GAA2B,KACxB;EACH,oBACEjC,MAAA,CAAAU,OAAA,CAAAwB,aAAA,CAAC/B,oBAAA,CAAAgC,mBAAmB,EAAAX,QAAA,KACdQ,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;AAEM,MAAMK,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,iBAAU,EAAChB,sBAAsB,CAEhD","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ReorderableListCore","_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","ReorderableListWithRef","scrollEnabled","rest","ref","createElement","ReorderableListCore","initialScrollViewScrollEnabled","scrollable","scrollViewContainerRef","undefined","scrollViewScrollOffsetY","scrollViewHeightY","outerScrollGesture","scrollViewScrollEnabled","ReorderableList","exports","forwardRef"],"sourceRoot":"../../../src","sources":["components/ReorderableList.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,oBAAA,GAAAD,OAAA;AAA0D,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAR,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAE,CAAA,IAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAD,CAAA,MAAAM,CAAA,CAAAN,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAM,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAG1D,MAAMG,sBAAsB,GAAGA,CAC7B;EAACC,aAAa,GAAG,IAAI;EAAE,GAAGC;AAA6B,CAAC,EACxDC,GAA2B,kBAE3BjC,MAAA,CAAAU,OAAA,CAAAwB,aAAA,CAAC/B,oBAAA,CAAAgC,mBAAmB,EAAAX,QAAA,KACdQ,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;AAEM,MAAMK,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,iBAAU,EAAChB,sBAAsB,CAEhD","ignoreList":[]}

package/lib/commonjs/components/ReorderableListCell.js

@@ -21,57 +21,70 @@ const ReorderableListCell = exports.ReorderableListCell = /*#__PURE__*/(0, _reac
   draggedIndex,
   animationDuration
 }) => {
-  const dragHandler = (0, _react.useCallback)(() => {
-    'worklet';
-
-    startDrag(index);
-  }, [startDrag, index]);
-  const contextValue = (0, _react.useMemo)(() => ({
-    index,
-    dragHandler,
-    draggedIndex
-  }), [index, dragHandler, draggedIndex]);
   const {
     currentIndex,
-    draggedHeight
+    draggedHeight,
+    scale,
+    opacity,
+    activeIndex
   } = (0, _hooks.useContext)(_contexts.ReorderableListContext);
-  const itemZIndex = (0, _reactNativeReanimated.useSharedValue)(0);
-  const itemPositionY = (0, _reactNativeReanimated.useSharedValue)(0);
-  const itemDragY = (0, _reactNativeReanimated.useSharedValue)(0);
-  const itemIndex = (0, _reactNativeReanimated.useSharedValue)(index);
+  const dragHandler = (0, _react.useCallback)(() => (0, _reactNativeReanimated.runOnUI)(startDrag)(index), [startDrag, index]);
+  const isActive = activeIndex === index;
+  const contextValue = (0, _react.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 = (0, _reactNativeReanimated.useSharedValue)(0);
+  const isActiveCell = (0, _reactNativeReanimated.useDerivedValue)(() => draggedIndex.value === index);
   (0, _reactNativeReanimated.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;
     }
   });
   (0, _reactNativeReanimated.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 = (0, _reactNativeReanimated.withTiming)(newValue, {
+      if (newValue !== itemTranslateY.value) {
+        itemTranslateY.value = (0, _reactNativeReanimated.withTiming)(newValue, {
           duration: animationDuration.value,
           easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease)
         });
       }
     }
   });
-  (0, _reactNativeReanimated.useAnimatedReaction)(() => draggedIndex.value === index, newValue => {
-    itemZIndex.value = newValue ? 999 : 0;
+  const animatedStyle = (0, _reactNativeReanimated.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 = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    zIndex: itemZIndex.value,
-    transform: [{
-      translateY: itemDragY.value
-    }, {
-      translateY: itemPositionY.value
-    }]
-  }));
   const handleLayout = e => {
     (0, _reactNativeReanimated.runOnUI)((y, height) => {
       itemOffset.value[index] = y;

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","dragHandler","useCallback","contextValue","useMemo","currentIndex","draggedHeight","useContext","ReorderableListContext","itemZIndex","useSharedValue","itemPositionY","itemDragY","itemIndex","useAnimatedReaction","value","moveDown","startMove","Math","min","endMove","max","newValue","withTiming","duration","easing","Easing","out","ease","animatedStyle","useAnimatedStyle","zIndex","transform","translateY","handleLayout","runOnUI","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","_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","activeIndex","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","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

@@ -7,37 +7,37 @@ exports.ReorderableListCore = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeGestureHandler = require("react-native-gesture-handler");
-var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
-var _constants = require("./constants");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _autoscrollConfig = require("./autoscrollConfig");
 var _useReorderableListCore = require("./useReorderableListCore");
 var _contexts = require("../../contexts");
 var _ReorderableListCell = require("../ReorderableListCell");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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; }
 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,
   autoscrollSpeedScale = 1,
-  autoscrollDelay = _constants.AUTOSCROLL_CONFIG.delay,
+  autoscrollDelay = _autoscrollConfig.AUTOSCROLL_CONFIG.delay,
   animationDuration = 200,
   dragReorderThreshold = 0.2,
   onLayout,
   onReorder,
   onScroll,
+  onDragStart,
   onDragEnd,
-  keyExtractor,
-  extraData,
   scrollViewContainerRef,
   scrollViewHeightY,
   scrollViewScrollOffsetY,
   scrollViewScrollEnabled,
-  scrollEnabled,
   initialScrollViewScrollEnabled,
   scrollable,
   outerScrollGesture,
+  cellAnimations,
+  shouldUpdateActiveItem,
+  panEnabled = true,
+  panActivateAfterLongPress,
   ...rest
 }, ref) => {
   const {
@@ -61,7 +61,7 @@ const ReorderableListCore = ({
     dragReorderThreshold,
     onLayout,
     onReorder,
-    onScroll,
+    onDragStart,
     onDragEnd,
     scrollViewContainerRef,
     scrollViewHeightY,
@@ -69,9 +69,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 = (0, _react.useMemo)(() => {
     // android is able to handle nested scroll view, but not the full height ones like iOS
@@ -80,6 +84,7 @@ const ReorderableListCore = ({
     }
     return gestureHandler;
   }, [scrollable, outerScrollGesture, gestureHandler]);
+  const composedScrollHandler = (0, _reactNativeReanimated.useComposedEventHandler)([handleScroll, onScroll || null]);
   const renderAnimatedCell = (0, _react.useCallback)(({
     cellKey,
     ...props
@@ -99,17 +104,13 @@ const ReorderableListCore = ({
     gesture: combinedGesture
   }, /*#__PURE__*/_react.default.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 = 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","_interopRequireDefault","_constants","_useReorderableListCore","_contexts","_ReorderableListCell","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","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","onDragEnd","keyExtractor","extraData","scrollViewContainerRef","scrollViewHeightY","scrollViewScrollOffsetY","scrollViewScrollEnabled","scrollEnabled","initialScrollViewScrollEnabled","scrollable","outerScrollGesture","rest","ref","gestureHandler","handleScroll","handleFlatListLayout","handleRef","startDrag","listContextValue","itemOffset","itemHeight","dragY","draggedIndex","duration","useReorderableListCore","initialScrollEnabled","nestedScrollable","combinedGesture","useMemo","Platform","OS","Gesture","Simultaneous","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","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":[]}