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

package/dist/useDraggableItem.module.js

@@ -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
         }
     };
 }

package/dist/useDrop.main.js

@@ -35,16 +35,16 @@ function $1ca228bc9257ca16$export$ccdee5eaf73cf661(options) {
         x: 0,
         y: 0,
         dragOverElements: new Set(),
-        dropEffect: "none",
+        dropEffect: 'none',
         allowedOperations: (0, $76b1e110a27b1ccd$exports.DROP_OPERATION).all,
         dropActivateTimer: null
     }).current;
     let fireDropEnter = (e)=>{
         setDropTarget(true);
-        if (typeof options.onDropEnter === "function") {
+        if (typeof options.onDropEnter === 'function') {
             let rect = e.currentTarget.getBoundingClientRect();
             options.onDropEnter({
-                type: "dropenter",
+                type: 'dropenter',
                 x: e.clientX - rect.x,
                 y: e.clientY - rect.y
             });
@@ -52,10 +52,10 @@ function $1ca228bc9257ca16$export$ccdee5eaf73cf661(options) {
     };
     let fireDropExit = (e)=>{
         setDropTarget(false);
-        if (typeof options.onDropExit === "function") {
+        if (typeof options.onDropExit === 'function') {
             let rect = e.currentTarget.getBoundingClientRect();
             options.onDropExit({
-                type: "dropexit",
+                type: 'dropexit',
                 x: e.clientX - rect.x,
                 y: e.clientY - rect.y
             });
@@ -76,37 +76,37 @@ function $1ca228bc9257ca16$export$ccdee5eaf73cf661(options) {
         if (allowedOperations !== state.allowedOperations) {
             let allowedOps = $1ca228bc9257ca16$var$allowedOperationsToArray(allowedOperations);
             let dropOperation = allowedOps[0];
-            if (typeof options.getDropOperation === "function") {
+            if (typeof options.getDropOperation === 'function') {
                 let types = new (0, $4620ae0dc40f0031$exports.DragTypes)(e.dataTransfer);
                 dropOperation = $1ca228bc9257ca16$var$getDropOperation(allowedOperations, options.getDropOperation(types, allowedOps));
             }
-            state.dropEffect = (0, $76b1e110a27b1ccd$exports.DROP_OPERATION_TO_DROP_EFFECT)[dropOperation] || "none";
+            state.dropEffect = (0, $76b1e110a27b1ccd$exports.DROP_OPERATION_TO_DROP_EFFECT)[dropOperation] || 'none';
         }
-        if (typeof options.getDropOperationForPoint === "function") {
+        if (typeof options.getDropOperationForPoint === 'function') {
             let types = new (0, $4620ae0dc40f0031$exports.DragTypes)(e.dataTransfer);
             let rect = e.currentTarget.getBoundingClientRect();
             let dropOperation = $1ca228bc9257ca16$var$getDropOperation(allowedOperations, options.getDropOperationForPoint(types, $1ca228bc9257ca16$var$allowedOperationsToArray(allowedOperations), state.x - rect.x, state.y - rect.y));
-            state.dropEffect = (0, $76b1e110a27b1ccd$exports.DROP_OPERATION_TO_DROP_EFFECT)[dropOperation] || "none";
+            state.dropEffect = (0, $76b1e110a27b1ccd$exports.DROP_OPERATION_TO_DROP_EFFECT)[dropOperation] || 'none';
         }
         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);
-        else if (state.dropEffect !== "none" && prevDropEffect === "none") fireDropEnter(e);
-        if (typeof options.onDropMove === "function" && state.dropEffect !== "none") {
+        if (state.dropEffect === 'none' && prevDropEffect !== 'none') fireDropExit(e);
+        else if (state.dropEffect !== 'none' && prevDropEffect === 'none') fireDropEnter(e);
+        if (typeof options.onDropMove === 'function' && state.dropEffect !== 'none') {
             let rect = e.currentTarget.getBoundingClientRect();
             options.onDropMove({
-                type: "dropmove",
+                type: 'dropmove',
                 x: state.x - rect.x,
                 y: state.y - rect.y
             });
         }
         clearTimeout(state.dropActivateTimer);
-        if (typeof options.onDropActivate === "function" && state.dropEffect !== "none") {
+        if (typeof options.onDropActivate === 'function' && state.dropEffect !== 'none') {
             let rect = e.currentTarget.getBoundingClientRect();
             state.dropActivateTimer = setTimeout(()=>{
                 options.onDropActivate({
-                    type: "dropactivate",
+                    type: 'dropactivate',
                     x: state.x - rect.x,
                     y: state.y - rect.y
                 });
@@ -121,11 +121,11 @@ function $1ca228bc9257ca16$export$ccdee5eaf73cf661(options) {
         let allowedOperationsBits = $1ca228bc9257ca16$var$getAllowedOperations(e);
         let allowedOperations = $1ca228bc9257ca16$var$allowedOperationsToArray(allowedOperationsBits);
         let dropOperation = allowedOperations[0];
-        if (typeof options.getDropOperation === "function") {
+        if (typeof options.getDropOperation === 'function') {
             let types = new (0, $4620ae0dc40f0031$exports.DragTypes)(e.dataTransfer);
             dropOperation = $1ca228bc9257ca16$var$getDropOperation(allowedOperationsBits, options.getDropOperation(types, allowedOperations));
         }
-        if (typeof options.getDropOperationForPoint === "function") {
+        if (typeof options.getDropOperationForPoint === 'function') {
             let types = new (0, $4620ae0dc40f0031$exports.DragTypes)(e.dataTransfer);
             let rect = e.currentTarget.getBoundingClientRect();
             dropOperation = $1ca228bc9257ca16$var$getDropOperation(allowedOperationsBits, options.getDropOperationForPoint(types, allowedOperations, e.clientX - rect.x, e.clientY - rect.y));
@@ -133,9 +133,9 @@ function $1ca228bc9257ca16$export$ccdee5eaf73cf661(options) {
         state.x = e.clientX;
         state.y = e.clientY;
         state.allowedOperations = allowedOperationsBits;
-        state.dropEffect = (0, $76b1e110a27b1ccd$exports.DROP_OPERATION_TO_DROP_EFFECT)[dropOperation] || "none";
+        state.dropEffect = (0, $76b1e110a27b1ccd$exports.DROP_OPERATION_TO_DROP_EFFECT)[dropOperation] || 'none';
         e.dataTransfer.dropEffect = state.dropEffect;
-        if (dropOperation !== "cancel") fireDropEnter(e);
+        if (dropOperation !== 'cancel') fireDropEnter(e);
     };
     let onDragLeave = (e)=>{
         e.preventDefault();
@@ -150,7 +150,7 @@ function $1ca228bc9257ca16$export$ccdee5eaf73cf661(options) {
         state.dragOverElements.delete(e.target);
         for (let element of state.dragOverElements)if (!e.currentTarget.contains(element)) state.dragOverElements.delete(element);
         if (state.dragOverElements.size > 0) return;
-        if (state.dropEffect !== "none") fireDropExit(e);
+        if (state.dropEffect !== 'none') fireDropExit(e);
         clearTimeout(state.dropActivateTimer);
     };
     let onDrop = (e)=>{
@@ -159,12 +159,12 @@ function $1ca228bc9257ca16$export$ccdee5eaf73cf661(options) {
         // Track drop effect in global state for Chrome Android. https://bugs.chromium.org/p/chromium/issues/detail?id=1353951
         // Android onDragEnd always returns "none" as its drop effect.
         (0, $4620ae0dc40f0031$exports.setGlobalDropEffect)(state.dropEffect);
-        if (typeof options.onDrop === "function") {
+        if (typeof options.onDrop === 'function') {
             let dropOperation = (0, $76b1e110a27b1ccd$exports.DROP_EFFECT_TO_DROP_OPERATION)[state.dropEffect];
             let items = (0, $4620ae0dc40f0031$exports.readFromDataTransfer)(e.dataTransfer);
             let rect = e.currentTarget.getBoundingClientRect();
             let event = {
-                type: "drop",
+                type: 'drop',
                 x: e.clientX - rect.x,
                 y: e.clientY - rect.y,
                 items: items,
@@ -186,16 +186,16 @@ function $1ca228bc9257ca16$export$ccdee5eaf73cf661(options) {
         (0, $4620ae0dc40f0031$exports.setGlobalDnDState)(dndStateSnapshot);
     };
     let onDropEnter = (0, $AO99w$reactariautils.useEffectEvent)((e)=>{
-        if (typeof options.onDropEnter === "function") options.onDropEnter(e);
+        if (typeof options.onDropEnter === 'function') options.onDropEnter(e);
     });
     let onDropExit = (0, $AO99w$reactariautils.useEffectEvent)((e)=>{
-        if (typeof options.onDropExit === "function") options.onDropExit(e);
+        if (typeof options.onDropExit === 'function') options.onDropExit(e);
     });
     let onDropActivate = (0, $AO99w$reactariautils.useEffectEvent)((e)=>{
-        if (typeof options.onDropActivate === "function") options.onDropActivate(e);
+        if (typeof options.onDropActivate === 'function') options.onDropActivate(e);
     });
     let onKeyboardDrop = (0, $AO99w$reactariautils.useEffectEvent)((e)=>{
-        if (typeof options.onDrop === "function") options.onDrop(e);
+        if (typeof options.onDrop === 'function') options.onDrop(e);
     });
     let getDropOperationKeyboard = (0, $AO99w$reactariautils.useEffectEvent)((types, allowedOperations)=>{
         if (options.getDropOperation) return options.getDropOperation(types, allowedOperations);
@@ -285,14 +285,14 @@ function $1ca228bc9257ca16$var$getAllowedOperations(e) {
 }
 function $1ca228bc9257ca16$var$allowedOperationsToArray(allowedOperationsBits) {
     let allowedOperations = [];
-    if (allowedOperationsBits & (0, $76b1e110a27b1ccd$exports.DROP_OPERATION).move) allowedOperations.push("move");
-    if (allowedOperationsBits & (0, $76b1e110a27b1ccd$exports.DROP_OPERATION).copy) allowedOperations.push("copy");
-    if (allowedOperationsBits & (0, $76b1e110a27b1ccd$exports.DROP_OPERATION).link) allowedOperations.push("link");
+    if (allowedOperationsBits & (0, $76b1e110a27b1ccd$exports.DROP_OPERATION).move) allowedOperations.push('move');
+    if (allowedOperationsBits & (0, $76b1e110a27b1ccd$exports.DROP_OPERATION).copy) allowedOperations.push('copy');
+    if (allowedOperationsBits & (0, $76b1e110a27b1ccd$exports.DROP_OPERATION).link) allowedOperations.push('link');
     return allowedOperations;
 }
 function $1ca228bc9257ca16$var$getDropOperation(allowedOperations, operation) {
     let op = (0, $76b1e110a27b1ccd$exports.DROP_OPERATION)[operation];
-    return allowedOperations & op ? operation : "cancel";
+    return allowedOperations & op ? operation : 'cancel';
 }
 
 

package/dist/useDrop.mjs

@@ -29,16 +29,16 @@ function $5c06e4929e123553$export$ccdee5eaf73cf661(options) {
         x: 0,
         y: 0,
         dragOverElements: new Set(),
-        dropEffect: "none",
+        dropEffect: 'none',
         allowedOperations: (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).all,
         dropActivateTimer: null
     }).current;
     let fireDropEnter = (e)=>{
         setDropTarget(true);
-        if (typeof options.onDropEnter === "function") {
+        if (typeof options.onDropEnter === 'function') {
             let rect = e.currentTarget.getBoundingClientRect();
             options.onDropEnter({
-                type: "dropenter",
+                type: 'dropenter',
                 x: e.clientX - rect.x,
                 y: e.clientY - rect.y
             });
@@ -46,10 +46,10 @@ function $5c06e4929e123553$export$ccdee5eaf73cf661(options) {
     };
     let fireDropExit = (e)=>{
         setDropTarget(false);
-        if (typeof options.onDropExit === "function") {
+        if (typeof options.onDropExit === 'function') {
             let rect = e.currentTarget.getBoundingClientRect();
             options.onDropExit({
-                type: "dropexit",
+                type: 'dropexit',
                 x: e.clientX - rect.x,
                 y: e.clientY - rect.y
             });
@@ -70,37 +70,37 @@ function $5c06e4929e123553$export$ccdee5eaf73cf661(options) {
         if (allowedOperations !== state.allowedOperations) {
             let allowedOps = $5c06e4929e123553$var$allowedOperationsToArray(allowedOperations);
             let dropOperation = allowedOps[0];
-            if (typeof options.getDropOperation === "function") {
+            if (typeof options.getDropOperation === 'function') {
                 let types = new (0, $7252cd45fc48c07c$export$7f04ce188c91447c)(e.dataTransfer);
                 dropOperation = $5c06e4929e123553$var$getDropOperation(allowedOperations, options.getDropOperation(types, allowedOps));
             }
-            state.dropEffect = (0, $103790afe9474d1c$export$5eacb0769d26d3b2)[dropOperation] || "none";
+            state.dropEffect = (0, $103790afe9474d1c$export$5eacb0769d26d3b2)[dropOperation] || 'none';
         }
-        if (typeof options.getDropOperationForPoint === "function") {
+        if (typeof options.getDropOperationForPoint === 'function') {
             let types = new (0, $7252cd45fc48c07c$export$7f04ce188c91447c)(e.dataTransfer);
             let rect = e.currentTarget.getBoundingClientRect();
             let dropOperation = $5c06e4929e123553$var$getDropOperation(allowedOperations, options.getDropOperationForPoint(types, $5c06e4929e123553$var$allowedOperationsToArray(allowedOperations), state.x - rect.x, state.y - rect.y));
-            state.dropEffect = (0, $103790afe9474d1c$export$5eacb0769d26d3b2)[dropOperation] || "none";
+            state.dropEffect = (0, $103790afe9474d1c$export$5eacb0769d26d3b2)[dropOperation] || 'none';
         }
         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);
-        else if (state.dropEffect !== "none" && prevDropEffect === "none") fireDropEnter(e);
-        if (typeof options.onDropMove === "function" && state.dropEffect !== "none") {
+        if (state.dropEffect === 'none' && prevDropEffect !== 'none') fireDropExit(e);
+        else if (state.dropEffect !== 'none' && prevDropEffect === 'none') fireDropEnter(e);
+        if (typeof options.onDropMove === 'function' && state.dropEffect !== 'none') {
             let rect = e.currentTarget.getBoundingClientRect();
             options.onDropMove({
-                type: "dropmove",
+                type: 'dropmove',
                 x: state.x - rect.x,
                 y: state.y - rect.y
             });
         }
         clearTimeout(state.dropActivateTimer);
-        if (typeof options.onDropActivate === "function" && state.dropEffect !== "none") {
+        if (typeof options.onDropActivate === 'function' && state.dropEffect !== 'none') {
             let rect = e.currentTarget.getBoundingClientRect();
             state.dropActivateTimer = setTimeout(()=>{
                 options.onDropActivate({
-                    type: "dropactivate",
+                    type: 'dropactivate',
                     x: state.x - rect.x,
                     y: state.y - rect.y
                 });
@@ -115,11 +115,11 @@ function $5c06e4929e123553$export$ccdee5eaf73cf661(options) {
         let allowedOperationsBits = $5c06e4929e123553$var$getAllowedOperations(e);
         let allowedOperations = $5c06e4929e123553$var$allowedOperationsToArray(allowedOperationsBits);
         let dropOperation = allowedOperations[0];
-        if (typeof options.getDropOperation === "function") {
+        if (typeof options.getDropOperation === 'function') {
             let types = new (0, $7252cd45fc48c07c$export$7f04ce188c91447c)(e.dataTransfer);
             dropOperation = $5c06e4929e123553$var$getDropOperation(allowedOperationsBits, options.getDropOperation(types, allowedOperations));
         }
-        if (typeof options.getDropOperationForPoint === "function") {
+        if (typeof options.getDropOperationForPoint === 'function') {
             let types = new (0, $7252cd45fc48c07c$export$7f04ce188c91447c)(e.dataTransfer);
             let rect = e.currentTarget.getBoundingClientRect();
             dropOperation = $5c06e4929e123553$var$getDropOperation(allowedOperationsBits, options.getDropOperationForPoint(types, allowedOperations, e.clientX - rect.x, e.clientY - rect.y));
@@ -127,9 +127,9 @@ function $5c06e4929e123553$export$ccdee5eaf73cf661(options) {
         state.x = e.clientX;
         state.y = e.clientY;
         state.allowedOperations = allowedOperationsBits;
-        state.dropEffect = (0, $103790afe9474d1c$export$5eacb0769d26d3b2)[dropOperation] || "none";
+        state.dropEffect = (0, $103790afe9474d1c$export$5eacb0769d26d3b2)[dropOperation] || 'none';
         e.dataTransfer.dropEffect = state.dropEffect;
-        if (dropOperation !== "cancel") fireDropEnter(e);
+        if (dropOperation !== 'cancel') fireDropEnter(e);
     };
     let onDragLeave = (e)=>{
         e.preventDefault();
@@ -144,7 +144,7 @@ function $5c06e4929e123553$export$ccdee5eaf73cf661(options) {
         state.dragOverElements.delete(e.target);
         for (let element of state.dragOverElements)if (!e.currentTarget.contains(element)) state.dragOverElements.delete(element);
         if (state.dragOverElements.size > 0) return;
-        if (state.dropEffect !== "none") fireDropExit(e);
+        if (state.dropEffect !== 'none') fireDropExit(e);
         clearTimeout(state.dropActivateTimer);
     };
     let onDrop = (e)=>{
@@ -153,12 +153,12 @@ function $5c06e4929e123553$export$ccdee5eaf73cf661(options) {
         // Track drop effect in global state for Chrome Android. https://bugs.chromium.org/p/chromium/issues/detail?id=1353951
         // Android onDragEnd always returns "none" as its drop effect.
         (0, $7252cd45fc48c07c$export$64f52ed7349ddb84)(state.dropEffect);
-        if (typeof options.onDrop === "function") {
+        if (typeof options.onDrop === 'function') {
             let dropOperation = (0, $103790afe9474d1c$export$608ecc6f1b23c35d)[state.dropEffect];
             let items = (0, $7252cd45fc48c07c$export$d9e760437831f8b3)(e.dataTransfer);
             let rect = e.currentTarget.getBoundingClientRect();
             let event = {
-                type: "drop",
+                type: 'drop',
                 x: e.clientX - rect.x,
                 y: e.clientY - rect.y,
                 items: items,
@@ -180,16 +180,16 @@ function $5c06e4929e123553$export$ccdee5eaf73cf661(options) {
         (0, $7252cd45fc48c07c$export$6c10d32b362bfa5f)(dndStateSnapshot);
     };
     let onDropEnter = (0, $j5n4S$useEffectEvent)((e)=>{
-        if (typeof options.onDropEnter === "function") options.onDropEnter(e);
+        if (typeof options.onDropEnter === 'function') options.onDropEnter(e);
     });
     let onDropExit = (0, $j5n4S$useEffectEvent)((e)=>{
-        if (typeof options.onDropExit === "function") options.onDropExit(e);
+        if (typeof options.onDropExit === 'function') options.onDropExit(e);
     });
     let onDropActivate = (0, $j5n4S$useEffectEvent)((e)=>{
-        if (typeof options.onDropActivate === "function") options.onDropActivate(e);
+        if (typeof options.onDropActivate === 'function') options.onDropActivate(e);
     });
     let onKeyboardDrop = (0, $j5n4S$useEffectEvent)((e)=>{
-        if (typeof options.onDrop === "function") options.onDrop(e);
+        if (typeof options.onDrop === 'function') options.onDrop(e);
     });
     let getDropOperationKeyboard = (0, $j5n4S$useEffectEvent)((types, allowedOperations)=>{
         if (options.getDropOperation) return options.getDropOperation(types, allowedOperations);
@@ -279,14 +279,14 @@ function $5c06e4929e123553$var$getAllowedOperations(e) {
 }
 function $5c06e4929e123553$var$allowedOperationsToArray(allowedOperationsBits) {
     let allowedOperations = [];
-    if (allowedOperationsBits & (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).move) allowedOperations.push("move");
-    if (allowedOperationsBits & (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).copy) allowedOperations.push("copy");
-    if (allowedOperationsBits & (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).link) allowedOperations.push("link");
+    if (allowedOperationsBits & (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).move) allowedOperations.push('move');
+    if (allowedOperationsBits & (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).copy) allowedOperations.push('copy');
+    if (allowedOperationsBits & (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).link) allowedOperations.push('link');
     return allowedOperations;
 }
 function $5c06e4929e123553$var$getDropOperation(allowedOperations, operation) {
     let op = (0, $103790afe9474d1c$export$60b7b4bcf3903d8e)[operation];
-    return allowedOperations & op ? operation : "cancel";
+    return allowedOperations & op ? operation : 'cancel';
 }
 
 

package/dist/useDrop.module.js

@@ -29,16 +29,16 @@ function $5c06e4929e123553$export$ccdee5eaf73cf661(options) {
         x: 0,
         y: 0,
         dragOverElements: new Set(),
-        dropEffect: "none",
+        dropEffect: 'none',
         allowedOperations: (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).all,
         dropActivateTimer: null
     }).current;
     let fireDropEnter = (e)=>{
         setDropTarget(true);
-        if (typeof options.onDropEnter === "function") {
+        if (typeof options.onDropEnter === 'function') {
             let rect = e.currentTarget.getBoundingClientRect();
             options.onDropEnter({
-                type: "dropenter",
+                type: 'dropenter',
                 x: e.clientX - rect.x,
                 y: e.clientY - rect.y
             });
@@ -46,10 +46,10 @@ function $5c06e4929e123553$export$ccdee5eaf73cf661(options) {
     };
     let fireDropExit = (e)=>{
         setDropTarget(false);
-        if (typeof options.onDropExit === "function") {
+        if (typeof options.onDropExit === 'function') {
             let rect = e.currentTarget.getBoundingClientRect();
             options.onDropExit({
-                type: "dropexit",
+                type: 'dropexit',
                 x: e.clientX - rect.x,
                 y: e.clientY - rect.y
             });
@@ -70,37 +70,37 @@ function $5c06e4929e123553$export$ccdee5eaf73cf661(options) {
         if (allowedOperations !== state.allowedOperations) {
             let allowedOps = $5c06e4929e123553$var$allowedOperationsToArray(allowedOperations);
             let dropOperation = allowedOps[0];
-            if (typeof options.getDropOperation === "function") {
+            if (typeof options.getDropOperation === 'function') {
                 let types = new (0, $7252cd45fc48c07c$export$7f04ce188c91447c)(e.dataTransfer);
                 dropOperation = $5c06e4929e123553$var$getDropOperation(allowedOperations, options.getDropOperation(types, allowedOps));
             }
-            state.dropEffect = (0, $103790afe9474d1c$export$5eacb0769d26d3b2)[dropOperation] || "none";
+            state.dropEffect = (0, $103790afe9474d1c$export$5eacb0769d26d3b2)[dropOperation] || 'none';
         }
-        if (typeof options.getDropOperationForPoint === "function") {
+        if (typeof options.getDropOperationForPoint === 'function') {
             let types = new (0, $7252cd45fc48c07c$export$7f04ce188c91447c)(e.dataTransfer);
             let rect = e.currentTarget.getBoundingClientRect();
             let dropOperation = $5c06e4929e123553$var$getDropOperation(allowedOperations, options.getDropOperationForPoint(types, $5c06e4929e123553$var$allowedOperationsToArray(allowedOperations), state.x - rect.x, state.y - rect.y));
-            state.dropEffect = (0, $103790afe9474d1c$export$5eacb0769d26d3b2)[dropOperation] || "none";
+            state.dropEffect = (0, $103790afe9474d1c$export$5eacb0769d26d3b2)[dropOperation] || 'none';
         }
         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);
-        else if (state.dropEffect !== "none" && prevDropEffect === "none") fireDropEnter(e);
-        if (typeof options.onDropMove === "function" && state.dropEffect !== "none") {
+        if (state.dropEffect === 'none' && prevDropEffect !== 'none') fireDropExit(e);
+        else if (state.dropEffect !== 'none' && prevDropEffect === 'none') fireDropEnter(e);
+        if (typeof options.onDropMove === 'function' && state.dropEffect !== 'none') {
             let rect = e.currentTarget.getBoundingClientRect();
             options.onDropMove({
-                type: "dropmove",
+                type: 'dropmove',
                 x: state.x - rect.x,
                 y: state.y - rect.y
             });
         }
         clearTimeout(state.dropActivateTimer);
-        if (typeof options.onDropActivate === "function" && state.dropEffect !== "none") {
+        if (typeof options.onDropActivate === 'function' && state.dropEffect !== 'none') {
             let rect = e.currentTarget.getBoundingClientRect();
             state.dropActivateTimer = setTimeout(()=>{
                 options.onDropActivate({
-                    type: "dropactivate",
+                    type: 'dropactivate',
                     x: state.x - rect.x,
                     y: state.y - rect.y
                 });
@@ -115,11 +115,11 @@ function $5c06e4929e123553$export$ccdee5eaf73cf661(options) {
         let allowedOperationsBits = $5c06e4929e123553$var$getAllowedOperations(e);
         let allowedOperations = $5c06e4929e123553$var$allowedOperationsToArray(allowedOperationsBits);
         let dropOperation = allowedOperations[0];
-        if (typeof options.getDropOperation === "function") {
+        if (typeof options.getDropOperation === 'function') {
             let types = new (0, $7252cd45fc48c07c$export$7f04ce188c91447c)(e.dataTransfer);
             dropOperation = $5c06e4929e123553$var$getDropOperation(allowedOperationsBits, options.getDropOperation(types, allowedOperations));
         }
-        if (typeof options.getDropOperationForPoint === "function") {
+        if (typeof options.getDropOperationForPoint === 'function') {
             let types = new (0, $7252cd45fc48c07c$export$7f04ce188c91447c)(e.dataTransfer);
             let rect = e.currentTarget.getBoundingClientRect();
             dropOperation = $5c06e4929e123553$var$getDropOperation(allowedOperationsBits, options.getDropOperationForPoint(types, allowedOperations, e.clientX - rect.x, e.clientY - rect.y));
@@ -127,9 +127,9 @@ function $5c06e4929e123553$export$ccdee5eaf73cf661(options) {
         state.x = e.clientX;
         state.y = e.clientY;
         state.allowedOperations = allowedOperationsBits;
-        state.dropEffect = (0, $103790afe9474d1c$export$5eacb0769d26d3b2)[dropOperation] || "none";
+        state.dropEffect = (0, $103790afe9474d1c$export$5eacb0769d26d3b2)[dropOperation] || 'none';
         e.dataTransfer.dropEffect = state.dropEffect;
-        if (dropOperation !== "cancel") fireDropEnter(e);
+        if (dropOperation !== 'cancel') fireDropEnter(e);
     };
     let onDragLeave = (e)=>{
         e.preventDefault();
@@ -144,7 +144,7 @@ function $5c06e4929e123553$export$ccdee5eaf73cf661(options) {
         state.dragOverElements.delete(e.target);
         for (let element of state.dragOverElements)if (!e.currentTarget.contains(element)) state.dragOverElements.delete(element);
         if (state.dragOverElements.size > 0) return;
-        if (state.dropEffect !== "none") fireDropExit(e);
+        if (state.dropEffect !== 'none') fireDropExit(e);
         clearTimeout(state.dropActivateTimer);
     };
     let onDrop = (e)=>{
@@ -153,12 +153,12 @@ function $5c06e4929e123553$export$ccdee5eaf73cf661(options) {
         // Track drop effect in global state for Chrome Android. https://bugs.chromium.org/p/chromium/issues/detail?id=1353951
         // Android onDragEnd always returns "none" as its drop effect.
         (0, $7252cd45fc48c07c$export$64f52ed7349ddb84)(state.dropEffect);
-        if (typeof options.onDrop === "function") {
+        if (typeof options.onDrop === 'function') {
             let dropOperation = (0, $103790afe9474d1c$export$608ecc6f1b23c35d)[state.dropEffect];
             let items = (0, $7252cd45fc48c07c$export$d9e760437831f8b3)(e.dataTransfer);
             let rect = e.currentTarget.getBoundingClientRect();
             let event = {
-                type: "drop",
+                type: 'drop',
                 x: e.clientX - rect.x,
                 y: e.clientY - rect.y,
                 items: items,
@@ -180,16 +180,16 @@ function $5c06e4929e123553$export$ccdee5eaf73cf661(options) {
         (0, $7252cd45fc48c07c$export$6c10d32b362bfa5f)(dndStateSnapshot);
     };
     let onDropEnter = (0, $j5n4S$useEffectEvent)((e)=>{
-        if (typeof options.onDropEnter === "function") options.onDropEnter(e);
+        if (typeof options.onDropEnter === 'function') options.onDropEnter(e);
     });
     let onDropExit = (0, $j5n4S$useEffectEvent)((e)=>{
-        if (typeof options.onDropExit === "function") options.onDropExit(e);
+        if (typeof options.onDropExit === 'function') options.onDropExit(e);
     });
     let onDropActivate = (0, $j5n4S$useEffectEvent)((e)=>{
-        if (typeof options.onDropActivate === "function") options.onDropActivate(e);
+        if (typeof options.onDropActivate === 'function') options.onDropActivate(e);
     });
     let onKeyboardDrop = (0, $j5n4S$useEffectEvent)((e)=>{
-        if (typeof options.onDrop === "function") options.onDrop(e);
+        if (typeof options.onDrop === 'function') options.onDrop(e);
     });
     let getDropOperationKeyboard = (0, $j5n4S$useEffectEvent)((types, allowedOperations)=>{
         if (options.getDropOperation) return options.getDropOperation(types, allowedOperations);
@@ -279,14 +279,14 @@ function $5c06e4929e123553$var$getAllowedOperations(e) {
 }
 function $5c06e4929e123553$var$allowedOperationsToArray(allowedOperationsBits) {
     let allowedOperations = [];
-    if (allowedOperationsBits & (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).move) allowedOperations.push("move");
-    if (allowedOperationsBits & (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).copy) allowedOperations.push("copy");
-    if (allowedOperationsBits & (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).link) allowedOperations.push("link");
+    if (allowedOperationsBits & (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).move) allowedOperations.push('move');
+    if (allowedOperationsBits & (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).copy) allowedOperations.push('copy');
+    if (allowedOperationsBits & (0, $103790afe9474d1c$export$60b7b4bcf3903d8e).link) allowedOperations.push('link');
     return allowedOperations;
 }
 function $5c06e4929e123553$var$getDropOperation(allowedOperations, operation) {
     let op = (0, $103790afe9474d1c$export$60b7b4bcf3903d8e)[operation];
-    return allowedOperations & op ? operation : "cancel";
+    return allowedOperations & op ? operation : 'cancel';
 }