@react-aria/dnd 3.11.6 → 3.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/import.mjs +8 -18
- package/dist/main.js +22 -32
- package/dist/main.js.map +1 -1
- package/dist/module.js +8 -18
- package/dist/module.js.map +1 -1
- package/dist/types/src/index.d.ts +13 -0
- package/package.json +16 -21
- package/src/index.ts +13 -56
- package/dist/DragManager.main.js +0 -522
- package/dist/DragManager.main.js.map +0 -1
- package/dist/DragManager.mjs +0 -513
- package/dist/DragManager.module.js +0 -513
- package/dist/DragManager.module.js.map +0 -1
- package/dist/DragPreview.main.js +0 -73
- package/dist/DragPreview.main.js.map +0 -1
- package/dist/DragPreview.mjs +0 -64
- package/dist/DragPreview.module.js +0 -64
- package/dist/DragPreview.module.js.map +0 -1
- package/dist/DropTargetKeyboardNavigation.main.js +0 -215
- package/dist/DropTargetKeyboardNavigation.main.js.map +0 -1
- package/dist/DropTargetKeyboardNavigation.mjs +0 -210
- package/dist/DropTargetKeyboardNavigation.module.js +0 -210
- package/dist/DropTargetKeyboardNavigation.module.js.map +0 -1
- package/dist/ListDropTargetDelegate.main.js +0 -129
- package/dist/ListDropTargetDelegate.main.js.map +0 -1
- package/dist/ListDropTargetDelegate.mjs +0 -124
- package/dist/ListDropTargetDelegate.module.js +0 -124
- package/dist/ListDropTargetDelegate.module.js.map +0 -1
- package/dist/ar-AE.main.js +0 -44
- package/dist/ar-AE.main.js.map +0 -1
- package/dist/ar-AE.mjs +0 -46
- package/dist/ar-AE.module.js +0 -46
- package/dist/ar-AE.module.js.map +0 -1
- package/dist/bg-BG.main.js +0 -44
- package/dist/bg-BG.main.js.map +0 -1
- package/dist/bg-BG.mjs +0 -46
- package/dist/bg-BG.module.js +0 -46
- package/dist/bg-BG.module.js.map +0 -1
- package/dist/constants.main.js +0 -64
- package/dist/constants.main.js.map +0 -1
- package/dist/constants.mjs +0 -52
- package/dist/constants.module.js +0 -52
- package/dist/constants.module.js.map +0 -1
- package/dist/cs-CZ.main.js +0 -45
- package/dist/cs-CZ.main.js.map +0 -1
- package/dist/cs-CZ.mjs +0 -47
- package/dist/cs-CZ.module.js +0 -47
- package/dist/cs-CZ.module.js.map +0 -1
- package/dist/da-DK.main.js +0 -44
- package/dist/da-DK.main.js.map +0 -1
- package/dist/da-DK.mjs +0 -46
- package/dist/da-DK.module.js +0 -46
- package/dist/da-DK.module.js.map +0 -1
- package/dist/de-DE.main.js +0 -44
- package/dist/de-DE.main.js.map +0 -1
- package/dist/de-DE.mjs +0 -46
- package/dist/de-DE.module.js +0 -46
- package/dist/de-DE.module.js.map +0 -1
- package/dist/el-GR.main.js +0 -44
- package/dist/el-GR.main.js.map +0 -1
- package/dist/el-GR.mjs +0 -46
- package/dist/el-GR.module.js +0 -46
- package/dist/el-GR.module.js.map +0 -1
- package/dist/en-US.main.js +0 -44
- package/dist/en-US.main.js.map +0 -1
- package/dist/en-US.mjs +0 -46
- package/dist/en-US.module.js +0 -46
- package/dist/en-US.module.js.map +0 -1
- package/dist/es-ES.main.js +0 -44
- package/dist/es-ES.main.js.map +0 -1
- package/dist/es-ES.mjs +0 -46
- package/dist/es-ES.module.js +0 -46
- package/dist/es-ES.module.js.map +0 -1
- package/dist/et-EE.main.js +0 -44
- package/dist/et-EE.main.js.map +0 -1
- package/dist/et-EE.mjs +0 -46
- package/dist/et-EE.module.js +0 -46
- package/dist/et-EE.module.js.map +0 -1
- package/dist/fi-FI.main.js +0 -44
- package/dist/fi-FI.main.js.map +0 -1
- package/dist/fi-FI.mjs +0 -46
- package/dist/fi-FI.module.js +0 -46
- package/dist/fi-FI.module.js.map +0 -1
- package/dist/fr-FR.main.js +0 -44
- package/dist/fr-FR.main.js.map +0 -1
- package/dist/fr-FR.mjs +0 -46
- package/dist/fr-FR.module.js +0 -46
- package/dist/fr-FR.module.js.map +0 -1
- package/dist/he-IL.main.js +0 -44
- package/dist/he-IL.main.js.map +0 -1
- package/dist/he-IL.mjs +0 -46
- package/dist/he-IL.module.js +0 -46
- package/dist/he-IL.module.js.map +0 -1
- package/dist/hr-HR.main.js +0 -44
- package/dist/hr-HR.main.js.map +0 -1
- package/dist/hr-HR.mjs +0 -46
- package/dist/hr-HR.module.js +0 -46
- package/dist/hr-HR.module.js.map +0 -1
- package/dist/hu-HU.main.js +0 -44
- package/dist/hu-HU.main.js.map +0 -1
- package/dist/hu-HU.mjs +0 -46
- package/dist/hu-HU.module.js +0 -46
- package/dist/hu-HU.module.js.map +0 -1
- package/dist/intlStrings.main.js +0 -108
- package/dist/intlStrings.main.js.map +0 -1
- package/dist/intlStrings.mjs +0 -110
- package/dist/intlStrings.module.js +0 -110
- package/dist/intlStrings.module.js.map +0 -1
- package/dist/it-IT.main.js +0 -44
- package/dist/it-IT.main.js.map +0 -1
- package/dist/it-IT.mjs +0 -46
- package/dist/it-IT.module.js +0 -46
- package/dist/it-IT.module.js.map +0 -1
- package/dist/ja-JP.main.js +0 -44
- package/dist/ja-JP.main.js.map +0 -1
- package/dist/ja-JP.mjs +0 -46
- package/dist/ja-JP.module.js +0 -46
- package/dist/ja-JP.module.js.map +0 -1
- package/dist/ko-KR.main.js +0 -44
- package/dist/ko-KR.main.js.map +0 -1
- package/dist/ko-KR.mjs +0 -46
- package/dist/ko-KR.module.js +0 -46
- package/dist/ko-KR.module.js.map +0 -1
- package/dist/lt-LT.main.js +0 -44
- package/dist/lt-LT.main.js.map +0 -1
- package/dist/lt-LT.mjs +0 -46
- package/dist/lt-LT.module.js +0 -46
- package/dist/lt-LT.module.js.map +0 -1
- package/dist/lv-LV.main.js +0 -44
- package/dist/lv-LV.main.js.map +0 -1
- package/dist/lv-LV.mjs +0 -46
- package/dist/lv-LV.module.js +0 -46
- package/dist/lv-LV.module.js.map +0 -1
- package/dist/nb-NO.main.js +0 -44
- package/dist/nb-NO.main.js.map +0 -1
- package/dist/nb-NO.mjs +0 -46
- package/dist/nb-NO.module.js +0 -46
- package/dist/nb-NO.module.js.map +0 -1
- package/dist/nl-NL.main.js +0 -44
- package/dist/nl-NL.main.js.map +0 -1
- package/dist/nl-NL.mjs +0 -46
- package/dist/nl-NL.module.js +0 -46
- package/dist/nl-NL.module.js.map +0 -1
- package/dist/pl-PL.main.js +0 -44
- package/dist/pl-PL.main.js.map +0 -1
- package/dist/pl-PL.mjs +0 -46
- package/dist/pl-PL.module.js +0 -46
- package/dist/pl-PL.module.js.map +0 -1
- package/dist/pt-BR.main.js +0 -44
- package/dist/pt-BR.main.js.map +0 -1
- package/dist/pt-BR.mjs +0 -46
- package/dist/pt-BR.module.js +0 -46
- package/dist/pt-BR.module.js.map +0 -1
- package/dist/pt-PT.main.js +0 -44
- package/dist/pt-PT.main.js.map +0 -1
- package/dist/pt-PT.mjs +0 -46
- package/dist/pt-PT.module.js +0 -46
- package/dist/pt-PT.module.js.map +0 -1
- package/dist/ro-RO.main.js +0 -44
- package/dist/ro-RO.main.js.map +0 -1
- package/dist/ro-RO.mjs +0 -46
- package/dist/ro-RO.module.js +0 -46
- package/dist/ro-RO.module.js.map +0 -1
- package/dist/ru-RU.main.js +0 -44
- package/dist/ru-RU.main.js.map +0 -1
- package/dist/ru-RU.mjs +0 -46
- package/dist/ru-RU.module.js +0 -46
- package/dist/ru-RU.module.js.map +0 -1
- package/dist/sk-SK.main.js +0 -44
- package/dist/sk-SK.main.js.map +0 -1
- package/dist/sk-SK.mjs +0 -46
- package/dist/sk-SK.module.js +0 -46
- package/dist/sk-SK.module.js.map +0 -1
- package/dist/sl-SI.main.js +0 -44
- package/dist/sl-SI.main.js.map +0 -1
- package/dist/sl-SI.mjs +0 -46
- package/dist/sl-SI.module.js +0 -46
- package/dist/sl-SI.module.js.map +0 -1
- package/dist/sr-SP.main.js +0 -44
- package/dist/sr-SP.main.js.map +0 -1
- package/dist/sr-SP.mjs +0 -46
- package/dist/sr-SP.module.js +0 -46
- package/dist/sr-SP.module.js.map +0 -1
- package/dist/sv-SE.main.js +0 -44
- package/dist/sv-SE.main.js.map +0 -1
- package/dist/sv-SE.mjs +0 -46
- package/dist/sv-SE.module.js +0 -46
- package/dist/sv-SE.module.js.map +0 -1
- package/dist/tr-TR.main.js +0 -44
- package/dist/tr-TR.main.js.map +0 -1
- package/dist/tr-TR.mjs +0 -46
- package/dist/tr-TR.module.js +0 -46
- package/dist/tr-TR.module.js.map +0 -1
- package/dist/types.d.ts +0 -244
- package/dist/types.d.ts.map +0 -1
- package/dist/uk-UA.main.js +0 -44
- package/dist/uk-UA.main.js.map +0 -1
- package/dist/uk-UA.mjs +0 -46
- package/dist/uk-UA.module.js +0 -46
- package/dist/uk-UA.module.js.map +0 -1
- package/dist/useAutoScroll.main.js +0 -89
- package/dist/useAutoScroll.main.js.map +0 -1
- package/dist/useAutoScroll.mjs +0 -84
- package/dist/useAutoScroll.module.js +0 -84
- package/dist/useAutoScroll.module.js.map +0 -1
- package/dist/useClipboard.main.js +0 -111
- package/dist/useClipboard.main.js.map +0 -1
- package/dist/useClipboard.mjs +0 -106
- package/dist/useClipboard.module.js +0 -106
- package/dist/useClipboard.module.js.map +0 -1
- package/dist/useDrag.main.js +0 -307
- package/dist/useDrag.main.js.map +0 -1
- package/dist/useDrag.mjs +0 -302
- package/dist/useDrag.module.js +0 -302
- package/dist/useDrag.module.js.map +0 -1
- package/dist/useDraggableCollection.main.js +0 -27
- package/dist/useDraggableCollection.main.js.map +0 -1
- package/dist/useDraggableCollection.mjs +0 -22
- package/dist/useDraggableCollection.module.js +0 -22
- package/dist/useDraggableCollection.module.js.map +0 -1
- package/dist/useDraggableItem.main.js +0 -128
- package/dist/useDraggableItem.main.js.map +0 -1
- package/dist/useDraggableItem.mjs +0 -123
- package/dist/useDraggableItem.module.js +0 -123
- package/dist/useDraggableItem.module.js.map +0 -1
- package/dist/useDrop.main.js +0 -295
- package/dist/useDrop.main.js.map +0 -1
- package/dist/useDrop.mjs +0 -290
- package/dist/useDrop.module.js +0 -290
- package/dist/useDrop.module.js.map +0 -1
- package/dist/useDropIndicator.main.js +0 -102
- package/dist/useDropIndicator.main.js.map +0 -1
- package/dist/useDropIndicator.mjs +0 -97
- package/dist/useDropIndicator.module.js +0 -97
- package/dist/useDropIndicator.module.js.map +0 -1
- package/dist/useDroppableCollection.main.js +0 -536
- package/dist/useDroppableCollection.main.js.map +0 -1
- package/dist/useDroppableCollection.mjs +0 -531
- package/dist/useDroppableCollection.module.js +0 -531
- package/dist/useDroppableCollection.module.js.map +0 -1
- package/dist/useDroppableItem.main.js +0 -81
- package/dist/useDroppableItem.main.js.map +0 -1
- package/dist/useDroppableItem.mjs +0 -76
- package/dist/useDroppableItem.module.js +0 -76
- package/dist/useDroppableItem.module.js.map +0 -1
- package/dist/useVirtualDrop.main.js +0 -56
- package/dist/useVirtualDrop.main.js.map +0 -1
- package/dist/useVirtualDrop.mjs +0 -51
- package/dist/useVirtualDrop.module.js +0 -51
- package/dist/useVirtualDrop.module.js.map +0 -1
- package/dist/utils.main.js +0 -285
- package/dist/utils.main.js.map +0 -1
- package/dist/utils.mjs +0 -257
- package/dist/utils.module.js +0 -257
- package/dist/utils.module.js.map +0 -1
- package/dist/zh-CN.main.js +0 -44
- package/dist/zh-CN.main.js.map +0 -1
- package/dist/zh-CN.mjs +0 -46
- package/dist/zh-CN.module.js +0 -46
- package/dist/zh-CN.module.js.map +0 -1
- package/dist/zh-TW.main.js +0 -44
- package/dist/zh-TW.main.js.map +0 -1
- package/dist/zh-TW.mjs +0 -46
- package/dist/zh-TW.module.js +0 -46
- package/dist/zh-TW.module.js.map +0 -1
- package/src/DragManager.ts +0 -659
- package/src/DragPreview.tsx +0 -81
- package/src/DropTargetKeyboardNavigation.ts +0 -293
- package/src/ListDropTargetDelegate.ts +0 -182
- package/src/constants.ts +0 -85
- package/src/useAutoScroll.ts +0 -105
- package/src/useClipboard.ts +0 -151
- package/src/useDrag.ts +0 -390
- package/src/useDraggableCollection.ts +0 -29
- package/src/useDraggableItem.ts +0 -158
- package/src/useDrop.ts +0 -444
- package/src/useDropIndicator.ts +0 -124
- package/src/useDroppableCollection.ts +0 -665
- package/src/useDroppableItem.ts +0 -86
- package/src/useVirtualDrop.ts +0 -49
- package/src/utils.ts +0 -385
|
@@ -1,513 +0,0 @@
|
|
|
1
|
-
import {getDragModality as $7252cd45fc48c07c$export$1fb2158d224b542c, getTypes as $7252cd45fc48c07c$export$e1d41611756c6326} from "./utils.module.js";
|
|
2
|
-
import {announce as $irqIb$announce} from "@react-aria/live-announcer";
|
|
3
|
-
import {ariaHideOutside as $irqIb$ariaHideOutside} from "@react-aria/overlays";
|
|
4
|
-
import {nodeContains as $irqIb$nodeContains, getEventTarget as $irqIb$getEventTarget, isVirtualClick as $irqIb$isVirtualClick, isVirtualPointerEvent as $irqIb$isVirtualPointerEvent, getActiveElement as $irqIb$getActiveElement} from "@react-aria/utils";
|
|
5
|
-
import {useState as $irqIb$useState, useEffect as $irqIb$useEffect} from "react";
|
|
6
|
-
|
|
7
|
-
/*
|
|
8
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
9
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
10
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
11
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
12
|
-
*
|
|
13
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
14
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
15
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
16
|
-
* governing permissions and limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
let $67560de7c78cb232$var$dropTargets = new Map();
|
|
23
|
-
let $67560de7c78cb232$var$dropItems = new Map();
|
|
24
|
-
let $67560de7c78cb232$var$dragSession = null;
|
|
25
|
-
let $67560de7c78cb232$var$subscriptions = new Set();
|
|
26
|
-
function $67560de7c78cb232$export$c28d9fb4a54e471a(target) {
|
|
27
|
-
$67560de7c78cb232$var$dropTargets.set(target.element, target);
|
|
28
|
-
$67560de7c78cb232$var$dragSession === null || $67560de7c78cb232$var$dragSession === void 0 ? void 0 : $67560de7c78cb232$var$dragSession.updateValidDropTargets();
|
|
29
|
-
return ()=>{
|
|
30
|
-
$67560de7c78cb232$var$dropTargets.delete(target.element);
|
|
31
|
-
$67560de7c78cb232$var$dragSession === null || $67560de7c78cb232$var$dragSession === void 0 ? void 0 : $67560de7c78cb232$var$dragSession.updateValidDropTargets();
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
function $67560de7c78cb232$export$aef80212ac99c003(item) {
|
|
35
|
-
$67560de7c78cb232$var$dropItems.set(item.element, item);
|
|
36
|
-
return ()=>{
|
|
37
|
-
$67560de7c78cb232$var$dropItems.delete(item.element);
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
|
-
function $67560de7c78cb232$export$549dbcf8649bf3b2(target, stringFormatter) {
|
|
41
|
-
if ($67560de7c78cb232$var$dragSession) throw new Error('Cannot begin dragging while already dragging');
|
|
42
|
-
$67560de7c78cb232$var$dragSession = new $67560de7c78cb232$var$DragSession(target, stringFormatter);
|
|
43
|
-
requestAnimationFrame(()=>{
|
|
44
|
-
if ($67560de7c78cb232$var$dragSession) {
|
|
45
|
-
$67560de7c78cb232$var$dragSession.setup();
|
|
46
|
-
if ((0, $7252cd45fc48c07c$export$1fb2158d224b542c)() === 'keyboard') $67560de7c78cb232$var$dragSession.next();
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
for (let cb of $67560de7c78cb232$var$subscriptions)cb();
|
|
50
|
-
}
|
|
51
|
-
function $67560de7c78cb232$export$418e185dd3f1b968() {
|
|
52
|
-
let [session, setSession] = (0, $irqIb$useState)($67560de7c78cb232$var$dragSession);
|
|
53
|
-
(0, $irqIb$useEffect)(()=>{
|
|
54
|
-
let cb = ()=>setSession($67560de7c78cb232$var$dragSession);
|
|
55
|
-
$67560de7c78cb232$var$subscriptions.add(cb);
|
|
56
|
-
return ()=>{
|
|
57
|
-
$67560de7c78cb232$var$subscriptions.delete(cb);
|
|
58
|
-
};
|
|
59
|
-
}, []);
|
|
60
|
-
return session;
|
|
61
|
-
}
|
|
62
|
-
function $67560de7c78cb232$export$403bc76cbf68cf60() {
|
|
63
|
-
return !!$67560de7c78cb232$var$dragSession;
|
|
64
|
-
}
|
|
65
|
-
function $67560de7c78cb232$var$endDragging() {
|
|
66
|
-
$67560de7c78cb232$var$dragSession = null;
|
|
67
|
-
for (let cb of $67560de7c78cb232$var$subscriptions)cb();
|
|
68
|
-
}
|
|
69
|
-
function $67560de7c78cb232$export$7454aff2e161f241(element) {
|
|
70
|
-
for (let target of $67560de7c78cb232$var$dropTargets.keys()){
|
|
71
|
-
if ((0, $irqIb$nodeContains)(target, element)) return true;
|
|
72
|
-
}
|
|
73
|
-
return false;
|
|
74
|
-
}
|
|
75
|
-
const $67560de7c78cb232$var$CANCELED_EVENTS = [
|
|
76
|
-
'pointerdown',
|
|
77
|
-
'pointermove',
|
|
78
|
-
'pointerenter',
|
|
79
|
-
'pointerleave',
|
|
80
|
-
'pointerover',
|
|
81
|
-
'pointerout',
|
|
82
|
-
'pointerup',
|
|
83
|
-
'mousedown',
|
|
84
|
-
'mousemove',
|
|
85
|
-
'mouseenter',
|
|
86
|
-
'mouseleave',
|
|
87
|
-
'mouseover',
|
|
88
|
-
'mouseout',
|
|
89
|
-
'mouseup',
|
|
90
|
-
'touchstart',
|
|
91
|
-
'touchmove',
|
|
92
|
-
'touchend',
|
|
93
|
-
'focusin',
|
|
94
|
-
'focusout'
|
|
95
|
-
];
|
|
96
|
-
const $67560de7c78cb232$var$CLICK_EVENTS = [
|
|
97
|
-
'pointerup',
|
|
98
|
-
'mouseup',
|
|
99
|
-
'touchend'
|
|
100
|
-
];
|
|
101
|
-
const $67560de7c78cb232$var$MESSAGES = {
|
|
102
|
-
keyboard: 'dragStartedKeyboard',
|
|
103
|
-
touch: 'dragStartedTouch',
|
|
104
|
-
virtual: 'dragStartedVirtual'
|
|
105
|
-
};
|
|
106
|
-
class $67560de7c78cb232$var$DragSession {
|
|
107
|
-
setup() {
|
|
108
|
-
document.addEventListener('keydown', this.onKeyDown, true);
|
|
109
|
-
document.addEventListener('keyup', this.onKeyUp, true);
|
|
110
|
-
window.addEventListener('focus', this.onFocus, true);
|
|
111
|
-
window.addEventListener('blur', this.onBlur, true);
|
|
112
|
-
document.addEventListener('click', this.onClick, true);
|
|
113
|
-
document.addEventListener('pointerdown', this.onPointerDown, true);
|
|
114
|
-
for (let event of $67560de7c78cb232$var$CANCELED_EVENTS)document.addEventListener(event, this.cancelEvent, true);
|
|
115
|
-
this.mutationObserver = new MutationObserver(()=>this.updateValidDropTargets());
|
|
116
|
-
this.updateValidDropTargets();
|
|
117
|
-
(0, $irqIb$announce)(this.stringFormatter.format($67560de7c78cb232$var$MESSAGES[(0, $7252cd45fc48c07c$export$1fb2158d224b542c)()]));
|
|
118
|
-
}
|
|
119
|
-
teardown() {
|
|
120
|
-
var _this_mutationObserver, _this_restoreAriaHidden, _this;
|
|
121
|
-
document.removeEventListener('keydown', this.onKeyDown, true);
|
|
122
|
-
document.removeEventListener('keyup', this.onKeyUp, true);
|
|
123
|
-
window.removeEventListener('focus', this.onFocus, true);
|
|
124
|
-
window.removeEventListener('blur', this.onBlur, true);
|
|
125
|
-
document.removeEventListener('click', this.onClick, true);
|
|
126
|
-
document.removeEventListener('pointerdown', this.onPointerDown, true);
|
|
127
|
-
for (let event of $67560de7c78cb232$var$CANCELED_EVENTS)document.removeEventListener(event, this.cancelEvent, true);
|
|
128
|
-
(_this_mutationObserver = this.mutationObserver) === null || _this_mutationObserver === void 0 ? void 0 : _this_mutationObserver.disconnect();
|
|
129
|
-
(_this_restoreAriaHidden = (_this = this).restoreAriaHidden) === null || _this_restoreAriaHidden === void 0 ? void 0 : _this_restoreAriaHidden.call(_this);
|
|
130
|
-
}
|
|
131
|
-
onKeyDown(e) {
|
|
132
|
-
var _this_currentDropTarget;
|
|
133
|
-
this.cancelEvent(e);
|
|
134
|
-
if (e.key === 'Escape') {
|
|
135
|
-
this.cancel();
|
|
136
|
-
return;
|
|
137
|
-
}
|
|
138
|
-
if (e.key === 'Tab' && !(e.metaKey || e.altKey || e.ctrlKey)) {
|
|
139
|
-
if (e.shiftKey) this.previous();
|
|
140
|
-
else this.next();
|
|
141
|
-
}
|
|
142
|
-
if (typeof ((_this_currentDropTarget = this.currentDropTarget) === null || _this_currentDropTarget === void 0 ? void 0 : _this_currentDropTarget.onKeyDown) === 'function') this.currentDropTarget.onKeyDown(e, this.dragTarget);
|
|
143
|
-
}
|
|
144
|
-
onKeyUp(e) {
|
|
145
|
-
this.cancelEvent(e);
|
|
146
|
-
if (e.key === 'Enter') {
|
|
147
|
-
if (e.altKey || (0, $irqIb$nodeContains)(this.getCurrentActivateButton(), (0, $irqIb$getEventTarget)(e))) this.activate(this.currentDropTarget, this.currentDropItem);
|
|
148
|
-
else this.drop();
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
getCurrentActivateButton() {
|
|
152
|
-
var _this_currentDropItem_activateButtonRef, _this_currentDropItem, _this_currentDropTarget_activateButtonRef, _this_currentDropTarget;
|
|
153
|
-
var _this_currentDropItem_activateButtonRef_current, _ref;
|
|
154
|
-
return (_ref = (_this_currentDropItem_activateButtonRef_current = (_this_currentDropItem = this.currentDropItem) === null || _this_currentDropItem === void 0 ? void 0 : (_this_currentDropItem_activateButtonRef = _this_currentDropItem.activateButtonRef) === null || _this_currentDropItem_activateButtonRef === void 0 ? void 0 : _this_currentDropItem_activateButtonRef.current) !== null && _this_currentDropItem_activateButtonRef_current !== void 0 ? _this_currentDropItem_activateButtonRef_current : (_this_currentDropTarget = this.currentDropTarget) === null || _this_currentDropTarget === void 0 ? void 0 : (_this_currentDropTarget_activateButtonRef = _this_currentDropTarget.activateButtonRef) === null || _this_currentDropTarget_activateButtonRef === void 0 ? void 0 : _this_currentDropTarget_activateButtonRef.current) !== null && _ref !== void 0 ? _ref : null;
|
|
155
|
-
}
|
|
156
|
-
onFocus(e) {
|
|
157
|
-
let activateButton = this.getCurrentActivateButton();
|
|
158
|
-
let eventTarget = (0, $irqIb$getEventTarget)(e);
|
|
159
|
-
if (eventTarget === activateButton) {
|
|
160
|
-
// TODO: canceling this breaks the focus ring. Revisit when we support tabbing.
|
|
161
|
-
this.cancelEvent(e);
|
|
162
|
-
return;
|
|
163
|
-
}
|
|
164
|
-
// Prevent focus events, except to the original drag target.
|
|
165
|
-
if (eventTarget !== this.dragTarget.element) this.cancelEvent(e);
|
|
166
|
-
// Ignore focus events on the window/document (JSDOM). Will be handled in onBlur, below.
|
|
167
|
-
if (!(eventTarget instanceof HTMLElement) || eventTarget === this.dragTarget.element) return;
|
|
168
|
-
let dropTarget = this.validDropTargets.find((target)=>target.element === eventTarget) || this.validDropTargets.find((target)=>(0, $irqIb$nodeContains)(target.element, eventTarget));
|
|
169
|
-
if (!dropTarget) {
|
|
170
|
-
// if (e.target === activateButton) {
|
|
171
|
-
// activateButton.focus();
|
|
172
|
-
// }
|
|
173
|
-
if (this.currentDropTarget) this.currentDropTarget.element.focus();
|
|
174
|
-
else this.dragTarget.element.focus();
|
|
175
|
-
return;
|
|
176
|
-
}
|
|
177
|
-
let item = $67560de7c78cb232$var$dropItems.get(eventTarget);
|
|
178
|
-
if (dropTarget) this.setCurrentDropTarget(dropTarget, item);
|
|
179
|
-
}
|
|
180
|
-
onBlur(e) {
|
|
181
|
-
let activateButton = this.getCurrentActivateButton();
|
|
182
|
-
if (e.relatedTarget === activateButton) {
|
|
183
|
-
this.cancelEvent(e);
|
|
184
|
-
return;
|
|
185
|
-
}
|
|
186
|
-
if ((0, $irqIb$getEventTarget)(e) !== this.dragTarget.element) this.cancelEvent(e);
|
|
187
|
-
// If nothing is gaining focus, or e.relatedTarget is the window/document (JSDOM),
|
|
188
|
-
// restore focus back to the current drop target if any, or the original drag target.
|
|
189
|
-
if (!e.relatedTarget || !(e.relatedTarget instanceof HTMLElement)) {
|
|
190
|
-
if (this.currentDropTarget) this.currentDropTarget.element.focus();
|
|
191
|
-
else this.dragTarget.element.focus();
|
|
192
|
-
}
|
|
193
|
-
}
|
|
194
|
-
onClick(e) {
|
|
195
|
-
this.cancelEvent(e);
|
|
196
|
-
if ((0, $irqIb$isVirtualClick)(e) || this.isVirtualClick) {
|
|
197
|
-
var _item_activateButtonRef, _dropTarget_activateButtonRef;
|
|
198
|
-
let dropElements = $67560de7c78cb232$var$dropItems.values();
|
|
199
|
-
let eventTarget = (0, $irqIb$getEventTarget)(e);
|
|
200
|
-
let item = [
|
|
201
|
-
...dropElements
|
|
202
|
-
].find((item)=>{
|
|
203
|
-
var _item_activateButtonRef;
|
|
204
|
-
return item.element === eventTarget || (0, $irqIb$nodeContains)((_item_activateButtonRef = item.activateButtonRef) === null || _item_activateButtonRef === void 0 ? void 0 : _item_activateButtonRef.current, eventTarget);
|
|
205
|
-
});
|
|
206
|
-
let dropTarget = this.validDropTargets.find((target)=>(0, $irqIb$nodeContains)(target.element, eventTarget));
|
|
207
|
-
var _item_activateButtonRef_current;
|
|
208
|
-
let activateButton = (_item_activateButtonRef_current = item === null || item === void 0 ? void 0 : (_item_activateButtonRef = item.activateButtonRef) === null || _item_activateButtonRef === void 0 ? void 0 : _item_activateButtonRef.current) !== null && _item_activateButtonRef_current !== void 0 ? _item_activateButtonRef_current : dropTarget === null || dropTarget === void 0 ? void 0 : (_dropTarget_activateButtonRef = dropTarget.activateButtonRef) === null || _dropTarget_activateButtonRef === void 0 ? void 0 : _dropTarget_activateButtonRef.current;
|
|
209
|
-
if ((0, $irqIb$nodeContains)(activateButton, eventTarget) && dropTarget) {
|
|
210
|
-
this.activate(dropTarget, item);
|
|
211
|
-
return;
|
|
212
|
-
}
|
|
213
|
-
if ((0, $irqIb$getEventTarget)(e) === this.dragTarget.element) {
|
|
214
|
-
this.cancel();
|
|
215
|
-
return;
|
|
216
|
-
}
|
|
217
|
-
if (dropTarget) {
|
|
218
|
-
this.setCurrentDropTarget(dropTarget, item);
|
|
219
|
-
this.drop(item);
|
|
220
|
-
}
|
|
221
|
-
}
|
|
222
|
-
}
|
|
223
|
-
onPointerDown(e) {
|
|
224
|
-
// Android Talkback double tap has e.detail = 1 for onClick. Detect the virtual click in onPointerDown before onClick fires
|
|
225
|
-
// so we can properly perform cancel and drop operations.
|
|
226
|
-
this.cancelEvent(e);
|
|
227
|
-
this.isVirtualClick = (0, $irqIb$isVirtualPointerEvent)(e);
|
|
228
|
-
}
|
|
229
|
-
cancelEvent(e) {
|
|
230
|
-
var _this_dragTarget;
|
|
231
|
-
// Allow focusin and focusout on the drag target so focus ring works properly.
|
|
232
|
-
let eventTarget = (0, $irqIb$getEventTarget)(e);
|
|
233
|
-
if ((e.type === 'focusin' || e.type === 'focusout') && (eventTarget === ((_this_dragTarget = this.dragTarget) === null || _this_dragTarget === void 0 ? void 0 : _this_dragTarget.element) || eventTarget === this.getCurrentActivateButton())) return;
|
|
234
|
-
// Allow default for events that might cancel a click event
|
|
235
|
-
if (!$67560de7c78cb232$var$CLICK_EVENTS.includes(e.type)) e.preventDefault();
|
|
236
|
-
e.stopPropagation();
|
|
237
|
-
e.stopImmediatePropagation();
|
|
238
|
-
}
|
|
239
|
-
updateValidDropTargets() {
|
|
240
|
-
if (!this.mutationObserver) return;
|
|
241
|
-
this.mutationObserver.disconnect();
|
|
242
|
-
if (this.restoreAriaHidden) this.restoreAriaHidden();
|
|
243
|
-
this.validDropTargets = $67560de7c78cb232$var$findValidDropTargets(this.dragTarget);
|
|
244
|
-
// Shuffle drop target order based on starting drag target.
|
|
245
|
-
if (this.validDropTargets.length > 0) {
|
|
246
|
-
let nearestIndex = this.findNearestDropTarget();
|
|
247
|
-
this.validDropTargets = [
|
|
248
|
-
...this.validDropTargets.slice(nearestIndex),
|
|
249
|
-
...this.validDropTargets.slice(0, nearestIndex)
|
|
250
|
-
];
|
|
251
|
-
}
|
|
252
|
-
if (this.currentDropTarget && !this.validDropTargets.includes(this.currentDropTarget)) this.setCurrentDropTarget(this.validDropTargets[0]);
|
|
253
|
-
// Find valid drop items within collections
|
|
254
|
-
let types = (0, $7252cd45fc48c07c$export$e1d41611756c6326)(this.dragTarget.items);
|
|
255
|
-
let validDropItems = [
|
|
256
|
-
...$67560de7c78cb232$var$dropItems.values()
|
|
257
|
-
].filter((item)=>{
|
|
258
|
-
if (typeof item.getDropOperation === 'function') return item.getDropOperation(types, this.dragTarget.allowedDropOperations) !== 'cancel';
|
|
259
|
-
return true;
|
|
260
|
-
});
|
|
261
|
-
// Filter out drop targets that contain valid items. We don't want to stop hiding elements
|
|
262
|
-
// other than the drop items that exist inside the collection.
|
|
263
|
-
let visibleDropTargets = this.validDropTargets.filter((target)=>!validDropItems.some((item)=>(0, $irqIb$nodeContains)(target.element, item.element)));
|
|
264
|
-
this.restoreAriaHidden = (0, $irqIb$ariaHideOutside)([
|
|
265
|
-
this.dragTarget.element,
|
|
266
|
-
...validDropItems.flatMap((item)=>{
|
|
267
|
-
var _item_activateButtonRef, _item_activateButtonRef1;
|
|
268
|
-
return ((_item_activateButtonRef = item.activateButtonRef) === null || _item_activateButtonRef === void 0 ? void 0 : _item_activateButtonRef.current) ? [
|
|
269
|
-
item.element,
|
|
270
|
-
(_item_activateButtonRef1 = item.activateButtonRef) === null || _item_activateButtonRef1 === void 0 ? void 0 : _item_activateButtonRef1.current
|
|
271
|
-
] : [
|
|
272
|
-
item.element
|
|
273
|
-
];
|
|
274
|
-
}),
|
|
275
|
-
...visibleDropTargets.flatMap((target)=>{
|
|
276
|
-
var _target_activateButtonRef, _target_activateButtonRef1;
|
|
277
|
-
return ((_target_activateButtonRef = target.activateButtonRef) === null || _target_activateButtonRef === void 0 ? void 0 : _target_activateButtonRef.current) ? [
|
|
278
|
-
target.element,
|
|
279
|
-
(_target_activateButtonRef1 = target.activateButtonRef) === null || _target_activateButtonRef1 === void 0 ? void 0 : _target_activateButtonRef1.current
|
|
280
|
-
] : [
|
|
281
|
-
target.element
|
|
282
|
-
];
|
|
283
|
-
})
|
|
284
|
-
], {
|
|
285
|
-
shouldUseInert: true
|
|
286
|
-
});
|
|
287
|
-
this.mutationObserver.observe(document.body, {
|
|
288
|
-
subtree: true,
|
|
289
|
-
attributes: true,
|
|
290
|
-
attributeFilter: [
|
|
291
|
-
'aria-hidden',
|
|
292
|
-
'inert'
|
|
293
|
-
]
|
|
294
|
-
});
|
|
295
|
-
}
|
|
296
|
-
next() {
|
|
297
|
-
// TODO: Allow tabbing to the activate button. Revisit once we fix the focus ring.
|
|
298
|
-
// For now, the activate button is reachable by screen readers and ArrowLeft/ArrowRight
|
|
299
|
-
// is usable specifically by Tree. Will need tabbing for other components.
|
|
300
|
-
// let activateButton = this.getCurrentActivateButton();
|
|
301
|
-
// if (activateButton && document.activeElement !== activateButton) {
|
|
302
|
-
// activateButton.focus();
|
|
303
|
-
// return;
|
|
304
|
-
// }
|
|
305
|
-
if (!this.currentDropTarget) {
|
|
306
|
-
this.setCurrentDropTarget(this.validDropTargets[0]);
|
|
307
|
-
return;
|
|
308
|
-
}
|
|
309
|
-
let index = this.validDropTargets.indexOf(this.currentDropTarget);
|
|
310
|
-
if (index < 0) {
|
|
311
|
-
this.setCurrentDropTarget(this.validDropTargets[0]);
|
|
312
|
-
return;
|
|
313
|
-
}
|
|
314
|
-
// If we've reached the end of the valid drop targets, cycle back to the original drag target.
|
|
315
|
-
// This lets the user cancel the drag in case they don't have an Escape key (e.g. iPad keyboard case).
|
|
316
|
-
if (index === this.validDropTargets.length - 1) {
|
|
317
|
-
if (!this.dragTarget.element.closest('[aria-hidden="true"], [inert]')) {
|
|
318
|
-
this.setCurrentDropTarget(null);
|
|
319
|
-
this.dragTarget.element.focus();
|
|
320
|
-
} else this.setCurrentDropTarget(this.validDropTargets[0]);
|
|
321
|
-
} else this.setCurrentDropTarget(this.validDropTargets[index + 1]);
|
|
322
|
-
}
|
|
323
|
-
previous() {
|
|
324
|
-
// let activateButton = this.getCurrentActivateButton();
|
|
325
|
-
// if (activateButton && document.activeElement === activateButton) {
|
|
326
|
-
// let target = this.currentDropItem ?? this.currentDropTarget;
|
|
327
|
-
// if (target) {
|
|
328
|
-
// target.element.focus();
|
|
329
|
-
// return;
|
|
330
|
-
// }
|
|
331
|
-
// }
|
|
332
|
-
if (!this.currentDropTarget) {
|
|
333
|
-
this.setCurrentDropTarget(this.validDropTargets[this.validDropTargets.length - 1]);
|
|
334
|
-
return;
|
|
335
|
-
}
|
|
336
|
-
let index = this.validDropTargets.indexOf(this.currentDropTarget);
|
|
337
|
-
if (index < 0) {
|
|
338
|
-
this.setCurrentDropTarget(this.validDropTargets[this.validDropTargets.length - 1]);
|
|
339
|
-
return;
|
|
340
|
-
}
|
|
341
|
-
// If we've reached the start of the valid drop targets, cycle back to the original drag target.
|
|
342
|
-
// This lets the user cancel the drag in case they don't have an Escape key (e.g. iPad keyboard case).
|
|
343
|
-
if (index === 0) {
|
|
344
|
-
if (!this.dragTarget.element.closest('[aria-hidden="true"], [inert]')) {
|
|
345
|
-
this.setCurrentDropTarget(null);
|
|
346
|
-
this.dragTarget.element.focus();
|
|
347
|
-
} else this.setCurrentDropTarget(this.validDropTargets[this.validDropTargets.length - 1]);
|
|
348
|
-
} else this.setCurrentDropTarget(this.validDropTargets[index - 1]);
|
|
349
|
-
}
|
|
350
|
-
findNearestDropTarget() {
|
|
351
|
-
let dragTargetRect = this.dragTarget.element.getBoundingClientRect();
|
|
352
|
-
let minDistance = Infinity;
|
|
353
|
-
let nearest = -1;
|
|
354
|
-
for(let i = 0; i < this.validDropTargets.length; i++){
|
|
355
|
-
let dropTarget = this.validDropTargets[i];
|
|
356
|
-
let rect = dropTarget.element.getBoundingClientRect();
|
|
357
|
-
let dx = rect.left - dragTargetRect.left;
|
|
358
|
-
let dy = rect.top - dragTargetRect.top;
|
|
359
|
-
let dist = dx * dx + dy * dy;
|
|
360
|
-
if (dist < minDistance) {
|
|
361
|
-
minDistance = dist;
|
|
362
|
-
nearest = i;
|
|
363
|
-
}
|
|
364
|
-
}
|
|
365
|
-
return nearest;
|
|
366
|
-
}
|
|
367
|
-
setCurrentDropTarget(dropTarget, item) {
|
|
368
|
-
if (dropTarget !== this.currentDropTarget) {
|
|
369
|
-
if (this.currentDropTarget && typeof this.currentDropTarget.onDropExit === 'function') {
|
|
370
|
-
let rect = this.currentDropTarget.element.getBoundingClientRect();
|
|
371
|
-
this.currentDropTarget.onDropExit({
|
|
372
|
-
type: 'dropexit',
|
|
373
|
-
x: rect.left + rect.width / 2,
|
|
374
|
-
y: rect.top + rect.height / 2
|
|
375
|
-
});
|
|
376
|
-
}
|
|
377
|
-
this.currentDropTarget = dropTarget;
|
|
378
|
-
if (dropTarget) {
|
|
379
|
-
if (typeof dropTarget.onDropEnter === 'function') {
|
|
380
|
-
let rect = dropTarget.element.getBoundingClientRect();
|
|
381
|
-
dropTarget.onDropEnter({
|
|
382
|
-
type: 'dropenter',
|
|
383
|
-
x: rect.left + rect.width / 2,
|
|
384
|
-
y: rect.top + rect.height / 2
|
|
385
|
-
}, this.dragTarget);
|
|
386
|
-
}
|
|
387
|
-
if (!item) dropTarget === null || dropTarget === void 0 ? void 0 : dropTarget.element.focus();
|
|
388
|
-
}
|
|
389
|
-
}
|
|
390
|
-
if (item != null && item !== this.currentDropItem) {
|
|
391
|
-
if (this.currentDropTarget && typeof this.currentDropTarget.onDropTargetEnter === 'function') this.currentDropTarget.onDropTargetEnter(item.target);
|
|
392
|
-
item.element.focus();
|
|
393
|
-
this.currentDropItem = item;
|
|
394
|
-
// Announce first drop target after drag start announcement finishes.
|
|
395
|
-
// Otherwise, it will never get announced because drag start announcement is assertive.
|
|
396
|
-
if (!this.initialFocused) {
|
|
397
|
-
let label = item === null || item === void 0 ? void 0 : item.element.getAttribute('aria-label');
|
|
398
|
-
if (label) (0, $irqIb$announce)(label, 'polite');
|
|
399
|
-
this.initialFocused = true;
|
|
400
|
-
}
|
|
401
|
-
}
|
|
402
|
-
}
|
|
403
|
-
end() {
|
|
404
|
-
var // Re-trigger focus event on active element, since it will not have received it during dragging (see cancelEvent).
|
|
405
|
-
// This corrects state such as whether focus ring should appear.
|
|
406
|
-
// useDroppableCollection handles this itself, so this is only for standalone drop zones.
|
|
407
|
-
_getActiveElement;
|
|
408
|
-
this.teardown();
|
|
409
|
-
$67560de7c78cb232$var$endDragging();
|
|
410
|
-
if (typeof this.dragTarget.onDragEnd === 'function') {
|
|
411
|
-
let target = this.currentDropTarget && this.dropOperation !== 'cancel' ? this.currentDropTarget : this.dragTarget;
|
|
412
|
-
let rect = target.element.getBoundingClientRect();
|
|
413
|
-
this.dragTarget.onDragEnd({
|
|
414
|
-
type: 'dragend',
|
|
415
|
-
x: rect.x + rect.width / 2,
|
|
416
|
-
y: rect.y + rect.height / 2,
|
|
417
|
-
dropOperation: this.dropOperation || 'cancel'
|
|
418
|
-
});
|
|
419
|
-
}
|
|
420
|
-
if (this.currentDropTarget && !this.currentDropTarget.preventFocusOnDrop) (_getActiveElement = (0, $irqIb$getActiveElement)()) === null || _getActiveElement === void 0 ? void 0 : _getActiveElement.dispatchEvent(new FocusEvent('focusin', {
|
|
421
|
-
bubbles: true
|
|
422
|
-
}));
|
|
423
|
-
this.setCurrentDropTarget(null);
|
|
424
|
-
}
|
|
425
|
-
cancel() {
|
|
426
|
-
var // Re-trigger focus event on active element, since it will not have received it during dragging (see cancelEvent).
|
|
427
|
-
_getActiveElement;
|
|
428
|
-
this.setCurrentDropTarget(null);
|
|
429
|
-
this.end();
|
|
430
|
-
if (!this.dragTarget.element.closest('[aria-hidden="true"], [inert]')) this.dragTarget.element.focus();
|
|
431
|
-
(_getActiveElement = (0, $irqIb$getActiveElement)()) === null || _getActiveElement === void 0 ? void 0 : _getActiveElement.dispatchEvent(new FocusEvent('focusin', {
|
|
432
|
-
bubbles: true
|
|
433
|
-
}));
|
|
434
|
-
(0, $irqIb$announce)(this.stringFormatter.format('dropCanceled'));
|
|
435
|
-
}
|
|
436
|
-
drop(item) {
|
|
437
|
-
if (!this.currentDropTarget) {
|
|
438
|
-
this.cancel();
|
|
439
|
-
return;
|
|
440
|
-
}
|
|
441
|
-
if (typeof (item === null || item === void 0 ? void 0 : item.getDropOperation) === 'function') {
|
|
442
|
-
let types = (0, $7252cd45fc48c07c$export$e1d41611756c6326)(this.dragTarget.items);
|
|
443
|
-
this.dropOperation = item.getDropOperation(types, this.dragTarget.allowedDropOperations);
|
|
444
|
-
} else if (typeof this.currentDropTarget.getDropOperation === 'function') {
|
|
445
|
-
let types = (0, $7252cd45fc48c07c$export$e1d41611756c6326)(this.dragTarget.items);
|
|
446
|
-
this.dropOperation = this.currentDropTarget.getDropOperation(types, this.dragTarget.allowedDropOperations);
|
|
447
|
-
} else // TODO: show menu ??
|
|
448
|
-
this.dropOperation = this.dragTarget.allowedDropOperations[0];
|
|
449
|
-
if (typeof this.currentDropTarget.onDrop === 'function') {
|
|
450
|
-
let items = this.dragTarget.items.map((item)=>({
|
|
451
|
-
kind: 'text',
|
|
452
|
-
types: new Set(Object.keys(item)),
|
|
453
|
-
getText: (type)=>Promise.resolve(item[type])
|
|
454
|
-
}));
|
|
455
|
-
let rect = this.currentDropTarget.element.getBoundingClientRect();
|
|
456
|
-
var _item_target;
|
|
457
|
-
this.currentDropTarget.onDrop({
|
|
458
|
-
type: 'drop',
|
|
459
|
-
x: rect.left + rect.width / 2,
|
|
460
|
-
y: rect.top + rect.height / 2,
|
|
461
|
-
items: items,
|
|
462
|
-
dropOperation: this.dropOperation
|
|
463
|
-
}, (_item_target = item === null || item === void 0 ? void 0 : item.target) !== null && _item_target !== void 0 ? _item_target : null);
|
|
464
|
-
}
|
|
465
|
-
this.end();
|
|
466
|
-
(0, $irqIb$announce)(this.stringFormatter.format('dropComplete'));
|
|
467
|
-
}
|
|
468
|
-
activate(dropTarget, dropItem) {
|
|
469
|
-
if (dropTarget && typeof dropTarget.onDropActivate === 'function') {
|
|
470
|
-
var _dropItem_target;
|
|
471
|
-
let target = (_dropItem_target = dropItem === null || dropItem === void 0 ? void 0 : dropItem.target) !== null && _dropItem_target !== void 0 ? _dropItem_target : null;
|
|
472
|
-
let rect = dropTarget.element.getBoundingClientRect();
|
|
473
|
-
dropTarget.onDropActivate({
|
|
474
|
-
type: 'dropactivate',
|
|
475
|
-
x: rect.left + rect.width / 2,
|
|
476
|
-
y: rect.top + rect.height / 2
|
|
477
|
-
}, target);
|
|
478
|
-
}
|
|
479
|
-
}
|
|
480
|
-
constructor(target, stringFormatter){
|
|
481
|
-
this.validDropTargets = [];
|
|
482
|
-
this.currentDropTarget = null;
|
|
483
|
-
this.currentDropItem = null;
|
|
484
|
-
this.dropOperation = null;
|
|
485
|
-
this.mutationObserver = null;
|
|
486
|
-
this.restoreAriaHidden = null;
|
|
487
|
-
this.isVirtualClick = false;
|
|
488
|
-
this.dragTarget = target;
|
|
489
|
-
this.stringFormatter = stringFormatter;
|
|
490
|
-
this.onKeyDown = this.onKeyDown.bind(this);
|
|
491
|
-
this.onKeyUp = this.onKeyUp.bind(this);
|
|
492
|
-
this.onFocus = this.onFocus.bind(this);
|
|
493
|
-
this.onBlur = this.onBlur.bind(this);
|
|
494
|
-
this.onClick = this.onClick.bind(this);
|
|
495
|
-
this.onPointerDown = this.onPointerDown.bind(this);
|
|
496
|
-
this.cancelEvent = this.cancelEvent.bind(this);
|
|
497
|
-
this.initialFocused = false;
|
|
498
|
-
}
|
|
499
|
-
}
|
|
500
|
-
function $67560de7c78cb232$var$findValidDropTargets(options) {
|
|
501
|
-
let types = (0, $7252cd45fc48c07c$export$e1d41611756c6326)(options.items);
|
|
502
|
-
return [
|
|
503
|
-
...$67560de7c78cb232$var$dropTargets.values()
|
|
504
|
-
].filter((target)=>{
|
|
505
|
-
if (target.element.closest('[aria-hidden="true"], [inert]')) return false;
|
|
506
|
-
if (typeof target.getDropOperation === 'function') return target.getDropOperation(types, options.allowedDropOperations) !== 'cancel';
|
|
507
|
-
return true;
|
|
508
|
-
});
|
|
509
|
-
}
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
export {$67560de7c78cb232$export$c28d9fb4a54e471a as registerDropTarget, $67560de7c78cb232$export$aef80212ac99c003 as registerDropItem, $67560de7c78cb232$export$549dbcf8649bf3b2 as beginDragging, $67560de7c78cb232$export$418e185dd3f1b968 as useDragSession, $67560de7c78cb232$export$403bc76cbf68cf60 as isVirtualDragging, $67560de7c78cb232$export$7454aff2e161f241 as isValidDropTarget};
|
|
513
|
-
//# sourceMappingURL=DragManager.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-aria/dnd/src/DragManager.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {announce} from '@react-aria/live-announcer';\nimport {ariaHideOutside} from '@react-aria/overlays';\nimport {DragEndEvent, DragItem, DropActivateEvent, DropEnterEvent, DropEvent, DropExitEvent, DropItem, DropOperation, DropTarget as DroppableCollectionTarget, FocusableElement} from '@react-types/shared';\nimport {getActiveElement, getEventTarget, isVirtualClick, isVirtualPointerEvent, nodeContains} from '@react-aria/utils';\nimport {getDragModality, getTypes} from './utils';\nimport type {LocalizedStringFormatter} from '@internationalized/string';\nimport {RefObject, useEffect, useState} from 'react';\n\nlet dropTargets = new Map<Element, DropTarget>();\nlet dropItems = new Map<Element, DroppableItem>();\nlet dragSession: DragSession | null = null;\nlet subscriptions = new Set<() => void>();\n\ninterface DropTarget {\n element: FocusableElement,\n preventFocusOnDrop?: boolean,\n getDropOperation?: (types: Set<string>, allowedOperations: DropOperation[]) => DropOperation,\n onDropEnter?: (e: DropEnterEvent, dragTarget: DragTarget) => void,\n onDropExit?: (e: DropExitEvent) => void,\n onDropTargetEnter?: (target: DroppableCollectionTarget | null) => void,\n onDropActivate?: (e: DropActivateEvent, target: DroppableCollectionTarget | null) => void,\n onDrop?: (e: DropEvent, target: DroppableCollectionTarget | null) => void,\n onKeyDown?: (e: KeyboardEvent, dragTarget: DragTarget) => void,\n activateButtonRef?: RefObject<FocusableElement | null>\n}\n\nexport function registerDropTarget(target: DropTarget) {\n dropTargets.set(target.element, target);\n dragSession?.updateValidDropTargets();\n return (): void => {\n dropTargets.delete(target.element);\n dragSession?.updateValidDropTargets();\n };\n}\n\ninterface DroppableItem {\n element: FocusableElement,\n target: DroppableCollectionTarget,\n getDropOperation?: (types: Set<string>, allowedOperations: DropOperation[]) => DropOperation,\n activateButtonRef?: RefObject<FocusableElement | null>\n}\n\nexport function registerDropItem(item: DroppableItem) {\n dropItems.set(item.element, item);\n return (): void => {\n dropItems.delete(item.element);\n };\n}\n\ninterface DragTarget {\n element: FocusableElement,\n items: DragItem[],\n allowedDropOperations: DropOperation[],\n onDragEnd?: (e: DragEndEvent) => void\n}\n\nexport function beginDragging(target: DragTarget, stringFormatter: LocalizedStringFormatter): void {\n if (dragSession) {\n throw new Error('Cannot begin dragging while already dragging');\n }\n\n dragSession = new DragSession(target, stringFormatter);\n requestAnimationFrame(() => {\n if (dragSession) {\n dragSession.setup();\n if (getDragModality() === 'keyboard') {\n dragSession.next();\n }\n }\n });\n\n for (let cb of subscriptions) {\n cb();\n }\n}\n\nexport function useDragSession(): DragSession | null {\n let [session, setSession] = useState(dragSession);\n\n useEffect(() => {\n let cb = () => setSession(dragSession);\n subscriptions.add(cb);\n return () => {\n subscriptions.delete(cb);\n };\n }, []);\n\n return session;\n}\n\n/** @private */\nexport function isVirtualDragging(): boolean {\n return !!dragSession;\n}\n\nfunction endDragging() {\n dragSession = null;\n for (let cb of subscriptions) {\n cb();\n }\n}\n\nexport function isValidDropTarget(element: Element): boolean {\n for (let target of dropTargets.keys()) {\n if (nodeContains(target, element)) {\n return true;\n }\n }\n\n return false;\n}\n\nconst CANCELED_EVENTS = [\n 'pointerdown',\n 'pointermove',\n 'pointerenter',\n 'pointerleave',\n 'pointerover',\n 'pointerout',\n 'pointerup',\n 'mousedown',\n 'mousemove',\n 'mouseenter',\n 'mouseleave',\n 'mouseover',\n 'mouseout',\n 'mouseup',\n 'touchstart',\n 'touchmove',\n 'touchend',\n 'focusin',\n 'focusout'\n];\n\nconst CLICK_EVENTS = [\n 'pointerup',\n 'mouseup',\n 'touchend'\n];\n\nconst MESSAGES = {\n keyboard: 'dragStartedKeyboard',\n touch: 'dragStartedTouch',\n virtual: 'dragStartedVirtual'\n};\n\nclass DragSession {\n dragTarget: DragTarget;\n validDropTargets: DropTarget[] = [];\n currentDropTarget: DropTarget | null = null;\n currentDropItem: DroppableItem | null = null;\n dropOperation: DropOperation | null = null;\n private mutationObserver: MutationObserver | null = null;\n private restoreAriaHidden: (() => void) | null = null;\n private stringFormatter: LocalizedStringFormatter;\n private isVirtualClick: boolean = false;\n private initialFocused: boolean;\n\n constructor(target: DragTarget, stringFormatter: LocalizedStringFormatter) {\n this.dragTarget = target;\n this.stringFormatter = stringFormatter;\n\n this.onKeyDown = this.onKeyDown.bind(this);\n this.onKeyUp = this.onKeyUp.bind(this);\n this.onFocus = this.onFocus.bind(this);\n this.onBlur = this.onBlur.bind(this);\n this.onClick = this.onClick.bind(this);\n this.onPointerDown = this.onPointerDown.bind(this);\n this.cancelEvent = this.cancelEvent.bind(this);\n this.initialFocused = false;\n }\n\n setup(): void {\n document.addEventListener('keydown', this.onKeyDown, true);\n document.addEventListener('keyup', this.onKeyUp, true);\n window.addEventListener('focus', this.onFocus, true);\n window.addEventListener('blur', this.onBlur, true);\n document.addEventListener('click', this.onClick, true);\n document.addEventListener('pointerdown', this.onPointerDown, true);\n\n for (let event of CANCELED_EVENTS) {\n document.addEventListener(event, this.cancelEvent, true);\n }\n\n this.mutationObserver = new MutationObserver(() =>\n this.updateValidDropTargets()\n );\n this.updateValidDropTargets();\n\n announce(this.stringFormatter.format(MESSAGES[getDragModality()]));\n }\n\n teardown(): void {\n document.removeEventListener('keydown', this.onKeyDown, true);\n document.removeEventListener('keyup', this.onKeyUp, true);\n window.removeEventListener('focus', this.onFocus, true);\n window.removeEventListener('blur', this.onBlur, true);\n document.removeEventListener('click', this.onClick, true);\n document.removeEventListener('pointerdown', this.onPointerDown, true);\n\n for (let event of CANCELED_EVENTS) {\n document.removeEventListener(event, this.cancelEvent, true);\n }\n\n this.mutationObserver?.disconnect();\n this.restoreAriaHidden?.();\n }\n\n onKeyDown(e: KeyboardEvent): void {\n this.cancelEvent(e);\n\n if (e.key === 'Escape') {\n this.cancel();\n return;\n }\n\n if (e.key === 'Tab' && !(e.metaKey || e.altKey || e.ctrlKey)) {\n if (e.shiftKey) {\n this.previous();\n } else {\n this.next();\n }\n }\n\n if (typeof this.currentDropTarget?.onKeyDown === 'function') {\n this.currentDropTarget.onKeyDown(e, this.dragTarget);\n }\n }\n\n onKeyUp(e: KeyboardEvent): void {\n this.cancelEvent(e);\n\n if (e.key === 'Enter') {\n if (e.altKey || nodeContains(this.getCurrentActivateButton(), getEventTarget(e) as Node)) {\n this.activate(this.currentDropTarget, this.currentDropItem);\n } else {\n this.drop();\n }\n }\n }\n\n getCurrentActivateButton(): FocusableElement | null {\n return this.currentDropItem?.activateButtonRef?.current ?? this.currentDropTarget?.activateButtonRef?.current ?? null;\n }\n\n onFocus(e: FocusEvent): void {\n let activateButton = this.getCurrentActivateButton();\n let eventTarget = getEventTarget(e);\n if (eventTarget === activateButton) {\n // TODO: canceling this breaks the focus ring. Revisit when we support tabbing.\n this.cancelEvent(e);\n return;\n }\n\n // Prevent focus events, except to the original drag target.\n if (eventTarget !== this.dragTarget.element) {\n this.cancelEvent(e);\n }\n\n // Ignore focus events on the window/document (JSDOM). Will be handled in onBlur, below.\n if (!(eventTarget instanceof HTMLElement) || eventTarget === this.dragTarget.element) {\n return;\n }\n\n let dropTarget =\n this.validDropTargets.find(target => target.element === eventTarget) ||\n this.validDropTargets.find(target => nodeContains(target.element, eventTarget));\n\n if (!dropTarget) {\n // if (e.target === activateButton) {\n // activateButton.focus();\n // }\n if (this.currentDropTarget) {\n this.currentDropTarget.element.focus();\n } else {\n this.dragTarget.element.focus();\n }\n return;\n }\n\n let item = dropItems.get(eventTarget);\n if (dropTarget) {\n this.setCurrentDropTarget(dropTarget, item);\n }\n }\n\n onBlur(e: FocusEvent): void {\n let activateButton = this.getCurrentActivateButton();\n if (e.relatedTarget === activateButton) {\n this.cancelEvent(e);\n return;\n }\n\n if (getEventTarget(e) !== this.dragTarget.element) {\n this.cancelEvent(e);\n }\n\n // If nothing is gaining focus, or e.relatedTarget is the window/document (JSDOM),\n // restore focus back to the current drop target if any, or the original drag target.\n if (!e.relatedTarget || !(e.relatedTarget instanceof HTMLElement)) {\n if (this.currentDropTarget) {\n this.currentDropTarget.element.focus();\n } else {\n this.dragTarget.element.focus();\n }\n }\n }\n\n onClick(e: MouseEvent): void {\n this.cancelEvent(e);\n if (isVirtualClick(e) || this.isVirtualClick) {\n let dropElements = dropItems.values();\n let eventTarget = getEventTarget(e) as HTMLElement;\n let item = [...dropElements].find(item => item.element === eventTarget || nodeContains(item.activateButtonRef?.current, eventTarget));\n let dropTarget = this.validDropTargets.find(target => nodeContains(target.element, eventTarget));\n let activateButton = item?.activateButtonRef?.current ?? dropTarget?.activateButtonRef?.current;\n if (nodeContains(activateButton, eventTarget) && dropTarget) {\n this.activate(dropTarget, item);\n return;\n }\n\n if (getEventTarget(e) === this.dragTarget.element) {\n this.cancel();\n return;\n }\n\n if (dropTarget) {\n this.setCurrentDropTarget(dropTarget, item);\n this.drop(item);\n }\n }\n }\n\n onPointerDown(e: PointerEvent): void {\n // Android Talkback double tap has e.detail = 1 for onClick. Detect the virtual click in onPointerDown before onClick fires\n // so we can properly perform cancel and drop operations.\n this.cancelEvent(e);\n this.isVirtualClick = isVirtualPointerEvent(e);\n }\n\n cancelEvent(e: Event): void {\n // Allow focusin and focusout on the drag target so focus ring works properly.\n let eventTarget = getEventTarget(e);\n if ((e.type === 'focusin' || e.type === 'focusout') && (eventTarget === this.dragTarget?.element || eventTarget === this.getCurrentActivateButton())) {\n return;\n }\n\n // Allow default for events that might cancel a click event\n if (!CLICK_EVENTS.includes(e.type)) {\n e.preventDefault();\n }\n\n e.stopPropagation();\n e.stopImmediatePropagation();\n }\n\n updateValidDropTargets(): void {\n if (!this.mutationObserver) {\n return;\n }\n\n this.mutationObserver.disconnect();\n if (this.restoreAriaHidden) {\n this.restoreAriaHidden();\n }\n\n this.validDropTargets = findValidDropTargets(this.dragTarget);\n\n // Shuffle drop target order based on starting drag target.\n if (this.validDropTargets.length > 0) {\n let nearestIndex = this.findNearestDropTarget();\n this.validDropTargets = [\n ...this.validDropTargets.slice(nearestIndex),\n ...this.validDropTargets.slice(0, nearestIndex)\n ];\n }\n\n if (this.currentDropTarget && !this.validDropTargets.includes(this.currentDropTarget)) {\n this.setCurrentDropTarget(this.validDropTargets[0]);\n }\n\n // Find valid drop items within collections\n let types = getTypes(this.dragTarget.items);\n let validDropItems = [...dropItems.values()].filter(item => {\n if (typeof item.getDropOperation === 'function') {\n return item.getDropOperation(types, this.dragTarget.allowedDropOperations) !== 'cancel';\n }\n\n return true;\n });\n\n // Filter out drop targets that contain valid items. We don't want to stop hiding elements\n // other than the drop items that exist inside the collection.\n let visibleDropTargets = this.validDropTargets.filter(target =>\n !validDropItems.some(item => nodeContains(target.element, item.element))\n );\n\n this.restoreAriaHidden = ariaHideOutside([\n this.dragTarget.element,\n ...validDropItems.flatMap(item => item.activateButtonRef?.current ? [item.element, item.activateButtonRef?.current] : [item.element]),\n ...visibleDropTargets.flatMap(target => target.activateButtonRef?.current ? [target.element, target.activateButtonRef?.current] : [target.element])\n ], {shouldUseInert: true});\n\n this.mutationObserver.observe(document.body, {subtree: true, attributes: true, attributeFilter: ['aria-hidden', 'inert']});\n }\n\n next(): void {\n // TODO: Allow tabbing to the activate button. Revisit once we fix the focus ring.\n // For now, the activate button is reachable by screen readers and ArrowLeft/ArrowRight\n // is usable specifically by Tree. Will need tabbing for other components.\n // let activateButton = this.getCurrentActivateButton();\n // if (activateButton && document.activeElement !== activateButton) {\n // activateButton.focus();\n // return;\n // }\n\n if (!this.currentDropTarget) {\n this.setCurrentDropTarget(this.validDropTargets[0]);\n return;\n }\n\n let index = this.validDropTargets.indexOf(this.currentDropTarget);\n if (index < 0) {\n this.setCurrentDropTarget(this.validDropTargets[0]);\n return;\n }\n\n // If we've reached the end of the valid drop targets, cycle back to the original drag target.\n // This lets the user cancel the drag in case they don't have an Escape key (e.g. iPad keyboard case).\n if (index === this.validDropTargets.length - 1) {\n if (!this.dragTarget.element.closest('[aria-hidden=\"true\"], [inert]')) {\n this.setCurrentDropTarget(null);\n this.dragTarget.element.focus();\n } else {\n this.setCurrentDropTarget(this.validDropTargets[0]);\n }\n } else {\n this.setCurrentDropTarget(this.validDropTargets[index + 1]);\n }\n }\n\n previous(): void {\n // let activateButton = this.getCurrentActivateButton();\n // if (activateButton && document.activeElement === activateButton) {\n // let target = this.currentDropItem ?? this.currentDropTarget;\n // if (target) {\n // target.element.focus();\n // return;\n // }\n // }\n\n if (!this.currentDropTarget) {\n this.setCurrentDropTarget(this.validDropTargets[this.validDropTargets.length - 1]);\n return;\n }\n\n let index = this.validDropTargets.indexOf(this.currentDropTarget);\n if (index < 0) {\n this.setCurrentDropTarget(this.validDropTargets[this.validDropTargets.length - 1]);\n return;\n }\n\n // If we've reached the start of the valid drop targets, cycle back to the original drag target.\n // This lets the user cancel the drag in case they don't have an Escape key (e.g. iPad keyboard case).\n if (index === 0) {\n if (!this.dragTarget.element.closest('[aria-hidden=\"true\"], [inert]')) {\n this.setCurrentDropTarget(null);\n this.dragTarget.element.focus();\n } else {\n this.setCurrentDropTarget(this.validDropTargets[this.validDropTargets.length - 1]);\n }\n } else {\n this.setCurrentDropTarget(this.validDropTargets[index - 1]);\n }\n }\n\n findNearestDropTarget(): number {\n let dragTargetRect = this.dragTarget.element.getBoundingClientRect();\n\n let minDistance = Infinity;\n let nearest = -1;\n for (let i = 0; i < this.validDropTargets.length; i++) {\n let dropTarget = this.validDropTargets[i];\n let rect = dropTarget.element.getBoundingClientRect();\n let dx = rect.left - dragTargetRect.left;\n let dy = rect.top - dragTargetRect.top;\n let dist = (dx * dx) + (dy * dy);\n if (dist < minDistance) {\n minDistance = dist;\n nearest = i;\n }\n }\n\n return nearest;\n }\n\n setCurrentDropTarget(dropTarget: DropTarget | null, item?: DroppableItem): void {\n if (dropTarget !== this.currentDropTarget) {\n if (this.currentDropTarget && typeof this.currentDropTarget.onDropExit === 'function') {\n let rect = this.currentDropTarget.element.getBoundingClientRect();\n this.currentDropTarget.onDropExit({\n type: 'dropexit',\n x: rect.left + (rect.width / 2),\n y: rect.top + (rect.height / 2)\n });\n }\n\n this.currentDropTarget = dropTarget;\n\n if (dropTarget) {\n if (typeof dropTarget.onDropEnter === 'function') {\n let rect = dropTarget.element.getBoundingClientRect();\n dropTarget.onDropEnter({\n type: 'dropenter',\n x: rect.left + (rect.width / 2),\n y: rect.top + (rect.height / 2)\n }, this.dragTarget);\n }\n\n if (!item) {\n dropTarget?.element.focus();\n }\n }\n }\n\n if (item != null && item !== this.currentDropItem) {\n if (this.currentDropTarget && typeof this.currentDropTarget.onDropTargetEnter === 'function') {\n this.currentDropTarget.onDropTargetEnter(item.target);\n }\n item.element.focus();\n this.currentDropItem = item;\n\n // Announce first drop target after drag start announcement finishes.\n // Otherwise, it will never get announced because drag start announcement is assertive.\n if (!this.initialFocused) {\n let label = item?.element.getAttribute('aria-label');\n if (label) {\n announce(label, 'polite');\n }\n this.initialFocused = true;\n }\n }\n }\n\n end(): void {\n this.teardown();\n endDragging();\n\n if (typeof this.dragTarget.onDragEnd === 'function') {\n let target = this.currentDropTarget && this.dropOperation !== 'cancel' ? this.currentDropTarget : this.dragTarget;\n let rect = target.element.getBoundingClientRect();\n this.dragTarget.onDragEnd({\n type: 'dragend',\n x: rect.x + (rect.width / 2),\n y: rect.y + (rect.height / 2),\n dropOperation: this.dropOperation || 'cancel'\n });\n }\n\n if (this.currentDropTarget && !this.currentDropTarget.preventFocusOnDrop) {\n // Re-trigger focus event on active element, since it will not have received it during dragging (see cancelEvent).\n // This corrects state such as whether focus ring should appear.\n // useDroppableCollection handles this itself, so this is only for standalone drop zones.\n getActiveElement()?.dispatchEvent(new FocusEvent('focusin', {bubbles: true}));\n }\n\n this.setCurrentDropTarget(null);\n }\n\n cancel(): void {\n this.setCurrentDropTarget(null);\n this.end();\n if (!this.dragTarget.element.closest('[aria-hidden=\"true\"], [inert]')) {\n this.dragTarget.element.focus();\n }\n\n // Re-trigger focus event on active element, since it will not have received it during dragging (see cancelEvent).\n getActiveElement()?.dispatchEvent(new FocusEvent('focusin', {bubbles: true}));\n\n announce(this.stringFormatter.format('dropCanceled'));\n }\n\n drop(item?: DroppableItem): void {\n if (!this.currentDropTarget) {\n this.cancel();\n return;\n }\n\n if (typeof item?.getDropOperation === 'function') {\n let types = getTypes(this.dragTarget.items);\n this.dropOperation = item.getDropOperation(types, this.dragTarget.allowedDropOperations);\n } else if (typeof this.currentDropTarget.getDropOperation === 'function') {\n let types = getTypes(this.dragTarget.items);\n this.dropOperation = this.currentDropTarget.getDropOperation(types, this.dragTarget.allowedDropOperations);\n } else {\n // TODO: show menu ??\n this.dropOperation = this.dragTarget.allowedDropOperations[0];\n }\n\n if (typeof this.currentDropTarget.onDrop === 'function') {\n let items: DropItem[] = this.dragTarget.items.map(item => ({\n kind: 'text',\n types: new Set(Object.keys(item)),\n getText: (type: string) => Promise.resolve(item[type])\n }));\n\n let rect = this.currentDropTarget.element.getBoundingClientRect();\n this.currentDropTarget.onDrop({\n type: 'drop',\n x: rect.left + (rect.width / 2),\n y: rect.top + (rect.height / 2),\n items,\n dropOperation: this.dropOperation\n }, item?.target ?? null);\n }\n\n this.end();\n announce(this.stringFormatter.format('dropComplete'));\n }\n\n activate(dropTarget: DropTarget | null, dropItem: DroppableItem | null | undefined): void {\n if (dropTarget && typeof dropTarget.onDropActivate === 'function') {\n let target = dropItem?.target ?? null;\n let rect = dropTarget.element.getBoundingClientRect();\n dropTarget.onDropActivate({\n type: 'dropactivate',\n x: rect.left + (rect.width / 2),\n y: rect.top + (rect.height / 2)\n }, target);\n }\n }\n}\n\nfunction findValidDropTargets(options: DragTarget) {\n let types = getTypes(options.items);\n return [...dropTargets.values()].filter(target => {\n if (target.element.closest('[aria-hidden=\"true\"], [inert]')) {\n return false;\n }\n\n if (typeof target.getDropOperation === 'function') {\n return target.getDropOperation(types, options.allowedDropOperations) !== 'cancel';\n }\n\n return true;\n });\n}\n"],"names":[],"version":3,"file":"DragManager.module.js.map"}
|