@jbrowse/plugin-wiggle 2.0.1 → 2.1.0

package/esm/LinePlotRenderer/LinePlotRenderer.js

@@ -1,71 +1,13 @@
-import { readConfObject } from '@jbrowse/core/configuration';
-import { featureSpanPx } from '@jbrowse/core/util';
-import { getScale } from '../util';
 import WiggleBaseRenderer from '../WiggleBaseRenderer';
-import { YSCALEBAR_LABEL_OFFSET } from '../LinearWiggleDisplay/models/model';
+import { YSCALEBAR_LABEL_OFFSET } from '../util';
+import { drawLine } from '../drawxy';
 export default class LinePlotRenderer extends WiggleBaseRenderer {
     async draw(ctx, props) {
-        const { features, regions, bpPerPx, scaleOpts, height: unadjustedHeight, ticks: { values }, displayCrossHatches, config, } = props;
-        const [region] = regions;
-        const width = (region.end - region.start) / bpPerPx;
-        const offset = YSCALEBAR_LABEL_OFFSET;
-        // 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 = readConfObject(config, 'clipColor');
-        const highlightColor = readConfObject(config, 'highlightColor');
-        const scale = getScale({ ...scaleOpts, range: [0, height] });
-        const [niceMin, niceMax] = scale.domain();
-        const toY = rawscore => height - scale(rawscore) + offset;
-        const colorCallback = readConfObject(config, 'color') === '#f0f'
-            ? () => 'grey'
-            : feature => readConfObject(config, 'color', { feature });
-        let lastVal;
-        for (const feature of features.values()) {
-            const [leftPx, rightPx] = featureSpanPx(feature, region, bpPerPx);
-            const score = feature.get('score');
-            const lowClipping = score < niceMin;
-            const highClipping = score > niceMax;
-            const w = rightPx - leftPx + 0.3; // fudge factor for subpixel rendering
-            const c = colorCallback(feature);
-            ctx.strokeStyle = c;
-            ctx.beginPath();
-            if (!region.reversed) {
-                ctx.moveTo(leftPx, toY(typeof lastVal !== 'undefined' ? lastVal : score));
-                ctx.lineTo(leftPx, toY(score));
-                ctx.lineTo(rightPx, toY(score));
-            }
-            else {
-                ctx.moveTo(rightPx, toY(typeof lastVal !== 'undefined' ? lastVal : score));
-                ctx.lineTo(rightPx, toY(score));
-                ctx.lineTo(leftPx, toY(score));
-            }
-            ctx.stroke();
-            lastVal = score;
-            if (highClipping) {
-                ctx.fillStyle = clipColor;
-                ctx.fillRect(leftPx, 0, w, 4);
-            }
-            else if (lowClipping && scaleOpts.scaleType !== 'log') {
-                ctx.fillStyle = clipColor;
-                ctx.fillRect(leftPx, height - 4, w, height);
-            }
-            if (feature.get('highlighted')) {
-                ctx.fillStyle = highlightColor;
-                ctx.fillRect(leftPx, 0, w, height);
-            }
-        }
-        if (displayCrossHatches) {
-            ctx.lineWidth = 1;
-            ctx.strokeStyle = 'rgba(200,200,200,0.8)';
-            values.forEach(tick => {
-                ctx.beginPath();
-                ctx.moveTo(0, Math.round(toY(tick)));
-                ctx.lineTo(width, Math.round(toY(tick)));
-                ctx.stroke();
-            });
-        }
+        return drawLine(ctx, {
+            ...props,
+            offset: YSCALEBAR_LABEL_OFFSET,
+            colorCallback: () => 'grey',
+        });
     }
 }
 //# sourceMappingURL=LinePlotRenderer.js.map

package/esm/LinePlotRenderer/LinePlotRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinePlotRenderer.js","sourceRoot":"","sources":["../../src/LinePlotRenderer/LinePlotRenderer.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"LinePlotRenderer.js","sourceRoot":"","sources":["../../src/LinePlotRenderer/LinePlotRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,kBAEN,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAEpC,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,kBAAkB;IAC9D,KAAK,CAAC,IAAI,CACR,GAA6B,EAC7B,KAAyC;QAEzC,OAAO,QAAQ,CAAC,GAAG,EAAE;YACnB,GAAG,KAAK;YACR,MAAM,EAAE,sBAAsB;YAC9B,aAAa,EAAE,GAAG,EAAE,CAAC,MAAM;SAC5B,CAAC,CAAA;IACJ,CAAC;CACF"}

package/esm/LinePlotRenderer/configSchema.d.ts

@@ -0,0 +1,2 @@
+declare const configSchema: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
+export default configSchema;

package/esm/LinePlotRenderer/configSchema.js

@@ -0,0 +1,11 @@
+import { ConfigurationSchema } from '@jbrowse/core/configuration';
+import ConfigSchema from '../configSchema';
+const configSchema = ConfigurationSchema('LinePlotRenderer', {
+    displayCrossHatches: {
+        type: 'boolean',
+        description: 'choose to draw cross hatches (sideways lines)',
+        defaultValue: false,
+    },
+}, { baseConfiguration: ConfigSchema, explicitlyTyped: true });
+export default configSchema;
+//# sourceMappingURL=configSchema.js.map

package/esm/LinePlotRenderer/configSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configSchema.js","sourceRoot":"","sources":["../../src/LinePlotRenderer/configSchema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,MAAM,YAAY,GAAG,mBAAmB,CACtC,kBAAkB,EAClB;IACE,mBAAmB,EAAE;QACnB,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,+CAA+C;QAC5D,YAAY,EAAE,KAAK;KACpB;CACF,EACD,EAAE,iBAAiB,EAAE,YAAY,EAAE,eAAe,EAAE,IAAI,EAAE,CAC3D,CAAA;AAED,eAAe,YAAY,CAAA"}

package/esm/LinePlotRenderer/index.d.ts

@@ -1,3 +1,3 @@
-export { default as ReactComponent } from "../WiggleRendering";
-export { default } from "./LinePlotRenderer";
-export const configSchema: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
+import PluginManager from '@jbrowse/core/PluginManager';
+declare const _default: (pluginManager: PluginManager) => void;
+export default _default;

package/esm/LinePlotRenderer/index.js

@@ -1,12 +1,12 @@
-import { ConfigurationSchema } from '@jbrowse/core/configuration';
-import ConfigSchema from '../configSchema';
-export { default as ReactComponent } from '../WiggleRendering';
-export { default } from './LinePlotRenderer';
-export const configSchema = ConfigurationSchema('LinePlotRenderer', {
-    displayCrossHatches: {
-        type: 'boolean',
-        description: 'choose to draw cross hatches (sideways lines)',
-        defaultValue: false,
-    },
-}, { baseConfiguration: ConfigSchema, explicitlyTyped: true });
+import configSchema from './configSchema';
+import ReactComponent from '../WiggleRendering';
+import LinePlotRenderer from './LinePlotRenderer';
+export default (pluginManager) => {
+    pluginManager.addRendererType(() => new LinePlotRenderer({
+        name: 'LinePlotRenderer',
+        ReactComponent,
+        configSchema,
+        pluginManager,
+    }));
+};
 //# sourceMappingURL=index.js.map

package/esm/LinePlotRenderer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/LinePlotRenderer/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAC7C,kBAAkB,EAClB;IACE,mBAAmB,EAAE;QACnB,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,+CAA+C;QAC5D,YAAY,EAAE,KAAK;KACpB;CACF,EACD,EAAE,iBAAiB,EAAE,YAAY,EAAE,eAAe,EAAE,IAAI,EAAE,CAC3D,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/LinePlotRenderer/index.ts"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,cAAc,MAAM,oBAAoB,CAAA;AAC/C,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AAEjD,eAAe,CAAC,aAA4B,EAAE,EAAE;IAC9C,aAAa,CAAC,eAAe,CAC3B,GAAG,EAAE,CACH,IAAI,gBAAgB,CAAC;QACnB,IAAI,EAAE,kBAAkB;QACxB,cAAc;QACd,YAAY;QACZ,aAAa;KACd,CAAC,CACL,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,10 +1,14 @@
 /// <reference types="react" />
-export default function SetColorDialog({ model, handleClose, }: {
+declare function SetColorDialog({ model, handleClose, }: {
     model: {
-        color: number;
+        color?: string;
+        posColor?: string;
+        negColor?: string;
         setColor: (arg?: string) => void;
         setPosColor: (arg?: string) => void;
         setNegColor: (arg?: string) => void;
     };
     handleClose: () => void;
 }): JSX.Element;
+declare const _default: typeof SetColorDialog;
+export default _default;

package/esm/LinearWiggleDisplay/components/SetColorDialog.js

@@ -1,8 +1,9 @@
 import React, { useState } from 'react';
+import { observer } from 'mobx-react';
 import { Button, Dialog, DialogContent, DialogActions, DialogTitle, FormControlLabel, IconButton, Radio, Typography, } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
 import CloseIcon from '@mui/icons-material/Close';
-import { CompactPicker } from 'react-color';
+import { ColorPicker } from '@jbrowse/core/ui/ColorPicker';
 const useStyles = makeStyles()(theme => ({
     closeButton: {
         position: 'absolute',
@@ -11,16 +12,7 @@ const useStyles = makeStyles()(theme => ({
         color: theme.palette.grey[500],
     },
 }));
-// this is needed because passing a entire color object into the react-color
-// for alpha, can't pass in an rgba string for example
-function serialize(color) {
-    if (color instanceof Object) {
-        const { r, g, b } = color;
-        return `rgb(${r},${g},${b})`;
-    }
-    return color;
-}
-export default function SetColorDialog({ model, handleClose, }) {
+function SetColorDialog({ model, handleClose, }) {
     const { classes } = useStyles();
     const [posneg, setPosNeg] = useState(false);
     return (React.createElement(Dialog, { open: true, onClose: handleClose },
@@ -33,17 +25,17 @@ export default function SetColorDialog({ model, handleClose, }) {
             React.createElement(FormControlLabel, { checked: posneg, onClick: () => setPosNeg(true), control: React.createElement(Radio, null), label: 'Positive/negative color' }),
             posneg ? (React.createElement(React.Fragment, null,
                 React.createElement(Typography, null, "Positive color"),
-                React.createElement(CompactPicker, { onChange: event => {
-                        model.setPosColor(serialize(event.rgb));
+                React.createElement(ColorPicker, { color: model.posColor || 'black', onChange: event => {
+                        model.setPosColor(event);
                         model.setColor(undefined);
                     } }),
                 React.createElement(Typography, null, "Negative color"),
-                React.createElement(CompactPicker, { onChange: event => {
-                        model.setNegColor(serialize(event.rgb));
+                React.createElement(ColorPicker, { color: model.negColor || 'black', onChange: event => {
+                        model.setNegColor(event);
                         model.setColor(undefined);
                     } }))) : (React.createElement(React.Fragment, null,
                 React.createElement(Typography, null, "Overall color"),
-                React.createElement(CompactPicker, { onChange: event => model.setColor(serialize(event.rgb)) })))),
+                React.createElement(ColorPicker, { color: model.color || 'black', onChange: event => model.setColor(event) })))),
         React.createElement(DialogActions, null,
             React.createElement(Button, { onClick: () => {
                     model.setPosColor(undefined);
@@ -52,4 +44,5 @@ export default function SetColorDialog({ model, handleClose, }) {
                 }, color: "secondary", variant: "contained" }, "Restore default"),
             React.createElement(Button, { variant: "contained", color: "primary", type: "submit", onClick: () => handleClose() }, "Submit"))));
 }
+export default observer(SetColorDialog);
 //# sourceMappingURL=SetColorDialog.js.map

package/esm/LinearWiggleDisplay/components/SetColorDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetColorDialog.js","sourceRoot":"","sources":["../../../src/LinearWiggleDisplay/components/SetColorDialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SetColorDialog.js","sourceRoot":"","sources":["../../../src/LinearWiggleDisplay/components/SetColorDialog.tsx"],"names":[],"mappings":"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"}

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

@@ -1,16 +1,10 @@
 import React from 'react';
-import { Feature } from '@jbrowse/core/util/simpleFeature';
+import { Feature } from '@jbrowse/core/util';
+import Tooltip, { TooltipContentsComponent } from '../../Tooltip';
+declare const TooltipContents: React.ForwardRefExoticComponent<{
+    feature: Feature;
+} & React.RefAttributes<HTMLDivElement>>;
 declare type Coord = [number, number];
-declare const Tooltip: ({ model, height, clientMouseCoord, offsetMouseCoord, clientRect, TooltipContents, }: {
-    model: {
-        featureUnderMouse: Feature;
-    };
-    height: number;
-    clientMouseCoord: Coord;
-    offsetMouseCoord: Coord;
-    clientRect?: DOMRect | undefined;
-    TooltipContents: React.FC<any>;
-}) => JSX.Element | null;
 declare const WiggleTooltip: (props: {
     model: {
         featureUnderMouse: Feature;
@@ -19,6 +13,7 @@ declare const WiggleTooltip: (props: {
     offsetMouseCoord: Coord;
     clientMouseCoord: Coord;
     clientRect?: DOMRect;
+    TooltipContents?: TooltipContentsComponent;
 }) => JSX.Element;
 export default WiggleTooltip;
 export { Tooltip };

package/esm/LinearWiggleDisplay/components/Tooltip.js

@@ -1,45 +1,9 @@
-import React, { useMemo, useState } from 'react';
+import React from 'react';
 import { observer } from 'mobx-react';
-import { alpha, Portal } from '@mui/material';
-import { makeStyles } from 'tss-react/mui';
 // locals
-import { YSCALEBAR_LABEL_OFFSET } from '../models/model';
-import { usePopper } from 'react-popper';
-// convert to number, apply shortened precision, and render
-function toP(s = 0) {
-    return +(+s).toPrecision(6);
-}
-function round(value) {
-    return Math.round(value * 1e5) / 1e5;
-}
+import Tooltip from '../../Tooltip';
+import { toP } from '../../util';
 const en = (n) => n.toLocaleString('en-US');
-const useStyles = makeStyles()(theme => ({
-    // these styles come from
-    // https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tooltip/Tooltip.js
-    tooltip: {
-        position: 'absolute',
-        pointerEvents: 'none',
-        backgroundColor: alpha(theme.palette.grey[700], 0.9),
-        borderRadius: theme.shape.borderRadius,
-        color: theme.palette.common.white,
-        fontFamily: theme.typography.fontFamily,
-        padding: '4px 8px',
-        fontSize: theme.typography.pxToRem(12),
-        lineHeight: `${round(14 / 10)}em`,
-        maxWidth: 300,
-        wordWrap: 'break-word',
-    },
-    hoverVertical: {
-        background: '#333',
-        border: 'none',
-        width: 1,
-        height: '100%',
-        top: YSCALEBAR_LABEL_OFFSET,
-        cursor: 'default',
-        position: 'absolute',
-        pointerEvents: 'none',
-    },
-}));
 const TooltipContents = React.forwardRef(({ feature }, ref) => {
     const start = feature.get('start');
     const end = feature.get('end');
@@ -62,43 +26,6 @@ const TooltipContents = React.forwardRef(({ feature }, ref) => {
         React.createElement("br", null),
         `${toP(feature.get('score'))}`));
 });
-const Tooltip = observer(({ model, height, clientMouseCoord, offsetMouseCoord, clientRect, TooltipContents, }) => {
-    const { featureUnderMouse } = model;
-    const [width, setWidth] = useState(0);
-    const [anchorEl, setAnchorEl] = useState(null);
-    const { classes } = useStyles();
-    // must be memoized a la https://github.com/popperjs/react-popper/issues/391
-    const virtElement = useMemo(() => ({
-        getBoundingClientRect: () => {
-            const x = clientMouseCoord[0] + width / 2 + 20;
-            const y = (clientRect === null || clientRect === void 0 ? void 0 : clientRect.top) || 0;
-            return {
-                top: y,
-                left: x,
-                bottom: y,
-                right: x,
-                width: 0,
-                height: 0,
-                x,
-                y,
-                toJSON() { },
-            };
-        },
-    }), [clientRect === null || clientRect === void 0 ? void 0 : clientRect.top, clientMouseCoord, width]);
-    const { styles, attributes } = usePopper(virtElement, anchorEl);
-    return featureUnderMouse ? (React.createElement(React.Fragment, null,
-        React.createElement(Portal, null,
-            React.createElement("div", { ref: setAnchorEl, className: classes.tooltip, 
-                // zIndex needed to go over widget drawer
-                style: { ...styles.popper, zIndex: 100000 }, ...attributes.popper },
-                React.createElement(TooltipContents, { ref: (elt) => {
-                        setWidth((elt === null || elt === void 0 ? void 0 : elt.getBoundingClientRect().width) || 0);
-                    }, feature: featureUnderMouse }))),
-        React.createElement("div", { className: classes.hoverVertical, style: {
-                left: offsetMouseCoord[0],
-                height: height - YSCALEBAR_LABEL_OFFSET * 2,
-            } }))) : null;
-});
 const WiggleTooltip = observer((props) => {
     return React.createElement(Tooltip, { TooltipContents: TooltipContents, ...props });
 });

package/esm/LinearWiggleDisplay/components/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/LinearWiggleDisplay/components/Tooltip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/LinearWiggleDisplay/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGrC,SAAS;AACT,OAAO,OAAqC,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAEhC,MAAM,EAAE,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;AAEnD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IACnB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAClC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAC9B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACnC,MAAM,GAAG,GAAG,CAAC,IAAI,EAAE,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;SACvE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;SAChB,IAAI,CAAC,GAAG,CAAC,CAAA;IAEZ,OAAO,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAC5C,6BAAK,GAAG,EAAE,GAAG;QACV,GAAG;QACJ,+BAAM;;QACA,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QAClC,+BAAM;;QACA,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC/B,+BAAM;;QACA,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAC9B,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,GAAG,EAAE,GAAG;QACV,GAAG;QACJ,+BAAM;QACL,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAC3B,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAID,MAAM,aAAa,GAAG,QAAQ,CAC5B,CAAC,KAOA,EAAE,EAAE;IACH,OAAO,oBAAC,OAAO,IAAC,eAAe,EAAE,eAAe,KAAM,KAAK,GAAI,CAAA;AACjE,CAAC,CACF,CAAA;AACD,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/esm/LinearWiggleDisplay/index.d.ts

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

package/esm/LinearWiggleDisplay/index.js

@@ -1,4 +1,21 @@
-export { default as configSchemaFactory } from './models/configSchema';
-export { default as modelFactory, YSCALEBAR_LABEL_OFFSET } from './models/model';
-export { default as ReactComponent } from './components/WiggleDisplayComponent';
+import DisplayType from '@jbrowse/core/pluggableElementTypes/DisplayType';
+import configSchemaFactory from './models/configSchema';
+import modelFactory from './models/model';
+import ReactComponent from './components/WiggleDisplayComponent';
+import Tooltip from './components/Tooltip';
+export default (pluginManager) => {
+    pluginManager.addDisplayType(() => {
+        const configSchema = configSchemaFactory(pluginManager);
+        const stateModel = modelFactory(pluginManager, configSchema);
+        return new DisplayType({
+            name: 'LinearWiggleDisplay',
+            configSchema,
+            stateModel,
+            trackType: 'QuantitativeTrack',
+            viewType: 'LinearGenomeView',
+            ReactComponent,
+        });
+    });
+};
+export { ReactComponent, modelFactory, Tooltip };
 //# sourceMappingURL=index.js.map

package/esm/LinearWiggleDisplay/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/LinearWiggleDisplay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAChF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qCAAqC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/LinearWiggleDisplay/index.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,iDAAiD,CAAA;AAEzE,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,cAAc,MAAM,qCAAqC,CAAA;AAChE,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAE1C,eAAe,CAAC,aAA4B,EAAE,EAAE;IAC9C,aAAa,CAAC,cAAc,CAAC,GAAG,EAAE;QAChC,MAAM,YAAY,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAA;QACvD,MAAM,UAAU,GAAG,YAAY,CAAC,aAAa,EAAE,YAAY,CAAC,CAAA;QAC5D,OAAO,IAAI,WAAW,CAAC;YACrB,IAAI,EAAE,qBAAqB;YAC3B,YAAY;YACZ,UAAU;YACV,SAAS,EAAE,mBAAmB;YAC9B,QAAQ,EAAE,kBAAkB;YAC5B,cAAc;SACf,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,OAAO,EAAE,CAAA"}

package/esm/LinearWiggleDisplay/models/model.d.ts

@@ -3,7 +3,6 @@ import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
 import { Instance } from 'mobx-state-tree';
 import PluginManager from '@jbrowse/core/PluginManager';
 import { Feature } from '@jbrowse/core/util/simpleFeature';
-export declare const YSCALEBAR_LABEL_OFFSET = 5;
 declare const 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>;
@@ -64,6 +63,7 @@ declare const stateModelFactory: (pluginManager: PluginManager, configSchema: An
     selectedRendering: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     resolution: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
     fill: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>;
+    minSize: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
     color: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
     posColor: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
     negColor: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -209,7 +209,7 @@ declare const stateModelFactory: (pluginManager: PluginManager, configSchema: An
     };
     statsFetchInProgress: AbortController | undefined;
 } & {
-    updateStats({ scoreMin, scoreMax, }: {
+    updateStats(stats: {
         scoreMin: number;
         scoreMax: number;
     }): void;
@@ -219,7 +219,7 @@ declare const stateModelFactory: (pluginManager: PluginManager, configSchema: An
     setLoading(aborter: AbortController): void;
     selectFeature(feature: Feature): void;
     setResolution(res: number): void;
-    setFill(fill: boolean): void;
+    setFill(fill: number): void;
     toggleLogScale(): void;
     setScaleType(scale?: string): void;
     setSummaryScoreMode(val: string): void;
@@ -232,6 +232,7 @@ declare const stateModelFactory: (pluginManager: PluginManager, configSchema: An
 } & {
     readonly TooltipComponent: React.FC<{}>;
     readonly adapterTypeName: any;
+    readonly rendererTypeNameSimple: any;
     readonly rendererTypeName: string;
     readonly filters: undefined;
     readonly scaleType: any;
@@ -258,18 +259,36 @@ declare const stateModelFactory: (pluginManager: PluginManager, configSchema: An
     readonly autoscaleType: any;
     readonly displayCrossHatchesSetting: any;
 } & {
-    readonly ticks: any;
+    readonly ticks: {
+        range: number[];
+        values: number[];
+        format: (d: import("d3-scale").NumberValue) => string;
+        position: import("d3-scale").ScaleLinear<number, number, never> | import("d3-scale").ScaleQuantize<number, never>;
+    };
+    readonly adapterCapabilities: string[];
 } & {
     renderProps(): any;
-    readonly adapterCapabilities: string[];
     readonly hasResolution: boolean;
     readonly hasGlobalStats: boolean;
+    readonly fillSetting: 2 | 1 | 0;
 } & {
     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: {
+            label: string;
+            type: string;
+            checked: boolean;
+            onClick: () => void;
+        }[];
+        type?: undefined;
+        checked?: undefined;
+        onClick?: undefined;
+    } | {
         type: string;
         label: string;
         checked: any;
         onClick: () => void;
+        subMenu?: undefined;
     })[];
 } & {
     reload(): Promise<void>;