react-native-reorderable-list 0.13.1 → 0.14.1

package/lib/typescript/components/ReorderableListCore/useReorderableListCore.d.ts

@@ -1,183 +0,0 @@
-import React from 'react';
-import { FlatList, LayoutChangeEvent, ScrollView } from 'react-native';
-import { SharedValue } from 'react-native-reanimated';
-import { ReorderableListCellAnimations, ReorderableListDragEndEvent, ReorderableListDragStartEvent, ReorderableListIndexChangeEvent, ReorderableListReorderEvent } from '../../types';
-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;
-    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;
-    initialScrollViewScrollEnabled: boolean | undefined;
-    cellAnimations: ReorderableListCellAnimations | undefined;
-    shouldUpdateActiveItem: boolean | undefined;
-    panEnabled: boolean;
-    panActivateAfterLongPress: number | undefined;
-}
-export declare 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>) => {
-    gestureHandler: import("react-native-gesture-handler/lib/typescript/handlers/gestures/gestureComposition").SimultaneousGesture;
-    handleScroll: import("react-native-reanimated").ScrollHandlerProcessed<Record<string, unknown>>;
-    handleFlatListLayout: (e: LayoutChangeEvent) => void;
-    handleRef: (value: FlatList<T>) => void;
-    startDrag: (index: number) => void;
-    listContextValue: {
-        draggedHeight: SharedValue<number>;
-        currentIndex: SharedValue<number>;
-        draggedIndex: SharedValue<number>;
-        dragEndHandlers: SharedValue<((from: number, to: number) => void)[][]>;
-        activeIndex: number;
-        cellAnimations: {
-            transform: readonly import("../../types").MaximumOneOf<import("../../types").SharedValueOrType<import("../../types").Transforms>>[] | undefined;
-            opacity: number | SharedValue<number> | undefined;
-            pointerEvents?: "box-none" | "none" | "box-only" | "auto" | SharedValue<"box-none" | "none" | "box-only" | "auto" | undefined> | undefined;
-            filter?: string | readonly import("react-native").FilterFunction[] | SharedValue<string | readonly import("react-native").FilterFunction[] | undefined> | undefined;
-            backfaceVisibility?: "visible" | "hidden" | SharedValue<"visible" | "hidden" | undefined> | undefined;
-            backgroundColor?: import("react-native").ColorValue | SharedValue<import("react-native").ColorValue | undefined> | undefined;
-            borderBlockColor?: import("react-native").ColorValue | SharedValue<import("react-native").ColorValue | undefined> | undefined;
-            borderBlockEndColor?: import("react-native").ColorValue | SharedValue<import("react-native").ColorValue | undefined> | undefined;
-            borderBlockStartColor?: import("react-native").ColorValue | SharedValue<import("react-native").ColorValue | undefined> | undefined;
-            borderBottomColor?: import("react-native").ColorValue | SharedValue<import("react-native").ColorValue | undefined> | undefined;
-            borderBottomEndRadius?: string | import("react-native").AnimatableNumericValue | SharedValue<string | import("react-native").AnimatableNumericValue | undefined> | undefined;
-            borderBottomLeftRadius?: string | import("react-native").AnimatableNumericValue | SharedValue<string | import("react-native").AnimatableNumericValue | undefined> | undefined;
-            borderBottomRightRadius?: string | import("react-native").AnimatableNumericValue | SharedValue<string | import("react-native").AnimatableNumericValue | undefined> | undefined;
-            borderBottomStartRadius?: string | import("react-native").AnimatableNumericValue | SharedValue<string | import("react-native").AnimatableNumericValue | undefined> | undefined;
-            borderColor?: import("react-native").ColorValue | SharedValue<import("react-native").ColorValue | undefined> | undefined;
-            borderCurve?: "circular" | "continuous" | SharedValue<"circular" | "continuous" | undefined> | undefined;
-            borderEndColor?: import("react-native").ColorValue | SharedValue<import("react-native").ColorValue | undefined> | undefined;
-            borderEndEndRadius?: string | import("react-native").AnimatableNumericValue | SharedValue<string | import("react-native").AnimatableNumericValue | undefined> | undefined;
-            borderEndStartRadius?: string | import("react-native").AnimatableNumericValue | SharedValue<string | import("react-native").AnimatableNumericValue | undefined> | undefined;
-            borderLeftColor?: import("react-native").ColorValue | SharedValue<import("react-native").ColorValue | undefined> | undefined;
-            borderRadius?: string | import("react-native").AnimatableNumericValue | SharedValue<string | import("react-native").AnimatableNumericValue | undefined> | undefined;
-            borderRightColor?: import("react-native").ColorValue | SharedValue<import("react-native").ColorValue | undefined> | undefined;
-            borderStartColor?: import("react-native").ColorValue | SharedValue<import("react-native").ColorValue | undefined> | undefined;
-            borderStartEndRadius?: string | import("react-native").AnimatableNumericValue | SharedValue<string | import("react-native").AnimatableNumericValue | undefined> | undefined;
-            borderStartStartRadius?: string | import("react-native").AnimatableNumericValue | SharedValue<string | import("react-native").AnimatableNumericValue | undefined> | undefined;
-            borderStyle?: "solid" | "dotted" | "dashed" | SharedValue<"solid" | "dotted" | "dashed" | undefined> | undefined;
-            borderTopColor?: import("react-native").ColorValue | SharedValue<import("react-native").ColorValue | undefined> | undefined;
-            borderTopEndRadius?: string | import("react-native").AnimatableNumericValue | SharedValue<string | import("react-native").AnimatableNumericValue | undefined> | undefined;
-            borderTopLeftRadius?: string | import("react-native").AnimatableNumericValue | SharedValue<string | import("react-native").AnimatableNumericValue | undefined> | undefined;
-            borderTopRightRadius?: string | import("react-native").AnimatableNumericValue | SharedValue<string | import("react-native").AnimatableNumericValue | undefined> | undefined;
-            borderTopStartRadius?: string | import("react-native").AnimatableNumericValue | SharedValue<string | import("react-native").AnimatableNumericValue | undefined> | undefined;
-            elevation?: number | SharedValue<number | undefined> | undefined;
-            isolation?: "auto" | "isolate" | SharedValue<"auto" | "isolate" | undefined> | undefined;
-            cursor?: import("react-native").CursorValue | SharedValue<import("react-native").CursorValue | undefined> | undefined;
-            boxShadow?: string | readonly import("react-native").BoxShadowValue[] | SharedValue<string | readonly import("react-native").BoxShadowValue[] | undefined> | undefined;
-            alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | "space-evenly" | SharedValue<"center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined> | undefined;
-            alignItems?: import("react-native").FlexAlignType | SharedValue<import("react-native").FlexAlignType | undefined> | undefined;
-            alignSelf?: "auto" | import("react-native").FlexAlignType | SharedValue<"auto" | import("react-native").FlexAlignType | undefined> | undefined;
-            aspectRatio?: string | number | SharedValue<string | number | undefined> | undefined;
-            borderBottomWidth?: number | SharedValue<number | undefined> | undefined;
-            borderEndWidth?: number | SharedValue<number | undefined> | undefined;
-            borderLeftWidth?: number | SharedValue<number | undefined> | undefined;
-            borderRightWidth?: number | SharedValue<number | undefined> | undefined;
-            borderStartWidth?: number | SharedValue<number | undefined> | undefined;
-            borderTopWidth?: number | SharedValue<number | undefined> | undefined;
-            borderWidth?: number | SharedValue<number | undefined> | undefined;
-            bottom?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            display?: "flex" | "none" | SharedValue<"flex" | "none" | undefined> | undefined;
-            end?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            flex?: number | SharedValue<number | undefined> | undefined;
-            flexBasis?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | SharedValue<"row" | "column" | "row-reverse" | "column-reverse" | undefined> | undefined;
-            rowGap?: string | number | SharedValue<string | number | undefined> | undefined;
-            gap?: string | number | SharedValue<string | number | undefined> | undefined;
-            columnGap?: string | number | SharedValue<string | number | undefined> | undefined;
-            flexGrow?: number | SharedValue<number | undefined> | undefined;
-            flexShrink?: number | SharedValue<number | undefined> | undefined;
-            flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | SharedValue<"wrap" | "nowrap" | "wrap-reverse" | undefined> | undefined;
-            height?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | SharedValue<"center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined> | undefined;
-            left?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            margin?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            marginBottom?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            marginEnd?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            marginHorizontal?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            marginLeft?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            marginRight?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            marginStart?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            marginTop?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            marginVertical?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            maxHeight?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            maxWidth?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            minHeight?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            minWidth?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            overflow?: "visible" | "hidden" | "scroll" | SharedValue<"visible" | "hidden" | "scroll" | undefined> | undefined;
-            padding?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            paddingBottom?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            paddingEnd?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            paddingHorizontal?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            paddingLeft?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            paddingRight?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            paddingStart?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            paddingTop?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            paddingVertical?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            position?: "absolute" | "relative" | "static" | SharedValue<"absolute" | "relative" | "static" | undefined> | undefined;
-            right?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            start?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            top?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            width?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            zIndex?: number | SharedValue<number | undefined> | undefined;
-            direction?: "inherit" | "ltr" | "rtl" | SharedValue<"inherit" | "ltr" | "rtl" | undefined> | undefined;
-            inset?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            insetBlock?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            insetBlockEnd?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            insetBlockStart?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            insetInline?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            insetInlineEnd?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            insetInlineStart?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            marginBlock?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            marginBlockEnd?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            marginBlockStart?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            marginInline?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            marginInlineEnd?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            marginInlineStart?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            paddingBlock?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            paddingBlockEnd?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            paddingBlockStart?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            paddingInline?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            paddingInlineEnd?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            paddingInlineStart?: import("react-native").DimensionValue | SharedValue<import("react-native").DimensionValue | undefined> | undefined;
-            shadowColor?: import("react-native").ColorValue | SharedValue<import("react-native").ColorValue | undefined> | undefined;
-            shadowOffset?: Readonly<{
-                width: number;
-                height: number;
-            }> | SharedValue<Readonly<{
-                width: number;
-                height: number;
-            }> | undefined> | undefined;
-            shadowOpacity?: import("react-native").AnimatableNumericValue | SharedValue<import("react-native").AnimatableNumericValue | undefined> | undefined;
-            shadowRadius?: number | SharedValue<number | undefined> | undefined;
-            transformOrigin?: string | (string | number)[] | SharedValue<string | (string | number)[] | undefined> | undefined;
-            transformMatrix?: number[] | SharedValue<number[] | undefined> | undefined;
-            rotation?: import("react-native").AnimatableNumericValue | SharedValue<import("react-native").AnimatableNumericValue | undefined> | undefined;
-            scaleX?: import("react-native").AnimatableNumericValue | SharedValue<import("react-native").AnimatableNumericValue | undefined> | undefined;
-            scaleY?: import("react-native").AnimatableNumericValue | SharedValue<import("react-native").AnimatableNumericValue | undefined> | undefined;
-            translateX?: import("react-native").AnimatableNumericValue | SharedValue<import("react-native").AnimatableNumericValue | undefined> | undefined;
-            translateY?: import("react-native").AnimatableNumericValue | SharedValue<import("react-native").AnimatableNumericValue | undefined> | undefined;
-        };
-    };
-    itemOffset: SharedValue<number[]>;
-    itemHeight: SharedValue<number[]>;
-    draggedIndex: SharedValue<number>;
-    dragY: SharedValue<number>;
-    duration: SharedValue<number>;
-};
-export {};
-//# sourceMappingURL=useReorderableListCore.d.ts.map

package/lib/typescript/components/ReorderableListCore/useReorderableListCore.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useReorderableListCore.d.ts","sourceRoot":"","sources":["../../../../src/components/ReorderableListCore/useReorderableListCore.ts"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EACL,QAAQ,EACR,iBAAiB,EACjB,UAAU,EAEX,MAAM,cAAc,CAAC;AAQtB,OAAiB,EAGf,WAAW,EAYZ,MAAM,yBAAyB,CAAC;AAOjC,OAAO,EACL,6BAA6B,EAC7B,2BAA2B,EAC3B,6BAA6B,EAC7B,+BAA+B,EAC/B,2BAA2B,EAE5B,MAAM,aAAa,CAAC;AAOrB,UAAU,0BAA0B,CAAC,CAAC;IACpC,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,yBAAyB,EAAE;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,SAAS,CAAC;IACvE,oBAAoB,EAAE,MAAM,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,yBAAyB,EAAE,MAAM,CAAC;IAClC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;IACzD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,+BAA+B,KAAK,IAAI,CAAC;IACjE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IAChE,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACjD,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACnD,uBAAuB,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACzD,uBAAuB,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IAC1D,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,oBAAoB,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C,8BAA8B,EAAE,OAAO,GAAG,SAAS,CAAC;IACpD,cAAc,EAAE,6BAA6B,GAAG,SAAS,CAAC;IAC1D,sBAAsB,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,yBAAyB,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/C;AAED,eAAO,MAAM,sBAAsB;;;;;uBA8tBvB,MAAM;;;;;6CAvqBN,MAAM,MAAM,MAAM,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2wBtC,CAAC"}

package/src/components/ReorderableListCore/ReorderableListCore.tsx

@@ -1,178 +0,0 @@
-import React, {useCallback, useMemo} from 'react';
-import {
-  CellRendererProps,
-  FlatList,
-  FlatListProps,
-  Platform,
-  ScrollView,
-} from 'react-native';
-
-import {
-  Gesture,
-  GestureDetector,
-  NativeGesture,
-} from 'react-native-gesture-handler';
-import Animated, {
-  SharedValue,
-  useComposedEventHandler,
-} from 'react-native-reanimated';
-
-import {AUTOSCROLL_CONFIG} from './autoscrollConfig';
-import {useReorderableListCore} from './useReorderableListCore';
-import {ReorderableListContext} from '../../contexts';
-import type {ReorderableListProps} from '../../types';
-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 avoid forgetting to pass a prop
-  scrollViewContainerRef: React.RefObject<ScrollView> | undefined;
-  scrollViewPageY: SharedValue<number> | undefined;
-  scrollViewHeightY: SharedValue<number> | undefined;
-  scrollViewScrollOffsetY: SharedValue<number> | undefined;
-  scrollViewScrollEnabled: SharedValue<boolean> | undefined;
-  outerScrollGesture: NativeGesture | undefined;
-  initialScrollViewScrollEnabled: boolean | undefined;
-  scrollable: boolean | undefined;
-  scrollEnabled: boolean | undefined;
-}
-
-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,
-    initialScrollViewScrollEnabled,
-    scrollable,
-    outerScrollGesture,
-    cellAnimations,
-    shouldUpdateActiveItem,
-    panEnabled = true,
-    panActivateAfterLongPress,
-    ...rest
-  }: ReorderableListCoreProps<T>,
-  ref: React.ForwardedRef<FlatList<T>>,
-) => {
-  const {
-    gestureHandler,
-    handleScroll,
-    handleFlatListLayout,
-    handleRef,
-    startDrag,
-    listContextValue,
-    itemOffset,
-    itemHeight,
-    dragY,
-    draggedIndex,
-    duration,
-  } = 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 = 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;
-  }, [scrollable, outerScrollGesture, gestureHandler]);
-
-  const composedScrollHandler = useComposedEventHandler([
-    handleScroll,
-    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}
-          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/ReorderableListCore/autoscrollConfig.ts

@@ -1,31 +0,0 @@
-import {Platform} from '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,
-};
-
-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_CONFIG : ANDROID_PAPER_CONFIG,
-  ios: IOS_CONFIG,
-
-  // unsupported platforms
-  web: IOS_CONFIG,
-  macos: IOS_CONFIG,
-  windows: IOS_CONFIG,
-  native: IOS_CONFIG,
-});

package/src/components/ReorderableListCore/index.ts

@@ -1 +0,0 @@
-export * from './ReorderableListCore';