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

package/dist/LinearGenomeView/components/Highlight.js

@@ -1,95 +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 util_1 = require("@jbrowse/core/util");
-const colord_1 = require("@jbrowse/core/util/colord");
-const Bookmark_1 = __importDefault(require("@mui/icons-material/Bookmark"));
-const Close_1 = __importDefault(require("@mui/icons-material/Close"));
-const Link_1 = __importDefault(require("@mui/icons-material/Link"));
-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 => ({
-    highlight: {
-        height: '100%',
-        position: 'absolute',
-        overflow: 'hidden',
-        background: (0, colord_1.colord)(theme.palette.highlight.main).alpha(0.35).toRgbString(),
-    },
-    linkIcon: {
-        color: (0, colord_1.colord)(theme.palette.highlight.main).darken(0.2).toRgbString(),
-    },
-    z3: {
-        zIndex: 3,
-    },
-}));
-const Highlight = (0, mobx_react_1.observer)(function ({ model, highlight, }) {
-    var _a;
-    const { classes } = useStyles();
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const anchorEl = (0, react_1.useRef)(null);
-    const session = (0, util_1.getSession)(model);
-    const { assemblyManager } = session;
-    const dismissHighlight = () => {
-        model.removeHighlight(highlight);
-    };
-    function handleClose() {
-        setOpen(false);
-    }
-    const mapCoords = (r) => {
-        const s = model.bpToPx({
-            refName: r.refName,
-            coord: r.start,
-        });
-        const e = model.bpToPx({
-            refName: r.refName,
-            coord: r.end,
-        });
-        return s && e
-            ? {
-                width: Math.max(Math.abs(e.offsetPx - s.offsetPx), 3),
-                left: Math.min(s.offsetPx, e.offsetPx) - model.offsetPx,
-            }
-            : undefined;
-    };
-    const asm = assemblyManager.get(highlight.assemblyName);
-    const h = mapCoords({
-        ...highlight,
-        refName: (_a = asm === null || asm === void 0 ? void 0 : asm.getCanonicalRefName(highlight.refName)) !== null && _a !== void 0 ? _a : highlight.refName,
-    });
-    return h ? ((0, jsx_runtime_1.jsxs)("div", { className: classes.highlight, style: {
-            left: h.left,
-            width: h.width,
-        }, children: [(0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Highlighted from URL parameter", arrow: true, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { ref: anchorEl, className: classes.z3, onClick: () => {
-                        setOpen(true);
-                    }, children: (0, jsx_runtime_1.jsx)(Link_1.default, { fontSize: "small", className: classes.linkIcon }) }) }), (0, jsx_runtime_1.jsx)(ui_1.Menu, { anchorEl: anchorEl.current, onMenuItemClick: (_event, callback) => {
-                    callback(session);
-                    handleClose();
-                }, open: open, onClose: handleClose, menuItems: [
-                    {
-                        label: 'Dismiss highlight',
-                        icon: Close_1.default,
-                        onClick: () => {
-                            dismissHighlight();
-                        },
-                    },
-                    {
-                        label: 'Bookmark highlighted region',
-                        icon: Bookmark_1.default,
-                        onClick: () => {
-                            let bookmarkWidget = session.widgets.get('GridBookmark');
-                            if (!bookmarkWidget) {
-                                bookmarkWidget = session.addWidget('GridBookmarkWidget', 'GridBookmark');
-                            }
-                            bookmarkWidget.addBookmark(highlight);
-                            dismissHighlight();
-                        },
-                    },
-                ] })] })) : null;
-});
-exports.default = Highlight;

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

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

package/dist/LinearGenomeView/components/ImportForm.js

@@ -1,80 +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 util_1 = require("@jbrowse/core/util");
-const Close_1 = __importDefault(require("@mui/icons-material/Close"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const ImportFormRefNameAutocomplete_1 = __importDefault(require("./ImportFormRefNameAutocomplete"));
-const searchUtils_1 = require("../../searchUtils");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    importFormContainer: {
-        padding: theme.spacing(2),
-    },
-    button: {
-        margin: theme.spacing(2),
-    },
-    container: {
-        padding: theme.spacing(4),
-    },
-}));
-const LinearGenomeViewImportForm = (0, mobx_react_1.observer)(function ({ model, }) {
-    var _a;
-    const { classes } = useStyles();
-    const session = (0, util_1.getSession)(model);
-    const { assemblyNames, assemblyManager } = session;
-    const { error } = model;
-    const [selectedAsm, setSelectedAsm] = (0, react_1.useState)(assemblyNames[0]);
-    const [option, setOption] = (0, react_1.useState)();
-    const assembly = assemblyManager.get(selectedAsm);
-    const assemblyError = assemblyNames.length
-        ? assembly === null || assembly === void 0 ? void 0 : assembly.error
-        : 'No configured assemblies';
-    const displayError = assemblyError || error;
-    const [value, setValue] = (0, react_1.useState)('');
-    const regions = assembly === null || assembly === void 0 ? void 0 : assembly.regions;
-    const assemblyLoaded = !!regions;
-    const r0 = regions ? ((_a = regions[0]) === null || _a === void 0 ? void 0 : _a.refName) || '' : '';
-    (0, react_1.useEffect)(() => {
-        setValue(r0);
-    }, [r0, selectedAsm]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.container, children: [displayError ? (0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: displayError }) : null, (0, jsx_runtime_1.jsx)(material_1.Container, { className: classes.importFormContainer, children: (0, jsx_runtime_1.jsx)("form", { onSubmit: async (event) => {
-                        var _a;
-                        event.preventDefault();
-                        model.setError(undefined);
-                        if (value) {
-                            try {
-                                if ((option === null || option === void 0 ? void 0 : option.getDisplayString()) === value &&
-                                    option.hasLocation()) {
-                                    await (0, searchUtils_1.navToOption)({
-                                        option,
-                                        model,
-                                        assemblyName: selectedAsm,
-                                    });
-                                }
-                                else if ((_a = option === null || option === void 0 ? void 0 : option.results) === null || _a === void 0 ? void 0 : _a.length) {
-                                    model.setSearchResults(option.results, option.getLabel(), selectedAsm);
-                                }
-                                else if (assembly) {
-                                    await (0, searchUtils_1.handleSelectedRegion)({ input: value, assembly, model });
-                                }
-                            }
-                            catch (e) {
-                                console.error(e);
-                                session.notify(`${e}`, 'warning');
-                            }
-                        }
-                    }, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 1, justifyContent: "center", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.FormControl, { children: (0, jsx_runtime_1.jsx)(ui_1.AssemblySelector, { onChange: val => {
-                                        setSelectedAsm(val);
-                                    }, localStorageKey: "lgv", session: session, selected: selectedAsm }) }), selectedAsm ? (assemblyError ? ((0, jsx_runtime_1.jsx)(Close_1.default, { style: { color: 'red' } })) : assemblyLoaded ? ((0, jsx_runtime_1.jsx)(material_1.FormControl, { children: (0, jsx_runtime_1.jsx)(ImportFormRefNameAutocomplete_1.default, { value: value, setValue: setValue, selectedAsm: selectedAsm, setOption: setOption, model: model }) })) : ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 20, disableShrink: true }))) : null, (0, jsx_runtime_1.jsx)(material_1.FormControl, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { type: "submit", disabled: !value, className: classes.button, variant: "contained", color: "primary", children: "Open" }) }), (0, jsx_runtime_1.jsx)(material_1.FormControl, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: !value, className: classes.button, onClick: () => {
-                                        model.setError(undefined);
-                                        model.showAllRegionsInAssembly(selectedAsm);
-                                    }, variant: "contained", color: "secondary", children: "Show all regions in assembly" }) })] }) }) })] }));
-});
-exports.default = LinearGenomeViewImportForm;

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

@@ -1,11 +0,0 @@
-import type { LinearGenomeViewModel } from '..';
-import type BaseResult from '@jbrowse/core/TextSearch/BaseResults';
-type LGV = LinearGenomeViewModel;
-declare const ImportFormRefNameAutocomplete: ({ model, selectedAsm, value, setValue, setOption, }: {
-    value: string;
-    setValue: (arg: string) => void;
-    model: LGV;
-    selectedAsm: string;
-    setOption: (arg: BaseResult) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ImportFormRefNameAutocomplete;

package/dist/LinearGenomeView/components/ImportFormRefNameAutocomplete.js

@@ -1,32 +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 mobx_react_1 = require("mobx-react");
-const RefNameAutocomplete_1 = __importDefault(require("./RefNameAutocomplete"));
-const util_2 = require("./util");
-const ImportFormRefNameAutocomplete = (0, mobx_react_1.observer)(function ({ model, selectedAsm, value, setValue, setOption, }) {
-    const session = (0, util_1.getSession)(model);
-    const { assemblyManager, textSearchManager } = session;
-    const { rankSearchResults } = model;
-    const searchScope = model.searchScope(selectedAsm);
-    const assembly = assemblyManager.get(selectedAsm);
-    return ((0, jsx_runtime_1.jsx)(RefNameAutocomplete_1.default, { fetchResults: queryString => (0, util_2.fetchResults)({
-            queryString,
-            assembly,
-            textSearchManager,
-            rankSearchResults,
-            searchScope,
-        }), model: model, assemblyName: selectedAsm, value: value, minWidth: 270, onChange: str => {
-            setValue(str);
-        }, onSelect: val => {
-            setOption(val);
-        }, TextFieldProps: {
-            variant: 'outlined',
-            helperText: 'Enter sequence name, feature name, or location',
-        } }));
-});
-exports.default = ImportFormRefNameAutocomplete;

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

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

package/dist/LinearGenomeView/components/LinearGenomeView.js

@@ -1,57 +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 ui_1 = require("@jbrowse/core/ui");
-const mobx_react_1 = require("mobx-react");
-const LinearGenomeViewContainer_1 = __importDefault(require("./LinearGenomeViewContainer"));
-const ImportForm = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./ImportForm'))));
-const LinearGenomeView = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { error, initialized, hasDisplayedRegions } = model;
-    if (!initialized && !error) {
-        return (0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, { variant: "h6" });
-    }
-    else if (!hasDisplayedRegions || error) {
-        return (0, jsx_runtime_1.jsx)(ImportForm, { model: model });
-    }
-    else {
-        return (0, jsx_runtime_1.jsx)(LinearGenomeViewContainer_1.default, { model: model });
-    }
-});
-exports.default = LinearGenomeView;

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

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

package/dist/LinearGenomeView/components/LinearGenomeViewContainer.js

@@ -1,98 +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 ui_1 = require("@jbrowse/core/ui");
-const util_1 = require("@jbrowse/core/util");
-const Paper_1 = __importDefault(require("@mui/material/Paper"));
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const TrackContainer_1 = __importDefault(require("./TrackContainer"));
-const TracksContainer_1 = __importDefault(require("./TracksContainer"));
-const NoTracksActiveButton = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./NoTracksActiveButton'))));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    header: {
-        background: theme.palette.background.paper,
-        top: ui_1.VIEW_HEADER_HEIGHT,
-        zIndex: 850,
-    },
-    pinnedTracks: {
-        position: 'sticky',
-        zIndex: 3,
-    },
-    rel: {
-        position: 'relative',
-    },
-}));
-const LinearGenomeViewContainer = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { pinnedTracks, stickyViewHeaders, pinnedTracksTop, tracks, unpinnedTracks, } = model;
-    const { classes } = useStyles();
-    const session = (0, util_1.getSession)(model);
-    const ref = (0, react_1.useRef)(null);
-    const MiniControlsComponent = model.MiniControlsComponent();
-    const HeaderComponent = model.HeaderComponent();
-    (0, react_1.useEffect)(() => {
-        function handleSelectView(e) {
-            var _a, _b;
-            if (e.target instanceof Element && ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
-                (_b = session.setFocusedViewId) === null || _b === void 0 ? void 0 : _b.call(session, model.id);
-            }
-        }
-        document.addEventListener('mousedown', handleSelectView);
-        document.addEventListener('keydown', handleSelectView);
-        return () => {
-            document.removeEventListener('mousedown', handleSelectView);
-            document.removeEventListener('keydown', handleSelectView);
-        };
-    }, [session, model]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.rel, ref: ref, onMouseLeave: () => {
-            session.setHovered(undefined);
-        }, onMouseMove: event => {
-            const c = ref.current;
-            if (!c) {
-                return;
-            }
-            const { tracks } = model;
-            const leftPx = event.clientX - c.getBoundingClientRect().left;
-            const hoverPosition = model.pxToBp(leftPx);
-            const hoverFeature = tracks.find(t => t.displays[0].featureUnderMouse);
-            session.setHovered({ hoverPosition, hoverFeature });
-        }, children: [(0, jsx_runtime_1.jsxs)("div", { className: classes.header, style: { position: stickyViewHeaders ? 'sticky' : undefined }, children: [(0, jsx_runtime_1.jsx)(HeaderComponent, { model: model }), (0, jsx_runtime_1.jsx)(MiniControlsComponent, { model: model })] }), (0, jsx_runtime_1.jsx)(TracksContainer_1.default, { model: model, children: !tracks.length ? ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(NoTracksActiveButton, { model: model }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [pinnedTracks.length ? ((0, jsx_runtime_1.jsx)(Paper_1.default, { elevation: 6, className: classes.pinnedTracks, style: { top: pinnedTracksTop }, children: pinnedTracks.map(track => ((0, jsx_runtime_1.jsx)(TrackContainer_1.default, { model: model, track: track }, track.id))) })) : null, unpinnedTracks.map(track => ((0, jsx_runtime_1.jsx)(TrackContainer_1.default, { model: model, track: track }, track.id)))] })) })] }));
-});
-exports.default = LinearGenomeViewContainer;

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

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

package/dist/LinearGenomeView/components/MiniControls.js

@@ -1,36 +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 CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
-const util_1 = require("@jbrowse/core/util");
-const KeyboardArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardArrowDown"));
-const ZoomIn_1 = __importDefault(require("@mui/icons-material/ZoomIn"));
-const ZoomOut_1 = __importDefault(require("@mui/icons-material/ZoomOut"));
-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 => ({
-    background: {
-        position: 'absolute',
-        right: 0,
-        background: theme.palette.background.paper,
-        zIndex: 2,
-    },
-    focusedBackground: {
-        background: (0, material_1.alpha)(theme.palette.secondary.light, 0.2),
-    },
-}));
-const MiniControls = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { classes } = useStyles();
-    const { id, bpPerPx, maxBpPerPx, minBpPerPx, scaleFactor, hideHeader } = model;
-    const { focusedViewId } = (0, util_1.getSession)(model);
-    return hideHeader ? ((0, jsx_runtime_1.jsx)(material_1.Paper, { className: classes.background, children: (0, jsx_runtime_1.jsxs)(material_1.Paper, { className: focusedViewId === id ? classes.focusedBackground : undefined, children: [(0, jsx_runtime_1.jsx)(CascadingMenuButton_1.default, { menuItems: model.menuItems(), children: (0, jsx_runtime_1.jsx)(KeyboardArrowDown_1.default, { fontSize: "small" }) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { "data-testid": "zoom_out", onClick: () => {
-                        model.zoom(bpPerPx * 2);
-                    }, disabled: bpPerPx >= maxBpPerPx - 0.0001 || scaleFactor !== 1, children: (0, jsx_runtime_1.jsx)(ZoomOut_1.default, { fontSize: "small" }) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { "data-testid": "zoom_in", onClick: () => {
-                        model.zoom(bpPerPx / 2);
-                    }, disabled: bpPerPx <= minBpPerPx + 0.0001 || scaleFactor !== 1, children: (0, jsx_runtime_1.jsx)(ZoomIn_1.default, { fontSize: "small" }) })] }) })) : null;
-});
-exports.default = MiniControls;

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

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

package/dist/LinearGenomeView/components/NoTracksActiveButton.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icons_1 = require("@jbrowse/core/ui/Icons");
-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 => ({
-    note: {
-        textAlign: 'center',
-        paddingTop: theme.spacing(1),
-        paddingBottom: theme.spacing(1),
-    },
-    top: {
-        zIndex: 800,
-    },
-}));
-const NoTracksActiveButton = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { classes } = useStyles();
-    const { hideNoTracksActive } = model;
-    return ((0, jsx_runtime_1.jsx)(material_1.Paper, { className: classes.note, children: !hideNoTracksActive ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "No tracks active." }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", onClick: () => model.activateTrackSelector(), className: classes.top, startIcon: (0, jsx_runtime_1.jsx)(Icons_1.TrackSelector, {}), children: "Open track selector" })] })) : ((0, jsx_runtime_1.jsx)("div", { style: { height: '48px' } })) }));
-});
-exports.default = NoTracksActiveButton;

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

@@ -1,8 +0,0 @@
-import type { LinearGenomeViewModel } from '../model';
-import type { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
-type LGV = LinearGenomeViewModel;
-declare const OverviewHighlight: ({ model, overview, }: {
-    model: LGV;
-    overview: Base1DViewModel;
-}) => import("react/jsx-runtime").JSX.Element[];
-export default OverviewHighlight;

package/dist/LinearGenomeView/components/OverviewHighlight.js

@@ -1,50 +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 colord_1 = require("@jbrowse/core/util/colord");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    highlight: {
-        height: '100%',
-        position: 'absolute',
-        background: (0, colord_1.colord)(theme.palette.highlight.main).alpha(0.35).toRgbString(),
-        borderLeft: `1px solid ${theme.palette.highlight.main}`,
-        borderRight: `1px solid ${theme.palette.highlight.main}`,
-    },
-}));
-const OverviewHighlight = (0, mobx_react_1.observer)(function OverviewHighlight({ model, overview, }) {
-    const { classes } = useStyles();
-    const { highlight, cytobandOffset } = model;
-    const session = (0, util_1.getSession)(model);
-    const { assemblyManager } = session;
-    return highlight
-        .map(r => {
-        var _a;
-        const asm = assemblyManager.get(r.assemblyName);
-        const refName = (_a = asm === null || asm === void 0 ? void 0 : asm.getCanonicalRefName(r.refName)) !== null && _a !== void 0 ? _a : r.refName;
-        const s = overview.bpToPx({
-            ...r,
-            refName,
-            coord: r.start,
-        });
-        const e = overview.bpToPx({
-            ...r,
-            refName,
-            coord: r.end,
-        });
-        return s !== undefined && e !== undefined
-            ? {
-                width: Math.abs(e - s),
-                left: s + cytobandOffset,
-            }
-            : undefined;
-    })
-        .filter(util_1.notEmpty)
-        .map(({ left, width }, idx) => ((0, jsx_runtime_1.jsx)("div", { className: classes.highlight, style: {
-            width: width,
-            left: left,
-        } }, `${left}_${width}_${idx}`)));
-});
-exports.default = OverviewHighlight;

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

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