@usereactify/search 3.12.0-beta.1 → 3.12.0-beta.2

package/dist/provider.d.ts

@@ -27,7 +27,7 @@ declare type Props = {
     index: string;
     shopifyPermanentDomain: string;
     configId?: string;
-    filterStackId?: string;
+    filterStackHandle?: string;
     collection?: Collection;
     noReactiveBase?: boolean;
     instantSearch?: boolean;

package/dist/provider.js

@@ -38,7 +38,7 @@ const Provider = (_a) => {
 exports.Provider = Provider;
 const ConfiguredProvider = (props) => {
     var _a, _b;
-    const { index, config, children, collection, instantSearch, filterStackId, noReactiveBase, shopifyPermanentDomain, additionalComponentHandles, onRedirect, } = props;
+    const { index, config, children, collection, instantSearch, filterStackHandle, noReactiveBase, shopifyPermanentDomain, additionalComponentHandles, onRedirect, } = props;
     const credentials = (_a = props.credentials) !== null && _a !== void 0 ? _a : defaultCredentials;
     const theme = (_b = props.theme) !== null && _b !== void 0 ? _b : {
         typography: {
@@ -107,7 +107,7 @@ const ConfiguredProvider = (props) => {
     // do not attempt to resolve a filter stack if in instantSearch mode
     const filterStack = instantSearch
         ? undefined
-        : useFilterStack(config, collection, filterStackId);
+        : useFilterStack(config, collection, filterStackHandle);
     const curation = useCuration(config, collection, searchQuery);
     const contextValue = react_1.default.useMemo(() => ({
         index,
@@ -187,22 +187,31 @@ const useSortState = (config, collection) => {
 // @todo we need a better name for the overall page like "Filter Stack" or something,
 // each block is then called a filter so like Size would be a "Filter" and then each
 // value within it is a "Filter Option"
-const useFilterStack = (config, collection, filterStackId) => react_1.default.useMemo(() => {
-    var _a;
-    // manually select filter stack by ID if provided
-    if (filterStackId) {
-        const filterStack = config.filters.find((filter) => filterStackId === filter.handle);
-        if (filterStack)
-            return filterStack;
+const useFilterStack = (config, collection, filterStackHandle) => react_1.default.useMemo(() => {
+    const type = !!collection ? "collection" : "search";
+    // exclude filters by type
+    const filterStacks = config.filters.filter((filter) => filter.type === type);
+    // select filter stack by handle if provided
+    if (filterStackHandle) {
+        const matchingFilterStack = filterStacks.find((filterStack) => filterStackHandle === filterStack.handle);
+        if (matchingFilterStack) {
+            return matchingFilterStack;
+        }
     }
-    // automatically select filter stack by collection if provided
+    // 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 matchingFilterStack = filterStacks.find((filterStack) => { var _a; return (_a = filterStack.collections) === null || _a === void 0 ? void 0 : _a.includes(collection.handle); });
+        if (matchingFilterStack) {
+            return matchingFilterStack;
+        }
     }
-    const type = !!collection ? "collection" : "search";
-    return ((_a = config.filters.find((filter) => type === filter.type)) !== null && _a !== void 0 ? _a : config.filters[0]);
+    // select filter with "default" handle
+    const matchingFilterStack = filterStacks.find((filterStack) => filterStack.handle === "default");
+    if (matchingFilterStack) {
+        return matchingFilterStack;
+    }
+    // select any available filter as a last resort
+    return config.filters[0];
 }, [config, collection]);
 const useCuration = (config, collection, searchQuery) => react_1.default.useMemo(() => {
     debug("resolveCuration.start", { config, collection, searchQuery });

package/package.json

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