@pega/dx-component-builder-sdk 0.1.30 → 0.1.32

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 (20) hide show
  1. package/package.json +1 -1
  2. package/pega-dx-component-builder-sdk-0.1.31.tgz +0 -0
  3. package/src/constants.js +5 -0
  4. package/src/tasks/create/templates/SDK-React/template/DETAILS/demo.stories.jsx.mustache +49 -487
  5. package/src/tasks/create/templates/SDK-React/template/DETAILS/index.tsx.mustache +70 -26
  6. package/src/tasks/create/templates/SDK-React/template/DETAILS/mock.stories.js.mustache +281 -21
  7. package/src/tasks/create/templates/SDK-React/template/DETAILS-region/demo.stories.jsx.mustache +42 -1076
  8. package/src/tasks/create/templates/SDK-React/template/DETAILS-region/index.tsx.mustache +67 -31
  9. package/src/tasks/create/templates/SDK-React/template/DETAILS-region/mock.stories.js.mustache +281 -25
  10. package/src/tasks/create/templates/SDK-React/template/FORM/demo.stories.jsx.mustache +17 -2
  11. package/src/tasks/create/templates/SDK-React/template/FORM/index.tsx.mustache +22 -22
  12. package/src/tasks/create/templates/SDK-React/template/FORM/utils.ts.mustache +76 -0
  13. package/src/tasks/create/templates/SDK-React/template/PAGE/demo.stories.jsx.mustache +1 -1
  14. package/src/tasks/create/templates/SDK-React/widget/PAGE-CASE/demo.stories.jsx.mustache +8 -1
  15. package/src/tasks/create/templates/SDK-React/widget/PAGE-CASE/index.tsx.mustache +37 -11
  16. package/src/tasks/delete/helper.js +13 -1
  17. package/src/tasks/delete-all/helper.js +13 -1
  18. package/src/tasks/map/map.js +3 -2
  19. package/src/tasks/publish-all/index.js +2 -5
  20. package/src/util.js +22 -7
package/src/tasks/create/templates/SDK-React/template/DETAILS-region/demo.stories.jsx.mustache CHANGED
@@ -1,20 +1,19 @@
1
- import { withKnobs } from '@storybook/addon-knobs';
1
+ import { withKnobs } from "@storybook/addon-knobs";
2
2
 
3
- import {{COMPONENT_CLASS_NAME}} from './index.tsx';
3
+ import {{COMPONENT_CLASS_NAME}} from "./index.tsx";
4
4
 
5
- import operatorDetails from './mock.stories';
5
+ import operatorDetails, { pyReviewRaw } from "./mock.stories";
6
6
 
7
7
  export default {
8
- title: '{{COMPONENT_CLASS_NAME}}',
8
+ title: "{{COMPONENT_CLASS_NAME}}",
9
9
  decorators: [withKnobs],
10
10
  component: {{COMPONENT_CLASS_NAME}},
11
11
  parameters: {
12
- type: "DetailsRegion"
12
+ type: "DetailsRegion",
13
13
  },
14
14
  };
15
15
 
16
- export const Base{{COMPONENT_CLASS_NAME}} = () => {
17
-
16
+ export const BaseYourOrgRequiredDxilDetailsRegion = () => {
18
17
  if (!window.PCore) {
19
18
  window.PCore = {};
20
19
  }
@@ -22,1086 +21,53 @@ export const Base{{COMPONENT_CLASS_NAME}} = () => {
22
21
  window.PCore.getUserApi = () => {
23
22
  return {
24
23
  getOperatorDetails: () => {
25
- return new Promise(resolve => {
24
+ return new Promise((resolve) => {
26
25
  resolve(operatorDetails);
27
26
  });
28
- }
27
+ },
29
28
  };
30
29
  };
31
30
 
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
- }
31
+ window.PCore.getEnvironmentInfo = () => {
32
+ return {
33
+ getUseLocale: () => {
34
+ return "en-US";
556
35
  },
36
+ };
37
+ };
557
38
 
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
- ]
39
+ const props = {
40
+ NumCols: "2",
41
+ template: "DefaultForm",
42
+ showHighlightedData: false,
43
+ label: "Details Region",
44
+ showLabel: true,
45
+ getPConnect: () => {
46
+ return {
47
+ getChildren: () => {
48
+ return pyReviewRaw.children[0].children;
49
+ },
50
+ getRawMetadata: () => {
51
+ return pyReviewRaw;
52
+ },
53
+ getInheritedProps: () => {
54
+ return pyReviewRaw.config.inheritedProps;
55
+ },
56
+ setInheritedProp: () => {
57
+ /* nothing */
58
+ },
59
+ resolveConfigProps: () => {
60
+ /* nothing */
61
+ },
62
+ };
63
+ },
1100
64
  };
1101
65
 
1102
66
  return (
1103
67
  <>
1104
- <{{COMPONENT_CLASS_NAME}} {...props}>{props.children}</{{COMPONENT_CLASS_NAME}}>
68
+ <{{COMPONENT_CLASS_NAME}}
69
+ {...props}
70
+ ></{{COMPONENT_CLASS_NAME}}>
1105
71
  </>
1106
72
  );
1107
73
  };