react-native-reorderable-list 0.6.1 → 0.7.0

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,uBAAuB;AACrC,cAAc,uBAAuB","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,yBAAyB;AACvC,cAAc,uBAAuB;AACrC,cAAc,uBAAuB;AACrC,cAAc,uBAAuB","ignoreList":[]}

package/lib/module/contexts/ScrollViewContainerContext.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export const ScrollViewContainerContext = /*#__PURE__*/React.createContext(undefined);
+//# sourceMappingURL=ScrollViewContainerContext.js.map

package/lib/module/contexts/ScrollViewContainerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ScrollViewContainerContext","createContext","undefined"],"sourceRoot":"../../../src","sources":["contexts/ScrollViewContainerContext.ts"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAezB,OAAO,MAAMC,0BAA0B,gBAAGD,KAAK,CAACE,aAAa,CAE3DC,SAAS,CAAC","ignoreList":[]}

package/lib/module/contexts/index.js

@@ -1,3 +1,4 @@
 export * from './ReorderableCellContext';
 export * from './ReorderableListContext';
+export * from './ScrollViewContainerContext';
 //# sourceMappingURL=index.js.map

package/lib/module/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["contexts/index.ts"],"mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,0BAA0B","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["contexts/index.ts"],"mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,8BAA8B","ignoreList":[]}

package/lib/module/index.js

@@ -1,6 +1,6 @@
-import { ReorderableList, ReorderableListItem } from './components';
+import { NestedReorderableList, ReorderableList, ReorderableListItem, ScrollViewContainer } from './components';
 import { useReorderableDrag, useReorderableDragEnd, useReorderableDragStart } from './hooks';
 import { reorderItems } from './utils';
-export { useReorderableDrag, useReorderableDragStart, useReorderableDragEnd, ReorderableListItem, reorderItems };
+export { useReorderableDrag, useReorderableDragStart, useReorderableDragEnd, ReorderableListItem, ScrollViewContainer, NestedReorderableList, reorderItems };
 export default ReorderableList;
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReorderableList","ReorderableListItem","useReorderableDrag","useReorderableDragEnd","useReorderableDragStart","reorderItems"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAAQA,eAAe,EAAEC,mBAAmB,QAAO,cAAc;AACjE,SACEC,kBAAkB,EAClBC,qBAAqB,EACrBC,uBAAuB,QAClB,SAAS;AAQhB,SAAQC,YAAY,QAAO,SAAS;AAEpC,SACEH,kBAAkB,EAClBE,uBAAuB,EACvBD,qBAAqB,EAIrBF,mBAAmB,EAGnBI,YAAY;AAEd,eAAeL,eAAe","ignoreList":[]}
+{"version":3,"names":["NestedReorderableList","ReorderableList","ReorderableListItem","ScrollViewContainer","useReorderableDrag","useReorderableDragEnd","useReorderableDragStart","reorderItems"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SACEA,qBAAqB,EACrBC,eAAe,EACfC,mBAAmB,EACnBC,mBAAmB,QACd,cAAc;AACrB,SACEC,kBAAkB,EAClBC,qBAAqB,EACrBC,uBAAuB,QAClB,SAAS;AAShB,SAAQC,YAAY,QAAO,SAAS;AAEpC,SACEH,kBAAkB,EAClBE,uBAAuB,EACvBD,qBAAqB,EAIrBH,mBAAmB,EAGnBC,mBAAmB,EAEnBH,qBAAqB,EACrBO,YAAY;AAEd,eAAeN,eAAe","ignoreList":[]}

package/lib/typescript/components/NestedReorderableList.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { FlatList } from 'react-native';
+import type { NestedReorderableListProps } from '../types';
+export declare const NestedReorderableList: <T>(props: NestedReorderableListProps<T> & React.RefAttributes<FlatList<T>>) => JSX.Element;
+//# sourceMappingURL=NestedReorderableList.d.ts.map

package/lib/typescript/components/NestedReorderableList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedReorderableList.d.ts","sourceRoot":"","sources":["../../../src/components/NestedReorderableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAKtC,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,UAAU,CAAC;AAgCzD,eAAO,MAAM,qBAAqB,kFAI7B,WAAW,CAAC"}

package/lib/typescript/components/ReorderableList.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { FlatList } from 'react-native';
+import type { ReorderableListProps } from '../types';
+export declare const ReorderableList: <T>(props: ReorderableListProps<T> & React.RefAttributes<FlatList<T>>) => JSX.Element;
+//# sourceMappingURL=ReorderableList.d.ts.map

package/lib/typescript/components/ReorderableList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReorderableList.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAGtC,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,UAAU,CAAC;AAsBnD,eAAO,MAAM,eAAe,4EAEvB,WAAW,CAAC"}

package/lib/typescript/components/ReorderableListCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReorderableListCell.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableListCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAC,iBAAiB,EAAoB,MAAM,cAAc,CAAC;AAEvE,OAAiB,EAEf,WAAW,EAMZ,MAAM,yBAAyB,CAAC;AAKjC,UAAU,wBAAwB,CAAC,CAAC,CAClC,SAAQ,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC;IAC7C,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IAClC,UAAU,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IAClC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAElC,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,mBAAmB,+LA2G/B,CAAC"}
+{"version":3,"file":"ReorderableListCell.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableListCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAC,iBAAiB,EAAoB,MAAM,cAAc,CAAC;AAEvE,OAAiB,EAEf,WAAW,EAMZ,MAAM,yBAAyB,CAAC;AAKjC,UAAU,wBAAwB,CAAC,CAAC,CAClC,SAAQ,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC;IAC7C,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IAClC,UAAU,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IAClC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAElC,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,mBAAmB,+LAyG/B,CAAC"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { FlatList, ScrollView } from 'react-native';
+import { NativeGesture } from 'react-native-gesture-handler';
+import { SharedValue } from 'react-native-reanimated';
+import type { ReorderableListProps } from '../../types';
+interface ReorderableListCoreProps<T> extends ReorderableListProps<T> {
+    scrollViewContainerRef: React.RefObject<ScrollView> | 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;
+}
+declare const MemoizedReorderableListCore: <T>(props: ReorderableListCoreProps<T> & {
+    ref?: React.ForwardedRef<FlatList<T> | null> | undefined;
+}) => React.ReactElement;
+export { MemoizedReorderableListCore as ReorderableListCore };
+//# sourceMappingURL=ReorderableListCore.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReorderableListCore.d.ts","sourceRoot":"","sources":["../../../../src/components/ReorderableListCore/ReorderableListCore.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAEL,QAAQ,EAGR,UAAU,EACX,MAAM,cAAc,CAAC;AAEtB,OAAO,EAGL,aAAa,EACd,MAAM,8BAA8B,CAAC;AACtC,OAAiB,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAK9D,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AAStD,UAAU,wBAAwB,CAAC,CAAC,CAAE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IAEnE,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IAChE,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,kBAAkB,EAAE,aAAa,GAAG,SAAS,CAAC;IAC9C,8BAA8B,EAAE,OAAO,GAAG,SAAS,CAAC;IACpD,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,aAAa,EAAE,OAAO,GAAG,SAAS,CAAC;CACpC;AAmHD,QAAA,MAAM,2BAA2B;;MAM5B,MAAM,YAAY,CAAC;AAExB,OAAO,EAAC,2BAA2B,IAAI,mBAAmB,EAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/ReorderableListCore/constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,gBAAgB,IAAI,CAAC"}

package/lib/typescript/components/ReorderableListCore/constants.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.ios.d.ts","sourceRoot":"","sources":["../../../../src/components/ReorderableListCore/constants.ios.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,gBAAgB,MAAM,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './ReorderableListCore';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ReorderableListCore/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

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

@@ -0,0 +1,44 @@
+import React from 'react';
+import { FlatList, LayoutChangeEvent, NativeScrollEvent, ScrollView } from 'react-native';
+import { SharedValue } from 'react-native-reanimated';
+import { ReorderableListDragEndEvent } from '../../types';
+import type { ReorderableListReorderEvent } from '../../types';
+interface UseReorderableListCoreArgs<T> {
+    ref: React.ForwardedRef<FlatList<T>>;
+    autoscrollThreshold: number;
+    autoscrollSpeedScale: number;
+    autoscrollDelay: number;
+    animationDuration: number;
+    dragReorderThreshold: number;
+    onReorder: (event: ReorderableListReorderEvent) => void;
+    onDragEnd?: (event: ReorderableListDragEndEvent) => void;
+    onScroll?: (event: NativeScrollEvent) => void;
+    onLayout?: (event: LayoutChangeEvent) => void;
+    scrollViewContainerRef: React.RefObject<ScrollView> | undefined;
+    scrollViewHeightY: SharedValue<number> | undefined;
+    scrollViewScrollOffsetY: SharedValue<number> | undefined;
+    scrollViewScrollEnabled: SharedValue<boolean> | undefined;
+    initialScrollEnabled: boolean | undefined;
+    initialScrollViewScrollEnabled: boolean | undefined;
+    nestedScrollable: boolean | undefined;
+}
+export declare const useReorderableListCore: <T>({ ref, autoscrollThreshold, autoscrollSpeedScale, autoscrollDelay, animationDuration, dragReorderThreshold, onReorder, onDragEnd, onScroll, onLayout, scrollViewContainerRef, scrollViewHeightY, scrollViewScrollOffsetY, scrollViewScrollEnabled, initialScrollEnabled, initialScrollViewScrollEnabled, nestedScrollable, }: 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)[][]>;
+    };
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"useReorderableListCore.d.ts","sourceRoot":"","sources":["../../../../src/components/ReorderableListCore/useReorderableListCore.ts"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EACL,QAAQ,EACR,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,EAEX,MAAM,cAAc,CAAC;AAGtB,OAAiB,EAGf,WAAW,EAWZ,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAC,2BAA2B,EAAuB,MAAM,aAAa,CAAC;AAC9E,OAAO,KAAK,EAAC,2BAA2B,EAAC,MAAM,aAAa,CAAC;AAO7D,UAAU,0BAA0B,CAAC,CAAC;IACpC,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,SAAS,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;IACxD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IAChE,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,oBAAoB,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C,8BAA8B,EAAE,OAAO,GAAG,SAAS,CAAC;IACpD,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;CACvC;AAED,eAAO,MAAM,sBAAsB;;;;;uBAkiBvB,MAAM;;;;;6CAtfN,MAAM,MAAM,MAAM,KAAK,IAAI;;;;;;;CA8jBtC,CAAC"}

package/lib/typescript/components/ScrollViewContainer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ScrollViewContainerProps } from '../types';
+export declare const ScrollViewContainer: React.FC<ScrollViewContainerProps>;
+//# sourceMappingURL=ScrollViewContainer.d.ts.map

package/lib/typescript/components/ScrollViewContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewContainer.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollViewContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAWrC,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,UAAU,CAAC;AAEvD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA4DlE,CAAC"}

package/lib/typescript/components/index.d.ts

@@ -1,4 +1,6 @@
 export * from './ReorderableList';
+export * from './NestedReorderableList';
 export * from './ReorderableListCell';
 export * from './ReorderableListItem';
+export * from './ScrollViewContainer';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC"}

package/lib/typescript/contexts/ScrollViewContainerContext.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ScrollView } from 'react-native';
+import { NativeGesture } from 'react-native-gesture-handler';
+import { SharedValue } from 'react-native-reanimated';
+interface ScrollViewContainerContextData {
+    scrollViewContainerRef: React.RefObject<ScrollView>;
+    scrollViewHeightY: SharedValue<number>;
+    scrollViewScrollOffsetY: SharedValue<number>;
+    scrollViewScrollEnabled: SharedValue<boolean>;
+    outerScrollGesture: NativeGesture;
+    initialScrollViewScrollEnabled: boolean;
+}
+export declare const ScrollViewContainerContext: React.Context<ScrollViewContainerContextData | undefined>;
+export {};
+//# sourceMappingURL=ScrollViewContainerContext.d.ts.map

package/lib/typescript/contexts/ScrollViewContainerContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewContainerContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/ScrollViewContainerContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAExC,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAEpD,UAAU,8BAA8B;IACtC,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IACpD,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,uBAAuB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,uBAAuB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC9C,kBAAkB,EAAE,aAAa,CAAC;IAClC,8BAA8B,EAAE,OAAO,CAAC;CACzC;AAED,eAAO,MAAM,0BAA0B,2DAE3B,CAAC"}

package/lib/typescript/contexts/index.d.ts

@@ -1,3 +1,4 @@
 export * from './ReorderableCellContext';
 export * from './ReorderableListContext';
+export * from './ScrollViewContainerContext';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/contexts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC"}

package/lib/typescript/index.d.ts

@@ -1,7 +1,7 @@
-import { ReorderableList, ReorderableListItem } from './components';
+import { NestedReorderableList, ReorderableList, ReorderableListItem, ScrollViewContainer } from './components';
 import { useReorderableDrag, useReorderableDragEnd, useReorderableDragStart } from './hooks';
-import type { ReorderableListDragEndEvent, ReorderableListItemConfig, ReorderableListItemProps, ReorderableListProps, ReorderableListReorderEvent } from './types';
+import type { ReorderableListDragEndEvent, ReorderableListItemConfig, ReorderableListItemProps, ReorderableListProps, ReorderableListReorderEvent, ScrollViewContainerProps } from './types';
 import { reorderItems } from './utils';
-export { useReorderableDrag, useReorderableDragStart, useReorderableDragEnd, ReorderableListProps, ReorderableListReorderEvent, ReorderableListDragEndEvent, ReorderableListItem, ReorderableListItemConfig, ReorderableListItemProps, reorderItems, };
+export { useReorderableDrag, useReorderableDragStart, useReorderableDragEnd, ReorderableListProps, ReorderableListReorderEvent, ReorderableListDragEndEvent, ReorderableListItem, ReorderableListItemConfig, ReorderableListItemProps, ScrollViewContainer, ScrollViewContainerProps, NestedReorderableList, reorderItems, };
 export default ReorderableList;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAClE,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EACV,2BAA2B,EAC3B,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC5B,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,oBAAoB,EACpB,2BAA2B,EAC3B,2BAA2B,EAC3B,mBAAmB,EACnB,yBAAyB,EACzB,wBAAwB,EACxB,YAAY,GACb,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,eAAe,EACf,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EACV,2BAA2B,EAC3B,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC3B,wBAAwB,EACzB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,oBAAoB,EACpB,2BAA2B,EAC3B,2BAA2B,EAC3B,mBAAmB,EACnB,yBAAyB,EACzB,wBAAwB,EACxB,mBAAmB,EACnB,wBAAwB,EACxB,qBAAqB,EACrB,YAAY,GACb,CAAC;AACF,eAAe,eAAe,CAAC"}

package/lib/typescript/types/props.d.ts

@@ -1,4 +1,4 @@
-import type { FlatListProps, NativeScrollEvent, ViewProps } from 'react-native';
+import type { FlatListProps, NativeScrollEvent, ScrollViewProps, ViewProps } from 'react-native';
 import { EasingFunction } from 'react-native-reanimated';
 export interface ReorderableListReorderEvent {
     /**
@@ -100,5 +100,17 @@ export interface ReorderableListItemProps extends ViewProps {
      */
     scaleAnimationConfig?: ReorderableListItemConfig;
 }
+export interface ScrollViewContainerProps extends Omit<ScrollViewProps, 'onScroll'> {
+    /**
+     * Event fired at most once per frame during scrolling. Needs to be a `worklet`. See [Reanimated docs](https://docs.swmansion.com/react-native-reanimated) for further info.
+     */
+    onScroll?: (event: NativeScrollEvent) => void;
+}
+export interface NestedReorderableListProps<T> extends ReorderableListProps<T> {
+    /**
+     * 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`. Default: `false`.
+     */
+    scrollable?: boolean;
+}
 export {};
 //# sourceMappingURL=props.d.ts.map

package/lib/typescript/types/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/types/props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAE9E,OAAO,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,KAAK,YAAY,GACb,YAAY,GACZ,UAAU,GACV,qBAAqB,GACrB,uBAAuB,GACvB,uBAAuB,GACvB,YAAY,CAAC;AAEjB,MAAM,WAAW,oBAAoB,CAAC,CAAC,CACrC,SAAQ,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC;IAC5C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;CAC1D;AAED,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD;;OAEG;IACH,sBAAsB,CAAC,EAAE,yBAAyB,CAAC;IACnD;;OAEG;IACH,oBAAoB,CAAC,EAAE,yBAAyB,CAAC;CAClD"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/types/props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,KAAK,YAAY,GACb,YAAY,GACZ,UAAU,GACV,qBAAqB,GACrB,uBAAuB,GACvB,uBAAuB,GACvB,YAAY,CAAC;AAEjB,MAAM,WAAW,oBAAoB,CAAC,CAAC,CACrC,SAAQ,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC;IAC5C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;CAC1D;AAED,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD;;OAEG;IACH,sBAAsB,CAAC,EAAE,yBAAyB,CAAC;IACnD;;OAEG;IACH,oBAAoB,CAAC,EAAE,yBAAyB,CAAC;CAClD;AAED,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,0BAA0B,CAAC,CAAC,CAAE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IAC5E;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-reorderable-list",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "description": "Reorderable list for React Native applications, powered by Reanimated",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/NestedReorderableList.tsx

@@ -0,0 +1,43 @@
+import React, {forwardRef} from 'react';
+import {FlatList} from 'react-native';
+
+import {ReorderableListCore} from './ReorderableListCore';
+import {ScrollViewContainerContext} from '../contexts';
+import {useContext} from '../hooks';
+import type {NestedReorderableListProps} from '../types';
+
+const NestedReorderableListWithRef = <T,>(
+  {scrollable, scrollEnabled = true, ...rest}: NestedReorderableListProps<T>,
+  ref?: React.ForwardedRef<FlatList<T>>,
+) => {
+  const {
+    scrollViewContainerRef,
+    scrollViewScrollOffsetY,
+    scrollViewHeightY,
+    scrollViewScrollEnabled,
+    outerScrollGesture,
+    initialScrollViewScrollEnabled,
+  } = useContext(ScrollViewContainerContext);
+
+  return (
+    <ReorderableListCore
+      {...rest}
+      ref={ref}
+      scrollViewContainerRef={scrollViewContainerRef}
+      scrollViewScrollOffsetY={scrollViewScrollOffsetY}
+      scrollViewHeightY={scrollViewHeightY}
+      outerScrollGesture={outerScrollGesture}
+      scrollViewScrollEnabled={scrollViewScrollEnabled}
+      initialScrollViewScrollEnabled={initialScrollViewScrollEnabled}
+      scrollable={scrollable}
+      scrollEnabled={scrollEnabled}
+      nestedScrollEnabled
+    />
+  );
+};
+
+export const NestedReorderableList = forwardRef(
+  NestedReorderableListWithRef,
+) as <T>(
+  props: NestedReorderableListProps<T> & React.RefAttributes<FlatList<T>>,
+) => JSX.Element;

package/src/components/ReorderableList.tsx

@@ -0,0 +1,29 @@
+import React, {forwardRef} from 'react';
+import {FlatList} from 'react-native';
+
+import {ReorderableListCore} from './ReorderableListCore';
+import type {ReorderableListProps} from '../types';
+
+const ReorderableListWithRef = <T,>(
+  {scrollEnabled = true, ...rest}: ReorderableListProps<T>,
+  ref: React.Ref<FlatList<T>>,
+) => {
+  return (
+    <ReorderableListCore
+      {...rest}
+      ref={ref}
+      scrollEnabled={scrollEnabled}
+      initialScrollViewScrollEnabled={true}
+      scrollable={true}
+      scrollViewContainerRef={undefined}
+      scrollViewScrollOffsetY={undefined}
+      scrollViewHeightY={undefined}
+      outerScrollGesture={undefined}
+      scrollViewScrollEnabled={undefined}
+    />
+  );
+};
+
+export const ReorderableList = forwardRef(ReorderableListWithRef) as <T>(
+  props: ReorderableListProps<T> & React.RefAttributes<FlatList<T>>,
+) => JSX.Element;

package/src/components/ReorderableListCell.tsx

@@ -119,9 +119,7 @@ export const ReorderableListCell = memo(
         itemHeight.value[index] = height;
       })(e.nativeEvent.layout.y, e.nativeEvent.layout.height);
 
-      if (onLayout) {
-        onLayout(e);
-      }
+      onLayout?.(e);
     };
 
     return (

package/src/components/ReorderableListCore/ReorderableListCore.tsx

@@ -0,0 +1,162 @@
+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} from 'react-native-reanimated';
+
+import {AUTOSCROLL_DELAY} from './constants';
+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;
+  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,>(
+  {
+    data,
+    autoscrollThreshold = 0.1,
+    autoscrollSpeedScale = 1,
+    autoscrollDelay = AUTOSCROLL_DELAY,
+    animationDuration = 200,
+    dragReorderThreshold = 0.2,
+    onLayout,
+    onReorder,
+    onScroll,
+    onDragEnd,
+    keyExtractor,
+    extraData,
+    scrollViewContainerRef,
+    scrollViewHeightY,
+    scrollViewScrollOffsetY,
+    scrollViewScrollEnabled,
+    scrollEnabled,
+    initialScrollViewScrollEnabled,
+    scrollable,
+    outerScrollGesture,
+    ...rest
+  }: ReorderableListCoreProps<T>,
+  ref: React.ForwardedRef<FlatList<T>>,
+) => {
+  const {
+    gestureHandler,
+    handleScroll,
+    handleFlatListLayout,
+    handleRef,
+    startDrag,
+    listContextValue,
+    itemOffset,
+    itemHeight,
+    dragY,
+    draggedIndex,
+    duration,
+  } = useReorderableListCore({
+    ref,
+    autoscrollThreshold,
+    autoscrollSpeedScale,
+    autoscrollDelay,
+    animationDuration,
+    dragReorderThreshold,
+    onLayout,
+    onReorder,
+    onScroll,
+    onDragEnd,
+    scrollViewContainerRef,
+    scrollViewHeightY,
+    scrollViewScrollOffsetY,
+    scrollViewScrollEnabled,
+    // flatlist will default to true if we pass explicitly undefined,
+    // but internally we would treat it as false, so we force true
+    initialScrollEnabled:
+      typeof scrollEnabled === 'undefined' ? true : scrollEnabled,
+    initialScrollViewScrollEnabled:
+      typeof initialScrollViewScrollEnabled === 'undefined'
+        ? true
+        : initialScrollViewScrollEnabled,
+    nestedScrollable: scrollable,
+  });
+
+  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 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={handleScroll}
+          scrollEventThrottle={1}
+          horizontal={false}
+          removeClippedSubviews={false}
+          keyExtractor={keyExtractor}
+          extraData={extraData}
+          numColumns={1}
+          scrollEnabled={scrollEnabled}
+        />
+      </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/index.ts

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