@usereactify/search 5.0.0-beta.9 → 5.0.0

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

@@ -0,0 +1,22 @@
+import React from "react";
+import { ElasticHit, ReactivesearchError } from "../../types";
+export declare type StatsProps = {
+    /** Render method */
+    render?: React.FC<{
+        isLoading: boolean;
+        hits: {
+            hidden: number;
+            time: number;
+            total: number;
+            hits: Array<ElasticHit>;
+        };
+        resultStats: {
+            hidden: number;
+            numberOfResults?: number;
+            promoted: number;
+            time: number;
+        };
+        error?: ReactivesearchError;
+    }>;
+};
+export declare const Stats: React.FC<StatsProps>;

package/dist/src/components/Stats/Stats.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stats = void 0;
+const react_1 = __importDefault(require("react"));
+const components_1 = require("../../components");
+const Stats = (props) => {
+    var _a;
+    const RenderComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleStats;
+    return (react_1.default.createElement(components_1.ResultStateProvider, { render: (renderProps) => react_1.default.createElement(RenderComponent, Object.assign({}, renderProps)) }));
+};
+exports.Stats = Stats;
+//# sourceMappingURL=Stats.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stats.js","sourceRoot":"","sources":["../../../../src/components/Stats/Stats.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,iDAAqE;AAsB9D,MAAM,KAAK,GAAyB,CAAC,KAAK,EAAE,EAAE;;IACnD,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,yBAAY,CAAC;IAErD,OAAO,CACL,8BAAC,gCAAmB,IAClB,MAAM,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,8BAAC,eAAe,oBAAK,WAAW,EAAI,GAC7D,CACH,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,KAAK,SAQhB","sourcesContent":["import React from \"react\";\n\nimport { ElasticHit, ReactivesearchError } from \"../../types\";\nimport { ResultStateProvider, ExampleStats } from \"../../components\";\n\nexport type StatsProps = {\n  /** Render method */\n  render?: React.FC<{\n    isLoading: boolean;\n    hits: {\n      hidden: number;\n      time: number;\n      total: number;\n      hits: Array<ElasticHit>;\n    };\n    resultStats: {\n      hidden: number;\n      numberOfResults?: number;\n      promoted: number;\n      time: number;\n    };\n    error?: ReactivesearchError;\n  }>;\n};\n\nexport const Stats: React.FC<StatsProps> = (props) => {\n  const RenderComponent = props.render ?? ExampleStats;\n\n  return (\n    <ResultStateProvider\n      render={(renderProps) => <RenderComponent {...renderProps} />}\n    />\n  );\n};\n"]}

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

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

package/dist/src/components/Stats/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("./Stats"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,8 +1,11 @@
 export * from "./Example";
+export * from "./CustomComponent";
+export * from "./ClearAll";
 export * from "./Filter";
-export * from "./ReactifySearchBase";
+export * from "./ReactifySearchProvider";
 export * from "./Result";
 export * from "./Search";
 export * from "./Sensor";
-export * from "./Sortby";
+export * from "./SortBy";
+export * from "./Stats";
 export * from "./Utility";

package/dist/src/components/index.js

@@ -11,11 +11,14 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Example"), exports);
+__exportStar(require("./CustomComponent"), exports);
+__exportStar(require("./ClearAll"), exports);
 __exportStar(require("./Filter"), exports);
-__exportStar(require("./ReactifySearchBase"), exports);
+__exportStar(require("./ReactifySearchProvider"), exports);
 __exportStar(require("./Result"), exports);
 __exportStar(require("./Search"), exports);
 __exportStar(require("./Sensor"), exports);
-__exportStar(require("./Sortby"), exports);
+__exportStar(require("./SortBy"), exports);
+__exportStar(require("./Stats"), exports);
 __exportStar(require("./Utility"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,4CAA0B;AAC1B,2CAAyB;AACzB,uDAAqC;AACrC,2CAAyB;AACzB,2CAAyB;AACzB,2CAAyB;AACzB,2CAAyB;AACzB,4CAAyB","sourcesContent":["export * from \"./Example\";\nexport * from \"./Filter\";\nexport * from \"./ReactifySearchBase\";\nexport * from \"./Result\";\nexport * from \"./Search\";\nexport * from \"./Sensor\";\nexport * from \"./Sortby\";\nexport * from \"./Utility\""]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,4CAA0B;AAC1B,oDAAkC;AAClC,6CAA2B;AAC3B,2CAAyB;AACzB,2DAAyC;AACzC,2CAAyB;AACzB,2CAAyB;AACzB,2CAAyB;AACzB,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B","sourcesContent":["export * from \"./Example\";\nexport * from \"./CustomComponent\";\nexport * from \"./ClearAll\";\nexport * from \"./Filter\";\nexport * from \"./ReactifySearchProvider\";\nexport * from \"./Result\";\nexport * from \"./Search\";\nexport * from \"./Sensor\";\nexport * from \"./SortBy\";\nexport * from \"./Stats\";\nexport * from \"./Utility\";\n"]}

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

@@ -1,15 +1,16 @@
 export * from "./reactivesearch";
 export * from "./useDebugger";
-export * from "./useSortby";
+export * from "./useSortBy";
 export * from "./usePagination";
 export * from "./usePaginationLoadMore";
 export * from "./useSearch";
-export * from "./useFilters";
 export * from "./useCuration";
 export * from "./useAnalytics";
-export * from "./useFilterStack";
+export * from "./useFilters";
 export * from "./useProductPrice";
 export * from "./useFilterListProps";
+export * from "./useFilterRangeProps";
+export * from "./useFilterSliderProps";
 export * from "./useFilterCollapsedState";
 export * from "./useConfig";
 export * from "./useReactifySearchContext";

package/dist/src/hooks/index.js

@@ -12,16 +12,17 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./reactivesearch"), exports);
 __exportStar(require("./useDebugger"), exports);
-__exportStar(require("./useSortby"), exports);
+__exportStar(require("./useSortBy"), exports);
 __exportStar(require("./usePagination"), exports);
 __exportStar(require("./usePaginationLoadMore"), exports);
 __exportStar(require("./useSearch"), exports);
-__exportStar(require("./useFilters"), exports);
 __exportStar(require("./useCuration"), exports);
 __exportStar(require("./useAnalytics"), exports);
-__exportStar(require("./useFilterStack"), exports);
+__exportStar(require("./useFilters"), exports);
 __exportStar(require("./useProductPrice"), exports);
 __exportStar(require("./useFilterListProps"), exports);
+__exportStar(require("./useFilterRangeProps"), exports);
+__exportStar(require("./useFilterSliderProps"), exports);
 __exportStar(require("./useFilterCollapsedState"), exports);
 __exportStar(require("./useConfig"), exports);
 __exportStar(require("./useReactifySearchContext"), exports);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAiC;AAEjC,gDAA8B;AAC9B,8CAA4B;AAC5B,kDAAgC;AAChC,0DAAwC;AACxC,8CAA4B;AAC5B,+CAA6B;AAC7B,gDAA8B;AAC9B,iDAA+B;AAC/B,mDAAiC;AACjC,oDAAkC;AAClC,uDAAqC;AACrC,4DAA0C;AAC1C,8CAA4B;AAC5B,6DAA2C","sourcesContent":["export * from \"./reactivesearch\";\n\nexport * from \"./useDebugger\";\nexport * from \"./useSortby\";\nexport * from \"./usePagination\";\nexport * from \"./usePaginationLoadMore\";\nexport * from \"./useSearch\";\nexport * from \"./useFilters\";\nexport * from \"./useCuration\";\nexport * from \"./useAnalytics\";\nexport * from \"./useFilterStack\";\nexport * from \"./useProductPrice\";\nexport * from \"./useFilterListProps\";\nexport * from \"./useFilterCollapsedState\";\nexport * from \"./useConfig\";\nexport * from \"./useReactifySearchContext\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAiC;AAEjC,gDAA8B;AAC9B,8CAA4B;AAC5B,kDAAgC;AAChC,0DAAwC;AACxC,8CAA4B;AAC5B,gDAA8B;AAC9B,iDAA+B;AAC/B,+CAA6B;AAC7B,oDAAkC;AAClC,uDAAqC;AACrC,wDAAsC;AACtC,yDAAuC;AACvC,4DAA0C;AAC1C,8CAA4B;AAC5B,6DAA2C","sourcesContent":["export * from \"./reactivesearch\";\n\nexport * from \"./useDebugger\";\nexport * from \"./useSortBy\";\nexport * from \"./usePagination\";\nexport * from \"./usePaginationLoadMore\";\nexport * from \"./useSearch\";\nexport * from \"./useCuration\";\nexport * from \"./useAnalytics\";\nexport * from \"./useFilters\";\nexport * from \"./useProductPrice\";\nexport * from \"./useFilterListProps\";\nexport * from \"./useFilterRangeProps\";\nexport * from \"./useFilterSliderProps\";\nexport * from \"./useFilterCollapsedState\";\nexport * from \"./useConfig\";\nexport * from \"./useReactifySearchContext\";\n"]}

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

@@ -1,8 +1,8 @@
 export * from "./useReactiveBaseProps";
-export * from "./useReactiveReactProp";
+export * from "./useReactiveDataSearchProps";
 export * from "./useReactiveFilterListProps";
 export * from "./useReactiveFilterRangeProps";
 export * from "./useReactiveFilterSliderProps";
 export * from "./useReactiveFilterSharedProps";
-export * from "./useReactiveResultStackProps";
-export * from "./useReactiveDataSearchProps";
+export * from "./useReactiveReactProp";
+export * from "./useReactiveReactiveListProps";

package/dist/src/hooks/reactivesearch/index.js

@@ -11,11 +11,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./useReactiveBaseProps"), exports);
-__exportStar(require("./useReactiveReactProp"), exports);
+__exportStar(require("./useReactiveDataSearchProps"), exports);
 __exportStar(require("./useReactiveFilterListProps"), exports);
 __exportStar(require("./useReactiveFilterRangeProps"), exports);
 __exportStar(require("./useReactiveFilterSliderProps"), exports);
 __exportStar(require("./useReactiveFilterSharedProps"), exports);
-__exportStar(require("./useReactiveResultStackProps"), exports);
-__exportStar(require("./useReactiveDataSearchProps"), exports);
+__exportStar(require("./useReactiveReactProp"), exports);
+__exportStar(require("./useReactiveReactiveListProps"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,yDAAuC;AACvC,yDAAuC;AACvC,+DAA6C;AAC7C,gEAA8C;AAC9C,iEAA+C;AAC/C,iEAA+C;AAC/C,gEAA8C;AAC9C,+DAA6C","sourcesContent":["export * from \"./useReactiveBaseProps\";\nexport * from \"./useReactiveReactProp\";\nexport * from \"./useReactiveFilterListProps\";\nexport * from \"./useReactiveFilterRangeProps\";\nexport * from \"./useReactiveFilterSliderProps\";\nexport * from \"./useReactiveFilterSharedProps\";\nexport * from \"./useReactiveResultStackProps\";\nexport * from \"./useReactiveDataSearchProps\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,yDAAuC;AACvC,+DAA6C;AAC7C,+DAA6C;AAC7C,gEAA8C;AAC9C,iEAA+C;AAC/C,iEAA+C;AAC/C,yDAAuC;AACvC,iEAA+C","sourcesContent":["export * from \"./useReactiveBaseProps\";\nexport * from \"./useReactiveDataSearchProps\";\nexport * from \"./useReactiveFilterListProps\";\nexport * from \"./useReactiveFilterRangeProps\";\nexport * from \"./useReactiveFilterSliderProps\";\nexport * from \"./useReactiveFilterSharedProps\";\nexport * from \"./useReactiveReactProp\";\nexport * from \"./useReactiveReactiveListProps\";\n"]}

package/dist/src/hooks/reactivesearch/useReactiveBaseProps.js

@@ -17,7 +17,7 @@ const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
 const useReactiveBaseProps = () => {
     const { options } = (0, hooks_1.useReactifySearchContext)();
-    return react_1.default.useMemo(() => ({
+    const reactiveBaseProps = react_1.default.useMemo(() => ({
         app: options.index,
         url: options.credentials.endpoint,
         credentials: `${options.credentials.username}:${options.credentials.password}`,
@@ -39,6 +39,7 @@ const useReactiveBaseProps = () => {
             return response;
         }),
     }), [options.credentials, options.theme]);
+    return reactiveBaseProps;
 };
 exports.useReactiveBaseProps = useReactiveBaseProps;
 //# sourceMappingURL=useReactiveBaseProps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useReactiveBaseProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveBaseProps.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uCAAuD;AAEhD,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAE/C,OAAO,eAAK,CAAC,OAAO,CAClB,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,EAAE,OAAO,CAAC,KAAK;QAClB,GAAG,EAAE,OAAO,CAAC,WAAW,CAAC,QAAQ;QACjC,WAAW,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,QAAQ,IAAI,OAAO,CAAC,WAAW,CAAC,QAAQ,EAAE;QAC9E,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,iBAAiB,EAAE,CAAO,QAAa,EAAE,EAAE;;YACzC,+EAA+E;YAC/E,uDAAuD;YACvD,EAAE;YACF,qFAAqF;YACrF,qFAAqF;YACrF,kEAAkE;YAClE,EAAE;YACF,0DAA0D;YAC1D,IACE,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,0CAAE,qBAAqB,0CAAE,qBAAqB,EACpE;gBACA,QAAQ,CAAC,YAAY,CAAC,qBAAqB;oBACzC,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,0CAAE,qBAAqB,0CAAE,qBAAqB,CAAC;aACxE;YAED,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAA;KACF,CAAC,EACF,CAAC,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,CACrC,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,oBAAoB,wBA8B/B","sourcesContent":["import React from \"react\";\nimport { useReactifySearchContext } from \"../../hooks\";\n\nexport const useReactiveBaseProps = () => {\n  const { options } = useReactifySearchContext();\n\n  return React.useMemo(\n    () => ({\n      app: options.index,\n      url: options.credentials.endpoint,\n      credentials: `${options.credentials.username}:${options.credentials.password}`,\n      theme: options.theme,\n      transformResponse: async (response: any) => {\n        // support filtering inside nested aggregations by moving the inner aggregation\n        // up one level such that reactivesearch understands it\n        //\n        // see useReactiveFilterListProps > defaultQuery to see how a filter is being applied\n        // to variant aggregations to ensure that only in stock sizes are displayed as filter\n        // options, this involves a nested filter, which requires this fix\n        //\n        // https://github.com/appbaseio/reactivesearch/issues/1530\n        if (\n          response?.aggregations?.reactivesearch_nested?.reactify_nested_outer\n        ) {\n          response.aggregations.reactivesearch_nested =\n            response?.aggregations?.reactivesearch_nested?.reactify_nested_outer;\n        }\n\n        return response;\n      },\n    }),\n    [options.credentials, options.theme]\n  );\n};\n"]}
+{"version":3,"file":"useReactiveBaseProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveBaseProps.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uCAAuD;AAEhD,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAE/C,MAAM,iBAAiB,GAAG,eAAK,CAAC,OAAO,CACrC,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,EAAE,OAAO,CAAC,KAAK;QAClB,GAAG,EAAE,OAAO,CAAC,WAAW,CAAC,QAAQ;QACjC,WAAW,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,QAAQ,IAAI,OAAO,CAAC,WAAW,CAAC,QAAQ,EAAE;QAC9E,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,iBAAiB,EAAE,CAAO,QAAa,EAAE,EAAE;;YACzC,+EAA+E;YAC/E,uDAAuD;YACvD,EAAE;YACF,qFAAqF;YACrF,qFAAqF;YACrF,kEAAkE;YAClE,EAAE;YACF,0DAA0D;YAC1D,IACE,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,0CAAE,qBAAqB,0CAAE,qBAAqB,EACpE;gBACA,QAAQ,CAAC,YAAY,CAAC,qBAAqB;oBACzC,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,0CAAE,qBAAqB,0CAAE,qBAAqB,CAAC;aACxE;YAED,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAA;KACF,CAAC,EACF,CAAC,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,CACrC,CAAC;IAEF,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AAhCW,QAAA,oBAAoB,wBAgC/B","sourcesContent":["import React from \"react\";\nimport { useReactifySearchContext } from \"../../hooks\";\n\nexport const useReactiveBaseProps = () => {\n  const { options } = useReactifySearchContext();\n\n  const reactiveBaseProps = React.useMemo(\n    () => ({\n      app: options.index,\n      url: options.credentials.endpoint,\n      credentials: `${options.credentials.username}:${options.credentials.password}`,\n      theme: options.theme,\n      transformResponse: async (response: any) => {\n        // support filtering inside nested aggregations by moving the inner aggregation\n        // up one level such that reactivesearch understands it\n        //\n        // see useReactiveFilterListProps > defaultQuery to see how a filter is being applied\n        // to variant aggregations to ensure that only in stock sizes are displayed as filter\n        // options, this involves a nested filter, which requires this fix\n        //\n        // https://github.com/appbaseio/reactivesearch/issues/1530\n        if (\n          response?.aggregations?.reactivesearch_nested?.reactify_nested_outer\n        ) {\n          response.aggregations.reactivesearch_nested =\n            response?.aggregations?.reactivesearch_nested?.reactify_nested_outer;\n        }\n\n        return response;\n      },\n    }),\n    [options.credentials, options.theme]\n  );\n\n  return reactiveBaseProps;\n};\n"]}

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

@@ -9,7 +9,7 @@ export declare const useReactiveDataSearchProps: (options: {
     inputClassName?: string | undefined;
     type: string;
     showIcon: boolean;
-    fuzziness: 0 | 2 | 1 | "AUTO";
+    fuzziness: 0 | 1 | 2 | "AUTO";
     queryFormat: "and" | "or";
     autosuggest: boolean;
     value: string;

package/dist/src/hooks/reactivesearch/useReactiveDataSearchProps.js

@@ -17,31 +17,31 @@ const defaultSearchField = {
 const useReactiveDataSearchProps = (options) => {
     var _a;
     const { config } = (0, hooks_1.useReactifySearchContext)();
-    const { searchQuery, submitSearch, setSearchQuery, setShowInstantSearchResults, } = (0, hooks_1.useSearch)();
+    const { searchTerm, submitSearchTerm, setSearchTerm, setShowInstantSearchResults, } = (0, hooks_1.useSearch)();
     const searchFields = react_1.default.useMemo(() => 0 < config.fields.length
         ? config.fields.filter((field) => ["always_search", "instant_search"].includes(field.searchType))
         : [defaultSearchField], []);
     const handleKeyPress = react_1.default.useCallback((e) => {
         if ("Enter" !== e.key)
             return;
-        submitSearch();
-    }, [submitSearch]);
+        submitSearchTerm();
+    }, [submitSearchTerm]);
     const { track } = (0, hooks_1.useAnalytics)();
     const trackQuery = react_1.default.useCallback(() => {
-        if (!searchQuery || (searchQuery && searchQuery.length < 3))
+        if (!searchTerm || (searchTerm && searchTerm.length < 3))
             return;
-        track({ eventName: "search", payload: { searchTerm: searchQuery } });
-    }, [searchQuery, track]);
+        track({ eventName: "search", payload: { searchTerm: searchTerm } });
+    }, [searchTerm, track]);
     const { run: runDebouncedTriggerQuery, cancel: cancelDebouncedTriggerQuery } = (0, ahooks_1.useDebounceFn)((triggerQuery) => {
         triggerQuery();
         trackQuery();
     }, {
         wait: (_a = options.debounce) !== null && _a !== void 0 ? _a : 300,
     });
-    return react_1.default.useMemo(() => {
+    const reactiveDataSearchProps = react_1.default.useMemo(() => {
         var _a;
-        return (Object.assign({ type: "search", showIcon: false, fuzziness: 1, queryFormat: "and", autosuggest: false, value: searchQuery !== null && searchQuery !== void 0 ? searchQuery : "", onKeyUp: handleKeyPress, componentId: "SearchInput", placeholder: (_a = options.placeholder) !== null && _a !== void 0 ? _a : "Search for a product...", dataField: searchFields.map((field) => field.field), fieldWeights: searchFields.map((field) => field.importance), onChange: (value, triggerQuery) => {
-                setSearchQuery(value);
+        return (Object.assign({ type: "search", showIcon: false, fuzziness: 1, queryFormat: "and", autosuggest: false, value: searchTerm !== null && searchTerm !== void 0 ? searchTerm : "", onKeyUp: handleKeyPress, componentId: "SearchInput", placeholder: (_a = options.placeholder) !== null && _a !== void 0 ? _a : "Search for a product...", dataField: searchFields.map((field) => field.field), fieldWeights: searchFields.map((field) => field.importance), onChange: (value, triggerQuery) => {
+                setSearchTerm(value);
                 if (!!value) {
                     runDebouncedTriggerQuery(triggerQuery);
                 }
@@ -57,14 +57,15 @@ const useReactiveDataSearchProps = (options) => {
                 input: options.inputClassName,
             } }, options));
     }, [
-        searchQuery,
+        searchTerm,
         handleKeyPress,
         options.placeholder,
         searchFields,
-        setSearchQuery,
+        setSearchTerm,
         runDebouncedTriggerQuery,
         cancelDebouncedTriggerQuery,
     ]);
+    return reactiveDataSearchProps;
 };
 exports.useReactiveDataSearchProps = useReactiveDataSearchProps;
 //# sourceMappingURL=useReactiveDataSearchProps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useReactiveDataSearchProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveDataSearchProps.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { useDebounceFn } from \"ahooks\";\n\nimport type { ConfigField } from \"../../types/config\";\n\nimport { useReactifySearchContext, useSearch, useAnalytics } from \"../../hooks\";\n\n// default field for when zero search fields have been configured in Reactify\nconst defaultSearchField: ConfigField = {\n  id: \"title\",\n  field: \"title\",\n  importance: 0,\n  searchType: \"instant_search\",\n};\n\nexport const useReactiveDataSearchProps = (options: {\n  [key: string]: any;\n  debounce?: number;\n  placeholder?: string;\n  inputClassName?: string;\n}) => {\n  const { config } = useReactifySearchContext();\n  const {\n    searchQuery,\n    submitSearch,\n    setSearchQuery,\n    setShowInstantSearchResults,\n  } = useSearch();\n\n  const searchFields = React.useMemo(\n    () =>\n      0 < config.fields.length\n        ? config.fields.filter((field) =>\n            [\"always_search\", \"instant_search\"].includes(field.searchType)\n          )\n        : [defaultSearchField],\n    []\n  );\n\n  const handleKeyPress = React.useCallback(\n    (e) => {\n      if (\"Enter\" !== e.key) return;\n      submitSearch();\n    },\n    [submitSearch]\n  );\n\n  const { track } = useAnalytics();\n\n  const trackQuery = React.useCallback(() => {\n    if (!searchQuery || (searchQuery && searchQuery.length < 3)) return;\n    track({ eventName: \"search\", payload: { searchTerm: searchQuery } });\n  }, [searchQuery, track]);\n\n  const { run: runDebouncedTriggerQuery, cancel: cancelDebouncedTriggerQuery } =\n    useDebounceFn(\n      (triggerQuery: () => void) => {\n        triggerQuery();\n        trackQuery();\n      },\n      {\n        wait: options.debounce ?? 300,\n      }\n    );\n\n  return React.useMemo(\n    () => ({\n      type: \"search\",\n      showIcon: false,\n      fuzziness: 1 as 0 | 1 | 2 | \"AUTO\",\n      queryFormat: \"and\" as \"and\" | \"or\",\n      autosuggest: false,\n      value: searchQuery ?? \"\",\n      onKeyUp: handleKeyPress,\n      componentId: \"SearchInput\",\n      placeholder: options.placeholder ?? \"Search for a product...\",\n      dataField: searchFields.map((field) => field.field),\n      fieldWeights: searchFields.map((field) => field.importance),\n      onChange: (value: string, triggerQuery: () => {}) => {\n        setSearchQuery(value);\n        if (!!value) {\n          runDebouncedTriggerQuery(triggerQuery);\n        } else {\n          cancelDebouncedTriggerQuery();\n        }\n      },\n      onBlur: () => {\n        // setTimeout ensures that results are still clickable before close\n        setTimeout(() => setShowInstantSearchResults(false), 300);\n      },\n      onFocus: () => {\n        setShowInstantSearchResults(true);\n      },\n      innerClass: {\n        input: options.inputClassName,\n      },\n      ...options,\n    }),\n    [\n      searchQuery,\n      handleKeyPress,\n      options.placeholder,\n      searchFields,\n      setSearchQuery,\n      runDebouncedTriggerQuery,\n      cancelDebouncedTriggerQuery,\n    ]\n  );\n};\n"]}
+{"version":3,"file":"useReactiveDataSearchProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveDataSearchProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,mCAAuC;AAIvC,uCAAgF;AAEhF,6EAA6E;AAC7E,MAAM,kBAAkB,GAAgB;IACtC,EAAE,EAAE,OAAO;IACX,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,gBAAgB;CAC7B,CAAC;AAEK,MAAM,0BAA0B,GAAG,CAAC,OAK1C,EAAE,EAAE;;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAC9C,MAAM,EACJ,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,2BAA2B,GAC5B,GAAG,IAAA,iBAAS,GAAE,CAAC;IAEhB,MAAM,YAAY,GAAG,eAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CACH,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM;QACtB,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAC7B,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,CAC/D;QACH,CAAC,CAAC,CAAC,kBAAkB,CAAC,EAC1B,EAAE,CACH,CAAC;IAEF,MAAM,cAAc,GAAG,eAAK,CAAC,WAAW,CACtC,CAAC,CAAC,EAAE,EAAE;QACJ,IAAI,OAAO,KAAK,CAAC,CAAC,GAAG;YAAE,OAAO;QAC9B,gBAAgB,EAAE,CAAC;IACrB,CAAC,EACD,CAAC,gBAAgB,CAAC,CACnB,CAAC;IAEF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEjC,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;YAAE,OAAO;QACjE,KAAK,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,MAAM,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,2BAA2B,EAAE,GAC1E,IAAA,sBAAa,EACX,CAAC,YAAwB,EAAE,EAAE;QAC3B,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,CAAC;IACf,CAAC,EACD;QACE,IAAI,EAAE,MAAA,OAAO,CAAC,QAAQ,mCAAI,GAAG;KAC9B,CACF,CAAC;IAEJ,MAAM,uBAAuB,GAAG,eAAK,CAAC,OAAO,CAC3C,GAAG,EAAE;;QAAC,OAAA,iBACJ,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,KAAK,EACf,SAAS,EAAE,CAAuB,EAClC,WAAW,EAAE,KAAqB,EAClC,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,EACvB,OAAO,EAAE,cAAc,EACvB,WAAW,EAAE,aAAa,EAC1B,WAAW,EAAE,MAAA,OAAO,CAAC,WAAW,mCAAI,yBAAyB,EAC7D,SAAS,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EACnD,YAAY,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,EAC3D,QAAQ,EAAE,CAAC,KAAa,EAAE,YAAsB,EAAE,EAAE;gBAClD,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,IAAI,CAAC,CAAC,KAAK,EAAE;oBACX,wBAAwB,CAAC,YAAY,CAAC,CAAC;iBACxC;qBAAM;oBACL,2BAA2B,EAAE,CAAC;iBAC/B;YACH,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;gBACX,mEAAmE;gBACnE,UAAU,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;YAC5D,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;gBACZ,2BAA2B,CAAC,IAAI,CAAC,CAAC;YACpC,CAAC,EACD,UAAU,EAAE;gBACV,KAAK,EAAE,OAAO,CAAC,cAAc;aAC9B,IACE,OAAO,EACV,CAAA;KAAA,EACF;QACE,UAAU;QACV,cAAc;QACd,OAAO,CAAC,WAAW;QACnB,YAAY;QACZ,aAAa;QACb,wBAAwB;QACxB,2BAA2B;KAC5B,CACF,CAAC;IAEF,OAAO,uBAAuB,CAAC;AACjC,CAAC,CAAC;AA/FW,QAAA,0BAA0B,8BA+FrC","sourcesContent":["import React from \"react\";\nimport { useDebounceFn } from \"ahooks\";\n\nimport type { ConfigField } from \"../../types/config\";\n\nimport { useReactifySearchContext, useSearch, useAnalytics } from \"../../hooks\";\n\n// default field for when zero search fields have been configured in Reactify\nconst defaultSearchField: ConfigField = {\n  id: \"title\",\n  field: \"title\",\n  importance: 0,\n  searchType: \"instant_search\",\n};\n\nexport const useReactiveDataSearchProps = (options: {\n  [key: string]: any;\n  debounce?: number;\n  placeholder?: string;\n  inputClassName?: string;\n}) => {\n  const { config } = useReactifySearchContext();\n  const {\n    searchTerm,\n    submitSearchTerm,\n    setSearchTerm,\n    setShowInstantSearchResults,\n  } = useSearch();\n\n  const searchFields = React.useMemo(\n    () =>\n      0 < config.fields.length\n        ? config.fields.filter((field) =>\n            [\"always_search\", \"instant_search\"].includes(field.searchType)\n          )\n        : [defaultSearchField],\n    []\n  );\n\n  const handleKeyPress = React.useCallback(\n    (e) => {\n      if (\"Enter\" !== e.key) return;\n      submitSearchTerm();\n    },\n    [submitSearchTerm]\n  );\n\n  const { track } = useAnalytics();\n\n  const trackQuery = React.useCallback(() => {\n    if (!searchTerm || (searchTerm && searchTerm.length < 3)) return;\n    track({ eventName: \"search\", payload: { searchTerm: searchTerm } });\n  }, [searchTerm, track]);\n\n  const { run: runDebouncedTriggerQuery, cancel: cancelDebouncedTriggerQuery } =\n    useDebounceFn(\n      (triggerQuery: () => void) => {\n        triggerQuery();\n        trackQuery();\n      },\n      {\n        wait: options.debounce ?? 300,\n      }\n    );\n\n  const reactiveDataSearchProps = React.useMemo(\n    () => ({\n      type: \"search\",\n      showIcon: false,\n      fuzziness: 1 as 0 | 1 | 2 | \"AUTO\",\n      queryFormat: \"and\" as \"and\" | \"or\",\n      autosuggest: false,\n      value: searchTerm ?? \"\",\n      onKeyUp: handleKeyPress,\n      componentId: \"SearchInput\",\n      placeholder: options.placeholder ?? \"Search for a product...\",\n      dataField: searchFields.map((field) => field.field),\n      fieldWeights: searchFields.map((field) => field.importance),\n      onChange: (value: string, triggerQuery: () => {}) => {\n        setSearchTerm(value);\n        if (!!value) {\n          runDebouncedTriggerQuery(triggerQuery);\n        } else {\n          cancelDebouncedTriggerQuery();\n        }\n      },\n      onBlur: () => {\n        // setTimeout ensures that results are still clickable before close\n        setTimeout(() => setShowInstantSearchResults(false), 300);\n      },\n      onFocus: () => {\n        setShowInstantSearchResults(true);\n      },\n      innerClass: {\n        input: options.inputClassName,\n      },\n      ...options,\n    }),\n    [\n      searchTerm,\n      handleKeyPress,\n      options.placeholder,\n      searchFields,\n      setSearchTerm,\n      runDebouncedTriggerQuery,\n      cancelDebouncedTriggerQuery,\n    ]\n  );\n\n  return reactiveDataSearchProps;\n};\n"]}

package/dist/src/hooks/reactivesearch/useReactiveFilterListProps.js

@@ -13,10 +13,11 @@ const useReactiveReactProp_1 = require("./useReactiveReactProp");
 const useReactiveFilterListProps = (filter) => {
     const reactiveReactProp = (0, useReactiveReactProp_1.useReactiveReactProp)(filter.handle);
     const reactiveFilterSharedProps = (0, useReactiveFilterSharedProps_1.useReactiveFilterSharedProps)(filter);
-    return react_1.default.useMemo(() => {
+    const reactiveFilterListProps = react_1.default.useMemo(() => {
         var _a, _b, _c;
         return (Object.assign(Object.assign({}, reactiveFilterSharedProps), { size: parseInt(filter.displaySize) || undefined, showFilter: (_a = filter.settingsShowFilter) !== null && _a !== void 0 ? _a : true, showLoadMore: (_b = filter.settingsShowMore) !== null && _b !== void 0 ? _b : false, showSearch: (_c = filter.settingsShowSearch) !== null && _c !== void 0 ? _c : false, showRadio: false, showCheckbox: false }));
     }, [filter, reactiveReactProp]);
+    return reactiveFilterListProps;
 };
 exports.useReactiveFilterListProps = useReactiveFilterListProps;
 //# sourceMappingURL=useReactiveFilterListProps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useReactiveFilterListProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveFilterListProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,iFAA8E;AAE9E,iEAA8D;AAE9D;;GAEG;AACI,MAAM,0BAA0B,GAAG,CAAC,MAA0B,EAAE,EAAE;IACvE,MAAM,iBAAiB,GAAG,IAAA,2CAAoB,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,yBAAyB,GAAG,IAAA,2DAA4B,EAAC,MAAM,CAAC,CAAC;IAEvE,OAAO,eAAK,CAAC,OAAO,CAClB,GAAG,EAAE;;QAAC,OAAA,iCACD,yBAAyB,KAC5B,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,SAAS,EAC/C,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,IAAI,EAC7C,YAAY,EAAE,MAAA,MAAM,CAAC,gBAAgB,mCAAI,KAAK,EAC9C,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,KAAK,EAC9C,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,KAAK,IACnB,CAAA;KAAA,EACF,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAC5B,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,0BAA0B,8BAgBrC","sourcesContent":["import React from \"react\";\n\nimport type { ConfigFilterOption } from \"../../types/config\";\nimport { useReactiveFilterSharedProps } from \"./useReactiveFilterSharedProps\";\n\nimport { useReactiveReactProp } from \"./useReactiveReactProp\";\n\n/**\n * For use with @appbaseio/reactivesearch SingleList and MultiList components\n */\nexport const useReactiveFilterListProps = (filter: ConfigFilterOption) => {\n  const reactiveReactProp = useReactiveReactProp(filter.handle);\n  const reactiveFilterSharedProps = useReactiveFilterSharedProps(filter);\n\n  return React.useMemo(\n    () => ({\n      ...reactiveFilterSharedProps,\n      size: parseInt(filter.displaySize) || undefined,\n      showFilter: filter.settingsShowFilter ?? true,\n      showLoadMore: filter.settingsShowMore ?? false,\n      showSearch: filter.settingsShowSearch ?? false,\n      showRadio: false,\n      showCheckbox: false,\n    }),\n    [filter, reactiveReactProp]\n  );\n};\n"]}
+{"version":3,"file":"useReactiveFilterListProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveFilterListProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,iFAA8E;AAE9E,iEAA8D;AAE9D;;GAEG;AACI,MAAM,0BAA0B,GAAG,CAAC,MAA0B,EAAE,EAAE;IACvE,MAAM,iBAAiB,GAAG,IAAA,2CAAoB,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,yBAAyB,GAAG,IAAA,2DAA4B,EAAC,MAAM,CAAC,CAAC;IAEvE,MAAM,uBAAuB,GAAG,eAAK,CAAC,OAAO,CAC3C,GAAG,EAAE;;QAAC,OAAA,iCACD,yBAAyB,KAC5B,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,SAAS,EAC/C,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,IAAI,EAC7C,YAAY,EAAE,MAAA,MAAM,CAAC,gBAAgB,mCAAI,KAAK,EAC9C,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,KAAK,EAC9C,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,KAAK,IACnB,CAAA;KAAA,EACF,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAC5B,CAAC;IAEF,OAAO,uBAAuB,CAAC;AACjC,CAAC,CAAC;AAlBW,QAAA,0BAA0B,8BAkBrC","sourcesContent":["import React from \"react\";\n\nimport type { ConfigFilterOption } from \"../../types/config\";\nimport { useReactiveFilterSharedProps } from \"./useReactiveFilterSharedProps\";\n\nimport { useReactiveReactProp } from \"./useReactiveReactProp\";\n\n/**\n * For use with @appbaseio/reactivesearch SingleList and MultiList components\n */\nexport const useReactiveFilterListProps = (filter: ConfigFilterOption) => {\n  const reactiveReactProp = useReactiveReactProp(filter.handle);\n  const reactiveFilterSharedProps = useReactiveFilterSharedProps(filter);\n\n  const reactiveFilterListProps = React.useMemo(\n    () => ({\n      ...reactiveFilterSharedProps,\n      size: parseInt(filter.displaySize) || undefined,\n      showFilter: filter.settingsShowFilter ?? true,\n      showLoadMore: filter.settingsShowMore ?? false,\n      showSearch: filter.settingsShowSearch ?? false,\n      showRadio: false,\n      showCheckbox: false,\n    }),\n    [filter, reactiveReactProp]\n  );\n\n  return reactiveFilterListProps;\n};\n"]}

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

@@ -1,4 +1,4 @@
-import type { ConfigFilterOption } from "../../types/config";
+import { ConfigFilterOption } from "../../types";
 /**
  * For use with @appbaseio/reactivesearch SingleRange and MultiRange components
  */
@@ -6,6 +6,11 @@ export declare const useReactiveFilterRangeProps: (filter: ConfigFilterOption) =
     showFilter: boolean;
     showRadio: boolean;
     showCheckbox: boolean;
+    data: {
+        label: string;
+        start: number;
+        end: number;
+    }[];
     nestedField: string | undefined;
     customQuery: ((value?: string | string[] | undefined) => {
         query?: undefined;

package/dist/src/hooks/reactivesearch/useReactiveFilterRangeProps.js

@@ -13,10 +13,22 @@ const useReactiveReactProp_1 = require("./useReactiveReactProp");
 const useReactiveFilterRangeProps = (filter) => {
     const reactiveReactProp = (0, useReactiveReactProp_1.useReactiveReactProp)(filter.handle);
     const reactiveFilterSharedProps = (0, useReactiveFilterSharedProps_1.useReactiveFilterSharedProps)(filter);
-    return react_1.default.useMemo(() => {
+    const data = react_1.default.useMemo(() => {
+        var _a, _b;
+        return ((_b = (_a = filter.displayRangeOptions) === null || _a === void 0 ? void 0 : _a.map((option) => {
+            const [label, start, end] = option.split(":");
+            return {
+                label: label,
+                start: start ? parseInt(start) : 0,
+                end: end ? parseInt(end) : Number.MAX_SAFE_INTEGER,
+            };
+        })) !== null && _b !== void 0 ? _b : []);
+    }, []);
+    const reactiveFilterRangeProps = react_1.default.useMemo(() => {
         var _a;
-        return (Object.assign(Object.assign({}, reactiveFilterSharedProps), { showFilter: (_a = filter.settingsShowFilter) !== null && _a !== void 0 ? _a : true, showRadio: false, showCheckbox: false }));
+        return (Object.assign(Object.assign({}, reactiveFilterSharedProps), { showFilter: (_a = filter.settingsShowFilter) !== null && _a !== void 0 ? _a : true, showRadio: false, showCheckbox: false, data: data }));
     }, [filter, reactiveReactProp]);
+    return reactiveFilterRangeProps;
 };
 exports.useReactiveFilterRangeProps = useReactiveFilterRangeProps;
 //# sourceMappingURL=useReactiveFilterRangeProps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useReactiveFilterRangeProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveFilterRangeProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,iFAA8E;AAE9E,iEAA8D;AAE9D;;GAEG;AACI,MAAM,2BAA2B,GAAG,CAAC,MAA0B,EAAE,EAAE;IACxE,MAAM,iBAAiB,GAAG,IAAA,2CAAoB,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,yBAAyB,GAAG,IAAA,2DAA4B,EAAC,MAAM,CAAC,CAAC;IAEvE,OAAO,eAAK,CAAC,OAAO,CAClB,GAAG,EAAE;;QAAC,OAAA,iCACD,yBAAyB,KAC5B,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,IAAI,EAC7C,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,KAAK,IACnB,CAAA;KAAA,EACF,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAC5B,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,2BAA2B,+BAatC","sourcesContent":["import React from \"react\";\n\nimport type { ConfigFilterOption } from \"../../types/config\";\nimport { useReactiveFilterSharedProps } from \"./useReactiveFilterSharedProps\";\n\nimport { useReactiveReactProp } from \"./useReactiveReactProp\";\n\n/**\n * For use with @appbaseio/reactivesearch SingleRange and MultiRange components\n */\nexport const useReactiveFilterRangeProps = (filter: ConfigFilterOption) => {\n  const reactiveReactProp = useReactiveReactProp(filter.handle);\n  const reactiveFilterSharedProps = useReactiveFilterSharedProps(filter);\n\n  return React.useMemo(\n    () => ({\n      ...reactiveFilterSharedProps,\n      showFilter: filter.settingsShowFilter ?? true,\n      showRadio: false,\n      showCheckbox: false,\n    }),\n    [filter, reactiveReactProp]\n  );\n};\n"]}
+{"version":3,"file":"useReactiveFilterRangeProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveFilterRangeProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,iFAA8E;AAC9E,iEAA8D;AAE9D;;GAEG;AACI,MAAM,2BAA2B,GAAG,CAAC,MAA0B,EAAE,EAAE;IACxE,MAAM,iBAAiB,GAAG,IAAA,2CAAoB,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,yBAAyB,GAAG,IAAA,2DAA4B,EAAC,MAAM,CAAC,CAAC;IAEvE,MAAM,IAAI,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QAC9B,OAAO,CACL,MAAA,MAAA,MAAM,CAAC,mBAAmB,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACzC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAC9C,OAAO;gBACL,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB;aACnD,CAAC;QACJ,CAAC,CAAC,mCAAI,EAAE,CACT,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,wBAAwB,GAAG,eAAK,CAAC,OAAO,CAC5C,GAAG,EAAE;;QAAC,OAAA,iCACD,yBAAyB,KAC5B,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,IAAI,EAC7C,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,KAAK,EACnB,IAAI,EAAE,IAAI,IACV,CAAA;KAAA,EACF,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAC5B,CAAC;IAEF,OAAO,wBAAwB,CAAC;AAClC,CAAC,CAAC;AA7BW,QAAA,2BAA2B,+BA6BtC","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterOption } from \"../../types\";\n\nimport { useReactiveFilterSharedProps } from \"./useReactiveFilterSharedProps\";\nimport { useReactiveReactProp } from \"./useReactiveReactProp\";\n\n/**\n * For use with @appbaseio/reactivesearch SingleRange and MultiRange components\n */\nexport const useReactiveFilterRangeProps = (filter: ConfigFilterOption) => {\n  const reactiveReactProp = useReactiveReactProp(filter.handle);\n  const reactiveFilterSharedProps = useReactiveFilterSharedProps(filter);\n\n  const data = React.useMemo(() => {\n    return (\n      filter.displayRangeOptions?.map((option) => {\n        const [label, start, end] = option.split(\":\");\n        return {\n          label: label,\n          start: start ? parseInt(start) : 0,\n          end: end ? parseInt(end) : Number.MAX_SAFE_INTEGER,\n        };\n      }) ?? []\n    );\n  }, []);\n\n  const reactiveFilterRangeProps = React.useMemo(\n    () => ({\n      ...reactiveFilterSharedProps,\n      showFilter: filter.settingsShowFilter ?? true,\n      showRadio: false,\n      showCheckbox: false,\n      data: data,\n    }),\n    [filter, reactiveReactProp]\n  );\n\n  return reactiveFilterRangeProps;\n};\n"]}

package/dist/src/hooks/reactivesearch/useReactiveFilterSharedProps.js

@@ -91,7 +91,7 @@ const useReactiveFilterSharedProps = (filter) => {
             };
         };
     }, [filter]);
-    return react_1.default.useMemo(() => ({
+    const reactiveFilterSharedProps = react_1.default.useMemo(() => ({
         nestedField,
         customQuery,
         defaultQuery,
@@ -101,6 +101,7 @@ const useReactiveFilterSharedProps = (filter) => {
         filterLabel: filter.name,
         react: reactiveReactProp,
     }), [filter, reactiveReactProp]);
+    return reactiveFilterSharedProps;
 };
 exports.useReactiveFilterSharedProps = useReactiveFilterSharedProps;
 //# sourceMappingURL=useReactiveFilterSharedProps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useReactiveFilterSharedProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveFilterSharedProps.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport type { ConfigFilterOption } from \"../../types/config\";\n\nimport { useReactiveReactProp } from \"./useReactiveReactProp\";\n\n/**\n * For use with all @appbaseio/reactivesearch filter components\n */\nexport const useReactiveFilterSharedProps = (filter: ConfigFilterOption) => {\n  const reactiveReactProp = useReactiveReactProp(filter.handle);\n\n  const nestedField = React.useMemo(() => {\n    const nestedFields = [\"variants\"];\n    const topField = filter.field.split(\".\")[0];\n    if (nestedFields.includes(topField)) return topField;\n    return undefined;\n  }, [filter]);\n\n  // define a custom query for when settingsHideUnavailable is enabled and the target field is inside variants\n  // customQuery defines how this filter affects *other* components like the results component\n  const customQuery = React.useMemo(() => {\n    if (\n      !filter.settingsHideUnavailable ||\n      !filter.field.startsWith(\"variants.\")\n    )\n      return undefined;\n\n    return (value?: string | string[]) => {\n      if (!value) return {};\n\n      // reactivesearch sometimes returns string, sometimes string[]\n      const valueArray = \"string\" === typeof value ? [value] : value;\n\n      if (0 === valueArray.length) return {};\n\n      return {\n        query: {\n          nested: {\n            path: \"variants\",\n            query: {\n              bool: {\n                must: [\n                  {\n                    match: {\n                      \"variants.available\": \"true\",\n                    },\n                  },\n                  {\n                    terms: {\n                      [filter.field]: valueArray,\n                    },\n                  },\n                ],\n              },\n            },\n          },\n        },\n      };\n    };\n  }, [filter]);\n\n  // define a default query for when settingsHideUnavailable is enabled and the target field is inside variants\n  // defaultQuery defines how this filter affects itself i.e. the options displayed\n  const defaultQuery = React.useMemo(() => {\n    if (\n      !filter.settingsHideUnavailable ||\n      !filter.field.startsWith(\"variants.\")\n    )\n      return undefined;\n\n    // override the aggregation query to filter the results by the variants.available attribute\n    return () => {\n      return {\n        aggs: {\n          reactivesearch_nested: {\n            nested: { path: \"variants\" },\n            aggs: {\n              reactify_nested_outer: {\n                filter: {\n                  match: {\n                    \"variants.available\": \"true\",\n                  },\n                },\n                aggs: {\n                  [filter.field]: {\n                    terms: {\n                      field: filter.field,\n                      size: 100,\n                      order: { _count: \"desc\" },\n                    },\n                  },\n                },\n              },\n            },\n          },\n        },\n      };\n    };\n  }, [filter]);\n\n  return React.useMemo(\n    () => ({\n      nestedField,\n      customQuery,\n      defaultQuery,\n      URLParams: true,\n      componentId: filter.handle,\n      dataField: filter.field,\n      filterLabel: filter.name,\n      react: reactiveReactProp,\n    }),\n    [filter, reactiveReactProp]\n  );\n};\n"]}
+{"version":3,"file":"useReactiveFilterSharedProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveFilterSharedProps.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport type { ConfigFilterOption } from \"../../types/config\";\n\nimport { useReactiveReactProp } from \"./useReactiveReactProp\";\n\n/**\n * For use with all @appbaseio/reactivesearch filter components\n */\nexport const useReactiveFilterSharedProps = (filter: ConfigFilterOption) => {\n  const reactiveReactProp = useReactiveReactProp(filter.handle);\n\n  const nestedField = React.useMemo(() => {\n    const nestedFields = [\"variants\"];\n    const topField = filter.field.split(\".\")[0];\n    if (nestedFields.includes(topField)) return topField;\n    return undefined;\n  }, [filter]);\n\n  // define a custom query for when settingsHideUnavailable is enabled and the target field is inside variants\n  // customQuery defines how this filter affects *other* components like the results component\n  const customQuery = React.useMemo(() => {\n    if (\n      !filter.settingsHideUnavailable ||\n      !filter.field.startsWith(\"variants.\")\n    )\n      return undefined;\n\n    return (value?: string | string[]) => {\n      if (!value) return {};\n\n      // reactivesearch sometimes returns string, sometimes string[]\n      const valueArray = \"string\" === typeof value ? [value] : value;\n\n      if (0 === valueArray.length) return {};\n\n      return {\n        query: {\n          nested: {\n            path: \"variants\",\n            query: {\n              bool: {\n                must: [\n                  {\n                    match: {\n                      \"variants.available\": \"true\",\n                    },\n                  },\n                  {\n                    terms: {\n                      [filter.field]: valueArray,\n                    },\n                  },\n                ],\n              },\n            },\n          },\n        },\n      };\n    };\n  }, [filter]);\n\n  // define a default query for when settingsHideUnavailable is enabled and the target field is inside variants\n  // defaultQuery defines how this filter affects itself i.e. the options displayed\n  const defaultQuery = React.useMemo(() => {\n    if (\n      !filter.settingsHideUnavailable ||\n      !filter.field.startsWith(\"variants.\")\n    )\n      return undefined;\n\n    // override the aggregation query to filter the results by the variants.available attribute\n    return () => {\n      return {\n        aggs: {\n          reactivesearch_nested: {\n            nested: { path: \"variants\" },\n            aggs: {\n              reactify_nested_outer: {\n                filter: {\n                  match: {\n                    \"variants.available\": \"true\",\n                  },\n                },\n                aggs: {\n                  [filter.field]: {\n                    terms: {\n                      field: filter.field,\n                      size: 100,\n                      order: { _count: \"desc\" },\n                    },\n                  },\n                },\n              },\n            },\n          },\n        },\n      };\n    };\n  }, [filter]);\n\n  const reactiveFilterSharedProps = React.useMemo(\n    () => ({\n      nestedField,\n      customQuery,\n      defaultQuery,\n      URLParams: true,\n      componentId: filter.handle,\n      dataField: filter.field,\n      filterLabel: filter.name,\n      react: reactiveReactProp,\n    }),\n    [filter, reactiveReactProp]\n  );\n\n  return reactiveFilterSharedProps;\n};\n"]}

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

@@ -4,6 +4,11 @@ import type { ConfigFilterOption } from "../../types/config";
  */
 export declare const useReactiveFilterSliderProps: (filter: ConfigFilterOption) => {
     showFilter: boolean;
+    rangeLabels: (min: number, max: number) => {
+        start: string;
+        end: string;
+    };
+    stepValue: number;
     nestedField: string | undefined;
     customQuery: ((value?: string | string[] | undefined) => {
         query?: undefined;

package/dist/src/hooks/reactivesearch/useReactiveFilterSliderProps.js

@@ -13,10 +13,18 @@ const useReactiveReactProp_1 = require("./useReactiveReactProp");
 const useReactiveFilterSliderProps = (filter) => {
     const reactiveReactProp = (0, useReactiveReactProp_1.useReactiveReactProp)(filter.handle);
     const reactiveFilterSharedProps = (0, useReactiveFilterSharedProps_1.useReactiveFilterSharedProps)(filter);
-    return react_1.default.useMemo(() => {
-        var _a;
-        return (Object.assign(Object.assign({}, reactiveFilterSharedProps), { showFilter: (_a = filter.settingsShowFilter) !== null && _a !== void 0 ? _a : true }));
+    const rangeLabelsFn = react_1.default.useCallback((min, max) => {
+        var _a, _b, _c, _d;
+        return ({
+            start: `${(_a = filter.displaySliderPrefix) !== null && _a !== void 0 ? _a : ""}${min}${(_b = filter.displaySliderSuffix) !== null && _b !== void 0 ? _b : ""}`,
+            end: `${(_c = filter.displaySliderPrefix) !== null && _c !== void 0 ? _c : ""}${max}${(_d = filter.displaySliderSuffix) !== null && _d !== void 0 ? _d : ""}`,
+        });
+    }, []);
+    const reactiveFilterSliderProps = react_1.default.useMemo(() => {
+        var _a, _b;
+        return (Object.assign(Object.assign({}, reactiveFilterSharedProps), { showFilter: (_a = filter.settingsShowFilter) !== null && _a !== void 0 ? _a : true, rangeLabels: rangeLabelsFn, stepValue: (_b = parseInt(filter.displaySliderStep)) !== null && _b !== void 0 ? _b : undefined }));
     }, [filter, reactiveReactProp]);
+    return reactiveFilterSliderProps;
 };
 exports.useReactiveFilterSliderProps = useReactiveFilterSliderProps;
 //# sourceMappingURL=useReactiveFilterSliderProps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useReactiveFilterSliderProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveFilterSliderProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,iFAA8E;AAE9E,iEAA8D;AAE9D;;GAEG;AACI,MAAM,4BAA4B,GAAG,CAAC,MAA0B,EAAE,EAAE;IACzE,MAAM,iBAAiB,GAAG,IAAA,2CAAoB,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,yBAAyB,GAAG,IAAA,2DAA4B,EAAC,MAAM,CAAC,CAAC;IAEvE,OAAO,eAAK,CAAC,OAAO,CAClB,GAAG,EAAE;;QAAC,OAAA,iCACD,yBAAyB,KAC5B,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,IAAI,IAC7C,CAAA;KAAA,EACF,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAC5B,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,4BAA4B,gCAWvC","sourcesContent":["import React from \"react\";\n\nimport type { ConfigFilterOption } from \"../../types/config\";\nimport { useReactiveFilterSharedProps } from \"./useReactiveFilterSharedProps\";\n\nimport { useReactiveReactProp } from \"./useReactiveReactProp\";\n\n/**\n * For use with @appbaseio/reactivesearch RangeSlider component\n */\nexport const useReactiveFilterSliderProps = (filter: ConfigFilterOption) => {\n  const reactiveReactProp = useReactiveReactProp(filter.handle);\n  const reactiveFilterSharedProps = useReactiveFilterSharedProps(filter);\n\n  return React.useMemo(\n    () => ({\n      ...reactiveFilterSharedProps,\n      showFilter: filter.settingsShowFilter ?? true,\n    }),\n    [filter, reactiveReactProp]\n  );\n};\n"]}
+{"version":3,"file":"useReactiveFilterSliderProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveFilterSliderProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,iFAA8E;AAE9E,iEAA8D;AAE9D;;GAEG;AACI,MAAM,4BAA4B,GAAG,CAAC,MAA0B,EAAE,EAAE;IACzE,MAAM,iBAAiB,GAAG,IAAA,2CAAoB,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,yBAAyB,GAAG,IAAA,2DAA4B,EAAC,MAAM,CAAC,CAAC;IAEvE,MAAM,aAAa,GAAG,eAAK,CAAC,WAAW,CACrC,CAAC,GAAW,EAAE,GAAW,EAAE,EAAE;;QAAC,OAAA,CAAC;YAC7B,KAAK,EAAE,GAAG,MAAA,MAAM,CAAC,mBAAmB,mCAAI,EAAE,GAAG,GAAG,GAC9C,MAAA,MAAM,CAAC,mBAAmB,mCAAI,EAChC,EAAE;YACF,GAAG,EAAE,GAAG,MAAA,MAAM,CAAC,mBAAmB,mCAAI,EAAE,GAAG,GAAG,GAC5C,MAAA,MAAM,CAAC,mBAAmB,mCAAI,EAChC,EAAE;SACH,CAAC,CAAA;KAAA,EACF,EAAE,CACH,CAAC;IAEF,MAAM,yBAAyB,GAAG,eAAK,CAAC,OAAO,CAC7C,GAAG,EAAE;;QAAC,OAAA,iCACD,yBAAyB,KAC5B,UAAU,EAAE,MAAA,MAAM,CAAC,kBAAkB,mCAAI,IAAI,EAC7C,WAAW,EAAE,aAAa,EAC1B,SAAS,EAAE,MAAA,QAAQ,CAAC,MAAM,CAAC,iBAAiB,CAAC,mCAAI,SAAS,IAC1D,CAAA;KAAA,EACF,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAC5B,CAAC;IAEF,OAAO,yBAAyB,CAAC;AACnC,CAAC,CAAC;AA3BW,QAAA,4BAA4B,gCA2BvC","sourcesContent":["import React from \"react\";\n\nimport type { ConfigFilterOption } from \"../../types/config\";\nimport { useReactiveFilterSharedProps } from \"./useReactiveFilterSharedProps\";\n\nimport { useReactiveReactProp } from \"./useReactiveReactProp\";\n\n/**\n * For use with @appbaseio/reactivesearch RangeSlider component\n */\nexport const useReactiveFilterSliderProps = (filter: ConfigFilterOption) => {\n  const reactiveReactProp = useReactiveReactProp(filter.handle);\n  const reactiveFilterSharedProps = useReactiveFilterSharedProps(filter);\n\n  const rangeLabelsFn = React.useCallback(\n    (min: number, max: number) => ({\n      start: `${filter.displaySliderPrefix ?? \"\"}${min}${\n        filter.displaySliderSuffix ?? \"\"\n      }`,\n      end: `${filter.displaySliderPrefix ?? \"\"}${max}${\n        filter.displaySliderSuffix ?? \"\"\n      }`,\n    }),\n    []\n  );\n\n  const reactiveFilterSliderProps = React.useMemo(\n    () => ({\n      ...reactiveFilterSharedProps,\n      showFilter: filter.settingsShowFilter ?? true,\n      rangeLabels: rangeLabelsFn,\n      stepValue: parseInt(filter.displaySliderStep) ?? undefined,\n    }),\n    [filter, reactiveReactProp]\n  );\n\n  return reactiveFilterSliderProps;\n};\n"]}

package/dist/src/hooks/reactivesearch/useReactiveReactProp.js

@@ -9,18 +9,18 @@ const hooks_1 = require("../../hooks");
 const components_1 = require("../../components");
 const useReactiveReactProp = (currentHandle) => {
     const { options } = (0, hooks_1.useReactifySearchContext)();
-    const { filters } = (0, hooks_1.useFilters)();
+    const { filterStack } = (0, hooks_1.useFilters)();
     return react_1.default.useMemo(() => {
-        var _a;
+        var _a, _b;
         return {
             and: [
                 "SearchInput",
                 ...components_1.SENSOR_IDS,
                 ...((_a = options.additionalComponentHandles) !== null && _a !== void 0 ? _a : []),
-                ...filters.map((filter) => filter.handle),
+                ...((_b = filterStack === null || filterStack === void 0 ? void 0 : filterStack.options.map((filter) => filter.handle)) !== null && _b !== void 0 ? _b : []),
             ].filter((handle) => handle !== currentHandle),
         };
-    }, [filters, currentHandle, options.additionalComponentHandles]);
+    }, [filterStack, currentHandle, options.additionalComponentHandles]);
 };
 exports.useReactiveReactProp = useReactiveReactProp;
 //# sourceMappingURL=useReactiveReactProp.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useReactiveReactProp.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveReactProp.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAmE;AACnE,iDAA8C;AAEvC,MAAM,oBAAoB,GAAG,CAAC,aAAsB,EAAE,EAAE;IAC7D,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAC/C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IAEjC,OAAO,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QACxB,OAAO;YACL,GAAG,EAAE;gBACH,aAAa;gBACb,GAAG,uBAAU;gBACb,GAAG,CAAC,MAAA,OAAO,CAAC,0BAA0B,mCAAI,EAAE,CAAC;gBAC7C,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;aAC1C,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,KAAK,aAAa,CAAC;SAC/C,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAC,CAAC;AACnE,CAAC,CAAC;AAdW,QAAA,oBAAoB,wBAc/B","sourcesContent":["import React from \"react\";\n\nimport { useReactifySearchContext, useFilters } from \"../../hooks\";\nimport { SENSOR_IDS } from \"../../components\";\n\nexport const useReactiveReactProp = (currentHandle?: string) => {\n  const { options } = useReactifySearchContext();\n  const { filters } = useFilters();\n\n  return React.useMemo(() => {\n    return {\n      and: [\n        \"SearchInput\",\n        ...SENSOR_IDS,\n        ...(options.additionalComponentHandles ?? []),\n        ...filters.map((filter) => filter.handle),\n      ].filter((handle) => handle !== currentHandle),\n    };\n  }, [filters, currentHandle, options.additionalComponentHandles]);\n};\n"]}
+{"version":3,"file":"useReactiveReactProp.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveReactProp.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAmE;AACnE,iDAA8C;AAEvC,MAAM,oBAAoB,GAAG,CAAC,aAAsB,EAAE,EAAE;IAC7D,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAC/C,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IAErC,OAAO,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QACxB,OAAO;YACL,GAAG,EAAE;gBACH,aAAa;gBACb,GAAG,uBAAU;gBACb,GAAG,CAAC,MAAA,OAAO,CAAC,0BAA0B,mCAAI,EAAE,CAAC;gBAC7C,GAAG,CAAC,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,mCAAI,EAAE,CAAC;aAC/D,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,KAAK,aAAa,CAAC;SAC/C,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAC,CAAC;AACvE,CAAC,CAAC;AAdW,QAAA,oBAAoB,wBAc/B","sourcesContent":["import React from \"react\";\n\nimport { useReactifySearchContext, useFilters } from \"../../hooks\";\nimport { SENSOR_IDS } from \"../../components\";\n\nexport const useReactiveReactProp = (currentHandle?: string) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilters();\n\n  return React.useMemo(() => {\n    return {\n      and: [\n        \"SearchInput\",\n        ...SENSOR_IDS,\n        ...(options.additionalComponentHandles ?? []),\n        ...(filterStack?.options.map((filter) => filter.handle) ?? []),\n      ].filter((handle) => handle !== currentHandle),\n    };\n  }, [filterStack, currentHandle, options.additionalComponentHandles]);\n};\n"]}

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

@@ -0,0 +1,5 @@
+import React from "react";
+import ReactiveList from "@appbaseio/reactivesearch/lib/components/result/ReactiveList";
+export declare const useReactiveReactiveListProps: (options: {
+    pageSize?: number;
+}) => React.ComponentProps<typeof ReactiveList>;

package/dist/src/hooks/reactivesearch/{useReactiveResultStackProps.js → useReactiveReactiveListProps.js}

@@ -3,18 +3,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useReactiveResultStackProps = void 0;
+exports.useReactiveReactiveListProps = void 0;
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
 const useReactiveReactProp_1 = require("./useReactiveReactProp");
-const useReactiveResultStackProps = (options) => {
-    const { filterStack } = (0, hooks_1.useFilterStack)();
+const useReactiveReactiveListProps = (options) => {
+    const { filterStack } = (0, hooks_1.useFilters)();
     const reactiveReactProp = (0, useReactiveReactProp_1.useReactiveReactProp)();
     const size = react_1.default.useMemo(() => {
         var _a, _b;
         return (_b = (_a = options.pageSize) !== null && _a !== void 0 ? _a : filterStack === null || filterStack === void 0 ? void 0 : filterStack.pageSize) !== null && _b !== void 0 ? _b : 20;
     }, [options.pageSize, filterStack]);
-    return react_1.default.useMemo(() => ({
+    const reactiveReactiveListProps = react_1.default.useMemo(() => ({
         size,
         URLParams: true,
         showLoader: false,
@@ -27,6 +27,7 @@ const useReactiveResultStackProps = (options) => {
         infiniteScroll: (filterStack === null || filterStack === void 0 ? void 0 : filterStack.paginationType) === "infinite_scroll",
         renderNoResults: () => null, // always use only render, otherwise both are shown
     }), [filterStack, reactiveReactProp, options.pageSize]);
+    return reactiveReactiveListProps;
 };
-exports.useReactiveResultStackProps = useReactiveResultStackProps;
-//# sourceMappingURL=useReactiveResultStackProps.js.map
+exports.useReactiveReactiveListProps = useReactiveReactiveListProps;
+//# sourceMappingURL=useReactiveReactiveListProps.js.map