Bridge ReactMisc
Import
File upload, PBN import, deal selector, and confirmation dialogs.
Import from @workspace/bridge-react/misc/*.
DealSelector
Controlled deal selector with pagination or dropdown variants.
import { DealSelector } from '@workspace/bridge-react/misc/deal-selector';
<DealSelector
deals={deals}
selectedDealId={currentId}
onDealChange={setCurrentId}
variant="pagination"
/>Props
Prop
Type
ImportPBNFile
Import PBN/DUP file button with internal parsing.
import { ImportPBNFile } from '@workspace/bridge-react/misc/import-pbn-file';
<ImportPBNFile
onSuccess={(deals) => handleDeals(deals)}
onError={(error) => handleError(error)}
/>Props
Prop
Type
FileUploadButton
Generic file upload button with parser support.
import { FileUploadButton } from '@workspace/bridge-react/misc/file-upload-button';
<FileUploadButton
parseFile={myParser}
onFileParsed={(result, file) => handleParsed(result)}
onError={(error) => handleError(error)}
/>Props
ImportDealSelectorDialog
Dialog for selecting a deal when multiple deals are imported.
import { ImportDealSelectorDialog } from '@workspace/bridge-react/misc/import-deal-selector-dialog';
<ImportDealSelectorDialog
open={showSelector}
onOpenChange={setShowSelector}
deals={importedDeals}
onSelect={(deal) => applyDeal(deal)}
/>Props
Prop
Type
ImportConfirmOverrideDialog
Confirmation dialog shown when importing would override unsaved changes.
import { ImportConfirmOverrideDialog } from '@workspace/bridge-react/misc/import-confirm-override-dialog';
<ImportConfirmOverrideDialog
open={showConfirm}
onOpenChange={setShowConfirm}
onConfirm={() => applyImport()}
/>Props
Prop
Type