cozy-ui 138.13.1 → 139.0.1

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## [139.0.1](https://github.com/cozy/cozy-ui/compare/v139.0.0...v139.0.1) (2026-06-01)
+
+
+### Bug Fixes
+
+* **Table:** Disable double click when `disableClick` is true in column config ([6da0985](https://github.com/cozy/cozy-ui/commit/6da0985))
+
+# [139.0.0](https://github.com/cozy/cozy-ui/compare/v138.13.1...v139.0.0) (2026-06-01)
+
+
+### Features
+
+* **Table:** Add `onDoubleClick` prop ([5fb38ec](https://github.com/cozy/cozy-ui/commit/5fb38ec))
+* **Table:** Remove checkboxes ([2f9761c](https://github.com/cozy/cozy-ui/commit/2f9761c))
+
+
+### BREAKING CHANGES
+
+* **Table:** Props `onSelect`, `onSelectAll` and `withCheckbox` have been removed from Virtualized Tables (`import Table from 'cozy-ui/transpiled/react/Table/Virtualized'`. You must put the `onSelectAll` in something else outside of the Table, and `onSelect` func in `componentsProps.rowContent.onClick` prop.
+
 ## [138.13.1](https://github.com/cozy/cozy-ui/compare/v138.13.0...v138.13.1) (2026-05-28)
 
 

package/package.json

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

package/react/Table/Readme.md

@@ -4,6 +4,8 @@
 import { useState } from 'react'
 import VirtualizedTable from 'cozy-ui/transpiled/react/Table/Virtualized'
 import Variants from 'cozy-ui/docs/components/Variants'
+import Button from 'cozy-ui/transpiled/react/Buttons'
+import Stack from 'cozy-ui/transpiled/react/Stack'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import SelectionProvider, { useSelection } from 'cozy-ui/transpiled/react/providers/Selection'
 
@@ -13,7 +15,7 @@ const createData = (id, name, calories, fat, carbs, protein) => {
 
 const rows = [
   createData(0, 'Cupcake', 305, 3.7, 67, 4.3),
-  createData(1, 'Frozen yoghurt', 159, 6.0, 24, 4.0),
+  createData(1, 'Frozen yoghurt (unselectable)', 159, 6.0, 24, 4.0),
   createData(2, 'Donut', 452, 25.0, 51, 4.9),
   createData(3, 'Eclair', 262, 16.0, 24, 6.0),
   createData(4, 'Ice cream sandwich', 237, 9.0, 37, 4.3),
@@ -38,7 +40,7 @@ const rows = [
 const columns = [
   {
     id: 'name',
-    disablePadding: true,
+    disablePadding: false,
     label: 'Dessert'
   },
   {
@@ -73,7 +75,7 @@ const columns = [
   }
 ]
 
-const initialVariants = [{ grouped: false, withCheckbox: true }, { grouped: false, withCheckbox: false }]
+const initialVariants = [{ grouped: false}]
 
 // Very basic usage only works when Dessert is sorted "asc"
 // Ideally you have to create a logic to create groups with sorted data
@@ -87,31 +89,43 @@ const ExampleTable = ({ variant, ...props }) => {
   }
 
   return (
-    <div style={{ border: "1px solid var(--borderMainColor)", height: 400, width: "100%" }}>
-      <VirtualizedTable
-        {...props}
-        rows={rows}
-        columns={columns}
-        groups={variant.grouped ? makeGroups : undefined}
-        selectedItems={selectedItemsId}
-        isSelectedItem={row => isSelectedItem(row.id)}
-        onSelect={(row, event, index) => toggleSelectedItem(row.id)}
-        onSelectAll={rows => toggleSelectAllItems(rows.map(item => item.id !== 1 ? item.id : undefined))}
-        onSortChange={onSortChange}
-        withCheckbox={variant.withCheckbox}
-        componentsProps={{
-          rowContent: {
-            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']}`) },
-          },
-        }}
+    <div>
+      <Button
+        className="u-mt-1 u-mb-1"
+        variant="ghost"
+        label="Select all"
+        onClick={() => toggleSelectAllItems(rows.map(item => item.id !== 1 ? item.id : undefined))}
       />
+      <div style={{ border: "1px solid var(--borderMainColor)", height: 400, width: "100%" }}>
+        <VirtualizedTable
+          {...props}
+          rows={rows}
+          columns={columns}
+          groups={variant.grouped ? makeGroups : undefined}
+          selectedItems={selectedItemsId}
+          isSelectedItem={row => isSelectedItem(row.id)}
+          onSortChange={onSortChange}
+          componentsProps={{
+            rowContent: {
+              onClick: (row, column) => {
+                row.id !== 1
+                  ? toggleSelectedItem(row.id)
+                  : undefined
+              },
+              onDoubleClick: (row, column) => {
+                row.id !== 1
+                  ? console.info(`double click on cell. Row ${row['id']}, Column ${column['id']}`)
+                  : undefined
+              },
+              onLongPress: (row, column) => {
+                row.id !== 1
+                  ? console.info(`long press on cell. Row ${row['id']}, Column ${column['id']}`)
+                  : undefined
+              }
+            }
+          }}
+        />
+      </div>
     </div>
   )
 }
@@ -120,7 +134,7 @@ const ExampleTable = ({ variant, ...props }) => {
   {variant => (
     <>
       <Typography variant="h4">Not sorted table</Typography>
-      <div className="u-mt-half" style={{ border: "1px solid var(--borderMainColor)", height: 400, width: "100%" }}>
+      <div className="u-mt-half" style={{ border: "1px solid var(--borderMainColor)", height: 400, width: "100%", marginBottom: "6rem" }}>
         <SelectionProvider>
           <ExampleTable variant={variant} />
         </SelectionProvider>
@@ -135,3 +149,86 @@ const ExampleTable = ({ variant, ...props }) => {
   )}
 </Variants>
 ```
+
+### With Drag'n'Drop
+
+```jsx
+import { useState } from 'react'
+import VirtualizedTableDnd from 'cozy-ui/transpiled/react/Table/Virtualized/Dnd'
+import Typography from 'cozy-ui/transpiled/react/Typography'
+import SelectionProvider, { useSelection } from 'cozy-ui/transpiled/react/providers/Selection'
+import { DndProvider } from 'react-dnd'
+import { HTML5Backend } from 'react-dnd-html5-backend'
+
+const createData = (_id, name, calories, fat, carbs, protein) => {
+  return { _id, name, calories, fat, carbs, protein }
+}
+
+const rows = [
+  createData(0, 'Cupcake', 305, 3.7, 67, 4.3),
+  createData(1, 'Frozen yoghurt', 159, 6.0, 24, 4.0),
+  createData(2, 'Donut', 452, 25.0, 51, 4.9),
+  createData(3, 'Eclair', 262, 16.0, 24, 6.0),
+  createData(4, 'Ice cream sandwich', 237, 9.0, 37, 4.3),
+  createData(5, 'Gingerbread', 356, 16.0, 49, 3.9),
+  createData(6, 'Honeycomb', 408, 3.2, 87, 6.5),
+  createData(7, 'Jelly Bean', 375, 0.0, 94, 0.0),
+  createData(8, 'KitKat', 518, 26.0, 65, 7.0),
+  createData(9, 'Oreo', 437, 18.0, 63, 4.0),
+]
+
+const columns = [
+  { id: 'name', disablePadding: false, label: 'Dessert' },
+  { id: 'calories', disablePadding: false, width: 80, label: 'Calories', textAlign: 'left' },
+  { id: 'fat', disablePadding: false, width: 85, label: 'Fat (g)', textAlign: 'right' },
+  { id: 'carbs', disablePadding: false, width: 115, label: 'Carbs (g)', textAlign: 'right' },
+  { id: 'protein', disablePadding: false, width: 115, label: 'Protein (g)', textAlign: 'right', disableClick: true }
+]
+
+const DndExample = () => {
+  const { selectedItemsId, isSelectedItem, toggleSelectedItem } = useSelection()
+
+  const dragProps = {
+    dragId: 'dessert-dnd',
+    onDrop: async (draggedItems, targetItem, selectedItems) => {
+      console.info('Dropped items:', draggedItems)
+      console.info('Target item:', targetItem)
+    },
+    canDrag: (item) => item.calories > 100,
+    canDrop: (item) => item.fat < 20,
+  }
+
+  return (
+    <div style={{ border: "1px solid var(--borderMainColor)", height: 400, width: "100%" }}>
+      <VirtualizedTableDnd
+        rows={rows}
+        columns={columns}
+        dragProps={dragProps}
+        selectedItems={selectedItemsId}
+        isSelectedItem={row => isSelectedItem(row._id)}
+        componentsProps={{
+          rowContent: {
+            onClick: (row, column) => toggleSelectedItem(row._id),
+            onDoubleClick: (row, column) => {
+              console.info(`double click on cell. Row ${row['_id']}, Column ${column['id']}`)
+            },
+            onLongPress: (row, column) => { console.info(`long press on cell. Row ${row['_id']}, Column ${column['id']}`) },
+          },
+        }}
+      />
+    </div>
+  )
+}
+
+;
+
+<>
+  <div className="u-mt-half" style={{ border: "1px solid var(--borderMainColor)", height: 400, width: "100%" }}>
+    <SelectionProvider>
+      <DndProvider backend={HTML5Backend}>
+        <DndExample />
+      </DndProvider>
+    </SelectionProvider>
+  </div>
+</>
+```

package/react/Table/Virtualized/Cell.jsx

@@ -4,6 +4,9 @@ import { useOnLongPress } from 'rooks'
 
 import TableCell from '../../TableCell'
 import { makeStyles } from '../../styles'
+import { AddPropsToChildren } from '../../utils/react'
+
+const DOUBLECLICKDELAY = 400
 
 const useStyles = makeStyles({
   root: {
@@ -13,30 +16,49 @@ const useStyles = makeStyles({
   }
 })
 
-const Cell = ({ row, columns, column, onClick, onLongPress, children }) => {
+const Cell = ({
+  row,
+  columns,
+  column,
+  onClick,
+  onDoubleClick,
+  onLongPress,
+  children
+}) => {
   const [isLongPress, setIsLongPress] = useState(false) // onClick is triggered after a long press anyway, so we need this bool to avoid this behavior
+  const [lastClickTime, setLastClickTime] = useState(0)
 
   const classes = useStyles({ column, isClickable: !!onClick })
   const cellContent = get(row, column.id, '—')
 
-  const longPressRef = useOnLongPress(() => {
-    if (column.disableClick) {
-      return
-    }
+  const longPressRef = useOnLongPress(
+    () => {
+      if (column.disableClick) {
+        return
+      }
 
-    setIsLongPress(true)
-    onLongPress?.(row, column)
-  })
+      setIsLongPress(true)
+      onLongPress?.(row, column)
+    },
+    { duration: 300 }
+  )
 
   const handleClick = () => {
     if (column.disableClick) {
       return
     }
 
-    if (!isLongPress) {
-      onClick?.(row, column)
-    } else {
+    if (isLongPress) {
       setIsLongPress(false)
+      return
+    }
+
+    const currentTime = Date.now()
+    const isDoubleClick = currentTime - lastClickTime < DOUBLECLICKDELAY
+    setLastClickTime(currentTime)
+
+    if (!isDoubleClick) {
+      onClick?.(row, column)
     }
   }
 
@@ -48,19 +70,18 @@ const Cell = ({ row, columns, column, onClick, onLongPress, children }) => {
       align={column.textAlign ?? 'left'}
       padding={column.disablePadding ? 'none' : 'normal'}
       onClick={handleClick}
+      onDoubleClick={() =>
+        column.disableClick ? undefined : onDoubleClick?.(row, column)
+      }
       onContextMenu={isLongPress ? ev => ev.preventDefault() : undefined}
     >
       {children
-        ? React.Children.map(children, child =>
-            React.isValidElement(child)
-              ? React.cloneElement(child, {
-                  row,
-                  columns,
-                  column,
-                  cell: cellContent
-                })
-              : null
-          )
+        ? AddPropsToChildren(children, () => ({
+            row,
+            columns,
+            column,
+            cell: cellContent
+          }))
         : cellContent}
     </TableCell>
   )

package/react/Table/Virtualized/FixedHeaderContent.jsx

@@ -1,9 +1,6 @@
-import cx from 'classnames'
 import React from 'react'
 
 import TableHeadCell from './HeadCell'
-import Checkbox from '../../Checkbox'
-import TableCell from '../../TableCell'
 import TableRow from '../../TableRow'
 import { makeStyles } from '../../styles'
 
@@ -21,34 +18,11 @@ const useStyles = makeStyles({
   }
 })
 
-const FixedHeaderContent = ({
-  columns,
-  orderDirection,
-  orderBy,
-  rowCount,
-  context,
-  onClick,
-  onSelectAllClick
-}) => {
+const FixedHeaderContent = ({ columns, orderDirection, orderBy, onClick }) => {
   const classes = useStyles()
-  const selectedCount = context.selectedItems.length
 
   return (
     <TableRow>
-      {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

@@ -1,42 +1,17 @@
-import cx from 'classnames'
 import React from 'react'
 
 import Cell from './Cell'
-import Checkbox from '../../Checkbox'
-import TableCell from '../../TableCell'
 
 const RowContent = ({
-  index,
   row,
   columns,
-  context,
   children,
-  disableCheckbox,
-  onSelectClick,
   onLongPress,
+  onDoubleClick,
   onClick
 }) => {
-  const selectedCount = context.selectedItems.length
-
   return (
     <>
-      {context.withCheckbox && (
-        <TableCell align="center" padding="checkbox">
-          <Checkbox
-            className={cx('virtualizedCheckbox', {
-              visible: selectedCount > 0,
-              checked: context.isSelectedItem(row)
-            })}
-            disabled={disableCheckbox?.(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}
@@ -44,6 +19,7 @@ const RowContent = ({
           columns={columns}
           column={column}
           onClick={onClick}
+          onDoubleClick={onDoubleClick}
           onLongPress={onLongPress}
         >
           {children}

package/react/Table/Virtualized/index.jsx

@@ -17,15 +17,12 @@ const VirtualizedTable = forwardRef(
       defaultOrder,
       secondarySort,
       selectedItems,
-      onSelect,
-      onSelectAll,
       isSelectedItem,
       componentsProps,
       context,
       components,
       onSortChange,
       isNewItem,
-      withCheckbox,
       ...props
     },
     ref
@@ -46,9 +43,7 @@ const VirtualizedTable = forwardRef(
       ...(isGroupedTable && { data }), // we use directly `data` prop if no groupCounts
       isSelectedItem,
       selectedItems,
-      isNewItem,
-      withCheckbox,
-      onSelect
+      isNewItem
     }
 
     const handleSort = property => {
@@ -59,14 +54,6 @@ const VirtualizedTable = forwardRef(
       onSortChange?.({ order: newOrder, orderBy: property })
     }
 
-    const handleSelectAll = event => {
-      if (event?.target?.checked) {
-        onSelectAll(rows)
-        return
-      }
-      onSelectAll([])
-    }
-
     const Component = isGroupedTable ? GroupedTableVirtuoso : TableVirtuoso
 
     return (
@@ -86,7 +73,6 @@ const VirtualizedTable = forwardRef(
             orderDirection={orderDirection}
             orderBy={orderBy}
             onClick={handleSort}
-            onSelectAllClick={handleSelectAll}
           />
         )}
         {...(isGroupedTable && {
@@ -103,7 +89,6 @@ const VirtualizedTable = forwardRef(
             row={data[index]}
             columns={columns}
             context={_context}
-            onSelectClick={onSelect}
           >
             {componentsProps?.rowContent?.children}
           </RowContent>
@@ -118,10 +103,7 @@ VirtualizedTable.displayName = 'VirtualizedTable'
 
 VirtualizedTable.defaultProps = {
   selectedItems: [],
-  isSelectedItem: () => {},
-  onSelect: () => {},
-  onSelectAll: () => {},
-  withCheckbox: true
+  isSelectedItem: () => {}
 }
 
 VirtualizedTable.propTypes = {
@@ -146,18 +128,12 @@ VirtualizedTable.propTypes = {
   secondarySort: PropTypes.func,
   /** Array of selected items */
   selectedItems: PropTypes.array,
-  /** Callback function when a row is selected */
-  onSelect: PropTypes.func,
-  /** Callback function when all rows are selected/deselected */
-  onSelectAll: PropTypes.func,
   /** Function to determine if a row is selected */
   isSelectedItem: PropTypes.func,
   /** Callback called after the sort */
   onSortChange: PropTypes.func,
   /** Function to determine if a row is new */
-  isNewItem: PropTypes.func,
-  /** Whether to show checkboxes. When false, rows become clickable for selection */
-  withCheckbox: PropTypes.bool
+  isNewItem: PropTypes.func
 }
 
 export default VirtualizedTable

package/skills/cozy-ui-reference/SKILL.md

@@ -24,7 +24,7 @@ import 'cozy-ui/transpiled/react/stylesheet.css'
 
 ## What This Skill Provides
 
-- 88+ React components with examples and extracted props.
+- 89+ React components with examples and extracted props.
 - CSS utility classes for spacing, typography, colors, layout, and component-specific classes.
 - Cozy theming conventions built on Material-UI v4.
 - Import patterns for `cozy-ui/transpiled/react` and `cozy-ui/dist`.

package/skills/cozy-ui-reference/references/components.md

@@ -18,7 +18,7 @@ Generated reference for React components available in cozy-ui. Use this file to
 - **Utils**: [DropdownText](#dropdowntext), [MuiCozyTheme](#muicozytheme)
 - **Hooks & Providers**: [Breakpoints (providers/Breakpoints)](#breakpoints-providers-breakpoints), [ConfirmDialog (providers/ConfirmDialog)](#confirmdialog-providers-confirmdialog), [CozyTheme (providers/CozyTheme)](#cozytheme-providers-cozytheme), [Selection (providers/Selection)](#selection-providers-selection), [useConfirmExit (hooks/useConfirmExit)](#useconfirmexit-hooks-useconfirmexit)
 - **Labs**: [IconGrid (Labs/IconGrid)](#icongrid-labs-icongrid), [Labs](#labs), [PasswordInput (Labs/PasswordInput)](#passwordinput-labs-passwordinput)
-- **Other**: [providers](#providers)
+- **Other**: [BottomSheet](#bottomsheet), [providers](#providers)
 
 ## Buttons
 
@@ -789,6 +789,7 @@ import ProgressionBanner from 'cozy-ui/transpiled/react/ProgressionBanner'
 | `icon` | React.node | - | Icon to be shown in the banner |
 | `button` | React.node | - | Button to use in the banner |
 | `progressBar` | boolean | `true` | Progression bar is hidden if set to false (defaults to true) |
+| `color` | string | `'var(--contrastBackgroundColor)'` | Background color of the banner, css color |
 
 
 ### Skeletons
@@ -1843,6 +1844,15 @@ import PasswordInput from 'cozy-ui/transpiled/react/Labs/PasswordInput'
 
 ## Other
 
+### BottomSheet
+
+Display content coming up from the bottom of the screen. The pane can be swiped to the top of the screen. Based on cozy / mui-bottom-sheet: API documentation is here. It uses Portal to have the same behavior as Dialogs / Modals (can be disabled with the disablePortal prop).
+
+```jsx
+import BottomSheet from 'cozy-ui/transpiled/react/BottomSheet'
+```
+
+
 ### providers
 
 ```jsx

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

@@ -1,8 +1,9 @@
-declare var _default: React.MemoExoticComponent<({ row, columns, column, onClick, onLongPress, children }: {
+declare var _default: React.MemoExoticComponent<({ row, columns, column, onClick, onDoubleClick, onLongPress, children }: {
     row: any;
     columns: any;
     column: any;
     onClick: any;
+    onDoubleClick: any;
     onLongPress: any;
     children: any;
 }) => JSX.Element>;

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

@@ -4,6 +4,8 @@ import React, { useState } from 'react';
 import { useOnLongPress } from 'rooks';
 import TableCell from "cozy-ui/transpiled/react/TableCell";
 import { makeStyles } from "cozy-ui/transpiled/react/styles";
+import { AddPropsToChildren } from "cozy-ui/transpiled/react/utils/react";
+var DOUBLECLICKDELAY = 400;
 var useStyles = makeStyles({
   root: {
     cursor: function cursor(_ref) {
@@ -28,6 +30,7 @@ var Cell = function Cell(_ref4) {
       columns = _ref4.columns,
       column = _ref4.column,
       onClick = _ref4.onClick,
+      _onDoubleClick = _ref4.onDoubleClick,
       onLongPress = _ref4.onLongPress,
       children = _ref4.children;
 
@@ -37,6 +40,11 @@ var Cell = function Cell(_ref4) {
       setIsLongPress = _useState2[1]; // onClick is triggered after a long press anyway, so we need this bool to avoid this behavior
 
 
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      lastClickTime = _useState4[0],
+      setLastClickTime = _useState4[1];
+
   var classes = useStyles({
     column: column,
     isClickable: !!onClick
@@ -49,6 +57,8 @@ var Cell = function Cell(_ref4) {
 
     setIsLongPress(true);
     onLongPress === null || onLongPress === void 0 ? void 0 : onLongPress(row, column);
+  }, {
+    duration: 300
   });
 
   var handleClick = function handleClick() {
@@ -56,10 +66,17 @@ var Cell = function Cell(_ref4) {
       return;
     }
 
-    if (!isLongPress) {
-      onClick === null || onClick === void 0 ? void 0 : onClick(row, column);
-    } else {
+    if (isLongPress) {
       setIsLongPress(false);
+      return;
+    }
+
+    var currentTime = Date.now();
+    var isDoubleClick = currentTime - lastClickTime < DOUBLECLICKDELAY;
+    setLastClickTime(currentTime);
+
+    if (!isDoubleClick) {
+      onClick === null || onClick === void 0 ? void 0 : onClick(row, column);
     }
   };
 
@@ -70,16 +87,19 @@ var Cell = function Cell(_ref4) {
     align: (_column$textAlign = column.textAlign) !== null && _column$textAlign !== void 0 ? _column$textAlign : 'left',
     padding: column.disablePadding ? 'none' : 'normal',
     onClick: handleClick,
+    onDoubleClick: function onDoubleClick() {
+      return column.disableClick ? undefined : _onDoubleClick === null || _onDoubleClick === void 0 ? void 0 : _onDoubleClick(row, column);
+    },
     onContextMenu: isLongPress ? function (ev) {
       return ev.preventDefault();
     } : undefined
-  }, children ? React.Children.map(children, function (child) {
-    return /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child, {
+  }, children ? AddPropsToChildren(children, function () {
+    return {
       row: row,
       columns: columns,
       column: column,
       cell: cellContent
-    }) : null;
+    };
   }) : cellContent);
 };
 

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

@@ -1,10 +1,7 @@
 export default FixedHeaderContent;
-declare function FixedHeaderContent({ columns, orderDirection, orderBy, rowCount, context, onClick, onSelectAllClick }: {
+declare function FixedHeaderContent({ columns, orderDirection, orderBy, onClick }: {
     columns: any;
     orderDirection: any;
     orderBy: any;
-    rowCount: any;
-    context: any;
     onClick: any;
-    onSelectAllClick: any;
 }): JSX.Element;

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

@@ -1,8 +1,5 @@
-import cx from 'classnames';
 import React from 'react';
 import TableHeadCell from "cozy-ui/transpiled/react/Table/Virtualized/HeadCell";
-import Checkbox from "cozy-ui/transpiled/react/Checkbox";
-import TableCell from "cozy-ui/transpiled/react/TableCell";
 import TableRow from "cozy-ui/transpiled/react/TableRow";
 import { makeStyles } from "cozy-ui/transpiled/react/styles";
 var useStyles = makeStyles({
@@ -23,27 +20,9 @@ var FixedHeaderContent = function FixedHeaderContent(_ref) {
   var columns = _ref.columns,
       orderDirection = _ref.orderDirection,
       orderBy = _ref.orderBy,
-      rowCount = _ref.rowCount,
-      context = _ref.context,
-      _onClick = _ref.onClick,
-      onSelectAllClick = _ref.onSelectAllClick;
+      _onClick = _ref.onClick;
   var classes = useStyles();
-  var selectedCount = context.selectedItems.length;
-  return /*#__PURE__*/React.createElement(TableRow, null, context.withCheckbox && /*#__PURE__*/React.createElement(TableCell, {
-    align: "center",
-    padding: "checkbox"
-  }, /*#__PURE__*/React.createElement(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
-  })), columns.map(function (column) {
+  return /*#__PURE__*/React.createElement(TableRow, null, columns.map(function (column) {
     return /*#__PURE__*/React.createElement(TableHeadCell, {
       key: column.id,
       className: classes.visuallyHidden,

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

@@ -1,12 +1,9 @@
-declare var _default: React.MemoExoticComponent<({ index, row, columns, context, children, disableCheckbox, onSelectClick, onLongPress, onClick }: {
-    index: any;
+declare var _default: React.MemoExoticComponent<({ row, columns, children, onLongPress, onDoubleClick, onClick }: {
     row: any;
     columns: any;
-    context: any;
     children: any;
-    disableCheckbox: any;
-    onSelectClick: any;
     onLongPress: any;
+    onDoubleClick: any;
     onClick: any;
 }) => JSX.Element>;
 export default _default;

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

@@ -1,44 +1,21 @@
-import cx from 'classnames';
 import React from 'react';
 import Cell from "cozy-ui/transpiled/react/Table/Virtualized/Cell";
-import Checkbox from "cozy-ui/transpiled/react/Checkbox";
-import TableCell from "cozy-ui/transpiled/react/TableCell";
 
 var RowContent = function RowContent(_ref) {
-  var index = _ref.index,
-      row = _ref.row,
+  var row = _ref.row,
       columns = _ref.columns,
-      context = _ref.context,
       children = _ref.children,
-      disableCheckbox = _ref.disableCheckbox,
-      onSelectClick = _ref.onSelectClick,
       onLongPress = _ref.onLongPress,
+      onDoubleClick = _ref.onDoubleClick,
       onClick = _ref.onClick;
-  var selectedCount = context.selectedItems.length;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, context.withCheckbox && /*#__PURE__*/React.createElement(TableCell, {
-    align: "center",
-    padding: "checkbox"
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    className: cx('virtualizedCheckbox', {
-      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)
-    },
-    size: "small",
-    onClick: function onClick(event) {
-      return onSelectClick(row, event, index);
-    }
-  })), columns.map(function (column) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, columns.map(function (column) {
     return /*#__PURE__*/React.createElement(Cell, {
       key: column.id,
       row: row,
       columns: columns,
       column: column,
       onClick: onClick,
+      onDoubleClick: onDoubleClick,
       onLongPress: onLongPress
     }, children);
   }));

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", "withCheckbox"];
+var _excluded = ["rows", "columns", "groups", "defaultOrder", "secondarySort", "selectedItems", "isSelectedItem", "componentsProps", "context", "components", "onSortChange", "isNewItem"];
 
 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; }
 
@@ -25,15 +25,12 @@ var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
       defaultOrder = _ref.defaultOrder,
       secondarySort = _ref.secondarySort,
       selectedItems = _ref.selectedItems,
-      onSelect = _ref.onSelect,
-      onSelectAll = _ref.onSelectAll,
       isSelectedItem = _ref.isSelectedItem,
       componentsProps = _ref.componentsProps,
       context = _ref.context,
       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'),
@@ -61,9 +58,7 @@ var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     // we use directly `data` prop if no groupCounts
     isSelectedItem: isSelectedItem,
     selectedItems: selectedItems,
-    isNewItem: isNewItem,
-    withCheckbox: withCheckbox,
-    onSelect: onSelect
+    isNewItem: isNewItem
   });
 
   var handleSort = function handleSort(property) {
@@ -77,17 +72,6 @@ var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     });
   };
 
-  var handleSelectAll = function handleSelectAll(event) {
-    var _event$target;
-
-    if (event !== null && event !== void 0 && (_event$target = event.target) !== null && _event$target !== void 0 && _event$target.checked) {
-      onSelectAll(rows);
-      return;
-    }
-
-    onSelectAll([]);
-  };
-
   var Component = isGroupedTable ? GroupedTableVirtuoso : TableVirtuoso;
   return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     ref: ref,
@@ -102,8 +86,7 @@ var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
         context: _context,
         orderDirection: orderDirection,
         orderBy: orderBy,
-        onClick: handleSort,
-        onSelectAllClick: handleSelectAll
+        onClick: handleSort
       }));
     }
   }, isGroupedTable && {
@@ -121,8 +104,7 @@ var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
         index: index,
         row: data[index],
         columns: columns,
-        context: _context,
-        onSelectClick: onSelect
+        context: _context
       }), componentsProps === null || componentsProps === void 0 ? void 0 : (_componentsProps$rowC = componentsProps.rowContent) === null || _componentsProps$rowC === void 0 ? void 0 : _componentsProps$rowC.children);
     },
     rowSpan: 2
@@ -131,10 +113,7 @@ var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
 VirtualizedTable.displayName = 'VirtualizedTable';
 VirtualizedTable.defaultProps = {
   selectedItems: [],
-  isSelectedItem: function isSelectedItem() {},
-  onSelect: function onSelect() {},
-  onSelectAll: function onSelectAll() {},
-  withCheckbox: true
+  isSelectedItem: function isSelectedItem() {}
 };
 VirtualizedTable.propTypes = {
   /** Rows to display in the table */
@@ -167,12 +146,6 @@ VirtualizedTable.propTypes = {
   /** Array of selected items */
   selectedItems: PropTypes.array,
 
-  /** Callback function when a row is selected */
-  onSelect: PropTypes.func,
-
-  /** Callback function when all rows are selected/deselected */
-  onSelectAll: PropTypes.func,
-
   /** Function to determine if a row is selected */
   isSelectedItem: PropTypes.func,
 
@@ -180,9 +153,6 @@ VirtualizedTable.propTypes = {
   onSortChange: PropTypes.func,
 
   /** Function to determine if a row is new */
-  isNewItem: PropTypes.func,
-
-  /** Whether to show checkboxes. When false, rows become clickable for selection */
-  withCheckbox: PropTypes.bool
+  isNewItem: PropTypes.func
 };
 export default VirtualizedTable;