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

package/esm/index.js

@@ -1,40 +1,37 @@
 import Plugin from '@jbrowse/core/Plugin';
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 import { isAbstractMenuManager } from '@jbrowse/core/util';
+import { types } from '@jbrowse/mobx-state-tree';
 import LineStyleIcon from '@mui/icons-material/LineStyle';
-import { types } from 'mobx-state-tree';
-import { BaseLinearDisplay, BaseLinearDisplayComponent, baseLinearDisplayConfigSchema, } from './BaseLinearDisplay';
-import BasicTrackF from './BasicTrack';
-import FeatureTrackF from './FeatureTrack';
-import LaunchLinearGenomeViewF from './LaunchLinearGenomeView';
-import LinearBareDisplayF from './LinearBareDisplay';
-import LinearBasicDisplayF from './LinearBasicDisplay';
-import LinearGenomeViewF, { LinearGenomeView, SearchBox, } from './LinearGenomeView';
-import ZoomControls from './LinearGenomeView/components/HeaderZoomControls';
+import { BaseLinearDisplay, BaseLinearDisplayComponent, baseLinearDisplayConfigSchema, } from "./BaseLinearDisplay/index.js";
+import BasicTrackF from "./BasicTrack/index.js";
+import FeatureTrackF from "./FeatureTrack/index.js";
+import LaunchLinearGenomeViewF from "./LaunchLinearGenomeView/index.js";
+import LinearBareDisplayF from "./LinearBareDisplay/index.js";
+import LinearBasicDisplayF from "./LinearBasicDisplay/index.js";
+import ZoomControls from "./LinearGenomeView/components/HeaderZoomControls.js";
+import LinearGenomeViewF, { LinearGenomeView, SearchBox, } from "./LinearGenomeView/index.js";
 export default class LinearGenomeViewPlugin extends Plugin {
-    constructor() {
-        super(...arguments);
-        this.name = 'LinearGenomeViewPlugin';
-        this.exports = {
-            BaseLinearDisplayComponent,
-            BaseLinearDisplay,
-            baseLinearDisplayConfigSchema,
-            SearchBox,
-            ZoomControls,
-            LinearGenomeView,
-        };
-        this.configurationSchema = ConfigurationSchema('LinearGenomeViewConfigSchema', {
-            trackLabels: {
-                type: 'string',
-                defaultValue: 'overlapping',
-                model: types.enumeration('trackLabelOptions', [
-                    'offset',
-                    'overlapping',
-                    'hidden',
-                ]),
-            },
-        });
-    }
+    name = 'LinearGenomeViewPlugin';
+    exports = {
+        BaseLinearDisplayComponent,
+        BaseLinearDisplay,
+        baseLinearDisplayConfigSchema,
+        SearchBox,
+        ZoomControls,
+        LinearGenomeView,
+    };
+    configurationSchema = ConfigurationSchema('LinearGenomeViewConfigSchema', {
+        trackLabels: {
+            type: 'string',
+            defaultValue: 'overlapping',
+            model: types.enumeration('trackLabelOptions', [
+                'offset',
+                'overlapping',
+                'hidden',
+            ]),
+        },
+    });
     install(pluginManager) {
         FeatureTrackF(pluginManager);
         BasicTrackF(pluginManager);
@@ -55,9 +52,11 @@ export default class LinearGenomeViewPlugin extends Plugin {
         }
     }
 }
-export { configSchemaFactory as linearBareDisplayConfigSchemaFactory, stateModelFactory as linearBareDisplayStateModelFactory, } from './LinearBareDisplay';
-export { BaseLinearDisplay, BaseLinearDisplayComponent, BlockMsg, FeatureDensityMixin, TooLargeMessage, TrackHeightMixin, baseLinearDisplayConfigSchema, } from './BaseLinearDisplay';
-export { RefNameAutocomplete, SearchBox, } from './LinearGenomeView';
-export { SVGRuler, SVGTracks, renderToSvg, } from './LinearGenomeView/svgcomponents/SVGLinearGenomeView';
-export { totalHeight } from './LinearGenomeView/svgcomponents/util';
-export { configSchema as linearBasicDisplayConfigSchemaFactory, modelFactory as linearBasicDisplayModelFactory, } from './LinearBasicDisplay';
+export { configSchemaFactory as linearBareDisplayConfigSchemaFactory, stateModelFactory as linearBareDisplayStateModelFactory, } from "./LinearBareDisplay/index.js";
+export { BaseLinearDisplay, BaseLinearDisplayComponent, BlockMsg, FeatureDensityMixin, FloatingLegend, NonBlockCanvasDisplayComponent, NonBlockCanvasDisplayMixin, SVGLegend, TooLargeMessage, TrackHeightMixin, baseLinearDisplayConfigSchema, calculateSvgLegendWidth, createSubfeatureLabelMetadata, drawCanvasImageData, } from "./BaseLinearDisplay/index.js";
+export { RefNameAutocomplete, SearchBox, } from "./LinearGenomeView/index.js";
+export { SVGGridlines, SVGRuler, SVGTracks, renderToSvg, } from "./LinearGenomeView/svgcomponents/SVGLinearGenomeView.js";
+export { totalHeight } from "./LinearGenomeView/svgcomponents/util.js";
+export { configSchema as linearBasicDisplayConfigSchemaFactory, modelFactory as linearBasicDisplayModelFactory, } from "./LinearBasicDisplay/index.js";
+export { configSchema as linearFeatureDisplayConfigSchemaFactory, modelFactory as linearFeatureDisplayModelFactory, } from "./LinearFeatureDisplay/index.js";
+export { default as LinearBasicDisplayComponent } from "./LinearBasicDisplay/components/LinearBasicDisplayComponent.js";

package/esm/searchUtils.d.ts

@@ -1,5 +1,5 @@
 import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
-import type { LinearGenomeViewModel } from './LinearGenomeView';
+import type { LinearGenomeViewModel } from './LinearGenomeView/index.ts';
 import type { SearchScope } from '@jbrowse/core/TextSearch/TextSearchManager';
 import type { Assembly } from '@jbrowse/core/assemblyManager/assembly';
 import type { SearchType } from '@jbrowse/core/data_adapters/BaseAdapter';

package/esm/searchUtils.js

@@ -48,15 +48,17 @@ export function checkRef(str, allRefs) {
         (allRefs.includes(ref) && !Number.isNaN(Number.parseInt(rest, 10))));
 }
 export async function fetchResults({ queryString, searchType, searchScope, rankSearchResults, textSearchManager, assembly, }) {
-    var _a;
     if (!textSearchManager) {
         console.warn('No text search manager');
     }
-    const textSearchResults = await (textSearchManager === null || textSearchManager === void 0 ? void 0 : textSearchManager.search({
+    const textSearchResults = await textSearchManager?.search({
         queryString,
         searchType,
-    }, searchScope, rankSearchResults));
-    const refNameResults = (_a = assembly === null || assembly === void 0 ? void 0 : assembly.allRefNames) === null || _a === void 0 ? void 0 : _a.filter(ref => ref.toLowerCase().startsWith(queryString.toLowerCase())).slice(0, 10).map(r => new BaseResult({ label: r }));
+    }, searchScope, rankSearchResults);
+    const refNameResults = assembly?.allRefNames
+        ?.filter(ref => ref.toLowerCase().startsWith(queryString.toLowerCase()))
+        .slice(0, 10)
+        .map(r => new BaseResult({ label: r }));
     return dedupe([...(refNameResults || []), ...(textSearchResults || [])], elt => elt.getId());
 }
 export function splitLast(str, split) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-linear-genome-view",
-  "version": "3.7.0",
+  "version": "4.0.0",
   "description": "JBrowse 2 linear genome view",
   "keywords": [
     "jbrowse",
@@ -15,39 +15,21 @@
     "directory": "plugins/linear-genome-view"
   },
   "author": "JBrowse Team",
-  "distMain": "dist/index.js",
-  "distModule": "esm/index.js",
-  "srcMain": "src/index.ts",
-  "srcModule": "src/index.ts",
-  "main": "dist/index.js",
+  "main": "esm/index.js",
   "files": [
-    "dist",
     "esm"
   ],
-  "scripts": {
-    "prebuild": "npm run clean",
-    "build": "npm-run-all build:*",
-    "build:esm": "tsc --build tsconfig.build.esm.json",
-    "build:commonjs": "tsc --build tsconfig.build.commonjs.json",
-    "clean": "rimraf dist esm *.tsbuildinfo",
-    "test": "cd ../..; jest --passWithNoTests plugins/linear-genome-view",
-    "prepublishOnly": "yarn test",
-    "prepack": "yarn build && yarn useDist",
-    "postpack": "yarn useSrc",
-    "useDist": "node ../../scripts/useDist.js",
-    "useSrc": "node ../../scripts/useSrc.js"
-  },
   "dependencies": {
-    "@jbrowse/core": "^3.7.0",
-    "@mui/icons-material": "^7.0.0",
-    "@mui/material": "^7.0.0",
-    "@types/file-saver": "^2.0.1",
-    "copy-to-clipboard": "^3.3.1",
-    "file-saver": "^2.0.0",
-    "mobx": "^6.0.0",
-    "mobx-react": "^9.0.0",
-    "mobx-state-tree": "^5.0.0",
-    "tss-react": "^4.0.0"
+    "@jbrowse/mobx-state-tree": "^5.5.0",
+    "@mui/icons-material": "^7.3.6",
+    "@mui/material": "^7.3.6",
+    "@types/file-saver-es": "^2.0.3",
+    "copy-to-clipboard": "^3.3.3",
+    "file-saver-es": "^2.0.5",
+    "mobx": "^6.15.0",
+    "mobx-react": "^9.2.1",
+    "@jbrowse/product-core": "^4.0.0",
+    "@jbrowse/core": "^4.0.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -56,6 +38,19 @@
   "publishConfig": {
     "access": "public"
   },
-  "module": "esm/index.js",
-  "gitHead": "85bdd0d58286b7adbfd408146b15847676317635"
-}
+  "sideEffects": false,
+  "scripts": {
+    "prebuild": "pnpm clean",
+    "build": "pnpm run /^build:/",
+    "build:esm": "tsc -p tsconfig.build.esm.json",
+    "clean": "rimraf esm *.tsbuildinfo",
+    "test": "cd ../..; jest --passWithNoTests plugins/linear-genome-view"
+  },
+  "types": "esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./esm/index.d.ts",
+      "import": "./esm/index.js"
+    }
+  }
+}

package/dist/BaseLinearDisplay/components/BaseLinearDisplay.d.ts

@@ -1,8 +0,0 @@
-import type { BaseLinearDisplayModel } from '../model';
-declare const BaseLinearDisplay: (props: {
-    model: BaseLinearDisplayModel;
-    children?: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export default BaseLinearDisplay;
-export { default as Tooltip } from './Tooltip';
-export { default as BlockMsg } from './BlockMsg';

package/dist/BaseLinearDisplay/components/BaseLinearDisplay.js

@@ -1,57 +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.BlockMsg = exports.Tooltip = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const configuration_1 = require("@jbrowse/core/configuration");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const LinearBlocks_1 = __importDefault(require("./LinearBlocks"));
-const MenuPage_1 = __importDefault(require("./MenuPage"));
-const useStyles = (0, mui_1.makeStyles)()({
-    display: {
-        position: 'relative',
-        whiteSpace: 'nowrap',
-        textAlign: 'left',
-        width: '100%',
-        minHeight: '100%',
-    },
-});
-const BaseLinearDisplay = (0, mobx_react_1.observer)(function (props) {
-    const { classes } = useStyles();
-    const ref = (0, react_1.useRef)(null);
-    const [clientRect, setClientRect] = (0, react_1.useState)();
-    const [offsetMouseCoord, setOffsetMouseCoord] = (0, react_1.useState)([0, 0]);
-    const [clientMouseCoord, setClientMouseCoord] = (0, react_1.useState)([0, 0]);
-    const [contextCoord, setContextCoord] = (0, react_1.useState)();
-    const { model, children } = props;
-    const { TooltipComponent, DisplayMessageComponent, height } = model;
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, "data-testid": `display-${(0, configuration_1.getConf)(model, 'displayId')}`, className: classes.display, onContextMenu: event => {
-            event.preventDefault();
-            if (contextCoord) {
-                setContextCoord(undefined);
-            }
-            else if (ref.current) {
-                setContextCoord([event.clientX, event.clientY]);
-            }
-        }, onMouseMove: event => {
-            if (!ref.current) {
-                return;
-            }
-            const rect = ref.current.getBoundingClientRect();
-            const { left, top } = rect;
-            setOffsetMouseCoord([event.clientX - left, event.clientY - top]);
-            setClientMouseCoord([event.clientX, event.clientY]);
-            setClientRect(rect);
-        }, children: [DisplayMessageComponent ? ((0, jsx_runtime_1.jsx)(DisplayMessageComponent, { model: model })) : ((0, jsx_runtime_1.jsx)(LinearBlocks_1.default, { ...props })), children, (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(TooltipComponent, { model: model, height: height, offsetMouseCoord: offsetMouseCoord, clientMouseCoord: clientMouseCoord, clientRect: clientRect, mouseCoord: offsetMouseCoord }) }), contextCoord ? ((0, jsx_runtime_1.jsx)(MenuPage_1.default, { contextCoord: contextCoord, model: model, onClose: () => {
-                    setContextCoord(undefined);
-                } })) : null] }));
-});
-exports.default = BaseLinearDisplay;
-var Tooltip_1 = require("./Tooltip");
-Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return __importDefault(Tooltip_1).default; } });
-var BlockMsg_1 = require("./BlockMsg");
-Object.defineProperty(exports, "BlockMsg", { enumerable: true, get: function () { return __importDefault(BlockMsg_1).default; } });

package/dist/BaseLinearDisplay/components/Block.d.ts

@@ -1,14 +0,0 @@
-import type { BaseBlock } from '@jbrowse/core/util/blockTypes';
-declare const ContentBlock: ({ block, children, }: {
-    block: BaseBlock;
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-declare function ElidedBlock({ width }: {
-    width: number;
-}): import("react/jsx-runtime").JSX.Element;
-declare function InterRegionPaddingBlock({ boundary, width, style, }: {
-    boundary: boolean;
-    width: number;
-    style?: React.CSSProperties;
-}): import("react/jsx-runtime").JSX.Element;
-export { ContentBlock, ElidedBlock, InterRegionPaddingBlock };

package/dist/BaseLinearDisplay/components/Block.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentBlock = void 0;
-exports.ElidedBlock = ElidedBlock;
-exports.InterRegionPaddingBlock = InterRegionPaddingBlock;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    contentBlock: {
-        position: 'relative',
-        minHeight: '100%',
-        boxSizing: 'border-box',
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-    },
-    elidedBlock: {
-        minHeight: '100%',
-        boxSizing: 'border-box',
-        backgroundColor: '#999',
-        backgroundImage: 'repeating-linear-gradient(90deg, transparent, transparent 1px, rgba(255,255,255,.5) 1px, rgba(255,255,255,.5) 3px)',
-    },
-    interRegionPaddingBlock: {
-        minHeight: '100%',
-        backgroundColor: theme.palette.text.disabled,
-    },
-    boundaryPaddingBlock: {
-        minHeight: '100%',
-        backgroundColor: theme.palette.action.disabledBackground,
-    },
-}));
-const ContentBlock = (0, mobx_react_1.observer)(function ({ block, children, }) {
-    const { classes } = useStyles();
-    const { widthPx } = block;
-    return ((0, jsx_runtime_1.jsx)("div", { style: { width: widthPx }, className: classes.contentBlock, children: children }));
-});
-exports.ContentBlock = ContentBlock;
-function ElidedBlock({ width }) {
-    const { classes } = useStyles();
-    return (0, jsx_runtime_1.jsx)("div", { className: classes.elidedBlock, style: { width } });
-}
-function InterRegionPaddingBlock({ boundary, width, style = {}, }) {
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsx)("div", { style: {
-            ...style,
-            width,
-        }, className: boundary
-            ? classes.boundaryPaddingBlock
-            : classes.interRegionPaddingBlock }));
-}

package/dist/BaseLinearDisplay/components/BlockErrorMessage.d.ts

@@ -1,7 +0,0 @@
-declare const BlockErrorMessage: ({ model, }: {
-    model: {
-        error?: unknown;
-        reload: () => void;
-    };
-}) => import("react/jsx-runtime").JSX.Element;
-export default BlockErrorMessage;

package/dist/BaseLinearDisplay/components/BlockErrorMessage.js

@@ -1,27 +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 ErrorMessageStackTraceDialog_1 = __importDefault(require("@jbrowse/core/ui/ErrorMessageStackTraceDialog"));
-const util_1 = require("@jbrowse/core/util");
-const Refresh_1 = __importDefault(require("@mui/icons-material/Refresh"));
-const Report_1 = __importDefault(require("@mui/icons-material/Report"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const BlockMsg_1 = __importDefault(require("./BlockMsg"));
-const BlockErrorMessage = (0, mobx_react_1.observer)(function ({ model, }) {
-    return ((0, jsx_runtime_1.jsx)(BlockMsg_1.default, { message: `${model.error}`, severity: "error", action: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Reload track", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { "data-testid": "reload_button", onClick: () => {
-                            model.reload();
-                        }, children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) }) }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Show stack trace", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
-                            (0, util_1.getSession)(model).queueDialog(onClose => [
-                                ErrorMessageStackTraceDialog_1.default,
-                                {
-                                    onClose,
-                                    error: model.error,
-                                },
-                            ]);
-                        }, children: (0, jsx_runtime_1.jsx)(Report_1.default, {}) }) })] }) }));
-});
-exports.default = BlockErrorMessage;

package/dist/BaseLinearDisplay/components/BlockLoadingMessage.d.ts

@@ -1,6 +0,0 @@
-declare const BlockLoadingMessage: ({ model, }: {
-    model: {
-        status?: string;
-    };
-}) => import("react/jsx-runtime").JSX.Element;
-export default BlockLoadingMessage;

package/dist/BaseLinearDisplay/components/BlockLoadingMessage.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ui_1 = require("@jbrowse/core/ui");
-const mobx_react_1 = require("mobx-react");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => {
-    const bg = theme.palette.action.disabledBackground;
-    return {
-        loading: {
-            paddingLeft: '0.6em',
-            backgroundColor: theme.palette.background.default,
-            backgroundImage: `repeating-linear-gradient(45deg, transparent, transparent 5px, ${bg} 5px, ${bg} 10px)`,
-            textAlign: 'center',
-        },
-    };
-});
-const BlockLoadingMessage = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { classes } = useStyles();
-    const { status: blockStatus } = model;
-    const { message: displayStatus } = (0, mobx_state_tree_1.getParent)(model, 2);
-    const status = displayStatus || blockStatus;
-    return ((0, jsx_runtime_1.jsx)("div", { className: classes.loading, children: (0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, { message: status }) }));
-});
-exports.default = BlockLoadingMessage;

package/dist/BaseLinearDisplay/components/BlockMsg.d.ts

@@ -1,6 +0,0 @@
-import type { AlertColor } from '@mui/material';
-export default function BlockMsg({ message, severity, action, }: {
-    message: string;
-    severity?: AlertColor;
-    action?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/BaseLinearDisplay/components/BlockMsg.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = BlockMsg;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()({
-    ellipses: {
-        textOverflow: 'ellipsis',
-        overflow: 'hidden',
-    },
-});
-function BlockMsg({ message, severity, action, }) {
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsx)(material_1.Alert, { severity: severity, action: action, classes: {
-            message: classes.ellipses,
-        }, onMouseDown: event => {
-            event.stopPropagation();
-        }, onClick: event => {
-            event.stopPropagation();
-        }, children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: message, children: (0, jsx_runtime_1.jsx)("div", { children: message }) }) }));
-}

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

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

package/dist/BaseLinearDisplay/components/LinearBlocks.js

@@ -1,28 +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 mui_1 = require("tss-react/mui");
-const RenderedBlocks_1 = __importDefault(require("./RenderedBlocks"));
-const useStyles = (0, mui_1.makeStyles)()({
-    linearBlocks: {
-        whiteSpace: 'nowrap',
-        textAlign: 'left',
-        position: 'absolute',
-        minHeight: '100%',
-        display: 'flex',
-    },
-});
-const LinearBlocks = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { classes } = useStyles();
-    const { blockDefinitions } = model;
-    const viewModel = (0, util_1.getContainingView)(model);
-    return ((0, jsx_runtime_1.jsx)("div", { className: classes.linearBlocks, style: {
-            left: blockDefinitions.offsetPx - viewModel.offsetPx,
-        }, children: (0, jsx_runtime_1.jsx)(RenderedBlocks_1.default, { model: model }) }));
-});
-exports.default = LinearBlocks;

package/dist/BaseLinearDisplay/components/MaxHeightReachedIndicator.d.ts

@@ -1,3 +0,0 @@
-export default function MaxHeightReached({ top }: {
-    top: number;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/BaseLinearDisplay/components/MaxHeightReachedIndicator.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = MaxHeightReached;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()({
-    heightOverflowed: {
-        position: 'absolute',
-        color: 'rgb(77,77,77)',
-        borderBottom: '2px solid rgb(77,77,77)',
-        textShadow: 'white 0px 0px 1px',
-        whiteSpace: 'nowrap',
-        width: '100%',
-        fontWeight: 'bold',
-        textAlign: 'center',
-        zIndex: 999,
-        boxSizing: 'border-box',
-    },
-});
-function MaxHeightReached({ top }) {
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsx)("div", { className: classes.heightOverflowed, style: {
-            top,
-            pointerEvents: 'none',
-            height: 16,
-        }, children: "Max height reached" }));
-}

package/dist/BaseLinearDisplay/components/MenuPage.d.ts

@@ -1,8 +0,0 @@
-import type { Coord } from './types';
-import type { BaseLinearDisplayModel } from '../model';
-declare const MenuPage: ({ onClose, contextCoord, model, }: {
-    model: BaseLinearDisplayModel;
-    contextCoord: Coord;
-    onClose: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default MenuPage;

package/dist/BaseLinearDisplay/components/MenuPage.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ui_1 = require("@jbrowse/core/ui");
-const mobx_react_1 = require("mobx-react");
-const MenuPage = (0, mobx_react_1.observer)(function ({ onClose, contextCoord, model, }) {
-    const items = model.contextMenuItems();
-    return ((0, jsx_runtime_1.jsx)(ui_1.Menu, { open: items.length > 0, onMenuItemClick: (_, callback) => {
-            callback();
-            onClose();
-        }, onClose: () => {
-            onClose();
-            model.setContextMenuFeature(undefined);
-        }, slotProps: {
-            transition: {
-                onExit: () => {
-                    onClose();
-                    model.setContextMenuFeature(undefined);
-                },
-            },
-        }, anchorReference: "anchorPosition", anchorPosition: {
-            top: contextCoord[1],
-            left: contextCoord[0],
-        }, menuItems: items }));
-});
-exports.default = MenuPage;

package/dist/BaseLinearDisplay/components/RenderedBlocks.d.ts

@@ -1,9 +0,0 @@
-import type { BlockSet } from '@jbrowse/core/util/blockTypes';
-declare const RenderedBlocks: ({ model, }: {
-    model: {
-        id: string;
-        blockDefinitions: BlockSet;
-        blockState: any;
-    };
-}) => import("react/jsx-runtime").JSX.Element[];
-export default RenderedBlocks;

package/dist/BaseLinearDisplay/components/RenderedBlocks.js

@@ -1,27 +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 Block_1 = require("./Block");
-const MaxHeightReachedIndicator_1 = __importDefault(require("./MaxHeightReachedIndicator"));
-const RenderedBlocks = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { blockDefinitions, blockState } = model;
-    return blockDefinitions.map(block => {
-        const key = `${model.id}-${block.key}`;
-        if (block.type === 'ContentBlock') {
-            const state = blockState.get(block.key);
-            return ((0, jsx_runtime_1.jsxs)(Block_1.ContentBlock, { block: block, children: [(state === null || state === void 0 ? void 0 : state.ReactComponent) ? ((0, jsx_runtime_1.jsx)(state.ReactComponent, { model: state })) : null, (state === null || state === void 0 ? void 0 : state.maxHeightReached) ? ((0, jsx_runtime_1.jsx)(MaxHeightReachedIndicator_1.default, { top: state.layout.getTotalHeight() - 16 })) : null] }, key));
-        }
-        else if (block.type === 'ElidedBlock') {
-            return (0, jsx_runtime_1.jsx)(Block_1.ElidedBlock, { width: block.widthPx }, key);
-        }
-        else if (block.type === 'InterRegionPaddingBlock') {
-            return ((0, jsx_runtime_1.jsx)(Block_1.InterRegionPaddingBlock, { width: block.widthPx, style: { background: 'none' }, boundary: block.variant === 'boundary' }, key));
-        }
-        throw new Error(`invalid block type ${JSON.stringify(block)}`);
-    });
-});
-exports.default = RenderedBlocks;

package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.d.ts

@@ -1,11 +0,0 @@
-declare const ServerSideRenderedBlockContent: ({ model, }: {
-    model: {
-        error?: unknown;
-        reload: () => void;
-        message: React.ReactNode;
-        filled?: boolean;
-        status?: string;
-        reactElement?: React.ReactElement;
-    };
-}) => import("react/jsx-runtime").JSX.Element | undefined;
-export default ServerSideRenderedBlockContent;