@salesforcedevs/docs-components 0.18.0 → 0.19.4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "0.18.0",
+    "version": "0.19.4",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",
@@ -14,5 +14,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "d211c35163de06a1f77f0450391639278661a481"
+    "gitHead": "39c2b11a0335b375a640ee0c5dcd9bf778bf89bb"
 }

package/src/modules/doc/content/content.ts

@@ -170,6 +170,7 @@ export default class Content extends LightningElement {
         // Modify links to work with any domain, links that start with "#" are excluded
         const anchorEls =
             templateEl.content.querySelectorAll("a:not([href^='#'])");
+
         anchorEls.forEach((anchorEl) => {
             if (
                 anchorEl.textContent.includes("Next →") ||
@@ -182,6 +183,10 @@ export default class Content extends LightningElement {
                 }
             }
 
+            if (!anchorEl.href.includes("/docs/")) {
+                anchorEl.href = "/docs/" + anchorEl.href;
+            }
+
             const href = anchorEl.href.split("/");
             if (
                 (href[3] === this.pageReference.docId && this.isStorybook) ||

package/src/modules/doc/header/__tests__/coveoConfig.ts

@@ -1,12 +1,6 @@
-// TODO: Move coveoConfig to a specific module to share it.
-export const coveoConfig = {
-    coveoOrganizationId: "coveosalesforcetestakshatha",
-    coveoPublicAccessToken: "xx8d9c92ef-1018-4d92-a3c7-647dff01c21c",
-    coveoSearchPipeline: "salesforcedevdoc",
-    coveoSearchHub: "salesforcedevdoc"
-};
+import { coveoHeaderConfig } from "../../../../../../dx-components/src/modules/utils/coveo/coveo";
 
 export default {
     mobile: false,
-    ...coveoConfig
+    ...coveoHeaderConfig
 };

package/src/modules/doc/header/__tests__/mockProps.ts

@@ -12,7 +12,7 @@ import {
     mockNavService,
     mockNavAnalytics
 } from "./mockNavs";
-import { coveoConfig } from "./coveoConfig";
+import coveoConfig from "./coveoConfig";
 import mockNavDevelopers from "./mockNavDevelopers";
 import { Option } from "typings/custom";
 

package/src/modules/doc/header/header.css

@@ -57,7 +57,8 @@ header:not(.has-brand) > .header_l2 {
 }
 
 @media (max-width: 740px) {
-    .header_l2 {
+    .has-nav-items .header_l2 {
+        height: initial;
         padding: 0;
         flex-wrap: wrap;
     }

package/src/modules/doc/phase/phase.ts

@@ -5,16 +5,16 @@ import { DocPhaseInfo } from "typings/custom";
 import { toJson } from "utils/normalizers";
 
 export default class Phase extends LightningElement {
-    _docPhaseInfo!: DocPhaseInfo;
+    _docPhaseInfo: DocPhaseInfo | null = null;
 
     isBodyHidden = false;
 
     get docPhaseTitle() {
-        return this.docPhaseInfo.title;
+        return this.docPhaseInfo?.title;
     }
 
     @api
-    get docPhaseInfo(): DocPhaseInfo {
+    get docPhaseInfo(): DocPhaseInfo | null {
         return this._docPhaseInfo;
     }
 
@@ -23,7 +23,7 @@ export default class Phase extends LightningElement {
     }
 
     get hideBodyText() {
-        return this.isBodyHidden ? "Show" : "Hide"
+        return this.isBodyHidden ? "Show" : "Hide";
     }
 
     get className() {
@@ -45,7 +45,7 @@ export default class Phase extends LightningElement {
     renderedCallback() {
         const phaseBodyContainer =
             this.template.querySelector(".doc-phase-body");
-        if (phaseBodyContainer) {
+        if (phaseBodyContainer && this.docPhaseInfo) {
             // eslint-disable-next-line @lwc/lwc/no-inner-html
             phaseBodyContainer.innerHTML = this.docPhaseInfo.body;
         }