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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,378 +9,369 @@ const RESPONDER_GRANT = "RESPONDER_GRANT";
9
9
  const RESPONDER_RELEASE = "RESPONDER_RELEASE";
10
10
  const RESPONDER_TERMINATED = "RESPONDER_TERMINATED";
11
11
  const Transitions = Object.freeze({
12
- NOT_RESPONDER: {
13
- DELAY: ERROR,
14
- RESPONDER_GRANT: RESPONDER_INACTIVE_PRESS_START,
15
- RESPONDER_RELEASE: ERROR,
16
- RESPONDER_TERMINATED: ERROR,
17
- LONG_PRESS_DETECTED: ERROR
18
- },
19
- RESPONDER_INACTIVE_PRESS_START: {
20
- DELAY: RESPONDER_ACTIVE_PRESS_START,
21
- RESPONDER_GRANT: ERROR,
22
- RESPONDER_RELEASE: NOT_RESPONDER,
23
- RESPONDER_TERMINATED: NOT_RESPONDER,
24
- LONG_PRESS_DETECTED: ERROR
25
- },
26
- RESPONDER_ACTIVE_PRESS_START: {
27
- DELAY: ERROR,
28
- RESPONDER_GRANT: ERROR,
29
- RESPONDER_RELEASE: NOT_RESPONDER,
30
- RESPONDER_TERMINATED: NOT_RESPONDER,
31
- LONG_PRESS_DETECTED: RESPONDER_ACTIVE_LONG_PRESS_START
32
- },
33
- RESPONDER_ACTIVE_LONG_PRESS_START: {
34
- DELAY: ERROR,
35
- RESPONDER_GRANT: ERROR,
36
- RESPONDER_RELEASE: NOT_RESPONDER,
37
- RESPONDER_TERMINATED: NOT_RESPONDER,
38
- LONG_PRESS_DETECTED: RESPONDER_ACTIVE_LONG_PRESS_START
39
- },
40
- ERROR: {
41
- DELAY: NOT_RESPONDER,
42
- RESPONDER_GRANT: RESPONDER_INACTIVE_PRESS_START,
43
- RESPONDER_RELEASE: NOT_RESPONDER,
44
- RESPONDER_TERMINATED: NOT_RESPONDER,
45
- LONG_PRESS_DETECTED: NOT_RESPONDER
46
- }
12
+ NOT_RESPONDER: {
13
+ DELAY: ERROR,
14
+ RESPONDER_GRANT: RESPONDER_INACTIVE_PRESS_START,
15
+ RESPONDER_RELEASE: ERROR,
16
+ RESPONDER_TERMINATED: ERROR,
17
+ LONG_PRESS_DETECTED: ERROR
18
+ },
19
+ RESPONDER_INACTIVE_PRESS_START: {
20
+ DELAY: RESPONDER_ACTIVE_PRESS_START,
21
+ RESPONDER_GRANT: ERROR,
22
+ RESPONDER_RELEASE: NOT_RESPONDER,
23
+ RESPONDER_TERMINATED: NOT_RESPONDER,
24
+ LONG_PRESS_DETECTED: ERROR
25
+ },
26
+ RESPONDER_ACTIVE_PRESS_START: {
27
+ DELAY: ERROR,
28
+ RESPONDER_GRANT: ERROR,
29
+ RESPONDER_RELEASE: NOT_RESPONDER,
30
+ RESPONDER_TERMINATED: NOT_RESPONDER,
31
+ LONG_PRESS_DETECTED: RESPONDER_ACTIVE_LONG_PRESS_START
32
+ },
33
+ RESPONDER_ACTIVE_LONG_PRESS_START: {
34
+ DELAY: ERROR,
35
+ RESPONDER_GRANT: ERROR,
36
+ RESPONDER_RELEASE: NOT_RESPONDER,
37
+ RESPONDER_TERMINATED: NOT_RESPONDER,
38
+ LONG_PRESS_DETECTED: RESPONDER_ACTIVE_LONG_PRESS_START
39
+ },
40
+ ERROR: {
41
+ DELAY: NOT_RESPONDER,
42
+ RESPONDER_GRANT: RESPONDER_INACTIVE_PRESS_START,
43
+ RESPONDER_RELEASE: NOT_RESPONDER,
44
+ RESPONDER_TERMINATED: NOT_RESPONDER,
45
+ LONG_PRESS_DETECTED: NOT_RESPONDER
46
+ }
47
47
  });
48
- const isActiveSignal = signal => signal === RESPONDER_ACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_LONG_PRESS_START;
49
- const isButtonRole = element => element.getAttribute("role") === "button";
50
- const isPressStartSignal = signal => signal === RESPONDER_INACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_LONG_PRESS_START;
51
- const isTerminalSignal = signal => signal === RESPONDER_TERMINATED || signal === RESPONDER_RELEASE;
52
- const isValidKeyPress = event => {
53
- const key = event.key;
54
- const target = event.target;
55
- const role = target.getAttribute("role");
56
- const isSpacebar = key === " " || key === "Spacebar";
57
- return key === "Enter" || isSpacebar && role === "button";
48
+ const isActiveSignal = (signal) => signal === RESPONDER_ACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_LONG_PRESS_START;
49
+ const isButtonRole = (element) => element.getAttribute("role") === "button";
50
+ const isPressStartSignal = (signal) => signal === RESPONDER_INACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_LONG_PRESS_START;
51
+ const isTerminalSignal = (signal) => signal === RESPONDER_TERMINATED || signal === RESPONDER_RELEASE;
52
+ const isValidKeyPress = (event) => {
53
+ const key = event.key;
54
+ const target = event.target;
55
+ const role = target.getAttribute("role");
56
+ const isSpacebar = key === " " || key === "Spacebar";
57
+ return key === "Enter" || isSpacebar && role === "button";
58
58
  };
59
59
  const DEFAULT_LONG_PRESS_DELAY_MS = 450;
60
60
  const DEFAULT_PRESS_DELAY_MS = 50;
61
- class PressResponder {
62
- _touchActivatePosition = null;
63
- _pressDelayTimeout = 0;
64
- _selectionTerminated = false;
65
- _isPointerTouch = false;
66
- _longPressDelayTimeout = 0;
67
- _longPressDispatched = false;
68
- _pressOutDelayTimeout = 0;
69
- _touchState = NOT_RESPONDER;
70
- _config = null;
71
- _eventHandlers = null;
72
- constructor(config) {
73
- this.configure(config);
74
- }
75
- configure(config) {
76
- this._config = config;
77
- }
78
- /**
79
- * Resets any pending timers. This should be called on unmount.
80
- */
81
- reset() {
82
- this._cancelLongPressDelayTimeout();
83
- this._cancelPressDelayTimeout();
84
- this._cancelPressOutDelayTimeout();
85
- }
86
- /**
87
- * Returns a set of props to spread into the interactive element.
88
- */
89
- getEventHandlers() {
90
- if (this._eventHandlers == null) {
91
- this._eventHandlers = this._createEventHandlers();
92
- }
93
- return this._eventHandlers;
94
- }
95
- _createEventHandlers() {
96
- const start = (event, shouldDelay) => {
97
- event.persist();
98
- this._cancelPressOutDelayTimeout();
99
- this._longPressDispatched = false;
100
- this._selectionTerminated = false;
101
- this._touchState = NOT_RESPONDER;
102
- this._isPointerTouch = event.nativeEvent.type === "touchstart";
103
- this._receiveSignal(RESPONDER_GRANT, event);
104
- const delayPressStart = normalizeDelay(this._config.delayPressStart, 0, DEFAULT_PRESS_DELAY_MS);
105
- if (shouldDelay !== false && delayPressStart > 0) {
106
- this._pressDelayTimeout = setTimeout(() => {
107
- this._receiveSignal(DELAY, event);
108
- }, delayPressStart);
109
- } else {
110
- this._receiveSignal(DELAY, event);
111
- }
112
- const delayLongPress = normalizeDelay(this._config.delayLongPress, 10, DEFAULT_LONG_PRESS_DELAY_MS);
113
- this._longPressDelayTimeout = setTimeout(() => {
114
- this._handleLongPress(event);
115
- }, delayLongPress + delayPressStart);
116
- };
117
- const end = event => {
118
- this._receiveSignal(RESPONDER_RELEASE, event);
119
- };
120
- const keyupHandler = event => {
121
- const onPress = this._config.onPress;
122
- const target = event.target;
123
- if (this._touchState !== NOT_RESPONDER && isValidKeyPress(event)) {
124
- end(event);
125
- document.removeEventListener("keyup", keyupHandler);
126
- const role = target.getAttribute("role");
127
- const elementType = target.tagName.toLowerCase();
128
- const isNativeInteractiveElement = role === "link" || elementType === "a" || elementType === "button" || elementType === "input" || elementType === "select" || elementType === "textarea";
129
- if (onPress != null && !isNativeInteractiveElement) {
130
- onPress(event);
131
- }
132
- }
133
- };
134
- return {
135
- onStartShouldSetResponder: event => {
136
- const disabled = this._config.disabled;
137
- if (disabled && isButtonRole(event.currentTarget)) {
138
- event.stopPropagation();
139
- }
140
- if (disabled == null) {
141
- return true;
142
- }
143
- return !disabled;
144
- },
145
- onKeyDown: event => {
146
- const disabled = this._config.disabled;
147
- const key = event.key;
148
- const target = event.target;
149
- if (!disabled && isValidKeyPress(event)) {
150
- if (this._touchState === NOT_RESPONDER) {
151
- start(event, false);
152
- document.addEventListener("keyup", keyupHandler);
153
- }
154
- const role = target.getAttribute("role");
155
- const isSpacebarKey = key === " " || key === "Spacebar";
156
- const _isButtonRole = role === "button" || role === "menuitem";
157
- if (isSpacebarKey && _isButtonRole) {
158
- event.preventDefault();
159
- }
160
- event.stopPropagation();
161
- }
162
- },
163
- onResponderGrant: event => start(event),
164
- onResponderMove: event => {
165
- if (this._config.onPressMove != null) {
166
- this._config.onPressMove(event);
167
- }
168
- const touch = getTouchFromResponderEvent(event);
169
- if (this._touchActivatePosition != null) {
170
- const deltaX = this._touchActivatePosition.pageX - touch.pageX;
171
- const deltaY = this._touchActivatePosition.pageY - touch.pageY;
172
- if (Math.hypot(deltaX, deltaY) > 10) {
173
- this._cancelLongPressDelayTimeout();
174
- }
175
- }
176
- },
177
- onResponderRelease: event => end(event),
178
- onResponderTerminate: event => {
179
- if (event.nativeEvent.type === "selectionchange") {
180
- this._selectionTerminated = true;
181
- }
182
- this._receiveSignal(RESPONDER_TERMINATED, event);
183
- },
184
- onResponderTerminationRequest: event => {
185
- const _this$_config = this._config;
186
- const cancelable = _this$_config.cancelable;
187
- const disabled = _this$_config.disabled;
188
- const onLongPress = _this$_config.onLongPress;
189
- if (!disabled && onLongPress != null && this._isPointerTouch && event.nativeEvent.type === "contextmenu") {
190
- return false;
191
- }
192
- if (cancelable == null) {
193
- return true;
194
- }
195
- return cancelable;
196
- },
197
- // NOTE: this diverges from react-native in 3 significant ways:
198
- // * The `onPress` callback is not connected to the responder system (the native
199
- // `click` event must be used but is dispatched in many scenarios where no pointers
200
- // are on the screen.) Therefore, it's possible for `onPress` to be called without
201
- // `onPress{Start,End}` being called first.
202
- // * The `onPress` callback is only be called on the first ancestor of the native
203
- // `click` target that is using the PressResponder.
204
- // * The event's `nativeEvent` is a `MouseEvent` not a `TouchEvent`.
205
- onClick: event => {
206
- const _this$_config2 = this._config;
207
- const disabled = _this$_config2.disabled;
208
- const onPress = _this$_config2.onPress;
209
- if (!disabled) {
210
- event.stopPropagation();
211
- if (this._longPressDispatched || this._selectionTerminated) {
212
- event.preventDefault();
213
- } else if (onPress != null && event.altKey === false) {
214
- onPress(event);
215
- }
216
- } else {
217
- if (isButtonRole(event.currentTarget)) {
218
- event.stopPropagation();
219
- }
220
- }
221
- },
222
- // If `onLongPress` is provided and a touch pointer is being used, prevent the
223
- // default context menu from opening.
224
- onContextMenu: event => {
225
- const _this$_config3 = this._config;
226
- const disabled = _this$_config3.disabled;
227
- const onLongPress = _this$_config3.onLongPress;
228
- if (!disabled) {
229
- if (onLongPress != null && this._isPointerTouch && !event.defaultPrevented) {
230
- event.preventDefault();
231
- event.stopPropagation();
232
- }
233
- } else {
234
- if (isButtonRole(event.currentTarget)) {
235
- event.stopPropagation();
236
- }
237
- }
238
- }
239
- };
240
- }
241
- /**
242
- * Receives a state machine signal, performs side effects of the transition
243
- * and stores the new state. Validates the transition as well.
244
- */
245
- _receiveSignal(signal, event) {
246
- const prevState = this._touchState;
247
- let nextState = null;
248
- if (Transitions[prevState] != null) {
249
- nextState = Transitions[prevState][signal];
250
- }
251
- if (this._touchState === NOT_RESPONDER && signal === RESPONDER_RELEASE) {
252
- return;
253
- }
254
- if (nextState == null || nextState === ERROR) {
255
- console.error(`PressResponder: Invalid signal ${signal} for state ${prevState} on responder`);
256
- } else if (prevState !== nextState) {
257
- this._performTransitionSideEffects(prevState, nextState, signal, event);
258
- this._touchState = nextState;
259
- }
260
- }
261
- /**
262
- * Performs a transition between touchable states and identify any activations
263
- * or deactivations (and callback invocations).
264
- */
265
- _performTransitionSideEffects(prevState, nextState, signal, event) {
266
- if (isTerminalSignal(signal)) {
267
- setTimeout(() => {
268
- this._isPointerTouch = false;
269
- }, 0);
270
- this._touchActivatePosition = null;
271
- this._cancelLongPressDelayTimeout();
272
- }
273
- if (isPressStartSignal(prevState) && signal === LONG_PRESS_DETECTED) {
274
- const onLongPress = this._config.onLongPress;
275
- if (onLongPress != null && event.nativeEvent.key == null) {
276
- onLongPress(event);
277
- this._longPressDispatched = true;
278
- }
279
- }
280
- const isPrevActive = isActiveSignal(prevState);
281
- const isNextActive = isActiveSignal(nextState);
282
- if (!isPrevActive && isNextActive) {
283
- this._activate(event);
284
- } else if (isPrevActive && !isNextActive) {
285
- this._deactivate(event);
286
- }
287
- if (isPressStartSignal(prevState) && signal === RESPONDER_RELEASE) {
288
- const _this$_config4 = this._config;
289
- const _onLongPress = _this$_config4.onLongPress;
290
- const onPress = _this$_config4.onPress;
291
- if (onPress != null) {
292
- const isPressCanceledByLongPress = _onLongPress != null && prevState === RESPONDER_ACTIVE_LONG_PRESS_START;
293
- if (!isPressCanceledByLongPress) {
294
- if (!(isNextActive || isPrevActive)) {
295
- this._activate(event);
296
- this._deactivate(event);
297
- }
298
- }
299
- }
300
- }
301
- this._cancelPressDelayTimeout();
302
- }
303
- _activate(event) {
304
- const _this$_config5 = this._config;
305
- const onPressChange = _this$_config5.onPressChange;
306
- const onPressStart = _this$_config5.onPressStart;
307
- const touch = getTouchFromResponderEvent(event);
308
- this._touchActivatePosition = {
309
- pageX: touch.pageX,
310
- pageY: touch.pageY
311
- };
312
- if (onPressStart != null) {
313
- onPressStart(event);
314
- }
315
- if (onPressChange != null) {
316
- onPressChange(true);
317
- }
318
- }
319
- _deactivate(event) {
320
- const _this$_config6 = this._config;
321
- const onPressChange = _this$_config6.onPressChange;
322
- const onPressEnd = _this$_config6.onPressEnd;
323
- function end() {
324
- if (onPressEnd != null) {
325
- onPressEnd(event);
326
- }
327
- if (onPressChange != null) {
328
- onPressChange(false);
329
- }
330
- }
331
- const delayPressEnd = normalizeDelay(this._config.delayPressEnd);
332
- if (delayPressEnd > 0) {
333
- this._pressOutDelayTimeout = setTimeout(() => {
334
- end();
335
- }, delayPressEnd);
336
- } else {
337
- end();
338
- }
339
- }
340
- _handleLongPress(event) {
341
- if (this._touchState === RESPONDER_ACTIVE_PRESS_START || this._touchState === RESPONDER_ACTIVE_LONG_PRESS_START) {
342
- this._receiveSignal(LONG_PRESS_DETECTED, event);
343
- }
344
- }
345
- _cancelLongPressDelayTimeout() {
346
- if (this._longPressDelayTimeout != null) {
347
- clearTimeout(this._longPressDelayTimeout);
348
- this._longPressDelayTimeout = null;
349
- }
350
- }
351
- _cancelPressDelayTimeout() {
352
- if (this._pressDelayTimeout != null) {
353
- clearTimeout(this._pressDelayTimeout);
354
- this._pressDelayTimeout = null;
355
- }
356
- }
357
- _cancelPressOutDelayTimeout() {
358
- if (this._pressOutDelayTimeout != null) {
359
- clearTimeout(this._pressOutDelayTimeout);
360
- this._pressOutDelayTimeout = null;
361
- }
362
- }
363
- }
61
+ var PressResponder = class {
62
+ _touchActivatePosition = null;
63
+ _pressDelayTimeout = 0;
64
+ _selectionTerminated = false;
65
+ _isPointerTouch = false;
66
+ _longPressDelayTimeout = 0;
67
+ _longPressDispatched = false;
68
+ _pressOutDelayTimeout = 0;
69
+ _touchState = NOT_RESPONDER;
70
+ _config = null;
71
+ _eventHandlers = null;
72
+ constructor(config) {
73
+ this.configure(config);
74
+ }
75
+ configure(config) {
76
+ this._config = config;
77
+ }
78
+ /**
79
+ * Resets any pending timers. This should be called on unmount.
80
+ */
81
+ reset() {
82
+ this._cancelLongPressDelayTimeout();
83
+ this._cancelPressDelayTimeout();
84
+ this._cancelPressOutDelayTimeout();
85
+ }
86
+ /**
87
+ * Returns a set of props to spread into the interactive element.
88
+ */
89
+ getEventHandlers() {
90
+ if (this._eventHandlers == null) {
91
+ this._eventHandlers = this._createEventHandlers();
92
+ }
93
+ return this._eventHandlers;
94
+ }
95
+ _createEventHandlers() {
96
+ const start = (event, shouldDelay) => {
97
+ event.persist();
98
+ this._cancelPressOutDelayTimeout();
99
+ this._longPressDispatched = false;
100
+ this._selectionTerminated = false;
101
+ this._touchState = NOT_RESPONDER;
102
+ this._isPointerTouch = event.nativeEvent.type === "touchstart";
103
+ this._receiveSignal(RESPONDER_GRANT, event);
104
+ const delayPressStart = normalizeDelay(this._config.delayPressStart, 0, DEFAULT_PRESS_DELAY_MS);
105
+ if (shouldDelay !== false && delayPressStart > 0) {
106
+ this._pressDelayTimeout = setTimeout(() => {
107
+ this._receiveSignal(DELAY, event);
108
+ }, delayPressStart);
109
+ } else {
110
+ this._receiveSignal(DELAY, event);
111
+ }
112
+ const delayLongPress = normalizeDelay(this._config.delayLongPress, 10, DEFAULT_LONG_PRESS_DELAY_MS);
113
+ this._longPressDelayTimeout = setTimeout(() => {
114
+ this._handleLongPress(event);
115
+ }, delayLongPress + delayPressStart);
116
+ };
117
+ const end = (event) => {
118
+ this._receiveSignal(RESPONDER_RELEASE, event);
119
+ };
120
+ const keyupHandler = (event) => {
121
+ const onPress = this._config.onPress;
122
+ const target = event.target;
123
+ if (this._touchState !== NOT_RESPONDER && isValidKeyPress(event)) {
124
+ end(event);
125
+ document.removeEventListener("keyup", keyupHandler);
126
+ const role = target.getAttribute("role");
127
+ const elementType = target.tagName.toLowerCase();
128
+ const isNativeInteractiveElement = role === "link" || elementType === "a" || elementType === "button" || elementType === "input" || elementType === "select" || elementType === "textarea";
129
+ if (onPress != null && !isNativeInteractiveElement) {
130
+ onPress(event);
131
+ }
132
+ }
133
+ };
134
+ return {
135
+ onStartShouldSetResponder: (event) => {
136
+ const disabled = this._config.disabled;
137
+ if (disabled && isButtonRole(event.currentTarget)) {
138
+ event.stopPropagation();
139
+ }
140
+ if (disabled == null) {
141
+ return true;
142
+ }
143
+ return !disabled;
144
+ },
145
+ onKeyDown: (event) => {
146
+ const disabled = this._config.disabled;
147
+ const key = event.key;
148
+ const target = event.target;
149
+ if (!disabled && isValidKeyPress(event)) {
150
+ if (this._touchState === NOT_RESPONDER) {
151
+ start(event, false);
152
+ document.addEventListener("keyup", keyupHandler);
153
+ }
154
+ const role = target.getAttribute("role");
155
+ const isSpacebarKey = key === " " || key === "Spacebar";
156
+ const _isButtonRole = role === "button" || role === "menuitem";
157
+ if (isSpacebarKey && _isButtonRole) {
158
+ event.preventDefault();
159
+ }
160
+ event.stopPropagation();
161
+ }
162
+ },
163
+ onResponderGrant: (event) => start(event),
164
+ onResponderMove: (event) => {
165
+ if (this._config.onPressMove != null) {
166
+ this._config.onPressMove(event);
167
+ }
168
+ const touch = getTouchFromResponderEvent(event);
169
+ if (this._touchActivatePosition != null) {
170
+ const deltaX = this._touchActivatePosition.pageX - touch.pageX;
171
+ const deltaY = this._touchActivatePosition.pageY - touch.pageY;
172
+ if (Math.hypot(deltaX, deltaY) > 10) {
173
+ this._cancelLongPressDelayTimeout();
174
+ }
175
+ }
176
+ },
177
+ onResponderRelease: (event) => end(event),
178
+ onResponderTerminate: (event) => {
179
+ if (event.nativeEvent.type === "selectionchange") {
180
+ this._selectionTerminated = true;
181
+ }
182
+ this._receiveSignal(RESPONDER_TERMINATED, event);
183
+ },
184
+ onResponderTerminationRequest: (event) => {
185
+ const _this$_config = this._config;
186
+ const cancelable = _this$_config.cancelable;
187
+ const disabled = _this$_config.disabled;
188
+ const onLongPress = _this$_config.onLongPress;
189
+ if (!disabled && onLongPress != null && this._isPointerTouch && event.nativeEvent.type === "contextmenu") {
190
+ return false;
191
+ }
192
+ if (cancelable == null) {
193
+ return true;
194
+ }
195
+ return cancelable;
196
+ },
197
+ onClick: (event) => {
198
+ const _this$_config2 = this._config;
199
+ const disabled = _this$_config2.disabled;
200
+ const onPress = _this$_config2.onPress;
201
+ if (!disabled) {
202
+ event.stopPropagation();
203
+ if (this._longPressDispatched || this._selectionTerminated) {
204
+ event.preventDefault();
205
+ } else if (onPress != null && event.altKey === false) {
206
+ onPress(event);
207
+ }
208
+ } else {
209
+ if (isButtonRole(event.currentTarget)) {
210
+ event.stopPropagation();
211
+ }
212
+ }
213
+ },
214
+ onContextMenu: (event) => {
215
+ const _this$_config3 = this._config;
216
+ const disabled = _this$_config3.disabled;
217
+ const onLongPress = _this$_config3.onLongPress;
218
+ if (!disabled) {
219
+ if (onLongPress != null && this._isPointerTouch && !event.defaultPrevented) {
220
+ event.preventDefault();
221
+ event.stopPropagation();
222
+ }
223
+ } else {
224
+ if (isButtonRole(event.currentTarget)) {
225
+ event.stopPropagation();
226
+ }
227
+ }
228
+ }
229
+ };
230
+ }
231
+ /**
232
+ * Receives a state machine signal, performs side effects of the transition
233
+ * and stores the new state. Validates the transition as well.
234
+ */
235
+ _receiveSignal(signal, event) {
236
+ const prevState = this._touchState;
237
+ let nextState = null;
238
+ if (Transitions[prevState] != null) {
239
+ nextState = Transitions[prevState][signal];
240
+ }
241
+ if (this._touchState === NOT_RESPONDER && signal === RESPONDER_RELEASE) {
242
+ return;
243
+ }
244
+ if (nextState == null || nextState === ERROR) {
245
+ console.error(`PressResponder: Invalid signal ${signal} for state ${prevState} on responder`);
246
+ } else if (prevState !== nextState) {
247
+ this._performTransitionSideEffects(prevState, nextState, signal, event);
248
+ this._touchState = nextState;
249
+ }
250
+ }
251
+ /**
252
+ * Performs a transition between touchable states and identify any activations
253
+ * or deactivations (and callback invocations).
254
+ */
255
+ _performTransitionSideEffects(prevState, nextState, signal, event) {
256
+ if (isTerminalSignal(signal)) {
257
+ setTimeout(() => {
258
+ this._isPointerTouch = false;
259
+ }, 0);
260
+ this._touchActivatePosition = null;
261
+ this._cancelLongPressDelayTimeout();
262
+ }
263
+ if (isPressStartSignal(prevState) && signal === LONG_PRESS_DETECTED) {
264
+ const onLongPress = this._config.onLongPress;
265
+ if (onLongPress != null && event.nativeEvent.key == null) {
266
+ onLongPress(event);
267
+ this._longPressDispatched = true;
268
+ }
269
+ }
270
+ const isPrevActive = isActiveSignal(prevState);
271
+ const isNextActive = isActiveSignal(nextState);
272
+ if (!isPrevActive && isNextActive) {
273
+ this._activate(event);
274
+ } else if (isPrevActive && !isNextActive) {
275
+ this._deactivate(event);
276
+ }
277
+ if (isPressStartSignal(prevState) && signal === RESPONDER_RELEASE) {
278
+ const _this$_config4 = this._config;
279
+ const _onLongPress = _this$_config4.onLongPress;
280
+ const onPress = _this$_config4.onPress;
281
+ if (onPress != null) {
282
+ const isPressCanceledByLongPress = _onLongPress != null && prevState === RESPONDER_ACTIVE_LONG_PRESS_START;
283
+ if (!isPressCanceledByLongPress) {
284
+ if (!(isNextActive || isPrevActive)) {
285
+ this._activate(event);
286
+ this._deactivate(event);
287
+ }
288
+ }
289
+ }
290
+ }
291
+ this._cancelPressDelayTimeout();
292
+ }
293
+ _activate(event) {
294
+ const _this$_config5 = this._config;
295
+ const onPressChange = _this$_config5.onPressChange;
296
+ const onPressStart = _this$_config5.onPressStart;
297
+ const touch = getTouchFromResponderEvent(event);
298
+ this._touchActivatePosition = {
299
+ pageX: touch.pageX,
300
+ pageY: touch.pageY
301
+ };
302
+ if (onPressStart != null) {
303
+ onPressStart(event);
304
+ }
305
+ if (onPressChange != null) {
306
+ onPressChange(true);
307
+ }
308
+ }
309
+ _deactivate(event) {
310
+ const _this$_config6 = this._config;
311
+ const onPressChange = _this$_config6.onPressChange;
312
+ const onPressEnd = _this$_config6.onPressEnd;
313
+ function end() {
314
+ if (onPressEnd != null) {
315
+ onPressEnd(event);
316
+ }
317
+ if (onPressChange != null) {
318
+ onPressChange(false);
319
+ }
320
+ }
321
+ const delayPressEnd = normalizeDelay(this._config.delayPressEnd);
322
+ if (delayPressEnd > 0) {
323
+ this._pressOutDelayTimeout = setTimeout(() => {
324
+ end();
325
+ }, delayPressEnd);
326
+ } else {
327
+ end();
328
+ }
329
+ }
330
+ _handleLongPress(event) {
331
+ if (this._touchState === RESPONDER_ACTIVE_PRESS_START || this._touchState === RESPONDER_ACTIVE_LONG_PRESS_START) {
332
+ this._receiveSignal(LONG_PRESS_DETECTED, event);
333
+ }
334
+ }
335
+ _cancelLongPressDelayTimeout() {
336
+ if (this._longPressDelayTimeout != null) {
337
+ clearTimeout(this._longPressDelayTimeout);
338
+ this._longPressDelayTimeout = null;
339
+ }
340
+ }
341
+ _cancelPressDelayTimeout() {
342
+ if (this._pressDelayTimeout != null) {
343
+ clearTimeout(this._pressDelayTimeout);
344
+ this._pressDelayTimeout = null;
345
+ }
346
+ }
347
+ _cancelPressOutDelayTimeout() {
348
+ if (this._pressOutDelayTimeout != null) {
349
+ clearTimeout(this._pressOutDelayTimeout);
350
+ this._pressOutDelayTimeout = null;
351
+ }
352
+ }
353
+ };
364
354
  function normalizeDelay(delay, min, fallback) {
365
- if (min === void 0) {
366
- min = 0;
367
- }
368
- if (fallback === void 0) {
369
- fallback = 0;
370
- }
371
- return Math.max(min, delay !== null && delay !== void 0 ? delay : fallback);
355
+ if (min === void 0) {
356
+ min = 0;
357
+ }
358
+ if (fallback === void 0) {
359
+ fallback = 0;
360
+ }
361
+ return Math.max(min, delay !== null && delay !== void 0 ? delay : fallback);
372
362
  }
373
363
  function getTouchFromResponderEvent(event) {
374
- const _event$nativeEvent = event.nativeEvent;
375
- const changedTouches = _event$nativeEvent.changedTouches;
376
- const touches = _event$nativeEvent.touches;
377
- if (touches != null && touches.length > 0) {
378
- return touches[0];
379
- }
380
- if (changedTouches != null && changedTouches.length > 0) {
381
- return changedTouches[0];
382
- }
383
- return event.nativeEvent;
364
+ const _event$nativeEvent = event.nativeEvent;
365
+ const changedTouches = _event$nativeEvent.changedTouches;
366
+ const touches = _event$nativeEvent.touches;
367
+ if (touches != null && touches.length > 0) {
368
+ return touches[0];
369
+ }
370
+ if (changedTouches != null && changedTouches.length > 0) {
371
+ return changedTouches[0];
372
+ }
373
+ return event.nativeEvent;
384
374
  }
375
+
385
376
  export { PressResponder };
386
377
  //# sourceMappingURL=PressResponder.mjs.map