cozy-ui 135.6.0 → 135.7.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [135.7.0](https://github.com/cozy/cozy-ui/compare/v135.6.0...v135.7.0) (2026-02-02)
+
+
+### Features
+
+* Allow to hide checkboxes in VirtualizedTable ([fa375d7](https://github.com/cozy/cozy-ui/commit/fa375d7))
+
 # [135.6.0](https://github.com/cozy/cozy-ui/compare/v135.5.0...v135.6.0) (2026-01-27)
 
 

package/package.json

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

package/react/Table/Readme.md

@@ -73,7 +73,7 @@ const columns = [
   }
 ]
 
-const initialVariants = [{ grouped: false }]
+const initialVariants = [{ grouped: false, withCheckbox: true }, { grouped: false, withCheckbox: false }]
 
 // Very basic usage only works when Dessert is sorted "asc"
 // Ideally you have to create a logic to create groups with sorted data
@@ -98,6 +98,7 @@ const ExampleTable = ({ variant, ...props }) => {
         onSelect={(row, event, index) => toggleSelectedItem(row.id)}
         onSelectAll={rows => toggleSelectAllItems(rows.map(item => item.id))}
         onSortChange={onSortChange}
+        withCheckbox={variant.withCheckbox}
         componentsProps={{
           rowContent: {
             onClick: (row, column) => { console.info(`click on cell. Row ${row['id']}, Column ${column['id']}`) },

package/react/Table/Virtualized/FixedHeaderContent.jsx

@@ -35,18 +35,20 @@ const FixedHeaderContent = ({
 
   return (
     <TableRow>
-      <TableCell align="center" padding="checkbox">
-        <Checkbox
-          className={cx('virtualizedCheckbox', {
-            checked: selectedCount > 0
-          })}
-          indeterminate={selectedCount > 0 && selectedCount < rowCount}
-          checked={rowCount > 0 && selectedCount === rowCount}
-          inputProps={{ 'aria-label': 'select all' }}
-          size="small"
-          onChange={onSelectAllClick}
-        />
-      </TableCell>
+      {context.withCheckbox && (
+        <TableCell align="center" padding="checkbox">
+          <Checkbox
+            className={cx('virtualizedCheckbox', {
+              checked: selectedCount > 0
+            })}
+            indeterminate={selectedCount > 0 && selectedCount < rowCount}
+            checked={rowCount > 0 && selectedCount === rowCount}
+            inputProps={{ 'aria-label': 'select all' }}
+            size="small"
+            onChange={onSelectAllClick}
+          />
+        </TableCell>
+      )}
       {columns.map(column => (
         <TableHeadCell
           key={column.id}

package/react/Table/Virtualized/RowContent.jsx

@@ -19,20 +19,22 @@ const RowContent = ({
 
   return (
     <>
-      <TableCell align="center" padding="checkbox">
-        <Checkbox
-          className={cx('virtualizedCheckbox', {
-            visible: selectedCount > 0,
-            checked: context.isSelectedItem(row)
-          })}
-          checked={context.isSelectedItem(row)}
-          inputProps={{
-            'aria-labelledby': `enhanced-table-checkbox-${index}`
-          }}
-          size="small"
-          onClick={event => onSelectClick(row, event, index)}
-        />
-      </TableCell>
+      {context.withCheckbox && (
+        <TableCell align="center" padding="checkbox">
+          <Checkbox
+            className={cx('virtualizedCheckbox', {
+              visible: selectedCount > 0,
+              checked: context.isSelectedItem(row)
+            })}
+            checked={context.isSelectedItem(row)}
+            inputProps={{
+              'aria-labelledby': `enhanced-table-checkbox-${index}`
+            }}
+            size="small"
+            onClick={event => onSelectClick(row, event, index)}
+          />
+        </TableCell>
+      )}
       {columns.map(column => (
         <Cell
           key={column.id}

package/react/Table/Virtualized/TableRow.jsx

@@ -7,12 +7,20 @@ const TableRow = ({ item, context, className, ...props }) => {
   const _item = item || context.data[props['data-item-index']]
   const isSelected = context.isSelectedItem(_item)
 
+  const handleClick = () => {
+    if (!context.withCheckbox && _item) {
+      const index = props['data-item-index']
+      context.onSelect?.(_item, null, index)
+    }
+  }
+
   return (
     <TableRowClassic
       {...props}
       className={cx(className, 'virtualized')}
       selected={isSelected}
       hover
+      onClick={!context.withCheckbox ? handleClick : props.onClick}
     />
   )
 }

package/react/Table/Virtualized/index.jsx

@@ -25,6 +25,7 @@ const VirtualizedTable = forwardRef(
       components,
       onSortChange,
       isNewItem,
+      withCheckbox,
       ...props
     },
     ref
@@ -45,7 +46,9 @@ const VirtualizedTable = forwardRef(
       ...(isGroupedTable && { data }), // we use directly `data` prop if no groupCounts
       isSelectedItem,
       selectedItems,
-      isNewItem
+      isNewItem,
+      withCheckbox,
+      onSelect
     }
 
     const handleSort = property => {
@@ -117,7 +120,8 @@ VirtualizedTable.defaultProps = {
   selectedItems: [],
   isSelectedItem: () => {},
   onSelect: () => {},
-  onSelectAll: () => {}
+  onSelectAll: () => {},
+  withCheckbox: true
 }
 
 VirtualizedTable.propTypes = {
@@ -145,7 +149,9 @@ VirtualizedTable.propTypes = {
   /** Callback called after the sort */
   onSortChange: PropTypes.func,
   /** Function to determine if a row is new */
-  isNewItem: PropTypes.func
+  isNewItem: PropTypes.func,
+  /** Whether to show checkboxes. When false, rows become clickable for selection */
+  withCheckbox: PropTypes.bool
 }
 
 export default VirtualizedTable

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

@@ -29,7 +29,7 @@ var FixedHeaderContent = function FixedHeaderContent(_ref) {
       onSelectAllClick = _ref.onSelectAllClick;
   var classes = useStyles();
   var selectedCount = context.selectedItems.length;
-  return /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableCell, {
+  return /*#__PURE__*/React.createElement(TableRow, null, context.withCheckbox && /*#__PURE__*/React.createElement(TableCell, {
     align: "center",
     padding: "checkbox"
   }, /*#__PURE__*/React.createElement(Checkbox, {

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

@@ -14,7 +14,7 @@ var RowContent = function RowContent(_ref) {
       onLongPress = _ref.onLongPress,
       onClick = _ref.onClick;
   var selectedCount = context.selectedItems.length;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TableCell, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, context.withCheckbox && /*#__PURE__*/React.createElement(TableCell, {
     align: "center",
     padding: "checkbox"
   }, /*#__PURE__*/React.createElement(Checkbox, {

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

@@ -14,10 +14,21 @@ var TableRow = function TableRow(_ref) {
   var _item = item || context.data[props['data-item-index']];
 
   var isSelected = context.isSelectedItem(_item);
+
+  var handleClick = function handleClick() {
+    if (!context.withCheckbox && _item) {
+      var _context$onSelect;
+
+      var index = props['data-item-index'];
+      (_context$onSelect = context.onSelect) === null || _context$onSelect === void 0 ? void 0 : _context$onSelect.call(context, _item, null, index);
+    }
+  };
+
   return /*#__PURE__*/React.createElement(TableRowClassic, _extends({}, props, {
     className: cx(className, 'virtualized'),
     selected: isSelected,
-    hover: true
+    hover: true,
+    onClick: !context.withCheckbox ? handleClick : props.onClick
   }));
 };
 

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["rows", "columns", "groups", "defaultOrder", "secondarySort", "selectedItems", "onSelect", "onSelectAll", "isSelectedItem", "componentsProps", "context", "components", "onSortChange", "isNewItem"];
+var _excluded = ["rows", "columns", "groups", "defaultOrder", "secondarySort", "selectedItems", "onSelect", "onSelectAll", "isSelectedItem", "componentsProps", "context", "components", "onSortChange", "isNewItem", "withCheckbox"];
 
 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; }
 
@@ -33,6 +33,7 @@ var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
       components = _ref.components,
       onSortChange = _ref.onSortChange,
       isNewItem = _ref.isNewItem,
+      withCheckbox = _ref.withCheckbox,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState((_defaultOrder$directi = defaultOrder === null || defaultOrder === void 0 ? void 0 : defaultOrder.direction) !== null && _defaultOrder$directi !== void 0 ? _defaultOrder$directi : 'asc'),
@@ -60,7 +61,9 @@ var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     // we use directly `data` prop if no groupCounts
     isSelectedItem: isSelectedItem,
     selectedItems: selectedItems,
-    isNewItem: isNewItem
+    isNewItem: isNewItem,
+    withCheckbox: withCheckbox,
+    onSelect: onSelect
   });
 
   var handleSort = function handleSort(property) {
@@ -130,7 +133,8 @@ VirtualizedTable.defaultProps = {
   selectedItems: [],
   isSelectedItem: function isSelectedItem() {},
   onSelect: function onSelect() {},
-  onSelectAll: function onSelectAll() {}
+  onSelectAll: function onSelectAll() {},
+  withCheckbox: true
 };
 VirtualizedTable.propTypes = {
   /** Rows to display in the table */
@@ -167,6 +171,9 @@ VirtualizedTable.propTypes = {
   onSortChange: PropTypes.func,
 
   /** Function to determine if a row is new */
-  isNewItem: PropTypes.func
+  isNewItem: PropTypes.func,
+
+  /** Whether to show checkboxes. When false, rows become clickable for selection */
+  withCheckbox: PropTypes.bool
 };
 export default VirtualizedTable;