@usereactify/search 5.0.0-beta.10 → 5.0.0-beta.13

package/dist/src/hooks/useFilterListProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFilterListProps.js","sourceRoot":"","sources":["../../../src/hooks/useFilterListProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAK1B,qFAAqF;AAC9E,MAAM,kBAAkB,GAAG,CAChC,MAA0B,EAC1B,yBAAoD,EAUpD,EAAE;IACF,OAAO,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,yBAAyB,CAAC;QAElD,mEAAmE;QACnE,MAAM,OAAO,GAAG,IAAI;aACjB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;;YAClB,IAAI,MAAA,MAAM,CAAC,aAAa,0CAAE,QAAQ,CAAC,GAAG,CAAC;gBAAE,OAAO,KAAK,CAAC;YACtD,IAAI,CAAC,CAAC,CAAA,MAAA,MAAM,CAAC,YAAY,0CAAE,MAAM,CAAA,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;gBACrE,OAAO,KAAK,CAAC;YACf,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;aACD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;aAC1C,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,iCACZ,MAAM,KACT,OAAO,EACL,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBAChD,KAAK,KAAK,MAAM,CAAC,GAAG,IACtB,CAAC,CAAC;QAEN,2CAA2C;QAC3C,MAAM,WAAW,GACf,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;YAC5D,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;QAEzC,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;QAExE,uCACK,yBAAyB,KAC5B,MAAM;YACN,OAAO;YACP,WAAW;YACX,aAAa,IACb;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAAC,CAAC;AAC1C,CAAC,CAAC;AA/CW,QAAA,kBAAkB,sBA+C7B","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterOption } from \"../types/config\";\nimport { ReactivesearchFilterProps } from \"../types/reactivesearch\";\n\n// converts reactivesearch props returned in filters to a cleaned up/filtered version\nexport const useFilterListProps = (\n  filter: ConfigFilterOption,\n  reactivesearchFilterProps: ReactivesearchFilterProps\n): ReactivesearchFilterProps & {\n  filter: ConfigFilterOption;\n  options: Array<{\n    doc_count: number;\n    key: string;\n    checked: boolean;\n  }>;\n  hasSelected: boolean;\n  totalSelected: number;\n} => {\n  return React.useMemo(() => {\n    const { data, value } = reactivesearchFilterProps;\n\n    // remove excluded options, sort alphabeticaly, map checked boolean\n    const options = data\n      .filter(({ key }) => {\n        if (filter.valuesExclude?.includes(key)) return false;\n        if (!!filter.valuesManual?.length && !filter.valuesManual.includes(key))\n          return false;\n        return true;\n      })\n      .sort((a, b) => a.key.localeCompare(b.key))\n      .map((option) => ({\n        ...option,\n        checked:\n          (typeof value === \"object\" && value[option.key]) ||\n          value === option.key,\n      }));\n\n    // work out if at least one option selected\n    const hasSelected =\n      (typeof value === \"object\" && 0 < Object.keys(value).length) ||\n      (typeof value !== \"object\" && !!value);\n\n    const totalSelected = options.filter((option) => option.checked).length;\n\n    return {\n      ...reactivesearchFilterProps,\n      filter,\n      options,\n      hasSelected,\n      totalSelected,\n    };\n  }, [filter, reactivesearchFilterProps]);\n};\n"]}
+{"version":3,"file":"useFilterListProps.js","sourceRoot":"","sources":["../../../src/hooks/useFilterListProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,oCAAwC;AACxC,wCAAmC;AAEnC,qFAAqF;AAC9E,MAAM,kBAAkB,GAAG,CAChC,MAA0B,EAC1B,yBAAoD,EAUpD,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEjC,MAAM,YAAY,GAAG,eAAK,CAAC,WAAW,CACpC,CAAC,KAAa,EAAE,EAAE;QAChB,eAAK,CAAC,UAAU,CAAC;YACf,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,uBAAuB;YAChC,IAAI,EAAE;gBACJ,MAAM,EAAE,MAAM,CAAC,IAAI;gBACnB,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,KAAK,EAAE,KAAK;aACb;SACF,CAAC,CAAC;QAEH,eAAK,CAAC,GAAG,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,KAAK,CAAC,CAAC;QAE9D,yBAAyB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC9C,KAAK,CAAC;YACJ,SAAS,EAAE,cAAc;YACzB,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,KAAK,EAAE,KAAK;aACb;SACF,CAAC,CAAC;IACL,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,eAAe,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACzC,mEAAmE;QACnE,MAAM,OAAO,GAAG,yBAAyB,CAAC,IAAI;aAC3C,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;;YAClB,IAAI,MAAA,MAAM,CAAC,aAAa,0CAAE,QAAQ,CAAC,GAAG,CAAC;gBAAE,OAAO,KAAK,CAAC;YACtD,IAAI,CAAC,CAAC,CAAA,MAAA,MAAM,CAAC,YAAY,0CAAE,MAAM,CAAA,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;gBACrE,OAAO,KAAK,CAAC;YACf,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;aACD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;aAC1C,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,iCACZ,MAAM,KACT,OAAO,EACL,CAAC,OAAO,yBAAyB,CAAC,KAAK,KAAK,QAAQ;gBAClD,yBAAyB,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBAC9C,yBAAyB,CAAC,KAAK,KAAK,MAAM,CAAC,GAAG,IAChD,CAAC,CAAC;QAEN,2CAA2C;QAC3C,MAAM,WAAW,GACf,CAAC,OAAO,yBAAyB,CAAC,KAAK,KAAK,QAAQ;YAClD,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;YAC1D,CAAC,OAAO,yBAAyB,CAAC,KAAK,KAAK,QAAQ;gBAClD,CAAC,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;QAEvC,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;QAExE,uCACK,yBAAyB,KAC5B,YAAY;YACZ,MAAM;YACN,OAAO;YACP,WAAW;YACX,aAAa,IACb;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAEtD,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC;AA/EW,QAAA,kBAAkB,sBA+E7B","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterOption } from \"../types/config\";\nimport { ReactivesearchFilterProps } from \"../types/reactivesearch\";\nimport { useAnalytics } from \"../hooks\";\nimport { debug } from \"../utility\";\n\n// converts reactivesearch props returned in filters to a cleaned up/filtered version\nexport const useFilterListProps = (\n  filter: ConfigFilterOption,\n  reactivesearchFilterProps: ReactivesearchFilterProps\n): ReactivesearchFilterProps & {\n  filter: ConfigFilterOption;\n  options: Array<{\n    doc_count: number;\n    key: string;\n    checked: boolean;\n  }>;\n  hasSelected: boolean;\n  totalSelected: number;\n} => {\n  const { track } = useAnalytics();\n\n  const handleChange = React.useCallback(\n    (value: string) => {\n      debug.breadcrumb({\n        category: \"filter\",\n        message: \"filter option changed\",\n        data: {\n          filter: filter.name,\n          field: filter.field,\n          value: value,\n        },\n      });\n\n      debug.log(\"useFilterListProps\", \"handleChange[value]\", value);\n\n      reactivesearchFilterProps.handleChange(value);\n      track({\n        eventName: \"filterChange\",\n        payload: {\n          name: filter.name,\n          value: value,\n        },\n      });\n    },\n    [filter]\n  );\n\n  const filterListProps = React.useMemo(() => {\n    // remove excluded options, sort alphabeticaly, map checked boolean\n    const options = reactivesearchFilterProps.data\n      .filter(({ key }) => {\n        if (filter.valuesExclude?.includes(key)) return false;\n        if (!!filter.valuesManual?.length && !filter.valuesManual.includes(key))\n          return false;\n        return true;\n      })\n      .sort((a, b) => a.key.localeCompare(b.key))\n      .map((option) => ({\n        ...option,\n        checked:\n          (typeof reactivesearchFilterProps.value === \"object\" &&\n            reactivesearchFilterProps.value[option.key]) ||\n          reactivesearchFilterProps.value === option.key,\n      }));\n\n    // work out if at least one option selected\n    const hasSelected =\n      (typeof reactivesearchFilterProps.value === \"object\" &&\n        0 < Object.keys(reactivesearchFilterProps.value).length) ||\n      (typeof reactivesearchFilterProps.value !== \"object\" &&\n        !!reactivesearchFilterProps.value);\n\n    const totalSelected = options.filter((option) => option.checked).length;\n\n    return {\n      ...reactivesearchFilterProps,\n      handleChange,\n      filter,\n      options,\n      hasSelected,\n      totalSelected,\n    };\n  }, [filter, handleChange, reactivesearchFilterProps]);\n\n  return filterListProps;\n};\n"]}

package/dist/src/hooks/useFilters.d.ts

@@ -1,4 +1,5 @@
-import { ConfigFilterOption } from "../types";
+import { ConfigFilter, ConfigFilterOption } from "../types";
 export declare const useFilters: () => {
-    filters: Array<ConfigFilterOption>;
+    filterStack?: ConfigFilter | undefined;
+    filters?: ConfigFilterOption[] | undefined;
 };

package/dist/src/hooks/useFilters.js

@@ -8,20 +8,54 @@ const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../hooks");
 const utility_1 = require("../utility");
 const useFilters = () => {
-    const { filterStack } = (0, hooks_1.useFilterStack)();
-    const filters = react_1.default.useMemo(() => {
-        if (!filterStack) {
-            return {
-                filters: [],
-            };
+    const { options, config } = (0, hooks_1.useReactifySearchContext)();
+    const filterStack = react_1.default.useMemo(() => {
+        if (options.mode === "instant-search") {
+            return undefined;
+        }
+        // select filters by type
+        const matchingFilterss = config.filters.filter((filter) => filter.type === options.mode);
+        // select filter stack by handle if provided
+        if (options.filtersHandle) {
+            const matchingFilters = matchingFilterss.find((filterStack) => options.filtersHandle === filterStack.handle);
+            if (matchingFilters) {
+                return matchingFilters;
+            }
+        }
+        // select filter stack by collection if provided
+        if (options.mode === "collection" && options.collectionHandle) {
+            const matchingFilters = matchingFilterss.find((filterStack) => { var _a; return (_a = filterStack.collections) === null || _a === void 0 ? void 0 : _a.includes(options.collectionHandle); });
+            if (matchingFilters) {
+                return matchingFilters;
+            }
         }
-        const filters = filterStack.options.sort((a, b) => a.position > b.position ? 1 : -1);
-        return {
-            filters: filters,
-        };
+        // select filter with "default" handle
+        let matchingFilters = matchingFilterss.find((filterStack) => filterStack.handle === "default");
+        if (matchingFilters) {
+            return matchingFilters;
+        }
+        // select any filter with "default" handle
+        matchingFilters = config.filters.find((filterStack) => filterStack.handle === "default");
+        if (matchingFilters) {
+            return matchingFilters;
+        }
+        // select any available filter as a last resort
+        matchingFilters = config.filters[0];
+        return matchingFilters;
+    }, [
+        config,
+        options.mode === "collection" ? options.collectionHandle : undefined,
+    ]);
+    const filters = react_1.default.useMemo(() => {
+        const sortedFilters = filterStack === null || filterStack === void 0 ? void 0 : filterStack.options.sort((a, b) => a.position > b.position ? 1 : -1);
+        return sortedFilters;
     }, [filterStack]);
+    utility_1.debug.hook("useFilters", "filterStack", filterStack);
     utility_1.debug.hook("useFilters", "filters", filters);
-    return filters;
+    return {
+        filterStack: filterStack,
+        filters: filters,
+    };
 };
 exports.useFilters = useFilters;
 //# sourceMappingURL=useFilters.js.map

package/dist/src/hooks/useFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFilters.js","sourceRoot":"","sources":["../../../src/hooks/useFilters.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAA0C;AAC1C,wCAAmC;AAE5B,MAAM,UAAU,GAAG,GAExB,EAAE;IACF,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEzC,MAAM,OAAO,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;gBACL,OAAO,EAAE,EAAE;aACZ,CAAC;SACH;QAED,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAChD,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACjC,CAAC;QAEF,OAAO;YACL,OAAO,EAAE,OAAO;SACjB,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,eAAK,CAAC,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IAE7C,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAxBW,QAAA,UAAU,cAwBrB","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterOption } from \"../types\";\nimport { useFilterStack } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useFilters = (): {\n  filters: Array<ConfigFilterOption>;\n} => {\n  const { filterStack } = useFilterStack();\n\n  const filters = React.useMemo(() => {\n    if (!filterStack) {\n      return {\n        filters: [],\n      };\n    }\n\n    const filters = filterStack.options.sort((a, b) =>\n      a.position > b.position ? 1 : -1\n    );\n\n    return {\n      filters: filters,\n    };\n  }, [filterStack]);\n\n  debug.hook(\"useFilters\", \"filters\", filters);\n\n  return filters;\n};\n"]}
+{"version":3,"file":"useFilters.js","sourceRoot":"","sources":["../../../src/hooks/useFilters.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAAoD;AACpD,wCAAmC;AAE5B,MAAM,UAAU,GAAG,GAGxB,EAAE;IACF,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAEvD,MAAM,WAAW,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,OAAO,CAAC,IAAI,KAAK,gBAAgB,EAAE;YACrC,OAAO,SAAS,CAAC;SAClB;QAED,yBAAyB;QACzB,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAC5C,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,CACzC,CAAC;QAEF,4CAA4C;QAC5C,IAAI,OAAO,CAAC,aAAa,EAAE;YACzB,MAAM,eAAe,GAAG,gBAAgB,CAAC,IAAI,CAC3C,CAAC,WAAW,EAAE,EAAE,CAAC,OAAO,CAAC,aAAa,KAAK,WAAW,CAAC,MAAM,CAC9D,CAAC;YACF,IAAI,eAAe,EAAE;gBACnB,OAAO,eAAe,CAAC;aACxB;SACF;QAED,gDAAgD;QAChD,IAAI,OAAO,CAAC,IAAI,KAAK,YAAY,IAAI,OAAO,CAAC,gBAAgB,EAAE;YAC7D,MAAM,eAAe,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,WAC5D,OAAA,MAAA,WAAW,CAAC,WAAW,0CAAE,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAA,EAAA,CAC5D,CAAC;YACF,IAAI,eAAe,EAAE;gBACnB,OAAO,eAAe,CAAC;aACxB;SACF;QAED,sCAAsC;QACtC,IAAI,eAAe,GAAG,gBAAgB,CAAC,IAAI,CACzC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,KAAK,SAAS,CAClD,CAAC;QACF,IAAI,eAAe,EAAE;YACnB,OAAO,eAAe,CAAC;SACxB;QAED,0CAA0C;QAC1C,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CACnC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,KAAK,SAAS,CAClD,CAAC;QACF,IAAI,eAAe,EAAE;YACnB,OAAO,eAAe,CAAC;SACxB;QAED,+CAA+C;QAC/C,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAEpC,OAAO,eAAe,CAAC;IACzB,CAAC,EAAE;QACD,MAAM;QACN,OAAO,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS;KACrE,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,MAAM,aAAa,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACvD,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACjC,CAAC;QAEF,OAAO,aAAa,CAAC;IACvB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,eAAK,CAAC,IAAI,CAAC,YAAY,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC;IACrD,eAAK,CAAC,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IAE7C,OAAO;QACL,WAAW,EAAE,WAAW;QACxB,OAAO,EAAE,OAAO;KACjB,CAAC;AACJ,CAAC,CAAC;AA5EW,QAAA,UAAU,cA4ErB","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilter, ConfigFilterOption } from \"../types\";\nimport { useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useFilters = (): {\n  filterStack?: ConfigFilter;\n  filters?: Array<ConfigFilterOption>;\n} => {\n  const { options, config } = useReactifySearchContext();\n\n  const filterStack = React.useMemo(() => {\n    if (options.mode === \"instant-search\") {\n      return undefined;\n    }\n\n    // select filters by type\n    const matchingFilterss = config.filters.filter(\n      (filter) => filter.type === options.mode\n    );\n\n    // select filter stack by handle if provided\n    if (options.filtersHandle) {\n      const matchingFilters = matchingFilterss.find(\n        (filterStack) => options.filtersHandle === filterStack.handle\n      );\n      if (matchingFilters) {\n        return matchingFilters;\n      }\n    }\n\n    // select filter stack by collection if provided\n    if (options.mode === \"collection\" && options.collectionHandle) {\n      const matchingFilters = matchingFilterss.find((filterStack) =>\n        filterStack.collections?.includes(options.collectionHandle)\n      );\n      if (matchingFilters) {\n        return matchingFilters;\n      }\n    }\n\n    // select filter with \"default\" handle\n    let matchingFilters = matchingFilterss.find(\n      (filterStack) => filterStack.handle === \"default\"\n    );\n    if (matchingFilters) {\n      return matchingFilters;\n    }\n\n    // select any filter with \"default\" handle\n    matchingFilters = config.filters.find(\n      (filterStack) => filterStack.handle === \"default\"\n    );\n    if (matchingFilters) {\n      return matchingFilters;\n    }\n\n    // select any available filter as a last resort\n    matchingFilters = config.filters[0];\n\n    return matchingFilters;\n  }, [\n    config,\n    options.mode === \"collection\" ? options.collectionHandle : undefined,\n  ]);\n\n  const filters = React.useMemo(() => {\n    const sortedFilters = filterStack?.options.sort((a, b) =>\n      a.position > b.position ? 1 : -1\n    );\n\n    return sortedFilters;\n  }, [filterStack]);\n\n  debug.hook(\"useFilters\", \"filterStack\", filterStack);\n  debug.hook(\"useFilters\", \"filters\", filters);\n\n  return {\n    filterStack: filterStack,\n    filters: filters,\n  };\n};\n"]}

package/dist/src/hooks/usePaginationLoadMore.js

@@ -9,7 +9,7 @@ const hooks_1 = require("../hooks");
 const utility_1 = require("../utility");
 const usePaginationLoadMore = (input) => {
     const analyticsHook = (0, hooks_1.useAnalytics)();
-    const { filterStack } = (0, hooks_1.useFilterStack)();
+    const { filterStack } = (0, hooks_1.useFilters)();
     const hasMore = input.resultStats.displayedResults !== input.resultStats.numberOfResults;
     const handleLoadMore = react_1.default.useCallback(() => {
         utility_1.debug.log("usePaginationLoadMore", "handleLoadMore");

package/dist/src/hooks/usePaginationLoadMore.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginationLoadMore.js","sourceRoot":"","sources":["../../../src/hooks/usePaginationLoadMore.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAAwD;AACxD,wCAAmC;AAE5B,MAAM,qBAAqB,GAAG,CACnC,KAAgC,EAchC,EAAE;IACF,MAAM,aAAa,GAAG,IAAA,oBAAY,GAAE,CAAC;IACrC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEzC,MAAM,OAAO,GACX,KAAK,CAAC,WAAW,CAAC,gBAAgB,KAAK,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC;IAE3E,MAAM,cAAc,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC5C,eAAK,CAAC,GAAG,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,CAAC;QAErD,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,aAAa,CAAC,KAAK,CAAC;YAClB,SAAS,EAAE,kBAAkB;YAC7B,OAAO,EAAE;gBACP,IAAI,EACF,IAAI,CAAC,IAAI,CACP,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,KAAI,EAAE,CAAC,CACnE,GAAG,CAAC;gBACP,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC;oBAClD,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,YAAY;aACjB;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1E,OAAO,eAAK,CAAC,OAAO,CAClB,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,OAAO;QACP,cAAc;QACd,WAAW,EAAE,KAAK,CAAC,WAAW;KAC/B,CAAC,EACF,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,WAAW,CAAC,CAC5D,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,qBAAqB,yBAqDhC","sourcesContent":["import React from \"react\";\n\nimport { ReactivesearchResultProps } from \"../types\";\nimport { useAnalytics, useFilterStack } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const usePaginationLoadMore = (\n  input: ReactivesearchResultProps\n): {\n  loading: boolean;\n  hasMore: boolean;\n  handleLoadMore: () => void;\n  resultStats: {\n    time: number;\n    hidden: number;\n    promoted: number;\n    currentPage: number;\n    numberOfPages: number;\n    numberOfResults?: number;\n    displayedResults: number;\n  };\n} => {\n  const analyticsHook = useAnalytics();\n  const { filterStack } = useFilterStack();\n\n  const hasMore =\n    input.resultStats.displayedResults !== input.resultStats.numberOfResults;\n\n  const handleLoadMore = React.useCallback(() => {\n    debug.log(\"usePaginationLoadMore\", \"handleLoadMore\");\n\n    if (!hasMore) {\n      return;\n    }\n\n    input.loadMore();\n    analyticsHook.track({\n      eventName: \"paginationChange\",\n      payload: {\n        page:\n          Math.ceil(\n            input.resultStats.displayedResults / (filterStack?.pageSize || 20)\n          ) + 1,\n        source: window.location.pathname.includes(\"/search\")\n          ? \"search\"\n          : \"collection\",\n      },\n    });\n  }, [input.loadMore, analyticsHook.track, input.resultStats, filterStack]);\n\n  return React.useMemo(\n    () => ({\n      loading: input.loading,\n      hasMore,\n      handleLoadMore,\n      resultStats: input.resultStats,\n    }),\n    [input.loading, hasMore, handleLoadMore, input.resultStats]\n  );\n};\n"]}
+{"version":3,"file":"usePaginationLoadMore.js","sourceRoot":"","sources":["../../../src/hooks/usePaginationLoadMore.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAAoD;AACpD,wCAAmC;AAE5B,MAAM,qBAAqB,GAAG,CACnC,KAAgC,EAchC,EAAE;IACF,MAAM,aAAa,GAAG,IAAA,oBAAY,GAAE,CAAC;IACrC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IAErC,MAAM,OAAO,GACX,KAAK,CAAC,WAAW,CAAC,gBAAgB,KAAK,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC;IAE3E,MAAM,cAAc,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC5C,eAAK,CAAC,GAAG,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,CAAC;QAErD,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,aAAa,CAAC,KAAK,CAAC;YAClB,SAAS,EAAE,kBAAkB;YAC7B,OAAO,EAAE;gBACP,IAAI,EACF,IAAI,CAAC,IAAI,CACP,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,KAAI,EAAE,CAAC,CACnE,GAAG,CAAC;gBACP,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC;oBAClD,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,YAAY;aACjB;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1E,OAAO,eAAK,CAAC,OAAO,CAClB,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,OAAO;QACP,cAAc;QACd,WAAW,EAAE,KAAK,CAAC,WAAW;KAC/B,CAAC,EACF,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,WAAW,CAAC,CAC5D,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,qBAAqB,yBAqDhC","sourcesContent":["import React from \"react\";\n\nimport { ReactivesearchResultProps } from \"../types\";\nimport { useAnalytics, useFilters } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const usePaginationLoadMore = (\n  input: ReactivesearchResultProps\n): {\n  loading: boolean;\n  hasMore: boolean;\n  handleLoadMore: () => void;\n  resultStats: {\n    time: number;\n    hidden: number;\n    promoted: number;\n    currentPage: number;\n    numberOfPages: number;\n    numberOfResults?: number;\n    displayedResults: number;\n  };\n} => {\n  const analyticsHook = useAnalytics();\n  const { filterStack } = useFilters();\n\n  const hasMore =\n    input.resultStats.displayedResults !== input.resultStats.numberOfResults;\n\n  const handleLoadMore = React.useCallback(() => {\n    debug.log(\"usePaginationLoadMore\", \"handleLoadMore\");\n\n    if (!hasMore) {\n      return;\n    }\n\n    input.loadMore();\n    analyticsHook.track({\n      eventName: \"paginationChange\",\n      payload: {\n        page:\n          Math.ceil(\n            input.resultStats.displayedResults / (filterStack?.pageSize || 20)\n          ) + 1,\n        source: window.location.pathname.includes(\"/search\")\n          ? \"search\"\n          : \"collection\",\n      },\n    });\n  }, [input.loadMore, analyticsHook.track, input.resultStats, filterStack]);\n\n  return React.useMemo(\n    () => ({\n      loading: input.loading,\n      hasMore,\n      handleLoadMore,\n      resultStats: input.resultStats,\n    }),\n    [input.loading, hasMore, handleLoadMore, input.resultStats]\n  );\n};\n"]}

package/dist/src/hooks/useReactifySearchContext.d.ts

@@ -6,7 +6,7 @@ export declare const ReactifySearchContext: React.Context<{
         mode: "search" | "collection" | "instant-search";
         index: string;
         shopifyPermanentDomain: string;
-        filterStackHandle?: string | undefined;
+        filtersHandle?: string | undefined;
         credentials: {
             username: string;
             password: string;
@@ -19,11 +19,7 @@ export declare const ReactifySearchContext: React.Context<{
         mode: "search";
     } | {
         mode: "collection";
-        collection: {
-            id: number;
-            handle: string;
-            title: string;
-        };
+        collectionHandle: string;
     } | {
         mode: "instant-search";
     });
@@ -44,7 +40,7 @@ export declare const useReactifySearchContext: () => {
         mode: "search" | "collection" | "instant-search";
         index: string;
         shopifyPermanentDomain: string;
-        filterStackHandle?: string | undefined;
+        filtersHandle?: string | undefined;
         credentials: {
             username: string;
             password: string;
@@ -57,11 +53,7 @@ export declare const useReactifySearchContext: () => {
         mode: "search";
     } | {
         mode: "collection";
-        collection: {
-            id: number;
-            handle: string;
-            title: string;
-        };
+        collectionHandle: string;
     } | {
         mode: "instant-search";
     });

package/dist/src/hooks/useReactifySearchContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReactifySearchContext.js","sourceRoot":"","sources":["../../../src/hooks/useReactifySearchContext.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAIb,QAAA,qBAAqB,GAAG,eAAK,CAAC,aAAa,CAqCzC,SAAS,CAAC,CAAC;AAEnB,MAAM,wBAAwB,GAAG,GAAG,EAAE,CAAC,eAAK,CAAC,UAAU,CAAC,6BAAqB,CAAE,CAAC;AAA1E,QAAA,wBAAwB,4BAAkD","sourcesContent":["import React from \"react\";\n\nimport { Config } from \"../types\";\n\nexport const ReactifySearchContext = React.createContext<{\n\tconfig: Config,\n\toptions: {\n\t\tmode: \"search\" | \"collection\" | \"instant-search\";\n\t\tindex: string;\n\t\tshopifyPermanentDomain: string;\n\t\tfilterStackHandle?: string;\n\t\tcredentials: {\n\t\t  username: string;\n\t\t  password: string;\n\t\t  endpoint: string;\n\t\t};\n\t\tonRedirect?: (type: \"redirect\" | \"search\", url: string) => void;\n\t\ttheme: Record<string, unknown>;\n\t  additionalComponentHandles?: Array<string>;\n\t} & ({\n\t  mode: \"search\";\n\t} | {\n\t  mode: \"collection\";\n\t  collection: {\n\t\t  id: number;\n\t\t  handle: string;\n\t\t  title: string;\n\t  };\n\t} | {\n\t  mode: \"instant-search\";\n\t}),\n\tsearch: {\n\t\tsearchQuery: string;\n\t\tsetSearchQuery: React.Dispatch<React.SetStateAction<string>>;\n\t\tinstantSearchVisible: boolean;\n\t\tsetInstantSearchVisible: React.Dispatch<React.SetStateAction<boolean>>;\n\t},\n\tsortby: {\n\t\tsortOption: string;\n\t\tsetSortOption: React.Dispatch<React.SetStateAction<string>>;\n\t},\n} | undefined>(undefined);\n\nexport const useReactifySearchContext = () => React.useContext(ReactifySearchContext)!;"]}
+{"version":3,"file":"useReactifySearchContext.js","sourceRoot":"","sources":["../../../src/hooks/useReactifySearchContext.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAIb,QAAA,qBAAqB,GAAG,eAAK,CAAC,aAAa,CAwCtD,SAAS,CAAC,CAAC;AAEN,MAAM,wBAAwB,GAAG,GAAG,EAAE,CAC3C,eAAK,CAAC,UAAU,CAAC,6BAAqB,CAAE,CAAC;AAD9B,QAAA,wBAAwB,4BACM","sourcesContent":["import React from \"react\";\n\nimport { Config } from \"../types\";\n\nexport const ReactifySearchContext = React.createContext<\n  | {\n      config: Config;\n      options: {\n        mode: \"search\" | \"collection\" | \"instant-search\";\n        index: string;\n        shopifyPermanentDomain: string;\n        filtersHandle?: string;\n        credentials: {\n          username: string;\n          password: string;\n          endpoint: string;\n        };\n        onRedirect?: (type: \"redirect\" | \"search\", url: string) => void;\n        theme: Record<string, unknown>;\n        additionalComponentHandles?: Array<string>;\n      } & (\n        | {\n            mode: \"search\";\n          }\n        | {\n            mode: \"collection\";\n            collectionHandle: string;\n          }\n        | {\n            mode: \"instant-search\";\n          }\n      );\n      search: {\n        searchQuery: string;\n        setSearchQuery: React.Dispatch<React.SetStateAction<string>>;\n        instantSearchVisible: boolean;\n        setInstantSearchVisible: React.Dispatch<React.SetStateAction<boolean>>;\n      };\n      sortby: {\n        sortOption: string;\n        setSortOption: React.Dispatch<React.SetStateAction<string>>;\n      };\n    }\n  | undefined\n>(undefined);\n\nexport const useReactifySearchContext = () =>\n  React.useContext(ReactifySearchContext)!;\n"]}

package/dist/src/hooks/useSearch.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 export declare const useSearch: () => {
     searchQuery: string;
-    setSearchQuery: React.Dispatch<React.SetStateAction<string>>;
+    setSearchQuery: (searchQuery?: string | undefined) => void;
     submitSearch: (searchQuery?: string | undefined) => void;
     showInstantSearchResults: boolean;
     setShowInstantSearchResults: React.Dispatch<React.SetStateAction<boolean>>;

package/dist/src/hooks/useSearch.js

@@ -4,15 +4,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSearch = void 0;
+const ahooks_1 = require("ahooks");
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../hooks");
 const utility_1 = require("../utility");
 const useSearch = () => {
     const { options, config, search } = (0, hooks_1.useReactifySearchContext)();
-    const handleSubmitSearch = react_1.default.useCallback((searchQuery = search.searchQuery) => {
+    const handleSubmitSearchQuery = react_1.default.useCallback((searchQuery = search.searchQuery) => {
         utility_1.debug.breadcrumb({
             category: "search",
-            message: "search submitted",
+            message: "search submit",
             data: {
                 searchQuery: searchQuery,
             },
@@ -37,11 +38,30 @@ const useSearch = () => {
             window.location.href = `/search?q=${searchQuery}`;
         }
     }, [search.searchQuery]);
-    utility_1.debug.hook("useSearch", "searchQuery", search.searchQuery);
+    const { run: runDebouncedBreadcrumb, cancel: cancelDebouncedBreadcrumb } = (0, ahooks_1.useDebounceFn)((searchQuery = search.searchQuery) => {
+        utility_1.debug.breadcrumb({
+            category: "search",
+            message: "search query",
+            data: {
+                searchQuery: searchQuery,
+            },
+        });
+    }, {
+        wait: 300,
+    });
+    const handleSetSearchQuery = react_1.default.useCallback((searchQuery = search.searchQuery) => {
+        if (searchQuery) {
+            runDebouncedBreadcrumb(searchQuery);
+        }
+        else {
+            cancelDebouncedBreadcrumb();
+        }
+        search.setSearchQuery(searchQuery);
+    }, [search.searchQuery]);
     return {
         searchQuery: search.searchQuery,
-        setSearchQuery: search.setSearchQuery,
-        submitSearch: handleSubmitSearch,
+        setSearchQuery: handleSetSearchQuery,
+        submitSearch: handleSubmitSearchQuery,
         showInstantSearchResults: !!search.instantSearchVisible && !!search.searchQuery,
         setShowInstantSearchResults: search.setInstantSearchVisible,
     };

package/dist/src/hooks/useSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../../src/hooks/useSearch.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oCAAoD;AACpD,wCAAmC;AAE5B,MAAM,SAAS,GAAG,GAMvB,EAAE;IACF,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAE/D,MAAM,kBAAkB,GAAG,eAAK,CAAC,WAAW,CAC1C,CAAC,cAAsB,MAAM,CAAC,WAAW,EAAE,EAAE;QAC3C,eAAK,CAAC,UAAU,CAAC;YACf,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,kBAAkB;YAC3B,IAAI,EAAE;gBACJ,WAAW,EAAE,WAAW;aACzB;SACF,CAAC,CAAC;QAEH,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,qBAAqB,EAAE,WAAW,CAAC,CAAC;QAE3D,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;SACR;QAED,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CACpC,CAAC,QAAQ,EAAE,EAAE,CACX,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE;YACnC,WAAW,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CACnC,CAAC;QAEF,IAAI,QAAQ,EAAE;YACZ,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,wBAAwB,EAAE,QAAQ,CAAC,CAAC;SAC5D;QAED,MAAM,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC;QAEtC,IAAI,OAAO,CAAC,UAAU,EAAE;YACtB,OAAO,CAAC,UAAU,CAChB,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAChC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,aAAa,WAAW,EAAE,CACrD,CAAC;SACH;aAAM,IAAI,QAAQ,EAAE;YACnB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC;SACrC;aAAM;YACL,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,aAAa,WAAW,EAAE,CAAC;SACnD;IACH,CAAC,EACD,CAAC,MAAM,CAAC,WAAW,CAAC,CACrB,CAAC;IAEF,eAAK,CAAC,IAAI,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAE3D,OAAO;QACL,WAAW,EAAE,MAAM,CAAC,WAAW;QAC/B,cAAc,EAAE,MAAM,CAAC,cAAc;QACrC,YAAY,EAAE,kBAAkB;QAChC,wBAAwB,EACtB,CAAC,CAAC,MAAM,CAAC,oBAAoB,IAAI,CAAC,CAAC,MAAM,CAAC,WAAW;QACvD,2BAA2B,EAAE,MAAM,CAAC,uBAAuB;KAC5D,CAAC;AACJ,CAAC,CAAC;AA7DW,QAAA,SAAS,aA6DpB","sourcesContent":["import React from \"react\";\n\nimport { useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useSearch = (): {\n  searchQuery: string;\n  setSearchQuery: React.Dispatch<React.SetStateAction<string>>;\n  submitSearch: (searchQuery?: string) => void;\n  showInstantSearchResults: boolean;\n  setShowInstantSearchResults: React.Dispatch<React.SetStateAction<boolean>>;\n} => {\n  const { options, config, search } = useReactifySearchContext();\n\n  const handleSubmitSearch = React.useCallback(\n    (searchQuery: string = search.searchQuery) => {\n      debug.breadcrumb({\n        category: \"search\",\n        message: \"search submitted\",\n        data: {\n          searchQuery: searchQuery,\n        },\n      });\n\n      debug.log(\"useSearch\", \"submitSearch[query]\", searchQuery);\n\n      if (!searchQuery) {\n        return;\n      }\n\n      const redirect = config.redirects.find(\n        (redirect) =>\n          redirect.query.trim().toLowerCase() ===\n          searchQuery.trim().toLowerCase()\n      );\n\n      if (redirect) {\n        debug.log(\"useSearch\", \"submitSearch[redirect]\", redirect);\n      }\n\n      search.setInstantSearchVisible(false);\n\n      if (options.onRedirect) {\n        options.onRedirect(\n          redirect ? \"redirect\" : \"search\",\n          redirect ? redirect.url : `/search?q=${searchQuery}`\n        );\n      } else if (redirect) {\n        window.location.href = redirect.url;\n      } else {\n        window.location.href = `/search?q=${searchQuery}`;\n      }\n    },\n    [search.searchQuery]\n  );\n\n  debug.hook(\"useSearch\", \"searchQuery\", search.searchQuery);\n\n  return {\n    searchQuery: search.searchQuery,\n    setSearchQuery: search.setSearchQuery,\n    submitSearch: handleSubmitSearch,\n    showInstantSearchResults:\n      !!search.instantSearchVisible && !!search.searchQuery,\n    setShowInstantSearchResults: search.setInstantSearchVisible,\n  };\n};\n"]}
+{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../../src/hooks/useSearch.ts"],"names":[],"mappings":";;;;;;AAAA,mCAAuC;AACvC,kDAA0B;AAE1B,oCAAoD;AACpD,wCAAmC;AAE5B,MAAM,SAAS,GAAG,GAMvB,EAAE;IACF,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAE/D,MAAM,uBAAuB,GAAG,eAAK,CAAC,WAAW,CAC/C,CAAC,cAAsB,MAAM,CAAC,WAAW,EAAE,EAAE;QAC3C,eAAK,CAAC,UAAU,CAAC;YACf,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,eAAe;YACxB,IAAI,EAAE;gBACJ,WAAW,EAAE,WAAW;aACzB;SACF,CAAC,CAAC;QAEH,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,qBAAqB,EAAE,WAAW,CAAC,CAAC;QAE3D,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;SACR;QAED,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CACpC,CAAC,QAAQ,EAAE,EAAE,CACX,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE;YACnC,WAAW,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CACnC,CAAC;QAEF,IAAI,QAAQ,EAAE;YACZ,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,wBAAwB,EAAE,QAAQ,CAAC,CAAC;SAC5D;QAED,MAAM,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC;QAEtC,IAAI,OAAO,CAAC,UAAU,EAAE;YACtB,OAAO,CAAC,UAAU,CAChB,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAChC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,aAAa,WAAW,EAAE,CACrD,CAAC;SACH;aAAM,IAAI,QAAQ,EAAE;YACnB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC;SACrC;aAAM;YACL,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,aAAa,WAAW,EAAE,CAAC;SACnD;IACH,CAAC,EACD,CAAC,MAAM,CAAC,WAAW,CAAC,CACrB,CAAC;IAEF,MAAM,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,EAAE,yBAAyB,EAAE,GACtE,IAAA,sBAAa,EACX,CAAC,cAAsB,MAAM,CAAC,WAAW,EAAE,EAAE;QAC3C,eAAK,CAAC,UAAU,CAAC;YACf,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,cAAc;YACvB,IAAI,EAAE;gBACJ,WAAW,EAAE,WAAW;aACzB;SACF,CAAC,CAAC;IACL,CAAC,EACD;QACE,IAAI,EAAE,GAAG;KACV,CACF,CAAC;IAEJ,MAAM,oBAAoB,GAAG,eAAK,CAAC,WAAW,CAC5C,CAAC,cAAsB,MAAM,CAAC,WAAW,EAAE,EAAE;QAC3C,IAAI,WAAW,EAAE;YACf,sBAAsB,CAAC,WAAW,CAAC,CAAC;SACrC;aAAM;YACL,yBAAyB,EAAE,CAAC;SAC7B;QAED,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,MAAM,CAAC,WAAW,CAAC,CACrB,CAAC;IAEF,OAAO;QACL,WAAW,EAAE,MAAM,CAAC,WAAW;QAC/B,cAAc,EAAE,oBAAoB;QACpC,YAAY,EAAE,uBAAuB;QACrC,wBAAwB,EACtB,CAAC,CAAC,MAAM,CAAC,oBAAoB,IAAI,CAAC,CAAC,MAAM,CAAC,WAAW;QACvD,2BAA2B,EAAE,MAAM,CAAC,uBAAuB;KAC5D,CAAC;AACJ,CAAC,CAAC;AAxFW,QAAA,SAAS,aAwFpB","sourcesContent":["import { useDebounceFn } from \"ahooks\";\nimport React from \"react\";\n\nimport { useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useSearch = (): {\n  searchQuery: string;\n  setSearchQuery: (searchQuery?: string) => void;\n  submitSearch: (searchQuery?: string) => void;\n  showInstantSearchResults: boolean;\n  setShowInstantSearchResults: React.Dispatch<React.SetStateAction<boolean>>;\n} => {\n  const { options, config, search } = useReactifySearchContext();\n\n  const handleSubmitSearchQuery = React.useCallback(\n    (searchQuery: string = search.searchQuery) => {\n      debug.breadcrumb({\n        category: \"search\",\n        message: \"search submit\",\n        data: {\n          searchQuery: searchQuery,\n        },\n      });\n\n      debug.log(\"useSearch\", \"submitSearch[query]\", searchQuery);\n\n      if (!searchQuery) {\n        return;\n      }\n\n      const redirect = config.redirects.find(\n        (redirect) =>\n          redirect.query.trim().toLowerCase() ===\n          searchQuery.trim().toLowerCase()\n      );\n\n      if (redirect) {\n        debug.log(\"useSearch\", \"submitSearch[redirect]\", redirect);\n      }\n\n      search.setInstantSearchVisible(false);\n\n      if (options.onRedirect) {\n        options.onRedirect(\n          redirect ? \"redirect\" : \"search\",\n          redirect ? redirect.url : `/search?q=${searchQuery}`\n        );\n      } else if (redirect) {\n        window.location.href = redirect.url;\n      } else {\n        window.location.href = `/search?q=${searchQuery}`;\n      }\n    },\n    [search.searchQuery]\n  );\n\n  const { run: runDebouncedBreadcrumb, cancel: cancelDebouncedBreadcrumb } =\n    useDebounceFn(\n      (searchQuery: string = search.searchQuery) => {\n        debug.breadcrumb({\n          category: \"search\",\n          message: \"search query\",\n          data: {\n            searchQuery: searchQuery,\n          },\n        });\n      },\n      {\n        wait: 300,\n      }\n    );\n\n  const handleSetSearchQuery = React.useCallback(\n    (searchQuery: string = search.searchQuery) => {\n      if (searchQuery) {\n        runDebouncedBreadcrumb(searchQuery);\n      } else {\n        cancelDebouncedBreadcrumb();\n      }\n\n      search.setSearchQuery(searchQuery);\n    },\n    [search.searchQuery]\n  );\n\n  return {\n    searchQuery: search.searchQuery,\n    setSearchQuery: handleSetSearchQuery,\n    submitSearch: handleSubmitSearchQuery,\n    showInstantSearchResults:\n      !!search.instantSearchVisible && !!search.searchQuery,\n    setShowInstantSearchResults: search.setInstantSearchVisible,\n  };\n};\n"]}

package/dist/src/hooks/{useSortby.d.ts → useSortBy.d.ts}

@@ -1,5 +1,5 @@
 import { ConfigSort } from "../types";
-export declare const useSortby: () => {
+export declare const useSortBy: () => {
     sortOption: ConfigSort | undefined;
     sortOptions: Array<ConfigSort>;
     setSortOption: (sortOptionHandle: string, ignoreHistoryState?: boolean | undefined) => void;

package/dist/src/hooks/{useSortby.js → useSortBy.js}

@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSortby = void 0;
+exports.useSortBy = void 0;
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../hooks");
 const utility_1 = require("../utility");
-const useSortby = () => {
+const useSortBy = () => {
     const { options, config, sortby } = (0, hooks_1.useReactifySearchContext)();
     const { track } = (0, hooks_1.useAnalytics)();
     const sortOptions = react_1.default.useMemo(() => {
@@ -27,7 +27,7 @@ const useSortby = () => {
                 sortOptionHandle: sortOptionHandle,
             },
         });
-        utility_1.debug.log("useSortby", "setSortOption[sortOptionHandle]", sortOptionHandle);
+        utility_1.debug.log("useSortBy", "setSortOption[sortOptionHandle]", sortOptionHandle);
         sortby.setSortOption(sortOptionHandle);
         if (!ignoreHistoryState) {
             const url = new URL(window.location.href);
@@ -46,13 +46,11 @@ const useSortby = () => {
             },
         });
     }, [window.location.href]);
-    utility_1.debug.hook("useSortBy", "sortOption", sortOption);
-    utility_1.debug.hook("useSortBy", "sortOptions", sortOptions);
     return {
         sortOptions,
         sortOption,
         setSortOption,
     };
 };
-exports.useSortby = useSortby;
-//# sourceMappingURL=useSortby.js.map
+exports.useSortBy = useSortBy;
+//# sourceMappingURL=useSortBy.js.map

package/dist/src/hooks/useSortBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSortBy.js","sourceRoot":"","sources":["../../../src/hooks/useSortBy.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAAkE;AAClE,wCAAmC;AAE5B,MAAM,SAAS,GAAG,GAOvB,EAAE;IACF,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAC/D,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEjC,MAAM,WAAW,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,MAAM,CAAC,IAAI;aACf,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;aAC9D,MAAM,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,MAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,CACL,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,KAAK,MAAM,CAAC,UAAU,CAAC;YAC9D,WAAW,CAAC,CAAC,CAAC,CACf,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;IAErC,MAAM,aAAa,GAAG,eAAK,CAAC,WAAW,CACrC,CAAC,gBAAwB,EAAE,kBAAkB,GAAG,KAAK,EAAE,EAAE;QACvD,eAAK,CAAC,UAAU,CAAC;YACf,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,qBAAqB;YAC9B,IAAI,EAAE;gBACJ,gBAAgB,EAAE,gBAAgB;aACnC;SACF,CAAC,CAAC;QAEH,eAAK,CAAC,GAAG,CACP,WAAW,EACX,iCAAiC,EACjC,gBAAgB,CACjB,CAAC;QAEF,MAAM,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAEvC,IAAI,CAAC,kBAAkB,EAAE;YACvB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC1C,IAAI,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;gBAChC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;aAChD;iBAAM;gBACL,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;aACnD;YACD,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;SAClD;QAED,KAAK,CAAC;YACJ,SAAS,EAAE,YAAY;YACvB,OAAO,EAAE;gBACP,IAAI,EAAE,gBAAgB;aACvB;SACF,CAAC,CAAC;IACL,CAAC,EACD,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CACvB,CAAC;IAEF,OAAO;QACL,WAAW;QACX,UAAU;QACV,aAAa;KACd,CAAC;AACJ,CAAC,CAAC;AAnEW,QAAA,SAAS,aAmEpB","sourcesContent":["import React from \"react\";\n\nimport { ConfigSort } from \"../types\";\nimport { useAnalytics, useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useSortBy = (): {\n  sortOption: ConfigSort | undefined;\n  sortOptions: Array<ConfigSort>;\n  setSortOption: (\n    sortOptionHandle: string,\n    ignoreHistoryState?: boolean\n  ) => void;\n} => {\n  const { options, config, sortby } = useReactifySearchContext();\n  const { track } = useAnalytics();\n\n  const sortOptions = React.useMemo(() => {\n    return config.sort\n      .sort((a, b) => `${a.position}`.localeCompare(`${b.position}`))\n      .filter(({ visibility }) => [\"all\", options.mode].includes(visibility));\n  }, [options.mode, config]);\n\n  const sortOption = React.useMemo(() => {\n    return (\n      sortOptions.find(({ handle }) => handle === sortby.sortOption) ||\n      sortOptions[0]\n    );\n  }, [sortOptions, sortby.sortOption]);\n\n  const setSortOption = React.useCallback(\n    (sortOptionHandle: string, ignoreHistoryState = false) => {\n      debug.breadcrumb({\n        category: \"sort\",\n        message: \"sort option changed\",\n        data: {\n          sortOptionHandle: sortOptionHandle,\n        },\n      });\n\n      debug.log(\n        \"useSortBy\",\n        \"setSortOption[sortOptionHandle]\",\n        sortOptionHandle\n      );\n\n      sortby.setSortOption(sortOptionHandle);\n\n      if (!ignoreHistoryState) {\n        const url = new URL(window.location.href);\n        if (url.searchParams.has(\"sort\")) {\n          url.searchParams.set(\"sort\", sortOptionHandle);\n        } else {\n          url.searchParams.append(\"sort\", sortOptionHandle);\n        }\n        window.history.pushState({}, \"\", url.toString());\n      }\n\n      track({\n        eventName: \"sortChange\",\n        payload: {\n          type: sortOptionHandle,\n        },\n      });\n    },\n    [window.location.href]\n  );\n\n  return {\n    sortOptions,\n    sortOption,\n    setSortOption,\n  };\n};\n"]}

package/dist/src/utility/debug.d.ts

@@ -1,10 +1,12 @@
+import Debug from "debug";
 import * as Sentry from "@sentry/react";
+export declare const debuggers: Record<string, Debug.Debugger>;
 export declare const debug: {
     namespace: string;
     log: (namespace: string, formatter?: string | undefined, ...args: Array<any>) => void;
     breadcrumb: (breadcrumb: Partial<Sentry.Breadcrumb> & {
         message: string;
-        category: "search" | "sort" | "pagination" | "filter" | "curation";
+        category: "result" | "search" | "sort" | "pagination" | "filter" | "curation";
     }) => void;
     hook: (namespace: string, message: string, value: unknown) => void;
 };

package/dist/src/utility/debug.js

@@ -22,14 +22,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.debug = void 0;
+exports.debug = exports.debuggers = void 0;
 const debug_1 = __importDefault(require("debug"));
 const Sentry = __importStar(require("@sentry/react"));
 const hooks_1 = require("../hooks");
+exports.debuggers = {};
 exports.debug = {
     namespace: "reactify-search",
     log: (namespace, formatter, ...args) => {
-        (0, debug_1.default)(`${exports.debug.namespace}:${namespace}`)(formatter, ...args);
+        if (!exports.debuggers[namespace]) {
+            exports.debuggers[namespace] = (0, debug_1.default)(`${exports.debug.namespace}:${namespace}`);
+        }
+        exports.debuggers[namespace](formatter, ...args);
     },
     breadcrumb: (breadcrumb) => {
         Sentry.addBreadcrumb(Object.assign(Object.assign({ level: "debug", type: "query" }, breadcrumb), { category: `${exports.debug.namespace}:${breadcrumb.category}` }));

package/dist/src/utility/debug.js.map

@@ -1 +1 @@
-{"version":3,"file":"debug.js","sourceRoot":"","sources":["../../../src/utility/debug.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,sDAAwC;AAExC,oCAAuC;AAE1B,QAAA,KAAK,GAAG;IACnB,SAAS,EAAE,iBAAiB;IAC5B,GAAG,EAAE,CAAC,SAAiB,EAAE,SAAkB,EAAE,GAAG,IAAgB,EAAE,EAAE;QAClE,IAAA,eAAK,EAAC,GAAG,aAAK,CAAC,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,CAAC;IAC/D,CAAC;IACD,UAAU,EAAE,CACV,UAGC,EACD,EAAE;QACF,MAAM,CAAC,aAAa,+BAClB,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,OAAO,IACV,UAAU,KACb,QAAQ,EAAE,GAAG,aAAK,CAAC,SAAS,IAAI,UAAU,CAAC,QAAQ,EAAE,IACrD,CAAC;IACL,CAAC;IACD,IAAI,EAAE,mBAAW;CAClB,CAAC","sourcesContent":["import Debug from \"debug\";\nimport * as Sentry from \"@sentry/react\";\n\nimport { useDebugger } from \"../hooks\";\n\nexport const debug = {\n  namespace: \"reactify-search\",\n  log: (namespace: string, formatter?: string, ...args: Array<any>) => {\n    Debug(`${debug.namespace}:${namespace}`)(formatter, ...args);\n  },\n  breadcrumb: (\n    breadcrumb: Partial<Sentry.Breadcrumb> & {\n      message: string;\n      category: \"search\" | \"sort\" | \"pagination\" | \"filter\" | \"curation\";\n    }\n  ) => {\n    Sentry.addBreadcrumb({\n      level: \"debug\",\n      type: \"query\",\n      ...breadcrumb,\n      category: `${debug.namespace}:${breadcrumb.category}`,\n    });\n  },\n  hook: useDebugger,\n};\n"]}
+{"version":3,"file":"debug.js","sourceRoot":"","sources":["../../../src/utility/debug.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,sDAAwC;AAExC,oCAAuC;AAE1B,QAAA,SAAS,GAAmC,EAAE,CAAC;AAE/C,QAAA,KAAK,GAAG;IACnB,SAAS,EAAE,iBAAiB;IAC5B,GAAG,EAAE,CAAC,SAAiB,EAAE,SAAkB,EAAE,GAAG,IAAgB,EAAE,EAAE;QAClE,IAAI,CAAC,iBAAS,CAAC,SAAS,CAAC,EAAE;YACzB,iBAAS,CAAC,SAAS,CAAC,GAAG,IAAA,eAAK,EAAC,GAAG,aAAK,CAAC,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC;SACjE;QAED,iBAAS,CAAC,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,CAAC;IAC3C,CAAC;IACD,UAAU,EAAE,CACV,UASC,EACD,EAAE;QACF,MAAM,CAAC,aAAa,+BAClB,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,OAAO,IACV,UAAU,KACb,QAAQ,EAAE,GAAG,aAAK,CAAC,SAAS,IAAI,UAAU,CAAC,QAAQ,EAAE,IACrD,CAAC;IACL,CAAC;IACD,IAAI,EAAE,mBAAW;CAClB,CAAC","sourcesContent":["import Debug from \"debug\";\nimport * as Sentry from \"@sentry/react\";\n\nimport { useDebugger } from \"../hooks\";\n\nexport const debuggers: Record<string, Debug.Debugger> = {};\n\nexport const debug = {\n  namespace: \"reactify-search\",\n  log: (namespace: string, formatter?: string, ...args: Array<any>) => {\n    if (!debuggers[namespace]) {\n      debuggers[namespace] = Debug(`${debug.namespace}:${namespace}`);\n    }\n\n    debuggers[namespace](formatter, ...args);\n  },\n  breadcrumb: (\n    breadcrumb: Partial<Sentry.Breadcrumb> & {\n      message: string;\n      category:\n        | \"result\"\n        | \"search\"\n        | \"sort\"\n        | \"pagination\"\n        | \"filter\"\n        | \"curation\";\n    }\n  ) => {\n    Sentry.addBreadcrumb({\n      level: \"debug\",\n      type: \"query\",\n      ...breadcrumb,\n      category: `${debug.namespace}:${breadcrumb.category}`,\n    });\n  },\n  hook: useDebugger,\n};\n"]}

package/package.json

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

package/dist/src/components/Example/ExampleFilterStack.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { FilterStackProps } from "../../components";
-export declare type ExampleFilterStackProps = React.ComponentProps<NonNullable<FilterStackProps["renderFilters"]>>;
-export declare const ExampleFilterStack: React.FC<ExampleFilterStackProps>;

package/dist/src/components/Example/ExampleFilterStack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExampleFilterStack.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterStack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAA4D;AAMrD,MAAM,kBAAkB,GAAsC,CACnE,KAAK,EACL,EAAE;IACF,OAAO,CACL,8DACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,8BAAC,mBAAM,kBAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,IAAM,KAAK,EAAI,CACtD,CAAC,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,kBAAkB,sBAU7B","sourcesContent":["import React from \"react\";\n\nimport { Filter, FilterStackProps } from \"../../components\";\n\nexport type ExampleFilterStackProps = React.ComponentProps<\n  NonNullable<FilterStackProps[\"renderFilters\"]>\n>;\n\nexport const ExampleFilterStack: React.FC<ExampleFilterStackProps> = (\n  props\n) => {\n  return (\n    <>\n      {props.filters.map((filter) => (\n        <Filter key={filter.id} filter={filter} {...props} />\n      ))}\n    </>\n  );\n};\n"]}

package/dist/src/components/Example/ExampleSortby.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { SortbyProps } from "../../components";
-export declare type ExampleSortbyProps = React.ComponentProps<NonNullable<SortbyProps["renderSortOptions"]>>;
-export declare const ExampleSortby: React.FC<ExampleSortbyProps>;

package/dist/src/components/Filter/FilterStack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterStack.js","sourceRoot":"","sources":["../../../../src/components/Filter/FilterStack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAyC;AACzC,iDAAsD;AAO/C,MAAM,WAAW,GAA+B,CAAC,KAAK,EAAE,EAAE;;IAC/D,MAAM,WAAW,GAAG,IAAA,kBAAU,GAAE,CAAC;IAEjC,MAAM,sBAAsB,GAAG,MAAA,KAAK,CAAC,aAAa,mCAAI,+BAAkB,CAAC;IAEzE,OAAO,CACL,8BAAC,sBAAsB,oBACjB,WAAW,EACf,CACH,CAAA;AACH,CAAC,CAAC;AAVW,QAAA,WAAW,eAUtB","sourcesContent":["import React from \"react\";\n\nimport { useFilters } from \"../../hooks\";\nimport { ExampleFilterStack } from \"../../components\";\n\nexport type FilterStackProps = {\n  /** Render method called once for all filters */\n  renderFilters?: React.FC<ReturnType<typeof useFilters>>\n};\n\nexport const FilterStack: React.FC<FilterStackProps> = (props) => {\n  const filtersHook = useFilters();\n\n  const RenderFiltersComponent = props.renderFilters ?? ExampleFilterStack;\n\n  return (\n    <RenderFiltersComponent\n      {...filtersHook}\n    />\n  )\n};\n"]}

package/dist/src/components/ReactifySearchBase/ReactifySearchBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactifySearchBase.js","sourceRoot":"","sources":["../../../../src/components/ReactifySearchBase/ReactifySearchBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport * as Sentry from \"@sentry/react\";\n\nimport { ReactifySearchContext, useConfig } from \"../../hooks\";\nimport { UtilityAuthenticatedReactiveBase } from \"../../components\";\nimport { debug } from \"../../utility\";\n\nexport type ReactifySearchBaseProps = {\n  /** The search area the provider will be used in */\n  mode: \"search\" | \"collection\" | \"instant-search\";\n  /** Shopify store domain used to resolve the site configuration */\n  shopifyPermanentDomain: string;\n  /** Specific filter group handle, used to override automated logic */\n  filterStackHandle?: string;\n  /** Callback function for redirects, suitable for headless sites to avoid full page refresh */\n  onRedirect?: (type: \"redirect\" | \"search\", url: string) => void;\n  /** Render method to display a component when the config is loading */\n  renderBooting?: () => JSX.Element | null;\n  /** Advanced usage: Allows you to wrap the ReactifySearchBase in your own ReactiveBase component */\n  noReactiveBase?: boolean;\n  /** Advanced usage: Array of additional component IDs managed outside of Reactify Search */\n  additionalComponentHandles?: string[];\n  /** Advanced usage: Override the default Elasticsearch index */\n  index?: string;\n  /** Advanced usage: Override the default Reactify Search config (for multi-instance stores) */\n  configId?: string;\n  /** Advanced usage: Override the default Elasticsearch credentials */\n  credentials?: {\n    username: string;\n    password: string;\n    endpoint: string;\n  };\n  /** Advanced usage: Override the default ReactiveBase theme */\n  theme?: Record<string, unknown>;\n} & (\n  | {\n      mode: \"search\";\n    }\n  | {\n      mode: \"collection\";\n      /** Collection object that includes the handle, used to find curations */\n      collection: {\n        id: number;\n        title: string;\n        handle: string;\n      };\n    }\n  | {\n      mode: \"instant-search\";\n    }\n);\n\nexport const ReactifySearchBase: React.FC<ReactifySearchBaseProps> = (\n  props\n) => {\n  React.useEffect(() => {\n    debug.log(\"ReactifySearchBase\", \"props\", props);\n\n    Sentry.setTags({\n      \"reactifysearch.index\": props.index,\n      \"reactifysearch.shop\": props.shopifyPermanentDomain,\n      \"reactifysearch.mode\": props.mode,\n      \"reactifysearch.collection\":\n        props.mode === \"collection\" ? props.collection.handle : undefined,\n      \"reactifysearch.filter\": props.filterStackHandle,\n    });\n  }, [props]);\n\n  return (\n    <Sentry.ErrorBoundary fallback={<p>An error has occurred</p>}>\n      <ReactifySearchInner {...props} />\n    </Sentry.ErrorBoundary>\n  );\n};\n\nconst ReactifySearchInner: React.FC<ReactifySearchBaseProps> = (props) => {\n  const { config } = useConfig(props.shopifyPermanentDomain, props.configId);\n\n  const [searchQuery, setSearchQuery] = React.useState<string>(\"\");\n  const [instantSearchVisible, setInstantSearchVisible] =\n    React.useState<boolean>(false);\n  const [sortOption, setSortOption] = React.useState<string>(\"\");\n\n  const credentials = props.credentials ?? {\n    username: \"guest\",\n    password: \"password\",\n    endpoint: \"https://api.search.reactify.app\",\n  };\n\n  const theme = props.theme ?? {\n    typography: {\n      fontFamily: \"inherit\",\n      fontSize: \"inherit\",\n    },\n  };\n\n  const searchQueryFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") return undefined;\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"q\") ?? undefined;\n  }, [window.location.search]);\n\n  const searchSortFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") return undefined;\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"sort\") ?? undefined;\n  }, [window.location.search]);\n\n  React.useEffect(() => {\n    if (searchQueryFromURL && searchQuery !== searchQueryFromURL) {\n      setSearchQuery(searchQueryFromURL);\n    }\n  }, [searchQueryFromURL]);\n\n  React.useEffect(() => {\n    if (searchSortFromURL && sortOption !== searchSortFromURL) {\n      setSortOption(searchSortFromURL);\n    }\n  }, [searchSortFromURL]);\n\n  React.useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    if (window.location.search === \"\" && sortOption) {\n      setSortOption(sortOption);\n    }\n  }, [window?.location?.href]);\n\n  const contextValue = React.useMemo(() => {\n    if (!config) {\n      return;\n    }\n\n    const memoValue = {\n      config: config,\n      options: {\n        ...props,\n        index: props.index ?? config.index,\n        filterStackHandle: props.filterStackHandle,\n        credentials: credentials,\n        theme: theme,\n      },\n      search: {\n        searchQuery: searchQuery,\n        setSearchQuery: setSearchQuery,\n        instantSearchVisible: instantSearchVisible,\n        setInstantSearchVisible: setInstantSearchVisible,\n      },\n      sortby: {\n        sortOption: sortOption,\n        setSortOption: setSortOption,\n      },\n    };\n\n    debug.log(\"ReactifySearchBase\", \"context\", memoValue);\n\n    return memoValue;\n  }, [config, props, searchQuery, instantSearchVisible, sortOption]);\n\n  if (!contextValue) {\n    if (props.renderBooting) {\n      return props.renderBooting();\n    }\n    return null;\n  }\n\n  if (props.noReactiveBase) {\n    return (\n      <ReactifySearchContext.Provider value={contextValue}>\n        {props.children}\n      </ReactifySearchContext.Provider>\n    );\n  }\n\n  return (\n    <ReactifySearchContext.Provider value={contextValue}>\n      <UtilityAuthenticatedReactiveBase>\n        {props.children}\n      </UtilityAuthenticatedReactiveBase>\n    </ReactifySearchContext.Provider>\n  );\n};\n"]}

package/dist/src/components/ReactifySearchBase/index.d.ts

@@ -1 +0,0 @@
-export * from "./ReactifySearchBase";

package/dist/src/components/ReactifySearchBase/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ReactifySearchBase/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,uDAAqC","sourcesContent":["export * from \"./ReactifySearchBase\";"]}

package/dist/src/components/Result/ResultStack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResultStack.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultStack.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport ReactiveList from \"@appbaseio/reactivesearch/lib/components/result/ReactiveList\";\n\nimport { ResultCardCallout } from \"./ResultCardCallout\";\nimport { ResultCardProduct } from \"./ResultCardProduct\";\nimport { ResultPaginationNumbered } from \"./ResultPaginationNumbered\";\nimport { ResultPaginationLoadMore } from \"./ResultPaginationLoadMore\";\nimport { ResultPaginationNextPrev } from \"./ResultPaginationNextPrev\";\n\nimport {\n  useReactifySearchContext,\n  useAnalytics,\n  useSearch,\n  useFilterStack,\n  useReactiveResultStackProps,\n} from \"../../hooks\";\n\nimport {\n  ElasticCallout,\n  ElasticProduct,\n  ElasticDocumentType,\n  ReactivesearchError,\n  ReactivesearchResultProps,\n  ReactivesearchPaginationProps,\n} from \"../../types\";\n\nexport type ResultProps = ReactivesearchResultProps & {\n  callouts: ElasticCallout[];\n  products: ElasticProduct[];\n};\n\nexport type ResultStackProps = {\n  /** Style prop for the list wrapper */\n  listStyle?: React.HTMLAttributes<HTMLElement>[\"style\"];\n  /** Classname prop for the list wrapper */\n  listClassName?: string;\n  /** Render method called when an error occurs */\n  renderError?: React.FC<{ error: ReactivesearchError }>;\n  /** Render method called while loading for the first time */\n  renderLoading?: React.FC;\n  /** Render method called when no results are found */\n  renderNoResults?: React.FC;\n  /** Render method called once for each product result */\n  renderResultCardProduct?: React.ComponentProps<\n    typeof ResultCardProduct\n  >[\"render\"];\n  /** Render method called once for each callout result */\n  renderResultCardCallout?: React.ComponentProps<\n    typeof ResultCardCallout\n  >[\"render\"];\n  /** Render method called for pagination type \"pagination\" */\n  renderPaginationNumbered?: React.ComponentProps<\n    typeof ResultPaginationNumbered\n  >[\"render\"];\n  /** Render method called for pagination type \"next_prev\" */\n  renderPaginationNextPrev?: React.ComponentProps<\n    typeof ResultPaginationNextPrev\n  >[\"render\"];\n  /** Render method called for pagination type \"load_more\" */\n  renderPaginationLoadMore?: React.ComponentProps<\n    typeof ResultPaginationLoadMore\n  >[\"render\"];\n  /** Render method called for pagination type \"infinite_scroll\" */\n  renderPaginationInfiniteScroll?: React.ComponentProps<\n    typeof ResultPaginationLoadMore\n  >[\"render\"];\n  /** Advanced Usage: Override the default amount of results per page */\n  pageSize?: number;\n};\n\nexport const ResultStack: React.FC<ResultStackProps> = (props) => {\n  const reactiveResultStackProps = useReactiveResultStackProps({\n    pageSize: props.pageSize,\n  });\n\n  return (\n    <ReactiveList\n      {...reactiveResultStackProps}\n      render={(reactivesearchResultProps: ReactivesearchResultProps) => (\n        <ResultStackInner\n          {...props}\n          reactivesearchResultProps={reactivesearchResultProps}\n        />\n      )}\n      renderPagination={(\n        reactivesearchPaginationProps: ReactivesearchPaginationProps\n      ) => (\n        <ResultStackPaginationStack\n          {...props}\n          {...reactivesearchPaginationProps}\n        />\n      )}\n    />\n  );\n};\n\nconst ResultStackRenderErrorComponent: ResultStackProps[\"renderError\"] = (\n  props\n) => {\n  return (\n    <div>\n      {\"Error: \"}\n      {props.error.statusText}\n    </div>\n  );\n};\n\nconst ResultStackRenderLoadingComponent: ResultStackProps[\"renderLoading\"] =\n  () => {\n    return <div>{\"Loading\"}</div>;\n  };\n\nconst ResultStackRenderNoResultsComponent: ResultStackProps[\"renderNoResults\"] =\n  () => {\n    return <div>{\"No results\"}</div>;\n  };\n\nconst ResultStackInner: React.FC<\n  ResultStackProps & { reactivesearchResultProps: ReactivesearchResultProps }\n> = (props) => {\n  const { track } = useAnalytics();\n  const { searchQuery } = useSearch();\n\n  const initialSearchHasRun = React.useMemo(\n    () =>\n      \"undefined\" !==\n      typeof props.reactivesearchResultProps.resultStats.numberOfResults,\n    [props.reactivesearchResultProps]\n  );\n\n  const listStyle = React.useMemo<React.HTMLAttributes<HTMLElement>[\"style\"]>(\n    () =>\n      props.listStyle ?? {\n        display: \"grid\",\n        gap: \"8px\",\n        gridTemplateColumns: \"repeat(4, minmax(0, 1fr))\",\n      },\n    [props.listStyle]\n  );\n\n  if (props.reactivesearchResultProps.error) {\n    const RenderErrorComponent =\n      props.renderError ?? ResultStackRenderErrorComponent;\n\n    return (\n      <RenderErrorComponent error={props.reactivesearchResultProps.error} />\n    );\n  }\n\n  if (!initialSearchHasRun) {\n    const RenderLoadingComponent =\n      props.renderLoading ?? ResultStackRenderLoadingComponent;\n    return <RenderLoadingComponent />;\n  }\n\n  if (!props.reactivesearchResultProps.resultStats.numberOfResults) {\n    if (searchQuery) {\n      track({\n        eventName: \"zeroResults\",\n        payload: {\n          searchTerm: searchQuery,\n        },\n      });\n    }\n    const RenderNoResultsComponent =\n      props.renderNoResults ?? ResultStackRenderNoResultsComponent;\n    return <RenderNoResultsComponent />;\n  }\n\n  return (\n    <>\n      <section style={listStyle} className={props.listClassName}>\n        {props.reactivesearchResultProps.data.map((item, key) => {\n          // @todo result.type is missing in v1 indexes, this check ensures that they are assumed to be products\n          if (ElasticDocumentType.Product === item.type || !item.type) {\n            return (\n              <ResultCardProduct\n                key={item._id}\n                product={item}\n                document={item}\n                pagePosition={key + 1}\n                render={props.renderResultCardProduct}\n              />\n            );\n          }\n\n          if (ElasticDocumentType.Callout === item.type) {\n            return (\n              <ResultCardCallout\n                key={item._id}\n                document={item}\n                pagePosition={key + 1}\n                callout={item.callout}\n                render={props.renderResultCardCallout}\n              />\n            );\n          }\n\n          return null;\n        })}\n      </section>\n      <ResultStackPaginationStackLoadMore\n        {...props}\n        {...props.reactivesearchResultProps}\n      />\n    </>\n  );\n};\n\n/** Handles rendering pagination for types that use \"pagination props\" */\nconst ResultStackPaginationStack: React.FC<\n  ResultStackProps & ReactivesearchPaginationProps\n> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilterStack();\n\n  if (options.mode === \"instant-search\") {\n    return null;\n  }\n\n  if (\"pagination\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationNumbered\n        {...props}\n        render={props.renderPaginationNumbered}\n      />\n    );\n  }\n\n  if (\"next_prev\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationNextPrev\n        {...props}\n        render={props.renderPaginationNextPrev}\n      />\n    );\n  }\n\n  return null;\n};\n\n/** Handles rendering pagination for types that use \"result props\" */\nconst ResultStackPaginationStackLoadMore: React.FC<\n  ResultStackProps & { reactivesearchResultProps: ReactivesearchResultProps }\n> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilterStack();\n\n  if (options.mode === \"instant-search\") {\n    return null;\n  }\n\n  if (\"load_more\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationLoadMore\n        {...props.reactivesearchResultProps}\n        render={props.renderPaginationLoadMore}\n      />\n    );\n  }\n\n  return null;\n};\n"]}

package/dist/src/components/Sensor/SensorStack.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-export declare type SensorStackProps = {};
-export declare const SensorStack: React.FC<SensorStackProps>;

package/dist/src/components/Sensor/SensorStack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SensorStack.js","sourceRoot":"","sources":["../../../../src/components/Sensor/SensorStack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAuD;AAEvD,6CAA0C;AAC1C,iDAA8C;AAC9C,uDAAoD;AACpD,uDAAoD;AACpD,yDAAsD;AACtD,yEAAsE;AAM/D,MAAM,WAAW,GAA+B,GAAG,EAAE;IAC1D,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAE/C,sBAAsB;IACtB,IAAI,OAAO,CAAC,IAAI,KAAK,gBAAgB,EAAE;QACrC,OAAO,CACL;YACE,8BAAC,iCAAe,OAAG;YACnB,8BAAC,iCAAe,OAAG,CAClB,CACJ,CAAC;KACH;IAED,mBAAmB;IACnB,OAAO,CACL;QACE,8BAAC,uBAAU,OAAG;QACd,8BAAC,2BAAY,OAAG;QAChB,8BAAC,iCAAe,OAAG;QACnB,8BAAC,mCAAgB,OAAG;QACpB,8BAAC,mDAAwB,OAAG,CAC3B,CACJ,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,WAAW,eAuBtB","sourcesContent":["import React from \"react\";\n\nimport { useReactifySearchContext } from \"../../hooks\";\n\nimport { SensorSort } from \"./SensorSort\";\nimport { SensorSearch } from \"./SensorSearch\";\nimport { SensorSortScore } from \"./SensorSortScore\";\nimport { SensorPublished } from \"./SensorPublished\";\nimport { SensorCollection } from \"./SensorCollection\";\nimport { SensorInventoryAvailable } from \"./SensorInventoryAvailable\";\n\nexport type SensorStackProps = {\n  /** This component does not support any props */\n};\n\nexport const SensorStack: React.FC<SensorStackProps> = () => {\n  const { options } = useReactifySearchContext();\n\n  // instant search mode\n  if (options.mode === \"instant-search\") {\n    return (\n      <>\n        <SensorPublished />\n        <SensorSortScore />\n      </>\n    );\n  }\n\n  // result grid mode\n  return (\n    <>\n      <SensorSort />\n      <SensorSearch />\n      <SensorPublished />\n      <SensorCollection />\n      <SensorInventoryAvailable />\n    </>\n  );\n};\n"]}

package/dist/src/components/Sortby/Sortby.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { useSortby } from "../../hooks";
-export declare type SortbyProps = {
-    /** Render method called once for all sort options */
-    renderSortOptions?: React.FC<ReturnType<typeof useSortby>>;
-};
-export declare const Sortby: React.FC<SortbyProps>;

package/dist/src/components/Sortby/Sortby.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sortby.js","sourceRoot":"","sources":["../../../../src/components/Sortby/Sortby.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAwC;AACxC,iDAAiD;AAO1C,MAAM,MAAM,GAA0B,CAAC,KAAK,EAAE,EAAE;;IACrD,MAAM,UAAU,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE/B,MAAM,0BAA0B,GAAG,MAAA,KAAK,CAAC,iBAAiB,mCAAI,0BAAa,CAAC;IAE5E,OAAO,CACL,8BAAC,0BAA0B,oBACrB,UAAU,EACd,CACH,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,MAAM,UAUjB","sourcesContent":["import React from \"react\";\n\nimport { useSortby } from \"../../hooks\";\nimport { ExampleSortby } from \"../../components\";\n\nexport type SortbyProps = {\n  /** Render method called once for all sort options */\n  renderSortOptions?: React.FC<ReturnType<typeof useSortby>>;\n};\n\nexport const Sortby: React.FC<SortbyProps> = (props) => {\n  const sortbyData = useSortby();\n\n  const RenderSortOptionsComponent = props.renderSortOptions ?? ExampleSortby;\n\n  return (\n    <RenderSortOptionsComponent\n      {...sortbyData}\n    />\n  );\n};\n"]}

package/dist/src/components/Sortby/index.d.ts

@@ -1 +0,0 @@
-export * from "./Sortby";

package/dist/src/hooks/reactivesearch/useReactiveResultStackProps.d.ts

@@ -1,17 +0,0 @@
-export declare const useReactiveResultStackProps: (options: {
-    pageSize?: number;
-}) => {
-    size: number;
-    URLParams: boolean;
-    showLoader: boolean;
-    dataField: string;
-    showResultStats: boolean;
-    react: {
-        and: string[];
-    };
-    componentId: string;
-    scrollOnChange: boolean;
-    pagination: boolean;
-    infiniteScroll: boolean;
-    renderNoResults: () => null;
-};

package/dist/src/hooks/reactivesearch/useReactiveResultStackProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useReactiveResultStackProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveResultStackProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAA6C;AAC7C,iEAA8D;AAEvD,MAAM,2BAA2B,GAAG,CAAC,OAA8B,EAAE,EAAE;IAC5E,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IACzC,MAAM,iBAAiB,GAAG,IAAA,2CAAoB,GAAE,CAAC;IAEjD,MAAM,IAAI,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QAC9B,OAAO,MAAA,MAAA,OAAO,CAAC,QAAQ,mCAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,mCAAI,EAAE,CAAC;IACzD,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAEpC,OAAO,eAAK,CAAC,OAAO,CAClB,GAAG,EAAE,CAAC,CAAC;QACL,IAAI;QACJ,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,OAAO;QAClB,eAAe,EAAE,KAAK;QACtB,KAAK,EAAE,iBAAiB;QACxB,WAAW,EAAE,MAAM;QACnB,cAAc,EAAE,KAAK;QACrB,UAAU,EAAE,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,MAAK,iBAAiB;QAC7D,cAAc,EAAE,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,MAAK,iBAAiB;QACjE,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,mDAAmD;KACjF,CAAC,EACF,CAAC,WAAW,EAAE,iBAAiB,EAAE,OAAO,CAAC,QAAQ,CAAC,CACnD,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,2BAA2B,+BAwBtC","sourcesContent":["import React from \"react\";\n\nimport { useFilterStack } from \"../../hooks\";\nimport { useReactiveReactProp } from \"./useReactiveReactProp\";\n\nexport const useReactiveResultStackProps = (options: { pageSize?: number }) => {\n  const { filterStack } = useFilterStack();\n  const reactiveReactProp = useReactiveReactProp();\n\n  const size = React.useMemo(() => {\n    return options.pageSize ?? filterStack?.pageSize ?? 20;\n  }, [options.pageSize, filterStack]);\n\n  return React.useMemo(\n    () => ({\n      size,\n      URLParams: true,\n      showLoader: false,\n      dataField: \"title\",\n      showResultStats: false,\n      react: reactiveReactProp,\n      componentId: \"page\", // this sets ?page= in the URL\n      scrollOnChange: false, // @todo make this better, it's really janky when enabled\n      pagination: filterStack?.paginationType !== \"infinite_scroll\",\n      infiniteScroll: filterStack?.paginationType === \"infinite_scroll\",\n      renderNoResults: () => null, // always use only render, otherwise both are shown\n    }),\n    [filterStack, reactiveReactProp, options.pageSize]\n  );\n};\n"]}

package/dist/src/hooks/useFilterStack.d.ts

@@ -1,4 +0,0 @@
-import { ConfigFilter } from "../types";
-export declare const useFilterStack: () => {
-    filterStack?: ConfigFilter | undefined;
-};