@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.
- package/dist/cjs/Spacer.cjs +47 -53
- package/dist/cjs/Spacer.native.cjs +64 -0
- package/dist/cjs/Spacer.native.js +49 -54
- package/dist/cjs/Spacer.native.js.map +1 -1
- package/dist/cjs/Unspaced.cjs +19 -20
- package/dist/cjs/Unspaced.native.cjs +37 -0
- package/dist/cjs/Unspaced.native.js +19 -19
- package/dist/cjs/Unspaced.native.js.map +1 -1
- package/dist/cjs/index.cjs +15 -18
- package/dist/cjs/index.native.cjs +30 -0
- package/dist/cjs/index.native.js +15 -17
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/spacedChildren.cjs +99 -130
- package/dist/cjs/spacedChildren.native.cjs +142 -0
- package/dist/cjs/spacedChildren.native.js +119 -153
- package/dist/cjs/spacedChildren.native.js.map +1 -1
- package/dist/cjs/types.cjs +10 -11
- package/dist/cjs/types.native.cjs +19 -0
- package/dist/cjs/types.native.js +10 -10
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/esm/Spacer.mjs +35 -36
- package/dist/esm/Spacer.mjs.map +1 -1
- package/dist/esm/Spacer.native.js +37 -38
- package/dist/esm/Spacer.native.js.map +1 -1
- package/dist/esm/Unspaced.mjs +4 -3
- package/dist/esm/Unspaced.mjs.map +1 -1
- package/dist/esm/Unspaced.native.js +4 -3
- package/dist/esm/Unspaced.native.js.map +1 -1
- package/dist/esm/index.js +6 -4
- package/dist/esm/index.mjs +6 -4
- package/dist/esm/index.native.js +6 -4
- package/dist/esm/spacedChildren.mjs +84 -105
- package/dist/esm/spacedChildren.mjs.map +1 -1
- package/dist/esm/spacedChildren.native.js +104 -129
- package/dist/esm/spacedChildren.native.js.map +1 -1
- package/dist/esm/types.mjs +0 -2
- package/dist/esm/types.native.js +0 -2
- package/package.json +5 -4
- package/src/Spacer.tsx +7 -5
- package/types/Spacer.d.ts +14 -5
- package/types/Spacer.d.ts.map +1 -1
- package/types/Unspaced.d.ts +2 -1
- package/types/Unspaced.d.ts.map +1 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/types.mjs.map +0 -1
- package/dist/esm/types.native.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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"}
|
package/dist/esm/Unspaced.mjs
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
function Unspaced(props) {
|
|
2
|
-
|
|
2
|
+
return props.children;
|
|
3
3
|
}
|
|
4
4
|
Unspaced["isUnspaced"] = true;
|
|
5
5
|
function isUnspaced(child) {
|
|
6
|
-
|
|
7
|
-
|
|
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,"
|
|
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
|
-
|
|
2
|
+
return props.children;
|
|
3
3
|
}
|
|
4
4
|
Unspaced["isUnspaced"] = true;
|
|
5
5
|
function isUnspaced(child) {
|
|
6
|
-
|
|
7
|
-
|
|
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,"
|
|
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
|
-
|
|
3
|
-
export * from "./
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
|
|
3
|
+
export * from "./Spacer.mjs"
|
|
4
|
+
|
|
5
|
+
export * from "./Unspaced.mjs"
|
|
6
|
+
|
|
7
|
+
export { spacedChildren };
|
package/dist/esm/index.mjs
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { spacedChildren } from "./spacedChildren.mjs";
|
|
2
|
-
|
|
3
|
-
export * from "./
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
|
|
3
|
+
export * from "./Spacer.mjs"
|
|
4
|
+
|
|
5
|
+
export * from "./Unspaced.mjs"
|
|
6
|
+
|
|
7
|
+
export { spacedChildren };
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { spacedChildren } from "./spacedChildren.native.js";
|
|
2
|
-
|
|
3
|
-
export * from "./
|
|
4
|
-
|
|
5
|
-
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
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
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
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
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
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":["
|
|
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
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
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
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
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
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
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
|