@tamagui/portal 1.119.3 → 1.120.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Portal.js.map +1 -1
- package/dist/cjs/Portal.native.js +12 -2
- package/dist/cjs/Portal.native.js.map +2 -2
- package/dist/cjs/useStackedZIndex.cjs +5 -5
- package/dist/cjs/useStackedZIndex.js +5 -5
- package/dist/cjs/useStackedZIndex.js.map +1 -1
- package/dist/cjs/useStackedZIndex.native.js +7 -5
- package/dist/cjs/useStackedZIndex.native.js.map +2 -2
- package/dist/esm/Portal.js.map +1 -1
- package/dist/esm/Portal.mjs.map +1 -1
- package/dist/esm/Portal.native.js +12 -2
- package/dist/esm/Portal.native.js.map +2 -2
- package/dist/esm/useStackedZIndex.js +6 -6
- package/dist/esm/useStackedZIndex.js.map +1 -1
- package/dist/esm/useStackedZIndex.mjs +6 -6
- package/dist/esm/useStackedZIndex.mjs.map +1 -1
- package/dist/esm/useStackedZIndex.native.js +8 -6
- package/dist/esm/useStackedZIndex.native.js.map +2 -2
- package/package.json +8 -8
- package/src/Portal.native.tsx +13 -3
- package/src/Portal.tsx +0 -1
- package/src/useStackedZIndex.tsx +7 -8
- package/types/Portal.d.ts.map +1 -1
- package/types/Portal.native.d.ts.map +1 -1
- package/types/useStackedZIndex.d.ts.map +1 -1
package/dist/cjs/Portal.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Portal.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAO,kCAEP,mBAAyB,+BACzB,gBAAuB,4BACvB,QAAuB,2BACvB,mBAA6B,sBAG7B,0BAAiC,+
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAO,kCAEP,mBAAyB,+BACzB,gBAAuB,4BACvB,QAAuB,2BACvB,mBAA6B,sBAG7B,0BAAiC,+BAa7B;AATG,MAAM,SAAS,MAAM,KAAK,CAAC,YAAyB;AACzD,MAAI;AACF,WAAO;AAGT,QAAM,EAAE,OAAO,WAAW,UAAU,MAAM,aAAa,GAAG,MAAM,IAAI,SAC9D,aAAS,0CAAiB,OAAO;AAEvC,aAAO;AAAA,IACL;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,YAAU;AAAA,QAEV,UAAS;AAAA,QACT,UAAS;AAAA,QACT,WAAU;AAAA,QACV,eAAc;AAAA,QACb,GAAG;AAAA,QACJ;AAAA;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF,CAAC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -27,7 +27,17 @@ __export(Portal_native_exports, {
|
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(Portal_native_exports);
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime"), import_stacks = require("@tamagui/stacks"), React = __toESM(require("react")), import_react_native = require("react-native"), import_constants = require("./constants"), import_useStackedZIndex = require("./useStackedZIndex"), import_GorhomPortalItem = require("./GorhomPortalItem"), createPortal = function() {
|
|
30
|
-
|
|
30
|
+
if (import_constants.IS_FABRIC)
|
|
31
|
+
try {
|
|
32
|
+
return require("react-native/Libraries/Renderer/shims/ReactFabric").createPortal;
|
|
33
|
+
} catch (err) {
|
|
34
|
+
return console.info("Note: error importing portal, defaulting to non-native portals", err), null;
|
|
35
|
+
}
|
|
36
|
+
try {
|
|
37
|
+
return require("react-native/Libraries/Renderer/shims/ReactNative").createPortal;
|
|
38
|
+
} catch (err) {
|
|
39
|
+
return console.info("Note: error importing portal, defaulting to non-native portals", err), null;
|
|
40
|
+
}
|
|
31
41
|
}(), Portal = function(propsIn) {
|
|
32
42
|
var { stackZIndex, ...props } = propsIn, rootTag = React.useContext(import_react_native.RootTagContext), zIndex = (0, import_useStackedZIndex.useStackedZIndex)(propsIn), contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, {
|
|
33
43
|
pointerEvents: "box-none",
|
|
@@ -37,7 +47,7 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_stacks = require("
|
|
|
37
47
|
...props,
|
|
38
48
|
zIndex
|
|
39
49
|
});
|
|
40
|
-
return !import_constants.USE_NATIVE_PORTAL || !rootTag ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GorhomPortalItem.GorhomPortalItem, {
|
|
50
|
+
return !createPortal || !import_constants.USE_NATIVE_PORTAL || !rootTag ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GorhomPortalItem.GorhomPortalItem, {
|
|
41
51
|
hostName: "root",
|
|
42
52
|
children: contents
|
|
43
53
|
}) : createPortal(contents, rootTag);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/portal/src/Portal.native.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,gBAAuB,4BACvB,QAAuB,2BACvB,sBAA+B,yBAC/B,mBAA6C,wBAE7C,0BAAiC,+BACjC,0BAAiC,+BAE3BA,eAAgB,WAAA;AACpB,
|
|
5
|
-
"names": ["createPortal", "IS_FABRIC", "require", "Portal", "propsIn", "stackZIndex", "props", "rootTag", "React", "useContext", "RootTagContext", "zIndex", "useStackedZIndex", "contents", "_jsx", "YStack", "pointerEvents", "fullscreen", "position", "maxWidth", "USE_NATIVE_PORTAL", "GorhomPortalItem", "hostName"]
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,gBAAuB,4BACvB,QAAuB,2BACvB,sBAA+B,yBAC/B,mBAA6C,wBAE7C,0BAAiC,+BACjC,0BAAiC,+BAE3BA,eAAgB,WAAA;AACpB,MAAIC;AACF,QAAI;AACF,aAAOC,QAAQ,mDAAA,EAAqDF;IACtE,SAASG,KAAK;AACZC,qBAAQC,KAAK,kEAAkEF,GAAAA,GACxE;IACT;AAEF,MAAI;AACF,WAAOD,QAAQ,mDAAA,EAAqDF;EACtE,SAASG,KAAK;AACZC,mBAAQC,KAAK,kEAAkEF,GAAAA,GACxE;EACT;AACF,EAAA,GAEaG,SAAS,SAACC,SAAAA;AACrB,MAAM,EAAEC,aAAa,GAAGC,MAAAA,IAAUF,SAE5BG,UAAUC,MAAMC,WAAWC,kCAAAA,GAC3BC,aAASC,0CAAiBR,OAAAA,GAE1BS,WACJ,uCAAAC,KAACC,sBAAAA;IACCC,eAAc;IACdC,YAAU;IACVC,UAAS;IACTC,UAAS;IACR,GAAGb;IACJK;;AAIJ,SAAI,CAACd,gBAAgB,CAACuB,sCAAqB,CAACb,UACnC,uCAAAO,KAACO,0CAAAA;IAAiBC,UAAS;cAAQT;OAGrChB,aAAagB,UAAUN,OAAAA;AAChC;",
|
|
5
|
+
"names": ["createPortal", "IS_FABRIC", "require", "err", "console", "info", "Portal", "propsIn", "stackZIndex", "props", "rootTag", "React", "useContext", "RootTagContext", "zIndex", "useStackedZIndex", "contents", "_jsx", "YStack", "pointerEvents", "fullscreen", "position", "maxWidth", "USE_NATIVE_PORTAL", "GorhomPortalItem", "hostName"]
|
|
6
6
|
}
|
|
@@ -30,17 +30,17 @@ const CurrentPortalZIndices = {},
|
|
|
30
30
|
stackZIndex,
|
|
31
31
|
zIndex: zIndexProp = 1e3
|
|
32
32
|
} = props,
|
|
33
|
-
|
|
33
|
+
id = (0, import_react.useId)(),
|
|
34
|
+
zIndex = (0, import_react.useMemo)(() => {
|
|
34
35
|
if (stackZIndex) {
|
|
35
36
|
const highest = Object.values(CurrentPortalZIndices).reduce((acc, cur) => Math.max(acc, cur), 0);
|
|
36
37
|
return Math.max(stackZIndex, highest + 1);
|
|
37
38
|
}
|
|
38
39
|
if (zIndexProp) return zIndexProp;
|
|
39
|
-
})
|
|
40
|
-
id = (0, import_react.useId)();
|
|
40
|
+
}, [stackZIndex]);
|
|
41
41
|
return (0, import_react.useEffect)(() => {
|
|
42
|
-
if (typeof
|
|
42
|
+
if (typeof stackZIndex == "number") return CurrentPortalZIndices[id] = stackZIndex, () => {
|
|
43
43
|
delete CurrentPortalZIndices[id];
|
|
44
44
|
};
|
|
45
|
-
}, [
|
|
45
|
+
}, [stackZIndex]), zIndex;
|
|
46
46
|
};
|
|
@@ -19,7 +19,7 @@ __export(useStackedZIndex_exports, {
|
|
|
19
19
|
module.exports = __toCommonJS(useStackedZIndex_exports);
|
|
20
20
|
var import_react = require("react");
|
|
21
21
|
const CurrentPortalZIndices = {}, useStackedZIndex = (props) => {
|
|
22
|
-
const { stackZIndex, zIndex: zIndexProp = 1e3 } = props, zIndex = (() => {
|
|
22
|
+
const { stackZIndex, zIndex: zIndexProp = 1e3 } = props, id = (0, import_react.useId)(), zIndex = (0, import_react.useMemo)(() => {
|
|
23
23
|
if (stackZIndex) {
|
|
24
24
|
const highest = Object.values(CurrentPortalZIndices).reduce(
|
|
25
25
|
(acc, cur) => Math.max(acc, cur),
|
|
@@ -29,12 +29,12 @@ const CurrentPortalZIndices = {}, useStackedZIndex = (props) => {
|
|
|
29
29
|
}
|
|
30
30
|
if (zIndexProp)
|
|
31
31
|
return zIndexProp;
|
|
32
|
-
}
|
|
32
|
+
}, [stackZIndex]);
|
|
33
33
|
return (0, import_react.useEffect)(() => {
|
|
34
|
-
if (typeof
|
|
35
|
-
return CurrentPortalZIndices[id] =
|
|
34
|
+
if (typeof stackZIndex == "number")
|
|
35
|
+
return CurrentPortalZIndices[id] = stackZIndex, () => {
|
|
36
36
|
delete CurrentPortalZIndices[id];
|
|
37
37
|
};
|
|
38
|
-
}, [
|
|
38
|
+
}, [stackZIndex]), zIndex;
|
|
39
39
|
};
|
|
40
40
|
//# sourceMappingURL=useStackedZIndex.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useStackedZIndex.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAG1C,MAAM,wBAAgD,CAAC,GAE1C,mBAAmB,CAAC,UAAuD;AACtF,QAAM,EAAE,aAAa,QAAQ,aAAa,IAAK,IAAI,OAC7C,SAAK,oBAAM,GAEX,aAAS,sBAAQ,MAAM;AAC3B,QAAI,aAAa;AACf,YAAM,UAAU,OAAO,OAAO,qBAAqB,EAAE;AAAA,QACnD,CAAC,KAAK,QAAQ,KAAK,IAAI,KAAK,GAAG;AAAA,QAC/B;AAAA,MACF;AACA,aAAO,KAAK,IAAI,aAAa,UAAU,CAAC;AAAA,IAC1C;AACA,QAAI;AACF,aAAO;AAAA,EAEX,GAAG,CAAC,WAAW,CAAC;AAEhB,qCAAU,MAAM;AACd,QAAI,OAAO,eAAgB;AACzB,mCAAsB,EAAE,IAAI,aACrB,MAAM;AACX,eAAO,sBAAsB,EAAE;AAAA,MACjC;AAAA,EAEJ,GAAG,CAAC,WAAW,CAAC,GAET;AACT;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -19,7 +19,7 @@ __export(useStackedZIndex_exports, {
|
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(useStackedZIndex_exports);
|
|
21
21
|
var import_react = require("react"), CurrentPortalZIndices = {}, useStackedZIndex = function(props) {
|
|
22
|
-
var { stackZIndex, zIndex: zIndexProp = 1e3 } = props, zIndex = function() {
|
|
22
|
+
var { stackZIndex, zIndex: zIndexProp = 1e3 } = props, id = (0, import_react.useId)(), zIndex = (0, import_react.useMemo)(function() {
|
|
23
23
|
if (stackZIndex) {
|
|
24
24
|
var highest = Object.values(CurrentPortalZIndices).reduce(function(acc, cur) {
|
|
25
25
|
return Math.max(acc, cur);
|
|
@@ -28,14 +28,16 @@ var import_react = require("react"), CurrentPortalZIndices = {}, useStackedZInde
|
|
|
28
28
|
}
|
|
29
29
|
if (zIndexProp)
|
|
30
30
|
return zIndexProp;
|
|
31
|
-
}
|
|
31
|
+
}, [
|
|
32
|
+
stackZIndex
|
|
33
|
+
]);
|
|
32
34
|
return (0, import_react.useEffect)(function() {
|
|
33
|
-
if (typeof
|
|
34
|
-
return CurrentPortalZIndices[id] =
|
|
35
|
+
if (typeof stackZIndex == "number")
|
|
36
|
+
return CurrentPortalZIndices[id] = stackZIndex, function() {
|
|
35
37
|
delete CurrentPortalZIndices[id];
|
|
36
38
|
};
|
|
37
39
|
}, [
|
|
38
|
-
|
|
40
|
+
stackZIndex
|
|
39
41
|
]), zIndex;
|
|
40
42
|
};
|
|
41
43
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/portal/src/useStackedZIndex.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;;;;;
|
|
5
|
-
"names": ["CurrentPortalZIndices", "useStackedZIndex", "props", "stackZIndex", "zIndex", "zIndexProp", "highest", "Object", "values", "reduce", "acc", "cur", "Math", "max", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;;;;;mBAA0C,kBAGpCA,wBAAgD,CAAC,GAE1CC,mBAAmB,SAACC,OAAAA;AAC/B,MAAM,EAAEC,aAAaC,QAAQC,aAAa,IAAI,IAAKH,OAC7CI,SAAKC,oBAAAA,GAELH,aAASI,sBAAQ,WAAA;AACrB,QAAIL,aAAa;AACf,UAAMM,UAAUC,OAAOC,OAAOX,qBAAAA,EAAuBY,OACnD,SAACC,KAAKC,KAAAA;eAAQC,KAAKC,IAAIH,KAAKC,GAAAA;SAC5B,CAAA;AAEF,aAAOC,KAAKC,IAAIb,aAAaM,UAAU,CAAA;IACzC;AACA,QAAIJ;AACF,aAAOA;EAEX,GAAG;IAACF;GAAY;AAEhBc,qCAAU,WAAA;AACR,QAAI,OAAOd,eAAgB;AACzBH,mCAAsBM,EAAAA,IAAMH,aACrB,WAAA;AACL,eAAOH,sBAAsBM,EAAAA;MAC/B;EAEJ,GAAG;IAACH;GAAY,GAETC;AACT;",
|
|
5
|
+
"names": ["CurrentPortalZIndices", "useStackedZIndex", "props", "stackZIndex", "zIndex", "zIndexProp", "id", "useId", "useMemo", "highest", "Object", "values", "reduce", "acc", "cur", "Math", "max", "useEffect"]
|
|
6
6
|
}
|
package/dist/esm/Portal.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Portal.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAO;AAEP,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,YAAY,WAAW;AACvB,SAAS,oBAAoB;AAG7B,SAAS,wBAAwB;
|
|
4
|
+
"mappings": "AAAA,OAAO;AAEP,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,YAAY,WAAW;AACvB,SAAS,oBAAoB;AAG7B,SAAS,wBAAwB;AAa7B;AATG,MAAM,SAAS,MAAM,KAAK,CAAC,YAAyB;AACzD,MAAI;AACF,WAAO;AAGT,QAAM,EAAE,OAAO,WAAW,UAAU,MAAM,aAAa,GAAG,MAAM,IAAI,SAC9D,SAAS,iBAAiB,OAAO;AAEvC,SAAO;AAAA,IACL;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,YAAU;AAAA,QAEV,UAAS;AAAA,QACT,UAAS;AAAA,QACT,WAAU;AAAA,QACV,eAAc;AAAA,QACb,GAAG;AAAA,QACJ;AAAA;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF,CAAC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/Portal.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isServer","YStack","React","createPortal","useStackedZIndex","jsx","Portal","memo","propsIn","host","globalThis","document","body","stackZIndex","props","zIndex","contain","fullscreen","position","maxWidth","maxHeight","pointerEvents"],"sources":["../../src/Portal.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAO;AAEP,SAASA,QAAA,QAAgB;AACzB,SAASC,MAAA,QAAc;AACvB,YAAYC,KAAA,MAAW;AACvB,SAASC,YAAA,QAAoB;AAG7B,SAASC,gBAAA,QAAwB;
|
|
1
|
+
{"version":3,"names":["isServer","YStack","React","createPortal","useStackedZIndex","jsx","Portal","memo","propsIn","host","globalThis","document","body","stackZIndex","props","zIndex","contain","fullscreen","position","maxWidth","maxHeight","pointerEvents"],"sources":["../../src/Portal.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAO;AAEP,SAASA,QAAA,QAAgB;AACzB,SAASC,MAAA,QAAc;AACvB,YAAYC,KAAA,MAAW;AACvB,SAASC,YAAA,QAAoB;AAG7B,SAASC,gBAAA,QAAwB;AAa7B,SAAAC,GAAA;AATG,MAAMC,MAAA,GAASJ,KAAA,CAAMK,IAAA,CAAMC,OAAA,IAAyB;EACzD,IAAIR,QAAA,EACF,OAAO;EAGT,MAAM;MAAES,IAAA,GAAOC,UAAA,CAAWC,QAAA,EAAUC,IAAA;MAAMC,WAAA;MAAa,GAAGC;IAAM,IAAIN,OAAA;IAC9DO,MAAA,GAASX,gBAAA,CAAiBI,OAAO;EAEvC,OAAOL,YAAA,CACL,eAAAE,GAAA,CAACJ,MAAA;IACCe,OAAA,EAAQ;IACRC,UAAA,EAAU;IAEVC,QAAA,EAAS;IACTC,QAAA,EAAS;IACTC,SAAA,EAAU;IACVC,aAAA,EAAc;IACb,GAAGP,KAAA;IACJC;EAAA,CACF,GACAN,IACF;AACF,CAAC","ignoreList":[]}
|
|
@@ -6,7 +6,17 @@ import { IS_FABRIC, USE_NATIVE_PORTAL } from "./constants";
|
|
|
6
6
|
import { useStackedZIndex } from "./useStackedZIndex";
|
|
7
7
|
import { GorhomPortalItem } from "./GorhomPortalItem";
|
|
8
8
|
var createPortal = function() {
|
|
9
|
-
|
|
9
|
+
if (IS_FABRIC)
|
|
10
|
+
try {
|
|
11
|
+
return require("react-native/Libraries/Renderer/shims/ReactFabric").createPortal;
|
|
12
|
+
} catch (err) {
|
|
13
|
+
return console.info("Note: error importing portal, defaulting to non-native portals", err), null;
|
|
14
|
+
}
|
|
15
|
+
try {
|
|
16
|
+
return require("react-native/Libraries/Renderer/shims/ReactNative").createPortal;
|
|
17
|
+
} catch (err) {
|
|
18
|
+
return console.info("Note: error importing portal, defaulting to non-native portals", err), null;
|
|
19
|
+
}
|
|
10
20
|
}(), Portal = function(propsIn) {
|
|
11
21
|
var { stackZIndex, ...props } = propsIn, rootTag = React.useContext(RootTagContext), zIndex = useStackedZIndex(propsIn), contents = /* @__PURE__ */ _jsx(YStack, {
|
|
12
22
|
pointerEvents: "box-none",
|
|
@@ -16,7 +26,7 @@ var createPortal = function() {
|
|
|
16
26
|
...props,
|
|
17
27
|
zIndex
|
|
18
28
|
});
|
|
19
|
-
return !USE_NATIVE_PORTAL || !rootTag ? /* @__PURE__ */ _jsx(GorhomPortalItem, {
|
|
29
|
+
return !createPortal || !USE_NATIVE_PORTAL || !rootTag ? /* @__PURE__ */ _jsx(GorhomPortalItem, {
|
|
20
30
|
hostName: "root",
|
|
21
31
|
children: contents
|
|
22
32
|
}) : createPortal(contents, rootTag);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/portal/src/Portal.native.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,cAAc;AACvB,YAAYC,WAAW;AACvB,SAASC,sBAAsB;AAC/B,SAASC,WAAWC,yBAAyB;AAE7C,SAASC,wBAAwB;AACjC,SAASC,wBAAwB;AAEjC,IAAMC,eAAgB,WAAA;AACpB,
|
|
5
|
-
"names": ["YStack", "React", "RootTagContext", "IS_FABRIC", "USE_NATIVE_PORTAL", "useStackedZIndex", "GorhomPortalItem", "createPortal", "require", "Portal", "propsIn", "stackZIndex", "props", "rootTag", "useContext", "zIndex", "contents", "pointerEvents", "fullscreen", "position", "maxWidth", "hostName"]
|
|
4
|
+
"mappings": ";AAAA,SAASA,cAAc;AACvB,YAAYC,WAAW;AACvB,SAASC,sBAAsB;AAC/B,SAASC,WAAWC,yBAAyB;AAE7C,SAASC,wBAAwB;AACjC,SAASC,wBAAwB;AAEjC,IAAMC,eAAgB,WAAA;AACpB,MAAIJ;AACF,QAAI;AACF,aAAOK,QAAQ,mDAAA,EAAqDD;IACtE,SAASE,KAAK;AACZC,qBAAQC,KAAK,kEAAkEF,GAAAA,GACxE;IACT;AAEF,MAAI;AACF,WAAOD,QAAQ,mDAAA,EAAqDD;EACtE,SAASE,KAAK;AACZC,mBAAQC,KAAK,kEAAkEF,GAAAA,GACxE;EACT;AACF,EAAA,GAEaG,SAAS,SAACC,SAAAA;AACrB,MAAM,EAAEC,aAAa,GAAGC,MAAAA,IAAUF,SAE5BG,UAAUf,MAAMgB,WAAWf,cAAAA,GAC3BgB,SAASb,iBAAiBQ,OAAAA,GAE1BM,WACJ,qBAACnB,QAAAA;IACCoB,eAAc;IACdC,YAAU;IACVC,UAAS;IACTC,UAAS;IACR,GAAGR;IACJG;;AAIJ,SAAI,CAACX,gBAAgB,CAACH,qBAAqB,CAACY,UACnC,qBAACV,kBAAAA;IAAiBkB,UAAS;cAAQL;OAGrCZ,aAAaY,UAAUH,OAAAA;AAChC;",
|
|
5
|
+
"names": ["YStack", "React", "RootTagContext", "IS_FABRIC", "USE_NATIVE_PORTAL", "useStackedZIndex", "GorhomPortalItem", "createPortal", "require", "err", "console", "info", "Portal", "propsIn", "stackZIndex", "props", "rootTag", "useContext", "zIndex", "contents", "pointerEvents", "fullscreen", "position", "maxWidth", "hostName"]
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { useEffect, useId } from "react";
|
|
1
|
+
import { useEffect, useId, useMemo } from "react";
|
|
2
2
|
const CurrentPortalZIndices = {}, useStackedZIndex = (props) => {
|
|
3
|
-
const { stackZIndex, zIndex: zIndexProp = 1e3 } = props, zIndex = (() => {
|
|
3
|
+
const { stackZIndex, zIndex: zIndexProp = 1e3 } = props, id = useId(), zIndex = useMemo(() => {
|
|
4
4
|
if (stackZIndex) {
|
|
5
5
|
const highest = Object.values(CurrentPortalZIndices).reduce(
|
|
6
6
|
(acc, cur) => Math.max(acc, cur),
|
|
@@ -10,13 +10,13 @@ const CurrentPortalZIndices = {}, useStackedZIndex = (props) => {
|
|
|
10
10
|
}
|
|
11
11
|
if (zIndexProp)
|
|
12
12
|
return zIndexProp;
|
|
13
|
-
}
|
|
13
|
+
}, [stackZIndex]);
|
|
14
14
|
return useEffect(() => {
|
|
15
|
-
if (typeof
|
|
16
|
-
return CurrentPortalZIndices[id] =
|
|
15
|
+
if (typeof stackZIndex == "number")
|
|
16
|
+
return CurrentPortalZIndices[id] = stackZIndex, () => {
|
|
17
17
|
delete CurrentPortalZIndices[id];
|
|
18
18
|
};
|
|
19
|
-
}, [
|
|
19
|
+
}, [stackZIndex]), zIndex;
|
|
20
20
|
};
|
|
21
21
|
export {
|
|
22
22
|
useStackedZIndex
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useStackedZIndex.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,WAAW,
|
|
4
|
+
"mappings": "AAAA,SAAS,WAAW,OAAO,eAAe;AAG1C,MAAM,wBAAgD,CAAC,GAE1C,mBAAmB,CAAC,UAAuD;AACtF,QAAM,EAAE,aAAa,QAAQ,aAAa,IAAK,IAAI,OAC7C,KAAK,MAAM,GAEX,SAAS,QAAQ,MAAM;AAC3B,QAAI,aAAa;AACf,YAAM,UAAU,OAAO,OAAO,qBAAqB,EAAE;AAAA,QACnD,CAAC,KAAK,QAAQ,KAAK,IAAI,KAAK,GAAG;AAAA,QAC/B;AAAA,MACF;AACA,aAAO,KAAK,IAAI,aAAa,UAAU,CAAC;AAAA,IAC1C;AACA,QAAI;AACF,aAAO;AAAA,EAEX,GAAG,CAAC,WAAW,CAAC;AAEhB,mBAAU,MAAM;AACd,QAAI,OAAO,eAAgB;AACzB,mCAAsB,EAAE,IAAI,aACrB,MAAM;AACX,eAAO,sBAAsB,EAAE;AAAA,MACjC;AAAA,EAEJ,GAAG,CAAC,WAAW,CAAC,GAET;AACT;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { useEffect, useId } from "react";
|
|
1
|
+
import { useEffect, useId, useMemo } from "react";
|
|
2
2
|
const CurrentPortalZIndices = {},
|
|
3
3
|
useStackedZIndex = props => {
|
|
4
4
|
const {
|
|
5
5
|
stackZIndex,
|
|
6
6
|
zIndex: zIndexProp = 1e3
|
|
7
7
|
} = props,
|
|
8
|
-
|
|
8
|
+
id = useId(),
|
|
9
|
+
zIndex = useMemo(() => {
|
|
9
10
|
if (stackZIndex) {
|
|
10
11
|
const highest = Object.values(CurrentPortalZIndices).reduce((acc, cur) => Math.max(acc, cur), 0);
|
|
11
12
|
return Math.max(stackZIndex, highest + 1);
|
|
12
13
|
}
|
|
13
14
|
if (zIndexProp) return zIndexProp;
|
|
14
|
-
})
|
|
15
|
-
id = useId();
|
|
15
|
+
}, [stackZIndex]);
|
|
16
16
|
return useEffect(() => {
|
|
17
|
-
if (typeof
|
|
17
|
+
if (typeof stackZIndex == "number") return CurrentPortalZIndices[id] = stackZIndex, () => {
|
|
18
18
|
delete CurrentPortalZIndices[id];
|
|
19
19
|
};
|
|
20
|
-
}, [
|
|
20
|
+
}, [stackZIndex]), zIndex;
|
|
21
21
|
};
|
|
22
22
|
export { useStackedZIndex };
|
|
23
23
|
//# sourceMappingURL=useStackedZIndex.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useId","CurrentPortalZIndices","useStackedZIndex","props","stackZIndex","zIndex","zIndexProp","highest","Object","values","reduce","acc","cur","Math","max"
|
|
1
|
+
{"version":3,"names":["useEffect","useId","useMemo","CurrentPortalZIndices","useStackedZIndex","props","stackZIndex","zIndex","zIndexProp","id","highest","Object","values","reduce","acc","cur","Math","max"],"sources":["../../src/useStackedZIndex.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,KAAA,EAAOC,OAAA,QAAe;AAG1C,MAAMC,qBAAA,GAAgD,CAAC;EAE1CC,gBAAA,GAAoBC,KAAA,IAAuD;IACtF,MAAM;QAAEC,WAAA;QAAaC,MAAA,EAAQC,UAAA,GAAa;MAAK,IAAIH,KAAA;MAC7CI,EAAA,GAAKR,KAAA,CAAM;MAEXM,MAAA,GAASL,OAAA,CAAQ,MAAM;QAC3B,IAAII,WAAA,EAAa;UACf,MAAMI,OAAA,GAAUC,MAAA,CAAOC,MAAA,CAAOT,qBAAqB,EAAEU,MAAA,CACnD,CAACC,GAAA,EAAKC,GAAA,KAAQC,IAAA,CAAKC,GAAA,CAAIH,GAAA,EAAKC,GAAG,GAC/B,CACF;UACA,OAAOC,IAAA,CAAKC,GAAA,CAAIX,WAAA,EAAaI,OAAA,GAAU,CAAC;QAC1C;QACA,IAAIF,UAAA,EACF,OAAOA,UAAA;MAEX,GAAG,CAACF,WAAW,CAAC;IAEhB,OAAAN,SAAA,CAAU,MAAM;MACd,IAAI,OAAOM,WAAA,IAAgB,UACzB,OAAAH,qBAAA,CAAsBM,EAAE,IAAIH,WAAA,EACrB,MAAM;QACX,OAAOH,qBAAA,CAAsBM,EAAE;MACjC;IAEJ,GAAG,CAACH,WAAW,CAAC,GAETC,MAAA;EACT","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { useEffect, useId } from "react";
|
|
1
|
+
import { useEffect, useId, useMemo } from "react";
|
|
2
2
|
var CurrentPortalZIndices = {}, useStackedZIndex = function(props) {
|
|
3
|
-
var { stackZIndex, zIndex: zIndexProp = 1e3 } = props, zIndex = function() {
|
|
3
|
+
var { stackZIndex, zIndex: zIndexProp = 1e3 } = props, id = useId(), zIndex = useMemo(function() {
|
|
4
4
|
if (stackZIndex) {
|
|
5
5
|
var highest = Object.values(CurrentPortalZIndices).reduce(function(acc, cur) {
|
|
6
6
|
return Math.max(acc, cur);
|
|
@@ -9,14 +9,16 @@ var CurrentPortalZIndices = {}, useStackedZIndex = function(props) {
|
|
|
9
9
|
}
|
|
10
10
|
if (zIndexProp)
|
|
11
11
|
return zIndexProp;
|
|
12
|
-
}
|
|
12
|
+
}, [
|
|
13
|
+
stackZIndex
|
|
14
|
+
]);
|
|
13
15
|
return useEffect(function() {
|
|
14
|
-
if (typeof
|
|
15
|
-
return CurrentPortalZIndices[id] =
|
|
16
|
+
if (typeof stackZIndex == "number")
|
|
17
|
+
return CurrentPortalZIndices[id] = stackZIndex, function() {
|
|
16
18
|
delete CurrentPortalZIndices[id];
|
|
17
19
|
};
|
|
18
20
|
}, [
|
|
19
|
-
|
|
21
|
+
stackZIndex
|
|
20
22
|
]), zIndex;
|
|
21
23
|
};
|
|
22
24
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/portal/src/useStackedZIndex.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAASA,WAAWC,
|
|
5
|
-
"names": ["useEffect", "useId", "CurrentPortalZIndices", "useStackedZIndex", "props", "stackZIndex", "zIndex", "zIndexProp", "highest", "Object", "values", "reduce", "acc", "cur", "Math", "max"
|
|
4
|
+
"mappings": "AAAA,SAASA,WAAWC,OAAOC,eAAe;AAG1C,IAAMC,wBAAgD,CAAC,GAE1CC,mBAAmB,SAACC,OAAAA;AAC/B,MAAM,EAAEC,aAAaC,QAAQC,aAAa,IAAI,IAAKH,OAC7CI,KAAKR,MAAAA,GAELM,SAASL,QAAQ,WAAA;AACrB,QAAII,aAAa;AACf,UAAMI,UAAUC,OAAOC,OAAOT,qBAAAA,EAAuBU,OACnD,SAACC,KAAKC,KAAAA;eAAQC,KAAKC,IAAIH,KAAKC,GAAAA;SAC5B,CAAA;AAEF,aAAOC,KAAKC,IAAIX,aAAaI,UAAU,CAAA;IACzC;AACA,QAAIF;AACF,aAAOA;EAEX,GAAG;IAACF;GAAY;AAEhBN,mBAAU,WAAA;AACR,QAAI,OAAOM,eAAgB;AACzBH,mCAAsBM,EAAAA,IAAMH,aACrB,WAAA;AACL,eAAOH,sBAAsBM,EAAAA;MAC/B;EAEJ,GAAG;IAACH;GAAY,GAETC;AACT;",
|
|
5
|
+
"names": ["useEffect", "useId", "useMemo", "CurrentPortalZIndices", "useStackedZIndex", "props", "stackZIndex", "zIndex", "zIndexProp", "id", "highest", "Object", "values", "reduce", "acc", "cur", "Math", "max"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/portal",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.120.1",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"types": "./types/index.d.ts",
|
|
6
6
|
"main": "dist/cjs",
|
|
@@ -32,15 +32,15 @@
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@tamagui/constants": "1.
|
|
36
|
-
"@tamagui/core": "1.
|
|
37
|
-
"@tamagui/stacks": "1.
|
|
38
|
-
"@tamagui/start-transition": "1.
|
|
39
|
-
"@tamagui/use-did-finish-ssr": "1.
|
|
40
|
-
"@tamagui/use-event": "1.
|
|
35
|
+
"@tamagui/constants": "1.120.1",
|
|
36
|
+
"@tamagui/core": "1.120.1",
|
|
37
|
+
"@tamagui/stacks": "1.120.1",
|
|
38
|
+
"@tamagui/start-transition": "1.120.1",
|
|
39
|
+
"@tamagui/use-did-finish-ssr": "1.120.1",
|
|
40
|
+
"@tamagui/use-event": "1.120.1"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@tamagui/build": "1.
|
|
43
|
+
"@tamagui/build": "1.120.1",
|
|
44
44
|
"react-native": "0.74.1"
|
|
45
45
|
},
|
|
46
46
|
"publishConfig": {
|
package/src/Portal.native.tsx
CHANGED
|
@@ -8,9 +8,19 @@ import { GorhomPortalItem } from './GorhomPortalItem'
|
|
|
8
8
|
|
|
9
9
|
const createPortal = (() => {
|
|
10
10
|
if (IS_FABRIC) {
|
|
11
|
-
|
|
11
|
+
try {
|
|
12
|
+
return require('react-native/Libraries/Renderer/shims/ReactFabric').createPortal
|
|
13
|
+
} catch (err) {
|
|
14
|
+
console.info(`Note: error importing portal, defaulting to non-native portals`, err)
|
|
15
|
+
return null
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
try {
|
|
19
|
+
return require('react-native/Libraries/Renderer/shims/ReactNative').createPortal
|
|
20
|
+
} catch (err) {
|
|
21
|
+
console.info(`Note: error importing portal, defaulting to non-native portals`, err)
|
|
22
|
+
return null
|
|
12
23
|
}
|
|
13
|
-
return require('react-native/Libraries/Renderer/shims/ReactNative').createPortal
|
|
14
24
|
})()
|
|
15
25
|
|
|
16
26
|
export const Portal = (propsIn: PortalProps) => {
|
|
@@ -30,7 +40,7 @@ export const Portal = (propsIn: PortalProps) => {
|
|
|
30
40
|
/>
|
|
31
41
|
)
|
|
32
42
|
|
|
33
|
-
if (!USE_NATIVE_PORTAL || !rootTag) {
|
|
43
|
+
if (!createPortal || !USE_NATIVE_PORTAL || !rootTag) {
|
|
34
44
|
return <GorhomPortalItem hostName="root">{contents}</GorhomPortalItem>
|
|
35
45
|
}
|
|
36
46
|
|
package/src/Portal.tsx
CHANGED
package/src/useStackedZIndex.tsx
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { useEffect, useId } from 'react'
|
|
1
|
+
import { useEffect, useId, useMemo } from 'react'
|
|
2
2
|
import type { PortalProps } from './PortalProps'
|
|
3
3
|
|
|
4
4
|
const CurrentPortalZIndices: Record<string, number> = {}
|
|
5
5
|
|
|
6
6
|
export const useStackedZIndex = (props: Pick<PortalProps, 'zIndex' | 'stackZIndex'>) => {
|
|
7
7
|
const { stackZIndex, zIndex: zIndexProp = 1000 } = props
|
|
8
|
+
const id = useId()
|
|
8
9
|
|
|
9
|
-
const zIndex = (() => {
|
|
10
|
+
const zIndex = useMemo(() => {
|
|
10
11
|
if (stackZIndex) {
|
|
11
12
|
const highest = Object.values(CurrentPortalZIndices).reduce(
|
|
12
13
|
(acc, cur) => Math.max(acc, cur),
|
|
@@ -17,18 +18,16 @@ export const useStackedZIndex = (props: Pick<PortalProps, 'zIndex' | 'stackZInde
|
|
|
17
18
|
if (zIndexProp) {
|
|
18
19
|
return zIndexProp
|
|
19
20
|
}
|
|
20
|
-
})
|
|
21
|
-
|
|
22
|
-
const id = useId()
|
|
21
|
+
}, [stackZIndex])
|
|
23
22
|
|
|
24
23
|
useEffect(() => {
|
|
25
|
-
if (typeof
|
|
26
|
-
CurrentPortalZIndices[id] =
|
|
24
|
+
if (typeof stackZIndex === 'number') {
|
|
25
|
+
CurrentPortalZIndices[id] = stackZIndex
|
|
27
26
|
return () => {
|
|
28
27
|
delete CurrentPortalZIndices[id]
|
|
29
28
|
}
|
|
30
29
|
}
|
|
31
|
-
}, [
|
|
30
|
+
}, [stackZIndex])
|
|
32
31
|
|
|
33
32
|
return zIndex
|
|
34
33
|
}
|
package/types/Portal.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../src/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAI9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAKhD,eAAO,MAAM,MAAM,sCAAwB,WAAW,
|
|
1
|
+
{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../src/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAI9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAKhD,eAAO,MAAM,MAAM,sCAAwB,WAAW,SAsBpD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.native.d.ts","sourceRoot":"","sources":["../src/Portal.native.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"Portal.native.d.ts","sourceRoot":"","sources":["../src/Portal.native.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAqBhD,eAAO,MAAM,MAAM,YAAa,WAAW,QAsB1C,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useStackedZIndex.d.ts","sourceRoot":"","sources":["../src/useStackedZIndex.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAIhD,eAAO,MAAM,gBAAgB,UAAW,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,aAAa,CAAC,
|
|
1
|
+
{"version":3,"file":"useStackedZIndex.d.ts","sourceRoot":"","sources":["../src/useStackedZIndex.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAIhD,eAAO,MAAM,gBAAgB,UAAW,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,aAAa,CAAC,iHA2BlF,CAAA"}
|