react-virtual-sortable 1.1.1 → 1.1.3

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "react-virtual-sortable",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "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,14 +1,22 @@
 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;
+}
 
 type KeyValueType = string | number;
+type EventType = 'onTop' | 'onBottom' | 'onScroll' | 'onDrag' | 'onDrop' | 'onRangeChange';
 type RenderFunc<T> = (item: T, index: number, key: KeyValueType) => React.ReactElement;
 interface DragEvent<T> {
     key: KeyValueType;
@@ -26,7 +34,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 +75,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;
@@ -82,14 +91,21 @@ interface VirtualComponentRef {
     scrollToOffset: (offset: number) => void;
     scrollToBottom: () => void;
 }
+interface ListItemProps {
+    dataKey: KeyValueType;
+    dragging: KeyValueType;
+    horizontal: boolean;
+    children: React.ReactElement;
+    onSizeChange: (key: KeyValueType, size: number) => 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, DropEvent, EventType, KeyValueType, ListItemProps, RenderFunc, VirtualListHandle, VirtualListProps, _default as default };