@dhis2-ui/pagination 10.16.3 → 10.16.4

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

@@ -2,8 +2,7 @@
 
 var mockPagers = _interopRequireWildcard(require("../__fixtures__/index.js"));
 var _getItemRange = require("../get-item-range.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 describe('getItemRange', () => {
   it('calculates the firstItem and lastItem correctly', () => {
     const {

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

@@ -5,8 +5,7 @@ var _enzyme = require("enzyme");
 var _react = _interopRequireDefault(require("react"));
 var mockPagers = _interopRequireWildcard(require("../__fixtures__/index.js"));
 var _pageSelect = require("../page-select.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<PageSelect />', () => {
   const mockOnSelect = jest.fn();

package/build/cjs/__tests__/page-size-select.test.js

@@ -5,8 +5,7 @@ var _enzyme = require("enzyme");
 var _react = _interopRequireDefault(require("react"));
 var mockPagers = _interopRequireWildcard(require("../__fixtures__/index.js"));
 var _pageSizeSelect = require("../page-size-select.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<PageSizeSelect />', () => {
   const mockOnSelect = jest.fn();

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

@@ -5,8 +5,7 @@ var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
 var mockPagers = _interopRequireWildcard(require("../__fixtures__/index.js"));
 var _pagination = require("../pagination.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 describe('<Pagination />', () => {

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

@@ -7,14 +7,13 @@ exports.getDefaultPageSummaryText = void 0;
 var _index = _interopRequireDefault(require("./locales/index.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const isValidNumber = input => typeof input === 'number' && !isNaN(input);
-const getDefaultPageSummaryText = _ref => {
-  let {
-    firstItem,
-    lastItem,
-    page,
-    pageCount,
-    total
-  } = _ref;
+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,

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

@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getItemRange = void 0;
-const getItemRange = _ref => {
-  let {
-    isLastPage,
-    page,
-    pageLength,
-    pageSize,
-    total
-  } = _ref;
+const getItemRange = ({
+  isLastPage,
+  page,
+  pageLength,
+  pageSize,
+  total
+}) => {
   // page is 1-based
   let firstItem = (page - 1) * pageSize + 1;
   let lastItem = firstItem + pageSize - 1;

package/build/cjs/locales/index.js

@@ -14,31 +14,31 @@ var _translations6 = _interopRequireDefault(require("./da/translations.json"));
 var _translations7 = _interopRequireDefault(require("./en/translations.json"));
 var _translations8 = _interopRequireDefault(require("./es/translations.json"));
 var _translations9 = _interopRequireDefault(require("./es_419/translations.json"));
-var _translations10 = _interopRequireDefault(require("./fr/translations.json"));
-var _translations11 = _interopRequireDefault(require("./hi_IN/translations.json"));
-var _translations12 = _interopRequireDefault(require("./id/translations.json"));
-var _translations13 = _interopRequireDefault(require("./km/translations.json"));
-var _translations14 = _interopRequireDefault(require("./lo/translations.json"));
-var _translations15 = _interopRequireDefault(require("./my/translations.json"));
-var _translations16 = _interopRequireDefault(require("./nb/translations.json"));
-var _translations17 = _interopRequireDefault(require("./nl/translations.json"));
-var _translations18 = _interopRequireDefault(require("./prs/translations.json"));
-var _translations19 = _interopRequireDefault(require("./ps/translations.json"));
-var _translations20 = _interopRequireDefault(require("./pt/translations.json"));
-var _translations21 = _interopRequireDefault(require("./pt_BR/translations.json"));
-var _translations22 = _interopRequireDefault(require("./ro/translations.json"));
-var _translations23 = _interopRequireDefault(require("./ru/translations.json"));
-var _translations24 = _interopRequireDefault(require("./sv/translations.json"));
-var _translations25 = _interopRequireDefault(require("./tet/translations.json"));
-var _translations26 = _interopRequireDefault(require("./tg/translations.json"));
-var _translations27 = _interopRequireDefault(require("./uk/translations.json"));
-var _translations28 = _interopRequireDefault(require("./ur/translations.json"));
-var _translations29 = _interopRequireDefault(require("./uz_Latn/translations.json"));
-var _translations30 = _interopRequireDefault(require("./uz_UZ_Cyrl/translations.json"));
-var _translations31 = _interopRequireDefault(require("./uz_UZ_Latn/translations.json"));
-var _translations32 = _interopRequireDefault(require("./vi/translations.json"));
-var _translations33 = _interopRequireDefault(require("./zh/translations.json"));
-var _translations34 = _interopRequireDefault(require("./zh_CN/translations.json"));
+var _translations0 = _interopRequireDefault(require("./fr/translations.json"));
+var _translations1 = _interopRequireDefault(require("./hi_IN/translations.json"));
+var _translations10 = _interopRequireDefault(require("./id/translations.json"));
+var _translations11 = _interopRequireDefault(require("./km/translations.json"));
+var _translations12 = _interopRequireDefault(require("./lo/translations.json"));
+var _translations13 = _interopRequireDefault(require("./my/translations.json"));
+var _translations14 = _interopRequireDefault(require("./nb/translations.json"));
+var _translations15 = _interopRequireDefault(require("./nl/translations.json"));
+var _translations16 = _interopRequireDefault(require("./prs/translations.json"));
+var _translations17 = _interopRequireDefault(require("./ps/translations.json"));
+var _translations18 = _interopRequireDefault(require("./pt/translations.json"));
+var _translations19 = _interopRequireDefault(require("./pt_BR/translations.json"));
+var _translations20 = _interopRequireDefault(require("./ro/translations.json"));
+var _translations21 = _interopRequireDefault(require("./ru/translations.json"));
+var _translations22 = _interopRequireDefault(require("./sv/translations.json"));
+var _translations23 = _interopRequireDefault(require("./tet/translations.json"));
+var _translations24 = _interopRequireDefault(require("./tg/translations.json"));
+var _translations25 = _interopRequireDefault(require("./uk/translations.json"));
+var _translations26 = _interopRequireDefault(require("./ur/translations.json"));
+var _translations27 = _interopRequireDefault(require("./uz_Latn/translations.json"));
+var _translations28 = _interopRequireDefault(require("./uz_UZ_Cyrl/translations.json"));
+var _translations29 = _interopRequireDefault(require("./uz_UZ_Latn/translations.json"));
+var _translations30 = _interopRequireDefault(require("./vi/translations.json"));
+var _translations31 = _interopRequireDefault(require("./zh/translations.json"));
+var _translations32 = _interopRequireDefault(require("./zh_CN/translations.json"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //------------------------------------------------------------------------------
 // <auto-generated>
@@ -50,38 +50,76 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 //------------------------------------------------------------------------------
 
 const namespace = 'default';
-_d2I18n.default.addResources('ar', namespace, _translations.default);
-_d2I18n.default.addResources('ar_IQ', namespace, _translations2.default);
-_d2I18n.default.addResources('bn', namespace, _translations3.default);
-_d2I18n.default.addResources('ckb', namespace, _translations4.default);
-_d2I18n.default.addResources('cs', namespace, _translations5.default);
-_d2I18n.default.addResources('da', namespace, _translations6.default);
-_d2I18n.default.addResources('en', namespace, _translations7.default);
-_d2I18n.default.addResources('es', namespace, _translations8.default);
-_d2I18n.default.addResources('es_419', namespace, _translations9.default);
-_d2I18n.default.addResources('fr', namespace, _translations10.default);
-_d2I18n.default.addResources('hi_IN', namespace, _translations11.default);
-_d2I18n.default.addResources('id', namespace, _translations12.default);
-_d2I18n.default.addResources('km', namespace, _translations13.default);
-_d2I18n.default.addResources('lo', namespace, _translations14.default);
-_d2I18n.default.addResources('my', namespace, _translations15.default);
-_d2I18n.default.addResources('nb', namespace, _translations16.default);
-_d2I18n.default.addResources('nl', namespace, _translations17.default);
-_d2I18n.default.addResources('prs', namespace, _translations18.default);
-_d2I18n.default.addResources('ps', namespace, _translations19.default);
-_d2I18n.default.addResources('pt', namespace, _translations20.default);
-_d2I18n.default.addResources('pt_BR', namespace, _translations21.default);
-_d2I18n.default.addResources('ro', namespace, _translations22.default);
-_d2I18n.default.addResources('ru', namespace, _translations23.default);
-_d2I18n.default.addResources('sv', namespace, _translations24.default);
-_d2I18n.default.addResources('tet', namespace, _translations25.default);
-_d2I18n.default.addResources('tg', namespace, _translations26.default);
-_d2I18n.default.addResources('uk', namespace, _translations27.default);
-_d2I18n.default.addResources('ur', namespace, _translations28.default);
-_d2I18n.default.addResources('uz_Latn', namespace, _translations29.default);
-_d2I18n.default.addResources('uz_UZ_Cyrl', namespace, _translations30.default);
-_d2I18n.default.addResources('uz_UZ_Latn', namespace, _translations31.default);
-_d2I18n.default.addResources('vi', namespace, _translations32.default);
-_d2I18n.default.addResources('zh', namespace, _translations33.default);
-_d2I18n.default.addResources('zh_CN', namespace, _translations34.default);
+
+// Use 'deep' = true and 'overwrite' = false to add to, but not overwrite,
+// custom translations from the datastore (added by the app adapter)
+
+_d2I18n.default.addResourceBundle('ar', namespace, _translations.default, true, false);
+_d2I18n.default.addResourceBundle('ar', namespace, _translations.default, true, false);
+_d2I18n.default.addResourceBundle('ar_IQ', namespace, _translations2.default, true, false);
+_d2I18n.default.addResourceBundle('ar-IQ', namespace, _translations2.default, true, false);
+_d2I18n.default.addResourceBundle('bn', namespace, _translations3.default, true, false);
+_d2I18n.default.addResourceBundle('bn', namespace, _translations3.default, true, false);
+_d2I18n.default.addResourceBundle('ckb', namespace, _translations4.default, true, false);
+_d2I18n.default.addResourceBundle('ckb', namespace, _translations4.default, true, false);
+_d2I18n.default.addResourceBundle('cs', namespace, _translations5.default, true, false);
+_d2I18n.default.addResourceBundle('cs', namespace, _translations5.default, true, false);
+_d2I18n.default.addResourceBundle('da', namespace, _translations6.default, true, false);
+_d2I18n.default.addResourceBundle('da', namespace, _translations6.default, true, false);
+_d2I18n.default.addResourceBundle('en', namespace, _translations7.default, true, false);
+_d2I18n.default.addResourceBundle('en', namespace, _translations7.default, true, false);
+_d2I18n.default.addResourceBundle('es', namespace, _translations8.default, true, false);
+_d2I18n.default.addResourceBundle('es', namespace, _translations8.default, true, false);
+_d2I18n.default.addResourceBundle('es_419', namespace, _translations9.default, true, false);
+_d2I18n.default.addResourceBundle('es-419', namespace, _translations9.default, true, false);
+_d2I18n.default.addResourceBundle('fr', namespace, _translations0.default, true, false);
+_d2I18n.default.addResourceBundle('fr', namespace, _translations0.default, true, false);
+_d2I18n.default.addResourceBundle('hi_IN', namespace, _translations1.default, true, false);
+_d2I18n.default.addResourceBundle('hi-IN', namespace, _translations1.default, true, false);
+_d2I18n.default.addResourceBundle('id', namespace, _translations10.default, true, false);
+_d2I18n.default.addResourceBundle('id', namespace, _translations10.default, true, false);
+_d2I18n.default.addResourceBundle('km', namespace, _translations11.default, true, false);
+_d2I18n.default.addResourceBundle('km', namespace, _translations11.default, true, false);
+_d2I18n.default.addResourceBundle('lo', namespace, _translations12.default, true, false);
+_d2I18n.default.addResourceBundle('lo', namespace, _translations12.default, true, false);
+_d2I18n.default.addResourceBundle('my', namespace, _translations13.default, true, false);
+_d2I18n.default.addResourceBundle('my', namespace, _translations13.default, true, false);
+_d2I18n.default.addResourceBundle('nb', namespace, _translations14.default, true, false);
+_d2I18n.default.addResourceBundle('nb', namespace, _translations14.default, true, false);
+_d2I18n.default.addResourceBundle('nl', namespace, _translations15.default, true, false);
+_d2I18n.default.addResourceBundle('nl', namespace, _translations15.default, true, false);
+_d2I18n.default.addResourceBundle('prs', namespace, _translations16.default, true, false);
+_d2I18n.default.addResourceBundle('prs', namespace, _translations16.default, true, false);
+_d2I18n.default.addResourceBundle('ps', namespace, _translations17.default, true, false);
+_d2I18n.default.addResourceBundle('ps', namespace, _translations17.default, true, false);
+_d2I18n.default.addResourceBundle('pt', namespace, _translations18.default, true, false);
+_d2I18n.default.addResourceBundle('pt', namespace, _translations18.default, true, false);
+_d2I18n.default.addResourceBundle('pt_BR', namespace, _translations19.default, true, false);
+_d2I18n.default.addResourceBundle('pt-BR', namespace, _translations19.default, true, false);
+_d2I18n.default.addResourceBundle('ro', namespace, _translations20.default, true, false);
+_d2I18n.default.addResourceBundle('ro', namespace, _translations20.default, true, false);
+_d2I18n.default.addResourceBundle('ru', namespace, _translations21.default, true, false);
+_d2I18n.default.addResourceBundle('ru', namespace, _translations21.default, true, false);
+_d2I18n.default.addResourceBundle('sv', namespace, _translations22.default, true, false);
+_d2I18n.default.addResourceBundle('sv', namespace, _translations22.default, true, false);
+_d2I18n.default.addResourceBundle('tet', namespace, _translations23.default, true, false);
+_d2I18n.default.addResourceBundle('tet', namespace, _translations23.default, true, false);
+_d2I18n.default.addResourceBundle('tg', namespace, _translations24.default, true, false);
+_d2I18n.default.addResourceBundle('tg', namespace, _translations24.default, true, false);
+_d2I18n.default.addResourceBundle('uk', namespace, _translations25.default, true, false);
+_d2I18n.default.addResourceBundle('uk', namespace, _translations25.default, true, false);
+_d2I18n.default.addResourceBundle('ur', namespace, _translations26.default, true, false);
+_d2I18n.default.addResourceBundle('ur', namespace, _translations26.default, true, false);
+_d2I18n.default.addResourceBundle('uz_Latn', namespace, _translations27.default, true, false);
+_d2I18n.default.addResourceBundle('uz-Latn', namespace, _translations27.default, true, false);
+_d2I18n.default.addResourceBundle('uz_UZ_Cyrl', namespace, _translations28.default, true, false);
+_d2I18n.default.addResourceBundle('uz-Cyrl-UZ', namespace, _translations28.default, true, false);
+_d2I18n.default.addResourceBundle('uz_UZ_Latn', namespace, _translations29.default, true, false);
+_d2I18n.default.addResourceBundle('uz-Latn-UZ', namespace, _translations29.default, true, false);
+_d2I18n.default.addResourceBundle('vi', namespace, _translations30.default, true, false);
+_d2I18n.default.addResourceBundle('vi', namespace, _translations30.default, true, false);
+_d2I18n.default.addResourceBundle('zh', namespace, _translations31.default, true, false);
+_d2I18n.default.addResourceBundle('zh', namespace, _translations31.default, true, false);
+_d2I18n.default.addResourceBundle('zh_CN', namespace, _translations32.default, true, false);
+_d2I18n.default.addResourceBundle('zh-CN', namespace, _translations32.default, true, false);
 var _default = exports.default = _d2I18n.default;

package/build/cjs/page-controls.js

@@ -17,42 +17,39 @@ const translate = (prop, interpolationObject) => {
   }
   return prop;
 };
-const PageControls = _ref => {
-  let {
-    dataTest,
-    isNextDisabled,
-    isPreviousDisabled,
-    nextPageText,
-    page,
-    previousPageText,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": `${dataTest}-pagecontrols`,
-    className: _style.default.dynamic([["3252926163", [_uiConstants.spacers.dp4]]])
-  }, /*#__PURE__*/_react.default.createElement(_button.Button, {
-    secondary: true,
-    className: "button-previous",
-    small: true,
-    disabled: isPreviousDisabled,
-    onClick: () => onClick(page - 1),
-    dataTest: `${dataTest}-page-previous`
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["3252926163", [_uiConstants.spacers.dp4]]]) + " " + "navigator-icon"
-  }, /*#__PURE__*/_react.default.createElement(_uiIcons.IconChevronLeft16, null)), translate(previousPageText)), /*#__PURE__*/_react.default.createElement(_button.Button, {
-    secondary: true,
-    className: "button-next",
-    small: true,
-    disabled: isNextDisabled,
-    onClick: () => onClick(page + 1),
-    dataTest: `${dataTest}-page-next`
-  }, translate(nextPageText), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["3252926163", [_uiConstants.spacers.dp4]]]) + " " + "navigator-icon"
-  }, /*#__PURE__*/_react.default.createElement(_uiIcons.IconChevronRight16, null))), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3252926163",
-    dynamic: [_uiConstants.spacers.dp4]
-  }, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", "div.__jsx-style-dynamic-selector .button-previous{height:32px;padding-inline-start:0;}", `div.__jsx-style-dynamic-selector .button-next{height:32px;padding-inline-end:0;margin-inline-start:${_uiConstants.spacers.dp4};}`, "div.__jsx-style-dynamic-selector .navigator-icon.__jsx-style-dynamic-selector:dir(rtl){-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}"]));
-};
+const PageControls = ({
+  dataTest,
+  isNextDisabled,
+  isPreviousDisabled,
+  nextPageText,
+  page,
+  previousPageText,
+  onClick
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": `${dataTest}-pagecontrols`,
+  className: _style.default.dynamic([["3252926163", [_uiConstants.spacers.dp4]]])
+}, /*#__PURE__*/_react.default.createElement(_button.Button, {
+  secondary: true,
+  className: "button-previous",
+  small: true,
+  disabled: isPreviousDisabled,
+  onClick: () => onClick(page - 1),
+  dataTest: `${dataTest}-page-previous`
+}, /*#__PURE__*/_react.default.createElement("div", {
+  className: _style.default.dynamic([["3252926163", [_uiConstants.spacers.dp4]]]) + " " + "navigator-icon"
+}, /*#__PURE__*/_react.default.createElement(_uiIcons.IconChevronLeft16, null)), translate(previousPageText)), /*#__PURE__*/_react.default.createElement(_button.Button, {
+  secondary: true,
+  className: "button-next",
+  small: true,
+  disabled: isNextDisabled,
+  onClick: () => onClick(page + 1),
+  dataTest: `${dataTest}-page-next`
+}, translate(nextPageText), /*#__PURE__*/_react.default.createElement("div", {
+  className: _style.default.dynamic([["3252926163", [_uiConstants.spacers.dp4]]]) + " " + "navigator-icon"
+}, /*#__PURE__*/_react.default.createElement(_uiIcons.IconChevronRight16, null))), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "3252926163",
+  dynamic: [_uiConstants.spacers.dp4]
+}, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", "div.__jsx-style-dynamic-selector .button-previous{height:32px;padding-inline-start:0;}", `div.__jsx-style-dynamic-selector .button-next{height:32px;padding-inline-end:0;margin-inline-start:${_uiConstants.spacers.dp4};}`, "div.__jsx-style-dynamic-selector .navigator-icon.__jsx-style-dynamic-selector:dir(rtl){-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}"]));
 exports.PageControls = PageControls;
 PageControls.propTypes = {
   dataTest: _propTypes.default.string.isRequired,

package/build/cjs/page-select.js

@@ -21,40 +21,34 @@ const createAvailablePages = length => Array.from({
   length
 }, (_x, i) => (i + 1).toString());
 exports.createAvailablePages = createAvailablePages;
-const PageSelect = _ref => {
-  let {
-    dataTest,
-    disabled,
-    pageSelectText,
-    onChange,
-    page,
-    pageCount
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": `${dataTest}-gotopage`,
-    className: _style.default.dynamic([["599400768", [_uiConstants.spacers.dp12]]])
-  }, /*#__PURE__*/_react.default.createElement(_select.SingleSelect, {
-    dense: true,
-    disabled: disabled,
-    selected: page.toString(),
-    onChange: _ref2 => {
-      let {
-        selected
-      } = _ref2;
-      return onChange(parseInt(selected, 10));
-    },
-    className: "select",
-    dataTest: `${dataTest}-page-select`,
-    prefix: translate(pageSelectText)
-  }, createAvailablePages(pageCount).map(availablePage => /*#__PURE__*/_react.default.createElement(_select.SingleSelectOption, {
-    key: availablePage,
-    value: availablePage,
-    label: availablePage
-  }))), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "599400768",
-    dynamic: [_uiConstants.spacers.dp12]
-  }, [`div.__jsx-style-dynamic-selector{margin-inline-end:${_uiConstants.spacers.dp12};}`]));
-};
+const PageSelect = ({
+  dataTest,
+  disabled,
+  pageSelectText,
+  onChange,
+  page,
+  pageCount
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": `${dataTest}-gotopage`,
+  className: _style.default.dynamic([["599400768", [_uiConstants.spacers.dp12]]])
+}, /*#__PURE__*/_react.default.createElement(_select.SingleSelect, {
+  dense: true,
+  disabled: disabled,
+  selected: page.toString(),
+  onChange: ({
+    selected
+  }) => onChange(parseInt(selected, 10)),
+  className: "select",
+  dataTest: `${dataTest}-page-select`,
+  prefix: translate(pageSelectText)
+}, createAvailablePages(pageCount).map(availablePage => /*#__PURE__*/_react.default.createElement(_select.SingleSelectOption, {
+  key: availablePage,
+  value: availablePage,
+  label: availablePage
+}))), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "599400768",
+  dynamic: [_uiConstants.spacers.dp12]
+}, [`div.__jsx-style-dynamic-selector{margin-inline-end:${_uiConstants.spacers.dp12};}`]));
 exports.PageSelect = PageSelect;
 PageSelect.propTypes = {
   dataTest: _propTypes.default.string.isRequired,

package/build/cjs/page-size-select.js

@@ -17,40 +17,34 @@ const translate = (prop, interpolationObject) => {
   }
   return prop;
 };
-const PageSizeSelect = _ref => {
-  let {
-    dataTest,
-    disabled,
-    pageSizeSelectText,
-    pageSize,
-    pageSizes,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": `${dataTest}-pagesize`,
-    className: _style.default.dynamic([["3539890457", [_uiConstants.spacers.dp12]]])
-  }, /*#__PURE__*/_react.default.createElement(_select.SingleSelect, {
-    dense: true,
-    disabled: disabled,
-    selected: pageSize.toString(),
-    onChange: _ref2 => {
-      let {
-        selected
-      } = _ref2;
-      return onChange(parseInt(selected, 10));
-    },
-    className: "select",
-    dataTest: `${dataTest}-pagesize-select`,
-    prefix: translate(pageSizeSelectText)
-  }, pageSizes.map(length => /*#__PURE__*/_react.default.createElement(_select.SingleSelectOption, {
-    key: length,
-    value: length,
-    label: length
-  }))), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3539890457",
-    dynamic: [_uiConstants.spacers.dp12]
-  }, [`div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;min-height:32px;margin-inline-end:${_uiConstants.spacers.dp12};-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}`]));
-};
+const PageSizeSelect = ({
+  dataTest,
+  disabled,
+  pageSizeSelectText,
+  pageSize,
+  pageSizes,
+  onChange
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": `${dataTest}-pagesize`,
+  className: _style.default.dynamic([["3539890457", [_uiConstants.spacers.dp12]]])
+}, /*#__PURE__*/_react.default.createElement(_select.SingleSelect, {
+  dense: true,
+  disabled: disabled,
+  selected: pageSize.toString(),
+  onChange: ({
+    selected
+  }) => onChange(parseInt(selected, 10)),
+  className: "select",
+  dataTest: `${dataTest}-pagesize-select`,
+  prefix: translate(pageSizeSelectText)
+}, pageSizes.map(length => /*#__PURE__*/_react.default.createElement(_select.SingleSelectOption, {
+  key: length,
+  value: length,
+  label: length
+}))), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "3539890457",
+  dynamic: [_uiConstants.spacers.dp12]
+}, [`div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;min-height:32px;margin-inline-end:${_uiConstants.spacers.dp12};-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}`]));
 exports.PageSizeSelect = PageSizeSelect;
 PageSizeSelect.propTypes = {
   dataTest: _propTypes.default.string.isRequired,

package/build/cjs/page-summary.js

@@ -16,17 +16,16 @@ const translate = (prop, interpolationObject) => {
   }
   return prop;
 };
-const PageSummary = _ref => {
-  let {
-    dataTest,
-    firstItem,
-    inactive,
-    lastItem,
-    page,
-    pageCount,
-    pageSummaryText,
-    total
-  } = _ref;
+const PageSummary = ({
+  dataTest,
+  firstItem,
+  inactive,
+  lastItem,
+  page,
+  pageCount,
+  pageSummaryText,
+  total
+}) => {
   const summary = translate(pageSummaryText, {
     firstItem,
     lastItem,

package/build/cjs/pagination.js

@@ -28,29 +28,28 @@ const defaultProps = {
   pageSummaryText: _getDefaultPageSummaryText.getDefaultPageSummaryText,
   previousPageText: () => _index.default.t('Previous')
 };
-const Pagination = _ref => {
-  let {
-    className,
-    dataTest = defaultProps.dataTest,
-    disabled,
-    hidePageSelect,
-    hidePageSizeSelect,
-    hidePageSummary,
-    isLastPage,
-    nextPageText = defaultProps.nextPageText,
-    onPageChange,
-    onPageSizeChange,
-    page,
-    pageCount,
-    pageLength,
-    pageSelectText = defaultProps.pageSelectText,
-    pageSize,
-    pageSizes = defaultProps.pageSizes,
-    pageSizeSelectText = defaultProps.pageSizeSelectText,
-    pageSummaryText = defaultProps.pageSummaryText,
-    previousPageText = defaultProps.previousPageText,
-    total
-  } = _ref;
+const Pagination = ({
+  className,
+  dataTest = defaultProps.dataTest,
+  disabled,
+  hidePageSelect,
+  hidePageSizeSelect,
+  hidePageSummary,
+  isLastPage,
+  nextPageText = defaultProps.nextPageText,
+  onPageChange,
+  onPageSizeChange,
+  page,
+  pageCount,
+  pageLength,
+  pageSelectText = defaultProps.pageSelectText,
+  pageSize,
+  pageSizes = defaultProps.pageSizes,
+  pageSizeSelectText = defaultProps.pageSizeSelectText,
+  pageSummaryText = defaultProps.pageSummaryText,
+  previousPageText = defaultProps.previousPageText,
+  total
+}) => {
   const {
     firstItem,
     lastItem

package/build/cjs/pagination.prod.stories.js

@@ -8,8 +8,7 @@ var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
 var _react = _interopRequireDefault(require("react"));
 var pagers = _interopRequireWildcard(require("./__fixtures__/index.js"));
 var _pagination = require("./pagination.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const subtitle = 'Allows navigation through data displayed over several pages';
 const description = `
@@ -105,17 +104,14 @@ WithoutAnySelect.args = {
   ...WithoutGoToPageSelect.args,
   ...WithoutPageSizeSelect.args
 };
-const InBox = _ref => {
-  let {
-    boxWidth,
-    ...args
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      width: boxWidth
-    }
-  }, /*#__PURE__*/_react.default.createElement(_pagination.Pagination, args));
-};
+const InBox = ({
+  boxWidth,
+  ...args
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  style: {
+    width: boxWidth
+  }
+}, /*#__PURE__*/_react.default.createElement(_pagination.Pagination, args));
 const MediumWidth = exports.MediumWidth = InBox.bind({});
 MediumWidth.args = {
   ...pagers.atTenthPage,