@salesforcedevs/dw-components 1.28.2-new-content-type-alpha → 1.28.3-alpha1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforcedevs/dw-components",
-  "version": "1.28.2-new-content-type-alpha",
+  "version": "1.28.3-alpha1",
   "description": "Lightning web components for https://developer.salesforce.com",
   "license": "MIT",
   "engines": {
@@ -25,5 +25,6 @@
     "@types/lodash.uniqby": "4.7.9",
     "@types/setimmediate": "1.0.4",
     "setimmediate": "1.0.5"
-  }
+  },
+  "stableVersion": "1.28.3"
 }

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

@@ -43,15 +43,34 @@
             <dx-card-docs
                 for:each={currentPageDocs}
                 for:item="item"
+                for:index="i"
                 key={item.id}
                 header={item.title}
                 body={item.description}
-                href={item.projectHref}
+                href={item.guidesHref}
                 class="docs-card"
                 target={item.target}
-                data-is-dita={item.isDita}
-                onclick={handleDitaCardClick}
-            ></dx-card-docs>
+            >
+                <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>
         </dx-grid>
         <div class="pagination-container" if:false={showEmptyState}>
             <dx-pagination

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

@@ -182,12 +182,15 @@ 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,
-                    projectHref: project.contentTypes[0].href,
+                    guidesHref: firstLink,
                     locale: docs.locale || "en-us"
                 });
             }
@@ -460,14 +463,15 @@ export default class DocsGrid extends LightningElement {
                 id: content.id,
                 title: content.value.title,
                 description: content.value.shortdesc,
-                projectHref: content
-                    ? "/docs/" +
+                guidesHref: content
+                    ? // Deploy base path (e.g. "/PR-123"); empty in local dev.
+                      ((globalThis as any)?.LWR?.env?.basePath || "") +
+                      "/docs/" +
                       content.value._id +
                       "/" +
                       content.value.default_topic
                     : "",
-                service: content.value.service,
-                isDita: true
+                service: content.value.service
             });
         }
     }
@@ -694,11 +698,7 @@ export default class DocsGrid extends LightningElement {
         }
     };
 
-    handleDitaCardClick(e: any) {
-        if (e?.currentTarget?.dataset?.isDita !== "true") {
-            return;
-        }
-
+    handleReadItClick(e: any) {
         this.filteredItemsSelected = true;
         this.selectedProductFilters?.forEach((filter) => {
             track(document, "custEv_filterApplied", {