@jbrowse/plugin-wiggle 2.17.0 → 3.0.0

package/dist/XYPlotRenderer/configSchema.js

@@ -4,48 +4,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const configuration_1 = require("@jbrowse/core/configuration");
-const configSchema_1 = __importDefault(require("../configSchema"));
 const mobx_state_tree_1 = require("mobx-state-tree");
-/**
- * #config XYPlotRenderer
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+const configSchema_1 = __importDefault(require("../configSchema"));
+function x() { }
 const configSchema = (0, configuration_1.ConfigurationSchema)('XYPlotRenderer', {
-    /**
-     * #slot
-     */
     filled: {
         type: 'boolean',
         defaultValue: true,
     },
-    /**
-     * #slot
-     */
     displayCrossHatches: {
         type: 'boolean',
         description: 'choose to draw cross hatches (sideways lines)',
         defaultValue: false,
     },
-    /**
-     * #slot
-     */
     summaryScoreMode: {
         type: 'stringEnum',
         model: mobx_state_tree_1.types.enumeration('Score type', ['max', 'min', 'avg', 'whiskers']),
         description: 'choose whether to use max/min/average or whiskers which combines all three into the same rendering',
         defaultValue: 'whiskers',
     },
-    /**
-     * #slot
-     */
     minSize: {
         type: 'number',
         defaultValue: 0.7,
     },
 }, {
-    /**
-     * #baseConfiguration
-     */
     baseConfiguration: configSchema_1.default,
     explicitlyTyped: true,
 });

package/dist/XYPlotRenderer/index.d.ts

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

package/dist/configSchema.d.ts

@@ -1,48 +1,30 @@
 declare const WiggleRenderer: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     color: {
         type: string;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     posColor: {
         type: string;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     negColor: {
         type: string;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     clipColor: {
         type: string;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     bicolorPivot: {
         type: string;
         model: import("mobx-state-tree").ISimpleType<string>;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     bicolorPivotValue: {
         type: string;
         defaultValue: number;

package/dist/configSchema.js

@@ -2,47 +2,28 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const configuration_1 = require("@jbrowse/core/configuration");
 const mobx_state_tree_1 = require("mobx-state-tree");
-/**
- * #config WiggleRenderer
- * this is the "base wiggle renderer config schema"
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const WiggleRenderer = (0, configuration_1.ConfigurationSchema)('WiggleRenderer', {
-    /**
-     * #slot
-     */
     color: {
         type: 'color',
         description: 'the color of track, overrides posColor and negColor',
         defaultValue: '#f0f',
     },
-    /**
-     * #slot
-     */
     posColor: {
         type: 'color',
         description: 'the color to use when the score is positive',
         defaultValue: 'blue',
     },
-    /**
-     * #slot
-     */
     negColor: {
         type: 'color',
         description: 'the color to use when the score is negative',
         defaultValue: 'red',
     },
-    /**
-     * #slot
-     */
     clipColor: {
         type: 'color',
         description: 'the color of the clipping marker',
         defaultValue: 'red',
     },
-    /**
-     * #slot
-     */
     bicolorPivot: {
         type: 'stringEnum',
         model: mobx_state_tree_1.types.enumeration('Scale type', [
@@ -54,9 +35,6 @@ const WiggleRenderer = (0, configuration_1.ConfigurationSchema)('WiggleRenderer'
         description: 'type of bicolor pivot',
         defaultValue: 'numeric',
     },
-    /**
-     * #slot
-     */
     bicolorPivotValue: {
         type: 'number',
         defaultValue: 0,

package/dist/drawDensity.d.ts

@@ -1,6 +1,6 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { Feature, Region } from '@jbrowse/core/util';
-import { ScaleOpts } from './util';
+import type { ScaleOpts } from './util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { Feature, Region } from '@jbrowse/core/util';
 export declare function drawDensity(ctx: CanvasRenderingContext2D, props: {
     features: Map<string, Feature> | Feature[];
     regions: Region[];

package/dist/drawDensity.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.drawDensity = drawDensity;
 const configuration_1 = require("@jbrowse/core/configuration");
 const util_1 = require("@jbrowse/core/util");
-// locals
 const util_2 = require("./util");
 const fudgeFactor = 0.3;
 const clipHeight = 2;
@@ -34,7 +33,6 @@ function drawDensity(ctx, props) {
     const reducedFeatures = [];
     for (const feature of features.values()) {
         const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
-        // create reduced features, avoiding multiple features per px
         if (Math.floor(leftPx) !== Math.floor(prevLeftPx)) {
             reducedFeatures.push(feature);
             prevLeftPx = leftPx;
@@ -45,8 +43,6 @@ function drawDensity(ctx, props) {
         ctx.fillStyle = cb(feature, score);
         ctx.fillRect(leftPx, 0, w, height);
     }
-    // second pass: draw clipping
-    // avoid persisting the red fillstyle with save/restore
     ctx.save();
     if (hasClipping) {
         ctx.fillStyle = clipColor;

package/dist/drawLine.d.ts

@@ -1,6 +1,6 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { Feature, Region } from '@jbrowse/core/util';
-import { ScaleOpts } from './util';
+import type { ScaleOpts } from './util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { Feature, Region } from '@jbrowse/core/util';
 export declare function drawLine(ctx: CanvasRenderingContext2D, props: {
     features: Map<string, Feature> | Feature[];
     regions: Region[];

package/dist/drawLine.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.drawLine = drawLine;
 const configuration_1 = require("@jbrowse/core/configuration");
 const util_1 = require("@jbrowse/core/util");
-// locals
 const util_2 = require("./util");
 const fudgeFactor = 0.3;
 const clipHeight = 2;
@@ -11,9 +10,6 @@ function drawLine(ctx, props) {
     const { features, regions, bpPerPx, scaleOpts, height: unadjustedHeight, ticks: { values }, displayCrossHatches, colorCallback, config, offset = 0, } = props;
     const region = regions[0];
     const width = (region.end - region.start) / bpPerPx;
-    // the adjusted height takes into account YSCALEBAR_LABEL_OFFSET from the
-    // wiggle display, and makes the height of the actual drawn area add
-    // "padding" to the top and bottom of the display
     const height = unadjustedHeight - offset * 2;
     const clipColor = (0, configuration_1.readConfObject)(config, 'clipColor');
     const scale = (0, util_2.getScale)({ ...scaleOpts, range: [0, height] });
@@ -26,7 +22,6 @@ function drawLine(ctx, props) {
     const reducedFeatures = [];
     for (const feature of features.values()) {
         const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
-        // create reduced features, avoiding multiple features per px
         if (Math.floor(leftPx) !== Math.floor(prevLeftPx)) {
             reducedFeatures.push(feature);
             prevLeftPx = leftPx;

package/dist/drawXY.d.ts

@@ -1,7 +1,8 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { Feature, Region } from '@jbrowse/core/util';
-import { ScaleOpts } from './util';
+import type { ScaleOpts } from './util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { Feature, Region } from '@jbrowse/core/util';
 export declare function drawXY(ctx: CanvasRenderingContext2D, props: {
+    stopToken?: string;
     features: Map<string, Feature> | Feature[];
     bpPerPx: number;
     regions: Region[];

package/dist/drawXY.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.drawXY = drawXY;
 const configuration_1 = require("@jbrowse/core/configuration");
-const colord_1 = require("@jbrowse/core/util/colord");
 const util_1 = require("@jbrowse/core/util");
-// locals
+const colord_1 = require("@jbrowse/core/util/colord");
+const stopToken_1 = require("@jbrowse/core/util/stopToken");
 const util_2 = require("./util");
 function lighten(color, amount) {
     const hslColor = color.toHsl();
@@ -22,9 +22,6 @@ function drawXY(ctx, props) {
     const { features, bpPerPx, regions, scaleOpts, height: unadjustedHeight, config, ticks, displayCrossHatches, offset = 0, colorCallback, } = props;
     const region = regions[0];
     const width = (region.end - region.start) / bpPerPx;
-    // the adjusted height takes into account YSCALEBAR_LABEL_OFFSET from the
-    // wiggle display, and makes the height of the actual drawn area add
-    // "padding" to the top and bottom of the display
     const height = unadjustedHeight - offset * 2;
     const filled = (0, configuration_1.readConfObject)(config, 'filled');
     const clipColor = (0, configuration_1.readConfObject)(config, 'clipColor');
@@ -43,13 +40,16 @@ function drawXY(ctx, props) {
     let prevLeftPx = Number.NEGATIVE_INFINITY;
     const reducedFeatures = [];
     const crossingOrigin = niceMin < pivotValue && niceMax > pivotValue;
-    // we handle whiskers separately to render max row, min row, and avg in three
-    // passes. this reduces subpixel rendering issues. note: for stylistic
-    // reasons, clipping indicator is only drawn for score, not min/max score
+    let start = performance.now();
     if (summaryScoreMode === 'whiskers') {
         let lastCol;
         let lastMix;
+        start = performance.now();
         for (const feature of features.values()) {
+            if (performance.now() - start > 400) {
+                (0, stopToken_1.checkStopToken)();
+                start = performance.now();
+            }
             const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
             if (feature.get('summary')) {
                 const w = Math.max(rightPx - leftPx + fudgeFactor, minSize);
@@ -66,7 +66,12 @@ function drawXY(ctx, props) {
         }
         lastMix = undefined;
         lastCol = undefined;
+        start = performance.now();
         for (const feature of features.values()) {
+            if (performance.now() - start > 400) {
+                (0, stopToken_1.checkStopToken)();
+                start = performance.now();
+            }
             const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
             const score = feature.get('score');
             const max = feature.get('maxScore');
@@ -81,7 +86,6 @@ function drawXY(ctx, props) {
                         .toString())
                 : c;
             const w = Math.max(rightPx - leftPx + fudgeFactor, minSize);
-            // create reduced features, avoiding multiple features per px
             if (Math.floor(leftPx) !== Math.floor(prevLeftPx)) {
                 reducedFeatures.push(feature);
                 prevLeftPx = leftPx;
@@ -92,7 +96,12 @@ function drawXY(ctx, props) {
         }
         lastMix = undefined;
         lastCol = undefined;
+        start = performance.now();
         for (const feature of features.values()) {
+            if (performance.now() - start > 400) {
+                (0, stopToken_1.checkStopToken)();
+                start = performance.now();
+            }
             const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
             if (feature.get('summary')) {
                 const min = feature.get('minScore');
@@ -109,9 +118,13 @@ function drawXY(ctx, props) {
         }
     }
     else {
+        start = performance.now();
         for (const feature of features.values()) {
+            if (performance.now() - start > 400) {
+                (0, stopToken_1.checkStopToken)();
+                start = performance.now();
+            }
             const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
-            // create reduced features, avoiding multiple features per px
             if (Math.floor(leftPx) !== Math.floor(prevLeftPx)) {
                 reducedFeatures.push(feature);
                 prevLeftPx = leftPx;
@@ -133,12 +146,15 @@ function drawXY(ctx, props) {
             }
         }
     }
-    // second pass: draw clipping
-    // avoid persisting the red fillstyle with save/restore
     ctx.save();
     if (hasClipping) {
         ctx.fillStyle = clipColor;
+        start = performance.now();
         for (const feature of features.values()) {
+            if (performance.now() - start > 400) {
+                (0, stopToken_1.checkStopToken)();
+                start = performance.now();
+            }
             const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
             const w = rightPx - leftPx + fudgeFactor;
             const score = feature.get('score');

package/dist/getMultiWiggleSourcesAutorun.d.ts

@@ -1,4 +1,4 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 export interface Source {
     name: string;
     color?: string;
@@ -10,7 +10,7 @@ export declare function getMultiWiggleSourcesAutorun(self: {
     adapterConfig: AnyConfigurationModel;
     autoscaleType: string;
     adapterProps: () => Record<string, unknown>;
-    setStatsLoading: (aborter: AbortController) => void;
+    setSourcesLoading: (aborter: string) => void;
     setError: (error: unknown) => void;
     setMessage: (str: string) => void;
     setSources: (sources: Source[]) => void;

package/dist/getMultiWiggleSourcesAutorun.js

@@ -1,21 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getMultiWiggleSourcesAutorun = getMultiWiggleSourcesAutorun;
-const mobx_1 = require("mobx");
-const mobx_state_tree_1 = require("mobx-state-tree");
-// jbrowse
 const util_1 = require("@jbrowse/core/util");
+const aborting_1 = require("@jbrowse/core/util/aborting");
+const stopToken_1 = require("@jbrowse/core/util/stopToken");
 const tracks_1 = require("@jbrowse/core/util/tracks");
+const mobx_1 = require("mobx");
+const mobx_state_tree_1 = require("mobx-state-tree");
 function getMultiWiggleSourcesAutorun(self) {
     (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(async () => {
         try {
-            const { rpcManager } = (0, util_1.getSession)(self);
-            const { adapterConfig } = self;
-            const sessionId = (0, tracks_1.getRpcSessionId)(self);
             const view = (0, util_1.getContainingView)(self);
             if (!view.initialized) {
                 return;
             }
+            const { rpcManager } = (0, util_1.getSession)(self);
+            const { adapterConfig } = self;
+            const token = (0, stopToken_1.createStopToken)();
+            self.setSourcesLoading(token);
+            const sessionId = (0, tracks_1.getRpcSessionId)(self);
             const sources = (await rpcManager.call(sessionId, 'MultiWiggleGetSources', {
                 regions: view.staticBlocks.contentBlocks,
                 sessionId,
@@ -26,7 +29,7 @@ function getMultiWiggleSourcesAutorun(self) {
             }
         }
         catch (e) {
-            if (!(0, util_1.isAbortException)(e) && (0, mobx_state_tree_1.isAlive)(self)) {
+            if (!(0, aborting_1.isAbortException)(e) && (0, mobx_state_tree_1.isAlive)(self)) {
                 console.error(e);
                 (0, util_1.getSession)(self).notifyError(`${e}`, e);
             }

package/dist/getQuantitativeStats.d.ts

@@ -1,5 +1,5 @@
-import { QuantitativeStats } from '@jbrowse/core/util/stats';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { QuantitativeStats } from '@jbrowse/core/util/stats';
 export declare function getQuantitativeStats(self: {
     adapterConfig: AnyConfigurationModel;
     configuration: AnyConfigurationModel;
@@ -7,7 +7,7 @@ export declare function getQuantitativeStats(self: {
     setMessage: (str: string) => void;
 }, opts: {
     headers?: Record<string, string>;
-    signal?: AbortSignal;
+    stopToken?: string;
     filters: string[];
     currStatsBpPerPx: number;
 }): Promise<QuantitativeStats>;

package/dist/getQuantitativeStats.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getQuantitativeStats = getQuantitativeStats;
-const mobx_state_tree_1 = require("mobx-state-tree");
-// jbrowse
+const configuration_1 = require("@jbrowse/core/configuration");
 const util_1 = require("@jbrowse/core/util");
 const tracks_1 = require("@jbrowse/core/util/tracks");
-const configuration_1 = require("@jbrowse/core/configuration");
+const mobx_state_tree_1 = require("mobx-state-tree");
 async function getQuantitativeStats(self, opts) {
     const { rpcManager } = (0, util_1.getSession)(self);
     const numStdDev = (0, configuration_1.getConf)(self, 'numStdDev') || 3;
@@ -25,10 +24,6 @@ async function getQuantitativeStats(self, opts) {
     if (autoscaleType === 'global' || autoscaleType === 'globalsd') {
         const results = (await rpcManager.call(sessionId, 'WiggleGetGlobalQuantitativeStats', params));
         const { scoreMin, scoreMean, scoreStdDev } = results;
-        // globalsd uses heuristic to avoid unnecessary scoreMin<0
-        //
-        // if the scoreMin is never less than 0 helps with most coverage bigwigs
-        // just being >0
         return autoscaleType === 'globalsd'
             ? {
                 ...results,
@@ -56,9 +51,6 @@ async function getQuantitativeStats(self, opts) {
             bpPerPx,
         }));
         const { scoreMin, scoreMean, scoreStdDev } = results;
-        // localsd uses heuristic to avoid unnecessary scoreMin<0 if the
-        // scoreMin is never less than 0 helps with most coverage bigwigs
-        // just being >0
         return autoscaleType === 'localsd'
             ? {
                 ...results,

package/dist/getQuantitativeStatsAutorun.d.ts

@@ -1,12 +1,12 @@
-import { QuantitativeStats } from '@jbrowse/core/util/stats';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { QuantitativeStats } from '@jbrowse/core/util/stats';
 export declare function getQuantitativeStatsAutorun(self: {
     quantitativeStatsReady: boolean;
     configuration: AnyConfigurationModel;
     adapterConfig: AnyConfigurationModel;
     autoscaleType: string;
     adapterProps: () => Record<string, unknown>;
-    setStatsLoading: (aborter: AbortController) => void;
+    setStatsLoading: (token: string) => void;
     setError: (error: unknown) => void;
     setMessage: (str: string) => void;
     updateQuantitativeStats: (stats: QuantitativeStats, region: string) => void;

package/dist/getQuantitativeStatsAutorun.js

@@ -1,35 +1,33 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getQuantitativeStatsAutorun = getQuantitativeStatsAutorun;
+const util_1 = require("@jbrowse/core/util");
+const stopToken_1 = require("@jbrowse/core/util/stopToken");
 const mobx_1 = require("mobx");
 const mobx_state_tree_1 = require("mobx-state-tree");
-// jbrowse
-const util_1 = require("@jbrowse/core/util");
-// locals
 const getQuantitativeStats_1 = require("./getQuantitativeStats");
 function getQuantitativeStatsAutorun(self) {
     (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(async () => {
         try {
-            const view = (0, util_1.getContainingView)(self);
-            const aborter = new AbortController();
-            self.setStatsLoading(aborter);
-            if (!self.quantitativeStatsReady) {
-                return;
-            }
-            const statsRegion = JSON.stringify(view.dynamicBlocks);
-            const wiggleStats = await (0, getQuantitativeStats_1.getQuantitativeStats)(self, {
-                signal: aborter.signal,
-                filters: [],
-                currStatsBpPerPx: view.bpPerPx,
-                ...self.adapterProps(),
-            });
-            if ((0, mobx_state_tree_1.isAlive)(self)) {
-                self.updateQuantitativeStats(wiggleStats, statsRegion);
+            if (self.quantitativeStatsReady) {
+                const view = (0, util_1.getContainingView)(self);
+                const stopToken = (0, stopToken_1.createStopToken)();
+                self.setStatsLoading(stopToken);
+                const statsRegion = JSON.stringify(view.dynamicBlocks);
+                const wiggleStats = await (0, getQuantitativeStats_1.getQuantitativeStats)(self, {
+                    stopToken,
+                    filters: [],
+                    currStatsBpPerPx: view.bpPerPx,
+                    ...self.adapterProps(),
+                });
+                if ((0, mobx_state_tree_1.isAlive)(self)) {
+                    self.updateQuantitativeStats(wiggleStats, statsRegion);
+                }
             }
         }
         catch (e) {
-            console.error(e);
-            if (!(0, util_1.isAbortException)(e) && (0, mobx_state_tree_1.isAlive)(self)) {
+            if ((0, mobx_state_tree_1.isAlive)(self) && !(0, util_1.isAbortException)(e)) {
+                console.error(e);
                 self.setError(e);
             }
         }

package/dist/index.d.ts

@@ -1,18 +1,18 @@
 import Plugin from '@jbrowse/core/Plugin';
-import PluginManager from '@jbrowse/core/PluginManager';
-import WiggleBaseRenderer from './WiggleBaseRenderer';
-import * as utils from './util';
 import { modelFactory as linearWiggleDisplayModelFactory } from './LinearWiggleDisplay';
+import WiggleBaseRenderer from './WiggleBaseRenderer';
 import { XYPlotRenderer } from './XYPlotRenderer';
+import * as utils from './util';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default class WigglePlugin extends Plugin {
     name: string;
     install(pm: PluginManager): void;
     exports: {
         LinearWiggleDisplayReactComponent: (props: {
             model: import("./LinearWiggleDisplay/model").WiggleDisplayModel;
-        }) => import("react").JSX.Element;
+        }) => import("react/jsx-runtime").JSX.Element;
         XYPlotRendererReactComponent: (props: {
-            regions: import("@jbrowse/core/util/types").Region[];
+            regions: import("@jbrowse/core/util").Region[];
             features: Map<string, import("@jbrowse/core/util").Feature>;
             bpPerPx: number;
             width: number;
@@ -21,7 +21,7 @@ export default class WigglePlugin extends Plugin {
             onMouseLeave?: (event: React.MouseEvent) => void;
             onMouseMove?: (event: React.MouseEvent, arg?: string) => void;
             onFeatureClick?: (event: React.MouseEvent, arg?: string) => void;
-        }) => import("react").JSX.Element;
+        }) => import("react/jsx-runtime").JSX.Element;
         XYPlotRenderer: typeof XYPlotRenderer;
         WiggleBaseRenderer: typeof WiggleBaseRenderer;
         linearWiggleDisplayModelFactory: typeof linearWiggleDisplayModelFactory;
@@ -83,6 +83,6 @@ export default class WigglePlugin extends Plugin {
 }
 export * from './util';
 export { default as WiggleRendering } from './WiggleRendering';
-export { Tooltip, ReactComponent as LinearWiggleDisplayReactComponent, modelFactory as linearWiggleDisplayModelFactory, } from './LinearWiggleDisplay';
+export { ReactComponent as LinearWiggleDisplayReactComponent, Tooltip, modelFactory as linearWiggleDisplayModelFactory, } from './LinearWiggleDisplay';
 export type { TooltipContentsComponent } from './Tooltip';
 export { default as WiggleBaseRenderer } from './WiggleBaseRenderer';