@salesforcedevs/dx-components 0.19.3-alpha.28 → 0.19.3-alpha.32

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "0.19.3-alpha.28",
+    "version": "0.19.3-alpha.32",
     "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;
     }
 

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

@@ -11,6 +11,7 @@ export const highlightTerms = (
 ): void => {
     const searchExp = createSearchRegExp(termsToHighlight);
     let scrolled = false;
+    console.log({ elements, query, termsToHighlight, searchExp });
     elements.forEach((element) => {
         if (
             element?.innerHTML.includes("<dx-") ||
@@ -35,12 +36,12 @@ export const highlightTerms = (
             console.error(e, element);
         }
 
-        element
-            .querySelectorAll("mark")
-            .forEach(
-                (el) =>
-                    (el.style.backgroundColor = "var(--dx-g-yellow-vibrant-90)")
-            );
+        // element
+        //     .querySelectorAll("mark")
+        //     .forEach(
+        //         (el) =>
+        //             (el.style.backgroundColor = "var(--dx-g-yellow-vibrant-90)")
+        //     );
 
         const mark = element.querySelector("mark");
         if (mark && !scrolled) {