@pega/custom-dx-components 0.23.29 → 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.
Files changed (56) hide show
  1. package/package.json +1 -1
  2. package/src/tasks/create/templates/Constellation/Field/Date/DateFormatter.js.mustache +0 -1
  3. package/src/tasks/create/templates/Constellation/Field/Date/FormattedText.jsx.mustache +0 -1
  4. package/src/tasks/create/templates/Constellation/Field/Date/date.js.mustache +0 -2
  5. package/src/tasks/create/templates/Constellation/Field/DateTime/date-time.js.mustache +0 -1
  6. package/src/tasks/create/templates/Constellation/Field/DateTime/date-utils.js.mustache +0 -2
  7. package/src/tasks/create/templates/Constellation/Field/DateTime/date.js.mustache +0 -2
  8. package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/date.js.mustache +0 -1
  9. package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/embed-utils.js.mustache +0 -3
  10. package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/repeat-utils.js.mustache +0 -1
  11. package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/textformat-utils.jsx.mustache +0 -1
  12. package/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/textformat-utils.jsx.mustache +0 -1
  13. package/src/tasks/create/templates/Constellation/Field/Text-URL/text-url.jsx.mustache +0 -1
  14. package/src/tasks/create/templates/Constellation/Field/TimeofDay/time-of-day.js.mustache +1 -2
  15. package/src/tasks/create/templates/Constellation/Template/DETAILS/utils.js.mustache +0 -2
  16. package/src/tasks/create/templates/Constellation/Template/DETAILS-region/utils.js.mustache +0 -2
  17. package/src/tasks/create/templates/Constellation/Template/PAGE/utils.js.mustache +0 -2
  18. package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/Avatar.tsx.mustache +1 -1
  19. package/src/tasks/create/templates/Launchpad/Widget/PAGE-CASE/Avatar.tsx.mustache +1 -1
  20. package/src/tasks/init/template/.eslintrc.json +13 -1
  21. package/src/tasks/init/template/package.json.mustache +1 -1
  22. package/src/tasks/init/template/tsconfig.json +2 -1
  23. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyAutocomplete/date.js +0 -1
  24. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyAutocomplete/embed-utils.js +22 -14
  25. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyAutocomplete/repeat-utils.js +0 -1
  26. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyAutocomplete/textformat-utils.jsx +0 -1
  27. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDate/DateFormatter.js +0 -1
  28. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDate/FormattedText.jsx +0 -1
  29. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDate/date.js +0 -2
  30. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDateTime/date-time.js +0 -1
  31. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDateTime/date-utils.js +41 -49
  32. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDateTime/date.js +54 -69
  33. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDetails/utils.js +0 -2
  34. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPage/utils.js +12 -11
  35. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPageCaseWidget/Avatar.tsx +1 -1
  36. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyRadioButtons/textformat-utils.jsx +0 -1
  37. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTimeOfDay/time-of-day.js +41 -48
  38. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/utils.js +0 -2
  39. package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyURL/text-url.jsx +0 -1
  40. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyAutocomplete/date.js +0 -1
  41. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyAutocomplete/embed-utils.js +22 -14
  42. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyAutocomplete/repeat-utils.js +0 -1
  43. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyAutocomplete/textformat-utils.jsx +0 -1
  44. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/DateFormatter.js +0 -1
  45. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/FormattedText.jsx +0 -1
  46. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/date.js +0 -2
  47. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDateTime/date-time.js +0 -1
  48. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDateTime/date-utils.js +41 -49
  49. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDateTime/date.js +54 -69
  50. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDetails/utils.js +0 -2
  51. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPage/utils.js +12 -11
  52. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageCaseWidget/Avatar.tsx +1 -1
  53. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyRadioButtons/textformat-utils.jsx +0 -1
  54. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/time-of-day.js +41 -48
  55. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnDetails/utils.js +0 -2
  56. package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyURL/text-url.jsx +0 -1
@@ -1,5 +1,4 @@
1
- /* eslint-disable import/no-relative-packages */
2
- /* eslint-disable no-undef */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 = (text) => {
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("GMT") !== -1;
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("en-US", {
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 = (time) => {
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 = (value) =>
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 = (clockFormat) =>
132
- typeof clockFormat === "string" ? parseInt(clockFormat, 10) : 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("Z"))}.000Z`;
143
+ return `${datetime.substring(0, datetime.indexOf('Z'))}.000Z`;
145
144
  }
146
- return `${datetime.substring(0, datetime.lastIndexOf(":"))}:00.000Z`;
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("T") + 1, 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 "day":
216
- return "DD";
217
- case "month":
218
- return "MM";
219
- case "year":
220
- return "YYYY";
221
- case "hour":
222
- return "hh";
223
- case "minute":
224
- return "mm";
225
- case "second":
226
- return "ss";
227
- case "dayPeriod":
228
- return "A";
229
- case "literal":
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 = (locale) => {
240
+ export const is12HClockFormat = locale => {
246
241
  const meridiem = new Intl.DateTimeFormat(locale, {
247
- hour: "numeric"
242
+ hour: 'numeric'
248
243
  })
249
244
  .formatToParts()
250
- .find(({ type }) => type === "dayPeriod");
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: "numeric",
267
- minute: "numeric",
268
- ...(withSeconds && { second: "numeric" }),
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: "numeric",
284
- month: "numeric",
285
- day: "numeric",
276
+ year: 'numeric',
277
+ month: 'numeric',
278
+ day: 'numeric',
286
279
  ...getTimeOptions(withSeconds, is12h)
287
280
  };
288
281
  };
@@ -1,5 +1,3 @@
1
- /* eslint-disable no-undef */
2
-
3
1
  /**
4
2
  * Given the PConnect object of a Template component, retrieve the children
5
3
  * metadata of all regions.
@@ -1,4 +1,3 @@
1
- /* eslint-disable import/no-relative-packages */
2
1
  import { useState, useRef, React} from "react";
3
2
  import { EmailDisplay, PhoneDisplay, URLDisplay, Image, Button, Lightbox } from '@pega/cosmos-react-core';
4
3