@jbrowse/core
Version:
JBrowse 2 core libraries used by plugins
35 lines (34 loc) • 1.72 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 react_1 = require("react");
const mobx_react_1 = require("mobx-react");
const SequenceContents_1 = __importDefault(require("./SequenceContents"));
const SequenceName_1 = __importDefault(require("./SequenceName"));
function WordWrap({ children }) {
return ((0, jsx_runtime_1.jsx)("pre", { style: {
fontFamily: 'monospace',
color: 'black',
fontSize: 11,
}, children: children }));
}
function NoWordWrap({ children }) {
return ((0, jsx_runtime_1.jsx)("div", { style: {
fontFamily: 'monospace',
color: 'black',
fontSize: 11,
maxWidth: 600,
whiteSpace: 'wrap',
wordBreak: 'break-all',
}, children: children }));
}
const SequencePanel = (0, mobx_react_1.observer)((0, react_1.forwardRef)(function S(props, ref) {
const { sequence, model, feature } = props;
const { showCoordinates, mode } = model;
const Container = showCoordinates ? WordWrap : NoWordWrap;
return ((0, jsx_runtime_1.jsx)("div", { "data-testid": "sequence_panel", ref: ref, style: { maxHeight: 300, overflow: 'auto' }, children: (0, jsx_runtime_1.jsxs)(Container, { children: [(0, jsx_runtime_1.jsx)(SequenceName_1.default, { model: model, mode: mode, feature: feature }), (0, jsx_runtime_1.jsx)(SequenceContents_1.default, { model: model, mode: mode, feature: feature, sequence: sequence })] }) }));
}));
exports.default = SequencePanel;