@jbrowse/plugin-linear-genome-view/esm/LinearGenomeView/components/TrackLabelDragHandle.js

JBrowse 2 linear genome view

import { jsx as _jsx } from "react/jsx-runtime";
import DragIcon from '@mui/icons-material/DragIndicator';
import { makeStyles } from 'tss-react/mui';
const useStyles = makeStyles()({
    dragHandle: {
        cursor: 'grab',
    },
    dragHandleIcon: {
        display: 'inline-block',
        verticalAlign: 'middle',
        pointerEvents: 'none',
    },
});
function TrackLabelDragHandle({ trackId, view, track, }) {
    const { classes } = useStyles();
    return (_jsx("span", { draggable: true, className: classes.dragHandle, onDragStart: event => {
            const target = event.currentTarget;
            if (target.parentNode) {
                const parent = target.parentNode;
                event.dataTransfer.setDragImage(parent, 20, 20);
                view.setDraggingTrackId(track.id);
            }
        }, onDragEnd: () => {
            view.setDraggingTrackId(undefined);
        }, "data-testid": `dragHandle-${view.id}-${trackId}`, children: _jsx(DragIcon, { className: classes.dragHandleIcon, fontSize: "small" }) }));
}
export default TrackLabelDragHandle;