@pega/custom-dx-components 0.23.16 → 0.23.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +5 -5
- package/src/tasks/create/templates/Constellation/Field/Boolean/index.jsx.mustache +2 -14
- package/src/tasks/create/templates/Constellation/Field/Date/config.json.mustache +0 -5
- package/src/tasks/create/templates/Constellation/Field/Date/index.jsx.mustache +3 -18
- package/src/tasks/create/templates/Constellation/Field/DateTime/index.jsx.mustache +3 -18
- package/src/tasks/create/templates/Constellation/Field/Decimal/index.jsx.mustache +5 -20
- package/src/tasks/create/templates/Constellation/Field/Decimal-Currency/index.jsx.mustache +5 -19
- package/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/index.jsx.mustache +7 -22
- package/src/tasks/create/templates/Constellation/Field/Integer/index.jsx.mustache +5 -21
- package/src/tasks/create/templates/Constellation/Field/Picklist/index.jsx.mustache +3 -24
- package/src/tasks/create/templates/Constellation/Field/Text-Email/index.jsx.mustache +3 -18
- package/src/tasks/create/templates/Constellation/Field/Text-Input/index.jsx.mustache +3 -15
- package/src/tasks/create/templates/Constellation/Field/Text-Paragraph/index.jsx.mustache +3 -16
- package/src/tasks/create/templates/Constellation/Field/Text-Phone/index.jsx.mustache +3 -18
- package/src/tasks/create/templates/Constellation/Field/Text-URL/index.jsx.mustache +3 -18
- package/src/tasks/create/templates/Constellation/Field/TimeofDay/index.jsx.mustache +3 -18
- package/src/tasks/create/templates/Constellation/Template/DETAILS/demo.stories.jsx.mustache +3 -0
- package/src/tasks/create/templates/Constellation/Template/DETAILS/index.jsx.mustache +2 -2
- package/src/tasks/create/templates/Constellation/Template/DETAILS-region/demo.stories.jsx.mustache +3 -0
- package/src/tasks/create/templates/Constellation/Template/DETAILS-region/index.jsx.mustache +2 -2
- package/src/tasks/create/templates/Constellation/Template/FORM/demo.stories.jsx.mustache +5 -2
- package/src/tasks/create/templates/Constellation/Template/FORM/index.jsx.mustache +2 -2
- package/src/tasks/create/templates/Constellation/Template/FORM-region/demo.stories.jsx.mustache +5 -2
- package/src/tasks/create/templates/Constellation/Template/FORM-region/index.jsx.mustache +2 -2
- package/src/tasks/create/templates/Constellation/Widget/CASE/index.jsx.mustache +2 -2
- package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/Operator.jsx.mustache +2 -2
- package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/index.jsx.mustache +2 -2
- package/src/tasks/create/templates/Launchpad/Widget/CASE/index.jsx.mustache +2 -2
- package/src/tasks/create/templates/Launchpad/Widget/PAGE-CASE/Operator.jsx.mustache +2 -2
- package/src/tasks/create/templates/Launchpad/Widget/PAGE-CASE/index.jsx.mustache +2 -2
- package/src/tasks/init/template/package.json.mustache +1 -1
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyBoolean/index.jsx +2 -14
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyCurrency/index.jsx +3 -17
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDate/config.json +0 -5
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDate/index.jsx +3 -18
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDateTime/index.jsx +3 -18
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDecimal/index.jsx +3 -18
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDetails/demo.stories.jsx +3 -0
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyEmail/index.jsx +3 -18
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyForm/demo.stories.jsx +3 -0
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyInteger/index.jsx +3 -19
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyParagraph/index.jsx +3 -16
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPercentage/index.jsx +3 -18
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPhone/index.jsx +3 -18
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPicklist/index.jsx +3 -24
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTextInput/index.jsx +3 -15
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTimeOfDay/index.jsx +3 -18
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/demo.stories.jsx +3 -0
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnForm/demo.stories.jsx +3 -0
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyURL/index.jsx +3 -18
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyBoolean/index.jsx +2 -14
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyCurrency/index.jsx +3 -17
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/config.json +0 -5
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/index.jsx +3 -18
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDateTime/index.jsx +3 -18
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDecimal/index.jsx +3 -18
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDetails/demo.stories.jsx +3 -0
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyEmail/index.jsx +3 -18
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyForm/demo.stories.jsx +3 -0
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyInteger/index.jsx +3 -19
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageCaseWidget/index.jsx +1 -1
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyParagraph/index.jsx +3 -16
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPercentage/index.jsx +3 -18
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPhone/index.jsx +3 -18
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPicklist/index.jsx +3 -24
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTextInput/index.jsx +3 -15
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/index.jsx +3 -18
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnDetails/demo.stories.jsx +3 -0
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnForm/demo.stories.jsx +3 -0
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyURL/index.jsx +3 -18
- package/tests/functional/localCreateBuildAllDeleteAll.test.js +13 -4
- package/tests/functional/localCreatePublishAllDeleteAll.test.js +13 -4
|
@@ -71,8 +71,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
|
|
|
71
71
|
additionalProps,
|
|
72
72
|
variant,
|
|
73
73
|
isTableFormatter,
|
|
74
|
-
hasSuggestions
|
|
75
|
-
enableAdditionalInformation
|
|
74
|
+
hasSuggestions
|
|
76
75
|
} = props;
|
|
77
76
|
const { formatter } = props;
|
|
78
77
|
const pConn = getPConnect();
|
|
@@ -80,8 +79,6 @@ const {{COMPONENT_CLASS_NAME}} = props => {
|
|
|
80
79
|
const propName = pConn.getStateProps().value;
|
|
81
80
|
const maxLength = fieldMetadata?.maxLength;
|
|
82
81
|
const hasValueChange = useRef(false);
|
|
83
|
-
const fieldDescription = fieldMetadata?.description;
|
|
84
|
-
|
|
85
82
|
|
|
86
83
|
// BUG-547602: Temporary type coercion for 8.5 until DXAPIs are enhanced to pass original pxViewMetadata JSON, respecting boolean primitives
|
|
87
84
|
let { readOnly, required, disabled } = props;
|
|
@@ -185,14 +182,6 @@ const {{COMPONENT_CLASS_NAME}} = props => {
|
|
|
185
182
|
}
|
|
186
183
|
}}
|
|
187
184
|
onResolveSuggestion={onResolveSuggestionHandler}
|
|
188
|
-
{...(enableAdditionalInformation && fieldDescription
|
|
189
|
-
? {
|
|
190
|
-
additionalInfo: {
|
|
191
|
-
heading: label,
|
|
192
|
-
content: fieldDescription
|
|
193
|
-
}
|
|
194
|
-
}
|
|
195
|
-
: {})}
|
|
196
185
|
/>
|
|
197
186
|
</Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
198
187
|
);
|
|
@@ -214,8 +203,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
|
|
|
214
203
|
variant: 'inline',
|
|
215
204
|
formatter: '',
|
|
216
205
|
isTableFormatter: false,
|
|
217
|
-
hasSuggestions: false
|
|
218
|
-
enableAdditionalInformation: false
|
|
206
|
+
hasSuggestions: false
|
|
219
207
|
};
|
|
220
208
|
|
|
221
209
|
{{COMPONENT_CLASS_NAME}}.propTypes = {
|
|
@@ -236,8 +224,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
|
|
|
236
224
|
variant: PropTypes.string,
|
|
237
225
|
formatter: PropTypes.string,
|
|
238
226
|
isTableFormatter: PropTypes.bool,
|
|
239
|
-
hasSuggestions: PropTypes.bool
|
|
240
|
-
enableAdditionalInformation: PropTypes.bool
|
|
227
|
+
hasSuggestions: PropTypes.bool
|
|
241
228
|
};
|
|
242
229
|
|
|
243
230
|
export default {{COMPONENT_CLASS_NAME}};
|
|
@@ -79,15 +79,12 @@ const {{COMPONENT_CLASS_NAME}} = props => {
|
|
|
79
79
|
additionalProps,
|
|
80
80
|
variant,
|
|
81
81
|
isTableFormatter,
|
|
82
|
-
hasSuggestions
|
|
83
|
-
fieldMetadata,
|
|
84
|
-
enableAdditionalInformation
|
|
82
|
+
hasSuggestions
|
|
85
83
|
} = props;
|
|
86
84
|
const { formatter } = props;
|
|
87
85
|
const pConn = getPConnect();
|
|
88
86
|
const actions = pConn.getActionsApi();
|
|
89
87
|
const propName = pConn.getStateProps().value;
|
|
90
|
-
const fieldDescription = fieldMetadata?.description;
|
|
91
88
|
const hasValueChange = useRef(false);
|
|
92
89
|
|
|
93
90
|
let callingCodesList = [];
|
|
@@ -219,14 +216,6 @@ const {{COMPONENT_CLASS_NAME}} = props => {
|
|
|
219
216
|
}
|
|
220
217
|
}}
|
|
221
218
|
onResolveSuggestion={onResolveSuggestionHandler}
|
|
222
|
-
{...(enableAdditionalInformation && fieldDescription
|
|
223
|
-
? {
|
|
224
|
-
additionalInfo: {
|
|
225
|
-
heading: label,
|
|
226
|
-
content: fieldDescription
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
: {})}
|
|
230
219
|
/>
|
|
231
220
|
</Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
232
221
|
);
|
|
@@ -249,9 +238,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
|
|
|
249
238
|
variant: 'inline',
|
|
250
239
|
formatter: '',
|
|
251
240
|
isTableFormatter: false,
|
|
252
|
-
hasSuggestions: false
|
|
253
|
-
fieldMetadata: {},
|
|
254
|
-
enableAdditionalInformation: false
|
|
241
|
+
hasSuggestions: false
|
|
255
242
|
};
|
|
256
243
|
|
|
257
244
|
{{COMPONENT_CLASS_NAME}}.propTypes = {
|
|
@@ -273,9 +260,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
|
|
|
273
260
|
variant: PropTypes.string,
|
|
274
261
|
formatter: PropTypes.string,
|
|
275
262
|
isTableFormatter: PropTypes.bool,
|
|
276
|
-
hasSuggestions: PropTypes.bool
|
|
277
|
-
fieldMetadata: PropTypes.objectOf(PropTypes.any),
|
|
278
|
-
enableAdditionalInformation: PropTypes.bool
|
|
263
|
+
hasSuggestions: PropTypes.bool
|
|
279
264
|
};
|
|
280
265
|
|
|
281
266
|
export default {{COMPONENT_CLASS_NAME}};
|
|
@@ -38,15 +38,12 @@ const {{COMPONENT_CLASS_NAME}} = props => {
|
|
|
38
38
|
propUrlLabel,
|
|
39
39
|
urlLabelSelection,
|
|
40
40
|
tableDisplayAs,
|
|
41
|
-
hasSuggestions
|
|
42
|
-
fieldMetadata,
|
|
43
|
-
enableAdditionalInformation
|
|
41
|
+
hasSuggestions
|
|
44
42
|
} = props;
|
|
45
43
|
const { formatter } = props;
|
|
46
44
|
const pConn = getPConnect();
|
|
47
45
|
const actions = pConn.getActionsApi();
|
|
48
46
|
const propName = pConn.getStateProps().value;
|
|
49
|
-
const fieldDescription = fieldMetadata?.description;
|
|
50
47
|
const hasValueChange = useRef(false);
|
|
51
48
|
|
|
52
49
|
|
|
@@ -169,14 +166,6 @@ const {{COMPONENT_CLASS_NAME}} = props => {
|
|
|
169
166
|
}}
|
|
170
167
|
onFocus={actions.onFocus}
|
|
171
168
|
onResolveSuggestion={onResolveSuggestionHandler}
|
|
172
|
-
{...(enableAdditionalInformation && fieldDescription
|
|
173
|
-
? {
|
|
174
|
-
additionalInfo: {
|
|
175
|
-
heading: label,
|
|
176
|
-
content: fieldDescription
|
|
177
|
-
}
|
|
178
|
-
}
|
|
179
|
-
: {})}
|
|
180
169
|
/>
|
|
181
170
|
</Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
182
171
|
);
|
|
@@ -207,9 +196,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
|
|
|
207
196
|
propUrlLabel: '',
|
|
208
197
|
urlLabelSelection: 'constant',
|
|
209
198
|
tableDisplayAs: 'link',
|
|
210
|
-
hasSuggestions: false
|
|
211
|
-
fieldMetadata: {},
|
|
212
|
-
enableAdditionalInformation: false
|
|
199
|
+
hasSuggestions: false
|
|
213
200
|
};
|
|
214
201
|
|
|
215
202
|
{{COMPONENT_CLASS_NAME}}.propTypes = {
|
|
@@ -239,9 +226,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
|
|
|
239
226
|
propUrlLabel: PropTypes.string,
|
|
240
227
|
urlLabelSelection: PropTypes.string,
|
|
241
228
|
tableDisplayAs: PropTypes.string,
|
|
242
|
-
hasSuggestions: PropTypes.bool
|
|
243
|
-
fieldMetadata: PropTypes.objectOf(PropTypes.any),
|
|
244
|
-
enableAdditionalInformation: PropTypes.bool
|
|
229
|
+
hasSuggestions: PropTypes.bool
|
|
245
230
|
};
|
|
246
231
|
|
|
247
232
|
export default {{COMPONENT_CLASS_NAME}};
|
|
@@ -31,15 +31,12 @@ const {{COMPONENT_CLASS_NAME}} = props => {
|
|
|
31
31
|
additionalProps,
|
|
32
32
|
displayMode,
|
|
33
33
|
variant,
|
|
34
|
-
hasSuggestions
|
|
35
|
-
fieldMetadata,
|
|
36
|
-
enableAdditionalInformation
|
|
34
|
+
hasSuggestions
|
|
37
35
|
} = props;
|
|
38
36
|
let { formatter } = props;
|
|
39
37
|
const pConn = getPConnect();
|
|
40
38
|
const actions = pConn.getActionsApi();
|
|
41
39
|
const propName = pConn.getStateProps().value;
|
|
42
|
-
const fieldDescription = fieldMetadata?.description;
|
|
43
40
|
|
|
44
41
|
// BUG-547602: Temporary type coercion for 8.5 until DXAPIs are enhanced to pass original pxViewMetadata JSON, respecting boolean primitives
|
|
45
42
|
let { readOnly, required, disabled } = props;
|
|
@@ -169,14 +166,6 @@ const {{COMPONENT_CLASS_NAME}} = props => {
|
|
|
169
166
|
onChange={handleChange}
|
|
170
167
|
onBlur={handleBlur}
|
|
171
168
|
onResolveSuggestion={onResolveSuggestionHandler}
|
|
172
|
-
{...(enableAdditionalInformation && fieldDescription
|
|
173
|
-
? {
|
|
174
|
-
additionalInfo: {
|
|
175
|
-
heading: label,
|
|
176
|
-
content: fieldDescription
|
|
177
|
-
}
|
|
178
|
-
}
|
|
179
|
-
: {})}
|
|
180
169
|
/>
|
|
181
170
|
</Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
182
171
|
);
|
|
@@ -198,9 +187,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
|
|
|
198
187
|
displayMode: null,
|
|
199
188
|
variant: "inline",
|
|
200
189
|
formatter:"defaultTime",
|
|
201
|
-
hasSuggestions: false
|
|
202
|
-
fieldMetadata: {},
|
|
203
|
-
enableAdditionalInformation: false
|
|
190
|
+
hasSuggestions: false
|
|
204
191
|
};
|
|
205
192
|
|
|
206
193
|
{{COMPONENT_CLASS_NAME}}.propTypes = {
|
|
@@ -221,9 +208,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
|
|
|
221
208
|
displayMode: PropTypes.string,
|
|
222
209
|
variant: PropTypes.string,
|
|
223
210
|
formatter : PropTypes.string,
|
|
224
|
-
hasSuggestions: PropTypes.bool
|
|
225
|
-
fieldMetadata: PropTypes.objectOf(PropTypes.any),
|
|
226
|
-
enableAdditionalInformation: PropTypes.bool
|
|
211
|
+
hasSuggestions: PropTypes.bool
|
|
227
212
|
};
|
|
228
213
|
|
|
229
214
|
export default {{COMPONENT_CLASS_NAME}};
|
|
@@ -46,7 +46,7 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
|
|
|
46
46
|
|
|
47
47
|
return (
|
|
48
48
|
<Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
49
|
-
{{! pick new
|
|
49
|
+
{{! pick new delimiters for mustache }}
|
|
50
50
|
{{=<% %>=}}
|
|
51
51
|
<FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>
|
|
52
52
|
{showHighlightedData && highlightedDataArr.length > 0 && (
|
|
@@ -65,7 +65,7 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
|
|
|
65
65
|
))}
|
|
66
66
|
</Grid>
|
|
67
67
|
</FieldGroup>
|
|
68
|
-
<%={{ }}=%> {{! revert
|
|
68
|
+
<%={{ }}=%> {{! revert delimiters for mustache }}
|
|
69
69
|
</Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
70
70
|
);
|
|
71
71
|
|
|
@@ -46,7 +46,7 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
|
|
|
46
46
|
|
|
47
47
|
return (
|
|
48
48
|
<Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
49
|
-
{{! pick new
|
|
49
|
+
{{! pick new delimiters for mustache }}
|
|
50
50
|
{{=<% %>=}}
|
|
51
51
|
<FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>
|
|
52
52
|
{showHighlightedData && highlightedDataArr.length > 0 && (
|
|
@@ -65,7 +65,7 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
|
|
|
65
65
|
))}
|
|
66
66
|
</Grid>
|
|
67
67
|
</FieldGroup>
|
|
68
|
-
<%={{ }}=%> {{! revert
|
|
68
|
+
<%={{ }}=%> {{! revert delimiters for mustache }}
|
|
69
69
|
</Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
70
70
|
);
|
|
71
71
|
|
|
@@ -37,7 +37,7 @@ const renderField = resolvedProps => {
|
|
|
37
37
|
''
|
|
38
38
|
);
|
|
39
39
|
|
|
40
|
-
{{! pick new
|
|
40
|
+
{{! pick new delimiters for mustache }}
|
|
41
41
|
{{=<% %>=}}
|
|
42
42
|
|
|
43
43
|
if (label === 'Service Date')
|
|
@@ -91,7 +91,7 @@ const renderField = resolvedProps => {
|
|
|
91
91
|
></CosmosPhone>
|
|
92
92
|
);
|
|
93
93
|
|
|
94
|
-
<%={{ }}=%> {{! revert
|
|
94
|
+
<%={{ }}=%> {{! revert delimiters for mustache }}
|
|
95
95
|
|
|
96
96
|
if (variant === 'inline') {
|
|
97
97
|
val = value || (
|
|
@@ -136,6 +136,9 @@ export const base{{COMPONENT_CLASS_NAME}} = () => {
|
|
|
136
136
|
getChildren: () => {
|
|
137
137
|
return pyReviewRaw.children;
|
|
138
138
|
},
|
|
139
|
+
getInheritedProps: () => {
|
|
140
|
+
return pyReviewRaw.config.inheritedProps;
|
|
141
|
+
},
|
|
139
142
|
createComponent: config => {
|
|
140
143
|
// eslint-disable-next-line default-case
|
|
141
144
|
switch (config.config.value) {
|
|
@@ -22,7 +22,7 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
|
|
|
22
22
|
|
|
23
23
|
return (
|
|
24
24
|
<Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
25
|
-
{{! pick new
|
|
25
|
+
{{! pick new delimiters for mustache }}
|
|
26
26
|
{{=<% %>=}}
|
|
27
27
|
<FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>
|
|
28
28
|
<Grid container={{
|
|
@@ -33,7 +33,7 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
|
|
|
33
33
|
{children}
|
|
34
34
|
</Grid>
|
|
35
35
|
</FieldGroup>
|
|
36
|
-
<%={{ }}=%> {{! revert
|
|
36
|
+
<%={{ }}=%> {{! revert delimiters for mustache }}
|
|
37
37
|
</Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
38
38
|
);
|
|
39
39
|
|
package/src/tasks/create/templates/Constellation/Template/FORM-region/demo.stories.jsx.mustache
CHANGED
|
@@ -38,7 +38,7 @@ const renderField = resolvedProps => {
|
|
|
38
38
|
''
|
|
39
39
|
);
|
|
40
40
|
|
|
41
|
-
{{! pick new
|
|
41
|
+
{{! pick new delimiters for mustache }}
|
|
42
42
|
{{=<% %>=}}
|
|
43
43
|
|
|
44
44
|
if (label === 'Service Date')
|
|
@@ -93,7 +93,7 @@ const renderField = resolvedProps => {
|
|
|
93
93
|
></CosmosPhone>
|
|
94
94
|
);
|
|
95
95
|
|
|
96
|
-
<%={{ }}=%> {{! revert
|
|
96
|
+
<%={{ }}=%> {{! revert delimiters for mustache }}
|
|
97
97
|
|
|
98
98
|
if (variant === 'inline') {
|
|
99
99
|
val = value || (
|
|
@@ -141,6 +141,9 @@ export const base{{COMPONENT_CLASS_NAME}} = () => {
|
|
|
141
141
|
getChildren: () => {
|
|
142
142
|
return pyReviewRaw.children;
|
|
143
143
|
},
|
|
144
|
+
getInheritedProps: () => {
|
|
145
|
+
return pyReviewRaw.config.inheritedProps;
|
|
146
|
+
},
|
|
144
147
|
createComponent: config => {
|
|
145
148
|
// eslint-disable-next-line default-case
|
|
146
149
|
switch (config.config.value) {
|
|
@@ -25,7 +25,7 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
|
|
|
25
25
|
|
|
26
26
|
return (
|
|
27
27
|
<Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
28
|
-
{{! pick new
|
|
28
|
+
{{! pick new delimiters for mustache }}
|
|
29
29
|
{{=<% %>=}}
|
|
30
30
|
<FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>
|
|
31
31
|
<Grid container={gridContainer}>
|
|
@@ -36,7 +36,7 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
|
|
|
36
36
|
))}
|
|
37
37
|
</Grid>
|
|
38
38
|
</FieldGroup>
|
|
39
|
-
<%={{ }}=%> {{! revert
|
|
39
|
+
<%={{ }}=%> {{! revert delimiters for mustache }}
|
|
40
40
|
</Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
41
41
|
);
|
|
42
42
|
|
|
@@ -33,7 +33,7 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
|
|
|
33
33
|
if (response.data.data !== null) {
|
|
34
34
|
setHistory(
|
|
35
35
|
response.data.data.map((entry, index) => {
|
|
36
|
-
{{! pick new
|
|
36
|
+
{{! pick new delimiters for mustache }}
|
|
37
37
|
{{=<% %>=}}
|
|
38
38
|
return {
|
|
39
39
|
date: new Date(entry.pxTimeCreated).toLocaleString(),
|
|
@@ -41,7 +41,7 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
|
|
|
41
41
|
user: entry.pyPerformer,
|
|
42
42
|
id: index
|
|
43
43
|
};
|
|
44
|
-
<%={{ }}=%> {{! revert
|
|
44
|
+
<%={{ }}=%> {{! revert delimiters for mustache }}
|
|
45
45
|
})
|
|
46
46
|
);
|
|
47
47
|
} else {
|
|
@@ -31,7 +31,7 @@ const Operator = (props) => {
|
|
|
31
31
|
}, [id]);
|
|
32
32
|
|
|
33
33
|
|
|
34
|
-
{{! pick new
|
|
34
|
+
{{! pick new delimiters for mustache }}
|
|
35
35
|
{{=<% %>=}}
|
|
36
36
|
|
|
37
37
|
const OperatorPreview = () => {
|
|
@@ -145,7 +145,7 @@ const Operator = (props) => {
|
|
|
145
145
|
}
|
|
146
146
|
};
|
|
147
147
|
|
|
148
|
-
<%={{ }}=%> {{! revert
|
|
148
|
+
<%={{ }}=%> {{! revert delimiters for mustache }}
|
|
149
149
|
|
|
150
150
|
const clickAction = (e) => {
|
|
151
151
|
setPopoverTarget(e.currentTarget);
|
|
@@ -46,11 +46,11 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
|
|
|
46
46
|
<Card>
|
|
47
47
|
<CardHeader>{title}</CardHeader>
|
|
48
48
|
<CardContent>
|
|
49
|
-
{{! pick new
|
|
49
|
+
{{! pick new delimiters for mustache }} {{=<% %>=}}
|
|
50
50
|
<Flex container={{ direction: 'row'}}>
|
|
51
51
|
<Operator label={hideLabel ? null : _label} name={user.userName} id={user.userId} getPConnect={getPConnect} />
|
|
52
52
|
|
|
53
|
-
<%={{ }}=%> {{! revert
|
|
53
|
+
<%={{ }}=%> {{! revert delimiters for mustache }}
|
|
54
54
|
{dateTimeValue && (
|
|
55
55
|
<Fragment>
|
|
56
56
|
{' '}
|
|
@@ -33,7 +33,7 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
|
|
|
33
33
|
if (response.data.data !== null) {
|
|
34
34
|
setHistory(
|
|
35
35
|
response.data.data.map((entry, index) => {
|
|
36
|
-
{{! pick new
|
|
36
|
+
{{! pick new delimiters for mustache }}
|
|
37
37
|
{{=<% %>=}}
|
|
38
38
|
return {
|
|
39
39
|
date: new Date(entry.CreateDateTime).toLocaleString(),
|
|
@@ -41,7 +41,7 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
|
|
|
41
41
|
user: entry.PerformerID,
|
|
42
42
|
id: index
|
|
43
43
|
};
|
|
44
|
-
<%={{ }}=%> {{! revert
|
|
44
|
+
<%={{ }}=%> {{! revert delimiters for mustache }}
|
|
45
45
|
})
|
|
46
46
|
);
|
|
47
47
|
} else {
|
|
@@ -31,7 +31,7 @@ const Operator = (props) => {
|
|
|
31
31
|
}, [id]);
|
|
32
32
|
|
|
33
33
|
|
|
34
|
-
{{! pick new
|
|
34
|
+
{{! pick new delimiters for mustache }}
|
|
35
35
|
{{=<% %>=}}
|
|
36
36
|
|
|
37
37
|
const OperatorPreview = () => {
|
|
@@ -187,7 +187,7 @@ const Operator = (props) => {
|
|
|
187
187
|
}
|
|
188
188
|
};
|
|
189
189
|
|
|
190
|
-
<%={{ }}=%> {{! revert
|
|
190
|
+
<%={{ }}=%> {{! revert delimiters for mustache }}
|
|
191
191
|
|
|
192
192
|
const clickAction = (e) => {
|
|
193
193
|
setPopoverTarget(e.currentTarget);
|
|
@@ -38,11 +38,11 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
|
|
|
38
38
|
<Card>
|
|
39
39
|
<CardHeader>{title}</CardHeader>
|
|
40
40
|
<CardContent>
|
|
41
|
-
{{! pick new
|
|
41
|
+
{{! pick new delimiters for mustache }} {{=<% %>=}}
|
|
42
42
|
<Flex container={{ direction: 'row'}}>
|
|
43
43
|
<Operator label={_label} name={user} id={user} getPConnect={getPConnect} />
|
|
44
44
|
|
|
45
|
-
<%={{ }}=%> {{! revert
|
|
45
|
+
<%={{ }}=%> {{! revert delimiters for mustache }}
|
|
46
46
|
{dateTimeValue && (
|
|
47
47
|
<Fragment>
|
|
48
48
|
{' '}
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
},
|
|
67
67
|
"devDependencies": {
|
|
68
68
|
"@pega/configs": "^0.5.3",
|
|
69
|
-
"@pega/custom-dx-components": "^0.23.
|
|
69
|
+
"@pega/custom-dx-components": "^0.23.18",
|
|
70
70
|
"@pega/eslint-config": "^0.3.2",
|
|
71
71
|
"@storybook/addon-actions": "^6.5.12",
|
|
72
72
|
"@storybook/addon-essentials": "^6.5.12",
|
|
@@ -29,21 +29,12 @@ const PegaDxilMyBoolean = props => {
|
|
|
29
29
|
displayMode,
|
|
30
30
|
variant,
|
|
31
31
|
trueLabel,
|
|
32
|
-
falseLabel
|
|
33
|
-
fieldMetadata
|
|
32
|
+
falseLabel
|
|
34
33
|
} = props;
|
|
35
34
|
const pConn = getPConnect();
|
|
36
35
|
const actions = pConn.getActionsApi();
|
|
37
36
|
const propName = pConn.getStateProps().value;
|
|
38
37
|
|
|
39
|
-
const fieldAdditionalInfo = fieldMetadata?.additionalInformation;
|
|
40
|
-
const additionalInfo = fieldAdditionalInfo
|
|
41
|
-
? {
|
|
42
|
-
heading: caption,
|
|
43
|
-
content: fieldAdditionalInfo
|
|
44
|
-
}
|
|
45
|
-
: undefined;
|
|
46
|
-
|
|
47
38
|
let { readOnly, required, disabled } = props;
|
|
48
39
|
[readOnly, required, disabled] = [readOnly, required, disabled].map(
|
|
49
40
|
(prop) => prop === true || (typeof prop === 'string' && prop === 'true')
|
|
@@ -71,7 +62,6 @@ const PegaDxilMyBoolean = props => {
|
|
|
71
62
|
pConn.getValidationApi().validate(event.target.checked);
|
|
72
63
|
}}
|
|
73
64
|
data-testid={testId}
|
|
74
|
-
additionalInfo={additionalInfo}
|
|
75
65
|
/>
|
|
76
66
|
);
|
|
77
67
|
|
|
@@ -155,7 +145,6 @@ PegaDxilMyBoolean.defaultProps = {
|
|
|
155
145
|
displayValue: 'Yes/No',
|
|
156
146
|
trueLabel: '',
|
|
157
147
|
falseLabel: '',
|
|
158
|
-
fieldMetadata: {}
|
|
159
148
|
};
|
|
160
149
|
|
|
161
150
|
PegaDxilMyBoolean.propTypes = {
|
|
@@ -175,8 +164,7 @@ PegaDxilMyBoolean.propTypes = {
|
|
|
175
164
|
variant: PropTypes.string,
|
|
176
165
|
displayValue: PropTypes.string,
|
|
177
166
|
trueLabel: PropTypes.string,
|
|
178
|
-
falseLabel: PropTypes.string
|
|
179
|
-
fieldMetadata: PropTypes.objectOf(PropTypes.any)
|
|
167
|
+
falseLabel: PropTypes.string
|
|
180
168
|
};
|
|
181
169
|
|
|
182
170
|
export default PegaDxilMyBoolean;
|
|
@@ -46,23 +46,13 @@ const PegaDxilMyCurrency = props => {
|
|
|
46
46
|
negative,
|
|
47
47
|
notation,
|
|
48
48
|
isTableFormatter,
|
|
49
|
-
hasSuggestions
|
|
50
|
-
fieldMetadata,
|
|
51
|
-
enableAdditionalInformation
|
|
49
|
+
hasSuggestions
|
|
52
50
|
} = props;
|
|
53
51
|
let { currencyDisplay } = props;
|
|
54
52
|
const pConn = getPConnect();
|
|
55
53
|
const actions = pConn.getActionsApi();
|
|
56
54
|
const propName = pConn.getStateProps().value;
|
|
57
55
|
const [currencyValue, setCurrencyValue] = useState(() => formatValue(value));
|
|
58
|
-
const fieldDescription = fieldMetadata?.description;
|
|
59
|
-
const additionalInfo =
|
|
60
|
-
enableAdditionalInformation && fieldDescription
|
|
61
|
-
? {
|
|
62
|
-
heading: label,
|
|
63
|
-
content: fieldDescription
|
|
64
|
-
}
|
|
65
|
-
: undefined;
|
|
66
56
|
|
|
67
57
|
let { readOnly, required, disabled } = props;
|
|
68
58
|
|
|
@@ -221,7 +211,6 @@ const PegaDxilMyCurrency = props => {
|
|
|
221
211
|
readOnly={readOnly}
|
|
222
212
|
required={required}
|
|
223
213
|
data-testid={testId}
|
|
224
|
-
additionalInfo={additionalInfo}
|
|
225
214
|
onChange={(enteredValue) => {
|
|
226
215
|
if (hasSuggestions) {
|
|
227
216
|
setStatus(undefined);
|
|
@@ -272,8 +261,7 @@ PegaDxilMyCurrency.defaultProps = {
|
|
|
272
261
|
isTableFormatter: false,
|
|
273
262
|
alwaysShowISOCode: false,
|
|
274
263
|
hasSuggestions: false,
|
|
275
|
-
fieldMetadata: {}
|
|
276
|
-
enableAdditionalInformation: false
|
|
264
|
+
fieldMetadata: {}
|
|
277
265
|
};
|
|
278
266
|
|
|
279
267
|
PegaDxilMyCurrency.propTypes = {
|
|
@@ -303,9 +291,7 @@ PegaDxilMyCurrency.propTypes = {
|
|
|
303
291
|
currencyDecimalPrecision: PropTypes.string,
|
|
304
292
|
isTableFormatter: PropTypes.bool,
|
|
305
293
|
alwaysShowISOCode: PropTypes.bool,
|
|
306
|
-
hasSuggestions: PropTypes.bool
|
|
307
|
-
fieldMetadata: PropTypes.objectOf(PropTypes.any),
|
|
308
|
-
enableAdditionalInformation: PropTypes.bool
|
|
294
|
+
hasSuggestions: PropTypes.bool
|
|
309
295
|
};
|
|
310
296
|
|
|
311
297
|
export default PegaDxilMyCurrency;
|
|
@@ -38,9 +38,7 @@ const PegaDxilMyDate = props => {
|
|
|
38
38
|
additionalProps,
|
|
39
39
|
displayMode,
|
|
40
40
|
variant,
|
|
41
|
-
hasSuggestions
|
|
42
|
-
fieldMetadata,
|
|
43
|
-
enableAdditionalInformation
|
|
41
|
+
hasSuggestions
|
|
44
42
|
} = props;
|
|
45
43
|
|
|
46
44
|
let {formatter} = props;
|
|
@@ -184,14 +182,6 @@ const PegaDxilMyDate = props => {
|
|
|
184
182
|
</StyledPegaDxilMyDateWrapper>
|
|
185
183
|
);
|
|
186
184
|
} else {
|
|
187
|
-
const fieldDescription = fieldMetadata?.description;
|
|
188
|
-
const additionalInfo =
|
|
189
|
-
enableAdditionalInformation && fieldDescription
|
|
190
|
-
? {
|
|
191
|
-
heading: label,
|
|
192
|
-
content: fieldDescription
|
|
193
|
-
}
|
|
194
|
-
: undefined;
|
|
195
185
|
|
|
196
186
|
dateComponent = (
|
|
197
187
|
<StyledPegaDxilMyDateWrapper>
|
|
@@ -200,7 +190,6 @@ const PegaDxilMyDate = props => {
|
|
|
200
190
|
label={label}
|
|
201
191
|
labelHidden={hideLabel}
|
|
202
192
|
info={validatemessage || helperText}
|
|
203
|
-
additionalInfo={additionalInfo}
|
|
204
193
|
status={status}
|
|
205
194
|
value={value || undefined}
|
|
206
195
|
disabled={disabled}
|
|
@@ -240,9 +229,7 @@ PegaDxilMyDate.defaultProps = {
|
|
|
240
229
|
displayMode: null,
|
|
241
230
|
variant: "inline",
|
|
242
231
|
formatter: "defaultDate",
|
|
243
|
-
hasSuggestions: false
|
|
244
|
-
fieldMetadata: {},
|
|
245
|
-
enableAdditionalInformation: false
|
|
232
|
+
hasSuggestions: false
|
|
246
233
|
};
|
|
247
234
|
|
|
248
235
|
PegaDxilMyDate.propTypes = {
|
|
@@ -264,9 +251,7 @@ PegaDxilMyDate.propTypes = {
|
|
|
264
251
|
displayMode: PropTypes.string,
|
|
265
252
|
variant: PropTypes.string,
|
|
266
253
|
formatter: PropTypes.string,
|
|
267
|
-
hasSuggestions: PropTypes.bool
|
|
268
|
-
fieldMetadata: PropTypes.objectOf(PropTypes.any),
|
|
269
|
-
enableAdditionalInformation: PropTypes.bool
|
|
254
|
+
hasSuggestions: PropTypes.bool
|
|
270
255
|
};
|
|
271
256
|
|
|
272
257
|
export default PegaDxilMyDate;
|