@jbrowse/plugin-wiggle 2.17.0 → 3.0.0

package/esm/LinearWiggleDisplay/model.d.ts

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

package/esm/LinearWiggleDisplay/model.js

@@ -1,43 +1,29 @@
 import { lazy } from 'react';
-import { getConf, } from '@jbrowse/core/configuration';
-import { getContainingView, getSession, } from '@jbrowse/core/util';
+import { getConf } from '@jbrowse/core/configuration';
+import { getContainingView, getSession } from '@jbrowse/core/util';
+import EqualizerIcon from '@mui/icons-material/Equalizer';
+import PaletteIcon from '@mui/icons-material/Palette';
+import VisibilityIcon from '@mui/icons-material/Visibility';
 import { types } from 'mobx-state-tree';
 import { axisPropsFromTickScale } from 'react-d3-axis-mod';
-// locals
-import { getScale, YSCALEBAR_LABEL_OFFSET } from '../util';
 import SharedWiggleMixin from '../shared/SharedWiggleMixin';
-// lazies
+import { YSCALEBAR_LABEL_OFFSET, getScale } from '../util';
 const Tooltip = lazy(() => import('./components/Tooltip'));
 const SetColorDialog = lazy(() => import('./components/SetColorDialog'));
-// using a map because it preserves order
 const rendererTypes = new Map([
     ['xyplot', 'XYPlotRenderer'],
     ['density', 'DensityRenderer'],
     ['line', 'LinePlotRenderer'],
 ]);
-/**
- * #stateModel LinearWiggleDisplay
- * extends
- * - [SharedWiggleMixin](../sharedwigglemixin)
- */
 function stateModelFactory(pluginManager, configSchema) {
     return types
         .compose('LinearWiggleDisplay', SharedWiggleMixin(configSchema), types.model({
-        /**
-         * #property
-         */
         type: types.literal('LinearWiggleDisplay'),
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get TooltipComponent() {
             return Tooltip;
         },
-        /**
-         * #getter
-         */
         get rendererTypeName() {
             const name = self.rendererTypeNameSimple;
             const rendererType = rendererTypes.get(name);
@@ -46,10 +32,6 @@ function stateModelFactory(pluginManager, configSchema) {
             }
             return rendererType;
         },
-        /**
-         * #getter
-         * unused currently
-         */
         get quantitativeStatsRelevantToCurrentZoom() {
             var _a;
             const view = getContainingView(self);
@@ -59,9 +41,6 @@ function stateModelFactory(pluginManager, configSchema) {
         .views(self => {
         const { renderProps: superRenderProps } = self;
         return {
-            /**
-             * #method
-             */
             adapterProps() {
                 const superProps = superRenderProps();
                 const { filters, resolution, scaleOpts } = self;
@@ -76,9 +55,6 @@ function stateModelFactory(pluginManager, configSchema) {
                     filters,
                 };
             },
-            /**
-             * #getter
-             */
             get ticks() {
                 const { scaleType, domain, height } = self;
                 const minimalTicks = getConf(self, 'minimalTicks');
@@ -104,9 +80,6 @@ function stateModelFactory(pluginManager, configSchema) {
         };
     })
         .views(self => ({
-        /**
-         * #method
-         */
         renderProps() {
             const { ticks, height } = self;
             const superProps = self.adapterProps();
@@ -117,16 +90,10 @@ function stateModelFactory(pluginManager, configSchema) {
                 ticks,
             };
         },
-        /**
-         * #getter
-         */
         get needsScalebar() {
             return (self.rendererTypeName === 'XYPlotRenderer' ||
                 self.rendererTypeName === 'LinePlotRenderer');
         },
-        /**
-         * #getter
-         */
         get fillSetting() {
             if (self.filled) {
                 return 0;
@@ -138,29 +105,22 @@ function stateModelFactory(pluginManager, configSchema) {
                 return 2;
             }
         },
-        /**
-         * #getter
-         */
         get quantitativeStatsReady() {
             const view = getContainingView(self);
-            return (view.initialized &&
-                self.featureDensityStatsReady &&
-                !self.regionTooLarge &&
-                !self.error);
+            return (view.initialized && self.statsReadyAndRegionNotTooLarge && !self.error);
         },
     }))
         .views(self => {
         const { trackMenuItems: superTrackMenuItems } = self;
         const hasRenderings = getConf(self, 'defaultRendering');
         return {
-            /**
-             * #method
-             */
             trackMenuItems() {
                 return [
                     ...superTrackMenuItems(),
+                    { type: 'divider' },
                     {
                         label: 'Score',
+                        icon: EqualizerIcon,
                         subMenu: self.scoreTrackMenuItems(),
                     },
                     ...(self.canHaveFill
@@ -178,18 +138,6 @@ function stateModelFactory(pluginManager, configSchema) {
                             },
                         ]
                         : []),
-                    ...(self.needsScalebar
-                        ? [
-                            {
-                                type: 'checkbox',
-                                label: 'Draw cross hatches',
-                                checked: self.displayCrossHatchesSetting,
-                                onClick: () => {
-                                    self.toggleCrossHatches();
-                                },
-                            },
-                        ]
-                        : []),
                     ...(hasRenderings
                         ? [
                             {
@@ -206,7 +154,8 @@ function stateModelFactory(pluginManager, configSchema) {
                         ]
                         : []),
                     {
-                        label: 'Set color',
+                        label: 'Color',
+                        icon: PaletteIcon,
                         onClick: () => {
                             getSession(self).queueDialog(handleClose => [
                                 SetColorDialog,
@@ -217,6 +166,19 @@ function stateModelFactory(pluginManager, configSchema) {
                             ]);
                         },
                     },
+                    ...(self.needsScalebar
+                        ? [
+                            {
+                                type: 'checkbox',
+                                icon: VisibilityIcon,
+                                label: 'Show cross hatches',
+                                checked: self.displayCrossHatchesSetting,
+                                onClick: () => {
+                                    self.toggleCrossHatches();
+                                },
+                            },
+                        ]
+                        : []),
                 ];
             },
         };
@@ -225,16 +187,12 @@ function stateModelFactory(pluginManager, configSchema) {
         const { renderSvg: superRenderSvg } = self;
         return {
             afterAttach() {
-                // eslint-disable-next-line @typescript-eslint/no-floating-promises
                 ;
                 (async () => {
                     const { getQuantitativeStatsAutorun } = await import('../getQuantitativeStatsAutorun');
                     getQuantitativeStatsAutorun(self);
                 })();
             },
-            /**
-             * #action
-             */
             async renderSvg(opts) {
                 const { renderSvg } = await import('./renderSvg');
                 return renderSvg(self, opts, superRenderSvg);

package/esm/LinearWiggleDisplay/renderSvg.d.ts

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

package/esm/LinearWiggleDisplay/renderSvg.js

@@ -1,14 +1,10 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { getContainingView } from '@jbrowse/core/util';
 import { when } from 'mobx';
-// locals
 import YScaleBar from '../shared/YScaleBar';
 export async function renderSvg(self, opts, superRenderSvg) {
     await when(() => !!self.stats && !!self.regionCannotBeRenderedText);
     const { needsScalebar, stats } = self;
     const { offsetPx } = getContainingView(self);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("g", { id: "snpcov" }, await superRenderSvg(opts)),
-        needsScalebar && stats ? (React.createElement("g", { transform: `translate(${Math.max(-offsetPx, 0)})` },
-            React.createElement(YScaleBar, { model: self, orientation: "left" }))) : null));
+    return (_jsxs(_Fragment, { children: [_jsx("g", { children: await superRenderSvg(opts) }), needsScalebar && stats ? (_jsx("g", { transform: `translate(${Math.max(-offsetPx, 0)})`, children: _jsx(YScaleBar, { model: self, orientation: "left" }) })) : null] }));
 }

package/esm/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/esm/MultiDensityRenderer/MultiDensityRenderer.js

@@ -1,13 +1,12 @@
 import { groupBy } from '@jbrowse/core/util';
 import WiggleBaseRenderer from '../WiggleBaseRenderer';
-import { drawDensity } from '../drawDensity';
-export default class MultiXYPlotRenderer extends WiggleBaseRenderer {
-    // @ts-expect-error
+export default class MultiDensityPlotRenderer extends WiggleBaseRenderer {
     async draw(ctx, props) {
         const { sources, features } = props;
         const groups = groupBy(features.values(), f => f.get('source'));
         const height = props.height / sources.length;
         let feats = [];
+        const { drawDensity } = await import('../drawDensity');
         ctx.save();
         sources.forEach(source => {
             const features = groups[source.name] || [];
@@ -20,6 +19,8 @@ export default class MultiXYPlotRenderer extends WiggleBaseRenderer {
             feats = feats.concat(reducedFeatures);
         });
         ctx.restore();
-        return { reducedFeatures: feats };
+        return {
+            reducedFeatures: feats,
+        };
     }
 }

package/esm/MultiDensityRenderer/configSchema.js

@@ -1,13 +1,7 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 import baseWiggleRendererConfigSchema from '../configSchema';
-/**
- * #config MultiDensityRenderer
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const configSchema = ConfigurationSchema('MultiDensityRenderer', {}, {
-    /**
-     * #baseConfiguration
-     */
     baseConfiguration: baseWiggleRendererConfigSchema,
     explicitlyTyped: true,
 });

package/esm/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/esm/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/esm/MultiLineRenderer/MultiLineRenderer.js

@@ -1,11 +1,10 @@
 import { groupBy } from '@jbrowse/core/util';
-import { drawLine } from '../drawLine';
 import WiggleBaseRenderer from '../WiggleBaseRenderer';
 export default class MultiLineRenderer extends WiggleBaseRenderer {
-    // @ts-expect-error
     async draw(ctx, props) {
         const { sources, features } = props;
         const groups = groupBy(features.values(), f => f.get('source'));
+        const { drawLine } = await import('../drawLine');
         let feats = [];
         sources.forEach(source => {
             const { reducedFeatures } = drawLine(ctx, {

package/esm/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/esm/MultiLineRenderer/configSchema.js

@@ -1,22 +1,13 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 import { types } from 'mobx-state-tree';
 import baseWiggleRendererConfigSchema from '../configSchema';
-/**
- * #config MultiLineRenderer
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const configSchema = ConfigurationSchema('MultiLineRenderer', {
-    /**
-     * #slot
-     */
     displayCrossHatches: {
         type: 'boolean',
         description: 'choose to draw cross hatches (sideways lines)',
         defaultValue: false,
     },
-    /**
-     * #slot
-     */
     summaryScoreMode: {
         type: 'stringEnum',
         model: types.enumeration('Score type', ['max', 'min', 'avg', 'whiskers']),
@@ -24,9 +15,6 @@ const configSchema = ConfigurationSchema('MultiLineRenderer', {
         defaultValue: 'avg',
     },
 }, {
-    /**
-     * #baseConfiguration
-     */
     baseConfiguration: baseWiggleRendererConfigSchema,
     explicitlyTyped: true,
 });

package/esm/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/esm/MultiLinearWiggleDisplay/components/ColorLegend.d.ts

@@ -1,9 +1,7 @@
-import React from 'react';
-import { WiggleDisplayModel } from '../model';
-declare const ColorLegend: ({ model, rowHeight, labelWidth, exportSVG, }: {
+import type { WiggleDisplayModel } from '../model';
+declare const ColorLegend: ({ model, rowHeight, exportSVG, }: {
     model: WiggleDisplayModel;
     rowHeight: number;
-    labelWidth: number;
     exportSVG?: boolean;
-}) => React.JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default ColorLegend;

package/esm/MultiLinearWiggleDisplay/components/ColorLegend.js

@@ -1,23 +1,13 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { observer } from 'mobx-react';
+import LegendItem from './LegendItem';
 import RectBg from './RectBg';
-const ColorLegend = observer(function ({ model, rowHeight, labelWidth, exportSVG, }) {
-    const { needsCustomLegend, needsScalebar, needsFullHeightScalebar, rowHeightTooSmallForScalebar, renderColorBoxes, sources, } = model;
-    const svgFontSize = Math.min(rowHeight, 12);
-    const canDisplayLabel = rowHeight > 11;
+const ColorLegend = observer(function ({ model, rowHeight, exportSVG, }) {
+    const { needsScalebar, needsFullHeightScalebar, rowHeightTooSmallForScalebar, renderColorBoxes, sources, labelWidth, } = model;
     const colorBoxWidth = renderColorBoxes ? 15 : 0;
     const legendWidth = labelWidth + colorBoxWidth + 5;
     const svgOffset = exportSVG ? 10 : 0;
     const extraOffset = svgOffset || (needsScalebar && !rowHeightTooSmallForScalebar ? 50 : 0);
-    return sources ? (React.createElement(React.Fragment, null,
-        /* 0.25 for hanging letters like g */
-        needsFullHeightScalebar ? (React.createElement(RectBg, { y: 0, x: extraOffset, width: legendWidth, height: (sources.length + 0.25) * rowHeight })) : null,
-        sources.map((source, idx) => {
-            const boxHeight = Math.min(20, rowHeight);
-            return (React.createElement(React.Fragment, { key: `${source.name}-${idx}` },
-                needsFullHeightScalebar ? null : (React.createElement(RectBg, { y: idx * rowHeight + 1, x: extraOffset, width: legendWidth, height: boxHeight })),
-                source.color ? (React.createElement(RectBg, { y: idx * rowHeight + 1, x: extraOffset, width: colorBoxWidth, height: needsCustomLegend ? rowHeight : boxHeight, color: source.color })) : null,
-                canDisplayLabel ? (React.createElement("text", { y: idx * rowHeight + 13, x: extraOffset + colorBoxWidth + 2, fontSize: svgFontSize }, source.name)) : null));
-        }))) : null;
+    return sources ? (_jsxs(_Fragment, { children: [needsFullHeightScalebar ? (_jsx(RectBg, { y: 0, x: extraOffset, width: legendWidth, height: (sources.length + 0.25) * rowHeight })) : null, sources.map((source, idx) => (_jsx(LegendItem, { source: source, idx: idx, model: model, rowHeight: rowHeight, exportSVG: exportSVG, labelWidth: labelWidth }, `${source.name}-${idx}`)))] })) : null;
 });
 export default ColorLegend;

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

@@ -0,0 +1,7 @@
+import type { WiggleDisplayModel } from '../model';
+declare const FullHeightScaleBar: ({ model, orientation, exportSVG, }: {
+    model: WiggleDisplayModel;
+    orientation?: string;
+    exportSVG?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default FullHeightScaleBar;