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.