elastic-input 0.3.0 → 0.3.1

package/README.md

@@ -139,6 +139,7 @@ interface FieldConfig {
   operators?: string[];   // Allowed operators (future use)
   description?: string;   // Shown in autocomplete dropdown
   placeholder?: string | false; // Hint shown while typing a value (false to suppress)
+  suggestions?: boolean;        // Whether fetchSuggestions is called (default true)
 }
 ```
 

package/dist/elastic-input.es.js

@@ -3988,7 +3988,7 @@ function ElasticInput(props) {
       }
     }
     const resolvedField = result.context.fieldName ? engineRef.current.resolveField(result.context.fieldName) : void 0;
-    const willFetchAsync = !!(fetchSuggestionsProp && result.context.type === "FIELD_VALUE" && result.context.fieldName && (resolvedField == null ? void 0 : resolvedField.type) !== "boolean") || !!(typeof savedSearches === "function" && result.context.type === "SAVED_SEARCH") || !!(typeof searchHistory === "function" && result.context.type === "HISTORY_REF");
+    const willFetchAsync = !!(fetchSuggestionsProp && result.context.type === "FIELD_VALUE" && result.context.fieldName && (resolvedField == null ? void 0 : resolvedField.type) !== "boolean" && (resolvedField == null ? void 0 : resolvedField.suggestions) !== false) || !!(typeof savedSearches === "function" && result.context.type === "SAVED_SEARCH") || !!(typeof searchHistory === "function" && result.context.type === "HISTORY_REF");
     if (result.showDatePicker) {
       asyncActiveRef.current = false;
       (_a = abortControllerRef.current) == null ? void 0 : _a.abort();
@@ -4387,7 +4387,7 @@ function ElasticInput(props) {
       } else {
         const rect = getCaretRect();
         if (rect) {
-          const height = s.showDatePicker ? 350 : s.suggestions.length * 32;
+          const height = s.showDatePicker ? 350 : capDropdownHeight(s.suggestions.length * 32, dropdownMaxHeightPx);
           setDropdownPosition(getDropdownPosition(rect, height, 300));
         }
       }
@@ -4398,7 +4398,7 @@ function ElasticInput(props) {
       window.removeEventListener("resize", reposition);
       window.removeEventListener("scroll", reposition, true);
     };
-  }, [dropdownAlignToInput]);
+  }, [dropdownAlignToInput, dropdownMaxHeightPx]);
   const prevParenMatchRef = React.useRef(null);
   const prevColorsRef = React.useRef(colors);
   React.useEffect(() => {

package/dist/types.d.ts

@@ -49,6 +49,8 @@ export interface FieldConfig {
     description?: string;
     /** Custom placeholder hint shown in the dropdown while typing a value for this field (e.g. "Search by company name..."). Overrides the default type-based hint. Set to `false` to suppress the hint entirely. */
     placeholder?: string | false;
+    /** Whether `fetchSuggestions` should be called for this field. Defaults to `true`. Set to `false` to skip the async fetch entirely (no "Searching..." spinner, no dropdown). */
+    suggestions?: boolean;
 }
 /** A saved/named search that users can reference with `#name` syntax. */
 export interface SavedSearch {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elastic-input",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Syntax-aware smart autocomplete input for Elastic query syntax",
   "license": "MIT",
   "repository": {