@cdmx/wappler_ag_grid 1.7.7 → 1.8.0

package/dmx-ag-grid.js

@@ -1191,7 +1191,7 @@ dmx.Component('ag-grid', {
           }
         }
 
-        
+
         if (options.hide_sort) {
           const hideSortArray = options.hide_sort.split(',');
           if (hideSortArray.includes(key)) {
@@ -1230,7 +1230,7 @@ dmx.Component('ag-grid', {
           }
         }
         function lookupValue(mappings, key) {
-          if (key==''||key === undefined){
+          if (mappings === undefined || key==''||key === undefined){
             return options.cselect_placeholder
           }
           return mappings[key];
@@ -1239,6 +1239,8 @@ dmx.Component('ag-grid', {
           editable = true;
           cellEditor = 'agSelectCellEditor';
           valueFormatter = (params) => {
+            if (params.api.isDestroyed()) return;
+          
             const selectedNode = params.api.getSelectedNodes()[0];
             const dynamicOptions = options.cdynamic_select_editors[key];
             const staticOptions = options.cstatic_select_editors[key];
@@ -1253,7 +1255,7 @@ dmx.Component('ag-grid', {
             } else {
                 selectOptions = selectedNode?.data[dynamicOptions.options_field];
             }
-            return lookupValue(selectOptions, params.value);
+              return lookupValue(selectOptions, params.value);
           };
           valueParser = (params) => {
             return lookupKey(selectOptions, params.newValue);
@@ -1342,7 +1344,7 @@ dmx.Component('ag-grid', {
           editable: false,
           width: 50,
           maxWidth: 50, 
-          suppressMenu: true
+          suppressHeaderMenuButton: true
       };
       columnDefs.unshift(checkboxColumn);
     }
@@ -1446,7 +1448,7 @@ dmx.Component('ag-grid', {
       localeText = AG_GRID_LOCALE_PT
     }
     const gridOptions = {
-      ...(idFieldPresent ? { getRowId: params => params.data.id } : {}),
+      ...(idFieldPresent ? { getRowId: params => String(params.data.id) } : {}),
       columnDefs: (groupedColumnDefs && groupedColumnDefs.length > 0) ? groupedColumnDefs : columnDefs,
       getRowStyle: options.rstyles ? createRowStyleFunction(options.rstyles): undefined,
       localeText: localeText,
@@ -1491,7 +1493,7 @@ dmx.Component('ag-grid', {
       suppressRowDeselection: this.props.suppress_row_deselection,
       columnHoverHighlight: this.props.column_hover_highlight,
       onFilterModified: function (params) { 
-        const columnApi = params.columnApi.api;
+        const columnApi = params.api;
         columnApi.hideOverlay();
         if (!params.api.filterManager.rowModel.rowsToDisplay.length) {
           columnApi.showNoRowsOverlay();
@@ -1500,7 +1502,7 @@ dmx.Component('ag-grid', {
         }
       },
       onGridReady: (params) => {
-        const columnApi = params.columnApi.api;
+        const columnApi = params.api;
         if (options.csort && options.csort.length > 0) {
           let sortModel = options.csort.map(function(sortItem, index) {
               return {
@@ -1673,7 +1675,7 @@ dmx.Component('ag-grid', {
     gridInstance = agGrid.createGrid(gridDiv, gridConfig);
     gridInstance.setGridOption('rowData', rowData)
     if (options.loading_overlay) {
-      gridInstance.showLoadingOverlay()
+      gridInstance.setGridOption("loading", true)
       setTimeout(() => {
         gridInstance.hideOverlay()
       }, options.loading_overlay_duration);
@@ -1880,8 +1882,16 @@ dmx.Component('ag-grid', {
           const cellRenderer = columnDef.cellRenderer;
           // Apply cellRenderer if it exists
           if (cellRenderer && typeof cellRenderer === "function") {
-            const cellRendererValue = cellRenderer(params);
-            console.log(cellRendererValue)
+            const cellRendererParams = {
+              value: params.value,
+              data: params.node.data,
+              node: params.node,
+              colDef: columnDef,
+              column: params.column,
+              api: params.api,
+              context: params.context,
+            };
+            const cellRendererValue = cellRenderer(cellRendererParams);
               return cellRendererValue;
           }
           else if (valueFormatter && typeof valueFormatter === "function") {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cdmx/wappler_ag_grid",
-    "version": "1.7.7",
+    "version": "1.8.0",
     "type": "module",
     "description": "App Connect module for AG Grid Table Generation.",
     "license": "MIT",
@@ -14,7 +14,7 @@
         "ag-grid"
     ],
     "dependencies": {
-        "ag-grid-community": "~31.2.1",
+        "ag-grid-community": "~32.0.0",
         "exceljs": "4.4.x",
         "papaparse": "5.4.x"
     },