@sledge-app/react-instant-search 1.0.62 → 1.0.64

package/dist/sledge-react-instant-search.js

@@ -67,6 +67,7 @@ const DATASET_ATTRIBUTE_KEY = {
     QUERY_KEYWORD: "data-query-keyword",
     QUERY_SORT_BY: "data-query-sort-by",
     QUERY_PAGE: "data-query-page",
+    QUERY_LIMIT: "data-query-limit",
     URL_SEARCH_RESULT: "data-url-search-result",
     RENDER_SUGGESTION_KEYWORD_LIST: "data-render-suggestion-keyword-list",
     RENDER_OTHER_INDEX_LIST: "data-render-other-index-list",
@@ -154,7 +155,8 @@ const DEFAULT_QUERY_PARAM = {
   KEYWORD: "q",
   SHARE_ID: "share",
   SORT_BY: "sort_by",
-  PAGE: "page"
+  PAGE: "page",
+  LIMIT: "limit"
 };
 const DEFAULT_QUERY_PRODUCT_MEILISEARCH = [`'status' = 'active'`, `published_at IS NOT NULL`];
 const DEFAULT_FACET_LIMIT = 50;
@@ -3555,7 +3557,7 @@ const FlyoutSidebar = ({ title, content, open, setOpen }) => {
     }
   );
 };
-const VirtualizedList = ({ scrollElement, noRowsRenderer, rowCount, rowHeight, rowRenderer: rowRenderer2, minHeight = 72 }) => {
+const VirtualizedList = ({ scrollElement, rowCount, rowHeight, rowRenderer: rowRenderer2, minHeight = 72 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     WindowScroller,
     {
@@ -3571,9 +3573,6 @@ const VirtualizedList = ({ scrollElement, noRowsRenderer, rowCount, rowHeight, r
           onScroll: onChildScroll,
           scrollTop,
           width,
-          ...noRowsRenderer && {
-            noRowsRenderer
-          },
           rowCount,
           rowHeight,
           rowRenderer: rowRenderer2
@@ -5271,12 +5270,13 @@ const ResultProduct = (props) => {
   } = props || {};
   const querySortBy = (query == null ? void 0 : query.sortBy) ? query.sortBy : DEFAULT_QUERY_PARAM.SORT_BY;
   const queryPage = (query == null ? void 0 : query.page) ? query.page : DEFAULT_QUERY_PARAM.PAGE;
+  const queryLimit = (query == null ? void 0 : query.limit) ? query.limit : DEFAULT_QUERY_PARAM.LIMIT;
   const { collectionId, collectionName } = params || {};
   const isLoadMore = ["load_more", "infinite_scroll"].includes((_a = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _a.pagination_type);
   const [isLoadingProduct, setIsLoadingProduct] = React__default.useState(!propsData);
   const [isLoading, setIsLoading] = React__default.useState(!propsData);
   const [clickedSortId, setClickedSortId] = React__default.useState(defaultSort || "");
-  const [clickedLimitId, setClickedLimitId] = React__default.useState(Number(defaultLimit || DEFAULT_LIMIT_VALUE[0]));
+  const [clickedLimitId, setClickedLimitId] = React__default.useState(Number((searchParams == null ? void 0 : searchParams.get(queryLimit)) || defaultLimit || DEFAULT_LIMIT_VALUE[0]));
   const [clickedOpenFilters, setClickedOpenFilters] = React__default.useState((allowedFilter == null ? void 0 : allowedFilter.length) ? allowedFilter.map(({ value }) => value) : []);
   const [triggerClickedFacets, setTriggerClickedFacets] = React__default.useState(false);
   const [searchResult, setSearchResult] = React__default.useState(((_d = (_c = (_b = propsData == null ? void 0 : propsData.result) == null ? void 0 : _b.results) == null ? void 0 : _c[0]) == null ? void 0 : _d.hits) || []);
@@ -5403,8 +5403,11 @@ const ResultProduct = (props) => {
     window.history.pushState(null, "", `${document.location.pathname}?${searchParams2.toString()}`);
   };
   const handleChangeLimit = (value) => {
+    const searchParams2 = new URLSearchParams(document.location.search);
+    searchParams2.set(queryLimit, String(value));
     setClickedLimitId(Number(value));
     localStorage == null ? void 0 : localStorage.setItem(LOCAL_STORAGE_KEY.LIMIT_PRODUCT, value);
+    window.history.pushState(null, "", `${document.location.pathname}?${searchParams2.toString()}`);
   };
   const handleOpenFilterVertical = (id) => {
     setClickedOpenFilterId == null ? void 0 : setClickedOpenFilterId(id === clickedOpenFilterId ? "" : id);
@@ -5500,6 +5503,9 @@ const ResultProduct = (props) => {
     if (isReplaceData) {
       setCurrentPage(1);
       setSearchResult([]);
+      const searchParams2 = new URLSearchParams(document.location.search);
+      searchParams2.set(queryPage, String(1));
+      window.history.pushState(null, "", `${document.location.pathname}?${searchParams2.toString()}`);
     }
     setIsLoading(isReplaceData ? true : !isLoadMore2);
     let response;
@@ -5535,6 +5541,7 @@ const ResultProduct = (props) => {
   const handlePageChange = (page) => {
     const searchParams2 = new URLSearchParams(document.location.search);
     searchParams2.set(queryPage, String(page));
+    searchParams2.set(queryLimit, String(clickedLimitId));
     setCurrentPage(page);
     setIsReplaceWidgetList == null ? void 0 : setIsReplaceWidgetList(true);
     setTimeout(() => {