@salesforcedevs/dx-components 0.19.3-alpha.57 → 0.19.3-alpha.60

package/package.json

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

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 {

package/src/modules/utils/highlight/highlight.ts

@@ -9,9 +9,10 @@ export const highlightTerms = (
     elements: NodeListOf<HTMLElement>,
     { query, termsToHighlight }: { query: string; termsToHighlight: string[] }
 ): void => {
+    console.log({ elements, query, termsToHighlight });
     const searchExp = createSearchRegExp(termsToHighlight);
     let scrolled = false;
-    console.log({ elements, query, termsToHighlight, searchExp });
+    console.log({ searchExp });
     elements.forEach((element) => {
         if (
             element?.innerHTML.includes("<dx-") ||