@jbrowse/plugin-wiggle 2.18.0 → 3.0.1

package/dist/LinearWiggleDisplay/model.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -29,6 +39,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const configuration_1 = require("@jbrowse/core/configuration");
 const util_1 = require("@jbrowse/core/util");
+const Equalizer_1 = __importDefault(require("@mui/icons-material/Equalizer"));
+const Palette_1 = __importDefault(require("@mui/icons-material/Palette"));
+const Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
 const mobx_state_tree_1 = require("mobx-state-tree");
 const react_d3_axis_mod_1 = require("react-d3-axis-mod");
 const SharedWiggleMixin_1 = __importDefault(require("../shared/SharedWiggleMixin"));
@@ -142,8 +155,10 @@ function stateModelFactory(pluginManager, configSchema) {
             trackMenuItems() {
                 return [
                     ...superTrackMenuItems(),
+                    { type: 'divider' },
                     {
                         label: 'Score',
+                        icon: Equalizer_1.default,
                         subMenu: self.scoreTrackMenuItems(),
                     },
                     ...(self.canHaveFill
@@ -161,18 +176,6 @@ function stateModelFactory(pluginManager, configSchema) {
                             },
                         ]
                         : []),
-                    ...(self.needsScalebar
-                        ? [
-                            {
-                                type: 'checkbox',
-                                label: 'Draw cross hatches',
-                                checked: self.displayCrossHatchesSetting,
-                                onClick: () => {
-                                    self.toggleCrossHatches();
-                                },
-                            },
-                        ]
-                        : []),
                     ...(hasRenderings
                         ? [
                             {
@@ -189,7 +192,8 @@ function stateModelFactory(pluginManager, configSchema) {
                         ]
                         : []),
                     {
-                        label: 'Set color',
+                        label: 'Color',
+                        icon: Palette_1.default,
                         onClick: () => {
                             (0, util_1.getSession)(self).queueDialog(handleClose => [
                                 SetColorDialog,
@@ -200,6 +204,19 @@ function stateModelFactory(pluginManager, configSchema) {
                             ]);
                         },
                     },
+                    ...(self.needsScalebar
+                        ? [
+                            {
+                                type: 'checkbox',
+                                icon: Visibility_1.default,
+                                label: 'Show cross hatches',
+                                checked: self.displayCrossHatchesSetting,
+                                onClick: () => {
+                                    self.toggleCrossHatches();
+                                },
+                            },
+                        ]
+                        : []),
                 ];
             },
         };

package/dist/LinearWiggleDisplay/renderSvg.d.ts

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

package/dist/LinearWiggleDisplay/renderSvg.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderSvg = renderSvg;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const util_1 = require("@jbrowse/core/util");
 const mobx_1 = require("mobx");
 const YScaleBar_1 = __importDefault(require("../shared/YScaleBar"));
@@ -12,8 +12,5 @@ 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", 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));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("g", { children: await superRenderSvg(opts) }), needsScalebar && stats ? ((0, jsx_runtime_1.jsx)("g", { transform: `translate(${Math.max(-offsetPx, 0)})`, children: (0, jsx_runtime_1.jsx)(YScaleBar_1.default, { model: self, orientation: "left" }) })) : null] }));
 }

package/dist/MultiDensityRenderer/MultiDensityRenderer.js

@@ -1,21 +1,54 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 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 WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
-const drawDensity_1 = require("../drawDensity");
 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'));
         const height = props.height / sources.length;
         let feats = [];
+        const { drawDensity } = await Promise.resolve().then(() => __importStar(require('../drawDensity')));
         ctx.save();
         sources.forEach(source => {
             const features = groups[source.name] || [];
-            const { reducedFeatures } = (0, drawDensity_1.drawDensity)(ctx, {
+            const { reducedFeatures } = drawDensity(ctx, {
                 ...props,
                 features,
                 height,
@@ -24,7 +57,9 @@ class MultiDensityPlotRenderer extends WiggleBaseRenderer_1.default {
             feats = feats.concat(reducedFeatures);
         });
         ctx.restore();
-        return { reducedFeatures: feats };
+        return {
+            reducedFeatures: feats,
+        };
     }
 }
 exports.default = MultiDensityPlotRenderer;

package/dist/MultiLineRenderer/MultiLineRenderer.js

@@ -1,18 +1,51 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 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 WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
-const drawLine_1 = require("../drawLine");
 class MultiLineRenderer extends WiggleBaseRenderer_1.default {
     async draw(ctx, props) {
         const { sources, features } = props;
         const groups = (0, util_1.groupBy)(features.values(), f => f.get('source'));
+        const { drawLine } = await Promise.resolve().then(() => __importStar(require('../drawLine')));
         let feats = [];
         sources.forEach(source => {
-            const { reducedFeatures } = (0, drawLine_1.drawLine)(ctx, {
+            const { reducedFeatures } = drawLine(ctx, {
                 ...props,
                 features: groups[source.name] || [],
                 colorCallback: () => source.color || 'blue',

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

@@ -1,9 +1,7 @@
-import React from 'react';
 import type { WiggleDisplayModel } from '../model';
-declare const ColorLegend: ({ model, rowHeight, labelWidth, exportSVG, }: {
+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/dist/MultiLinearWiggleDisplay/components/ColorLegend.js

@@ -3,25 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const mobx_react_1 = require("mobx-react");
+const LegendItem_1 = __importDefault(require("./LegendItem"));
 const RectBg_1 = __importDefault(require("./RectBg"));
-const ColorLegend = (0, mobx_react_1.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 = (0, mobx_react_1.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_1.default.createElement(react_1.default.Fragment, null,
-        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);
-            return (react_1.default.createElement(react_1.default.Fragment, { key: `${source.name}-${idx}` },
-                needsFullHeightScalebar ? null : (react_1.default.createElement(RectBg_1.default, { y: idx * rowHeight + 1, x: extraOffset, width: legendWidth, height: boxHeight })),
-                source.color ? (react_1.default.createElement(RectBg_1.default, { y: idx * rowHeight + 1, x: extraOffset, width: colorBoxWidth, height: needsCustomLegend ? rowHeight : boxHeight, color: source.color })) : null,
-                canDisplayLabel ? (react_1.default.createElement("text", { y: idx * rowHeight + 13, x: extraOffset + colorBoxWidth + 2, fontSize: svgFontSize }, source.name)) : null));
-        }))) : null;
+    return sources ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [needsFullHeightScalebar ? ((0, jsx_runtime_1.jsx)(RectBg_1.default, { y: 0, x: extraOffset, width: legendWidth, height: (sources.length + 0.25) * rowHeight })) : null, sources.map((source, idx) => ((0, jsx_runtime_1.jsx)(LegendItem_1.default, { source: source, idx: idx, model: model, rowHeight: rowHeight, exportSVG: exportSVG, labelWidth: labelWidth }, `${source.name}-${idx}`)))] })) : null;
 });
 exports.default = ColorLegend;

package/dist/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;

package/dist/MultiLinearWiggleDisplay/components/FullHeightScaleBar.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const util_1 = require("@jbrowse/core/util");
+const mobx_react_1 = require("mobx-react");
+const ColorLegend_1 = __importDefault(require("./ColorLegend"));
+const util_2 = require("./util");
+const YScaleBar_1 = __importDefault(require("../../shared/YScaleBar"));
+const FullHeightScaleBar = (0, mobx_react_1.observer)(function ({ model, orientation, exportSVG, }) {
+    const { labelWidth } = model;
+    const { width: viewWidth } = (0, util_1.getContainingView)(model);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("g", { transform: `translate(${!exportSVG ? (0, util_2.getOffset)(model) : 0},0)`, children: (0, jsx_runtime_1.jsx)(YScaleBar_1.default, { model: model, orientation: orientation }) }), (0, jsx_runtime_1.jsx)("g", { transform: `translate(${viewWidth - labelWidth - 100},0)`, children: (0, jsx_runtime_1.jsx)(ColorLegend_1.default, { exportSVG: exportSVG, model: model, rowHeight: 12 }) })] }));
+});
+exports.default = FullHeightScaleBar;

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

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

package/dist/MultiLinearWiggleDisplay/components/IndividualScaleBars.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const mobx_react_1 = require("mobx-react");
+const ColorLegend_1 = __importDefault(require("./ColorLegend"));
+const ScoreLegend_1 = __importDefault(require("./ScoreLegend"));
+const YScaleBar_1 = __importDefault(require("../../shared/YScaleBar"));
+const IndividualScaleBars = (0, mobx_react_1.observer)(function ({ model, orientation, exportSVG, }) {
+    const { sources, rowHeight, rowHeightTooSmallForScalebar, needsCustomLegend, ticks, } = model;
+    return (sources === null || sources === void 0 ? void 0 : sources.length) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ColorLegend_1.default, { exportSVG: exportSVG, model: model, rowHeight: model.rowHeight }), rowHeightTooSmallForScalebar || needsCustomLegend ? ((0, jsx_runtime_1.jsx)(ScoreLegend_1.default, { model: model })) : (sources.map((_source, idx) => ((0, jsx_runtime_1.jsx)("g", { transform: `translate(0 ${rowHeight * idx})`, children: (0, jsx_runtime_1.jsx)(YScaleBar_1.default, { model: model, orientation: orientation }) }, `${JSON.stringify(ticks)}-${idx}`))))] })) : null;
+});
+exports.default = IndividualScaleBars;

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

@@ -0,0 +1,11 @@
+import type { Source } from '../../util';
+import type { WiggleDisplayModel } from '../model';
+declare const LegendItem: ({ source, idx, rowHeight, labelWidth, model, exportSVG, }: {
+    source: Source;
+    idx: number;
+    rowHeight: number;
+    labelWidth: number;
+    model: WiggleDisplayModel;
+    exportSVG?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default LegendItem;

package/dist/MultiLinearWiggleDisplay/components/LegendItem.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const RectBg_1 = __importDefault(require("./RectBg"));
+const LegendItem = function ({ source, idx, rowHeight, labelWidth, model, exportSVG, }) {
+    const boxHeight = Math.min(20, rowHeight);
+    const { needsCustomLegend, needsScalebar, needsFullHeightScalebar, rowHeightTooSmallForScalebar, renderColorBoxes, } = model;
+    const svgFontSize = Math.min(rowHeight, 12);
+    const canDisplayLabel = rowHeight > 11;
+    const colorBoxWidth = renderColorBoxes ? 15 : 0;
+    const legendWidth = labelWidth + colorBoxWidth + 5;
+    const svgOffset = exportSVG ? 10 : 0;
+    const extraOffset = svgOffset || (needsScalebar && !rowHeightTooSmallForScalebar ? 50 : 0);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [needsFullHeightScalebar ? null : ((0, jsx_runtime_1.jsx)(RectBg_1.default, { y: idx * rowHeight + 1, x: extraOffset, width: legendWidth, height: boxHeight })), source.color ? ((0, jsx_runtime_1.jsx)(RectBg_1.default, { y: idx * rowHeight + 1, x: extraOffset, width: colorBoxWidth, height: needsCustomLegend ? rowHeight : boxHeight, color: source.color })) : null, canDisplayLabel ? ((0, jsx_runtime_1.jsx)("text", { y: idx * rowHeight + 13, x: extraOffset + colorBoxWidth + 2, fontSize: svgFontSize, children: source.name })) : null] }));
+};
+exports.default = LegendItem;

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

@@ -1,9 +1,8 @@
-import React from 'react';
 declare const RectBg: (props: {
     x: number;
     y: number;
     width: number;
     height: number;
     color?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default RectBg;

package/dist/MultiLinearWiggleDisplay/components/RectBg.js

@@ -1,12 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 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) });
+    return (0, jsx_runtime_1.jsx)("rect", { ...props, ...(0, util_1.getFillProps)(color) });
 };
 exports.default = RectBg;

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

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

package/dist/MultiLinearWiggleDisplay/components/ScoreLegend.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const util_1 = require("@jbrowse/core/util");
 const mobx_react_1 = require("mobx-react");
 const RectBg_1 = __importDefault(require("./RectBg"));
@@ -14,8 +14,6 @@ const ScoreLegend = (0, mobx_react_1.observer)(({ model }) => {
     const len = (0, util_1.measureText)(legend, 14);
     const padding = 25;
     const xpos = width - len - padding;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(RectBg_1.default, { y: 0, x: xpos, width: len + 6, height: 16 }),
-        react_1.default.createElement("text", { y: 13, x: xpos }, legend)));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(RectBg_1.default, { y: 0, x: xpos, width: len + 6, height: 16 }), (0, jsx_runtime_1.jsx)("text", { y: 13, x: xpos, children: legend })] }));
 });
 exports.default = ScoreLegend;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { Source } from '../../util';
 export default function SetColorDialog({ model, handleClose, }: {
     model: {
@@ -7,4 +6,4 @@ export default function SetColorDialog({ model, handleClose, }: {
         clearLayout: () => void;
     };
     handleClose: () => void;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/MultiLinearWiggleDisplay/components/SetColorDialog.js

@@ -1,76 +1,39 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = SetColorDialog;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const DraggableDialog_1 = __importDefault(require("@jbrowse/core/ui/DraggableDialog"));
 const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
-const DraggableDialog_1 = __importDefault(require("./DraggableDialog"));
 const SourcesGrid_1 = __importDefault(require("./SourcesGrid"));
 const useStyles = (0, mui_1.makeStyles)()({
     content: {
         minWidth: 800,
     },
+    float: {
+        float: 'right',
+    },
 });
 function SetColorDialog({ model, handleClose, }) {
     const { classes } = useStyles();
     const { sources } = model;
     const [currLayout, setCurrLayout] = (0, react_1.useState)(structuredClone(sources || []));
     const [showTips, setShowTips] = (0, util_1.useLocalStorage)('multiwiggle-showTips', false);
-    return (react_1.default.createElement(DraggableDialog_1.default, { open: true, onClose: handleClose, maxWidth: "xl", title: 'Multi-wiggle color/arrangement editor' },
-        react_1.default.createElement(material_1.DialogContent, { className: classes.content },
-            react_1.default.createElement(material_1.Button, { variant: "contained", style: { float: 'right' }, onClick: () => {
-                    setShowTips(!showTips);
-                } }, showTips ? 'Hide tips' : 'Show tips'),
-            react_1.default.createElement("br", null),
-            showTips ? (react_1.default.createElement(react_1.default.Fragment, null,
-                "Helpful tips",
-                react_1.default.createElement("ul", null,
-                    react_1.default.createElement("li", null, "You can select rows in the table with the checkboxes"),
-                    react_1.default.createElement("li", null, "Multi-select is enabled with shift-click and control-click"),
-                    react_1.default.createElement("li", null, "The \"Move selected items up/down\" can re-arrange subtracks"),
-                    react_1.default.createElement("li", null, "Sorting the data grid itself can also re-arrange subtracks"),
-                    react_1.default.createElement("li", null, "Changes are applied when you hit Submit"),
-                    react_1.default.createElement("li", null, "You can click and drag the dialog box to move it on the screen"),
-                    react_1.default.createElement("li", null, "Columns in the table can be hidden using a vertical '...' menu on the right side of each column")))) : null,
-            react_1.default.createElement(SourcesGrid_1.default, { rows: currLayout, onChange: setCurrLayout, showTips: showTips })),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { variant: "contained", type: "submit", color: "inherit", onClick: () => {
-                    model.clearLayout();
-                    setCurrLayout(model.sources || []);
-                } }, "Clear custom settings"),
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
-                    handleClose();
-                    setCurrLayout([...(model.sources || [])]);
-                } }, "Cancel"),
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", onClick: () => {
-                    model.setLayout(currLayout);
-                    handleClose();
-                } }, "Submit"))));
+    return ((0, jsx_runtime_1.jsxs)(DraggableDialog_1.default, { open: true, onClose: handleClose, maxWidth: "xl", title: "Multi-wiggle color/arrangement editor", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { className: classes.content, children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", className: classes.float, onClick: () => {
+                            setShowTips(!showTips);
+                        }, children: showTips ? 'Hide tips' : 'Show tips' }), (0, jsx_runtime_1.jsx)("br", {}), showTips ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Helpful tips", (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { children: "You can select rows in the table with the checkboxes" }), (0, jsx_runtime_1.jsx)("li", { children: "Multi-select is enabled with shift-click and control-click" }), (0, jsx_runtime_1.jsx)("li", { children: "The \"Move selected items up/down\" can re-arrange subtracks" }), (0, jsx_runtime_1.jsx)("li", { children: "Sorting the data grid itself can also re-arrange subtracks" }), (0, jsx_runtime_1.jsx)("li", { children: "Changes are applied when you hit Submit" }), (0, jsx_runtime_1.jsx)("li", { children: "You can click and drag the dialog box to move it on the screen" }), (0, jsx_runtime_1.jsx)("li", { children: "Columns in the table can be hidden using a vertical '...' menu on the right side of each column" })] })] })) : null, (0, jsx_runtime_1.jsx)(SourcesGrid_1.default, { rows: currLayout, onChange: setCurrLayout, showTips: showTips })] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", type: "submit", color: "inherit", onClick: () => {
+                            model.clearLayout();
+                            setCurrLayout(model.sources || []);
+                        }, children: "Clear custom settings" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
+                            handleClose();
+                            setCurrLayout([...(model.sources || [])]);
+                        }, children: "Cancel" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", type: "submit", onClick: () => {
+                            model.setLayout(currLayout);
+                            handleClose();
+                        }, children: "Submit" })] })] }));
 }

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

@@ -1,8 +1,7 @@
-import React from 'react';
 import type { Source } from '../../util';
 declare function SourcesGrid({ rows, onChange, showTips, }: {
     rows: Source[];
     onChange: (arg: Source[]) => void;
     showTips: boolean;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export default SourcesGrid;