@rocapine/react-native-onboarding 1.13.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/onboarding-example.d.ts +116 -16
- package/dist/onboarding-example.d.ts.map +1 -1
- package/dist/onboarding-example.js +44 -0
- package/dist/onboarding-example.js.map +1 -1
- package/dist/steps/ComposableScreen/elements/VideoElement.d.ts +6 -0
- package/dist/steps/ComposableScreen/elements/VideoElement.d.ts.map +1 -1
- package/dist/steps/ComposableScreen/elements/VideoElement.js +1 -0
- package/dist/steps/ComposableScreen/elements/VideoElement.js.map +1 -1
- package/dist/steps/ComposableScreen/elements/ZStackElement.d.ts +66 -0
- package/dist/steps/ComposableScreen/elements/ZStackElement.d.ts.map +1 -0
- package/dist/steps/ComposableScreen/elements/ZStackElement.js +6 -0
- package/dist/steps/ComposableScreen/elements/ZStackElement.js.map +1 -0
- package/dist/steps/ComposableScreen/types.d.ts +8 -0
- package/dist/steps/ComposableScreen/types.d.ts.map +1 -1
- package/dist/steps/ComposableScreen/types.js +8 -0
- package/dist/steps/ComposableScreen/types.js.map +1 -1
- package/package.json +1 -1
- package/src/onboarding-example.ts +44 -0
- package/src/steps/ComposableScreen/elements/VideoElement.ts +2 -0
- package/src/steps/ComposableScreen/elements/ZStackElement.ts +6 -0
- package/src/steps/ComposableScreen/types.ts +16 -0
|
@@ -150,6 +150,7 @@ export declare const onboardingExample: {
|
|
|
150
150
|
marginVertical?: undefined;
|
|
151
151
|
controls?: undefined;
|
|
152
152
|
muted?: undefined;
|
|
153
|
+
contentFit?: undefined;
|
|
153
154
|
variableName?: undefined;
|
|
154
155
|
placeholder?: undefined;
|
|
155
156
|
keyboardType?: undefined;
|
|
@@ -172,10 +173,10 @@ export declare const onboardingExample: {
|
|
|
172
173
|
carouselType?: undefined;
|
|
173
174
|
autoPlayInterval?: undefined;
|
|
174
175
|
showDots?: undefined;
|
|
176
|
+
overflow?: undefined;
|
|
175
177
|
label?: undefined;
|
|
176
178
|
variant?: undefined;
|
|
177
179
|
padding?: undefined;
|
|
178
|
-
overflow?: undefined;
|
|
179
180
|
backgroundGradient?: undefined;
|
|
180
181
|
};
|
|
181
182
|
children?: undefined;
|
|
@@ -197,6 +198,7 @@ export declare const onboardingExample: {
|
|
|
197
198
|
marginVertical?: undefined;
|
|
198
199
|
controls?: undefined;
|
|
199
200
|
muted?: undefined;
|
|
201
|
+
contentFit?: undefined;
|
|
200
202
|
variableName?: undefined;
|
|
201
203
|
placeholder?: undefined;
|
|
202
204
|
keyboardType?: undefined;
|
|
@@ -219,10 +221,10 @@ export declare const onboardingExample: {
|
|
|
219
221
|
carouselType?: undefined;
|
|
220
222
|
autoPlayInterval?: undefined;
|
|
221
223
|
showDots?: undefined;
|
|
224
|
+
overflow?: undefined;
|
|
222
225
|
label?: undefined;
|
|
223
226
|
variant?: undefined;
|
|
224
227
|
padding?: undefined;
|
|
225
|
-
overflow?: undefined;
|
|
226
228
|
backgroundGradient?: undefined;
|
|
227
229
|
};
|
|
228
230
|
children?: undefined;
|
|
@@ -244,6 +246,7 @@ export declare const onboardingExample: {
|
|
|
244
246
|
marginVertical?: undefined;
|
|
245
247
|
controls?: undefined;
|
|
246
248
|
muted?: undefined;
|
|
249
|
+
contentFit?: undefined;
|
|
247
250
|
variableName?: undefined;
|
|
248
251
|
placeholder?: undefined;
|
|
249
252
|
keyboardType?: undefined;
|
|
@@ -266,10 +269,10 @@ export declare const onboardingExample: {
|
|
|
266
269
|
carouselType?: undefined;
|
|
267
270
|
autoPlayInterval?: undefined;
|
|
268
271
|
showDots?: undefined;
|
|
272
|
+
overflow?: undefined;
|
|
269
273
|
label?: undefined;
|
|
270
274
|
variant?: undefined;
|
|
271
275
|
padding?: undefined;
|
|
272
|
-
overflow?: undefined;
|
|
273
276
|
backgroundGradient?: undefined;
|
|
274
277
|
};
|
|
275
278
|
children?: undefined;
|
|
@@ -291,6 +294,7 @@ export declare const onboardingExample: {
|
|
|
291
294
|
borderRadius?: undefined;
|
|
292
295
|
controls?: undefined;
|
|
293
296
|
muted?: undefined;
|
|
297
|
+
contentFit?: undefined;
|
|
294
298
|
variableName?: undefined;
|
|
295
299
|
placeholder?: undefined;
|
|
296
300
|
keyboardType?: undefined;
|
|
@@ -313,10 +317,10 @@ export declare const onboardingExample: {
|
|
|
313
317
|
carouselType?: undefined;
|
|
314
318
|
autoPlayInterval?: undefined;
|
|
315
319
|
showDots?: undefined;
|
|
320
|
+
overflow?: undefined;
|
|
316
321
|
label?: undefined;
|
|
317
322
|
variant?: undefined;
|
|
318
323
|
padding?: undefined;
|
|
319
|
-
overflow?: undefined;
|
|
320
324
|
backgroundGradient?: undefined;
|
|
321
325
|
};
|
|
322
326
|
children?: undefined;
|
|
@@ -329,6 +333,7 @@ export declare const onboardingExample: {
|
|
|
329
333
|
borderRadius: number;
|
|
330
334
|
controls: boolean;
|
|
331
335
|
muted: boolean;
|
|
336
|
+
contentFit: string;
|
|
332
337
|
source?: undefined;
|
|
333
338
|
autoPlay?: undefined;
|
|
334
339
|
loop?: undefined;
|
|
@@ -360,10 +365,10 @@ export declare const onboardingExample: {
|
|
|
360
365
|
carouselType?: undefined;
|
|
361
366
|
autoPlayInterval?: undefined;
|
|
362
367
|
showDots?: undefined;
|
|
368
|
+
overflow?: undefined;
|
|
363
369
|
label?: undefined;
|
|
364
370
|
variant?: undefined;
|
|
365
371
|
padding?: undefined;
|
|
366
|
-
overflow?: undefined;
|
|
367
372
|
backgroundGradient?: undefined;
|
|
368
373
|
};
|
|
369
374
|
children?: undefined;
|
|
@@ -390,6 +395,7 @@ export declare const onboardingExample: {
|
|
|
390
395
|
color?: undefined;
|
|
391
396
|
controls?: undefined;
|
|
392
397
|
muted?: undefined;
|
|
398
|
+
contentFit?: undefined;
|
|
393
399
|
content?: undefined;
|
|
394
400
|
mode?: undefined;
|
|
395
401
|
fontSize?: undefined;
|
|
@@ -407,10 +413,10 @@ export declare const onboardingExample: {
|
|
|
407
413
|
carouselType?: undefined;
|
|
408
414
|
autoPlayInterval?: undefined;
|
|
409
415
|
showDots?: undefined;
|
|
416
|
+
overflow?: undefined;
|
|
410
417
|
label?: undefined;
|
|
411
418
|
variant?: undefined;
|
|
412
419
|
padding?: undefined;
|
|
413
|
-
overflow?: undefined;
|
|
414
420
|
backgroundGradient?: undefined;
|
|
415
421
|
};
|
|
416
422
|
children?: undefined;
|
|
@@ -437,6 +443,7 @@ export declare const onboardingExample: {
|
|
|
437
443
|
color?: undefined;
|
|
438
444
|
controls?: undefined;
|
|
439
445
|
muted?: undefined;
|
|
446
|
+
contentFit?: undefined;
|
|
440
447
|
variableName?: undefined;
|
|
441
448
|
placeholder?: undefined;
|
|
442
449
|
keyboardType?: undefined;
|
|
@@ -454,10 +461,10 @@ export declare const onboardingExample: {
|
|
|
454
461
|
carouselType?: undefined;
|
|
455
462
|
autoPlayInterval?: undefined;
|
|
456
463
|
showDots?: undefined;
|
|
464
|
+
overflow?: undefined;
|
|
457
465
|
label?: undefined;
|
|
458
466
|
variant?: undefined;
|
|
459
467
|
padding?: undefined;
|
|
460
|
-
overflow?: undefined;
|
|
461
468
|
backgroundGradient?: undefined;
|
|
462
469
|
};
|
|
463
470
|
children?: undefined;
|
|
@@ -484,6 +491,7 @@ export declare const onboardingExample: {
|
|
|
484
491
|
marginVertical?: undefined;
|
|
485
492
|
controls?: undefined;
|
|
486
493
|
muted?: undefined;
|
|
494
|
+
contentFit?: undefined;
|
|
487
495
|
variableName?: undefined;
|
|
488
496
|
placeholder?: undefined;
|
|
489
497
|
keyboardType?: undefined;
|
|
@@ -501,10 +509,10 @@ export declare const onboardingExample: {
|
|
|
501
509
|
carouselType?: undefined;
|
|
502
510
|
autoPlayInterval?: undefined;
|
|
503
511
|
showDots?: undefined;
|
|
512
|
+
overflow?: undefined;
|
|
504
513
|
label?: undefined;
|
|
505
514
|
variant?: undefined;
|
|
506
515
|
padding?: undefined;
|
|
507
|
-
overflow?: undefined;
|
|
508
516
|
backgroundGradient?: undefined;
|
|
509
517
|
};
|
|
510
518
|
children?: undefined;
|
|
@@ -531,6 +539,7 @@ export declare const onboardingExample: {
|
|
|
531
539
|
marginVertical?: undefined;
|
|
532
540
|
controls?: undefined;
|
|
533
541
|
muted?: undefined;
|
|
542
|
+
contentFit?: undefined;
|
|
534
543
|
variableName?: undefined;
|
|
535
544
|
placeholder?: undefined;
|
|
536
545
|
keyboardType?: undefined;
|
|
@@ -548,10 +557,10 @@ export declare const onboardingExample: {
|
|
|
548
557
|
carouselType?: undefined;
|
|
549
558
|
autoPlayInterval?: undefined;
|
|
550
559
|
showDots?: undefined;
|
|
560
|
+
overflow?: undefined;
|
|
551
561
|
label?: undefined;
|
|
552
562
|
variant?: undefined;
|
|
553
563
|
padding?: undefined;
|
|
554
|
-
overflow?: undefined;
|
|
555
564
|
backgroundGradient?: undefined;
|
|
556
565
|
};
|
|
557
566
|
children?: undefined;
|
|
@@ -580,6 +589,7 @@ export declare const onboardingExample: {
|
|
|
580
589
|
color?: undefined;
|
|
581
590
|
controls?: undefined;
|
|
582
591
|
muted?: undefined;
|
|
592
|
+
contentFit?: undefined;
|
|
583
593
|
placeholder?: undefined;
|
|
584
594
|
keyboardType?: undefined;
|
|
585
595
|
returnKeyType?: undefined;
|
|
@@ -598,10 +608,10 @@ export declare const onboardingExample: {
|
|
|
598
608
|
carouselType?: undefined;
|
|
599
609
|
autoPlayInterval?: undefined;
|
|
600
610
|
showDots?: undefined;
|
|
611
|
+
overflow?: undefined;
|
|
601
612
|
label?: undefined;
|
|
602
613
|
variant?: undefined;
|
|
603
614
|
padding?: undefined;
|
|
604
|
-
overflow?: undefined;
|
|
605
615
|
backgroundGradient?: undefined;
|
|
606
616
|
};
|
|
607
617
|
children?: undefined;
|
|
@@ -628,6 +638,7 @@ export declare const onboardingExample: {
|
|
|
628
638
|
color?: undefined;
|
|
629
639
|
controls?: undefined;
|
|
630
640
|
muted?: undefined;
|
|
641
|
+
contentFit?: undefined;
|
|
631
642
|
variableName?: undefined;
|
|
632
643
|
placeholder?: undefined;
|
|
633
644
|
keyboardType?: undefined;
|
|
@@ -645,10 +656,10 @@ export declare const onboardingExample: {
|
|
|
645
656
|
carouselType?: undefined;
|
|
646
657
|
autoPlayInterval?: undefined;
|
|
647
658
|
showDots?: undefined;
|
|
659
|
+
overflow?: undefined;
|
|
648
660
|
label?: undefined;
|
|
649
661
|
variant?: undefined;
|
|
650
662
|
padding?: undefined;
|
|
651
|
-
overflow?: undefined;
|
|
652
663
|
backgroundGradient?: undefined;
|
|
653
664
|
};
|
|
654
665
|
children?: undefined;
|
|
@@ -677,6 +688,7 @@ export declare const onboardingExample: {
|
|
|
677
688
|
color?: undefined;
|
|
678
689
|
controls?: undefined;
|
|
679
690
|
muted?: undefined;
|
|
691
|
+
contentFit?: undefined;
|
|
680
692
|
placeholder?: undefined;
|
|
681
693
|
keyboardType?: undefined;
|
|
682
694
|
returnKeyType?: undefined;
|
|
@@ -695,10 +707,10 @@ export declare const onboardingExample: {
|
|
|
695
707
|
carouselType?: undefined;
|
|
696
708
|
autoPlayInterval?: undefined;
|
|
697
709
|
showDots?: undefined;
|
|
710
|
+
overflow?: undefined;
|
|
698
711
|
label?: undefined;
|
|
699
712
|
variant?: undefined;
|
|
700
713
|
padding?: undefined;
|
|
701
|
-
overflow?: undefined;
|
|
702
714
|
backgroundGradient?: undefined;
|
|
703
715
|
};
|
|
704
716
|
children?: undefined;
|
|
@@ -725,6 +737,7 @@ export declare const onboardingExample: {
|
|
|
725
737
|
color?: undefined;
|
|
726
738
|
controls?: undefined;
|
|
727
739
|
muted?: undefined;
|
|
740
|
+
contentFit?: undefined;
|
|
728
741
|
placeholder?: undefined;
|
|
729
742
|
keyboardType?: undefined;
|
|
730
743
|
returnKeyType?: undefined;
|
|
@@ -742,10 +755,10 @@ export declare const onboardingExample: {
|
|
|
742
755
|
carouselType?: undefined;
|
|
743
756
|
autoPlayInterval?: undefined;
|
|
744
757
|
showDots?: undefined;
|
|
758
|
+
overflow?: undefined;
|
|
745
759
|
label?: undefined;
|
|
746
760
|
variant?: undefined;
|
|
747
761
|
padding?: undefined;
|
|
748
|
-
overflow?: undefined;
|
|
749
762
|
backgroundGradient?: undefined;
|
|
750
763
|
};
|
|
751
764
|
children?: undefined;
|
|
@@ -770,6 +783,7 @@ export declare const onboardingExample: {
|
|
|
770
783
|
color?: undefined;
|
|
771
784
|
controls?: undefined;
|
|
772
785
|
muted?: undefined;
|
|
786
|
+
contentFit?: undefined;
|
|
773
787
|
variableName?: undefined;
|
|
774
788
|
placeholder?: undefined;
|
|
775
789
|
keyboardType?: undefined;
|
|
@@ -789,10 +803,10 @@ export declare const onboardingExample: {
|
|
|
789
803
|
defaultValues?: undefined;
|
|
790
804
|
display?: undefined;
|
|
791
805
|
maximumDate?: undefined;
|
|
806
|
+
overflow?: undefined;
|
|
792
807
|
label?: undefined;
|
|
793
808
|
variant?: undefined;
|
|
794
809
|
padding?: undefined;
|
|
795
|
-
overflow?: undefined;
|
|
796
810
|
backgroundGradient?: undefined;
|
|
797
811
|
};
|
|
798
812
|
children: {
|
|
@@ -804,6 +818,89 @@ export declare const onboardingExample: {
|
|
|
804
818
|
resizeMode: string;
|
|
805
819
|
};
|
|
806
820
|
}[];
|
|
821
|
+
} | {
|
|
822
|
+
id: string;
|
|
823
|
+
type: string;
|
|
824
|
+
props: {
|
|
825
|
+
height: number;
|
|
826
|
+
borderRadius: number;
|
|
827
|
+
overflow: string;
|
|
828
|
+
marginVertical: number;
|
|
829
|
+
source?: undefined;
|
|
830
|
+
autoPlay?: undefined;
|
|
831
|
+
loop?: undefined;
|
|
832
|
+
url?: undefined;
|
|
833
|
+
fit?: undefined;
|
|
834
|
+
resizeMode?: undefined;
|
|
835
|
+
name?: undefined;
|
|
836
|
+
size?: undefined;
|
|
837
|
+
color?: undefined;
|
|
838
|
+
controls?: undefined;
|
|
839
|
+
muted?: undefined;
|
|
840
|
+
contentFit?: undefined;
|
|
841
|
+
variableName?: undefined;
|
|
842
|
+
placeholder?: undefined;
|
|
843
|
+
keyboardType?: undefined;
|
|
844
|
+
returnKeyType?: undefined;
|
|
845
|
+
autoCapitalize?: undefined;
|
|
846
|
+
content?: undefined;
|
|
847
|
+
mode?: undefined;
|
|
848
|
+
fontSize?: undefined;
|
|
849
|
+
fontWeight?: undefined;
|
|
850
|
+
textAlign?: undefined;
|
|
851
|
+
fontFamily?: undefined;
|
|
852
|
+
lineHeight?: undefined;
|
|
853
|
+
opacity?: undefined;
|
|
854
|
+
defaultValue?: undefined;
|
|
855
|
+
gap?: undefined;
|
|
856
|
+
items?: undefined;
|
|
857
|
+
defaultValues?: undefined;
|
|
858
|
+
display?: undefined;
|
|
859
|
+
maximumDate?: undefined;
|
|
860
|
+
carouselType?: undefined;
|
|
861
|
+
autoPlayInterval?: undefined;
|
|
862
|
+
showDots?: undefined;
|
|
863
|
+
label?: undefined;
|
|
864
|
+
variant?: undefined;
|
|
865
|
+
padding?: undefined;
|
|
866
|
+
backgroundGradient?: undefined;
|
|
867
|
+
};
|
|
868
|
+
children: ({
|
|
869
|
+
id: string;
|
|
870
|
+
type: string;
|
|
871
|
+
props: {
|
|
872
|
+
url: string;
|
|
873
|
+
height: number;
|
|
874
|
+
resizeMode: string;
|
|
875
|
+
flex?: undefined;
|
|
876
|
+
backgroundColor?: undefined;
|
|
877
|
+
padding?: undefined;
|
|
878
|
+
justifyContent?: undefined;
|
|
879
|
+
};
|
|
880
|
+
children?: undefined;
|
|
881
|
+
} | {
|
|
882
|
+
id: string;
|
|
883
|
+
type: string;
|
|
884
|
+
props: {
|
|
885
|
+
flex: number;
|
|
886
|
+
backgroundColor: string;
|
|
887
|
+
padding: number;
|
|
888
|
+
justifyContent: string;
|
|
889
|
+
url?: undefined;
|
|
890
|
+
height?: undefined;
|
|
891
|
+
resizeMode?: undefined;
|
|
892
|
+
};
|
|
893
|
+
children: {
|
|
894
|
+
id: string;
|
|
895
|
+
type: string;
|
|
896
|
+
props: {
|
|
897
|
+
content: string;
|
|
898
|
+
fontSize: number;
|
|
899
|
+
fontWeight: string;
|
|
900
|
+
color: string;
|
|
901
|
+
};
|
|
902
|
+
}[];
|
|
903
|
+
})[];
|
|
807
904
|
} | {
|
|
808
905
|
id: string;
|
|
809
906
|
type: string;
|
|
@@ -824,6 +921,7 @@ export declare const onboardingExample: {
|
|
|
824
921
|
color?: undefined;
|
|
825
922
|
controls?: undefined;
|
|
826
923
|
muted?: undefined;
|
|
924
|
+
contentFit?: undefined;
|
|
827
925
|
variableName?: undefined;
|
|
828
926
|
placeholder?: undefined;
|
|
829
927
|
keyboardType?: undefined;
|
|
@@ -846,8 +944,8 @@ export declare const onboardingExample: {
|
|
|
846
944
|
carouselType?: undefined;
|
|
847
945
|
autoPlayInterval?: undefined;
|
|
848
946
|
showDots?: undefined;
|
|
849
|
-
padding?: undefined;
|
|
850
947
|
overflow?: undefined;
|
|
948
|
+
padding?: undefined;
|
|
851
949
|
backgroundGradient?: undefined;
|
|
852
950
|
};
|
|
853
951
|
children?: undefined;
|
|
@@ -880,6 +978,7 @@ export declare const onboardingExample: {
|
|
|
880
978
|
color?: undefined;
|
|
881
979
|
controls?: undefined;
|
|
882
980
|
muted?: undefined;
|
|
981
|
+
contentFit?: undefined;
|
|
883
982
|
variableName?: undefined;
|
|
884
983
|
placeholder?: undefined;
|
|
885
984
|
keyboardType?: undefined;
|
|
@@ -954,6 +1053,7 @@ export declare const onboardingExample: {
|
|
|
954
1053
|
color?: undefined;
|
|
955
1054
|
controls?: undefined;
|
|
956
1055
|
muted?: undefined;
|
|
1056
|
+
contentFit?: undefined;
|
|
957
1057
|
variableName?: undefined;
|
|
958
1058
|
placeholder?: undefined;
|
|
959
1059
|
keyboardType?: undefined;
|
|
@@ -976,8 +1076,8 @@ export declare const onboardingExample: {
|
|
|
976
1076
|
carouselType?: undefined;
|
|
977
1077
|
autoPlayInterval?: undefined;
|
|
978
1078
|
showDots?: undefined;
|
|
979
|
-
padding?: undefined;
|
|
980
1079
|
overflow?: undefined;
|
|
1080
|
+
padding?: undefined;
|
|
981
1081
|
};
|
|
982
1082
|
children?: undefined;
|
|
983
1083
|
})[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onboarding-example.d.ts","sourceRoot":"","sources":["../src/onboarding-example.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB
|
|
1
|
+
{"version":3,"file":"onboarding-example.d.ts","sourceRoot":"","sources":["../src/onboarding-example.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAucR,CAAC"}
|
|
@@ -150,6 +150,7 @@ exports.onboardingExample = {
|
|
|
150
150
|
borderRadius: 12,
|
|
151
151
|
controls: true,
|
|
152
152
|
muted: true,
|
|
153
|
+
contentFit: "cover",
|
|
153
154
|
},
|
|
154
155
|
},
|
|
155
156
|
{
|
|
@@ -320,6 +321,49 @@ exports.onboardingExample = {
|
|
|
320
321
|
},
|
|
321
322
|
],
|
|
322
323
|
},
|
|
324
|
+
{
|
|
325
|
+
id: "zstack-demo",
|
|
326
|
+
type: "ZStack",
|
|
327
|
+
props: {
|
|
328
|
+
height: 200,
|
|
329
|
+
borderRadius: 16,
|
|
330
|
+
overflow: "hidden",
|
|
331
|
+
marginVertical: 8,
|
|
332
|
+
},
|
|
333
|
+
children: [
|
|
334
|
+
{
|
|
335
|
+
id: "zstack-bg",
|
|
336
|
+
type: "Image",
|
|
337
|
+
props: {
|
|
338
|
+
url: "https://picsum.photos/800/400?random=20",
|
|
339
|
+
height: 200,
|
|
340
|
+
resizeMode: "cover",
|
|
341
|
+
},
|
|
342
|
+
},
|
|
343
|
+
{
|
|
344
|
+
id: "zstack-overlay",
|
|
345
|
+
type: "YStack",
|
|
346
|
+
props: {
|
|
347
|
+
flex: 1,
|
|
348
|
+
backgroundColor: "rgba(0,0,0,0.45)",
|
|
349
|
+
padding: 20,
|
|
350
|
+
justifyContent: "flex-end",
|
|
351
|
+
},
|
|
352
|
+
children: [
|
|
353
|
+
{
|
|
354
|
+
id: "zstack-label",
|
|
355
|
+
type: "Text",
|
|
356
|
+
props: {
|
|
357
|
+
content: "ZStack: layered elements",
|
|
358
|
+
fontSize: 18,
|
|
359
|
+
fontWeight: "700",
|
|
360
|
+
color: "#fff",
|
|
361
|
+
},
|
|
362
|
+
},
|
|
363
|
+
],
|
|
364
|
+
},
|
|
365
|
+
],
|
|
366
|
+
},
|
|
323
367
|
{
|
|
324
368
|
id: "hero-button",
|
|
325
369
|
type: "Button",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onboarding-example.js","sourceRoot":"","sources":["../src/onboarding-example.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"onboarding-example.js","sourceRoot":"","sources":["../src/onboarding-example.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ export type VideoElementProps = BaseBoxProps & {
|
|
|
6
6
|
loop?: boolean;
|
|
7
7
|
muted?: boolean;
|
|
8
8
|
controls?: boolean;
|
|
9
|
+
contentFit?: "contain" | "cover" | "fill";
|
|
9
10
|
};
|
|
10
11
|
export declare const VideoElementPropsSchema: z.ZodObject<{
|
|
11
12
|
width: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>;
|
|
@@ -73,5 +74,10 @@ export declare const VideoElementPropsSchema: z.ZodObject<{
|
|
|
73
74
|
loop: z.ZodOptional<z.ZodBoolean>;
|
|
74
75
|
muted: z.ZodOptional<z.ZodBoolean>;
|
|
75
76
|
controls: z.ZodOptional<z.ZodBoolean>;
|
|
77
|
+
contentFit: z.ZodOptional<z.ZodEnum<{
|
|
78
|
+
fill: "fill";
|
|
79
|
+
cover: "cover";
|
|
80
|
+
contain: "contain";
|
|
81
|
+
}>>;
|
|
76
82
|
}, z.core.$strip>;
|
|
77
83
|
//# sourceMappingURL=VideoElement.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VideoElement.d.ts","sourceRoot":"","sources":["../../../../src/steps/ComposableScreen/elements/VideoElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAElE,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;
|
|
1
|
+
{"version":3,"file":"VideoElement.d.ts","sourceRoot":"","sources":["../../../../src/steps/ComposableScreen/elements/VideoElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAElE,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"}
|
|
@@ -9,5 +9,6 @@ exports.VideoElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
|
|
|
9
9
|
loop: zod_1.z.boolean().optional(),
|
|
10
10
|
muted: zod_1.z.boolean().optional(),
|
|
11
11
|
controls: zod_1.z.boolean().optional(),
|
|
12
|
+
contentFit: zod_1.z.enum(["contain", "cover", "fill"]).optional(),
|
|
12
13
|
});
|
|
13
14
|
//# sourceMappingURL=VideoElement.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VideoElement.js","sourceRoot":"","sources":["../../../../src/steps/ComposableScreen/elements/VideoElement.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AACxB,iDAAkE;
|
|
1
|
+
{"version":3,"file":"VideoElement.js","sourceRoot":"","sources":["../../../../src/steps/ComposableScreen/elements/VideoElement.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AACxB,iDAAkE;AAWrD,QAAA,uBAAuB,GAAG,iCAAkB,CAAC,MAAM,CAAC;IAC/D,GAAG,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,uBAAuB,CAAC;IAC/C,QAAQ,EAAE,OAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;IAChC,IAAI,EAAE,OAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;IAC5B,KAAK,EAAE,OAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;IAC7B,QAAQ,EAAE,OAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;IAChC,UAAU,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE;CAC5D,CAAC,CAAC"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
import { BaseBoxProps } from "./BaseBoxProps";
|
|
3
|
+
export type ZStackElementProps = BaseBoxProps;
|
|
4
|
+
export declare const ZStackElementPropsSchema: z.ZodObject<{
|
|
5
|
+
width: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>;
|
|
6
|
+
height: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>;
|
|
7
|
+
minWidth: z.ZodOptional<z.ZodNumber>;
|
|
8
|
+
maxWidth: z.ZodOptional<z.ZodNumber>;
|
|
9
|
+
minHeight: z.ZodOptional<z.ZodNumber>;
|
|
10
|
+
maxHeight: z.ZodOptional<z.ZodNumber>;
|
|
11
|
+
flex: z.ZodOptional<z.ZodNumber>;
|
|
12
|
+
flexShrink: z.ZodOptional<z.ZodNumber>;
|
|
13
|
+
flexGrow: z.ZodOptional<z.ZodNumber>;
|
|
14
|
+
alignSelf: z.ZodOptional<z.ZodEnum<{
|
|
15
|
+
auto: "auto";
|
|
16
|
+
"flex-start": "flex-start";
|
|
17
|
+
"flex-end": "flex-end";
|
|
18
|
+
center: "center";
|
|
19
|
+
stretch: "stretch";
|
|
20
|
+
baseline: "baseline";
|
|
21
|
+
}>>;
|
|
22
|
+
opacity: z.ZodOptional<z.ZodNumber>;
|
|
23
|
+
backgroundColor: z.ZodOptional<z.ZodString>;
|
|
24
|
+
backgroundGradient: z.ZodOptional<z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
25
|
+
type: z.ZodLiteral<"linear">;
|
|
26
|
+
from: z.ZodEnum<{
|
|
27
|
+
top: "top";
|
|
28
|
+
bottom: "bottom";
|
|
29
|
+
left: "left";
|
|
30
|
+
right: "right";
|
|
31
|
+
topLeft: "topLeft";
|
|
32
|
+
topRight: "topRight";
|
|
33
|
+
bottomLeft: "bottomLeft";
|
|
34
|
+
bottomRight: "bottomRight";
|
|
35
|
+
}>;
|
|
36
|
+
to: z.ZodEnum<{
|
|
37
|
+
top: "top";
|
|
38
|
+
bottom: "bottom";
|
|
39
|
+
left: "left";
|
|
40
|
+
right: "right";
|
|
41
|
+
topLeft: "topLeft";
|
|
42
|
+
topRight: "topRight";
|
|
43
|
+
bottomLeft: "bottomLeft";
|
|
44
|
+
bottomRight: "bottomRight";
|
|
45
|
+
}>;
|
|
46
|
+
stops: z.ZodArray<z.ZodObject<{
|
|
47
|
+
color: z.ZodString;
|
|
48
|
+
position: z.ZodOptional<z.ZodNumber>;
|
|
49
|
+
}, z.core.$strip>>;
|
|
50
|
+
}, z.core.$strip>], "type">>;
|
|
51
|
+
overflow: z.ZodOptional<z.ZodEnum<{
|
|
52
|
+
hidden: "hidden";
|
|
53
|
+
visible: "visible";
|
|
54
|
+
scroll: "scroll";
|
|
55
|
+
}>>;
|
|
56
|
+
margin: z.ZodOptional<z.ZodNumber>;
|
|
57
|
+
marginHorizontal: z.ZodOptional<z.ZodNumber>;
|
|
58
|
+
marginVertical: z.ZodOptional<z.ZodNumber>;
|
|
59
|
+
padding: z.ZodOptional<z.ZodNumber>;
|
|
60
|
+
paddingHorizontal: z.ZodOptional<z.ZodNumber>;
|
|
61
|
+
paddingVertical: z.ZodOptional<z.ZodNumber>;
|
|
62
|
+
borderWidth: z.ZodOptional<z.ZodNumber>;
|
|
63
|
+
borderRadius: z.ZodOptional<z.ZodNumber>;
|
|
64
|
+
borderColor: z.ZodOptional<z.ZodString>;
|
|
65
|
+
}, z.core.$strip>;
|
|
66
|
+
//# sourceMappingURL=ZStackElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ZStackElement.d.ts","sourceRoot":"","sources":["../../../../src/steps/ComposableScreen/elements/ZStackElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAElE,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC;AAE9C,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAqB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ZStackElementPropsSchema = void 0;
|
|
4
|
+
const BaseBoxProps_1 = require("./BaseBoxProps");
|
|
5
|
+
exports.ZStackElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema;
|
|
6
|
+
//# sourceMappingURL=ZStackElement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ZStackElement.js","sourceRoot":"","sources":["../../../../src/steps/ComposableScreen/elements/ZStackElement.ts"],"names":[],"mappings":";;;AACA,iDAAkE;AAIrD,QAAA,wBAAwB,GAAG,iCAAkB,CAAC"}
|
|
@@ -12,6 +12,7 @@ import { type RadioGroupElementProps } from "./elements/RadioGroupElement";
|
|
|
12
12
|
import { type CheckboxGroupElementProps } from "./elements/CheckboxGroupElement";
|
|
13
13
|
import { type DatePickerElementProps } from "./elements/DatePickerElement";
|
|
14
14
|
import { type CarouselElementProps } from "./elements/CarouselElement";
|
|
15
|
+
import { type ZStackElementProps } from "./elements/ZStackElement";
|
|
15
16
|
export type { BaseBoxProps, GradientBackground, GradientEdge, GradientStop, LinearGradientConfig } from "./elements/BaseBoxProps";
|
|
16
17
|
export { BaseBoxPropsSchema, GradientBackgroundSchema } from "./elements/BaseBoxProps";
|
|
17
18
|
export type { StackElementProps } from "./elements/StackElement";
|
|
@@ -27,6 +28,7 @@ export type { RadioGroupElementProps } from "./elements/RadioGroupElement";
|
|
|
27
28
|
export type { CheckboxGroupElementProps } from "./elements/CheckboxGroupElement";
|
|
28
29
|
export type { DatePickerElementProps } from "./elements/DatePickerElement";
|
|
29
30
|
export type { CarouselElementProps } from "./elements/CarouselElement";
|
|
31
|
+
export type { ZStackElementProps } from "./elements/ZStackElement";
|
|
30
32
|
type UIElement = {
|
|
31
33
|
id: string;
|
|
32
34
|
name?: string;
|
|
@@ -94,6 +96,12 @@ type UIElement = {
|
|
|
94
96
|
type: "Carousel";
|
|
95
97
|
props: CarouselElementProps;
|
|
96
98
|
children: UIElement[];
|
|
99
|
+
} | {
|
|
100
|
+
id: string;
|
|
101
|
+
name?: string;
|
|
102
|
+
type: "ZStack";
|
|
103
|
+
props: ZStackElementProps;
|
|
104
|
+
children: UIElement[];
|
|
97
105
|
};
|
|
98
106
|
export declare const ComposableScreenStepPayloadSchema: z.ZodObject<{
|
|
99
107
|
elements: z.ZodArray<z.ZodType<UIElement, unknown, z.core.$ZodTypeInternals<UIElement, unknown>>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/steps/ComposableScreen/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,KAAK,iBAAiB,EAA2B,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,wBAAwB,CAAC;AACvF,OAAO,EAAE,KAAK,iBAAiB,EAA2B,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,KAAK,kBAAkB,EAA4B,MAAM,0BAA0B,CAAC;AAC7F,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,wBAAwB,CAAC;AACvF,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,wBAAwB,CAAC;AACvF,OAAO,EAAE,KAAK,iBAAiB,EAA2B,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,KAAK,iBAAiB,EAA2B,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,KAAK,kBAAkB,EAA4B,MAAM,0BAA0B,CAAC;AAC7F,OAAO,EAAE,KAAK,sBAAsB,EAAgC,MAAM,8BAA8B,CAAC;AACzG,OAAO,EAAE,KAAK,yBAAyB,EAAmC,MAAM,iCAAiC,CAAC;AAClH,OAAO,EAAE,KAAK,sBAAsB,EAAgC,MAAM,8BAA8B,CAAC;AACzG,OAAO,EAAE,KAAK,oBAAoB,EAA8B,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/steps/ComposableScreen/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,7 @@ const RadioGroupElement_1 = require("./elements/RadioGroupElement");
|
|
|
16
16
|
const CheckboxGroupElement_1 = require("./elements/CheckboxGroupElement");
|
|
17
17
|
const DatePickerElement_1 = require("./elements/DatePickerElement");
|
|
18
18
|
const CarouselElement_1 = require("./elements/CarouselElement");
|
|
19
|
+
const ZStackElement_1 = require("./elements/ZStackElement");
|
|
19
20
|
var BaseBoxProps_1 = require("./elements/BaseBoxProps");
|
|
20
21
|
Object.defineProperty(exports, "BaseBoxPropsSchema", { enumerable: true, get: function () { return BaseBoxProps_1.BaseBoxPropsSchema; } });
|
|
21
22
|
Object.defineProperty(exports, "GradientBackgroundSchema", { enumerable: true, get: function () { return BaseBoxProps_1.GradientBackgroundSchema; } });
|
|
@@ -100,6 +101,13 @@ const UIElementSchema = zod_1.z.lazy(() => zod_1.z.union([
|
|
|
100
101
|
props: CarouselElement_1.CarouselElementPropsSchema,
|
|
101
102
|
children: zod_1.z.array(UIElementSchema),
|
|
102
103
|
}),
|
|
104
|
+
zod_1.z.object({
|
|
105
|
+
id: zod_1.z.string(),
|
|
106
|
+
name: zod_1.z.string().optional(),
|
|
107
|
+
type: zod_1.z.literal("ZStack"),
|
|
108
|
+
props: ZStackElement_1.ZStackElementPropsSchema,
|
|
109
|
+
children: zod_1.z.array(UIElementSchema),
|
|
110
|
+
}),
|
|
103
111
|
]));
|
|
104
112
|
exports.ComposableScreenStepPayloadSchema = zod_1.z.object({
|
|
105
113
|
elements: zod_1.z.array(UIElementSchema),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/steps/ComposableScreen/types.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AACxB,kDAAqD;AACrD,0DAA0F;AAC1F,wDAAuF;AACvF,0DAA0F;AAC1F,4DAA6F;AAC7F,wDAAuF;AACvF,wDAAuF;AACvF,0DAA0F;AAC1F,0DAA0F;AAC1F,4DAA6F;AAC7F,oEAAyG;AACzG,0EAAkH;AAClH,oEAAyG;AACzG,gEAAmG;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/steps/ComposableScreen/types.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rocapine/react-native-onboarding",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.14.0",
|
|
4
4
|
"description": "Headless React Native SDK for Rocapine Onboarding Studio - Data fetching, state management, and hooks",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -149,6 +149,7 @@ export const onboardingExample = {
|
|
|
149
149
|
borderRadius: 12,
|
|
150
150
|
controls: true,
|
|
151
151
|
muted: true,
|
|
152
|
+
contentFit: "cover",
|
|
152
153
|
},
|
|
153
154
|
},
|
|
154
155
|
{
|
|
@@ -320,6 +321,49 @@ export const onboardingExample = {
|
|
|
320
321
|
},
|
|
321
322
|
],
|
|
322
323
|
},
|
|
324
|
+
{
|
|
325
|
+
id: "zstack-demo",
|
|
326
|
+
type: "ZStack",
|
|
327
|
+
props: {
|
|
328
|
+
height: 200,
|
|
329
|
+
borderRadius: 16,
|
|
330
|
+
overflow: "hidden",
|
|
331
|
+
marginVertical: 8,
|
|
332
|
+
},
|
|
333
|
+
children: [
|
|
334
|
+
{
|
|
335
|
+
id: "zstack-bg",
|
|
336
|
+
type: "Image",
|
|
337
|
+
props: {
|
|
338
|
+
url: "https://picsum.photos/800/400?random=20",
|
|
339
|
+
height: 200,
|
|
340
|
+
resizeMode: "cover",
|
|
341
|
+
},
|
|
342
|
+
},
|
|
343
|
+
{
|
|
344
|
+
id: "zstack-overlay",
|
|
345
|
+
type: "YStack",
|
|
346
|
+
props: {
|
|
347
|
+
flex: 1,
|
|
348
|
+
backgroundColor: "rgba(0,0,0,0.45)",
|
|
349
|
+
padding: 20,
|
|
350
|
+
justifyContent: "flex-end",
|
|
351
|
+
},
|
|
352
|
+
children: [
|
|
353
|
+
{
|
|
354
|
+
id: "zstack-label",
|
|
355
|
+
type: "Text",
|
|
356
|
+
props: {
|
|
357
|
+
content: "ZStack: layered elements",
|
|
358
|
+
fontSize: 18,
|
|
359
|
+
fontWeight: "700",
|
|
360
|
+
color: "#fff",
|
|
361
|
+
},
|
|
362
|
+
},
|
|
363
|
+
],
|
|
364
|
+
},
|
|
365
|
+
],
|
|
366
|
+
},
|
|
323
367
|
{
|
|
324
368
|
id: "hero-button",
|
|
325
369
|
type: "Button",
|
|
@@ -7,6 +7,7 @@ export type VideoElementProps = BaseBoxProps & {
|
|
|
7
7
|
loop?: boolean;
|
|
8
8
|
muted?: boolean;
|
|
9
9
|
controls?: boolean;
|
|
10
|
+
contentFit?: "contain" | "cover" | "fill";
|
|
10
11
|
};
|
|
11
12
|
|
|
12
13
|
export const VideoElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
@@ -15,4 +16,5 @@ export const VideoElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
|
15
16
|
loop: z.boolean().optional(),
|
|
16
17
|
muted: z.boolean().optional(),
|
|
17
18
|
controls: z.boolean().optional(),
|
|
19
|
+
contentFit: z.enum(["contain", "cover", "fill"]).optional(),
|
|
18
20
|
});
|
|
@@ -13,6 +13,7 @@ import { type RadioGroupElementProps, RadioGroupElementPropsSchema } from "./ele
|
|
|
13
13
|
import { type CheckboxGroupElementProps, CheckboxGroupElementPropsSchema } from "./elements/CheckboxGroupElement";
|
|
14
14
|
import { type DatePickerElementProps, DatePickerElementPropsSchema } from "./elements/DatePickerElement";
|
|
15
15
|
import { type CarouselElementProps, CarouselElementPropsSchema } from "./elements/CarouselElement";
|
|
16
|
+
import { type ZStackElementProps, ZStackElementPropsSchema } from "./elements/ZStackElement";
|
|
16
17
|
|
|
17
18
|
export type { BaseBoxProps, GradientBackground, GradientEdge, GradientStop, LinearGradientConfig } from "./elements/BaseBoxProps";
|
|
18
19
|
export { BaseBoxPropsSchema, GradientBackgroundSchema } from "./elements/BaseBoxProps";
|
|
@@ -29,6 +30,7 @@ export type { RadioGroupElementProps } from "./elements/RadioGroupElement";
|
|
|
29
30
|
export type { CheckboxGroupElementProps } from "./elements/CheckboxGroupElement";
|
|
30
31
|
export type { DatePickerElementProps } from "./elements/DatePickerElement";
|
|
31
32
|
export type { CarouselElementProps } from "./elements/CarouselElement";
|
|
33
|
+
export type { ZStackElementProps } from "./elements/ZStackElement";
|
|
32
34
|
|
|
33
35
|
// UIElement union — must live here (not in elements/) to avoid circular deps
|
|
34
36
|
// because the Stack variant's children: UIElement[] references itself.
|
|
@@ -112,6 +114,13 @@ type UIElement =
|
|
|
112
114
|
type: "Carousel";
|
|
113
115
|
props: CarouselElementProps;
|
|
114
116
|
children: UIElement[];
|
|
117
|
+
}
|
|
118
|
+
| {
|
|
119
|
+
id: string;
|
|
120
|
+
name?: string;
|
|
121
|
+
type: "ZStack";
|
|
122
|
+
props: ZStackElementProps;
|
|
123
|
+
children: UIElement[];
|
|
115
124
|
};
|
|
116
125
|
|
|
117
126
|
const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
|
|
@@ -196,6 +205,13 @@ const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
|
|
|
196
205
|
props: CarouselElementPropsSchema,
|
|
197
206
|
children: z.array(UIElementSchema),
|
|
198
207
|
}),
|
|
208
|
+
z.object({
|
|
209
|
+
id: z.string(),
|
|
210
|
+
name: z.string().optional(),
|
|
211
|
+
type: z.literal("ZStack"),
|
|
212
|
+
props: ZStackElementPropsSchema,
|
|
213
|
+
children: z.array(UIElementSchema),
|
|
214
|
+
}),
|
|
199
215
|
])
|
|
200
216
|
);
|
|
201
217
|
|