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