@pega/react-sdk-components 0.23.26 → 0.23.27

package/lib/components/helpers/case-utils.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Function that accepts array of messages as input and group them by their type and returns the resulting object
+ * @param {Array} inputMessages
+ * Eg: [
+ * {message: 'First Name is required', type: 'error'},
+ * {message: 'Last Name is required', type: 'error'},
+ * {message: 'Address field should be clear and precise', type: 'info'}
+ * ]
+ *
+ * @returns {object}
+ *
+ * Eg: {
+ *  error: ['First Name is required', 'Last Name is required'],
+ *  info: ['Address field should be clear and precise']
+ * }
+ */
+declare function getMessagesGrouped(inputMessages: any): {};
+declare function getBanners(config: any): any;
+export { getMessagesGrouped, getBanners };
+//# sourceMappingURL=case-utils.d.ts.map

package/lib/components/helpers/case-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/case-utils.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AAEH,iBAAS,kBAAkB,CAAC,aAAa,KAAA,MAUxC;AA8BD,iBAAS,UAAU,CAAC,MAAM,KAAA,OAqCzB;AAED,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,CAAC"}

package/lib/components/helpers/case-utils.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getComponentFromMap } from '../../bridge/helpers/sdk_component_map';
+/**
+ * Function that accepts array of messages as input and group them by their type and returns the resulting object
+ * @param {Array} inputMessages
+ * Eg: [
+ * {message: 'First Name is required', type: 'error'},
+ * {message: 'Last Name is required', type: 'error'},
+ * {message: 'Address field should be clear and precise', type: 'info'}
+ * ]
+ *
+ * @returns {object}
+ *
+ * Eg: {
+ *  error: ['First Name is required', 'Last Name is required'],
+ *  info: ['Address field should be clear and precise']
+ * }
+ */
+function getMessagesGrouped(inputMessages) {
+    const messages = {};
+    if (inputMessages && inputMessages instanceof Array && inputMessages.length > 0) {
+        inputMessages.forEach(item => {
+            const { message, type } = item;
+            messages[type] = [...(messages[type] || []), message];
+        });
+    }
+    return messages;
+}
+/**
+ * Function accepts a error type and variant of the banner
+ * @param {string} type
+ * Eg: 'error'
+ * @returns {string}
+ * Eg: 'urgent'
+ */
+function getVariant(type) {
+    const { BANNER_VARIANT_SUCCESS, BANNER_VARIANT_INFO, BANNER_VARIANT_URGENT, MESSAGES } = PCore.getConstants();
+    const { MESSAGES_TYPE_ERROR, MESSAGES_TYPE_INFO, MESSAGES_TYPE_SUCCESS } = MESSAGES;
+    let variant;
+    switch (type) {
+        case MESSAGES_TYPE_ERROR:
+            variant = BANNER_VARIANT_URGENT;
+            break;
+        case MESSAGES_TYPE_INFO:
+            variant = BANNER_VARIANT_INFO;
+            break;
+        case MESSAGES_TYPE_SUCCESS:
+            variant = BANNER_VARIANT_SUCCESS;
+            break;
+        default:
+            variant = '';
+    }
+    return variant;
+}
+function getBanners(config) {
+    const AlertBanner = getComponentFromMap('AlertBanner');
+    const { target, pageMessages, httpMessages } = config;
+    const { PAGE } = PCore.getConstants();
+    const { clearMessages } = PCore.getMessageManager();
+    const banners = [];
+    const groupedPageMessages = getMessagesGrouped(pageMessages);
+    Object.keys(groupedPageMessages).forEach(type => {
+        const messagesByType = groupedPageMessages[type];
+        const variant = getVariant(type);
+        const pageMessagesBannerID = `${target}_${PAGE}_${type}`.toLowerCase().replace('/', '_');
+        banners.push(_jsx(AlertBanner, { id: pageMessagesBannerID, variant: variant, messages: messagesByType, onDismiss: variant === 'urgent'
+                ? ''
+                : () => {
+                    clearMessages({
+                        category: PAGE,
+                        type,
+                        context: target
+                    });
+                } }));
+    });
+    if (httpMessages && httpMessages.length > 0) {
+        banners.push(_jsx(AlertBanner, { id: 'modalViewContainerBanner', variant: 'urgent', messages: httpMessages }));
+    }
+    return banners;
+}
+export { getMessagesGrouped, getBanners };
+//# sourceMappingURL=case-utils.js.map

package/lib/components/helpers/case-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/case-utils.tsx"],"names":[],"mappings":"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","sourcesContent":["import { getComponentFromMap } from '../../bridge/helpers/sdk_component_map';\n\n/**\n * Function that accepts array of messages as input and group them by their type and returns the resulting object\n * @param {Array} inputMessages\n * Eg: [\n * {message: 'First Name is required', type: 'error'},\n * {message: 'Last Name is required', type: 'error'},\n * {message: 'Address field should be clear and precise', type: 'info'}\n * ]\n *\n * @returns {object}\n *\n * Eg: {\n *  error: ['First Name is required', 'Last Name is required'],\n *  info: ['Address field should be clear and precise']\n * }\n */\n\nfunction getMessagesGrouped(inputMessages) {\n  const messages = {};\n\n  if (inputMessages && inputMessages instanceof Array && inputMessages.length > 0) {\n    inputMessages.forEach(item => {\n      const { message, type } = item;\n      messages[type] = [...(messages[type] || []), message];\n    });\n  }\n  return messages;\n}\n\n/**\n * Function accepts a error type and variant of the banner\n * @param {string} type\n * Eg: 'error'\n * @returns {string}\n * Eg: 'urgent'\n */\nfunction getVariant(type) {\n  const { BANNER_VARIANT_SUCCESS, BANNER_VARIANT_INFO, BANNER_VARIANT_URGENT, MESSAGES } = PCore.getConstants();\n  const { MESSAGES_TYPE_ERROR, MESSAGES_TYPE_INFO, MESSAGES_TYPE_SUCCESS } = MESSAGES;\n\n  let variant;\n  switch (type) {\n    case MESSAGES_TYPE_ERROR:\n      variant = BANNER_VARIANT_URGENT;\n      break;\n    case MESSAGES_TYPE_INFO:\n      variant = BANNER_VARIANT_INFO;\n      break;\n    case MESSAGES_TYPE_SUCCESS:\n      variant = BANNER_VARIANT_SUCCESS;\n      break;\n    default:\n      variant = '';\n  }\n  return variant;\n}\n\nfunction getBanners(config) {\n  const AlertBanner = getComponentFromMap('AlertBanner');\n  const { target, pageMessages, httpMessages } = config;\n  const { PAGE } = PCore.getConstants();\n  const { clearMessages } = PCore.getMessageManager();\n  const banners: any = [];\n  const groupedPageMessages = getMessagesGrouped(pageMessages);\n\n  Object.keys(groupedPageMessages).forEach(type => {\n    const messagesByType = groupedPageMessages[type];\n    const variant = getVariant(type);\n    const pageMessagesBannerID = `${target}_${PAGE}_${type}`.toLowerCase().replace('/', '_');\n    banners.push(\n      <AlertBanner\n        id={pageMessagesBannerID}\n        variant={variant}\n        messages={messagesByType}\n        onDismiss={\n          variant === 'urgent'\n            ? ''\n            : () => {\n                clearMessages({\n                  category: PAGE,\n                  type,\n                  context: target\n                } as any);\n              }\n        }\n      />\n    );\n  });\n\n  if (httpMessages && httpMessages.length > 0) {\n    banners.push(<AlertBanner id='modalViewContainerBanner' variant='urgent' messages={httpMessages} />);\n  }\n\n  return banners;\n}\n\nexport { getMessagesGrouped, getBanners };\n"]}

package/lib/components/helpers/common-utils.d.ts

@@ -0,0 +1,3 @@
+export declare function isEmptyObject(obj: Object): boolean;
+export declare function isInfinity23OrHigher(): boolean;
+//# sourceMappingURL=common-utils.d.ts.map

package/lib/components/helpers/common-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/common-utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAElD;AAED,wBAAgB,oBAAoB,YAGnC"}

package/lib/components/helpers/common-utils.js

@@ -0,0 +1,8 @@
+export function isEmptyObject(obj) {
+    return Object.keys(obj).length === 0;
+}
+export function isInfinity23OrHigher() {
+    const pCoreVersion = PCore.getPCoreVersion();
+    return ['8.23.0', '23.1.1'].includes(pCoreVersion);
+}
+//# sourceMappingURL=common-utils.js.map

package/lib/components/helpers/common-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/common-utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa,CAAC,GAAW;IACvC,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,oBAAoB;IAClC,MAAM,YAAY,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC;IAC7C,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AACrD,CAAC","sourcesContent":["export function isEmptyObject(obj: Object): boolean {\n  return Object.keys(obj).length === 0;\n}\n\nexport function isInfinity23OrHigher() {\n  const pCoreVersion = PCore.getPCoreVersion();\n  return ['8.23.0', '23.1.1'].includes(pCoreVersion);\n}\n"]}

package/lib/components/helpers/data_page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data_page.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/data_page.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,wEAoBvB,CAAC"}
+{"version":3,"file":"data_page.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/data_page.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,WAAW,wEAmBvB,CAAC"}

package/lib/components/helpers/data_page.js

@@ -3,12 +3,11 @@ export const getDataPage = (dataPageName, parameters, context) => {
     let dataViewParams;
     if (parameters) {
         dataViewParams = {
-            'dataViewParameters': parameters
+            dataViewParameters: parameters
         };
     }
     return new Promise((resolve, reject) => {
-        PCore.getDataApiUtils()
-            .getData(dataPageName, dataViewParams, context)
+        PCore.getDataApiUtils().getData(dataPageName, dataViewParams, context)
             .then(response => {
             resolve(response.data.data);
         })

package/lib/components/helpers/data_page.js.map

@@ -1 +1 @@
-{"version":3,"file":"data_page.js","sourceRoot":"","sources":["../../../src/components/helpers/data_page.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE;IAC/D,IAAI,cAAc,CAAC;IACnB,IAAG,UAAU,EAAC;QACZ,cAAc,GAAG;YACf,oBAAoB,EAAE,UAAU;SACjC,CAAC;KACH;IACD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,KAAK,CAAC,eAAe,EAAE;aACpB,OAAO,CAAC,YAAY,EAAE,cAAc,EAAE,OAAO,CAAC;aAC9C,IAAI,CAAC,QAAQ,CAAC,EAAE;YACf,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,CAAC,EAAE;YACT,IAAI,CAAC,EAAE;gBACL,8FAA8F;gBAC9F,MAAM,CAAC,CAAC,CAAC,CAAC;aACX;QACH,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["declare const PCore;\n\n// eslint-disable-next-line import/prefer-default-export\nexport const getDataPage = (dataPageName, parameters, context) => {\n  let dataViewParams;\n  if(parameters){\n    dataViewParams = {\n      'dataViewParameters': parameters\n    };\n  }\n  return new Promise((resolve, reject) => {\n    PCore.getDataApiUtils()\n      .getData(dataPageName, dataViewParams, context)\n      .then(response => {\n        resolve(response.data.data);\n      })\n      .catch(e => {\n        if (e) {\n          // check specific error if 401, and wiped out if so stored token is stale.  Fetcch new tokens.\n          reject(e);\n        }\n      });\n  });\n};\n"]}
+{"version":3,"file":"data_page.js","sourceRoot":"","sources":["../../../src/components/helpers/data_page.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE;IAC/D,IAAI,cAAc,CAAC;IACnB,IAAI,UAAU,EAAE;QACd,cAAc,GAAG;YACf,kBAAkB,EAAE,UAAU;SAC/B,CAAC;KACH;IACD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACpC,KAAK,CAAC,eAAe,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,cAAc,EAAE,OAAO,CAAS;aAC5E,IAAI,CAAC,QAAQ,CAAC,EAAE;YACf,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,CAAC,EAAE;YACT,IAAI,CAAC,EAAE;gBACL,8FAA8F;gBAC9F,MAAM,CAAC,CAAC,CAAC,CAAC;aACX;QACH,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// eslint-disable-next-line import/prefer-default-export\nexport const getDataPage = (dataPageName, parameters, context) => {\n  let dataViewParams;\n  if (parameters) {\n    dataViewParams = {\n      dataViewParameters: parameters\n    };\n  }\n  return new Promise((resolve, reject) => {\n    (PCore.getDataApiUtils().getData(dataPageName, dataViewParams, context) as any)\n      .then(response => {\n        resolve(response.data.data);\n      })\n      .catch(e => {\n        if (e) {\n          // check specific error if 401, and wiped out if so stored token is stale.  Fetcch new tokens.\n          reject(e);\n        }\n      });\n  });\n};\n"]}

package/lib/components/helpers/date-format-utils.d.ts

@@ -4,10 +4,5 @@ export declare const dateFormatInfoDefault: {
     dateFormatStringLC: string;
     dateFormatMask: string;
 };
-export declare const getDateFormatInfo: () => {
-    dateFormatString: string;
-    dateFormatStringLong: string;
-    dateFormatStringLC: string;
-    dateFormatMask: string;
-};
+export declare const getDateFormatInfo: () => typeof dateFormatInfoDefault;
 //# sourceMappingURL=date-format-utils.d.ts.map

package/lib/components/helpers/date-format-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-format-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/date-format-utils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB;;;;;CAKjC,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;CAuD7B,CAAA"}
+{"version":3,"file":"date-format-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/date-format-utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;CAKjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAAO,4BAkEpC,CAAC"}

package/lib/components/helpers/date-format-utils.js

@@ -1,13 +1,15 @@
 import { getLocale } from './formatters/common';
 export const dateFormatInfoDefault = {
-    dateFormatString: "MM/DD/YYYY",
-    dateFormatStringLong: "MMM DD, YYYY",
-    dateFormatStringLC: "mm/dd/yyyy",
-    dateFormatMask: "__/__/____"
+    dateFormatString: 'MM/DD/YYYY',
+    dateFormatStringLong: 'MMM DD, YYYY',
+    dateFormatStringLC: 'mm/dd/yyyy',
+    dateFormatMask: '__/__/____'
 };
 export const getDateFormatInfo = () => {
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localeCategory = 'CosmosFields';
     const theDateFormatInfo = dateFormatInfoDefault;
-    const theLocale = getLocale(); // PCore.getEnvironmentInfo().getUseLocale() || "US-en";
+    const theLocale = getLocale();
     // NOTE: this date was chosen since it has a day larger than 12. If you change it,
     //  you'll need to change the indexOf values below!
     const theTestDate = new Date(Date.parse('30 November 2023 12:00:00 GMT'));
@@ -18,27 +20,34 @@ export const getDateFormatInfo = () => {
     const locMM = theTestDateLocaleString.indexOf('11');
     const locDD = theTestDateLocaleString.indexOf('30');
     const locYYYY = theTestDateLocaleString.indexOf('2023');
+    // If localized placeholder exists for one of day/month/year then show it otherwise fall back to ddmmyyyy
+    const localizedPlaceholderExists = localizedVal('month_placeholder', localeCategory) !== 'month_placeholder' ||
+        localizedVal('day_placeholder', localeCategory) !== 'day_placeholder' ||
+        localizedVal('year_placeholder', localeCategory) !== 'year_placeholder';
     const arrPieces = [
         {
             loc: locMM,
             format: 'MM',
             longFormat: 'MMM',
-            placeholder: 'mm',
-            mask: '__'
+            placeholder: localizedPlaceholderExists ? localizedVal('month_placeholder', localeCategory) : 'mm',
+            mask: '__',
+            separator: theTestDateLocaleString[locMM + 2]
         },
         {
             loc: locDD,
             format: 'DD',
             longFormat: 'DD',
-            placeholder: 'dd',
-            mask: '__'
+            placeholder: localizedPlaceholderExists ? localizedVal('day_placeholder', localeCategory) : 'dd',
+            mask: '__',
+            separator: theTestDateLocaleString[locDD + 2]
         },
         {
             loc: locYYYY,
             format: 'YYYY',
             longFormat: 'YYYY',
-            placeholder: 'yyyy',
-            mask: '____'
+            placeholder: localizedPlaceholderExists ? localizedVal('year_placeholder', localeCategory) : 'yyyy',
+            mask: '____',
+            separator: theTestDateLocaleString[locYYYY + 4]
         }
     ];
     // Sort the associative array by order of appearance (loc) of each piece
@@ -50,10 +59,10 @@ export const getDateFormatInfo = () => {
         return 0;
     });
     // Construct the structure to return...
-    theDateFormatInfo.dateFormatString = `${arrPieces[0].format}/${arrPieces[1].format}/${arrPieces[2].format}`;
+    theDateFormatInfo.dateFormatString = `${arrPieces[0].format}${arrPieces[0].separator}${arrPieces[1].format}${arrPieces[1].separator}${arrPieces[2].format}`;
     theDateFormatInfo.dateFormatStringLong = `${arrPieces[0].longFormat} ${arrPieces[1].longFormat}, ${arrPieces[2].longFormat}`;
-    theDateFormatInfo.dateFormatStringLC = `${arrPieces[0].placeholder}/${arrPieces[1].placeholder}/${arrPieces[2].placeholder}`;
-    theDateFormatInfo.dateFormatMask = `${arrPieces[0].mask}/${arrPieces[1].mask}/${arrPieces[2].mask}`;
+    theDateFormatInfo.dateFormatStringLC = `${arrPieces[0].placeholder}${arrPieces[0].separator}${arrPieces[1].placeholder}${arrPieces[1].separator}${arrPieces[2].placeholder}`;
+    theDateFormatInfo.dateFormatMask = `${arrPieces[0].mask}${arrPieces[0].separator}${arrPieces[1].mask}${arrPieces[1].separator}${arrPieces[2].mask}`;
     return theDateFormatInfo;
 };
 //# sourceMappingURL=date-format-utils.js.map

package/lib/components/helpers/date-format-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-format-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/date-format-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,gBAAgB,EAAE,YAAY;IAC9B,oBAAoB,EAAE,cAAc;IACpC,kBAAkB,EAAE,YAAY;IAChC,cAAc,EAAE,YAAY;CAC7B,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;IAChD,MAAM,SAAS,GAAG,SAAS,EAAE,CAAC,CAAC,wDAAwD;IAEvF,kFAAkF;IAClF,mDAAmD;IACnD,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC,CAAC;IAC1E,MAAM,uBAAuB,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAEvF,8FAA8F;IAE9F,qFAAqF;IACrF,sEAAsE;IACtE,MAAM,KAAK,GAAG,uBAAuB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,uBAAuB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,uBAAuB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAExD,MAAM,SAAS,GAAG;QAChB;YACE,GAAG,EAAE,KAAK;YACV,MAAM,EAAE,IAAI;YACZ,UAAU,EAAE,KAAK;YACjB,WAAW,EAAE,IAAI;YACjB,IAAI,EAAE,IAAI;SACX;QACD;YACE,GAAG,EAAE,KAAK;YACV,MAAM,EAAE,IAAI;YACZ,UAAU,EAAE,IAAI;YAChB,WAAW,EAAE,IAAI;YACjB,IAAI,EAAE,IAAI;SACX;QACD;YACE,GAAG,EAAE,OAAO;YACZ,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,MAAM;YAClB,WAAW,EAAE,MAAM;YACnB,IAAI,EAAE,MAAM;SACb;KACD,CAAC;IAEH,wEAAwE;IACxE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACtB,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG;YAAE,OAAO,CAAC,CAAC,CAAC;QAC7B,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG;YAAE,OAAO,CAAC,CAAC;QAC5B,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;IAEH,uCAAuC;IACvC,iBAAiB,CAAC,gBAAgB,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;IAC5G,iBAAiB,CAAC,oBAAoB,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC7H,iBAAiB,CAAC,kBAAkB,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC7H,iBAAiB,CAAC,cAAc,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAEpG,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAA","sourcesContent":["import { getLocale } from './formatters/common';\n\n\nexport const dateFormatInfoDefault = {\n  dateFormatString: \"MM/DD/YYYY\",\n  dateFormatStringLong: \"MMM DD, YYYY\",\n  dateFormatStringLC: \"mm/dd/yyyy\",\n  dateFormatMask: \"__/__/____\"\n}\n\nexport const getDateFormatInfo = () => {\n  const theDateFormatInfo = dateFormatInfoDefault;\n  const theLocale = getLocale(); // PCore.getEnvironmentInfo().getUseLocale() || \"US-en\";\n\n  // NOTE: this date was chosen since it has a day larger than 12. If you change it,\n  //  you'll need to change the indexOf values below!\n  const theTestDate = new Date(Date.parse('30 November 2023 12:00:00 GMT'));\n  const theTestDateLocaleString = new Intl.DateTimeFormat(theLocale).format(theTestDate);\n\n  // console.log(`theLocale: ${theLocale} theTestDateLocaleString: ${theTestDateLocaleString}`);\n\n  // Build the format string based on where '11' (mm), '30' (dd), and '2023' (yyyy) are\n  //  Example: US locations are 0, 3, 6 but for NL locations are 3, 0, 6\n  const locMM = theTestDateLocaleString.indexOf('11');\n  const locDD = theTestDateLocaleString.indexOf('30');\n  const locYYYY = theTestDateLocaleString.indexOf('2023');\n\n  const arrPieces = [\n    {\n      loc: locMM,\n      format: 'MM',\n      longFormat: 'MMM',\n      placeholder: 'mm',\n      mask: '__'\n    },\n    {\n      loc: locDD,\n      format: 'DD',\n      longFormat: 'DD',\n      placeholder: 'dd',\n      mask: '__'\n    },\n    {\n      loc: locYYYY,\n      format: 'YYYY',\n      longFormat: 'YYYY',\n      placeholder: 'yyyy',\n      mask: '____'\n    }\n   ];\n\n  // Sort the associative array by order of appearance (loc) of each piece\n  arrPieces.sort((a, b) => {\n    if (a.loc < b.loc) return -1;\n    if (a.loc > b.loc) return 1;\n    return 0;\n  });\n\n  // Construct the structure to return...\n  theDateFormatInfo.dateFormatString = `${arrPieces[0].format}/${arrPieces[1].format}/${arrPieces[2].format}`;\n  theDateFormatInfo.dateFormatStringLong = `${arrPieces[0].longFormat} ${arrPieces[1].longFormat}, ${arrPieces[2].longFormat}`;\n  theDateFormatInfo.dateFormatStringLC = `${arrPieces[0].placeholder}/${arrPieces[1].placeholder}/${arrPieces[2].placeholder}`;\n  theDateFormatInfo.dateFormatMask = `${arrPieces[0].mask}/${arrPieces[1].mask}/${arrPieces[2].mask}`;\n\n  return theDateFormatInfo;\n}\n"]}
+{"version":3,"file":"date-format-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/date-format-utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { getLocale } from './formatters/common';\n\nexport const dateFormatInfoDefault = {\n  dateFormatString: 'MM/DD/YYYY',\n  dateFormatStringLong: 'MMM DD, YYYY',\n  dateFormatStringLC: 'mm/dd/yyyy',\n  dateFormatMask: '__/__/____'\n};\n\nexport const getDateFormatInfo = (): typeof dateFormatInfoDefault => {\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'CosmosFields';\n  const theDateFormatInfo = dateFormatInfoDefault;\n  const theLocale = getLocale();\n\n  // NOTE: this date was chosen since it has a day larger than 12. If you change it,\n  //  you'll need to change the indexOf values below!\n  const theTestDate = new Date(Date.parse('30 November 2023 12:00:00 GMT'));\n  const theTestDateLocaleString = new Intl.DateTimeFormat(theLocale).format(theTestDate);\n\n  // console.log(`theLocale: ${theLocale} theTestDateLocaleString: ${theTestDateLocaleString}`);\n\n  // Build the format string based on where '11' (mm), '30' (dd), and '2023' (yyyy) are\n  //  Example: US locations are 0, 3, 6 but for NL locations are 3, 0, 6\n  const locMM = theTestDateLocaleString.indexOf('11');\n  const locDD = theTestDateLocaleString.indexOf('30');\n  const locYYYY = theTestDateLocaleString.indexOf('2023');\n\n  // If localized placeholder exists for one of day/month/year then show it otherwise fall back to ddmmyyyy\n  const localizedPlaceholderExists =\n    localizedVal('month_placeholder', localeCategory) !== 'month_placeholder' ||\n    localizedVal('day_placeholder', localeCategory) !== 'day_placeholder' ||\n    localizedVal('year_placeholder', localeCategory) !== 'year_placeholder';\n\n  const arrPieces = [\n    {\n      loc: locMM,\n      format: 'MM',\n      longFormat: 'MMM',\n      placeholder: localizedPlaceholderExists ? localizedVal('month_placeholder', localeCategory) : 'mm',\n      mask: '__',\n      separator: theTestDateLocaleString[locMM + 2]\n    },\n    {\n      loc: locDD,\n      format: 'DD',\n      longFormat: 'DD',\n      placeholder: localizedPlaceholderExists ? localizedVal('day_placeholder', localeCategory) : 'dd',\n      mask: '__',\n      separator: theTestDateLocaleString[locDD + 2]\n    },\n    {\n      loc: locYYYY,\n      format: 'YYYY',\n      longFormat: 'YYYY',\n      placeholder: localizedPlaceholderExists ? localizedVal('year_placeholder', localeCategory) : 'yyyy',\n      mask: '____',\n      separator: theTestDateLocaleString[locYYYY + 4]\n    }\n  ];\n\n  // Sort the associative array by order of appearance (loc) of each piece\n  arrPieces.sort((a, b) => {\n    if (a.loc < b.loc) return -1;\n    if (a.loc > b.loc) return 1;\n    return 0;\n  });\n\n  // Construct the structure to return...\n  theDateFormatInfo.dateFormatString = `${arrPieces[0].format}${arrPieces[0].separator}${arrPieces[1].format}${arrPieces[1].separator}${arrPieces[2].format}`;\n  theDateFormatInfo.dateFormatStringLong = `${arrPieces[0].longFormat} ${arrPieces[1].longFormat}, ${arrPieces[2].longFormat}`;\n  theDateFormatInfo.dateFormatStringLC = `${arrPieces[0].placeholder}${arrPieces[0].separator}${arrPieces[1].placeholder}${arrPieces[1].separator}${arrPieces[2].placeholder}`;\n  theDateFormatInfo.dateFormatMask = `${arrPieces[0].mask}${arrPieces[0].separator}${arrPieces[1].mask}${arrPieces[1].separator}${arrPieces[2].mask}`;\n\n  return theDateFormatInfo;\n};\n"]}

package/lib/components/helpers/event-utils.d.ts

@@ -1,3 +1,3 @@
+declare const handleEvent: (actions: any, eventType: string, propName: string, value: string) => void;
 export default handleEvent;
-declare function handleEvent(actions: any, eventType: any, propName: any, value: any): void;
 //# sourceMappingURL=event-utils.d.ts.map

package/lib/components/helpers/event-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"event-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/event-utils.js"],"names":[],"mappings":";AAEA,4FAeC"}
+{"version":3,"file":"event-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/event-utils.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW,YAAa,GAAG,aAAa,MAAM,YAAY,MAAM,SAAS,MAAM,SAepF,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/helpers/event-utils.js

@@ -1,13 +1,13 @@
 // From DX Components src/utils/event-utils.js
 const handleEvent = (actions, eventType, propName, value) => {
     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/components/helpers/event-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"event-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/event-utils.js"],"names":[],"mappings":"AAAA,8CAA8C;AAE9C,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAC1D,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ;YACX,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC1C,MAAM;QACR,KAAK,MAAM;YACT,OAAO,CAAC,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC5C,MAAM;QACR,KAAK,aAAa;YAChB,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC1C,OAAO,CAAC,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC5C,MAAM;QACR;YACE,MAAM;KACT;AACH,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["// From DX Components src/utils/event-utils.js\n\nconst handleEvent = (actions, eventType, propName, value) => {\n  switch (eventType) {\n    case \"change\":\n      actions.updateFieldValue(propName, value);\n      break;\n    case \"blur\":\n      actions.triggerFieldChange(propName, value);\n      break;\n    case \"changeNblur\":\n      actions.updateFieldValue(propName, value);\n      actions.triggerFieldChange(propName, value);\n      break;\n    default:\n      break;\n  }\n};\n\nexport default handleEvent;\n"]}
+{"version":3,"file":"event-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/event-utils.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAE9C,MAAM,WAAW,GAAG,CAAC,OAAY,EAAE,SAAiB,EAAE,QAAgB,EAAE,KAAa,EAAE,EAAE;IACvF,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ;YACX,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC1C,MAAM;QACR,KAAK,MAAM;YACT,OAAO,CAAC,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC5C,MAAM;QACR,KAAK,aAAa;YAChB,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC1C,OAAO,CAAC,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC5C,MAAM;QACR;YACE,MAAM;KACT;AACH,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["// From DX Components src/utils/event-utils.js\n\nconst handleEvent = (actions: any, eventType: string, propName: string, value: string) => {\n  switch (eventType) {\n    case 'change':\n      actions.updateFieldValue(propName, value);\n      break;\n    case 'blur':\n      actions.triggerFieldChange(propName, value);\n      break;\n    case 'changeNblur':\n      actions.updateFieldValue(propName, value);\n      actions.triggerFieldChange(propName, value);\n      break;\n    default:\n      break;\n  }\n};\n\nexport default handleEvent;\n"]}

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

@@ -1,3 +1,16 @@
-export function getReferenceList(pConn: any): string;
-export function buildView(pConn: any, index: any, viewConfigPath: any): any;
+import { ReactElement } from 'react';
+/**
+ *
+ * @param {*} pConn - pConnect object of the view
+ * @returns {string} - returns the name of referenceList
+ */
+export declare const getReferenceList: (pConn: any) => any;
+/**
+ * creates and returns react element of the view
+ * @param {*} pConn - pConnect object of the view
+ * @param {*} index - index of the fieldGroup item
+ * @param {*} viewConfigPath - boolean value to check for children in config
+ * @returns {*} - return the react element of the view
+ */
+export declare function buildView(pConn: any, index: any, viewConfigPath: any): ReactElement;
 //# sourceMappingURL=field-group-utils.d.ts.map

package/lib/components/helpers/field-group-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-group-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/field-group-utils.js"],"names":[],"mappings":"AAUO,8CAHM,MAAM,CAclB;AASM,4EA0BN"}
+{"version":3,"file":"field-group-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/field-group-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAIpD;;;;GAIG;AAEH,eAAO,MAAM,gBAAgB,qBAW5B,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,KAAK,KAAA,EAAE,KAAK,KAAA,EAAE,cAAc,KAAA,GAAG,YAAY,CAyBpE"}

package/lib/components/helpers/field-group-utils.js

@@ -25,16 +25,13 @@ export const getReferenceList = pConn => {
  * @param {*} viewConfigPath - boolean value to check for children in config
  * @returns {*} - return the react element of the view
  */
-export const buildView = (pConn, index, viewConfigPath) => {
+export function buildView(pConn, index, viewConfigPath) {
     const context = pConn.getContextName();
     const referenceList = getReferenceList(pConn);
     const isDatapage = referenceList.startsWith('D_');
-    const pageReference = isDatapage
-        ? `${referenceList}[${index}]`
-        : `${pConn.getPageReference()}${referenceList}[${index}]`;
-    const meta = viewConfigPath
-        ? pConn.getRawMetadata().children[0].children[0]
-        : pConn.getRawMetadata().children[0];
+    const pageReference = isDatapage ? `${referenceList}[${index}]` : `${pConn.getPageReference()}${referenceList}[${index}]`;
+    const meta = viewConfigPath ? pConn.getRawMetadata().children[0].children[0] : pConn.getRawMetadata().children[0];
+    delete meta?.config?.ruleClass;
     const config = {
         meta,
         options: {
@@ -44,11 +41,10 @@ export const buildView = (pConn, index, viewConfigPath) => {
             hasForm: true
         }
     };
-    // eslint-disable-next-line no-undef
     const view = PCore.createPConnect(config);
     if (pConn.getConfigProps()?.displayMode === 'LABELS_LEFT') {
         view.getPConnect()?.setInheritedProp('displayMode', 'LABELS_LEFT');
     }
     return createElement(createPConnectComponent(), view);
-};
+}
 //# sourceMappingURL=field-group-utils.js.map

package/lib/components/helpers/field-group-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-group-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/field-group-utils.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,uBAAuB,MAAM,6BAA6B,CAAC;AAElE;;;;GAIG;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,EAAE;IACtC,IAAI,WAAW,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC9E,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC9B,WAAW,GAAG,KAAK,CAAC,0BAA0B,CAAC,WAAW,CAAC,CAAC;QAC5D,IAAI,WAAW,EAAE,SAAS,EAAE;YAC1B,WAAW,GAAG,WAAW,EAAE,SAAS,CAAC;SACtC;aAAM,IAAI,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;YAC9E,WAAW,GAAG,GAAG,WAAW,YAAY,CAAC;SAC1C;KACF;IACD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;IACvC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,UAAU;QAC9B,CAAC,CAAC,GAAG,aAAa,IAAI,KAAK,GAAG;QAC9B,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,EAAE,GAAG,aAAa,IAAI,KAAK,GAAG,CAAC;IAC5D,MAAM,IAAI,GAAG,cAAc;QACzB,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;QAChD,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG;QACb,IAAI;QACJ,OAAO,EAAE;YACP,OAAO;YACP,aAAa;YACb,aAAa;YACb,OAAO,EAAE,IAAI;SACd;KACF,CAAC;IACF,oCAAoC;IACpC,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAC1C,IAAI,KAAK,CAAC,cAAc,EAAE,EAAE,WAAW,KAAK,aAAa,EAAE;QACzD,IAAI,CAAC,WAAW,EAAE,EAAE,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;KACpE;IACD,OAAO,aAAa,CAAC,uBAAuB,EAAE,EAAE,IAAI,CAAC,CAAC;AACxD,CAAC,CAAC","sourcesContent":["import { createElement } from 'react';\n\nimport createPConnectComponent from '../../bridge/react_pconnect';\n\n/**\n *\n * @param {*} pConn - pConnect object of the view\n * @returns {string} - returns the name of referenceList\n */\n\nexport const getReferenceList = pConn => {\n  let resolvePage = pConn.getComponentConfig().referenceList.replace('@P ', '');\n  if (resolvePage.includes('D_')) {\n    resolvePage = pConn.resolveDatasourceReference(resolvePage);\n    if (resolvePage?.pxResults) {\n      resolvePage = resolvePage?.pxResults;\n    } else if (resolvePage.startsWith('D_') && !resolvePage.endsWith('.pxResults')) {\n      resolvePage = `${resolvePage}.pxResults`;\n    }\n  }\n  return resolvePage;\n};\n\n/**\n * creates and returns react element of the view\n * @param {*} pConn - pConnect object of the view\n * @param {*} index - index of the fieldGroup item\n * @param {*} viewConfigPath - boolean value to check for children in config\n * @returns {*} - return the react element of the view\n */\nexport const buildView = (pConn, index, viewConfigPath) => {\n  const context = pConn.getContextName();\n  const referenceList = getReferenceList(pConn);\n\n  const isDatapage = referenceList.startsWith('D_');\n  const pageReference = isDatapage\n    ? `${referenceList}[${index}]`\n    : `${pConn.getPageReference()}${referenceList}[${index}]`;\n  const meta = viewConfigPath\n    ? pConn.getRawMetadata().children[0].children[0]\n    : pConn.getRawMetadata().children[0];\n  const config = {\n    meta,\n    options: {\n      context,\n      pageReference,\n      referenceList,\n      hasForm: true\n    }\n  };\n  // eslint-disable-next-line no-undef\n  const view = PCore.createPConnect(config);\n  if (pConn.getConfigProps()?.displayMode === 'LABELS_LEFT') {\n    view.getPConnect()?.setInheritedProp('displayMode', 'LABELS_LEFT');\n  }\n  return createElement(createPConnectComponent(), view);\n};\n"]}
+{"version":3,"file":"field-group-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/field-group-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAgB,MAAM,OAAO,CAAC;AAEpD,OAAO,uBAAuB,MAAM,6BAA6B,CAAC;AAElE;;;;GAIG;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,EAAE;IACtC,IAAI,WAAW,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC9E,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC9B,WAAW,GAAG,KAAK,CAAC,0BAA0B,CAAC,WAAW,CAAC,CAAC;QAC5D,IAAI,WAAW,EAAE,SAAS,EAAE;YAC1B,WAAW,GAAG,WAAW,EAAE,SAAS,CAAC;SACtC;aAAM,IAAI,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;YAC9E,WAAW,GAAG,GAAG,WAAW,YAAY,CAAC;SAC1C;KACF;IACD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,UAAU,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc;IACpD,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;IACvC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,EAAE,GAAG,aAAa,IAAI,KAAK,GAAG,CAAC;IAC1H,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElH,OAAO,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC;IAE/B,MAAM,MAAM,GAAG;QACb,IAAI;QACJ,OAAO,EAAE;YACP,OAAO;YACP,aAAa;YACb,aAAa;YACb,OAAO,EAAE,IAAI;SACd;KACF,CAAC;IAEF,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAC1C,IAAI,KAAK,CAAC,cAAc,EAAE,EAAE,WAAW,KAAK,aAAa,EAAE;QACzD,IAAI,CAAC,WAAW,EAAE,EAAE,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;KACpE;IACD,OAAO,aAAa,CAAC,uBAAuB,EAAE,EAAE,IAAI,CAAC,CAAC;AACxD,CAAC","sourcesContent":["import { createElement, ReactElement } from 'react';\n\nimport createPConnectComponent from '../../bridge/react_pconnect';\n\n/**\n *\n * @param {*} pConn - pConnect object of the view\n * @returns {string} - returns the name of referenceList\n */\n\nexport const getReferenceList = pConn => {\n  let resolvePage = pConn.getComponentConfig().referenceList.replace('@P ', '');\n  if (resolvePage.includes('D_')) {\n    resolvePage = pConn.resolveDatasourceReference(resolvePage);\n    if (resolvePage?.pxResults) {\n      resolvePage = resolvePage?.pxResults;\n    } else if (resolvePage.startsWith('D_') && !resolvePage.endsWith('.pxResults')) {\n      resolvePage = `${resolvePage}.pxResults`;\n    }\n  }\n  return resolvePage;\n};\n\n/**\n * creates and returns react element of the view\n * @param {*} pConn - pConnect object of the view\n * @param {*} index - index of the fieldGroup item\n * @param {*} viewConfigPath - boolean value to check for children in config\n * @returns {*} - return the react element of the view\n */\nexport function buildView(pConn, index, viewConfigPath): ReactElement {\n  const context = pConn.getContextName();\n  const referenceList = getReferenceList(pConn);\n\n  const isDatapage = referenceList.startsWith('D_');\n  const pageReference = isDatapage ? `${referenceList}[${index}]` : `${pConn.getPageReference()}${referenceList}[${index}]`;\n  const meta = viewConfigPath ? pConn.getRawMetadata().children[0].children[0] : pConn.getRawMetadata().children[0];\n\n  delete meta?.config?.ruleClass;\n\n  const config = {\n    meta,\n    options: {\n      context,\n      pageReference,\n      referenceList,\n      hasForm: true\n    }\n  };\n\n  const view = PCore.createPConnect(config);\n  if (pConn.getConfigProps()?.displayMode === 'LABELS_LEFT') {\n    view.getPConnect()?.setInheritedProp('displayMode', 'LABELS_LEFT');\n  }\n  return createElement(createPConnectComponent(), view);\n}\n"]}

package/lib/components/helpers/formatters/Boolean.d.ts

@@ -1,5 +1,5 @@
-declare namespace _default {
-    function TrueFalse(value: any, options: any): any;
-}
+declare const _default: {
+    TrueFalse: (value: any, options: any) => any;
+};
 export default _default;
 //# sourceMappingURL=Boolean.d.ts.map

package/lib/components/helpers/formatters/Boolean.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Boolean.d.ts","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/Boolean.js"],"names":[],"mappings":";IA+Ba,kDAKP"}
+{"version":3,"file":"Boolean.d.ts","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/Boolean.ts"],"names":[],"mappings":";;;AAaA,wBAOE"}

package/lib/components/helpers/formatters/Boolean.js

@@ -1,31 +1,20 @@
-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;
 }
 export default {
     TrueFalse: (value, options) => Boolean(value, {
         ...options,
-        tick: "True",
-        cross: "False"
+        tick: options.trueLabel || 'True',
+        cross: options.falseLabel || 'False'
     })
 };
 //# sourceMappingURL=Boolean.js.map

package/lib/components/helpers/formatters/Boolean.js.map

@@ -1 +1 @@
-{"version":3,"file":"Boolean.js","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/Boolean.js"],"names":[],"mappings":"AAAA,SAAS,OAAO,CAAC,KAAK,EAAE,EAAE,UAAU,GAAG,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,EAAE;IACvE,IACE,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC;QACvB,KAAK,KAAK,KAAK;QACf,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,KAAK,OAAO;QAC5C,KAAK,KAAK,CAAC;QACX,KAAK,KAAK,GAAG,EACb;QACA,OAAO,KAAK,IAAI,EAAE,CAAC;KACpB;IACD,IACE,KAAK,KAAK,IAAI;QACd,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,KAAK,MAAM;QAC3C,KAAK,KAAK,CAAC;QACX,KAAK,KAAK,GAAG,EACb;QACA,OAAO,IAAI,IAAI,EAAE,CAAC;KACnB;IACD,IACE,UAAU;QACV,CAAC,KAAK,KAAK,MAAM;YACf,KAAK,KAAK,EAAE;YACZ,KAAK,KAAK,IAAI;YACd,OAAO,KAAK,KAAK,WAAW,CAAC,EAC/B;QACA,OAAO,KAAK,CAAC;KACd;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,eAAe;IACb,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CAC5B,OAAO,CAAC,KAAK,EAAE;QACb,GAAG,OAAO;QACV,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;KACf,CAAC;CACL,CAAC","sourcesContent":["function Boolean(value, { allowEmpty = true, tick = \"\", cross = \"\" } = {}) {\n  if (\n    (!allowEmpty && !value) ||\n    value === false ||\n    value?.toString()?.toLowerCase() === \"false\" ||\n    value === 0 ||\n    value === \"0\"\n  ) {\n    return cross || \"\";\n  }\n  if (\n    value === true ||\n    value?.toString()?.toLowerCase() === \"true\" ||\n    value === 1 ||\n    value === \"1\"\n  ) {\n    return tick || \"\";\n  }\n  if (\n    allowEmpty &&\n    (value === \"null\" ||\n      value === \"\" ||\n      value === null ||\n      typeof value === \"undefined\")\n  ) {\n    return \"- -\";\n  }\n  return value;\n}\n\nexport default {\n  TrueFalse: (value, options) =>\n    Boolean(value, {\n      ...options,\n      tick: \"True\",\n      cross: \"False\"\n    })\n};\n"]}
+{"version":3,"file":"Boolean.js","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/Boolean.ts"],"names":[],"mappings":"AAAA,SAAS,OAAO,CAAC,KAAK,EAAE,EAAE,UAAU,GAAG,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,EAAE;IACvE,IAAI,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,KAAK,OAAO,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,KAAK,GAAG,EAAE;QAC9H,OAAO,KAAK,IAAI,EAAE,CAAC;KACpB;IACD,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,KAAK,MAAM,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,KAAK,GAAG,EAAE;QACjG,OAAO,IAAI,IAAI,EAAE,CAAC;KACnB;IACD,IAAI,UAAU,IAAI,CAAC,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,WAAW,CAAC,EAAE;QACtG,OAAO,KAAK,CAAC;KACd;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,eAAe;IACb,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CAC5B,OAAO,CAAC,KAAK,EAAE;QACb,GAAG,OAAO;QACV,IAAI,EAAE,OAAO,CAAC,SAAS,IAAI,MAAM;QACjC,KAAK,EAAE,OAAO,CAAC,UAAU,IAAI,OAAO;KACrC,CAAC;CACL,CAAC","sourcesContent":["function Boolean(value, { allowEmpty = true, tick = '', cross = '' } = {}) {\n  if ((!allowEmpty && !value) || value === false || value?.toString()?.toLowerCase() === 'false' || value === 0 || value === '0') {\n    return cross || '';\n  }\n  if (value === true || value?.toString()?.toLowerCase() === 'true' || value === 1 || value === '1') {\n    return tick || '';\n  }\n  if (allowEmpty && (value === 'null' || value === '' || value === null || typeof value === 'undefined')) {\n    return '- -';\n  }\n  return value;\n}\n\nexport default {\n  TrueFalse: (value, options) =>\n    Boolean(value, {\n      ...options,\n      tick: options.trueLabel || 'True',\n      cross: options.falseLabel || 'False'\n    })\n};\n"]}

package/lib/components/helpers/formatters/Currency.d.ts

@@ -1,10 +1,10 @@
 declare const _default: {
-    Currency: (value: any, options: any) => any;
-    "Currency-Code": (value: any, options: any) => any;
-    Decimal: (value: any, options: any) => any;
-    "Decimal-Auto": (value: any, options: any) => any;
-    Integer: (value: any, options: any) => any;
-    Percentage: (value: any, options: any) => any;
+    Currency: (value: any, options: any) => string;
+    'Currency-Code': (value: any, options: any) => string;
+    Decimal: (value: any, options: any) => string;
+    'Decimal-Auto': (value: any, options: any) => string;
+    Integer: (value: any, options: any) => string;
+    Percentage: (value: any, options: any) => string;
 };
 export default _default;
 //# sourceMappingURL=Currency.d.ts.map

package/lib/components/helpers/formatters/Currency.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Currency.d.ts","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/Currency.js"],"names":[],"mappings":""}
+{"version":3,"file":"Currency.d.ts","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/Currency.ts"],"names":[],"mappings":";;;;;;;;AAiEA,wBAWE"}

package/lib/components/helpers/formatters/Currency.js

@@ -1,6 +1,7 @@
-import { getLocale } from "./common";
-import CurrencyMap from "./CurrencyMap";
-function NumberFormatter(value, { locale, decPlaces = 2 } = {}) {
+import { getLocale } from './common';
+import CurrencyMap from './CurrencyMap';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function NumberFormatter(value, { locale = 'en-US', decPlaces = 2, style = '', currency = 'USD' } = {}) {
     const currentLocale = getLocale(locale);
     if (value !== null && value !== undefined) {
         return Number(value).toLocaleString(currentLocale, {
@@ -10,7 +11,7 @@ function NumberFormatter(value, { locale, decPlaces = 2 } = {}) {
     }
     return value;
 }
-function CurrencyFormatter(value, { symbol = true, position, locale, decPlaces = 2, style = "currency", currency = "USD" } = {}) {
+function CurrencyFormatter(value, { symbol = true, position = 'before', locale = 'en-US', decPlaces = 2, style = 'currency', currency = 'USD' } = {}) {
     const currentLocale = getLocale(locale);
     let formattedValue = value;
     if (value !== null && value !== undefined && value !== '') {
@@ -20,7 +21,7 @@ function CurrencyFormatter(value, { symbol = true, position, locale, decPlaces =
             style,
             currency
         });
-        let countryCode = currentLocale.split("-")[1].toUpperCase();
+        let countryCode = currentLocale?.split('-')[1].toUpperCase();
         // If countryCode is still undefined, setting it as US
         if (!countryCode) {
             countryCode = 'US';
@@ -34,19 +35,18 @@ function CurrencyFormatter(value, { symbol = true, position, locale, decPlaces =
         }
         // if position is provided, change placeholder accordingly.
         if (position && code) {
-            if (position.toLowerCase() === "before" && code.indexOf("{#}") === 0) {
+            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 } = {}) {
+function SymbolFormatter(value, { symbol = '$', suffix = true, locale = 'en-US' } = {}) {
     let formattedValue = value;
     if (value !== null && value !== undefined) {
         formattedValue = NumberFormatter(value, { locale });
@@ -56,13 +56,13 @@ function SymbolFormatter(value, { symbol, suffix = true, locale } = {}) {
 }
 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) => NumberFormatter(value, {
+    '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: "%" })
+    Percentage: (value, options) => SymbolFormatter(value, { ...options, symbol: '%' })
 };
 //# sourceMappingURL=Currency.js.map