RequisitionListView Container

Overview

The RequisitionListView container component for the drop-in.

Version: 0.7.0-beta

Configuration

The RequisitionListView container provides the following configuration options:

Parameter	Type	Req?	Description
requisitionListUid	string	Yes	The UID of the requisition list to display. The UID must be a base64-encoded string. If an invalid UID is provided, the component will render the NotFound state. The component will fetch the requisition list data internally.
skipProductLoading	boolean	No	When true, skips automatic product data fetching on component mount. Used in tests to prevent API calls.
pageSize	number	No	Number of items per page for pagination. Defaults to DEFAULT_PAGE_SIZE.
selectedItems	Set<string>	Yes	Number of items per page for pagination. Defaults to DEFAULT_PAGE_SIZE.
routeRequisitionListGrid	() => string | void	No	Function that returns the URL to the requisition list grid view or performs navigation

Slots

This container does not currently expose any customizable slots.

Usage

The following example demonstrates how to use the RequisitionListView container:

import { RequisitionListView } from '@dropins/storefront-requisition-list';

export default function MyComponent() {
  return (
    <RequisitionListView
      requisitionListUid="abc-123"
      selectedItems="example"
      skipProductLoading={true}
    />
  );
}