@magicx-eng/ai-autocomplete-react 0.1.41 → 0.1.43

package/README.md

@@ -186,6 +186,7 @@ function App() {
 | `animations?` | `boolean` | `true` | Enable/disable all SDK animations (streak + shimmer). |
 | `dropdownTrigger?` | `"auto" \| "manual" \| "hidden"` | `"auto"` | When the dropdown appears. `"auto"` = when options available. `"manual"` = only on pill tap, closes after selection. `"hidden"` = never shows. |
 | `closeDropdownOnBlur?` | `boolean` | `true` | When `true`, the dropdown closes if the input loses focus. Set to `false` to keep it open whenever options are available, regardless of focus. |
+| `showNonTappableOptions?` | `boolean` | `true` | When `true`, non-tappable options are rendered alongside tappable ones in the dropdown. Set to `false` to hide non-tappable options entirely. |
 | `autoFocus?` | `boolean` | `true` | Focus the input on mount. Set to `false` to leave focus to the consumer. |
 | `onFocus?` | `() => void` | — | Called when the input gains focus. |
 | `onBlur?` | `() => void` | — | Called when the input loses focus. |

package/dist/index.d.mts

@@ -91,6 +91,8 @@ interface AIAutocompleteProps {
     dropdownTrigger?: "auto" | "manual" | "hidden";
     /** When true (default), the dropdown closes when the input loses focus. Set to false to keep it open whenever options are available, regardless of focus. */
     closeDropdownOnBlur?: boolean;
+    /** When true (default), non-tappable options are rendered in the dropdown alongside tappable ones. Set to false to hide them entirely. */
+    showNonTappableOptions?: boolean;
     /** Focus the input on mount. Default: true. */
     autoFocus?: boolean;
     /** Called when the input gains focus. */
@@ -131,6 +133,8 @@ interface UseAIAutocompleteOptions {
     dropdownTrigger?: "auto" | "manual" | "hidden";
     /** When true (default), the dropdown closes when the input loses focus. Set to false to keep it open whenever options are available. */
     closeDropdownOnBlur?: boolean;
+    /** When true (default), non-tappable options are rendered in the dropdown alongside tappable ones. Set to false to hide them entirely. */
+    showNonTappableOptions?: boolean;
     /** Called when the input gains focus. */
     onFocus?: () => void;
     /** Called when the input loses focus. */
@@ -225,6 +229,6 @@ declare const AIAutocomplete: react.ForwardRefExoticComponent<AIAutocompleteProp
 
 declare function AIAutocompleteDropdown({ suggestions, activeIndex, onSelect, onHighlight, isOpen, id, className, pills, onPillClick, showPills, isLoading, }: AIAutocompleteDropdownProps): react_jsx_runtime.JSX.Element;
 
-declare function useAIAutocomplete({ onSubmit, onError, optionOverrides, maskCompletedText, apiConfig, columns, dropdownTrigger, closeDropdownOnBlur, onFocus, onBlur, value: controlledValue, completedParams: controlledParams, onChange: onChangeProp, onParamsChange, source, setCursor, }: UseAIAutocompleteOptions): UseAIAutocompleteReturn;
+declare function useAIAutocomplete({ onSubmit, onError, optionOverrides, maskCompletedText, apiConfig, columns, dropdownTrigger, closeDropdownOnBlur, showNonTappableOptions, onFocus, onBlur, value: controlledValue, completedParams: controlledParams, onChange: onChangeProp, onParamsChange, source, setCursor, }: UseAIAutocompleteOptions): UseAIAutocompleteReturn;
 
 export { AIAutocomplete, AIAutocompleteDropdown, type AIAutocompleteDropdownProps, type AIAutocompleteHandle, type AIAutocompleteProps, type APIConfig, type APIKeyConfig, type AccessTokenConfig, type AccessTokenResult, type AppearanceMode, type AutocompleteResult, type CompletedParam, type CompletedParamState, type OptionOverrides, type Segment, type Suggestion, type SuggestionOption, type TaskKind, type UseAIAutocompleteOptions, type UseAIAutocompleteReturn, useAIAutocomplete };

package/dist/index.d.ts

@@ -91,6 +91,8 @@ interface AIAutocompleteProps {
     dropdownTrigger?: "auto" | "manual" | "hidden";
     /** When true (default), the dropdown closes when the input loses focus. Set to false to keep it open whenever options are available, regardless of focus. */
     closeDropdownOnBlur?: boolean;
+    /** When true (default), non-tappable options are rendered in the dropdown alongside tappable ones. Set to false to hide them entirely. */
+    showNonTappableOptions?: boolean;
     /** Focus the input on mount. Default: true. */
     autoFocus?: boolean;
     /** Called when the input gains focus. */
@@ -131,6 +133,8 @@ interface UseAIAutocompleteOptions {
     dropdownTrigger?: "auto" | "manual" | "hidden";
     /** When true (default), the dropdown closes when the input loses focus. Set to false to keep it open whenever options are available. */
     closeDropdownOnBlur?: boolean;
+    /** When true (default), non-tappable options are rendered in the dropdown alongside tappable ones. Set to false to hide them entirely. */
+    showNonTappableOptions?: boolean;
     /** Called when the input gains focus. */
     onFocus?: () => void;
     /** Called when the input loses focus. */
@@ -225,6 +229,6 @@ declare const AIAutocomplete: react.ForwardRefExoticComponent<AIAutocompleteProp
 
 declare function AIAutocompleteDropdown({ suggestions, activeIndex, onSelect, onHighlight, isOpen, id, className, pills, onPillClick, showPills, isLoading, }: AIAutocompleteDropdownProps): react_jsx_runtime.JSX.Element;
 
-declare function useAIAutocomplete({ onSubmit, onError, optionOverrides, maskCompletedText, apiConfig, columns, dropdownTrigger, closeDropdownOnBlur, onFocus, onBlur, value: controlledValue, completedParams: controlledParams, onChange: onChangeProp, onParamsChange, source, setCursor, }: UseAIAutocompleteOptions): UseAIAutocompleteReturn;
+declare function useAIAutocomplete({ onSubmit, onError, optionOverrides, maskCompletedText, apiConfig, columns, dropdownTrigger, closeDropdownOnBlur, showNonTappableOptions, onFocus, onBlur, value: controlledValue, completedParams: controlledParams, onChange: onChangeProp, onParamsChange, source, setCursor, }: UseAIAutocompleteOptions): UseAIAutocompleteReturn;
 
 export { AIAutocomplete, AIAutocompleteDropdown, type AIAutocompleteDropdownProps, type AIAutocompleteHandle, type AIAutocompleteProps, type APIConfig, type APIKeyConfig, type AccessTokenConfig, type AccessTokenResult, type AppearanceMode, type AutocompleteResult, type CompletedParam, type CompletedParamState, type OptionOverrides, type Segment, type Suggestion, type SuggestionOption, type TaskKind, type UseAIAutocompleteOptions, type UseAIAutocompleteReturn, useAIAutocomplete };