cozy-ui 126.6.0 → 127.0.0

package/transpiled/react/Table/Virtualized/Dnd/TableRow.d.ts

@@ -1,8 +1,6 @@
 export default TableRow;
-declare function TableRow({ item, context, selected, disabled, ...props }: {
+declare function TableRow({ item, context, ...props }: {
     [x: string]: any;
     item: any;
     context: any;
-    selected: any;
-    disabled: any;
 }): JSX.Element;

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["item", "context", "selected", "disabled"];
+var _excluded = ["item", "context"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect } from 'react';
 import { useDrag, useDrop } from 'react-dnd';
@@ -12,17 +12,18 @@ import TableRowClassic from "cozy-ui/transpiled/react/TableRow";
 var TableRow = function TableRow(_ref) {
   var item = _ref.item,
       context = _ref.context,
-      selected = _ref.selected,
-      disabled = _ref.disabled,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var selectedItems = context.selectedItems,
+      itemsInDropProcess = context.itemsInDropProcess,
       setItemsInDropProcess = context.setItemsInDropProcess,
       dragProps = context.dragProps;
   var onDrop = dragProps.onDrop,
       canDropProps = dragProps.canDrop,
       canDragProps = dragProps.canDrag,
       dragId = dragProps.dragId;
+  var isSelected = context === null || context === void 0 ? void 0 : context.isSelectedItem(item);
+  var isDisabled = itemsInDropProcess.includes(item._id);
 
   var _useDrag = useDrag(function () {
     return {
@@ -45,7 +46,7 @@ var TableRow = function TableRow(_ref) {
 
         // if selectedItems is not empty, only the selected items can be dragged
         if (selectedItems.length > 0) {
-          return defaultCanDrag && selected;
+          return defaultCanDrag && isSelected;
         }
 
         return defaultCanDrag;
@@ -121,9 +122,10 @@ var TableRow = function TableRow(_ref) {
     ref: function ref(node) {
       return dragRef(dropRef(node));
     },
-    selected: selected || dropCollect.isOver,
-    className: dragCollect.isDragging ? 'u-o-50' : '',
-    disabled: disabled
+    selected: isSelected || dropCollect.isOver,
+    className: dragCollect.isDragging ? 'virtualized u-o-50' : 'virtualized',
+    disabled: isDisabled,
+    hover: true
   }));
 };
 

package/transpiled/react/Table/Virtualized/Dnd/index.d.ts

@@ -0,0 +1,7 @@
+export default VirtuosoTableDnd;
+declare function VirtuosoTableDnd({ dragProps, context, components, ...props }: {
+    [x: string]: any;
+    dragProps: any;
+    context: any;
+    components: any;
+}): JSX.Element;

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

@@ -0,0 +1,47 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["dragProps", "context", "components"];
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React, { useState, useMemo } from 'react';
+import CustomDragLayer from "cozy-ui/transpiled/react/Table/Virtualized/Dnd/CustomDrag/CustomDragLayer";
+import virtuosoComponentsDnd from "cozy-ui/transpiled/react/Table/Virtualized/Dnd/virtuosoComponents";
+import VirtualizedTable from "cozy-ui/transpiled/react/Table/Virtualized/index";
+import virtuosoComponents from "cozy-ui/transpiled/react/Table/Virtualized/virtuosoComponents";
+
+var _components = _objectSpread(_objectSpread({}, virtuosoComponents), virtuosoComponentsDnd);
+
+var VirtuosoTableDnd = function VirtuosoTableDnd(_ref) {
+  var dragProps = _ref.dragProps,
+      context = _ref.context,
+      components = _ref.components,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      itemsInDropProcess = _useState2[0],
+      setItemsInDropProcess = _useState2[1]; // array of Ids, for dragndrop feature
+
+
+  var _context = useMemo(function () {
+    return _objectSpread(_objectSpread({}, context), {}, {
+      dragProps: dragProps,
+      itemsInDropProcess: itemsInDropProcess,
+      setItemsInDropProcess: setItemsInDropProcess
+    });
+  }, [context, dragProps, itemsInDropProcess]);
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CustomDragLayer, {
+    dragId: dragProps.dragId
+  }), /*#__PURE__*/React.createElement(VirtualizedTable, _extends({
+    components: components || _components,
+    context: _context
+  }, props)));
+};
+
+export default VirtuosoTableDnd;

package/transpiled/react/Table/Virtualized/Dnd/virtuosoComponents.d.ts

@@ -0,0 +1,14 @@
+export default virtuosoComponentsDnd;
+/**
+ Be aware that context is spread to every components but should not be spread to Table components
+ so we desctrure it from props, but don't spread to child to avoid its presence in DOM
+*/
+declare const virtuosoComponentsDnd: {
+    Scroller: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+    TableRow: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+    Table: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+    TableHead: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+    TableBody: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+    TableFooter: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+};
+import React from "react";

package/transpiled/react/Table/Virtualized/Dnd/virtuosoComponents.js

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React, { forwardRef } from 'react';
+import DnDConfigWrapper from "cozy-ui/transpiled/react/Table/Virtualized/Dnd/DnDConfigWrapper";
+import TableRowDnD from "cozy-ui/transpiled/react/Table/Virtualized/Dnd/TableRow";
+import TableContainer from "cozy-ui/transpiled/react/TableContainer";
+import virtuosoComponents from "cozy-ui/transpiled/react/Table/Virtualized/virtuosoComponents";
+/**
+ Be aware that context is spread to every components but should not be spread to Table components
+ so we desctrure it from props, but don't spread to child to avoid its presence in DOM
+*/
+
+var virtuosoComponentsDnd = _objectSpread(_objectSpread({}, virtuosoComponents), {}, {
+  // eslint-disable-next-line no-unused-vars
+  Scroller: /*#__PURE__*/forwardRef(function (_ref, ref) {
+    var context = _ref.context,
+        props = _objectWithoutProperties(_ref, _excluded);
+
+    return /*#__PURE__*/React.createElement(DnDConfigWrapper, {
+      ref: ref
+    }, /*#__PURE__*/React.createElement(TableContainer, _extends({}, props, {
+      ref: ref
+    })));
+  }),
+  TableRow: /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(TableRowDnD, _extends({}, props, {
+      ref: ref
+    }));
+  })
+});
+
+export default virtuosoComponentsDnd;

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

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

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

@@ -1,3 +1,4 @@
+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";
@@ -23,19 +24,24 @@ var FixedHeaderContent = function FixedHeaderContent(_ref) {
       order = _ref.order,
       orderBy = _ref.orderBy,
       rowCount = _ref.rowCount,
-      selectedCount = _ref.selectedCount,
+      context = _ref.context,
       _onClick = _ref.onClick,
       onSelectAllClick = _ref.onSelectAllClick;
   var classes = useStyles();
+  var selectedCount = context.selectedItems.length;
   return /*#__PURE__*/React.createElement(TableRow, null, /*#__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(TableHeadCell, {

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

@@ -1,10 +1,11 @@
-declare var _default: React.MemoExoticComponent<({ index, row, columns, isSelectedItem, children, onSelectClick }: {
+declare var _default: React.MemoExoticComponent<({ index, row, columns, context, children, onSelectClick, onClick }: {
     index: any;
     row: any;
     columns: any;
-    isSelectedItem: any;
+    context: any;
     children: any;
     onSelectClick: any;
+    onClick: any;
 }) => JSX.Element>;
 export default _default;
 import React from "react";

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

@@ -1,3 +1,4 @@
+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";
@@ -7,17 +8,24 @@ var RowContent = function RowContent(_ref) {
   var index = _ref.index,
       row = _ref.row,
       columns = _ref.columns,
-      isSelectedItem = _ref.isSelectedItem,
+      context = _ref.context,
       children = _ref.children,
-      onSelectClick = _ref.onSelectClick;
+      onSelectClick = _ref.onSelectClick,
+      onClick = _ref.onClick;
+  var selectedCount = context.selectedItems.length;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TableCell, {
     align: "center",
     padding: "checkbox"
   }, /*#__PURE__*/React.createElement(Checkbox, {
-    checked: isSelectedItem(row),
+    className: cx('virtualizedCheckbox', {
+      visible: selectedCount > 0,
+      checked: context.isSelectedItem(row)
+    }),
+    checked: context.isSelectedItem(row),
     inputProps: {
       'aria-labelledby': "enhanced-table-checkbox-".concat(index)
     },
+    size: "small",
     onChange: function onChange() {
       return onSelectClick(row);
     }
@@ -26,7 +34,8 @@ var RowContent = function RowContent(_ref) {
       key: column.id,
       row: row,
       columns: columns,
-      column: column
+      column: column,
+      onClick: onClick
     }, children);
   }));
 };

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

@@ -0,0 +1,3 @@
+export default TableRow;
+declare const TableRow: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

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

@@ -0,0 +1,21 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["item", "context", "className"];
+import cx from 'classnames';
+import React, { forwardRef } from 'react';
+import TableRowClassic from "cozy-ui/transpiled/react/TableRow";
+var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var item = _ref.item,
+      context = _ref.context,
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var isSelected = context === null || context === void 0 ? void 0 : context.isSelectedItem(item);
+  return /*#__PURE__*/React.createElement(TableRowClassic, _extends({}, props, {
+    className: cx(className, 'virtualized'),
+    ref: ref,
+    selected: isSelected,
+    hover: true
+  }));
+});
+export default TableRow;

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

@@ -1,11 +1,13 @@
+import get from 'lodash/get';
+
 var descendingComparator = function descendingComparator(_ref) {
   var a = _ref.a,
       b = _ref.b,
       order = _ref.order,
       orderBy = _ref.orderBy,
       lang = _ref.lang;
-  var aValue = a[orderBy];
-  var bValue = b[orderBy];
+  var aValue = get(a, orderBy, '');
+  var bValue = get(b, orderBy, '');
 
   if (typeof aValue === 'string') {
     var isDate = /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}/.test(aValue);

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

@@ -1,2 +1,3 @@
-export default VirtuosoTableWrapper;
-declare function VirtuosoTableWrapper(props: any): JSX.Element;
+export default VirtualizedTable;
+declare const VirtualizedTable: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

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", "defaultOrder", "secondarySort", "selectedItems", "onSelect", "onSelectAll", "isSelectedItem", "componentsProps", "dragProps", "context", "components"];
+var _excluded = ["rows", "columns", "defaultOrder", "secondarySort", "selectedItems", "onSelect", "onSelectAll", "isSelectedItem", "componentsProps", "context", "components"];
 
 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; }
 
@@ -10,7 +10,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React, { useState, forwardRef } from 'react';
 import { TableVirtuoso } from 'react-virtuoso';
-import CustomDragLayer from "cozy-ui/transpiled/react/Table/Virtualized/Dnd/CustomDrag/CustomDragLayer";
 import FixedHeaderContent from "cozy-ui/transpiled/react/Table/Virtualized/FixedHeaderContent";
 import RowContent from "cozy-ui/transpiled/react/Table/Virtualized/RowContent";
 import { stableSort, getComparator } from "cozy-ui/transpiled/react/Table/Virtualized/helpers";
@@ -25,7 +24,6 @@ var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
       onSelectAll = _ref.onSelectAll,
       isSelectedItem = _ref.isSelectedItem,
       componentsProps = _ref.componentsProps,
-      dragProps = _ref.dragProps,
       context = _ref.context,
       components = _ref.components,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -40,15 +38,14 @@ var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
       orderBy = _useState4[0],
       setOrderBy = _useState4[1];
 
-  var _useState5 = useState([]),
-      _useState6 = _slicedToArray(_useState5, 2),
-      itemsInDropProcess = _useState6[0],
-      setItemsInDropProcess = _useState6[1]; // array of Ids, for dragndrop feature
-
-
   var sortedData = stableSort(rows, getComparator(order, orderBy));
   var data = secondarySort ? secondarySort(sortedData) : sortedData;
 
+  var _context = _objectSpread(_objectSpread({}, context), {}, {
+    isSelectedItem: isSelectedItem,
+    selectedItems: selectedItems
+  });
+
   var handleSort = function handleSort(property) {
     var isAsc = orderBy === property && order === 'asc';
     setOrder(isAsc ? 'desc' : 'asc');
@@ -69,35 +66,30 @@ var VirtualizedTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(TableVirtuoso, _extends({}, props, {
     ref: ref,
     data: data,
-    context: _objectSpread(_objectSpread({}, context), {}, {
-      isSelectedItem: isSelectedItem,
-      selectedItems: selectedItems,
-      dragProps: dragProps,
-      itemsInDropProcess: itemsInDropProcess,
-      setItemsInDropProcess: setItemsInDropProcess
-    }),
+    context: _context,
     components: components || virtuosoComponents,
     fixedHeaderContent: function fixedHeaderContent() {
-      return /*#__PURE__*/React.createElement(FixedHeaderContent, _extends({}, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.FixedHeaderContent, {
+      return /*#__PURE__*/React.createElement(FixedHeaderContent, _extends({}, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.fixedHeaderContent, {
         columns: columns,
         rowCount: rows.length,
-        selectedCount: selectedItems.length,
+        context: _context,
         order: order,
         orderBy: orderBy,
         onClick: handleSort,
         onSelectAllClick: handleSelectAll
       }));
     },
-    itemContent: function itemContent(_index, row) {
-      var _componentsProps$rowC;
+    itemContent: function itemContent(_index, row, context) {
+      var _componentsProps$rowC, _componentsProps$rowC2;
 
-      return /*#__PURE__*/React.createElement(RowContent, _extends({}, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.RowContent, {
+      return /*#__PURE__*/React.createElement(RowContent, _extends({}, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.rowContent, {
         index: _index,
         row: row,
         columns: columns,
-        isSelectedItem: isSelectedItem,
-        onSelectClick: onSelect
-      }), componentsProps === null || componentsProps === void 0 ? void 0 : (_componentsProps$rowC = componentsProps.rowContent) === null || _componentsProps$rowC === void 0 ? void 0 : _componentsProps$rowC.children);
+        context: context,
+        onSelectClick: onSelect,
+        onClick: componentsProps === null || componentsProps === void 0 ? void 0 : (_componentsProps$rowC = componentsProps.rowContent) === null || _componentsProps$rowC === void 0 ? void 0 : _componentsProps$rowC.onClick
+      }), componentsProps === null || componentsProps === void 0 ? void 0 : (_componentsProps$rowC2 = componentsProps.rowContent) === null || _componentsProps$rowC2 === void 0 ? void 0 : _componentsProps$rowC2.children);
     },
     rowSpan: 2
   }));
@@ -109,17 +101,4 @@ VirtualizedTable.defaultProps = {
   onSelect: function onSelect() {},
   onSelectAll: function onSelectAll() {}
 };
-
-var VirtuosoTableWrapper = function VirtuosoTableWrapper(props) {
-  var _props$dragProps;
-
-  if (!((_props$dragProps = props.dragProps) !== null && _props$dragProps !== void 0 && _props$dragProps.enabled)) {
-    return /*#__PURE__*/React.createElement(VirtualizedTable, props);
-  } else {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CustomDragLayer, {
-      dragId: props.dragProps.dragId
-    }), /*#__PURE__*/React.createElement(VirtualizedTable, props));
-  }
-};
-
-export default VirtuosoTableWrapper;
+export default VirtualizedTable;

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

@@ -1,100 +1,72 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["context"],
-    _excluded2 = ["item", "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; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    _excluded2 = ["context"],
+    _excluded3 = ["context", "className"],
+    _excluded4 = ["context"],
+    _excluded5 = ["context"];
 
+/* eslint-disable no-unused-vars */
+import cx from 'classnames';
 import React, { forwardRef } from 'react';
-import DnDConfigWrapper from "cozy-ui/transpiled/react/Table/Virtualized/Dnd/DnDConfigWrapper";
-import TableRowDnD from "cozy-ui/transpiled/react/Table/Virtualized/Dnd/TableRow";
+import TableRow from "cozy-ui/transpiled/react/Table/Virtualized/TableRow";
 import Table from "cozy-ui/transpiled/react/Table";
-import Paper from "cozy-ui/transpiled/react/Paper";
 import TableBody from "cozy-ui/transpiled/react/TableBody";
 import TableContainer from "cozy-ui/transpiled/react/TableContainer";
 import TableFooter from "cozy-ui/transpiled/react/TableFooter";
 import TableHead from "cozy-ui/transpiled/react/TableHead";
-import TableRow from "cozy-ui/transpiled/react/TableRow";
-
-var _TableContainer = /*#__PURE__*/forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(TableContainer, _extends({}, props, {
-    ref: ref,
-    component: Paper,
-    style: _objectSpread({
-      zIndex: 'var(--zIndex-app)'
-    }, props.style),
-    elevation: 0
-  }));
-});
+/**
+ Be aware that context is spread to every components but should not be spread to Table components
+ so we desctrure it from props, but don't spread to child to avoid its presence in DOM
+*/
 
-_TableContainer.displayName = '_TableContainer';
 var virtuosoComponents = {
   Scroller: /*#__PURE__*/forwardRef(function (_ref, ref) {
-    var _context$dragProps;
-
     var context = _ref.context,
         props = _objectWithoutProperties(_ref, _excluded);
 
-    if (!((_context$dragProps = context.dragProps) !== null && _context$dragProps !== void 0 && _context$dragProps.enabled)) {
-      return /*#__PURE__*/React.createElement(_TableContainer, _extends({}, props, {
-        ref: ref
-      }));
-    } else {
-      return /*#__PURE__*/React.createElement(DnDConfigWrapper, {
-        ref: ref
-      }, /*#__PURE__*/React.createElement(_TableContainer, _extends({}, props, {
-        ref: ref
-      })));
-    }
+    return /*#__PURE__*/React.createElement(TableContainer, _extends({}, props, {
+      ref: ref
+    }));
   }),
-  Table: /*#__PURE__*/forwardRef(function (props, ref) {
+  Table: /*#__PURE__*/forwardRef(function (_ref2, ref) {
+    var context = _ref2.context,
+        props = _objectWithoutProperties(_ref2, _excluded2);
+
     return /*#__PURE__*/React.createElement(Table, _extends({}, props, {
       ref: ref
     }));
   }),
-  TableHead: /*#__PURE__*/forwardRef(function (props, ref) {
+  TableHead: /*#__PURE__*/forwardRef(function (_ref3, ref) {
+    var context = _ref3.context,
+        className = _ref3.className,
+        props = _objectWithoutProperties(_ref3, _excluded3);
+
     return /*#__PURE__*/React.createElement(TableHead, _extends({}, props, {
+      className: cx(className, 'virtualized'),
       ref: ref
     }));
   }),
-  TableBody: /*#__PURE__*/forwardRef(function (props, ref) {
+  TableBody: /*#__PURE__*/forwardRef(function (_ref4, ref) {
+    var context = _ref4.context,
+        props = _objectWithoutProperties(_ref4, _excluded4);
+
     return /*#__PURE__*/React.createElement(TableBody, _extends({}, props, {
       ref: ref
     }));
   }),
-  TableFooter: /*#__PURE__*/forwardRef(function (props, ref) {
+  TableFooter: /*#__PURE__*/forwardRef(function (_ref5, ref) {
+    var context = _ref5.context,
+        props = _objectWithoutProperties(_ref5, _excluded5);
+
     return /*#__PURE__*/React.createElement(TableFooter, _extends({}, props, {
       ref: ref
     }));
   }),
-  TableRow: /*#__PURE__*/forwardRef(function (_ref2, ref) {
-    var _context$dragProps2;
-
-    var item = _ref2.item,
-        context = _ref2.context,
-        props = _objectWithoutProperties(_ref2, _excluded2);
-
-    var isSelected = context === null || context === void 0 ? void 0 : context.isSelectedItem(item);
-    var isDisabled = context === null || context === void 0 ? void 0 : context.itemsInDropProcess.includes(item._id);
-
-    if (!((_context$dragProps2 = context.dragProps) !== null && _context$dragProps2 !== void 0 && _context$dragProps2.enabled)) {
-      return /*#__PURE__*/React.createElement(TableRow, _extends({}, props, {
-        ref: ref,
-        selected: isSelected,
-        hover: true
-      }));
-    } else {
-      return /*#__PURE__*/React.createElement(TableRowDnD, _extends({}, props, {
-        item: item,
-        context: context,
-        selected: isSelected,
-        disabled: isDisabled,
-        hover: true
-      }));
-    }
+  TableRow: /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(TableRow, _extends({}, props, {
+      ref: ref
+    }));
   })
 };
 export default virtuosoComponents;

package/transpiled/react/TableContainer/index.d.ts

@@ -1,2 +1,3 @@
 export default TableContainer;
-import TableContainer from "@material-ui/core/TableContainer";
+declare const TableContainer: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/transpiled/react/TableContainer/index.js

@@ -1,2 +1,21 @@
-import TableContainer from '@material-ui/core/TableContainer';
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import MuiTableContainer from '@material-ui/core/TableContainer';
+import React, { forwardRef } from 'react';
+import Paper from "cozy-ui/transpiled/react/Paper";
+var TableContainer = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(MuiTableContainer, _extends({}, props, {
+    ref: ref,
+    component: Paper,
+    style: _objectSpread({
+      zIndex: 'var(--zIndex-app)'
+    }, props.style),
+    elevation: 0
+  }));
+});
 export default TableContainer;

package/transpiled/react/utils/index.d.ts

@@ -0,0 +1 @@
+export * from "@material-ui/core/utils";

package/transpiled/react/utils/index.js

@@ -0,0 +1 @@
+export * from '@material-ui/core/utils';