fix:retained input reference on x icon click

app/client/packages/design-system/widgets-old/src/SearchComponent/index.tsx

@@ -86,6 +86,7 @@ class SearchComponent extends React.Component<
   SearchProps,
   { localValue: string }
 > {
+  private inputRef = React.createRef<HTMLInputElement>(); 
   onDebouncedSearch = debounce(this.props.onSearch, 400);
   constructor(props: SearchProps) {
     super(props);
@@ -112,12 +113,16 @@ class SearchComponent extends React.Component<
   clearSearch = () => {
     this.setState({ localValue: "" });
     this.onDebouncedSearch("");
+    if (this.inputRef.current) {
+      this.inputRef.current.focus(); 
+    }
   };
 
   render() {
     return (
       <SearchComponentWrapper>
         <SearchInputWrapper
+          inputRef={this.inputRef} 
           autoFocus={this.props.autoFocus}
           className={`${this.props.className} t--search-input`}
           leftIcon="search"

app/client/src/widgets/MultiSelectTreeWidget/component/index.tsx

@@ -165,7 +165,16 @@ function MultiTreeSelectComponent({
   const clearButton = useMemo(
     () =>
       filter ? (
-        <Button icon="cross" minimal onClick={() => setFilter("")} />
+        <Button
+          icon="cross"
+          minimal
+          onClick={() => {
+            if (inputRef.current) {
+              inputRef.current.focus();
+            }
+            setFilter("");
+          }}
+        />
       ) : null,
     [filter],
   );

app/client/src/widgets/MultiSelectWidgetV2/component/index.tsx

@@ -171,7 +171,16 @@ function MultiSelectComponent({
   const clearButton = useMemo(
     () =>
       filter ? (
-        <Button icon="cross" minimal onClick={() => setFilter("")} />
+        <Button
+          icon="cross"
+          minimal
+          onClick={() => {
+            if (inputRef.current) {
+              inputRef.current.focus();
+            }
+            setFilter("");
+          }}
+        />
       ) : null,
     [filter],
   );

app/client/src/widgets/SelectWidget/component/index.tsx

@@ -130,6 +130,7 @@ class SelectComponent extends React.Component<
   };
 
   onQueryChange = debounce((filterValue: string) => {
+    console.log(">> inside query change")
     if (equal(filterValue, this.props.filterText)) return;
     this.props.onFilterChange(filterValue);
     this.listRef?.current?.scrollTo(0);
@@ -409,6 +410,7 @@ class SelectComponent extends React.Component<
               onClose: this.handleCloseList,
               // onActiveItemChange is called twice abd puts the focus on the first item https://github.com/palantir/blueprint/issues/4192
               onOpening: () => {
+                console.log(">>> opend...")
                 if (!this.props.selectedIndex) {
                   return this.handleActiveItemChange(null);
                 }

app/client/src/widgets/SingleSelectTreeWidget/component/index.tsx

@@ -172,7 +172,16 @@ function SingleSelectTreeComponent({
   const clearButton = useMemo(
     () =>
       filter ? (
-        <Button icon="cross" minimal onClick={() => setFilter("")} />
+        <Button
+          icon="cross"
+          minimal
+          onClick={() => {
+            if (inputRef.current) {
+              inputRef.current.focus();
+            }
+            setFilter("");
+          }}
+        />
       ) : null,
     [filter],
   );