@jbrowse/core 2.17.0 → 2.18.0

package/ui/LoadingEllipses.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = LoadingEllipses;
 const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
 const tss_react_1 = require("tss-react");
+const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()({
     dots: {
         '&::after': {
@@ -33,6 +33,6 @@ const useStyles = (0, mui_1.makeStyles)()({
     },
 });
 function LoadingEllipses({ message, variant = 'body2', ...rest }) {
-    const { classes } = useStyles();
-    return (react_1.default.createElement(material_1.Typography, { className: classes.dots, ...rest, variant: variant }, message || 'Loading'));
+    const { cx, classes } = useStyles();
+    return (react_1.default.createElement(material_1.Typography, { className: cx(classes.dots, rest.className), ...rest, variant: variant }, message || 'Loading'));
 }

package/ui/Menu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PopoverProps, SvgIconProps } from '@mui/material';
+import type { PopoverProps, SvgIconProps } from '@mui/material';
 interface MenuItemEndDecorationSubMenuProps {
     type: 'subMenu';
 }

package/ui/Menu.js

@@ -28,29 +28,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuItemEndDecoration = MenuItemEndDecoration;
 const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-// icons
 const ArrowRight_1 = __importDefault(require("@mui/icons-material/ArrowRight"));
 const CheckBox_1 = __importDefault(require("@mui/icons-material/CheckBox"));
 const CheckBoxOutlineBlank_1 = __importDefault(require("@mui/icons-material/CheckBoxOutlineBlank"));
 const RadioButtonChecked_1 = __importDefault(require("@mui/icons-material/RadioButtonChecked"));
 const RadioButtonUnchecked_1 = __importDefault(require("@mui/icons-material/RadioButtonUnchecked"));
-// other
+const material_1 = require("@mui/material");
+const mui_1 = require("tss-react/mui");
 const util_1 = require("../util");
 const useStyles = (0, mui_1.makeStyles)()({
     paper: {
         position: 'fixed',
         overflowY: 'auto',
         overflowX: 'hidden',
-        // So we see the popover when it's empty.
         minWidth: 16,
         minHeight: 16,
         maxWidth: 'calc(100% - 32px)',
         maxHeight: 'calc(100% - 32px)',
         top: 0,
         left: 0,
-        // We disable the focus ring for mouse, touch and keyboard users.
         outline: 0,
     },
     menuItemEndDecoration: {
@@ -94,7 +90,6 @@ function MenuItemEndDecoration(props) {
             }
             break;
         }
-        // No default
     }
     return react_1.default.createElement("div", { className: classes.menuItemEndDecoration }, icon);
 }
@@ -249,9 +244,7 @@ const MenuPage = react_1.default.forwardRef(function MenuPage2(props, ref) {
             }
             return subMenu;
         })));
-    return top ? (ListContents) : (
-    // Grow is required for cascading sub-menus
-    react_1.default.createElement(material_1.Grow, { in: open, style: { transformOrigin: '0 0 0' }, ref: ref },
+    return top ? (ListContents) : (react_1.default.createElement(material_1.Grow, { in: open, style: { transformOrigin: '0 0 0' }, ref: ref },
         react_1.default.createElement(material_1.Paper, { elevation: 8, ref: paperRef, className: classes.paper, style: { ...position } }, ListContents)));
 });
 function Menu(props) {

package/ui/MenuButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MenuItem } from '@jbrowse/core/ui';
+import type { MenuItem } from '@jbrowse/core/ui';
 declare const MenuButton: ({ children, menuItems, closeAfterItemClick, stopPropagation, setOpen, ...rest }: {
     closeAfterItemClick?: boolean;
     children?: React.ReactElement;

package/ui/ResizeHandle.js

@@ -36,11 +36,11 @@ const useStyles = (0, mui_1.makeStyles)()({
     },
     flexbox_verticalHandle: {
         cursor: 'col-resize',
-        alignSelf: 'stretch', // the height: 100% is actually unable to function inside flexbox
+        alignSelf: 'stretch',
     },
     flexbox_horizontalHandle: {
         cursor: 'row-resize',
-        alignSelf: 'stretch', // similar to above
+        alignSelf: 'stretch',
     },
 });
 function ResizeHandle({ onDrag, vertical = false, flexbox = false, className: originalClassName, onMouseDown, ...props }) {

package/ui/ReturnToImportFormDialog.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const mobx_react_1 = require("mobx-react");
 const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
 const Dialog_1 = __importDefault(require("./Dialog"));
 const ReturnToImportFormDialog = (0, mobx_react_1.observer)(function ({ model, handleClose, }) {
     return (react_1.default.createElement(Dialog_1.default, { maxWidth: "xl", open: true, onClose: handleClose, title: "Reference sequence" },

package/ui/SanitizedHTML.js

@@ -5,14 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = SanitizedHTML;
 const react_1 = __importDefault(require("react"));
-const escape_html_1 = __importDefault(require("escape-html"));
 const dompurify_1 = __importDefault(require("dompurify"));
+const escape_html_1 = __importDefault(require("escape-html"));
 const util_1 = require("../util");
-// source https://github.com/sindresorhus/html-tags/blob/master/html-tags.json
-// with some random uncommon ones removed. note: we just use this to run the content
-// through dompurify without escaping if we see an htmlTag from this list
-// otherwise we escape angle brackets and things prematurely because it might be
-// something like <TRA> in VCF. Ref #657
 const htmlTags = [
     'a',
     'b',
@@ -47,33 +42,18 @@ const htmlTags = [
     'ul',
 ];
 let added = false;
-// adapted from is-html
-// https://github.com/sindresorhus/is-html/blob/master/index.js
 const full = new RegExp(htmlTags.map(tag => `<${tag}\\b[^>]*>`).join('|'), 'i');
 function isHTML(str) {
     return full.test(str);
 }
-// note this is mocked during testing, see
-// packages/__mocks__/@jbrowse/core/ui/SanitizedHTML something about dompurify
-// behavior causes errors during tests, was seen in
-// products/jbrowse-web/src/tests/Connection.test.tsx test (can delete mock to
-// see)
-//
 function SanitizedHTML({ html: pre, className, }) {
-    // try to add links to the text first
     const html = (0, util_1.linkify)(pre);
     const value = isHTML(html) ? html : (0, escape_html_1.default)(html);
     if (!added) {
         added = true;
-        // see https://github.com/cure53/DOMPurify/issues/317
-        // only have to add this once, and can't do it globally because dompurify
-        // not yet initialized at global scope
         dompurify_1.default.addHook('afterSanitizeAttributes', node => {
-            // @ts-expect-error
             if (node.tagName === 'A') {
-                // @ts-expect-error
                 node.setAttribute('rel', 'noopener noreferrer');
-                // @ts-expect-error
                 node.setAttribute('target', '_blank');
             }
         });

package/ui/Snackbar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AbstractSessionModel } from '../util';
-import { SnackbarMessage } from './SnackbarModel';
+import type { AbstractSessionModel } from '../util';
+import type { SnackbarMessage } from './SnackbarModel';
 interface SnackbarSession extends AbstractSessionModel {
     snackbarMessages: SnackbarMessage[];
     popSnackbarMessage: () => void;

package/ui/Snackbar.js

@@ -4,10 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
+const Close_1 = __importDefault(require("@mui/icons-material/Close"));
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
-// icons
-const Close_1 = __importDefault(require("@mui/icons-material/Close"));
 const Snackbar = (0, mobx_react_1.observer)(function ({ session }) {
     const { snackbarMessages } = session;
     const latestMessage = snackbarMessages.at(-1);

package/ui/SnackbarModel.d.ts

@@ -1,42 +1,17 @@
-import { NotificationLevel, SnackAction } from '../util/types';
+import type { NotificationLevel, SnackAction } from '../util/types';
 export interface SnackbarMessage {
     message: string;
     level?: NotificationLevel;
     action?: SnackAction;
 }
-/**
- * #stateModel SnackbarModel
- * #category session
- */
 export default function SnackbarModel(): import("mobx-state-tree").IModelType<{}, {
-    /**
-     * #volatile
-     */
     snackbarMessages: import("mobx").IObservableArray<SnackbarMessage>;
 } & {
-    /**
-     * #getter
-     */
     readonly snackbarMessageSet: Map<string, SnackbarMessage>;
 } & {
-    /**
-     * #action
-     */
     notify(message: string, level?: NotificationLevel, action?: SnackAction): void;
-    /**
-     * #action
-     */
     notifyError(errorMessage: string, error?: unknown, extra?: unknown): void;
-    /**
-     * #action
-     */
     pushSnackbarMessage(message: string, level?: NotificationLevel, action?: SnackAction): void;
-    /**
-     * #action
-     */
     popSnackbarMessage(): SnackbarMessage | undefined;
-    /**
-     * #action
-     */
     removeSnackbarMessage(message: string): void;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/ui/SnackbarModel.js

@@ -28,37 +28,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = SnackbarModel;
 const react_1 = __importStar(require("react"));
-const mobx_state_tree_1 = require("mobx-state-tree");
-const mobx_1 = require("mobx");
-// icons
 const Report_1 = __importDefault(require("@mui/icons-material/Report"));
-// lazies
+const mobx_1 = require("mobx");
+const mobx_state_tree_1 = require("mobx-state-tree");
 const ErrorMessageStackTraceDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@jbrowse/core/ui/ErrorMessageStackTraceDialog'))));
-/**
- * #stateModel SnackbarModel
- * #category session
- */
 function SnackbarModel() {
     return mobx_state_tree_1.types
         .model({})
         .volatile(() => ({
-        /**
-         * #volatile
-         */
         snackbarMessages: mobx_1.observable.array(),
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get snackbarMessageSet() {
             return new Map(self.snackbarMessages.map(s => [s.message, s]));
         },
     }))
         .actions(self => ({
-        /**
-         * #action
-         */
         notify(message, level, action) {
             this.pushSnackbarMessage(message, level, action);
             if (level === 'info' || level === 'success') {
@@ -67,14 +52,10 @@ function SnackbarModel() {
                 }, 5000);
             }
         },
-        /**
-         * #action
-         */
         notifyError(errorMessage, error, extra) {
             this.notify(errorMessage, 'error', {
                 name: react_1.default.createElement(Report_1.default, null),
                 onClick: () => {
-                    // @ts-expect-error
                     self.queueDialog((onClose) => [
                         ErrorMessageStackTraceDialog,
                         {
@@ -86,23 +67,14 @@ function SnackbarModel() {
                 },
             });
         },
-        /**
-         * #action
-         */
         pushSnackbarMessage(message, level, action) {
             if (action || !self.snackbarMessageSet.has(message)) {
                 self.snackbarMessages.push({ message, level, action });
             }
         },
-        /**
-         * #action
-         */
         popSnackbarMessage() {
             return self.snackbarMessages.pop();
         },
-        /**
-         * #action
-         */
         removeSnackbarMessage(message) {
             const element = self.snackbarMessageSet.get(message);
             if (element !== undefined) {

package/ui/colors.d.ts

@@ -7,4 +7,4 @@ declare const ggplot2Colors6: string[];
 declare const ggplot2Colors5: string[];
 declare const ggplot2Colors4: string[];
 declare const ggplot2Colors3: string[];
-export { set1, set2, tableau10, dark2, category10, ggplot2Colors6, ggplot2Colors5, ggplot2Colors4, ggplot2Colors3, };
+export { category10, dark2, ggplot2Colors3, ggplot2Colors4, ggplot2Colors5, ggplot2Colors6, set1, set2, tableau10, };

package/ui/colors.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ggplot2Colors3 = exports.ggplot2Colors4 = exports.ggplot2Colors5 = exports.ggplot2Colors6 = exports.category10 = exports.dark2 = exports.tableau10 = exports.set2 = exports.set1 = void 0;
+exports.tableau10 = exports.set2 = exports.set1 = exports.ggplot2Colors6 = exports.ggplot2Colors5 = exports.ggplot2Colors4 = exports.ggplot2Colors3 = exports.dark2 = exports.category10 = void 0;
 const category10 = [
     '#1f77b4',
     '#ff7f0e',

package/ui/react-colorful.js

@@ -1,7 +1,4 @@
 "use strict";
-/* eslint-disable */
-// vendored (e.g. copied into our source tree) because the tooling picks up "import" statements that confuse jest, could confuse other consumers of our modules
-// copy of react-colorful/dist/index.esmodule.js
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

package/ui/theme.d.ts

@@ -1,4 +1,4 @@
-import { ThemeOptions } from '@mui/material/styles';
+import type { ThemeOptions } from '@mui/material/styles';
 declare module '@mui/material/styles/createPalette' {
     interface Palette {
         tertiary: Palette['primary'];

package/ui/theme.js

@@ -59,8 +59,6 @@ function stockTheme() {
         components: {
             MuiLink: {
                 styleOverrides: {
-                    // the default link color uses theme.palette.primary.main which is
-                    // very bad with dark mode+midnight primary
                     root: ({ theme }) => ({
                         color: theme.palette.tertiary.main,
                     }),
@@ -170,13 +168,6 @@ function createJBrowseBaseTheme(theme) {
                     size: 'small',
                 },
                 styleOverrides: {
-                    // the default button, especially when not using variant=contained,
-                    // uses theme.palette.primary.main for text which is very bad with
-                    // dark mode+midnight primary
-                    //
-                    // keeps text secondary for darkmode, uses
-                    // a text-like coloring to ensure contrast
-                    // xref https://stackoverflow.com/a/72546130/2129219
                     root: ({ theme }) => theme.palette.mode === 'dark'
                         ? {
                             color: theme.palette.text.primary,
@@ -252,7 +243,6 @@ function createJBrowseBaseTheme(theme) {
                 },
                 styleOverrides: {
                     secondary: {
-                        // @ts-expect-error
                         backgroundColor: (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a.quaternary) === null || _b === void 0 ? void 0 : _b.main,
                     },
                 },
@@ -285,8 +275,6 @@ function createJBrowseBaseTheme(theme) {
             },
             MuiLink: {
                 styleOverrides: {
-                    // the default link color uses theme.palette.primary.main which is
-                    // very bad with dark mode+midnight primary
                     root: ({ theme }) => ({
                         color: theme.palette.text.secondary,
                     }),
@@ -294,13 +282,6 @@ function createJBrowseBaseTheme(theme) {
             },
             MuiCheckbox: {
                 styleOverrides: {
-                    // the default checkbox-when-checked color uses
-                    // theme.palette.primary.main which is very bad with dark
-                    // mode+midnight primary
-                    //
-                    // keeps the forest-green checkbox by default but for darkmode, uses
-                    // a text-like coloring to ensure contrast xref
-                    // https://stackoverflow.com/a/72546130/2129219
                     root: ({ theme }) => theme.palette.mode === 'dark'
                         ? {
                             color: theme.palette.text.secondary,
@@ -313,13 +294,6 @@ function createJBrowseBaseTheme(theme) {
             },
             MuiRadio: {
                 styleOverrides: {
-                    // the default checkbox-when-checked color uses
-                    // theme.palette.primary.main which is very bad with dark
-                    // mode+midnight primary
-                    //
-                    // keeps the forest-green checkbox by default but for darkmode, uses
-                    // a text-like coloring to ensure contrast
-                    // xref https://stackoverflow.com/a/72546130/2129219
                     root: ({ theme }) => theme.palette.mode === 'dark'
                         ? {
                             color: theme.palette.text.secondary,
@@ -332,14 +306,6 @@ function createJBrowseBaseTheme(theme) {
             },
             MuiFormLabel: {
                 styleOverrides: {
-                    // the default checkbox-when-checked color uses
-                    // theme.palette.primary.main which is very bad with dark
-                    // mode+midnight primary
-                    //
-                    // keeps the forest-green checkbox by default but for darkmode, uses
-                    // a text-like coloring to ensure contrast
-                    // xref https://stackoverflow.com/a/72546130/2129219
-                    //
                     root: ({ theme }) => theme.palette.mode === 'dark'
                         ? {
                             color: theme.palette.text.secondary,
@@ -353,11 +319,9 @@ function createJBrowseBaseTheme(theme) {
             MuiAccordionSummary: {
                 styleOverrides: {
                     root: {
-                        // @ts-expect-error
                         backgroundColor: (_d = (_c = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _c === void 0 ? void 0 : _c.tertiary) === null || _d === void 0 ? void 0 : _d.main,
                     },
                     content: {
-                        // @ts-expect-error
                         color: (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _e === void 0 ? void 0 : _e.tertiary) === null || _f === void 0 ? void 0 : _f.contrastText,
                     },
                 },
@@ -378,9 +342,6 @@ function createJBrowseTheme(configTheme = {}, themes = exports.defaultThemes, th
         })
         : addMissingColors(themes[themeName])));
 }
-// MUI by default allows strings like '#f00' for primary and secondary and
-// augments them to have light and dark variants but not for anything else, so
-// we augment them here
 function augmentThemeColors(theme = {}) {
     var _a;
     for (const entry of ['tertiary', 'quaternary', 'highlight']) {
@@ -396,7 +357,6 @@ function augmentThemeColors(theme = {}) {
     }
     return theme;
 }
-// adds missing colors to users theme
 function addMissingColors(theme = {}) {
     var _a, _b, _c;
     return augmentThemeColors((0, deepmerge_1.default)(theme, {

package/util/Base1DUtils.d.ts

@@ -1,4 +1,4 @@
-import { ViewSnap } from './index';
+import type { ViewSnap } from './index';
 export interface BpOffset {
     refName?: string;
     index: number;

package/util/Base1DUtils.js

@@ -39,8 +39,6 @@ function moveTo(self, start, end) {
     }
     const targetBpPerPx = len / (width - interRegionPaddingWidth * numBlocksWideEnough);
     const newBpPerPx = self.zoomTo(targetBpPerPx);
-    // If our target bpPerPx was smaller than the allowed minBpPerPx, adjust
-    // the scroll so the requested range is in the middle of the screen
     let extraBp = 0;
     if (targetBpPerPx < newBpPerPx) {
         extraBp = ((newBpPerPx - targetBpPerPx) * self.width) / 2;
@@ -61,7 +59,6 @@ function moveTo(self, start, end) {
 function coord(r, bp) {
     return Math.floor(r.reversed ? r.end - bp : r.start + bp) + 1;
 }
-// manual return type since getSnapshot hard to infer here
 function pxToBp(self, px) {
     var _a;
     let bpSoFar = 0;
@@ -72,7 +69,6 @@ function pxToBp(self, px) {
         const r = displayedRegions[0];
         const snap = r;
         return {
-            // xref https://github.com/mobxjs/mobx-state-tree/issues/1524 for Omit
             ...snap,
             oob: true,
             coord: coord(r, bp),
@@ -89,7 +85,6 @@ function pxToBp(self, px) {
         if (len + bpSoFar > bp && bpSoFar <= bp) {
             const snap = r;
             return {
-                // xref https://github.com/mobxjs/mobx-state-tree/issues/1524 for Omit
                 ...snap,
                 oob: false,
                 offset,
@@ -97,8 +92,6 @@ function pxToBp(self, px) {
                 index: i,
             };
         }
-        // add the interRegionPaddingWidth if the boundary is in the screen e.g. in
-        // a static block
         if (((_a = blocks[currBlock]) === null || _a === void 0 ? void 0 : _a.regionNumber) === i) {
             bpSoFar += len + interRegionPaddingBp;
             currBlock++;
@@ -113,7 +106,6 @@ function pxToBp(self, px) {
         const offset = bp - bpSoFar + len;
         const snap = r;
         return {
-            // xref https://github.com/mobxjs/mobx-state-tree/issues/1524 for Omit
             ...snap,
             oob: true,
             offset,
@@ -151,8 +143,6 @@ function bpToPx({ refName, coord, regionNumber, self, }) {
             bpSoFar += r.reversed ? r.end - coord : coord - r.start;
             break;
         }
-        // add the interRegionPaddingWidth if the boundary is in the screen e.g. in
-        // a static block
         if (((_a = blocks[currBlock]) === null || _a === void 0 ? void 0 : _a.regionNumber) === i) {
             bpSoFar += len + interRegionPaddingBp;
             currBlock++;
@@ -189,8 +179,6 @@ function bpToPxMap({ refName, coord, regionNumber, self, }) {
             bpSoFar += r.reversed ? r.end - coord : coord - r.start;
             break;
         }
-        // add the interRegionPaddingWidth if the boundary is in the screen e.g. in
-        // a static block
         if (((_a = blocks[currBlock]) === null || _a === void 0 ? void 0 : _a.regionNumber) === i) {
             bpSoFar += len + interRegionPaddingBp;
             currBlock++;

package/util/Base1DViewModel.d.ts

@@ -1,7 +1,7 @@
-import { Instance } from 'mobx-state-tree';
-import { Feature } from './simpleFeature';
-import { Region as IRegion } from './types';
-import { BpOffset } from './Base1DUtils';
+import type { BpOffset } from './Base1DUtils';
+import type { Feature } from './simpleFeature';
+import type { Region as IRegion } from './types';
+import type { Instance } from 'mobx-state-tree';
 declare const Base1DView: import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<IRegion[], IRegion[], IRegion[]>, [undefined]>;
@@ -13,60 +13,21 @@ declare const Base1DView: import("mobx-state-tree").IModelType<{
     features: undefined | Feature[];
     volatileWidth: number;
 } & {
-    /**
-     * #action
-     */
     setDisplayedRegions(regions: IRegion[]): void;
-    /**
-     * #action
-     */
     setBpPerPx(val: number): void;
-    /**
-     * #action
-     */
     setVolatileWidth(width: number): void;
 } & {
-    /**
-     * #getter
-     */
     readonly width: number;
-    /**
-     * #getter
-     */
     readonly assemblyNames: string[];
-    /**
-     * #getter
-     */
     readonly displayedRegionsTotalPx: number;
-    /**
-     * #getter
-     */
     readonly maxOffset: number;
-    /**
-     * #getter
-     */
     readonly minOffset: number;
-    /**
-     * #getter
-     */
     readonly totalBp: number;
 } & {
-    /**
-     * #getter
-     */
     readonly dynamicBlocks: import("./blockTypes").BlockSet;
-    /**
-     * #getter
-     */
     readonly staticBlocks: import("./blockTypes").BlockSet;
-    /**
-     * #getter
-     */
     readonly currBp: number;
 } & {
-    /**
-     * #method
-     */
     pxToBp(px: number): {
         coord: number;
         index: number;
@@ -78,59 +39,21 @@ declare const Base1DView: import("mobx-state-tree").IModelType<{
         end: number;
         reversed?: boolean;
     };
-    /**
-     * #method
-     */
     bpToPx({ refName, coord, regionNumber, }: {
         refName: string;
         coord: number;
         regionNumber?: number;
     }): number | undefined;
 } & {
-    /**
-     * #action
-     */
     setFeatures(features: Feature[]): void;
-    /**
-     * #action
-     * this makes a zoomed out view that shows all displayedRegions that makes
-     * the overview bar square with the scale bar
-     */
     showAllRegions(): void;
-    /**
-     * #action
-     */
     zoomOut(): void;
-    /**
-     * #action
-     */
     zoomIn(): void;
-    /**
-     * #action
-     */
     zoomTo(bpPerPx: number, offset?: number): number;
-    /**
-     * #action
-     */
     scrollTo(offsetPx: number): number;
-    /**
-     * #action
-     */
     centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
-    /**
-     * #action
-     * note: the scroll is clamped to keep the view on the main screen
-     */
     scroll(distance: number): number;
 } & {
-    /**
-     * #action
-     * offset is the base-pair-offset in the displayed region, index is the
-     * index of the displayed region in the linear genome view
-     *
-     * @param start - object as `{start, end, offset, index}`
-     * @param end - object as `{start, end, offset, index}`
-     */
     moveTo(start?: BpOffset, end?: BpOffset): void;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export type Base1DViewStateModel = typeof Base1DView;