Changed parcel to be a prop passed to the ParcelEditor component (#1351)

* Added names to sequence adaptations

* Fixed some issues with the seq name tests

* Changed parcel to be a prop passed to the ParcelEditor component

* Set the parcelId inside of ExpansionRuns so the sequence editor preview will lint correctly

* Removed store reference from parcel in SequenceEditor

src/components/expansion/ExpansionRuns.svelte

@@ -4,6 +4,7 @@
   import { base } from '$app/paths';
   import type { ICellRendererParams } from 'ag-grid-community';
   import { expansionRunsColumns } from '../../stores/expansion';
+  import { parcel, parcelId } from '../../stores/sequencing';
   import type { User } from '../../types/app';
   import type { DataGridColumnDef, DataGridRowSelection } from '../../types/data-grid';
   import type { ActivityInstanceJoin, ExpandedSequence, ExpansionRun } from '../../types/expansion';
@@ -105,8 +106,11 @@
 
     if (isSelected) {
       selectedExpansionRun = clickedRun;
+
+      $parcelId = selectedExpansionRun.expansion_set.parcel_id;
     } else if (selectedExpansionRun?.id === clickedRun.id) {
       selectedExpansionRun = null;
+      $parcelId = null;
     }
   }
 
@@ -173,6 +177,7 @@
   <CssGridGutter track={1} type="column" />
 
   <SequenceEditor
+    parcel={$parcel}
     sequenceDefinition={seqJsonToSequence(selectedSequence?.expanded_sequence, [], null) ?? 'No Sequence Selected'}
     sequenceName={selectedSequence?.seq_id}
     sequenceSeqJson={selectedSequence ? JSON.stringify(selectedSequence.expanded_sequence, null, 2) : undefined}

src/components/sequencing/SequenceEditor.svelte

@@ -22,12 +22,12 @@
     getParsedCommandDictionary,
     getParsedParameterDictionary,
     parameterDictionaries as parameterDictionariesStore,
-    parcel,
     parcelToParameterDictionaries,
     userSequenceEditorColumns,
     userSequenceEditorColumnsWithFormBuilder,
   } from '../../stores/sequencing';
   import type { User } from '../../types/app';
+  import type { Parcel } from '../../types/sequencing';
   import { setupLanguageSupport } from '../../utilities/codemirror';
   import effects from '../../utilities/effects';
   import { seqJsonLinter } from '../../utilities/new-sequence-editor/seq-json-linter';
@@ -43,6 +43,7 @@
   import SectionTitle from '../ui/SectionTitle.svelte';
   import SelectedCommand from './form/SelectedCommand.svelte';
 
+  export let parcel: Parcel | null;
   export let showCommandFormBuilder: boolean = false;
   export let readOnly: boolean = false;
   export let sequenceName: string = '';
@@ -73,8 +74,8 @@
   let toggleSeqJsonPreview: boolean = false;
 
   $: {
-    if ($parcel?.sequence_adaptation_id) {
-      loadSequenceAdaptation($parcel?.sequence_adaptation_id);
+    if (parcel?.sequence_adaptation_id) {
+      loadSequenceAdaptation(parcel?.sequence_adaptation_id);
     }
   }
 
@@ -93,8 +94,8 @@
   }
 
   $: {
-    const unparsedChannelDictionary = $channelDictionaries.find(cd => cd.id === $parcel?.channel_dictionary_id);
-    const unparsedCommandDictionary = $commandDictionaries.find(cd => cd.id === $parcel?.command_dictionary_id);
+    const unparsedChannelDictionary = $channelDictionaries.find(cd => cd.id === parcel?.channel_dictionary_id);
+    const unparsedCommandDictionary = $commandDictionaries.find(cd => cd.id === parcel?.command_dictionary_id);
     const unparsedParameterDictionaries = $parameterDictionariesStore.filter(pd => {
       const parameterDictionary = $parcelToParameterDictionaries.find(p => p.parameter_dictionary_id === pd.id);
 

src/components/sequencing/SequenceForm.svelte

@@ -263,6 +263,7 @@
   <CssGridGutter track={1} type="column" />
 
   <SequenceEditor
+    parcel={$parcel}
     showCommandFormBuilder={true}
     sequenceDefinition={initialSequenceDefinition}
     {sequenceName}

src/components/sequencing/Sequences.svelte

@@ -4,7 +4,7 @@
   import { goto } from '$app/navigation';
   import { base } from '$app/paths';
   import type { ICellRendererParams } from 'ag-grid-community';
-  import { parcelId, parcels, userSequences, userSequencesColumns } from '../../stores/sequencing';
+  import { parcel, parcelId, parcels, userSequences, userSequencesColumns } from '../../stores/sequencing';
   import type { User, UserId } from '../../types/app';
   import type { DataGridColumnDef, DataGridRowSelection, RowId } from '../../types/data-grid';
   import type { UserSequence } from '../../types/sequencing';
@@ -264,6 +264,7 @@
   <CssGridGutter track={1} type="column" />
 
   <SequenceEditor
+    parcel={$parcel}
     showCommandFormBuilder={false}
     sequenceDefinition={selectedSequence?.definition ?? ''}
     sequenceName={selectedSequence?.name}