@salesforcedevs/docs-components 1.3.138-coveo-fix4 → 1.3.138-j2s

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.138-coveo-fix4",
+    "version": "1.3.138-j2s",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

package/src/modules/doc/amfReference/amfReference.html

@@ -7,7 +7,6 @@
         coveo-search-hub={coveoSearchHub}
         coveo-advanced-query-config={coveoAdvancedQueryConfig}
         breadcrumbs={breadcrumbs}
-        version={version}
         sidebar-header={sidebarHeader}
         sidebar-value={selectedSidebarValue}
         sidebar-content={navigation}

package/src/modules/doc/amfReference/amfReference.ts

@@ -110,7 +110,6 @@ export default class AmfReference extends LightningElement {
                 this.oldVersionInfo
             ) {
                 this.showVersionBanner = true;
-                this.version = this.selectedVersion.id.replace("v", "");
             }
         }
 
@@ -164,7 +163,6 @@ export default class AmfReference extends LightningElement {
     private isParentLevelDocPhaseEnabled = false;
     private selectedReferenceDocPhase?: string | null = null;
     private _expandChildren?: boolean = false;
-    private version = "latest";
 
     /**
      * Key for storing the currently selected reference url. This will be used to save the
@@ -1259,7 +1257,6 @@ export default class AmfReference extends LightningElement {
             this.versions = this.getVersions();
             if (this.oldVersionInfo) {
                 this.showVersionBanner = true;
-                this.version = this.getSelectedVersion().id.replace("v", "");
             }
             this.updateDocPhase();
             this.selectedSidebarValue = window.location.pathname;

package/src/modules/doc/breadcrumbItem/breadcrumbItem.ts

@@ -53,7 +53,7 @@ export default class BreadcrumbItem extends LightningElement {
     private onLinkClick(event: Event): void {
         track(event.target!, "custEv_breadcrumbClick", {
             click_text: this.label,
-            click_url: `${window.location.origin}${this.href}`,
+            click_url: this.href,
             element_type: "link",
             nav_type: "breadcrumb",
             nav_level: this.level ? this.level + 1 : 1,
@@ -62,7 +62,7 @@ export default class BreadcrumbItem extends LightningElement {
 
         track(event.target!, "custEv_linkClick", {
             click_text: this.label,
-            click_url: `${window.location.origin}${this.href}`,
+            click_url: this.href,
             element_title: this.label,
             element_type: "link",
             content_category: "cta"

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

@@ -17,7 +17,6 @@
                 trees={sidebarContent}
                 value={sidebarValue}
                 header={sidebarHeader}
-                version={version}
                 coveo-organization-id={coveoOrganizationId}
                 coveo-public-access-token={coveoPublicAccessToken}
                 coveo-search-hub={coveoSearchHub}

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

@@ -35,7 +35,6 @@ export default class ContentLayout extends LightningElement {
     @api coveoSearchHub!: string;
     @api coveoAdvancedQueryConfig!: string;
     @api useOldSidebar?: boolean = false;
-    @api version!: string;
 
     @api
     get breadcrumbs() {

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

@@ -40,8 +40,8 @@ header:not(.has-brand) > .header_l2 {
 }
 
 .header_lang-dropdown {
-    --button-primary-color: var(--dx-g-blue-vibrant-40);
-    --button-primary-color-hover: var(--dx-g-blue-vibrant-30);
+    --button-primary-color: var(--dx-g-blue-vibrant-50);
+    --button-primary-color-hover: var(--dx-g-blue-vibrant-40);
 }
 
 .header_lang-dropdown > dx-button {

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

@@ -133,7 +133,6 @@ export default class Header extends HeaderBase {
     private onLangChange(event: CustomEvent<string>): void {
         const { detail } = event;
         this._language = detail;
-
         this.dispatchEvent(new CustomEvent("langchange", { detail }));
     }
 

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

@@ -13,10 +13,9 @@ import {
     TocMap
 } from "./types";
 import { SearchSyncer } from "docUtils/SearchSyncer";
-import { LightningElementWithState } from "docBaseElements/lightningElementWithState";
+import { LightningElementWithState } from "dxBaseElements/lightningElementWithState";
 import { oldVersionDocInfo } from "docUtils/utils";
 import { Breadcrumb, DocPhaseInfo, Language } from "typings/custom";
-import { track as trackGTM } from "dxUtils/analytics";
 
 // TODO: Imitating from actual implementation as doc-content use it like this. We should refactor it later.
 const handleContentError = (error): void => console.log(error);
@@ -365,17 +364,6 @@ export default class DocXmlContent extends LightningElementWithState<{
             ({ id }) => id === event.detail
         );
         this.pageReference.docId = this.language.url;
-
-        trackGTM(event.target!, "custEv_ctaLinkClick", {
-            click_text: event.detail,
-            element_title: "language selector",
-            click_url: `${window.location.origin}${this.pageReferenceToString(
-                this.pageReference
-            )}`,
-            element_type: "link",
-            content_category: "cta"
-        });
-
         this.updateUrl();
         this.fetchDocument();
     };

package/src/modules/docBaseElements/lightningElementWithState/lightningElementWithState.ts

@@ -1,93 +0,0 @@
-import { LightningElement, track } from "lwc";
-
-/**
- * This is a helper class for when you want your LWC component to have state
- * that is automatically tracked _along with_ its previous state, in a React-
- * like fashion, so that you can compare current state with previous state
- * after a render (like React's `commponentDidUpdate`). One benefit of doing
- * things this way is that you can put all of your reactions to state changes
- * in one place, in `renderedCallback`, rather than having them in various
- * places throughout the component.
- *
- * The API consists in `this.prevState`, `this.state`, and `this.setState`.
- *
- * Usage:
- *
- * ```
- * type MyState = {
- *     isFetchingContent: boolean;
- * };
- *
- * class MyFetchingComponent extends LightningElementWithState<MyState> {
- *     constructor() {
- *         // `this.state` can only be initialized once
- *         this.state = {
- *             isFetchingContent: false
- *         };
- *     }
- *
- *     // Queued for execution whenever a `setState` call completes
- *     renderedCallback() {
- *         if (this.prevState.isFetchingContent && !this.state.isFetchingContent) {
- *             // Do something knowing that we just finished fetching.
- *             notifyFetchSuccessful();
- *         }
- *     }
- *
- *     fetchSomething() {
- *         this.setState({
- *             isFetchingContent: true
- *         });
- *
- *         fetch(whatever).then(() => {
- *             this.setState({
- *                 isFetching: false
- *             }
- *         });
- *     }
- * }
- * ```
- */
-export abstract class LightningElementWithState<
-    T extends { [key: string]: unknown }
-> extends LightningElement {
-    private _prevState = {} as T;
-    @track private _state = {} as T;
-
-    private _didInitializeState = false;
-
-    protected get prevState(): T {
-        return Object.freeze({
-            ...this._prevState
-        });
-    }
-
-    protected get state(): T {
-        return Object.freeze({
-            ...this._state
-        });
-    }
-
-    protected set state(initialState: T) {
-        if (!this._didInitializeState) {
-            this._state = {
-                ...initialState
-            };
-            this._didInitializeState = true;
-        } else {
-            throw new Error(
-                "To mutate state after initialization, use `this.setState`."
-            );
-        }
-    }
-
-    protected setState = (state: Partial<T>): void => {
-        this._prevState = {
-            ...this._state
-        };
-        this._state = {
-            ...this._state,
-            ...state
-        };
-    };
-}