@atlaskit/dynamic-table 14.8.9 → 14.8.11

package/dist/cjs/styled/rankable/row-placeholder.js

@@ -1,28 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RowPlaceholderCell = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = require("@emotion/react");
-
 /** @jsx jsx */
+
 var rowPlaceholderStyles = (0, _react.css)({
-  // TODO Delete this comment after verifying spacing token -> previous value `0`
-  padding: "var(--ds-scale-0, 0px)"
-}); // eslint-disable-next-line @repo/internal/react/require-jsdoc
+  padding: "var(--ds-space-0, 0px)"
+});
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var RowPlaceholderCell = function RowPlaceholderCell(props) {
-  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+  return (
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
     (0, _react.jsx)("td", (0, _extends2.default)({
       css: rowPlaceholderStyles
     }, props))
   );
 };
-
 exports.RowPlaceholderCell = RowPlaceholderCell;

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

@@ -1,35 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RankableTableBodyCell = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("@emotion/react");
-
 var _tableCell = require("../table-cell");
-
 var _excluded = ["isRanking", "innerRef"];
 var rankingStyles = (0, _react.css)({
   boxSizing: 'border-box'
-}); // eslint-disable-next-line @repo/internal/react/require-jsdoc
+});
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var RankableTableBodyCell = function RankableTableBodyCell(_ref) {
   var isRanking = _ref.isRanking,
-      innerRef = _ref.innerRef,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    innerRef = _ref.innerRef,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _react.jsx)(_tableCell.TableBodyCell, (0, _extends2.default)({
-    css: isRanking && rankingStyles // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-
+    css: isRanking && rankingStyles
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props, {
     innerRef: innerRef
   }));
 };
-
 exports.RankableTableBodyCell = RankableTableBodyCell;

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

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RankableTableBodyRow = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _tableRow = require("../table-row");
-
 var _excluded = ["isRanking", "isRankingItem"];
 var rankingStyles = (0, _react2.css)({
   display: 'block'
@@ -34,12 +26,13 @@ var draggableStyles = (0, _react2.css)({
     outlineColor: "var(--ds-border-focused, ".concat(_colors.B100, ")"),
     outlineStyle: 'solid'
   }
-}); // eslint-disable-next-line @repo/internal/react/require-jsdoc
+});
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var RankableTableBodyRow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var isRanking = _ref.isRanking,
-      isRankingItem = _ref.isRankingItem,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    isRankingItem = _ref.isRankingItem,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _react2.jsx)(_tableRow.TableBodyRow, (0, _extends2.default)({
     css: [isRanking && rankingStyles, isRankingItem && rankingItemStyles, draggableStyles],
     ref: ref

package/dist/cjs/styled/table-cell.js

@@ -1,39 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableBodyCell = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("@emotion/react");
-
 var _constants = require("./constants");
-
 var _excluded = ["width", "isFixedSize", "shouldTruncate", "innerRef"];
-
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 var TableBodyCell = function TableBodyCell(_ref) {
   var width = _ref.width,
-      isFixedSize = _ref.isFixedSize,
-      shouldTruncate = _ref.shouldTruncate,
-      innerRef = _ref.innerRef,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    isFixedSize = _ref.isFixedSize,
+    shouldTruncate = _ref.shouldTruncate,
+    innerRef = _ref.innerRef,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _react.jsx)("td", (0, _extends2.default)({
     style: (0, _constants.getTruncationStyleVars)({
       width: width
     }),
-    css: [_constants.truncationWidthStyles, isFixedSize && shouldTruncate && _constants.fixedSizeTruncateStyles, isFixedSize && _constants.overflowTruncateStyles, _constants.cellStyles] // HOC withDimensions complains about the types but it is working fine
+    css: [_constants.truncationWidthStyles, isFixedSize && shouldTruncate && _constants.fixedSizeTruncateStyles, isFixedSize && _constants.overflowTruncateStyles, _constants.cellStyles]
+    // HOC withDimensions complains about the types but it is working fine
     // @ts-ignore
     ,
-    ref: innerRef // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-
+    ref: innerRef
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props));
 };
-
 exports.TableBodyCell = TableBodyCell;

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

@@ -1,39 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HeadCell = exports.Head = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _constants2 = require("../internal/constants");
-
 var _theme = require("../theme");
-
 var _constants3 = require("./constants");
-
 var _excluded = ["isRanking"],
-    _excluded2 = ["width", "children", "isSortable", "sortOrder", "isFixedSize", "shouldTruncate", "onClick", "style"];
-
+  _excluded2 = ["width", "children", "isSortable", "sortOrder", "isFixedSize", "shouldTruncate", "onClick", "style"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var gridSize = (0, _constants.gridSize)();
 var CSS_VAR_TEXT_COLOR = '--local-dynamic-table-text-color';
 var rankingStyles = (0, _react2.css)({
@@ -42,16 +27,14 @@ var rankingStyles = (0, _react2.css)({
 var headStyles = (0, _react2.css)({
   borderBottom: "none"
 });
-
 var Head = function Head(_ref) {
   var isRanking = _ref.isRanking,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _react2.jsx)("thead", (0, _extends2.default)({
-    css: [headStyles, isRanking && rankingStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-
+    css: [headStyles, isRanking && rankingStyles]
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props));
 };
-
 exports.Head = Head;
 var headCellStyles = (0, _react2.css)([_constants3.cellStyles, {
   boxSizing: 'border-box',
@@ -138,19 +121,17 @@ var descendingStyles = (0, _react2.css)({
 });
 var HeadCell = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var width = _ref2.width,
-      children = _ref2.children,
-      isSortable = _ref2.isSortable,
-      sortOrder = _ref2.sortOrder,
-      isFixedSize = _ref2.isFixedSize,
-      shouldTruncate = _ref2.shouldTruncate,
-      onClick = _ref2.onClick,
-      style = _ref2.style,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-
+    children = _ref2.children,
+    isSortable = _ref2.isSortable,
+    sortOrder = _ref2.sortOrder,
+    isFixedSize = _ref2.isFixedSize,
+    shouldTruncate = _ref2.shouldTruncate,
+    onClick = _ref2.onClick,
+    style = _ref2.style,
+    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
   var mergedStyles = _objectSpread(_objectSpread(_objectSpread({}, style), width && (0, _constants3.getTruncationStyleVars)({
     width: width
   })), {}, (0, _defineProperty2.default)({}, CSS_VAR_TEXT_COLOR, _theme.head.textColor));
-
   var isASC = sortOrder === _constants2.ASC;
   var isDESC = sortOrder === _constants2.DESC;
   return (0, _react2.jsx)("th", (0, _extends2.default)({

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableBodyRow = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _dynamicTable = require("./dynamic-table");
-
 var _excluded = ["isHighlighted", "children", "style"];
 var rowStyles = (0, _react2.css)({
   backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
@@ -35,13 +28,14 @@ var rowHighlightedBackgroundStyles = (0, _react2.css)({
   '&:hover': {
     backgroundColor: "var(--ds-background-selected-hovered, ".concat("var(".concat(_dynamicTable.tableRowCSSVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND, ")"), ")")
   }
-}); // eslint-disable-next-line @repo/internal/react/require-jsdoc
+});
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var TableBodyRow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var isHighlighted = _ref.isHighlighted,
-      children = _ref.children,
-      style = _ref.style,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    children = _ref.children,
+    style = _ref.style,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _react2.jsx)("tr", (0, _extends2.default)({
     style: style,
     css: [rowStyles, isHighlighted ? rowHighlightedBackgroundStyles : rowBackgroundStyles]

package/dist/cjs/theme.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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; }
-
 var MSThemeColors = {
   Background: 'Canvas',
   Text: 'CanvasText',

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "14.8.9",
+	"version": "14.8.11",
 	"sideEffects": false
 }

package/dist/es2019/components/body.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import withSortedPageRows from '../hoc/with-sorted-page-rows';
 import TableRow from './table-row';
-
 class Body extends React.Component {
   render() {
     const {
@@ -22,7 +21,5 @@ class Body extends React.Component {
       testId: testId
     })));
   }
-
 }
-
 export default withSortedPageRows(Body);

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

@@ -1,12 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
 import React from 'react';
 import { findDOMNode } from 'react-dom';
 import Spinner from '@atlaskit/spinner';
 import { LARGE, LOADING_CONTENTS_OPACITY } from '../internal/constants';
 import { Container, SpinnerBackdrop, SpinnerContainer } from '../styled/loading-container-advanced';
-
 // there is a bug with findDOMNode and Suspense in React < 16.9: https://github.com/facebook/react/issues/14188
 const safeFindDOMNode = component => {
   try {
@@ -15,11 +13,9 @@ const safeFindDOMNode = component => {
     return null;
   }
 };
-
 export default class LoadingContainerAdvanced extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "componentDidMount", () => {
       if (this.props.isLoading && this.hasTargetNode()) {
         this.attachListeners();
@@ -27,7 +23,6 @@ export default class LoadingContainerAdvanced extends React.Component {
         this.updateSpinnerPosition();
       }
     });
-
     _defineProperty(this, "UNSAFE_componentWillReceiveProps", nextProps => {
       if (!nextProps.isLoading || !this.hasTargetNode(nextProps)) {
         this.detachListeners();
@@ -35,51 +30,40 @@ export default class LoadingContainerAdvanced extends React.Component {
         this.attachListeners();
       }
     });
-
     _defineProperty(this, "componentDidUpdate", () => {
       if (this.hasTargetNode()) {
         this.updateTargetAppearance();
-
         if (this.props.isLoading) {
           this.updateSpinnerPosition();
         }
       }
     });
-
     _defineProperty(this, "componentWillUnmount", () => {
       this.detachListeners();
     });
-
     _defineProperty(this, "getTargetNode", (nextProps = this.props) => {
       const {
         targetRef
-      } = nextProps; // targetRef prop may be defined but it is not guaranteed it returns an element
-
-      const targetElement = targetRef ? targetRef() : this.children; // @ts-ignore - targetElement is not assignable to type 'ReactInstance'
-
+      } = nextProps;
+      // targetRef prop may be defined but it is not guaranteed it returns an element
+      const targetElement = targetRef ? targetRef() : this.children;
+      // @ts-ignore - targetElement is not assignable to type 'ReactInstance'
       const targetNode = safeFindDOMNode(targetElement);
       return targetNode;
     });
-
     _defineProperty(this, "getThisNode", () => safeFindDOMNode(this));
-
     _defineProperty(this, "getSpinnerNode", () => safeFindDOMNode(this.spinnerRef));
-
     _defineProperty(this, "hasTargetNode", nextProps => !!this.getTargetNode(nextProps));
-
     _defineProperty(this, "isVerticallyVisible", (elementRect, viewportHeight) => {
       const {
         top,
         bottom
       } = elementRect;
-
       if (bottom <= 0) {
         return false;
       }
-
       return top < viewportHeight;
     });
-
     _defineProperty(this, "isFullyVerticallyVisible", (elementRect, viewportHeight) => {
       const {
         top,
@@ -87,53 +71,43 @@ export default class LoadingContainerAdvanced extends React.Component {
       } = elementRect;
       return top >= 0 && bottom <= viewportHeight;
     });
-
     _defineProperty(this, "handleResize", () => {
       this.updateSpinnerPosition();
     });
-
     _defineProperty(this, "handleScroll", () => {
       this.updateSpinnerPosition();
     });
-
     _defineProperty(this, "translateSpinner", (spinnerNode, transformY, isFixed) => {
       spinnerNode.style.position = isFixed ? 'fixed' : '';
       spinnerNode.style.transform = transformY !== 0 ? `translate3d(0, ${transformY}px, 0)` : '';
     });
-
     _defineProperty(this, "updateTargetAppearance", () => {
       const targetNode = this.getTargetNode();
       const {
         isLoading,
         contentsOpacity
       } = this.props;
-
       if (targetNode && targetNode.style && typeof targetNode.style === 'object') {
         targetNode.style.pointerEvents = isLoading ? 'none' : '';
         targetNode.style.opacity = isLoading ? contentsOpacity.toString() : '';
       }
     });
   }
-
   attachListeners() {
     window.addEventListener('scroll', this.handleScroll);
     window.addEventListener('resize', this.handleResize);
   }
-
   detachListeners() {
     window.removeEventListener('scroll', this.handleScroll);
     window.removeEventListener('resize', this.handleResize);
   }
-
   updateSpinnerPosition() {
     const viewportHeight = window.innerHeight;
     const targetNode = this.getTargetNode();
     const spinnerNode = this.getSpinnerNode();
-
     if (!targetNode || !spinnerNode) {
       return;
     }
-
     const targetRect = targetNode.getBoundingClientRect();
     const spinnerRect = spinnerNode.getBoundingClientRect();
     const spinnerHeight = spinnerRect.height;
@@ -143,12 +117,10 @@ export default class LoadingContainerAdvanced extends React.Component {
       bottom,
       height
     } = targetRect;
-
     if (isInViewport) {
       // The spinner may follow the element only if there is enough space:
       // Let's say the element can fit at least three spinners (vertically)
       const canFollow = height >= spinnerHeight * 3;
-
       if (canFollow && !this.isFullyVerticallyVisible(targetRect, viewportHeight)) {
         if (top >= 0) {
           // Only the head of the element is visible
@@ -166,7 +138,6 @@ export default class LoadingContainerAdvanced extends React.Component {
           const y = diff < spinnerHeight ? diff - (spinnerHeight - diff) : diff;
           this.translateSpinner(spinnerNode, y, true);
         }
-
         return;
       }
     } else {
@@ -174,21 +145,19 @@ export default class LoadingContainerAdvanced extends React.Component {
       if (!this.isVerticallyVisible(spinnerRect, viewportHeight)) {
         return;
       }
-    } // Three options here:
+    }
+
+    // Three options here:
     // 1) the element is fully visible
     // 2) the element is too small for the spinner to follow
     // 3) the spinner might still be visible while the element isn't
-
-
     const thisNode = this.getThisNode();
-
     if (thisNode && typeof thisNode.getBoundingClientRect === 'function') {
       const thisTop = thisNode.getBoundingClientRect().top;
       const y = (top - thisTop) / 2;
       this.translateSpinner(spinnerNode, y, false);
     }
   }
-
   render() {
     const {
       children,
@@ -211,9 +180,7 @@ export default class LoadingContainerAdvanced extends React.Component {
       testId: testId && `${testId}--loadingSpinner`
     }))));
   }
-
 }
-
 _defineProperty(LoadingContainerAdvanced, "defaultProps", {
   isLoading: true,
   spinnerSize: LARGE,

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

@@ -24,9 +24,7 @@ export default class LoadingContainer extends React.Component {
       testId: testId && `${testId}--loadingSpinner`
     })));
   }
-
 }
-
 _defineProperty(LoadingContainer, "defaultProps", {
   isLoading: true,
   spinnerSize: LARGE,

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

@@ -4,12 +4,10 @@ import Pagination from '@atlaskit/pagination';
 export default class ManagedPagination extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "onChange", (_event, newValue, analyticsEvent) => {
       this.props.onChange(newValue, analyticsEvent);
     });
   }
-
   render() {
     const {
       total,
@@ -17,9 +15,9 @@ export default class ManagedPagination extends React.Component {
       i18n,
       testId
     } = this.props;
-    const pages = [...Array(total)].map((_, index) => index + 1); // Pagination accepts array now thus selectedIndex starts with 0
+    const pages = [...Array(total)].map((_, index) => index + 1);
+    // Pagination accepts array now thus selectedIndex starts with 0
     // So, we are substracting value by one thus not breaking dynamic table
-
     const selectedIndex = value - 1;
     return /*#__PURE__*/React.createElement(Pagination, {
       selectedIndex: selectedIndex,
@@ -31,5 +29,4 @@ export default class ManagedPagination extends React.Component {
       testId: testId && `${testId}--pagination`
     });
   }
-
 }

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

@@ -4,7 +4,6 @@ import React from 'react';
 import { DragDropContext, Droppable } from 'react-beautiful-dnd';
 import withSortedPageRows from '../../hoc/with-sorted-page-rows';
 import TableRow from './table-row';
-
 // computes destination of ranking
 // - if drag was cancelled returns undefined
 // - if drag was finished, returns new position and after/before key
@@ -15,7 +14,6 @@ const computeRankDestination = (result, pageRows) => {
     },
     destination
   } = result;
-
   if (destination) {
     const {
       index
@@ -30,14 +28,11 @@ const computeRankDestination = (result, pageRows) => {
       beforeKey
     };
   }
-
   return undefined;
 };
-
 export class RankableBody extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "onBeforeDragStart", dragStart => {
       const {
         draggableId: key,
@@ -51,7 +46,6 @@ export class RankableBody extends React.Component {
       };
       this.props.onRankStart(rankStartProps);
     });
-
     _defineProperty(this, "onDragEnd", result => {
       const {
         pageRows,
@@ -72,7 +66,6 @@ export class RankableBody extends React.Component {
       onRankEnd(rankEndProps);
     });
   }
-
   render() {
     const {
       highlightedRowIndex,
@@ -104,6 +97,5 @@ export class RankableBody extends React.Component {
       testId: `${testId}--rankable--table--row`
     })), provided.placeholder)));
   }
-
 }
 export default withSortedPageRows(RankableBody);

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

@@ -34,6 +34,5 @@ export class RankableTableCell extends React.Component {
       "data-testid": testId && `${testId}--rankable--table--body--cell`
     }), content);
   }
-
 }
 export default withDimensions(RankableTableCell);

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

@@ -3,7 +3,6 @@ import React from 'react';
 import withDimensions from '../../hoc/with-dimensions';
 import { inlineStylesIfRanking } from '../../internal/helpers';
 import HeadCell from '../table-head-cell';
-
 class RankableTableHeadCell extends React.Component {
   render() {
     const {
@@ -17,7 +16,5 @@ class RankableTableHeadCell extends React.Component {
       inlineStyles: inlineStyles
     }, restProps));
   }
-
 }
-
 export default withDimensions(RankableTableHeadCell);