@atlaskit/dynamic-table 14.4.0 → 14.4.4

package/dist/cjs/theme.js

@@ -5,14 +5,12 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.head = exports.row = exports.arrow = exports.MSThemeColors = void 0;
+exports.row = exports.head = exports.arrow = exports.MSThemeColors = void 0;
 
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 
 var _components = require("@atlaskit/theme/components");
 
-var _tokens = require("@atlaskit/tokens");
-
 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; }
@@ -26,46 +24,46 @@ var MSThemeColors = {
 exports.MSThemeColors = MSThemeColors;
 var arrow = {
   defaultColor: (0, _components.themed)({
-    light: (0, _tokens.token)('color.background.subtleNeutral.resting', colors.N40),
-    dark: (0, _tokens.token)('color.background.subtleNeutral.resting', colors.DN40)
+    light: "var(--ds-background-subtleNeutral-resting, ".concat(colors.N40, ")"),
+    dark: "var(--ds-background-subtleNeutral-resting, ".concat(colors.DN40, ")")
   }),
   selectedColor: (0, _components.themed)({
-    light: (0, _tokens.token)('color.text.lowEmphasis', colors.N300),
-    dark: (0, _tokens.token)('color.text.lowEmphasis', colors.DN300)
+    light: "var(--ds-text-lowEmphasis, ".concat(colors.N300, ")"),
+    dark: "var(--ds-text-lowEmphasis, ".concat(colors.DN300, ")")
   }),
   hoverColor: (0, _components.themed)({
-    light: (0, _tokens.token)('color.background.subtleNeutral.pressed', colors.N60),
-    dark: (0, _tokens.token)('color.background.subtleNeutral.pressed', colors.DN60)
+    light: "var(--ds-background-subtleNeutral-pressed, ".concat(colors.N60, ")"),
+    dark: "var(--ds-background-subtleNeutral-pressed, ".concat(colors.DN60, ")")
   })
 };
 exports.arrow = arrow;
 var row = {
   focusOutline: (0, _components.themed)({
-    light: (0, _tokens.token)('color.border.focus', colors.B100),
-    dark: (0, _tokens.token)('color.border.focus', colors.B100)
+    light: "var(--ds-border-focus, ".concat(colors.B100, ")"),
+    dark: "var(--ds-border-focus, ".concat(colors.B100, ")")
   }),
   highlightedBackground: (0, _components.themed)({
-    light: (0, _tokens.token)('color.background.selected.resting', colors.B50),
-    dark: (0, _tokens.token)('color.background.selected.resting', colors.DN50)
+    light: "var(--ds-background-selected-resting, ".concat(colors.B50, ")"),
+    dark: "var(--ds-background-selected-resting, ".concat(colors.DN50, ")")
   }),
   hoverBackground: (0, _components.themed)({
-    light: (0, _tokens.token)('color.background.subtleBorderedNeutral.resting', colors.N10),
-    dark: (0, _tokens.token)('color.background.subtleBorderedNeutral.resting', colors.DN40)
+    light: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(colors.N10, ")"),
+    dark: "var(--ds-background-subtleBorderedNeutral-resting, ".concat(colors.DN40, ")")
   }),
   hoverHighlightedBackground: (0, _components.themed)({
-    light: (0, _tokens.token)('color.background.selected.hover', colors.B75),
-    dark: (0, _tokens.token)('color.background.selected.hover', colors.DN60)
+    light: "var(--ds-background-selected-hover, ".concat(colors.B75, ")"),
+    dark: "var(--ds-background-selected-hover, ".concat(colors.DN60, ")")
   })
 };
 exports.row = row;
 var head = {
   borderColor: (0, _components.themed)({
-    light: (0, _tokens.token)('color.border.neutral', colors.N40),
-    dark: (0, _tokens.token)('color.border.neutral', colors.DN50)
+    light: "var(--ds-border-neutral, ".concat(colors.N40, ")"),
+    dark: "var(--ds-border-neutral, ".concat(colors.DN50, ")")
   }),
   textColor: (0, _components.themed)({
-    light: (0, _tokens.token)('color.text.lowEmphasis', colors.N300),
-    dark: (0, _tokens.token)('color.text.lowEmphasis', colors.DN300)
+    light: "var(--ds-text-lowEmphasis, ".concat(colors.N300, ")"),
+    dark: "var(--ds-text-lowEmphasis, ".concat(colors.DN300, ")")
   })
 };
 exports.head = head;

package/dist/cjs/version.json

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

package/dist/es2019/components/Stateful.js

@@ -2,6 +2,33 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { reorderRows } from '../internal/helpers';
 import DynamicTableStateless from './Stateless';
+
+/**
+ * __Dynamic Table__
+ *
+ * A table displays rows of data with built-in pagination, sorting, and re-ordering functionality.
+ *
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/dynamic-table)
+ * - [Code](https://bitbucket.org/atlassian/atlassian-frontend/packages/design-system/dynamic-table)
+ *
+ * @example
+ * ```jsx
+ * import DynamicTable from '@atlaskit/dynamic-table';
+ *
+ * export default function TableUncontrolled() {
+ *  return (
+ *   <DynamicTable
+ *    head={head}
+ *    rows={rows}
+ *    rowsPerPage={10}
+ *    defaultPage={1}
+ *    loadingSpinnerSize="large"
+ *    isLoading={false}
+ *   />
+ *  );
+ * }
+ * ```
+ */
 export default class DynamicTable extends React.Component {
   constructor(...args) {
     super(...args);

package/dist/es2019/components/Stateless.js

@@ -9,11 +9,11 @@ import { EmptyViewContainer, EmptyViewWithFixedHeight } from '../styled/EmptyBod
 import Body from './Body';
 import LoadingContainer from './LoadingContainer';
 import LoadingContainerAdvanced from './LoadingContainerAdvanced';
-import ManagedPagination from './managedPagination';
+import ManagedPagination from './managed-pagination';
 import RankableTableBody from './rankable/Body';
 import TableHead from './TableHead';
 const packageName = "@atlaskit/dynamic-table";
-const packageVersion = "14.4.0";
+const packageVersion = "14.4.4";
 
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {

package/dist/es2019/internal/constants.js

@@ -1,7 +1,5 @@
 export const ASC = 'ASC';
 export const DESC = 'DESC';
 export const SMALL = 'small';
-export const MEDIUM = 'medium';
 export const LARGE = 'large';
-export const XLARGE = 'xlarge';
 export const LOADING_CONTENTS_OPACITY = 0.22;

package/dist/es2019/styled/TableHead.js

@@ -6,7 +6,6 @@ import { css, jsx } from '@emotion/core';
 import { B100, N30A } from '@atlaskit/theme/colors';
 import { useGlobalTheme } from '@atlaskit/theme/components';
 import { gridSize as getGridSize } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
 import { ASC, DESC } from '../internal/constants';
 import { arrow, head, MSThemeColors } from '../theme';
 import { cellStyles, fixedSizeTruncateStyles, getTruncationStyleVars, overflowTruncateStyles, truncationWidthStyles } from './constants';
@@ -17,9 +16,9 @@ const rankingStyles = css({
 });
 
 const getHeadStyles = theme => css({
-  borderBottom: `2px solid ${token('color.border.neutral', head.borderColor({
+  borderBottom: `2px solid ${`var(--ds-border-neutral, ${head.borderColor({
     theme
-  }))}`
+  })})`}`
 });
 
 export const Head = ({
@@ -39,9 +38,9 @@ const headCellStyles = css([cellStyles, {
   position: 'relative',
   textAlign: 'left',
   verticalAlign: 'top',
-  color: token('color.text.lowEmphasis', `var(${CSS_VAR_TEXT_COLOR})`),
+  color: `var(--ds-text-lowEmphasis, ${`var(${CSS_VAR_TEXT_COLOR})`})`,
   '&:focus': {
-    outline: `solid 2px ${token('color.border.focus', B100)}`
+    outline: `solid 2px ${`var(--ds-border-focus, ${B100})`}`
   }
 }]); // this needs to be made static: https://product-fabric.atlassian.net/browse/DSP-2011
 
@@ -129,7 +128,7 @@ export const getArrowStyles = (isSortable, sortOrder, theme) => {
 const onClickStyles = css({
   '&:hover': {
     cursor: 'pointer',
-    backgroundColor: token('color.background.subtleNeutral.hover', N30A)
+    backgroundColor: `var(--ds-background-subtleNeutral-hover, ${N30A})`
   }
 });
 export const HeadCell = /*#__PURE__*/forwardRef(({

package/dist/es2019/styled/TableRow.js

@@ -3,23 +3,22 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { css, jsx } from '@emotion/core';
-import { token } from '@atlaskit/tokens';
 import { tableRowCSSVars as cssVars } from './DynamicTable';
 const rowStyles = css({
   '&:focus': {
-    outline: `2px solid ${token('color.border.focus', `var(${cssVars.CSS_VAR_HOVER_BACKGROUND})`)}`,
+    outline: `2px solid ${`var(--ds-border-focus, ${`var(${cssVars.CSS_VAR_HOVER_BACKGROUND})`})`}`,
     outlineOffset: `-2px`
   }
 });
 const rowBackgroundStyles = css({
   '&:hover': {
-    backgroundColor: token('color.background.transparentNeutral.hover', `var(${cssVars.CSS_VAR_HOVER_BACKGROUND})`)
+    backgroundColor: `var(--ds-background-transparentNeutral-hover, ${`var(${cssVars.CSS_VAR_HOVER_BACKGROUND})`})`
   }
 });
 const rowHighlightedBackgroundStyles = css({
-  backgroundColor: token('color.background.selected.resting', `var(${cssVars.CSS_VAR_HIGHLIGHTED_BACKGROUND})`),
+  backgroundColor: `var(--ds-background-selected-resting, ${`var(${cssVars.CSS_VAR_HIGHLIGHTED_BACKGROUND})`})`,
   '&:hover': {
-    backgroundColor: token('color.background.selected.hover', `var(${cssVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND})`)
+    backgroundColor: `var(--ds-background-selected-hover, ${`var(${cssVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND})`})`
   }
 });
 export const TableBodyRow = /*#__PURE__*/forwardRef(({

package/dist/es2019/styled/constants.js

@@ -16,7 +16,7 @@ export const getTruncationStyleVars = ({
   width
 }) => {
   return {
-    [CSS_VAR_WIDTH]: `${width}%`
+    [CSS_VAR_WIDTH]: typeof width !== 'undefined' ? `${width}%` : undefined
   };
 };
 export const cellStyles = css({

package/dist/es2019/styled/rankable/TableRow.js

@@ -4,26 +4,25 @@ import _extends from "@babel/runtime/helpers/extends";
 import { forwardRef } from 'react';
 import { css, jsx } from '@emotion/core';
 import { B100, N20, N50A, N60A } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
 import { TableBodyRow } from '../TableRow';
 const rankingStyles = css({
   display: 'block'
 });
-const elevationStyle = token('shadow.overlay', `0 20px 32px -8px ${N50A}, 0 0 1px ${N60A}`);
+const elevationStyle = `var(--ds-overlay, ${`0 20px 32px -8px ${N50A}, 0 0 1px ${N60A}`})`;
 /**
  * TODO: Pass the props here to get particular theme for the table
  * Skipping it for now as it may impact migration as util-shared-styles does not support this feature
  */
 
 const rankingItemStyles = css({
-  backgroundColor: token('color.background.subtleNeutral.resting', N20),
+  backgroundColor: `var(--ds-background-subtleNeutral-resting, ${N20})`,
   boxShadow: elevationStyle,
   borderRadius: '2px'
 });
 const draggableStyles = css({
   '&:focus': {
     outlineStyle: 'solid',
-    outlineColor: token('color.border.focus', B100)
+    outlineColor: `var(--ds-border-focus, ${B100})`
   },
   outlineWidth: '2px'
 });

package/dist/es2019/theme.js

@@ -1,6 +1,5 @@
 import * as colors from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
-import { token } from '@atlaskit/tokens';
 export const MSThemeColors = {
   Background: 'Canvas',
   Text: 'CanvasText',
@@ -9,43 +8,43 @@ export const MSThemeColors = {
 };
 export const arrow = {
   defaultColor: themed({
-    light: token('color.background.subtleNeutral.resting', colors.N40),
-    dark: token('color.background.subtleNeutral.resting', colors.DN40)
+    light: `var(--ds-background-subtleNeutral-resting, ${colors.N40})`,
+    dark: `var(--ds-background-subtleNeutral-resting, ${colors.DN40})`
   }),
   selectedColor: themed({
-    light: token('color.text.lowEmphasis', colors.N300),
-    dark: token('color.text.lowEmphasis', colors.DN300)
+    light: `var(--ds-text-lowEmphasis, ${colors.N300})`,
+    dark: `var(--ds-text-lowEmphasis, ${colors.DN300})`
   }),
   hoverColor: themed({
-    light: token('color.background.subtleNeutral.pressed', colors.N60),
-    dark: token('color.background.subtleNeutral.pressed', colors.DN60)
+    light: `var(--ds-background-subtleNeutral-pressed, ${colors.N60})`,
+    dark: `var(--ds-background-subtleNeutral-pressed, ${colors.DN60})`
   })
 };
 export const row = {
   focusOutline: themed({
-    light: token('color.border.focus', colors.B100),
-    dark: token('color.border.focus', colors.B100)
+    light: `var(--ds-border-focus, ${colors.B100})`,
+    dark: `var(--ds-border-focus, ${colors.B100})`
   }),
   highlightedBackground: themed({
-    light: token('color.background.selected.resting', colors.B50),
-    dark: token('color.background.selected.resting', colors.DN50)
+    light: `var(--ds-background-selected-resting, ${colors.B50})`,
+    dark: `var(--ds-background-selected-resting, ${colors.DN50})`
   }),
   hoverBackground: themed({
-    light: token('color.background.subtleBorderedNeutral.resting', colors.N10),
-    dark: token('color.background.subtleBorderedNeutral.resting', colors.DN40)
+    light: `var(--ds-background-subtleBorderedNeutral-resting, ${colors.N10})`,
+    dark: `var(--ds-background-subtleBorderedNeutral-resting, ${colors.DN40})`
   }),
   hoverHighlightedBackground: themed({
-    light: token('color.background.selected.hover', colors.B75),
-    dark: token('color.background.selected.hover', colors.DN60)
+    light: `var(--ds-background-selected-hover, ${colors.B75})`,
+    dark: `var(--ds-background-selected-hover, ${colors.DN60})`
   })
 };
 export const head = {
   borderColor: themed({
-    light: token('color.border.neutral', colors.N40),
-    dark: token('color.border.neutral', colors.DN50)
+    light: `var(--ds-border-neutral, ${colors.N40})`,
+    dark: `var(--ds-border-neutral, ${colors.DN50})`
   }),
   textColor: themed({
-    light: token('color.text.lowEmphasis', colors.N300),
-    dark: token('color.text.lowEmphasis', colors.DN300)
+    light: `var(--ds-text-lowEmphasis, ${colors.N300})`,
+    dark: `var(--ds-text-lowEmphasis, ${colors.DN300})`
   })
 };

package/dist/es2019/version.json

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

package/dist/esm/components/Stateful.js

@@ -14,6 +14,32 @@ import React from 'react';
 import { reorderRows } from '../internal/helpers';
 import DynamicTableStateless from './Stateless';
 
+/**
+ * __Dynamic Table__
+ *
+ * A table displays rows of data with built-in pagination, sorting, and re-ordering functionality.
+ *
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/dynamic-table)
+ * - [Code](https://bitbucket.org/atlassian/atlassian-frontend/packages/design-system/dynamic-table)
+ *
+ * @example
+ * ```jsx
+ * import DynamicTable from '@atlaskit/dynamic-table';
+ *
+ * export default function TableUncontrolled() {
+ *  return (
+ *   <DynamicTable
+ *    head={head}
+ *    rows={rows}
+ *    rowsPerPage={10}
+ *    defaultPage={1}
+ *    loadingSpinnerSize="large"
+ *    isLoading={false}
+ *   />
+ *  );
+ * }
+ * ```
+ */
 var DynamicTable = /*#__PURE__*/function (_React$Component) {
   _inherits(DynamicTable, _React$Component);
 

package/dist/esm/components/Stateless.js

@@ -20,11 +20,11 @@ import { EmptyViewContainer, EmptyViewWithFixedHeight } from '../styled/EmptyBod
 import Body from './Body';
 import LoadingContainer from './LoadingContainer';
 import LoadingContainerAdvanced from './LoadingContainerAdvanced';
-import ManagedPagination from './managedPagination';
+import ManagedPagination from './managed-pagination';
 import RankableTableBody from './rankable/Body';
 import TableHead from './TableHead';
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.4.0";
+var packageVersion = "14.4.4";
 
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {

package/dist/esm/components/TableHead.js

@@ -7,6 +7,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";
+var _excluded = ["cells"],
+    _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); }; }
 
@@ -75,7 +77,7 @@ var TableHead = /*#__PURE__*/function (_React$Component) {
       var HeadCellComponent = isRankable ? RankableHeadCell : HeadCell;
 
       var cells = head.cells,
-          rest = _objectWithoutProperties(head, ["cells"]);
+          rest = _objectWithoutProperties(head, _excluded);
 
       return /*#__PURE__*/React.createElement(Head, _extends({}, rest, {
         isRanking: isRanking,
@@ -83,7 +85,7 @@ var TableHead = /*#__PURE__*/function (_React$Component) {
       }), /*#__PURE__*/React.createElement("tr", null, cells.map(function (cell, index) {
         var isSortable = cell.isSortable,
             key = cell.key,
-            restCellProps = _objectWithoutProperties(cell, ["isSortable", "key"]);
+            restCellProps = _objectWithoutProperties(cell, _excluded2);
 
         return /*#__PURE__*/React.createElement(HeadCellComponent, _extends({
           isFixedSize: isFixedSize,

package/dist/esm/components/TableHeadCell.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["content", "inlineStyles", "testId", "isRanking", "innerRef", "isSortable"];
 import React from 'react';
 import { HeadCell } from '../styled/TableHead';
 
@@ -10,7 +11,7 @@ var TableHeadCell = function TableHeadCell(_ref) {
       isRanking = _ref.isRanking,
       innerRef = _ref.innerRef,
       isSortable = _ref.isSortable,
-      rest = _objectWithoutProperties(_ref, ["content", "inlineStyles", "testId", "isRanking", "innerRef", "isSortable"]);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(HeadCell, _extends({
     style: inlineStyles,

package/dist/esm/components/TableRow.js

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["cells"],
+    _excluded2 = ["content"];
 import React from 'react';
 import { TableBodyCell } from '../styled/TableCell';
 import { TableBodyRow } from '../styled/TableRow';
@@ -12,7 +14,7 @@ var Row = function Row(_ref) {
       isHighlighted = _ref.isHighlighted;
 
   var cells = row.cells,
-      restRowProps = _objectWithoutProperties(row, ["cells"]);
+      restRowProps = _objectWithoutProperties(row, _excluded);
 
   return /*#__PURE__*/React.createElement(TableBodyRow, _extends({}, restRowProps, {
     isHighlighted: isHighlighted
@@ -22,7 +24,7 @@ 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, ["content"]);
+        restCellProps = _objectWithoutProperties(cell, _excluded2);
 
     var _ref2 = (head || {
       cells: []

package/dist/esm/components/rankable/TableCell.js

@@ -5,6 +5,7 @@ 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";
+var _excluded = ["content"];
 
 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); }; }
 
@@ -37,7 +38,7 @@ export var RankableTableCell = /*#__PURE__*/function (_React$Component) {
           innerRef = _this$props.innerRef;
 
       var content = cell.content,
-          restCellProps = _objectWithoutProperties(cell, ["content"]);
+          restCellProps = _objectWithoutProperties(cell, _excluded);
 
       var _ref = head || {},
           shouldTruncate = _ref.shouldTruncate,

package/dist/esm/components/rankable/TableHeadCell.js

@@ -5,6 +5,7 @@ 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";
+var _excluded = ["isRanking", "refHeight", "refWidth"];
 
 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); }; }
 
@@ -33,7 +34,7 @@ var RankableTableHeadCell = /*#__PURE__*/function (_React$Component) {
           isRanking = _this$props.isRanking,
           refHeight = _this$props.refHeight,
           refWidth = _this$props.refWidth,
-          restProps = _objectWithoutProperties(_this$props, ["isRanking", "refHeight", "refWidth"]);
+          restProps = _objectWithoutProperties(_this$props, _excluded);
 
       var inlineStyles = inlineStylesIfRanking(isRanking, refWidth);
       return /*#__PURE__*/React.createElement(HeadCell, _extends({

package/dist/esm/components/rankable/TableRow.js

@@ -7,10 +7,11 @@ 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";
+var _excluded = ["cells", "key"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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) { _defineProperty(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; }
 
 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); }; }
 
@@ -69,7 +70,7 @@ export var RankableTableRow = /*#__PURE__*/function (_React$Component) {
 
       var cells = row.cells,
           key = row.key,
-          restRowProps = _objectWithoutProperties(row, ["cells", "key"]);
+          restRowProps = _objectWithoutProperties(row, _excluded);
 
       var inlineStyles = inlineStylesIfRanking(isRanking, refWidth);
 

package/dist/esm/hoc/withSortedPageRows.js

@@ -8,10 +8,11 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _typeof from "@babel/runtime/helpers/typeof";
+var _excluded = ["rows", "head", "sortKey", "sortOrder", "rowsPerPage", "page"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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) { _defineProperty(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; }
 
 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); }; }
 
@@ -147,7 +148,7 @@ export default function withSortedPageRows(WrappedComponent) {
             sortOrder = _this$props.sortOrder,
             rowsPerPage = _this$props.rowsPerPage,
             page = _this$props.page,
-            restProps = _objectWithoutProperties(_this$props, ["rows", "head", "sortKey", "sortOrder", "rowsPerPage", "page"]);
+            restProps = _objectWithoutProperties(_this$props, _excluded);
 
         return /*#__PURE__*/React.createElement(WrappedComponent //@ts-expect-error TODO Fix legit TypeScript 3.9.6 improved inference error
         , _extends({

package/dist/esm/internal/constants.js

@@ -1,7 +1,5 @@
 export var ASC = 'ASC';
 export var DESC = 'DESC';
 export var SMALL = 'small';
-export var MEDIUM = 'medium';
 export var LARGE = 'large';
-export var XLARGE = 'xlarge';
 export var LOADING_CONTENTS_OPACITY = 0.22;

package/dist/esm/styled/DynamicTable.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["isFixedSize", "children"];
 
 /** @jsx jsx */
 import { forwardRef } from 'react';
@@ -29,7 +30,7 @@ export var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   var isFixedSize = _ref.isFixedSize,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, ["isFixedSize", "children"]);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var theme = useGlobalTheme();
   return jsx("table", _extends({

package/dist/esm/styled/TableCell.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["width", "isFixedSize", "shouldTruncate", "innerRef"];
 
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
@@ -9,7 +10,7 @@ export var TableBodyCell = function TableBodyCell(_ref) {
       isFixedSize = _ref.isFixedSize,
       shouldTruncate = _ref.shouldTruncate,
       innerRef = _ref.innerRef,
-      props = _objectWithoutProperties(_ref, ["width", "isFixedSize", "shouldTruncate", "innerRef"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   return jsx("td", _extends({
     style: getTruncationStyleVars({