@tamagui/react-native-use-responder-events 1.0.1-beta.194

package/dist/cjs/PressResponder.js

@@ -0,0 +1,373 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PressResponder_exports = {};
+__export(PressResponder_exports, {
+  PressResponder: () => PressResponder
+});
+module.exports = __toCommonJS(PressResponder_exports);
+var States = /* @__PURE__ */ ((States2) => {
+  States2[States2["DELAY"] = 0] = "DELAY";
+  States2[States2["ERROR"] = 1] = "ERROR";
+  States2[States2["LONG_PRESS_DETECTED"] = 2] = "LONG_PRESS_DETECTED";
+  States2[States2["NOT_RESPONDER"] = 3] = "NOT_RESPONDER";
+  States2[States2["RESPONDER_ACTIVE_LONG_PRESS_START"] = 4] = "RESPONDER_ACTIVE_LONG_PRESS_START";
+  States2[States2["RESPONDER_ACTIVE_PRESS_START"] = 5] = "RESPONDER_ACTIVE_PRESS_START";
+  States2[States2["RESPONDER_INACTIVE_PRESS_START"] = 6] = "RESPONDER_INACTIVE_PRESS_START";
+  States2[States2["RESPONDER_GRANT"] = 7] = "RESPONDER_GRANT";
+  States2[States2["RESPONDER_RELEASE"] = 8] = "RESPONDER_RELEASE";
+  States2[States2["RESPONDER_TERMINATED"] = 9] = "RESPONDER_TERMINATED";
+  return States2;
+})(States || {});
+const Transitions = Object.freeze({
+  [3 /* NOT_RESPONDER */]: {
+    [0 /* DELAY */]: 1 /* ERROR */,
+    [7 /* RESPONDER_GRANT */]: 6 /* RESPONDER_INACTIVE_PRESS_START */,
+    [8 /* RESPONDER_RELEASE */]: 1 /* ERROR */,
+    [9 /* RESPONDER_TERMINATED */]: 1 /* ERROR */,
+    [2 /* LONG_PRESS_DETECTED */]: 1 /* ERROR */
+  },
+  [6 /* RESPONDER_INACTIVE_PRESS_START */]: {
+    [0 /* DELAY */]: 5 /* RESPONDER_ACTIVE_PRESS_START */,
+    [7 /* RESPONDER_GRANT */]: 1 /* ERROR */,
+    [8 /* RESPONDER_RELEASE */]: 3 /* NOT_RESPONDER */,
+    [9 /* RESPONDER_TERMINATED */]: 3 /* NOT_RESPONDER */,
+    [2 /* LONG_PRESS_DETECTED */]: 1 /* ERROR */
+  },
+  [5 /* RESPONDER_ACTIVE_PRESS_START */]: {
+    [0 /* DELAY */]: 1 /* ERROR */,
+    [7 /* RESPONDER_GRANT */]: 1 /* ERROR */,
+    [8 /* RESPONDER_RELEASE */]: 3 /* NOT_RESPONDER */,
+    [9 /* RESPONDER_TERMINATED */]: 3 /* NOT_RESPONDER */,
+    [2 /* LONG_PRESS_DETECTED */]: 4 /* RESPONDER_ACTIVE_LONG_PRESS_START */
+  },
+  [4 /* RESPONDER_ACTIVE_LONG_PRESS_START */]: {
+    [0 /* DELAY */]: 1 /* ERROR */,
+    [7 /* RESPONDER_GRANT */]: 1 /* ERROR */,
+    [8 /* RESPONDER_RELEASE */]: 3 /* NOT_RESPONDER */,
+    [9 /* RESPONDER_TERMINATED */]: 3 /* NOT_RESPONDER */,
+    [2 /* LONG_PRESS_DETECTED */]: 4 /* RESPONDER_ACTIVE_LONG_PRESS_START */
+  },
+  [1 /* ERROR */]: {
+    [0 /* DELAY */]: 3 /* NOT_RESPONDER */,
+    [7 /* RESPONDER_GRANT */]: 6 /* RESPONDER_INACTIVE_PRESS_START */,
+    [8 /* RESPONDER_RELEASE */]: 3 /* NOT_RESPONDER */,
+    [9 /* RESPONDER_TERMINATED */]: 3 /* NOT_RESPONDER */,
+    [2 /* LONG_PRESS_DETECTED */]: 3 /* NOT_RESPONDER */
+  }
+});
+const isActiveSignal = (signal) => signal === 5 /* RESPONDER_ACTIVE_PRESS_START */ || signal === 4 /* RESPONDER_ACTIVE_LONG_PRESS_START */;
+const isButtonRole = (element) => element.getAttribute("role") === "button";
+const isPressStartSignal = (signal) => signal === 6 /* RESPONDER_INACTIVE_PRESS_START */ || signal === 5 /* RESPONDER_ACTIVE_PRESS_START */ || signal === 4 /* RESPONDER_ACTIVE_LONG_PRESS_START */;
+const isTerminalSignal = (signal) => signal === 9 /* RESPONDER_TERMINATED */ || signal === 8 /* RESPONDER_RELEASE */;
+const isValidKeyPress = (event) => {
+  const { key, target } = event;
+  const role = target.getAttribute("role");
+  const isSpacebar = key === " " || key === "Spacebar";
+  return key === "Enter" || isSpacebar && role === "button";
+};
+const DEFAULT_LONG_PRESS_DELAY_MS = 450;
+const DEFAULT_PRESS_DELAY_MS = 50;
+class PressResponder {
+  constructor(config) {
+    this._eventHandlers = null;
+    this._isPointerTouch = false;
+    this._longPressDelayTimeout = null;
+    this._longPressDispatched = false;
+    this._pressDelayTimeout = null;
+    this._pressOutDelayTimeout = null;
+    this._touchState = 3 /* NOT_RESPONDER */;
+    this._config = config;
+  }
+  configure(config) {
+    this._config = config;
+  }
+  reset() {
+    this._cancelLongPressDelayTimeout();
+    this._cancelPressDelayTimeout();
+    this._cancelPressOutDelayTimeout();
+  }
+  getEventHandlers() {
+    if (this._eventHandlers == null) {
+      this._eventHandlers = this._createEventHandlers();
+    }
+    return this._eventHandlers;
+  }
+  _createEventHandlers() {
+    const start = (event, shouldDelay) => {
+      event.persist();
+      this._cancelPressOutDelayTimeout();
+      this._longPressDispatched = false;
+      this._selectionTerminated = false;
+      this._touchState = 3 /* NOT_RESPONDER */;
+      this._isPointerTouch = event.nativeEvent.type === "touchstart";
+      this._receiveSignal(7 /* RESPONDER_GRANT */, event);
+      const delayPressStart = normalizeDelay(
+        this._config.delayPressStart,
+        0,
+        DEFAULT_PRESS_DELAY_MS
+      );
+      if (shouldDelay !== false && delayPressStart > 0) {
+        this._pressDelayTimeout = setTimeout(() => {
+          this._receiveSignal(0 /* DELAY */, event);
+        }, delayPressStart);
+      } else {
+        this._receiveSignal(0 /* DELAY */, event);
+      }
+      const delayLongPress = normalizeDelay(
+        this._config.delayLongPress,
+        10,
+        DEFAULT_LONG_PRESS_DELAY_MS
+      );
+      this._longPressDelayTimeout = setTimeout(() => {
+        this._handleLongPress(event);
+      }, delayLongPress + delayPressStart);
+    };
+    const end = (event) => {
+      this._receiveSignal(8 /* RESPONDER_RELEASE */, event);
+    };
+    const keyupHandler = (event) => {
+      const { onPress } = this._config;
+      const { target } = event;
+      if (this._touchState !== 3 /* NOT_RESPONDER */ && isValidKeyPress(event)) {
+        end(event);
+        document.removeEventListener("keyup", keyupHandler);
+        const role = target.getAttribute("role");
+        const elementType = target.tagName.toLowerCase();
+        const isNativeInteractiveElement = role === "link" || elementType === "a" || elementType === "button" || elementType === "input" || elementType === "select" || elementType === "textarea";
+        if (onPress != null && !isNativeInteractiveElement) {
+          onPress(event);
+        }
+      }
+    };
+    return {
+      onStartShouldSetResponder: (event) => {
+        const { disabled } = this._config;
+        if (disabled && isButtonRole(event.currentTarget)) {
+          event.stopPropagation();
+        }
+        if (disabled == null) {
+          return true;
+        }
+        return !disabled;
+      },
+      onKeyDown: (event) => {
+        const { disabled } = this._config;
+        const { key, target } = event;
+        if (!disabled && isValidKeyPress(event)) {
+          if (this._touchState === 3 /* NOT_RESPONDER */) {
+            start(event, false);
+            document.addEventListener("keyup", keyupHandler);
+          }
+          const role = target.getAttribute("role");
+          const isSpacebarKey = key === " " || key === "Spacebar";
+          const isButtonRole2 = role === "button" || role === "menuitem";
+          if (isSpacebarKey && isButtonRole2) {
+            event.preventDefault();
+          }
+          event.stopPropagation();
+        }
+      },
+      onResponderGrant: (event) => start(event),
+      onResponderMove: (event) => {
+        if (this._config.onPressMove != null) {
+          this._config.onPressMove(event);
+        }
+        const touch = getTouchFromResponderEvent(event);
+        if (this._touchActivatePosition != null) {
+          const deltaX = this._touchActivatePosition.pageX - touch.pageX;
+          const deltaY = this._touchActivatePosition.pageY - touch.pageY;
+          if (Math.hypot(deltaX, deltaY) > 10) {
+            this._cancelLongPressDelayTimeout();
+          }
+        }
+      },
+      onResponderRelease: (event) => end(event),
+      onResponderTerminate: (event) => {
+        if (event.nativeEvent.type === "selectionchange") {
+          this._selectionTerminated = true;
+        }
+        this._receiveSignal(9 /* RESPONDER_TERMINATED */, event);
+      },
+      onResponderTerminationRequest: (event) => {
+        const { cancelable, disabled, onLongPress } = this._config;
+        if (!disabled && onLongPress != null && this._isPointerTouch && event.nativeEvent.type === "contextmenu") {
+          return false;
+        }
+        if (cancelable == null) {
+          return true;
+        }
+        return cancelable;
+      },
+      onClick: (event) => {
+        const { disabled, onPress } = this._config;
+        if (!disabled) {
+          event.stopPropagation();
+          if (this._longPressDispatched || this._selectionTerminated) {
+            event.preventDefault();
+          } else if (onPress != null && event.altKey === false) {
+            onPress(event);
+          }
+        } else {
+          if (isButtonRole(event.currentTarget)) {
+            event.stopPropagation();
+          }
+        }
+      },
+      onContextMenu: (event) => {
+        const { disabled, onLongPress } = this._config;
+        if (!disabled) {
+          if (onLongPress != null && this._isPointerTouch && !event.defaultPrevented) {
+            event.preventDefault();
+            event.stopPropagation();
+          }
+        } else {
+          if (isButtonRole(event.currentTarget)) {
+            event.stopPropagation();
+          }
+        }
+      }
+    };
+  }
+  _receiveSignal(signal, event) {
+    const prevState = this._touchState;
+    let nextState = null;
+    if (Transitions[prevState] != null) {
+      nextState = Transitions[prevState][signal];
+    }
+    if (this._touchState === 3 /* NOT_RESPONDER */ && signal === 8 /* RESPONDER_RELEASE */) {
+      return;
+    }
+    if (nextState == null || nextState === 1 /* ERROR */) {
+      console.error(`PressResponder: Invalid signal ${signal} for state ${prevState} on responder`);
+    } else if (prevState !== nextState) {
+      this._performTransitionSideEffects(prevState, nextState, signal, event);
+      this._touchState = nextState;
+    }
+  }
+  _performTransitionSideEffects(prevState, nextState, signal, event) {
+    if (isTerminalSignal(signal)) {
+      setTimeout(() => {
+        this._isPointerTouch = false;
+      }, 0);
+      this._touchActivatePosition = null;
+      this._cancelLongPressDelayTimeout();
+    }
+    if (isPressStartSignal(prevState) && signal === 2 /* LONG_PRESS_DETECTED */) {
+      const { onLongPress } = this._config;
+      if (onLongPress != null && event.nativeEvent.key == null) {
+        onLongPress(event);
+        this._longPressDispatched = true;
+      }
+    }
+    const isPrevActive = isActiveSignal(prevState);
+    const isNextActive = isActiveSignal(nextState);
+    if (!isPrevActive && isNextActive) {
+      this._activate(event);
+    } else if (isPrevActive && !isNextActive) {
+      this._deactivate(event);
+    }
+    if (isPressStartSignal(prevState) && signal === 8 /* RESPONDER_RELEASE */) {
+      const { onLongPress, onPress } = this._config;
+      if (onPress != null) {
+        const isPressCanceledByLongPress = onLongPress != null && prevState === 4 /* RESPONDER_ACTIVE_LONG_PRESS_START */;
+        if (!isPressCanceledByLongPress) {
+          if (!isNextActive && !isPrevActive) {
+            this._activate(event);
+            this._deactivate(event);
+          }
+        }
+      }
+    }
+    this._cancelPressDelayTimeout();
+  }
+  _activate(event) {
+    const { onPressChange, onPressStart } = this._config;
+    const touch = getTouchFromResponderEvent(event);
+    this._touchActivatePosition = {
+      pageX: touch.pageX,
+      pageY: touch.pageY
+    };
+    if (onPressStart != null) {
+      onPressStart(event);
+    }
+    if (onPressChange != null) {
+      onPressChange(true);
+    }
+  }
+  _deactivate(event) {
+    const { onPressChange, onPressEnd } = this._config;
+    function end() {
+      if (onPressEnd != null) {
+        onPressEnd(event);
+      }
+      if (onPressChange != null) {
+        onPressChange(false);
+      }
+    }
+    const delayPressEnd = normalizeDelay(this._config.delayPressEnd);
+    if (delayPressEnd > 0) {
+      this._pressOutDelayTimeout = setTimeout(() => {
+        end();
+      }, delayPressEnd);
+    } else {
+      end();
+    }
+  }
+  _handleLongPress(event) {
+    if (this._touchState === 5 /* RESPONDER_ACTIVE_PRESS_START */ || this._touchState === 4 /* RESPONDER_ACTIVE_LONG_PRESS_START */) {
+      this._receiveSignal(2 /* LONG_PRESS_DETECTED */, event);
+    }
+  }
+  _cancelLongPressDelayTimeout() {
+    if (this._longPressDelayTimeout != null) {
+      clearTimeout(this._longPressDelayTimeout);
+      this._longPressDelayTimeout = null;
+    }
+  }
+  _cancelPressDelayTimeout() {
+    if (this._pressDelayTimeout != null) {
+      clearTimeout(this._pressDelayTimeout);
+      this._pressDelayTimeout = null;
+    }
+  }
+  _cancelPressOutDelayTimeout() {
+    if (this._pressOutDelayTimeout != null) {
+      clearTimeout(this._pressOutDelayTimeout);
+      this._pressOutDelayTimeout = null;
+    }
+  }
+}
+function normalizeDelay(delay, min = 0, fallback = 0) {
+  return Math.max(min, delay ?? fallback);
+}
+function getTouchFromResponderEvent(event) {
+  const { changedTouches, touches } = event.nativeEvent;
+  if (touches != null && touches.length > 0) {
+    return touches[0];
+  }
+  if (changedTouches != null && changedTouches.length > 0) {
+    return changedTouches[0];
+  }
+  return event.nativeEvent;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PressResponder
+});
+//# sourceMappingURL=PressResponder.js.map

package/dist/cjs/PressResponder.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/PressResponder.ts"],
+  "sourcesContent": ["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\ntype ClickEvent = any\ntype KeyboardEvent = any\ntype ResponderEvent = any\n\nexport type PressResponderConfig = {\n  // The gesture can be interrupted by a parent gesture, e.g., scroll.\n  // Defaults to true.\n  cancelable?: boolean | null\n  // Whether to disable initialization of the press gesture.\n  disabled?: boolean | null\n  // Duration (in addition to `delayPressStart`) after which a press gesture is\n  // considered a long press gesture. Defaults to 500 (milliseconds).\n  delayLongPress?: number | null\n  // Duration to wait after press down before calling `onPressStart`.\n  delayPressStart?: number | null\n  // Duration to wait after letting up before calling `onPressEnd`.\n  delayPressEnd?: number | null\n  // Called when a long press gesture has been triggered.\n  onLongPress?: ((event: ResponderEvent) => void) | null\n  // Called when a press gestute has been triggered.\n  onPress?: ((event: ClickEvent) => void) | null\n  // Called when the press is activated to provide visual feedback.\n  onPressChange?: ((event: ResponderEvent) => void) | null\n  // Called when the press is activated to provide visual feedback.\n  onPressStart?: ((event: ResponderEvent) => void) | null\n  // Called when the press location moves. (This should rarely be used.)\n  onPressMove?: ((event: ResponderEvent) => void) | null\n  // Called when the press is deactivated to undo visual feedback.\n  onPressEnd?: ((event: ResponderEvent) => void) | null\n}\n\nexport type EventHandlers = {\n  onClick: (event: ClickEvent) => void\n  onContextMenu: (event: ClickEvent) => void\n  onKeyDown: (event: KeyboardEvent) => void\n  onResponderGrant: (event: ResponderEvent) => void\n  onResponderMove: (event: ResponderEvent) => void\n  onResponderRelease: (event: ResponderEvent) => void\n  onResponderTerminate: (event: ResponderEvent) => void\n  onResponderTerminationRequest: (event: ResponderEvent) => boolean\n  onStartShouldSetResponder: (event: ResponderEvent) => boolean\n}\n\nenum States {\n  DELAY,\n  ERROR,\n  LONG_PRESS_DETECTED,\n  NOT_RESPONDER,\n  RESPONDER_ACTIVE_LONG_PRESS_START,\n  RESPONDER_ACTIVE_PRESS_START,\n  RESPONDER_INACTIVE_PRESS_START,\n  RESPONDER_GRANT,\n  RESPONDER_RELEASE,\n  RESPONDER_TERMINATED,\n}\n\ntype TouchState =\n  | States.NOT_RESPONDER\n  | States.RESPONDER_INACTIVE_PRESS_START\n  | States.RESPONDER_ACTIVE_PRESS_START\n  | States.RESPONDER_ACTIVE_LONG_PRESS_START\n  | States.ERROR\n\ntype TouchSignal =\n  | States.DELAY\n  | States.RESPONDER_GRANT\n  | States.RESPONDER_RELEASE\n  | States.RESPONDER_TERMINATED\n  | States.LONG_PRESS_DETECTED\n\nconst Transitions = Object.freeze({\n  [States.NOT_RESPONDER]: {\n    [States.DELAY]: States.ERROR,\n    [States.RESPONDER_GRANT]: States.RESPONDER_INACTIVE_PRESS_START,\n    [States.RESPONDER_RELEASE]: States.ERROR,\n    [States.RESPONDER_TERMINATED]: States.ERROR,\n    [States.LONG_PRESS_DETECTED]: States.ERROR,\n  },\n  [States.RESPONDER_INACTIVE_PRESS_START]: {\n    [States.DELAY]: States.RESPONDER_ACTIVE_PRESS_START,\n    [States.RESPONDER_GRANT]: States.ERROR,\n    [States.RESPONDER_RELEASE]: States.NOT_RESPONDER,\n    [States.RESPONDER_TERMINATED]: States.NOT_RESPONDER,\n    [States.LONG_PRESS_DETECTED]: States.ERROR,\n  },\n  [States.RESPONDER_ACTIVE_PRESS_START]: {\n    [States.DELAY]: States.ERROR,\n    [States.RESPONDER_GRANT]: States.ERROR,\n    [States.RESPONDER_RELEASE]: States.NOT_RESPONDER,\n    [States.RESPONDER_TERMINATED]: States.NOT_RESPONDER,\n    [States.LONG_PRESS_DETECTED]: States.RESPONDER_ACTIVE_LONG_PRESS_START,\n  },\n  [States.RESPONDER_ACTIVE_LONG_PRESS_START]: {\n    [States.DELAY]: States.ERROR,\n    [States.RESPONDER_GRANT]: States.ERROR,\n    [States.RESPONDER_RELEASE]: States.NOT_RESPONDER,\n    [States.RESPONDER_TERMINATED]: States.NOT_RESPONDER,\n    [States.LONG_PRESS_DETECTED]: States.RESPONDER_ACTIVE_LONG_PRESS_START,\n  },\n  [States.ERROR]: {\n    [States.DELAY]: States.NOT_RESPONDER,\n    [States.RESPONDER_GRANT]: States.RESPONDER_INACTIVE_PRESS_START,\n    [States.RESPONDER_RELEASE]: States.NOT_RESPONDER,\n    [States.RESPONDER_TERMINATED]: States.NOT_RESPONDER,\n    [States.LONG_PRESS_DETECTED]: States.NOT_RESPONDER,\n  },\n})\n\nconst isActiveSignal = (signal) =>\n  signal === States.RESPONDER_ACTIVE_PRESS_START ||\n  signal === States.RESPONDER_ACTIVE_LONG_PRESS_START\n\nconst isButtonRole = (element) => element.getAttribute('role') === 'button'\n\nconst isPressStartSignal = (signal) =>\n  signal === States.RESPONDER_INACTIVE_PRESS_START ||\n  signal === States.RESPONDER_ACTIVE_PRESS_START ||\n  signal === States.RESPONDER_ACTIVE_LONG_PRESS_START\n\nconst isTerminalSignal = (signal) =>\n  signal === States.RESPONDER_TERMINATED || signal === States.RESPONDER_RELEASE\n\nconst isValidKeyPress = (event) => {\n  const { key, target } = event\n  const role = target.getAttribute('role')\n  const isSpacebar = key === ' ' || key === 'Spacebar'\n\n  return key === 'Enter' || (isSpacebar && role === 'button')\n}\n\nconst DEFAULT_LONG_PRESS_DELAY_MS = 450 // 500 - 50\nconst DEFAULT_PRESS_DELAY_MS = 50\n\ntype TimeoutID = NodeJS.Timer | null\n\nexport class PressResponder {\n  _config: PressResponderConfig\n  _eventHandlers?: EventHandlers | null = null\n  _isPointerTouch?: boolean = false\n  _longPressDelayTimeout?: TimeoutID = null\n  _longPressDispatched?: boolean = false\n  _pressDelayTimeout?: TimeoutID = null\n  _pressOutDelayTimeout?: TimeoutID = null\n  _selectionTerminated?: boolean\n  _touchActivatePosition?: {\n    pageX: number\n    pageY: number\n  } | null\n  _touchState: TouchState = States.NOT_RESPONDER\n\n  constructor(config: PressResponderConfig) {\n    this._config = config\n  }\n\n  configure(config: PressResponderConfig) {\n    this._config = config\n  }\n\n  /**\n   * Resets any pending timers. This should be called on unmount.\n   */\n  reset(): void {\n    this._cancelLongPressDelayTimeout()\n    this._cancelPressDelayTimeout()\n    this._cancelPressOutDelayTimeout()\n  }\n\n  /**\n   * Returns a set of props to spread into the interactive element.\n   */\n  getEventHandlers(): EventHandlers {\n    if (this._eventHandlers == null) {\n      this._eventHandlers = this._createEventHandlers()\n    }\n    return this._eventHandlers\n  }\n\n  _createEventHandlers(): EventHandlers {\n    const start = (event: ResponderEvent, shouldDelay?: boolean): void => {\n      event.persist()\n\n      this._cancelPressOutDelayTimeout()\n\n      this._longPressDispatched = false\n      this._selectionTerminated = false\n      this._touchState = States.NOT_RESPONDER\n      this._isPointerTouch = event.nativeEvent.type === 'touchstart'\n\n      this._receiveSignal(States.RESPONDER_GRANT, event)\n\n      const delayPressStart = normalizeDelay(\n        // @ts-ignore\n        this._config.delayPressStart,\n        0,\n        DEFAULT_PRESS_DELAY_MS\n      )\n\n      if (shouldDelay !== false && delayPressStart > 0) {\n        this._pressDelayTimeout = setTimeout(() => {\n          this._receiveSignal(States.DELAY, event)\n        }, delayPressStart)\n      } else {\n        this._receiveSignal(States.DELAY, event)\n      }\n\n      const delayLongPress = normalizeDelay(\n        this._config.delayLongPress,\n        10,\n        DEFAULT_LONG_PRESS_DELAY_MS\n      )\n      this._longPressDelayTimeout = setTimeout(() => {\n        this._handleLongPress(event)\n      }, delayLongPress + delayPressStart)\n    }\n\n    const end = (event: ResponderEvent): void => {\n      this._receiveSignal(States.RESPONDER_RELEASE, event)\n    }\n\n    const keyupHandler = (event: KeyboardEvent) => {\n      const { onPress } = this._config\n      const { target } = event\n\n      if (this._touchState !== States.NOT_RESPONDER && isValidKeyPress(event)) {\n        end(event)\n        document.removeEventListener('keyup', keyupHandler)\n\n        const role = target.getAttribute('role')\n        const elementType = target.tagName.toLowerCase()\n\n        const isNativeInteractiveElement =\n          role === 'link' ||\n          elementType === 'a' ||\n          elementType === 'button' ||\n          elementType === 'input' ||\n          elementType === 'select' ||\n          elementType === 'textarea'\n\n        if (onPress != null && !isNativeInteractiveElement) {\n          onPress(event)\n        }\n      }\n    }\n\n    return {\n      onStartShouldSetResponder: (event): boolean => {\n        const { disabled } = this._config\n        if (disabled && isButtonRole(event.currentTarget)) {\n          event.stopPropagation()\n        }\n        if (disabled == null) {\n          return true\n        }\n        return !disabled\n      },\n\n      onKeyDown: (event) => {\n        const { disabled } = this._config\n        const { key, target } = event\n        if (!disabled && isValidKeyPress(event)) {\n          if (this._touchState === States.NOT_RESPONDER) {\n            start(event, false)\n            // Listen to 'keyup' on document to account for situations where\n            // focus is moved to another element during 'keydown'.\n            document.addEventListener('keyup', keyupHandler)\n          }\n          const role = target.getAttribute('role')\n          const isSpacebarKey = key === ' ' || key === 'Spacebar'\n          const isButtonRole = role === 'button' || role === 'menuitem'\n          if (isSpacebarKey && isButtonRole) {\n            // Prevent spacebar scrolling the window\n            event.preventDefault()\n          }\n          event.stopPropagation()\n        }\n      },\n\n      onResponderGrant: (event) => start(event),\n\n      onResponderMove: (event) => {\n        if (this._config.onPressMove != null) {\n          this._config.onPressMove(event)\n        }\n        const touch = getTouchFromResponderEvent(event)\n        if (this._touchActivatePosition != null) {\n          const deltaX = this._touchActivatePosition.pageX - touch.pageX\n          const deltaY = this._touchActivatePosition.pageY - touch.pageY\n          if (Math.hypot(deltaX, deltaY) > 10) {\n            this._cancelLongPressDelayTimeout()\n          }\n        }\n      },\n\n      onResponderRelease: (event) => end(event),\n\n      onResponderTerminate: (event) => {\n        if (event.nativeEvent.type === 'selectionchange') {\n          this._selectionTerminated = true\n        }\n        this._receiveSignal(States.RESPONDER_TERMINATED, event)\n      },\n\n      onResponderTerminationRequest: (event): boolean => {\n        const { cancelable, disabled, onLongPress } = this._config\n        // If `onLongPress` is provided, don't terminate on `contextmenu` as default\n        // behavior will be prevented for non-mouse pointers.\n        if (\n          !disabled &&\n          onLongPress != null &&\n          this._isPointerTouch &&\n          event.nativeEvent.type === 'contextmenu'\n        ) {\n          return false\n        }\n        if (cancelable == null) {\n          return true\n        }\n        return cancelable\n      },\n\n      // NOTE: this diverges from react-native in 3 significant ways:\n      // * The `onPress` callback is not connected to the responder system (the native\n      //  `click` event must be used but is dispatched in many scenarios where no pointers\n      //   are on the screen.) Therefore, it's possible for `onPress` to be called without\n      //   `onPress{Start,End}` being called first.\n      // * The `onPress` callback is only be called on the first ancestor of the native\n      //   `click` target that is using the PressResponder.\n      // * The event's `nativeEvent` is a `MouseEvent` not a `TouchEvent`.\n      onClick: (event: any): void => {\n        const { disabled, onPress } = this._config\n        if (!disabled) {\n          // If long press dispatched, cancel default click behavior.\n          // If the responder terminated because text was selected during the gesture,\n          // cancel the default click behavior.\n          event.stopPropagation()\n          if (this._longPressDispatched || this._selectionTerminated) {\n            event.preventDefault()\n          } else if (onPress != null && event.altKey === false) {\n            onPress(event)\n          }\n        } else {\n          if (isButtonRole(event.currentTarget)) {\n            event.stopPropagation()\n          }\n        }\n      },\n\n      // If `onLongPress` is provided and a touch pointer is being used, prevent the\n      // default context menu from opening.\n      onContextMenu: (event: any): void => {\n        const { disabled, onLongPress } = this._config\n        if (!disabled) {\n          if (onLongPress != null && this._isPointerTouch && !event.defaultPrevented) {\n            event.preventDefault()\n            event.stopPropagation()\n          }\n        } else {\n          if (isButtonRole(event.currentTarget)) {\n            event.stopPropagation()\n          }\n        }\n      },\n    }\n  }\n\n  /**\n   * Receives a state machine signal, performs side effects of the transition\n   * and stores the new state. Validates the transition as well.\n   */\n  _receiveSignal(signal: TouchSignal, event: ResponderEvent): void {\n    const prevState = this._touchState\n    let nextState: TouchState | null = null\n    if (Transitions[prevState] != null) {\n      nextState = Transitions[prevState][signal] as TouchState\n    }\n    if (this._touchState === States.NOT_RESPONDER && signal === States.RESPONDER_RELEASE) {\n      return\n    }\n    if (nextState == null || nextState === States.ERROR) {\n      // eslint-disable-next-line no-console\n      console.error(`PressResponder: Invalid signal ${signal} for state ${prevState} on responder`)\n    } else if (prevState !== nextState) {\n      this._performTransitionSideEffects(prevState, nextState, signal, event)\n      this._touchState = nextState\n    }\n  }\n\n  /**\n   * Performs a transition between touchable states and identify any activations\n   * or deactivations (and callback invocations).\n   */\n  _performTransitionSideEffects(\n    prevState: TouchState,\n    nextState: TouchState,\n    signal: TouchSignal,\n    event: ResponderEvent\n  ): void {\n    if (isTerminalSignal(signal)) {\n      // Pressable suppression of contextmenu on windows.\n      // On Windows, the contextmenu is displayed after pointerup.\n      // https://github.com/necolas/react-native-web/issues/2296\n      setTimeout(() => {\n        this._isPointerTouch = false\n      }, 0)\n      this._touchActivatePosition = null\n      this._cancelLongPressDelayTimeout()\n    }\n\n    if (isPressStartSignal(prevState) && signal === States.LONG_PRESS_DETECTED) {\n      const { onLongPress } = this._config\n      // Long press is not supported for keyboards because 'click' can be dispatched\n      // immediately (and multiple times) after 'keydown'.\n      if (onLongPress != null && event.nativeEvent.key == null) {\n        onLongPress(event)\n        this._longPressDispatched = true\n      }\n    }\n\n    const isPrevActive = isActiveSignal(prevState)\n    const isNextActive = isActiveSignal(nextState)\n\n    if (!isPrevActive && isNextActive) {\n      this._activate(event)\n    } else if (isPrevActive && !isNextActive) {\n      this._deactivate(event)\n    }\n\n    if (isPressStartSignal(prevState) && signal === States.RESPONDER_RELEASE) {\n      const { onLongPress, onPress } = this._config\n      if (onPress != null) {\n        const isPressCanceledByLongPress =\n          onLongPress != null && prevState === States.RESPONDER_ACTIVE_LONG_PRESS_START\n        if (!isPressCanceledByLongPress) {\n          // If we never activated (due to delays), activate and deactivate now.\n          if (!isNextActive && !isPrevActive) {\n            this._activate(event)\n            this._deactivate(event)\n          }\n        }\n      }\n    }\n\n    this._cancelPressDelayTimeout()\n  }\n\n  _activate(event: ResponderEvent): void {\n    const { onPressChange, onPressStart } = this._config\n    const touch = getTouchFromResponderEvent(event)\n    this._touchActivatePosition = {\n      pageX: touch.pageX,\n      pageY: touch.pageY,\n    }\n    if (onPressStart != null) {\n      onPressStart(event)\n    }\n    if (onPressChange != null) {\n      onPressChange(true)\n    }\n  }\n\n  _deactivate(event: ResponderEvent): void {\n    const { onPressChange, onPressEnd } = this._config\n    function end() {\n      if (onPressEnd != null) {\n        onPressEnd(event)\n      }\n      if (onPressChange != null) {\n        onPressChange(false)\n      }\n    }\n    const delayPressEnd = normalizeDelay(this._config.delayPressEnd)\n    if (delayPressEnd > 0) {\n      this._pressOutDelayTimeout = setTimeout(() => {\n        end()\n      }, delayPressEnd)\n    } else {\n      end()\n    }\n  }\n\n  _handleLongPress(event: ResponderEvent): void {\n    if (\n      this._touchState === States.RESPONDER_ACTIVE_PRESS_START ||\n      this._touchState === States.RESPONDER_ACTIVE_LONG_PRESS_START\n    ) {\n      this._receiveSignal(States.LONG_PRESS_DETECTED, event)\n    }\n  }\n\n  _cancelLongPressDelayTimeout(): void {\n    if (this._longPressDelayTimeout != null) {\n      clearTimeout(this._longPressDelayTimeout)\n      this._longPressDelayTimeout = null\n    }\n  }\n\n  _cancelPressDelayTimeout(): void {\n    if (this._pressDelayTimeout != null) {\n      clearTimeout(this._pressDelayTimeout)\n      this._pressDelayTimeout = null\n    }\n  }\n\n  _cancelPressOutDelayTimeout(): void {\n    if (this._pressOutDelayTimeout != null) {\n      clearTimeout(this._pressOutDelayTimeout)\n      this._pressOutDelayTimeout = null\n    }\n  }\n}\n\nfunction normalizeDelay(delay: number | null | undefined, min = 0, fallback = 0): number {\n  return Math.max(min, delay ?? fallback)\n}\n\nfunction getTouchFromResponderEvent(event: ResponderEvent) {\n  const { changedTouches, touches } = event.nativeEvent\n  if (touches != null && touches.length > 0) {\n    return touches[0]\n  }\n  if (changedTouches != null && changedTouches.length > 0) {\n    return changedTouches[0]\n  }\n  return event.nativeEvent\n}\n"],
+  "mappings": "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",
+  "names": ["States", "isButtonRole"]
+}