@react-aria/dnd 3.11.5 → 3.12.0

package/dist/useDropIndicator.module.js

@@ -1,97 +0,0 @@
-import {useDragSession as $67560de7c78cb232$export$418e185dd3f1b968} from "./DragManager.module.js";
-import {getDroppableCollectionId as $7252cd45fc48c07c$export$3093291712f09a77} from "./utils.module.js";
-import $8HwJV$intlStringsmodulejs from "./intlStrings.module.js";
-import {useDroppableItem as $bfaab576ce1c580e$export$f7b0c5d28b66b6a5} from "./useDroppableItem.module.js";
-import {useId as $8HwJV$useId} from "@react-aria/utils";
-import {useLocalizedStringFormatter as $8HwJV$useLocalizedStringFormatter} from "@react-aria/i18n";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/*
- * 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.
- */ 
-
-
-
-
-
-function $ddf25448c71fc93a$export$8d0e41d2815afac5(props, state, ref) {
-    let { target: target } = props;
-    let { collection: collection } = state;
-    let stringFormatter = (0, $8HwJV$useLocalizedStringFormatter)((0, ($parcel$interopDefault($8HwJV$intlStringsmodulejs))), '@react-aria/dnd');
-    let dragSession = $67560de7c78cb232$export$418e185dd3f1b968();
-    let { dropProps: dropProps } = (0, $bfaab576ce1c580e$export$f7b0c5d28b66b6a5)(props, state, ref);
-    let id = (0, $8HwJV$useId)();
-    let getText = (key)=>{
-        var _collection_getTextValue, _collection_getItem;
-        var _collection_getTextValue1, _ref;
-        if (key == null) return '';
-        else return (_ref = (_collection_getTextValue1 = (_collection_getTextValue = collection.getTextValue) === null || _collection_getTextValue === void 0 ? void 0 : _collection_getTextValue.call(collection, key)) !== null && _collection_getTextValue1 !== void 0 ? _collection_getTextValue1 : (_collection_getItem = collection.getItem(key)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.textValue) !== null && _ref !== void 0 ? _ref : '';
-    };
-    let label = '';
-    let labelledBy;
-    if (target.type === 'root') {
-        label = stringFormatter.format('dropOnRoot');
-        labelledBy = `${id} ${(0, $7252cd45fc48c07c$export$3093291712f09a77)(state)}`;
-    } else if (target.dropPosition === 'on') label = stringFormatter.format('dropOnItem', {
-        itemText: getText(target.key)
-    });
-    else {
-        let before;
-        let after;
-        if (target.dropPosition === 'before') {
-            var _collection_getItem;
-            let prevKey = (_collection_getItem = collection.getItem(target.key)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.prevKey;
-            let prevNode = prevKey != null ? collection.getItem(prevKey) : null;
-            before = (prevNode === null || prevNode === void 0 ? void 0 : prevNode.type) === 'item' ? prevNode.key : null;
-        } else before = target.key;
-        if (target.dropPosition === 'after') {
-            var _collection_getItem1;
-            let nextKey = (_collection_getItem1 = collection.getItem(target.key)) === null || _collection_getItem1 === void 0 ? void 0 : _collection_getItem1.nextKey;
-            let nextNode = nextKey != null ? collection.getItem(nextKey) : null;
-            after = (nextNode === null || nextNode === void 0 ? void 0 : nextNode.type) === 'item' ? nextNode.key : null;
-        } else after = target.key;
-        if (before != null && after != null) label = stringFormatter.format('insertBetween', {
-            beforeItemText: getText(before),
-            afterItemText: getText(after)
-        });
-        else if (before != null) label = stringFormatter.format('insertAfter', {
-            itemText: getText(before)
-        });
-        else if (after != null) label = stringFormatter.format('insertBefore', {
-            itemText: getText(after)
-        });
-    }
-    let isDropTarget = state.isDropTarget(target);
-    let ariaHidden = !dragSession ? 'true' : dropProps['aria-hidden'];
-    return {
-        dropIndicatorProps: {
-            ...dropProps,
-            id: id,
-            'aria-roledescription': stringFormatter.format('dropIndicator'),
-            'aria-label': label,
-            'aria-labelledby': labelledBy,
-            'aria-hidden': ariaHidden,
-            tabIndex: -1
-        },
-        isDropTarget: isDropTarget,
-        // If aria-hidden, we are either not in a drag session or the drop target is invalid.
-        // In that case, there's no need to render anything at all unless we need to show the indicator visually.
-        // This can happen when dragging using the native DnD API as opposed to keyboard dragging.
-        isHidden: !isDropTarget && !!ariaHidden
-    };
-}
-
-
-export {$ddf25448c71fc93a$export$8d0e41d2815afac5 as useDropIndicator};
-//# sourceMappingURL=useDropIndicator.module.js.map

package/dist/useDropIndicator.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAmCM,SAAS,0CAAiB,KAAyB,EAAE,KAA+B,EAAE,GAAkC;IAC7H,IAAI,UAAC,MAAM,EAAC,GAAG;IACf,IAAI,cAAC,UAAU,EAAC,GAAG;IAEnB,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,oDAAW,GAAG;IAChE,IAAI,cAAc;IAClB,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAe,EAAE,OAAO,OAAO;IACjD,IAAI,KAAK,CAAA,GAAA,YAAI;IACb,IAAI,UAAU,CAAC;YAIJ,0BAAkC;YAAlC,2BAAA;QAHT,IAAI,OAAO,MACT,OAAO;aAEP,OAAO,CAAA,OAAA,CAAA,6BAAA,2BAAA,WAAW,YAAY,cAAvB,+CAAA,8BAAA,YAA0B,kBAA1B,uCAAA,6BAAkC,sBAAA,WAAW,OAAO,CAAC,kBAAnB,0CAAA,oBAAyB,SAAS,cAApE,kBAAA,OAAwE;IAEnF;IAEA,IAAI,QAAQ;IACZ,IAAI;IACJ,IAAI,OAAO,IAAI,KAAK,QAAQ;QAC1B,QAAQ,gBAAgB,MAAM,CAAC;QAC/B,aAAa,GAAG,GAAG,CAAC,EAAE,CAAA,GAAA,yCAAuB,EAAE,QAAQ;IACzD,OAAO,IAAI,OAAO,YAAY,KAAK,MACjC,QAAQ,gBAAgB,MAAM,CAAC,cAAc;QAC3C,UAAU,QAAQ,OAAO,GAAG;IAC9B;SACK;QACL,IAAI;QACJ,IAAI;QACJ,IAAI,OAAO,YAAY,KAAK,UAAU;gBACtB;YAAd,IAAI,WAAU,sBAAA,WAAW,OAAO,CAAC,OAAO,GAAG,eAA7B,0CAAA,oBAAgC,OAAO;YACrD,IAAI,WAAW,WAAW,OAAO,WAAW,OAAO,CAAC,WAAW;YAC/D,SAAS,CAAA,qBAAA,+BAAA,SAAU,IAAI,MAAK,SAAS,SAAS,GAAG,GAAG;QACtD,OACE,SAAS,OAAO,GAAG;QAGrB,IAAI,OAAO,YAAY,KAAK,SAAS;gBACrB;YAAd,IAAI,WAAU,uBAAA,WAAW,OAAO,CAAC,OAAO,GAAG,eAA7B,2CAAA,qBAAgC,OAAO;YACrD,IAAI,WAAW,WAAW,OAAO,WAAW,OAAO,CAAC,WAAW;YAC/D,QAAQ,CAAA,qBAAA,+BAAA,SAAU,IAAI,MAAK,SAAS,SAAS,GAAG,GAAG;QACrD,OACE,QAAQ,OAAO,GAAG;QAGpB,IAAI,UAAU,QAAQ,SAAS,MAC7B,QAAQ,gBAAgB,MAAM,CAAC,iBAAiB;YAC9C,gBAAgB,QAAQ;YACxB,eAAe,QAAQ;QACzB;aACK,IAAI,UAAU,MACnB,QAAQ,gBAAgB,MAAM,CAAC,eAAe;YAC5C,UAAU,QAAQ;QACpB;aACK,IAAI,SAAS,MAClB,QAAQ,gBAAgB,MAAM,CAAC,gBAAgB;YAC7C,UAAU,QAAQ;QACpB;IAEJ;IAEA,IAAI,eAAe,MAAM,YAAY,CAAC;IACtC,IAAI,aAAa,CAAC,cAAc,SAAS,SAAS,CAAC,cAAc;IACjE,OAAO;QACL,oBAAoB;YAClB,GAAG,SAAS;gBACZ;YACA,wBAAwB,gBAAgB,MAAM,CAAC;YAC/C,cAAc;YACd,mBAAmB;YACnB,eAAe;YACf,UAAU;QACZ;sBACA;QACA,qFAAqF;QACrF,yGAAyG;QACzG,0FAA0F;QAC1F,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC/B;AACF","sources":["packages/@react-aria/dnd/src/useDropIndicator.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 * as DragManager from './DragManager';\nimport {DroppableCollectionState} from '@react-stately/dnd';\nimport {DropTarget, FocusableElement, Key, RefObject} from '@react-types/shared';\nimport {getDroppableCollectionId} from './utils';\nimport {HTMLAttributes} from 'react';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {useDroppableItem} from './useDroppableItem';\nimport {useId} from '@react-aria/utils';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface DropIndicatorProps {\n  /** The drop target that the drop indicator represents. */\n  target: DropTarget,\n  /** The ref to the activate button. */\n  activateButtonRef?: RefObject<FocusableElement | null>\n}\n\nexport interface DropIndicatorAria {\n  /** Props for the drop indicator element. */\n  dropIndicatorProps: HTMLAttributes<HTMLElement>,\n  /** Whether the drop indicator is currently the active drop target. */\n  isDropTarget: boolean,\n  /**\n   * Whether the drop indicator is hidden, both visually and from assistive technology.\n   * Use this to determine whether to omit the element from the DOM entirely.\n   */\n  isHidden: boolean\n}\n\n/**\n * Handles drop interactions for a target within a droppable collection.\n */\nexport function useDropIndicator(props: DropIndicatorProps, state: DroppableCollectionState, ref: RefObject<HTMLElement | null>): DropIndicatorAria {\n  let {target} = props;\n  let {collection} = state;\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/dnd');\n  let dragSession = DragManager.useDragSession();\n  let {dropProps} = useDroppableItem(props, state, ref);\n  let id = useId();\n  let getText = (key: Key | null) => {\n    if (key == null) {\n      return '';\n    } else {\n      return collection.getTextValue?.(key) ?? collection.getItem(key)?.textValue ?? '';\n    }\n  };\n\n  let label = '';\n  let labelledBy: string | undefined;\n  if (target.type === 'root') {\n    label = stringFormatter.format('dropOnRoot');\n    labelledBy = `${id} ${getDroppableCollectionId(state)}`;\n  } else if (target.dropPosition === 'on') {\n    label = stringFormatter.format('dropOnItem', {\n      itemText: getText(target.key)\n    });\n  } else {\n    let before: Key | null | undefined;\n    let after: Key | null | undefined;\n    if (target.dropPosition === 'before') {\n      let prevKey = collection.getItem(target.key)?.prevKey;\n      let prevNode = prevKey != null ? collection.getItem(prevKey) : null;\n      before = prevNode?.type === 'item' ? prevNode.key : null;\n    } else {\n      before = target.key;\n    }\n\n    if (target.dropPosition === 'after') {\n      let nextKey = collection.getItem(target.key)?.nextKey;\n      let nextNode = nextKey != null ? collection.getItem(nextKey) : null;\n      after = nextNode?.type === 'item' ? nextNode.key : null;\n    } else {\n      after = target.key;\n    }\n\n    if (before != null && after != null) {\n      label = stringFormatter.format('insertBetween', {\n        beforeItemText: getText(before),\n        afterItemText: getText(after)\n      });\n    } else if (before != null) {\n      label = stringFormatter.format('insertAfter', {\n        itemText: getText(before)\n      });\n    } else if (after != null) {\n      label = stringFormatter.format('insertBefore', {\n        itemText: getText(after)\n      });\n    }\n  }\n\n  let isDropTarget = state.isDropTarget(target);\n  let ariaHidden = !dragSession ? 'true' : dropProps['aria-hidden'];\n  return {\n    dropIndicatorProps: {\n      ...dropProps,\n      id,\n      'aria-roledescription': stringFormatter.format('dropIndicator'),\n      'aria-label': label,\n      'aria-labelledby': labelledBy,\n      'aria-hidden': ariaHidden,\n      tabIndex: -1\n    },\n    isDropTarget,\n    // If aria-hidden, we are either not in a drag session or the drop target is invalid.\n    // In that case, there's no need to render anything at all unless we need to show the indicator visually.\n    // This can happen when dragging using the native DnD API as opposed to keyboard dragging.\n    isHidden: !isDropTarget && !!ariaHidden\n  };\n}\n"],"names":[],"version":3,"file":"useDropIndicator.module.js.map"}

package/dist/useDroppableCollection.main.js

@@ -1,536 +0,0 @@
-var $4620ae0dc40f0031$exports = require("./utils.main.js");
-var $28e10663603f5ea1$exports = require("./DragManager.main.js");
-var $6e16de4c92a0f271$exports = require("./DropTargetKeyboardNavigation.main.js");
-var $12cc069a1c69155b$exports = require("./useAutoScroll.main.js");
-var $1ca228bc9257ca16$exports = require("./useDrop.main.js");
-var $foOxf$react = require("react");
-var $foOxf$reactariautils = require("@react-aria/utils");
-var $foOxf$reactariainteractions = require("@react-aria/interactions");
-var $foOxf$reactariai18n = require("@react-aria/i18n");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "useDroppableCollection", () => $7f93a158ac20b90a$export$f4e2f423c21f7b04);
-/*
- * 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.
- */ 
-
-
-
-
-
-
-
-
-function $7f93a158ac20b90a$export$f4e2f423c21f7b04(props, state, ref) {
-    let localState = (0, $foOxf$react.useRef)({
-        props: props,
-        state: state,
-        nextTarget: null,
-        dropOperation: null
-    }).current;
-    localState.props = props;
-    localState.state = state;
-    let defaultOnDrop = (0, $foOxf$react.useCallback)(async (e)=>{
-        let { onInsert: onInsert, onRootDrop: onRootDrop, onItemDrop: onItemDrop, onReorder: onReorder, onMove: onMove, acceptedDragTypes: acceptedDragTypes = 'all', shouldAcceptItemDrop: shouldAcceptItemDrop } = localState.props;
-        let { draggingKeys: draggingKeys } = (0, $4620ae0dc40f0031$exports.globalDndState);
-        let isInternal = (0, $4620ae0dc40f0031$exports.isInternalDropOperation)(ref);
-        let { target: target, dropOperation: dropOperation, items: items } = e;
-        let filteredItems = items;
-        if (acceptedDragTypes !== 'all' || shouldAcceptItemDrop) filteredItems = items.filter((item)=>{
-            let itemTypes;
-            if (item.kind === 'directory') itemTypes = new Set([
-                (0, $4620ae0dc40f0031$exports.DIRECTORY_DRAG_TYPE)
-            ]);
-            else itemTypes = item.kind === 'file' ? new Set([
-                item.type
-            ]) : item.types;
-            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);
-                return true;
-            }
-            return false;
-        });
-        if (filteredItems.length > 0) {
-            if (target.type === 'root' && onRootDrop) await onRootDrop({
-                items: filteredItems,
-                dropOperation: dropOperation
-            });
-            if (target.type === 'item') {
-                if (target.dropPosition === 'on' && onItemDrop) await onItemDrop({
-                    items: filteredItems,
-                    dropOperation: dropOperation,
-                    isInternal: isInternal,
-                    target: target
-                });
-                if (onMove && isInternal) await onMove({
-                    keys: draggingKeys,
-                    dropOperation: dropOperation,
-                    target: target
-                });
-                if (target.dropPosition !== 'on') {
-                    if (!isInternal && onInsert) await onInsert({
-                        items: filteredItems,
-                        dropOperation: dropOperation,
-                        target: target
-                    });
-                    if (isInternal && onReorder) await onReorder({
-                        keys: draggingKeys,
-                        dropOperation: dropOperation,
-                        target: target
-                    });
-                }
-            }
-        }
-    }, [
-        localState,
-        ref
-    ]);
-    let autoScroll = (0, $12cc069a1c69155b$exports.useAutoScroll)(ref);
-    let { dropProps: dropProps } = (0, $1ca228bc9257ca16$exports.useDrop)({
-        ref: ref,
-        onDropEnter () {
-            if (localState.nextTarget != null) state.setTarget(localState.nextTarget);
-        },
-        onDropMove (e) {
-            if (localState.nextTarget != null) state.setTarget(localState.nextTarget);
-            autoScroll.move(e.x, e.y);
-        },
-        getDropOperationForPoint (types, allowedOperations, x, y) {
-            let { draggingKeys: draggingKeys, dropCollectionRef: dropCollectionRef } = (0, $4620ae0dc40f0031$exports.globalDndState);
-            let isInternal = (0, $4620ae0dc40f0031$exports.isInternalDropOperation)(ref);
-            let isValidDropTarget = (target)=>state.getDropOperation({
-                    target: target,
-                    types: types,
-                    allowedOperations: allowedOperations,
-                    isInternal: isInternal,
-                    draggingKeys: draggingKeys
-                }) !== 'cancel';
-            let target = props.dropTargetDelegate.getDropTargetFromPoint(x, y, isValidDropTarget);
-            if (!target) {
-                localState.dropOperation = 'cancel';
-                localState.nextTarget = null;
-                return 'cancel';
-            }
-            localState.dropOperation = state.getDropOperation({
-                target: target,
-                types: types,
-                allowedOperations: allowedOperations,
-                isInternal: isInternal,
-                draggingKeys: draggingKeys
-            });
-            // If the target doesn't accept the drop, see if the root accepts it instead.
-            if (localState.dropOperation === 'cancel') {
-                let rootTarget = {
-                    type: 'root'
-                };
-                let dropOperation = state.getDropOperation({
-                    target: rootTarget,
-                    types: types,
-                    allowedOperations: allowedOperations,
-                    isInternal: isInternal,
-                    draggingKeys: draggingKeys
-                });
-                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, $4620ae0dc40f0031$exports.setDropCollectionRef)(ref);
-            localState.nextTarget = localState.dropOperation === 'cancel' ? null : target;
-            return localState.dropOperation;
-        },
-        onDropExit () {
-            (0, $4620ae0dc40f0031$exports.setDropCollectionRef)(undefined);
-            state.setTarget(null);
-            autoScroll.stop();
-        },
-        onDropActivate (e) {
-            var _state_target;
-            if (((_state_target = state.target) === null || _state_target === void 0 ? void 0 : _state_target.type) === 'item' && typeof props.onDropActivate === 'function') props.onDropActivate({
-                type: 'dropactivate',
-                x: e.x,
-                y: e.y,
-                target: state.target
-            });
-        },
-        onDrop (e) {
-            (0, $4620ae0dc40f0031$exports.setDropCollectionRef)(ref);
-            if (state.target) onDrop(e, state.target);
-            // 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 DnD state for onDragEnd
-            let { draggingCollectionRef: draggingCollectionRef } = (0, $4620ae0dc40f0031$exports.globalDndState);
-            if (draggingCollectionRef == null) (0, $4620ae0dc40f0031$exports.clearGlobalDnDState)();
-        }
-    });
-    let droppingState = (0, $foOxf$react.useRef)(null);
-    let updateFocusAfterDrop = (0, $foOxf$react.useCallback)(()=>{
-        let { state: state } = localState;
-        if (droppingState.current) {
-            var _state_collection_getItem;
-            let { target: target, collection: prevCollection, selectedKeys: prevSelectedKeys, focusedKey: prevFocusedKey, isInternal: isInternal, draggingKeys: draggingKeys } = droppingState.current;
-            // If an insert occurs during a drop, we want to immediately select these items to give
-            // feedback to the user that a drop occurred. Only do this if the selection didn't change
-            // since the drop started so we don't override if the user or application did something.
-            if (state.collection.size > prevCollection.size && state.selectionManager.isSelectionEqual(prevSelectedKeys)) {
-                let newKeys = new Set();
-                for (let key of state.collection.getKeys())if (!prevCollection.getItem(key)) newKeys.add(key);
-                state.selectionManager.setSelectedKeys(newKeys);
-                // If the focused item didn't change since the drop occurred, also focus the first
-                // inserted item. If selection is disabled, then also show the focus ring so there
-                // is some indication that items were added.
-                if (state.selectionManager.focusedKey === prevFocusedKey) {
-                    let first = newKeys.keys().next().value;
-                    if (first != null) {
-                        let item = state.collection.getItem(first);
-                        // If this is a cell, focus the parent row.
-                        // eslint-disable-next-line max-depth
-                        if ((item === null || item === void 0 ? void 0 : item.type) === 'cell') first = item.parentKey;
-                        // eslint-disable-next-line max-depth
-                        if (first != null) state.selectionManager.setFocusedKey(first);
-                        // eslint-disable-next-line max-depth
-                        if (state.selectionManager.selectionMode === 'none') (0, $foOxf$reactariainteractions.setInteractionModality)('keyboard');
-                    }
-                }
-            } else if (prevFocusedKey != null && state.selectionManager.focusedKey === prevFocusedKey && isInternal && target.type === 'item' && target.dropPosition !== 'on' && draggingKeys.has((_state_collection_getItem = state.collection.getItem(prevFocusedKey)) === null || _state_collection_getItem === void 0 ? void 0 : _state_collection_getItem.parentKey)) {
-                var _state_collection_getItem1;
-                var _state_collection_getItem_parentKey;
-                // Focus row instead of cell when reordering.
-                state.selectionManager.setFocusedKey((_state_collection_getItem_parentKey = (_state_collection_getItem1 = state.collection.getItem(prevFocusedKey)) === null || _state_collection_getItem1 === void 0 ? void 0 : _state_collection_getItem1.parentKey) !== null && _state_collection_getItem_parentKey !== void 0 ? _state_collection_getItem_parentKey : null);
-                (0, $foOxf$reactariainteractions.setInteractionModality)('keyboard');
-            } else if (state.selectionManager.focusedKey === prevFocusedKey && target.type === 'item' && target.dropPosition === 'on' && state.collection.getItem(target.key) != null) {
-                // If focus didn't move already (e.g. due to an insert), and the user dropped on an item,
-                // 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.
-                state.selectionManager.setFocusedKey(target.key);
-                (0, $foOxf$reactariainteractions.setInteractionModality)('keyboard');
-            } else if (state.selectionManager.focusedKey != null && !state.selectionManager.isSelected(state.selectionManager.focusedKey)) (0, $foOxf$reactariainteractions.setInteractionModality)('keyboard');
-            state.selectionManager.setFocused(true);
-        }
-    }, [
-        localState
-    ]);
-    let onDrop = (0, $foOxf$react.useCallback)((e, target)=>{
-        let { state: state } = localState;
-        // Save some state of the collection/selection before the drop occurs so we can compare later.
-        droppingState.current = {
-            timeout: undefined,
-            focusedKey: state.selectionManager.focusedKey,
-            collection: state.collection,
-            selectedKeys: state.selectionManager.selectedKeys,
-            draggingKeys: (0, $4620ae0dc40f0031$exports.globalDndState).draggingKeys,
-            isInternal: (0, $4620ae0dc40f0031$exports.isInternalDropOperation)(ref),
-            target: target
-        };
-        let onDropFn = localState.props.onDrop || defaultOnDrop;
-        onDropFn({
-            type: 'drop',
-            x: e.x,
-            y: e.y,
-            target: target,
-            items: e.items,
-            dropOperation: e.dropOperation
-        });
-        // Wait for a short time period after the onDrop is called to allow the data to be read asynchronously
-        // and for React to re-render. If the collection didn't already change during this time (handled below),
-        // update the focused key here.
-        droppingState.current.timeout = setTimeout(()=>{
-            updateFocusAfterDrop();
-            droppingState.current = null;
-        }, 50);
-    }, [
-        localState,
-        defaultOnDrop,
-        ref,
-        updateFocusAfterDrop
-    ]);
-    (0, $foOxf$react.useEffect)(()=>{
-        return ()=>{
-            if (droppingState.current) clearTimeout(droppingState.current.timeout);
-        };
-    }, []);
-    (0, $foOxf$reactariautils.useLayoutEffect)(()=>{
-        // If the collection changed after a drop, update the focused key.
-        if (droppingState.current && state.collection !== droppingState.current.collection) updateFocusAfterDrop();
-    });
-    let { direction: direction } = (0, $foOxf$reactariai18n.useLocale)();
-    (0, $foOxf$react.useEffect)(()=>{
-        if (!ref.current) return;
-        let getNextTarget = (target, wrap = true, key = 'down')=>{
-            return (0, $6e16de4c92a0f271$exports.navigate)(localState.props.keyboardDelegate, localState.state.collection, target, key, direction === 'rtl', wrap);
-        };
-        let getPreviousTarget = (target, wrap = true)=>{
-            return getNextTarget(target, wrap, 'up');
-        };
-        let nextValidTarget = (target, types, allowedDropOperations, getNextTarget, wrap = true)=>{
-            let seenRoot = 0;
-            let operation;
-            let { draggingKeys: draggingKeys } = (0, $4620ae0dc40f0031$exports.globalDndState);
-            let isInternal = (0, $4620ae0dc40f0031$exports.isInternalDropOperation)(ref);
-            do {
-                let nextTarget = getNextTarget(target, wrap);
-                if (!nextTarget) return null;
-                target = nextTarget;
-                operation = localState.state.getDropOperation({
-                    target: nextTarget,
-                    types: types,
-                    allowedOperations: allowedDropOperations,
-                    isInternal: isInternal,
-                    draggingKeys: draggingKeys
-                });
-                if (target.type === 'root') seenRoot++;
-            }while (operation === 'cancel' && !localState.state.isDropTarget(target) && seenRoot < 2);
-            if (operation === 'cancel') return null;
-            return target;
-        };
-        return $28e10663603f5ea1$exports.registerDropTarget({
-            element: ref.current,
-            preventFocusOnDrop: true,
-            getDropOperation (types, allowedOperations) {
-                if (localState.state.target) {
-                    let { draggingKeys: draggingKeys } = (0, $4620ae0dc40f0031$exports.globalDndState);
-                    let isInternal = (0, $4620ae0dc40f0031$exports.isInternalDropOperation)(ref);
-                    return localState.state.getDropOperation({
-                        target: localState.state.target,
-                        types: types,
-                        allowedOperations: allowedOperations,
-                        isInternal: isInternal,
-                        draggingKeys: draggingKeys
-                    });
-                }
-                // 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';
-            },
-            onDropEnter (e, drag) {
-                let types = (0, $4620ae0dc40f0031$exports.getTypes)(drag.items);
-                let selectionManager = localState.state.selectionManager;
-                let target = null;
-                // Update the drop collection ref tracker for useDroppableItem's getDropOperation isInternal check
-                (0, $4620ae0dc40f0031$exports.setDropCollectionRef)(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';
-                // 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 = key != null ? localState.state.collection.getItem(key) : null;
-                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 (key != null && selectionManager.isSelected(key)) {
-                    if (selectionManager.selectedKeys.size > 1 && selectionManager.firstSelectedKey === key) dropPosition = 'before';
-                    else key = selectionManager.lastSelectedKey;
-                }
-                if (key != null) {
-                    target = {
-                        type: 'item',
-                        key: key,
-                        dropPosition: dropPosition
-                    };
-                    let { draggingKeys: draggingKeys } = (0, $4620ae0dc40f0031$exports.globalDndState);
-                    let isInternal = (0, $4620ae0dc40f0031$exports.isInternalDropOperation)(ref);
-                    var _nextValidTarget;
-                    // If the default target is not valid, find the next one that is.
-                    if (localState.state.getDropOperation({
-                        target: target,
-                        types: types,
-                        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);
-                }
-                // If no focused key, then start from the root.
-                if (!target) target = nextValidTarget(null, types, drag.allowedDropOperations, getNextTarget);
-                localState.state.setTarget(target);
-            },
-            onDropExit () {
-                (0, $4620ae0dc40f0031$exports.setDropCollectionRef)(undefined);
-                localState.state.setTarget(null);
-            },
-            onDropTargetEnter (target) {
-                localState.state.setTarget(target);
-            },
-            onDropActivate (e, target) {
-                if ((target === null || target === void 0 ? void 0 : target.type) === 'item' && (target === null || target === void 0 ? void 0 : target.dropPosition) === 'on' && typeof localState.props.onDropActivate === 'function') localState.props.onDropActivate({
-                    type: 'dropactivate',
-                    x: e.x,
-                    y: e.y,
-                    target: target
-                });
-            },
-            onDrop (e, target) {
-                (0, $4620ae0dc40f0031$exports.setDropCollectionRef)(ref);
-                if (localState.state.target) onDrop(e, target || localState.state.target);
-            },
-            onKeyDown (e, drag) {
-                var _localState_props_onKeyDown, _localState_props;
-                let { keyboardDelegate: keyboardDelegate } = localState.props;
-                let types = (0, $4620ae0dc40f0031$exports.getTypes)(drag.items);
-                switch(e.key){
-                    case 'ArrowDown':
-                        if (keyboardDelegate.getKeyBelow) {
-                            let target = nextValidTarget(localState.state.target, types, drag.allowedDropOperations, (target, wrap)=>getNextTarget(target, wrap, 'down'));
-                            localState.state.setTarget(target);
-                        }
-                        break;
-                    case 'ArrowUp':
-                        if (keyboardDelegate.getKeyAbove) {
-                            let target = nextValidTarget(localState.state.target, types, drag.allowedDropOperations, (target, wrap)=>getNextTarget(target, wrap, 'up'));
-                            localState.state.setTarget(target);
-                        }
-                        break;
-                    case 'ArrowLeft':
-                        if (keyboardDelegate.getKeyLeftOf) {
-                            let target = nextValidTarget(localState.state.target, types, drag.allowedDropOperations, (target, wrap)=>getNextTarget(target, wrap, 'left'));
-                            localState.state.setTarget(target);
-                        }
-                        break;
-                    case 'ArrowRight':
-                        if (keyboardDelegate.getKeyRightOf) {
-                            let target = nextValidTarget(localState.state.target, types, drag.allowedDropOperations, (target, wrap)=>getNextTarget(target, wrap, 'right'));
-                            localState.state.setTarget(target);
-                        }
-                        break;
-                    case 'Home':
-                        if (keyboardDelegate.getFirstKey) {
-                            let target = nextValidTarget(null, types, drag.allowedDropOperations, getNextTarget);
-                            localState.state.setTarget(target);
-                        }
-                        break;
-                    case 'End':
-                        if (keyboardDelegate.getLastKey) {
-                            let target = nextValidTarget(null, types, drag.allowedDropOperations, getPreviousTarget);
-                            localState.state.setTarget(target);
-                        }
-                        break;
-                    case 'PageDown':
-                        if (keyboardDelegate.getKeyPageBelow) {
-                            let target = localState.state.target;
-                            if (!target) target = nextValidTarget(null, types, drag.allowedDropOperations, getNextTarget);
-                            else {
-                                var _keyboardDelegate_getFirstKey, _keyboardDelegate_getLastKey;
-                                // If on the root, go to the item a page below the top. Otherwise a page below the current item.
-                                let targetKey = (_keyboardDelegate_getFirstKey = keyboardDelegate.getFirstKey) === null || _keyboardDelegate_getFirstKey === void 0 ? void 0 : _keyboardDelegate_getFirstKey.call(keyboardDelegate);
-                                if (target.type === 'item') targetKey = target.key;
-                                let nextKey = null;
-                                if (targetKey != null) nextKey = keyboardDelegate.getKeyPageBelow(targetKey);
-                                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 = keyboardDelegate.getLastKey) === null || _keyboardDelegate_getLastKey === void 0 ? void 0 : _keyboardDelegate_getLastKey.call(keyboardDelegate))) {
-                                    var _keyboardDelegate_getLastKey1;
-                                    var _keyboardDelegate_getLastKey2;
-                                    nextKey = (_keyboardDelegate_getLastKey2 = (_keyboardDelegate_getLastKey1 = keyboardDelegate.getLastKey) === null || _keyboardDelegate_getLastKey1 === void 0 ? void 0 : _keyboardDelegate_getLastKey1.call(keyboardDelegate)) !== null && _keyboardDelegate_getLastKey2 !== void 0 ? _keyboardDelegate_getLastKey2 : null;
-                                    dropPosition = 'after';
-                                }
-                                if (nextKey == null) break;
-                                target = {
-                                    type: 'item',
-                                    key: nextKey,
-                                    dropPosition: dropPosition
-                                };
-                                // If the target does not accept the drop, find the next valid target.
-                                // If no next valid target, find the previous valid target.
-                                let { draggingCollectionRef: draggingCollectionRef, draggingKeys: draggingKeys } = (0, $4620ae0dc40f0031$exports.globalDndState);
-                                let isInternal = (draggingCollectionRef === null || draggingCollectionRef === void 0 ? void 0 : draggingCollectionRef.current) === (ref === null || ref === void 0 ? void 0 : ref.current);
-                                let operation = localState.state.getDropOperation({
-                                    target: target,
-                                    types: types,
-                                    allowedOperations: drag.allowedDropOperations,
-                                    isInternal: isInternal,
-                                    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);
-                            }
-                            localState.state.setTarget(target !== null && target !== void 0 ? target : localState.state.target);
-                        }
-                        break;
-                    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') {
-                                var _keyboardDelegate_getFirstKey1;
-                                // If at the top already, switch to the root. Otherwise navigate a page up.
-                                if (target.key === ((_keyboardDelegate_getFirstKey1 = keyboardDelegate.getFirstKey) === null || _keyboardDelegate_getFirstKey1 === void 0 ? void 0 : _keyboardDelegate_getFirstKey1.call(keyboardDelegate))) target = {
-                                    type: 'root'
-                                };
-                                else {
-                                    let nextKey = keyboardDelegate.getKeyPageAbove(target.key);
-                                    let dropPosition = target.dropPosition;
-                                    if (nextKey == null) {
-                                        var _keyboardDelegate_getFirstKey2;
-                                        nextKey = (_keyboardDelegate_getFirstKey2 = keyboardDelegate.getFirstKey) === null || _keyboardDelegate_getFirstKey2 === void 0 ? void 0 : _keyboardDelegate_getFirstKey2.call(keyboardDelegate);
-                                        dropPosition = 'before';
-                                    }
-                                    if (nextKey == null) break;
-                                    target = {
-                                        type: 'item',
-                                        key: nextKey,
-                                        dropPosition: dropPosition
-                                    };
-                                }
-                                // If the target does not accept the drop, find the previous valid target.
-                                // If no next valid target, find the next valid target.
-                                let { draggingKeys: draggingKeys } = (0, $4620ae0dc40f0031$exports.globalDndState);
-                                let isInternal = (0, $4620ae0dc40f0031$exports.isInternalDropOperation)(ref);
-                                let operation = localState.state.getDropOperation({
-                                    target: target,
-                                    types: types,
-                                    allowedOperations: drag.allowedDropOperations,
-                                    isInternal: isInternal,
-                                    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);
-                            }
-                            localState.state.setTarget(target !== null && target !== void 0 ? target : localState.state.target);
-                            break;
-                        }
-                }
-                (_localState_props_onKeyDown = (_localState_props = localState.props).onKeyDown) === null || _localState_props_onKeyDown === void 0 ? void 0 : _localState_props_onKeyDown.call(_localState_props, e);
-            }
-        });
-    }, [
-        localState,
-        ref,
-        onDrop,
-        direction
-    ]);
-    let id = (0, $foOxf$reactariautils.useId)();
-    (0, $4620ae0dc40f0031$exports.droppableCollectionMap).set(state, {
-        id: id,
-        ref: ref
-    });
-    return {
-        collectionProps: (0, $foOxf$reactariautils.mergeProps)(dropProps, {
-            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
-        })
-    };
-}
-
-
-//# sourceMappingURL=useDroppableCollection.main.js.map