react-virtual-sortable 1.1.2 → 1.1.4

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "react-virtual-sortable",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "A virtual scrolling list component that can be sorted by dragging",
-  "main": "dist/virtual-list.js",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
   "types": "types/index.d.ts",
   "files": [
     "dist",
@@ -38,7 +39,7 @@
   },
   "homepage": "https://github.com/mfuu/react-virtual-sortable#readme",
   "dependencies": {
-    "sortable-dnd": "^0.7.1"
+    "sortable-dnd": "^0.7.2"
   },
   "devDependencies": {
     "@babel/core": "^7.16.7",

package/types/index.d.ts

@@ -1,12 +1,31 @@
 import * as React from 'react';
-import { Group, ScrollSpeed, SortableEvent } from 'sortable-dnd';
+import { SortableEvent, Group, ScrollSpeed } from 'sortable-dnd';
 
+type DIRECTION = 'FRONT' | 'BEHIND' | 'STATIONARY';
 interface Range {
     start: number;
     end: number;
     front: number;
     behind: number;
 }
+interface ScrollEvent {
+    top: boolean;
+    bottom: boolean;
+    offset: number;
+    direction: DIRECTION;
+}
+interface DragEvent$1<T> {
+    key: T;
+    index: number;
+    event: SortableEvent;
+}
+interface DropEvent$1<T> {
+    key: T;
+    event: SortableEvent;
+    changed: boolean;
+    oldIndex: number;
+    newIndex: number;
+}
 
 type KeyValueType = string | number;
 type RenderFunc<T> = (item: T, index: number, key: KeyValueType) => React.ReactElement;
@@ -26,7 +45,7 @@ interface DropEvent<T> {
     oldIndex: number;
     newIndex: number;
 }
-interface VirtualProps<T> {
+interface VirtualListProps<T> {
     dataKey: string;
     dataSource: T[];
     children: React.ReactElement | RenderFunc<T>;
@@ -67,11 +86,12 @@ interface VirtualProps<T> {
     footer?: React.ReactNode;
     onTop?: () => void;
     onBottom?: () => void;
+    onScroll?: (event: ScrollEvent) => void;
     onDrag?: (event: DragEvent<T>) => void;
     onDrop?: (event: DropEvent<T>) => void;
     onRangeChange?: (range: Range) => void;
 }
-interface VirtualComponentRef {
+interface VirtualListHandle {
     getSize: (key: KeyValueType) => number;
     getOffset: () => number;
     getClientSize: () => number;
@@ -83,13 +103,13 @@ interface VirtualComponentRef {
     scrollToBottom: () => void;
 }
 
-declare function VirtualList<T>(props: VirtualProps<T>, ref: React.ForwardedRef<VirtualComponentRef>): React.ReactElement<{
+declare function VirtualList<T>(props: VirtualListProps<T>, ref: React.ForwardedRef<VirtualListHandle>): React.ReactElement<{
     ref: React.MutableRefObject<HTMLElement | undefined>;
     style: React.CSSProperties;
     className: string;
 }, string | React.JSXElementConstructor<any>>;
-declare const _default: <T>(props: VirtualProps<T> & {
-    ref?: React.ForwardedRef<VirtualComponentRef> | undefined;
+declare const _default: <T>(props: VirtualListProps<T> & {
+    ref?: React.ForwardedRef<VirtualListHandle> | undefined;
 }) => ReturnType<typeof VirtualList>;
 
-export { _default as default };
+export { DragEvent$1 as DragEvent, DropEvent$1 as DropEvent, Range, ScrollEvent, VirtualListHandle, _default as default };