@jbrowse/plugin-wiggle 3.6.5 → 4.0.0

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

@@ -1,7 +0,0 @@
-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

@@ -1,15 +0,0 @@
-"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

@@ -1,11 +0,0 @@
-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

@@ -1,19 +0,0 @@
-"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, graphType, 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 || (graphType && !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,8 +0,0 @@
-declare const RectBg: (props: {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    color?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default RectBg;

package/dist/MultiLinearWiggleDisplay/components/RectBg.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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 (0, jsx_runtime_1.jsx)("rect", { ...props, ...(0, util_1.getFillProps)(color) });
-};
-exports.default = RectBg;

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

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

package/dist/MultiLinearWiggleDisplay/components/ScoreLegend.js

@@ -1,19 +0,0 @@
-"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 RectBg_1 = __importDefault(require("./RectBg"));
-const ScoreLegend = (0, mobx_react_1.observer)(({ model }) => {
-    const { ticks, scaleType } = model;
-    const { width } = (0, util_1.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 len = (0, util_1.measureText)(legend, 14);
-    const padding = 25;
-    const xpos = width - len - padding;
-    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,9 +0,0 @@
-import type { Source } from '../../util';
-export default function SetColorDialog({ model, handleClose, }: {
-    model: {
-        sources?: Source[];
-        setLayout: (s: Source[]) => void;
-        clearLayout: () => void;
-    };
-    handleClose: () => void;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/MultiLinearWiggleDisplay/components/SetColorDialog.js

@@ -1,42 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = SetColorDialog;
-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 SourcesGrid_1 = __importDefault(require("./SourcesGrid"));
-const useStyles = (0, mui_1.makeStyles)()({
-    content: {
-        minWidth: 800,
-    },
-    float: {
-        float: 'right',
-    },
-});
-function HelpfulTips() {
-    return ((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" })] })] }));
-}
-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 ((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.jsx)(HelpfulTips, {}) : 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,7 +0,0 @@
-import type { Source } from '../../util';
-declare function SourcesGrid({ rows, onChange, showTips, }: {
-    rows: Source[];
-    onChange: (arg: Source[]) => void;
-    showTips: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export default SourcesGrid;

package/dist/MultiLinearWiggleDisplay/components/SourcesGrid.js

@@ -1,130 +0,0 @@
-"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 jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ui_1 = require("@jbrowse/core/ui");
-const ColorPicker_1 = __importStar(require("@jbrowse/core/ui/ColorPicker"));
-const util_1 = require("@jbrowse/core/util");
-const KeyboardArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardArrowDown"));
-const KeyboardArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardArrowUp"));
-const KeyboardDoubleArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardDoubleArrowDown"));
-const KeyboardDoubleArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardDoubleArrowUp"));
-const material_1 = require("@mui/material");
-const x_data_grid_1 = require("@mui/x-data-grid");
-const mui_1 = require("tss-react/mui");
-const util_2 = require("./util");
-const useStyles = (0, mui_1.makeStyles)()({
-    cell: {
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-    },
-});
-function SourcesGrid({ rows, onChange, showTips, }) {
-    const { classes } = useStyles();
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    const [selected, setSelected] = (0, react_1.useState)([]);
-    const { name: _name, color: _color, baseUri: _baseUri, ...rest } = rows[0];
-    const [widgetColor, setWidgetColor] = (0, react_1.useState)('blue');
-    const [currSort, setCurrSort] = (0, react_1.useState)({
-        idx: 0,
-        field: null,
-    });
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { disabled: !selected.length, onClick: event => {
-                    setAnchorEl(event.currentTarget);
-                }, children: "Change color of selected items" }), (0, jsx_runtime_1.jsxs)(material_1.Button, { disabled: !selected.length, onClick: () => {
-                    onChange((0, util_2.moveUp)([...rows], selected));
-                }, children: [(0, jsx_runtime_1.jsx)(KeyboardArrowUp_1.default, {}), showTips ? 'Move selected items up' : null] }), (0, jsx_runtime_1.jsxs)(material_1.Button, { disabled: !selected.length, onClick: () => {
-                    onChange((0, util_2.moveDown)([...rows], selected));
-                }, children: [(0, jsx_runtime_1.jsx)(KeyboardArrowDown_1.default, {}), showTips ? 'Move selected items down' : null] }), (0, jsx_runtime_1.jsxs)(material_1.Button, { disabled: !selected.length, onClick: () => {
-                    onChange((0, util_2.moveUp)([...rows], selected, rows.length));
-                }, children: [(0, jsx_runtime_1.jsx)(KeyboardDoubleArrowUp_1.default, {}), showTips ? 'Move selected items to top' : null] }), (0, jsx_runtime_1.jsxs)(material_1.Button, { disabled: !selected.length, onClick: () => {
-                    onChange((0, util_2.moveDown)([...rows], selected, rows.length));
-                }, children: [(0, jsx_runtime_1.jsx)(KeyboardDoubleArrowDown_1.default, {}), showTips ? 'Move selected items to bottom' : null] }), (0, jsx_runtime_1.jsx)(ColorPicker_1.ColorPopover, { anchorEl: anchorEl, color: widgetColor, onChange: c => {
-                    setWidgetColor(c);
-                    for (const id of selected) {
-                        const elt = rows.find(f => f.name === id);
-                        if (elt) {
-                            elt.color = c;
-                        }
-                    }
-                    onChange([...rows]);
-                }, onClose: () => {
-                    setAnchorEl(null);
-                } }), (0, jsx_runtime_1.jsx)("div", { style: { height: 400, width: '100%' }, children: (0, jsx_runtime_1.jsx)(x_data_grid_1.DataGrid, { disableRowSelectionOnClick: true, getRowId: row => row.name, checkboxSelection: true, onRowSelectionModelChange: arg => {
-                        setSelected([...arg.ids]);
-                    }, rows: rows, rowHeight: 25, columnHeaderHeight: 33, columns: [
-                        {
-                            field: 'color',
-                            headerName: 'Color',
-                            renderCell: ({ value, id }) => ((0, jsx_runtime_1.jsx)(ColorPicker_1.default, { color: value || 'blue', onChange: c => {
-                                    const elt = rows.find(f => f.name === id);
-                                    if (elt) {
-                                        elt.color = c;
-                                    }
-                                    onChange([...rows]);
-                                } })),
-                        },
-                        {
-                            field: 'name',
-                            headerName: 'Name',
-                            width: (0, util_1.measureGridWidth)(rows.map(r => r.name)),
-                        },
-                        ...Object.keys(rest).map(val => ({
-                            field: val,
-                            renderCell: ({ value }) => ((0, jsx_runtime_1.jsx)("div", { className: classes.cell, children: (0, jsx_runtime_1.jsx)(ui_1.SanitizedHTML, { html: (0, util_1.getStr)(value) }) })),
-                            width: (0, util_1.measureGridWidth)(rows.map(r => `${r[val]}`)),
-                        })),
-                    ], sortModel: [], onSortModelChange: args => {
-                        const sort = args[0];
-                        const idx = (currSort.idx + 1) % 2;
-                        const field = sort.field || currSort.field;
-                        setCurrSort({ idx, field });
-                        onChange(field
-                            ? [...rows].sort((a, b) => {
-                                const aa = (0, util_1.getStr)(a[field]);
-                                const bb = (0, util_1.getStr)(b[field]);
-                                return idx === 1
-                                    ? aa.localeCompare(bb)
-                                    : bb.localeCompare(aa);
-                            })
-                            : rows);
-                    } }) })] }));
-}
-exports.default = SourcesGrid;

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

@@ -1,18 +0,0 @@
-import type { TooltipContentsComponent } from '../../Tooltip';
-import type { Source } from '../../util';
-import type { Feature } from '@jbrowse/core/util';
-type Coord = [number, number];
-declare const WiggleTooltip: (props: {
-    model: {
-        featureUnderMouse: Feature;
-        sources: Source[];
-        rowHeight: number;
-    };
-    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/dist/MultiLinearWiggleDisplay/components/Tooltip.js

@@ -1,35 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const mobx_react_1 = require("mobx-react");
-const Tooltip_1 = __importDefault(require("../../Tooltip"));
-const util_1 = require("../../util");
-const en = (n) => n.toLocaleString('en-US');
-const TooltipContents = (0, react_1.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 sources = feature.get('sources');
-    const source = feature.get('source');
-    const summary = feature.get('summary');
-    const obj = Object.fromEntries(model.sources.map(ent => [ent.name, ent]));
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, children: [[refName, coord].filter(f => !!f).join(':'), (0, jsx_runtime_1.jsx)("br", {}), sources ? ((0, jsx_runtime_1.jsxs)("table", { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "color" }), (0, jsx_runtime_1.jsx)("th", { children: "source" }), (0, jsx_runtime_1.jsx)("th", { children: "score" })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: Object.entries(sources).map(([source, data]) => ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("div", { style: {
-                                            width: 16,
-                                            height: 16,
-                                            background: obj[source].color,
-                                        } }) }), (0, jsx_runtime_1.jsx)("td", { children: source }), (0, jsx_runtime_1.jsx)("td", { children: (0, util_1.toP)(data.score) })] }, source))) })] })) : ((0, jsx_runtime_1.jsxs)("span", { children: [source, ' ', summary
-                        ? `min:${(0, util_1.toP)(feature.get('minScore'))} avg:${(0, util_1.toP)(feature.get('score'))} max:${(0, util_1.toP)(feature.get('maxScore'))}`
-                        : (0, util_1.toP)(feature.get('score'))] }))] }));
-});
-const WiggleTooltip = (0, mobx_react_1.observer)((props) => {
-    return (0, jsx_runtime_1.jsx)(Tooltip_1.default, { useClientY: true, TooltipContents: TooltipContents, ...props });
-});
-exports.default = WiggleTooltip;
-var Tooltip_2 = require("../../Tooltip");
-Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return __importDefault(Tooltip_2).default; } });

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

@@ -1,6 +0,0 @@
-import type { ReducedModel } from './types';
-declare const WiggleClusterDialog: ({ model, handleClose, }: {
-    model: ReducedModel;
-    handleClose: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default WiggleClusterDialog;

package/dist/MultiLinearWiggleDisplay/components/WiggleClusterDialog/WiggleClusterDialog.js

@@ -1,29 +0,0 @@
-"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 react_1 = require("react");
-const ui_1 = require("@jbrowse/core/ui");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const WiggleClusterDialogAuto_1 = __importDefault(require("./WiggleClusterDialogAuto"));
-const WiggleClusterDialogManual_1 = __importDefault(require("./WiggleClusterDialogManual"));
-function Header({ activeMode, setActiveMode, }) {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(material_1.RadioGroup, { children: Object.entries({
-                auto: ((0, jsx_runtime_1.jsx)("div", { children: "Run in-app clustering (slower, particularly for large numbers of samples, uses JS implementation of hclust)" })),
-                manual: ((0, jsx_runtime_1.jsx)("div", { children: "Download R script to run clustering (faster, uses R implementation of hclust)" })),
-            }).map(([key, val]) => ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Radio, { checked: activeMode === key, onChange: () => {
-                        setActiveMode(key);
-                    } }), label: val }, key))) }) }));
-}
-const WiggleClusterDialog = (0, mobx_react_1.observer)(function ({ model, handleClose, }) {
-    const [activeMode, setActiveMode] = (0, react_1.useState)('auto');
-    return ((0, jsx_runtime_1.jsx)(ui_1.Dialog, { open: true, title: "Cluster by score", maxWidth: "xl", onClose: (_, reason) => {
-            if (reason !== 'backdropClick') {
-                handleClose();
-            }
-        }, children: activeMode === 'auto' ? ((0, jsx_runtime_1.jsx)(WiggleClusterDialogAuto_1.default, { model: model, handleClose: handleClose, children: (0, jsx_runtime_1.jsx)(Header, { activeMode: activeMode, setActiveMode: setActiveMode }) })) : ((0, jsx_runtime_1.jsx)(WiggleClusterDialogManual_1.default, { model: model, handleClose: handleClose, children: (0, jsx_runtime_1.jsx)(Header, { activeMode: activeMode, setActiveMode: setActiveMode }) })) }));
-});
-exports.default = WiggleClusterDialog;

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

@@ -1,7 +0,0 @@
-import type { ReducedModel } from './types';
-declare const WiggleClusterDialogAuto: ({ model, children, handleClose, }: {
-    model: ReducedModel;
-    children: React.ReactNode;
-    handleClose: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default WiggleClusterDialogAuto;

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

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ui_1 = require("@jbrowse/core/ui");
-const util_1 = require("@jbrowse/core/util");
-const stopToken_1 = require("@jbrowse/core/util/stopToken");
-const tracks_1 = require("@jbrowse/core/util/tracks");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const WiggleClusterDialogAuto = (0, mobx_react_1.observer)(function ({ model, children, handleClose, }) {
-    const [progress, setProgress] = (0, react_1.useState)('');
-    const [error, setError] = (0, react_1.useState)();
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const [stopToken, setStopToken] = (0, react_1.useState)('');
-    const [showAdvanced, setShowAdvanced] = (0, react_1.useState)(false);
-    const [samplesPerPixel, setSamplesPerPixel] = (0, util_1.useLocalStorage)('cluster-samplesPerPixel', '1');
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [children, (0, jsx_runtime_1.jsxs)("div", { style: { marginTop: 50 }, children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: () => {
-                                    setShowAdvanced(!showAdvanced);
-                                }, children: showAdvanced ? 'Hide advanced options' : 'Show advanced options' }), showAdvanced ? ((0, jsx_runtime_1.jsxs)("div", { style: { marginTop: 20 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "This procedure samples the data at each 'pixel' across the visible by default" }), (0, jsx_runtime_1.jsx)(material_1.TextField, { label: "Samples per pixel (>1 for denser sampling, between 0-1 for sparser sampling)", variant: "outlined", size: "small", value: samplesPerPixel, onChange: event => {
-                                            setSamplesPerPixel(event.target.value);
-                                        } })] })) : null] }), (0, jsx_runtime_1.jsxs)("div", { children: [loading ? ((0, jsx_runtime_1.jsxs)("div", { style: { padding: 50 }, children: [(0, jsx_runtime_1.jsx)("span", { children: progress || 'Loading...' }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
-                                            (0, stopToken_1.stopStopToken)(stopToken);
-                                        }, children: "Stop" })] })) : null, error ? (0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: error }) : null] })] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", disabled: loading, onClick: async () => {
-                            try {
-                                setError(undefined);
-                                setProgress('Initializing');
-                                setLoading(true);
-                                const view = (0, util_1.getContainingView)(model);
-                                if (!view.initialized) {
-                                    return;
-                                }
-                                const { rpcManager } = (0, util_1.getSession)(model);
-                                const { sourcesWithoutLayout, adapterConfig } = model;
-                                if (sourcesWithoutLayout) {
-                                    const sessionId = (0, tracks_1.getRpcSessionId)(model);
-                                    const stopToken = (0, stopToken_1.createStopToken)();
-                                    setStopToken(stopToken);
-                                    const ret = (await rpcManager.call(sessionId, 'MultiWiggleClusterScoreMatrix', {
-                                        regions: view.dynamicBlocks.contentBlocks,
-                                        sources: sourcesWithoutLayout,
-                                        sessionId,
-                                        adapterConfig,
-                                        stopToken,
-                                        bpPerPx: view.bpPerPx / +samplesPerPixel,
-                                        statusCallback: (arg) => {
-                                            setProgress(arg);
-                                        },
-                                    }));
-                                    model.setLayout(ret.order.map(idx => {
-                                        const ret = sourcesWithoutLayout[idx];
-                                        if (!ret) {
-                                            throw new Error(`out of bounds at ${idx}`);
-                                        }
-                                        return ret;
-                                    }));
-                                }
-                                handleClose();
-                            }
-                            catch (e) {
-                                if (!(0, util_1.isAbortException)(e) && (0, mobx_state_tree_1.isAlive)(model)) {
-                                    console.error(e);
-                                    setError(e);
-                                }
-                            }
-                            finally {
-                                setLoading(false);
-                                setProgress('');
-                                setStopToken('');
-                            }
-                        }, children: "Run clustering" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
-                            handleClose();
-                            if (stopToken) {
-                                (0, stopToken_1.stopStopToken)(stopToken);
-                            }
-                        }, children: "Cancel" })] })] }));
-});
-exports.default = WiggleClusterDialogAuto;

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

@@ -1,7 +0,0 @@
-import type { ReducedModel } from './types';
-declare const WiggleClusterDialogManuals: ({ model, handleClose, children, }: {
-    model: ReducedModel;
-    handleClose: () => void;
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export default WiggleClusterDialogManuals;