@salesforcedevs/dx-components 1.3.92 → 1.3.96

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.92",
+    "version": "1.3.96",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -40,5 +40,5 @@
         "eventsourcemock": "^2.0.0",
         "luxon": "^3.1.0"
     },
-    "gitHead": "c8219382fa130a3c0136d76c0581dcaa893b0c6d"
+    "gitHead": "229d103f3f7fdb30c0cd182c048522d1739c7fc3"
 }

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

@@ -24,6 +24,7 @@ import {
     SidebarSearchResult
 } from "typings/custom";
 
+const RESULT_CLICK_LOCAL_STORAGE_KEY = "dx-sidebar-search-result-click";
 export const SESSION_KEY = "dx-sidebar-search-state";
 
 const DEFAULT_RESULT_COUNT = 20;
@@ -241,6 +242,22 @@ export default class SidebarSearch extends LightningElement {
                 this.dispatchOnLoading(false);
             }
         }
+
+        this.syncAnalytics();
+    };
+
+    private syncAnalytics = () => {
+        const storedResult = window.localStorage.getItem(
+            RESULT_CLICK_LOCAL_STORAGE_KEY
+        );
+        if (storedResult) {
+            const interactiveResult = buildInteractiveResult(this.engine!, {
+                options: { result: JSON.parse(storedResult) }
+            });
+            interactiveResult.cancelPendingSelect();
+            interactiveResult.select();
+            window.localStorage.removeItem(RESULT_CLICK_LOCAL_STORAGE_KEY);
+        }
     };
 
     private onResultListChange = () => {
@@ -298,11 +315,6 @@ export default class SidebarSearch extends LightningElement {
             uniqueId
         } = result;
 
-        const interactiveResult = buildInteractiveResult(this.engine!, {
-            options: { result }
-        });
-        interactiveResult.cancelPendingSelect();
-
         // discussion about this normalization here: https://salesforce-internal.slack.com/archives/C020S6784JX/p1639506238376600
 
         let pathname, queryParam;
@@ -354,7 +366,11 @@ export default class SidebarSearch extends LightningElement {
             uniqueId,
             href,
             selected: isSelected,
-            select: interactiveResult.select
+            select: () =>
+                window.localStorage.setItem(
+                    RESULT_CLICK_LOCAL_STORAGE_KEY,
+                    JSON.stringify(result)
+                )
         };
     };
 

package/src/modules/dx/sidebarSearchResult/sidebarSearchResult.html

@@ -1,5 +1,5 @@
 <template>
-    <a class={className} href={href} onclick={select}>
+    <a class={className} href={href} onclick={onClick}>
         <span class="title search-text">
             <template for:each={titleChunks} for:item="chunk">
                 <span class={chunk.class} key={chunk.id}>{chunk.value}</span>

package/src/modules/dx/sidebarSearchResult/sidebarSearchResult.ts

@@ -68,4 +68,10 @@ export default class SidebarSearchResult extends LightningElement {
     private get className(): string {
         return cx("sidebar-item", this.selected && "sidebar-item-selected");
     }
+
+    private onClick(e: PointerEvent) {
+        e.preventDefault();
+        this.select();
+        window.location.href = this.href;
+    }
 }

package/src/modules/dxHelpers/text/text.css

@@ -3,7 +3,7 @@
     color: var(--dx-g-text-heading-color);
     font-family: var(--dx-g-font-display);
     font-size: var(--dx-g-text-6xl);
-    letter-spacing: -1.4px;
+    letter-spacing: -1.8px;
     line-height: 88px;
 }
 
@@ -21,7 +21,7 @@
     color: var(--dx-g-text-heading-color);
     font-family: var(--dx-g-font-display);
     font-size: var(--dx-g-text-5xl);
-    letter-spacing: -0.6px;
+    letter-spacing: -1.2px;
     line-height: 64px;
 }
 
@@ -30,7 +30,7 @@
     color: var(--dx-g-text-heading-color);
     font-family: var(--dx-g-font-display);
     font-size: var(--dx-g-text-4xl);
-    letter-spacing: -0.5px;
+    letter-spacing: -1px;
     line-height: 56px;
 }
 
@@ -39,7 +39,7 @@
     color: var(--dx-g-text-heading-color);
     font-family: var(--dx-g-font-display);
     font-size: var(--dx-g-text-3xl);
-    letter-spacing: -0.3px;
+    letter-spacing: -0.8px;
     line-height: 48px;
 }
 
@@ -48,7 +48,7 @@
     color: var(--dx-g-text-heading-color);
     font-family: var(--dx-g-font-display);
     font-size: var(--dx-g-text-2xl);
-    letter-spacing: -0.1px;
+    letter-spacing: -0.4px;
     line-height: 40px;
 }
 
@@ -57,7 +57,7 @@
     color: var(--dx-g-text-heading-color);
     font-family: var(--dx-g-font-display);
     font-size: var(--dx-g-text-xl);
-    letter-spacing: -0.1px;
+    letter-spacing: -0.4px;
     line-height: 32px;
 }
 
@@ -66,7 +66,7 @@
     color: var(--dx-g-text-heading-color);
     font-family: var(--dx-g-font-display);
     font-size: var(--dx-g-text-lg);
-    letter-spacing: -0.1px;
+    letter-spacing: -0.4px;
     line-height: 28px;
 }
 
@@ -75,7 +75,7 @@
     color: var(--dx-g-text-heading-color);
     font-family: var(--dx-g-font-display);
     font-size: var(--dx-g-text-base);
-    letter-spacing: -0.1px;
+    letter-spacing: -0.5px;
     line-height: 24px;
 }