@usereactify/search 4.4.1 → 5.0.0-beta.10

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,17 @@
+"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;
+//# sourceMappingURL=Sortby.js.map

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

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

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

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

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

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

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

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

@@ -5,10 +5,11 @@ 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)();
-    return react_1.default.createElement(ReactiveBase_1.default, Object.assign({}, props), children);
+const UtilityAuthenticatedReactiveBase = (props) => {
+    const reactiveBaseProps = (0, hooks_1.useReactiveBaseProps)();
+    return (react_1.default.createElement(ReactiveBase_1.default, Object.assign({}, reactiveBaseProps), props.children));
 };
 exports.UtilityAuthenticatedReactiveBase = UtilityAuthenticatedReactiveBase;
+//# sourceMappingURL=UtilityAuthenticatedReactiveBase.js.map

package/dist/src/components/Utility/UtilityAuthenticatedReactiveBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UtilityAuthenticatedReactiveBase.js","sourceRoot":"","sources":["../../../../src/components/Utility/UtilityAuthenticatedReactiveBase.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uCAAmD;AACnD,+GAAuF;AAEhF,MAAM,gCAAgC,GAAa,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,iBAAiB,GAAG,IAAA,4BAAoB,GAAE,CAAC;IAEjD,OAAO,CACL,8BAAC,sBAAY,oBACP,iBAAiB,GAEpB,KAAK,CAAC,QAAQ,CACF,CAChB,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,gCAAgC,oCAU3C","sourcesContent":["import React from \"react\";\nimport { useReactiveBaseProps } from \"../../hooks\";\nimport ReactiveBase from \"@appbaseio/reactivesearch/lib/components/basic/ReactiveBase\";\n\nexport const UtilityAuthenticatedReactiveBase: React.FC = (props) => {\n  const reactiveBaseProps = useReactiveBaseProps();\n\n  return (\n    <ReactiveBase\n      {...reactiveBaseProps}\n    >\n      {props.children}\n    </ReactiveBase>\n  );\n};\n"]}

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

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

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

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

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

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,21 @@
+"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);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,14 +1,15 @@
 export * from "./reactivesearch";
-export * from "./useSort";
-export * from "./usePages";
-export * from "./useConfig";
+export * from "./useDebugger";
+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,18 @@ 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("./useDebugger"), 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);
+//# sourceMappingURL=index.js.map

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

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

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,9 @@ 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);
+//# sourceMappingURL=index.js.map

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

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

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,7 @@ const useReactiveBaseProps = () => {
             }
             return response;
         }),
-    }), [credentials, theme]);
+    }), [options.credentials, options.theme]);
 };
 exports.useReactiveBaseProps = useReactiveBaseProps;
+//# sourceMappingURL=useReactiveBaseProps.js.map

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

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

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

@@ -1,16 +1,15 @@
-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;
     type: string;
     showIcon: boolean;
-    fuzziness: 0 | 1 | 2 | "AUTO";
+    fuzziness: 0 | 2 | 1 | "AUTO";
     queryFormat: "and" | "or";
     autosuggest: boolean;
     value: string;
@@ -25,4 +24,3 @@ export declare const useReactiveDataSearchProps: (props?: Props) => {
         input: string | undefined;
     };
 };
-export {};

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

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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 +14,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 +36,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,
@@ -69,3 +67,4 @@ const useReactiveDataSearchProps = (props = {}) => {
     ]);
 };
 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  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"]}

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,18 @@ 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;
+//# 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,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"]}

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[];
+    };
+};