docs,api-ref: added search filters (#4830)

* initial implementation of search modal * added hit and search suggestions * added support for multiple indices * updated sample env * added close when click outside dropdown * test for mobile * added mobile design * added shortcut * dark mode fixes * added search to docs * added plugins filter * added React import * moved filters to configurations * handled error on page load * change suggestion text * removed hits limit * handle select all * open link in current tab * change highlight colors * added support for shortcuts + auto focus * change header and footer * redesigned search ui
2023-08-24 18:36:06 +03:00
parent f4bf9ee169
commit f07dc0384f
109 changed files with 4555 additions and 1648 deletions
@@ -0,0 +1,48 @@
+"use client"
+
+import { createContext, useContext, useState } from "react"
+import SearchModal from "../components/Search/Modal"
+
+type SearchContextType = {
+  isOpen: boolean
+  setIsOpen: React.Dispatch<React.SetStateAction<boolean>>
+  defaultFilters: string[]
+  setDefaultFilters: (value: string[]) => void
+}
+
+const SearchContext = createContext<SearchContextType | null>(null)
+
+type SearchProviderProps = {
+  children: React.ReactNode
+}
+
+const SearchProvider = ({ children }: SearchProviderProps) => {
+  const [isOpen, setIsOpen] = useState(false)
+  const [defaultFilters, setDefaultFilters] = useState<string[]>([])
+
+  return (
+    <SearchContext.Provider
+      value={{
+        isOpen,
+        setIsOpen,
+        defaultFilters,
+        setDefaultFilters,
+      }}
+    >
+      {children}
+      <SearchModal />
+    </SearchContext.Provider>
+  )
+}
+
+export default SearchProvider
+
+export const useSearch = (): SearchContextType => {
+  const context = useContext(SearchContext)
+
+  if (!context) {
+    throw new Error("useSearch must be used inside a SearchProvider")
+  }
+
+  return context
+}