Home / Function/ useTableFilter() — supabase Function Reference

useTableFilter() — supabase Function Reference

Architecture documentation for the useTableFilter() function in useTableFilter.ts from the supabase codebase.

Entity Profile

Dependency Diagram

graph TD
  a47503db_fa39_e27f_a3b4_341051a9ae62["useTableFilter()"]
  be97f35c_a68f_0a38_2fc8_b1e46b157381["SupabaseGrid()"]
  be97f35c_a68f_0a38_2fc8_b1e46b157381 -->|calls| a47503db_fa39_e27f_a3b4_341051a9ae62
  195c5181_2e45_3007_560a_5b290d5d2777["Grid()"]
  195c5181_2e45_3007_560a_5b290d5d2777 -->|calls| a47503db_fa39_e27f_a3b4_341051a9ae62
  style a47503db_fa39_e27f_a3b4_341051a9ae62 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/studio/components/grid/hooks/useTableFilter.ts lines 10–33

export function useTableFilter() {
  const { filters: urlFilters, setParams } = useTableEditorFiltersSort()

  const filters = formatFilterURLParams(urlFilters)

  const onApplyFilters = useCallback(
    (appliedFilters: Filter[]) => {
      const newUrlFilters = filtersToUrlParams(appliedFilters)
      setParams((prevParams) => ({ ...prevParams, filter: newUrlFilters }))
    },
    [setParams]
  )

  const clearFilters = useCallback(() => {
    setParams((prevParams) => ({ ...prevParams, filter: [] }))
  }, [setParams])

  return {
    filters, // Formatted Filter[] object array
    urlFilters, // Raw string[] from URL
    onApplyFilters, // Callback to apply changes
    clearFilters, // Callback to clear filters
  }
}

Subdomains

Frequently Asked Questions

What does useTableFilter() do?
useTableFilter() is a function in the supabase codebase.
What calls useTableFilter()?
useTableFilter() is called by 2 function(s): Grid, SupabaseGrid.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free