@react-aria/selection 3.7.3 → 3.8.2

package/dist/main.js

@@ -1,8 +1,8 @@
-var $3GohX$react = require("react");
-var $3GohX$reactariafocus = require("@react-aria/focus");
-var $3GohX$reactariautils = require("@react-aria/utils");
-var $3GohX$reactariai18n = require("@react-aria/i18n");
-var $3GohX$reactariainteractions = require("@react-aria/interactions");
+var $glPPV$react = require("react");
+var $glPPV$reactariafocus = require("@react-aria/focus");
+var $glPPV$reactariautils = require("@react-aria/utils");
+var $glPPV$reactariai18n = require("@react-aria/i18n");
+var $glPPV$reactariainteractions = require("@react-aria/interactions");
 
 function $parcel$exportWildcard(dest, source) {
   Object.keys(source).forEach(function(key) {
@@ -23,38 +23,38 @@ function $parcel$exportWildcard(dest, source) {
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-var $63f28da12772fd84$exports = {};
+var $b6837c2f80a3c32f$exports = {};
 
-$parcel$export($63f28da12772fd84$exports, "useSelectableCollection", () => $63f28da12772fd84$export$d6daf82dcd84e87c);
+$parcel$export($b6837c2f80a3c32f$exports, "useSelectableCollection", () => $b6837c2f80a3c32f$export$d6daf82dcd84e87c);
 
 
 
 
 
-function $40e30a50815aad5e$export$d3e3bd3e26688c04(e) {
+function $ee0bdf4faa47f2a8$export$d3e3bd3e26688c04(e) {
     // Ctrl + Arrow Up/Arrow Down has a system wide meaning on macOS, so use Alt instead.
     // On Windows and Ubuntu, Alt + Space has a system wide meaning.
-    return $3GohX$reactariautils.isAppleDevice() ? e.altKey : e.ctrlKey;
+    return $glPPV$reactariautils.isAppleDevice() ? e.altKey : e.ctrlKey;
 }
-function $40e30a50815aad5e$export$16792effe837dba3(e) {
-    if ($3GohX$reactariautils.isMac()) return e.metaKey;
+function $ee0bdf4faa47f2a8$export$16792effe837dba3(e) {
+    if ($glPPV$reactariautils.isMac()) return e.metaKey;
     return e.ctrlKey;
 }
 
 
 
-var $a8171b79152768c9$exports = {};
+var $a1189052f36475e8$exports = {};
 
-$parcel$export($a8171b79152768c9$exports, "useTypeSelect", () => $a8171b79152768c9$export$e32c88dfddc6e1d8);
+$parcel$export($a1189052f36475e8$exports, "useTypeSelect", () => $a1189052f36475e8$export$e32c88dfddc6e1d8);
 
-function $a8171b79152768c9$export$e32c88dfddc6e1d8(options) {
+function $a1189052f36475e8$export$e32c88dfddc6e1d8(options) {
     let { keyboardDelegate: keyboardDelegate , selectionManager: selectionManager , onTypeSelect: onTypeSelect  } = options;
-    let state = $3GohX$react.useRef({
+    let state = $glPPV$react.useRef({
         search: '',
         timeout: null
     }).current;
     let onKeyDown = (e)=>{
-        let character = $a8171b79152768c9$var$getStringForKey(e.key);
+        let character = $a1189052f36475e8$var$getStringForKey(e.key);
         if (!character || e.ctrlKey || e.metaKey) return;
         // Do not propagate the Spacebar event if it's meant to be part of the search.
         // When we time out, the search term becomes empty, hence the check on length.
@@ -87,7 +87,7 @@ function $a8171b79152768c9$export$e32c88dfddc6e1d8(options) {
         }
     };
 }
-function $a8171b79152768c9$var$getStringForKey(key) {
+function $a1189052f36475e8$var$getStringForKey(key) {
     // If the key is of length 1, it is an ASCII value.
     // Otherwise, if there are no ASCII characters in the key name,
     // it is a Unicode character.
@@ -97,10 +97,10 @@ function $a8171b79152768c9$var$getStringForKey(key) {
 }
 
 
-function $63f28da12772fd84$export$d6daf82dcd84e87c(options) {
+function $b6837c2f80a3c32f$export$d6daf82dcd84e87c(options) {
     let { selectionManager: manager , keyboardDelegate: delegate , ref: ref , autoFocus: autoFocus = false , shouldFocusWrap: shouldFocusWrap = false , disallowEmptySelection: disallowEmptySelection = false , disallowSelectAll: disallowSelectAll = false , selectOnFocus: selectOnFocus = manager.selectionBehavior === 'replace' , disallowTypeAhead: disallowTypeAhead = false , shouldUseVirtualFocus: shouldUseVirtualFocus , allowsTabNavigation: allowsTabNavigation = false , isVirtualized: isVirtualized , scrollRef: // If no scrollRef is provided, assume the collection ref is the scrollable region
     scrollRef = ref  } = options;
-    let { direction: direction  } = $3GohX$reactariai18n.useLocale();
+    let { direction: direction  } = $glPPV$reactariai18n.useLocale();
     let onKeyDown = (e)=>{
         // Prevent option + tab from doing anything since it doesn't move focus to the cells, only buttons/checkboxes
         if (e.altKey && e.key === 'Tab') e.preventDefault();
@@ -111,7 +111,7 @@ function $63f28da12772fd84$export$d6daf82dcd84e87c(options) {
             if (key != null) {
                 manager.setFocusedKey(key, childFocus);
                 if (e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(key);
-                else if (selectOnFocus && !$40e30a50815aad5e$export$d3e3bd3e26688c04(e)) manager.replaceSelection(key);
+                else if (selectOnFocus && !$ee0bdf4faa47f2a8$export$d3e3bd3e26688c04(e)) manager.replaceSelection(key);
             }
         };
         switch(e.key){
@@ -150,18 +150,18 @@ function $63f28da12772fd84$export$d6daf82dcd84e87c(options) {
             case 'Home':
                 if (delegate.getFirstKey) {
                     e.preventDefault();
-                    let firstKey = delegate.getFirstKey(manager.focusedKey, $40e30a50815aad5e$export$16792effe837dba3(e));
+                    let firstKey = delegate.getFirstKey(manager.focusedKey, $ee0bdf4faa47f2a8$export$16792effe837dba3(e));
                     manager.setFocusedKey(firstKey);
-                    if ($40e30a50815aad5e$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(firstKey);
+                    if ($ee0bdf4faa47f2a8$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(firstKey);
                     else if (selectOnFocus) manager.replaceSelection(firstKey);
                 }
                 break;
             case 'End':
                 if (delegate.getLastKey) {
                     e.preventDefault();
-                    let lastKey = delegate.getLastKey(manager.focusedKey, $40e30a50815aad5e$export$16792effe837dba3(e));
+                    let lastKey = delegate.getLastKey(manager.focusedKey, $ee0bdf4faa47f2a8$export$16792effe837dba3(e));
                     manager.setFocusedKey(lastKey);
-                    if ($40e30a50815aad5e$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(lastKey);
+                    if ($ee0bdf4faa47f2a8$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(lastKey);
                     else if (selectOnFocus) manager.replaceSelection(lastKey);
                 }
                 break;
@@ -180,7 +180,7 @@ function $63f28da12772fd84$export$d6daf82dcd84e87c(options) {
                 }
                 break;
             case 'a':
-                if ($40e30a50815aad5e$export$16792effe837dba3(e) && manager.selectionMode === 'multiple' && disallowSelectAll !== true) {
+                if ($ee0bdf4faa47f2a8$export$16792effe837dba3(e) && manager.selectionMode === 'multiple' && disallowSelectAll !== true) {
                     e.preventDefault();
                     manager.selectAll();
                 }
@@ -199,7 +199,7 @@ function $63f28da12772fd84$export$d6daf82dcd84e87c(options) {
                     // rather than the currently focused one.
                     if (e.shiftKey) ref.current.focus();
                     else {
-                        let walker = $3GohX$reactariafocus.getFocusableTreeWalker(ref.current, {
+                        let walker = $glPPV$reactariafocus.getFocusableTreeWalker(ref.current, {
                             tabbable: true
                         });
                         let next;
@@ -208,18 +208,18 @@ function $63f28da12772fd84$export$d6daf82dcd84e87c(options) {
                             last = walker.lastChild();
                             if (last) next = last;
                         }while (last)
-                        if (next && !next.contains(document.activeElement)) $3GohX$reactariautils.focusWithoutScrolling(next);
+                        if (next && !next.contains(document.activeElement)) $glPPV$reactariautils.focusWithoutScrolling(next);
                     }
                     break;
                 }
         }
     };
     // Store the scroll position so we can restore it later.
-    let scrollPos = $3GohX$react.useRef({
+    let scrollPos = $glPPV$react.useRef({
         top: 0,
         left: 0
     });
-    $3GohX$reactariautils.useEvent(scrollRef, 'scroll', isVirtualized ? null : ()=>{
+    $glPPV$reactariautils.useEvent(scrollRef, 'scroll', isVirtualized ? null : ()=>{
         scrollPos.current = {
             top: scrollRef.current.scrollTop,
             left: scrollRef.current.scrollLeft
@@ -256,8 +256,8 @@ function $63f28da12772fd84$export$d6daf82dcd84e87c(options) {
             let element = scrollRef.current.querySelector(`[data-key="${manager.focusedKey}"]`);
             if (element) {
                 // This prevents a flash of focus on the first/last element in the collection
-                $3GohX$reactariautils.focusWithoutScrolling(element);
-                $3GohX$reactariautils.scrollIntoView(scrollRef.current, element);
+                $glPPV$reactariautils.focusWithoutScrolling(element);
+                $glPPV$reactariautils.scrollIntoView(scrollRef.current, element);
             }
         }
     };
@@ -265,8 +265,8 @@ function $63f28da12772fd84$export$d6daf82dcd84e87c(options) {
         // Don't set blurred and then focused again if moving focus within the collection.
         if (!e.currentTarget.contains(e.relatedTarget)) manager.setFocused(false);
     };
-    const autoFocusRef = $3GohX$react.useRef(autoFocus);
-    $3GohX$react.useEffect(()=>{
+    const autoFocusRef = $glPPV$react.useRef(autoFocus);
+    $glPPV$react.useEffect(()=>{
         if (autoFocusRef.current) {
             let focusedKey = null;
             // Check focus strategy to determine which item to focus
@@ -278,17 +278,17 @@ function $63f28da12772fd84$export$d6daf82dcd84e87c(options) {
             manager.setFocused(true);
             manager.setFocusedKey(focusedKey);
             // If no default focus key is selected, focus the collection itself.
-            if (focusedKey == null && !shouldUseVirtualFocus) $3GohX$reactariafocus.focusSafely(ref.current);
+            if (focusedKey == null && !shouldUseVirtualFocus) $glPPV$reactariafocus.focusSafely(ref.current);
         }
         autoFocusRef.current = false;
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     // If not virtualized, scroll the focused element into view when the focusedKey changes.
     // When virtualized, Virtualizer handles this internally.
-    $3GohX$react.useEffect(()=>{
+    $glPPV$react.useEffect(()=>{
         if (!isVirtualized && manager.focusedKey && (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) {
             let element = scrollRef.current.querySelector(`[data-key="${manager.focusedKey}"]`);
-            if (element) $3GohX$reactariautils.scrollIntoView(scrollRef.current, element);
+            if (element) $glPPV$reactariautils.scrollIntoView(scrollRef.current, element);
         }
     }, [
         isVirtualized,
@@ -305,11 +305,11 @@ function $63f28da12772fd84$export$d6daf82dcd84e87c(options) {
             e.preventDefault();
         }
     };
-    let { typeSelectProps: typeSelectProps  } = $a8171b79152768c9$export$e32c88dfddc6e1d8({
+    let { typeSelectProps: typeSelectProps  } = $a1189052f36475e8$export$e32c88dfddc6e1d8({
         keyboardDelegate: delegate,
         selectionManager: manager
     });
-    if (!disallowTypeAhead) handlers = $3GohX$reactariautils.mergeProps(typeSelectProps, handlers);
+    if (!disallowTypeAhead) handlers = $glPPV$reactariautils.mergeProps(typeSelectProps, handlers);
     // If nothing is focused within the collection, make the collection itself tabbable.
     // This will be marshalled to either the first or last item depending on where focus came from.
     // If using virtual focus, don't set a tabIndex at all so that VoiceOver on iOS 14 doesn't try
@@ -325,35 +325,35 @@ function $63f28da12772fd84$export$d6daf82dcd84e87c(options) {
 }
 
 
-var $bfd2b5c64cb54dc6$exports = {};
+var $433b1145b0781e10$exports = {};
 
-$parcel$export($bfd2b5c64cb54dc6$exports, "useSelectableItem", () => $bfd2b5c64cb54dc6$export$ecf600387e221c37);
+$parcel$export($433b1145b0781e10$exports, "useSelectableItem", () => $433b1145b0781e10$export$ecf600387e221c37);
 
 
 
 
 
-function $bfd2b5c64cb54dc6$export$ecf600387e221c37(options) {
-    let { selectionManager: manager , key: key , ref: ref , shouldSelectOnPressUp: shouldSelectOnPressUp , isVirtualized: isVirtualized , shouldUseVirtualFocus: shouldUseVirtualFocus , focus: focus , isDisabled: isDisabled , onAction: onAction  } = options;
+function $433b1145b0781e10$export$ecf600387e221c37(options) {
+    let { selectionManager: manager , key: key , ref: ref , shouldSelectOnPressUp: shouldSelectOnPressUp , isVirtualized: isVirtualized , shouldUseVirtualFocus: shouldUseVirtualFocus , focus: focus , isDisabled: isDisabled , onAction: onAction , allowsDifferentPressOrigin: allowsDifferentPressOrigin  } = options;
     let onSelect = (e)=>{
-        if (e.pointerType === 'keyboard' && $40e30a50815aad5e$export$d3e3bd3e26688c04(e)) manager.toggleSelection(key);
+        if (e.pointerType === 'keyboard' && $ee0bdf4faa47f2a8$export$d3e3bd3e26688c04(e)) manager.toggleSelection(key);
         else {
             if (manager.selectionMode === 'none') return;
             if (manager.selectionMode === 'single') {
                 if (manager.isSelected(key) && !manager.disallowEmptySelection) manager.toggleSelection(key);
                 else manager.replaceSelection(key);
             } else if (e && e.shiftKey) manager.extendSelection(key);
-            else if (manager.selectionBehavior === 'toggle' || e && ($40e30a50815aad5e$export$16792effe837dba3(e) || e.pointerType === 'touch' || e.pointerType === 'virtual')) // if touch or virtual (VO) then we just want to toggle, otherwise it's impossible to multi select because they don't have modifier keys
+            else if (manager.selectionBehavior === 'toggle' || e && ($ee0bdf4faa47f2a8$export$16792effe837dba3(e) || e.pointerType === 'touch' || e.pointerType === 'virtual')) // if touch or virtual (VO) then we just want to toggle, otherwise it's impossible to multi select because they don't have modifier keys
             manager.toggleSelection(key);
             else manager.replaceSelection(key);
         }
     };
     // Focus the associated DOM node when this item becomes the focusedKey
     let isFocused = key === manager.focusedKey;
-    $3GohX$react.useEffect(()=>{
+    $glPPV$react.useEffect(()=>{
         if (isFocused && manager.isFocused && !shouldUseVirtualFocus && document.activeElement !== ref.current) {
             if (focus) focus();
-            else $3GohX$reactariafocus.focusSafely(ref.current);
+            else $glPPV$reactariafocus.focusSafely(ref.current);
         }
     }, [
         ref,
@@ -374,7 +374,7 @@ function $bfd2b5c64cb54dc6$export$ecf600387e221c37(options) {
             if (e.target === ref.current) manager.setFocusedKey(key);
         }
     };
-    let modality = $3GohX$react.useRef(null);
+    let modality = $glPPV$react.useRef(null);
     let hasPrimaryAction = onAction && manager.selectionMode === 'none';
     let hasSecondaryAction = onAction && manager.selectionMode !== 'none' && manager.selectionBehavior === 'replace';
     let allowsSelection = !isDisabled && manager.canSelectItem(key);
@@ -392,11 +392,19 @@ function $bfd2b5c64cb54dc6$export$ecf600387e221c37(options) {
             modality.current = e.pointerType;
             if (e.pointerType === 'keyboard') onSelect(e);
         };
-        itemPressProps.onPressUp = (e)=>{
+        // If allowsDifferentPressOrigin, make selection happen on pressUp (e.g. open menu on press down, selection on menu item happens on press up.)
+        // Otherwise, have selection happen onPress (prevents listview row selection when clicking on interactable elements in the row)
+        if (!allowsDifferentPressOrigin) itemPressProps.onPress = (e)=>{
             if (e.pointerType !== 'keyboard') onSelect(e);
+            if (hasPrimaryAction) onAction();
         };
-        itemPressProps.onPress = hasPrimaryAction ? ()=>onAction()
-         : null;
+        else {
+            itemPressProps.onPressUp = (e)=>{
+                if (e.pointerType !== 'keyboard') onSelect(e);
+            };
+            itemPressProps.onPress = hasPrimaryAction ? ()=>onAction()
+             : null;
+        }
     } else {
         // On touch, it feels strange to select on touch down, so we special case this.
         itemPressProps.onPressStart = (e)=>{
@@ -414,7 +422,7 @@ function $bfd2b5c64cb54dc6$export$ecf600387e221c37(options) {
     }
     if (!isVirtualized) itemProps['data-key'] = key;
     itemPressProps.preventFocusOnPress = shouldUseVirtualFocus;
-    let { pressProps: pressProps , isPressed: isPressed  } = $3GohX$reactariainteractions.usePress(itemPressProps);
+    let { pressProps: pressProps , isPressed: isPressed  } = $glPPV$reactariainteractions.usePress(itemPressProps);
     // Double clicking with a mouse with selectionBehavior = 'replace' performs an action.
     let onDoubleClick = hasSecondaryAction ? (e)=>{
         if (modality.current === 'mouse') {
@@ -427,7 +435,7 @@ function $bfd2b5c64cb54dc6$export$ecf600387e221c37(options) {
     // to 'toggle'. This changes the single tap behavior from performing an action (i.e. navigating) to
     // selecting, and may toggle the appearance of a UI affordance like checkboxes on each item.
     // TODO: what about when drag and drop is also enabled??
-    let { longPressProps: longPressProps  } = $3GohX$reactariainteractions.useLongPress({
+    let { longPressProps: longPressProps  } = $glPPV$reactariainteractions.useLongPress({
         isDisabled: !hasSecondaryAction,
         onLongPress (e) {
             if (e.pointerType === 'touch') {
@@ -441,7 +449,7 @@ function $bfd2b5c64cb54dc6$export$ecf600387e221c37(options) {
         if (e.key === 'Enter') onAction();
     } : undefined;
     return {
-        itemProps: $3GohX$reactariautils.mergeProps(itemProps, allowsSelection || hasPrimaryAction ? pressProps : {
+        itemProps: $glPPV$reactariautils.mergeProps(itemProps, allowsSelection || hasPrimaryAction ? pressProps : {
         }, hasSecondaryAction ? longPressProps : {
         }, {
             onKeyUp: onKeyUp,
@@ -452,14 +460,14 @@ function $bfd2b5c64cb54dc6$export$ecf600387e221c37(options) {
 }
 
 
-var $3c0aa40595867118$exports = {};
+var $bd230acee196f50c$exports = {};
 
-$parcel$export($3c0aa40595867118$exports, "useSelectableList", () => $3c0aa40595867118$export$b95089534ab7c1fd);
+$parcel$export($bd230acee196f50c$exports, "useSelectableList", () => $bd230acee196f50c$export$b95089534ab7c1fd);
 
-var $773bd45d87d961b3$exports = {};
+var $836f880b12dcae5c$exports = {};
 
-$parcel$export($773bd45d87d961b3$exports, "ListKeyboardDelegate", () => $773bd45d87d961b3$export$a05409b8bb224a5a);
-class $773bd45d87d961b3$export$a05409b8bb224a5a {
+$parcel$export($836f880b12dcae5c$exports, "ListKeyboardDelegate", () => $836f880b12dcae5c$export$a05409b8bb224a5a);
+class $836f880b12dcae5c$export$a05409b8bb224a5a {
     getKeyBelow(key) {
         key = this.collection.getKeyAfter(key);
         while(key != null){
@@ -540,15 +548,15 @@ class $773bd45d87d961b3$export$a05409b8bb224a5a {
 
 
 
-function $3c0aa40595867118$export$b95089534ab7c1fd(props) {
+function $bd230acee196f50c$export$b95089534ab7c1fd(props) {
     let { selectionManager: selectionManager , collection: collection , disabledKeys: disabledKeys , ref: ref , keyboardDelegate: keyboardDelegate , autoFocus: autoFocus , shouldFocusWrap: shouldFocusWrap , isVirtualized: isVirtualized , disallowEmptySelection: disallowEmptySelection , selectOnFocus: selectOnFocus = false , disallowTypeAhead: disallowTypeAhead , shouldUseVirtualFocus: shouldUseVirtualFocus , allowsTabNavigation: allowsTabNavigation  } = props;
     // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
     // When virtualized, the layout object will be passed in as a prop and override this.
-    let collator = $3GohX$reactariai18n.useCollator({
+    let collator = $glPPV$reactariai18n.useCollator({
         usage: 'search',
         sensitivity: 'base'
     });
-    let delegate = $3GohX$react.useMemo(()=>keyboardDelegate || new $773bd45d87d961b3$export$a05409b8bb224a5a(collection, disabledKeys, ref, collator)
+    let delegate = $glPPV$react.useMemo(()=>keyboardDelegate || new $836f880b12dcae5c$export$a05409b8bb224a5a(collection, disabledKeys, ref, collator)
     , [
         keyboardDelegate,
         collection,
@@ -556,7 +564,7 @@ function $3c0aa40595867118$export$b95089534ab7c1fd(props) {
         ref,
         collator
     ]);
-    let { collectionProps: collectionProps  } = $63f28da12772fd84$export$d6daf82dcd84e87c({
+    let { collectionProps: collectionProps  } = $b6837c2f80a3c32f$export$d6daf82dcd84e87c({
         ref: ref,
         selectionManager: selectionManager,
         keyboardDelegate: delegate,
@@ -578,11 +586,11 @@ function $3c0aa40595867118$export$b95089534ab7c1fd(props) {
 
 
 
-$parcel$exportWildcard(module.exports, $63f28da12772fd84$exports);
-$parcel$exportWildcard(module.exports, $bfd2b5c64cb54dc6$exports);
-$parcel$exportWildcard(module.exports, $3c0aa40595867118$exports);
-$parcel$exportWildcard(module.exports, $773bd45d87d961b3$exports);
-$parcel$exportWildcard(module.exports, $a8171b79152768c9$exports);
+$parcel$exportWildcard(module.exports, $b6837c2f80a3c32f$exports);
+$parcel$exportWildcard(module.exports, $433b1145b0781e10$exports);
+$parcel$exportWildcard(module.exports, $bd230acee196f50c$exports);
+$parcel$exportWildcard(module.exports, $836f880b12dcae5c$exports);
+$parcel$exportWildcard(module.exports, $a1189052f36475e8$exports);
 
 
 //# sourceMappingURL=main.js.map