@jbrowse/plugin-linear-genome-view
Version:
JBrowse 2 linear genome view
39 lines (38 loc) • 2.34 kB
JavaScript
"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 material_1 = require("@mui/material");
const mobx_react_1 = require("mobx-react");
const mui_1 = require("tss-react/mui");
const HeaderPanControls_1 = __importDefault(require("./HeaderPanControls"));
const HeaderRegionWidth_1 = __importDefault(require("./HeaderRegionWidth"));
const HeaderTrackSelectorButton_1 = __importDefault(require("./HeaderTrackSelectorButton"));
const HeaderZoomControls_1 = __importDefault(require("./HeaderZoomControls"));
const OverviewScalebar_1 = __importDefault(require("./OverviewScalebar"));
const SearchBox_1 = __importDefault(require("./SearchBox"));
const consts_1 = require("../consts");
const useStyles = (0, mui_1.makeStyles)()({
headerBar: {
display: 'flex',
height: consts_1.HEADER_BAR_HEIGHT,
},
headerForm: {
flexWrap: 'nowrap',
marginRight: 7,
},
spacer: {
flexGrow: 1,
},
});
const Controls = function ({ model }) {
const { classes } = useStyles();
return ((0, jsx_runtime_1.jsxs)("div", { className: classes.headerBar, children: [(0, jsx_runtime_1.jsx)(HeaderTrackSelectorButton_1.default, { model: model }), (0, jsx_runtime_1.jsx)("div", { className: classes.spacer }), (0, jsx_runtime_1.jsxs)(material_1.FormGroup, { row: true, className: classes.headerForm, children: [(0, jsx_runtime_1.jsx)(HeaderPanControls_1.default, { model: model }), (0, jsx_runtime_1.jsx)(SearchBox_1.default, { model: model })] }), (0, jsx_runtime_1.jsx)(HeaderRegionWidth_1.default, { model: model }), (0, jsx_runtime_1.jsx)(HeaderZoomControls_1.default, { model: model }), (0, jsx_runtime_1.jsx)("div", { className: classes.spacer })] }));
};
const LinearGenomeViewHeader = (0, mobx_react_1.observer)(function ({ model, }) {
const { hideHeader, hideHeaderOverview } = model;
return !hideHeader ? (hideHeaderOverview ? ((0, jsx_runtime_1.jsx)(Controls, { model: model })) : ((0, jsx_runtime_1.jsx)(OverviewScalebar_1.default, { model: model, children: (0, jsx_runtime_1.jsx)(Controls, { model: model }) }))) : null;
});
exports.default = LinearGenomeViewHeader;