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

package/dist/useDroppableCollection.mjs

@@ -26,14 +26,14 @@ import {useLocale as $4ZR0C$useLocale} from "@react-aria/i18n";
 
 
 const $4b52e4eff84e5217$var$DROP_POSITIONS = [
-    "before",
-    "on",
-    "after"
+    'before',
+    'on',
+    'after'
 ];
 const $4b52e4eff84e5217$var$DROP_POSITIONS_RTL = [
-    "after",
-    "on",
-    "before"
+    'after',
+    'on',
+    'before'
 ];
 function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
     let localState = (0, $4ZR0C$useRef)({
@@ -45,40 +45,40 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
     localState.props = props;
     localState.state = state;
     let defaultOnDrop = (0, $4ZR0C$useCallback)(async (e)=>{
-        let { onInsert: onInsert, onRootDrop: onRootDrop, onItemDrop: onItemDrop, onReorder: onReorder, acceptedDragTypes: acceptedDragTypes = "all", shouldAcceptItemDrop: shouldAcceptItemDrop } = localState.props;
+        let { onInsert: onInsert, onRootDrop: onRootDrop, onItemDrop: onItemDrop, onReorder: onReorder, acceptedDragTypes: acceptedDragTypes = 'all', shouldAcceptItemDrop: shouldAcceptItemDrop } = localState.props;
         let { draggingKeys: draggingKeys } = (0, $7252cd45fc48c07c$export$6ca6700462636d0b);
         let isInternal = (0, $7252cd45fc48c07c$export$78bf638634500fa5)(ref);
         let { target: target, dropOperation: dropOperation, items: items } = e;
         let filteredItems = items;
-        if (acceptedDragTypes !== "all" || shouldAcceptItemDrop) filteredItems = items.filter((item)=>{
+        if (acceptedDragTypes !== 'all' || shouldAcceptItemDrop) filteredItems = items.filter((item)=>{
             let itemTypes;
-            if (item.kind === "directory") itemTypes = new Set([
+            if (item.kind === 'directory') itemTypes = new Set([
                 (0, $7252cd45fc48c07c$export$990fced5dfac2637)
             ]);
-            else itemTypes = item.kind === "file" ? new Set([
+            else itemTypes = item.kind === 'file' ? new Set([
                 item.type
             ]) : item.types;
-            if (acceptedDragTypes === "all" || acceptedDragTypes.some((type)=>itemTypes.has(type))) {
+            if (acceptedDragTypes === 'all' || acceptedDragTypes.some((type)=>itemTypes.has(type))) {
                 // If we are performing a on item drop, check if the item in question accepts the dropped item since the item may have heavier restrictions
                 // than the droppable collection itself
-                if (target.type === "item" && target.dropPosition === "on" && shouldAcceptItemDrop) return shouldAcceptItemDrop(target, itemTypes);
+                if (target.type === 'item' && target.dropPosition === 'on' && shouldAcceptItemDrop) return shouldAcceptItemDrop(target, itemTypes);
                 return true;
             }
             return false;
         });
         if (filteredItems.length > 0) {
-            if (target.type === "root" && onRootDrop) await onRootDrop({
+            if (target.type === 'root' && onRootDrop) await onRootDrop({
                 items: filteredItems,
                 dropOperation: dropOperation
             });
-            if (target.type === "item") {
-                if (target.dropPosition === "on" && onItemDrop) await onItemDrop({
+            if (target.type === 'item') {
+                if (target.dropPosition === 'on' && onItemDrop) await onItemDrop({
                     items: filteredItems,
                     dropOperation: dropOperation,
                     isInternal: isInternal,
                     target: target
                 });
-                if (target.dropPosition !== "on") {
+                if (target.dropPosition !== 'on') {
                     if (!isInternal && onInsert) await onInsert({
                         items: filteredItems,
                         dropOperation: dropOperation,
@@ -115,12 +115,12 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
                     allowedOperations: allowedOperations,
                     isInternal: isInternal,
                     draggingKeys: draggingKeys
-                }) !== "cancel";
+                }) !== 'cancel';
             let target = props.dropTargetDelegate.getDropTargetFromPoint(x, y, isValidDropTarget);
             if (!target) {
-                localState.dropOperation = "cancel";
+                localState.dropOperation = 'cancel';
                 localState.nextTarget = null;
-                return "cancel";
+                return 'cancel';
             }
             localState.dropOperation = state.getDropOperation({
                 target: target,
@@ -130,9 +130,9 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
                 draggingKeys: draggingKeys
             });
             // If the target doesn't accept the drop, see if the root accepts it instead.
-            if (localState.dropOperation === "cancel") {
+            if (localState.dropOperation === 'cancel') {
                 let rootTarget = {
-                    type: "root"
+                    type: 'root'
                 };
                 let dropOperation = state.getDropOperation({
                     target: rootTarget,
@@ -141,15 +141,15 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
                     isInternal: isInternal,
                     draggingKeys: draggingKeys
                 });
-                if (dropOperation !== "cancel") {
+                if (dropOperation !== 'cancel') {
                     target = rootTarget;
                     localState.dropOperation = dropOperation;
                 }
             }
             // Only set dropCollectionRef if there is a valid drop target since we cleanup dropCollectionRef in onDropExit
             // which only runs when leaving a valid drop target or if the dropEffect become none (mouse dnd only).
-            if (target && localState.dropOperation !== "cancel" && (ref === null || ref === void 0 ? void 0 : ref.current) !== (dropCollectionRef === null || dropCollectionRef === void 0 ? void 0 : dropCollectionRef.current)) (0, $7252cd45fc48c07c$export$dac8db29d42db9a1)(ref);
-            localState.nextTarget = localState.dropOperation === "cancel" ? null : target;
+            if (target && localState.dropOperation !== 'cancel' && (ref === null || ref === void 0 ? void 0 : ref.current) !== (dropCollectionRef === null || dropCollectionRef === void 0 ? void 0 : dropCollectionRef.current)) (0, $7252cd45fc48c07c$export$dac8db29d42db9a1)(ref);
+            localState.nextTarget = localState.dropOperation === 'cancel' ? null : target;
             return localState.dropOperation;
         },
         onDropExit () {
@@ -159,8 +159,8 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
         },
         onDropActivate (e) {
             var _state_target, _state_target1;
-            if (((_state_target = state.target) === null || _state_target === void 0 ? void 0 : _state_target.type) === "item" && ((_state_target1 = state.target) === null || _state_target1 === void 0 ? void 0 : _state_target1.dropPosition) === "on" && typeof props.onDropActivate === "function") props.onDropActivate({
-                type: "dropactivate",
+            if (((_state_target = state.target) === null || _state_target === void 0 ? void 0 : _state_target.type) === 'item' && ((_state_target1 = state.target) === null || _state_target1 === void 0 ? void 0 : _state_target1.dropPosition) === 'on' && typeof props.onDropActivate === 'function') props.onDropActivate({
+                type: 'dropactivate',
                 x: e.x,
                 y: e.y,
                 target: state.target
@@ -196,7 +196,7 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
         };
         let onDropFn = localState.props.onDrop || defaultOnDrop;
         onDropFn({
-            type: "drop",
+            type: 'drop',
             x: e.x,
             y: e.y,
             target: target,
@@ -212,11 +212,11 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
             // focus that item and show the focus ring to give the user feedback that the drop occurred.
             // Also show the focus ring if the focused key is not selected, e.g. in case of a reorder.
             let { state: state } = localState;
-            if (target.type === "item" && target.dropPosition === "on" && state.collection.getItem(target.key) != null) {
+            if (target.type === 'item' && target.dropPosition === 'on' && state.collection.getItem(target.key) != null) {
                 state.selectionManager.setFocusedKey(target.key);
                 state.selectionManager.setFocused(true);
-                (0, $4ZR0C$setInteractionModality)("keyboard");
-            } else if (!state.selectionManager.isSelected(focusedKey)) (0, $4ZR0C$setInteractionModality)("keyboard");
+                (0, $4ZR0C$setInteractionModality)('keyboard');
+            } else if (!state.selectionManager.isSelected(focusedKey)) (0, $4ZR0C$setInteractionModality)('keyboard');
             droppingState.current = null;
         }, 50);
     }, [
@@ -244,9 +244,9 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
                 let first = newKeys.keys().next().value;
                 let item = state.collection.getItem(first);
                 // If this is a cell, focus the parent row.
-                if ((item === null || item === void 0 ? void 0 : item.type) === "cell") first = item.parentKey;
+                if ((item === null || item === void 0 ? void 0 : item.type) === 'cell') first = item.parentKey;
                 state.selectionManager.setFocusedKey(first);
-                if (state.selectionManager.selectionMode === "none") (0, $4ZR0C$setInteractionModality)("keyboard");
+                if (state.selectionManager.selectionMode === 'none') (0, $4ZR0C$setInteractionModality)('keyboard');
             }
             droppingState.current = null;
         }
@@ -255,40 +255,40 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
     (0, $4ZR0C$useEffect)(()=>{
         let getNextTarget = (target, wrap = true, horizontal = false)=>{
             if (!target) return {
-                type: "root"
+                type: 'root'
             };
             let { keyboardDelegate: keyboardDelegate } = localState.props;
             let nextKey;
-            if ((target === null || target === void 0 ? void 0 : target.type) === "item") nextKey = horizontal ? keyboardDelegate.getKeyRightOf(target.key) : keyboardDelegate.getKeyBelow(target.key);
-            else nextKey = horizontal && direction === "rtl" ? keyboardDelegate.getLastKey() : keyboardDelegate.getFirstKey();
-            let dropPositions = horizontal && direction === "rtl" ? $4b52e4eff84e5217$var$DROP_POSITIONS_RTL : $4b52e4eff84e5217$var$DROP_POSITIONS;
+            if ((target === null || target === void 0 ? void 0 : target.type) === 'item') nextKey = horizontal ? keyboardDelegate.getKeyRightOf(target.key) : keyboardDelegate.getKeyBelow(target.key);
+            else nextKey = horizontal && direction === 'rtl' ? keyboardDelegate.getLastKey() : keyboardDelegate.getFirstKey();
+            let dropPositions = horizontal && direction === 'rtl' ? $4b52e4eff84e5217$var$DROP_POSITIONS_RTL : $4b52e4eff84e5217$var$DROP_POSITIONS;
             let dropPosition = dropPositions[0];
-            if (target.type === "item") {
+            if (target.type === 'item') {
                 // If the the keyboard delegate returned the next key in the collection,
                 // first try the other positions in the current key. Otherwise (e.g. in a grid layout),
                 // jump to the same drop position in the new key.
-                let nextCollectionKey = horizontal && direction === "rtl" ? localState.state.collection.getKeyBefore(target.key) : localState.state.collection.getKeyAfter(target.key);
+                let nextCollectionKey = horizontal && direction === 'rtl' ? localState.state.collection.getKeyBefore(target.key) : localState.state.collection.getKeyAfter(target.key);
                 if (nextKey == null || nextKey === nextCollectionKey) {
                     let positionIndex = dropPositions.indexOf(target.dropPosition);
                     let nextDropPosition = dropPositions[positionIndex + 1];
                     if (positionIndex < dropPositions.length - 1 && !(nextDropPosition === dropPositions[2] && nextKey != null)) return {
-                        type: "item",
+                        type: 'item',
                         key: target.key,
                         dropPosition: nextDropPosition
                     };
                     // If the last drop position was 'after', then 'before' on the next key is equivalent.
                     // Switch to 'on' instead.
-                    if (target.dropPosition === dropPositions[2]) dropPosition = "on";
+                    if (target.dropPosition === dropPositions[2]) dropPosition = 'on';
                 } else dropPosition = target.dropPosition;
             }
             if (nextKey == null) {
                 if (wrap) return {
-                    type: "root"
+                    type: 'root'
                 };
                 return null;
             }
             return {
-                type: "item",
+                type: 'item',
                 key: nextKey,
                 dropPosition: dropPosition
             };
@@ -296,36 +296,36 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
         let getPreviousTarget = (target, wrap = true, horizontal = false)=>{
             let { keyboardDelegate: keyboardDelegate } = localState.props;
             let nextKey;
-            if ((target === null || target === void 0 ? void 0 : target.type) === "item") nextKey = horizontal ? keyboardDelegate.getKeyLeftOf(target.key) : keyboardDelegate.getKeyAbove(target.key);
-            else nextKey = horizontal && direction === "rtl" ? keyboardDelegate.getFirstKey() : keyboardDelegate.getLastKey();
-            let dropPositions = horizontal && direction === "rtl" ? $4b52e4eff84e5217$var$DROP_POSITIONS_RTL : $4b52e4eff84e5217$var$DROP_POSITIONS;
-            let dropPosition = !target || target.type === "root" ? dropPositions[2] : "on";
-            if ((target === null || target === void 0 ? void 0 : target.type) === "item") {
+            if ((target === null || target === void 0 ? void 0 : target.type) === 'item') nextKey = horizontal ? keyboardDelegate.getKeyLeftOf(target.key) : keyboardDelegate.getKeyAbove(target.key);
+            else nextKey = horizontal && direction === 'rtl' ? keyboardDelegate.getFirstKey() : keyboardDelegate.getLastKey();
+            let dropPositions = horizontal && direction === 'rtl' ? $4b52e4eff84e5217$var$DROP_POSITIONS_RTL : $4b52e4eff84e5217$var$DROP_POSITIONS;
+            let dropPosition = !target || target.type === 'root' ? dropPositions[2] : 'on';
+            if ((target === null || target === void 0 ? void 0 : target.type) === 'item') {
                 // If the the keyboard delegate returned the previous key in the collection,
                 // first try the other positions in the current key. Otherwise (e.g. in a grid layout),
                 // jump to the same drop position in the new key.
-                let prevCollectionKey = horizontal && direction === "rtl" ? localState.state.collection.getKeyAfter(target.key) : localState.state.collection.getKeyBefore(target.key);
+                let prevCollectionKey = horizontal && direction === 'rtl' ? localState.state.collection.getKeyAfter(target.key) : localState.state.collection.getKeyBefore(target.key);
                 if (nextKey == null || nextKey === prevCollectionKey) {
                     let positionIndex = dropPositions.indexOf(target.dropPosition);
                     let nextDropPosition = dropPositions[positionIndex - 1];
                     if (positionIndex > 0 && nextDropPosition !== dropPositions[2]) return {
-                        type: "item",
+                        type: 'item',
                         key: target.key,
                         dropPosition: nextDropPosition
                     };
                     // If the last drop position was 'before', then 'after' on the previous key is equivalent.
                     // Switch to 'on' instead.
-                    if (target.dropPosition === dropPositions[0]) dropPosition = "on";
+                    if (target.dropPosition === dropPositions[0]) dropPosition = 'on';
                 } else dropPosition = target.dropPosition;
             }
             if (nextKey == null) {
                 if (wrap) return {
-                    type: "root"
+                    type: 'root'
                 };
                 return null;
             }
             return {
-                type: "item",
+                type: 'item',
                 key: nextKey,
                 dropPosition: dropPosition
             };
@@ -346,9 +346,9 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
                     isInternal: isInternal,
                     draggingKeys: draggingKeys
                 });
-                if (target.type === "root") seenRoot++;
-            }while (operation === "cancel" && !localState.state.isDropTarget(target) && seenRoot < 2);
-            if (operation === "cancel") return null;
+                if (target.type === 'root') seenRoot++;
+            }while (operation === 'cancel' && !localState.state.isDropTarget(target) && seenRoot < 2);
+            if (operation === 'cancel') return null;
             return target;
         };
         return $67560de7c78cb232$export$c28d9fb4a54e471a({
@@ -368,7 +368,7 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
                 // Check if any of the targets accept the drop.
                 // TODO: should we have a faster way of doing this or e.g. for pagination?
                 let target = nextValidTarget(null, types, allowedOperations, getNextTarget);
-                return target ? "move" : "cancel";
+                return target ? 'move' : 'cancel';
             },
             onDropEnter (e, drag) {
                 let types = (0, $7252cd45fc48c07c$export$e1d41611756c6326)(drag.items);
@@ -379,22 +379,22 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
                 // When entering the droppable collection for the first time, the default drop target
                 // is after the focused key.
                 let key = selectionManager.focusedKey;
-                let dropPosition = "after";
+                let dropPosition = 'after';
                 // If the focused key is a cell, get the parent item instead.
                 // For now, we assume that individual cells cannot be dropped on.
                 let item = localState.state.collection.getItem(key);
-                if ((item === null || item === void 0 ? void 0 : item.type) === "cell") key = item.parentKey;
+                if ((item === null || item === void 0 ? void 0 : item.type) === 'cell') key = item.parentKey;
                 // If the focused item is also selected, the default drop target is after the last selected item.
                 // But if the focused key is the first selected item, then default to before the first selected item.
                 // This is to make reordering lists slightly easier. If you select top down, we assume you want to
                 // move the items down. If you select bottom up, we assume you want to move the items up.
                 if (selectionManager.isSelected(key)) {
-                    if (selectionManager.selectedKeys.size > 1 && selectionManager.firstSelectedKey === key) dropPosition = "before";
+                    if (selectionManager.selectedKeys.size > 1 && selectionManager.firstSelectedKey === key) dropPosition = 'before';
                     else key = selectionManager.lastSelectedKey;
                 }
                 if (key != null) {
                     target = {
-                        type: "item",
+                        type: 'item',
                         key: key,
                         dropPosition: dropPosition
                     };
@@ -408,7 +408,7 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
                         allowedOperations: drag.allowedDropOperations,
                         isInternal: isInternal,
                         draggingKeys: draggingKeys
-                    }) === "cancel") target = (_nextValidTarget = nextValidTarget(target, types, drag.allowedDropOperations, getNextTarget, false)) !== null && _nextValidTarget !== void 0 ? _nextValidTarget : nextValidTarget(target, types, drag.allowedDropOperations, getPreviousTarget, false);
+                    }) === 'cancel') target = (_nextValidTarget = nextValidTarget(target, types, drag.allowedDropOperations, getNextTarget, false)) !== null && _nextValidTarget !== void 0 ? _nextValidTarget : nextValidTarget(target, types, drag.allowedDropOperations, getPreviousTarget, false);
                 }
                 // If no focused key, then start from the root.
                 if (!target) target = nextValidTarget(null, types, drag.allowedDropOperations, getNextTarget);
@@ -423,8 +423,8 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
             },
             onDropActivate (e) {
                 var _localState_state_target, _localState_state_target1;
-                if (((_localState_state_target = localState.state.target) === null || _localState_state_target === void 0 ? void 0 : _localState_state_target.type) === "item" && ((_localState_state_target1 = localState.state.target) === null || _localState_state_target1 === void 0 ? void 0 : _localState_state_target1.dropPosition) === "on" && typeof localState.props.onDropActivate === "function") localState.props.onDropActivate({
-                    type: "dropactivate",
+                if (((_localState_state_target = localState.state.target) === null || _localState_state_target === void 0 ? void 0 : _localState_state_target.type) === 'item' && ((_localState_state_target1 = localState.state.target) === null || _localState_state_target1 === void 0 ? void 0 : _localState_state_target1.dropPosition) === 'on' && typeof localState.props.onDropActivate === 'function') localState.props.onDropActivate({
+                    type: 'dropactivate',
                     x: e.x,
                     y: e.y,
                     target: localState.state.target
@@ -438,57 +438,57 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
                 let { keyboardDelegate: keyboardDelegate } = localState.props;
                 let types = (0, $7252cd45fc48c07c$export$e1d41611756c6326)(drag.items);
                 switch(e.key){
-                    case "ArrowDown":
+                    case 'ArrowDown':
                         if (keyboardDelegate.getKeyBelow) {
                             let target = nextValidTarget(localState.state.target, types, drag.allowedDropOperations, getNextTarget);
                             localState.state.setTarget(target);
                         }
                         break;
-                    case "ArrowUp":
+                    case 'ArrowUp':
                         if (keyboardDelegate.getKeyAbove) {
                             let target = nextValidTarget(localState.state.target, types, drag.allowedDropOperations, getPreviousTarget);
                             localState.state.setTarget(target);
                         }
                         break;
-                    case "ArrowLeft":
+                    case 'ArrowLeft':
                         if (keyboardDelegate.getKeyLeftOf) {
                             let target = nextValidTarget(localState.state.target, types, drag.allowedDropOperations, (target, wrap)=>getPreviousTarget(target, wrap, true));
                             localState.state.setTarget(target);
                         }
                         break;
-                    case "ArrowRight":
+                    case 'ArrowRight':
                         if (keyboardDelegate.getKeyRightOf) {
                             let target = nextValidTarget(localState.state.target, types, drag.allowedDropOperations, (target, wrap)=>getNextTarget(target, wrap, true));
                             localState.state.setTarget(target);
                         }
                         break;
-                    case "Home":
+                    case 'Home':
                         if (keyboardDelegate.getFirstKey) {
                             let target = nextValidTarget(null, types, drag.allowedDropOperations, getNextTarget);
                             localState.state.setTarget(target);
                         }
                         break;
-                    case "End":
+                    case 'End':
                         if (keyboardDelegate.getLastKey) {
                             let target = nextValidTarget(null, types, drag.allowedDropOperations, getPreviousTarget);
                             localState.state.setTarget(target);
                         }
                         break;
-                    case "PageDown":
+                    case 'PageDown':
                         if (keyboardDelegate.getKeyPageBelow) {
                             let target = localState.state.target;
                             if (!target) target = nextValidTarget(null, types, drag.allowedDropOperations, getNextTarget);
                             else {
                                 // If on the root, go to the item a page below the top. Otherwise a page below the current item.
-                                let nextKey = keyboardDelegate.getKeyPageBelow(target.type === "item" ? target.key : keyboardDelegate.getFirstKey());
-                                let dropPosition = target.type === "item" ? target.dropPosition : "after";
+                                let nextKey = keyboardDelegate.getKeyPageBelow(target.type === 'item' ? target.key : keyboardDelegate.getFirstKey());
+                                let dropPosition = target.type === 'item' ? target.dropPosition : 'after';
                                 // If there is no next key, or we are starting on the last key, jump to the last possible position.
-                                if (nextKey == null || target.type === "item" && target.key === keyboardDelegate.getLastKey()) {
+                                if (nextKey == null || target.type === 'item' && target.key === keyboardDelegate.getLastKey()) {
                                     nextKey = keyboardDelegate.getLastKey();
-                                    dropPosition = "after";
+                                    dropPosition = 'after';
                                 }
                                 target = {
-                                    type: "item",
+                                    type: 'item',
                                     key: nextKey,
                                     dropPosition: dropPosition
                                 };
@@ -504,30 +504,30 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
                                     draggingKeys: draggingKeys
                                 });
                                 var _nextValidTarget;
-                                if (operation === "cancel") target = (_nextValidTarget = nextValidTarget(target, types, drag.allowedDropOperations, getNextTarget, false)) !== null && _nextValidTarget !== void 0 ? _nextValidTarget : nextValidTarget(target, types, drag.allowedDropOperations, getPreviousTarget, false);
+                                if (operation === 'cancel') target = (_nextValidTarget = nextValidTarget(target, types, drag.allowedDropOperations, getNextTarget, false)) !== null && _nextValidTarget !== void 0 ? _nextValidTarget : nextValidTarget(target, types, drag.allowedDropOperations, getPreviousTarget, false);
                             }
                             localState.state.setTarget(target !== null && target !== void 0 ? target : localState.state.target);
                         }
                         break;
-                    case "PageUp":
+                    case 'PageUp':
                         {
                             if (!keyboardDelegate.getKeyPageAbove) break;
                             let target = localState.state.target;
                             if (!target) target = nextValidTarget(null, types, drag.allowedDropOperations, getPreviousTarget);
-                            else if (target.type === "item") {
+                            else if (target.type === 'item') {
                                 // If at the top already, switch to the root. Otherwise navigate a page up.
                                 if (target.key === keyboardDelegate.getFirstKey()) target = {
-                                    type: "root"
+                                    type: 'root'
                                 };
                                 else {
                                     let nextKey = keyboardDelegate.getKeyPageAbove(target.key);
                                     let dropPosition = target.dropPosition;
                                     if (nextKey == null) {
                                         nextKey = keyboardDelegate.getFirstKey();
-                                        dropPosition = "before";
+                                        dropPosition = 'before';
                                     }
                                     target = {
-                                        type: "item",
+                                        type: 'item',
                                         key: nextKey,
                                         dropPosition: dropPosition
                                     };
@@ -544,7 +544,7 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
                                     draggingKeys: draggingKeys
                                 });
                                 var _nextValidTarget1;
-                                if (operation === "cancel") target = (_nextValidTarget1 = nextValidTarget(target, types, drag.allowedDropOperations, getPreviousTarget, false)) !== null && _nextValidTarget1 !== void 0 ? _nextValidTarget1 : nextValidTarget(target, types, drag.allowedDropOperations, getNextTarget, false);
+                                if (operation === 'cancel') target = (_nextValidTarget1 = nextValidTarget(target, types, drag.allowedDropOperations, getPreviousTarget, false)) !== null && _nextValidTarget1 !== void 0 ? _nextValidTarget1 : nextValidTarget(target, types, drag.allowedDropOperations, getNextTarget, false);
                             }
                             localState.state.setTarget(target !== null && target !== void 0 ? target : localState.state.target);
                             break;
@@ -568,7 +568,7 @@ function $4b52e4eff84e5217$export$f4e2f423c21f7b04(props, state, ref) {
             id: id,
             // Remove description from collection element. If dropping on the entire collection,
             // there should be a drop indicator that has this description, so no need to double announce.
-            "aria-describedby": null
+            'aria-describedby': null
         })
     };
 }