@tamagui/core 1.130.7 → 1.131.0
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/index.cjs +6 -16
- package/dist/cjs/index.js +1 -6
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +1 -12
- package/dist/cjs/index.native.js.map +2 -2
- package/dist/esm/index.js +5 -9
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +2 -12
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +2 -19
- package/dist/esm/index.native.js.map +1 -1
- package/dist/native.js +76 -90
- package/dist/native.js.map +2 -2
- package/dist/test.native.js +76 -90
- package/dist/test.native.js.map +2 -2
- package/package.json +10 -10
- package/src/index.tsx +9 -16
- package/types/index.d.ts.map +1 -1
package/dist/cjs/index.cjs
CHANGED
|
@@ -34,13 +34,13 @@ var import_react_native_media_driver = require("@tamagui/react-native-media-driv
|
|
|
34
34
|
import_web = require("@tamagui/web"),
|
|
35
35
|
import_react = require("react"),
|
|
36
36
|
import_use_element_layout = require("@tamagui/use-element-layout"),
|
|
37
|
-
import_addNativeValidStyles = require("./addNativeValidStyles"),
|
|
38
|
-
import_createOptimizedView = require("./createOptimizedView"),
|
|
39
|
-
import_getBaseViews = require("./getBaseViews"),
|
|
40
|
-
import_Pressability = require("./vendor/Pressability"),
|
|
37
|
+
import_addNativeValidStyles = require("./addNativeValidStyles.cjs"),
|
|
38
|
+
import_createOptimizedView = require("./createOptimizedView.cjs"),
|
|
39
|
+
import_getBaseViews = require("./getBaseViews.cjs"),
|
|
40
|
+
import_Pressability = require("./vendor/Pressability.cjs"),
|
|
41
41
|
import_use_element_layout2 = require("@tamagui/use-element-layout");
|
|
42
42
|
__reExport(index_exports, require("@tamagui/web"), module.exports);
|
|
43
|
-
__reExport(index_exports, require("./reactNativeTypes"), module.exports);
|
|
43
|
+
__reExport(index_exports, require("./reactNativeTypes.cjs"), module.exports);
|
|
44
44
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
45
45
|
(0, import_addNativeValidStyles.addNativeValidStyles)();
|
|
46
46
|
const TamaguiProvider = props => ((0, import_web.useIsomorphicLayoutEffect)(() => {
|
|
@@ -53,17 +53,7 @@ const TamaguiProvider = props => ((0, import_web.useIsomorphicLayoutEffect)(() =
|
|
|
53
53
|
(0, import_web.setupHooks)({
|
|
54
54
|
getBaseViews: import_getBaseViews.getBaseViews,
|
|
55
55
|
setElementProps: node => {
|
|
56
|
-
node && !node.measure && (node.measure ||=
|
|
57
|
-
setTimeout(() => {
|
|
58
|
-
const {
|
|
59
|
-
height,
|
|
60
|
-
left,
|
|
61
|
-
top,
|
|
62
|
-
width
|
|
63
|
-
} = (0, import_use_element_layout.getRect)(node);
|
|
64
|
-
callback(left, top, width, height);
|
|
65
|
-
}, 0);
|
|
66
|
-
});
|
|
56
|
+
node && !node.measure && (node.measure ||= (0, import_use_element_layout.createMeasure)(node), node.measureInWindow ||= (0, import_use_element_layout.createMeasureInWindow)(node), node.measureLayout ||= (0, import_use_element_layout.createMeasureLayout)(node));
|
|
67
57
|
},
|
|
68
58
|
usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
|
|
69
59
|
{
|
package/dist/cjs/index.js
CHANGED
|
@@ -33,12 +33,7 @@ const TamaguiProvider = (props) => ((0, import_web.useIsomorphicLayoutEffect)(()
|
|
|
33
33
|
(0, import_web.setupHooks)({
|
|
34
34
|
getBaseViews: import_getBaseViews.getBaseViews,
|
|
35
35
|
setElementProps: (node) => {
|
|
36
|
-
node && !node.measure && (node.measure ||= (
|
|
37
|
-
setTimeout(() => {
|
|
38
|
-
const { height, left, top, width } = (0, import_use_element_layout.getRect)(node);
|
|
39
|
-
callback(left, top, width, height);
|
|
40
|
-
}, 0);
|
|
41
|
-
});
|
|
36
|
+
node && !node.measure && (node.measure ||= (0, import_use_element_layout.createMeasure)(node), node.measureInWindow ||= (0, import_use_element_layout.createMeasureInWindow)(node), node.measureLayout ||= (0, import_use_element_layout.createMeasureLayout)(node));
|
|
42
37
|
},
|
|
43
38
|
usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
|
|
44
39
|
{
|
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;AAAA;AAAA;AAAA,uCAA4B,+CAC5B,2CAAmC,uDAanC,aASO,yBACP,eAAkB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCAA4B,+CAC5B,2CAAmC,uDAanC,aASO,yBACP,eAAkB,kBAClB,4BAMO,wCACP,8BAAqC,mCACrC,6BAAoC,kCACpC,sBAA6B,2BAE7B,sBAAgC,kCAGhCA,6BAGO;AAkCP,0BAAc,yBA5Ed;AA+EA,0BAAc,+BA/Ed;AAuFS;AAAA,IA1CT,kDAAqB;AAqCd,MAAM,kBAAkB,CAAC,eAC9B,sCAA0B,MAAM;AAC9B,wCAAO;AACT,GAAG,CAAC,CAAC,GAEE,4CAAC,WAAAC,iBAAA,EAAoB,GAAG,OAAO,IAI3B,gBAAyC,CAAC,aAM9C,WAAAC,eAAiB,IAAI,GAGxB,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,iBAAiB,CAAC,SAAS;AAGvB,IAAI,QAAQ,CAAC,KAAK,YAChB,KAAK,gBAAY,yCAAc,IAAI,GACnC,KAAK,wBAAoB,iDAAsB,IAAI,GACnD,KAAK,sBAAkB,+CAAoB,IAAI;AAAA,EAGrD;AAAA,EAEA,kBAAkB,aAAa,SAAS,UAAU,aAAa;AACnB;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;AAOJ,WALI,eAAe,eACjB,4CAAiB,UAAW,QAAqB,WAAb,MAA6B,OACjE,6DAAmB,UAAW,QAAoB,UAAZ,MAAmB,IAGvD,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,aAAa,iBAAiB,cAAc;AAAA,EA0DzE;AAwBF,CAAC;AAQM,MAAM,OAAO,WAAAC,MACP,QAAQ,WAAAC,OACR,OAAO,WAAAC;",
|
|
5
5
|
"names": ["import_use_element_layout", "WebTamaguiProvider", "createTamaguiWeb", "WebView", "WebStack", "WebText"]
|
|
6
6
|
}
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -46,19 +46,8 @@ var TamaguiProvider = function(props) {
|
|
|
46
46
|
(0, import_web.setupHooks)({
|
|
47
47
|
getBaseViews: import_getBaseViews.getBaseViews,
|
|
48
48
|
setElementProps: function(node) {
|
|
49
|
-
if (node && !node.measure)
|
|
49
|
+
if (0 && node && !node.measure)
|
|
50
50
|
var _node, _node1, _node2;
|
|
51
|
-
(_node = node).measure || (_node.measure = function(callback) {
|
|
52
|
-
return (0, import_use_element_layout.measureLayout)(node, null, callback);
|
|
53
|
-
}), (_node1 = node).measureLayout || (_node1.measureLayout = function(relativeToNode, success) {
|
|
54
|
-
return (0, import_use_element_layout.measureLayout)(node, relativeToNode, success);
|
|
55
|
-
}), (_node2 = node).measureInWindow || (_node2.measureInWindow = function(callback) {
|
|
56
|
-
setTimeout(function() {
|
|
57
|
-
var { height, left, top, width } = (0, import_use_element_layout.getRect)(node);
|
|
58
|
-
callback(left, top, width, height);
|
|
59
|
-
}, 0);
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
51
|
},
|
|
63
52
|
usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
|
|
64
53
|
if (0) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,mCAA4B,+CAC5B,2CAAmC,uDAanC,aASO,yBACP,eAAkB,
|
|
5
|
-
"names": ["import_use_element_layout", "addNativeValidStyles", "TamaguiProvider", "props", "useIsomorphicLayoutEffect", "enable", "_jsx", "WebTamaguiProvider", "createTamagui", "conf", "media", "createMedia", "createTamaguiWeb", "baseViews", "getBaseViews", "setupHooks", "setElementProps", "node", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,mCAA4B,+CAC5B,2CAAmC,uDAanC,aASO,yBACP,eAAkB,2BAClB,4BAMO,wCACP,8BAAqC,mCACrC,6BAAoC,kCACpC,sBAA6B,2BAE7B,sBAAgC,kCAGhCA,6BAGO;AAkCP,0BAAc;AAGd,0BAAc;IAlCdC,kDAAAA;AAqCO,IAAMC,kBAAkB,SAACC,OAAAA;AAC9BC,mDAA0B,WAAA;AACxBC,0CAAAA;EACF,GAAG,CAAA,CAAE,GAEE,uCAAAC,KAACC,WAAAA,iBAAAA;IAAoB,GAAGJ;;AACjC,GAGaK,gBAAyC,SAACC,MAAAA;AAEnD,SAAIA,KAAKC,UACPD,KAAKC,YAAQC,8CAAYF,KAAKC,KAAK,QAGhCE,WAAAA,eAAiBH,IAAAA;AAC1B,GAEMI,gBAAYC,kCAAAA;IAIlBC,uBAAW;EACTD;EAEAE,iBAAiB,SAACC,MAAAA;AAChB,QAAIC,KAEED,QAAQ,CAACA,KAAK;UAChBA,OACAA,QACAA;EAGN;EAEAE,kBAAkBC,aAAaC,SAASC,UAAUC,aAAW;AAC3D,QAAIL,GAAsC;AACxC,UAAMM,OAKJC,0BACAC,iCACAC,gBACAC,kBACAC,iBACAC,mBACAC,oBACAC,kBACAC,sBACAC,+BACAC,4BACAC,mCACAC,qCACAC,4CACAC,2BACAC,kCAGAC,aACAC,WAGAC,YACAC,uBAEAC,UACAC,WAEGC;AAQL,UAAIvB,SAEEuB,cAAcC,QAAQF;AACxB,YAAQG,UAAUC,KAAKC;IAa7B;EACF;EAEAC,UAAUC,WAAWC,QAAQC,aAAaC,iBAAiBC,cAAY;AAWnE,QATIH,WACEA,OAAOI,YACTL,UAAU,UAAaC,OAAOI,UAE5BJ,OAAOK,WACTN,UAAU,SAAYC,OAAOK,UAI7BF,aAAaG;AACf,UAAIN,QAAQ;AACV,YAAM,EAAEO,WAAWC,YAAYC,QAAO,IAAKT,QACrCU,cAAc;UAClBH;UACAC,YAAYA,cAAcC;QAC5B;AACA,QAAID,cAAcC,YAEhBC,YAAYF,iBAAaG,iCAAqBF,SAASD,UAAAA,IAEzDI,OAAOC,OAAOd,WAAWW,WAAAA;MAC3B;WACK;AAGL,MAAIV,UAAUD,UAAUe,YACtBd,OAAOc,UAAUf,UAAUe;AAI7B,UAAMC,mBAAeC,qCAAgBhB,MAAAA;AAErC,UAAIA,WACEpC,QAAQqD,IAAIC,aAAa,iBACvBnB,UAAU,SACZoB,QAAQC,KACN,sBAAsB,CAAC,CAACpB,OAAOS,OAAO,sCAAsCG,OAAOS,KACjFN,gBAAgB,CAAC,CAAA,CAAA,EAChB,GAKLf,OAAOS;AACT,iBAAWa,OAAOP,cAAc;AAC9B,cAAMQ,KAAKxB,UAAUuB,GAAAA,GACfE,MAAMT,aAAaO,GAAAA;AACzBvB,oBAAUuB,GAAAA,IACRC,MAAM,CAACE,4BAA4BH,GAAAA,QAC/BX,iCAAqBY,IAAIC,GAAAA,IACzBA;QACR;IAGN;EAEJ;EAIEE,YAAY5D,aAAa6D,UAAU5B,WAAS;AAC1C,QAAInC,QAAQqD,IAAIC,aAAa,QAK7B;UAAIpD,gBAAgBP,UAAUqE;AAE5B,mBAAOC,gDAAoBF,UAAU5B,WAAWxC,SAAAA;AAGlD,UAAIK,QAAQqD,IAAIa,iCACVhE,gBAAgBP,UAAUwE;AAE5BhC,yBAAU4B,WAAWA,UACdK,6BAAAA,QAAMC,cAAc,WAAWlC,SAAAA;;EAG5C;AAEJ,CAAA;AAEA,IAAM0B,8BAA8B;EAClCS,SAAS;AACX,GAIaN,OAAOO,WAAAA,MACPC,QAAQC,WAAAA,OACRN,OAAOO,WAAAA;",
|
|
5
|
+
"names": ["import_use_element_layout", "addNativeValidStyles", "TamaguiProvider", "props", "useIsomorphicLayoutEffect", "enable", "_jsx", "WebTamaguiProvider", "createTamagui", "conf", "media", "createMedia", "createTamaguiWeb", "baseViews", "getBaseViews", "setupHooks", "setElementProps", "node", "process", "usePropsTransform", "elementType", "propsIn", "stateRef", "willHydrate", "isDOM", "onMoveShouldSetResponder", "onMoveShouldSetResponderCapture", "onResponderEnd", "onResponderGrant", "onResponderMove", "onResponderReject", "onResponderRelease", "onResponderStart", "onResponderTerminate", "onResponderTerminationRequest", "onScrollShouldSetResponder", "onScrollShouldSetResponderCapture", "onSelectionChangeShouldSetResponder", "onSelectionChangeShouldSetResponderCapture", "onStartShouldSetResponder", "onStartShouldSetResponderCapture", "collapsable", "focusable", "accessible", "accessibilityDisabled", "onLayout", "hrefAttrs", "plainDOMProps", "href", "download", "rel", "target", "useEvents", "viewProps", "events", "splitStyles", "setStateShallow", "staticConfig", "onFocus", "onBlur", "isInput", "onPressIn", "onPressOut", "onPress", "inputEvents", "composeEventHandlers", "Object", "assign", "hitSlop", "pressability", "usePressability", "env", "NODE_ENV", "console", "info", "keys", "key", "og", "val", "dontComposePressabilityKeys", "useChildren", "children", "View", "createOptimizedView", "TAMAGUI_OPTIMIZE_NATIVE_VIEWS", "Text", "React", "createElement", "onClick", "WebView", "Stack", "WebStack", "WebText"]
|
|
6
6
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -12,9 +12,10 @@ import {
|
|
|
12
12
|
import "react";
|
|
13
13
|
import {
|
|
14
14
|
enable,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
useElementLayout
|
|
15
|
+
createMeasure,
|
|
16
|
+
createMeasureInWindow,
|
|
17
|
+
useElementLayout,
|
|
18
|
+
createMeasureLayout
|
|
18
19
|
} from "@tamagui/use-element-layout";
|
|
19
20
|
import { addNativeValidStyles } from "./addNativeValidStyles";
|
|
20
21
|
import "./createOptimizedView";
|
|
@@ -33,12 +34,7 @@ const TamaguiProvider = (props) => (useIsomorphicLayoutEffect(() => {
|
|
|
33
34
|
setupHooks({
|
|
34
35
|
getBaseViews,
|
|
35
36
|
setElementProps: (node) => {
|
|
36
|
-
node && !node.measure && (node.measure ||= (
|
|
37
|
-
setTimeout(() => {
|
|
38
|
-
const { height, left, top, width } = getRect(node);
|
|
39
|
-
callback(left, top, width, height);
|
|
40
|
-
}, 0);
|
|
41
|
-
});
|
|
37
|
+
node && !node.measure && (node.measure ||= createMeasure(node), node.measureInWindow ||= createMeasureInWindow(node), node.measureLayout ||= createMeasureLayout(node));
|
|
42
38
|
},
|
|
43
39
|
usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
|
|
44
40
|
{
|
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,OAA4B;AAC5B,SAAS,0BAA0B;AAanC;AAAA,EACE,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,OACK;AACP,OAAkB;
|
|
4
|
+
"mappings": "AAAA,OAA4B;AAC5B,SAAS,0BAA0B;AAanC;AAAA,EACE,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,OACK;AACP,OAAkB;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AACrC,OAAoC;AACpC,SAAS,oBAAoB;AAE7B,OAAgC;AAGhC;AAAA,EACE;AAAA,OAEK;AAkCP,cAAc;AAGd,cAAc;AAQL;AA1CT,qBAAqB;AAqCd,MAAM,kBAAkB,CAAC,WAC9B,0BAA0B,MAAM;AAC9B,SAAO;AACT,GAAG,CAAC,CAAC,GAEE,oBAAC,sBAAoB,GAAG,OAAO,IAI3B,gBAAyC,CAAC,SAM9C,iBAAiB,IAAI,GAGxB,YAAY,aAAa;AAI/B,WAAW;AAAA,EACT;AAAA,EAEA,iBAAiB,CAAC,SAAS;AAGvB,IAAI,QAAQ,CAAC,KAAK,YAChB,KAAK,YAAY,cAAc,IAAI,GACnC,KAAK,oBAAoB,sBAAsB,IAAI,GACnD,KAAK,kBAAkB,oBAAoB,IAAI;AAAA,EAGrD;AAAA,EAEA,kBAAkB,aAAa,SAAS,UAAU,aAAa;AACnB;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;AAOJ,WALI,eAAe,WACjB,iBAAiB,UAAW,QAAqB,WAAb,MAA6B,GACjE,mBAAmB,UAAW,QAAoB,UAAZ,MAAmB,IAGvD,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,aAAa,iBAAiB,cAAc;AAAA,EA0DzE;AAwBF,CAAC;AAQM,MAAM,OAAO,SACP,QAAQ,UACR,OAAO;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -2,7 +2,7 @@ import "@tamagui/react-native-media-driver";
|
|
|
2
2
|
import { useResponderEvents } from "@tamagui/react-native-use-responder-events";
|
|
3
3
|
import { Stack as WebStack, TamaguiProvider as WebTamaguiProvider, Text as WebText, View as WebView, createTamagui as createTamaguiWeb, setupHooks, useIsomorphicLayoutEffect } from "@tamagui/web";
|
|
4
4
|
import "react";
|
|
5
|
-
import { enable,
|
|
5
|
+
import { enable, createMeasure, createMeasureInWindow, useElementLayout, createMeasureLayout } from "@tamagui/use-element-layout";
|
|
6
6
|
import { addNativeValidStyles } from "./addNativeValidStyles.mjs";
|
|
7
7
|
import "./createOptimizedView.mjs";
|
|
8
8
|
import { getBaseViews } from "./getBaseViews.mjs";
|
|
@@ -22,17 +22,7 @@ const TamaguiProvider = props => (useIsomorphicLayoutEffect(() => {
|
|
|
22
22
|
setupHooks({
|
|
23
23
|
getBaseViews,
|
|
24
24
|
setElementProps: node => {
|
|
25
|
-
node && !node.measure && (node.measure ||=
|
|
26
|
-
setTimeout(() => {
|
|
27
|
-
const {
|
|
28
|
-
height,
|
|
29
|
-
left,
|
|
30
|
-
top,
|
|
31
|
-
width
|
|
32
|
-
} = getRect(node);
|
|
33
|
-
callback(left, top, width, height);
|
|
34
|
-
}, 0);
|
|
35
|
-
});
|
|
25
|
+
node && !node.measure && (node.measure ||= createMeasure(node), node.measureInWindow ||= createMeasureInWindow(node), node.measureLayout ||= createMeasureLayout(node));
|
|
36
26
|
},
|
|
37
27
|
usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
|
|
38
28
|
{
|
package/dist/esm/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useResponderEvents","Stack","WebStack","TamaguiProvider","WebTamaguiProvider","Text","WebText","View","WebView","createTamagui","createTamaguiWeb","setupHooks","useIsomorphicLayoutEffect","enable","
|
|
1
|
+
{"version":3,"names":["useResponderEvents","Stack","WebStack","TamaguiProvider","WebTamaguiProvider","Text","WebText","View","WebView","createTamagui","createTamaguiWeb","setupHooks","useIsomorphicLayoutEffect","enable","createMeasure","createMeasureInWindow","useElementLayout","createMeasureLayout","addNativeValidStyles","getBaseViews","setOnLayoutStrategy","jsx","props","conf","baseViews","setElementProps","node","measure","measureInWindow","measureLayout","usePropsTransform","elementType","propsIn","stateRef","willHydrate","isDOM","onMoveShouldSetResponder","onMoveShouldSetResponderCapture","onResponderEnd","onResponderGrant","onResponderMove","onResponderReject","onResponderRelease","onResponderStart","onResponderTerminate","onResponderTerminationRequest","onScrollShouldSetResponder","onScrollShouldSetResponderCapture","onSelectionChangeShouldSetResponder","onSelectionChangeShouldSetResponderCapture","onStartShouldSetResponder","onStartShouldSetResponderCapture","collapsable","focusable","accessible","accessibilityDisabled","onLayout","hrefAttrs","plainDOMProps","href","download","rel","target","charAt","useEvents","viewProps","events","splitStyles","setStateShallow","staticConfig"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAA4B;AAC5B,SAASA,kBAAA,QAA0B;AAanC,SACEC,KAAA,IAASC,QAAA,EACTC,eAAA,IAAmBC,kBAAA,EACnBC,IAAA,IAAQC,OAAA,EACRC,IAAA,IAAQC,OAAA,EAERC,aAAA,IAAiBC,gBAAA,EACjBC,UAAA,EACAC,yBAAA,QACK;AACP,OAAkB;AAClB,SACEC,MAAA,EACAC,aAAA,EACAC,qBAAA,EACAC,gBAAA,EACAC,mBAAA,QACK;AACP,SAASC,oBAAA,QAA4B;AACrC,OAAoC;AACpC,SAASC,YAAA,QAAoB;AAE7B,OAAgC;AAGhC,SACEC,mBAAA,QAEK;AAkCP,cAAc;AAGd,cAAc;AAQL,SAAAC,GAAA;AA1CTH,oBAAA,CAAqB;AAqCd,MAAMf,eAAA,GAAmBmB,KAAA,KAC9BV,yBAAA,CAA0B,MAAM;IAC9BC,MAAA,CAAO;EACT,GAAG,EAAE,GAEE,eAAAQ,GAAA,CAACjB,kBAAA;IAAoB,GAAGkB;EAAA,CAAO;EAI3Bb,aAAA,GAA0Cc,IAAA,IAM9Cb,gBAAA,CAAiBa,IAAI;EAGxBC,SAAA,GAAYL,YAAA,CAAa;AAI/BR,UAAA,CAAW;EACTQ,YAAA;EAEAM,eAAA,EAAkBC,IAAA,IAAS;IAGnBA,IAAA,IAAQ,CAACA,IAAA,CAAKC,OAAA,KAChBD,IAAA,CAAKC,OAAA,KAAYb,aAAA,CAAcY,IAAI,GACnCA,IAAA,CAAKE,eAAA,KAAoBb,qBAAA,CAAsBW,IAAI,GACnDA,IAAA,CAAKG,aAAA,KAAkBZ,mBAAA,CAAoBS,IAAI;EAGrD;EAEAI,kBAAkBC,WAAA,EAAaC,OAAA,EAASC,QAAA,EAAUC,WAAA,EAAa;IACnB;MACxC,MAAMC,KAAA,GAAQ,OAAOJ,WAAA,IAAgB;QAG/B;UAAA;UAEJK,wBAAA;UACAC,+BAAA;UACAC,cAAA;UACAC,gBAAA;UACAC,eAAA;UACAC,iBAAA;UACAC,kBAAA;UACAC,gBAAA;UACAC,oBAAA;UACAC,6BAAA;UACAC,0BAAA;UACAC,iCAAA;UACAC,mCAAA;UACAC,0CAAA;UACAC,yBAAA;UACAC,gCAAA;UAAA;UAGAC,WAAA;UACAC,SAAA;UAAA;UAGAC,UAAA;UACAC,qBAAA;UAEAC,QAAA;UACAC,SAAA;UAEA,GAAGC;QACL,IAAI1B,OAAA;MAOJ,KALIE,WAAA,IAAeC,KAAA,MACjBnB,gBAAA,CAAiBiB,QAAA,EAAWE,KAAA,GAAqBqB,QAAA,GAAb,MAA6B,GACjExD,kBAAA,CAAmBiC,QAAA,EAAWE,KAAA,GAAoBH,OAAA,GAAZ,MAAmB,IAGvDG,KAAA,EAAO;QAET,IAAIuB,aAAA,CAAcC,IAAA,IAAQF,SAAA,EAAW;UACnC,MAAM;YAAEG,QAAA;YAAUC,GAAA;YAAKC;UAAO,IAAIL,SAAA;UAC9BG,QAAA,IAAY,SACdF,aAAA,CAAcE,QAAA,GAAWA,QAAA,GAEvBC,GAAA,KACFH,aAAA,CAAcG,GAAA,GAAMA,GAAA,GAElB,OAAOC,MAAA,IAAW,aACpBJ,aAAA,CAAcI,MAAA,GAASA,MAAA,CAAOC,MAAA,CAAO,CAAC,MAAM,MAAM,IAAID,MAAM,KAAKA,MAAA;QAErE;QACA,OAAOJ,aAAA;MACT;IACF;EACF;EAEAM,UAAUC,SAAA,EAAWC,MAAA,EAAQC,WAAA,EAAaC,eAAA,EAAiBC,YAAA,EAAc,CA0DzE;AAwBF,CAAC;AAQM,MAAM9D,IAAA,GAAOC,OAAA;EACPP,KAAA,GAAQC,QAAA;EACRG,IAAA,GAAOC,OAAA","ignoreList":[]}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -3,7 +3,7 @@ import { createMedia } from "@tamagui/react-native-media-driver";
|
|
|
3
3
|
import "@tamagui/react-native-use-responder-events";
|
|
4
4
|
import { Stack as WebStack, TamaguiProvider as WebTamaguiProvider, Text as WebText, View as WebView, composeEventHandlers, createTamagui as createTamaguiWeb, setupHooks, useIsomorphicLayoutEffect } from "@tamagui/web";
|
|
5
5
|
import React from "react";
|
|
6
|
-
import { enable
|
|
6
|
+
import { enable } from "@tamagui/use-element-layout";
|
|
7
7
|
import { addNativeValidStyles } from "./addNativeValidStyles.native.js";
|
|
8
8
|
import { createOptimizedView } from "./createOptimizedView.native.js";
|
|
9
9
|
import { getBaseViews } from "./getBaseViews.native.js";
|
|
@@ -26,24 +26,7 @@ var TamaguiProvider = function (props) {
|
|
|
26
26
|
setupHooks({
|
|
27
27
|
getBaseViews,
|
|
28
28
|
setElementProps: function (node) {
|
|
29
|
-
if (node && !node.measure)
|
|
30
|
-
var _node, _node1, _node2;
|
|
31
|
-
(_node = node).measure || (_node.measure = function (callback) {
|
|
32
|
-
return measureLayout(node, null, callback);
|
|
33
|
-
}), (_node1 = node).measureLayout || (_node1.measureLayout = function (relativeToNode, success) {
|
|
34
|
-
return measureLayout(node, relativeToNode, success);
|
|
35
|
-
}), (_node2 = node).measureInWindow || (_node2.measureInWindow = function (callback) {
|
|
36
|
-
setTimeout(function () {
|
|
37
|
-
var {
|
|
38
|
-
height,
|
|
39
|
-
left,
|
|
40
|
-
top,
|
|
41
|
-
width
|
|
42
|
-
} = getRect(node);
|
|
43
|
-
callback(left, top, width, height);
|
|
44
|
-
}, 0);
|
|
45
|
-
});
|
|
46
|
-
}
|
|
29
|
+
if (0 && node && !node.measure) var _node, _node1, _node2;
|
|
47
30
|
},
|
|
48
31
|
usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
|
|
49
32
|
if (0) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","createMedia","Stack","WebStack","TamaguiProvider","WebTamaguiProvider","Text","WebText","View","WebView","composeEventHandlers","createTamagui","createTamaguiWeb","setupHooks","useIsomorphicLayoutEffect","React","enable","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","createMedia","Stack","WebStack","TamaguiProvider","WebTamaguiProvider","Text","WebText","View","WebView","composeEventHandlers","createTamagui","createTamaguiWeb","setupHooks","useIsomorphicLayoutEffect","React","enable","addNativeValidStyles","createOptimizedView","getBaseViews","usePressability","setOnLayoutStrategy","props","conf","media","baseViews","setElementProps","node","measure","_node","_node1","_node2","usePropsTransform","elementType","propsIn","stateRef","willHydrate","isDOM","onMoveShouldSetResponder","onMoveShouldSetResponderCapture","onResponderEnd","onResponderGrant","onResponderMove","onResponderReject","onResponderRelease","onResponderStart","onResponderTerminate","onResponderTerminationRequest","onScrollShouldSetResponder","onScrollShouldSetResponderCapture","onSelectionChangeShouldSetResponder","onSelectionChangeShouldSetResponderCapture","onStartShouldSetResponder","onStartShouldSetResponderCapture","collapsable","focusable","accessible","accessibilityDisabled","onLayout","hrefAttrs","plainDOMProps","href","download","rel","target","useEvents","viewProps","events","splitStyles","setStateShallow","staticConfig","onFocus","onBlur","isInput","onPressIn","onPressOut","onPress","inputEvents","Object","assign","hitSlop","pressability","process","env","NODE_ENV","debug","console","info","keys","key","og","val","dontComposePressabilityKeys","useChildren","children","TAMAGUI_OPTIMIZE_NATIVE_VIEWS","createElement","onClick"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/native.js
CHANGED
|
@@ -2124,7 +2124,7 @@ var require_useMedia_native = __commonJS({
|
|
|
2124
2124
|
internalRef.current || (internalRef.current = {
|
|
2125
2125
|
keys: /* @__PURE__ */ new Set()
|
|
2126
2126
|
});
|
|
2127
|
-
var { keys, lastState =
|
|
2127
|
+
var { keys, lastState = mediaState2 } = internalRef.current;
|
|
2128
2128
|
keys.size && keys.clear();
|
|
2129
2129
|
var state = (0, import_react3.useSyncExternalStore)(subscribe, function() {
|
|
2130
2130
|
if (componentState != null && componentState.enabled) return internalRef.current.lastState = mediaState2, mediaState2;
|
|
@@ -2713,13 +2713,15 @@ var require_createStyledContext_native = __commonJS({
|
|
|
2713
2713
|
module2.exports = __toCommonJS2(createStyledContext_exports);
|
|
2714
2714
|
var import_jsx_runtime2 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_objectIdentityKey = require_objectIdentityKey_native(), createReactContext = import_react3.default[Math.random(), "createContext"];
|
|
2715
2715
|
function createStyledContext(defaultValues) {
|
|
2716
|
-
var OGContext = createReactContext(defaultValues), OGProvider = OGContext.Provider, Context = OGContext, scopedContexts = /* @__PURE__ */ new Map();
|
|
2716
|
+
var namespace = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", OGContext = createReactContext(defaultValues), OGProvider = OGContext.Provider, Context = OGContext, scopedContexts = /* @__PURE__ */ new Map(), LastScopeInNamespace = createReactContext(namespace);
|
|
2717
2717
|
function getOrCreateScopedContext(scope) {
|
|
2718
2718
|
var ScopedContext = scopedContexts.get(scope);
|
|
2719
2719
|
return ScopedContext || (ScopedContext = createReactContext(defaultValues), scopedContexts.set(scope, ScopedContext)), ScopedContext;
|
|
2720
2720
|
}
|
|
2721
|
-
var
|
|
2722
|
-
|
|
2721
|
+
var getNamespacedScope = function(scope) {
|
|
2722
|
+
return namespace ? `${namespace}--${scope}` : scope;
|
|
2723
|
+
}, Provider = function(param) {
|
|
2724
|
+
var { children, scope: scopeIn, ...values } = param, scope = getNamespacedScope(scopeIn), next = import_react3.default.useMemo(function() {
|
|
2723
2725
|
return {
|
|
2724
2726
|
// this ! is a workaround for ts error
|
|
2725
2727
|
...defaultValues,
|
|
@@ -2728,13 +2730,16 @@ var require_createStyledContext_native = __commonJS({
|
|
|
2728
2730
|
}, [
|
|
2729
2731
|
(0, import_objectIdentityKey.objectIdentityKey)(values)
|
|
2730
2732
|
]), Provider22 = OGProvider;
|
|
2731
|
-
return scope && (Provider22 = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
2732
|
-
value:
|
|
2733
|
-
children
|
|
2733
|
+
return scope && (Provider22 = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LastScopeInNamespace.Provider, {
|
|
2734
|
+
value: scope,
|
|
2735
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Provider22, {
|
|
2736
|
+
value: next,
|
|
2737
|
+
children
|
|
2738
|
+
})
|
|
2734
2739
|
});
|
|
2735
|
-
}, useStyledContext = function(
|
|
2736
|
-
var context = scope ? getOrCreateScopedContext(scope) : OGContext;
|
|
2737
|
-
return
|
|
2740
|
+
}, useStyledContext = function() {
|
|
2741
|
+
var scopeIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", lastScopeInNamespace = (0, import_react3.useContext)(LastScopeInNamespace), scope = namespace ? scopeIn ? getNamespacedScope(scopeIn) : lastScopeInNamespace : scopeIn, context = scope ? getOrCreateScopedContext(scope) : OGContext, value = import_react3.default.useContext(context);
|
|
2742
|
+
return value;
|
|
2738
2743
|
};
|
|
2739
2744
|
return Context.Provider = Provider, Context.props = defaultValues, Context.context = OGContext, Context.useStyledContext = useStyledContext, Context;
|
|
2740
2745
|
}
|
|
@@ -7807,13 +7812,14 @@ var require_createComponent_native = __commonJS({
|
|
|
7807
7812
|
onBlur,
|
|
7808
7813
|
separator,
|
|
7809
7814
|
// ignore from here on out
|
|
7815
|
+
passThrough,
|
|
7810
7816
|
forceStyle: _forceStyle,
|
|
7811
7817
|
// @ts-ignore for next/link compat etc
|
|
7812
7818
|
onClick,
|
|
7813
7819
|
theme: _themeProp,
|
|
7814
7820
|
...nonTamaguiProps
|
|
7815
7821
|
} = viewPropsIn || {}, viewProps = nonTamaguiProps;
|
|
7816
|
-
!isTaggable && props.forceStyle && (viewProps.forceStyle = props.forceStyle), isHOC && _themeProp && (viewProps.theme = _themeProp), tagProp && elementType.acceptTagProp && (viewProps.tag = tagProp);
|
|
7822
|
+
!isTaggable && props.forceStyle && (viewProps.forceStyle = props.forceStyle), isHOC && (typeof _themeProp < "u" && (viewProps.theme = _themeProp), typeof passThrough < "u" && (viewProps.passThrough = passThrough)), tagProp && elementType.acceptTagProp && (viewProps.tag = tagProp);
|
|
7817
7823
|
var animationStyles, shouldUseAnimation = (
|
|
7818
7824
|
// if it supports css vars we run it on server too to get matching initial style
|
|
7819
7825
|
(supportsCSS ? willBeAnimatedClient : willBeAnimated) && useAnimations && !isHOC
|
|
@@ -12320,23 +12326,35 @@ var require_index_native12 = __commonJS({
|
|
|
12320
12326
|
}), mod);
|
|
12321
12327
|
}, index_exports2 = {};
|
|
12322
12328
|
__export2(index_exports2, {
|
|
12329
|
+
createMeasure: function() {
|
|
12330
|
+
return createMeasure2;
|
|
12331
|
+
},
|
|
12332
|
+
createMeasureInWindow: function() {
|
|
12333
|
+
return createMeasureInWindow2;
|
|
12334
|
+
},
|
|
12335
|
+
createMeasureLayout: function() {
|
|
12336
|
+
return createMeasureLayout2;
|
|
12337
|
+
},
|
|
12323
12338
|
enable: function() {
|
|
12324
12339
|
return enable2;
|
|
12325
12340
|
},
|
|
12341
|
+
getBoundingClientRectAsync: function() {
|
|
12342
|
+
return getBoundingClientRectAsync;
|
|
12343
|
+
},
|
|
12326
12344
|
getElementLayoutEvent: function() {
|
|
12327
12345
|
return getElementLayoutEvent;
|
|
12328
12346
|
},
|
|
12329
|
-
|
|
12330
|
-
return
|
|
12347
|
+
measure: function() {
|
|
12348
|
+
return measure;
|
|
12331
12349
|
},
|
|
12332
|
-
|
|
12333
|
-
return
|
|
12350
|
+
measureInWindow: function() {
|
|
12351
|
+
return measureInWindow;
|
|
12334
12352
|
},
|
|
12335
12353
|
measureLayout: function() {
|
|
12336
|
-
return
|
|
12354
|
+
return measureLayout;
|
|
12337
12355
|
},
|
|
12338
|
-
|
|
12339
|
-
return
|
|
12356
|
+
measureNode: function() {
|
|
12357
|
+
return measureNode;
|
|
12340
12358
|
},
|
|
12341
12359
|
setOnLayoutStrategy: function() {
|
|
12342
12360
|
return setOnLayoutStrategy2;
|
|
@@ -12356,7 +12374,7 @@ var require_index_native12 = __commonJS({
|
|
|
12356
12374
|
return cb();
|
|
12357
12375
|
}), queuedUpdates.clear()));
|
|
12358
12376
|
}
|
|
12359
|
-
function
|
|
12377
|
+
function startGlobalObservers() {
|
|
12360
12378
|
!import_constants.isClient || globalIntersectionObserver || (globalIntersectionObserver = new IntersectionObserver(function(entries) {
|
|
12361
12379
|
entries.forEach(function(entry) {
|
|
12362
12380
|
var node = entry.target;
|
|
@@ -12409,9 +12427,9 @@ var require_index_native12 = __commonJS({
|
|
|
12409
12427
|
}
|
|
12410
12428
|
}
|
|
12411
12429
|
}
|
|
12412
|
-
rAF(layoutOnAnimationFrame), frameCount = 0, RUN_EVERY_X_FRAMES =
|
|
12430
|
+
rAF(layoutOnAnimationFrame), frameCount = 0, userSkipVal = process.env.TAMAGUI_LAYOUT_FRAME_SKIP, RUN_EVERY_X_FRAMES = userSkipVal ? +userSkipVal : 10;
|
|
12413
12431
|
} else process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
|
|
12414
|
-
var layoutOnAnimationFrame, layoutOnAnimationFrame2, supportsCheckVisibility, frameCount, RUN_EVERY_X_FRAMES, getElementLayoutEvent = function(nodeRect, parentRect) {
|
|
12432
|
+
var layoutOnAnimationFrame, layoutOnAnimationFrame2, supportsCheckVisibility, frameCount, userSkipVal, RUN_EVERY_X_FRAMES, getElementLayoutEvent = function(nodeRect, parentRect) {
|
|
12415
12433
|
return {
|
|
12416
12434
|
nativeEvent: {
|
|
12417
12435
|
layout: getRelativeDimensions(nodeRect, parentRect),
|
|
@@ -12419,45 +12437,6 @@ var require_index_native12 = __commonJS({
|
|
|
12419
12437
|
},
|
|
12420
12438
|
timeStamp: Date.now()
|
|
12421
12439
|
};
|
|
12422
|
-
}, measureLayout2 = function(node, relativeTo, callback) {
|
|
12423
|
-
var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
|
|
12424
|
-
if (relativeNode instanceof HTMLElement) {
|
|
12425
|
-
var nodeDim = node.getBoundingClientRect(), relativeNodeDim = relativeNode.getBoundingClientRect();
|
|
12426
|
-
if (relativeNodeDim && nodeDim) {
|
|
12427
|
-
var { x, y, width, height, left, top } = getRelativeDimensions(nodeDim, relativeNodeDim);
|
|
12428
|
-
callback(x, y, width, height, left, top);
|
|
12429
|
-
}
|
|
12430
|
-
}
|
|
12431
|
-
}, getElementLayoutEventAsync = async function(target) {
|
|
12432
|
-
var layout = await measureLayoutAsync(target);
|
|
12433
|
-
if (!layout) throw new Error("\u203C\uFE0F");
|
|
12434
|
-
return {
|
|
12435
|
-
nativeEvent: {
|
|
12436
|
-
layout,
|
|
12437
|
-
target
|
|
12438
|
-
},
|
|
12439
|
-
timeStamp: Date.now()
|
|
12440
|
-
};
|
|
12441
|
-
}, measureLayoutAsync = async function(node, relativeTo) {
|
|
12442
|
-
var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
|
|
12443
|
-
if (relativeNode instanceof HTMLElement) {
|
|
12444
|
-
var [nodeDim, relativeNodeDim] = await Promise.all([
|
|
12445
|
-
getBoundingClientRectAsync(node),
|
|
12446
|
-
getBoundingClientRectAsync(relativeNode)
|
|
12447
|
-
]);
|
|
12448
|
-
if (relativeNodeDim && nodeDim) {
|
|
12449
|
-
var { x, y, width, height, left, top } = getRelativeDimensions(nodeDim, relativeNodeDim);
|
|
12450
|
-
return {
|
|
12451
|
-
x,
|
|
12452
|
-
y,
|
|
12453
|
-
width,
|
|
12454
|
-
height,
|
|
12455
|
-
left,
|
|
12456
|
-
top
|
|
12457
|
-
};
|
|
12458
|
-
}
|
|
12459
|
-
}
|
|
12460
|
-
return null;
|
|
12461
12440
|
}, getRelativeDimensions = function(a, b) {
|
|
12462
12441
|
var { height, left, top, width } = a, x = left - b.left, y = top - b.top;
|
|
12463
12442
|
return {
|
|
@@ -12465,8 +12444,8 @@ var require_index_native12 = __commonJS({
|
|
|
12465
12444
|
y,
|
|
12466
12445
|
width,
|
|
12467
12446
|
height,
|
|
12468
|
-
left,
|
|
12469
|
-
top
|
|
12447
|
+
pageX: a.left,
|
|
12448
|
+
pageY: a.top
|
|
12470
12449
|
};
|
|
12471
12450
|
};
|
|
12472
12451
|
function useElementLayout2(ref, onLayout) {
|
|
@@ -12476,7 +12455,7 @@ var require_index_native12 = __commonJS({
|
|
|
12476
12455
|
if (onLayout) {
|
|
12477
12456
|
var node2 = (_ref_current2 = ref.current) === null || _ref_current2 === void 0 ? void 0 : _ref_current2.host;
|
|
12478
12457
|
if (node2) {
|
|
12479
|
-
Nodes.add(node2),
|
|
12458
|
+
Nodes.add(node2), startGlobalObservers(), globalIntersectionObserver && (globalIntersectionObserver.observe(node2), IntersectionState.set(node2, !0));
|
|
12480
12459
|
var parentNode = node2.parentNode;
|
|
12481
12460
|
return parentNode && onLayout(getElementLayoutEvent(node2.getBoundingClientRect(), parentNode.getBoundingClientRect())), function() {
|
|
12482
12461
|
Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2), LastChangeTime.delete(node2), IntersectionState.delete(node2), globalIntersectionObserver && globalIntersectionObserver.unobserve(node2);
|
|
@@ -12501,23 +12480,41 @@ var require_index_native12 = __commonJS({
|
|
|
12501
12480
|
});
|
|
12502
12481
|
io.observe(node);
|
|
12503
12482
|
});
|
|
12504
|
-
},
|
|
12505
|
-
var
|
|
12506
|
-
if (
|
|
12507
|
-
|
|
12508
|
-
|
|
12509
|
-
|
|
12510
|
-
|
|
12511
|
-
return
|
|
12512
|
-
x,
|
|
12513
|
-
y,
|
|
12514
|
-
width: node.offsetWidth,
|
|
12515
|
-
height: node.offsetHeight,
|
|
12516
|
-
top,
|
|
12517
|
-
left
|
|
12518
|
-
};
|
|
12483
|
+
}, measureNode = async function(node, relativeTo) {
|
|
12484
|
+
var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
|
|
12485
|
+
if (relativeNode instanceof HTMLElement) {
|
|
12486
|
+
var [nodeDim, relativeNodeDim] = await Promise.all([
|
|
12487
|
+
getBoundingClientRectAsync(node),
|
|
12488
|
+
getBoundingClientRectAsync(relativeNode)
|
|
12489
|
+
]);
|
|
12490
|
+
if (relativeNodeDim && nodeDim) return getRelativeDimensions(nodeDim, relativeNodeDim);
|
|
12519
12491
|
}
|
|
12492
|
+
return null;
|
|
12493
|
+
}, measure = async function(node, callback) {
|
|
12494
|
+
var out = await measureNode(node, node.parentNode instanceof HTMLElement ? node.parentNode : null);
|
|
12495
|
+
return out && (callback == null || callback(out.x, out.y, out.width, out.height, out.pageX, out.pageY)), out;
|
|
12520
12496
|
};
|
|
12497
|
+
function createMeasure2(node) {
|
|
12498
|
+
return function(callback) {
|
|
12499
|
+
return measure(node, callback);
|
|
12500
|
+
};
|
|
12501
|
+
}
|
|
12502
|
+
var measureInWindow = async function(node, callback) {
|
|
12503
|
+
var out = await measureNode(node, null);
|
|
12504
|
+
return out && (callback == null || callback(out.pageX, out.pageY, out.width, out.height)), out;
|
|
12505
|
+
}, createMeasureInWindow2 = function(node) {
|
|
12506
|
+
return function(callback) {
|
|
12507
|
+
return measureInWindow(node, callback);
|
|
12508
|
+
};
|
|
12509
|
+
}, measureLayout = async function(node, relativeNode, callback) {
|
|
12510
|
+
var out = await measureNode(node, relativeNode);
|
|
12511
|
+
return out && (callback == null || callback(out.x, out.y, out.width, out.height, out.pageX, out.pageY)), out;
|
|
12512
|
+
};
|
|
12513
|
+
function createMeasureLayout2(node) {
|
|
12514
|
+
return function(relativeTo, callback) {
|
|
12515
|
+
return measureLayout(node, relativeTo, callback);
|
|
12516
|
+
};
|
|
12517
|
+
}
|
|
12521
12518
|
}
|
|
12522
12519
|
});
|
|
12523
12520
|
|
|
@@ -12796,19 +12793,8 @@ var TamaguiProvider = function(props) {
|
|
|
12796
12793
|
(0, import_web.setupHooks)({
|
|
12797
12794
|
getBaseViews,
|
|
12798
12795
|
setElementProps: function(node) {
|
|
12799
|
-
if (node && !node.measure)
|
|
12796
|
+
if (0 && node && !node.measure)
|
|
12800
12797
|
var _node, _node1, _node2;
|
|
12801
|
-
(_node = node).measure || (_node.measure = function(callback) {
|
|
12802
|
-
return (0, import_use_element_layout.measureLayout)(node, null, callback);
|
|
12803
|
-
}), (_node1 = node).measureLayout || (_node1.measureLayout = function(relativeToNode, success) {
|
|
12804
|
-
return (0, import_use_element_layout.measureLayout)(node, relativeToNode, success);
|
|
12805
|
-
}), (_node2 = node).measureInWindow || (_node2.measureInWindow = function(callback) {
|
|
12806
|
-
setTimeout(function() {
|
|
12807
|
-
var { height, left, top, width } = (0, import_use_element_layout.getRect)(node);
|
|
12808
|
-
callback(left, top, width, height);
|
|
12809
|
-
}, 0);
|
|
12810
|
-
});
|
|
12811
|
-
}
|
|
12812
12798
|
},
|
|
12813
12799
|
usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
|
|
12814
12800
|
if (0) {
|