@jbrowse/wiggle-core 5.0.0-beta.11 → 5.0.0-beta.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/wiggle-core",
-  "version": "5.0.0-beta.11",
+  "version": "5.0.0-beta.13",
   "type": "module",
   "description": "Score-axis scale, autoscale, config mixins and plot chrome shared by wiggle, Manhattan, mark and coverage displays",
   "keywords": [
@@ -26,7 +26,8 @@
     "./chrome": "./esm/chrome.js",
     "./constants": "./esm/constants.js",
     "./normalize": "./esm/normalize.js",
-    "./renderingBackendTypes": "./esm/renderingBackendTypes.js"
+    "./renderingBackendTypes": "./esm/renderingBackendTypes.js",
+    "./scoreAxisWidget": "./esm/ScoreAxisWidget/index.js"
   },
   "files": [
     "esm"
@@ -35,12 +36,12 @@
     "@jbrowse/mobx-state-tree": "^6.7.0",
     "@mui/icons-material": "^9.4.0",
     "@mui/material": "^9.4.0",
-    "mobx": "^7.0.5",
+    "mobx": "^7.0.6",
     "mobx-react": "^10.0.2",
-    "@jbrowse/core": "^5.0.0-beta.11",
-    "@jbrowse/display-ui": "^5.0.0-beta.11",
-    "@jbrowse/display-kit": "^5.0.0-beta.11",
-    "@jbrowse/render-core": "^5.0.0-beta.11"
+    "@jbrowse/core": "^5.0.0-beta.13",
+    "@jbrowse/display-kit": "^5.0.0-beta.13",
+    "@jbrowse/render-core": "^5.0.0-beta.13",
+    "@jbrowse/display-ui": "^5.0.0-beta.13"
   },
   "peerDependencies": {
     "react": ">=19.0.0",

package/esm/AutoscaleGroupDialog.d.ts

@@ -1,7 +0,0 @@
-import type { AutoscalePeer } from './autoscaleGroup.ts';
-import type { IStateTreeNode } from '@jbrowse/mobx-state-tree';
-declare const _default: ({ model, handleClose, }: {
-    model: AutoscalePeer & IStateTreeNode;
-    handleClose: () => void;
-}) => import("react").JSX.Element;
-export default _default;

package/esm/AutoscaleGroupDialog.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { LabeledCheckbox, SubmitDialog } from '@jbrowse/core/ui';
-import { Typography } from '@mui/material';
-import { observer } from 'mobx-react';
-import { autoscalePeers, autoscaleWith } from './autoscaleGroup.js';
-export default observer(function AutoscaleGroupDialog({ model, handleClose, }) {
-    const peers = autoscalePeers(model);
-    const group = model.autoscaleGroup;
-    const [chosen, setChosen] = useState(() => new Set(group === undefined
-        ? []
-        : peers.map(p => p.display).filter(d => d.autoscaleGroup === group)));
-    return (_jsxs(SubmitDialog, { open: true, title: "Autoscale with other tracks", submitText: "Apply", onCancel: handleClose, onSubmit: () => {
-            autoscaleWith(model, peers.map(p => p.display), chosen);
-            handleClose();
-        }, children: [_jsx(Typography, { color: "text.secondary", children: "The tracks ticked here share this track's axis: each end nobody pinned spans all of their data, and follows it as the view moves." }), peers.map(({ display, key, name }) => (_jsx("div", { children: _jsx(LabeledCheckbox, { checked: chosen.has(display), label: name, onChange: checked => {
-                        const next = new Set(chosen);
-                        if (checked) {
-                            next.add(display);
-                        }
-                        else {
-                            next.delete(display);
-                        }
-                        setChosen(next);
-                    } }) }, key)))] }));
-});

package/esm/SetMinMaxDialog.d.ts

@@ -1,12 +0,0 @@
-declare const _default: (props: {
-    model: {
-        manualMinScore: number | undefined;
-        manualMaxScore: number | undefined;
-        scaleType: string;
-        setMinScore: (arg?: number) => void;
-        setMaxScore: (arg?: number) => void;
-    };
-    domain?: [number, number];
-    handleClose: () => void;
-}) => import("react").JSX.Element;
-export default _default;

package/esm/SetMinMaxDialog.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { NumberTextField, SubmitDialog } from '@jbrowse/core/ui';
-import { Button, Typography } from '@mui/material';
-import { observer } from 'mobx-react';
-// The two fields open on what the config really pins, which is the mixin's
-// `manual*` pair rather than the raw slots — the sentinel comparison is one
-// answer per end and lives there. Submitting `undefined` writes the sentinel
-// back, so an emptied field is how autoscale resumes.
-export default observer(function SetMinMaxDialog(props) {
-    const { model, domain, handleClose } = props;
-    const { manualMinScore, manualMaxScore, scaleType } = model;
-    const [min, setMin] = useState(manualMinScore);
-    const [max, setMax] = useState(manualMaxScore);
-    // The fields own their text, so filling them from the button remounts them.
-    const [fill, setFill] = useState(0);
-    const rangeOk = min === undefined || max === undefined || max > min;
-    const logOk = !(scaleType === 'log' && min !== undefined && min <= 0);
-    return (_jsxs(SubmitDialog, { open: true, title: "Set min/max score for track", submitDisabled: !rangeOk || !logOk, onCancel: handleClose, onSubmit: () => {
-            model.setMinScore(min);
-            model.setMaxScore(max);
-            handleClose();
-        }, children: [_jsx(Typography, { children: "Enter min/max score, or leave a field empty to autoscale that end" }), !rangeOk ? (_jsx(Typography, { color: "error", children: "Max must be greater than min" })) : null, !logOk ? (_jsx(Typography, { color: "error", children: "Min score should be greater than 0 for log scale" })) : null, _jsx(NumberTextField, { defaultValue: min, onValueChange: setMin, placeholder: "Enter min score" }, `min-${fill}`), _jsx(NumberTextField, { defaultValue: max, onValueChange: setMax, placeholder: "Enter max score" }, `max-${fill}`), _jsxs("div", { children: [domain ? (_jsx(Button, { onClick: () => {
-                            setMin(domain[0]);
-                            setMax(domain[1]);
-                            setFill(n => n + 1);
-                        }, children: "Use current range" })) : null, _jsx(Button, { disabled: min === undefined && max === undefined, onClick: () => {
-                            setMin(undefined);
-                            setMax(undefined);
-                            setFill(n => n + 1);
-                        }, children: "Clear" })] })] }));
-});

package/esm/SetScoreRulesDialog.d.ts

@@ -1,14 +0,0 @@
-import type { ValueScaleRule } from '@jbrowse/display-ui';
-/**
- * The score menu's editor for `scales.y.rules`: one row per reference line,
- * its value on the plot's own scale, its label and its colour. An empty colour
- * is the display's default, and removing every row removes every line.
- */
-declare const _default: ({ model, handleClose, }: {
-    model: {
-        scoreRules: ValueScaleRule[];
-        setScoreRules: (rules: ValueScaleRule[]) => void;
-    };
-    handleClose: () => void;
-}) => import("react").JSX.Element;
-export default _default;

package/esm/SetScoreRulesDialog.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { SubmitDialog } from '@jbrowse/core/ui';
-import { isCssColor } from '@jbrowse/core/util/colorBits';
-import DeleteIcon from '@mui/icons-material/Delete';
-import { Button, IconButton, TextField, Typography } from '@mui/material';
-import { observer } from 'mobx-react';
-function rowOf({ value, label = '', color = '' }) {
-    return { value: String(value), label, color };
-}
-function valueOk({ value }) {
-    return value.trim() !== '' && Number.isFinite(Number(value));
-}
-function colorOk({ color }) {
-    return color.trim() === '' || isCssColor(color);
-}
-/**
- * The score menu's editor for `scales.y.rules`: one row per reference line,
- * its value on the plot's own scale, its label and its colour. An empty colour
- * is the display's default, and removing every row removes every line.
- */
-export default observer(function SetScoreRulesDialog({ model, handleClose, }) {
-    const [rows, setRows] = useState(() => model.scoreRules.map(rowOf));
-    const setRow = (index, patch) => {
-        setRows(rows.map((row, i) => (i === index ? { ...row, ...patch } : row)));
-    };
-    return (_jsxs(SubmitDialog, { open: true, title: "Reference lines", submitDisabled: !rows.every(row => valueOk(row) && colorOk(row)), onCancel: handleClose, onSubmit: () => {
-            model.setScoreRules(rows.map(row => ({
-                value: Number(row.value),
-                ...(row.label ? { label: row.label } : {}),
-                ...(row.color.trim() ? { color: row.color.trim() } : {}),
-            })));
-            handleClose();
-        }, children: [_jsx(Typography, { children: "A horizontal line at each value, on the same scale as the plot" }), rows.map((row, index) => (_jsxs("div", { style: { display: 'flex', gap: 8, marginTop: 8 }, children: [_jsx(TextField, { label: "Value", value: row.value, error: !valueOk(row), onChange: event => {
-                            setRow(index, { value: event.target.value });
-                        } }), _jsx(TextField, { label: "Label", value: row.label, onChange: event => {
-                            setRow(index, { label: event.target.value });
-                        } }), _jsx(TextField, { label: "Color", value: row.color, error: !colorOk(row), onChange: event => {
-                            setRow(index, { color: event.target.value });
-                        } }), _jsx(IconButton, { "aria-label": "remove line", onClick: () => {
-                            setRows(rows.filter((_, i) => i !== index));
-                        }, children: _jsx(DeleteIcon, {}) })] }, index))), _jsx(Button, { onClick: () => {
-                    setRows([...rows, { value: '', label: '', color: '' }]);
-                }, children: "Add line" })] }));
-});