@salesforcedevs/dx-components 0.55.7 → 0.56.1

package/lwc.config.json

@@ -85,6 +85,7 @@
         "dxUtils/coveo",
         "dxUtils/dates",
         "dxUtils/highlight",
+        "dxUtils/language",
         "dxUtils/normalizers",
         "dxUtils/queryCoordinator",
         "dxUtils/recentSearches",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "0.55.7",
+    "version": "0.56.1",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -25,5 +25,5 @@
         "@types/lodash.get": "^4.4.6",
         "@types/vimeo__player": "^2.16.2"
     },
-    "gitHead": "91a0fb158be75ba597dc240fce61784cd0cb74af"
+    "gitHead": "49fdd771cee3f6d50a27cd505ca2a612f1887493"
 }

package/src/modules/dx/header/header.css

@@ -5,12 +5,6 @@
     --dx-g-text-xs: 14px;
 }
 
-dx-breadcrumbs {
-    width: calc(
-        100% - var(--dx-c-header-search-width) - var(--dx-g-spacing-md)
-    );
-}
-
 dx-header-mobile-nav-menu {
     --dx-c-color-background: var(--dx-g-brand-current-color-background);
     --dx-c-button-color-background-inactive: var(
@@ -99,10 +93,6 @@ header.has-navscrollshadow .header_l2_group-nav_menu-ctas::after {
 }
 
 @media (max-width: 768px) {
-    dx-breadcrumbs {
-        width: 70%;
-    }
-
     .header_l2_group-nav > .header_l2_group-nav_menu-ctas {
         display: flex;
     }

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

@@ -7,14 +7,7 @@
                 banner-markup={bannerMarkup}
             ></dx-banner>
             <div class="header_l1">
-                <dx-breadcrumbs
-                    title={title}
-                    breadcrumbs={breadcrumbs}
-                    logo
-                    nav-items={navItems}
-                    pathname={pathname}
-                    truncate
-                ></dx-breadcrumbs>
+                <dx-logo label={title}></dx-logo>
                 <div class="header-cta-container">
                     <dx-header-search
                         if:true={hasSearch}

package/src/modules/dx/header/header.ts

@@ -1,20 +1,6 @@
-import { api } from "lwc";
-import type { OptionWithNested } from "typings/custom";
 import { HeaderBase } from "dxBaseElements/headerBase";
-import { toJson } from "dxUtils/normalizers";
 
 export default class Header extends HeaderBase {
-    private _breadcrumbs!: OptionWithNested[];
-
-    @api
-    get breadcrumbs() {
-        return this._breadcrumbs;
-    }
-
-    set breadcrumbs(value) {
-        this._breadcrumbs = toJson(value);
-    }
-
     private get showSignup(): boolean {
         return this.signupLink
             ? (this.mobile && !this.isSearchOpen) || !this.mobile

package/src/modules/dxUtils/constants/constants.ts

@@ -1 +1,14 @@
 export * from "./breakpoints";
+
+export const DEFAULT_LANGUAGES = [
+    {
+        id: "en-us",
+        label: "language_english",
+        displayText: "English"
+    },
+    {
+        id: "ja-jp",
+        label: "language_japanese",
+        displayText: "日本語"
+    }
+];

package/src/modules/dxUtils/language/language.ts

@@ -0,0 +1,21 @@
+import { Language } from "typings/custom";
+
+export const getLanguageDisplayTextById = (
+    languages: Language[],
+    languageId: string
+): string => {
+    const language = languages.find(
+        (languageItem) => languageItem.id === languageId
+    );
+    return language ? language.displayText : "";
+};
+
+export const isGivenLanguageSupported = (
+    languages: Language[],
+    languageId: string
+): boolean => {
+    const languageIndex = languages.findIndex(
+        (languageItem) => languageItem.id === languageId
+    );
+    return languageIndex >= 0;
+};