@sledge-app/react-instant-search 2.0.2 → 2.0.3

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

@@ -1094,7 +1094,7 @@ const Pagination = (props) => {
   };
   React__default.useEffect(() => {
     handlePageInfo();
-  }, []);
+  }, [pageInfoProp]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__pagination", "data-pagination-type": type, children: renderPaginationLayout() });
 };
 const RadioGroup$1 = "";
@@ -2519,7 +2519,7 @@ const WidgetRoot = (props) => {
     }
   };
   const handleSetWishlistData = async (isLoadMore = false, init = false) => {
-    var _a2, _b2, _c2, _d;
+    var _a2, _b2, _c2;
     const searchParams = new URLSearchParams(document.location.search);
     const getShareId = (params == null ? void 0 : params.shareId) ? params.shareId : (searchParams == null ? void 0 : searchParams.get(queryShareId)) || "";
     setIsLoading(isRefreshWidgetList ? true : !isLoadMore);
@@ -2530,7 +2530,6 @@ const WidgetRoot = (props) => {
     let response;
     let run = false;
     let valueWishlistData;
-    let valueWishlistSort;
     let valueTotalPage = 0;
     let queryParam = {
       page: isLoadMore ? currentPage : 1,
@@ -2549,11 +2548,9 @@ const WidgetRoot = (props) => {
       response = await getWishlist(queryParam);
     run = ((_a2 = response == null ? void 0 : response.status) == null ? void 0 : _a2.code) === 200 || false;
     valueWishlistData = !((_b2 = response.data) == null ? void 0 : _b2.length) ? [] : (prevState) => (wishlistData == null ? void 0 : wishlistData.length) && isLoadMore ? [...prevState, ...response.data] : response.data;
-    valueWishlistSort = !((_c2 = response.sorts) == null ? void 0 : _c2.length) ? [] : response.sorts;
-    valueTotalPage = ((_d = response == null ? void 0 : response.page) == null ? void 0 : _d.total_page) || 1;
+    valueTotalPage = ((_c2 = response == null ? void 0 : response.page) == null ? void 0 : _c2.total_page) || 1;
     if (run) {
       setWishlistData(valueWishlistData);
-      setWishlistSort(valueWishlistSort);
       setTotalPage(valueTotalPage);
       setIsLoading(false);
       setIsRefreshWidgetList(false);
@@ -2600,7 +2597,9 @@ const WidgetRoot = (props) => {
     responseGeneral = generalPreviewSettings || JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.GENERAL_SETTING) || null);
     if (!response)
       return;
+    const { sorts } = response == null ? void 0 : response.display;
     setDataSettings(response);
+    setWishlistSort(sorts);
     if (responseGeneral)
       setGeneralDataSettings(responseGeneral);
   };
@@ -7090,6 +7089,7 @@ const FilterItem = (props) => {
     filter,
     filterSettings,
     indexFilter,
+    filterTitleStyle,
     deviceType,
     clickedOpenFilterHorizontalId,
     setClickedOpenFilterHorizontalId,
@@ -7127,6 +7127,7 @@ const FilterItem = (props) => {
             }
           },
           className: isHorizontalGroup ? "sledge-instant-search__result-filter-trigger-horizontal-group" : `${isLastIndex ? (allowedFilter == null ? void 0 : allowedFilter.length) % 2 ? "sledge-instant-search__result-filter-trigger-odd" : "sledge-instant-search__result-filter-trigger-even" : ""}`,
+          style: filterTitleStyle,
           children: [
             label,
             /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { initial: "closed", animate: isOpenFilterHorizontal ? "open" : "closed", variants: ROTATE_FILTER_ARROW_ANIMATION, className: "sort-trigger-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronArrowDownIcon, { width: 20, height: 20, color: "#000000" }) })
@@ -7197,6 +7198,7 @@ const FilterHorizontal = (props) => {
   const {
     items = [],
     filterSettings = null,
+    filterTitleStyle = {},
     deviceType = "desktop",
     clickedOpenFilterHorizontalId,
     setClickedOpenFilterHorizontalId,
@@ -7236,6 +7238,7 @@ const FilterHorizontal = (props) => {
               filter,
               filterSettings,
               indexFilter,
+              filterTitleStyle,
               deviceType,
               clickedOpenFilterHorizontalId,
               setClickedOpenFilterHorizontalId,
@@ -10008,6 +10011,9 @@ const ResultProduct = React__default.memo((props) => {
       });
     }
   }, [isReplaceWidgetList, clickedTabIndexId]);
+  useEffectOnChange(() => {
+    setSummaryText(summaryTextGenerator(totalSearchResult));
+  }, [previewSettings]);
   let dataClickedFacets = handleDataClickedFacets();
   let keepCounterFacets = [];
   allowedFilter == null ? void 0 : allowedFilter.map((filter) => {
@@ -10143,6 +10149,7 @@ const ResultProduct = React__default.memo((props) => {
     const defaultProps = {
       items: allowedFilter,
       filterSettings,
+      filterTitleStyle: filter_title_style,
       clickedOpenFilterHorizontalId,
       setClickedOpenFilterHorizontalId,
       clickedOpenFilterHorizontalMobileId,