@salesforcedevs/dx-components 0.19.3-alpha.58 → 0.19.3-alpha.61

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "0.19.3-alpha.58",
+    "version": "0.19.3-alpha.61",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/modules/dx/sidebarOld/sidebarOld.ts

@@ -89,6 +89,7 @@ export default class Sidebar extends LightningElement {
 
     private onSelect(event: CustomEvent) {
         this._value = event.detail.name;
+        this.dispatchHighlightedTermChange();
     }
 
     private onToggleClick(event: Event) {
@@ -120,19 +121,23 @@ export default class Sidebar extends LightningElement {
         window.clearTimeout(this._searchTimeout);
         this._searchTimeout = window.setTimeout(() => {
             this.assignFilteredTrees();
-            this.dispatchEvent(
-                new CustomEvent("highlightedtermchange", {
-                    detail: {
-                        query: this.searchText,
-                        termsToHighlight: [this.searchText]
-                    },
-                    composed: true,
-                    bubbles: true
-                })
-            );
+            this.dispatchHighlightedTermChange();
         }, WAIT_TIME);
     }
 
+    private dispatchHighlightedTermChange = () => {
+        this.dispatchEvent(
+            new CustomEvent("highlightedtermchange", {
+                detail: {
+                    query: this.searchText,
+                    termsToHighlight: [this.searchText]
+                },
+                composed: true,
+                bubbles: true
+            })
+        );
+    }
+
     private assignFilteredTrees() {
         this.filteredTrees = this._trees
             .map((singleTree) => {

package/src/modules/dx/sidebarSearch/sidebarSearch.ts

@@ -27,7 +27,6 @@ export const SESSION_KEY = "dx-sidebar-search-state";
 
 const DEFAULT_RESULT_COUNT = 20;
 const SEARCH_DEBOUNCE_DELAY = 780;
-const HIGHLIGHT_DEBOUNCE_DELAY = 200;
 
 const UserRecentSearches = new RecentSearches();
 
@@ -95,17 +94,22 @@ export default class SidebarSearch extends LightningElement {
         if (!termsToHighlight || !phrasesToHighlight) {
             return null;
         }
-        return Array.from(
-            new Set(
-                [
-                    this.value,
-                    Object.keys(termsToHighlight),
-                    Object.keys(phrasesToHighlight),
-                    Object.values(termsToHighlight),
-                    Object.values(phrasesToHighlight)
-                ].flat(2)
-            )
-        ) as string[];
+
+        const flattenTerms = (terms: Object): string[] =>
+            Object.entries(terms).reduce((acc, [key, value]) => {
+                if (Array.isArray(value)) {
+                    return [...acc, key, ...value];
+                }
+                const values = flattenTerms(value);
+                return [...acc, key, ...values];
+            }, []);
+
+        const terms = flattenTerms({
+            ...termsToHighlight,
+            ...phrasesToHighlight
+        });
+
+        return Array.from(new Set([this.value, ...terms].flat(2))) as string[];
     }
 
     private get hasCorrectCoveoConfig(): boolean {