@cdmx/wappler_ag_grid 0.2.5 → 0.2.7

package/README.md

@@ -15,4 +15,5 @@ This Custom Module provides the below features:
 12. Theme selection
 13. Row Click Event Handling
 14. Options to enable checkboxes for IDs for bulk select Operations
-15. Options to enable Toggle Sliders for status fields
+15. Options to enable Toggle Sliders for status fields
+16. Added Action Buttons feature

package/app_connect/components.hjson

@@ -407,8 +407,6 @@
           "variables": [
             {
               "name": "cstyles",
-              "attributeStartsWith": "dmx-bind",
-              "attribute": "cstyles",
               "title": "Configure Colors",
               "type": "boolean",
               "display": "fieldset",
@@ -430,7 +428,6 @@
                   "title": "Colors",
                   "type": "grid",
                   "dataBindings": true,
-                  "key": "field",
                   "jsonFormat": true,
                   "encloseBT": true,
                   "jsonBT": true,
@@ -479,8 +476,6 @@
           "variables": [
             {
               "name": "data_changes",
-              "attributeStartsWith": "dmx-bind",
-              "attribute": "data_changes",
               "title": "Configure Fields",
               "type": "boolean",
               "display": "fieldset",
@@ -502,7 +497,6 @@
                   "title": "Fields Data",
                   "type": "grid",
                   "dataBindings": true,
-                  "key": "field",
                   "jsonFormat": true,
                   "encloseBT": true,
                   "jsonBT": true,
@@ -546,8 +540,6 @@
           "variables": [
             {
               "name": "cnames",
-              "attributeStartsWith": "dmx-bind",
-              "attribute": "cnames",
               "title": "Configure Header Names",
               "type": "boolean",
               "display": "fieldset",
@@ -609,8 +601,6 @@
           "variables": [
             {
               "name": "cwidths",
-              "attributeStartsWith": "dmx-bind",
-              "attribute": "cwidths",
               "title": "Configure Custom Widths",
               "type": "boolean",
               "display": "fieldset",

package/dmx-ag-grid.js

@@ -10,10 +10,10 @@ dmx.Component('ag-grid', {
     rowData: { type: Array, default: [] },
     grid_theme: { type: String, default: 'ag-theme-alpine' },
     column_defs: { type: Array, default: [] },
-    cstyles: { type: Object, default: {} },
+    cstyles: { type: Array, default: [] },
     cnames: { type: Object, default: {} },
     cwidths: { type: Object, default: {} },
-    data_changes: { type: Object, default: {} },
+    data_changes: { type: Array, default: [] },
     data: { type: Array, default: [] },
     domLayout: { default: 'autoHeight' },
     enableCellTextSelection: { type: Boolean, default: true },
@@ -284,11 +284,11 @@ dmx.Component('ag-grid', {
       }
     }
     function getValueGetter(key, dataChanges) {
-      return function(params) {
-        let value = params.data[key];
-        if (dataChanges.hasOwnProperty(key)) {
-          const change = dataChanges[key];
-          value = change.new_value;
+      return function (params) {
+        const value = params.data[key];
+        const matchingChange = dataChanges.find((change) => change.field === key && change.value === String(value));
+        if (matchingChange) {
+          return matchingChange.new_value;
         }
         return value;
       };
@@ -383,16 +383,22 @@ dmx.Component('ag-grid', {
         const cstyles = this.props.cstyles
         // Check if custom color exists for the current field and condition
         function applyCellStyle(params) {
-            const field = params.colDef.field.toString();
-            if (cstyles.hasOwnProperty(field)) {
-              const condition = cstyles[field].condition;
-              const customColor = cstyles[field].customColor;
-              const [left, operator, right] = extractConditionParts(condition);
-              if (params.data.hasOwnProperty(field) && evaluateCondition(params.data[left], operator, right)) {
-                return { color: customColor };
-              }
+          const field = params.colDef.field.toString();
+          const styles = cstyles.filter((cs) => cs.field === field);
+        
+          for (const style of styles) {
+            const condition = style.condition;
+            const customColor = style.customColor;
+            const [left, operator, right] = extractConditionParts(condition);
+            if (
+              params.data.hasOwnProperty(left) && 
+              evaluateCondition(params.data[left], operator, right) 
+            ) {
+              return { color: customColor }; 
             }
-            return null;
+          }
+        
+          return null;
           }
         cnames = this.props.cnames
         cwidths = this.props.cwidths

package/package.json

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