@atlaskit/dynamic-table 14.14.0 → 14.15.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/dynamic-table
 
+## 14.15.0
+
+### Minor Changes
+
+- [#81321](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81321) [`2579643f7ac8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2579643f7ac8) - Dynamic table now respects test IDs when passed in at the cell level. Note that there are no prefixes applied to this test ID. It is assumed that if you are providing a test ID at the cell level, you are wanting to target a single cell in an isolated context. If you're looking to gain insight to a particular cell in the context of its surrounding elements, it might be preferrable to supply a test ID to the root of the table and use the generated test IDs for querying instead.
+
 ## 14.14.0
 
 ### Minor Changes

package/dist/cjs/components/body.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 var _withSortedPageRows = _interopRequireDefault(require("../hoc/with-sorted-page-rows"));
 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); }; }
-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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var Body = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(Body, _React$Component);
   var _super = _createSuper(Body);

package/dist/cjs/components/error-boundary.js

@@ -12,7 +12,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _react = _interopRequireDefault(require("react"));
 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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ErrorBoundary, _React$Component);
   var _super = _createSuper(ErrorBoundary);

package/dist/cjs/components/loading-container-advanced.js

@@ -18,7 +18,7 @@ var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _constants = require("../internal/constants");
 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); }; }
-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; } } /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
 var LoadingContainerAdvanced = exports.default = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(LoadingContainerAdvanced, _React$Component);
   var _super = _createSuper(LoadingContainerAdvanced);

package/dist/cjs/components/loading-container.js

@@ -16,7 +16,7 @@ var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _constants = require("../internal/constants");
 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); }; }
-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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var LoadingContainer = exports.default = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(LoadingContainer, _React$Component);
   var _super = _createSuper(LoadingContainer);

package/dist/cjs/components/managed-pagination.js

@@ -16,7 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _pagination = _interopRequireDefault(require("@atlaskit/pagination"));
 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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var ManagedPagination = exports.default = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ManagedPagination, _React$Component);
   var _super = _createSuper(ManagedPagination);

package/dist/cjs/components/rankable/body.js

@@ -18,7 +18,7 @@ var _reactBeautifulDnd = require("react-beautiful-dnd");
 var _withSortedPageRows = _interopRequireDefault(require("../../hoc/with-sorted-page-rows"));
 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); }; }
-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; } } // Allowing existing usage of non Pragmatic drag and drop solution
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // Allowing existing usage of non Pragmatic drag and drop solution
 // eslint-disable-next-line @atlaskit/design-system/no-unsupported-drag-and-drop-libraries
 // computes destination of ranking
 // - if drag was cancelled returns undefined

package/dist/cjs/components/rankable/table-cell.js

@@ -16,9 +16,9 @@ var _react = _interopRequireDefault(require("react"));
 var _withDimensions = _interopRequireDefault(require("../../hoc/with-dimensions"));
 var _helpers = require("../../internal/helpers");
 var _tableCell = require("../../styled/rankable/table-cell");
-var _excluded = ["content"];
+var _excluded = ["content", "testId"];
 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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var RankableTableCell = exports.RankableTableCell = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(RankableTableCell, _React$Component);
   var _super = _createSuper(RankableTableCell);
@@ -38,6 +38,7 @@ var RankableTableCell = exports.RankableTableCell = /*#__PURE__*/function (_Reac
         innerRef = _this$props.innerRef,
         testId = _this$props.testId;
       var content = cell.content,
+        cellTestId = cell.testId,
         restCellProps = (0, _objectWithoutProperties2.default)(cell, _excluded);
       var _ref = head || {},
         shouldTruncate = _ref.shouldTruncate,
@@ -53,7 +54,7 @@ var RankableTableCell = exports.RankableTableCell = /*#__PURE__*/function (_Reac
           return e.stopPropagation();
         },
         innerRef: innerRef,
-        "data-testid": testId && "".concat(testId, "--rankable--table--body--cell")
+        "data-testid": cellTestId || testId && "".concat(testId, "--rankable--table--body--cell")
       }), content);
     }
   }]);

package/dist/cjs/components/rankable/table-head-cell.js

@@ -18,7 +18,7 @@ var _helpers = require("../../internal/helpers");
 var _tableHeadCell = _interopRequireDefault(require("../table-head-cell"));
 var _excluded = ["isRanking", "refHeight", "refWidth"];
 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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var RankableTableHeadCell = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(RankableTableHeadCell, _React$Component);
   var _super = _createSuper(RankableTableHeadCell);

package/dist/cjs/components/rankable/table-row.js

@@ -24,7 +24,7 @@ var _excluded = ["cells", "key", "isHighlighted"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; } } // Allowing existing usage of non Pragmatic drag and drop solution
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // Allowing existing usage of non Pragmatic drag and drop solution
 // eslint-disable-next-line @atlaskit/design-system/no-unsupported-drag-and-drop-libraries
 var RankableTableRow = exports.RankableTableRow = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(RankableTableRow, _React$Component);

package/dist/cjs/components/stateful.js

@@ -17,7 +17,7 @@ var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _helpers = require("../internal/helpers");
 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); }; }
-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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * __Dynamic Table__
  *

package/dist/cjs/components/stateless.js

@@ -30,12 +30,12 @@ var _loadingContainerAdvanced = _interopRequireDefault(require("./loading-contai
 var _managedPagination = _interopRequireDefault(require("./managed-pagination"));
 var _tableHead = _interopRequireDefault(require("./table-head"));
 var _excluded = ["isRankable", "isRanking", "onRankStart", "onRankEnd", "isRankingDisabled"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.14.0";
+var packageVersion = "14.15.0";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case _constants.DESC:

package/dist/cjs/components/table-head.js

@@ -20,7 +20,7 @@ var _tableHeadCell2 = _interopRequireDefault(require("./table-head-cell"));
 var _excluded = ["cells"],
   _excluded2 = ["colSpan", "content", "isSortable", "key", "shouldTruncate", "testId", "width"];
 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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var TableHead = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(TableHead, _React$Component);
   var _super = _createSuper(TableHead);

package/dist/cjs/components/table-row.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _tableCell = require("../styled/table-cell");
 var _tableRow = require("../styled/table-row");
 var _excluded = ["cells"],
-  _excluded2 = ["content"];
+  _excluded2 = ["content", "testId"];
 var Row = function Row(_ref) {
   var row = _ref.row,
     head = _ref.head,
@@ -28,6 +28,7 @@ var Row = function Row(_ref) {
     testId: testId && "".concat(testId, "--row-").concat(restRowProps.key)
   }), cells.map(function (cell, cellIndex) {
     var content = cell.content,
+      cellTestId = cell.testId,
       restCellProps = (0, _objectWithoutProperties2.default)(cell, _excluded2);
     var _ref2 = (head || {
         cells: []
@@ -35,7 +36,7 @@ var Row = function Row(_ref) {
       shouldTruncate = _ref2.shouldTruncate,
       width = _ref2.width;
     return /*#__PURE__*/_react.default.createElement(_tableCell.TableBodyCell, (0, _extends2.default)({
-      "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex)
+      "data-testid": cellTestId || testId && "".concat(testId, "--cell-").concat(cellIndex)
     }, restCellProps, {
       isFixedSize: isFixedSize,
       key: cellIndex // eslint-disable-line react/no-array-index-key

package/dist/cjs/hoc/with-dimensions.js

@@ -15,7 +15,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // Compute height and width of wrapped component before ranking
 function withDimensions(WrappedComponent) {
   return /*#__PURE__*/function (_React$Component) {

package/dist/cjs/hoc/with-sorted-page-rows.js

@@ -22,7 +22,7 @@ var _excluded = ["rows", "head", "sortKey", "sortOrder", "rowsPerPage", "page",
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var getSortingCellValue = function getSortingCellValue(cells, head, sortKey) {
   for (var i = 0; i < cells.length; i++) {
     var _head$cells$i;

package/dist/cjs/theme.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.tableBorder = exports.row = exports.head = exports.arrow = exports.MSThemeColors = void 0;
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var MSThemeColors = exports.MSThemeColors = {
   Background: 'Canvas',
   Text: 'CanvasText',

package/dist/es2019/components/rankable/table-cell.js

@@ -16,6 +16,7 @@ export class RankableTableCell extends React.Component {
     } = this.props;
     const {
       content,
+      testId: cellTestId,
       ...restCellProps
     } = cell;
     const {
@@ -31,7 +32,7 @@ export class RankableTableCell extends React.Component {
       style: inlineStyles,
       onKeyDown: e => e.stopPropagation(),
       innerRef: innerRef,
-      "data-testid": testId && `${testId}--rankable--table--body--cell`
+      "data-testid": cellTestId || testId && `${testId}--rankable--table--body--cell`
     }), content);
   }
 }

package/dist/es2019/components/stateless.js

@@ -14,7 +14,7 @@ import LoadingContainerAdvanced from './loading-container-advanced';
 import ManagedPagination from './managed-pagination';
 import TableHead from './table-head';
 const packageName = "@atlaskit/dynamic-table";
-const packageVersion = "14.14.0";
+const packageVersion = "14.15.0";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case DESC:

package/dist/es2019/components/table-row.js

@@ -22,6 +22,7 @@ const Row = ({
   }), cells.map((cell, cellIndex) => {
     const {
       content,
+      testId: cellTestId,
       ...restCellProps
     } = cell;
     const {
@@ -31,7 +32,7 @@ const Row = ({
       cells: []
     }).cells[cellIndex] || {};
     return /*#__PURE__*/React.createElement(TableBodyCell, _extends({
-      "data-testid": testId && `${testId}--cell-${cellIndex}`
+      "data-testid": cellTestId || testId && `${testId}--cell-${cellIndex}`
     }, restCellProps, {
       isFixedSize: isFixedSize,
       key: cellIndex // eslint-disable-line react/no-array-index-key

package/dist/esm/components/body.js

@@ -5,7 +5,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import withSortedPageRows from '../hoc/with-sorted-page-rows';
 import TableRow from './table-row';

package/dist/esm/components/error-boundary.js

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(ErrorBoundary, _React$Component);

package/dist/esm/components/loading-container-advanced.js

@@ -7,7 +7,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
 import React from 'react';
 import Spinner from '@atlaskit/spinner';

package/dist/esm/components/loading-container.js

@@ -5,7 +5,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import Spinner from '@atlaskit/spinner';
 import { LARGE, LOADING_CONTENTS_OPACITY } from '../internal/constants';

package/dist/esm/components/managed-pagination.js

@@ -7,7 +7,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import Pagination from '@atlaskit/pagination';
 var ManagedPagination = /*#__PURE__*/function (_React$Component) {

package/dist/esm/components/rankable/body.js

@@ -7,7 +7,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 
 // Allowing existing usage of non Pragmatic drag and drop solution

package/dist/esm/components/rankable/table-cell.js

@@ -5,9 +5,9 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-var _excluded = ["content"];
+var _excluded = ["content", "testId"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import withDimensions from '../../hoc/with-dimensions';
 import { inlineStylesIfRanking } from '../../internal/helpers';
@@ -31,6 +31,7 @@ export var RankableTableCell = /*#__PURE__*/function (_React$Component) {
         innerRef = _this$props.innerRef,
         testId = _this$props.testId;
       var content = cell.content,
+        cellTestId = cell.testId,
         restCellProps = _objectWithoutProperties(cell, _excluded);
       var _ref = head || {},
         shouldTruncate = _ref.shouldTruncate,
@@ -46,7 +47,7 @@ export var RankableTableCell = /*#__PURE__*/function (_React$Component) {
           return e.stopPropagation();
         },
         innerRef: innerRef,
-        "data-testid": testId && "".concat(testId, "--rankable--table--body--cell")
+        "data-testid": cellTestId || testId && "".concat(testId, "--rankable--table--body--cell")
       }), content);
     }
   }]);

package/dist/esm/components/rankable/table-head-cell.js

@@ -7,7 +7,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 var _excluded = ["isRanking", "refHeight", "refWidth"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import withDimensions from '../../hoc/with-dimensions';
 import { inlineStylesIfRanking } from '../../internal/helpers';

package/dist/esm/components/rankable/table-row.js

@@ -11,7 +11,7 @@ var _excluded = ["cells", "key", "isHighlighted"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 
 // Allowing existing usage of non Pragmatic drag and drop solution

package/dist/esm/components/stateful.js

@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import noop from '@atlaskit/ds-lib/noop';
 import { reorderRows } from '../internal/helpers';

package/dist/esm/components/stateless.js

@@ -10,7 +10,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["isRankable", "isRanking", "onRankStart", "onRankEnd", "isRankingDisabled"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { forwardRef, lazy, Suspense, useEffect, useState } from 'react';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
@@ -25,7 +25,7 @@ import LoadingContainerAdvanced from './loading-container-advanced';
 import ManagedPagination from './managed-pagination';
 import TableHead from './table-head';
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.14.0";
+var packageVersion = "14.15.0";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case DESC:

package/dist/esm/components/table-head.js

@@ -8,7 +8,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 var _excluded = ["cells"],
   _excluded2 = ["colSpan", "content", "isSortable", "key", "shouldTruncate", "testId", "width"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { validateSortKey } from '../internal/helpers';
 import { Head } from '../styled/table-head';

package/dist/esm/components/table-row.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["cells"],
-  _excluded2 = ["content"];
+  _excluded2 = ["content", "testId"];
 import React from 'react';
 import { TableBodyCell } from '../styled/table-cell';
 import { TableBodyRow } from '../styled/table-row';
@@ -21,6 +21,7 @@ var Row = function Row(_ref) {
     testId: testId && "".concat(testId, "--row-").concat(restRowProps.key)
   }), cells.map(function (cell, cellIndex) {
     var content = cell.content,
+      cellTestId = cell.testId,
       restCellProps = _objectWithoutProperties(cell, _excluded2);
     var _ref2 = (head || {
         cells: []
@@ -28,7 +29,7 @@ var Row = function Row(_ref) {
       shouldTruncate = _ref2.shouldTruncate,
       width = _ref2.width;
     return /*#__PURE__*/React.createElement(TableBodyCell, _extends({
-      "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex)
+      "data-testid": cellTestId || testId && "".concat(testId, "--cell-").concat(cellIndex)
     }, restCellProps, {
       isFixedSize: isFixedSize,
       key: cellIndex // eslint-disable-line react/no-array-index-key

package/dist/esm/hoc/with-dimensions.js

@@ -7,7 +7,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 // Compute height and width of wrapped component before ranking
 export default function withDimensions(WrappedComponent) {

package/dist/esm/hoc/with-sorted-page-rows.js

@@ -12,7 +12,7 @@ var _excluded = ["rows", "head", "sortKey", "sortOrder", "rowsPerPage", "page",
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { ASC } from '../internal/constants';
 import { getPageRows, validateSortKey } from '../internal/helpers';

package/dist/types/types.d.ts

@@ -42,7 +42,8 @@ export interface I18nShape {
 }
 export interface StatelessProps extends WithAnalyticsEventsProps {
     /**
-     * Caption for the table styled as a heading.
+     * Caption for the table styled as a heading. This appears before the table header, and is announced when people who use assistive technology land on the table.
+     * If you don’t want the caption to appear on the page but do want it to be available for assistive technology, surround the caption with `<VisuallyHidden>`.
      */
     caption?: React.ReactNode;
     /**
@@ -62,8 +63,8 @@ export interface StatelessProps extends WithAnalyticsEventsProps {
      */
     emptyView?: React.ReactElement<any>;
     /**
-     * Configuration of the loading spinner shown when `isLoading` is true.
-     * Defaults to `"large"` when a page has more than two rows, else `"small"`.
+     * Sets the size of the loading spinner when `isLoading` is true.
+     * Defaults to `"large"` when a page has more than two rows, otherwise it will be `"small"`.
      */
     loadingSpinnerSize?: LoadingSpinnerSizeType;
     /**
@@ -75,7 +76,7 @@ export interface StatelessProps extends WithAnalyticsEventsProps {
      */
     loadingLabel?: string;
     /**
-     * Displays columns as their initial width regardless of the content that loads in.
+     * Use this to force columns to use their initial width regardless of the size of the content that loads in.
      */
     isFixedSize?: boolean;
     /**
@@ -87,21 +88,20 @@ export interface StatelessProps extends WithAnalyticsEventsProps {
      */
     totalRows?: number;
     /**
-     * Callback fired when the table page has changed,
-     * useful when wanting to control the pagination of the table.
+     * A callback that happens when the table page has changed.
+     * Use this when you want to control the pagination of the table.
      */
     onSetPage?: (page: number, UIAnalyticsEvent?: UIAnalyticsEvent) => void;
     /**
-     * Callback fired when a column heading has been sorted,
-     * useful when wanting to control the sort order of the table.
+     * A callback that happens when a column heading has been sorted. Use this to provide custom sorting for the table.
      */
     onSort?: (data: any, UIAnalyticsEvent?: UIAnalyticsEvent) => void;
     /**
-     * Callback fired when the rows displayed on a page have changed.
+     * A callback that happens when the rows displayed on a page have changed.
      */
     onPageRowsUpdate?: (pageRows: Array<RowType>) => void;
     /**
-     * Page the table should show. Set by default to 1, so never undefined.
+     * Page the table should show. Set by default to 1, so that it's never undefined.
      */
     page?: number;
     /**
@@ -114,29 +114,29 @@ export interface StatelessProps extends WithAnalyticsEventsProps {
      */
     sortOrder?: SortOrderType;
     /**
-     * Enables drag & drop sorting of table rows.
+     * Use this to enable drag and drop sorting of table rows.
      */
     isRankable?: boolean;
     /**
      * Disables being able to drop rows on the table.
-     * Drag will still function.
+     * We recommend using `isRankable` instead of this prop, and it will be deprecated in a future release.
      */
     isRankingDisabled?: boolean;
     /**
-     * Callback fired when a drag of a row has started.
+     * A callback that happens when a drag of a row has started.
      */
     onRankStart?: (rankStart: RankStart) => void;
     /**
-     * Callback fired when a drop of a row has completed.
+     * A callback that happens when a drop of a row has completed.
      */
     onRankEnd?: (rankEnd: RankEnd, uiAnalyticsEvent?: UIAnalyticsEvent) => void;
     /**
      * Labels for the pagination wrapper, previous and next buttons used in pagination.
-     * Defaults to `"page"`, `"pagination"`, `"previous"` and `"next"`.
+     * Defaults to `"Page"`, `"Pagination"`, `"Previous"` and `"Next"`.
      */
     paginationi18n?: I18nShape;
     /**
-     * Will highlight a row(s) of the table. Should be used to draw attention to a row; not to indicate selection.
+     * Use this to set which rows will be highlighted. Never use highlighted rows to indicate that a person has selected or focused on the row.
      */
     highlightedRowIndex?: number | number[];
     /**
@@ -156,19 +156,20 @@ export interface StatelessProps extends WithAnalyticsEventsProps {
      */
     testId?: string;
     /**
-     * Used to provide a better description of the table for users with assistive technologies.
-     * Rather than a screen reader speaking "Entering table", passing in an label
-     * allows a custom message like "Entering Sample Numerical Data table".
+     * If you don’t use a caption, then you’ll need to use label to describe the table for assistive technologies.
+     * Avoid using both at the same time as they may conflict.
+     * Rather than a screen reader speaking "Entering table", passing in an label allows a custom message like "Entering Jira Issues table".
      */
     label?: string;
 }
 export interface StatefulProps extends WithAnalyticsEventsProps {
     /**
-     * Caption for the table styled as a heading.
+     * Caption for the table styled as a heading. This appears before the table header, and is announced when people who use assistive technology land on the table.
+     * If you don’t want the caption to appear on the page but do want it to be available for assistive technology, surround the caption with `<VisuallyHidden>`.
      */
     caption?: React.ReactNode;
     /**
-     * Cells to be placed in the head of the table.
+     * Cells to be placed in the head of the table. Never put controls, like links and buttons in the table header.
      * Each element in the head creates a new column.
      */
     head?: HeadType;
@@ -193,54 +194,51 @@ export interface StatefulProps extends WithAnalyticsEventsProps {
      */
     isLoading?: boolean;
     /**
-     * Accessible name for loading states spinner. Can be used for internationalization. Default is "Loading table".
+     * Use this to set a label for assistive technology that describes the loading state.
+     * The default label is "Loading table". You can customize this to be more specific to your table, for example “Loading issue table”.
      */
     loadingLabel?: string;
     /**
-     * Displays columns as their initial width regardless of the content that loads in.
+     * Use this to force columns to use their initial width regardless of the size of the content that loads in.
      */
     isFixedSize?: boolean;
     /**
-     * Controls how many rows should be displayed per page. If set, also turns on pagination, if there is more than one page to show.
+     * Use this to control how many rows should be displayed per page. If the number of rows exceed one page, this will enable pagination.
      */
     rowsPerPage?: number;
     /**
-     * Callback fired when the table page has changed,
-     * useful when wanting to control dynamic table.
+     * A callback that happens when the table page has changed.
      */
     onSetPage?: (page: number, UIAnalyticsEvent?: UIAnalyticsEvent) => void;
     /**
-     * Callback fired when a column heading has been sorted,
-     * useful when wanting to control dynamic table.
+     * A callback that happens when a column heading has been sorted. Use this to provide custom sorting.
      */
     onSort?: (data: any, UIAnalyticsEvent?: UIAnalyticsEvent) => void;
     /**
-     * Callback fired when the rows displayed on a page have changed.
+     * A callback that happens when the rows displayed on a page have changed.
      */
     onPageRowsUpdate?: (pageRows: Array<RowType>) => void;
     /**
      * Page the table should show.
-     * Useful when wanting to control dynamic table.
      */
     page?: number;
     /**
-     * Default page dynamic table should show when initially rendering.
+     * When the table is initially rendered, use this to set which page number is shown by default.
+     * In most circumstances, people will expect this to be page `1`.
      */
     defaultPage?: number;
     /**
      * Column key that the rows should be sorted by.
      * Corresponds to the `key`'s defined in the `head` prop.
-     * Useful when wanting to control dynamic table.
      */
     sortKey?: string;
     /**
-     * Default column sort key that the rows should be sorted by.
+     * Sets which column the rows should be sorted by when the table is initially rendered.
      * Corresponds to the `key`'s defined in the `head` prop.
      */
     defaultSortKey?: string;
     /**
      * Column sort order.
-     * Useful when wanting to control dynamic table.
      */
     sortOrder?: SortOrderType;
     /**
@@ -249,29 +247,29 @@ export interface StatefulProps extends WithAnalyticsEventsProps {
      */
     defaultSortOrder?: SortOrderType;
     /**
-     * Enables drag & drop sorting of table rows.
+     * Use this to enable drag and drop sorting of table rows.
      */
     isRankable?: boolean;
     /**
      * Disables being able to drop rows on the table.
-     * Drag will still function.
+     * We recommend using `isRankable` instead of this prop, and it will be deprecated in a future release.
      */
     isRankingDisabled?: boolean;
     /**
-     * Callback fired when a drag of a row has started.
+     * A callback that happens when a drag of a row has started.
      */
     onRankStart?: (rankStart: RankStart) => void;
     /**
-     * Callback fired when a drop of a row has completed.
+     * A callback that happens when a drop of a row has completed.
      */
     onRankEnd?: (rankEnd: RankEnd) => void;
     /**
      * Labels for the previous and next buttons used in pagination.
-     * Defaults to `"previous"` and `"next"`.
+     * Defaults to `"Previous"` and `"Next"`.
      */
     paginationi18n?: I18nShape;
     /**
-     * Will highlight a row(s) of the table.
+     * Use this to set if the row will be highlighted. Never use highlighted rows to indicate that a person has selected or focused on the row.
      */
     highlightedRowIndex?: number | number[];
     /**
@@ -290,9 +288,9 @@ export interface StatefulProps extends WithAnalyticsEventsProps {
      */
     testId?: string;
     /**
-     * Used to provide a better description of the table for users with assistive technologies.
-     * Rather than a screen reader speaking "Entering table", passing in an label
-     * allows a custom message like "Entering Sample Numerical Data table".
+     * If you don’t use a caption, then you’ll need to use label to describe the table for assistive technologies.
+     * Avoid using both at the same time as they may conflict.
+     * Rather than a screen reader speaking "Entering table", passing in an label allows a custom message like "Entering Jira Issues table".
      */
     label?: string;
 }
@@ -308,7 +306,7 @@ export interface RowType extends React.ComponentPropsWithoutRef<'tr'> {
      */
     onKeyPress?: React.KeyboardEventHandler;
     /**
-     * Highlights the row. Should be used to draw attention to a row; not to indicate selection.
+     * Use this to set if the row will be highlighted. Never use highlighted rows to indicate that a person has selected or focused on the row.
      */
     isHighlighted?: boolean;
     /**
@@ -337,7 +335,7 @@ export interface HeadCellType extends RowCellType {
      */
     width?: number;
     /**
-     * Whether the text in the cell will truncate or not if constrained.
+     * Whether the text in the cell will truncate or not if constrained. Avoid truncating content wherever possible.
      */
     shouldTruncate?: boolean;
 }

package/dist/types-ts4.5/types.d.ts

@@ -42,7 +42,8 @@ export interface I18nShape {
 }
 export interface StatelessProps extends WithAnalyticsEventsProps {
     /**
-     * Caption for the table styled as a heading.
+     * Caption for the table styled as a heading. This appears before the table header, and is announced when people who use assistive technology land on the table.
+     * If you don’t want the caption to appear on the page but do want it to be available for assistive technology, surround the caption with `<VisuallyHidden>`.
      */
     caption?: React.ReactNode;
     /**
@@ -62,8 +63,8 @@ export interface StatelessProps extends WithAnalyticsEventsProps {
      */
     emptyView?: React.ReactElement<any>;
     /**
-     * Configuration of the loading spinner shown when `isLoading` is true.
-     * Defaults to `"large"` when a page has more than two rows, else `"small"`.
+     * Sets the size of the loading spinner when `isLoading` is true.
+     * Defaults to `"large"` when a page has more than two rows, otherwise it will be `"small"`.
      */
     loadingSpinnerSize?: LoadingSpinnerSizeType;
     /**
@@ -75,7 +76,7 @@ export interface StatelessProps extends WithAnalyticsEventsProps {
      */
     loadingLabel?: string;
     /**
-     * Displays columns as their initial width regardless of the content that loads in.
+     * Use this to force columns to use their initial width regardless of the size of the content that loads in.
      */
     isFixedSize?: boolean;
     /**
@@ -87,21 +88,20 @@ export interface StatelessProps extends WithAnalyticsEventsProps {
      */
     totalRows?: number;
     /**
-     * Callback fired when the table page has changed,
-     * useful when wanting to control the pagination of the table.
+     * A callback that happens when the table page has changed.
+     * Use this when you want to control the pagination of the table.
      */
     onSetPage?: (page: number, UIAnalyticsEvent?: UIAnalyticsEvent) => void;
     /**
-     * Callback fired when a column heading has been sorted,
-     * useful when wanting to control the sort order of the table.
+     * A callback that happens when a column heading has been sorted. Use this to provide custom sorting for the table.
      */
     onSort?: (data: any, UIAnalyticsEvent?: UIAnalyticsEvent) => void;
     /**
-     * Callback fired when the rows displayed on a page have changed.
+     * A callback that happens when the rows displayed on a page have changed.
      */
     onPageRowsUpdate?: (pageRows: Array<RowType>) => void;
     /**
-     * Page the table should show. Set by default to 1, so never undefined.
+     * Page the table should show. Set by default to 1, so that it's never undefined.
      */
     page?: number;
     /**
@@ -114,29 +114,29 @@ export interface StatelessProps extends WithAnalyticsEventsProps {
      */
     sortOrder?: SortOrderType;
     /**
-     * Enables drag & drop sorting of table rows.
+     * Use this to enable drag and drop sorting of table rows.
      */
     isRankable?: boolean;
     /**
      * Disables being able to drop rows on the table.
-     * Drag will still function.
+     * We recommend using `isRankable` instead of this prop, and it will be deprecated in a future release.
      */
     isRankingDisabled?: boolean;
     /**
-     * Callback fired when a drag of a row has started.
+     * A callback that happens when a drag of a row has started.
      */
     onRankStart?: (rankStart: RankStart) => void;
     /**
-     * Callback fired when a drop of a row has completed.
+     * A callback that happens when a drop of a row has completed.
      */
     onRankEnd?: (rankEnd: RankEnd, uiAnalyticsEvent?: UIAnalyticsEvent) => void;
     /**
      * Labels for the pagination wrapper, previous and next buttons used in pagination.
-     * Defaults to `"page"`, `"pagination"`, `"previous"` and `"next"`.
+     * Defaults to `"Page"`, `"Pagination"`, `"Previous"` and `"Next"`.
      */
     paginationi18n?: I18nShape;
     /**
-     * Will highlight a row(s) of the table. Should be used to draw attention to a row; not to indicate selection.
+     * Use this to set which rows will be highlighted. Never use highlighted rows to indicate that a person has selected or focused on the row.
      */
     highlightedRowIndex?: number | number[];
     /**
@@ -156,19 +156,20 @@ export interface StatelessProps extends WithAnalyticsEventsProps {
      */
     testId?: string;
     /**
-     * Used to provide a better description of the table for users with assistive technologies.
-     * Rather than a screen reader speaking "Entering table", passing in an label
-     * allows a custom message like "Entering Sample Numerical Data table".
+     * If you don’t use a caption, then you’ll need to use label to describe the table for assistive technologies.
+     * Avoid using both at the same time as they may conflict.
+     * Rather than a screen reader speaking "Entering table", passing in an label allows a custom message like "Entering Jira Issues table".
      */
     label?: string;
 }
 export interface StatefulProps extends WithAnalyticsEventsProps {
     /**
-     * Caption for the table styled as a heading.
+     * Caption for the table styled as a heading. This appears before the table header, and is announced when people who use assistive technology land on the table.
+     * If you don’t want the caption to appear on the page but do want it to be available for assistive technology, surround the caption with `<VisuallyHidden>`.
      */
     caption?: React.ReactNode;
     /**
-     * Cells to be placed in the head of the table.
+     * Cells to be placed in the head of the table. Never put controls, like links and buttons in the table header.
      * Each element in the head creates a new column.
      */
     head?: HeadType;
@@ -193,54 +194,51 @@ export interface StatefulProps extends WithAnalyticsEventsProps {
      */
     isLoading?: boolean;
     /**
-     * Accessible name for loading states spinner. Can be used for internationalization. Default is "Loading table".
+     * Use this to set a label for assistive technology that describes the loading state.
+     * The default label is "Loading table". You can customize this to be more specific to your table, for example “Loading issue table”.
      */
     loadingLabel?: string;
     /**
-     * Displays columns as their initial width regardless of the content that loads in.
+     * Use this to force columns to use their initial width regardless of the size of the content that loads in.
      */
     isFixedSize?: boolean;
     /**
-     * Controls how many rows should be displayed per page. If set, also turns on pagination, if there is more than one page to show.
+     * Use this to control how many rows should be displayed per page. If the number of rows exceed one page, this will enable pagination.
      */
     rowsPerPage?: number;
     /**
-     * Callback fired when the table page has changed,
-     * useful when wanting to control dynamic table.
+     * A callback that happens when the table page has changed.
      */
     onSetPage?: (page: number, UIAnalyticsEvent?: UIAnalyticsEvent) => void;
     /**
-     * Callback fired when a column heading has been sorted,
-     * useful when wanting to control dynamic table.
+     * A callback that happens when a column heading has been sorted. Use this to provide custom sorting.
      */
     onSort?: (data: any, UIAnalyticsEvent?: UIAnalyticsEvent) => void;
     /**
-     * Callback fired when the rows displayed on a page have changed.
+     * A callback that happens when the rows displayed on a page have changed.
      */
     onPageRowsUpdate?: (pageRows: Array<RowType>) => void;
     /**
      * Page the table should show.
-     * Useful when wanting to control dynamic table.
      */
     page?: number;
     /**
-     * Default page dynamic table should show when initially rendering.
+     * When the table is initially rendered, use this to set which page number is shown by default.
+     * In most circumstances, people will expect this to be page `1`.
      */
     defaultPage?: number;
     /**
      * Column key that the rows should be sorted by.
      * Corresponds to the `key`'s defined in the `head` prop.
-     * Useful when wanting to control dynamic table.
      */
     sortKey?: string;
     /**
-     * Default column sort key that the rows should be sorted by.
+     * Sets which column the rows should be sorted by when the table is initially rendered.
      * Corresponds to the `key`'s defined in the `head` prop.
      */
     defaultSortKey?: string;
     /**
      * Column sort order.
-     * Useful when wanting to control dynamic table.
      */
     sortOrder?: SortOrderType;
     /**
@@ -249,29 +247,29 @@ export interface StatefulProps extends WithAnalyticsEventsProps {
      */
     defaultSortOrder?: SortOrderType;
     /**
-     * Enables drag & drop sorting of table rows.
+     * Use this to enable drag and drop sorting of table rows.
      */
     isRankable?: boolean;
     /**
      * Disables being able to drop rows on the table.
-     * Drag will still function.
+     * We recommend using `isRankable` instead of this prop, and it will be deprecated in a future release.
      */
     isRankingDisabled?: boolean;
     /**
-     * Callback fired when a drag of a row has started.
+     * A callback that happens when a drag of a row has started.
      */
     onRankStart?: (rankStart: RankStart) => void;
     /**
-     * Callback fired when a drop of a row has completed.
+     * A callback that happens when a drop of a row has completed.
      */
     onRankEnd?: (rankEnd: RankEnd) => void;
     /**
      * Labels for the previous and next buttons used in pagination.
-     * Defaults to `"previous"` and `"next"`.
+     * Defaults to `"Previous"` and `"Next"`.
      */
     paginationi18n?: I18nShape;
     /**
-     * Will highlight a row(s) of the table.
+     * Use this to set if the row will be highlighted. Never use highlighted rows to indicate that a person has selected or focused on the row.
      */
     highlightedRowIndex?: number | number[];
     /**
@@ -290,9 +288,9 @@ export interface StatefulProps extends WithAnalyticsEventsProps {
      */
     testId?: string;
     /**
-     * Used to provide a better description of the table for users with assistive technologies.
-     * Rather than a screen reader speaking "Entering table", passing in an label
-     * allows a custom message like "Entering Sample Numerical Data table".
+     * If you don’t use a caption, then you’ll need to use label to describe the table for assistive technologies.
+     * Avoid using both at the same time as they may conflict.
+     * Rather than a screen reader speaking "Entering table", passing in an label allows a custom message like "Entering Jira Issues table".
      */
     label?: string;
 }
@@ -308,7 +306,7 @@ export interface RowType extends React.ComponentPropsWithoutRef<'tr'> {
      */
     onKeyPress?: React.KeyboardEventHandler;
     /**
-     * Highlights the row. Should be used to draw attention to a row; not to indicate selection.
+     * Use this to set if the row will be highlighted. Never use highlighted rows to indicate that a person has selected or focused on the row.
      */
     isHighlighted?: boolean;
     /**
@@ -337,7 +335,7 @@ export interface HeadCellType extends RowCellType {
      */
     width?: number;
     /**
-     * Whether the text in the cell will truncate or not if constrained.
+     * Whether the text in the cell will truncate or not if constrained. Avoid truncating content wherever possible.
      */
     shouldTruncate?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dynamic-table",
-  "version": "14.14.0",
+  "version": "14.15.0",
   "description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -40,12 +40,12 @@
     }
   },
   "dependencies": {
-    "@atlaskit/analytics-next": "^9.1.0",
+    "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/ds-lib": "^2.2.0",
-    "@atlaskit/pagination": "^14.5.0",
+    "@atlaskit/pagination": "^14.6.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.35.0",
+    "@atlaskit/tokens": "^1.41.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "react-beautiful-dnd": "^12.1.1"