[camel-karavan] 02/09: Clear DSL filter after selection

[marat]

This is an automated email from the ASF dual-hosted git repository.

marat pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/camel-karavan.git

commit eb114229d8d41c4936efe70bc8c239fdf1fd9422
Author: Marat Gubaidullin <marat.gubaidul...@gmail.com>
AuthorDate: Tue Sep 6 13:03:13 2022 -0400

    Clear DSL filter after selection
---
 karavan-designer/src/designer/route/DslSelector.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/karavan-designer/src/designer/route/DslSelector.tsx 
b/karavan-designer/src/designer/route/DslSelector.tsx
index 46af447..eef4cb9 100644
--- a/karavan-designer/src/designer/route/DslSelector.tsx
+++ b/karavan-designer/src/designer/route/DslSelector.tsx
@@ -40,7 +40,7 @@ interface Props {
 
 interface State {
     tabIndex: string | number
-    filter?: string
+    filter: string;
 }
 
 export class DslSelector extends React.Component<Props, State> {
@@ -53,11 +53,10 @@ export class DslSelector extends React.Component<Props, 
State> {
 
     public state: State = {
         tabIndex: this.props.tabIndex ? this.props.tabIndex : 
this.getDefaultTabIndex(),
+        filter: ''
     }
 
-
     selectTab = (evt: React.MouseEvent<HTMLElement, MouseEvent>, eventKey: 
string | number) => {
-        console.log(eventKey)
         this.setState({tabIndex: eventKey})
     }
 
@@ -68,7 +67,8 @@ export class DslSelector extends React.Component<Props, 
State> {
     }
 
     selectDsl = (evt: React.MouseEvent, dsl: any) => {
-        evt.stopPropagation()
+        evt.stopPropagation();
+        this.setState({filter:""});
         this.props.onDslSelect.call(this, dsl, this.props.parentId, 
this.props.position);
     }
 
@@ -122,6 +122,11 @@ export class DslSelector extends React.Component<Props, 
State> {
         )
     }
 
+    close = () => {
+        this.setState({filter:""});
+        this.props.onClose?.call(this);
+    }
+
     render() {
         const parentDsl = this.props.parentDsl;
         const title = parentDsl === undefined ? "Select source/from" : "Select 
step";
@@ -133,7 +138,7 @@ export class DslSelector extends React.Component<Props, 
State> {
                 width={'90%'}
                 className='dsl-modal'
                 isOpen={this.props.isOpen}
-                onClose={this.props.onClose}
+                onClose={() => this.close()}
                 header={
                     <Flex direction={{default: "column"}}>
                         <FlexItem>