@salesforcedevs/dw-components 1.28.3 → 1.29.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dw-components",
-    "version": "1.28.3",
+    "version": "1.29.0",
     "description": "Lightning web components for https://developer.salesforce.com",
     "license": "MIT",
     "engines": {
@@ -26,5 +26,5 @@
         "@types/setimmediate": "1.0.4",
         "setimmediate": "1.0.5"
     },
-    "gitHead": "71d75798db2bfb52ea29b57f52947190aa0ec092"
+    "gitHead": "db75cd19dd7a77fe4e09856439c4905c32e64d1f"
 }

package/src/modules/dw/docsGrid/docsGrid.html

@@ -43,34 +43,15 @@
             <dx-card-docs
                 for:each={currentPageDocs}
                 for:item="item"
-                for:index="i"
                 key={item.id}
                 header={item.title}
                 body={item.description}
-                href={item.guidesHref}
+                href={item.projectHref}
                 class="docs-card"
                 target={item.target}
-            >
-                <dx-button
-                    variant="inline"
-                    href={item.guidesHref}
-                    onclick={handleReadItClick}
-                    if:false={item.links}
-                >
-                    Read It
-                </dx-button>
-                <template if:true={item.links}>
-                    <dx-button
-                        for:each={item.links}
-                        for:item="link"
-                        key={link.id}
-                        href={link.href}
-                        variant="inline"
-                    >
-                        { link.title }
-                    </dx-button>
-                </template>
-            </dx-card-docs>
+                data-is-dita={item.isDita}
+                onclick={handleDitaCardClick}
+            ></dx-card-docs>
         </dx-grid>
         <div class="pagination-container" if:false={showEmptyState}>
             <dx-pagination

package/src/modules/dw/docsGrid/docsGrid.ts

@@ -182,15 +182,12 @@ export default class DocsGrid extends LightningElement {
 
         for (const docs of allDocs) {
             for (const project of docs.projects) {
-                const firstLink = project.contentTypes[0].href;
-
                 transformed.push({
                     id: project.id,
                     title: project.title,
                     description: project.description,
-                    links: project.contentTypes,
                     service: project.meta.brand,
-                    guidesHref: firstLink,
+                    projectHref: project.contentTypes[0].href,
                     locale: docs.locale || "en-us"
                 });
             }
@@ -463,13 +460,14 @@ export default class DocsGrid extends LightningElement {
                 id: content.id,
                 title: content.value.title,
                 description: content.value.shortdesc,
-                guidesHref: content
+                projectHref: content
                     ? "/docs/" +
                       content.value._id +
                       "/" +
                       content.value.default_topic
                     : "",
-                service: content.value.service
+                service: content.value.service,
+                isDita: true
             });
         }
     }
@@ -696,7 +694,11 @@ export default class DocsGrid extends LightningElement {
         }
     };
 
-    handleReadItClick(e: any) {
+    handleDitaCardClick(e: any) {
+        if (e?.currentTarget?.dataset?.isDita !== "true") {
+            return;
+        }
+
         this.filteredItemsSelected = true;
         this.selectedProductFilters?.forEach((filter) => {
             track(document, "custEv_filterApplied", {