@cdmx/wappler_ag_grid 0.3.4 → 0.3.5

package/dmx-ag-grid.js

@@ -75,8 +75,9 @@ dmx.Component('ag-grid', {
       this.refreshGrid();
     },
     reloadGrid: function () {
-      this.refreshGrid()
-      console.log('reloadGrid');
+      dmx.nextTick(function() {
+        this.refreshGrid();
+      }, this);
     }
   },
 
@@ -327,6 +328,44 @@ dmx.Component('ag-grid', {
         return value;
       };
     }
+    createCombinedFilterValueGetter = (key, dataChanges, dataBindedChanges) => {
+      const keyLookup = {};
+    
+      dataBindedChanges.forEach(change => {
+        if (!keyLookup[change.field]) {
+          const data_source = change.data_source;
+          const property = change.property;
+          const output = change.output;
+          let dataArray;
+          this.$addBinding(data_source, (function (e) {
+            dataArray = e;
+          }));
+          keyLookup[change.field] = { dataArray, property, output };
+        }
+      });
+    
+      return function (params) {
+        const value = params.data[key];
+    
+        // Check if there's a matching change in dataChanges
+        const matchingChange = dataChanges.find(change => change.field === key && change.value === String(value));
+        if (matchingChange) {
+          return matchingChange.new_value;
+        }
+        // Check if there's a matching change in dataBindedChanges
+        const matchingKeyData = keyLookup[key];
+        if (matchingKeyData) {
+          const { dataArray, property, output } = matchingKeyData;
+          const matchingItem = dataArray.find(item => item[property] === value);
+    
+          if (matchingItem) {
+            return matchingItem[output];
+          }
+        }
+        // Return the original value if no matching changes were found
+        return value;
+      };
+    };
     if (Array.isArray(this.props.column_defs) && this.props.column_defs.length > 0) {
       columnDefs = this.props.column_defs;
     } else {
@@ -384,6 +423,7 @@ dmx.Component('ag-grid', {
         else {
           // valueGetter = getValueGetter(key, dataChanges);
           valueGetter = createCombinedValueGetter(key, options.data_changes, options.data_binded_changes);
+          filterValueGetter = createCombinedFilterValueGetter(key, options.data_changes, options.data_binded_changes);
         }
         function extractConditionParts(condition) {
           const parts = condition.match(/(.+?)(===|==|!=|>|<|>=|<=)(.+)/);

package/package.json

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