@cdmx/wappler_ag_grid 0.0.4 → 0.0.6

package/app_connect/components.hjson

@@ -66,7 +66,7 @@
             },
             {
               "name": "resizable",
-              "attribute": "resizable",
+              "attribute": "dmx-bind:resizable",
               "title": "Resizable",
               "type": "boolean",
               "defaultValue": true,
@@ -74,7 +74,7 @@
             },
             {
               "name": "sortable",
-              "attribute": "sortable",
+              "attribute": "dmx-bind:sortable",
               "title": "Sortable",
               "type": "boolean",
               "defaultValue": true,
@@ -82,7 +82,7 @@
             },
             {
               "name": "filter",
-              "attribute": "filter",
+              "attribute": "dmx-bind:filter",
               "title": "Filter",
               "type": "boolean",
               "defaultValue": true,
@@ -90,7 +90,7 @@
             },
             {
               "name": "floatingFilter",
-              "attribute": "floatingFilter",
+              "attribute": "dmx-bind:floatingFilter",
               "title": "Floating Filter",
               "type": "boolean",
               "defaultValue": true,
@@ -98,7 +98,7 @@
             },
             {
               "name": "exportToCSV",
-              "attribute": "exportToCSV",
+              "attribute": "dmx-bind:exportToCSV",
               "title": "CSV Export",
               "type": "boolean",
               "defaultValue": true,
@@ -106,7 +106,7 @@
             },
             {
               "name": "columnHoverHighlight",
-              "attribute": "columnHoverHighlight",
+              "attribute": "dmx-bind:columnHoverHighlight",
               "title": "Column Hover Highlight",
               "type": "boolean",
               "defaultValue": true,
@@ -114,7 +114,7 @@
             },
             {
               "name": "suppressRowDeselection",
-              "attribute": "suppressRowDeselection",
+              "attribute": "dmx-bind:suppressRowDeselection",
               "title": "Supress Row Deselection",
               "type": "boolean",
               "defaultValue": true,
@@ -122,7 +122,7 @@
             },
             {
               "name": "pagination",
-              "attribute": "pagination",
+              "attribute": "dmx-bind:pagination",
               "title": "Pagination",
               "type": "boolean",
               "defaultValue": true,

package/dmx-ag-grid.js

@@ -62,87 +62,31 @@ dmx.Component('ag-grid', {
     suppressRowClickSelection: { type: Boolean, default: false },
     suppressMenuHide: { type: Boolean, default: false },
     suppressMovableColumns: { type: Boolean, default: false },
-    enableCellExpressions: {
-      type: Boolean,
-      default: false
-    },
-    animateRows: {
-      type: Boolean,
-      default: false
-    },
-    suppressAggFuncInHeader: {
-      type: Boolean,
-      default: false
-    },
-    suppressAggAtRootLevel: {
-      type: Boolean,
-      default: false
-    },
-    suppressClipboardPaste: {
-      type: Boolean,
-      default: false
-    },
-    suppressScrollOnNewData: {
-      type: Boolean,
-      default: false
-    },
-    suppressPropertyNamesCheck: {
-      type: Boolean,
-      default: false
-    },
-    localeText: {
-      default: null
-    },
-    minWidth: {
-      type: Number,
-      default: 150
-    },
-    sortable: {
-      type: Boolean,
-      default: true
-    },
-    resizable: {
-      type: Boolean,
-      default: true
-    },
-    filter: {
-      type: Boolean,
-      default: true
-    },
-    floatingFilter: {
-      type: Boolean,
-      default: true
-    },
-    columnHoverHighlight: {
-      type: Boolean,
-      default: true
-    },
-    exportToCSV: {
-      type: Boolean,
-      default: true
-    },
-    fixedHeader: {
-      type: Boolean,
-      default: false
-    },
-    topbarClass: {
-      type: Text,
-      default: 'topbar'
-    },
-    fixedHeaderOffset: {
-      type: Number,
-      default: 100
-    },
-    fixedTopOffset: {
-      type: Number,
-      default: 80
-    },
+    enableCellExpressions: { type: Boolean, default: false },
+    animateRows: { type: Boolean, default: false },
+    suppressAggFuncInHeader: { type: Boolean, default: false },
+    suppressAggAtRootLevel: { type: Boolean, default: false },
+    suppressClipboardPaste: { type: Boolean, default: false },
+    suppressScrollOnNewData: { type: Boolean, default: false },
+    suppressPropertyNamesCheck: { type: Boolean, default: false },
+    localeText: { default: null }, 
+    minWidth: { type: Number, default: 150 },
+    sortable: { type: Boolean, default: true },
+    resizable: { type: Boolean, default: true },
+    filter: { type: Boolean, default: true },
+    floatingFilter: { type: Boolean, default: true },
+    columnHoverHighlight: { type: Boolean, default: true },
+    exportToCSV: { type: Boolean, default: true },
+    fixedHeader: { type: Boolean, default: false },
+    topbarClass: { type: Text, default: 'topbar' },
+    fixedHeaderOffset: { type: Number, default: 100 },
+    fixedTopOffset: { type: Number, default: 80 },
     fixedHorizonatalScroll: { type: Boolean, default: false },
     timezone: {type: Text, default: '' }
   },
 
   methods: {
-    setData: function (rowData, columnDefs) {
+    setValue: function (rowData, columnDefs) {
       this.set('rowData', rowData);
       this.set('columnDefs', columnDefs);
       this.refreshGrid();
@@ -411,7 +355,7 @@ const cstyles = this.props.cstyles
       localeText: this.props.localeText
     };
 
-    const gridDiv = document.querySelector('.ag-theme-alpine');
+    const gridDiv = document.getElementById(gridId+'-grid');
 
     if (!gridDiv) {
       console.error(`Grid container element with ID '${gridId}' not found.`);

package/package.json

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