@cdmx/wappler_ag_grid 1.6.5 → 1.7.1

package/README.md

@@ -1,4 +1,6 @@
 #### Developed and Maintained by: Roney Dsilva
+#Notes: 1.7.0 is released with AC2 support and AC1 support has been deprecated in this release. AG Grid upted to 31.2
+
 # AG Grid Module Documentation
 
 The AG Grid module allows you to create a flexible and customizable data grid with various options and properties. Below, you'll find the list of properties and options available for configuring the AG Grid module:

package/dmx-ag-grid.js

@@ -844,7 +844,7 @@ dmx.Component('ag-grid', {
           const output = change.output;
           const area = change.area;
           let dataArray;
-          this.$addBinding(data_source, (function (e) {
+          this.$watch(data_source, (function (e) {
             dataArray = e;
           }));
           keyLookup[change.field] = { dataArray, property, output, area };
@@ -903,7 +903,7 @@ dmx.Component('ag-grid', {
           const output = change.output;
           const area = change.area;
           let dataArray;
-          this.$addBinding(data_source, (function (e) {
+          this.$watch(data_source, (function (e) {
             dataArray = e;
           }));
           keyLookup[change.field] = { dataArray, property, output, area };
@@ -950,7 +950,7 @@ dmx.Component('ag-grid', {
           const property = change.property;
           const output = change.output;
           let dataArray;
-          this.$addBinding(data_source, (function (e) {
+          this.$watch(data_source, (function (e) {
             dataArray = e;
           }));
           keyLookup[change.field] = { dataArray, property, output };
@@ -1698,6 +1698,7 @@ dmx.Component('ag-grid', {
         const topbar = gridElement.querySelector('.' + options.topbar_class);
         const topbarHeight = (topbar ? topbar.getBoundingClientRect().height : 0) + options.fixed_top_offset;
         const headerPos = (topbar ? topbar.getBoundingClientRect().bottom : 0) + options.fixed_header_offset;
+        if (!header) return;
         if (window.scrollY > headerPos) {
           header.style.position = 'fixed';
           header.style.top = `${topbarHeight}px`;
@@ -1895,23 +1896,23 @@ dmx.Component('ag-grid', {
     row_action_button10: Event
   },
   
-  render: function(node) {
+  init: function(node) {
     if (this.$node) {
       this.$parse();
     }
   },
 
-  update: function (props) {
+  requestUpdate: function (props, oldValue) {
     this.set('count', this.props.data.length);
-    if (!dmx.equal(this.props.data, props.data) && !this.props.noload) {
+    if (!dmx.equal(this.props.data, oldValue?.data) && !this.props.noload) {
       let gridInstance = this.refreshGrid();
       this.set('gridInstance', gridInstance);
     }
-    if (!dmx.equal(this.props.dark_mode, props.dark_mode)) {
+    if (!dmx.equal(this.props.dark_mode, oldValue?.dark_mode)) {
       let gridInstance = this.refreshGrid();
       this.set('gridInstance', gridInstance);
     }
-    if (!dmx.equal(this.props.cfilters, props.cfilters)){
+    if (!dmx.equal(this.props.cfilters, oldValue?.cfilters)){
       let gridInstance = this.get('gridInstance');
       if (gridInstance && this.props.cfilters && this.props.cfilters.length > 0) {
         var filterModel = {};

package/package.json

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