UNPKG

taxonium-component

Version:

React component for exploring large phylogenetic trees in the browser

13 lines (12 loc) 1.97 kB
import { jsxs as r, jsx as e } from "react/jsx-runtime"; import { a as o, D as n, d as c, B as t } from "./JBrowsePanel-BNE3gNW1.js"; import { D as l } from "./Divider-36OQM56c.js"; function s({ handleClose: i }) { return r(o.Dialog, { open: !0, maxWidth: "xl", onClose: i, title: "Using the search box", children: [r(n, { children: [e("h3", { children: "Searching" }), r("ul", { children: [e("li", { children: "Jump to a feature or reference sequence by typing its name in the location box and pressing Enter." }), r("li", { children: ["Jump to a specific region by typing the region into the location box as: ", e("code", { children: "ref:start..end" }), " or ", e("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"] })] }), e("h3", { children: "Example Searches" }), r("ul", { children: [r("li", { children: [e("code", { children: "BRCA" }), " - searches for the feature named BRCA"] }), r("li", { children: [e("code", { children: "chr4" }), " - jumps to chromosome 4"] }), r("li", { children: [e("code", { children: "chr4:79,500,000..80,000,000" }), " - jumps the region on chromosome 4 between 79.5Mb and 80Mb."] }), r("li", { children: [e("code", { children: "chr1:1-100 chr2:1-100" }), " - create a split view of chr1:1-100 and chr2:1-100"] }), r("li", { children: [e("code", { children: "chr1 chr2 chr3" }), " - open up multiple chromosomes at once"] }), r("li", { children: [e("code", { children: "chr1:1-100[rev] chr2:1-100" }), " - open up the first region in the horizontally flipped orientation"] }), r("li", { children: [e("code", { children: "chr1 100 200" }), " - use whitespace separated refname, start, end"] })] })] }), e(l, {}), e(c, { children: e(t, { onClick: () => { i(); }, color: "primary", children: "Close" }) })] }); } export { s as default }; //# sourceMappingURL=HelpDialog-1Klx-BQ9.js.map