@uipath/apollo-wind 2.66.1 → 2.67.1

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

@@ -21,6 +21,7 @@ const buildItemMap = (items)=>{
     items.forEach(processItem);
     return map;
 };
+const toAriaChecked = (state)=>'indeterminate' === state ? 'mixed' : 'checked' === state;
 const getCheckState = (item, itemMap)=>{
     const originalItem = itemMap.get(item.id);
     if (!originalItem) return 'unchecked';
@@ -126,12 +127,17 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
     };
     const handleAccessClick = (e)=>{
         e.stopPropagation();
+        if (isDisabled) return;
         if (onAccessChange) {
             const currentState = getCheckState(item, itemMap);
             const newChecked = 'checked' !== currentState;
             onAccessChange(item, newChecked);
         }
     };
+    const renderName = ()=>showAccessRights ? /*#__PURE__*/ jsx("span", {
+            onClick: handleAccessClick,
+            children: item.name
+        }) : item.name;
     const renderIcon = ()=>{
         if (getIcon) return getIcon(item, depth);
         return iconMap[item.type] || iconMap.folder || defaultIconMap.folder;
@@ -166,6 +172,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
     return /*#__PURE__*/ jsxs(ContextMenu, {
         children: [
             /*#__PURE__*/ jsx(ContextMenuTrigger, {
+                disabled: !menuItems?.length,
                 children: /*#__PURE__*/ jsxs("div", {
                     children: [
                         /*#__PURE__*/ jsx("div", {
@@ -174,6 +181,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                             "aria-expanded": item.children ? isOpen : void 0,
                             "aria-selected": isSelected && 'none' !== selectionMode,
                             "aria-disabled": isDisabled,
+                            "aria-checked": showAccessRights ? toAriaChecked(getCheckState(item, itemMap)) : void 0,
                             tabIndex: 0,
                             "data-tree-item": true,
                             "data-id": item.id,
@@ -186,10 +194,16 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                             },
                             onClick: handleClick,
                             onKeyDown: (e)=>{
-                                if ('Enter' === e.key || ' ' === e.key) {
-                                    e.preventDefault();
-                                    handleClick(e);
+                                if (e.target !== e.currentTarget) return;
+                                if ('Enter' !== e.key && ' ' !== e.key) return;
+                                e.preventDefault();
+                                if ('none' === selectionMode) {
+                                    e.stopPropagation();
+                                    if (' ' === e.key && showAccessRights) handleAccessClick(e);
+                                    else if (item.children && !isDisabled) onToggleExpand(item.id, !isOpen);
+                                    return;
                                 }
+                                handleClick(e);
                             },
                             children: /*#__PURE__*/ jsx("div", {
                                 className: "flex items-center h-8 min-w-0",
@@ -257,7 +271,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                         renderIcon(),
                                         /*#__PURE__*/ jsx("span", {
                                             className: "flex-1 min-w-0 truncate",
-                                            children: item.name
+                                            children: renderName()
                                         }),
                                         item.badge && /*#__PURE__*/ jsx("span", {
                                             className: "shrink-0 ml-1",
@@ -493,7 +507,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                         renderIcon(),
                                         /*#__PURE__*/ jsx("span", {
                                             className: "flex-1 min-w-0 truncate",
-                                            children: item.name
+                                            children: renderName()
                                         }),
                                         item.badge && /*#__PURE__*/ jsx("span", {
                                             className: "shrink-0 ml-1",