Skip to main content

Interface: FavoriteListDetailsProps

Defined in: components/FavoriteListDetails.tsx:32

Properties​

addToCartLabels?​

optional addToCartLabels?: Record<string, string>

Defined in: components/FavoriteListDetails.tsx:144

Label overrides for AddToCart UI strings

afterAddToCart?​

optional afterAddToCart?: (cart, item?) => void

Defined in: components/FavoriteListDetails.tsx:123

Called after every successful add-to-cart

Parameters​

cart​

Cart

item?​

CartMainItem

Returns​

void

allowAddToCart?​

optional allowAddToCart?: boolean

Defined in: components/FavoriteListDetails.tsx:92

Enable add to cart for products. Clusters show "View cluster" instead (default: true)

allowIncrDecr?​

optional allowIncrDecr?: boolean

Defined in: components/FavoriteListDetails.tsx:129

Renders increment/decrement buttons beside quantity input (default: true)

cartId?​

optional cartId?: string

Defined in: components/FavoriteListDetails.tsx:103

ID of an existing cart to add items to

className?​

optional className?: string

Defined in: components/FavoriteListDetails.tsx:66

Extra CSS class applied to the root element

configuration?​

optional configuration?: any

Defined in: components/FavoriteListDetails.tsx:69

Configuration object for URL generation

createCart?​

optional createCart?: boolean

Defined in: components/FavoriteListDetails.tsx:106

Auto-create cart if none exists

enableStockValidation?​

optional enableStockValidation?: boolean

Defined in: components/FavoriteListDetails.tsx:132

Validate stock before adding to cart (default: false)

favoriteListId​

favoriteListId: string

Defined in: components/FavoriteListDetails.tsx:40

The favorite list ID to display

favoriteListItemComponent?​

optional favoriteListItemComponent?: ComponentType<FavoriteListItemProps>

Defined in: components/FavoriteListDetails.tsx:156

graphqlClient?​

optional graphqlClient?: GraphQLClient

Defined in: components/FavoriteListDetails.tsx:34

GraphQL client for the Propeller SDK. Resolved from PropellerProvider when omitted.

gridPaginationComponent?​

optional gridPaginationComponent?: ComponentType<GridPaginationProps>

Defined in: components/FavoriteListDetails.tsx:158

includeTax?​

optional includeTax?: boolean

Defined in: components/FavoriteListDetails.tsx:152

Include tax in prices. Pass from PriceContext's usePrice()

itemLabels?​

optional itemLabels?: Record<string, string>

Defined in: components/FavoriteListDetails.tsx:150

Label overrides for FavoriteListItem UI strings

itemsPerPage?​

optional itemsPerPage?: number

Defined in: components/FavoriteListDetails.tsx:57

Number of items to show per page (default: 12)

labels?​

optional labels?: Record<string, string>

Defined in: components/FavoriteListDetails.tsx:72

UI string overrides

language?​

optional language?: string

Defined in: components/FavoriteListDetails.tsx:135

Language code forwarded to CartService (default: 'NL')

onAddToCart?​

optional onAddToCart?: (product, clusterId?, quantity?, childItems?, notes?, price?, showModal?) => Cart

Defined in: components/FavoriteListDetails.tsx:112

Fully replaces the internal CartService.addItemToCart call

Parameters​

product​

Product

clusterId?​

number

quantity?​

number

childItems?​

CartChildItemInput[]

notes?​

string

price?​

number

showModal?​

boolean

Returns​

Cart

onCartCreated?​

optional onCartCreated?: (cart) => void

Defined in: components/FavoriteListDetails.tsx:109

Called after a new cart is created internally by AddToCart

Parameters​

cart​

Cart

Returns​

void

onItemAdded?​

optional onItemAdded?: (item) => void

Defined in: components/FavoriteListDetails.tsx:54

Called after an item is added to the list from the in-list search modal. Use this to refresh the source the lists overview reads from (e.g. the user object), so the per-list count stays correct after navigating back.

Parameters​

item​

Product | Cluster

Returns​

void

onItemClick?​

optional onItemClick?: (item) => void

Defined in: components/FavoriteListDetails.tsx:98

Callback when an item title or image is clicked

Parameters​

item​

Product | Cluster

Returns​

void

onItemDelete?​

optional onItemDelete?: (itemId, itemType?) => void

Defined in: components/FavoriteListDetails.tsx:43

Action method for deleting a single favorite list item. If not provided, delete button is hidden

Parameters​

itemId​

string

itemType?​

string

Returns​

void

onItemsDelete?​

optional onItemsDelete?: (items) => void

Defined in: components/FavoriteListDetails.tsx:46

Batched delete callback for the floating bar "Remove" action. When provided, it is called once with all selected items; otherwise the component falls back to calling onItemDelete per item

Parameters​

items​

object[]

Returns​

void

onListLoaded?​

optional onListLoaded?: (list) => void

Defined in: components/FavoriteListDetails.tsx:49

Called after the favorite list is fetched, with the full list object

Parameters​

list​

FavoriteList

Returns​

void

onProceedToCheckout?​

optional onProceedToCheckout?: () => void

Defined in: components/FavoriteListDetails.tsx:138

Called when "Proceed to checkout" is clicked in AddToCart modal

Returns​

void

onRequestQuoteClick?​

optional onRequestQuoteClick?: (cart) => void

Defined in: components/FavoriteListDetails.tsx:141

Called when "Request a Quote" is clicked in AddToCart modal

Parameters​

cart​

Cart

Returns​

void

paginationVariant?​

optional paginationVariant?: string

Defined in: components/FavoriteListDetails.tsx:63

Pagination display variant: 'compact' or 'full' (default: 'compact')

showAvailability?​

optional showAvailability?: boolean

Defined in: components/FavoriteListDetails.tsx:83

Show availability status (e.g. "In stock") inside ItemStock (default: true)

showDelete?​

optional showDelete?: boolean

Defined in: components/FavoriteListDetails.tsx:95

Show delete button on each item (default: true)

showModal?​

optional showModal?: boolean

Defined in: components/FavoriteListDetails.tsx:126

Show modal after successful add (default: false)

showPagination?​

optional showPagination?: boolean

Defined in: components/FavoriteListDetails.tsx:60

Show pagination controls (default: true)

showSku?​

optional showSku?: boolean

Defined in: components/FavoriteListDetails.tsx:89

Display the SKU beneath item names (default: true)

showStock?​

optional showStock?: boolean

Defined in: components/FavoriteListDetails.tsx:86

Show numeric stock quantity inside ItemStock (default: true)

showStockComponent?​

optional showStockComponent?: boolean

Defined in: components/FavoriteListDetails.tsx:80

Show stock availability on items (default: false)

stockLabels?​

optional stockLabels?: Record<string, string>

Defined in: components/FavoriteListDetails.tsx:147

Label overrides for ItemStock UI strings

titleLinkable?​

optional titleLinkable?: boolean

Defined in: components/FavoriteListDetails.tsx:77

Should item titles link to the PDP (default: true)

user?​

optional user?: Contact | Customer

Defined in: components/FavoriteListDetails.tsx:37

The logged in user for which the favorite list is going to be displayed. Resolved from PropellerProvider when omitted.