@jbrowse/plugin-wiggle 2.17.0 → 3.0.0

package/dist/LinearWiggleDisplay/components/SetColorDialog.js

@@ -1,67 +1,31 @@
 "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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
-const material_1 = require("@mui/material");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
 const ColorPicker_1 = require("@jbrowse/core/ui/ColorPicker");
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
 const SetColorDialog = (0, mobx_react_1.observer)(function SetColorDialog({ model, handleClose, }) {
     const [posneg, setPosNeg] = (0, react_1.useState)(false);
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, title: "Set color" },
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(material_1.Typography, null, "Select either an overall color, or the positive/negative colors. Note that density renderers only work properly with positive/negative colors"),
-            react_1.default.createElement(material_1.FormControlLabel, { checked: !posneg, onClick: () => {
-                    setPosNeg(false);
-                }, control: react_1.default.createElement(material_1.Radio, null), label: "Overall color" }),
-            react_1.default.createElement(material_1.FormControlLabel, { checked: posneg, onClick: () => {
-                    setPosNeg(true);
-                }, control: react_1.default.createElement(material_1.Radio, null), label: "Positive/negative color" }),
-            posneg ? (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(material_1.Typography, null, "Positive color"),
-                react_1.default.createElement(ColorPicker_1.ColorPicker, { color: model.posColor || 'black', onChange: event => {
-                        model.setPosColor(event);
-                        model.setColor(undefined);
-                    } }),
-                react_1.default.createElement(material_1.Typography, null, "Negative color"),
-                react_1.default.createElement(ColorPicker_1.ColorPicker, { color: model.negColor || 'black', onChange: event => {
-                        model.setNegColor(event);
-                        model.setColor(undefined);
-                    } }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(material_1.Typography, null, "Overall color"),
-                react_1.default.createElement(ColorPicker_1.ColorPicker, { color: model.color || 'black', onChange: event => {
-                        model.setColor(event);
-                    } })))),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { onClick: () => {
-                    model.setPosColor(undefined);
-                    model.setNegColor(undefined);
-                    model.setColor(undefined);
-                }, color: "secondary", variant: "contained" }, "Restore default"),
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", onClick: () => {
-                    handleClose();
-                } }, "Submit"))));
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: handleClose, title: "Set color", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Select either an overall color, or the positive/negative colors. Note that density renderers only work properly with positive/negative colors" }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { checked: !posneg, onClick: () => {
+                            setPosNeg(false);
+                        }, control: (0, jsx_runtime_1.jsx)(material_1.Radio, {}), label: "Overall color" }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { checked: posneg, onClick: () => {
+                            setPosNeg(true);
+                        }, control: (0, jsx_runtime_1.jsx)(material_1.Radio, {}), label: "Positive/negative color" }), posneg ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Positive color" }), (0, jsx_runtime_1.jsx)(ColorPicker_1.ColorPicker, { color: model.posColor || 'black', onChange: event => {
+                                    model.setPosColor(event);
+                                    model.setColor(undefined);
+                                } }), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Negative color" }), (0, jsx_runtime_1.jsx)(ColorPicker_1.ColorPicker, { color: model.negColor || 'black', onChange: event => {
+                                    model.setNegColor(event);
+                                    model.setColor(undefined);
+                                } })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Overall color" }), (0, jsx_runtime_1.jsx)(ColorPicker_1.ColorPicker, { color: model.color || 'black', onChange: event => {
+                                    model.setColor(event);
+                                } })] }))] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
+                            model.setPosColor(undefined);
+                            model.setNegColor(undefined);
+                            model.setColor(undefined);
+                        }, color: "secondary", variant: "contained", children: "Restore default" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", type: "submit", onClick: () => {
+                            handleClose();
+                        }, children: "Submit" })] })] }));
 });
 exports.default = SetColorDialog;

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

@@ -1,6 +1,5 @@
-import React from 'react';
-import { Feature } from '@jbrowse/core/util';
-import { TooltipContentsComponent } from '../../Tooltip';
+import type { TooltipContentsComponent } from '../../Tooltip';
+import type { Feature } from '@jbrowse/core/util';
 type Coord = [number, number];
 declare const WiggleTooltip: (props: {
     model: {
@@ -11,6 +10,6 @@ declare const WiggleTooltip: (props: {
     clientMouseCoord: Coord;
     clientRect?: DOMRect;
     TooltipContents?: TooltipContentsComponent;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default WiggleTooltip;
 export { default as Tooltip } from '../../Tooltip';

package/dist/LinearWiggleDisplay/components/Tooltip.js

@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const mobx_react_1 = require("mobx-react");
-// locals
 const Tooltip_1 = __importDefault(require("../../Tooltip"));
 const util_1 = require("../../util");
 const en = (n) => n.toLocaleString('en-US');
-const TooltipContents = react_1.default.forwardRef(function TooltipContents2({ feature }, ref) {
+const TooltipContents = (0, react_1.forwardRef)(function TooltipContents2({ feature }, ref) {
     const start = feature.get('start') + 1;
     const end = feature.get('end');
     const refName = feature.get('refName');
@@ -22,23 +22,10 @@ const TooltipContents = react_1.default.forwardRef(function TooltipContents2({ f
     ]
         .filter(f => !!f)
         .join(':');
-    return feature.get('summary') !== undefined ? (react_1.default.createElement("div", { ref: ref },
-        loc,
-        react_1.default.createElement("br", null),
-        "Max: ",
-        (0, util_1.toP)(feature.get('maxScore')),
-        react_1.default.createElement("br", null),
-        "Avg: ",
-        (0, util_1.toP)(feature.get('score')),
-        react_1.default.createElement("br", null),
-        "Min: ",
-        (0, util_1.toP)(feature.get('minScore')))) : (react_1.default.createElement("div", { ref: ref },
-        loc,
-        react_1.default.createElement("br", null),
-        `${(0, util_1.toP)(feature.get('score'))}`));
+    return feature.get('summary') !== undefined ? ((0, jsx_runtime_1.jsxs)("div", { ref: ref, children: [loc, (0, jsx_runtime_1.jsx)("br", {}), "Max: ", (0, util_1.toP)(feature.get('maxScore')), (0, jsx_runtime_1.jsx)("br", {}), "Avg: ", (0, util_1.toP)(feature.get('score')), (0, jsx_runtime_1.jsx)("br", {}), "Min: ", (0, util_1.toP)(feature.get('minScore'))] })) : ((0, jsx_runtime_1.jsxs)("div", { ref: ref, children: [loc, (0, jsx_runtime_1.jsx)("br", {}), `${(0, util_1.toP)(feature.get('score'))}`] }));
 });
 const WiggleTooltip = (0, mobx_react_1.observer)(function (props) {
-    return react_1.default.createElement(Tooltip_1.default, { TooltipContents: TooltipContents, ...props });
+    return (0, jsx_runtime_1.jsx)(Tooltip_1.default, { TooltipContents: TooltipContents, ...props });
 });
 exports.default = WiggleTooltip;
 var Tooltip_2 = require("../../Tooltip");

package/dist/LinearWiggleDisplay/components/WiggleDisplayComponent.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { WiggleDisplayModel } from '../model';
+import type { WiggleDisplayModel } from '../model';
 declare const LinearWiggleDisplay: (props: {
     model: WiggleDisplayModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default LinearWiggleDisplay;

package/dist/LinearWiggleDisplay/components/WiggleDisplayComponent.js

@@ -3,11 +3,11 @@ 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 mobx_react_1 = require("mobx-react");
-const util_1 = require("@jbrowse/core/util");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const configuration_1 = require("@jbrowse/core/configuration");
+const util_1 = require("@jbrowse/core/util");
 const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
+const mobx_react_1 = require("mobx-react");
 const YScaleBar_1 = __importDefault(require("../../shared/YScaleBar"));
 const LinearWiggleDisplay = (0, mobx_react_1.observer)((props) => {
     const { model } = props;
@@ -17,16 +17,13 @@ const LinearWiggleDisplay = (0, mobx_react_1.observer)((props) => {
     const left = trackLabels === 'overlapping'
         ? (0, util_1.measureText)((0, configuration_1.getConf)(track, 'name'), 12.8) + 100
         : 50;
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(plugin_linear_genome_view_1.BaseLinearDisplayComponent, { ...props }),
-        stats && needsScalebar ? (react_1.default.createElement("svg", { style: {
-                position: 'absolute',
-                top: 0,
-                left,
-                pointerEvents: 'none',
-                height,
-                width: 50,
-            } },
-            react_1.default.createElement(YScaleBar_1.default, { model: model }))) : null));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(plugin_linear_genome_view_1.BaseLinearDisplayComponent, { ...props }), stats && needsScalebar ? ((0, jsx_runtime_1.jsx)("svg", { style: {
+                    position: 'absolute',
+                    top: 0,
+                    left,
+                    pointerEvents: 'none',
+                    height,
+                    width: 50,
+                }, children: (0, jsx_runtime_1.jsx)(YScaleBar_1.default, { model: model }) })) : null] }));
 });
 exports.default = LinearWiggleDisplay;

package/dist/LinearWiggleDisplay/configSchema.d.ts

@@ -1,21 +1,10 @@
-import PluginManager from '@jbrowse/core/PluginManager';
-/**
- * #config LinearWiggleDisplay
- * extends
- * - [SharedWiggleDisplay](../sharedwiggledisplay)
- */
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function WiggleConfigFactory(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     defaultRendering: {
         type: string;
         model: import("mobx-state-tree").ISimpleType<string>;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     renderers: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
         DensityRenderer: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
         XYPlotRenderer: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;

package/dist/LinearWiggleDisplay/configSchema.js

@@ -6,38 +6,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = WiggleConfigFactory;
 const configuration_1 = require("@jbrowse/core/configuration");
 const mobx_state_tree_1 = require("mobx-state-tree");
-// locals
 const SharedWiggleConfigSchema_1 = __importDefault(require("../shared/SharedWiggleConfigSchema"));
-/**
- * #config LinearWiggleDisplay
- * extends
- * - [SharedWiggleDisplay](../sharedwiggledisplay)
- */
 function WiggleConfigFactory(pluginManager) {
     const XYPlotRendererConfigSchema = pluginManager.getRendererType('XYPlotRenderer').configSchema;
     const DensityRendererConfigSchema = pluginManager.getRendererType('DensityRenderer').configSchema;
     const LinePlotRendererConfigSchema = pluginManager.getRendererType('LinePlotRenderer').configSchema;
     return (0, configuration_1.ConfigurationSchema)('LinearWiggleDisplay', {
-        /**
-         * #slot
-         */
         defaultRendering: {
             type: 'stringEnum',
             model: mobx_state_tree_1.types.enumeration('Rendering', ['density', 'xyplot', 'line']),
             defaultValue: 'xyplot',
         },
-        /**
-         * #slot
-         */
         renderers: (0, configuration_1.ConfigurationSchema)('RenderersConfiguration', {
             DensityRenderer: DensityRendererConfigSchema,
             XYPlotRenderer: XYPlotRendererConfigSchema,
             LinePlotRenderer: LinePlotRendererConfigSchema,
         }),
     }, {
-        /**
-         * #baseConfiguration
-         */
         baseConfiguration: (0, SharedWiggleConfigSchema_1.default)(),
         explicitlyTyped: true,
     });

package/dist/LinearWiggleDisplay/index.d.ts

@@ -1,4 +1,4 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function LinearWiggleDisplayF(pluginManager: PluginManager): void;
 export { default as Tooltip } from './components/Tooltip';
 export { default as ReactComponent } from './components/WiggleDisplayComponent';

package/dist/LinearWiggleDisplay/index.js

@@ -15,23 +15,33 @@ 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 });
 exports.modelFactory = exports.ReactComponent = exports.Tooltip = void 0;
 exports.default = LinearWiggleDisplayF;
+const react_1 = require("react");
 const DisplayType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/DisplayType"));
 const configSchema_1 = __importDefault(require("./configSchema"));
 const model_1 = __importDefault(require("./model"));
-const react_1 = require("react");
 function LinearWiggleDisplayF(pluginManager) {
     pluginManager.addDisplayType(() => {
         const configSchema = (0, configSchema_1.default)(pluginManager);

package/dist/LinearWiggleDisplay/model.d.ts

@@ -1,13 +1,8 @@
-import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
-import { AnyReactComponentType } from '@jbrowse/core/util';
-import { Instance } from 'mobx-state-tree';
-import PluginManager from '@jbrowse/core/PluginManager';
-import { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
-/**
- * #stateModel LinearWiggleDisplay
- * extends
- * - [SharedWiggleMixin](../sharedwigglemixin)
- */
+import type PluginManager from '@jbrowse/core/PluginManager';
+import type { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
+import type { AnyReactComponentType } from '@jbrowse/core/util';
+import type { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
+import type { Instance } from 'mobx-state-tree';
 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]>;
     type: import("mobx-state-tree").ISimpleType<string>;
@@ -20,21 +15,12 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
 } & {
     blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
         key: import("mobx-state-tree").ISimpleType<string>;
-        region: import("mobx-state-tree").IModelType<{
-            refName: import("mobx-state-tree").ISimpleType<string>;
-            start: import("mobx-state-tree").ISimpleType<number>;
-            end: import("mobx-state-tree").ISimpleType<number>;
-            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        } & {
-            assemblyName: import("mobx-state-tree").ISimpleType<string>;
-        }, {
-            setRefName(newRefName: string): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        region: import("mobx-state-tree").IType<import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region>;
         reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
         isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
         isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     }, {
-        renderInProgress: AbortController | undefined;
+        stopToken: string | undefined;
         filled: boolean;
         reactElement: React.ReactElement | undefined;
         features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
@@ -49,26 +35,18 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
                 reload: () => void;
                 message: React.ReactNode;
                 filled?: boolean;
-                status? /**
-                 * #getter
-                 */: string;
+                status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => import("react").JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;
         afterAttach(): void;
         setStatus(message: string): void;
-        setLoading(abortController: AbortController): void;
+        setLoading(newStopToken: string): void;
         setMessage(messageText: string): void;
-        setRendered(props: {
-            reactElement: React.ReactElement;
-            features: Map<string, import("@jbrowse/core/util").Feature>;
-            layout: any;
-            maxHeightReached: boolean;
-            renderProps: any;
-        } | undefined): void;
+        setRendered(props: import("@jbrowse/plugin-linear-genome-view/src/BaseLinearDisplay/models/serverSideRenderedBlock").RenderedProps | undefined): void;
         setError(error: unknown): void;
         reload(): void;
         beforeDestroy(): void;
@@ -120,9 +98,6 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
     }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
     configuration: AnyConfigurationSchemaType;
 } & {
-    /**
-     * #property
-     */
     type: import("mobx-state-tree").ISimpleType<"LinearWiggleDisplay">;
 }, {
     rendererTypeName: string;
@@ -213,14 +188,15 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
     readonly regionTooLarge: boolean;
     readonly regionTooLargeReason: string;
 } & {
+    readonly statsReadyAndRegionNotTooLarge: boolean;
     regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
-    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react").JSX.Element | null;
+    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react/jsx-runtime").JSX.Element | null;
 } & {
     featureIdUnderMouse: undefined | string;
     contextMenuFeature: undefined | import("@jbrowse/core/util").Feature;
 } & {
-    readonly DisplayMessageComponent: import("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;
@@ -247,7 +223,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
     contextMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     renderProps(): any;
 } & {
-    renderSvg(opts: ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
+    renderSvg(opts: ExportSvgDisplayOptions): Promise<import("react/jsx-runtime").JSX.Element>;
     afterAttach(): void;
 } & {
     message: undefined | string;
@@ -256,7 +232,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
         scoreMin: number;
         scoreMax: number;
     } | undefined;
-    statsFetchInProgress: undefined | AbortController;
+    statsFetchInProgress: undefined | string;
 } & {
     updateQuantitativeStats(stats: {
         currStatsBpPerPx: number;
@@ -266,7 +242,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
     setColor(color?: string): void;
     setPosColor(color?: string): void;
     setNegColor(color?: string): void;
-    setStatsLoading(aborter: AbortController): void;
+    setStatsLoading(arg?: string): void;
     selectFeature(feature: import("@jbrowse/core/util").Feature): void;
     setResolution(res: number): void;
     setFill(fill: number): void;
@@ -345,27 +321,11 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
 } & {
     reload(): Promise<void>;
 } & {
-    /**
-     * #getter
-     */
     readonly TooltipComponent: AnyReactComponentType;
-    /**
-     * #getter
-     */
     readonly rendererTypeName: string;
-    /**
-     * #getter
-     * unused currently
-     */
     readonly quantitativeStatsRelevantToCurrentZoom: boolean;
 } & {
-    /**
-     * #method
-     */
     adapterProps(): any;
-    /**
-     * #getter
-     */
     readonly ticks: {
         range: number[];
         values: number[];
@@ -373,28 +333,23 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
         position: import("d3-scale").ScaleLinear<number, number, never> | import("d3-scale").ScaleQuantize<number, never>;
     } | undefined;
 } & {
-    /**
-     * #method
-     */
     renderProps(): any;
-    /**
-     * #getter
-     */
     readonly needsScalebar: boolean;
-    /**
-     * #getter
-     */
     readonly fillSetting: 2 | 1 | 0;
-    /**
-     * #getter
-     */
     readonly quantitativeStatsReady: boolean;
 } & {
-    /**
-     * #method
-     */
     trackMenuItems(): (import("@jbrowse/core/ui").MenuDivider | import("@jbrowse/core/ui").MenuSubHeader | import("@jbrowse/core/ui").NormalMenuItem | import("@jbrowse/core/ui").CheckboxMenuItem | import("@jbrowse/core/ui").RadioMenuItem | import("@jbrowse/core/ui").SubMenuItem | {
+        type: string;
+        label?: undefined;
+        icon?: undefined;
+        subMenu?: undefined;
+        onClick?: undefined;
+        checked?: undefined;
+    } | {
         label: string;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
         subMenu: ({
             label: string;
             subMenu: {
@@ -417,8 +372,8 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
             subMenu?: undefined;
         })[];
         type?: undefined;
-        checked?: undefined;
         onClick?: undefined;
+        checked?: undefined;
     } | {
         label: string;
         subMenu: {
@@ -428,10 +383,23 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
             onClick: () => void;
         }[];
         type?: undefined;
-        checked?: undefined;
+        icon?: undefined;
         onClick?: undefined;
+        checked?: undefined;
+    } | {
+        label: string;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
+        onClick: () => void;
+        type?: undefined;
+        subMenu?: undefined;
+        checked?: undefined;
     } | {
         type: string;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
         label: string;
         checked: boolean;
         onClick: () => void;
@@ -439,10 +407,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
     })[];
 } & {
     afterAttach(): void;
-    /**
-     * #action
-     */
-    renderSvg(opts: ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
+    renderSvg(opts: ExportSvgDisplayOptions): Promise<import("react/jsx-runtime").JSX.Element>;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export type WiggleDisplayStateModel = ReturnType<typeof stateModelFactory>;
 export type WiggleDisplayModel = Instance<WiggleDisplayStateModel>;