react-aria 3.46.0 → 3.48.0

package/dist/private/dnd/useDrop.cjs

@@ -0,0 +1,306 @@
+var $7394b2797bc2343d$exports = require("./DragManager.cjs");
+var $c67ff3d36836a1c1$exports = require("./utils.cjs");
+var $47f95f5edd0c867d$exports = require("./constants.cjs");
+var $da02ee888921bc9e$exports = require("../utils/shadowdom/DOMFunctions.cjs");
+var $d0b4a781cf26e80b$exports = require("../utils/platform.cjs");
+var $d6e22460ce4d6b26$exports = require("../utils/useEffectEvent.cjs");
+var $429333cab433657c$exports = require("../utils/useLayoutEffect.cjs");
+var $b0c8843205a339ea$exports = require("./useVirtualDrop.cjs");
+var $k5Rqj$react = require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useDrop", function () { return $c73ae148aea93491$export$ccdee5eaf73cf661; });
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+const $c73ae148aea93491$var$DROP_ACTIVATE_TIMEOUT = 800;
+function $c73ae148aea93491$export$ccdee5eaf73cf661(options) {
+    let { hasDropButton: hasDropButton, isDisabled: isDisabled } = options;
+    let [isDropTarget, setDropTarget] = (0, $k5Rqj$react.useState)(false);
+    let state = (0, $k5Rqj$react.useRef)({
+        x: 0,
+        y: 0,
+        dragOverElements: new Set(),
+        dropEffect: 'none',
+        allowedOperations: (0, $47f95f5edd0c867d$exports.DROP_OPERATION).all,
+        dropActivateTimer: undefined
+    }).current;
+    let fireDropEnter = (e)=>{
+        setDropTarget(true);
+        if (typeof options.onDropEnter === 'function') {
+            let rect = e.currentTarget.getBoundingClientRect();
+            options.onDropEnter({
+                type: 'dropenter',
+                x: e.clientX - rect.x,
+                y: e.clientY - rect.y
+            });
+        }
+    };
+    let fireDropExit = (e)=>{
+        setDropTarget(false);
+        if (typeof options.onDropExit === 'function') {
+            let rect = e.currentTarget.getBoundingClientRect();
+            options.onDropExit({
+                type: 'dropexit',
+                x: e.clientX - rect.x,
+                y: e.clientY - rect.y
+            });
+        }
+    };
+    let onDragOver = (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        let allowedOperations = $c73ae148aea93491$var$getAllowedOperations(e);
+        if (e.clientX === state.x && e.clientY === state.y && allowedOperations === state.allowedOperations) {
+            e.dataTransfer.dropEffect = state.dropEffect;
+            return;
+        }
+        state.x = e.clientX;
+        state.y = e.clientY;
+        let prevDropEffect = state.dropEffect;
+        // Update drop effect if allowed drop operations changed (e.g. user pressed modifier key).
+        if (allowedOperations !== state.allowedOperations) {
+            let allowedOps = $c73ae148aea93491$var$allowedOperationsToArray(allowedOperations);
+            let dropOperation = allowedOps[0];
+            if (typeof options.getDropOperation === 'function') {
+                let types = new (0, $c67ff3d36836a1c1$exports.DragTypes)(e.dataTransfer);
+                dropOperation = $c73ae148aea93491$var$getDropOperation(allowedOperations, options.getDropOperation(types, allowedOps));
+            }
+            state.dropEffect = (0, $47f95f5edd0c867d$exports.DROP_OPERATION_TO_DROP_EFFECT)[dropOperation] || 'none';
+        }
+        if (typeof options.getDropOperationForPoint === 'function') {
+            let types = new (0, $c67ff3d36836a1c1$exports.DragTypes)(e.dataTransfer);
+            let rect = e.currentTarget.getBoundingClientRect();
+            let dropOperation = $c73ae148aea93491$var$getDropOperation(allowedOperations, options.getDropOperationForPoint(types, $c73ae148aea93491$var$allowedOperationsToArray(allowedOperations), state.x - rect.x, state.y - rect.y));
+            state.dropEffect = (0, $47f95f5edd0c867d$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') {
+            let rect = e.currentTarget.getBoundingClientRect();
+            options.onDropMove({
+                type: 'dropmove',
+                x: state.x - rect.x,
+                y: state.y - rect.y
+            });
+        }
+        clearTimeout(state.dropActivateTimer);
+        if (options.onDropActivate && typeof options.onDropActivate === 'function' && state.dropEffect !== 'none') {
+            let onDropActivateOptions = options.onDropActivate;
+            let rect = e.currentTarget.getBoundingClientRect();
+            state.dropActivateTimer = setTimeout(()=>{
+                onDropActivateOptions({
+                    type: 'dropactivate',
+                    x: state.x - rect.x,
+                    y: state.y - rect.y
+                });
+            }, $c73ae148aea93491$var$DROP_ACTIVATE_TIMEOUT);
+        }
+    };
+    let onDragEnter = (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        state.dragOverElements.add((0, $da02ee888921bc9e$exports.getEventTarget)(e));
+        if (state.dragOverElements.size > 1) return;
+        let allowedOperationsBits = $c73ae148aea93491$var$getAllowedOperations(e);
+        let allowedOperations = $c73ae148aea93491$var$allowedOperationsToArray(allowedOperationsBits);
+        let dropOperation = allowedOperations[0];
+        if (typeof options.getDropOperation === 'function') {
+            let types = new (0, $c67ff3d36836a1c1$exports.DragTypes)(e.dataTransfer);
+            dropOperation = $c73ae148aea93491$var$getDropOperation(allowedOperationsBits, options.getDropOperation(types, allowedOperations));
+        }
+        if (typeof options.getDropOperationForPoint === 'function') {
+            let types = new (0, $c67ff3d36836a1c1$exports.DragTypes)(e.dataTransfer);
+            let rect = e.currentTarget.getBoundingClientRect();
+            dropOperation = $c73ae148aea93491$var$getDropOperation(allowedOperationsBits, options.getDropOperationForPoint(types, allowedOperations, e.clientX - rect.x, e.clientY - rect.y));
+        }
+        state.x = e.clientX;
+        state.y = e.clientY;
+        state.allowedOperations = allowedOperationsBits;
+        state.dropEffect = (0, $47f95f5edd0c867d$exports.DROP_OPERATION_TO_DROP_EFFECT)[dropOperation] || 'none';
+        e.dataTransfer.dropEffect = state.dropEffect;
+        if (dropOperation !== 'cancel') fireDropEnter(e);
+    };
+    let onDragLeave = (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        // We would use e.relatedTarget to detect if the drag is still inside the drop target,
+        // but it is always null in WebKit. https://bugs.webkit.org/show_bug.cgi?id=66547
+        // Instead, we track all of the targets of dragenter events in a set, and remove them
+        // in dragleave. When the set becomes empty, we've left the drop target completely.
+        // We must also remove any elements that are no longer in the DOM, because dragleave
+        // events will never be fired for these. This can happen, for example, with drop
+        // indicators between items, which disappear when the drop target changes.
+        let target = (0, $da02ee888921bc9e$exports.getEventTarget)(e);
+        state.dragOverElements.delete(target);
+        // Only remove stale elements when leaving the drop target itself.
+        // Avoids issues with portal children bubbling dragleave events through the React tree.
+        if (target === e.currentTarget) {
+            for (let element of state.dragOverElements)if (!(0, $da02ee888921bc9e$exports.nodeContains)(e.currentTarget, element)) state.dragOverElements.delete(element);
+        }
+        if (state.dragOverElements.size > 0) return;
+        if (state.dropEffect !== 'none') fireDropExit(e);
+        clearTimeout(state.dropActivateTimer);
+    };
+    let onDrop = (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        // 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, $c67ff3d36836a1c1$exports.setGlobalDropEffect)(state.dropEffect);
+        if (typeof options.onDrop === 'function') {
+            let dropOperation = (0, $47f95f5edd0c867d$exports.DROP_EFFECT_TO_DROP_OPERATION)[state.dropEffect];
+            let items = (0, $c67ff3d36836a1c1$exports.readFromDataTransfer)(e.dataTransfer);
+            let rect = e.currentTarget.getBoundingClientRect();
+            let event = {
+                type: 'drop',
+                x: e.clientX - rect.x,
+                y: e.clientY - rect.y,
+                items: items,
+                dropOperation: dropOperation
+            };
+            options.onDrop(event);
+        }
+        let dndStateSnapshot = {
+            ...(0, $c67ff3d36836a1c1$exports.globalDndState)
+        };
+        state.dragOverElements.clear();
+        fireDropExit(e);
+        clearTimeout(state.dropActivateTimer);
+        // If there wasn't a collection being tracked as a dragged collection, then we are in a case where a non RSP drag is dropped on a
+        // RSP collection and thus we don't need to preserve the global drop effect
+        if (dndStateSnapshot.draggingCollectionRef == null) (0, $c67ff3d36836a1c1$exports.setGlobalDropEffect)(undefined);
+        else // Otherwise we need to preserve the global dnd state for onDragEnd's isInternal check.
+        // At the moment fireDropExit may clear dropCollectionRef (i.e. useDroppableCollection's provided onDropExit, required to clear dropCollectionRef when exiting a valid drop target)
+        (0, $c67ff3d36836a1c1$exports.setGlobalDnDState)(dndStateSnapshot);
+    };
+    let onDropEnter = (0, $d6e22460ce4d6b26$exports.useEffectEvent)((e)=>{
+        if (typeof options.onDropEnter === 'function') options.onDropEnter(e);
+    });
+    let onDropExit = (0, $d6e22460ce4d6b26$exports.useEffectEvent)((e)=>{
+        if (typeof options.onDropExit === 'function') options.onDropExit(e);
+    });
+    let onDropActivate = (0, $d6e22460ce4d6b26$exports.useEffectEvent)((e)=>{
+        if (typeof options.onDropActivate === 'function') options.onDropActivate(e);
+    });
+    let onKeyboardDrop = (0, $d6e22460ce4d6b26$exports.useEffectEvent)((e)=>{
+        if (typeof options.onDrop === 'function') options.onDrop(e);
+    });
+    let getDropOperationKeyboard = (0, $d6e22460ce4d6b26$exports.useEffectEvent)((types, allowedOperations)=>{
+        if (options.getDropOperation) return options.getDropOperation(types, allowedOperations);
+        return allowedOperations[0];
+    });
+    let { ref: ref } = options;
+    (0, $429333cab433657c$exports.useLayoutEffect)(()=>{
+        if (isDisabled || !ref.current) return;
+        return $7394b2797bc2343d$exports.registerDropTarget({
+            element: ref.current,
+            getDropOperation: getDropOperationKeyboard,
+            onDropEnter (e) {
+                setDropTarget(true);
+                onDropEnter(e);
+            },
+            onDropExit (e) {
+                setDropTarget(false);
+                onDropExit(e);
+            },
+            onDrop: onKeyboardDrop,
+            onDropActivate: onDropActivate
+        });
+    }, [
+        isDisabled,
+        ref
+    ]);
+    let { dropProps: dropProps } = (0, $b0c8843205a339ea$exports.useVirtualDrop)();
+    if (isDisabled) return {
+        dropProps: {},
+        dropButtonProps: {
+            isDisabled: true
+        },
+        isDropTarget: false
+    };
+    return {
+        dropProps: {
+            ...!hasDropButton && dropProps,
+            onDragEnter: onDragEnter,
+            onDragOver: onDragOver,
+            onDragLeave: onDragLeave,
+            onDrop: onDrop
+        },
+        dropButtonProps: {
+            ...hasDropButton && dropProps
+        },
+        isDropTarget: isDropTarget
+    };
+}
+function $c73ae148aea93491$var$getAllowedOperations(e) {
+    let allowedOperations = (0, $47f95f5edd0c867d$exports.DROP_OPERATION_ALLOWED)[e.dataTransfer.effectAllowed];
+    // WebKit always sets effectAllowed to "copyMove" on macOS, and "all" on iOS, regardless of what was
+    // set during the dragstart event: https://bugs.webkit.org/show_bug.cgi?id=178058
+    //
+    // Android Chrome also sets effectAllowed to "copyMove" in all cases: https://bugs.chromium.org/p/chromium/issues/detail?id=1359182
+    //
+    // If the drag started within the page, we can use a global variable to get the real allowed operations.
+    // This needs to be intersected with the actual effectAllowed, which may have been filtered based on modifier keys.
+    // Unfortunately, this means that link operations do not work at all in Safari.
+    if (0, $c67ff3d36836a1c1$exports.globalAllowedDropOperations) allowedOperations &= (0, $c67ff3d36836a1c1$exports.globalAllowedDropOperations);
+    // Chrome and Safari on macOS will automatically filter effectAllowed when pressing modifier keys,
+    // allowing the user to switch between move, link, and copy operations. Firefox on macOS and all
+    // Windows browsers do not do this, so do it ourselves instead. The exact keys are platform dependent.
+    // https://ux.stackexchange.com/questions/83748/what-are-the-most-common-modifier-keys-for-dragging-objects-with-a-mouse
+    //
+    // Note that none of these modifiers are ever set in WebKit due to a bug: https://bugs.webkit.org/show_bug.cgi?id=77465
+    // However, Safari does update effectAllowed correctly, so we can just rely on that.
+    let allowedModifiers = (0, $47f95f5edd0c867d$exports.DROP_OPERATION).none;
+    if ((0, $d0b4a781cf26e80b$exports.isMac)()) {
+        if (e.altKey) allowedModifiers |= (0, $47f95f5edd0c867d$exports.DROP_OPERATION).copy;
+        // Chrome and Safari both use the Control key for link, even though Finder uses Command + Option.
+        // iPadOS doesn't support link operations and will not fire the drop event at all if dropEffect is set to link.
+        // https://bugs.webkit.org/show_bug.cgi?id=244701
+        if (e.ctrlKey && !(0, $d0b4a781cf26e80b$exports.isIPad)()) allowedModifiers |= (0, $47f95f5edd0c867d$exports.DROP_OPERATION).link;
+        if (e.metaKey) allowedModifiers |= (0, $47f95f5edd0c867d$exports.DROP_OPERATION).move;
+    } else {
+        if (e.altKey) allowedModifiers |= (0, $47f95f5edd0c867d$exports.DROP_OPERATION).link;
+        if (e.shiftKey) allowedModifiers |= (0, $47f95f5edd0c867d$exports.DROP_OPERATION).move;
+        if (e.ctrlKey) allowedModifiers |= (0, $47f95f5edd0c867d$exports.DROP_OPERATION).copy;
+    }
+    if (allowedModifiers) return allowedOperations & allowedModifiers;
+    return allowedOperations;
+}
+function $c73ae148aea93491$var$allowedOperationsToArray(allowedOperationsBits) {
+    let allowedOperations = [];
+    if (allowedOperationsBits & (0, $47f95f5edd0c867d$exports.DROP_OPERATION).move) allowedOperations.push('move');
+    if (allowedOperationsBits & (0, $47f95f5edd0c867d$exports.DROP_OPERATION).copy) allowedOperations.push('copy');
+    if (allowedOperationsBits & (0, $47f95f5edd0c867d$exports.DROP_OPERATION).link) allowedOperations.push('link');
+    return allowedOperations;
+}
+function $c73ae148aea93491$var$getDropOperation(allowedOperations, operation) {
+    let op = (0, $47f95f5edd0c867d$exports.DROP_OPERATION)[operation];
+    return allowedOperations & op ? operation : 'cancel';
+}
+
+
+//# sourceMappingURL=useDrop.cjs.map

package/dist/private/dnd/useDrop.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria/src/dnd/useDrop.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaButtonProps} from '../button/useButton';\n\nimport {DOMAttributes, DropActivateEvent, DropEnterEvent, DropEvent, DropExitEvent, DropMoveEvent, DropOperation, FocusableElement, DragTypes as IDragTypes, RefObject} from '@react-types/shared';\nimport {DragEvent, useRef, useState} from 'react';\nimport * as DragManager from './DragManager';\nimport {DragTypes, globalAllowedDropOperations, globalDndState, readFromDataTransfer, setGlobalDnDState, setGlobalDropEffect} from './utils';\nimport {DROP_EFFECT_TO_DROP_OPERATION, DROP_OPERATION, DROP_OPERATION_ALLOWED, DROP_OPERATION_TO_DROP_EFFECT} from './constants';\nimport {getEventTarget, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {isIPad, isMac} from '../utils/platform';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\nimport {useVirtualDrop} from './useVirtualDrop';\n\nexport interface DropOptions {\n  /** A ref for the droppable element. */\n  ref: RefObject<FocusableElement | null>,\n  /**\n   * A function returning the drop operation to be performed when items matching the given types are dropped\n   * on the drop target.\n   */\n  getDropOperation?: (types: IDragTypes, allowedOperations: DropOperation[]) => DropOperation,\n  /** A function that returns the drop operation for a specific point within the target. */\n  getDropOperationForPoint?: (types: IDragTypes, allowedOperations: DropOperation[], x: number, y: number) => DropOperation,\n  /** Handler that is called when a valid drag enters the drop target. */\n  onDropEnter?: (e: DropEnterEvent) => void,\n  /** Handler that is called when a valid drag is moved within the drop target. */\n  onDropMove?: (e: DropMoveEvent) => void,\n  /**\n   * Handler that is called after a valid drag is held over the drop target for a period of time.\n   * This typically opens the item so that the user can drop within it.\n   */\n  onDropActivate?: (e: DropActivateEvent) => void,\n  /** Handler that is called when a valid drag exits the drop target. */\n  onDropExit?: (e: DropExitEvent) => void,\n  /** Handler that is called when a valid drag is dropped on the drop target. */\n  onDrop?: (e: DropEvent) => void,\n  /**\n   * Whether the item has an explicit focusable drop affordance to initiate accessible drag and drop mode.\n   * If true, the dropProps will omit these event handlers, and they will be applied to dropButtonProps instead.\n   */\n  hasDropButton?: boolean,\n  /**\n   * Whether the drop target is disabled. If true, the drop target will not accept any drops.\n   */\n  isDisabled?: boolean\n}\n\nexport interface DropResult {\n  /** Props for the droppable element. */\n  dropProps: DOMAttributes,\n  /** Whether the drop target is currently focused or hovered. */\n  isDropTarget: boolean,\n  /** Props for the explicit drop button affordance, if any. */\n  dropButtonProps?: AriaButtonProps\n}\n\nconst DROP_ACTIVATE_TIMEOUT = 800;\n\n/**\n * Handles drop interactions for an element, with support for traditional mouse and touch\n * based drag and drop, in addition to full parity for keyboard and screen reader users.\n */\nexport function useDrop(options: DropOptions): DropResult {\n  let {hasDropButton, isDisabled} = options;\n  let [isDropTarget, setDropTarget] = useState(false);\n  let state = useRef<{\n    x: number,\n    y: number,\n    dragOverElements: Set<Element>,\n    dropEffect: DataTransfer['dropEffect'],\n    allowedOperations: DROP_OPERATION,\n    dropActivateTimer: ReturnType<typeof setTimeout> | undefined\n  }>({\n    x: 0,\n    y: 0,\n    dragOverElements: new Set<Element>(),\n    dropEffect: 'none',\n    allowedOperations: DROP_OPERATION.all,\n    dropActivateTimer: undefined\n  }).current;\n\n  let fireDropEnter = (e: DragEvent) => {\n    setDropTarget(true);\n\n    if (typeof options.onDropEnter === 'function') {\n      let rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n      options.onDropEnter({\n        type: 'dropenter',\n        x: e.clientX - rect.x,\n        y: e.clientY - rect.y\n      });\n    }\n  };\n\n  let fireDropExit = (e: DragEvent) => {\n    setDropTarget(false);\n\n    if (typeof options.onDropExit === 'function') {\n      let rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n      options.onDropExit({\n        type: 'dropexit',\n        x: e.clientX - rect.x,\n        y: e.clientY - rect.y\n      });\n    }\n  };\n\n  let onDragOver = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    let allowedOperations = getAllowedOperations(e);\n    if (e.clientX === state.x && e.clientY === state.y && allowedOperations === state.allowedOperations) {\n      e.dataTransfer.dropEffect = state.dropEffect;\n      return;\n    }\n\n    state.x = e.clientX;\n    state.y = e.clientY;\n\n    let prevDropEffect = state.dropEffect;\n\n    // Update drop effect if allowed drop operations changed (e.g. user pressed modifier key).\n    if (allowedOperations !== state.allowedOperations) {\n      let allowedOps = allowedOperationsToArray(allowedOperations);\n      let dropOperation = allowedOps[0];\n      if (typeof options.getDropOperation === 'function') {\n        let types = new DragTypes(e.dataTransfer);\n        dropOperation = getDropOperation(allowedOperations, options.getDropOperation(types, allowedOps));\n      }\n      state.dropEffect = DROP_OPERATION_TO_DROP_EFFECT[dropOperation] || 'none';\n    }\n\n    if (typeof options.getDropOperationForPoint === 'function') {\n      let types = new DragTypes(e.dataTransfer);\n      let rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n      let dropOperation = getDropOperation(\n        allowedOperations,\n        options.getDropOperationForPoint(types, allowedOperationsToArray(allowedOperations), state.x - rect.x, state.y - rect.y)\n      );\n      state.dropEffect = DROP_OPERATION_TO_DROP_EFFECT[dropOperation] || 'none';\n    }\n\n    state.allowedOperations = allowedOperations;\n    e.dataTransfer.dropEffect = state.dropEffect;\n\n    // If the drop operation changes, update state and fire events appropriately.\n    if (state.dropEffect === 'none' && prevDropEffect !== 'none') {\n      fireDropExit(e);\n    } else if (state.dropEffect !== 'none' && prevDropEffect === 'none') {\n      fireDropEnter(e);\n    }\n\n    if (typeof options.onDropMove === 'function' && state.dropEffect !== 'none') {\n      let rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n      options.onDropMove({\n        type: 'dropmove',\n        x: state.x - rect.x,\n        y: state.y - rect.y\n      });\n    }\n\n    clearTimeout(state.dropActivateTimer);\n\n    if (options.onDropActivate && typeof options.onDropActivate === 'function' && state.dropEffect !== 'none') {\n      let onDropActivateOptions = options.onDropActivate;\n      let rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n      state.dropActivateTimer = setTimeout(() => {\n        onDropActivateOptions({\n          type: 'dropactivate',\n          x: state.x - rect.x,\n          y: state.y - rect.y\n        });\n      }, DROP_ACTIVATE_TIMEOUT);\n    }\n  };\n\n  let onDragEnter = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    state.dragOverElements.add(getEventTarget(e));\n    if (state.dragOverElements.size > 1) {\n      return;\n    }\n\n    let allowedOperationsBits = getAllowedOperations(e);\n    let allowedOperations = allowedOperationsToArray(allowedOperationsBits);\n    let dropOperation = allowedOperations[0];\n\n    if (typeof options.getDropOperation === 'function') {\n      let types = new DragTypes(e.dataTransfer);\n      dropOperation = getDropOperation(allowedOperationsBits, options.getDropOperation(types, allowedOperations));\n    }\n\n    if (typeof options.getDropOperationForPoint === 'function') {\n      let types = new DragTypes(e.dataTransfer);\n      let rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n      dropOperation = getDropOperation(\n        allowedOperationsBits,\n        options.getDropOperationForPoint(types, allowedOperations, e.clientX - rect.x, e.clientY - rect.y)\n      );\n    }\n\n    state.x = e.clientX;\n    state.y = e.clientY;\n    state.allowedOperations = allowedOperationsBits;\n    state.dropEffect = DROP_OPERATION_TO_DROP_EFFECT[dropOperation] || 'none';\n    e.dataTransfer.dropEffect = state.dropEffect;\n\n    if (dropOperation !== 'cancel') {\n      fireDropEnter(e);\n    }\n  };\n\n  let onDragLeave = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    // We would use e.relatedTarget to detect if the drag is still inside the drop target,\n    // but it is always null in WebKit. https://bugs.webkit.org/show_bug.cgi?id=66547\n    // Instead, we track all of the targets of dragenter events in a set, and remove them\n    // in dragleave. When the set becomes empty, we've left the drop target completely.\n    // We must also remove any elements that are no longer in the DOM, because dragleave\n    // events will never be fired for these. This can happen, for example, with drop\n    // indicators between items, which disappear when the drop target changes.\n\n    let target = getEventTarget(e);\n    state.dragOverElements.delete(target);\n\n    // Only remove stale elements when leaving the drop target itself.\n    // Avoids issues with portal children bubbling dragleave events through the React tree.\n    if (target === e.currentTarget) {\n      for (let element of state.dragOverElements) {\n        if (!nodeContains(e.currentTarget, element)) {\n          state.dragOverElements.delete(element);\n        }\n      }\n    }\n\n    if (state.dragOverElements.size > 0) {\n      return;\n    }\n\n    if (state.dropEffect !== 'none') {\n      fireDropExit(e);\n    }\n\n    clearTimeout(state.dropActivateTimer);\n  };\n\n  let onDrop = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    // Track drop effect in global state for Chrome Android. https://bugs.chromium.org/p/chromium/issues/detail?id=1353951\n    // Android onDragEnd always returns \"none\" as its drop effect.\n    setGlobalDropEffect(state.dropEffect);\n\n    if (typeof options.onDrop === 'function') {\n      let dropOperation = DROP_EFFECT_TO_DROP_OPERATION[state.dropEffect];\n      let items = readFromDataTransfer(e.dataTransfer);\n\n      let rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n      let event: DropEvent = {\n        type: 'drop',\n        x: e.clientX - rect.x,\n        y: e.clientY - rect.y,\n        items,\n        dropOperation\n      };\n\n      options.onDrop(event);\n    }\n\n    let dndStateSnapshot = {...globalDndState};\n    state.dragOverElements.clear();\n    fireDropExit(e);\n    clearTimeout(state.dropActivateTimer);\n    // If there wasn't a collection being tracked as a dragged collection, then we are in a case where a non RSP drag is dropped on a\n    // RSP collection and thus we don't need to preserve the global drop effect\n    if (dndStateSnapshot.draggingCollectionRef == null) {\n      setGlobalDropEffect(undefined);\n    } else {\n      // Otherwise we need to preserve the global dnd state for onDragEnd's isInternal check.\n      // At the moment fireDropExit may clear dropCollectionRef (i.e. useDroppableCollection's provided onDropExit, required to clear dropCollectionRef when exiting a valid drop target)\n      setGlobalDnDState(dndStateSnapshot);\n    }\n  };\n\n  let onDropEnter = useEffectEvent((e: DropEnterEvent) => {\n    if (typeof options.onDropEnter === 'function') {\n      options.onDropEnter(e);\n    }\n  });\n\n  let onDropExit = useEffectEvent((e: DropExitEvent) => {\n    if (typeof options.onDropExit === 'function') {\n      options.onDropExit(e);\n    }\n  });\n\n  let onDropActivate = useEffectEvent((e: DropActivateEvent) => {\n    if (typeof options.onDropActivate === 'function') {\n      options.onDropActivate(e);\n    }\n  });\n\n  let onKeyboardDrop = useEffectEvent((e: DropEvent) => {\n    if (typeof options.onDrop === 'function') {\n      options.onDrop(e);\n    }\n  });\n\n  let getDropOperationKeyboard = useEffectEvent((types: IDragTypes, allowedOperations: DropOperation[]) => {\n    if (options.getDropOperation) {\n      return options.getDropOperation(types, allowedOperations);\n    }\n\n    return allowedOperations[0];\n  });\n\n  let {ref} = options;\n  useLayoutEffect(() => {\n    if (isDisabled || !ref.current) {\n      return;\n    }\n    return DragManager.registerDropTarget({\n      element: ref.current,\n      getDropOperation: getDropOperationKeyboard,\n      onDropEnter(e) {\n        setDropTarget(true);\n        onDropEnter(e);\n      },\n      onDropExit(e) {\n        setDropTarget(false);\n        onDropExit(e);\n      },\n      onDrop: onKeyboardDrop,\n      onDropActivate\n    });\n  }, [isDisabled, ref]);\n\n  let {dropProps} = useVirtualDrop();\n  if (isDisabled) {\n    return {\n      dropProps: {},\n      dropButtonProps: {isDisabled: true},\n      isDropTarget: false\n    };\n  }\n  return {\n    dropProps: {\n      ...(!hasDropButton && dropProps),\n      onDragEnter,\n      onDragOver,\n      onDragLeave,\n      onDrop\n    },\n    dropButtonProps: {...(hasDropButton && dropProps)},\n    isDropTarget\n  };\n}\n\nfunction getAllowedOperations(e: DragEvent) {\n  let allowedOperations = DROP_OPERATION_ALLOWED[e.dataTransfer.effectAllowed];\n\n  // WebKit always sets effectAllowed to \"copyMove\" on macOS, and \"all\" on iOS, regardless of what was\n  // set during the dragstart event: https://bugs.webkit.org/show_bug.cgi?id=178058\n  //\n  // Android Chrome also sets effectAllowed to \"copyMove\" in all cases: https://bugs.chromium.org/p/chromium/issues/detail?id=1359182\n  //\n  // If the drag started within the page, we can use a global variable to get the real allowed operations.\n  // This needs to be intersected with the actual effectAllowed, which may have been filtered based on modifier keys.\n  // Unfortunately, this means that link operations do not work at all in Safari.\n  if (globalAllowedDropOperations) {\n    allowedOperations &= globalAllowedDropOperations;\n  }\n\n  // Chrome and Safari on macOS will automatically filter effectAllowed when pressing modifier keys,\n  // allowing the user to switch between move, link, and copy operations. Firefox on macOS and all\n  // Windows browsers do not do this, so do it ourselves instead. The exact keys are platform dependent.\n  // https://ux.stackexchange.com/questions/83748/what-are-the-most-common-modifier-keys-for-dragging-objects-with-a-mouse\n  //\n  // Note that none of these modifiers are ever set in WebKit due to a bug: https://bugs.webkit.org/show_bug.cgi?id=77465\n  // However, Safari does update effectAllowed correctly, so we can just rely on that.\n  let allowedModifiers = DROP_OPERATION.none;\n  if (isMac()) {\n    if (e.altKey) {\n      allowedModifiers |= DROP_OPERATION.copy;\n    }\n\n    // Chrome and Safari both use the Control key for link, even though Finder uses Command + Option.\n    // iPadOS doesn't support link operations and will not fire the drop event at all if dropEffect is set to link.\n    // https://bugs.webkit.org/show_bug.cgi?id=244701\n    if (e.ctrlKey && !isIPad()) {\n      allowedModifiers |= DROP_OPERATION.link;\n    }\n\n    if (e.metaKey) {\n      allowedModifiers |= DROP_OPERATION.move;\n    }\n  } else {\n    if (e.altKey) {\n      allowedModifiers |= DROP_OPERATION.link;\n    }\n\n    if (e.shiftKey) {\n      allowedModifiers |= DROP_OPERATION.move;\n    }\n\n    if (e.ctrlKey) {\n      allowedModifiers |= DROP_OPERATION.copy;\n    }\n  }\n\n  if (allowedModifiers) {\n    return allowedOperations & allowedModifiers;\n  }\n\n  return allowedOperations;\n}\n\nfunction allowedOperationsToArray(allowedOperationsBits: DROP_OPERATION) {\n  let allowedOperations: Array<DropOperation> = [];\n  if (allowedOperationsBits & DROP_OPERATION.move) {\n    allowedOperations.push('move');\n  }\n\n  if (allowedOperationsBits & DROP_OPERATION.copy) {\n    allowedOperations.push('copy');\n  }\n\n  if (allowedOperationsBits & DROP_OPERATION.link) {\n    allowedOperations.push('link');\n  }\n\n  return allowedOperations;\n}\n\nfunction getDropOperation(allowedOperations: DROP_OPERATION, operation: DropOperation) {\n  let op = DROP_OPERATION[operation];\n  return allowedOperations & op ? operation : 'cancel';\n}\n"],"names":[],"version":3,"file":"useDrop.cjs.map"}