@tamagui/z-index-stack 2.7.7 → 3.0.0-beta.637.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.
Files changed (46) hide show
  1. package/dist/cjs/StackZIndex.cjs +28 -34
  2. package/dist/cjs/StackZIndex.native.cjs +44 -0
  3. package/dist/cjs/StackZIndex.native.js +29 -34
  4. package/dist/cjs/StackZIndex.native.js.map +1 -1
  5. package/dist/cjs/context.cjs +16 -17
  6. package/dist/cjs/context.native.cjs +32 -0
  7. package/dist/cjs/context.native.js +16 -16
  8. package/dist/cjs/context.native.js.map +1 -1
  9. package/dist/cjs/index.cjs +10 -11
  10. package/dist/cjs/index.native.cjs +23 -0
  11. package/dist/cjs/index.native.js +10 -10
  12. package/dist/cjs/index.native.js.map +1 -1
  13. package/dist/cjs/types.cjs +10 -11
  14. package/dist/cjs/types.native.cjs +19 -0
  15. package/dist/cjs/types.native.js +10 -10
  16. package/dist/cjs/types.native.js.map +1 -1
  17. package/dist/cjs/useStackedZIndex.cjs +75 -80
  18. package/dist/cjs/useStackedZIndex.native.cjs +96 -0
  19. package/dist/cjs/useStackedZIndex.native.js +80 -84
  20. package/dist/cjs/useStackedZIndex.native.js.map +1 -1
  21. package/dist/esm/StackZIndex.mjs +15 -16
  22. package/dist/esm/StackZIndex.mjs.map +1 -1
  23. package/dist/esm/StackZIndex.native.js +17 -18
  24. package/dist/esm/StackZIndex.native.js.map +1 -1
  25. package/dist/esm/context.mjs +2 -0
  26. package/dist/esm/context.mjs.map +1 -1
  27. package/dist/esm/context.native.js +2 -0
  28. package/dist/esm/context.native.js.map +1 -1
  29. package/dist/esm/index.js +5 -4
  30. package/dist/esm/index.mjs +5 -4
  31. package/dist/esm/index.native.js +5 -4
  32. package/dist/esm/types.mjs +0 -2
  33. package/dist/esm/types.native.js +0 -2
  34. package/dist/esm/useStackedZIndex.mjs +62 -62
  35. package/dist/esm/useStackedZIndex.mjs.map +1 -1
  36. package/dist/esm/useStackedZIndex.native.js +67 -67
  37. package/dist/esm/useStackedZIndex.native.js.map +1 -1
  38. package/package.json +2 -2
  39. package/types/StackZIndex.d.ts +1 -1
  40. package/types/StackZIndex.d.ts.map +1 -1
  41. package/types/useStackedZIndex.d.ts.map +1 -1
  42. package/dist/esm/index.js.map +0 -1
  43. package/dist/esm/index.mjs.map +0 -1
  44. package/dist/esm/index.native.js.map +0 -1
  45. package/dist/esm/types.mjs.map +0 -1
  46. package/dist/esm/types.native.js.map +0 -1
package/dist/esm/index.js CHANGED
@@ -1,4 +1,5 @@
1
- export * from "./useStackedZIndex.mjs";
2
- export * from "./StackZIndex.mjs";
3
- export * from "./context.mjs";
4
- //# sourceMappingURL=index.js.map
1
+ export * from "./useStackedZIndex.mjs"
2
+
3
+ export * from "./StackZIndex.mjs"
4
+
5
+ export * from "./context.mjs"
@@ -1,4 +1,5 @@
1
- export * from "./useStackedZIndex.mjs";
2
- export * from "./StackZIndex.mjs";
3
- export * from "./context.mjs";
4
- //# sourceMappingURL=index.mjs.map
1
+ export * from "./useStackedZIndex.mjs"
2
+
3
+ export * from "./StackZIndex.mjs"
4
+
5
+ export * from "./context.mjs"
@@ -1,4 +1,5 @@
1
- export * from "./useStackedZIndex.native.js";
2
- export * from "./StackZIndex.native.js";
3
- export * from "./context.native.js";
4
- //# sourceMappingURL=index.native.js.map
1
+ export * from "./useStackedZIndex.native.js"
2
+
3
+ export * from "./StackZIndex.native.js"
4
+
5
+ export * from "./context.native.js"
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=types.mjs.map
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=types.native.js.map
@@ -1,69 +1,69 @@
1
1
  import { useContext, useEffect, useId, useMemo } from "react";
2
2
  import { ZIndexHardcodedContext, ZIndexStackContext } from "./context.mjs";
3
+
3
4
  const ZIndicesByContext = {};
4
5
  const CurrentPortalZIndices = {};
5
- const useStackedZIndex = props => {
6
- if (process.env.TAMAGUI_STACK_Z_INDEX_GLOBAL) {
7
- const {
8
- stackZIndex,
9
- zIndex: zIndexProp
10
- } = props;
11
- const id = useId();
12
- const zIndex = useMemo(() => {
13
- if (stackZIndex && stackZIndex !== "global" && zIndexProp === void 0) {
14
- const highest = Object.values(CurrentPortalZIndices).reduce((acc, cur) => Math.max(acc, cur), 0);
15
- return Math.max(stackZIndex === true ? 1 : stackZIndex, highest + 1);
16
- }
17
- return zIndexProp ?? 1e3;
18
- }, [stackZIndex]);
19
- useEffect(() => {
20
- if (typeof stackZIndex === "number") {
21
- CurrentPortalZIndices[id] = stackZIndex;
22
- return () => {
23
- delete CurrentPortalZIndices[id];
24
- };
25
- }
26
- }, [stackZIndex]);
27
- return zIndex;
28
- } else {
29
- const {
30
- stackZIndex,
31
- zIndex: zIndexProp
32
- } = props;
33
- const id = useId();
34
- const stackingContextLevel = useContext(ZIndexStackContext);
35
- const stackLayer = stackZIndex === "global" ? 0 : stackingContextLevel;
36
- const hardcoded = useContext(ZIndexHardcodedContext);
37
- ZIndicesByContext[stackLayer] ||= {};
38
- const stackContext = ZIndicesByContext[stackLayer];
39
- const zIndex = useMemo(() => {
40
- if (typeof zIndexProp === "number") {
41
- return zIndexProp;
42
- }
43
- if (stackZIndex) {
44
- if (hardcoded) {
45
- return hardcoded + 1;
46
- }
47
- const entries = Object.values(stackContext);
48
- const baseForLayer = stackLayer * 5e3;
49
- const nextLayerBase = (stackLayer + 1) * 5e3;
50
- const validEntries = entries.filter(z => z < nextLayerBase);
51
- const highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer;
52
- const nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
53
- return typeof stackZIndex === "number" ? stackZIndex + nextZIndex : nextZIndex;
54
- }
55
- return 1;
56
- }, [stackLayer, zIndexProp, stackZIndex]);
57
- useEffect(() => {
58
- if (stackZIndex) {
59
- stackContext[id] = zIndex;
60
- return () => {
61
- delete stackContext[id];
62
- };
63
- }
64
- }, [zIndex]);
65
- return zIndex;
66
- }
6
+ const useStackedZIndex = (props) => {
7
+ if (process.env.TAMAGUI_STACK_Z_INDEX_GLOBAL) {
8
+ const { stackZIndex, zIndex: zIndexProp } = props;
9
+ const id = useId();
10
+ const zIndex = useMemo(() => {
11
+ if (stackZIndex && stackZIndex !== "global" && zIndexProp === void 0) {
12
+ const highest = Object.values(CurrentPortalZIndices).reduce((acc, cur) => Math.max(acc, cur), 0);
13
+ return Math.max(stackZIndex === true ? 1 : stackZIndex, highest + 1);
14
+ }
15
+ return zIndexProp ?? 1e3;
16
+ }, [stackZIndex]);
17
+ useEffect(() => {
18
+ if (typeof stackZIndex === "number") {
19
+ CurrentPortalZIndices[id] = stackZIndex;
20
+ return () => {
21
+ delete CurrentPortalZIndices[id];
22
+ };
23
+ }
24
+ }, [stackZIndex]);
25
+ return zIndex;
26
+ } else {
27
+ const { stackZIndex, zIndex: zIndexProp } = props;
28
+ const id = useId();
29
+ const stackingContextLevel = useContext(ZIndexStackContext);
30
+ const stackLayer = stackZIndex === "global" ? 0 : stackingContextLevel;
31
+ const hardcoded = useContext(ZIndexHardcodedContext);
32
+ ZIndicesByContext[stackLayer] ||= {};
33
+ const stackContext = ZIndicesByContext[stackLayer];
34
+ const zIndex = useMemo(() => {
35
+ if (typeof zIndexProp === "number") {
36
+ return zIndexProp;
37
+ }
38
+ if (stackZIndex) {
39
+ if (hardcoded) {
40
+ return hardcoded + 1;
41
+ }
42
+ const entries = Object.values(stackContext);
43
+ const baseForLayer = stackLayer * 5e3;
44
+ const nextLayerBase = (stackLayer + 1) * 5e3;
45
+ const validEntries = entries.filter((z) => z < nextLayerBase);
46
+ const highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer;
47
+ const nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
48
+ return typeof stackZIndex === "number" ? stackZIndex + nextZIndex : nextZIndex;
49
+ }
50
+ return 1;
51
+ }, [
52
+ stackLayer,
53
+ zIndexProp,
54
+ stackZIndex
55
+ ]);
56
+ useEffect(() => {
57
+ if (stackZIndex) {
58
+ stackContext[id] = zIndex;
59
+ return () => {
60
+ delete stackContext[id];
61
+ };
62
+ }
63
+ }, [zIndex]);
64
+ return zIndex;
65
+ }
67
66
  };
67
+
68
68
  export { useStackedZIndex };
69
69
  //# sourceMappingURL=useStackedZIndex.mjs.map
@@ -1 +1 @@
1
- {"version":3,"names":["useContext","useEffect","useId","useMemo","ZIndexHardcodedContext","ZIndexStackContext","ZIndicesByContext","CurrentPortalZIndices","useStackedZIndex","props","process","env","TAMAGUI_STACK_Z_INDEX_GLOBAL","stackZIndex","zIndex","zIndexProp","id","highest","Object","values","reduce","acc","cur","Math","max","stackingContextLevel","stackLayer","hardcoded","stackContext","entries","baseForLayer","nextLayerBase","validEntries","filter","z","length","nextZIndex"],"sources":["../../src/useStackedZIndex.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"useStackedZIndex.js","names":[],"sources":["esm/useStackedZIndex.js"],"sourcesContent":["import { useContext, useEffect, useId, useMemo } from \"react\";\nimport { ZIndexHardcodedContext, ZIndexStackContext } from \"./context\";\nconst ZIndicesByContext = {};\nconst CurrentPortalZIndices = {};\nconst useStackedZIndex = (props) => {\n if (process.env.TAMAGUI_STACK_Z_INDEX_GLOBAL) {\n const { stackZIndex, zIndex: zIndexProp } = props;\n const id = useId();\n const zIndex = useMemo(() => {\n if (stackZIndex && stackZIndex !== \"global\" && zIndexProp === void 0) {\n const highest = Object.values(CurrentPortalZIndices).reduce(\n (acc, cur) => Math.max(acc, cur),\n 0\n );\n return Math.max(stackZIndex === true ? 1 : stackZIndex, highest + 1);\n }\n return zIndexProp ?? 1e3;\n }, [stackZIndex]);\n useEffect(() => {\n if (typeof stackZIndex === \"number\") {\n CurrentPortalZIndices[id] = stackZIndex;\n return () => {\n delete CurrentPortalZIndices[id];\n };\n }\n }, [stackZIndex]);\n return zIndex;\n } else {\n const { stackZIndex, zIndex: zIndexProp } = props;\n const id = useId();\n const stackingContextLevel = useContext(ZIndexStackContext);\n const stackLayer = stackZIndex === \"global\" ? 0 : stackingContextLevel;\n const hardcoded = useContext(ZIndexHardcodedContext);\n ZIndicesByContext[stackLayer] ||= {};\n const stackContext = ZIndicesByContext[stackLayer];\n const zIndex = useMemo(() => {\n if (typeof zIndexProp === \"number\") {\n return zIndexProp;\n }\n if (stackZIndex) {\n if (hardcoded) {\n return hardcoded + 1;\n }\n const entries = Object.values(stackContext);\n const baseForLayer = stackLayer * 5e3;\n const nextLayerBase = (stackLayer + 1) * 5e3;\n const validEntries = entries.filter((z) => z < nextLayerBase);\n const highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer;\n const nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;\n return typeof stackZIndex === \"number\" ? stackZIndex + nextZIndex : nextZIndex;\n }\n return 1;\n }, [stackLayer, zIndexProp, stackZIndex]);\n useEffect(() => {\n if (stackZIndex) {\n stackContext[id] = zIndex;\n return () => {\n delete stackContext[id];\n };\n }\n }, [zIndex]);\n return zIndex;\n }\n};\nexport {\n useStackedZIndex\n};\n//# sourceMappingURL=useStackedZIndex.js.map\n"],"mappings":";;;;AAEA,MAAM,oBAAoB,CAAC;AAC3B,MAAM,wBAAwB,CAAC;AAC/B,MAAM,oBAAoB,UAAU;CAClC,IAAI,QAAQ,IAAI,8BAA8B;EAC5C,MAAM,EAAE,aAAa,QAAQ,eAAe;EAC5C,MAAM,KAAK,MAAM;EACjB,MAAM,SAAS,cAAc;GAC3B,IAAI,eAAe,gBAAgB,YAAY,eAAe,KAAK,GAAG;IACpE,MAAM,UAAU,OAAO,OAAO,qBAAqB,EAAE,QAClD,KAAK,QAAQ,KAAK,IAAI,KAAK,GAAG,GAC/B,CACF;IACA,OAAO,KAAK,IAAI,gBAAgB,OAAO,IAAI,aAAa,UAAU,CAAC;GACrE;GACA,OAAO,cAAc;EACvB,GAAG,CAAC,WAAW,CAAC;EAChB,gBAAgB;GACd,IAAI,OAAO,gBAAgB,UAAU;IACnC,sBAAsB,MAAM;IAC5B,aAAa;KACX,OAAO,sBAAsB;IAC/B;GACF;EACF,GAAG,CAAC,WAAW,CAAC;EAChB,OAAO;CACT,OAAO;EACL,MAAM,EAAE,aAAa,QAAQ,eAAe;EAC5C,MAAM,KAAK,MAAM;EACjB,MAAM,uBAAuB,WAAW,kBAAkB;EAC1D,MAAM,aAAa,gBAAgB,WAAW,IAAI;EAClD,MAAM,YAAY,WAAW,sBAAsB;EACnD,kBAAkB,gBAAgB,CAAC;EACnC,MAAM,eAAe,kBAAkB;EACvC,MAAM,SAAS,cAAc;GAC3B,IAAI,OAAO,eAAe,UAAU;IAClC,OAAO;GACT;GACA,IAAI,aAAa;IACf,IAAI,WAAW;KACb,OAAO,YAAY;IACrB;IACA,MAAM,UAAU,OAAO,OAAO,YAAY;IAC1C,MAAM,eAAe,aAAa;IAClC,MAAM,iBAAiB,aAAa,KAAK;IACzC,MAAM,eAAe,QAAQ,QAAQ,MAAM,IAAI,aAAa;IAC5D,MAAM,UAAU,aAAa,SAAS,IAAI,KAAK,IAAI,GAAG,YAAY,IAAI;IACtE,MAAM,aAAa,YAAY,eAAe,eAAe,IAAI,UAAU;IAC3E,OAAO,OAAO,gBAAgB,WAAW,cAAc,aAAa;GACtE;GACA,OAAO;EACT,GAAG;GAAC;GAAY;GAAY;EAAW,CAAC;EACxC,gBAAgB;GACd,IAAI,aAAa;IACf,aAAa,MAAM;IACnB,aAAa;KACX,OAAO,aAAa;IACtB;GACF;EACF,GAAG,CAAC,MAAM,CAAC;EACX,OAAO;CACT;AACF"}
@@ -1,74 +1,74 @@
1
1
  import { useContext, useEffect, useId, useMemo } from "react";
2
2
  import { ZIndexHardcodedContext, ZIndexStackContext } from "./context.native.js";
3
+
3
4
  var ZIndicesByContext = {};
4
5
  var CurrentPortalZIndices = {};
5
- var useStackedZIndex = function (props) {
6
- if (process.env.TAMAGUI_STACK_Z_INDEX_GLOBAL) {
7
- var {
8
- stackZIndex,
9
- zIndex: zIndexProp
10
- } = props;
11
- var id = useId();
12
- var zIndex = useMemo(function () {
13
- if (stackZIndex && stackZIndex !== "global" && zIndexProp === void 0) {
14
- var highest = Object.values(CurrentPortalZIndices).reduce(function (acc, cur) {
15
- return Math.max(acc, cur);
16
- }, 0);
17
- return Math.max(stackZIndex === true ? 1 : stackZIndex, highest + 1);
18
- }
19
- return zIndexProp !== null && zIndexProp !== void 0 ? zIndexProp : 1e3;
20
- }, [stackZIndex]);
21
- useEffect(function () {
22
- if (typeof stackZIndex === "number") {
23
- CurrentPortalZIndices[id] = stackZIndex;
24
- return function () {
25
- delete CurrentPortalZIndices[id];
26
- };
27
- }
28
- }, [stackZIndex]);
29
- return zIndex;
30
- } else {
31
- var _ZIndicesByContext, _stackLayer;
32
- var {
33
- stackZIndex: stackZIndex1,
34
- zIndex: zIndexProp1
35
- } = props;
36
- var id1 = useId();
37
- var stackingContextLevel = useContext(ZIndexStackContext);
38
- var stackLayer = stackZIndex1 === "global" ? 0 : stackingContextLevel;
39
- var hardcoded = useContext(ZIndexHardcodedContext);
40
- (_ZIndicesByContext = ZIndicesByContext)[_stackLayer = stackLayer] || (_ZIndicesByContext[_stackLayer] = {});
41
- var stackContext = ZIndicesByContext[stackLayer];
42
- var zIndex1 = useMemo(function () {
43
- if (typeof zIndexProp1 === "number") {
44
- return zIndexProp1;
45
- }
46
- if (stackZIndex1) {
47
- if (hardcoded) {
48
- return hardcoded + 1;
49
- }
50
- var entries = Object.values(stackContext);
51
- var baseForLayer = stackLayer * 5e3;
52
- var nextLayerBase = (stackLayer + 1) * 5e3;
53
- var validEntries = entries.filter(function (z) {
54
- return z < nextLayerBase;
55
- });
56
- var highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer;
57
- var nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
58
- return typeof stackZIndex1 === "number" ? stackZIndex1 + nextZIndex : nextZIndex;
59
- }
60
- return 1;
61
- }, [stackLayer, zIndexProp1, stackZIndex1]);
62
- useEffect(function () {
63
- if (stackZIndex1) {
64
- stackContext[id1] = zIndex1;
65
- return function () {
66
- delete stackContext[id1];
67
- };
68
- }
69
- }, [zIndex1]);
70
- return zIndex1;
71
- }
6
+ var useStackedZIndex = function(props) {
7
+ if (process.env.TAMAGUI_STACK_Z_INDEX_GLOBAL) {
8
+ var { stackZIndex, zIndex: zIndexProp } = props;
9
+ var id = useId();
10
+ var zIndex = useMemo(function() {
11
+ if (stackZIndex && stackZIndex !== "global" && zIndexProp === void 0) {
12
+ var highest = Object.values(CurrentPortalZIndices).reduce(function(acc, cur) {
13
+ return Math.max(acc, cur);
14
+ }, 0);
15
+ return Math.max(stackZIndex === true ? 1 : stackZIndex, highest + 1);
16
+ }
17
+ return zIndexProp !== null && zIndexProp !== void 0 ? zIndexProp : 1e3;
18
+ }, [stackZIndex]);
19
+ useEffect(function() {
20
+ if (typeof stackZIndex === "number") {
21
+ CurrentPortalZIndices[id] = stackZIndex;
22
+ return function() {
23
+ delete CurrentPortalZIndices[id];
24
+ };
25
+ }
26
+ }, [stackZIndex]);
27
+ return zIndex;
28
+ } else {
29
+ var _ZIndicesByContext, _stackLayer;
30
+ var { stackZIndex: stackZIndex1, zIndex: zIndexProp1 } = props;
31
+ var id1 = useId();
32
+ var stackingContextLevel = useContext(ZIndexStackContext);
33
+ var stackLayer = stackZIndex1 === "global" ? 0 : stackingContextLevel;
34
+ var hardcoded = useContext(ZIndexHardcodedContext);
35
+ (_ZIndicesByContext = ZIndicesByContext)[_stackLayer = stackLayer] || (_ZIndicesByContext[_stackLayer] = {});
36
+ var stackContext = ZIndicesByContext[stackLayer];
37
+ var zIndex1 = useMemo(function() {
38
+ if (typeof zIndexProp1 === "number") {
39
+ return zIndexProp1;
40
+ }
41
+ if (stackZIndex1) {
42
+ if (hardcoded) {
43
+ return hardcoded + 1;
44
+ }
45
+ var entries = Object.values(stackContext);
46
+ var baseForLayer = stackLayer * 5e3;
47
+ var nextLayerBase = (stackLayer + 1) * 5e3;
48
+ var validEntries = entries.filter(function(z) {
49
+ return z < nextLayerBase;
50
+ });
51
+ var highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer;
52
+ var nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
53
+ return typeof stackZIndex1 === "number" ? stackZIndex1 + nextZIndex : nextZIndex;
54
+ }
55
+ return 1;
56
+ }, [
57
+ stackLayer,
58
+ zIndexProp1,
59
+ stackZIndex1
60
+ ]);
61
+ useEffect(function() {
62
+ if (stackZIndex1) {
63
+ stackContext[id1] = zIndex1;
64
+ return function() {
65
+ delete stackContext[id1];
66
+ };
67
+ }
68
+ }, [zIndex1]);
69
+ return zIndex1;
70
+ }
72
71
  };
72
+
73
73
  export { useStackedZIndex };
74
74
  //# sourceMappingURL=useStackedZIndex.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["useContext","useEffect","useId","useMemo","ZIndexHardcodedContext","ZIndexStackContext","ZIndicesByContext","CurrentPortalZIndices","useStackedZIndex","props","process","env","TAMAGUI_STACK_Z_INDEX_GLOBAL","stackZIndex","zIndex","zIndexProp","id","highest","Object","values","reduce","acc","cur","Math","max","_ZIndicesByContext","_stackLayer","stackZIndex1","zIndexProp1","id1","stackingContextLevel","stackLayer","hardcoded","stackContext","zIndex1","entries","baseForLayer","nextLayerBase","validEntries","filter","z","length","nextZIndex"],"sources":["../../src/useStackedZIndex.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,EAAYC,SAAA,EAAWC,KAAA,EAAOC,OAAA,QAAe;AACtD,SAASC,sBAAA,EAAwBC,kBAAA,QAA0B;AAI3D,IAAAC,iBAAM,KAA4D;AAGlE,IAAAC,qBAAM,KAAgD;AAE/C,IAAAC,gBAAM,YAAAA,CAAoBC,KAG3B;EACJ,IAAIC,OAAA,CAAQC,GAAA,CAAIC,4BAAA,EAA8B;IAC5C;MAAMC,WAAE;MAAAC,MAAa,EAAAC;IAAQ,IAAWN,KAAI;IAC5C,IAAAO,EAAM,GAAAd,KAAK;IAEX,IAAAY,MAAM,GAAAX,OAAS,aAAc;MAC3B,IAAIU,WAAA,IAAeA,WAAA,KAAgB,YAAYE,UAAA,KAAe,QAAW;QACvE,IAAAE,OAAM,GAAAC,MAAU,CAAAC,MAAO,CAAAZ,qBAAO,EAAqBa,MAAE,WAAAC,GAAA,EAAAC,GAAA;UACnD,OAAMC,IAAA,CAAAC,GAAQ,CAAAH,GAAK,EAAAC,GAAI;QAAQ,GAC/B;QACF,OAAAC,IAAA,CAAAC,GAAA,CAAAX,WAAA,gBAAAA,WAAA,EAAAI,OAAA;MACA;MACF,OAAAF,UAAA,aAAAA,UAAA,cAAAA,UAAA;IACA,IACFF,WAAI,CAEJ;IACEZ,SAAI,aAAO;MACT,WAAAY,WAAA,KAAwB,QAAI;QAC5BN,qBAAa,CAAAS,EAAA,IAAAH,WAAA;QACX,mBAAO;UACT,OAAAN,qBAAA,CAAAS,EAAA;QACF;MACF;IAEA,IACFH,WAAO,CACL;IACA,OAAMC,MAAK;EACX;IACA,IAAAW,kBAAmB,EAAAC,WAAgB;IACnC;MAAMb,WAAA,EAAYc,YAAW;MAAAb,MAAA,EAAAc;IAAsB,IAAAnB,KAAA;IAEnD,IAAAoB,GAAA,GAAA3B,KAAA;IACA,IAAA4B,oBAAqB,GAAA9B,UAAA,CAAAK,kBAA4B;IAEjD,IAAA0B,UAAM,GAASJ,YAAc,oBAAAG,oBAAA;IAC3B,IAAAE,SAAW,GAAAhC,UAAA,CAAAI,sBAAyB;IAClC,CAAAqB,kBAAO,GAAAnB,iBAAA,EAAAoB,WAAA,GAAAK,UAAA,MAAAN,kBAAA,CAAAC,WAAA;IAAA,IACTO,YAAA,GAAA3B,iBAAA,CAAAyB,UAAA;IAEA,IAAAG,OAAI,GAAA/B,OAAa;MACf,WAAIyB,WAAW;QACb,OAAAA,WAAO;MAAY;MAGrB,IAAAD,YAAM,EAAU;QAChB,IAAAK,SAAM;UACN,OAAMA,SAAA;QAIN;QAEA,IAAAG,OAAM,GAAAjB,MAAU,CAAAC,MAAA,CAAAc,YAAsB;QAGtC,IAAAG,YAAM,GAAaL,UAAA,GAAY;QAG/B,IAAAM,aAAc,IAAAN,UAAgB,WAAW;QAC3C,IAAAO,YAAA,GAAAH,OAAA,CAAAI,MAAA,WAAAC,CAAA;UAEA,OAAOA,CAAA,GAAAH,aAAA;QACL;QAEJ,IAAApB,OAAU,GAAMqB,YAAA,CAAAG,MAAA,OAAAlB,IAAA,CAAAC,GAAA,IAAAc,YAAA,IAAAF,YAAA;QACd,IAAIM,UAAA,GAAazB,OAAA,KAAAmB,YAAA,GAAAA,YAAA,OAAAnB,OAAA;QACf,cAAaU,YAAM,gBAAAA,YAAA,GAAAe,UAAA,GAAAA,UAAA;MACnB;MACE;IAAsB,IAE1BX,UAAA,EACFH,WAAW,EAEXD,YAAO,CACT;IACF1B,SAAA","ignoreList":[]}
1
+ {"version":3,"file":"useStackedZIndex.native.js","names":[],"sources":["esm/useStackedZIndex.native.js"],"sourcesContent":["import { useContext, useEffect, useId, useMemo } from \"react\";\nimport { ZIndexHardcodedContext, ZIndexStackContext } from \"./context\";\nvar ZIndicesByContext = {};\nvar CurrentPortalZIndices = {};\nvar useStackedZIndex = function(props) {\n if (process.env.TAMAGUI_STACK_Z_INDEX_GLOBAL) {\n var { stackZIndex, zIndex: zIndexProp } = props;\n var id = useId();\n var zIndex = useMemo(function() {\n if (stackZIndex && stackZIndex !== \"global\" && zIndexProp === void 0) {\n var highest = Object.values(CurrentPortalZIndices).reduce(function(acc, cur) {\n return Math.max(acc, cur);\n }, 0);\n return Math.max(stackZIndex === true ? 1 : stackZIndex, highest + 1);\n }\n return zIndexProp !== null && zIndexProp !== void 0 ? zIndexProp : 1e3;\n }, [\n stackZIndex\n ]);\n useEffect(function() {\n if (typeof stackZIndex === \"number\") {\n CurrentPortalZIndices[id] = stackZIndex;\n return function() {\n delete CurrentPortalZIndices[id];\n };\n }\n }, [\n stackZIndex\n ]);\n return zIndex;\n } else {\n var _ZIndicesByContext, _stackLayer;\n var { stackZIndex: stackZIndex1, zIndex: zIndexProp1 } = props;\n var id1 = useId();\n var stackingContextLevel = useContext(ZIndexStackContext);\n var stackLayer = stackZIndex1 === \"global\" ? 0 : stackingContextLevel;\n var hardcoded = useContext(ZIndexHardcodedContext);\n (_ZIndicesByContext = ZIndicesByContext)[_stackLayer = stackLayer] || (_ZIndicesByContext[_stackLayer] = {});\n var stackContext = ZIndicesByContext[stackLayer];\n var zIndex1 = useMemo(function() {\n if (typeof zIndexProp1 === \"number\") {\n return zIndexProp1;\n }\n if (stackZIndex1) {\n if (hardcoded) {\n return hardcoded + 1;\n }\n var entries = Object.values(stackContext);\n var baseForLayer = stackLayer * 5e3;\n var nextLayerBase = (stackLayer + 1) * 5e3;\n var validEntries = entries.filter(function(z) {\n return z < nextLayerBase;\n });\n var highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer;\n var nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;\n return typeof stackZIndex1 === \"number\" ? stackZIndex1 + nextZIndex : nextZIndex;\n }\n return 1;\n }, [\n stackLayer,\n zIndexProp1,\n stackZIndex1\n ]);\n useEffect(function() {\n if (stackZIndex1) {\n stackContext[id1] = zIndex1;\n return function() {\n delete stackContext[id1];\n };\n }\n }, [\n zIndex1\n ]);\n return zIndex1;\n }\n};\nexport {\n useStackedZIndex\n};\n//# sourceMappingURL=useStackedZIndex.js.map\n"],"mappings":";;;;AAEA,IAAI,oBAAoB,CAAC;AACzB,IAAI,wBAAwB,CAAC;AAC7B,IAAI,mBAAmB,SAAS,OAAO;CACrC,IAAI,QAAQ,IAAI,8BAA8B;EAC5C,IAAI,EAAE,aAAa,QAAQ,eAAe;EAC1C,IAAI,KAAK,MAAM;EACf,IAAI,SAAS,QAAQ,WAAW;GAC9B,IAAI,eAAe,gBAAgB,YAAY,eAAe,KAAK,GAAG;IACpE,IAAI,UAAU,OAAO,OAAO,qBAAqB,EAAE,OAAO,SAAS,KAAK,KAAK;KAC3E,OAAO,KAAK,IAAI,KAAK,GAAG;IAC1B,GAAG,CAAC;IACJ,OAAO,KAAK,IAAI,gBAAgB,OAAO,IAAI,aAAa,UAAU,CAAC;GACrE;GACA,OAAO,eAAe,QAAQ,eAAe,KAAK,IAAI,aAAa;EACrE,GAAG,CACD,WACF,CAAC;EACD,UAAU,WAAW;GACnB,IAAI,OAAO,gBAAgB,UAAU;IACnC,sBAAsB,MAAM;IAC5B,OAAO,WAAW;KAChB,OAAO,sBAAsB;IAC/B;GACF;EACF,GAAG,CACD,WACF,CAAC;EACD,OAAO;CACT,OAAO;EACL,IAAI,oBAAoB;EACxB,IAAI,EAAE,aAAa,cAAc,QAAQ,gBAAgB;EACzD,IAAI,MAAM,MAAM;EAChB,IAAI,uBAAuB,WAAW,kBAAkB;EACxD,IAAI,aAAa,iBAAiB,WAAW,IAAI;EACjD,IAAI,YAAY,WAAW,sBAAsB;EACjD,CAAC,qBAAqB,mBAAmB,cAAc,gBAAgB,mBAAmB,eAAe,CAAC;EAC1G,IAAI,eAAe,kBAAkB;EACrC,IAAI,UAAU,QAAQ,WAAW;GAC/B,IAAI,OAAO,gBAAgB,UAAU;IACnC,OAAO;GACT;GACA,IAAI,cAAc;IAChB,IAAI,WAAW;KACb,OAAO,YAAY;IACrB;IACA,IAAI,UAAU,OAAO,OAAO,YAAY;IACxC,IAAI,eAAe,aAAa;IAChC,IAAI,iBAAiB,aAAa,KAAK;IACvC,IAAI,eAAe,QAAQ,OAAO,SAAS,GAAG;KAC5C,OAAO,IAAI;IACb,CAAC;IACD,IAAI,UAAU,aAAa,SAAS,IAAI,KAAK,IAAI,GAAG,YAAY,IAAI;IACpE,IAAI,aAAa,YAAY,eAAe,eAAe,IAAI,UAAU;IACzE,OAAO,OAAO,iBAAiB,WAAW,eAAe,aAAa;GACxE;GACA,OAAO;EACT,GAAG;GACD;GACA;GACA;EACF,CAAC;EACD,UAAU,WAAW;GACnB,IAAI,cAAc;IAChB,aAAa,OAAO;IACpB,OAAO,WAAW;KAChB,OAAO,aAAa;IACtB;GACF;EACF,GAAG,CACD,OACF,CAAC;EACD,OAAO;CACT;AACF"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/z-index-stack",
3
- "version": "2.7.7",
3
+ "version": "3.0.0-beta.637.1",
4
4
  "source": "src/index.ts",
5
5
  "files": [
6
6
  "src",
@@ -34,7 +34,7 @@
34
34
  "clean:build": "tamagui-build clean:build"
35
35
  },
36
36
  "devDependencies": {
37
- "@tamagui/build": "2.7.7",
37
+ "@tamagui/build": "3.0.0-beta.637.1",
38
38
  "react": ">=19"
39
39
  },
40
40
  "peerDependencies": {
@@ -1,5 +1,5 @@
1
1
  export declare const StackZIndexContext: ({ children, zIndex, }: {
2
2
  children: React.ReactNode;
3
3
  zIndex?: number;
4
- }) => import("react/jsx-runtime").JSX.Element;
4
+ }) => import("react").JSX.Element;
5
5
  //# sourceMappingURL=StackZIndex.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"StackZIndex.d.ts","sourceRoot":"","sources":["../src/StackZIndex.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,GAAI,uBAGhC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,4CAkBA,CAAA"}
1
+ {"version":3,"file":"StackZIndex.d.ts","sourceRoot":"","sources":["../src/StackZIndex.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,0BAG5B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,gCAkBA,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"useStackedZIndex.d.ts","sourceRoot":"","sources":["../src/useStackedZIndex.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAQ9C,eAAO,MAAM,gBAAgB,GAAI,OAAO;IACtC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,eAAe,CAAA;CAC9B,WA6EA,CAAA"}
1
+ {"version":3,"file":"useStackedZIndex.d.ts","sourceRoot":"","sources":["../src/useStackedZIndex.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAQ9C,eAAO,MAAM,gBAAgB,UAAW;IACtC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,eAAe,CAAA;CAC9B,WA6EA,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}