@festo-ui/react 10.1.0 → 10.1.1-dev.918

package/dist/components/search-input/useSearchInput.js

@@ -1,85 +0,0 @@
-import { useState } from "react";
-import { useControlled } from "../../utils/useControlled.js";
-function useSearchInput(inputRef, cappedSuggestions, value, defaultValue = '', onChange, onSearch, onKeyboardNavigate) {
-    const [innerValue, setValue] = useControlled({
-        controlled: value,
-        default: defaultValue
-    });
-    const [hideSuggestionList, setHideSuggestionList] = useState(false);
-    const [selectedSuggestionIndex, setSelectedSuggestionIndex] = useState(-1);
-    function blurInput() {
-        if (inputRef.current) inputRef.current.blur();
-    }
-    function reset() {
-        setSelectedSuggestionIndex(-1);
-        setHideSuggestionList(true);
-        blurInput();
-    }
-    function handleSearch() {
-        reset();
-        if (void 0 !== innerValue) onSearch?.(innerValue);
-    }
-    function updateValue(newValue) {
-        setValue(newValue);
-        onChange?.(newValue);
-        onSearch?.(newValue);
-    }
-    function handleClearQuery() {
-        reset();
-        updateValue('');
-    }
-    function handleArrowKey(newSuggestionIndex) {
-        if (!cappedSuggestions || !cappedSuggestions.length) return;
-        const selectedSuggestion = cappedSuggestions[newSuggestionIndex];
-        setSelectedSuggestionIndex(newSuggestionIndex);
-        setValue(selectedSuggestion.value);
-        onKeyboardNavigate?.(selectedSuggestion.value);
-    }
-    function handleUpArrowKey() {
-        handleArrowKey(selectedSuggestionIndex > 0 ? selectedSuggestionIndex - 1 : cappedSuggestions.length - 1);
-    }
-    function handleDownArrowKey() {
-        handleArrowKey(selectedSuggestionIndex >= cappedSuggestions.length - 1 ? 0 : selectedSuggestionIndex + 1);
-    }
-    function handleKeyDown(event) {
-        switch(event.key){
-            case 'Enter':
-                handleSearch();
-                break;
-            case 'Escape':
-                handleClearQuery();
-                break;
-            case 'ArrowUp':
-                handleUpArrowKey();
-                break;
-            case 'ArrowDown':
-                handleDownArrowKey();
-                break;
-            default:
-                break;
-        }
-    }
-    const handleFocus = ()=>setHideSuggestionList(false);
-    const handleOutsideClick = ()=>setHideSuggestionList(true);
-    function handleSuggestionClick(suggestion) {
-        reset();
-        updateValue(suggestion.value);
-    }
-    function handleInput(event) {
-        setSelectedSuggestionIndex(-1);
-        setValue(event.target.value);
-        onChange?.(event.target.value);
-    }
-    return {
-        innerValue,
-        hideSuggestionList,
-        selectedSuggestionIndex,
-        handleClearQuery,
-        handleFocus,
-        handleInput,
-        handleSuggestionClick,
-        handleOutsideClick,
-        handleKeyDown
-    };
-}
-export { useSearchInput };