@atlaskit/dynamic-table 14.8.9 → 14.8.11

package/dist/esm/components/stateless.js

@@ -6,11 +6,8 @@ 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 { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
@@ -25,54 +22,41 @@ import ManagedPagination from './managed-pagination';
 import RankableTableBody from './rankable/body';
 import TableHead from './table-head';
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.8.9";
-
+var packageVersion = "14.8.11";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case DESC:
       return ASC;
-
     case ASC:
       return DESC;
-
     default:
       return currentSortOrder;
   }
 }
-
 var DynamicTable = /*#__PURE__*/function (_React$Component) {
   _inherits(DynamicTable, _React$Component);
-
   var _super = _createSuper(DynamicTable);
-
   function DynamicTable() {
     var _this;
-
     _classCallCheck(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));
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       isRanking: false
     });
-
     _defineProperty(_assertThisInitialized(_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 === DESC) {
           onSort({
             key: null,
@@ -81,9 +65,7 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
           });
           return;
         }
-
         var sortOrderFormatted = key !== sortKey ? ASC : toggleSortOrder(sortOrder);
-
         if (onSort) {
           onSort({
             key: key,
@@ -93,69 +75,55 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
         }
       };
     });
-
     _defineProperty(_assertThisInitialized(_this), "onSetPage", function (page, event) {
       var onSetPage = _this.props.onSetPage;
-
       if (onSetPage) {
         onSetPage(page, event);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onRankStart", function (params) {
       _this.setState({
         isRanking: true
       });
-
       if (_this.props.onRankStart) {
         _this.props.onRankStart(params);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onRankEnd", function (params) {
       _this.setState({
         isRanking: false
       });
-
       if (_this.props.onRankEnd) {
         _this.props.onRankEnd(params);
       }
     });
-
     _defineProperty(_assertThisInitialized(_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 getPageRows(rows || [], page, rowsPerPage).length > 2 ? LARGE : SMALL;
     });
-
     _defineProperty(_assertThisInitialized(_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.createElement(EmptyViewWithFixedHeight, {
           testId: testId
         });
       }
-
       return emptyView && /*#__PURE__*/React.createElement(EmptyViewContainer, {
         testId: testId
       }, emptyView);
     });
-
     return _this;
   }
-
   _createClass(DynamicTable, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
@@ -168,7 +136,6 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
       if (this.props.sortKey !== nextProps.sortKey || this.props.head !== nextProps.head) {
         validateSortKey(nextProps.sortKey, nextProps.head);
       }
-
       if (this.props.head !== nextProps.head) {
         assertIsSortable(nextProps.head);
       }
@@ -177,31 +144,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
@@ -214,7 +179,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
 
@@ -279,10 +243,8 @@ var DynamicTable = /*#__PURE__*/function (_React$Component) {
       }, emptyBody));
     }
   }]);
-
   return DynamicTable;
 }(React.Component);
-
 _defineProperty(DynamicTable, "defaultProps", {
   isLoading: false,
   isFixedSize: false,
@@ -300,7 +262,6 @@ _defineProperty(DynamicTable, "defaultProps", {
     label: 'Pagination'
   }
 });
-
 export { DynamicTable as DynamicTableWithoutAnalytics };
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

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

@@ -3,27 +3,24 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["content", "inlineStyles", "testId", "isRanking", "innerRef", "isSortable"];
 import React from 'react';
 import { HeadCell } from '../styled/table-head';
-
 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 = _objectWithoutProperties(_ref, _excluded);
-
+    inlineStyles = _ref.inlineStyles,
+    testId = _ref.testId,
+    isRanking = _ref.isRanking,
+    innerRef = _ref.innerRef,
+    isSortable = _ref.isSortable,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(HeadCell, _extends({
     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.createElement("span", null, content));
-}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+};
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default TableHeadCell;

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

@@ -8,41 +8,29 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["cells"],
-    _excluded2 = ["isSortable", "key"];
-
+  _excluded2 = ["isSortable", "key"];
 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 { validateSortKey } from '../internal/helpers';
 import { Head } from '../styled/table-head';
 import RankableHeadCell from './rankable/table-head-cell';
 import HeadCell from './table-head-cell';
-
 var TableHead = /*#__PURE__*/function (_React$Component) {
   _inherits(TableHead, _React$Component);
-
   var _super = _createSuper(TableHead);
-
   function TableHead() {
     var _this;
-
     _classCallCheck(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));
-
     _defineProperty(_assertThisInitialized(_this), "canSortOnEnterPressed", function (e, isSortable) {
       return isSortable && e.key === 'Enter';
     });
-
     return _this;
   }
-
   _createClass(TableHead, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
@@ -59,34 +47,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 ? RankableHeadCell : HeadCell;
-
       var cells = head.cells,
-          rest = _objectWithoutProperties(head, _excluded);
-
+        rest = _objectWithoutProperties(head, _excluded);
       return /*#__PURE__*/React.createElement(Head, _extends({}, rest, {
         isRanking: isRanking,
         "data-testid": testId && "".concat(testId, "--head")
       }), /*#__PURE__*/React.createElement("tr", null, cells.map(function (cell, index) {
         var isSortable = cell.isSortable,
-            key = cell.key,
-            restCellProps = _objectWithoutProperties(cell, _excluded2);
-
+          key = cell.key,
+          restCellProps = _objectWithoutProperties(cell, _excluded2);
         return /*#__PURE__*/React.createElement(HeadCellComponent, _extends({
           isFixedSize: isFixedSize,
           isSortable: !!isSortable,
@@ -102,9 +84,6 @@ var TableHead = /*#__PURE__*/function (_React$Component) {
       })));
     }
   }]);
-
   return TableHead;
 }(React.Component); // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
-
 export default TableHead;

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

@@ -1,21 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["cells"],
-    _excluded2 = ["content"];
+  _excluded2 = ["content"];
 import React from 'react';
 import { TableBodyCell } from '../styled/table-cell';
 import { TableBodyRow } from '../styled/table-row';
-
 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 = _objectWithoutProperties(row, _excluded);
-
+    restRowProps = _objectWithoutProperties(row, _excluded);
   return /*#__PURE__*/React.createElement(TableBodyRow, _extends({}, restRowProps, {
     isHighlighted: isHighlighted
   }, isHighlighted ? {
@@ -24,14 +21,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 = _objectWithoutProperties(cell, _excluded2);
-
+      restCellProps = _objectWithoutProperties(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.createElement(TableBodyCell, _extends({
       "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex)
     }, restCellProps, {
@@ -42,7 +37,7 @@ 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
 export default Row;

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

@@ -6,51 +6,37 @@ 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';
 // Compute height and width of wrapped component before ranking
 export default function withDimensions(WrappedComponent) {
   return /*#__PURE__*/function (_React$Component) {
     _inherits(WithDimensions, _React$Component);
-
     var _super = _createSuper(WithDimensions);
-
     function WithDimensions() {
       var _this;
-
       _classCallCheck(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));
-
       _defineProperty(_assertThisInitialized(_this), "state", {
         refWidth: 0,
         refHeight: 0
       });
-
       _defineProperty(_assertThisInitialized(_this), "innerRef", function (ref) {
         if (ref && !_this.props.isRanking) {
           _this.ref = ref;
         }
       });
-
       _defineProperty(_assertThisInitialized(_this), "updateDimensions", function () {
         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,
@@ -58,16 +44,13 @@ export default function withDimensions(WrappedComponent) {
           });
         }
       });
-
       return _this;
     }
-
     _createClass(WithDimensions, [{
       key: "UNSAFE_componentWillReceiveProps",
       value: function UNSAFE_componentWillReceiveProps(nextProps) {
         var wasRanking = this.props.isRanking;
         var willRanking = nextProps.isRanking;
-
         if (willRanking && !wasRanking) {
           this.updateDimensions();
         }
@@ -76,18 +59,19 @@ export default function withDimensions(WrappedComponent) {
       key: "render",
       value: function render() {
         var _this$state = this.state,
-            refWidth = _this$state.refWidth,
-            refHeight = _this$state.refHeight;
-        return /*#__PURE__*/React.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.createElement(WrappedComponent
+        //@ts-expect-error TODO Fix legit TypeScript 3.9.6 improved inference error
         , _extends({
-          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
         }, this.props));
       }
     }]);
-
     return WithDimensions;
   }(React.Component);
 }