react-msaview 9.0.0 → 9.1.1

package/dist/components/MSAViewer.js

@@ -1,25 +1,11 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { createJBrowseTheme } from '@jbrowse/core/ui/theme';
+import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState, } from 'react';
 import useMeasure from '@jbrowse/core/util/useMeasure';
 import { destroy, isAlive } from '@jbrowse/mobx-state-tree';
 import { ThemeProvider } from '@mui/material/styles';
 import { compareStructural, reaction, when } from 'mobx';
 import MSAModelF from '../model.js';
+import { fileLocations, resolveTheme, viewerHighlights, viewerSnapshot, } from '../viewerSnapshot.js';
 import Loading from './Loading.js';
-function resolveTheme(theme) {
-    return createJBrowseTheme(theme === 'dark'
-        ? { palette: { mode: 'dark' } }
-        : typeof theme === 'object'
-            ? theme
-            : undefined);
-}
-function colorSchemeSnapshot(scheme) {
-    return typeof scheme === 'string'
-        ? { colorSchemeName: scheme }
-        : scheme
-            ? { customColorScheme: scheme.map }
-            : {};
-}
 function sameSource(a, b) {
     return (a.msa === b.msa &&
         a.tree === b.tree &&
@@ -29,17 +15,19 @@ function sameSource(a, b) {
 /**
  * A new alignment or tree needs a new model, so the viewer remounts when one
  * of those props changes and keeps its model across every other change,
- * including a new annotation file.
+ * including a new annotation file. A `ref` holds the current model.
  */
-export default function MSAViewer(props) {
-    const { msa, tree, msaFilehandle, treeFilehandle } = props;
+const MSAViewer = forwardRef(function MSAViewer(props, ref) {
+    const resolved = { ...props, ...fileLocations(props) };
+    const { msa, tree, msaFilehandle, treeFilehandle } = resolved;
     const source = { msa, tree, msaFilehandle, treeFilehandle };
     const [shown, setShown] = useState({ source, generation: 0 });
     if (!sameSource(shown.source, source)) {
         setShown({ source, generation: shown.generation + 1 });
     }
-    return React.createElement(Viewer, { key: shown.generation, ...props });
-}
+    return React.createElement(Viewer, { key: shown.generation, modelRef: ref, ...resolved });
+});
+export default MSAViewer;
 function useModelReaction(model, key, handler) {
     const latest = useRef(handler);
     useEffect(() => {
@@ -52,48 +40,139 @@ function useModelReaction(model, key, handler) {
         }, { equals: compareStructural })
         : undefined, [model, key, listening]);
 }
-function Viewer({ msa, tree, gff, msaFilehandle, treeFilehandle, gffFilehandle, colorScheme, height, colWidth, rowHeight, allowedGappyness, highlightColumns, highlights, features, clades, relativeTo, columnTracks, residueMappings, rowData, encodings, rowPanels, drawTree, residueEncoding, treeAreaWidth, showBranchLen, treeOrder, treeRoot, region, selection, hideHeader, theme, onCellHover, onCellClick, onViewportChange, onSelectionChange, onModel, }) {
-    const [model] = useState(() => MSAModelF().create({
-        type: 'MsaView',
-        ...(msa || tree || gff || rowData
-            ? {
-                data: {
-                    msa: msa ?? '',
-                    tree: tree ?? '',
-                    gff,
-                    // the row table is stored as this JSON string, which is what a
-                    // shared URL and the size limit already cover
-                    ...(rowData ? { treeMetadata: JSON.stringify(rowData) } : {}),
-                },
+function synced(read, apply, { inSnapshot = false } = {}) {
+    return {
+        read,
+        apply: apply,
+        inSnapshot,
+    };
+}
+function ifSet(set) {
+    return (model, value) => {
+        if (value !== undefined) {
+            set(model, value);
+        }
+    };
+}
+/**
+ * How each prop reaches the mounted model. `inSnapshot` marks a prop the
+ * snapshot already applied, so only a later change reaches its setter.
+ */
+const syncedProps = [
+    synced(p => p.height, ifSet((m, v) => {
+        m.setHeight(v);
+    })),
+    synced(p => p.colWidth, ifSet((m, v) => {
+        m.setColWidth(v);
+    })),
+    synced(p => p.rowHeight, ifSet((m, v) => {
+        m.setRowHeight(v);
+    })),
+    synced(p => p.allowedGappyness, ifSet((m, v) => {
+        m.setAllowedGappyness(v);
+    })),
+    synced(p => p.drawTree, ifSet((m, v) => {
+        m.setDrawTree(v);
+    })),
+    synced(p => p.treeAreaWidth, ifSet((m, v) => {
+        m.setTreeAreaWidth(v);
+    })),
+    synced(p => p.showBranchLen, ifSet((m, v) => {
+        m.setShowBranchLen(v);
+    })),
+    synced(p => p.treeOrder, ifSet((m, v) => {
+        m.setTreeOrder(v);
+    })),
+    synced(p => p.residueEncoding, ifSet((m, v) => {
+        m.setBgColor(v === 'fill');
+    })),
+    synced(p => !!p.hideHeader, (m, v) => {
+        m.setHideHeader(v);
+    }),
+    synced(p => p.relativeTo, (m, v) => {
+        m.drawRelativeTo(v);
+    }),
+    synced(p => p.gffFilehandle, (m, location, { gff }) => {
+        if (location) {
+            m.setGFFFilehandle(location);
+        }
+        else {
+            m.setGFF(gff);
+        }
+    }, { inSnapshot: true }),
+    synced(p => p.gff, (m, v) => {
+        m.setGFF(v);
+    }, { inSnapshot: true }),
+    synced(p => p.colorScheme, (m, scheme) => {
+        if (typeof scheme === 'string') {
+            m.setColorSchemeName(scheme);
+        }
+        else if (scheme) {
+            m.setCustomColorScheme(scheme.map);
+        }
+    }),
+    synced(viewerHighlights, (m, v) => {
+        m.setHighlights(v);
+    }),
+    synced(p => p.features ?? [], (m, v) => {
+        m.setFeatures(v);
+    }),
+    synced(p => p.selection, (m, v) => {
+        m.setSelection(v);
+    }),
+    synced(p => p.treeRoot, (m, v) => {
+        m.setTreeRoot(v);
+    }),
+    synced(p => p.clades ?? [], (m, v) => {
+        m.setClades(v);
+    }),
+    synced(p => p.columnTracks ?? [], (m, v) => {
+        m.setColumnTracks(v);
+    }),
+    synced(p => p.residueMappings ?? [], (m, v) => {
+        m.setResidueMappings(v);
+    }),
+    synced(p => p.rowData, (m, table) => {
+        if (table && Object.keys(table).length) {
+            m.setRowData(table);
+        }
+    }),
+    synced(p => p.encodings ?? [], (m, v) => {
+        m.setEncodings(v);
+    }),
+    synced(p => p.rowPanels ?? [], (m, v) => {
+        m.setRowPanels(v);
+    }),
+];
+/**
+ * Applies each prop whose content changed since the last render. Comparing
+ * JSON keys lets a host pass a freshly computed array every render, and
+ * applying only a changed prop keeps a change made inside the viewer across
+ * the host's next render. The model receives a parsed copy, never the host's
+ * own object.
+ */
+function useSyncedProps(model, props) {
+    const applied = useRef(undefined);
+    useEffect(() => {
+        const keys = syncedProps.map(({ read }) => JSON.stringify(read(props) ?? null));
+        applied.current ??= syncedProps.map(({ inSnapshot }, i) => inSnapshot ? keys[i] : '');
+        const last = applied.current;
+        syncedProps.forEach(({ apply }, i) => {
+            const key = keys[i];
+            if (last[i] !== key) {
+                last[i] = key;
+                apply(model, JSON.parse(key) ?? undefined, props);
             }
-            : {}),
-        ...(msaFilehandle ? { msaFilehandle } : {}),
-        ...(treeFilehandle ? { treeFilehandle } : {}),
-        ...(gffFilehandle ? { gffFilehandle } : {}),
-        ...colorSchemeSnapshot(colorScheme),
-        ...(height ? { height } : {}),
-        ...(colWidth ? { colWidth } : {}),
-        ...(rowHeight ? { rowHeight } : {}),
-        ...(allowedGappyness !== undefined ? { allowedGappyness } : {}),
-        ...(highlightColumns ? { highlightColumns } : {}),
-        ...(highlights ? { highlights } : {}),
-        ...(features ? { features } : {}),
-        ...(selection ? { selection } : {}),
-        ...(clades ? { clades } : {}),
-        ...(relativeTo ? { relativeTo } : {}),
-        ...(columnTracks ? { columnTracks } : {}),
-        ...(residueMappings ? { residueMappings } : {}),
-        ...(encodings ? { encodings } : {}),
-        ...(rowPanels ? { rowPanels } : {}),
-        ...(drawTree !== undefined ? { drawTree } : {}),
-        ...(treeAreaWidth ? { treeAreaWidth } : {}),
-        ...(showBranchLen !== undefined ? { showBranchLen } : {}),
-        ...(treeOrder ? { treeOrder } : {}),
-        ...(treeRoot ? { treeRoot } : {}),
-        ...(residueEncoding !== undefined
-            ? { bgColor: residueEncoding === 'fill' }
-            : {}),
-    }));
+        });
+    });
+}
+function Viewer({ modelRef, ...props }) {
+    const { region, theme, onCellHover, onCellClick, onViewportChange, onSelectionChange, onModel, } = props;
+    const [model] = useState(() => {
+        const model = MSAModelF().create(viewerSnapshot(props));
+        model.setImportForm(false);
+        return model;
+    });
     const destroyTimer = useRef(undefined);
     const [ref, { width }] = useMeasure();
     useEffect(() => {
@@ -101,150 +180,13 @@ function Viewer({ msa, tree, gff, msaFilehandle, treeFilehandle, gffFilehandle,
             model.setWidth(width);
         }
     }, [model, width]);
-    // Each effect depends only on its own prop, so a change made inside the
-    // viewer survives the host's next render.
-    useEffect(() => {
-        if (height !== undefined) {
-            model.setHeight(height);
-        }
-    }, [model, height]);
-    useEffect(() => {
-        if (colWidth !== undefined) {
-            model.setColWidth(colWidth);
-        }
-    }, [model, colWidth]);
-    useEffect(() => {
-        if (rowHeight !== undefined) {
-            model.setRowHeight(rowHeight);
-        }
-    }, [model, rowHeight]);
-    useEffect(() => {
-        if (allowedGappyness !== undefined) {
-            model.setAllowedGappyness(allowedGappyness);
-        }
-    }, [model, allowedGappyness]);
-    useEffect(() => {
-        if (drawTree !== undefined) {
-            model.setDrawTree(drawTree);
-        }
-    }, [model, drawTree]);
-    useEffect(() => {
-        if (treeAreaWidth !== undefined) {
-            model.setTreeAreaWidth(treeAreaWidth);
-        }
-    }, [model, treeAreaWidth]);
-    useEffect(() => {
-        if (showBranchLen !== undefined) {
-            model.setShowBranchLen(showBranchLen);
-        }
-    }, [model, showBranchLen]);
-    useEffect(() => {
-        if (treeOrder !== undefined) {
-            model.setTreeOrder(treeOrder);
-        }
-    }, [model, treeOrder]);
-    useEffect(() => {
-        if (residueEncoding !== undefined) {
-            model.setBgColor(residueEncoding === 'fill');
-        }
-    }, [model, residueEncoding]);
-    useEffect(() => {
-        model.setHideHeader(!!hideHeader);
-    }, [model, hideHeader]);
-    // unguarded, so removing the prop turns the reference diff off
-    useEffect(() => {
-        model.drawRelativeTo(relativeTo);
-    }, [model, relativeTo]);
-    // The snapshot already holds the first gff and gffFilehandle, so these
-    // effects apply only a later change. Removing either one sets the text back
-    // to the gff prop, which clears the annotations when that is absent too.
-    const appliedGff = useRef(gff);
-    const gffFilehandleKey = JSON.stringify(gffFilehandle ?? null);
-    const appliedGffFilehandle = useRef(gffFilehandleKey);
-    useEffect(() => {
-        if (appliedGffFilehandle.current !== gffFilehandleKey) {
-            appliedGffFilehandle.current = gffFilehandleKey;
-            const location = JSON.parse(gffFilehandleKey);
-            if (location) {
-                model.setGFFFilehandle(location);
-            }
-            else {
-                model.setGFF(appliedGff.current);
-            }
-        }
-    }, [model, gffFilehandleKey]);
-    useEffect(() => {
-        if (appliedGff.current !== gff) {
-            appliedGff.current = gff;
-            model.setGFF(gff);
-        }
-    }, [model, gff]);
-    // keyed by content, since a host computing a layer inline passes a new array
-    // on every render
-    const colorSchemeKey = JSON.stringify(colorScheme ?? null);
-    useEffect(() => {
-        const scheme = JSON.parse(colorSchemeKey);
-        if (typeof scheme === 'string') {
-            model.setColorSchemeName(scheme);
-        }
-        else if (scheme) {
-            model.setCustomColorScheme(scheme.map);
-        }
-    }, [model, colorSchemeKey]);
-    const highlightsKey = JSON.stringify(highlights ?? []);
-    useEffect(() => {
-        model.setHighlights(JSON.parse(highlightsKey));
-    }, [model, highlightsKey]);
-    const featuresKey = JSON.stringify(features ?? []);
-    useEffect(() => {
-        model.setFeatures(JSON.parse(featuresKey));
-    }, [model, featuresKey]);
-    const selectionKey = JSON.stringify(selection ?? null);
-    useEffect(() => {
-        model.setSelection(JSON.parse(selectionKey) ?? undefined);
-    }, [model, selectionKey]);
-    const treeRootKey = JSON.stringify(treeRoot ?? null);
-    useEffect(() => {
-        model.setTreeRoot(JSON.parse(treeRootKey) ?? undefined);
-    }, [model, treeRootKey]);
-    const cladesKey = JSON.stringify(clades ?? []);
-    useEffect(() => {
-        model.setClades(JSON.parse(cladesKey));
-    }, [model, cladesKey]);
-    const columnTracksKey = JSON.stringify(columnTracks ?? []);
-    useEffect(() => {
-        model.setColumnTracks(JSON.parse(columnTracksKey));
-    }, [model, columnTracksKey]);
-    const residueMappingsKey = JSON.stringify(residueMappings ?? []);
-    useEffect(() => {
-        model.setResidueMappings(JSON.parse(residueMappingsKey));
-    }, [model, residueMappingsKey]);
-    const rowDataKey = JSON.stringify(rowData ?? {});
-    useEffect(() => {
-        const table = JSON.parse(rowDataKey);
-        // an empty table leaves whatever the snapshot or a filehandle loaded
-        if (Object.keys(table).length) {
-            model.setRowData(table);
-        }
-    }, [model, rowDataKey]);
-    const encodingsKey = JSON.stringify(encodings ?? []);
-    useEffect(() => {
-        model.setEncodings(JSON.parse(encodingsKey));
-    }, [model, encodingsKey]);
-    const rowPanelsKey = JSON.stringify(rowPanels ?? []);
-    useEffect(() => {
-        model.setRowPanels(JSON.parse(rowPanelsKey));
-    }, [model, rowPanelsKey]);
-    const highlightColumnsKey = JSON.stringify(highlightColumns ?? null);
-    useEffect(() => {
-        model.setHighlightedColumns(JSON.parse(highlightColumnsKey) ?? undefined);
-    }, [model, highlightColumnsKey]);
+    useSyncedProps(model, props);
     const regionKey = JSON.stringify(region ?? null);
     useEffect(() => {
         const target = JSON.parse(regionKey);
         return target
             ? when(() => model.viewInitialized && model.numColumns > 0, () => {
-                model.zoomToRegion(target);
+                model.revealRegion(target);
             })
             : undefined;
     }, [model, regionKey]);
@@ -252,6 +194,7 @@ function Viewer({ msa, tree, gff, msaFilehandle, treeFilehandle, gffFilehandle,
     useModelReaction(model, 'clickedCell', onCellClick);
     useModelReaction(model, 'viewport', onViewportChange);
     useModelReaction(model, 'selection', onSelectionChange);
+    useImperativeHandle(modelRef, () => model, [model]);
     const latestOnModel = useRef(onModel);
     useEffect(() => {
         latestOnModel.current = onModel;

package/dist/components/MSAViewer.js.map

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

package/dist/components/MetadataTable.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
+export declare function isRecord(value: unknown): value is Record<string, unknown>;
 export declare function isEmpty(value: unknown): boolean;
-export default function MetadataTable({ record, }: {
+export default function MetadataTable({ record, labels, monospaceKeys, }: {
     record: Record<string, unknown>;
+    labels?: Record<string, string>;
+    monospaceKeys?: Set<string>;
 }): React.JSX.Element;

package/dist/components/MetadataTable.js

@@ -1,29 +1,68 @@
 import React from 'react';
 import { makeStyles } from '@jbrowse/core/util/tss-react';
-import { Table, TableBody, TableCell, TableRow } from '@mui/material';
-const useStyles = makeStyles()({
+const useStyles = makeStyles()(theme => ({
+    list: {
+        display: 'grid',
+        gridTemplateColumns: 'minmax(8em, max-content) minmax(0, 1fr)',
+        columnGap: theme.spacing(3),
+        margin: 0,
+    },
+    row: {
+        display: 'contents',
+    },
     key: {
-        fontWeight: 'bold',
-        verticalAlign: 'top',
+        fontWeight: 600,
+        padding: theme.spacing(0.75, 0),
+        borderTop: `1px solid ${theme.palette.divider}`,
+    },
+    code: {
+        marginLeft: theme.spacing(1),
+        fontWeight: 400,
+        fontSize: '0.75em',
+        fontFamily: 'monospace',
+        color: theme.palette.text.secondary,
     },
     value: {
+        margin: 0,
+        padding: theme.spacing(0.75, 0),
+        borderTop: `1px solid ${theme.palette.divider}`,
         whiteSpace: 'pre-wrap',
-        wordBreak: 'break-word',
+        overflowWrap: 'anywhere',
+    },
+    mono: {
+        fontFamily: 'monospace',
+        fontSize: '0.85em',
+        maxHeight: '8em',
+        overflow: 'auto',
+    },
+    nested: {
+        '& > dl': {
+            paddingLeft: theme.spacing(2),
+            borderLeft: `2px solid ${theme.palette.divider}`,
+        },
     },
-});
-function isRecord(value) {
-    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}));
+export function isRecord(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        !Array.isArray(value) &&
+        !React.isValidElement(value));
 }
 export function isEmpty(value) {
     return isRecord(value) && Object.keys(value).length === 0;
 }
-export default function MetadataTable({ record, }) {
-    const { classes } = useStyles();
-    return (React.createElement(Table, { size: "small" },
-        React.createElement(TableBody, null, Object.entries(record)
-            .filter(([, value]) => value != null && !isEmpty(value))
-            .map(([key, value]) => (React.createElement(TableRow, { key: key },
-            React.createElement(TableCell, { component: "th", className: classes.key }, key),
-            React.createElement(TableCell, { className: classes.value }, isRecord(value) ? (React.createElement(MetadataTable, { record: value })) : Array.isArray(value) ? (value.join('\n')) : (String(value)))))))));
+export default function MetadataTable({ record, labels = {}, monospaceKeys, }) {
+    const { classes, cx } = useStyles();
+    return (React.createElement("dl", { className: classes.list }, Object.entries(record)
+        .filter(([, value]) => value != null && !isEmpty(value))
+        .map(([key, value]) => {
+        const label = labels[key];
+        const nested = isRecord(value);
+        return (React.createElement("div", { key: key, className: classes.row },
+            React.createElement("dt", { className: classes.key },
+                label ?? key,
+                label && label !== key ? (React.createElement("span", { className: classes.code }, key)) : null),
+            React.createElement("dd", { className: cx(classes.value, nested && classes.nested, monospaceKeys?.has(key) && classes.mono) }, nested ? (React.createElement(MetadataTable, { record: value, labels: labels, monospaceKeys: monospaceKeys })) : Array.isArray(value) ? (value.join('\n')) : React.isValidElement(value) ? (value) : (String(value)))));
+    })));
 }
 //# sourceMappingURL=MetadataTable.js.map

package/dist/components/MetadataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataTable.js","sourceRoot":"","sources":["../../src/components/MetadataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAErE,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC;IAC7B,GAAG,EAAE;QACH,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,KAAK;KACrB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,YAAY;KACxB;CACF,CAAC,CAAA;AAEF,SAAS,QAAQ,CAAC,KAAc;IAC9B,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;AAC7E,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,KAAc;IACpC,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAA;AAC3D,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,MAAM,GAGP;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAC,OAAO;QACjB,oBAAC,SAAS,QACP,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;aACpB,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;aACvD,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CACrB,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG;YAChB,oBAAC,SAAS,IAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,OAAO,CAAC,GAAG,IAC7C,GAAG,CACM;YACZ,oBAAC,SAAS,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAChC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACjB,oBAAC,aAAa,IAAC,MAAM,EAAE,KAAK,GAAI,CACjC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACzB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CACjB,CAAC,CAAC,CAAC,CACF,MAAM,CAAC,KAAK,CAAC,CACd,CACS,CACH,CACZ,CAAC,CACM,CACN,CACT,CAAA;AACH,CAAC"}
+{"version":3,"file":"MetadataTable.js","sourceRoot":"","sources":["../../src/components/MetadataTable.tsx"],"names":[],"mappings":"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"}

package/dist/components/ResizeHandles.js

@@ -1,15 +1,16 @@
 import React, { useCallback } from 'react';
 import { observer } from 'mobx-react';
 import DragHandle from './DragHandle.js';
+const minViewHeight = 50;
 export const VerticalResizeHandle = observer(function ({ model, }) {
     const onDrag = useCallback((delta, startWidth) => {
-        model.setTreeAreaWidth(startWidth + delta);
+        model.setTreeAreaWidth(Math.min(Math.max(0, startWidth + delta), model.width - model.resizeHandleWidth));
     }, [model]);
     return (React.createElement(DragHandle, { axis: "x", variant: "resizer", getStart: () => model.effectiveTreeAreaWidth, onDrag: onDrag, style: { width: model.resizeHandleWidth } }));
 });
 export const HorizontalResizeHandle = observer(function ({ model, }) {
     const onDrag = useCallback((delta, startHeight) => {
-        model.setHeight(startHeight + delta);
+        model.setHeight(Math.max(minViewHeight, startHeight + delta));
     }, [model]);
     return (React.createElement(DragHandle, { axis: "y", variant: "resizer", getStart: () => model.height, onDrag: onDrag, style: { width: '100%', height: model.resizeHandleWidth } }));
 });

package/dist/components/ResizeHandles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeHandles.js","sourceRoot":"","sources":["../../src/components/ResizeHandles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,UAAU,MAAM,iBAAkB,CAAA;AAKzC,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,UAAU,EACrD,KAAK,GAGN;IACC,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,KAAa,EAAE,UAAkB,EAAE,EAAE;QACpC,KAAK,CAAC,gBAAgB,CAAC,UAAU,GAAG,KAAK,CAAC,CAAA;IAC5C,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAA;IACD,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,sBAAsB,EAC5C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,iBAAiB,EAAE,GACzC,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,UAAU,EACvD,KAAK,GAGN;IACC,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,KAAa,EAAE,WAAmB,EAAE,EAAE;QACrC,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,KAAK,CAAC,CAAA;IACtC,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAA;IACD,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAC5B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,iBAAiB,EAAE,GACzD,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,UAAU,EAClD,KAAK,EACL,KAAK,GAIN;IACC,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;IAC7C,0EAA0E;IAC1E,uEAAuE;IACvE,4EAA4E;IAC5E,2EAA2E;IAC3E,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAC1C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,CACrC,CAAA;IACD,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAA;IAC7B,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,KAAa,EAAE,WAAmB,EAAE,EAAE;QACrC,IAAI,SAAS,EAAE,CAAC;YACd,KAAK,CAAC,cAAc,CAClB,SAAS,EACT,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,WAAW,GAAG,KAAK,GAAG,KAAK,CAAC,CAC1C,CAAA;QACH,CAAC;IACH,CAAC,EACD,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,CAC1B,CAAA;IACD,OAAO,SAAS,IAAI,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CACrD,oBAAC,UAAU,IACT,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,EACtB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,KAAK,CAAC,iBAAiB;YAC/B,MAAM,EAAE,CAAC;SACV,GACD,CACH,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA"}
+{"version":3,"file":"ResizeHandles.js","sourceRoot":"","sources":["../../src/components/ResizeHandles.tsx"],"names":[],"mappings":"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"}

package/dist/components/Track.js

@@ -2,10 +2,12 @@ import React, { lazy, useCallback, useRef, useState } from 'react';
 import BaseTooltip from '@jbrowse/core/ui/BaseTooltip';
 import { makeStyles } from '@jbrowse/core/util/tss-react';
 import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import CloseIcon from '@mui/icons-material/Close';
 import { IconButton, Menu, MenuItem } from '@mui/material';
 import { observer } from 'mobx-react';
 import { useWheelScroll } from '../useWheelScroll.js';
 import { onMsaKey } from './msa/msaKeys.js';
+import TrackBlocks from './tracks/TrackBlocks.js';
 import TrackTooltipContent from './tracks/TrackTooltipContent.js';
 import { useTrackHover } from './tracks/useTrackHover.js';
 const TrackInfoDialog = lazy(() => import('./dialogs/TrackInfoDialog.js'));
@@ -34,6 +36,7 @@ const TrackLabel = observer(function TrackLabel({ model, track, }) {
     const { model: { name, height }, } = track;
     const { classes } = useStyles();
     const trackLabelHeight = Math.min(height, fontSize);
+    const closeSize = Math.min(height, Math.max(fontSize, 16));
     return (React.createElement("div", { style: {
             width,
             height,
@@ -49,6 +52,10 @@ const TrackLabel = observer(function TrackLabel({ model, track, }) {
                 textOverflow: 'ellipsis',
                 whiteSpace: 'nowrap',
             } }, drawLabels ? name : ''),
+        React.createElement(IconButton, { className: classes.button, "aria-label": `Hide ${name} track`, title: "Hide track", style: { width: closeSize, height: closeSize, flexShrink: 0 }, onClick: () => {
+                model.toggleTrack(track.model.id);
+            } },
+            React.createElement(CloseIcon, { style: { fontSize: closeSize * 0.8 } })),
         React.createElement(IconButton, { className: classes.button, "aria-label": `${name} track menu`, style: {
                 width: trackLabelHeight,
                 height: trackLabelHeight,
@@ -103,7 +110,7 @@ const Track = observer(function ({ model, track, }) {
             }, onMouseLeave: () => {
                 onMouseLeave();
             } },
-            React.createElement(track.ReactComponent, { model: model, track: track }),
+            React.createElement(TrackBlocks, { model: model, track: track }),
             anchor ? (React.createElement(BaseTooltip, { clientPoint: anchor.clientPoint },
                 React.createElement(TrackTooltipContent, { model: model, track: track, col: anchor.value }))) : null)));
 });