add onFocus to SearchBoxProps

huyenltnguyen · huyenltnguyen · commit 00ecb0e8a8a1 · 2024-06-25T15:22:37.000+07:00
diff --git a/types/react-instantsearch-dom/index.d.ts b/types/react-instantsearch-dom/index.d.ts
@@ -127,6 +127,7 @@ export interface SearchBoxProps extends CommonWidgetProps {
     onReset?: ((event: React.SyntheticEvent<HTMLFormElement>) => any) | undefined;
     onChange?: ((event: React.SyntheticEvent<HTMLInputElement>) => any) | undefined;
     onKeyDown?: ((event: React.KeyboardEvent<HTMLInputElement>) => any) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLInputElement>) => any) | undefined;
 }
 /**
  * The SearchBox component displays a search box that lets the user search for a specific query.
diff --git a/types/react-instantsearch-dom/react-instantsearch-dom-tests.tsx b/types/react-instantsearch-dom/react-instantsearch-dom-tests.tsx
@@ -215,13 +215,16 @@ import {
 
     function onSearchBoxKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {}
 
+    function onSearchBoxFocus(event: React.FocusEvent<HTMLInputElement>) {}
+
     function onSearchBoxReset(event: React.SyntheticEvent<HTMLFormElement>) {}
 
     function onSearchBoxSubmit(event: React.SyntheticEvent<HTMLFormElement>) {}
 
     <SearchBox
         onChange={onSearchBoxChange}
         onKeyDown={onSearchBoxKeyDown}
+        onFocus={onSearchBoxFocus}
         onReset={onSearchBoxReset}
         onSubmit={onSearchBoxSubmit}
         submit={<></>}

Original file line number	Diff line number	Diff line change
`@@ -127,6 +127,7 @@ export interface SearchBoxProps extends CommonWidgetProps {`
`127`	`127`	`onReset?: ((event: React.SyntheticEvent<HTMLFormElement>) => any) \| undefined;`
`128`	`128`	`onChange?: ((event: React.SyntheticEvent<HTMLInputElement>) => any) \| undefined;`
`129`	`129`	`onKeyDown?: ((event: React.KeyboardEvent<HTMLInputElement>) => any) \| undefined;`
	`130`	`+ onFocus?: ((event: React.FocusEvent<HTMLInputElement>) => any) \| undefined;`
`130`	`131`	`}`
`131`	`132`	`/**`
`132`	`133`	`* The SearchBox component displays a search box that lets the user search for a specific query.`