@civicactions/cmsds-open-data-components 3.0.0-alpha.3 → 3.0.0-alpha.5

package/lib/components/Pagination/index.js

@@ -1,263 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _designSystem = require("@cmsgov/design-system");
-
-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; }
-
-var Pagination = function Pagination(_ref) {
-  var totalPages = _ref.totalPages,
-      currentPage = _ref.currentPage,
-      buttonAction = _ref.buttonAction;
-  var maxLength = 7; // Expectation starts at 1
-  // only shows 7 buttons plus prev/next
-
-  function addFirst() {
-    // extra + 1 is number of siblings
-    if (currentPage > 1 + 1) {
-      return [{
-        id: 1,
-        text: 1
-      }];
-    } else {
-      return [];
-    }
-  }
-
-  function addLast() {
-    // extra + 1 is number of siblings
-    if (currentPage < totalPages) {
-      return [{
-        id: totalPages,
-        text: totalPages
-      }];
-    } else {
-      return [];
-    }
-  }
-
-  function addPrev() {
-    if (currentPage > 1) {
-      return [{
-        id: 'previous',
-        text: 'Previous'
-      }];
-    }
-
-    return [{
-      id: 'previous',
-      text: 'Previous',
-      disabled: true
-    }];
-  }
-
-  function addNext() {
-    if (currentPage < totalPages) {
-      return [{
-        id: 'next',
-        text: 'Next'
-      }];
-    }
-
-    return [{
-      id: 'next',
-      text: 'Next',
-      disabled: true
-    }];
-  }
-
-  function buildSiblings() {
-    // add check if current page less than totalPages
-    var siblings = [{
-      id: currentPage,
-      text: currentPage,
-      currentPage: true
-    }];
-
-    if (currentPage > 1) {
-      siblings.unshift({
-        id: currentPage - 1,
-        text: currentPage - 1
-      });
-    }
-
-    if (currentPage < totalPages - 1) {
-      siblings.push({
-        id: currentPage + 1,
-        text: currentPage + 1
-      });
-    }
-
-    return siblings;
-  }
-
-  function buildPreSiblings() {
-    var preSiblings = [];
-    var remainingSpots = 0;
-
-    if (currentPage === 4) {
-      remainingSpots = 1;
-      preSiblings.push({
-        id: '2',
-        text: 2
-      });
-    }
-
-    if (currentPage > 4) {
-      remainingSpots = 1;
-      preSiblings.push({
-        id: 'predots',
-        text: '...'
-      });
-    }
-
-    if (currentPage > 4 && currentPage >= totalPages - 2) {
-      remainingSpots = 1;
-      preSiblings.push({
-        id: totalPages - 4,
-        text: totalPages - 4
-      });
-    }
-
-    if (currentPage > 4 && currentPage >= totalPages - 1) {
-      remainingSpots = 1;
-      preSiblings.push({
-        id: totalPages - 3,
-        text: totalPages - 3
-      });
-    }
-
-    if (currentPage > 4 && currentPage === totalPages) {
-      remainingSpots = 1;
-      preSiblings.push({
-        id: totalPages - 2,
-        text: totalPages - 2
-      });
-    }
-
-    return preSiblings;
-  }
-
-  function buildPostSiblings() {
-    var postSiblings = [];
-    var remainingSpots = maxLength - (currentPage + 1) - 1;
-
-    if (currentPage < 5) {
-      for (var spot = 1; spot < remainingSpots; spot++) {
-        // console.log('post-spot', spot)
-        postSiblings.push({
-          id: currentPage + 1 + spot,
-          text: currentPage + 1 + spot
-        });
-      }
-
-      postSiblings.push({
-        id: 'postdots',
-        text: '...'
-      });
-    }
-
-    if (currentPage >= 5 && currentPage < totalPages - 3) {
-      postSiblings.push({
-        id: 'postdots',
-        text: '...'
-      });
-    }
-
-    if (currentPage >= 5 && currentPage === totalPages - 3) {
-      postSiblings.push({
-        id: totalPages - 1,
-        text: totalPages - 1
-      });
-    }
-
-    return postSiblings;
-  }
-
-  function buttonValue(item) {
-    if (item === 'Previous') {
-      return currentPage - 1;
-    }
-
-    if (item === 'Next') {
-      return currentPage + 1;
-    }
-
-    return item;
-  }
-
-  function addAll() {
-    var items = (0, _toConsumableArray2["default"])(Array(totalPages));
-    return items.map(function (item, index) {
-      return {
-        id: index + 1,
-        text: index + 1
-      };
-    });
-  }
-
-  function buildAll() {
-    if (totalPages > 0 && totalPages <= maxLength) {
-      return [].concat((0, _toConsumableArray2["default"])(addPrev()), (0, _toConsumableArray2["default"])(addAll()), (0, _toConsumableArray2["default"])(addNext()));
-    }
-
-    if (totalPages > 0 && totalPages > maxLength) {
-      return [].concat((0, _toConsumableArray2["default"])(addPrev()), (0, _toConsumableArray2["default"])(addFirst()), (0, _toConsumableArray2["default"])(buildPreSiblings()), (0, _toConsumableArray2["default"])(buildSiblings()), (0, _toConsumableArray2["default"])(buildPostSiblings()), (0, _toConsumableArray2["default"])(addLast()), (0, _toConsumableArray2["default"])(addNext()));
-    }
-
-    return [];
-  }
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "dc-pagination"
-  }, /*#__PURE__*/_react["default"].createElement("nav", null, /*#__PURE__*/_react["default"].createElement("ol", {
-    className: "ds-u-display--flex ds-u-flex-direction--row ds-u-padding-x--0"
-  }, buildAll().map(function (item) {
-    var buttonClass = '';
-    var liClass = '';
-
-    if (item.text === 'Previous') {
-      buttonClass = 'dc-pagination--previous__button';
-      liClass = 'dc-pagination--previous';
-    }
-
-    if (item.text === 'Next') {
-      buttonClass = 'dc-pagination--next__button';
-      liClass = 'dc-pagination--next';
-    }
-
-    if (item.currentPage || item.text === currentPage) {
-      buttonClass = 'dc-pagination-current__button';
-    }
-
-    return /*#__PURE__*/_react["default"].createElement("li", {
-      key: item.id,
-      className: liClass
-    }, item.id === 'postdots' || item.id === 'predots' ? /*#__PURE__*/_react["default"].createElement("span", null, item.text) : /*#__PURE__*/_react["default"].createElement(_designSystem.Button, {
-      className: buttonClass,
-      disabled: item.disabled ? item.disabled : false,
-      size: "small",
-      variation: "transparent",
-      onClick: function onClick() {
-        return buttonAction(buttonValue(item.text));
-      }
-    }, item.text));
-  }))));
-};
-
-var _default = Pagination;
-exports["default"] = _default;