@jbrowse/plugin-linear-genome-view
Version:
JBrowse 2 linear genome view
32 lines (31 loc) • 1.25 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const mobx_react_1 = require("mobx-react");
const mui_1 = require("tss-react/mui");
const TrackLabel_1 = __importDefault(require("./TrackLabel"));
const useStyles = (0, mui_1.makeStyles)()({
trackLabel: {
zIndex: 2,
},
trackLabelOffset: {
position: 'relative',
display: 'inline-block',
},
trackLabelOverlap: {
position: 'absolute',
},
});
const TrackLabelContainer = (0, mobx_react_1.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' ? ((0, jsx_runtime_1.jsx)(TrackLabel_1.default, { track: track, className: cx(trackLabel, labelStyle) })) : null;
});
exports.default = TrackLabelContainer;