@usereactify/search 4.4.1 → 5.0.0-beta.2

package/dist/src/{sensor → components/Sensor}/SensorCollection.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SensorCollection = void 0;
 const react_1 = __importDefault(require("react"));
 const ReactiveComponent_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/basic/ReactiveComponent"));
-const hooks_1 = require("../hooks");
+const hooks_1 = require("../../hooks");
 const SensorCollection = () => {
-    const collection = (0, hooks_1.useCollection)();
-    if (!collection)
+    const { options } = (0, hooks_1.useReactifySearchContext)();
+    if (options.mode !== "collection") {
         return null;
+    }
     return (react_1.default.createElement(ReactiveComponent_1.default, { componentId: "SensorCollection", customQuery: () => ({
             query: {
                 bool: {
@@ -19,7 +20,9 @@ const SensorCollection = () => {
                             nested: {
                                 path: "collections",
                                 query: {
-                                    term: { "collections.handle.keyword": collection.handle },
+                                    term: {
+                                        "collections.handle.keyword": options.collection.handle,
+                                    },
                                 },
                             },
                         },
@@ -28,7 +31,7 @@ const SensorCollection = () => {
                                 path: "curations",
                                 query: {
                                     term: {
-                                        "curations.collectionHandle.keyword": collection.handle,
+                                        "curations.collectionHandle.keyword": options.collection.handle,
                                     },
                                 },
                             },

package/dist/src/{sensor → components/Sensor}/SensorInventoryAvailable.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SensorInventoryAvailable = void 0;
 const react_1 = __importDefault(require("react"));
 const ReactiveComponent_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/basic/ReactiveComponent"));
-const hooks_1 = require("../hooks");
+const hooks_1 = require("../../hooks");
 const SensorInventoryAvailable = () => {
     const filterStack = (0, hooks_1.useFilterStack)();
     if (!filterStack || "show_all" === filterStack.inventoryVisibility)

package/dist/src/{sensor → components/Sensor}/SensorSearch.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SensorSearch = void 0;
 const react_1 = __importDefault(require("react"));
 const DataSearch_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/search/DataSearch"));
-const hooks_1 = require("../hooks");
+const hooks_1 = require("../../hooks");
 const SensorSearch = () => {
-    const { fields } = (0, hooks_1.useConfig)();
+    const { config } = (0, hooks_1.useReactifySearchContext)();
     const { searchQuery } = (0, hooks_1.useSearch)();
     // ignore search fields only set for instant search
-    const searchFields = react_1.default.useMemo(() => fields.filter((field) => ["always_search", "search_page"].includes(field.searchType)), [fields]);
+    const searchFields = react_1.default.useMemo(() => config.fields.filter((field) => ["always_search", "search_page"].includes(field.searchType)), [config.fields]);
     if (!searchQuery || !searchFields.length) {
         return null;
     }

package/dist/src/{sensor → components/Sensor}/SensorSort.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SensorSort = void 0;
 const react_1 = __importDefault(require("react"));
 const ReactiveComponent_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/basic/ReactiveComponent"));
-const hooks_1 = require("../hooks");
+const hooks_1 = require("../../hooks");
 const debug = require("debug")("reactify-search:SensorSort");
 const SensorSort = () => {
-    const config = (0, hooks_1.useConfig)();
+    const { options, config } = (0, hooks_1.useReactifySearchContext)();
     const curation = (0, hooks_1.useCuration)();
-    const collection = (0, hooks_1.useCollection)();
     const globalCuration = (curation === null || curation === void 0 ? void 0 : curation.id) === "global";
-    const { sortOption } = (0, hooks_1.useSort)();
+    const { sortOption } = (0, hooks_1.useSortby)();
     const searchQuery = react_1.default.useMemo(() => {
         if (typeof window === "undefined")
             return "";
@@ -25,7 +24,7 @@ const SensorSort = () => {
             sort: buildSort({
                 config,
                 sortOption,
-                collection,
+                collection: options.mode === "collection" ? options.collection : undefined,
                 curation,
                 globalCuration,
             }),

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

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

package/dist/src/{sensor → components/Sensor}/SensorStack.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SensorStack = void 0;
 const react_1 = __importDefault(require("react"));
-const hooks_1 = require("../hooks");
+const hooks_1 = require("../../hooks");
 const SensorSort_1 = require("./SensorSort");
 const SensorSearch_1 = require("./SensorSearch");
 const SensorSortScore_1 = require("./SensorSortScore");
@@ -13,9 +13,9 @@ const SensorPublished_1 = require("./SensorPublished");
 const SensorCollection_1 = require("./SensorCollection");
 const SensorInventoryAvailable_1 = require("./SensorInventoryAvailable");
 const SensorStack = () => {
-    const { instantSearch } = (0, hooks_1.useSearch)();
+    const { options } = (0, hooks_1.useReactifySearchContext)();
     // instant search mode
-    if (instantSearch) {
+    if (options.mode === "instant-search") {
         return (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(SensorPublished_1.SensorPublished, null),
             react_1.default.createElement(SensorSortScore_1.SensorSortScore, null)));

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

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

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

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sortby = void 0;
+const react_1 = __importDefault(require("react"));
+const hooks_1 = require("../../hooks");
+const components_1 = require("../../components");
+const Sortby = (props) => {
+    var _a;
+    const sortbyData = (0, hooks_1.useSortby)();
+    const RenderSortOptionsComponent = (_a = props.renderSortOptions) !== null && _a !== void 0 ? _a : components_1.ExampleSortby;
+    return (react_1.default.createElement(RenderSortOptionsComponent, Object.assign({}, sortbyData)));
+};
+exports.Sortby = Sortby;

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

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

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

@@ -0,0 +1,13 @@
+"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("./Sortby"), exports);

package/dist/src/{utility → components/Utility}/UtilityAuthenticatedReactiveBase.js

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UtilityAuthenticatedReactiveBase = void 0;
 const react_1 = __importDefault(require("react"));
-const useReactiveBaseProps_1 = require("../hooks/reactivesearch/useReactiveBaseProps");
+const hooks_1 = require("../../hooks");
 const ReactiveBase_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/basic/ReactiveBase"));
 const UtilityAuthenticatedReactiveBase = ({ children }) => {
-    const props = (0, useReactiveBaseProps_1.useReactiveBaseProps)();
+    const props = (0, hooks_1.useReactiveBaseProps)();
     return react_1.default.createElement(ReactiveBase_1.default, Object.assign({}, props), children);
 };
 exports.UtilityAuthenticatedReactiveBase = UtilityAuthenticatedReactiveBase;

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

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

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

@@ -0,0 +1,13 @@
+"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("./UtilityAuthenticatedReactiveBase"), exports);

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

@@ -0,0 +1,8 @@
+export * from "./Example";
+export * from "./Filter";
+export * from "./ReactifySearchBase";
+export * from "./Result";
+export * from "./Search";
+export * from "./Sensor";
+export * from "./Sortby";
+export * from "./Utility";

package/dist/src/components/index.js

@@ -0,0 +1,20 @@
+"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("./Example"), exports);
+__exportStar(require("./Filter"), exports);
+__exportStar(require("./ReactifySearchBase"), exports);
+__exportStar(require("./Result"), exports);
+__exportStar(require("./Search"), exports);
+__exportStar(require("./Sensor"), exports);
+__exportStar(require("./Sortby"), exports);
+__exportStar(require("./Utility"), exports);

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

@@ -1,14 +1,14 @@
 export * from "./reactivesearch";
-export * from "./useSort";
-export * from "./usePages";
-export * from "./useConfig";
+export * from "./useSortby";
+export * from "./usePagination";
+export * from "./usePaginationLoadMore";
 export * from "./useSearch";
 export * from "./useFilters";
 export * from "./useCuration";
 export * from "./useAnalytics";
-export * from "./useCollection";
 export * from "./useFilterStack";
 export * from "./useProductPrice";
 export * from "./useFilterListProps";
 export * from "./useFilterCollapsedState";
-export * from "./useLiveConfig";
+export * from "./useConfig";
+export * from "./useReactifySearchContext";

package/dist/src/hooks/index.js

@@ -11,16 +11,16 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./reactivesearch"), exports);
-__exportStar(require("./useSort"), exports);
-__exportStar(require("./usePages"), exports);
-__exportStar(require("./useConfig"), 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("./useCollection"), exports);
 __exportStar(require("./useFilterStack"), exports);
 __exportStar(require("./useProductPrice"), exports);
 __exportStar(require("./useFilterListProps"), exports);
 __exportStar(require("./useFilterCollapsedState"), exports);
-__exportStar(require("./useLiveConfig"), exports);
+__exportStar(require("./useConfig"), exports);
+__exportStar(require("./useReactifySearchContext"), exports);

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

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

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

@@ -13,5 +13,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./useReactiveBaseProps"), exports);
 __exportStar(require("./useReactiveReactProp"), exports);
 __exportStar(require("./useReactiveFilterListProps"), exports);
-__exportStar(require("./useReactiveResultListProps"), exports);
+__exportStar(require("./useReactiveFilterRangeProps"), exports);
+__exportStar(require("./useReactiveFilterSliderProps"), exports);
+__exportStar(require("./useReactiveFilterSharedProps"), exports);
+__exportStar(require("./useReactiveResultStackProps"), exports);
 __exportStar(require("./useReactiveDataSearchProps"), exports);

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

@@ -2,6 +2,6 @@ export declare const useReactiveBaseProps: () => {
     app: string;
     url: string;
     credentials: string;
-    theme: import("../../provider").Theme | undefined;
+    theme: Record<string, unknown>;
     transformResponse: (response: any) => Promise<any>;
 };

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

@@ -14,14 +14,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useReactiveBaseProps = void 0;
 const react_1 = __importDefault(require("react"));
-const provider_1 = require("../../provider");
+const hooks_1 = require("../../hooks");
 const useReactiveBaseProps = () => {
-    const { index, credentials, theme } = (0, provider_1.useContext)();
+    const { options } = (0, hooks_1.useReactifySearchContext)();
     return react_1.default.useMemo(() => ({
-        app: index,
-        url: credentials.endpoint,
-        credentials: `${credentials.username}:${credentials.password}`,
-        theme,
+        app: options.index,
+        url: options.credentials.endpoint,
+        credentials: `${options.credentials.username}:${options.credentials.password}`,
+        theme: options.theme,
         transformResponse: (response) => __awaiter(void 0, void 0, void 0, function* () {
             var _a, _b, _c, _d;
             // support filtering inside nested aggregations by moving the inner aggregation
@@ -38,6 +38,6 @@ const useReactiveBaseProps = () => {
             }
             return response;
         }),
-    }), [credentials, theme]);
+    }), [options.credentials, options.theme]);
 };
 exports.useReactiveBaseProps = useReactiveBaseProps;

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

@@ -1,10 +1,9 @@
-declare type Props = {
+export declare const useReactiveDataSearchProps: (options: {
     [key: string]: any;
-    debounce?: number;
-    placeholder?: string;
-    inputClassName?: string;
-};
-export declare const useReactiveDataSearchProps: (props?: Props) => {
+    debounce?: number | undefined;
+    placeholder?: string | undefined;
+    inputClassName?: string | undefined;
+}) => {
     debounce?: number | undefined;
     placeholder: string;
     inputClassName?: string | undefined;
@@ -25,4 +24,3 @@ export declare const useReactiveDataSearchProps: (props?: Props) => {
         input: string | undefined;
     };
 };
-export {};

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

@@ -7,7 +7,7 @@ exports.useReactiveDataSearchProps = void 0;
 const react_1 = __importDefault(require("react"));
 const ahooks_1 = require("ahooks");
 const debug = require("debug")("reactify-search:useReactiveDataSearchProps");
-const __1 = require("../");
+const hooks_1 = require("../../hooks");
 // default field for when zero search fields have been configured in Reactify
 const defaultSearchField = {
     id: "title",
@@ -15,25 +15,19 @@ const defaultSearchField = {
     importance: 0,
     searchType: "instant_search",
 };
-const useReactiveDataSearchProps = (props = {}) => {
-    const { debounce, placeholder, inputClassName } = props;
-    react_1.default.useEffect(() => {
-        debug("props", props);
-    }, [props]);
-    const { fields } = (0, __1.useConfig)();
-    const { searchQuery, submitSearch, setSearchQuery, setShowInstantSearchResults, } = (0, __1.useSearch)();
-    const searchFields = react_1.default.useMemo(() => 0 < fields.length
-        ? fields.filter((field) => ["always_search", "instant_search"].includes(field.searchType))
+const useReactiveDataSearchProps = (options) => {
+    var _a;
+    const { config } = (0, hooks_1.useReactifySearchContext)();
+    const { searchQuery, submitSearch, setSearchQuery, 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], []);
-    react_1.default.useEffect(() => {
-        debug("searchFields", searchFields);
-    }, [searchFields]);
     const handleKeyPress = react_1.default.useCallback((e) => {
         if ("Enter" !== e.key)
             return;
         submitSearch();
     }, [submitSearch]);
-    const { track } = (0, __1.useAnalytics)();
+    const { track } = (0, hooks_1.useAnalytics)();
     const trackQuery = react_1.default.useCallback(() => {
         if (!searchQuery || (searchQuery && searchQuery.length < 3))
             return;
@@ -43,25 +37,30 @@ const useReactiveDataSearchProps = (props = {}) => {
         triggerQuery();
         trackQuery();
     }, {
-        wait: debounce !== null && debounce !== void 0 ? debounce : 300,
+        wait: (_a = options.debounce) !== null && _a !== void 0 ? _a : 300,
     });
-    return react_1.default.useMemo(() => (Object.assign({ type: "search", showIcon: false, fuzziness: 1, queryFormat: "and", autosuggest: false, value: searchQuery !== null && searchQuery !== void 0 ? searchQuery : "", onKeyUp: handleKeyPress, componentId: "SearchInput", placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "Search for a product...", dataField: searchFields.map((field) => field.field), fieldWeights: searchFields.map((field) => field.importance), onChange: (value, triggerQuery) => {
-            setSearchQuery(value);
-            if (!!value)
-                runDebouncedTriggerQuery(triggerQuery);
-            else
-                cancelDebouncedTriggerQuery();
-        }, onBlur: () => {
-            // setTimeout ensures that results are still clickable before close
-            setTimeout(() => setShowInstantSearchResults(false), 300);
-        }, onFocus: () => {
-            setShowInstantSearchResults(true);
-        }, innerClass: {
-            input: inputClassName,
-        } }, props)), [
+    return 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);
+                if (!!value) {
+                    runDebouncedTriggerQuery(triggerQuery);
+                }
+                else {
+                    cancelDebouncedTriggerQuery();
+                }
+            }, onBlur: () => {
+                // setTimeout ensures that results are still clickable before close
+                setTimeout(() => setShowInstantSearchResults(false), 300);
+            }, onFocus: () => {
+                setShowInstantSearchResults(true);
+            }, innerClass: {
+                input: options.inputClassName,
+            } }, options));
+    }, [
         searchQuery,
         handleKeyPress,
-        placeholder,
+        options.placeholder,
         searchFields,
         setSearchQuery,
         runDebouncedTriggerQuery,

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

@@ -1,5 +1,14 @@
 import type { ConfigFilterOption } from "../../types/config";
+/**
+ * For use with @appbaseio/reactivesearch SingleList and MultiList components
+ */
 export declare const useReactiveFilterListProps: (filter: ConfigFilterOption) => {
+    size: number | undefined;
+    showFilter: boolean;
+    showLoadMore: boolean;
+    showSearch: boolean;
+    showRadio: boolean;
+    showCheckbox: boolean;
     nestedField: string | undefined;
     customQuery: ((value?: string | string[] | undefined) => {
         query?: undefined;
@@ -61,8 +70,4 @@ export declare const useReactiveFilterListProps: (filter: ConfigFilterOption) =>
     react: {
         and: string[];
     };
-    size: number | undefined;
-    showFilter: true;
-    showLoadMore: boolean;
-    showSearch: boolean;
 };

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

@@ -5,102 +5,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useReactiveFilterListProps = void 0;
 const react_1 = __importDefault(require("react"));
+const useReactiveFilterSharedProps_1 = require("./useReactiveFilterSharedProps");
 const useReactiveReactProp_1 = require("./useReactiveReactProp");
+/**
+ * For use with @appbaseio/reactivesearch SingleList and MultiList components
+ */
 const useReactiveFilterListProps = (filter) => {
     const reactiveReactProp = (0, useReactiveReactProp_1.useReactiveReactProp)(filter.handle);
-    const nestedField = react_1.default.useMemo(() => {
-        const nestedFields = ["variants"];
-        const topField = filter.field.split(".")[0];
-        if (nestedFields.includes(topField))
-            return topField;
-        return undefined;
-    }, [filter]);
-    // define a custom query for when settingsHideUnavailable is enabled and the target field is inside variants
-    // customQuery defines how this filter affects *other* components like the results component
-    const customQuery = react_1.default.useMemo(() => {
-        if (!filter.settingsHideUnavailable ||
-            !filter.field.startsWith("variants."))
-            return undefined;
-        return (value) => {
-            if (!value)
-                return {};
-            // reactivesearch sometimes returns string, sometimes string[]
-            const valueArray = "string" === typeof value ? [value] : value;
-            if (0 === valueArray.length)
-                return {};
-            return {
-                query: {
-                    nested: {
-                        path: "variants",
-                        query: {
-                            bool: {
-                                must: [
-                                    {
-                                        match: {
-                                            "variants.available": "true",
-                                        },
-                                    },
-                                    {
-                                        terms: {
-                                            [filter.field]: valueArray,
-                                        },
-                                    },
-                                ],
-                            },
-                        },
-                    },
-                },
-            };
-        };
-    }, [filter]);
-    // define a default query for when settingsHideUnavailable is enabled and the target field is inside variants
-    // defaultQuery defines how this filter affects itself i.e. the options displayed
-    const defaultQuery = react_1.default.useMemo(() => {
-        if (!filter.settingsHideUnavailable ||
-            !filter.field.startsWith("variants."))
-            return undefined;
-        // override the aggregation query to filter the results by the variants.available attribute
-        return () => {
-            return {
-                aggs: {
-                    reactivesearch_nested: {
-                        nested: { path: "variants" },
-                        aggs: {
-                            reactify_nested_outer: {
-                                filter: {
-                                    match: {
-                                        "variants.available": "true",
-                                    },
-                                },
-                                aggs: {
-                                    [filter.field]: {
-                                        terms: {
-                                            field: filter.field,
-                                            size: 100,
-                                            order: { _count: "desc" },
-                                        },
-                                    },
-                                },
-                            },
-                        },
-                    },
-                },
-            };
-        };
-    }, [filter]);
-    return react_1.default.useMemo(() => ({
-        nestedField,
-        customQuery,
-        defaultQuery,
-        URLParams: true,
-        componentId: filter.handle,
-        dataField: filter.field,
-        filterLabel: filter.name,
-        react: reactiveReactProp,
-        size: parseInt(filter.displaySize) || undefined,
-        showFilter: filter.settingsShowFilter || true,
-        showLoadMore: filter.settingsShowMore || false,
-        showSearch: (filter === null || filter === void 0 ? void 0 : filter.settingsShowSearch) || false,
-    }), [filter, reactiveReactProp]);
+    const reactiveFilterSharedProps = (0, useReactiveFilterSharedProps_1.useReactiveFilterSharedProps)(filter);
+    return 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]);
 };
 exports.useReactiveFilterListProps = useReactiveFilterListProps;