@react-aria/dnd 3.11.5 → 3.12.0

package/dist/useDraggableCollection.main.js

@@ -1,27 +0,0 @@
-var $4620ae0dc40f0031$exports = require("./utils.main.js");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "useDraggableCollection", () => $c3e901bab7fcc6ff$export$2962a7984b2f0a80);
-/*
- * Copyright 2022 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 $c3e901bab7fcc6ff$export$2962a7984b2f0a80(props, state, ref) {
-    // Update global DnD state if this keys within this collection are dragged
-    let { draggingCollectionRef: draggingCollectionRef } = (0, $4620ae0dc40f0031$exports.globalDndState);
-    if (state.draggingKeys.size > 0 && (draggingCollectionRef === null || draggingCollectionRef === void 0 ? void 0 : draggingCollectionRef.current) !== ref.current) (0, $4620ae0dc40f0031$exports.setDraggingCollectionRef)(ref);
-}
-
-
-//# sourceMappingURL=useDraggableCollection.main.js.map

package/dist/useDraggableCollection.main.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;AAYM,SAAS,0CAAuB,KAAiC,EAAE,KAA+B,EAAE,GAAkC;IAC3I,0EAA0E;IAC1E,IAAI,yBAAC,qBAAqB,EAAC,GAAG,CAAA,GAAA,wCAAa;IAC3C,IAAK,MAAM,YAAY,CAAC,IAAI,GAAG,KAAK,CAAA,kCAAA,4CAAA,sBAAuB,OAAO,MAAK,IAAI,OAAO,EAChF,CAAA,GAAA,kDAAuB,EAAE;AAE7B","sources":["packages/@react-aria/dnd/src/useDraggableCollection.ts"],"sourcesContent":["/*\n * Copyright 2022 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 {DraggableCollectionState} from '@react-stately/dnd';\nimport {globalDndState, setDraggingCollectionRef} from './utils';\nimport {RefObject} from '@react-types/shared';\n\nexport interface DraggableCollectionOptions {}\n\n/**\n * Handles drag interactions for a collection component, 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 useDraggableCollection(props: DraggableCollectionOptions, state: DraggableCollectionState, ref: RefObject<HTMLElement | null>): void {\n  // Update global DnD state if this keys within this collection are dragged\n  let {draggingCollectionRef} = globalDndState;\n  if  (state.draggingKeys.size > 0 && draggingCollectionRef?.current !== ref.current) {\n    setDraggingCollectionRef(ref);\n  }\n}\n"],"names":[],"version":3,"file":"useDraggableCollection.main.js.map"}

package/dist/useDraggableCollection.mjs

@@ -1,22 +0,0 @@
-import {globalDndState as $7252cd45fc48c07c$export$6ca6700462636d0b, setDraggingCollectionRef as $7252cd45fc48c07c$export$f2be18a910c0caa6} from "./utils.mjs";
-
-/*
- * Copyright 2022 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 $4ac1fdc3a0fcd564$export$2962a7984b2f0a80(props, state, ref) {
-    // Update global DnD state if this keys within this collection are dragged
-    let { draggingCollectionRef: draggingCollectionRef } = (0, $7252cd45fc48c07c$export$6ca6700462636d0b);
-    if (state.draggingKeys.size > 0 && (draggingCollectionRef === null || draggingCollectionRef === void 0 ? void 0 : draggingCollectionRef.current) !== ref.current) (0, $7252cd45fc48c07c$export$f2be18a910c0caa6)(ref);
-}
-
-
-export {$4ac1fdc3a0fcd564$export$2962a7984b2f0a80 as useDraggableCollection};
-//# sourceMappingURL=useDraggableCollection.module.js.map

package/dist/useDraggableCollection.module.js

@@ -1,22 +0,0 @@
-import {globalDndState as $7252cd45fc48c07c$export$6ca6700462636d0b, setDraggingCollectionRef as $7252cd45fc48c07c$export$f2be18a910c0caa6} from "./utils.module.js";
-
-/*
- * Copyright 2022 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 $4ac1fdc3a0fcd564$export$2962a7984b2f0a80(props, state, ref) {
-    // Update global DnD state if this keys within this collection are dragged
-    let { draggingCollectionRef: draggingCollectionRef } = (0, $7252cd45fc48c07c$export$6ca6700462636d0b);
-    if (state.draggingKeys.size > 0 && (draggingCollectionRef === null || draggingCollectionRef === void 0 ? void 0 : draggingCollectionRef.current) !== ref.current) (0, $7252cd45fc48c07c$export$f2be18a910c0caa6)(ref);
-}
-
-
-export {$4ac1fdc3a0fcd564$export$2962a7984b2f0a80 as useDraggableCollection};
-//# sourceMappingURL=useDraggableCollection.module.js.map

package/dist/useDraggableCollection.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;AAAA;;;;;;;;;;CAUC;AAYM,SAAS,0CAAuB,KAAiC,EAAE,KAA+B,EAAE,GAAkC;IAC3I,0EAA0E;IAC1E,IAAI,yBAAC,qBAAqB,EAAC,GAAG,CAAA,GAAA,yCAAa;IAC3C,IAAK,MAAM,YAAY,CAAC,IAAI,GAAG,KAAK,CAAA,kCAAA,4CAAA,sBAAuB,OAAO,MAAK,IAAI,OAAO,EAChF,CAAA,GAAA,yCAAuB,EAAE;AAE7B","sources":["packages/@react-aria/dnd/src/useDraggableCollection.ts"],"sourcesContent":["/*\n * Copyright 2022 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 {DraggableCollectionState} from '@react-stately/dnd';\nimport {globalDndState, setDraggingCollectionRef} from './utils';\nimport {RefObject} from '@react-types/shared';\n\nexport interface DraggableCollectionOptions {}\n\n/**\n * Handles drag interactions for a collection component, 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 useDraggableCollection(props: DraggableCollectionOptions, state: DraggableCollectionState, ref: RefObject<HTMLElement | null>): void {\n  // Update global DnD state if this keys within this collection are dragged\n  let {draggingCollectionRef} = globalDndState;\n  if  (state.draggingKeys.size > 0 && draggingCollectionRef?.current !== ref.current) {\n    setDraggingCollectionRef(ref);\n  }\n}\n"],"names":[],"version":3,"file":"useDraggableCollection.module.js.map"}

package/dist/useDraggableItem.main.js

@@ -1,128 +0,0 @@
-var $4620ae0dc40f0031$exports = require("./utils.main.js");
-var $7c8adf3925a26206$exports = require("./intlStrings.main.js");
-var $dc204e8ec58447a6$exports = require("./useDrag.main.js");
-var $6Ms7J$reactariautils = require("@react-aria/utils");
-var $6Ms7J$reactariai18n = require("@react-aria/i18n");
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "useDraggableItem", () => $0cbbd00cda972c67$export$b35afafff42da2d9);
-/*
- * 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 $0cbbd00cda972c67$var$MESSAGES = {
-    keyboard: {
-        selected: 'dragSelectedKeyboard',
-        notSelected: 'dragDescriptionKeyboard'
-    },
-    touch: {
-        selected: 'dragSelectedLongPress',
-        notSelected: 'dragDescriptionLongPress'
-    },
-    virtual: {
-        selected: 'dragDescriptionVirtual',
-        notSelected: 'dragDescriptionVirtual'
-    }
-};
-function $0cbbd00cda972c67$export$b35afafff42da2d9(props, state) {
-    let stringFormatter = (0, $6Ms7J$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($7c8adf3925a26206$exports))), '@react-aria/dnd');
-    let isDisabled = state.isDisabled || state.selectionManager.isDisabled(props.key);
-    let { dragProps: dragProps, dragButtonProps: dragButtonProps } = (0, $dc204e8ec58447a6$exports.useDrag)({
-        getItems () {
-            return state.getItems(props.key);
-        },
-        preview: state.preview,
-        getAllowedDropOperations: state.getAllowedDropOperations,
-        hasDragButton: props.hasDragButton,
-        onDragStart (e) {
-            state.startDrag(props.key, e);
-            // Track draggingKeys for useDroppableCollection's default onDrop handler and useDroppableCollectionState's default getDropOperation
-            (0, $4620ae0dc40f0031$exports.setDraggingKeys)(state.draggingKeys);
-        },
-        onDragMove (e) {
-            state.moveDrag(e);
-        },
-        onDragEnd (e) {
-            let { dropOperation: dropOperation } = e;
-            let isInternal = dropOperation === 'cancel' ? false : (0, $4620ae0dc40f0031$exports.isInternalDropOperation)();
-            state.endDrag({
-                ...e,
-                keys: state.draggingKeys,
-                isInternal: isInternal
-            });
-            (0, $4620ae0dc40f0031$exports.clearGlobalDnDState)();
-        }
-    });
-    let item = state.collection.getItem(props.key);
-    let numKeysForDrag = state.getKeysForDrag(props.key).size;
-    let isSelected = numKeysForDrag > 1 && state.selectionManager.isSelected(props.key);
-    let dragButtonLabel;
-    let description;
-    // Override description to include selected item count.
-    let modality = (0, $4620ae0dc40f0031$exports.useDragModality)();
-    if (!props.hasDragButton && state.selectionManager.selectionMode !== 'none') {
-        let msg = $0cbbd00cda972c67$var$MESSAGES[modality][isSelected ? 'selected' : 'notSelected'];
-        if (props.hasAction && modality === 'keyboard') msg += 'Alt';
-        if (isSelected) description = stringFormatter.format(msg, {
-            count: numKeysForDrag
-        });
-        else description = stringFormatter.format(msg);
-        // Remove the onClick handler from useDrag. Long pressing will be required on touch devices,
-        // and NVDA/JAWS are always in forms mode within collection components.
-        delete dragProps.onClick;
-    } else if (isSelected) dragButtonLabel = stringFormatter.format('dragSelectedItems', {
-        count: numKeysForDrag
-    });
-    else {
-        var _state_collection_getTextValue, _state_collection;
-        var _state_collection_getTextValue1, _ref;
-        let itemText = (_ref = (_state_collection_getTextValue1 = (_state_collection_getTextValue = (_state_collection = state.collection).getTextValue) === null || _state_collection_getTextValue === void 0 ? void 0 : _state_collection_getTextValue.call(_state_collection, props.key)) !== null && _state_collection_getTextValue1 !== void 0 ? _state_collection_getTextValue1 : item === null || item === void 0 ? void 0 : item.textValue) !== null && _ref !== void 0 ? _ref : '';
-        dragButtonLabel = stringFormatter.format('dragItem', {
-            itemText: itemText
-        });
-    }
-    let descriptionProps = (0, $6Ms7J$reactariautils.useDescription)(description);
-    if (description) Object.assign(dragProps, descriptionProps);
-    if (!props.hasDragButton && props.hasAction) {
-        let { onKeyDownCapture: onKeyDownCapture, onKeyUpCapture: onKeyUpCapture } = dragProps;
-        if (modality === 'touch') // Remove long press description if an action is present, because in that case long pressing selects the item.
-        delete dragProps['aria-describedby'];
-        // Require Alt key if there is a conflicting action.
-        dragProps.onKeyDownCapture = (e)=>{
-            if (e.altKey) onKeyDownCapture === null || onKeyDownCapture === void 0 ? void 0 : onKeyDownCapture(e);
-        };
-        dragProps.onKeyUpCapture = (e)=>{
-            if (e.altKey) onKeyUpCapture === null || onKeyUpCapture === void 0 ? void 0 : onKeyUpCapture(e);
-        };
-    }
-    return {
-        dragProps: isDisabled ? {} : dragProps,
-        dragButtonProps: {
-            ...dragButtonProps,
-            isDisabled: isDisabled,
-            'aria-label': dragButtonLabel
-        }
-    };
-}
-
-
-//# sourceMappingURL=useDraggableItem.main.js.map

package/dist/useDraggableItem.main.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-aria/dnd/src/useDraggableItem.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 '@react-types/button';\nimport {clearGlobalDnDState, isInternalDropOperation, setDraggingKeys, useDragModality} from './utils';\nimport {DraggableCollectionState} from '@react-stately/dnd';\nimport {HTMLAttributes} from 'react';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {Key} from '@react-types/shared';\nimport {useDescription} from '@react-aria/utils';\nimport {useDrag} from './useDrag';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface DraggableItemProps {\n  /** The key of the draggable item within the collection. */\n  key: Key,\n  /**\n   * Whether the item has an explicit focusable drag affordance to initiate accessible drag and drop mode.\n   * If true, the dragProps will omit these event handlers, and they will be applied to dragButtonProps instead.\n   */\n  hasDragButton?: boolean,\n  /**\n   * Whether the item has a primary action (e.g. Enter key or long press) that would\n   * conflict with initiating accessible drag and drop. If true, the Alt key must be held to\n   * start dragging with a keyboard, and long press is disabled until selection mode is entered.\n   * This should be passed from the associated collection item hook (e.g. useOption, useGridListItem, etc.).\n   */\n  hasAction?: boolean\n}\n\nexport interface DraggableItemResult {\n  /** Props for the draggable item. */\n  dragProps: HTMLAttributes<HTMLElement>,\n  /** Props for the explicit drag button affordance, if any. */\n  dragButtonProps: AriaButtonProps\n}\n\nconst MESSAGES = {\n  keyboard: {\n    selected: 'dragSelectedKeyboard',\n    notSelected: 'dragDescriptionKeyboard'\n  },\n  touch: {\n    selected: 'dragSelectedLongPress',\n    notSelected: 'dragDescriptionLongPress'\n  },\n  virtual: {\n    selected: 'dragDescriptionVirtual',\n    notSelected: 'dragDescriptionVirtual'\n  }\n};\n\n/**\n * Handles drag interactions for an item within a draggable collection.\n */\nexport function useDraggableItem(props: DraggableItemProps, state: DraggableCollectionState): DraggableItemResult {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/dnd');\n  let isDisabled = state.isDisabled || state.selectionManager.isDisabled(props.key);\n  let {dragProps, dragButtonProps} = useDrag({\n    getItems() {\n      return state.getItems(props.key);\n    },\n    preview: state.preview,\n    getAllowedDropOperations: state.getAllowedDropOperations,\n    hasDragButton: props.hasDragButton,\n    onDragStart(e) {\n      state.startDrag(props.key, e);\n      // Track draggingKeys for useDroppableCollection's default onDrop handler and useDroppableCollectionState's default getDropOperation\n      setDraggingKeys(state.draggingKeys);\n    },\n    onDragMove(e) {\n      state.moveDrag(e);\n    },\n    onDragEnd(e) {\n      let {dropOperation} = e;\n      let isInternal = dropOperation === 'cancel' ? false : isInternalDropOperation();\n      state.endDrag({...e, keys: state.draggingKeys, isInternal});\n      clearGlobalDnDState();\n    }\n  });\n\n  let item = state.collection.getItem(props.key);\n  let numKeysForDrag = state.getKeysForDrag(props.key).size;\n  let isSelected = numKeysForDrag > 1 && state.selectionManager.isSelected(props.key);\n  let dragButtonLabel: string | undefined;\n  let description: string | undefined;\n\n  // Override description to include selected item count.\n  let modality = useDragModality();\n  if (!props.hasDragButton && state.selectionManager.selectionMode !== 'none') {\n    let msg = MESSAGES[modality][isSelected ? 'selected' : 'notSelected'];\n    if (props.hasAction && modality === 'keyboard') {\n      msg += 'Alt';\n    }\n\n    if (isSelected) {\n      description = stringFormatter.format(msg, {count: numKeysForDrag});\n    } else {\n      description = stringFormatter.format(msg);\n    }\n\n    // Remove the onClick handler from useDrag. Long pressing will be required on touch devices,\n    // and NVDA/JAWS are always in forms mode within collection components.\n    delete dragProps.onClick;\n  } else {\n    if (isSelected) {\n      dragButtonLabel = stringFormatter.format('dragSelectedItems', {count: numKeysForDrag});\n    } else {\n      let itemText = state.collection.getTextValue?.(props.key) ?? item?.textValue ?? '';\n      dragButtonLabel = stringFormatter.format('dragItem', {itemText});\n    }\n  }\n\n  let descriptionProps = useDescription(description);\n  if (description) {\n    Object.assign(dragProps, descriptionProps);\n  }\n\n  if (!props.hasDragButton && props.hasAction) {\n    let {onKeyDownCapture, onKeyUpCapture} = dragProps;\n    if (modality === 'touch') {\n      // Remove long press description if an action is present, because in that case long pressing selects the item.\n      delete dragProps['aria-describedby'];\n    }\n\n    // Require Alt key if there is a conflicting action.\n    dragProps.onKeyDownCapture = e => {\n      if (e.altKey) {\n        onKeyDownCapture?.(e);\n      }\n    };\n\n    dragProps.onKeyUpCapture = e => {\n      if (e.altKey) {\n        onKeyUpCapture?.(e);\n      }\n    };\n  }\n\n  return {\n    dragProps: isDisabled ? {} : dragProps,\n    dragButtonProps: {\n      ...dragButtonProps,\n      isDisabled,\n      'aria-label': dragButtonLabel\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useDraggableItem.main.js.map"}

package/dist/useDraggableItem.mjs

@@ -1,123 +0,0 @@
-import {clearGlobalDnDState as $7252cd45fc48c07c$export$70936501603e6c57, isInternalDropOperation as $7252cd45fc48c07c$export$78bf638634500fa5, setDraggingKeys as $7252cd45fc48c07c$export$72cb63bdda528276, useDragModality as $7252cd45fc48c07c$export$49bac5d6d4b352ea} from "./utils.mjs";
-import $91Fvt$intlStringsmodulejs from "./intlStrings.mjs";
-import {useDrag as $8253ed7ece74b463$export$7941f8aafa4b6021} from "./useDrag.mjs";
-import {useDescription as $91Fvt$useDescription} from "@react-aria/utils";
-import {useLocalizedStringFormatter as $91Fvt$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.
- */ 
-
-
-
-
-const $fd98cf7cbf233429$var$MESSAGES = {
-    keyboard: {
-        selected: 'dragSelectedKeyboard',
-        notSelected: 'dragDescriptionKeyboard'
-    },
-    touch: {
-        selected: 'dragSelectedLongPress',
-        notSelected: 'dragDescriptionLongPress'
-    },
-    virtual: {
-        selected: 'dragDescriptionVirtual',
-        notSelected: 'dragDescriptionVirtual'
-    }
-};
-function $fd98cf7cbf233429$export$b35afafff42da2d9(props, state) {
-    let stringFormatter = (0, $91Fvt$useLocalizedStringFormatter)((0, ($parcel$interopDefault($91Fvt$intlStringsmodulejs))), '@react-aria/dnd');
-    let isDisabled = state.isDisabled || state.selectionManager.isDisabled(props.key);
-    let { dragProps: dragProps, dragButtonProps: dragButtonProps } = (0, $8253ed7ece74b463$export$7941f8aafa4b6021)({
-        getItems () {
-            return state.getItems(props.key);
-        },
-        preview: state.preview,
-        getAllowedDropOperations: state.getAllowedDropOperations,
-        hasDragButton: props.hasDragButton,
-        onDragStart (e) {
-            state.startDrag(props.key, e);
-            // Track draggingKeys for useDroppableCollection's default onDrop handler and useDroppableCollectionState's default getDropOperation
-            (0, $7252cd45fc48c07c$export$72cb63bdda528276)(state.draggingKeys);
-        },
-        onDragMove (e) {
-            state.moveDrag(e);
-        },
-        onDragEnd (e) {
-            let { dropOperation: dropOperation } = e;
-            let isInternal = dropOperation === 'cancel' ? false : (0, $7252cd45fc48c07c$export$78bf638634500fa5)();
-            state.endDrag({
-                ...e,
-                keys: state.draggingKeys,
-                isInternal: isInternal
-            });
-            (0, $7252cd45fc48c07c$export$70936501603e6c57)();
-        }
-    });
-    let item = state.collection.getItem(props.key);
-    let numKeysForDrag = state.getKeysForDrag(props.key).size;
-    let isSelected = numKeysForDrag > 1 && state.selectionManager.isSelected(props.key);
-    let dragButtonLabel;
-    let description;
-    // Override description to include selected item count.
-    let modality = (0, $7252cd45fc48c07c$export$49bac5d6d4b352ea)();
-    if (!props.hasDragButton && state.selectionManager.selectionMode !== 'none') {
-        let msg = $fd98cf7cbf233429$var$MESSAGES[modality][isSelected ? 'selected' : 'notSelected'];
-        if (props.hasAction && modality === 'keyboard') msg += 'Alt';
-        if (isSelected) description = stringFormatter.format(msg, {
-            count: numKeysForDrag
-        });
-        else description = stringFormatter.format(msg);
-        // Remove the onClick handler from useDrag. Long pressing will be required on touch devices,
-        // and NVDA/JAWS are always in forms mode within collection components.
-        delete dragProps.onClick;
-    } else if (isSelected) dragButtonLabel = stringFormatter.format('dragSelectedItems', {
-        count: numKeysForDrag
-    });
-    else {
-        var _state_collection_getTextValue, _state_collection;
-        var _state_collection_getTextValue1, _ref;
-        let itemText = (_ref = (_state_collection_getTextValue1 = (_state_collection_getTextValue = (_state_collection = state.collection).getTextValue) === null || _state_collection_getTextValue === void 0 ? void 0 : _state_collection_getTextValue.call(_state_collection, props.key)) !== null && _state_collection_getTextValue1 !== void 0 ? _state_collection_getTextValue1 : item === null || item === void 0 ? void 0 : item.textValue) !== null && _ref !== void 0 ? _ref : '';
-        dragButtonLabel = stringFormatter.format('dragItem', {
-            itemText: itemText
-        });
-    }
-    let descriptionProps = (0, $91Fvt$useDescription)(description);
-    if (description) Object.assign(dragProps, descriptionProps);
-    if (!props.hasDragButton && props.hasAction) {
-        let { onKeyDownCapture: onKeyDownCapture, onKeyUpCapture: onKeyUpCapture } = dragProps;
-        if (modality === 'touch') // Remove long press description if an action is present, because in that case long pressing selects the item.
-        delete dragProps['aria-describedby'];
-        // Require Alt key if there is a conflicting action.
-        dragProps.onKeyDownCapture = (e)=>{
-            if (e.altKey) onKeyDownCapture === null || onKeyDownCapture === void 0 ? void 0 : onKeyDownCapture(e);
-        };
-        dragProps.onKeyUpCapture = (e)=>{
-            if (e.altKey) onKeyUpCapture === null || onKeyUpCapture === void 0 ? void 0 : onKeyUpCapture(e);
-        };
-    }
-    return {
-        dragProps: isDisabled ? {} : dragProps,
-        dragButtonProps: {
-            ...dragButtonProps,
-            isDisabled: isDisabled,
-            'aria-label': dragButtonLabel
-        }
-    };
-}
-
-
-export {$fd98cf7cbf233429$export$b35afafff42da2d9 as useDraggableItem};
-//# sourceMappingURL=useDraggableItem.module.js.map

package/dist/useDraggableItem.module.js

@@ -1,123 +0,0 @@
-import {clearGlobalDnDState as $7252cd45fc48c07c$export$70936501603e6c57, isInternalDropOperation as $7252cd45fc48c07c$export$78bf638634500fa5, setDraggingKeys as $7252cd45fc48c07c$export$72cb63bdda528276, useDragModality as $7252cd45fc48c07c$export$49bac5d6d4b352ea} from "./utils.module.js";
-import $91Fvt$intlStringsmodulejs from "./intlStrings.module.js";
-import {useDrag as $8253ed7ece74b463$export$7941f8aafa4b6021} from "./useDrag.module.js";
-import {useDescription as $91Fvt$useDescription} from "@react-aria/utils";
-import {useLocalizedStringFormatter as $91Fvt$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.
- */ 
-
-
-
-
-const $fd98cf7cbf233429$var$MESSAGES = {
-    keyboard: {
-        selected: 'dragSelectedKeyboard',
-        notSelected: 'dragDescriptionKeyboard'
-    },
-    touch: {
-        selected: 'dragSelectedLongPress',
-        notSelected: 'dragDescriptionLongPress'
-    },
-    virtual: {
-        selected: 'dragDescriptionVirtual',
-        notSelected: 'dragDescriptionVirtual'
-    }
-};
-function $fd98cf7cbf233429$export$b35afafff42da2d9(props, state) {
-    let stringFormatter = (0, $91Fvt$useLocalizedStringFormatter)((0, ($parcel$interopDefault($91Fvt$intlStringsmodulejs))), '@react-aria/dnd');
-    let isDisabled = state.isDisabled || state.selectionManager.isDisabled(props.key);
-    let { dragProps: dragProps, dragButtonProps: dragButtonProps } = (0, $8253ed7ece74b463$export$7941f8aafa4b6021)({
-        getItems () {
-            return state.getItems(props.key);
-        },
-        preview: state.preview,
-        getAllowedDropOperations: state.getAllowedDropOperations,
-        hasDragButton: props.hasDragButton,
-        onDragStart (e) {
-            state.startDrag(props.key, e);
-            // Track draggingKeys for useDroppableCollection's default onDrop handler and useDroppableCollectionState's default getDropOperation
-            (0, $7252cd45fc48c07c$export$72cb63bdda528276)(state.draggingKeys);
-        },
-        onDragMove (e) {
-            state.moveDrag(e);
-        },
-        onDragEnd (e) {
-            let { dropOperation: dropOperation } = e;
-            let isInternal = dropOperation === 'cancel' ? false : (0, $7252cd45fc48c07c$export$78bf638634500fa5)();
-            state.endDrag({
-                ...e,
-                keys: state.draggingKeys,
-                isInternal: isInternal
-            });
-            (0, $7252cd45fc48c07c$export$70936501603e6c57)();
-        }
-    });
-    let item = state.collection.getItem(props.key);
-    let numKeysForDrag = state.getKeysForDrag(props.key).size;
-    let isSelected = numKeysForDrag > 1 && state.selectionManager.isSelected(props.key);
-    let dragButtonLabel;
-    let description;
-    // Override description to include selected item count.
-    let modality = (0, $7252cd45fc48c07c$export$49bac5d6d4b352ea)();
-    if (!props.hasDragButton && state.selectionManager.selectionMode !== 'none') {
-        let msg = $fd98cf7cbf233429$var$MESSAGES[modality][isSelected ? 'selected' : 'notSelected'];
-        if (props.hasAction && modality === 'keyboard') msg += 'Alt';
-        if (isSelected) description = stringFormatter.format(msg, {
-            count: numKeysForDrag
-        });
-        else description = stringFormatter.format(msg);
-        // Remove the onClick handler from useDrag. Long pressing will be required on touch devices,
-        // and NVDA/JAWS are always in forms mode within collection components.
-        delete dragProps.onClick;
-    } else if (isSelected) dragButtonLabel = stringFormatter.format('dragSelectedItems', {
-        count: numKeysForDrag
-    });
-    else {
-        var _state_collection_getTextValue, _state_collection;
-        var _state_collection_getTextValue1, _ref;
-        let itemText = (_ref = (_state_collection_getTextValue1 = (_state_collection_getTextValue = (_state_collection = state.collection).getTextValue) === null || _state_collection_getTextValue === void 0 ? void 0 : _state_collection_getTextValue.call(_state_collection, props.key)) !== null && _state_collection_getTextValue1 !== void 0 ? _state_collection_getTextValue1 : item === null || item === void 0 ? void 0 : item.textValue) !== null && _ref !== void 0 ? _ref : '';
-        dragButtonLabel = stringFormatter.format('dragItem', {
-            itemText: itemText
-        });
-    }
-    let descriptionProps = (0, $91Fvt$useDescription)(description);
-    if (description) Object.assign(dragProps, descriptionProps);
-    if (!props.hasDragButton && props.hasAction) {
-        let { onKeyDownCapture: onKeyDownCapture, onKeyUpCapture: onKeyUpCapture } = dragProps;
-        if (modality === 'touch') // Remove long press description if an action is present, because in that case long pressing selects the item.
-        delete dragProps['aria-describedby'];
-        // Require Alt key if there is a conflicting action.
-        dragProps.onKeyDownCapture = (e)=>{
-            if (e.altKey) onKeyDownCapture === null || onKeyDownCapture === void 0 ? void 0 : onKeyDownCapture(e);
-        };
-        dragProps.onKeyUpCapture = (e)=>{
-            if (e.altKey) onKeyUpCapture === null || onKeyUpCapture === void 0 ? void 0 : onKeyUpCapture(e);
-        };
-    }
-    return {
-        dragProps: isDisabled ? {} : dragProps,
-        dragButtonProps: {
-            ...dragButtonProps,
-            isDisabled: isDisabled,
-            'aria-label': dragButtonLabel
-        }
-    };
-}
-
-
-export {$fd98cf7cbf233429$export$b35afafff42da2d9 as useDraggableItem};
-//# sourceMappingURL=useDraggableItem.module.js.map

package/dist/useDraggableItem.module.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-aria/dnd/src/useDraggableItem.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 '@react-types/button';\nimport {clearGlobalDnDState, isInternalDropOperation, setDraggingKeys, useDragModality} from './utils';\nimport {DraggableCollectionState} from '@react-stately/dnd';\nimport {HTMLAttributes} from 'react';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {Key} from '@react-types/shared';\nimport {useDescription} from '@react-aria/utils';\nimport {useDrag} from './useDrag';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface DraggableItemProps {\n  /** The key of the draggable item within the collection. */\n  key: Key,\n  /**\n   * Whether the item has an explicit focusable drag affordance to initiate accessible drag and drop mode.\n   * If true, the dragProps will omit these event handlers, and they will be applied to dragButtonProps instead.\n   */\n  hasDragButton?: boolean,\n  /**\n   * Whether the item has a primary action (e.g. Enter key or long press) that would\n   * conflict with initiating accessible drag and drop. If true, the Alt key must be held to\n   * start dragging with a keyboard, and long press is disabled until selection mode is entered.\n   * This should be passed from the associated collection item hook (e.g. useOption, useGridListItem, etc.).\n   */\n  hasAction?: boolean\n}\n\nexport interface DraggableItemResult {\n  /** Props for the draggable item. */\n  dragProps: HTMLAttributes<HTMLElement>,\n  /** Props for the explicit drag button affordance, if any. */\n  dragButtonProps: AriaButtonProps\n}\n\nconst MESSAGES = {\n  keyboard: {\n    selected: 'dragSelectedKeyboard',\n    notSelected: 'dragDescriptionKeyboard'\n  },\n  touch: {\n    selected: 'dragSelectedLongPress',\n    notSelected: 'dragDescriptionLongPress'\n  },\n  virtual: {\n    selected: 'dragDescriptionVirtual',\n    notSelected: 'dragDescriptionVirtual'\n  }\n};\n\n/**\n * Handles drag interactions for an item within a draggable collection.\n */\nexport function useDraggableItem(props: DraggableItemProps, state: DraggableCollectionState): DraggableItemResult {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/dnd');\n  let isDisabled = state.isDisabled || state.selectionManager.isDisabled(props.key);\n  let {dragProps, dragButtonProps} = useDrag({\n    getItems() {\n      return state.getItems(props.key);\n    },\n    preview: state.preview,\n    getAllowedDropOperations: state.getAllowedDropOperations,\n    hasDragButton: props.hasDragButton,\n    onDragStart(e) {\n      state.startDrag(props.key, e);\n      // Track draggingKeys for useDroppableCollection's default onDrop handler and useDroppableCollectionState's default getDropOperation\n      setDraggingKeys(state.draggingKeys);\n    },\n    onDragMove(e) {\n      state.moveDrag(e);\n    },\n    onDragEnd(e) {\n      let {dropOperation} = e;\n      let isInternal = dropOperation === 'cancel' ? false : isInternalDropOperation();\n      state.endDrag({...e, keys: state.draggingKeys, isInternal});\n      clearGlobalDnDState();\n    }\n  });\n\n  let item = state.collection.getItem(props.key);\n  let numKeysForDrag = state.getKeysForDrag(props.key).size;\n  let isSelected = numKeysForDrag > 1 && state.selectionManager.isSelected(props.key);\n  let dragButtonLabel: string | undefined;\n  let description: string | undefined;\n\n  // Override description to include selected item count.\n  let modality = useDragModality();\n  if (!props.hasDragButton && state.selectionManager.selectionMode !== 'none') {\n    let msg = MESSAGES[modality][isSelected ? 'selected' : 'notSelected'];\n    if (props.hasAction && modality === 'keyboard') {\n      msg += 'Alt';\n    }\n\n    if (isSelected) {\n      description = stringFormatter.format(msg, {count: numKeysForDrag});\n    } else {\n      description = stringFormatter.format(msg);\n    }\n\n    // Remove the onClick handler from useDrag. Long pressing will be required on touch devices,\n    // and NVDA/JAWS are always in forms mode within collection components.\n    delete dragProps.onClick;\n  } else {\n    if (isSelected) {\n      dragButtonLabel = stringFormatter.format('dragSelectedItems', {count: numKeysForDrag});\n    } else {\n      let itemText = state.collection.getTextValue?.(props.key) ?? item?.textValue ?? '';\n      dragButtonLabel = stringFormatter.format('dragItem', {itemText});\n    }\n  }\n\n  let descriptionProps = useDescription(description);\n  if (description) {\n    Object.assign(dragProps, descriptionProps);\n  }\n\n  if (!props.hasDragButton && props.hasAction) {\n    let {onKeyDownCapture, onKeyUpCapture} = dragProps;\n    if (modality === 'touch') {\n      // Remove long press description if an action is present, because in that case long pressing selects the item.\n      delete dragProps['aria-describedby'];\n    }\n\n    // Require Alt key if there is a conflicting action.\n    dragProps.onKeyDownCapture = e => {\n      if (e.altKey) {\n        onKeyDownCapture?.(e);\n      }\n    };\n\n    dragProps.onKeyUpCapture = e => {\n      if (e.altKey) {\n        onKeyUpCapture?.(e);\n      }\n    };\n  }\n\n  return {\n    dragProps: isDisabled ? {} : dragProps,\n    dragButtonProps: {\n      ...dragButtonProps,\n      isDisabled,\n      'aria-label': dragButtonLabel\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useDraggableItem.module.js.map"}