Skip to main content

Interface: GridFiltersPanelProps

Defined in: components/GridFiltersPanel.tsx:16

Extends​

Properties​

activeAvailability?​

optional activeAvailability?: Availability

Defined in: components/GridFilters.tsx:101

Currently active availability selection (URL-driven). Seeds the toggle on the first render so a restored filtered URL renders it correctly.

Inherited from​

GridFiltersProps.activeAvailability


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.


activeMinStock?​

optional activeMinStock?: number

Defined in: components/GridFilters.tsx:104

Currently active minimum stock quantity (URL-driven). Undefined means the minimum.

Inherited from​

GridFiltersProps.activeMinStock


activePriceMax?​

optional activePriceMax?: number

Defined in: components/GridFilters.tsx:84

Currently active price filter max from URL state.

Inherited from​

GridFiltersProps.activePriceMax


activePriceMin?​

optional activePriceMin?: number

Defined in: components/GridFilters.tsx:81

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:75

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:116

Extra CSS class on the root element.

Inherited from​

GridFiltersProps.className


clearSignal?​

optional clearSignal?: number

Defined in: components/GridFilters.tsx:72

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:69

Whether filter accordions start collapsed. Defaults to true.

Inherited from​

GridFiltersProps.collapsed


currency?​

optional currency?: string

Defined in: components/GridFilters.tsx:123

Currency symbol shown in the price-range inputs. Falls back to PropellerInfra.currency, then '€'.

Inherited from​

GridFiltersProps.currency


filters​

filters: AttributeFilter[]

Defined in: components/GridFilters.tsx:22

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:37

Notification called after every filter change.

Returns​

void

Inherited from​

GridFiltersProps.getSelectedFilters


isLoading?​

optional isLoading?: boolean

Defined in: components/GridFilters.tsx:113

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:54

Enable mobile-specific behaviour (drops sticky positioning).

Inherited from​

GridFiltersProps.isMobile


labels?​

optional labels?: Record<string, string>

Defined in: components/GridFilters.tsx:120

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:34

Language code. Defaults to 'NL'.

Inherited from​

GridFiltersProps.language


onAvailabilityChange?​

optional onAvailabilityChange?: (sel, minStock) => void

Defined in: components/GridFilters.tsx:107

Called on every toggle or stepper change with both values.

Parameters​

sel​

Availability

minStock​

number

Returns​

void

Inherited from​

GridFiltersProps.onAvailabilityChange


onClearFilters?​

optional onClearFilters?: () => void

Defined in: components/GridFilters.tsx:51

Called when "Clear all" is clicked.

Returns​

void

Inherited from​

GridFiltersProps.onClearFilters


onFilterChange​

onFilterChange: (filter, value) => void

Defined in: components/GridFilters.tsx:43

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:48

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:60

'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:31

Upper price bound from the current product set.

Inherited from​

GridFiltersProps.priceMax


priceMin?​

optional priceMin?: number

Defined in: components/GridFilters.tsx:28

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

Inherited from​

GridFiltersProps.priceMin


showAvailabilityFilter?​

optional showAvailabilityFilter?: boolean

Defined in: components/GridFilters.tsx:95

Show the availability (stock) section. Defaults to false so hosts opt in rather than gaining a new filter section on upgrade.

The host should pass its own "show stock" setting here — a stock filter is meaningless when no stock is displayed anywhere in the grid. When truthy the section is still subject to the same semi-closed-portal visibility rule as the price filter (hidden for anonymous users).

Inherited from​

GridFiltersProps.showAvailabilityFilter


user?​

optional user?: Contact | Customer | null

Defined in: components/GridFilters.tsx:63

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.