@salesforcedevs/dx-components 0.59.0 → 0.61.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "0.59.0",
+    "version": "0.61.1",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -25,5 +25,5 @@
         "@types/lodash.get": "^4.4.6",
         "@types/vimeo__player": "^2.16.2"
     },
-    "gitHead": "a3674ea38091ac2c72808281b5ff09ebab643645"
+    "gitHead": "6e9bf005600ca7a99a22b99cf5d5e0618590d9ce"
 }

package/src/modules/dx/popover/popover.css

@@ -10,7 +10,7 @@
 
 .popover-container {
     position: fixed;
-    z-index: var(--dx-g-z-index-max);
+    z-index: var(--dx-c-popover-z-index, var(--dx-g-z-index-max));
     visibility: hidden;
     pointer-events: none;
 }

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

@@ -307,10 +307,26 @@ export default class SidebarSearch extends LightningElement {
         }
 
         let href;
-        if (queryParam) {
+        let isSelected = false;
+        const isReferenceUrl = clickUri.includes("/references/");
+        if (isReferenceUrl) {
             href = `${pathname}${queryParam}&q=${this.value}`;
+
+            //NOTE: This is specific to references related comparison
+            const resultHrefWithMetaQuery = `${pathname}${queryParam}`;
+
+            const urlParams = new URLSearchParams(window.location.search);
+            const metaQueryParam = urlParams.get("meta");
+
+            let currentUrlPathWithQuery = window.location.pathname;
+            if (metaQueryParam) {
+                currentUrlPathWithQuery = `${currentUrlPathWithQuery}?meta=${metaQueryParam}`;
+            }
+
+            isSelected = resultHrefWithMetaQuery === currentUrlPathWithQuery;
         } else {
             href = `${pathname}?q=${this.value}`;
+            isSelected = pathname === window.location.pathname;
         }
 
         return {
@@ -320,7 +336,7 @@ export default class SidebarSearch extends LightningElement {
             excerptHighlights,
             uniqueId,
             href,
-            selected: pathname === window.location.pathname
+            selected: isSelected
         };
     };