@royaloperahouse/harmonic 0.7.1-a → 0.7.1-b

package/dist/harmonic.esm.js

@@ -4,6 +4,7 @@ import moment from 'moment';
 import Modal from 'react-modal';
 import ScrollLock from 'react-scrolllock';
 import { renderToString } from 'react-dom/server';
+import { useLocation } from 'react-router-dom';
 import Select$1, { components } from 'react-select';
 import Select$2 from 'react-select/async';
 
@@ -9738,11 +9739,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 = useLocation();
   // Array of page numbers starting at 1
   var pageNumbers = Array.from(Array(pageCount + 1).keys()).slice(1);
   var reducedPageNumbers = reducePages(pageNumbers, currentPage);
@@ -9751,7 +9758,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"
@@ -9759,7 +9766,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"
@@ -9767,7 +9774,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",
@@ -9777,12 +9784,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"