@threadlabs/looma 0.23.2 → 0.23.4

package/components/ui-tree/ui-tree.html

@@ -6,7 +6,8 @@
     <prop name="label" type="string" default="Tree">The tree's accessible name, announced when focus enters it. Name what the tree holds.</prop>
     <prop name="selection" type="keyword" values="none, single, multiple" default="none"
     >How selection works. None keeps rows for navigation and expansion; single requests one selected item; multiple shows checkboxes and requests an item with
-      its descendants. The application owns each Tree Item's selected state and responds to select.</prop>
+      its descendants. The application owns each Tree Item's selected state and responds to select. Single-selection rows also request activate on a row click
+      or Enter, including an already selected row. Space requests selection only; controls and disabled rows do not activate.</prop>
     <prop name="hoverExpandDelay" type="number" default="700"
     >How long, in milliseconds, a dragged item must hover over the middle of a collapsed branch before the branch opens to receive it. 0 opens it at
       once.</prop>
@@ -41,6 +42,10 @@
       <prop name="resultingDepth" required type="integer"></prop>
       <prop name="trigger" required type="keyword" values="keyboard, pointer, programmatic"></prop>
     </event>
+    <event name="activate" type="object">
+      <prop name="id" required type="string"></prop>
+      <prop name="trigger" required type="keyword" values="keyboard, pointer"></prop>
+    </event>
     <event name="select" type="object">
       <prop name="ids" required type="list">
         <prop type="string"></prop>

package/components/ui-tree/ui-tree.js

@@ -202,6 +202,7 @@ export default function controller(host) {
       event.stopPropagation();
       selectItem(item, "pointer");
       focusItem(item);
+      if (selectionMode() === "single" && !checkbox) host.dispatch("activate", { id: itemId(item), trigger: "pointer" });
       if (checkbox) requestAnimationFrame(syncSelection);
       return;
     }
@@ -382,6 +383,13 @@ export default function controller(host) {
     if (interactive(event)) return;
     const current = itemFromEvent(event);
     if (!current) return;
+    if (event.key === "Enter" && selectionMode() === "single" && !event.altKey && !event.ctrlKey && !event.metaKey) {
+      if (current.getAttribute("aria-disabled") === "true") return;
+      event.preventDefault();
+      selectItem(current, "keyboard");
+      host.dispatch("activate", { id: itemId(current), trigger: "keyboard" });
+      return;
+    }
     if (event.key === " " && selectionMode() !== "none") {
       event.preventDefault();
       selectItem(current, "keyboard");