Skip to main content

Interface: GridFiltersPanelProps

Defined in: components/GridFiltersPanel.tsx:16

Extends​

Properties​

activeFilterCount?​

optional activeFilterCount?: number

Defined in: components/GridFiltersPanel.tsx:22

Number of active filters, shown as a badge on the mobile trigger button. The host computes this from its active filter state. Omit or 0 to hide the badge.

activePriceMax?​

optional activePriceMax?: number

Defined in: components/GridFilters.tsx:83

Currently active price filter max from URL state.

Inherited from​

GridFiltersProps.activePriceMax

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.

Inherited from​

GridFiltersProps.activePriceMin

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.

Inherited from​

GridFiltersProps.activeTextFilters

className?​

optional className?: string

Defined in: components/GridFilters.tsx:92

Extra CSS class on the root element.

Inherited from​

GridFiltersProps.className

clearSignal?​

optional clearSignal?: number

Defined in: components/GridFilters.tsx:71

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

Inherited from​

GridFiltersProps.clearSignal

collapsed?​

optional collapsed?: boolean

Defined in: components/GridFilters.tsx:68

Whether filter accordions start collapsed. Defaults to true.

Inherited from​

GridFiltersProps.collapsed

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).

Inherited from​

GridFiltersProps.filters

getSelectedFilters?​

optional getSelectedFilters?: () => void

Defined in: components/GridFilters.tsx:36

Notification called after every filter change.

Returns​

void

Inherited from​

GridFiltersProps.getSelectedFilters

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.

Inherited from​

GridFiltersProps.isLoading

isMobile?​

optional isMobile?: boolean

Defined in: components/GridFilters.tsx:53

Enable mobile-specific behaviour (drops sticky positioning).

Inherited from​

GridFiltersProps.isMobile

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.

Inherited from​

GridFiltersProps.labels

language?​

optional language?: string

Defined in: components/GridFilters.tsx:33

Language code. Defaults to 'NL'.

Inherited from​

GridFiltersProps.language

onClearFilters?​

optional onClearFilters?: () => void

Defined in: components/GridFilters.tsx:50

Called when "Clear all" is clicked.

Returns​

void

Inherited from​

GridFiltersProps.onClearFilters

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

Inherited from​

GridFiltersProps.onFilterChange

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

Inherited from​

GridFiltersProps.onPriceChange

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.

Inherited from​

GridFiltersProps.portalMode

priceMax?​

optional priceMax?: number

Defined in: components/GridFilters.tsx:30

Upper price bound from the current product set.

Inherited from​

GridFiltersProps.priceMax

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.

Inherited from​

GridFiltersProps.priceMin

user?​

optional user?: Contact | Customer | null

Defined in: components/GridFilters.tsx:62

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

Inherited from​

GridFiltersProps.user

wrapperClassName?​

optional wrapperClassName?: string

Defined in: components/GridFiltersPanel.tsx:25

Extra CSS class on the outer panel root.