@salesforcedevs/dx-components 0.19.3-alpha.27 → 0.19.3-alpha.31

package/package.json

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

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

@@ -141,12 +141,6 @@ export default class SidebarSearch extends LightningElement {
             );
         }
 
-        // If this is the first render and there is a search value, trigger
-        // term highlighting
-        if (!this.didRender && this.value) {
-            this.dispatchHighlightedTermChange();
-        }
-
         this.didRender = true;
     }
 
@@ -341,12 +335,14 @@ export default class SidebarSearch extends LightningElement {
         if (!termsToHighlight || !phrasesToHighlight) {
             return;
         }
-        const normalizedTermsToHighlight = new Set(
-            [
-                Object.values(termsToHighlight),
-                Object.values(phrasesToHighlight),
-                this.value
-            ].flat(2)
+        const normalizedTermsToHighlight = Array.from(
+            new Set(
+                [
+                    Object.values(termsToHighlight),
+                    Object.values(phrasesToHighlight),
+                    this.value
+                ].flat(2)
+            )
         );
         this.dispatchEvent(
             new CustomEvent("highlightedtermchange", {

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

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