@tamagui/react-native-use-responder-events 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.
- package/dist/cjs/ResponderSystem.cjs +307 -344
- package/dist/cjs/ResponderSystem.native.cjs +357 -0
- package/dist/cjs/ResponderSystem.native.js +307 -343
- package/dist/cjs/ResponderSystem.native.js.map +1 -1
- package/dist/cjs/ResponderTouchHistoryStore.cjs +136 -149
- package/dist/cjs/ResponderTouchHistoryStore.native.cjs +217 -0
- package/dist/cjs/ResponderTouchHistoryStore.native.js +176 -189
- package/dist/cjs/ResponderTouchHistoryStore.native.js.map +1 -1
- package/dist/cjs/createResponderEvent.cjs +128 -132
- package/dist/cjs/createResponderEvent.native.cjs +147 -0
- package/dist/cjs/createResponderEvent.native.js +129 -132
- package/dist/cjs/createResponderEvent.native.js.map +1 -1
- package/dist/cjs/index.cjs +10 -11
- package/dist/cjs/index.native.cjs +21 -0
- package/dist/cjs/index.native.js +10 -10
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/types.cjs +40 -41
- package/dist/cjs/types.native.cjs +79 -0
- package/dist/cjs/types.native.js +40 -40
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/useResponderEvents.cjs +60 -85
- package/dist/cjs/useResponderEvents.native.cjs +87 -0
- package/dist/cjs/useResponderEvents.native.js +62 -86
- package/dist/cjs/useResponderEvents.native.js.map +1 -1
- package/dist/cjs/utils.cjs +123 -135
- package/dist/cjs/utils.native.cjs +160 -0
- package/dist/cjs/utils.native.js +124 -135
- package/dist/cjs/utils.native.js.map +1 -1
- package/dist/esm/ResponderSystem.mjs +291 -326
- package/dist/esm/ResponderSystem.mjs.map +1 -1
- package/dist/esm/ResponderSystem.native.js +291 -326
- package/dist/esm/ResponderSystem.native.js.map +1 -1
- package/dist/esm/ResponderTouchHistoryStore.mjs +123 -131
- package/dist/esm/ResponderTouchHistoryStore.mjs.map +1 -1
- package/dist/esm/ResponderTouchHistoryStore.native.js +163 -172
- package/dist/esm/ResponderTouchHistoryStore.native.js.map +1 -1
- package/dist/esm/createResponderEvent.mjs +115 -114
- package/dist/esm/createResponderEvent.mjs.map +1 -1
- package/dist/esm/createResponderEvent.native.js +116 -115
- package/dist/esm/createResponderEvent.native.js.map +1 -1
- package/dist/esm/index.js +1 -2
- package/dist/esm/index.mjs +1 -2
- package/dist/esm/index.native.js +1 -2
- package/dist/esm/types.mjs +7 -6
- package/dist/esm/types.mjs.map +1 -1
- package/dist/esm/types.native.js +7 -6
- package/dist/esm/types.native.js.map +1 -1
- package/dist/esm/useResponderEvents.mjs +45 -61
- package/dist/esm/useResponderEvents.mjs.map +1 -1
- package/dist/esm/useResponderEvents.native.js +47 -63
- package/dist/esm/useResponderEvents.native.js.map +1 -1
- package/dist/esm/utils.mjs +101 -111
- package/dist/esm/utils.mjs.map +1 -1
- package/dist/esm/utils.native.js +102 -112
- package/dist/esm/utils.native.js.map +1 -1
- package/package.json +2 -2
- package/types/ResponderTouchHistoryStore.d.ts.map +1 -1
- package/types/utils.d.ts.map +1 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js.map +0 -1
|
@@ -1,149 +1,145 @@
|
|
|
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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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 createResponderEvent_exports = {};
|
|
24
|
-
__export(createResponderEvent_exports, {
|
|
25
|
-
createResponderEvent: () => createResponderEvent
|
|
26
|
-
});
|
|
23
|
+
__export(createResponderEvent_exports, { createResponderEvent: () => createResponderEvent });
|
|
27
24
|
module.exports = __toCommonJS(createResponderEvent_exports);
|
|
28
25
|
var import_utils = require("./utils.cjs");
|
|
29
26
|
const emptyFunction = () => {};
|
|
30
27
|
const emptyObject = {};
|
|
31
28
|
const emptyArray = [];
|
|
32
29
|
function normalizeIdentifier(identifier) {
|
|
33
|
-
|
|
30
|
+
return identifier > 20 ? identifier % 20 : identifier;
|
|
34
31
|
}
|
|
35
32
|
function createResponderEvent(domEvent, responderTouchHistoryStore) {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
}
|
|
33
|
+
let rect;
|
|
34
|
+
let propagationWasStopped = false;
|
|
35
|
+
let changedTouches;
|
|
36
|
+
let touches;
|
|
37
|
+
const domEventChangedTouches = domEvent.changedTouches;
|
|
38
|
+
const domEventType = domEvent.type;
|
|
39
|
+
const metaKey = domEvent.metaKey === true;
|
|
40
|
+
const shiftKey = domEvent.shiftKey === true;
|
|
41
|
+
const force = domEventChangedTouches?.[0].force || 0;
|
|
42
|
+
const identifier = normalizeIdentifier(domEventChangedTouches?.[0].identifier || 0);
|
|
43
|
+
const clientX = domEventChangedTouches?.[0].clientX || domEvent.clientX;
|
|
44
|
+
const clientY = domEventChangedTouches?.[0].clientY || domEvent.clientY;
|
|
45
|
+
const pageX = domEventChangedTouches?.[0].pageX || domEvent.pageX;
|
|
46
|
+
const pageY = domEventChangedTouches?.[0].pageY || domEvent.pageY;
|
|
47
|
+
const preventDefault = typeof domEvent.preventDefault === "function" ? domEvent.preventDefault.bind(domEvent) : emptyFunction;
|
|
48
|
+
const timestamp = domEvent.timeStamp;
|
|
49
|
+
function normalizeTouches(touches2) {
|
|
50
|
+
return Array.prototype.slice.call(touches2).map((touch) => {
|
|
51
|
+
return {
|
|
52
|
+
force: touch.force,
|
|
53
|
+
identifier: normalizeIdentifier(touch.identifier),
|
|
54
|
+
get locationX() {
|
|
55
|
+
return locationX(touch.clientX);
|
|
56
|
+
},
|
|
57
|
+
get locationY() {
|
|
58
|
+
return locationY(touch.clientY);
|
|
59
|
+
},
|
|
60
|
+
pageX: touch.pageX,
|
|
61
|
+
pageY: touch.pageY,
|
|
62
|
+
target: touch.target,
|
|
63
|
+
timestamp
|
|
64
|
+
};
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
if (domEventChangedTouches != null) {
|
|
68
|
+
changedTouches = normalizeTouches(domEventChangedTouches);
|
|
69
|
+
touches = normalizeTouches(domEvent.touches);
|
|
70
|
+
} else {
|
|
71
|
+
const emulatedTouches = [{
|
|
72
|
+
force,
|
|
73
|
+
identifier,
|
|
74
|
+
get locationX() {
|
|
75
|
+
return locationX(clientX);
|
|
76
|
+
},
|
|
77
|
+
get locationY() {
|
|
78
|
+
return locationY(clientY);
|
|
79
|
+
},
|
|
80
|
+
pageX,
|
|
81
|
+
pageY,
|
|
82
|
+
target: domEvent.target,
|
|
83
|
+
timestamp
|
|
84
|
+
}];
|
|
85
|
+
changedTouches = emulatedTouches;
|
|
86
|
+
touches = domEventType === "mouseup" || domEventType === "dragstart" ? emptyArray : emulatedTouches;
|
|
87
|
+
}
|
|
88
|
+
const responderEvent = {
|
|
89
|
+
bubbles: true,
|
|
90
|
+
cancelable: true,
|
|
91
|
+
currentTarget: null,
|
|
92
|
+
defaultPrevented: domEvent.defaultPrevented,
|
|
93
|
+
dispatchConfig: emptyObject,
|
|
94
|
+
eventPhase: domEvent.eventPhase,
|
|
95
|
+
isDefaultPrevented() {
|
|
96
|
+
return domEvent.defaultPrevented;
|
|
97
|
+
},
|
|
98
|
+
isPropagationStopped() {
|
|
99
|
+
return propagationWasStopped;
|
|
100
|
+
},
|
|
101
|
+
isTrusted: domEvent.isTrusted,
|
|
102
|
+
nativeEvent: {
|
|
103
|
+
altKey: false,
|
|
104
|
+
ctrlKey: false,
|
|
105
|
+
metaKey,
|
|
106
|
+
shiftKey,
|
|
107
|
+
changedTouches,
|
|
108
|
+
force,
|
|
109
|
+
identifier,
|
|
110
|
+
get locationX() {
|
|
111
|
+
return locationX(clientX);
|
|
112
|
+
},
|
|
113
|
+
get locationY() {
|
|
114
|
+
return locationY(clientY);
|
|
115
|
+
},
|
|
116
|
+
pageX,
|
|
117
|
+
pageY,
|
|
118
|
+
target: domEvent.target,
|
|
119
|
+
timestamp,
|
|
120
|
+
touches,
|
|
121
|
+
type: domEventType
|
|
122
|
+
},
|
|
123
|
+
persist: emptyFunction,
|
|
124
|
+
preventDefault,
|
|
125
|
+
stopPropagation() {
|
|
126
|
+
propagationWasStopped = true;
|
|
127
|
+
},
|
|
128
|
+
target: domEvent.target,
|
|
129
|
+
timeStamp: timestamp,
|
|
130
|
+
touchHistory: responderTouchHistoryStore.touchHistory
|
|
131
|
+
};
|
|
132
|
+
function locationX(x) {
|
|
133
|
+
rect = rect || (0, import_utils.getBoundingClientRect)(responderEvent.currentTarget);
|
|
134
|
+
if (rect) {
|
|
135
|
+
return x - rect.left;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
function locationY(y) {
|
|
139
|
+
rect = rect || (0, import_utils.getBoundingClientRect)(responderEvent.currentTarget);
|
|
140
|
+
if (rect) {
|
|
141
|
+
return y - rect.top;
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
return responderEvent;
|
|
145
|
+
}
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all) __defProp(target, name, {
|
|
10
|
+
get: all[name],
|
|
11
|
+
enumerable: true
|
|
12
|
+
});
|
|
13
|
+
};
|
|
14
|
+
var __copyProps = (to, from, except, desc) => {
|
|
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;
|
|
22
|
+
};
|
|
23
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
24
|
+
var createResponderEvent_exports = {};
|
|
25
|
+
__export(createResponderEvent_exports, { createResponderEvent: () => createResponderEvent });
|
|
26
|
+
module.exports = __toCommonJS(createResponderEvent_exports);
|
|
27
|
+
var import_utils = require("./utils.native.js");
|
|
28
|
+
var emptyFunction = function() {};
|
|
29
|
+
var emptyObject = {};
|
|
30
|
+
var emptyArray = [];
|
|
31
|
+
function normalizeIdentifier(identifier) {
|
|
32
|
+
return identifier > 20 ? identifier % 20 : identifier;
|
|
33
|
+
}
|
|
34
|
+
function createResponderEvent(domEvent, responderTouchHistoryStore) {
|
|
35
|
+
var rect;
|
|
36
|
+
var propagationWasStopped = false;
|
|
37
|
+
var changedTouches;
|
|
38
|
+
var touches;
|
|
39
|
+
var domEventChangedTouches = domEvent.changedTouches;
|
|
40
|
+
var domEventType = domEvent.type;
|
|
41
|
+
var metaKey = domEvent.metaKey === true;
|
|
42
|
+
var shiftKey = domEvent.shiftKey === true;
|
|
43
|
+
var force = (domEventChangedTouches === null || domEventChangedTouches === void 0 ? void 0 : domEventChangedTouches[0].force) || 0;
|
|
44
|
+
var identifier = normalizeIdentifier((domEventChangedTouches === null || domEventChangedTouches === void 0 ? void 0 : domEventChangedTouches[0].identifier) || 0);
|
|
45
|
+
var clientX = (domEventChangedTouches === null || domEventChangedTouches === void 0 ? void 0 : domEventChangedTouches[0].clientX) || domEvent.clientX;
|
|
46
|
+
var clientY = (domEventChangedTouches === null || domEventChangedTouches === void 0 ? void 0 : domEventChangedTouches[0].clientY) || domEvent.clientY;
|
|
47
|
+
var pageX = (domEventChangedTouches === null || domEventChangedTouches === void 0 ? void 0 : domEventChangedTouches[0].pageX) || domEvent.pageX;
|
|
48
|
+
var pageY = (domEventChangedTouches === null || domEventChangedTouches === void 0 ? void 0 : domEventChangedTouches[0].pageY) || domEvent.pageY;
|
|
49
|
+
var preventDefault = typeof domEvent.preventDefault === "function" ? domEvent.preventDefault.bind(domEvent) : emptyFunction;
|
|
50
|
+
var timestamp = domEvent.timeStamp;
|
|
51
|
+
function normalizeTouches(touches2) {
|
|
52
|
+
return Array.prototype.slice.call(touches2).map(function(touch) {
|
|
53
|
+
return {
|
|
54
|
+
force: touch.force,
|
|
55
|
+
identifier: normalizeIdentifier(touch.identifier),
|
|
56
|
+
get locationX() {
|
|
57
|
+
return locationX(touch.clientX);
|
|
58
|
+
},
|
|
59
|
+
get locationY() {
|
|
60
|
+
return locationY(touch.clientY);
|
|
61
|
+
},
|
|
62
|
+
pageX: touch.pageX,
|
|
63
|
+
pageY: touch.pageY,
|
|
64
|
+
target: touch.target,
|
|
65
|
+
timestamp
|
|
66
|
+
};
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
if (domEventChangedTouches != null) {
|
|
70
|
+
changedTouches = normalizeTouches(domEventChangedTouches);
|
|
71
|
+
touches = normalizeTouches(domEvent.touches);
|
|
72
|
+
} else {
|
|
73
|
+
var emulatedTouches = [{
|
|
74
|
+
force,
|
|
75
|
+
identifier,
|
|
76
|
+
get locationX() {
|
|
77
|
+
return locationX(clientX);
|
|
78
|
+
},
|
|
79
|
+
get locationY() {
|
|
80
|
+
return locationY(clientY);
|
|
81
|
+
},
|
|
82
|
+
pageX,
|
|
83
|
+
pageY,
|
|
84
|
+
target: domEvent.target,
|
|
85
|
+
timestamp
|
|
86
|
+
}];
|
|
87
|
+
changedTouches = emulatedTouches;
|
|
88
|
+
touches = domEventType === "mouseup" || domEventType === "dragstart" ? emptyArray : emulatedTouches;
|
|
89
|
+
}
|
|
90
|
+
var responderEvent = {
|
|
91
|
+
bubbles: true,
|
|
92
|
+
cancelable: true,
|
|
93
|
+
currentTarget: null,
|
|
94
|
+
defaultPrevented: domEvent.defaultPrevented,
|
|
95
|
+
dispatchConfig: emptyObject,
|
|
96
|
+
eventPhase: domEvent.eventPhase,
|
|
97
|
+
isDefaultPrevented() {
|
|
98
|
+
return domEvent.defaultPrevented;
|
|
99
|
+
},
|
|
100
|
+
isPropagationStopped() {
|
|
101
|
+
return propagationWasStopped;
|
|
102
|
+
},
|
|
103
|
+
isTrusted: domEvent.isTrusted,
|
|
104
|
+
nativeEvent: {
|
|
105
|
+
altKey: false,
|
|
106
|
+
ctrlKey: false,
|
|
107
|
+
metaKey,
|
|
108
|
+
shiftKey,
|
|
109
|
+
changedTouches,
|
|
110
|
+
force,
|
|
111
|
+
identifier,
|
|
112
|
+
get locationX() {
|
|
113
|
+
return locationX(clientX);
|
|
114
|
+
},
|
|
115
|
+
get locationY() {
|
|
116
|
+
return locationY(clientY);
|
|
117
|
+
},
|
|
118
|
+
pageX,
|
|
119
|
+
pageY,
|
|
120
|
+
target: domEvent.target,
|
|
121
|
+
timestamp,
|
|
122
|
+
touches,
|
|
123
|
+
type: domEventType
|
|
124
|
+
},
|
|
125
|
+
persist: emptyFunction,
|
|
126
|
+
preventDefault,
|
|
127
|
+
stopPropagation() {
|
|
128
|
+
propagationWasStopped = true;
|
|
129
|
+
},
|
|
130
|
+
target: domEvent.target,
|
|
131
|
+
timeStamp: timestamp,
|
|
132
|
+
touchHistory: responderTouchHistoryStore.touchHistory
|
|
133
|
+
};
|
|
134
|
+
function locationX(x) {
|
|
135
|
+
rect = rect || (0, import_utils.getBoundingClientRect)(responderEvent.currentTarget);
|
|
136
|
+
if (rect) {
|
|
137
|
+
return x - rect.left;
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
function locationY(y) {
|
|
141
|
+
rect = rect || (0, import_utils.getBoundingClientRect)(responderEvent.currentTarget);
|
|
142
|
+
if (rect) {
|
|
143
|
+
return y - rect.top;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
return responderEvent;
|
|
147
|
+
}
|