@tamagui/core 1.85.3 → 1.85.5
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/hooks/usePlatformMethods.js +1 -1
- package/dist/cjs/hooks/usePlatformMethods.js.map +1 -1
- package/dist/cjs/hooks/usePlatformMethods.native.js +1 -1
- package/dist/cjs/hooks/usePlatformMethods.native.js.map +1 -1
- package/dist/cjs/index.js +60 -50
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +1 -51
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/hooks/usePlatformMethods.js +1 -1
- package/dist/esm/hooks/usePlatformMethods.js.map +1 -1
- package/dist/esm/hooks/usePlatformMethods.native.js +1 -1
- package/dist/esm/hooks/usePlatformMethods.native.js.map +1 -1
- package/dist/esm/index.js +60 -50
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.native.js +4 -54
- package/dist/esm/index.native.js.map +1 -1
- package/dist/native.js +207 -364
- package/dist/native.js.map +3 -3
- package/dist/test.native.js +180 -310
- package/dist/test.native.js.map +3 -3
- package/package.json +6 -6
- package/src/hooks/usePlatformMethods.ts +1 -1
- package/src/index.tsx +84 -69
- package/types/index.d.ts.map +1 -1
|
@@ -21,7 +21,7 @@ var import_constants = require("@tamagui/constants"), import_getRect = require("
|
|
|
21
21
|
function usePlatformMethods(hostRef) {
|
|
22
22
|
(0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
23
23
|
const node = hostRef.current;
|
|
24
|
-
node
|
|
24
|
+
!node || node.measure || (node.measure = (callback) => (0, import_useElementLayout.measureLayout)(node, null, callback), node.measureLayout = (relativeToNode, success) => (0, import_useElementLayout.measureLayout)(node, relativeToNode, success), node.measureInWindow = (callback) => {
|
|
25
25
|
node && setTimeout(() => {
|
|
26
26
|
const { height, left, top, width } = (0, import_getRect.getRect)(node);
|
|
27
27
|
callback(left, top, width, height);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/usePlatformMethods.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C,+BAG1C,iBAAwB,+BACxB,0BAA8B;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,kDAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C,+BAG1C,iBAAwB,+BACxB,0BAA8B;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,kDAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,IAAI,CAAC,QAAQ,KAAK,YAElB,KAAK,UAAU,CAAC,iBAAa,uCAAc,MAAM,MAAM,QAAQ,GAE/D,KAAK,gBAAgB,CAAC,gBAAgB,gBACpC,uCAAc,MAAqB,gBAAgB,OAAO,GAE5D,KAAK,kBAAkB,CAAC,aAAa;AACnC,MAAK,QACL,WAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,QAAI,wBAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACd;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -22,7 +22,7 @@ var import_constants = require("@tamagui/constants"), import_getRect = require("
|
|
|
22
22
|
function usePlatformMethods(hostRef) {
|
|
23
23
|
(0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
24
24
|
const node = hostRef.current;
|
|
25
|
-
node
|
|
25
|
+
!node || node.measure || (node.measure = (callback) => (0, import_useElementLayout.measureLayout)(node, null, callback), node.measureLayout = (relativeToNode, success) => (0, import_useElementLayout.measureLayout)(node, relativeToNode, success), node.measureInWindow = (callback) => {
|
|
26
26
|
node && setTimeout(() => {
|
|
27
27
|
const { height, left, top, width } = (0, import_getRect.getRect)(node);
|
|
28
28
|
callback(left, top, width, height);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/usePlatformMethods.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C,+BAG1C,iBAAwB,+BACxB,0BAA8B;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,kDAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C,+BAG1C,iBAAwB,+BACxB,0BAA8B;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,kDAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,IAAI,CAAC,QAAQ,KAAK,YAElB,KAAK,UAAU,CAAC,iBAAa,uCAAc,MAAM,MAAM,QAAQ,GAE/D,KAAK,gBAAgB,CAAC,gBAAgB,gBACpC,uCAAc,MAAqB,gBAAgB,OAAO,GAE5D,KAAK,kBAAkB,CAAC,aAAa;AACnC,MAAK,QACL,WAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,QAAI,wBAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACd;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -25,57 +25,67 @@ __reExport(src_exports, require("./reactNativeTypes"), module.exports);
|
|
|
25
25
|
const baseViews = (0, import_getBaseViews.getBaseViews)();
|
|
26
26
|
(0, import_web.setupHooks)({
|
|
27
27
|
getBaseViews: import_getBaseViews.getBaseViews,
|
|
28
|
-
usePropsTransform(elementType, propsIn, hostRef) {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
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
|
-
|
|
28
|
+
usePropsTransform(elementType, propsIn, hostRef, willHydrate) {
|
|
29
|
+
{
|
|
30
|
+
const isDOM = typeof elementType == "string", {
|
|
31
|
+
// event props
|
|
32
|
+
onMoveShouldSetResponder,
|
|
33
|
+
onMoveShouldSetResponderCapture,
|
|
34
|
+
onResponderEnd,
|
|
35
|
+
onResponderGrant,
|
|
36
|
+
onResponderMove,
|
|
37
|
+
onResponderReject,
|
|
38
|
+
onResponderRelease,
|
|
39
|
+
onResponderStart,
|
|
40
|
+
onResponderTerminate,
|
|
41
|
+
onResponderTerminationRequest,
|
|
42
|
+
onScrollShouldSetResponder,
|
|
43
|
+
onScrollShouldSetResponderCapture,
|
|
44
|
+
onSelectionChangeShouldSetResponder,
|
|
45
|
+
onSelectionChangeShouldSetResponderCapture,
|
|
46
|
+
onStartShouldSetResponder,
|
|
47
|
+
onStartShouldSetResponderCapture,
|
|
48
|
+
// android
|
|
49
|
+
collapsable,
|
|
50
|
+
focusable,
|
|
51
|
+
// deprecated,
|
|
52
|
+
accessible,
|
|
53
|
+
accessibilityDisabled,
|
|
54
|
+
onLayout,
|
|
55
|
+
hrefAttrs,
|
|
56
|
+
...plainDOMProps
|
|
57
|
+
} = propsIn;
|
|
58
|
+
if ((willHydrate || isDOM) && ((0, import_usePlatformMethods.usePlatformMethods)(hostRef), (0, import_useElementLayout.useElementLayout)(
|
|
59
|
+
hostRef,
|
|
60
|
+
isDOM ? onLayout : void 0
|
|
61
|
+
), (0, import_react_native_use_responder_events.useResponderEvents)(
|
|
62
|
+
hostRef,
|
|
63
|
+
isDOM ? {
|
|
64
|
+
onMoveShouldSetResponder,
|
|
65
|
+
onMoveShouldSetResponderCapture,
|
|
66
|
+
onResponderEnd,
|
|
67
|
+
onResponderGrant,
|
|
68
|
+
onResponderMove,
|
|
69
|
+
onResponderReject,
|
|
70
|
+
onResponderRelease,
|
|
71
|
+
onResponderStart,
|
|
72
|
+
onResponderTerminate,
|
|
73
|
+
onResponderTerminationRequest,
|
|
74
|
+
onScrollShouldSetResponder,
|
|
75
|
+
onScrollShouldSetResponderCapture,
|
|
76
|
+
onSelectionChangeShouldSetResponder,
|
|
77
|
+
onSelectionChangeShouldSetResponderCapture,
|
|
78
|
+
onStartShouldSetResponder,
|
|
79
|
+
onStartShouldSetResponderCapture
|
|
80
|
+
} : void 0
|
|
81
|
+
)), isDOM) {
|
|
82
|
+
if (plainDOMProps.href && hrefAttrs) {
|
|
83
|
+
const { download, rel, target } = hrefAttrs;
|
|
84
|
+
download != null && (plainDOMProps.download = download), rel && (plainDOMProps.rel = rel), typeof target == "string" && (plainDOMProps.target = target.charAt(0) !== "_" ? `_${target}` : target);
|
|
85
|
+
}
|
|
86
|
+
return plainDOMProps;
|
|
87
|
+
}
|
|
77
88
|
}
|
|
78
|
-
return viewProps;
|
|
79
89
|
},
|
|
80
90
|
useEvents(viewProps, events, { pseudos }, setStateShallow, staticConfig) {
|
|
81
91
|
}
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAmC,uDAUnC,aAMO,yBACP,eAAyC,kBAEzC,6BAAoC,kCACpC,sBAA6B,2BAC7B,0BAAiC,qCACjC,4BAAmC,uCAEnC,sBAAgC;AAqBhC,wBAAc,yBA7Cd;AAgDA,wBAAc,+BAhDd;AAkDA,MAAM,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAmC,uDAUnC,aAMO,yBACP,eAAyC,kBAEzC,6BAAoC,kCACpC,sBAA6B,2BAC7B,0BAAiC,qCACjC,4BAAmC,uCAEnC,sBAAgC;AAqBhC,wBAAc,yBA7Cd;AAgDA,wBAAc,+BAhDd;AAkDA,MAAM,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS,aAAa;AAClB;AACxC,YAAM,QAAQ,OAAO,eAAgB,UAG/B;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA,GAAG;AAAA,MACL,IAAI;AAkCJ,WAhCI,eAAe,eAEjB,8CAAmB,OAA6B,OAChD;AAAA,QACE;AAAA,QACC,QAAqB,WAAb;AAAA,MACX,OACA;AAAA,QACE;AAAA,QACC,QAEI;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,IAlBA;AAAA,MAmBN,IAGE,OAAO;AAET,YAAI,cAAc,QAAQ,WAAW;AACnC,gBAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,UAAI,YAAY,SACd,cAAc,WAAW,WAEvB,QACF,cAAc,MAAM,MAElB,OAAO,UAAW,aACpB,cAAc,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,QAErE;AACA,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAAA,EA0DzE;AAwBF,CAAC;AAQM,MAAM,OAAO,WAAAA,MACP,QAAQ,WAAAC,OACR,OAAO,WAAAC;",
|
|
5
5
|
"names": ["WebView", "WebStack", "WebText"]
|
|
6
6
|
}
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -26,57 +26,7 @@ __reExport(src_exports, require("./reactNativeTypes"), module.exports);
|
|
|
26
26
|
const baseViews = (0, import_getBaseViews.getBaseViews)();
|
|
27
27
|
(0, import_web.setupHooks)({
|
|
28
28
|
getBaseViews: import_getBaseViews.getBaseViews,
|
|
29
|
-
usePropsTransform(elementType, propsIn, hostRef) {
|
|
30
|
-
const {
|
|
31
|
-
// event props
|
|
32
|
-
onMoveShouldSetResponder,
|
|
33
|
-
onMoveShouldSetResponderCapture,
|
|
34
|
-
onResponderEnd,
|
|
35
|
-
onResponderGrant,
|
|
36
|
-
onResponderMove,
|
|
37
|
-
onResponderReject,
|
|
38
|
-
onResponderRelease,
|
|
39
|
-
onResponderStart,
|
|
40
|
-
onResponderTerminate,
|
|
41
|
-
onResponderTerminationRequest,
|
|
42
|
-
onScrollShouldSetResponder,
|
|
43
|
-
onScrollShouldSetResponderCapture,
|
|
44
|
-
onSelectionChangeShouldSetResponder,
|
|
45
|
-
onSelectionChangeShouldSetResponderCapture,
|
|
46
|
-
onStartShouldSetResponder,
|
|
47
|
-
onStartShouldSetResponderCapture,
|
|
48
|
-
// android
|
|
49
|
-
collapsable,
|
|
50
|
-
focusable,
|
|
51
|
-
// deprecated,
|
|
52
|
-
accessible,
|
|
53
|
-
accessibilityDisabled,
|
|
54
|
-
onLayout,
|
|
55
|
-
hrefAttrs,
|
|
56
|
-
...viewProps
|
|
57
|
-
} = propsIn;
|
|
58
|
-
if ((0, import_usePlatformMethods.usePlatformMethods)(hostRef), (0, import_useElementLayout.useElementLayout)(hostRef, onLayout), (0, import_react_native_use_responder_events.useResponderEvents)(hostRef, {
|
|
59
|
-
onMoveShouldSetResponder,
|
|
60
|
-
onMoveShouldSetResponderCapture,
|
|
61
|
-
onResponderEnd,
|
|
62
|
-
onResponderGrant,
|
|
63
|
-
onResponderMove,
|
|
64
|
-
onResponderReject,
|
|
65
|
-
onResponderRelease,
|
|
66
|
-
onResponderStart,
|
|
67
|
-
onResponderTerminate,
|
|
68
|
-
onResponderTerminationRequest,
|
|
69
|
-
onScrollShouldSetResponder,
|
|
70
|
-
onScrollShouldSetResponderCapture,
|
|
71
|
-
onSelectionChangeShouldSetResponder,
|
|
72
|
-
onSelectionChangeShouldSetResponderCapture,
|
|
73
|
-
onStartShouldSetResponder,
|
|
74
|
-
onStartShouldSetResponderCapture
|
|
75
|
-
}), viewProps.href && hrefAttrs) {
|
|
76
|
-
const { download, rel, target } = hrefAttrs;
|
|
77
|
-
download != null && (viewProps.download = download), rel && (viewProps.rel = rel), typeof target == "string" && (viewProps.target = target.charAt(0) !== "_" ? `_${target}` : target);
|
|
78
|
-
}
|
|
79
|
-
return viewProps;
|
|
29
|
+
usePropsTransform(elementType, propsIn, hostRef, willHydrate) {
|
|
80
30
|
},
|
|
81
31
|
useEvents(viewProps, events, { pseudos }, setStateShallow, staticConfig) {
|
|
82
32
|
if (events && (events.onFocus && (viewProps.onFocus = events.onFocus), events.onBlur && (viewProps.onBlur = events.onBlur)), staticConfig.isInput) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAmC,uDAUnC,aAMO,yBACP,eAAyC,kBAEzC,6BAAoC,kCACpC,sBAA6B,2BAC7B,0BAAiC,qCACjC,4BAAmC,uCAEnC,sBAAgC;AAqBhC,wBAAc,yBA7Cd;AAgDA,wBAAc,+BAhDd;AAkDA,MAAM,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAmC,uDAUnC,aAMO,yBACP,eAAyC,kBAEzC,6BAAoC,kCACpC,sBAA6B,2BAC7B,0BAAiC,qCACjC,4BAAmC,uCAEnC,sBAAgC;AAqBhC,wBAAc,yBA7Cd;AAgDA,wBAAc,+BAhDd;AAkDA,MAAM,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS,aAAa;AAAA,EAuF9D;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAWrE,QATI,WACE,OAAO,YACT,UAAU,UAAa,OAAO,UAE5B,OAAO,WACT,UAAU,SAAY,OAAO,UAI7B,aAAa;AACf,UAAI,QAAQ;AACV,cAAM,EAAE,WAAW,YAAY,QAAQ,IAAI,QACrC,cAAc;AAAA,UAClB;AAAA,UACA,YAAY,cAAc;AAAA,QAC5B;AACA,QAAI,cAAc,YAEhB,YAAY,iBAAa,iCAAqB,SAAS,UAAU,IAEnE,OAAO,OAAO,WAAW,WAAW;AAAA,MACtC;AAAA,WACK;AAGL,MAAI,UAAU,UAAU,YACtB,OAAO,UAAU,UAAU;AAI7B,YAAM,mBAAe,qCAAgB,MAAM;AAE3C,UAAI,WACE,QAAQ,IAAI,aAAa,iBACvB,UAAU,SACZ,QAAQ;AAAA,QACN,sBAAsB,CAAC,CAAC,OAAO,OAAO,sCAAsC,OAAO;AAAA,UACjF,gBAAgB,CAAC;AAAA,QACnB,CAAC;AAAA,MACH,GAIA,OAAO;AACT,mBAAW,OAAO,cAAc;AAC9B,gBAAM,KAAK,UAAU,GAAG,GAClB,MAAM,aAAa,GAAG;AAC5B,oBAAU,GAAG,IACX,MAAM,CAAC,4BAA4B,GAAG,QAClC,iCAAqB,IAAI,GAAG,IAC5B;AAAA,QACR;AAAA,IAGN;AAAA,EAEJ;AAAA,EAIE,YAAY,aAAa,UAAU,WAAW,QAAQ,cAAc;AAClE,QAAI,QAAQ,IAAI,aAAa,QAK7B;AAAA,UAAI,gBAAgB,UAAU;AAE5B,mBAAO,gDAAoB,UAAU,WAAW,SAAS;AAG3D,UAAI,QAAQ,IAAI,iCACV,gBAAgB,UAAU;AAE5B,yBAAU,WAAW,cACd,4BAAc,WAAW,SAAS;AAAA;AAAA,EAG/C;AAEJ,CAAC;AAED,MAAM,8BAA8B;AAAA,EAClC,SAAS;AACX,GAIa,OAAO,WAAAA,MACP,QAAQ,WAAAC,OACR,OAAO,WAAAC;",
|
|
5
5
|
"names": ["WebView", "WebStack", "WebText"]
|
|
6
6
|
}
|
|
@@ -4,7 +4,7 @@ import { measureLayout } from "./useElementLayout";
|
|
|
4
4
|
function usePlatformMethods(hostRef) {
|
|
5
5
|
useIsomorphicLayoutEffect(() => {
|
|
6
6
|
const node = hostRef.current;
|
|
7
|
-
node
|
|
7
|
+
!node || node.measure || (node.measure = (callback) => measureLayout(node, null, callback), node.measureLayout = (relativeToNode, success) => measureLayout(node, relativeToNode, success), node.measureInWindow = (callback) => {
|
|
8
8
|
node && setTimeout(() => {
|
|
9
9
|
const { height, left, top, width } = getRect(node);
|
|
10
10
|
callback(left, top, width, height);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/usePlatformMethods.ts"],
|
|
4
|
-
"mappings": "AAAA,SAAS,iCAAiC;AAG1C,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,4BAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,
|
|
4
|
+
"mappings": "AAAA,SAAS,iCAAiC;AAG1C,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,4BAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,IAAI,CAAC,QAAQ,KAAK,YAElB,KAAK,UAAU,CAAC,aAAa,cAAc,MAAM,MAAM,QAAQ,GAE/D,KAAK,gBAAgB,CAAC,gBAAgB,YACpC,cAAc,MAAqB,gBAAgB,OAAO,GAE5D,KAAK,kBAAkB,CAAC,aAAa;AACnC,MAAK,QACL,WAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACd;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -4,7 +4,7 @@ import { measureLayout } from "./useElementLayout";
|
|
|
4
4
|
function usePlatformMethods(hostRef) {
|
|
5
5
|
useIsomorphicLayoutEffect(() => {
|
|
6
6
|
const node = hostRef.current;
|
|
7
|
-
node
|
|
7
|
+
!node || node.measure || (node.measure = (callback) => measureLayout(node, null, callback), node.measureLayout = (relativeToNode, success) => measureLayout(node, relativeToNode, success), node.measureInWindow = (callback) => {
|
|
8
8
|
node && setTimeout(() => {
|
|
9
9
|
const { height, left, top, width } = getRect(node);
|
|
10
10
|
callback(left, top, width, height);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/usePlatformMethods.ts"],
|
|
4
|
-
"mappings": "AAAA,SAAS,iCAAiC;AAG1C,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,4BAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,
|
|
4
|
+
"mappings": "AAAA,SAAS,iCAAiC;AAG1C,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,4BAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,IAAI,CAAC,QAAQ,KAAK,YAElB,KAAK,UAAU,CAAC,aAAa,cAAc,MAAM,MAAM,QAAQ,GAE/D,KAAK,gBAAgB,CAAC,gBAAgB,YACpC,cAAc,MAAqB,gBAAgB,OAAO,GAE5D,KAAK,kBAAkB,CAAC,aAAa;AACnC,MAAK,QACL,WAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACd;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -16,57 +16,67 @@ export * from "./reactNativeTypes";
|
|
|
16
16
|
const baseViews = getBaseViews();
|
|
17
17
|
setupHooks({
|
|
18
18
|
getBaseViews,
|
|
19
|
-
usePropsTransform(elementType, propsIn, hostRef) {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
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
|
-
|
|
19
|
+
usePropsTransform(elementType, propsIn, hostRef, willHydrate) {
|
|
20
|
+
{
|
|
21
|
+
const isDOM = typeof elementType == "string", {
|
|
22
|
+
// event props
|
|
23
|
+
onMoveShouldSetResponder,
|
|
24
|
+
onMoveShouldSetResponderCapture,
|
|
25
|
+
onResponderEnd,
|
|
26
|
+
onResponderGrant,
|
|
27
|
+
onResponderMove,
|
|
28
|
+
onResponderReject,
|
|
29
|
+
onResponderRelease,
|
|
30
|
+
onResponderStart,
|
|
31
|
+
onResponderTerminate,
|
|
32
|
+
onResponderTerminationRequest,
|
|
33
|
+
onScrollShouldSetResponder,
|
|
34
|
+
onScrollShouldSetResponderCapture,
|
|
35
|
+
onSelectionChangeShouldSetResponder,
|
|
36
|
+
onSelectionChangeShouldSetResponderCapture,
|
|
37
|
+
onStartShouldSetResponder,
|
|
38
|
+
onStartShouldSetResponderCapture,
|
|
39
|
+
// android
|
|
40
|
+
collapsable,
|
|
41
|
+
focusable,
|
|
42
|
+
// deprecated,
|
|
43
|
+
accessible,
|
|
44
|
+
accessibilityDisabled,
|
|
45
|
+
onLayout,
|
|
46
|
+
hrefAttrs,
|
|
47
|
+
...plainDOMProps
|
|
48
|
+
} = propsIn;
|
|
49
|
+
if ((willHydrate || isDOM) && (usePlatformMethods(hostRef), useElementLayout(
|
|
50
|
+
hostRef,
|
|
51
|
+
isDOM ? onLayout : void 0
|
|
52
|
+
), useResponderEvents(
|
|
53
|
+
hostRef,
|
|
54
|
+
isDOM ? {
|
|
55
|
+
onMoveShouldSetResponder,
|
|
56
|
+
onMoveShouldSetResponderCapture,
|
|
57
|
+
onResponderEnd,
|
|
58
|
+
onResponderGrant,
|
|
59
|
+
onResponderMove,
|
|
60
|
+
onResponderReject,
|
|
61
|
+
onResponderRelease,
|
|
62
|
+
onResponderStart,
|
|
63
|
+
onResponderTerminate,
|
|
64
|
+
onResponderTerminationRequest,
|
|
65
|
+
onScrollShouldSetResponder,
|
|
66
|
+
onScrollShouldSetResponderCapture,
|
|
67
|
+
onSelectionChangeShouldSetResponder,
|
|
68
|
+
onSelectionChangeShouldSetResponderCapture,
|
|
69
|
+
onStartShouldSetResponder,
|
|
70
|
+
onStartShouldSetResponderCapture
|
|
71
|
+
} : void 0
|
|
72
|
+
)), isDOM) {
|
|
73
|
+
if (plainDOMProps.href && hrefAttrs) {
|
|
74
|
+
const { download, rel, target } = hrefAttrs;
|
|
75
|
+
download != null && (plainDOMProps.download = download), rel && (plainDOMProps.rel = rel), typeof target == "string" && (plainDOMProps.target = target.charAt(0) !== "_" ? `_${target}` : target);
|
|
76
|
+
}
|
|
77
|
+
return plainDOMProps;
|
|
78
|
+
}
|
|
68
79
|
}
|
|
69
|
-
return viewProps;
|
|
70
80
|
},
|
|
71
81
|
useEvents(viewProps, events, { pseudos }, setStateShallow, staticConfig) {
|
|
72
82
|
}
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,0BAA0B;AAUnC;AAAA,EACE,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER;AAAA,OACK;AACP,OAAyC;AAEzC,OAAoC;AACpC,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AAEnC,OAAgC;AAqBhC,cAAc;AAGd,cAAc;AAEd,MAAM,YAAY,aAAa;AAI/B,WAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS;
|
|
4
|
+
"mappings": "AAAA,SAAS,0BAA0B;AAUnC;AAAA,EACE,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER;AAAA,OACK;AACP,OAAyC;AAEzC,OAAoC;AACpC,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AAEnC,OAAgC;AAqBhC,cAAc;AAGd,cAAc;AAEd,MAAM,YAAY,aAAa;AAI/B,WAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS,aAAa;AAClB;AACxC,YAAM,QAAQ,OAAO,eAAgB,UAG/B;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA,GAAG;AAAA,MACL,IAAI;AAkCJ,WAhCI,eAAe,WAEjB,mBAAmB,OAA6B,GAChD;AAAA,QACE;AAAA,QACC,QAAqB,WAAb;AAAA,MACX,GACA;AAAA,QACE;AAAA,QACC,QAEI;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,IAlBA;AAAA,MAmBN,IAGE,OAAO;AAET,YAAI,cAAc,QAAQ,WAAW;AACnC,gBAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,UAAI,YAAY,SACd,cAAc,WAAW,WAEvB,QACF,cAAc,MAAM,MAElB,OAAO,UAAW,aACpB,cAAc,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,QAErE;AACA,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAAA,EA0DzE;AAwBF,CAAC;AAQM,MAAM,OAAO,SACP,QAAQ,UACR,OAAO;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import "@tamagui/react-native-use-responder-events";
|
|
2
2
|
import {
|
|
3
3
|
Stack as WebStack,
|
|
4
4
|
Text as WebText,
|
|
@@ -9,65 +9,15 @@ import {
|
|
|
9
9
|
import { createElement } from "react";
|
|
10
10
|
import { createOptimizedView } from "./createOptimizedView";
|
|
11
11
|
import { getBaseViews } from "./getBaseViews";
|
|
12
|
-
import
|
|
13
|
-
import
|
|
12
|
+
import "./hooks/useElementLayout";
|
|
13
|
+
import "./hooks/usePlatformMethods";
|
|
14
14
|
import { usePressability } from "./vendor/Pressability";
|
|
15
15
|
export * from "@tamagui/web";
|
|
16
16
|
export * from "./reactNativeTypes";
|
|
17
17
|
const baseViews = getBaseViews();
|
|
18
18
|
setupHooks({
|
|
19
19
|
getBaseViews,
|
|
20
|
-
usePropsTransform(elementType, propsIn, hostRef) {
|
|
21
|
-
const {
|
|
22
|
-
// event props
|
|
23
|
-
onMoveShouldSetResponder,
|
|
24
|
-
onMoveShouldSetResponderCapture,
|
|
25
|
-
onResponderEnd,
|
|
26
|
-
onResponderGrant,
|
|
27
|
-
onResponderMove,
|
|
28
|
-
onResponderReject,
|
|
29
|
-
onResponderRelease,
|
|
30
|
-
onResponderStart,
|
|
31
|
-
onResponderTerminate,
|
|
32
|
-
onResponderTerminationRequest,
|
|
33
|
-
onScrollShouldSetResponder,
|
|
34
|
-
onScrollShouldSetResponderCapture,
|
|
35
|
-
onSelectionChangeShouldSetResponder,
|
|
36
|
-
onSelectionChangeShouldSetResponderCapture,
|
|
37
|
-
onStartShouldSetResponder,
|
|
38
|
-
onStartShouldSetResponderCapture,
|
|
39
|
-
// android
|
|
40
|
-
collapsable,
|
|
41
|
-
focusable,
|
|
42
|
-
// deprecated,
|
|
43
|
-
accessible,
|
|
44
|
-
accessibilityDisabled,
|
|
45
|
-
onLayout,
|
|
46
|
-
hrefAttrs,
|
|
47
|
-
...viewProps
|
|
48
|
-
} = propsIn;
|
|
49
|
-
if (usePlatformMethods(hostRef), useElementLayout(hostRef, onLayout), useResponderEvents(hostRef, {
|
|
50
|
-
onMoveShouldSetResponder,
|
|
51
|
-
onMoveShouldSetResponderCapture,
|
|
52
|
-
onResponderEnd,
|
|
53
|
-
onResponderGrant,
|
|
54
|
-
onResponderMove,
|
|
55
|
-
onResponderReject,
|
|
56
|
-
onResponderRelease,
|
|
57
|
-
onResponderStart,
|
|
58
|
-
onResponderTerminate,
|
|
59
|
-
onResponderTerminationRequest,
|
|
60
|
-
onScrollShouldSetResponder,
|
|
61
|
-
onScrollShouldSetResponderCapture,
|
|
62
|
-
onSelectionChangeShouldSetResponder,
|
|
63
|
-
onSelectionChangeShouldSetResponderCapture,
|
|
64
|
-
onStartShouldSetResponder,
|
|
65
|
-
onStartShouldSetResponderCapture
|
|
66
|
-
}), viewProps.href && hrefAttrs) {
|
|
67
|
-
const { download, rel, target } = hrefAttrs;
|
|
68
|
-
download != null && (viewProps.download = download), rel && (viewProps.rel = rel), typeof target == "string" && (viewProps.target = target.charAt(0) !== "_" ? `_${target}` : target);
|
|
69
|
-
}
|
|
70
|
-
return viewProps;
|
|
20
|
+
usePropsTransform(elementType, propsIn, hostRef, willHydrate) {
|
|
71
21
|
},
|
|
72
22
|
useEvents(viewProps, events, { pseudos }, setStateShallow, staticConfig) {
|
|
73
23
|
if (events && (events.onFocus && (viewProps.onFocus = events.onFocus), events.onBlur && (viewProps.onBlur = events.onBlur)), staticConfig.isInput) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
4
|
+
"mappings": "AAAA,OAAmC;AAUnC;AAAA,EACE,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,OACK;AACP,SAAoB,qBAAqB;AAEzC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,OAAiC;AACjC,OAAmC;AAEnC,SAAS,uBAAuB;AAqBhC,cAAc;AAGd,cAAc;AAEd,MAAM,YAAY,aAAa;AAI/B,WAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS,aAAa;AAAA,EAuF9D;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAWrE,QATI,WACE,OAAO,YACT,UAAU,UAAa,OAAO,UAE5B,OAAO,WACT,UAAU,SAAY,OAAO,UAI7B,aAAa;AACf,UAAI,QAAQ;AACV,cAAM,EAAE,WAAW,YAAY,QAAQ,IAAI,QACrC,cAAc;AAAA,UAClB;AAAA,UACA,YAAY,cAAc;AAAA,QAC5B;AACA,QAAI,cAAc,YAEhB,YAAY,aAAa,qBAAqB,SAAS,UAAU,IAEnE,OAAO,OAAO,WAAW,WAAW;AAAA,MACtC;AAAA,WACK;AAGL,MAAI,UAAU,UAAU,YACtB,OAAO,UAAU,UAAU;AAI7B,YAAM,eAAe,gBAAgB,MAAM;AAE3C,UAAI,WACE,QAAQ,IAAI,aAAa,iBACvB,UAAU,SACZ,QAAQ;AAAA,QACN,sBAAsB,CAAC,CAAC,OAAO,OAAO,sCAAsC,OAAO;AAAA,UACjF,gBAAgB,CAAC;AAAA,QACnB,CAAC;AAAA,MACH,GAIA,OAAO;AACT,mBAAW,OAAO,cAAc;AAC9B,gBAAM,KAAK,UAAU,GAAG,GAClB,MAAM,aAAa,GAAG;AAC5B,oBAAU,GAAG,IACX,MAAM,CAAC,4BAA4B,GAAG,IAClC,qBAAqB,IAAI,GAAG,IAC5B;AAAA,QACR;AAAA,IAGN;AAAA,EAEJ;AAAA,EAIE,YAAY,aAAa,UAAU,WAAW,QAAQ,cAAc;AAClE,QAAI,QAAQ,IAAI,aAAa,QAK7B;AAAA,UAAI,gBAAgB,UAAU;AAE5B,eAAO,oBAAoB,UAAU,WAAW,SAAS;AAG3D,UAAI,QAAQ,IAAI,iCACV,gBAAgB,UAAU;AAE5B,yBAAU,WAAW,UACd,cAAc,WAAW,SAAS;AAAA;AAAA,EAG/C;AAEJ,CAAC;AAED,MAAM,8BAA8B;AAAA,EAClC,SAAS;AACX,GAIa,OAAO,SACP,QAAQ,UACR,OAAO;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|