@pega/dx-component-builder-sdk 0.1.29 → 0.1.31

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 (26) hide show
  1. package/package.json +1 -1
  2. package/pega-dx-component-builder-sdk-0.1.31.tgz +0 -0
  3. package/src/cli.js +4 -4
  4. package/src/constants.js +1 -0
  5. package/src/tasks/create/templates/SDK-React/field/Boolean/index.tsx.mustache +0 -1
  6. package/src/tasks/create/templates/SDK-React/template/DETAILS/demo.stories.jsx.mustache +49 -487
  7. package/src/tasks/create/templates/SDK-React/template/DETAILS/index.tsx.mustache +70 -26
  8. package/src/tasks/create/templates/SDK-React/template/DETAILS/mock.stories.js.mustache +281 -21
  9. package/src/tasks/create/templates/SDK-React/template/DETAILS-region/demo.stories.jsx.mustache +42 -1076
  10. package/src/tasks/create/templates/SDK-React/template/DETAILS-region/index.tsx.mustache +67 -31
  11. package/src/tasks/create/templates/SDK-React/template/DETAILS-region/mock.stories.js.mustache +281 -25
  12. package/src/tasks/create/templates/SDK-React/template/FORM/demo.stories.jsx.mustache +17 -2
  13. package/src/tasks/create/templates/SDK-React/template/FORM/index.tsx.mustache +22 -22
  14. package/src/tasks/create/templates/SDK-React/template/FORM/utils.ts.mustache +76 -0
  15. package/src/tasks/create/templates/SDK-React/template/PAGE/demo.stories.jsx.mustache +1 -1
  16. package/src/tasks/create/templates/SDK-React/widget/PAGE-CASE/demo.stories.jsx.mustache +8 -1
  17. package/src/tasks/create/templates/SDK-React/widget/PAGE-CASE/index.tsx.mustache +37 -11
  18. package/src/tasks/create-all/index.js +6 -5
  19. package/src/tasks/delete/helper.js +13 -1
  20. package/src/tasks/delete-all/helper.js +13 -1
  21. package/src/tasks/index.js +1 -1
  22. package/src/tasks/map/map.js +3 -2
  23. package/src/tasks/publish-all/helper.js +18 -10
  24. package/src/tasks/publish-all/index.js +63 -40
  25. package/src/util.js +22 -7
  26. /package/src/tasks/{generate-missing-companions → scan-and-fix}/index.js +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pega/dx-component-builder-sdk",
3
- "version": "0.1.29",
3
+ "version": "0.1.31",
4
4
  "description": "Utility for building custom UI components",
5
5
  "bin": "./bin/index.js",
6
6
  "scripts": {
package/src/cli.js CHANGED
@@ -9,7 +9,7 @@ import {
9
9
  createAllComponents,
10
10
  deleteComponent,
11
11
  deleteAllComponents,
12
- generateMissingCompanions,
12
+ scanAndFix,
13
13
  listComponents,
14
14
  mapAllComponents,
15
15
  overrideComponent,
@@ -38,7 +38,7 @@ const TASKS = {
38
38
  DELETE_ALL: "deleteAll",
39
39
  AUTHENTICATE: 'authenticate',
40
40
  UPGRADE: 'upgrade',
41
- GENERATE_MISSING_COMPANIONS: 'generateMissingCompanions'
41
+ SCAN_AND_FIX: 'scanAndFix'
42
42
  };
43
43
 
44
44
  const parseArgumentsIntoOptions = rawArgs => {
@@ -128,8 +128,8 @@ export default async (args = []) => {
128
128
  upgrade(options);
129
129
  break;
130
130
  }
131
- case TASKS.GENERATE_MISSING_COMPANIONS: {
132
- generateMissingCompanions(options);
131
+ case TASKS.SCAN_AND_FIX: {
132
+ scanAndFix(options);
133
133
  break;
134
134
  }
135
135
  default: {
package/src/constants.js CHANGED
@@ -25,6 +25,7 @@ export const OVERRIDE_TEMPLATE_PATH = 'overrideTemplatesPath';
25
25
  export const OVERRIDE_LIB_PATH = 'node_modules/@pega/react-sdk-overrides/lib';
26
26
 
27
27
  export const COMPONENT_DIRECTORY_PREFIX_CUSTOM = "/custom-";
28
+ export const COMPONENT_DIRECTORY_SUFFIX_SDK = "-sdk";
28
29
 
29
30
  export const CATEGORY_CUSTOM = "custom";
30
31
  export const CATEGORY_OVERRIDE = "override";
package/src/tasks/create/templates/SDK-React/field/Boolean/index.tsx.mustache CHANGED
@@ -8,7 +8,6 @@ import {
8
8
  FormHelperText
9
9
  } from '@material-ui/core';
10
10
  import handleEvent from '@pega/react-sdk-components/lib/components/helpers/event-utils';
11
- import FieldValueList from '@pega/react-sdk-components/lib/components/designSystemExtension/FieldValueList';
12
11
  import PropTypes from 'prop-types';
13
12
  import FieldValueList from '@pega/react-sdk-components/lib/components/designSystemExtension/FieldValueList';
14
13
  import Styled{{COMPONENT_CLASS_NAME}}Wrapper from './styles';
package/src/tasks/create/templates/SDK-React/template/DETAILS/demo.stories.jsx.mustache CHANGED
@@ -1,509 +1,71 @@
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: "Details"
12
+ type: "Details",
13
13
  },
14
14
  };
15
15
 
16
- export const Base{{COMPONENT_CLASS_NAME}} = () => {
17
-
18
- if (!window.PCore) {
19
- window.PCore = {};
20
- }
16
+ if (!window.PCore) {
17
+ window.PCore = {};
18
+ }
21
19
 
22
- window.PCore.getUserApi = () => {
23
- return {
24
- getOperatorDetails: () => {
25
- return new Promise(resolve => {
26
- resolve(operatorDetails);
27
- });
28
- }
29
- };
20
+ window.PCore.getUserApi = () => {
21
+ return {
22
+ getOperatorDetails: () => {
23
+ return new Promise((resolve) => {
24
+ resolve(operatorDetails);
25
+ });
26
+ },
30
27
  };
28
+ };
31
29
 
32
- const firstName = 'John';
33
- const lastName = 'Doe';
34
- const phone = '+16397975093';
35
- const email = 'john@doe.com';
36
- const internetPlan = '100 Mbps';
37
- const price = '90.99';
30
+ window.PCore.getEnvironmentInfo = () => {
31
+ return {
32
+ getUseLocale: () => {
33
+ return "en-US";
34
+ },
35
+ };
36
+ };
38
37
 
38
+ export const Base{{COMPONENT_CLASS_NAME}} = () => {
39
39
  const props = {
40
- NumCols: '1',
41
- template: 'DefaultForm',
42
-
43
- children: [
44
- {
45
- props: {
46
- getPConnect: () => {
47
- return {
48
- getChildren: () => {
49
- return [
50
- {
51
- getPConnect: () => {
52
- return {
53
- isError: false,
54
- isEditable() {
55
- return false;
56
- },
57
- setAction: () => {/* nothing */},
58
- hasChildren() {
59
- return false;
60
- },
61
- getComponentName() {
62
- return 'textInput';
63
- },
64
- isConditionExist() {
65
- return true;
66
- },
67
- getActionsApi() {/* nothing */},
68
- getConfigProps() {
69
- return {
70
- readOnly: undefined,
71
- value: firstName,
72
- label: 'First Name',
73
- hasSuggestions: false,
74
- displayMode: 'LABELS_LEFT'
75
- };
76
- },
77
- getActions() {/* nothing */},
78
- getReferencedView: () => {
79
- return {
80
- config: {
81
- readOnly: undefined,
82
- placeholder: 'First Name',
83
- value: firstName,
84
- label: 'First Name',
85
- hasSuggestions: false,
86
- displayMode: 'LABELS_LEFT'
87
- }
88
- };
89
- },
90
- getInheritedProps: () => {
91
- return {};
92
- },
93
- getReferencedViewPConnect: () => {
94
- return {
95
- readOnly: undefined,
96
- placeholder: 'First Name',
97
- value: firstName,
98
- label: 'First Name',
99
- hasSuggestions: false,
100
- displayMode: 'LABELS_LEFT'
101
- };
102
- }
103
- };
104
- }
105
- },
106
- {
107
- getPConnect: () => {
108
- return {
109
- isError: false,
110
- isEditable() {
111
- return false;
112
- },
113
- setAction() {/* nothing */},
114
- hasChildren() {
115
- return false;
116
- },
117
- getComponentName() {
118
- return 'textInput';
119
- },
120
- isConditionExist() {
121
- return true;
122
- },
123
- getActionsApi() {/* nothing */},
124
- getConfigProps() {
125
- return {
126
- readOnly: undefined,
127
- value: lastName,
128
- label: 'Last Name',
129
- hasSuggestions: false,
130
- displayMode: 'LABELS_LEFT'
131
- };
132
- },
133
- getActions() {/* nothing */},
134
- getReferencedView: () => {
135
- return {
136
- config: {
137
- readOnly: undefined,
138
- placeholder: 'Last Name',
139
- value: lastName,
140
- label: 'Last Name',
141
- hasSuggestions: false,
142
- displayMode: 'LABELS_LEFT'
143
- }
144
- };
145
- },
146
- getInheritedProps: () => {
147
- return {};
148
- },
149
- getReferencedViewPConnect: () => {
150
- return {
151
- readOnly: undefined,
152
- placeholder: 'Last Name',
153
- value: lastName,
154
- label: 'Last Name',
155
- hasSuggestions: false,
156
- displayMode: 'LABELS_LEFT'
157
- };
158
- }
159
- };
160
- }
161
- },
162
-
163
- {
164
- getPConnect: () => {
165
- return {
166
- isError: false,
167
- isEditable() {
168
- return false;
169
- },
170
- setAction() {/* nothing */},
171
- hasChildren() {
172
- return false;
173
- },
174
- getComponentName() {
175
- return 'email';
176
- },
177
- isConditionExist() {
178
- return true;
179
- },
180
- getActionsApi() {/* nothing */},
181
- getConfigProps() {
182
- return {
183
- readOnly: undefined,
184
- value: email,
185
- label: 'Email',
186
- hasSuggestions: false,
187
- displayMode: 'LABELS_LEFT'
188
- };
189
- },
190
- getActions() {/* nothing */},
191
- getReferencedView: () => {
192
- return {
193
- config: {
194
- readOnly: undefined,
195
- placeholder: 'Email',
196
- value: email,
197
- label: 'Email',
198
- hasSuggestions: false,
199
- displayMode: 'LABELS_LEFT'
200
- }
201
- };
202
- },
203
- getInheritedProps: () => {
204
- return {};
205
- },
206
- getReferencedViewPConnect: () => {
207
- return {
208
- value: email,
209
- label: 'Email',
210
- required: true,
211
- testId: 'CE8AE9DA5B7CD6C3DF2929543A9AF92D',
212
- hasSuggestions: false,
213
- displayMode: 'LABELS_LEFT'
214
- }
215
- }
216
- };
217
- }
218
- },
219
-
220
- {
221
- getPConnect: () => {
222
- return {
223
- isError: false,
224
- isEditable() {
225
- return false;
226
- },
227
- setAction() {/* nothing */},
228
- hasChildren() {
229
- return false;
230
- },
231
- getComponentName() {
232
- return 'phone';
233
- },
234
- isConditionExist() {
235
- return true;
236
- },
237
- getActionsApi() {/* nothing */},
238
- getConfigProps() {
239
- return {
240
- readOnly: undefined,
241
- value: phone,
242
- label: 'Phone',
243
- hasSuggestions: false,
244
- displayMode: 'LABELS_LEFT'
245
- };
246
- },
247
- getActions() {/* nothing */},
248
- getReferencedView: () => {
249
- return {
250
- config: {
251
- readOnly: undefined,
252
- placeholder: 'Phone',
253
- value: phone,
254
- label: 'Phone',
255
- hasSuggestions: false,
256
- displayMode: 'LABELS_LEFT'
257
- }
258
- };
259
- },
260
- getInheritedProps: () => {
261
- return {};
262
- },
263
- getReferencedViewPConnect: () => {
264
- return {
265
- readOnly: undefined,
266
- value: phone,
267
- label: 'Phone',
268
- displayMode: 'LABELS_LEFT',
269
- hasSuggestions: false,
270
- };
271
- }
272
- };
273
- }
274
- },
275
-
276
- {
277
- getPConnect: () => {
278
- return {
279
- isError: false,
280
- isEditable() {
281
- return false;
282
- },
283
- setAction() {/* nothing */},
284
- hasChildren() {
285
- return false;
286
- },
287
- getComponentName() {
288
- return 'currency';
289
- },
290
- isConditionExist() {
291
- return true;
292
- },
293
- getActionsApi() {/* nothing */},
294
- getConfigProps() {
295
- return {
296
- readOnly: undefined,
297
- value: price,
298
- label: 'Price',
299
- hasSuggestions: false,
300
- displayMode: 'LABELS_LEFT'
301
- };
302
- },
303
- getActions() {/* nothing */},
304
- getReferencedView: () => {
305
- return {
306
- config: {
307
- readOnly: undefined,
308
- placeholder: 'Price',
309
- value: price,
310
- label: 'Price',
311
- hasSuggestions: false,
312
- displayMode: 'LABELS_LEFT'
313
- }
314
- };
315
- },
316
- getInheritedProps: () => {
317
- return {};
318
- },
319
- getReferencedViewPConnect: () => {
320
- return {
321
- readOnly: undefined,
322
- placeholder: 'Price',
323
- value: price,
324
- label: 'Price',
325
- hasSuggestions: false,
326
- displayMode: 'LABELS_LEFT',
327
- getPConnect: () => {
328
- return {
329
- getActionsApi: () => {/* nothing */},
330
- getStateProps: () => {
331
- return{
332
- value: ""
333
- }
334
- },
335
- getDataObject: () => {/* nothing */}
336
- }
337
- }
338
- };
339
- }
340
- };
341
- }
342
- },
343
-
344
- {
345
- getPConnect: () => {
346
- return {
347
- isError: false,
348
- isEditable() {
349
- return false;
350
- },
351
- setAction() {/* nothing */},
352
- hasChildren() {
353
- return false;
354
- },
355
- getComponentName() {
356
- return 'radio';
357
- },
358
- isConditionExist() {
359
- return true;
360
- },
361
- getActionsApi() {/* nothing */},
362
- getConfigProps() {
363
- return {
364
- readOnly: undefined,
365
- value: internetPlan,
366
- label: 'Internet Plan',
367
- hasSuggestions: false,
368
- displayMode: 'LABELS_LEFT'
369
- };
370
- },
371
- getActions() {/* nothing */},
372
- getReferencedView: () => {
373
- return {
374
- config: {
375
- "readOnly": true,
376
- "value": internetPlan,
377
- "label": "Internet Option",
378
- "listType": "associated",
379
- "datasource": [
380
- {
381
- "key": "100 Mbps",
382
- "value": "100 Mbps"
383
- },
384
- {
385
- "key": "300 Mbps",
386
- "value": "300 Mbps"
387
- },
388
- {
389
- "key": "1 Gbps",
390
- "value": "1 Gbps"
391
- }
392
- ],
393
- "displayMode": "LABELS_LEFT"
394
- }
395
- };
396
- },
397
- getInheritedProps: () => {
398
- return {};
399
- },
400
- getReferencedViewPConnect: () => {
401
- return {
402
- readOnly: undefined,
403
- placeholder: 'Internet Plan',
404
- value: internetPlan,
405
- label: 'Internet Plan',
406
- hasSuggestions: false,
407
- displayMode: 'LABELS_LEFT',
408
- getPConnect: () => {
409
- return {
410
- getActionsApi: () => {/* nothing */},
411
- getStateProps: () => {
412
- return{
413
- value: ""
414
- }
415
- },
416
- getDataObject: () => {/* nothing */},
417
- getConfigProps: () => {
418
- return {
419
- listType: 'associated'
420
- }
421
- }
422
- }
423
- }
424
- };
425
- }
426
- };
427
- }
428
- },
429
-
430
- {
431
- getPConnect: () => {
432
- return {
433
- isError: false,
434
- isEditable() {
435
- return false;
436
- },
437
- setAction() {/* nothing */},
438
- hasChildren() {
439
- return false;
440
- },
441
- getComponentName() {
442
- return 'operator';
443
- },
444
- isConditionExist() {
445
- return true;
446
- },
447
- getActionsApi() {/* nothing */},
448
- getConfigProps() {
449
- return {
450
- readOnly: undefined,
451
- value: '',
452
- label: '',
453
- hasSuggestions: false,
454
- displayMode: 'LABELS_LEFT'
455
- };
456
- },
457
- getActions() {/* nothing */},
458
- getReferencedView: () => {
459
- return {
460
- config: {
461
- readOnly: undefined,
462
- placeholder: '',
463
- value: '',
464
- label: '',
465
- hasSuggestions: false,
466
- displayMode: 'LABELS_LEFT'
467
- }
468
- };
469
- },
470
- getInheritedProps: () => {
471
- return {};
472
- },
473
- getReferencedViewPConnect: () => {
474
- return {
475
- "caseOpConfig": {
476
- "label": "Create operator",
477
- "createLabel": "Created",
478
- "updateLabel": "Updated",
479
- "updateDateTime": "2023-03-10T15:45:56.919Z",
480
- "createDateTime": "2023-03-10T15:45:40.154Z",
481
- "updateOperator": {
482
- "userId": "rep@mediaco",
483
- "userName":"representative"
484
- },
485
- "createOperator": {
486
- "userId": "rep@mediaco",
487
- "userName": "representative"
488
- }
489
- }
490
- }
491
- }
492
- };
493
- }
494
- },
495
- ];
496
- }
497
- };
498
- }
499
- }
500
- }
501
- ]
40
+ NumCols: "1",
41
+ template: "DefaultForm",
42
+ showHighlightedData: false,
43
+ label: "Details",
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
+ },
502
64
  };
503
65
 
504
66
  return (
505
67
  <>
506
- <{{COMPONENT_CLASS_NAME}} {...props}>{props.children}</{{COMPONENT_CLASS_NAME}}>
68
+ <{{COMPONENT_CLASS_NAME}} {...props}></{{COMPONENT_CLASS_NAME}}>
507
69
  </>
508
70
  );
509
71
  };