@salesforcedevs/docs-components 1.28.7-alpha.5 → 1.28.7-alpha.7

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.28.7-alpha.5",
+    "version": "1.28.7-alpha.7",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",
@@ -25,5 +25,5 @@
         "@types/lodash.orderby": "4.6.9",
         "@types/lodash.uniqby": "4.7.9"
     },
-    "gitHead": "e9212b1c8e71775c00e7fc1f01cd1b3db3d10046"
+    "gitHead": "f2c341af399aa8e306edd3fa21632df70493124e"
 }

package/src/modules/doc/contentLayout/contentLayout.html

@@ -1,7 +1,17 @@
 <template>
     <div class="content">
+        <dx-sidebar
+            lwc:if={showDataCloudSidebar}
+            class="is-sticky left-nav-bar"
+            trees={sidebarContent}
+            value={sidebarValue}
+            header={sidebarHeader}
+            ontogglesidebar={onToggleSidebar}
+        >
+            <slot name="sidebar-header" slot="version-picker"></slot>
+        </dx-sidebar>
         <dx-sidebar-old
-            lwc:if={useOldSidebar}
+            lwc:else
             class="is-sticky left-nav-bar"
             trees={sidebarContent}
             value={sidebarValue}
@@ -17,16 +27,6 @@
         >
             <slot name="sidebar-header" slot="version-picker"></slot>
         </dx-sidebar-old>
-        <dx-sidebar
-            lwc:else
-            class="is-sticky left-nav-bar"
-            trees={sidebarContent}
-            value={sidebarValue}
-            header={sidebarHeader}
-            ontogglesidebar={onToggleSidebar}
-        >
-            <slot name="sidebar-header" slot="version-picker"></slot>
-        </dx-sidebar>
         <div class="content-body-doc-phase-container">
             <div class="doc-phase-wrapper">
                 <slot name="doc-phase"></slot>

package/src/modules/doc/contentLayout/contentLayout.ts

@@ -1,6 +1,7 @@
 /* eslint-disable @lwc/lwc/no-document-query */
 import { LightningElement, api, track } from "lwc";
 import { closest } from "kagekiri";
+import { fetchHasResults } from "dxUtils/dataCloudSearch";
 import { toJson, normalizeBoolean } from "dxUtils/normalizers";
 import { highlightTerms } from "dxUtils/highlight";
 import { SearchSyncer } from "docUtils/searchSyncer";
@@ -108,9 +109,17 @@ export default class ContentLayout extends LightningElement {
         );
     }
 
+    /** Show Data Cloud sidebar only when not using old sidebar and the page has searchable results. */
+    protected get showDataCloudSidebar(): boolean {
+        return !this.useOldSidebar && this.hasDataCloudResults === true;
+    }
+
     @track
     protected _sidebarContent: unknown;
 
+    @track
+    protected hasDataCloudResults: boolean | null = null;
+
     protected _breadcrumbs = null;
 
     @track
@@ -181,6 +190,11 @@ export default class ContentLayout extends LightningElement {
     }
 
     connectedCallback(): void {
+        if (!this.useOldSidebar) {
+            fetchHasResults().then((hasResults: boolean) => {
+                this.hasDataCloudResults = hasResults;
+            });
+        }
         const hasParentHighlightListener = closest(
             "doc-xml-content",
             this.template.host

package/src/modules/doc/lwcContentLayout/lwcContentLayout.html

@@ -1,6 +1,7 @@
 <template>
     <div class="content">
         <dx-sidebar-old
+            lwc:if={useOldSidebar}
             class="is-sticky left-nav-bar"
             trees={sidebarContent}
             value={sidebarValue}
@@ -15,6 +16,16 @@
         >
             <slot name="sidebar-header" slot="version-picker"></slot>
         </dx-sidebar-old>
+        <dx-sidebar
+            lwc:else
+            class="is-sticky left-nav-bar"
+            trees={sidebarContent}
+            value={sidebarValue}
+            header={sidebarHeader}
+            ontogglesidebar={onToggleSidebar}
+        >
+            <slot name="sidebar-header" slot="version-picker"></slot>
+        </dx-sidebar>
         <div class="content-body-doc-phase-container">
             <div class="doc-phase-wrapper">
                 <slot name="doc-phase"></slot>

package/src/modules/doc/xmlContent/xmlContent.ts

@@ -251,17 +251,6 @@ export default class DocXmlContent extends LightningElementWithState<{
         return this.pageReference.deliverable;
     }
 
-    private get useOldSidebar(): boolean {
-        // Coveo is enabled and the version is greater than  51 (within the latest 3 versions)
-        // TODO: we need a better fix for version number check
-        return !(
-            !this.version?.releaseVersion ||
-            (this.version?.releaseVersion &&
-                parseInt(this.version.releaseVersion.replace("v", ""), 10) >=
-                    53)
-        );
-    }
-
     private get pageHeader(): Header {
         if (!this._pageHeader) {
             this._pageHeader = document.querySelector("doc-header")!;