@jbrowse/plugin-wiggle 2.9.0 → 2.10.1

package/dist/BigWigAdapter/BigWigAdapter.d.ts

@@ -11,10 +11,10 @@ export default class BigWigAdapter extends BaseFeatureDataAdapter {
     private setupPre;
     setup(opts?: BaseOptions): Promise<{
         bigwig: BigWig;
-        header: any;
+        header: import("@gmod/bbi").Header;
     }>;
     getRefNames(opts?: BaseOptions): Promise<string[]>;
-    refIdToName(refId: number): Promise<any>;
+    refIdToName(refId: number): Promise<string>;
     getGlobalStats(opts?: BaseOptions): Promise<import("@jbrowse/core/util/stats").QuantitativeStats>;
     getFeatures(region: Region, opts?: WiggleOptions): import("rxjs").Observable<Feature>;
     getMultiRegionFeatureDensityStats(_regions: Region[]): Promise<{

package/dist/LinearWiggleDisplay/models/configSchema.d.ts

@@ -1,6 +1,8 @@
 import PluginManager from '@jbrowse/core/PluginManager';
 /**
  * #config LinearWiggleDisplay
+ * extends
+ * - [SharedWiggleDisplay](../sharedwiggledisplay)
  */
 export default function WiggleConfigFactory(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
     /**

package/dist/LinearWiggleDisplay/models/configSchema.js

@@ -9,6 +9,8 @@ const mobx_state_tree_1 = require("mobx-state-tree");
 const configShared_1 = __importDefault(require("../../shared/configShared"));
 /**
  * #config LinearWiggleDisplay
+ * extends
+ * - [SharedWiggleDisplay](../sharedwiggledisplay)
  */
 function WiggleConfigFactory(pluginManager) {
     const XYPlotRendererConfigSchema = pluginManager.getRendererType('XYPlotRenderer').configSchema;

package/dist/LinearWiggleDisplay/models/model.d.ts

@@ -5,7 +5,8 @@ import PluginManager from '@jbrowse/core/PluginManager';
 import { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
 /**
  * #stateModel LinearWiggleDisplay
- * extends `SharedWiggleMixin`
+ * extends
+ * - [SharedWiggleMixin](../sharedwigglemixin)
  */
 declare function stateModelFactory(pluginManager: PluginManager, configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -33,9 +34,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
         isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
         isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     }, {
-        renderInProgress: AbortController | undefined; /**
-         * #property
-         */
+        renderInProgress: AbortController | undefined;
         filled: boolean;
         reactElement: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
         features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
@@ -45,7 +44,9 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
         message: string | undefined;
         maxHeightReached: boolean;
         ReactComponent: ({ model, }: {
-            model: any;
+            model: any; /**
+             * #getter
+             */
         }) => any;
         renderProps: any;
     } & {
@@ -159,6 +160,9 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     }> | null;
     readonly adapterConfig: any;
+    /**
+     * #getter
+     */
     readonly parentTrack: any;
     renderProps(): any; /**
      * #getter
@@ -186,9 +190,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
     featureDensityStats: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | undefined;
     currStatsBpPerPx: number;
 } & {
-    readonly currentBytesRequested: number; /**
-     * #getter
-     */
+    readonly currentBytesRequested: number;
     readonly currentFeatureScreenDensity: number;
     readonly maxFeatureScreenDensity: any;
     readonly featureDensityStatsReady: boolean;
@@ -200,7 +202,9 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
     setFeatureDensityStatsLimit(stats?: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | undefined): void;
     getFeatureDensityStats(): Promise<import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats>;
     setFeatureDensityStatsP(arg: any): void;
-    setFeatureDensityStats(featureDensityStats?: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | undefined): void;
+    setFeatureDensityStats(featureDensityStats?: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | undefined): void; /**
+     * #method
+     */
     clearFeatureDensityStats(): void;
 } & {
     readonly regionTooLarge: boolean;

package/dist/LinearWiggleDisplay/models/model.js

@@ -45,7 +45,8 @@ const rendererTypes = new Map([
 ]);
 /**
  * #stateModel LinearWiggleDisplay
- * extends `SharedWiggleMixin`
+ * extends
+ * - [SharedWiggleMixin](../sharedwigglemixin)
  */
 function stateModelFactory(pluginManager, configSchema) {
     return mobx_state_tree_1.types
@@ -211,7 +212,12 @@ function stateModelFactory(pluginManager, configSchema) {
         const { renderSvg: superRenderSvg } = self;
         return {
             afterAttach() {
-                (0, util_2.quantitativeStatsAutorun)(self);
+                // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                ;
+                (async () => {
+                    const { quantitativeStatsAutorun } = await Promise.resolve().then(() => __importStar(require('../../util')));
+                    quantitativeStatsAutorun(self);
+                })();
             },
             /**
              * #action

package/dist/MultiLinearWiggleDisplay/models/configSchema.js

@@ -9,6 +9,8 @@ const mobx_state_tree_1 = require("mobx-state-tree");
 const configShared_1 = __importDefault(require("../../shared/configShared"));
 /**
  * #config MultiLinearWiggleDisplay
+ * extends
+ * - [SharedWiggleDisplay](../sharedwiggledisplay)
  */
 function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
 function WiggleConfigFactory(pluginManager) {

package/dist/MultiLinearWiggleDisplay/models/model.d.ts

@@ -11,7 +11,8 @@ interface Source {
 }
 /**
  * #stateModel MultiLinearWiggleDisplay
- * extends `SharedWiggleMixin`
+ * extends
+ * - [SharedWiggleMixin](../sharedwigglemixin)
  */
 export declare function stateModelFactory(pluginManager: PluginManager, configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -59,8 +60,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
         setLoading(abortController: AbortController): void;
         setMessage(messageText: string): void;
         setRendered(props: {
-            reactElement: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-            /**
+            reactElement: React.ReactElement<any, string | React.JSXElementConstructor<any>>; /**
              * #getter
              */
             features: Map<string, Feature>;
@@ -106,9 +106,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
     summaryScoreMode: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
     rendererTypeNameState: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
     scale: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-    autoscale: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>; /**
-     * #property
-     */
+    autoscale: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
     displayCrossHatches: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>; /**
      * #property
      */
@@ -149,9 +147,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
             error: unknown;
             message: string | undefined;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        onHorizontalScroll?: Function | undefined; /**
-         * #property
-         */
+        onHorizontalScroll?: Function | undefined;
         blockState?: Record<string, any> | undefined;
     }>;
     readonly DisplayBlurb: React.FC<{
@@ -164,13 +160,19 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
             error: unknown;
             message: string | undefined;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>; /**
+             * #action
+             */
             type: import("mobx-state-tree").ISimpleType<string>;
-            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>; /**
+             * #getter
+             */
         }, {
             rendererTypeName: string;
             error: unknown;
-            message: string | undefined;
+            message: string | undefined; /**
+             * #getter
+             */
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     }> | null;
     readonly adapterConfig: any;
@@ -201,7 +203,9 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
 } & {
     readonly currentBytesRequested: number;
     readonly currentFeatureScreenDensity: number;
-    readonly maxFeatureScreenDensity: any;
+    readonly maxFeatureScreenDensity: any; /**
+     * #property
+     */
     readonly featureDensityStatsReady: boolean;
     readonly maxAllowableBytes: number;
 } & {
@@ -227,9 +231,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
     readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
 } & {
     readonly renderDelay: number;
-    readonly TooltipComponent: React.FC<any>; /**
-     * #getter
-     */
+    readonly TooltipComponent: React.FC<any>;
     readonly selectedFeatureId: string | undefined;
     readonly DisplayMessageComponent: React.FC<any> | undefined;
 } & {
@@ -237,11 +239,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
     readonly featureUnderMouse: Feature | undefined;
     getFeatureOverlapping(blockKey: string, x: number, y: number): string | undefined;
     getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
-    searchFeatureByID(id: string): [number, number, number, number] | undefined; /**
-     * #getter
-     * positions multi-row below the tracklabel even if using overlap
-     * tracklabels for everything else
-     */
+    searchFeatureByID(id: string): [number, number, number, number] | undefined;
 } & {
     addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
     deleteBlock(key: string): void;
@@ -263,16 +261,13 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
     stats: {
         scoreMin: number;
         scoreMax: number;
-    } | undefined;
-    /**
+    } | undefined; /**
      * #action
      */
     statsFetchInProgress: AbortController | undefined;
 } & {
     updateQuantitativeStats(stats: {
-        scoreMin: number; /**
-         * #action
-         */
+        scoreMin: number;
         scoreMax: number;
     }): void;
     setColor(color?: string | undefined): void;

package/dist/MultiLinearWiggleDisplay/models/model.js

@@ -54,7 +54,8 @@ const rendererTypes = new Map([
 ]);
 /**
  * #stateModel MultiLinearWiggleDisplay
- * extends `SharedWiggleMixin`
+ * extends
+ * - [SharedWiggleMixin](../sharedwigglemixin)
  */
 function stateModelFactory(pluginManager, configSchema) {
     return mobx_state_tree_1.types
@@ -381,19 +382,24 @@ function stateModelFactory(pluginManager, configSchema) {
         const { renderSvg: superRenderSvg } = self;
         return {
             afterAttach() {
-                (0, util_2.quantitativeStatsAutorun)(self);
-                (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(async () => {
-                    const { rpcManager } = (0, util_1.getSession)(self);
-                    const { adapterConfig } = self;
-                    const sessionId = (0, tracks_1.getRpcSessionId)(self);
-                    const sources = (await rpcManager.call(sessionId, 'MultiWiggleGetSources', {
-                        sessionId,
-                        adapterConfig,
+                // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                ;
+                (async () => {
+                    const { quantitativeStatsAutorun } = await Promise.resolve().then(() => __importStar(require('../../util')));
+                    quantitativeStatsAutorun(self);
+                    (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(async () => {
+                        const { rpcManager } = (0, util_1.getSession)(self);
+                        const { adapterConfig } = self;
+                        const sessionId = (0, tracks_1.getRpcSessionId)(self);
+                        const sources = (await rpcManager.call(sessionId, 'MultiWiggleGetSources', {
+                            sessionId,
+                            adapterConfig,
+                        }));
+                        if ((0, mobx_state_tree_1.isAlive)(self)) {
+                            self.setSources(sources);
+                        }
                     }));
-                    if ((0, mobx_state_tree_1.isAlive)(self)) {
-                        self.setSources(sources);
-                    }
-                }));
+                })();
             },
             /**
              * #action

package/dist/MultiWiggleAddTrackWidget/index.js

@@ -1,16 +1,36 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const mobx_state_tree_1 = require("mobx-state-tree");
 // locals
-const AddTrackWorkflow_1 = __importDefault(require("./AddTrackWorkflow"));
+const react_1 = require("react");
 exports.default = (pm) => {
     pm.addAddTrackWorkflowType(() => new pluggableElementTypes_1.AddTrackWorkflowType({
         name: 'Multi-wiggle track',
-        ReactComponent: AddTrackWorkflow_1.default,
+        ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./AddTrackWorkflow')))),
         stateModel: mobx_state_tree_1.types.model({}),
     }));
 };

package/dist/Tooltip.js

@@ -1,35 +1,15 @@
 "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 });
-const react_1 = __importStar(require("react"));
+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");
 // locals
 const util_1 = require("./util");
-const react_popper_1 = require("react-popper");
 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
@@ -61,35 +41,23 @@ const Tooltip = (0, mobx_react_1.observer)(function Tooltip({ model, height, cli
     var _a, _b;
     const theme = (0, material_1.useTheme)();
     const { featureUnderMouse } = model;
-    const [width, setWidth] = (0, react_1.useState)(0);
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
     const { classes } = useStyles();
-    // must be memoized a la https://github.com/popperjs/react-popper/issues/391
-    const virtElement = (0, react_1.useMemo)(() => ({
-        getBoundingClientRect: () => {
-            const x = clientMouseCoord[0] + width / 2 + 20;
-            const y = useClientY ? clientMouseCoord[1] : (clientRect === null || clientRect === void 0 ? void 0 : clientRect.top) || 0;
-            return {
-                top: y,
-                left: x,
-                bottom: y,
-                right: x,
-                width: 0,
-                height: 0,
-                x,
-                y,
-                toJSON() { },
-            };
-        },
-    }), [clientRect === null || clientRect === void 0 ? void 0 : clientRect.top, clientMouseCoord, width, useClientY]);
-    const { styles, attributes } = (0, react_popper_1.usePopper)(virtElement, anchorEl);
+    const { refs, floatingStyles, context } = (0, react_2.useFloating)({
+        placement: 'right',
+    });
+    const x = clientMouseCoord[0] + 5;
+    const y = useClientY ? clientMouseCoord[1] : (clientRect === null || clientRect === void 0 ? void 0 : clientRect.top) || 0;
+    const clientPoint = (0, react_2.useClientPoint)(context, { x, y });
+    const { getFloatingProps } = (0, react_2.useInteractions)([clientPoint]);
     const popperTheme = (_a = theme === null || theme === void 0 ? void 0 : theme.components) === null || _a === void 0 ? void 0 : _a.MuiPopper;
     return featureUnderMouse ? (react_1.default.createElement(react_1.default.Fragment, null,
         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", { ref: setAnchorEl, className: classes.tooltip, 
-                // zIndex needed to go over widget drawer
-                style: { ...styles.popper, zIndex: 100000 }, ...attributes.popper },
-                react_1.default.createElement(TooltipContents, { ref: elt => setWidth((elt === null || elt === void 0 ? void 0 : elt.getBoundingClientRect().width) || 0), model: model, feature: featureUnderMouse }))),
+            react_1.default.createElement("div", { className: classes.tooltip, ref: refs.setFloating, style: {
+                    ...floatingStyles,
+                    zIndex: 100000,
+                    pointerEvents: 'none',
+                }, ...getFloatingProps() },
+                react_1.default.createElement(TooltipContents, { model: model, feature: featureUnderMouse }))),
         react_1.default.createElement("div", { className: classes.hoverVertical, style: {
                 left: offsetMouseCoord[0],
                 height: height - util_1.YSCALEBAR_LABEL_OFFSET * 2,

package/dist/shared/configShared.d.ts

@@ -1,5 +1,7 @@
 /**
  * #config SharedWiggleDisplay
+ * extends
+ * - [BaseLinearDisplay](../baselineardisplay)
  */
 export default function sharedWiggleConfigFactory(): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
     /**

package/dist/shared/configShared.js

@@ -5,9 +5,11 @@ const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view"
 const mobx_state_tree_1 = require("mobx-state-tree");
 /**
  * #config SharedWiggleDisplay
+ * extends
+ * - [BaseLinearDisplay](../baselineardisplay)
  */
 function sharedWiggleConfigFactory() {
-    return (0, configuration_1.ConfigurationSchema)('MultiLinearWiggleDisplay', {
+    return (0, configuration_1.ConfigurationSchema)('SharedWiggleDisplay', {
         /**
          * #slot
          */

package/dist/shared/modelShared.d.ts

@@ -266,9 +266,7 @@ export default function SharedWiggleMixin(configSchema: AnyConfigurationSchemaTy
     readonly features: import("@jbrowse/core/util/compositeMap").default<string, Feature>;
     readonly featureUnderMouse: Feature | undefined;
     getFeatureOverlapping(blockKey: string, x: number, y: number): string | undefined;
-    getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined; /**
-     * #action
-     */
+    getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
     searchFeatureByID(id: string): [number, number, number, number] | undefined;
 } & {
     addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
@@ -276,7 +274,9 @@ export default function SharedWiggleMixin(configSchema: AnyConfigurationSchemaTy
     selectFeature(feature: Feature): void;
     clearFeatureSelection(): void;
     setFeatureIdUnderMouse(feature?: string | undefined): void;
-    setContextMenuFeature(feature?: Feature | undefined): void;
+    setContextMenuFeature(feature?: Feature | undefined): void; /**
+     * #getter
+     */
 } & {
     reload(): Promise<void>;
 } & {

package/esm/BigWigAdapter/BigWigAdapter.d.ts

@@ -11,10 +11,10 @@ export default class BigWigAdapter extends BaseFeatureDataAdapter {
     private setupPre;
     setup(opts?: BaseOptions): Promise<{
         bigwig: BigWig;
-        header: any;
+        header: import("@gmod/bbi").Header;
     }>;
     getRefNames(opts?: BaseOptions): Promise<string[]>;
-    refIdToName(refId: number): Promise<any>;
+    refIdToName(refId: number): Promise<string>;
     getGlobalStats(opts?: BaseOptions): Promise<import("@jbrowse/core/util/stats").QuantitativeStats>;
     getFeatures(region: Region, opts?: WiggleOptions): import("rxjs").Observable<Feature>;
     getMultiRegionFeatureDensityStats(_regions: Region[]): Promise<{

package/esm/LinearWiggleDisplay/models/configSchema.d.ts

@@ -1,6 +1,8 @@
 import PluginManager from '@jbrowse/core/PluginManager';
 /**
  * #config LinearWiggleDisplay
+ * extends
+ * - [SharedWiggleDisplay](../sharedwiggledisplay)
  */
 export default function WiggleConfigFactory(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
     /**

package/esm/LinearWiggleDisplay/models/configSchema.js

@@ -4,6 +4,8 @@ import { types } from 'mobx-state-tree';
 import sharedWiggleConfigFactory from '../../shared/configShared';
 /**
  * #config LinearWiggleDisplay
+ * extends
+ * - [SharedWiggleDisplay](../sharedwiggledisplay)
  */
 export default function WiggleConfigFactory(pluginManager) {
     const XYPlotRendererConfigSchema = pluginManager.getRendererType('XYPlotRenderer').configSchema;

package/esm/LinearWiggleDisplay/models/model.d.ts

@@ -5,7 +5,8 @@ import PluginManager from '@jbrowse/core/PluginManager';
 import { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
 /**
  * #stateModel LinearWiggleDisplay
- * extends `SharedWiggleMixin`
+ * extends
+ * - [SharedWiggleMixin](../sharedwigglemixin)
  */
 declare function stateModelFactory(pluginManager: PluginManager, configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -33,9 +34,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
         isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
         isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     }, {
-        renderInProgress: AbortController | undefined; /**
-         * #property
-         */
+        renderInProgress: AbortController | undefined;
         filled: boolean;
         reactElement: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
         features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
@@ -45,7 +44,9 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
         message: string | undefined;
         maxHeightReached: boolean;
         ReactComponent: ({ model, }: {
-            model: any;
+            model: any; /**
+             * #getter
+             */
         }) => any;
         renderProps: any;
     } & {
@@ -159,6 +160,9 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     }> | null;
     readonly adapterConfig: any;
+    /**
+     * #getter
+     */
     readonly parentTrack: any;
     renderProps(): any; /**
      * #getter
@@ -186,9 +190,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
     featureDensityStats: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | undefined;
     currStatsBpPerPx: number;
 } & {
-    readonly currentBytesRequested: number; /**
-     * #getter
-     */
+    readonly currentBytesRequested: number;
     readonly currentFeatureScreenDensity: number;
     readonly maxFeatureScreenDensity: any;
     readonly featureDensityStatsReady: boolean;
@@ -200,7 +202,9 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
     setFeatureDensityStatsLimit(stats?: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | undefined): void;
     getFeatureDensityStats(): Promise<import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats>;
     setFeatureDensityStatsP(arg: any): void;
-    setFeatureDensityStats(featureDensityStats?: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | undefined): void;
+    setFeatureDensityStats(featureDensityStats?: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | undefined): void; /**
+     * #method
+     */
     clearFeatureDensityStats(): void;
 } & {
     readonly regionTooLarge: boolean;

package/esm/LinearWiggleDisplay/models/model.js

@@ -4,7 +4,7 @@ import { getSession } from '@jbrowse/core/util';
 import { types } from 'mobx-state-tree';
 import { axisPropsFromTickScale } from 'react-d3-axis-mod';
 // locals
-import { getScale, quantitativeStatsAutorun, YSCALEBAR_LABEL_OFFSET, } from '../../util';
+import { getScale, YSCALEBAR_LABEL_OFFSET } from '../../util';
 import Tooltip from '../components/Tooltip';
 import SharedWiggleMixin from '../../shared/modelShared';
 // lazies
@@ -17,7 +17,8 @@ const rendererTypes = new Map([
 ]);
 /**
  * #stateModel LinearWiggleDisplay
- * extends `SharedWiggleMixin`
+ * extends
+ * - [SharedWiggleMixin](../sharedwigglemixin)
  */
 function stateModelFactory(pluginManager, configSchema) {
     return types
@@ -183,7 +184,12 @@ function stateModelFactory(pluginManager, configSchema) {
         const { renderSvg: superRenderSvg } = self;
         return {
             afterAttach() {
-                quantitativeStatsAutorun(self);
+                // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                ;
+                (async () => {
+                    const { quantitativeStatsAutorun } = await import('../../util');
+                    quantitativeStatsAutorun(self);
+                })();
             },
             /**
              * #action

package/esm/MultiLinearWiggleDisplay/models/configSchema.js

@@ -4,6 +4,8 @@ import { types } from 'mobx-state-tree';
 import sharedWiggleConfigFactory from '../../shared/configShared';
 /**
  * #config MultiLinearWiggleDisplay
+ * extends
+ * - [SharedWiggleDisplay](../sharedwiggledisplay)
  */
 function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
 export default function WiggleConfigFactory(pluginManager) {

package/esm/MultiLinearWiggleDisplay/models/model.d.ts

@@ -11,7 +11,8 @@ interface Source {
 }
 /**
  * #stateModel MultiLinearWiggleDisplay
- * extends `SharedWiggleMixin`
+ * extends
+ * - [SharedWiggleMixin](../sharedwigglemixin)
  */
 export declare function stateModelFactory(pluginManager: PluginManager, configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -59,8 +60,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
         setLoading(abortController: AbortController): void;
         setMessage(messageText: string): void;
         setRendered(props: {
-            reactElement: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-            /**
+            reactElement: React.ReactElement<any, string | React.JSXElementConstructor<any>>; /**
              * #getter
              */
             features: Map<string, Feature>;
@@ -106,9 +106,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
     summaryScoreMode: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
     rendererTypeNameState: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
     scale: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-    autoscale: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>; /**
-     * #property
-     */
+    autoscale: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
     displayCrossHatches: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>; /**
      * #property
      */
@@ -149,9 +147,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
             error: unknown;
             message: string | undefined;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        onHorizontalScroll?: Function | undefined; /**
-         * #property
-         */
+        onHorizontalScroll?: Function | undefined;
         blockState?: Record<string, any> | undefined;
     }>;
     readonly DisplayBlurb: React.FC<{
@@ -164,13 +160,19 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
             error: unknown;
             message: string | undefined;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>; /**
+             * #action
+             */
             type: import("mobx-state-tree").ISimpleType<string>;
-            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>; /**
+             * #getter
+             */
         }, {
             rendererTypeName: string;
             error: unknown;
-            message: string | undefined;
+            message: string | undefined; /**
+             * #getter
+             */
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     }> | null;
     readonly adapterConfig: any;
@@ -201,7 +203,9 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
 } & {
     readonly currentBytesRequested: number;
     readonly currentFeatureScreenDensity: number;
-    readonly maxFeatureScreenDensity: any;
+    readonly maxFeatureScreenDensity: any; /**
+     * #property
+     */
     readonly featureDensityStatsReady: boolean;
     readonly maxAllowableBytes: number;
 } & {
@@ -227,9 +231,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
     readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
 } & {
     readonly renderDelay: number;
-    readonly TooltipComponent: React.FC<any>; /**
-     * #getter
-     */
+    readonly TooltipComponent: React.FC<any>;
     readonly selectedFeatureId: string | undefined;
     readonly DisplayMessageComponent: React.FC<any> | undefined;
 } & {
@@ -237,11 +239,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
     readonly featureUnderMouse: Feature | undefined;
     getFeatureOverlapping(blockKey: string, x: number, y: number): string | undefined;
     getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
-    searchFeatureByID(id: string): [number, number, number, number] | undefined; /**
-     * #getter
-     * positions multi-row below the tracklabel even if using overlap
-     * tracklabels for everything else
-     */
+    searchFeatureByID(id: string): [number, number, number, number] | undefined;
 } & {
     addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
     deleteBlock(key: string): void;
@@ -263,16 +261,13 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
     stats: {
         scoreMin: number;
         scoreMax: number;
-    } | undefined;
-    /**
+    } | undefined; /**
      * #action
      */
     statsFetchInProgress: AbortController | undefined;
 } & {
     updateQuantitativeStats(stats: {
-        scoreMin: number; /**
-         * #action
-         */
+        scoreMin: number;
         scoreMax: number;
     }): void;
     setColor(color?: string | undefined): void;

package/esm/MultiLinearWiggleDisplay/models/model.js

@@ -9,7 +9,7 @@ import { getSession } from '@jbrowse/core/util';
 import { getRpcSessionId } from '@jbrowse/core/util/tracks';
 import { set1 as colors } from '@jbrowse/core/ui/colors';
 // locals
-import { getScale, quantitativeStatsAutorun, YSCALEBAR_LABEL_OFFSET, } from '../../util';
+import { getScale, YSCALEBAR_LABEL_OFFSET } from '../../util';
 import Tooltip from '../components/Tooltip';
 import SharedWiggleMixin from '../../shared/modelShared';
 const randomColor = () => '#000000'.replaceAll('0', () => (~~(Math.random() * 16)).toString(16));
@@ -25,7 +25,8 @@ const rendererTypes = new Map([
 ]);
 /**
  * #stateModel MultiLinearWiggleDisplay
- * extends `SharedWiggleMixin`
+ * extends
+ * - [SharedWiggleMixin](../sharedwigglemixin)
  */
 export function stateModelFactory(pluginManager, configSchema) {
     return types
@@ -352,19 +353,24 @@ export function stateModelFactory(pluginManager, configSchema) {
         const { renderSvg: superRenderSvg } = self;
         return {
             afterAttach() {
-                quantitativeStatsAutorun(self);
-                addDisposer(self, autorun(async () => {
-                    const { rpcManager } = getSession(self);
-                    const { adapterConfig } = self;
-                    const sessionId = getRpcSessionId(self);
-                    const sources = (await rpcManager.call(sessionId, 'MultiWiggleGetSources', {
-                        sessionId,
-                        adapterConfig,
+                // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                ;
+                (async () => {
+                    const { quantitativeStatsAutorun } = await import('../../util');
+                    quantitativeStatsAutorun(self);
+                    addDisposer(self, autorun(async () => {
+                        const { rpcManager } = getSession(self);
+                        const { adapterConfig } = self;
+                        const sessionId = getRpcSessionId(self);
+                        const sources = (await rpcManager.call(sessionId, 'MultiWiggleGetSources', {
+                            sessionId,
+                            adapterConfig,
+                        }));
+                        if (isAlive(self)) {
+                            self.setSources(sources);
+                        }
                     }));
-                    if (isAlive(self)) {
-                        self.setSources(sources);
-                    }
-                }));
+                })();
             },
             /**
              * #action

package/esm/MultiWiggleAddTrackWidget/index.js

@@ -1,11 +1,11 @@
 import { AddTrackWorkflowType } from '@jbrowse/core/pluggableElementTypes';
 import { types } from 'mobx-state-tree';
 // locals
-import MultiWiggleWidget from './AddTrackWorkflow';
+import { lazy } from 'react';
 export default (pm) => {
     pm.addAddTrackWorkflowType(() => new AddTrackWorkflowType({
         name: 'Multi-wiggle track',
-        ReactComponent: MultiWiggleWidget,
+        ReactComponent: lazy(() => import('./AddTrackWorkflow')),
         stateModel: types.model({}),
     }));
 };

package/esm/Tooltip.js

@@ -1,10 +1,10 @@
-import React, { useMemo, useState } from 'react';
+import React from 'react';
 import { observer } from 'mobx-react';
 import { alpha, Portal, useTheme } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
+import { useClientPoint, useFloating, useInteractions, } from '@floating-ui/react';
 // locals
 import { YSCALEBAR_LABEL_OFFSET, round } from './util';
-import { usePopper } from 'react-popper';
 const useStyles = makeStyles()(theme => ({
     // these styles come from
     // https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tooltip/Tooltip.js
@@ -36,35 +36,23 @@ const Tooltip = observer(function Tooltip({ model, height, clientMouseCoord, off
     var _a, _b;
     const theme = useTheme();
     const { featureUnderMouse } = model;
-    const [width, setWidth] = useState(0);
-    const [anchorEl, setAnchorEl] = useState(null);
     const { classes } = useStyles();
-    // must be memoized a la https://github.com/popperjs/react-popper/issues/391
-    const virtElement = useMemo(() => ({
-        getBoundingClientRect: () => {
-            const x = clientMouseCoord[0] + width / 2 + 20;
-            const y = useClientY ? clientMouseCoord[1] : (clientRect === null || clientRect === void 0 ? void 0 : clientRect.top) || 0;
-            return {
-                top: y,
-                left: x,
-                bottom: y,
-                right: x,
-                width: 0,
-                height: 0,
-                x,
-                y,
-                toJSON() { },
-            };
-        },
-    }), [clientRect === null || clientRect === void 0 ? void 0 : clientRect.top, clientMouseCoord, width, useClientY]);
-    const { styles, attributes } = usePopper(virtElement, anchorEl);
+    const { refs, floatingStyles, context } = useFloating({
+        placement: 'right',
+    });
+    const x = clientMouseCoord[0] + 5;
+    const y = useClientY ? clientMouseCoord[1] : (clientRect === null || clientRect === void 0 ? void 0 : clientRect.top) || 0;
+    const clientPoint = useClientPoint(context, { x, y });
+    const { getFloatingProps } = useInteractions([clientPoint]);
     const popperTheme = (_a = theme === null || theme === void 0 ? void 0 : theme.components) === null || _a === void 0 ? void 0 : _a.MuiPopper;
     return featureUnderMouse ? (React.createElement(React.Fragment, null,
         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", { ref: setAnchorEl, className: classes.tooltip, 
-                // zIndex needed to go over widget drawer
-                style: { ...styles.popper, zIndex: 100000 }, ...attributes.popper },
-                React.createElement(TooltipContents, { ref: elt => setWidth((elt === null || elt === void 0 ? void 0 : elt.getBoundingClientRect().width) || 0), model: model, feature: featureUnderMouse }))),
+            React.createElement("div", { className: classes.tooltip, ref: refs.setFloating, style: {
+                    ...floatingStyles,
+                    zIndex: 100000,
+                    pointerEvents: 'none',
+                }, ...getFloatingProps() },
+                React.createElement(TooltipContents, { model: model, feature: featureUnderMouse }))),
         React.createElement("div", { className: classes.hoverVertical, style: {
                 left: offsetMouseCoord[0],
                 height: height - YSCALEBAR_LABEL_OFFSET * 2,

package/esm/shared/configShared.d.ts

@@ -1,5 +1,7 @@
 /**
  * #config SharedWiggleDisplay
+ * extends
+ * - [BaseLinearDisplay](../baselineardisplay)
  */
 export default function sharedWiggleConfigFactory(): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
     /**

package/esm/shared/configShared.js

@@ -3,9 +3,11 @@ import { baseLinearDisplayConfigSchema } from '@jbrowse/plugin-linear-genome-vie
 import { types } from 'mobx-state-tree';
 /**
  * #config SharedWiggleDisplay
+ * extends
+ * - [BaseLinearDisplay](../baselineardisplay)
  */
 export default function sharedWiggleConfigFactory() {
-    return ConfigurationSchema('MultiLinearWiggleDisplay', {
+    return ConfigurationSchema('SharedWiggleDisplay', {
         /**
          * #slot
          */

package/esm/shared/modelShared.d.ts

@@ -266,9 +266,7 @@ export default function SharedWiggleMixin(configSchema: AnyConfigurationSchemaTy
     readonly features: import("@jbrowse/core/util/compositeMap").default<string, Feature>;
     readonly featureUnderMouse: Feature | undefined;
     getFeatureOverlapping(blockKey: string, x: number, y: number): string | undefined;
-    getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined; /**
-     * #action
-     */
+    getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
     searchFeatureByID(id: string): [number, number, number, number] | undefined;
 } & {
     addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
@@ -276,7 +274,9 @@ export default function SharedWiggleMixin(configSchema: AnyConfigurationSchemaTy
     selectFeature(feature: Feature): void;
     clearFeatureSelection(): void;
     setFeatureIdUnderMouse(feature?: string | undefined): void;
-    setContextMenuFeature(feature?: Feature | undefined): void;
+    setContextMenuFeature(feature?: Feature | undefined): void; /**
+     * #getter
+     */
 } & {
     reload(): Promise<void>;
 } & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-wiggle",
-  "version": "2.9.0",
+  "version": "2.10.1",
   "description": "JBrowse 2 wiggle adapters, tracks, etc.",
   "keywords": [
     "jbrowse",
@@ -36,17 +36,16 @@
     "clean": "rimraf dist esm *.tsbuildinfo"
   },
   "dependencies": {
+    "@floating-ui/react": "^0.26.3",
     "@gmod/bbi": "^4.0.0",
     "@mui/icons-material": "^5.0.2",
-    "@popperjs/core": "^2.11.0",
     "clone": "^2.1.2",
     "d3-color": "^3.0.2",
     "d3-scale": "^3.0.2",
     "fast-deep-equal": "^3.1.3",
     "is-object": "^1.0.1",
     "react-d3-axis-mod": "^0.1.9",
-    "react-draggable": "^4.4.5",
-    "react-popper": "^2.0.0"
+    "react-draggable": "^4.4.5"
   },
   "peerDependencies": {
     "@jbrowse/core": "^2.0.0",
@@ -67,5 +66,5 @@
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "a50b6f67cf8c8f3c65a7b8cd858de2fcca1f2909"
+  "gitHead": "442b5f87efddfdf4ccf520b4d9dd01ddd370cb07"
 }