cozy-ui 127.9.0 → 127.10.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [127.10.1](https://github.com/cozy/cozy-ui/compare/v127.10.0...v127.10.1) (2025-08-18)
+
+
+### Bug Fixes
+
+* Reorganize virtualized grid list to render item content :bug: ([62cf105](https://github.com/cozy/cozy-ui/commit/62cf105))
+
+# [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)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "127.9.0",
+  "version": "127.10.1",
   "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/GridList/Virtualized/Dnd/index.jsx

@@ -41,13 +41,13 @@ const VirtualizedGridListDnd = ({
               <div {...scrollerProps} ref={ref} />
             </DnDConfigWrapper>
           )),
-          Item: ({ context, children, ...props }) => {
+          Item: ({ context, ...props }) => {
             const item = context?.items?.[props['data-index']]
             return (
               <GridItem
                 item={item}
                 context={context}
-                renderItem={() => <>{children}</>}
+                renderItem={itemRenderer}
                 {...componentProps.Item}
               />
             )
@@ -55,7 +55,6 @@ const VirtualizedGridListDnd = ({
           ...components
         }}
         context={_context}
-        itemRenderer={itemRenderer}
         {...props}
       >
         {children}

package/react/GridList/Virtualized/index.jsx

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react'
 import { VirtuosoGrid } from 'react-virtuoso'
 
 const VirtualizedGridList = forwardRef(
-  ({ items = [], itemRenderer, components, context, ...props }, ref) => {
+  ({ items = [], components, context, ...props }, ref) => {
     return (
       <VirtuosoGrid
         ref={ref}
@@ -10,7 +10,6 @@ const VirtualizedGridList = forwardRef(
         context={context}
         style={{ height: '100%' }}
         totalCount={items.length}
-        itemContent={index => itemRenderer(items[index])}
         {...props}
       />
     )

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/GridList/Virtualized/Dnd/index.js

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["dragProps", "context", "itemRenderer", "children", "componentProps", "components"],
-    _excluded2 = ["context", "children"];
+    _excluded2 = ["context"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -60,21 +60,17 @@ var VirtualizedGridListDnd = function VirtualizedGridListDnd(_ref) {
         var _context$items;
 
         var context = _ref3.context,
-            children = _ref3.children,
             props = _objectWithoutProperties(_ref3, _excluded2);
 
         var item = context === null || context === void 0 ? void 0 : (_context$items = context.items) === null || _context$items === void 0 ? void 0 : _context$items[props['data-index']];
         return /*#__PURE__*/React.createElement(GridItem, _extends({
           item: item,
           context: context,
-          renderItem: function renderItem() {
-            return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-          }
+          renderItem: itemRenderer
         }, componentProps.Item));
       }
     }, components),
-    context: _context,
-    itemRenderer: itemRenderer
+    context: _context
   }, props), children));
 };
 

package/transpiled/react/GridList/Virtualized/index.js

@@ -1,12 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["items", "itemRenderer", "components", "context"];
+var _excluded = ["items", "components", "context"];
 import React, { forwardRef } from 'react';
 import { VirtuosoGrid } from 'react-virtuoso';
 var VirtualizedGridList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$items = _ref.items,
       items = _ref$items === void 0 ? [] : _ref$items,
-      itemRenderer = _ref.itemRenderer,
       components = _ref.components,
       context = _ref.context,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -18,10 +17,7 @@ var VirtualizedGridList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     style: {
       height: '100%'
     },
-    totalCount: items.length,
-    itemContent: function itemContent(index) {
-      return itemRenderer(items[index]);
-    }
+    totalCount: items.length
   }, props));
 });
 VirtualizedGridList.displayName = 'VirtualizedGridList';