@salesforcedevs/docs-components 0.19.4 → 0.25.0

package/package.json

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

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

@@ -1,5 +1,5 @@
 import CodeBlock from "dx/codeBlock";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import Content from "../content";
 import * as mockContent from "./mockDocContent";
 import mockPageReference from "./mockPageReference";

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

@@ -183,7 +183,9 @@ export default class Content extends LightningElement {
                 }
             }
 
-            if (!anchorEl.href.includes("/docs/")) {
+            // ! This is a hack
+            // Normalize urls in case it doesn't come complete.
+            if (anchorEl.href.startsWith("atlas.")) {
                 anchorEl.href = "/docs/" + anchorEl.href;
             }
 

package/src/modules/doc/contentCallout/__tests__/contentCallout.test.ts

@@ -1,5 +1,5 @@
 import ContentCallout from "../contentCallout";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-content-callout";

package/src/modules/doc/contentMedia/__tests__/contentMedia.test.ts

@@ -1,5 +1,5 @@
 import ContentMedia from "doc/contentMedia";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "doc-content-media";
 const render = createRenderComponent(TAG, ContentMedia);
@@ -11,10 +11,6 @@ describe(TAG, () => {
         global.console = { ...global.console, error: jest.fn() };
     });
 
-    afterEach(() => {
-        jest.clearAllMocks();
-    });
-
     afterAll(() => {
         global.console = originalConsole;
     });

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

@@ -1,4 +1,4 @@
-import { coveoHeaderConfig } from "../../../../../../dx-components/src/modules/utils/coveo/coveo";
+import { coveoHeaderConfig } from "../../../../../../dx-components/src/modules/utils-internal/coveo/coveo";
 
 export default {
     mobile: false,

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

@@ -2,8 +2,8 @@ import Button from "dx/button";
 import Header from "doc/header";
 import HeaderNav from "dx/headerNav";
 import Icon from "dx/icon";
-import { createRenderComponent } from "utils/tests";
-import { createMediaMock } from "utils/jest";
+import { createRenderComponent } from "utils-internal/tests";
+import { createMediaMock } from "utils-internal/jest";
 import {
     mockPropsDevelopers,
     mockPropsEmployees,
@@ -12,7 +12,7 @@ import {
 import Dropdown from "dx/dropdown";
 import { Option } from "typings/custom";
 import { track } from "dx/instrumentation";
-import { ANALYTICS_INFO } from "utils/headerBase";
+import { ANALYTICS_INFO } from "utils-internal/headerBase";
 
 const EXPECTED_QUERY_TABLET = "(max-width: 980px)";
 const EXPECTED_QUERY_MOBILE = "(max-width: 880px)";
@@ -83,15 +83,7 @@ const testLangEvent = () => {
 };
 
 describe(TAG, () => {
-    afterAll(() => {
-        jest.resetAllMocks();
-    });
-
     describe("desktop", () => {
-        afterEach(() => {
-            jest.clearAllMocks();
-        });
-
         it("renders", () => {
             const element = render();
             expect(element.headerHref).toBe("/");

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

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

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

@@ -1,7 +1,7 @@
 import { api } from "lwc";
 import cx from "classnames";
 import type { Option } from "typings/custom";
-import { HeaderBase } from "utils/headerBase";
+import { HeaderBase } from "utils-internal/headerBase";
 import { toJson } from "utils/normalizers";
 import get from "lodash.get";
 

package/src/modules/doc/headingAnchor/__tests__/headingAnchor.test.ts

@@ -1,5 +1,5 @@
 import HeadingAnchor from "doc/headingAnchor";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "doc-heading-anchor";
 const render = createRenderComponent(TAG, HeadingAnchor);
@@ -14,7 +14,6 @@ describe(TAG, () => {
     });
 
     afterEach(() => {
-        jest.resetAllMocks();
         Object.defineProperty(global.navigator, "clipboard", {
             value: originalClipboard,
             configurable: true

package/src/modules/doc/nav/__tests__/nav.test.ts

@@ -6,7 +6,7 @@ import mockSelectedVersion from "./mockSelectedVersion";
 import mockPdfUrl from "./mockPdfUrl";
 import mockToc from "./mockToc";
 import mockPageReference from "./mockPageReference";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const MOCK_PARAMETERS = {
     selectedLanguage: mockSelectedLanguage,
@@ -32,9 +32,8 @@ describe("doc-nav", () => {
     it("fires the event", () => {
         const component = render(MOCK_PARAMETERS);
 
-        const tocEl: HTMLElement = component.shadowRoot.querySelector(
-            "dx-sidebar"
-        );
+        const tocEl: HTMLElement =
+            component.shadowRoot.querySelector("dx-sidebar");
         const mockNavClick = jest.fn();
         component.addEventListener("navclick", mockNavClick);
         tocEl.dispatchEvent(

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

@@ -1,5 +1,5 @@
 import DocPhase from "doc/phase";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "doc-phase";
@@ -28,7 +28,6 @@ describe(TAG, () => {
     });
 
     it("hides the body when clicking button on expand state", async () => {
-
         const showOrHideButton = element.shadowRoot.querySelector("dx-button");
 
         const docPhaseBody: HTMLSpanElement =
@@ -42,7 +41,6 @@ describe(TAG, () => {
     });
 
     it("shows the body when clicking button on collapse state", async () => {
-        
         const showOrHideButton = element.shadowRoot.querySelector("dx-button");
 
         const docPhaseBody: HTMLSpanElement =