react-native-reorderable-list 0.13.1 → 0.14.1

package/src/components/{ReorderableListCore/useReorderableListCore.ts → ReorderableListCore.tsx}

@@ -1,14 +1,18 @@
-import React, {useCallback, useEffect, useMemo, useState} from 'react';
+import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';
 import {
+  CellRendererProps,
   FlatList,
+  FlatListProps,
   LayoutChangeEvent,
+  Platform,
   ScrollView,
-  unstable_batchedUpdates,
 } from 'react-native';
 
 import {
   Gesture,
+  GestureDetector,
   GestureUpdateEvent,
+  NativeGesture,
   PanGestureHandlerEventPayload,
   State,
 } from 'react-native-gesture-handler';
@@ -23,84 +27,81 @@ import Animated, {
   useAnimatedReaction,
   useAnimatedRef,
   useAnimatedScrollHandler,
+  useComposedEventHandler,
   useDerivedValue,
   useSharedValue,
   withDelay,
   withTiming,
 } from 'react-native-reanimated';
 
+import {ReorderableListContext} from '../contexts';
+import {ReorderableListProps, ReorderableListState} from '../types';
 import {
+  AUTOSCROLL_CONFIG,
   OPACITY_ANIMATION_CONFIG_DEFAULT,
   SCALE_ANIMATION_CONFIG_DEFAULT,
-} from './animationDefaults';
-import {AUTOSCROLL_CONFIG} from './autoscrollConfig';
-import {
-  ReorderableListCellAnimations,
-  ReorderableListDragEndEvent,
-  ReorderableListDragStartEvent,
-  ReorderableListIndexChangeEvent,
-  ReorderableListReorderEvent,
-  ReorderableListState,
-} from '../../types';
-
-const version = React.version.split('.');
-const hasAutomaticBatching = version.length
-  ? parseInt(version[0], 10) >= 18
-  : false;
-
-interface UseReorderableListCoreArgs<T> {
-  ref: React.ForwardedRef<FlatList<T>>;
-  autoscrollThreshold: number;
-  autoscrollThresholdOffset: {top?: number; bottom?: number} | undefined;
-  autoscrollSpeedScale: number;
-  autoscrollDelay: number;
-  autoscrollActivationDelta: number;
-  animationDuration: number;
-  onReorder: (event: ReorderableListReorderEvent) => void;
-  onDragStart?: (event: ReorderableListDragStartEvent) => void;
-  onDragEnd?: (event: ReorderableListDragEndEvent) => void;
-  onIndexChange?: (event: ReorderableListIndexChangeEvent) => void;
-  onLayout?: (event: LayoutChangeEvent) => void;
+} from './constants';
+import {ReorderableListCell} from './ReorderableListCell';
+
+const AnimatedFlatList = Animated.createAnimatedComponent(
+  FlatList,
+) as unknown as <T>(
+  props: FlatListProps<T> & {ref?: React.Ref<FlatList<T>>},
+) => React.ReactElement;
+
+interface ReorderableListCoreProps<T> extends ReorderableListProps<T> {
+  // Not optional but undefined to force passing the prop.
   scrollViewContainerRef: React.RefObject<ScrollView> | undefined;
   scrollViewPageY: SharedValue<number> | undefined;
   scrollViewHeightY: SharedValue<number> | undefined;
   scrollViewScrollOffsetY: SharedValue<number> | undefined;
   scrollViewScrollEnabled: SharedValue<boolean> | undefined;
-  scrollable: boolean | undefined;
-  initialScrollEnabled: boolean | undefined;
+  outerScrollGesture: NativeGesture | undefined;
   initialScrollViewScrollEnabled: boolean | undefined;
-  cellAnimations: ReorderableListCellAnimations | undefined;
-  shouldUpdateActiveItem: boolean | undefined;
-  panEnabled: boolean;
-  panActivateAfterLongPress: number | undefined;
+  scrollable: boolean | undefined;
+  scrollEnabled: boolean | undefined;
 }
 
-export const useReorderableListCore = <T>({
-  ref,
-  autoscrollThreshold,
-  autoscrollThresholdOffset,
-  autoscrollSpeedScale,
-  autoscrollDelay,
-  autoscrollActivationDelta,
-  animationDuration,
-  onReorder,
-  onDragStart,
-  onDragEnd,
-  onLayout,
-  onIndexChange,
-  scrollViewContainerRef,
-  scrollViewPageY,
-  scrollViewHeightY,
-  scrollViewScrollOffsetY,
-  scrollViewScrollEnabled,
-  scrollable,
-  initialScrollEnabled,
-  initialScrollViewScrollEnabled,
-  cellAnimations,
-  shouldUpdateActiveItem,
-  panActivateAfterLongPress,
-  panEnabled,
-}: UseReorderableListCoreArgs<T>) => {
+const ReorderableListCore = <T,>(
+  {
+    autoscrollThreshold = 0.1,
+    autoscrollThresholdOffset,
+    autoscrollSpeedScale = 1,
+    autoscrollDelay = AUTOSCROLL_CONFIG.delay,
+    autoscrollActivationDelta = 5,
+    animationDuration = 200,
+    onLayout,
+    onReorder,
+    onScroll,
+    onDragStart,
+    onDragEnd,
+    onIndexChange,
+    scrollViewContainerRef,
+    scrollViewPageY,
+    scrollViewHeightY,
+    scrollViewScrollOffsetY,
+    scrollViewScrollEnabled,
+    scrollable,
+    outerScrollGesture,
+    cellAnimations,
+    shouldUpdateActiveItem,
+    panGesture,
+    panEnabled = true,
+    panActivateAfterLongPress,
+    data,
+    ...rest
+  }: ReorderableListCoreProps<T>,
+  ref: React.ForwardedRef<FlatList<T>>,
+) => {
+  // 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 flatListRef = useAnimatedRef<FlatList>();
   const [activeIndex, setActiveIndex] = useState(-1);
   const scrollEnabled = useSharedValue(initialScrollEnabled);
@@ -123,6 +124,9 @@ export const useReorderableListCore = <T>({
   const draggedHeight = useSharedValue(0);
   const itemOffset = useSharedValue<number[]>([]);
   const itemHeight = useSharedValue<number[]>([]);
+  // We need to track data length since itemOffset and itemHeight might contain more data than we need.
+  // e.g. items are removed from the list, in which case layout data for those items is set to 0.
+  const itemCount = useSharedValue(data.length);
   const autoscrollTrigger = useSharedValue(-1);
   const lastAutoscrollTrigger = useSharedValue(-1);
   const dragY = useSharedValue(0);
@@ -139,6 +143,7 @@ export const useReorderableListCore = <T>({
   const dragDirection = useSharedValue(0);
   const lastDragDirectionPivot = useSharedValue<number | null>(null);
   const autoscrollDelta = useSharedValue(autoscrollActivationDelta);
+  const prevItemCount = useRef(data.length);
 
   // Position of the list relative to the scroll container
   const nestedFlatListPositionY = useDerivedValue(
@@ -148,7 +153,31 @@ export const useReorderableListCore = <T>({
   useEffect(() => {
     duration.value = animationDuration;
     autoscrollDelta.value = autoscrollActivationDelta;
-  }, [duration, animationDuration, autoscrollDelta, autoscrollActivationDelta]);
+  }, [
+    duration,
+    animationDuration,
+    autoscrollDelta,
+    autoscrollActivationDelta,
+    itemCount,
+  ]);
+
+  useEffect(() => {
+    itemCount.value = data.length;
+
+    // This could be done unmount of the removed cell, however it leads to bugs.
+    // Surprisingly the unmount gets sometimes called after the onLayout event
+    // setting all layout data to 0 and breaking the list. So we solve it like this.
+    if (data.length < prevItemCount.current) {
+      for (let i = data.length; i < prevItemCount.current; i++) {
+        runOnUI(() => {
+          itemHeight.value[i] = 0;
+          itemOffset.value[i] = 0;
+        })();
+      }
+    }
+
+    prevItemCount.current = data.length;
+  }, [data.length, itemHeight, itemOffset, itemCount]);
 
   const listContextValue = useMemo(
     () => ({
@@ -243,8 +272,10 @@ export const useReorderableListCore = <T>({
 
   const panGestureHandler = useMemo(
     () =>
-      Gesture.Pan()
+      (panGesture || Gesture.Pan())
         .onBegin(e => {
+          'worklet';
+
           // prevent new dragging until item is completely released
           if (state.value === ReorderableListState.IDLE) {
             startY.value = e.y;
@@ -255,6 +286,8 @@ export const useReorderableListCore = <T>({
           }
         })
         .onUpdate(e => {
+          'worklet';
+
           if (state.value === ReorderableListState.DRAGGED) {
             setDragDirection(e);
           }
@@ -271,9 +304,18 @@ export const useReorderableListCore = <T>({
             gestureState.value = e.state;
           }
         })
-        .onEnd(e => (gestureState.value = e.state))
-        .onFinalize(e => (gestureState.value = e.state)),
+        .onEnd(e => {
+          'worklet';
+
+          gestureState.value = e.state;
+        })
+        .onFinalize(e => {
+          'worklet';
+
+          gestureState.value = e.state;
+        }),
     [
+      panGesture,
       state,
       startY,
       currentY,
@@ -287,7 +329,7 @@ export const useReorderableListCore = <T>({
     ],
   );
 
-  const panGestureHandlerWithOptions = useMemo(() => {
+  const panGestureHandlerWithPropOptions = useMemo(() => {
     if (typeof panActivateAfterLongPress === 'number') {
       panGestureHandler.activateAfterLongPress(panActivateAfterLongPress);
     }
@@ -300,8 +342,9 @@ export const useReorderableListCore = <T>({
   }, [panActivateAfterLongPress, panEnabled, panGestureHandler]);
 
   const gestureHandler = useMemo(
-    () => Gesture.Simultaneous(Gesture.Native(), panGestureHandlerWithOptions),
-    [panGestureHandlerWithOptions],
+    () =>
+      Gesture.Simultaneous(Gesture.Native(), panGestureHandlerWithPropOptions),
+    [panGestureHandlerWithPropOptions],
   );
 
   const setScrollEnabled = useCallback(
@@ -363,15 +406,7 @@ export const useReorderableListCore = <T>({
     runOnUI(resetSharedValues)();
 
     if (fromIndex !== toIndex) {
-      const updateState = () => {
-        onReorder({from: fromIndex, to: toIndex});
-      };
-
-      if (!hasAutomaticBatching) {
-        unstable_batchedUpdates(updateState);
-      } else {
-        updateState();
-      }
+      onReorder({from: fromIndex, to: toIndex});
     }
   };
 
@@ -423,7 +458,7 @@ export const useReorderableListCore = <T>({
     const currentHeight = itemHeight.value[currentIndex.value];
     const currentCenter = currentOffset + currentHeight * 0.5;
 
-    const max = itemOffset.value.length;
+    const max = itemCount.value;
     const possibleIndex =
       relativeDragCenterY < currentCenter
         ? Math.max(0, currentIndex.value - 1)
@@ -450,6 +485,7 @@ export const useReorderableListCore = <T>({
   }, [
     currentIndex,
     currentItemDragCenterY,
+    itemCount,
     itemOffset,
     itemHeight,
     flatListScrollOffsetY,
@@ -870,7 +906,11 @@ export const useReorderableListCore = <T>({
               return;
             }
 
-            flatListPageY.value = measurement.pageY;
+            // We need to use pageY because the list might be nested into other views,
+            // It's important that we take the measurement of the list without any scroll offset
+            // from the scroll container.
+            flatListPageY.value =
+              measurement.pageY + (scrollViewScrollOffsetY?.value || 0);
           })();
         }, 100);
       }
@@ -886,27 +926,76 @@ export const useReorderableListCore = <T>({
     ],
   );
 
-  const handleRef = (value: FlatList<T>) => {
-    flatListRef(value);
+  const handleRef = useCallback(
+    (value: FlatList<T>) => {
+      flatListRef(value);
+
+      if (typeof ref === 'function') {
+        ref(value);
+      } else if (ref) {
+        ref.current = value;
+      }
+    },
+    [flatListRef, ref],
+  );
 
-    if (typeof ref === 'function') {
-      ref(value);
-    } else if (ref) {
-      ref.current = value;
+  const combinedGesture = useMemo(() => {
+    // android is able to handle nested scroll view, but not the full height ones like iOS
+    if (outerScrollGesture && !(Platform.OS === 'android' && scrollable)) {
+      return Gesture.Simultaneous(outerScrollGesture, gestureHandler);
     }
-  };
 
-  return {
-    gestureHandler,
+    return gestureHandler;
+  }, [scrollable, outerScrollGesture, gestureHandler]);
+
+  const composedScrollHandler = useComposedEventHandler([
     handleScroll,
-    handleFlatListLayout,
-    handleRef,
-    startDrag,
-    listContextValue,
-    itemOffset,
-    itemHeight,
-    draggedIndex,
-    dragY,
-    duration,
-  };
+    onScroll || null,
+  ]);
+
+  const renderAnimatedCell = useCallback(
+    ({cellKey, ...props}: CellRendererProps<T>) => (
+      <ReorderableListCell
+        {...props}
+        // forces remount with key change on reorder
+        key={`${cellKey}+${props.index}`}
+        itemOffset={itemOffset}
+        itemHeight={itemHeight}
+        dragY={dragY}
+        draggedIndex={draggedIndex}
+        animationDuration={duration}
+        startDrag={startDrag}
+      />
+    ),
+    [itemOffset, itemHeight, dragY, draggedIndex, duration, startDrag],
+  );
+
+  return (
+    <ReorderableListContext.Provider value={listContextValue}>
+      <GestureDetector gesture={combinedGesture}>
+        <AnimatedFlatList
+          {...rest}
+          ref={handleRef}
+          data={data}
+          CellRendererComponent={renderAnimatedCell}
+          onLayout={handleFlatListLayout}
+          onScroll={composedScrollHandler}
+          scrollEventThrottle={1}
+          horizontal={false}
+          removeClippedSubviews={false}
+          numColumns={1}
+        />
+      </GestureDetector>
+    </ReorderableListContext.Provider>
+  );
 };
+
+const MemoizedReorderableListCore = React.memo(
+  React.forwardRef(ReorderableListCore),
+) as <T>(
+  props: ReorderableListCoreProps<T> & {
+    ref?: React.ForwardedRef<FlatList<T> | null>;
+  },
+) => React.ReactElement;
+
+export {MemoizedReorderableListCore as ReorderableListCore};

package/src/components/ScrollViewContainer.tsx

@@ -1,5 +1,5 @@
-import React, {useCallback, useMemo} from 'react';
-import {LayoutChangeEvent} from 'react-native';
+import React, {forwardRef, useCallback, useMemo} from 'react';
+import {LayoutChangeEvent, ScrollView} from 'react-native';
 
 import {Gesture, GestureDetector} from 'react-native-gesture-handler';
 import Animated, {
@@ -14,18 +14,29 @@ import Animated, {
 import {ScrollViewContainerContext} from '../contexts/ScrollViewContainerContext';
 import type {ScrollViewContainerProps} from '../types';
 
-export const ScrollViewContainer: React.FC<ScrollViewContainerProps> = ({
-  onLayout,
-  onScroll,
-  scrollEnabled = true,
-  ...rest
-}) => {
+const ScrollViewContainerWithRef = (
+  {onLayout, onScroll, scrollEnabled = true, ...rest}: ScrollViewContainerProps,
+  ref: React.ForwardedRef<ScrollView>,
+) => {
   const scrollViewScrollEnabled = useSharedValue(scrollEnabled);
   const scrollViewContainerRef = useAnimatedRef<Animated.ScrollView>();
   const scrollViewScrollOffsetY = useSharedValue(0);
   const scrollViewPageY = useSharedValue(0);
   const scrollViewHeightY = useSharedValue(0);
 
+  const handleRef = useCallback(
+    (value: Animated.ScrollView) => {
+      scrollViewContainerRef(value);
+
+      if (typeof ref === 'function') {
+        ref(value);
+      } else if (ref) {
+        ref.current = value;
+      }
+    },
+    [scrollViewContainerRef, ref],
+  );
+
   const outerScrollGesture = useMemo(() => Gesture.Native(), []);
 
   const handleScroll = useAnimatedScrollHandler(
@@ -85,7 +96,7 @@ export const ScrollViewContainer: React.FC<ScrollViewContainerProps> = ({
       <GestureDetector gesture={outerScrollGesture}>
         <Animated.ScrollView
           {...rest}
-          ref={scrollViewContainerRef}
+          ref={handleRef}
           onScroll={composedScrollHandler}
           onLayout={handleLayout}
           scrollEnabled={scrollEnabled}
@@ -94,3 +105,5 @@ export const ScrollViewContainer: React.FC<ScrollViewContainerProps> = ({
     </ScrollViewContainerContext.Provider>
   );
 };
+
+export const ScrollViewContainer = forwardRef(ScrollViewContainerWithRef);

package/src/components/{ReorderableListCore/animationDefaults.ts → constants.ts}

@@ -1,5 +1,39 @@
+import {Platform} from 'react-native';
+
 import {Easing, WithTimingConfig} from 'react-native-reanimated';
 
+const IOS_AUTOSCROLL_CONFIG = {
+  delay: 80,
+  increment: 100,
+};
+
+const ANDROID_FABRIC_AUTOSCROLL_CONFIG = {
+  delay: 50,
+  increment: 80,
+};
+
+const ANDROID_PAPER_AUTOSCROLL_CONFIG = {
+  delay: 10,
+  increment: 4,
+};
+
+export const IS_FABRIC =
+  global && typeof global === 'object' && 'nativeFabricUIManager' in global;
+
+export const AUTOSCROLL_CONFIG = Platform.select({
+  // autoscroll behaves differently with Fabric and Paper on Android
+  android: IS_FABRIC
+    ? ANDROID_FABRIC_AUTOSCROLL_CONFIG
+    : ANDROID_PAPER_AUTOSCROLL_CONFIG,
+  ios: IOS_AUTOSCROLL_CONFIG,
+
+  // unsupported platforms
+  web: IOS_AUTOSCROLL_CONFIG,
+  macos: IOS_AUTOSCROLL_CONFIG,
+  windows: IOS_AUTOSCROLL_CONFIG,
+  native: IOS_AUTOSCROLL_CONFIG,
+});
+
 const DURATION_START = 150;
 const DURATION_END = 200;
 

package/src/types/props.ts

@@ -17,6 +17,7 @@ import type {
   ViewStyle,
 } from 'react-native';
 
+import {PanGesture} from 'react-native-gesture-handler';
 import {SharedValue, useAnimatedScrollHandler} from 'react-native-reanimated';
 
 import {MaximumOneOf, SharedValueOrType} from './misc';
@@ -110,12 +111,20 @@ export interface ReorderableListProps<T>
    * Whether the active item should be updated. Enables usage of `useIsActive` hook. Default: `false`.
    */
   shouldUpdateActiveItem?: boolean;
+  /**
+   * Custom instance of pan gesture. See [GestureHandler docs](https://docs.swmansion.com/react-native-gesture-handler) for further info.
+   */
+  panGesture?: PanGesture;
   /**
    * Wether the pan gestures necessary for dragging are enabled. Default: `true`.
+   *
+   * @deprecated In favor of `panGesture` prop.
    */
   panEnabled?: boolean;
   /**
    * Duration in milliseconds of the long press on the list before the pan gesture for dragging is allowed to activate.
+   *
+   * @deprecated In favor of `panGesture` prop.
    */
   panActivateAfterLongPress?: number;
   /**

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

@@ -1,123 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ReorderableListCore = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeGestureHandler = require("react-native-gesture-handler");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _autoscrollConfig = require("./autoscrollConfig");
-var _useReorderableListCore = require("./useReorderableListCore");
-var _contexts = require("../../contexts");
-var _ReorderableListCell = require("../ReorderableListCell");
-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 = ({
-  autoscrollThreshold = 0.1,
-  autoscrollThresholdOffset,
-  autoscrollSpeedScale = 1,
-  autoscrollDelay = _autoscrollConfig.AUTOSCROLL_CONFIG.delay,
-  autoscrollActivationDelta = 5,
-  animationDuration = 200,
-  onLayout,
-  onReorder,
-  onScroll,
-  onDragStart,
-  onDragEnd,
-  onIndexChange,
-  scrollViewContainerRef,
-  scrollViewPageY,
-  scrollViewHeightY,
-  scrollViewScrollOffsetY,
-  scrollViewScrollEnabled,
-  initialScrollViewScrollEnabled,
-  scrollable,
-  outerScrollGesture,
-  cellAnimations,
-  shouldUpdateActiveItem,
-  panEnabled = true,
-  panActivateAfterLongPress,
-  ...rest
-}, ref) => {
-  const {
-    gestureHandler,
-    handleScroll,
-    handleFlatListLayout,
-    handleRef,
-    startDrag,
-    listContextValue,
-    itemOffset,
-    itemHeight,
-    dragY,
-    draggedIndex,
-    duration
-  } = (0, _useReorderableListCore.useReorderableListCore)({
-    ref,
-    autoscrollThreshold,
-    autoscrollThresholdOffset,
-    autoscrollSpeedScale,
-    autoscrollDelay,
-    autoscrollActivationDelta,
-    animationDuration,
-    onLayout,
-    onReorder,
-    onDragStart,
-    onDragEnd,
-    onIndexChange,
-    scrollViewContainerRef,
-    scrollViewPageY,
-    scrollViewHeightY,
-    scrollViewScrollOffsetY,
-    scrollViewScrollEnabled,
-    scrollable,
-    // flatlist will default to true if we pass explicitly undefined,
-    // but internally we would treat it as false, so we force true
-    initialScrollEnabled: typeof rest.scrollEnabled === 'undefined' ? true : rest.scrollEnabled,
-    initialScrollViewScrollEnabled: typeof initialScrollViewScrollEnabled === 'undefined' ? true : initialScrollViewScrollEnabled,
-    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
-    if (outerScrollGesture && !(_reactNative.Platform.OS === 'android' && scrollable)) {
-      return _reactNativeGestureHandler.Gesture.Simultaneous(outerScrollGesture, gestureHandler);
-    }
-    return gestureHandler;
-  }, [scrollable, outerScrollGesture, gestureHandler]);
-  const composedScrollHandler = (0, _reactNativeReanimated.useComposedEventHandler)([handleScroll, onScroll || null]);
-  const renderAnimatedCell = (0, _react.useCallback)(({
-    cellKey,
-    ...props
-  }) => /*#__PURE__*/_react.default.createElement(_ReorderableListCell.ReorderableListCell, _extends({}, props, {
-    // forces remount with key change on reorder
-    key: `${cellKey}+${props.index}`,
-    itemOffset: itemOffset,
-    itemHeight: itemHeight,
-    dragY: dragY,
-    draggedIndex: draggedIndex,
-    animationDuration: duration,
-    startDrag: startDrag
-  })), [itemOffset, itemHeight, dragY, draggedIndex, duration, startDrag]);
-  return /*#__PURE__*/_react.default.createElement(_contexts.ReorderableListContext.Provider, {
-    value: listContextValue
-  }, /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.GestureDetector, {
-    gesture: combinedGesture
-  }, /*#__PURE__*/_react.default.createElement(AnimatedFlatList, _extends({}, rest, {
-    ref: handleRef,
-    CellRendererComponent: renderAnimatedCell,
-    onLayout: handleFlatListLayout,
-    onScroll: composedScrollHandler,
-    scrollEventThrottle: 1,
-    horizontal: false,
-    removeClippedSubviews: false,
-    numColumns: 1
-  }))));
-};
-const MemoizedReorderableListCore = exports.ReorderableListCore = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef(ReorderableListCore));
-//# sourceMappingURL=ReorderableListCore.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_autoscrollConfig","_useReorderableListCore","_contexts","_ReorderableListCell","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","AnimatedFlatList","Animated","createAnimatedComponent","FlatList","ReorderableListCore","autoscrollThreshold","autoscrollThresholdOffset","autoscrollSpeedScale","autoscrollDelay","AUTOSCROLL_CONFIG","delay","autoscrollActivationDelta","animationDuration","onLayout","onReorder","onScroll","onDragStart","onDragEnd","onIndexChange","scrollViewContainerRef","scrollViewPageY","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","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":[]}