cozy-ui 135.7.0 → 136.0.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# [136.0.0](https://github.com/cozy/cozy-ui/compare/v135.8.0...v136.0.0) (2026-02-04)
+
+
+### Bug Fixes
+
+* **Table:** Remove implicit selection on click when `withCheckbox` false ([f972ce8](https://github.com/cozy/cozy-ui/commit/f972ce8))
+
+
+### Features
+
+* **Table:** Add `disableCheckbox` prop ([726a235](https://github.com/cozy/cozy-ui/commit/726a235))
+
+
+### BREAKING CHANGES
+
+* **Table:** You must now use `componentsProps.rowContent.onClick` prop to use selection on click
+
+# [135.8.0](https://github.com/cozy/cozy-ui/compare/v135.7.0...v135.8.0) (2026-02-02)
+
+
+### Features
+
+* Change selected items opacity ([e4cfe52](https://github.com/cozy/cozy-ui/commit/e4cfe52))
+
 # [135.7.0](https://github.com/cozy/cozy-ui/compare/v135.6.0...v135.7.0) (2026-02-02)
 
 

package/package.json

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

package/react/MuiCozyTheme/makePalette.js

@@ -7,7 +7,7 @@ const opacityByTheme = {
     normal: {
       action: {
         hoverOpacity: 0.04,
-        selectedOpacity: 0.08,
+        selectedOpacity: 0.18,
         disabledOpacity: 0.32,
         focusOpacity: 0.12,
         activatedOpacity: 0.12,
@@ -25,7 +25,7 @@ const opacityByTheme = {
     inverted: {
       action: {
         hoverOpacity: 0.08,
-        selectedOpacity: 0.16,
+        selectedOpacity: 0.18,
         disabledOpacity: 0.32,
         focusOpacity: 0.25,
         activatedOpacity: 0.24,
@@ -45,7 +45,7 @@ const opacityByTheme = {
     normal: {
       action: {
         hoverOpacity: 0.08,
-        selectedOpacity: 0.16,
+        selectedOpacity: 0.18,
         disabledOpacity: 0.32,
         focusOpacity: 0.24,
         activatedOpacity: 0.24,
@@ -63,7 +63,7 @@ const opacityByTheme = {
     inverted: {
       action: {
         hoverOpacity: 0.04,
-        selectedOpacity: 0.08,
+        selectedOpacity: 0.18,
         disabledOpacity: 0.32,
         focusOpacity: 0.12,
         activatedOpacity: 0.12,

package/react/Table/Readme.md

@@ -96,12 +96,18 @@ const ExampleTable = ({ variant, ...props }) => {
         selectedItems={selectedItemsId}
         isSelectedItem={row => isSelectedItem(row.id)}
         onSelect={(row, event, index) => toggleSelectedItem(row.id)}
-        onSelectAll={rows => toggleSelectAllItems(rows.map(item => item.id))}
+        onSelectAll={rows => toggleSelectAllItems(rows.map(item => item.id !== 1 ? item.id : undefined))}
         onSortChange={onSortChange}
         withCheckbox={variant.withCheckbox}
         componentsProps={{
           rowContent: {
-            onClick: (row, column) => { console.info(`click on cell. Row ${row['id']}, Column ${column['id']}`) },
+            disableCheckbox: row => row.id === 1,
+            onClick: (row, column) => {
+              if (!variant.withCheckbox) {
+                return toggleSelectedItem(row.id)
+              }
+              console.info(`click on cell. Row ${row['id']}, Column ${column['id']}`)
+            },
             onLongPress: (row, column) => { console.info(`long press on cell. Row ${row['id']}, Column ${column['id']}`) },
           },
         }}

package/react/Table/Virtualized/RowContent.jsx

@@ -11,6 +11,7 @@ const RowContent = ({
   columns,
   context,
   children,
+  disableCheckbox,
   onSelectClick,
   onLongPress,
   onClick
@@ -26,6 +27,7 @@ const RowContent = ({
               visible: selectedCount > 0,
               checked: context.isSelectedItem(row)
             })}
+            disabled={disableCheckbox?.(row)}
             checked={context.isSelectedItem(row)}
             inputProps={{
               'aria-labelledby': `enhanced-table-checkbox-${index}`

package/react/Table/Virtualized/TableRow.jsx

@@ -7,20 +7,12 @@ 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

@@ -136,6 +136,12 @@ VirtualizedTable.propTypes = {
     direction: PropTypes.oneOf(['asc', 'desc']),
     by: PropTypes.string
   }),
+  /** Context object passed down to children and virtuoso */
+  context: PropTypes.object,
+  /** Props passed to child components */
+  componentsProps: PropTypes.object,
+  /** Custom components used by react-virtuoso */
+  components: PropTypes.object,
   /** Sort files by type to put directory and trash before files */
   secondarySort: PropTypes.func,
   /** Array of selected items */

package/transpiled/react/MuiCozyTheme/makePalette.js

@@ -5,7 +5,7 @@ var opacityByTheme = {
     normal: {
       action: {
         hoverOpacity: 0.04,
-        selectedOpacity: 0.08,
+        selectedOpacity: 0.18,
         disabledOpacity: 0.32,
         focusOpacity: 0.12,
         activatedOpacity: 0.12,
@@ -23,7 +23,7 @@ var opacityByTheme = {
     inverted: {
       action: {
         hoverOpacity: 0.08,
-        selectedOpacity: 0.16,
+        selectedOpacity: 0.18,
         disabledOpacity: 0.32,
         focusOpacity: 0.25,
         activatedOpacity: 0.24,
@@ -43,7 +43,7 @@ var opacityByTheme = {
     normal: {
       action: {
         hoverOpacity: 0.08,
-        selectedOpacity: 0.16,
+        selectedOpacity: 0.18,
         disabledOpacity: 0.32,
         focusOpacity: 0.24,
         activatedOpacity: 0.24,
@@ -61,7 +61,7 @@ var opacityByTheme = {
     inverted: {
       action: {
         hoverOpacity: 0.04,
-        selectedOpacity: 0.08,
+        selectedOpacity: 0.18,
         disabledOpacity: 0.32,
         focusOpacity: 0.12,
         activatedOpacity: 0.12,

package/transpiled/react/Table/Virtualized/RowContent.d.ts

@@ -1,9 +1,10 @@
-declare var _default: React.MemoExoticComponent<({ index, row, columns, context, children, onSelectClick, onLongPress, onClick }: {
+declare var _default: React.MemoExoticComponent<({ index, row, columns, context, children, disableCheckbox, onSelectClick, onLongPress, onClick }: {
     index: any;
     row: any;
     columns: any;
     context: any;
     children: any;
+    disableCheckbox: any;
     onSelectClick: any;
     onLongPress: any;
     onClick: any;

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

@@ -10,6 +10,7 @@ var RowContent = function RowContent(_ref) {
       columns = _ref.columns,
       context = _ref.context,
       children = _ref.children,
+      disableCheckbox = _ref.disableCheckbox,
       onSelectClick = _ref.onSelectClick,
       onLongPress = _ref.onLongPress,
       onClick = _ref.onClick;
@@ -22,6 +23,7 @@ var RowContent = function RowContent(_ref) {
       visible: selectedCount > 0,
       checked: context.isSelectedItem(row)
     }),
+    disabled: disableCheckbox === null || disableCheckbox === void 0 ? void 0 : disableCheckbox(row),
     checked: context.isSelectedItem(row),
     inputProps: {
       'aria-labelledby': "enhanced-table-checkbox-".concat(index)

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

@@ -14,21 +14,10 @@ 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,
-    onClick: !context.withCheckbox ? handleClick : props.onClick
+    hover: true
   }));
 };
 

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

@@ -152,6 +152,15 @@ VirtualizedTable.propTypes = {
     by: PropTypes.string
   }),
 
+  /** Context object passed down to children and virtuoso */
+  context: PropTypes.object,
+
+  /** Props passed to child components */
+  componentsProps: PropTypes.object,
+
+  /** Custom components used by react-virtuoso */
+  components: PropTypes.object,
+
   /** Sort files by type to put directory and trash before files */
   secondarySort: PropTypes.func,