Merge pull request NotionX#380 from NotionX/hide-search-event

added onHideSearch event

Author: normdoow

packages/react-notion-x/src/components/header.tsx

@@ -87,7 +87,8 @@ export const Search: React.FC<{
   search?: SearchNotionFn
   title?: React.ReactNode
 }> = ({ block, search, title = 'Search' }) => {
-  const { searchNotion, rootPageId, isShowingSearch } = useNotionContext()
+  const { searchNotion, rootPageId, isShowingSearch, onHideSearch } =
+    useNotionContext()
   const onSearchNotion = search || searchNotion
 
   const [isSearchOpen, setIsSearchOpen] = React.useState(isShowingSearch)
@@ -101,6 +102,9 @@ export const Search: React.FC<{
 
   const onCloseSearch = React.useCallback(() => {
     setIsSearchOpen(false)
+    if (onHideSearch) {
+      onHideSearch()
+    }
   }, [])
 
   useHotkeys('cmd+p', (event) => {

packages/react-notion-x/src/context.tsx

@@ -21,6 +21,7 @@ export interface NotionContext {
   mapImageUrl: MapImageUrlFn
   searchNotion?: SearchNotionFn
   isShowingSearch?: boolean
+  onHideSearch?: () => void
 
   rootPageId?: string
   rootDomain?: string
@@ -49,6 +50,7 @@ export interface PartialNotionContext {
   mapImageUrl?: MapImageUrlFn
   searchNotion?: SearchNotionFn
   isShowingSearch?: boolean
+  onHideSearch?: () => void
 
   rootPageId?: string
   rootDomain?: string
@@ -151,6 +153,7 @@ const defaultNotionContext: NotionContext = {
   mapImageUrl: defaultMapImageUrl,
   searchNotion: null,
   isShowingSearch: false,
+  onHideSearch: null,
 
   fullPage: false,
   darkMode: false,

packages/react-notion-x/src/renderer.tsx

@@ -19,6 +19,7 @@ export const NotionRenderer: React.FC<{
   mapImageUrl?: MapImageUrlFn
   searchNotion?: SearchNotionFn
   isShowingSearch?: boolean
+  onHideSearch?: () => void
 
   rootPageId?: string
   rootDomain?: string
@@ -62,6 +63,7 @@ export const NotionRenderer: React.FC<{
   mapImageUrl,
   searchNotion,
   isShowingSearch,
+  onHideSearch,
   fullPage,
   rootPageId,
   rootDomain,
@@ -97,6 +99,7 @@ export const NotionRenderer: React.FC<{
       mapImageUrl={mapImageUrl}
       searchNotion={searchNotion}
       isShowingSearch={isShowingSearch}
+      onHideSearch={onHideSearch}
       fullPage={fullPage}
       rootPageId={rootPageId}
       rootDomain={rootDomain}