@rocapine/react-native-onboarding-ui 1.12.0 → 1.14.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/BaseBoxProps.d.ts +67 -0
- package/dist/UI/Pages/ComposableScreen/elements/BaseBoxProps.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/BaseBoxProps.js +15 -1
- package/dist/UI/Pages/ComposableScreen/elements/BaseBoxProps.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.d.ts +27 -0
- package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.js +40 -14
- package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/CarouselElement.d.ts +27 -0
- package/dist/UI/Pages/ComposableScreen/elements/CarouselElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/CarouselElement.js +3 -2
- package/dist/UI/Pages/ComposableScreen/elements/CarouselElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/CheckboxGroupElement.d.ts +27 -0
- package/dist/UI/Pages/ComposableScreen/elements/CheckboxGroupElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/CheckboxGroupElement.js +3 -1
- package/dist/UI/Pages/ComposableScreen/elements/CheckboxGroupElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/DatePickerElement.d.ts +27 -0
- package/dist/UI/Pages/ComposableScreen/elements/DatePickerElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/DatePickerElement.js +4 -2
- package/dist/UI/Pages/ComposableScreen/elements/DatePickerElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/GradientBox.d.ts +11 -0
- package/dist/UI/Pages/ComposableScreen/elements/GradientBox.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/GradientBox.js +33 -0
- package/dist/UI/Pages/ComposableScreen/elements/GradientBox.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/IconElement.d.ts +27 -0
- package/dist/UI/Pages/ComposableScreen/elements/IconElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/IconElement.js +3 -3
- package/dist/UI/Pages/ComposableScreen/elements/IconElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/ImageElement.d.ts +27 -0
- package/dist/UI/Pages/ComposableScreen/elements/ImageElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/ImageElement.js +51 -23
- package/dist/UI/Pages/ComposableScreen/elements/ImageElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/InputElement.d.ts +27 -0
- package/dist/UI/Pages/ComposableScreen/elements/InputElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/LottieElement.d.ts +27 -0
- package/dist/UI/Pages/ComposableScreen/elements/LottieElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/LottieElement.js +4 -3
- package/dist/UI/Pages/ComposableScreen/elements/LottieElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/RadioGroupElement.d.ts +27 -0
- package/dist/UI/Pages/ComposableScreen/elements/RadioGroupElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/RadioGroupElement.js +3 -1
- package/dist/UI/Pages/ComposableScreen/elements/RadioGroupElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/RiveElement.d.ts +27 -0
- package/dist/UI/Pages/ComposableScreen/elements/RiveElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/StackElement.d.ts +28 -1
- package/dist/UI/Pages/ComposableScreen/elements/StackElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/StackElement.js +3 -3
- package/dist/UI/Pages/ComposableScreen/elements/StackElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/TextElement.d.ts +28 -1
- package/dist/UI/Pages/ComposableScreen/elements/TextElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/TextElement.js +48 -21
- package/dist/UI/Pages/ComposableScreen/elements/TextElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/VideoElement.d.ts +33 -0
- package/dist/UI/Pages/ComposableScreen/elements/VideoElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/VideoElement.js +7 -5
- package/dist/UI/Pages/ComposableScreen/elements/VideoElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/ZStackElement.d.ts +77 -0
- package/dist/UI/Pages/ComposableScreen/elements/ZStackElement.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/ZStackElement.js +39 -0
- package/dist/UI/Pages/ComposableScreen/elements/ZStackElement.js.map +1 -0
- 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 +4 -0
- 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/dist/UI/Pages/ComposableScreen/types.d.ts +9 -1
- package/dist/UI/Pages/ComposableScreen/types.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/types.js +9 -1
- package/dist/UI/Pages/ComposableScreen/types.js.map +1 -1
- package/package.json +6 -2
- package/src/UI/Pages/ComposableScreen/Renderer.tsx +1 -1
- package/src/UI/Pages/ComposableScreen/elements/BaseBoxProps.ts +42 -0
- package/src/UI/Pages/ComposableScreen/elements/ButtonElement.tsx +56 -12
- package/src/UI/Pages/ComposableScreen/elements/CarouselElement.tsx +5 -4
- package/src/UI/Pages/ComposableScreen/elements/CheckboxGroupElement.tsx +5 -3
- package/src/UI/Pages/ComposableScreen/elements/DatePickerElement.tsx +6 -4
- package/src/UI/Pages/ComposableScreen/elements/GradientBox.tsx +56 -0
- package/src/UI/Pages/ComposableScreen/elements/IconElement.tsx +5 -4
- package/src/UI/Pages/ComposableScreen/elements/ImageElement.tsx +64 -24
- package/src/UI/Pages/ComposableScreen/elements/LottieElement.tsx +10 -6
- package/src/UI/Pages/ComposableScreen/elements/RadioGroupElement.tsx +5 -3
- package/src/UI/Pages/ComposableScreen/elements/StackElement.tsx +6 -5
- package/src/UI/Pages/ComposableScreen/elements/TextElement.tsx +57 -21
- package/src/UI/Pages/ComposableScreen/elements/VideoElement.tsx +13 -6
- package/src/UI/Pages/ComposableScreen/elements/ZStackElement.tsx +60 -0
- package/src/UI/Pages/ComposableScreen/elements/renderElement.tsx +6 -1
- package/src/UI/Pages/ComposableScreen/elements/shared.ts +1 -1
- package/src/UI/Pages/ComposableScreen/types.ts +17 -1
|
@@ -29,6 +29,33 @@ export declare const StackElementPropsSchema: z.ZodObject<{
|
|
|
29
29
|
}>>;
|
|
30
30
|
opacity: z.ZodOptional<z.ZodNumber>;
|
|
31
31
|
backgroundColor: z.ZodOptional<z.ZodString>;
|
|
32
|
+
backgroundGradient: z.ZodOptional<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
33
|
+
type: z.ZodLiteral<"linear">;
|
|
34
|
+
from: z.ZodEnum<{
|
|
35
|
+
left: "left";
|
|
36
|
+
right: "right";
|
|
37
|
+
top: "top";
|
|
38
|
+
bottom: "bottom";
|
|
39
|
+
topLeft: "topLeft";
|
|
40
|
+
topRight: "topRight";
|
|
41
|
+
bottomLeft: "bottomLeft";
|
|
42
|
+
bottomRight: "bottomRight";
|
|
43
|
+
}>;
|
|
44
|
+
to: z.ZodEnum<{
|
|
45
|
+
left: "left";
|
|
46
|
+
right: "right";
|
|
47
|
+
top: "top";
|
|
48
|
+
bottom: "bottom";
|
|
49
|
+
topLeft: "topLeft";
|
|
50
|
+
topRight: "topRight";
|
|
51
|
+
bottomLeft: "bottomLeft";
|
|
52
|
+
bottomRight: "bottomRight";
|
|
53
|
+
}>;
|
|
54
|
+
stops: z.ZodArray<z.ZodObject<{
|
|
55
|
+
color: z.ZodString;
|
|
56
|
+
position: z.ZodOptional<z.ZodNumber>;
|
|
57
|
+
}, z.core.$strip>>;
|
|
58
|
+
}, z.core.$strip>], "type">>;
|
|
32
59
|
overflow: z.ZodOptional<z.ZodEnum<{
|
|
33
60
|
visible: "visible";
|
|
34
61
|
hidden: "hidden";
|
|
@@ -68,7 +95,7 @@ type StackUIElement = Extract<UIElement, {
|
|
|
68
95
|
type Props = {
|
|
69
96
|
element: StackUIElement;
|
|
70
97
|
ctx: RenderContext;
|
|
71
|
-
parentType?: "XStack" | "YStack";
|
|
98
|
+
parentType?: "XStack" | "YStack" | "ZStack";
|
|
72
99
|
};
|
|
73
100
|
export declare const StackElementComponent: ({ element, ctx, parentType }: Props) => React.ReactElement;
|
|
74
101
|
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;
|
|
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,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,8BAA8B,KAAK,KAAG,KAAK,CAAC,YAsCjF,CAAC"}
|
|
@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.StackElementComponent = exports.StackElementPropsSchema = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const zod_1 = require("zod");
|
|
6
|
-
const react_native_1 = require("react-native");
|
|
7
6
|
const BaseBoxProps_1 = require("./BaseBoxProps");
|
|
8
7
|
const shared_1 = require("./shared");
|
|
8
|
+
const GradientBox_1 = require("./GradientBox");
|
|
9
9
|
exports.StackElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
|
|
10
10
|
gap: zod_1.z.number().optional(),
|
|
11
11
|
alignItems: zod_1.z.enum(["flex-start", "center", "flex-end", "stretch"]).optional(),
|
|
@@ -15,7 +15,7 @@ exports.StackElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
|
|
|
15
15
|
const StackElementComponent = ({ element, ctx, parentType }) => {
|
|
16
16
|
var _a;
|
|
17
17
|
const p = element.props;
|
|
18
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)(GradientBox_1.GradientBox, { gradient: p.backgroundGradient, style: {
|
|
19
19
|
flexDirection: element.type === "XStack" ? "row" : "column",
|
|
20
20
|
gap: p.gap,
|
|
21
21
|
flex: p.flex,
|
|
@@ -37,7 +37,7 @@ const StackElementComponent = ({ element, ctx, parentType }) => {
|
|
|
37
37
|
margin: p.margin,
|
|
38
38
|
marginHorizontal: p.marginHorizontal,
|
|
39
39
|
marginVertical: p.marginVertical,
|
|
40
|
-
backgroundColor: p.backgroundColor,
|
|
40
|
+
backgroundColor: p.backgroundGradient ? undefined : p.backgroundColor,
|
|
41
41
|
borderWidth: p.borderWidth,
|
|
42
42
|
borderRadius: p.borderRadius,
|
|
43
43
|
borderColor: p.borderColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/StackElement.tsx"],"names":[],"mappings":";;;;AACA,6BAAwB;AACxB
|
|
1
|
+
{"version":3,"file":"StackElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/StackElement.tsx"],"names":[],"mappings":";;;;AACA,6BAAwB;AACxB,iDAAkE;AAElE,qCAA8C;AAC9C,+CAA4C;AAS/B,QAAA,uBAAuB,GAAG,iCAAkB,CAAC,MAAM,CAAC;IAC/D,GAAG,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC1B,UAAU,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE;IAC9E,cAAc,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC,QAAQ,EAAE;IACxG,QAAQ,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE;CAChD,CAAC,CAAC;AAUI,MAAM,qBAAqB,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAS,EAAsB,EAAE;;IAC/F,MAAM,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC;IACxB,OAAO,CACL,uBAAC,yBAAW,IACV,QAAQ,EAAE,CAAC,CAAC,kBAAkB,EAC9B,KAAK,EAAE;YACL,aAAa,EAAE,OAAO,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;YAC3D,GAAG,EAAE,CAAC,CAAC,GAAG;YACV,IAAI,EAAE,CAAC,CAAC,IAAI;YACZ,UAAU,EAAE,MAAA,CAAC,CAAC,UAAU,mCAAI,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YACrE,QAAQ,EAAE,CAAC,CAAC,QAAQ;YACpB,QAAQ,EAAE,CAAC,CAAC,QAAQ;YACpB,SAAS,EAAE,CAAC,CAAC,SAAS;YACtB,UAAU,EAAE,CAAC,CAAC,UAAU;YACxB,cAAc,EAAE,CAAC,CAAC,cAAc;YAChC,KAAK,EAAE,IAAA,YAAG,EAAC,CAAC,CAAC,KAAK,CAAC;YACnB,MAAM,EAAE,IAAA,YAAG,EAAC,CAAC,CAAC,MAAM,CAAC;YACrB,QAAQ,EAAE,CAAC,CAAC,QAAQ;YACpB,QAAQ,EAAE,CAAC,CAAC,QAAQ;YACpB,SAAS,EAAE,CAAC,CAAC,SAAS;YACtB,SAAS,EAAE,CAAC,CAAC,SAAS;YACtB,OAAO,EAAE,CAAC,CAAC,OAAO;YAClB,iBAAiB,EAAE,CAAC,CAAC,iBAAiB;YACtC,eAAe,EAAE,CAAC,CAAC,eAAe;YAClC,MAAM,EAAE,CAAC,CAAC,MAAM;YAChB,gBAAgB,EAAE,CAAC,CAAC,gBAAgB;YACpC,cAAc,EAAE,CAAC,CAAC,cAAc;YAChC,eAAe,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe;YACrE,WAAW,EAAE,CAAC,CAAC,WAAW;YAC1B,YAAY,EAAE,CAAC,CAAC,YAAY;YAC5B,WAAW,EAAE,CAAC,CAAC,WAAW;YAC1B,QAAQ,EAAE,CAAC,CAAC,QAAQ;YACpB,OAAO,EAAE,CAAC,CAAC,OAAO;SACnB,YAEA,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,GACvC,CACf,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,qBAAqB,yBAsChC"}
|
|
@@ -34,6 +34,33 @@ export declare const TextElementPropsSchema: z.ZodObject<{
|
|
|
34
34
|
}>>;
|
|
35
35
|
opacity: z.ZodOptional<z.ZodNumber>;
|
|
36
36
|
backgroundColor: z.ZodOptional<z.ZodString>;
|
|
37
|
+
backgroundGradient: z.ZodOptional<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
38
|
+
type: z.ZodLiteral<"linear">;
|
|
39
|
+
from: z.ZodEnum<{
|
|
40
|
+
left: "left";
|
|
41
|
+
right: "right";
|
|
42
|
+
top: "top";
|
|
43
|
+
bottom: "bottom";
|
|
44
|
+
topLeft: "topLeft";
|
|
45
|
+
topRight: "topRight";
|
|
46
|
+
bottomLeft: "bottomLeft";
|
|
47
|
+
bottomRight: "bottomRight";
|
|
48
|
+
}>;
|
|
49
|
+
to: z.ZodEnum<{
|
|
50
|
+
left: "left";
|
|
51
|
+
right: "right";
|
|
52
|
+
top: "top";
|
|
53
|
+
bottom: "bottom";
|
|
54
|
+
topLeft: "topLeft";
|
|
55
|
+
topRight: "topRight";
|
|
56
|
+
bottomLeft: "bottomLeft";
|
|
57
|
+
bottomRight: "bottomRight";
|
|
58
|
+
}>;
|
|
59
|
+
stops: z.ZodArray<z.ZodObject<{
|
|
60
|
+
color: z.ZodString;
|
|
61
|
+
position: z.ZodOptional<z.ZodNumber>;
|
|
62
|
+
}, z.core.$strip>>;
|
|
63
|
+
}, z.core.$strip>], "type">>;
|
|
37
64
|
overflow: z.ZodOptional<z.ZodEnum<{
|
|
38
65
|
visible: "visible";
|
|
39
66
|
hidden: "hidden";
|
|
@@ -71,7 +98,7 @@ type TextUIElement = Extract<UIElement, {
|
|
|
71
98
|
type Props = {
|
|
72
99
|
element: TextUIElement;
|
|
73
100
|
ctx: RenderContext;
|
|
74
|
-
parentType?: "XStack" | "YStack";
|
|
101
|
+
parentType?: "XStack" | "YStack" | "ZStack";
|
|
75
102
|
};
|
|
76
103
|
export declare const TextElementComponent: ({ element, ctx, parentType }: Props) => React.ReactElement;
|
|
77
104
|
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;AAExB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAoB,MAAM,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;AAExB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAoB,MAAM,UAAU,CAAC;AAG3D,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAUjC,CAAC;AAEH,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,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,8BAA8B,KAAK,KAAG,KAAK,CAAC,YA+EhF,CAAC"}
|
|
@@ -6,6 +6,7 @@ const zod_1 = require("zod");
|
|
|
6
6
|
const react_native_1 = require("react-native");
|
|
7
7
|
const BaseBoxProps_1 = require("./BaseBoxProps");
|
|
8
8
|
const shared_1 = require("./shared");
|
|
9
|
+
const GradientBox_1 = require("./GradientBox");
|
|
9
10
|
exports.TextElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
|
|
10
11
|
content: zod_1.z.string(),
|
|
11
12
|
mode: zod_1.z.enum(["plain", "expression"]).optional(),
|
|
@@ -18,23 +19,23 @@ exports.TextElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
|
|
|
18
19
|
lineHeight: zod_1.z.number().optional(),
|
|
19
20
|
});
|
|
20
21
|
const TextElementComponent = ({ element, ctx, parentType }) => {
|
|
21
|
-
var _a, _b;
|
|
22
|
+
var _a, _b, _c;
|
|
22
23
|
const { theme, variables } = ctx;
|
|
23
24
|
const p = element.props;
|
|
24
25
|
const content = p.mode === "expression"
|
|
25
26
|
? (0, shared_1.interpolate)(p.content, variables)
|
|
26
27
|
: p.content;
|
|
27
|
-
|
|
28
|
+
const textNode = ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
|
|
28
29
|
flex: p.flex,
|
|
29
30
|
flexShrink: (_a = p.flexShrink) !== null && _a !== void 0 ? _a : (parentType === "XStack" ? 1 : undefined),
|
|
30
|
-
flexGrow: p.flexGrow,
|
|
31
|
-
alignSelf: p.alignSelf,
|
|
32
|
-
width: (0, shared_1.dim)(p.width),
|
|
33
|
-
height: (0, shared_1.dim)(p.height),
|
|
34
|
-
minWidth: p.minWidth,
|
|
35
|
-
maxWidth: p.maxWidth,
|
|
36
|
-
minHeight: p.minHeight,
|
|
37
|
-
maxHeight: p.maxHeight,
|
|
31
|
+
flexGrow: p.backgroundGradient ? undefined : p.flexGrow,
|
|
32
|
+
alignSelf: p.backgroundGradient ? undefined : p.alignSelf,
|
|
33
|
+
width: p.backgroundGradient ? undefined : (0, shared_1.dim)(p.width),
|
|
34
|
+
height: p.backgroundGradient ? undefined : (0, shared_1.dim)(p.height),
|
|
35
|
+
minWidth: p.backgroundGradient ? undefined : p.minWidth,
|
|
36
|
+
maxWidth: p.backgroundGradient ? undefined : p.maxWidth,
|
|
37
|
+
minHeight: p.backgroundGradient ? undefined : p.minHeight,
|
|
38
|
+
maxHeight: p.backgroundGradient ? undefined : p.maxHeight,
|
|
38
39
|
fontSize: p.fontSize,
|
|
39
40
|
fontWeight: p.fontWeight,
|
|
40
41
|
fontFamily: p.fontFamily,
|
|
@@ -42,18 +43,44 @@ const TextElementComponent = ({ element, ctx, parentType }) => {
|
|
|
42
43
|
textAlign: p.textAlign,
|
|
43
44
|
letterSpacing: p.letterSpacing,
|
|
44
45
|
lineHeight: p.lineHeight,
|
|
45
|
-
backgroundColor: p.backgroundColor,
|
|
46
|
-
padding: p.padding,
|
|
47
|
-
paddingHorizontal: p.paddingHorizontal,
|
|
48
|
-
paddingVertical: p.paddingVertical,
|
|
49
|
-
margin: p.margin,
|
|
50
|
-
marginHorizontal: p.marginHorizontal,
|
|
51
|
-
marginVertical: p.marginVertical,
|
|
52
|
-
borderWidth: p.borderWidth,
|
|
53
|
-
borderRadius: p.borderRadius,
|
|
54
|
-
borderColor: p.borderColor,
|
|
55
|
-
opacity: p.opacity,
|
|
46
|
+
backgroundColor: p.backgroundGradient ? undefined : p.backgroundColor,
|
|
47
|
+
padding: p.backgroundGradient ? undefined : p.padding,
|
|
48
|
+
paddingHorizontal: p.backgroundGradient ? undefined : p.paddingHorizontal,
|
|
49
|
+
paddingVertical: p.backgroundGradient ? undefined : p.paddingVertical,
|
|
50
|
+
margin: p.backgroundGradient ? undefined : p.margin,
|
|
51
|
+
marginHorizontal: p.backgroundGradient ? undefined : p.marginHorizontal,
|
|
52
|
+
marginVertical: p.backgroundGradient ? undefined : p.marginVertical,
|
|
53
|
+
borderWidth: p.backgroundGradient ? undefined : p.borderWidth,
|
|
54
|
+
borderRadius: p.backgroundGradient ? undefined : p.borderRadius,
|
|
55
|
+
borderColor: p.backgroundGradient ? undefined : p.borderColor,
|
|
56
|
+
opacity: p.backgroundGradient ? undefined : p.opacity,
|
|
56
57
|
}, children: content }));
|
|
58
|
+
if (p.backgroundGradient) {
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)(GradientBox_1.GradientBox, { gradient: p.backgroundGradient, style: {
|
|
60
|
+
flex: p.flex,
|
|
61
|
+
flexShrink: (_c = p.flexShrink) !== null && _c !== void 0 ? _c : (parentType === "XStack" ? 1 : undefined),
|
|
62
|
+
flexGrow: p.flexGrow,
|
|
63
|
+
alignSelf: p.alignSelf,
|
|
64
|
+
width: (0, shared_1.dim)(p.width),
|
|
65
|
+
height: (0, shared_1.dim)(p.height),
|
|
66
|
+
minWidth: p.minWidth,
|
|
67
|
+
maxWidth: p.maxWidth,
|
|
68
|
+
minHeight: p.minHeight,
|
|
69
|
+
maxHeight: p.maxHeight,
|
|
70
|
+
padding: p.padding,
|
|
71
|
+
paddingHorizontal: p.paddingHorizontal,
|
|
72
|
+
paddingVertical: p.paddingVertical,
|
|
73
|
+
margin: p.margin,
|
|
74
|
+
marginHorizontal: p.marginHorizontal,
|
|
75
|
+
marginVertical: p.marginVertical,
|
|
76
|
+
borderWidth: p.borderWidth,
|
|
77
|
+
borderRadius: p.borderRadius,
|
|
78
|
+
borderColor: p.borderColor,
|
|
79
|
+
opacity: p.opacity,
|
|
80
|
+
overflow: "hidden",
|
|
81
|
+
}, children: textNode }));
|
|
82
|
+
}
|
|
83
|
+
return textNode;
|
|
57
84
|
};
|
|
58
85
|
exports.TextElementComponent = TextElementComponent;
|
|
59
86
|
//# sourceMappingURL=TextElement.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/TextElement.tsx"],"names":[],"mappings":";;;;AACA,6BAAwB;AACxB,+CAAoC;AACpC,iDAAkE;AAElE,qCAA2D;
|
|
1
|
+
{"version":3,"file":"TextElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/TextElement.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ export type VideoElementProps = BaseBoxProps & {
|
|
|
9
9
|
loop?: boolean;
|
|
10
10
|
muted?: boolean;
|
|
11
11
|
controls?: boolean;
|
|
12
|
+
contentFit?: "contain" | "cover" | "fill";
|
|
12
13
|
};
|
|
13
14
|
export declare const VideoElementPropsSchema: z.ZodObject<{
|
|
14
15
|
width: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>;
|
|
@@ -30,6 +31,33 @@ export declare const VideoElementPropsSchema: z.ZodObject<{
|
|
|
30
31
|
}>>;
|
|
31
32
|
opacity: z.ZodOptional<z.ZodNumber>;
|
|
32
33
|
backgroundColor: z.ZodOptional<z.ZodString>;
|
|
34
|
+
backgroundGradient: z.ZodOptional<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
35
|
+
type: z.ZodLiteral<"linear">;
|
|
36
|
+
from: z.ZodEnum<{
|
|
37
|
+
left: "left";
|
|
38
|
+
right: "right";
|
|
39
|
+
top: "top";
|
|
40
|
+
bottom: "bottom";
|
|
41
|
+
topLeft: "topLeft";
|
|
42
|
+
topRight: "topRight";
|
|
43
|
+
bottomLeft: "bottomLeft";
|
|
44
|
+
bottomRight: "bottomRight";
|
|
45
|
+
}>;
|
|
46
|
+
to: z.ZodEnum<{
|
|
47
|
+
left: "left";
|
|
48
|
+
right: "right";
|
|
49
|
+
top: "top";
|
|
50
|
+
bottom: "bottom";
|
|
51
|
+
topLeft: "topLeft";
|
|
52
|
+
topRight: "topRight";
|
|
53
|
+
bottomLeft: "bottomLeft";
|
|
54
|
+
bottomRight: "bottomRight";
|
|
55
|
+
}>;
|
|
56
|
+
stops: z.ZodArray<z.ZodObject<{
|
|
57
|
+
color: z.ZodString;
|
|
58
|
+
position: z.ZodOptional<z.ZodNumber>;
|
|
59
|
+
}, z.core.$strip>>;
|
|
60
|
+
}, z.core.$strip>], "type">>;
|
|
33
61
|
overflow: z.ZodOptional<z.ZodEnum<{
|
|
34
62
|
visible: "visible";
|
|
35
63
|
hidden: "hidden";
|
|
@@ -49,6 +77,11 @@ export declare const VideoElementPropsSchema: z.ZodObject<{
|
|
|
49
77
|
loop: z.ZodOptional<z.ZodBoolean>;
|
|
50
78
|
muted: z.ZodOptional<z.ZodBoolean>;
|
|
51
79
|
controls: z.ZodOptional<z.ZodBoolean>;
|
|
80
|
+
contentFit: z.ZodOptional<z.ZodEnum<{
|
|
81
|
+
contain: "contain";
|
|
82
|
+
fill: "fill";
|
|
83
|
+
cover: "cover";
|
|
84
|
+
}>>;
|
|
52
85
|
}, z.core.$strip>;
|
|
53
86
|
type VideoUIElement = Extract<UIElement, {
|
|
54
87
|
type: "Video";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VideoElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/VideoElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,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,EAAO,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"VideoElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/VideoElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,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,EAAO,MAAM,UAAU,CAAC;AAI9C,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAOlC,CAAC;AAEH,KAAK,cAAc,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAoC5D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,cAAc,CAAC;IACxB,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,kBAAkB,KAAK,KAAG,KAAK,CAAC,YA6CpE,CAAC"}
|
|
@@ -8,18 +8,20 @@ const react_native_1 = require("react-native");
|
|
|
8
8
|
const BaseBoxProps_1 = require("./BaseBoxProps");
|
|
9
9
|
const shared_1 = require("./shared");
|
|
10
10
|
const helpers_1 = require("../../../Theme/helpers");
|
|
11
|
+
const GradientBox_1 = require("./GradientBox");
|
|
11
12
|
exports.VideoElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
|
|
12
13
|
url: zod_1.z.string().min(1, "url must not be empty"),
|
|
13
14
|
autoPlay: zod_1.z.boolean().optional(),
|
|
14
15
|
loop: zod_1.z.boolean().optional(),
|
|
15
16
|
muted: zod_1.z.boolean().optional(),
|
|
16
17
|
controls: zod_1.z.boolean().optional(),
|
|
18
|
+
contentFit: zod_1.z.enum(["contain", "cover", "fill"]).optional(),
|
|
17
19
|
});
|
|
18
20
|
let VideoElementComponent = null;
|
|
19
21
|
try {
|
|
20
22
|
const { VideoView, useVideoPlayer } = require("expo-video");
|
|
21
23
|
VideoElementComponent = ({ element, style }) => {
|
|
22
|
-
var _a;
|
|
24
|
+
var _a, _b;
|
|
23
25
|
const player = useVideoPlayer(element.props.url, (p) => {
|
|
24
26
|
var _a, _b;
|
|
25
27
|
p.loop = (_a = element.props.loop) !== null && _a !== void 0 ? _a : false;
|
|
@@ -38,7 +40,7 @@ try {
|
|
|
38
40
|
player.pause();
|
|
39
41
|
}
|
|
40
42
|
}, [element.props.loop, element.props.muted, element.props.autoPlay]);
|
|
41
|
-
return ((0, jsx_runtime_1.jsx)(VideoView, { player: player, style: style, allowsFullscreen: false, nativeControls: (_a = element.props.controls) !== null && _a !== void 0 ? _a : false }));
|
|
43
|
+
return ((0, jsx_runtime_1.jsx)(VideoView, { player: player, style: style, allowsFullscreen: false, nativeControls: (_a = element.props.controls) !== null && _a !== void 0 ? _a : false, contentFit: (_b = element.props.contentFit) !== null && _b !== void 0 ? _b : "contain" }));
|
|
42
44
|
};
|
|
43
45
|
}
|
|
44
46
|
catch (_a) {
|
|
@@ -59,7 +61,7 @@ const VideoElementRenderer = ({ element, ctx }) => {
|
|
|
59
61
|
minHeight: element.props.minHeight,
|
|
60
62
|
maxHeight: element.props.maxHeight,
|
|
61
63
|
opacity: element.props.opacity,
|
|
62
|
-
backgroundColor: element.props.backgroundColor,
|
|
64
|
+
backgroundColor: element.props.backgroundGradient ? undefined : element.props.backgroundColor,
|
|
63
65
|
margin: element.props.margin,
|
|
64
66
|
marginHorizontal: element.props.marginHorizontal,
|
|
65
67
|
marginVertical: element.props.marginVertical,
|
|
@@ -72,9 +74,9 @@ const VideoElementRenderer = ({ element, ctx }) => {
|
|
|
72
74
|
overflow: "hidden",
|
|
73
75
|
};
|
|
74
76
|
if (!VideoElementComponent) {
|
|
75
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
77
|
+
return ((0, jsx_runtime_1.jsx)(GradientBox_1.GradientBox, { gradient: element.props.backgroundGradient, style: [wrapperStyle, styles.mediaFallback, { backgroundColor: theme.colors.neutral.lowest }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.mediaFallbackText, (0, helpers_1.getTextStyle)(theme, "caption"), { color: theme.colors.text.tertiary }], children: "Install expo-video to render videos." }) }));
|
|
76
78
|
}
|
|
77
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
79
|
+
return ((0, jsx_runtime_1.jsx)(GradientBox_1.GradientBox, { gradient: element.props.backgroundGradient, style: wrapperStyle, children: (0, jsx_runtime_1.jsx)(VideoElementComponent, { element: element, style: styles.fill }) }));
|
|
78
80
|
};
|
|
79
81
|
exports.VideoElementRenderer = VideoElementRenderer;
|
|
80
82
|
const styles = react_native_1.StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VideoElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/VideoElement.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AACzC,6BAAwB;AACxB,+
|
|
1
|
+
{"version":3,"file":"VideoElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/VideoElement.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { BaseBoxProps } from "./BaseBoxProps";
|
|
3
|
+
import { UIElement } from "../types";
|
|
4
|
+
import { RenderContext } from "./shared";
|
|
5
|
+
export type ZStackElementProps = BaseBoxProps;
|
|
6
|
+
export declare const ZStackElementPropsSchema: import("zod").ZodObject<{
|
|
7
|
+
width: import("zod").ZodOptional<import("zod").ZodUnion<readonly [import("zod").ZodNumber, import("zod").ZodString]>>;
|
|
8
|
+
height: import("zod").ZodOptional<import("zod").ZodUnion<readonly [import("zod").ZodNumber, import("zod").ZodString]>>;
|
|
9
|
+
minWidth: import("zod").ZodOptional<import("zod").ZodNumber>;
|
|
10
|
+
maxWidth: import("zod").ZodOptional<import("zod").ZodNumber>;
|
|
11
|
+
minHeight: import("zod").ZodOptional<import("zod").ZodNumber>;
|
|
12
|
+
maxHeight: import("zod").ZodOptional<import("zod").ZodNumber>;
|
|
13
|
+
flex: import("zod").ZodOptional<import("zod").ZodNumber>;
|
|
14
|
+
flexShrink: import("zod").ZodOptional<import("zod").ZodNumber>;
|
|
15
|
+
flexGrow: import("zod").ZodOptional<import("zod").ZodNumber>;
|
|
16
|
+
alignSelf: import("zod").ZodOptional<import("zod").ZodEnum<{
|
|
17
|
+
auto: "auto";
|
|
18
|
+
center: "center";
|
|
19
|
+
"flex-start": "flex-start";
|
|
20
|
+
"flex-end": "flex-end";
|
|
21
|
+
stretch: "stretch";
|
|
22
|
+
baseline: "baseline";
|
|
23
|
+
}>>;
|
|
24
|
+
opacity: import("zod").ZodOptional<import("zod").ZodNumber>;
|
|
25
|
+
backgroundColor: import("zod").ZodOptional<import("zod").ZodString>;
|
|
26
|
+
backgroundGradient: import("zod").ZodOptional<import("zod").ZodDiscriminatedUnion<[import("zod").ZodObject<{
|
|
27
|
+
type: import("zod").ZodLiteral<"linear">;
|
|
28
|
+
from: import("zod").ZodEnum<{
|
|
29
|
+
left: "left";
|
|
30
|
+
right: "right";
|
|
31
|
+
top: "top";
|
|
32
|
+
bottom: "bottom";
|
|
33
|
+
topLeft: "topLeft";
|
|
34
|
+
topRight: "topRight";
|
|
35
|
+
bottomLeft: "bottomLeft";
|
|
36
|
+
bottomRight: "bottomRight";
|
|
37
|
+
}>;
|
|
38
|
+
to: import("zod").ZodEnum<{
|
|
39
|
+
left: "left";
|
|
40
|
+
right: "right";
|
|
41
|
+
top: "top";
|
|
42
|
+
bottom: "bottom";
|
|
43
|
+
topLeft: "topLeft";
|
|
44
|
+
topRight: "topRight";
|
|
45
|
+
bottomLeft: "bottomLeft";
|
|
46
|
+
bottomRight: "bottomRight";
|
|
47
|
+
}>;
|
|
48
|
+
stops: import("zod").ZodArray<import("zod").ZodObject<{
|
|
49
|
+
color: import("zod").ZodString;
|
|
50
|
+
position: import("zod").ZodOptional<import("zod").ZodNumber>;
|
|
51
|
+
}, import("zod/v4/core").$strip>>;
|
|
52
|
+
}, import("zod/v4/core").$strip>], "type">>;
|
|
53
|
+
overflow: import("zod").ZodOptional<import("zod").ZodEnum<{
|
|
54
|
+
visible: "visible";
|
|
55
|
+
hidden: "hidden";
|
|
56
|
+
scroll: "scroll";
|
|
57
|
+
}>>;
|
|
58
|
+
margin: import("zod").ZodOptional<import("zod").ZodNumber>;
|
|
59
|
+
marginHorizontal: import("zod").ZodOptional<import("zod").ZodNumber>;
|
|
60
|
+
marginVertical: import("zod").ZodOptional<import("zod").ZodNumber>;
|
|
61
|
+
padding: import("zod").ZodOptional<import("zod").ZodNumber>;
|
|
62
|
+
paddingHorizontal: import("zod").ZodOptional<import("zod").ZodNumber>;
|
|
63
|
+
paddingVertical: import("zod").ZodOptional<import("zod").ZodNumber>;
|
|
64
|
+
borderWidth: import("zod").ZodOptional<import("zod").ZodNumber>;
|
|
65
|
+
borderRadius: import("zod").ZodOptional<import("zod").ZodNumber>;
|
|
66
|
+
borderColor: import("zod").ZodOptional<import("zod").ZodString>;
|
|
67
|
+
}, import("zod/v4/core").$strip>;
|
|
68
|
+
type ZStackUIElement = Extract<UIElement, {
|
|
69
|
+
type: "ZStack";
|
|
70
|
+
}>;
|
|
71
|
+
type Props = {
|
|
72
|
+
element: ZStackUIElement;
|
|
73
|
+
ctx: RenderContext;
|
|
74
|
+
};
|
|
75
|
+
export declare const ZStackElementComponent: ({ element, ctx }: Props) => React.ReactElement;
|
|
76
|
+
export {};
|
|
77
|
+
//# sourceMappingURL=ZStackElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ZStackElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ZStackElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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,kBAAkB,GAAG,YAAY,CAAC;AAC9C,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAAqB,CAAC;AAE3D,KAAK,eAAe,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC,CAAC;AAE9D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,eAAe,CAAC;IACzB,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,kBAAkB,KAAK,KAAG,KAAK,CAAC,YA0CtE,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ZStackElementComponent = exports.ZStackElementPropsSchema = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_native_1 = require("react-native");
|
|
6
|
+
const BaseBoxProps_1 = require("./BaseBoxProps");
|
|
7
|
+
const shared_1 = require("./shared");
|
|
8
|
+
const GradientBox_1 = require("./GradientBox");
|
|
9
|
+
exports.ZStackElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema;
|
|
10
|
+
const ZStackElementComponent = ({ element, ctx }) => {
|
|
11
|
+
const p = element.props;
|
|
12
|
+
return ((0, jsx_runtime_1.jsx)(GradientBox_1.GradientBox, { gradient: p.backgroundGradient, style: {
|
|
13
|
+
position: "relative",
|
|
14
|
+
flex: p.flex,
|
|
15
|
+
flexShrink: p.flexShrink,
|
|
16
|
+
flexGrow: p.flexGrow,
|
|
17
|
+
alignSelf: p.alignSelf,
|
|
18
|
+
width: (0, shared_1.dim)(p.width),
|
|
19
|
+
height: (0, shared_1.dim)(p.height),
|
|
20
|
+
minWidth: p.minWidth,
|
|
21
|
+
maxWidth: p.maxWidth,
|
|
22
|
+
minHeight: p.minHeight,
|
|
23
|
+
maxHeight: p.maxHeight,
|
|
24
|
+
padding: p.padding,
|
|
25
|
+
paddingHorizontal: p.paddingHorizontal,
|
|
26
|
+
paddingVertical: p.paddingVertical,
|
|
27
|
+
margin: p.margin,
|
|
28
|
+
marginHorizontal: p.marginHorizontal,
|
|
29
|
+
marginVertical: p.marginVertical,
|
|
30
|
+
backgroundColor: p.backgroundGradient ? undefined : p.backgroundColor,
|
|
31
|
+
borderWidth: p.borderWidth,
|
|
32
|
+
borderRadius: p.borderRadius,
|
|
33
|
+
borderColor: p.borderColor,
|
|
34
|
+
overflow: p.overflow,
|
|
35
|
+
opacity: p.opacity,
|
|
36
|
+
}, children: element.children.map((child) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "box-none", style: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0 }, children: ctx.renderChildren([child], "ZStack") }, child.id))) }));
|
|
37
|
+
};
|
|
38
|
+
exports.ZStackElementComponent = ZStackElementComponent;
|
|
39
|
+
//# sourceMappingURL=ZStackElement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ZStackElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ZStackElement.tsx"],"names":[],"mappings":";;;;AACA,+CAAoC;AACpC,iDAAkE;AAElE,qCAA8C;AAC9C,+CAA4C;AAG/B,QAAA,wBAAwB,GAAG,iCAAkB,CAAC;AASpD,MAAM,sBAAsB,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAS,EAAsB,EAAE;IACpF,MAAM,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC;IACxB,OAAO,CACL,uBAAC,yBAAW,IACV,QAAQ,EAAE,CAAC,CAAC,kBAAkB,EAC9B,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,CAAC,CAAC,IAAI;YACZ,UAAU,EAAE,CAAC,CAAC,UAAU;YACxB,QAAQ,EAAE,CAAC,CAAC,QAAQ;YACpB,SAAS,EAAE,CAAC,CAAC,SAAS;YACtB,KAAK,EAAE,IAAA,YAAG,EAAC,CAAC,CAAC,KAAK,CAAC;YACnB,MAAM,EAAE,IAAA,YAAG,EAAC,CAAC,CAAC,MAAM,CAAC;YACrB,QAAQ,EAAE,CAAC,CAAC,QAAQ;YACpB,QAAQ,EAAE,CAAC,CAAC,QAAQ;YACpB,SAAS,EAAE,CAAC,CAAC,SAAS;YACtB,SAAS,EAAE,CAAC,CAAC,SAAS;YACtB,OAAO,EAAE,CAAC,CAAC,OAAO;YAClB,iBAAiB,EAAE,CAAC,CAAC,iBAAiB;YACtC,eAAe,EAAE,CAAC,CAAC,eAAe;YAClC,MAAM,EAAE,CAAC,CAAC,MAAM;YAChB,gBAAgB,EAAE,CAAC,CAAC,gBAAgB;YACpC,cAAc,EAAE,CAAC,CAAC,cAAc;YAChC,eAAe,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe;YACrE,WAAW,EAAE,CAAC,CAAC,WAAW;YAC1B,YAAY,EAAE,CAAC,CAAC,YAAY;YAC5B,WAAW,EAAE,CAAC,CAAC,WAAW;YAC1B,QAAQ,EAAE,CAAC,CAAC,QAAQ;YACpB,OAAO,EAAE,CAAC,CAAC,OAAO;SACnB,YAEA,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/B,uBAAC,mBAAI,IAEH,aAAa,EAAC,UAAU,EACxB,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,YAEpE,GAAG,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,IAJjC,KAAK,CAAC,EAAE,CAKR,CACR,CAAC,GACU,CACf,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,sBAAsB,0BA0CjC"}
|
|
@@ -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") => React.ReactNode;
|
|
4
|
+
export declare const renderElement: (element: UIElement, ctx: RenderContext, parentType?: "XStack" | "YStack" | "ZStack") => 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;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"renderElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/renderElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAgBzC,eAAO,MAAM,aAAa,GACxB,SAAS,SAAS,EAClB,KAAK,aAAa,EAClB,aAAa,QAAQ,GAAG,QAAQ,GAAG,QAAQ,KAC1C,KAAK,CAAC,SA0DR,CAAC"}
|
|
@@ -15,6 +15,7 @@ const CheckboxGroupElement_1 = require("./CheckboxGroupElement");
|
|
|
15
15
|
const ButtonElement_1 = require("./ButtonElement");
|
|
16
16
|
const DatePickerElement_1 = require("./DatePickerElement");
|
|
17
17
|
const CarouselElement_1 = require("./CarouselElement");
|
|
18
|
+
const ZStackElement_1 = require("./ZStackElement");
|
|
18
19
|
const renderElement = (element, ctx, parentType) => {
|
|
19
20
|
if (element.type === "YStack" || element.type === "XStack") {
|
|
20
21
|
return (0, jsx_runtime_1.jsx)(StackElement_1.StackElementComponent, { element: element, ctx: ctx, parentType: parentType }, element.id);
|
|
@@ -55,6 +56,9 @@ const renderElement = (element, ctx, parentType) => {
|
|
|
55
56
|
if (element.type === "Carousel") {
|
|
56
57
|
return (0, jsx_runtime_1.jsx)(CarouselElement_1.CarouselElementComponent, { element: element, ctx: ctx }, element.id);
|
|
57
58
|
}
|
|
59
|
+
if (element.type === "ZStack") {
|
|
60
|
+
return (0, jsx_runtime_1.jsx)(ZStackElement_1.ZStackElementComponent, { element: element, ctx: ctx }, element.id);
|
|
61
|
+
}
|
|
58
62
|
return null;
|
|
59
63
|
};
|
|
60
64
|
exports.renderElement = renderElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/renderElement.tsx"],"names":[],"mappings":";;;;AAGA,iDAAuD;AACvD,+CAAqD;AACrD,iDAAuD;AACvD,mDAAyD;AACzD,+CAAoD;AACpD,+CAAqD;AACrD,iDAAsD;AACtD,iDAAuD;AACvD,2DAA0D;AAC1D,iEAAgE;AAChE,mDAAyD;AACzD,2DAAiE;AACjE,uDAA6D;
|
|
1
|
+
{"version":3,"file":"renderElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/renderElement.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ export type RenderContext = {
|
|
|
7
7
|
variables: Record<string, ComposableVariableEntry>;
|
|
8
8
|
setVariable: (key: string, entry: ComposableVariableEntry) => void;
|
|
9
9
|
onContinue: () => void;
|
|
10
|
-
renderChildren: (elements: UIElement[], parentType: "XStack" | "YStack") => React.ReactNode;
|
|
10
|
+
renderChildren: (elements: UIElement[], parentType: "XStack" | "YStack" | "ZStack") => React.ReactNode;
|
|
11
11
|
};
|
|
12
12
|
export declare const interpolate: (template: string, variables: Record<string, ComposableVariableEntry>) => string;
|
|
13
13
|
export declare const dim: (v: number | string | undefined) => import("react-native").DimensionValue | undefined;
|
|
@@ -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,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AAEvF,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,cAAc,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,GAAG,QAAQ,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,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AAEvF,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,cAAc,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC;CACxG,CAAC;AAEF,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"}
|