@cdmx/wappler_ag_grid 1.0.3 → 1.0.5

package/README.md

@@ -47,20 +47,23 @@ The overrides for the "Custom" theme can be applied in the ag-theme-custom.css f
    - Fixed Horizontal Scroll Width: Fixed horizontal scroll width percentage. (Default: 80%)
 16. **Row Height**: Height of each row in pixels. (Default: 25)
 17. **Header Height**: Height of the header row in pixels. (Default: 30)
-18. **Suppress Row Click Selection**: Disables row selection on row click. (Default: false)
-19. **Suppress Menu Hide**: Prevents hiding the column menu. (Default: false)
-20. **Suppress Movable Columns**: Disables moving columns. (Default: false)
-21. **Enable Cell Expressions**: Enables expressions in cell values. (Default: false)
-22. **Animate Rows**: Enables row animation on data changes. (Default: false)
-23. **Suppress Aggregation Function in Header**: Hides the aggregation function in column headers. (Default: false)
-24. **Suppress Aggregation at Root Level**: Disables aggregation at the root level. (Default: false)
-25. **Suppress Clipboard Paste**: Disables pasting data from the clipboard. (Default: false)
-26. **Suppress Scroll on New Data**: Prevents scrolling to newly added data. (Default: false)
-27. **Suppress Property Names Check**: Disables checking for duplicate property names. (Default: false)
-28. **Hide ID Field**: Hides the ID Field in the Grid. (Default: false)
-29. **Row Click Events**: Enables row click events. This can be used in Dynamic events => Grid Events => Row Clicked. (Default: false)
-30. **Enable Row Selection**: Enables row selection. This can be used in Dynamic events => Grid Events => Checkbox Checked || Checkbox Unchecked. (Default: false)
-31. **Enable Row Status Toggle**: Enables row status toggle events. This can be used in Dynamic events => Grid Events => Checkbox Checked || Checkbox Unchecked. (Default: false)
+18. **Wrap Header Text**: This will cause long headers to wrap. (Default: true)
+19. **Auto Header Height**: The column header height is automatically set based on the content of the header cells. (Default: true)
+20. **Wrap Text**: This will cause long texts to wrap in the cells. (Default: false)
+21. **Suppress Row Click Selection**: Disables row selection on row click. (Default: false)
+22. **Suppress Menu Hide**: Prevents hiding the column menu. (Default: false)
+23. **Suppress Movable Columns**: Disables moving columns. (Default: false)
+24. **Enable Cell Expressions**: Enables expressions in cell values. (Default: false)
+25. **Animate Rows**: Enables row animation on data changes. (Default: false)
+26. **Suppress Aggregation Function in Header**: Hides the aggregation function in column headers. (Default: false)
+27. **Suppress Aggregation at Root Level**: Disables aggregation at the root level. (Default: false)
+28. **Suppress Clipboard Paste**: Disables pasting data from the clipboard. (Default: false)
+29. **Suppress Scroll on New Data**: Prevents scrolling to newly added data. (Default: false)
+30. **Suppress Property Names Check**: Disables checking for duplicate property names. (Default: false)
+31. **Hide ID Field**: Hides the ID Field in the Grid. (Default: false)
+32. **Row Click Events**: Enables row click events. This can be used in Dynamic events => Grid Events => Row Clicked. (Default: false)
+33. **Enable Row Selection**: Enables row selection. This can be used in Dynamic events => Grid Events => Checkbox Checked || Checkbox Unchecked. (Default: false)
+34. **Enable Row Status Toggle**: Enables row status toggle events. This can be used in Dynamic events => Grid Events => Checkbox Checked || Checkbox Unchecked. (Default: false)
 
 # Data Type Overrides
 
@@ -204,13 +207,15 @@ Configuration includes:
 
 ---
 
-### Set Filters
+# Set Filters
 
 The "Set Filters" feature allows you to enable the setting of filters for columns in a user interface. This feature allows to preset filters when the grid is rendered.
 
 Configuration includes:
-- **Set Filters**: Toggle to enable or disable the feature. When enabled, users can set filters for columns. (Default: false)
-- **Custom Filters**: A grid that allows you to define custom filters.
+### Set Filters
+Toggle to enable or disable the feature. When enabled, users can set filters for columns. (Default: false)
+
+  **Custom Filters**: A grid that allows you to define custom filters.
   - **Field**: The column name to filter.
   - **Filter Type**: The type of filter to apply, options available are: "Starts With," "Less Than," "Date From," "Greater Than," "Equals," and "Contains."
   - **Filter Value**: The Value/Filter to be applied.

package/app_connect/components.hjson

@@ -361,6 +361,30 @@
               "defaultValue": null,
               "help": "Height of the header row in pixels"
             },
+            {
+              "name": "wrapHeaderText",
+              "attribute": "dmx-bind:wrap_header_text",
+              "title": "Wrap Header Text",
+              "type": "boolean",
+              "defaultValue": true,
+              "help": "This will cause long headers to wrap."
+            },
+            {
+              "name": "autoHeaderHeight",
+              "attribute": "dmx-bind:auto_header_height",
+              "title": "Auto Header Height",
+              "type": "boolean",
+              "defaultValue": true,
+              "help": "The column header height is automatically set based on the content of the header cells."
+            },
+            {
+              "name": "wrapText",
+              "attribute": "dmx-bind:wrap_text",
+              "title": "Wrap Text",
+              "type": "boolean",
+              "defaultValue": false,
+              "help": "This will cause long texts to wrap in the cells."
+            },
             {
               "name": "suppressRowClickSelection",
               "attribute": "dmx-bind:suppress_row_click_selection",

package/dmx-ag-grid.js

@@ -20,6 +20,9 @@ dmx.Component('ag-grid', {
     cwidths: { type: Object, default: {} },
     ctypes: { type: Array, default: [] },
     cfilters: { type: Array, default: [] },
+    wrap_header_text: { type: Boolean, default: true },
+    auto_header_height: { type: Boolean, default: true },
+    wrap_text: { type: Boolean, default: false },
     data_changes: { type: Array, default: [] },
     data: { type: Array, default: [] },
     dom_layout: { type: String, default: 'autoHeight' },
@@ -1088,6 +1091,9 @@ dmx.Component('ag-grid', {
         flex: 1,
         minWidth: options.min_width,
         resizable: options.resizable,
+        wrapHeaderText: options.wrap_header_text,
+        autoHeaderHeight: options.auto_header_height,
+        wrapText: options.wrap_text,
         filter: options.filter,
         sortable: options.sortable,
         floatingFilter: options.floating_filter

package/package.json

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