Clear all search results on search when opened programmatically (#1085)

* Clear search results if re-opened from outside

* Update

* FIx

Author: lukasmasuch

packages/core/src/docs/06-search.stories.tsx

@@ -182,7 +182,7 @@ const onSearchClose = React.useCallback(() => setShowSearch(false), []);
 return <DataEditor {...rest} showSearch={showSearch} getCellsForSelection={true} onSearchClose={onSearchClose}  />
 `}
             </Highlight>
-            <button onClick={() => setShowSearch(true)}>Show Search</button>
+            <button onClick={() => setShowSearch(prev => !prev)}>Show Search</button>
             <Wrapper height={200}>
                 <DataEditor
                     showSearch={showSearch}

packages/core/src/internal/data-grid-search/data-grid-search.tsx

@@ -152,8 +152,12 @@ const DataGridSearch: React.FunctionComponent<DataGridSearchProps> = p => {
         if (searchHandle.current !== undefined) {
             window.cancelAnimationFrame(searchHandle.current);
             searchHandle.current = undefined;
+        }
+        // Always abort and replace the controller to ensure a fresh, non-aborted signal
+        if (abortControllerRef.current !== undefined) {
             abortControllerRef.current.abort();
         }
+        abortControllerRef.current = new AbortController();
     }, []);
 
     const cellYOffsetRef = React.useRef(cellYOffset);
@@ -295,10 +299,23 @@ const DataGridSearch: React.FunctionComponent<DataGridSearchProps> = p => {
 
     React.useEffect(() => {
         if (showSearch && searchInputRef.current !== null) {
+            // Reset search whenever it gets shown:
             setSearchString("");
+            setSearchStatus(undefined);
+            setSearchResultsInner([]);
+            onSearchResultsChanged?.([], -1);
+            cancelSearch();
             searchInputRef.current.focus({ preventScroll: true });
         }
-    }, [showSearch, searchInputRef, setSearchString]);
+    }, [
+        showSearch,
+        searchInputRef,
+        setSearchString,
+        setSearchStatus,
+        setSearchResultsInner,
+        onSearchResultsChanged,
+        cancelSearch,
+    ]);
 
     const onNext = React.useCallback(
         (ev?: React.MouseEvent) => {