TPP 849 final touches (#317)

* removed disabled and addd aria-hidden and remove tabbability, added testid for menu

* 3.2.23

lib/components/ActionsMenu/index.js

@@ -188,12 +188,11 @@ export const ActionsMenuItem = styled((props) => {
 
   const { as, ...others } = props;
   const Component = as ? as : others.href ? "a" : "button";
-  const disabled = !actionMenu?.context?.open ?? false;
+  const disabled = props.disabled;
 
   let newProps = {
     ...others,
-    ...(actionMenu?.getItemProps?.() || {}),
-    disabled
+    ...(actionMenu?.getItemProps?.() || {})
   };
 
   const { onClick: originalOnClick } = newProps;
@@ -210,12 +209,20 @@ export const ActionsMenuItem = styled((props) => {
     newProps = {
       ...others,
       type: "button",
-      ["data-action-menu-id"]: id,
-      disabled
+      ["data-action-menu-id"]: id
     };
   }
 
-  return <Component {...newProps} onClick={onClick} />;
+  return (
+    <Component
+      {...newProps}
+      onClick={onClick}
+      disabled={disabled}
+      // Hide from document when closed - related to HACK
+      aria-hidden={!actionMenu?.context?.open}
+      tabIndex={!actionMenu?.context?.open && "-1"}
+    />
+  );
 }).attrs({ role: "menuitem" })`
   white-space: nowrap;
   display: block;
@@ -269,7 +276,7 @@ export const ActionsMenuBody = ({
   onTriggerFocus,
   closeMenu,
   closeOnClick = false,
-  "data-testid": dataTestId,
+  "data-testid": dataTestId = "ActionsMenu",
   ...props
 }) => {
   const id = useId();
@@ -341,6 +348,7 @@ export const ActionsMenuBody = ({
       {...actionMenu.getFloatingProps(props)}
       className={`actionMenu-content ${visible ? "visible" : ""}`}
       aria-hidden={visible ? "false" : "true"}
+      data-testid={`${dataTestId}__menu`}
     >
       <Menu menuWidth={menuWidth} isOpen={toggleState}>
         {children}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "orcs-design-system",
-  "version": "3.2.22",
+  "version": "3.2.23",
   "engines": {
     "node": "20.12.2"
   },