@jbrowse/plugin-linear-genome-view 1.7.9 → 2.0.0

package/esm/LinearGenomeView/components/ScaleBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScaleBar.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/ScaleBar.tsx"],"names":[],"mappings":"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"}

package/esm/LinearGenomeView/components/SearchBox.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { LinearGenomeViewModel } from '..';
+declare function SearchBox({ model, showHelp, }: {
+    showHelp?: boolean;
+    model: LinearGenomeViewModel;
+}): JSX.Element;
+declare const _default: typeof SearchBox;
+export default _default;

package/esm/LinearGenomeView/components/SearchBox.js

@@ -0,0 +1,94 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import { useTheme, alpha } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import { getSession } from '@jbrowse/core/util';
+// locals
+import RefNameAutocomplete from './RefNameAutocomplete';
+import { fetchResults } from './util';
+import { SPACING, WIDGET_HEIGHT } from '..';
+const useStyles = makeStyles()(() => ({
+    headerRefName: {
+        minWidth: 100,
+    },
+}));
+function SearchBox({ model, showHelp, }) {
+    const { classes } = useStyles();
+    const theme = useTheme();
+    const session = getSession(model);
+    const { textSearchManager, assemblyManager } = session;
+    const { assemblyNames, rankSearchResults } = model;
+    const assemblyName = assemblyNames[0];
+    const assembly = assemblyManager.get(assemblyName);
+    const searchScope = model.searchScope(assemblyName);
+    // gets a string as input, or use stored option results from previous query,
+    // then re-query and
+    // 1) if it has multiple results: pop a dialog
+    // 2) if it's a single result navigate to it
+    // 3) else assume it's a locstring and navigate to it
+    async function handleSelectedRegion(option) {
+        let trackId = option.getTrackId();
+        let location = option.getLocation();
+        const label = option.getLabel();
+        const [ref, rest] = location.split(':');
+        const allRefs = (assembly === null || assembly === void 0 ? void 0 : assembly.allRefNames) || [];
+        try {
+            // instead of querying text-index, first:
+            // - check if input matches a refName directly
+            // - or looks like locString
+            // then just navigate as if it were a locString
+            if (allRefs.includes(location) ||
+                (allRefs.includes(ref) &&
+                    rest !== undefined &&
+                    !Number.isNaN(parseInt(rest, 10)))) {
+                model.navToLocString(location, assemblyName);
+            }
+            else {
+                const results = await fetchResults({
+                    queryString: label,
+                    searchType: 'exact',
+                    searchScope,
+                    rankSearchResults,
+                    textSearchManager,
+                    assembly,
+                });
+                if (results.length > 1) {
+                    model.setSearchResults(results, label.toLowerCase());
+                    return;
+                }
+                else if (results.length === 1) {
+                    location = results[0].getLocation();
+                    trackId = results[0].getTrackId();
+                }
+                model.navToLocString(location, assemblyName);
+                if (trackId) {
+                    model.showTrack(trackId);
+                }
+            }
+        }
+        catch (e) {
+            console.error(e);
+            session.notify(`${e}`, 'warning');
+        }
+    }
+    return (React.createElement(RefNameAutocomplete, { showHelp: showHelp, onSelect: handleSelectedRegion, assemblyName: assemblyName, fetchResults: queryString => fetchResults({
+            queryString,
+            searchScope,
+            rankSearchResults,
+            textSearchManager,
+            assembly,
+        }), model: model, TextFieldProps: {
+            variant: 'outlined',
+            className: classes.headerRefName,
+            style: { margin: SPACING, minWidth: '175px' },
+            InputProps: {
+                style: {
+                    padding: 0,
+                    height: WIDGET_HEIGHT,
+                    background: alpha(theme.palette.background.paper, 0.8),
+                },
+            },
+        } }));
+}
+export default observer(SearchBox);
+//# sourceMappingURL=SearchBox.js.map

package/esm/LinearGenomeView/components/SearchBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBox.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/SearchBox.tsx"],"names":[],"mappings":"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"}

package/esm/LinearGenomeView/components/SearchResultsDialog.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { LinearGenomeViewModel } from '../..';
+export default function SearchResultsDialog({ model, optAssemblyName, handleClose, }: {
+    model: LinearGenomeViewModel;
+    optAssemblyName?: string;
+    handleClose: () => void;
+}): JSX.Element;

package/esm/LinearGenomeView/components/SearchResultsDialog.js

@@ -0,0 +1,107 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+import { getEnv, resolveIdentifier, getRoot } from 'mobx-state-tree';
+import { getSession } from '@jbrowse/core/util';
+import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Divider, IconButton, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Typography, } from '@mui/material';
+import CloseIcon from '@mui/icons-material/Close';
+const useStyles = makeStyles()(theme => ({
+    dialogContent: {
+        width: '80em',
+    },
+    closeButton: {
+        position: 'absolute',
+        right: theme.spacing(1),
+        top: theme.spacing(1),
+        color: theme.palette.grey[500],
+    },
+}));
+export default function SearchResultsDialog({ model, optAssemblyName, handleClose, }) {
+    var _a, _b;
+    const { classes } = useStyles();
+    const session = getSession(model);
+    const { pluginManager } = getEnv(session);
+    const { assemblyManager } = session;
+    let assemblyName = optAssemblyName;
+    if (model.displayedRegions.length > 0) {
+        assemblyName = (_a = model.displayedRegions[0]) === null || _a === void 0 ? void 0 : _a.assemblyName;
+    }
+    if (!assemblyName) {
+        throw new Error(`Assembly name not found`);
+    }
+    const assembly = assemblyManager.get(assemblyName);
+    if (!assembly) {
+        throw new Error(`assembly ${assemblyName} not found`);
+    }
+    if (!assembly.regions) {
+        throw new Error(`assembly ${assemblyName} regions not loaded`);
+    }
+    const assemblyRegions = assembly.regions;
+    function handleClick(location) {
+        try {
+            const newRegion = assemblyRegions.find(region => location === region.refName);
+            if (newRegion) {
+                model.setDisplayedRegions([newRegion]);
+                // we use showAllRegions after setDisplayedRegions to make the entire
+                // region visible, xref #1703
+                model.showAllRegions();
+            }
+            else {
+                model.navToLocString(location, assemblyName);
+            }
+        }
+        catch (e) {
+            console.warn(e);
+            session.notify(`${e}`, 'warning');
+        }
+    }
+    function getTrackName(trackId) {
+        var _a;
+        if (trackId) {
+            const trackConfigSchema = pluginManager.pluggableConfigSchemaType('track');
+            const configuration = resolveIdentifier(trackConfigSchema, getRoot(model), trackId);
+            if (configuration) {
+                return (_a = configuration.name) === null || _a === void 0 ? void 0 : _a.value;
+            }
+        }
+        return '';
+    }
+    return (React.createElement(Dialog, { open: true, maxWidth: "xl", onClose: handleClose },
+        React.createElement(DialogTitle, null,
+            "Search results",
+            handleClose ? (React.createElement(IconButton, { "data-testid": "close-resultsDialog", className: classes.closeButton, onClick: () => {
+                    handleClose();
+                }, size: "large" },
+                React.createElement(CloseIcon, null))) : null),
+        React.createElement(Divider, null),
+        React.createElement(DialogContent, null, !((_b = model.searchResults) === null || _b === void 0 ? void 0 : _b.length) ? (React.createElement(Typography, null,
+            "No results found for ",
+            React.createElement("b", null, model.searchQuery))) : (React.createElement(React.Fragment, null,
+            React.createElement(Typography, null,
+                "Showing results for ",
+                React.createElement("b", null, model.searchQuery)),
+            React.createElement(TableContainer, { component: Paper },
+                React.createElement(Table, null,
+                    React.createElement(TableHead, null,
+                        React.createElement(TableRow, null,
+                            React.createElement(TableCell, null, "Name"),
+                            React.createElement(TableCell, { align: "right" }, "Location"),
+                            React.createElement(TableCell, { align: "right" }, "Track"),
+                            React.createElement(TableCell, { align: "right" }))),
+                    React.createElement(TableBody, null, model.searchResults.map(result => (React.createElement(TableRow, { key: `${result.getId()}` },
+                        React.createElement(TableCell, { component: "th", scope: "row" }, result.getLabel()),
+                        React.createElement(TableCell, { align: "right" }, result.getLocation()),
+                        React.createElement(TableCell, { align: "right" }, getTrackName(result.getTrackId()) || 'N/A'),
+                        React.createElement(TableCell, { align: "right" },
+                            React.createElement(Button, { onClick: () => {
+                                    handleClick(result.getLocation());
+                                    const resultTrackId = result.getTrackId();
+                                    if (resultTrackId) {
+                                        model.showTrack(resultTrackId);
+                                    }
+                                    handleClose();
+                                }, color: "primary", variant: "contained" }, "Go"))))))))))),
+        React.createElement(Divider, null),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { onClick: () => handleClose(), color: "primary" }, "Cancel"))));
+}
+//# sourceMappingURL=SearchResultsDialog.js.map

package/esm/LinearGenomeView/components/SearchResultsDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResultsDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/SearchResultsDialog.tsx"],"names":[],"mappings":"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"}

package/esm/LinearGenomeView/components/SequenceDialog.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { LinearGenomeViewModel } from '..';
+declare function SequenceDialog({ model, handleClose, }: {
+    model: LinearGenomeViewModel;
+    handleClose: () => void;
+}): JSX.Element;
+declare const _default: typeof SequenceDialog;
+export default _default;

package/esm/LinearGenomeView/components/SequenceDialog.js

@@ -0,0 +1,147 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import { makeStyles } from 'tss-react/mui';
+import { Button, CircularProgress, Container, Dialog, DialogActions, DialogContent, DialogTitle, Divider, IconButton, TextField, Typography, } from '@mui/material';
+import { observer } from 'mobx-react';
+import { saveAs } from 'file-saver';
+import { getConf } from '@jbrowse/core/configuration';
+import copy from 'copy-to-clipboard';
+import { getSession } from '@jbrowse/core/util';
+import { formatSeqFasta } from '@jbrowse/core/util/formatFastaStrings';
+// icons
+import { ContentCopy as ContentCopyIcon } from '@jbrowse/core/ui/Icons';
+import CloseIcon from '@mui/icons-material/Close';
+import GetAppIcon from '@mui/icons-material/GetApp';
+const useStyles = makeStyles()(theme => ({
+    loadingMessage: {
+        padding: theme.spacing(5),
+    },
+    closeButton: {
+        position: 'absolute',
+        right: theme.spacing(1),
+        top: theme.spacing(1),
+        color: theme.palette.grey[500],
+    },
+    dialogContent: {
+        width: '80em',
+    },
+    textAreaFont: {
+        fontFamily: 'Courier New',
+    },
+}));
+/**
+ * Fetches and returns a list features for a given list of regions
+ */
+async function fetchSequence(model, regions, signal) {
+    const session = getSession(model);
+    const { leftOffset, rightOffset } = model;
+    if (!leftOffset || !rightOffset) {
+        throw new Error('no offsets on model to use for range');
+    }
+    if (leftOffset.assemblyName !== rightOffset.assemblyName) {
+        throw new Error('not able to fetch sequences from multiple assemblies');
+    }
+    const { rpcManager, assemblyManager } = session;
+    const assemblyName = leftOffset.assemblyName || rightOffset.assemblyName || '';
+    const assembly = assemblyManager.get(assemblyName);
+    if (!assembly) {
+        throw new Error(`assembly ${assemblyName} not found`);
+    }
+    const adapterConfig = getConf(assembly, ['sequence', 'adapter']);
+    const sessionId = 'getSequence';
+    return rpcManager.call(sessionId, 'CoreGetFeatures', {
+        adapterConfig,
+        regions,
+        sessionId,
+        signal,
+    });
+}
+function SequenceDialog({ model, handleClose, }) {
+    const { classes } = useStyles();
+    const session = getSession(model);
+    const [error, setError] = useState();
+    const [sequence, setSequence] = useState();
+    const loading = Boolean(sequence === undefined);
+    const { leftOffset, rightOffset } = model;
+    // avoid infinite looping of useEffect
+    // random note: the current selected region can't be a computed because it
+    // uses action on base1dview even though it's on the ephemeral base1dview
+    const regionsSelected = useMemo(() => model.getSelectedRegions(leftOffset, rightOffset), [model, leftOffset, rightOffset]);
+    useEffect(() => {
+        let active = true;
+        const controller = new AbortController();
+        (async () => {
+            try {
+                if (regionsSelected.length > 0) {
+                    const chunks = await fetchSequence(model, regionsSelected, controller.signal);
+                    if (active) {
+                        setSequence(formatSeqFasta(chunks
+                            .filter(f => !!f)
+                            .map(chunk => {
+                            const chunkSeq = chunk.get('seq');
+                            const chunkRefName = chunk.get('refName');
+                            const chunkStart = chunk.get('start') + 1;
+                            const chunkEnd = chunk.get('end');
+                            const chunkLocstring = `${chunkRefName}:${chunkStart}-${chunkEnd}`;
+                            if ((chunkSeq === null || chunkSeq === void 0 ? void 0 : chunkSeq.length) !== chunkEnd - chunkStart + 1) {
+                                throw new Error(`${chunkLocstring} returned ${chunkSeq.length.toLocaleString()} bases, but should have returned ${(chunkEnd - chunkStart).toLocaleString()}`);
+                            }
+                            return { header: chunkLocstring, seq: chunkSeq };
+                        })));
+                    }
+                }
+                else {
+                    throw new Error('Selected region is out of bounds');
+                }
+            }
+            catch (e) {
+                console.error(e);
+                if (active) {
+                    setError(e);
+                }
+            }
+        })();
+        return () => {
+            controller.abort();
+            active = false;
+        };
+    }, [model, session, regionsSelected, setSequence]);
+    const sequenceTooLarge = sequence ? sequence.length > 1000000 : false;
+    return (React.createElement(Dialog, { "data-testid": "sequence-dialog", maxWidth: "xl", open: true, onClose: handleClose, "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description" },
+        React.createElement(DialogTitle, { id: "alert-dialog-title" },
+            "Reference sequence",
+            handleClose ? (React.createElement(IconButton, { "data-testid": "close-seqDialog", className: classes.closeButton, onClick: () => {
+                    handleClose();
+                    model.setOffsets(undefined, undefined);
+                }, size: "large" },
+                React.createElement(CloseIcon, null))) : null),
+        React.createElement(Divider, null),
+        React.createElement(DialogContent, null,
+            error ? React.createElement(Typography, { color: "error" }, `${error}`) : null,
+            loading && !error ? (React.createElement(Container, null,
+                "Retrieving reference sequence...",
+                React.createElement(CircularProgress, { style: {
+                        marginLeft: 10,
+                    }, size: 20, disableShrink: true }))) : null,
+            React.createElement(TextField, { "data-testid": "rubberband-sequence", variant: "outlined", multiline: true, minRows: 5, disabled: sequenceTooLarge, className: classes.dialogContent, fullWidth: true, value: sequenceTooLarge
+                    ? 'Reference sequence too large to display, use the download FASTA button'
+                    : sequence, InputProps: {
+                    readOnly: true,
+                    classes: {
+                        input: classes.textAreaFont,
+                    },
+                } })),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { onClick: () => {
+                    copy(sequence || '');
+                    session.notify('Copied to clipboard', 'success');
+                }, disabled: loading || !!error || sequenceTooLarge, color: "primary", startIcon: React.createElement(ContentCopyIcon, null) }, "Copy to clipboard"),
+            React.createElement(Button, { onClick: () => {
+                    const seqFastaFile = new Blob([sequence || ''], {
+                        type: 'text/x-fasta;charset=utf-8',
+                    });
+                    saveAs(seqFastaFile, 'jbrowse_ref_seq.fa');
+                }, disabled: loading || !!error, color: "primary", startIcon: React.createElement(GetAppIcon, null) }, "Download FASTA"),
+            React.createElement(Button, { onClick: handleClose, color: "primary", autoFocus: true }, "Close"))));
+}
+export default observer(SequenceDialog);
+//# sourceMappingURL=SequenceDialog.js.map

package/esm/LinearGenomeView/components/SequenceDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SequenceDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/SequenceDialog.tsx"],"names":[],"mappings":"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"}

package/esm/LinearGenomeView/components/TrackContainer.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
+import { LinearGenomeViewModel } from '..';
+declare function TrackContainer({ model, track, }: {
+    model: LinearGenomeViewModel;
+    track: BaseTrackModel;
+}): JSX.Element;
+declare const _default: typeof TrackContainer;
+export default _default;

package/esm/LinearGenomeView/components/TrackContainer.js

@@ -0,0 +1,109 @@
+import React, { useEffect, useRef } from 'react';
+import { Paper } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import { observer } from 'mobx-react';
+import { isAlive } from 'mobx-state-tree';
+import { getConf } from '@jbrowse/core/configuration';
+import { ResizeHandle } from '@jbrowse/core/ui';
+import { useDebouncedCallback } from '@jbrowse/core/util';
+import TrackLabel from './TrackLabel';
+const useStyles = makeStyles()({
+    root: {
+        marginTop: 2,
+    },
+    resizeHandle: {
+        height: 3,
+        boxSizing: 'border-box',
+        position: 'relative',
+        zIndex: 2,
+    },
+    overlay: {
+        pointerEvents: 'none',
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        width: '100%',
+        zIndex: 3,
+    },
+    trackLabel: {
+        zIndex: 3,
+    },
+    // aligns with block bounderies. check for example the breakpoint split view
+    // demo to see if features align if wanting to change things
+    renderingComponentContainer: {
+        position: 'absolute',
+        // -1 offset because of the 1px border of the Paper
+        left: -1,
+        height: '100%',
+        width: '100%',
+    },
+    trackLabelInline: {
+        position: 'relative',
+        display: 'inline-block',
+    },
+    trackLabelOverlap: {
+        position: 'absolute',
+    },
+    trackRenderingContainer: {
+        overflowY: 'auto',
+        overflowX: 'hidden',
+        whiteSpace: 'nowrap',
+        position: 'relative',
+        background: 'none',
+        zIndex: 2,
+    },
+});
+const TrackContainerLabel = observer(({ model, view }) => {
+    const { classes, cx } = useStyles();
+    const labelStyle = view.trackLabels === 'overlapping'
+        ? classes.trackLabelOverlap
+        : classes.trackLabelInline;
+    return view.trackLabels !== 'hidden' ? (React.createElement(TrackLabel, { track: model, className: cx(classes.trackLabel, labelStyle) })) : null;
+});
+function TrackContainer({ model, track, }) {
+    const { classes } = useStyles();
+    const display = track.displays[0];
+    const { horizontalScroll, draggingTrackId, moveTrack } = model;
+    const { height } = display;
+    const trackId = getConf(track, 'trackId');
+    const ref = useRef(null);
+    useEffect(() => {
+        if (ref.current) {
+            model.trackRefs[trackId] = ref.current;
+        }
+        return () => {
+            delete model.trackRefs[trackId];
+        };
+    }, [model.trackRefs, trackId]);
+    function onDragEnter() {
+        if (draggingTrackId !== undefined &&
+            isAlive(display) &&
+            draggingTrackId !== display.id) {
+            moveTrack(draggingTrackId, track.id);
+        }
+    }
+    const debouncedOnDragEnter = useDebouncedCallback(onDragEnter, 100);
+    const { RenderingComponent, DisplayBlurb } = display;
+    const dimmed = draggingTrackId !== undefined && draggingTrackId !== display.id;
+    return (React.createElement(Paper, { className: classes.root, variant: "outlined" },
+        React.createElement(TrackContainerLabel, { model: track, view: model }),
+        React.createElement("div", { className: classes.trackRenderingContainer, style: { height }, onScroll: event => {
+                const target = event.target;
+                display.setScrollTop(target.scrollTop);
+            }, onDragEnter: debouncedOnDragEnter, "data-testid": `trackRenderingContainer-${model.id}-${trackId}`, role: "presentation" },
+            React.createElement("div", { ref: ref, className: classes.renderingComponentContainer, style: { transform: `scaleX(${model.scaleFactor})` } },
+                React.createElement(RenderingComponent, { model: display, onHorizontalScroll: horizontalScroll })),
+            DisplayBlurb ? (React.createElement("div", { style: {
+                    position: 'absolute',
+                    left: 0,
+                    top: display.height - 20,
+                } },
+                React.createElement(DisplayBlurb, { model: display }))) : null),
+        React.createElement("div", { className: classes.overlay, style: {
+                height: display.height,
+                background: dimmed ? 'rgba(0, 0, 0, 0.4)' : undefined,
+            }, onDragEnter: debouncedOnDragEnter }),
+        React.createElement(ResizeHandle, { onDrag: display.resizeHeight, className: classes.resizeHandle })));
+}
+export default observer(TrackContainer);
+//# sourceMappingURL=TrackContainer.js.map

package/esm/LinearGenomeView/components/TrackContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackContainer.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/TrackContainer.tsx"],"names":[],"mappings":"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"}

package/esm/LinearGenomeView/components/TrackLabel.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
+interface Props {
+    track: BaseTrackModel;
+    className?: string;
+}
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/esm/LinearGenomeView/components/TrackLabel.js

@@ -0,0 +1,89 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import { getConf, readConfObject } from '@jbrowse/core/configuration';
+import CascadingMenu from '@jbrowse/core/ui/CascadingMenu';
+import { getSession, getContainingView } from '@jbrowse/core/util';
+import { IconButton, Paper, Typography, alpha } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import { bindTrigger, bindPopover, usePopupState, } from 'material-ui-popup-state/hooks';
+// icons
+import MoreVertIcon from '@mui/icons-material/MoreVert';
+import DragIcon from '@mui/icons-material/DragIndicator';
+import CloseIcon from '@mui/icons-material/Close';
+const useStyles = makeStyles()(theme => ({
+    root: {
+        background: alpha(theme.palette.background.paper, 0.8),
+        '&:hover': {
+            background: theme.palette.background.paper,
+        },
+        transition: theme.transitions.create(['background'], {
+            duration: theme.transitions.duration.shortest,
+        }),
+    },
+    trackName: {
+        margin: '0 auto',
+        width: '90%',
+        fontSize: '0.8rem',
+        pointerEvents: 'none',
+    },
+    dragHandle: {
+        cursor: 'grab',
+        color: '#135560',
+    },
+    dragHandleIcon: {
+        display: 'inline-block',
+        verticalAlign: 'middle',
+        pointerEvents: 'none',
+    },
+    iconButton: {
+        padding: theme.spacing(1),
+    },
+}));
+const TrackLabel = React.forwardRef(({ track, className }, ref) => {
+    var _a;
+    const { classes, cx } = useStyles();
+    const view = getContainingView(track);
+    const session = getSession(track);
+    const trackConf = track.configuration;
+    const trackId = getConf(track, 'trackId');
+    const popupState = usePopupState({
+        popupId: 'trackLabelMenu',
+        variant: 'popover',
+    });
+    const onDragStart = (event) => {
+        const target = event.target;
+        if (target.parentNode) {
+            const parent = target.parentNode;
+            event.dataTransfer.setDragImage(parent, 20, 20);
+            view.setDraggingTrackId(track.id);
+        }
+    };
+    const onDragEnd = () => {
+        view.setDraggingTrackId(undefined);
+    };
+    let trackName = getConf(track, 'name');
+    if (getConf(track, 'type') === 'ReferenceSequenceTrack') {
+        const r = session.assemblies.find(a => a.sequence === trackConf);
+        trackName =
+            trackName ||
+                (r
+                    ? `Reference Sequence (${readConfObject(r, 'name')})`
+                    : 'Reference Sequence');
+    }
+    const items = [
+        ...(((_a = session.getTrackActionMenuItems) === null || _a === void 0 ? void 0 : _a.call(session, trackConf)) || []),
+        ...track.trackMenuItems(),
+    ].sort((a, b) => (b.priority || 0) - (a.priority || 0));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Paper, { ref: ref, className: cx(className, classes.root) },
+            React.createElement("span", { draggable: true, className: classes.dragHandle, onDragStart: onDragStart, onDragEnd: onDragEnd, "data-testid": `dragHandle-${view.id}-${trackId}` },
+                React.createElement(DragIcon, { className: classes.dragHandleIcon, fontSize: "small" })),
+            React.createElement(IconButton, { onClick: () => view.hideTrack(trackId), className: classes.iconButton, title: "close this track", color: "secondary" },
+                React.createElement(CloseIcon, { fontSize: "small" })),
+            React.createElement(Typography, { variant: "body1", component: "span", className: classes.trackName }, trackName),
+            React.createElement(IconButton, { ...bindTrigger(popupState), className: classes.iconButton, color: "secondary", "data-testid": "track_menu_icon", disabled: !items.length },
+                React.createElement(MoreVertIcon, { fontSize: "small" }))),
+        React.createElement(CascadingMenu, { ...bindPopover(popupState), onMenuItemClick: (_, callback) => callback(), menuItems: items, popupState: popupState })));
+});
+export default observer(TrackLabel);
+//# sourceMappingURL=TrackLabel.js.map