@cdmx/wappler_ag_grid 0.3.1 → 0.3.3

package/README.md

@@ -17,4 +17,5 @@ This Custom Module provides the below features:
 14. Options to enable checkboxes for IDs for bulk select Operations
 15. Options to enable Toggle Sliders for status fields
 16. Added Action Buttons feature
-17. Advanced Data Manipulation using Arrays and SC bindings
+17. Advanced Data Manipulation using Arrays and SC bindings
+18. Added RTL and Locale Controls

package/app_connect/components.hjson

@@ -171,7 +171,7 @@
             },
             {
               "name": "paginationPageSize",
-              "attribute": "paginationPageSize",
+              "attribute": "pagination_page_size",
               "title": "Pagination Page Size",
               "type": "number",
               "defaultValue": 20,
@@ -291,7 +291,7 @@
             },
             {
               "name": "rowHeight",
-              "attribute": "rowHeight",
+              "attribute": "row_height",
               "title": "Row Height",
               "type": "number",
               "defaultValue": 25,
@@ -299,7 +299,7 @@
             },
             {
               "name": "headerHeight",
-              "attribute": "headerHeight",
+              "attribute": "header_height",
               "title": "Header Height",
               "type": "number",
               "defaultValue": 30,
@@ -980,6 +980,40 @@
         "dmx-ag-grid": true
       }
     },
+    {
+      "name": "dmx-ag-grid-pagination-page-size",
+      "attributeStartsWith": "dmx-bind",
+      "attribute": "pagination_page_size",
+      "title": "Pagination Page Size",
+      "type": "boolean",
+      "display": "fieldset",
+      "icon": "fa fa-lg fa-chevron-right",
+      "groupTitle": "Grid Config",
+      "groupIcon": "fa fa-lg fa-cubes",
+      "defaultValue": false,
+      "show": [
+        "paginationPageSize"
+      ],
+      "noChangeOnHide": true,
+      "groupEnabler": true,
+      "children": [
+        {
+          "name": "paginationPageSize",
+          "attributeStartsWith": "dmx-bind",
+          "attribute": "pagination_page_size",
+          "isValue": true,
+          "dataBindings": true,
+          "title": "Pagination Page Size:",
+          "type": "text",
+          "help": "Pagination Page Size.",
+          "defaultValue": "",
+          "initDisplay": "none"
+        }
+      ],
+      "allowedOn": {
+        "dmx-ag-grid": true
+      }
+    },
     {
       "name": "dmx-ag-grid-locale",
       "attributeStartsWith": "dmx-bind",
@@ -1013,6 +1047,40 @@
       "allowedOn": {
         "dmx-ag-grid": true
       }
+    },
+    {
+      "name": "dmx-ag-grid-rtl",
+      "attributeStartsWith": "dmx-bind",
+      "attribute": "enable_rtl",
+      "title": "Enable RTL",
+      "type": "boolean",
+      "display": "fieldset",
+      "icon": "fa fa-lg fa-chevron-right",
+      "groupTitle": "Grid Config",
+      "groupIcon": "fa fa-lg fa-cubes",
+      "defaultValue": false,
+      "show": [
+        "enableRtl"
+      ],
+      "noChangeOnHide": true,
+      "groupEnabler": true,
+      "children": [
+        {
+          "name": "enableRtl",
+          "attributeStartsWith": "dmx-bind",
+          "attribute": "enable_rtl",
+          "isValue": true,
+          "dataBindings": true,
+          "title": "RTL:",
+          "type": "text",
+          "help": "Locale.",
+          "defaultValue": "",
+          "initDisplay": "none"
+        }
+      ],
+      "allowedOn": {
+        "dmx-ag-grid": true
+      }
     }
   ],
   "events": [

package/dmx-ag-grid.js

@@ -21,9 +21,9 @@ dmx.Component('ag-grid', {
     rowSelection: { type: String, default: 'single' },
     suppressRowDeselection: { type: Boolean, default: false },
     pagination: { type: Boolean, default: true },
-    paginationPageSize: { default: 20 },
-    rowHeight: { type: Number, default: null },
-    headerHeight: { type: Number, default: null },
+    pagination_page_size: { type: Number, default: 20 },
+    row_height: { type: Number, default: null },
+    header_height: { type: Number, default: null },
     suppressRowClickSelection: { type: Boolean, default: false },
     suppressMenuHide: { type: Boolean, default: false },
     suppressMovableColumns: { type: Boolean, default: false },
@@ -86,6 +86,11 @@ dmx.Component('ag-grid', {
     const options = this.props
     const rowData = this.props.data;
     const timezone = this.props.timezone || false;
+    const cnames = this.props.cnames
+    const cwidths = this.props.cwidths
+    const enableRowClickEvent = this.props.row_click_event;
+    const enableCellClickEvent = this.props.cell_click_event;
+    let localeText;
     let columnDefs = [];
     let exportToCSV = this.props.exportToCSV;
     this.$node.innerHTML = `<div id=${options.id}-grid class="${options.grid_theme}"></div>`;
@@ -431,10 +436,7 @@ dmx.Component('ag-grid', {
         
           return null;
           }
-        cnames = this.props.cnames
-        cwidths = this.props.cwidths
-        enableRowClickEvent = this.props.row_click_event;
-        enableCellClickEvent = this.props.cell_click_event;
+
         if (cnames.hasOwnProperty(key)) {
         const cname = cnames[key]
         headerName = cname ? cname.custom_name : humanize(key);         
@@ -540,7 +542,6 @@ dmx.Component('ag-grid', {
     
       columnDefs.push(actionsColumn);
     }
-    let localeText;
     if (options.locale_text == 'HE') {
       localeText = AG_GRID_LOCALE_HE
     }
@@ -564,9 +565,9 @@ dmx.Component('ag-grid', {
       rowSelection: this.props.rowSelection,
       suppressRowDeselection: this.props.suppressRowDeselection,
       pagination: this.props.pagination,
-      paginationPageSize: this.props.paginationPageSize,
-      rowHeight: this.props.rowHeight,
-      headerHeight: this.props.headerHeight,
+      paginationPageSize: this.props.pagination_page_size,
+      rowHeight: this.props.row_height,
+      headerHeight: this.props.header_height,
       suppressRowClickSelection: this.props.suppressRowClickSelection,
       suppressMenuHide: this.props.suppressMenuHide,
       suppressMovableColumns: this.props.suppressMovableColumns,

package/package.json

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