Revert "(TreeNode): improve a11y"

This reverts commit aa717e4.

Author: msmx-mnakagawa

src/scripts/TreeNode.tsx

@@ -28,7 +28,6 @@ export type TreeNodeProps = {
   leaf?: boolean;
   loading?: boolean;
   level?: number;
-  disabled?: boolean;
   children?: ReactNode;
   onClick?: (e: React.MouseEvent) => void;
   onLabelClick?: (e: React.MouseEvent) => void;
@@ -86,20 +85,18 @@ const TreeNodeItem: FC<TreeNodeProps & { icon?: string }> = (props) => {
         <Button
           className='slds-m-right_small'
           aria-controls=''
-          aria-hidden='true'
-          tabIndex={-1}
           type='icon-bare'
           icon={icon}
           iconSize='small'
           onClick={onToggle}
-          title={typeof label === 'string' ? `Expand ${label}` : undefined}
           // Prevent focus loss during loading by keeping the toggle button in the DOM with opacity set to 0.
           style={loading ? { opacity: 0, pointerEvents: 'none' } : undefined}
         />
       ) : null}
       <a
         className='slds-truncate'
         tabIndex={-1}
+        role='presentation'
         onClick={onLabelClick}
       >
         {ItemRender ? <ItemRender {...props} /> : label}
@@ -117,8 +114,6 @@ export const TreeNode: FC<TreeNodeProps> = (props) => {
     defaultOpened,
     opened: opened_,
     leaf,
-    selected,
-    disabled,
     children,
     onClick: onClick_,
     onToggle: onToggle_,
@@ -158,31 +153,15 @@ export const TreeNode: FC<TreeNodeProps> = (props) => {
     'slds-show': opened,
     'slds-hide': !opened,
   });
-  const labelText =
-    typeof rprops.label === 'string' ? rprops.label : 'Tree Branch';
-  const ariaLabel = !leaf ? labelText : undefined;
   return (
     <li
       role='treeitem'
       aria-level={level}
-      aria-expanded={!leaf ? opened : undefined}
-      aria-label={ariaLabel}
-      aria-selected={selected || undefined}
-      aria-disabled={disabled || undefined}
+      {...(leaf ? {} : { 'aria-expanded': opened })}
     >
       <TreeNodeItem
         {...rprops}
-        {...{
-          leaf,
-          opened,
-          level,
-          selected,
-          disabled,
-          children,
-          onClick,
-          onLabelClick,
-          onToggle,
-        }}
+        {...{ leaf, opened, level, children, onClick, onLabelClick, onToggle }}
       />
       {!leaf ? (
         <ul className={grpClassNames} role='group'>