@jbrowse/plugin-linear-comparative-view 2.15.0 → 2.15.1

package/dist/LGVSyntenyDisplay/model.d.ts

@@ -37,7 +37,7 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
     }, {
         renderInProgress: AbortController | undefined;
         filled: boolean;
-        reactElement: import("react").ReactElement | undefined;
+        reactElement: React.ReactElement | undefined;
         features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
         layout: any;
         status: string;
@@ -48,10 +48,10 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
             model: {
                 error?: unknown;
                 reload: () => void;
-                message: import("react").ReactNode;
+                message: React.ReactNode;
                 filled?: boolean;
                 status?: string;
-                reactElement?: import("react").ReactElement;
+                reactElement?: React.ReactElement;
             };
         }) => import("react").JSX.Element | undefined;
         renderProps: any;
@@ -62,7 +62,7 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
         setLoading(abortController: AbortController): void;
         setMessage(messageText: string): void;
         setRendered(props: {
-            reactElement: import("react").ReactElement;
+            reactElement: React.ReactElement;
             features: Map<string, import("@jbrowse/core/util").Feature>;
             layout: any;
             maxHeightReached: boolean;
@@ -135,7 +135,7 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
     error: unknown;
     message: string | undefined;
 } & {
-    readonly RenderingComponent: import("react").FC<{
+    readonly RenderingComponent: React.FC<{
         model: {
             id: string;
             type: string;
@@ -156,7 +156,7 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
         onHorizontalScroll?: () => void;
         blockState?: Record<string, any>;
     }>;
-    readonly DisplayBlurb: import("react").FC<{
+    readonly DisplayBlurb: React.FC<{
         model: {
             id: string;
             type: string;
@@ -179,7 +179,7 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
     readonly parentTrack: any;
     renderProps(): any;
     readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-    readonly DisplayMessageComponent: undefined | import("react").FC<any>;
+    readonly DisplayMessageComponent: undefined | React.FC<any>;
     trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
     regionCannotBeRendered(): null;
@@ -225,13 +225,13 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
     featureIdUnderMouse: undefined | string;
     contextMenuFeature: undefined | import("@jbrowse/core/util").Feature;
 } & {
+    readonly DisplayMessageComponent: import("react").FC<any> | undefined;
     readonly blockType: "dynamicBlocks" | "staticBlocks";
     readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
 } & {
     readonly renderDelay: number;
-    readonly TooltipComponent: import("react").FC<any>;
+    readonly TooltipComponent: import("@jbrowse/core/util").AnyReactComponentType;
     readonly selectedFeatureId: string | undefined;
-    readonly DisplayMessageComponent: undefined | import("react").FC<any>;
 } & {
     readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util").Feature>;
     readonly featureUnderMouse: import("@jbrowse/core/util").Feature | undefined;
@@ -329,7 +329,6 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
         icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
             muiName: string;
         };
-        priority: number;
         onClick: () => void;
     })[];
 } & {

package/dist/LinearComparativeDisplay/stateModelFactory.d.ts

@@ -19,7 +19,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     error: unknown;
     message: string | undefined;
 } & {
-    readonly RenderingComponent: import("react").FC<{
+    readonly RenderingComponent: React.FC<{
         model: {
             id: string;
             type: string;
@@ -42,7 +42,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
         onHorizontalScroll?: () => void;
         blockState?: Record<string, any>;
     }>;
-    readonly DisplayBlurb: import("react").FC<{
+    readonly DisplayBlurb: React.FC<{
         model: {
             id: string;
             type: string;
@@ -65,7 +65,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     readonly parentTrack: any;
     renderProps(): any;
     readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-    readonly DisplayMessageComponent: undefined | import("react").FC<any>;
+    readonly DisplayMessageComponent: undefined | React.FC<any>;
     trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
     regionCannotBeRendered(): null;
@@ -105,7 +105,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             error: unknown;
             message: string | undefined;
         } & {
-            readonly RenderingComponent: import("react").FC<{
+            readonly RenderingComponent: React.FC<{
                 model: {
                     id: string;
                     type: string;
@@ -128,7 +128,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
                 onHorizontalScroll?: () => void;
                 blockState?: Record<string, any>;
             }>;
-            readonly DisplayBlurb: import("react").FC<{
+            readonly DisplayBlurb: React.FC<{
                 model: {
                     id: string;
                     type: string;
@@ -151,7 +151,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             readonly parentTrack: any;
             renderProps(): any;
             readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-            readonly DisplayMessageComponent: undefined | import("react").FC<any>;
+            readonly DisplayMessageComponent: undefined | React.FC<any>;
             trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
             readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
             regionCannotBeRendered(): null;
@@ -177,7 +177,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             error: unknown;
             message: string | undefined;
         } & {
-            readonly RenderingComponent: import("react").FC<{
+            readonly RenderingComponent: React.FC<{
                 model: {
                     id: string;
                     type: string;
@@ -198,7 +198,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
                 onHorizontalScroll?: () => void;
                 blockState?: Record<string, any>;
             }>;
-            readonly DisplayBlurb: import("react").FC<{
+            readonly DisplayBlurb: React.FC<{
                 model: {
                     id: string;
                     type: string;
@@ -221,7 +221,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             readonly parentTrack: any;
             renderProps(): any;
             readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-            readonly DisplayMessageComponent: undefined | import("react").FC<any>;
+            readonly DisplayMessageComponent: undefined | React.FC<any>;
             trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
             readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
             regionCannotBeRendered(): null;

package/dist/LinearComparativeView/model.d.ts

@@ -68,8 +68,8 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
         readonly assemblyNames: string[];
     } & {
         scaleBarDisplayPrefix(): string | undefined;
-        MiniControlsComponent(): import("react").FC<any>;
-        HeaderComponent(): import("react").FC<any>;
+        MiniControlsComponent(): React.FC<any>;
+        HeaderComponent(): React.FC<any>;
         readonly assemblyErrors: string;
         readonly assembliesInitialized: boolean;
         readonly initialized: boolean;

package/dist/LinearSyntenyDisplay/components/LinearSyntenyRendering.js

@@ -31,11 +31,10 @@ const mobx_react_1 = require("mobx-react");
 const util_1 = require("@jbrowse/core/util");
 const mobx_1 = require("mobx");
 const mui_1 = require("tss-react/mui");
-// locals
-const SyntenyTooltip_1 = __importDefault(require("./SyntenyTooltip"));
 const drawSynteny_1 = require("../drawSynteny");
 const SyntenyContextMenu_1 = __importDefault(require("./SyntenyContextMenu"));
 const util_2 = require("./util");
+const SyntenyTooltip = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./SyntenyTooltip'))));
 const useStyles = (0, mui_1.makeStyles)()({
     pix: {
         imageRendering: 'pixelated',
@@ -208,7 +207,7 @@ const LinearSyntenyRendering = (0, mobx_react_1.observer)(function ({ model, })
             }, "data-testid": "synteny_canvas", className: classes.abs, width: width, height: height }),
         react_1.default.createElement("canvas", { ref: k3, className: classes.pix, width: width, height: height }),
         react_1.default.createElement("canvas", { ref: k4, className: classes.pix, width: width, height: height }),
-        mouseoverId && tooltip && currX && currY ? (react_1.default.createElement(SyntenyTooltip_1.default, { title: tooltip })) : null,
+        mouseoverId && tooltip && currX && currY ? (react_1.default.createElement(SyntenyTooltip, { title: tooltip })) : null,
         anchorEl ? (react_1.default.createElement(SyntenyContextMenu_1.default, { model: model, anchorEl: anchorEl, onClose: () => {
                 setAnchorEl(undefined);
             } })) : null));

package/dist/LinearSyntenyDisplay/components/SyntenyTooltip.js

@@ -5,47 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const mobx_react_1 = require("mobx-react");
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const react_2 = require("@floating-ui/react");
 const ui_1 = require("@jbrowse/core/ui");
-function round(value) {
-    return Math.round(value * 1e5) / 1e5;
-}
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    // these styles come from
-    // https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tooltip/Tooltip.js
-    tooltip: {
-        position: 'absolute',
-        pointerEvents: 'none',
-        backgroundColor: (0, material_1.alpha)(theme.palette.grey[700], 0.9),
-        borderRadius: theme.shape.borderRadius,
-        color: theme.palette.common.white,
-        fontFamily: theme.typography.fontFamily,
-        padding: '4px 8px',
-        fontSize: theme.typography.pxToRem(12),
-        lineHeight: `${round(14 / 10)}em`,
-        maxWidth: 300,
-        wordWrap: 'break-word',
-    },
-}));
+const BaseTooltip_1 = __importDefault(require("@jbrowse/core/ui/BaseTooltip"));
 const SyntenyTooltip = (0, mobx_react_1.observer)(function ({ title }) {
-    var _a, _b;
-    const theme = (0, material_1.useTheme)();
-    const { classes } = useStyles();
-    const { refs, floatingStyles, context } = (0, react_2.useFloating)({
-        placement: 'right',
-        strategy: 'fixed',
-    });
-    const clientPoint = (0, react_2.useClientPoint)(context);
-    const { getFloatingProps } = (0, react_2.useInteractions)([clientPoint]);
-    const popperTheme = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.MuiPopper;
-    return title ? (react_1.default.createElement(material_1.Portal, { container: (_b = popperTheme === null || popperTheme === void 0 ? void 0 : popperTheme.defaultProps) === null || _b === void 0 ? void 0 : _b.container },
-        react_1.default.createElement("div", { className: classes.tooltip, ref: refs.setFloating, style: {
-                ...floatingStyles,
-                zIndex: 100000,
-                pointerEvents: 'none',
-            }, ...getFloatingProps() },
-            react_1.default.createElement(ui_1.SanitizedHTML, { html: title })))) : null;
+    return title ? (react_1.default.createElement(BaseTooltip_1.default, null,
+        react_1.default.createElement(ui_1.SanitizedHTML, { html: title }))) : null;
 });
 exports.default = SyntenyTooltip;

package/dist/LinearSyntenyDisplay/model.d.ts

@@ -39,7 +39,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     error: unknown;
     message: string | undefined;
 } & {
-    readonly RenderingComponent: import("react").FC<{
+    readonly RenderingComponent: React.FC<{
         model: {
             id: string;
             type: string;
@@ -60,7 +60,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
         onHorizontalScroll?: () => void;
         blockState?: Record<string, any>;
     }>;
-    readonly DisplayBlurb: import("react").FC<{
+    readonly DisplayBlurb: React.FC<{
         model: {
             id: string;
             type: string;
@@ -85,7 +85,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     readonly parentTrack: any;
     renderProps(): any;
     readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-    readonly DisplayMessageComponent: undefined | import("react").FC<any>;
+    readonly DisplayMessageComponent: undefined | React.FC<any>;
     trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
     regionCannotBeRendered(): null;
@@ -122,7 +122,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             error: unknown;
             message: string | undefined;
         } & {
-            readonly RenderingComponent: import("react").FC<{
+            readonly RenderingComponent: React.FC<{
                 model: {
                     id: string;
                     type: string;
@@ -143,7 +143,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
                 onHorizontalScroll?: () => void;
                 blockState?: Record<string, any>;
             }>;
-            readonly DisplayBlurb: import("react").FC<{
+            readonly DisplayBlurb: React.FC<{
                 model: {
                     id: string;
                     type: string;
@@ -168,7 +168,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             readonly parentTrack: any;
             renderProps(): any;
             readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-            readonly DisplayMessageComponent: undefined | import("react").FC<any>;
+            readonly DisplayMessageComponent: undefined | React.FC<any>;
             trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
             readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
             regionCannotBeRendered(): null;
@@ -194,7 +194,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             error: unknown;
             message: string | undefined;
         } & {
-            readonly RenderingComponent: import("react").FC<{
+            readonly RenderingComponent: React.FC<{
                 model: {
                     id: string;
                     type: string;
@@ -215,7 +215,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
                 onHorizontalScroll?: () => void;
                 blockState?: Record<string, any>;
             }>;
-            readonly DisplayBlurb: import("react").FC<{
+            readonly DisplayBlurb: React.FC<{
                 model: {
                     id: string;
                     type: string;
@@ -238,7 +238,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             readonly parentTrack: any;
             renderProps(): any;
             readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-            readonly DisplayMessageComponent: undefined | import("react").FC<any>;
+            readonly DisplayMessageComponent: undefined | React.FC<any>;
             trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
             readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
             regionCannotBeRendered(): null;

package/esm/LGVSyntenyDisplay/model.d.ts

@@ -37,7 +37,7 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
     }, {
         renderInProgress: AbortController | undefined;
         filled: boolean;
-        reactElement: import("react").ReactElement | undefined;
+        reactElement: React.ReactElement | undefined;
         features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
         layout: any;
         status: string;
@@ -48,10 +48,10 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
             model: {
                 error?: unknown;
                 reload: () => void;
-                message: import("react").ReactNode;
+                message: React.ReactNode;
                 filled?: boolean;
                 status?: string;
-                reactElement?: import("react").ReactElement;
+                reactElement?: React.ReactElement;
             };
         }) => import("react").JSX.Element | undefined;
         renderProps: any;
@@ -62,7 +62,7 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
         setLoading(abortController: AbortController): void;
         setMessage(messageText: string): void;
         setRendered(props: {
-            reactElement: import("react").ReactElement;
+            reactElement: React.ReactElement;
             features: Map<string, import("@jbrowse/core/util").Feature>;
             layout: any;
             maxHeightReached: boolean;
@@ -135,7 +135,7 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
     error: unknown;
     message: string | undefined;
 } & {
-    readonly RenderingComponent: import("react").FC<{
+    readonly RenderingComponent: React.FC<{
         model: {
             id: string;
             type: string;
@@ -156,7 +156,7 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
         onHorizontalScroll?: () => void;
         blockState?: Record<string, any>;
     }>;
-    readonly DisplayBlurb: import("react").FC<{
+    readonly DisplayBlurb: React.FC<{
         model: {
             id: string;
             type: string;
@@ -179,7 +179,7 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
     readonly parentTrack: any;
     renderProps(): any;
     readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-    readonly DisplayMessageComponent: undefined | import("react").FC<any>;
+    readonly DisplayMessageComponent: undefined | React.FC<any>;
     trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
     regionCannotBeRendered(): null;
@@ -225,13 +225,13 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
     featureIdUnderMouse: undefined | string;
     contextMenuFeature: undefined | import("@jbrowse/core/util").Feature;
 } & {
+    readonly DisplayMessageComponent: import("react").FC<any> | undefined;
     readonly blockType: "dynamicBlocks" | "staticBlocks";
     readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
 } & {
     readonly renderDelay: number;
-    readonly TooltipComponent: import("react").FC<any>;
+    readonly TooltipComponent: import("@jbrowse/core/util").AnyReactComponentType;
     readonly selectedFeatureId: string | undefined;
-    readonly DisplayMessageComponent: undefined | import("react").FC<any>;
 } & {
     readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util").Feature>;
     readonly featureUnderMouse: import("@jbrowse/core/util").Feature | undefined;
@@ -329,7 +329,6 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
         icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
             muiName: string;
         };
-        priority: number;
         onClick: () => void;
     })[];
 } & {

package/esm/LinearComparativeDisplay/stateModelFactory.d.ts

@@ -19,7 +19,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     error: unknown;
     message: string | undefined;
 } & {
-    readonly RenderingComponent: import("react").FC<{
+    readonly RenderingComponent: React.FC<{
         model: {
             id: string;
             type: string;
@@ -42,7 +42,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
         onHorizontalScroll?: () => void;
         blockState?: Record<string, any>;
     }>;
-    readonly DisplayBlurb: import("react").FC<{
+    readonly DisplayBlurb: React.FC<{
         model: {
             id: string;
             type: string;
@@ -65,7 +65,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     readonly parentTrack: any;
     renderProps(): any;
     readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-    readonly DisplayMessageComponent: undefined | import("react").FC<any>;
+    readonly DisplayMessageComponent: undefined | React.FC<any>;
     trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
     regionCannotBeRendered(): null;
@@ -105,7 +105,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             error: unknown;
             message: string | undefined;
         } & {
-            readonly RenderingComponent: import("react").FC<{
+            readonly RenderingComponent: React.FC<{
                 model: {
                     id: string;
                     type: string;
@@ -128,7 +128,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
                 onHorizontalScroll?: () => void;
                 blockState?: Record<string, any>;
             }>;
-            readonly DisplayBlurb: import("react").FC<{
+            readonly DisplayBlurb: React.FC<{
                 model: {
                     id: string;
                     type: string;
@@ -151,7 +151,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             readonly parentTrack: any;
             renderProps(): any;
             readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-            readonly DisplayMessageComponent: undefined | import("react").FC<any>;
+            readonly DisplayMessageComponent: undefined | React.FC<any>;
             trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
             readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
             regionCannotBeRendered(): null;
@@ -177,7 +177,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             error: unknown;
             message: string | undefined;
         } & {
-            readonly RenderingComponent: import("react").FC<{
+            readonly RenderingComponent: React.FC<{
                 model: {
                     id: string;
                     type: string;
@@ -198,7 +198,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
                 onHorizontalScroll?: () => void;
                 blockState?: Record<string, any>;
             }>;
-            readonly DisplayBlurb: import("react").FC<{
+            readonly DisplayBlurb: React.FC<{
                 model: {
                     id: string;
                     type: string;
@@ -221,7 +221,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             readonly parentTrack: any;
             renderProps(): any;
             readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-            readonly DisplayMessageComponent: undefined | import("react").FC<any>;
+            readonly DisplayMessageComponent: undefined | React.FC<any>;
             trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
             readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
             regionCannotBeRendered(): null;

package/esm/LinearComparativeView/model.d.ts

@@ -68,8 +68,8 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
         readonly assemblyNames: string[];
     } & {
         scaleBarDisplayPrefix(): string | undefined;
-        MiniControlsComponent(): import("react").FC<any>;
-        HeaderComponent(): import("react").FC<any>;
+        MiniControlsComponent(): React.FC<any>;
+        HeaderComponent(): React.FC<any>;
         readonly assemblyErrors: string;
         readonly assembliesInitialized: boolean;
         readonly initialized: boolean;

package/esm/LinearSyntenyDisplay/components/LinearSyntenyRendering.js

@@ -1,13 +1,12 @@
-import React, { useState, useCallback, useRef } from 'react';
+import React, { useState, useCallback, useRef, lazy } from 'react';
 import { observer } from 'mobx-react';
 import { getContainingView } from '@jbrowse/core/util';
 import { transaction } from 'mobx';
 import { makeStyles } from 'tss-react/mui';
-// locals
-import SyntenyTooltip from './SyntenyTooltip';
 import { getId, MAX_COLOR_RANGE } from '../drawSynteny';
 import SyntenyContextMenu from './SyntenyContextMenu';
 import { getTooltip, onSynClick, onSynContextClick } from './util';
+const SyntenyTooltip = lazy(() => import('./SyntenyTooltip'));
 const useStyles = makeStyles()({
     pix: {
         imageRendering: 'pixelated',

package/esm/LinearSyntenyDisplay/components/SyntenyTooltip.js

@@ -1,46 +1,9 @@
 import React from 'react';
 import { observer } from 'mobx-react';
-import { Portal, useTheme, alpha } from '@mui/material';
-import { makeStyles } from 'tss-react/mui';
-import { useClientPoint, useFloating, useInteractions, } from '@floating-ui/react';
 import { SanitizedHTML } from '@jbrowse/core/ui';
-function round(value) {
-    return Math.round(value * 1e5) / 1e5;
-}
-const useStyles = makeStyles()(theme => ({
-    // these styles come from
-    // https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tooltip/Tooltip.js
-    tooltip: {
-        position: 'absolute',
-        pointerEvents: 'none',
-        backgroundColor: alpha(theme.palette.grey[700], 0.9),
-        borderRadius: theme.shape.borderRadius,
-        color: theme.palette.common.white,
-        fontFamily: theme.typography.fontFamily,
-        padding: '4px 8px',
-        fontSize: theme.typography.pxToRem(12),
-        lineHeight: `${round(14 / 10)}em`,
-        maxWidth: 300,
-        wordWrap: 'break-word',
-    },
-}));
+import BaseTooltip from '@jbrowse/core/ui/BaseTooltip';
 const SyntenyTooltip = observer(function ({ title }) {
-    var _a, _b;
-    const theme = useTheme();
-    const { classes } = useStyles();
-    const { refs, floatingStyles, context } = useFloating({
-        placement: 'right',
-        strategy: 'fixed',
-    });
-    const clientPoint = useClientPoint(context);
-    const { getFloatingProps } = useInteractions([clientPoint]);
-    const popperTheme = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.MuiPopper;
-    return title ? (React.createElement(Portal, { container: (_b = popperTheme === null || popperTheme === void 0 ? void 0 : popperTheme.defaultProps) === null || _b === void 0 ? void 0 : _b.container },
-        React.createElement("div", { className: classes.tooltip, ref: refs.setFloating, style: {
-                ...floatingStyles,
-                zIndex: 100000,
-                pointerEvents: 'none',
-            }, ...getFloatingProps() },
-            React.createElement(SanitizedHTML, { html: title })))) : null;
+    return title ? (React.createElement(BaseTooltip, null,
+        React.createElement(SanitizedHTML, { html: title }))) : null;
 });
 export default SyntenyTooltip;

package/esm/LinearSyntenyDisplay/model.d.ts

@@ -39,7 +39,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     error: unknown;
     message: string | undefined;
 } & {
-    readonly RenderingComponent: import("react").FC<{
+    readonly RenderingComponent: React.FC<{
         model: {
             id: string;
             type: string;
@@ -60,7 +60,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
         onHorizontalScroll?: () => void;
         blockState?: Record<string, any>;
     }>;
-    readonly DisplayBlurb: import("react").FC<{
+    readonly DisplayBlurb: React.FC<{
         model: {
             id: string;
             type: string;
@@ -85,7 +85,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     readonly parentTrack: any;
     renderProps(): any;
     readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-    readonly DisplayMessageComponent: undefined | import("react").FC<any>;
+    readonly DisplayMessageComponent: undefined | React.FC<any>;
     trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
     regionCannotBeRendered(): null;
@@ -122,7 +122,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             error: unknown;
             message: string | undefined;
         } & {
-            readonly RenderingComponent: import("react").FC<{
+            readonly RenderingComponent: React.FC<{
                 model: {
                     id: string;
                     type: string;
@@ -143,7 +143,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
                 onHorizontalScroll?: () => void;
                 blockState?: Record<string, any>;
             }>;
-            readonly DisplayBlurb: import("react").FC<{
+            readonly DisplayBlurb: React.FC<{
                 model: {
                     id: string;
                     type: string;
@@ -168,7 +168,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             readonly parentTrack: any;
             renderProps(): any;
             readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-            readonly DisplayMessageComponent: undefined | import("react").FC<any>;
+            readonly DisplayMessageComponent: undefined | React.FC<any>;
             trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
             readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
             regionCannotBeRendered(): null;
@@ -194,7 +194,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             error: unknown;
             message: string | undefined;
         } & {
-            readonly RenderingComponent: import("react").FC<{
+            readonly RenderingComponent: React.FC<{
                 model: {
                     id: string;
                     type: string;
@@ -215,7 +215,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
                 onHorizontalScroll?: () => void;
                 blockState?: Record<string, any>;
             }>;
-            readonly DisplayBlurb: import("react").FC<{
+            readonly DisplayBlurb: React.FC<{
                 model: {
                     id: string;
                     type: string;
@@ -238,7 +238,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             readonly parentTrack: any;
             renderProps(): any;
             readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-            readonly DisplayMessageComponent: undefined | import("react").FC<any>;
+            readonly DisplayMessageComponent: undefined | React.FC<any>;
             trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
             readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
             regionCannotBeRendered(): null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-linear-comparative-view",
-  "version": "2.15.0",
+  "version": "2.15.1",
   "description": "JBrowse 2 linear comparative view",
   "keywords": [
     "jbrowse",
@@ -61,5 +61,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "87eeb1fbf8311dbf88d5e75b5a265f03beffdda8"
+  "gitHead": "86ed70124fc5a0b1161266659d1ca9f8796bf3fe"
 }