cozy-ui 127.10.0 → 127.10.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [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)
 
 

package/package.json

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

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/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';