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

package/dist/DragManager.module.js

@@ -40,11 +40,11 @@ function $67560de7c78cb232$export$aef80212ac99c003(item) {
     };
 }
 function $67560de7c78cb232$export$549dbcf8649bf3b2(target, stringFormatter) {
-    if ($67560de7c78cb232$var$dragSession) throw new Error("Cannot begin dragging while already dragging");
+    if ($67560de7c78cb232$var$dragSession) throw new Error('Cannot begin dragging while already dragging');
     $67560de7c78cb232$var$dragSession = new $67560de7c78cb232$var$DragSession(target, stringFormatter);
     requestAnimationFrame(()=>{
         $67560de7c78cb232$var$dragSession.setup();
-        if ((0, $7252cd45fc48c07c$export$1fb2158d224b542c)() === "keyboard") $67560de7c78cb232$var$dragSession.next();
+        if ((0, $7252cd45fc48c07c$export$1fb2158d224b542c)() === 'keyboard') $67560de7c78cb232$var$dragSession.next();
     });
     for (let cb of $67560de7c78cb232$var$subscriptions)cb();
 }
@@ -73,56 +73,56 @@ function $67560de7c78cb232$export$7454aff2e161f241(element) {
     return false;
 }
 const $67560de7c78cb232$var$CANCELED_EVENTS = [
-    "pointerdown",
-    "pointermove",
-    "pointerenter",
-    "pointerleave",
-    "pointerover",
-    "pointerout",
-    "pointerup",
-    "mousedown",
-    "mousemove",
-    "mouseenter",
-    "mouseleave",
-    "mouseover",
-    "mouseout",
-    "mouseup",
-    "touchstart",
-    "touchmove",
-    "touchend",
-    "focusin",
-    "focusout"
+    'pointerdown',
+    'pointermove',
+    'pointerenter',
+    'pointerleave',
+    'pointerover',
+    'pointerout',
+    'pointerup',
+    'mousedown',
+    'mousemove',
+    'mouseenter',
+    'mouseleave',
+    'mouseover',
+    'mouseout',
+    'mouseup',
+    'touchstart',
+    'touchmove',
+    'touchend',
+    'focusin',
+    'focusout'
 ];
 const $67560de7c78cb232$var$CLICK_EVENTS = [
-    "pointerup",
-    "mouseup",
-    "touchend"
+    'pointerup',
+    'mouseup',
+    'touchend'
 ];
 const $67560de7c78cb232$var$MESSAGES = {
-    keyboard: "dragStartedKeyboard",
-    touch: "dragStartedTouch",
-    virtual: "dragStartedVirtual"
+    keyboard: 'dragStartedKeyboard',
+    touch: 'dragStartedTouch',
+    virtual: 'dragStartedVirtual'
 };
 class $67560de7c78cb232$var$DragSession {
     setup() {
-        document.addEventListener("keydown", this.onKeyDown, true);
-        document.addEventListener("keyup", this.onKeyUp, true);
-        window.addEventListener("focus", this.onFocus, true);
-        window.addEventListener("blur", this.onBlur, true);
-        document.addEventListener("click", this.onClick, true);
-        document.addEventListener("pointerdown", this.onPointerDown, true);
+        document.addEventListener('keydown', this.onKeyDown, true);
+        document.addEventListener('keyup', this.onKeyUp, true);
+        window.addEventListener('focus', this.onFocus, true);
+        window.addEventListener('blur', this.onBlur, true);
+        document.addEventListener('click', this.onClick, true);
+        document.addEventListener('pointerdown', this.onPointerDown, true);
         for (let event of $67560de7c78cb232$var$CANCELED_EVENTS)document.addEventListener(event, this.cancelEvent, true);
         this.mutationObserver = new MutationObserver(()=>this.updateValidDropTargets());
         this.updateValidDropTargets();
         (0, $irqIb$announce)(this.stringFormatter.format($67560de7c78cb232$var$MESSAGES[(0, $7252cd45fc48c07c$export$1fb2158d224b542c)()]));
     }
     teardown() {
-        document.removeEventListener("keydown", this.onKeyDown, true);
-        document.removeEventListener("keyup", this.onKeyUp, true);
-        window.removeEventListener("focus", this.onFocus, true);
-        window.removeEventListener("blur", this.onBlur, true);
-        document.removeEventListener("click", this.onClick, true);
-        document.removeEventListener("pointerdown", this.onPointerDown, true);
+        document.removeEventListener('keydown', this.onKeyDown, true);
+        document.removeEventListener('keyup', this.onKeyUp, true);
+        window.removeEventListener('focus', this.onFocus, true);
+        window.removeEventListener('blur', this.onBlur, true);
+        document.removeEventListener('click', this.onClick, true);
+        document.removeEventListener('pointerdown', this.onPointerDown, true);
         for (let event of $67560de7c78cb232$var$CANCELED_EVENTS)document.removeEventListener(event, this.cancelEvent, true);
         this.mutationObserver.disconnect();
         this.restoreAriaHidden();
@@ -130,19 +130,19 @@ class $67560de7c78cb232$var$DragSession {
     onKeyDown(e) {
         var _this_currentDropTarget;
         this.cancelEvent(e);
-        if (e.key === "Escape") {
+        if (e.key === 'Escape') {
             this.cancel();
             return;
         }
-        if (e.key === "Tab" && !(e.metaKey || e.altKey || e.ctrlKey)) {
+        if (e.key === 'Tab' && !(e.metaKey || e.altKey || e.ctrlKey)) {
             if (e.shiftKey) this.previous();
             else this.next();
         }
-        if (typeof ((_this_currentDropTarget = this.currentDropTarget) === null || _this_currentDropTarget === void 0 ? void 0 : _this_currentDropTarget.onKeyDown) === "function") this.currentDropTarget.onKeyDown(e, this.dragTarget);
+        if (typeof ((_this_currentDropTarget = this.currentDropTarget) === null || _this_currentDropTarget === void 0 ? void 0 : _this_currentDropTarget.onKeyDown) === 'function') this.currentDropTarget.onKeyDown(e, this.dragTarget);
     }
     onKeyUp(e) {
         this.cancelEvent(e);
-        if (e.key === "Enter") {
+        if (e.key === 'Enter') {
             if (e.altKey) this.activate();
             else this.drop();
         }
@@ -194,7 +194,7 @@ class $67560de7c78cb232$var$DragSession {
     cancelEvent(e) {
         var _this_dragTarget;
         // Allow focusin and focusout on the drag target so focus ring works properly.
-        if ((e.type === "focusin" || e.type === "focusout") && e.target === ((_this_dragTarget = this.dragTarget) === null || _this_dragTarget === void 0 ? void 0 : _this_dragTarget.element)) return;
+        if ((e.type === 'focusin' || e.type === 'focusout') && e.target === ((_this_dragTarget = this.dragTarget) === null || _this_dragTarget === void 0 ? void 0 : _this_dragTarget.element)) return;
         // Allow default for events that might cancel a click event
         if (!$67560de7c78cb232$var$CLICK_EVENTS.includes(e.type)) e.preventDefault();
         e.stopPropagation();
@@ -219,7 +219,7 @@ class $67560de7c78cb232$var$DragSession {
         let validDropItems = [
             ...$67560de7c78cb232$var$dropItems.values()
         ].filter((item)=>{
-            if (typeof item.getDropOperation === "function") return item.getDropOperation(types, this.dragTarget.allowedDropOperations) !== "cancel";
+            if (typeof item.getDropOperation === 'function') return item.getDropOperation(types, this.dragTarget.allowedDropOperations) !== 'cancel';
             return true;
         });
         // Filter out drop targets that contain valid items. We don't want to stop hiding elements
@@ -234,7 +234,7 @@ class $67560de7c78cb232$var$DragSession {
             subtree: true,
             attributes: true,
             attributeFilter: [
-                "aria-hidden"
+                'aria-hidden'
             ]
         });
     }
@@ -295,20 +295,20 @@ class $67560de7c78cb232$var$DragSession {
     }
     setCurrentDropTarget(dropTarget, item) {
         if (dropTarget !== this.currentDropTarget) {
-            if (this.currentDropTarget && typeof this.currentDropTarget.onDropExit === "function") {
+            if (this.currentDropTarget && typeof this.currentDropTarget.onDropExit === 'function') {
                 let rect = this.currentDropTarget.element.getBoundingClientRect();
                 this.currentDropTarget.onDropExit({
-                    type: "dropexit",
+                    type: 'dropexit',
                     x: rect.left + rect.width / 2,
                     y: rect.top + rect.height / 2
                 });
             }
             this.currentDropTarget = dropTarget;
             if (dropTarget) {
-                if (typeof dropTarget.onDropEnter === "function") {
+                if (typeof dropTarget.onDropEnter === 'function') {
                     let rect = dropTarget.element.getBoundingClientRect();
                     dropTarget.onDropEnter({
-                        type: "dropenter",
+                        type: 'dropenter',
                         x: rect.left + rect.width / 2,
                         y: rect.top + rect.height / 2
                     }, this.dragTarget);
@@ -317,13 +317,13 @@ class $67560de7c78cb232$var$DragSession {
             }
         }
         if (item !== this.currentDropItem) {
-            if (item && typeof this.currentDropTarget.onDropTargetEnter === "function") this.currentDropTarget.onDropTargetEnter(item === null || item === void 0 ? void 0 : item.target);
+            if (item && typeof this.currentDropTarget.onDropTargetEnter === 'function') this.currentDropTarget.onDropTargetEnter(item === null || item === void 0 ? void 0 : item.target);
             item === null || item === void 0 ? void 0 : item.element.focus();
             this.currentDropItem = item;
             // Announce first drop target after drag start announcement finishes.
             // Otherwise, it will never get announced because drag start announcement is assertive.
             if (!this.initialFocused) {
-                (0, $irqIb$announce)(item === null || item === void 0 ? void 0 : item.element.getAttribute("aria-label"), "polite");
+                (0, $irqIb$announce)(item === null || item === void 0 ? void 0 : item.element.getAttribute('aria-label'), 'polite');
                 this.initialFocused = true;
             }
         }
@@ -331,14 +331,14 @@ class $67560de7c78cb232$var$DragSession {
     end() {
         this.teardown();
         $67560de7c78cb232$var$endDragging();
-        if (typeof this.dragTarget.onDragEnd === "function") {
-            let target = this.currentDropTarget && this.dropOperation !== "cancel" ? this.currentDropTarget : this.dragTarget;
+        if (typeof this.dragTarget.onDragEnd === 'function') {
+            let target = this.currentDropTarget && this.dropOperation !== 'cancel' ? this.currentDropTarget : this.dragTarget;
             let rect = target.element.getBoundingClientRect();
             this.dragTarget.onDragEnd({
-                type: "dragend",
+                type: 'dragend',
                 x: rect.x + rect.width / 2,
                 y: rect.y + rect.height / 2,
-                dropOperation: this.dropOperation || "cancel"
+                dropOperation: this.dropOperation || 'cancel'
             });
         }
         // Blur and re-focus the drop target so that the focus ring appears.
@@ -346,8 +346,8 @@ class $67560de7c78cb232$var$DragSession {
             // Since we cancel all focus events in drag sessions, refire blur to make sure state gets updated so drag target doesn't think it's still focused
             // i.e. When you from one list to another during a drag session, we need the blur to fire on the first list after the drag.
             if (!this.dragTarget.element.contains(this.currentDropTarget.element)) {
-                this.dragTarget.element.dispatchEvent(new FocusEvent("blur"));
-                this.dragTarget.element.dispatchEvent(new FocusEvent("focusout", {
+                this.dragTarget.element.dispatchEvent(new FocusEvent('blur'));
+                this.dragTarget.element.dispatchEvent(new FocusEvent('focusout', {
                     bubbles: true
                 }));
             }
@@ -363,30 +363,30 @@ class $67560de7c78cb232$var$DragSession {
         this.setCurrentDropTarget(null);
         this.end();
         if (!this.dragTarget.element.closest('[aria-hidden="true"]')) this.dragTarget.element.focus();
-        (0, $irqIb$announce)(this.stringFormatter.format("dropCanceled"));
+        (0, $irqIb$announce)(this.stringFormatter.format('dropCanceled'));
     }
     drop(item) {
         if (!this.currentDropTarget) {
             this.cancel();
             return;
         }
-        if (typeof (item === null || item === void 0 ? void 0 : item.getDropOperation) === "function") {
+        if (typeof (item === null || item === void 0 ? void 0 : item.getDropOperation) === 'function') {
             let types = (0, $7252cd45fc48c07c$export$e1d41611756c6326)(this.dragTarget.items);
             this.dropOperation = item.getDropOperation(types, this.dragTarget.allowedDropOperations);
-        } else if (typeof this.currentDropTarget.getDropOperation === "function") {
+        } else if (typeof this.currentDropTarget.getDropOperation === 'function') {
             let types = (0, $7252cd45fc48c07c$export$e1d41611756c6326)(this.dragTarget.items);
             this.dropOperation = this.currentDropTarget.getDropOperation(types, this.dragTarget.allowedDropOperations);
         } else // TODO: show menu ??
         this.dropOperation = this.dragTarget.allowedDropOperations[0];
-        if (typeof this.currentDropTarget.onDrop === "function") {
+        if (typeof this.currentDropTarget.onDrop === 'function') {
             let items = this.dragTarget.items.map((item)=>({
-                    kind: "text",
+                    kind: 'text',
                     types: new Set(Object.keys(item)),
                     getText: (type)=>Promise.resolve(item[type])
                 }));
             let rect = this.currentDropTarget.element.getBoundingClientRect();
             this.currentDropTarget.onDrop({
-                type: "drop",
+                type: 'drop',
                 x: rect.left + rect.width / 2,
                 y: rect.top + rect.height / 2,
                 items: items,
@@ -394,13 +394,13 @@ class $67560de7c78cb232$var$DragSession {
             }, item === null || item === void 0 ? void 0 : item.target);
         }
         this.end();
-        (0, $irqIb$announce)(this.stringFormatter.format("dropComplete"));
+        (0, $irqIb$announce)(this.stringFormatter.format('dropComplete'));
     }
     activate() {
-        if (this.currentDropTarget && typeof this.currentDropTarget.onDropActivate === "function") {
+        if (this.currentDropTarget && typeof this.currentDropTarget.onDropActivate === 'function') {
             let rect = this.currentDropTarget.element.getBoundingClientRect();
             this.currentDropTarget.onDropActivate({
-                type: "dropactivate",
+                type: 'dropactivate',
                 x: rect.left + rect.width / 2,
                 y: rect.top + rect.height / 2
             });
@@ -425,7 +425,7 @@ function $67560de7c78cb232$var$findValidDropTargets(options) {
         ...$67560de7c78cb232$var$dropTargets.values()
     ].filter((target)=>{
         if (target.element.closest('[aria-hidden="true"]')) return false;
-        if (typeof target.getDropOperation === "function") return target.getDropOperation(types, options.allowedDropOperations) !== "cancel";
+        if (typeof target.getDropOperation === 'function') return target.getDropOperation(types, options.allowedDropOperations) !== 'cancel';
         return true;
     });
 }

package/dist/DragPreview.main.js

@@ -46,7 +46,7 @@ function $2dccaca1f4baa446$var$DragPreview(props, ref) {
     return /*#__PURE__*/ (0, ($parcel$interopDefault($l6JIF$react))).createElement("div", {
         style: {
             zIndex: -100,
-            position: "absolute",
+            position: 'absolute',
             top: 0,
             left: -100000
         },

package/dist/DragPreview.mjs

@@ -36,7 +36,7 @@ function $ad0e3f3d9c50e4ba$var$DragPreview(props, ref) {
     return /*#__PURE__*/ (0, $eLjnH$react).createElement("div", {
         style: {
             zIndex: -100,
-            position: "absolute",
+            position: 'absolute',
             top: 0,
             left: -100000
         },

package/dist/DragPreview.module.js

@@ -36,7 +36,7 @@ function $ad0e3f3d9c50e4ba$var$DragPreview(props, ref) {
     return /*#__PURE__*/ (0, $eLjnH$react).createElement("div", {
         style: {
             zIndex: -100,
-            position: "absolute",
+            position: 'absolute',
             top: 0,
             left: -100000
         },

package/dist/ListDropTargetDelegate.main.js

@@ -6,40 +6,40 @@ function $parcel$export(e, n, v, s) {
 $parcel$export(module.exports, "ListDropTargetDelegate", () => $2268795bbb597ecb$export$fbd65d14c79e28cc);
 class $2268795bbb597ecb$export$fbd65d14c79e28cc {
     getPrimaryStart(rect) {
-        return this.orientation === "horizontal" ? rect.left : rect.top;
+        return this.orientation === 'horizontal' ? rect.left : rect.top;
     }
     getPrimaryEnd(rect) {
-        return this.orientation === "horizontal" ? rect.right : rect.bottom;
+        return this.orientation === 'horizontal' ? rect.right : rect.bottom;
     }
     getSecondaryStart(rect) {
-        return this.orientation === "horizontal" ? rect.top : rect.left;
+        return this.orientation === 'horizontal' ? rect.top : rect.left;
     }
     getSecondaryEnd(rect) {
-        return this.orientation === "horizontal" ? rect.bottom : rect.right;
+        return this.orientation === 'horizontal' ? rect.bottom : rect.right;
     }
     getFlowStart(rect) {
-        return this.layout === "stack" ? this.getPrimaryStart(rect) : this.getSecondaryStart(rect);
+        return this.layout === 'stack' ? this.getPrimaryStart(rect) : this.getSecondaryStart(rect);
     }
     getFlowEnd(rect) {
-        return this.layout === "stack" ? this.getPrimaryEnd(rect) : this.getSecondaryEnd(rect);
+        return this.layout === 'stack' ? this.getPrimaryEnd(rect) : this.getSecondaryEnd(rect);
     }
     getFlowSize(rect) {
         return this.getFlowEnd(rect) - this.getFlowStart(rect);
     }
     getDropTargetFromPoint(x, y, isValidDropTarget) {
         if (this.collection.size === 0) return {
-            type: "root"
+            type: 'root'
         };
         let rect = this.ref.current.getBoundingClientRect();
-        let primary = this.orientation === "horizontal" ? x : y;
-        let secondary = this.orientation === "horizontal" ? y : x;
+        let primary = this.orientation === 'horizontal' ? x : y;
+        let secondary = this.orientation === 'horizontal' ? y : x;
         primary += this.getPrimaryStart(rect);
         secondary += this.getSecondaryStart(rect);
-        let flow = this.layout === "stack" ? primary : secondary;
-        let isPrimaryRTL = this.orientation === "horizontal" && this.direction === "rtl";
-        let isSecondaryRTL = this.layout === "grid" && this.orientation === "vertical" && this.direction === "rtl";
-        let isFlowRTL = this.layout === "stack" ? isPrimaryRTL : isSecondaryRTL;
-        let elements = this.ref.current.querySelectorAll("[data-key]");
+        let flow = this.layout === 'stack' ? primary : secondary;
+        let isPrimaryRTL = this.orientation === 'horizontal' && this.direction === 'rtl';
+        let isSecondaryRTL = this.layout === 'grid' && this.orientation === 'vertical' && this.direction === 'rtl';
+        let isFlowRTL = this.layout === 'stack' ? isPrimaryRTL : isSecondaryRTL;
+        let elements = this.ref.current.querySelectorAll('[data-key]');
         let elementMap = new Map();
         for (let item of elements)if (item instanceof HTMLElement) elementMap.set(item.dataset.key, item);
         let items = [
@@ -62,32 +62,32 @@ class $2268795bbb597ecb$export$fbd65d14c79e28cc {
             else if (secondary > this.getSecondaryEnd(rect)) update(!isSecondaryRTL);
             else {
                 let target = {
-                    type: "item",
+                    type: 'item',
                     key: item.key,
-                    dropPosition: "on"
+                    dropPosition: 'on'
                 };
                 if (isValidDropTarget(target)) {
                     // Otherwise, if dropping on the item is accepted, try the before/after positions if within 5px
                     // of the start or end of the item.
                     if (flow <= this.getFlowStart(rect) + 5 && isValidDropTarget({
                         ...target,
-                        dropPosition: "before"
-                    })) target.dropPosition = isFlowRTL ? "after" : "before";
+                        dropPosition: 'before'
+                    })) target.dropPosition = isFlowRTL ? 'after' : 'before';
                     else if (flow >= this.getFlowEnd(rect) - 5 && isValidDropTarget({
                         ...target,
-                        dropPosition: "after"
-                    })) target.dropPosition = isFlowRTL ? "before" : "after";
+                        dropPosition: 'after'
+                    })) target.dropPosition = isFlowRTL ? 'before' : 'after';
                 } else {
                     // If dropping on the item isn't accepted, try the target before or after depending on the position.
                     let mid = this.getFlowStart(rect) + this.getFlowSize(rect) / 2;
                     if (flow <= mid && isValidDropTarget({
                         ...target,
-                        dropPosition: "before"
-                    })) target.dropPosition = isFlowRTL ? "after" : "before";
+                        dropPosition: 'before'
+                    })) target.dropPosition = isFlowRTL ? 'after' : 'before';
                     else if (flow >= mid && isValidDropTarget({
                         ...target,
-                        dropPosition: "after"
-                    })) target.dropPosition = isFlowRTL ? "before" : "after";
+                        dropPosition: 'after'
+                    })) target.dropPosition = isFlowRTL ? 'before' : 'after';
                 }
                 return target;
             }
@@ -96,22 +96,22 @@ class $2268795bbb597ecb$export$fbd65d14c79e28cc {
         let element = elementMap.get(String(item.key));
         rect = element.getBoundingClientRect();
         if (primary < this.getPrimaryStart(rect) || Math.abs(flow - this.getFlowStart(rect)) < Math.abs(flow - this.getFlowEnd(rect))) return {
-            type: "item",
+            type: 'item',
             key: item.key,
-            dropPosition: isFlowRTL ? "after" : "before"
+            dropPosition: isFlowRTL ? 'after' : 'before'
         };
         return {
-            type: "item",
+            type: 'item',
             key: item.key,
-            dropPosition: isFlowRTL ? "before" : "after"
+            dropPosition: isFlowRTL ? 'before' : 'after'
         };
     }
     constructor(collection, ref, options){
         this.collection = collection;
         this.ref = ref;
-        this.layout = (options === null || options === void 0 ? void 0 : options.layout) || "stack";
-        this.orientation = (options === null || options === void 0 ? void 0 : options.orientation) || "vertical";
-        this.direction = (options === null || options === void 0 ? void 0 : options.direction) || "ltr";
+        this.layout = (options === null || options === void 0 ? void 0 : options.layout) || 'stack';
+        this.orientation = (options === null || options === void 0 ? void 0 : options.orientation) || 'vertical';
+        this.direction = (options === null || options === void 0 ? void 0 : options.direction) || 'ltr';
     }
 }
 

package/dist/ListDropTargetDelegate.mjs

@@ -1,39 +1,39 @@
 class $3ca85212bf8898e4$export$fbd65d14c79e28cc {
     getPrimaryStart(rect) {
-        return this.orientation === "horizontal" ? rect.left : rect.top;
+        return this.orientation === 'horizontal' ? rect.left : rect.top;
     }
     getPrimaryEnd(rect) {
-        return this.orientation === "horizontal" ? rect.right : rect.bottom;
+        return this.orientation === 'horizontal' ? rect.right : rect.bottom;
     }
     getSecondaryStart(rect) {
-        return this.orientation === "horizontal" ? rect.top : rect.left;
+        return this.orientation === 'horizontal' ? rect.top : rect.left;
     }
     getSecondaryEnd(rect) {
-        return this.orientation === "horizontal" ? rect.bottom : rect.right;
+        return this.orientation === 'horizontal' ? rect.bottom : rect.right;
     }
     getFlowStart(rect) {
-        return this.layout === "stack" ? this.getPrimaryStart(rect) : this.getSecondaryStart(rect);
+        return this.layout === 'stack' ? this.getPrimaryStart(rect) : this.getSecondaryStart(rect);
     }
     getFlowEnd(rect) {
-        return this.layout === "stack" ? this.getPrimaryEnd(rect) : this.getSecondaryEnd(rect);
+        return this.layout === 'stack' ? this.getPrimaryEnd(rect) : this.getSecondaryEnd(rect);
     }
     getFlowSize(rect) {
         return this.getFlowEnd(rect) - this.getFlowStart(rect);
     }
     getDropTargetFromPoint(x, y, isValidDropTarget) {
         if (this.collection.size === 0) return {
-            type: "root"
+            type: 'root'
         };
         let rect = this.ref.current.getBoundingClientRect();
-        let primary = this.orientation === "horizontal" ? x : y;
-        let secondary = this.orientation === "horizontal" ? y : x;
+        let primary = this.orientation === 'horizontal' ? x : y;
+        let secondary = this.orientation === 'horizontal' ? y : x;
         primary += this.getPrimaryStart(rect);
         secondary += this.getSecondaryStart(rect);
-        let flow = this.layout === "stack" ? primary : secondary;
-        let isPrimaryRTL = this.orientation === "horizontal" && this.direction === "rtl";
-        let isSecondaryRTL = this.layout === "grid" && this.orientation === "vertical" && this.direction === "rtl";
-        let isFlowRTL = this.layout === "stack" ? isPrimaryRTL : isSecondaryRTL;
-        let elements = this.ref.current.querySelectorAll("[data-key]");
+        let flow = this.layout === 'stack' ? primary : secondary;
+        let isPrimaryRTL = this.orientation === 'horizontal' && this.direction === 'rtl';
+        let isSecondaryRTL = this.layout === 'grid' && this.orientation === 'vertical' && this.direction === 'rtl';
+        let isFlowRTL = this.layout === 'stack' ? isPrimaryRTL : isSecondaryRTL;
+        let elements = this.ref.current.querySelectorAll('[data-key]');
         let elementMap = new Map();
         for (let item of elements)if (item instanceof HTMLElement) elementMap.set(item.dataset.key, item);
         let items = [
@@ -56,32 +56,32 @@ class $3ca85212bf8898e4$export$fbd65d14c79e28cc {
             else if (secondary > this.getSecondaryEnd(rect)) update(!isSecondaryRTL);
             else {
                 let target = {
-                    type: "item",
+                    type: 'item',
                     key: item.key,
-                    dropPosition: "on"
+                    dropPosition: 'on'
                 };
                 if (isValidDropTarget(target)) {
                     // Otherwise, if dropping on the item is accepted, try the before/after positions if within 5px
                     // of the start or end of the item.
                     if (flow <= this.getFlowStart(rect) + 5 && isValidDropTarget({
                         ...target,
-                        dropPosition: "before"
-                    })) target.dropPosition = isFlowRTL ? "after" : "before";
+                        dropPosition: 'before'
+                    })) target.dropPosition = isFlowRTL ? 'after' : 'before';
                     else if (flow >= this.getFlowEnd(rect) - 5 && isValidDropTarget({
                         ...target,
-                        dropPosition: "after"
-                    })) target.dropPosition = isFlowRTL ? "before" : "after";
+                        dropPosition: 'after'
+                    })) target.dropPosition = isFlowRTL ? 'before' : 'after';
                 } else {
                     // If dropping on the item isn't accepted, try the target before or after depending on the position.
                     let mid = this.getFlowStart(rect) + this.getFlowSize(rect) / 2;
                     if (flow <= mid && isValidDropTarget({
                         ...target,
-                        dropPosition: "before"
-                    })) target.dropPosition = isFlowRTL ? "after" : "before";
+                        dropPosition: 'before'
+                    })) target.dropPosition = isFlowRTL ? 'after' : 'before';
                     else if (flow >= mid && isValidDropTarget({
                         ...target,
-                        dropPosition: "after"
-                    })) target.dropPosition = isFlowRTL ? "before" : "after";
+                        dropPosition: 'after'
+                    })) target.dropPosition = isFlowRTL ? 'before' : 'after';
                 }
                 return target;
             }
@@ -90,22 +90,22 @@ class $3ca85212bf8898e4$export$fbd65d14c79e28cc {
         let element = elementMap.get(String(item.key));
         rect = element.getBoundingClientRect();
         if (primary < this.getPrimaryStart(rect) || Math.abs(flow - this.getFlowStart(rect)) < Math.abs(flow - this.getFlowEnd(rect))) return {
-            type: "item",
+            type: 'item',
             key: item.key,
-            dropPosition: isFlowRTL ? "after" : "before"
+            dropPosition: isFlowRTL ? 'after' : 'before'
         };
         return {
-            type: "item",
+            type: 'item',
             key: item.key,
-            dropPosition: isFlowRTL ? "before" : "after"
+            dropPosition: isFlowRTL ? 'before' : 'after'
         };
     }
     constructor(collection, ref, options){
         this.collection = collection;
         this.ref = ref;
-        this.layout = (options === null || options === void 0 ? void 0 : options.layout) || "stack";
-        this.orientation = (options === null || options === void 0 ? void 0 : options.orientation) || "vertical";
-        this.direction = (options === null || options === void 0 ? void 0 : options.direction) || "ltr";
+        this.layout = (options === null || options === void 0 ? void 0 : options.layout) || 'stack';
+        this.orientation = (options === null || options === void 0 ? void 0 : options.orientation) || 'vertical';
+        this.direction = (options === null || options === void 0 ? void 0 : options.direction) || 'ltr';
     }
 }