@dhis2-ui/pagination 8.0.2 → 8.1.0

package/build/cjs/__fixtures__/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.atLastPage = exports.atTenthPage = exports.atFirstPage = void 0;
+exports.noTotalAtLastPage = exports.noTotal = exports.atLastPage = exports.atTenthPage = exports.atFirstPage = void 0;
 const atFirstPage = {
   page: 1,
   pageCount: 21,
@@ -24,4 +24,16 @@ const atLastPage = {
   total: 1035,
   pageSize: 50
 };
-exports.atLastPage = atLastPage;
+exports.atLastPage = atLastPage;
+const noTotal = {
+  page: 2,
+  pageSize: 50,
+  isLastPage: false
+};
+exports.noTotal = noTotal;
+const noTotalAtLastPage = {
+  page: 4,
+  pageSize: 50,
+  isLastPage: true
+};
+exports.noTotalAtLastPage = noTotalAtLastPage;

package/build/cjs/__tests__/get-item-range.test.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var mockPagers = _interopRequireWildcard(require("../__fixtures__/index.js"));
+
+var _getItemRange = require("../get-item-range.js");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+
+describe('getItemRange', () => {
+  it('calculates the firstItem and lastItem correctly', () => {
+    const {
+      page,
+      pageSize,
+      total
+    } = mockPagers.atTenthPage;
+    const {
+      firstItem,
+      lastItem
+    } = (0, _getItemRange.getItemRange)({
+      page,
+      pageSize,
+      total
+    });
+    expect(firstItem).toEqual(451);
+    expect(lastItem).toEqual(500);
+  });
+  it('returns 0 for firstItem and lastItem if the total is 0', () => {
+    const {
+      firstItem,
+      lastItem
+    } = (0, _getItemRange.getItemRange)({
+      page: 1,
+      pageSize: 50,
+      total: 0
+    });
+    expect(firstItem).toEqual(0);
+    expect(lastItem).toEqual(0);
+  });
+  it('uses the total count as lastItem when the last page is reached', () => {
+    const {
+      page,
+      pageSize,
+      total
+    } = mockPagers.atLastPage;
+    const {
+      lastItem
+    } = (0, _getItemRange.getItemRange)({
+      page,
+      pageSize,
+      total
+    });
+    expect(lastItem).toEqual(total);
+  });
+  it('handles pagers without totals', () => {
+    const {
+      firstItem,
+      lastItem
+    } = (0, _getItemRange.getItemRange)({
+      page: 3,
+      pageSize: 50
+    });
+    expect(firstItem).toEqual(101);
+    expect(lastItem).toEqual(150);
+  });
+  it('bases the lastItem on the pageLength for pagers without total when the last page is reached', () => {
+    const {
+      lastItem
+    } = (0, _getItemRange.getItemRange)({
+      page: 3,
+      pageSize: 50,
+      pageLength: 21,
+      isLastPage: true
+    });
+    expect(lastItem).toEqual(121);
+  });
+  it('sets lastItem to NaN when on the last page and there is no total or pageLength', () => {
+    const {
+      lastItem
+    } = (0, _getItemRange.getItemRange)({
+      page: 3,
+      pageSize: 50,
+      isLastPage: true
+    });
+    expect(lastItem).toEqual(NaN);
+  });
+});

package/build/cjs/__tests__/page-controls.test.js

@@ -4,14 +4,8 @@ var _enzyme = require("enzyme");
 
 var _react = _interopRequireDefault(require("react"));
 
-var mockPagers = _interopRequireWildcard(require("../__fixtures__/index.js"));
-
 var _pageControls = require("../page-controls.js");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -23,7 +17,7 @@ describe('<PageControls />', () => {
     onClick: mockOnClick,
     nextPageText: 'Next',
     previousPageText: 'Previous',
-    ...mockPagers.atTenthPage
+    page: 10
   };
   beforeEach(() => {
     mockOnClick.mockClear();
@@ -37,12 +31,16 @@ describe('<PageControls />', () => {
     expect(wrapper.find('.button-next').getElement().props.disabled).toEqual(false);
   });
   it('disables the previous page button on the first page', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pageControls.PageControls, _extends({}, props, mockPagers.atFirstPage)));
+    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pageControls.PageControls, _extends({}, props, {
+      page: 1
+    })));
     expect(wrapper.find('.button-previous').getElement().props.disabled).toEqual(true);
     expect(wrapper.find('.button-next').getElement().props.disabled).toEqual(false);
   });
   it('disables the next page button on the last page', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pageControls.PageControls, _extends({}, props, mockPagers.atLastPage)));
+    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pageControls.PageControls, _extends({}, props, {
+      isLastPage: true
+    })));
     expect(wrapper.find('.button-previous').getElement().props.disabled).toEqual(false);
     expect(wrapper.find('.button-next').getElement().props.disabled).toEqual(true);
   });

package/build/cjs/__tests__/page-summary.test.js

@@ -4,16 +4,10 @@ var _enzyme = require("enzyme");
 
 var _react = _interopRequireDefault(require("react"));
 
-var mockPagers = _interopRequireWildcard(require("../__fixtures__/index.js"));
-
 var _pageSummary = require("../page-summary.js");
 
 var _pagination = require("../pagination.js");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -24,55 +18,43 @@ describe('<PageSummary />', () => {
     pageSummaryText: _pagination.Pagination.defaultProps.pageSummaryText
   };
   it('renders without errors', () => {
-    (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pageSummary.PageSummary, _extends({}, props, mockPagers.atTenthPage)));
+    (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pageSummary.PageSummary, _extends({}, props, {
+      firstItem: 51,
+      lastItem: 100,
+      page: 2,
+      pageCount: 5,
+      total: 224
+    })));
   });
-  it('displays the correct information for a first page', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pageSummary.PageSummary, _extends({}, props, mockPagers.atFirstPage)));
-    const expectedString = 'Page 1 of 21, items 1-50 of 1035';
+  it('renders the correct message when both total and lastItem are provided', () => {
+    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pageSummary.PageSummary, _extends({}, props, {
+      firstItem: 51,
+      lastItem: 100,
+      page: 2,
+      pageCount: 5,
+      total: 224
+    })));
+    const expectedString = 'Page 2 of 5, items 51-100 of 224';
     expect(wrapper.find('span').text()).toEqual(expectedString);
   });
-  it('displays the correct information for a last page', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pageSummary.PageSummary, _extends({}, props, mockPagers.atLastPage)));
-    const expectedString = 'Page 21 of 21, items 1001-1035 of 1035';
+  it('renders the correct message when only lastItem is provided', () => {
+    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pageSummary.PageSummary, _extends({}, props, {
+      firstItem: 51,
+      lastItem: 100,
+      page: 2,
+      pageCount: 5
+    })));
+    const expectedString = 'Page 2, items 51-100';
     expect(wrapper.find('span').text()).toEqual(expectedString);
   });
-  it('displays the correct information for a page between first and last', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pageSummary.PageSummary, _extends({}, props, mockPagers.atTenthPage)));
-    const expectedString = 'Page 10 of 21, items 451-500 of 1035';
+  it('renders the correct message when total is missing and lastItem is not a number', () => {
+    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pageSummary.PageSummary, _extends({}, props, {
+      firstItem: 51,
+      lastItem: NaN,
+      page: 2,
+      pageCount: 5
+    })));
+    const expectedString = 'Page 2';
     expect(wrapper.find('span').text()).toEqual(expectedString);
   });
-  describe('getItemRange', () => {
-    it('calculates the firstItem and lastItem correctly', () => {
-      const {
-        page,
-        pageSize,
-        total
-      } = mockPagers.atTenthPage;
-      const {
-        firstItem,
-        lastItem
-      } = (0, _pageSummary.getItemRange)(page, pageSize, total);
-      expect(firstItem).toEqual(451);
-      expect(lastItem).toEqual(500);
-    });
-    it('returns 0 for firstItem and lastItem if the total is 0', () => {
-      const {
-        firstItem,
-        lastItem
-      } = (0, _pageSummary.getItemRange)(1, 50, 0);
-      expect(firstItem).toEqual(0);
-      expect(lastItem).toEqual(0);
-    });
-    it('uses the total count as lastItem when the last page is reached', () => {
-      const {
-        page,
-        pageSize,
-        total
-      } = mockPagers.atLastPage;
-      const {
-        lastItem
-      } = (0, _pageSummary.getItemRange)(page, pageSize, total);
-      expect(lastItem).toEqual(total);
-    });
-  });
 });

package/build/cjs/__tests__/pagination.test.js

@@ -21,38 +21,54 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 describe('<Pagination />', () => {
-  const props = { ...mockPagers.atTenthPage,
-    onPageChange: () => {},
-    onPageSizeChange: () => {}
-  };
-  it('renders without errors', () => {
-    (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pagination.Pagination, props));
+  describe('Pagination with total and totalPages', () => {
+    const props = { ...mockPagers.atTenthPage,
+      onPageChange: () => {},
+      onPageSizeChange: () => {}
+    };
+    it('renders without errors', () => {
+      (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pagination.Pagination, props));
+    });
+    it('renders a PageSelect and PageSizeSelect by default', () => {
+      const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pagination.Pagination, props));
+      expect(wrapper.find(_pageSelect.PageSelect).length).toEqual(1);
+      expect(wrapper.find(_pageSizeSelect.PageSizeSelect).length).toEqual(1);
+    });
+    it('renders without a PageSelect when hidePageSelect is true', () => {
+      const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pagination.Pagination, _extends({}, props, {
+        hidePageSelect: true
+      })));
+      expect(wrapper.find(_pageSelect.PageSelect).length).toEqual(0);
+      expect(wrapper.find(_pageSizeSelect.PageSizeSelect).length).toEqual(1);
+    });
+    it('renders without a PageSizeSelect when hidePageSizeSelect is true', () => {
+      const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pagination.Pagination, _extends({}, props, {
+        hidePageSizeSelect: true
+      })));
+      expect(wrapper.find(_pageSelect.PageSelect).length).toEqual(1);
+      expect(wrapper.find(_pageSizeSelect.PageSizeSelect).length).toEqual(0);
+    });
+    it('renders without PageSelect and PageSizeSelect when both are true', () => {
+      const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pagination.Pagination, _extends({}, props, {
+        hidePageSelect: true,
+        hidePageSizeSelect: true
+      })));
+      expect(wrapper.find(_pageSelect.PageSelect).length).toEqual(0);
+      expect(wrapper.find(_pageSizeSelect.PageSizeSelect).length).toEqual(0);
+    });
   });
-  it('renders a PageSelect and PageSizeSelect by default', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pagination.Pagination, props));
-    expect(wrapper.find(_pageSelect.PageSelect).length).toEqual(1);
-    expect(wrapper.find(_pageSizeSelect.PageSizeSelect).length).toEqual(1);
-  });
-  it('renders without a PageSelect when hidePageSelect is true', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pagination.Pagination, _extends({}, props, {
-      hidePageSelect: true
-    })));
-    expect(wrapper.find(_pageSelect.PageSelect).length).toEqual(0);
-    expect(wrapper.find(_pageSizeSelect.PageSizeSelect).length).toEqual(1);
-  });
-  it('renders without a PageSizeSelect when hidePageSizeSelect is true', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pagination.Pagination, _extends({}, props, {
-      hidePageSizeSelect: true
-    })));
-    expect(wrapper.find(_pageSelect.PageSelect).length).toEqual(1);
-    expect(wrapper.find(_pageSizeSelect.PageSizeSelect).length).toEqual(0);
-  });
-  it('renders without PageSelect and PageSizeSelect when both are true', () => {
-    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pagination.Pagination, _extends({}, props, {
-      hidePageSelect: true,
-      hidePageSizeSelect: true
-    })));
-    expect(wrapper.find(_pageSelect.PageSelect).length).toEqual(0);
-    expect(wrapper.find(_pageSizeSelect.PageSizeSelect).length).toEqual(0);
+  describe('Pagination without total and totalPages', () => {
+    const props = { ...mockPagers.noTotal,
+      onPageChange: () => {},
+      onPageSizeChange: () => {}
+    };
+    it('renders without errors', () => {
+      (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pagination.Pagination, props));
+    });
+    it('renders with a PageSizeSelect but without a PageSelect', () => {
+      const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_pagination.Pagination, props));
+      expect(wrapper.find(_pageSizeSelect.PageSizeSelect).length).toEqual(1);
+      expect(wrapper.find(_pageSelect.PageSelect).length).toEqual(0);
+    });
   });
 });

package/build/cjs/get-default-page-summary-text.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultPageSummaryText = void 0;
+
+var _index = _interopRequireDefault(require("./locales/index.js"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const isValidNumber = input => typeof input === 'number' && !isNaN(input);
+
+const getDefaultPageSummaryText = ({
+  firstItem,
+  lastItem,
+  page,
+  pageCount,
+  total
+}) => {
+  if (isValidNumber(total) && isValidNumber(lastItem)) {
+    return _index.default.t('Page {{page}} of {{pageCount}}, items {{firstItem}}-{{lastItem}} of {{total}}', {
+      page,
+      pageCount,
+      firstItem,
+      lastItem,
+      total
+    });
+  }
+
+  if (isValidNumber(lastItem)) {
+    return _index.default.t('Page {{page}}, items {{firstItem}}-{{lastItem}}', {
+      page,
+      firstItem,
+      lastItem
+    });
+  }
+
+  return _index.default.t('Page {{page}}', {
+    page
+  });
+};
+
+exports.getDefaultPageSummaryText = getDefaultPageSummaryText;

package/build/cjs/get-item-range.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getItemRange = void 0;
+
+const getItemRange = ({
+  isLastPage,
+  page,
+  pageLength,
+  pageSize,
+  total
+}) => {
+  // page is 1-based
+  let firstItem = (page - 1) * pageSize + 1;
+  let lastItem = firstItem + pageSize - 1;
+
+  if (typeof total === 'number') {
+    if (total === 0) {
+      /*
+       * if no items are found, the pager total is 0
+       * and the first and last item should be be 0 too
+       */
+      firstItem = 0;
+      lastItem = 0;
+    } else if (lastItem > total) {
+      lastItem = total;
+    }
+  }
+
+  if (typeof pageLength === 'number') {
+    lastItem = firstItem + pageLength - 1;
+  }
+
+  if (isLastPage && isNaN(total) && isNaN(pageLength)) {
+    // impossible to accurately determine the last item
+    lastItem = NaN;
+  }
+
+  return {
+    firstItem,
+    lastItem
+  };
+};
+
+exports.getItemRange = getItemRange;

package/build/cjs/locales/en/translations.json

@@ -1,8 +1,10 @@
 {
+    "Page {{page}} of {{pageCount}}, items {{firstItem}}-{{lastItem}} of {{total}}": "Page {{page}} of {{pageCount}}, items {{firstItem}}-{{lastItem}} of {{total}}",
+    "Page {{page}}, items {{firstItem}}-{{lastItem}}": "Page {{page}}, items {{firstItem}}-{{lastItem}}",
+    "Page {{page}}": "Page {{page}}",
     "Next": "Next",
     "Page": "Page",
     "Items per page": "Items per page",
-    "Page {{page}} of {{pageCount}}, items {{firstItem}}-{{lastItem}} of {{total}}": "Page {{page}} of {{pageCount}}, items {{firstItem}}-{{lastItem}} of {{total}}",
     "Previous": "Previous",
-    "Page nr {{page}} of {{pageCount}} pages, items {{firstItem}}-{{lastItem}}, NO TOTAL": "Page nr {{page}} of {{pageCount}} pages, items {{firstItem}}-{{lastItem}}, NO TOTAL"
+    "You are at page {{page}} showing items {{firstItem}}-{{lastItem}}, but there are {{pageCount}} pages and {{total}} items": "You are at page {{page}} showing items {{firstItem}}-{{lastItem}}, but there are {{pageCount}} pages and {{total}} items"
 }

package/build/cjs/page-controls.js

@@ -30,10 +30,10 @@ const translate = (prop, interpolationObject) => {
 
 const PageControls = ({
   dataTest,
+  isLastPage,
   onClick,
   nextPageText,
   page,
-  pageCount,
   previousPageText
 }) => /*#__PURE__*/_react.default.createElement("div", {
   "data-test": `${dataTest}-pagecontrols`,
@@ -49,7 +49,7 @@ const PageControls = ({
   secondary: true,
   className: "button-next",
   small: true,
-  disabled: page === pageCount,
+  disabled: !!isLastPage,
   onClick: () => onClick(page + 1),
   dataTest: `${dataTest}-page-next`
 }, translate(nextPageText), /*#__PURE__*/_react.default.createElement(_uiIcons.IconChevronRight16, null)), /*#__PURE__*/_react.default.createElement(_style.default, {
@@ -62,7 +62,7 @@ PageControls.propTypes = {
   dataTest: _propTypes.default.string.isRequired,
   nextPageText: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]).isRequired,
   page: _propTypes.default.number.isRequired,
-  pageCount: _propTypes.default.number.isRequired,
   previousPageText: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]).isRequired,
-  onClick: _propTypes.default.func.isRequired
+  onClick: _propTypes.default.func.isRequired,
+  isLastPage: _propTypes.default.bool
 };

package/build/cjs/page-summary.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getItemRange = exports.PageSummary = void 0;
+exports.PageSummary = void 0;
 
 var _style = _interopRequireDefault(require("styled-jsx/style"));
 
@@ -15,7 +15,6 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-// TODO: i18n translate
 const translate = (prop, interpolationObject) => {
   if (typeof prop === 'function') {
     return prop(interpolationObject);
@@ -24,49 +23,20 @@ const translate = (prop, interpolationObject) => {
   return prop;
 };
 
-const getItemRange = (page, pageSize, total) => {
-  let firstItem, lastItem;
-
-  if (total === 0) {
-    // if no items are found, the pager total is 0
-    // and we want to force the first and last item to be 0 too
-    firstItem = 0;
-    lastItem = 0;
-  } else {
-    // page is 1-based
-    firstItem = (page - 1) * pageSize + 1;
-    lastItem = firstItem + pageSize - 1;
-  }
-
-  if (lastItem > total) {
-    lastItem = total;
-  }
-
-  return {
-    firstItem,
-    lastItem
-  };
-};
-
-exports.getItemRange = getItemRange;
-
 const PageSummary = ({
   dataTest,
+  firstItem,
+  lastItem,
   page,
   pageCount,
-  pageSize,
   pageSummaryText,
   total
 }) => {
-  const {
-    firstItem,
-    lastItem
-  } = getItemRange(page, pageSize, total);
   const summary = translate(pageSummaryText, {
-    page,
-    pageCount,
     firstItem,
     lastItem,
+    page,
+    pageCount,
     total
   });
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -84,8 +54,9 @@ exports.PageSummary = PageSummary;
 PageSummary.propTypes = {
   dataTest: _propTypes.default.string.isRequired,
   page: _propTypes.default.number.isRequired,
-  pageCount: _propTypes.default.number.isRequired,
-  pageSize: _propTypes.default.number.isRequired,
   pageSummaryText: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]).isRequired,
-  total: _propTypes.default.number.isRequired
+  firstItem: _propTypes.default.number,
+  lastItem: _propTypes.default.number,
+  pageCount: _propTypes.default.number,
+  total: _propTypes.default.number
 };