@jbrowse/plugin-linear-genome-view 2.6.3 → 2.7.1

package/dist/LinearGenomeView/index.d.ts

@@ -1,4 +1,3 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function LinearGenomeViewF(pluginManager: PluginManager): void;
 export * from './model';

package/dist/LinearGenomeView/index.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const model_1 = require("./model");
-exports.default = (pluginManager) => {
+function LinearGenomeViewF(pluginManager) {
     pluginManager.addViewType(() => {
         return new pluggableElementTypes_1.ViewType({
             name: 'LinearGenomeView',
@@ -38,5 +38,6 @@ exports.default = (pluginManager) => {
             ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/LinearGenomeView')))),
         });
     });
-};
+}
+exports.default = LinearGenomeViewF;
 __exportStar(require("./model"), exports);

package/dist/LinearGenomeView/model.d.ts

@@ -87,12 +87,10 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     volatileWidth: number | undefined;
     minimumBlockWidth: number;
     draggingTrackId: string | undefined;
-    volatileError: Error | undefined;
+    volatileError: unknown;
     afterDisplayedRegionsSetCallbacks: Function[];
     scaleFactor: number;
-    trackRefs: {
-        [key: string]: HTMLDivElement;
-    };
+    trackRefs: Record<string, HTMLDivElement>;
     coarseDynamicBlocks: BaseBlock[];
     coarseTotalBp: number;
     leftOffset: BpOffset | undefined;
@@ -170,7 +168,7 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     /**
      * #getter
      */
-    readonly error: string | Error;
+    readonly error: {};
     /**
      * #getter
      */
@@ -224,7 +222,7 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     /**
      * #action
      */
-    setError(error: Error | undefined): void;
+    setError(error: unknown): void;
     /**
      * #action
      */
@@ -545,6 +543,8 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
         end: number;
         reversed: boolean;
     } | undefined;
+} & {
+    afterCreate(): void;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export type LinearGenomeViewStateModel = ReturnType<typeof stateModelFactory>;
 export type LinearGenomeViewModel = Instance<LinearGenomeViewStateModel>;

package/dist/LinearGenomeView/model.js

@@ -1256,6 +1256,39 @@ function stateModelFactory(pluginManager) {
                 ? this.pxToBp(self.width / 2)
                 : undefined;
         },
+    }))
+        .actions(self => ({
+        afterCreate() {
+            function handler(e) {
+                const session = (0, util_1.getSession)(self);
+                if (session.focusedViewId === self.id && (e.ctrlKey || e.metaKey)) {
+                    if (e.code === 'ArrowLeft') {
+                        e.preventDefault();
+                        // pan left
+                        self.slide(-0.9);
+                    }
+                    if (e.code === 'ArrowRight') {
+                        e.preventDefault();
+                        // pan right
+                        self.slide(0.9);
+                    }
+                    if (e.code === 'ArrowUp' && self.scaleFactor === 1) {
+                        e.preventDefault();
+                        // zoom in
+                        self.zoom(self.bpPerPx / 2);
+                    }
+                    if (e.code === 'ArrowDown' && self.scaleFactor === 1) {
+                        e.preventDefault();
+                        // zoom out
+                        self.zoom(self.bpPerPx * 2);
+                    }
+                }
+            }
+            document.addEventListener('keydown', handler);
+            (0, mobx_state_tree_1.addDisposer)(self, () => {
+                document.removeEventListener('keydown', handler);
+            });
+        },
     }));
 }
 exports.stateModelFactory = stateModelFactory;

package/dist/LinearGenomeView/svgcomponents/SVGBackground.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
-const color_1 = __importDefault(require("color"));
+const util_1 = require("@jbrowse/core/util");
 function SVGBackground({ width, height, shift, }) {
     const theme = (0, material_1.useTheme)();
-    return (react_1.default.createElement("rect", { width: width + shift * 2, height: height, fill: (0, color_1.default)(theme.palette.background.default).hex() }));
+    return (react_1.default.createElement("rect", { width: width + shift * 2, height: height, fill: (0, util_1.stripAlpha)(theme.palette.background.default) }));
 }
 exports.default = SVGBackground;

package/dist/LinearGenomeView/svgcomponents/SVGHeader.js

@@ -7,7 +7,6 @@ const react_1 = __importDefault(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 color_1 = __importDefault(require("color"));
 // locals
 const __1 = require("..");
 const Cytobands_1 = __importDefault(require("../components/Cytobands"));
@@ -20,7 +19,7 @@ function SVGHeader({ model, fontSize, cytobandHeight, rulerHeight, }) {
     const assemblyName = assemblyNames.length > 1 ? '' : assemblyNames[0];
     const assembly = assemblyManager.get(assemblyName);
     const theme = (0, material_1.useTheme)();
-    const c = (0, color_1.default)(theme.palette.text.primary).hex();
+    const c = (0, util_1.stripAlpha)(theme.palette.text.primary);
     const overview = Base1DViewModel_1.default.create({
         displayedRegions: JSON.parse(JSON.stringify(displayedRegions)),
         interRegionPaddingWidth: 0,
@@ -33,9 +32,7 @@ function SVGHeader({ model, fontSize, cytobandHeight, rulerHeight, }) {
     overview.setVolatileWidth(width);
     overview.showAllRegions();
     const block = overview.dynamicBlocks.contentBlocks[0];
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const first = visibleRegions.at(0);
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const last = visibleRegions.at(-1);
     const firstOverviewPx = overview.bpToPx({
         ...first,

package/dist/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SVGTracks = exports.SVGRuler = exports.renderToSvg = exports.totalHeight = void 0;
+/* eslint-disable react-refresh/only-export-components */
 const react_1 = __importDefault(require("react"));
 const server_1 = require("react-dom/server");
 const mobx_1 = require("mobx");

package/dist/LinearGenomeView/svgcomponents/SVGRuler.js

@@ -9,11 +9,10 @@ const material_1 = require("@mui/material");
 // locals
 const util_2 = require("../util");
 const SVGRegionSeparators_1 = __importDefault(require("./SVGRegionSeparators"));
-const color_1 = __importDefault(require("color"));
 function Ruler({ start, end, bpPerPx, reversed = false, major = true, minor = true, hideText = false, }) {
     const ticks = (0, util_2.makeTicks)(start, end, bpPerPx, major, minor);
     const theme = (0, material_1.useTheme)();
-    const c = (0, color_1.default)(theme.palette.text.secondary).hex();
+    const c = (0, util_1.stripAlpha)(theme.palette.text.secondary);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         ticks.map(tick => {
             const x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
@@ -32,7 +31,7 @@ function SVGRuler({ model, fontSize, }) {
     const { dynamicBlocks: { contentBlocks }, offsetPx: viewOffsetPx, bpPerPx, } = model;
     const renderRuler = contentBlocks.length < 5;
     const theme = (0, material_1.useTheme)();
-    const c = (0, color_1.default)(theme.palette.text.primary).hex();
+    const c = (0, util_1.stripAlpha)(theme.palette.text.primary);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(SVGRegionSeparators_1.default, { model: model, height: 30 }),
         contentBlocks.map(block => {

package/dist/LinearGenomeView/svgcomponents/SVGScalebar.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
-const color_1 = __importDefault(require("color"));
 function SVGScalebar({ model, fontSize, }) {
     const { offsetPx, dynamicBlocks: { totalWidthPxWithoutBorders: totalWidthPx, totalBp }, } = model;
     const theme = (0, material_1.useTheme)();
     const displayBp = (0, util_1.getBpDisplayStr)(totalBp);
     const x0 = Math.max(-offsetPx, 0);
     const x1 = x0 + totalWidthPx;
-    const c = (0, color_1.default)(theme.palette.text.secondary).hex();
+    const c = (0, util_1.stripAlpha)(theme.palette.text.secondary);
     const x = x0 + (x1 - x0) / 2;
     const y = fontSize;
     return (react_1.default.createElement(react_1.default.Fragment, null,

package/dist/LinearGenomeView/svgcomponents/SVGTrackLabel.js

@@ -5,11 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
+const util_1 = require("@jbrowse/core/util");
 function SVGTrackLabel({ trackLabels, trackName, fontSize, trackLabelOffset, x, }) {
     const theme = (0, material_1.useTheme)();
     const fill = theme.palette.text.primary;
     const xoff = trackLabels === 'overlay' ? 5 : 0;
     const yoff = trackLabels === 'offset' ? 5 : 0;
-    return trackLabels !== 'none' ? (react_1.default.createElement("g", null, trackLabels === 'left' ? (react_1.default.createElement("text", { x: trackLabelOffset - 40, y: 20, fill: fill, fontSize: fontSize, dominantBaseline: "hanging", textAnchor: "end" }, trackName)) : (react_1.default.createElement("text", { x: x + xoff, y: yoff, fill: fill, fontSize: fontSize, dominantBaseline: "hanging" }, trackName)))) : null;
+    const name = (0, util_1.coarseStripHTML)(trackName);
+    return trackLabels !== 'none' ? (react_1.default.createElement("g", null, trackLabels === 'left' ? (react_1.default.createElement("text", { x: trackLabelOffset - 40, y: 20, fill: fill, fontSize: fontSize, dominantBaseline: "hanging", textAnchor: "end" }, name)) : (react_1.default.createElement("text", { x: x + xoff, y: yoff, fill: fill, fontSize: fontSize, dominantBaseline: "hanging" }, name)))) : null;
 }
 exports.default = SVGTrackLabel;

package/dist/index.d.ts

@@ -910,12 +910,10 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 volatileWidth: number | undefined;
                 minimumBlockWidth: number;
                 draggingTrackId: string | undefined;
-                volatileError: Error | undefined;
+                volatileError: unknown;
                 afterDisplayedRegionsSetCallbacks: Function[];
                 scaleFactor: number;
-                trackRefs: {
-                    [key: string]: HTMLDivElement;
-                };
+                trackRefs: Record<string, HTMLDivElement>;
                 coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
                 coarseTotalBp: number;
                 leftOffset: import("./LinearGenomeView").BpOffset | undefined;
@@ -939,7 +937,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 readonly totalBp: number;
                 readonly maxBpPerPx: number;
                 readonly minBpPerPx: number;
-                readonly error: string | Error;
+                readonly error: {};
                 readonly maxOffset: number;
                 readonly minOffset: number;
                 readonly displayedRegionsTotalPx: number;
@@ -956,7 +954,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
             } & {
                 setShowCytobands(flag: boolean): void;
                 setWidth(newWidth: number): void;
-                setError(error: Error | undefined): void;
+                setError(error: unknown): void;
                 toggleHeader(): void;
                 toggleHeaderOverview(): void;
                 toggleNoTracksActive(): void;
@@ -1058,6 +1056,8 @@ export default class LinearGenomeViewPlugin extends Plugin {
                     end: number;
                     reversed: boolean;
                 } | undefined;
+            } & {
+                afterCreate(): void;
             } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
                 id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
                 displayName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -1098,12 +1098,10 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 volatileWidth: number | undefined;
                 minimumBlockWidth: number;
                 draggingTrackId: string | undefined;
-                volatileError: Error | undefined;
+                volatileError: unknown;
                 afterDisplayedRegionsSetCallbacks: Function[];
                 scaleFactor: number;
-                trackRefs: {
-                    [key: string]: HTMLDivElement;
-                };
+                trackRefs: Record<string, HTMLDivElement>;
                 coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
                 coarseTotalBp: number;
                 leftOffset: import("./LinearGenomeView").BpOffset | undefined;
@@ -1127,7 +1125,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 readonly totalBp: number;
                 readonly maxBpPerPx: number;
                 readonly minBpPerPx: number;
-                readonly error: string | Error;
+                readonly error: {};
                 readonly maxOffset: number;
                 readonly minOffset: number;
                 readonly displayedRegionsTotalPx: number;
@@ -1144,7 +1142,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
             } & {
                 setShowCytobands(flag: boolean): void;
                 setWidth(newWidth: number): void;
-                setError(error: Error | undefined): void;
+                setError(error: unknown): void;
                 toggleHeader(): void;
                 toggleHeaderOverview(): void;
                 toggleNoTracksActive(): void;
@@ -1246,9 +1244,11 @@ export default class LinearGenomeViewPlugin extends Plugin {
                     end: number;
                     reversed: boolean;
                 } | undefined;
+            } & {
+                afterCreate(): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
         }) => import("react").JSX.Element;
-        ZoomControls: ({ model }: {
+        ZoomControls: ({ model, }: {
             model: {
                 id: string;
                 displayName: string | undefined;
@@ -1296,12 +1296,10 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 volatileWidth: number | undefined;
                 minimumBlockWidth: number;
                 draggingTrackId: string | undefined;
-                volatileError: Error | undefined;
+                volatileError: unknown;
                 afterDisplayedRegionsSetCallbacks: Function[];
                 scaleFactor: number;
-                trackRefs: {
-                    [key: string]: HTMLDivElement;
-                };
+                trackRefs: Record<string, HTMLDivElement>;
                 coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
                 coarseTotalBp: number;
                 leftOffset: import("./LinearGenomeView").BpOffset | undefined;
@@ -1325,7 +1323,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 readonly totalBp: number;
                 readonly maxBpPerPx: number;
                 readonly minBpPerPx: number;
-                readonly error: string | Error;
+                readonly error: {};
                 readonly maxOffset: number;
                 readonly minOffset: number;
                 readonly displayedRegionsTotalPx: number;
@@ -1342,7 +1340,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
             } & {
                 setShowCytobands(flag: boolean): void;
                 setWidth(newWidth: number): void;
-                setError(error: Error | undefined): void;
+                setError(error: unknown): void;
                 toggleHeader(): void;
                 toggleHeaderOverview(): void;
                 toggleNoTracksActive(): void;
@@ -1444,6 +1442,8 @@ export default class LinearGenomeViewPlugin extends Plugin {
                     end: number;
                     reversed: boolean;
                 } | undefined;
+            } & {
+                afterCreate(): void;
             } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
                 id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
                 displayName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -1484,12 +1484,10 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 volatileWidth: number | undefined;
                 minimumBlockWidth: number;
                 draggingTrackId: string | undefined;
-                volatileError: Error | undefined;
+                volatileError: unknown;
                 afterDisplayedRegionsSetCallbacks: Function[];
                 scaleFactor: number;
-                trackRefs: {
-                    [key: string]: HTMLDivElement;
-                };
+                trackRefs: Record<string, HTMLDivElement>;
                 coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
                 coarseTotalBp: number;
                 leftOffset: import("./LinearGenomeView").BpOffset | undefined;
@@ -1513,7 +1511,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 readonly totalBp: number;
                 readonly maxBpPerPx: number;
                 readonly minBpPerPx: number;
-                readonly error: string | Error;
+                readonly error: {};
                 readonly maxOffset: number;
                 readonly minOffset: number;
                 readonly displayedRegionsTotalPx: number;
@@ -1530,7 +1528,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
             } & {
                 setShowCytobands(flag: boolean): void;
                 setWidth(newWidth: number): void;
-                setError(error: Error | undefined): void;
+                setError(error: unknown): void;
                 toggleHeader(): void;
                 toggleHeaderOverview(): void;
                 toggleNoTracksActive(): void;
@@ -1632,6 +1630,8 @@ export default class LinearGenomeViewPlugin extends Plugin {
                     end: number;
                     reversed: boolean;
                 } | undefined;
+            } & {
+                afterCreate(): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
         }) => import("react").JSX.Element;
         LinearGenomeView: ({ model }: {
@@ -1682,12 +1682,10 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 volatileWidth: number | undefined;
                 minimumBlockWidth: number;
                 draggingTrackId: string | undefined;
-                volatileError: Error | undefined;
+                volatileError: unknown;
                 afterDisplayedRegionsSetCallbacks: Function[];
                 scaleFactor: number;
-                trackRefs: {
-                    [key: string]: HTMLDivElement;
-                };
+                trackRefs: Record<string, HTMLDivElement>;
                 coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
                 coarseTotalBp: number;
                 leftOffset: import("./LinearGenomeView").BpOffset | undefined;
@@ -1711,7 +1709,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 readonly totalBp: number;
                 readonly maxBpPerPx: number;
                 readonly minBpPerPx: number;
-                readonly error: string | Error;
+                readonly error: {};
                 readonly maxOffset: number;
                 readonly minOffset: number;
                 readonly displayedRegionsTotalPx: number;
@@ -1728,7 +1726,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
             } & {
                 setShowCytobands(flag: boolean): void;
                 setWidth(newWidth: number): void;
-                setError(error: Error | undefined): void;
+                setError(error: unknown): void;
                 toggleHeader(): void;
                 toggleHeaderOverview(): void;
                 toggleNoTracksActive(): void;
@@ -1830,6 +1828,8 @@ export default class LinearGenomeViewPlugin extends Plugin {
                     end: number;
                     reversed: boolean;
                 } | undefined;
+            } & {
+                afterCreate(): void;
             } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
                 id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
                 displayName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -1870,12 +1870,10 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 volatileWidth: number | undefined;
                 minimumBlockWidth: number;
                 draggingTrackId: string | undefined;
-                volatileError: Error | undefined;
+                volatileError: unknown;
                 afterDisplayedRegionsSetCallbacks: Function[];
                 scaleFactor: number;
-                trackRefs: {
-                    [key: string]: HTMLDivElement;
-                };
+                trackRefs: Record<string, HTMLDivElement>;
                 coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
                 coarseTotalBp: number;
                 leftOffset: import("./LinearGenomeView").BpOffset | undefined;
@@ -1899,7 +1897,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 readonly totalBp: number;
                 readonly maxBpPerPx: number;
                 readonly minBpPerPx: number;
-                readonly error: string | Error;
+                readonly error: {};
                 readonly maxOffset: number;
                 readonly minOffset: number;
                 readonly displayedRegionsTotalPx: number;
@@ -1916,7 +1914,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
             } & {
                 setShowCytobands(flag: boolean): void;
                 setWidth(newWidth: number): void;
-                setError(error: Error | undefined): void;
+                setError(error: unknown): void;
                 toggleHeader(): void;
                 toggleHeaderOverview(): void;
                 toggleNoTracksActive(): void;
@@ -2018,6 +2016,8 @@ export default class LinearGenomeViewPlugin extends Plugin {
                     end: number;
                     reversed: boolean;
                 } | undefined;
+            } & {
+                afterCreate(): void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
         }) => import("react").JSX.Element;
     };

package/esm/BaseLinearDisplay/components/LinearBlocks.d.ts

@@ -1,20 +1,10 @@
 import React from 'react';
 import { BaseLinearDisplayModel } from '../models/BaseLinearDisplayModel';
-declare const useStyles: (params: void, styleOverrides?: {
-    props: any;
-    ownerState?: Record<string, unknown> | undefined;
-} | undefined) => {
-    classes: Record<"linearBlocks" | "heightOverflowed", string>;
-    theme: import("@mui/material").Theme;
-    css: import("tss-react").Css;
-    cx: import("tss-react").Cx;
-};
 declare const RenderedBlocks: ({ model, }: {
     model: BaseLinearDisplayModel;
 }) => React.JSX.Element;
-declare function LinearBlocks({ model }: {
+export { RenderedBlocks };
+declare const LinearBlocks: ({ model, }: {
     model: BaseLinearDisplayModel;
-}): React.JSX.Element;
-export { RenderedBlocks, useStyles };
-declare const _default: typeof LinearBlocks;
-export default _default;
+}) => React.JSX.Element;
+export default LinearBlocks;

package/esm/BaseLinearDisplay/components/LinearBlocks.js

@@ -45,10 +45,11 @@ const RenderedBlocks = observer(function ({ model, }) {
         if (block instanceof InterRegionPaddingBlock) {
             return (React.createElement(InterRegionPaddingBlockComponent, { key: block.key, width: block.widthPx, style: { background: 'none' }, boundary: block.variant === 'boundary' }));
         }
-        throw new Error(`invalid block type ${typeof block}`);
+        throw new Error(`invalid block type ${JSON.stringify(block)}`);
     })));
 });
-function LinearBlocks({ model }) {
+export { RenderedBlocks };
+const LinearBlocks = observer(function ({ model, }) {
     const { classes } = useStyles();
     const { blockDefinitions } = model;
     const viewModel = getContainingView(model);
@@ -56,6 +57,5 @@ function LinearBlocks({ model }) {
             left: blockDefinitions.offsetPx - viewModel.offsetPx,
         } },
         React.createElement(RenderedBlocks, { model: model })));
-}
-export { RenderedBlocks, useStyles };
-export default observer(LinearBlocks);
+});
+export default LinearBlocks;

package/esm/BaseLinearDisplay/components/Tooltip.js

@@ -24,7 +24,7 @@ const useStyles = makeStyles()(theme => ({
         wordWrap: 'break-word',
     },
 }));
-const TooltipContents = React.forwardRef(({ message }, ref) => {
+const TooltipContents = React.forwardRef(function TooltipContents2({ message }, ref) {
     return (React.createElement("div", { ref: ref }, React.isValidElement(message) ? (message) : message ? (React.createElement(SanitizedHTML, { html: String(message) })) : null));
 });
 const Tooltip = observer(({ model, clientMouseCoord, }) => {

package/esm/BaseLinearDisplay/models/util.d.ts

@@ -3,12 +3,8 @@ import { FeatureDensityStats } from '@jbrowse/core/data_adapters/BaseAdapter';
 import { IAnyStateTreeNode } from 'mobx-state-tree';
 export interface RenderProps {
     rendererType: any;
-    renderArgs: {
-        [key: string]: any;
-    };
-    renderProps: {
-        [key: string]: any;
-    };
+    renderArgs: Record<string, any>;
+    renderProps: Record<string, any>;
     displayError: unknown;
     rpcManager: {
         call: Function;

package/esm/LinearBasicDisplay/components/SetMaxHeight.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
-declare function SetMaxHeightDlg({ model, handleClose, }: {
+declare const SetMaxHeightDialog: ({ model, handleClose, }: {
     model: {
-        maxHeight?: number;
+        maxHeight?: number | undefined;
         setMaxHeight: (arg?: number) => void;
     };
     handleClose: () => void;
-}): React.JSX.Element;
-declare const _default: typeof SetMaxHeightDlg;
-export default _default;
+}) => React.JSX.Element;
+export default SetMaxHeightDialog;

package/esm/LinearBasicDisplay/components/SetMaxHeight.js

@@ -8,7 +8,7 @@ const useStyles = makeStyles()({
         width: 500,
     },
 });
-function SetMaxHeightDlg({ model, handleClose, }) {
+const SetMaxHeightDialog = observer(function ({ model, handleClose, }) {
     const { classes } = useStyles();
     const { maxHeight = '' } = model;
     const [max, setMax] = useState(`${maxHeight}`);
@@ -22,5 +22,5 @@ function SetMaxHeightDlg({ model, handleClose, }) {
                         handleClose();
                     } }, "Submit"),
                 React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => handleClose() }, "Cancel")))));
-}
-export default observer(SetMaxHeightDlg);
+});
+export default SetMaxHeightDialog;

package/esm/LinearBasicDisplay/model.d.ts

@@ -196,7 +196,9 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     readonly currentBytesRequested: number;
     readonly currentFeatureScreenDensity: number;
     readonly maxFeatureScreenDensity: any;
-    readonly featureDensityStatsReady: boolean;
+    readonly featureDensityStatsReady: boolean; /**
+     * #getter
+     */
     readonly maxAllowableBytes: number;
 } & {
     afterAttach(): void;

package/esm/LinearGenomeView/components/CenterLine.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import { LinearGenomeViewModel } from '..';
 type LGV = LinearGenomeViewModel;
-declare function CenterLine({ model }: {
+declare const CenterLine: ({ model }: {
     model: LGV;
-}): React.JSX.Element | null;
-declare const _default: typeof CenterLine;
-export default _default;
+}) => React.JSX.Element | null;
+export default CenterLine;

package/esm/LinearGenomeView/components/CenterLine.js

@@ -19,7 +19,7 @@ const useStyles = makeStyles()(theme => ({
         fontWeight: 'bold',
     },
 }));
-function CenterLine({ model }) {
+const CenterLine = observer(function ({ model }) {
     const { bpPerPx, centerLineInfo, trackHeights, tracks, width } = model;
     const ref = useRef(null);
     const { classes } = useStyles();
@@ -35,5 +35,5 @@ function CenterLine({ model }) {
         ":",
         ' ',
         Math.max(Math.round(centerLineInfo.offset) + 1, 0))))) : null;
-}
-export default observer(CenterLine);
+});
+export default CenterLine;

package/esm/LinearGenomeView/components/Cytobands.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
 import { ContentBlock } from '@jbrowse/core/util/blockTypes';
 import { Assembly } from '@jbrowse/core/assemblyManager/assembly';
-declare const _default: ({ overview, block, assembly, }: {
+declare const Cytobands: ({ overview, block, assembly, }: {
     overview: Base1DViewModel;
     assembly?: ({
         configuration: any;
@@ -18,6 +18,8 @@ declare const _default: ({ overview, block, assembly, }: {
             [x: string]: string | undefined;
         } | undefined;
         cytobands: import("@jbrowse/core/util").Feature[] | undefined;
+    } & {
+        getConf(arg: string): any;
     } & {
         readonly initialized: boolean;
         readonly name: string;
@@ -72,6 +74,8 @@ declare const _default: ({ overview, block, assembly, }: {
             [x: string]: string | undefined;
         } | undefined;
         cytobands: import("@jbrowse/core/util").Feature[] | undefined;
+    } & {
+        getConf(arg: string): any;
     } & {
         readonly initialized: boolean;
         readonly name: string;
@@ -115,4 +119,4 @@ declare const _default: ({ overview, block, assembly, }: {
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
     block: ContentBlock;
 }) => React.JSX.Element;
-export default _default;
+export default Cytobands;