@pega/custom-dx-components 0.23.30 → 0.23.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/tasks/create/templates/Constellation/Field/Date/DateFormatter.js.mustache +0 -1
- package/src/tasks/create/templates/Constellation/Field/Date/FormattedText.jsx.mustache +0 -1
- package/src/tasks/create/templates/Constellation/Field/Date/date.js.mustache +0 -2
- package/src/tasks/create/templates/Constellation/Field/DateTime/date-time.js.mustache +0 -1
- package/src/tasks/create/templates/Constellation/Field/DateTime/date-utils.js.mustache +0 -1
- package/src/tasks/create/templates/Constellation/Field/DateTime/date.js.mustache +0 -1
- package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/date.js.mustache +0 -1
- package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/embed-utils.js.mustache +0 -1
- package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/repeat-utils.js.mustache +0 -1
- package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/textformat-utils.jsx.mustache +0 -1
- package/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/textformat-utils.jsx.mustache +0 -1
- package/src/tasks/create/templates/Constellation/Field/Text-URL/text-url.jsx.mustache +0 -1
- package/src/tasks/create/templates/Constellation/Field/TimeofDay/time-of-day.js.mustache +0 -1
- package/src/tasks/create/templates/Constellation/Template/PAGE/utils.js.mustache +0 -1
- package/src/tasks/init/template/.eslintrc.json +10 -1
- package/src/tasks/init/template/package.json.mustache +1 -1
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyAutocomplete/date.js +0 -1
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyAutocomplete/embed-utils.js +22 -12
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyAutocomplete/repeat-utils.js +0 -1
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyAutocomplete/textformat-utils.jsx +0 -1
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDate/DateFormatter.js +0 -1
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDate/FormattedText.jsx +0 -1
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDate/date.js +0 -2
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDateTime/date-time.js +0 -1
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDateTime/date-utils.js +41 -48
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDateTime/date.js +54 -68
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPage/utils.js +12 -10
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyRadioButtons/textformat-utils.jsx +0 -1
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTimeOfDay/time-of-day.js +41 -48
- package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyURL/text-url.jsx +0 -1
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyAutocomplete/date.js +0 -1
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyAutocomplete/embed-utils.js +22 -12
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyAutocomplete/repeat-utils.js +0 -1
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyAutocomplete/textformat-utils.jsx +0 -1
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/DateFormatter.js +0 -1
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/FormattedText.jsx +0 -1
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/date.js +0 -2
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDateTime/date-time.js +0 -1
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDateTime/date-utils.js +41 -48
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDateTime/date.js +54 -68
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPage/utils.js +12 -10
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyRadioButtons/textformat-utils.jsx +0 -1
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/time-of-day.js +41 -48
- package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyURL/text-url.jsx +0 -1
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import dayjs from "dayjs";
|
|
1
|
+
import dayjs from 'dayjs';
|
|
3
2
|
import relativeTime from 'dayjs/plugin/relativeTime.js';
|
|
4
3
|
import localizedFormat from 'dayjs/plugin/localizedFormat.js';
|
|
5
4
|
import utc from 'dayjs/plugin/utc.js';
|
|
@@ -17,11 +16,11 @@ dayjs.extend(timezone);
|
|
|
17
16
|
* @param {string} text datetime
|
|
18
17
|
* @returns {object} datetime as a dayjs object
|
|
19
18
|
*/
|
|
20
|
-
export const getDayJSObject =
|
|
19
|
+
export const getDayJSObject = text => {
|
|
21
20
|
const momObj = dayjs(text);
|
|
22
21
|
if (momObj.isValid()) return momObj;
|
|
23
22
|
const timeStamp = text;
|
|
24
|
-
const isDateTime = timeStamp.indexOf(
|
|
23
|
+
const isDateTime = timeStamp.indexOf('GMT') !== -1;
|
|
25
24
|
const year = parseInt(timeStamp.substr(0, 4), 10);
|
|
26
25
|
const month = parseInt(timeStamp.substr(4, 2), 10) - 1;
|
|
27
26
|
const day = parseInt(timeStamp.substr(6, 2), 10);
|
|
@@ -47,7 +46,7 @@ export const getDayJSObject = (text) => {
|
|
|
47
46
|
}
|
|
48
47
|
|
|
49
48
|
mom = dayjs(
|
|
50
|
-
mom.toLocaleString(
|
|
49
|
+
mom.toLocaleString('en-US', {
|
|
51
50
|
timeZone: CurrentTz
|
|
52
51
|
})
|
|
53
52
|
);
|
|
@@ -61,8 +60,8 @@ export const getDayJSObject = (text) => {
|
|
|
61
60
|
* @param {string} time datetime
|
|
62
61
|
* @returns {object} relative time from now
|
|
63
62
|
*/
|
|
64
|
-
export const getRelativeTime =
|
|
65
|
-
let relativetime =
|
|
63
|
+
export const getRelativeTime = time => {
|
|
64
|
+
let relativetime = '';
|
|
66
65
|
if (dayjs(time).isUTC()) {
|
|
67
66
|
relativetime = dayjs(time).fromNow();
|
|
68
67
|
} else {
|
|
@@ -78,7 +77,7 @@ export const getRelativeTime = (time) => {
|
|
|
78
77
|
* @param {string} value from which Year needs to be taken out
|
|
79
78
|
* @returns {number} year for the date passed
|
|
80
79
|
*/
|
|
81
|
-
export const getFullYear =
|
|
80
|
+
export const getFullYear = value =>
|
|
82
81
|
value ? new Date(value).getFullYear() : new Date().getFullYear();
|
|
83
82
|
|
|
84
83
|
/**
|
|
@@ -128,8 +127,8 @@ export const getMinDate = (previousYears, currentYear, yearFromValue) => {
|
|
|
128
127
|
*
|
|
129
128
|
* @returns {number} clockFormat
|
|
130
129
|
*/
|
|
131
|
-
export const parseClockFormat =
|
|
132
|
-
typeof clockFormat ===
|
|
130
|
+
export const parseClockFormat = clockFormat =>
|
|
131
|
+
typeof clockFormat === 'string' ? parseInt(clockFormat, 10) : clockFormat;
|
|
133
132
|
|
|
134
133
|
/**
|
|
135
134
|
* Return datetime value string off to seconds
|
|
@@ -141,9 +140,9 @@ export const parseClockFormat = (clockFormat) =>
|
|
|
141
140
|
*/
|
|
142
141
|
export const correctDateTimeToSeconds = (datetime, withSeconds) => {
|
|
143
142
|
if (withSeconds) {
|
|
144
|
-
return `${datetime.substring(0, datetime.indexOf(
|
|
143
|
+
return `${datetime.substring(0, datetime.indexOf('Z'))}.000Z`;
|
|
145
144
|
}
|
|
146
|
-
return `${datetime.substring(0, datetime.lastIndexOf(
|
|
145
|
+
return `${datetime.substring(0, datetime.lastIndexOf(':'))}:00.000Z`;
|
|
147
146
|
};
|
|
148
147
|
|
|
149
148
|
/**
|
|
@@ -156,12 +155,9 @@ export const correctDateTimeToSeconds = (datetime, withSeconds) => {
|
|
|
156
155
|
*/
|
|
157
156
|
export const timeCorrectedToSeconds = (datetime, withSeconds) => {
|
|
158
157
|
if (withSeconds) {
|
|
159
|
-
return datetime.substring(datetime.indexOf(
|
|
158
|
+
return datetime.substring(datetime.indexOf('T') + 1, datetime.indexOf('.'));
|
|
160
159
|
}
|
|
161
|
-
return `${datetime.substring(
|
|
162
|
-
datetime.indexOf("T") + 1,
|
|
163
|
-
datetime.lastIndexOf(":")
|
|
164
|
-
)}:00`;
|
|
160
|
+
return `${datetime.substring(datetime.indexOf('T') + 1, datetime.lastIndexOf(':'))}:00`;
|
|
165
161
|
};
|
|
166
162
|
|
|
167
163
|
/**
|
|
@@ -184,14 +180,13 @@ export const datetimeFireChangeBlurEvents = (
|
|
|
184
180
|
propName,
|
|
185
181
|
pConn
|
|
186
182
|
) => {
|
|
187
|
-
|
|
188
183
|
// TODO - clean up, we should not rely on timestamp from cosmos to check InComplete validation
|
|
189
184
|
// above triggerFieldChange should have validated this
|
|
190
185
|
if (errorState) {
|
|
191
186
|
pConn.getValidationApi().validate(errorState);
|
|
192
187
|
}
|
|
193
188
|
// BUG-640834 In errorState presist old values avoiding store update & re-render.
|
|
194
|
-
else{
|
|
189
|
+
else {
|
|
195
190
|
if (formattedValue !== actualValue) {
|
|
196
191
|
actions.updateFieldValue(propName, formattedValue);
|
|
197
192
|
}
|
|
@@ -212,27 +207,27 @@ export const getDateFormat = (locale, options) => {
|
|
|
212
207
|
.formatToParts()
|
|
213
208
|
.map(({ type, value }) => {
|
|
214
209
|
switch (type) {
|
|
215
|
-
case
|
|
216
|
-
return
|
|
217
|
-
case
|
|
218
|
-
return
|
|
219
|
-
case
|
|
220
|
-
return
|
|
221
|
-
case
|
|
222
|
-
return
|
|
223
|
-
case
|
|
224
|
-
return
|
|
225
|
-
case
|
|
226
|
-
return
|
|
227
|
-
case
|
|
228
|
-
return
|
|
229
|
-
case
|
|
210
|
+
case 'day':
|
|
211
|
+
return 'DD';
|
|
212
|
+
case 'month':
|
|
213
|
+
return 'MM';
|
|
214
|
+
case 'year':
|
|
215
|
+
return 'YYYY';
|
|
216
|
+
case 'hour':
|
|
217
|
+
return 'hh';
|
|
218
|
+
case 'minute':
|
|
219
|
+
return 'mm';
|
|
220
|
+
case 'second':
|
|
221
|
+
return 'ss';
|
|
222
|
+
case 'dayPeriod':
|
|
223
|
+
return 'A';
|
|
224
|
+
case 'literal':
|
|
230
225
|
return value;
|
|
231
226
|
default:
|
|
232
|
-
return
|
|
227
|
+
return '';
|
|
233
228
|
}
|
|
234
229
|
})
|
|
235
|
-
.join(
|
|
230
|
+
.join('');
|
|
236
231
|
};
|
|
237
232
|
|
|
238
233
|
/**
|
|
@@ -242,15 +237,13 @@ export const getDateFormat = (locale, options) => {
|
|
|
242
237
|
* @returns {boolean} True or False for the locale
|
|
243
238
|
* Example : getDateFormat("pl-PL") returns false
|
|
244
239
|
*/
|
|
245
|
-
export const is12HClockFormat =
|
|
240
|
+
export const is12HClockFormat = locale => {
|
|
246
241
|
const meridiem = new Intl.DateTimeFormat(locale, {
|
|
247
|
-
hour:
|
|
242
|
+
hour: 'numeric'
|
|
248
243
|
})
|
|
249
244
|
.formatToParts()
|
|
250
|
-
.find(({ type }) => type ===
|
|
251
|
-
return !!(meridiem === null || meridiem === undefined
|
|
252
|
-
? undefined
|
|
253
|
-
: meridiem.value);
|
|
245
|
+
.find(({ type }) => type === 'dayPeriod');
|
|
246
|
+
return !!(meridiem === null || meridiem === undefined ? undefined : meridiem.value);
|
|
254
247
|
};
|
|
255
248
|
|
|
256
249
|
/**
|
|
@@ -263,9 +256,9 @@ export const is12HClockFormat = (locale) => {
|
|
|
263
256
|
*/
|
|
264
257
|
export const getTimeOptions = (withSeconds, is12h = false) => {
|
|
265
258
|
return {
|
|
266
|
-
hour:
|
|
267
|
-
minute:
|
|
268
|
-
...(withSeconds && { second:
|
|
259
|
+
hour: 'numeric',
|
|
260
|
+
minute: 'numeric',
|
|
261
|
+
...(withSeconds && { second: 'numeric' }),
|
|
269
262
|
hour12: is12h
|
|
270
263
|
};
|
|
271
264
|
};
|
|
@@ -280,9 +273,9 @@ export const getTimeOptions = (withSeconds, is12h = false) => {
|
|
|
280
273
|
*/
|
|
281
274
|
export const getDateTimeOptions = (withSeconds, is12h = false) => {
|
|
282
275
|
return {
|
|
283
|
-
year:
|
|
284
|
-
month:
|
|
285
|
-
day:
|
|
276
|
+
year: 'numeric',
|
|
277
|
+
month: 'numeric',
|
|
278
|
+
day: 'numeric',
|
|
286
279
|
...getTimeOptions(withSeconds, is12h)
|
|
287
280
|
};
|
|
288
281
|
};
|