@salesforcedevs/arch-components 1.27.12 → 1.27.17

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/arch-components",
-    "version": "1.27.12",
+    "version": "1.27.17",
     "description": "Architect Lightning web components",
     "license": "MIT",
     "engines": {
@@ -44,5 +44,5 @@
         "eventsourcemock": "2.0.0",
         "luxon": "3.4.4"
     },
-    "gitHead": "2a64d588c773dba9a5d382e3cf008b9935c03fb9"
+    "gitHead": "e8a07ec5b69da0c6e7f65c2da19e6d6a64573047"
 }

package/src/modules/arch/card/card.css

@@ -31,6 +31,10 @@ a:hover {
     box-shadow: var(--arch-shadow-md);
 }
 
+.card[data-href]:hover {
+    background-color: var(--arch-color-fog, rgb(0 0 0 / 3%));
+}
+
 .content {
     display: flex;
     flex: 1;
@@ -75,6 +79,10 @@ img.image {
     max-height: 100px;
 }
 
+.card[data-href] {
+    cursor: pointer;
+}
+
 .card[data-href] .image {
     cursor: pointer;
 }

package/src/modules/arch/card/card.html

@@ -6,6 +6,7 @@
         role="article"
         aria-labelledby={cardTitleId}
         tabindex="0"
+        onclick={handleCardClick}
         onkeydown={handleCardKeydown}
     >
         <div class="content">
@@ -46,7 +47,6 @@
                 id={imageDivId}
                 class="image"
                 if:false={imgTag}
-                onclick={onImageClick}
                 style={imgStyle}
                 data-href={ctaHref}
             ></div>
@@ -60,7 +60,6 @@
                     id={imageImgId}
                     class="image"
                     if:true={imgTag}
-                    onclick={onImageClick}
                     style={imgStyle}
                     src={imgSrc}
                     alt={imageAltText}
@@ -73,7 +72,6 @@
                 id={imageSvgId}
                 class="image"
                 if:true={imgTagSvg}
-                onclick={onImageClick}
                 style={imgStyle}
                 src={imgSrc}
                 alt={description}

package/src/modules/arch/card/card.ts

@@ -179,6 +179,14 @@ export default class extends LightningElement {
         mediaQuerySnapToTop.removeListener(this.onMediaQuerySnapToTop);
     }
 
+    private handleCardClick(e: MouseEvent) {
+        // Let link clicks (CTA, pretitle, etc.) use their default behavior
+        if ((e.target as HTMLElement).closest("a")) {
+            return;
+        }
+        this.onImageClick(e);
+    }
+
     private onImageClick(e: MouseEvent) {
         const element = e.target as HTMLElement;
         sendInteractionEvent(

package/src/modules/arch/gallery/gallery.css

@@ -80,14 +80,6 @@
     white-space: nowrap;
 }
 
-.search-input-icon {
-    color: var(--arch-color-granite);
-    left: 10px;
-    position: absolute;
-    top: 13px;
-    z-index: 1;
-}
-
 .table-summary {
     display: flex;
     justify-content: space-between;

package/src/modules/arch/gallery/gallery.html

@@ -43,11 +43,6 @@
         <div class="search-input">
             <label class="search-input-label" for="search">Search</label>
             <div class="search-input-wrapper">
-                <arch-icon
-                    class="search-input-icon"
-                    size="small"
-                    symbol="search"
-                ></arch-icon>
                 <input
                     id="search"
                     class="search-input-input"

package/src/modules/arch/searchList/searchList.ts

@@ -1,6 +1,19 @@
 import { LightningElement, api, track } from "lwc";
 import { track as trackEvent } from "arch/instrumentation";
 
+function decodeHtmlEntities(value: unknown): string {
+    if (typeof value !== "string" || value.length === 0) {
+        return "";
+    }
+    // Only do work if it looks like it contains entities.
+    if (!value.includes("&") || !value.includes(";")) {
+        return value;
+    }
+    // Decode entities (e.g. ' -> ') without using innerHTML.
+    const doc = new DOMParser().parseFromString(value, "text/html");
+    return doc.documentElement.textContent ?? "";
+}
+
 export default class SearchList extends LightningElement {
     queryString?: string = "";
     titleSearchResults: string = "";
@@ -37,7 +50,10 @@ export default class SearchList extends LightningElement {
                         this.titleSearchResults = `Search results for "${decodeURIComponent(
                             keywords
                         )}"`;
-                        this.results = json.hits;
+                        this.results = json.hits.map((hit: any) => ({
+                            ...hit,
+                            description: decodeHtmlEntities(hit.description)
+                        }));
                         this.showSearchSuggestions = false;
                     } else {
                         this.titleSearchResults = `No results for "${decodeURIComponent(