@jbrowse/plugin-wiggle 2.10.3 → 2.11.1

package/dist/BigWigAdapter/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function BigWigAdapterF(pluginManager: PluginManager): void;

package/dist/BigWigAdapter/index.js

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const AdapterType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/AdapterType"));
 const configSchema_1 = __importDefault(require("./configSchema"));
-exports.default = (pluginManager) => {
+function BigWigAdapterF(pluginManager) {
     pluginManager.addAdapterType(() => new AdapterType_1.default({
         name: 'BigWigAdapter',
         displayName: 'BigWig adapter',
@@ -40,4 +40,5 @@ exports.default = (pluginManager) => {
         ],
         getAdapterClass: () => Promise.resolve().then(() => __importStar(require('./BigWigAdapter'))).then(r => r.default),
     }));
-};
+}
+exports.default = BigWigAdapterF;

package/dist/CreateMultiWiggleExtension/index.d.ts

@@ -1,2 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-export default function (pm: PluginManager): void;
+export default function CreateMultiWiggleExtensionF(pm: PluginManager): void;

package/dist/CreateMultiWiggleExtension/index.js

@@ -27,7 +27,7 @@ const react_1 = require("react");
 const configuration_1 = require("@jbrowse/core/configuration");
 const util_1 = require("@jbrowse/core/util");
 const ConfirmDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./ConfirmDialog'))));
-function default_1(pm) {
+function CreateMultiWiggleExtensionF(pm) {
     pm.addToExtensionPoint('TrackSelector-multiTrackMenuItems', (items, props) => {
         const { session } = props;
         return [
@@ -82,4 +82,4 @@ function default_1(pm) {
         ];
     });
 }
-exports.default = default_1;
+exports.default = CreateMultiWiggleExtensionF;

package/dist/DensityRenderer/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function DensityRendererF(pluginManager: PluginManager): void;

package/dist/DensityRenderer/index.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const configSchema_1 = __importDefault(require("./configSchema"));
 const DensityRenderer_1 = __importDefault(require("./DensityRenderer"));
 const WiggleRendering_1 = __importDefault(require("../WiggleRendering"));
-exports.default = (pluginManager) => {
+function DensityRendererF(pluginManager) {
     pluginManager.addRendererType(() => new DensityRenderer_1.default({
         name: 'DensityRenderer',
         ReactComponent: WiggleRendering_1.default,
         configSchema: configSchema_1.default,
         pluginManager,
     }));
-};
+}
+exports.default = DensityRendererF;

package/dist/LinePlotRenderer/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function LinePlotRendererF(pluginManager: PluginManager): void;

package/dist/LinePlotRenderer/index.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const configSchema_1 = __importDefault(require("./configSchema"));
 const WiggleRendering_1 = __importDefault(require("../WiggleRendering"));
 const LinePlotRenderer_1 = __importDefault(require("./LinePlotRenderer"));
-exports.default = (pluginManager) => {
+function LinePlotRendererF(pluginManager) {
     pluginManager.addRendererType(() => new LinePlotRenderer_1.default({
         name: 'LinePlotRenderer',
         ReactComponent: WiggleRendering_1.default,
         configSchema: configSchema_1.default,
         pluginManager,
     }));
-};
+}
+exports.default = LinePlotRendererF;

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

@@ -1,9 +1,9 @@
 import React from 'react';
 declare const SetColorDialog: ({ model, handleClose, }: {
     model: {
-        color?: string | undefined;
-        posColor?: string | undefined;
-        negColor?: string | undefined;
+        color?: string;
+        posColor?: string;
+        negColor?: string;
         setColor: (arg?: string) => void;
         setPosColor: (arg?: string) => void;
         setNegColor: (arg?: string) => void;

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

@@ -1,10 +1,6 @@
 import React from 'react';
 import { Feature } from '@jbrowse/core/util';
 import { TooltipContentsComponent } from '../../Tooltip';
-interface Props {
-    feature: Feature;
-}
-declare const TooltipContents: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 type Coord = [number, number];
 declare const WiggleTooltip: (props: {
     model: {

package/dist/LinearWiggleDisplay/index.d.ts

@@ -1,6 +1,5 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function LinearWiggleDisplayF(pluginManager: PluginManager): void;
 export { default as Tooltip } from './components/Tooltip';
 export { default as ReactComponent } from './components/WiggleDisplayComponent';
 export { default as modelFactory } from './models/model';

package/dist/LinearWiggleDisplay/index.js

@@ -31,7 +31,7 @@ const DisplayType_1 = __importDefault(require("@jbrowse/core/pluggableElementTyp
 const configSchema_1 = __importDefault(require("./models/configSchema"));
 const model_1 = __importDefault(require("./models/model"));
 const react_1 = require("react");
-exports.default = (pluginManager) => {
+function LinearWiggleDisplayF(pluginManager) {
     pluginManager.addDisplayType(() => {
         const configSchema = (0, configSchema_1.default)(pluginManager);
         const stateModel = (0, model_1.default)(pluginManager, configSchema);
@@ -45,7 +45,8 @@ exports.default = (pluginManager) => {
             ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/WiggleDisplayComponent')))),
         });
     });
-};
+}
+exports.default = LinearWiggleDisplayF;
 var Tooltip_1 = require("./components/Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return __importDefault(Tooltip_1).default; } });
 var WiggleDisplayComponent_1 = require("./components/WiggleDisplayComponent");

package/dist/MultiDensityRenderer/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function MultiDensityRendererF(pluginManager: PluginManager): void;

package/dist/MultiDensityRenderer/index.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const configSchema_1 = __importDefault(require("./configSchema"));
 const MultiWiggleRendering_1 = __importDefault(require("../MultiWiggleRendering"));
 const MultiDensityRenderer_1 = __importDefault(require("./MultiDensityRenderer"));
-exports.default = (pluginManager) => {
+function MultiDensityRendererF(pluginManager) {
     pluginManager.addRendererType(() => new MultiDensityRenderer_1.default({
         name: 'MultiDensityRenderer',
         ReactComponent: MultiWiggleRendering_1.default,
         configSchema: configSchema_1.default,
         pluginManager,
     }));
-};
+}
+exports.default = MultiDensityRendererF;

package/dist/MultiLineRenderer/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function MultiLineRendererF(pluginManager: PluginManager): void;

package/dist/MultiLineRenderer/index.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const MultiWiggleRendering_1 = __importDefault(require("../MultiWiggleRendering"));
 const MultiLineRenderer_1 = __importDefault(require("./MultiLineRenderer"));
 const configSchema_1 = __importDefault(require("./configSchema"));
-exports.default = (pluginManager) => {
+function MultiLineRendererF(pluginManager) {
     pluginManager.addRendererType(() => new MultiLineRenderer_1.default({
         name: 'MultiLineRenderer',
         ReactComponent: MultiWiggleRendering_1.default,
         configSchema: configSchema_1.default,
         pluginManager,
     }));
-};
+}
+exports.default = MultiLineRendererF;

package/dist/MultiLinearWiggleDisplay/components/ColorLegend.d.ts

@@ -4,6 +4,6 @@ declare const ColorLegend: ({ model, rowHeight, labelWidth, exportSVG, }: {
     model: WiggleDisplayModel;
     rowHeight: number;
     labelWidth: number;
-    exportSVG?: boolean | undefined;
+    exportSVG?: boolean;
 }) => React.JSX.Element | null;
 export default ColorLegend;

package/dist/MultiLinearWiggleDisplay/components/RectBg.js

@@ -3,9 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const util_1 = require("@jbrowse/core/util");
 const react_1 = __importDefault(require("react"));
 const RectBg = (props) => {
     const { color = 'rgb(255,255,255,0.8)' } = props;
-    return react_1.default.createElement("rect", { ...props, fill: color });
+    return react_1.default.createElement("rect", { ...props, ...(0, util_1.getFillProps)(color) });
 };
 exports.default = RectBg;

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

@@ -2,13 +2,6 @@ import React from 'react';
 import { Feature } from '@jbrowse/core/util';
 import { Source } from '../../util';
 import { TooltipContentsComponent } from '../../Tooltip';
-interface Props {
-    model: {
-        sources: Source[];
-    };
-    feature: Feature;
-}
-declare const TooltipContents: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 type Coord = [number, number];
 declare const WiggleTooltip: (props: {
     model: {

package/dist/MultiLinearWiggleDisplay/components/YScaleBars.js

@@ -12,20 +12,15 @@ const ColorLegend_1 = __importDefault(require("./ColorLegend"));
 const ScoreLegend_1 = __importDefault(require("./ScoreLegend"));
 const util_2 = require("./util");
 const Wrapper = (0, mobx_react_1.observer)(function ({ children, model, exportSVG, }) {
-    if (exportSVG) {
-        return react_1.default.createElement(react_1.default.Fragment, null, children);
-    }
-    else {
-        const { height } = model;
-        return (react_1.default.createElement("svg", { style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                pointerEvents: 'none',
-                height,
-                width: (0, util_1.getContainingView)(model).width,
-            } }, children));
-    }
+    const { height } = model;
+    return exportSVG ? (children) : (react_1.default.createElement("svg", { style: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            pointerEvents: 'none',
+            height,
+            width: (0, util_1.getContainingView)(model).width,
+        } }, children));
 });
 exports.YScaleBars = (0, mobx_react_1.observer)(function (props) {
     const { model, orientation, exportSVG } = props;

package/dist/MultiLinearWiggleDisplay/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function MultiLinearWiggleDisplayF(pluginManager: PluginManager): void;

package/dist/MultiLinearWiggleDisplay/index.js

@@ -30,7 +30,7 @@ const DisplayType_1 = __importDefault(require("@jbrowse/core/pluggableElementTyp
 const configSchema_1 = __importDefault(require("./models/configSchema"));
 const model_1 = __importDefault(require("./models/model"));
 const react_1 = require("react");
-exports.default = (pluginManager) => {
+function MultiLinearWiggleDisplayF(pluginManager) {
     pluginManager.addDisplayType(() => {
         const configSchema = (0, configSchema_1.default)(pluginManager);
         return new DisplayType_1.default({
@@ -43,4 +43,5 @@ exports.default = (pluginManager) => {
             ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/WiggleDisplayComponent')))),
         });
     });
-};
+}
+exports.default = MultiLinearWiggleDisplayF;

package/dist/MultiQuantitativeTrack/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function MultiQuantitativeTrackF(pluginManager: PluginManager): void;

package/dist/MultiQuantitativeTrack/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
 const TrackType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/TrackType"));
 const configSchema_1 = __importDefault(require("./configSchema"));
-exports.default = (pluginManager) => {
+function MultiQuantitativeTrackF(pluginManager) {
     pluginManager.addTrackType(() => {
         const configSchema = (0, configSchema_1.default)(pluginManager);
         return new TrackType_1.default({
@@ -16,4 +16,5 @@ exports.default = (pluginManager) => {
             stateModel: (0, models_1.createBaseTrackModel)(pluginManager, 'MultiQuantitativeTrack', configSchema),
         });
     });
-};
+}
+exports.default = MultiQuantitativeTrackF;

package/dist/MultiRowLineRenderer/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function MultiRowLineRendererF(pluginManager: PluginManager): void;

package/dist/MultiRowLineRenderer/index.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const MultiWiggleRendering_1 = __importDefault(require("../MultiWiggleRendering"));
 const MultiRowLineRenderer_1 = __importDefault(require("./MultiRowLineRenderer"));
 const configSchema_1 = __importDefault(require("./configSchema"));
-exports.default = (pluginManager) => {
+function MultiRowLineRendererF(pluginManager) {
     pluginManager.addRendererType(() => new MultiRowLineRenderer_1.default({
         name: 'MultiRowLineRenderer',
         ReactComponent: MultiWiggleRendering_1.default,
         configSchema: configSchema_1.default,
         pluginManager,
     }));
-};
+}
+exports.default = MultiRowLineRendererF;

package/dist/MultiRowXYPlotRenderer/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function MultiRowXYPlotRendererF(pluginManager: PluginManager): void;

package/dist/MultiRowXYPlotRenderer/index.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const MultiWiggleRendering_1 = __importDefault(require("../MultiWiggleRendering"));
 const MultiRowXYPlotRenderer_1 = __importDefault(require("./MultiRowXYPlotRenderer"));
 const configSchema_1 = __importDefault(require("./configSchema"));
-exports.default = (pluginManager) => {
+function MultiRowXYPlotRendererF(pluginManager) {
     pluginManager.addRendererType(() => new MultiRowXYPlotRenderer_1.default({
         name: 'MultiRowXYPlotRenderer',
         ReactComponent: MultiWiggleRendering_1.default,
         configSchema: configSchema_1.default,
         pluginManager,
     }));
-};
+}
+exports.default = MultiRowXYPlotRendererF;

package/dist/MultiWiggleAdapter/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function MultiWiggleAdapterF(pluginManager: PluginManager): void;

package/dist/MultiWiggleAdapter/index.js

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const configSchema_1 = __importDefault(require("./configSchema"));
 const AdapterType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/AdapterType"));
-exports.default = (pluginManager) => {
+function MultiWiggleAdapterF(pluginManager) {
     pluginManager.addAdapterType(() => new AdapterType_1.default({
         name: 'MultiWiggleAdapter',
         displayName: 'Multi-wiggle adapter',
@@ -43,4 +43,5 @@ exports.default = (pluginManager) => {
         },
         getAdapterClass: () => Promise.resolve().then(() => __importStar(require('./MultiWiggleAdapter'))).then(r => r.default),
     }));
-};
+}
+exports.default = MultiWiggleAdapterF;

package/dist/MultiWiggleAddTrackWorkflow/index.d.ts

@@ -0,0 +1,2 @@
+import PluginManager from '@jbrowse/core/PluginManager';
+export default function MultiWiggleAddTrackWorkflowF(pm: PluginManager): void;

package/dist/{MultiWiggleAddTrackWidget → MultiWiggleAddTrackWorkflow}/index.js

@@ -27,10 +27,11 @@ const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const mobx_state_tree_1 = require("mobx-state-tree");
 // locals
 const react_1 = require("react");
-exports.default = (pm) => {
+function MultiWiggleAddTrackWorkflowF(pm) {
     pm.addAddTrackWorkflowType(() => new pluggableElementTypes_1.AddTrackWorkflowType({
         name: 'Multi-wiggle track',
         ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./AddTrackWorkflow')))),
         stateModel: mobx_state_tree_1.types.model({}),
     }));
-};
+}
+exports.default = MultiWiggleAddTrackWorkflowF;

package/dist/MultiXYPlotRenderer/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function MultiXYPlotRendererF(pluginManager: PluginManager): void;

package/dist/MultiXYPlotRenderer/index.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const MultiWiggleRendering_1 = __importDefault(require("../MultiWiggleRendering"));
 const MultiXYPlotRenderer_1 = __importDefault(require("./MultiXYPlotRenderer"));
 const configSchema_1 = __importDefault(require("./configSchema"));
-exports.default = (pluginManager) => {
+function MultiXYPlotRendererF(pluginManager) {
     pluginManager.addRendererType(() => new MultiXYPlotRenderer_1.default({
         name: 'MultiXYPlotRenderer',
         ReactComponent: MultiWiggleRendering_1.default,
         configSchema: configSchema_1.default,
         pluginManager,
     }));
-};
+}
+exports.default = MultiXYPlotRendererF;

package/dist/QuantitativeTrack/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function QuantitativeTrackF(pluginManager: PluginManager): void;

package/dist/QuantitativeTrack/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
 const TrackType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/TrackType"));
 const configSchema_1 = __importDefault(require("./configSchema"));
-exports.default = (pluginManager) => {
+function QuantitativeTrackF(pluginManager) {
     pluginManager.addTrackType(() => {
         const configSchema = (0, configSchema_1.default)(pluginManager);
         return new TrackType_1.default({
@@ -16,4 +16,5 @@ exports.default = (pluginManager) => {
             stateModel: (0, models_1.createBaseTrackModel)(pluginManager, 'QuantitativeTrack', configSchema),
         });
     });
-};
+}
+exports.default = QuantitativeTrackF;

package/dist/Tooltip.d.ts

@@ -9,11 +9,11 @@ declare const Tooltip: ({ model, height, clientMouseCoord, offsetMouseCoord, cli
     model: {
         featureUnderMouse: Feature;
     };
-    useClientY?: boolean | undefined;
+    useClientY?: boolean;
     height: number;
     clientMouseCoord: Coord;
     offsetMouseCoord: Coord;
-    clientRect?: DOMRect | undefined;
+    clientRect?: DOMRect;
     TooltipContents: TooltipContentsComponent;
 }) => React.JSX.Element | null;
 export default Tooltip;

package/dist/Tooltip.js

@@ -44,6 +44,7 @@ const Tooltip = (0, mobx_react_1.observer)(function Tooltip({ model, height, cli
     const { classes } = useStyles();
     const { refs, floatingStyles, context } = (0, react_2.useFloating)({
         placement: 'right',
+        strategy: 'fixed',
     });
     const x = clientMouseCoord[0] + 5;
     const y = useClientY ? clientMouseCoord[1] : (clientRect === null || clientRect === void 0 ? void 0 : clientRect.top) || 0;

package/dist/XYPlotRenderer/index.d.ts

@@ -1,6 +1,5 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function XYPlotRendererF(pluginManager: PluginManager): void;
 export { default as XYPlotRenderer } from './XYPlotRenderer';
 export { default as ReactComponent } from '../WiggleRendering';
 export { default as configSchema } from './configSchema';

package/dist/XYPlotRenderer/index.js

@@ -7,14 +7,15 @@ exports.configSchema = exports.ReactComponent = exports.XYPlotRenderer = void 0;
 const WiggleRendering_1 = __importDefault(require("../WiggleRendering"));
 const XYPlotRenderer_1 = __importDefault(require("./XYPlotRenderer"));
 const configSchema_1 = __importDefault(require("./configSchema"));
-exports.default = (pluginManager) => {
+function XYPlotRendererF(pluginManager) {
     pluginManager.addRendererType(() => new XYPlotRenderer_1.default({
         name: 'XYPlotRenderer',
         ReactComponent: WiggleRendering_1.default,
         configSchema: configSchema_1.default,
         pluginManager,
     }));
-};
+}
+exports.default = XYPlotRendererF;
 var XYPlotRenderer_2 = require("./XYPlotRenderer");
 Object.defineProperty(exports, "XYPlotRenderer", { enumerable: true, get: function () { return __importDefault(XYPlotRenderer_2).default; } });
 var WiggleRendering_2 = require("../WiggleRendering");

package/dist/index.js

@@ -49,7 +49,7 @@ const MultiDensityRenderer_1 = __importDefault(require("./MultiDensityRenderer")
 const MultiLineRenderer_1 = __importDefault(require("./MultiLineRenderer"));
 const MultiRowLineRenderer_1 = __importDefault(require("./MultiRowLineRenderer"));
 const CreateMultiWiggleExtension_1 = __importDefault(require("./CreateMultiWiggleExtension"));
-const MultiWiggleAddTrackWidget_1 = __importDefault(require("./MultiWiggleAddTrackWidget"));
+const MultiWiggleAddTrackWorkflow_1 = __importDefault(require("./MultiWiggleAddTrackWorkflow"));
 const utils = __importStar(require("./util"));
 const rpcMethods_1 = require("./WiggleRPC/rpcMethods");
 const LinearWiggleDisplay_2 = require("./LinearWiggleDisplay");
@@ -83,7 +83,7 @@ class WigglePlugin extends Plugin_1.default {
         (0, MultiDensityRenderer_1.default)(pm);
         (0, MultiLineRenderer_1.default)(pm);
         (0, MultiRowLineRenderer_1.default)(pm);
-        (0, MultiWiggleAddTrackWidget_1.default)(pm);
+        (0, MultiWiggleAddTrackWorkflow_1.default)(pm);
         (0, CreateMultiWiggleExtension_1.default)(pm);
         pm.addToExtensionPoint('Core-guessAdapterForLocation', (cb) => {
             return (file, index, hint) => {

package/dist/shared/YScaleBar.d.ts

@@ -5,6 +5,6 @@ declare const YScaleBar: ({ model, orientation, }: {
     model: {
         ticks?: Ticks;
     };
-    orientation?: string | undefined;
+    orientation?: string;
 }) => React.JSX.Element | null;
 export default YScaleBar;

package/esm/BigWigAdapter/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function BigWigAdapterF(pluginManager: PluginManager): void;

package/esm/BigWigAdapter/index.js

@@ -1,6 +1,6 @@
 import AdapterType from '@jbrowse/core/pluggableElementTypes/AdapterType';
 import configSchema from './configSchema';
-export default (pluginManager) => {
+export default function BigWigAdapterF(pluginManager) {
     pluginManager.addAdapterType(() => new AdapterType({
         name: 'BigWigAdapter',
         displayName: 'BigWig adapter',
@@ -12,4 +12,4 @@ export default (pluginManager) => {
         ],
         getAdapterClass: () => import('./BigWigAdapter').then(r => r.default),
     }));
-};
+}

package/esm/CreateMultiWiggleExtension/index.d.ts

@@ -1,2 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-export default function (pm: PluginManager): void;
+export default function CreateMultiWiggleExtensionF(pm: PluginManager): void;

package/esm/CreateMultiWiggleExtension/index.js

@@ -2,7 +2,7 @@ import { lazy } from 'react';
 import { readConfObject } from '@jbrowse/core/configuration';
 import { getSession, isSessionWithAddTracks } from '@jbrowse/core/util';
 const ConfirmDialog = lazy(() => import('./ConfirmDialog'));
-export default function (pm) {
+export default function CreateMultiWiggleExtensionF(pm) {
     pm.addToExtensionPoint('TrackSelector-multiTrackMenuItems', (items, props) => {
         const { session } = props;
         return [

package/esm/DensityRenderer/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function DensityRendererF(pluginManager: PluginManager): void;

package/esm/DensityRenderer/index.js

@@ -1,11 +1,11 @@
 import configSchema from './configSchema';
 import DensityRenderer from './DensityRenderer';
 import ReactComponent from '../WiggleRendering';
-export default (pluginManager) => {
+export default function DensityRendererF(pluginManager) {
     pluginManager.addRendererType(() => new DensityRenderer({
         name: 'DensityRenderer',
         ReactComponent,
         configSchema,
         pluginManager,
     }));
-};
+}

package/esm/LinePlotRenderer/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function LinePlotRendererF(pluginManager: PluginManager): void;

package/esm/LinePlotRenderer/index.js

@@ -1,11 +1,11 @@
 import configSchema from './configSchema';
 import ReactComponent from '../WiggleRendering';
 import LinePlotRenderer from './LinePlotRenderer';
-export default (pluginManager) => {
+export default function LinePlotRendererF(pluginManager) {
     pluginManager.addRendererType(() => new LinePlotRenderer({
         name: 'LinePlotRenderer',
         ReactComponent,
         configSchema,
         pluginManager,
     }));
-};
+}

package/esm/LinearWiggleDisplay/components/SetColorDialog.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 declare const SetColorDialog: ({ model, handleClose, }: {
     model: {
-        color?: string | undefined;
-        posColor?: string | undefined;
-        negColor?: string | undefined;
+        color?: string;
+        posColor?: string;
+        negColor?: string;
         setColor: (arg?: string) => void;
         setPosColor: (arg?: string) => void;
         setNegColor: (arg?: string) => void;

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

@@ -1,10 +1,6 @@
 import React from 'react';
 import { Feature } from '@jbrowse/core/util';
 import { TooltipContentsComponent } from '../../Tooltip';
-interface Props {
-    feature: Feature;
-}
-declare const TooltipContents: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 type Coord = [number, number];
 declare const WiggleTooltip: (props: {
     model: {

package/esm/LinearWiggleDisplay/index.d.ts

@@ -1,6 +1,5 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function LinearWiggleDisplayF(pluginManager: PluginManager): void;
 export { default as Tooltip } from './components/Tooltip';
 export { default as ReactComponent } from './components/WiggleDisplayComponent';
 export { default as modelFactory } from './models/model';

package/esm/LinearWiggleDisplay/index.js

@@ -2,7 +2,7 @@ import DisplayType from '@jbrowse/core/pluggableElementTypes/DisplayType';
 import configSchemaFactory from './models/configSchema';
 import modelFactory from './models/model';
 import { lazy } from 'react';
-export default (pluginManager) => {
+export default function LinearWiggleDisplayF(pluginManager) {
     pluginManager.addDisplayType(() => {
         const configSchema = configSchemaFactory(pluginManager);
         const stateModel = modelFactory(pluginManager, configSchema);
@@ -16,7 +16,7 @@ export default (pluginManager) => {
             ReactComponent: lazy(() => import('./components/WiggleDisplayComponent')),
         });
     });
-};
+}
 export { default as Tooltip } from './components/Tooltip';
 export { default as ReactComponent } from './components/WiggleDisplayComponent';
 export { default as modelFactory } from './models/model';

package/esm/MultiDensityRenderer/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function MultiDensityRendererF(pluginManager: PluginManager): void;

package/esm/MultiDensityRenderer/index.js

@@ -1,11 +1,11 @@
 import configSchema from './configSchema';
 import ReactComponent from '../MultiWiggleRendering';
 import MultiDensityRenderer from './MultiDensityRenderer';
-export default (pluginManager) => {
+export default function MultiDensityRendererF(pluginManager) {
     pluginManager.addRendererType(() => new MultiDensityRenderer({
         name: 'MultiDensityRenderer',
         ReactComponent,
         configSchema,
         pluginManager,
     }));
-};
+}

package/esm/MultiLineRenderer/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function MultiLineRendererF(pluginManager: PluginManager): void;

package/esm/MultiLineRenderer/index.js

@@ -1,11 +1,11 @@
 import ReactComponent from '../MultiWiggleRendering';
 import MultiLineRenderer from './MultiLineRenderer';
 import configSchema from './configSchema';
-export default (pluginManager) => {
+export default function MultiLineRendererF(pluginManager) {
     pluginManager.addRendererType(() => new MultiLineRenderer({
         name: 'MultiLineRenderer',
         ReactComponent,
         configSchema,
         pluginManager,
     }));
-};
+}

package/esm/MultiLinearWiggleDisplay/components/ColorLegend.d.ts

@@ -4,6 +4,6 @@ declare const ColorLegend: ({ model, rowHeight, labelWidth, exportSVG, }: {
     model: WiggleDisplayModel;
     rowHeight: number;
     labelWidth: number;
-    exportSVG?: boolean | undefined;
+    exportSVG?: boolean;
 }) => React.JSX.Element | null;
 export default ColorLegend;

package/esm/MultiLinearWiggleDisplay/components/RectBg.js

@@ -1,6 +1,7 @@
+import { getFillProps } from '@jbrowse/core/util';
 import React from 'react';
 const RectBg = (props) => {
     const { color = 'rgb(255,255,255,0.8)' } = props;
-    return React.createElement("rect", { ...props, fill: color });
+    return React.createElement("rect", { ...props, ...getFillProps(color) });
 };
 export default RectBg;

package/esm/MultiLinearWiggleDisplay/components/Tooltip.d.ts

@@ -2,13 +2,6 @@ import React from 'react';
 import { Feature } from '@jbrowse/core/util';
 import { Source } from '../../util';
 import { TooltipContentsComponent } from '../../Tooltip';
-interface Props {
-    model: {
-        sources: Source[];
-    };
-    feature: Feature;
-}
-declare const TooltipContents: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 type Coord = [number, number];
 declare const WiggleTooltip: (props: {
     model: {

package/esm/MultiLinearWiggleDisplay/components/YScaleBars.js

@@ -6,20 +6,15 @@ import ColorLegend from './ColorLegend';
 import ScoreLegend from './ScoreLegend';
 import { getOffset } from './util';
 const Wrapper = observer(function ({ children, model, exportSVG, }) {
-    if (exportSVG) {
-        return React.createElement(React.Fragment, null, children);
-    }
-    else {
-        const { height } = model;
-        return (React.createElement("svg", { style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                pointerEvents: 'none',
-                height,
-                width: getContainingView(model).width,
-            } }, children));
-    }
+    const { height } = model;
+    return exportSVG ? (children) : (React.createElement("svg", { style: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            pointerEvents: 'none',
+            height,
+            width: getContainingView(model).width,
+        } }, children));
 });
 export const YScaleBars = observer(function (props) {
     const { model, orientation, exportSVG } = props;

package/esm/MultiLinearWiggleDisplay/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function MultiLinearWiggleDisplayF(pluginManager: PluginManager): void;

package/esm/MultiLinearWiggleDisplay/index.js

@@ -2,7 +2,7 @@ import DisplayType from '@jbrowse/core/pluggableElementTypes/DisplayType';
 import configSchemaFactory from './models/configSchema';
 import modelFactory from './models/model';
 import { lazy } from 'react';
-export default (pluginManager) => {
+export default function MultiLinearWiggleDisplayF(pluginManager) {
     pluginManager.addDisplayType(() => {
         const configSchema = configSchemaFactory(pluginManager);
         return new DisplayType({
@@ -15,4 +15,4 @@ export default (pluginManager) => {
             ReactComponent: lazy(() => import('./components/WiggleDisplayComponent')),
         });
     });
-};
+}

package/esm/MultiQuantitativeTrack/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function MultiQuantitativeTrackF(pluginManager: PluginManager): void;

package/esm/MultiQuantitativeTrack/index.js

@@ -1,7 +1,7 @@
 import { createBaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
 import TrackType from '@jbrowse/core/pluggableElementTypes/TrackType';
 import configSchemaF from './configSchema';
-export default (pluginManager) => {
+export default function MultiQuantitativeTrackF(pluginManager) {
     pluginManager.addTrackType(() => {
         const configSchema = configSchemaF(pluginManager);
         return new TrackType({
@@ -11,4 +11,4 @@ export default (pluginManager) => {
             stateModel: createBaseTrackModel(pluginManager, 'MultiQuantitativeTrack', configSchema),
         });
     });
-};
+}

package/esm/MultiRowLineRenderer/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function MultiRowLineRendererF(pluginManager: PluginManager): void;

package/esm/MultiRowLineRenderer/index.js

@@ -1,11 +1,11 @@
 import ReactComponent from '../MultiWiggleRendering';
 import MultiRowLineRenderer from './MultiRowLineRenderer';
 import configSchema from './configSchema';
-export default (pluginManager) => {
+export default function MultiRowLineRendererF(pluginManager) {
     pluginManager.addRendererType(() => new MultiRowLineRenderer({
         name: 'MultiRowLineRenderer',
         ReactComponent,
         configSchema,
         pluginManager,
     }));
-};
+}

package/esm/MultiRowXYPlotRenderer/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function MultiRowXYPlotRendererF(pluginManager: PluginManager): void;

package/esm/MultiRowXYPlotRenderer/index.js

@@ -1,11 +1,11 @@
 import ReactComponent from '../MultiWiggleRendering';
 import MultiRowXYPlotRenderer from './MultiRowXYPlotRenderer';
 import configSchema from './configSchema';
-export default (pluginManager) => {
+export default function MultiRowXYPlotRendererF(pluginManager) {
     pluginManager.addRendererType(() => new MultiRowXYPlotRenderer({
         name: 'MultiRowXYPlotRenderer',
         ReactComponent,
         configSchema,
         pluginManager,
     }));
-};
+}

package/esm/MultiWiggleAdapter/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function MultiWiggleAdapterF(pluginManager: PluginManager): void;

package/esm/MultiWiggleAdapter/index.js

@@ -1,6 +1,6 @@
 import configSchema from './configSchema';
 import AdapterType from '@jbrowse/core/pluggableElementTypes/AdapterType';
-export default (pluginManager) => {
+export default function MultiWiggleAdapterF(pluginManager) {
     pluginManager.addAdapterType(() => new AdapterType({
         name: 'MultiWiggleAdapter',
         displayName: 'Multi-wiggle adapter',
@@ -15,4 +15,4 @@ export default (pluginManager) => {
         },
         getAdapterClass: () => import('./MultiWiggleAdapter').then(r => r.default),
     }));
-};
+}

package/esm/MultiWiggleAddTrackWorkflow/index.d.ts

@@ -0,0 +1,2 @@
+import PluginManager from '@jbrowse/core/PluginManager';
+export default function MultiWiggleAddTrackWorkflowF(pm: PluginManager): void;

package/esm/{MultiWiggleAddTrackWidget → MultiWiggleAddTrackWorkflow}/index.js

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

package/esm/MultiXYPlotRenderer/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function MultiXYPlotRendererF(pluginManager: PluginManager): void;

package/esm/MultiXYPlotRenderer/index.js

@@ -1,11 +1,11 @@
 import ReactComponent from '../MultiWiggleRendering';
 import MultiXYPlotRenderer from './MultiXYPlotRenderer';
 import configSchema from './configSchema';
-export default (pluginManager) => {
+export default function MultiXYPlotRendererF(pluginManager) {
     pluginManager.addRendererType(() => new MultiXYPlotRenderer({
         name: 'MultiXYPlotRenderer',
         ReactComponent,
         configSchema,
         pluginManager,
     }));
-};
+}

package/esm/QuantitativeTrack/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function QuantitativeTrackF(pluginManager: PluginManager): void;

package/esm/QuantitativeTrack/index.js

@@ -1,7 +1,7 @@
 import { createBaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
 import TrackType from '@jbrowse/core/pluggableElementTypes/TrackType';
 import configSchemaF from './configSchema';
-export default (pluginManager) => {
+export default function QuantitativeTrackF(pluginManager) {
     pluginManager.addTrackType(() => {
         const configSchema = configSchemaF(pluginManager);
         return new TrackType({
@@ -11,4 +11,4 @@ export default (pluginManager) => {
             stateModel: createBaseTrackModel(pluginManager, 'QuantitativeTrack', configSchema),
         });
     });
-};
+}

package/esm/Tooltip.d.ts

@@ -9,11 +9,11 @@ declare const Tooltip: ({ model, height, clientMouseCoord, offsetMouseCoord, cli
     model: {
         featureUnderMouse: Feature;
     };
-    useClientY?: boolean | undefined;
+    useClientY?: boolean;
     height: number;
     clientMouseCoord: Coord;
     offsetMouseCoord: Coord;
-    clientRect?: DOMRect | undefined;
+    clientRect?: DOMRect;
     TooltipContents: TooltipContentsComponent;
 }) => React.JSX.Element | null;
 export default Tooltip;

package/esm/Tooltip.js

@@ -39,6 +39,7 @@ const Tooltip = observer(function Tooltip({ model, height, clientMouseCoord, off
     const { classes } = useStyles();
     const { refs, floatingStyles, context } = useFloating({
         placement: 'right',
+        strategy: 'fixed',
     });
     const x = clientMouseCoord[0] + 5;
     const y = useClientY ? clientMouseCoord[1] : (clientRect === null || clientRect === void 0 ? void 0 : clientRect.top) || 0;

package/esm/XYPlotRenderer/index.d.ts

@@ -1,6 +1,5 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function XYPlotRendererF(pluginManager: PluginManager): void;
 export { default as XYPlotRenderer } from './XYPlotRenderer';
 export { default as ReactComponent } from '../WiggleRendering';
 export { default as configSchema } from './configSchema';

package/esm/XYPlotRenderer/index.js

@@ -1,14 +1,14 @@
 import ReactComponent from '../WiggleRendering';
 import XYPlotRenderer from './XYPlotRenderer';
 import configSchema from './configSchema';
-export default (pluginManager) => {
+export default function XYPlotRendererF(pluginManager) {
     pluginManager.addRendererType(() => new XYPlotRenderer({
         name: 'XYPlotRenderer',
         ReactComponent,
         configSchema,
         pluginManager,
     }));
-};
+}
 export { default as XYPlotRenderer } from './XYPlotRenderer';
 export { default as ReactComponent } from '../WiggleRendering';
 export { default as configSchema } from './configSchema';

package/esm/index.js

@@ -17,7 +17,7 @@ import MultiDensityRendererF from './MultiDensityRenderer';
 import MultiLineRendererF from './MultiLineRenderer';
 import MultiRowLineRendererF from './MultiRowLineRenderer';
 import CreateMultiWiggleExtensionF from './CreateMultiWiggleExtension';
-import MultiWiggleAddTrackWidgetF from './MultiWiggleAddTrackWidget';
+import MultiWiggleAddTrackWorkflowF from './MultiWiggleAddTrackWorkflow';
 import * as utils from './util';
 import { WiggleGetGlobalQuantitativeStats, WiggleGetMultiRegionQuantitativeStats, MultiWiggleGetSources, } from './WiggleRPC/rpcMethods';
 import { ReactComponent as LinearWiggleDisplayReactComponent, modelFactory as linearWiggleDisplayModelFactory, } from './LinearWiggleDisplay';
@@ -51,7 +51,7 @@ export default class WigglePlugin extends Plugin {
         MultiDensityRendererF(pm);
         MultiLineRendererF(pm);
         MultiRowLineRendererF(pm);
-        MultiWiggleAddTrackWidgetF(pm);
+        MultiWiggleAddTrackWorkflowF(pm);
         CreateMultiWiggleExtensionF(pm);
         pm.addToExtensionPoint('Core-guessAdapterForLocation', (cb) => {
             return (file, index, hint) => {

package/esm/shared/YScaleBar.d.ts

@@ -5,6 +5,6 @@ declare const YScaleBar: ({ model, orientation, }: {
     model: {
         ticks?: Ticks;
     };
-    orientation?: string | undefined;
+    orientation?: string;
 }) => React.JSX.Element | null;
 export default YScaleBar;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-wiggle",
-  "version": "2.10.3",
+  "version": "2.11.1",
   "description": "JBrowse 2 wiggle adapters, tracks, etc.",
   "keywords": [
     "jbrowse",
@@ -52,7 +52,7 @@
     "@jbrowse/plugin-data-management": "^2.0.0",
     "@jbrowse/plugin-linear-genome-view": "^2.0.0",
     "@mui/material": "^5.0.0",
-    "@mui/x-data-grid": "^6.0.1",
+    "@mui/x-data-grid": "^7.0.0",
     "mobx": "^6.0.0",
     "mobx-react": "^9.0.0",
     "mobx-state-tree": "^5.0.0",
@@ -66,5 +66,5 @@
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "c8fc800cd17decd72b2e971c7a6add3b95214e72"
+  "gitHead": "11b28d66d782eb06f92ccb993108bb6c3c82819e"
 }

package/dist/MultiWiggleAddTrackWidget/index.d.ts

@@ -1,3 +0,0 @@
-import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pm: PluginManager) => void;
-export default _default;

package/esm/MultiWiggleAddTrackWidget/index.d.ts

@@ -1,3 +0,0 @@
-import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pm: PluginManager) => void;
-export default _default;