@pega/dx-component-builder-sdk 0.1.22 → 0.1.24

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.
Files changed (25) hide show
  1. package/package.json +2 -2
  2. package/src/cli.js +8 -2
  3. package/src/tasks/create/templates/Constellation/field/Text/config.json.mustache +14 -0
  4. package/src/tasks/create/templates/SDK-React/field/Boolean/config.json.mustache +14 -0
  5. package/src/tasks/create/templates/SDK-React/field/Date/config.json.mustache +14 -0
  6. package/src/tasks/create/templates/SDK-React/field/DateTime/config.json.mustache +14 -0
  7. package/src/tasks/create/templates/SDK-React/field/Decimal/config.json.mustache +14 -0
  8. package/src/tasks/create/templates/SDK-React/field/Decimal-Currency/config.json.mustache +14 -0
  9. package/src/tasks/create/templates/SDK-React/field/Decimal-Percentage/config.json.mustache +14 -0
  10. package/src/tasks/create/templates/SDK-React/field/Integer/config.json.mustache +14 -0
  11. package/src/tasks/create/templates/SDK-React/field/Picklist/config.json.mustache +14 -0
  12. package/src/tasks/create/templates/SDK-React/field/Text/config.json.mustache +14 -0
  13. package/src/tasks/create/templates/SDK-React/field/Text-Email/config.json.mustache +14 -0
  14. package/src/tasks/create/templates/SDK-React/field/Text-Input/config.json.mustache +14 -0
  15. package/src/tasks/create/templates/SDK-React/field/Text-Paragraph/config.json.mustache +14 -0
  16. package/src/tasks/create/templates/SDK-React/field/Text-Phone/config.json.mustache +14 -0
  17. package/src/tasks/create/templates/SDK-React/field/TimeofDay/config.json.mustache +14 -0
  18. package/src/tasks/create/templates/SDK-React/template/DETAILS/demo.stories.jsx.mustache +509 -0
  19. package/src/tasks/create/templates/SDK-React/template/DETAILS/mock.stories.js.mustache +34 -0
  20. package/src/tasks/create/templates/SDK-React/template/DETAILS-region/demo.stories.jsx.mustache +1107 -0
  21. package/src/tasks/create/templates/SDK-React/template/DETAILS-region/mock.stories.js.mustache +34 -0
  22. package/src/tasks/create/templates/SDK-React/template/FORM/demo.stories.jsx.mustache +200 -0
  23. package/src/tasks/index.js +1 -0
  24. package/src/tasks/override/index.js +4 -2
  25. package/src/tasks/override-all/index.js +218 -0
package/src/tasks/create/templates/SDK-React/template/DETAILS-region/demo.stories.jsx.mustache ADDED
@@ -0,0 +1,1107 @@
1
+ import { withKnobs } from '@storybook/addon-knobs';
2
+
3
+ import {{COMPONENT_CLASS_NAME}} from './index.tsx';
4
+
5
+ import operatorDetails from './mock.stories';
6
+
7
+ export default {
8
+ title: '{{COMPONENT_CLASS_NAME}}',
9
+ decorators: [withKnobs],
10
+ component: {{COMPONENT_CLASS_NAME}},
11
+ parameters: {
12
+ type: "DetailsRegion"
13
+ },
14
+ };
15
+
16
+ export const Base{{COMPONENT_CLASS_NAME}} = () => {
17
+
18
+ if (!window.PCore) {
19
+ window.PCore = {};
20
+ }
21
+
22
+ window.PCore.getUserApi = () => {
23
+ return {
24
+ getOperatorDetails: () => {
25
+ return new Promise(resolve => {
26
+ resolve(operatorDetails);
27
+ });
28
+ }
29
+ };
30
+ };
31
+
32
+ const firstName = 'John';
33
+ const middleName = '';
34
+ const lastName = 'Doe';
35
+ const phone = '+16397975093';
36
+ const suffix = 'Sr';
37
+ const email = 'john@doe.com';
38
+ const internetPlan = '100 Mbps';
39
+ const state = 'MA';
40
+ const price = '90.99';
41
+ const street = 'Main St.';
42
+ const city = 'Cambridge';
43
+ const phoneOption = 'International Limited';
44
+
45
+ const props = {
46
+ NumCols: '1',
47
+ template: 'DefaultForm',
48
+
49
+ children: [
50
+ {
51
+ props: {
52
+ getPConnect: () => {
53
+ return {
54
+ getChildren: () => {
55
+ return [
56
+ {
57
+ getPConnect: () => {
58
+ return {
59
+ isError: false,
60
+ isEditable() {
61
+ return false;
62
+ },
63
+ setAction() {
64
+ /* nothing */
65
+ },
66
+ hasChildren() {
67
+ return false;
68
+ },
69
+ getComponentName() {
70
+ return 'textInput';
71
+ },
72
+ isConditionExist() {
73
+ return true;
74
+ },
75
+ getActionsApi() {
76
+ /* nothing */
77
+ },
78
+ getConfigProps() {
79
+ return {
80
+ readOnly: undefined,
81
+ value: firstName,
82
+ label: 'First Name',
83
+ hasSuggestions: false,
84
+ displayMode: 'LABELS_LEFT'
85
+ };
86
+ },
87
+ getActions() {
88
+ /* nothing */
89
+ },
90
+ getReferencedView: () => {
91
+ return {
92
+ config: {
93
+ readOnly: undefined,
94
+ placeholder: 'First Name',
95
+ value: firstName,
96
+ label: 'First Name',
97
+ hasSuggestions: false,
98
+ displayMode: 'LABELS_LEFT'
99
+ }
100
+ };
101
+ },
102
+ getInheritedProps: () => {
103
+ return {};
104
+ },
105
+ getReferencedViewPConnect: () => {
106
+ return {
107
+ readOnly: undefined,
108
+ placeholder: 'First Name',
109
+ value: firstName,
110
+ label: 'First Name',
111
+ hasSuggestions: false,
112
+ displayMode: 'LABELS_LEFT'
113
+ };
114
+ }
115
+ };
116
+ }
117
+ },
118
+ {
119
+ getPConnect: () => {
120
+ return {
121
+ isError: false,
122
+ isEditable() {
123
+ return false;
124
+ },
125
+ setAction() {
126
+ /* nothing */
127
+ },
128
+ hasChildren() {
129
+ return false;
130
+ },
131
+ getComponentName() {
132
+ return 'textInput';
133
+ },
134
+ isConditionExist() {
135
+ return true;
136
+ },
137
+ getActionsApi() {
138
+ /* nothing */
139
+ },
140
+ getConfigProps() {
141
+ return {
142
+ readOnly: undefined,
143
+ value: lastName,
144
+ label: 'Last Name',
145
+ hasSuggestions: false,
146
+ displayMode: 'LABELS_LEFT'
147
+ };
148
+ },
149
+ getActions() {
150
+ /* nothing */
151
+ },
152
+ getReferencedView: () => {
153
+ return {
154
+ config: {
155
+ readOnly: undefined,
156
+ placeholder: 'Last Name',
157
+ value: lastName,
158
+ label: 'Last Name',
159
+ hasSuggestions: false,
160
+ displayMode: 'LABELS_LEFT'
161
+ }
162
+ };
163
+ },
164
+ getInheritedProps: () => {
165
+ return {};
166
+ },
167
+ getReferencedViewPConnect: () => {
168
+ return {
169
+ readOnly: undefined,
170
+ placeholder: 'Last Name',
171
+ value: lastName,
172
+ label: 'Last Name',
173
+ hasSuggestions: false,
174
+ displayMode: 'LABELS_LEFT'
175
+ };
176
+ }
177
+ };
178
+ }
179
+ },
180
+
181
+ {
182
+ getPConnect: () => {
183
+ return {
184
+ isError: false,
185
+ isEditable() {
186
+ return false;
187
+ },
188
+ setAction() {
189
+ /* nothing */
190
+ },
191
+ hasChildren() {
192
+ return false;
193
+ },
194
+ getComponentName() {
195
+ return 'email';
196
+ },
197
+ isConditionExist() {
198
+ return true;
199
+ },
200
+ getActionsApi() {
201
+ /* nothing */
202
+ },
203
+ getConfigProps() {
204
+ return {
205
+ readOnly: undefined,
206
+ value: email,
207
+ label: 'Email',
208
+ hasSuggestions: false,
209
+ displayMode: 'LABELS_LEFT'
210
+ };
211
+ },
212
+ getActions() {
213
+ /* nothing */
214
+ },
215
+ getReferencedView: () => {
216
+ return {
217
+ config: {
218
+ readOnly: undefined,
219
+ placeholder: 'Email',
220
+ value: email,
221
+ label: 'Email',
222
+ hasSuggestions: false,
223
+ displayMode: 'LABELS_LEFT'
224
+ }
225
+ };
226
+ },
227
+ getInheritedProps: () => {
228
+ return {};
229
+ },
230
+ getReferencedViewPConnect: () => {
231
+ return {
232
+ value: email,
233
+ label: 'Email',
234
+ required: true,
235
+ testId: 'CE8AE9DA5B7CD6C3DF2929543A9AF92D',
236
+ hasSuggestions: false,
237
+ displayMode: 'LABELS_LEFT'
238
+ };
239
+ }
240
+ };
241
+ }
242
+ },
243
+
244
+ {
245
+ getPConnect: () => {
246
+ return {
247
+ isError: false,
248
+ isEditable() {
249
+ return false;
250
+ },
251
+ setAction() {
252
+ /* nothing */
253
+ },
254
+ hasChildren() {
255
+ return false;
256
+ },
257
+ getComponentName() {
258
+ return 'input';
259
+ },
260
+ isConditionExist() {
261
+ return true;
262
+ },
263
+ getActionsApi() {
264
+ /* nothing */
265
+ },
266
+ getConfigProps() {
267
+ return {
268
+ readOnly: undefined,
269
+ value: phone,
270
+ label: 'Phone',
271
+ hasSuggestions: false,
272
+ displayMode: 'LABELS_LEFT'
273
+ };
274
+ },
275
+ getActions() {
276
+ /* nothing */
277
+ },
278
+ getReferencedView: () => {
279
+ return {
280
+ config: {
281
+ readOnly: undefined,
282
+ placeholder: 'Phone',
283
+ value: phone,
284
+ label: 'Phone',
285
+ hasSuggestions: false,
286
+ displayMode: 'LABELS_LEFT'
287
+ }
288
+ };
289
+ },
290
+ getInheritedProps: () => {
291
+ return {};
292
+ },
293
+ getReferencedViewPConnect: () => {
294
+ return {
295
+ readOnly: undefined,
296
+ value: phone,
297
+ label: 'Phone',
298
+ displayMode: 'LABELS_LEFT',
299
+ hasSuggestions: false
300
+ };
301
+ }
302
+ };
303
+ }
304
+ },
305
+
306
+ {
307
+ getPConnect: () => {
308
+ return {
309
+ isError: false,
310
+ isEditable() {
311
+ return false;
312
+ },
313
+ setAction() {
314
+ /* nothing */
315
+ },
316
+ hasChildren() {
317
+ return false;
318
+ },
319
+ getComponentName() {
320
+ return 'currency';
321
+ },
322
+ isConditionExist() {
323
+ return true;
324
+ },
325
+ getActionsApi() {
326
+ /* nothing */
327
+ },
328
+ getConfigProps() {
329
+ return {
330
+ readOnly: undefined,
331
+ value: price,
332
+ label: 'Price',
333
+ hasSuggestions: false,
334
+ displayMode: 'LABELS_LEFT'
335
+ };
336
+ },
337
+ getActions() {
338
+ /* nothing */
339
+ },
340
+ getReferencedView: () => {
341
+ return {
342
+ config: {
343
+ readOnly: undefined,
344
+ placeholder: 'Price',
345
+ value: price,
346
+ label: 'Price',
347
+ hasSuggestions: false,
348
+ displayMode: 'LABELS_LEFT'
349
+ }
350
+ };
351
+ },
352
+ getInheritedProps: () => {
353
+ return {};
354
+ },
355
+ getReferencedViewPConnect: () => {
356
+ return {
357
+ readOnly: undefined,
358
+ placeholder: 'Price',
359
+ value: price,
360
+ label: 'Price',
361
+ hasSuggestions: false,
362
+ displayMode: 'LABELS_LEFT',
363
+ getPConnect: () => {
364
+ return {
365
+ getActionsApi: () => {
366
+ /* nothing */
367
+ },
368
+ getStateProps: () => {
369
+ return {
370
+ value: ''
371
+ };
372
+ },
373
+ getDataObject: () => {
374
+ /* nothing */
375
+ }
376
+ };
377
+ }
378
+ };
379
+ }
380
+ };
381
+ }
382
+ },
383
+
384
+ {
385
+ getPConnect: () => {
386
+ return {
387
+ isError: false,
388
+ isEditable() {
389
+ return false;
390
+ },
391
+ setAction() {
392
+ /* nothing */
393
+ },
394
+ hasChildren() {
395
+ return false;
396
+ },
397
+ getComponentName() {
398
+ return 'radio';
399
+ },
400
+ isConditionExist() {
401
+ return true;
402
+ },
403
+ getActionsApi() {
404
+ /* nothing */
405
+ },
406
+ getConfigProps() {
407
+ return {
408
+ readOnly: undefined,
409
+ value: internetPlan,
410
+ label: 'Internet Option',
411
+ hasSuggestions: false,
412
+ displayMode: 'LABELS_LEFT'
413
+ };
414
+ },
415
+ getActions() {
416
+ /* nothing */
417
+ },
418
+ getReferencedView: () => {
419
+ return {
420
+ config: {
421
+ readOnly: true,
422
+ value: internetPlan,
423
+ label: 'Internet Option',
424
+ listType: 'associated',
425
+ datasource: [
426
+ {
427
+ key: '100 Mbps',
428
+ value: '100 Mbps'
429
+ },
430
+ {
431
+ key: '300 Mbps',
432
+ value: '300 Mbps'
433
+ },
434
+ {
435
+ key: '1 Gbps',
436
+ value: '1 Gbps'
437
+ }
438
+ ],
439
+ displayMode: 'LABELS_LEFT'
440
+ }
441
+ };
442
+ },
443
+ getInheritedProps: () => {
444
+ return {};
445
+ },
446
+ getReferencedViewPConnect: () => {
447
+ return {
448
+ readOnly: undefined,
449
+ placeholder: 'Internet Plan',
450
+ value: internetPlan,
451
+ label: 'Internet Plan',
452
+ hasSuggestions: false,
453
+ displayMode: 'LABELS_LEFT',
454
+ getPConnect: () => {
455
+ return {
456
+ getActionsApi: () => {
457
+ /* nothing */
458
+ },
459
+ getStateProps: () => {
460
+ return {
461
+ value: ''
462
+ };
463
+ },
464
+ getDataObject: () => {
465
+ /* nothing */
466
+ },
467
+ getConfigProps: () => {
468
+ return {
469
+ listType: 'associated'
470
+ };
471
+ }
472
+ };
473
+ }
474
+ };
475
+ }
476
+ };
477
+ }
478
+ },
479
+
480
+ {
481
+ getPConnect: () => {
482
+ return {
483
+ isError: false,
484
+ isEditable() {
485
+ return false;
486
+ },
487
+ setAction() {
488
+ /* nothing */
489
+ },
490
+ hasChildren() {
491
+ return false;
492
+ },
493
+ getComponentName() {
494
+ return 'operator';
495
+ },
496
+ isConditionExist() {
497
+ return true;
498
+ },
499
+ getActionsApi() {
500
+ /* nothing */
501
+ },
502
+ getConfigProps() {
503
+ return {
504
+ readOnly: undefined,
505
+ value: '',
506
+ label: '',
507
+ hasSuggestions: false,
508
+ displayMode: 'LABELS_LEFT'
509
+ };
510
+ },
511
+ getActions() {
512
+ /* nothing */
513
+ },
514
+ getReferencedView: () => {
515
+ return {
516
+ config: {
517
+ readOnly: undefined,
518
+ placeholder: '',
519
+ value: '',
520
+ label: '',
521
+ hasSuggestions: false,
522
+ displayMode: 'LABELS_LEFT'
523
+ }
524
+ };
525
+ },
526
+ getInheritedProps: () => {
527
+ return {};
528
+ },
529
+ getReferencedViewPConnect: () => {
530
+ return {
531
+ caseOpConfig: {
532
+ label: 'Update operator',
533
+ createLabel: 'Created',
534
+ updateLabel: 'Updated',
535
+ updateDateTime: '2023-03-10T12:53:04.670Z',
536
+ createDateTime: '2023-03-10T12:52:20.054Z',
537
+ updateOperator: {
538
+ userId: 'User.DigV2',
539
+ userName: 'User DigV2'
540
+ },
541
+ createOperator: {
542
+ userId: 'User.DigV2',
543
+ userName: 'User DigV2'
544
+ }
545
+ }
546
+ };
547
+ }
548
+ };
549
+ }
550
+ }
551
+ ];
552
+ }
553
+ };
554
+ }
555
+ }
556
+ },
557
+
558
+ {
559
+ props: {
560
+ getPConnect: () => {
561
+ return {
562
+ getChildren: () => {
563
+ return [
564
+ {
565
+ getPConnect: () => {
566
+ return {
567
+ isError: false,
568
+ isEditable() {
569
+ return false;
570
+ },
571
+ setAction() {
572
+ /* nothing */
573
+ },
574
+ hasChildren() {
575
+ return false;
576
+ },
577
+ getComponentName() {
578
+ return 'textInput';
579
+ },
580
+ isConditionExist() {
581
+ return true;
582
+ },
583
+ getActionsApi() {
584
+ /* nothing */
585
+ },
586
+ getConfigProps() {
587
+ return {
588
+ readOnly: undefined,
589
+ value: middleName,
590
+ label: 'Middle Name',
591
+ hasSuggestions: false,
592
+ displayMode: 'LABELS_LEFT'
593
+ };
594
+ },
595
+ getActions() {
596
+ /* nothing */
597
+ },
598
+ getReferencedView: () => {
599
+ return {
600
+ config: {
601
+ readOnly: undefined,
602
+ placeholder: 'Middle Name',
603
+ value: middleName,
604
+ label: 'Middle Name',
605
+ hasSuggestions: false,
606
+ displayMode: 'LABELS_LEFT'
607
+ }
608
+ };
609
+ },
610
+ getInheritedProps: () => {
611
+ return {};
612
+ },
613
+ getReferencedViewPConnect: () => {
614
+ return {
615
+ readOnly: undefined,
616
+ placeholder: 'Middle Name',
617
+ value: middleName,
618
+ label: 'Middle Name',
619
+ hasSuggestions: false,
620
+ displayMode: 'LABELS_LEFT'
621
+ };
622
+ }
623
+ };
624
+ }
625
+ },
626
+ {
627
+ getPConnect: () => {
628
+ return {
629
+ isError: false,
630
+ isEditable() {
631
+ return false;
632
+ },
633
+ setAction() {
634
+ /* nothing */
635
+ },
636
+ hasChildren() {
637
+ return false;
638
+ },
639
+ getComponentName() {
640
+ return 'textInput';
641
+ },
642
+ isConditionExist() {
643
+ return true;
644
+ },
645
+ getActionsApi() {
646
+ /* nothing */
647
+ },
648
+ getConfigProps() {
649
+ return {
650
+ readOnly: undefined,
651
+ value: street,
652
+ label: 'Street',
653
+ hasSuggestions: false,
654
+ displayMode: 'LABELS_LEFT'
655
+ };
656
+ },
657
+ getActions() {
658
+ /* nothing */
659
+ },
660
+ getReferencedView: () => {
661
+ return {
662
+ config: {
663
+ readOnly: undefined,
664
+ placeholder: 'Street',
665
+ value: street,
666
+ label: 'Street',
667
+ hasSuggestions: false,
668
+ displayMode: 'LABELS_LEFT'
669
+ }
670
+ };
671
+ },
672
+ getInheritedProps: () => {
673
+ return {};
674
+ },
675
+ getReferencedViewPConnect: () => {
676
+ return {
677
+ readOnly: undefined,
678
+ placeholder: 'Street',
679
+ value: street,
680
+ label: 'Street',
681
+ hasSuggestions: false,
682
+ displayMode: 'LABELS_LEFT'
683
+ };
684
+ }
685
+ };
686
+ }
687
+ },
688
+
689
+ {
690
+ getPConnect: () => {
691
+ return {
692
+ isError: false,
693
+ isEditable() {
694
+ return false;
695
+ },
696
+ setAction() {
697
+ /* nothing */
698
+ },
699
+ hasChildren() {
700
+ return false;
701
+ },
702
+ getComponentName() {
703
+ return 'textInput';
704
+ },
705
+ isConditionExist() {
706
+ return true;
707
+ },
708
+ getActionsApi() {
709
+ /* nothing */
710
+ },
711
+ getConfigProps() {
712
+ return {
713
+ readOnly: undefined,
714
+ value: city,
715
+ label: 'City',
716
+ hasSuggestions: false,
717
+ displayMode: 'LABELS_LEFT'
718
+ };
719
+ },
720
+ getActions() {
721
+ /* nothing */
722
+ },
723
+ getReferencedView: () => {
724
+ return {
725
+ config: {
726
+ readOnly: undefined,
727
+ placeholder: 'City',
728
+ value: city,
729
+ label: 'City',
730
+ hasSuggestions: false,
731
+ displayMode: 'LABELS_LEFT'
732
+ }
733
+ };
734
+ },
735
+ getInheritedProps: () => {
736
+ return {};
737
+ },
738
+ getReferencedViewPConnect: () => {
739
+ return {
740
+ value: city,
741
+ label: 'City',
742
+ required: true,
743
+ testId: 'CE8AE9DA5B7CD6C3DF2929543A9AF92D',
744
+ hasSuggestions: false,
745
+ displayMode: 'LABELS_LEFT'
746
+ };
747
+ }
748
+ };
749
+ }
750
+ },
751
+
752
+ {
753
+ getPConnect: () => {
754
+ return {
755
+ isError: false,
756
+ isEditable() {
757
+ return false;
758
+ },
759
+ setAction() {
760
+ /* nothing */
761
+ },
762
+ hasChildren() {
763
+ return false;
764
+ },
765
+ getComponentName() {
766
+ return 'textInput';
767
+ },
768
+ isConditionExist() {
769
+ return true;
770
+ },
771
+ getActionsApi() {
772
+ /* nothing */
773
+ },
774
+ getConfigProps() {
775
+ return {
776
+ readOnly: undefined,
777
+ value: state,
778
+ label: 'State',
779
+ hasSuggestions: false,
780
+ displayMode: 'LABELS_LEFT'
781
+ };
782
+ },
783
+ getActions() {
784
+ /* nothing */
785
+ },
786
+ getReferencedView: () => {
787
+ return {
788
+ config: {
789
+ readOnly: undefined,
790
+ placeholder: 'State',
791
+ value: state,
792
+ label: 'State',
793
+ hasSuggestions: false,
794
+ displayMode: 'LABELS_LEFT'
795
+ }
796
+ };
797
+ },
798
+ getInheritedProps: () => {
799
+ return {};
800
+ },
801
+ getReferencedViewPConnect: () => {
802
+ return {
803
+ readOnly: undefined,
804
+ value: state,
805
+ label: 'State',
806
+ displayMode: 'LABELS_LEFT',
807
+ hasSuggestions: false
808
+ };
809
+ }
810
+ };
811
+ }
812
+ },
813
+
814
+ {
815
+ getPConnect: () => {
816
+ return {
817
+ isError: false,
818
+ isEditable() {
819
+ return false;
820
+ },
821
+ setAction() {
822
+ /* nothing */
823
+ },
824
+ hasChildren() {
825
+ return false;
826
+ },
827
+ getComponentName() {
828
+ return 'autoComplete';
829
+ },
830
+ isConditionExist() {
831
+ return true;
832
+ },
833
+ getActionsApi() {
834
+ /* nothing */
835
+ },
836
+ getConfigProps() {
837
+ return {
838
+ readOnly: undefined,
839
+ value: suffix,
840
+ label: 'Suffix',
841
+ hasSuggestions: false,
842
+ displayMode: 'LABELS_LEFT'
843
+ };
844
+ },
845
+ getActions() {
846
+ /* nothing */
847
+ },
848
+ getReferencedView: () => {
849
+ return {
850
+ config: {
851
+ readOnly: undefined,
852
+ placeholder: 'Suffix',
853
+ value: suffix,
854
+ label: 'Suffix',
855
+ hasSuggestions: false,
856
+ displayMode: 'LABELS_LEFT'
857
+ }
858
+ };
859
+ },
860
+ getInheritedProps: () => {
861
+ return {};
862
+ },
863
+ getReferencedViewPConnect: () => {
864
+ return {
865
+ value: suffix,
866
+ label: 'Suffix',
867
+ placeholder: 'Select...',
868
+ listType: 'associated',
869
+ datasource: [
870
+ {
871
+ key: 'Sr',
872
+ value: 'Sr'
873
+ },
874
+ {
875
+ key: 'Jr',
876
+ value: 'Jr'
877
+ },
878
+ {
879
+ key: 'III',
880
+ value: 'III'
881
+ },
882
+ {
883
+ key: 'IV',
884
+ value: 'IV'
885
+ },
886
+ {
887
+ key: 'V',
888
+ value: 'V'
889
+ }
890
+ ],
891
+ testId: '56E6DDD1CB6CEC596B433440DFB21C17',
892
+ hasSuggestions: false,
893
+ deferDatasource: false,
894
+ displayMode: 'LABELS_LEFT',
895
+ getPConnect: () => {
896
+ return {
897
+ getContextName: () => {
898
+ return null;
899
+ },
900
+ getDataObject: () => {
901
+ return null;
902
+ },
903
+ getActionsApi: () => {
904
+ return {
905
+ updateFieldValue: () => {
906
+ /* nothing */
907
+ },
908
+ triggerFieldChange: () => {
909
+ /* nothing */
910
+ }
911
+ };
912
+ },
913
+ getStateProps: () => {
914
+ return {
915
+ value: ''
916
+ };
917
+ }
918
+ };
919
+ }
920
+ };
921
+ }
922
+ };
923
+ }
924
+ },
925
+
926
+ {
927
+ getPConnect: () => {
928
+ return {
929
+ isError: false,
930
+ isEditable() {
931
+ return false;
932
+ },
933
+ setAction() {
934
+ /* nothing */
935
+ },
936
+ hasChildren() {
937
+ return false;
938
+ },
939
+ getComponentName() {
940
+ return 'radio';
941
+ },
942
+ isConditionExist() {
943
+ return true;
944
+ },
945
+ getActionsApi() {
946
+ /* nothing */
947
+ },
948
+ getConfigProps() {
949
+ return {
950
+ readOnly: undefined,
951
+ value: phoneOption,
952
+ label: 'Phone Option',
953
+ hasSuggestions: false,
954
+ displayMode: 'LABELS_LEFT'
955
+ };
956
+ },
957
+ getActions() {
958
+ /* nothing */
959
+ },
960
+ getReferencedView: () => {
961
+ return {
962
+ config: {
963
+ readOnly: true,
964
+ value: '',
965
+ label: 'Phone Option',
966
+ listType: 'associated',
967
+ datasource: [
968
+ {
969
+ key: 'US/Canada',
970
+ value: 'US/Canada'
971
+ },
972
+ {
973
+ key: 'International Limited',
974
+ value: 'International Limited'
975
+ },
976
+ {
977
+ key: 'International Full',
978
+ value: 'International Full'
979
+ }
980
+ ],
981
+ displayMode: 'LABELS_LEFT'
982
+ }
983
+ };
984
+ },
985
+ getInheritedProps: () => {
986
+ return {};
987
+ },
988
+ getReferencedViewPConnect: () => {
989
+ return {
990
+ readOnly: undefined,
991
+ placeholder: 'Phone Option',
992
+ value: phoneOption,
993
+ label: 'Phone Option',
994
+ hasSuggestions: false,
995
+ displayMode: 'LABELS_LEFT',
996
+ getPConnect: () => {
997
+ return {
998
+ getActionsApi: () => {
999
+ /* nothing */
1000
+ },
1001
+ getStateProps: () => {
1002
+ return {
1003
+ value: ''
1004
+ };
1005
+ },
1006
+ getDataObject: () => {
1007
+ /* nothing */
1008
+ },
1009
+ getConfigProps: () => {
1010
+ return {
1011
+ listType: 'associated'
1012
+ };
1013
+ }
1014
+ };
1015
+ }
1016
+ };
1017
+ }
1018
+ };
1019
+ }
1020
+ },
1021
+
1022
+ {
1023
+ getPConnect: () => {
1024
+ return {
1025
+ isError: false,
1026
+ isEditable() {
1027
+ return false;
1028
+ },
1029
+ setAction() {
1030
+ /* nothing */
1031
+ },
1032
+ hasChildren() {
1033
+ return false;
1034
+ },
1035
+ getComponentName() {
1036
+ return 'operator';
1037
+ },
1038
+ isConditionExist() {
1039
+ return true;
1040
+ },
1041
+ getActionsApi() {
1042
+ /* nothing */
1043
+ },
1044
+ getConfigProps() {
1045
+ return {
1046
+ readOnly: undefined,
1047
+ value: '',
1048
+ label: '',
1049
+ hasSuggestions: false,
1050
+ displayMode: 'LABELS_LEFT'
1051
+ };
1052
+ },
1053
+ getActions() {
1054
+ /* nothing */
1055
+ },
1056
+ getReferencedView: () => {
1057
+ return {
1058
+ config: {
1059
+ readOnly: undefined,
1060
+ placeholder: '',
1061
+ value: '',
1062
+ label: '',
1063
+ hasSuggestions: false,
1064
+ displayMode: 'LABELS_LEFT'
1065
+ }
1066
+ };
1067
+ },
1068
+ getInheritedProps: () => {
1069
+ return {};
1070
+ },
1071
+ getReferencedViewPConnect: () => {
1072
+ return {
1073
+ caseOpConfig: {
1074
+ label: 'Create operator',
1075
+ createLabel: 'Created',
1076
+ updateLabel: 'Updated',
1077
+ updateDateTime: '2023-03-10T15:45:56.919Z',
1078
+ createDateTime: '2023-03-10T15:45:40.154Z',
1079
+ updateOperator: {
1080
+ userId: 'rep@mediaco',
1081
+ userName: 'representative'
1082
+ },
1083
+ createOperator: {
1084
+ userId: 'rep@mediaco',
1085
+ userName: 'representative'
1086
+ }
1087
+ }
1088
+ };
1089
+ }
1090
+ };
1091
+ }
1092
+ }
1093
+ ];
1094
+ }
1095
+ };
1096
+ }
1097
+ }
1098
+ }
1099
+ ]
1100
+ };
1101
+
1102
+ return (
1103
+ <>
1104
+ <{{COMPONENT_CLASS_NAME}} {...props}>{props.children}</{{COMPONENT_CLASS_NAME}}>
1105
+ </>
1106
+ );
1107
+ };