@rocapine/react-native-onboarding 1.8.1 → 1.9.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 +54 -0
- package/dist/onboarding-example.d.ts.map +1 -1
- package/dist/onboarding-example.js +28 -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/types.d.ts +7 -0
- package/dist/steps/ComposableScreen/types.d.ts.map +1 -1
- package/dist/steps/ComposableScreen/types.js +7 -0
- package/dist/steps/ComposableScreen/types.js.map +1 -1
- package/package.json +1 -1
- package/src/onboarding-example.ts +28 -0
- package/src/steps/ComposableScreen/elements/CheckboxGroupElement.ts +59 -0
- package/src/steps/ComposableScreen/types.ts +14 -0
|
@@ -167,6 +167,7 @@ export declare const onboardingExample: {
|
|
|
167
167
|
defaultValue?: undefined;
|
|
168
168
|
gap?: undefined;
|
|
169
169
|
items?: undefined;
|
|
170
|
+
defaultValues?: undefined;
|
|
170
171
|
label?: undefined;
|
|
171
172
|
variant?: undefined;
|
|
172
173
|
};
|
|
@@ -205,6 +206,7 @@ export declare const onboardingExample: {
|
|
|
205
206
|
defaultValue?: undefined;
|
|
206
207
|
gap?: undefined;
|
|
207
208
|
items?: undefined;
|
|
209
|
+
defaultValues?: undefined;
|
|
208
210
|
label?: undefined;
|
|
209
211
|
variant?: undefined;
|
|
210
212
|
};
|
|
@@ -243,6 +245,7 @@ export declare const onboardingExample: {
|
|
|
243
245
|
defaultValue?: undefined;
|
|
244
246
|
gap?: undefined;
|
|
245
247
|
items?: undefined;
|
|
248
|
+
defaultValues?: undefined;
|
|
246
249
|
label?: undefined;
|
|
247
250
|
variant?: undefined;
|
|
248
251
|
};
|
|
@@ -281,6 +284,7 @@ export declare const onboardingExample: {
|
|
|
281
284
|
defaultValue?: undefined;
|
|
282
285
|
gap?: undefined;
|
|
283
286
|
items?: undefined;
|
|
287
|
+
defaultValues?: undefined;
|
|
284
288
|
label?: undefined;
|
|
285
289
|
variant?: undefined;
|
|
286
290
|
};
|
|
@@ -319,6 +323,7 @@ export declare const onboardingExample: {
|
|
|
319
323
|
defaultValue?: undefined;
|
|
320
324
|
gap?: undefined;
|
|
321
325
|
items?: undefined;
|
|
326
|
+
defaultValues?: undefined;
|
|
322
327
|
label?: undefined;
|
|
323
328
|
variant?: undefined;
|
|
324
329
|
};
|
|
@@ -357,6 +362,7 @@ export declare const onboardingExample: {
|
|
|
357
362
|
defaultValue?: undefined;
|
|
358
363
|
gap?: undefined;
|
|
359
364
|
items?: undefined;
|
|
365
|
+
defaultValues?: undefined;
|
|
360
366
|
label?: undefined;
|
|
361
367
|
variant?: undefined;
|
|
362
368
|
};
|
|
@@ -395,6 +401,7 @@ export declare const onboardingExample: {
|
|
|
395
401
|
defaultValue?: undefined;
|
|
396
402
|
gap?: undefined;
|
|
397
403
|
items?: undefined;
|
|
404
|
+
defaultValues?: undefined;
|
|
398
405
|
label?: undefined;
|
|
399
406
|
variant?: undefined;
|
|
400
407
|
};
|
|
@@ -433,6 +440,7 @@ export declare const onboardingExample: {
|
|
|
433
440
|
defaultValue?: undefined;
|
|
434
441
|
gap?: undefined;
|
|
435
442
|
items?: undefined;
|
|
443
|
+
defaultValues?: undefined;
|
|
436
444
|
label?: undefined;
|
|
437
445
|
variant?: undefined;
|
|
438
446
|
};
|
|
@@ -471,6 +479,7 @@ export declare const onboardingExample: {
|
|
|
471
479
|
defaultValue?: undefined;
|
|
472
480
|
gap?: undefined;
|
|
473
481
|
items?: undefined;
|
|
482
|
+
defaultValues?: undefined;
|
|
474
483
|
label?: undefined;
|
|
475
484
|
variant?: undefined;
|
|
476
485
|
};
|
|
@@ -512,6 +521,7 @@ export declare const onboardingExample: {
|
|
|
512
521
|
fontFamily?: undefined;
|
|
513
522
|
lineHeight?: undefined;
|
|
514
523
|
opacity?: undefined;
|
|
524
|
+
defaultValues?: undefined;
|
|
515
525
|
label?: undefined;
|
|
516
526
|
variant?: undefined;
|
|
517
527
|
};
|
|
@@ -550,6 +560,49 @@ export declare const onboardingExample: {
|
|
|
550
560
|
defaultValue?: undefined;
|
|
551
561
|
gap?: undefined;
|
|
552
562
|
items?: undefined;
|
|
563
|
+
defaultValues?: undefined;
|
|
564
|
+
label?: undefined;
|
|
565
|
+
variant?: undefined;
|
|
566
|
+
};
|
|
567
|
+
} | {
|
|
568
|
+
id: string;
|
|
569
|
+
type: string;
|
|
570
|
+
props: {
|
|
571
|
+
variableName: string;
|
|
572
|
+
defaultValues: string[];
|
|
573
|
+
gap: number;
|
|
574
|
+
marginVertical: number;
|
|
575
|
+
items: {
|
|
576
|
+
label: string;
|
|
577
|
+
value: string;
|
|
578
|
+
}[];
|
|
579
|
+
source?: undefined;
|
|
580
|
+
height?: undefined;
|
|
581
|
+
autoPlay?: undefined;
|
|
582
|
+
loop?: undefined;
|
|
583
|
+
url?: undefined;
|
|
584
|
+
autoplay?: undefined;
|
|
585
|
+
fit?: undefined;
|
|
586
|
+
resizeMode?: undefined;
|
|
587
|
+
borderRadius?: undefined;
|
|
588
|
+
name?: undefined;
|
|
589
|
+
size?: undefined;
|
|
590
|
+
color?: undefined;
|
|
591
|
+
controls?: undefined;
|
|
592
|
+
muted?: undefined;
|
|
593
|
+
placeholder?: undefined;
|
|
594
|
+
keyboardType?: undefined;
|
|
595
|
+
returnKeyType?: undefined;
|
|
596
|
+
autoCapitalize?: undefined;
|
|
597
|
+
content?: undefined;
|
|
598
|
+
mode?: undefined;
|
|
599
|
+
fontSize?: undefined;
|
|
600
|
+
fontWeight?: undefined;
|
|
601
|
+
textAlign?: undefined;
|
|
602
|
+
fontFamily?: undefined;
|
|
603
|
+
lineHeight?: undefined;
|
|
604
|
+
opacity?: undefined;
|
|
605
|
+
defaultValue?: undefined;
|
|
553
606
|
label?: undefined;
|
|
554
607
|
variant?: undefined;
|
|
555
608
|
};
|
|
@@ -590,6 +643,7 @@ export declare const onboardingExample: {
|
|
|
590
643
|
defaultValue?: undefined;
|
|
591
644
|
gap?: undefined;
|
|
592
645
|
items?: undefined;
|
|
646
|
+
defaultValues?: undefined;
|
|
593
647
|
};
|
|
594
648
|
})[];
|
|
595
649
|
}[];
|
|
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsSR,CAAC"}
|
|
@@ -225,6 +225,34 @@ 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
|
+
},
|
|
228
256
|
{
|
|
229
257
|
id: "hero-button",
|
|
230
258
|
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":";;;AAEa,QAAA,iBAAiB,GAAG;IAC/B,QAAQ,EAAE;QACR,EAAE,EAAE,oBAAoB;QACxB,IAAI,EAAE,oBAAoB;QAC1B,UAAU,EAAE,SAAS;QACrB,YAAY,EAAE,SAAS;QACvB,aAAa,EAAE,SAAS;QACxB,KAAK,EAAE,IAAI;KACZ;IACD,KAAK,EAAE;QACL;YACE,EAAE,EAAE,SAAS;YACb,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE;gBACP,KAAK,EAAE,qBAAqB;gBAC5B,WAAW,EAAE,+CAA+C;gBAC5D,WAAW,EAAE;oBACX,GAAG,EAAE,mDAAmD;oBACxD,IAAI,EAAE,OAAO;iBACd;aACF;YACD,QAAQ,EAAE,IAAI;YACd,aAAa,EAAE,EAAE;YACjB,mBAAmB,EAAE,UAAU;YAC/B,qBAAqB,EAAE,IAAI;SAC5B;QACD;YACE,EAAE,EAAE,yBAAyB;YAC7B,IAAI,EAAE,gBAAgB;YACtB,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE;gBACP,KAAK,EAAE,6BAA6B;gBACpC,OAAO,EAAE;oBACP,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;oBAC9B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;oBAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;oBAClC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;iBACrC;gBACD,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,cAAc,EAAE,KAAK;aACtB;YACD,QAAQ,EAAE,IAAI;YACd,aAAa,EAAE,EAAE;YACjB,qBAAqB,EAAE,IAAI;SAC5B;QACD;YACE,EAAE,EAAE,aAAa;YACjB,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,KAAK,EAAE,mBAAmB;gBAC1B,UAAU,EAAE,MAAM;gBAClB,WAAW,EAAE,EAAE;aAChB;YACD,QAAQ,EAAE,IAAI;YACd,aAAa,EAAE,EAAE;YACjB,mBAAmB,EAAE,UAAU;YAC/B,qBAAqB,EAAE,IAAI;SAC5B;QACD;YACE,EAAE,EAAE,yBAAyB;YAC7B,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,KAAK,EAAE;oBACL;wBACE,KAAK,EAAE,6BAA6B;wBACpC,SAAS,EAAE,uBAAuB;qBACnC;oBACD,EAAE,KAAK,EAAE,yBAAyB,EAAE,SAAS,EAAE,eAAe,EAAE;oBAChE,EAAE,KAAK,EAAE,2BAA2B,EAAE,SAAS,EAAE,UAAU,EAAE;iBAC9D;gBACD,KAAK,EAAE,uCAAuC;gBAC9C,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,IAAI;gBACd,gBAAgB,EAAE;oBAChB,EAAE,GAAG,EAAE,wCAAwC,EAAE,IAAI,EAAE,OAAO,EAAE;oBAChE,EAAE,GAAG,EAAE,wCAAwC,EAAE,IAAI,EAAE,OAAO,EAAE;oBAChE,EAAE,GAAG,EAAE,wCAAwC,EAAE,IAAI,EAAE,OAAO,EAAE;iBACjE;aACF;YACD,QAAQ,EAAE,IAAI;YACd,aAAa,EAAE,EAAE;YACjB,mBAAmB,EAAE,UAAU;YAC/B,qBAAqB,EAAE,KAAK;SAC7B;QACD;YACE,EAAE,EAAE,wBAAwB;YAC5B,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE,kBAAkB;YACxB,qBAAqB,EAAE,IAAI;YAC3B,OAAO,EAAE;gBACP,QAAQ,EAAE;oBACR;wBACE,EAAE,EAAE,MAAM;wBACV,IAAI,EAAE,QAAQ;wBACd,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;wBAC/B,QAAQ,EAAE;4BACR;gCACE,EAAE,EAAE,aAAa;gCACjB,IAAI,EAAE,QAAQ;gCACd,KAAK,EAAE;oCACL,MAAM,EAAE,kFAAkF;oCAC1F,MAAM,EAAE,GAAG;oCACX,QAAQ,EAAE,IAAI;oCACd,IAAI,EAAE,IAAI;iCACX;6BACF;4BACD;gCACE,EAAE,EAAE,WAAW;gCACf,IAAI,EAAE,MAAM;gCACZ,KAAK,EAAE;oCACL,GAAG,EAAE,8CAA8C;oCACnD,MAAM,EAAE,GAAG;oCACX,QAAQ,EAAE,IAAI;oCACd,GAAG,EAAE,SAAS;iCACf;6BACF;4BACD;gCACE,EAAE,EAAE,YAAY;gCAChB,IAAI,EAAE,OAAO;gCACb,KAAK,EAAE;oCACL,GAAG,EAAE,yCAAyC;oCAC9C,MAAM,EAAE,GAAG;oCACX,UAAU,EAAE,OAAO;oCACnB,YAAY,EAAE,EAAE;iCACjB;6BACF;4BACD;gCACE,EAAE,EAAE,WAAW;gCACf,IAAI,EAAE,MAAM;gCACZ,KAAK,EAAE;oCACL,IAAI,EAAE,MAAM;oCACZ,IAAI,EAAE,EAAE;oCACR,KAAK,EAAE,SAAS;oCAChB,cAAc,EAAE,CAAC;iCAClB;6BACF;4BACD;gCACE,EAAE,EAAE,YAAY;gCAChB,IAAI,EAAE,OAAO;gCACb,KAAK,EAAE;oCACL,GAAG,EAAE,oFAAoF;oCACzF,MAAM,EAAE,GAAG;oCACX,YAAY,EAAE,EAAE;oCAChB,QAAQ,EAAE,IAAI;oCACd,KAAK,EAAE,IAAI;iCACZ;6BACF;4BACD;gCACE,EAAE,EAAE,YAAY;gCAChB,IAAI,EAAE,OAAO;gCACb,KAAK,EAAE;oCACL,YAAY,EAAE,MAAM;oCACpB,WAAW,EAAE,iBAAiB;oCAC9B,YAAY,EAAE,SAAS;oCACvB,aAAa,EAAE,MAAM;oCACrB,cAAc,EAAE,OAAO;oCACvB,cAAc,EAAE,CAAC;iCAClB;6BACF;4BACD;gCACE,EAAE,EAAE,UAAU;gCACd,IAAI,EAAE,MAAM;gCACZ,KAAK,EAAE;oCACL,OAAO,EAAE,iBAAiB;oCAC1B,IAAI,EAAE,YAAY;oCAClB,QAAQ,EAAE,EAAE;oCACZ,UAAU,EAAE,KAAK;oCACjB,SAAS,EAAE,QAAQ;oCACnB,cAAc,EAAE,CAAC;iCAClB;6BACF;4BACD;gCACE,EAAE,EAAE,UAAU;gCACd,IAAI,EAAE,MAAM;gCACZ,KAAK,EAAE;oCACL,OAAO,EAAE,oBAAoB;oCAC7B,QAAQ,EAAE,EAAE;oCACZ,UAAU,EAAE,KAAK;oCACjB,UAAU,EAAE,QAAQ;oCACpB,SAAS,EAAE,QAAQ;iCACpB;6BACF;4BACD;gCACE,EAAE,EAAE,aAAa;gCACjB,IAAI,EAAE,MAAM;gCACZ,KAAK,EAAE;oCACL,OAAO,EACL,mFAAmF;oCACrF,QAAQ,EAAE,EAAE;oCACZ,SAAS,EAAE,QAAQ;oCACnB,UAAU,EAAE,EAAE;oCACd,OAAO,EAAE,GAAG;iCACb;6BACF;4BACD;gCACE,EAAE,EAAE,YAAY;gCAChB,IAAI,EAAE,YAAY;gCAClB,KAAK,EAAE;oCACL,YAAY,EAAE,MAAM;oCACpB,YAAY,EAAE,SAAS;oCACvB,GAAG,EAAE,CAAC;oCACN,cAAc,EAAE,CAAC;oCACjB,KAAK,EAAE;wCACL,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;wCACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;wCACpC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;qCACzC;iCACF;6BACF;4BACD;gCACE,EAAE,EAAE,cAAc;gCAClB,IAAI,EAAE,MAAM;gCACZ,KAAK,EAAE;oCACL,OAAO,EAAE,oBAAoB;oCAC7B,IAAI,EAAE,YAAY;oCAClB,QAAQ,EAAE,EAAE;oCACZ,SAAS,EAAE,QAAQ;oCACnB,OAAO,EAAE,GAAG;oCACZ,cAAc,EAAE,CAAC;iCAClB;6BACF;4BACD;gCACE,EAAE,EAAE,eAAe;gCACnB,IAAI,EAAE,eAAe;gCACrB,KAAK,EAAE;oCACL,YAAY,EAAE,OAAO;oCACrB,aAAa,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;oCACpC,GAAG,EAAE,CAAC;oCACN,cAAc,EAAE,CAAC;oCACjB,KAAK,EAAE;wCACL,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,QAAQ,EAAE;wCAC5C,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,SAAS,EAAE;wCAC5C,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE;wCACzC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE;qCAC1C;iCACF;6BACF;4BACD;gCACE,EAAE,EAAE,eAAe;gCACnB,IAAI,EAAE,MAAM;gCACZ,KAAK,EAAE;oCACL,OAAO,EAAE,kBAAkB;oCAC3B,IAAI,EAAE,YAAY;oCAClB,QAAQ,EAAE,EAAE;oCACZ,SAAS,EAAE,QAAQ;oCACnB,OAAO,EAAE,GAAG;oCACZ,cAAc,EAAE,CAAC;iCAClB;6BACF;4BACD;gCACE,EAAE,EAAE,aAAa;gCACjB,IAAI,EAAE,QAAQ;gCACd,KAAK,EAAE;oCACL,KAAK,EAAE,aAAa;oCACpB,OAAO,EAAE,QAAQ;oCACjB,cAAc,EAAE,CAAC;iCAClB;6BACF;yBACF;qBACF;iBACF;aACF;YACD,QAAQ,EAAE,IAAI;YACd,aAAa,EAAE,EAAE;YACjB,mBAAmB,EAAE,UAAU;SAChC;QACD;YACE,EAAE,EAAE,aAAa;YACjB,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE;gBACP,KAAK,EAAE,mBAAmB;gBAC1B,QAAQ,EAAE,0BAA0B;gBACpC,YAAY,EAAE;oBACZ;wBACE,OAAO,EACL,wFAAwF;wBAC1F,UAAU,EAAE,eAAe;wBAC3B,YAAY,EAAE,CAAC;qBAChB;iBACF;gBACD,qBAAqB,EAAE,cAAc;aACtC;YACD,QAAQ,EAAE,IAAI;YACd,aAAa,EAAE,EAAE;YACjB,mBAAmB,EAAE,UAAU;YAC/B,qBAAqB,EAAE,KAAK;SAC7B;KACF;IACD,aAAa,EAAE,EAAE;CACG,CAAC"}
|
|
@@ -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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"}
|
|
@@ -9,6 +9,7 @@ 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";
|
|
12
13
|
export type { BaseBoxProps } from "./elements/BaseBoxProps";
|
|
13
14
|
export { BaseBoxPropsSchema } from "./elements/BaseBoxProps";
|
|
14
15
|
export type { StackElementProps } from "./elements/StackElement";
|
|
@@ -21,6 +22,7 @@ export type { VideoElementProps } from "./elements/VideoElement";
|
|
|
21
22
|
export type { InputElementProps } from "./elements/InputElement";
|
|
22
23
|
export type { ButtonElementProps } from "./elements/ButtonElement";
|
|
23
24
|
export type { RadioGroupElementProps } from "./elements/RadioGroupElement";
|
|
25
|
+
export type { CheckboxGroupElementProps } from "./elements/CheckboxGroupElement";
|
|
24
26
|
type UIElement = {
|
|
25
27
|
id: string;
|
|
26
28
|
name?: string;
|
|
@@ -72,6 +74,11 @@ type UIElement = {
|
|
|
72
74
|
name?: string;
|
|
73
75
|
type: "RadioGroup";
|
|
74
76
|
props: RadioGroupElementProps;
|
|
77
|
+
} | {
|
|
78
|
+
id: string;
|
|
79
|
+
name?: string;
|
|
80
|
+
type: "CheckboxGroup";
|
|
81
|
+
props: CheckboxGroupElementProps;
|
|
75
82
|
};
|
|
76
83
|
export declare const ComposableScreenStepPayloadSchema: z.ZodObject<{
|
|
77
84
|
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;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/steps/ComposableScreen/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -13,6 +13,7 @@ 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");
|
|
16
17
|
var BaseBoxProps_1 = require("./elements/BaseBoxProps");
|
|
17
18
|
Object.defineProperty(exports, "BaseBoxPropsSchema", { enumerable: true, get: function () { return BaseBoxProps_1.BaseBoxPropsSchema; } });
|
|
18
19
|
const UIElementSchema = zod_1.z.lazy(() => zod_1.z.union([
|
|
@@ -77,6 +78,12 @@ const UIElementSchema = zod_1.z.lazy(() => zod_1.z.union([
|
|
|
77
78
|
type: zod_1.z.literal("RadioGroup"),
|
|
78
79
|
props: RadioGroupElement_1.RadioGroupElementPropsSchema,
|
|
79
80
|
}),
|
|
81
|
+
zod_1.z.object({
|
|
82
|
+
id: zod_1.z.string(),
|
|
83
|
+
name: zod_1.z.string().optional(),
|
|
84
|
+
type: zod_1.z.literal("CheckboxGroup"),
|
|
85
|
+
props: CheckboxGroupElement_1.CheckboxGroupElementPropsSchema,
|
|
86
|
+
}),
|
|
80
87
|
]));
|
|
81
88
|
exports.ComposableScreenStepPayloadSchema = zod_1.z.object({
|
|
82
89
|
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;
|
|
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.9.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,34 @@ 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
|
+
},
|
|
228
256
|
{
|
|
229
257
|
id: "hero-button",
|
|
230
258
|
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
|
+
});
|
|
@@ -10,6 +10,7 @@ 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";
|
|
13
14
|
|
|
14
15
|
export type { BaseBoxProps } from "./elements/BaseBoxProps";
|
|
15
16
|
export { BaseBoxPropsSchema } from "./elements/BaseBoxProps";
|
|
@@ -23,6 +24,7 @@ export type { VideoElementProps } from "./elements/VideoElement";
|
|
|
23
24
|
export type { InputElementProps } from "./elements/InputElement";
|
|
24
25
|
export type { ButtonElementProps } from "./elements/ButtonElement";
|
|
25
26
|
export type { RadioGroupElementProps } from "./elements/RadioGroupElement";
|
|
27
|
+
export type { CheckboxGroupElementProps } from "./elements/CheckboxGroupElement";
|
|
26
28
|
|
|
27
29
|
// UIElement union — must live here (not in elements/) to avoid circular deps
|
|
28
30
|
// because the Stack variant's children: UIElement[] references itself.
|
|
@@ -87,6 +89,12 @@ type UIElement =
|
|
|
87
89
|
name?: string;
|
|
88
90
|
type: "RadioGroup";
|
|
89
91
|
props: RadioGroupElementProps;
|
|
92
|
+
}
|
|
93
|
+
| {
|
|
94
|
+
id: string;
|
|
95
|
+
name?: string;
|
|
96
|
+
type: "CheckboxGroup";
|
|
97
|
+
props: CheckboxGroupElementProps;
|
|
90
98
|
};
|
|
91
99
|
|
|
92
100
|
const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
|
|
@@ -152,6 +160,12 @@ const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
|
|
|
152
160
|
type: z.literal("RadioGroup"),
|
|
153
161
|
props: RadioGroupElementPropsSchema,
|
|
154
162
|
}),
|
|
163
|
+
z.object({
|
|
164
|
+
id: z.string(),
|
|
165
|
+
name: z.string().optional(),
|
|
166
|
+
type: z.literal("CheckboxGroup"),
|
|
167
|
+
props: CheckboxGroupElementPropsSchema,
|
|
168
|
+
}),
|
|
155
169
|
])
|
|
156
170
|
);
|
|
157
171
|
|