@papernote/ui 1.7.4 → 1.7.6

package/dist/index.js

@@ -5068,11 +5068,14 @@ const Autocomplete = React.forwardRef(({ value, onChange, options = [], onSearch
                 const results = await onSearch(query);
                 setFilteredOptions(results.slice(0, maxResults));
                 setIsOpen(results.length > 0);
+                // Auto-highlight first result for keyboard navigation
+                setHighlightedIndex(results.length > 0 ? 0 : -1);
             }
             catch (err) {
                 console.error('Autocomplete search error:', err);
                 setFilteredOptions([]);
                 setIsOpen(false);
+                setHighlightedIndex(-1);
             }
             finally {
                 setLoading(false);
@@ -5083,6 +5086,8 @@ const Autocomplete = React.forwardRef(({ value, onChange, options = [], onSearch
             const filtered = filterOptions(query);
             setFilteredOptions(filtered);
             setIsOpen(filtered.length > 0);
+            // Auto-highlight first result for keyboard navigation
+            setHighlightedIndex(filtered.length > 0 ? 0 : -1);
         }
     };
     // Debounced search
@@ -5119,7 +5124,16 @@ const Autocomplete = React.forwardRef(({ value, onChange, options = [], onSearch
     const handleKeyDown = (e) => {
         if (!isOpen) {
             if (e.key === 'ArrowDown') {
-                handleSearch(value);
+                e.preventDefault();
+                // If we have cached results from a previous search, show them
+                if (filteredOptions.length > 0) {
+                    setIsOpen(true);
+                    setHighlightedIndex(0);
+                }
+                else if (value.length >= minChars) {
+                    // Otherwise trigger a new search
+                    handleSearch(value);
+                }
             }
             return;
         }
@@ -5422,8 +5436,11 @@ function FormWizard({ steps, onComplete, onStepChange, showStepNumbers = true, a
             }
         }
         else {
-            // Go to next step
-            goToStep(currentStep + 1);
+            // Advance to next step directly (don't use goToStep which checks completedSteps
+            // before React has re-rendered with the updated state)
+            const nextStepIndex = currentStep + 1;
+            setCurrentStep(nextStepIndex);
+            onStepChange?.(nextStepIndex);
         }
     };
     // Previous step