React component

Package: @bootstrapware/rfq. Styles: @bootstrapware/rfq/styles.css. Root class: bsw-rfq.

Rfq takes surface of requester, supplier, or comparison. RfqRequester, RfqSupplier, and RfqComparison omit it. Optional rfqId pins supplier and comparison to one request. Omit theme for the light cream default. Hosts may set --bsw-rfq-* variables on .bsw-rfq.

RfqSupplier collects an optional lead time on each bid: a whole number from 0 to 9999, in hours, days, or weeks, starting at award. A blank amount is omitted. A non-integer is rejected and does not submit. A blank unit price does not submit: the supplier enters a price or chooses No bid. RfqComparison can rescind a recorded selection with a reason. Rescinding clears that intent and returns the request to closed. Selection remains intent only. Known amounts and line prices use the request currency, with the minus before the symbol. Comparison can download a CSV of the quotes on screen. The file is built in the browser and starts with a UTF-8 BOM. RfqRequester accepts CSV or TSV pasted into the line-item editor. A header row is optional. Leave the editor blank and the title becomes one goods line.

Composer drafts use rfqDraftKey(actorId, rfqId, field) in sessionStorage: bsw-rfq:actor:rfq:field.

Presentation

  • presentation: "section" (default, inline), "modal", "window", or "launcher". Modal, window, and launcher start closed unless defaultOpen. Escape closes them. The backdrop closes modal and launcher. Nudge the corner with --bsw-rfq-frame-launcher-right and --bsw-rfq-frame-launcher-bottom.
  • defaultOpen: open modal, window, or launcher on first render. Ignored for section.

Related: Adapter · React guide · Identity