@react-aria/dnd 3.6.1-nightly.4623 → 3.6.1

package/dist/useDrag.mjs

@@ -29,21 +29,21 @@ function $parcel$interopDefault(a) {
 
 const $8253ed7ece74b463$var$MESSAGES = {
     keyboard: {
-        start: "dragDescriptionKeyboard",
-        end: "endDragKeyboard"
+        start: 'dragDescriptionKeyboard',
+        end: 'endDragKeyboard'
     },
     touch: {
-        start: "dragDescriptionTouch",
-        end: "endDragTouch"
+        start: 'dragDescriptionTouch',
+        end: 'endDragTouch'
     },
     virtual: {
-        start: "dragDescriptionVirtual",
-        end: "endDragVirtual"
+        start: 'dragDescriptionVirtual',
+        end: 'endDragVirtual'
     }
 };
 function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
     let { hasDragButton: hasDragButton, isDisabled: isDisabled } = options;
-    let stringFormatter = (0, $72Evg$useLocalizedStringFormatter)((0, ($parcel$interopDefault($72Evg$intlStringsmodulejs))), "@react-aria/dnd");
+    let stringFormatter = (0, $72Evg$useLocalizedStringFormatter)((0, ($parcel$interopDefault($72Evg$intlStringsmodulejs))), '@react-aria/dnd');
     let state = (0, $72Evg$useRef)({
         options: options,
         x: 0,
@@ -64,30 +64,30 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
         // Prevent the drag event from propagating to any parent draggables
         e.stopPropagation();
         // If this drag was initiated by a mobile screen reader (e.g. VoiceOver or TalkBack), enter virtual dragging mode.
-        if (modalityOnPointerDown.current === "virtual") {
+        if (modalityOnPointerDown.current === 'virtual') {
             e.preventDefault();
             startDragging(e.target);
             modalityOnPointerDown.current = null;
             return;
         }
-        if (typeof options.onDragStart === "function") options.onDragStart({
-            type: "dragstart",
+        if (typeof options.onDragStart === 'function') options.onDragStart({
+            type: 'dragstart',
             x: e.clientX,
             y: e.clientY
         });
         let items = options.getItems();
         (0, $7252cd45fc48c07c$export$f9c1490890ddd063)(e.dataTransfer, items);
         let allowed = (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).all;
-        if (typeof options.getAllowedDropOperations === "function") {
+        if (typeof options.getAllowedDropOperations === 'function') {
             let allowedOperations = options.getAllowedDropOperations();
             allowed = (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).none;
             for (let operation of allowedOperations)allowed |= (0, $103790afe9474d1c$export$60b7b4bcf3903d8e)[operation] || (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).none;
         }
         (0, $7252cd45fc48c07c$export$6539bc8c3a0a2d67)(allowed);
-        e.dataTransfer.effectAllowed = (0, $103790afe9474d1c$export$dd0165308d8bff45)[allowed] || "none";
+        e.dataTransfer.effectAllowed = (0, $103790afe9474d1c$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 ((_options_preview = options.preview) === null || _options_preview === void 0 ? void 0 : _options_preview.current) === "function") options.preview.current(items, (node)=>{
+        if (typeof ((_options_preview = options.preview) === null || _options_preview === void 0 ? void 0 : _options_preview.current) === 'function') options.preview.current(items, (node)=>{
             // Compute the offset that the preview will appear under the mouse.
             // If possible, this is based on the point the user clicked on the target.
             // If the preview is much smaller, then just use the center point of the preview.
@@ -105,10 +105,10 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
             e.dataTransfer.setDragImage(node, x, y);
         });
         // Enforce that drops are handled by useDrop.
-        addGlobalListener(window, "drop", (e)=>{
+        addGlobalListener(window, 'drop', (e)=>{
             e.preventDefault();
             e.stopPropagation();
-            console.warn("Drags initiated from the React Aria useDrag hook may only be dropped on a target created with useDrop. This ensures that a keyboard and screen reader accessible alternative is available.");
+            console.warn('Drags initiated from the React Aria useDrag hook may only be dropped on a target created with useDrop. This ensures that a keyboard and screen reader accessible alternative is available.');
         }, {
             once: true
         });
@@ -124,8 +124,8 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
         // Prevent the drag event from propagating to any parent draggables
         e.stopPropagation();
         if (e.clientX === state.x && e.clientY === state.y) return;
-        if (typeof options.onDragMove === "function") options.onDragMove({
-            type: "dragmove",
+        if (typeof options.onDragMove === 'function') options.onDragMove({
+            type: 'dragmove',
             x: e.clientX,
             y: e.clientY
         });
@@ -135,9 +135,9 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
     let onDragEnd = (e)=>{
         // Prevent the drag event from propagating to any parent draggables
         e.stopPropagation();
-        if (typeof options.onDragEnd === "function") {
+        if (typeof options.onDragEnd === 'function') {
             let event = {
-                type: "dragend",
+                type: 'dragend',
                 x: e.clientX,
                 y: e.clientY,
                 dropOperation: (0, $103790afe9474d1c$export$608ecc6f1b23c35d)[e.dataTransfer.dropEffect]
@@ -158,12 +158,12 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
     (0, $72Evg$useLayoutEffect)(()=>{
         return ()=>{
             if (isDraggingRef.current) {
-                if (typeof state.options.onDragEnd === "function") {
+                if (typeof state.options.onDragEnd === 'function') {
                     let event = {
-                        type: "dragend",
+                        type: 'dragend',
                         x: 0,
                         y: 0,
-                        dropOperation: (0, $103790afe9474d1c$export$608ecc6f1b23c35d)[(0, $7252cd45fc48c07c$export$8e6636520ac15722) || "none"]
+                        dropOperation: (0, $103790afe9474d1c$export$608ecc6f1b23c35d)[(0, $7252cd45fc48c07c$export$8e6636520ac15722) || 'none']
                     };
                     state.options.onDragEnd(event);
                 }
@@ -176,14 +176,14 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
         state
     ]);
     let onPress = (e)=>{
-        if (e.pointerType !== "keyboard" && e.pointerType !== "virtual") return;
+        if (e.pointerType !== 'keyboard' && e.pointerType !== 'virtual') return;
         startDragging(e.target);
     };
     let startDragging = (target)=>{
-        if (typeof state.options.onDragStart === "function") {
+        if (typeof state.options.onDragStart === 'function') {
             let rect = target.getBoundingClientRect();
             state.options.onDragStart({
-                type: "dragstart",
+                type: 'dragstart',
                 x: rect.x + rect.width / 2,
                 y: rect.y + rect.height / 2
             });
@@ -191,14 +191,14 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
         $67560de7c78cb232$export$549dbcf8649bf3b2({
             element: target,
             items: state.options.getItems(),
-            allowedDropOperations: typeof state.options.getAllowedDropOperations === "function" ? state.options.getAllowedDropOperations() : [
-                "move",
-                "copy",
-                "link"
+            allowedDropOperations: typeof state.options.getAllowedDropOperations === 'function' ? state.options.getAllowedDropOperations() : [
+                'move',
+                'copy',
+                'link'
             ],
             onDragEnd (e) {
                 setDragging(false);
-                if (typeof state.options.onDragEnd === "function") state.options.onDragEnd(e);
+                if (typeof state.options.onDragEnd === 'function') state.options.onDragEnd(e);
             }
         }, stringFormatter);
         setDragging(true);
@@ -216,10 +216,10 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
     interactions = {
         ...descriptionProps,
         onPointerDown (e) {
-            modalityOnPointerDown.current = (0, $72Evg$isVirtualPointerEvent)(e.nativeEvent) ? "virtual" : e.pointerType;
+            modalityOnPointerDown.current = (0, $72Evg$isVirtualPointerEvent)(e.nativeEvent) ? 'virtual' : e.pointerType;
             // Try to detect virtual drag passthrough gestures.
             if (e.width < 1 && e.height < 1) // iOS VoiceOver.
-            modalityOnPointerDown.current = "virtual";
+            modalityOnPointerDown.current = 'virtual';
             else {
                 let rect = e.currentTarget.getBoundingClientRect();
                 let offsetX = e.clientX - rect.x;
@@ -227,18 +227,18 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
                 let centerX = rect.width / 2;
                 let centerY = rect.height / 2;
                 if (Math.abs(offsetX - centerX) <= 0.5 && Math.abs(offsetY - centerY) <= 0.5) // Android TalkBack.
-                modalityOnPointerDown.current = "virtual";
+                modalityOnPointerDown.current = 'virtual';
                 else modalityOnPointerDown.current = e.pointerType;
             }
         },
         onKeyDownCapture (e) {
-            if (e.target === e.currentTarget && e.key === "Enter") {
+            if (e.target === e.currentTarget && e.key === 'Enter') {
                 e.preventDefault();
                 e.stopPropagation();
             }
         },
         onKeyUpCapture (e) {
-            if (e.target === e.currentTarget && e.key === "Enter") {
+            if (e.target === e.currentTarget && e.key === 'Enter') {
                 e.preventDefault();
                 e.stopPropagation();
                 startDragging(e.target);
@@ -246,7 +246,7 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
         },
         onClick (e) {
             // Handle NVDA/JAWS in browse mode, and touch screen readers. In this case, no keyboard events are fired.
-            if ((0, $72Evg$isVirtualClick)(e.nativeEvent) || modalityOnPointerDown.current === "virtual") {
+            if ((0, $72Evg$isVirtualClick)(e.nativeEvent) || modalityOnPointerDown.current === 'virtual') {
                 e.preventDefault();
                 e.stopPropagation();
                 startDragging(e.target);
@@ -255,7 +255,7 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
     };
     if (isDisabled) return {
         dragProps: {
-            draggable: "false"
+            draggable: 'false'
         },
         dragButtonProps: {},
         isDragging: false
@@ -263,7 +263,7 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
     return {
         dragProps: {
             ...interactions,
-            draggable: "true",
+            draggable: 'true',
             onDragStart: onDragStart,
             onDrag: onDrag,
             onDragEnd: onDragEnd

package/dist/useDrag.module.js

@@ -29,21 +29,21 @@ function $parcel$interopDefault(a) {
 
 const $8253ed7ece74b463$var$MESSAGES = {
     keyboard: {
-        start: "dragDescriptionKeyboard",
-        end: "endDragKeyboard"
+        start: 'dragDescriptionKeyboard',
+        end: 'endDragKeyboard'
     },
     touch: {
-        start: "dragDescriptionTouch",
-        end: "endDragTouch"
+        start: 'dragDescriptionTouch',
+        end: 'endDragTouch'
     },
     virtual: {
-        start: "dragDescriptionVirtual",
-        end: "endDragVirtual"
+        start: 'dragDescriptionVirtual',
+        end: 'endDragVirtual'
     }
 };
 function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
     let { hasDragButton: hasDragButton, isDisabled: isDisabled } = options;
-    let stringFormatter = (0, $72Evg$useLocalizedStringFormatter)((0, ($parcel$interopDefault($72Evg$intlStringsmodulejs))), "@react-aria/dnd");
+    let stringFormatter = (0, $72Evg$useLocalizedStringFormatter)((0, ($parcel$interopDefault($72Evg$intlStringsmodulejs))), '@react-aria/dnd');
     let state = (0, $72Evg$useRef)({
         options: options,
         x: 0,
@@ -64,30 +64,30 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
         // Prevent the drag event from propagating to any parent draggables
         e.stopPropagation();
         // If this drag was initiated by a mobile screen reader (e.g. VoiceOver or TalkBack), enter virtual dragging mode.
-        if (modalityOnPointerDown.current === "virtual") {
+        if (modalityOnPointerDown.current === 'virtual') {
             e.preventDefault();
             startDragging(e.target);
             modalityOnPointerDown.current = null;
             return;
         }
-        if (typeof options.onDragStart === "function") options.onDragStart({
-            type: "dragstart",
+        if (typeof options.onDragStart === 'function') options.onDragStart({
+            type: 'dragstart',
             x: e.clientX,
             y: e.clientY
         });
         let items = options.getItems();
         (0, $7252cd45fc48c07c$export$f9c1490890ddd063)(e.dataTransfer, items);
         let allowed = (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).all;
-        if (typeof options.getAllowedDropOperations === "function") {
+        if (typeof options.getAllowedDropOperations === 'function') {
             let allowedOperations = options.getAllowedDropOperations();
             allowed = (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).none;
             for (let operation of allowedOperations)allowed |= (0, $103790afe9474d1c$export$60b7b4bcf3903d8e)[operation] || (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).none;
         }
         (0, $7252cd45fc48c07c$export$6539bc8c3a0a2d67)(allowed);
-        e.dataTransfer.effectAllowed = (0, $103790afe9474d1c$export$dd0165308d8bff45)[allowed] || "none";
+        e.dataTransfer.effectAllowed = (0, $103790afe9474d1c$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 ((_options_preview = options.preview) === null || _options_preview === void 0 ? void 0 : _options_preview.current) === "function") options.preview.current(items, (node)=>{
+        if (typeof ((_options_preview = options.preview) === null || _options_preview === void 0 ? void 0 : _options_preview.current) === 'function') options.preview.current(items, (node)=>{
             // Compute the offset that the preview will appear under the mouse.
             // If possible, this is based on the point the user clicked on the target.
             // If the preview is much smaller, then just use the center point of the preview.
@@ -105,10 +105,10 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
             e.dataTransfer.setDragImage(node, x, y);
         });
         // Enforce that drops are handled by useDrop.
-        addGlobalListener(window, "drop", (e)=>{
+        addGlobalListener(window, 'drop', (e)=>{
             e.preventDefault();
             e.stopPropagation();
-            console.warn("Drags initiated from the React Aria useDrag hook may only be dropped on a target created with useDrop. This ensures that a keyboard and screen reader accessible alternative is available.");
+            console.warn('Drags initiated from the React Aria useDrag hook may only be dropped on a target created with useDrop. This ensures that a keyboard and screen reader accessible alternative is available.');
         }, {
             once: true
         });
@@ -124,8 +124,8 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
         // Prevent the drag event from propagating to any parent draggables
         e.stopPropagation();
         if (e.clientX === state.x && e.clientY === state.y) return;
-        if (typeof options.onDragMove === "function") options.onDragMove({
-            type: "dragmove",
+        if (typeof options.onDragMove === 'function') options.onDragMove({
+            type: 'dragmove',
             x: e.clientX,
             y: e.clientY
         });
@@ -135,9 +135,9 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
     let onDragEnd = (e)=>{
         // Prevent the drag event from propagating to any parent draggables
         e.stopPropagation();
-        if (typeof options.onDragEnd === "function") {
+        if (typeof options.onDragEnd === 'function') {
             let event = {
-                type: "dragend",
+                type: 'dragend',
                 x: e.clientX,
                 y: e.clientY,
                 dropOperation: (0, $103790afe9474d1c$export$608ecc6f1b23c35d)[e.dataTransfer.dropEffect]
@@ -158,12 +158,12 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
     (0, $72Evg$useLayoutEffect)(()=>{
         return ()=>{
             if (isDraggingRef.current) {
-                if (typeof state.options.onDragEnd === "function") {
+                if (typeof state.options.onDragEnd === 'function') {
                     let event = {
-                        type: "dragend",
+                        type: 'dragend',
                         x: 0,
                         y: 0,
-                        dropOperation: (0, $103790afe9474d1c$export$608ecc6f1b23c35d)[(0, $7252cd45fc48c07c$export$8e6636520ac15722) || "none"]
+                        dropOperation: (0, $103790afe9474d1c$export$608ecc6f1b23c35d)[(0, $7252cd45fc48c07c$export$8e6636520ac15722) || 'none']
                     };
                     state.options.onDragEnd(event);
                 }
@@ -176,14 +176,14 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
         state
     ]);
     let onPress = (e)=>{
-        if (e.pointerType !== "keyboard" && e.pointerType !== "virtual") return;
+        if (e.pointerType !== 'keyboard' && e.pointerType !== 'virtual') return;
         startDragging(e.target);
     };
     let startDragging = (target)=>{
-        if (typeof state.options.onDragStart === "function") {
+        if (typeof state.options.onDragStart === 'function') {
             let rect = target.getBoundingClientRect();
             state.options.onDragStart({
-                type: "dragstart",
+                type: 'dragstart',
                 x: rect.x + rect.width / 2,
                 y: rect.y + rect.height / 2
             });
@@ -191,14 +191,14 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
         $67560de7c78cb232$export$549dbcf8649bf3b2({
             element: target,
             items: state.options.getItems(),
-            allowedDropOperations: typeof state.options.getAllowedDropOperations === "function" ? state.options.getAllowedDropOperations() : [
-                "move",
-                "copy",
-                "link"
+            allowedDropOperations: typeof state.options.getAllowedDropOperations === 'function' ? state.options.getAllowedDropOperations() : [
+                'move',
+                'copy',
+                'link'
             ],
             onDragEnd (e) {
                 setDragging(false);
-                if (typeof state.options.onDragEnd === "function") state.options.onDragEnd(e);
+                if (typeof state.options.onDragEnd === 'function') state.options.onDragEnd(e);
             }
         }, stringFormatter);
         setDragging(true);
@@ -216,10 +216,10 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
     interactions = {
         ...descriptionProps,
         onPointerDown (e) {
-            modalityOnPointerDown.current = (0, $72Evg$isVirtualPointerEvent)(e.nativeEvent) ? "virtual" : e.pointerType;
+            modalityOnPointerDown.current = (0, $72Evg$isVirtualPointerEvent)(e.nativeEvent) ? 'virtual' : e.pointerType;
             // Try to detect virtual drag passthrough gestures.
             if (e.width < 1 && e.height < 1) // iOS VoiceOver.
-            modalityOnPointerDown.current = "virtual";
+            modalityOnPointerDown.current = 'virtual';
             else {
                 let rect = e.currentTarget.getBoundingClientRect();
                 let offsetX = e.clientX - rect.x;
@@ -227,18 +227,18 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
                 let centerX = rect.width / 2;
                 let centerY = rect.height / 2;
                 if (Math.abs(offsetX - centerX) <= 0.5 && Math.abs(offsetY - centerY) <= 0.5) // Android TalkBack.
-                modalityOnPointerDown.current = "virtual";
+                modalityOnPointerDown.current = 'virtual';
                 else modalityOnPointerDown.current = e.pointerType;
             }
         },
         onKeyDownCapture (e) {
-            if (e.target === e.currentTarget && e.key === "Enter") {
+            if (e.target === e.currentTarget && e.key === 'Enter') {
                 e.preventDefault();
                 e.stopPropagation();
             }
         },
         onKeyUpCapture (e) {
-            if (e.target === e.currentTarget && e.key === "Enter") {
+            if (e.target === e.currentTarget && e.key === 'Enter') {
                 e.preventDefault();
                 e.stopPropagation();
                 startDragging(e.target);
@@ -246,7 +246,7 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
         },
         onClick (e) {
             // Handle NVDA/JAWS in browse mode, and touch screen readers. In this case, no keyboard events are fired.
-            if ((0, $72Evg$isVirtualClick)(e.nativeEvent) || modalityOnPointerDown.current === "virtual") {
+            if ((0, $72Evg$isVirtualClick)(e.nativeEvent) || modalityOnPointerDown.current === 'virtual') {
                 e.preventDefault();
                 e.stopPropagation();
                 startDragging(e.target);
@@ -255,7 +255,7 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
     };
     if (isDisabled) return {
         dragProps: {
-            draggable: "false"
+            draggable: 'false'
         },
         dragButtonProps: {},
         isDragging: false
@@ -263,7 +263,7 @@ function $8253ed7ece74b463$export$7941f8aafa4b6021(options) {
     return {
         dragProps: {
             ...interactions,
-            draggable: "true",
+            draggable: 'true',
             onDragStart: onDragStart,
             onDrag: onDrag,
             onDragEnd: onDragEnd

package/dist/useDraggableItem.main.js

@@ -31,20 +31,20 @@ $parcel$export(module.exports, "useDraggableItem", () => $0cbbd00cda972c67$expor
 
 const $0cbbd00cda972c67$var$MESSAGES = {
     keyboard: {
-        selected: "dragSelectedKeyboard",
-        notSelected: "dragDescriptionKeyboard"
+        selected: 'dragSelectedKeyboard',
+        notSelected: 'dragDescriptionKeyboard'
     },
     touch: {
-        selected: "dragSelectedLongPress",
-        notSelected: "dragDescriptionLongPress"
+        selected: 'dragSelectedLongPress',
+        notSelected: 'dragDescriptionLongPress'
     },
     virtual: {
-        selected: "dragDescriptionVirtual",
-        notSelected: "dragDescriptionVirtual"
+        selected: 'dragDescriptionVirtual',
+        notSelected: 'dragDescriptionVirtual'
     }
 };
 function $0cbbd00cda972c67$export$b35afafff42da2d9(props, state) {
-    let stringFormatter = (0, $6Ms7J$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($7c8adf3925a26206$exports))), "@react-aria/dnd");
+    let stringFormatter = (0, $6Ms7J$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($7c8adf3925a26206$exports))), '@react-aria/dnd');
     let isDisabled = state.isDisabled || state.selectionManager.isDisabled(props.key);
     let { dragProps: dragProps, dragButtonProps: dragButtonProps } = (0, $dc204e8ec58447a6$exports.useDrag)({
         getItems () {
@@ -63,7 +63,7 @@ function $0cbbd00cda972c67$export$b35afafff42da2d9(props, state) {
         },
         onDragEnd (e) {
             let { dropOperation: dropOperation } = e;
-            let isInternal = dropOperation === "cancel" ? false : (0, $4620ae0dc40f0031$exports.isInternalDropOperation)();
+            let isInternal = dropOperation === 'cancel' ? false : (0, $4620ae0dc40f0031$exports.isInternalDropOperation)();
             state.endDrag({
                 ...e,
                 keys: state.draggingKeys,
@@ -79,9 +79,9 @@ function $0cbbd00cda972c67$export$b35afafff42da2d9(props, state) {
     let description;
     // Override description to include selected item count.
     let modality = (0, $4620ae0dc40f0031$exports.useDragModality)();
-    if (!props.hasDragButton && state.selectionManager.selectionMode !== "none") {
-        let msg = $0cbbd00cda972c67$var$MESSAGES[modality][isSelected ? "selected" : "notSelected"];
-        if (props.hasAction && modality === "keyboard") msg += "Alt";
+    if (!props.hasDragButton && state.selectionManager.selectionMode !== 'none') {
+        let msg = $0cbbd00cda972c67$var$MESSAGES[modality][isSelected ? 'selected' : 'notSelected'];
+        if (props.hasAction && modality === 'keyboard') msg += 'Alt';
         if (isSelected) description = stringFormatter.format(msg, {
             count: numKeysForDrag
         });
@@ -89,14 +89,14 @@ function $0cbbd00cda972c67$export$b35afafff42da2d9(props, state) {
         // Remove the onClick handler from useDrag. Long pressing will be required on touch devices,
         // and NVDA/JAWS are always in forms mode within collection components.
         delete dragProps.onClick;
-    } else if (isSelected) dragButtonLabel = stringFormatter.format("dragSelectedItems", {
+    } else if (isSelected) dragButtonLabel = stringFormatter.format('dragSelectedItems', {
         count: numKeysForDrag
     });
     else {
         var _state_collection_getTextValue, _state_collection;
         var _state_collection_getTextValue1, _ref;
-        let itemText = (_ref = (_state_collection_getTextValue1 = (_state_collection_getTextValue = (_state_collection = state.collection).getTextValue) === null || _state_collection_getTextValue === void 0 ? void 0 : _state_collection_getTextValue.call(_state_collection, props.key)) !== null && _state_collection_getTextValue1 !== void 0 ? _state_collection_getTextValue1 : item === null || item === void 0 ? void 0 : item.textValue) !== null && _ref !== void 0 ? _ref : "";
-        dragButtonLabel = stringFormatter.format("dragItem", {
+        let itemText = (_ref = (_state_collection_getTextValue1 = (_state_collection_getTextValue = (_state_collection = state.collection).getTextValue) === null || _state_collection_getTextValue === void 0 ? void 0 : _state_collection_getTextValue.call(_state_collection, props.key)) !== null && _state_collection_getTextValue1 !== void 0 ? _state_collection_getTextValue1 : item === null || item === void 0 ? void 0 : item.textValue) !== null && _ref !== void 0 ? _ref : '';
+        dragButtonLabel = stringFormatter.format('dragItem', {
             itemText: itemText
         });
     }
@@ -104,8 +104,8 @@ function $0cbbd00cda972c67$export$b35afafff42da2d9(props, state) {
     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"];
+        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 === null || onKeyDownCapture === void 0 ? void 0 : onKeyDownCapture(e);
@@ -119,7 +119,7 @@ function $0cbbd00cda972c67$export$b35afafff42da2d9(props, state) {
         dragButtonProps: {
             ...dragButtonProps,
             isDisabled: isDisabled,
-            "aria-label": dragButtonLabel
+            'aria-label': dragButtonLabel
         }
     };
 }

package/dist/useDraggableItem.mjs

@@ -25,20 +25,20 @@ function $parcel$interopDefault(a) {
 
 const $fd98cf7cbf233429$var$MESSAGES = {
     keyboard: {
-        selected: "dragSelectedKeyboard",
-        notSelected: "dragDescriptionKeyboard"
+        selected: 'dragSelectedKeyboard',
+        notSelected: 'dragDescriptionKeyboard'
     },
     touch: {
-        selected: "dragSelectedLongPress",
-        notSelected: "dragDescriptionLongPress"
+        selected: 'dragSelectedLongPress',
+        notSelected: 'dragDescriptionLongPress'
     },
     virtual: {
-        selected: "dragDescriptionVirtual",
-        notSelected: "dragDescriptionVirtual"
+        selected: 'dragDescriptionVirtual',
+        notSelected: 'dragDescriptionVirtual'
     }
 };
 function $fd98cf7cbf233429$export$b35afafff42da2d9(props, state) {
-    let stringFormatter = (0, $91Fvt$useLocalizedStringFormatter)((0, ($parcel$interopDefault($91Fvt$intlStringsmodulejs))), "@react-aria/dnd");
+    let stringFormatter = (0, $91Fvt$useLocalizedStringFormatter)((0, ($parcel$interopDefault($91Fvt$intlStringsmodulejs))), '@react-aria/dnd');
     let isDisabled = state.isDisabled || state.selectionManager.isDisabled(props.key);
     let { dragProps: dragProps, dragButtonProps: dragButtonProps } = (0, $8253ed7ece74b463$export$7941f8aafa4b6021)({
         getItems () {
@@ -57,7 +57,7 @@ function $fd98cf7cbf233429$export$b35afafff42da2d9(props, state) {
         },
         onDragEnd (e) {
             let { dropOperation: dropOperation } = e;
-            let isInternal = dropOperation === "cancel" ? false : (0, $7252cd45fc48c07c$export$78bf638634500fa5)();
+            let isInternal = dropOperation === 'cancel' ? false : (0, $7252cd45fc48c07c$export$78bf638634500fa5)();
             state.endDrag({
                 ...e,
                 keys: state.draggingKeys,
@@ -73,9 +73,9 @@ function $fd98cf7cbf233429$export$b35afafff42da2d9(props, state) {
     let description;
     // Override description to include selected item count.
     let modality = (0, $7252cd45fc48c07c$export$49bac5d6d4b352ea)();
-    if (!props.hasDragButton && state.selectionManager.selectionMode !== "none") {
-        let msg = $fd98cf7cbf233429$var$MESSAGES[modality][isSelected ? "selected" : "notSelected"];
-        if (props.hasAction && modality === "keyboard") msg += "Alt";
+    if (!props.hasDragButton && state.selectionManager.selectionMode !== 'none') {
+        let msg = $fd98cf7cbf233429$var$MESSAGES[modality][isSelected ? 'selected' : 'notSelected'];
+        if (props.hasAction && modality === 'keyboard') msg += 'Alt';
         if (isSelected) description = stringFormatter.format(msg, {
             count: numKeysForDrag
         });
@@ -83,14 +83,14 @@ function $fd98cf7cbf233429$export$b35afafff42da2d9(props, state) {
         // Remove the onClick handler from useDrag. Long pressing will be required on touch devices,
         // and NVDA/JAWS are always in forms mode within collection components.
         delete dragProps.onClick;
-    } else if (isSelected) dragButtonLabel = stringFormatter.format("dragSelectedItems", {
+    } else if (isSelected) dragButtonLabel = stringFormatter.format('dragSelectedItems', {
         count: numKeysForDrag
     });
     else {
         var _state_collection_getTextValue, _state_collection;
         var _state_collection_getTextValue1, _ref;
-        let itemText = (_ref = (_state_collection_getTextValue1 = (_state_collection_getTextValue = (_state_collection = state.collection).getTextValue) === null || _state_collection_getTextValue === void 0 ? void 0 : _state_collection_getTextValue.call(_state_collection, props.key)) !== null && _state_collection_getTextValue1 !== void 0 ? _state_collection_getTextValue1 : item === null || item === void 0 ? void 0 : item.textValue) !== null && _ref !== void 0 ? _ref : "";
-        dragButtonLabel = stringFormatter.format("dragItem", {
+        let itemText = (_ref = (_state_collection_getTextValue1 = (_state_collection_getTextValue = (_state_collection = state.collection).getTextValue) === null || _state_collection_getTextValue === void 0 ? void 0 : _state_collection_getTextValue.call(_state_collection, props.key)) !== null && _state_collection_getTextValue1 !== void 0 ? _state_collection_getTextValue1 : item === null || item === void 0 ? void 0 : item.textValue) !== null && _ref !== void 0 ? _ref : '';
+        dragButtonLabel = stringFormatter.format('dragItem', {
             itemText: itemText
         });
     }
@@ -98,8 +98,8 @@ function $fd98cf7cbf233429$export$b35afafff42da2d9(props, state) {
     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"];
+        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 === null || onKeyDownCapture === void 0 ? void 0 : onKeyDownCapture(e);
@@ -113,7 +113,7 @@ function $fd98cf7cbf233429$export$b35afafff42da2d9(props, state) {
         dragButtonProps: {
             ...dragButtonProps,
             isDisabled: isDisabled,
-            "aria-label": dragButtonLabel
+            'aria-label': dragButtonLabel
         }
     };
 }