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

JBrowse 2 linear genome view

"use strict";
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 util_1 = require("@jbrowse/core/util");
const mobx_react_1 = require("mobx-react");
const mui_1 = require("tss-react/mui");
const RenderedBlocks_1 = __importDefault(require("./RenderedBlocks"));
const useStyles = (0, mui_1.makeStyles)()({
    linearBlocks: {
        whiteSpace: 'nowrap',
        textAlign: 'left',
        position: 'absolute',
        minHeight: '100%',
        display: 'flex',
    },
});
const LinearBlocks = (0, mobx_react_1.observer)(function ({ model, }) {
    const { classes } = useStyles();
    const { blockDefinitions } = model;
    const viewModel = (0, util_1.getContainingView)(model);
    return ((0, jsx_runtime_1.jsx)("div", { className: classes.linearBlocks, style: {
            left: blockDefinitions.offsetPx - viewModel.offsetPx,
        }, children: (0, jsx_runtime_1.jsx)(RenderedBlocks_1.default, { model: model }) }));
});
exports.default = LinearBlocks;