jbrowse-plugin-msaview 5.14.1 → 5.16.0

package/README.md

@@ -79,6 +79,8 @@ Linking and embedding:
 - [Launch parameters](docs/launch-parameters.md): every argument and field.
 - [Linked views](docs/linked-views.md): how a column reaches its codon and a
   protein3d structure.
+- [Reading the view](docs/reading-the-view.md): `view.report` and `notices`,
+  what a launch resolved to, as data a script or an agent reads.
 
 Working on the plugin:
 

package/dist/AddHighlightModel/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { getSession } from '@jbrowse/core/util';
 import { isMsaView } from '../MsaViewPanel/isMsaView';
 import HighlightComponents from './HighlightComponents';
+// eslint-disable-next-line no-restricted-syntax -- a plugin install step, not a component; the element it returns renders inside the genome view's observer
 export default function AddHighlightComponentsModelF(pluginManager) {
     pluginManager.contributeToExtensionPoint('LinearGenomeView-TracksContainerComponent', ({ model }) => {
         const { views } = getSession(model);

package/dist/BgzipFastaMsaAdapter/configSchema.d.ts

@@ -11,4 +11,4 @@ export default function configSchemaF(pluginManager: PluginManager): import("@jb
     } & {
         defaultValue: string;
     };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<any, undefined, undefined, import("@jbrowse/core/configuration").ConfigurationSchemaRequirement<Partial<Record<string, string[]>>, string>>>;
+}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<any, undefined, undefined, import("@jbrowse/core/configuration").ConfigurationSchemaRequirement<Partial<Record<string, string[]>>, string>, any>>;

package/dist/LaunchMsaView/components/BlastQuery/BlastMethodSelector.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { BlastLookupMethod } from './BlastPanel';
-export default function BlastMethodSelector({ lookupMethod, setLookupMethod, }: {
+declare const BlastMethodSelector: ({ lookupMethod, setLookupMethod, }: {
     lookupMethod: BlastLookupMethod;
     setLookupMethod: (method: BlastLookupMethod) => void;
-}): React.JSX.Element;
+}) => React.JSX.Element;
+export default BlastMethodSelector;

package/dist/LaunchMsaView/components/BlastQuery/BlastMethodSelector.js

@@ -1,10 +1,12 @@
 import React from 'react';
 import { FormControl, FormControlLabel, Radio, RadioGroup } from '@mui/material';
-export default function BlastMethodSelector({ lookupMethod, setLookupMethod, }) {
+import { observer } from 'mobx-react';
+const BlastMethodSelector = observer(function BlastMethodSelector({ lookupMethod, setLookupMethod, }) {
     return (React.createElement(FormControl, { component: "fieldset" },
         React.createElement(RadioGroup, { row: true, value: lookupMethod, onChange: event => {
                 setLookupMethod(event.target.value);
             } },
             React.createElement(FormControlLabel, { value: "automatic", control: React.createElement(Radio, null), label: "Automatic" }),
             React.createElement(FormControlLabel, { value: "manual", control: React.createElement(Radio, null), label: "Manual" }))));
-}
+});
+export default BlastMethodSelector;

package/dist/LaunchMsaView/components/BlastQuery/BlastPanel.d.ts

@@ -17,11 +17,11 @@ declare const panelMap: {
     }) => React.JSX.Element;
 };
 export type BlastLookupMethod = keyof typeof panelMap;
-export default function BlastPanel({ handleClose, model, feature, preferredTranscriptId, }: {
+declare const BlastPanel: ({ handleClose, model, feature, preferredTranscriptId, }: {
     handleClose: () => void;
     model: AbstractTrackModel;
     feature: Feature;
     /** the isoform the user right-clicked, preselected in the picker */
     preferredTranscriptId?: string;
-}): React.JSX.Element;
-export {};
+}) => React.JSX.Element;
+export default BlastPanel;

package/dist/LaunchMsaView/components/BlastQuery/BlastPanel.js

@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import SettingsIcon from '@mui/icons-material/Settings';
 import { IconButton, Tooltip } from '@mui/material';
+import { observer } from 'mobx-react';
 import { makeStyles } from 'tss-react/mui';
 import { DEFAULT_EBI_EMAIL, EBI_EMAIL_STORAGE_KEY, } from '../../../utils/ebiJobDispatcher';
 import { useLocalStorage } from '../../../utils/useLocalStorage';
@@ -17,7 +18,7 @@ const panelMap = {
     automatic: BlastAutomaticPanel,
     manual: BlastManualPanel,
 };
-export default function BlastPanel({ handleClose, model, feature, preferredTranscriptId, }) {
+const BlastPanel = observer(function BlastPanel({ handleClose, model, feature, preferredTranscriptId, }) {
     const [lookupMethod, setLookupMethod] = useState('automatic');
     const [ebiEmail, setEbiEmail] = useLocalStorage(EBI_EMAIL_STORAGE_KEY, DEFAULT_EBI_EMAIL);
     const [settingsOpen, setSettingsOpen] = useState(false);
@@ -37,4 +38,5 @@ export default function BlastPanel({ handleClose, model, feature, preferredTrans
                 }
                 setSettingsOpen(false);
             } })) : null));
-}
+});
+export default BlastPanel;

package/dist/LaunchMsaView/components/BlastQuery/BlastSettingsDialog.d.ts

@@ -2,7 +2,8 @@ import React from 'react';
 export interface BlastSettings {
     ebiEmail: string;
 }
-export default function BlastSettingsDialog({ handleClose, ebiEmail, }: {
+declare const BlastSettingsDialog: ({ handleClose, ebiEmail, }: {
     handleClose: (arg?: BlastSettings) => void;
     ebiEmail: string;
-}): React.JSX.Element;
+}) => React.JSX.Element;
+export default BlastSettingsDialog;

package/dist/LaunchMsaView/components/BlastQuery/BlastSettingsDialog.js

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Typography, } from '@mui/material';
+import { observer } from 'mobx-react';
 import { makeStyles } from 'tss-react/mui';
 import TextField2 from '../../../components/TextField2';
 import { DEFAULT_EBI_EMAIL } from '../../../utils/ebiJobDispatcher';
@@ -11,7 +12,7 @@ const useStyles = makeStyles()({
         marginBottom: 8,
     },
 });
-export default function BlastSettingsDialog({ handleClose, ebiEmail, }) {
+const BlastSettingsDialog = observer(function BlastSettingsDialog({ handleClose, ebiEmail, }) {
     const { classes } = useStyles();
     const [tempEbiEmail, setTempEbiEmail] = useState(ebiEmail);
     return (React.createElement(Dialog, { open: true, maxWidth: "lg", onClose: () => {
@@ -33,4 +34,5 @@ export default function BlastSettingsDialog({ handleClose, ebiEmail, }) {
             React.createElement(Button, { color: "primary", variant: "contained", onClick: () => {
                     handleClose({ ebiEmail: tempEbiEmail });
                 } }, "Save"))));
-}
+});
+export default BlastSettingsDialog;

package/dist/LaunchMsaView/components/BlastQuery/MsaAlgorithmSelect.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import type { MsaAlgorithm } from './consts';
-export default function MsaAlgorithmSelect({ value, onChange, className, }: {
+declare const MsaAlgorithmSelect: ({ value, onChange, className, }: {
     value: MsaAlgorithm;
     onChange: (val: MsaAlgorithm) => void;
     className?: string;
-}): React.JSX.Element;
+}) => React.JSX.Element;
+export default MsaAlgorithmSelect;

package/dist/LaunchMsaView/components/BlastQuery/MsaAlgorithmSelect.js

@@ -1,11 +1,13 @@
 import React from 'react';
 import { MenuItem } from '@mui/material';
+import { observer } from 'mobx-react';
 import TextField2 from '../../../components/TextField2';
 import { msaAlgorithmLabels, msaAlgorithms } from './consts';
-export default function MsaAlgorithmSelect({ value, onChange, className, }) {
+const MsaAlgorithmSelect = observer(function MsaAlgorithmSelect({ value, onChange, className, }) {
     return (React.createElement(TextField2, { variant: "outlined", label: "MSA Algorithm", className: className, select: true, value: value, helperText: value === 'browser'
             ? 'no EBI job; rows aligned to the query'
             : undefined, onChange: event => {
             onChange(event.target.value);
         } }, msaAlgorithms.map(val => (React.createElement(MenuItem, { value: val, key: val }, msaAlgorithmLabels[val])))));
-}
+});
+export default MsaAlgorithmSelect;

package/dist/LaunchMsaView/components/HelpButton.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
-export default function HelpButton(): React.JSX.Element;
+declare const HelpButton: () => React.JSX.Element;
+export default HelpButton;

package/dist/LaunchMsaView/components/HelpButton.js

@@ -1,8 +1,9 @@
 import React, { Suspense, lazy, useState } from 'react';
 import Help from '@mui/icons-material/Help';
 import { IconButton, Tooltip } from '@mui/material';
+import { observer } from 'mobx-react';
 const HelpDialog = lazy(() => import('./HelpDialog'));
-export default function HelpButton() {
+const HelpButton = observer(function HelpButton() {
     const [show, setShow] = useState(false);
     return (React.createElement(React.Fragment, null,
         React.createElement(Tooltip, { title: "What each tab does" },
@@ -14,4 +15,5 @@ export default function HelpButton() {
             React.createElement(HelpDialog, { handleClose: () => {
                     setShow(false);
                 } }))) : null));
-}
+});
+export default HelpButton;

package/dist/LaunchMsaView/components/HelpDialog.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-export default function HelpDialog({ handleClose, }: {
+declare const HelpDialog: ({ handleClose, }: {
     handleClose: () => void;
-}): React.JSX.Element;
+}) => React.JSX.Element;
+export default HelpDialog;

package/dist/LaunchMsaView/components/HelpDialog.js

@@ -1,7 +1,8 @@
 import React from 'react';
 import { Dialog } from '@jbrowse/core/ui';
 import { Button, DialogActions, DialogContent, Divider, Typography, } from '@mui/material';
-export default function HelpDialog({ handleClose, }) {
+import { observer } from 'mobx-react';
+const HelpDialog = observer(function HelpDialog({ handleClose, }) {
     return (React.createElement(Dialog, { open: true, maxWidth: "md", onClose: handleClose, title: "Launching an MSA" },
         React.createElement(DialogContent, null,
             React.createElement(Typography, { gutterBottom: true }, "Every tab aligns the same thing: the protein the selected transcript translates to. That transcript is the query row, which is what ties alignment columns back to codons in the genome view \u2014 hovering one highlights the other, and clicking navigates."),
@@ -15,4 +16,5 @@ export default function HelpDialog({ handleClose, }) {
         React.createElement(Divider, null),
         React.createElement(DialogActions, null,
             React.createElement(Button, { onClick: handleClose, color: "primary" }, "Close"))));
-}
+});
+export default HelpDialog;

package/dist/LaunchMsaView/components/LaunchMsaViewDialog.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import type { AbstractTrackModel, Feature } from '@jbrowse/core/util';
-export default function LaunchMsaViewDialog({ handleClose, feature, model, preferredTranscriptId, }: {
+declare const LaunchMsaViewDialog: ({ handleClose, feature, model, preferredTranscriptId, }: {
     handleClose: () => void;
     feature: Feature;
     model: AbstractTrackModel;
     /** the isoform the right-click landed on, when this opened on its gene */
     preferredTranscriptId?: string;
-}): React.JSX.Element;
+}) => React.JSX.Element;
+export default LaunchMsaViewDialog;

package/dist/LaunchMsaView/components/LaunchMsaViewDialog.js

@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import { Dialog } from '@jbrowse/core/ui';
 import { getSession } from '@jbrowse/core/util';
 import { Tab, Tabs } from '@mui/material';
+import { observer } from 'mobx-react';
 import BlastPanel from './BlastQuery/BlastPanel';
 import HelpButton from './HelpButton';
 import ManualMSALoader from './ManualMSALoader/ManualMSALoader';
@@ -10,7 +11,7 @@ import PreLoadedMSA from './PreLoadedMSA/PreLoadedMSADataPanel';
 import { readMsaDatasets } from './PreLoadedMSA/types';
 import TabPanel from './TabPanel';
 import { LaunchPlacementProvider } from './launchPlacement';
-export default function LaunchMsaViewDialog({ handleClose, feature, model, preferredTranscriptId, }) {
+const LaunchMsaViewDialog = observer(function LaunchMsaViewDialog({ handleClose, feature, model, preferredTranscriptId, }) {
     const session = getSession(model);
     const datasets = readMsaDatasets(session.jbrowse);
     const hasPreloadedDatasets = !!datasets?.length;
@@ -36,4 +37,5 @@ export default function LaunchMsaViewDialog({ handleClose, feature, model, prefe
                 React.createElement(PreLoadedMSA, { model: model, feature: feature, handleClose: handleClose, preferredTranscriptId: preferredTranscriptId }))) : null,
             React.createElement(TabPanel, { value: value, index: "manual_msa" },
                 React.createElement(ManualMSALoader, { model: model, feature: feature, handleClose: handleClose, preferredTranscriptId: preferredTranscriptId })))));
-}
+});
+export default LaunchMsaViewDialog;

package/dist/LaunchMsaView/components/LaunchPanelContent.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export default function LaunchPanelContent({ error, children, }: {
+declare const LaunchPanelContent: ({ error, children, }: {
     error?: unknown;
     children: React.ReactNode;
-}): React.JSX.Element;
+}) => React.JSX.Element;
+export default LaunchPanelContent;

package/dist/LaunchMsaView/components/LaunchPanelContent.js

@@ -1,15 +1,17 @@
 import React from 'react';
 import { ErrorMessage } from '@jbrowse/core/ui';
 import { DialogContent } from '@mui/material';
+import { observer } from 'mobx-react';
 import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()({
     dialogContent: {
         width: '80em',
     },
 });
-export default function LaunchPanelContent({ error, children, }) {
+const LaunchPanelContent = observer(function LaunchPanelContent({ error, children, }) {
     const { classes } = useStyles();
     return (React.createElement(DialogContent, { className: classes.dialogContent },
         error ? React.createElement(ErrorMessage, { error: error }) : null,
         children));
-}
+});
+export default LaunchPanelContent;

package/dist/LaunchMsaView/components/OrthologQuery/OrthologSourceSelect.d.ts

@@ -2,8 +2,9 @@ import React from 'react';
 import type { OrthologSource } from '../../../MsaViewPanel/model';
 export declare function validOrthologSource(stored: unknown): OrthologSource;
 export declare function useStoredOrthologSource(): readonly ["ncbi" | "panther" | "uniref", (source: OrthologSource) => void];
-export default function OrthologSourceSelect({ value, onChange, className, }: {
+declare const OrthologSourceSelect: ({ value, onChange, className, }: {
     value: OrthologSource;
     onChange: (val: OrthologSource) => void;
     className?: string;
-}): React.JSX.Element;
+}) => React.JSX.Element;
+export default OrthologSourceSelect;

package/dist/LaunchMsaView/components/OrthologQuery/OrthologSourceSelect.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { MenuItem } from '@mui/material';
+import { observer } from 'mobx-react';
 import TextField2 from '../../../components/TextField2';
 import { useLocalStorage } from '../../../utils/useLocalStorage';
 const ORTHOLOG_SOURCE_STORAGE_KEY = 'msaview-ortholog-source';
@@ -32,8 +33,9 @@ const hints = {
     panther: 'also yeast, worm, fly and plants',
     uniref: 'all of UniProtKB within 50% identity',
 };
-export default function OrthologSourceSelect({ value, onChange, className, }) {
+const OrthologSourceSelect = observer(function OrthologSourceSelect({ value, onChange, className, }) {
     return (React.createElement(TextField2, { variant: "outlined", label: "Source", className: className, select: true, value: value, helperText: hints[value], onChange: event => {
             onChange(event.target.value);
         } }, orthologSources.map(val => (React.createElement(MenuItem, { value: val, key: val }, orthologSourceLabels[val])))));
-}
+});
+export default OrthologSourceSelect;

package/dist/LaunchMsaView/components/OrthologQuery/QuerySpeciesSelect.d.ts

@@ -8,9 +8,10 @@ import React from 'react';
  * organism rather than to nothing, and the only place that surfaces is the gene
  * lookup, as "could not resolve NLRP1 in taxon 9986".
  */
-export default function QuerySpeciesSelect({ value, assemblyName, onChange, className, }: {
+declare const QuerySpeciesSelect: ({ value, assemblyName, onChange, className, }: {
     value: number;
     assemblyName?: string;
     onChange: (taxId: number) => void;
     className?: string;
-}): React.JSX.Element;
+}) => React.JSX.Element;
+export default QuerySpeciesSelect;

package/dist/LaunchMsaView/components/OrthologQuery/QuerySpeciesSelect.js

@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import { observer } from 'mobx-react';
 import TextField2 from '../../../components/TextField2';
 import { resolveAssemblySpecies, resolveTaxId, } from '../../../utils/ncbiTaxonomy';
 import { fetchTaxonomyInfo } from '../../../utils/taxonomyNames';
@@ -32,7 +33,7 @@ async function describeTaxon(query, signal) {
  * organism rather than to nothing, and the only place that surfaces is the gene
  * lookup, as "could not resolve NLRP1 in taxon 9986".
  */
-export default function QuerySpeciesSelect({ value, assemblyName, onChange, className, }) {
+const QuerySpeciesSelect = observer(function QuerySpeciesSelect({ value, assemblyName, onChange, className, }) {
     // undefined until the user types, which is what makes the two lookups
     // exclusive rather than both firing on open
     const [typed, setTyped] = useState();
@@ -71,4 +72,5 @@ export default function QuerySpeciesSelect({ value, assemblyName, onChange, clas
         }, error: !!error, helperText: error
             ? `${error}`
             : (resolved ?? `the species this gene is from (taxon ${value})`) }));
-}
+});
+export default QuerySpeciesSelect;

package/dist/LaunchMsaView/components/PreLoadedMSA/types.d.ts

@@ -1,8 +1,11 @@
 import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { JBrowseConfigModel } from '@jbrowse/core/util';
 export interface Dataset {
     datasetId: string;
     name: string;
     description?: string;
     adapter: AnyConfigurationModel;
 }
-export declare function readMsaDatasets(jbrowse: AnyConfigurationModel): Dataset[] | undefined;
+export declare function readMsaDatasets(jbrowse: JBrowseConfigModel & {
+    msa?: AnyConfigurationModel;
+}): Dataset[] | undefined;

package/dist/LaunchMsaView/components/PreLoadedMSA/types.js

@@ -1,4 +1,8 @@
 import { readConfObject } from '@jbrowse/core/configuration';
+// `msa` is this plugin's rootConfigurationSchema, which the host mounts beside
+// JBrowseConfigModel's declared members, so the core type does not name it
 export function readMsaDatasets(jbrowse) {
-    return readConfObject(jbrowse, ['msa', 'datasets']);
+    return jbrowse.msa
+        ? readConfObject(jbrowse.msa, 'datasets')
+        : undefined;
 }

package/dist/LaunchMsaView/components/QueryRowSelector.d.ts

@@ -7,10 +7,11 @@ import type { QueryRowMatch } from '../detectQueryRow';
  * itself in from the pasted alignment and offers that alignment's own row names
  * rather than a free text box the user can typo.
  */
-export default function QueryRowSelector({ names, detected, querySeqName, setQuerySeqName, isAutoDetected, }: {
+declare const QueryRowSelector: ({ names, detected, querySeqName, setQuerySeqName, isAutoDetected, }: {
     names: string[];
     detected?: QueryRowMatch;
     querySeqName: string;
     setQuerySeqName: (arg: string) => void;
     isAutoDetected: boolean;
-}): React.JSX.Element;
+}) => React.JSX.Element;
+export default QueryRowSelector;

package/dist/LaunchMsaView/components/QueryRowSelector.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Alert, MenuItem } from '@mui/material';
+import { observer } from 'mobx-react';
 import { makeStyles } from 'tss-react/mui';
 import TextField2 from '../../components/TextField2';
 const useStyles = makeStyles()({
@@ -30,7 +31,7 @@ function partialCoverage({ identity, offset, }) {
  * itself in from the pasted alignment and offers that alignment's own row names
  * rather than a free text box the user can typo.
  */
-export default function QueryRowSelector({ names, detected, querySeqName, setQuerySeqName, isAutoDetected, }) {
+const QueryRowSelector = observer(function QueryRowSelector({ names, detected, querySeqName, setQuerySeqName, isAutoDetected, }) {
     const { classes } = useStyles();
     return (React.createElement(React.Fragment, null,
         names.length > 0 ? (React.createElement(TextField2, { variant: "outlined", label: "MSA row matching the selected transcript", select: true, fullWidth: true, className: classes.field, value: names.includes(querySeqName) ? querySeqName : '', onChange: event => {
@@ -51,4 +52,5 @@ export default function QueryRowSelector({ names, detected, querySeqName, setQue
             " to your protein sequence",
             detected.quality === 'exact' ? '' : partialCoverage(detected),
             ". Clicking the alignment will navigate the genome view."))) : names.length > 0 && !querySeqName ? (React.createElement(Alert, { severity: "warning", className: classes.alert }, "No row matched your protein sequence \u2014 pick the one for your gene above. Without it the alignment still renders, but clicking it will not navigate the genome view.")) : null));
-}
+});
+export default QueryRowSelector;

package/dist/LaunchMsaView/components/SequenceStatus.d.ts

@@ -9,6 +9,7 @@ export type SequenceStatus = 'loading' | 'ready' | 'missing' | 'error';
  * An error says so through the panel's own ErrorMessage, so this stays quiet
  * for that one rather than saying it twice.
  */
-export default function SequenceStatusMessage({ status, }: {
+declare const SequenceStatusMessage: ({ status, }: {
     status: SequenceStatus;
-}): React.JSX.Element | null;
+}) => React.JSX.Element | null;
+export default SequenceStatusMessage;

package/dist/LaunchMsaView/components/SequenceStatus.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { LoadingEllipses } from '@jbrowse/core/ui';
 import { Typography } from '@mui/material';
+import { observer } from 'mobx-react';
 /**
  * Why Submit is grey. The query row is the selected transcript's translation,
  * and fetching and translating it takes a round trip to the sequence adapter,
@@ -10,6 +11,7 @@ import { Typography } from '@mui/material';
  * An error says so through the panel's own ErrorMessage, so this stays quiet
  * for that one rather than saying it twice.
  */
-export default function SequenceStatusMessage({ status, }) {
+const SequenceStatusMessage = observer(function SequenceStatusMessage({ status, }) {
     return status === 'loading' ? (React.createElement(LoadingEllipses, { message: "Translating transcript" })) : status === 'missing' ? (React.createElement(Typography, { color: "textSecondary", variant: "body2" }, "no coding sequence to align")) : null;
-}
+});
+export default SequenceStatusMessage;

package/dist/LaunchMsaView/components/SubmitCancelActions.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { MsaViewPlacement } from '../../utils/workspaces';
 import type { AbstractTrackModel } from '@jbrowse/core/util';
-export default function SubmitCancelActions({ onSubmit, onCancel, submitDisabled, hint, submitLabel, model, }: {
+declare const SubmitCancelActions: ({ onSubmit, onCancel, submitDisabled, hint, submitLabel, model, }: {
     /** handed the placement the box states, so no launch re-reads storage */
     onSubmit: (placement: MsaViewPlacement) => void;
     onCancel: () => void;
@@ -11,4 +11,5 @@ export default function SubmitCancelActions({ onSubmit, onCancel, submitDisabled
     submitLabel?: string;
     /** omitted by a panel that submits something other than a view launch */
     model?: AbstractTrackModel;
-}): React.JSX.Element;
+}) => React.JSX.Element;
+export default SubmitCancelActions;

package/dist/LaunchMsaView/components/SubmitCancelActions.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { getSession } from '@jbrowse/core/util';
 import { Button, Checkbox, DialogActions, FormControlLabel, } from '@mui/material';
+import { observer } from 'mobx-react';
 import { readLaunchPlacement, sessionSupportsPlacement, writeLaunchPlacement, } from '../../utils/workspaces';
 import { useLaunchPlacement } from './launchPlacement';
 /**
@@ -14,12 +15,12 @@ import { useLaunchPlacement } from './launchPlacement';
  * release that places views its own way — because the box would do nothing
  * there and every launch would quietly ignore it.
  */
-function PlacementToggle({ checked, onChange, }) {
+const PlacementToggle = observer(function PlacementToggle({ checked, onChange, }) {
     return (React.createElement(FormControlLabel, { label: "Open beside the genome view", control: React.createElement(Checkbox, { checked: checked, onChange: event => {
                 onChange(event.target.checked);
             } }) }));
-}
-export default function SubmitCancelActions({ onSubmit, onCancel, submitDisabled, hint, submitLabel = 'Submit', model, }) {
+});
+const SubmitCancelActions = observer(function SubmitCancelActions({ onSubmit, onCancel, submitDisabled, hint, submitLabel = 'Submit', model, }) {
     const [sideBySide, setSideBySide] = useLaunchPlacement();
     // The stored value is what the next dialog opens on, so it is written on
     // submit rather than on the click: a dialog the user backed out of must not
@@ -47,4 +48,5 @@ export default function SubmitCancelActions({ onSubmit, onCancel, submitDisabled
             React.createElement(Button, { sx: { flexShrink: 0 }, color: "secondary", variant: "contained", onClick: () => {
                     onCancel();
                 } }, "Cancel"))));
-}
+});
+export default SubmitCancelActions;

package/dist/LaunchMsaView/components/TabPanel.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-export default function TabPanel({ children, value, index, }: {
+declare const TabPanel: ({ children, value, index, }: {
     children?: React.ReactNode;
     index: number | string;
     value: number | string;
-}): React.JSX.Element;
+}) => React.JSX.Element;
+export default TabPanel;

package/dist/LaunchMsaView/components/TabPanel.js

@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import { observer } from 'mobx-react';
 // Once visited, a panel stays mounted and is hidden with the `hidden` attribute.
 // Unmounting it discarded whatever the user had typed and re-ran every fetch the
 // panel makes on the way back, so switching tabs to compare two of them cost an
@@ -7,11 +8,12 @@ import React, { useState } from 'react';
 // Lazy on first visit rather than mounted up front, because a panel mounts
 // fetches of its own: rendering all four on open would query the MSA dataset
 // adapter and the BLAST cache for tabs nobody looked at.
-export default function TabPanel({ children, value, index, }) {
+const TabPanel = observer(function TabPanel({ children, value, index, }) {
     const active = value === index;
     const [visited, setVisited] = useState(active);
     if (active && !visited) {
         setVisited(true);
     }
     return (React.createElement("div", { role: "tabpanel", hidden: !active }, visited || active ? children : null));
-}
+});
+export default TabPanel;

package/dist/LaunchMsaView/components/TabPanel.test.js

@@ -1,25 +1,26 @@
 // @vitest-environment jsdom
 import React from 'react';
 import { cleanup, render, screen } from '@testing-library/react';
+import { observer } from 'mobx-react';
 import { afterEach, expect, test, vi } from 'vitest';
 import TabPanel from './TabPanel';
 afterEach(() => {
     cleanup();
 });
-function Panels({ value }) {
+const Panels = observer(function Panels({ value }) {
     return (React.createElement(React.Fragment, null,
         React.createElement(TabPanel, { value: value, index: "a" },
             React.createElement(Probe, { name: "a" })),
         React.createElement(TabPanel, { value: value, index: "b" },
             React.createElement(Probe, { name: "b" }))));
-}
+});
 const mounted = vi.fn();
-function Probe({ name }) {
+const Probe = observer(function Probe({ name }) {
     React.useEffect(() => {
         mounted(name);
     }, [name]);
     return React.createElement("input", { defaultValue: name });
-}
+});
 test('a visited panel keeps its state while another tab is shown', () => {
     const { rerender } = render(React.createElement(Panels, { value: "a" }));
     const typed = screen.getByDisplayValue('a');

package/dist/LaunchMsaView/components/TranscriptSelector.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { SequenceStatus } from './SequenceStatus';
 import type { Feature } from '@jbrowse/core/util';
-export default function TranscriptSelector({ feature, options, selectedId, selectedTranscript, setSelectedId, proteinSequence, sequenceStatus, validIds, }: {
+declare const TranscriptSelector: ({ feature, options, selectedId, selectedTranscript, setSelectedId, proteinSequence, sequenceStatus, validIds, }: {
     feature: Feature;
     options: Feature[];
     selectedId: string;
@@ -10,4 +10,5 @@ export default function TranscriptSelector({ feature, options, selectedId, selec
     proteinSequence: string | undefined;
     sequenceStatus?: SequenceStatus;
     validIds?: string[];
-}): React.JSX.Element;
+}) => React.JSX.Element;
+export default TranscriptSelector;

package/dist/LaunchMsaView/components/TranscriptSelector.js

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { Button, MenuItem, TextField } from '@mui/material';
+import { observer } from 'mobx-react';
 import { makeStyles } from 'tss-react/mui';
 import ReadOnlyTextField2 from '../../components/ReadOnlyTextField2';
 import { featureMatchesId, getGeneDisplayName, getId, getTranscriptDisplayName, getTranscriptLength, } from '../util';
@@ -15,7 +16,7 @@ const useStyles = makeStyles()({
         marginLeft: 20,
     },
 });
-export default function TranscriptSelector({ feature, options, selectedId, selectedTranscript, setSelectedId, proteinSequence, sequenceStatus = 'ready', validIds, }) {
+const TranscriptSelector = observer(function TranscriptSelector({ feature, options, selectedId, selectedTranscript, setSelectedId, proteinSequence, sequenceStatus = 'ready', validIds, }) {
     const { classes } = useStyles();
     const [showSequence, setShowSequence] = useState(false);
     return (React.createElement(React.Fragment, null,
@@ -53,4 +54,5 @@ export default function TranscriptSelector({ feature, options, selectedId, selec
                     : sequenceStatus === 'error'
                         ? 'The sequence could not be fetched.'
                         : 'Loading...' })) : null));
-}
+});
+export default TranscriptSelector;

package/dist/LaunchMsaView/components/fetchSeq.d.ts

@@ -1,10 +1,11 @@
 import type { AbstractSessionModel } from '@jbrowse/core/util';
-export declare function fetchSeq({ start, end, refName, session, assemblyName, }: {
+export declare function fetchSeq({ start, end, refName, session, assemblyName, signal, }: {
     start: number;
     end: number;
     refName: string;
     assemblyName: string;
     session: AbstractSessionModel;
+    signal: AbortSignal;
 }): Promise<{
     seq: string;
     assemblyGeneticCodeId: number;