@salesforcedevs/dx-components 0.53.7 → 0.53.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "0.53.7",
+    "version": "0.53.8",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -28,5 +28,5 @@
         "@types/lodash.get": "^4.4.6",
         "@types/vimeo__player": "^2.16.2"
     },
-    "gitHead": "eca2efeba5b98d28ebf91bdd2c411c3995c49bdf"
+    "gitHead": "d35b6323942b0428d630c6cb9544a0e169510f5a"
 }

package/src/modules/dx/cardCallout/cardCallout.ts

@@ -28,7 +28,7 @@ export default class CardCallout extends LightningElement {
     }
 
     private sendGtm(e: PointerEvent) {
-        track(e.currentTarget, "select_content", {
+        track(e.currentTarget, "custEv_ctaLinkClick", {
             content_type: "callout",
             item_title: this.title,
             item_location: this.href

package/src/modules/dx/dropdown/dropdown.html

@@ -21,6 +21,7 @@
         >
             <template for:each={options} for:item="option">
                 <dx-dropdown-option
+                    suppress-gtm-nav-headings={suppressGtmNavHeadings}
                     analytics-event={analyticsEvent}
                     active={option.active}
                     key-value={option.keyValue}
@@ -40,6 +41,7 @@
                     <span class="menu_heading">{option.label}</span>
                     <template for:each={option.options} for:item="suboption">
                         <dx-dropdown-option
+                            suppress-gtm-nav-headings={suppressGTMNavHeadings}
                             analytics-event={analyticsEvent}
                             active={suboption.active}
                             key={suboption.id}

package/src/modules/dx/dropdown/dropdown.ts

@@ -18,6 +18,7 @@ export default class Dropdown extends LightningElement {
     @api value: string | null = null; // "active option" id
     @api valuePath: string = "id"; // path to match for the active value (useful for url matching)
     @api stayOpenAfterChange?: boolean = false;
+    @api suppressGtmNavHeadings?: boolean = false;
 
     // props forwarded to popover:
     @api ariaLabel: string | null = null;

package/src/modules/dx/dropdownOption/dropdownOption.ts

@@ -5,6 +5,7 @@ import { track } from "dx/instrumentation";
 
 export default class DropdownOption extends LightningElement {
     @api option!: Option;
+    @api suppressGtmNavHeadings: boolean = false;
     @api keyValue!: string;
     @api active: boolean = false;
     @api navItemLabel: String | null = null;
@@ -27,13 +28,7 @@ export default class DropdownOption extends LightningElement {
             new CustomEvent("select", { detail: this.keyValue })
         );
 
-        const navHeading = this.navItemLabel || this.option.label || undefined;
-        const navSubHeading =
-            (this.navItemLabel ? this.option.label : undefined) || undefined;
-
         const payload: any = {
-            navHeading,
-            navSubHeading,
             clickText: this.keyValue || undefined,
             pageLocation: window.location.pathname || undefined,
             elementType: "dropdown",
@@ -43,6 +38,15 @@ export default class DropdownOption extends LightningElement {
             clickUrl: e.target?.href || undefined
         };
 
+        const navHeading = this.navItemLabel || this.option.label || undefined;
+        const navSubHeading =
+            (this.navItemLabel ? this.option.label : undefined) || undefined;
+
+        if (!this.suppressGtmNavHeadings) {
+            payload.navHeading = navHeading;
+            payload.navSubHeading = navSubHeading;
+        }
+
         if (this.analyticsEvent && e.currentTarget) {
             track(e.currentTarget, this.analyticsEvent, payload);
         }