@btfash/react-native-reanimated-dnd 1.1.0 → 1.1.1

package/lib/types/sortable.d.ts

@@ -1,233 +1,233 @@
-import { StyleProp, ViewStyle } from "react-native";
-import { SharedValue } from "react-native-reanimated";
-import { DropProviderRef } from "../types/context";
-import { ReactNode } from "react";
-export interface SortableData {
-    id: string;
-}
-export declare enum ScrollDirection {
-    None = "none",
-    Up = "up",
-    Down = "down"
-}
-export declare enum HorizontalScrollDirection {
-    None = "none",
-    Left = "left",
-    Right = "right"
-}
-export declare enum SortableDirection {
-    Vertical = "vertical",
-    Horizontal = "horizontal"
-}
-export interface UseSortableOptions<T> {
-    id: string;
-    positions: SharedValue<{
-        [id: string]: number;
-    }>;
-    lowerBound: SharedValue<number>;
-    autoScrollDirection: SharedValue<ScrollDirection>;
-    itemsCount: number;
-    itemHeight: number;
-    containerHeight?: number;
-    onMove?: (id: string, from: number, to: number) => void;
-    onDragStart?: (id: string, position: number) => void;
-    onDrop?: (id: string, position: number, allPositions?: {
-        [id: string]: number;
-    }) => void;
-    onDragging?: (id: string, overItemId: string | null, yPosition: number) => void;
-}
-export interface UseSortableReturn {
-    animatedStyle: StyleProp<ViewStyle>;
-    panGestureHandler: any;
-    isMoving: boolean;
-    hasHandle: boolean;
-}
-export interface UseSortableListOptions<TData extends SortableData> {
-    data: TData[];
-    itemHeight: number;
-    itemKeyExtractor?: (item: TData, index: number) => string;
-}
-export interface UseSortableListReturn<TData extends SortableData> {
-    positions: any;
-    scrollY: any;
-    autoScroll: any;
-    scrollViewRef: any;
-    dropProviderRef: React.RefObject<DropProviderRef>;
-    handleScroll: any;
-    handleScrollEnd: () => void;
-    contentHeight: number;
-    getItemProps: (item: TData, index: number) => {
-        id: string;
-        positions: any;
-        lowerBound: any;
-        autoScrollDirection: any;
-        itemsCount: number;
-        itemHeight: number;
-    };
-}
-export interface SortableItemProps<T> {
-    id: string;
-    data: T;
-    positions: SharedValue<{
-        [id: string]: number;
-    }>;
-    lowerBound?: SharedValue<number>;
-    leftBound?: SharedValue<number>;
-    autoScrollDirection?: SharedValue<ScrollDirection>;
-    autoScrollHorizontalDirection?: SharedValue<HorizontalScrollDirection>;
-    itemsCount: number;
-    direction?: SortableDirection;
-    itemHeight?: number;
-    itemWidth?: number;
-    gap?: number;
-    paddingHorizontal?: number;
-    containerHeight?: number;
-    containerWidth?: number;
-    children: ReactNode;
-    style?: StyleProp<ViewStyle>;
-    animatedStyle?: StyleProp<ViewStyle>;
-    onMove?: (id: string, from: number, to: number) => void;
-    onDragStart?: (id: string, position: number) => void;
-    onDrop?: (id: string, position: number, allPositions?: {
-        [id: string]: number;
-    }) => void;
-    onDragging?: (id: string, overItemId: string | null, yPosition: number) => void;
-    onDraggingHorizontal?: (id: string, overItemId: string | null, xPosition: number) => void;
-}
-export interface SortableProps<TData extends SortableData> {
-    data: TData[];
-    renderItem: (props: SortableRenderItemProps<TData>) => ReactNode;
-    direction?: SortableDirection;
-    itemHeight?: number;
-    itemWidth?: number;
-    gap?: number;
-    paddingHorizontal?: number;
-    style?: StyleProp<ViewStyle>;
-    contentContainerStyle?: StyleProp<ViewStyle>;
-    itemKeyExtractor?: (item: TData, index: number) => string;
-    useFlatList?: boolean;
-}
-export interface SortableRenderItemProps<TData extends SortableData> {
-    item: TData;
-    index: number;
-    id: string;
-    positions: SharedValue<{
-        [id: string]: number;
-    }>;
-    direction?: SortableDirection;
-    lowerBound?: SharedValue<number>;
-    leftBound?: SharedValue<number>;
-    autoScrollDirection?: SharedValue<ScrollDirection>;
-    autoScrollHorizontalDirection?: SharedValue<HorizontalScrollDirection>;
-    itemsCount: number;
-    itemHeight?: number;
-    itemWidth?: number;
-    gap?: number;
-    paddingHorizontal?: number;
-}
-export interface SortableContextValue {
-    panGestureHandler: any;
-}
-export interface SortableHandleProps {
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-export interface UseHorizontalSortableOptions<T> {
-    id: string;
-    positions: SharedValue<{
-        [id: string]: number;
-    }>;
-    leftBound: SharedValue<number>;
-    autoScrollDirection: SharedValue<HorizontalScrollDirection>;
-    itemsCount: number;
-    itemWidth: number;
-    gap?: number;
-    paddingHorizontal?: number;
-    containerWidth?: number;
-    onMove?: (id: string, from: number, to: number) => void;
-    onDragStart?: (id: string, position: number) => void;
-    onDrop?: (id: string, position: number, allPositions?: {
-        [id: string]: number;
-    }) => void;
-    onDragging?: (id: string, overItemId: string | null, xPosition: number) => void;
-}
-export interface UseHorizontalSortableReturn {
-    animatedStyle: StyleProp<ViewStyle>;
-    panGestureHandler: any;
-    isMoving: boolean;
-    hasHandle: boolean;
-}
-export interface UseHorizontalSortableListOptions<TData extends SortableData> {
-    data: TData[];
-    itemWidth: number;
-    gap?: number;
-    paddingHorizontal?: number;
-    itemKeyExtractor?: (item: TData, index: number) => string;
-}
-export interface UseHorizontalSortableListReturn<TData extends SortableData> {
-    positions: any;
-    scrollX: any;
-    autoScroll: any;
-    scrollViewRef: any;
-    dropProviderRef: React.RefObject<DropProviderRef>;
-    handleScroll: any;
-    handleScrollEnd: () => void;
-    contentWidth: number;
-    getItemProps: (item: TData, index: number) => {
-        id: string;
-        positions: any;
-        leftBound: any;
-        autoScrollDirection: any;
-        itemsCount: number;
-        itemWidth: number;
-        gap: number;
-        paddingHorizontal: number;
-    };
-}
-export interface HorizontalSortableItemProps<T> {
-    id: string;
-    data: T;
-    positions: SharedValue<{
-        [id: string]: number;
-    }>;
-    leftBound: SharedValue<number>;
-    autoScrollDirection: SharedValue<HorizontalScrollDirection>;
-    itemsCount: number;
-    itemWidth: number;
-    gap?: number;
-    paddingHorizontal?: number;
-    containerWidth?: number;
-    children: ReactNode;
-    style?: StyleProp<ViewStyle>;
-    animatedStyle?: StyleProp<ViewStyle>;
-    onMove?: (id: string, from: number, to: number) => void;
-    onDragStart?: (id: string, position: number) => void;
-    onDrop?: (id: string, position: number, allPositions?: {
-        [id: string]: number;
-    }) => void;
-    onDragging?: (id: string, overItemId: string | null, xPosition: number) => void;
-}
-export interface HorizontalSortableProps<TData extends SortableData> {
-    data: TData[];
-    renderItem: (props: HorizontalSortableRenderItemProps<TData>) => ReactNode;
-    itemWidth: number;
-    gap?: number;
-    paddingHorizontal?: number;
-    style?: StyleProp<ViewStyle>;
-    contentContainerStyle?: StyleProp<ViewStyle>;
-    itemKeyExtractor?: (item: TData, index: number) => string;
-}
-export interface HorizontalSortableRenderItemProps<TData extends SortableData> {
-    item: TData;
-    index: number;
-    id: string;
-    positions: SharedValue<{
-        [id: string]: number;
-    }>;
-    leftBound: SharedValue<number>;
-    autoScrollDirection: SharedValue<HorizontalScrollDirection>;
-    itemsCount: number;
-    itemWidth: number;
-    gap: number;
-    paddingHorizontal: number;
-}
+import { StyleProp, ViewStyle } from "react-native";
+import { SharedValue } from "react-native-reanimated";
+import { DropProviderRef } from "../types/context";
+import { ReactNode } from "react";
+export interface SortableData {
+    id: string;
+}
+export declare enum ScrollDirection {
+    None = "none",
+    Up = "up",
+    Down = "down"
+}
+export declare enum HorizontalScrollDirection {
+    None = "none",
+    Left = "left",
+    Right = "right"
+}
+export declare enum SortableDirection {
+    Vertical = "vertical",
+    Horizontal = "horizontal"
+}
+export interface UseSortableOptions<T> {
+    id: string;
+    positions: SharedValue<{
+        [id: string]: number;
+    }>;
+    lowerBound: SharedValue<number>;
+    autoScrollDirection: SharedValue<ScrollDirection>;
+    itemsCount: number;
+    itemHeight: number;
+    containerHeight?: number;
+    onMove?: (id: string, from: number, to: number) => void;
+    onDragStart?: (id: string, position: number) => void;
+    onDrop?: (id: string, position: number, allPositions?: {
+        [id: string]: number;
+    }) => void;
+    onDragging?: (id: string, overItemId: string | null, yPosition: number) => void;
+}
+export interface UseSortableReturn {
+    animatedStyle: StyleProp<ViewStyle>;
+    panGestureHandler: any;
+    isMoving: boolean;
+    hasHandle: boolean;
+}
+export interface UseSortableListOptions<TData extends SortableData> {
+    data: TData[];
+    itemHeight: number;
+    itemKeyExtractor?: (item: TData, index: number) => string;
+}
+export interface UseSortableListReturn<TData extends SortableData> {
+    positions: any;
+    scrollY: any;
+    autoScroll: any;
+    scrollViewRef: any;
+    dropProviderRef: React.RefObject<DropProviderRef>;
+    handleScroll: any;
+    handleScrollEnd: () => void;
+    contentHeight: number;
+    getItemProps: (item: TData, index: number) => {
+        id: string;
+        positions: any;
+        lowerBound: any;
+        autoScrollDirection: any;
+        itemsCount: number;
+        itemHeight: number;
+    };
+}
+export interface SortableItemProps<T> {
+    id: string;
+    data: T;
+    positions: SharedValue<{
+        [id: string]: number;
+    }>;
+    lowerBound?: SharedValue<number>;
+    leftBound?: SharedValue<number>;
+    autoScrollDirection?: SharedValue<ScrollDirection>;
+    autoScrollHorizontalDirection?: SharedValue<HorizontalScrollDirection>;
+    itemsCount: number;
+    direction?: SortableDirection;
+    itemHeight?: number;
+    itemWidth?: number;
+    gap?: number;
+    paddingHorizontal?: number;
+    containerHeight?: number;
+    containerWidth?: number;
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+    animatedStyle?: StyleProp<ViewStyle>;
+    onMove?: (id: string, from: number, to: number) => void;
+    onDragStart?: (id: string, position: number) => void;
+    onDrop?: (id: string, position: number, allPositions?: {
+        [id: string]: number;
+    }) => void;
+    onDragging?: (id: string, overItemId: string | null, yPosition: number) => void;
+    onDraggingHorizontal?: (id: string, overItemId: string | null, xPosition: number) => void;
+}
+export interface SortableProps<TData extends SortableData> {
+    data: TData[];
+    renderItem: (props: SortableRenderItemProps<TData>) => ReactNode;
+    direction?: SortableDirection;
+    itemHeight?: number;
+    itemWidth?: number;
+    gap?: number;
+    paddingHorizontal?: number;
+    style?: StyleProp<ViewStyle>;
+    contentContainerStyle?: StyleProp<ViewStyle>;
+    itemKeyExtractor?: (item: TData, index: number) => string;
+    useFlatList?: boolean;
+}
+export interface SortableRenderItemProps<TData extends SortableData> {
+    item: TData;
+    index: number;
+    id: string;
+    positions: SharedValue<{
+        [id: string]: number;
+    }>;
+    direction?: SortableDirection;
+    lowerBound?: SharedValue<number>;
+    leftBound?: SharedValue<number>;
+    autoScrollDirection?: SharedValue<ScrollDirection>;
+    autoScrollHorizontalDirection?: SharedValue<HorizontalScrollDirection>;
+    itemsCount: number;
+    itemHeight?: number;
+    itemWidth?: number;
+    gap?: number;
+    paddingHorizontal?: number;
+}
+export interface SortableContextValue {
+    panGestureHandler: any;
+}
+export interface SortableHandleProps {
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export interface UseHorizontalSortableOptions<T> {
+    id: string;
+    positions: SharedValue<{
+        [id: string]: number;
+    }>;
+    leftBound: SharedValue<number>;
+    autoScrollDirection: SharedValue<HorizontalScrollDirection>;
+    itemsCount: number;
+    itemWidth: number;
+    gap?: number;
+    paddingHorizontal?: number;
+    containerWidth?: number;
+    onMove?: (id: string, from: number, to: number) => void;
+    onDragStart?: (id: string, position: number) => void;
+    onDrop?: (id: string, position: number, allPositions?: {
+        [id: string]: number;
+    }) => void;
+    onDragging?: (id: string, overItemId: string | null, xPosition: number) => void;
+}
+export interface UseHorizontalSortableReturn {
+    animatedStyle: StyleProp<ViewStyle>;
+    panGestureHandler: any;
+    isMoving: boolean;
+    hasHandle: boolean;
+}
+export interface UseHorizontalSortableListOptions<TData extends SortableData> {
+    data: TData[];
+    itemWidth: number;
+    gap?: number;
+    paddingHorizontal?: number;
+    itemKeyExtractor?: (item: TData, index: number) => string;
+}
+export interface UseHorizontalSortableListReturn<TData extends SortableData> {
+    positions: any;
+    scrollX: any;
+    autoScroll: any;
+    scrollViewRef: any;
+    dropProviderRef: React.RefObject<DropProviderRef>;
+    handleScroll: any;
+    handleScrollEnd: () => void;
+    contentWidth: number;
+    getItemProps: (item: TData, index: number) => {
+        id: string;
+        positions: any;
+        leftBound: any;
+        autoScrollDirection: any;
+        itemsCount: number;
+        itemWidth: number;
+        gap: number;
+        paddingHorizontal: number;
+    };
+}
+export interface HorizontalSortableItemProps<T> {
+    id: string;
+    data: T;
+    positions: SharedValue<{
+        [id: string]: number;
+    }>;
+    leftBound: SharedValue<number>;
+    autoScrollDirection: SharedValue<HorizontalScrollDirection>;
+    itemsCount: number;
+    itemWidth: number;
+    gap?: number;
+    paddingHorizontal?: number;
+    containerWidth?: number;
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+    animatedStyle?: StyleProp<ViewStyle>;
+    onMove?: (id: string, from: number, to: number) => void;
+    onDragStart?: (id: string, position: number) => void;
+    onDrop?: (id: string, position: number, allPositions?: {
+        [id: string]: number;
+    }) => void;
+    onDragging?: (id: string, overItemId: string | null, xPosition: number) => void;
+}
+export interface HorizontalSortableProps<TData extends SortableData> {
+    data: TData[];
+    renderItem: (props: HorizontalSortableRenderItemProps<TData>) => ReactNode;
+    itemWidth: number;
+    gap?: number;
+    paddingHorizontal?: number;
+    style?: StyleProp<ViewStyle>;
+    contentContainerStyle?: StyleProp<ViewStyle>;
+    itemKeyExtractor?: (item: TData, index: number) => string;
+}
+export interface HorizontalSortableRenderItemProps<TData extends SortableData> {
+    item: TData;
+    index: number;
+    id: string;
+    positions: SharedValue<{
+        [id: string]: number;
+    }>;
+    leftBound: SharedValue<number>;
+    autoScrollDirection: SharedValue<HorizontalScrollDirection>;
+    itemsCount: number;
+    itemWidth: number;
+    gap: number;
+    paddingHorizontal: number;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@btfash/react-native-reanimated-dnd",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "A powerful drag-and-drop library for React Native using Reanimated 3",
   "main": "lib/index.js",
   "module": "lib/index.js",