@decisiv/ui-components 2.0.1-alpha.8 → 2.0.1-alpha.97

package/lib/components/Table/index.test.js

@@ -10,6 +10,18 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+
+function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { keys.push.apply(keys, Object.getOwnPropertySymbols(object)); } if (enumerableOnly) keys = keys.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -19,8 +31,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /* eslint-disable react/prop-types */
 var columns = [{
   DataCell: function DataCell(_ref) {
-    var rowData = _ref.rowData;
-    return _react.default.createElement("span", null, rowData.componentName);
+    var rowData = _ref.rowData,
+        draggableProps = _ref.draggableProps;
+    return _react.default.createElement("span", draggableProps || {}, rowData.componentName);
   },
   name: 'componentName',
   sortBy: jest.fn(),
@@ -76,6 +89,68 @@ var data = [{
   releaseVersion: '-',
   status: 'In Progress'
 }];
+var groupColumns = [{
+  DataCell: function DataCell(_ref4) {
+    var rowData = _ref4.rowData,
+        draggableProps = _ref4.draggableProps;
+    return _react.default.createElement("span", draggableProps || {}, rowData.name);
+  },
+  name: 'name',
+  title: 'Name'
+}, {
+  DataCell: function DataCell(_ref5) {
+    var rowData = _ref5.rowData;
+    return _react.default.createElement("span", null, rowData.daysToHarvest);
+  },
+  name: 'daysToHarvest',
+  title: 'Days to Harvest'
+}];
+var groupData = [{
+  type: 'PlantFamily',
+  id: 'allium',
+  name: 'allium',
+  vegetables: [{
+    type: 'Vegetable',
+    id: 'onion',
+    daysToHarvest: '100-120',
+    name: 'onion'
+  }, {
+    type: 'Vegetable',
+    id: 'garlic',
+    daysToHarvest: '90',
+    name: 'garlic'
+  }]
+}, {
+  type: 'PlantFamily',
+  id: 'crucifer',
+  name: 'crucifer',
+  vegetables: [{
+    type: 'Vegetable',
+    id: 'broccoli',
+    daysToHarvest: '60',
+    name: 'broccoli'
+  }, {
+    type: 'Vegetable',
+    id: 'kale',
+    daysToHarvest: '55',
+    name: 'kale'
+  }]
+}, {
+  type: 'PlantFamily',
+  id: 'nightshade',
+  name: 'nightshade',
+  vegetables: [{
+    type: 'Vegetable',
+    id: 'potato',
+    daysToHarvest: '120',
+    name: 'potato'
+  }, {
+    type: 'Vegetable',
+    id: 'tomato',
+    daysToHarvest: '60',
+    name: 'tomato'
+  }]
+}];
 describe('Table', function () {
   it('renders as expected', function () {
     var _render = (0, _react2.render)(_react.default.createElement(_.default, {
@@ -199,68 +274,6 @@ describe('Table', function () {
   });
   describe('with grouped data', function () {
     it('renders as expected', function () {
-      var groupColumns = [{
-        DataCell: function DataCell(_ref4) {
-          var rowData = _ref4.rowData;
-          return _react.default.createElement("span", null, rowData.name);
-        },
-        name: 'name',
-        title: 'Name'
-      }, {
-        DataCell: function DataCell(_ref5) {
-          var rowData = _ref5.rowData;
-          return _react.default.createElement("span", null, rowData.daysToHarvest);
-        },
-        name: 'daysToHarvest',
-        title: 'Days to Harvest'
-      }];
-      var groupData = [{
-        type: 'PlantFamily',
-        id: 'allium',
-        name: 'allium',
-        vegetables: [{
-          type: 'Vegetable',
-          id: 'onion',
-          daysToHarvest: '100-120',
-          name: 'onion'
-        }, {
-          type: 'Vegetable',
-          id: 'garlic',
-          daysToHarvest: '90',
-          name: 'garlic'
-        }]
-      }, {
-        type: 'PlantFamily',
-        id: 'crucifer',
-        name: 'crucifer',
-        vegetables: [{
-          type: 'Vegetable',
-          id: 'broccoli',
-          daysToHarvest: '60',
-          name: 'broccoli'
-        }, {
-          type: 'Vegetable',
-          id: 'kale',
-          daysToHarvest: '55',
-          name: 'kale'
-        }]
-      }, {
-        type: 'PlantFamily',
-        id: 'nightshade',
-        name: 'nightshade',
-        vegetables: [{
-          type: 'Vegetable',
-          id: 'potato',
-          daysToHarvest: '120',
-          name: 'potato'
-        }, {
-          type: 'Vegetable',
-          id: 'tomato',
-          daysToHarvest: '60',
-          name: 'tomato'
-        }]
-      }];
-
       var _render8 = (0, _react2.render)(_react.default.createElement(_.default, {
         columns: groupColumns,
         data: groupData,
@@ -276,28 +289,261 @@ describe('Table', function () {
     });
   });
   describe('fixed columns', function () {
-    var columnsFixed = [].concat(columns);
-    var firstColumn = columnsFixed[0];
-    columnsFixed[0] = _objectSpread({}, firstColumn, {
-      fixed: 'left'
+    it('renders columns with sticky styles', function () {
+      var columnsFixed = [].concat(columns);
+      var firstColumn = columnsFixed[0];
+      columnsFixed[0] = _objectSpread({}, firstColumn, {
+        fixed: true
+      });
+      var lastIndex = columnsFixed.length - 1;
+      var lastColumn = columnsFixed[lastIndex];
+      columnsFixed[lastIndex] = _objectSpread({}, lastColumn, {
+        fixed: true
+      });
+
+      var _render9 = (0, _react2.render)(_react.default.createElement(_.default, {
+        columns: columnsFixed,
+        data: data
+      })),
+          getByText = _render9.getByText,
+          container = _render9.container;
+
+      expect(getByText(firstColumn.title).closest('th')).toHaveStyle("\n        position: sticky;\n        left: 0px;\n      ");
+      expect(getByText(lastColumn.title).closest('th')).toHaveStyle("\n        position: sticky;\n        right: 0px;\n      ");
+      var firstRow = container.querySelector('tbody tr:first-child');
+      expect((0, _react2.getByText)(firstRow, data[0][firstColumn.name]).closest('td')).toHaveStyle("\n        position: sticky;\n        left: 0px;\n      ");
+      expect((0, _react2.getByText)(firstRow, data[0][lastColumn.name]).closest('td')).toHaveStyle("\n          position: sticky;\n          right: 0px;\n        ");
     });
-    var lastIndex = columnsFixed.length - 1;
-    var lastColumn = columnsFixed[lastIndex];
-    columnsFixed[lastIndex] = _objectSpread({}, lastColumn, {
-      fixed: 'right'
+    it('ignores columns in the middle', function () {
+      var columnsFixed = [].concat(columns);
+      var middleIndex = Math.trunc(columns.length / 2);
+      var middleColumn = columnsFixed[middleIndex];
+      columnsFixed[middleIndex] = _objectSpread({}, middleColumn, {
+        fixed: true
+      });
+
+      var _render10 = (0, _react2.render)(_react.default.createElement(_.default, {
+        columns: columnsFixed,
+        data: data,
+        scroll: "x"
+      })),
+          container = _render10.container;
+
+      var firstRow = container.querySelector('tbody tr:first-child');
+      expect((0, _react2.getByText)(firstRow, data[0][middleColumn.name]).closest('td')).not.toHaveStyle("\n        position: sticky;\n      ");
     });
+  });
+  describe('Drag-and-Drop sorting', function () {
+    var dragItem = /*#__PURE__*/function () {
+      var _ref7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(handle, times, direction, getByText) {
+        var directions, i;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                directions = {
+                  down: 40,
+                  up: 38
+                }; // use keyboard accessibility feat to drag items
 
-    var _render9 = (0, _react2.render)(_react.default.createElement(_.default, {
-      columns: columnsFixed,
-      data: data
-    })),
-        getByText = _render9.getByText,
-        container = _render9.container;
-
-    expect(getByText(firstColumn.title).closest('th')).toHaveStyle("\n      position: sticky;\n      left: 0px;\n    ");
-    expect(getByText(lastColumn.title).closest('th')).toHaveStyle("\n      position: sticky;\n      right: 0px;\n    ");
-    var firstRow = container.querySelector('tbody tr:first-child');
-    expect((0, _react2.getByText)(firstRow, data[0][firstColumn.name]).closest('td')).toHaveStyle("\n      position: sticky;\n      left: 0px;\n    ");
-    expect((0, _react2.getByText)(firstRow, data[0][lastColumn.name]).closest('td')).toHaveStyle("\n        position: sticky;\n        right: 0px;\n      ");
+                handle.focus();
+
+                _react2.fireEvent.keyDown(handle, {
+                  keyCode: 32
+                });
+
+                _context.next = 5;
+                return (0, _react2.waitForElement)(function () {
+                  return getByText(/You have lifted an item/i);
+                });
+
+              case 5:
+                i = 0;
+
+              case 6:
+                if (!(i < times)) {
+                  _context.next = 13;
+                  break;
+                }
+
+                _react2.fireEvent.keyDown(handle, {
+                  keyCode: directions[direction]
+                }); // eslint-disable-next-line no-await-in-loop
+
+
+                _context.next = 10;
+                return (0, _react2.waitForElement)(function () {
+                  return getByText(/You have moved the item/i);
+                });
+
+              case 10:
+                i += 1;
+                _context.next = 6;
+                break;
+
+              case 13:
+                _react2.fireEvent.keyDown(handle, {
+                  keyCode: 32
+                });
+
+                _context.next = 16;
+                return (0, _react2.waitForElement)(function () {
+                  return getByText(/You have dropped the item/i);
+                });
+
+              case 16:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function dragItem(_x, _x2, _x3, _x4) {
+        return _ref7.apply(this, arguments);
+      };
+    }();
+
+    it('calls onDragEnd prop when sorting with DnD', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      var onDragEnd, _render11, getByText;
+
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              onDragEnd = jest.fn();
+              _render11 = (0, _react2.render)(_react.default.createElement(_.default, {
+                columns: columns,
+                data: data,
+                onDragEnd: onDragEnd
+              })), getByText = _render11.getByText;
+              _context2.next = 4;
+              return dragItem(getByText('Avatar'), 2, 'down', getByText);
+
+            case 4:
+              expect(onDragEnd).toHaveBeenCalledWith(0, 2);
+
+            case 5:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    })));
+    describe('grouped data', function () {
+      // the beginning of the table is outside any group
+      it('does not call onDragEnd prop when moving item to the beginning', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+        var onDragEnd, _render12, getByText;
+
+        return regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                onDragEnd = jest.fn();
+                _render12 = (0, _react2.render)(_react.default.createElement(_.default, {
+                  columns: groupColumns,
+                  data: groupData,
+                  onDragEnd: onDragEnd,
+                  rowDataPath: "vegetables",
+                  GroupHeader: function GroupHeader(_ref10) {
+                    var name = _ref10.groupData.name;
+                    return _react.default.createElement("span", null, name);
+                  }
+                })), getByText = _render12.getByText;
+                _context3.next = 4;
+                return dragItem(getByText('garlic'), 2, 'up', getByText);
+
+              case 4:
+                expect(onDragEnd).not.toHaveBeenCalled();
+
+              case 5:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3);
+      })));
+      it('calls onDragEnd prop when moving item to a group before', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+        var onDragEnd, _render13, getByText;
+
+        return regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                onDragEnd = jest.fn();
+                _render13 = (0, _react2.render)(_react.default.createElement(_.default, {
+                  columns: groupColumns,
+                  data: groupData,
+                  onDragEnd: onDragEnd,
+                  rowDataPath: "vegetables",
+                  GroupHeader: function GroupHeader(_ref12) {
+                    var name = _ref12.groupData.name;
+                    return _react.default.createElement("span", null, name);
+                  }
+                })), getByText = _render13.getByText;
+                _context4.next = 4;
+                return dragItem(getByText('kale'), 2, 'up', getByText);
+
+              case 4:
+                expect(onDragEnd).toHaveBeenCalledWith([1, 1], [0, 2]);
+
+              case 5:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4);
+      })));
+      it('calls onDragEnd prop when moving item to a group after', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
+        var onDragEnd, _render14, getByText;
+
+        return regeneratorRuntime.wrap(function _callee5$(_context5) {
+          while (1) {
+            switch (_context5.prev = _context5.next) {
+              case 0:
+                onDragEnd = jest.fn();
+                _render14 = (0, _react2.render)(_react.default.createElement(_.default, {
+                  columns: groupColumns,
+                  data: groupData,
+                  onDragEnd: onDragEnd,
+                  rowDataPath: "vegetables",
+                  GroupHeader: function GroupHeader(_ref14) {
+                    var name = _ref14.groupData.name;
+                    return _react.default.createElement("span", null, name);
+                  }
+                })), getByText = _render14.getByText;
+                _context5.next = 4;
+                return dragItem(getByText('onion'), 2, 'down', getByText);
+
+              case 4:
+                expect(onDragEnd).toHaveBeenCalledWith([0, 0], [1, 0]);
+
+              case 5:
+              case "end":
+                return _context5.stop();
+            }
+          }
+        }, _callee5);
+      })));
+    });
+  });
+  describe('rendering custom header', function () {
+    it('renders a custom header', function () {
+      var firstColumn = columns[0],
+          rest = columns.slice(1);
+      var headerTitle = 'Custom header';
+
+      var _render15 = (0, _react2.render)(_react.default.createElement(_.default, {
+        columns: [_objectSpread({
+          HeaderCell: function HeaderCell() {
+            return _react.default.createElement("span", null, headerTitle);
+          }
+        }, firstColumn)].concat(_toConsumableArray(rest)),
+        data: data
+      })),
+          getByText = _render15.getByText;
+
+      expect(getByText(headerTitle)).toBeTruthy();
+    });
   });
 });

package/lib/components/Table/schema.columns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.columns.d.ts","sourceRoot":"","sources":["../../../src/components/Table/schema.columns.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAAqC,CAAC;AA4BlD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"schema.columns.d.ts","sourceRoot":"","sources":["../../../src/components/Table/schema.columns.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAAqC,CAAC;AAoClD,eAAe,MAAM,CAAC"}

package/lib/components/Table/schema.columns.js

@@ -12,13 +12,15 @@ var schema = (0, _reactDesc.describe)({
   displayName: 'Table'
 });
 schema.propTypes = {
-  DataCell: _reactDesc.PropTypes.any.description("A React Component used to render data inside one of the column's data cells.").format('React Component').isRequired,
-  getCellAttrs: _reactDesc.PropTypes.func.description('A function that returns additional attributes for the rendered `<td>`.'),
-  getCellKey: _reactDesc.PropTypes.func.description("A function that returns a unique, stable key for each cell based on the row's data and the column's name. Defaults to `rowData[columnName]`."),
+  HeaderCell: _reactDesc.PropTypes.any.description('A React Component used to render a custom column header cell. See below for more details.').format('React Component'),
+  DataCell: _reactDesc.PropTypes.any.description("A React Component used to render data inside one of the column's data cells. See below for more details.").format('React Component').isRequired,
+  getCellAttrs: _reactDesc.PropTypes.func.description("A function that returns additional attributes for the rendered `<td>`. Receives the row's data and the column's name as arguments. See below for function signature."),
+  getHeaderCellAttrs: _reactDesc.PropTypes.func.description('A function that returns additional attributes for the rendered `<th>` within the `<thead>`. Receives the column name as argument. See below for function signature.'),
+  getCellKey: _reactDesc.PropTypes.func.description("A function that returns a unique, stable key for each cell based on the row's data and the column's name. Receives the row's data and the column's name as arguments. Defaults to `columnName`. See below for function signature."),
   name: _reactDesc.PropTypes.string.description('The name of this column. Must be unique to the table.').isRequired,
   sortBy: _reactDesc.PropTypes.func.description("If included (with a title), makes a column sortable. Will be called with the new sorting type when a user clicks on the column's header. Should cause the data provided to the table to update based on the new sorting type."),
   title: _reactDesc.PropTypes.string.description("The text displayed in a column's header."),
-  fixed: _reactDesc.PropTypes.oneOf(['right', 'left']).description('If included, the column will be kept visible when scrolling, sticking to the side defined. Horizontal scroll in table is required')
+  fixed: _reactDesc.PropTypes.bool.description('If true the column will be kept visible when scrolling horizontally, it will stick to the left when the column is at the beginning of the array and to the right when at the end. Fixed columns can be grouped at the beginning or at the end of the array, if set to a column in the middle it will be ignored. Horizontal scroll in table is required.')
 };
 var _default = schema;
 exports.default = _default;

package/lib/components/Table/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Table/schema.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,MAAM,KAAqC,CAAC;AA0DlD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Table/schema.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,MAAM,KAAqC,CAAC;AAkElD,eAAe,MAAM,CAAC"}

package/lib/components/Table/schema.js

@@ -23,7 +23,7 @@ var schema = (0, _reactDesc.describe)({
   displayName: 'Table'
 });
 schema.propTypes = {
-  GroupHeader: _reactDesc.PropTypes.any.description('A React Component used to render a header within the table for grouped data. Required if `rowDataPath` is provided.').format('React Component'),
+  GroupHeader: _reactDesc.PropTypes.any.description('A React Component used to render a header within the table for grouped data. Required if `rowDataPath` is provided. Receives `groupData` as prop.').format('React Component'),
   columns: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.object).description('An array of column configuration objects (described in more detail below). Columns will be displayed in the order of the array.').isRequired,
   data: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.object).description('An array of row data objects. Row data can contain basically anything. Rows will be displayed in the order of the array.').isRequired,
   defaultSort: _reactDesc.PropTypes.shape({
@@ -31,15 +31,17 @@ schema.propTypes = {
     sortingType: _reactDesc.PropTypes.oneOf([_useSortableHeaders.ASCENDING, _useSortableHeaders.DESCENDING, _useSortableHeaders.UNSORTED]).description('The initial sort type.')
   }).description("Indicates that the provided data is initially sorted on the given column, in the specified direction. The column's onSort handler will NOT be called; it is assumed that the data has been sorted prior to the initial render."),
   footer: _reactDesc.PropTypes.any.description("A React Component used to render a footer area beneath the table rows. This component is not included in the 'height' if set.").format('React Component'),
-  getGroupHeaderAttrs: _reactDesc.PropTypes.func.description('A function that returns additional attributes for the `<th>` rendered as a row group header.'),
-  getRowAttrs: _reactDesc.PropTypes.func.description('A function that returns additional attributes for the rendered `<tr>` within the `<tbody>`.'),
-  getRowKey: _reactDesc.PropTypes.func.description("A function that returns a unique, stable key for each row based on that row's data. Defaults to `rowData['key']` or `rowData['id']`."),
+  getGroupHeaderAttrs: _reactDesc.PropTypes.func.description("A function that returns additional attributes for the `<th>` rendered as a row group header. Receives the row's data as argument. See below for function signature."),
+  getRowAttrs: _reactDesc.PropTypes.func.description("A function that returns additional attributes for the rendered `<tr>` within the `<tbody>`. Receives 2 arguments: the row's data and an options object. See below for function signature."),
+  getRowKey: _reactDesc.PropTypes.func.description("A function that returns a unique, stable key for each row based on that row's data. Receives 2 arguments: the row's data and an options object. Defaults to `rowData['key']` or `rowData['id']`. See below for function signature."),
   height: _reactDesc.PropTypes.string.description('A pass through CSS value for the height of the table.'),
   kind: _reactDesc.PropTypes.oneOf(['primary', 'secondary']).description('A flag controlling the kind of table displayed.').defaultValue('primary'),
   rowDataPath: _reactDesc.PropTypes.string.description('A valid path to an array of rowData objects within a groupData object. Required if `GroupHeader` is provided.'),
-  scroll: _reactDesc.PropTypes.oneOf(['x', 'y']).description('A responsive modifier used to control scrolling on the table. '),
+  scroll: _reactDesc.PropTypes.oneOf(['x', 'y']).description('A responsive modifier used to control scrolling on the table.'),
   size: _reactDesc.PropTypes.oneOf(['_'].concat(_toConsumableArray(Object.keys(_breakpointObserver.sizes)))).description('Defines the breakpoint to use (for use in reactive design).'),
-  variant: _reactDesc.PropTypes.oneOf(['comfortable', 'compact']).description('A flag controlling the variant of the table displayed.').defaultValue('comfortable')
+  variant: _reactDesc.PropTypes.oneOf(['comfortable', 'compact']).description('A flag controlling the variant of the table displayed.').defaultValue('comfortable'),
+  onDragEnd: _reactDesc.PropTypes.func.description("If present enables Drag-and-Drop sorting. A function called after the order of rows changes when a row is dragged and dropped, it is called with 2 arguments: the index from where it's dragged and the index to where it's dropped, if there are grouped rows each argument is an array where the first element is the group index and the second the row index inside the group. See below for function signature."),
+  dragVariant: _reactDesc.PropTypes.oneOf(['handle', 'row']).description('When Drag-and-Drop sorting is enabled, defines if the rows should be dragged only from the default handle or from anywhere in the row. This flag is ignored when a `DragHandle` node is rendered in a `DataCell`.').defaultValue('row')
 };
 var _default = schema;
 exports.default = _default;

package/lib/components/Table/types.d.ts

@@ -2,19 +2,30 @@
 import { sizes } from '@decisiv/breakpoint-observer';
 import { HeightProperty } from 'csstype';
 import { ModifiersProp } from 'styled-components-modifiers';
+import { DroppableProvided, DroppableStateSnapshot, DraggableProvided, DraggableStateSnapshot, DropResult } from 'react-beautiful-dnd';
 import { KindModifiers, ScrollModifiersConfig, VariantModifiers } from './Container';
 import { SortableState, SortingTypes } from './hooks/useSortableHeaders';
+import { CustomHeaderCellProps } from './HeaderCell/types';
 export { KindModifiers, ScrollModifiers, VariantModifiers } from './Container';
 export interface Column<TData> {
+    HeaderCell?: (props: CustomHeaderCellProps) => JSX.Element;
     DataCell: (props: DataCellProps<TData>) => JSX.Element;
     getCellAttrs?: (rowData: TData, columnName: string) => object | undefined;
+    getHeaderCellAttrs?: (columnName: string) => object | undefined;
     getCellKey?: (rowData: TData, columnName: string) => string;
     name: string;
     sortBy?: (sortingType: SortingTypes) => void;
     title?: string;
-    fixed?: 'left' | 'right';
+    fixed?: boolean;
 }
+export declare type DragVariant = 'handle' | 'row';
 export declare type Columns<TData> = Column<TData>[];
+export interface FixedColumns {
+    [name: string]: {
+        offset: number;
+        alignment: string;
+    };
+}
 export interface HeadProps<TData> {
     columns: Columns<TData>;
     kind?: KindModifiers;
@@ -23,13 +34,14 @@ export interface HeadProps<TData> {
 export interface DataRowProps<TData> {
     className?: 'group-data-row';
     columns: Columns<TData>;
-    getRowAttrs?: (rowData: TData, isGroupHeaderRow?: boolean) => object | undefined;
+    getRowAttrs?: TableProps<TData>['getRowAttrs'];
     groupData?: TData;
     groupId?: string | undefined;
     kind?: KindModifiers;
     rowData: TData;
     rowIndex: number;
     variant?: VariantModifiers;
+    provided?: DraggableProvided;
 }
 interface DataCellProps<TData> extends Omit<Column<TData>, 'DataCell' | 'sortBy' | 'title'> {
     colIndex: number;
@@ -38,6 +50,7 @@ interface DataCellProps<TData> extends Omit<Column<TData>, 'DataCell' | 'sortBy'
     rowData: TData;
     rowIndex: number;
     variant?: VariantModifiers;
+    DragHandle?: React.ReactNode;
 }
 export interface RowData extends Object {
     key?: string;
@@ -66,11 +79,28 @@ export interface TableProps<TData extends RowData> extends HeadProps<TData>, Too
     data: TData[];
     defaultSort?: SortableState;
     getGroupHeaderAttrs?: (groupData: TData) => object | undefined;
-    getRowAttrs?: (rowData: TData, isGroupHeaderRow?: boolean) => object | undefined;
-    getRowKey?: (rowData: TData) => string;
+    getRowAttrs?: (rowData: TData, options: {
+        isGroupHeaderRow?: boolean;
+    }) => object | undefined;
+    getRowKey?: (rowData: TData, options: {
+        isGroupHeaderRow?: boolean;
+    }) => string;
     height?: HeightProperty<string>;
     rowDataPath?: string;
     scroll?: ModifiersProp<ScrollModifiersConfig, typeof sizes>;
     size?: keyof typeof sizes;
+    onDragEnd?: (from: number | number[], to: number | number[]) => void;
+    dragVariant?: DragVariant;
+}
+export interface DroppableWrapperProps {
+    children(provided?: DroppableProvided, snapshot?: DroppableStateSnapshot): React.ReactElement<HTMLElement>;
+    onDragEnd: (result: DropResult) => void;
+    onBeforeDragStart: () => void;
+}
+export interface DraggableWrapperProps {
+    isDragDisabled?: boolean;
+    dndIndex: number;
+    id: string;
+    children(provided?: DraggableProvided, snapshot?: DraggableStateSnapshot): React.ReactElement<HTMLElement>;
 }
 //# sourceMappingURL=types.d.ts.map

package/lib/components/Table/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/types.ts"],"names":[],"mappings":"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"}

package/lib/components/Table/utils.d.ts

@@ -1,14 +1,8 @@
-import { RowData, TableProps, WrapperProps, Columns } from './types';
+import { RowData, TableProps, WrapperProps, Columns, FixedColumns } from './types';
 export declare function defaultGetRowKey({ key, id }: RowData): string | undefined;
 export declare function isGroupData<TData>(dataObj: TData, { rowDataPath, GroupHeader }: TableProps<TData>): boolean;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, WrapperProps, never>;
-export interface ColumnsOffset {
-    [name: string]: number;
-}
 export declare function calculateOffsets<T>(columns: Columns<T>, columnsWidth: {
     [name: string]: number;
-}): {
-    leftColumnsOffset: ColumnsOffset;
-    rightColumnsOffset: ColumnsOffset;
-};
+}): FixedColumns;
 //# sourceMappingURL=utils.d.ts.map

package/lib/components/Table/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Table/utils.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,OAAO,EAAU,MAAM,SAAS,CAAC;AAE7E,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAEzE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAC/B,OAAO,EAAE,KAAK,EACd,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,UAAU,CAAC,KAAK,CAAC,GAC9C,OAAO,CAMT;AAaD,eAAO,MAAM,OAAO,8EAQnB,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAChC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EACnB,YAAY,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GACvC;IACD,iBAAiB,EAAE,aAAa,CAAC;IACjC,kBAAkB,EAAE,aAAa,CAAC;CACnC,CA6BA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Table/utils.ts"],"names":[],"mappings":"AAOA,OAAO,EACL,OAAO,EACP,UAAU,EACV,YAAY,EACZ,OAAO,EACP,YAAY,EACb,MAAM,SAAS,CAAC;AAEjB,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAEzE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAC/B,OAAO,EAAE,KAAK,EACd,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,UAAU,CAAC,KAAK,CAAC,GAC9C,OAAO,CAMT;AAaD,eAAO,MAAM,OAAO,8EAQnB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,CAAC,EAChC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EACnB,YAAY,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GACvC,YAAY,CA4Bd"}