QuotesListTable Container

The QuotesListTable container displays a comprehensive list of quotes with advanced filtering, sorting, and management capabilities. It includes quote list display with status indicators, pagination and sorting controls, search and filtering options, bulk actions for multiple quotes, quote selection and navigation, and responsive table design.

Version: 1.0.0-beta1

Configuration

The QuotesListTable container provides the following configuration options:

Parameter	Type	Req?	Description
pageSize	number	No
showItemRange	boolean	No
showPageSizePicker	boolean	No
showPagination	boolean	No
onViewQuote	function	No	Callback function triggered when view quote
onPageSizeChange	function	No	Callback function triggered when page size change
onPageChange	function	No	Callback function triggered when page change

Slots

This container exposes the following slots for customization:

Slot	Type	Required	Description
QuoteName	SlotProps	No
Created	SlotProps	No
CreatedBy	SlotProps	No
Status	SlotProps	No
LastUpdated	SlotProps	No
QuoteTemplate	SlotProps	No
QuoteTotal	SlotProps	No
Actions	function	No
EmptyQuotes	SlotProps	No
ItemRange	SlotProps	No
PageSizePicker	function	No
Pagination	function	No

Usage

The following example demonstrates how to use the QuotesListTable container:

import { render as provider } from '@dropins/storefront-quote-management/render.js';
import { QuotesListTable } from '@dropins/storefront-quote-management/containers/QuotesListTable.js';

await provider.render(QuotesListTable, {
  pageSize: 0,
  showItemRange: true,
  showPageSizePicker: true,
  slots: {
    // Add custom slot implementations here
  }
})(block);