Refactor Autocomplete component to remove unused code and make onInpu…

…tChange optional
AppQuality · Oct 17, 2024 · 607fefa · 607fefa
1 parent 83825a6
commit 607fefa
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/src/stories/dropdowns/autocomplete/index.tsx b/src/stories/dropdowns/autocomplete/index.tsx
@@ -17,11 +17,9 @@ interface IOptGroup extends IOptGroupProps {
 }
 
 export interface AutocompleteProps extends IComboboxProps {
-  children: null;
   onOptionClick?: ({ inputValue, selectionValue }: OnOptionClickArgs) => void;
-  onInputChange: (inputValue: string) => void;
+  onInputChange?: (inputValue: string) => void;
   isCreatable?: boolean;
-  // promise to create new IOption
   onCreateNewOption?: (inputValue: string) => Promise<IOption>;
   options: Array<IOptGroup | IOption>;
 }
@@ -88,15 +86,14 @@ const Autocomplete = ({ options, onOptionClick, onInputChange, onChange, isCreat
   ), [matchingOptions]);
 
   const handleChange = useCallback<NonNullable<IComboboxProps['onChange']>>(event => {
-    console.log("event", event);
     if (typeof onChange === 'function') {
       onChange(event);
     }
 
     if (event.type === "input:change" && event.inputValue !== undefined) {
       const sanitizedInputValue = event.inputValue.replace(/[.*+?^${}()|[\]\\]/giu, '\\$&');
       setInputValue(sanitizedInputValue);
-      onInputChange(sanitizedInputValue);
+      if (typeof onInputChange === 'function') onInputChange(sanitizedInputValue);
     }
     if (event.type === "option:click" && typeof onOptionClick === 'function') {
       // setSelectionValue(event.selectionValue);