From 20d3b73c6f2942912952a3b39a63e93b25ede02c Mon Sep 17 00:00:00 2001
From: Roberto T <roberto.tellez@globant.com>
Date: Mon, 22 Apr 2024 14:53:16 -0600
Subject: [PATCH] DYN-6739 Regression Typing Fast in Search

When typing fast in the TextSearch box was getting wrong results or the results were not in the same order than Dynamo InCanvasSearch,
It was happening due that we are implementing the React Debounce pattern (this patters allows the user to continue typing while we are searching ) but we were missing to update the results immediately after getting the results so I added a call to this.updateSearchViewDelayed() method immediately after getting the results.
---
 src/components/LibraryContainer.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/LibraryContainer.tsx b/src/components/LibraryContainer.tsx
index 4312879..54d101c 100644
--- a/src/components/LibraryContainer.tsx
+++ b/src/components/LibraryContainer.tsx
@@ -260,7 +260,7 @@ export class LibraryContainer extends React.Component<LibraryContainerProps, Lib
         let hasText = text.length > 0;
 
         if (hasText) {
-                        // Starting searching immediately after user input, 
+            // Starting searching immediately after user input, 
             // but only show change on ui after 300ms
             setTimeout(function () {
                 if (this.props.libraryController.searchLibraryItemsHandler) {
@@ -274,6 +274,12 @@ export class LibraryContainer extends React.Component<LibraryContainerProps, Lib
 
                         // Set all categories and groups to be expanded
                         LibraryUtilities.setItemStateRecursive(this.generatedSectionsOnSearch, true, true);
+
+                        //Due that we are using the React debouncing pattern that using the timeout we need to call the updateSearchViewDelayed() method immediately
+                        //The updateSearchViewDelayed update the Library with the Search results got from callback (search engine results)
+                        //If we don't call it here the call below will be executed firts without the results ready then will be showing wrong results.
+                        this.updateSearchViewDelayed(text);
+                        
                     }.bind(this));
                 } else {
                     LibraryUtilities.searchItemResursive(this.generatedSections, text);