@rocapine/react-native-onboarding-ui 1.33.0 → 1.34.0
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/UI/Pages/ComposableScreen/Renderer.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/ImageElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/ImageElement.js +72 -32
- package/dist/UI/Pages/ComposableScreen/elements/ImageElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/RichTextElement.d.ts +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/RichTextElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/RichTextElement.js +10 -1
- package/dist/UI/Pages/ComposableScreen/elements/RichTextElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/ScrollViewElement.d.ts +16 -0
- package/dist/UI/Pages/ComposableScreen/elements/ScrollViewElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/ScrollViewElement.js +13 -2
- package/dist/UI/Pages/ComposableScreen/elements/ScrollViewElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/StackElement.d.ts +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/StackElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/TextElement.d.ts +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/TextElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.d.ts +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/shared.d.ts +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/shared.d.ts.map +1 -1
- package/package.json +5 -1
- package/src/UI/Pages/ComposableScreen/Renderer.tsx +1 -1
- package/src/UI/Pages/ComposableScreen/elements/ImageElement.tsx +102 -42
- package/src/UI/Pages/ComposableScreen/elements/RichTextElement.tsx +13 -2
- package/src/UI/Pages/ComposableScreen/elements/ScrollViewElement.tsx +15 -2
- package/src/UI/Pages/ComposableScreen/elements/StackElement.tsx +1 -1
- package/src/UI/Pages/ComposableScreen/elements/TextElement.tsx +1 -1
- package/src/UI/Pages/ComposableScreen/elements/renderElement.tsx +1 -1
- package/src/UI/Pages/ComposableScreen/elements/shared.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/Renderer.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyD;AACzD,+CAAgF;AAChF,+EAAyG;AACzG,mCAA8F;AAC9F,uDAAwD;AACxD,2EAAwE;AACxE,0FAA+G;AAC/G,mDAAgD;AAEhD,4DAAyD;AACzD,gEAAoE;AAOpE,MAAM,4BAA4B,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAgB,EAAE,EAAE;IAC1E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAC7B,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,sCAA8B,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACxF,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC;IAC3C,MAAM,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,GAAG,IAAA,kBAAU,EAAC,sDAAyB,CAAC,CAAC;IAC7F,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,mDAAuB,CAAC,CAAC;IAEhG,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,GAAW,EAAE,KAA8B,EAAE,EAAE;QAC9C,qBAAqB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAClC,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,CAC7C,CAAC;IAEF,gGAAgG;IAChG,yFAAyF;IACzF,mFAAmF;IACnF,kFAAkF;IAClF,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,wCAAsB,EAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpF,MAAM,kBAAkB,GAAG,IAAA,eAAO,EAChC,GAAG,EAAE,CAAC,iCAAM,eAAe,GAAK,mBAAmB,EAAG,EACtD,CAAC,eAAe,EAAE,mBAAmB,CAAC,CACvC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,QAAqB,EAAE,
|
|
1
|
+
{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/Renderer.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyD;AACzD,+CAAgF;AAChF,+EAAyG;AACzG,mCAA8F;AAC9F,uDAAwD;AACxD,2EAAwE;AACxE,0FAA+G;AAC/G,mDAAgD;AAEhD,4DAAyD;AACzD,gEAAoE;AAOpE,MAAM,4BAA4B,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAgB,EAAE,EAAE;IAC1E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAC7B,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,sCAA8B,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACxF,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC;IAC3C,MAAM,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,GAAG,IAAA,kBAAU,EAAC,sDAAyB,CAAC,CAAC;IAC7F,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,mDAAuB,CAAC,CAAC;IAEhG,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,GAAW,EAAE,KAA8B,EAAE,EAAE;QAC9C,qBAAqB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAClC,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,CAC7C,CAAC;IAEF,gGAAgG;IAChG,yFAAyF;IACzF,mFAAmF;IACnF,kFAAkF;IAClF,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,wCAAsB,EAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpF,MAAM,kBAAkB,GAAG,IAAA,eAAO,EAChC,GAAG,EAAE,CAAC,iCAAM,eAAe,GAAK,mBAAmB,EAAG,EACtD,CAAC,eAAe,EAAE,mBAAmB,CAAC,CACvC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,QAAqB,EAAE,UAAmE,EAAE,EAAE,CACpH,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,6BAAa,EAAC,KAAK,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjE,MAAM,GAAG,GAAkB;QACzB,KAAK;QACL,SAAS,EAAE,kBAAkB;QAC7B,WAAW,EAAE,kBAAkB;QAC/B,UAAU;QACV,aAAa;QACb,cAAc;KACf,CAAC;IAEF,OAAO,CACL,uBAAC,uCAAkB,IACjB,IAAI,EAAE,aAAa,EACnB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,iBAAiB,kBAEjB,uBAAC,mCAAoB,IACnB,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,QAAQ,EAAE,uBAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,YAEtD,uBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,YACrB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,IAAA,6BAAa,EAAC,OAAO,EAAE,GAAG,CAAC,CAAC,GAClD,GACc,GACJ,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAEU,QAAA,wBAAwB,GAAG,IAAA,iCAAiB,EAAC,4BAA4B,EAAE,kBAAkB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ImageElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"ImageElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ImageElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAyB,MAAM,UAAU,CAAC;AAahE,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAIlC,CAAC;AAmCH,KAAK,cAAc,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAE5D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,cAAc,CAAC;IACxB,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,aAAa,KAAK,KAAG,KAAK,CAAC,YAsGhE,CAAC"}
|
|
@@ -4,17 +4,50 @@ exports.ImageElementComponent = exports.ImageElementPropsSchema = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const zod_1 = require("zod");
|
|
6
6
|
const react_native_1 = require("react-native");
|
|
7
|
+
const react_native_svg_1 = require("react-native-svg");
|
|
7
8
|
const BaseBoxProps_1 = require("./BaseBoxProps");
|
|
8
9
|
const shared_1 = require("./shared");
|
|
9
10
|
const GradientBox_1 = require("./GradientBox");
|
|
11
|
+
// expo-image decodes webp/avif reliably across platforms (RN's built-in Image is
|
|
12
|
+
// flaky for webp on iOS). Optional peer dep — fall back to RN Image when absent,
|
|
13
|
+
// mirroring GradientBox's expo-linear-gradient handling.
|
|
14
|
+
let ExpoImage = null;
|
|
15
|
+
try {
|
|
16
|
+
ExpoImage = require("expo-image").Image;
|
|
17
|
+
}
|
|
18
|
+
catch (_a) {
|
|
19
|
+
// expo-image not installed — RN Image fallback below
|
|
20
|
+
}
|
|
10
21
|
exports.ImageElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
|
|
11
22
|
url: zod_1.z.string().min(1, "url must not be empty"),
|
|
12
23
|
aspectRatio: zod_1.z.number().optional(),
|
|
13
24
|
resizeMode: zod_1.z.enum(["cover", "contain", "stretch", "center"]).optional(),
|
|
14
25
|
});
|
|
26
|
+
// RN resizeMode → expo-image contentFit.
|
|
27
|
+
const CONTENT_FIT = {
|
|
28
|
+
cover: "cover",
|
|
29
|
+
contain: "contain",
|
|
30
|
+
stretch: "fill",
|
|
31
|
+
center: "none",
|
|
32
|
+
};
|
|
33
|
+
// RN resizeMode → SVG preserveAspectRatio (SvgUri has no resizeMode).
|
|
34
|
+
const SVG_ASPECT = {
|
|
35
|
+
cover: "xMidYMid slice",
|
|
36
|
+
contain: "xMidYMid meet",
|
|
37
|
+
center: "xMidYMid meet",
|
|
38
|
+
stretch: "none",
|
|
39
|
+
};
|
|
40
|
+
// SVGs need react-native-svg's SvgUri — RN/expo Image can't decode SVG XML. Auto
|
|
41
|
+
// -detected by file extension (query-string / hash tolerant) so existing payloads
|
|
42
|
+
// with `.svg` URLs just work, no schema change.
|
|
43
|
+
const isSvgUrl = (url) => url.split(/[?#]/)[0].toLowerCase().endsWith(".svg");
|
|
44
|
+
// Pick expo-image when installed (better webp/avif), else RN Image. resizeMode
|
|
45
|
+
// passes through unchanged on RN; maps to contentFit on expo-image.
|
|
46
|
+
const renderRaster = (url, resizeMode, style) => ExpoImage ? ((0, jsx_runtime_1.jsx)(ExpoImage, { source: url, contentFit: CONTENT_FIT[resizeMode !== null && resizeMode !== void 0 ? resizeMode : "cover"], style: style })) : ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: url }, resizeMode: resizeMode, style: style }));
|
|
15
47
|
const ImageElementComponent = ({ element }) => {
|
|
16
|
-
var _a;
|
|
48
|
+
var _a, _b, _c;
|
|
17
49
|
const p = element.props;
|
|
50
|
+
const isSvg = isSvgUrl(p.url);
|
|
18
51
|
const hasShadow = p.shadowColor != null || p.elevation != null;
|
|
19
52
|
// iOS clips shadows when overflow:hidden, so a shadow-bearing Image needs a
|
|
20
53
|
// wrapper View carrying the shadow (no overflow clip) and the Image inside
|
|
@@ -22,42 +55,49 @@ const ImageElementComponent = ({ element }) => {
|
|
|
22
55
|
const shadowStyle = hasShadow ? (0, shared_1.buildShadowStyle)(p) : null;
|
|
23
56
|
if (p.backgroundGradient || hasShadow) {
|
|
24
57
|
const wrapperStyle = Object.assign({ flex: p.flex, flexShrink: p.flexShrink, flexGrow: p.flexGrow, alignSelf: p.alignSelf, aspectRatio: p.aspectRatio, width: (0, shared_1.dim)(p.width), height: (0, shared_1.dim)(p.height), minWidth: p.minWidth, maxWidth: p.maxWidth, minHeight: p.minHeight, maxHeight: p.maxHeight, borderRadius: p.borderRadius, borderWidth: p.borderWidth, borderColor: p.borderColor, opacity: p.opacity, margin: p.margin, marginHorizontal: p.marginHorizontal, marginVertical: p.marginVertical, padding: p.padding, paddingHorizontal: p.paddingHorizontal, paddingVertical: p.paddingVertical }, (shadowStyle !== null && shadowStyle !== void 0 ? shadowStyle : {}));
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
58
|
+
// Inner content fills the wrapper (which carries layout + corner clip).
|
|
59
|
+
const innerImage = isSvg ? ((0, jsx_runtime_1.jsx)(react_native_svg_1.SvgUri, { uri: p.url, width: "100%", height: "100%", preserveAspectRatio: SVG_ASPECT[(_a = p.resizeMode) !== null && _a !== void 0 ? _a : "contain"] })) : (renderRaster(p.url, p.resizeMode, {
|
|
60
|
+
width: "100%",
|
|
61
|
+
height: "100%",
|
|
62
|
+
borderRadius: p.borderRadius,
|
|
63
|
+
overflow: ((_b = p.overflow) !== null && _b !== void 0 ? _b : "hidden"),
|
|
64
|
+
}));
|
|
31
65
|
if (p.backgroundGradient) {
|
|
32
66
|
return ((0, jsx_runtime_1.jsx)(GradientBox_1.GradientBox, { gradient: p.backgroundGradient, style: wrapperStyle, children: innerImage }));
|
|
33
67
|
}
|
|
34
68
|
return (0, jsx_runtime_1.jsx)(react_native_1.View, { style: wrapperStyle, children: innerImage });
|
|
35
69
|
}
|
|
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
|
-
|
|
70
|
+
const simpleStyle = {
|
|
71
|
+
flex: p.flex,
|
|
72
|
+
flexShrink: p.flexShrink,
|
|
73
|
+
flexGrow: p.flexGrow,
|
|
74
|
+
alignSelf: p.alignSelf,
|
|
75
|
+
aspectRatio: p.aspectRatio,
|
|
76
|
+
width: (0, shared_1.dim)(p.width),
|
|
77
|
+
height: (0, shared_1.dim)(p.height),
|
|
78
|
+
minWidth: p.minWidth,
|
|
79
|
+
maxWidth: p.maxWidth,
|
|
80
|
+
minHeight: p.minHeight,
|
|
81
|
+
maxHeight: p.maxHeight,
|
|
82
|
+
backgroundColor: p.backgroundColor,
|
|
83
|
+
overflow: p.overflow,
|
|
84
|
+
borderRadius: p.borderRadius,
|
|
85
|
+
borderWidth: p.borderWidth,
|
|
86
|
+
borderColor: p.borderColor,
|
|
87
|
+
opacity: p.opacity,
|
|
88
|
+
margin: p.margin,
|
|
89
|
+
marginHorizontal: p.marginHorizontal,
|
|
90
|
+
marginVertical: p.marginVertical,
|
|
91
|
+
padding: p.padding,
|
|
92
|
+
paddingHorizontal: p.paddingHorizontal,
|
|
93
|
+
paddingVertical: p.paddingVertical,
|
|
94
|
+
};
|
|
95
|
+
// SvgUri can't carry the full RN layout style itself, so wrap it in a View that
|
|
96
|
+
// does, and let the SVG fill it.
|
|
97
|
+
if (isSvg) {
|
|
98
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: simpleStyle, children: (0, jsx_runtime_1.jsx)(react_native_svg_1.SvgUri, { uri: p.url, width: "100%", height: "100%", preserveAspectRatio: SVG_ASPECT[(_c = p.resizeMode) !== null && _c !== void 0 ? _c : "contain"] }) }));
|
|
99
|
+
}
|
|
100
|
+
return renderRaster(p.url, p.resizeMode, simpleStyle);
|
|
61
101
|
};
|
|
62
102
|
exports.ImageElementComponent = ImageElementComponent;
|
|
63
103
|
//# sourceMappingURL=ImageElement.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ImageElement.tsx"],"names":[],"mappings":";;;;AACA,6BAAwB;AACxB,+
|
|
1
|
+
{"version":3,"file":"ImageElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ImageElement.tsx"],"names":[],"mappings":"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"}
|
|
@@ -288,7 +288,7 @@ type RichTextUIElement = Extract<UIElement, {
|
|
|
288
288
|
type Props = {
|
|
289
289
|
element: RichTextUIElement;
|
|
290
290
|
ctx: RenderContext;
|
|
291
|
-
parentType?: "XStack" | "YStack" | "ZStack" | "RichText";
|
|
291
|
+
parentType?: "XStack" | "YStack" | "ZStack" | "RichText" | "XScroll";
|
|
292
292
|
};
|
|
293
293
|
/**
|
|
294
294
|
* Wrapping flex row of child `Text` elements. Plain-text children are split into
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/RichTextElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAA8D,MAAM,UAAU,CAAC;AAMrG,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG;IAChD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC3E,cAAc,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,CAAC;IACzF,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAarC,CAAC;AAEH,KAAK,iBAAiB,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AAGlE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,iBAAiB,CAAC;IAC3B,GAAG,EAAE,aAAa,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"RichTextElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/RichTextElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAA8D,MAAM,UAAU,CAAC;AAMrG,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG;IAChD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC3E,cAAc,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,CAAC;IACzF,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAarC,CAAC;AAEH,KAAK,iBAAiB,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AAGlE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,iBAAiB,CAAC;IAC3B,GAAG,EAAE,aAAa,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;CACtE,CAAC;AA4CF;;;;;;;;;GASG;AACH,eAAO,MAAM,wBAAwB,GAAI,8BAA8B,KAAK,KAAG,KAAK,CAAC,YAqFpF,CAAC"}
|
|
@@ -21,6 +21,15 @@ exports.RichTextElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
|
|
|
21
21
|
letterSpacing: zod_1.z.number().optional(),
|
|
22
22
|
lineHeight: zod_1.z.number().optional(),
|
|
23
23
|
});
|
|
24
|
+
// `textAlign` aligns text *inside* a Text box, but RichText splits each word into
|
|
25
|
+
// its own shrink-wrapped flex item, so textAlign is a no-op on the row. The row's
|
|
26
|
+
// horizontal distribution is governed by `justifyContent` — map textAlign onto it
|
|
27
|
+
// (explicit `justifyContent` still wins) so authors get the alignment they expect.
|
|
28
|
+
const ALIGN_TO_JUSTIFY = {
|
|
29
|
+
left: "flex-start",
|
|
30
|
+
center: "center",
|
|
31
|
+
right: "flex-end",
|
|
32
|
+
};
|
|
24
33
|
// A plain-text child (no box styling, no motion) is split into one flex item per
|
|
25
34
|
// word so the row wraps word-by-word like real text — the chip pattern from
|
|
26
35
|
// host apps (parseTitleWithChips). A child carrying box styling (backgroundColor
|
|
@@ -104,7 +113,7 @@ const RichTextElementComponent = ({ element, ctx, parentType }) => {
|
|
|
104
113
|
flexWrap: (_a = p.flexWrap) !== null && _a !== void 0 ? _a : "wrap",
|
|
105
114
|
gap: p.gap,
|
|
106
115
|
alignItems: (_b = p.alignItems) !== null && _b !== void 0 ? _b : "center",
|
|
107
|
-
justifyContent: (_c = p.justifyContent) !== null && _c !== void 0 ? _c : "center",
|
|
116
|
+
justifyContent: (_c = p.justifyContent) !== null && _c !== void 0 ? _c : (p.textAlign ? ALIGN_TO_JUSTIFY[p.textAlign] : "center"),
|
|
108
117
|
flex: p.flex,
|
|
109
118
|
flexShrink: (_d = p.flexShrink) !== null && _d !== void 0 ? _d : (parentType === "XStack" ? 1 : undefined),
|
|
110
119
|
flexGrow: p.flexGrow,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/RichTextElement.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"RichTextElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/RichTextElement.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,6 +19,8 @@ export type ScrollViewElementProps = BaseBoxProps & {
|
|
|
19
19
|
contentInset?: ScrollViewContentInset;
|
|
20
20
|
contentContainerPadding?: number;
|
|
21
21
|
keyboardShouldPersistTaps?: "always" | "never" | "handled";
|
|
22
|
+
alignItems?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline";
|
|
23
|
+
justifyContent?: "flex-start" | "center" | "flex-end" | "space-between" | "space-around";
|
|
22
24
|
};
|
|
23
25
|
export declare const ScrollViewElementPropsSchema: z.ZodObject<{
|
|
24
26
|
width: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>;
|
|
@@ -268,6 +270,20 @@ export declare const ScrollViewElementPropsSchema: z.ZodObject<{
|
|
|
268
270
|
always: "always";
|
|
269
271
|
handled: "handled";
|
|
270
272
|
}>>;
|
|
273
|
+
alignItems: z.ZodOptional<z.ZodEnum<{
|
|
274
|
+
center: "center";
|
|
275
|
+
"flex-start": "flex-start";
|
|
276
|
+
"flex-end": "flex-end";
|
|
277
|
+
stretch: "stretch";
|
|
278
|
+
baseline: "baseline";
|
|
279
|
+
}>>;
|
|
280
|
+
justifyContent: z.ZodOptional<z.ZodEnum<{
|
|
281
|
+
center: "center";
|
|
282
|
+
"flex-start": "flex-start";
|
|
283
|
+
"flex-end": "flex-end";
|
|
284
|
+
"space-between": "space-between";
|
|
285
|
+
"space-around": "space-around";
|
|
286
|
+
}>>;
|
|
271
287
|
}, z.core.$strip>;
|
|
272
288
|
type ScrollViewUIElement = Extract<UIElement, {
|
|
273
289
|
type: "ScrollView";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollViewElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ScrollViewElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAElE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAO,MAAM,UAAU,CAAC;AAE9C,MAAM,MAAM,sBAAsB,GAAG;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,yBAAyB,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"ScrollViewElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ScrollViewElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAElE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAO,MAAM,UAAU,CAAC;AAE9C,MAAM,MAAM,sBAAsB,GAAG;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,yBAAyB,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC3D,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAC3E,cAAc,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,CAAC;CAC1F,CAAC;AASF,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAYvC,CAAC;AAEH,KAAK,mBAAmB,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAEtE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,mBAAmB,CAAC;IAC7B,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,kBAAkB,KAAK,KAAG,KAAK,CAAC,YAsE1E,CAAC"}
|
|
@@ -23,6 +23,8 @@ exports.ScrollViewElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend(
|
|
|
23
23
|
contentInset: ContentInsetSchema.optional(),
|
|
24
24
|
contentContainerPadding: zod_1.z.number().min(0).optional(),
|
|
25
25
|
keyboardShouldPersistTaps: zod_1.z.enum(["always", "never", "handled"]).optional(),
|
|
26
|
+
alignItems: zod_1.z.enum(["flex-start", "center", "flex-end", "stretch", "baseline"]).optional(),
|
|
27
|
+
justifyContent: zod_1.z.enum(["flex-start", "center", "flex-end", "space-between", "space-around"]).optional(),
|
|
26
28
|
});
|
|
27
29
|
const ScrollViewElementComponent = ({ element, ctx }) => {
|
|
28
30
|
var _a;
|
|
@@ -53,11 +55,20 @@ const ScrollViewElementComponent = ({ element, ctx }) => {
|
|
|
53
55
|
overflow: hasGradient ? "hidden" : p.overflow,
|
|
54
56
|
opacity: p.opacity,
|
|
55
57
|
};
|
|
58
|
+
// Horizontal: children must keep their intrinsic width and overflow so the row
|
|
59
|
+
// can scroll — so NO flexGrow (which would pin the content to the viewport
|
|
60
|
+
// width) and children render with parentType "XScroll" (row layout, no
|
|
61
|
+
// flexShrink default). Vertical keeps flexGrow:1 so a short payload still fills
|
|
62
|
+
// the scroll viewport. alignItems/justifyContent let authors control cross-axis
|
|
63
|
+
// alignment + distribution along the scroll axis.
|
|
56
64
|
const contentContainerStyle = {
|
|
57
|
-
|
|
65
|
+
flexDirection: horizontal ? "row" : "column",
|
|
66
|
+
flexGrow: horizontal ? undefined : 1,
|
|
67
|
+
alignItems: p.alignItems,
|
|
68
|
+
justifyContent: p.justifyContent,
|
|
58
69
|
padding: p.contentContainerPadding,
|
|
59
70
|
};
|
|
60
|
-
const scroll = ((0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { horizontal: horizontal, bounces: p.bounces, showsVerticalScrollIndicator: p.showsVerticalScrollIndicator, showsHorizontalScrollIndicator: p.showsHorizontalScrollIndicator, alwaysBounceVertical: p.alwaysBounceVertical, alwaysBounceHorizontal: p.alwaysBounceHorizontal, contentInset: p.contentInset, keyboardShouldPersistTaps: (_a = p.keyboardShouldPersistTaps) !== null && _a !== void 0 ? _a : "handled", style: hasGradient ? { flex: 1 } : containerStyle, contentContainerStyle: contentContainerStyle, children: ctx.renderChildren(element.children, horizontal ? "
|
|
71
|
+
const scroll = ((0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { horizontal: horizontal, bounces: p.bounces, showsVerticalScrollIndicator: p.showsVerticalScrollIndicator, showsHorizontalScrollIndicator: p.showsHorizontalScrollIndicator, alwaysBounceVertical: p.alwaysBounceVertical, alwaysBounceHorizontal: p.alwaysBounceHorizontal, contentInset: p.contentInset, keyboardShouldPersistTaps: (_a = p.keyboardShouldPersistTaps) !== null && _a !== void 0 ? _a : "handled", style: hasGradient ? { flex: 1 } : containerStyle, contentContainerStyle: contentContainerStyle, children: ctx.renderChildren(element.children, horizontal ? "XScroll" : "YStack") }));
|
|
61
72
|
if (hasGradient) {
|
|
62
73
|
return ((0, jsx_runtime_1.jsx)(GradientBox_1.GradientBox, { gradient: p.backgroundGradient, style: containerStyle, children: scroll }));
|
|
63
74
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollViewElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ScrollViewElement.tsx"],"names":[],"mappings":";;;;AACA,+CAA0C;AAC1C,6BAAwB;AACxB,iDAAkE;AAClE,+CAA4C;AAE5C,qCAA8C;
|
|
1
|
+
{"version":3,"file":"ScrollViewElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ScrollViewElement.tsx"],"names":[],"mappings":"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"}
|
|
@@ -264,7 +264,7 @@ type StackUIElement = Extract<UIElement, {
|
|
|
264
264
|
type Props = {
|
|
265
265
|
element: StackUIElement;
|
|
266
266
|
ctx: RenderContext;
|
|
267
|
-
parentType?: "XStack" | "YStack" | "ZStack" | "RichText";
|
|
267
|
+
parentType?: "XStack" | "YStack" | "ZStack" | "RichText" | "XScroll";
|
|
268
268
|
};
|
|
269
269
|
export declare const StackElementComponent: ({ element, ctx, parentType }: Props) => React.ReactElement;
|
|
270
270
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/StackElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAO,MAAM,UAAU,CAAC;AAG9C,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IAC9D,cAAc,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,CAAC;IACzF,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAKlC,CAAC;AAEH,KAAK,cAAc,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAAE,CAAC,CAAC;AAExE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,cAAc,CAAC;IACxB,GAAG,EAAE,aAAa,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"StackElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/StackElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAO,MAAM,UAAU,CAAC;AAG9C,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IAC9D,cAAc,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,CAAC;IACzF,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAKlC,CAAC;AAEH,KAAK,cAAc,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAAE,CAAC,CAAC;AAExE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,cAAc,CAAC;IACxB,GAAG,EAAE,aAAa,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;CACtE,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,8BAA8B,KAAK,KAAG,KAAK,CAAC,YAsCjF,CAAC"}
|
|
@@ -355,7 +355,7 @@ type TextUIElement = Extract<UIElement, {
|
|
|
355
355
|
type Props = {
|
|
356
356
|
element: TextUIElement;
|
|
357
357
|
ctx: RenderContext;
|
|
358
|
-
parentType?: "XStack" | "YStack" | "ZStack" | "RichText";
|
|
358
|
+
parentType?: "XStack" | "YStack" | "ZStack" | "RichText" | "XScroll";
|
|
359
359
|
};
|
|
360
360
|
export declare const TextElementComponent: ({ element, ctx, parentType }: Props) => React.ReactElement;
|
|
361
361
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/TextElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAsE,MAAM,UAAU,CAAC;AAG7G,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;IAClE,kBAAkB,CAAC,EACf,MAAM,GACN,WAAW,GACX,cAAc,GACd,wBAAwB,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;CAChE,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAiBzB,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,OAAO,EAAE,MAAM,GAAG,QAAQ,EAAE,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAWjC,CAAC;AA0CH,KAAK,aAAa,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE1D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,aAAa,CAAC;IACvB,GAAG,EAAE,aAAa,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"TextElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/TextElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAsE,MAAM,UAAU,CAAC;AAG7G,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;IAClE,kBAAkB,CAAC,EACf,MAAM,GACN,WAAW,GACX,cAAc,GACd,wBAAwB,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;CAChE,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAiBzB,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,OAAO,EAAE,MAAM,GAAG,QAAQ,EAAE,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAWjC,CAAC;AA0CH,KAAK,aAAa,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE1D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,aAAa,CAAC;IACvB,GAAG,EAAE,aAAa,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;CACtE,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,8BAA8B,KAAK,KAAG,KAAK,CAAC,YAuGhF,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { UIElement } from "../types";
|
|
3
3
|
import { RenderContext } from "./shared";
|
|
4
|
-
export declare const renderElement: (element: UIElement, ctx: RenderContext, parentType?: "XStack" | "YStack" | "ZStack" | "RichText") => React.ReactNode;
|
|
4
|
+
export declare const renderElement: (element: UIElement, ctx: RenderContext, parentType?: "XStack" | "YStack" | "ZStack" | "RichText" | "XScroll") => React.ReactNode;
|
|
5
5
|
//# sourceMappingURL=renderElement.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/renderElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAuBzC,eAAO,MAAM,aAAa,GACxB,SAAS,SAAS,EAClB,KAAK,aAAa,EAClB,aAAa,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"renderElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/renderElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAuBzC,eAAO,MAAM,aAAa,GACxB,SAAS,SAAS,EAClB,KAAK,aAAa,EAClB,aAAa,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,KACnE,KAAK,CAAC,SAkHR,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/renderElement.tsx"],"names":[],"mappings":";;;;AACA,+EAAsE;AAItE,iDAAuD;AACvD,+CAAqD;AACrD,uDAA6D;AAC7D,iDAAuD;AACvD,mDAAyD;AACzD,+CAAoD;AACpD,+CAAqD;AACrD,iDAAsD;AACtD,iDAAuD;AACvD,2DAA0D;AAC1D,iEAAgE;AAChE,mDAAyD;AACzD,2DAAiE;AACjE,6DAAmE;AACnE,uDAA6D;AAC7D,mDAAyD;AACzD,+DAAqE;AACrE,2DAAiE;AACjE,+EAAqF;AACrF,yEAA+E;AAC/E,+CAA4C;AAErC,MAAM,aAAa,GAAG,CAC3B,OAAkB,EAClB,GAAkB,EAClB,
|
|
1
|
+
{"version":3,"file":"renderElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/renderElement.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ export type RenderContext = {
|
|
|
10
10
|
setVariable: (key: string, entry: ComposableVariableEntry) => void;
|
|
11
11
|
onContinue: () => void;
|
|
12
12
|
customActions: CustomActions;
|
|
13
|
-
renderChildren: (elements: UIElement[], parentType: "XStack" | "YStack" | "ZStack" | "RichText") => React.ReactNode;
|
|
13
|
+
renderChildren: (elements: UIElement[], parentType: "XStack" | "YStack" | "ZStack" | "RichText" | "XScroll") => React.ReactNode;
|
|
14
14
|
};
|
|
15
15
|
export type InheritedTextStyle = {
|
|
16
16
|
fontSize?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;IACnD,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACnE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;IACnD,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACnE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;CACjI,CAAC;AAOF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,mCAA8C,CAAC;AAEhF,eAAO,MAAM,WAAW,GAAI,UAAU,MAAM,EAAE,WAAW,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,KAAG,MACM,CAAC;AAG1G,eAAO,MAAM,GAAG,GAAI,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,KAAG,OAAO,cAAc,EAAE,cAAc,GAAG,SACrC,CAAC;AAMzD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,YAAY,EACZ,aAAa,GAAG,cAAc,GAAG,eAAe,GAAG,cAAc,GAAG,WAAW,CAChF,CAAC;AACF,eAAO,MAAM,gBAAgB,GAAI,GAAG,gBAAgB;;;;;;CASnD,CAAC;AAIF,eAAO,MAAM,0BAA0B,GACrC,mBAAmB,MAAM,GAAG,SAAS,EACrC,cAAc,MAAM,GAAG,SAAS,KAC/B,MAAM,GAAG,SAKX,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rocapine/react-native-onboarding-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.34.0",
|
|
4
4
|
"description": "UI components and renderers for Rocapine Onboarding Studio - Built on top of the headless SDK",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -53,6 +53,7 @@
|
|
|
53
53
|
"expo-router": ">=3.0.0",
|
|
54
54
|
"expo-store-review": "*",
|
|
55
55
|
"expo-linear-gradient": "*",
|
|
56
|
+
"expo-image": "*",
|
|
56
57
|
"expo-video": "*",
|
|
57
58
|
"lottie-react-native": "*",
|
|
58
59
|
"react": "*",
|
|
@@ -74,6 +75,9 @@
|
|
|
74
75
|
"expo-linear-gradient": {
|
|
75
76
|
"optional": true
|
|
76
77
|
},
|
|
78
|
+
"expo-image": {
|
|
79
|
+
"optional": true
|
|
80
|
+
},
|
|
77
81
|
"expo-store-review": {
|
|
78
82
|
"optional": true
|
|
79
83
|
},
|
|
@@ -40,7 +40,7 @@ const ComposableScreenRendererBase = ({ step, onContinue }: ContentProps) => {
|
|
|
40
40
|
[elementDefaults, composableVariables]
|
|
41
41
|
);
|
|
42
42
|
|
|
43
|
-
const renderChildren = (children: UIElement[], parentType: "XStack" | "YStack" | "ZStack" | "RichText") =>
|
|
43
|
+
const renderChildren = (children: UIElement[], parentType: "XStack" | "YStack" | "ZStack" | "RichText" | "XScroll") =>
|
|
44
44
|
children.map((child) => renderElement(child, ctx, parentType));
|
|
45
45
|
|
|
46
46
|
const ctx: RenderContext = {
|
|
@@ -1,11 +1,22 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { z } from "zod";
|
|
3
|
-
import { Image, View } from "react-native";
|
|
3
|
+
import { Image as RNImage, View } from "react-native";
|
|
4
|
+
import { SvgUri } from "react-native-svg";
|
|
4
5
|
import { BaseBoxProps, BaseBoxPropsSchema } from "./BaseBoxProps";
|
|
5
6
|
import { UIElement } from "../types";
|
|
6
7
|
import { RenderContext, buildShadowStyle, dim } from "./shared";
|
|
7
8
|
import { GradientBox } from "./GradientBox";
|
|
8
9
|
|
|
10
|
+
// expo-image decodes webp/avif reliably across platforms (RN's built-in Image is
|
|
11
|
+
// flaky for webp on iOS). Optional peer dep — fall back to RN Image when absent,
|
|
12
|
+
// mirroring GradientBox's expo-linear-gradient handling.
|
|
13
|
+
let ExpoImage: React.ComponentType<any> | null = null;
|
|
14
|
+
try {
|
|
15
|
+
ExpoImage = require("expo-image").Image;
|
|
16
|
+
} catch {
|
|
17
|
+
// expo-image not installed — RN Image fallback below
|
|
18
|
+
}
|
|
19
|
+
|
|
9
20
|
export type ImageElementProps = BaseBoxProps & {
|
|
10
21
|
url: string;
|
|
11
22
|
aspectRatio?: number;
|
|
@@ -18,6 +29,39 @@ export const ImageElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
|
18
29
|
resizeMode: z.enum(["cover", "contain", "stretch", "center"]).optional(),
|
|
19
30
|
});
|
|
20
31
|
|
|
32
|
+
type ResizeMode = "cover" | "contain" | "stretch" | "center";
|
|
33
|
+
|
|
34
|
+
// RN resizeMode → expo-image contentFit.
|
|
35
|
+
const CONTENT_FIT: Record<ResizeMode, "cover" | "contain" | "fill" | "none"> = {
|
|
36
|
+
cover: "cover",
|
|
37
|
+
contain: "contain",
|
|
38
|
+
stretch: "fill",
|
|
39
|
+
center: "none",
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
// RN resizeMode → SVG preserveAspectRatio (SvgUri has no resizeMode).
|
|
43
|
+
const SVG_ASPECT: Record<ResizeMode, string> = {
|
|
44
|
+
cover: "xMidYMid slice",
|
|
45
|
+
contain: "xMidYMid meet",
|
|
46
|
+
center: "xMidYMid meet",
|
|
47
|
+
stretch: "none",
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
// SVGs need react-native-svg's SvgUri — RN/expo Image can't decode SVG XML. Auto
|
|
51
|
+
// -detected by file extension (query-string / hash tolerant) so existing payloads
|
|
52
|
+
// with `.svg` URLs just work, no schema change.
|
|
53
|
+
const isSvgUrl = (url: string): boolean =>
|
|
54
|
+
url.split(/[?#]/)[0].toLowerCase().endsWith(".svg");
|
|
55
|
+
|
|
56
|
+
// Pick expo-image when installed (better webp/avif), else RN Image. resizeMode
|
|
57
|
+
// passes through unchanged on RN; maps to contentFit on expo-image.
|
|
58
|
+
const renderRaster = (url: string, resizeMode: ResizeMode | undefined, style: any): React.ReactElement =>
|
|
59
|
+
ExpoImage ? (
|
|
60
|
+
<ExpoImage source={url} contentFit={CONTENT_FIT[resizeMode ?? "cover"]} style={style} />
|
|
61
|
+
) : (
|
|
62
|
+
<RNImage source={{ uri: url }} resizeMode={resizeMode} style={style} />
|
|
63
|
+
);
|
|
64
|
+
|
|
21
65
|
type ImageUIElement = Extract<UIElement, { type: "Image" }>;
|
|
22
66
|
|
|
23
67
|
type Props = {
|
|
@@ -27,6 +71,7 @@ type Props = {
|
|
|
27
71
|
|
|
28
72
|
export const ImageElementComponent = ({ element }: Props): React.ReactElement => {
|
|
29
73
|
const p = element.props;
|
|
74
|
+
const isSvg = isSvgUrl(p.url);
|
|
30
75
|
const hasShadow = p.shadowColor != null || p.elevation != null;
|
|
31
76
|
// iOS clips shadows when overflow:hidden, so a shadow-bearing Image needs a
|
|
32
77
|
// wrapper View carrying the shadow (no overflow clip) and the Image inside
|
|
@@ -58,17 +103,21 @@ export const ImageElementComponent = ({ element }: Props): React.ReactElement =>
|
|
|
58
103
|
paddingVertical: p.paddingVertical,
|
|
59
104
|
...(shadowStyle ?? {}),
|
|
60
105
|
};
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
borderRadius: p.borderRadius,
|
|
69
|
-
overflow: (p.overflow ?? "hidden") as any,
|
|
70
|
-
}}
|
|
106
|
+
// Inner content fills the wrapper (which carries layout + corner clip).
|
|
107
|
+
const innerImage = isSvg ? (
|
|
108
|
+
<SvgUri
|
|
109
|
+
uri={p.url}
|
|
110
|
+
width="100%"
|
|
111
|
+
height="100%"
|
|
112
|
+
preserveAspectRatio={SVG_ASPECT[p.resizeMode ?? "contain"]}
|
|
71
113
|
/>
|
|
114
|
+
) : (
|
|
115
|
+
renderRaster(p.url, p.resizeMode, {
|
|
116
|
+
width: "100%",
|
|
117
|
+
height: "100%",
|
|
118
|
+
borderRadius: p.borderRadius,
|
|
119
|
+
overflow: (p.overflow ?? "hidden") as any,
|
|
120
|
+
})
|
|
72
121
|
);
|
|
73
122
|
if (p.backgroundGradient) {
|
|
74
123
|
return (
|
|
@@ -80,35 +129,46 @@ export const ImageElementComponent = ({ element }: Props): React.ReactElement =>
|
|
|
80
129
|
return <View style={wrapperStyle as any}>{innerImage}</View>;
|
|
81
130
|
}
|
|
82
131
|
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
132
|
+
const simpleStyle = {
|
|
133
|
+
flex: p.flex,
|
|
134
|
+
flexShrink: p.flexShrink,
|
|
135
|
+
flexGrow: p.flexGrow,
|
|
136
|
+
alignSelf: p.alignSelf,
|
|
137
|
+
aspectRatio: p.aspectRatio,
|
|
138
|
+
width: dim(p.width),
|
|
139
|
+
height: dim(p.height),
|
|
140
|
+
minWidth: p.minWidth,
|
|
141
|
+
maxWidth: p.maxWidth,
|
|
142
|
+
minHeight: p.minHeight,
|
|
143
|
+
maxHeight: p.maxHeight,
|
|
144
|
+
backgroundColor: p.backgroundColor,
|
|
145
|
+
overflow: p.overflow,
|
|
146
|
+
borderRadius: p.borderRadius,
|
|
147
|
+
borderWidth: p.borderWidth,
|
|
148
|
+
borderColor: p.borderColor,
|
|
149
|
+
opacity: p.opacity,
|
|
150
|
+
margin: p.margin,
|
|
151
|
+
marginHorizontal: p.marginHorizontal,
|
|
152
|
+
marginVertical: p.marginVertical,
|
|
153
|
+
padding: p.padding,
|
|
154
|
+
paddingHorizontal: p.paddingHorizontal,
|
|
155
|
+
paddingVertical: p.paddingVertical,
|
|
156
|
+
} as any;
|
|
157
|
+
|
|
158
|
+
// SvgUri can't carry the full RN layout style itself, so wrap it in a View that
|
|
159
|
+
// does, and let the SVG fill it.
|
|
160
|
+
if (isSvg) {
|
|
161
|
+
return (
|
|
162
|
+
<View style={simpleStyle}>
|
|
163
|
+
<SvgUri
|
|
164
|
+
uri={p.url}
|
|
165
|
+
width="100%"
|
|
166
|
+
height="100%"
|
|
167
|
+
preserveAspectRatio={SVG_ASPECT[p.resizeMode ?? "contain"]}
|
|
168
|
+
/>
|
|
169
|
+
</View>
|
|
170
|
+
);
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
return renderRaster(p.url, p.resizeMode, simpleStyle);
|
|
114
174
|
};
|
|
@@ -45,9 +45,19 @@ type TextChild = Extract<UIElement, { type: "Text" }>;
|
|
|
45
45
|
type Props = {
|
|
46
46
|
element: RichTextUIElement;
|
|
47
47
|
ctx: RenderContext;
|
|
48
|
-
parentType?: "XStack" | "YStack" | "ZStack" | "RichText";
|
|
48
|
+
parentType?: "XStack" | "YStack" | "ZStack" | "RichText" | "XScroll";
|
|
49
49
|
};
|
|
50
50
|
|
|
51
|
+
// `textAlign` aligns text *inside* a Text box, but RichText splits each word into
|
|
52
|
+
// its own shrink-wrapped flex item, so textAlign is a no-op on the row. The row's
|
|
53
|
+
// horizontal distribution is governed by `justifyContent` — map textAlign onto it
|
|
54
|
+
// (explicit `justifyContent` still wins) so authors get the alignment they expect.
|
|
55
|
+
const ALIGN_TO_JUSTIFY = {
|
|
56
|
+
left: "flex-start",
|
|
57
|
+
center: "center",
|
|
58
|
+
right: "flex-end",
|
|
59
|
+
} as const;
|
|
60
|
+
|
|
51
61
|
// A plain-text child (no box styling, no motion) is split into one flex item per
|
|
52
62
|
// word so the row wraps word-by-word like real text — the chip pattern from
|
|
53
63
|
// host apps (parseTitleWithChips). A child carrying box styling (backgroundColor
|
|
@@ -144,7 +154,8 @@ export const RichTextElementComponent = ({ element, ctx, parentType }: Props): R
|
|
|
144
154
|
flexWrap: p.flexWrap ?? "wrap",
|
|
145
155
|
gap: p.gap,
|
|
146
156
|
alignItems: p.alignItems ?? "center",
|
|
147
|
-
justifyContent:
|
|
157
|
+
justifyContent:
|
|
158
|
+
p.justifyContent ?? (p.textAlign ? ALIGN_TO_JUSTIFY[p.textAlign] : "center"),
|
|
148
159
|
flex: p.flex,
|
|
149
160
|
flexShrink: p.flexShrink ?? (parentType === "XStack" ? 1 : undefined),
|
|
150
161
|
flexGrow: p.flexGrow,
|
|
@@ -23,6 +23,8 @@ export type ScrollViewElementProps = BaseBoxProps & {
|
|
|
23
23
|
contentInset?: ScrollViewContentInset;
|
|
24
24
|
contentContainerPadding?: number;
|
|
25
25
|
keyboardShouldPersistTaps?: "always" | "never" | "handled";
|
|
26
|
+
alignItems?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline";
|
|
27
|
+
justifyContent?: "flex-start" | "center" | "flex-end" | "space-between" | "space-around";
|
|
26
28
|
};
|
|
27
29
|
|
|
28
30
|
const ContentInsetSchema = z.object({
|
|
@@ -42,6 +44,8 @@ export const ScrollViewElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
|
42
44
|
contentInset: ContentInsetSchema.optional(),
|
|
43
45
|
contentContainerPadding: z.number().min(0).optional(),
|
|
44
46
|
keyboardShouldPersistTaps: z.enum(["always", "never", "handled"]).optional(),
|
|
47
|
+
alignItems: z.enum(["flex-start", "center", "flex-end", "stretch", "baseline"]).optional(),
|
|
48
|
+
justifyContent: z.enum(["flex-start", "center", "flex-end", "space-between", "space-around"]).optional(),
|
|
45
49
|
});
|
|
46
50
|
|
|
47
51
|
type ScrollViewUIElement = Extract<UIElement, { type: "ScrollView" }>;
|
|
@@ -81,8 +85,17 @@ export const ScrollViewElementComponent = ({ element, ctx }: Props): React.React
|
|
|
81
85
|
opacity: p.opacity,
|
|
82
86
|
};
|
|
83
87
|
|
|
88
|
+
// Horizontal: children must keep their intrinsic width and overflow so the row
|
|
89
|
+
// can scroll — so NO flexGrow (which would pin the content to the viewport
|
|
90
|
+
// width) and children render with parentType "XScroll" (row layout, no
|
|
91
|
+
// flexShrink default). Vertical keeps flexGrow:1 so a short payload still fills
|
|
92
|
+
// the scroll viewport. alignItems/justifyContent let authors control cross-axis
|
|
93
|
+
// alignment + distribution along the scroll axis.
|
|
84
94
|
const contentContainerStyle = {
|
|
85
|
-
|
|
95
|
+
flexDirection: horizontal ? ("row" as const) : ("column" as const),
|
|
96
|
+
flexGrow: horizontal ? undefined : 1,
|
|
97
|
+
alignItems: p.alignItems,
|
|
98
|
+
justifyContent: p.justifyContent,
|
|
86
99
|
padding: p.contentContainerPadding,
|
|
87
100
|
};
|
|
88
101
|
|
|
@@ -99,7 +112,7 @@ export const ScrollViewElementComponent = ({ element, ctx }: Props): React.React
|
|
|
99
112
|
style={hasGradient ? { flex: 1 } : containerStyle}
|
|
100
113
|
contentContainerStyle={contentContainerStyle}
|
|
101
114
|
>
|
|
102
|
-
{ctx.renderChildren(element.children, horizontal ? "
|
|
115
|
+
{ctx.renderChildren(element.children, horizontal ? "XScroll" : "YStack")}
|
|
103
116
|
</ScrollView>
|
|
104
117
|
);
|
|
105
118
|
|
|
@@ -24,7 +24,7 @@ type StackUIElement = Extract<UIElement, { type: "YStack" | "XStack" }>;
|
|
|
24
24
|
type Props = {
|
|
25
25
|
element: StackUIElement;
|
|
26
26
|
ctx: RenderContext;
|
|
27
|
-
parentType?: "XStack" | "YStack" | "ZStack" | "RichText";
|
|
27
|
+
parentType?: "XStack" | "YStack" | "ZStack" | "RichText" | "XScroll";
|
|
28
28
|
};
|
|
29
29
|
|
|
30
30
|
export const StackElementComponent = ({ element, ctx, parentType }: Props): React.ReactElement => {
|
|
@@ -118,7 +118,7 @@ type TextUIElement = Extract<UIElement, { type: "Text" }>;
|
|
|
118
118
|
type Props = {
|
|
119
119
|
element: TextUIElement;
|
|
120
120
|
ctx: RenderContext;
|
|
121
|
-
parentType?: "XStack" | "YStack" | "ZStack" | "RichText";
|
|
121
|
+
parentType?: "XStack" | "YStack" | "ZStack" | "RichText" | "XScroll";
|
|
122
122
|
};
|
|
123
123
|
|
|
124
124
|
export const TextElementComponent = ({ element, ctx, parentType }: Props): React.ReactElement => {
|
|
@@ -28,7 +28,7 @@ import { AnimatedBox } from "./AnimatedBox";
|
|
|
28
28
|
export const renderElement = (
|
|
29
29
|
element: UIElement,
|
|
30
30
|
ctx: RenderContext,
|
|
31
|
-
parentType?: "XStack" | "YStack" | "ZStack" | "RichText"
|
|
31
|
+
parentType?: "XStack" | "YStack" | "ZStack" | "RichText" | "XScroll"
|
|
32
32
|
): React.ReactNode => {
|
|
33
33
|
if (element.renderWhen) {
|
|
34
34
|
const flatVars = Object.fromEntries(
|
|
@@ -11,7 +11,7 @@ export type RenderContext = {
|
|
|
11
11
|
setVariable: (key: string, entry: ComposableVariableEntry) => void;
|
|
12
12
|
onContinue: () => void;
|
|
13
13
|
customActions: CustomActions;
|
|
14
|
-
renderChildren: (elements: UIElement[], parentType: "XStack" | "YStack" | "ZStack" | "RichText") => React.ReactNode;
|
|
14
|
+
renderChildren: (elements: UIElement[], parentType: "XStack" | "YStack" | "ZStack" | "RichText" | "XScroll") => React.ReactNode;
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
// Text-style defaults a `RichText` container hands down to its child `Text`
|