@tamagui/spacer 2.7.7 → 3.0.0-beta.643.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 (48) hide show
  1. package/dist/cjs/Spacer.cjs +47 -53
  2. package/dist/cjs/Spacer.native.cjs +64 -0
  3. package/dist/cjs/Spacer.native.js +49 -54
  4. package/dist/cjs/Spacer.native.js.map +1 -1
  5. package/dist/cjs/Unspaced.cjs +19 -20
  6. package/dist/cjs/Unspaced.native.cjs +37 -0
  7. package/dist/cjs/Unspaced.native.js +19 -19
  8. package/dist/cjs/Unspaced.native.js.map +1 -1
  9. package/dist/cjs/index.cjs +15 -18
  10. package/dist/cjs/index.native.cjs +30 -0
  11. package/dist/cjs/index.native.js +15 -17
  12. package/dist/cjs/index.native.js.map +1 -1
  13. package/dist/cjs/spacedChildren.cjs +99 -130
  14. package/dist/cjs/spacedChildren.native.cjs +142 -0
  15. package/dist/cjs/spacedChildren.native.js +119 -153
  16. package/dist/cjs/spacedChildren.native.js.map +1 -1
  17. package/dist/cjs/types.cjs +10 -11
  18. package/dist/cjs/types.native.cjs +19 -0
  19. package/dist/cjs/types.native.js +10 -10
  20. package/dist/cjs/types.native.js.map +1 -1
  21. package/dist/esm/Spacer.mjs +35 -36
  22. package/dist/esm/Spacer.mjs.map +1 -1
  23. package/dist/esm/Spacer.native.js +37 -38
  24. package/dist/esm/Spacer.native.js.map +1 -1
  25. package/dist/esm/Unspaced.mjs +4 -3
  26. package/dist/esm/Unspaced.mjs.map +1 -1
  27. package/dist/esm/Unspaced.native.js +4 -3
  28. package/dist/esm/Unspaced.native.js.map +1 -1
  29. package/dist/esm/index.js +6 -4
  30. package/dist/esm/index.mjs +6 -4
  31. package/dist/esm/index.native.js +6 -4
  32. package/dist/esm/spacedChildren.mjs +84 -105
  33. package/dist/esm/spacedChildren.mjs.map +1 -1
  34. package/dist/esm/spacedChildren.native.js +104 -129
  35. package/dist/esm/spacedChildren.native.js.map +1 -1
  36. package/dist/esm/types.mjs +0 -2
  37. package/dist/esm/types.native.js +0 -2
  38. package/package.json +5 -4
  39. package/src/Spacer.tsx +7 -5
  40. package/types/Spacer.d.ts +14 -5
  41. package/types/Spacer.d.ts.map +1 -1
  42. package/types/Unspaced.d.ts +2 -1
  43. package/types/Unspaced.d.ts.map +1 -1
  44. package/dist/esm/index.js.map +0 -1
  45. package/dist/esm/index.mjs.map +0 -1
  46. package/dist/esm/index.native.js.map +0 -1
  47. package/dist/esm/types.mjs.map +0 -1
  48. package/dist/esm/types.native.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"names":["styled","View","getSpacerSize","size","param","tokens","_tokens_space_size","sizePx","space","width","height","minWidth","minHeight","Spacer","name","pointerEvents","render","variants","direction","horizontal","vertical","both","defaultVariants"],"sources":["../../src/Spacer.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,IAAA,QAA6B;AAE9C,IAAAC,aAAM,YAAAA,CAAsDC,IAAE,EAAAC,KAAO;EACnE;IAAAC;EAAO,IAASD,KAAA;EAChBD,IAAA,GAAMA,IAAA,KAAS,OAAO,OAAM,GAAWA,IAAK;EAC5C,IAAAG,kBAAO;EAAA,IACLC,MAAO,IAAAD,kBAAA,GAAAD,MAAA,CAAAG,KAAA,CAAAL,IAAA,eAAAG,kBAAA,cAAAA,kBAAA,GAAAH,IAAA;EAAA,OACP;IACAM,KAAA,EAAAF,MAAU;IACVG,MAAA,EAAAH,MAAW;IACbI,QAAA,EAAAJ,MAAA;IACFK,SAAA,EAAAL;EAEO;AAA4B;AAC3B,IACNM,MAAA,GAAAb,MAAe,CAAAC,IAAA;EACfa,IAAA,UAAQ;EAERC,aAAU;EAAAC,MACR,EAAM;EAAAC,QACJ;IAAWd,IACX;MACF,WAAAD,aAAA;MAEA,OAAAA;IAAW;IACGgB,SACV;MAAQC,UACR;QACFT,MAAA;QACAE,SAAU;MAAA;MACDQ,QACP;QACFX,KAAA;QACAE,QAAO;MACT;MACFU,IAAA;IAEA;EAAiB;EAAAC,eAET;IACR;IACDnB,IAAA","ignoreList":[]}
1
+ {"version":3,"file":"Spacer.native.js","names":[],"sources":["esm/Spacer.native.js"],"sourcesContent":["import { resolveSizeToken } from \"@tamagui/size\";\nimport { styled, View } from \"@tamagui/web\";\nvar getSpacerSize = function(size, param) {\n var { tokens } = param;\n var sizeToken = resolveSizeToken(size, \"space\");\n var _tokens_space_sizeToken;\n var sizePx = (_tokens_space_sizeToken = tokens.space[sizeToken]) !== null && _tokens_space_sizeToken !== void 0 ? _tokens_space_sizeToken : sizeToken;\n return {\n width: sizePx,\n height: sizePx,\n minWidth: sizePx,\n minHeight: sizePx\n };\n};\nvar Spacer = styled(View, {\n displayName: \"Spacer\",\n pointerEvents: \"none\",\n render: \"span\",\n variants: {\n size: {\n true: getSpacerSize,\n Size: getSpacerSize,\n any: getSpacerSize\n },\n direction: {\n horizontal: {\n height: 0,\n minHeight: 0\n },\n vertical: {\n width: 0,\n minWidth: 0\n },\n both: {}\n }\n },\n defaultVariants: {\n // @ts-ignore\n size: true\n }\n});\nexport {\n Spacer\n};\n//# sourceMappingURL=Spacer.js.map\n"],"mappings":";;;;AAEA,IAAI,gBAAgB,SAAS,MAAM,OAAO;CACxC,IAAI,EAAE,WAAW;CACjB,IAAI,YAAY,iBAAiB,MAAM,OAAO;CAC9C,IAAI;CACJ,IAAI,UAAU,0BAA0B,OAAO,MAAM,gBAAgB,QAAQ,4BAA4B,KAAK,IAAI,0BAA0B;CAC5I,OAAO;EACL,OAAO;EACP,QAAQ;EACR,UAAU;EACV,WAAW;CACb;AACF;AACA,IAAI,SAAS,OAAO,MAAM;CACxB,aAAa;CACb,eAAe;CACf,QAAQ;CACR,UAAU;EACR,MAAM;GACJ,MAAM;GACN,MAAM;GACN,KAAK;EACP;EACA,WAAW;GACT,YAAY;IACV,QAAQ;IACR,WAAW;GACb;GACA,UAAU;IACR,OAAO;IACP,UAAU;GACZ;GACA,MAAM,CAAC;EACT;CACF;CACA,iBAAiB,EAEf,MAAM,KACR;AACF,CAAC"}
@@ -1,10 +1,11 @@
1
1
  function Unspaced(props) {
2
- return props.children;
2
+ return props.children;
3
3
  }
4
4
  Unspaced["isUnspaced"] = true;
5
5
  function isUnspaced(child) {
6
- const t = child?.["type"];
7
- return t?.["isVisuallyHidden"] || t?.["isUnspaced"];
6
+ const t = child?.["type"];
7
+ return t?.["isVisuallyHidden"] || t?.["isUnspaced"];
8
8
  }
9
+
9
10
  export { Unspaced, isUnspaced };
10
11
  //# sourceMappingURL=Unspaced.mjs.map
@@ -1 +1 @@
1
- {"version":3,"names":["Unspaced","props","children","isUnspaced","child","t"],"sources":["../../src/Unspaced.tsx"],"sourcesContent":[null],"mappings":"AACO,SAASA,SAASC,KAAA,EAA2B;EAClD,OAAOA,KAAA,CAAMC,QAAA;AACf;AAEAF,QAAA,CAAS,YAAY,IAAI;AAElB,SAASG,WAAWC,KAAA,EAAwB;EACjD,MAAMC,CAAA,GAAID,KAAA,GAAQ,MAAM;EACxB,OAAOC,CAAA,GAAI,kBAAkB,KAAKA,CAAA,GAAI,YAAY;AACpD","ignoreList":[]}
1
+ {"version":3,"file":"Unspaced.js","names":[],"sources":["esm/Unspaced.js"],"sourcesContent":["function Unspaced(props) {\n return props.children;\n}\nUnspaced[\"isUnspaced\"] = true;\nfunction isUnspaced(child) {\n const t = child?.[\"type\"];\n return t?.[\"isVisuallyHidden\"] || t?.[\"isUnspaced\"];\n}\nexport {\n Unspaced,\n isUnspaced\n};\n//# sourceMappingURL=Unspaced.js.map\n"],"mappings":";AAAA,SAAS,SAAS,OAAO;CACvB,OAAO,MAAM;AACf;AACA,SAAS,gBAAgB;AACzB,SAAS,WAAW,OAAO;CACzB,MAAM,IAAI,QAAQ;CAClB,OAAO,IAAI,uBAAuB,IAAI;AACxC"}
@@ -1,10 +1,11 @@
1
1
  function Unspaced(props) {
2
- return props.children;
2
+ return props.children;
3
3
  }
4
4
  Unspaced["isUnspaced"] = true;
5
5
  function isUnspaced(child) {
6
- var t = child === null || child === void 0 ? void 0 : child["type"];
7
- return (t === null || t === void 0 ? void 0 : t["isVisuallyHidden"]) || (t === null || t === void 0 ? void 0 : t["isUnspaced"]);
6
+ var t = child === null || child === void 0 ? void 0 : child["type"];
7
+ return (t === null || t === void 0 ? void 0 : t["isVisuallyHidden"]) || (t === null || t === void 0 ? void 0 : t["isUnspaced"]);
8
8
  }
9
+
9
10
  export { Unspaced, isUnspaced };
10
11
  //# sourceMappingURL=Unspaced.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["Unspaced","props","children","isUnspaced","child","t"],"sources":["../../src/Unspaced.tsx"],"sourcesContent":[null],"mappings":"AACO,SAASA,SAASC,KAAA,EAA2B;EAClD,OAAOA,KAAA,CAAMC,QAAA;AACf;AAEAF,QAAA,CAAS,YAAY,IAAI;AAElB,SAASG,WAAWC,KAAA,EAAwB;EACjD,IAAAC,CAAA,GAAMD,KAAI,KAAQ,QAAMA,KAAA,uBAAAA,KAAA;EACxB,OAAO,CAAAC,CAAA,KAAI,QAAAA,CAAA,UAAkB,CAAK,QAAI,IAAAA,CAAA,mBAAY,OAAAA,CAAA,aAAAA,CAAA,uBAAAA,CAAA;AACpD","ignoreList":[]}
1
+ {"version":3,"file":"Unspaced.native.js","names":[],"sources":["esm/Unspaced.native.js"],"sourcesContent":["function Unspaced(props) {\n return props.children;\n}\nUnspaced[\"isUnspaced\"] = true;\nfunction isUnspaced(child) {\n var t = child === null || child === void 0 ? void 0 : child[\"type\"];\n return (t === null || t === void 0 ? void 0 : t[\"isVisuallyHidden\"]) || (t === null || t === void 0 ? void 0 : t[\"isUnspaced\"]);\n}\nexport {\n Unspaced,\n isUnspaced\n};\n//# sourceMappingURL=Unspaced.js.map\n"],"mappings":";AAAA,SAAS,SAAS,OAAO;CACvB,OAAO,MAAM;AACf;AACA,SAAS,gBAAgB;AACzB,SAAS,WAAW,OAAO;CACzB,IAAI,IAAI,UAAU,QAAQ,UAAU,KAAK,IAAI,KAAK,IAAI,MAAM;CAC5D,QAAQ,MAAM,QAAQ,MAAM,KAAK,IAAI,KAAK,IAAI,EAAE,yBAAyB,MAAM,QAAQ,MAAM,KAAK,IAAI,KAAK,IAAI,EAAE;AACnH"}
package/dist/esm/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  import { spacedChildren } from "./spacedChildren.mjs";
2
- export * from "./Spacer.mjs";
3
- export * from "./Unspaced.mjs";
4
- export { spacedChildren };
5
- //# sourceMappingURL=index.js.map
2
+
3
+ export * from "./Spacer.mjs"
4
+
5
+ export * from "./Unspaced.mjs"
6
+
7
+ export { spacedChildren };
@@ -1,5 +1,7 @@
1
1
  import { spacedChildren } from "./spacedChildren.mjs";
2
- export * from "./Spacer.mjs";
3
- export * from "./Unspaced.mjs";
4
- export { spacedChildren };
5
- //# sourceMappingURL=index.mjs.map
2
+
3
+ export * from "./Spacer.mjs"
4
+
5
+ export * from "./Unspaced.mjs"
6
+
7
+ export { spacedChildren };
@@ -1,5 +1,7 @@
1
1
  import { spacedChildren } from "./spacedChildren.native.js";
2
- export * from "./Spacer.native.js";
3
- export * from "./Unspaced.native.js";
4
- export { spacedChildren };
5
- //# sourceMappingURL=index.native.js.map
2
+
3
+ export * from "./Spacer.native.js"
4
+
5
+ export * from "./Unspaced.native.js"
6
+
7
+ export { spacedChildren };
@@ -3,113 +3,92 @@ import React from "react";
3
3
  import { Spacer } from "./Spacer.mjs";
4
4
  import { isUnspaced } from "./Unspaced.mjs";
5
5
  import { jsx } from "react/jsx-runtime";
6
+
6
7
  function spacedChildren(props) {
7
- const {
8
- isZStack,
9
- children,
10
- space,
11
- direction,
12
- spaceFlex,
13
- separator,
14
- ensureKeys
15
- } = props;
16
- const hasSpace = !!(space || spaceFlex);
17
- const hasSeparator = !(separator === void 0 || separator === null);
18
- const areChildrenArray = Array.isArray(children);
19
- if (!ensureKeys && !(hasSpace || hasSeparator || isZStack)) {
20
- return children;
21
- }
22
- const childrenList = areChildrenArray ? children : React.Children.toArray(children);
23
- const len = childrenList.length;
24
- if (len <= 1 && !isZStack && !childrenList[0]?.["type"]?.["shouldForwardSpace"]) {
25
- return children;
26
- }
27
- const final = [];
28
- for (let [index, child] of childrenList.entries()) {
29
- const isEmpty = child === null || child === void 0 || Array.isArray(child) && child.length === 0;
30
- if (!isEmpty && React.isValidElement(child) && child.type?.["shouldForwardSpace"]) {
31
- child = React.cloneElement(child, {
32
- space,
33
- spaceFlex,
34
- separator,
35
- key: child.key
36
- });
37
- }
38
- if (isEmpty || !child || child["key"] && !isZStack) {
39
- final.push(child);
40
- } else {
41
- final.push(/* @__PURE__ */jsx(React.Fragment, {
42
- children: isZStack ? /* @__PURE__ */jsx(AbsoluteFill, {
43
- children: child
44
- }) : child
45
- }, `${index}0t`));
46
- }
47
- if (isUnspaced(child) && index === 0) continue;
48
- if (isZStack) continue;
49
- const next = childrenList[index + 1];
50
- if (next && !isEmpty && !isUnspaced(next)) {
51
- if (separator) {
52
- if (hasSpace) {
53
- final.push(createSpacer({
54
- key: `_${index}_00t`,
55
- direction,
56
- space,
57
- spaceFlex
58
- }));
59
- }
60
- final.push(/* @__PURE__ */jsx(React.Fragment, {
61
- children: separator
62
- }, `${index}03t`));
63
- if (hasSpace) {
64
- final.push(createSpacer({
65
- key: `_${index}01t`,
66
- direction,
67
- space,
68
- spaceFlex
69
- }));
70
- }
71
- } else {
72
- final.push(createSpacer({
73
- key: `_${index}02t`,
74
- direction,
75
- space,
76
- spaceFlex
77
- }));
78
- }
79
- }
80
- }
81
- if (process.env.NODE_ENV === "development") {
82
- if (props.debug) {
83
- console.info(` Spaced children`, final, props);
84
- }
85
- }
86
- return final;
8
+ const { isZStack, children, space, direction, spaceFlex, separator, ensureKeys } = props;
9
+ const hasSpace = !!(space || spaceFlex);
10
+ const hasSeparator = !(separator === void 0 || separator === null);
11
+ const areChildrenArray = Array.isArray(children);
12
+ if (!ensureKeys && !(hasSpace || hasSeparator || isZStack)) {
13
+ return children;
14
+ }
15
+ const childrenList = areChildrenArray ? children : React.Children.toArray(children);
16
+ const len = childrenList.length;
17
+ if (len <= 1 && !isZStack && !childrenList[0]?.["type"]?.["shouldForwardSpace"]) {
18
+ return children;
19
+ }
20
+ const final = [];
21
+ for (let [index, child] of childrenList.entries()) {
22
+ const isEmpty = child === null || child === void 0 || Array.isArray(child) && child.length === 0;
23
+ if (!isEmpty && React.isValidElement(child) && child.type?.["shouldForwardSpace"]) {
24
+ child = React.cloneElement(child, {
25
+ space,
26
+ spaceFlex,
27
+ separator,
28
+ key: child.key
29
+ });
30
+ }
31
+ if (isEmpty || !child || child["key"] && !isZStack) {
32
+ final.push(child);
33
+ } else {
34
+ final.push(/* @__PURE__ */ jsx(React.Fragment, { children: isZStack ? /* @__PURE__ */ jsx(AbsoluteFill, { children: child }) : child }, `${index}0t`));
35
+ }
36
+ if (isUnspaced(child) && index === 0) continue;
37
+ if (isZStack) continue;
38
+ const next = childrenList[index + 1];
39
+ if (next && !isEmpty && !isUnspaced(next)) {
40
+ if (separator) {
41
+ if (hasSpace) {
42
+ final.push(createSpacer({
43
+ key: `_${index}_00t`,
44
+ direction,
45
+ space,
46
+ spaceFlex
47
+ }));
48
+ }
49
+ final.push(/* @__PURE__ */ jsx(React.Fragment, { children: separator }, `${index}03t`));
50
+ if (hasSpace) {
51
+ final.push(createSpacer({
52
+ key: `_${index}01t`,
53
+ direction,
54
+ space,
55
+ spaceFlex
56
+ }));
57
+ }
58
+ } else {
59
+ final.push(createSpacer({
60
+ key: `_${index}02t`,
61
+ direction,
62
+ space,
63
+ spaceFlex
64
+ }));
65
+ }
66
+ }
67
+ }
68
+ if (process.env.NODE_ENV === "development") {
69
+ if (props.debug) {
70
+ console.info(` Spaced children`, final, props);
71
+ }
72
+ }
73
+ return final;
87
74
  }
88
- function createSpacer({
89
- key,
90
- direction,
91
- space,
92
- spaceFlex
93
- }) {
94
- return /* @__PURE__ */jsx(Spacer, {
95
- size: space,
96
- direction,
97
- ...(typeof spaceFlex !== "undefined" && {
98
- flex: spaceFlex === true ? 1 : spaceFlex === false ? 0 : spaceFlex
99
- })
100
- }, key);
75
+ function createSpacer({ key, direction, space, spaceFlex }) {
76
+ return /* @__PURE__ */ jsx(Spacer, {
77
+ size: space,
78
+ direction,
79
+ ...typeof spaceFlex !== "undefined" && { flex: spaceFlex === true ? 1 : spaceFlex === false ? 0 : spaceFlex }
80
+ }, key);
101
81
  }
102
- const AbsoluteFill = createComponent({
103
- defaultProps: {
104
- display: "flex",
105
- flexDirection: "column",
106
- position: "absolute",
107
- top: 0,
108
- right: 0,
109
- bottom: 0,
110
- left: 0,
111
- pointerEvents: "box-none"
112
- }
113
- });
82
+ const AbsoluteFill = createComponent({ defaultProps: {
83
+ display: "flex",
84
+ flexDirection: "column",
85
+ position: "absolute",
86
+ top: 0,
87
+ right: 0,
88
+ bottom: 0,
89
+ left: 0,
90
+ pointerEvents: "box-none"
91
+ } });
92
+
114
93
  export { spacedChildren };
115
94
  //# sourceMappingURL=spacedChildren.mjs.map
@@ -1 +1 @@
1
- {"version":3,"names":["createComponent","React","Spacer","isUnspaced","jsx","spacedChildren","props","isZStack","children","space","direction","spaceFlex","separator","ensureKeys","hasSpace","hasSeparator","areChildrenArray","Array","isArray","childrenList","Children","toArray","len","length","final","index","child","entries","isEmpty","isValidElement","type","cloneElement","key","push","Fragment","AbsoluteFill","next","createSpacer","process","env","NODE_ENV","debug","console","info","size","flex","defaultProps","display","flexDirection","position","top","right","bottom","left","pointerEvents"],"sources":["../../src/spacedChildren.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"spacedChildren.js","names":[],"sources":["esm/spacedChildren.js"],"sourcesContent":["import { createComponent } from \"@tamagui/web\";\nimport React from \"react\";\nimport { Spacer } from \"./Spacer\";\nimport { isUnspaced } from \"./Unspaced\";\nimport { jsx } from \"react/jsx-runtime\";\nfunction spacedChildren(props) {\n const { isZStack, children, space, direction, spaceFlex, separator, ensureKeys } = props;\n const hasSpace = !!(space || spaceFlex);\n const hasSeparator = !(separator === void 0 || separator === null);\n const areChildrenArray = Array.isArray(children);\n if (!ensureKeys && !(hasSpace || hasSeparator || isZStack)) {\n return children;\n }\n const childrenList = areChildrenArray ? children : React.Children.toArray(children);\n const len = childrenList.length;\n if (len <= 1 && !isZStack && !childrenList[0]?.[\"type\"]?.[\"shouldForwardSpace\"]) {\n return children;\n }\n const final = [];\n for (let [index, child] of childrenList.entries()) {\n const isEmpty = child === null || child === void 0 || Array.isArray(child) && child.length === 0;\n if (!isEmpty && React.isValidElement(child) && child.type?.[\"shouldForwardSpace\"]) {\n child = React.cloneElement(child, {\n space,\n spaceFlex,\n separator,\n key: child.key\n });\n }\n if (isEmpty || !child || child[\"key\"] && !isZStack) {\n final.push(child);\n } else {\n final.push(\n /* @__PURE__ */ jsx(React.Fragment, { children: isZStack ? /* @__PURE__ */ jsx(AbsoluteFill, { children: child }) : child }, `${index}0t`)\n );\n }\n if (isUnspaced(child) && index === 0) continue;\n if (isZStack) continue;\n const next = childrenList[index + 1];\n if (next && !isEmpty && !isUnspaced(next)) {\n if (separator) {\n if (hasSpace) {\n final.push(\n createSpacer({\n key: `_${index}_00t`,\n direction,\n space,\n spaceFlex\n })\n );\n }\n final.push(/* @__PURE__ */ jsx(React.Fragment, { children: separator }, `${index}03t`));\n if (hasSpace) {\n final.push(\n createSpacer({\n key: `_${index}01t`,\n direction,\n space,\n spaceFlex\n })\n );\n }\n } else {\n final.push(\n createSpacer({\n key: `_${index}02t`,\n direction,\n space,\n spaceFlex\n })\n );\n }\n }\n }\n if (process.env.NODE_ENV === \"development\") {\n if (props.debug) {\n console.info(` Spaced children`, final, props);\n }\n }\n return final;\n}\nfunction createSpacer({ key, direction, space, spaceFlex }) {\n return /* @__PURE__ */ jsx(\n Spacer,\n {\n size: space,\n direction,\n ...typeof spaceFlex !== \"undefined\" && {\n flex: spaceFlex === true ? 1 : spaceFlex === false ? 0 : spaceFlex\n }\n },\n key\n );\n}\nconst AbsoluteFill = createComponent({\n defaultProps: {\n display: \"flex\",\n flexDirection: \"column\",\n position: \"absolute\",\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n pointerEvents: \"box-none\"\n }\n});\nexport {\n spacedChildren\n};\n//# sourceMappingURL=spacedChildren.js.map\n"],"mappings":";;;;;;;AAKA,SAAS,eAAe,OAAO;CAC7B,MAAM,EAAE,UAAU,UAAU,OAAO,WAAW,WAAW,WAAW,eAAe;CACnF,MAAM,WAAW,CAAC,EAAE,SAAS;CAC7B,MAAM,eAAe,EAAE,cAAc,KAAK,KAAK,cAAc;CAC7D,MAAM,mBAAmB,MAAM,QAAQ,QAAQ;CAC/C,IAAI,CAAC,cAAc,EAAE,YAAY,gBAAgB,WAAW;EAC1D,OAAO;CACT;CACA,MAAM,eAAe,mBAAmB,WAAW,MAAM,SAAS,QAAQ,QAAQ;CAClF,MAAM,MAAM,aAAa;CACzB,IAAI,OAAO,KAAK,CAAC,YAAY,CAAC,aAAa,KAAK,UAAU,uBAAuB;EAC/E,OAAO;CACT;CACA,MAAM,QAAQ,CAAC;CACf,KAAK,IAAI,CAAC,OAAO,UAAU,aAAa,QAAQ,GAAG;EACjD,MAAM,UAAU,UAAU,QAAQ,UAAU,KAAK,KAAK,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW;EAC/F,IAAI,CAAC,WAAW,MAAM,eAAe,KAAK,KAAK,MAAM,OAAO,uBAAuB;GACjF,QAAQ,MAAM,aAAa,OAAO;IAChC;IACA;IACA;IACA,KAAK,MAAM;GACb,CAAC;EACH;EACA,IAAI,WAAW,CAAC,SAAS,MAAM,UAAU,CAAC,UAAU;GAClD,MAAM,KAAK,KAAK;EAClB,OAAO;GACL,MAAM,KACY,oBAAI,MAAM,UAAU,EAAE,UAAU,WAA2B,oBAAI,cAAc,EAAE,UAAU,MAAM,CAAC,IAAI,MAAM,GAAG,GAAG,MAAM,GAAG,CAC3I;EACF;EACA,IAAI,WAAW,KAAK,KAAK,UAAU,GAAG;EACtC,IAAI,UAAU;EACd,MAAM,OAAO,aAAa,QAAQ;EAClC,IAAI,QAAQ,CAAC,WAAW,CAAC,WAAW,IAAI,GAAG;GACzC,IAAI,WAAW;IACb,IAAI,UAAU;KACZ,MAAM,KACJ,aAAa;MACX,KAAK,IAAI,MAAM;MACf;MACA;MACA;KACF,CAAC,CACH;IACF;IACA,MAAM,KAAqB,oBAAI,MAAM,UAAU,EAAE,UAAU,UAAU,GAAG,GAAG,MAAM,IAAI,CAAC;IACtF,IAAI,UAAU;KACZ,MAAM,KACJ,aAAa;MACX,KAAK,IAAI,MAAM;MACf;MACA;MACA;KACF,CAAC,CACH;IACF;GACF,OAAO;IACL,MAAM,KACJ,aAAa;KACX,KAAK,IAAI,MAAM;KACf;KACA;KACA;IACF,CAAC,CACH;GACF;EACF;CACF;CACA,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,IAAI,MAAM,OAAO;GACf,QAAQ,KAAK,qBAAqB,OAAO,KAAK;EAChD;CACF;CACA,OAAO;AACT;AACA,SAAS,aAAa,EAAE,KAAK,WAAW,OAAO,aAAa;CAC1D,OAAuB,oBACrB,QACA;EACE,MAAM;EACN;EACA,GAAG,OAAO,cAAc,eAAe,EACrC,MAAM,cAAc,OAAO,IAAI,cAAc,QAAQ,IAAI,UAC3D;CACF,GACA,GACF;AACF;AACA,MAAM,eAAe,gBAAgB,EACnC,cAAc;CACZ,SAAS;CACT,eAAe;CACf,UAAU;CACV,KAAK;CACL,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;AACjB,EACF,CAAC"}
@@ -1,139 +1,114 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx } from "react/jsx-runtime";
2
2
  import { createComponent } from "@tamagui/web";
3
3
  import React from "react";
4
4
  import { Spacer } from "./Spacer.native.js";
5
5
  import { isUnspaced } from "./Unspaced.native.js";
6
+
6
7
  function spacedChildren(props) {
7
- var _childrenList__type, _childrenList_;
8
- var {
9
- isZStack,
10
- children,
11
- space,
12
- direction,
13
- spaceFlex,
14
- separator,
15
- ensureKeys
16
- } = props;
17
- var hasSpace = !!(space || spaceFlex);
18
- var hasSeparator = !(separator === void 0 || separator === null);
19
- var areChildrenArray = Array.isArray(children);
20
- if (!ensureKeys && !(hasSpace || hasSeparator || isZStack)) {
21
- return children;
22
- }
23
- var childrenList = areChildrenArray ? children : React.Children.toArray(children);
24
- var len = childrenList.length;
25
- if (len <= 1 && !isZStack && !((_childrenList_ = childrenList[0]) === null || _childrenList_ === void 0 ? void 0 : (_childrenList__type = _childrenList_["type"]) === null || _childrenList__type === void 0 ? void 0 : _childrenList__type["shouldForwardSpace"])) {
26
- return children;
27
- }
28
- var final = [];
29
- var _iteratorNormalCompletion = true,
30
- _didIteratorError = false,
31
- _iteratorError = void 0;
32
- try {
33
- for (var _iterator = childrenList.entries()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
34
- var [index, child] = _step.value;
35
- var _child_type;
36
- var isEmpty = child === null || child === void 0 || Array.isArray(child) && child.length === 0;
37
- if (!isEmpty && /* @__PURE__ */React.isValidElement(child) && ((_child_type = child.type) === null || _child_type === void 0 ? void 0 : _child_type["shouldForwardSpace"])) {
38
- child = /* @__PURE__ */React.cloneElement(child, {
39
- space,
40
- spaceFlex,
41
- separator,
42
- key: child.key
43
- });
44
- }
45
- if (isEmpty || !child || child["key"] && !isZStack) {
46
- final.push(child);
47
- } else {
48
- final.push(/* @__PURE__ */_jsx(React.Fragment, {
49
- children: isZStack ? /* @__PURE__ */_jsx(AbsoluteFill, {
50
- children: child
51
- }) : child
52
- }, `${index}0t`));
53
- }
54
- if (isUnspaced(child) && index === 0) continue;
55
- if (isZStack) continue;
56
- var next = childrenList[index + 1];
57
- if (next && !isEmpty && !isUnspaced(next)) {
58
- if (separator) {
59
- if (hasSpace) {
60
- final.push(createSpacer({
61
- key: `_${index}_00t`,
62
- direction,
63
- space,
64
- spaceFlex
65
- }));
66
- }
67
- final.push(/* @__PURE__ */_jsx(React.Fragment, {
68
- children: separator
69
- }, `${index}03t`));
70
- if (hasSpace) {
71
- final.push(createSpacer({
72
- key: `_${index}01t`,
73
- direction,
74
- space,
75
- spaceFlex
76
- }));
77
- }
78
- } else {
79
- final.push(createSpacer({
80
- key: `_${index}02t`,
81
- direction,
82
- space,
83
- spaceFlex
84
- }));
85
- }
86
- }
87
- }
88
- } catch (err) {
89
- _didIteratorError = true;
90
- _iteratorError = err;
91
- } finally {
92
- try {
93
- if (!_iteratorNormalCompletion && _iterator.return != null) {
94
- _iterator.return();
95
- }
96
- } finally {
97
- if (_didIteratorError) {
98
- throw _iteratorError;
99
- }
100
- }
101
- }
102
- if (process.env.NODE_ENV === "development") {
103
- if (props.debug) {
104
- console.info(` Spaced children`, final, props);
105
- }
106
- }
107
- return final;
8
+ var _childrenList__type, _childrenList_;
9
+ var { isZStack, children, space, direction, spaceFlex, separator, ensureKeys } = props;
10
+ var hasSpace = !!(space || spaceFlex);
11
+ var hasSeparator = !(separator === void 0 || separator === null);
12
+ var areChildrenArray = Array.isArray(children);
13
+ if (!ensureKeys && !(hasSpace || hasSeparator || isZStack)) {
14
+ return children;
15
+ }
16
+ var childrenList = areChildrenArray ? children : React.Children.toArray(children);
17
+ var len = childrenList.length;
18
+ if (len <= 1 && !isZStack && !((_childrenList_ = childrenList[0]) === null || _childrenList_ === void 0 ? void 0 : (_childrenList__type = _childrenList_["type"]) === null || _childrenList__type === void 0 ? void 0 : _childrenList__type["shouldForwardSpace"])) {
19
+ return children;
20
+ }
21
+ var final = [];
22
+ var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
23
+ try {
24
+ for (var _iterator = childrenList.entries()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
25
+ var [index, child] = _step.value;
26
+ var _child_type;
27
+ var isEmpty = child === null || child === void 0 || Array.isArray(child) && child.length === 0;
28
+ if (!isEmpty && /* @__PURE__ */ React.isValidElement(child) && ((_child_type = child.type) === null || _child_type === void 0 ? void 0 : _child_type["shouldForwardSpace"])) {
29
+ child = /* @__PURE__ */ React.cloneElement(child, {
30
+ space,
31
+ spaceFlex,
32
+ separator,
33
+ key: child.key
34
+ });
35
+ }
36
+ if (isEmpty || !child || child["key"] && !isZStack) {
37
+ final.push(child);
38
+ } else {
39
+ final.push(/* @__PURE__ */ jsx(React.Fragment, { children: isZStack ? /* @__PURE__ */ jsx(AbsoluteFill, { children: child }) : child }, `${index}0t`));
40
+ }
41
+ if (isUnspaced(child) && index === 0) continue;
42
+ if (isZStack) continue;
43
+ var next = childrenList[index + 1];
44
+ if (next && !isEmpty && !isUnspaced(next)) {
45
+ if (separator) {
46
+ if (hasSpace) {
47
+ final.push(createSpacer({
48
+ key: `_${index}_00t`,
49
+ direction,
50
+ space,
51
+ spaceFlex
52
+ }));
53
+ }
54
+ final.push(/* @__PURE__ */ jsx(React.Fragment, { children: separator }, `${index}03t`));
55
+ if (hasSpace) {
56
+ final.push(createSpacer({
57
+ key: `_${index}01t`,
58
+ direction,
59
+ space,
60
+ spaceFlex
61
+ }));
62
+ }
63
+ } else {
64
+ final.push(createSpacer({
65
+ key: `_${index}02t`,
66
+ direction,
67
+ space,
68
+ spaceFlex
69
+ }));
70
+ }
71
+ }
72
+ }
73
+ } catch (err) {
74
+ _didIteratorError = true;
75
+ _iteratorError = err;
76
+ } finally {
77
+ try {
78
+ if (!_iteratorNormalCompletion && _iterator.return != null) {
79
+ _iterator.return();
80
+ }
81
+ } finally {
82
+ if (_didIteratorError) {
83
+ throw _iteratorError;
84
+ }
85
+ }
86
+ }
87
+ if (process.env.NODE_ENV === "development") {
88
+ if (props.debug) {
89
+ console.info(` Spaced children`, final, props);
90
+ }
91
+ }
92
+ return final;
108
93
  }
109
94
  function createSpacer(param) {
110
- var {
111
- key,
112
- direction,
113
- space,
114
- spaceFlex
115
- } = param;
116
- return /* @__PURE__ */_jsx(Spacer, {
117
- // @ts-ignore
118
- size: space,
119
- // @ts-ignore
120
- direction,
121
- ...(typeof spaceFlex !== "undefined" && {
122
- flex: spaceFlex === true ? 1 : spaceFlex === false ? 0 : spaceFlex
123
- })
124
- }, key);
95
+ var { key, direction, space, spaceFlex } = param;
96
+ return /* @__PURE__ */ jsx(Spacer, {
97
+ size: space,
98
+ direction,
99
+ ...typeof spaceFlex !== "undefined" && { flex: spaceFlex === true ? 1 : spaceFlex === false ? 0 : spaceFlex }
100
+ }, key);
125
101
  }
126
- var AbsoluteFill = createComponent({
127
- defaultProps: {
128
- display: "flex",
129
- flexDirection: "column",
130
- position: "absolute",
131
- top: 0,
132
- right: 0,
133
- bottom: 0,
134
- left: 0,
135
- pointerEvents: "box-none"
136
- }
137
- });
102
+ var AbsoluteFill = createComponent({ defaultProps: {
103
+ display: "flex",
104
+ flexDirection: "column",
105
+ position: "absolute",
106
+ top: 0,
107
+ right: 0,
108
+ bottom: 0,
109
+ left: 0,
110
+ pointerEvents: "box-none"
111
+ } });
112
+
138
113
  export { spacedChildren };
139
114
  //# sourceMappingURL=spacedChildren.native.js.map