@salesforcedevs/dw-components 1.3.206 → 1.3.211

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dw-components",
-    "version": "1.3.206",
+    "version": "1.3.211",
     "description": "Lightning web components for https://developer.salesforce.com",
     "license": "MIT",
     "engines": {
@@ -24,5 +24,5 @@
         "@types/setimmediate": "^1.0.2",
         "setimmediate": "^1.0.5"
     },
-    "gitHead": "64dfbe7681c227a3ff1aa409decf2c079c848715"
+    "gitHead": "868580e697a07798c02537d4bd3cab7530127812"
 }

package/src/modules/dw/codeSamplesGrid/codeSamplesGrid.html

@@ -131,8 +131,11 @@
             ></dx-pagination>
         </div>
         <dx-empty-state
+            variant="alt"
             title="Beep boop. That did not compute."
             subtitle={emptyStateSubtitle}
+            body={emptyStateBody}
+            suggestions={emptyStateSuggestions}
             if:true={showEmptyState}
         ></dx-empty-state>
     </dx-section>

package/src/modules/dw/codeSamplesGrid/codeSamplesGrid.ts

@@ -261,13 +261,24 @@ export default class CodeSamplesGrid extends LightningElement {
         return this.totalPages < 2;
     }
 
-    get emptyStateSubtitle(): string {
+    get emptyStateSubtitle() {
         return (
-            "No results" +
-            (this.searchTerm !== "" ? ` for "${this.searchTerm}"` : "")
+            "Sorry, no results were found for your search" +
+            (this.searchTerm !== "" ? ` "${this.searchTerm}"` : "")
         );
     }
 
+    get emptyStateBody() {
+        return "Search Tips:";
+    }
+
+    get emptyStateSuggestions() {
+        return JSON.stringify([
+            "Please consider misspellings",
+            "Try different search keywords"
+        ]);
+    }
+
     handleView = (e: MediaQueryListEvent | MediaQueryList): void => {
         if (e.media === this.isDesktop && e.matches) {
             this.deviceType = "desktop";

package/src/modules/dw/contentArchive/contentArchive.html

@@ -245,7 +245,7 @@
                 </template>
             </div>
             <h3 class="results-heading" if:false={loading}>{resultsHeading}</h3>
-            <hr />
+            <hr if:false={isEmptyState} />
             <template if:true={loading}>
                 <template if:false={modalOpen}>
                     <div class="spinner-container">
@@ -328,11 +328,13 @@
                 </template>
             </template>
             <template if:true={isEmptyState}>
-                <div class="empty-state-container">
-                    <p class="empty-state-text">
-                        Please try a different filter selection.
-                    </p>
-                </div>
+                <dx-empty-state
+                    variant="alt"
+                    title="Beep boop. That did not compute."
+                    subtitle={emptyStateSubtitle}
+                    body={emptyStateBody}
+                    suggestions={emptyStateSuggestions}
+                ></dx-empty-state>
             </template>
         </div>
     </div>

package/src/modules/dw/contentArchive/contentArchive.ts

@@ -56,6 +56,18 @@ export default class ContentArchive extends LightningElement {
         return this.totalResults === 0 && !this.loading;
     }
 
+    get emptyStateSubtitle() {
+        return "Sorry, no results were found for your search";
+    }
+
+    get emptyStateBody() {
+        return "Search Tips:";
+    }
+
+    get emptyStateSuggestions() {
+        return JSON.stringify(["Try a different filter selection"]);
+    }
+
     get currentPageLength() {
         if (this.loading) {
             return "Loading Results...";
@@ -78,7 +90,7 @@ export default class ContentArchive extends LightningElement {
         if (this.currentPage !== 1) {
             pageInfo = `- Page ${this.currentPage}`;
         }
-        return this.totalResults ? `Archive Results ${pageInfo}` : "No results";
+        return this.totalResults ? `Archive Results ${pageInfo}` : "";
     }
 
     get spinnerSize() {
@@ -258,9 +270,8 @@ export default class ContentArchive extends LightningElement {
     }
 
     private async updateCheckedStatus() {
-        const filterMenuElements = this.template.querySelectorAll(
-            "dx-filter-menu"
-        );
+        const filterMenuElements =
+            this.template.querySelectorAll("dx-filter-menu");
 
         filterMenuElements.forEach((filterMenuElement: any) =>
             filterMenuElement.updateCheckedStatus(this.selectedFilterMenuData)

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

@@ -83,8 +83,11 @@
         </div>
     </div>
     <dx-empty-state
+        variant="alt"
         title="Beep boop. That did not compute."
         subtitle={emptyStateSubtitle}
+        body={emptyStateBody}
+        suggestions={emptyStateSuggestions}
         if:true={showEmptyState}
     ></dx-empty-state>
 </template>

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

@@ -11,6 +11,7 @@ const DSC_API_URL = {
     "en-us": "/docs/get_index/en-us/000.0/false/All%20Services/all",
     "ja-jp": "/docs/get_index/ja-jp/000.0/false/All%20Services/all"
 };
+
 const PRODUCT_FILTER_ALL_SERVICES = "all services";
 const LANGUAGE_FILTER_LABEL = "Language";
 const WAIT_TIME = 500;
@@ -259,11 +260,22 @@ export default class DocsGrid extends LightningElement {
 
     get emptyStateSubtitle() {
         return (
-            "No results" +
-            (this.searchTerm !== "" ? ` for "${this.searchTerm}"` : "")
+            "Sorry, no results were found for your search" +
+            (this.searchTerm !== "" ? ` "${this.searchTerm}"` : "")
         );
     }
 
+    get emptyStateBody() {
+        return "Search Tips:";
+    }
+
+    get emptyStateSuggestions() {
+        return JSON.stringify([
+            "Please consider misspellings",
+            "Try different search keywords"
+        ]);
+    }
+
     getOtherDocsForSelectedLocale() {
         const docsForLocale = this._otherDocs!.filter(
             (doc) => doc.locale === this.selectedLanguageFilter