TASK-1828883: cleaning template-utils.js

Author: marekpelc-pega

scripts/dxcomponents/components/containers/templates/template-utils.js

@@ -1,4 +1,3 @@
-export const TABLE_CELL = 'SdkRenderer';
 const PRIMARY_FIELDS = 'pyPrimaryFields';
 
 export function getReferenceList(pConn) {
@@ -16,35 +15,63 @@ export function getReferenceList(pConn) {
 
 export const buildFieldsForTable = (configFields, pConnect, options) => {
     const { primaryFieldsViewIndex, fields } = options;
-
     // get resolved field labels for primary fields raw config included in configFields
     const fieldsLabels = updateFieldLabels(fields, configFields, primaryFieldsViewIndex, pConnect, {
         columnsRawConfig: pConnect.getRawConfigProps()?.children?.find(item => item?.name === 'Columns')?.children
     });
 
-    const fieldDefs = configFields?.map((field, index) => {
+    return configFields?.map((field, index) => {
         return {
             type: 'text',
             label: fieldsLabels[index],
             fillAvailableSpace: !!field.config.fillAvailableSpace,
             id: `${index}`,
             name: field.config.value.substr(4),
-            cellRenderer: TABLE_CELL,
             sort: false,
             noContextMenu: true,
             showMenu: false,
             meta: {
                 ...field
-            },
-            // BUG-615253: Workaround for autosize in table with lazy loading components
-            width: getFieldWidth(field, fields[index].config.label)
+            }
         };
     });
-
-    return fieldDefs;
 };
 
-export const updateFieldLabels = (fields, configFields, primaryFieldsViewIndex, pConnect, options) => {
+/**
+ * This method evaluates whether a row action is allowed based on the provided conditions.
+ * @param {string|boolean|undefined} rawExpression - The condition for allowing row action.
+ * @param {object} rowData - The data of the row being evaluated.
+ * @returns {boolean} - Returns true if the row action is allowed, false otherwise.
+ */
+export function evaluateAllowRowAction(rawExpression, rowData) {
+    if (rawExpression === undefined || rawExpression === true) return true;
+    if (rawExpression.startsWith?.("@E ")) {
+        const expression = rawExpression.replace("@E ", "");
+        return PCore.getExpressionEngine().evaluate(expression, rowData);
+    }
+    return false;
+}
+
+export function getContext(thePConn) {
+    const contextName = thePConn.getContextName();
+    const pageReference = thePConn.getPageReference();
+    const {
+        readonlyContextList,
+        referenceList = readonlyContextList
+    } = thePConn.getStateProps()?.config || thePConn.getStateProps();
+
+    const pageReferenceForRows = referenceList.startsWith('.') ? `${pageReference}.${referenceList.substring(1)}` : referenceList;
+    const viewName = thePConn.viewName;
+
+    return {
+        contextName,
+        referenceListStr: referenceList,
+        pageReferenceForRows,
+        viewName
+    };
+}
+
+function updateFieldLabels (fields, configFields, primaryFieldsViewIndex, pConnect, options) {
     const labelsOfFields = [];
     const { columnsRawConfig = [] } = options;
     fields.forEach((field, idx) => {
@@ -82,46 +109,10 @@ export const updateFieldLabels = (fields, configFields, primaryFieldsViewIndex,
     return labelsOfFields;
 };
 
-export function isFLProperty(label) {
+function isFLProperty(label) {
     return label?.startsWith('@FL');
 }
 
-function getFieldWidth(field, label) {
-    let width;
-    switch (field.type) {
-        case 'Time':
-            width = 150;
-            break;
-        case 'Date':
-            width = 160;
-            break;
-        case 'DateTime':
-            width = 205;
-            break;
-        case 'AutoComplete':
-        case 'TextArea':
-            width = 190;
-            break;
-        case 'Currency':
-        case 'TextInput':
-            width = 182;
-            break;
-        case 'Checkbox':
-            // eslint-disable-next-line no-case-declarations
-            const text = document.createElement('span');
-            document.body.appendChild(text);
-            text.style.fontSize = '13px';
-            text.style.position = 'absolute';
-            text.innerHTML = label;
-            width = Math.ceil(text.clientWidth) + 30;
-            document.body.removeChild(text);
-            break;
-        default:
-            width = 180;
-    }
-    return width;
-}
-
 /**
  * [getFieldLabel]
  * Description - A utility that returns resolved field label for "@FL" annotation i.e from data model.
@@ -132,7 +123,7 @@ function getFieldWidth(field, label) {
  * fieldConfig = {label: "@FL .pyID", classID: "TestCase-Work"};
  * return "Case ID"
  */
-export function getFieldLabel(fieldConfig) {
+function getFieldLabel(fieldConfig) {
     const { label, classID, caption } = fieldConfig;
     let fieldLabel = (label ?? caption)?.substring(4);
     const labelSplit = fieldLabel?.split('.');
@@ -141,37 +132,3 @@ export function getFieldLabel(fieldConfig) {
     fieldLabel = fieldMetaData.label ?? fieldMetaData.caption ?? propertyName;
     return fieldLabel;
 }
-
-/**
- * This method evaluates whether a row action is allowed based on the provided conditions.
- * @param {string|boolean|undefined} rawExpression - The condition for allowing row action.
- * @param {object} rowData - The data of the row being evaluated.
- * @returns {boolean} - Returns true if the row action is allowed, false otherwise.
- */
-export function evaluateAllowRowAction(rawExpression, rowData) {
-    if (rawExpression === undefined || rawExpression === true) return true;
-    if (rawExpression.startsWith?.("@E ")) {
-        const expression = rawExpression.replace("@E ", "");
-        return PCore.getExpressionEngine().evaluate(expression, rowData);
-    }
-    return false;
-}
-
-export function getContext(thePConn) {
-    const contextName = thePConn.getContextName();
-    const pageReference = thePConn.getPageReference();
-    const {
-        readonlyContextList,
-        referenceList = readonlyContextList
-    } = thePConn.getStateProps()?.config || thePConn.getStateProps();
-
-    const pageReferenceForRows = referenceList.startsWith('.') ? `${pageReference}.${referenceList.substring(1)}` : referenceList;
-    const viewName = thePConn.viewName;
-
-    return {
-        contextName,
-        referenceListStr: referenceList,
-        pageReferenceForRows,
-        viewName
-    };
-}