cozy-ui 127.8.0 → 127.10.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [127.10.0](https://github.com/cozy/cozy-ui/compare/v127.9.0...v127.10.0) (2025-07-31)
+
+
+### Features
+
+* **Actions:** Add `makeAction` to simplify action creation ([941e9b7](https://github.com/cozy/cozy-ui/commit/941e9b7))
+
+# [127.9.0](https://github.com/cozy/cozy-ui/compare/v127.8.0...v127.9.0) (2025-07-31)
+
+
+### Features
+
+* **VirtualizedTable:** Add `disableClick` prop on column config ([6c68c01](https://github.com/cozy/cozy-ui/commit/6c68c01))
+
 # [127.8.0](https://github.com/cozy/cozy-ui/compare/v127.7.0...v127.8.0) (2025-07-30)
 
 

package/package.json

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

package/react/ActionsMenu/Actions/makeAction.jsx

@@ -0,0 +1,42 @@
+import React, { forwardRef } from 'react'
+
+import Icon from '../../Icon'
+import ListItemIcon from '../../ListItemIcon'
+import ListItemText from '../../ListItemText'
+import ActionsMenuItem from '../ActionsMenuItem'
+
+const makeComponent = ({ label, icon, name }) => {
+  const Component = forwardRef((props, ref) => {
+    return (
+      <ActionsMenuItem {...props} ref={ref}>
+        <ListItemIcon>
+          <Icon icon={icon} />
+        </ListItemIcon>
+        <ListItemText primary={label} />
+      </ActionsMenuItem>
+    )
+  })
+
+  Component.displayName = name
+
+  return Component
+}
+
+export const makeAction = ({
+  name,
+  label,
+  icon,
+  disabled,
+  displayCondition,
+  action
+}) => {
+  return {
+    name,
+    icon,
+    label,
+    disabled,
+    displayCondition,
+    action,
+    Component: makeComponent({ label, icon, name })
+  }
+}

package/react/Table/Readme.md

@@ -65,7 +65,8 @@ const columns = [
     disablePadding: false,
     width: 115,
     label: 'Protein (g)',
-    textAlign: 'right'
+    textAlign: 'right',
+    disableClick: true
   }
 ]
 

package/react/Table/Virtualized/Cell.jsx

@@ -20,11 +20,19 @@ const Cell = ({ row, columns, column, onClick, onLongPress, children }) => {
   const cellContent = get(row, column.id, '—')
 
   const longPressRef = useOnLongPress(() => {
+    if (column.disableClick) {
+      return
+    }
+
     setIsLongPress(true)
     onLongPress?.(row, column)
   })
 
   const handleClick = () => {
+    if (column.disableClick) {
+      return
+    }
+
     if (!isLongPress) {
       onClick?.(row, column)
     } else {

package/transpiled/react/ActionsMenu/Actions/makeAction.d.ts

@@ -0,0 +1,17 @@
+export function makeAction({ name, label, icon, disabled, displayCondition, action }: {
+    name: any;
+    label: any;
+    icon: any;
+    disabled: any;
+    displayCondition: any;
+    action: any;
+}): {
+    name: any;
+    icon: any;
+    label: any;
+    disabled: any;
+    displayCondition: any;
+    action: any;
+    Component: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+};
+import React from "react";

package/transpiled/react/ActionsMenu/Actions/makeAction.js

@@ -0,0 +1,45 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import Icon from "cozy-ui/transpiled/react/Icon";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
+
+var makeComponent = function makeComponent(_ref) {
+  var label = _ref.label,
+      icon = _ref.icon,
+      name = _ref.name;
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+      icon: icon
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label
+    }));
+  });
+  Component.displayName = name;
+  return Component;
+};
+
+export var makeAction = function makeAction(_ref2) {
+  var name = _ref2.name,
+      label = _ref2.label,
+      icon = _ref2.icon,
+      disabled = _ref2.disabled,
+      displayCondition = _ref2.displayCondition,
+      action = _ref2.action;
+  return {
+    name: name,
+    icon: icon,
+    label: label,
+    disabled: disabled,
+    displayCondition: displayCondition,
+    action: action,
+    Component: makeComponent({
+      label: label,
+      icon: icon,
+      name: name
+    })
+  };
+};

package/transpiled/react/Table/Virtualized/Cell.js

@@ -43,11 +43,19 @@ var Cell = function Cell(_ref4) {
   });
   var cellContent = get(row, column.id, '—');
   var longPressRef = useOnLongPress(function () {
+    if (column.disableClick) {
+      return;
+    }
+
     setIsLongPress(true);
     onLongPress === null || onLongPress === void 0 ? void 0 : onLongPress(row, column);
   });
 
   var handleClick = function handleClick() {
+    if (column.disableClick) {
+      return;
+    }
+
     if (!isLongPress) {
       onClick === null || onClick === void 0 ? void 0 : onClick(row, column);
     } else {