@react-aria/dnd 3.0.0-nightly.3449 → 3.0.0-nightly.3460

package/dist/main.js

@@ -22,6 +22,7 @@ $parcel$export(module.exports, "useDraggableItem", () => $0cbbd00cda972c67$expor
 $parcel$export(module.exports, "useClipboard", () => $74f3dedaa4d234b4$export$2314ca2a3e892862);
 $parcel$export(module.exports, "DragPreview", () => $2dccaca1f4baa446$export$905ab40ac2179daa);
 $parcel$export(module.exports, "ListDropTargetDelegate", () => $2268795bbb597ecb$export$fbd65d14c79e28cc);
+$parcel$export(module.exports, "isVirtualDragging", () => $28e10663603f5ea1$export$403bc76cbf68cf60);
 
 
 
@@ -45,6 +46,7 @@ const $76b1e110a27b1ccd$export$9bbdfc78cf083e16 = {
     uninitialized: $76b1e110a27b1ccd$export$60b7b4bcf3903d8e.all
 };
 const $76b1e110a27b1ccd$export$dd0165308d8bff45 = $76b1e110a27b1ccd$var$invert($76b1e110a27b1ccd$export$9bbdfc78cf083e16);
+$76b1e110a27b1ccd$export$dd0165308d8bff45[$76b1e110a27b1ccd$export$60b7b4bcf3903d8e.all] = 'all'; // ensure we don't map to 'uninitialized'.
 const $76b1e110a27b1ccd$export$d7ebf00f36b7a95e = $76b1e110a27b1ccd$var$invert($76b1e110a27b1ccd$export$60b7b4bcf3903d8e);
 const $76b1e110a27b1ccd$export$608ecc6f1b23c35d = {
     none: 'cancel',
@@ -265,6 +267,10 @@ function $4620ae0dc40f0031$var$getEntryFile(entry) {
     return new Promise((resolve, reject)=>entry.file(resolve, reject)
     );
 }
+let $4620ae0dc40f0031$export$f0130eb70b6347b8 = $76b1e110a27b1ccd$export$60b7b4bcf3903d8e.none;
+function $4620ae0dc40f0031$export$6539bc8c3a0a2d67(o) {
+    $4620ae0dc40f0031$export$f0130eb70b6347b8 = o;
+}
 
 
 
@@ -311,6 +317,9 @@ function $28e10663603f5ea1$export$418e185dd3f1b968() {
     }, []);
     return session;
 }
+function $28e10663603f5ea1$export$403bc76cbf68cf60() {
+    return !!$28e10663603f5ea1$var$dragSession;
+}
 function $28e10663603f5ea1$var$endDragging() {
     $28e10663603f5ea1$var$dragSession = null;
     for (let cb of $28e10663603f5ea1$var$subscriptions)cb();
@@ -913,8 +922,28 @@ $7e3982b34ddf1bdf$exports = {
         })}`
     ,
     "dragDescriptionKeyboard": `Press Enter to start dragging.`,
+    "dragDescriptionKeyboardAlt": `Press Alt + Enter to start dragging.`,
     "dragDescriptionTouch": `Double tap to start dragging.`,
     "dragDescriptionVirtual": `Click to start dragging.`,
+    "dragDescriptionLongPress": `Long press to start dragging.`,
+    "dragSelectedKeyboard": (args, formatter)=>`Press Enter to drag ${formatter.plural(args.count, {
+            one: ()=>`${formatter.number(args.count)} selected item`
+            ,
+            other: ()=>`${formatter.number(args.count)} selected items`
+        })}.`
+    ,
+    "dragSelectedKeyboardAlt": (args, formatter)=>`Press Alt + Enter to drag ${formatter.plural(args.count, {
+            one: ()=>`${formatter.number(args.count)} selected item`
+            ,
+            other: ()=>`${formatter.number(args.count)} selected items`
+        })}.`
+    ,
+    "dragSelectedLongPress": (args, formatter)=>`Long press to drag ${formatter.plural(args.count, {
+            one: ()=>`${formatter.number(args.count)} selected item`
+            ,
+            other: ()=>`${formatter.number(args.count)} selected items`
+        })}.`
+    ,
     "dragStartedKeyboard": `Started dragging. Press Tab to navigate to a drop target, then press Enter to drop, or press Escape to cancel.`,
     "dragStartedTouch": `Started dragging. Navigate to a drop target, then double tap to drop.`,
     "dragStartedVirtual": `Started dragging. Navigate to a drop target, then click or press Enter to drop.`,
@@ -1967,6 +1996,7 @@ const $dc204e8ec58447a6$var$MESSAGES = {
     }
 };
 function $dc204e8ec58447a6$export$7941f8aafa4b6021(options) {
+    let { hasDragButton: hasDragButton  } = options;
     let stringFormatter = $4vY0V$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($d624b4da796f302a$exports)));
     let state = $4vY0V$react.useRef({
         options: options,
@@ -1976,9 +2006,17 @@ function $dc204e8ec58447a6$export$7941f8aafa4b6021(options) {
     state.options = options;
     let [isDragging, setDragging] = $4vY0V$react.useState(false);
     let { addGlobalListener: addGlobalListener , removeAllGlobalListeners: removeAllGlobalListeners  } = $4vY0V$reactariautils.useGlobalListeners();
+    let modalityOnPointerDown = $4vY0V$react.useRef(null);
     let onDragStart = (e1)=>{
         var ref;
         if (e1.defaultPrevented) return;
+        // If this drag was initiated by a mobile screen reader (e.g. VoiceOver or TalkBack), enter virtual dragging mode.
+        if (modalityOnPointerDown.current === 'virtual') {
+            e1.preventDefault();
+            startDragging(e1.target);
+            modalityOnPointerDown.current = null;
+            return;
+        }
         if (typeof options.onDragStart === 'function') options.onDragStart({
             type: 'dragstart',
             x: e1.clientX,
@@ -1986,12 +2024,14 @@ function $dc204e8ec58447a6$export$7941f8aafa4b6021(options) {
         });
         let items = options.getItems();
         $4620ae0dc40f0031$export$f9c1490890ddd063(e1.dataTransfer, items);
+        let allowed = $76b1e110a27b1ccd$export$60b7b4bcf3903d8e.all;
         if (typeof options.getAllowedDropOperations === 'function') {
             let allowedOperations = options.getAllowedDropOperations();
-            let allowed = $76b1e110a27b1ccd$export$60b7b4bcf3903d8e.none;
+            allowed = $76b1e110a27b1ccd$export$60b7b4bcf3903d8e.none;
             for (let operation of allowedOperations)allowed |= $76b1e110a27b1ccd$export$60b7b4bcf3903d8e[operation] || $76b1e110a27b1ccd$export$60b7b4bcf3903d8e.none;
-            e1.dataTransfer.effectAllowed = $76b1e110a27b1ccd$export$dd0165308d8bff45[allowed] || 'none';
         }
+        $4620ae0dc40f0031$export$6539bc8c3a0a2d67(allowed);
+        e1.dataTransfer.effectAllowed = $76b1e110a27b1ccd$export$dd0165308d8bff45[allowed] || 'none';
         // If there is a preview option, use it to render a custom preview image that will
         // appear under the pointer while dragging. If not, the element itself is dragged by the browser.
         if (typeof ((ref = options.preview) === null || ref === void 0 ? void 0 : ref.current) === 'function') options.preview.current(items, (node)=>{
@@ -2049,11 +2089,15 @@ function $dc204e8ec58447a6$export$7941f8aafa4b6021(options) {
         });
         setDragging(false);
         removeAllGlobalListeners();
+        $4620ae0dc40f0031$export$6539bc8c3a0a2d67($76b1e110a27b1ccd$export$60b7b4bcf3903d8e.none);
+    };
+    let onPress = (e)=>{
+        if (e.pointerType !== 'keyboard' && e.pointerType !== 'virtual') return;
+        startDragging(e.target);
     };
-    let onPress = (e2)=>{
-        if (e2.pointerType !== 'keyboard' && e2.pointerType !== 'virtual') return;
+    let startDragging = (target)=>{
         if (typeof state.options.onDragStart === 'function') {
-            let rect = e2.target.getBoundingClientRect();
+            let rect = target.getBoundingClientRect();
             state.options.onDragStart({
                 type: 'dragstart',
                 x: rect.x + rect.width / 2,
@@ -2061,7 +2105,7 @@ function $dc204e8ec58447a6$export$7941f8aafa4b6021(options) {
             });
         }
         $28e10663603f5ea1$export$549dbcf8649bf3b2({
-            element: e2.target,
+            element: target,
             items: state.options.getItems(),
             allowedDropOperations: typeof state.options.getAllowedDropOperations === 'function' ? state.options.getAllowedDropOperations() : [
                 'move',
@@ -2076,9 +2120,51 @@ function $dc204e8ec58447a6$export$7941f8aafa4b6021(options) {
         setDragging(true);
     };
     let modality = $4620ae0dc40f0031$export$49bac5d6d4b352ea();
-    let descriptionProps = $4vY0V$reactariautils.useDescription(stringFormatter.format(!isDragging ? $dc204e8ec58447a6$var$MESSAGES[modality].start : $dc204e8ec58447a6$var$MESSAGES[modality].end));
+    let message;
+    if (!isDragging) {
+        if (modality === 'touch' && !hasDragButton) message = 'dragDescriptionLongPress';
+        else message = $dc204e8ec58447a6$var$MESSAGES[modality].start;
+    } else message = $dc204e8ec58447a6$var$MESSAGES[modality].end;
+    let descriptionProps = $4vY0V$reactariautils.useDescription(stringFormatter.format(message));
+    let interactions;
+    if (!hasDragButton) // If there's no separate button to trigger accessible drag and drop mode,
+    // then add event handlers to the draggable element itself to start dragging.
+    // For keyboard, we use the Enter key in a capturing listener to prevent other
+    // events such as selection from also occurring. We attempt to infer whether a
+    // pointer event (e.g. long press) came from a touch screen reader, and then initiate
+    // dragging in the native onDragStart listener above.
+    interactions = {
+        ...descriptionProps,
+        onPointerDown ({ nativeEvent: e  }) {
+            // Try to detect virtual drags.
+            if (e.width < 1 && e.height < 1) // iOS VoiceOver.
+            modalityOnPointerDown.current = 'virtual';
+            else {
+                let rect = e.target.getBoundingClientRect();
+                let centerX = rect.width / 2;
+                let centerY = rect.height / 2;
+                if (Math.abs(e.offsetX - centerX) < 0.5 && Math.abs(e.offsetY - centerY) < 0.5) // Android TalkBack.
+                modalityOnPointerDown.current = 'virtual';
+                else modalityOnPointerDown.current = e.pointerType;
+            }
+        },
+        onKeyDownCapture (e) {
+            if (e.target === e.currentTarget && e.key === 'Enter') {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        },
+        onKeyUpCapture (e) {
+            if (e.target === e.currentTarget && e.key === 'Enter') {
+                e.preventDefault();
+                e.stopPropagation();
+                startDragging(e.target);
+            }
+        }
+    };
     return {
         dragProps: {
+            ...interactions,
             draggable: 'true',
             onDragStart: onDragStart,
             onDrag: onDrag,
@@ -2136,7 +2222,7 @@ function $1ca228bc9257ca16$export$ccdee5eaf73cf661(options) {
         y: 0,
         dragOverElements: new Set(),
         dropEffect: 'none',
-        effectAllowed: 'none',
+        allowedOperations: $76b1e110a27b1ccd$export$60b7b4bcf3903d8e.all,
         dropActivateTimer: null
     }).current;
     let fireDropEnter = (e)=>{
@@ -2164,7 +2250,8 @@ function $1ca228bc9257ca16$export$ccdee5eaf73cf661(options) {
     let onDragOver = (e)=>{
         e.preventDefault();
         e.stopPropagation();
-        if (e.clientX === state.x && e.clientY === state.y && e.dataTransfer.effectAllowed === state.effectAllowed) {
+        let allowedOperations = $1ca228bc9257ca16$var$getAllowedOperations(e);
+        if (e.clientX === state.x && e.clientY === state.y && allowedOperations === state.allowedOperations) {
             e.dataTransfer.dropEffect = state.dropEffect;
             return;
         }
@@ -2172,23 +2259,22 @@ function $1ca228bc9257ca16$export$ccdee5eaf73cf661(options) {
         state.y = e.clientY;
         let prevDropEffect = state.dropEffect;
         // Update drop effect if allowed drop operations changed (e.g. user pressed modifier key).
-        if (e.dataTransfer.effectAllowed !== state.effectAllowed) {
-            let allowedOperations = $1ca228bc9257ca16$var$effectAllowedToOperations(e.dataTransfer.effectAllowed);
-            let dropOperation = allowedOperations[0];
+        if (allowedOperations !== state.allowedOperations) {
+            let allowedOps = $1ca228bc9257ca16$var$allowedOperationsToArray(allowedOperations);
+            let dropOperation = allowedOps[0];
             if (typeof options.getDropOperation === 'function') {
                 let types = new $4620ae0dc40f0031$export$7f04ce188c91447c(e.dataTransfer);
-                dropOperation = $1ca228bc9257ca16$var$getDropOperation(e.dataTransfer.effectAllowed, options.getDropOperation(types, allowedOperations));
+                dropOperation = $1ca228bc9257ca16$var$getDropOperation(allowedOperations, options.getDropOperation(types, allowedOps));
             }
             state.dropEffect = $76b1e110a27b1ccd$export$5eacb0769d26d3b2[dropOperation] || 'none';
         }
         if (typeof options.getDropOperationForPoint === 'function') {
-            let allowedOperations = $1ca228bc9257ca16$var$effectAllowedToOperations(e.dataTransfer.effectAllowed);
             let types = new $4620ae0dc40f0031$export$7f04ce188c91447c(e.dataTransfer);
             let rect = e.currentTarget.getBoundingClientRect();
-            let dropOperation = $1ca228bc9257ca16$var$getDropOperation(e.dataTransfer.effectAllowed, options.getDropOperationForPoint(types, allowedOperations, state.x - rect.x, state.y - rect.y));
+            let dropOperation = $1ca228bc9257ca16$var$getDropOperation(allowedOperations, options.getDropOperationForPoint(types, $1ca228bc9257ca16$var$allowedOperationsToArray(allowedOperations), state.x - rect.x, state.y - rect.y));
             state.dropEffect = $76b1e110a27b1ccd$export$5eacb0769d26d3b2[dropOperation] || 'none';
         }
-        state.effectAllowed = e.dataTransfer.effectAllowed;
+        state.allowedOperations = allowedOperations;
         e.dataTransfer.dropEffect = state.dropEffect;
         // If the drop operation changes, update state and fire events appropriately.
         if (state.dropEffect === 'none' && prevDropEffect !== 'none') fireDropExit(e);
@@ -2217,20 +2303,21 @@ function $1ca228bc9257ca16$export$ccdee5eaf73cf661(options) {
         e.stopPropagation();
         state.dragOverElements.add(e.target);
         if (state.dragOverElements.size > 1) return;
-        let allowedOperations = $1ca228bc9257ca16$var$effectAllowedToOperations(e.dataTransfer.effectAllowed);
+        let allowedOperationsBits = $1ca228bc9257ca16$var$getAllowedOperations(e);
+        let allowedOperations = $1ca228bc9257ca16$var$allowedOperationsToArray(allowedOperationsBits);
         let dropOperation = allowedOperations[0];
         if (typeof options.getDropOperation === 'function') {
             let types = new $4620ae0dc40f0031$export$7f04ce188c91447c(e.dataTransfer);
-            dropOperation = $1ca228bc9257ca16$var$getDropOperation(e.dataTransfer.effectAllowed, options.getDropOperation(types, allowedOperations));
+            dropOperation = $1ca228bc9257ca16$var$getDropOperation(allowedOperationsBits, options.getDropOperation(types, allowedOperations));
         }
         if (typeof options.getDropOperationForPoint === 'function') {
             let types = new $4620ae0dc40f0031$export$7f04ce188c91447c(e.dataTransfer);
             let rect = e.currentTarget.getBoundingClientRect();
-            dropOperation = $1ca228bc9257ca16$var$getDropOperation(e.dataTransfer.effectAllowed, options.getDropOperationForPoint(types, allowedOperations, e.clientX - rect.x, e.clientY - rect.y));
+            dropOperation = $1ca228bc9257ca16$var$getDropOperation(allowedOperationsBits, options.getDropOperationForPoint(types, allowedOperations, e.clientX - rect.x, e.clientY - rect.y));
         }
         state.x = e.clientX;
         state.y = e.clientY;
-        state.effectAllowed = e.dataTransfer.effectAllowed;
+        state.allowedOperations = allowedOperationsBits;
         state.dropEffect = $76b1e110a27b1ccd$export$5eacb0769d26d3b2[dropOperation] || 'none';
         e.dataTransfer.dropEffect = state.dropEffect;
         if (dropOperation !== 'cancel') fireDropEnter(e);
@@ -2311,18 +2398,50 @@ function $1ca228bc9257ca16$export$ccdee5eaf73cf661(options) {
         isDropTarget: isDropTarget
     };
 }
-function $1ca228bc9257ca16$var$effectAllowedToOperations(effectAllowed) {
-    let allowedOperationsBits = $76b1e110a27b1ccd$export$9bbdfc78cf083e16[effectAllowed];
+function $1ca228bc9257ca16$var$getAllowedOperations(e) {
+    let allowedOperations = $76b1e110a27b1ccd$export$9bbdfc78cf083e16[e.dataTransfer.effectAllowed];
+    // WebKit always sets effectAllowed to "copyMove" on macOS, and "all" on iOS, regardless of what was
+    // set during the dragstart event: https://bugs.webkit.org/show_bug.cgi?id=178058
+    //
+    // Android Chrome also sets effectAllowed to "copyMove" in all cases: https://bugs.chromium.org/p/chromium/issues/detail?id=1359182
+    //
+    // If the drag started within the page, we can use a global variable to get the real allowed operations.
+    // This needs to be intersected with the actual effectAllowed, which may have been filtered based on modifier keys.
+    // Unfortunately, this means that link operations do not work at all in Safari.
+    if ($4620ae0dc40f0031$export$f0130eb70b6347b8) allowedOperations &= $4620ae0dc40f0031$export$f0130eb70b6347b8;
+    // Chrome and Safari on macOS will automatically filter effectAllowed when pressing modifier keys,
+    // allowing the user to switch between move, link, and copy operations. Firefox on macOS and all
+    // Windows browsers do not do this, so do it ourselves instead. The exact keys are platform dependent.
+    // https://ux.stackexchange.com/questions/83748/what-are-the-most-common-modifier-keys-for-dragging-objects-with-a-mouse
+    //
+    // Note that none of these modifiers are ever set in WebKit due to a bug: https://bugs.webkit.org/show_bug.cgi?id=77465
+    // However, Safari does update effectAllowed correctly, so we can just rely on that.
+    let allowedModifiers = $76b1e110a27b1ccd$export$60b7b4bcf3903d8e.none;
+    if ($4vY0V$reactariautils.isMac()) {
+        if (e.altKey) allowedModifiers |= $76b1e110a27b1ccd$export$60b7b4bcf3903d8e.copy;
+        // Chrome and Safari both use the Control key for link, even though Finder uses Command + Option.
+        // iPadOS doesn't support link operations and will not fire the drop event at all if dropEffect is set to link.
+        // https://bugs.webkit.org/show_bug.cgi?id=244701
+        if (e.ctrlKey && !$4vY0V$reactariautils.isIPad()) allowedModifiers |= $76b1e110a27b1ccd$export$60b7b4bcf3903d8e.link;
+        if (e.metaKey) allowedModifiers |= $76b1e110a27b1ccd$export$60b7b4bcf3903d8e.move;
+    } else {
+        if (e.altKey) allowedModifiers |= $76b1e110a27b1ccd$export$60b7b4bcf3903d8e.link;
+        if (e.shiftKey) allowedModifiers |= $76b1e110a27b1ccd$export$60b7b4bcf3903d8e.move;
+        if (e.ctrlKey) allowedModifiers |= $76b1e110a27b1ccd$export$60b7b4bcf3903d8e.copy;
+    }
+    if (allowedModifiers) return allowedOperations & allowedModifiers;
+    return allowedOperations;
+}
+function $1ca228bc9257ca16$var$allowedOperationsToArray(allowedOperationsBits) {
     let allowedOperations = [];
     if (allowedOperationsBits & $76b1e110a27b1ccd$export$60b7b4bcf3903d8e.move) allowedOperations.push('move');
     if (allowedOperationsBits & $76b1e110a27b1ccd$export$60b7b4bcf3903d8e.copy) allowedOperations.push('copy');
     if (allowedOperationsBits & $76b1e110a27b1ccd$export$60b7b4bcf3903d8e.link) allowedOperations.push('link');
     return allowedOperations;
 }
-function $1ca228bc9257ca16$var$getDropOperation(effectAllowed, operation) {
-    let allowedOperationsBits = $76b1e110a27b1ccd$export$9bbdfc78cf083e16[effectAllowed];
+function $1ca228bc9257ca16$var$getDropOperation(allowedOperations, operation) {
     let op = $76b1e110a27b1ccd$export$60b7b4bcf3903d8e[operation];
-    return allowedOperationsBits & op ? operation : 'cancel';
+    return allowedOperations & op ? operation : 'cancel';
 }
 
 
@@ -2859,14 +2978,32 @@ function $c5557edbed563ebf$export$8d0e41d2815afac5(props, state, ref1) {
 
 
 
+
+
+const $0cbbd00cda972c67$var$MESSAGES = {
+    keyboard: {
+        selected: 'dragSelectedKeyboard',
+        notSelected: 'dragDescriptionKeyboard'
+    },
+    touch: {
+        selected: 'dragSelectedLongPress',
+        notSelected: 'dragDescriptionLongPress'
+    },
+    virtual: {
+        selected: 'dragDescriptionVirtual',
+        notSelected: 'dragDescriptionVirtual'
+    }
+};
 function $0cbbd00cda972c67$export$b35afafff42da2d9(props, state) {
     let stringFormatter = $4vY0V$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($d624b4da796f302a$exports)));
+    let isDisabled = state.selectionManager.isDisabled(props.key);
     let { dragProps: dragProps , dragButtonProps: dragButtonProps  } = $dc204e8ec58447a6$export$7941f8aafa4b6021({
         getItems () {
             return state.getItems(props.key);
         },
         preview: state.preview,
         getAllowedDropOperations: state.getAllowedDropOperations,
+        hasDragButton: props.hasDragButton,
         onDragStart (e) {
             state.startDrag(props.key, e);
         },
@@ -2879,20 +3016,46 @@ function $0cbbd00cda972c67$export$b35afafff42da2d9(props, state) {
     });
     let item = state.collection.getItem(props.key);
     let numKeysForDrag = state.getKeysForDrag(props.key).size;
-    let isSelected = state.selectionManager.isSelected(props.key);
-    let message;
+    let isSelected = numKeysForDrag > 1 && state.selectionManager.isSelected(props.key);
+    let dragButtonLabel;
+    let description;
+    // Override description to include selected item count.
+    let modality = $4620ae0dc40f0031$export$49bac5d6d4b352ea();
     var ref;
-    if (isSelected && numKeysForDrag > 1) message = stringFormatter.format('dragSelectedItems', {
+    if (!props.hasDragButton) {
+        let msg = $0cbbd00cda972c67$var$MESSAGES[modality][isSelected ? 'selected' : 'notSelected'];
+        if (props.hasAction && modality === 'keyboard') msg += 'Alt';
+        if (isSelected) description = stringFormatter.format(msg, {
+            count: numKeysForDrag
+        });
+        else description = stringFormatter.format(msg);
+    } else if (isSelected) dragButtonLabel = stringFormatter.format('dragSelectedItems', {
         count: numKeysForDrag
     });
-    else message = stringFormatter.format('dragItem', {
+    else dragButtonLabel = stringFormatter.format('dragItem', {
         itemText: (ref = item === null || item === void 0 ? void 0 : item.textValue) !== null && ref !== void 0 ? ref : ''
     });
+    let descriptionProps = $4vY0V$reactariautils.useDescription(description);
+    if (description) Object.assign(dragProps, descriptionProps);
+    if (!props.hasDragButton && props.hasAction) {
+        let { onKeyDownCapture: onKeyDownCapture , onKeyUpCapture: onKeyUpCapture  } = dragProps;
+        if (modality === 'touch') // Remove long press description if an action is present, because in that case long pressing selects the item.
+        delete dragProps['aria-describedby'];
+        // Require Alt key if there is a conflicting action.
+        dragProps.onKeyDownCapture = (e)=>{
+            if (e.altKey) onKeyDownCapture(e);
+        };
+        dragProps.onKeyUpCapture = (e)=>{
+            if (e.altKey) onKeyUpCapture(e);
+        };
+    }
     return {
-        dragProps: dragProps,
+        dragProps: isDisabled ? {
+        } : dragProps,
         dragButtonProps: {
             ...dragButtonProps,
-            'aria-label': message
+            isDisabled: isDisabled,
+            'aria-label': dragButtonLabel
         }
     };
 }
@@ -3093,4 +3256,5 @@ class $2268795bbb597ecb$export$fbd65d14c79e28cc {
 
 
 
+
 //# sourceMappingURL=main.js.map