@atlaskit/dynamic-table 14.8.9 → 14.8.10

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

@@ -9,16 +9,13 @@ import TableCell from './table-cell';
 export class RankableTableRow extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "innerRef", innerRefFn => ref => {
       innerRefFn(ref);
-
       if (typeof this.props.innerRef === 'function') {
         this.props.innerRef(ref);
       }
     });
   }
-
   render() {
     const {
       row,
@@ -37,18 +34,17 @@ export class RankableTableRow extends React.Component {
       ...restRowProps
     } = row;
     const inlineStyles = inlineStylesIfRanking(isRanking, refWidth);
-
     if (typeof key !== 'string' && !isRankingDisabled) {
       throw new Error('dynamic-table: ranking is not possible because table row does not have a key. Add the key to the row or disable ranking.');
     }
-
     return /*#__PURE__*/React.createElement(Draggable, {
       draggableId: key || rowIndex.toString(),
       index: rowIndex,
       isDragDisabled: isRankingDisabled
     }, (provided, snapshot) => /*#__PURE__*/React.createElement(RankableTableBodyRow, _extends({}, restRowProps, provided.dragHandleProps, provided.draggableProps, {
       ref: this.innerRef(provided.innerRef),
-      style: { ...provided.draggableProps.style,
+      style: {
+        ...provided.draggableProps.style,
         ...inlineStyles
       },
       isHighlighted: isHighlighted,
@@ -69,6 +65,5 @@ export class RankableTableRow extends React.Component {
       });
     })));
   }
-
 }
 export default withDimensions(RankableTableRow);

package/dist/es2019/components/stateful.js

@@ -3,7 +3,6 @@ import React from 'react';
 import noop from '@atlaskit/ds-lib/noop';
 import { reorderRows } from '../internal/helpers';
 import DynamicTableStateless from './stateless';
-
 /**
  * __Dynamic Table__
  *
@@ -33,19 +32,16 @@ import DynamicTableStateless from './stateless';
 export default class DynamicTable extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", {
       page: this.props.defaultPage,
       sortKey: this.props.defaultSortKey,
       sortOrder: this.props.defaultSortOrder,
       rows: this.props.rows
     });
-
     _defineProperty(this, "onSetPage", (page, analyticsEvent) => {
       const {
         onSetPage
       } = this.props;
-
       if (onSetPage) {
         onSetPage(page, analyticsEvent);
         this.setState({
@@ -53,7 +49,6 @@ export default class DynamicTable extends React.Component {
         });
       }
     });
-
     _defineProperty(this, "onSort", ({
       key,
       item,
@@ -62,7 +57,6 @@ export default class DynamicTable extends React.Component {
       const {
         onSort
       } = this.props;
-
       if (onSort) {
         onSort({
           key,
@@ -75,13 +69,11 @@ export default class DynamicTable extends React.Component {
         });
       }
     });
-
     _defineProperty(this, "onRankEndIfExists", params => {
       if (this.props.onRankEnd) {
         this.props.onRankEnd(params);
       }
     });
-
     _defineProperty(this, "onRankEnd", params => {
       const {
         destination
@@ -93,12 +85,10 @@ export default class DynamicTable extends React.Component {
       const {
         rowsPerPage
       } = this.props;
-
       if (!destination || !rows) {
         this.onRankEndIfExists(params);
         return;
       }
-
       const reordered = reorderRows(params, rows, page, rowsPerPage);
       this.setState({
         rows: reordered
@@ -106,7 +96,6 @@ export default class DynamicTable extends React.Component {
       this.onRankEndIfExists(params);
     });
   }
-
   UNSAFE_componentWillReceiveProps(newProps) {
     const sortKey = newProps.sortKey || this.state.sortKey;
     const sortOrder = newProps.sortOrder || this.state.sortOrder;
@@ -118,7 +107,6 @@ export default class DynamicTable extends React.Component {
       rows: newProps.rows
     });
   }
-
   render() {
     const {
       page,
@@ -168,9 +156,7 @@ export default class DynamicTable extends React.Component {
       label: label
     });
   }
-
 }
-
 _defineProperty(DynamicTable, "defaultProps", {
   defaultPage: 1,
   isLoading: false,

package/dist/es2019/components/stateless.js

@@ -14,29 +14,23 @@ import ManagedPagination from './managed-pagination';
 import RankableTableBody from './rankable/body';
 import TableHead from './table-head';
 const packageName = "@atlaskit/dynamic-table";
-const packageVersion = "14.8.9";
-
+const packageVersion = "14.8.10";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case DESC:
       return ASC;
-
     case ASC:
       return DESC;
-
     default:
       return currentSortOrder;
   }
 }
-
 class DynamicTable extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", {
       isRanking: false
     });
-
     _defineProperty(this, "onSort", item => () => {
       const {
         sortKey,
@@ -47,11 +41,9 @@ class DynamicTable extends React.Component {
       const {
         key
       } = item;
-
       if (!key) {
         return;
       }
-
       if (onSort && isRankable && key === sortKey && sortOrder === DESC) {
         onSort({
           key: null,
@@ -60,9 +52,7 @@ class DynamicTable extends React.Component {
         });
         return;
       }
-
       const sortOrderFormatted = key !== sortKey ? ASC : toggleSortOrder(sortOrder);
-
       if (onSort) {
         onSort({
           key,
@@ -71,37 +61,30 @@ class DynamicTable extends React.Component {
         });
       }
     });
-
     _defineProperty(this, "onSetPage", (page, event) => {
       const {
         onSetPage
       } = this.props;
-
       if (onSetPage) {
         onSetPage(page, event);
       }
     });
-
     _defineProperty(this, "onRankStart", params => {
       this.setState({
         isRanking: true
       });
-
       if (this.props.onRankStart) {
         this.props.onRankStart(params);
       }
     });
-
     _defineProperty(this, "onRankEnd", params => {
       this.setState({
         isRanking: false
       });
-
       if (this.props.onRankEnd) {
         this.props.onRankEnd(params);
       }
     });
-
     _defineProperty(this, "getSpinnerSize", () => {
       const {
         page,
@@ -109,48 +92,39 @@ class DynamicTable extends React.Component {
         rowsPerPage,
         loadingSpinnerSize
       } = this.props;
-
       if (loadingSpinnerSize) {
         return loadingSpinnerSize;
       }
-
       return getPageRows(rows || [], page, rowsPerPage).length > 2 ? LARGE : SMALL;
     });
-
     _defineProperty(this, "renderEmptyBody", () => {
       const {
         emptyView,
         isLoading,
         testId
       } = this.props;
-
       if (isLoading) {
         return /*#__PURE__*/React.createElement(EmptyViewWithFixedHeight, {
           testId: testId
         });
       }
-
       return emptyView && /*#__PURE__*/React.createElement(EmptyViewContainer, {
         testId: testId
       }, emptyView);
     });
   }
-
   UNSAFE_componentWillMount() {
     validateSortKey(this.props.sortKey, this.props.head);
     assertIsSortable(this.props.head);
   }
-
   UNSAFE_componentWillReceiveProps(nextProps) {
     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);
     }
   }
-
   render() {
     const {
       caption,
@@ -172,11 +146,10 @@ class DynamicTable extends React.Component {
       label
     } = this.props;
     const rowsLength = rows && rows.length;
-    let totalPages; // set a flag to denote the dynamic table might get only one page of data
+    let totalPages;
+    // set a flag to denote the dynamic table might get only one page of data
     // for paginated data
-
     let isTotalPagesControlledExternally = false;
-
     if (passedDownTotalRows && Number.isInteger(passedDownTotalRows) && rowsPerPage && rowsLength && rowsLength <= passedDownTotalRows) {
       /**
        * If total number of rows / records have been passed down as prop
@@ -189,7 +162,6 @@ class DynamicTable extends React.Component {
     } else {
       totalPages = rowsLength && rowsPerPage ? Math.ceil(rowsLength / rowsPerPage) : 0;
     }
-
     totalPages = totalPages < 1 ? 1 : totalPages;
     const getPageNumber = page > totalPages ? totalPages : page; // page! required, because typescript can't yet see defaultProps to know that this won't be undefined
 
@@ -251,9 +223,7 @@ class DynamicTable extends React.Component {
       testId: testId
     }, emptyBody));
   }
-
 }
-
 _defineProperty(DynamicTable, "defaultProps", {
   isLoading: false,
   isFixedSize: false,
@@ -271,7 +241,6 @@ _defineProperty(DynamicTable, "defaultProps", {
     label: 'Pagination'
   }
 });
-
 export { DynamicTable as DynamicTableWithoutAnalytics };
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

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

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { HeadCell } from '../styled/table-head';
-
 const TableHeadCell = ({
   content,
   inlineStyles,
@@ -16,12 +15,11 @@ const TableHeadCell = ({
     "data-testid": testId && `${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/es2019/components/table-head.js

@@ -5,24 +5,19 @@ import { validateSortKey } from '../internal/helpers';
 import { Head } from '../styled/table-head';
 import RankableHeadCell from './rankable/table-head-cell';
 import HeadCell from './table-head-cell';
-
 class TableHead extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "canSortOnEnterPressed", (e, isSortable) => isSortable && e.key === 'Enter');
   }
-
   UNSAFE_componentWillMount() {
     validateSortKey(this.props.sortKey, this.props.head);
   }
-
   UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.sortKey !== nextProps.sortKey || this.props.head !== nextProps.head) {
       validateSortKey(nextProps.sortKey, nextProps.head);
     }
   }
-
   render() {
     const {
       head,
@@ -34,11 +29,9 @@ class TableHead extends React.Component {
       isRankable,
       testId
     } = this.props;
-
     if (!head) {
       return null;
     }
-
     const HeadCellComponent = isRankable ? RankableHeadCell : HeadCell;
     const {
       cells,
@@ -65,8 +58,7 @@ class TableHead extends React.Component {
       }, restCellProps));
     })));
   }
+}
 
-} // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
-
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default TableHead;

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

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { TableBodyCell } from '../styled/table-cell';
 import { TableBodyRow } from '../styled/table-row';
-
 const Row = ({
   row,
   head,
@@ -41,7 +40,7 @@ const Row = ({
       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/es2019/hoc/with-dimensions.js

@@ -6,23 +6,19 @@ export default function withDimensions(WrappedComponent) {
   return class WithDimensions extends React.Component {
     constructor(...args) {
       super(...args);
-
       _defineProperty(this, "state", {
         refWidth: 0,
         refHeight: 0
       });
-
       _defineProperty(this, "innerRef", ref => {
         if (ref && !this.props.isRanking) {
           this.ref = ref;
         }
       });
-
       _defineProperty(this, "updateDimensions", () => {
         if (!this.ref) {
           return;
         }
-
         const clientRect = this.ref.getBoundingClientRect();
         const {
           width
@@ -30,7 +26,6 @@ export default function withDimensions(WrappedComponent) {
         const {
           height
         } = clientRect;
-
         if (width !== this.state.refWidth || height !== this.state.refHeight) {
           this.setState({
             refWidth: width,
@@ -39,29 +34,27 @@ export default function withDimensions(WrappedComponent) {
         }
       });
     }
-
     UNSAFE_componentWillReceiveProps(nextProps) {
       const wasRanking = this.props.isRanking;
       const willRanking = nextProps.isRanking;
-
       if (willRanking && !wasRanking) {
         this.updateDimensions();
       }
     }
-
     render() {
       const {
         refWidth,
         refHeight
       } = this.state;
-      return /*#__PURE__*/React.createElement(WrappedComponent //@ts-expect-error TODO Fix legit TypeScript 3.9.6 improved inference error
+      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));
     }
-
   };
 }

package/dist/es2019/hoc/with-sorted-page-rows.js

@@ -3,97 +3,84 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { ASC } from '../internal/constants';
 import { getPageRows, validateSortKey } from '../internal/helpers';
-
 // sort all rows based on sort key and order
 const getSortedRows = (head, rows, sortKey, sortOrder) => {
   if (!sortKey || !head) {
     return rows;
   }
-
   if (!rows) {
     return [];
-  } // return value which will be used for sorting
-
+  }
 
+  // return value which will be used for sorting
   const getSortingCellValue = cells => {
     for (let i = 0; i < cells.length; i++) {
       if (head.cells[i] && head.cells[i].key === sortKey) {
         return cells[i].key;
       }
     }
-
     return undefined;
-  }; // Get copy of rows to avoid sorting prop in place
+  };
 
+  // Get copy of rows to avoid sorting prop in place
+  const sortableRows = Array.from(rows);
 
-  const sortableRows = Array.from(rows); // Reorder rows in table based on sorting cell value
+  // Reorder rows in table based on sorting cell value
   // Algorithm will sort numerics or strings, but not both
-
   return sortableRows.sort((a, b) => {
     const valA = getSortingCellValue(a.cells);
-    const valB = getSortingCellValue(b.cells); // modifier used for sorting type (ascending or descending)
+    const valB = getSortingCellValue(b.cells);
 
+    // modifier used for sorting type (ascending or descending)
     const modifier = sortOrder === ASC ? 1 : -1;
-
     if (valA === undefined || valB === undefined) {
       return modifier;
     }
-
     if (typeof valA !== typeof valB) {
       // numbers are always grouped higher in the sort
       if (typeof valA === 'number') {
         return -1;
       }
-
       if (typeof valB === 'number') {
         return 1;
-      } // strings are grouped next
-
-
+      }
+      // strings are grouped next
       if (typeof valA === 'string') {
         return -1;
       }
-
       if (typeof valB === 'string') {
         return 1;
       }
-    } // Sort strings using localeCompare
-
+    }
 
+    // Sort strings using localeCompare
     if (typeof valA === 'string' && typeof valB === 'string') {
       return modifier * valA.localeCompare(valB, undefined, {
         sensitivity: 'accent',
         numeric: true
       });
     }
-
     if (!valA && valA !== 0 || valA < valB) {
       return -modifier;
     }
-
     if (!valB && valB !== 0 || valA > valB) {
       return modifier;
     }
-
     if (valA === valB) {
       return 0;
     }
-
     return 1;
   });
 };
-
 // get one page of data in table, sorting all rows previously
 export default function withSortedPageRows(WrappedComponent) {
   return class WithSortedPageRows extends React.Component {
     constructor(...args) {
       super(...args);
-
       _defineProperty(this, "state", {
         pageRows: []
       });
     }
-
     static getDerivedStateFromProps(props, state) {
       const {
         rows,
@@ -107,7 +94,6 @@ export default function withSortedPageRows(WrappedComponent) {
       validateSortKey(sortKey, head);
       let sortedRows;
       let pageRows;
-
       if (isTotalPagesControlledExternally) {
         sortedRows = rows;
         pageRows = rows;
@@ -115,22 +101,19 @@ export default function withSortedPageRows(WrappedComponent) {
         sortedRows = getSortedRows(head, rows, sortKey, sortOrder) || [];
         pageRows = getPageRows(sortedRows, page, rowsPerPage);
       }
-
-      return { ...state,
+      return {
+        ...state,
         pageRows
       };
     }
-
     componentDidMount() {
       this.props.onPageRowsUpdate && this.props.onPageRowsUpdate(this.state.pageRows);
     }
-
     componentDidUpdate(_prevProps, prevState) {
       if (this.props.onPageRowsUpdate && this.state.pageRows !== prevState.pageRows) {
         this.props.onPageRowsUpdate(this.state.pageRows);
       }
     }
-
     render() {
       const {
         rows,
@@ -142,12 +125,12 @@ export default function withSortedPageRows(WrappedComponent) {
         // @ts-ignore - Rest types may only be created from object types
         ...restProps
       } = this.props;
-      return /*#__PURE__*/React.createElement(WrappedComponent //@ts-expect-error TODO Fix legit TypeScript 3.9.6 improved inference error
+      return /*#__PURE__*/React.createElement(WrappedComponent
+      //@ts-expect-error TODO Fix legit TypeScript 3.9.6 improved inference error
       , _extends({
         pageRows: this.state.pageRows,
         head: head
       }, restProps));
     }
-
   };
 }

package/dist/es2019/internal/helpers.js

@@ -2,14 +2,12 @@ export const getPageRows = (allRows, pageNumber, rowsPerPage) => {
   if (!pageNumber || !rowsPerPage || !allRows.length) {
     return [];
   }
-
   return allRows.slice((pageNumber - 1) * rowsPerPage, pageNumber * rowsPerPage);
 };
 export const assertIsSortable = head => {
   if (!head || !head.cells) {
     return;
   }
-
   head.cells.forEach(cell => {
     if (cell.isSortable && !cell.key) {
       try {
@@ -25,9 +23,7 @@ export const validateSortKey = (sortKey, head) => {
   if (!sortKey) {
     return;
   }
-
   const headHasKey = head && head.cells.map(cell => cell.key).includes(sortKey);
-
   if (!headHasKey) {
     try {
       throw Error(`Cell with ${sortKey} key not found in head.`);
@@ -36,40 +32,39 @@ export const validateSortKey = (sortKey, head) => {
       console.error(e);
     }
   }
-}; // creates inline styles if flag ranking is true
+};
 
+// creates inline styles if flag ranking is true
 export const inlineStylesIfRanking = (isRanking, width, height) => {
   if (!isRanking) {
     return {};
   }
-
   if (height) {
     return {
       width,
       height
     };
   }
-
   return {
     width
   };
-}; // computes index of dropped item after ranking
+};
 
+// computes index of dropped item after ranking
 export const computeIndex = (index, page, rowsPerPage) => {
   const itemOnPreviousPages = rowsPerPage && isFinite(rowsPerPage) ? (page - 1) * rowsPerPage : 0;
   return index + itemOnPreviousPages;
-}; // reorder rows in table after ranking
+};
 
+// reorder rows in table after ranking
 export const reorderRows = (rankEnd, rows, page = 1, rowsPerPage) => {
   const {
     destination,
     sourceIndex
   } = rankEnd;
-
   if (!destination) {
     return rows;
   }
-
   const fromIndex = computeIndex(sourceIndex, page, rowsPerPage);
   const toIndex = computeIndex(destination.index, page, rowsPerPage);
   const reordered = rows.slice();