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

JBrowse 2 linear genome view

import { jsx as _jsx } from "react/jsx-runtime";
import { observer } from 'mobx-react';
import { makeStyles } from 'tss-react/mui';
import TrackLabel from './TrackLabel';
const useStyles = makeStyles()({
    trackLabel: {
        zIndex: 2,
    },
    trackLabelOffset: {
        position: 'relative',
        display: 'inline-block',
    },
    trackLabelOverlap: {
        position: 'absolute',
    },
});
const TrackLabelContainer = observer(function ({ track, view, }) {
    const { classes, cx } = useStyles();
    const display = track.displays[0];
    const { trackLabel, trackLabelOverlap, trackLabelOffset } = classes;
    const labelStyle = view.trackLabelsSetting !== 'overlapping' || display.prefersOffset
        ? trackLabelOffset
        : trackLabelOverlap;
    return view.trackLabelsSetting !== 'hidden' ? (_jsx(TrackLabel, { track: track, className: cx(trackLabel, labelStyle) })) : null;
});
export default TrackLabelContainer;