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