@cdmx/wappler_ag_grid 1.1.8 → 1.2.0

package/app_connect/components.hjson

@@ -1397,16 +1397,19 @@
                 "editActionTooltip",
                 "editActionBtnClass",
                 "editActionIconClass",
+                "editActionBtnCondition",
                 "viewActionBtn",
                 "viewActionTitle",
                 "viewActionTooltip",
                 "viewActionBtnClass",
                 "viewActionIconClass",
+                "viewActionBtnCondition",
                 "deleteActionBtn",
                 "deleteActionTitle",
                 "deleteActionTooltip",
                 "deleteActionBtnClass",
-                "deleteActionIconClass"
+                "deleteActionIconClass",
+                "deleteActionBtnCondition"
               ],
               "noChangeOnHide": true,
               "groupEnabler": true,
@@ -1593,51 +1596,61 @@
                 "button1ActionTooltip",
                 "button1ActionBtnClass",
                 "button1ActionIconClass",
+                "button1ActionBtnCondition",
                 "button2ActionBtn",
                 "button2ActionTitle",
                 "button2ActionTooltip",
                 "button2ActionBtnClass",
                 "button2ActionIconClass",
+                "button2ActionBtnCondition",
                 "button3ActionBtn",
                 "button3ActionTitle",
                 "button3ActionTooltip",
                 "button3ActionBtnClass",
                 "button3ActionIconClass",
+                "button3ActionBtnCondition",
                 "button4ActionBtn",
                 "button4ActionTitle",
                 "button4ActionTooltip",
                 "button4ActionBtnClass",
                 "button4ActionIconClass",
+                "button4ActionBtnCondition",
                 "button5ActionBtn",
                 "button5ActionTitle",
                 "button5ActionTooltip",
                 "button5ActionBtnClass",
                 "button5ActionIconClass",
+                "button5ActionBtnCondition",
                 "button6ActionBtn",
                 "button6ActionTitle",
                 "button6ActionTooltip",
                 "button6ActionBtnClass",
                 "button6ActionIconClass",
+                "button6ActionBtnCondition",
                 "button7ActionBtn",
                 "button7ActionTitle",
                 "button7ActionTooltip",
                 "button7ActionBtnClass",
                 "button7ActionIconClass",
+                "button7ActionBtnCondition",
                 "button8ActionBtn",
                 "button8ActionTitle",
                 "button8ActionTooltip",
                 "button8ActionBtnClass",
                 "button8ActionIconClass",
+                "button8ActionBtnCondition",
                 "button9ActionBtn",
                 "button9ActionTitle",
                 "button9ActionTooltip",
                 "button9ActionBtnClass",
                 "button9ActionIconClass",
+                "button9ActionBtnCondition",
                 "button10ActionBtn",
                 "button10ActionTitle",
                 "button10ActionTooltip",
                 "button10ActionBtnClass",
-                "button10ActionIconClass"
+                "button10ActionIconClass",
+                "button10ActionBtnCondition"
               ],
               "noChangeOnHide": true,
               "groupEnabler": true,
@@ -1686,6 +1699,12 @@
                   "type": "text",
                   "defaultValue": "fas fa-wrench"
                 },
+                {
+                  "name": "button1ActionBtnCondition",
+                  "attribute": "button1_action_btn_condition",
+                  "title": "Button1 Conditon",
+                  "type": "text"
+                },
                 {
                   "name": "button2ActionBtn",
                   "attribute": "dmx-bind:button2_action_btn",
@@ -1721,6 +1740,12 @@
                   "type": "text",
                   "defaultValue": "fas fa-search-plus"
                 },
+                {
+                  "name": "button2ActionBtnCondition",
+                  "attribute": "button2_action_btn_condition",
+                  "title": "Button2 Conditon",
+                  "type": "text"
+                },
                 {
                   "name": "button3ActionBtn",
                   "attribute": "dmx-bind:button3_action_btn",
@@ -1756,6 +1781,12 @@
                   "type": "text",
                   "defaultValue": "fas fa-check-circle"
                 },
+                {
+                  "name": "button3ActionBtnCondition",
+                  "attribute": "button3_action_btn_condition",
+                  "title": "Button3 Conditon",
+                  "type": "text"
+                },
                 {
                   "name": "button4ActionBtn",
                   "attribute": "dmx-bind:button4_action_btn",
@@ -1791,6 +1822,12 @@
                   "type": "text",
                   "defaultValue": "fas fa-exclamation-triangle"
                 },
+                {
+                  "name": "button4ActionBtnCondition",
+                  "attribute": "button4_action_btn_condition",
+                  "title": "Button4 Conditon",
+                  "type": "text"
+                },
                 {
                   "name": "button5ActionBtn",
                   "attribute": "dmx-bind:button5_action_btn",
@@ -1826,6 +1863,12 @@
                   "type": "text",
                   "defaultValue": "fas fa-times-circle"
                 },
+                {
+                  "name": "button5ActionBtnCondition",
+                  "attribute": "button5_action_btn_condition",
+                  "title": "Button5 Conditon",
+                  "type": "text"
+                },
                 {
                   "name": "button6ActionBtn",
                   "attribute": "dmx-bind:button6_action_btn",
@@ -1861,6 +1904,12 @@
                   "type": "text",
                   "defaultValue": "fas fa-link"
                 },
+                {
+                  "name": "button6ActionBtnCondition",
+                  "attribute": "button6_action_btn_condition",
+                  "title": "Button6 Conditon",
+                  "type": "text"
+                },
                 {
                   "name": "button7ActionBtn",
                   "attribute": "dmx-bind:button7_action_btn",
@@ -1896,6 +1945,12 @@
                   "type": "text",
                   "defaultValue": "fas fa-download"
                 },
+                {
+                  "name": "button7ActionBtnCondition",
+                  "attribute": "button7_action_btn_condition",
+                  "title": "Button7 Conditon",
+                  "type": "text"
+                },
                 {
                   "name": "button8ActionBtn",
                   "attribute": "dmx-bind:button8_action_btn",
@@ -1931,6 +1986,12 @@
                   "type": "text",
                   "defaultValue": "fas fa-file-pdf"
                 },
+                {
+                  "name": "button8ActionBtnCondition",
+                  "attribute": "button8_action_btn_condition",
+                  "title": "Button8 Conditon",
+                  "type": "text"
+                },
                 {
                   "name": "button9ActionBtn",
                   "attribute": "dmx-bind:button9_action_btn",
@@ -1966,6 +2027,12 @@
                   "type": "text",
                   "defaultValue": "fas fa-star"
                 },
+                {
+                  "name": "button9ActionBtnCondition",
+                  "attribute": "button9_action_btn_condition",
+                  "title": "Button9 Conditon",
+                  "type": "text"
+                },
                 {
                   "name": "button10ActionBtn",
                   "attribute": "dmx-bind:button10_action_btn",
@@ -2000,6 +2067,12 @@
                   "title": "Button10 Icon Class",
                   "type": "text",
                   "defaultValue": "fas fa-trash-alt"
+                },
+                {
+                  "name": "button10ActionBtnCondition",
+                  "attribute": "button10_action_btn_condition",
+                  "title": "Button10 Conditon",
+                  "type": "text"
                 }
 
               ]
@@ -2431,6 +2504,40 @@
       "allowedOn": {
         "dmx-ag-grid": true
       }
+    },
+    {
+      "name": "dmx-ag-grid-export-filename",
+      "attributeStartsWith": "dmx-bind",
+      "attribute": "export_csv_filename",
+      "title": "Export CSV Filename",
+      "type": "boolean",
+      "display": "fieldset",
+      "icon": "fa fa-lg fa-chevron-right",
+      "groupTitle": "Grid Config",
+      "groupIcon": "fa fa-lg fa-cubes",
+      "defaultValue": false,
+      "show": [
+        "exportCsvFilename"
+      ],
+      "noChangeOnHide": true,
+      "groupEnabler": true,
+      "children": [
+        {
+          "name": "exportCsvFilename",
+          "attributeStartsWith": "dmx-bind",
+          "attribute": "export_csv_filename",
+          "isValue": true,
+          "dataBindings": true,
+          "title": "CSV Filename",
+          "type": "text",
+          "help": "Export CSV filename.",
+          "defaultValue": "export.csv",
+          "initDisplay": "none"
+        }
+      ],
+      "allowedOn": {
+        "dmx-ag-grid": true
+      }
     }
   ],
   "events": [

package/dmx-ag-grid.js

@@ -60,6 +60,7 @@ dmx.Component('ag-grid', {
     floating_filter: { type: Boolean, default: true },
     column_hover_highlight: { type: Boolean, default: true },
     export_to_csv: { type: Boolean, default: true },
+    export_csv_filename: { type: String, default: 'export.csv' },
     fixed_header: { type: Boolean, default: false },
     topbar_class: { type: String, default: 'topbar' },
     fixed_header_offset: { type: Number, default: 100 },
@@ -102,51 +103,61 @@ dmx.Component('ag-grid', {
     button1_action_tooltip: { type: "String", default: "" },
     button1_action_icon_class: { type: "String", default: "fas fa-wrench" },
     button1_action_btn_class: { type: "String", default: "btn-primary btn-xs m-1" },
+    button1_action_btn_condition: {type: String, default: null },
     button2_action_btn: { type: "Boolean", default: false },
     button2_action_title: { type: "String", default: "" },
     button2_action_tooltip: { type: "String", default: "" },
     button2_action_icon_class: { type: "String", default: "fas fa-search-plus" },
     button2_action_btn_class: { type: "String", default: "btn-info btn-xs m-1" },
+    button2_action_btn_condition: {type: String, default: null },
     button3_action_btn: { type: "Boolean", default: false },
     button3_action_title: { type: "String", default: "" },
     button3_action_tooltip: { type: "String", default: "" },
     button3_action_icon_class: { type: "String", default: "fas fa-check-circle" },
     button3_action_btn_class: { type: "String", default: "btn-success btn-xs m-1" },
+    button3_action_btn_condition: {type: String, default: null },
     button4_action_btn: { type: "Boolean", default: false },
     button4_action_title: { type: "String", default: "" },
     button4_action_tooltip: { type: "String", default: "" },
     button4_action_icon_class: { type: "String", default: "fas fa-exclamation-triangle" },
     button4_action_btn_class: { type: "String", default: "btn-warning btn-xs m-1" },
+    button4_action_btn_condition: {type: String, default: null },
     button5_action_btn: { type: "Boolean", default: false },
     button5_action_title: { type: "String", default: "" },
     button5_action_tooltip: { type: "String", default: "Edit" },
     button5_action_icon_class: { type: "String", default: "fas fa-times-circle" },
     button5_action_btn_class: { type: "String", default: "btn-danger btn-xs m-1" },
+    button5_action_btn_condition: {type: String, default: null },
     button6_action_btn: { type: "Boolean", default: false },
     button6_action_title: { type: "String", default: "" },
     button6_action_tooltip: { type: "String", default: "" },
     button6_action_icon_class: { type: "String", default: "fas fa-link" },
     button6_action_btn_class: { type: "String", default: "btn-secondary btn-xs m-1" },
+    button6_action_btn_condition: {type: String, default: null },
     button7_action_btn: { type: "Boolean", default: false },
     button7_action_title: { type: "String", default: "" },
     button7_action_tooltip: { type: "String", default: "" },
     button7_action_icon_class: { type: "String", default: "fas fa-download" },
     button7_action_btn_class: { type: "String", default: "btn-primary btn-xm" },
+    button7_action_btn_condition: {type: String, default: null },
     button8_action_btn: { type: "Boolean", default: false },
     button8_action_title: { type: "String", default: "" },
     button8_action_tooltip: { type: "String", default: "" },
     button8_action_icon_class: { type: "String", default: "fas fa-file-pdf" },
     button8_action_btn_class: { type: "String", default: "btn-info btn-xs m-1" },
+    button8_action_btn_condition: {type: String, default: null },
     button9_action_btn: { type: "Boolean", default: false },
     button9_action_title: { type: "String", default: "" },
     button9_action_tooltip: { type: "String", default: "" },
     button9_action_icon_class: { type: "String", default: "fas fa-star" },
     button9_action_btn_class: { type: "String", default: "btn-success btn-xs m-1" },
+    button9_action_btn_condition: {type: String, default: null },
     button10_action_btn: { type: "Boolean", default: false },
     button10_action_title: { type: "String", default: "" },
     button10_action_tooltip: { type: "String", default: "" },
     button10_action_icon_class: { type: "String", default: "fas fa-trash-alt" },
     button10_action_btn_class: { type: "String", default: "btn-danger btn-xs m-1" },
+    button10_action_btn_condition: {type: String, default: null },
     data_binded_changes: {type: Array, default: [] },
     hide_fields: {type: String, default: null },
     hide_filters: {type: String, default: null },
@@ -1115,6 +1126,7 @@ dmx.Component('ag-grid', {
           const buttonClassKey = `button${i}_action_btn_class`;
           const buttonTooltipKey = `button${i}_action_tooltip`;
           const buttonIconClassKey = `button${i}_action_icon_class`;
+          const buttonConditionKey = `button${i}_action_btn_condition`; 
         
           if (options[buttonActionKey]) {
             actionsColumn.cellRendererParams.buttons.push({
@@ -1127,6 +1139,7 @@ dmx.Component('ag-grid', {
                 this.set('id', rowData.id);
                 this.dispatchEvent(`row_action_button${i}`);
               },
+              condition: options[buttonConditionKey]
             });
           }
         }
@@ -1476,7 +1489,7 @@ dmx.Component('ag-grid', {
         (column) => !excludedColumnIds.includes(column.colId)
       ).map((column) => column.field);
       const params = {
-        fileName: 'export.csv', // Set the desired file name here
+        fileName: options.export_csv_filename,
         allColumns: true,
         columnKeys: fieldsToExport,
         processCellCallback: function (params) {

package/package.json

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