@atlaskit/dynamic-table 14.6.1 → 14.8.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @atlaskit/dynamic-table
 
+## 14.8.0
+
+### Minor Changes
+
+- [`f88eb89b356`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f88eb89b356) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
+
+### Patch Changes
+
+- [`12e03c6416b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/12e03c6416b) - Allow `className` on internal components for css prop functionality. There should be no change in behaviour.
+- Updated dependencies
+
+## 14.7.1
+
+### Patch Changes
+
+- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
+
+## 14.7.0
+
+### Minor Changes
+
+- [`266abf54eea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/266abf54eea) - [ux] Pagination no longer renders when rowsPerPage is set, but there's only one page of content
+
+### Patch Changes
+
+- [`39e49a80bee`](https://bitbucket.org/atlassian/atlassian-frontend/commits/39e49a80bee) - Remove adding undefined to css if width is 'undefined'
+- [`f619b95cd00`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f619b95cd00) - [ux] bug fix: table no longer shows empty page, when number of pages reduced
+- [`31cf385e99b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/31cf385e99b) - DSP-2011 Change dynamically generated styles to be static
+- [`8202e37941b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8202e37941b) - Internal code change turning on new linting rules.
+- [`02eb9c1c335`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02eb9c1c335) - [ux] Fix table row shift 1px when dragging first table row issue
+- Updated dependencies
+
 ## 14.6.1
 
 ### Patch Changes

package/dist/cjs/components/{Body.js → body.js}

@@ -19,9 +19,9 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _react = _interopRequireDefault(require("react"));
 
-var _withSortedPageRows = _interopRequireDefault(require("../hoc/withSortedPageRows"));
+var _withSortedPageRows = _interopRequireDefault(require("../hoc/with-sorted-page-rows"));
 
-var _TableRow = _interopRequireDefault(require("./TableRow"));
+var _tableRow = _interopRequireDefault(require("./table-row"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -49,7 +49,7 @@ var Body = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react.default.createElement("tbody", {
         "data-testid": testId && "".concat(testId, "--body")
       }, pageRows.map(function (row, rowIndex) {
-        return /*#__PURE__*/_react.default.createElement(_TableRow.default, {
+        return /*#__PURE__*/_react.default.createElement(_tableRow.default, {
           head: head,
           isFixedSize: isFixedSize,
           key: row.key || rowIndex,

package/dist/cjs/components/{LoadingContainerAdvanced.js → loading-container-advanced.js}

@@ -31,7 +31,7 @@ var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 
 var _constants = require("../internal/constants");
 
-var _LoadingContainerAdvanced = require("../styled/LoadingContainerAdvanced");
+var _loadingContainerAdvanced = require("../styled/loading-container-advanced");
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -237,11 +237,11 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
           isLoading = _this$props2.isLoading,
           spinnerSize = _this$props2.spinnerSize,
           testId = _this$props2.testId;
-      return /*#__PURE__*/_react.default.createElement(_LoadingContainerAdvanced.Container, null, /*#__PURE__*/_react.default.cloneElement(children, {
+      return /*#__PURE__*/_react.default.createElement(_loadingContainerAdvanced.Container, null, /*#__PURE__*/_react.default.cloneElement(children, {
         ref: function ref(el) {
           _this2.children = el;
         }
-      }), isLoading && /*#__PURE__*/_react.default.createElement(_LoadingContainerAdvanced.SpinnerBackdrop, null, /*#__PURE__*/_react.default.createElement(_LoadingContainerAdvanced.SpinnerContainer, {
+      }), isLoading && /*#__PURE__*/_react.default.createElement(_loadingContainerAdvanced.SpinnerBackdrop, null, /*#__PURE__*/_react.default.createElement(_loadingContainerAdvanced.SpinnerContainer, {
         ref: function ref(el) {
           return _this2.spinnerRef = el;
         }

package/dist/cjs/components/{LoadingContainer.js → loading-container.js}

@@ -25,7 +25,7 @@ var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 
 var _constants = require("../internal/constants");
 
-var _LoadingContainer = require("../styled/LoadingContainer");
+var _loadingContainer = require("../styled/loading-container");
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -50,9 +50,9 @@ var LoadingContainer = /*#__PURE__*/function (_React$Component) {
           spinnerSize = _this$props.spinnerSize,
           contentsOpacity = _this$props.contentsOpacity,
           testId = _this$props.testId;
-      return /*#__PURE__*/_react.default.createElement(_LoadingContainer.Container, null, !isLoading ? children : /*#__PURE__*/_react.default.createElement(_LoadingContainer.ContentsContainer, {
+      return /*#__PURE__*/_react.default.createElement(_loadingContainer.Container, null, !isLoading ? children : /*#__PURE__*/_react.default.createElement(_loadingContainer.ContentsContainer, {
         contentsOpacity: contentsOpacity
-      }, children), isLoading && /*#__PURE__*/_react.default.createElement(_LoadingContainer.SpinnerContainer, null, /*#__PURE__*/_react.default.createElement(_spinner.default, {
+      }, children), isLoading && /*#__PURE__*/_react.default.createElement(_loadingContainer.SpinnerContainer, null, /*#__PURE__*/_react.default.createElement(_spinner.default, {
         size: spinnerSize,
         testId: testId && "".concat(testId, "--loadingSpinner")
       })));

package/dist/cjs/components/rankable/{Body.js → body.js}

@@ -27,9 +27,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactBeautifulDnd = require("react-beautiful-dnd");
 
-var _withSortedPageRows = _interopRequireDefault(require("../../hoc/withSortedPageRows"));
+var _withSortedPageRows = _interopRequireDefault(require("../../hoc/with-sorted-page-rows"));
 
-var _TableRow = _interopRequireDefault(require("./TableRow"));
+var _tableRow = _interopRequireDefault(require("./table-row"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -122,7 +122,7 @@ var RankableBody = /*#__PURE__*/function (_React$Component) {
           "data-testid": testId,
           ref: provided.innerRef
         }, provided.droppableProps), pageRows.map(function (row, rowIndex) {
-          return /*#__PURE__*/_react.default.createElement(_TableRow.default, {
+          return /*#__PURE__*/_react.default.createElement(_tableRow.default, {
             head: head,
             isRanking: isRanking,
             isFixedSize: isFixedSize,

package/dist/cjs/components/rankable/{TableCell.js → table-cell.js}

@@ -23,11 +23,11 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _react = _interopRequireDefault(require("react"));
 
-var _withDimensions = _interopRequireDefault(require("../../hoc/withDimensions"));
+var _withDimensions = _interopRequireDefault(require("../../hoc/with-dimensions"));
 
 var _helpers = require("../../internal/helpers");
 
-var _TableCell = require("../../styled/rankable/TableCell");
+var _tableCell = require("../../styled/rankable/table-cell");
 
 var _excluded = ["content"];
 
@@ -63,7 +63,7 @@ var RankableTableCell = /*#__PURE__*/function (_React$Component) {
           width = _ref.width;
 
       var inlineStyles = (0, _helpers.inlineStylesIfRanking)(isRanking, refWidth);
-      return /*#__PURE__*/_react.default.createElement(_TableCell.RankableTableBodyCell, (0, _extends2.default)({}, restCellProps, {
+      return /*#__PURE__*/_react.default.createElement(_tableCell.RankableTableBodyCell, (0, _extends2.default)({}, restCellProps, {
         isFixedSize: isFixedSize,
         shouldTruncate: shouldTruncate,
         width: width,

package/dist/cjs/components/rankable/{TableHeadCell.js → table-head-cell.js}

@@ -23,11 +23,11 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _react = _interopRequireDefault(require("react"));
 
-var _withDimensions = _interopRequireDefault(require("../../hoc/withDimensions"));
+var _withDimensions = _interopRequireDefault(require("../../hoc/with-dimensions"));
 
 var _helpers = require("../../internal/helpers");
 
-var _TableHeadCell = _interopRequireDefault(require("../TableHeadCell"));
+var _tableHeadCell = _interopRequireDefault(require("../table-head-cell"));
 
 var _excluded = ["isRanking", "refHeight", "refWidth"];
 
@@ -54,7 +54,7 @@ var RankableTableHeadCell = /*#__PURE__*/function (_React$Component) {
           refWidth = _this$props.refWidth,
           restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
       var inlineStyles = (0, _helpers.inlineStylesIfRanking)(isRanking, refWidth);
-      return /*#__PURE__*/_react.default.createElement(_TableHeadCell.default, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_tableHeadCell.default, (0, _extends2.default)({
         inlineStyles: inlineStyles
       }, restProps));
     }

package/dist/cjs/components/rankable/{TableRow.js → table-row.js}

@@ -29,13 +29,13 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactBeautifulDnd = require("react-beautiful-dnd");
 
-var _withDimensions = _interopRequireDefault(require("../../hoc/withDimensions"));
+var _withDimensions = _interopRequireDefault(require("../../hoc/with-dimensions"));
 
 var _helpers = require("../../internal/helpers");
 
-var _TableRow = require("../../styled/rankable/TableRow");
+var _tableRow = require("../../styled/rankable/table-row");
 
-var _TableCell = _interopRequireDefault(require("./TableCell"));
+var _tableCell = _interopRequireDefault(require("./table-cell"));
 
 var _excluded = ["cells", "key"];
 
@@ -103,7 +103,7 @@ var RankableTableRow = /*#__PURE__*/function (_React$Component) {
         index: rowIndex,
         isDragDisabled: isRankingDisabled
       }, function (provided, snapshot) {
-        return /*#__PURE__*/_react.default.createElement(_TableRow.RankableTableBodyRow, (0, _extends2.default)({}, restRowProps, provided.dragHandleProps, provided.draggableProps, {
+        return /*#__PURE__*/_react.default.createElement(_tableRow.RankableTableBodyRow, (0, _extends2.default)({}, restRowProps, provided.dragHandleProps, provided.draggableProps, {
           ref: _this2.innerRef(provided.innerRef),
           style: _objectSpread(_objectSpread({}, provided.draggableProps.style), inlineStyles),
           isHighlighted: isHighlighted,
@@ -113,7 +113,7 @@ var RankableTableRow = /*#__PURE__*/function (_React$Component) {
           var headCell = (head || {
             cells: []
           }).cells[cellIndex];
-          return /*#__PURE__*/_react.default.createElement(_TableCell.default, {
+          return /*#__PURE__*/_react.default.createElement(_tableCell.default, {
             head: headCell,
             cell: cell,
             isRanking: isRanking,

package/dist/cjs/components/{Stateful.js → stateful.js}

@@ -23,9 +23,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
+var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+
 var _helpers = require("../internal/helpers");
 
-var _Stateless = _interopRequireDefault(require("./Stateless"));
+var _stateless = _interopRequireDefault(require("./stateless"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -174,7 +176,7 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
           onPageRowsUpdate = _this$props.onPageRowsUpdate,
           testId = _this$props.testId,
           label = _this$props.label;
-      return /*#__PURE__*/_react.default.createElement(_Stateless.default, {
+      return /*#__PURE__*/_react.default.createElement(_stateless.default, {
         paginationi18n: paginationi18n,
         caption: caption,
         emptyView: emptyView,
@@ -209,7 +211,7 @@ exports.default = DynamicTable;
   isLoading: false,
   isFixedSize: false,
   isRankable: false,
-  onSetPage: function onSetPage() {},
-  onSort: function onSort() {},
+  onSetPage: _noop.default,
+  onSort: _noop.default,
   rowsPerPage: Infinity
 });

package/dist/cjs/components/{Stateless.js → stateless.js}

@@ -27,32 +27,34 @@ var _react = _interopRequireDefault(require("react"));
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
+var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+
 var _constants = require("../internal/constants");
 
 var _helpers = require("../internal/helpers");
 
-var _DynamicTable = require("../styled/DynamicTable");
+var _dynamicTable = require("../styled/dynamic-table");
 
-var _EmptyBody = require("../styled/EmptyBody");
+var _emptyBody = require("../styled/empty-body");
 
-var _Body = _interopRequireDefault(require("./Body"));
+var _body = _interopRequireDefault(require("./body"));
 
-var _LoadingContainer = _interopRequireDefault(require("./LoadingContainer"));
+var _loadingContainer = _interopRequireDefault(require("./loading-container"));
 
-var _LoadingContainerAdvanced = _interopRequireDefault(require("./LoadingContainerAdvanced"));
+var _loadingContainerAdvanced = _interopRequireDefault(require("./loading-container-advanced"));
 
 var _managedPagination = _interopRequireDefault(require("./managed-pagination"));
 
-var _Body2 = _interopRequireDefault(require("./rankable/Body"));
+var _body2 = _interopRequireDefault(require("./rankable/body"));
 
-var _TableHead = _interopRequireDefault(require("./TableHead"));
+var _tableHead = _interopRequireDefault(require("./table-head"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.6.1";
+var packageVersion = "14.8.0";
 
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
@@ -162,10 +164,10 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
           isLoading = _this$props3.isLoading;
 
       if (isLoading) {
-        return /*#__PURE__*/_react.default.createElement(_EmptyBody.EmptyViewWithFixedHeight, null);
+        return /*#__PURE__*/_react.default.createElement(_emptyBody.EmptyViewWithFixedHeight, null);
       }
 
-      return emptyView && /*#__PURE__*/_react.default.createElement(_EmptyBody.EmptyViewContainer, null, emptyView);
+      return emptyView && /*#__PURE__*/_react.default.createElement(_emptyBody.EmptyViewContainer, null, emptyView);
     });
     return _this;
   }
@@ -229,6 +231,9 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
         totalPages = rowsLength && rowsPerPage ? Math.ceil(rowsLength / rowsPerPage) : 0;
       }
 
+      totalPages = totalPages < 1 ? 1 : totalPages;
+      var getPageNumber = page > totalPages ? totalPages : page; // page! required, because typescript can't yet see defaultProps to know that this won't be undefined
+
       var bodyProps = {
         highlightedRowIndex: highlightedRowIndex,
         rows: rows,
@@ -236,7 +241,7 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
         sortKey: sortKey,
         sortOrder: sortOrder,
         rowsPerPage: rowsPerPage,
-        page: page,
+        page: getPageNumber,
         isFixedSize: isFixedSize || false,
         onPageRowsUpdate: onPageRowsUpdate,
         isTotalPagesControlledExternally: isTotalPagesControlledExternally,
@@ -249,18 +254,19 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
       var spinnerSize = this.getSpinnerSize();
       var emptyBody = this.renderEmptyBody();
       var canRank = isRankable && !sortKey;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_LoadingContainerAdvanced.default, {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_loadingContainerAdvanced.default, {
         isLoading: isLoading && rowsExist,
         spinnerSize: spinnerSize,
         targetRef: function targetRef() {
           return _this2.tableBody;
         },
         testId: testId
-      }, /*#__PURE__*/_react.default.createElement(_DynamicTable.Table, {
+      }, /*#__PURE__*/_react.default.createElement(_dynamicTable.Table, {
         isFixedSize: isFixedSize,
         "data-testid": testId && "".concat(testId, "--table"),
-        "aria-label": label
-      }, !!caption && /*#__PURE__*/_react.default.createElement(_DynamicTable.Caption, null, caption), head && /*#__PURE__*/_react.default.createElement(_TableHead.default, {
+        "aria-label": label,
+        hasDataRow: rowsExist
+      }, !!caption && /*#__PURE__*/_react.default.createElement(_dynamicTable.Caption, null, caption), head && /*#__PURE__*/_react.default.createElement(_tableHead.default, {
         head: head,
         onSort: this.onSort,
         sortKey: sortKey,
@@ -268,18 +274,21 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
         isRanking: this.state.isRanking,
         isRankable: canRank,
         testId: testId
-      }), rowsExist && (canRank ? /*#__PURE__*/_react.default.createElement(_Body2.default, (0, _extends2.default)({}, bodyProps, {
+      }), rowsExist && (canRank ? /*#__PURE__*/_react.default.createElement(_body2.default, (0, _extends2.default)({}, bodyProps, {
         isRanking: this.state.isRanking,
         onRankStart: this.onRankStart,
         onRankEnd: this.onRankEnd,
         isRankingDisabled: isRankingDisabled || isLoading || false
-      })) : /*#__PURE__*/_react.default.createElement(_Body.default, bodyProps)))), !totalPages ? null : /*#__PURE__*/_react.default.createElement(_DynamicTable.PaginationWrapper, null, /*#__PURE__*/_react.default.createElement(_managedPagination.default, {
-        value: page,
+      })) : /*#__PURE__*/_react.default.createElement(_body.default, bodyProps)))), totalPages <= 1 ? null :
+      /*#__PURE__*/
+      // only show pagination if there's MORE than 1 page
+      _react.default.createElement(_dynamicTable.PaginationWrapper, null, /*#__PURE__*/_react.default.createElement(_managedPagination.default, {
+        value: getPageNumber,
         onChange: this.onSetPage,
         total: totalPages,
         i18n: paginationi18n,
         testId: testId
-      })), !rowsExist && emptyBody && /*#__PURE__*/_react.default.createElement(_LoadingContainer.default, {
+      })), !rowsExist && emptyBody && /*#__PURE__*/_react.default.createElement(_loadingContainer.default, {
         isLoading: isLoading,
         spinnerSize: _constants.LARGE,
         testId: testId
@@ -294,13 +303,13 @@ exports.DynamicTableWithoutAnalytics = DynamicTable;
   isLoading: false,
   isFixedSize: false,
   rowsPerPage: Infinity,
-  onSetPage: function onSetPage() {},
-  onSort: function onSort() {},
+  onSetPage: _noop.default,
+  onSort: _noop.default,
   page: 1,
   isRankable: false,
   isRankingDisabled: false,
-  onRankStart: function onRankStart() {},
-  onRankEnd: function onRankEnd() {},
+  onRankStart: _noop.default,
+  onRankEnd: _noop.default,
   paginationi18n: {
     prev: 'Prev',
     next: 'Next',

package/dist/cjs/components/{TableHeadCell.js → table-head-cell.js}

@@ -13,7 +13,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _TableHead = require("../styled/TableHead");
+var _tableHead = require("../styled/table-head");
 
 var _excluded = ["content", "inlineStyles", "testId", "isRanking", "innerRef", "isSortable"];
 
@@ -25,16 +25,18 @@ var TableHeadCell = function TableHeadCell(_ref) {
       innerRef = _ref.innerRef,
       isSortable = _ref.isSortable,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_TableHead.HeadCell, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_tableHead.HeadCell, (0, _extends2.default)({
     style: inlineStyles,
     "data-testid": testId && "".concat(testId, "--head--cell"),
     ref: typeof innerRef !== 'string' ? innerRef : null // string refs must be discarded as LegacyRefs are not compatible with FC forwardRefs
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 
   }, rest, {
     tabIndex: isSortable ? 0 : undefined,
     isSortable: isSortable
   }), /*#__PURE__*/_react.default.createElement("span", null, content));
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 var _default = TableHeadCell;
 exports.default = _default;

package/dist/cjs/components/{TableHead.js → table-head.js}

@@ -29,11 +29,11 @@ var _react = _interopRequireDefault(require("react"));
 
 var _helpers = require("../internal/helpers");
 
-var _TableHead = require("../styled/TableHead");
+var _tableHead = require("../styled/table-head");
 
-var _TableHeadCell = _interopRequireDefault(require("./rankable/TableHeadCell"));
+var _tableHeadCell = _interopRequireDefault(require("./rankable/table-head-cell"));
 
-var _TableHeadCell2 = _interopRequireDefault(require("./TableHeadCell"));
+var _tableHeadCell2 = _interopRequireDefault(require("./table-head-cell"));
 
 var _excluded = ["cells"],
     _excluded2 = ["isSortable", "key"];
@@ -94,10 +94,10 @@ var TableHead = /*#__PURE__*/function (_React$Component) {
         return null;
       }
 
-      var HeadCellComponent = isRankable ? _TableHeadCell.default : _TableHeadCell2.default;
+      var HeadCellComponent = isRankable ? _tableHeadCell.default : _tableHeadCell2.default;
       var cells = head.cells,
           rest = (0, _objectWithoutProperties2.default)(head, _excluded);
-      return /*#__PURE__*/_react.default.createElement(_TableHead.Head, (0, _extends2.default)({}, rest, {
+      return /*#__PURE__*/_react.default.createElement(_tableHead.Head, (0, _extends2.default)({}, rest, {
         isRanking: isRanking,
         "data-testid": testId && "".concat(testId, "--head")
       }), /*#__PURE__*/_react.default.createElement("tr", null, cells.map(function (cell, index) {
@@ -120,7 +120,8 @@ var TableHead = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return TableHead;
-}(_react.default.Component);
+}(_react.default.Component); // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 var _default = TableHead;
 exports.default = _default;

package/dist/cjs/components/{TableRow.js → table-row.js}

@@ -13,9 +13,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _TableCell = require("../styled/TableCell");
+var _tableCell = require("../styled/table-cell");
 
-var _TableRow = require("../styled/TableRow");
+var _tableRow = require("../styled/table-row");
 
 var _excluded = ["cells"],
     _excluded2 = ["content"];
@@ -28,7 +28,7 @@ var Row = function Row(_ref) {
       isHighlighted = _ref.isHighlighted;
   var cells = row.cells,
       restRowProps = (0, _objectWithoutProperties2.default)(row, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_TableRow.TableBodyRow, (0, _extends2.default)({}, restRowProps, {
+  return /*#__PURE__*/_react.default.createElement(_tableRow.TableBodyRow, (0, _extends2.default)({}, restRowProps, {
     isHighlighted: isHighlighted
   }, isHighlighted ? {
     'data-ts--dynamic-table--table-row--highlighted': true
@@ -44,7 +44,7 @@ var Row = function Row(_ref) {
         shouldTruncate = _ref2.shouldTruncate,
         width = _ref2.width;
 
-    return /*#__PURE__*/_react.default.createElement(_TableCell.TableBodyCell, (0, _extends2.default)({
+    return /*#__PURE__*/_react.default.createElement(_tableCell.TableBodyCell, (0, _extends2.default)({
       "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex)
     }, restCellProps, {
       isFixedSize: isFixedSize,
@@ -54,7 +54,8 @@ var Row = function Row(_ref) {
       width: width
     }), content);
   }));
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 var _default = Row;
 exports.default = _default;

package/dist/cjs/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "DynamicTableStateless", {
   enumerable: true,
   get: function get() {
-    return _Stateless.default;
+    return _stateless.default;
   }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _Stateful.default;
+    return _stateful.default;
   }
 });
 
-var _Stateful = _interopRequireDefault(require("./components/Stateful"));
+var _stateful = _interopRequireDefault(require("./components/stateful"));
 
-var _Stateless = _interopRequireDefault(require("./components/Stateless"));
+var _stateless = _interopRequireDefault(require("./components/stateless"));

package/dist/cjs/styled/constants.js

@@ -9,35 +9,35 @@ exports.truncationWidthStyles = exports.overflowTruncateStyles = exports.getTrun
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _constants = require("@atlaskit/theme/constants");
 
 var CSS_VAR_WIDTH = '--local-dynamic-table-width';
 var gridSize = (0, _constants.gridSize)();
-var truncationWidthStyles = (0, _core.css)({
+var truncationWidthStyles = (0, _react.css)({
   width: "var(".concat(CSS_VAR_WIDTH, ")")
 });
 exports.truncationWidthStyles = truncationWidthStyles;
-var fixedSizeTruncateStyles = (0, _core.css)({
+var fixedSizeTruncateStyles = (0, _react.css)({
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap'
 });
 exports.fixedSizeTruncateStyles = fixedSizeTruncateStyles;
-var overflowTruncateStyles = (0, _core.css)({
+var overflowTruncateStyles = (0, _react.css)({
   overflow: 'hidden'
 });
 exports.overflowTruncateStyles = overflowTruncateStyles;
 
 var getTruncationStyleVars = function getTruncationStyleVars(_ref) {
   var width = _ref.width;
-  return (0, _defineProperty2.default)({}, CSS_VAR_WIDTH, typeof width !== 'undefined' ? "".concat(width, "%") : undefined);
+  return typeof width !== 'undefined' ? (0, _defineProperty2.default)({}, CSS_VAR_WIDTH, "".concat(width, "%")) : undefined;
 };
 
 exports.getTruncationStyleVars = getTruncationStyleVars;
-var cellStyles = (0, _core.css)({
-  border: 'none',
+var cellStyles = (0, _react.css)({
   padding: "".concat(gridSize / 2, "px ").concat(gridSize, "px"),
+  border: 'none',
   textAlign: 'left',
   '&:first-of-type': {
     paddingLeft: 0