cozy-ui 90.2.0 → 90.3.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [90.3.0](https://github.com/cozy/cozy-ui/compare/v90.2.0...v90.3.0) (2023-08-02)
+
+
+### Features
+
+* **ActionsItems:** Add possibility to spread arg between onClick and actions ([ef54841](https://github.com/cozy/cozy-ui/commit/ef54841))
+
 # [90.2.0](https://github.com/cozy/cozy-ui/compare/v90.1.0...v90.2.0) (2023-07-31)
 
 

package/package.json

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

package/react/ActionsMenu/ActionsItems.jsx

@@ -6,7 +6,7 @@ import { useI18n } from '../I18n'
 import { getActionName, getOnlyNeededActions } from './Actions/helpers'
 
 const ActionsItems = forwardRef(
-  ({ doc, actions, actionOptions, onClick, ...props }, ref) => {
+  ({ doc, actions, actionOptions, onClick: overridedClick, ...props }, ref) => {
     const client = useClient()
     const { t } = useI18n()
     const cleanedActions = useMemo(() => getOnlyNeededActions(actions, doc), [
@@ -20,9 +20,9 @@ const ActionsItems = forwardRef(
 
       const { Component: ActionComponent, action, disabled } = actionDefinition
 
-      const handleClick = () => {
-        action && action(doc, { client, t, ...actionOptions })
-        onClick && onClick()
+      const handleClick = clickProps => {
+        action && action(doc, { client, t, ...actionOptions, ...clickProps })
+        overridedClick && overridedClick()
       }
 
       return (
@@ -45,6 +45,7 @@ ActionsItems.propTypes = {
   actions: PropTypes.array,
   /** Props spread to action method of Actions component */
   actionOptions: PropTypes.object,
+  /** The overrideClick function from ActionsMenuWrapper */
   onClick: PropTypes.func
 }
 

package/react/ActionsMenu/ActionsMenuWrapper.jsx

@@ -20,7 +20,7 @@ const ActionsMenuWrapper = ({
   useActionMenuEffects()
 
   const overrideClick = props => () => {
-    props.onClick?.()
+    props.onClick?.() // this is ActionsItems onClick prop
     autoClose && onClose?.()
   }
 

package/react/ActionsMenu/Readme.md

@@ -11,10 +11,13 @@ Use `makeActions` method and create (or use the predefined actions) to build the
 ```bash
 const action1 = ({ option1, option2 }) => ({
   name: action1,
-  Component: props => <SomeComponent {...props} />
+  action: ({ option3, option4 }) => {}
+  Component: ({ onClick, ...props }) => <SomeComponent {...props} onClick={() => onClick({ option3 })}} />
 })
 
 const actions = makeActions([action1, action2], { option1, option2 })
+
+<ActionsMenu actions={actions} componentsProps={{ actionsItems: { actionOptions: { option4 }} }}
 ```
 
 #### How to create actions

package/transpiled/react/ActionsMenu/ActionsItems.js

@@ -16,7 +16,7 @@ var ActionsItems = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var doc = _ref.doc,
       actions = _ref.actions,
       actionOptions = _ref.actionOptions,
-      onClick = _ref.onClick,
+      overridedClick = _ref.onClick,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var client = useClient();
@@ -34,12 +34,12 @@ var ActionsItems = /*#__PURE__*/forwardRef(function (_ref, ref) {
         action = actionDefinition.action,
         disabled = actionDefinition.disabled;
 
-    var handleClick = function handleClick() {
-      action && action(doc, _objectSpread({
+    var handleClick = function handleClick(clickProps) {
+      action && action(doc, _objectSpread(_objectSpread({
         client: client,
         t: t
-      }, actionOptions));
-      onClick && onClick();
+      }, actionOptions), clickProps));
+      overridedClick && overridedClick();
     };
 
     return /*#__PURE__*/React.createElement(ActionComponent, _extends({}, props, {
@@ -58,6 +58,8 @@ ActionsItems.propTypes = {
 
   /** Props spread to action method of Actions component */
   actionOptions: PropTypes.object,
+
+  /** The overrideClick function from ActionsMenuWrapper */
   onClick: PropTypes.func
 };
 export default ActionsItems;

package/transpiled/react/ActionsMenu/ActionsMenuWrapper.js

@@ -26,7 +26,8 @@ var ActionsMenuWrapper = function ActionsMenuWrapper(_ref) {
     return function () {
       var _props$onClick;
 
-      (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props);
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props); // this is ActionsItems onClick prop
+
       autoClose && (onClose === null || onClose === void 0 ? void 0 : onClose());
     };
   };