@snapdragonsnursery/react-components 1.17.7 → 1.17.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snapdragonsnursery/react-components",
-  "version": "1.17.7",
+  "version": "1.17.8",
   "description": "",
   "main": "src/index.js",
   "scripts": {

package/src/components/EmployeeSelect.jsx

@@ -70,6 +70,7 @@ export const EmployeeSelect = ({
   const [searchTerm, setSearchTerm] = React.useState("");
   const [isOpen, setIsOpen] = React.useState(false);
   const [debouncedSearchTerm, setDebouncedSearchTerm] = React.useState("");
+  const searchInputRef = React.useRef(null);
 
   // Debounce search term for server-side search
   React.useEffect(() => {
@@ -83,6 +84,16 @@ export const EmployeeSelect = ({
     return () => clearTimeout(timer);
   }, [searchTerm, enableServerSearch, onSearchChange]);
 
+  // Maintain focus on search input when server results update
+  React.useEffect(() => {
+    if (enableServerSearch && isOpen && searchInputRef.current && document.activeElement !== searchInputRef.current) {
+      // Only refocus if we previously had focus (i.e., user was typing)
+      if (searchTerm && !isSearching) {
+        searchInputRef.current.focus();
+      }
+    }
+  }, [searchResults, enableServerSearch, isOpen, searchTerm, isSearching]);
+
   // Helper function to generate initials from full name
   const getInitials = (name) => {
     if (!name) return "??";
@@ -239,6 +250,7 @@ export const EmployeeSelect = ({
           <div className="relative">
             <Search className="absolute left-2 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" />
             <input
+              ref={searchInputRef}
               type="text"
               placeholder={enableServerSearch ? "Search employees..." : "Search employees..."}
               value={searchTerm}