@usereactify/search 5.0.0-beta.1 → 5.0.0-beta.12

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

@@ -0,0 +1,26 @@
+export declare const useReactiveDataSearchProps: (options: {
+    [key: string]: any;
+    debounce?: number | undefined;
+    placeholder?: string | undefined;
+    inputClassName?: string | undefined;
+}) => {
+    debounce?: number | undefined;
+    placeholder: string;
+    inputClassName?: string | undefined;
+    type: string;
+    showIcon: boolean;
+    fuzziness: 0 | 1 | 2 | "AUTO";
+    queryFormat: "and" | "or";
+    autosuggest: boolean;
+    value: string;
+    onKeyUp: (e: any) => void;
+    componentId: string;
+    dataField: string[];
+    fieldWeights: number[];
+    onChange: (value: string, triggerQuery: () => {}) => void;
+    onBlur: () => void;
+    onFocus: () => void;
+    innerClass: {
+        input: string | undefined;
+    };
+};

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

@@ -0,0 +1,71 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReactiveDataSearchProps = void 0;
+const react_1 = __importDefault(require("react"));
+const ahooks_1 = require("ahooks");
+const hooks_1 = require("../../hooks");
+// default field for when zero search fields have been configured in Reactify
+const defaultSearchField = {
+    id: "title",
+    field: "title",
+    importance: 0,
+    searchType: "instant_search",
+};
+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], []);
+    const handleKeyPress = react_1.default.useCallback((e) => {
+        if ("Enter" !== e.key)
+            return;
+        submitSearch();
+    }, [submitSearch]);
+    const { track } = (0, hooks_1.useAnalytics)();
+    const trackQuery = react_1.default.useCallback(() => {
+        if (!searchQuery || (searchQuery && searchQuery.length < 3))
+            return;
+        track({ eventName: "search", payload: { searchTerm: searchQuery } });
+    }, [searchQuery, track]);
+    const { run: runDebouncedTriggerQuery, cancel: cancelDebouncedTriggerQuery } = (0, ahooks_1.useDebounceFn)((triggerQuery) => {
+        triggerQuery();
+        trackQuery();
+    }, {
+        wait: (_a = options.debounce) !== null && _a !== void 0 ? _a : 300,
+    });
+    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);
+                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,
+        options.placeholder,
+        searchFields,
+        setSearchQuery,
+        runDebouncedTriggerQuery,
+        cancelDebouncedTriggerQuery,
+    ]);
+    return reactiveDataSearchProps;
+};
+exports.useReactiveDataSearchProps = useReactiveDataSearchProps;
+//# sourceMappingURL=useReactiveDataSearchProps.js.map

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

@@ -0,0 +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  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: 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  return reactiveDataSearchProps;\n};\n"]}

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

@@ -0,0 +1,73 @@
+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;
+    } | {
+        query: {
+            nested: {
+                path: string;
+                query: {
+                    bool: {
+                        must: ({
+                            match: {
+                                "variants.available": string;
+                            };
+                            terms?: undefined;
+                        } | {
+                            terms: {
+                                [x: string]: string[];
+                            };
+                            match?: undefined;
+                        })[];
+                    };
+                };
+            };
+        };
+    }) | undefined;
+    defaultQuery: (() => {
+        aggs: {
+            reactivesearch_nested: {
+                nested: {
+                    path: string;
+                };
+                aggs: {
+                    reactify_nested_outer: {
+                        filter: {
+                            match: {
+                                "variants.available": string;
+                            };
+                        };
+                        aggs: {
+                            [x: string]: {
+                                terms: {
+                                    field: string;
+                                    size: number;
+                                    order: {
+                                        _count: string;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    }) | undefined;
+    URLParams: boolean;
+    componentId: string;
+    dataField: string;
+    filterLabel: string;
+    react: {
+        and: string[];
+    };
+};

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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 reactiveFilterSharedProps = (0, useReactiveFilterSharedProps_1.useReactiveFilterSharedProps)(filter);
+    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

@@ -0,0 +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,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

@@ -0,0 +1,70 @@
+import type { ConfigFilterOption } from "../../types/config";
+/**
+ * For use with @appbaseio/reactivesearch SingleRange and MultiRange components
+ */
+export declare const useReactiveFilterRangeProps: (filter: ConfigFilterOption) => {
+    showFilter: boolean;
+    showRadio: boolean;
+    showCheckbox: boolean;
+    nestedField: string | undefined;
+    customQuery: ((value?: string | string[] | undefined) => {
+        query?: undefined;
+    } | {
+        query: {
+            nested: {
+                path: string;
+                query: {
+                    bool: {
+                        must: ({
+                            match: {
+                                "variants.available": string;
+                            };
+                            terms?: undefined;
+                        } | {
+                            terms: {
+                                [x: string]: string[];
+                            };
+                            match?: undefined;
+                        })[];
+                    };
+                };
+            };
+        };
+    }) | undefined;
+    defaultQuery: (() => {
+        aggs: {
+            reactivesearch_nested: {
+                nested: {
+                    path: string;
+                };
+                aggs: {
+                    reactify_nested_outer: {
+                        filter: {
+                            match: {
+                                "variants.available": string;
+                            };
+                        };
+                        aggs: {
+                            [x: string]: {
+                                terms: {
+                                    field: string;
+                                    size: number;
+                                    order: {
+                                        _count: string;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    }) | undefined;
+    URLParams: boolean;
+    componentId: string;
+    dataField: string;
+    filterLabel: string;
+    react: {
+        and: string[];
+    };
+};

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReactiveFilterRangeProps = void 0;
+const react_1 = __importDefault(require("react"));
+const useReactiveFilterSharedProps_1 = require("./useReactiveFilterSharedProps");
+const useReactiveReactProp_1 = require("./useReactiveReactProp");
+/**
+ * For use with @appbaseio/reactivesearch SingleRange and MultiRange components
+ */
+const useReactiveFilterRangeProps = (filter) => {
+    const reactiveReactProp = (0, useReactiveReactProp_1.useReactiveReactProp)(filter.handle);
+    const reactiveFilterSharedProps = (0, useReactiveFilterSharedProps_1.useReactiveFilterSharedProps)(filter);
+    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 }));
+    }, [filter, reactiveReactProp]);
+    return reactiveFilterRangeProps;
+};
+exports.useReactiveFilterRangeProps = useReactiveFilterRangeProps;
+//# sourceMappingURL=useReactiveFilterRangeProps.js.map

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

@@ -0,0 +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,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,IACnB,CAAA;KAAA,EACF,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAC5B,CAAC;IAEF,OAAO,wBAAwB,CAAC;AAClC,CAAC,CAAC;AAfW,QAAA,2BAA2B,+BAetC","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  const reactiveFilterRangeProps = React.useMemo(\n    () => ({\n      ...reactiveFilterSharedProps,\n      showFilter: filter.settingsShowFilter ?? true,\n      showRadio: false,\n      showCheckbox: false,\n    }),\n    [filter, reactiveReactProp]\n  );\n\n  return reactiveFilterRangeProps;\n};\n"]}

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

@@ -0,0 +1,67 @@
+import type { ConfigFilterOption } from "../../types/config";
+/**
+ * For use with all @appbaseio/reactivesearch filter components
+ */
+export declare const useReactiveFilterSharedProps: (filter: ConfigFilterOption) => {
+    nestedField: string | undefined;
+    customQuery: ((value?: string | string[] | undefined) => {
+        query?: undefined;
+    } | {
+        query: {
+            nested: {
+                path: string;
+                query: {
+                    bool: {
+                        must: ({
+                            match: {
+                                "variants.available": string;
+                            };
+                            terms?: undefined;
+                        } | {
+                            terms: {
+                                [x: string]: string[];
+                            };
+                            match?: undefined;
+                        })[];
+                    };
+                };
+            };
+        };
+    }) | undefined;
+    defaultQuery: (() => {
+        aggs: {
+            reactivesearch_nested: {
+                nested: {
+                    path: string;
+                };
+                aggs: {
+                    reactify_nested_outer: {
+                        filter: {
+                            match: {
+                                "variants.available": string;
+                            };
+                        };
+                        aggs: {
+                            [x: string]: {
+                                terms: {
+                                    field: string;
+                                    size: number;
+                                    order: {
+                                        _count: string;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    }) | undefined;
+    URLParams: boolean;
+    componentId: string;
+    dataField: string;
+    filterLabel: string;
+    react: {
+        and: string[];
+    };
+};

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

@@ -0,0 +1,107 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReactiveFilterSharedProps = void 0;
+const react_1 = __importDefault(require("react"));
+const useReactiveReactProp_1 = require("./useReactiveReactProp");
+/**
+ * For use with all @appbaseio/reactivesearch filter components
+ */
+const useReactiveFilterSharedProps = (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]);
+    const reactiveFilterSharedProps = react_1.default.useMemo(() => ({
+        nestedField,
+        customQuery,
+        defaultQuery,
+        URLParams: true,
+        componentId: filter.handle,
+        dataField: filter.field,
+        filterLabel: filter.name,
+        react: reactiveReactProp,
+    }), [filter, reactiveReactProp]);
+    return reactiveFilterSharedProps;
+};
+exports.useReactiveFilterSharedProps = useReactiveFilterSharedProps;
+//# sourceMappingURL=useReactiveFilterSharedProps.js.map

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

@@ -0,0 +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  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

@@ -0,0 +1,68 @@
+import type { ConfigFilterOption } from "../../types/config";
+/**
+ * For use with @appbaseio/reactivesearch RangeSlider component
+ */
+export declare const useReactiveFilterSliderProps: (filter: ConfigFilterOption) => {
+    showFilter: boolean;
+    nestedField: string | undefined;
+    customQuery: ((value?: string | string[] | undefined) => {
+        query?: undefined;
+    } | {
+        query: {
+            nested: {
+                path: string;
+                query: {
+                    bool: {
+                        must: ({
+                            match: {
+                                "variants.available": string;
+                            };
+                            terms?: undefined;
+                        } | {
+                            terms: {
+                                [x: string]: string[];
+                            };
+                            match?: undefined;
+                        })[];
+                    };
+                };
+            };
+        };
+    }) | undefined;
+    defaultQuery: (() => {
+        aggs: {
+            reactivesearch_nested: {
+                nested: {
+                    path: string;
+                };
+                aggs: {
+                    reactify_nested_outer: {
+                        filter: {
+                            match: {
+                                "variants.available": string;
+                            };
+                        };
+                        aggs: {
+                            [x: string]: {
+                                terms: {
+                                    field: string;
+                                    size: number;
+                                    order: {
+                                        _count: string;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    }) | undefined;
+    URLParams: boolean;
+    componentId: string;
+    dataField: string;
+    filterLabel: string;
+    react: {
+        and: string[];
+    };
+};

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReactiveFilterSliderProps = void 0;
+const react_1 = __importDefault(require("react"));
+const useReactiveFilterSharedProps_1 = require("./useReactiveFilterSharedProps");
+const useReactiveReactProp_1 = require("./useReactiveReactProp");
+/**
+ * For use with @appbaseio/reactivesearch RangeSlider component
+ */
+const useReactiveFilterSliderProps = (filter) => {
+    const reactiveReactProp = (0, useReactiveReactProp_1.useReactiveReactProp)(filter.handle);
+    const reactiveFilterSharedProps = (0, useReactiveFilterSharedProps_1.useReactiveFilterSharedProps)(filter);
+    const reactiveFilterSliderProps = react_1.default.useMemo(() => {
+        var _a;
+        return (Object.assign(Object.assign({}, reactiveFilterSharedProps), { showFilter: (_a = filter.settingsShowFilter) !== null && _a !== void 0 ? _a : true }));
+    }, [filter, reactiveReactProp]);
+    return reactiveFilterSliderProps;
+};
+exports.useReactiveFilterSliderProps = useReactiveFilterSliderProps;
+//# sourceMappingURL=useReactiveFilterSliderProps.js.map

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

@@ -0,0 +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,MAAM,yBAAyB,GAAG,eAAK,CAAC,OAAO,CAC7C,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;IAEF,OAAO,yBAAyB,CAAC;AACnC,CAAC,CAAC;AAbW,QAAA,4BAA4B,gCAavC","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 reactiveFilterSliderProps = React.useMemo(\n    () => ({\n      ...reactiveFilterSharedProps,\n      showFilter: filter.settingsShowFilter ?? true,\n    }),\n    [filter, reactiveReactProp]\n  );\n\n  return reactiveFilterSliderProps;\n};\n"]}

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

@@ -0,0 +1,3 @@
+export declare const useReactiveReactProp: (currentHandle?: string | undefined) => {
+    and: string[];
+};

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

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReactiveReactProp = void 0;
+const react_1 = __importDefault(require("react"));
+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)();
+    return react_1.default.useMemo(() => {
+        var _a;
+        return {
+            and: [
+                "SearchInput",
+                ...components_1.SENSOR_IDS,
+                ...((_a = options.additionalComponentHandles) !== null && _a !== void 0 ? _a : []),
+                ...filters.map((filter) => filter.handle),
+            ].filter((handle) => handle !== currentHandle),
+        };
+    }, [filters, currentHandle, options.additionalComponentHandles]);
+};
+exports.useReactiveReactProp = useReactiveReactProp;
+//# sourceMappingURL=useReactiveReactProp.js.map

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

@@ -0,0 +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"]}

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>;