@jbrowse/plugin-wiggle 3.7.0 → 4.0.1

package/esm/MultiLinearWiggleDisplay/components/LegendItemText.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const LegendItemText = function ({ source, idx, rowHeight, model, exportSVG, }) {
+const LegendItemText = function ({ source, idx, rowHeight, model, exportSVG, textFillProps, }) {
     const { graphType, rowHeightTooSmallForScalebar, renderColorBoxes } = model;
     const svgFontSize = Math.min(rowHeight, 12);
     const canDisplayLabel = rowHeight >= 6;
     const colorBoxWidth = renderColorBoxes ? 15 : 0;
     const svgOffset = exportSVG ? 10 : 0;
     const extraOffset = svgOffset || (graphType && !rowHeightTooSmallForScalebar ? 50 : 0);
-    return canDisplayLabel ? (_jsx("text", { y: idx * rowHeight + 13, x: extraOffset + colorBoxWidth + 2, fontSize: svgFontSize, children: source.name })) : null;
+    return canDisplayLabel ? (_jsx("text", { y: idx * rowHeight + svgFontSize, x: extraOffset + colorBoxWidth + 2, fontSize: svgFontSize, ...textFillProps, children: source.name })) : null;
 };
 export default LegendItemText;

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

@@ -1,4 +1,4 @@
-declare const RectBg: (props: {
+declare const RectBg: ({ x, y, width, height, color, }: {
     x: number;
     y: number;
     width: number;

package/esm/MultiLinearWiggleDisplay/components/RectBg.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getFillProps } from '@jbrowse/core/util';
-const RectBg = (props) => {
-    const { color = 'rgb(255,255,255,0.8)' } = props;
-    return _jsx("rect", { ...props, ...getFillProps(color) });
+import { alpha, useTheme } from '@mui/material';
+const RectBg = ({ x, y, width, height, color, }) => {
+    const theme = useTheme();
+    return (_jsx("rect", { pointerEvents: "auto", x: x, y: y, width: width, height: height, ...getFillProps(color || alpha(theme.palette.background.paper, 0.3)) }));
 };
 export default RectBg;

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

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

package/esm/MultiLinearWiggleDisplay/components/ScoreLegend.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { getContainingView, measureText } from '@jbrowse/core/util';
 import { observer } from 'mobx-react';
-import RectBg from './RectBg';
-const ScoreLegend = observer(({ model }) => {
+import RectBg from "./RectBg.js";
+const ScoreLegend = observer(function ScoreLegend({ model, }) {
     const { ticks, scaleType } = model;
     const { width } = getContainingView(model);
-    const legend = `[${ticks === null || ticks === void 0 ? void 0 : ticks.values[0]}-${ticks === null || ticks === void 0 ? void 0 : ticks.values[1]}]${scaleType === 'log' ? ' (log scale)' : ''}`;
+    const legend = `[${ticks?.values[0]}-${ticks?.values[1]}]${scaleType === 'log' ? ' (log scale)' : ''}`;
     const len = measureText(legend, 14);
     const padding = 25;
     const xpos = width - len - padding;

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

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

package/esm/MultiLinearWiggleDisplay/components/SetColorDialog.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import SourcesGrid from './SourcesGrid';
-import SharedSetColorDialog from './ui/SetColorDialog';
+import SourcesGrid from "./SourcesGrid.js";
+import SharedSetColorDialog from "./ui/SetColorDialog.js";
 export default function SetColorDialog({ model, handleClose, }) {
     return (_jsx(SharedSetColorDialog, { model: model, handleClose: handleClose, title: "Multi-wiggle color/arrangement editor", enableBulkEdit: true, enableRowPalettizer: true, showTipsStorageKey: "multiwiggle-showTips", SourcesGridComponent: SourcesGrid }));
 }

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

@@ -1,4 +1,4 @@
-import type { Source } from '../../util';
+import type { Source } from '../../util.ts';
 declare function SourcesGrid({ rows, onChange, showTips, }: {
     rows: Source[];
     onChange: (arg: Source[]) => void;

package/esm/MultiLinearWiggleDisplay/components/SourcesGrid.js

@@ -3,14 +3,14 @@ import { useState } from 'react';
 import { SanitizedHTML } from '@jbrowse/core/ui';
 import ColorPicker, { ColorPopover } from '@jbrowse/core/ui/ColorPicker';
 import { getStr, measureGridWidth } from '@jbrowse/core/util';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
 import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';
 import KeyboardDoubleArrowDownIcon from '@mui/icons-material/KeyboardDoubleArrowDown';
 import KeyboardDoubleArrowUpIcon from '@mui/icons-material/KeyboardDoubleArrowUp';
 import { Button } from '@mui/material';
 import { DataGrid } from '@mui/x-data-grid';
-import { makeStyles } from 'tss-react/mui';
-import { moveDown, moveUp } from './util';
+import { moveDown, moveUp } from "./util.js";
 const useStyles = makeStyles()({
     cell: {
         whiteSpace: 'nowrap',

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

@@ -1,5 +1,5 @@
-import type { TooltipContentsComponent } from '../../Tooltip';
-import type { Source } from '../../util';
+import type { TooltipContentsComponent } from '../../Tooltip.tsx';
+import type { Source } from '../../util.ts';
 import type { Feature } from '@jbrowse/core/util';
 type Coord = [number, number];
 declare const WiggleTooltip: (props: {
@@ -11,8 +11,6 @@ declare const WiggleTooltip: (props: {
     height: number;
     offsetMouseCoord: Coord;
     clientMouseCoord: Coord;
-    clientRect?: DOMRect;
     TooltipContents?: TooltipContentsComponent;
 }) => import("react/jsx-runtime").JSX.Element;
 export default WiggleTooltip;
-export { default as Tooltip } from '../../Tooltip';

package/esm/MultiLinearWiggleDisplay/components/Tooltip.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
+import { toLocale } from '@jbrowse/core/util';
 import { observer } from 'mobx-react';
-import Tooltip from '../../Tooltip';
-import { toP } from '../../util';
-const en = (n) => n.toLocaleString('en-US');
+import Tooltip from "../../Tooltip.js";
+import { toP } from "../../util.js";
 const TooltipContents = forwardRef(function TooltipContents2({ model, feature }, ref) {
     const start = feature.get('start');
     const end = feature.get('end');
     const refName = feature.get('refName');
-    const coord = start === end ? en(start) : `${en(start)}..${en(end)}`;
+    const coord = start === end ? toLocale(start) : `${toLocale(start)}..${toLocale(end)}`;
     const sources = feature.get('sources');
     const source = feature.get('source');
     const summary = feature.get('summary');
@@ -20,13 +20,12 @@ const TooltipContents = forwardRef(function TooltipContents2({ model, feature },
                                                 width: 16,
                                                 height: 16,
                                                 background: sourceInfo.color,
-                                            } })) }), _jsx("td", { children: (sourceInfo === null || sourceInfo === void 0 ? void 0 : sourceInfo.name) || source }), _jsx("td", { children: toP(data.score) })] }, source));
-                        }) })] })) : (_jsxs("span", { children: [(obj2 === null || obj2 === void 0 ? void 0 : obj2.name) || source, ' ', summary
+                                            } })) }), _jsx("td", { children: sourceInfo?.name || source }), _jsx("td", { children: toP(data.score) })] }, source));
+                        }) })] })) : (_jsxs("span", { children: [obj2?.name || source, ' ', summary && feature.get('minScore') != null
                         ? `min:${toP(feature.get('minScore'))} avg:${toP(feature.get('score'))} max:${toP(feature.get('maxScore'))}`
                         : toP(feature.get('score'))] }))] }));
 });
-const WiggleTooltip = observer(function (props) {
-    return _jsx(Tooltip, { useClientY: true, TooltipContents: TooltipContents, ...props });
+const WiggleTooltip = observer(function WiggleTooltip(props) {
+    return _jsx(Tooltip, { TooltipContents: TooltipContents, ...props });
 });
 export default WiggleTooltip;
-export { default as Tooltip } from '../../Tooltip';

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

@@ -1,4 +1,4 @@
-import type { ReducedModel } from './types';
+import type { ReducedModel } from './types.ts';
 declare const WiggleClusterDialog: ({ model, handleClose, }: {
     model: ReducedModel;
     handleClose: () => void;

package/esm/MultiLinearWiggleDisplay/components/WiggleClusterDialog/WiggleClusterDialog.js

@@ -3,8 +3,8 @@ import { useState } from 'react';
 import { Dialog } from '@jbrowse/core/ui';
 import { FormControlLabel, Radio, RadioGroup } from '@mui/material';
 import { observer } from 'mobx-react';
-import WiggleClusterDialogAuto from './WiggleClusterDialogAuto';
-import WiggleClusterDialogManual from './WiggleClusterDialogManual';
+import WiggleClusterDialogAuto from "./WiggleClusterDialogAuto.js";
+import WiggleClusterDialogManual from "./WiggleClusterDialogManual.js";
 function Header({ activeMode, setActiveMode, }) {
     return (_jsx("div", { children: _jsx(RadioGroup, { children: Object.entries({
                 auto: (_jsx("div", { children: "Run in-app clustering (slower, particularly for large numbers of samples, uses JS implementation of hclust)" })),
@@ -13,7 +13,7 @@ function Header({ activeMode, setActiveMode, }) {
                         setActiveMode(key);
                     } }), label: val }, key))) }) }));
 }
-const WiggleClusterDialog = observer(function ({ model, handleClose, }) {
+const WiggleClusterDialog = observer(function WiggleClusterDialog({ model, handleClose, }) {
     const [activeMode, setActiveMode] = useState('auto');
     return (_jsx(Dialog, { open: true, title: "Cluster by score", maxWidth: "xl", onClose: (_, reason) => {
             if (reason !== 'backdropClick') {

package/esm/MultiLinearWiggleDisplay/components/WiggleClusterDialog/WiggleClusterDialogAuto.d.ts

@@ -1,4 +1,4 @@
-import type { ReducedModel } from './types';
+import type { ReducedModel } from './types.ts';
 declare const WiggleClusterDialogAuto: ({ model, children, handleClose, }: {
     model: ReducedModel;
     children: React.ReactNode;

package/esm/MultiLinearWiggleDisplay/components/WiggleClusterDialog/WiggleClusterDialogAuto.js

@@ -4,14 +4,14 @@ import { ErrorMessage } from '@jbrowse/core/ui';
 import { getContainingView, getSession, isAbortException, useLocalStorage, } from '@jbrowse/core/util';
 import { createStopToken, stopStopToken } from '@jbrowse/core/util/stopToken';
 import { getRpcSessionId } from '@jbrowse/core/util/tracks';
+import { isAlive } from '@jbrowse/mobx-state-tree';
 import { Button, DialogActions, DialogContent, TextField, Typography, } from '@mui/material';
 import { observer } from 'mobx-react';
-import { isAlive } from 'mobx-state-tree';
-const WiggleClusterDialogAuto = observer(function ({ model, children, handleClose, }) {
+const WiggleClusterDialogAuto = observer(function WiggleClusterDialogAuto({ model, children, handleClose, }) {
     const [progress, setProgress] = useState('');
     const [error, setError] = useState();
     const [loading, setLoading] = useState(false);
-    const [stopToken, setStopToken] = useState('');
+    const [stopToken, setStopToken] = useState();
     const [showAdvanced, setShowAdvanced] = useState(false);
     const [samplesPerPixel, setSamplesPerPixel] = useLocalStorage('cluster-samplesPerPixel', '1');
     return (_jsxs(_Fragment, { children: [_jsxs(DialogContent, { children: [children, _jsxs("div", { style: { marginTop: 50 }, children: [_jsx(Button, { variant: "contained", onClick: () => {
@@ -21,7 +21,6 @@ const WiggleClusterDialogAuto = observer(function ({ model, children, handleClos
                                         } })] })) : null] }), _jsxs("div", { children: [loading ? (_jsxs("div", { style: { padding: 50 }, children: [_jsx("span", { children: progress || 'Loading...' }), _jsx(Button, { onClick: () => {
                                             stopStopToken(stopToken);
                                         }, children: "Stop" })] })) : null, error ? _jsx(ErrorMessage, { error: error }) : null] })] }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "contained", disabled: loading, onClick: async () => {
-                            var _a;
                             try {
                                 setError(undefined);
                                 setProgress('Initializing');
@@ -47,7 +46,7 @@ const WiggleClusterDialogAuto = observer(function ({ model, children, handleClos
                                             setProgress(arg);
                                         },
                                     }));
-                                    const currentLayout = ((_a = model.layout) === null || _a === void 0 ? void 0 : _a.length)
+                                    const currentLayout = model.layout?.length
                                         ? model.layout
                                         : sourcesWithoutLayout;
                                     const sourcesByName = Object.fromEntries(currentLayout.map((s) => [s.name, s]));

package/esm/MultiLinearWiggleDisplay/components/WiggleClusterDialog/WiggleClusterDialogManual.d.ts

@@ -1,4 +1,4 @@
-import type { ReducedModel } from './types';
+import type { ReducedModel } from './types.ts';
 declare const WiggleClusterDialogManuals: ({ model, handleClose, children, }: {
     model: ReducedModel;
     handleClose: () => void;

package/esm/MultiLinearWiggleDisplay/components/WiggleClusterDialog/WiggleClusterDialogManual.js

@@ -3,23 +3,16 @@ import { useEffect, useState } from 'react';
 import { ErrorMessage, LoadingEllipses } from '@jbrowse/core/ui';
 import { getContainingView, getSession, isAbortException, useLocalStorage, } from '@jbrowse/core/util';
 import { getRpcSessionId } from '@jbrowse/core/util/tracks';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
+import { isAlive } from '@jbrowse/mobx-state-tree';
 import { Button, DialogActions, DialogContent, FormControlLabel, Radio, RadioGroup, TextField, Typography, } from '@mui/material';
-import copy from 'copy-to-clipboard';
-import { saveAs } from 'file-saver';
 import { observer } from 'mobx-react';
-import { isAlive } from 'mobx-state-tree';
-import { makeStyles } from 'tss-react/mui';
-const useStyles = makeStyles()(theme => ({
+const useStyles = makeStyles()({
     textAreaFont: {
         fontFamily: 'Courier New',
     },
-    mgap: {
-        display: 'flex',
-        flexDirection: 'column',
-        gap: theme.spacing(4),
-    },
-}));
-const WiggleClusterDialogManuals = observer(function ({ model, handleClose, children, }) {
+});
+const WiggleClusterDialogManuals = observer(function WiggleClusterDialogManuals({ model, handleClose, children, }) {
     const { classes } = useStyles();
     const [paste, setPaste] = useState('');
     const [ret, setRet] = useState();
@@ -81,13 +74,16 @@ cat(resultClusters$order,sep='\n')`
                                             gap: '8px',
                                             flexWrap: 'wrap',
                                             marginBottom: '16px',
-                                        }, children: [_jsx(Button, { variant: "contained", onClick: () => {
+                                        }, children: [_jsx(Button, { variant: "contained", onClick: async () => {
+                                                    const { saveAs } = await import('file-saver-es');
                                                     saveAs(new Blob([results || ''], {
                                                         type: 'text/plain;charset=utf-8',
                                                     }), 'cluster.R');
-                                                }, children: "Download Rscript" }), ' ', "or", ' ', _jsx(Button, { variant: "contained", onClick: () => {
+                                                }, children: "Download Rscript" }), ' ', "or", ' ', _jsx(Button, { variant: "contained", onClick: async () => {
+                                                    const { default: copy } = await import('copy-to-clipboard');
                                                     copy(results || '');
-                                                }, children: "Copy Rscript to clipboard" }), ' ', "or", ' ', _jsx(Button, { variant: "contained", onClick: () => {
+                                                }, children: "Copy Rscript to clipboard" }), ' ', "or", ' ', _jsx(Button, { variant: "contained", onClick: async () => {
+                                                    const { saveAs } = await import('file-saver-es');
                                                     saveAs(new Blob([resultsTsv || ''], {
                                                         type: 'text/plain;charset=utf-8',
                                                     }), 'scores.tsv');
@@ -111,11 +107,10 @@ cat(resultClusters$order,sep='\n')`
                                                 },
                                             },
                                         } })] })] })] }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "contained", onClick: () => {
-                            var _a;
                             const { sourcesWithoutLayout } = model;
                             if (sourcesWithoutLayout) {
                                 try {
-                                    const currentLayout = ((_a = model.layout) === null || _a === void 0 ? void 0 : _a.length)
+                                    const currentLayout = model.layout?.length
                                         ? model.layout
                                         : sourcesWithoutLayout;
                                     const sourcesByName = Object.fromEntries(currentLayout.map((s) => [s.name, s]));

package/esm/MultiLinearWiggleDisplay/components/WiggleClusterDialog/types.d.ts

@@ -1,4 +1,4 @@
-import type { Source } from '../../../util';
+import type { Source } from '../../../util.ts';
 import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 export interface ReducedModel {
     sourcesWithoutLayout?: Source[];

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

@@ -1,4 +1,4 @@
-import type { WiggleDisplayModel } from '../model';
+import type { WiggleDisplayModel } from '../model.ts';
 declare const MultiLinearWiggleDisplayComponent: (props: {
     model: WiggleDisplayModel;
 }) => import("react/jsx-runtime").JSX.Element;

package/esm/MultiLinearWiggleDisplay/components/WiggleDisplayComponent.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { BaseLinearDisplayComponent } from '@jbrowse/plugin-linear-genome-view';
 import { observer } from 'mobx-react';
-import YScaleBars from './YScaleBars';
-const MultiLinearWiggleDisplayComponent = observer(function (props) {
+import YScaleBars from "./YScaleBars.js";
+const MultiLinearWiggleDisplayComponent = observer(function MultiLinearWiggleDisplayComponent(props) {
     const { model } = props;
     return (_jsxs("div", { children: [_jsx(BaseLinearDisplayComponent, { ...props }), _jsx(YScaleBars, { model: model })] }));
 });

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

@@ -1,5 +1,5 @@
-import type { WiggleDisplayModel } from '../model';
-export declare const YScaleBars: (props: {
+import type { WiggleDisplayModel } from '../model.ts';
+declare const YScaleBars: (props: {
     model: WiggleDisplayModel;
     orientation?: string;
     exportSVG?: boolean;

package/esm/MultiLinearWiggleDisplay/components/YScaleBars.js

@@ -1,22 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getContainingView } from '@jbrowse/core/util';
 import { observer } from 'mobx-react';
-import FullHeightScaleBar from './FullHeightScaleBar';
-import IndividualScaleBars from './IndividualScaleBars';
-const Wrapper = observer(function ({ children, model, exportSVG, }) {
-    const { height } = model;
-    return exportSVG ? (children) : (_jsx("svg", { style: {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            pointerEvents: 'none',
-            height,
-            width: getContainingView(model).width,
-        }, children: children }));
-});
-export const YScaleBars = observer(function (props) {
+import FullHeightScaleBar from "./FullHeightScaleBar.js";
+import IndividualScaleBars from "./IndividualScaleBars.js";
+import YScaleBarsWrapper from "./YScaleBarsWrapper.js";
+const YScaleBars = observer(function YScaleBars(props) {
     const { model, orientation, exportSVG } = props;
     const { showSidebar, stats, needsFullHeightScalebar, sources } = model;
-    return stats && sources ? (_jsx(Wrapper, { ...props, children: showSidebar ? (needsFullHeightScalebar ? (_jsx(FullHeightScaleBar, { model: model, orientation: orientation, exportSVG: exportSVG })) : (_jsx(IndividualScaleBars, { model: model, orientation: orientation, exportSVG: exportSVG }))) : null })) : null;
+    return stats && sources ? (_jsx(YScaleBarsWrapper, { ...props, children: showSidebar ? (needsFullHeightScalebar ? (_jsx(FullHeightScaleBar, { model: model, orientation: orientation, exportSVG: exportSVG })) : (_jsx(IndividualScaleBars, { model: model, orientation: orientation, exportSVG: exportSVG }))) : null })) : null;
 });
 export default YScaleBars;

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

@@ -0,0 +1,7 @@
+import type { WiggleDisplayModel } from '../model.ts';
+declare const YScaleBarsWrapper: ({ children, model, exportSVG, }: {
+    model: WiggleDisplayModel;
+    children: React.ReactNode;
+    exportSVG?: boolean;
+}) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export default YScaleBarsWrapper;

package/esm/MultiLinearWiggleDisplay/components/YScaleBarsWrapper.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getContainingView } from '@jbrowse/core/util';
+import { observer } from 'mobx-react';
+const YScaleBarsWrapper = observer(function YScaleBarsWrapper({ children, model, exportSVG, }) {
+    const { height } = model;
+    return exportSVG ? (children) : (_jsx("svg", { style: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            pointerEvents: 'none',
+            height,
+            width: getContainingView(model).width,
+        }, children: children }));
+});
+export default YScaleBarsWrapper;

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

@@ -0,0 +1,10 @@
+import type { Source } from '../types.ts';
+export interface MinimalModel {
+    graphType: boolean;
+    needsFullHeightScalebar: boolean;
+    rowHeightTooSmallForScalebar: boolean;
+    sources: Source[] | undefined;
+    renderColorBoxes: boolean;
+    labelWidth: number;
+    needsCustomLegend: boolean;
+}

package/esm/MultiLinearWiggleDisplay/components/types.js

@@ -0,0 +1 @@
+export {};

package/esm/MultiLinearWiggleDisplay/components/ui/SetColorDialog.js

@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState } from 'react';
 import DraggableDialog from '@jbrowse/core/ui/DraggableDialog';
 import { useLocalStorage } from '@jbrowse/core/util';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { Button, DialogActions, DialogContent } from '@mui/material';
-import { makeStyles } from 'tss-react/mui';
-import SetColorDialogBulkEditPanel from './SetColorDialogBulkEditPanel';
-import SetColorDialogHelpfulTips from './SetColorDialogHelpfulTips';
-import SetColorDialogRowPalettizer from './SetColorDialogRowPalettizer';
+import SetColorDialogBulkEditPanel from "./SetColorDialogBulkEditPanel.js";
+import SetColorDialogHelpfulTips from "./SetColorDialogHelpfulTips.js";
+import SetColorDialogRowPalettizer from "./SetColorDialogRowPalettizer.js";
 const useStyles = makeStyles()({
     content: {
         minWidth: 800,

package/esm/MultiLinearWiggleDisplay/components/ui/SetColorDialogBulkEditPanel.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
 import { ErrorMessage } from '@jbrowse/core/ui';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { Button, DialogActions, DialogContent, TextField, Typography, } from '@mui/material';
-import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()({
     textAreaFont: {
         fontFamily: 'Courier New',

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

@@ -1,4 +1,4 @@
-import type { WiggleDisplayModel } from '../model';
+import type { WiggleDisplayModel } from '../model.ts';
 import type { GridRowId } from '@mui/x-data-grid';
 export declare function moveUp<T extends {
     name: string;

package/esm/MultiLinearWiggleDisplay/configSchema.d.ts

@@ -1,26 +1,26 @@
 import type PluginManager from '@jbrowse/core/PluginManager';
-export default function WiggleConfigFactory(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+export default function WiggleConfigFactory(pluginManager: PluginManager): import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{
     defaultRendering: {
         type: string;
-        model: import("mobx-state-tree").ISimpleType<string>;
+        model: import("@jbrowse/mobx-state-tree").ISimpleType<string>;
         defaultValue: string;
     };
-    renderers: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+    renderers: import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{
         MultiXYPlotRenderer: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
         MultiDensityRenderer: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
         MultiRowXYPlotRenderer: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
         MultiLineRenderer: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
         MultiRowLineRenderer: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
-    }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+    }, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<undefined, undefined>>;
     height: {
         type: string;
         defaultValue: number;
     };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{
     autoscale: {
         type: string;
         defaultValue: string;
-        model: import("mobx-state-tree").ISimpleType<string>;
+        model: import("@jbrowse/mobx-state-tree").ISimpleType<string>;
         description: string;
     };
     minimalTicks: {
@@ -45,7 +45,7 @@ export default function WiggleConfigFactory(pluginManager: PluginManager): impor
     };
     scaleType: {
         type: string;
-        model: import("mobx-state-tree").ISimpleType<string>;
+        model: import("@jbrowse/mobx-state-tree").ISimpleType<string>;
         description: string;
         defaultValue: string;
     };
@@ -54,7 +54,7 @@ export default function WiggleConfigFactory(pluginManager: PluginManager): impor
         description: string;
         defaultValue: boolean;
     };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{
     maxFeatureScreenDensity: {
         type: string;
         description: string;
@@ -81,4 +81,4 @@ export default function WiggleConfigFactory(pluginManager: PluginManager): impor
         description: string;
         defaultValue: never[];
     };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>, undefined>>, undefined>>;
+}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<undefined, "displayId">>, undefined>>, undefined>>;

package/esm/MultiLinearWiggleDisplay/configSchema.js

@@ -1,6 +1,6 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
-import { types } from 'mobx-state-tree';
-import sharedWiggleConfigFactory from '../shared/SharedWiggleConfigSchema';
+import { types } from '@jbrowse/mobx-state-tree';
+import sharedWiggleConfigFactory from "../shared/SharedWiggleConfigSchema.js";
 function x() { }
 export default function WiggleConfigFactory(pluginManager) {
     const MultiXYPlotRendererConfigSchema = pluginManager.getRendererType('MultiXYPlotRenderer').configSchema;

package/esm/MultiLinearWiggleDisplay/index.js

@@ -1,7 +1,7 @@
 import { lazy } from 'react';
 import DisplayType from '@jbrowse/core/pluggableElementTypes/DisplayType';
-import configSchemaFactory from './configSchema';
-import modelFactory from './model';
+import configSchemaFactory from "./configSchema.js";
+import modelFactory from "./model.js";
 export default function MultiLinearWiggleDisplayF(pluginManager) {
     pluginManager.addDisplayType(() => {
         const configSchema = configSchemaFactory(pluginManager);
@@ -12,7 +12,7 @@ export default function MultiLinearWiggleDisplayF(pluginManager) {
             stateModel: modelFactory(pluginManager, configSchema),
             trackType: 'MultiQuantitativeTrack',
             viewType: 'LinearGenomeView',
-            ReactComponent: lazy(() => import('./components/WiggleDisplayComponent')),
+            ReactComponent: lazy(() => import("./components/WiggleDisplayComponent.js")),
         });
     });
 }