react-native-reorderable-list 0.13.1 → 0.14.0

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';