@jbrowse/plugin-linear-genome-view 3.6.5 → 4.0.0

package/dist/LinearGenomeView/components/OverviewRubberband.js

@@ -1,113 +0,0 @@
-"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 react_1 = require("react");
-const util_1 = require("@jbrowse/core/util");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const OverviewRubberbandHoverTooltip_1 = __importDefault(require("./OverviewRubberbandHoverTooltip"));
-const RubberbandSpan_1 = __importDefault(require("./RubberbandSpan"));
-const util_2 = require("./util");
-const useStyles = (0, mui_1.makeStyles)()({
-    rubberbandControl: {
-        cursor: 'crosshair',
-        width: '100%',
-        minHeight: 8,
-    },
-    rel: {
-        position: 'relative',
-    },
-});
-const OverviewRubberband = (0, mobx_react_1.observer)(function OverviewRubberband({ model, overview, ControlComponent = (0, jsx_runtime_1.jsx)("div", {}), }) {
-    const { cytobandOffset } = model;
-    const [startX, setStartX] = (0, react_1.useState)();
-    const [currentX, setCurrentX] = (0, react_1.useState)();
-    const [guideX, setGuideX] = (0, react_1.useState)();
-    const controlsRef = (0, react_1.useRef)(null);
-    const { classes } = useStyles();
-    const mouseDragging = startX !== undefined;
-    (0, react_1.useEffect)(() => {
-        function globalMouseMove(event) {
-            const ref = controlsRef.current;
-            if (ref && mouseDragging) {
-                setCurrentX((0, util_2.getRelativeX)(event, ref));
-            }
-        }
-        function globalMouseUp() {
-            if (startX !== undefined && currentX !== undefined) {
-                if (Math.abs(currentX - startX) > 3) {
-                    const left = Math.min(startX, currentX);
-                    const right = Math.max(startX, currentX);
-                    model.moveTo(overview.pxToBp(left - cytobandOffset), overview.pxToBp(right - cytobandOffset));
-                }
-            }
-            if (startX !== undefined && currentX === undefined) {
-                const click = overview.pxToBp(startX - cytobandOffset);
-                if (!click.refName) {
-                    (0, util_1.getSession)(model).notify('unknown position clicked');
-                    console.error('unknown position clicked', click);
-                }
-                else {
-                    model.centerAt(Math.round(click.coord), click.refName, click.index);
-                }
-            }
-            setStartX(undefined);
-            setCurrentX(undefined);
-            if (startX !== undefined) {
-                setGuideX(undefined);
-            }
-        }
-        function globalKeyDown(event) {
-            if (event.key === 'Escape') {
-                setStartX(undefined);
-                setCurrentX(undefined);
-            }
-        }
-        if (mouseDragging) {
-            window.addEventListener('mousemove', globalMouseMove, true);
-            window.addEventListener('mouseup', globalMouseUp, true);
-            window.addEventListener('keydown', globalKeyDown, true);
-            return () => {
-                window.removeEventListener('mousemove', globalMouseMove, true);
-                window.removeEventListener('mouseup', globalMouseUp, true);
-                window.removeEventListener('keydown', globalKeyDown, true);
-            };
-        }
-        return () => { };
-    }, [mouseDragging, currentX, startX, model, overview, cytobandOffset]);
-    function mouseDown(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        setStartX((0, util_2.getRelativeX)(event, controlsRef.current));
-    }
-    function mouseMove(event) {
-        setGuideX((0, util_2.getRelativeX)(event, controlsRef.current));
-    }
-    function mouseOut() {
-        setGuideX(undefined);
-    }
-    if (startX === undefined) {
-        return ((0, jsx_runtime_1.jsxs)("div", { className: classes.rel, children: [guideX !== undefined ? ((0, jsx_runtime_1.jsx)(OverviewRubberbandHoverTooltip_1.default, { model: model, open: !mouseDragging, overview: overview, guideX: guideX })) : null, (0, jsx_runtime_1.jsx)("div", { className: classes.rubberbandControl, ref: controlsRef, onMouseDown: mouseDown, onMouseOut: mouseOut, onMouseMove: mouseMove, children: ControlComponent })] }));
-    }
-    let left = startX || 0;
-    let width = 0;
-    if (currentX !== undefined) {
-        left = Math.min(currentX, startX);
-        width = currentX - startX;
-    }
-    let leftBpOffset;
-    let rightBpOffset;
-    if (startX) {
-        leftBpOffset = overview.pxToBp(startX - cytobandOffset);
-        rightBpOffset = overview.pxToBp(startX + width - cytobandOffset);
-        if (currentX !== undefined && currentX < startX) {
-            ;
-            [leftBpOffset, rightBpOffset] = [rightBpOffset, leftBpOffset];
-        }
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.rel, children: [leftBpOffset && rightBpOffset ? ((0, jsx_runtime_1.jsx)(RubberbandSpan_1.default, { leftBpOffset: leftBpOffset, rightBpOffset: rightBpOffset, width: Math.abs(width), left: left })) : null, (0, jsx_runtime_1.jsx)("div", { "data-testid": "rubberband_controls", className: classes.rubberbandControl, ref: controlsRef, onMouseDown: mouseDown, onMouseOut: mouseOut, onMouseMove: mouseMove, children: ControlComponent })] }));
-});
-exports.default = OverviewRubberband;

package/dist/LinearGenomeView/components/OverviewRubberbandHoverTooltip.d.ts

@@ -1,10 +0,0 @@
-import type { LinearGenomeViewModel } from '..';
-import type { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
-type LGV = LinearGenomeViewModel;
-declare const OverviewRubberbandHoverTooltip: ({ model, open, guideX, overview, }: {
-    model: LGV;
-    open: boolean;
-    guideX: number;
-    overview: Base1DViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default OverviewRubberbandHoverTooltip;

package/dist/LinearGenomeView/components/OverviewRubberbandHoverTooltip.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const util_1 = require("@jbrowse/core/util");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()({
-    guide: {
-        pointerEvents: 'none',
-        height: '100%',
-        width: 1,
-        position: 'absolute',
-    },
-});
-const OverviewRubberbandHoverTooltip = (0, mobx_react_1.observer)(function ({ model, open, guideX, overview, }) {
-    var _a;
-    const { classes } = useStyles();
-    const { cytobandOffset } = model;
-    const { assemblyManager } = (0, util_1.getSession)(model);
-    const px = overview.pxToBp(guideX - cytobandOffset);
-    const assembly = assemblyManager.get(px.assemblyName);
-    const cytoband = (_a = assembly === null || assembly === void 0 ? void 0 : assembly.cytobands) === null || _a === void 0 ? void 0 : _a.find(f => px.coord > f.get('start') &&
-        px.coord < f.get('end') &&
-        px.refName === assembly.getCanonicalRefName(f.get('refName')));
-    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { open: open, placement: "top", title: [(0, util_1.stringify)(px), cytoband === null || cytoband === void 0 ? void 0 : cytoband.get('name'), cytoband === null || cytoband === void 0 ? void 0 : cytoband.get('type')].join(' '), arrow: true, children: (0, jsx_runtime_1.jsx)("div", { className: classes.guide, style: { left: guideX } }) }));
-});
-exports.default = OverviewRubberbandHoverTooltip;

package/dist/LinearGenomeView/components/OverviewScalebar.d.ts

@@ -1,7 +0,0 @@
-import type { LinearGenomeViewModel } from '..';
-type LGV = LinearGenomeViewModel;
-declare const OverviewScalebar: ({ model, children, }: {
-    model: LGV;
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export default OverviewScalebar;

package/dist/LinearGenomeView/components/OverviewScalebar.js

@@ -1,146 +0,0 @@
-"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 react_1 = require("react");
-const util_1 = require("@jbrowse/core/util");
-const Base1DViewModel_1 = __importDefault(require("@jbrowse/core/util/Base1DViewModel"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const Cytobands_1 = __importDefault(require("./Cytobands"));
-const OverviewHighlight_1 = __importDefault(require("./OverviewHighlight"));
-const OverviewRubberband_1 = __importDefault(require("./OverviewRubberband"));
-const OverviewScalebarPolygon_1 = __importDefault(require("./OverviewScalebarPolygon"));
-const OverviewScalebarTickLabels_1 = __importDefault(require("./OverviewScalebarTickLabels"));
-const util_2 = require("./util");
-const consts_1 = require("../consts");
-const wholeSeqSpacer = 2;
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    scalebar: {
-        height: consts_1.HEADER_OVERVIEW_HEIGHT,
-    },
-    scalebarBorder: {
-        border: '1px solid',
-    },
-    scalebarContig: {
-        backgroundColor: theme.palette.background.default,
-        position: 'absolute',
-        top: 0,
-        height: consts_1.HEADER_OVERVIEW_HEIGHT,
-        overflow: 'hidden',
-    },
-    scalebarContigForward: {
-        backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 9'%3E%3Cpath d='M-.1 0L6 4.5L-.1 9' fill='none' stroke='${theme.palette.divider}'/%3E%3C/svg%3E")`,
-        backgroundRepeat: 'repeat',
-    },
-    scalebarContigReverse: {
-        backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 9'%3E%3Cpath d='M6 0L0 4.5L6 9' fill='none' stroke='${theme.palette.divider}'/%3E%3C/svg%3E")`,
-        backgroundRepeat: 'repeat',
-    },
-    scalebarRefName: {
-        position: 'absolute',
-        fontWeight: 'bold',
-        pointerEvents: 'none',
-        zIndex: 100,
-    },
-    scalebarVisibleRegion: {
-        position: 'absolute',
-        height: consts_1.HEADER_OVERVIEW_HEIGHT,
-        pointerEvents: 'none',
-        zIndex: 100,
-        border: '1px solid',
-    },
-    overview: {
-        height: consts_1.HEADER_BAR_HEIGHT,
-        position: 'relative',
-    },
-    overviewSvg: {
-        pointerEvents: 'none',
-        width: '100%',
-        position: 'absolute',
-    },
-}));
-const OverviewBox = (0, mobx_react_1.observer)(function ({ scale, model, block, overview, }) {
-    const { classes, cx } = useStyles();
-    const theme = (0, material_1.useTheme)();
-    const { cytobandOffset, showCytobands } = model;
-    const { reversed, refName, assemblyName } = block;
-    const { assemblyManager } = (0, util_1.getSession)(model);
-    const assembly = assemblyManager.get(assemblyName);
-    const refNameColor = assembly === null || assembly === void 0 ? void 0 : assembly.getRefNameColor(refName);
-    const canDisplayCytobands = showCytobands && (0, util_2.getCytobands)(assembly, block.refName).length;
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { style: {
-                    left: block.offsetPx + 3,
-                    color: canDisplayCytobands
-                        ? theme.palette.text.primary
-                        : refNameColor,
-                }, className: classes.scalebarRefName, children: refName }), (0, jsx_runtime_1.jsx)("div", { className: cx(classes.scalebarContig, canDisplayCytobands
-                    ? undefined
-                    : reversed
-                        ? classes.scalebarContigReverse
-                        : classes.scalebarContigForward, !canDisplayCytobands ? classes.scalebarBorder : undefined), style: {
-                    left: block.offsetPx + cytobandOffset,
-                    width: block.widthPx,
-                    borderColor: refNameColor,
-                }, children: canDisplayCytobands ? ((0, jsx_runtime_1.jsx)("svg", { style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(Cytobands_1.default, { overview: overview, assembly: assembly, block: block }) })) : ((0, jsx_runtime_1.jsx)(OverviewScalebarTickLabels_1.default, { model: model, overview: overview, scale: scale, block: block })) })] }));
-});
-const Scalebar = (0, mobx_react_1.observer)(function ({ model, scale, overview, }) {
-    const { classes } = useStyles();
-    const theme = (0, material_1.useTheme)();
-    const { dynamicBlocks, showCytobands, cytobandOffset } = model;
-    const { pluginManager } = (0, util_1.getEnv)(model);
-    const visibleRegions = dynamicBlocks.contentBlocks;
-    const overviewVisibleRegions = overview.dynamicBlocks;
-    const scalebarColor = theme.palette.tertiary.light;
-    if (!visibleRegions.length) {
-        return null;
-    }
-    const first = visibleRegions.at(0);
-    const last = visibleRegions.at(-1);
-    const firstOverviewPx = overview.bpToPx({
-        ...first,
-        coord: first.reversed ? first.end : first.start,
-    }) || 0;
-    const lastOverviewPx = overview.bpToPx({
-        ...last,
-        coord: last.reversed ? last.start : last.end,
-    }) || 0;
-    const color = showCytobands ? '#f00' : scalebarColor;
-    const transparency = showCytobands ? 0.1 : 0.3;
-    const additional = pluginManager.evaluateExtensionPoint('LinearGenomeView-OverviewScalebarComponent', undefined, { model, overview });
-    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.scalebar, children: [(0, jsx_runtime_1.jsx)("div", { className: classes.scalebarVisibleRegion, style: {
-                    width: lastOverviewPx - firstOverviewPx,
-                    left: firstOverviewPx + cytobandOffset,
-                    background: (0, material_1.alpha)(color, transparency),
-                    borderColor: color,
-                } }), overviewVisibleRegions.map((block, idx) => {
-                return !(block.type === 'ContentBlock') ? ((0, jsx_runtime_1.jsx)("div", { className: classes.scalebarContig, style: {
-                        width: block.widthPx,
-                        left: block.offsetPx,
-                        backgroundColor: '#999',
-                        backgroundImage: 'repeating-linear-gradient(90deg, transparent, transparent 1px, rgba(255,255,255,.5) 1px, rgba(255,255,255,.5) 3px)',
-                    } }, `${JSON.stringify(block)}-${idx}`)) : ((0, jsx_runtime_1.jsx)(OverviewBox, { scale: scale, block: block, model: model, overview: overview }, `${JSON.stringify(block)}-${idx}`));
-            }), (0, jsx_runtime_1.jsx)(OverviewHighlight_1.default, { model: model, overview: overview }), additional] }));
-});
-const OverviewScalebar = (0, mobx_react_1.observer)(function ({ model, children, }) {
-    const { classes } = useStyles();
-    const { minimumBlockWidth, totalBp, width, cytobandOffset, displayedRegions, } = model;
-    const modWidth = width - cytobandOffset;
-    const str = JSON.stringify(displayedRegions);
-    const overview = (0, react_1.useMemo)(() => {
-        const overview = Base1DViewModel_1.default.create({
-            displayedRegions: JSON.parse(str),
-            interRegionPaddingWidth: 0,
-            minimumBlockWidth,
-        });
-        overview.setVolatileWidth(modWidth);
-        overview.showAllRegions();
-        return overview;
-    }, [str, minimumBlockWidth, modWidth]);
-    const scale = totalBp / (modWidth - (displayedRegions.length - 1) * wholeSeqSpacer);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(OverviewRubberband_1.default, { model: model, overview: overview, ControlComponent: (0, jsx_runtime_1.jsx)(Scalebar, { model: model, overview: overview, scale: scale }) }), (0, jsx_runtime_1.jsxs)("div", { className: classes.overview, children: [(0, jsx_runtime_1.jsx)("svg", { height: consts_1.HEADER_BAR_HEIGHT, className: classes.overviewSvg, children: (0, jsx_runtime_1.jsx)(OverviewScalebarPolygon_1.default, { model: model, overview: overview }) }), children] })] }));
-});
-exports.default = OverviewScalebar;

package/dist/LinearGenomeView/components/OverviewScalebarPolygon.d.ts

@@ -1,8 +0,0 @@
-import type { LinearGenomeViewModel } from '..';
-import type { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
-declare const OverviewScalebarPolygon: ({ model, overview, useOffset, }: {
-    model: LinearGenomeViewModel;
-    overview: Base1DViewModel;
-    useOffset?: boolean;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default OverviewScalebarPolygon;

package/dist/LinearGenomeView/components/OverviewScalebarPolygon.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const util_1 = require("@jbrowse/core/util");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const consts_1 = require("../consts");
-const OverviewScalebarPolygon = (0, mobx_react_1.observer)(function ({ model, overview, useOffset = true, }) {
-    const theme = (0, material_1.useTheme)();
-    const multiplier = Number(useOffset);
-    const { interRegionPaddingWidth, offsetPx, dynamicBlocks, cytobandOffset } = model;
-    const { contentBlocks, totalWidthPxWithoutBorders } = dynamicBlocks;
-    const polygonColor = theme.palette.tertiary.light;
-    if (!contentBlocks.length) {
-        return null;
-    }
-    const first = contentBlocks.at(0);
-    const last = contentBlocks.at(-1);
-    const topLeft = (overview.bpToPx({
-        ...first,
-        coord: first.reversed ? first.end : first.start,
-    }) || 0) +
-        cytobandOffset * multiplier;
-    const topRight = (overview.bpToPx({
-        ...last,
-        coord: last.reversed ? last.start : last.end,
-    }) || 0) +
-        cytobandOffset * multiplier;
-    const startPx = Math.max(0, -offsetPx);
-    const endPx = startPx +
-        totalWidthPxWithoutBorders +
-        (contentBlocks.length * interRegionPaddingWidth) / 2;
-    const points = [
-        [startPx, consts_1.HEADER_BAR_HEIGHT],
-        [endPx, consts_1.HEADER_BAR_HEIGHT],
-        [topRight, 0],
-        [topLeft, 0],
-    ];
-    return ((0, jsx_runtime_1.jsx)("polygon", { points: points.toString(), ...(0, util_1.getFillProps)((0, material_1.alpha)(polygonColor, 0.3)), ...(0, util_1.getStrokeProps)((0, material_1.alpha)(polygonColor, 0.8)) }));
-});
-exports.default = OverviewScalebarPolygon;

package/dist/LinearGenomeView/components/OverviewScalebarTickLabels.d.ts

@@ -1,10 +0,0 @@
-import type { LinearGenomeViewModel } from '..';
-import type { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
-import type { ContentBlock } from '@jbrowse/core/util/blockTypes';
-declare const OverviewScalebarTickLabels: ({ block, scale, overview, model, }: {
-    model: LinearGenomeViewModel;
-    scale: number;
-    block: ContentBlock;
-    overview: Base1DViewModel;
-}) => import("react/jsx-runtime").JSX.Element[];
-export default OverviewScalebarTickLabels;

package/dist/LinearGenomeView/components/OverviewScalebarTickLabels.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const util_1 = require("@jbrowse/core/util");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const consts_1 = require("../consts");
-const util_2 = require("../util");
-const useStyles = (0, mui_1.makeStyles)()({
-    scalebarLabel: {
-        height: consts_1.HEADER_OVERVIEW_HEIGHT,
-        position: 'absolute',
-        display: 'flex',
-        justifyContent: 'center',
-        pointerEvents: 'none',
-    },
-});
-const OverviewScalebarTickLabels = (0, mobx_react_1.observer)(function ({ block, scale, overview, model, }) {
-    const { classes } = useStyles();
-    const { start, end, reversed, refName, assemblyName } = block;
-    const { majorPitch } = (0, util_2.chooseGridPitch)(scale, 120, 15);
-    const { assemblyManager } = (0, util_1.getSession)(model);
-    const assembly = assemblyManager.get(assemblyName);
-    const refNameColor = assembly === null || assembly === void 0 ? void 0 : assembly.getRefNameColor(refName);
-    const tickLabels = [];
-    for (let i = 0; i < Math.floor((end - start) / majorPitch); i++) {
-        const offsetLabel = (i + 1) * majorPitch;
-        tickLabels.push(reversed ? end - offsetLabel : start + offsetLabel);
-    }
-    return tickLabels.map((tickLabel, labelIdx) => ((0, jsx_runtime_1.jsx)(material_1.Typography, { className: classes.scalebarLabel, variant: "body2", style: {
-            left: ((labelIdx + 1) * majorPitch) / scale,
-            pointerEvents: 'none',
-            color: refNameColor,
-        }, children: (0, util_1.getTickDisplayStr)(tickLabel, overview.bpPerPx) }, `${JSON.stringify(block)}-${tickLabel}-${labelIdx}`)));
-});
-exports.default = OverviewScalebarTickLabels;

package/dist/LinearGenomeView/components/RefNameAutocomplete/AutocompleteTextField.d.ts

@@ -1,8 +0,0 @@
-import type { AutocompleteRenderInputParams, TextFieldProps as TFP } from '@mui/material';
-export default function AutocompleteTextField({ TextFieldProps, inputBoxVal, params, setInputValue, setCurrentSearch, }: {
-    TextFieldProps: TFP;
-    inputBoxVal: string;
-    params: AutocompleteRenderInputParams;
-    setInputValue: (arg: string) => void;
-    setCurrentSearch: (arg: string) => void;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/LinearGenomeView/components/RefNameAutocomplete/AutocompleteTextField.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = AutocompleteTextField;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-function AutocompleteTextField({ TextFieldProps, inputBoxVal, params, setInputValue, setCurrentSearch, }) {
-    const { helperText, slotProps = {} } = TextFieldProps;
-    return ((0, jsx_runtime_1.jsx)(material_1.TextField, { onBlur: () => {
-            setInputValue(inputBoxVal);
-        }, ...params, ...TextFieldProps, size: "small", helperText: helperText, slotProps: {
-            input: {
-                ...params.InputProps,
-                ...slotProps.input,
-            },
-        }, placeholder: "Search for location", onChange: e => {
-            setCurrentSearch(e.target.value);
-        } }));
-}

package/dist/LinearGenomeView/components/RefNameAutocomplete/EndAdornment.d.ts

@@ -1,3 +0,0 @@
-export default function EndAdornment({ showHelp }: {
-    showHelp?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/LinearGenomeView/components/RefNameAutocomplete/EndAdornment.js

@@ -1,56 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = EndAdornment;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Help_1 = __importDefault(require("@mui/icons-material/Help"));
-const Search_1 = __importDefault(require("@mui/icons-material/Search"));
-const material_1 = require("@mui/material");
-const HelpDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./HelpDialog'))));
-function HelpAdornment() {
-    const [isHelpDialogDisplayed, setHelpDialogDisplayed] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
-                    setHelpDialogDisplayed(true);
-                }, size: "small", children: (0, jsx_runtime_1.jsx)(Help_1.default, { fontSize: "small" }) }), isHelpDialogDisplayed ? ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(HelpDialog, { handleClose: () => {
-                        setHelpDialogDisplayed(false);
-                    } }) })) : null] }));
-}
-function EndAdornment({ showHelp }) {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.InputAdornment, { position: "end", style: { marginRight: 7 }, children: [(0, jsx_runtime_1.jsx)(Search_1.default, { fontSize: "small" }), showHelp ? (0, jsx_runtime_1.jsx)(HelpAdornment, {}) : null] }) }));
-}

package/dist/LinearGenomeView/components/RefNameAutocomplete/HelpDialog.d.ts

@@ -1,3 +0,0 @@
-export default function HelpDialog({ handleClose, }: {
-    handleClose: () => void;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/LinearGenomeView/components/RefNameAutocomplete/HelpDialog.js

@@ -1,11 +0,0 @@
-"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" }) })] }));
-}

package/dist/LinearGenomeView/components/RefNameAutocomplete/index.d.ts

@@ -1,16 +0,0 @@
-import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
-import type { LinearGenomeViewModel } from '../../model';
-import type { TextFieldProps as TFP } from '@mui/material';
-declare const RefNameAutocomplete: ({ model, onSelect, assemblyName, style, fetchResults, onChange, value, minWidth, maxWidth, TextFieldProps, }: {
-    model: LinearGenomeViewModel;
-    onSelect?: (region: BaseResult) => void;
-    onChange?: (val: string) => void;
-    assemblyName?: string;
-    value?: string;
-    fetchResults: (query: string) => Promise<BaseResult[]>;
-    style?: React.CSSProperties;
-    minWidth?: number;
-    maxWidth?: number;
-    TextFieldProps?: TFP;
-}) => import("react/jsx-runtime").JSX.Element;
-export default RefNameAutocomplete;