@sparrowengg/integrations-templates-frontend 6.0.4 → 6.0.7

package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@react-aria/interactions/dist/usePress.js

@@ -0,0 +1,687 @@
+'use strict';
+
+var utils = require('./utils.js');
+var textSelection = require('./textSelection.js');
+var context = require('./context.js');
+var _class_private_field_get = require('../../../@swc/helpers/esm/_class_private_field_get.js');
+var _class_private_field_init = require('../../../@swc/helpers/esm/_class_private_field_init.js');
+var _class_private_field_set = require('../../../@swc/helpers/esm/_class_private_field_set.js');
+var chain = require('../../utils/dist/chain.js');
+var DOMFunctions = require('../../utils/dist/DOMFunctions.js');
+var domHelpers = require('../../utils/dist/domHelpers.js');
+var mergeProps = require('../../utils/dist/mergeProps.js');
+var focusWithoutScrolling = require('../../utils/dist/focusWithoutScrolling.js');
+var openLink = require('../../utils/dist/openLink.js');
+var useGlobalListeners = require('../../utils/dist/useGlobalListeners.js');
+var useSyncRef = require('../../utils/dist/useSyncRef.js');
+var platform = require('../../utils/dist/platform.js');
+var isVirtualEvent = require('../../utils/dist/isVirtualEvent.js');
+var useEffectEvent = require('../../utils/dist/useEffectEvent.js');
+var ReactDOM = require('react-dom');
+var React = require('react');
+
+/*
+ * 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.
+ */ // Portions of the code in this file are based on code from react.
+// Original licensing for the following can be found in the
+// NOTICE file in the root directory of this source tree.
+// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
+
+
+
+
+
+
+
+
+
+function $f6c31cce2adf654f$var$usePressResponderContext(props) {
+    // Consume context from <PressResponder> and merge with props.
+    let context$1 = (React.useContext)((context.PressResponderContext));
+    if (context$1) {
+        let { register: register, ...contextProps } = context$1;
+        props = (mergeProps.mergeProps)(contextProps, props);
+        register();
+    }
+    (useSyncRef.useSyncRef)(context$1, props.ref);
+    return props;
+}
+var $f6c31cce2adf654f$var$_shouldStopPropagation = /*#__PURE__*/ new WeakMap();
+class $f6c31cce2adf654f$var$PressEvent {
+    continuePropagation() {
+        (_class_private_field_set._)(this, $f6c31cce2adf654f$var$_shouldStopPropagation, false);
+    }
+    get shouldStopPropagation() {
+        return (_class_private_field_get._)(this, $f6c31cce2adf654f$var$_shouldStopPropagation);
+    }
+    constructor(type, pointerType, originalEvent, state){
+        (_class_private_field_init._)(this, $f6c31cce2adf654f$var$_shouldStopPropagation, {
+            writable: true,
+            value: void 0
+        });
+        (_class_private_field_set._)(this, $f6c31cce2adf654f$var$_shouldStopPropagation, true);
+        var _state_target;
+        let currentTarget = (_state_target = state === null || state === void 0 ? void 0 : state.target) !== null && _state_target !== void 0 ? _state_target : originalEvent.currentTarget;
+        const rect = currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.getBoundingClientRect();
+        let x, y = 0;
+        let clientX, clientY = null;
+        if (originalEvent.clientX != null && originalEvent.clientY != null) {
+            clientX = originalEvent.clientX;
+            clientY = originalEvent.clientY;
+        }
+        if (rect) {
+            if (clientX != null && clientY != null) {
+                x = clientX - rect.left;
+                y = clientY - rect.top;
+            } else {
+                x = rect.width / 2;
+                y = rect.height / 2;
+            }
+        }
+        this.type = type;
+        this.pointerType = pointerType;
+        this.target = originalEvent.currentTarget;
+        this.shiftKey = originalEvent.shiftKey;
+        this.metaKey = originalEvent.metaKey;
+        this.ctrlKey = originalEvent.ctrlKey;
+        this.altKey = originalEvent.altKey;
+        this.x = x;
+        this.y = y;
+    }
+}
+const $f6c31cce2adf654f$var$LINK_CLICKED = Symbol('linkClicked');
+const $f6c31cce2adf654f$var$STYLE_ID = 'react-aria-pressable-style';
+const $f6c31cce2adf654f$var$PRESSABLE_ATTRIBUTE = 'data-react-aria-pressable';
+function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
+    let { onPress: onPress, onPressChange: onPressChange, onPressStart: onPressStart, onPressEnd: onPressEnd, onPressUp: onPressUp, onClick: onClick, isDisabled: isDisabled, isPressed: isPressedProp, preventFocusOnPress: preventFocusOnPress, shouldCancelOnPointerExit: shouldCancelOnPointerExit, allowTextSelectionOnPress: allowTextSelectionOnPress, ref: domRef, ...domProps } = $f6c31cce2adf654f$var$usePressResponderContext(props);
+    let [isPressed, setPressed] = (React.useState)(false);
+    let ref = (React.useRef)({
+        isPressed: false,
+        ignoreEmulatedMouseEvents: false,
+        didFirePressStart: false,
+        isTriggeringEvent: false,
+        activePointerId: null,
+        target: null,
+        isOverTarget: false,
+        pointerType: null,
+        disposables: []
+    });
+    let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners } = (useGlobalListeners.useGlobalListeners)();
+    let triggerPressStart = (useEffectEvent.useEffectEvent)((originalEvent, pointerType)=>{
+        let state = ref.current;
+        if (isDisabled || state.didFirePressStart) return false;
+        let shouldStopPropagation = true;
+        state.isTriggeringEvent = true;
+        if (onPressStart) {
+            let event = new $f6c31cce2adf654f$var$PressEvent('pressstart', pointerType, originalEvent);
+            onPressStart(event);
+            shouldStopPropagation = event.shouldStopPropagation;
+        }
+        if (onPressChange) onPressChange(true);
+        state.isTriggeringEvent = false;
+        state.didFirePressStart = true;
+        setPressed(true);
+        return shouldStopPropagation;
+    });
+    let triggerPressEnd = (useEffectEvent.useEffectEvent)((originalEvent, pointerType, wasPressed = true)=>{
+        let state = ref.current;
+        if (!state.didFirePressStart) return false;
+        state.didFirePressStart = false;
+        state.isTriggeringEvent = true;
+        let shouldStopPropagation = true;
+        if (onPressEnd) {
+            let event = new $f6c31cce2adf654f$var$PressEvent('pressend', pointerType, originalEvent);
+            onPressEnd(event);
+            shouldStopPropagation = event.shouldStopPropagation;
+        }
+        if (onPressChange) onPressChange(false);
+        setPressed(false);
+        if (onPress && wasPressed && !isDisabled) {
+            let event = new $f6c31cce2adf654f$var$PressEvent('press', pointerType, originalEvent);
+            onPress(event);
+            shouldStopPropagation && (shouldStopPropagation = event.shouldStopPropagation);
+        }
+        state.isTriggeringEvent = false;
+        return shouldStopPropagation;
+    });
+    let triggerPressUp = (useEffectEvent.useEffectEvent)((originalEvent, pointerType)=>{
+        let state = ref.current;
+        if (isDisabled) return false;
+        if (onPressUp) {
+            state.isTriggeringEvent = true;
+            let event = new $f6c31cce2adf654f$var$PressEvent('pressup', pointerType, originalEvent);
+            onPressUp(event);
+            state.isTriggeringEvent = false;
+            return event.shouldStopPropagation;
+        }
+        return true;
+    });
+    let cancel = (useEffectEvent.useEffectEvent)((e)=>{
+        let state = ref.current;
+        if (state.isPressed && state.target) {
+            if (state.didFirePressStart && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
+            state.isPressed = false;
+            state.isOverTarget = false;
+            state.activePointerId = null;
+            state.pointerType = null;
+            removeAllGlobalListeners();
+            if (!allowTextSelectionOnPress) (textSelection.restoreTextSelection)(state.target);
+            for (let dispose of state.disposables)dispose();
+            state.disposables = [];
+        }
+    });
+    let cancelOnPointerExit = (useEffectEvent.useEffectEvent)((e)=>{
+        if (shouldCancelOnPointerExit) cancel(e);
+    });
+    let triggerClick = (useEffectEvent.useEffectEvent)((e)=>{
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    });
+    let triggerSyntheticClick = (useEffectEvent.useEffectEvent)((e, target)=>{
+        // Some third-party libraries pass in onClick instead of onPress.
+        // Create a fake mouse event and trigger onClick as well.
+        // This matches the browser's native activation behavior for certain elements (e.g. button).
+        // https://html.spec.whatwg.org/#activation
+        // https://html.spec.whatwg.org/#fire-a-synthetic-pointer-event
+        if (onClick) {
+            let event = new MouseEvent('click', e);
+            (utils.setEventTarget)(event, target);
+            onClick((utils.createSyntheticEvent)(event));
+        }
+    });
+    let pressProps = (React.useMemo)(()=>{
+        let state = ref.current;
+        let pressProps = {
+            onKeyDown (e) {
+                if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && (DOMFunctions.nodeContains)(e.currentTarget, (DOMFunctions.getEventTarget)(e.nativeEvent))) {
+                    var _state_metaKeyEvents;
+                    if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard((DOMFunctions.getEventTarget)(e.nativeEvent), e.key)) e.preventDefault();
+                    // If the event is repeating, it may have started on a different element
+                    // after which focus moved to the current element. Ignore these events and
+                    // only handle the first key down event.
+                    let shouldStopPropagation = true;
+                    if (!state.isPressed && !e.repeat) {
+                        state.target = e.currentTarget;
+                        state.isPressed = true;
+                        state.pointerType = 'keyboard';
+                        shouldStopPropagation = triggerPressStart(e, 'keyboard');
+                        // Focus may move before the key up event, so register the event on the document
+                        // instead of the same element where the key down event occurred. Make it capturing so that it will trigger
+                        // before stopPropagation from useKeyboard on a child element may happen and thus we can still call triggerPress for the parent element.
+                        let originalTarget = e.currentTarget;
+                        let pressUp = (e)=>{
+                            if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e, originalTarget) && !e.repeat && (DOMFunctions.nodeContains)(originalTarget, (DOMFunctions.getEventTarget)(e)) && state.target) triggerPressUp($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard');
+                        };
+                        addGlobalListener((domHelpers.getOwnerDocument)(e.currentTarget), 'keyup', (chain.chain)(pressUp, onKeyUp), true);
+                    }
+                    if (shouldStopPropagation) e.stopPropagation();
+                    // Keep track of the keydown events that occur while the Meta (e.g. Command) key is held.
+                    // macOS has a bug where keyup events are not fired while the Meta key is down.
+                    // When the Meta key itself is released we will get an event for that, and we'll act as if
+                    // all of these other keys were released as well.
+                    // https://bugs.chromium.org/p/chromium/issues/detail?id=1393524
+                    // https://bugs.webkit.org/show_bug.cgi?id=55291
+                    // https://bugzilla.mozilla.org/show_bug.cgi?id=1299553
+                    if (e.metaKey && (platform.isMac)()) (_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.set(e.key, e.nativeEvent);
+                } else if (e.key === 'Meta') state.metaKeyEvents = new Map();
+            },
+            onClick (e) {
+                if (e && !(DOMFunctions.nodeContains)(e.currentTarget, (DOMFunctions.getEventTarget)(e.nativeEvent))) return;
+                if (e && e.button === 0 && !state.isTriggeringEvent && !(openLink.openLink).isOpening) {
+                    let shouldStopPropagation = true;
+                    if (isDisabled) e.preventDefault();
+                    // If triggered from a screen reader or by using element.click(),
+                    // trigger as if it were a keyboard click.
+                    if (!state.ignoreEmulatedMouseEvents && !state.isPressed && (state.pointerType === 'virtual' || (isVirtualEvent.isVirtualClick)(e.nativeEvent))) {
+                        let stopPressStart = triggerPressStart(e, 'virtual');
+                        let stopPressUp = triggerPressUp(e, 'virtual');
+                        let stopPressEnd = triggerPressEnd(e, 'virtual');
+                        triggerClick(e);
+                        shouldStopPropagation = stopPressStart && stopPressUp && stopPressEnd;
+                    } else if (state.isPressed && state.pointerType !== 'keyboard') {
+                        let pointerType = state.pointerType || e.nativeEvent.pointerType || 'virtual';
+                        let stopPressUp = triggerPressUp($f6c31cce2adf654f$var$createEvent(e.currentTarget, e), pointerType);
+                        let stopPressEnd = triggerPressEnd($f6c31cce2adf654f$var$createEvent(e.currentTarget, e), pointerType, true);
+                        shouldStopPropagation = stopPressUp && stopPressEnd;
+                        state.isOverTarget = false;
+                        triggerClick(e);
+                        cancel(e);
+                    }
+                    state.ignoreEmulatedMouseEvents = false;
+                    if (shouldStopPropagation) e.stopPropagation();
+                }
+            }
+        };
+        let onKeyUp = (e)=>{
+            var _state_metaKeyEvents;
+            if (state.isPressed && state.target && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, state.target)) {
+                var _state_metaKeyEvents1;
+                if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard((DOMFunctions.getEventTarget)(e), e.key)) e.preventDefault();
+                let target = (DOMFunctions.getEventTarget)(e);
+                let wasPressed = (DOMFunctions.nodeContains)(state.target, (DOMFunctions.getEventTarget)(e));
+                triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard', wasPressed);
+                if (wasPressed) triggerSyntheticClick(e, state.target);
+                removeAllGlobalListeners();
+                // If a link was triggered with a key other than Enter, open the URL ourselves.
+                // This means the link has a role override, and the default browser behavior
+                // only applies when using the Enter key.
+                if (e.key !== 'Enter' && $f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) && (DOMFunctions.nodeContains)(state.target, target) && !e[$f6c31cce2adf654f$var$LINK_CLICKED]) {
+                    // Store a hidden property on the event so we only trigger link click once,
+                    // even if there are multiple usePress instances attached to the element.
+                    e[$f6c31cce2adf654f$var$LINK_CLICKED] = true;
+                    (openLink.openLink)(state.target, e, false);
+                }
+                state.isPressed = false;
+                (_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 === void 0 ? void 0 : _state_metaKeyEvents1.delete(e.key);
+            } else if (e.key === 'Meta' && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.size)) {
+                var _state_target;
+                // If we recorded keydown events that occurred while the Meta key was pressed,
+                // and those haven't received keyup events already, fire keyup events ourselves.
+                // See comment above for more info about the macOS bug causing this.
+                let events = state.metaKeyEvents;
+                state.metaKeyEvents = undefined;
+                for (let event of events.values())(_state_target = state.target) === null || _state_target === void 0 ? void 0 : _state_target.dispatchEvent(new KeyboardEvent('keyup', event));
+            }
+        };
+        if (typeof PointerEvent !== 'undefined') {
+            pressProps.onPointerDown = (e)=>{
+                // Only handle left clicks, and ignore events that bubbled through portals.
+                if (e.button !== 0 || !(DOMFunctions.nodeContains)(e.currentTarget, (DOMFunctions.getEventTarget)(e.nativeEvent))) return;
+                // iOS safari fires pointer events from VoiceOver with incorrect coordinates/target.
+                // Ignore and let the onClick handler take care of it instead.
+                // https://bugs.webkit.org/show_bug.cgi?id=222627
+                // https://bugs.webkit.org/show_bug.cgi?id=223202
+                if ((isVirtualEvent.isVirtualPointerEvent)(e.nativeEvent)) {
+                    state.pointerType = 'virtual';
+                    return;
+                }
+                state.pointerType = e.pointerType;
+                let shouldStopPropagation = true;
+                if (!state.isPressed) {
+                    state.isPressed = true;
+                    state.isOverTarget = true;
+                    state.activePointerId = e.pointerId;
+                    state.target = e.currentTarget;
+                    if (!allowTextSelectionOnPress) (textSelection.disableTextSelection)(state.target);
+                    shouldStopPropagation = triggerPressStart(e, state.pointerType);
+                    // Release pointer capture so that touch interactions can leave the original target.
+                    // This enables onPointerLeave and onPointerEnter to fire.
+                    let target = (DOMFunctions.getEventTarget)(e.nativeEvent);
+                    if ('releasePointerCapture' in target) target.releasePointerCapture(e.pointerId);
+                    addGlobalListener((domHelpers.getOwnerDocument)(e.currentTarget), 'pointerup', onPointerUp, false);
+                    addGlobalListener((domHelpers.getOwnerDocument)(e.currentTarget), 'pointercancel', onPointerCancel, false);
+                }
+                if (shouldStopPropagation) e.stopPropagation();
+            };
+            pressProps.onMouseDown = (e)=>{
+                if (!(DOMFunctions.nodeContains)(e.currentTarget, (DOMFunctions.getEventTarget)(e.nativeEvent))) return;
+                if (e.button === 0) {
+                    if (preventFocusOnPress) {
+                        let dispose = (utils.preventFocus)(e.target);
+                        if (dispose) state.disposables.push(dispose);
+                    }
+                    e.stopPropagation();
+                }
+            };
+            pressProps.onPointerUp = (e)=>{
+                // iOS fires pointerup with zero width and height, so check the pointerType recorded during pointerdown.
+                if (!(DOMFunctions.nodeContains)(e.currentTarget, (DOMFunctions.getEventTarget)(e.nativeEvent)) || state.pointerType === 'virtual') return;
+                // Only handle left clicks. If isPressed is true, delay until onClick.
+                if (e.button === 0 && !state.isPressed) triggerPressUp(e, state.pointerType || e.pointerType);
+            };
+            pressProps.onPointerEnter = (e)=>{
+                if (e.pointerId === state.activePointerId && state.target && !state.isOverTarget && state.pointerType != null) {
+                    state.isOverTarget = true;
+                    triggerPressStart($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);
+                }
+            };
+            pressProps.onPointerLeave = (e)=>{
+                if (e.pointerId === state.activePointerId && state.target && state.isOverTarget && state.pointerType != null) {
+                    state.isOverTarget = false;
+                    triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
+                    cancelOnPointerExit(e);
+                }
+            };
+            let onPointerUp = (e)=>{
+                if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0 && state.target) {
+                    if ((DOMFunctions.nodeContains)(state.target, (DOMFunctions.getEventTarget)(e)) && state.pointerType != null) {
+                        // Wait for onClick to fire onPress. This avoids browser issues when the DOM
+                        // is mutated between onPointerUp and onClick, and is more compatible with third party libraries.
+                        // https://github.com/adobe/react-spectrum/issues/1513
+                        // https://issues.chromium.org/issues/40732224
+                        // However, iOS and Android do not focus or fire onClick after a long press.
+                        // We work around this by triggering a click ourselves after a timeout.
+                        // This timeout is canceled during the click event in case the real one fires first.
+                        // The timeout must be at least 32ms, because Safari on iOS delays the click event on
+                        // non-form elements without certain ARIA roles (for hover emulation).
+                        // https://github.com/WebKit/WebKit/blob/dccfae42bb29bd4bdef052e469f604a9387241c0/Source/WebKit/WebProcess/WebPage/ios/WebPageIOS.mm#L875-L892
+                        let clicked = false;
+                        let timeout = setTimeout(()=>{
+                            if (state.isPressed && state.target instanceof HTMLElement) {
+                                if (clicked) cancel(e);
+                                else {
+                                    (focusWithoutScrolling.focusWithoutScrolling)(state.target);
+                                    state.target.click();
+                                }
+                            }
+                        }, 80);
+                        // Use a capturing listener to track if a click occurred.
+                        // If stopPropagation is called it may never reach our handler.
+                        addGlobalListener(e.currentTarget, 'click', ()=>clicked = true, true);
+                        state.disposables.push(()=>clearTimeout(timeout));
+                    } else cancel(e);
+                    // Ignore subsequent onPointerLeave event before onClick on touch devices.
+                    state.isOverTarget = false;
+                }
+            };
+            let onPointerCancel = (e)=>{
+                cancel(e);
+            };
+            pressProps.onDragStart = (e)=>{
+                if (!(DOMFunctions.nodeContains)(e.currentTarget, (DOMFunctions.getEventTarget)(e.nativeEvent))) return;
+                // Safari does not call onPointerCancel when a drag starts, whereas Chrome and Firefox do.
+                cancel(e);
+            };
+        } else if (process.env.NODE_ENV === 'test') {
+            // NOTE: this fallback branch is entirely used by unit tests.
+            // All browsers now support pointer events, but JSDOM still does not.
+            pressProps.onMouseDown = (e)=>{
+                // Only handle left clicks
+                if (e.button !== 0 || !(DOMFunctions.nodeContains)(e.currentTarget, (DOMFunctions.getEventTarget)(e.nativeEvent))) return;
+                if (state.ignoreEmulatedMouseEvents) {
+                    e.stopPropagation();
+                    return;
+                }
+                state.isPressed = true;
+                state.isOverTarget = true;
+                state.target = e.currentTarget;
+                state.pointerType = (isVirtualEvent.isVirtualClick)(e.nativeEvent) ? 'virtual' : 'mouse';
+                // Flush sync so that focus moved during react re-renders occurs before we yield back to the browser.
+                let shouldStopPropagation = (ReactDOM.flushSync)(()=>triggerPressStart(e, state.pointerType));
+                if (shouldStopPropagation) e.stopPropagation();
+                if (preventFocusOnPress) {
+                    let dispose = (utils.preventFocus)(e.target);
+                    if (dispose) state.disposables.push(dispose);
+                }
+                addGlobalListener((domHelpers.getOwnerDocument)(e.currentTarget), 'mouseup', onMouseUp, false);
+            };
+            pressProps.onMouseEnter = (e)=>{
+                if (!(DOMFunctions.nodeContains)(e.currentTarget, (DOMFunctions.getEventTarget)(e.nativeEvent))) return;
+                let shouldStopPropagation = true;
+                if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
+                    state.isOverTarget = true;
+                    shouldStopPropagation = triggerPressStart(e, state.pointerType);
+                }
+                if (shouldStopPropagation) e.stopPropagation();
+            };
+            pressProps.onMouseLeave = (e)=>{
+                if (!(DOMFunctions.nodeContains)(e.currentTarget, (DOMFunctions.getEventTarget)(e.nativeEvent))) return;
+                let shouldStopPropagation = true;
+                if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
+                    state.isOverTarget = false;
+                    shouldStopPropagation = triggerPressEnd(e, state.pointerType, false);
+                    cancelOnPointerExit(e);
+                }
+                if (shouldStopPropagation) e.stopPropagation();
+            };
+            pressProps.onMouseUp = (e)=>{
+                if (!(DOMFunctions.nodeContains)(e.currentTarget, (DOMFunctions.getEventTarget)(e.nativeEvent))) return;
+                if (!state.ignoreEmulatedMouseEvents && e.button === 0 && !state.isPressed) triggerPressUp(e, state.pointerType || 'mouse');
+            };
+            let onMouseUp = (e)=>{
+                // Only handle left clicks
+                if (e.button !== 0) return;
+                if (state.ignoreEmulatedMouseEvents) {
+                    state.ignoreEmulatedMouseEvents = false;
+                    return;
+                }
+                if (state.target && state.target.contains(e.target) && state.pointerType != null) ;
+                else cancel(e);
+                state.isOverTarget = false;
+            };
+            pressProps.onTouchStart = (e)=>{
+                if (!(DOMFunctions.nodeContains)(e.currentTarget, (DOMFunctions.getEventTarget)(e.nativeEvent))) return;
+                let touch = $f6c31cce2adf654f$var$getTouchFromEvent(e.nativeEvent);
+                if (!touch) return;
+                state.activePointerId = touch.identifier;
+                state.ignoreEmulatedMouseEvents = true;
+                state.isOverTarget = true;
+                state.isPressed = true;
+                state.target = e.currentTarget;
+                state.pointerType = 'touch';
+                if (!allowTextSelectionOnPress) (textSelection.disableTextSelection)(state.target);
+                let shouldStopPropagation = triggerPressStart($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType);
+                if (shouldStopPropagation) e.stopPropagation();
+                addGlobalListener((domHelpers.getOwnerWindow)(e.currentTarget), 'scroll', onScroll, true);
+            };
+            pressProps.onTouchMove = (e)=>{
+                if (!(DOMFunctions.nodeContains)(e.currentTarget, (DOMFunctions.getEventTarget)(e.nativeEvent))) return;
+                if (!state.isPressed) {
+                    e.stopPropagation();
+                    return;
+                }
+                let touch = $f6c31cce2adf654f$var$getTouchById(e.nativeEvent, state.activePointerId);
+                let shouldStopPropagation = true;
+                if (touch && $f6c31cce2adf654f$var$isOverTarget(touch, e.currentTarget)) {
+                    if (!state.isOverTarget && state.pointerType != null) {
+                        state.isOverTarget = true;
+                        shouldStopPropagation = triggerPressStart($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType);
+                    }
+                } else if (state.isOverTarget && state.pointerType != null) {
+                    state.isOverTarget = false;
+                    shouldStopPropagation = triggerPressEnd($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType, false);
+                    cancelOnPointerExit($f6c31cce2adf654f$var$createTouchEvent(state.target, e));
+                }
+                if (shouldStopPropagation) e.stopPropagation();
+            };
+            pressProps.onTouchEnd = (e)=>{
+                if (!(DOMFunctions.nodeContains)(e.currentTarget, (DOMFunctions.getEventTarget)(e.nativeEvent))) return;
+                if (!state.isPressed) {
+                    e.stopPropagation();
+                    return;
+                }
+                let touch = $f6c31cce2adf654f$var$getTouchById(e.nativeEvent, state.activePointerId);
+                let shouldStopPropagation = true;
+                if (touch && $f6c31cce2adf654f$var$isOverTarget(touch, e.currentTarget) && state.pointerType != null) {
+                    triggerPressUp($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType);
+                    shouldStopPropagation = triggerPressEnd($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType);
+                    triggerSyntheticClick(e.nativeEvent, state.target);
+                } else if (state.isOverTarget && state.pointerType != null) shouldStopPropagation = triggerPressEnd($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType, false);
+                if (shouldStopPropagation) e.stopPropagation();
+                state.isPressed = false;
+                state.activePointerId = null;
+                state.isOverTarget = false;
+                state.ignoreEmulatedMouseEvents = true;
+                if (state.target && !allowTextSelectionOnPress) (textSelection.restoreTextSelection)(state.target);
+                removeAllGlobalListeners();
+            };
+            pressProps.onTouchCancel = (e)=>{
+                if (!(DOMFunctions.nodeContains)(e.currentTarget, (DOMFunctions.getEventTarget)(e.nativeEvent))) return;
+                e.stopPropagation();
+                if (state.isPressed) cancel($f6c31cce2adf654f$var$createTouchEvent(state.target, e));
+            };
+            let onScroll = (e)=>{
+                if (state.isPressed && (DOMFunctions.nodeContains)((DOMFunctions.getEventTarget)(e), state.target)) cancel({
+                    currentTarget: state.target,
+                    shiftKey: false,
+                    ctrlKey: false,
+                    metaKey: false,
+                    altKey: false
+                });
+            };
+            pressProps.onDragStart = (e)=>{
+                if (!(DOMFunctions.nodeContains)(e.currentTarget, (DOMFunctions.getEventTarget)(e.nativeEvent))) return;
+                cancel(e);
+            };
+        }
+        return pressProps;
+    }, [
+        addGlobalListener,
+        isDisabled,
+        preventFocusOnPress,
+        removeAllGlobalListeners,
+        allowTextSelectionOnPress,
+        cancel,
+        cancelOnPointerExit,
+        triggerPressEnd,
+        triggerPressStart,
+        triggerPressUp,
+        triggerClick,
+        triggerSyntheticClick
+    ]);
+    // Avoid onClick delay for double tap to zoom by default.
+    (React.useEffect)(()=>{
+        if (!domRef || process.env.NODE_ENV === 'test') return;
+        const ownerDocument = (domHelpers.getOwnerDocument)(domRef.current);
+        if (!ownerDocument || !ownerDocument.head || ownerDocument.getElementById($f6c31cce2adf654f$var$STYLE_ID)) return;
+        const style = ownerDocument.createElement('style');
+        style.id = $f6c31cce2adf654f$var$STYLE_ID;
+        // touchAction: 'manipulation' is supposed to be equivalent, but in
+        // Safari it causes onPointerCancel not to fire on scroll.
+        // https://bugs.webkit.org/show_bug.cgi?id=240917
+        style.textContent = `
+@layer {
+  [${$f6c31cce2adf654f$var$PRESSABLE_ATTRIBUTE}] {
+    touch-action: pan-x pan-y pinch-zoom;
+  }
+}
+    `.trim();
+        ownerDocument.head.prepend(style);
+    }, [
+        domRef
+    ]);
+    // Remove user-select: none in case component unmounts immediately after pressStart
+    (React.useEffect)(()=>{
+        let state = ref.current;
+        return ()=>{
+            var _state_target;
+            if (!allowTextSelectionOnPress) (textSelection.restoreTextSelection)((_state_target = state.target) !== null && _state_target !== void 0 ? _state_target : undefined);
+            for (let dispose of state.disposables)dispose();
+            state.disposables = [];
+        };
+    }, [
+        allowTextSelectionOnPress
+    ]);
+    return {
+        isPressed: isPressedProp || isPressed,
+        pressProps: (mergeProps.mergeProps)(domProps, pressProps, {
+            [$f6c31cce2adf654f$var$PRESSABLE_ATTRIBUTE]: true
+        })
+    };
+}
+function $f6c31cce2adf654f$var$isHTMLAnchorLink(target) {
+    return target.tagName === 'A' && target.hasAttribute('href');
+}
+function $f6c31cce2adf654f$var$isValidKeyboardEvent(event, currentTarget) {
+    const { key: key, code: code } = event;
+    const element = currentTarget;
+    const role = element.getAttribute('role');
+    // Accessibility for keyboards. Space and Enter only.
+    // "Spacebar" is for IE 11
+    return (key === 'Enter' || key === ' ' || key === 'Spacebar' || code === 'Space') && !(element instanceof (domHelpers.getOwnerWindow)(element).HTMLInputElement && !$f6c31cce2adf654f$var$isValidInputKey(element, key) || element instanceof (domHelpers.getOwnerWindow)(element).HTMLTextAreaElement || element.isContentEditable) && // Links should only trigger with Enter key
+    !((role === 'link' || !role && $f6c31cce2adf654f$var$isHTMLAnchorLink(element)) && key !== 'Enter');
+}
+function $f6c31cce2adf654f$var$getTouchFromEvent(event) {
+    const { targetTouches: targetTouches } = event;
+    if (targetTouches.length > 0) return targetTouches[0];
+    return null;
+}
+function $f6c31cce2adf654f$var$getTouchById(event, pointerId) {
+    const changedTouches = event.changedTouches;
+    for(let i = 0; i < changedTouches.length; i++){
+        const touch = changedTouches[i];
+        if (touch.identifier === pointerId) return touch;
+    }
+    return null;
+}
+function $f6c31cce2adf654f$var$createTouchEvent(target, e) {
+    let clientX = 0;
+    let clientY = 0;
+    if (e.targetTouches && e.targetTouches.length === 1) {
+        clientX = e.targetTouches[0].clientX;
+        clientY = e.targetTouches[0].clientY;
+    }
+    return {
+        currentTarget: target,
+        shiftKey: e.shiftKey,
+        ctrlKey: e.ctrlKey,
+        metaKey: e.metaKey,
+        altKey: e.altKey,
+        clientX: clientX,
+        clientY: clientY
+    };
+}
+function $f6c31cce2adf654f$var$createEvent(target, e) {
+    let clientX = e.clientX;
+    let clientY = e.clientY;
+    return {
+        currentTarget: target,
+        shiftKey: e.shiftKey,
+        ctrlKey: e.ctrlKey,
+        metaKey: e.metaKey,
+        altKey: e.altKey,
+        clientX: clientX,
+        clientY: clientY
+    };
+}
+function $f6c31cce2adf654f$var$getPointClientRect(point) {
+    let offsetX = 0;
+    let offsetY = 0;
+    if (point.width !== undefined) offsetX = point.width / 2;
+    else if (point.radiusX !== undefined) offsetX = point.radiusX;
+    if (point.height !== undefined) offsetY = point.height / 2;
+    else if (point.radiusY !== undefined) offsetY = point.radiusY;
+    return {
+        top: point.clientY - offsetY,
+        right: point.clientX + offsetX,
+        bottom: point.clientY + offsetY,
+        left: point.clientX - offsetX
+    };
+}
+function $f6c31cce2adf654f$var$areRectanglesOverlapping(a, b) {
+    // check if they cannot overlap on x axis
+    if (a.left > b.right || b.left > a.right) return false;
+    // check if they cannot overlap on y axis
+    if (a.top > b.bottom || b.top > a.bottom) return false;
+    return true;
+}
+function $f6c31cce2adf654f$var$isOverTarget(point, target) {
+    let rect = target.getBoundingClientRect();
+    let pointRect = $f6c31cce2adf654f$var$getPointClientRect(point);
+    return $f6c31cce2adf654f$var$areRectanglesOverlapping(rect, pointRect);
+}
+function $f6c31cce2adf654f$var$shouldPreventDefaultUp(target) {
+    if (target instanceof HTMLInputElement) return false;
+    if (target instanceof HTMLButtonElement) return target.type !== 'submit' && target.type !== 'reset';
+    if ($f6c31cce2adf654f$var$isHTMLAnchorLink(target)) return false;
+    return true;
+}
+function $f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(target, key) {
+    if (target instanceof HTMLInputElement) return !$f6c31cce2adf654f$var$isValidInputKey(target, key);
+    return $f6c31cce2adf654f$var$shouldPreventDefaultUp(target);
+}
+const $f6c31cce2adf654f$var$nonTextInputTypes = new Set([
+    'checkbox',
+    'radio',
+    'range',
+    'color',
+    'file',
+    'image',
+    'button',
+    'submit',
+    'reset'
+]);
+function $f6c31cce2adf654f$var$isValidInputKey(target, key) {
+    // Only space should toggle checkboxes and radios, not enter.
+    return target.type === 'checkbox' || target.type === 'radio' ? key === ' ' : $f6c31cce2adf654f$var$nonTextInputTypes.has(target.type);
+}
+
+exports.usePress = $f6c31cce2adf654f$export$45712eceda6fad21;
+//# sourceMappingURL=usePress.js.map