react-native-reorderable-list 0.14.1 → 0.16.0

package/README.md

@@ -66,6 +66,8 @@ This component uses a [FlatList](https://reactnative.dev/docs/flatlist) and it e
 | autoscrollActivationDelta | `number`                                         | No       | `5`                        | Allows configuring the delta for autoscroll activation when dragging an item in the same direction as the autoscroll. This is particularly useful when an item is dragged within the autoscroll area to account for minor unintentional movements.                                                                                                                                                             |
 | 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. |
+| itemLayoutAnimation            | `ComponentProps<typeof Animated.View>['layout']>`      | No       | N/A                        | Layout animation when the item is added to and/or removed from the view hierarchy. To skip entering or exiting animations use the LayoutAnimationConfig component from [Reanimated](https://docs.swmansion.com/react-native-reanimated). |
+|  dragEnabled           | `boolean`                  | No       | `true`                        | Whether dragging items is enabled. |
 | shouldUpdateActiveItem    | boolean                                          | No       | `false`                    | Whether the active item should be updated. Enables usage of `useIsActive` hook.                                                                                                                                                                                                                                                                                                                                |
 | panGesture                | `PanGesture`                                     | No       | N/A                        | Custom instance of pan gesture. See [GestureHandler docs](https://docs.swmansion.com/react-native-gesture-handler) for further info.                                                                                                                                                                                                                                                                           |
 | onReorder                 | `(event: { from: number, to: number  }) => void` | Yes      | N/A                        | Event fired after an item is released and the list is reordered.                                                                                                                                                                                                                                                                                                                                               |
@@ -96,7 +98,7 @@ This component allows nesting a reorderable list within a [ScrollViewContainer](
 
 | Props      | Type      | Required | Default | Description                                                                                                                                            |
 | ---------- | --------- | -------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| scrollable | `boolean` | No       | false   | Whether the nested list is scrollable or not. If the nested list has a fixed height and it's scrollable it should be set to `true`, otherwise `false`. |
+  | scrollable | `boolean` | No       | `false`   | Whether the nested list is scrollable or not. If the nested list has a fixed height and it's scrollable it should be set to `true`, otherwise `false`. |
 
 ## Hooks
 
@@ -189,7 +191,7 @@ import {Gesture} from 'react-native-gesture-handler';
 
 // If it doesn't work try with bigger values.
 const panGesture = useMemo(
-  () => Gesture.Pan().activeOffsetX([-20, 20]).activeOffsetY(0),
+  () => Gesture.Pan().activeOffsetX([-20, 20]).activeOffsetY([0, 0]),
   [],
 );
 

package/lib/commonjs/components/NestedReorderableList.js

@@ -13,7 +13,6 @@ 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 NestedReorderableListWithRef = ({
   scrollable,
-  scrollEnabled = true,
   ...rest
 }, ref) => {
   const {
@@ -21,9 +20,9 @@ const NestedReorderableListWithRef = ({
     scrollViewScrollOffsetY,
     scrollViewPageY,
     scrollViewHeightY,
-    scrollViewScrollEnabled,
-    outerScrollGesture,
-    initialScrollViewScrollEnabled
+    scrollViewScrollEnabledProp,
+    scrollViewCurrentScrollEnabled,
+    outerScrollGesture
   } = (0, _hooks.useContext)(_contexts.ScrollViewContainerContext);
   return /*#__PURE__*/_react.default.createElement(_ReorderableListCore.ReorderableListCore, _extends({}, rest, {
     ref: ref,
@@ -32,10 +31,9 @@ const NestedReorderableListWithRef = ({
     scrollViewPageY: scrollViewPageY,
     scrollViewHeightY: scrollViewHeightY,
     outerScrollGesture: outerScrollGesture,
-    scrollViewScrollEnabled: scrollViewScrollEnabled,
-    initialScrollViewScrollEnabled: initialScrollViewScrollEnabled,
+    scrollViewScrollEnabledProp: scrollViewScrollEnabledProp,
+    scrollViewCurrentScrollEnabled: scrollViewCurrentScrollEnabled,
     scrollable: scrollable,
-    scrollEnabled: scrollEnabled,
     nestedScrollEnabled: true
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ReorderableListCore","_contexts","_hooks","_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","NestedReorderableListWithRef","scrollable","scrollEnabled","rest","ref","scrollViewContainerRef","scrollViewScrollOffsetY","scrollViewPageY","scrollViewHeightY","scrollViewScrollEnabled","outerScrollGesture","initialScrollViewScrollEnabled","useContext","ScrollViewContainerContext","createElement","ReorderableListCore","nestedScrollEnabled","NestedReorderableList","exports","forwardRef"],"sourceRoot":"../../../src","sources":["components/NestedReorderableList.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ReorderableListCore","_contexts","_hooks","_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","NestedReorderableListWithRef","scrollable","rest","ref","scrollViewContainerRef","scrollViewScrollOffsetY","scrollViewPageY","scrollViewHeightY","scrollViewScrollEnabledProp","scrollViewCurrentScrollEnabled","outerScrollGesture","useContext","ScrollViewContainerContext","createElement","ReorderableListCore","nestedScrollEnabled","NestedReorderableList","exports","forwardRef"],"sourceRoot":"../../../src","sources":["components/NestedReorderableList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ReorderableList.js

@@ -9,19 +9,15 @@ var _ReorderableListCore = require("./ReorderableListCore");
 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 ReorderableListWithRef = ({
-  scrollEnabled = true,
-  ...rest
-}, ref) => /*#__PURE__*/_react.default.createElement(_ReorderableListCore.ReorderableListCore, _extends({}, rest, {
+const ReorderableListWithRef = (props, ref) => /*#__PURE__*/_react.default.createElement(_ReorderableListCore.ReorderableListCore, _extends({}, props, {
   ref: ref,
-  scrollEnabled: scrollEnabled,
   scrollViewContainerRef: undefined,
   scrollViewScrollOffsetY: undefined,
   scrollViewPageY: undefined,
   scrollViewHeightY: undefined,
   outerScrollGesture: undefined,
-  scrollViewScrollEnabled: undefined,
-  initialScrollViewScrollEnabled: true,
+  scrollViewScrollEnabledProp: undefined,
+  scrollViewCurrentScrollEnabled: undefined,
   scrollable: true
 }));
 const ReorderableList = exports.ReorderableList = /*#__PURE__*/(0, _react.forwardRef)(ReorderableListWithRef);

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","scrollViewContainerRef","undefined","scrollViewScrollOffsetY","scrollViewPageY","scrollViewHeightY","outerScrollGesture","scrollViewScrollEnabled","initialScrollViewScrollEnabled","scrollable","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,sBAAsB,EAAEC,SAAU;EAClCC,uBAAuB,EAAED,SAAU;EACnCE,eAAe,EAAEF,SAAU;EAC3BG,iBAAiB,EAAEH,SAAU;EAC7BI,kBAAkB,EAAEJ,SAAU;EAC9BK,uBAAuB,EAAEL,SAAU;EACnCM,8BAA8B;EAC9BC,UAAU;AAAA,EACX,CACF;AAEM,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,iBAAU,EAACjB,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","props","ref","createElement","ReorderableListCore","scrollViewContainerRef","undefined","scrollViewScrollOffsetY","scrollViewPageY","scrollViewHeightY","outerScrollGesture","scrollViewScrollEnabledProp","scrollViewCurrentScrollEnabled","scrollable","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,CAC7BC,KAA8B,EAC9BC,GAA2B,kBAE3BhC,MAAA,CAAAU,OAAA,CAAAuB,aAAA,CAAC9B,oBAAA,CAAA+B,mBAAmB,EAAAV,QAAA,KACdO,KAAK;EACTC,GAAG,EAAEA,GAAI;EACTG,sBAAsB,EAAEC,SAAU;EAClCC,uBAAuB,EAAED,SAAU;EACnCE,eAAe,EAAEF,SAAU;EAC3BG,iBAAiB,EAAEH,SAAU;EAC7BI,kBAAkB,EAAEJ,SAAU;EAC9BK,2BAA2B,EAAEL,SAAU;EACvCM,8BAA8B,EAAEN,SAAU;EAC1CO,UAAU;AAAA,EACX,CACF;AAEM,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,iBAAU,EAAChB,sBAAsB,CAEhD","ignoreList":[]}

package/lib/commonjs/components/ReorderableListCell.js

@@ -26,7 +26,8 @@ const ReorderableListCell = exports.ReorderableListCell = /*#__PURE__*/(0, _reac
     currentIndex,
     draggedHeight,
     activeIndex,
-    cellAnimations
+    cellAnimations,
+    itemLayoutAnimation
   } = (0, _hooks.useContext)(_contexts.ReorderableListContext);
   const dragHandler = (0, _react.useCallback)(() => (0, _reactNativeReanimated.runOnUI)(startDrag)(index), [startDrag, index]);
   const isActive = activeIndex === index;
@@ -98,7 +99,8 @@ const ReorderableListCell = exports.ReorderableListCell = /*#__PURE__*/(0, _reac
     value: contextValue
   }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
     style: animatedStyle,
-    onLayout: handleLayout
+    onLayout: handleLayout,
+    layout: itemLayoutAnimation.current
   }, children));
 });
 //# sourceMappingURL=ReorderableListCell.js.map

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

@@ -1 +1 @@
-{"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","moveUp","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":[]}
+{"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","itemLayoutAnimation","useContext","ReorderableListContext","dragHandler","useCallback","runOnUI","isActive","contextValue","useMemo","itemTranslateY","useSharedValue","isActiveCell","useDerivedValue","value","useAnimatedReaction","moveUp","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","current"],"sourceRoot":"../../../src","sources":["components/ReorderableListCell.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ReorderableListCore.js

@@ -12,6 +12,7 @@ var _contexts = require("../contexts");
 var _types = require("../types");
 var _constants = require("./constants");
 var _ReorderableListCell = require("./ReorderableListCell");
+var _hooks = require("../hooks");
 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); }
@@ -33,24 +34,27 @@ const ReorderableListCore = ({
   scrollViewPageY,
   scrollViewHeightY,
   scrollViewScrollOffsetY,
-  scrollViewScrollEnabled,
+  scrollViewScrollEnabledProp,
+  scrollViewCurrentScrollEnabled,
   scrollable,
   outerScrollGesture,
   cellAnimations,
+  dragEnabled = true,
   shouldUpdateActiveItem,
+  itemLayoutAnimation,
   panGesture,
   panEnabled = true,
   panActivateAfterLongPress,
   data,
+  keyExtractor,
   ...rest
 }, ref) => {
-  // FlatList will default to true if we pass explicitly undefined,
-  // but internally we would treat it as false, so we force true.
-  const initialScrollEnabled = typeof rest.scrollEnabled === 'undefined' ? true : rest.scrollEnabled;
-  const initialScrollViewScrollEnabled = typeof rest.initialScrollViewScrollEnabled === 'undefined' ? true : rest.initialScrollViewScrollEnabled;
+  const scrollEnabled = rest.scrollEnabled ?? true;
   const flatListRef = (0, _reactNativeReanimated.useAnimatedRef)();
+  const markedCellsRef = (0, _react.useRef)();
   const [activeIndex, setActiveIndex] = (0, _react.useState)(-1);
-  const scrollEnabled = (0, _reactNativeReanimated.useSharedValue)(initialScrollEnabled);
+  const prevItemCount = (0, _react.useRef)(data.length);
+  const currentScrollEnabled = (0, _reactNativeReanimated.useSharedValue)(scrollEnabled);
   const gestureState = (0, _reactNativeReanimated.useSharedValue)(_reactNativeGestureHandler.State.UNDETERMINED);
   const currentY = (0, _reactNativeReanimated.useSharedValue)(0);
   const currentTranslationY = (0, _reactNativeReanimated.useSharedValue)(0);
@@ -81,20 +85,21 @@ const ReorderableListCore = ({
   const state = (0, _reactNativeReanimated.useSharedValue)(_types.ReorderableListState.IDLE);
   const dragEndHandlers = (0, _reactNativeReanimated.useSharedValue)([]);
   const startY = (0, _reactNativeReanimated.useSharedValue)(0);
-  const duration = (0, _reactNativeReanimated.useSharedValue)(animationDuration);
   const scaleDefault = (0, _reactNativeReanimated.useSharedValue)(1);
   const opacityDefault = (0, _reactNativeReanimated.useSharedValue)(1);
   const dragDirection = (0, _reactNativeReanimated.useSharedValue)(0);
   const lastDragDirectionPivot = (0, _reactNativeReanimated.useSharedValue)(null);
-  const autoscrollDelta = (0, _reactNativeReanimated.useSharedValue)(autoscrollActivationDelta);
-  const prevItemCount = (0, _react.useRef)(data.length);
+  const itemLayoutAnimationPropRef = (0, _react.useRef)(itemLayoutAnimation);
+  itemLayoutAnimationPropRef.current = itemLayoutAnimation;
+  const keyExtractorPropRef = (0, _react.useRef)(keyExtractor);
+  keyExtractorPropRef.current = keyExtractor;
+  const scrollEnabledProp = (0, _hooks.usePropAsSharedValue)(scrollEnabled);
+  const animationDurationProp = (0, _hooks.usePropAsSharedValue)(animationDuration);
+  const autoscrollActivationDeltaProp = (0, _hooks.usePropAsSharedValue)(autoscrollActivationDelta);
+  const dragEnabledProp = (0, _hooks.usePropAsSharedValue)(dragEnabled ?? true);
 
   // Position of the list relative to the scroll container
   const nestedFlatListPositionY = (0, _reactNativeReanimated.useDerivedValue)(() => flatListPageY.value - ((scrollViewPageY === null || scrollViewPageY === void 0 ? void 0 : scrollViewPageY.value) || 0));
-  (0, _react.useEffect)(() => {
-    duration.value = animationDuration;
-    autoscrollDelta.value = autoscrollActivationDelta;
-  }, [duration, animationDuration, autoscrollDelta, autoscrollActivationDelta, itemCount]);
   (0, _react.useEffect)(() => {
     itemCount.value = data.length;
 
@@ -111,12 +116,44 @@ const ReorderableListCore = ({
     }
     prevItemCount.current = data.length;
   }, [data.length, itemHeight, itemOffset, itemCount]);
+  (0, _react.useEffect)(() => {
+    if (!markedCellsRef.current ||
+    // Clean keys once they surpass by 10% the size of the list itself.
+    markedCellsRef.current.size <= data.length + Math.ceil(data.length * 0.1)) {
+      return;
+    }
+
+    // Can be heavy to loop through all items, defer the task to run after interactions.
+    const task = _reactNative.InteractionManager.runAfterInteractions(() => {
+      if (!markedCellsRef.current) {
+        return;
+      }
+      const map = new Map();
+      for (let i = 0; i < data.length; i++) {
+        var _keyExtractorPropRef$;
+        const key = ((_keyExtractorPropRef$ = keyExtractorPropRef.current) === null || _keyExtractorPropRef$ === void 0 ? void 0 : _keyExtractorPropRef$.call(keyExtractorPropRef, data[i], i)) || i.toString();
+        if (markedCellsRef.current.has(key)) {
+          map.set(key, markedCellsRef.current.get(key));
+        }
+      }
+      markedCellsRef.current = map;
+    });
+    return () => {
+      task.cancel();
+    };
+  }, [data]);
+  const createCellKey = (0, _react.useCallback)(cellKey => {
+    var _markedCellsRef$curre;
+    const mark = ((_markedCellsRef$curre = markedCellsRef.current) === null || _markedCellsRef$curre === void 0 ? void 0 : _markedCellsRef$curre.get(cellKey)) || 0;
+    return `${cellKey}#${mark}`;
+  }, []);
   const listContextValue = (0, _react.useMemo)(() => ({
     draggedHeight,
     currentIndex,
     draggedIndex,
     dragEndHandlers,
     activeIndex,
+    itemLayoutAnimation: itemLayoutAnimationPropRef,
     cellAnimations: {
       ...cellAnimations,
       transform: cellAnimations && 'transform' in cellAnimations ? cellAnimations.transform : [{
@@ -124,7 +161,7 @@ const ReorderableListCore = ({
       }],
       opacity: cellAnimations && 'opacity' in cellAnimations ? cellAnimations.opacity : opacityDefault
     }
-  }), [draggedHeight, currentIndex, draggedIndex, dragEndHandlers, activeIndex, cellAnimations, scaleDefault, opacityDefault]);
+  }), [draggedHeight, currentIndex, draggedIndex, dragEndHandlers, activeIndex, cellAnimations, itemLayoutAnimationPropRef, scaleDefault, opacityDefault]);
 
   /**
    * Decides the intended drag direction of the user.
@@ -140,12 +177,12 @@ const ReorderableListCore = ({
     if (direction !== dragDirection.value) {
       if (lastDragDirectionPivot.value === null) {
         lastDragDirectionPivot.value = e.absoluteY;
-      } else if (Math.abs(e.absoluteY - lastDragDirectionPivot.value) >= autoscrollDelta.value) {
+      } else if (Math.abs(e.absoluteY - lastDragDirectionPivot.value) >= autoscrollActivationDeltaProp.value) {
         dragDirection.value = direction;
         lastDragDirectionPivot.value = e.absoluteY;
       }
     }
-  }, [dragDirection, lastDragDirectionPivot, autoscrollDelta]);
+  }, [dragDirection, lastDragDirectionPivot, autoscrollActivationDeltaProp]);
   const setCurrentItemDragCenterY = (0, _react.useCallback)(e => {
     'worklet';
 
@@ -206,22 +243,24 @@ const ReorderableListCore = ({
   }, [panActivateAfterLongPress, panEnabled, panGestureHandler]);
   const gestureHandler = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Simultaneous(_reactNativeGestureHandler.Gesture.Native(), panGestureHandlerWithPropOptions), [panGestureHandlerWithPropOptions]);
   const setScrollEnabled = (0, _react.useCallback)(enabled => {
-    // if scroll is enabled on list props then we can toggle it
-    if (initialScrollEnabled) {
+    // When re-enabling the scroll of the flatlist we check whether its prop is set to true.
+    if (enabled && scrollEnabledProp.value || !enabled) {
       var _flatListRef$current;
-      scrollEnabled.value = enabled;
+      currentScrollEnabled.value = enabled;
       (_flatListRef$current = flatListRef.current) === null || _flatListRef$current === void 0 || _flatListRef$current.setNativeProps({
         scrollEnabled: enabled
       });
     }
-    if (scrollViewContainerRef && scrollViewScrollEnabled && initialScrollViewScrollEnabled) {
+    if (scrollViewContainerRef && scrollViewScrollEnabledProp && scrollViewCurrentScrollEnabled && (
+    // When re-enabling the scroll of the container we check whether its prop is set to true.
+    enabled && scrollViewScrollEnabledProp !== null && scrollViewScrollEnabledProp !== void 0 && scrollViewScrollEnabledProp.value || !enabled)) {
       var _scrollViewContainerR;
-      scrollViewScrollEnabled.value = enabled;
+      scrollViewCurrentScrollEnabled.value = enabled;
       (_scrollViewContainerR = scrollViewContainerRef.current) === null || _scrollViewContainerR === void 0 || _scrollViewContainerR.setNativeProps({
         scrollEnabled: enabled
       });
     }
-  }, [initialScrollEnabled, flatListRef, scrollEnabled, initialScrollViewScrollEnabled, scrollViewContainerRef, scrollViewScrollEnabled]);
+  }, [flatListRef, scrollEnabledProp, currentScrollEnabled, scrollViewScrollEnabledProp, scrollViewCurrentScrollEnabled, scrollViewContainerRef]);
   const resetSharedValues = (0, _react.useCallback)(() => {
     'worklet';
 
@@ -235,10 +274,27 @@ const ReorderableListCore = ({
     currentItemDragCenterY.value = null;
   }, [state, draggedIndex, dragY, dragScrollTranslationY, scrollViewDragScrollTranslationY, dragDirection, lastDragDirectionPivot, currentItemDragCenterY]);
   const resetSharedValuesAfterAnimations = (0, _react.useCallback)(() => {
-    setTimeout((0, _reactNativeReanimated.runOnUI)(resetSharedValues), duration.value);
-  }, [resetSharedValues, duration]);
+    setTimeout((0, _reactNativeReanimated.runOnUI)(resetSharedValues), animationDurationProp.value);
+  }, [resetSharedValues, animationDurationProp]);
+  const markCells = (fromIndex, toIndex) => {
+    if (!markedCellsRef.current) {
+      markedCellsRef.current = new Map();
+    }
+    const start = Math.min(fromIndex, toIndex);
+    const end = Math.max(fromIndex, toIndex);
+    for (let i = start; i <= end; i++) {
+      var _keyExtractorPropRef$2;
+      const cellKey = ((_keyExtractorPropRef$2 = keyExtractorPropRef.current) === null || _keyExtractorPropRef$2 === void 0 ? void 0 : _keyExtractorPropRef$2.call(keyExtractorPropRef, data[i], i)) || i.toString();
+      if (!markedCellsRef.current.has(cellKey)) {
+        markedCellsRef.current.set(cellKey, 1);
+      } else {
+        markedCellsRef.current.delete(cellKey);
+      }
+    }
+  };
   const reorder = (fromIndex, toIndex) => {
     (0, _reactNativeReanimated.runOnUI)(resetSharedValues)();
+    markCells(fromIndex, toIndex);
     if (fromIndex !== toIndex) {
       onReorder({
         from: fromIndex,
@@ -353,7 +409,7 @@ const ReorderableListCore = ({
       if (dragY.value !== newTopPosition) {
         // animate dragged item to its new position on release
         dragY.value = (0, _reactNativeReanimated.withTiming)(newTopPosition, {
-          duration: duration.value,
+          duration: animationDurationProp.value,
           easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease)
         }, () => {
           (0, _reactNativeReanimated.runOnJS)(reorder)(draggedIndex.value, currentIndex.value);
@@ -515,7 +571,7 @@ const ReorderableListCore = ({
     // checking if the list is not scrollable instead of the scrolling state
     // fixes a bug on iOS where the item is shifted after autoscrolling and then
     // moving away from autoscroll area
-    if (!scrollEnabled.value) {
+    if (!currentScrollEnabled.value) {
       dragScrollTranslationY.value = flatListScrollOffsetY.value - dragInitialScrollOffsetY.value;
     }
     if (state.value === _types.ReorderableListState.AUTOSCROLL) {
@@ -529,10 +585,10 @@ const ReorderableListCore = ({
 
   // container scroll handler
   (0, _reactNativeReanimated.useAnimatedReaction)(() => scrollViewScrollOffsetY === null || scrollViewScrollOffsetY === void 0 ? void 0 : scrollViewScrollOffsetY.value, value => {
-    if (value && scrollViewScrollEnabled) {
+    if (value && scrollViewCurrentScrollEnabled) {
       // checking if the list is not scrollable instead of the scrolling state
       // fixes a bug on iOS where the item is shifted after autoscrolling and moving away from the area
-      if (!scrollViewScrollEnabled.value) {
+      if (!scrollViewCurrentScrollEnabled.value) {
         scrollViewDragScrollTranslationY.value = value - scrollViewDragInitialScrollOffsetY.value;
       }
       if (state.value === _types.ReorderableListState.AUTOSCROLL) {
@@ -547,6 +603,10 @@ const ReorderableListCore = ({
   const startDrag = (0, _react.useCallback)(index => {
     'worklet';
 
+    if (!dragEnabledProp.value) {
+      return;
+    }
+
     // allow new drag when item is completely released
     if (state.value === _types.ReorderableListState.IDLE) {
       // resetting shared values again fixes a flickeing bug in nested lists where
@@ -569,7 +629,7 @@ const ReorderableListCore = ({
         index
       });
     }
-  }, [resetSharedValues, shouldUpdateActiveItem, dragInitialScrollOffsetY, scrollViewScrollOffsetY, scrollViewDragInitialScrollOffsetY, setScrollEnabled, currentIndex, draggedHeight, draggedIndex, state, flatListScrollOffsetY, itemHeight, onDragStart, runDefaultDragAnimations]);
+  }, [dragEnabledProp, resetSharedValues, shouldUpdateActiveItem, dragInitialScrollOffsetY, scrollViewScrollOffsetY, scrollViewDragInitialScrollOffsetY, setScrollEnabled, currentIndex, draggedHeight, draggedIndex, state, flatListScrollOffsetY, itemHeight, onDragStart, runDefaultDragAnimations]);
   const handleFlatListLayout = (0, _react.useCallback)(e => {
     flatListHeightY.value = e.nativeEvent.layout.height;
 
@@ -608,19 +668,19 @@ const ReorderableListCore = ({
     return gestureHandler;
   }, [scrollable, outerScrollGesture, gestureHandler]);
   const composedScrollHandler = (0, _reactNativeReanimated.useComposedEventHandler)([handleScroll, onScroll || null]);
-  const renderAnimatedCell = (0, _react.useCallback)(({
+  const renderAnimatedCell = (0, _hooks.useStableCallback)(({
     cellKey,
     ...props
   }) => /*#__PURE__*/_react.default.createElement(_ReorderableListCell.ReorderableListCell, _extends({}, props, {
     // forces remount with key change on reorder
-    key: `${cellKey}+${props.index}`,
+    key: createCellKey(cellKey),
     itemOffset: itemOffset,
     itemHeight: itemHeight,
     dragY: dragY,
     draggedIndex: draggedIndex,
-    animationDuration: duration,
+    animationDuration: animationDurationProp,
     startDrag: startDrag
-  })), [itemOffset, itemHeight, dragY, draggedIndex, duration, startDrag]);
+  })));
   return /*#__PURE__*/_react.default.createElement(_contexts.ReorderableListContext.Provider, {
     value: listContextValue
   }, /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.GestureDetector, {
@@ -628,6 +688,7 @@ const ReorderableListCore = ({
   }, /*#__PURE__*/_react.default.createElement(AnimatedFlatList, _extends({}, rest, {
     ref: handleRef,
     data: data,
+    keyExtractor: keyExtractor,
     CellRendererComponent: renderAnimatedCell,
     onLayout: handleFlatListLayout,
     onScroll: composedScrollHandler,