@jbrowse/plugin-linear-genome-view 2.18.0 → 3.0.0

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

@@ -1,9 +1,8 @@
-import React from 'react';
 import type { BaseLinearDisplayModel } from '../models/BaseLinearDisplayModel';
 declare const BaseLinearDisplay: (props: {
     model: BaseLinearDisplayModel;
     children?: React.ReactNode;
-}) => React.JSX.Element;
+}) => 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,33 +1,11 @@
 "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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __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 });
 exports.BlockMsg = exports.Tooltip = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const configuration_1 = require("@jbrowse/core/configuration");
 const ui_1 = require("@jbrowse/core/ui");
 const material_1 = require("@mui/material");
@@ -54,7 +32,7 @@ const BaseLinearDisplay = (0, mobx_react_1.observer)(function (props) {
     const { model, children } = props;
     const { TooltipComponent, DisplayMessageComponent, height } = model;
     const items = model.contextMenuItems();
-    return (react_1.default.createElement("div", { ref: ref, "data-testid": `display-${(0, configuration_1.getConf)(model, 'displayId')}`, className: classes.display, onContextMenu: event => {
+    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);
@@ -71,27 +49,22 @@ const BaseLinearDisplay = (0, mobx_react_1.observer)(function (props) {
             setOffsetMouseCoord([event.clientX - left, event.clientY - top]);
             setClientMouseCoord([event.clientX, event.clientY]);
             setClientRect(rect);
-        } },
-        DisplayMessageComponent ? (react_1.default.createElement(DisplayMessageComponent, { model: model })) : (react_1.default.createElement(LinearBlocks_1.default, { ...props })),
-        children,
-        react_1.default.createElement(react_1.Suspense, { fallback: null },
-            react_1.default.createElement(TooltipComponent, { model: model, height: height, offsetMouseCoord: offsetMouseCoord, clientMouseCoord: clientMouseCoord, clientRect: clientRect, mouseCoord: offsetMouseCoord })),
-        react_1.default.createElement(ui_1.Menu, { open: Boolean(contextCoord) && items.length > 0, onMenuItemClick: (_, callback) => {
-                callback();
-                setContextCoord(undefined);
-            }, onClose: () => {
-                setContextCoord(undefined);
-                model.setContextMenuFeature(undefined);
-            }, TransitionProps: {
-                onExit: () => {
+        }, 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 }) }), (0, jsx_runtime_1.jsx)(ui_1.Menu, { open: Boolean(contextCoord) && items.length > 0, onMenuItemClick: (_, callback) => {
+                    callback();
+                    setContextCoord(undefined);
+                }, onClose: () => {
                     setContextCoord(undefined);
                     model.setContextMenuFeature(undefined);
-                },
-            }, anchorReference: "anchorPosition", anchorPosition: contextCoord
-                ? { top: contextCoord[1], left: contextCoord[0] }
-                : undefined, style: {
-                zIndex: theme.zIndex.tooltip,
-            }, menuItems: items })));
+                }, TransitionProps: {
+                    onExit: () => {
+                        setContextCoord(undefined);
+                        model.setContextMenuFeature(undefined);
+                    },
+                }, anchorReference: "anchorPosition", anchorPosition: contextCoord
+                    ? { top: contextCoord[1], left: contextCoord[0] }
+                    : undefined, style: {
+                    zIndex: theme.zIndex.tooltip,
+                }, menuItems: items })] }));
 });
 exports.default = BaseLinearDisplay;
 var Tooltip_1 = require("./Tooltip");

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

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

package/dist/BaseLinearDisplay/components/Block.js

@@ -1,12 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentBlock = void 0;
 exports.ElidedBlock = ElidedBlock;
 exports.InterRegionPaddingBlock = InterRegionPaddingBlock;
-const react_1 = __importDefault(require("react"));
+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 => ({
@@ -35,16 +32,16 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 const ContentBlock = (0, mobx_react_1.observer)(function ({ block, children, }) {
     const { classes } = useStyles();
     const { widthPx } = block;
-    return (react_1.default.createElement("div", { style: { width: widthPx }, className: classes.contentBlock }, children));
+    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 react_1.default.createElement("div", { className: classes.elidedBlock, style: { width } });
+    return (0, jsx_runtime_1.jsx)("div", { className: classes.elidedBlock, style: { width } });
 }
 function InterRegionPaddingBlock({ boundary, width, style = {}, }) {
     const { classes } = useStyles();
-    return (react_1.default.createElement("div", { style: {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
             ...style,
             width,
         }, className: boundary

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

@@ -1,5 +1,4 @@
-import React from 'react';
 declare const BlockError: ({ model }: {
     model: any;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default BlockError;

package/dist/BaseLinearDisplay/components/BlockError.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+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"));
@@ -12,19 +12,13 @@ const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const BlockMsg_1 = __importDefault(require("./BlockMsg"));
 const BlockError = (0, mobx_react_1.observer)(function ({ model }) {
-    return (react_1.default.createElement(BlockMsg_1.default, { message: `${model.error}`, severity: "error", action: react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.Tooltip, { title: "Reload track" },
-                react_1.default.createElement(material_1.IconButton, { "data-testid": "reload_button", onClick: () => {
-                        model.reload();
-                    } },
-                    react_1.default.createElement(Refresh_1.default, null))),
-            react_1.default.createElement(material_1.Tooltip, { title: "Show stack trace" },
-                react_1.default.createElement(material_1.IconButton, { onClick: () => {
-                        (0, util_1.getSession)(model).queueDialog(onClose => [
-                            ErrorMessageStackTraceDialog_1.default,
-                            { onClose, error: model.error },
-                        ]);
-                    } },
-                    react_1.default.createElement(Report_1.default, null)))) }));
+    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 = BlockError;

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

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

package/dist/BaseLinearDisplay/components/BlockMsg.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = BlockMsg;
-const react_1 = __importDefault(require("react"));
+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)()({
@@ -15,9 +12,7 @@ const useStyles = (0, mui_1.makeStyles)()({
 });
 function BlockMsg({ message, severity, action, }) {
     const { classes } = useStyles();
-    return (react_1.default.createElement(material_1.Alert, { onClick: event => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Alert, { onClick: event => {
             event.stopPropagation();
-        }, severity: severity, action: action, classes: { message: classes.ellipses } },
-        react_1.default.createElement(material_1.Tooltip, { title: message },
-            react_1.default.createElement("div", null, message))));
+        }, severity: severity, action: action, classes: { message: classes.ellipses }, 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,10 +1,9 @@
-import React from 'react';
 import type { BaseLinearDisplayModel } from '../models/BaseLinearDisplayModel';
 declare const RenderedBlocks: ({ model, }: {
     model: BaseLinearDisplayModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export { RenderedBlocks };
 declare const LinearBlocks: ({ model, }: {
     model: BaseLinearDisplayModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default LinearBlocks;

package/dist/BaseLinearDisplay/components/LinearBlocks.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RenderedBlocks = void 0;
-const react_1 = __importDefault(require("react"));
+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");
@@ -33,35 +30,32 @@ const useStyles = (0, mui_1.makeStyles)()({
 const RenderedBlocks = (0, mobx_react_1.observer)(function ({ model, }) {
     const { classes } = useStyles();
     const { blockDefinitions, blockState } = model;
-    return (react_1.default.createElement(react_1.default.Fragment, null, blockDefinitions.map(block => {
-        const key = `${model.id}-${block.key}`;
-        if (block.type === 'ContentBlock') {
-            const state = blockState.get(block.key);
-            return (react_1.default.createElement(Block_1.ContentBlock, { block: block, key: key },
-                (state === null || state === void 0 ? void 0 : state.ReactComponent) ? (react_1.default.createElement(state.ReactComponent, { model: state })) : null,
-                (state === null || state === void 0 ? void 0 : state.maxHeightReached) ? (react_1.default.createElement("div", { className: classes.heightOverflowed, style: {
-                        top: state.layout.getTotalHeight() - 16,
-                        pointerEvents: 'none',
-                        height: 16,
-                    } }, "Max height reached")) : null));
-        }
-        if (block.type === 'ElidedBlock') {
-            return react_1.default.createElement(Block_1.ElidedBlock, { key: key, width: block.widthPx });
-        }
-        if (block.type === 'InterRegionPaddingBlock') {
-            return (react_1.default.createElement(Block_1.InterRegionPaddingBlock, { key: key, width: block.widthPx, style: { background: 'none' }, boundary: block.variant === 'boundary' }));
-        }
-        throw new Error(`invalid block type ${JSON.stringify(block)}`);
-    })));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: 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)("div", { className: classes.heightOverflowed, style: {
+                                top: state.layout.getTotalHeight() - 16,
+                                pointerEvents: 'none',
+                                height: 16,
+                            }, children: "Max height reached" })) : null] }, key));
+            }
+            if (block.type === 'ElidedBlock') {
+                return (0, jsx_runtime_1.jsx)(Block_1.ElidedBlock, { width: block.widthPx }, key);
+            }
+            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.RenderedBlocks = RenderedBlocks;
 const LinearBlocks = (0, mobx_react_1.observer)(function ({ model, }) {
     const { classes } = useStyles();
     const { blockDefinitions } = model;
     const viewModel = (0, util_1.getContainingView)(model);
-    return (react_1.default.createElement("div", { className: classes.linearBlocks, style: {
+    return ((0, jsx_runtime_1.jsx)("div", { className: classes.linearBlocks, style: {
             left: blockDefinitions.offsetPx - viewModel.offsetPx,
-        } },
-        react_1.default.createElement(RenderedBlocks, { model: model })));
+        }, children: (0, jsx_runtime_1.jsx)(RenderedBlocks, { model: model }) }));
 });
 exports.default = LinearBlocks;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 declare const ServerSideRenderedBlockContent: ({ model, }: {
     model: {
         error?: unknown;
@@ -8,5 +7,5 @@ declare const ServerSideRenderedBlockContent: ({ model, }: {
         status?: string;
         reactElement?: React.ReactElement;
     };
-}) => React.JSX.Element | undefined;
+}) => import("react/jsx-runtime").JSX.Element | undefined;
 export default ServerSideRenderedBlockContent;

package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js

@@ -15,18 +15,29 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 react_1 = __importStar(require("react"));
+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 mobx_state_tree_1 = require("mobx-state-tree");
@@ -49,19 +60,17 @@ const LoadingMessage = (0, mobx_react_1.observer)(({ model }) => {
     const { status: blockStatus } = model;
     const { message: displayStatus } = (0, mobx_state_tree_1.getParent)(model, 2);
     const status = displayStatus || blockStatus;
-    return (react_1.default.createElement("div", { className: classes.loading },
-        react_1.default.createElement(ui_1.LoadingEllipses, { message: status })));
+    return ((0, jsx_runtime_1.jsx)("div", { className: classes.loading, children: (0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, { message: status }) }));
 });
 const ServerSideRenderedBlockContent = (0, mobx_react_1.observer)(function ({ model, }) {
     if (model.error) {
-        return (react_1.default.createElement(react_1.Suspense, { fallback: null },
-            react_1.default.createElement(BlockError, { model: model })));
+        return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(BlockError, { model: model }) }));
     }
     else if (model.message) {
-        return react_1.default.isValidElement(model.message) ? (model.message) : (react_1.default.createElement(BlockMsg_1.default, { message: `${model.message}`, severity: "info" }));
+        return (0, react_1.isValidElement)(model.message) ? (model.message) : ((0, jsx_runtime_1.jsx)(BlockMsg_1.default, { message: `${model.message}`, severity: "info" }));
     }
     else if (!model.filled) {
-        return react_1.default.createElement(LoadingMessage, { model: model });
+        return (0, jsx_runtime_1.jsx)(LoadingMessage, { model: model });
     }
     else {
         return model.reactElement;

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

@@ -1,11 +1,10 @@
-import React from 'react';
 import type { FeatureDensityStats } from '@jbrowse/core/data_adapters/BaseAdapter';
-declare function TooLargeMessage({ model, }: {
+declare const TooLargeMessage: ({ model, }: {
     model: {
         regionTooLargeReason: string;
         featureDensityStats?: FeatureDensityStats;
         setFeatureDensityStatsLimit: (s?: FeatureDensityStats) => void;
         reload: () => void;
     };
-}): React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default TooLargeMessage;

package/dist/BaseLinearDisplay/components/TooLargeMessage.js

@@ -3,19 +3,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
+const mobx_state_tree_1 = require("mobx-state-tree");
 const BlockMsg_1 = __importDefault(require("../components/BlockMsg"));
-function TooLargeMessage({ model, }) {
+const TooLargeMessage = (0, mobx_react_1.observer)(function ({ model, }) {
     const { regionTooLargeReason } = model;
-    return (react_1.default.createElement(BlockMsg_1.default, { severity: "warning", action: react_1.default.createElement(material_1.Button, { onClick: () => {
-                model.setFeatureDensityStatsLimit(model.featureDensityStats);
-                model.reload();
-            } }, "Force load"), message: [
+    return ((0, jsx_runtime_1.jsx)(BlockMsg_1.default, { severity: "warning", action: (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
+                if ((0, mobx_state_tree_1.isAlive)(model)) {
+                    model.setFeatureDensityStatsLimit(model.featureDensityStats);
+                    model.reload();
+                }
+            }, children: "Force load" }), message: [
             regionTooLargeReason,
             'Zoom in to see features or force load (may be slow)',
         ]
             .filter(f => !!f)
             .join('. ') }));
-}
+});
 exports.default = TooLargeMessage;

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

@@ -1,8 +1,11 @@
-import React from 'react';
-import type { BaseLinearDisplayModel } from '../models/BaseLinearDisplayModel';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { Feature } from '@jbrowse/core/util';
 type Coord = [number, number];
 declare const Tooltip: ({ model, clientMouseCoord, }: {
-    model: BaseLinearDisplayModel;
+    model: {
+        featureUnderMouse: Feature | undefined;
+        configuration: AnyConfigurationModel;
+    };
     clientMouseCoord: Coord;
-}) => React.JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default Tooltip;

package/dist/BaseLinearDisplay/components/Tooltip.js

@@ -3,13 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const configuration_1 = require("@jbrowse/core/configuration");
 const ui_1 = require("@jbrowse/core/ui");
 const BaseTooltip_1 = __importDefault(require("@jbrowse/core/ui/BaseTooltip"));
 const mobx_react_1 = require("mobx-react");
-const TooltipContents = react_1.default.forwardRef(function TooltipContents2({ message }, ref) {
-    return (react_1.default.createElement("div", { ref: ref }, react_1.default.isValidElement(message) ? (message) : message ? (react_1.default.createElement(ui_1.SanitizedHTML, { html: String(message) })) : null));
+const TooltipContents = (0, react_1.forwardRef)(function TooltipContents2({ message }, ref) {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, children: (0, react_1.isValidElement)(message) ? (message) : message ? ((0, jsx_runtime_1.jsx)(ui_1.SanitizedHTML, { html: String(message) })) : null }));
 });
 const Tooltip = (0, mobx_react_1.observer)(function ({ model, clientMouseCoord, }) {
     const { featureUnderMouse } = model;
@@ -18,7 +19,6 @@ const Tooltip = (0, mobx_react_1.observer)(function ({ model, clientMouseCoord,
     const contents = featureUnderMouse
         ? (0, configuration_1.getConf)(model, 'mouseover', { feature: featureUnderMouse })
         : undefined;
-    return featureUnderMouse && contents ? (react_1.default.createElement(BaseTooltip_1.default, { clientPoint: { x, y } },
-        react_1.default.createElement(TooltipContents, { message: contents }))) : null;
+    return featureUnderMouse && contents ? ((0, jsx_runtime_1.jsx)(BaseTooltip_1.default, { clientPoint: { x, y }, children: (0, jsx_runtime_1.jsx)(TooltipContents, { message: contents }) })) : null;
 });
 exports.default = Tooltip;

package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import CompositeMap from '@jbrowse/core/util/compositeMap';
-import type { ExportSvgOptions } from '../../LinearGenomeView';
+import type { ExportSvgOptions } from '../../LinearGenomeView/types';
 import type { MenuItem } from '@jbrowse/core/ui';
 import type { AnyReactComponentType, Feature } from '@jbrowse/core/util';
 import type { BaseBlock } from '@jbrowse/core/util/blockTypes';
@@ -53,7 +53,7 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => React.JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;
@@ -185,13 +185,13 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
 } & {
     readonly statsReadyAndRegionNotTooLarge: boolean;
     regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
-    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): React.JSX.Element | null;
+    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react/jsx-runtime").JSX.Element | null;
 } & {
     featureIdUnderMouse: undefined | string;
     contextMenuFeature: undefined | Feature;
 } & {
-    readonly DisplayMessageComponent: React.FC<any> | undefined;
-    readonly blockType: "dynamicBlocks" | "staticBlocks";
+    readonly DisplayMessageComponent: undefined | React.FC<any>;
+    readonly blockType: "staticBlocks" | "dynamicBlocks";
     readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
 } & {
     readonly renderDelay: number;
@@ -218,7 +218,7 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
     contextMenuItems(): MenuItem[];
     renderProps(): any;
 } & {
-    renderSvg(opts: ExportSvgDisplayOptions): Promise<React.JSX.Element>;
+    renderSvg(opts: ExportSvgDisplayOptions): Promise<import("react/jsx-runtime").JSX.Element>;
     afterAttach(): void;
 }, import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -255,7 +255,7 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => React.JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;

package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 };
 };

package/dist/BaseLinearDisplay/models/FeatureDensityMixin.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { FeatureDensityStats } from '@jbrowse/core/data_adapters/BaseAdapter';
 import type { Region } from '@jbrowse/core/util/types';
 export default function FeatureDensityMixin(): import("mobx-state-tree").IModelType<{
@@ -29,5 +28,5 @@ export default function FeatureDensityMixin(): import("mobx-state-tree").IModelT
 } & {
     readonly statsReadyAndRegionNotTooLarge: boolean;
     regionCannotBeRenderedText(_region: Region): "" | "Force load to see features";
-    regionCannotBeRendered(_region: Region): React.JSX.Element | null;
+    regionCannotBeRendered(_region: Region): import("react/jsx-runtime").JSX.Element | null;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/dist/BaseLinearDisplay/models/FeatureDensityMixin.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = FeatureDensityMixin;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const configuration_1 = require("@jbrowse/core/configuration");
 const util_1 = require("@jbrowse/core/util");
 const mobx_1 = require("mobx");
@@ -116,7 +116,7 @@ function FeatureDensityMixin() {
             return self.regionTooLarge ? 'Force load to see features' : '';
         },
         regionCannotBeRendered(_region) {
-            return self.regionTooLarge ? (react_1.default.createElement(TooLargeMessage_1.default, { model: self })) : null;
+            return self.regionTooLarge ? ((0, jsx_runtime_1.jsx)(TooLargeMessage_1.default, { model: self })) : null;
         },
     }));
 }

package/dist/BaseLinearDisplay/models/renderSvg.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import type { BaseLinearDisplayModel } from './BaseLinearDisplayModel';
-import type { ExportSvgOptions } from '../../LinearGenomeView';
+import type { ExportSvgOptions } from '../../LinearGenomeView/types';
 import type { ThemeOptions } from '@mui/material';
 export declare function renderBaseLinearDisplaySvg(self: BaseLinearDisplayModel, opts: ExportSvgOptions & {
     overrideHeight: number;
     theme?: ThemeOptions;
-}): Promise<React.JSX.Element>;
+}): Promise<import("react/jsx-runtime").JSX.Element>;