@usereactify/search 3.7.0-beta.0 → 3.7.0

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

@@ -1,9 +1,14 @@
 declare type Props = {
+    [key: string]: any;
     debounce?: number;
     placeholder?: string;
     inputClassName?: string;
 };
 export declare const useReactiveDataSearchProps: (props?: Props) => {
+    debounce?: number | undefined;
+    placeholder: string;
+    inputClassName?: string | undefined;
+    type: string;
     showIcon: boolean;
     fuzziness: 0 | 1 | 2 | "AUTO";
     queryFormat: "and" | "or";
@@ -11,7 +16,6 @@ export declare const useReactiveDataSearchProps: (props?: Props) => {
     value: string;
     onKeyUp: (e: any) => void;
     componentId: string;
-    placeholder: string;
     dataField: string[];
     fieldWeights: number[];
     onChange: (value: string, triggerQuery: () => {}) => void;

package/dist/hooks/reactivesearch/useReactiveDataSearchProps.js

@@ -45,35 +45,20 @@ const useReactiveDataSearchProps = (props = {}) => {
     }, {
         wait: debounce !== null && debounce !== void 0 ? debounce : 300,
     });
-    return react_1.default.useMemo(() => ({
-        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) => {
+    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: () => {
+        }, onBlur: () => {
             // requestAnimationFrame ensures that results are still clickable before close
             window.requestAnimationFrame(() => setShowInstantSearchResults(false));
-        },
-        onFocus: () => {
+        }, onFocus: () => {
             setShowInstantSearchResults(true);
-        },
-        innerClass: {
+        }, innerClass: {
             input: inputClassName,
-        },
-    }), [
+        } }, props)), [
         searchQuery,
         handleKeyPress,
         placeholder,

package/dist/search/SearchInput.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 declare type Props = {
+    [key: string]: any;
     debounce?: number;
     placeholder?: string;
     inputClassName?: string;

package/dist/search/SearchInput.js

@@ -9,11 +9,9 @@ const DataSearch_1 = __importDefault(require("@appbaseio/reactivesearch/lib/comp
 const hooks_1 = require("../hooks");
 const SearchInput = (props) => {
     const { debounce, placeholder, inputClassName } = props;
-    const reactiveDataSearchProps = (0, hooks_1.useReactiveDataSearchProps)({
-        debounce,
+    const reactiveDataSearchProps = (0, hooks_1.useReactiveDataSearchProps)(Object.assign({ debounce,
         placeholder,
-        inputClassName,
-    });
+        inputClassName }, props));
     return react_1.default.createElement(DataSearch_1.default, Object.assign({}, reactiveDataSearchProps));
 };
 exports.SearchInput = SearchInput;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@usereactify/search",
   "description": "React UI library for Reactify Search",
-  "version": "3.7.0-beta.0",
+  "version": "3.7.0",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -36,11 +36,11 @@
     "react-intersection-observer": "9.1.0"
   },
   "peerDependencies": {
-    "@appbaseio/reactivesearch": "^3.14.0",
+    "@appbaseio/reactivesearch": "^3.16.1",
     "react": "^17.0.0"
   },
   "devDependencies": {
-    "@appbaseio/reactivesearch": "^3.14.0",
+    "@appbaseio/reactivesearch": "3.24.3",
     "@commitlint/cli": "13.2.0",
     "@commitlint/config-conventional": "13.2.0",
     "@storybook/addon-actions": "6.3.10",