@pega/custom-dx-components 25.1.14 → 26.1.10-alpha-0.1
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/README.md +1 -1
- package/package.json +1 -1
- package/src/tasks/create/index.js +3 -11
- package/src/tasks/create/templates/Constellation/Field/Icon-Button-URL/demo.stories.tsx.mustache +7 -0
- package/src/tasks/create/templates/Constellation/Field/Icon-Button-URL/index.tsx.mustache +7 -7
- package/src/tasks/create/templates/Constellation/Field/Picklist/demo.stories.tsx.mustache +7 -0
- package/src/tasks/create/templates/Constellation/Field/Picklist/index.tsx.mustache +16 -12
- package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/demo.stories.tsx.mustache +7 -0
- package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/index.tsx.mustache +1 -1
- package/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/demo.stories.tsx.mustache +7 -0
- package/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/index.tsx.mustache +15 -5
- package/src/tasks/create/templates/Constellation/Template/PAGE/GetNextWork.tsx.mustache +1 -1
- package/src/tasks/create/templates/Constellation/Template/PAGE/demo.stories.tsx.mustache +7 -0
- package/src/tasks/create/templates/Constellation/Widget/CASE/demo.stories.tsx.mustache +7 -0
- package/src/tasks/create/templates/Constellation/Widget/CASE/index.tsx.mustache +5 -5
- package/src/tasks/create/templates/Constellation/Widget/PAGE/demo.stories.tsx.mustache +7 -0
- package/src/tasks/create/templates/Constellation/Widget/PAGE/index.tsx.mustache +6 -6
- package/src/tasks/create/templates/Launchpad/Field/Icon-Button-URL/demo.stories.tsx.mustache +7 -0
- package/src/tasks/create/templates/Launchpad/Field/Icon-Button-URL/index.tsx.mustache +6 -6
- package/src/tasks/create/templates/Launchpad/Widget/CASE/demo.stories.tsx.mustache +7 -0
- package/src/tasks/create/templates/Launchpad/Widget/CASE/index.tsx.mustache +5 -5
- package/src/tasks/create/templates/Launchpad/Widget/PAGE/demo.stories.tsx.mustache +7 -0
- package/src/tasks/create/templates/Launchpad/Widget/PAGE/index.tsx.mustache +6 -6
- package/src/tasks/create-all/index.js +2 -11
- package/src/tasks/init/template/README.md +1 -1
- package/src/tasks/init/template/package.json.mustache +15 -16
- package/src/tasks/list-pub/index.js +1 -1
- package/src/util.js +6 -2
- package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyCaseWidget/demo.stories.tsx +7 -0
- package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyCaseWidget/index.tsx +5 -5
- package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyIconButtonURL/demo.stories.tsx +7 -0
- package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyIconButtonURL/index.tsx +7 -7
- package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyPage/GetNextWork.tsx +1 -1
- package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyPage/demo.stories.tsx +7 -0
- package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyPageWidget/demo.stories.tsx +7 -0
- package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyPageWidget/index.tsx +6 -6
- package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyPicklist/demo.stories.tsx +7 -0
- package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyPicklist/index.tsx +16 -12
- package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyRadiobuttons/demo.stories.tsx +7 -0
- package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyRadiobuttons/index.tsx +15 -5
- package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MySearchbox/demo.stories.tsx +7 -0
- package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MySearchbox/index.tsx +1 -1
- package/tests/assets/original/components/create/shared/PConnProps.d.ts +46 -0
- package/tests/assets/original/components/create/shared/create-nonce.ts +5 -0
- package/tests/assets/original/components/create/shared/suggestions-handler.ts +9 -0
- package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyCaseWidget/demo.stories.tsx +7 -0
- package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyCaseWidget/index.tsx +5 -5
- package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyIconButtonURL/demo.stories.tsx +7 -0
- package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyIconButtonURL/index.tsx +7 -7
- package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPage/GetNextWork.tsx +1 -1
- package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPage/demo.stories.tsx +7 -0
- package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPageWidget/demo.stories.tsx +7 -0
- package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPageWidget/index.tsx +6 -6
- package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPicklist/demo.stories.tsx +7 -0
- package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPicklist/index.tsx +16 -12
- package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyRadiobuttons/demo.stories.tsx +7 -0
- package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyRadiobuttons/index.tsx +15 -5
- package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MySearchbox/demo.stories.tsx +7 -0
- package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MySearchbox/index.tsx +1 -1
- package/tests/assets/original/components/createAll/Constellation/shared/PConnProps.d.ts +46 -0
- package/tests/assets/original/components/createAll/Constellation/shared/create-nonce.ts +5 -0
- package/tests/assets/original/components/createAll/Constellation/shared/suggestions-handler.ts +9 -0
- package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyCaseWidget/demo.stories.tsx +7 -0
- package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyCaseWidget/index.tsx +5 -5
- package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyIconButtonURL/demo.stories.tsx +7 -0
- package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyIconButtonURL/index.tsx +6 -6
- package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPage/GetNextWork.tsx +1 -1
- package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPage/demo.stories.tsx +7 -0
- package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPageWidget/demo.stories.tsx +7 -0
- package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPageWidget/index.tsx +6 -6
- package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPicklist/demo.stories.tsx +7 -0
- package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPicklist/index.tsx +16 -12
- package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyRadiobuttons/demo.stories.tsx +7 -0
- package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyRadiobuttons/index.tsx +15 -5
- package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MySearchbox/demo.stories.tsx +7 -0
- package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MySearchbox/index.tsx +1 -1
- package/tests/assets/original/components/createAll/Launchpad/shared/PConnProps.d.ts +46 -0
- package/tests/assets/original/components/createAll/Launchpad/shared/create-nonce.ts +5 -0
- package/tests/assets/original/components/createAll/Launchpad/shared/suggestions-handler.ts +9 -0
package/README.md
CHANGED
|
@@ -33,7 +33,7 @@ For more info [here](https://pega-dev.zoominsoftware.io/bundle/constellation-dx-
|
|
|
33
33
|
|
|
34
34
|
Ensure you have access to the following in your system:
|
|
35
35
|
|
|
36
|
-
- Pega Infinity Server version
|
|
36
|
+
- Pega Infinity Server version 26.1 or later
|
|
37
37
|
|
|
38
38
|
- Git version 2.30 or later
|
|
39
39
|
|
package/package.json
CHANGED
|
@@ -13,7 +13,6 @@ import {
|
|
|
13
13
|
getComponentDirectoryPath,
|
|
14
14
|
getComponents,
|
|
15
15
|
getPegaServerConfig,
|
|
16
|
-
getServerType,
|
|
17
16
|
sanitize,
|
|
18
17
|
validateSemver,
|
|
19
18
|
showVersion,
|
|
@@ -38,6 +37,7 @@ const copyComponentTemplate = async options => {
|
|
|
38
37
|
});
|
|
39
38
|
};
|
|
40
39
|
|
|
40
|
+
|
|
41
41
|
const compileMustacheTemplates = async (
|
|
42
42
|
componentDirectory,
|
|
43
43
|
{
|
|
@@ -306,7 +306,6 @@ addDebugLog("create", "", "+");
|
|
|
306
306
|
);
|
|
307
307
|
} else {
|
|
308
308
|
const componentDefaults = getConfigDefaults();
|
|
309
|
-
const serverType = getServerType();
|
|
310
309
|
const maxChars = isLibraryBased ? getMaxComponentNameCount() : getStandaloneMaxComponentNameCount();
|
|
311
310
|
const questions = [
|
|
312
311
|
{
|
|
@@ -355,14 +354,7 @@ addDebugLog("create", "", "+");
|
|
|
355
354
|
},
|
|
356
355
|
{
|
|
357
356
|
name: 'componentName',
|
|
358
|
-
message:
|
|
359
|
-
if (serverType === "launchpad") {
|
|
360
|
-
return `Enter component name (required)`;
|
|
361
|
-
}
|
|
362
|
-
else {
|
|
363
|
-
return `Enter component name (required) (${maxChars} max chars)`;
|
|
364
|
-
}
|
|
365
|
-
},
|
|
357
|
+
message: `Enter component name (required) (${maxChars} max chars)`,
|
|
366
358
|
validate: value => {
|
|
367
359
|
/* value should not be empty
|
|
368
360
|
It should not have spaces
|
|
@@ -370,7 +362,7 @@ addDebugLog("create", "", "+");
|
|
|
370
362
|
Only case-insensitive alphanumeric values are allowed
|
|
371
363
|
*/
|
|
372
364
|
if (value && !/^\d/.test(value) && value === sanitize(value)) {
|
|
373
|
-
if (value.length > maxChars
|
|
365
|
+
if (value.length > maxChars) {
|
|
374
366
|
return `${value.length - maxChars} too many characters.`
|
|
375
367
|
}
|
|
376
368
|
return true;
|
package/src/tasks/create/templates/Constellation/Field/Icon-Button-URL/demo.stories.tsx.mustache
CHANGED
|
@@ -62,6 +62,13 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
|
|
|
62
62
|
getContextName: () => {
|
|
63
63
|
return 'app/primary_1';
|
|
64
64
|
},
|
|
65
|
+
getLocalizationService:() => {
|
|
66
|
+
return {
|
|
67
|
+
getLocalizedText: (value: any) => {
|
|
68
|
+
return value;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
},
|
|
65
72
|
getLocalizedValue: (value: any) => {
|
|
66
73
|
return value;
|
|
67
74
|
},
|
|
@@ -78,8 +78,8 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
78
78
|
|
|
79
79
|
// setting up columns for the work list table
|
|
80
80
|
const columns = [
|
|
81
|
-
{ renderer: 'stateName', label: PConnect.
|
|
82
|
-
{ renderer: 'stateCode', label: PConnect.
|
|
81
|
+
{ renderer: 'stateName', label: PConnect.getLocalizationService().getLocalizedText('State name') },
|
|
82
|
+
{ renderer: 'stateCode', label: PConnect.getLocalizationService().getLocalizedText('State code') }
|
|
83
83
|
];
|
|
84
84
|
|
|
85
85
|
// toggle showing table and getting table data
|
|
@@ -172,12 +172,12 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
172
172
|
/>
|
|
173
173
|
<Label style={{ margin: '0.1rem' }}>
|
|
174
174
|
{' '}
|
|
175
|
-
{PConnect.
|
|
176
|
-
{PConnect.
|
|
175
|
+
{PConnect.getLocalizationService().getLocalizedText('State list for')}{' '}
|
|
176
|
+
{PConnect.getLocalizationService().getLocalizedText(`${countryCode}`)}{' '}
|
|
177
177
|
</Label>
|
|
178
178
|
<Button
|
|
179
179
|
icon
|
|
180
|
-
label={PConnect.
|
|
180
|
+
label={PConnect.getLocalizationService().getLocalizedText('Click to show/hide state list')}
|
|
181
181
|
variant='link'
|
|
182
182
|
compact={false}
|
|
183
183
|
onClick={showHideTable}
|
|
@@ -202,11 +202,11 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
202
202
|
</div>
|
|
203
203
|
{showTable && (
|
|
204
204
|
<Table
|
|
205
|
-
title={PConnect.
|
|
205
|
+
title={PConnect.getLocalizationService().getLocalizedText('State list')}
|
|
206
206
|
columns={columns}
|
|
207
207
|
data={statelist}
|
|
208
208
|
loading={isLoading}
|
|
209
|
-
loadingMessage={PConnect.
|
|
209
|
+
loadingMessage={PConnect.getLocalizationService().getLocalizedText('Loading state list')}
|
|
210
210
|
/>
|
|
211
211
|
)}
|
|
212
212
|
<%={{ }}=%> {{! revert delimiters for mustache }}
|
|
@@ -31,6 +31,13 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
|
|
|
31
31
|
getStateProps: () => {
|
|
32
32
|
return stateProps;
|
|
33
33
|
},
|
|
34
|
+
getLocalizationService:() => {
|
|
35
|
+
return {
|
|
36
|
+
getLocalizedText: (value: any) => {
|
|
37
|
+
return value;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
},
|
|
34
41
|
getLocalizedValue: (val: any) => {
|
|
35
42
|
return val;
|
|
36
43
|
},
|
|
@@ -94,7 +94,7 @@ const pushPlaceholderOption = (placeholder: string, listSourceItems: Array<any>,
|
|
|
94
94
|
if (placeholder) {
|
|
95
95
|
items.push(
|
|
96
96
|
<Option key={placeholder} value=''>
|
|
97
|
-
{pConnect.
|
|
97
|
+
{pConnect.getLocalizationService().getLocalizedText(placeholder)}
|
|
98
98
|
</Option>
|
|
99
99
|
);
|
|
100
100
|
} else if (!listSourceItems) {
|
|
@@ -167,6 +167,8 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
167
167
|
const configProps = pConnect.getConfigProps();
|
|
168
168
|
const items: Array<any> = [];
|
|
169
169
|
const isDatapage = listType === 'datapage';
|
|
170
|
+
const isDatapageLocale = localeContext === 'datapage';
|
|
171
|
+
|
|
170
172
|
let listSourceItems = isDatapage ? configProps.listOutput : datasource;
|
|
171
173
|
|
|
172
174
|
if (isDatapage && typeof datasource === 'object' && !Array.isArray(listSourceItems)) {
|
|
@@ -202,17 +204,19 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
202
204
|
items.push(
|
|
203
205
|
// @ts-ignore
|
|
204
206
|
<Option key={item.key} value={item.key}>
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
207
|
+
{isDatapageLocale
|
|
208
|
+
? pConnect
|
|
209
|
+
.getLocalizationService()
|
|
210
|
+
.getLocalizedDataPage(
|
|
211
|
+
item.value ? item.value.toString() : '',
|
|
212
|
+
localeName,
|
|
213
|
+
localePath
|
|
214
|
+
)
|
|
215
|
+
: pConnect
|
|
216
|
+
.getLocalizationService(
|
|
217
|
+
pConnect.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)
|
|
218
|
+
)
|
|
219
|
+
.getLocalizedText(item.value ? item.value.toString() : '')}
|
|
216
220
|
</Option>
|
|
217
221
|
);
|
|
218
222
|
});
|
|
@@ -38,6 +38,13 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
|
|
|
38
38
|
getContextName: () => {
|
|
39
39
|
return 'app/primary_1';
|
|
40
40
|
},
|
|
41
|
+
getLocalizationService:() => {
|
|
42
|
+
return {
|
|
43
|
+
getLocalizedText: (value: any) => {
|
|
44
|
+
return value;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
},
|
|
41
48
|
getLocalizedValue: (val: any) => {
|
|
42
49
|
return val;
|
|
43
50
|
},
|
package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/index.tsx.mustache
CHANGED
|
@@ -1128,7 +1128,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
1128
1128
|
selected: item.items ? undefined : !!item.selected || item.id === selected?.id
|
|
1129
1129
|
})),
|
|
1130
1130
|
onItemClick: selectItem,
|
|
1131
|
-
emptyText: pConn.
|
|
1131
|
+
emptyText: pConn.getLocalizationService().getLocalizedText('No items'),
|
|
1132
1132
|
loading,
|
|
1133
1133
|
loadMore,
|
|
1134
1134
|
footer: createNewRecord ? (
|
|
@@ -34,6 +34,13 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
|
|
|
34
34
|
getPageReference: () => {
|
|
35
35
|
return 'caseInfo.content';
|
|
36
36
|
},
|
|
37
|
+
getLocalizationService:() => {
|
|
38
|
+
return {
|
|
39
|
+
getLocalizedText: (value: any) => {
|
|
40
|
+
return value;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
},
|
|
37
44
|
getLocalizedValue: (val: any) => {
|
|
38
45
|
return val;
|
|
39
46
|
},
|
package/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/index.tsx.mustache
CHANGED
|
@@ -106,6 +106,8 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
106
106
|
|
|
107
107
|
const items: Array<any> = [];
|
|
108
108
|
const isDatapage = listType === 'datapage';
|
|
109
|
+
const isDatapageLocale = localeContext === 'datapage';
|
|
110
|
+
|
|
109
111
|
const listSource = isDatapage ? configProps.listOutput : datasource;
|
|
110
112
|
let autoFocusProp = additionalProps?.autoFocus
|
|
111
113
|
? {
|
|
@@ -138,11 +140,19 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
138
140
|
id={`${fullReference}.${item.key}`}
|
|
139
141
|
value={item.key}
|
|
140
142
|
key={`${fullReference}.${item.key}`}
|
|
141
|
-
label={
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
143
|
+
label={isDatapageLocale
|
|
144
|
+
? pConn
|
|
145
|
+
.getLocalizationService()
|
|
146
|
+
.getLocalizedDataPage(
|
|
147
|
+
item.value ? item.value.toString() : '',
|
|
148
|
+
localeName,
|
|
149
|
+
localePath
|
|
150
|
+
)
|
|
151
|
+
: pConn
|
|
152
|
+
.getLocalizationService(
|
|
153
|
+
pConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)
|
|
154
|
+
)
|
|
155
|
+
.getLocalizedText(item.value ? item.value.toString() : '')}
|
|
146
156
|
name={fullReference}
|
|
147
157
|
/>
|
|
148
158
|
);
|
|
@@ -38,7 +38,7 @@ export default function GetNextWork(props: {{COMPONENT_CLASS_NAME}}WorkProps) {
|
|
|
38
38
|
|
|
39
39
|
return (
|
|
40
40
|
<Button variant={variant} onClick={getNextWork}>
|
|
41
|
-
{getPConnect().
|
|
41
|
+
{getPConnect().getLocalizationService().getLocalizedText('Get next work')}
|
|
42
42
|
</Button>
|
|
43
43
|
);
|
|
44
44
|
}
|
|
@@ -61,6 +61,13 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
|
|
|
61
61
|
getComponentName: () => {
|
|
62
62
|
return '';
|
|
63
63
|
},
|
|
64
|
+
getLocalizationService:() => {
|
|
65
|
+
return {
|
|
66
|
+
getLocalizedText: (value: any) => {
|
|
67
|
+
return value;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
},
|
|
64
71
|
getLocalizedValue: (value: any) => {
|
|
65
72
|
return value;
|
|
66
73
|
},
|
|
@@ -56,6 +56,13 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
|
|
|
56
56
|
getContextName: () => {
|
|
57
57
|
return 'app/primary_1';
|
|
58
58
|
},
|
|
59
|
+
getLocalizationService:() => {
|
|
60
|
+
return {
|
|
61
|
+
getLocalizedText: (value: any) => {
|
|
62
|
+
return value;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
},
|
|
59
66
|
getLocalizedValue: (value: any) => {
|
|
60
67
|
return value;
|
|
61
68
|
},
|
|
@@ -26,9 +26,9 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
26
26
|
const context = pConn.getContextName();
|
|
27
27
|
|
|
28
28
|
const columns = [
|
|
29
|
-
{ renderer: 'date', label: pConn.
|
|
30
|
-
{ renderer: 'description', label: pConn.
|
|
31
|
-
{ renderer: 'user', label: pConn.
|
|
29
|
+
{ renderer: 'date', label: pConn.getLocalizationService().getLocalizedText('Date') },
|
|
30
|
+
{ renderer: 'description', label: pConn.getLocalizationService().getLocalizedText('Description') },
|
|
31
|
+
{ renderer: 'user', label: pConn.getLocalizationService().getLocalizedText('Performed by') }
|
|
32
32
|
];
|
|
33
33
|
|
|
34
34
|
useEffect(() => {
|
|
@@ -63,11 +63,11 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
63
63
|
return (
|
|
64
64
|
<Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
65
65
|
<Table
|
|
66
|
-
title={pConn.
|
|
66
|
+
title={pConn.getLocalizationService().getLocalizedText(label)}
|
|
67
67
|
columns={columns}
|
|
68
68
|
data={history}
|
|
69
69
|
loading={isLoading}
|
|
70
|
-
loadingMessage={pConn.
|
|
70
|
+
loadingMessage={pConn.getLocalizationService().getLocalizedText('Loading case history')}
|
|
71
71
|
/>
|
|
72
72
|
</Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
73
73
|
);
|
|
@@ -74,6 +74,13 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
|
|
|
74
74
|
getContextName: () => {
|
|
75
75
|
return 'app/primary_1';
|
|
76
76
|
},
|
|
77
|
+
getLocalizationService:() => {
|
|
78
|
+
return {
|
|
79
|
+
getLocalizedText: (value: any) => {
|
|
80
|
+
return value;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
},
|
|
77
84
|
getLocalizedValue: (value: any) => {
|
|
78
85
|
return value;
|
|
79
86
|
},
|
|
@@ -36,10 +36,10 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
36
36
|
|
|
37
37
|
// setting up columns for the work list table
|
|
38
38
|
const columns = [
|
|
39
|
-
{ renderer: 'caseType', label: PConnect.
|
|
40
|
-
{ renderer: 'insKey', label: PConnect.
|
|
41
|
-
{ renderer: 'status', label: PConnect.
|
|
42
|
-
{ renderer: 'stage', label: PConnect.
|
|
39
|
+
{ renderer: 'caseType', label: PConnect.getLocalizationService().getLocalizedText('Case type') },
|
|
40
|
+
{ renderer: 'insKey', label: PConnect.getLocalizationService().getLocalizedText('Key') },
|
|
41
|
+
{ renderer: 'status', label: PConnect.getLocalizationService().getLocalizedText('Status') },
|
|
42
|
+
{ renderer: 'stage', label: PConnect.getLocalizationService().getLocalizedText('Stage') }
|
|
43
43
|
];
|
|
44
44
|
|
|
45
45
|
const myRef = useRef(null);
|
|
@@ -96,11 +96,11 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
96
96
|
/>
|
|
97
97
|
<br />
|
|
98
98
|
<Table
|
|
99
|
-
title={PConnect.
|
|
99
|
+
title={PConnect.getLocalizationService().getLocalizedText('Work list')}
|
|
100
100
|
columns={columns}
|
|
101
101
|
data={worklist}
|
|
102
102
|
loading={isLoading}
|
|
103
|
-
loadingMessage={PConnect.
|
|
103
|
+
loadingMessage={PConnect.getLocalizationService().getLocalizedText('Loading Work list')}
|
|
104
104
|
/>
|
|
105
105
|
</Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
106
106
|
);
|
package/src/tasks/create/templates/Launchpad/Field/Icon-Button-URL/demo.stories.tsx.mustache
CHANGED
|
@@ -62,6 +62,13 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
|
|
|
62
62
|
getContextName: () => {
|
|
63
63
|
return 'app/primary_1';
|
|
64
64
|
},
|
|
65
|
+
getLocalizationService:() => {
|
|
66
|
+
return {
|
|
67
|
+
getLocalizedText: (value: any) => {
|
|
68
|
+
return value;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
},
|
|
65
72
|
getLocalizedValue: (value: any) => {
|
|
66
73
|
return value;
|
|
67
74
|
},
|
|
@@ -75,8 +75,8 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
75
75
|
|
|
76
76
|
// setting up columns for the work list table
|
|
77
77
|
const columns = [
|
|
78
|
-
{ renderer: 'countryName', label: PConnect.
|
|
79
|
-
{ renderer: 'shortName', label: PConnect.
|
|
78
|
+
{ renderer: 'countryName', label: PConnect.getLocalizationService().getLocalizedText('Country Name') },
|
|
79
|
+
{ renderer: 'shortName', label: PConnect.getLocalizationService().getLocalizedText('Abbreviation') }
|
|
80
80
|
];
|
|
81
81
|
|
|
82
82
|
// toggle showing table and getting table data
|
|
@@ -171,11 +171,11 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
171
171
|
/>
|
|
172
172
|
<Label style={{ margin: '0.1rem' }}>
|
|
173
173
|
{' '}
|
|
174
|
-
{PConnect.
|
|
174
|
+
{PConnect.getLocalizationService().getLocalizedText('List of countries')}{' '}
|
|
175
175
|
</Label>
|
|
176
176
|
<Button
|
|
177
177
|
icon
|
|
178
|
-
label={PConnect.
|
|
178
|
+
label={PConnect.getLocalizationService().getLocalizedText('Click to show/hide country list')}
|
|
179
179
|
variant='link'
|
|
180
180
|
compact={false}
|
|
181
181
|
onClick={showHideTable}
|
|
@@ -200,11 +200,11 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
200
200
|
</div>
|
|
201
201
|
{showTable && (
|
|
202
202
|
<Table
|
|
203
|
-
title={PConnect.
|
|
203
|
+
title={PConnect.getLocalizationService().getLocalizedText('State list')}
|
|
204
204
|
columns={columns}
|
|
205
205
|
data={countrylist}
|
|
206
206
|
loading={isLoading}
|
|
207
|
-
loadingMessage={PConnect.
|
|
207
|
+
loadingMessage={PConnect.getLocalizationService().getLocalizedText('Loading country list')}
|
|
208
208
|
/>
|
|
209
209
|
)}
|
|
210
210
|
<%={{ }}=%> {{! revert delimiters for mustache }}
|
|
@@ -58,6 +58,13 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
|
|
|
58
58
|
getContextName: () => {
|
|
59
59
|
return 'app/primary_1';
|
|
60
60
|
},
|
|
61
|
+
getLocalizationService:() => {
|
|
62
|
+
return {
|
|
63
|
+
getLocalizedText: (value: any) => {
|
|
64
|
+
return value;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
},
|
|
61
68
|
getLocalizedValue: (value: any) => {
|
|
62
69
|
return value;
|
|
63
70
|
},
|
|
@@ -24,9 +24,9 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
24
24
|
const context = pConn.getContextName();
|
|
25
25
|
|
|
26
26
|
const columns = [
|
|
27
|
-
{ renderer: 'date', label: pConn.
|
|
28
|
-
{ renderer: 'description', label: pConn.
|
|
29
|
-
{ renderer: 'user', label: pConn.
|
|
27
|
+
{ renderer: 'date', label: pConn.getLocalizationService().getLocalizedText('Date') },
|
|
28
|
+
{ renderer: 'description', label: pConn.getLocalizationService().getLocalizedText('Description') },
|
|
29
|
+
{ renderer: 'user', label: pConn.getLocalizationService().getLocalizedText('Performed by') }
|
|
30
30
|
];
|
|
31
31
|
|
|
32
32
|
useEffect(() => {
|
|
@@ -61,11 +61,11 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
61
61
|
return (
|
|
62
62
|
<Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
63
63
|
<Table
|
|
64
|
-
title={pConn.
|
|
64
|
+
title={pConn.getLocalizationService().getLocalizedText(label)}
|
|
65
65
|
columns={columns}
|
|
66
66
|
data={history}
|
|
67
67
|
loading={isLoading}
|
|
68
|
-
loadingMessage={pConn.
|
|
68
|
+
loadingMessage={pConn.getLocalizationService().getLocalizedText('Loading case history')}
|
|
69
69
|
/>
|
|
70
70
|
</Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
71
71
|
);
|
|
@@ -76,6 +76,13 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
|
|
|
76
76
|
getContextName: () => {
|
|
77
77
|
return 'app/primary_1';
|
|
78
78
|
},
|
|
79
|
+
getLocalizationService:() => {
|
|
80
|
+
return {
|
|
81
|
+
getLocalizedText: (value: any) => {
|
|
82
|
+
return value;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
},
|
|
79
86
|
getLocalizedValue: (value: any) => {
|
|
80
87
|
return value;
|
|
81
88
|
},
|
|
@@ -36,10 +36,10 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
36
36
|
|
|
37
37
|
// setting up columns for the work list table
|
|
38
38
|
const columns = [
|
|
39
|
-
{ renderer: 'caseType', label: PConnect.
|
|
40
|
-
{ renderer: 'insKey', label: PConnect.
|
|
41
|
-
{ renderer: 'status', label: PConnect.
|
|
42
|
-
{ renderer: 'stage', label: PConnect.
|
|
39
|
+
{ renderer: 'caseType', label: PConnect.getLocalizationService().getLocalizedText('Case type') },
|
|
40
|
+
{ renderer: 'insKey', label: PConnect.getLocalizationService().getLocalizedText('Key') },
|
|
41
|
+
{ renderer: 'status', label: PConnect.getLocalizationService().getLocalizedText('Status') },
|
|
42
|
+
{ renderer: 'stage', label: PConnect.getLocalizationService().getLocalizedText('Stage') }
|
|
43
43
|
];
|
|
44
44
|
|
|
45
45
|
// going to get data for worklist to put into a table
|
|
@@ -93,11 +93,11 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
|
|
|
93
93
|
/>
|
|
94
94
|
<br />
|
|
95
95
|
<Table
|
|
96
|
-
title={PConnect.
|
|
96
|
+
title={PConnect.getLocalizationService().getLocalizedText('Work list')}
|
|
97
97
|
columns={columns}
|
|
98
98
|
data={worklist}
|
|
99
99
|
loading={isLoading}
|
|
100
|
-
loadingMessage={PConnect.
|
|
100
|
+
loadingMessage={PConnect.getLocalizationService().getLocalizedText('Loading Work list')}
|
|
101
101
|
/>
|
|
102
102
|
</Styled{{COMPONENT_CLASS_NAME}}Wrapper>
|
|
103
103
|
);
|
|
@@ -14,7 +14,6 @@ import { checkPathAccess, showVersion ,
|
|
|
14
14
|
compileMustacheTemplate,
|
|
15
15
|
getComponentDirectoryPath,
|
|
16
16
|
getPegaServerConfig,
|
|
17
|
-
getServerType,
|
|
18
17
|
getComponents,
|
|
19
18
|
sanitize,
|
|
20
19
|
validateSemver,
|
|
@@ -406,25 +405,17 @@ addDebugLog("createAll", "", "+");
|
|
|
406
405
|
);
|
|
407
406
|
} else {
|
|
408
407
|
const maxPrefixCount = isLibraryBased ? getMaxPrefixCount() : getStandaloneMaxPrefixCount();
|
|
409
|
-
const serverType = getServerType();
|
|
410
408
|
const questions = [
|
|
411
409
|
{
|
|
412
410
|
name: 'prefix',
|
|
413
|
-
message:
|
|
414
|
-
if (serverType === "launchpad") {
|
|
415
|
-
return `Enter prefix label`;
|
|
416
|
-
}
|
|
417
|
-
else {
|
|
418
|
-
return `Enter prefix label (${maxPrefixCount} max chars)`;
|
|
419
|
-
}
|
|
420
|
-
},
|
|
411
|
+
message: `Enter prefix label (${maxPrefixCount} max chars)`,
|
|
421
412
|
validate: value => {
|
|
422
413
|
/* value should not be empty
|
|
423
414
|
It should not start with a number
|
|
424
415
|
Only case-insensitive alphanumeric values are allowed
|
|
425
416
|
*/
|
|
426
417
|
if (value && !/^\d/.test(value) ) {
|
|
427
|
-
if (value.length > maxPrefixCount
|
|
418
|
+
if (value.length > maxPrefixCount) {
|
|
428
419
|
return `${value.length - maxPrefixCount} too many characters.`
|
|
429
420
|
}
|
|
430
421
|
return true;
|
|
@@ -33,7 +33,7 @@ For more info [here](https://pega-dev.zoominsoftware.io/bundle/constellation-dx-
|
|
|
33
33
|
|
|
34
34
|
Ensure you have access to the following in your system:
|
|
35
35
|
|
|
36
|
-
- Pega Infinity Server version
|
|
36
|
+
- Pega Infinity Server version 26.1 or later
|
|
37
37
|
|
|
38
38
|
- Git version 2.30 or later
|
|
39
39
|
|
|
@@ -25,7 +25,6 @@
|
|
|
25
25
|
"delete": "custom-dx-components delete",
|
|
26
26
|
"deleteAll": "custom-dx-components deleteAll",
|
|
27
27
|
"importComponent": "custom-dx-components importComponent",
|
|
28
|
-
"exportRC" : "custom-dx-components exportRC",
|
|
29
28
|
"help": "custom-dx-components showHelp",
|
|
30
29
|
"publish": "custom-dx-components publish",
|
|
31
30
|
"_***Component_mode_only***": "Component only commands",
|
|
@@ -83,9 +82,9 @@
|
|
|
83
82
|
"pega"
|
|
84
83
|
],
|
|
85
84
|
"dependencies": {
|
|
86
|
-
"@pega/cosmos-react-condition-builder": "^
|
|
87
|
-
"@pega/cosmos-react-core": "^
|
|
88
|
-
"@pega/cosmos-react-work": "^
|
|
85
|
+
"@pega/cosmos-react-condition-builder": "^9.0.0-build.6.5",
|
|
86
|
+
"@pega/cosmos-react-core": "^9.0.0-build.6.5",
|
|
87
|
+
"@pega/cosmos-react-work": "^9.0.0-build.6.5",
|
|
89
88
|
"@pega/eslint-config": "^0.16.3",
|
|
90
89
|
"@pega/tsconfig": "^0.16.3",
|
|
91
90
|
"babel-loader": "^10.0.0",
|
|
@@ -108,19 +107,19 @@
|
|
|
108
107
|
"@babel/preset-react": "^7.27.1",
|
|
109
108
|
"@babel/preset-typescript": "^7.27.1",
|
|
110
109
|
"@pega/configs": "^0.16.3",
|
|
111
|
-
"@pega/custom-dx-components": "~
|
|
110
|
+
"@pega/custom-dx-components": "~26.1.10-alpha-0.1",
|
|
112
111
|
"@pega/pcore-pconnect-typedefs": "^4.1.0",
|
|
113
|
-
"@storybook/addon-
|
|
114
|
-
"@storybook/addon-essentials": "^
|
|
115
|
-
"@storybook/addon-links": "^
|
|
116
|
-
"@storybook/addon-storysource": "^
|
|
117
|
-
"@storybook/manager-api": "^
|
|
118
|
-
"@storybook/react": "^
|
|
119
|
-
"@storybook/react-vite": "^
|
|
120
|
-
"@storybook/react-webpack5": "^
|
|
121
|
-
"@storybook/test": "^
|
|
112
|
+
"@storybook/addon-docs": "^9.1.7",
|
|
113
|
+
"@storybook/addon-essentials": "^9.0.0-alpha.12",
|
|
114
|
+
"@storybook/addon-links": "^9.1.7",
|
|
115
|
+
"@storybook/addon-storysource": "^9.0.0-alpha.14",
|
|
116
|
+
"@storybook/manager-api": "^9.0.0-alpha.1",
|
|
117
|
+
"@storybook/react": "^9.1.7",
|
|
118
|
+
"@storybook/react-vite": "^9.1.7",
|
|
119
|
+
"@storybook/react-webpack5": "^9.1.7",
|
|
120
|
+
"@storybook/test": "^9.0.0-alpha.2",
|
|
122
121
|
"@storybook/test-runner": "^0.22.0",
|
|
123
|
-
"@storybook/theming": "^
|
|
122
|
+
"@storybook/theming": "^9.0.0-alpha.1",
|
|
124
123
|
"@testing-library/dom": "^10.4.0",
|
|
125
124
|
"@testing-library/jest-dom": "^6.6.3",
|
|
126
125
|
"@testing-library/react": "^16.3.0",
|
|
@@ -153,7 +152,7 @@
|
|
|
153
152
|
"node-stream-zip": "^1.15.0",
|
|
154
153
|
"npm-run-all": "^4.1.5",
|
|
155
154
|
"prettier": "3.5.3",
|
|
156
|
-
"storybook": "^
|
|
155
|
+
"storybook": "^9.1.7",
|
|
157
156
|
"stylelint": "^16.19.1",
|
|
158
157
|
"ts-jest": "^29.3.2",
|
|
159
158
|
"typescript": "~5.5.4",
|