cozy-ui 126.5.0 → 126.6.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [126.6.0](https://github.com/cozy/cozy-ui/compare/v126.5.0...v126.6.0) (2025-06-26)
+
+
+### Features
+
+* **ActionsMenu:** Add autoclose on context menu event ([fb883f0](https://github.com/cozy/cozy-ui/commit/fb883f0))
+
 # [126.5.0](https://github.com/cozy/cozy-ui/compare/v126.4.0...v126.5.0) (2025-06-19)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "126.5.0",
+  "version": "126.6.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/ActionsMenu/index.jsx

@@ -20,6 +20,7 @@ const ActionsMenu = forwardRef(
       children,
       componentsProps,
       onClose,
+      autoCloseOnContextMenu,
       ...props
     },
     ref
@@ -34,6 +35,12 @@ const ActionsMenu = forwardRef(
         anchorOrigin={anchorOrigin}
         transformOrigin={transformOrigin}
         keepMounted
+        {...(autoCloseOnContextMenu && {
+          onContextMenu: ev => {
+            ev.preventDefault()
+            onClose()
+          }
+        })}
         onClose={onClose}
       >
         {children}
@@ -53,6 +60,7 @@ ActionsMenu.defaultProps = {
     horizontal: 'left'
   },
   autoClose: true,
+  autoCloseOnContextMenu: true,
   componentsProps: {}
 }
 
@@ -70,6 +78,8 @@ ActionsMenu.propTypes = {
   }),
   /** Whether the menu should automatically close itself when an item is clicked */
   autoClose: PropTypes.bool,
+  /** Whether the menu should automatically close itself when right-click is triggered */
+  autoCloseOnContextMenu: PropTypes.bool,
   /* Props passed to components with the same name */
   componentsProps: PropTypes.shape({
     /** Props spread to ActionsItems component */

package/transpiled/react/ActionsMenu/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["docs", "actions", "anchorOrigin", "children", "componentsProps", "onClose"];
+var _excluded = ["docs", "actions", "anchorOrigin", "children", "componentsProps", "onClose", "autoCloseOnContextMenu"];
 import PropTypes from 'prop-types';
 import React, { forwardRef } from 'react';
 import ActionsItems from "cozy-ui/transpiled/react/ActionsMenu/ActionsItems";
@@ -23,6 +23,7 @@ var ActionsMenu = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       children = _ref2.children,
       componentsProps = _ref2.componentsProps,
       onClose = _ref2.onClose,
+      autoCloseOnContextMenu = _ref2.autoCloseOnContextMenu,
       props = _objectWithoutProperties(_ref2, _excluded);
 
   var transformOrigin = useTransformOrigin(anchorOrigin);
@@ -31,7 +32,13 @@ var ActionsMenu = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     getContentAnchorEl: null,
     anchorOrigin: anchorOrigin,
     transformOrigin: transformOrigin,
-    keepMounted: true,
+    keepMounted: true
+  }, autoCloseOnContextMenu && {
+    onContextMenu: function onContextMenu(ev) {
+      ev.preventDefault();
+      onClose();
+    }
+  }, {
     onClose: onClose
   }), children, /*#__PURE__*/React.createElement(ActionsItems, _extends({}, componentsProps.actionsItems, {
     docs: docs,
@@ -44,6 +51,7 @@ ActionsMenu.defaultProps = {
     horizontal: 'left'
   },
   autoClose: true,
+  autoCloseOnContextMenu: true,
   componentsProps: {}
 };
 ActionsMenu.propTypes = {
@@ -65,6 +73,9 @@ ActionsMenu.propTypes = {
   /** Whether the menu should automatically close itself when an item is clicked */
   autoClose: PropTypes.bool,
 
+  /** Whether the menu should automatically close itself when right-click is triggered */
+  autoCloseOnContextMenu: PropTypes.bool,
+
   /* Props passed to components with the same name */
   componentsProps: PropTypes.shape({
     /** Props spread to ActionsItems component */