@jbrowse/plugin-wiggle 2.16.1 → 2.18.0

package/{esm/LinearWiggleDisplay/models → 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;
@@ -58,15 +44,9 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
         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;
@@ -118,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;
@@ -145,9 +122,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
             error: unknown;
             message: string | undefined;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        onHorizontalScroll? /**
-         * #getter
-         */: () => void;
+        onHorizontalScroll?: () => void;
         blockState?: Record<string, any>;
     }>;
     readonly DisplayBlurb: React.FC<{
@@ -213,6 +188,7 @@ 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;
 } & {
@@ -252,19 +228,21 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
 } & {
     message: undefined | string;
     stats: {
+        currStatsBpPerPx: number;
         scoreMin: number;
         scoreMax: number;
     } | undefined;
-    statsFetchInProgress: undefined | AbortController;
+    statsFetchInProgress: undefined | string;
 } & {
     updateQuantitativeStats(stats: {
+        currStatsBpPerPx: number;
         scoreMin: number;
         scoreMax: number;
     }): void;
     setColor(color?: string): void;
     setPosColor(color?: string): void;
     setNegColor(color?: string): void;
-    setLoading(aborter: AbortController): void;
+    setStatsLoading(arg?: string): void;
     selectFeature(feature: import("@jbrowse/core/util").Feature): void;
     setResolution(res: number): void;
     setFill(fill: number): void;
@@ -306,6 +284,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
     readonly scaleOpts: {
         domain: number[] | undefined;
         stats: {
+            currStatsBpPerPx: number;
             scoreMin: number;
             scoreMax: number;
         } | undefined;
@@ -342,18 +321,11 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
 } & {
     reload(): Promise<void>;
 } & {
-    /**
-     * #getter
-     */
     readonly TooltipComponent: AnyReactComponentType;
-    /**
-     * #getter
-     */
     readonly rendererTypeName: string;
+    readonly quantitativeStatsRelevantToCurrentZoom: boolean;
 } & {
-    /**
-     * #getter
-     */
+    adapterProps(): any;
     readonly ticks: {
         range: number[];
         values: number[];
@@ -361,22 +333,11 @@ 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 | 0 | 1;
-} & {
-    /**
-     * #method
-     */
+    readonly fillSetting: 2 | 1 | 0;
+    readonly quantitativeStatsReady: boolean;
+} & {
     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 | {
         label: string;
         subMenu: ({
@@ -423,9 +384,6 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
     })[];
 } & {
     afterAttach(): void;
-    /**
-     * #action
-     */
     renderSvg(opts: ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export type WiggleDisplayStateModel = ReturnType<typeof stateModelFactory>;

package/dist/LinearWiggleDisplay/{models/model.js → model.js}

@@ -31,41 +31,24 @@ const configuration_1 = require("@jbrowse/core/configuration");
 const util_1 = require("@jbrowse/core/util");
 const mobx_state_tree_1 = require("mobx-state-tree");
 const react_d3_axis_mod_1 = require("react-d3-axis-mod");
-// locals
-const util_2 = require("../../util");
-const modelShared_1 = __importDefault(require("../../shared/modelShared"));
-// lazies
-const Tooltip = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../components/Tooltip'))));
-const SetColorDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../components/SetColorDialog'))));
-// using a map because it preserves order
+const SharedWiggleMixin_1 = __importDefault(require("../shared/SharedWiggleMixin"));
+const util_2 = require("../util");
+const Tooltip = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/Tooltip'))));
+const SetColorDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/SetColorDialog'))));
 const rendererTypes = new Map([
     ['xyplot', 'XYPlotRenderer'],
     ['density', 'DensityRenderer'],
     ['line', 'LinePlotRenderer'],
 ]);
-/**
- * #stateModel LinearWiggleDisplay
- * extends
- * - [SharedWiggleMixin](../sharedwigglemixin)
- */
 function stateModelFactory(pluginManager, configSchema) {
     return mobx_state_tree_1.types
-        .compose('LinearWiggleDisplay', (0, modelShared_1.default)(configSchema), mobx_state_tree_1.types.model({
-        /**
-         * #property
-         */
+        .compose('LinearWiggleDisplay', (0, SharedWiggleMixin_1.default)(configSchema), mobx_state_tree_1.types.model({
         type: mobx_state_tree_1.types.literal('LinearWiggleDisplay'),
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get TooltipComponent() {
             return Tooltip;
         },
-        /**
-         * #getter
-         */
         get rendererTypeName() {
             const name = self.rendererTypeNameSimple;
             const rendererType = rendererTypes.get(name);
@@ -74,84 +57,88 @@ function stateModelFactory(pluginManager, configSchema) {
             }
             return rendererType;
         },
-    }))
-        .views(self => ({
-        /**
-         * #getter
-         */
-        get ticks() {
-            const { scaleType, domain, height } = self;
-            const minimalTicks = (0, configuration_1.getConf)(self, 'minimalTicks');
-            const inverted = (0, configuration_1.getConf)(self, 'inverted');
-            const range = [height - util_2.YSCALEBAR_LABEL_OFFSET, util_2.YSCALEBAR_LABEL_OFFSET];
-            if (!domain) {
-                return undefined;
-            }
-            const scale = (0, util_2.getScale)({
-                scaleType,
-                domain,
-                range,
-                inverted,
-            });
-            const ticks = (0, react_d3_axis_mod_1.axisPropsFromTickScale)(scale, 4);
-            return height < 100 || minimalTicks
-                ? { ...ticks, values: domain }
-                : ticks;
+        get quantitativeStatsRelevantToCurrentZoom() {
+            var _a;
+            const view = (0, util_1.getContainingView)(self);
+            return ((_a = self.stats) === null || _a === void 0 ? void 0 : _a.currStatsBpPerPx) === view.bpPerPx;
         },
     }))
         .views(self => {
         const { renderProps: superRenderProps } = self;
         return {
-            /**
-             * #method
-             */
-            renderProps() {
+            adapterProps() {
                 const superProps = superRenderProps();
-                const { filters, ticks, height, resolution, scaleOpts } = self;
+                const { filters, resolution, scaleOpts } = self;
                 return {
                     ...superProps,
-                    notReady: superProps.notReady || !self.stats,
                     rpcDriverName: self.rpcDriverName,
                     displayModel: self,
                     config: self.rendererConfig,
                     displayCrossHatches: self.displayCrossHatchesSetting,
                     scaleOpts,
                     resolution,
-                    height,
-                    ticks,
                     filters,
                 };
             },
-            /**
-             * #getter
-             */
-            get needsScalebar() {
-                const { rendererTypeName: type } = self;
-                return type === 'XYPlotRenderer' || type === 'LinePlotRenderer';
-            },
-            /**
-             * #getter
-             */
-            get fillSetting() {
-                if (self.filled) {
-                    return 0;
-                }
-                else if (self.minSize === 1) {
-                    return 1;
+            get ticks() {
+                const { scaleType, domain, height } = self;
+                const minimalTicks = (0, configuration_1.getConf)(self, 'minimalTicks');
+                const inverted = (0, configuration_1.getConf)(self, 'inverted');
+                if (domain) {
+                    const ticks = (0, react_d3_axis_mod_1.axisPropsFromTickScale)((0, util_2.getScale)({
+                        scaleType,
+                        domain,
+                        range: [
+                            height - util_2.YSCALEBAR_LABEL_OFFSET,
+                            util_2.YSCALEBAR_LABEL_OFFSET,
+                        ],
+                        inverted,
+                    }), 4);
+                    return height < 100 || minimalTicks
+                        ? { ...ticks, values: domain }
+                        : ticks;
                 }
                 else {
-                    return 2;
+                    return undefined;
                 }
             },
         };
     })
+        .views(self => ({
+        renderProps() {
+            const { ticks, height } = self;
+            const superProps = self.adapterProps();
+            return {
+                ...self.adapterProps(),
+                notReady: superProps.notReady || !self.stats,
+                height,
+                ticks,
+            };
+        },
+        get needsScalebar() {
+            return (self.rendererTypeName === 'XYPlotRenderer' ||
+                self.rendererTypeName === 'LinePlotRenderer');
+        },
+        get fillSetting() {
+            if (self.filled) {
+                return 0;
+            }
+            else if (self.minSize === 1) {
+                return 1;
+            }
+            else {
+                return 2;
+            }
+        },
+        get quantitativeStatsReady() {
+            const view = (0, util_1.getContainingView)(self);
+            return (view.initialized && self.statsReadyAndRegionNotTooLarge && !self.error);
+        },
+    }))
         .views(self => {
         const { trackMenuItems: superTrackMenuItems } = self;
         const hasRenderings = (0, configuration_1.getConf)(self, 'defaultRendering');
         return {
-            /**
-             * #method
-             */
             trackMenuItems() {
                 return [
                     ...superTrackMenuItems(),
@@ -206,7 +193,10 @@ function stateModelFactory(pluginManager, configSchema) {
                         onClick: () => {
                             (0, util_1.getSession)(self).queueDialog(handleClose => [
                                 SetColorDialog,
-                                { model: self, handleClose },
+                                {
+                                    model: self,
+                                    handleClose,
+                                },
                             ]);
                         },
                     },
@@ -218,16 +208,12 @@ function stateModelFactory(pluginManager, configSchema) {
         const { renderSvg: superRenderSvg } = self;
         return {
             afterAttach() {
-                // eslint-disable-next-line @typescript-eslint/no-floating-promises
                 ;
                 (async () => {
-                    const { quantitativeStatsAutorun } = await Promise.resolve().then(() => __importStar(require('../../util')));
-                    quantitativeStatsAutorun(self);
+                    const { getQuantitativeStatsAutorun } = await Promise.resolve().then(() => __importStar(require('../getQuantitativeStatsAutorun')));
+                    getQuantitativeStatsAutorun(self);
                 })();
             },
-            /**
-             * #action
-             */
             async renderSvg(opts) {
                 const { renderSvg } = await Promise.resolve().then(() => __importStar(require('./renderSvg')));
                 return renderSvg(self, opts, superRenderSvg);

package/dist/LinearWiggleDisplay/{models/renderSvg.d.ts → renderSvg.d.ts}

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
-import { WiggleDisplayModel } from './model';
+import type { WiggleDisplayModel } from './model';
+import type { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
 export declare function renderSvg(self: WiggleDisplayModel, opts: ExportSvgDisplayOptions, superRenderSvg: (opts: ExportSvgDisplayOptions) => Promise<React.ReactNode>): Promise<React.JSX.Element>;

package/dist/LinearWiggleDisplay/{models/renderSvg.js → renderSvg.js}

@@ -7,13 +7,13 @@ exports.renderSvg = renderSvg;
 const react_1 = __importDefault(require("react"));
 const util_1 = require("@jbrowse/core/util");
 const mobx_1 = require("mobx");
-const YScaleBar_1 = __importDefault(require("../../shared/YScaleBar"));
+const YScaleBar_1 = __importDefault(require("../shared/YScaleBar"));
 async function renderSvg(self, opts, superRenderSvg) {
     await (0, mobx_1.when)(() => !!self.stats && !!self.regionCannotBeRenderedText);
     const { needsScalebar, stats } = self;
     const { offsetPx } = (0, util_1.getContainingView)(self);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("g", { id: "snpcov" }, await superRenderSvg(opts)),
+        react_1.default.createElement("g", null, await superRenderSvg(opts)),
         needsScalebar && stats ? (react_1.default.createElement("g", { transform: `translate(${Math.max(-offsetPx, 0)})` },
             react_1.default.createElement(YScaleBar_1.default, { model: self, orientation: "left" }))) : null));
 }

package/dist/MultiDensityRenderer/MultiDensityRenderer.d.ts

@@ -1,6 +1,7 @@
-import { Feature } from '@jbrowse/core/util';
-import WiggleBaseRenderer, { MultiRenderArgsDeserialized as MultiArgs } from '../WiggleBaseRenderer';
-export default class MultiXYPlotRenderer extends WiggleBaseRenderer {
+import WiggleBaseRenderer from '../WiggleBaseRenderer';
+import type { MultiRenderArgsDeserialized as MultiArgs } from '../WiggleBaseRenderer';
+import type { Feature } from '@jbrowse/core/util';
+export default class MultiDensityPlotRenderer extends WiggleBaseRenderer {
     draw(ctx: CanvasRenderingContext2D, props: MultiArgs): Promise<{
         reducedFeatures: Feature[];
     }>;

package/dist/MultiDensityRenderer/MultiDensityRenderer.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const util_1 = require("@jbrowse/core/util");
 const WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
 const drawDensity_1 = require("../drawDensity");
-class MultiXYPlotRenderer extends WiggleBaseRenderer_1.default {
-    // @ts-expect-error
+class MultiDensityPlotRenderer extends WiggleBaseRenderer_1.default {
     async draw(ctx, props) {
         const { sources, features } = props;
         const groups = (0, util_1.groupBy)(features.values(), f => f.get('source'));
@@ -28,4 +27,4 @@ class MultiXYPlotRenderer extends WiggleBaseRenderer_1.default {
         return { reducedFeatures: feats };
     }
 }
-exports.default = MultiXYPlotRenderer;
+exports.default = MultiDensityPlotRenderer;

package/dist/MultiDensityRenderer/configSchema.js

@@ -5,14 +5,8 @@ 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"));
-/**
- * #config MultiDensityRenderer
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const configSchema = (0, configuration_1.ConfigurationSchema)('MultiDensityRenderer', {}, {
-    /**
-     * #baseConfiguration
-     */
     baseConfiguration: configSchema_1.default,
     explicitlyTyped: true,
 });

package/dist/MultiDensityRenderer/index.d.ts

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

package/dist/MultiLineRenderer/MultiLineRenderer.d.ts

@@ -1,5 +1,6 @@
-import { Feature } from '@jbrowse/core/util';
-import WiggleBaseRenderer, { MultiRenderArgsDeserialized as MultiArgs } from '../WiggleBaseRenderer';
+import WiggleBaseRenderer from '../WiggleBaseRenderer';
+import type { MultiRenderArgsDeserialized as MultiArgs } from '../WiggleBaseRenderer';
+import type { Feature } from '@jbrowse/core/util';
 export default class MultiLineRenderer extends WiggleBaseRenderer {
     draw(ctx: CanvasRenderingContext2D, props: MultiArgs): Promise<{
         reducedFeatures: Feature[];

package/dist/MultiLineRenderer/MultiLineRenderer.js

@@ -4,10 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const util_1 = require("@jbrowse/core/util");
-const drawLine_1 = require("../drawLine");
 const WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
+const drawLine_1 = require("../drawLine");
 class MultiLineRenderer extends WiggleBaseRenderer_1.default {
-    // @ts-expect-error
     async draw(ctx, props) {
         const { sources, features } = props;
         const groups = (0, util_1.groupBy)(features.values(), f => f.get('source'));

package/dist/MultiLineRenderer/configSchema.d.ts

@@ -1,15 +1,9 @@
 declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     displayCrossHatches: {
         type: string;
         description: string;
         defaultValue: boolean;
     };
-    /**
-     * #slot
-     */
     summaryScoreMode: {
         type: string;
         model: import("mobx-state-tree").ISimpleType<string>;

package/dist/MultiLineRenderer/configSchema.js

@@ -6,22 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const configuration_1 = require("@jbrowse/core/configuration");
 const mobx_state_tree_1 = require("mobx-state-tree");
 const configSchema_1 = __importDefault(require("../configSchema"));
-/**
- * #config MultiLineRenderer
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const configSchema = (0, configuration_1.ConfigurationSchema)('MultiLineRenderer', {
-    /**
-     * #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']),
@@ -29,9 +20,6 @@ const configSchema = (0, configuration_1.ConfigurationSchema)('MultiLineRenderer
         defaultValue: 'avg',
     },
 }, {
-    /**
-     * #baseConfiguration
-     */
     baseConfiguration: configSchema_1.default,
     explicitlyTyped: true,
 });

package/dist/MultiLineRenderer/index.d.ts

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WiggleDisplayModel } from '../models/model';
+import type { WiggleDisplayModel } from '../model';
 declare const ColorLegend: ({ model, rowHeight, labelWidth, exportSVG, }: {
     model: WiggleDisplayModel;
     rowHeight: number;

package/dist/MultiLinearWiggleDisplay/components/ColorLegend.js

@@ -15,7 +15,6 @@ const ColorLegend = (0, mobx_react_1.observer)(function ({ model, rowHeight, lab
     const svgOffset = exportSVG ? 10 : 0;
     const extraOffset = svgOffset || (needsScalebar && !rowHeightTooSmallForScalebar ? 50 : 0);
     return sources ? (react_1.default.createElement(react_1.default.Fragment, null,
-        /* 0.25 for hanging letters like g */
         needsFullHeightScalebar ? (react_1.default.createElement(RectBg_1.default, { y: 0, x: extraOffset, width: legendWidth, height: (sources.length + 0.25) * rowHeight })) : null,
         sources.map((source, idx) => {
             const boxHeight = Math.min(20, rowHeight);

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DialogProps } from '@mui/material';
+import type { DialogProps } from '@mui/material';
 declare const DraggableDialog: (props: DialogProps & {
     title: string;
 }) => React.JSX.Element;

package/dist/MultiLinearWiggleDisplay/components/DraggableDialog.js

@@ -27,12 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const Close_1 = __importDefault(require("@mui/icons-material/Close"));
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
 const react_draggable_1 = __importDefault(require("react-draggable"));
-// icons
-const Close_1 = __importDefault(require("@mui/icons-material/Close"));
+const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     closeButton: {
         position: 'absolute',
@@ -43,9 +42,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 }));
 function PaperComponent(props) {
     const ref = (0, react_1.useRef)(null);
-    return (react_1.default.createElement(react_draggable_1.default, { nodeRef: ref, cancel: '[class*="MuiDialogContent-root"]', 
-        // @ts-expect-error
-        onStart: arg => { var _a, _b; return (_b = (_a = arg.target) === null || _a === void 0 ? void 0 : _a.className) === null || _b === void 0 ? void 0 : _b.includes('MuiDialogTitle'); } },
+    return (react_1.default.createElement(react_draggable_1.default, { nodeRef: ref, cancel: '[class*="MuiDialogContent-root"]', onStart: arg => { var _a, _b; return (_b = (_a = arg.target) === null || _a === void 0 ? void 0 : _a.className) === null || _b === void 0 ? void 0 : _b.includes('MuiDialogTitle'); } },
         react_1.default.createElement(material_1.Paper, { ref: ref, ...props })));
 }
 const DraggableDialog = (0, mobx_react_1.observer)(function DraggableDialog(props) {
@@ -56,7 +53,6 @@ const DraggableDialog = (0, mobx_react_1.observer)(function DraggableDialog(prop
             react_1.default.createElement(material_1.DialogTitle, { style: { cursor: 'move' } },
                 title,
                 onClose ? (react_1.default.createElement(material_1.IconButton, { className: classes.closeButton, onClick: () => {
-                        // @ts-expect-error
                         onClose();
                     } },
                     react_1.default.createElement(Close_1.default, null))) : null),

package/dist/MultiLinearWiggleDisplay/components/RectBg.js

@@ -3,8 +3,8 @@ 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 util_1 = require("@jbrowse/core/util");
 const RectBg = (props) => {
     const { color = 'rgb(255,255,255,0.8)' } = props;
     return react_1.default.createElement("rect", { ...props, ...(0, util_1.getFillProps)(color) });

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WiggleDisplayModel } from '../models/model';
+import type { WiggleDisplayModel } from '../model';
 declare const ScoreLegend: ({ model }: {
     model: WiggleDisplayModel;
 }) => React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Source } from '../../util';
+import type { Source } from '../../util';
 export default function SetColorDialog({ model, handleClose, }: {
     model: {
         sources?: Source[];