@pega/custom-dx-components 0.242.41 → 0.242.43

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 (81) hide show
  1. package/package.json +1 -1
  2. package/src/tasks/create/templates/Constellation/Field/Boolean/config.json.mustache +5 -2
  3. package/src/tasks/create/templates/Constellation/Field/Date/config.json.mustache +4 -1
  4. package/src/tasks/create/templates/Constellation/Field/DateTime/config.json.mustache +4 -1
  5. package/src/tasks/create/templates/Constellation/Field/Decimal/config.json.mustache +4 -1
  6. package/src/tasks/create/templates/Constellation/Field/Decimal-Currency/config.json.mustache +4 -1
  7. package/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/config.json.mustache +4 -1
  8. package/src/tasks/create/templates/Constellation/Field/Icon-Button-URL/config.json.mustache +4 -1
  9. package/src/tasks/create/templates/Constellation/Field/Integer/config.json.mustache +4 -1
  10. package/src/tasks/create/templates/Constellation/Field/Picklist/config.json.mustache +4 -1
  11. package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/config.json.mustache +4 -1
  12. package/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/config.json.mustache +4 -1
  13. package/src/tasks/create/templates/Constellation/Field/Text/config.json.mustache +6 -3
  14. package/src/tasks/create/templates/Constellation/Field/Text-Email/config.json.mustache +4 -1
  15. package/src/tasks/create/templates/Constellation/Field/Text-Input/config.json.mustache +4 -1
  16. package/src/tasks/create/templates/Constellation/Field/Text-Paragraph/config.json.mustache +4 -1
  17. package/src/tasks/create/templates/Constellation/Field/Text-Phone/config.json.mustache +4 -1
  18. package/src/tasks/create/templates/Constellation/Field/Text-URL/config.json.mustache +4 -1
  19. package/src/tasks/create/templates/Constellation/Field/TimeofDay/config.json.mustache +4 -1
  20. package/src/tasks/create/templates/Constellation/Template/DETAILS/demo.stories.tsx.mustache +4 -3
  21. package/src/tasks/create/templates/Launchpad/Field/Icon-Button-URL/config.json.mustache +4 -1
  22. package/src/tasks/init/template/package.json.mustache +4 -4
  23. package/tests/assets/library/components/create/Pega_DXIL_MyTestText/config.json +3 -0
  24. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyBoolean/config.json +5 -2
  25. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyCurrency/config.json +4 -1
  26. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDate/config.json +4 -1
  27. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDateTime/config.json +4 -1
  28. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDecimal/config.json +4 -1
  29. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDetails/demo.stories.tsx +4 -3
  30. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyEmail/config.json +4 -1
  31. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyIconButtonURL/config.json +4 -1
  32. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyInteger/config.json +4 -1
  33. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyParagraph/config.json +4 -1
  34. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyPercentage/config.json +4 -1
  35. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyPhone/config.json +4 -1
  36. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyPicklist/config.json +4 -1
  37. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyRadiobuttons/config.json +4 -1
  38. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MySearchbox/config.json +4 -1
  39. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyText/config.json +3 -0
  40. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyTextInput/config.json +4 -1
  41. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyTimeOfDay/config.json +4 -1
  42. package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyURL/config.json +4 -1
  43. package/tests/assets/original/components/create/Pega_DXIL_MyTestText/config.json +3 -0
  44. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyBoolean/config.json +5 -2
  45. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyCurrency/config.json +4 -1
  46. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDate/config.json +4 -1
  47. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDateTime/config.json +4 -1
  48. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDecimal/config.json +4 -1
  49. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDetails/demo.stories.tsx +4 -3
  50. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyEmail/config.json +4 -1
  51. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyIconButtonURL/config.json +4 -1
  52. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyInteger/config.json +4 -1
  53. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyParagraph/config.json +4 -1
  54. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPercentage/config.json +4 -1
  55. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPhone/config.json +4 -1
  56. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPicklist/config.json +4 -1
  57. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyRadiobuttons/config.json +4 -1
  58. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MySearchbox/config.json +4 -1
  59. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyText/config.json +3 -0
  60. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyTextInput/config.json +4 -1
  61. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyTimeOfDay/config.json +4 -1
  62. package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyURL/config.json +4 -1
  63. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyBoolean/config.json +5 -2
  64. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyCurrency/config.json +4 -1
  65. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyDate/config.json +4 -1
  66. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyDateTime/config.json +4 -1
  67. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyDecimal/config.json +4 -1
  68. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyDetails/demo.stories.tsx +4 -3
  69. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyEmail/config.json +4 -1
  70. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyIconButtonURL/config.json +4 -1
  71. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyInteger/config.json +4 -1
  72. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyParagraph/config.json +4 -1
  73. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPercentage/config.json +4 -1
  74. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPhone/config.json +4 -1
  75. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPicklist/config.json +4 -1
  76. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyRadiobuttons/config.json +4 -1
  77. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MySearchbox/config.json +4 -1
  78. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyText/config.json +3 -0
  79. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyTextInput/config.json +4 -1
  80. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/config.json +4 -1
  81. package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyURL/config.json +4 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pega/custom-dx-components",
3
- "version": "0.242.41",
3
+ "version": "0.242.43",
4
4
  "description": "Utility for building custom UI components",
5
5
  "bin": "./bin/index.js",
6
6
  "scripts": {
@@ -140,6 +140,9 @@
140
140
  "defaultConfig": {
141
141
  "caption": "@L $this.label",
142
142
  "trueLabel": "@L Yes",
143
- "falseLabel": "@L No"
144
- }
143
+ "falseLabel": "@L No",
144
+ "detailFVLItem": true,
145
+ "isFormWidth" : true,
146
+ "isContainerWidth" : false
147
+ }
145
148
  }
@@ -194,6 +194,9 @@
194
194
  }
195
195
  ],
196
196
  "defaultConfig": {
197
- "label": "@L $this.label"
197
+ "label": "@L $this.label",
198
+ "detailFVLItem": true,
199
+ "isFormWidth" : false,
200
+ "isContainerWidth" : false
198
201
  }
199
202
  }
@@ -251,6 +251,9 @@
251
251
  }
252
252
  ],
253
253
  "defaultConfig": {
254
- "label": "@L $this.label"
254
+ "label": "@L $this.label",
255
+ "detailFVLItem": true,
256
+ "isFormWidth" : false,
257
+ "isContainerWidth" : false
255
258
  }
256
259
  }
@@ -273,6 +273,9 @@
273
273
  }
274
274
  ],
275
275
  "defaultConfig": {
276
- "label": "@L $this.label"
276
+ "label": "@L $this.label",
277
+ "detailFVLItem": true,
278
+ "isFormWidth" : false,
279
+ "isContainerWidth" : false
277
280
  }
278
281
  }
@@ -286,6 +286,9 @@
286
286
  }
287
287
  ],
288
288
  "defaultConfig": {
289
- "label": "@L $this.label"
289
+ "label": "@L $this.label",
290
+ "detailFVLItem": true,
291
+ "isFormWidth" : false,
292
+ "isContainerWidth" : false
290
293
  }
291
294
  }
@@ -88,6 +88,9 @@
88
88
  }
89
89
  ],
90
90
  "defaultConfig": {
91
- "label": "@L $this.label"
91
+ "label": "@L $this.label",
92
+ "detailFVLItem": true,
93
+ "isFormWidth" : false,
94
+ "isContainerWidth" : false
92
95
  }
93
96
  }
@@ -59,6 +59,9 @@
59
59
  }
60
60
  ],
61
61
  "defaultConfig": {
62
- "label": "@L $this.label"
62
+ "label": "@L $this.label",
63
+ "detailFVLItem": true,
64
+ "isFormWidth" : false,
65
+ "isContainerWidth" : false
63
66
  }
64
67
  }
@@ -342,6 +342,9 @@
342
342
  }
343
343
  ],
344
344
  "defaultConfig": {
345
- "label": "@L $this.label"
345
+ "label": "@L $this.label",
346
+ "detailFVLItem": true,
347
+ "isFormWidth" : false,
348
+ "isContainerWidth" : false
346
349
  }
347
350
  }
@@ -109,6 +109,9 @@
109
109
  "label": "@L $this.label",
110
110
  "placeholder": "@L Select...",
111
111
  "listType": "associated",
112
- "datasource": "@ASSOCIATED .$this.name"
112
+ "datasource": "@ASSOCIATED .$this.name",
113
+ "detailFVLItem": true,
114
+ "isFormWidth" : false,
115
+ "isContainerWidth" : false
113
116
  }
114
117
  }
@@ -110,6 +110,9 @@
110
110
  "placeholder": "@L Select...",
111
111
  "listType": "associated",
112
112
  "datasource": "@ASSOCIATED .$this.name",
113
- "deferDatasource": true
113
+ "deferDatasource": true,
114
+ "detailFVLItem": true,
115
+ "isFormWidth" : false,
116
+ "isContainerWidth" : false
114
117
  }
115
118
  }
@@ -108,6 +108,9 @@
108
108
  "defaultConfig": {
109
109
  "label": "@L $this.label",
110
110
  "listType": "associated",
111
- "datasource": "@ASSOCIATED .$this.name"
111
+ "datasource": "@ASSOCIATED .$this.name",
112
+ "detailFVLItem": true,
113
+ "isFormWidth" : true,
114
+ "isContainerWidth" : false
112
115
  }
113
116
  }
@@ -58,19 +58,22 @@
58
58
  "label": "@L $this.label",
59
59
  "placeholder": "@L Select...",
60
60
  "listType": "associated",
61
- "datasource": "@ASSOCIATED .$this.name"
61
+ "datasource": "@ASSOCIATED .$this.name",
62
62
  {{/IS_PICKLIST}}
63
63
  {{#IS_BOOLEAN}}
64
64
  "trueText": "True",
65
- "falseText": "False"
65
+ "falseText": "False",
66
66
  {{/IS_BOOLEAN}}
67
67
  {{#IS_PHONE}}
68
68
  "datasource": {
69
69
  "source": "@DATASOURCE D_pyCountryCallingCodeList.pxResults",
70
70
  "fields": {
71
71
  "value": "@P .pyCallingCode"
72
- }
72
+ },
73
73
  }
74
74
  {{/IS_PHONE}}
75
+ "detailFVLItem": true,
76
+ "isFormWidth" : false,
77
+ "isContainerWidth" : false
75
78
  }
76
79
  }
@@ -106,6 +106,9 @@
106
106
  }
107
107
  ],
108
108
  "defaultConfig": {
109
- "label": "@L $this.label"
109
+ "label": "@L $this.label",
110
+ "detailFVLItem": true,
111
+ "isFormWidth" : false,
112
+ "isContainerWidth" : false
110
113
  }
111
114
  }
@@ -106,6 +106,9 @@
106
106
  }
107
107
  ],
108
108
  "defaultConfig": {
109
- "label": "@L $this.label"
109
+ "label": "@L $this.label",
110
+ "detailFVLItem": true,
111
+ "isFormWidth" : false,
112
+ "isContainerWidth" : false
110
113
  }
111
114
  }
@@ -106,6 +106,9 @@
106
106
  }
107
107
  ],
108
108
  "defaultConfig": {
109
- "label": "@L $this.label"
109
+ "label": "@L $this.label",
110
+ "detailFVLItem": true,
111
+ "isFormWidth" : true,
112
+ "isContainerWidth" : false
110
113
  }
111
114
  }
@@ -118,6 +118,9 @@
118
118
  "fields": {
119
119
  "value": "@P .pyCallingCode"
120
120
  }
121
- }
121
+ },
122
+ "detailFVLItem": true,
123
+ "isFormWidth" : false,
124
+ "isContainerWidth" : false
122
125
  }
123
126
  }
@@ -232,6 +232,9 @@
232
232
  }
233
233
  ],
234
234
  "defaultConfig": {
235
- "label": "@L $this.label"
235
+ "label": "@L $this.label",
236
+ "detailFVLItem": true,
237
+ "isFormWidth" : false,
238
+ "isContainerWidth" : false
236
239
  }
237
240
  }
@@ -180,6 +180,9 @@
180
180
  }
181
181
  ],
182
182
  "defaultConfig": {
183
- "label": "@L $this.label"
183
+ "label": "@L $this.label",
184
+ "detailFVLItem": true,
185
+ "isFormWidth" : false,
186
+ "isContainerWidth" : false
184
187
  }
185
188
  }
@@ -6,6 +6,7 @@ import {{COMPONENT_CLASS_NAME}} from './index';
6
6
  import { pyReviewRaw, pyReviewResolved, regionChildrenResolved, operatorDetails, configProps } from './mock';
7
7
  import StatusWorkRenderer from './StatusWork';
8
8
  import Operator from './Operator';
9
+ import type C11nEnv from '@pega/pcore-pconnect-typedefs/interpreter/c11n-env';
9
10
 
10
11
  const meta: Meta<typeof {{COMPONENT_CLASS_NAME}}> = {
11
12
  title: '{{COMPONENT_CLASS_NAME}}',
@@ -74,7 +75,7 @@ const renderField = (resolvedProps: any) => {
74
75
  value={value}
75
76
  variant='datetime'
76
77
  format='long'
77
- clockFormat={null}
78
+ clockFormat={undefined}
78
79
  key={key}
79
80
  />
80
81
  );
@@ -141,7 +142,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
141
142
  getInheritedProps: () => {
142
143
  return pyReviewRaw.config.inheritedProps;
143
144
  },
144
- createComponent: config => {
145
+ createComponent: (config: { config: { value: any; }; }) => {
145
146
  // eslint-disable-next-line default-case
146
147
  switch (config.config.value) {
147
148
  case '@P .pyStatusWork':
@@ -184,7 +185,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
184
185
  getRawMetadata: () => pyReviewRaw.children[0].children[index],
185
186
  getConfigProps: () => {},
186
187
  resolveConfigProps: () => regionChildrenResolved[index],
187
- getComponent: config =>
188
+ getComponent: (config: any) =>
188
189
  props.getPConnect().createComponent(pyReviewRaw.children[0].children[index])
189
190
  })
190
191
  };
@@ -27,6 +27,9 @@
27
27
  }
28
28
  ],
29
29
  "defaultConfig": {
30
- "label": "@L $this.label"
30
+ "label": "@L $this.label",
31
+ "detailFVLItem": true,
32
+ "isFormWidth" : false,
33
+ "isContainerWidth" : false
31
34
  }
32
35
  }
@@ -75,9 +75,9 @@
75
75
  "author": "",
76
76
  "license": "Enter License",
77
77
  "dependencies": {
78
- "@pega/cosmos-react-condition-builder": "7.0.3",
79
- "@pega/cosmos-react-core": "7.0.3",
80
- "@pega/cosmos-react-work": "7.0.3",
78
+ "@pega/cosmos-react-condition-builder": "~7.0.6",
79
+ "@pega/cosmos-react-core": "~7.0.6",
80
+ "@pega/cosmos-react-work": "~7.0.6",
81
81
  "@pega/eslint-config": "^0.10.2",
82
82
  "@pega/tsconfig": "^0.10.2",
83
83
  "babel-loader": "^9.1.3",
@@ -100,7 +100,7 @@
100
100
  },
101
101
  "devDependencies": {
102
102
  "@pega/configs": "^0.6.0",
103
- "@pega/custom-dx-components": "0.242.41",
103
+ "@pega/custom-dx-components": "0.242.43",
104
104
  "@pega/pcore-pconnect-typedefs": "~3.0.0",
105
105
  "@storybook/addon-actions": "^7.6.7",
106
106
  "@storybook/addon-essentials": "^7.6.19",
@@ -51,5 +51,8 @@
51
51
  }
52
52
  ],
53
53
  "defaultConfig": {
54
+ "detailFVLItem": true,
55
+ "isFormWidth" : false,
56
+ "isContainerWidth" : false
54
57
  }
55
58
  }
@@ -140,6 +140,9 @@
140
140
  "defaultConfig": {
141
141
  "caption": "@L $this.label",
142
142
  "trueLabel": "@L Yes",
143
- "falseLabel": "@L No"
144
- }
143
+ "falseLabel": "@L No",
144
+ "detailFVLItem": true,
145
+ "isFormWidth" : true,
146
+ "isContainerWidth" : false
147
+ }
145
148
  }
@@ -286,6 +286,9 @@
286
286
  }
287
287
  ],
288
288
  "defaultConfig": {
289
- "label": "@L $this.label"
289
+ "label": "@L $this.label",
290
+ "detailFVLItem": true,
291
+ "isFormWidth" : false,
292
+ "isContainerWidth" : false
290
293
  }
291
294
  }
@@ -194,6 +194,9 @@
194
194
  }
195
195
  ],
196
196
  "defaultConfig": {
197
- "label": "@L $this.label"
197
+ "label": "@L $this.label",
198
+ "detailFVLItem": true,
199
+ "isFormWidth" : false,
200
+ "isContainerWidth" : false
198
201
  }
199
202
  }
@@ -251,6 +251,9 @@
251
251
  }
252
252
  ],
253
253
  "defaultConfig": {
254
- "label": "@L $this.label"
254
+ "label": "@L $this.label",
255
+ "detailFVLItem": true,
256
+ "isFormWidth" : false,
257
+ "isContainerWidth" : false
255
258
  }
256
259
  }
@@ -273,6 +273,9 @@
273
273
  }
274
274
  ],
275
275
  "defaultConfig": {
276
- "label": "@L $this.label"
276
+ "label": "@L $this.label",
277
+ "detailFVLItem": true,
278
+ "isFormWidth" : false,
279
+ "isContainerWidth" : false
277
280
  }
278
281
  }
@@ -6,6 +6,7 @@ import PegaDxilMyDetails from './index';
6
6
  import { pyReviewRaw, pyReviewResolved, regionChildrenResolved, operatorDetails, configProps } from './mock';
7
7
  import StatusWorkRenderer from './StatusWork';
8
8
  import Operator from './Operator';
9
+ import type C11nEnv from '@pega/pcore-pconnect-typedefs/interpreter/c11n-env';
9
10
 
10
11
  const meta: Meta<typeof PegaDxilMyDetails> = {
11
12
  title: 'PegaDxilMyDetails',
@@ -74,7 +75,7 @@ const renderField = (resolvedProps: any) => {
74
75
  value={value}
75
76
  variant='datetime'
76
77
  format='long'
77
- clockFormat={null}
78
+ clockFormat={undefined}
78
79
  key={key}
79
80
  />
80
81
  );
@@ -141,7 +142,7 @@ export const BasePegaDxilMyDetails: Story = (args: any) => {
141
142
  getInheritedProps: () => {
142
143
  return pyReviewRaw.config.inheritedProps;
143
144
  },
144
- createComponent: config => {
145
+ createComponent: (config: { config: { value: any; }; }) => {
145
146
  // eslint-disable-next-line default-case
146
147
  switch (config.config.value) {
147
148
  case '@P .pyStatusWork':
@@ -184,7 +185,7 @@ export const BasePegaDxilMyDetails: Story = (args: any) => {
184
185
  getRawMetadata: () => pyReviewRaw.children[0].children[index],
185
186
  getConfigProps: () => {},
186
187
  resolveConfigProps: () => regionChildrenResolved[index],
187
- getComponent: config =>
188
+ getComponent: (config: any) =>
188
189
  props.getPConnect().createComponent(pyReviewRaw.children[0].children[index])
189
190
  })
190
191
  };
@@ -106,6 +106,9 @@
106
106
  }
107
107
  ],
108
108
  "defaultConfig": {
109
- "label": "@L $this.label"
109
+ "label": "@L $this.label",
110
+ "detailFVLItem": true,
111
+ "isFormWidth" : false,
112
+ "isContainerWidth" : false
110
113
  }
111
114
  }
@@ -59,6 +59,9 @@
59
59
  }
60
60
  ],
61
61
  "defaultConfig": {
62
- "label": "@L $this.label"
62
+ "label": "@L $this.label",
63
+ "detailFVLItem": true,
64
+ "isFormWidth" : false,
65
+ "isContainerWidth" : false
63
66
  }
64
67
  }
@@ -339,6 +339,9 @@
339
339
  }
340
340
  ],
341
341
  "defaultConfig": {
342
- "label": "@L $this.label"
342
+ "label": "@L $this.label",
343
+ "detailFVLItem": true,
344
+ "isFormWidth" : false,
345
+ "isContainerWidth" : false
343
346
  }
344
347
  }
@@ -106,6 +106,9 @@
106
106
  }
107
107
  ],
108
108
  "defaultConfig": {
109
- "label": "@L $this.label"
109
+ "label": "@L $this.label",
110
+ "detailFVLItem": true,
111
+ "isFormWidth" : true,
112
+ "isContainerWidth" : false
110
113
  }
111
114
  }
@@ -88,6 +88,9 @@
88
88
  }
89
89
  ],
90
90
  "defaultConfig": {
91
- "label": "@L $this.label"
91
+ "label": "@L $this.label",
92
+ "detailFVLItem": true,
93
+ "isFormWidth" : false,
94
+ "isContainerWidth" : false
92
95
  }
93
96
  }
@@ -118,6 +118,9 @@
118
118
  "fields": {
119
119
  "value": "@P .pyCallingCode"
120
120
  }
121
- }
121
+ },
122
+ "detailFVLItem": true,
123
+ "isFormWidth" : false,
124
+ "isContainerWidth" : false
122
125
  }
123
126
  }
@@ -109,6 +109,9 @@
109
109
  "label": "@L $this.label",
110
110
  "placeholder": "@L Select...",
111
111
  "listType": "associated",
112
- "datasource": "@ASSOCIATED .$this.name"
112
+ "datasource": "@ASSOCIATED .$this.name",
113
+ "detailFVLItem": true,
114
+ "isFormWidth" : false,
115
+ "isContainerWidth" : false
113
116
  }
114
117
  }
@@ -108,6 +108,9 @@
108
108
  "defaultConfig": {
109
109
  "label": "@L $this.label",
110
110
  "listType": "associated",
111
- "datasource": "@ASSOCIATED .$this.name"
111
+ "datasource": "@ASSOCIATED .$this.name",
112
+ "detailFVLItem": true,
113
+ "isFormWidth" : true,
114
+ "isContainerWidth" : false
112
115
  }
113
116
  }
@@ -110,6 +110,9 @@
110
110
  "placeholder": "@L Select...",
111
111
  "listType": "associated",
112
112
  "datasource": "@ASSOCIATED .$this.name",
113
- "deferDatasource": true
113
+ "deferDatasource": true,
114
+ "detailFVLItem": true,
115
+ "isFormWidth" : false,
116
+ "isContainerWidth" : false
114
117
  }
115
118
  }
@@ -51,5 +51,8 @@
51
51
  }
52
52
  ],
53
53
  "defaultConfig": {
54
+ "detailFVLItem": true,
55
+ "isFormWidth" : false,
56
+ "isContainerWidth" : false
54
57
  }
55
58
  }
@@ -106,6 +106,9 @@
106
106
  }
107
107
  ],
108
108
  "defaultConfig": {
109
- "label": "@L $this.label"
109
+ "label": "@L $this.label",
110
+ "detailFVLItem": true,
111
+ "isFormWidth" : false,
112
+ "isContainerWidth" : false
110
113
  }
111
114
  }
@@ -180,6 +180,9 @@
180
180
  }
181
181
  ],
182
182
  "defaultConfig": {
183
- "label": "@L $this.label"
183
+ "label": "@L $this.label",
184
+ "detailFVLItem": true,
185
+ "isFormWidth" : false,
186
+ "isContainerWidth" : false
184
187
  }
185
188
  }
@@ -232,6 +232,9 @@
232
232
  }
233
233
  ],
234
234
  "defaultConfig": {
235
- "label": "@L $this.label"
235
+ "label": "@L $this.label",
236
+ "detailFVLItem": true,
237
+ "isFormWidth" : false,
238
+ "isContainerWidth" : false
236
239
  }
237
240
  }
@@ -51,5 +51,8 @@
51
51
  }
52
52
  ],
53
53
  "defaultConfig": {
54
+ "detailFVLItem": true,
55
+ "isFormWidth" : false,
56
+ "isContainerWidth" : false
54
57
  }
55
58
  }
@@ -140,6 +140,9 @@
140
140
  "defaultConfig": {
141
141
  "caption": "@L $this.label",
142
142
  "trueLabel": "@L Yes",
143
- "falseLabel": "@L No"
144
- }
143
+ "falseLabel": "@L No",
144
+ "detailFVLItem": true,
145
+ "isFormWidth" : true,
146
+ "isContainerWidth" : false
147
+ }
145
148
  }
@@ -286,6 +286,9 @@
286
286
  }
287
287
  ],
288
288
  "defaultConfig": {
289
- "label": "@L $this.label"
289
+ "label": "@L $this.label",
290
+ "detailFVLItem": true,
291
+ "isFormWidth" : false,
292
+ "isContainerWidth" : false
290
293
  }
291
294
  }
@@ -194,6 +194,9 @@
194
194
  }
195
195
  ],
196
196
  "defaultConfig": {
197
- "label": "@L $this.label"
197
+ "label": "@L $this.label",
198
+ "detailFVLItem": true,
199
+ "isFormWidth" : false,
200
+ "isContainerWidth" : false
198
201
  }
199
202
  }
@@ -251,6 +251,9 @@
251
251
  }
252
252
  ],
253
253
  "defaultConfig": {
254
- "label": "@L $this.label"
254
+ "label": "@L $this.label",
255
+ "detailFVLItem": true,
256
+ "isFormWidth" : false,
257
+ "isContainerWidth" : false
255
258
  }
256
259
  }
@@ -273,6 +273,9 @@
273
273
  }
274
274
  ],
275
275
  "defaultConfig": {
276
- "label": "@L $this.label"
276
+ "label": "@L $this.label",
277
+ "detailFVLItem": true,
278
+ "isFormWidth" : false,
279
+ "isContainerWidth" : false
277
280
  }
278
281
  }
@@ -6,6 +6,7 @@ import PegaDxilMyDetails from './index';
6
6
  import { pyReviewRaw, pyReviewResolved, regionChildrenResolved, operatorDetails, configProps } from './mock';
7
7
  import StatusWorkRenderer from './StatusWork';
8
8
  import Operator from './Operator';
9
+ import type C11nEnv from '@pega/pcore-pconnect-typedefs/interpreter/c11n-env';
9
10
 
10
11
  const meta: Meta<typeof PegaDxilMyDetails> = {
11
12
  title: 'PegaDxilMyDetails',
@@ -74,7 +75,7 @@ const renderField = (resolvedProps: any) => {
74
75
  value={value}
75
76
  variant='datetime'
76
77
  format='long'
77
- clockFormat={null}
78
+ clockFormat={undefined}
78
79
  key={key}
79
80
  />
80
81
  );
@@ -141,7 +142,7 @@ export const BasePegaDxilMyDetails: Story = (args: any) => {
141
142
  getInheritedProps: () => {
142
143
  return pyReviewRaw.config.inheritedProps;
143
144
  },
144
- createComponent: config => {
145
+ createComponent: (config: { config: { value: any; }; }) => {
145
146
  // eslint-disable-next-line default-case
146
147
  switch (config.config.value) {
147
148
  case '@P .pyStatusWork':
@@ -184,7 +185,7 @@ export const BasePegaDxilMyDetails: Story = (args: any) => {
184
185
  getRawMetadata: () => pyReviewRaw.children[0].children[index],
185
186
  getConfigProps: () => {},
186
187
  resolveConfigProps: () => regionChildrenResolved[index],
187
- getComponent: config =>
188
+ getComponent: (config: any) =>
188
189
  props.getPConnect().createComponent(pyReviewRaw.children[0].children[index])
189
190
  })
190
191
  };
@@ -106,6 +106,9 @@
106
106
  }
107
107
  ],
108
108
  "defaultConfig": {
109
- "label": "@L $this.label"
109
+ "label": "@L $this.label",
110
+ "detailFVLItem": true,
111
+ "isFormWidth" : false,
112
+ "isContainerWidth" : false
110
113
  }
111
114
  }
@@ -59,6 +59,9 @@
59
59
  }
60
60
  ],
61
61
  "defaultConfig": {
62
- "label": "@L $this.label"
62
+ "label": "@L $this.label",
63
+ "detailFVLItem": true,
64
+ "isFormWidth" : false,
65
+ "isContainerWidth" : false
63
66
  }
64
67
  }
@@ -339,6 +339,9 @@
339
339
  }
340
340
  ],
341
341
  "defaultConfig": {
342
- "label": "@L $this.label"
342
+ "label": "@L $this.label",
343
+ "detailFVLItem": true,
344
+ "isFormWidth" : false,
345
+ "isContainerWidth" : false
343
346
  }
344
347
  }
@@ -106,6 +106,9 @@
106
106
  }
107
107
  ],
108
108
  "defaultConfig": {
109
- "label": "@L $this.label"
109
+ "label": "@L $this.label",
110
+ "detailFVLItem": true,
111
+ "isFormWidth" : true,
112
+ "isContainerWidth" : false
110
113
  }
111
114
  }
@@ -88,6 +88,9 @@
88
88
  }
89
89
  ],
90
90
  "defaultConfig": {
91
- "label": "@L $this.label"
91
+ "label": "@L $this.label",
92
+ "detailFVLItem": true,
93
+ "isFormWidth" : false,
94
+ "isContainerWidth" : false
92
95
  }
93
96
  }
@@ -118,6 +118,9 @@
118
118
  "fields": {
119
119
  "value": "@P .pyCallingCode"
120
120
  }
121
- }
121
+ },
122
+ "detailFVLItem": true,
123
+ "isFormWidth" : false,
124
+ "isContainerWidth" : false
122
125
  }
123
126
  }
@@ -109,6 +109,9 @@
109
109
  "label": "@L $this.label",
110
110
  "placeholder": "@L Select...",
111
111
  "listType": "associated",
112
- "datasource": "@ASSOCIATED .$this.name"
112
+ "datasource": "@ASSOCIATED .$this.name",
113
+ "detailFVLItem": true,
114
+ "isFormWidth" : false,
115
+ "isContainerWidth" : false
113
116
  }
114
117
  }
@@ -108,6 +108,9 @@
108
108
  "defaultConfig": {
109
109
  "label": "@L $this.label",
110
110
  "listType": "associated",
111
- "datasource": "@ASSOCIATED .$this.name"
111
+ "datasource": "@ASSOCIATED .$this.name",
112
+ "detailFVLItem": true,
113
+ "isFormWidth" : true,
114
+ "isContainerWidth" : false
112
115
  }
113
116
  }
@@ -110,6 +110,9 @@
110
110
  "placeholder": "@L Select...",
111
111
  "listType": "associated",
112
112
  "datasource": "@ASSOCIATED .$this.name",
113
- "deferDatasource": true
113
+ "deferDatasource": true,
114
+ "detailFVLItem": true,
115
+ "isFormWidth" : false,
116
+ "isContainerWidth" : false
114
117
  }
115
118
  }
@@ -51,5 +51,8 @@
51
51
  }
52
52
  ],
53
53
  "defaultConfig": {
54
+ "detailFVLItem": true,
55
+ "isFormWidth" : false,
56
+ "isContainerWidth" : false
54
57
  }
55
58
  }
@@ -106,6 +106,9 @@
106
106
  }
107
107
  ],
108
108
  "defaultConfig": {
109
- "label": "@L $this.label"
109
+ "label": "@L $this.label",
110
+ "detailFVLItem": true,
111
+ "isFormWidth" : false,
112
+ "isContainerWidth" : false
110
113
  }
111
114
  }
@@ -180,6 +180,9 @@
180
180
  }
181
181
  ],
182
182
  "defaultConfig": {
183
- "label": "@L $this.label"
183
+ "label": "@L $this.label",
184
+ "detailFVLItem": true,
185
+ "isFormWidth" : false,
186
+ "isContainerWidth" : false
184
187
  }
185
188
  }
@@ -232,6 +232,9 @@
232
232
  }
233
233
  ],
234
234
  "defaultConfig": {
235
- "label": "@L $this.label"
235
+ "label": "@L $this.label",
236
+ "detailFVLItem": true,
237
+ "isFormWidth" : false,
238
+ "isContainerWidth" : false
236
239
  }
237
240
  }
@@ -140,6 +140,9 @@
140
140
  "defaultConfig": {
141
141
  "caption": "@L $this.label",
142
142
  "trueLabel": "@L Yes",
143
- "falseLabel": "@L No"
144
- }
143
+ "falseLabel": "@L No",
144
+ "detailFVLItem": true,
145
+ "isFormWidth" : true,
146
+ "isContainerWidth" : false
147
+ }
145
148
  }
@@ -286,6 +286,9 @@
286
286
  }
287
287
  ],
288
288
  "defaultConfig": {
289
- "label": "@L $this.label"
289
+ "label": "@L $this.label",
290
+ "detailFVLItem": true,
291
+ "isFormWidth" : false,
292
+ "isContainerWidth" : false
290
293
  }
291
294
  }
@@ -194,6 +194,9 @@
194
194
  }
195
195
  ],
196
196
  "defaultConfig": {
197
- "label": "@L $this.label"
197
+ "label": "@L $this.label",
198
+ "detailFVLItem": true,
199
+ "isFormWidth" : false,
200
+ "isContainerWidth" : false
198
201
  }
199
202
  }
@@ -251,6 +251,9 @@
251
251
  }
252
252
  ],
253
253
  "defaultConfig": {
254
- "label": "@L $this.label"
254
+ "label": "@L $this.label",
255
+ "detailFVLItem": true,
256
+ "isFormWidth" : false,
257
+ "isContainerWidth" : false
255
258
  }
256
259
  }
@@ -273,6 +273,9 @@
273
273
  }
274
274
  ],
275
275
  "defaultConfig": {
276
- "label": "@L $this.label"
276
+ "label": "@L $this.label",
277
+ "detailFVLItem": true,
278
+ "isFormWidth" : false,
279
+ "isContainerWidth" : false
277
280
  }
278
281
  }
@@ -6,6 +6,7 @@ import PegaDxilMyDetails from './index';
6
6
  import { pyReviewRaw, pyReviewResolved, regionChildrenResolved, operatorDetails, configProps } from './mock';
7
7
  import StatusWorkRenderer from './StatusWork';
8
8
  import Operator from './Operator';
9
+ import type C11nEnv from '@pega/pcore-pconnect-typedefs/interpreter/c11n-env';
9
10
 
10
11
  const meta: Meta<typeof PegaDxilMyDetails> = {
11
12
  title: 'PegaDxilMyDetails',
@@ -74,7 +75,7 @@ const renderField = (resolvedProps: any) => {
74
75
  value={value}
75
76
  variant='datetime'
76
77
  format='long'
77
- clockFormat={null}
78
+ clockFormat={undefined}
78
79
  key={key}
79
80
  />
80
81
  );
@@ -141,7 +142,7 @@ export const BasePegaDxilMyDetails: Story = (args: any) => {
141
142
  getInheritedProps: () => {
142
143
  return pyReviewRaw.config.inheritedProps;
143
144
  },
144
- createComponent: config => {
145
+ createComponent: (config: { config: { value: any; }; }) => {
145
146
  // eslint-disable-next-line default-case
146
147
  switch (config.config.value) {
147
148
  case '@P .pyStatusWork':
@@ -184,7 +185,7 @@ export const BasePegaDxilMyDetails: Story = (args: any) => {
184
185
  getRawMetadata: () => pyReviewRaw.children[0].children[index],
185
186
  getConfigProps: () => {},
186
187
  resolveConfigProps: () => regionChildrenResolved[index],
187
- getComponent: config =>
188
+ getComponent: (config: any) =>
188
189
  props.getPConnect().createComponent(pyReviewRaw.children[0].children[index])
189
190
  })
190
191
  };
@@ -106,6 +106,9 @@
106
106
  }
107
107
  ],
108
108
  "defaultConfig": {
109
- "label": "@L $this.label"
109
+ "label": "@L $this.label",
110
+ "detailFVLItem": true,
111
+ "isFormWidth" : false,
112
+ "isContainerWidth" : false
110
113
  }
111
114
  }
@@ -27,6 +27,9 @@
27
27
  }
28
28
  ],
29
29
  "defaultConfig": {
30
- "label": "@L $this.label"
30
+ "label": "@L $this.label",
31
+ "detailFVLItem": true,
32
+ "isFormWidth" : false,
33
+ "isContainerWidth" : false
31
34
  }
32
35
  }
@@ -339,6 +339,9 @@
339
339
  }
340
340
  ],
341
341
  "defaultConfig": {
342
- "label": "@L $this.label"
342
+ "label": "@L $this.label",
343
+ "detailFVLItem": true,
344
+ "isFormWidth" : false,
345
+ "isContainerWidth" : false
343
346
  }
344
347
  }
@@ -106,6 +106,9 @@
106
106
  }
107
107
  ],
108
108
  "defaultConfig": {
109
- "label": "@L $this.label"
109
+ "label": "@L $this.label",
110
+ "detailFVLItem": true,
111
+ "isFormWidth" : true,
112
+ "isContainerWidth" : false
110
113
  }
111
114
  }
@@ -88,6 +88,9 @@
88
88
  }
89
89
  ],
90
90
  "defaultConfig": {
91
- "label": "@L $this.label"
91
+ "label": "@L $this.label",
92
+ "detailFVLItem": true,
93
+ "isFormWidth" : false,
94
+ "isContainerWidth" : false
92
95
  }
93
96
  }
@@ -118,6 +118,9 @@
118
118
  "fields": {
119
119
  "value": "@P .pyCallingCode"
120
120
  }
121
- }
121
+ },
122
+ "detailFVLItem": true,
123
+ "isFormWidth" : false,
124
+ "isContainerWidth" : false
122
125
  }
123
126
  }
@@ -109,6 +109,9 @@
109
109
  "label": "@L $this.label",
110
110
  "placeholder": "@L Select...",
111
111
  "listType": "associated",
112
- "datasource": "@ASSOCIATED .$this.name"
112
+ "datasource": "@ASSOCIATED .$this.name",
113
+ "detailFVLItem": true,
114
+ "isFormWidth" : false,
115
+ "isContainerWidth" : false
113
116
  }
114
117
  }
@@ -108,6 +108,9 @@
108
108
  "defaultConfig": {
109
109
  "label": "@L $this.label",
110
110
  "listType": "associated",
111
- "datasource": "@ASSOCIATED .$this.name"
111
+ "datasource": "@ASSOCIATED .$this.name",
112
+ "detailFVLItem": true,
113
+ "isFormWidth" : true,
114
+ "isContainerWidth" : false
112
115
  }
113
116
  }
@@ -110,6 +110,9 @@
110
110
  "placeholder": "@L Select...",
111
111
  "listType": "associated",
112
112
  "datasource": "@ASSOCIATED .$this.name",
113
- "deferDatasource": true
113
+ "deferDatasource": true,
114
+ "detailFVLItem": true,
115
+ "isFormWidth" : false,
116
+ "isContainerWidth" : false
114
117
  }
115
118
  }
@@ -51,5 +51,8 @@
51
51
  }
52
52
  ],
53
53
  "defaultConfig": {
54
+ "detailFVLItem": true,
55
+ "isFormWidth" : false,
56
+ "isContainerWidth" : false
54
57
  }
55
58
  }
@@ -106,6 +106,9 @@
106
106
  }
107
107
  ],
108
108
  "defaultConfig": {
109
- "label": "@L $this.label"
109
+ "label": "@L $this.label",
110
+ "detailFVLItem": true,
111
+ "isFormWidth" : false,
112
+ "isContainerWidth" : false
110
113
  }
111
114
  }
@@ -180,6 +180,9 @@
180
180
  }
181
181
  ],
182
182
  "defaultConfig": {
183
- "label": "@L $this.label"
183
+ "label": "@L $this.label",
184
+ "detailFVLItem": true,
185
+ "isFormWidth" : false,
186
+ "isContainerWidth" : false
184
187
  }
185
188
  }
@@ -232,6 +232,9 @@
232
232
  }
233
233
  ],
234
234
  "defaultConfig": {
235
- "label": "@L $this.label"
235
+ "label": "@L $this.label",
236
+ "detailFVLItem": true,
237
+ "isFormWidth" : false,
238
+ "isContainerWidth" : false
236
239
  }
237
240
  }