add inMemoryPagingation

Author: mmalfertheiner

src/inMemoryPagination.tsx

@@ -0,0 +1,53 @@
+import { useState, useCallback, useMemo } from 'react'
+import { UseSearchAndPagination } from './types'
+
+const useSearchAndPaginationInMemory = (): UseSearchAndPagination => {
+  const initialState = useMemo(
+    () => ({
+      page: 0,
+      size: 15,
+      searchQuery: '',
+    }),
+    []
+  )
+
+  const [state, setState] = useState(initialState)
+
+  const search = useCallback((query: string) => {
+    setState((currentState) => {
+      return {
+        ...currentState,
+        page: 0,
+        searchQuery: query,
+      }
+    })
+  }, [])
+
+  const clear = useCallback(() => {
+    setState(() => {
+      return initialState
+    })
+  }, [initialState])
+
+  const setPage = useCallback((page: number) => {
+    setState((currentState) => {
+      return {
+        ...currentState,
+        page,
+      }
+    })
+  }, [])
+
+  return {
+    search: state.searchQuery,
+    searchActions: {
+      search,
+      clear,
+    },
+    page: state.page,
+    size: state.size,
+    paginationActions: { setPage },
+  }
+}
+
+export { useSearchAndPaginationInMemory }

src/index.ts

@@ -0,0 +1 @@
+export * from './inMemoryPagination'

src/types.ts

@@ -0,0 +1,15 @@
+export type UseSearchQuery = {
+  search: string
+  searchActions: { search: (query: string) => void; clear: () => void }
+}
+
+export type UsePagination = {
+  page: number
+  size: number
+} & PaginationActions
+
+export type PaginationActions = {
+  paginationActions: { setPage: (page: number) => void }
+}
+
+export type UseSearchAndPagination = UseSearchQuery & UsePagination