react-native-reorderable-list 0.7.0 → 0.8.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,7 +17,6 @@ A reorderable list for React Native applications, powered by Reanimated 🚀
 - [Install](#install)
 - [Components](#components)
   - [ReorderableList](#reorderablelist)
-  - [ReorderableListItem](#reorderablelistitem)
   - [ScrollViewContainer](#scrollviewcontainer)
   - [NestedReorderableList](#nestedreorderablelist)
 - [Hooks](#hooks)
@@ -30,6 +29,8 @@ A reorderable list for React Native applications, powered by Reanimated 🚀
 
 ## 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 +45,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 +54,18 @@ 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. |
+| 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.                                                                                                                                                 |
 
 The following props from FlatList are not supported:
 
@@ -72,22 +75,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 +103,35 @@ 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';
 
-##### Parameters
+    // ...
+  }, []),
+);
+```
 
-- onEnd: `(from: number, to: number) => void`
+Using this hook in large lists is discouraged due to performance bottlenecks, prefer `onDragEnd` on the ReorderableList instead.
 
 ## Utils
 
@@ -134,10 +144,9 @@ This hook allows handling the drag end event of a list item. It receives a workl
 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 +171,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,67 @@ const ReorderableListCell = exports.ReorderableListCell = /*#__PURE__*/(0, _reac
   draggedIndex,
   animationDuration
 }) => {
-  const dragHandler = (0, _react.useCallback)(() => {
-    'worklet';
-
-    startDrag(index);
-  }, [startDrag, index]);
+  const {
+    currentIndex,
+    draggedHeight,
+    scale,
+    opacity
+  } = (0, _hooks.useContext)(_contexts.ReorderableListContext);
+  const dragHandler = (0, _react.useCallback)(() => (0, _reactNativeReanimated.runOnUI)(startDrag)(index), [startDrag, index]);
   const contextValue = (0, _react.useMemo)(() => ({
     index,
     dragHandler,
     draggedIndex
   }), [index, dragHandler, draggedIndex]);
-  const {
-    currentIndex,
-    draggedHeight
-  } = (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);
+
+  // 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);
   (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 (isActive.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","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":[]}

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

@@ -7,12 +7,11 @@ 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); }
@@ -21,12 +20,13 @@ const ReorderableListCore = ({
   data,
   autoscrollThreshold = 0.1,
   autoscrollSpeedScale = 1,
-  autoscrollDelay = _constants.AUTOSCROLL_DELAY,
+  autoscrollDelay = _autoscrollConfig.AUTOSCROLL_CONFIG.delay,
   animationDuration = 200,
   dragReorderThreshold = 0.2,
   onLayout,
   onReorder,
   onScroll,
+  onDragStart,
   onDragEnd,
   keyExtractor,
   extraData,
@@ -38,6 +38,7 @@ const ReorderableListCore = ({
   initialScrollViewScrollEnabled,
   scrollable,
   outerScrollGesture,
+  cellAnimations,
   ...rest
 }, ref) => {
   const {
@@ -61,7 +62,7 @@ const ReorderableListCore = ({
     dragReorderThreshold,
     onLayout,
     onReorder,
-    onScroll,
+    onDragStart,
     onDragEnd,
     scrollViewContainerRef,
     scrollViewHeightY,
@@ -71,7 +72,8 @@ const ReorderableListCore = ({
     // but internally we would treat it as false, so we force true
     initialScrollEnabled: typeof scrollEnabled === 'undefined' ? true : scrollEnabled,
     initialScrollViewScrollEnabled: typeof initialScrollViewScrollEnabled === 'undefined' ? true : initialScrollViewScrollEnabled,
-    nestedScrollable: scrollable
+    nestedScrollable: scrollable,
+    cellAnimations
   });
   const combinedGesture = (0, _react.useMemo)(() => {
     // android is able to handle nested scroll view, but not the full height ones like iOS
@@ -80,6 +82,7 @@ const ReorderableListCore = ({
     }
     return gestureHandler;
   }, [scrollable, outerScrollGesture, gestureHandler]);
+  const composedScrollHandler = (0, _reactNativeReanimated.useComposedEventHandler)([handleScroll, onScroll || null]);
   const renderAnimatedCell = (0, _react.useCallback)(({
     cellKey,
     ...props
@@ -102,7 +105,7 @@ const ReorderableListCore = ({
     data: data,
     CellRendererComponent: renderAnimatedCell,
     onLayout: handleFlatListLayout,
-    onScroll: handleScroll,
+    onScroll: composedScrollHandler,
     scrollEventThrottle: 1,
     horizontal: false,
     removeClippedSubviews: false,

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_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","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":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SCALE_ANIMATION_CONFIG_DEFAULT = exports.OPACITY_ANIMATION_CONFIG_DEFAULT = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+const DURATION_START = 150;
+const DURATION_END = 200;
+const SCALE_ANIMATION_CONFIG_DEFAULT = exports.SCALE_ANIMATION_CONFIG_DEFAULT = {
+  start: {
+    toValue: 1.025,
+    easing: _reactNativeReanimated.Easing.in(_reactNativeReanimated.Easing.ease),
+    duration: DURATION_START
+  },
+  end: {
+    toValue: 1,
+    easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease),
+    duration: DURATION_END
+  }
+};
+const OPACITY_ANIMATION_CONFIG_DEFAULT = exports.OPACITY_ANIMATION_CONFIG_DEFAULT = {
+  start: {
+    toValue: 0.75,
+    easing: _reactNativeReanimated.Easing.in(_reactNativeReanimated.Easing.ease),
+    duration: DURATION_START
+  },
+  end: {
+    toValue: 1,
+    easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease),
+    duration: DURATION_END
+  }
+};
+//# sourceMappingURL=animationDefaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","DURATION_START","DURATION_END","SCALE_ANIMATION_CONFIG_DEFAULT","exports","start","toValue","easing","Easing","in","ease","duration","end","out","OPACITY_ANIMATION_CONFIG_DEFAULT"],"sourceRoot":"../../../../src","sources":["components/ReorderableListCore/animationDefaults.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAEA,MAAMC,cAAc,GAAG,GAAG;AAC1B,MAAMC,YAAY,GAAG,GAAG;AAOjB,MAAMC,8BAA+C,GAAAC,OAAA,CAAAD,8BAAA,GAAG;EAC7DE,KAAK,EAAE;IACLC,OAAO,EAAE,KAAK;IACdC,MAAM,EAAEC,6BAAM,CAACC,EAAE,CAACD,6BAAM,CAACE,IAAI,CAAC;IAC9BC,QAAQ,EAAEV;EACZ,CAAC;EACDW,GAAG,EAAE;IACHN,OAAO,EAAE,CAAC;IACVC,MAAM,EAAEC,6BAAM,CAACK,GAAG,CAACL,6BAAM,CAACE,IAAI,CAAC;IAC/BC,QAAQ,EAAET;EACZ;AACF,CAAC;AAEM,MAAMY,gCAAiD,GAAAV,OAAA,CAAAU,gCAAA,GAAG;EAC/DT,KAAK,EAAE;IACLC,OAAO,EAAE,IAAI;IACbC,MAAM,EAAEC,6BAAM,CAACC,EAAE,CAACD,6BAAM,CAACE,IAAI,CAAC;IAC9BC,QAAQ,EAAEV;EACZ,CAAC;EACDW,GAAG,EAAE;IACHN,OAAO,EAAE,CAAC;IACVC,MAAM,EAAEC,6BAAM,CAACK,GAAG,CAACL,6BAAM,CAACE,IAAI,CAAC;IAC/BC,QAAQ,EAAET;EACZ;AACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IS_FABRIC = exports.AUTOSCROLL_CONFIG = void 0;
+var _reactNative = require("react-native");
+const IOS_CONFIG = {
+  delay: 80,
+  increment: 100
+};
+const ANDROID_FABRIC_CONFIG = {
+  delay: 50,
+  increment: 80
+};
+const ANDROID_PAPER_CONFIG = {
+  delay: 10,
+  increment: 4
+};
+const IS_FABRIC = exports.IS_FABRIC = global && typeof global === 'object' && 'nativeFabricUIManager' in global;
+const AUTOSCROLL_CONFIG = exports.AUTOSCROLL_CONFIG = _reactNative.Platform.select({
+  // autoscroll behaves differently with Fabric and Paper on Android
+  android: IS_FABRIC ? ANDROID_FABRIC_CONFIG : ANDROID_PAPER_CONFIG,
+  ios: IOS_CONFIG,
+  // unsupported platforms
+  web: IOS_CONFIG,
+  macos: IOS_CONFIG,
+  windows: IOS_CONFIG,
+  native: IOS_CONFIG
+});
+//# sourceMappingURL=autoscrollConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","IOS_CONFIG","delay","increment","ANDROID_FABRIC_CONFIG","ANDROID_PAPER_CONFIG","IS_FABRIC","exports","global","AUTOSCROLL_CONFIG","Platform","select","android","ios","web","macos","windows","native"],"sourceRoot":"../../../../src","sources":["components/ReorderableListCore/autoscrollConfig.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAE,EAAE;EACTC,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,qBAAqB,GAAG;EAC5BF,KAAK,EAAE,EAAE;EACTC,SAAS,EAAE;AACb,CAAC;AAED,MAAME,oBAAoB,GAAG;EAC3BH,KAAK,EAAE,EAAE;EACTC,SAAS,EAAE;AACb,CAAC;AAEM,MAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GACpBE,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAI,uBAAuB,IAAIA,MAAM;AAEpE,MAAMC,iBAAiB,GAAAF,OAAA,CAAAE,iBAAA,GAAGC,qBAAQ,CAACC,MAAM,CAAC;EAC/C;EACAC,OAAO,EAAEN,SAAS,GAAGF,qBAAqB,GAAGC,oBAAoB;EACjEQ,GAAG,EAAEZ,UAAU;EAEf;EACAa,GAAG,EAAEb,UAAU;EACfc,KAAK,EAAEd,UAAU;EACjBe,OAAO,EAAEf,UAAU;EACnBgB,MAAM,EAAEhB;AACV,CAAC,CAAC","ignoreList":[]}