@salesforcedevs/dx-components 1.40.0 → 1.40.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.40.0",
+    "version": "1.40.1",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -44,5 +44,5 @@
         "luxon": "3.4.4",
         "msw": "^2.12.4"
     },
-    "gitHead": "db75cd19dd7a77fe4e09856439c4905c32e64d1f"
+    "gitHead": "e14396ab322a7cec69a1ebf180adbf8ac2902c3b"
 }

package/src/modules/dx/tree/treeHandler.ts

@@ -65,7 +65,8 @@ export class TreeHandler {
             isChildrenLoading: node.isChildrenLoading || false,
             link: node.link,
             method: node.method,
-            showForwardArrow: node.showForwardArrow
+            showForwardArrow: node.showForwardArrow,
+            redirectToChild: node.redirectToChild
         };
 
         const mapItem = { node: convertedNode, parent };

package/src/modules/dx/treeItem/treeItem.ts

@@ -49,6 +49,10 @@ export default class TreeItem extends LightningElement {
         return this.hasChildren || this.isChildrenLoading;
     }
 
+    private get isContentlessParent(): boolean {
+        return this.isParent && !!this._treeNode?.redirectToChild;
+    }
+
     private get showChildren(): boolean {
         return this.isExpanded && this.hasChildren;
     }
@@ -140,6 +144,23 @@ export default class TreeItem extends LightningElement {
     private onLinkClick(event: Event): void {
         this.preventDefaultLinkBehavior(event);
 
+        /**
+         * A content-less parent that redirects to a content child navigates
+         * like a normal link (navigation handles selection and ancestor
+         * expansion). A content-less parent whose chain has no content page to
+         * redirect to only expands, it is never selected.
+         */
+        if (this.isContentlessParent) {
+            if (this._treeNode.link?.href) {
+                this.sendGtm(event);
+                return;
+            }
+            const isSelectAction = false;
+            this.doExpand(isSelectAction);
+            this.sendGtm(event);
+            return;
+        }
+
         if (this.isParent) {
             const isSelectAction = true;
             this.doExpand(isSelectAction);

package/src/modules/dx/treeTile/treeTile.html

@@ -1,5 +1,5 @@
 <template>
-    <a href={href} class={tileClass} target={target}>
+    <a href={href} class={tileClass} target={target} aria-label={linkAriaLabel}>
         <div class="flex indentation" role="heading" aria-level={tileAriaLevel}>
             <div class="flex tile-expand-icon tile-icon" if:true={showArrow}>
                 <dx-icon

package/src/modules/dx/treeTile/treeTile.ts

@@ -37,6 +37,28 @@ export default class TreeTile extends LightningElement {
         return this.treeNode.level + 2;
     }
 
+    /**
+     * Accessible name for the link. If a parent redirects to its first child,
+     * include both the parent and child labels so the destination is clear to
+     * screen reader users (WCAG 2.4.4)
+     */
+    get linkAriaLabel(): string | null {
+        if (!this.treeNode.redirectToChild || !this.treeNode.link?.href) {
+            return null;
+        }
+        /**
+         * The redirect can target a deep descendant, so walk the first-child
+         * chain to the node that owns the destination link and name it.
+         */
+        let destination = this.treeNode.children?.[0];
+        while (destination?.redirectToChild) {
+            destination = destination.children?.[0];
+        }
+        return destination?.link?.href === this.treeNode.link.href
+            ? `${this.treeNode.label}, opens ${destination.label}`
+            : null;
+    }
+
     private get iconSize() {
         return "xsmall";
     }