Skip to main content

Interface: GridFiltersProps

Defined in: components/GridFilters.tsx:16

Extended by​

Properties​

activePriceMax?​

optional activePriceMax?: number

Defined in: components/GridFilters.tsx:83

Currently active price filter max from URL state.

activePriceMin?​

optional activePriceMin?: number

Defined in: components/GridFilters.tsx:80

Currently active price filter min from URL state. When both activePriceMin and activePriceMax become undefined the price inputs reset to the priceMin/priceMax bounds.

activeTextFilters?​

optional activeTextFilters?: Record<string, string[]>

Defined in: components/GridFilters.tsx:74

Currently active text filters (URL-driven). Syncs internal checkbox state when filters are removed externally.

className?​

optional className?: string

Defined in: components/GridFilters.tsx:92

Extra CSS class on the root element.

clearSignal?​

optional clearSignal?: number

Defined in: components/GridFilters.tsx:71

Increment this counter to reset all selected filters and price inputs externally.

collapsed?​

optional collapsed?: boolean

Defined in: components/GridFilters.tsx:68

Whether filter accordions start collapsed. Defaults to true.

filters​

filters: AttributeFilter[]

Defined in: components/GridFilters.tsx:21

Attribute filter definitions from the ProductGrid API response. Each entry describes one filterable attribute (e.g. colour, brand, size).

getSelectedFilters?​

optional getSelectedFilters?: () => void

Defined in: components/GridFilters.tsx:36

Notification called after every filter change.

Returns​

void

isLoading?​

optional isLoading?: boolean

Defined in: components/GridFilters.tsx:89

When true, all checkboxes and price inputs are disabled. Wire to ProductGrid's onLoadingChange to block rapid re-clicks while a fetch is in flight.

isMobile?​

optional isMobile?: boolean

Defined in: components/GridFilters.tsx:53

Enable mobile-specific behaviour (drops sticky positioning).

labels?​

optional labels?: Record<string, string>

Defined in: components/GridFilters.tsx:96

Translated labels keyed by the slugs used inside the component (see getLabel calls). Missing keys fall back to the English defaults.

language?​

optional language?: string

Defined in: components/GridFilters.tsx:33

Language code. Defaults to 'NL'.

onClearFilters?​

optional onClearFilters?: () => void

Defined in: components/GridFilters.tsx:50

Called when "Clear all" is clicked.

Returns​

void

onFilterChange​

onFilterChange: (filter, value) => void

Defined in: components/GridFilters.tsx:42

Called on every checkbox toggle. filter is the AttributeFilter; value is the toggled option string.

Parameters​

filter​

AttributeFilter

value​

string | number

Returns​

void

onPriceChange?​

optional onPriceChange?: (minPrice, maxPrice) => void

Defined in: components/GridFilters.tsx:47

Called when the price range changes (on blur / slider release).

Parameters​

minPrice​

number

maxPrice​

number

Returns​

void

portalMode?​

optional portalMode?: string

Defined in: components/GridFilters.tsx:59

'open' — show price filter for all users. 'semi-closed' — hide price filter for unauthenticated users.

priceMax?​

optional priceMax?: number

Defined in: components/GridFilters.tsx:30

Upper price bound from the current product set.

priceMin?​

optional priceMin?: number

Defined in: components/GridFilters.tsx:27

Lower price bound from the current product set. When both priceMin and priceMax are absent the price section is hidden.

user?​

optional user?: Contact | Customer | null

Defined in: components/GridFilters.tsx:62

Authenticated user — price filter visibility depends on this in semi-closed mode.