@ni/nimble-components 7.7.0 → 7.8.2

package/dist/all-components-bundle.js

@@ -18245,6 +18245,7 @@
     (function (TreeViewSelectionMode) {
         TreeViewSelectionMode["All"] = "all";
         TreeViewSelectionMode["LeavesOnly"] = "leaves-only";
+        TreeViewSelectionMode["None"] = "none";
     })(TreeViewSelectionMode || (TreeViewSelectionMode = {}));
 
     /* eslint-disable */
@@ -18361,6 +18362,10 @@
                 background: ${fillHoverColor};
             }
 
+            :host([${groupSelectedAttribute}]) .positioning-region:hover {
+                background: ${fillHoverSelectedColor};
+            }
+
             :host(${focusVisible}) .positioning-region {
                 box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;
                 outline: ${borderWidth} solid ${borderHoverColor};
@@ -18391,17 +18396,14 @@
                 font: inherit;
                 font-size: ${bodyFontSize};
                 user-select: none;
+                position: relative;
+                margin-inline-start: ${iconSize};
             }
 
             :host(${focusVisible}) .content-region {
                 outline: none;
             }
 
-            :host(.nested) .content-region {
-                position: relative;
-                margin-inline-start: ${iconSize};
-            }
-
             :host([disabled]) .content-region {
                 opacity: 0.5;
                 cursor: not-allowed;
@@ -18418,9 +18420,6 @@
                 align-items: center;
                 cursor: pointer;
                 margin-left: 10px;
-            }
-
-            :host(.nested) .expand-collapse-button {
                 position: absolute;
             }
 
@@ -18485,7 +18484,7 @@
         // prettier-ignore
         .withBehaviors(new DirectionalStyleSheetBehavior(css `
                         ${ /* ltr styles */''}
-                        :host(.nested) .expand-collapse-button {
+                        .expand-collapse-button {
                             left: var(
                                 --ni-private-expand-collapse-button-nested-width,
                                 calc(${iconSize} * -1)
@@ -18501,7 +18500,7 @@
                         }
                     `, css `
                         ${ /* rtl styles */''}
-                        :host(.nested) .expand-collapse-button {
+                        .expand-collapse-button {
                             right: var(
                                 --ni-private-expand-collapse-button-nested-width,
                                 calc(${iconSize} * -1)
@@ -18543,8 +18542,9 @@
                     return;
                 }
                 const leavesOnly = this.treeView?.selectionMode === TreeViewSelectionMode.LeavesOnly;
+                const all = this.treeView?.selectionMode === TreeViewSelectionMode.All;
                 const hasChildren = this.hasChildTreeItems();
-                if ((leavesOnly && !hasChildren) || !leavesOnly) {
+                if ((leavesOnly && !hasChildren) || all) {
                     const selectedTreeItem = this.getImmediateTreeItem(this.treeView?.currentSelected);
                     // deselect currently selected item if different than this instance
                     if (selectedTreeItem && this !== this.treeView?.currentSelected) {
@@ -18553,7 +18553,7 @@
                     this.selected = true;
                 }
                 else {
-                    // implicit hasChildren && leavesOnly, so only allow expand/collapse, not select
+                    // implicit (hasChildren && leavesOnly) || none, so only allow expand/collapse, not select
                     this.expanded = !this.expanded;
                 }
                 // don't allow base class to process click event