@atlaskit/dynamic-table 14.13.1 → 14.15.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @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
+
+- [#68812](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68812) [`91d4a48c1430`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/91d4a48c1430) - Support better loading state for assistive tech
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.13.1
 
 ### Patch 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);
@@ -177,7 +177,8 @@ var LoadingContainerAdvanced = exports.default = /*#__PURE__*/function (_React$C
         children = _this$props2.children,
         isLoading = _this$props2.isLoading,
         spinnerSize = _this$props2.spinnerSize,
-        testId = _this$props2.testId;
+        testId = _this$props2.testId,
+        loadingLabel = _this$props2.loadingLabel;
       return /*#__PURE__*/_react.default.createElement(_loadingContainerAdvanced.Container, {
         testId: testId && "".concat(testId, "--loading--container--advanced"),
         ref: this.containerRef
@@ -187,7 +188,8 @@ var LoadingContainerAdvanced = exports.default = /*#__PURE__*/function (_React$C
         ref: this.spinnerRef
       }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
         size: spinnerSize,
-        testId: testId && "".concat(testId, "--loadingSpinner")
+        testId: testId && "".concat(testId, "--loadingSpinner"),
+        label: loadingLabel
       }))));
     }
   }]);
@@ -196,5 +198,6 @@ var LoadingContainerAdvanced = exports.default = /*#__PURE__*/function (_React$C
 (0, _defineProperty2.default)(LoadingContainerAdvanced, "defaultProps", {
   isLoading: true,
   spinnerSize: _constants.LARGE,
-  contentsOpacity: "var(--ds-opacity-loading, ".concat("".concat(_constants.LOADING_CONTENTS_OPACITY), ")")
+  contentsOpacity: "var(--ds-opacity-loading, ".concat("".concat(_constants.LOADING_CONTENTS_OPACITY), ")"),
+  loadingLabel: 'Loading table'
 });

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);
@@ -32,7 +32,8 @@ var LoadingContainer = exports.default = /*#__PURE__*/function (_React$Component
         isLoading = _this$props.isLoading,
         spinnerSize = _this$props.spinnerSize,
         contentsOpacity = _this$props.contentsOpacity,
-        testId = _this$props.testId;
+        testId = _this$props.testId,
+        loadingLabel = _this$props.loadingLabel;
       return /*#__PURE__*/_react.default.createElement(_loadingContainer.Container, {
         testId: testId
       }, !isLoading ? children : /*#__PURE__*/_react.default.createElement(_loadingContainer.ContentsContainer, {
@@ -42,7 +43,8 @@ var LoadingContainer = exports.default = /*#__PURE__*/function (_React$Component
         testId: testId
       }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
         size: spinnerSize,
-        testId: testId && "".concat(testId, "--loadingSpinner")
+        testId: testId && "".concat(testId, "--loadingSpinner"),
+        label: loadingLabel
       })));
     }
   }]);
@@ -51,5 +53,6 @@ var LoadingContainer = exports.default = /*#__PURE__*/function (_React$Component
 (0, _defineProperty2.default)(LoadingContainer, "defaultProps", {
   isLoading: true,
   spinnerSize: _constants.LARGE,
-  contentsOpacity: _constants.LOADING_CONTENTS_OPACITY
+  contentsOpacity: _constants.LOADING_CONTENTS_OPACITY,
+  loadingLabel: 'Loading table'
 });

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);
@@ -40,7 +40,8 @@ var ManagedPagination = exports.default = /*#__PURE__*/function (_React$Componen
         _this$props$value = _this$props.value,
         value = _this$props$value === void 0 ? 1 : _this$props$value,
         i18n = _this$props.i18n,
-        testId = _this$props.testId;
+        testId = _this$props.testId,
+        isDisabled = _this$props.isDisabled;
       var pages = (0, _toConsumableArray2.default)(Array(total)).map(function (_, index) {
         return index + 1;
       });
@@ -49,6 +50,7 @@ var ManagedPagination = exports.default = /*#__PURE__*/function (_React$Componen
       var selectedIndex = value - 1;
       return /*#__PURE__*/_react.default.createElement(_pagination.default, {
         selectedIndex: selectedIndex,
+        isDisabled: isDisabled,
         label: i18n === null || i18n === void 0 ? void 0 : i18n.label,
         nextLabel: i18n === null || i18n === void 0 ? void 0 : i18n.next,
         previousLabel: i18n === null || i18n === void 0 ? void 0 : i18n.prev,

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__
  *
@@ -137,6 +137,7 @@ var DynamicTable = exports.default = /*#__PURE__*/function (_React$Component) {
         highlightedRowIndex = _this$props.highlightedRowIndex,
         loadingSpinnerSize = _this$props.loadingSpinnerSize,
         isLoading = _this$props.isLoading,
+        loadingLabel = _this$props.loadingLabel,
         isFixedSize = _this$props.isFixedSize,
         isRankable = _this$props.isRankable,
         isRankingDisabled = _this$props.isRankingDisabled,
@@ -154,6 +155,7 @@ var DynamicTable = exports.default = /*#__PURE__*/function (_React$Component) {
         highlightedRowIndex: highlightedRowIndex,
         loadingSpinnerSize: loadingSpinnerSize,
         isLoading: isLoading,
+        loadingLabel: loadingLabel,
         isFixedSize: isFixedSize,
         onSetPage: this.onSetPageHandler,
         onSort: this.onSortHandler,

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.13.1";
+var packageVersion = "14.15.0";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case _constants.DESC:
@@ -169,6 +169,7 @@ var DynamicTable = exports.DynamicTableWithoutAnalytics = /*#__PURE__*/function
         sortKey = _this$props4.sortKey,
         sortOrder = _this$props4.sortOrder,
         isLoading = _this$props4.isLoading,
+        loadingLabel = _this$props4.loadingLabel,
         isRankable = _this$props4.isRankable,
         isRankingDisabled = _this$props4.isRankingDisabled,
         paginationi18n = _this$props4.paginationi18n,
@@ -219,12 +220,14 @@ var DynamicTable = exports.DynamicTableWithoutAnalytics = /*#__PURE__*/function
         targetRef: function targetRef() {
           return _this2.tableBody.current;
         },
-        testId: testId
+        testId: testId,
+        loadingLabel: loadingLabel
       }, /*#__PURE__*/_react.default.createElement(_dynamicTable.Table, {
         isFixedSize: isFixedSize,
         "aria-label": label,
         hasDataRow: rowsExist,
-        testId: testId
+        testId: testId,
+        isLoading: isLoading
       }, !!caption && /*#__PURE__*/_react.default.createElement(_dynamicTable.Caption, null, caption), head && /*#__PURE__*/_react.default.createElement(_tableHead.default, {
         head: head,
         onSort: this.onSortHandler,
@@ -242,16 +245,20 @@ var DynamicTable = exports.DynamicTableWithoutAnalytics = /*#__PURE__*/function
       })))), 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, {
+      _react.default.createElement(_dynamicTable.PaginationWrapper, {
+        testId: testId
+      }, /*#__PURE__*/_react.default.createElement(_managedPagination.default, {
         value: getPageNumber,
         onChange: this.onSetPageHandler,
         total: totalPages,
         i18n: paginationi18n,
+        isDisabled: isLoading,
         testId: testId
       })), !rowsExist && emptyBody && /*#__PURE__*/_react.default.createElement(_loadingContainer.default, {
         isLoading: isLoading,
         spinnerSize: _constants.LARGE,
-        testId: testId
+        testId: testId,
+        loadingLabel: loadingLabel
       }, emptyBody));
     }
   }]);

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/styled/dynamic-table.js

@@ -12,7 +12,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _constants = require("@atlaskit/theme/constants");
 var _theme = require("../theme");
-var _excluded = ["isFixedSize", "hasDataRow", "children", "testId"];
+var _excluded = ["isFixedSize", "hasDataRow", "children", "testId", "isLoading"];
 /* eslint-disable @repo/internal/react/require-jsdoc */
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
@@ -34,7 +34,7 @@ var tableStyles = (0, _react2.css)({
   borderSpacing: '0px'
 });
 var bodyBorder = (0, _react2.css)({
-  borderBottom: "2px solid ".concat(_theme.tableBorder.borderColor)
+  borderBlockEnd: "2px solid ".concat(_theme.tableBorder.borderColor)
 });
 var Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref2;
@@ -42,8 +42,10 @@ var Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
     hasDataRow = _ref.hasDataRow,
     children = _ref.children,
     testId = _ref.testId,
+    isLoading = _ref.isLoading,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _react2.jsx)("table", (0, _extends2.default)({
+    inert: isLoading ? '' : undefined,
     style: (_ref2 = {}, (0, _defineProperty2.default)(_ref2, tableRowCSSVars.CSS_VAR_HOVER_BACKGROUND, _theme.row.hoverBackground), (0, _defineProperty2.default)(_ref2, tableRowCSSVars.CSS_VAR_HIGHLIGHTED_BACKGROUND, _theme.row.highlightedBackground), (0, _defineProperty2.default)(_ref2, tableRowCSSVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND, _theme.row.hoverHighlightedBackground), (0, _defineProperty2.default)(_ref2, tableRowCSSVars.CSS_VAR_ROW_FOCUS_OUTLINE, _theme.row.focusOutline), _ref2),
     css: [tableStyles, isFixedSize && fixedSizeTableStyles, hasDataRow && bodyBorder],
     ref: ref
@@ -52,19 +54,14 @@ var Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
   }), children);
 });
 var captionStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  marginTop: "".concat(gridSize * 3.5, "px"),
-  marginBottom: "var(--ds-space-100, 8px)",
   fontSize: '1.42857143em',
   fontStyle: 'inherit',
-  fontWeight: "var(--ds-font-weight-medium, 500)",
+  fontWeight: 'var(--ds-font-weight-medium)',
   letterSpacing: '-0.008em',
   lineHeight: 1.2,
+  marginBlockEnd: "var(--ds-space-100, 8px)",
+  marginBlockStart: "".concat(gridSize * 3.5, "px"),
   textAlign: 'left',
-  /* there is a bug in Safari: if element which creates a new stacking context
-    is a child of a table, table caption re-renders in bad wrong position
-    https://stackoverflow.com/questions/44009186/safari-bug-translating-table-row-group-using-gsap-make-caption-jump-to-bottom
-  */
   willChange: 'transform'
 });
 var Caption = exports.Caption = function Caption(_ref3) {
@@ -78,8 +75,10 @@ var paginationWrapperStyles = (0, _react2.css)({
   justifyContent: 'center'
 });
 var PaginationWrapper = exports.PaginationWrapper = function PaginationWrapper(_ref4) {
-  var children = _ref4.children;
+  var children = _ref4.children,
+    testId = _ref4.testId;
   return (0, _react2.jsx)("div", {
-    css: paginationWrapperStyles
+    css: paginationWrapperStyles,
+    "data-testid": testId && "".concat(testId, "--pagination--container")
   }, children);
 };

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/loading-container-advanced.js

@@ -152,7 +152,8 @@ export default class LoadingContainerAdvanced extends React.Component {
       children,
       isLoading,
       spinnerSize,
-      testId
+      testId,
+      loadingLabel
     } = this.props;
     return /*#__PURE__*/React.createElement(Container, {
       testId: testId && `${testId}--loading--container--advanced`,
@@ -163,12 +164,14 @@ export default class LoadingContainerAdvanced extends React.Component {
       ref: this.spinnerRef
     }, /*#__PURE__*/React.createElement(Spinner, {
       size: spinnerSize,
-      testId: testId && `${testId}--loadingSpinner`
+      testId: testId && `${testId}--loadingSpinner`,
+      label: loadingLabel
     }))));
   }
 }
 _defineProperty(LoadingContainerAdvanced, "defaultProps", {
   isLoading: true,
   spinnerSize: LARGE,
-  contentsOpacity: `var(--ds-opacity-loading, ${`${LOADING_CONTENTS_OPACITY}`})`
+  contentsOpacity: `var(--ds-opacity-loading, ${`${LOADING_CONTENTS_OPACITY}`})`,
+  loadingLabel: 'Loading table'
 });

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

@@ -10,7 +10,8 @@ export default class LoadingContainer extends React.Component {
       isLoading,
       spinnerSize,
       contentsOpacity,
-      testId
+      testId,
+      loadingLabel
     } = this.props;
     return /*#__PURE__*/React.createElement(Container, {
       testId: testId
@@ -21,12 +22,14 @@ export default class LoadingContainer extends React.Component {
       testId: testId
     }, /*#__PURE__*/React.createElement(Spinner, {
       size: spinnerSize,
-      testId: testId && `${testId}--loadingSpinner`
+      testId: testId && `${testId}--loadingSpinner`,
+      label: loadingLabel
     })));
   }
 }
 _defineProperty(LoadingContainer, "defaultProps", {
   isLoading: true,
   spinnerSize: LARGE,
-  contentsOpacity: LOADING_CONTENTS_OPACITY
+  contentsOpacity: LOADING_CONTENTS_OPACITY,
+  loadingLabel: 'Loading table'
 });

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

@@ -13,7 +13,8 @@ export default class ManagedPagination extends React.Component {
       total,
       value = 1,
       i18n,
-      testId
+      testId,
+      isDisabled
     } = this.props;
     const pages = [...Array(total)].map((_, index) => index + 1);
     // Pagination accepts array now thus selectedIndex starts with 0
@@ -21,6 +22,7 @@ export default class ManagedPagination extends React.Component {
     const selectedIndex = value - 1;
     return /*#__PURE__*/React.createElement(Pagination, {
       selectedIndex: selectedIndex,
+      isDisabled: isDisabled,
       label: i18n === null || i18n === void 0 ? void 0 : i18n.label,
       nextLabel: i18n === null || i18n === void 0 ? void 0 : i18n.next,
       previousLabel: i18n === null || i18n === void 0 ? void 0 : i18n.prev,

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/stateful.js

@@ -121,6 +121,7 @@ export default class DynamicTable extends React.Component {
       highlightedRowIndex,
       loadingSpinnerSize,
       isLoading,
+      loadingLabel,
       isFixedSize,
       isRankable,
       isRankingDisabled,
@@ -139,6 +140,7 @@ export default class DynamicTable extends React.Component {
       highlightedRowIndex: highlightedRowIndex,
       loadingSpinnerSize: loadingSpinnerSize,
       isLoading: isLoading,
+      loadingLabel: loadingLabel,
       isFixedSize: isFixedSize,
       onSetPage: this.onSetPageHandler,
       onSort: this.onSortHandler,