@rocapine/react-native-onboarding 1.8.1 → 1.10.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 +121 -0
- package/dist/onboarding-example.d.ts.map +1 -1
- package/dist/onboarding-example.js +52 -0
- package/dist/onboarding-example.js.map +1 -1
- package/dist/steps/ComposableScreen/elements/CheckboxGroupElement.d.ts +74 -0
- package/dist/steps/ComposableScreen/elements/CheckboxGroupElement.d.ts.map +1 -0
- package/dist/steps/ComposableScreen/elements/CheckboxGroupElement.js +40 -0
- package/dist/steps/ComposableScreen/elements/CheckboxGroupElement.js.map +1 -0
- package/dist/steps/ComposableScreen/elements/DatePickerElement.d.ts +56 -0
- package/dist/steps/ComposableScreen/elements/DatePickerElement.d.ts.map +1 -0
- package/dist/steps/ComposableScreen/elements/DatePickerElement.js +17 -0
- package/dist/steps/ComposableScreen/elements/DatePickerElement.js.map +1 -0
- package/dist/steps/ComposableScreen/types.d.ts +14 -0
- package/dist/steps/ComposableScreen/types.d.ts.map +1 -1
- package/dist/steps/ComposableScreen/types.js +14 -0
- package/dist/steps/ComposableScreen/types.js.map +1 -1
- package/package.json +1 -1
- package/src/onboarding-example.ts +52 -0
- package/src/steps/ComposableScreen/elements/CheckboxGroupElement.ts +59 -0
- package/src/steps/ComposableScreen/elements/DatePickerElement.ts +26 -0
- package/src/steps/ComposableScreen/types.ts +28 -0
|
@@ -167,6 +167,9 @@ export declare const onboardingExample: {
|
|
|
167
167
|
defaultValue?: undefined;
|
|
168
168
|
gap?: undefined;
|
|
169
169
|
items?: undefined;
|
|
170
|
+
defaultValues?: undefined;
|
|
171
|
+
display?: undefined;
|
|
172
|
+
maximumDate?: undefined;
|
|
170
173
|
label?: undefined;
|
|
171
174
|
variant?: undefined;
|
|
172
175
|
};
|
|
@@ -205,6 +208,9 @@ export declare const onboardingExample: {
|
|
|
205
208
|
defaultValue?: undefined;
|
|
206
209
|
gap?: undefined;
|
|
207
210
|
items?: undefined;
|
|
211
|
+
defaultValues?: undefined;
|
|
212
|
+
display?: undefined;
|
|
213
|
+
maximumDate?: undefined;
|
|
208
214
|
label?: undefined;
|
|
209
215
|
variant?: undefined;
|
|
210
216
|
};
|
|
@@ -243,6 +249,9 @@ export declare const onboardingExample: {
|
|
|
243
249
|
defaultValue?: undefined;
|
|
244
250
|
gap?: undefined;
|
|
245
251
|
items?: undefined;
|
|
252
|
+
defaultValues?: undefined;
|
|
253
|
+
display?: undefined;
|
|
254
|
+
maximumDate?: undefined;
|
|
246
255
|
label?: undefined;
|
|
247
256
|
variant?: undefined;
|
|
248
257
|
};
|
|
@@ -281,6 +290,9 @@ export declare const onboardingExample: {
|
|
|
281
290
|
defaultValue?: undefined;
|
|
282
291
|
gap?: undefined;
|
|
283
292
|
items?: undefined;
|
|
293
|
+
defaultValues?: undefined;
|
|
294
|
+
display?: undefined;
|
|
295
|
+
maximumDate?: undefined;
|
|
284
296
|
label?: undefined;
|
|
285
297
|
variant?: undefined;
|
|
286
298
|
};
|
|
@@ -319,6 +331,9 @@ export declare const onboardingExample: {
|
|
|
319
331
|
defaultValue?: undefined;
|
|
320
332
|
gap?: undefined;
|
|
321
333
|
items?: undefined;
|
|
334
|
+
defaultValues?: undefined;
|
|
335
|
+
display?: undefined;
|
|
336
|
+
maximumDate?: undefined;
|
|
322
337
|
label?: undefined;
|
|
323
338
|
variant?: undefined;
|
|
324
339
|
};
|
|
@@ -357,6 +372,9 @@ export declare const onboardingExample: {
|
|
|
357
372
|
defaultValue?: undefined;
|
|
358
373
|
gap?: undefined;
|
|
359
374
|
items?: undefined;
|
|
375
|
+
defaultValues?: undefined;
|
|
376
|
+
display?: undefined;
|
|
377
|
+
maximumDate?: undefined;
|
|
360
378
|
label?: undefined;
|
|
361
379
|
variant?: undefined;
|
|
362
380
|
};
|
|
@@ -395,6 +413,9 @@ export declare const onboardingExample: {
|
|
|
395
413
|
defaultValue?: undefined;
|
|
396
414
|
gap?: undefined;
|
|
397
415
|
items?: undefined;
|
|
416
|
+
defaultValues?: undefined;
|
|
417
|
+
display?: undefined;
|
|
418
|
+
maximumDate?: undefined;
|
|
398
419
|
label?: undefined;
|
|
399
420
|
variant?: undefined;
|
|
400
421
|
};
|
|
@@ -433,6 +454,9 @@ export declare const onboardingExample: {
|
|
|
433
454
|
defaultValue?: undefined;
|
|
434
455
|
gap?: undefined;
|
|
435
456
|
items?: undefined;
|
|
457
|
+
defaultValues?: undefined;
|
|
458
|
+
display?: undefined;
|
|
459
|
+
maximumDate?: undefined;
|
|
436
460
|
label?: undefined;
|
|
437
461
|
variant?: undefined;
|
|
438
462
|
};
|
|
@@ -471,6 +495,9 @@ export declare const onboardingExample: {
|
|
|
471
495
|
defaultValue?: undefined;
|
|
472
496
|
gap?: undefined;
|
|
473
497
|
items?: undefined;
|
|
498
|
+
defaultValues?: undefined;
|
|
499
|
+
display?: undefined;
|
|
500
|
+
maximumDate?: undefined;
|
|
474
501
|
label?: undefined;
|
|
475
502
|
variant?: undefined;
|
|
476
503
|
};
|
|
@@ -512,6 +539,9 @@ export declare const onboardingExample: {
|
|
|
512
539
|
fontFamily?: undefined;
|
|
513
540
|
lineHeight?: undefined;
|
|
514
541
|
opacity?: undefined;
|
|
542
|
+
defaultValues?: undefined;
|
|
543
|
+
display?: undefined;
|
|
544
|
+
maximumDate?: undefined;
|
|
515
545
|
label?: undefined;
|
|
516
546
|
variant?: undefined;
|
|
517
547
|
};
|
|
@@ -550,6 +580,94 @@ export declare const onboardingExample: {
|
|
|
550
580
|
defaultValue?: undefined;
|
|
551
581
|
gap?: undefined;
|
|
552
582
|
items?: undefined;
|
|
583
|
+
defaultValues?: undefined;
|
|
584
|
+
display?: undefined;
|
|
585
|
+
maximumDate?: undefined;
|
|
586
|
+
label?: undefined;
|
|
587
|
+
variant?: undefined;
|
|
588
|
+
};
|
|
589
|
+
} | {
|
|
590
|
+
id: string;
|
|
591
|
+
type: string;
|
|
592
|
+
props: {
|
|
593
|
+
variableName: string;
|
|
594
|
+
defaultValues: string[];
|
|
595
|
+
gap: number;
|
|
596
|
+
marginVertical: number;
|
|
597
|
+
items: {
|
|
598
|
+
label: string;
|
|
599
|
+
value: string;
|
|
600
|
+
}[];
|
|
601
|
+
source?: undefined;
|
|
602
|
+
height?: undefined;
|
|
603
|
+
autoPlay?: undefined;
|
|
604
|
+
loop?: undefined;
|
|
605
|
+
url?: undefined;
|
|
606
|
+
autoplay?: undefined;
|
|
607
|
+
fit?: undefined;
|
|
608
|
+
resizeMode?: undefined;
|
|
609
|
+
borderRadius?: undefined;
|
|
610
|
+
name?: undefined;
|
|
611
|
+
size?: undefined;
|
|
612
|
+
color?: undefined;
|
|
613
|
+
controls?: undefined;
|
|
614
|
+
muted?: undefined;
|
|
615
|
+
placeholder?: undefined;
|
|
616
|
+
keyboardType?: undefined;
|
|
617
|
+
returnKeyType?: undefined;
|
|
618
|
+
autoCapitalize?: undefined;
|
|
619
|
+
content?: undefined;
|
|
620
|
+
mode?: undefined;
|
|
621
|
+
fontSize?: undefined;
|
|
622
|
+
fontWeight?: undefined;
|
|
623
|
+
textAlign?: undefined;
|
|
624
|
+
fontFamily?: undefined;
|
|
625
|
+
lineHeight?: undefined;
|
|
626
|
+
opacity?: undefined;
|
|
627
|
+
defaultValue?: undefined;
|
|
628
|
+
display?: undefined;
|
|
629
|
+
maximumDate?: undefined;
|
|
630
|
+
label?: undefined;
|
|
631
|
+
variant?: undefined;
|
|
632
|
+
};
|
|
633
|
+
} | {
|
|
634
|
+
id: string;
|
|
635
|
+
type: string;
|
|
636
|
+
props: {
|
|
637
|
+
variableName: string;
|
|
638
|
+
defaultValue: string;
|
|
639
|
+
mode: string;
|
|
640
|
+
display: string;
|
|
641
|
+
maximumDate: string;
|
|
642
|
+
marginVertical: number;
|
|
643
|
+
source?: undefined;
|
|
644
|
+
height?: undefined;
|
|
645
|
+
autoPlay?: undefined;
|
|
646
|
+
loop?: undefined;
|
|
647
|
+
url?: undefined;
|
|
648
|
+
autoplay?: undefined;
|
|
649
|
+
fit?: undefined;
|
|
650
|
+
resizeMode?: undefined;
|
|
651
|
+
borderRadius?: undefined;
|
|
652
|
+
name?: undefined;
|
|
653
|
+
size?: undefined;
|
|
654
|
+
color?: undefined;
|
|
655
|
+
controls?: undefined;
|
|
656
|
+
muted?: undefined;
|
|
657
|
+
placeholder?: undefined;
|
|
658
|
+
keyboardType?: undefined;
|
|
659
|
+
returnKeyType?: undefined;
|
|
660
|
+
autoCapitalize?: undefined;
|
|
661
|
+
content?: undefined;
|
|
662
|
+
fontSize?: undefined;
|
|
663
|
+
fontWeight?: undefined;
|
|
664
|
+
textAlign?: undefined;
|
|
665
|
+
fontFamily?: undefined;
|
|
666
|
+
lineHeight?: undefined;
|
|
667
|
+
opacity?: undefined;
|
|
668
|
+
gap?: undefined;
|
|
669
|
+
items?: undefined;
|
|
670
|
+
defaultValues?: undefined;
|
|
553
671
|
label?: undefined;
|
|
554
672
|
variant?: undefined;
|
|
555
673
|
};
|
|
@@ -590,6 +708,9 @@ export declare const onboardingExample: {
|
|
|
590
708
|
defaultValue?: undefined;
|
|
591
709
|
gap?: undefined;
|
|
592
710
|
items?: undefined;
|
|
711
|
+
defaultValues?: undefined;
|
|
712
|
+
display?: undefined;
|
|
713
|
+
maximumDate?: undefined;
|
|
593
714
|
};
|
|
594
715
|
})[];
|
|
595
716
|
}[];
|
|
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8TR,CAAC"}
|
|
@@ -225,6 +225,58 @@ exports.onboardingExample = {
|
|
|
225
225
|
marginVertical: 4,
|
|
226
226
|
},
|
|
227
227
|
},
|
|
228
|
+
{
|
|
229
|
+
id: "hero-checkbox",
|
|
230
|
+
type: "CheckboxGroup",
|
|
231
|
+
props: {
|
|
232
|
+
variableName: "goals",
|
|
233
|
+
defaultValues: ["health", "fitness"],
|
|
234
|
+
gap: 8,
|
|
235
|
+
marginVertical: 8,
|
|
236
|
+
items: [
|
|
237
|
+
{ label: "Improve health", value: "health" },
|
|
238
|
+
{ label: "Build fitness", value: "fitness" },
|
|
239
|
+
{ label: "Lose weight", value: "weight" },
|
|
240
|
+
{ label: "Gain muscle", value: "muscle" },
|
|
241
|
+
],
|
|
242
|
+
},
|
|
243
|
+
},
|
|
244
|
+
{
|
|
245
|
+
id: "goals-display",
|
|
246
|
+
type: "Text",
|
|
247
|
+
props: {
|
|
248
|
+
content: "Goals: {{goals}}",
|
|
249
|
+
mode: "expression",
|
|
250
|
+
fontSize: 14,
|
|
251
|
+
textAlign: "center",
|
|
252
|
+
opacity: 0.6,
|
|
253
|
+
marginVertical: 4,
|
|
254
|
+
},
|
|
255
|
+
},
|
|
256
|
+
{
|
|
257
|
+
id: "hero-date-picker",
|
|
258
|
+
type: "DatePicker",
|
|
259
|
+
props: {
|
|
260
|
+
variableName: "birthdate",
|
|
261
|
+
defaultValue: "1990-01-01T00:00:00.000Z",
|
|
262
|
+
mode: "date",
|
|
263
|
+
display: "spinner",
|
|
264
|
+
maximumDate: new Date().toISOString(), // static at module load time — suitable for demo; use a runtime value in production
|
|
265
|
+
marginVertical: 8,
|
|
266
|
+
},
|
|
267
|
+
},
|
|
268
|
+
{
|
|
269
|
+
id: "birthdate-display",
|
|
270
|
+
type: "Text",
|
|
271
|
+
props: {
|
|
272
|
+
content: "Birth date: {{birthdate}}",
|
|
273
|
+
mode: "expression",
|
|
274
|
+
fontSize: 14,
|
|
275
|
+
textAlign: "center",
|
|
276
|
+
opacity: 0.6,
|
|
277
|
+
marginVertical: 4,
|
|
278
|
+
},
|
|
279
|
+
},
|
|
228
280
|
{
|
|
229
281
|
id: "hero-button",
|
|
230
282
|
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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"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
import { BaseBoxProps } from "./BaseBoxProps";
|
|
3
|
+
export type CheckboxGroupElementProps = BaseBoxProps & {
|
|
4
|
+
variableName?: string;
|
|
5
|
+
defaultValues?: string[];
|
|
6
|
+
gap?: number;
|
|
7
|
+
direction?: "vertical" | "horizontal";
|
|
8
|
+
items: Array<{
|
|
9
|
+
label: string;
|
|
10
|
+
value: string;
|
|
11
|
+
}>;
|
|
12
|
+
itemBackgroundColor?: string;
|
|
13
|
+
itemSelectedBackgroundColor?: string;
|
|
14
|
+
itemBorderColor?: string;
|
|
15
|
+
itemSelectedBorderColor?: string;
|
|
16
|
+
itemBorderRadius?: number;
|
|
17
|
+
itemBorderWidth?: number;
|
|
18
|
+
itemColor?: string;
|
|
19
|
+
itemSelectedColor?: string;
|
|
20
|
+
itemFontSize?: number;
|
|
21
|
+
itemFontWeight?: string;
|
|
22
|
+
itemFontFamily?: string;
|
|
23
|
+
itemPadding?: number;
|
|
24
|
+
itemPaddingHorizontal?: number;
|
|
25
|
+
itemPaddingVertical?: number;
|
|
26
|
+
};
|
|
27
|
+
export declare const CheckboxGroupElementPropsSchema: z.ZodObject<{
|
|
28
|
+
width: z.ZodOptional<z.ZodNumber>;
|
|
29
|
+
height: z.ZodOptional<z.ZodNumber>;
|
|
30
|
+
alignSelf: z.ZodOptional<z.ZodEnum<{
|
|
31
|
+
"flex-start": "flex-start";
|
|
32
|
+
center: "center";
|
|
33
|
+
"flex-end": "flex-end";
|
|
34
|
+
stretch: "stretch";
|
|
35
|
+
auto: "auto";
|
|
36
|
+
baseline: "baseline";
|
|
37
|
+
}>>;
|
|
38
|
+
opacity: z.ZodOptional<z.ZodNumber>;
|
|
39
|
+
margin: z.ZodOptional<z.ZodNumber>;
|
|
40
|
+
marginHorizontal: z.ZodOptional<z.ZodNumber>;
|
|
41
|
+
marginVertical: z.ZodOptional<z.ZodNumber>;
|
|
42
|
+
padding: z.ZodOptional<z.ZodNumber>;
|
|
43
|
+
paddingHorizontal: z.ZodOptional<z.ZodNumber>;
|
|
44
|
+
paddingVertical: z.ZodOptional<z.ZodNumber>;
|
|
45
|
+
borderWidth: z.ZodOptional<z.ZodNumber>;
|
|
46
|
+
borderRadius: z.ZodOptional<z.ZodNumber>;
|
|
47
|
+
borderColor: z.ZodOptional<z.ZodString>;
|
|
48
|
+
variableName: z.ZodOptional<z.ZodString>;
|
|
49
|
+
defaultValues: z.ZodOptional<z.ZodArray<z.ZodString>>;
|
|
50
|
+
gap: z.ZodOptional<z.ZodNumber>;
|
|
51
|
+
direction: z.ZodOptional<z.ZodEnum<{
|
|
52
|
+
vertical: "vertical";
|
|
53
|
+
horizontal: "horizontal";
|
|
54
|
+
}>>;
|
|
55
|
+
items: z.ZodArray<z.ZodObject<{
|
|
56
|
+
label: z.ZodString;
|
|
57
|
+
value: z.ZodString;
|
|
58
|
+
}, z.core.$strip>>;
|
|
59
|
+
itemBackgroundColor: z.ZodOptional<z.ZodString>;
|
|
60
|
+
itemSelectedBackgroundColor: z.ZodOptional<z.ZodString>;
|
|
61
|
+
itemBorderColor: z.ZodOptional<z.ZodString>;
|
|
62
|
+
itemSelectedBorderColor: z.ZodOptional<z.ZodString>;
|
|
63
|
+
itemBorderRadius: z.ZodOptional<z.ZodNumber>;
|
|
64
|
+
itemBorderWidth: z.ZodOptional<z.ZodNumber>;
|
|
65
|
+
itemColor: z.ZodOptional<z.ZodString>;
|
|
66
|
+
itemSelectedColor: z.ZodOptional<z.ZodString>;
|
|
67
|
+
itemFontSize: z.ZodOptional<z.ZodNumber>;
|
|
68
|
+
itemFontWeight: z.ZodOptional<z.ZodString>;
|
|
69
|
+
itemFontFamily: z.ZodOptional<z.ZodString>;
|
|
70
|
+
itemPadding: z.ZodOptional<z.ZodNumber>;
|
|
71
|
+
itemPaddingHorizontal: z.ZodOptional<z.ZodNumber>;
|
|
72
|
+
itemPaddingVertical: z.ZodOptional<z.ZodNumber>;
|
|
73
|
+
}, z.core.$strip>;
|
|
74
|
+
//# sourceMappingURL=CheckboxGroupElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxGroupElement.d.ts","sourceRoot":"","sources":["../../../../src/steps/ComposableScreen/elements/CheckboxGroupElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAElE,MAAM,MAAM,yBAAyB,GAAG,YAAY,GAAG;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,KAAK,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAiC1C,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CheckboxGroupElementPropsSchema = void 0;
|
|
4
|
+
const zod_1 = require("zod");
|
|
5
|
+
const BaseBoxProps_1 = require("./BaseBoxProps");
|
|
6
|
+
exports.CheckboxGroupElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
|
|
7
|
+
variableName: zod_1.z.string().optional(),
|
|
8
|
+
defaultValues: zod_1.z.array(zod_1.z.string()).optional(),
|
|
9
|
+
gap: zod_1.z.number().optional(),
|
|
10
|
+
direction: zod_1.z.enum(["vertical", "horizontal"]).optional(),
|
|
11
|
+
items: zod_1.z.array(zod_1.z.object({ label: zod_1.z.string().trim().min(1, "item label must not be empty"), value: zod_1.z.string().trim().min(1, "item value must not be empty") })).min(1, "items must not be empty"),
|
|
12
|
+
itemBackgroundColor: zod_1.z.string().optional(),
|
|
13
|
+
itemSelectedBackgroundColor: zod_1.z.string().optional(),
|
|
14
|
+
itemBorderColor: zod_1.z.string().optional(),
|
|
15
|
+
itemSelectedBorderColor: zod_1.z.string().optional(),
|
|
16
|
+
itemBorderRadius: zod_1.z.number().optional(),
|
|
17
|
+
itemBorderWidth: zod_1.z.number().optional(),
|
|
18
|
+
itemColor: zod_1.z.string().optional(),
|
|
19
|
+
itemSelectedColor: zod_1.z.string().optional(),
|
|
20
|
+
itemFontSize: zod_1.z.number().optional(),
|
|
21
|
+
itemFontWeight: zod_1.z.string().optional(),
|
|
22
|
+
itemFontFamily: zod_1.z.string().optional(),
|
|
23
|
+
itemPadding: zod_1.z.number().optional(),
|
|
24
|
+
itemPaddingHorizontal: zod_1.z.number().optional(),
|
|
25
|
+
itemPaddingVertical: zod_1.z.number().optional(),
|
|
26
|
+
}).superRefine((data, ctx) => {
|
|
27
|
+
const values = data.items.map((i) => i.value);
|
|
28
|
+
const unique = new Set(values);
|
|
29
|
+
if (unique.size !== values.length) {
|
|
30
|
+
ctx.addIssue({ code: zod_1.z.ZodIssueCode.custom, message: "item values must be unique", path: ["items"] });
|
|
31
|
+
}
|
|
32
|
+
if (data.defaultValues !== undefined) {
|
|
33
|
+
data.defaultValues.forEach((dv, i) => {
|
|
34
|
+
if (!unique.has(dv)) {
|
|
35
|
+
ctx.addIssue({ code: zod_1.z.ZodIssueCode.custom, message: `defaultValues entry "${dv}" must match one of the item values`, path: ["defaultValues", i] });
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
//# sourceMappingURL=CheckboxGroupElement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxGroupElement.js","sourceRoot":"","sources":["../../../../src/steps/ComposableScreen/elements/CheckboxGroupElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
import { BaseBoxProps } from "./BaseBoxProps";
|
|
3
|
+
export type DatePickerElementProps = BaseBoxProps & {
|
|
4
|
+
variableName?: string;
|
|
5
|
+
defaultValue?: string;
|
|
6
|
+
minimumDate?: string;
|
|
7
|
+
maximumDate?: string;
|
|
8
|
+
mode?: "date" | "time" | "datetime";
|
|
9
|
+
display?: "default" | "spinner" | "calendar" | "clock" | "compact" | "inline";
|
|
10
|
+
textColor?: string;
|
|
11
|
+
accentColor?: string;
|
|
12
|
+
locale?: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const DatePickerElementPropsSchema: z.ZodObject<{
|
|
15
|
+
width: z.ZodOptional<z.ZodNumber>;
|
|
16
|
+
height: z.ZodOptional<z.ZodNumber>;
|
|
17
|
+
alignSelf: z.ZodOptional<z.ZodEnum<{
|
|
18
|
+
"flex-start": "flex-start";
|
|
19
|
+
center: "center";
|
|
20
|
+
"flex-end": "flex-end";
|
|
21
|
+
stretch: "stretch";
|
|
22
|
+
auto: "auto";
|
|
23
|
+
baseline: "baseline";
|
|
24
|
+
}>>;
|
|
25
|
+
opacity: z.ZodOptional<z.ZodNumber>;
|
|
26
|
+
margin: z.ZodOptional<z.ZodNumber>;
|
|
27
|
+
marginHorizontal: z.ZodOptional<z.ZodNumber>;
|
|
28
|
+
marginVertical: z.ZodOptional<z.ZodNumber>;
|
|
29
|
+
padding: z.ZodOptional<z.ZodNumber>;
|
|
30
|
+
paddingHorizontal: z.ZodOptional<z.ZodNumber>;
|
|
31
|
+
paddingVertical: z.ZodOptional<z.ZodNumber>;
|
|
32
|
+
borderWidth: z.ZodOptional<z.ZodNumber>;
|
|
33
|
+
borderRadius: z.ZodOptional<z.ZodNumber>;
|
|
34
|
+
borderColor: z.ZodOptional<z.ZodString>;
|
|
35
|
+
variableName: z.ZodOptional<z.ZodString>;
|
|
36
|
+
defaultValue: z.ZodOptional<z.ZodString>;
|
|
37
|
+
minimumDate: z.ZodOptional<z.ZodString>;
|
|
38
|
+
maximumDate: z.ZodOptional<z.ZodString>;
|
|
39
|
+
mode: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
|
|
40
|
+
date: "date";
|
|
41
|
+
time: "time";
|
|
42
|
+
datetime: "datetime";
|
|
43
|
+
}>>>;
|
|
44
|
+
display: z.ZodOptional<z.ZodEnum<{
|
|
45
|
+
default: "default";
|
|
46
|
+
spinner: "spinner";
|
|
47
|
+
calendar: "calendar";
|
|
48
|
+
clock: "clock";
|
|
49
|
+
compact: "compact";
|
|
50
|
+
inline: "inline";
|
|
51
|
+
}>>;
|
|
52
|
+
textColor: z.ZodOptional<z.ZodString>;
|
|
53
|
+
accentColor: z.ZodOptional<z.ZodString>;
|
|
54
|
+
locale: z.ZodOptional<z.ZodString>;
|
|
55
|
+
}, z.core.$strip>;
|
|
56
|
+
//# sourceMappingURL=DatePickerElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePickerElement.d.ts","sourceRoot":"","sources":["../../../../src/steps/ComposableScreen/elements/DatePickerElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAElE,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAUvC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DatePickerElementPropsSchema = void 0;
|
|
4
|
+
const zod_1 = require("zod");
|
|
5
|
+
const BaseBoxProps_1 = require("./BaseBoxProps");
|
|
6
|
+
exports.DatePickerElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
|
|
7
|
+
variableName: zod_1.z.string().min(1).optional(),
|
|
8
|
+
defaultValue: zod_1.z.string().refine((s) => !isNaN(Date.parse(s)), { message: "Invalid date string" }).optional(),
|
|
9
|
+
minimumDate: zod_1.z.string().refine((s) => !isNaN(Date.parse(s)), { message: "Invalid date string" }).optional(),
|
|
10
|
+
maximumDate: zod_1.z.string().refine((s) => !isNaN(Date.parse(s)), { message: "Invalid date string" }).optional(),
|
|
11
|
+
mode: zod_1.z.enum(["date", "time", "datetime"]).optional().default("date"),
|
|
12
|
+
display: zod_1.z.enum(["default", "spinner", "calendar", "clock", "compact", "inline"]).optional(),
|
|
13
|
+
textColor: zod_1.z.string().optional(),
|
|
14
|
+
accentColor: zod_1.z.string().optional(),
|
|
15
|
+
locale: zod_1.z.string().optional(),
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=DatePickerElement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePickerElement.js","sourceRoot":"","sources":["../../../../src/steps/ComposableScreen/elements/DatePickerElement.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AACxB,iDAAkE;AAcrD,QAAA,4BAA4B,GAAG,iCAAkB,CAAC,MAAM,CAAC;IACpE,YAAY,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;IAC1C,YAAY,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAC,CAAC,QAAQ,EAAE;IAC5G,WAAW,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAC,CAAC,QAAQ,EAAE;IAC3G,WAAW,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAC,CAAC,QAAQ,EAAE;IAC3G,IAAI,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC;IACrE,OAAO,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE;IAC5F,SAAS,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAChC,WAAW,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAClC,MAAM,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAC9B,CAAC,CAAC"}
|
|
@@ -9,6 +9,8 @@ import { type VideoElementProps } from "./elements/VideoElement";
|
|
|
9
9
|
import { type InputElementProps } from "./elements/InputElement";
|
|
10
10
|
import { type ButtonElementProps } from "./elements/ButtonElement";
|
|
11
11
|
import { type RadioGroupElementProps } from "./elements/RadioGroupElement";
|
|
12
|
+
import { type CheckboxGroupElementProps } from "./elements/CheckboxGroupElement";
|
|
13
|
+
import { type DatePickerElementProps } from "./elements/DatePickerElement";
|
|
12
14
|
export type { BaseBoxProps } from "./elements/BaseBoxProps";
|
|
13
15
|
export { BaseBoxPropsSchema } from "./elements/BaseBoxProps";
|
|
14
16
|
export type { StackElementProps } from "./elements/StackElement";
|
|
@@ -21,6 +23,8 @@ export type { VideoElementProps } from "./elements/VideoElement";
|
|
|
21
23
|
export type { InputElementProps } from "./elements/InputElement";
|
|
22
24
|
export type { ButtonElementProps } from "./elements/ButtonElement";
|
|
23
25
|
export type { RadioGroupElementProps } from "./elements/RadioGroupElement";
|
|
26
|
+
export type { CheckboxGroupElementProps } from "./elements/CheckboxGroupElement";
|
|
27
|
+
export type { DatePickerElementProps } from "./elements/DatePickerElement";
|
|
24
28
|
type UIElement = {
|
|
25
29
|
id: string;
|
|
26
30
|
name?: string;
|
|
@@ -72,6 +76,16 @@ type UIElement = {
|
|
|
72
76
|
name?: string;
|
|
73
77
|
type: "RadioGroup";
|
|
74
78
|
props: RadioGroupElementProps;
|
|
79
|
+
} | {
|
|
80
|
+
id: string;
|
|
81
|
+
name?: string;
|
|
82
|
+
type: "CheckboxGroup";
|
|
83
|
+
props: CheckboxGroupElementProps;
|
|
84
|
+
} | {
|
|
85
|
+
id: string;
|
|
86
|
+
name?: string;
|
|
87
|
+
type: "DatePicker";
|
|
88
|
+
props: DatePickerElementProps;
|
|
75
89
|
};
|
|
76
90
|
export declare const ComposableScreenStepPayloadSchema: z.ZodObject<{
|
|
77
91
|
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":"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
|
|
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;AAEzG,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,YAAY,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,YAAY,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAC3E,YAAY,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AACjF,YAAY,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAI3E,KAAK,SAAS,GACV;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,gBAAgB,CAAC;CACzB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,iBAAiB,CAAC;CAC1B,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,kBAAkB,CAAC;CAC3B,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,gBAAgB,CAAC;CACzB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,gBAAgB,CAAC;CACzB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,iBAAiB,CAAC;CAC1B,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,iBAAiB,CAAC;CAC1B,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,kBAAkB,CAAC;CAC3B,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,sBAAsB,CAAC;CAC/B,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,yBAAyB,CAAC;CAClC,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,sBAAsB,CAAC;CAC/B,CAAC;AAgFN,eAAO,MAAM,iCAAiC;;iBAE5C,CAAC;AAEH,eAAO,MAAM,8BAA8B;;;;;;;;;;;iBASzC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,8BAA8B,CAAC,CAAC"}
|
|
@@ -13,6 +13,8 @@ const VideoElement_1 = require("./elements/VideoElement");
|
|
|
13
13
|
const InputElement_1 = require("./elements/InputElement");
|
|
14
14
|
const ButtonElement_1 = require("./elements/ButtonElement");
|
|
15
15
|
const RadioGroupElement_1 = require("./elements/RadioGroupElement");
|
|
16
|
+
const CheckboxGroupElement_1 = require("./elements/CheckboxGroupElement");
|
|
17
|
+
const DatePickerElement_1 = require("./elements/DatePickerElement");
|
|
16
18
|
var BaseBoxProps_1 = require("./elements/BaseBoxProps");
|
|
17
19
|
Object.defineProperty(exports, "BaseBoxPropsSchema", { enumerable: true, get: function () { return BaseBoxProps_1.BaseBoxPropsSchema; } });
|
|
18
20
|
const UIElementSchema = zod_1.z.lazy(() => zod_1.z.union([
|
|
@@ -77,6 +79,18 @@ const UIElementSchema = zod_1.z.lazy(() => zod_1.z.union([
|
|
|
77
79
|
type: zod_1.z.literal("RadioGroup"),
|
|
78
80
|
props: RadioGroupElement_1.RadioGroupElementPropsSchema,
|
|
79
81
|
}),
|
|
82
|
+
zod_1.z.object({
|
|
83
|
+
id: zod_1.z.string(),
|
|
84
|
+
name: zod_1.z.string().optional(),
|
|
85
|
+
type: zod_1.z.literal("CheckboxGroup"),
|
|
86
|
+
props: CheckboxGroupElement_1.CheckboxGroupElementPropsSchema,
|
|
87
|
+
}),
|
|
88
|
+
zod_1.z.object({
|
|
89
|
+
id: zod_1.z.string(),
|
|
90
|
+
name: zod_1.z.string().optional(),
|
|
91
|
+
type: zod_1.z.literal("DatePicker"),
|
|
92
|
+
props: DatePickerElement_1.DatePickerElementPropsSchema,
|
|
93
|
+
}),
|
|
80
94
|
]));
|
|
81
95
|
exports.ComposableScreenStepPayloadSchema = zod_1.z.object({
|
|
82
96
|
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,kDAAsD;AACtD,0DAA0F;AAC1F,wDAAuF;AACvF,0DAA0F;AAC1F,4DAA6F;AAC7F,wDAAuF;AACvF,wDAAuF;AACvF,0DAA0F;AAC1F,0DAA0F;AAC1F,4DAA6F;AAC7F,oEAAyG;AAGzG,wDAA6D;AAApD,kHAAA,kBAAkB,OAAA;
|
|
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.10.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",
|
|
@@ -225,6 +225,58 @@ export const onboardingExample = {
|
|
|
225
225
|
marginVertical: 4,
|
|
226
226
|
},
|
|
227
227
|
},
|
|
228
|
+
{
|
|
229
|
+
id: "hero-checkbox",
|
|
230
|
+
type: "CheckboxGroup",
|
|
231
|
+
props: {
|
|
232
|
+
variableName: "goals",
|
|
233
|
+
defaultValues: ["health", "fitness"],
|
|
234
|
+
gap: 8,
|
|
235
|
+
marginVertical: 8,
|
|
236
|
+
items: [
|
|
237
|
+
{ label: "Improve health", value: "health" },
|
|
238
|
+
{ label: "Build fitness", value: "fitness" },
|
|
239
|
+
{ label: "Lose weight", value: "weight" },
|
|
240
|
+
{ label: "Gain muscle", value: "muscle" },
|
|
241
|
+
],
|
|
242
|
+
},
|
|
243
|
+
},
|
|
244
|
+
{
|
|
245
|
+
id: "goals-display",
|
|
246
|
+
type: "Text",
|
|
247
|
+
props: {
|
|
248
|
+
content: "Goals: {{goals}}",
|
|
249
|
+
mode: "expression",
|
|
250
|
+
fontSize: 14,
|
|
251
|
+
textAlign: "center",
|
|
252
|
+
opacity: 0.6,
|
|
253
|
+
marginVertical: 4,
|
|
254
|
+
},
|
|
255
|
+
},
|
|
256
|
+
{
|
|
257
|
+
id: "hero-date-picker",
|
|
258
|
+
type: "DatePicker",
|
|
259
|
+
props: {
|
|
260
|
+
variableName: "birthdate",
|
|
261
|
+
defaultValue: "1990-01-01T00:00:00.000Z",
|
|
262
|
+
mode: "date",
|
|
263
|
+
display: "spinner",
|
|
264
|
+
maximumDate: new Date().toISOString(), // static at module load time — suitable for demo; use a runtime value in production
|
|
265
|
+
marginVertical: 8,
|
|
266
|
+
},
|
|
267
|
+
},
|
|
268
|
+
{
|
|
269
|
+
id: "birthdate-display",
|
|
270
|
+
type: "Text",
|
|
271
|
+
props: {
|
|
272
|
+
content: "Birth date: {{birthdate}}",
|
|
273
|
+
mode: "expression",
|
|
274
|
+
fontSize: 14,
|
|
275
|
+
textAlign: "center",
|
|
276
|
+
opacity: 0.6,
|
|
277
|
+
marginVertical: 4,
|
|
278
|
+
},
|
|
279
|
+
},
|
|
228
280
|
{
|
|
229
281
|
id: "hero-button",
|
|
230
282
|
type: "Button",
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
import { BaseBoxProps, BaseBoxPropsSchema } from "./BaseBoxProps";
|
|
3
|
+
|
|
4
|
+
export type CheckboxGroupElementProps = BaseBoxProps & {
|
|
5
|
+
variableName?: string;
|
|
6
|
+
defaultValues?: string[];
|
|
7
|
+
gap?: number;
|
|
8
|
+
direction?: "vertical" | "horizontal";
|
|
9
|
+
items: Array<{ label: string; value: string }>;
|
|
10
|
+
itemBackgroundColor?: string;
|
|
11
|
+
itemSelectedBackgroundColor?: string;
|
|
12
|
+
itemBorderColor?: string;
|
|
13
|
+
itemSelectedBorderColor?: string;
|
|
14
|
+
itemBorderRadius?: number;
|
|
15
|
+
itemBorderWidth?: number;
|
|
16
|
+
itemColor?: string;
|
|
17
|
+
itemSelectedColor?: string;
|
|
18
|
+
itemFontSize?: number;
|
|
19
|
+
itemFontWeight?: string;
|
|
20
|
+
itemFontFamily?: string;
|
|
21
|
+
itemPadding?: number;
|
|
22
|
+
itemPaddingHorizontal?: number;
|
|
23
|
+
itemPaddingVertical?: number;
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
export const CheckboxGroupElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
27
|
+
variableName: z.string().optional(),
|
|
28
|
+
defaultValues: z.array(z.string()).optional(),
|
|
29
|
+
gap: z.number().optional(),
|
|
30
|
+
direction: z.enum(["vertical", "horizontal"]).optional(),
|
|
31
|
+
items: z.array(z.object({ label: z.string().trim().min(1, "item label must not be empty"), value: z.string().trim().min(1, "item value must not be empty") })).min(1, "items must not be empty"),
|
|
32
|
+
itemBackgroundColor: z.string().optional(),
|
|
33
|
+
itemSelectedBackgroundColor: z.string().optional(),
|
|
34
|
+
itemBorderColor: z.string().optional(),
|
|
35
|
+
itemSelectedBorderColor: z.string().optional(),
|
|
36
|
+
itemBorderRadius: z.number().optional(),
|
|
37
|
+
itemBorderWidth: z.number().optional(),
|
|
38
|
+
itemColor: z.string().optional(),
|
|
39
|
+
itemSelectedColor: z.string().optional(),
|
|
40
|
+
itemFontSize: z.number().optional(),
|
|
41
|
+
itemFontWeight: z.string().optional(),
|
|
42
|
+
itemFontFamily: z.string().optional(),
|
|
43
|
+
itemPadding: z.number().optional(),
|
|
44
|
+
itemPaddingHorizontal: z.number().optional(),
|
|
45
|
+
itemPaddingVertical: z.number().optional(),
|
|
46
|
+
}).superRefine((data, ctx) => {
|
|
47
|
+
const values = data.items.map((i) => i.value);
|
|
48
|
+
const unique = new Set(values);
|
|
49
|
+
if (unique.size !== values.length) {
|
|
50
|
+
ctx.addIssue({ code: z.ZodIssueCode.custom, message: "item values must be unique", path: ["items"] });
|
|
51
|
+
}
|
|
52
|
+
if (data.defaultValues !== undefined) {
|
|
53
|
+
data.defaultValues.forEach((dv, i) => {
|
|
54
|
+
if (!unique.has(dv)) {
|
|
55
|
+
ctx.addIssue({ code: z.ZodIssueCode.custom, message: `defaultValues entry "${dv}" must match one of the item values`, path: ["defaultValues", i] });
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
});
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
import { BaseBoxProps, BaseBoxPropsSchema } from "./BaseBoxProps";
|
|
3
|
+
|
|
4
|
+
export type DatePickerElementProps = BaseBoxProps & {
|
|
5
|
+
variableName?: string;
|
|
6
|
+
defaultValue?: string;
|
|
7
|
+
minimumDate?: string;
|
|
8
|
+
maximumDate?: string;
|
|
9
|
+
mode?: "date" | "time" | "datetime";
|
|
10
|
+
display?: "default" | "spinner" | "calendar" | "clock" | "compact" | "inline";
|
|
11
|
+
textColor?: string;
|
|
12
|
+
accentColor?: string;
|
|
13
|
+
locale?: string;
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
export const DatePickerElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
17
|
+
variableName: z.string().min(1).optional(),
|
|
18
|
+
defaultValue: z.string().refine((s) => !isNaN(Date.parse(s)), { message: "Invalid date string" }).optional(),
|
|
19
|
+
minimumDate: z.string().refine((s) => !isNaN(Date.parse(s)), { message: "Invalid date string" }).optional(),
|
|
20
|
+
maximumDate: z.string().refine((s) => !isNaN(Date.parse(s)), { message: "Invalid date string" }).optional(),
|
|
21
|
+
mode: z.enum(["date", "time", "datetime"]).optional().default("date"),
|
|
22
|
+
display: z.enum(["default", "spinner", "calendar", "clock", "compact", "inline"]).optional(),
|
|
23
|
+
textColor: z.string().optional(),
|
|
24
|
+
accentColor: z.string().optional(),
|
|
25
|
+
locale: z.string().optional(),
|
|
26
|
+
});
|
|
@@ -10,6 +10,8 @@ import { type VideoElementProps, VideoElementPropsSchema } from "./elements/Vide
|
|
|
10
10
|
import { type InputElementProps, InputElementPropsSchema } from "./elements/InputElement";
|
|
11
11
|
import { type ButtonElementProps, ButtonElementPropsSchema } from "./elements/ButtonElement";
|
|
12
12
|
import { type RadioGroupElementProps, RadioGroupElementPropsSchema } from "./elements/RadioGroupElement";
|
|
13
|
+
import { type CheckboxGroupElementProps, CheckboxGroupElementPropsSchema } from "./elements/CheckboxGroupElement";
|
|
14
|
+
import { type DatePickerElementProps, DatePickerElementPropsSchema } from "./elements/DatePickerElement";
|
|
13
15
|
|
|
14
16
|
export type { BaseBoxProps } from "./elements/BaseBoxProps";
|
|
15
17
|
export { BaseBoxPropsSchema } from "./elements/BaseBoxProps";
|
|
@@ -23,6 +25,8 @@ export type { VideoElementProps } from "./elements/VideoElement";
|
|
|
23
25
|
export type { InputElementProps } from "./elements/InputElement";
|
|
24
26
|
export type { ButtonElementProps } from "./elements/ButtonElement";
|
|
25
27
|
export type { RadioGroupElementProps } from "./elements/RadioGroupElement";
|
|
28
|
+
export type { CheckboxGroupElementProps } from "./elements/CheckboxGroupElement";
|
|
29
|
+
export type { DatePickerElementProps } from "./elements/DatePickerElement";
|
|
26
30
|
|
|
27
31
|
// UIElement union — must live here (not in elements/) to avoid circular deps
|
|
28
32
|
// because the Stack variant's children: UIElement[] references itself.
|
|
@@ -87,6 +91,18 @@ type UIElement =
|
|
|
87
91
|
name?: string;
|
|
88
92
|
type: "RadioGroup";
|
|
89
93
|
props: RadioGroupElementProps;
|
|
94
|
+
}
|
|
95
|
+
| {
|
|
96
|
+
id: string;
|
|
97
|
+
name?: string;
|
|
98
|
+
type: "CheckboxGroup";
|
|
99
|
+
props: CheckboxGroupElementProps;
|
|
100
|
+
}
|
|
101
|
+
| {
|
|
102
|
+
id: string;
|
|
103
|
+
name?: string;
|
|
104
|
+
type: "DatePicker";
|
|
105
|
+
props: DatePickerElementProps;
|
|
90
106
|
};
|
|
91
107
|
|
|
92
108
|
const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
|
|
@@ -152,6 +168,18 @@ const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
|
|
|
152
168
|
type: z.literal("RadioGroup"),
|
|
153
169
|
props: RadioGroupElementPropsSchema,
|
|
154
170
|
}),
|
|
171
|
+
z.object({
|
|
172
|
+
id: z.string(),
|
|
173
|
+
name: z.string().optional(),
|
|
174
|
+
type: z.literal("CheckboxGroup"),
|
|
175
|
+
props: CheckboxGroupElementPropsSchema,
|
|
176
|
+
}),
|
|
177
|
+
z.object({
|
|
178
|
+
id: z.string(),
|
|
179
|
+
name: z.string().optional(),
|
|
180
|
+
type: z.literal("DatePicker"),
|
|
181
|
+
props: DatePickerElementPropsSchema,
|
|
182
|
+
}),
|
|
155
183
|
])
|
|
156
184
|
);
|
|
157
185
|
|