elastic-input 0.3.2 → 0.3.3

package/dist/elastic-input.es.js

@@ -1180,8 +1180,7 @@ const DEFAULT_COLORS = {
   regexAlternation: "#8250df",
   regexText: "#0a3069",
   matchedParenBg: "#fff3cd",
-  warning: "#d4a72c",
-  historyDescription: "#656d76"
+  warning: "#d4a72c"
 };
 const DARK_COLORS = {
   fieldName: "#79c0ff",
@@ -1209,8 +1208,7 @@ const DARK_COLORS = {
   regexAlternation: "#d2a8ff",
   regexText: "#a5d6ff",
   matchedParenBg: "#3d3222",
-  warning: "#e3b341",
-  historyDescription: "#484f58"
+  warning: "#e3b341"
 };
 const DEFAULT_STYLES = {
   fontFamily: "'SF Mono', 'Fira Code', 'Fira Mono', Menlo, Consolas, monospace",
@@ -2801,7 +2799,7 @@ function AutocompleteDropdown({
           whiteSpace: "normal",
           wordBreak: "break-all",
           width: "100%"
-        } }, highlightMatch(suggestion.label, suggestion.matchPartial, isSelected)), /* @__PURE__ */ React.createElement("span", { style: { display: "flex", alignItems: "center", gap: "8px", width: "100%" } }, suggestion.description != null && /* @__PURE__ */ React.createElement("span", { className: "ei-dropdown-item-desc", style: { ...getDropdownItemDescStyle(), flex: 1, color: mergedColors.historyDescription, opacity: 1 } }, suggestion.description), /* @__PURE__ */ React.createElement("span", { className: "ei-dropdown-item-type", style: { ...getDropdownItemTypeStyle(isSelected, mergedStyles), marginLeft: "auto" } }, "history")))
+        } }, highlightMatch(suggestion.label, suggestion.matchPartial, isSelected)), /* @__PURE__ */ React.createElement("span", { style: { display: "flex", alignItems: "center", gap: "8px", width: "100%" } }, suggestion.description != null && /* @__PURE__ */ React.createElement("span", { className: "ei-dropdown-item-desc", style: { ...getDropdownItemDescStyle(), flex: 1 } }, suggestion.description), /* @__PURE__ */ React.createElement("span", { className: "ei-dropdown-item-type", style: { ...getDropdownItemTypeStyle(isSelected, mergedStyles), marginLeft: "auto" } }, "history")))
       );
     }
     if (suggestion.type === "savedSearch" && renderSavedSearchItem && suggestion.sourceData) {
@@ -4691,6 +4689,12 @@ function ElasticInput(props) {
         case "Enter":
           if (s.selectedSuggestionIndex >= 0) {
             const selected = s.suggestions[s.selectedSuggestionIndex];
+            if (selected.type === "loading" || selected.type === "error") {
+              e.preventDefault();
+              closeDropdown();
+              if (onSearch) onSearch(currentValueRef.current, s.ast);
+              return;
+            }
             if (selected.type === "hint" && selected.text !== "#" && selected.text !== "!") {
               e.preventDefault();
               closeDropdown();
@@ -4713,7 +4717,10 @@ function ElasticInput(props) {
             acceptSuggestion(selected, "Enter");
             return;
           }
-          break;
+          e.preventDefault();
+          closeDropdown();
+          if (onSearch) onSearch(currentValueRef.current, s.ast);
+          return;
         case "Tab": {
           if (onTabProp) {
             e.preventDefault();

package/dist/types.d.ts

@@ -140,8 +140,6 @@ export interface ColorConfig {
     matchedParenBg?: string;
     /** Warning-severity squiggly underlines (e.g. ambiguous precedence). */
     warning?: string;
-    /** Color for history item descriptions. Set to `'transparent'` to hide. */
-    historyDescription?: string;
 }
 /**
  * Structural and layout style overrides for the input and dropdown.

package/package.json

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