@atlaskit/dynamic-table 14.8.8 → 14.8.10

package/dist/es2019/styled/constants.js

@@ -16,15 +16,15 @@ export const getTruncationStyleVars = ({
   [CSS_VAR_WIDTH]: `${width}%`
 } : undefined;
 export const cellStyles = css({
-  padding: `${"var(--ds-scale-050, 4px)"} ${"var(--ds-scale-100, 8px)"}`,
+  padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}`,
   border: 'none',
   textAlign: 'left',
   '&:first-of-type': {
     // TODO Delete this comment after verifying spacing token -> previous value `0`
-    paddingLeft: "var(--ds-scale-0, 0px)"
+    paddingLeft: "var(--ds-space-0, 0px)"
   },
   '&:last-child': {
     // TODO Delete this comment after verifying spacing token -> previous value `0`
-    paddingRight: "var(--ds-scale-0, 0px)"
+    paddingRight: "var(--ds-space-0, 0px)"
   }
 });

package/dist/es2019/styled/dynamic-table.js

@@ -1,7 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /* eslint-disable @repo/internal/react/require-jsdoc */
-
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -46,15 +44,13 @@ export const Table = /*#__PURE__*/forwardRef(({
 });
 const captionStyles = css({
   marginTop: `${gridSize * 3.5}px`,
-  // TODO Delete this comment after verifying spacing token -> previous value ``${gridSize}px``
-  marginBottom: "var(--ds-scale-100, 8px)",
+  marginBottom: "var(--ds-space-100, 8px)",
   fontSize: '1.42857143em',
   fontStyle: 'inherit',
-  fontWeight: 500,
+  fontWeight: "var(--ds-font-weight-medium, 500)",
   letterSpacing: '-0.008em',
   lineHeight: 1.2,
   textAlign: 'left',
-
   /* there is a bug in Safari: if element which creates a new stacking context
     is a child of a table, table caption re-renders in bad wrong position
     https://stackoverflow.com/questions/44009186/safari-bug-translating-table-row-group-using-gsap-make-caption-jump-to-bottom

package/dist/es2019/styled/empty-body.js

@@ -1,6 +1,6 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
-
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 import { gridSize } from '@atlaskit/theme/constants';
 const fixedHeightStyles = css({

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

@@ -1,13 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /* eslint-disable @repo/internal/react/require-jsdoc */
-
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
 const containerStyles = css({
-  // TODO Delete this comment after verifying spacing token -> previous value ``${gridSize() * 3}px``
-  marginBottom: "var(--ds-scale-300, 24px)",
+  marginBottom: "var(--ds-space-300, 24px)",
   position: 'relative'
 });
 export const Container = props => {
@@ -15,7 +12,8 @@ export const Container = props => {
     testId,
     ...rest
   } = 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
     jsx("div", _extends({
       css: containerStyles
     }, rest, {

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

@@ -1,6 +1,6 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
-
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 export const CSS_VAR_CONTENTS_OPACITY = '--contents-opacity';
 const containerStyles = css({

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

@@ -1,13 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 const rowPlaceholderStyles = 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)"
+});
 
-export const RowPlaceholderCell = props => // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+export const RowPlaceholderCell = props =>
+// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 jsx("td", _extends({
   css: rowPlaceholderStyles
 }, props));

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

@@ -1,19 +1,20 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 import { TableBodyCell } from '../table-cell';
 const rankingStyles = css({
   boxSizing: 'border-box'
-}); // eslint-disable-next-line @repo/internal/react/require-jsdoc
+});
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export const RankableTableBodyCell = ({
   isRanking,
   innerRef,
   ...props
 }) => jsx(TableBodyCell, _extends({
-  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
 }));

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

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -19,8 +18,9 @@ const draggableStyles = css({
     outlineColor: `var(--ds-border-focused, ${B100})`,
     outlineStyle: 'solid'
   }
-}); // eslint-disable-next-line @repo/internal/react/require-jsdoc
+});
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export const RankableTableBodyRow = /*#__PURE__*/forwardRef(({
   isRanking,
   isRankingItem,

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

@@ -1,9 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
+
 import { jsx } from '@emotion/react';
-import { cellStyles, fixedSizeTruncateStyles, getTruncationStyleVars, overflowTruncateStyles, truncationWidthStyles } from './constants'; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+import { cellStyles, fixedSizeTruncateStyles, getTruncationStyleVars, overflowTruncateStyles, truncationWidthStyles } from './constants';
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export const TableBodyCell = ({
   width,
   isFixedSize,
@@ -14,9 +15,10 @@ export const TableBodyCell = ({
   style: getTruncationStyleVars({
     width
   }),
-  css: [truncationWidthStyles, isFixedSize && shouldTruncate && fixedSizeTruncateStyles, isFixedSize && overflowTruncateStyles, cellStyles] // HOC withDimensions complains about the types but it is working fine
+  css: [truncationWidthStyles, isFixedSize && shouldTruncate && fixedSizeTruncateStyles, isFixedSize && overflowTruncateStyles, 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));

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

@@ -1,7 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /* eslint-disable @repo/internal/react/require-jsdoc */
-
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -23,8 +21,8 @@ export const Head = ({
   ...props
 }) => {
   return jsx("thead", _extends({
-    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));
 };
 const headCellStyles = css([cellStyles, {
@@ -121,7 +119,8 @@ export const HeadCell = /*#__PURE__*/forwardRef(({
   style,
   ...rest
 }, ref) => {
-  const mergedStyles = { ...style,
+  const mergedStyles = {
+    ...style,
     ...(width && getTruncationStyleVars({
       width
     })),

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

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -21,8 +20,9 @@ const rowHighlightedBackgroundStyles = css({
   '&:hover': {
     backgroundColor: `var(--ds-background-selected-hovered, ${`var(${cssVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND})`})`
   }
-}); // eslint-disable-next-line @repo/internal/react/require-jsdoc
+});
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export const TableBodyRow = /*#__PURE__*/forwardRef(({
   isHighlighted,
   children,

package/dist/es2019/types.js

@@ -1,2 +1,3 @@
 /* eslint-disable @repo/internal/react/consistent-types-definitions */
+
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';

package/dist/es2019/version.json

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

package/dist/esm/components/body.js

@@ -3,35 +3,27 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import withSortedPageRows from '../hoc/with-sorted-page-rows';
 import TableRow from './table-row';
-
 var Body = /*#__PURE__*/function (_React$Component) {
   _inherits(Body, _React$Component);
-
   var _super = _createSuper(Body);
-
   function Body() {
     _classCallCheck(this, Body);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Body, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          pageRows = _this$props.pageRows,
-          head = _this$props.head,
-          isFixedSize = _this$props.isFixedSize,
-          highlightedRowIndex = _this$props.highlightedRowIndex,
-          testId = _this$props.testId;
+        pageRows = _this$props.pageRows,
+        head = _this$props.head,
+        isFixedSize = _this$props.isFixedSize,
+        highlightedRowIndex = _this$props.highlightedRowIndex,
+        testId = _this$props.testId;
       return /*#__PURE__*/React.createElement("tbody", {
         "data-testid": testId && "".concat(testId, "--body")
       }, pageRows.map(function (row, rowIndex) {
@@ -46,8 +38,6 @@ var Body = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return Body;
 }(React.Component);
-
 export default withSortedPageRows(Body);

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

@@ -6,18 +6,14 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /* 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
 var safeFindDOMNode = function safeFindDOMNode(component) {
   try {
@@ -26,33 +22,23 @@ var safeFindDOMNode = function safeFindDOMNode(component) {
     return null;
   }
 };
-
 var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
   _inherits(LoadingContainerAdvanced, _React$Component);
-
   var _super = _createSuper(LoadingContainerAdvanced);
-
   function LoadingContainerAdvanced() {
     var _this;
-
     _classCallCheck(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));
-
     _defineProperty(_assertThisInitialized(_this), "componentDidMount", function () {
       if (_this.props.isLoading && _this.hasTargetNode()) {
         _this.attachListeners();
-
         _this.updateTargetAppearance();
-
         _this.updateSpinnerPosition();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "UNSAFE_componentWillReceiveProps", function (nextProps) {
       if (!nextProps.isLoading || !_this.hasTargetNode(nextProps)) {
         _this.detachListeners();
@@ -60,89 +46,70 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
         _this.attachListeners();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "componentDidUpdate", function () {
       if (_this.hasTargetNode()) {
         _this.updateTargetAppearance();
-
         if (_this.props.isLoading) {
           _this.updateSpinnerPosition();
         }
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "componentWillUnmount", function () {
       _this.detachListeners();
     });
-
     _defineProperty(_assertThisInitialized(_this), "getTargetNode", function () {
       var nextProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props;
-      var targetRef = nextProps.targetRef; // targetRef prop may be defined but it is not guaranteed it returns an element
-
-      var targetElement = targetRef ? targetRef() : _this.children; // @ts-ignore - targetElement is not assignable to type 'ReactInstance'
-
+      var targetRef = nextProps.targetRef;
+      // targetRef prop may be defined but it is not guaranteed it returns an element
+      var targetElement = targetRef ? targetRef() : _this.children;
+      // @ts-ignore - targetElement is not assignable to type 'ReactInstance'
       var targetNode = safeFindDOMNode(targetElement);
       return targetNode;
     });
-
     _defineProperty(_assertThisInitialized(_this), "getThisNode", function () {
       return safeFindDOMNode(_assertThisInitialized(_this));
     });
-
     _defineProperty(_assertThisInitialized(_this), "getSpinnerNode", function () {
       return safeFindDOMNode(_this.spinnerRef);
     });
-
     _defineProperty(_assertThisInitialized(_this), "hasTargetNode", function (nextProps) {
       return !!_this.getTargetNode(nextProps);
     });
-
     _defineProperty(_assertThisInitialized(_this), "isVerticallyVisible", function (elementRect, viewportHeight) {
       var top = elementRect.top,
-          bottom = elementRect.bottom;
-
+        bottom = elementRect.bottom;
       if (bottom <= 0) {
         return false;
       }
-
       return top < viewportHeight;
     });
-
     _defineProperty(_assertThisInitialized(_this), "isFullyVerticallyVisible", function (elementRect, viewportHeight) {
       var top = elementRect.top,
-          bottom = elementRect.bottom;
+        bottom = elementRect.bottom;
       return top >= 0 && bottom <= viewportHeight;
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleResize", function () {
       _this.updateSpinnerPosition();
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleScroll", function () {
       _this.updateSpinnerPosition();
     });
-
     _defineProperty(_assertThisInitialized(_this), "translateSpinner", function (spinnerNode, transformY, isFixed) {
       spinnerNode.style.position = isFixed ? 'fixed' : '';
       spinnerNode.style.transform = transformY !== 0 ? "translate3d(0, ".concat(transformY, "px, 0)") : '';
     });
-
     _defineProperty(_assertThisInitialized(_this), "updateTargetAppearance", function () {
       var targetNode = _this.getTargetNode();
-
       var _this$props = _this.props,
-          isLoading = _this$props.isLoading,
-          contentsOpacity = _this$props.contentsOpacity;
-
+        isLoading = _this$props.isLoading,
+        contentsOpacity = _this$props.contentsOpacity;
       if (targetNode && targetNode.style && _typeof(targetNode.style) === 'object') {
         targetNode.style.pointerEvents = isLoading ? 'none' : '';
         targetNode.style.opacity = isLoading ? contentsOpacity.toString() : '';
       }
     });
-
     return _this;
   }
-
   _createClass(LoadingContainerAdvanced, [{
     key: "attachListeners",
     value: function attachListeners() {
@@ -161,24 +128,20 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
       var viewportHeight = window.innerHeight;
       var targetNode = this.getTargetNode();
       var spinnerNode = this.getSpinnerNode();
-
       if (!targetNode || !spinnerNode) {
         return;
       }
-
       var targetRect = targetNode.getBoundingClientRect();
       var spinnerRect = spinnerNode.getBoundingClientRect();
       var spinnerHeight = spinnerRect.height;
       var isInViewport = this.isVerticallyVisible(targetRect, viewportHeight);
       var top = targetRect.top,
-          bottom = targetRect.bottom,
-          height = targetRect.height;
-
+        bottom = targetRect.bottom,
+        height = targetRect.height;
       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)
         var canFollow = height >= spinnerHeight * 3;
-
         if (canFollow && !this.isFullyVerticallyVisible(targetRect, viewportHeight)) {
           if (top >= 0) {
             // Only the head of the element is visible
@@ -189,17 +152,13 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
           } else if (top < 0 && bottom > viewportHeight) {
             // The element takes all viewport, nor its head nor tail are visible
             var _y = viewportHeight / 2 - spinnerHeight / 2;
-
             this.translateSpinner(spinnerNode, _y, true);
           } else {
             // Only the tail of the element is visible
             var _diff = bottom / 2 - spinnerHeight / 2;
-
             var _y2 = _diff < spinnerHeight ? _diff - (spinnerHeight - _diff) : _diff;
-
             this.translateSpinner(spinnerNode, _y2, true);
           }
-
           return;
         }
       } else {
@@ -207,19 +166,16 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_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
-
-
       var thisNode = this.getThisNode();
-
       if (thisNode && typeof thisNode.getBoundingClientRect === 'function') {
         var thisTop = thisNode.getBoundingClientRect().top;
-
         var _y3 = (top - thisTop) / 2;
-
         this.translateSpinner(spinnerNode, _y3, false);
       }
     }
@@ -227,12 +183,11 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props2 = this.props,
-          children = _this$props2.children,
-          isLoading = _this$props2.isLoading,
-          spinnerSize = _this$props2.spinnerSize,
-          testId = _this$props2.testId;
+        children = _this$props2.children,
+        isLoading = _this$props2.isLoading,
+        spinnerSize = _this$props2.spinnerSize,
+        testId = _this$props2.testId;
       return /*#__PURE__*/React.createElement(Container, {
         testId: testId && "".concat(testId, "--loading--container--advanced")
       }, /*#__PURE__*/React.cloneElement(children, {
@@ -251,14 +206,11 @@ var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
       }))));
     }
   }]);
-
   return LoadingContainerAdvanced;
 }(React.Component);
-
 _defineProperty(LoadingContainerAdvanced, "defaultProps", {
   isLoading: true,
   spinnerSize: LARGE,
   contentsOpacity: "var(--ds-opacity-loading, ".concat("".concat(LOADING_CONTENTS_OPACITY), ")")
 });
-
 export { LoadingContainerAdvanced as default };

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

@@ -4,36 +4,28 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import Spinner from '@atlaskit/spinner';
 import { LARGE, LOADING_CONTENTS_OPACITY } from '../internal/constants';
 import { Container, ContentsContainer, SpinnerContainer } from '../styled/loading-container';
-
 var LoadingContainer = /*#__PURE__*/function (_React$Component) {
   _inherits(LoadingContainer, _React$Component);
-
   var _super = _createSuper(LoadingContainer);
-
   function LoadingContainer() {
     _classCallCheck(this, LoadingContainer);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(LoadingContainer, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          children = _this$props.children,
-          isLoading = _this$props.isLoading,
-          spinnerSize = _this$props.spinnerSize,
-          contentsOpacity = _this$props.contentsOpacity,
-          testId = _this$props.testId;
+        children = _this$props.children,
+        isLoading = _this$props.isLoading,
+        spinnerSize = _this$props.spinnerSize,
+        contentsOpacity = _this$props.contentsOpacity,
+        testId = _this$props.testId;
       return /*#__PURE__*/React.createElement(Container, {
         testId: testId
       }, !isLoading ? children : /*#__PURE__*/React.createElement(ContentsContainer, {
@@ -47,14 +39,11 @@ var LoadingContainer = /*#__PURE__*/function (_React$Component) {
       })));
     }
   }]);
-
   return LoadingContainer;
 }(React.Component);
-
 _defineProperty(LoadingContainer, "defaultProps", {
   isLoading: true,
   spinnerSize: LARGE,
   contentsOpacity: LOADING_CONTENTS_OPACITY
 });
-
 export { LoadingContainer as default };