@usereactify/search 5.0.0-beta.11 → 5.0.0-beta.14

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

@@ -1,10 +1,13 @@
+export * from "./ExampleClearAll";
 export * from "./ExampleFilterList";
 export * from "./ExampleFilterRange";
 export * from "./ExampleFilterSlider";
-export * from "./ExampleFilterStack";
+export * from "./ExampleFilters";
+export * from "./ExampleFiltersActive";
 export * from "./ExampleResultCardCallout";
 export * from "./ExampleResultCardProduct";
 export * from "./ExampleResultPaginationNumbered";
 export * from "./ExampleResultPaginationLoadMore";
 export * from "./ExampleResultPaginationNextPrev";
-export * from "./ExampleSortby";
+export * from "./ExampleSortBy";
+export * from "./ExampleStats";

package/dist/src/components/Example/index.js

@@ -10,14 +10,17 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ExampleClearAll"), exports);
 __exportStar(require("./ExampleFilterList"), exports);
 __exportStar(require("./ExampleFilterRange"), exports);
 __exportStar(require("./ExampleFilterSlider"), exports);
-__exportStar(require("./ExampleFilterStack"), exports);
+__exportStar(require("./ExampleFilters"), exports);
+__exportStar(require("./ExampleFiltersActive"), exports);
 __exportStar(require("./ExampleResultCardCallout"), exports);
 __exportStar(require("./ExampleResultCardProduct"), exports);
 __exportStar(require("./ExampleResultPaginationNumbered"), exports);
 __exportStar(require("./ExampleResultPaginationLoadMore"), exports);
 __exportStar(require("./ExampleResultPaginationNextPrev"), exports);
-__exportStar(require("./ExampleSortby"), exports);
+__exportStar(require("./ExampleSortBy"), exports);
+__exportStar(require("./ExampleStats"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Example/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,sDAAoC;AACpC,uDAAqC;AACrC,wDAAsC;AACtC,uDAAqC;AACrC,6DAA0C;AAC1C,6DAA2C;AAC3C,oEAAkD;AAClD,oEAAkD;AAClD,oEAAkD;AAClD,kDAAgC","sourcesContent":["export * from \"./ExampleFilterList\";\nexport * from \"./ExampleFilterRange\";\nexport * from \"./ExampleFilterSlider\";\nexport * from \"./ExampleFilterStack\";\nexport * from \"./ExampleResultCardCallout\"\nexport * from \"./ExampleResultCardProduct\";\nexport * from \"./ExampleResultPaginationNumbered\";\nexport * from \"./ExampleResultPaginationLoadMore\";\nexport * from \"./ExampleResultPaginationNextPrev\";\nexport * from \"./ExampleSortby\";"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Example/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,oDAAkC;AAClC,sDAAoC;AACpC,uDAAqC;AACrC,wDAAsC;AACtC,mDAAiC;AACjC,yDAAuC;AACvC,6DAA2C;AAC3C,6DAA2C;AAC3C,oEAAkD;AAClD,oEAAkD;AAClD,oEAAkD;AAClD,kDAAgC;AAChC,iDAA+B","sourcesContent":["export * from \"./ExampleClearAll\";\nexport * from \"./ExampleFilterList\";\nexport * from \"./ExampleFilterRange\";\nexport * from \"./ExampleFilterSlider\";\nexport * from \"./ExampleFilters\";\nexport * from \"./ExampleFiltersActive\";\nexport * from \"./ExampleResultCardCallout\";\nexport * from \"./ExampleResultCardProduct\";\nexport * from \"./ExampleResultPaginationNumbered\";\nexport * from \"./ExampleResultPaginationLoadMore\";\nexport * from \"./ExampleResultPaginationNextPrev\";\nexport * from \"./ExampleSortBy\";\nexport * from \"./ExampleStats\";\n"]}

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

@@ -1,6 +1,6 @@
 import React from "react";
 import type { ConfigFilterOption } from "../../types";
-import { useFilterListProps, useReactiveFilterRangeProps, useReactiveFilterSliderProps } from "../../hooks";
+import { useFilterListProps, useFilterRangeProps, useFilterSliderProps } from "../../hooks";
 export declare type FilterProps = {
     /** The filter option being rendered */
     filter: ConfigFilterOption;
@@ -10,11 +10,11 @@ export declare type FilterProps = {
     }>;
     /** Render method for Range filters */
     renderFilterRange?: React.FC<Omit<FilterProps, "renderFilterRange"> & {
-        reactiveFilterRangeProps: ReturnType<typeof useReactiveFilterRangeProps>;
+        filterRangeProps: ReturnType<typeof useFilterRangeProps>;
     }>;
     /** Render method for Slider filters */
     renderFilterSlider?: React.FC<Omit<FilterProps, "renderFilterSlider"> & {
-        reactiveFilterSliderProps: ReturnType<typeof useReactiveFilterSliderProps>;
+        filterSliderProps: ReturnType<typeof useFilterSliderProps>;
     }>;
 };
 export declare const Filter: React.FC<FilterProps>;

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

@@ -20,6 +20,7 @@ const MultiList_1 = __importDefault(require("@appbaseio/reactivesearch/lib/compo
 const SingleList_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/list/SingleList"));
 const hooks_1 = require("../../hooks");
 const components_1 = require("../../components");
+const reactivesearch_1 = require("@appbaseio/reactivesearch");
 const Filter = (props) => {
     if ("single" === props.filter.displayType) {
         return react_1.default.createElement(FilterSingleList, Object.assign({}, props));
@@ -46,20 +47,31 @@ const FilterMultiList = (props) => {
     return (react_1.default.createElement(MultiList_1.default, Object.assign({}, reactiveFilterListProps, { render: (reactivesearchFilterProps) => (react_1.default.createElement(FilterListInner, Object.assign({}, props, { reactivesearchFilterProps: reactivesearchFilterProps }))) })));
 };
 const FilterRange = (props) => {
+    var _a;
     const reactiveFilterRangeProps = (0, hooks_1.useReactiveFilterRangeProps)(props.filter);
-    if (props.renderFilterRange) {
-        const Component = props.renderFilterRange;
-        return (react_1.default.createElement(Component, Object.assign({}, props, { reactiveFilterRangeProps: reactiveFilterRangeProps })));
-    }
-    return null;
+    const filterRangeProps = (0, hooks_1.useFilterRangeProps)(props.filter);
+    const RenderRangeComponent = (_a = props.renderFilterRange) !== null && _a !== void 0 ? _a : components_1.ExampleFilterRange;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { style: {
+                display: "none",
+            } },
+            react_1.default.createElement(reactivesearch_1.SingleRange, Object.assign({}, reactiveFilterRangeProps, { value: filterRangeProps.value, onChange: filterRangeProps.handleChange }))),
+        react_1.default.createElement(RenderRangeComponent, { filterRangeProps: filterRangeProps, filter: props.filter })));
 };
 const FilterSlider = (props) => {
+    var _a;
     const reactiveFilterSliderProps = (0, hooks_1.useReactiveFilterSliderProps)(props.filter);
-    if (props.renderFilterSlider) {
-        const Component = props.renderFilterSlider;
-        return (react_1.default.createElement(Component, Object.assign({}, props, { reactiveFilterSliderProps: reactiveFilterSliderProps })));
-    }
-    return null;
+    const filterSliderProps = (0, hooks_1.useFilterSliderProps)(props.filter);
+    const RenderSliderComponent = (_a = props.renderFilterSlider) !== null && _a !== void 0 ? _a : components_1.ExampleFilterSlider;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        props.renderFilterSlider ? (react_1.default.createElement("div", { style: {
+                display: "none",
+            } },
+            react_1.default.createElement(reactivesearch_1.DynamicRangeSlider, Object.assign({}, reactiveFilterSliderProps, { value: () => filterSliderProps.value, onChange: (value) => filterSliderProps.handleChange({
+                    start: value[0],
+                    end: value[1],
+                }) })))) : null,
+        react_1.default.createElement(RenderSliderComponent, { filterSliderProps: filterSliderProps, filter: props.filter })));
 };
 // inner component exists only so we can use memos in reactivesearch render functions
 const FilterListInner = (props) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../../src/components/Filter/Filter.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport MultiList from \"@appbaseio/reactivesearch/lib/components/list/MultiList\";\nimport SingleList from \"@appbaseio/reactivesearch/lib/components/list/SingleList\";\n\nimport type {\n  ConfigFilterOption,\n  ReactivesearchFilterProps,\n} from \"../../types\";\nimport {\n  useAnalytics,\n  useFilterListProps,\n  useReactiveFilterListProps,\n  useReactiveFilterRangeProps,\n  useReactiveFilterSliderProps,\n} from \"../../hooks\";\nimport { ExampleFilterList } from \"../../components\";\nimport { debug } from \"../../utility\";\n\nexport type FilterProps = {\n  /** The filter option being rendered */\n  filter: ConfigFilterOption;\n  /** Render method for List filters */\n  renderFilterList?: React.FC<\n    Omit<FilterProps, \"renderFilterList\"> & {\n      filterListProps: ReturnType<typeof useFilterListProps>;\n    }\n  >;\n  /** Render method for Range filters */\n  renderFilterRange?: React.FC<\n    Omit<FilterProps, \"renderFilterRange\"> & {\n      reactiveFilterRangeProps: ReturnType<typeof useReactiveFilterRangeProps>;\n    }\n  >;\n  /** Render method for Slider filters */\n  renderFilterSlider?: React.FC<\n    Omit<FilterProps, \"renderFilterSlider\"> & {\n      reactiveFilterSliderProps: ReturnType<\n        typeof useReactiveFilterSliderProps\n      >;\n    }\n  >;\n};\n\nexport const Filter: React.FC<FilterProps> = (props) => {\n  if (\"single\" === props.filter.displayType) {\n    return <FilterSingleList {...props} />;\n  }\n\n  if (\"multi\" === props.filter.displayType) {\n    return <FilterMultiList {...props} />;\n  }\n\n  if (\"range\" === props.filter.displayType) {\n    return <FilterRange {...props} />;\n  }\n\n  if (\"slider\" === props.filter.displayType) {\n    return <FilterSlider {...props} />;\n  }\n\n  console.log(\n    `filter with display type \"${props.filter.displayType}\" not yet supported`\n  );\n\n  return null;\n};\n\nconst FilterSingleList: React.FC<FilterProps> = (props) => {\n  const reactiveFilterListProps = useReactiveFilterListProps(props.filter);\n\n  return (\n    <SingleList\n      {...reactiveFilterListProps}\n      render={(reactivesearchFilterProps: ReactivesearchFilterProps) => (\n        <FilterListInner\n          {...props}\n          reactivesearchFilterProps={reactivesearchFilterProps}\n        />\n      )}\n    />\n  );\n};\n\nconst FilterMultiList: React.FC<FilterProps> = (props) => {\n  const reactiveFilterListProps = useReactiveFilterListProps(props.filter);\n\n  return (\n    <MultiList\n      {...reactiveFilterListProps}\n      render={(reactivesearchFilterProps: ReactivesearchFilterProps) => (\n        <FilterListInner\n          {...props}\n          reactivesearchFilterProps={reactivesearchFilterProps}\n        />\n      )}\n    />\n  );\n};\n\nconst FilterRange: React.FC<FilterProps> = (props) => {\n  const reactiveFilterRangeProps = useReactiveFilterRangeProps(props.filter);\n\n  if (props.renderFilterRange) {\n    const Component = props.renderFilterRange;\n\n    return (\n      <Component\n        {...props}\n        reactiveFilterRangeProps={reactiveFilterRangeProps}\n      />\n    );\n  }\n\n  return null;\n};\n\nconst FilterSlider: React.FC<FilterProps> = (props) => {\n  const reactiveFilterSliderProps = useReactiveFilterSliderProps(props.filter);\n\n  if (props.renderFilterSlider) {\n    const Component = props.renderFilterSlider;\n\n    return (\n      <Component\n        {...props}\n        reactiveFilterSliderProps={reactiveFilterSliderProps}\n      />\n    );\n  }\n\n  return null;\n};\n\n// inner component exists only so we can use memos in reactivesearch render functions\nconst FilterListInner: React.FC<\n  FilterProps & { reactivesearchFilterProps: ReactivesearchFilterProps }\n> = (props) => {\n  const { filter, renderFilterList, reactivesearchFilterProps, ...otherProps } =\n    props;\n\n  const filterListProps = useFilterListProps(filter, reactivesearchFilterProps);\n\n  // hide entire filter when no options available\n  if (0 === filterListProps.options.length) {\n    return null;\n  }\n\n  if (renderFilterList) {\n    const Component = renderFilterList;\n    return (\n      <Component\n        filterListProps={filterListProps}\n        filter={filter}\n        {...otherProps}\n      />\n    );\n  }\n\n  return (\n    <ExampleFilterList\n      filterListProps={filterListProps}\n      filter={filter}\n      {...otherProps}\n    />\n  );\n};\n"]}
+{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../../src/components/Filter/Filter.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport MultiList from \"@appbaseio/reactivesearch/lib/components/list/MultiList\";\nimport SingleList from \"@appbaseio/reactivesearch/lib/components/list/SingleList\";\n\nimport type {\n  ConfigFilterOption,\n  ReactivesearchFilterListProps,\n} from \"../../types\";\nimport {\n  useFilterListProps,\n  useFilterRangeProps,\n  useFilterSliderProps,\n  useReactiveFilterListProps,\n  useReactiveFilterRangeProps,\n  useReactiveFilterSliderProps,\n} from \"../../hooks\";\nimport {\n  ExampleFilterList,\n  ExampleFilterRange,\n  ExampleFilterSlider,\n} from \"../../components\";\nimport { DynamicRangeSlider, SingleRange } from \"@appbaseio/reactivesearch\";\n\nexport type FilterProps = {\n  /** The filter option being rendered */\n  filter: ConfigFilterOption;\n  /** Render method for List filters */\n  renderFilterList?: React.FC<\n    Omit<FilterProps, \"renderFilterList\"> & {\n      filterListProps: ReturnType<typeof useFilterListProps>;\n    }\n  >;\n  /** Render method for Range filters */\n  renderFilterRange?: React.FC<\n    Omit<FilterProps, \"renderFilterRange\"> & {\n      filterRangeProps: ReturnType<typeof useFilterRangeProps>;\n    }\n  >;\n  /** Render method for Slider filters */\n  renderFilterSlider?: React.FC<\n    Omit<FilterProps, \"renderFilterSlider\"> & {\n      filterSliderProps: ReturnType<typeof useFilterSliderProps>;\n    }\n  >;\n};\n\nexport const Filter: React.FC<FilterProps> = (props) => {\n  if (\"single\" === props.filter.displayType) {\n    return <FilterSingleList {...props} />;\n  }\n\n  if (\"multi\" === props.filter.displayType) {\n    return <FilterMultiList {...props} />;\n  }\n\n  if (\"range\" === props.filter.displayType) {\n    return <FilterRange {...props} />;\n  }\n\n  if (\"slider\" === props.filter.displayType) {\n    return <FilterSlider {...props} />;\n  }\n\n  console.log(\n    `filter with display type \"${props.filter.displayType}\" not yet supported`\n  );\n\n  return null;\n};\n\nconst FilterSingleList: React.FC<FilterProps> = (props) => {\n  const reactiveFilterListProps = useReactiveFilterListProps(props.filter);\n\n  return (\n    <SingleList\n      {...reactiveFilterListProps}\n      render={(reactivesearchFilterProps: ReactivesearchFilterListProps) => (\n        <FilterListInner\n          {...props}\n          reactivesearchFilterProps={reactivesearchFilterProps}\n        />\n      )}\n    />\n  );\n};\n\nconst FilterMultiList: React.FC<FilterProps> = (props) => {\n  const reactiveFilterListProps = useReactiveFilterListProps(props.filter);\n\n  return (\n    <MultiList\n      {...reactiveFilterListProps}\n      render={(reactivesearchFilterProps: ReactivesearchFilterListProps) => (\n        <FilterListInner\n          {...props}\n          reactivesearchFilterProps={reactivesearchFilterProps}\n        />\n      )}\n    />\n  );\n};\n\nconst FilterRange: React.FC<FilterProps> = (props) => {\n  const reactiveFilterRangeProps = useReactiveFilterRangeProps(props.filter);\n\n  const filterRangeProps = useFilterRangeProps(props.filter);\n\n  const RenderRangeComponent = props.renderFilterRange ?? ExampleFilterRange;\n\n  return (\n    <>\n      <div\n        style={{\n          display: \"none\",\n        }}\n      >\n        <SingleRange\n          {...reactiveFilterRangeProps}\n          value={filterRangeProps.value}\n          onChange={filterRangeProps.handleChange}\n        />\n      </div>\n      <RenderRangeComponent\n        filterRangeProps={filterRangeProps}\n        filter={props.filter}\n      />\n    </>\n  );\n};\n\nconst FilterSlider: React.FC<FilterProps> = (props) => {\n  const reactiveFilterSliderProps = useReactiveFilterSliderProps(props.filter);\n\n  const filterSliderProps = useFilterSliderProps(props.filter);\n\n  const RenderSliderComponent = props.renderFilterSlider ?? ExampleFilterSlider;\n\n  return (\n    <>\n      {props.renderFilterSlider ? (\n        <div\n          style={{\n            display: \"none\",\n          }}\n        >\n          <DynamicRangeSlider\n            {...reactiveFilterSliderProps}\n            value={() => filterSliderProps.value}\n            onChange={(value) =>\n              filterSliderProps.handleChange({\n                start: value[0],\n                end: value[1],\n              })\n            }\n          />\n        </div>\n      ) : null}\n      <RenderSliderComponent\n        filterSliderProps={filterSliderProps}\n        filter={props.filter}\n      />\n    </>\n  );\n};\n\n// inner component exists only so we can use memos in reactivesearch render functions\nconst FilterListInner: React.FC<\n  FilterProps & { reactivesearchFilterProps: ReactivesearchFilterListProps }\n> = (props) => {\n  const { filter, renderFilterList, reactivesearchFilterProps, ...otherProps } =\n    props;\n\n  const filterListProps = useFilterListProps(filter, reactivesearchFilterProps);\n\n  // hide entire filter when no options available\n  if (0 === filterListProps.options.length) {\n    return null;\n  }\n\n  if (renderFilterList) {\n    const Component = renderFilterList;\n    return (\n      <Component\n        filterListProps={filterListProps}\n        filter={filter}\n        {...otherProps}\n      />\n    );\n  }\n\n  return (\n    <ExampleFilterList\n      filterListProps={filterListProps}\n      filter={filter}\n      {...otherProps}\n    />\n  );\n};\n"]}

package/dist/src/components/Filter/{FilterStack.d.ts → Filters.d.ts}

@@ -1,7 +1,7 @@
 import React from "react";
 import { useFilters } from "../../hooks";
-export declare type FilterStackProps = {
+export declare type FiltersProps = {
     /** Render method called once for all filters */
     renderFilters?: React.FC<ReturnType<typeof useFilters>>;
 };
-export declare const FilterStack: React.FC<FilterStackProps>;
+export declare const Filters: React.FC<FiltersProps>;

package/dist/src/components/Filter/{FilterStack.js → Filters.js}

@@ -3,15 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterStack = void 0;
+exports.Filters = void 0;
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
 const components_1 = require("../../components");
-const FilterStack = (props) => {
+const Filters = (props) => {
     var _a;
-    const filtersHook = (0, hooks_1.useFilters)();
-    const RenderFiltersComponent = (_a = props.renderFilters) !== null && _a !== void 0 ? _a : components_1.ExampleFilterStack;
-    return (react_1.default.createElement(RenderFiltersComponent, Object.assign({}, filtersHook)));
+    const filterStackHook = (0, hooks_1.useFilters)();
+    const RenderFiltersComponent = (_a = props.renderFilters) !== null && _a !== void 0 ? _a : components_1.ExampleFilters;
+    return react_1.default.createElement(RenderFiltersComponent, Object.assign({}, filterStackHook));
 };
-exports.FilterStack = FilterStack;
-//# sourceMappingURL=FilterStack.js.map
+exports.Filters = Filters;
+//# sourceMappingURL=Filters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.js","sourceRoot":"","sources":["../../../../src/components/Filter/Filters.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAyC;AACzC,iDAAkD;AAO3C,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;;IACvD,MAAM,eAAe,GAAG,IAAA,kBAAU,GAAE,CAAC;IAErC,MAAM,sBAAsB,GAAG,MAAA,KAAK,CAAC,aAAa,mCAAI,2BAAc,CAAC;IAErE,OAAO,8BAAC,sBAAsB,oBAAK,eAAe,EAAI,CAAC;AACzD,CAAC,CAAC;AANW,QAAA,OAAO,WAMlB","sourcesContent":["import React from \"react\";\n\nimport { useFilters } from \"../../hooks\";\nimport { ExampleFilters } from \"../../components\";\n\nexport type FiltersProps = {\n  /** Render method called once for all filters */\n  renderFilters?: React.FC<ReturnType<typeof useFilters>>;\n};\n\nexport const Filters: React.FC<FiltersProps> = (props) => {\n  const filterStackHook = useFilters();\n\n  const RenderFiltersComponent = props.renderFilters ?? ExampleFilters;\n\n  return <RenderFiltersComponent {...filterStackHook} />;\n};\n"]}

package/dist/src/components/Filter/FiltersActive.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export declare type FiltersActiveProps = {
+    /** Render method called once for all active filters */
+    renderFiltersActive?: React.FC<{
+        selectedFilters: Array<{
+            key: string;
+            label: string;
+            value: Array<string> | string | {
+                start: number;
+                end: number;
+            };
+        }>;
+        handleRemove: (filterKey: string) => void;
+    }>;
+};
+export declare const FiltersActive: React.FC<FiltersActiveProps>;

package/dist/src/components/Filter/FiltersActive.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FiltersActive = void 0;
+const reactivesearch_1 = require("@appbaseio/reactivesearch");
+const react_1 = __importDefault(require("react"));
+const components_1 = require("../../components");
+const FiltersActive = (props) => {
+    var _a;
+    const RenderFiltersActiveComponent = (_a = props.renderFiltersActive) !== null && _a !== void 0 ? _a : components_1.ExampleFiltersActive;
+    return (react_1.default.createElement(reactivesearch_1.SelectedFilters, { render: ({ selectedValues, setValue }) => {
+            const selectedFilters = Object.entries(selectedValues)
+                .filter(([key, item]) => {
+                var _a, _b;
+                return (item === null || item === void 0 ? void 0 : item.URLParams) &&
+                    (item === null || item === void 0 ? void 0 : item.showFilter) &&
+                    (!!((_a = item === null || item === void 0 ? void 0 : item.value) === null || _a === void 0 ? void 0 : _a.length) || !!((_b = item === null || item === void 0 ? void 0 : item.value) === null || _b === void 0 ? void 0 : _b.label));
+            })
+                .map(([key, item]) => ({
+                key: key,
+                label: item.label,
+                value: item.value,
+            }));
+            const handleRemove = (selectedFilterKey) => {
+                setValue(selectedFilterKey, null);
+            };
+            if (!selectedFilters.length) {
+                return null;
+            }
+            return (react_1.default.createElement(RenderFiltersActiveComponent, { selectedFilters: selectedFilters, handleRemove: handleRemove }));
+        } }));
+};
+exports.FiltersActive = FiltersActive;
+//# sourceMappingURL=FiltersActive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersActive.js","sourceRoot":"","sources":["../../../../src/components/Filter/FiltersActive.tsx"],"names":[],"mappings":";;;;;;AAAA,8DAA4D;AAC5D,kDAA0B;AAE1B,iDAAwD;AAcjD,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;;IACnE,MAAM,4BAA4B,GAChC,MAAA,KAAK,CAAC,mBAAmB,mCAAI,iCAAoB,CAAC;IAEpD,OAAO,CACL,8BAAC,gCAAe,IACd,MAAM,EAAE,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE;YACvC,MAAM,eAAe,GACnB,MAAM,CAAC,OAAO,CAAC,cAAc,CAC9B;iBACE,MAAM,CACL,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE;;gBACd,OAAA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS;qBACf,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,CAAA;oBAChB,CAAC,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,MAAM,CAAA,IAAI,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,KAAK,CAAA,CAAC,CAAA;aAAA,CAClD;iBACA,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;gBACrB,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK,EAAE,IAAI,CAAC,KAAK;aAClB,CAAC,CAAC,CAAC;YAEN,MAAM,YAAY,GAAG,CAAC,iBAAyB,EAAE,EAAE;gBACjD,QAAQ,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;YACpC,CAAC,CAAC;YAEF,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE;gBAC3B,OAAO,IAAI,CAAC;aACb;YAED,OAAO,CACL,8BAAC,4BAA4B,IAC3B,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;QACJ,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,aAAa,iBAuCxB","sourcesContent":["import { SelectedFilters } from \"@appbaseio/reactivesearch\";\nimport React from \"react\";\n\nimport { ExampleFiltersActive } from \"../../components\";\n\nexport type FiltersActiveProps = {\n  /** Render method called once for all active filters */\n  renderFiltersActive?: React.FC<{\n    selectedFilters: Array<{\n      key: string;\n      label: string;\n      value: Array<string> | string | { start: number; end: number };\n    }>;\n    handleRemove: (filterKey: string) => void;\n  }>;\n};\n\nexport const FiltersActive: React.FC<FiltersActiveProps> = (props) => {\n  const RenderFiltersActiveComponent =\n    props.renderFiltersActive ?? ExampleFiltersActive;\n\n  return (\n    <SelectedFilters\n      render={({ selectedValues, setValue }) => {\n        const selectedFilters = (\n          Object.entries(selectedValues) as Array<[string, any]>\n        )\n          .filter(\n            ([key, item]) =>\n              item?.URLParams &&\n              item?.showFilter &&\n              (!!item?.value?.length || !!item?.value?.label)\n          )\n          .map(([key, item]) => ({\n            key: key,\n            label: item.label,\n            value: item.value,\n          }));\n\n        const handleRemove = (selectedFilterKey: string) => {\n          setValue(selectedFilterKey, null);\n        };\n\n        if (!selectedFilters.length) {\n          return null;\n        }\n\n        return (\n          <RenderFiltersActiveComponent\n            selectedFilters={selectedFilters}\n            handleRemove={handleRemove}\n          />\n        );\n      }}\n    />\n  );\n};\n"]}

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

@@ -1,2 +1,3 @@
 export * from "./Filter";
-export * from "./FilterStack";
+export * from "./Filters";
+export * from "./FiltersActive";

package/dist/src/components/Filter/index.js

@@ -11,5 +11,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Filter"), exports);
-__exportStar(require("./FilterStack"), exports);
+__exportStar(require("./Filters"), exports);
+__exportStar(require("./FiltersActive"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Filter/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,gDAA8B","sourcesContent":["export * from \"./Filter\";\nexport * from \"./FilterStack\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Filter/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,4CAA0B;AAC1B,kDAAgC","sourcesContent":["export * from \"./Filter\";\nexport * from \"./Filters\";\nexport * from \"./FiltersActive\";\n"]}

package/dist/src/components/{ReactifySearchBase/ReactifySearchBase.d.ts → ReactifySearchProvider/ReactifySearchProvider.d.ts}

@@ -1,16 +1,16 @@
 import React from "react";
-export declare type ReactifySearchBaseProps = {
+export declare type ReactifySearchProviderProps = {
     /** The search area the provider will be used in */
     mode: "search" | "collection" | "instant-search";
     /** Shopify store domain used to resolve the site configuration */
     shopifyPermanentDomain: string;
     /** Specific filter group handle, used to override automated logic */
-    filterStackHandle?: string;
+    filtersHandle?: string;
     /** Callback function for redirects, suitable for headless sites to avoid full page refresh */
     onRedirect?: (type: "redirect" | "search", url: string) => void;
     /** Render method to display a component when the config is loading */
     renderBooting?: () => JSX.Element | null;
-    /** Advanced usage: Allows you to wrap the ReactifySearchBase in your own ReactiveBase component */
+    /** Advanced usage: Allows you to wrap the ReactifySearchProvider in your own ReactiveBase component */
     noReactiveBase?: boolean;
     /** Advanced usage: Array of additional component IDs managed outside of Reactify Search */
     additionalComponentHandles?: string[];
@@ -31,12 +31,8 @@ export declare type ReactifySearchBaseProps = {
 } | {
     mode: "collection";
     /** Collection object that includes the handle, used to find curations */
-    collection: {
-        id: number;
-        title: string;
-        handle: string;
-    };
+    collectionHandle: string;
 } | {
     mode: "instant-search";
 });
-export declare const ReactifySearchBase: React.FC<ReactifySearchBaseProps>;
+export declare const ReactifySearchProvider: React.FC<ReactifySearchProviderProps>;

package/dist/src/components/{ReactifySearchBase/ReactifySearchBase.js → ReactifySearchProvider/ReactifySearchProvider.js}

@@ -22,27 +22,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReactifySearchBase = void 0;
+exports.ReactifySearchProvider = void 0;
 const react_1 = __importDefault(require("react"));
 const Sentry = __importStar(require("@sentry/react"));
 const hooks_1 = require("../../hooks");
 const components_1 = require("../../components");
 const utility_1 = require("../../utility");
-const ReactifySearchBase = (props) => {
+const ReactifySearchProvider = (props) => {
     react_1.default.useEffect(() => {
-        utility_1.debug.log("ReactifySearchBase", "props", props);
+        utility_1.debug.log("ReactifySearchProvider", "props", props);
         Sentry.setTags({
             "reactifysearch.index": props.index,
             "reactifysearch.shop": props.shopifyPermanentDomain,
             "reactifysearch.mode": props.mode,
-            "reactifysearch.collection": props.mode === "collection" ? props.collection.handle : undefined,
-            "reactifysearch.filter": props.filterStackHandle,
+            "reactifysearch.collection": props.mode === "collection" ? props.collectionHandle : undefined,
+            "reactifysearch.filter": props.filtersHandle,
         });
     }, [props]);
     return (react_1.default.createElement(Sentry.ErrorBoundary, { fallback: react_1.default.createElement("p", null, "An error has occurred") },
         react_1.default.createElement(ReactifySearchInner, Object.assign({}, props))));
 };
-exports.ReactifySearchBase = ReactifySearchBase;
+exports.ReactifySearchProvider = ReactifySearchProvider;
 const ReactifySearchInner = (props) => {
     var _a, _b;
     const { config } = (0, hooks_1.useConfig)(props.shopifyPermanentDomain, props.configId);
@@ -99,9 +99,9 @@ const ReactifySearchInner = (props) => {
         if (!config) {
             return;
         }
-        const memoValue = {
+        return {
             config: config,
-            options: Object.assign(Object.assign({}, props), { index: (_a = props.index) !== null && _a !== void 0 ? _a : config.index, filterStackHandle: props.filterStackHandle, credentials: credentials, theme: theme }),
+            options: Object.assign(Object.assign({}, props), { index: (_a = props.index) !== null && _a !== void 0 ? _a : config.index, filtersHandle: props.filtersHandle, credentials: credentials, theme: theme }),
             search: {
                 searchQuery: searchQuery,
                 setSearchQuery: setSearchQuery,
@@ -113,9 +113,10 @@ const ReactifySearchInner = (props) => {
                 setSortOption: setSortOption,
             },
         };
-        utility_1.debug.log("ReactifySearchBase", "context", memoValue);
-        return memoValue;
     }, [config, props, searchQuery, instantSearchVisible, sortOption]);
+    utility_1.debug.hook("ReactifySearchProvider", "context", contextValue);
+    utility_1.debug.hook("ReactifySearchProvider", "searchQuery", searchQuery);
+    utility_1.debug.hook("ReactifySearchProvider", "sortOption", sortOption);
     if (!contextValue) {
         if (props.renderBooting) {
             return props.renderBooting();
@@ -128,4 +129,4 @@ const ReactifySearchInner = (props) => {
     return (react_1.default.createElement(hooks_1.ReactifySearchContext.Provider, { value: contextValue },
         react_1.default.createElement(components_1.UtilityAuthenticatedReactiveBase, null, props.children)));
 };
-//# sourceMappingURL=ReactifySearchBase.js.map
+//# sourceMappingURL=ReactifySearchProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReactifySearchProvider.js","sourceRoot":"","sources":["../../../../src/components/ReactifySearchProvider/ReactifySearchProvider.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 ReactifySearchProviderProps = {\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  filtersHandle?: 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 ReactifySearchProvider 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      collectionHandle: string;\n    }\n  | {\n      mode: \"instant-search\";\n    }\n);\n\nexport const ReactifySearchProvider: React.FC<ReactifySearchProviderProps> = (\n  props\n) => {\n  React.useEffect(() => {\n    debug.log(\"ReactifySearchProvider\", \"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.collectionHandle : undefined,\n      \"reactifysearch.filter\": props.filtersHandle,\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<ReactifySearchProviderProps> = (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\") {\n      return;\n    }\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"q\") ?? undefined;\n  }, [typeof window !== \"undefined\" && window.location.search]);\n\n  const searchSortFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"sort\") ?? undefined;\n  }, [typeof window !== \"undefined\" && 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\") {\n      return;\n    }\n\n    if (window.location.search === \"\" && sortOption) {\n      setSortOption(sortOption);\n    }\n  }, [typeof window !== \"undefined\" && window.location.search]);\n\n  const contextValue = React.useMemo(() => {\n    if (!config) {\n      return;\n    }\n\n    return {\n      config: config,\n      options: {\n        ...props,\n        index: props.index ?? config.index,\n        filtersHandle: props.filtersHandle,\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  }, [config, props, searchQuery, instantSearchVisible, sortOption]);\n\n  debug.hook(\"ReactifySearchProvider\", \"context\", contextValue);\n  debug.hook(\"ReactifySearchProvider\", \"searchQuery\", searchQuery);\n  debug.hook(\"ReactifySearchProvider\", \"sortOption\", 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/ReactifySearchProvider/index.d.ts

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

package/dist/src/components/ReactifySearchProvider/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ReactifySearchProvider"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/src/components/Result/{ResultStack.d.ts → Results.d.ts}

@@ -9,7 +9,7 @@ export declare type ResultProps = ReactivesearchResultProps & {
     callouts: ElasticCallout[];
     products: ElasticProduct[];
 };
-export declare type ResultStackProps = {
+export declare type ResultsProps = {
     /** Style prop for the list wrapper */
     listStyle?: React.HTMLAttributes<HTMLElement>["style"];
     /** Classname prop for the list wrapper */
@@ -37,4 +37,4 @@ export declare type ResultStackProps = {
     /** Advanced Usage: Override the default amount of results per page */
     pageSize?: number;
 };
-export declare const ResultStack: React.FC<ResultStackProps>;
+export declare const Results: React.FC<ResultsProps>;

package/dist/src/components/Result/{ResultStack.js → Results.js}

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResultStack = void 0;
+exports.Results = void 0;
 const react_1 = __importDefault(require("react"));
 const ReactiveList_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/result/ReactiveList"));
 const ResultCardCallout_1 = require("./ResultCardCallout");
@@ -11,27 +11,28 @@ const ResultCardProduct_1 = require("./ResultCardProduct");
 const ResultPaginationNumbered_1 = require("./ResultPaginationNumbered");
 const ResultPaginationLoadMore_1 = require("./ResultPaginationLoadMore");
 const ResultPaginationNextPrev_1 = require("./ResultPaginationNextPrev");
-const hooks_1 = require("../../hooks");
 const types_1 = require("../../types");
-const ResultStack = (props) => {
+const hooks_1 = require("../../hooks");
+const utility_1 = require("../../utility");
+const Results = (props) => {
     const reactiveReactiveListProps = (0, hooks_1.useReactiveReactiveListProps)({
         pageSize: props.pageSize,
     });
-    return (react_1.default.createElement(ReactiveList_1.default, Object.assign({}, reactiveReactiveListProps, { render: (reactivesearchResultProps) => (react_1.default.createElement(ResultStackInner, Object.assign({}, props, { reactivesearchResultProps: reactivesearchResultProps }))), renderPagination: (reactivesearchPaginationProps) => (react_1.default.createElement(ResultStackPaginationStack, Object.assign({}, props, reactivesearchPaginationProps))) })));
+    return (react_1.default.createElement(ReactiveList_1.default, Object.assign({}, reactiveReactiveListProps, { render: (reactivesearchResultProps) => (react_1.default.createElement(ResultsInner, Object.assign({}, props, { reactivesearchResultProps: reactivesearchResultProps }))), renderPagination: (reactivesearchPaginationProps) => (react_1.default.createElement(ResultsPaginationStack, Object.assign({}, props, reactivesearchPaginationProps))) })));
 };
-exports.ResultStack = ResultStack;
-const ResultStackRenderErrorComponent = (props) => {
+exports.Results = Results;
+const ResultsRenderErrorComponent = (props) => {
     return (react_1.default.createElement("div", null,
         "Error: ",
         props.error.statusText));
 };
-const ResultStackRenderLoadingComponent = () => {
+const ResultsRenderLoadingComponent = () => {
     return react_1.default.createElement("div", null, "Loading");
 };
-const ResultStackRenderNoResultsComponent = () => {
+const ResultsRenderNoResultsComponent = () => {
     return react_1.default.createElement("div", null, "No results");
 };
-const ResultStackInner = (props) => {
+const ResultsInner = (props) => {
     var _a, _b, _c;
     const { track } = (0, hooks_1.useAnalytics)();
     const { searchQuery } = (0, hooks_1.useSearch)();
@@ -45,24 +46,40 @@ const ResultStackInner = (props) => {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))",
         };
     }, [props.listStyle]);
+    react_1.default.useEffect(() => {
+        if (!props.reactivesearchResultProps.loading &&
+            !props.reactivesearchResultProps.resultStats.numberOfResults) {
+            if (searchQuery) {
+                track({
+                    eventName: "zeroResults",
+                    payload: {
+                        searchTerm: searchQuery,
+                    },
+                });
+            }
+        }
+    }, [
+        props.reactivesearchResultProps.loading,
+        props.reactivesearchResultProps.resultStats.numberOfResults,
+        searchQuery,
+    ]);
     if (props.reactivesearchResultProps.error) {
-        const RenderErrorComponent = (_a = props.renderError) !== null && _a !== void 0 ? _a : ResultStackRenderErrorComponent;
+        utility_1.debug.breadcrumb({
+            category: "result",
+            message: "error",
+            data: {
+                error: props.reactivesearchResultProps.error,
+            },
+        });
+        const RenderErrorComponent = (_a = props.renderError) !== null && _a !== void 0 ? _a : ResultsRenderErrorComponent;
         return (react_1.default.createElement(RenderErrorComponent, { error: props.reactivesearchResultProps.error }));
     }
     if (!initialSearchHasRun) {
-        const RenderLoadingComponent = (_b = props.renderLoading) !== null && _b !== void 0 ? _b : ResultStackRenderLoadingComponent;
+        const RenderLoadingComponent = (_b = props.renderLoading) !== null && _b !== void 0 ? _b : ResultsRenderLoadingComponent;
         return react_1.default.createElement(RenderLoadingComponent, null);
     }
     if (!props.reactivesearchResultProps.resultStats.numberOfResults) {
-        if (searchQuery) {
-            track({
-                eventName: "zeroResults",
-                payload: {
-                    searchTerm: searchQuery,
-                },
-            });
-        }
-        const RenderNoResultsComponent = (_c = props.renderNoResults) !== null && _c !== void 0 ? _c : ResultStackRenderNoResultsComponent;
+        const RenderNoResultsComponent = (_c = props.renderNoResults) !== null && _c !== void 0 ? _c : ResultsRenderNoResultsComponent;
         return react_1.default.createElement(RenderNoResultsComponent, null);
     }
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -76,12 +93,12 @@ const ResultStackInner = (props) => {
             }
             return null;
         })),
-        react_1.default.createElement(ResultStackPaginationStackLoadMore, Object.assign({}, props, props.reactivesearchResultProps))));
+        react_1.default.createElement(ResultsPaginationStackLoadMore, Object.assign({}, props, props.reactivesearchResultProps))));
 };
 /** Handles rendering pagination for types that use "pagination props" */
-const ResultStackPaginationStack = (props) => {
+const ResultsPaginationStack = (props) => {
     const { options } = (0, hooks_1.useReactifySearchContext)();
-    const { filterStack } = (0, hooks_1.useFilterStack)();
+    const { filterStack } = (0, hooks_1.useFilters)();
     if (options.mode === "instant-search") {
         return null;
     }
@@ -94,9 +111,9 @@ const ResultStackPaginationStack = (props) => {
     return null;
 };
 /** Handles rendering pagination for types that use "result props" */
-const ResultStackPaginationStackLoadMore = (props) => {
+const ResultsPaginationStackLoadMore = (props) => {
     const { options } = (0, hooks_1.useReactifySearchContext)();
-    const { filterStack } = (0, hooks_1.useFilterStack)();
+    const { filterStack } = (0, hooks_1.useFilters)();
     if (options.mode === "instant-search") {
         return null;
     }
@@ -105,4 +122,4 @@ const ResultStackPaginationStackLoadMore = (props) => {
     }
     return null;
 };
-//# sourceMappingURL=ResultStack.js.map
+//# sourceMappingURL=Results.js.map