From 88f1a081263b0b01f8008374b9088f03d5c33eec Mon Sep 17 00:00:00 2001
From: JohannMoller <mollerjohann23@gmail.com>
Date: Tue, 8 Mar 2022 18:44:46 +0200
Subject: [PATCH 1/2] feat: Add onFilterChanged event.

Closes TECHMRM/lowdefy#33
---
 README.md          |  2 ++
 package.json       |  4 ++++
 src/AgGrid.js      | 15 +++++++++++++++
 src/AgGridInput.js | 10 ++++++++++
 4 files changed, 31 insertions(+)

diff --git a/README.md b/README.md
index c8392ab..a1bdbd2 100644
--- a/README.md
+++ b/README.md
@@ -36,6 +36,8 @@ The block types are hosted at:
   - `selected: object[]`: List of selected row objects.
   - `rowIndex: number`: List index of the clicked row.
   - `colId: string`: Column id of the clicked cell.
+- `onFilterChanged`: Trigger event when the filter changes and pass the following to `_event`:
+  - `rows: object[]`: List of row objects matched by the filter.
 - `onRowClick`: Trigger event when a row is clicked and pass the following to `_event`:
   - `row: object`: Row data object.
   - `selected: object[]`: List of selected row objects.
diff --git a/package.json b/package.json
index f89eb5d..caf281c 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,10 @@
     {
       "name": "Gerrie van Wyk",
       "url": "https://github.com/Gervwyk"
+    },
+    {
+      "name": "Johann Möller",
+      "url": "https://github.com/JohannMoller"
     }
   ],
   "repository": {
diff --git a/src/AgGrid.js b/src/AgGrid.js
index 86f9824..a25cdcc 100644
--- a/src/AgGrid.js
+++ b/src/AgGrid.js
@@ -29,6 +29,7 @@ class AgGrid extends React.Component {
     this.onCellClicked = this.onCellClicked.bind(this);
     this.onRowSelected = this.onRowSelected.bind(this);
     this.onSelectionChanged = this.onSelectionChanged.bind(this);
+    this.onFilterChanged = this.onFilterChanged.bind(this);
   }
 
   onGridReady(params) {
@@ -83,6 +84,19 @@ class AgGrid extends React.Component {
     }
   }
 
+  onFilterChanged(event) {
+    console.log('Started');
+    if (this.props.events.onFilterChanged) {
+      this.props.methods.triggerEvent({
+        name: 'onFilterChanged',
+        event: { rows: event.api.rowModel.rowsToDisplay.map((row) => row.data) },
+        // event: { rows: event.api.rowModel.rowsToDisplay },
+      });
+      console.log(event);
+      // console.log(event.api.rowModel.rowsToDisplay.map((row) => row.data));
+    }
+  }
+
   render() {
     const { quickFilterValue, ...someProperties } = this.props.properties;
     if (quickFilterValue && quickFilterValue === '') {
@@ -90,6 +104,7 @@ class AgGrid extends React.Component {
     }
     return (
       <AgGridReact
+        onFilterChanged={this.onFilterChanged}
         onSelectionChanged={this.onSelectionChanged}
         onRowSelected={this.onRowSelected}
         onRowClicked={this.onRowClick}
diff --git a/src/AgGridInput.js b/src/AgGridInput.js
index a560400..fb97a69 100644
--- a/src/AgGridInput.js
+++ b/src/AgGridInput.js
@@ -31,6 +31,7 @@ class AgGridInput extends React.Component {
     this.onSelectionChanged = this.onSelectionChanged.bind(this);
     this.onRowDragEnd = this.onRowDragEnd.bind(this);
     this.onCellValueChanged = this.onCellValueChanged.bind(this);
+    this.onFilterChanged = this.onFilterChanged.bind(this);
   }
 
   onGridReady(params) {
@@ -88,6 +89,15 @@ class AgGridInput extends React.Component {
     }
   }
 
+  onFilterChanged(event) {
+    if (this.props.events.onFilterChanged) {
+      this.props.methods.triggerEvent({
+        name: 'onFilterChanged',
+        event: { rows: event.api.rowModel.rowsToDisplay.map((row) => row.data) },
+      });
+    }
+  }
+
   onRowDragEnd(event) {
     if (event.overNode !== event.node) {
       const fromData = event.node.data;

From c51117c163e041d6e0d3512ef79f1f4d1e9d6865 Mon Sep 17 00:00:00 2001
From: JohannMoller <mollerjohann23@gmail.com>
Date: Wed, 9 Mar 2022 09:34:03 +0200
Subject: [PATCH 2/2] fix: Cleanup console.logs

---
 src/AgGrid.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/AgGrid.js b/src/AgGrid.js
index a25cdcc..6d2593b 100644
--- a/src/AgGrid.js
+++ b/src/AgGrid.js
@@ -85,15 +85,12 @@ class AgGrid extends React.Component {
   }
 
   onFilterChanged(event) {
-    console.log('Started');
     if (this.props.events.onFilterChanged) {
       this.props.methods.triggerEvent({
         name: 'onFilterChanged',
         event: { rows: event.api.rowModel.rowsToDisplay.map((row) => row.data) },
-        // event: { rows: event.api.rowModel.rowsToDisplay },
       });
       console.log(event);
-      // console.log(event.api.rowModel.rowsToDisplay.map((row) => row.data));
     }
   }