@salesforcedevs/dw-components 1.28.2-action-link-1 → 1.28.2-action-link-2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforcedevs/dw-components",
-  "version": "1.28.2-action-link-1",
+  "version": "1.28.2-action-link-2",
   "description": "Lightning web components for https://developer.salesforce.com",
   "license": "MIT",
   "engines": {

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

@@ -40,37 +40,27 @@
             ></dx-input>
         </div>
         <dx-grid columns={tileColumns} if:false={showEmptyState}>
-            <dx-card-docs
-                for:each={currentPageDocs}
-                for:item="item"
-                for:index="i"
-                key={item.id}
-                header={item.title}
-                body={item.description}
-                href={item.guidesHref}
-                class="docs-card"
-                target={item.target}
-            >
-                <dx-button
-                    variant="inline"
+            <template for:each={currentPageDocs} for:item="item" for:index="i">
+                <dx-card-docs
+                    lwc:if={item.isDita}
+                    key={item.id}
+                    header={item.title}
+                    body={item.description}
                     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>
+                    class="docs-card"
+                    target={item.target}
+                    onclick={handleDitaCardClick}
+                ></dx-card-docs>
+                <dx-card-docs
+                    lwc:else
+                    key={item.id}
+                    header={item.title}
+                    body={item.description}
+                    href={item.guidesHref}
+                    class="docs-card"
+                    target={item.target}
+                ></dx-card-docs>
+            </template>
         </dx-grid>
         <div class="pagination-container" if:false={showEmptyState}>
             <dx-pagination

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

@@ -1,6 +1,6 @@
 import { api, LightningElement } from "lwc";
 import { normalizeBoolean, toJson } from "dxUtils/normalizers";
-import { DocsLink, DocsTile, DropdownItem, Language } from "typings/custom";
+import { DocsTile, DropdownItem, Language } from "typings/custom";
 import qs from "query-string";
 import uniqBy from "lodash.uniqby";
 import orderBy from "lodash.orderby";
@@ -16,7 +16,6 @@ const DSC_API_URL = {
 const PRODUCT_FILTER_ALL_SERVICES = "all services";
 const LANGUAGE_FILTER_LABEL = "Language";
 const WAIT_TIME = 500;
-const DOCS_CONTENT_TYPE = "docs";
 
 type Filter = {
     label: string;
@@ -183,18 +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;
-                const links = this.isDocsContentType(project)
-                    ? []
-                    : project.contentTypes;
-
                 transformed.push({
                     id: project.id,
                     title: project.title,
                     description: project.description,
-                    links,
                     service: project.meta.brand,
-                    guidesHref: firstLink,
+                    guidesHref: project.contentTypes[0].href,
                     locale: docs.locale || "en-us"
                 });
             }
@@ -203,13 +196,6 @@ export default class DocsGrid extends LightningElement {
         return transformed;
     }
 
-    private isDocsContentType(project: any): boolean {
-        return !!project.contentTypes?.some(
-            (contentType: DocsLink) =>
-                contentType.contentType === DOCS_CONTENT_TYPE
-        );
-    }
-
     async fetchOtherDocsFromSitemetadata(): Promise<void> {
         if (this._isFetchingOtherDocs) {
             return;
@@ -480,7 +466,8 @@ export default class DocsGrid extends LightningElement {
                       "/" +
                       content.value.default_topic
                     : "",
-                service: content.value.service
+                service: content.value.service,
+                isDita: true
             });
         }
     }
@@ -707,7 +694,7 @@ export default class DocsGrid extends LightningElement {
         }
     };
 
-    handleReadItClick(e: any) {
+    handleDitaCardClick(e: any) {
         this.filteredItemsSelected = true;
         this.selectedProductFilters?.forEach((filter) => {
             track(document, "custEv_filterApplied", {