@planningcenter/tapestry-react 2.9.2 → 2.10.0-rc.2

package/dist/cjs/Table/Table.js

@@ -1,697 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("@emotion/react");
-
-var _camelCase = _interopRequireDefault(require("lodash/camelCase"));
-
-var _snakeCase = _interopRequireDefault(require("lodash/snakeCase"));
-
-var _Button = _interopRequireDefault(require("../Button"));
-
-var _DragDrop = _interopRequireDefault(require("../DragDrop"));
-
-var _Pagination = _interopRequireDefault(require("../Pagination"));
-
-var _Spinner = _interopRequireDefault(require("../Spinner"));
-
-var _Summary = _interopRequireDefault(require("../Summary"));
-
-var _HeadingUppercase = _interopRequireDefault(require("../HeadingUppercase"));
-
-var _StackView = _interopRequireDefault(require("../StackView"));
-
-var _reactMeasure = require("../vendor/react-measure");
-
-var _utils = require("../utils");
-
-var _AvatarCell = _interopRequireDefault(require("./AvatarCell"));
-
-var _BodyCell = _interopRequireDefault(require("./BodyCell"));
-
-var _BodyInnerCell = _interopRequireDefault(require("./BodyInnerCell"));
-
-var _BodyRow = _interopRequireDefault(require("./BodyRow"));
-
-var _CheckboxCell = _interopRequireDefault(require("./CheckboxCell"));
-
-var _ColumnPicker = _interopRequireDefault(require("./ColumnPicker"));
-
-var _DateCell = _interopRequireDefault(require("./DateCell"));
-
-var _DragCell = _interopRequireDefault(require("./DragCell"));
-
-var _DragHandle = _interopRequireDefault(require("./DragHandle"));
-
-var _HeaderCell = _interopRequireDefault(require("./HeaderCell"));
-
-var _HeaderInnerCell = _interopRequireDefault(require("./HeaderInnerCell"));
-
-var _SubRowToggleCell = _interopRequireDefault(require("./SubRowToggleCell"));
-
-var _TableBase = _interopRequireDefault(require("./TableBase"));
-
-var _TableWrapper = _interopRequireDefault(require("./TableWrapper"));
-
-var _hooks = require("../hooks");
-
-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 _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) { (0, _defineProperty2["default"])(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; }
-
-var HEADER_PADDING_OFFSET = 16;
-var DRAG_HANDLE_WIDTH = 48;
-var SUB_ROW_TOGGLE_WIDTH = 48;
-var SUPPORTS_CSS_STICKY = typeof window !== 'undefined' && window.CSS && window.CSS.supports;
-
-function Hover(_ref) {
-  var children = _ref.children;
-
-  var _useHover = (0, _hooks.useHover)(),
-      hover = _useHover.hover,
-      hoverProps = _useHover.hoverProps;
-
-  return children({
-    isHover: hover,
-    bindHover: hoverProps
-  });
-}
-
-/**
- * Use to present large sets of data in a logical and digestable way.
- */
-var Table = /*#__PURE__*/function (_PureComponent) {
-  (0, _inheritsLoose2["default"])(Table, _PureComponent);
-
-  Table.getOppositeSortDirection = function getOppositeSortDirection(direction) {
-    return direction === Table.ASC ? Table.DESC : Table.ASC;
-  };
-
-  Table.getIconDirection = function getIconDirection(direction) {
-    return direction === Table.ASC ? 'general.upCaret' : 'general.downCaret';
-  };
-
-  function Table(props) {
-    var _this;
-
-    _this = _PureComponent.call(this, props) || this;
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleSortStart", function () {
-      _this.setState({
-        isSorting: true
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleSortEnd", function (_ref2) {
-      var source = _ref2.source,
-          destination = _ref2.destination;
-
-      _this.setState({
-        isSorting: false
-      });
-
-      _this.props.onRowSort((0, _utils.reorderArray)({
-        list: _this.props.data,
-        startIndex: source.index,
-        endIndex: destination.index
-      }));
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleColumnSort", function (id) {
-      var defaultSort = _this.getDefaultSort(_this.props);
-
-      _this.setState(function (state) {
-        var currentSort = _objectSpread({}, state.currentSort);
-
-        if (currentSort.columnId === id) {
-          currentSort.direction = Table.getOppositeSortDirection(currentSort.direction);
-        } else {
-          currentSort.columnId = id;
-          currentSort.direction = _this.props.defaultSortDirection;
-        }
-
-        currentSort.order = _this.getSortOrder({
-          columnId: currentSort.columnId,
-          direction: currentSort.direction
-        });
-
-        if (_this.props.onColumnSort) {
-          var newSort = currentSort.columnId ? currentSort : defaultSort;
-
-          _this.props.onColumnSort(newSort);
-        }
-
-        return {
-          currentSort: currentSort
-        };
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getBodyCellMouseHandlers", function (columnIndex) {
-      return _this.props.highlightColumnOnHover ? {
-        onMouseOver: function onMouseOver() {
-          _this.setState({
-            highlightedColumnIndex: columnIndex
-          });
-        },
-        onMouseOut: function onMouseOut() {
-          _this.setState({
-            highlightedColumnIndex: null
-          });
-        }
-      } : {};
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isAnySubRowOpen", function () {
-      return _this.state.openSubRowIndices.length > 0;
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleSubRowToggleAll", function () {
-      _this.setState({
-        openSubRowIndices: _this.state.openSubRowIndices.length > 0 ? [] : (0, _utils.range)(0, _this.props.data.length)
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isSubRowOpen", function (index) {
-      return _this.state.openSubRowIndices.indexOf(index) > -1;
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleSubRowToggle", function (index) {
-      _this.setState(function (state) {
-        var openSubRowIndices = [].concat(state.openSubRowIndices);
-        var currentIndex = openSubRowIndices.indexOf(index);
-
-        if (currentIndex > -1) {
-          openSubRowIndices.splice(currentIndex, 1);
-        } else {
-          openSubRowIndices.push(index);
-        }
-
-        return {
-          openSubRowIndices: openSubRowIndices
-        };
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMeasure", function (measurements) {
-      var columns = _this.getColumns();
-
-      var columnCount = columns.length;
-      var centerIndex = (columnCount - 1) / 2;
-      var defaultLeftOffset = 0;
-
-      if (_this.props.subRowData) {
-        defaultLeftOffset += SUB_ROW_TOGGLE_WIDTH;
-      }
-
-      if (_this.props.onRowSort) {
-        defaultLeftOffset += DRAG_HANDLE_WIDTH;
-      }
-
-      var headerHeights = measurements ? columns.map(function (column, columnIndex) {
-        var measurement = measurements[columnIndex + "-0"];
-        return measurement ? measurement.height : 0;
-      }) : [];
-      var headerHeight = measurements ? Math.max.apply(Math, [].concat(headerHeights, [_this.props.compactHeader ? 32 : 48])) : null;
-      var columnWidths = measurements ? Object.keys(measurements).reduce(function (cellWidths, key) {
-        var _key$split = key.split('-'),
-            columnIndex = _key$split[0];
-
-        var measurement = measurements[key];
-        var column = columns[columnIndex];
-
-        if (column) {
-          var cellWidth = column.width || measurement.width;
-
-          if (!cellWidths[columnIndex]) {
-            cellWidths[columnIndex] = [];
-          }
-
-          cellWidths[columnIndex].push(cellWidth);
-        }
-
-        return cellWidths;
-      }, []).map(function (cellWidths) {
-        return Math.max.apply(Math, cellWidths);
-      }) : [];
-      var rowWidth = measurements ? columnWidths.reduce(function (previousWidth, columnWidth, columnIndex) {
-        return previousWidth + columnWidth;
-      }, defaultLeftOffset) : null;
-      var offsets = SUPPORTS_CSS_STICKY ? columns.reduce(function (offsets, column, index) {
-        if (column.sticky) {
-          if (index < centerIndex) {
-            offsets.left += columnWidths[index];
-          } else {
-            offsets.right += columnWidths[index];
-          }
-        }
-
-        return offsets;
-      }, {
-        left: defaultLeftOffset,
-        right: 0
-      }) : {
-        left: 0,
-        right: 0
-      };
-
-      var getLeftOffset = function getLeftOffset(column, columnIndex) {
-        return SUPPORTS_CSS_STICKY && column.sticky && columnIndex < centerIndex ? columnWidths.reduce(function (total, width, index) {
-          return index < columnIndex ? total + width : total;
-        }, defaultLeftOffset) || defaultLeftOffset : undefined;
-      };
-
-      var getRightOffset = function getRightOffset(column, columnIndex) {
-        return SUPPORTS_CSS_STICKY && column.sticky && columnIndex >= centerIndex ? columnWidths.reduce(function (total, width, index) {
-          return index > columnIndex ? total + width : total;
-        }, 0) || 0 : undefined;
-      };
-
-      _this.setState({
-        headerHeights: headerHeights,
-        headerHeight: headerHeight,
-        columnWidths: columnWidths,
-        rowWidth: rowWidth,
-        offsets: offsets,
-        getLeftOffset: getLeftOffset,
-        getRightOffset: getRightOffset
-      });
-    });
-    _this.state = {
-      currentSort: _this.getDefaultSort(props),
-      highlightedColumnIndex: null,
-      isSorting: false,
-      headerHeights: [],
-      headerHeight: -1,
-      columnWidths: [],
-      rowWidth: -1,
-      offsets: [],
-      openSubRowIndices: [],
-      getLeftOffset: function getLeftOffset() {
-        return null;
-      },
-      getRightOffset: function getRightOffset() {
-        return null;
-      }
-    };
-    return _this;
-  }
-
-  var _proto = Table.prototype;
-
-  _proto.getSortOrder = function getSortOrder(_ref3) {
-    var columnId = _ref3.columnId,
-        direction = _ref3.direction;
-    return "" + (direction === Table.ASC ? '' : '-') + (0, _snakeCase["default"])(columnId);
-  };
-
-  _proto.parseSortOrder = function parseSortOrder(query) {
-    var isDescending = query[0] === '-';
-    return {
-      columnId: (0, _camelCase["default"])(isDescending ? query.substring(1) : query),
-      direction: isDescending ? Table.DESC : Table.ASC
-    };
-  };
-
-  _proto.getDefaultSort = function getDefaultSort(_ref4) {
-    var defaultSortColumnId = _ref4.defaultSortColumnId,
-        defaultSortDirection = _ref4.defaultSortDirection,
-        defaultSortOrder = _ref4.defaultSortOrder;
-    var sortOrder = defaultSortOrder ? this.parseSortOrder(defaultSortOrder) : {
-      columnId: defaultSortColumnId,
-      direction: defaultSortDirection
-    };
-    return _objectSpread(_objectSpread({}, sortOrder), {}, {
-      order: this.getSortOrder(sortOrder)
-    });
-  };
-
-  _proto.getColumns = function getColumns() {
-    var _this2 = this;
-
-    return this.props.columns.filter(function (column) {
-      return column !== false && column !== undefined && column !== null && (column.alwaysVisible || _this2.props.hiddenColumnIds.indexOf(column.id) === -1);
-    }).map(function (_ref5) {
-      var alwaysVisible = _ref5.alwaysVisible,
-          cell = _ref5.cell,
-          divider = _ref5.divider,
-          header = _ref5.header,
-          id = _ref5.id,
-          label = _ref5.label,
-          sortable = _ref5.sortable,
-          sticky = _ref5.sticky,
-          subRowCell = _ref5.subRowCell,
-          truncate = _ref5.truncate,
-          vertical = _ref5.vertical,
-          width = _ref5.width,
-          columnProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref5, ["alwaysVisible", "cell", "divider", "header", "id", "label", "sortable", "sticky", "subRowCell", "truncate", "vertical", "width"]);
-      return {
-        cell: cell,
-        columnProps: columnProps,
-        divider: divider,
-        header: header,
-        id: id,
-        label: label,
-        sortable: sortable,
-        sticky: sticky,
-        subRowCell: subRowCell,
-        truncate: truncate,
-        vertical: vertical,
-        width: width
-      };
-    });
-  };
-
-  _proto.render = function render() {
-    var _this3 = this;
-
-    var _this$props = this.props,
-        caption = _this$props.caption,
-        children = _this$props.children,
-        columnDividers = _this$props.columnDividers,
-        _columns = _this$props.columns,
-        compactHeader = _this$props.compactHeader,
-        currentPage = _this$props.currentPage,
-        _this$props$data = _this$props.data,
-        data = _this$props$data === void 0 ? [] : _this$props$data,
-        defaultSortColumnId = _this$props.defaultSortColumnId,
-        defaultSortDirection = _this$props.defaultSortDirection,
-        defaultSortOrder = _this$props.defaultSortOrder,
-        empty = _this$props.empty,
-        getRowLink = _this$props.getRowLink,
-        headerColor = _this$props.headerColor,
-        hiddenColumnIds = _this$props.hiddenColumnIds,
-        highlightColumnOnHover = _this$props.highlightColumnOnHover,
-        innerRef = _this$props.innerRef,
-        keyboardShortcuts = _this$props.keyboardShortcuts,
-        layout = _this$props.layout,
-        loading = _this$props.loading,
-        loadingTitle = _this$props.loadingTitle,
-        minHeight = _this$props.minHeight,
-        minRowHeight = _this$props.minRowHeight,
-        onColumnSort = _this$props.onColumnSort,
-        onPageChange = _this$props.onPageChange,
-        onRowSort = _this$props.onRowSort,
-        rowDividers = _this$props.rowDividers,
-        subRowData = _this$props.subRowData,
-        totalPages = _this$props.totalPages,
-        restProps = (0, _objectWithoutPropertiesLoose2["default"])(_this$props, ["caption", "children", "columnDividers", "columns", "compactHeader", "currentPage", "data", "defaultSortColumnId", "defaultSortDirection", "defaultSortOrder", "empty", "getRowLink", "headerColor", "hiddenColumnIds", "highlightColumnOnHover", "innerRef", "keyboardShortcuts", "layout", "loading", "loadingTitle", "minHeight", "minRowHeight", "onColumnSort", "onPageChange", "onRowSort", "rowDividers", "subRowData", "totalPages"]);
-    var _this$state = this.state,
-        highlightedColumnIndex = _this$state.highlightedColumnIndex,
-        currentSort = _this$state.currentSort,
-        isSorting = _this$state.isSorting,
-        headerHeight = _this$state.headerHeight,
-        columnWidths = _this$state.columnWidths,
-        rowWidth = _this$state.rowWidth,
-        offsets = _this$state.offsets,
-        getLeftOffset = _this$state.getLeftOffset,
-        getRightOffset = _this$state.getRightOffset;
-    var columns = this.getColumns();
-    var isLoadingOrNoData = loading || data.length <= 0;
-    return /*#__PURE__*/_react["default"].createElement(_TableWrapper["default"], (0, _extends2["default"])({}, restProps, {
-      position: "relative"
-    }), /*#__PURE__*/_react["default"].createElement(_react2.Global, {
-      styles: {
-        html: {
-          userSelect: this.state.isSorting ? 'none' : null
-        }
-      }
-    }), isLoadingOrNoData ? /*#__PURE__*/_react["default"].createElement(_StackView["default"], {
-      grow: 1,
-      alignment: "center",
-      distribution: "center",
-      minHeight: minHeight,
-      paddingVertical: 8
-    }, loading ? /*#__PURE__*/_react["default"].createElement(_Summary["default"], {
-      image: /*#__PURE__*/_react["default"].createElement(_Spinner["default"], {
-        size: "xl",
-        color: "primary"
-      }),
-      title: loadingTitle
-    }) : empty) : /*#__PURE__*/_react["default"].createElement(_reactMeasure.Measure, {
-      updateOnMeasure: false,
-      onMeasure: this.handleMeasure
-    }, function (_ref6) {
-      var measureRef = _ref6.measureRef;
-
-      var headerColumns = _react.Children.toArray([subRowData && /*#__PURE__*/_react["default"].createElement(_SubRowToggleCell["default"], {
-        toggled: _this3.isAnySubRowOpen(),
-        height: headerHeight + 'px',
-        onClick: _this3.handleSubRowToggleAll
-      }), onRowSort && /*#__PURE__*/_react["default"].createElement(_DragCell["default"], {
-        role: "columnheader",
-        height: headerHeight + 'px',
-        backgroundColor: "inherit"
-      })].concat(columns.map(function (column, columnIndex) {
-        return /*#__PURE__*/_react["default"].createElement(Hover, {
-          key: columnIndex
-        }, function (_ref7) {
-          var bindHover = _ref7.bindHover,
-              isHover = _ref7.isHover;
-          var columnWidth = columnWidths[columnIndex];
-
-          var headerProps = _objectSpread(_objectSpread(_objectSpread({}, column.columnProps), bindHover), {}, {
-            cursor: column.sortable ? 'pointer' : 'default',
-            position: column.sticky ? 'sticky' : 'relative',
-            zIndex: column.sticky ? 35 : column.columnProps.zIndex,
-            justifyContent: column.vertical ? 'start' : column.columnProps.justifyContent,
-            style: {
-              width: columnWidth,
-              height: column.vertical ? headerHeight + HEADER_PADDING_OFFSET : headerHeight,
-              left: getLeftOffset(column, columnIndex),
-              right: getRightOffset(column, columnIndex)
-            },
-            onClick: function onClick(e) {
-              if (column.sortable) {
-                _this3.handleColumnSort(column.id);
-              }
-
-              if (column.columnProps && column.columnProps.onClick) {
-                column.columnProps.onClick(e);
-              }
-            }
-          });
-
-          if (column.sortable) {
-            headerProps['aria-sort'] = currentSort.columnId === column.id ? currentSort.direction === 'ASC' ? 'ascending' : 'descending' : 'none';
-          }
-
-          return /*#__PURE__*/_react["default"].createElement(_HeaderCell["default"], headerProps, /*#__PURE__*/_react["default"].createElement(_HeaderInnerCell["default"], {
-            innerRef: measureRef(columnIndex + "-0"),
-            height: compactHeader ? 4 : 6,
-            transform: column.vertical && "translate(" + column.width / 2 + "px, " + HEADER_PADDING_OFFSET + "px) rotate(-90deg)"
-          }, typeof column.header === 'string' ? /*#__PURE__*/_react["default"].createElement(_HeadingUppercase["default"], {
-            truncate: true,
-            color: "grey-7",
-            fontSize: compactHeader ? '11px' : '12px',
-            cursor: column.sortable ? 'pointer' : 'default'
-          }, column.header) : typeof column.header === 'function' ? column.header(columnIndex) : column.header, column.sortable && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-            title: "sort table",
-            theme: false,
-            icon: {
-              name: Table.getIconDirection(currentSort.columnId === column.id ? currentSort.direction : defaultSortDirection)
-            },
-            size: "xs",
-            opacity: currentSort.columnId === column.id ? 1 : isHover ? 0.35 : 0
-          })));
-        });
-      })));
-
-      var getBodyRows = function getBodyRows(groupData, _ref8) {
-        var subRowProps = _ref8.subRowProps,
-            shouldRenderSubRowData = _ref8.shouldRenderSubRowData,
-            shouldRenderSubRowToggle = _ref8.shouldRenderSubRowToggle;
-        return Object.keys(groupData).map(function (key, rowIndex) {
-          var isSubRowOpen = _this3.isSubRowOpen(rowIndex);
-
-          var row = groupData[key];
-          var rowProps = {
-            key: rowIndex,
-            index: rowIndex,
-            style: {
-              minWidth: rowWidth
-            },
-            keyboardShortcuts: keyboardShortcuts,
-            row: row,
-            rowIndex: rowIndex,
-            onRowSort: onRowSort
-          };
-
-          if (getRowLink) {
-            var goToLink = function goToLink() {
-              var link = getRowLink(row);
-
-              if (typeof link === 'string') {
-                window.location = link;
-              }
-            };
-
-            rowProps.tabIndex = 0;
-            rowProps.role = 'link';
-            rowProps.cursor = 'pointer';
-            rowProps.focus = {
-              backgroundColor: 'hsla(0,0%,97%,1)'
-            };
-            rowProps.hover = {
-              backgroundColor: 'hsla(0,0%,97%,1)'
-            };
-            rowProps.onClick = goToLink;
-
-            rowProps.onKeyDown = function (event) {
-              if (event.key === 'Enter') {
-                goToLink();
-              }
-            };
-          }
-
-          if (isSorting) {
-            rowProps.pointerEvents = 'none';
-          }
-
-          if (rowDividers && rowIndex !== 0 || shouldRenderSubRowToggle) {
-            rowProps.borderTopWidth = 1;
-          }
-
-          return [/*#__PURE__*/_react["default"].createElement(_BodyRow["default"], (0, _extends2["default"])({}, rowProps, subRowProps), function (_ref9) {
-            var isRowHovered = _ref9.isRowHovered,
-                dragHandleProps = _ref9.dragHandleProps;
-            return _react.Children.toArray([subRowData && (shouldRenderSubRowToggle ? /*#__PURE__*/_react["default"].createElement(_SubRowToggleCell["default"], {
-              contentsHidden: true
-            }) : /*#__PURE__*/_react["default"].createElement(_SubRowToggleCell["default"], {
-              toggled: isSubRowOpen,
-              rowIndex: rowIndex,
-              onClick: function onClick(event) {
-                event.stopPropagation();
-
-                _this3.handleSubRowToggle(rowIndex);
-              }
-            })), onRowSort && /*#__PURE__*/_react["default"].createElement(_DragCell["default"], dragHandleProps, /*#__PURE__*/_react["default"].createElement(_DragHandle["default"], null)), columns.map(function (column, columnIndex) {
-              var columnWidth = columnWidths[columnIndex];
-              var cellToRender = shouldRenderSubRowToggle && column.subRowCell !== undefined ? column.subRowCell : column.cell;
-              return /*#__PURE__*/_react["default"].createElement(_BodyCell["default"], (0, _extends2["default"])({
-                key: columnIndex
-              }, column.columnProps, _this3.getBodyCellMouseHandlers(columnIndex), {
-                position: column.sticky ? 'sticky' : undefined,
-                justifyContent: column.vertical ? 'center' : column.columnProps.justifyContent,
-                minHeight: shouldRenderSubRowToggle ? 5 : minRowHeight,
-                borderColor: "grey-3",
-                borderLeftWidth: column.divider !== false && (columnDividers && (onRowSort || columnIndex !== 0) ? 1 : undefined),
-                backgroundColor: highlightedColumnIndex === columnIndex ? 'grey-0' : 'inherit',
-                color: shouldRenderSubRowToggle ? 'grey-9' : 'black',
-                zIndex: column.sticky ? 35 : undefined,
-                style: _objectSpread({
-                  width: columnWidth,
-                  left: getLeftOffset(column, columnIndex),
-                  right: getRightOffset(column, columnIndex)
-                }, column.columnProps.style)
-              }), /*#__PURE__*/_react["default"].createElement(_BodyInnerCell["default"], {
-                innerRef: column.width === undefined ? measureRef(columnIndex + "-" + (rowIndex + 1), {
-                  formula: function formula(node) {
-                    return {
-                      width: node.offsetWidth
-                    };
-                  }
-                }) : null,
-                column: column,
-                justifyContent: column.vertical ? 'center' : column.columnProps.justifyContent
-              }, cellToRender && (typeof cellToRender === 'string' ? row[cellToRender] : cellToRender(row, {
-                columnIndex: columnIndex,
-                rowIndex: rowIndex,
-                isRowHovered: isRowHovered
-              }))));
-            })]);
-          }), shouldRenderSubRowData && isSubRowOpen ? getBodyRows(subRowData(row), {
-            subRowProps: {
-              backgroundColor: 'hsla(0,0%,99%,1)'
-            },
-            shouldRenderSubRowData: false,
-            shouldRenderSubRowToggle: true
-          }) : null];
-        });
-      };
-
-      var table = function table(props) {
-        return /*#__PURE__*/_react["default"].createElement(_TableBase["default"], (0, _extends2["default"])({}, props, {
-          columnWidths: [subRowData && SUB_ROW_TOGGLE_WIDTH, onRowSort && DRAG_HANDLE_WIDTH].concat(columnWidths).filter(Boolean),
-          rowWidth: rowWidth,
-          minHeight: minHeight,
-          offsets: offsets,
-          caption: caption,
-          header: headerColumns,
-          headerColor: headerColor,
-          headerHeight: headerHeight,
-          body: getBodyRows(data, {
-            shouldRenderSubRowData: !!subRowData
-          })
-        }));
-      };
-
-      if (onRowSort) {
-        return /*#__PURE__*/_react["default"].createElement(_DragDrop["default"].Provider, {
-          onDragStart: _this3.handleSortStart,
-          onDragEnd: _this3.handleSortEnd
-        }, /*#__PURE__*/_react["default"].createElement(_DragDrop["default"].Droppable, {
-          droppableId: "table"
-        }, function (provided) {
-          return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, table(_objectSpread({
-            innerRef: provided.innerRef
-          }, provided.droppableProps)), provided.placeholder);
-        }));
-      } else {
-        return table({});
-      }
-    }), !isLoadingOrNoData && /*#__PURE__*/_react["default"].createElement(_Pagination["default"], {
-      currentPage: currentPage,
-      totalPages: totalPages,
-      onPageChange: onPageChange,
-      position: "sticky",
-      bottom: 0,
-      zIndex: 35,
-      marginTop: "-1px",
-      backgroundColor: "white",
-      borderTopWidth: 1,
-      borderTopColor: "grey-3",
-      css: {
-        '@media print': {
-          position: 'relative'
-        }
-      }
-    }));
-  };
-
-  return Table;
-}(_react.PureComponent);
-
-(0, _defineProperty2["default"])(Table, "ColumnPicker", _ColumnPicker["default"]);
-(0, _defineProperty2["default"])(Table, "AvatarCell", _AvatarCell["default"]);
-(0, _defineProperty2["default"])(Table, "CheckboxCell", _CheckboxCell["default"]);
-(0, _defineProperty2["default"])(Table, "DateCell", _DateCell["default"]);
-(0, _defineProperty2["default"])(Table, "ASC", 'ASC');
-(0, _defineProperty2["default"])(Table, "DESC", 'DESC');
-(0, _defineProperty2["default"])(Table, "defaultProps", {
-  currentPage: 0,
-  defaultSortColumnId: null,
-  defaultSortDirection: Table.ASC,
-  defaultSortOrder: null,
-  empty: 'No results',
-  headerColor: 'grey-0',
-  hiddenColumnIds: [],
-  minHeight: 48,
-  minRowHeight: 8,
-  onPageChange: function onPageChange() {
-    return null;
-  },
-  rowDividers: true,
-  totalPages: 0
-});
-var _default = Table;
-exports["default"] = _default;