@salesforcedevs/dw-components 1.28.5-node22-1 → 1.29.1-new-brand

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforcedevs/dw-components",
-  "version": "1.28.5-node22-1",
+  "version": "1.29.1-new-brand",
   "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.29.1"
 }

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
             });
         }
     }
@@ -484,7 +482,12 @@ export default class DocsGrid extends LightningElement {
 
     normalizeProductFilter(val: string): Filter {
         return {
-            label: val === "ai" ? "AI" : val,
+            label:
+                val === "ai"
+                    ? "AI"
+                    : (val || "")
+                          .replace(/[-_]/g, " ")
+                          .replace(/\b\w/g, (c) => c.toUpperCase()),
             value: val && val.toLowerCase()
         };
     }
@@ -696,7 +699,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", {