@lowdefy/blocks-aggrid 4.0.0-alpha.18 → 4.0.0-alpha.19

package/dist/AgGrid.js

@@ -29,6 +29,8 @@ function _extends() {
 */ import React from 'react';
 import { AgGridReact } from '@ag-grid-community/react';
 import { AllCommunityModules } from '@ag-grid-community/all-modules';
+import { renderHtml } from '@lowdefy/block-utils';
+import { type } from '@lowdefy/helpers';
 let AgGrid = class AgGrid extends React.Component {
     // see https://stackoverflow.com/questions/55182118/ag-grid-resize-detail-height-when-data-changes
     componentDidUpdate() {
@@ -120,10 +122,24 @@ let AgGrid = class AgGrid extends React.Component {
         }
     }
     render() {
-        const { quickFilterValue , ...someProperties } = this.props.properties;
+        const { quickFilterValue , columnDefs , ...someProperties } = this.props.properties;
         if (quickFilterValue && quickFilterValue === '') {
             this.gridApi.setQuickFilter(quickFilterValue); // check if empty string matches all
         }
+        const newColDefs = (columnDefs || []).map((col)=>{
+            if (type.isFunction(col.cellRenderer)) {
+                return {
+                    ...col,
+                    cellRenderer: (params)=>{
+                        return renderHtml({
+                            html: col.cellRenderer(params),
+                            methods: this.props.methods
+                        });
+                    }
+                };
+            }
+            return col;
+        });
         return /*#__PURE__*/ React.createElement(AgGridReact, _extends({
             onFilterChanged: this.onFilterChanged,
             onSelectionChanged: this.onSelectionChanged,
@@ -131,7 +147,8 @@ let AgGrid = class AgGrid extends React.Component {
             onRowClicked: this.onRowClick,
             onCellClicked: this.onCellClicked,
             onGridReady: this.onGridReady,
-            modules: AllCommunityModules
+            modules: AllCommunityModules,
+            columnDefs: newColDefs
         }, someProperties));
     }
     constructor(props){

package/dist/AgGridInput.js

@@ -29,6 +29,8 @@ function _extends() {
 */ import React from 'react';
 import { AgGridReact } from '@ag-grid-community/react';
 import { AllCommunityModules } from '@ag-grid-community/all-modules';
+import { renderHtml } from '@lowdefy/block-utils';
+import { type } from '@lowdefy/helpers';
 let AgGridInput = class AgGridInput extends React.Component {
     // see https://stackoverflow.com/questions/55182118/ag-grid-resize-detail-height-when-data-changes
     componentDidUpdate() {
@@ -162,10 +164,24 @@ let AgGridInput = class AgGridInput extends React.Component {
         });
     }
     render() {
-        const { quickFilterValue , ...someProperties } = this.props.properties;
+        const { quickFilterValue , columnDefs , ...someProperties } = this.props.properties;
         if (quickFilterValue && quickFilterValue === '') {
             this.gridApi.setQuickFilter(quickFilterValue); // check if empty string matches all
         }
+        const newColDefs = (columnDefs || []).map((col)=>{
+            if (type.isFunction(col.cellRenderer)) {
+                return {
+                    ...col,
+                    cellRenderer: (params)=>{
+                        return renderHtml({
+                            html: col.cellRenderer(params),
+                            methods: this.props.methods
+                        });
+                    }
+                };
+            }
+            return col;
+        });
         return /*#__PURE__*/ React.createElement(AgGridReact, _extends({
             onSelectionChanged: this.onSelectionChanged,
             onRowSelected: this.onRowSelected,
@@ -175,7 +191,8 @@ let AgGridInput = class AgGridInput extends React.Component {
             onRowDragEnd: this.onRowDragEnd,
             onCellValueChanged: this.onCellValueChanged,
             postSort: this.postSort,
-            modules: AllCommunityModules
+            modules: AllCommunityModules,
+            columnDefs: newColDefs
         }, someProperties, {
             rowData: this.props.value
         }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/blocks-aggrid",
-  "version": "4.0.0-alpha.18",
+  "version": "4.0.0-alpha.19",
   "license": "Apache-2.0",
   "description": "AgGrid Blocks for Lowdefy.",
   "homepage": "https://lowdefy.com",
@@ -54,14 +54,15 @@
     "@ag-grid-community/all-modules": "27.3.0",
     "@ag-grid-community/core": "27.3.0",
     "@ag-grid-community/react": "27.3.0",
-    "@lowdefy/block-utils": "4.0.0-alpha.18",
+    "@lowdefy/block-utils": "4.0.0-alpha.19",
+    "@lowdefy/helpers": "4.0.0-alpha.19",
     "react": "18.1.0",
     "react-dom": "18.1.0"
   },
   "devDependencies": {
     "@emotion/jest": "11.9.1",
-    "@lowdefy/block-dev": "4.0.0-alpha.18",
-    "@lowdefy/jest-yaml-transform": "4.0.0-alpha.18",
+    "@lowdefy/block-dev": "4.0.0-alpha.19",
+    "@lowdefy/jest-yaml-transform": "4.0.0-alpha.19",
     "@swc/cli": "0.1.57",
     "@swc/core": "1.2.194",
     "@swc/jest": "0.2.21",
@@ -76,5 +77,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9ba94a9ab39be2a165b3a58043fbb33f26b48ae3"
+  "gitHead": "5240a074f7225295a8c92aaf0236b7680c296b57"
 }