cozy-ui 126.5.0 → 127.0.0

package/transpiled/react/MuiCozyTheme/overrides/makeLightNormalOverrides.js

@@ -484,7 +484,23 @@ export var makeLightNormalOverrides = function makeLightNormalOverrides(theme) {
     },
     MuiTableHead: {
       root: {
-        backgroundColor: theme.palette.background.paper
+        backgroundColor: theme.palette.background.paper,
+        '&.virtualized': {
+          '& .virtualizedCheckbox': {
+            opacity: 0,
+            '&.checked': {
+              opacity: 1
+            },
+            '&:hover': {
+              opacity: 1
+            }
+          },
+          '&:hover': {
+            '& .virtualizedCheckbox': {
+              opacity: 0.5
+            }
+          }
+        }
       }
     },
     MuiTableRow: {
@@ -493,6 +509,25 @@ export var makeLightNormalOverrides = function makeLightNormalOverrides(theme) {
           cursor: 'pointer',
           pointerEvents: 'none',
           opacity: 0.5
+        },
+        '&.virtualized': {
+          '& .virtualizedCheckbox': {
+            opacity: 0,
+            '&.visible': {
+              opacity: 0.5
+            },
+            '&.checked': {
+              opacity: 1
+            },
+            '&:hover': {
+              opacity: 1
+            }
+          },
+          '&:hover': {
+            '& .virtualizedCheckbox': {
+              opacity: 0.5
+            }
+          }
         }
       }
     },
@@ -506,22 +541,11 @@ export var makeLightNormalOverrides = function makeLightNormalOverrides(theme) {
       }),
       body: {
         color: theme.palette.text.secondary,
-        '&.sortable': {
-          '&$paddingNone': {
-            '&$alignLeft': {
-              paddingLeft: '12px'
-            },
-            '&$alignRight': {
-              paddingRight: '12px'
-            }
-          },
-          '&$alignLeft': {
-            paddingLeft: '16px'
-          },
-          '&$alignRight': {
-            paddingRight: '16px'
-          }
-        }
+        height: '2rem'
+      },
+      paddingCheckbox: {
+        width: 32,
+        padding: 0
       },
       stickyHeader: {
         backgroundColor: theme.palette.background.paper
@@ -529,13 +553,8 @@ export var makeLightNormalOverrides = function makeLightNormalOverrides(theme) {
     },
     MuiTableSortLabel: {
       root: {
-        padding: '8px 12px',
-        color: theme.palette.text.secondary,
-        '&:hover': {
-          color: theme.palette.text.primary,
-          borderRadius: 999,
-          backgroundColor: theme.palette.action.hover
-        }
+        padding: '8px 0',
+        color: theme.palette.text.secondary
       },
       icon: {
         fontSize: 14
@@ -788,6 +807,9 @@ export var makeLightNormalOverrides = function makeLightNormalOverrides(theme) {
             opacity: 0.5
           }
         },
+        '&.displayInline': {
+          display: 'inline-flex'
+        },
         '&.border': {
           border: "2px solid ".concat(theme.palette.background.paper)
         },
@@ -802,7 +824,10 @@ export var makeLightNormalOverrides = function makeLightNormalOverrides(theme) {
     },
     MuiCheckbox: {
       root: {
-        padding: 8
+        padding: 8,
+        '&.small': {
+          padding: 6
+        }
       },
       colorSecondary: {
         '&$checked': {

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

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

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

@@ -1,46 +1,53 @@
-import cx from 'classnames';
+import get from 'lodash/get';
 import React from 'react';
 import TableCell from "cozy-ui/transpiled/react/TableCell";
 import { makeStyles } from "cozy-ui/transpiled/react/styles";
 var useStyles = makeStyles({
   root: {
-    width: function width(_ref) {
-      var column = _ref.column;
-      return column.width;
+    cursor: function cursor(_ref) {
+      var isClickable = _ref.isClickable;
+      return isClickable ? 'pointer' : undefined;
     },
-    maxWidth: function maxWidth(_ref2) {
+    width: function width(_ref2) {
       var column = _ref2.column;
+      return column.width;
+    },
+    maxWidth: function maxWidth(_ref3) {
+      var column = _ref3.column;
       return column.maxWidth;
     }
   }
 });
 
-var Cell = function Cell(_ref3) {
+var Cell = function Cell(_ref4) {
   var _column$textAlign;
 
-  var row = _ref3.row,
-      columns = _ref3.columns,
-      column = _ref3.column,
-      children = _ref3.children;
+  var row = _ref4.row,
+      columns = _ref4.columns,
+      column = _ref4.column,
+      _onClick = _ref4.onClick,
+      children = _ref4.children;
   var classes = useStyles({
-    column: column
+    column: column,
+    isClickable: !!_onClick
   });
+  var cellContent = get(row, column.id, '—');
   return /*#__PURE__*/React.createElement(TableCell, {
     key: column.id,
     classes: classes,
-    className: cx({
-      sortable: column.sortable !== false
-    }),
     align: (_column$textAlign = column.textAlign) !== null && _column$textAlign !== void 0 ? _column$textAlign : 'left',
-    padding: column.disablePadding ? 'none' : 'normal'
+    padding: column.disablePadding ? 'none' : 'normal',
+    onClick: function onClick() {
+      return _onClick === null || _onClick === void 0 ? void 0 : _onClick(row, column);
+    }
   }, children ? React.Children.map(children, function (child) {
     return /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child, {
       row: row,
       columns: columns,
       column: column,
-      cell: row[column.id]
+      cell: cellContent
     }) : null;
-  }) : row[column.id]);
+  }) : cellContent);
 };
 
 export default /*#__PURE__*/React.memo(Cell);

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;