@tamagui/react-native-use-pressable 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/PressResponder.native.cjs

@@ -0,0 +1,487 @@
+"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);
+function _class_call_check(instance, Constructor) {
+	if (!(instance instanceof Constructor)) {
+		throw new TypeError("Cannot call a class as a function");
+	}
+}
+function _defineProperties(target, props) {
+	for (var i = 0; i < props.length; i++) {
+		var descriptor = props[i];
+		descriptor.enumerable = descriptor.enumerable || false;
+		descriptor.configurable = true;
+		if ("value" in descriptor) descriptor.writable = true;
+		Object.defineProperty(target, descriptor.key, descriptor);
+	}
+}
+function _create_class(Constructor, protoProps, staticProps) {
+	if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+	if (staticProps) _defineProperties(Constructor, staticProps);
+	return Constructor;
+}
+function _define_property(obj, key, value) {
+	if (key in obj) {
+		Object.defineProperty(obj, key, {
+			value,
+			enumerable: true,
+			configurable: true,
+			writable: true
+		});
+	} else {
+		obj[key] = value;
+	}
+	return obj;
+}
+var DELAY = "DELAY";
+var ERROR = "ERROR";
+var LONG_PRESS_DETECTED = "LONG_PRESS_DETECTED";
+var NOT_RESPONDER = "NOT_RESPONDER";
+var RESPONDER_ACTIVE_LONG_PRESS_START = "RESPONDER_ACTIVE_LONG_PRESS_START";
+var RESPONDER_ACTIVE_PRESS_START = "RESPONDER_ACTIVE_PRESS_START";
+var RESPONDER_INACTIVE_PRESS_START = "RESPONDER_INACTIVE_PRESS_START";
+var RESPONDER_GRANT = "RESPONDER_GRANT";
+var RESPONDER_RELEASE = "RESPONDER_RELEASE";
+var RESPONDER_TERMINATED = "RESPONDER_TERMINATED";
+var Transitions = Object.freeze({
+	NOT_RESPONDER: {
+		DELAY: ERROR,
+		RESPONDER_GRANT: RESPONDER_INACTIVE_PRESS_START,
+		RESPONDER_RELEASE: ERROR,
+		RESPONDER_TERMINATED: ERROR,
+		LONG_PRESS_DETECTED: ERROR
+	},
+	RESPONDER_INACTIVE_PRESS_START: {
+		DELAY: RESPONDER_ACTIVE_PRESS_START,
+		RESPONDER_GRANT: ERROR,
+		RESPONDER_RELEASE: NOT_RESPONDER,
+		RESPONDER_TERMINATED: NOT_RESPONDER,
+		LONG_PRESS_DETECTED: ERROR
+	},
+	RESPONDER_ACTIVE_PRESS_START: {
+		DELAY: ERROR,
+		RESPONDER_GRANT: ERROR,
+		RESPONDER_RELEASE: NOT_RESPONDER,
+		RESPONDER_TERMINATED: NOT_RESPONDER,
+		LONG_PRESS_DETECTED: RESPONDER_ACTIVE_LONG_PRESS_START
+	},
+	RESPONDER_ACTIVE_LONG_PRESS_START: {
+		DELAY: ERROR,
+		RESPONDER_GRANT: ERROR,
+		RESPONDER_RELEASE: NOT_RESPONDER,
+		RESPONDER_TERMINATED: NOT_RESPONDER,
+		LONG_PRESS_DETECTED: RESPONDER_ACTIVE_LONG_PRESS_START
+	},
+	ERROR: {
+		DELAY: NOT_RESPONDER,
+		RESPONDER_GRANT: RESPONDER_INACTIVE_PRESS_START,
+		RESPONDER_RELEASE: NOT_RESPONDER,
+		RESPONDER_TERMINATED: NOT_RESPONDER,
+		LONG_PRESS_DETECTED: NOT_RESPONDER
+	}
+});
+var isActiveSignal = function(signal) {
+	return signal === RESPONDER_ACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_LONG_PRESS_START;
+};
+var isButtonRole = function(element) {
+	return element.getAttribute("role") === "button";
+};
+var isPressStartSignal = function(signal) {
+	return signal === RESPONDER_INACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_LONG_PRESS_START;
+};
+var isTerminalSignal = function(signal) {
+	return signal === RESPONDER_TERMINATED || signal === RESPONDER_RELEASE;
+};
+var isValidKeyPress = function(event) {
+	var key = event.key;
+	var target = event.target;
+	var role = target.getAttribute("role");
+	var isSpacebar = key === " " || key === "Spacebar";
+	return key === "Enter" || isSpacebar && role === "button";
+};
+var DEFAULT_LONG_PRESS_DELAY_MS = 450;
+var DEFAULT_PRESS_DELAY_MS = 50;
+var PressResponder = /* @__PURE__ */ (function() {
+	"use strict";
+	function PressResponder2(config) {
+		_class_call_check(this, PressResponder2);
+		_define_property(this, "_touchActivatePosition", null);
+		_define_property(this, "_pressDelayTimeout", 0);
+		_define_property(this, "_selectionTerminated", false);
+		_define_property(this, "_isPointerTouch", false);
+		_define_property(this, "_longPressDelayTimeout", 0);
+		_define_property(this, "_longPressDispatched", false);
+		_define_property(this, "_pressOutDelayTimeout", 0);
+		_define_property(this, "_touchState", NOT_RESPONDER);
+		_define_property(this, "_config", null);
+		_define_property(this, "_eventHandlers", null);
+		this.configure(config);
+	}
+	_create_class(PressResponder2, [
+		{
+			key: "configure",
+			value: function configure(config) {
+				this._config = config;
+			}
+		},
+		{
+			/**
+			* Resets any pending timers. This should be called on unmount.
+			*/
+			key: "reset",
+			value: function reset() {
+				this._cancelLongPressDelayTimeout();
+				this._cancelPressDelayTimeout();
+				this._cancelPressOutDelayTimeout();
+			}
+		},
+		{
+			/**
+			* Returns a set of props to spread into the interactive element.
+			*/
+			key: "getEventHandlers",
+			value: function getEventHandlers() {
+				if (this._eventHandlers == null) {
+					this._eventHandlers = this._createEventHandlers();
+				}
+				return this._eventHandlers;
+			}
+		},
+		{
+			key: "_createEventHandlers",
+			value: function _createEventHandlers() {
+				var _this = this;
+				var start = function(event, shouldDelay) {
+					event.persist();
+					_this._cancelPressOutDelayTimeout();
+					_this._longPressDispatched = false;
+					_this._selectionTerminated = false;
+					_this._touchState = NOT_RESPONDER;
+					_this._isPointerTouch = event.nativeEvent.type === "touchstart";
+					_this._receiveSignal(RESPONDER_GRANT, event);
+					var delayPressStart = normalizeDelay(_this._config.delayPressStart, 0, DEFAULT_PRESS_DELAY_MS);
+					if (shouldDelay !== false && delayPressStart > 0) {
+						_this._pressDelayTimeout = setTimeout(function() {
+							_this._receiveSignal(DELAY, event);
+						}, delayPressStart);
+					} else {
+						_this._receiveSignal(DELAY, event);
+					}
+					var delayLongPress = normalizeDelay(_this._config.delayLongPress, 10, DEFAULT_LONG_PRESS_DELAY_MS);
+					_this._longPressDelayTimeout = setTimeout(function() {
+						_this._handleLongPress(event);
+					}, delayLongPress + delayPressStart);
+				};
+				var end = function(event) {
+					_this._receiveSignal(RESPONDER_RELEASE, event);
+				};
+				var keyupHandler = function(event) {
+					var onPress = _this._config.onPress;
+					var target = event.target;
+					if (_this._touchState !== NOT_RESPONDER && isValidKeyPress(event)) {
+						end(event);
+						document.removeEventListener("keyup", keyupHandler);
+						var role = target.getAttribute("role");
+						var elementType = target.tagName.toLowerCase();
+						var isNativeInteractiveElement = role === "link" || elementType === "a" || elementType === "button" || elementType === "input" || elementType === "select" || elementType === "textarea";
+						if (onPress != null && !isNativeInteractiveElement) {
+							onPress(event);
+						}
+					}
+				};
+				return {
+					onStartShouldSetResponder: function(event) {
+						var disabled = _this._config.disabled;
+						if (disabled && isButtonRole(event.currentTarget)) {
+							event.stopPropagation();
+						}
+						if (disabled == null) {
+							return true;
+						}
+						return !disabled;
+					},
+					onKeyDown: function(event) {
+						var disabled = _this._config.disabled;
+						var key = event.key;
+						var target = event.target;
+						if (!disabled && isValidKeyPress(event)) {
+							if (_this._touchState === NOT_RESPONDER) {
+								start(event, false);
+								document.addEventListener("keyup", keyupHandler);
+							}
+							var role = target.getAttribute("role");
+							var isSpacebarKey = key === " " || key === "Spacebar";
+							var _isButtonRole = role === "button" || role === "menuitem";
+							if (isSpacebarKey && _isButtonRole) {
+								event.preventDefault();
+							}
+							event.stopPropagation();
+						}
+					},
+					onResponderGrant: function(event) {
+						return start(event);
+					},
+					onResponderMove: function(event) {
+						if (_this._config.onPressMove != null) {
+							_this._config.onPressMove(event);
+						}
+						var touch = getTouchFromResponderEvent(event);
+						if (_this._touchActivatePosition != null) {
+							var deltaX = _this._touchActivatePosition.pageX - touch.pageX;
+							var deltaY = _this._touchActivatePosition.pageY - touch.pageY;
+							if (Math.hypot(deltaX, deltaY) > 10) {
+								_this._cancelLongPressDelayTimeout();
+							}
+						}
+					},
+					onResponderRelease: function(event) {
+						return end(event);
+					},
+					onResponderTerminate: function(event) {
+						if (event.nativeEvent.type === "selectionchange") {
+							_this._selectionTerminated = true;
+						}
+						_this._receiveSignal(RESPONDER_TERMINATED, event);
+					},
+					onResponderTerminationRequest: function(event) {
+						var _this$_config = _this._config;
+						var cancelable = _this$_config.cancelable;
+						var disabled = _this$_config.disabled;
+						var onLongPress = _this$_config.onLongPress;
+						if (!disabled && onLongPress != null && _this._isPointerTouch && event.nativeEvent.type === "contextmenu") {
+							return false;
+						}
+						if (cancelable == null) {
+							return true;
+						}
+						return cancelable;
+					},
+					onClick: function(event) {
+						var _this$_config2 = _this._config;
+						var disabled = _this$_config2.disabled;
+						var onPress = _this$_config2.onPress;
+						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: function(event) {
+						var _this$_config3 = _this._config;
+						var disabled = _this$_config3.disabled;
+						var onLongPress = _this$_config3.onLongPress;
+						if (!disabled) {
+							if (onLongPress != null && _this._isPointerTouch && !event.defaultPrevented) {
+								event.preventDefault();
+								event.stopPropagation();
+							}
+						} else {
+							if (isButtonRole(event.currentTarget)) {
+								event.stopPropagation();
+							}
+						}
+					}
+				};
+			}
+		},
+		{
+			/**
+			* Receives a state machine signal, performs side effects of the transition
+			* and stores the new state. Validates the transition as well.
+			*/
+			key: "_receiveSignal",
+			value: function _receiveSignal(signal, event) {
+				var prevState = this._touchState;
+				var nextState = null;
+				if (Transitions[prevState] != null) {
+					nextState = Transitions[prevState][signal];
+				}
+				if (this._touchState === NOT_RESPONDER && signal === RESPONDER_RELEASE) {
+					return;
+				}
+				if (nextState == null || nextState === 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;
+				}
+			}
+		},
+		{
+			/**
+			* Performs a transition between touchable states and identify any activations
+			* or deactivations (and callback invocations).
+			*/
+			key: "_performTransitionSideEffects",
+			value: function _performTransitionSideEffects(prevState, nextState, signal, event) {
+				var _this = this;
+				if (isTerminalSignal(signal)) {
+					setTimeout(function() {
+						_this._isPointerTouch = false;
+					}, 0);
+					this._touchActivatePosition = null;
+					this._cancelLongPressDelayTimeout();
+				}
+				if (isPressStartSignal(prevState) && signal === LONG_PRESS_DETECTED) {
+					var onLongPress = this._config.onLongPress;
+					if (onLongPress != null && event.nativeEvent.key == null) {
+						onLongPress(event);
+						this._longPressDispatched = true;
+					}
+				}
+				var isPrevActive = isActiveSignal(prevState);
+				var isNextActive = isActiveSignal(nextState);
+				if (!isPrevActive && isNextActive) {
+					this._activate(event);
+				} else if (isPrevActive && !isNextActive) {
+					this._deactivate(event);
+				}
+				if (isPressStartSignal(prevState) && signal === RESPONDER_RELEASE) {
+					var _this$_config4 = this._config;
+					var _onLongPress = _this$_config4.onLongPress;
+					var onPress = _this$_config4.onPress;
+					if (onPress != null) {
+						var isPressCanceledByLongPress = _onLongPress != null && prevState === RESPONDER_ACTIVE_LONG_PRESS_START;
+						if (!isPressCanceledByLongPress) {
+							if (!(isNextActive || isPrevActive)) {
+								this._activate(event);
+								this._deactivate(event);
+							}
+						}
+					}
+				}
+				this._cancelPressDelayTimeout();
+			}
+		},
+		{
+			key: "_activate",
+			value: function _activate(event) {
+				var _this$_config5 = this._config;
+				var onPressChange = _this$_config5.onPressChange;
+				var onPressStart = _this$_config5.onPressStart;
+				var touch = getTouchFromResponderEvent(event);
+				this._touchActivatePosition = {
+					pageX: touch.pageX,
+					pageY: touch.pageY
+				};
+				if (onPressStart != null) {
+					onPressStart(event);
+				}
+				if (onPressChange != null) {
+					onPressChange(true);
+				}
+			}
+		},
+		{
+			key: "_deactivate",
+			value: function _deactivate(event) {
+				var _this$_config6 = this._config;
+				var onPressChange = _this$_config6.onPressChange;
+				var onPressEnd = _this$_config6.onPressEnd;
+				function end() {
+					if (onPressEnd != null) {
+						onPressEnd(event);
+					}
+					if (onPressChange != null) {
+						onPressChange(false);
+					}
+				}
+				var delayPressEnd = normalizeDelay(this._config.delayPressEnd);
+				if (delayPressEnd > 0) {
+					this._pressOutDelayTimeout = setTimeout(function() {
+						end();
+					}, delayPressEnd);
+				} else {
+					end();
+				}
+			}
+		},
+		{
+			key: "_handleLongPress",
+			value: function _handleLongPress(event) {
+				if (this._touchState === RESPONDER_ACTIVE_PRESS_START || this._touchState === RESPONDER_ACTIVE_LONG_PRESS_START) {
+					this._receiveSignal(LONG_PRESS_DETECTED, event);
+				}
+			}
+		},
+		{
+			key: "_cancelLongPressDelayTimeout",
+			value: function _cancelLongPressDelayTimeout() {
+				if (this._longPressDelayTimeout != null) {
+					clearTimeout(this._longPressDelayTimeout);
+					this._longPressDelayTimeout = null;
+				}
+			}
+		},
+		{
+			key: "_cancelPressDelayTimeout",
+			value: function _cancelPressDelayTimeout() {
+				if (this._pressDelayTimeout != null) {
+					clearTimeout(this._pressDelayTimeout);
+					this._pressDelayTimeout = null;
+				}
+			}
+		},
+		{
+			key: "_cancelPressOutDelayTimeout",
+			value: function _cancelPressOutDelayTimeout() {
+				if (this._pressOutDelayTimeout != null) {
+					clearTimeout(this._pressOutDelayTimeout);
+					this._pressOutDelayTimeout = null;
+				}
+			}
+		}
+	]);
+	return PressResponder2;
+})();
+function normalizeDelay(delay, min, fallback) {
+	if (min === void 0) {
+		min = 0;
+	}
+	if (fallback === void 0) {
+		fallback = 0;
+	}
+	return Math.max(min, delay !== null && delay !== void 0 ? delay : fallback);
+}
+function getTouchFromResponderEvent(event) {
+	var _event$nativeEvent = event.nativeEvent;
+	var changedTouches = _event$nativeEvent.changedTouches;
+	var touches = _event$nativeEvent.touches;
+	if (touches != null && touches.length > 0) {
+		return touches[0];
+	}
+	if (changedTouches != null && changedTouches.length > 0) {
+		return changedTouches[0];
+	}
+	return event.nativeEvent;
+}