@spothero/ui 15.10.9 → 16.0.0-beta.1

package/backlog/v1/components/Panel/Panel.js

@@ -1,209 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _isNil = _interopRequireDefault(require("lodash/isNil"));
-
-var _isString = _interopRequireDefault(require("lodash/isString"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactCollapse = require("react-collapse");
-
-var _chevronDown = _interopRequireDefault(require("@spothero/icons/chevron-down"));
-
-var _chevronUp = _interopRequireDefault(require("@spothero/icons/chevron-up"));
-
-var _Button = _interopRequireDefault(require("../Button/Button"));
-
-var _deprecate = _interopRequireDefault(require("../../utils/deprecate"));
-
-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; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
-(0, _deprecate.default)({
-  name: 'Panel',
-  newName: 'Accordion',
-  changes: ['---- Props ----', 'Use allowMultiple to let multiple items show as expanded at a time', 'Use allowToggle to allow items within the accordion, so any expanded accordion item can be collapsed again', 'instead of isOpen now use, defaultIndex, index to achieve the same effect', 'Use defaultIndex to set the initial index(es) of the expanded accordion item', 'Use index to set the index(es) of the expanded accordion item', 'onChange is the callback invoked when accordion items are expanded or collapsed', 'Use isDisabled to disable an AccordionItem', 'Use isFocusable to allow an AccordionItem to be focusable', 'The pseudo style props _expanded, _disabled, _hover can be passed into the AccordionButton to style it', '---- Changes in v2 component  ----', 'Accordion (v2) now uses multiple components in order to parody this component', 'In Accordion (v2), there is no longer the option to pass in a custom icon', 'In Accordion (v2), the Title and Icon are now placed as children of AccordionButton component to enable the whole row to be clickable', 'The AccordionButton should be placed within a Heading component for markup and styling (v2/components/Heading)', 'In Accordion (v2), the Text is now a child of the AccordionPanel component', 'In order to add styles/markup to the text, it should be placed within a Text component (v2/components/Text)', 'Both AccordionPanel and AccordionIcon are children of AccordionItem', 'In Accordion (v2), showTitleToggle has been removed', 'In Accordion (v2), preview has been removed', 'onOpen and onClose are no longer needed in the v2 component', '---- Additional Information ----', 'new props are documented at: https://chakra-ui.com/docs/disclosure/accordion']
-});
-
-var Panel = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Panel, _Component);
-
-  var _super = _createSuper(Panel);
-
-  function Panel() {
-    var _context;
-
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Panel);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, (0, _concat.default)(_context = [this]).call(_context, args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      isOpen: _this.props.isOpen || false,
-      prevIsOpen: false,
-      heightReady: false
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onMeasure", function () {
-      _this.setState({
-        heightReady: true
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onToggle", function (evt) {
-      evt.preventDefault();
-
-      _this.setState(function (prevState, props) {
-        var isOpen = prevState.isOpen;
-        return {
-          isOpen: !isOpen,
-          prevIsOpen: isOpen
-        };
-      });
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(Panel, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      var _this$props = this.props,
-          onOpen = _this$props.onOpen,
-          onClose = _this$props.onClose;
-      var isOpen = this.state.isOpen;
-      var prevIsOpen = prevState.isOpen;
-
-      if (onOpen && isOpen && !prevIsOpen) {
-        onOpen();
-      }
-
-      if (onClose && !isOpen && prevIsOpen) {
-        onClose();
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          className = _this$props2.className,
-          title = _this$props2.title,
-          children = _this$props2.children,
-          showTitleToggle = _this$props2.showTitleToggle,
-          preview = _this$props2.preview,
-          additionalTitleMarkup = _this$props2.additionalTitleMarkup,
-          openIcon = _this$props2.openIcon,
-          closeIcon = _this$props2.closeIcon;
-      var _this$state = this.state,
-          isOpen = _this$state.isOpen,
-          heightReady = _this$state.heightReady;
-      var classes = (0, _classnames.default)('Panel', {
-        'Panel-with-preview': preview
-      }, {
-        'Panel-open': isOpen
-      }, className);
-      var contentClasses = (0, _classnames.default)('Panel-content', {
-        'Panel-content-hidden': !heightReady
-      });
-      var showPreview = !(0, _isNil.default)(preview) && !isOpen;
-      var panelTitle = (0, _isString.default)(title) ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "Panel-title-heading"
-      }, title) : title;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "Panel-title"
-      }, showTitleToggle ? /*#__PURE__*/_react.default.createElement(_Button.default, {
-        className: "Panel-toggle",
-        onClick: this._onToggle
-      }, panelTitle, isOpen ? closeIcon : openIcon) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, panelTitle, additionalTitleMarkup)), /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
-        isOpened: isOpen || showPreview,
-        onMeasure: this._onMeasure,
-        springConfig: {
-          stiffness: 300,
-          damping: 25
-        }
-      }, isOpen && /*#__PURE__*/_react.default.createElement("div", {
-        className: contentClasses
-      }, children), showPreview && /*#__PURE__*/_react.default.createElement("div", {
-        className: "Panel-preview"
-      }, preview)));
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps, prevState) {
-      var nextIsOpen = nextProps.isOpen,
-          nextShowTitleToggle = nextProps.showTitleToggle;
-      var isOpen = prevState.isOpen,
-          prevIsOpen = prevState.prevIsOpen;
-      var isOpenStateEqualsNextProp = isOpen === nextIsOpen; // when showTitleToggle is true, we don't want Panel controlled externally
-
-      if (!nextShowTitleToggle && isOpen !== prevIsOpen && isOpenStateEqualsNextProp) {
-        // toggled internal state change
-        return {
-          isOpen: isOpen,
-          prevIsOpen: prevIsOpen
-        };
-      } else if (!nextShowTitleToggle && !isOpenStateEqualsNextProp) {
-        // state change happening because of props change by external component
-        return {
-          isOpen: nextIsOpen,
-          prevIsOpen: isOpen
-        };
-      }
-
-      return null;
-    }
-  }]);
-  return Panel;
-}(_react.Component);
-
-(0, _defineProperty2.default)(Panel, "defaultProps", {
-  openIcon: /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
-    className: "Icon-chevron-down"
-  }),
-  closeIcon: /*#__PURE__*/_react.default.createElement(_chevronUp.default, {
-    className: "Icon-chevron-up"
-  })
-});
-var _default = Panel;
-exports.default = _default;

package/backlog/v1/components/Table/Table.js

@@ -1,336 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _find = _interopRequireDefault(require("lodash/find"));
-
-var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
-
-var _isNumber = _interopRequireDefault(require("lodash/isNumber"));
-
-var _isObject = _interopRequireDefault(require("lodash/isObject"));
-
-var _map2 = _interopRequireDefault(require("lodash/map"));
-
-var _some = _interopRequireDefault(require("lodash/some"));
-
-var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _TableHeading = _interopRequireDefault(require("./TableHeading"));
-
-var _TableCell = _interopRequireDefault(require("./TableCell"));
-
-var _TableFooter = _interopRequireDefault(require("./TableFooter"));
-
-var _TableSortSelector = _interopRequireDefault(require("./TableSortSelector"));
-
-var _TableSortType = _interopRequireDefault(require("./TableSortType"));
-
-var _deprecate = _interopRequireDefault(require("../../utils/deprecate"));
-
-var _excluded = ["render"],
-    _excluded2 = ["className"];
-
-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; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
-(0, _deprecate.default)({
-  name: 'Table',
-  newName: 'Table',
-  changes: ['---- Props ----', 'In order to accomplish the same functionality as using `footerMessage`, now use the `<Tfoot />` component in the table structure instead of passing in as a prop', 'Pagination and Sorting are not yet supported in the v2 Table component', '---- Changes in v2 component  ----', 'New v2 Table component is now a paired-down in functionality compaired to v1 version', '`containerClassName`, `headers`, `data`, `currentPage`, `sortOrder`, `sortDataKey`, `totalDataRowCount`, `rowSize`, `showFooterMessage`, `footerMessage`, `pageSize`, `sorting`, `onPageChange`, `onSortChange`, and `noDataAvailableMessage` are not yet supported in the v2 Table component', '---- Additional Information ----', 'new props are documented at: https://chakra-ui.com/docs/data-display/table']
-});
-
-var Table = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Table, _Component);
-
-  var _super = _createSuper(Table);
-
-  function Table(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Table);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onPageChange", function (_ref) {
-      var value = _ref.value;
-
-      _this.setState({
-        currentPage: parseInt(value, 10)
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onPreviousPage", function (evt) {
-      _this.setState(function (prevState, props) {
-        return {
-          currentPage: prevState.currentPage - 1
-        };
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onNextPage", function (evt) {
-      _this.setState(function (prevState, props) {
-        return {
-          currentPage: prevState.currentPage + 1
-        };
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onSortChange", function (_ref2) {
-      var dataKey = _ref2.dataKey,
-          sortOrder = _ref2.sortOrder;
-
-      _this.setState({
-        sortOrder: sortOrder,
-        sortDataKey: dataKey
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_renderHeadings", function () {
-      var _context;
-
-      var _this$state = _this.state,
-          sortOrder = _this$state.sortOrder,
-          sortDataKey = _this$state.sortDataKey;
-      return /*#__PURE__*/_react.default.createElement("thead", {
-        className: "TableHead"
-      }, /*#__PURE__*/_react.default.createElement("tr", null, (0, _map.default)(_context = _this._HEADERS).call(_context, function (header) {
-        var render = header.render,
-            headerProps = (0, _objectWithoutProperties2.default)(header, _excluded);
-        var dataKey = headerProps.dataKey,
-            isSortable = headerProps.isSortable;
-        var Heading = render ? render : _TableHeading.default;
-
-        if (isSortable) {
-          headerProps.onSortClick = _this._onSortChange;
-          headerProps.sortOrder = dataKey === sortDataKey ? sortOrder : null;
-        }
-
-        return /*#__PURE__*/_react.default.createElement(Heading, (0, _extends2.default)({
-          key: dataKey
-        }, headerProps));
-      })));
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_renderRows", function () {
-      var _this$props = _this.props,
-          data = _this$props.data,
-          sorting = _this$props.sorting,
-          noDataAvailableMessage = _this$props.noDataAvailableMessage;
-
-      if (!data.length) {
-        return /*#__PURE__*/_react.default.createElement("tbody", {
-          className: "TableBody Table-no-data"
-        }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
-          colSpan: _this._HEADERS.length
-        }, /*#__PURE__*/_react.default.createElement("div", null, noDataAvailableMessage))));
-      }
-
-      var sortedData = data;
-
-      if (sorting) {
-        var sort = (0, _isFunction.default)(sorting) ? [sorting] : (0, _toConsumableArray2.default)(sorting);
-        sortedData = (0, _sortBy.default)(data, sort);
-      }
-
-      return /*#__PURE__*/_react.default.createElement("tbody", {
-        className: "TableBody"
-      }, (0, _map.default)(sortedData).call(sortedData, function (_ref3, i) {
-        var rowClass = _ref3.className,
-            row = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
-
-        if (row.customRowRender) {
-          return row.customRowRender({
-            key: i,
-            row: row
-          });
-        } else {
-          return /*#__PURE__*/_react.default.createElement("tr", {
-            key: i,
-            className: rowClass
-          }, (0, _map2.default)(row, function (cell, dataKey) {
-            var _context2;
-
-            var className = cell.className,
-                value = cell.value;
-            var Cell = (0, _isObject.default)(cell) && cell.render ? cell.render : _TableCell.default;
-            var key = (0, _concat.default)(_context2 = "".concat(i, "-")).call(_context2, dataKey);
-            var label = (0, _find.default)(_this._HEADERS, {
-              dataKey: dataKey
-            }).label;
-            var cellValue = (0, _isObject.default)(cell) ? value : cell;
-            return /*#__PURE__*/_react.default.createElement(Cell, {
-              key: key,
-              className: className,
-              headingLabel: label,
-              value: cellValue
-            });
-          }));
-        }
-      }));
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_renderFooter", function () {
-      var _this$props2 = _this.props,
-          rowSize = _this$props2.rowSize,
-          pageSize = _this$props2.pageSize,
-          data = _this$props2.data,
-          totalDataRowCount = _this$props2.totalDataRowCount,
-          showFooterMessage = _this$props2.showFooterMessage,
-          footerMessage = _this$props2.footerMessage;
-      var _this$state2 = _this.state,
-          currentPage = _this$state2.currentPage,
-          totalPages = _this$state2.totalPages;
-      return /*#__PURE__*/_react.default.createElement(_TableFooter.default, {
-        rowSize: rowSize,
-        pageSize: pageSize,
-        totalDataRowCount: totalDataRowCount,
-        currentPage: currentPage,
-        totalPages: totalPages,
-        currentPageLength: data.length,
-        showMessage: showFooterMessage,
-        message: footerMessage,
-        onPageChange: _this._onPageChange,
-        onPreviousPage: _this._onPreviousPage,
-        onNextPage: _this._onNextPage
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_renderTableSortDropdown", function () {
-      var _this$state3 = _this.state,
-          sortOrder = _this$state3.sortOrder,
-          sortDataKey = _this$state3.sortDataKey;
-      var hasSortableHeaders = (0, _some.default)(_this._HEADERS, 'isSortable');
-
-      if (!hasSortableHeaders) {
-        return null;
-      }
-
-      return /*#__PURE__*/_react.default.createElement(_TableSortSelector.default, {
-        headers: _this._HEADERS,
-        sortOrder: sortOrder,
-        sortDataKey: sortDataKey,
-        onSortChange: _this._onSortChange
-      });
-    });
-    var headers = props.headers,
-        _currentPage = props.currentPage,
-        _totalDataRowCount = props.totalDataRowCount,
-        _pageSize = props.pageSize,
-        _sortOrder = props.sortOrder,
-        _sortDataKey = props.sortDataKey;
-    _this._HEADERS = headers;
-    _this.state = {
-      sortOrder: _sortOrder,
-      sortDataKey: _sortDataKey,
-      currentPage: _currentPage,
-      totalPages: Math.ceil(_totalDataRowCount / _pageSize)
-    };
-    return _this;
-  }
-
-  (0, _createClass2.default)(Table, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      var _this$props3 = this.props,
-          onPageChange = _this$props3.onPageChange,
-          onSortChange = _this$props3.onSortChange,
-          totalDataRowCount = _this$props3.totalDataRowCount,
-          pageSize = _this$props3.pageSize;
-      var previousCurrentPage = prevState.currentPage,
-          previousSortOrder = prevState.sortOrder,
-          previousSortDataKey = prevState.sortDataKey;
-      var _this$state4 = this.state,
-          totalPages = _this$state4.totalPages,
-          currentPage = _this$state4.currentPage,
-          sortOrder = _this$state4.sortOrder,
-          sortDataKey = _this$state4.sortDataKey;
-
-      if (totalDataRowCount !== prevProps.totalDataRowCount || pageSize !== prevProps.pageSize) {
-        this.setState({
-          totalPages: Math.ceil(totalDataRowCount / pageSize)
-        });
-      }
-
-      if (previousCurrentPage !== currentPage && onPageChange) {
-        onPageChange({
-          totalPages: totalPages,
-          currentPage: currentPage,
-          previousPage: previousCurrentPage
-        });
-      }
-
-      if ((previousSortOrder !== sortOrder || previousSortDataKey !== sortDataKey) && onSortChange) {
-        onSortChange({
-          sortOrder: sortOrder,
-          dataKey: sortDataKey
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props4 = this.props,
-          containerClassName = _this$props4.containerClassName,
-          className = _this$props4.className,
-          rowSize = _this$props4.rowSize;
-      var containerClasses = (0, _classnames.default)('Table-container', containerClassName);
-      var tableClasses = (0, _classnames.default)('Table', {
-        'Table-large': rowSize === 'large'
-      }, className);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: containerClasses
-      }, this._renderTableSortDropdown(), /*#__PURE__*/_react.default.createElement("table", {
-        className: tableClasses
-      }, this._renderHeadings(), this._renderRows()), this._renderFooter());
-    }
-  }]);
-  return Table;
-}(_react.Component);
-
-exports.default = Table;
-(0, _defineProperty2.default)(Table, "defaultProps", {
-  currentPage: 1,
-  totalDataRowCount: 0,
-  rowSize: 'normal',
-  pageSize: 25,
-  noDataAvailableMessage: 'No data available at this time.',
-  showFooterMessage: true
-});

package/backlog/v1/components/Table/TableCell.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _TableCellPropTypes = _interopRequireDefault(require("./TableCellPropTypes"));
-
-var TableCell = function TableCell(_ref) {
-  var className = _ref.className,
-      headingLabel = _ref.headingLabel,
-      value = _ref.value;
-  var classes = (0, _classnames.default)('TableCell', className);
-  return /*#__PURE__*/_react.default.createElement("td", {
-    className: classes,
-    "data-label": headingLabel
-  }, /*#__PURE__*/_react.default.createElement("div", null, value));
-};
-
-var _default = TableCell;
-exports.default = _default;

package/backlog/v1/components/Table/TableCellPropTypes.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _default = {
-  /** Additional class(es) to add to the component. */
-  className: _propTypes.default.string,
-
-  /** The header label that is used to display on smaller viewports above the cell's data. */
-  headingLabel: _propTypes.default.string.isRequired,
-
-  /** The data to populate inside of the cell. */
-  value: _propTypes.default.any
-};
-exports.default = _default;

package/backlog/v1/components/Table/TableControls.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _times = _interopRequireDefault(require("lodash/times"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _chevronLeft = _interopRequireDefault(require("@spothero/icons/chevron-left"));
-
-var _chevronRight = _interopRequireDefault(require("@spothero/icons/chevron-right"));
-
-var _Button = _interopRequireDefault(require("../Button/Button"));
-
-var _Select = _interopRequireDefault(require("../../../Select/Select"));
-
-var TableControls = function TableControls(_ref) {
-  var currentPage = _ref.currentPage,
-      totalPages = _ref.totalPages,
-      onPageChange = _ref.onPageChange,
-      onPreviousPage = _ref.onPreviousPage,
-      onNextPage = _ref.onNextPage;
-  var pages = (0, _times.default)(totalPages, function (value) {
-    var page = (value + 1).toString();
-    return {
-      label: "Page ".concat(page),
-      value: page
-    };
-  });
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "TableControls"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "TableControls-pagination"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    color: "secondary",
-    disabled: currentPage === 1,
-    onClick: onPreviousPage
-  }, /*#__PURE__*/_react.default.createElement(_chevronLeft.default, null)), /*#__PURE__*/_react.default.createElement(_Select.default, {
-    key: new Date(),
-    defaultValue: currentPage.toString(),
-    items: pages,
-    onChange: onPageChange
-  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    color: "secondary",
-    disabled: currentPage === totalPages,
-    onClick: onNextPage
-  }, /*#__PURE__*/_react.default.createElement(_chevronRight.default, null))));
-};
-
-var _default = TableControls;
-exports.default = _default;