@cdmx/wappler_ag_grid 0.0.8 → 0.0.9

package/app_connect/components.hjson

@@ -17,6 +17,11 @@
           "name": "id",
           "title": "Id",
           "type": "number"
+        },
+        {
+          "name": "fields",
+          "title": "Fields",
+          "type": "object"
         }
       ],
       "outputType": "object",
@@ -746,7 +751,8 @@
       "groupIcon": "fa fa-lg fa-cubes",
       "defaultValue": false,
       "show": [
-        "rowClicked"
+        "rowClicked",
+        "rowMods"
       ],
       "noChangeOnHide": true,
       "type": "boolean",

package/dmx-ag-grid.js

@@ -115,16 +115,34 @@ dmx.Component('ag-grid', {
       console.error('No row data provided.');
       return;
     }
-    window.clickEvent = (columnName, value) => {
-      // this.set('fields', {"field": columnName, "data": value});
-      this.set('id', value);
+    function formatValue(value, key, dataType, timezone) {
+      params = {"value":value}
+      if (dataType === 'number') {
+        if (/(amount|amt)$/.test(key)) {
+          return Number(value).toLocaleString("en-US", {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+          });
+        } else {
+          return blankOrNullValueFormatter(params);
+        }
+      } else if (dataType === 'date') {
+        return formatTime(params, timezone);
+      } else {
+        return blankOrNullValueFormatter(params);
+      }
+    }
+    window.clickEvent = (columnName, value, idValue) => {
+      this.set('fields', {"field": columnName, "data": value});
+      this.set('id', idValue);
       this.dispatchEvent('row_clicked')
     };
     function clickCellRenderer(params) {
       const idValue = params.data.id;
-      const columnName = params.colDef.field; 
-      const value = params.value != null ? params.value.toString() : '-';
-      return `<div onclick="clickEvent('${columnName}', '${idValue}')" style="cursor: pointer;">${value}</div>`;
+      const columnName = params.colDef.field;
+      const dataType = detectDataType([params.value]);
+      const value = formatValue(params.value, columnName, dataType, timezone);
+      return `<div onclick="clickEvent('${columnName}', '${value}', '${idValue}')" style="cursor: pointer;">${value}</div>`;
     }
     
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cdmx/wappler_ag_grid",
-    "version": "0.0.8",
+    "version": "0.0.9",
     "type": "module",
     "description": "App Connect module for AG Grid Table Generation",
     "license": "MIT",