@atlaskit/dynamic-table 16.1.3 → 17.0.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/dynamic-table
 
+## 17.0.0
+
+### Major Changes
+
+- [#177496](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/177496)
+  [`3c97c348c655c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3c97c348c655c) -
+  Migrated from `@emotion/react` to `@compiled/react` in order to improve performance, align with
+  the rest of the Atlaskit techstack, and support React 18 Streaming SSR. Please note, in order to
+  use this version of `@atlaskit/dynamic-table`, you will need to ensure that your bundler is
+  configured to handle `.css` imports correctly. Most bundlers come with built-in support for `.css`
+  imports, so you may not need to do anything. If you are using a different bundler, please refer to
+  the documentation for that bundler to understand how to handle `.css` imports. For more
+  information on the migration, please refer to
+  [RFC-73 Migrating our components to Compiled CSS-in-JS](https://community.developer.atlassian.com/t/rfc-73-migrating-our-components-to-compiled-css-in-js/85953).
+
+### Patch Changes
+
+- [#177496](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/177496)
+  [`3c97c348c655c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3c97c348c655c) -
+  [ux] Visually refreshed sort button icon and styles for DynamicTableStateless
+
+## 16.1.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 16.1.3
 
 ### Patch Changes

package/dist/cjs/components/body.js

@@ -8,22 +8,21 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _withSortedPageRows = _interopRequireDefault(require("../hoc/with-sorted-page-rows"));
 var _tableRow = _interopRequireDefault(require("./table-row"));
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var BodyComponent = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(BodyComponent, _React$Component);
-  var _super = _createSuper(BodyComponent);
   function BodyComponent() {
     (0, _classCallCheck2.default)(this, BodyComponent);
-    return _super.apply(this, arguments);
+    return _callSuper(this, BodyComponent, arguments);
   }
-  (0, _createClass2.default)(BodyComponent, [{
+  (0, _inherits2.default)(BodyComponent, _React$Component);
+  return (0, _createClass2.default)(BodyComponent, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -48,7 +47,6 @@ var BodyComponent = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  return BodyComponent;
 }(_react.default.Component);
 var Body = (0, _withSortedPageRows.default)( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(BodyComponent, (0, _extends2.default)({}, props, {

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

@@ -7,25 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 exports.ErrorBoundary = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 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);
   function ErrorBoundary(props) {
     var _this;
     (0, _classCallCheck2.default)(this, ErrorBoundary);
-    _this = _super.call(this, props);
+    _this = _callSuper(this, ErrorBoundary, [props]);
     _this.state = {
       hasError: false
     };
     return _this;
   }
-  (0, _createClass2.default)(ErrorBoundary, [{
+  (0, _inherits2.default)(ErrorBoundary, _React$Component);
+  return (0, _createClass2.default)(ErrorBoundary, [{
     key: "render",
     value: function render() {
       if (this.state.hasError) {
@@ -43,5 +42,4 @@ var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_React$Compon
       };
     }
   }]);
-  return ErrorBoundary;
 }(_react.default.Component);

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

@@ -8,44 +8,41 @@ exports.default = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _constants = require("../internal/constants");
 var _loadingContainerAdvanced = require("../styled/loading-container-advanced");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 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);
   function LoadingContainerAdvanced() {
     var _this;
     (0, _classCallCheck2.default)(this, LoadingContainerAdvanced);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "spinnerRef", /*#__PURE__*/_react.default.createRef());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "containerRef", /*#__PURE__*/_react.default.createRef());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "componentDidMount", function () {
+    _this = _callSuper(this, LoadingContainerAdvanced, [].concat(args));
+    (0, _defineProperty2.default)(_this, "spinnerRef", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(_this, "containerRef", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(_this, "componentDidMount", function () {
       if (_this.props.isLoading && _this.hasTargetNode()) {
         _this.attachListeners();
         _this.updateTargetAppearance();
         _this.updateSpinnerPosition();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "UNSAFE_componentWillReceiveProps", function (nextProps) {
+    (0, _defineProperty2.default)(_this, "UNSAFE_componentWillReceiveProps", function (nextProps) {
       if (!nextProps.isLoading || !_this.hasTargetNode(nextProps)) {
         _this.detachListeners();
       } else if (!_this.props.isLoading) {
         _this.attachListeners();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "componentDidUpdate", function () {
+    (0, _defineProperty2.default)(_this, "componentDidUpdate", function () {
       if (_this.hasTargetNode()) {
         _this.updateTargetAppearance();
         if (_this.props.isLoading) {
@@ -53,19 +50,19 @@ var LoadingContainerAdvanced = exports.default = /*#__PURE__*/function (_React$C
         }
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "componentWillUnmount", function () {
+    (0, _defineProperty2.default)(_this, "componentWillUnmount", function () {
       _this.detachListeners();
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getTargetNode", function () {
+    (0, _defineProperty2.default)(_this, "getTargetNode", function () {
       var nextProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props;
       var targetRef = nextProps.targetRef;
       var target = targetRef === null || targetRef === void 0 ? void 0 : targetRef();
       return target || _this.containerRef.current;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hasTargetNode", function (nextProps) {
+    (0, _defineProperty2.default)(_this, "hasTargetNode", function (nextProps) {
       return !!_this.getTargetNode(nextProps);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isVerticallyVisible", function (elementRect, viewportHeight) {
+    (0, _defineProperty2.default)(_this, "isVerticallyVisible", function (elementRect, viewportHeight) {
       var top = elementRect.top,
         bottom = elementRect.bottom;
       if (bottom <= 0) {
@@ -73,22 +70,22 @@ var LoadingContainerAdvanced = exports.default = /*#__PURE__*/function (_React$C
       }
       return top < viewportHeight;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isFullyVerticallyVisible", function (elementRect, viewportHeight) {
+    (0, _defineProperty2.default)(_this, "isFullyVerticallyVisible", function (elementRect, viewportHeight) {
       var top = elementRect.top,
         bottom = elementRect.bottom;
       return top >= 0 && bottom <= viewportHeight;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResize", function () {
+    (0, _defineProperty2.default)(_this, "handleResize", function () {
       _this.updateSpinnerPosition();
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleScroll", function () {
+    (0, _defineProperty2.default)(_this, "handleScroll", function () {
       _this.updateSpinnerPosition();
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "translateSpinner", function (spinnerNode, transformY, isFixed) {
+    (0, _defineProperty2.default)(_this, "translateSpinner", function (spinnerNode, transformY, isFixed) {
       spinnerNode.style.position = isFixed ? 'fixed' : '';
       spinnerNode.style.transform = transformY !== 0 ? "translate3d(0, ".concat(transformY, "px, 0)") : '';
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateTargetAppearance", function () {
+    (0, _defineProperty2.default)(_this, "updateTargetAppearance", function () {
       var targetNode = _this.getTargetNode();
       var _this$props = _this.props,
         isLoading = _this$props.isLoading,
@@ -100,7 +97,8 @@ var LoadingContainerAdvanced = exports.default = /*#__PURE__*/function (_React$C
     });
     return _this;
   }
-  (0, _createClass2.default)(LoadingContainerAdvanced, [{
+  (0, _inherits2.default)(LoadingContainerAdvanced, _React$Component);
+  return (0, _createClass2.default)(LoadingContainerAdvanced, [{
     key: "attachListeners",
     value: function attachListeners() {
       window.addEventListener('scroll', this.handleScroll);
@@ -193,7 +191,6 @@ var LoadingContainerAdvanced = exports.default = /*#__PURE__*/function (_React$C
       }))));
     }
   }]);
-  return LoadingContainerAdvanced;
 }(_react.default.Component);
 (0, _defineProperty2.default)(LoadingContainerAdvanced, "defaultProps", {
   isLoading: true,

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

@@ -7,24 +7,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _constants = require("../internal/constants");
 var _loadingContainer = require("../styled/loading-container");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 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);
   function LoadingContainer() {
     (0, _classCallCheck2.default)(this, LoadingContainer);
-    return _super.apply(this, arguments);
+    return _callSuper(this, LoadingContainer, arguments);
   }
-  (0, _createClass2.default)(LoadingContainer, [{
+  (0, _inherits2.default)(LoadingContainer, _React$Component);
+  return (0, _createClass2.default)(LoadingContainer, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -48,7 +47,6 @@ var LoadingContainer = exports.default = /*#__PURE__*/function (_React$Component
       })));
     }
   }]);
-  return LoadingContainer;
 }(_react.default.Component);
 (0, _defineProperty2.default)(LoadingContainer, "defaultProps", {
   isLoading: true,

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

@@ -8,31 +8,29 @@ exports.default = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _pagination = _interopRequireDefault(require("@atlaskit/pagination"));
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 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);
   function ManagedPagination() {
     var _this;
     (0, _classCallCheck2.default)(this, ManagedPagination);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChange", function (_event, newValue, analyticsEvent) {
+    _this = _callSuper(this, ManagedPagination, [].concat(args));
+    (0, _defineProperty2.default)(_this, "onChange", function (_event, newValue, analyticsEvent) {
       _this.props.onChange(newValue, analyticsEvent);
     });
     return _this;
   }
-  (0, _createClass2.default)(ManagedPagination, [{
+  (0, _inherits2.default)(ManagedPagination, _React$Component);
+  return (0, _createClass2.default)(ManagedPagination, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -61,5 +59,4 @@ var ManagedPagination = exports.default = /*#__PURE__*/function (_React$Componen
       });
     }
   }]);
-  return ManagedPagination;
 }(_react.default.Component);

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

@@ -8,16 +8,15 @@ exports.default = exports.RankableBody = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _pragmaticDragAndDropReactBeautifulDndMigration = require("@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration");
 var _withSortedPageRows = _interopRequireDefault(require("../../hoc/with-sorted-page-rows"));
 var _tableRow = _interopRequireDefault(require("./table-row"));
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 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
@@ -41,16 +40,14 @@ var computeRankDestination = function computeRankDestination(result, pageRows) {
   return undefined;
 };
 var RankableBody = exports.RankableBody = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(RankableBody, _React$Component);
-  var _super = _createSuper(RankableBody);
   function RankableBody() {
     var _this;
     (0, _classCallCheck2.default)(this, RankableBody);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onBeforeDragStart", function (dragStart) {
+    _this = _callSuper(this, RankableBody, [].concat(args));
+    (0, _defineProperty2.default)(_this, "onBeforeDragStart", function (dragStart) {
       var key = dragStart.draggableId,
         index = dragStart.source.index;
       var rankStartProps = {
@@ -59,7 +56,7 @@ var RankableBody = exports.RankableBody = /*#__PURE__*/function (_React$Componen
       };
       _this.props.onRankStart(rankStartProps);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDragEnd", function (result) {
+    (0, _defineProperty2.default)(_this, "onDragEnd", function (result) {
       var _this$props = _this.props,
         pageRows = _this$props.pageRows,
         onRankEnd = _this$props.onRankEnd;
@@ -75,7 +72,8 @@ var RankableBody = exports.RankableBody = /*#__PURE__*/function (_React$Componen
     });
     return _this;
   }
-  (0, _createClass2.default)(RankableBody, [{
+  (0, _inherits2.default)(RankableBody, _React$Component);
+  return (0, _createClass2.default)(RankableBody, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
@@ -120,7 +118,6 @@ var RankableBody = exports.RankableBody = /*#__PURE__*/function (_React$Componen
       }));
     }
   }]);
-  return RankableBody;
 }(_react.default.Component); // eslint-disable-next-line import/no-anonymous-default-export
 var _default = exports.default = (0, _withSortedPageRows.default)( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(RankableBody, (0, _extends2.default)({}, props, {

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

@@ -9,24 +9,23 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 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", "testId"];
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 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);
   function RankableTableCell() {
     (0, _classCallCheck2.default)(this, RankableTableCell);
-    return _super.apply(this, arguments);
+    return _callSuper(this, RankableTableCell, arguments);
   }
-  (0, _createClass2.default)(RankableTableCell, [{
+  (0, _inherits2.default)(RankableTableCell, _React$Component);
+  return (0, _createClass2.default)(RankableTableCell, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -60,6 +59,5 @@ var RankableTableCell = exports.RankableTableCell = /*#__PURE__*/function (_Reac
       }), content);
     }
   }]);
-  return RankableTableCell;
 }(_react.default.Component); // eslint-disable-next-line import/no-anonymous-default-export
 var _default = exports.default = (0, _withDimensions.default)(RankableTableCell);

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

@@ -9,24 +9,23 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _withDimensions = _interopRequireDefault(require("../../hoc/with-dimensions"));
 var _helpers = require("../../internal/helpers");
 var _tableHeadCell = _interopRequireDefault(require("../table-head-cell"));
 var _excluded = ["isRanking", "refHeight", "refWidth"];
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var RankableTableHeadCellComponent = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(RankableTableHeadCellComponent, _React$Component);
-  var _super = _createSuper(RankableTableHeadCellComponent);
   function RankableTableHeadCellComponent() {
     (0, _classCallCheck2.default)(this, RankableTableHeadCellComponent);
-    return _super.apply(this, arguments);
+    return _callSuper(this, RankableTableHeadCellComponent, arguments);
   }
-  (0, _createClass2.default)(RankableTableHeadCellComponent, [{
+  (0, _inherits2.default)(RankableTableHeadCellComponent, _React$Component);
+  return (0, _createClass2.default)(RankableTableHeadCellComponent, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -40,7 +39,6 @@ var RankableTableHeadCellComponent = /*#__PURE__*/function (_React$Component) {
       }, restProps));
     }
   }]);
-  return RankableTableHeadCellComponent;
 }(_react.default.Component);
 var RankableTableHeadCell = (0, _withDimensions.default)(RankableTableHeadCellComponent);
 

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

@@ -9,10 +9,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -24,20 +23,18 @@ var _tableCell = _interopRequireDefault(require("./table-cell"));
 var _excluded = ["cells", "testId", "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(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 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);
-  var _super = _createSuper(RankableTableRow);
   function RankableTableRow() {
     var _this;
     (0, _classCallCheck2.default)(this, RankableTableRow);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "innerRef", function (innerRefFn) {
+    _this = _callSuper(this, RankableTableRow, [].concat(args));
+    (0, _defineProperty2.default)(_this, "innerRef", function (innerRefFn) {
       return function (ref) {
         innerRefFn(ref);
         if (typeof _this.props.innerRef === 'function') {
@@ -47,7 +44,8 @@ var RankableTableRow = exports.RankableTableRow = /*#__PURE__*/function (_React$
     });
     return _this;
   }
-  (0, _createClass2.default)(RankableTableRow, [{
+  (0, _inherits2.default)(RankableTableRow, _React$Component);
+  return (0, _createClass2.default)(RankableTableRow, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -114,6 +112,5 @@ var RankableTableRow = exports.RankableTableRow = /*#__PURE__*/function (_React$
       });
     }
   }]);
-  return RankableTableRow;
 }(_react.default.Component); // eslint-disable-next-line import/no-anonymous-default-export
 var _default = exports.default = (0, _withDimensions.default)(RankableTableRow);

package/dist/cjs/components/stateful.js

@@ -7,16 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _helpers = require("../internal/helpers");
 var _stateless = _interopRequireDefault(require("./stateless"));
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * __Dynamic Table__
@@ -45,22 +44,20 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * ```
  */
 var DynamicTable = exports.default = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(DynamicTable, _React$Component);
-  var _super = _createSuper(DynamicTable);
   function DynamicTable() {
     var _this;
     (0, _classCallCheck2.default)(this, DynamicTable);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    _this = _callSuper(this, DynamicTable, [].concat(args));
+    (0, _defineProperty2.default)(_this, "state", {
       page: _this.props.defaultPage,
       sortKey: _this.props.defaultSortKey,
       sortOrder: _this.props.defaultSortOrder,
       rows: _this.props.rows
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSetPageHandler", function (page, analyticsEvent) {
+    (0, _defineProperty2.default)(_this, "onSetPageHandler", function (page, analyticsEvent) {
       var onSetPage = _this.props.onSetPage;
       if (onSetPage) {
         onSetPage(page, analyticsEvent);
@@ -69,7 +66,7 @@ var DynamicTable = exports.default = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSortHandler", function (_ref, analyticsEvent) {
+    (0, _defineProperty2.default)(_this, "onSortHandler", function (_ref, analyticsEvent) {
       var key = _ref.key,
         item = _ref.item,
         sortOrder = _ref.sortOrder;
@@ -86,12 +83,12 @@ var DynamicTable = exports.default = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onRankEndIfExistsHandler", function (params) {
+    (0, _defineProperty2.default)(_this, "onRankEndIfExistsHandler", function (params) {
       if (_this.props.onRankEnd) {
         _this.props.onRankEnd(params);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onRankEndHandler", function (params) {
+    (0, _defineProperty2.default)(_this, "onRankEndHandler", function (params) {
       var destination = params.destination;
       var _this$state = _this.state,
         rows = _this$state.rows,
@@ -109,7 +106,8 @@ var DynamicTable = exports.default = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  (0, _createClass2.default)(DynamicTable, [{
+  (0, _inherits2.default)(DynamicTable, _React$Component);
+  return (0, _createClass2.default)(DynamicTable, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(newProps) {
       var sortKey = newProps.sortKey || this.state.sortKey;
@@ -174,7 +172,6 @@ var DynamicTable = exports.default = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-  return DynamicTable;
 }(_react.default.Component);
 (0, _defineProperty2.default)(DynamicTable, "defaultProps", {
   defaultPage: 1,

package/dist/cjs/components/stateless.js

@@ -86,14 +86,14 @@ var DynamicTable = function DynamicTable(_ref) {
     action: 'sorted',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "16.1.3"
+    packageVersion: "17.0.0"
   });
   var onRankEnd = (0, _analyticsNext.usePlatformLeafEventHandler)({
     fn: providedOnRankEnd,
     action: 'ranked',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "16.1.3"
+    packageVersion: "17.0.0"
   });
   (0, _react.useEffect)(function () {
     (0, _helpers.validateSortKey)(sortKey, head);