@react-aria/interactions 3.0.0-nightly.1263 → 3.0.0-nightly.1281

package/dist/main.js

@@ -19,7 +19,8 @@ var {
   useGlobalListeners,
   useSyncRef,
   isMac,
-  useEvent
+  useEvent,
+  useDescription
 } = require("@react-aria/utils");
 
 var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
@@ -358,11 +359,12 @@ function usePress(props) {
         e.preventDefault();
         e.stopPropagation();
         state.isPressed = false;
-        triggerPressEnd($ed8d760564e19d8c7d03a6a4$var$createEvent(state.target, e), 'keyboard', e.target === state.target);
+        let target = e.target;
+        triggerPressEnd($ed8d760564e19d8c7d03a6a4$var$createEvent(state.target, e), 'keyboard', state.target.contains(target));
         removeAllGlobalListeners(); // If the target is a link, trigger the click method to open the URL,
         // but defer triggering pressEnd until onClick event handler.
 
-        if (e.target === state.target && $ed8d760564e19d8c7d03a6a4$var$isHTMLAnchorLink(state.target) || state.target.getAttribute('role') === 'link') {
+        if (state.target.contains(target) && $ed8d760564e19d8c7d03a6a4$var$isHTMLAnchorLink(state.target) || state.target.getAttribute('role') === 'link') {
           state.target.click();
         }
       }
@@ -721,6 +723,7 @@ function $ed8d760564e19d8c7d03a6a4$var$isHTMLAnchorLink(target) {
 function $ed8d760564e19d8c7d03a6a4$var$isValidKeyboardEvent(event) {
   const {
     key,
+    code,
     target
   } = event;
   const element = target;
@@ -731,7 +734,7 @@ function $ed8d760564e19d8c7d03a6a4$var$isValidKeyboardEvent(event) {
   const role = element.getAttribute('role'); // Accessibility for keyboards. Space and Enter only.
   // "Spacebar" is for IE 11
 
-  return (key === 'Enter' || key === ' ' || key === 'Spacebar') && tagName !== 'INPUT' && tagName !== 'TEXTAREA' && isContentEditable !== true && ( // A link with a valid href should be handled natively,
+  return (key === 'Enter' || key === ' ' || key === 'Spacebar' || code === 'Space') && tagName !== 'INPUT' && tagName !== 'TEXTAREA' && isContentEditable !== true && ( // A link with a valid href should be handled natively,
   // unless it also has role='button' and was triggered using Space.
   !$ed8d760564e19d8c7d03a6a4$var$isHTMLAnchorLink(element) || role === 'button' && key !== 'Enter') && // An element with role='link' should only trigger with Enter key
   !(role === 'link' && key !== 'Enter');
@@ -949,7 +952,7 @@ function $b83372066b2b4e1d9257843b2455c$var$triggerChangeHandlers(modality, e) {
 
 function $b83372066b2b4e1d9257843b2455c$var$isValidKey(e) {
   // Control and Shift keys trigger when navigating back to the tab with keyboard.
-  return !(e.metaKey || !isMac() && e.altKey || e.ctrlKey || e.type === 'keyup' && (e.key === 'Control' || e.key === 'Shift'));
+  return !(e.metaKey || !isMac() && e.altKey || e.ctrlKey || e.key === 'Control' || e.key === 'Shift' || e.key === 'Meta');
 }
 
 function $b83372066b2b4e1d9257843b2455c$var$handleKeyboardEvent(e) {
@@ -1820,4 +1823,89 @@ function useScrollWheel(props, ref) {
 }
 
 exports.useScrollWheel = useScrollWheel;
+const $c770c63e4e3d986910ca483d5a$var$DEFAULT_THRESHOLD = 500;
+
+function useLongPress(props) {
+  let {
+    isDisabled,
+    onLongPressStart,
+    onLongPressEnd,
+    onLongPress,
+    threshold = $c770c63e4e3d986910ca483d5a$var$DEFAULT_THRESHOLD,
+    accessibilityDescription
+  } = props;
+  const timeRef = useRef(null);
+  let {
+    addGlobalListener,
+    removeGlobalListener
+  } = useGlobalListeners();
+  let {
+    pressProps
+  } = usePress({
+    isDisabled,
+
+    onPressStart(e) {
+      if (e.pointerType === 'mouse' || e.pointerType === 'touch') {
+        if (onLongPressStart) {
+          onLongPressStart(_babelRuntimeHelpersExtends({}, e, {
+            type: 'longpressstart'
+          }));
+        }
+
+        timeRef.current = setTimeout(() => {
+          // Prevent other usePress handlers from also handling this event.
+          e.target.dispatchEvent(new PointerEvent('pointercancel', {
+            bubbles: true
+          }));
+
+          if (onLongPress) {
+            onLongPress(_babelRuntimeHelpersExtends({}, e, {
+              type: 'longpress'
+            }));
+          }
+
+          timeRef.current = null;
+        }, threshold); // Prevent context menu, which may be opened on long press on touch devices
+
+        if (e.pointerType === 'touch') {
+          let onContextMenu = e => {
+            e.preventDefault();
+          };
+
+          addGlobalListener(e.target, 'contextmenu', onContextMenu, {
+            once: true
+          });
+          addGlobalListener(window, 'pointerup', () => {
+            // If no contextmenu event is fired quickly after pointerup, remove the handler
+            // so future context menu events outside a long press are not prevented.
+            setTimeout(() => {
+              removeGlobalListener(e.target, 'contextmenu', onContextMenu);
+            }, 30);
+          }, {
+            once: true
+          });
+        }
+      }
+    },
+
+    onPressEnd(e) {
+      if (timeRef.current) {
+        clearTimeout(timeRef.current);
+      }
+
+      if (onLongPressEnd) {
+        onLongPressEnd(_babelRuntimeHelpersExtends({}, e, {
+          type: 'longpressend'
+        }));
+      }
+    }
+
+  });
+  let descriptionProps = useDescription(onLongPress && !isDisabled ? accessibilityDescription : null);
+  return {
+    longPressProps: mergeProps(pressProps, descriptionProps)
+  };
+}
+
+exports.useLongPress = useLongPress;
 //# sourceMappingURL=main.js.map