@atlaskit/dynamic-table 14.8.9 → 14.8.10

package/dist/cjs/components/stateless.js

@@ -1,88 +1,54 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DynamicTableWithoutAnalytics = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 var _constants = require("../internal/constants");
-
 var _helpers = require("../internal/helpers");
-
 var _dynamicTable = require("../styled/dynamic-table");
-
 var _emptyBody = require("../styled/empty-body");
-
 var _body = _interopRequireDefault(require("./body"));
-
 var _loadingContainer = _interopRequireDefault(require("./loading-container"));
-
 var _loadingContainerAdvanced = _interopRequireDefault(require("./loading-container-advanced"));
-
 var _managedPagination = _interopRequireDefault(require("./managed-pagination"));
-
 var _body2 = _interopRequireDefault(require("./rankable/body"));
-
 var _tableHead = _interopRequireDefault(require("./table-head"));
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.8.9";
-
+var packageVersion = "14.8.10";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case _constants.DESC:
       return _constants.ASC;
-
     case _constants.ASC:
       return _constants.DESC;
-
     default:
       return currentSortOrder;
   }
 }
-
 var DynamicTable = /*#__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", {
       isRanking: false
@@ -90,16 +56,14 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSort", function (item) {
       return function () {
         var _this$props = _this.props,
-            sortKey = _this$props.sortKey,
-            sortOrder = _this$props.sortOrder,
-            onSort = _this$props.onSort,
-            isRankable = _this$props.isRankable;
+          sortKey = _this$props.sortKey,
+          sortOrder = _this$props.sortOrder,
+          onSort = _this$props.onSort,
+          isRankable = _this$props.isRankable;
         var key = item.key;
-
         if (!key) {
           return;
         }
-
         if (onSort && isRankable && key === sortKey && sortOrder === _constants.DESC) {
           onSort({
             key: null,
@@ -108,9 +72,7 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
           });
           return;
         }
-
         var sortOrderFormatted = key !== sortKey ? _constants.ASC : toggleSortOrder(sortOrder);
-
         if (onSort) {
           onSort({
             key: key,
@@ -122,7 +84,6 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSetPage", function (page, event) {
       var onSetPage = _this.props.onSetPage;
-
       if (onSetPage) {
         onSetPage(page, event);
       }
@@ -131,7 +92,6 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
       _this.setState({
         isRanking: true
       });
-
       if (_this.props.onRankStart) {
         _this.props.onRankStart(params);
       }
@@ -140,43 +100,37 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
       _this.setState({
         isRanking: false
       });
-
       if (_this.props.onRankEnd) {
         _this.props.onRankEnd(params);
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getSpinnerSize", function () {
       var _this$props2 = _this.props,
-          page = _this$props2.page,
-          rows = _this$props2.rows,
-          rowsPerPage = _this$props2.rowsPerPage,
-          loadingSpinnerSize = _this$props2.loadingSpinnerSize;
-
+        page = _this$props2.page,
+        rows = _this$props2.rows,
+        rowsPerPage = _this$props2.rowsPerPage,
+        loadingSpinnerSize = _this$props2.loadingSpinnerSize;
       if (loadingSpinnerSize) {
         return loadingSpinnerSize;
       }
-
       return (0, _helpers.getPageRows)(rows || [], page, rowsPerPage).length > 2 ? _constants.LARGE : _constants.SMALL;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderEmptyBody", function () {
       var _this$props3 = _this.props,
-          emptyView = _this$props3.emptyView,
-          isLoading = _this$props3.isLoading,
-          testId = _this$props3.testId;
-
+        emptyView = _this$props3.emptyView,
+        isLoading = _this$props3.isLoading,
+        testId = _this$props3.testId;
       if (isLoading) {
         return /*#__PURE__*/_react.default.createElement(_emptyBody.EmptyViewWithFixedHeight, {
           testId: testId
         });
       }
-
       return emptyView && /*#__PURE__*/_react.default.createElement(_emptyBody.EmptyViewContainer, {
         testId: testId
       }, emptyView);
     });
     return _this;
   }
-
   (0, _createClass2.default)(DynamicTable, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
@@ -189,7 +143,6 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
       if (this.props.sortKey !== nextProps.sortKey || this.props.head !== nextProps.head) {
         (0, _helpers.validateSortKey)(nextProps.sortKey, nextProps.head);
       }
-
       if (this.props.head !== nextProps.head) {
         (0, _helpers.assertIsSortable)(nextProps.head);
       }
@@ -198,31 +151,29 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props4 = this.props,
-          caption = _this$props4.caption,
-          head = _this$props4.head,
-          highlightedRowIndex = _this$props4.highlightedRowIndex,
-          isFixedSize = _this$props4.isFixedSize,
-          page = _this$props4.page,
-          rows = _this$props4.rows,
-          rowsPerPage = _this$props4.rowsPerPage,
-          sortKey = _this$props4.sortKey,
-          sortOrder = _this$props4.sortOrder,
-          isLoading = _this$props4.isLoading,
-          isRankable = _this$props4.isRankable,
-          isRankingDisabled = _this$props4.isRankingDisabled,
-          paginationi18n = _this$props4.paginationi18n,
-          onPageRowsUpdate = _this$props4.onPageRowsUpdate,
-          testId = _this$props4.testId,
-          passedDownTotalRows = _this$props4.totalRows,
-          label = _this$props4.label;
+        caption = _this$props4.caption,
+        head = _this$props4.head,
+        highlightedRowIndex = _this$props4.highlightedRowIndex,
+        isFixedSize = _this$props4.isFixedSize,
+        page = _this$props4.page,
+        rows = _this$props4.rows,
+        rowsPerPage = _this$props4.rowsPerPage,
+        sortKey = _this$props4.sortKey,
+        sortOrder = _this$props4.sortOrder,
+        isLoading = _this$props4.isLoading,
+        isRankable = _this$props4.isRankable,
+        isRankingDisabled = _this$props4.isRankingDisabled,
+        paginationi18n = _this$props4.paginationi18n,
+        onPageRowsUpdate = _this$props4.onPageRowsUpdate,
+        testId = _this$props4.testId,
+        passedDownTotalRows = _this$props4.totalRows,
+        label = _this$props4.label;
       var rowsLength = rows && rows.length;
-      var totalPages; // set a flag to denote the dynamic table might get only one page of data
+      var totalPages;
+      // set a flag to denote the dynamic table might get only one page of data
       // for paginated data
-
       var isTotalPagesControlledExternally = false;
-
       if (passedDownTotalRows && Number.isInteger(passedDownTotalRows) && rowsPerPage && rowsLength && rowsLength <= passedDownTotalRows) {
         /**
          * If total number of rows / records have been passed down as prop
@@ -235,7 +186,6 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
       } else {
         totalPages = rowsLength && rowsPerPage ? Math.ceil(rowsLength / rowsPerPage) : 0;
       }
-
       totalPages = totalPages < 1 ? 1 : totalPages;
       var getPageNumber = page > totalPages ? totalPages : page; // page! required, because typescript can't yet see defaultProps to know that this won't be undefined
 
@@ -302,7 +252,6 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
   }]);
   return DynamicTable;
 }(_react.default.Component);
-
 exports.DynamicTableWithoutAnalytics = DynamicTable;
 (0, _defineProperty2.default)(DynamicTable, "defaultProps", {
   isLoading: false,
@@ -322,7 +271,6 @@ exports.DynamicTableWithoutAnalytics = DynamicTable;
   }
 });
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
-
 var _default = (0, _analyticsNext.withAnalyticsContext)({
   componentName: 'dynamicTable',
   packageName: packageName,
@@ -347,5 +295,4 @@ var _default = (0, _analyticsNext.withAnalyticsContext)({
     }
   })
 })(DynamicTable));
-
 exports.default = _default;

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

@@ -1,42 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _tableHead = require("../styled/table-head");
-
 var _excluded = ["content", "inlineStyles", "testId", "isRanking", "innerRef", "isSortable"];
-
 var TableHeadCell = function TableHeadCell(_ref) {
   var content = _ref.content,
-      inlineStyles = _ref.inlineStyles,
-      testId = _ref.testId,
-      isRanking = _ref.isRanking,
-      innerRef = _ref.innerRef,
-      isSortable = _ref.isSortable,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    inlineStyles = _ref.inlineStyles,
+    testId = _ref.testId,
+    isRanking = _ref.isRanking,
+    innerRef = _ref.innerRef,
+    isSortable = _ref.isSortable,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_tableHead.HeadCell, (0, _extends2.default)({
     style: inlineStyles,
     "data-testid": testId && "".concat(testId, "--head--cell"),
     ref: typeof innerRef !== 'string' ? innerRef : null // string refs must be discarded as LegacyRefs are not compatible with FC forwardRefs
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-
   }, rest, {
     tabIndex: isSortable ? 0 : undefined,
     isSortable: isSortable
   }), /*#__PURE__*/_react.default.createElement("span", null, content));
-}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+};
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = TableHeadCell;
 exports.default = _default;

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

@@ -1,68 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _helpers = require("../internal/helpers");
-
 var _tableHead = require("../styled/table-head");
-
 var _tableHeadCell = _interopRequireDefault(require("./rankable/table-head-cell"));
-
 var _tableHeadCell2 = _interopRequireDefault(require("./table-head-cell"));
-
 var _excluded = ["cells"],
-    _excluded2 = ["isSortable", "key"];
-
+  _excluded2 = ["isSortable", "key"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var TableHead = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(TableHead, _React$Component);
-
   var _super = _createSuper(TableHead);
-
   function TableHead() {
     var _this;
-
     (0, _classCallCheck2.default)(this, TableHead);
-
     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), "canSortOnEnterPressed", function (e, isSortable) {
       return isSortable && e.key === 'Enter';
     });
     return _this;
   }
-
   (0, _createClass2.default)(TableHead, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
@@ -79,31 +54,28 @@ var TableHead = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          head = _this$props.head,
-          sortKey = _this$props.sortKey,
-          sortOrder = _this$props.sortOrder,
-          isFixedSize = _this$props.isFixedSize,
-          onSort = _this$props.onSort,
-          isRanking = _this$props.isRanking,
-          isRankable = _this$props.isRankable,
-          testId = _this$props.testId;
-
+        head = _this$props.head,
+        sortKey = _this$props.sortKey,
+        sortOrder = _this$props.sortOrder,
+        isFixedSize = _this$props.isFixedSize,
+        onSort = _this$props.onSort,
+        isRanking = _this$props.isRanking,
+        isRankable = _this$props.isRankable,
+        testId = _this$props.testId;
       if (!head) {
         return null;
       }
-
       var HeadCellComponent = isRankable ? _tableHeadCell.default : _tableHeadCell2.default;
       var cells = head.cells,
-          rest = (0, _objectWithoutProperties2.default)(head, _excluded);
+        rest = (0, _objectWithoutProperties2.default)(head, _excluded);
       return /*#__PURE__*/_react.default.createElement(_tableHead.Head, (0, _extends2.default)({}, rest, {
         isRanking: isRanking,
         "data-testid": testId && "".concat(testId, "--head")
       }), /*#__PURE__*/_react.default.createElement("tr", null, cells.map(function (cell, index) {
         var isSortable = cell.isSortable,
-            key = cell.key,
-            restCellProps = (0, _objectWithoutProperties2.default)(cell, _excluded2);
+          key = cell.key,
+          restCellProps = (0, _objectWithoutProperties2.default)(cell, _excluded2);
         return /*#__PURE__*/_react.default.createElement(HeadCellComponent, (0, _extends2.default)({
           isFixedSize: isFixedSize,
           isSortable: !!isSortable,
@@ -121,7 +93,5 @@ var TableHead = /*#__PURE__*/function (_React$Component) {
   }]);
   return TableHead;
 }(_react.default.Component); // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
-
 var _default = TableHead;
 exports.default = _default;

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

@@ -1,33 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _tableCell = require("../styled/table-cell");
-
 var _tableRow = require("../styled/table-row");
-
 var _excluded = ["cells"],
-    _excluded2 = ["content"];
-
+  _excluded2 = ["content"];
 var Row = function Row(_ref) {
   var row = _ref.row,
-      head = _ref.head,
-      testId = _ref.testId,
-      isFixedSize = _ref.isFixedSize,
-      isHighlighted = _ref.isHighlighted;
+    head = _ref.head,
+    testId = _ref.testId,
+    isFixedSize = _ref.isFixedSize,
+    isHighlighted = _ref.isHighlighted;
   var cells = row.cells,
-      restRowProps = (0, _objectWithoutProperties2.default)(row, _excluded);
+    restRowProps = (0, _objectWithoutProperties2.default)(row, _excluded);
   return /*#__PURE__*/_react.default.createElement(_tableRow.TableBodyRow, (0, _extends2.default)({}, restRowProps, {
     isHighlighted: isHighlighted
   }, isHighlighted ? {
@@ -36,14 +28,12 @@ var Row = function Row(_ref) {
     "data-testid": testId && "".concat(testId, "--row-").concat(restRowProps.key)
   }), cells.map(function (cell, cellIndex) {
     var content = cell.content,
-        restCellProps = (0, _objectWithoutProperties2.default)(cell, _excluded2);
-
+      restCellProps = (0, _objectWithoutProperties2.default)(cell, _excluded2);
     var _ref2 = (head || {
-      cells: []
-    }).cells[cellIndex] || {},
-        shouldTruncate = _ref2.shouldTruncate,
-        width = _ref2.width;
-
+        cells: []
+      }).cells[cellIndex] || {},
+      shouldTruncate = _ref2.shouldTruncate,
+      width = _ref2.width;
     return /*#__PURE__*/_react.default.createElement(_tableCell.TableBodyCell, (0, _extends2.default)({
       "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex)
     }, restCellProps, {
@@ -54,8 +44,8 @@ var Row = function Row(_ref) {
       width: width
     }), content);
   }));
-}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+};
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = Row;
 exports.default = _default;

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

@@ -1,50 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = withDimensions;
-
 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 _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; } }
-
 // Compute height and width of wrapped component before ranking
 function withDimensions(WrappedComponent) {
   return /*#__PURE__*/function (_React$Component) {
     (0, _inherits2.default)(WithDimensions, _React$Component);
-
     var _super = _createSuper(WithDimensions);
-
     function WithDimensions() {
       var _this;
-
       (0, _classCallCheck2.default)(this, WithDimensions);
-
       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", {
         refWidth: 0,
@@ -59,12 +41,9 @@ function withDimensions(WrappedComponent) {
         if (!_this.ref) {
           return;
         }
-
         var clientRect = _this.ref.getBoundingClientRect();
-
         var width = clientRect.width;
         var height = clientRect.height;
-
         if (width !== _this.state.refWidth || height !== _this.state.refHeight) {
           _this.setState({
             refWidth: width,
@@ -74,13 +53,11 @@ function withDimensions(WrappedComponent) {
       });
       return _this;
     }
-
     (0, _createClass2.default)(WithDimensions, [{
       key: "UNSAFE_componentWillReceiveProps",
       value: function UNSAFE_componentWillReceiveProps(nextProps) {
         var wasRanking = this.props.isRanking;
         var willRanking = nextProps.isRanking;
-
         if (willRanking && !wasRanking) {
           this.updateDimensions();
         }
@@ -89,11 +66,13 @@ function withDimensions(WrappedComponent) {
       key: "render",
       value: function render() {
         var _this$state = this.state,
-            refWidth = _this$state.refWidth,
-            refHeight = _this$state.refHeight;
-        return /*#__PURE__*/_react.default.createElement(WrappedComponent //@ts-expect-error TODO Fix legit TypeScript 3.9.6 improved inference error
+          refWidth = _this$state.refWidth,
+          refHeight = _this$state.refHeight;
+        return /*#__PURE__*/_react.default.createElement(WrappedComponent
+        //@ts-expect-error TODO Fix legit TypeScript 3.9.6 improved inference error
         , (0, _extends2.default)({
-          refWidth: refWidth //@ts-expect-error TODO Fix legit TypeScript 3.9.6 improved inference error
+          refWidth: refWidth
+          //@ts-expect-error TODO Fix legit TypeScript 3.9.6 improved inference error
           ,
           refHeight: refHeight,
           innerRef: this.innerRef