@usereactify/search 3.10.1 → 3.10.4

package/dist/provider.js

@@ -63,11 +63,29 @@ const ConfiguredProvider = (props) => {
         const urlParams = new URLSearchParams(window.location.search);
         return (_a = urlParams.get("q")) !== null && _a !== void 0 ? _a : undefined;
     }, [window.location.search]);
+    const searchSortFromURL = react_1.default.useMemo(() => {
+        var _a;
+        if (typeof window === "undefined")
+            return undefined;
+        const urlParams = new URLSearchParams(window.location.search);
+        return (_a = urlParams.get("sort")) !== null && _a !== void 0 ? _a : undefined;
+    }, [window.location.search]);
     const [searchQuery, setSearchQuery] = react_1.default.useState(searchQueryFromURL);
+    const { sortOption, sortOptions, setSortOption } = useSortState(config, collection);
     react_1.default.useEffect(() => {
-        if (searchQuery !== searchQueryFromURL)
+        if (searchQueryFromURL && searchQuery !== searchQueryFromURL)
             setSearchQuery(searchQueryFromURL);
     }, [searchQueryFromURL]);
+    react_1.default.useEffect(() => {
+        if (searchSortFromURL && (sortOption === null || sortOption === void 0 ? void 0 : sortOption.id) !== searchSortFromURL) {
+            setSortOption(searchSortFromURL, true);
+        }
+    }, [searchSortFromURL]);
+    react_1.default.useEffect(() => {
+        if (window.location.search === "" && (sortOption === null || sortOption === void 0 ? void 0 : sortOption.id)) {
+            setSortOption(sortOption.id, true);
+        }
+    }, [window.location.href]);
     const [showInstantSearchResults, setShowInstantSearchResults] = react_1.default.useState(false);
     const submitSearch = react_1.default.useCallback((localSearchQuery) => {
         const actualSearchQuery = localSearchQuery !== null && localSearchQuery !== void 0 ? localSearchQuery : searchQuery;
@@ -86,7 +104,6 @@ const ConfiguredProvider = (props) => {
             window.location.href = `/search?q=${actualSearchQuery}`;
         }
     }, [searchQuery]);
-    const { sortOption, sortOptions, setSortOption } = useSortState(config, collection);
     // do not attempt to resolve a filter stack if in instantSearch mode
     const filterStack = instantSearch
         ? undefined
@@ -152,9 +169,16 @@ const useSortState = (config, collection) => {
     }, [config, collection]);
     const [sortOptionState, setSortOptionState] = react_1.default.useState((_a = sortOptions[0]) === null || _a === void 0 ? void 0 : _a.id);
     const sortOption = react_1.default.useMemo(() => sortOptions.find(({ id }) => id === sortOptionState) || sortOptions[0], [sortOptions, sortOptionState]);
-    const setSortOption = react_1.default.useCallback((sortOptionId) => {
+    const setSortOption = react_1.default.useCallback((sortOptionId, ignoreHistoryState = false) => {
         setSortOptionState(sortOptionId);
-    }, []);
+        if (!ignoreHistoryState) {
+            const url = new URL(window.location.href);
+            url.searchParams.has("sort")
+                ? url.searchParams.set("sort", sortOptionId)
+                : url.searchParams.append("sort", sortOptionId);
+            window.history.pushState({}, "", url.toString());
+        }
+    }, [window.location.href]);
     return react_1.default.useMemo(() => ({ sortOptions, sortOption, setSortOption }), [sortOption, sortOptions, setSortOption]);
 };
 // resolve the "filter" in use for this view
@@ -171,6 +195,12 @@ const useFilterStack = (config, collection, filterStackId) => react_1.default.us
         if (filterStack)
             return filterStack;
     }
+    // automatically select filter stack by collection if provided
+    if (collection === null || collection === void 0 ? void 0 : collection.handle) {
+        const filterStack = config.filters.find((filter) => { var _a; return (_a = filter.collections) === null || _a === void 0 ? void 0 : _a.includes(collection.handle); });
+        if (filterStack)
+            return filterStack;
+    }
     const type = !!collection ? "collection" : "search";
     return ((_a = config.filters.find((filter) => type === filter.type)) !== null && _a !== void 0 ? _a : config.filters[0]);
 }, [config, collection]);

package/dist/types/firestore.d.ts

@@ -120,6 +120,7 @@ export interface Filter {
     pageSize: number;
     keywords: string[];
     defaultSort: string;
+    collections: string[];
     type: "search" | "collection";
     paginationType: "pagination" | "load_more" | "next_prev" | "infinite_scroll";
     inventoryVisibility: "show_all" | "hide_products" | "hide_variants" | "hide_all";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@usereactify/search",
   "description": "React UI library for Reactify Search",
-  "version": "3.10.1",
+  "version": "3.10.4",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",