@atlaskit/dynamic-table - npm Package Compare versions

Comparing version 3.0.0 to 4.0.0

CHANGELOG.md

@@ -1,6 +0,28 @@
-<a name="3.0.0"></a>
-# 3.0.0 (2017-05-24)
+<a name="4.0.0"></a>
+# 4.0.0 (2017-07-03)
 
 
 
+<a name="4.0.0"></a>
+# 4.0.0 (2017-07-03)
+
+
+### Bug Fixes
+
+* **component:** updates dynamic-table to always display table header ([ee35148](https://bitbucket.org/atlassian/atlaskit/commits/ee35148))
+* **component:** updates dynamic-table to have headerless emptyView ([aa87745](https://bitbucket.org/atlassian/atlaskit/commits/aa87745))
+* **component:** updates tests to check against Component not string ([a91743b](https://bitbucket.org/atlassian/atlaskit/commits/a91743b))
+
+
+### Documentation
+
+* **stories:** updates description for dynamic-table stories ([bde2081](https://bitbucket.org/atlassian/atlaskit/commits/bde2081))
+
+
+### BREAKING CHANGES
+
+* **stories:** Table will now render the Header by default, even if no rows are displayed
+
+
+
 <a name="3.0.0"></a>
@@ -7,0 +29,0 @@ # 3.0.0 (2017-05-24)

dist/bundle-cjs.js

@@ -88,3 +88,3 @@ module.exports = /******/
     });
-    var _Stateful = __webpack_require__(26), _Stateful2 = _interopRequireDefault(_Stateful);
+    var _Stateful = __webpack_require__(29), _Stateful2 = _interopRequireDefault(_Stateful);
     exports.default = _Stateful2.default;
@@ -115,3 +115,3 @@ }, /* 2 */
     });
-    var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _pagination = __webpack_require__(9), _constants = __webpack_require__(10), _props2 = __webpack_require__(11), _props3 = _interopRequireDefault(_props2), _TableHead = __webpack_require__(15), _TableHead2 = _interopRequireDefault(_TableHead), _Body = __webpack_require__(22), _Body2 = _interopRequireDefault(_Body), _DynamicTable = __webpack_require__(25), DynamicTable = function(_Component) {
+    var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _pagination = __webpack_require__(10), _constants = __webpack_require__(11), _props2 = __webpack_require__(12), _props3 = _interopRequireDefault(_props2), _TableHead = __webpack_require__(16), _TableHead2 = _interopRequireDefault(_TableHead), _Body = __webpack_require__(23), _Body2 = _interopRequireDefault(_Body), _EmptyBody = __webpack_require__(26), _EmptyBody2 = _interopRequireDefault(_EmptyBody), _DynamicTable = __webpack_require__(28), DynamicTable = function(_Component) {
         function DynamicTable() {
@@ -150,6 +150,6 @@ var _ref, _temp, _this, _ret;
                     isFixedSize: isFixedSize
-                };
-                return rows && rows.length ? _react2.default.createElement("div", null, _react2.default.createElement(_DynamicTable.Table, {
+                }, rowsExist = rows && rows.length, emptyBody = emptyView && _react2.default.createElement(_EmptyBody2.default, null, emptyView);
+                return _react2.default.createElement("div", null, _react2.default.createElement(_DynamicTable.Table, {
                     isFixedSize: isFixedSize
-                }, !!caption && _react2.default.createElement(_DynamicTable.Caption, null, caption), _react2.default.createElement(_TableHead2.default, {
+                }, !!caption && _react2.default.createElement(_DynamicTable.Caption, null, caption), head && _react2.default.createElement(_TableHead2.default, {
                     head: head,
@@ -159,7 +159,7 @@ onSort: this.onSort,
                     sortOrder: sortOrder
-                }), _react2.default.createElement(_Body2.default, bodyProps)), totalPages ? _react2.default.createElement(_pagination.Pagination, {
+                }), rowsExist && _react2.default.createElement(_Body2.default, bodyProps)), totalPages ? _react2.default.createElement(_pagination.Pagination, {
                     current: page,
                     onSetPage: this.onSetPage,
                     total: totalPages
-                }) : null) : emptyView;
+                }) : null, !rowsExist && emptyBody);
             }
@@ -169,13 +169,13 @@ } ]), DynamicTable;
     DynamicTable.propTypes = {
-        caption: _react.PropTypes.node,
+        caption: _propTypes2.default.node,
         head: _props3.default.head,
         rows: _props3.default.rows,
-        emptyView: _react.PropTypes.node,
-        isFixedSize: _react.PropTypes.bool,
+        emptyView: _propTypes2.default.node,
+        isFixedSize: _propTypes2.default.bool,
         rowsPerPage: _props3.default.isInteger,
-        onSetPage: _react.PropTypes.func,
-        onSort: _react.PropTypes.func,
+        onSetPage: _propTypes2.default.func,
+        onSort: _propTypes2.default.func,
         page: _props3.default.isInteger,
         sortKey: _props3.default.sortKey,
-        sortOrder: _react.PropTypes.oneOf([ _constants.ASC, _constants.DESC ])
+        sortOrder: _propTypes2.default.oneOf([ _constants.ASC, _constants.DESC ])
     }, DynamicTable.defaultProps = {
@@ -217,10 +217,14 @@ caption: null,
 function(module, exports) {
-    module.exports = require("react");
+    module.exports = require("prop-types");
 }, /* 9 */
 /***/
 function(module, exports) {
-    module.exports = require("@atlaskit/pagination");
+    module.exports = require("react");
 }, /* 10 */
 /***/
 function(module, exports) {
+    module.exports = require("@atlaskit/pagination");
+}, /* 11 */
+/***/
+function(module, exports) {
     "use strict";
@@ -231,3 +235,3 @@ Object.defineProperty(exports, "__esModule", {
     exports.ASC = "ASC", exports.DESC = "DESC";
-}, /* 11 */
+}, /* 12 */
 /***/
@@ -251,3 +255,3 @@ function(module, exports, __webpack_require__) {
         for (var _len = arguments.length, rest = Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) rest[_key - 3] = arguments[_key];
-        var initialCheck = _react.PropTypes.arrayOf(rowCell).apply(void 0, [ props, propName, componentName ].concat(rest));
+        var initialCheck = _propTypes2.default.arrayOf(rowCell).apply(void 0, [ props, propName, componentName ].concat(rest));
         if (initialCheck instanceof Error) return initialCheck;
@@ -262,3 +266,3 @@ if (!props.head || !props.head.cells) return null;
         for (var _len2 = arguments.length, rest = Array(_len2 > 3 ? _len2 - 3 : 0), _key2 = 3; _key2 < _len2; _key2++) rest[_key2 - 3] = arguments[_key2];
-        var initialCheck = _react.PropTypes.bool.apply(_react.PropTypes, [ props, propName, componentName ].concat(rest));
+        var initialCheck = _propTypes2.default.bool.apply(_propTypes2.default, [ props, propName, componentName ].concat(rest));
         return initialCheck instanceof Error ? initialCheck : props[propName] && !props.key ? (0, 
@@ -277,18 +281,18 @@ _utilCommon.createError)(propName, componentName, "'" + propName + "' can't be set to true, if the 'key' prop is missing.") : null;
     });
-    var _extends2 = __webpack_require__(12), _extends3 = _interopRequireDefault(_extends2), _isInteger = __webpack_require__(13), _isInteger2 = _interopRequireDefault(_isInteger), _react = __webpack_require__(8), _utilCommon = __webpack_require__(14);
+    var _extends2 = __webpack_require__(13), _extends3 = _interopRequireDefault(_extends2), _isInteger = __webpack_require__(14), _isInteger2 = _interopRequireDefault(_isInteger), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _utilCommon = __webpack_require__(15);
     isInteger.isRequired = !1;
     var rowCellObject = {
-        key: _react.PropTypes.oneOfType([ _react.PropTypes.number, _react.PropTypes.string, _react.PropTypes.bool ]),
-        content: _react.PropTypes.node
-    }, rowCell = _react.PropTypes.shape(rowCellObject);
+        key: _propTypes2.default.oneOfType([ _propTypes2.default.number, _propTypes2.default.string, _propTypes2.default.bool ]),
+        content: _propTypes2.default.node
+    }, rowCell = _propTypes2.default.shape(rowCellObject);
     isSortable.isRequired = !1;
     var headCellObject = (0, _extends3.default)({}, rowCellObject, {
         isSortable: isSortable,
-        width: _react.PropTypes.number,
-        shouldTruncate: _react.PropTypes.bool
-    }), headCell = _react.PropTypes.shape(headCellObject), head = _react.PropTypes.shape({
-        cells: _react.PropTypes.arrayOf(headCell)
-    }), row = _react.PropTypes.shape({
+        width: _propTypes2.default.number,
+        shouldTruncate: _propTypes2.default.bool
+    }), headCell = _propTypes2.default.shape(headCellObject), head = _propTypes2.default.shape({
+        cells: _propTypes2.default.arrayOf(headCell)
+    }), row = _propTypes2.default.shape({
         cells: rowCells
-    }), rows = _react.PropTypes.arrayOf(row);
+    }), rows = _propTypes2.default.arrayOf(row);
     sortKey.isRequired = !1, // As the files we are going to use these in also have const declarations for the
@@ -303,15 +307,15 @@ // props, here we are exporting them as an object for ease of use.
     };
-}, /* 12 */
+}, /* 13 */
 /***/
 function(module, exports) {
     module.exports = require("babel-runtime/helpers/extends");
-}, /* 13 */
+}, /* 14 */
 /***/
 function(module, exports) {
     module.exports = require("babel-runtime/core-js/number/is-integer");
-}, /* 14 */
+}, /* 15 */
 /***/
 function(module, exports) {
     module.exports = require("@atlaskit/util-common");
-}, /* 15 */
+}, /* 16 */
 /***/
@@ -328,3 +332,3 @@ function(module, exports, __webpack_require__) {
     });
-    var _extends2 = __webpack_require__(12), _extends3 = _interopRequireDefault(_extends2), _objectWithoutProperties2 = __webpack_require__(16), _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _constants = __webpack_require__(10), _TableHead = __webpack_require__(17), _props = __webpack_require__(11), _props2 = _interopRequireDefault(_props), TableHead = function(_ref) {
+    var _extends2 = __webpack_require__(13), _extends3 = _interopRequireDefault(_extends2), _objectWithoutProperties2 = __webpack_require__(17), _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _constants = __webpack_require__(11), _TableHead = __webpack_require__(18), _props = __webpack_require__(12), _props2 = _interopRequireDefault(_props), TableHead = function(_ref) {
         var head = _ref.head, sortKey = _ref.sortKey, sortOrder = _ref.sortOrder, isFixedSize = _ref.isFixedSize, onSort = _ref.onSort;
@@ -346,13 +350,13 @@ if (!head) return null;
     TableHead.propTypes = {
-        onSort: _react.PropTypes.func,
+        onSort: _propTypes2.default.func,
         head: _props2.default.head,
         sortKey: _props2.default.sortKey,
-        sortOrder: _react.PropTypes.oneOf([ _constants.ASC, _constants.DESC ]),
-        isFixedSize: _react.PropTypes.bool
+        sortOrder: _propTypes2.default.oneOf([ _constants.ASC, _constants.DESC ]),
+        isFixedSize: _propTypes2.default.bool
     }, exports.default = TableHead;
-}, /* 16 */
+}, /* 17 */
 /***/
 function(module, exports) {
     module.exports = require("babel-runtime/helpers/objectWithoutProperties");
-}, /* 17 */
+}, /* 18 */
 /***/
@@ -369,5 +373,5 @@ function(module, exports, __webpack_require__) {
     }), exports.HeadCell = exports.Head = void 0;
-    var _taggedTemplateLiteral2 = __webpack_require__(18), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+    var _taggedTemplateLiteral2 = __webpack_require__(19), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
     _taggedTemplateLiteral3.default)([ "\n  border-bottom: 2px solid #DFE1E6;\n" ], [ "\n  border-bottom: 2px solid #DFE1E6;\n" ]), _templateObject2 = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  ", "\n  ", "\n  ", "\n  ", "\n  border: none;\n  color: ", ";\n  font-size: 12px;\n  font-weight: 600;\n  position: relative;\n  text-align: left;\n  vertical-align: top;\n" ], [ "\n  ", "\n  ", "\n  ", "\n  ", "\n  border: none;\n  color: ", ";\n  font-size: 12px;\n  font-weight: 600;\n  position: relative;\n  text-align: left;\n  vertical-align: top;\n" ]), _styledComponents = __webpack_require__(19), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(20), _constants = __webpack_require__(21);
+    _taggedTemplateLiteral3.default)([ "\n  ", "\n  ", "\n  ", "\n  ", "\n  border: none;\n  color: ", ";\n  font-size: 12px;\n  font-weight: 600;\n  position: relative;\n  text-align: left;\n  vertical-align: top;\n" ], [ "\n  ", "\n  ", "\n  ", "\n  ", "\n  border: none;\n  color: ", ";\n  font-size: 12px;\n  font-weight: 600;\n  position: relative;\n  text-align: left;\n  vertical-align: top;\n" ]), _styledComponents = __webpack_require__(20), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(21), _constants = __webpack_require__(22);
     exports.Head = _styledComponents2.default.thead(_templateObject), exports.HeadCell = _styledComponents2.default.th(_templateObject2, function(props) {
@@ -380,15 +384,15 @@ return (0, _constants.onClickStyle)(props);
     }, _constants.cellStyle, _utilSharedStyles.akColorN300);
-}, /* 18 */
+}, /* 19 */
 /***/
 function(module, exports) {
     module.exports = require("babel-runtime/helpers/taggedTemplateLiteral");
-}, /* 19 */
+}, /* 20 */
 /***/
 function(module, exports) {
     module.exports = require("styled-components");
-}, /* 20 */
+}, /* 21 */
 /***/
 function(module, exports) {
     module.exports = require("@atlaskit/util-shared-styles");
-}, /* 21 */
+}, /* 22 */
 /***/
@@ -405,3 +409,3 @@ function(module, exports, __webpack_require__) {
     }), exports.cellStyle = exports.arrowsStyle = exports.onClickStyle = exports.truncateStyle = exports.baselineUnit = exports.gridUnit = void 0;
-    var _taggedTemplateLiteral2 = __webpack_require__(18), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+    var _taggedTemplateLiteral2 = __webpack_require__(19), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
     _taggedTemplateLiteral3.default)([ "\n  ", "\n  ", ";\n  ", "\n" ], [ "\n  ", "\n  ", ";\n  ", "\n" ]), _templateObject2 = (0, 
@@ -414,3 +418,3 @@ _taggedTemplateLiteral3.default)([ "width: ", "%;" ], [ "width: ", "%;" ]), _templateObject3 = (0,
     _taggedTemplateLiteral3.default)([ "\n    & > span {\n      position: relative;\n        &:before {\n          ", ";\n            border-bottom: 3px solid ", ";\n            bottom: 8px;\n            content: ' ';\n          };\n        &:after {\n          ", ";\n          border-top: 3px solid ", ";\n          bottom: 0;\n          content: ' ';\n        };\n      }\n\n      &:hover > span {\n        &:before {\n          border-bottom: 3px solid ", ";\n        }\n        &:after {\n          border-top: 3px solid ", ";\n        }\n      }\n    " ], [ "\n    & > span {\n      position: relative;\n        &:before {\n          ", ";\n            border-bottom: 3px solid ", ";\n            bottom: 8px;\n            content: ' ';\n          };\n        &:after {\n          ", ";\n          border-top: 3px solid ", ";\n          bottom: 0;\n          content: ' ';\n        };\n      }\n\n      &:hover > span {\n        &:before {\n          border-bottom: 3px solid ", ";\n        }\n        &:after {\n          border-top: 3px solid ", ";\n        }\n      }\n    " ]), _templateObject8 = (0, 
-    _taggedTemplateLiteral3.default)([ "\n    border: none;\n    padding: ", "px ", "px;\n    text-align: left;\n    &:first-child {\n      padding-left: 0;\n    }\n    &:last-child {\n      padding-right: 0;\n    }\n" ], [ "\n    border: none;\n    padding: ", "px ", "px;\n    text-align: left;\n    &:first-child {\n      padding-left: 0;\n    }\n    &:last-child {\n      padding-right: 0;\n    }\n" ]), _styledComponents = __webpack_require__(19), _utilSharedStyles = __webpack_require__(20), _constants = __webpack_require__(10), gridUnit = exports.gridUnit = parseInt(_utilSharedStyles.akGridSize, 10), baselineUnit = exports.baselineUnit = gridUnit / 2;
+    _taggedTemplateLiteral3.default)([ "\n    border: none;\n    padding: ", "px ", "px;\n    text-align: left;\n    &:first-child {\n      padding-left: 0;\n    }\n    &:last-child {\n      padding-right: 0;\n    }\n" ], [ "\n    border: none;\n    padding: ", "px ", "px;\n    text-align: left;\n    &:first-child {\n      padding-left: 0;\n    }\n    &:last-child {\n      padding-right: 0;\n    }\n" ]), _styledComponents = __webpack_require__(20), _utilSharedStyles = __webpack_require__(21), _constants = __webpack_require__(11), gridUnit = exports.gridUnit = parseInt(_utilSharedStyles.akGridSize, 10), baselineUnit = exports.baselineUnit = gridUnit / 2;
     exports.truncateStyle = function(_ref) {
@@ -430,3 +434,3 @@ var width = _ref.width, isFixedSize = _ref.isFixedSize, shouldTruncate = _ref.shouldTruncate;
     }, exports.cellStyle = (0, _styledComponents.css)(_templateObject8, baselineUnit, gridUnit);
-}, /* 22 */
+}, /* 23 */
 /***/
@@ -443,3 +447,3 @@ function(module, exports, __webpack_require__) {
     });
-    var _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _constants = __webpack_require__(10), _TableRow = __webpack_require__(23), _TableRow2 = _interopRequireDefault(_TableRow), _props = __webpack_require__(11), _props2 = _interopRequireDefault(_props), getSortedRows = function(head, rows, sortKey, sortOrder) {
+    var _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _constants = __webpack_require__(11), _TableRow = __webpack_require__(24), _TableRow2 = _interopRequireDefault(_TableRow), _props = __webpack_require__(12), _props2 = _interopRequireDefault(_props), getSortedRows = function(head, rows, sortKey, sortOrder) {
         if (!sortKey || !head) return rows;
@@ -470,8 +474,8 @@ var getSortingCellValue = function(cells) {
         sortKey: _props2.default.sortKey,
-        sortOrder: _react.PropTypes.oneOf([ _constants.ASC, _constants.DESC ]),
+        sortOrder: _propTypes2.default.oneOf([ _constants.ASC, _constants.DESC ]),
         rowsPerPage: _props2.default.isInteger,
         page: _props2.default.isInteger,
-        isFixedSize: _react.PropTypes.bool
+        isFixedSize: _propTypes2.default.bool
     }, exports.default = Body;
-}, /* 23 */
+}, /* 24 */
 /***/
@@ -488,3 +492,3 @@ function(module, exports, __webpack_require__) {
     });
-    var _extends2 = __webpack_require__(12), _extends3 = _interopRequireDefault(_extends2), _objectWithoutProperties2 = __webpack_require__(16), _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _TableRow = __webpack_require__(24), _props = __webpack_require__(11), _props2 = _interopRequireDefault(_props), Row = function(_ref) {
+    var _extends2 = __webpack_require__(13), _extends3 = _interopRequireDefault(_extends2), _objectWithoutProperties2 = __webpack_require__(17), _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _TableRow = __webpack_require__(25), _props = __webpack_require__(12), _props2 = _interopRequireDefault(_props), Row = function(_ref) {
         var row = _ref.row, rowIndex = _ref.rowIndex, head = _ref.head, isFixedSize = _ref.isFixedSize, cells = row.cells, restRowProps = (0, 
@@ -508,7 +512,7 @@ _objectWithoutProperties3.default)(row, [ "cells" ]);
         row: _props2.default.row,
-        rowIndex: _react.PropTypes.number,
+        rowIndex: _propTypes2.default.number,
         head: _props2.default.head,
-        isFixedSize: _react.PropTypes.bool
+        isFixedSize: _propTypes2.default.bool
     }, exports.default = Row;
-}, /* 24 */
+}, /* 25 */
 /***/
@@ -525,5 +529,5 @@ function(module, exports, __webpack_require__) {
     }), exports.TableBodyCell = exports.TableBodyRow = void 0;
-    var _taggedTemplateLiteral2 = __webpack_require__(18), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+    var _taggedTemplateLiteral2 = __webpack_require__(19), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
     _taggedTemplateLiteral3.default)([ "\n  ", "\n  &:hover {\n    background: ", ";\n  }\n" ], [ "\n  ", "\n  &:hover {\n    background: ", ";\n  }\n" ]), _templateObject2 = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  ", "\n  ", "\n  ", "\n" ], [ "\n  ", "\n  ", "\n  ", "\n" ]), _styledComponents = __webpack_require__(19), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(20), _constants = __webpack_require__(21);
+    _taggedTemplateLiteral3.default)([ "\n  ", "\n  ", "\n  ", "\n" ], [ "\n  ", "\n  ", "\n  ", "\n" ]), _styledComponents = __webpack_require__(20), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(21), _constants = __webpack_require__(22);
     exports.TableBodyRow = _styledComponents2.default.tr(_templateObject, function(props) {
@@ -536,3 +540,3 @@ return (0, _constants.onClickStyle)(props);
     }, _constants.cellStyle);
-}, /* 25 */
+}, /* 26 */
 /***/
@@ -548,7 +552,41 @@ function(module, exports, __webpack_require__) {
         value: !0
+    });
+    var _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _EmptyBody = __webpack_require__(27), _EmptyBody2 = _interopRequireDefault(_EmptyBody), EmptyBody = function(_ref) {
+        var children = _ref.children;
+        return _react2.default.createElement(_EmptyBody2.default, null, children);
+    };
+    EmptyBody.propTypes = {
+        children: _propTypes2.default.node
+    }, exports.default = EmptyBody;
+}, /* 27 */
+/***/
+function(module, exports, __webpack_require__) {
+    "use strict";
+    function _interopRequireDefault(obj) {
+        return obj && obj.__esModule ? obj : {
+            default: obj
+        };
+    }
+    Object.defineProperty(exports, "__esModule", {
+        value: !0
+    });
+    var _taggedTemplateLiteral2 = __webpack_require__(19), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  margin: auto;\n  width: 50%;\n  text-align: center;\n  padding: 10px;\n" ], [ "\n  margin: auto;\n  width: 50%;\n  text-align: center;\n  padding: 10px;\n" ]), _styledComponents = __webpack_require__(20), _styledComponents2 = _interopRequireDefault(_styledComponents);
+    exports.default = _styledComponents2.default.div(_templateObject);
+}, /* 28 */
+/***/
+function(module, exports, __webpack_require__) {
+    "use strict";
+    function _interopRequireDefault(obj) {
+        return obj && obj.__esModule ? obj : {
+            default: obj
+        };
+    }
+    Object.defineProperty(exports, "__esModule", {
+        value: !0
     }), exports.Caption = exports.Table = void 0;
-    var _taggedTemplateLiteral2 = __webpack_require__(18), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+    var _taggedTemplateLiteral2 = __webpack_require__(19), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
     _taggedTemplateLiteral3.default)([ "\n  ", ";\n  border-collapse: collapse;\n  width: 100%;\n" ], [ "\n  ", ";\n  border-collapse: collapse;\n  width: 100%;\n" ]), _templateObject2 = (0, 
     _taggedTemplateLiteral3.default)([ "table-layout: fixed;" ], [ "table-layout: fixed;" ]), _templateObject3 = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  font-size: 1.42857143em;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ", "px;\n  margin-top: ", "px;\n  text-align: left;\n" ], [ "\n  font-size: 1.42857143em;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ", "px;\n  margin-top: ", "px;\n  text-align: left;\n" ]), _styledComponents = __webpack_require__(19), _styledComponents2 = _interopRequireDefault(_styledComponents), _constants = __webpack_require__(21);
+    _taggedTemplateLiteral3.default)([ "\n  font-size: 1.42857143em;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ", "px;\n  margin-top: ", "px;\n  text-align: left;\n" ], [ "\n  font-size: 1.42857143em;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ", "px;\n  margin-top: ", "px;\n  text-align: left;\n" ]), _styledComponents = __webpack_require__(20), _styledComponents2 = _interopRequireDefault(_styledComponents), _constants = __webpack_require__(22);
     exports.Table = _styledComponents2.default.table(_templateObject, function(_ref) {
@@ -558,3 +596,3 @@ var isFixedSize = _ref.isFixedSize;
     }), exports.Caption = _styledComponents2.default.caption(_templateObject3, _constants.gridUnit, 7 * _constants.baselineUnit);
-}, /* 26 */
+}, /* 29 */
 /***/
@@ -571,3 +609,3 @@ function(module, exports, __webpack_require__) {
     });
-    var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _Stateless = __webpack_require__(2), _Stateless2 = _interopRequireDefault(_Stateless), _props2 = __webpack_require__(11), _props3 = _interopRequireDefault(_props2), _constants = __webpack_require__(10), DynamicTable = function(_PureComponent) {
+    var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _Stateless = __webpack_require__(2), _Stateless2 = _interopRequireDefault(_Stateless), _props2 = __webpack_require__(12), _props3 = _interopRequireDefault(_props2), _constants = __webpack_require__(11), DynamicTable = function(_PureComponent) {
         function DynamicTable() {
@@ -632,3 +670,3 @@ var _ref, _temp, _this, _ret;
         defaultSortKey: _props3.default.sortKey,
-        defaultSortOrder: _react.PropTypes.oneOf([ _constants.ASC, _constants.DESC ])
+        defaultSortOrder: _propTypes2.default.oneOf([ _constants.ASC, _constants.DESC ])
     }, DynamicTable.defaultProps = {
@@ -635,0 +673,0 @@ caption: null,

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@
-module.exports=function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicTableStateless=t.default=void 0;var o=n(2);Object.defineProperty(t,"DynamicTableStateless",{enumerable:!0,get:function(){return r(o).default}});var l=n(26),a=r(l);t.default=a.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){switch(e){case g.DESC:return g.ASC;case g.ASC:return g.DESC;default:return e}}Object.defineProperty(t,"__esModule",{value:!0});var l=n(3),a=r(l),i=n(4),u=r(i),s=n(5),d=r(s),f=n(6),p=r(f),c=n(7),y=r(c),h=n(8),b=r(h),S=n(9),g=n(10),v=n(11),P=r(v),x=n(15),m=r(x),w=n(22),C=r(w),_=n(25),T=function(e){function t(){var e,n,r,l;(0,u.default)(this,t);for(var i=arguments.length,s=Array(i),d=0;d<i;d++)s[d]=arguments[d];return n=r=(0,p.default)(this,(e=t.__proto__||(0,a.default)(t)).call.apply(e,[this].concat(s))),r.onSort=function(e){return function(){var t=r.props,n=t.sortKey,l=t.sortOrder,a=t.onSort,i=e.key;if(i){var u=i!==n?g.ASC:o(l);r.onSetPage(1),a({key:i,item:e,sortOrder:u})}}},r.onSetPage=function(e){return r.props.onSetPage(e)},l=n,(0,p.default)(r,l)}return(0,y.default)(t,e),(0,d.default)(t,[{key:"render",value:function(){var e=this.props,t=e.caption,n=e.emptyView,r=e.head,o=e.isFixedSize,l=e.page,a=e.rows,i=e.rowsPerPage,u=e.sortKey,s=e.sortOrder,d=a?Math.ceil(a.length/i):0,f={rows:a,head:r,sortKey:u,sortOrder:s,rowsPerPage:i,page:l,isFixedSize:o};return a&&a.length?b.default.createElement("div",null,b.default.createElement(_.Table,{isFixedSize:o},!!t&&b.default.createElement(_.Caption,null,t),b.default.createElement(m.default,{head:r,onSort:this.onSort,sortKey:u,sortOrder:s}),b.default.createElement(C.default,f)),d?b.default.createElement(S.Pagination,{current:l,onSetPage:this.onSetPage,total:d}):null):n}}]),t}(h.Component);T.propTypes={caption:h.PropTypes.node,head:P.default.head,rows:P.default.rows,emptyView:h.PropTypes.node,isFixedSize:h.PropTypes.bool,rowsPerPage:P.default.isInteger,onSetPage:h.PropTypes.func,onSort:h.PropTypes.func,page:P.default.isInteger,sortKey:P.default.sortKey,sortOrder:h.PropTypes.oneOf([g.ASC,g.DESC])},T.defaultProps={caption:null,head:null,rows:null,emptyView:null,isFixedSize:!1,rowsPerPage:1/0,onSetPage:function(){},onSort:function(){},page:1,sortKey:null,sortOrder:null},t.default=T},function(e,t){e.exports=require("babel-runtime/core-js/object/get-prototype-of")},function(e,t){e.exports=require("babel-runtime/helpers/classCallCheck")},function(e,t){e.exports=require("babel-runtime/helpers/createClass")},function(e,t){e.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("babel-runtime/helpers/inherits")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@atlaskit/pagination")},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ASC="ASC",t.DESC="DESC"},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t,n){if(void 0===e[t])return null;if(!(0,f.default)(e[t])&&e[t]!==1/0){var r="'"+t+"' should be an integer or an infinity, got "+e[t]+" instead";return(0,c.createError)(t,n,r)}return null}function l(e,t,n){for(var r=arguments.length,o=Array(r>3?r-3:0),l=3;l<r;l++)o[l-3]=arguments[l];var a=p.PropTypes.arrayOf(h).apply(void 0,[e,t,n].concat(o));if(a instanceof Error)return a;if(!e.head||!e.head.cells)return null;var i=e[t].reduce(function(t,n){return t&&n.length===e.head.cells.length},!0);return i?null:(0,c.createError)(t,n,"One of the rows has different cell-count compared to head.")}function a(e,t,n){for(var r=arguments.length,o=Array(r>3?r-3:0),l=3;l<r;l++)o[l-3]=arguments[l];var a=p.PropTypes.bool.apply(p.PropTypes,[e,t,n].concat(o));return a instanceof Error?a:e[t]&&!e.key?(0,c.createError)(t,n,"'"+t+"' can't be set to true, if the 'key' prop is missing."):null}function i(e,t,n){if(!e[t])return null;var r=e.head.cells.map(function(e){return e.key}).includes(e[t]);return r?null:(0,c.createError)(t,n,"Cell with "+e[t]+" key not found in head.")}Object.defineProperty(t,"__esModule",{value:!0});var u=n(12),s=r(u),d=n(13),f=r(d),p=n(8),c=n(14);o.isRequired=!1;var y={key:p.PropTypes.oneOfType([p.PropTypes.number,p.PropTypes.string,p.PropTypes.bool]),content:p.PropTypes.node},h=p.PropTypes.shape(y);a.isRequired=!1;var b=(0,s.default)({},y,{isSortable:a,width:p.PropTypes.number,shouldTruncate:p.PropTypes.bool}),S=p.PropTypes.shape(b),g=p.PropTypes.shape({cells:p.PropTypes.arrayOf(S)}),v=p.PropTypes.shape({cells:l}),P=p.PropTypes.arrayOf(v);i.isRequired=!1,t.default={head:g,isInteger:o,row:v,rows:P,sortKey:i}},function(e,t){e.exports=require("babel-runtime/helpers/extends")},function(e,t){e.exports=require("babel-runtime/core-js/number/is-integer")},function(e,t){e.exports=require("@atlaskit/util-common")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(12),l=r(o),a=n(16),i=r(a),u=n(8),s=r(u),d=n(10),f=n(17),p=n(11),c=r(p),y=function(e){var t=e.head,n=e.sortKey,r=e.sortOrder,o=e.isFixedSize,a=e.onSort;if(!t)return null;var u=t.cells,d=(0,i.default)(t,["cells"]);return s.default.createElement(f.Head,d,s.default.createElement("tr",null,u.map(function(e,t){var u=e.isSortable,d=e.key,p=e.content,c=(0,i.default)(e,["isSortable","key","content"]);return s.default.createElement(f.HeadCell,(0,l.default)({key:d||t,onClick:u&&a(e),isFixedSize:o,isSortable:u,sortOrder:d===n&&r},c),s.default.createElement("span",null,p))})))};y.propTypes={onSort:u.PropTypes.func,head:c.default.head,sortKey:c.default.sortKey,sortOrder:u.PropTypes.oneOf([d.ASC,d.DESC]),isFixedSize:u.PropTypes.bool},t.default=y},function(e,t){e.exports=require("babel-runtime/helpers/objectWithoutProperties")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.HeadCell=t.Head=void 0;var o=n(18),l=r(o),a=(0,l.default)(["\n  border-bottom: 2px solid #DFE1E6;\n"],["\n  border-bottom: 2px solid #DFE1E6;\n"]),i=(0,l.default)(["\n  ","\n  ","\n  ","\n  ","\n  border: none;\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  position: relative;\n  text-align: left;\n  vertical-align: top;\n"],["\n  ","\n  ","\n  ","\n  ","\n  border: none;\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  position: relative;\n  text-align: left;\n  vertical-align: top;\n"]),u=n(19),s=r(u),d=n(20),f=n(21);t.Head=s.default.thead(a),t.HeadCell=s.default.th(i,function(e){return(0,f.onClickStyle)(e)},function(e){return(0,f.truncateStyle)(e)},function(e){return(0,f.arrowsStyle)(e)},f.cellStyle,d.akColorN300)},function(e,t){e.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@atlaskit/util-shared-styles")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.cellStyle=t.arrowsStyle=t.onClickStyle=t.truncateStyle=t.baselineUnit=t.gridUnit=void 0;var o=n(18),l=r(o),a=(0,l.default)(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"]),i=(0,l.default)(["width: ","%;"],["width: ","%;"]),u=(0,l.default)(["overflow: hidden;"],["overflow: hidden;"]),s=(0,l.default)(["\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "],["\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "]),d=(0,l.default)(["\n  &:hover {\n    cursor: pointer;\n  }\n"],["\n  &:hover {\n    cursor: pointer;\n  }\n"]),f=(0,l.default)(["\n    border: 3px solid transparent;\n    display: block;\n    height: 0;\n    position: absolute;\n    right: -","px;\n    width: 0;\n  "],["\n    border: 3px solid transparent;\n    display: block;\n    height: 0;\n    position: absolute;\n    right: -","px;\n    width: 0;\n  "]),p=(0,l.default)(["\n    & > span {\n      position: relative;\n        &:before {\n          ",";\n            border-bottom: 3px solid ",";\n            bottom: 8px;\n            content: ' ';\n          };\n        &:after {\n          ",";\n          border-top: 3px solid ",";\n          bottom: 0;\n          content: ' ';\n        };\n      }\n\n      &:hover > span {\n        &:before {\n          border-bottom: 3px solid ",";\n        }\n        &:after {\n          border-top: 3px solid ",";\n        }\n      }\n    "],["\n    & > span {\n      position: relative;\n        &:before {\n          ",";\n            border-bottom: 3px solid ",";\n            bottom: 8px;\n            content: ' ';\n          };\n        &:after {\n          ",";\n          border-top: 3px solid ",";\n          bottom: 0;\n          content: ' ';\n        };\n      }\n\n      &:hover > span {\n        &:before {\n          border-bottom: 3px solid ",";\n        }\n        &:after {\n          border-top: 3px solid ",";\n        }\n      }\n    "]),c=(0,l.default)(["\n    border: none;\n    padding: ","px ","px;\n    text-align: left;\n    &:first-child {\n      padding-left: 0;\n    }\n    &:last-child {\n      padding-right: 0;\n    }\n"],["\n    border: none;\n    padding: ","px ","px;\n    text-align: left;\n    &:first-child {\n      padding-left: 0;\n    }\n    &:last-child {\n      padding-right: 0;\n    }\n"]),y=n(19),h=n(20),b=n(10),S=t.gridUnit=parseInt(h.akGridSize,10),g=t.baselineUnit=S/2;t.truncateStyle=function(e){var t=e.width,n=e.isFixedSize,r=e.shouldTruncate;return(0,y.css)(a,t?(0,y.css)(i,t):"",n?(0,y.css)(u):"",n&&r?(0,y.css)(s):"")},t.onClickStyle=function(e){var t=e.onClick;return t&&(0,y.css)(d)},t.arrowsStyle=function(e){var t=e.isSortable,n=e.sortOrder;if(!t)return"";var r=(0,y.css)(f,S);return(0,y.css)(p,r,n===b.ASC?h.akColorN300:h.akColorN40,r,n===b.DESC?h.akColorN300:h.akColorN40,n===b.ASC?h.akColorN300:h.akColorN60,n===b.DESC?h.akColorN300:h.akColorN60)},t.cellStyle=(0,y.css)(c,g,S)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(8),l=r(o),a=n(10),i=n(23),u=r(i),s=n(11),d=r(s),f=function(e,t,n,r){if(!n||!e)return t;var o=function(t){return t.reduce(function(t,r,o){return t||e.cells[o].key===n&&(void 0!==r.key?r.key:r.content)},null)};return t.sort(function(e,t){var n=o(e.cells),l=o(t.cells),i=r===a.ASC?1:-1;return!n||n<l?-i:!l||n>l?i:0})},p=function(e){var t=e.rows,n=e.head,r=e.sortKey,o=e.sortOrder,a=e.rowsPerPage,i=e.page,s=e.isFixedSize,d=f(n,t,r,o)||[];return l.default.createElement("tbody",null,d.slice((i-1)*a,i*a).map(function(e,t){return l.default.createElement(u.default,{row:e,rowIndex:t,head:n,isFixedSize:s})}))};p.propTypes={head:d.default.head,rows:d.default.rows,sortKey:d.default.sortKey,sortOrder:o.PropTypes.oneOf([a.ASC,a.DESC]),rowsPerPage:d.default.isInteger,page:d.default.isInteger,isFixedSize:o.PropTypes.bool},t.default=p},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(12),l=r(o),a=n(16),i=r(a),u=n(8),s=r(u),d=n(24),f=n(11),p=r(f),c=function(e){var t=e.row,n=e.rowIndex,r=e.head,o=e.isFixedSize,a=t.cells,u=(0,i.default)(t,["cells"]);return s.default.createElement(d.TableBodyRow,(0,l.default)({key:n},u),a.map(function(e,t){var n=e.content,a=(0,i.default)(e,["content"]),u=(r||{cells:[]}).cells[t]||{},f=u.shouldTruncate,p=u.width;return s.default.createElement(d.TableBodyCell,(0,l.default)({},a,{key:t,width:p,shouldTruncate:f,isFixedSize:o}),n)}))};c.propTypes={row:p.default.row,rowIndex:u.PropTypes.number,head:p.default.head,isFixedSize:u.PropTypes.bool},t.default=c},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.TableBodyCell=t.TableBodyRow=void 0;var o=n(18),l=r(o),a=(0,l.default)(["\n  ","\n  &:hover {\n    background: ",";\n  }\n"],["\n  ","\n  &:hover {\n    background: ",";\n  }\n"]),i=(0,l.default)(["\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n"]),u=n(19),s=r(u),d=n(20),f=n(21);t.TableBodyRow=s.default.tr(a,function(e){return(0,f.onClickStyle)(e)},d.akColorN10),t.TableBodyCell=s.default.td(i,function(e){return(0,f.onClickStyle)(e)},function(e){return(0,f.truncateStyle)(e)},f.cellStyle)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Caption=t.Table=void 0;var o=n(18),l=r(o),a=(0,l.default)(["\n  ",";\n  border-collapse: collapse;\n  width: 100%;\n"],["\n  ",";\n  border-collapse: collapse;\n  width: 100%;\n"]),i=(0,l.default)(["table-layout: fixed;"],["table-layout: fixed;"]),u=(0,l.default)(["\n  font-size: 1.42857143em;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ","px;\n  margin-top: ","px;\n  text-align: left;\n"],["\n  font-size: 1.42857143em;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ","px;\n  margin-top: ","px;\n  text-align: left;\n"]),s=n(19),d=r(s),f=n(21);t.Table=d.default.table(a,function(e){var t=e.isFixedSize;return t&&(0,s.css)(i)}),t.Caption=d.default.caption(u,f.gridUnit,7*f.baselineUnit)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(3),l=r(o),a=n(4),i=r(a),u=n(5),s=r(u),d=n(6),f=r(d),p=n(7),c=r(p),y=n(8),h=r(y),b=n(2),S=r(b),g=n(11),v=r(g),P=n(10),x=function(e){function t(){var e,n,r,o;(0,i.default)(this,t);for(var a=arguments.length,u=Array(a),s=0;s<a;s++)u[s]=arguments[s];return n=r=(0,f.default)(this,(e=t.__proto__||(0,l.default)(t)).call.apply(e,[this].concat(u))),r.state={page:r.props.defaultPage,sortKey:r.props.defaultSortKey,sortOrder:r.props.defaultSortOrder},r.onSetPage=function(e){r.props.onSetPage(e),r.setState({page:e})},r.onSort=function(e){var t=e.key,n=e.item,o=e.sortOrder;r.props.onSort({key:t,item:n,sortOrder:o}),r.setState({sortKey:t,sortOrder:o,page:1})},o=n,(0,f.default)(r,o)}return(0,c.default)(t,e),(0,s.default)(t,[{key:"componentWillReceiveProps",value:function(e){this.setState({page:e.page,sortKey:e.defaultSortKey,sortOrder:e.defaultSortOrder})}},{key:"render",value:function(){var e=this.props,t=e.caption,n=e.emptyView,r=e.head,o=e.isFixedSize,l=e.rows,a=e.rowsPerPage,i=this.state,u=i.page,s=i.sortKey,d=i.sortOrder;return h.default.createElement(S.default,{caption:t,emptyView:n,head:r,isFixedSize:o,onSetPage:this.onSetPage,onSort:this.onSort,page:u,rows:l,rowsPerPage:a,sortKey:s,sortOrder:d})}}]),t}(y.PureComponent);x.propTypes={defaultPage:v.default.isInteger,defaultSortKey:v.default.sortKey,defaultSortOrder:y.PropTypes.oneOf([P.ASC,P.DESC])},x.defaultProps={caption:null,defaultPage:1,defaultSortKey:null,defaultSortOrder:null,emptyView:null,head:null,isFixedSize:!1,onSetPage:function(){},onSort:function(){},rows:null,rowsPerPage:1/0},t.default=x}]);
+module.exports=function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicTableStateless=t.default=void 0;var o=n(2);Object.defineProperty(t,"DynamicTableStateless",{enumerable:!0,get:function(){return r(o).default}});var l=n(29),a=r(l);t.default=a.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){switch(e){case x.DESC:return x.ASC;case x.ASC:return x.DESC;default:return e}}Object.defineProperty(t,"__esModule",{value:!0});var l=n(3),a=r(l),u=n(4),i=r(u),d=n(5),s=r(d),f=n(6),c=r(f),p=n(7),h=r(p),y=n(8),b=r(y),g=n(9),S=r(g),v=n(10),x=n(11),m=n(12),w=r(m),_=n(16),C=r(_),P=n(23),O=r(P),k=n(26),E=r(k),M=n(28),z=function(e){function t(){var e,n,r,l;(0,i.default)(this,t);for(var u=arguments.length,d=Array(u),s=0;s<u;s++)d[s]=arguments[s];return n=r=(0,c.default)(this,(e=t.__proto__||(0,a.default)(t)).call.apply(e,[this].concat(d))),r.onSort=function(e){return function(){var t=r.props,n=t.sortKey,l=t.sortOrder,a=t.onSort,u=e.key;if(u){var i=u!==n?x.ASC:o(l);r.onSetPage(1),a({key:u,item:e,sortOrder:i})}}},r.onSetPage=function(e){return r.props.onSetPage(e)},l=n,(0,c.default)(r,l)}return(0,h.default)(t,e),(0,s.default)(t,[{key:"render",value:function(){var e=this.props,t=e.caption,n=e.emptyView,r=e.head,o=e.isFixedSize,l=e.page,a=e.rows,u=e.rowsPerPage,i=e.sortKey,d=e.sortOrder,s=a?Math.ceil(a.length/u):0,f={rows:a,head:r,sortKey:i,sortOrder:d,rowsPerPage:u,page:l,isFixedSize:o},c=a&&a.length,p=n&&S.default.createElement(E.default,null,n);return S.default.createElement("div",null,S.default.createElement(M.Table,{isFixedSize:o},!!t&&S.default.createElement(M.Caption,null,t),r&&S.default.createElement(C.default,{head:r,onSort:this.onSort,sortKey:i,sortOrder:d}),c&&S.default.createElement(O.default,f)),s?S.default.createElement(v.Pagination,{current:l,onSetPage:this.onSetPage,total:s}):null,!c&&p)}}]),t}(g.Component);z.propTypes={caption:b.default.node,head:w.default.head,rows:w.default.rows,emptyView:b.default.node,isFixedSize:b.default.bool,rowsPerPage:w.default.isInteger,onSetPage:b.default.func,onSort:b.default.func,page:w.default.isInteger,sortKey:w.default.sortKey,sortOrder:b.default.oneOf([x.ASC,x.DESC])},z.defaultProps={caption:null,head:null,rows:null,emptyView:null,isFixedSize:!1,rowsPerPage:1/0,onSetPage:function(){},onSort:function(){},page:1,sortKey:null,sortOrder:null},t.default=z},function(e,t){e.exports=require("babel-runtime/core-js/object/get-prototype-of")},function(e,t){e.exports=require("babel-runtime/helpers/classCallCheck")},function(e,t){e.exports=require("babel-runtime/helpers/createClass")},function(e,t){e.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("babel-runtime/helpers/inherits")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@atlaskit/pagination")},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ASC="ASC",t.DESC="DESC"},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t,n){if(void 0===e[t])return null;if(!(0,f.default)(e[t])&&e[t]!==1/0){var r="'"+t+"' should be an integer or an infinity, got "+e[t]+" instead";return(0,h.createError)(t,n,r)}return null}function l(e,t,n){for(var r=arguments.length,o=Array(r>3?r-3:0),l=3;l<r;l++)o[l-3]=arguments[l];var a=p.default.arrayOf(b).apply(void 0,[e,t,n].concat(o));if(a instanceof Error)return a;if(!e.head||!e.head.cells)return null;var u=e[t].reduce(function(t,n){return t&&n.length===e.head.cells.length},!0);return u?null:(0,h.createError)(t,n,"One of the rows has different cell-count compared to head.")}function a(e,t,n){for(var r=arguments.length,o=Array(r>3?r-3:0),l=3;l<r;l++)o[l-3]=arguments[l];var a=p.default.bool.apply(p.default,[e,t,n].concat(o));return a instanceof Error?a:e[t]&&!e.key?(0,h.createError)(t,n,"'"+t+"' can't be set to true, if the 'key' prop is missing."):null}function u(e,t,n){if(!e[t])return null;var r=e.head.cells.map(function(e){return e.key}).includes(e[t]);return r?null:(0,h.createError)(t,n,"Cell with "+e[t]+" key not found in head.")}Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),d=r(i),s=n(14),f=r(s),c=n(8),p=r(c),h=n(15);o.isRequired=!1;var y={key:p.default.oneOfType([p.default.number,p.default.string,p.default.bool]),content:p.default.node},b=p.default.shape(y);a.isRequired=!1;var g=(0,d.default)({},y,{isSortable:a,width:p.default.number,shouldTruncate:p.default.bool}),S=p.default.shape(g),v=p.default.shape({cells:p.default.arrayOf(S)}),x=p.default.shape({cells:l}),m=p.default.arrayOf(x);u.isRequired=!1,t.default={head:v,isInteger:o,row:x,rows:m,sortKey:u}},function(e,t){e.exports=require("babel-runtime/helpers/extends")},function(e,t){e.exports=require("babel-runtime/core-js/number/is-integer")},function(e,t){e.exports=require("@atlaskit/util-common")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(13),l=r(o),a=n(17),u=r(a),i=n(8),d=r(i),s=n(9),f=r(s),c=n(11),p=n(18),h=n(12),y=r(h),b=function(e){var t=e.head,n=e.sortKey,r=e.sortOrder,o=e.isFixedSize,a=e.onSort;if(!t)return null;var i=t.cells,d=(0,u.default)(t,["cells"]);return f.default.createElement(p.Head,d,f.default.createElement("tr",null,i.map(function(e,t){var i=e.isSortable,d=e.key,s=e.content,c=(0,u.default)(e,["isSortable","key","content"]);return f.default.createElement(p.HeadCell,(0,l.default)({key:d||t,onClick:i&&a(e),isFixedSize:o,isSortable:i,sortOrder:d===n&&r},c),f.default.createElement("span",null,s))})))};b.propTypes={onSort:d.default.func,head:y.default.head,sortKey:y.default.sortKey,sortOrder:d.default.oneOf([c.ASC,c.DESC]),isFixedSize:d.default.bool},t.default=b},function(e,t){e.exports=require("babel-runtime/helpers/objectWithoutProperties")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.HeadCell=t.Head=void 0;var o=n(19),l=r(o),a=(0,l.default)(["\n  border-bottom: 2px solid #DFE1E6;\n"],["\n  border-bottom: 2px solid #DFE1E6;\n"]),u=(0,l.default)(["\n  ","\n  ","\n  ","\n  ","\n  border: none;\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  position: relative;\n  text-align: left;\n  vertical-align: top;\n"],["\n  ","\n  ","\n  ","\n  ","\n  border: none;\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  position: relative;\n  text-align: left;\n  vertical-align: top;\n"]),i=n(20),d=r(i),s=n(21),f=n(22);t.Head=d.default.thead(a),t.HeadCell=d.default.th(u,function(e){return(0,f.onClickStyle)(e)},function(e){return(0,f.truncateStyle)(e)},function(e){return(0,f.arrowsStyle)(e)},f.cellStyle,s.akColorN300)},function(e,t){e.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@atlaskit/util-shared-styles")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.cellStyle=t.arrowsStyle=t.onClickStyle=t.truncateStyle=t.baselineUnit=t.gridUnit=void 0;var o=n(19),l=r(o),a=(0,l.default)(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"]),u=(0,l.default)(["width: ","%;"],["width: ","%;"]),i=(0,l.default)(["overflow: hidden;"],["overflow: hidden;"]),d=(0,l.default)(["\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "],["\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "]),s=(0,l.default)(["\n  &:hover {\n    cursor: pointer;\n  }\n"],["\n  &:hover {\n    cursor: pointer;\n  }\n"]),f=(0,l.default)(["\n    border: 3px solid transparent;\n    display: block;\n    height: 0;\n    position: absolute;\n    right: -","px;\n    width: 0;\n  "],["\n    border: 3px solid transparent;\n    display: block;\n    height: 0;\n    position: absolute;\n    right: -","px;\n    width: 0;\n  "]),c=(0,l.default)(["\n    & > span {\n      position: relative;\n        &:before {\n          ",";\n            border-bottom: 3px solid ",";\n            bottom: 8px;\n            content: ' ';\n          };\n        &:after {\n          ",";\n          border-top: 3px solid ",";\n          bottom: 0;\n          content: ' ';\n        };\n      }\n\n      &:hover > span {\n        &:before {\n          border-bottom: 3px solid ",";\n        }\n        &:after {\n          border-top: 3px solid ",";\n        }\n      }\n    "],["\n    & > span {\n      position: relative;\n        &:before {\n          ",";\n            border-bottom: 3px solid ",";\n            bottom: 8px;\n            content: ' ';\n          };\n        &:after {\n          ",";\n          border-top: 3px solid ",";\n          bottom: 0;\n          content: ' ';\n        };\n      }\n\n      &:hover > span {\n        &:before {\n          border-bottom: 3px solid ",";\n        }\n        &:after {\n          border-top: 3px solid ",";\n        }\n      }\n    "]),p=(0,l.default)(["\n    border: none;\n    padding: ","px ","px;\n    text-align: left;\n    &:first-child {\n      padding-left: 0;\n    }\n    &:last-child {\n      padding-right: 0;\n    }\n"],["\n    border: none;\n    padding: ","px ","px;\n    text-align: left;\n    &:first-child {\n      padding-left: 0;\n    }\n    &:last-child {\n      padding-right: 0;\n    }\n"]),h=n(20),y=n(21),b=n(11),g=t.gridUnit=parseInt(y.akGridSize,10),S=t.baselineUnit=g/2;t.truncateStyle=function(e){var t=e.width,n=e.isFixedSize,r=e.shouldTruncate;return(0,h.css)(a,t?(0,h.css)(u,t):"",n?(0,h.css)(i):"",n&&r?(0,h.css)(d):"")},t.onClickStyle=function(e){var t=e.onClick;return t&&(0,h.css)(s)},t.arrowsStyle=function(e){var t=e.isSortable,n=e.sortOrder;if(!t)return"";var r=(0,h.css)(f,g);return(0,h.css)(c,r,n===b.ASC?y.akColorN300:y.akColorN40,r,n===b.DESC?y.akColorN300:y.akColorN40,n===b.ASC?y.akColorN300:y.akColorN60,n===b.DESC?y.akColorN300:y.akColorN60)},t.cellStyle=(0,h.css)(p,S,g)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(8),l=r(o),a=n(9),u=r(a),i=n(11),d=n(24),s=r(d),f=n(12),c=r(f),p=function(e,t,n,r){if(!n||!e)return t;var o=function(t){return t.reduce(function(t,r,o){return t||e.cells[o].key===n&&(void 0!==r.key?r.key:r.content)},null)};return t.sort(function(e,t){var n=o(e.cells),l=o(t.cells),a=r===i.ASC?1:-1;return!n||n<l?-a:!l||n>l?a:0})},h=function(e){var t=e.rows,n=e.head,r=e.sortKey,o=e.sortOrder,l=e.rowsPerPage,a=e.page,i=e.isFixedSize,d=p(n,t,r,o)||[];return u.default.createElement("tbody",null,d.slice((a-1)*l,a*l).map(function(e,t){return u.default.createElement(s.default,{row:e,rowIndex:t,head:n,isFixedSize:i})}))};h.propTypes={head:c.default.head,rows:c.default.rows,sortKey:c.default.sortKey,sortOrder:l.default.oneOf([i.ASC,i.DESC]),rowsPerPage:c.default.isInteger,page:c.default.isInteger,isFixedSize:l.default.bool},t.default=h},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(13),l=r(o),a=n(17),u=r(a),i=n(8),d=r(i),s=n(9),f=r(s),c=n(25),p=n(12),h=r(p),y=function(e){var t=e.row,n=e.rowIndex,r=e.head,o=e.isFixedSize,a=t.cells,i=(0,u.default)(t,["cells"]);return f.default.createElement(c.TableBodyRow,(0,l.default)({key:n},i),a.map(function(e,t){var n=e.content,a=(0,u.default)(e,["content"]),i=(r||{cells:[]}).cells[t]||{},d=i.shouldTruncate,s=i.width;return f.default.createElement(c.TableBodyCell,(0,l.default)({},a,{key:t,width:s,shouldTruncate:d,isFixedSize:o}),n)}))};y.propTypes={row:h.default.row,rowIndex:d.default.number,head:h.default.head,isFixedSize:d.default.bool},t.default=y},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.TableBodyCell=t.TableBodyRow=void 0;var o=n(19),l=r(o),a=(0,l.default)(["\n  ","\n  &:hover {\n    background: ",";\n  }\n"],["\n  ","\n  &:hover {\n    background: ",";\n  }\n"]),u=(0,l.default)(["\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n"]),i=n(20),d=r(i),s=n(21),f=n(22);t.TableBodyRow=d.default.tr(a,function(e){return(0,f.onClickStyle)(e)},s.akColorN10),t.TableBodyCell=d.default.td(u,function(e){return(0,f.onClickStyle)(e)},function(e){return(0,f.truncateStyle)(e)},f.cellStyle)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(8),l=r(o),a=n(9),u=r(a),i=n(27),d=r(i),s=function(e){var t=e.children;return u.default.createElement(d.default,null,t)};s.propTypes={children:l.default.node},t.default=s},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(19),l=r(o),a=(0,l.default)(["\n  margin: auto;\n  width: 50%;\n  text-align: center;\n  padding: 10px;\n"],["\n  margin: auto;\n  width: 50%;\n  text-align: center;\n  padding: 10px;\n"]),u=n(20),i=r(u);t.default=i.default.div(a)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Caption=t.Table=void 0;var o=n(19),l=r(o),a=(0,l.default)(["\n  ",";\n  border-collapse: collapse;\n  width: 100%;\n"],["\n  ",";\n  border-collapse: collapse;\n  width: 100%;\n"]),u=(0,l.default)(["table-layout: fixed;"],["table-layout: fixed;"]),i=(0,l.default)(["\n  font-size: 1.42857143em;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ","px;\n  margin-top: ","px;\n  text-align: left;\n"],["\n  font-size: 1.42857143em;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ","px;\n  margin-top: ","px;\n  text-align: left;\n"]),d=n(20),s=r(d),f=n(22);t.Table=s.default.table(a,function(e){var t=e.isFixedSize;return t&&(0,d.css)(u)}),t.Caption=s.default.caption(i,f.gridUnit,7*f.baselineUnit)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(3),l=r(o),a=n(4),u=r(a),i=n(5),d=r(i),s=n(6),f=r(s),c=n(7),p=r(c),h=n(8),y=r(h),b=n(9),g=r(b),S=n(2),v=r(S),x=n(12),m=r(x),w=n(11),_=function(e){function t(){var e,n,r,o;(0,u.default)(this,t);for(var a=arguments.length,i=Array(a),d=0;d<a;d++)i[d]=arguments[d];return n=r=(0,f.default)(this,(e=t.__proto__||(0,l.default)(t)).call.apply(e,[this].concat(i))),r.state={page:r.props.defaultPage,sortKey:r.props.defaultSortKey,sortOrder:r.props.defaultSortOrder},r.onSetPage=function(e){r.props.onSetPage(e),r.setState({page:e})},r.onSort=function(e){var t=e.key,n=e.item,o=e.sortOrder;r.props.onSort({key:t,item:n,sortOrder:o}),r.setState({sortKey:t,sortOrder:o,page:1})},o=n,(0,f.default)(r,o)}return(0,p.default)(t,e),(0,d.default)(t,[{key:"componentWillReceiveProps",value:function(e){this.setState({page:e.page,sortKey:e.defaultSortKey,sortOrder:e.defaultSortOrder})}},{key:"render",value:function(){var e=this.props,t=e.caption,n=e.emptyView,r=e.head,o=e.isFixedSize,l=e.rows,a=e.rowsPerPage,u=this.state,i=u.page,d=u.sortKey,s=u.sortOrder;return g.default.createElement(v.default,{caption:t,emptyView:n,head:r,isFixedSize:o,onSetPage:this.onSetPage,onSort:this.onSort,page:i,rows:l,rowsPerPage:a,sortKey:d,sortOrder:s})}}]),t}(b.PureComponent);_.propTypes={defaultPage:m.default.isInteger,defaultSortKey:m.default.sortKey,defaultSortOrder:y.default.oneOf([w.ASC,w.DESC])},_.defaultProps={caption:null,defaultPage:1,defaultSortKey:null,defaultSortOrder:null,emptyView:null,head:null,isFixedSize:!1,onSetPage:function(){},onSort:function(){},rows:null,rowsPerPage:1/0},t.default=_}]);

dist/bundle.js

 !function(root, factory) {
-    "object" == typeof exports && "object" == typeof module ? module.exports = factory(require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("react"), require("@atlaskit/pagination"), require("babel-runtime/helpers/extends"), require("babel-runtime/core-js/number/is-integer"), require("@atlaskit/util-common"), require("babel-runtime/helpers/objectWithoutProperties"), require("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components"), require("@atlaskit/util-shared-styles")) : "function" == typeof define && define.amd ? define([ "babel-runtime/core-js/object/get-prototype-of", "babel-runtime/helpers/classCallCheck", "babel-runtime/helpers/createClass", "babel-runtime/helpers/possibleConstructorReturn", "babel-runtime/helpers/inherits", "react", "@atlaskit/pagination", "babel-runtime/helpers/extends", "babel-runtime/core-js/number/is-integer", "@atlaskit/util-common", "babel-runtime/helpers/objectWithoutProperties", "babel-runtime/helpers/taggedTemplateLiteral", "styled-components", "@atlaskit/util-shared-styles" ], factory) : "object" == typeof exports ? exports["@atlaskit/dynamicTable"] = factory(require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("react"), require("@atlaskit/pagination"), require("babel-runtime/helpers/extends"), require("babel-runtime/core-js/number/is-integer"), require("@atlaskit/util-common"), require("babel-runtime/helpers/objectWithoutProperties"), require("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components"), require("@atlaskit/util-shared-styles")) : root["@atlaskit/dynamicTable"] = factory(root["babel-runtime/core-js/object/get-prototype-of"], root["babel-runtime/helpers/classCallCheck"], root["babel-runtime/helpers/createClass"], root["babel-runtime/helpers/possibleConstructorReturn"], root["babel-runtime/helpers/inherits"], root.react, root["@atlaskit/pagination"], root["babel-runtime/helpers/extends"], root["babel-runtime/core-js/number/is-integer"], root["@atlaskit/util-common"], root["babel-runtime/helpers/objectWithoutProperties"], root["babel-runtime/helpers/taggedTemplateLiteral"], root["styled-components"], root["@atlaskit/util-shared-styles"]);
-}(this, function(__WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_4__, __WEBPACK_EXTERNAL_MODULE_5__, __WEBPACK_EXTERNAL_MODULE_6__, __WEBPACK_EXTERNAL_MODULE_7__, __WEBPACK_EXTERNAL_MODULE_8__, __WEBPACK_EXTERNAL_MODULE_9__, __WEBPACK_EXTERNAL_MODULE_12__, __WEBPACK_EXTERNAL_MODULE_13__, __WEBPACK_EXTERNAL_MODULE_14__, __WEBPACK_EXTERNAL_MODULE_16__, __WEBPACK_EXTERNAL_MODULE_18__, __WEBPACK_EXTERNAL_MODULE_19__, __WEBPACK_EXTERNAL_MODULE_20__) {
+    "object" == typeof exports && "object" == typeof module ? module.exports = factory(require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("prop-types"), require("react"), require("@atlaskit/pagination"), require("babel-runtime/helpers/extends"), require("babel-runtime/core-js/number/is-integer"), require("@atlaskit/util-common"), require("babel-runtime/helpers/objectWithoutProperties"), require("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components"), require("@atlaskit/util-shared-styles")) : "function" == typeof define && define.amd ? define([ "babel-runtime/core-js/object/get-prototype-of", "babel-runtime/helpers/classCallCheck", "babel-runtime/helpers/createClass", "babel-runtime/helpers/possibleConstructorReturn", "babel-runtime/helpers/inherits", "prop-types", "react", "@atlaskit/pagination", "babel-runtime/helpers/extends", "babel-runtime/core-js/number/is-integer", "@atlaskit/util-common", "babel-runtime/helpers/objectWithoutProperties", "babel-runtime/helpers/taggedTemplateLiteral", "styled-components", "@atlaskit/util-shared-styles" ], factory) : "object" == typeof exports ? exports["@atlaskit/dynamicTable"] = factory(require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("prop-types"), require("react"), require("@atlaskit/pagination"), require("babel-runtime/helpers/extends"), require("babel-runtime/core-js/number/is-integer"), require("@atlaskit/util-common"), require("babel-runtime/helpers/objectWithoutProperties"), require("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components"), require("@atlaskit/util-shared-styles")) : root["@atlaskit/dynamicTable"] = factory(root["babel-runtime/core-js/object/get-prototype-of"], root["babel-runtime/helpers/classCallCheck"], root["babel-runtime/helpers/createClass"], root["babel-runtime/helpers/possibleConstructorReturn"], root["babel-runtime/helpers/inherits"], root["prop-types"], root.react, root["@atlaskit/pagination"], root["babel-runtime/helpers/extends"], root["babel-runtime/core-js/number/is-integer"], root["@atlaskit/util-common"], root["babel-runtime/helpers/objectWithoutProperties"], root["babel-runtime/helpers/taggedTemplateLiteral"], root["styled-components"], root["@atlaskit/util-shared-styles"]);
+}(this, function(__WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_4__, __WEBPACK_EXTERNAL_MODULE_5__, __WEBPACK_EXTERNAL_MODULE_6__, __WEBPACK_EXTERNAL_MODULE_7__, __WEBPACK_EXTERNAL_MODULE_8__, __WEBPACK_EXTERNAL_MODULE_9__, __WEBPACK_EXTERNAL_MODULE_10__, __WEBPACK_EXTERNAL_MODULE_13__, __WEBPACK_EXTERNAL_MODULE_14__, __WEBPACK_EXTERNAL_MODULE_15__, __WEBPACK_EXTERNAL_MODULE_17__, __WEBPACK_EXTERNAL_MODULE_19__, __WEBPACK_EXTERNAL_MODULE_20__, __WEBPACK_EXTERNAL_MODULE_21__) {
     /******/
@@ -91,3 +91,3 @@ return function(modules) {
         });
-        var _Stateful = __webpack_require__(26), _Stateful2 = _interopRequireDefault(_Stateful);
+        var _Stateful = __webpack_require__(29), _Stateful2 = _interopRequireDefault(_Stateful);
         exports.default = _Stateful2.default;
@@ -118,3 +118,3 @@ }, /* 2 */
         });
-        var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _pagination = __webpack_require__(9), _constants = __webpack_require__(10), _props2 = __webpack_require__(11), _props3 = _interopRequireDefault(_props2), _TableHead = __webpack_require__(15), _TableHead2 = _interopRequireDefault(_TableHead), _Body = __webpack_require__(22), _Body2 = _interopRequireDefault(_Body), _DynamicTable = __webpack_require__(25), DynamicTable = function(_Component) {
+        var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _pagination = __webpack_require__(10), _constants = __webpack_require__(11), _props2 = __webpack_require__(12), _props3 = _interopRequireDefault(_props2), _TableHead = __webpack_require__(16), _TableHead2 = _interopRequireDefault(_TableHead), _Body = __webpack_require__(23), _Body2 = _interopRequireDefault(_Body), _EmptyBody = __webpack_require__(26), _EmptyBody2 = _interopRequireDefault(_EmptyBody), _DynamicTable = __webpack_require__(28), DynamicTable = function(_Component) {
             function DynamicTable() {
@@ -153,6 +153,6 @@ var _ref, _temp, _this, _ret;
                         isFixedSize: isFixedSize
-                    };
-                    return rows && rows.length ? _react2.default.createElement("div", null, _react2.default.createElement(_DynamicTable.Table, {
+                    }, rowsExist = rows && rows.length, emptyBody = emptyView && _react2.default.createElement(_EmptyBody2.default, null, emptyView);
+                    return _react2.default.createElement("div", null, _react2.default.createElement(_DynamicTable.Table, {
                         isFixedSize: isFixedSize
-                    }, !!caption && _react2.default.createElement(_DynamicTable.Caption, null, caption), _react2.default.createElement(_TableHead2.default, {
+                    }, !!caption && _react2.default.createElement(_DynamicTable.Caption, null, caption), head && _react2.default.createElement(_TableHead2.default, {
                         head: head,
@@ -162,7 +162,7 @@ onSort: this.onSort,
                         sortOrder: sortOrder
-                    }), _react2.default.createElement(_Body2.default, bodyProps)), totalPages ? _react2.default.createElement(_pagination.Pagination, {
+                    }), rowsExist && _react2.default.createElement(_Body2.default, bodyProps)), totalPages ? _react2.default.createElement(_pagination.Pagination, {
                         current: page,
                         onSetPage: this.onSetPage,
                         total: totalPages
-                    }) : null) : emptyView;
+                    }) : null, !rowsExist && emptyBody);
                 }
@@ -172,13 +172,13 @@ } ]), DynamicTable;
         DynamicTable.propTypes = {
-            caption: _react.PropTypes.node,
+            caption: _propTypes2.default.node,
             head: _props3.default.head,
             rows: _props3.default.rows,
-            emptyView: _react.PropTypes.node,
-            isFixedSize: _react.PropTypes.bool,
+            emptyView: _propTypes2.default.node,
+            isFixedSize: _propTypes2.default.bool,
             rowsPerPage: _props3.default.isInteger,
-            onSetPage: _react.PropTypes.func,
-            onSort: _react.PropTypes.func,
+            onSetPage: _propTypes2.default.func,
+            onSort: _propTypes2.default.func,
             page: _props3.default.isInteger,
             sortKey: _props3.default.sortKey,
-            sortOrder: _react.PropTypes.oneOf([ _constants.ASC, _constants.DESC ])
+            sortOrder: _propTypes2.default.oneOf([ _constants.ASC, _constants.DESC ])
         }, DynamicTable.defaultProps = {
@@ -228,2 +228,6 @@ caption: null,
     function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_10__;
+    }, /* 11 */
+    /***/
+    function(module, exports) {
         "use strict";
@@ -234,3 +238,3 @@ Object.defineProperty(exports, "__esModule", {
         exports.ASC = "ASC", exports.DESC = "DESC";
-    }, /* 11 */
+    }, /* 12 */
     /***/
@@ -254,3 +258,3 @@ function(module, exports, __webpack_require__) {
             for (var _len = arguments.length, rest = Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) rest[_key - 3] = arguments[_key];
-            var initialCheck = _react.PropTypes.arrayOf(rowCell).apply(void 0, [ props, propName, componentName ].concat(rest));
+            var initialCheck = _propTypes2.default.arrayOf(rowCell).apply(void 0, [ props, propName, componentName ].concat(rest));
             if (initialCheck instanceof Error) return initialCheck;
@@ -265,3 +269,3 @@ if (!props.head || !props.head.cells) return null;
             for (var _len2 = arguments.length, rest = Array(_len2 > 3 ? _len2 - 3 : 0), _key2 = 3; _key2 < _len2; _key2++) rest[_key2 - 3] = arguments[_key2];
-            var initialCheck = _react.PropTypes.bool.apply(_react.PropTypes, [ props, propName, componentName ].concat(rest));
+            var initialCheck = _propTypes2.default.bool.apply(_propTypes2.default, [ props, propName, componentName ].concat(rest));
             return initialCheck instanceof Error ? initialCheck : props[propName] && !props.key ? (0, 
@@ -280,18 +284,18 @@ _utilCommon.createError)(propName, componentName, "'" + propName + "' can't be set to true, if the 'key' prop is missing.") : null;
         });
-        var _extends2 = __webpack_require__(12), _extends3 = _interopRequireDefault(_extends2), _isInteger = __webpack_require__(13), _isInteger2 = _interopRequireDefault(_isInteger), _react = __webpack_require__(8), _utilCommon = __webpack_require__(14);
+        var _extends2 = __webpack_require__(13), _extends3 = _interopRequireDefault(_extends2), _isInteger = __webpack_require__(14), _isInteger2 = _interopRequireDefault(_isInteger), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _utilCommon = __webpack_require__(15);
         isInteger.isRequired = !1;
         var rowCellObject = {
-            key: _react.PropTypes.oneOfType([ _react.PropTypes.number, _react.PropTypes.string, _react.PropTypes.bool ]),
-            content: _react.PropTypes.node
-        }, rowCell = _react.PropTypes.shape(rowCellObject);
+            key: _propTypes2.default.oneOfType([ _propTypes2.default.number, _propTypes2.default.string, _propTypes2.default.bool ]),
+            content: _propTypes2.default.node
+        }, rowCell = _propTypes2.default.shape(rowCellObject);
         isSortable.isRequired = !1;
         var headCellObject = (0, _extends3.default)({}, rowCellObject, {
             isSortable: isSortable,
-            width: _react.PropTypes.number,
-            shouldTruncate: _react.PropTypes.bool
-        }), headCell = _react.PropTypes.shape(headCellObject), head = _react.PropTypes.shape({
-            cells: _react.PropTypes.arrayOf(headCell)
-        }), row = _react.PropTypes.shape({
+            width: _propTypes2.default.number,
+            shouldTruncate: _propTypes2.default.bool
+        }), headCell = _propTypes2.default.shape(headCellObject), head = _propTypes2.default.shape({
+            cells: _propTypes2.default.arrayOf(headCell)
+        }), row = _propTypes2.default.shape({
             cells: rowCells
-        }), rows = _react.PropTypes.arrayOf(row);
+        }), rows = _propTypes2.default.arrayOf(row);
         sortKey.isRequired = !1, // As the files we are going to use these in also have const declarations for the
@@ -306,6 +310,2 @@ // props, here we are exporting them as an object for ease of use.
         };
-    }, /* 12 */
-    /***/
-    function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_12__;
     }, /* 13 */
@@ -321,2 +321,6 @@ /***/
     /***/
+    function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_15__;
+    }, /* 16 */
+    /***/
     function(module, exports, __webpack_require__) {
@@ -332,3 +336,3 @@ "use strict";
         });
-        var _extends2 = __webpack_require__(12), _extends3 = _interopRequireDefault(_extends2), _objectWithoutProperties2 = __webpack_require__(16), _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _constants = __webpack_require__(10), _TableHead = __webpack_require__(17), _props = __webpack_require__(11), _props2 = _interopRequireDefault(_props), TableHead = function(_ref) {
+        var _extends2 = __webpack_require__(13), _extends3 = _interopRequireDefault(_extends2), _objectWithoutProperties2 = __webpack_require__(17), _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _constants = __webpack_require__(11), _TableHead = __webpack_require__(18), _props = __webpack_require__(12), _props2 = _interopRequireDefault(_props), TableHead = function(_ref) {
             var head = _ref.head, sortKey = _ref.sortKey, sortOrder = _ref.sortOrder, isFixedSize = _ref.isFixedSize, onSort = _ref.onSort;
@@ -350,13 +354,13 @@ if (!head) return null;
         TableHead.propTypes = {
-            onSort: _react.PropTypes.func,
+            onSort: _propTypes2.default.func,
             head: _props2.default.head,
             sortKey: _props2.default.sortKey,
-            sortOrder: _react.PropTypes.oneOf([ _constants.ASC, _constants.DESC ]),
-            isFixedSize: _react.PropTypes.bool
+            sortOrder: _propTypes2.default.oneOf([ _constants.ASC, _constants.DESC ]),
+            isFixedSize: _propTypes2.default.bool
         }, exports.default = TableHead;
-    }, /* 16 */
+    }, /* 17 */
     /***/
     function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_16__;
-    }, /* 17 */
+        module.exports = __WEBPACK_EXTERNAL_MODULE_17__;
+    }, /* 18 */
     /***/
@@ -373,5 +377,5 @@ function(module, exports, __webpack_require__) {
         }), exports.HeadCell = exports.Head = void 0;
-        var _taggedTemplateLiteral2 = __webpack_require__(18), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+        var _taggedTemplateLiteral2 = __webpack_require__(19), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
         _taggedTemplateLiteral3.default)([ "\n  border-bottom: 2px solid #DFE1E6;\n" ], [ "\n  border-bottom: 2px solid #DFE1E6;\n" ]), _templateObject2 = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  ", "\n  ", "\n  ", "\n  ", "\n  border: none;\n  color: ", ";\n  font-size: 12px;\n  font-weight: 600;\n  position: relative;\n  text-align: left;\n  vertical-align: top;\n" ], [ "\n  ", "\n  ", "\n  ", "\n  ", "\n  border: none;\n  color: ", ";\n  font-size: 12px;\n  font-weight: 600;\n  position: relative;\n  text-align: left;\n  vertical-align: top;\n" ]), _styledComponents = __webpack_require__(19), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(20), _constants = __webpack_require__(21);
+        _taggedTemplateLiteral3.default)([ "\n  ", "\n  ", "\n  ", "\n  ", "\n  border: none;\n  color: ", ";\n  font-size: 12px;\n  font-weight: 600;\n  position: relative;\n  text-align: left;\n  vertical-align: top;\n" ], [ "\n  ", "\n  ", "\n  ", "\n  ", "\n  border: none;\n  color: ", ";\n  font-size: 12px;\n  font-weight: 600;\n  position: relative;\n  text-align: left;\n  vertical-align: top;\n" ]), _styledComponents = __webpack_require__(20), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(21), _constants = __webpack_require__(22);
         exports.Head = _styledComponents2.default.thead(_templateObject), exports.HeadCell = _styledComponents2.default.th(_templateObject2, function(props) {
@@ -384,6 +388,2 @@ return (0, _constants.onClickStyle)(props);
         }, _constants.cellStyle, _utilSharedStyles.akColorN300);
-    }, /* 18 */
-    /***/
-    function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_18__;
     }, /* 19 */
@@ -399,2 +399,6 @@ /***/
     /***/
+    function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_21__;
+    }, /* 22 */
+    /***/
     function(module, exports, __webpack_require__) {
@@ -410,3 +414,3 @@ "use strict";
         }), exports.cellStyle = exports.arrowsStyle = exports.onClickStyle = exports.truncateStyle = exports.baselineUnit = exports.gridUnit = void 0;
-        var _taggedTemplateLiteral2 = __webpack_require__(18), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+        var _taggedTemplateLiteral2 = __webpack_require__(19), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
         _taggedTemplateLiteral3.default)([ "\n  ", "\n  ", ";\n  ", "\n" ], [ "\n  ", "\n  ", ";\n  ", "\n" ]), _templateObject2 = (0, 
@@ -419,3 +423,3 @@ _taggedTemplateLiteral3.default)([ "width: ", "%;" ], [ "width: ", "%;" ]), _templateObject3 = (0,
         _taggedTemplateLiteral3.default)([ "\n    & > span {\n      position: relative;\n        &:before {\n          ", ";\n            border-bottom: 3px solid ", ";\n            bottom: 8px;\n            content: ' ';\n          };\n        &:after {\n          ", ";\n          border-top: 3px solid ", ";\n          bottom: 0;\n          content: ' ';\n        };\n      }\n\n      &:hover > span {\n        &:before {\n          border-bottom: 3px solid ", ";\n        }\n        &:after {\n          border-top: 3px solid ", ";\n        }\n      }\n    " ], [ "\n    & > span {\n      position: relative;\n        &:before {\n          ", ";\n            border-bottom: 3px solid ", ";\n            bottom: 8px;\n            content: ' ';\n          };\n        &:after {\n          ", ";\n          border-top: 3px solid ", ";\n          bottom: 0;\n          content: ' ';\n        };\n      }\n\n      &:hover > span {\n        &:before {\n          border-bottom: 3px solid ", ";\n        }\n        &:after {\n          border-top: 3px solid ", ";\n        }\n      }\n    " ]), _templateObject8 = (0, 
-        _taggedTemplateLiteral3.default)([ "\n    border: none;\n    padding: ", "px ", "px;\n    text-align: left;\n    &:first-child {\n      padding-left: 0;\n    }\n    &:last-child {\n      padding-right: 0;\n    }\n" ], [ "\n    border: none;\n    padding: ", "px ", "px;\n    text-align: left;\n    &:first-child {\n      padding-left: 0;\n    }\n    &:last-child {\n      padding-right: 0;\n    }\n" ]), _styledComponents = __webpack_require__(19), _utilSharedStyles = __webpack_require__(20), _constants = __webpack_require__(10), gridUnit = exports.gridUnit = parseInt(_utilSharedStyles.akGridSize, 10), baselineUnit = exports.baselineUnit = gridUnit / 2;
+        _taggedTemplateLiteral3.default)([ "\n    border: none;\n    padding: ", "px ", "px;\n    text-align: left;\n    &:first-child {\n      padding-left: 0;\n    }\n    &:last-child {\n      padding-right: 0;\n    }\n" ], [ "\n    border: none;\n    padding: ", "px ", "px;\n    text-align: left;\n    &:first-child {\n      padding-left: 0;\n    }\n    &:last-child {\n      padding-right: 0;\n    }\n" ]), _styledComponents = __webpack_require__(20), _utilSharedStyles = __webpack_require__(21), _constants = __webpack_require__(11), gridUnit = exports.gridUnit = parseInt(_utilSharedStyles.akGridSize, 10), baselineUnit = exports.baselineUnit = gridUnit / 2;
         exports.truncateStyle = function(_ref) {
@@ -435,3 +439,3 @@ var width = _ref.width, isFixedSize = _ref.isFixedSize, shouldTruncate = _ref.shouldTruncate;
         }, exports.cellStyle = (0, _styledComponents.css)(_templateObject8, baselineUnit, gridUnit);
-    }, /* 22 */
+    }, /* 23 */
     /***/
@@ -448,3 +452,3 @@ function(module, exports, __webpack_require__) {
         });
-        var _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _constants = __webpack_require__(10), _TableRow = __webpack_require__(23), _TableRow2 = _interopRequireDefault(_TableRow), _props = __webpack_require__(11), _props2 = _interopRequireDefault(_props), getSortedRows = function(head, rows, sortKey, sortOrder) {
+        var _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _constants = __webpack_require__(11), _TableRow = __webpack_require__(24), _TableRow2 = _interopRequireDefault(_TableRow), _props = __webpack_require__(12), _props2 = _interopRequireDefault(_props), getSortedRows = function(head, rows, sortKey, sortOrder) {
             if (!sortKey || !head) return rows;
@@ -475,8 +479,8 @@ var getSortingCellValue = function(cells) {
             sortKey: _props2.default.sortKey,
-            sortOrder: _react.PropTypes.oneOf([ _constants.ASC, _constants.DESC ]),
+            sortOrder: _propTypes2.default.oneOf([ _constants.ASC, _constants.DESC ]),
             rowsPerPage: _props2.default.isInteger,
             page: _props2.default.isInteger,
-            isFixedSize: _react.PropTypes.bool
+            isFixedSize: _propTypes2.default.bool
         }, exports.default = Body;
-    }, /* 23 */
+    }, /* 24 */
     /***/
@@ -493,3 +497,3 @@ function(module, exports, __webpack_require__) {
         });
-        var _extends2 = __webpack_require__(12), _extends3 = _interopRequireDefault(_extends2), _objectWithoutProperties2 = __webpack_require__(16), _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _TableRow = __webpack_require__(24), _props = __webpack_require__(11), _props2 = _interopRequireDefault(_props), Row = function(_ref) {
+        var _extends2 = __webpack_require__(13), _extends3 = _interopRequireDefault(_extends2), _objectWithoutProperties2 = __webpack_require__(17), _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _TableRow = __webpack_require__(25), _props = __webpack_require__(12), _props2 = _interopRequireDefault(_props), Row = function(_ref) {
             var row = _ref.row, rowIndex = _ref.rowIndex, head = _ref.head, isFixedSize = _ref.isFixedSize, cells = row.cells, restRowProps = (0, 
@@ -513,7 +517,7 @@ _objectWithoutProperties3.default)(row, [ "cells" ]);
             row: _props2.default.row,
-            rowIndex: _react.PropTypes.number,
+            rowIndex: _propTypes2.default.number,
             head: _props2.default.head,
-            isFixedSize: _react.PropTypes.bool
+            isFixedSize: _propTypes2.default.bool
         }, exports.default = Row;
-    }, /* 24 */
+    }, /* 25 */
     /***/
@@ -530,5 +534,5 @@ function(module, exports, __webpack_require__) {
         }), exports.TableBodyCell = exports.TableBodyRow = void 0;
-        var _taggedTemplateLiteral2 = __webpack_require__(18), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+        var _taggedTemplateLiteral2 = __webpack_require__(19), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
         _taggedTemplateLiteral3.default)([ "\n  ", "\n  &:hover {\n    background: ", ";\n  }\n" ], [ "\n  ", "\n  &:hover {\n    background: ", ";\n  }\n" ]), _templateObject2 = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  ", "\n  ", "\n  ", "\n" ], [ "\n  ", "\n  ", "\n  ", "\n" ]), _styledComponents = __webpack_require__(19), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(20), _constants = __webpack_require__(21);
+        _taggedTemplateLiteral3.default)([ "\n  ", "\n  ", "\n  ", "\n" ], [ "\n  ", "\n  ", "\n  ", "\n" ]), _styledComponents = __webpack_require__(20), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(21), _constants = __webpack_require__(22);
         exports.TableBodyRow = _styledComponents2.default.tr(_templateObject, function(props) {
@@ -541,3 +545,3 @@ return (0, _constants.onClickStyle)(props);
         }, _constants.cellStyle);
-    }, /* 25 */
+    }, /* 26 */
     /***/
@@ -553,7 +557,41 @@ function(module, exports, __webpack_require__) {
             value: !0
+        });
+        var _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _EmptyBody = __webpack_require__(27), _EmptyBody2 = _interopRequireDefault(_EmptyBody), EmptyBody = function(_ref) {
+            var children = _ref.children;
+            return _react2.default.createElement(_EmptyBody2.default, null, children);
+        };
+        EmptyBody.propTypes = {
+            children: _propTypes2.default.node
+        }, exports.default = EmptyBody;
+    }, /* 27 */
+    /***/
+    function(module, exports, __webpack_require__) {
+        "use strict";
+        function _interopRequireDefault(obj) {
+            return obj && obj.__esModule ? obj : {
+                default: obj
+            };
+        }
+        Object.defineProperty(exports, "__esModule", {
+            value: !0
+        });
+        var _taggedTemplateLiteral2 = __webpack_require__(19), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  margin: auto;\n  width: 50%;\n  text-align: center;\n  padding: 10px;\n" ], [ "\n  margin: auto;\n  width: 50%;\n  text-align: center;\n  padding: 10px;\n" ]), _styledComponents = __webpack_require__(20), _styledComponents2 = _interopRequireDefault(_styledComponents);
+        exports.default = _styledComponents2.default.div(_templateObject);
+    }, /* 28 */
+    /***/
+    function(module, exports, __webpack_require__) {
+        "use strict";
+        function _interopRequireDefault(obj) {
+            return obj && obj.__esModule ? obj : {
+                default: obj
+            };
+        }
+        Object.defineProperty(exports, "__esModule", {
+            value: !0
         }), exports.Caption = exports.Table = void 0;
-        var _taggedTemplateLiteral2 = __webpack_require__(18), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+        var _taggedTemplateLiteral2 = __webpack_require__(19), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
         _taggedTemplateLiteral3.default)([ "\n  ", ";\n  border-collapse: collapse;\n  width: 100%;\n" ], [ "\n  ", ";\n  border-collapse: collapse;\n  width: 100%;\n" ]), _templateObject2 = (0, 
         _taggedTemplateLiteral3.default)([ "table-layout: fixed;" ], [ "table-layout: fixed;" ]), _templateObject3 = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  font-size: 1.42857143em;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ", "px;\n  margin-top: ", "px;\n  text-align: left;\n" ], [ "\n  font-size: 1.42857143em;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ", "px;\n  margin-top: ", "px;\n  text-align: left;\n" ]), _styledComponents = __webpack_require__(19), _styledComponents2 = _interopRequireDefault(_styledComponents), _constants = __webpack_require__(21);
+        _taggedTemplateLiteral3.default)([ "\n  font-size: 1.42857143em;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ", "px;\n  margin-top: ", "px;\n  text-align: left;\n" ], [ "\n  font-size: 1.42857143em;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ", "px;\n  margin-top: ", "px;\n  text-align: left;\n" ]), _styledComponents = __webpack_require__(20), _styledComponents2 = _interopRequireDefault(_styledComponents), _constants = __webpack_require__(22);
         exports.Table = _styledComponents2.default.table(_templateObject, function(_ref) {
@@ -563,3 +601,3 @@ var isFixedSize = _ref.isFixedSize;
         }), exports.Caption = _styledComponents2.default.caption(_templateObject3, _constants.gridUnit, 7 * _constants.baselineUnit);
-    }, /* 26 */
+    }, /* 29 */
     /***/
@@ -576,3 +614,3 @@ function(module, exports, __webpack_require__) {
         });
-        var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _Stateless = __webpack_require__(2), _Stateless2 = _interopRequireDefault(_Stateless), _props2 = __webpack_require__(11), _props3 = _interopRequireDefault(_props2), _constants = __webpack_require__(10), DynamicTable = function(_PureComponent) {
+        var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _Stateless = __webpack_require__(2), _Stateless2 = _interopRequireDefault(_Stateless), _props2 = __webpack_require__(12), _props3 = _interopRequireDefault(_props2), _constants = __webpack_require__(11), DynamicTable = function(_PureComponent) {
             function DynamicTable() {
@@ -637,3 +675,3 @@ var _ref, _temp, _this, _ret;
             defaultSortKey: _props3.default.sortKey,
-            defaultSortOrder: _react.PropTypes.oneOf([ _constants.ASC, _constants.DESC ])
+            defaultSortOrder: _propTypes2.default.oneOf([ _constants.ASC, _constants.DESC ])
         }, DynamicTable.defaultProps = {
@@ -640,0 +678,0 @@ caption: null,

dist/bundle.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("react"),require("@atlaskit/pagination"),require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/number/is-integer"),require("@atlaskit/util-common"),require("babel-runtime/helpers/objectWithoutProperties"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):"function"==typeof define&&define.amd?define(["babel-runtime/core-js/object/get-prototype-of","babel-runtime/helpers/classCallCheck","babel-runtime/helpers/createClass","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","react","@atlaskit/pagination","babel-runtime/helpers/extends","babel-runtime/core-js/number/is-integer","@atlaskit/util-common","babel-runtime/helpers/objectWithoutProperties","babel-runtime/helpers/taggedTemplateLiteral","styled-components","@atlaskit/util-shared-styles"],t):"object"==typeof exports?exports["@atlaskit/dynamicTable"]=t(require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("react"),require("@atlaskit/pagination"),require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/number/is-integer"),require("@atlaskit/util-common"),require("babel-runtime/helpers/objectWithoutProperties"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):e["@atlaskit/dynamicTable"]=t(e["babel-runtime/core-js/object/get-prototype-of"],e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/createClass"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e.react,e["@atlaskit/pagination"],e["babel-runtime/helpers/extends"],e["babel-runtime/core-js/number/is-integer"],e["@atlaskit/util-common"],e["babel-runtime/helpers/objectWithoutProperties"],e["babel-runtime/helpers/taggedTemplateLiteral"],e["styled-components"],e["@atlaskit/util-shared-styles"])}(this,function(e,t,r,n,o,l,a,i,s,u,d,p,c,f){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicTableStateless=t.default=void 0;var o=r(2);Object.defineProperty(t,"DynamicTableStateless",{enumerable:!0,get:function(){return n(o).default}});var l=r(26),a=n(l);t.default=a.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){switch(e){case g.DESC:return g.ASC;case g.ASC:return g.DESC;default:return e}}Object.defineProperty(t,"__esModule",{value:!0});var l=r(3),a=n(l),i=r(4),s=n(i),u=r(5),d=n(u),p=r(6),c=n(p),f=r(7),b=n(f),y=r(8),h=n(y),m=r(9),g=r(10),S=r(11),v=n(S),x=r(15),P=n(x),C=r(22),w=n(C),k=r(25),T=function(e){function t(){var e,r,n,l;(0,s.default)(this,t);for(var i=arguments.length,u=Array(i),d=0;d<i;d++)u[d]=arguments[d];return r=n=(0,c.default)(this,(e=t.__proto__||(0,a.default)(t)).call.apply(e,[this].concat(u))),n.onSort=function(e){return function(){var t=n.props,r=t.sortKey,l=t.sortOrder,a=t.onSort,i=e.key;if(i){var s=i!==r?g.ASC:o(l);n.onSetPage(1),a({key:i,item:e,sortOrder:s})}}},n.onSetPage=function(e){return n.props.onSetPage(e)},l=r,(0,c.default)(n,l)}return(0,b.default)(t,e),(0,d.default)(t,[{key:"render",value:function(){var e=this.props,t=e.caption,r=e.emptyView,n=e.head,o=e.isFixedSize,l=e.page,a=e.rows,i=e.rowsPerPage,s=e.sortKey,u=e.sortOrder,d=a?Math.ceil(a.length/i):0,p={rows:a,head:n,sortKey:s,sortOrder:u,rowsPerPage:i,page:l,isFixedSize:o};return a&&a.length?h.default.createElement("div",null,h.default.createElement(k.Table,{isFixedSize:o},!!t&&h.default.createElement(k.Caption,null,t),h.default.createElement(P.default,{head:n,onSort:this.onSort,sortKey:s,sortOrder:u}),h.default.createElement(w.default,p)),d?h.default.createElement(m.Pagination,{current:l,onSetPage:this.onSetPage,total:d}):null):r}}]),t}(y.Component);T.propTypes={caption:y.PropTypes.node,head:v.default.head,rows:v.default.rows,emptyView:y.PropTypes.node,isFixedSize:y.PropTypes.bool,rowsPerPage:v.default.isInteger,onSetPage:y.PropTypes.func,onSort:y.PropTypes.func,page:v.default.isInteger,sortKey:v.default.sortKey,sortOrder:y.PropTypes.oneOf([g.ASC,g.DESC])},T.defaultProps={caption:null,head:null,rows:null,emptyView:null,isFixedSize:!1,rowsPerPage:1/0,onSetPage:function(){},onSort:function(){},page:1,sortKey:null,sortOrder:null},t.default=T},function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=n},function(e,t){e.exports=o},function(e,t){e.exports=l},function(e,t){e.exports=a},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ASC="ASC",t.DESC="DESC"},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e,t,r){if(void 0===e[t])return null;if(!(0,p.default)(e[t])&&e[t]!==1/0){var n="'"+t+"' should be an integer or an infinity, got "+e[t]+" instead";return(0,f.createError)(t,r,n)}return null}function l(e,t,r){for(var n=arguments.length,o=Array(n>3?n-3:0),l=3;l<n;l++)o[l-3]=arguments[l];var a=c.PropTypes.arrayOf(y).apply(void 0,[e,t,r].concat(o));if(a instanceof Error)return a;if(!e.head||!e.head.cells)return null;var i=e[t].reduce(function(t,r){return t&&r.length===e.head.cells.length},!0);return i?null:(0,f.createError)(t,r,"One of the rows has different cell-count compared to head.")}function a(e,t,r){for(var n=arguments.length,o=Array(n>3?n-3:0),l=3;l<n;l++)o[l-3]=arguments[l];var a=c.PropTypes.bool.apply(c.PropTypes,[e,t,r].concat(o));return a instanceof Error?a:e[t]&&!e.key?(0,f.createError)(t,r,"'"+t+"' can't be set to true, if the 'key' prop is missing."):null}function i(e,t,r){if(!e[t])return null;var n=e.head.cells.map(function(e){return e.key}).includes(e[t]);return n?null:(0,f.createError)(t,r,"Cell with "+e[t]+" key not found in head.")}Object.defineProperty(t,"__esModule",{value:!0});var s=r(12),u=n(s),d=r(13),p=n(d),c=r(8),f=r(14);o.isRequired=!1;var b={key:c.PropTypes.oneOfType([c.PropTypes.number,c.PropTypes.string,c.PropTypes.bool]),content:c.PropTypes.node},y=c.PropTypes.shape(b);a.isRequired=!1;var h=(0,u.default)({},b,{isSortable:a,width:c.PropTypes.number,shouldTruncate:c.PropTypes.bool}),m=c.PropTypes.shape(h),g=c.PropTypes.shape({cells:c.PropTypes.arrayOf(m)}),S=c.PropTypes.shape({cells:l}),v=c.PropTypes.arrayOf(S);i.isRequired=!1,t.default={head:g,isInteger:o,row:S,rows:v,sortKey:i}},function(e,t){e.exports=i},function(e,t){e.exports=s},function(e,t){e.exports=u},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(12),l=n(o),a=r(16),i=n(a),s=r(8),u=n(s),d=r(10),p=r(17),c=r(11),f=n(c),b=function(e){var t=e.head,r=e.sortKey,n=e.sortOrder,o=e.isFixedSize,a=e.onSort;if(!t)return null;var s=t.cells,d=(0,i.default)(t,["cells"]);return u.default.createElement(p.Head,d,u.default.createElement("tr",null,s.map(function(e,t){var s=e.isSortable,d=e.key,c=e.content,f=(0,i.default)(e,["isSortable","key","content"]);return u.default.createElement(p.HeadCell,(0,l.default)({key:d||t,onClick:s&&a(e),isFixedSize:o,isSortable:s,sortOrder:d===r&&n},f),u.default.createElement("span",null,c))})))};b.propTypes={onSort:s.PropTypes.func,head:f.default.head,sortKey:f.default.sortKey,sortOrder:s.PropTypes.oneOf([d.ASC,d.DESC]),isFixedSize:s.PropTypes.bool},t.default=b},function(e,t){e.exports=d},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.HeadCell=t.Head=void 0;var o=r(18),l=n(o),a=(0,l.default)(["\n  border-bottom: 2px solid #DFE1E6;\n"],["\n  border-bottom: 2px solid #DFE1E6;\n"]),i=(0,l.default)(["\n  ","\n  ","\n  ","\n  ","\n  border: none;\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  position: relative;\n  text-align: left;\n  vertical-align: top;\n"],["\n  ","\n  ","\n  ","\n  ","\n  border: none;\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  position: relative;\n  text-align: left;\n  vertical-align: top;\n"]),s=r(19),u=n(s),d=r(20),p=r(21);t.Head=u.default.thead(a),t.HeadCell=u.default.th(i,function(e){return(0,p.onClickStyle)(e)},function(e){return(0,p.truncateStyle)(e)},function(e){return(0,p.arrowsStyle)(e)},p.cellStyle,d.akColorN300)},function(e,t){e.exports=p},function(e,t){e.exports=c},function(e,t){e.exports=f},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.cellStyle=t.arrowsStyle=t.onClickStyle=t.truncateStyle=t.baselineUnit=t.gridUnit=void 0;var o=r(18),l=n(o),a=(0,l.default)(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"]),i=(0,l.default)(["width: ","%;"],["width: ","%;"]),s=(0,l.default)(["overflow: hidden;"],["overflow: hidden;"]),u=(0,l.default)(["\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "],["\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "]),d=(0,l.default)(["\n  &:hover {\n    cursor: pointer;\n  }\n"],["\n  &:hover {\n    cursor: pointer;\n  }\n"]),p=(0,l.default)(["\n    border: 3px solid transparent;\n    display: block;\n    height: 0;\n    position: absolute;\n    right: -","px;\n    width: 0;\n  "],["\n    border: 3px solid transparent;\n    display: block;\n    height: 0;\n    position: absolute;\n    right: -","px;\n    width: 0;\n  "]),c=(0,l.default)(["\n    & > span {\n      position: relative;\n        &:before {\n          ",";\n            border-bottom: 3px solid ",";\n            bottom: 8px;\n            content: ' ';\n          };\n        &:after {\n          ",";\n          border-top: 3px solid ",";\n          bottom: 0;\n          content: ' ';\n        };\n      }\n\n      &:hover > span {\n        &:before {\n          border-bottom: 3px solid ",";\n        }\n        &:after {\n          border-top: 3px solid ",";\n        }\n      }\n    "],["\n    & > span {\n      position: relative;\n        &:before {\n          ",";\n            border-bottom: 3px solid ",";\n            bottom: 8px;\n            content: ' ';\n          };\n        &:after {\n          ",";\n          border-top: 3px solid ",";\n          bottom: 0;\n          content: ' ';\n        };\n      }\n\n      &:hover > span {\n        &:before {\n          border-bottom: 3px solid ",";\n        }\n        &:after {\n          border-top: 3px solid ",";\n        }\n      }\n    "]),f=(0,l.default)(["\n    border: none;\n    padding: ","px ","px;\n    text-align: left;\n    &:first-child {\n      padding-left: 0;\n    }\n    &:last-child {\n      padding-right: 0;\n    }\n"],["\n    border: none;\n    padding: ","px ","px;\n    text-align: left;\n    &:first-child {\n      padding-left: 0;\n    }\n    &:last-child {\n      padding-right: 0;\n    }\n"]),b=r(19),y=r(20),h=r(10),m=t.gridUnit=parseInt(y.akGridSize,10),g=t.baselineUnit=m/2;t.truncateStyle=function(e){var t=e.width,r=e.isFixedSize,n=e.shouldTruncate;return(0,b.css)(a,t?(0,b.css)(i,t):"",r?(0,b.css)(s):"",r&&n?(0,b.css)(u):"")},t.onClickStyle=function(e){var t=e.onClick;return t&&(0,b.css)(d)},t.arrowsStyle=function(e){var t=e.isSortable,r=e.sortOrder;if(!t)return"";var n=(0,b.css)(p,m);return(0,b.css)(c,n,r===h.ASC?y.akColorN300:y.akColorN40,n,r===h.DESC?y.akColorN300:y.akColorN40,r===h.ASC?y.akColorN300:y.akColorN60,r===h.DESC?y.akColorN300:y.akColorN60)},t.cellStyle=(0,b.css)(f,g,m)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(8),l=n(o),a=r(10),i=r(23),s=n(i),u=r(11),d=n(u),p=function(e,t,r,n){if(!r||!e)return t;var o=function(t){return t.reduce(function(t,n,o){return t||e.cells[o].key===r&&(void 0!==n.key?n.key:n.content)},null)};return t.sort(function(e,t){var r=o(e.cells),l=o(t.cells),i=n===a.ASC?1:-1;return!r||r<l?-i:!l||r>l?i:0})},c=function(e){var t=e.rows,r=e.head,n=e.sortKey,o=e.sortOrder,a=e.rowsPerPage,i=e.page,u=e.isFixedSize,d=p(r,t,n,o)||[];return l.default.createElement("tbody",null,d.slice((i-1)*a,i*a).map(function(e,t){return l.default.createElement(s.default,{row:e,rowIndex:t,head:r,isFixedSize:u})}))};c.propTypes={head:d.default.head,rows:d.default.rows,sortKey:d.default.sortKey,sortOrder:o.PropTypes.oneOf([a.ASC,a.DESC]),rowsPerPage:d.default.isInteger,page:d.default.isInteger,isFixedSize:o.PropTypes.bool},t.default=c},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(12),l=n(o),a=r(16),i=n(a),s=r(8),u=n(s),d=r(24),p=r(11),c=n(p),f=function(e){var t=e.row,r=e.rowIndex,n=e.head,o=e.isFixedSize,a=t.cells,s=(0,i.default)(t,["cells"]);return u.default.createElement(d.TableBodyRow,(0,l.default)({key:r},s),a.map(function(e,t){var r=e.content,a=(0,i.default)(e,["content"]),s=(n||{cells:[]}).cells[t]||{},p=s.shouldTruncate,c=s.width;return u.default.createElement(d.TableBodyCell,(0,l.default)({},a,{key:t,width:c,shouldTruncate:p,isFixedSize:o}),r)}))};f.propTypes={row:c.default.row,rowIndex:s.PropTypes.number,head:c.default.head,isFixedSize:s.PropTypes.bool},t.default=f},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.TableBodyCell=t.TableBodyRow=void 0;var o=r(18),l=n(o),a=(0,l.default)(["\n  ","\n  &:hover {\n    background: ",";\n  }\n"],["\n  ","\n  &:hover {\n    background: ",";\n  }\n"]),i=(0,l.default)(["\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n"]),s=r(19),u=n(s),d=r(20),p=r(21);t.TableBodyRow=u.default.tr(a,function(e){return(0,p.onClickStyle)(e)},d.akColorN10),t.TableBodyCell=u.default.td(i,function(e){return(0,p.onClickStyle)(e)},function(e){return(0,p.truncateStyle)(e)},p.cellStyle)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Caption=t.Table=void 0;var o=r(18),l=n(o),a=(0,l.default)(["\n  ",";\n  border-collapse: collapse;\n  width: 100%;\n"],["\n  ",";\n  border-collapse: collapse;\n  width: 100%;\n"]),i=(0,l.default)(["table-layout: fixed;"],["table-layout: fixed;"]),s=(0,l.default)(["\n  font-size: 1.42857143em;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ","px;\n  margin-top: ","px;\n  text-align: left;\n"],["\n  font-size: 1.42857143em;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ","px;\n  margin-top: ","px;\n  text-align: left;\n"]),u=r(19),d=n(u),p=r(21);t.Table=d.default.table(a,function(e){var t=e.isFixedSize;return t&&(0,u.css)(i)}),t.Caption=d.default.caption(s,p.gridUnit,7*p.baselineUnit)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(3),l=n(o),a=r(4),i=n(a),s=r(5),u=n(s),d=r(6),p=n(d),c=r(7),f=n(c),b=r(8),y=n(b),h=r(2),m=n(h),g=r(11),S=n(g),v=r(10),x=function(e){function t(){var e,r,n,o;(0,i.default)(this,t);for(var a=arguments.length,s=Array(a),u=0;u<a;u++)s[u]=arguments[u];return r=n=(0,p.default)(this,(e=t.__proto__||(0,l.default)(t)).call.apply(e,[this].concat(s))),n.state={page:n.props.defaultPage,sortKey:n.props.defaultSortKey,sortOrder:n.props.defaultSortOrder},n.onSetPage=function(e){n.props.onSetPage(e),n.setState({page:e})},n.onSort=function(e){var t=e.key,r=e.item,o=e.sortOrder;n.props.onSort({key:t,item:r,sortOrder:o}),n.setState({sortKey:t,sortOrder:o,page:1})},o=r,(0,p.default)(n,o)}return(0,f.default)(t,e),(0,u.default)(t,[{key:"componentWillReceiveProps",value:function(e){this.setState({page:e.page,sortKey:e.defaultSortKey,sortOrder:e.defaultSortOrder})}},{key:"render",value:function(){var e=this.props,t=e.caption,r=e.emptyView,n=e.head,o=e.isFixedSize,l=e.rows,a=e.rowsPerPage,i=this.state,s=i.page,u=i.sortKey,d=i.sortOrder;return y.default.createElement(m.default,{caption:t,emptyView:r,head:n,isFixedSize:o,onSetPage:this.onSetPage,onSort:this.onSort,page:s,rows:l,rowsPerPage:a,sortKey:u,sortOrder:d})}}]),t}(b.PureComponent);x.propTypes={defaultPage:S.default.isInteger,defaultSortKey:S.default.sortKey,defaultSortOrder:b.PropTypes.oneOf([v.ASC,v.DESC])},x.defaultProps={caption:null,defaultPage:1,defaultSortKey:null,defaultSortOrder:null,emptyView:null,head:null,isFixedSize:!1,onSetPage:function(){},onSort:function(){},rows:null,rowsPerPage:1/0},t.default=x}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("prop-types"),require("react"),require("@atlaskit/pagination"),require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/number/is-integer"),require("@atlaskit/util-common"),require("babel-runtime/helpers/objectWithoutProperties"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):"function"==typeof define&&define.amd?define(["babel-runtime/core-js/object/get-prototype-of","babel-runtime/helpers/classCallCheck","babel-runtime/helpers/createClass","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","prop-types","react","@atlaskit/pagination","babel-runtime/helpers/extends","babel-runtime/core-js/number/is-integer","@atlaskit/util-common","babel-runtime/helpers/objectWithoutProperties","babel-runtime/helpers/taggedTemplateLiteral","styled-components","@atlaskit/util-shared-styles"],t):"object"==typeof exports?exports["@atlaskit/dynamicTable"]=t(require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("prop-types"),require("react"),require("@atlaskit/pagination"),require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/number/is-integer"),require("@atlaskit/util-common"),require("babel-runtime/helpers/objectWithoutProperties"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):e["@atlaskit/dynamicTable"]=t(e["babel-runtime/core-js/object/get-prototype-of"],e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/createClass"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e["prop-types"],e.react,e["@atlaskit/pagination"],e["babel-runtime/helpers/extends"],e["babel-runtime/core-js/number/is-integer"],e["@atlaskit/util-common"],e["babel-runtime/helpers/objectWithoutProperties"],e["babel-runtime/helpers/taggedTemplateLiteral"],e["styled-components"],e["@atlaskit/util-shared-styles"])}(this,function(e,t,r,n,o,l,a,i,u,s,d,f,c,p,b){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicTableStateless=t.default=void 0;var o=r(2);Object.defineProperty(t,"DynamicTableStateless",{enumerable:!0,get:function(){return n(o).default}});var l=r(29),a=n(l);t.default=a.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){switch(e){case v.DESC:return v.ASC;case v.ASC:return v.DESC;default:return e}}Object.defineProperty(t,"__esModule",{value:!0});var l=r(3),a=n(l),i=r(4),u=n(i),s=r(5),d=n(s),f=r(6),c=n(f),p=r(7),b=n(p),h=r(8),y=n(h),m=r(9),g=n(m),S=r(10),v=r(11),x=r(12),w=n(x),C=r(16),_=n(C),k=r(23),P=n(k),O=r(26),E=n(O),j=r(28),q=function(e){function t(){var e,r,n,l;(0,u.default)(this,t);for(var i=arguments.length,s=Array(i),d=0;d<i;d++)s[d]=arguments[d];return r=n=(0,c.default)(this,(e=t.__proto__||(0,a.default)(t)).call.apply(e,[this].concat(s))),n.onSort=function(e){return function(){var t=n.props,r=t.sortKey,l=t.sortOrder,a=t.onSort,i=e.key;if(i){var u=i!==r?v.ASC:o(l);n.onSetPage(1),a({key:i,item:e,sortOrder:u})}}},n.onSetPage=function(e){return n.props.onSetPage(e)},l=r,(0,c.default)(n,l)}return(0,b.default)(t,e),(0,d.default)(t,[{key:"render",value:function(){var e=this.props,t=e.caption,r=e.emptyView,n=e.head,o=e.isFixedSize,l=e.page,a=e.rows,i=e.rowsPerPage,u=e.sortKey,s=e.sortOrder,d=a?Math.ceil(a.length/i):0,f={rows:a,head:n,sortKey:u,sortOrder:s,rowsPerPage:i,page:l,isFixedSize:o},c=a&&a.length,p=r&&g.default.createElement(E.default,null,r);return g.default.createElement("div",null,g.default.createElement(j.Table,{isFixedSize:o},!!t&&g.default.createElement(j.Caption,null,t),n&&g.default.createElement(_.default,{head:n,onSort:this.onSort,sortKey:u,sortOrder:s}),c&&g.default.createElement(P.default,f)),d?g.default.createElement(S.Pagination,{current:l,onSetPage:this.onSetPage,total:d}):null,!c&&p)}}]),t}(m.Component);q.propTypes={caption:y.default.node,head:w.default.head,rows:w.default.rows,emptyView:y.default.node,isFixedSize:y.default.bool,rowsPerPage:w.default.isInteger,onSetPage:y.default.func,onSort:y.default.func,page:w.default.isInteger,sortKey:w.default.sortKey,sortOrder:y.default.oneOf([v.ASC,v.DESC])},q.defaultProps={caption:null,head:null,rows:null,emptyView:null,isFixedSize:!1,rowsPerPage:1/0,onSetPage:function(){},onSort:function(){},page:1,sortKey:null,sortOrder:null},t.default=q},function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=n},function(e,t){e.exports=o},function(e,t){e.exports=l},function(e,t){e.exports=a},function(e,t){e.exports=i},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ASC="ASC",t.DESC="DESC"},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e,t,r){if(void 0===e[t])return null;if(!(0,f.default)(e[t])&&e[t]!==1/0){var n="'"+t+"' should be an integer or an infinity, got "+e[t]+" instead";return(0,b.createError)(t,r,n)}return null}function l(e,t,r){for(var n=arguments.length,o=Array(n>3?n-3:0),l=3;l<n;l++)o[l-3]=arguments[l];var a=p.default.arrayOf(y).apply(void 0,[e,t,r].concat(o));if(a instanceof Error)return a;if(!e.head||!e.head.cells)return null;var i=e[t].reduce(function(t,r){return t&&r.length===e.head.cells.length},!0);return i?null:(0,b.createError)(t,r,"One of the rows has different cell-count compared to head.")}function a(e,t,r){for(var n=arguments.length,o=Array(n>3?n-3:0),l=3;l<n;l++)o[l-3]=arguments[l];var a=p.default.bool.apply(p.default,[e,t,r].concat(o));return a instanceof Error?a:e[t]&&!e.key?(0,b.createError)(t,r,"'"+t+"' can't be set to true, if the 'key' prop is missing."):null}function i(e,t,r){if(!e[t])return null;var n=e.head.cells.map(function(e){return e.key}).includes(e[t]);return n?null:(0,b.createError)(t,r,"Cell with "+e[t]+" key not found in head.")}Object.defineProperty(t,"__esModule",{value:!0});var u=r(13),s=n(u),d=r(14),f=n(d),c=r(8),p=n(c),b=r(15);o.isRequired=!1;var h={key:p.default.oneOfType([p.default.number,p.default.string,p.default.bool]),content:p.default.node},y=p.default.shape(h);a.isRequired=!1;var m=(0,s.default)({},h,{isSortable:a,width:p.default.number,shouldTruncate:p.default.bool}),g=p.default.shape(m),S=p.default.shape({cells:p.default.arrayOf(g)}),v=p.default.shape({cells:l}),x=p.default.arrayOf(v);i.isRequired=!1,t.default={head:S,isInteger:o,row:v,rows:x,sortKey:i}},function(e,t){e.exports=u},function(e,t){e.exports=s},function(e,t){e.exports=d},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(13),l=n(o),a=r(17),i=n(a),u=r(8),s=n(u),d=r(9),f=n(d),c=r(11),p=r(18),b=r(12),h=n(b),y=function(e){var t=e.head,r=e.sortKey,n=e.sortOrder,o=e.isFixedSize,a=e.onSort;if(!t)return null;var u=t.cells,s=(0,i.default)(t,["cells"]);return f.default.createElement(p.Head,s,f.default.createElement("tr",null,u.map(function(e,t){var u=e.isSortable,s=e.key,d=e.content,c=(0,i.default)(e,["isSortable","key","content"]);return f.default.createElement(p.HeadCell,(0,l.default)({key:s||t,onClick:u&&a(e),isFixedSize:o,isSortable:u,sortOrder:s===r&&n},c),f.default.createElement("span",null,d))})))};y.propTypes={onSort:s.default.func,head:h.default.head,sortKey:h.default.sortKey,sortOrder:s.default.oneOf([c.ASC,c.DESC]),isFixedSize:s.default.bool},t.default=y},function(e,t){e.exports=f},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.HeadCell=t.Head=void 0;var o=r(19),l=n(o),a=(0,l.default)(["\n  border-bottom: 2px solid #DFE1E6;\n"],["\n  border-bottom: 2px solid #DFE1E6;\n"]),i=(0,l.default)(["\n  ","\n  ","\n  ","\n  ","\n  border: none;\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  position: relative;\n  text-align: left;\n  vertical-align: top;\n"],["\n  ","\n  ","\n  ","\n  ","\n  border: none;\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  position: relative;\n  text-align: left;\n  vertical-align: top;\n"]),u=r(20),s=n(u),d=r(21),f=r(22);t.Head=s.default.thead(a),t.HeadCell=s.default.th(i,function(e){return(0,f.onClickStyle)(e)},function(e){return(0,f.truncateStyle)(e)},function(e){return(0,f.arrowsStyle)(e)},f.cellStyle,d.akColorN300)},function(e,t){e.exports=c},function(e,t){e.exports=p},function(e,t){e.exports=b},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.cellStyle=t.arrowsStyle=t.onClickStyle=t.truncateStyle=t.baselineUnit=t.gridUnit=void 0;var o=r(19),l=n(o),a=(0,l.default)(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"]),i=(0,l.default)(["width: ","%;"],["width: ","%;"]),u=(0,l.default)(["overflow: hidden;"],["overflow: hidden;"]),s=(0,l.default)(["\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "],["\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "]),d=(0,l.default)(["\n  &:hover {\n    cursor: pointer;\n  }\n"],["\n  &:hover {\n    cursor: pointer;\n  }\n"]),f=(0,l.default)(["\n    border: 3px solid transparent;\n    display: block;\n    height: 0;\n    position: absolute;\n    right: -","px;\n    width: 0;\n  "],["\n    border: 3px solid transparent;\n    display: block;\n    height: 0;\n    position: absolute;\n    right: -","px;\n    width: 0;\n  "]),c=(0,l.default)(["\n    & > span {\n      position: relative;\n        &:before {\n          ",";\n            border-bottom: 3px solid ",";\n            bottom: 8px;\n            content: ' ';\n          };\n        &:after {\n          ",";\n          border-top: 3px solid ",";\n          bottom: 0;\n          content: ' ';\n        };\n      }\n\n      &:hover > span {\n        &:before {\n          border-bottom: 3px solid ",";\n        }\n        &:after {\n          border-top: 3px solid ",";\n        }\n      }\n    "],["\n    & > span {\n      position: relative;\n        &:before {\n          ",";\n            border-bottom: 3px solid ",";\n            bottom: 8px;\n            content: ' ';\n          };\n        &:after {\n          ",";\n          border-top: 3px solid ",";\n          bottom: 0;\n          content: ' ';\n        };\n      }\n\n      &:hover > span {\n        &:before {\n          border-bottom: 3px solid ",";\n        }\n        &:after {\n          border-top: 3px solid ",";\n        }\n      }\n    "]),p=(0,l.default)(["\n    border: none;\n    padding: ","px ","px;\n    text-align: left;\n    &:first-child {\n      padding-left: 0;\n    }\n    &:last-child {\n      padding-right: 0;\n    }\n"],["\n    border: none;\n    padding: ","px ","px;\n    text-align: left;\n    &:first-child {\n      padding-left: 0;\n    }\n    &:last-child {\n      padding-right: 0;\n    }\n"]),b=r(20),h=r(21),y=r(11),m=t.gridUnit=parseInt(h.akGridSize,10),g=t.baselineUnit=m/2;t.truncateStyle=function(e){var t=e.width,r=e.isFixedSize,n=e.shouldTruncate;return(0,b.css)(a,t?(0,b.css)(i,t):"",r?(0,b.css)(u):"",r&&n?(0,b.css)(s):"")},t.onClickStyle=function(e){var t=e.onClick;return t&&(0,b.css)(d)},t.arrowsStyle=function(e){var t=e.isSortable,r=e.sortOrder;if(!t)return"";var n=(0,b.css)(f,m);return(0,b.css)(c,n,r===y.ASC?h.akColorN300:h.akColorN40,n,r===y.DESC?h.akColorN300:h.akColorN40,r===y.ASC?h.akColorN300:h.akColorN60,r===y.DESC?h.akColorN300:h.akColorN60)},t.cellStyle=(0,b.css)(p,g,m)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(8),l=n(o),a=r(9),i=n(a),u=r(11),s=r(24),d=n(s),f=r(12),c=n(f),p=function(e,t,r,n){if(!r||!e)return t;var o=function(t){return t.reduce(function(t,n,o){return t||e.cells[o].key===r&&(void 0!==n.key?n.key:n.content)},null)};return t.sort(function(e,t){var r=o(e.cells),l=o(t.cells),a=n===u.ASC?1:-1;return!r||r<l?-a:!l||r>l?a:0})},b=function(e){var t=e.rows,r=e.head,n=e.sortKey,o=e.sortOrder,l=e.rowsPerPage,a=e.page,u=e.isFixedSize,s=p(r,t,n,o)||[];return i.default.createElement("tbody",null,s.slice((a-1)*l,a*l).map(function(e,t){return i.default.createElement(d.default,{row:e,rowIndex:t,head:r,isFixedSize:u})}))};b.propTypes={head:c.default.head,rows:c.default.rows,sortKey:c.default.sortKey,sortOrder:l.default.oneOf([u.ASC,u.DESC]),rowsPerPage:c.default.isInteger,page:c.default.isInteger,isFixedSize:l.default.bool},t.default=b},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(13),l=n(o),a=r(17),i=n(a),u=r(8),s=n(u),d=r(9),f=n(d),c=r(25),p=r(12),b=n(p),h=function(e){var t=e.row,r=e.rowIndex,n=e.head,o=e.isFixedSize,a=t.cells,u=(0,i.default)(t,["cells"]);return f.default.createElement(c.TableBodyRow,(0,l.default)({key:r},u),a.map(function(e,t){var r=e.content,a=(0,i.default)(e,["content"]),u=(n||{cells:[]}).cells[t]||{},s=u.shouldTruncate,d=u.width;return f.default.createElement(c.TableBodyCell,(0,l.default)({},a,{key:t,width:d,shouldTruncate:s,isFixedSize:o}),r)}))};h.propTypes={row:b.default.row,rowIndex:s.default.number,head:b.default.head,isFixedSize:s.default.bool},t.default=h},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.TableBodyCell=t.TableBodyRow=void 0;var o=r(19),l=n(o),a=(0,l.default)(["\n  ","\n  &:hover {\n    background: ",";\n  }\n"],["\n  ","\n  &:hover {\n    background: ",";\n  }\n"]),i=(0,l.default)(["\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n"]),u=r(20),s=n(u),d=r(21),f=r(22);t.TableBodyRow=s.default.tr(a,function(e){return(0,f.onClickStyle)(e)},d.akColorN10),t.TableBodyCell=s.default.td(i,function(e){return(0,f.onClickStyle)(e)},function(e){return(0,f.truncateStyle)(e)},f.cellStyle)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(8),l=n(o),a=r(9),i=n(a),u=r(27),s=n(u),d=function(e){var t=e.children;return i.default.createElement(s.default,null,t)};d.propTypes={children:l.default.node},t.default=d},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(19),l=n(o),a=(0,l.default)(["\n  margin: auto;\n  width: 50%;\n  text-align: center;\n  padding: 10px;\n"],["\n  margin: auto;\n  width: 50%;\n  text-align: center;\n  padding: 10px;\n"]),i=r(20),u=n(i);t.default=u.default.div(a)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Caption=t.Table=void 0;var o=r(19),l=n(o),a=(0,l.default)(["\n  ",";\n  border-collapse: collapse;\n  width: 100%;\n"],["\n  ",";\n  border-collapse: collapse;\n  width: 100%;\n"]),i=(0,l.default)(["table-layout: fixed;"],["table-layout: fixed;"]),u=(0,l.default)(["\n  font-size: 1.42857143em;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ","px;\n  margin-top: ","px;\n  text-align: left;\n"],["\n  font-size: 1.42857143em;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ","px;\n  margin-top: ","px;\n  text-align: left;\n"]),s=r(20),d=n(s),f=r(22);t.Table=d.default.table(a,function(e){var t=e.isFixedSize;return t&&(0,s.css)(i)}),t.Caption=d.default.caption(u,f.gridUnit,7*f.baselineUnit)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(3),l=n(o),a=r(4),i=n(a),u=r(5),s=n(u),d=r(6),f=n(d),c=r(7),p=n(c),b=r(8),h=n(b),y=r(9),m=n(y),g=r(2),S=n(g),v=r(12),x=n(v),w=r(11),C=function(e){function t(){var e,r,n,o;(0,i.default)(this,t);for(var a=arguments.length,u=Array(a),s=0;s<a;s++)u[s]=arguments[s];return r=n=(0,f.default)(this,(e=t.__proto__||(0,l.default)(t)).call.apply(e,[this].concat(u))),n.state={page:n.props.defaultPage,sortKey:n.props.defaultSortKey,sortOrder:n.props.defaultSortOrder},n.onSetPage=function(e){n.props.onSetPage(e),n.setState({page:e})},n.onSort=function(e){var t=e.key,r=e.item,o=e.sortOrder;n.props.onSort({key:t,item:r,sortOrder:o}),n.setState({sortKey:t,sortOrder:o,page:1})},o=r,(0,f.default)(n,o)}return(0,p.default)(t,e),(0,s.default)(t,[{key:"componentWillReceiveProps",value:function(e){this.setState({page:e.page,sortKey:e.defaultSortKey,sortOrder:e.defaultSortOrder})}},{key:"render",value:function(){var e=this.props,t=e.caption,r=e.emptyView,n=e.head,o=e.isFixedSize,l=e.rows,a=e.rowsPerPage,i=this.state,u=i.page,s=i.sortKey,d=i.sortOrder;return m.default.createElement(S.default,{caption:t,emptyView:r,head:n,isFixedSize:o,onSetPage:this.onSetPage,onSort:this.onSort,page:u,rows:l,rowsPerPage:a,sortKey:s,sortOrder:d})}}]),t}(y.PureComponent);C.propTypes={defaultPage:x.default.isInteger,defaultSortKey:x.default.sortKey,defaultSortOrder:h.default.oneOf([w.ASC,w.DESC])},C.defaultProps={caption:null,defaultPage:1,defaultSortKey:null,defaultSortOrder:null,emptyView:null,head:null,isFixedSize:!1,onSetPage:function(){},onSort:function(){},rows:null,rowsPerPage:1/0},t.default=C}])});

package.json

 {
   "name": "@atlaskit/dynamic-table",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "config": {
@@ -25,2 +25,3 @@ "access": "public"
     "babel-runtime": "^6.11.6",
+    "prop-types": "^15.5.10",
     "styled-components": "^1.3.0"
@@ -27,0 +28,0 @@ },

README.md

@@ -14,3 +14,3 @@ [![AtlasKit component registry](https://img.shields.io/badge/AtlasKit-components-FF5230.svg)](http://atlaskit.atlassian.com)
 
-Interact with a [live demo of the @atlaskit/dynamic-table component](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/dynamic-table/3.0.0/).
+Interact with a [live demo of the @atlaskit/dynamic-table component](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/dynamic-table/4.0.0/).
 
@@ -23,3 +23,3 @@ ## Installation
 
-Detailed docs and example usage can be found [here](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/@atlaskit/dynamic-table/3.0.0/).
+Detailed docs and example usage can be found [here](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/@atlaskit/dynamic-table/4.0.0/).
 
@@ -26,0 +26,0 @@ _* Please note that this module could have dependencies that are governed by the Atlassian Design Guidelines license which will be automatically included on install. Each dependency has a license file that indicates whether the Atlassian Design Guidelines license applies._

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

118497

increased by7.07%

Lines of code

1373

increased by6.77%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dependency count

7

increased by16.67%

Dependency changes

• + Addedprop-types@^15.5.10