Open interaction dialog when adding prep in ExchangeOut

Fixes #922

Author: CarolineDenis

specifyweb/frontend/js_src/lib/components/FormSliders/IntegratedRecordSelector.tsx

@@ -15,6 +15,7 @@ import { useAllSaveBlockers } from '../DataModel/saveBlockers';
 import type { Collection } from '../DataModel/specifyTable';
 import type {
   DisposalPreparation,
+  ExchangeOutPrep,
   GiftPreparation,
   LoanPreparation,
 } from '../DataModel/types';
@@ -101,9 +102,12 @@ export function IntegratedRecordSelector({
     typeof relationship === 'object' &&
     relationshipIsToMany(relationship) &&
     typeof collection.related === 'object' &&
-    ['LoanPreparation', 'GiftPreparation', 'DisposalPreparation'].includes(
-      relationship.relatedTable.name
-    );
+    [
+      'LoanPreparation',
+      'GiftPreparation',
+      'DisposalPreparation',
+      'ExchangeOutPrep',
+    ].includes(relationship.relatedTable.name);
 
   const [isDialogOpen, handleOpenDialog, handleCloseDialog] = useBooleanState();
 
@@ -148,7 +152,10 @@ export function IntegratedRecordSelector({
                 actionTable={collection.related.specifyTable}
                 itemCollection={
                   collection as Collection<
-                    DisposalPreparation | GiftPreparation | LoanPreparation
+                    | DisposalPreparation
+                    | GiftPreparation
+                    | LoanPreparation
+                    | ExchangeOutPrep
                   >
                 }
                 onClose={handleCloseDialog}

specifyweb/frontend/js_src/lib/components/Interactions/InteractionDialog.tsx

@@ -32,6 +32,7 @@ import type { Collection, SpecifyTable } from '../DataModel/specifyTable';
 import { tables } from '../DataModel/tables';
 import type {
   DisposalPreparation,
+  ExchangeOutPrep,
   Gift,
   GiftPreparation,
   LoanPreparation,
@@ -58,7 +59,7 @@ export function InteractionDialog({
   readonly actionTable: SpecifyTable;
   readonly isLoanReturn?: boolean;
   readonly itemCollection?: Collection<
-    DisposalPreparation | GiftPreparation | LoanPreparation
+    DisposalPreparation | GiftPreparation | LoanPreparation | ExchangeOutPrep
   >;
 }): JSX.Element {
   const itemTable = isLoanReturn ? tables.Loan : tables.CollectionObject;

specifyweb/frontend/js_src/lib/components/Interactions/InteractionsDialog.tsx

@@ -34,8 +34,8 @@ export const interactionWorkflowTables: Partial<
   Loan: 'CollectionObject',
   Gift: 'CollectionObject',
   Disposal: 'CollectionObject',
+  ExchangeOut: 'Preparation',
   /*
-   * ExchangeOut: 'Preparation',
    * InfoRequest: 'CollectionObject',
    */
 };

specifyweb/frontend/js_src/lib/components/Interactions/PrepDialog.tsx

@@ -21,6 +21,8 @@ import { strictGetTable, tables } from '../DataModel/tables';
 import type {
   Disposal,
   DisposalPreparation,
+  ExchangeOut,
+  ExchangeOutPrep,
   Gift,
   GiftPreparation,
   Loan,
@@ -38,9 +40,9 @@ export function PrepDialog({
 }: {
   readonly onClose: () => void;
   readonly preparations: RA<PreparationData>;
-  readonly table: SpecifyTable<Disposal | Gift | Loan>;
+  readonly table: SpecifyTable<Disposal | Gift | Loan | ExchangeOut>;
   readonly itemCollection?: Collection<
-    DisposalPreparation | GiftPreparation | LoanPreparation
+    DisposalPreparation | GiftPreparation | LoanPreparation | ExchangeOutPrep
   >;
 }): JSX.Element {
   const preparations = React.useMemo(() => {
@@ -152,10 +154,15 @@ export function PrepDialog({
       <Form
         id={id('form')}
         onSubmit={(): void => {
-          const itemTable = strictGetTable(
-            `${table.name}Preparation`
-          ) as SpecifyTable<
-            DisposalPreparation | GiftPreparation | LoanPreparation
+          const tableName =
+            table.name === 'ExchangeOut'
+              ? `${table.name}Prep`
+              : `${table.name}Preparation`;
+          const itemTable = strictGetTable(tableName) as SpecifyTable<
+            | DisposalPreparation
+            | GiftPreparation
+            | LoanPreparation
+            | ExchangeOutPrep
           >;
           const items = filterArray(
             preparations.map((preparation, index) => {
@@ -192,6 +199,10 @@ export function PrepDialog({
               'disposalPreparations',
               items as RA<SpecifyResource<DisposalPreparation>>
             );
+            toTable(interaction, 'ExchangeOut')?.set(
+              'exchangeOutPreps',
+              items as RA<SpecifyResource<ExchangeOutPrep>>
+            );
             navigate(getResourceViewUrl(table.name, undefined), {
               state: {
                 type: 'RecordSet',