@jbrowse/plugin-linear-genome-view 3.7.0 → 4.0.1

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

@@ -1,127 +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 });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const BaseResults_1 = __importStar(require("@jbrowse/core/TextSearch/BaseResults"));
-const util_1 = require("@jbrowse/core/util");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const AutocompleteTextField_1 = __importDefault(require("./AutocompleteTextField"));
-const util_2 = require("./util");
-const RefNameAutocomplete = (0, mobx_react_1.observer)(function ({ model, onSelect, assemblyName, style, fetchResults, onChange, value, minWidth = 200, maxWidth = 550, TextFieldProps = {}, }) {
-    const session = (0, util_1.getSession)(model);
-    const { assemblyManager } = session;
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const [loaded, setLoaded] = (0, react_1.useState)(true);
-    const [currentSearch, setCurrentSearch] = (0, react_1.useState)('');
-    const [inputValue, setInputValue] = (0, react_1.useState)('');
-    const [searchOptions, setSearchOptions] = (0, react_1.useState)();
-    const debouncedSearch = (0, util_1.useDebounce)(currentSearch, 50);
-    const assembly = assemblyName ? assemblyManager.get(assemblyName) : undefined;
-    const { coarseVisibleLocStrings, hasDisplayedRegions } = model;
-    (0, react_1.useEffect)(() => {
-        const isCurrent = { cancelled: false };
-        (async () => {
-            try {
-                if (debouncedSearch === '' || !assemblyName) {
-                    return;
-                }
-                setLoaded(false);
-                const results = await fetchResults(debouncedSearch);
-                if (!isCurrent.cancelled) {
-                    setSearchOptions((0, util_2.getDeduplicatedResult)(results));
-                }
-            }
-            catch (e) {
-                console.error(e);
-                if (!isCurrent.cancelled) {
-                    session.notifyError(`${e}`, e);
-                }
-            }
-            finally {
-                if (!isCurrent.cancelled) {
-                    setLoaded(true);
-                }
-            }
-        })();
-        return () => {
-            isCurrent.cancelled = true;
-        };
-    }, [assemblyName, fetchResults, debouncedSearch, session]);
-    const inputBoxVal = coarseVisibleLocStrings || value || '';
-    const regions = assembly === null || assembly === void 0 ? void 0 : assembly.regions;
-    const regionOptions = (0, react_1.useMemo)(() => (regions === null || regions === void 0 ? void 0 : regions.map(region => ({
-        result: new BaseResults_1.RefSequenceResult({
-            refName: region.refName,
-            label: region.refName,
-            displayString: region.refName,
-            matchedAttribute: 'refName',
-        }),
-    }))) || [], [regions]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, { "data-testid": "autocomplete", disableListWrap: true, disableClearable: true, disabled: !assemblyName, freeSolo: true, includeInputInList: true, selectOnFocus: true, style: {
-            ...style,
-            width: Math.min(Math.max((0, util_1.measureText)(inputBoxVal, 14) + 100, minWidth), maxWidth),
-        }, value: inputBoxVal, loading: !loaded, inputValue: inputValue, onInputChange: (_event, newInputValue) => {
-            setInputValue(newInputValue);
-            onChange === null || onChange === void 0 ? void 0 : onChange(newInputValue);
-        }, loadingText: "loading results", open: open, onOpen: () => {
-            setOpen(true);
-        }, onClose: () => {
-            setOpen(false);
-            setLoaded(true);
-            if (hasDisplayedRegions) {
-                setCurrentSearch('');
-                setSearchOptions(undefined);
-            }
-        }, onChange: (_event, selectedOption) => {
-            if (!selectedOption || !assemblyName) {
-                return;
-            }
-            if (typeof selectedOption === 'string') {
-                onSelect === null || onSelect === void 0 ? void 0 : onSelect(new BaseResults_1.default({
-                    label: selectedOption,
-                }));
-            }
-            else {
-                onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedOption.result);
-            }
-            setInputValue(inputBoxVal);
-        }, options: (searchOptions === null || searchOptions === void 0 ? void 0 : searchOptions.length) ? searchOptions : regionOptions, getOptionDisabled: option => option.group === 'limitOption', filterOptions: (opts, { inputValue }) => (0, util_2.getFiltered)(opts, inputValue), renderInput: params => ((0, jsx_runtime_1.jsx)(AutocompleteTextField_1.default, { params: params, inputBoxVal: inputBoxVal, TextFieldProps: TextFieldProps, setCurrentSearch: setCurrentSearch, setInputValue: setInputValue })), getOptionLabel: opt => typeof opt === 'string' ? opt : opt.result.getDisplayString() }));
-});
-exports.default = RefNameAutocomplete;

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

@@ -1,10 +0,0 @@
-import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
-export interface Option {
-    group?: string;
-    result: BaseResult;
-}
-export declare function getFiltered(opts: Option[], inputValue: string): Option[];
-export declare function aggregateResults(results: BaseResult[]): Record<string, BaseResult[]>;
-export declare function getDeduplicatedResult(results: BaseResult[]): {
-    result: BaseResult;
-}[];

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

@@ -1,53 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFiltered = getFiltered;
-exports.aggregateResults = aggregateResults;
-exports.getDeduplicatedResult = getDeduplicatedResult;
-const BaseResults_1 = __importDefault(require("@jbrowse/core/TextSearch/BaseResults"));
-function filterOptions(options, searchQuery) {
-    return options.filter(({ result }) => result.getLabel().toLowerCase().includes(searchQuery) ||
-        result.matchedObject);
-}
-function getFiltered(opts, inputValue) {
-    const filtered = filterOptions(opts, inputValue.toLocaleLowerCase());
-    return [
-        ...filtered.slice(0, 100),
-        ...(filtered.length > 100
-            ? [
-                {
-                    group: 'limitOption',
-                    result: new BaseResults_1.default({
-                        label: 'keep typing for more results',
-                    }),
-                },
-            ]
-            : []),
-    ];
-}
-function aggregateResults(results) {
-    const m = {};
-    for (const result of results) {
-        const displayString = result.getDisplayString();
-        if (!m[displayString]) {
-            m[displayString] = [];
-        }
-        m[displayString].push(result);
-    }
-    return m;
-}
-function getDeduplicatedResult(results) {
-    return Object.entries(aggregateResults(results)).map(([displayString, results]) => results.length === 1
-        ? {
-            result: results[0],
-        }
-        : {
-            result: new BaseResults_1.default({
-                displayString,
-                results,
-                label: displayString,
-            }),
-        });
-}

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

@@ -1,6 +0,0 @@
-import type { LinearGenomeViewModel } from '../model';
-declare const RegionWidthEditorDialog: ({ model, handleClose, }: {
-    model: LinearGenomeViewModel;
-    handleClose: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default RegionWidthEditorDialog;

package/dist/LinearGenomeView/components/RegionWidthEditorDialog.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ui_1 = require("@jbrowse/core/ui");
-const util_1 = require("@jbrowse/core/util");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const toP = (s = 0) => +s.toFixed(1);
-const RegionWidthEditorDialog = (0, mobx_react_1.observer)(function ({ model, handleClose, }) {
-    const { bpPerPx, width } = model;
-    const [val, setVal] = (0, react_1.useState)((0, util_1.toLocale)(toP(bpPerPx * width)));
-    (0, react_1.useEffect)(() => {
-        setVal((0, util_1.toLocale)(bpPerPx * width));
-    }, [bpPerPx, width]);
-    const val2 = val.replace(/,/g, '');
-    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { title: "Edit zoom level", open: true, onClose: handleClose, children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    gap: 30,
-                }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Enter a specific number of base pairs to change the viewport to show. This is approximate and does not account for padding between regions or off-screen scrolling" }), (0, jsx_runtime_1.jsx)(material_1.TextField, { helperText: "current zoom level (in bp)", value: val, onChange: event => {
-                            setVal(event.target.value);
-                        } })] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
-                            handleClose();
-                        }, children: "Cancel" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", onClick: () => {
-                            model.zoomTo(+val2 / model.width);
-                            handleClose();
-                        }, children: "Submit" })] })] }));
-});
-exports.default = RegionWidthEditorDialog;

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

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

package/dist/LinearGenomeView/components/Rubberband.js

@@ -1,35 +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 ui_1 = require("@jbrowse/core/ui");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const RubberbandSpan_1 = __importDefault(require("./RubberbandSpan"));
-const VerticalGuide_1 = __importDefault(require("./VerticalGuide"));
-const useRangeSelect_1 = require("./useRangeSelect");
-const useStyles = (0, mui_1.makeStyles)()({
-    rubberbandControl: {
-        cursor: 'crosshair',
-        width: '100%',
-        minHeight: 8,
-        zIndex: 825,
-    },
-});
-const Rubberband = (0, mobx_react_1.observer)(function ({ model, ControlComponent = (0, jsx_runtime_1.jsx)("div", {}), }) {
-    const ref = (0, react_1.useRef)(null);
-    const { classes } = useStyles();
-    const { stickyViewHeaders, rubberbandTop } = model;
-    const { guideX, rubberbandOn, leftBpOffset, rightBpOffset, numOfBpSelected, width, left, anchorPosition, open, handleMenuItemClick, handleClose, mouseMove, mouseDown, mouseOut, } = (0, useRangeSelect_1.useRangeSelect)(ref, model);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [guideX !== undefined ? ((0, jsx_runtime_1.jsx)(VerticalGuide_1.default, { model: model, coordX: guideX })) : rubberbandOn ? ((0, jsx_runtime_1.jsx)(RubberbandSpan_1.default, { leftBpOffset: leftBpOffset, rightBpOffset: rightBpOffset, numOfBpSelected: numOfBpSelected, width: width, left: left, top: rubberbandTop, sticky: stickyViewHeaders })) : null, anchorPosition ? ((0, jsx_runtime_1.jsx)(ui_1.Menu, { anchorReference: "anchorPosition", anchorPosition: {
-                    left: anchorPosition.clientX,
-                    top: anchorPosition.clientY,
-                }, onMenuItemClick: handleMenuItemClick, open: open, onClose: handleClose, menuItems: model.rubberBandMenuItems() })) : null, (0, jsx_runtime_1.jsx)("div", { "data-testid": "rubberband_controls", className: classes.rubberbandControl, style: {
-                    top: rubberbandTop,
-                    position: stickyViewHeaders ? 'sticky' : undefined,
-                }, ref: ref, onMouseDown: mouseDown, onMouseMove: mouseMove, onMouseOut: mouseOut, children: ControlComponent })] }));
-});
-exports.default = Rubberband;

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

@@ -1,15 +0,0 @@
-interface Offset {
-    coord: number;
-    refName?: string;
-    oob?: boolean;
-}
-export default function RubberbandSpan({ leftBpOffset, rightBpOffset, numOfBpSelected, left, width, top, sticky, }: {
-    leftBpOffset: Offset;
-    rightBpOffset: Offset;
-    numOfBpSelected?: number;
-    left: number;
-    width: number;
-    top?: number;
-    sticky?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/LinearGenomeView/components/RubberbandSpan.js

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = RubberbandSpan;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const util_1 = require("@jbrowse/core/util");
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const RubberbandTooltip_1 = __importDefault(require("./RubberbandTooltip"));
-const useStyles = (0, mui_1.makeStyles)()(theme => {
-    const { tertiary } = theme.palette;
-    const background = (0, material_1.alpha)(tertiary.light, 0.7);
-    return {
-        rubberband: {
-            height: '100%',
-            background,
-            position: 'absolute',
-            zIndex: 830,
-            textAlign: 'center',
-            cursor: 'crosshair',
-        },
-        rubberbandText: {
-            color: theme.palette.tertiary.contrastText,
-        },
-    };
-});
-function RubberbandSpan({ leftBpOffset, rightBpOffset, numOfBpSelected, left, width, top = 0, sticky = false, }) {
-    const { classes } = useStyles();
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [anchorEl ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(RubberbandTooltip_1.default, { side: "left", anchorEl: anchorEl, text: (0, util_1.stringify)(leftBpOffset) }), (0, jsx_runtime_1.jsx)(RubberbandTooltip_1.default, { side: "right", anchorEl: anchorEl, text: (0, util_1.stringify)(rightBpOffset) })] })) : null, (0, jsx_runtime_1.jsx)("div", { className: classes.rubberband, style: { left, width }, children: numOfBpSelected ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { ref: el => {
-                        setAnchorEl(el);
-                    }, variant: "h6", className: classes.rubberbandText, style: {
-                        top,
-                        position: sticky ? 'sticky' : undefined,
-                    }, children: (0, util_1.getBpDisplayStr)(numOfBpSelected) })) : null })] }));
-}

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

@@ -1,5 +0,0 @@
-export default function RubberbandTooltip({ anchorEl, side, text, }: {
-    anchorEl: HTMLSpanElement;
-    side: string;
-    text: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/LinearGenomeView/components/RubberbandTooltip.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = RubberbandTooltip;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-function RubberbandTooltip({ anchorEl, side, text, }) {
-    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: text, open: true, placement: side === 'left' ? 'left-start' : 'right-start', slotProps: {
-            popper: {
-                anchorEl,
-                modifiers: [
-                    {
-                        name: 'offset',
-                        options: {
-                            offset: [-30, -10],
-                        },
-                    },
-                ],
-            },
-        }, children: (0, jsx_runtime_1.jsx)("span", {}) }));
-}

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

@@ -1,10 +0,0 @@
-import type React from 'react';
-import type { LinearGenomeViewModel } from '..';
-type LGV = LinearGenomeViewModel;
-interface ScalebarProps {
-    model: LGV;
-    style?: React.CSSProperties;
-    className?: string;
-}
-declare const Scalebar: React.ForwardRefExoticComponent<ScalebarProps & React.RefAttributes<HTMLDivElement>>;
-export default Scalebar;

package/dist/LinearGenomeView/components/Scalebar.js

@@ -1,40 +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 material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const Gridlines_1 = __importDefault(require("./Gridlines"));
-const ScalebarCoordinateLabels_1 = __importDefault(require("./ScalebarCoordinateLabels"));
-const ScalebarRefNameLabels_1 = __importDefault(require("./ScalebarRefNameLabels"));
-const useStyles = (0, mui_1.makeStyles)()({
-    container: {
-        overflow: 'hidden',
-        position: 'relative',
-    },
-    zoomContainer: {
-        position: 'relative',
-    },
-    scalebar: {
-        position: 'absolute',
-        display: 'flex',
-        pointerEvents: 'none',
-    },
-});
-const Scalebar = (0, mobx_react_1.observer)((0, react_1.forwardRef)(function Scalebar2({ model, style, className, ...other }, ref) {
-    const { classes, cx } = useStyles();
-    const { staticBlocks, offsetPx, scaleFactor } = model;
-    const offsetLeft = staticBlocks.offsetPx - offsetPx;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { "data-resizer": "true", className: cx(classes.container, className), variant: "outlined", ref: ref, style: style, ...other, children: [(0, jsx_runtime_1.jsx)(Gridlines_1.default, { model: model, offset: 1 }), (0, jsx_runtime_1.jsx)("div", { className: classes.zoomContainer, style: {
-                    transform: scaleFactor !== 1 ? `scaleX(${scaleFactor})` : undefined,
-                }, children: (0, jsx_runtime_1.jsx)("div", { className: classes.scalebar, style: {
-                        left: offsetLeft - 1,
-                        width: staticBlocks.totalWidthPx,
-                        ...style,
-                    }, children: (0, jsx_runtime_1.jsx)(ScalebarCoordinateLabels_1.default, { model: model }) }) }), (0, jsx_runtime_1.jsx)(ScalebarRefNameLabels_1.default, { model: model })] }));
-}));
-exports.default = Scalebar;

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

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

package/dist/LinearGenomeView/components/ScalebarCoordinateLabels.js

@@ -1,29 +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 mobx_react_1 = require("mobx-react");
-const ScalebarCoordinateTicks_1 = __importDefault(require("./ScalebarCoordinateTicks"));
-const Block_1 = require("../../BaseLinearDisplay/components/Block");
-const ScalebarCoordinateLabels = (0, mobx_react_1.observer)(function ({ model }) {
-    const { staticBlocks, bpPerPx } = model;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: staticBlocks.map((b, idx) => {
-            const { key, widthPx } = b;
-            const k = `${key}-${idx}`;
-            if (b.type === 'ContentBlock') {
-                return (0, jsx_runtime_1.jsx)(ScalebarCoordinateTicks_1.default, { block: b, bpPerPx: bpPerPx }, k);
-            }
-            else if (b.type === 'ElidedBlock') {
-                return (0, jsx_runtime_1.jsx)(Block_1.ElidedBlock, { width: widthPx }, k);
-            }
-            else if (b.type === 'InterRegionPaddingBlock') {
-                return ((0, jsx_runtime_1.jsx)(Block_1.InterRegionPaddingBlock, { width: widthPx, style: { background: 'none' }, boundary: b.variant === 'boundary' }, k));
-            }
-            else {
-                return null;
-            }
-        }) }));
-});
-exports.default = ScalebarCoordinateLabels;

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

@@ -1,6 +0,0 @@
-import type { ContentBlock } from '@jbrowse/core/util/blockTypes';
-declare const ScalebarCoordinateTicks: ({ block, bpPerPx, }: {
-    block: ContentBlock;
-    bpPerPx: number;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ScalebarCoordinateTicks;

package/dist/LinearGenomeView/components/ScalebarCoordinateTicks.js

@@ -1,38 +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 mui_1 = require("tss-react/mui");
-const Block_1 = require("../../BaseLinearDisplay/components/Block");
-const util_2 = require("../util");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    majorTickLabel: {
-        fontSize: 11,
-        zIndex: 1,
-        background: theme.palette.background.paper,
-        lineHeight: 'normal',
-        pointerEvents: 'none',
-    },
-    tick: {
-        position: 'absolute',
-        width: 0,
-        display: 'flex',
-        justifyContent: 'center',
-        pointerEvents: 'none',
-    },
-}));
-const ScalebarCoordinateTicks = function ({ block, bpPerPx, }) {
-    const { classes } = useStyles();
-    const { reversed, start, end } = block;
-    const ticks = (0, util_2.makeTicks)(start, end, bpPerPx, true, false);
-    return ((0, jsx_runtime_1.jsx)(Block_1.ContentBlock, { block: block, children: ticks.map(({ type, base }) => {
-            if (type === 'major') {
-                const x = (reversed ? end - base : base - start) / bpPerPx;
-                const baseNumber = base + 1;
-                return ((0, jsx_runtime_1.jsx)("div", { className: classes.tick, style: { left: x }, children: baseNumber ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { className: classes.majorTickLabel, children: (0, util_1.getTickDisplayStr)(baseNumber, bpPerPx) })) : null }, base));
-            }
-            return null;
-        }) }));
-};
-exports.default = ScalebarCoordinateTicks;

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

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

package/dist/LinearGenomeView/components/ScalebarRefNameLabels.js

@@ -1,46 +0,0 @@
-"use strict";
-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 useStyles = (0, mui_1.makeStyles)()(theme => ({
-    refLabel: {
-        fontSize: 11,
-        position: 'absolute',
-        left: 2,
-        top: -1,
-        fontWeight: 'bold',
-        lineHeight: 'normal',
-        zIndex: 1,
-        background: theme.palette.background.paper,
-    },
-    b0: {
-        left: 0,
-        zIndex: 100,
-    },
-}));
-const ScalebarRefNameLabels = (0, mobx_react_1.observer)(function ({ model }) {
-    const { classes, cx } = useStyles();
-    const { staticBlocks, offsetPx, scaleBarDisplayPrefix } = model;
-    let lastLeftBlock = 0;
-    staticBlocks.forEach((block, i) => {
-        if (block.offsetPx - offsetPx < 0) {
-            lastLeftBlock = i;
-        }
-    });
-    const val = scaleBarDisplayPrefix();
-    const b0 = staticBlocks.blocks[0];
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(b0 === null || b0 === void 0 ? void 0 : b0.type) !== 'ContentBlock' && val ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { className: cx(classes.b0, classes.refLabel), children: val })) : null, staticBlocks.map((block, index) => {
-                const { offsetPx: blockOffsetPx, isLeftEndOfDisplayedRegion, key, type, refName, } = block;
-                const last = index === lastLeftBlock;
-                return type === 'ContentBlock' &&
-                    (isLeftEndOfDisplayedRegion || last) ? ((0, jsx_runtime_1.jsxs)(material_1.Typography, { style: {
-                        left: last
-                            ? Math.max(0, -offsetPx)
-                            : blockOffsetPx - offsetPx - 1,
-                        paddingLeft: last ? 0 : 1,
-                    }, className: classes.refLabel, "data-testid": `refLabel-${refName}`, children: [last && val ? `${val}:` : '', refName] }, `refLabel-${key}-${index}`)) : null;
-            })] }));
-});
-exports.default = ScalebarRefNameLabels;

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

@@ -1,6 +0,0 @@
-import type { LinearGenomeViewModel } from '../model';
-declare const SearchBox: ({ model, showHelp, }: {
-    showHelp?: boolean;
-    model: LinearGenomeViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default SearchBox;

package/dist/LinearGenomeView/components/SearchBox.js

@@ -1,88 +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 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 RefNameAutocomplete_1 = __importDefault(require("./RefNameAutocomplete"));
-const EndAdornment_1 = __importDefault(require("./RefNameAutocomplete/EndAdornment"));
-const util_2 = require("./util");
-const searchUtils_1 = require("../../searchUtils");
-const consts_1 = require("../consts");
-const useStyles = (0, mui_1.makeStyles)()({
-    headerRefName: {
-        minWidth: 100,
-    },
-});
-async function onSelect({ option, model, assemblyName, }) {
-    var _a;
-    const { assemblyManager } = (0, util_1.getSession)(model);
-    const assembly = assemblyManager.get(assemblyName);
-    if (option.hasLocation()) {
-        await (0, searchUtils_1.navToOption)({
-            option,
-            model,
-            assemblyName,
-        });
-    }
-    else if ((_a = option.results) === null || _a === void 0 ? void 0 : _a.length) {
-        model.setSearchResults(option.results, option.getLabel());
-    }
-    else if (assembly) {
-        await (0, searchUtils_1.handleSelectedRegion)({
-            input: option.getLabel(),
-            assembly,
-            model,
-        });
-    }
-}
-const SearchBox = (0, mobx_react_1.observer)(function ({ model, showHelp = true, }) {
-    const { classes } = useStyles();
-    const theme = (0, material_1.useTheme)();
-    const session = (0, util_1.getSession)(model);
-    const { textSearchManager, assemblyManager } = session;
-    const { assemblyNames, rankSearchResults } = model;
-    const assemblyName = assemblyNames[0];
-    const assembly = assemblyManager.get(assemblyName);
-    const searchScope = model.searchScope(assemblyName);
-    return ((0, jsx_runtime_1.jsx)(RefNameAutocomplete_1.default, { onSelect: async (option) => {
-            try {
-                await onSelect({
-                    model,
-                    assemblyName,
-                    option,
-                });
-            }
-            catch (e) {
-                console.error(e);
-                (0, util_1.getSession)(model).notify(`${e}`, 'warning');
-            }
-        }, assemblyName: assemblyName, fetchResults: queryString => (0, util_2.fetchResults)({
-            queryString,
-            searchScope,
-            rankSearchResults,
-            textSearchManager,
-            assembly,
-        }), model: model, minWidth: 175, TextFieldProps: {
-            variant: 'outlined',
-            className: classes.headerRefName,
-            style: {
-                margin: consts_1.SPACING,
-            },
-            slotProps: {
-                input: {
-                    style: {
-                        padding: 0,
-                        height: consts_1.WIDGET_HEIGHT,
-                        background: (0, material_1.alpha)(theme.palette.background.paper, 0.8),
-                    },
-                    endAdornment: (0, jsx_runtime_1.jsx)(EndAdornment_1.default, { showHelp: showHelp }),
-                },
-            },
-        } }));
-});
-exports.default = SearchBox;