@royaloperahouse/harmonic 0.7.1-a → 0.7.1-b

package/dist/harmonic.cjs.development.js

@@ -12,6 +12,7 @@ var moment = _interopDefault(require('moment'));
 var Modal = _interopDefault(require('react-modal'));
 var ScrollLock = _interopDefault(require('react-scrolllock'));
 var server = require('react-dom/server');
+var reactRouterDom = require('react-router-dom');
 var Select$1 = require('react-select');
 var Select$1__default = _interopDefault(Select$1);
 var Select$2 = _interopDefault(require('react-select/async'));
@@ -9711,11 +9712,17 @@ var reducePages = function reducePages(pages, currentPage) {
   // Otherwise, show 3 pages before and 2 pages after
   return pages.slice(currentPage - 2, currentPage + 4);
 };
+var buildUrlWithPage = function buildUrlWithPage(baseUrl, page, search) {
+  var params = new URLSearchParams(search);
+  params.set('page', page.toString());
+  return baseUrl + "?" + params.toString();
+};
 var Pagination = function Pagination(_ref) {
   var pageCount = _ref.pageCount,
     currentPage = _ref.currentPage,
     baseUrl = _ref.baseUrl,
     className = _ref.className;
+  var location = reactRouterDom.useLocation();
   // Array of page numbers starting at 1
   var pageNumbers = Array.from(Array(pageCount + 1).keys()).slice(1);
   var reducedPageNumbers = reducePages(pageNumbers, currentPage);
@@ -9724,7 +9731,7 @@ var Pagination = function Pagination(_ref) {
   },
   // {/* Left arrow only appears after page 1 */
   currentPage > 1 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNav, {
-    href: "" + baseUrl + 1
+    href: buildUrlWithPage(baseUrl, 1, location.search)
   }, /*#__PURE__*/React__default.createElement(Icon, {
     iconName: "LastPageArrow",
     direction: "right"
@@ -9732,7 +9739,7 @@ var Pagination = function Pagination(_ref) {
     key: "previous-page",
     "data-testid": "left-arrow"
   }, /*#__PURE__*/React__default.createElement(PageNav, {
-    href: "" + baseUrl + (currentPage - 1)
+    href: buildUrlWithPage(baseUrl, currentPage - 1, location.search)
   }, /*#__PURE__*/React__default.createElement(Icon, {
     iconName: "ArrowPagination",
     direction: "right"
@@ -9740,7 +9747,7 @@ var Pagination = function Pagination(_ref) {
     return /*#__PURE__*/React__default.createElement("li", {
       key: page
     }, /*#__PURE__*/React__default.createElement(PaginationLink, {
-      href: "" + baseUrl + page,
+      href: buildUrlWithPage(baseUrl, page, location.search),
       "data-testid": "page-number"
     }, /*#__PURE__*/React__default.createElement(TextLinkPagination, {
       size: "large",
@@ -9750,12 +9757,12 @@ var Pagination = function Pagination(_ref) {
     key: "next-page",
     "data-testid": "right-arrow"
   }, /*#__PURE__*/React__default.createElement(PageNav, {
-    href: "" + baseUrl + (currentPage + 1)
+    href: buildUrlWithPage(baseUrl, currentPage + 1, location.search)
   }, /*#__PURE__*/React__default.createElement(Icon, {
     iconName: "ArrowPagination",
     direction: "left"
   }))), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNav, {
-    href: "" + baseUrl + pageCount
+    href: buildUrlWithPage(baseUrl, pageCount, location.search)
   }, /*#__PURE__*/React__default.createElement(Icon, {
     iconName: "LastPageArrow",
     direction: "left"