@salesforcedevs/dx-components 1.3.7 → 1.3.9

package/lwc.config.json

@@ -4,7 +4,6 @@
         { "npm": "@salesforcedevs/dw-components" }
     ],
     "expose": [
-        "dx/banner",
         "dx/brandThemeProvider",
         "dx/breadcrumbs",
         "dx/button",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.7",
+    "version": "1.3.9",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -11,7 +11,7 @@
     },
     "dependencies": {
         "@coveo/headless": "^1.32.0",
-        "@floating-ui/dom": "^0.5.3",
+        "@floating-ui/dom": "^1.0.4",
         "@sfdocs-internal/wires": "^0.6.3",
         "@vimeo/player": "^2.16.4",
         "classnames": "^2.2.6",
@@ -36,5 +36,5 @@
         "@types/vimeo__player": "^2.16.2",
         "eventsourcemock": "^2.0.0"
     },
-    "gitHead": "0b86eff133bbe5624afe4442c3f358a920d9d4a6"
+    "gitHead": "4776acb3e3d37d421f444fd7ac628d5a89655aec"
 }

package/src/modules/dx/header/header.html

@@ -2,10 +2,6 @@
     <dx-brand-theme-provider brand={brand}>
         <header class={className}>
             <dx-skip-nav-link></dx-skip-nav-link>
-            <dx-banner
-                if:true={bannerMarkup}
-                banner-markup={bannerMarkup}
-            ></dx-banner>
             <div class="header_l1">
                 <dx-logo label={title}></dx-logo>
                 <div class="header-cta-container">

package/src/modules/dx/headerSearch/headerSearch.html

@@ -20,7 +20,6 @@
                     onclear={onInputEscape}
                     onsubmit={onInputSubmit}
                     onfocus={openDropdown}
-                    onblur={onDropdownRequestClose}
                     placeholder="Search"
                     size="override"
                     type="search"
@@ -52,7 +51,6 @@
                     onclear={onInputEscape}
                     onsubmit={onInputSubmit}
                     onfocus={openDropdown}
-                    onblur={onDropdownRequestClose}
                     placeholder="Search"
                     shortcut-key="k"
                     size="small"

package/src/modules/dx/headerSearch/headerSearch.ts

@@ -69,7 +69,6 @@ export default class HeaderSearch extends LightningElement {
         switch (e.detail as PopoverRequestCloseType) {
             case "interact-outside":
             case "keypress-escape":
-            case "input-blur":
                 this.closeDropdown();
                 break;
             default:

package/src/modules/dx/input/input.ts

@@ -186,8 +186,6 @@ export default class Input extends LightningElement {
         if (this.validityOnBlur) {
             this.reportValidity();
         }
-
-        this.dispatchEvent(new CustomEvent("blur", { detail: "input-blur" }));
     }
 
     onInputChange(e: InputEvent) {

package/src/modules/dx/sidebarSearch/sidebarSearch.html

@@ -18,7 +18,6 @@
             value={value}
             onchange={onInputChange}
             onfocus={onInputFocus}
-            onblur={onDropdownRequestClose}
             onclear={onInputClear}
             shortcut-key="j"
             clearable

package/src/modules/dx/sidebarSearch/sidebarSearch.ts

@@ -422,7 +422,6 @@ export default class SidebarSearch extends LightningElement {
         switch (e.detail as PopoverRequestCloseType) {
             case "interact-outside":
             case "keypress-escape":
-            case "input-blur":
                 this.dropdownRequestedOpen = false;
                 break;
             default:

package/src/modules/dx/tbidAvatarButton/tbidAvatarButton.ts

@@ -49,7 +49,7 @@ export default class TbidAvatarButton extends LightningElement {
     @api tbidApiBaseUrl = "";
 
     @api login = (event: Event) => this.handleComponentLogin(event);
-    @api logout = () => this.handleComponentLogout();
+    @api logout = (event: Event) => this.handleComponentLogout(event);
 
     private userInfo: UserInfo = {};
     private isLoading = false;
@@ -242,7 +242,8 @@ export default class TbidAvatarButton extends LightningElement {
     private handleSsoLogout = this.handleLogout.bind(this, true);
 
     // This handles logout from _within_ this component ("Logout" click), rather than from SSO via the SFIDWidget.
-    private handleComponentLogout = () => {
+    private handleComponentLogout = (event: Event) => {
+        event?.preventDefault();
         this.handleLogout(false);
     };
 

package/src/modules/dxBaseElements/headerBase/headerBase.ts

@@ -41,8 +41,6 @@ export abstract class HeaderBase extends LightningElement {
     @api subtitle!: string;
     @api title: string = "Salesforce";
     @api version?: string | null = null;
-    @api bannerMarkup =
-        'Thank you for visiting the Salesforce Developers website! <span><a href="https://forms.gle/oWYTbH9RvGyt9uxx7" target="blank">We value your feedback</a></span>';
 
     @api
     get navItems() {

package/src/modules/dx/banner/banner.css

@@ -1,46 +0,0 @@
-@import "dxHelpers/reset";
-@import "dxHelpers/text";
-
-.container {
-    --primary-color: var(--dx-g-cloud-blue-vibrant-50);
-    --secondary-color: var(--dx-g-cloud-blue-vibrant-40);
-
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    min-height: 24px;
-    padding: 0 var(--dx-g-page-padding-horizontal);
-    background: repeating-linear-gradient(
-        45deg,
-        var(--primary-color),
-        var(--primary-color) 20px,
-        var(--secondary-color) 20px,
-        var(--secondary-color) 40px
-    );
-}
-
-.container_inner {
-    height: 100%;
-    display: flex;
-    background: var(--primary-color);
-    padding: var(--dx-g-spacing-xs) var(--dx-g-spacing-sm);
-    color: white;
-    font-weight: bold;
-}
-
-.container a {
-    text-decoration: underline;
-    transition: var(--dx-g-transition-hue-1x);
-    margin-right: 4px;
-}
-
-.container a:hover {
-    opacity: 0.8;
-}
-
-.container dx-icon {
-    margin-right: var(--dx-g-spacing-sm);
-    margin-top: var(--dx-g-spacing-2xs);
-}

package/src/modules/dx/banner/banner.html

@@ -1,13 +0,0 @@
-<template>
-    <div class="container">
-        <div class="container_inner dx-text-body-4">
-            <dx-icon symbol="announcement"></dx-icon>
-            <!--
-                NOTE: Here we are rendering mark up using lwc:dom & innerHTML
-                option instead of slots because the html markup will come as a
-                property to the component from a configuration
-            -->
-            <div lwc:dom="manual" class="info-container"></div>
-        </div>
-    </div>
-</template>

package/src/modules/dx/banner/banner.ts

@@ -1,12 +0,0 @@
-import { LightningElement, api } from "lwc";
-import { setContainerInnerHtml } from "dxUtils/lwc";
-
-export default class Banner extends LightningElement {
-    @api bannerMarkup =
-        'Thank you for visiting the Salesforce Developers website! <span><a href="https://forms.gle/oWYTbH9RvGyt9uxx7" target="blank">We value your feedback</a></span>';
-
-    renderedCallback() {
-        const container = this.template.querySelector(".info-container");
-        setContainerInnerHtml(container, this.bannerMarkup);
-    }
-}