QuotesListTable Container

Overview

The QuotesListTable container component for the drop-in.

Version: 0.0.1

Configuration

The QuotesListTable container provides the following configuration options:

Parameter	Type	Req?	Description
pageSize	number	No	Size of page
showItemRange	boolean	No	Controls visibility of item range
showPageSizePicker	boolean	No	Controls visibility of page size picker
showPagination	boolean	No	Controls visibility of pagination
onViewQuote	(quoteId: string	No	Callback function triggered when view quote
quoteName	string	Yes	Configuration for quote name
status	string) => void	Yes	Callback function for status
onPageSizeChange	(pageSize: number) => void	No	Callback function triggered when page size change
onPageChange	(page: number) => void	No	Callback function triggered when page change
Created	SlotProps<{ quote: NegotiableQuoteListEntry }>	No	Slot for customizing the created date cell content
CreatedBy	SlotProps<{ quote: NegotiableQuoteListEntry }>	No	Slot for customizing the created by cell content
Status	SlotProps<{ quote: NegotiableQuoteListEntry }>	No	Slot for customizing the status cell content
LastUpdated	SlotProps<{ quote: NegotiableQuoteListEntry }>	No	Slot for customizing the last updated cell content
QuoteTemplate	SlotProps<{ quote: NegotiableQuoteListEntry }>	No	Slot for customizing the quote template cell content
QuoteTotal	SlotProps<{ quote: NegotiableQuoteListEntry }>	No	Slot for customizing the quote total cell content
Actions	SlotProps<{ quote: NegotiableQuoteListEntry	No	Slot for customizing the actions cell content
onViewQuote	(id: string	No	Callback function triggered when view quote
name	string	Yes	Configuration for name
status	string) => void	Yes	Callback function for status
EmptyQuotes	SlotProps	No	Slot for customizing the empty quotes message
ItemRange	SlotProps<{ startItem: number	No	Configuration for item range
endItem	number	Yes	Slot for customizing the item range display
totalCount	number	Yes	Slot for customizing the item range display
currentPage	number	Yes	Slot for customizing the item range display
pageSize	number	No	Size of page
PageSizePicker	SlotProps<{ pageSize: number	No	Configuration for page size picker
pageSizeOptions	number[]	Yes	Slot for customizing the page size picker
onPageSizeChange	(pageSize: number) => void	No	Callback function triggered when page size change
Pagination	SlotProps<{ currentPage: number	No	Configuration for pagination
totalPages	number	Yes	Slot for customizing the pagination
onChange	(page: number) => void	No	Slot for customizing the pagination

Slots

This container exposes the following slots for customization:

Slot	Type	Required	Description
slots	\{ QuoteName?: SlotProps<\{ quote: NegotiableQuoteListEntry \}>	No	Custom slot for rendering slots

Usage

The following example demonstrates how to use the QuotesListTable container:

import { QuotesListTable } from '@dropins/storefront-quote-management';

export default function MyComponent() {
  return (
    <QuotesListTable
      quoteName="Example Name"
      status=() => {}
      name="Example Name"
    />
  );
}