@tamagui/core 1.126.15 → 1.126.17
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/useElementLayout.cjs +5 -1
- package/dist/cjs/hooks/useElementLayout.js +4 -1
- package/dist/cjs/hooks/useElementLayout.js.map +1 -1
- package/dist/cjs/hooks/useElementLayout.native.js +7 -2
- package/dist/cjs/hooks/useElementLayout.native.js.map +2 -2
- package/dist/esm/hooks/useElementLayout.js +4 -1
- package/dist/esm/hooks/useElementLayout.js.map +1 -1
- package/dist/esm/hooks/useElementLayout.mjs +5 -1
- package/dist/esm/hooks/useElementLayout.mjs.map +1 -1
- package/dist/esm/hooks/useElementLayout.native.js +11 -2
- package/dist/esm/hooks/useElementLayout.native.js.map +1 -1
- package/dist/native.js +53 -52
- package/dist/native.js.map +2 -2
- package/dist/test.native.js +42 -39
- package/dist/test.native.js.map +2 -2
- package/package.json +7 -7
- package/src/hooks/useElementLayout.tsx +16 -1
- package/types/hooks/useElementLayout.d.ts.map +1 -1
|
@@ -55,10 +55,14 @@ if (import_constants.isClient) if (rAF) {
|
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
layoutOnAnimationFrame = function () {
|
|
58
|
-
|
|
58
|
+
const now = Date.now(),
|
|
59
|
+
timeSinceLastFrame = now - lastFrameAt;
|
|
60
|
+
lastFrameAt = now, status !== "inactive" && (timeSinceLastFrame > 16.67 * numDroppedFramesUntilPause || Nodes.forEach(updateLayoutIfChanged)), rAF(layoutOnAnimationFrame);
|
|
59
61
|
},
|
|
60
62
|
avoidUpdates = !0;
|
|
61
63
|
const queuedUpdates = /* @__PURE__ */new Map();
|
|
64
|
+
let lastFrameAt = Date.now();
|
|
65
|
+
const numDroppedFramesUntilPause = 2;
|
|
62
66
|
(0, import_web.___onDidFinishClientRender)(() => {
|
|
63
67
|
avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(cb => cb()), queuedUpdates.clear());
|
|
64
68
|
}), rAF(layoutOnAnimationFrame);
|
|
@@ -40,9 +40,12 @@ if (import_constants.isClient)
|
|
|
40
40
|
avoidUpdates ? queuedUpdates.set(node, () => onLayout(event)) : onLayout(event);
|
|
41
41
|
}
|
|
42
42
|
}, layoutOnAnimationFrame = function() {
|
|
43
|
-
|
|
43
|
+
const now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
|
|
44
|
+
lastFrameAt = now, status !== "inactive" && (timeSinceLastFrame > 16.67 * numDroppedFramesUntilPause || Nodes.forEach(updateLayoutIfChanged)), rAF(layoutOnAnimationFrame);
|
|
44
45
|
}, avoidUpdates = !0;
|
|
45
46
|
const queuedUpdates = /* @__PURE__ */ new Map();
|
|
47
|
+
let lastFrameAt = Date.now();
|
|
48
|
+
const numDroppedFramesUntilPause = 2;
|
|
46
49
|
(0, import_web.___onDidFinishClientRender)(() => {
|
|
47
50
|
avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach((cb) => cb()), queuedUpdates.clear());
|
|
48
51
|
}), rAF(layoutOnAnimationFrame);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useElementLayout.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAoD,+BACpD,aAIO;AAGP,MAAM,iBAAiB,oBAAI,QAA+B,GACpD,QAAQ,oBAAI,IAAiB;AAInC,IAAI,SAAkC;AAC/B,SAAS,oBAAoB,OAAgC;AAClE,WAAS;AACX;AAmBA,MAAM,gBAAgB,oBAAI,QAA8B,GAClD,kBAAkB,oBAAI,QAA8B,GAEpD,MAAM,OAAO,SAAW,MAAc,OAAO,wBAAwB;AAE3E,IAAI;AACF,MAAI,KAAK;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["node"]
|
|
6
6
|
}
|
|
@@ -42,9 +42,14 @@ if (import_constants.isClient)
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
}, layoutOnAnimationFrame = function() {
|
|
45
|
-
|
|
45
|
+
var now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
|
|
46
|
+
if (lastFrameAt = now, status !== "inactive") {
|
|
47
|
+
var expectedFrameTime = 16.67, hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
|
|
48
|
+
hasRecentSyncWork || Nodes.forEach(updateLayoutIfChanged);
|
|
49
|
+
}
|
|
50
|
+
rAF(layoutOnAnimationFrame);
|
|
46
51
|
};
|
|
47
|
-
var updateLayoutIfChanged2 = updateLayoutIfChanged, layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map();
|
|
52
|
+
var updateLayoutIfChanged2 = updateLayoutIfChanged, layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map(), lastFrameAt = Date.now(), numDroppedFramesUntilPause = 2;
|
|
48
53
|
(0, import_web.___onDidFinishClientRender)(function() {
|
|
49
54
|
avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
|
|
50
55
|
return cb();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useElementLayout.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;;;uBAAoD,+BACpD,aAIO,yBAGDA,iBAAiB,oBAAIC,QAAAA,GACrBC,QAAQ,oBAAIC,IAAAA,GAIdC,SAAkC;AAC/B,SAASC,oBAAoBC,OAA8B;AAChEF,WAASE;AACX;AAmBA,IAAMC,gBAAgB,oBAAIN,QAAAA,GACpBO,kBAAkB,oBAAIP,QAAAA,GAEtBQ,MAAM,OAAOC,SAAW,MAAcA,OAAOC,wBAAwBC;AAE3E,IAAIC;AACF,MAAIJ,KAAK;
|
|
5
|
-
"names": ["LayoutHandlers", "WeakMap", "Nodes", "Set", "status", "setOnLayoutStrategy", "state", "NodeRectCache", "ParentRectCache", "rAF", "window", "requestAnimationFrame", "undefined", "isClient", "updateLayoutIfChanged", "node", "nodeRect", "getBoundingClientRect", "parentNode", "parentElement", "parentRect", "onLayout", "get", "cachedRect", "cachedParentRect", "isEqualShallow", "set", "event", "getElementLayoutEvent", "avoidUpdates", "queuedUpdates", "layoutOnAnimationFrame", "forEach", "Map", "___onDidFinishClientRender", "cb", "clear", "process", "env", "NODE_ENV", "console", "warn", "target", "res", "measureLayout", "x", "y", "width", "height", "left", "top", "nativeEvent", "layout", "timeStamp", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["LayoutHandlers", "WeakMap", "Nodes", "Set", "status", "setOnLayoutStrategy", "state", "NodeRectCache", "ParentRectCache", "rAF", "window", "requestAnimationFrame", "undefined", "isClient", "updateLayoutIfChanged", "node", "nodeRect", "getBoundingClientRect", "parentNode", "parentElement", "parentRect", "onLayout", "get", "cachedRect", "cachedParentRect", "isEqualShallow", "set", "event", "getElementLayoutEvent", "avoidUpdates", "queuedUpdates", "layoutOnAnimationFrame", "now", "Date", "timeSinceLastFrame", "lastFrameAt", "expectedFrameTime", "hasRecentSyncWork", "numDroppedFramesUntilPause", "forEach", "Map", "___onDidFinishClientRender", "cb", "clear", "process", "env", "NODE_ENV", "console", "warn", "target", "res", "measureLayout", "x", "y", "width", "height", "left", "top", "nativeEvent", "layout", "timeStamp", "Error", "relativeTo", "callback", "relativeNode", "HTMLElement", "nodeDim", "relativeNodeDim", "getRelativeDimensions", "a", "b", "useElementLayout", "ref", "current", "host", "useIsomorphicLayoutEffect", "add", "delete"]
|
|
6
6
|
}
|
|
@@ -22,9 +22,12 @@ if (isClient)
|
|
|
22
22
|
avoidUpdates ? queuedUpdates.set(node, () => onLayout(event)) : onLayout(event);
|
|
23
23
|
}
|
|
24
24
|
}, layoutOnAnimationFrame = function() {
|
|
25
|
-
|
|
25
|
+
const now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
|
|
26
|
+
lastFrameAt = now, status !== "inactive" && (timeSinceLastFrame > 16.67 * numDroppedFramesUntilPause || Nodes.forEach(updateLayoutIfChanged)), rAF(layoutOnAnimationFrame);
|
|
26
27
|
}, avoidUpdates = !0;
|
|
27
28
|
const queuedUpdates = /* @__PURE__ */ new Map();
|
|
29
|
+
let lastFrameAt = Date.now();
|
|
30
|
+
const numDroppedFramesUntilPause = 2;
|
|
28
31
|
___onDidFinishClientRender(() => {
|
|
29
32
|
avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach((cb) => cb()), queuedUpdates.clear());
|
|
30
33
|
}), rAF(layoutOnAnimationFrame);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useElementLayout.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,UAAU,iCAAiC;AACpD;AAAA,EACE;AAAA,EAEA;AAAA,OACK;AAGP,MAAM,iBAAiB,oBAAI,QAA+B,GACpD,QAAQ,oBAAI,IAAiB;AAInC,IAAI,SAAkC;AAC/B,SAAS,oBAAoB,OAAgC;AAClE,WAAS;AACX;AAmBA,MAAM,gBAAgB,oBAAI,QAA8B,GAClD,kBAAkB,oBAAI,QAA8B,GAEpD,MAAM,OAAO,SAAW,MAAc,OAAO,wBAAwB;AAE3E,IAAI;AACF,MAAI,KAAK;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["node"]
|
|
6
6
|
}
|
|
@@ -27,10 +27,14 @@ if (isClient) if (rAF) {
|
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
layoutOnAnimationFrame = function () {
|
|
30
|
-
|
|
30
|
+
const now = Date.now(),
|
|
31
|
+
timeSinceLastFrame = now - lastFrameAt;
|
|
32
|
+
lastFrameAt = now, status !== "inactive" && (timeSinceLastFrame > 16.67 * numDroppedFramesUntilPause || Nodes.forEach(updateLayoutIfChanged)), rAF(layoutOnAnimationFrame);
|
|
31
33
|
},
|
|
32
34
|
avoidUpdates = !0;
|
|
33
35
|
const queuedUpdates = /* @__PURE__ */new Map();
|
|
36
|
+
let lastFrameAt = Date.now();
|
|
37
|
+
const numDroppedFramesUntilPause = 2;
|
|
34
38
|
___onDidFinishClientRender(() => {
|
|
35
39
|
avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(cb => cb()), queuedUpdates.clear());
|
|
36
40
|
}), rAF(layoutOnAnimationFrame);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isClient","useIsomorphicLayoutEffect","isEqualShallow","___onDidFinishClientRender","LayoutHandlers","WeakMap","Nodes","Set","status","setOnLayoutStrategy","state","NodeRectCache","ParentRectCache","rAF","window","requestAnimationFrame","updateLayoutIfChanged","node","nodeRect","getBoundingClientRect","parentNode","parentElement","parentRect","onLayout","get","cachedRect","cachedParentRect","set","event","getElementLayoutEvent","avoidUpdates","queuedUpdates","layoutOnAnimationFrame","forEach","Map","cb","clear","process","env","NODE_ENV","console","warn","target","res","measureLayout","x","y","width","height","left","top","nativeEvent","layout","timeStamp","
|
|
1
|
+
{"version":3,"names":["isClient","useIsomorphicLayoutEffect","isEqualShallow","___onDidFinishClientRender","LayoutHandlers","WeakMap","Nodes","Set","status","setOnLayoutStrategy","state","NodeRectCache","ParentRectCache","rAF","window","requestAnimationFrame","updateLayoutIfChanged","node","nodeRect","getBoundingClientRect","parentNode","parentElement","parentRect","onLayout","get","cachedRect","cachedParentRect","set","event","getElementLayoutEvent","avoidUpdates","queuedUpdates","layoutOnAnimationFrame","now","Date","timeSinceLastFrame","lastFrameAt","numDroppedFramesUntilPause","forEach","Map","cb","clear","process","env","NODE_ENV","console","warn","target","res","measureLayout","x","y","width","height","left","top","nativeEvent","layout","timeStamp","Error","relativeTo","callback","relativeNode","HTMLElement","nodeDim","relativeNodeDim","getRelativeDimensions","a","b","useElementLayout","ref","current","host","node2","add","delete"],"sources":["../../../src/hooks/useElementLayout.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -30,12 +30,21 @@ if (isClient) if (rAF) {
|
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
layoutOnAnimationFrame = function () {
|
|
33
|
-
|
|
33
|
+
var now = Date.now(),
|
|
34
|
+
timeSinceLastFrame = now - lastFrameAt;
|
|
35
|
+
if (lastFrameAt = now, status !== "inactive") {
|
|
36
|
+
var expectedFrameTime = 16.67,
|
|
37
|
+
hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
|
|
38
|
+
hasRecentSyncWork || Nodes.forEach(updateLayoutIfChanged);
|
|
39
|
+
}
|
|
40
|
+
rAF(layoutOnAnimationFrame);
|
|
34
41
|
};
|
|
35
42
|
var updateLayoutIfChanged2 = updateLayoutIfChanged,
|
|
36
43
|
layoutOnAnimationFrame2 = layoutOnAnimationFrame,
|
|
37
44
|
avoidUpdates = !0,
|
|
38
|
-
queuedUpdates = /* @__PURE__ */new Map()
|
|
45
|
+
queuedUpdates = /* @__PURE__ */new Map(),
|
|
46
|
+
lastFrameAt = Date.now(),
|
|
47
|
+
numDroppedFramesUntilPause = 2;
|
|
39
48
|
___onDidFinishClientRender(function () {
|
|
40
49
|
avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function (cb) {
|
|
41
50
|
return cb();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isClient","useIsomorphicLayoutEffect","isEqualShallow","___onDidFinishClientRender","LayoutHandlers","WeakMap","Nodes","Set","status","setOnLayoutStrategy","state","NodeRectCache","ParentRectCache","rAF","window","requestAnimationFrame","updateLayoutIfChanged","node","nodeRect","getBoundingClientRect","parentNode","parentElement","parentRect","onLayout","get","cachedRect","cachedParentRect","set","event","getElementLayoutEvent","avoidUpdates","queuedUpdates","layoutOnAnimationFrame","forEach","updateLayoutIfChanged2","layoutOnAnimationFrame2","Map","cb","clear","process","env","NODE_ENV","console","warn","target","res","measureLayout","x","y","width","height","left","top","nativeEvent","layout","timeStamp","
|
|
1
|
+
{"version":3,"names":["isClient","useIsomorphicLayoutEffect","isEqualShallow","___onDidFinishClientRender","LayoutHandlers","WeakMap","Nodes","Set","status","setOnLayoutStrategy","state","NodeRectCache","ParentRectCache","rAF","window","requestAnimationFrame","updateLayoutIfChanged","node","nodeRect","getBoundingClientRect","parentNode","parentElement","parentRect","onLayout","get","cachedRect","cachedParentRect","set","event","getElementLayoutEvent","avoidUpdates","queuedUpdates","layoutOnAnimationFrame","now","Date","timeSinceLastFrame","lastFrameAt","expectedFrameTime","hasRecentSyncWork","numDroppedFramesUntilPause","forEach","updateLayoutIfChanged2","layoutOnAnimationFrame2","Map","cb","clear","process","env","NODE_ENV","console","warn","target","res","measureLayout","x","y","width","height","left","top","nativeEvent","layout","timeStamp","Error","relativeTo","callback","relativeNode","HTMLElement","nodeDim","relativeNodeDim","getRelativeDimensions","a","b"],"sources":["../../../src/hooks/useElementLayout.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,yBAAA,QAAiC;AACpD,SAAAC,cAAA,EAAAC,0BAAA;AAAA,IACEC,cAAA,sBAAAC,OAAA;EAAAC,KAAA,sBAAAC,GAAA;EAAAC,MAAA;AAAA,SAEAC,oBAAAC,KAAA;EAAAF,MACK,GAAAE,KAAA;AAGP;AAKA,IAAIC,aAAkC,sBAAAN,OAAA;EAAAO,eAAA,sBAAAP,OAAA;EAAAQ,GAAA,UAAAC,MAAA,SAAAA,MAAA,CAAAC,qBAAA;AAC/B,IAAAf,QAAS,EACd,IAAAa,GAAA,EAAS;EACX,IAAAG,qBAAA,YAAAA,CAAAC,IAAA;MAmBM,IAAAC,QAAA,GAAAD,IAAgB,CAAAE,qBAAI;QAA8BC,UAClD,GAAAH,IAAA,CAAAI,aAAkB;QAAAC,UAAI,GAAAF,UAEtB,EAAMD,qBAAgC;QAAAI,QAAO,GAAAnB,cAAA,CAAAoB,GAAwB,CAAAP,IAAA;MAEvE,WAAAM,QAAA;QACE,IAAKE,UAAA,GAAAd,aAAA,CAAAa,GAAA,CAAAP,IAAA;UAAAS,gBAAA,GAAAN,UAAA,GAAAT,aAAA,CAAAa,GAAA,CAAAJ,UAAA;QAiBE,KAAAK,UAAA;QAAA;QACP,CAAAvB,cAAiB,CAAAuB,UAAK,EAAAP,QAAA,MAAsB,CAAAQ,gBACzB,IAAK,CAAAxB,cAClB,CAAAwB,gBAAa,EAAAJ,UAAY;UAG3BX,aAAO,CAAAgB,GAAA,CAAAV,IAAa,EAAAC,QAAY,GAAAI,UAAA,IAAAF,UAAA,IAAAR,eAAA,CAAAe,GAAA,CAAAP,UAAA,EAAAE,UAAA;UAEpC,IAAMM,KAAA,GAAAC,qBAA+B,CAAAZ,IAAI;UAIvCa,YAAC,GAAAC,aAAA,CAAAJ,GAAA,CAAAV,IAAA;YAEC,OAAAM,QAAe,CAAAK,KAAA,CAAY;UAG7B,KAAAL,QAAc,CAAAK,KAAI;QAIlB;MACA;IAGgB;IAElBI,sBAAA,YAAAA,CAAA;MACF,IAISC,GAAA,GAAAC,IAAA,CAAAD,GAAA;QAAAE,kBAAyB,GAAAF,GAAA,GAAAG,WAAA;MAChC,IAAAA,WAAY,GAAKH,GAAI,EAAAzB,MACf,iBAAqB;QAC3B,IAAA6B,iBAEI,QAAW;UAAAC,iBAIX,GAAAH,kBAAqB,GAAoBE,iBAAA,GAAAE,0BAG3B;QA3DhBD,iBAAe,IAAAhC,KAAA,CAAAkC,OAAA,CAAAxB,qBAAA;MACnB;MAGAH,GAAI,CAAAmB,sBAAuB;IAC3B;EAEA,IAAAS,sBAAA,GAA2BzB,qBAAM;IAAA0B,uBAAA,GAAAV,sBAAA;IAAAF,YAAA;IAAAC,aAAA,sBAAAY,GAAA;IAAAP,WAAA,GAAAF,IAAA,CAAAD,GAAA;IAAAM,0BAAA;EAC/BpC,0BACI;IAIL2B,YAiCI,OAAAC,aAAsB,KAAAA,aAAA,CAAAS,OAAA,WAAAI,EAAA;MAkB7B,OAAAA,EAAA;IACM,IAAAb,aAAY,CAAAc,KAAa;EACnB,EACN,EAAAhC,GAAA,CAAAmB,sBAAA;AAAA,OAMDc,OAAM,CAAAC,GAAA,CAAAC,QAAA,kBAA8D,IAAAC,OAAA,CAAAC,IAAA;AACzE,IAAArB,qBAA8B,YAAAA,CAAAsB,MAAA;IAU9B,IATAC,GAAA;IACE,IAAAC,aAAM,CAAAF,MAAA,kBAAAG,CAAA,EAAAC,CAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,IAAA,EAAAC,GAAA;MAAAP,GACJ;QAAaQ,WACH,EAAE;UACVC,MAAA;YACFP,CAAA;YACAC,CAAA;YACFC,KAAA;YAEGC,MAAA;YACGC,IAAI;YAELC;UAII;UAYLR;QACF;QACFW,SAAM,EAAA5B,IAAU,CAAAD,GAAK;MAErB;IACE,KAAAmB,GAAA,EAA2C,MACzC,IAAAW,KAAA;IAAA,OACAX,GAAA;EAAA;EAAAC,aACF,YAAAA,CAAApC,IAAA,EAAA+C,UAAA,EAAAC,QAAA;IACA,IAAAC,YAAY,GAAGF,UAAO,IAAA/C,IAAQ,EAAAI,aAAS;IAAA,IACzC6C,YAAA,YAAAC,WAAA;MACF,IAAAC,OAAA,GAAAnD,IAAA,CAAAE,qBAAA;QAAAkD,eAAA,GAAAH,YAAA,CAAA/C,qBAAA;MAGI,IAAAkD,eAAA,IAAwBD,OAAqB;QACjD,IAAQ;UAAAd,CAAA;UAAAC,CAAA;UAAQC,KAAA;UAAMC,MAAK;UAAAC,IAAM;UAAIC;QAC/B,IAAIW,qBACA,CAAAF,OAAQ,EAAAC,eAAA;QAClBJ,QAAY,CAAAX,CAAA,EAAGC,CAAA,EAAAC,KAAO,EAAAC,MAAQ,EAAAC,IAAM,EAAIC,GAAA;MAC1C;IAEO;EAKL;EAAAW,qBAAiB,YAAAA,CAASC,CAAA,EAAAC,CAAA;IACtB;QAAAf,MAAQ;QAAAC,IAAA;QACVC,GAAA;QAAAH;MAAA,IAAee,CAAA;MAAAjB,CAAI,GAAAI,IAAM,GAAAc,CAAA,CAAAd,IAAQ;MAGnCH,CAAA,GAAAI,GAAA,GAAAa,CAAA,CAAAb,GAAA;IACE,OAAK;MACLL,CAAA;MACAC,CAAA;MAEAC,KAAA;MAKEC,MAAA;MAEyBC,IAC3B;MACFC;IACF","ignoreList":[]}
|
package/dist/native.js
CHANGED
|
@@ -1551,13 +1551,11 @@ var require_insertStyleRule_native = __commonJS({
|
|
|
1551
1551
|
}
|
|
1552
1552
|
continue;
|
|
1553
1553
|
}
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
shouldInsert && (allSelectors[identifier] = cssRule.cssText);
|
|
1560
|
-
}
|
|
1554
|
+
var total = track(identifier, remove);
|
|
1555
|
+
if (remove) total === 0 && delete allSelectors[identifier];
|
|
1556
|
+
else if (!(identifier in allSelectors)) {
|
|
1557
|
+
var isTransform = identifier.startsWith("_transform-"), shouldInsert = isTransform ? addTransform(identifier, cssRule.cssText, cssRule) : !0;
|
|
1558
|
+
shouldInsert && (allSelectors[identifier] = cssRule.cssText);
|
|
1561
1559
|
}
|
|
1562
1560
|
}
|
|
1563
1561
|
}
|
|
@@ -1655,44 +1653,41 @@ var require_insertStyleRule_native = __commonJS({
|
|
|
1655
1653
|
return dotIndex > -1 ? selector.slice(7, dotIndex) : selector.slice(7);
|
|
1656
1654
|
}, sheet = null;
|
|
1657
1655
|
function updateRules(identifier, rules) {
|
|
1658
|
-
|
|
1656
|
+
return identifier in allRules ? !1 : (allRules[identifier] = rules.join(" "), identifier.startsWith("_transform-") ? addTransform(identifier, rules[0]) : !0);
|
|
1659
1657
|
}
|
|
1660
1658
|
var nonce = "";
|
|
1661
1659
|
function setNonce2(_) {
|
|
1662
1660
|
nonce = _;
|
|
1663
1661
|
}
|
|
1664
1662
|
function insertStyleRules(rulesToInsert) {
|
|
1665
|
-
if (!
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
var
|
|
1673
|
-
|
|
1674
|
-
var rules = styleObject[import_helpers2.StyleObjectRules];
|
|
1675
|
-
allSelectors[identifier] = rules.join(`
|
|
1663
|
+
if (!sheet && import_constants2.isClient && document.head) {
|
|
1664
|
+
var styleTag = document.createElement("style");
|
|
1665
|
+
nonce && (styleTag.nonce = nonce), sheet = document.head.appendChild(styleTag).sheet;
|
|
1666
|
+
}
|
|
1667
|
+
if (sheet) for (var key in rulesToInsert) {
|
|
1668
|
+
var styleObject = rulesToInsert[key], identifier = styleObject[import_helpers2.StyleObjectIdentifier];
|
|
1669
|
+
if (shouldInsertStyleRules(identifier)) {
|
|
1670
|
+
var rules = styleObject[import_helpers2.StyleObjectRules];
|
|
1671
|
+
allSelectors[identifier] = rules.join(`
|
|
1676
1672
|
`), track(identifier), updateRules(identifier, rules);
|
|
1677
|
-
|
|
1678
|
-
|
|
1679
|
-
|
|
1680
|
-
|
|
1681
|
-
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
|
|
1685
|
-
}
|
|
1686
|
-
else sheet.insertRule(rule, sheet.cssRules.length);
|
|
1673
|
+
var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
|
|
1674
|
+
try {
|
|
1675
|
+
for (var _iterator = rules[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
|
|
1676
|
+
var rule = _step.value;
|
|
1677
|
+
if (process.env.NODE_ENV === "production") try {
|
|
1678
|
+
sheet.insertRule(rule, sheet.cssRules.length);
|
|
1679
|
+
} catch (err) {
|
|
1680
|
+
console.error("Error inserting CSS", err);
|
|
1687
1681
|
}
|
|
1688
|
-
|
|
1689
|
-
|
|
1682
|
+
else sheet.insertRule(rule, sheet.cssRules.length);
|
|
1683
|
+
}
|
|
1684
|
+
} catch (err) {
|
|
1685
|
+
_didIteratorError = !0, _iteratorError = err;
|
|
1686
|
+
} finally {
|
|
1687
|
+
try {
|
|
1688
|
+
!_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
|
|
1690
1689
|
} finally {
|
|
1691
|
-
|
|
1692
|
-
!_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
|
|
1693
|
-
} finally {
|
|
1694
|
-
if (_didIteratorError) throw _iteratorError;
|
|
1695
|
-
}
|
|
1690
|
+
if (_didIteratorError) throw _iteratorError;
|
|
1696
1691
|
}
|
|
1697
1692
|
}
|
|
1698
1693
|
}
|
|
@@ -1700,7 +1695,7 @@ var require_insertStyleRule_native = __commonJS({
|
|
|
1700
1695
|
}
|
|
1701
1696
|
var minInsertAmt = process.env.TAMAGUI_INSERT_SELECTOR_TRIES ? +process.env.TAMAGUI_INSERT_SELECTOR_TRIES : 1;
|
|
1702
1697
|
function shouldInsertStyleRules(identifier) {
|
|
1703
|
-
if (process.env.
|
|
1698
|
+
if (process.env.IS_STATIC === "is_static") return !0;
|
|
1704
1699
|
var total = totalSelectorsInserted.get(identifier);
|
|
1705
1700
|
return process.env.NODE_ENV === "development" && totalSelectorsInserted.size > +(process.env.TAMAGUI_STYLE_INSERTION_WARNING_LIMIT || 1e4) && console.warn('Warning: inserting many CSS rules, you may be animating something and generating many CSS insertions, which can degrade performance. Instead, try using the "disableClassName" property on elements that change styles often. To disable this warning set TAMAGUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher'), total === void 0 || total < minInsertAmt;
|
|
1706
1701
|
}
|
|
@@ -5308,7 +5303,7 @@ var require_getSplitStyles_native = __commonJS({
|
|
|
5308
5303
|
function isValidStyleKey(key, validStyles2, accept) {
|
|
5309
5304
|
return key in validStyles2 ? !0 : accept && key in accept;
|
|
5310
5305
|
}
|
|
5311
|
-
var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) {
|
|
5306
|
+
var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, startedUnhydrated, debug) {
|
|
5312
5307
|
var _loop = function(keyOg2) {
|
|
5313
5308
|
var keyInit = keyOg2, valInit = props[keyInit];
|
|
5314
5309
|
if (keyInit === "children") return viewProps[keyInit] = valInit, "continue";
|
|
@@ -5775,12 +5770,13 @@ var require_getSplitStyles_native = __commonJS({
|
|
|
5775
5770
|
}
|
|
5776
5771
|
return styleProps.noNormalize || (0, import_expandStyles.fixStyles)(styleOut), styleOut;
|
|
5777
5772
|
}, useInsertEffectCompat = import_constants2.isWeb ? import_react3.default.useInsertionEffect || import_constants2.useIsomorphicLayoutEffect : function() {
|
|
5778
|
-
}, useSplitStyles = function(a, b, c, d, e, f, g, h, i, j) {
|
|
5773
|
+
}, useSplitStyles = function(a, b, c, d, e, f, g, h, i, j, k) {
|
|
5779
5774
|
conf = conf || (0, import_config.getConfig)();
|
|
5780
|
-
var res = getSplitStyles(a, b, c, d, e, f, g, h, i, j);
|
|
5775
|
+
var res = getSplitStyles(a, b, c, d, e, f, g, h, i, j, k);
|
|
5781
5776
|
return res;
|
|
5782
5777
|
};
|
|
5783
5778
|
function addStyleToInsertRules(rulesToInsert, styleObject) {
|
|
5779
|
+
var startedUnhydrated = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
|
|
5784
5780
|
if (0) var identifier;
|
|
5785
5781
|
}
|
|
5786
5782
|
var defaultColor = process.env.TAMAGUI_DEFAULT_COLOR || "rgba(0,0,0,0)", animatableDefaults = {
|
|
@@ -6932,9 +6928,9 @@ var require_wrapStyleTags_native = __commonJS({
|
|
|
6932
6928
|
}
|
|
6933
6929
|
});
|
|
6934
6930
|
module2.exports = __toCommonJS2(wrapStyleTags_exports);
|
|
6935
|
-
var import_jsx_runtime = require("react/jsx-runtime"), import_helpers2 = require_index_native3();
|
|
6931
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_helpers2 = require_index_native3(), import_constants2 = require_index_native2();
|
|
6936
6932
|
function wrapStyleTags(styles, content) {
|
|
6937
|
-
return
|
|
6933
|
+
return import_constants2.IS_REACT_19, content;
|
|
6938
6934
|
}
|
|
6939
6935
|
}
|
|
6940
6936
|
});
|
|
@@ -7052,7 +7048,7 @@ var require_useComponentState_native = __commonJS({
|
|
|
7052
7048
|
});
|
|
7053
7049
|
module2.exports = __toCommonJS2(useComponentState_exports);
|
|
7054
7050
|
var import_constants2 = require_index_native2(), import_use_did_finish_ssr = require_index_native6(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, param, staticConfig, config) {
|
|
7055
|
-
var { animationDriver } = param, _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
|
|
7051
|
+
var { animationDriver } = param, _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), [startedUnhydrated] = (0, import_react3.useState)(import_constants2.IS_REACT_19 ? !isHydrated : !1), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
|
|
7056
7052
|
stateRef.current || (stateRef.current = {});
|
|
7057
7053
|
var hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationDriver == null ? void 0 : animationDriver.supportsCSSVars, curStateRef = stateRef.current, willBeAnimatedClient = function() {
|
|
7058
7054
|
var next = !!(hasAnimationProp && !staticConfig.isHOC && useAnimations);
|
|
@@ -7117,6 +7113,7 @@ var require_useComponentState_native = __commonJS({
|
|
|
7117
7113
|
};
|
|
7118
7114
|
}
|
|
7119
7115
|
return {
|
|
7116
|
+
startedUnhydrated,
|
|
7120
7117
|
curStateRef,
|
|
7121
7118
|
disabled,
|
|
7122
7119
|
groupName,
|
|
@@ -7478,7 +7475,7 @@ var require_createComponent_native = __commonJS({
|
|
|
7478
7475
|
}, [
|
|
7479
7476
|
componentName2
|
|
7480
7477
|
]);
|
|
7481
|
-
var animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, { curStateRef, disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, setStateShallow, noClass, state, stateRef, supportsCSSVars, willBeAnimated, willBeAnimatedClient } = (0, import_useComponentState.useComponentState)(props, componentContext, staticConfig, config);
|
|
7478
|
+
var animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, { curStateRef, disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, setStateShallow, noClass, state, stateRef, supportsCSSVars, willBeAnimated, willBeAnimatedClient, startedUnhydrated } = (0, import_useComponentState.useComponentState)(props, componentContext, staticConfig, config);
|
|
7482
7479
|
process.env.NODE_ENV === "development" && time2 && time2`use-state`;
|
|
7483
7480
|
var hasTextAncestor = !!(import_constants2.isWeb && isText && componentContext.inText), isTaggable = !Component || typeof Component == "string", tagProp = props.tag, element = import_constants2.isWeb && isTaggable && tagProp || Component, BaseTextComponent = BaseText || element || "span", BaseViewComponent = BaseView || element || (hasTextAncestor ? "span" : "div"), elementType = isText ? BaseTextComponent : BaseViewComponent;
|
|
7484
7481
|
animationDriver && isAnimated && (elementType = animationDriver[isText ? "Text" : "View"] || elementType);
|
|
@@ -7538,7 +7535,7 @@ var require_createComponent_native = __commonJS({
|
|
|
7538
7535
|
styledContextProps
|
|
7539
7536
|
}, themeName = (themeState == null ? void 0 : themeState.name) || "";
|
|
7540
7537
|
process.env.NODE_ENV === "development" && time2 && time2`split-styles-prepare`;
|
|
7541
|
-
var splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, elementType, debugProp);
|
|
7538
|
+
var splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, elementType, startedUnhydrated, debugProp);
|
|
7542
7539
|
if (process.env.NODE_ENV === "development" && time2 && time2`split-styles`, props.group && props.untilMeasured === "hide" && !curStateRef.hasMeasured) {
|
|
7543
7540
|
var _splitStyles;
|
|
7544
7541
|
(_splitStyles = splitStyles).style || (_splitStyles.style = {}), splitStyles.style.opacity = 0;
|
|
@@ -7836,8 +7833,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
|
|
|
7836
7833
|
children: content
|
|
7837
7834
|
});
|
|
7838
7835
|
}
|
|
7839
|
-
|
|
7840
|
-
if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
|
|
7836
|
+
if (process.env.NODE_ENV === "development" && time2 && time2`context-override`, process.env.NODE_ENV === "development" && time2 && time2`style-tags`, process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
|
|
7841
7837
|
var element1 = typeof elementType == "string" ? elementType : "Component", title = `render <${element1} /> (${internalID}) with props`;
|
|
7842
7838
|
if (import_constants2.isWeb) {
|
|
7843
7839
|
(0, import_consoleLog.groupCollapsed)(title);
|
|
@@ -8736,7 +8732,7 @@ var require_createTamagui_native = __commonJS({
|
|
|
8736
8732
|
var foundThemes;
|
|
8737
8733
|
if (configIn.themes) {
|
|
8738
8734
|
var noThemes = Object.keys(configIn.themes).length === 0;
|
|
8739
|
-
noThemes && (foundThemes = (0, import_insertStyleRule.scanAllSheets)(noThemes, tokensParsed)),
|
|
8735
|
+
noThemes && (foundThemes = (0, import_insertStyleRule.scanAllSheets)(noThemes, tokensParsed)), import_constants2.IS_REACT_19 && process.env.TAMAGUI_SKIP_THEME_OPTIMIZATION || noThemes && (0, import_insertStyleRule.listenForSheetChanges)();
|
|
8740
8736
|
}
|
|
8741
8737
|
var fontSizeTokens = null, fontsParsed;
|
|
8742
8738
|
if (configIn.fonts) {
|
|
@@ -10213,7 +10209,7 @@ var require_TamaguiProvider_native = __commonJS({
|
|
|
10213
10209
|
}), didRender = !0, function() {
|
|
10214
10210
|
didRender = !1;
|
|
10215
10211
|
};
|
|
10216
|
-
}, []),
|
|
10212
|
+
}, []), import_constants2.IS_REACT_19 || import_constants2.isClient && (0, import_constants2.useIsomorphicLayoutEffect)(function() {
|
|
10217
10213
|
if (config && !disableInjectCSS) {
|
|
10218
10214
|
var style = document.createElement("style");
|
|
10219
10215
|
return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), function() {
|
|
@@ -12376,16 +12372,21 @@ if (import_constants.isClient)
|
|
|
12376
12372
|
}
|
|
12377
12373
|
}
|
|
12378
12374
|
}, layoutOnAnimationFrame = function() {
|
|
12379
|
-
|
|
12375
|
+
var now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
|
|
12376
|
+
if (lastFrameAt = now, status !== "inactive") {
|
|
12377
|
+
var expectedFrameTime = 16.67, hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
|
|
12378
|
+
hasRecentSyncWork || Nodes.forEach(updateLayoutIfChanged);
|
|
12379
|
+
}
|
|
12380
|
+
rAF(layoutOnAnimationFrame);
|
|
12380
12381
|
};
|
|
12381
|
-
updateLayoutIfChanged2 = updateLayoutIfChanged, layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map(), (0, import_web.___onDidFinishClientRender)(function() {
|
|
12382
|
+
updateLayoutIfChanged2 = updateLayoutIfChanged, layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map(), lastFrameAt = Date.now(), numDroppedFramesUntilPause = 2, (0, import_web.___onDidFinishClientRender)(function() {
|
|
12382
12383
|
avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
|
|
12383
12384
|
return cb();
|
|
12384
12385
|
}), queuedUpdates.clear());
|
|
12385
12386
|
}), rAF(layoutOnAnimationFrame);
|
|
12386
12387
|
} else
|
|
12387
12388
|
process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
|
|
12388
|
-
var avoidUpdates, queuedUpdates, updateLayoutIfChanged2, layoutOnAnimationFrame2, getElementLayoutEvent = function(target) {
|
|
12389
|
+
var avoidUpdates, queuedUpdates, lastFrameAt, numDroppedFramesUntilPause, updateLayoutIfChanged2, layoutOnAnimationFrame2, getElementLayoutEvent = function(target) {
|
|
12389
12390
|
var res = null;
|
|
12390
12391
|
if (measureLayout(target, null, function(x, y, width, height, left, top) {
|
|
12391
12392
|
res = {
|