@salesforcedevs/dx-components 1.15.3 → 1.15.4-ldh-alpha1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.15.3",
+    "version": "1.15.4-ldh-alpha1",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -45,6 +45,5 @@
     },
     "volta": {
         "node": "20.19.0"
-    },
-    "gitHead": "f8d314c2694651bca752ec3a45bd0673c4a4ada4"
+    }
 }

package/src/modules/dx/redirectChecker/redirectChecker.ts

@@ -1,9 +1,9 @@
 // urlWatcherComponent.ts
 import { LightningElement } from "lwc";
-import UrlWatcher from "dxUtils/urlWatcher";
+import { UrlWatcher } from "dxUtils/urlWatcher";
 
 export default class UrlWatcherComponent extends LightningElement {
-    watcher = UrlWatcher;
+    watcher = UrlWatcher.getInstance();
     connectedCallback() {
         // Just ensure the singleton initializes
     }

package/src/modules/dx/sidebar/sidebar.html

@@ -24,7 +24,24 @@
         </div>
         <div class="sidebar-header" show-shadow={showBoxShadow}>
             <div class="header padding-horizontal" lwc:if={isDesktop}>
-                <h2 class="dx-text-display-6 header-title">{header}</h2>
+                <div class="header-wrapper">
+                    <div lwc:if={devCenter} class="dev-center-link link-row">
+                        <a href={devCenter.link} class="dev-center-content">
+                            <dx-icon symbol="back"></dx-icon>
+                            <dx-icon
+                                class="brand-icon"
+                                lwc:if={devCenter.icon}
+                                sprite="salesforcebrand"
+                                symbol={brand}
+                                size="large"
+                            ></dx-icon>
+                            <span class="subtitle dx-text-body-4">
+                                {devCenter.title}
+                            </span>
+                        </a>
+                    </div>
+                    <h2 class="dx-text-display-6 header-title">{header}</h2>
+                </div>
             </div>
             <div class="search padding-horizontal">
                 <dx-sidebar-search

package/src/modules/dx/sidebarOld/sidebarOld.html

@@ -26,7 +26,27 @@
         <template lwc:if={expanded}>
             <div class="sidebar-header" show-shadow={showBoxShadow}>
                 <div class="header padding-horizontal" lwc:if={isDesktop}>
-                    <h2 class="dx-text-display-6 header-title">{header}</h2>
+                    <div class="header-wrapper">
+                        <div
+                            lwc:if={devCenter}
+                            class="dev-center-link link-row"
+                        >
+                            <a href={devCenter.link} class="dev-center-content">
+                                <dx-icon symbol="back"></dx-icon>
+                                <dx-icon
+                                    class="brand-icon"
+                                    lwc:if={devCenter.icon}
+                                    sprite="salesforcebrand"
+                                    symbol={brand}
+                                    size="large"
+                                ></dx-icon>
+                                <span class="subtitle dx-text-body-4">
+                                    {devCenter.title}
+                                </span>
+                            </a>
+                        </div>
+                        <h2 class="dx-text-display-6 header-title">{header}</h2>
+                    </div>
                 </div>
                 <div class="search padding-horizontal">
                     <dx-input

package/src/modules/dxBaseElements/sidebarBase/sidebarBase.ts

@@ -1,6 +1,7 @@
 import { LightningElement, api } from "lwc";
 import type { OptionWithLink } from "typings/custom";
 import { toJson } from "dxUtils/normalizers";
+import { Brand } from "typings/custom";
 
 export const HEIGHT_OF_SIDEBAR_ITEM = 32;
 export const WAIT_TIME_BEFORE_SCROLL_IN_MS = 500;
@@ -16,11 +17,22 @@ export class SidebarBase extends LightningElement {
     _value?: string = undefined;
     showBoxShadow: boolean = false;
     private scrolling: boolean = false;
+    _devCenter: any;
 
     @api langValuePath: string = "id";
     @api language!: string;
     @api bailHref!: string;
     @api bailLabel!: string;
+    @api brand: Brand | null = null;
+
+    @api
+    get devCenter() {
+        return this._devCenter;
+    }
+
+    set devCenter(value) {
+        this._devCenter = toJson(value);
+    }
 
     @api
     get languages() {

package/src/modules/dxHelpers/commonSidebar/commonSidebar.css

@@ -55,6 +55,18 @@
     padding-left: var(--dx-g-global-header-padding-horizontal);
 }
 
+.header-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+.link-row a {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
 .container {
     background-color: white;
     display: flex;

package/src/modules/dxUtils/urlWatcher/urlWatcher.ts

@@ -1,7 +1,7 @@
 // utils/urlWatcher.ts
 // there's a _lot_ of typescript fuckery happening here, because this whole class violates the laws of nature
 // please do not be alarmed.
-class UrlWatcher {
+export class UrlWatcher {
     // eslint-disable-next-line no-use-before-define
     private static instance: UrlWatcher;
     private lastUrl: string = window.location.href;
@@ -77,5 +77,3 @@ class UrlWatcher {
         }
     }
 }
-
-export default UrlWatcher.getInstance();

package/LICENSE

@@ -1,12 +0,0 @@
-Copyright (c) 2020, Salesforce.com, Inc.
-All rights reserved.
-
-Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
-
-* Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
-
-* Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
-
-* Neither the name of Salesforce.com nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/src/modules/dxUtils/urlWatcher/urlWatcher.html

@@ -1 +0,0 @@
-<template></template>