@jbrowse/plugin-linear-genome-view/dist/LinearGenomeView/components/RefNameAutocomplete/HelpDialog.js

JBrowse 2 linear genome view

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = HelpDialog;
const jsx_runtime_1 = require("react/jsx-runtime");
const ui_1 = require("@jbrowse/core/ui");
const material_1 = require("@mui/material");
function HelpDialog({ handleClose, }) {
    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, maxWidth: "xl", onClose: handleClose, title: "Using the search box", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)("h3", { children: "Searching" }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { children: "Jump to a feature or reference sequence by typing its name in the location box and pressing Enter." }), (0, jsx_runtime_1.jsxs)("li", { children: ["Jump to a specific region by typing the region into the location box as: ", (0, jsx_runtime_1.jsx)("code", { children: "ref:start..end" }), " or ", (0, jsx_runtime_1.jsx)("code", { children: "ref:start-end" }), ". Commas are allowed in the start and end coordinates. A space-separated list of locstrings can be used to open up multiple chromosomes at a time"] })] }), (0, jsx_runtime_1.jsx)("h3", { children: "Example Searches" }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("code", { children: "BRCA" }), " - searches for the feature named BRCA"] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("code", { children: "chr4" }), " - jumps to chromosome 4"] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("code", { children: "chr4:79,500,000..80,000,000" }), " - jumps the region on chromosome 4 between 79.5Mb and 80Mb."] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("code", { children: "chr1:1-100 chr2:1-100" }), " - create a split view of chr1:1-100 and chr2:1-100"] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("code", { children: "chr1 chr2 chr3" }), " - open up multiple chromosomes at once"] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("code", { children: "chr1:1-100[rev] chr2:1-100" }), " - open up the first region in the horizontally flipped orientation"] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("code", { children: "chr1 100 200" }), " - use whitespace separated refname, start, end"] })] })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
                        handleClose();
                    }, color: "primary", children: "Close" }) })] }));
}