@pega/react-sdk-overrides 23.1.10 → 23.1.12

package/lib/helpers/event-utils.ts

@@ -2,13 +2,13 @@
 
 const handleEvent = (actions: any, eventType: string, propName: string, value: string) => {
   switch (eventType) {
-    case "change":
+    case 'change':
       actions.updateFieldValue(propName, value);
       break;
-    case "blur":
+    case 'blur':
       actions.triggerFieldChange(propName, value);
       break;
-    case "changeNblur":
+    case 'changeNblur':
       actions.updateFieldValue(propName, value);
       actions.triggerFieldChange(propName, value);
       break;

package/lib/helpers/field-group-utils.ts

@@ -8,7 +8,7 @@ import createPConnectComponent from '@pega/react-sdk-components/lib/bridge/react
  * @returns {string} - returns the name of referenceList
  */
 
-export const getReferenceList = (pConn) => {
+export const getReferenceList = pConn => {
   let resolvePage = pConn.getComponentConfig().referenceList.replace('@P ', '');
   if (resolvePage.includes('D_')) {
     resolvePage = pConn.resolveDatasourceReference(resolvePage);

package/lib/helpers/formatters/Boolean.ts

@@ -1,29 +1,12 @@
-function Boolean(value, { allowEmpty = true, tick = "", cross = "" } = {}) {
-  if (
-    (!allowEmpty && !value) ||
-    value === false ||
-    value?.toString()?.toLowerCase() === "false" ||
-    value === 0 ||
-    value === "0"
-  ) {
-    return cross || "";
+function Boolean(value, { allowEmpty = true, tick = '', cross = '' } = {}) {
+  if ((!allowEmpty && !value) || value === false || value?.toString()?.toLowerCase() === 'false' || value === 0 || value === '0') {
+    return cross || '';
   }
-  if (
-    value === true ||
-    value?.toString()?.toLowerCase() === "true" ||
-    value === 1 ||
-    value === "1"
-  ) {
-    return tick || "";
+  if (value === true || value?.toString()?.toLowerCase() === 'true' || value === 1 || value === '1') {
+    return tick || '';
   }
-  if (
-    allowEmpty &&
-    (value === "null" ||
-      value === "" ||
-      value === null ||
-      typeof value === "undefined")
-  ) {
-    return "- -";
+  if (allowEmpty && (value === 'null' || value === '' || value === null || typeof value === 'undefined')) {
+    return '- -';
   }
   return value;
 }
@@ -32,7 +15,7 @@ export default {
   TrueFalse: (value, options) =>
     Boolean(value, {
       ...options,
-      tick: "True",
-      cross: "False"
+      tick: options.trueLabel || 'True',
+      cross: options.falseLabel || 'False'
     })
 };

package/lib/helpers/formatters/Currency.ts

@@ -1,8 +1,8 @@
-import { getLocale } from "./common";
-import CurrencyMap from "./CurrencyMap";
+import { getLocale } from './common';
+import CurrencyMap from './CurrencyMap';
 
-// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
-function NumberFormatter(value, { locale = "en-US", decPlaces = 2, style="", currency="USD" } = {}): string {
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function NumberFormatter(value, { locale = 'en-US', decPlaces = 2, style = '', currency = 'USD' } = {}): string {
   const currentLocale: string | undefined = getLocale(locale);
   if (value !== null && value !== undefined) {
     return Number(value).toLocaleString(currentLocale, {
@@ -15,7 +15,7 @@ function NumberFormatter(value, { locale = "en-US", decPlaces = 2, style="", cur
 
 function CurrencyFormatter(
   value: string,
-  { symbol = true, position="before", locale="en-US", decPlaces = 2, style = "currency", currency = "USD" } = {}
+  { symbol = true, position = 'before', locale = 'en-US', decPlaces = 2, style = 'currency', currency = 'USD' } = {}
 ): string {
   const currentLocale: string | undefined = getLocale(locale);
   let formattedValue: string = value;
@@ -27,10 +27,10 @@ function CurrencyFormatter(
       currency
     });
 
-    let countryCode: string | undefined =  currentLocale?.split("-")[1].toUpperCase();
+    let countryCode: string | undefined = currentLocale?.split('-')[1].toUpperCase();
 
     // If countryCode is still undefined, setting it as US
-    if( !countryCode ){
+    if (!countryCode) {
       countryCode = 'US';
     }
 
@@ -43,21 +43,18 @@ function CurrencyFormatter(
 
     // if position is provided, change placeholder accordingly.
     if (position && code) {
-      if (position.toLowerCase() === "before" && code.startsWith("{#}")) {
+      if (position.toLowerCase() === 'before' && code.startsWith('{#}')) {
         code = code.slice(3) + code.slice(0, 3);
-      } else if (
-        position.toLowerCase() === "after" &&
-        code.indexOf("{#}") === code.length - 3
-      ) {
+      } else if (position.toLowerCase() === 'after' && code.indexOf('{#}') === code.length - 3) {
         code = code.slice(-3) + code.slice(0, -3);
       }
     }
-    return code?.replace("{#}", formattedValue) || formattedValue;
+    return code?.replace('{#}', formattedValue) || formattedValue;
   }
   return formattedValue;
 }
 
-function SymbolFormatter(value, { symbol="$", suffix = true, locale="en-US" } = {}): string {
+function SymbolFormatter(value, { symbol = '$', suffix = true, locale = 'en-US' } = {}): string {
   let formattedValue: string = value;
   if (value !== null && value !== undefined) {
     formattedValue = NumberFormatter(value, { locale });
@@ -68,16 +65,13 @@ function SymbolFormatter(value, { symbol="$", suffix = true, locale="en-US" } =
 
 export default {
   Currency: (value, options) => CurrencyFormatter(value, options),
-  "Currency-Code": (value, options) =>
-    CurrencyFormatter(value, { ...options, symbol: false }),
+  'Currency-Code': (value, options) => CurrencyFormatter(value, { ...options, symbol: false }),
   Decimal: (value, options) => NumberFormatter(value, options),
-  "Decimal-Auto": (value, options) =>
+  'Decimal-Auto': (value, options) =>
     NumberFormatter(value, {
       ...options,
       decPlaces: Number.isInteger(value) ? 0 : 2
     }),
-  Integer: (value, options) =>
-    NumberFormatter(value, { ...options, decPlaces: 0 }),
-  Percentage: (value, options) =>
-    SymbolFormatter(value, { ...options, symbol: "%" })
+  Integer: (value, options) => NumberFormatter(value, { ...options, decPlaces: 0 }),
+  Percentage: (value, options) => SymbolFormatter(value, { ...options, symbol: '%' })
 };