fix(inputsearch): add onchange events for the new inputClear icon

chanzuckerberg · Sep 21, 2023 · d1dcf20 · d1dcf20
1 parent 0197fed
commit d1dcf20
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/packages/components/src/core/Autocomplete/index.tsx b/packages/components/src/core/Autocomplete/index.tsx
@@ -209,6 +209,12 @@ const Autocomplete = <
 
   function clearInput() {
     setInputValue("");
+    if (onInputChange)
+      onInputChange(
+        { target: { value: "" } } as React.ChangeEvent<HTMLInputElement>,
+        "",
+        "clear"
+      );
   }
 
   function defaultGetOptionLabel(

diff --git a/packages/components/src/core/InputSearch/index.tsx b/packages/components/src/core/InputSearch/index.tsx
@@ -55,6 +55,14 @@ const InputSearch = forwardRef<HTMLDivElement, InputSearchProps>(
     const clearInput = () => {
       setValue("");
       setHasValue(false);
+
+      if (handleSubmit) handleSubmit("");
+
+      if (onChange) {
+        onChange({
+          target: { value: "" },
+        } as React.ChangeEvent<HTMLInputElement>);
+      }
     };
 
     const localHandleSubmit = () => {