@salesforcedevs/docs-components 0.17.1 → 0.19.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "0.17.1",
+    "version": "0.19.2",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",
@@ -14,5 +14,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "53a3b2f6fa7d61fee0305c6bfd272f4806a662fa"
+    "gitHead": "8bfc13904276093b75868ad2c4d9003d74873fbb"
 }

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

@@ -7,7 +7,7 @@ import ContentMedia from "doc/contentMedia";
 import Button from "dx/button";
 import { highlightTerms } from "utils/highlight";
 
-const ALLOWED_ELEMENTS = [
+const HIGHLIGHTABLE_SELECTOR = [
     "p",
     ".p",
     ".shortdesc",
@@ -21,7 +21,7 @@ const ALLOWED_ELEMENTS = [
     "dl",
     "th",
     "td"
-];
+].join(",");
 
 const LANGUAGE_MAP: { [key: string]: string } = {
     js: "javascript"
@@ -334,9 +334,7 @@ export default class Content extends LightningElement {
 
     updateHighlighted = (event: any) =>
         highlightTerms(
-            Array.from(
-                this.template.querySelectorAll(ALLOWED_ELEMENTS.join(","))
-            ),
+            this.template.querySelectorAll(HIGHLIGHTABLE_SELECTOR),
             event.detail
         );
 

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/header/header.html

@@ -1,7 +1,7 @@
 <template>
     <dx-brand-theme-provider brand={brand}>
         <header class={className}>
-            <dx-banner 
+            <dx-banner
                 if:true={bannerMarkup}
                 banner-markup={bannerMarkup}
             ></dx-banner>

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;
         }