@jbrowse/plugin-linear-genome-view/esm/BaseLinearDisplay/components/LinearBlocks.js

JBrowse 2 linear genome view

import { jsx as _jsx } from "react/jsx-runtime";
import { getContainingView } from '@jbrowse/core/util';
import { observer } from 'mobx-react';
import { makeStyles } from 'tss-react/mui';
import RenderedBlocks from './RenderedBlocks';
const useStyles = makeStyles()({
    linearBlocks: {
        whiteSpace: 'nowrap',
        textAlign: 'left',
        position: 'absolute',
        minHeight: '100%',
        display: 'flex',
    },
});
const LinearBlocks = observer(function ({ model, }) {
    const { classes } = useStyles();
    const { blockDefinitions } = model;
    const viewModel = getContainingView(model);
    return (_jsx("div", { className: classes.linearBlocks, style: {
            left: blockDefinitions.offsetPx - viewModel.offsetPx,
        }, children: _jsx(RenderedBlocks, { model: model }) }));
});
export default LinearBlocks;