1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 | import {Key, RefObject} from 'react';
|
14 |
|
15 | export interface DragDropEvent {
|
16 |
|
17 | x: number,
|
18 | y: number
|
19 | }
|
20 |
|
21 | export type DropOperation = 'copy' | 'link' | 'move' | 'cancel';
|
22 |
|
23 | export interface DragItem {
|
24 | [type: string]: string
|
25 | }
|
26 |
|
27 | export interface DragStartEvent extends DragDropEvent {
|
28 | type: 'dragstart'
|
29 | }
|
30 |
|
31 | export interface DragMoveEvent extends DragDropEvent {
|
32 | type: 'dragmove'
|
33 | }
|
34 |
|
35 | export interface DragEndEvent extends DragDropEvent {
|
36 | type: 'dragend',
|
37 | dropOperation: DropOperation
|
38 | }
|
39 |
|
40 | export interface DropEnterEvent extends DragDropEvent {
|
41 | type: 'dropenter'
|
42 | }
|
43 |
|
44 | export interface DropMoveEvent extends DragDropEvent {
|
45 | type: 'dropmove'
|
46 | }
|
47 |
|
48 | export interface DropActivateEvent extends DragDropEvent {
|
49 | type: 'dropactivate'
|
50 | }
|
51 |
|
52 | export interface DropExitEvent extends DragDropEvent {
|
53 | type: 'dropexit'
|
54 | }
|
55 |
|
56 | export interface TextItem {
|
57 | kind: 'text',
|
58 | types: Set<string>,
|
59 | getText(type: string): Promise<string>
|
60 | }
|
61 |
|
62 | export interface FileItem {
|
63 | kind: 'file',
|
64 | type: string,
|
65 | name: string,
|
66 | getFile(): Promise<File>,
|
67 | getText(): Promise<string>
|
68 | }
|
69 |
|
70 | export interface DirectoryItem {
|
71 | kind: 'directory',
|
72 | name: string,
|
73 | getEntries(): AsyncIterable<FileItem | DirectoryItem>
|
74 | }
|
75 |
|
76 | export type DropItem = TextItem | FileItem | DirectoryItem;
|
77 |
|
78 | export interface DropEvent extends DragDropEvent {
|
79 | type: 'drop',
|
80 | dropOperation: DropOperation,
|
81 | items: DropItem[]
|
82 | }
|
83 |
|
84 | export type DropPosition = 'on' | 'before' | 'after';
|
85 | interface RootDropTarget {
|
86 | type: 'root'
|
87 | }
|
88 |
|
89 | export interface ItemDropTarget {
|
90 | type: 'item',
|
91 | key: Key,
|
92 | dropPosition: DropPosition
|
93 | }
|
94 |
|
95 | export type DropTarget = RootDropTarget | ItemDropTarget;
|
96 |
|
97 | interface DroppableCollectionEnterEvent extends DropEnterEvent {
|
98 | target: DropTarget
|
99 | }
|
100 |
|
101 | interface DroppableCollectionMoveEvent extends DropMoveEvent {
|
102 | target: DropTarget
|
103 | }
|
104 |
|
105 | interface DroppableCollectionActivateEvent extends DropActivateEvent {
|
106 | target: DropTarget
|
107 | }
|
108 |
|
109 | interface DroppableCollectionExitEvent extends DropExitEvent {
|
110 | target: DropTarget
|
111 | }
|
112 |
|
113 | interface DroppableCollectionDropEvent extends DropEvent {
|
114 | target: DropTarget
|
115 | }
|
116 |
|
117 | export interface DragTypes {
|
118 | has(type: string): boolean
|
119 | }
|
120 |
|
121 | export interface DroppableCollectionProps {
|
122 | getDropOperation?: (target: DropTarget, types: DragTypes, allowedOperations: DropOperation[]) => DropOperation,
|
123 | onDropEnter?: (e: DroppableCollectionEnterEvent) => void,
|
124 | onDropMove?: (e: DroppableCollectionMoveEvent) => void,
|
125 | onDropActivate?: (e: DroppableCollectionActivateEvent) => void,
|
126 | onDropExit?: (e: DroppableCollectionExitEvent) => void,
|
127 | onDrop?: (e: DroppableCollectionDropEvent) => void
|
128 | }
|
129 |
|
130 | interface DraggableCollectionStartEvent extends DragStartEvent {
|
131 | keys: Set<Key>
|
132 | }
|
133 |
|
134 | interface DraggableCollectionMoveEvent extends DragMoveEvent {
|
135 | keys: Set<Key>
|
136 | }
|
137 |
|
138 | interface DraggableCollectionEndEvent extends DragEndEvent {
|
139 | keys: Set<Key>
|
140 | }
|
141 |
|
142 | export type DragPreviewRenderer = (items: DragItem[], callback: (node: HTMLElement) => void) => void;
|
143 |
|
144 | export interface DraggableCollectionProps {
|
145 | onDragStart?: (e: DraggableCollectionStartEvent) => void,
|
146 | onDragMove?: (e: DraggableCollectionMoveEvent) => void,
|
147 | onDragEnd?: (e: DraggableCollectionEndEvent) => void,
|
148 | getItems: (keys: Set<Key>) => DragItem[],
|
149 | preview?: RefObject<DragPreviewRenderer>,
|
150 | getAllowedDropOperations?: () => DropOperation[]
|
151 | }
|